﻿.homeContentBigBox {
    width: 100%;
    position: relative;
}

.homeBannerBox {
    width: 100%;
    height: 380px;
}

.bannerImgBox {
    position: relative;
}

.qiehuanBtn {
    display: none;
}

    .qiehuanBtn span {
        display: block;
        position: absolute;
        font-size: 60px;
        background: #fff;
        opacity: 0.6;
        top: 50%;
        margin-top: -40px;
        cursor: pointer;
    }

.bannerLf {
    left: 46%;
    margin-left: -330px;
}

.bannerRg {
    right: 49%;
    margin-right: -361px;
}

.bannerImg {
    position: absolute;
    display: none;
    width: 100%;
    height: 380px;
}

    .bannerImg img {
        display: block;
        width: 100%;
        height: 380px;
    }

.bannerNumBox {
    position: absolute;
    bottom: 10px;
    left: 48%;
    font-size: 0;
}

.bannerNum {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #666;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.bannerNumThis {
    background: #fff;
}

.userLoginInfo {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.userInfoRgBox {
    width: 220px;
    position: absolute;
    right: 0;
    top: -380px;
    background: #fff;
    height: 380px;
    padding: 20px 10px;
    overflow: hidden;
    font-size: 14px;
    color: #949596;
    display: inline-block;
}

.userImg {
    width: 67px;
    margin: 0 auto;
    height: 67px;
}

    .userImg img {
        width: 100%;
        border-radius: 50%;
    }

.userTxt {
    text-align: center;
    margin: 10px 0;
}

.log, .sin {
    text-align: center;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e84a33;
    margin: 15px auto;
    font-size: 17px;
    display: block
}

.log {
    background: #e84a33;
    color: white;
}

    .log:hover {
        color: white;
        opacity: 0.6;
    }

.sin {
    color: #e84a33;
}

    .sin:hover {
        color: #e84a33;
        opacity: 0.6;
    }

.xueP {
    text-align: center;
    margin: 20px;
}

.Icon {
    vertical-align: middle;
    margin-right: 10px;
}

    .Icon img {
        width: 15px;
    }

.navigationDiv {
    width: 100%;
}

.navigationUL {
    width: 1200px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
}

.navigationLI {
    text-align: center;
    display: inline-block;
    width: 16%;
    font-weight: 600;
}

    .navigationLI:hover {
        background: #e84a33;
    }

.navigationLI a {
    color: black;
    cursor: pointer;
    display: block;
}

        .navigationLI a:hover {
            color: white;
        }

#classList {
    position: absolute;
    text-align: left;
    width: 193px;
    height: 402px;
    font-size: 14px;
    background-color: #fff;
    z-index: 10;
    padding: 0 10px;
}

.classType {
    border-bottom: 1px solid #E5E5E5;
}

.eiidTitle {
    display: inline-block;
    white-space: nowrap;
    width: 80px;
}

#etid_1 {
    background: url('/Img/Home/kjIcon.png') no-repeat 0;
}

#etid_2 {
    background: url('/Img/Home/jrIcon.png') no-repeat 0;
}

.etidP {
    padding-left: 17px;
    color: black;
    font-size: 15px;
}

.eiidTitle a {
    color: #686868;
}

    .eiidTitle a:hover {
        color: #e84a33;
    }

.zhiboDiv, .remenDiv, .caikuaiDiv, .jinrongDiv, .teacherDiv {
    width: 1200px;
    margin: 0 auto;
}

.DTitle {
    text-align: center;
    font-size: 30px;
    color: black;
    margin-top: 30px;
}

.smallDTitle {
    text-align: center;
    margin: 10px;
}

.zhiboClassInfo, .remenClassInfo, .caikuaiClassInfo, .jinrongClassInfo, .teacherInfo {
    display: inline-block;
    margin-right: 20px;
    width: 275px;
    vertical-align: top;
}
        .zhiboClassInfo img, .remenClassInfo img, caikuaiClassInfo img, jinrongClassInfo img {
            width: 267px;
        }

.teacherInfo {
    border: 1px solid #cccccc;
    width: 22%;
    height: 450px;
    text-align: center;
    vertical-align: middle;
    padding: 20px 30px 30px;
    box-shadow: 0px 4px 7px 0;
    background: url(/Img/Home/renqiImg.png) no-repeat;
}

    .teacherInfo img {
        width: 186px;
    }

.zbName, .zbJion {
    text-align: center;
}

.zbName {
    color: black;
    font-weight: 600;
}

.zbJion {
    display: block;
    border: 1px solid #66b664;
    width: 150px;
    margin: 0 auto;
    border-radius: 13px;
    background: #66b664;
    height: 26px;
}

.zbJionS {
    vertical-align: middle;
    color: white;
}

.zbJion img {
    width: 15px;
    vertical-align: middle;
}

.rmSpan, .ckSpan, .jrSpan {
    display: inline-block;
    color: black;
    margin-right: 47px;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.lfDiv {
    font-size: 1.4em;
    color: black;
    width: 200px;
    margin-left: 60px;
}

.topNAv {
    width: 1200px;
    margin: 20px auto;
}

.kfContent {
    text-align: center;
}

.kfImg {
    width: 42px;
    margin-left: 78px;
}

.lfDiv, .kfImg, .kfContent, .inputDiv {
    display: inline-block;
    vertical-align: middle;
}

#SsInput {
    width: 560px;
    height: 40px;
    font-size: 16px;
    outline-style: none;
    padding: 0 10px;
    vertical-align: middle;
}

.inputDiv {
    margin-left: 45px;
}

.inputBtn {
    line-height: 40px;
    background: #e84a33;
    display: inline-block;
    font-size: 16px;
    padding: 0 26px;
    color: #fff;
    margin-left: -1px;
    vertical-align: middle;
    border: 0;
}
.timeSpan {
    display: inline-block;
    vertical-align: middle;
}

.rmName, .rmJion, .ckName, .ckJion, .jrName, .jrJion {
    padding: 0 10px;
}

.lxKF {
    color: #ea5b49;
    margin-right: 97px;
    cursor: pointer;
}

    .lxKF:hover {
        opacity: 0.6;
    }

.renCount img {
    width: 23px;
}

.rmJion, .ckJion, .jrJion {
    margin: 10px 0;
}

.remenClassList, .caikuaiClassList, .jinrongClassList {
    margin: 20px 0;
}

.tcName {
    font-size: 18px;
    color: black;
    font-weight: 600;
    margin: 3px;
}

.tcClass {
    color: black;
    margin: 5px;
}

.hr {
    color: #cccccc;
    width: 123%;
    margin: 5px -25px;
}

.pjMesg {
    text-align: left;
    text-indent: 2em;
    line-height: 26px;
}


.footer {
    width: 1200px;
    margin: 0 auto;
    height: 80px;
}

    .footer img {
        width: 100%;
        margin: 15px 0;
    }

.footerHr {
    background: #e65233;
    margin: 50px 0;
    opacity: 0.3;
}

.yqHref {
    width: 1200px;
    margin: 0 auto;
}

.yqHref a {
    margin-right:20px;
}

.footerTemplate {
    width: 1200px;
    margin: 50px auto;
    text-align: center;
}
.txDiv {
height:170px;
}
.footerTemplate ul {
    display: inline-block;
    margin: 0 50px;
}

        .footerTemplate ul li:nth-child(1) a {
            color: black;
            font-weight: 600;
            font-size: 20px;
        }

        .footerTemplate ul li {
            margin: 20px 0;
            cursor: pointer;
            text-align: center;
        }

.ewmDiv {
    display: inline-block;
    margin-left: 100px;
    width: 140px;
}

#userName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 110px;
    margin: 0 auto;
}

.MoreP {
    margin: 30px 0;
    text-align: center;
}