* {  margin: 0;  padding: 0;  }
html {  height: 100%;  }.clearfix {  *zoom: 1;  }
body {  height: 100%;  font-smoothing: antialiased;  -webkit-font-smoothing: antialiased;background:#e9ecee;   font-size: 14px;
    font-family: '΢ÈíÑźÚ', 'PingFang SC', "Hiragino Sans GB", STHeiti, sans-serif;  overflow-x: hidden;  }
.clearfix:after {  visibility: hidden;  display: block;  font-size: 0;  content: "";  clear: both;  height: 0;  }
a {  text-decoration: none;color:#666666;cursor:pointer;}
.white_d{
    background: #ffffff;
}
ul {  list-style: none;  padding: 0;  margin: 0;  }


.f_left{
    float: left;
    font-weight: normal;
}
.f_right{
    float: right;
}

.blue_line {
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #f4674b;
    display: block;
    position: absolute;
}

.success_sign{
    width:100%;
    height:auto;
    text-align: center;
}
.signTip {
    display:flex;
    color: #f4664a;
    font-size: 45px;
    align-items: center;
    margin: 80px auto 30px;
    justify-content: center;
}
.signTip img{
    width: 48px;
    height:auto;
    padding-right: 20px;
}
.fromTime{
    font-size: 20px;
    color: #818181;
    line-height: 40px;
}
.fT1 span{
    color: #f4664a;
}
.toLive{
    width: 210px;
    height: 60px;
    color: #fff;
    font-size: 28px;
    line-height: 60px;
    margin: 20px auto 40px;
    background: #e6e6e6;
}
.autoTip{
    font-size: 20px;
    line-height: 40px;
    margin: 20px auto;
    color: #818181;
}
.aT1{
    color: #f57c65;
}
.aT2{
    margin: 20px auto;
}
.aT2 img{
    width:180px;
}

/**/
.KContent{
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
.nowPosition{
    color: #676363;
    font-size: 12px;
    width:1280px;
    height:40px;
    line-height:40px;
    margin: 0 auto;
}
.liveClass{
    width: 1280px;
    height: auto;
    overflow: hidden;
    padding: 30px 0;
    margin: 0 auto;
}
.liveClassLeft img{
    width:560px;
}


.liveClassRight{
    width:600px;
    margin-top:30px;
}
.liveClassName{
    height: auto;
    overflow: hidden;
}
.cName{
    width:500px;
    line-height: 35px;
    color: #404040;
    font-size:24px;
}
.cFree{
    height:20px;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    background:#88bae6;
    padding: 3px 10px;
    margin-top:5px;
}
.liveTeacher{
    font-size: 16px;
    color: #7e7d7d;
    line-height: 40px;
    margin: 40px 0 30px;
}
.lT1 span,.lT2 span{
    color: #000;
    font-weight: 600;
}
.lT3 span{
    color: #f4674b;
    font-weight: 600;
}
.freeToSign{
    width:140px;
    color: #ffffff;
    font-size: 20px;
    line-height: 45px;
    background: #f4674b;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.freeToSign a{
    width:140px;
    color: #ffffff;
    font-size: 20px;
    line-height: 45px;
}
/**/
.liveAbout{
    width: 1280px;
    margin: 30px auto;
}
.liveAboutLeft{
    width:780px;
}

.liveAbTitle{
    width:780px;
    height: 56px;
    line-height: 56px;
    position: relative;
    border-bottom: 4px solid #d2d2d2 ;
}
.liveAbTitle span{
    top:-2px;
    left: 0;
    color: #1479d7;
    position: absolute;
    font-size: 24px;
    display: inline-block;
    border-bottom: 6px solid #1479d7 ;
}
.liveG{
    height: auto;
    font-size: 16px;
    margin: 25px 0;
    overflow: hidden;
}
.liveG1{
    width:150px;
}
.liveG2{
    width:620px;
    color: #777878;
    margin-left: 10px;
}


.liveAboutRight{
    width: 420px;
}
.albTitle{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:15px 0;
}
.albTitle .mf_title {
    position: relative;
    padding-left: 20px;
}

.albTitle .font_w {
    color: #000;
    font-size: 17px;
    line-height: 26px;
}
.albTitle .xy_title_s{
    color: #1479d7;
    font-size: 14px;
}

.liveAnother ul li{
    float: left;
}
.liveAnother ul li img,
.liveAnother ul li p{
    width: 410px;
    display: inherit;
}
.liveAnother ul li p.laTitle{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #777878;
    padding: 15px 0;
}


.lunWenContainer{
    width: 100%;
    min-height:1401px;
    background: #ffd600 url("../imgs/lunwenBg.png")no-repeat;
    background-size: contain;
    /*background: #e4e4e4;*/
}
.lunWenContainer hr{margin:50px 0px;}
.lunWenUp1,.lunWenUp2{
    width: 1280px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.lunWenTitle{
    width: 180px;
    display: flex;
    font-size: 18px;
    align-items: center;
    color: #4a4b68;
    justify-content: center;
}
.lunWenTitle img{
    width: 30px;
    padding-right: 20px;
}
.lunWenUpload{
    background: #027b83;
    box-shadow: 0 0 5px rgba(1,123,131,0.5);
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    height: 30px;
    width: 70px;
    color: #fff;
    margin-top: 180px;
    margin-left: 30px;
}
.lunWenUpload1{
    background: #983727;
    box-shadow: 0 0 5px rgba(1,123,131,0.5);
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    height: 30px;
    width: 70px;
    color: #fff;
    margin-top: 180px;
    margin-left: 30px;
}
.lunWenInput{
    margin-top: 90px;
}
.lunWenUp1 textarea,.lunWenUp2 textarea{
    width: 710px;
    height: 120px;
    outline: none;
    color: #000;
    resize: none;
    font-size: 16px;
    line-height: 20px;
    padding-left:10px;
    padding-top:10px;
    border: 1px solid rgb(4, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(4,0,0,0.5);
}
.lunWenUp2 textarea{
    width: 660px;
}
.lunWenUp2 .lunWenTitle{
    margin-left:50px;
}
.centerArrow{
    width:20px;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto -80px;
}
.centerArrow span{
    width: 100%;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    color: #4a4b68;
    display: inline-block;
}



/**/
.newBanner img{
    width: 100%;
}
.liveContent{
    width: 1280px;
    margin: 20px auto;
}
.liveConTitle{
    width:1260px;
    font-size: 32px;
    color: #333333;
    line-height: 60px;
    margin: 0 auto;
}
.playClassTitle{
    line-height: 20px;
    padding: 0 10px;
    margin: 10px auto;
}
.playClass,.playIcon{
    width: 100%;
    text-align: center ;
}
.playClass ul li{
    float: left;
    width: 300px;
    position: relative;
    margin: 10px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.playClassImg img{
    width:280px;
    margin-top:15px;
}

/*ϼýÍ·*/
.bottom {
    width: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    left: 0;
    right:0;
    bottom: -20px;
    z-index: 222;
}

.bottom-arrow1,
.bottom-arrow2 {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    border-bottom: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-top: 10px white solid;
    overflow: hidden;
}

.bottom-arrow1 {
    top: 1px;
    border-top: 10px #eee solid;
}

.bottom-arrow2 {
    border-top: 10px white solid;
}
.playIcon img{
    width:1260px;
    margin: 10px auto;
}
.playTimer{
    width:1260px;
    height: auto;
    overflow: hidden;
}
.playTimer ul li{
    width:25%;
    float: left;
    text-align: center;
}
.playTimerClock{
    color: #cccccc;
}
.playTimerDate{
    font-size: 16px;
    line-height: 30px;
}
.playTimerClock span{
    color: #f4664a;
    padding-left:10px;
}

/**/
/*×ó¼ýÍ·*/

.left {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    /*¼æÈÝie8-*/
}

.left-arrow1,
.left-arrow2 {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-bottom: 10px transparent dashed;
    border-right: 10px #f8f8f8 solid;
    overflow: hidden;
}

.left-arrow1 {
    border-right: 10px #eee solid;
}

.left-arrow2 {
    left: 1px;
    border-right: 10px #f8f8f8 solid;
}

.freeClassTitle{
    width: 100%;
    line-height: 60px;
    height: 60px;
    clear: both;
    margin-top: 30px;
    border-bottom:2px solid #ccc;
}
.fct1{
    font-size: 32px;
    color: #333333;
}
.fct2{
     font-size: 16px;
     color: #757575;
     height:30px;
     line-height: 30px;
     margin-left: 20px;
     margin-top: 28px;
     border-bottom:4px solid #1479d7;
 }
.fctMore{
    font-size: 14px;
    color: #1479d7;
    height:30px;
    line-height: 30px;
    margin-top: 30px;
}
.fctMore a{
    color: #1479d7;
}

.freeClassList{
    width:100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}
.fclClass{
    width:930px;
    height: auto;
    overflow: hidden;
}
.fclClass ul li{
    width: 290px;
    float: left;
    position: relative;
    margin: 20px 20px 20px 0;
    border: 1px solid #eee;
    box-sizing: border-box;
    height: 300px;
}
.fclImg img{
    width:288px;
    height: 145px;
}
.fclMargin{
    padding: 10px 15px;
}
.fclMargin img{
    width:12px;
    padding-right:10px;
    vertical-align:middle;
}
.fclTitle{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-bottom:10px;
    height: 60px;
}

.fclDate {
    font-size: 14px;
    color:#bcbcbc;
    line-height: 30px;
    border-bottom: 1px solid #eee;
}
.fclWatch{
    height: 40px;
    font-size: 14px;
    line-height: 40px;
}
.fclWatch .fclSpan{
    color: #f4664a;
    font-size: 14px;
}
.floatHref{
    top:0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    position: absolute;
}
.floatType{
    top:0;
    right: 0;
    z-index: 2;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 10px;
    background:#1479d7 ;
    position: absolute;
}
.recorded{
    background:#74ba2c;
}

.fclRecent{
    width: 310px;
    height: auto;
    /*overflow: hidden;*/
    margin-top:20px;
    border-left: 2px solid  #bcbcbc;
}
.fclRecentBor{
    margin-left:40px;
}
.fclRTitle {
    font-size: 16px;
    line-height: 20px;
    margin-bottom:20px;
    margin-left:20px;
}
.fclRList ul li{
    float: left;
    width: 250px;
    font-size: 14px;
    color: #757575;
    background:#f8f8f8;
    border: 1px solid #eee;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.fclRList ul li:last-child{
    margin-bottom: 0px;
}
.fclRList ul li p{
    margin: 0 20px;
    line-height: 25px;
}
p.fclRLDate{
    margin-top: 15px!important;
}
p.fclRLDName{

}
p.fclRLDetail{
    width: 70px;
    height:30px;
    color: #ffffff;
    padding: 2px 10px;
    background: #74ba2c;
    text-align: center;
    line-height: 30px!important;
    margin: 10px 20px !important;
}
.fclRLDetail a{
    color: #ffffff;
}
.fclPoint{
    top:0;
    bottom: 0;
    left: -46px;
    margin: auto;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    background: #74ba2c;
}


/**/
.quesBg{
    width:1140px;
    height: auto;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}
.quesTitle{
    width:100%;
    height: 50px;
    margin: 0 auto;
    background: #fff;
}
.quesTitle ul{
    width: 1140px;
    margin: 0 auto;
}
.quesTitle ul li{
    width: 160px;
    height:50px;
    float: left;
    font-size: 16px;
}
.quesTitle ul li a{
    width:160px;
    height: 50px;
    color: #383737;
    line-height:50px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
}
.quesTitle ul li:last-child a{
    border-right: 1px solid transparent;
}
.quesTitle ul li.quesNow a{
    color: #fff;
    background: #1479d7;
}
.quesNum{
    width:1100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 70px auto 30px;
}
.quesNum img{
    padding-right:20px;
}
.quesNum a{
    width: 80px;
    font-size:16px;
    color: #1479d7;
    text-align: center;
}
.quesNum .hov{color: #6bc30d;}
.quesList{
    width: 1100px;
    margin: 0 auto 60px;
}
.quesListTitle{
    display: flex;
    font-size: 16px;
    color: #1479d7;
    line-height:60px ;
    align-items: center;
}
.quesListTitle img{
    padding-right:10px;
}

.quesListBg{
    width:100%;
    height: auto;
    overflow: hidden;
    background: #ecf9ff;
    border-top: 2px solid #0080ee;
    border-left: 1px solid #bfebfe;
    border-right: 1px solid #bfebfe;
}
.quesListLi{
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    color: #383737;
    margin: 15px auto;
}
.liFilterLeft{
    width:80px;
    line-height: 20px;
}
.liFilterRight{
    width:990px;
}
.liFilterRight ul li{
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
.liFilterRight ul li a{
    color: #383737;
    padding: 5px 10px;
    display: inline-block;

}
.liFilterRight ul li.filterNow a{
    color: #ffffff;
    background: #1479d7;
}
.quesPaper{
    width: 1100px;
    margin: 0 auto;
    height: 800px;
    overflow: auto;
    background: #fff;
    border-bottom: 1px solid #bfebfe;
}
.quesPaper ul{
    /*width:100%;*/
    margin: 0 auto;
    padding: 0 15px;
}
.quesPaper ul li{
    float: left;
    width: 100%;
    height:50px;
    line-height: 50px;
    border-bottom: 1px dashed #bfebfe;
}
.quesPaperRight div{
    margin: 0 20px;
}
.quesPaperRank{
    width: 120px;
    text-align: center;
}
.quesPaperRank a{
    color: #1479d7;
}
.quesPaperEnter{
    height: 30px;
    line-height: 30px;
    margin:10px auto!important;
    background: #1479d7;
}
.quesPaperEnter a{
    color: #ffffff;
    padding: 0 8px;
}



/*videoPlay*/
.videoContainer{
    width:100%;
    height: auto;
    /*overflow: hidden;*/
    position: relative;
}
.videoPlay{
    width:100%;
    position: relative;
    background: #000;
}

.videoPlay video{
    width:100%;
    height:920px;
}
.videoIcon{
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    z-index: 1111;
    margin: auto;
    width: 180px;
    cursor: pointer;
    position: absolute;
}
.floatRightICon{
    top:0;
    /*right:0;*/
    left:0;
    bottom: 0;
    width: 40px;
    height: 130px;
    margin: auto;
    z-index: 888;
    position: absolute;
}
.floatRightIConBg{
    width: 40px;
    height: 60px;
    color: #ffffff;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    flex-direction:  column;
    background: #303030;
}
.floatRightIConBg span{
    /*line-height: 20px;*/
}
.floatRightMenu{
    top:0;
    /*right:0;*/
    left:0;
    z-index: 777;
    width: 400px;
    height: 100%;
    position: absolute;
    /*background: rgba(255,255,255,0.7);*/
    background: #dedede;
    overflow: auto;
}
.menuA{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333333;
}
.menuA ul li{
    width:50%;
    height: 100%;
    text-align:center;
    display: block;
    float: left;
}
.menuA ul li a{
    color: #333;
    padding: 5px 20px;
}
.menuA #current{
    border-bottom: 2px solid #1479d7;
}
#tab_detail{
    margin-top:10px;
}
.videoPlayList{
    padding: 0 30px;
    line-height: 30px;
    color: #333;
    margin: 0px 20px;
}
.videoPlayList ul li{
    /*height: 50px;*/
    line-height: 30px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.videoPlayList ul li img{
    padding-right: 15px;
}
.teacherList{
    width: 1340px;
    margin: 0 auto;
}
.teacherListTitle{
    padding: 0 25px;
    color: #000;
    font-weight: 600;
    line-height: 30px;
    font-size: 20px;
    margin-top: 30px;
}
.teacherListLi{
    width: 100%;
    height: auto;
    overflow: hidden;
    clear: both;
}

.teacherListLi ul li{
    width: 285px;
    float: left;
    margin: 25px;
    position: relative;
}
.teacherLi img{
    width: 100%;
    height: 100%;
}
.teacherLi{
    width: 100%;
    color: #fff;
    position: relative;
    height: 400px;
}
.tBg{
    left: 0;
    bottom:0;
    width:100%;
    position: absolute;
}
.tBgTxt{
    left: 0;
    bottom:0px;
    width:100%;
    position: absolute;
    height: 130px;
    background: #000000;
    opacity : 0.5;
    cursor: pointer;
    overflow: hidden;
}
.teacherLiName{
    font-size: 18px;
    line-height:50px;
    padding: 0 15px;
    font-weight: 600;
}
.teacherLiClass{
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
}
.teacherLiClass span,.teacherLiClass img{
    display: block;
}
.teacherLiClass img.tlIcon{
    width: 20px;
}


.teacherListPage{
    width: 1280px;
    margin: 40px auto;
    text-align: center;
}
.teacherListPage ul{
    display: flex;
    align-items: center;
    justify-content: center;
 }
.teacherListPage ul li a{
    min-width: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    display: inline-block;
    margin: 0 10px;
}
.teacherListPage ul li .tlpNow{
    color: #333;
    background: rgba(20,121,215,0.5);
}

.teacherListTip{
    width: 1280px;
    height: 556px;
    margin: 30px auto;
    background: url("../imgs/teacherW.png")no-repeat;
    background-size: cover;
    position: relative;
}
.teacherListTxt{
    top:200px;
    right:120px;
    width: 800px;
    color: #202020;
    font-size: 14px;
    position: absolute;
}
.teacherListTxtTitle{
    line-height: 60px;
    font-size: 20px;
    color: #8bc458;
}
.tltt1{
    line-height: 25px;
    margin-bottom: 10px;
}
.menuclose{
    font-size: 30px;position: absolute;top:0;right: 10;cursor: pointer;
}
.liveselect{background: #ccc;}
.videoPlayList div:hover{background: #ccc;}
.lunWen_head{line-height: 50px;font-size: 20px;padding-top: 50px;display: flex;}

.post_class{width:910px;display:inline-block;margin-left:150px;margin-top:20px;}