/*密码 注册 背景*/
.newPassBg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("..//stystatic/images/passBg.png");
}

/*重设密码*/
.newPassBg .logo{
    padding-top: 230px;
    padding-bottom: 30px;
}
.newPassBg div img{
    display: block;
    width: 168px;
    height: 75px;
    margin: auto;
}
.newPass{
    width: 340px;
    padding: 0 80px 40px;
    background: white;
    margin: auto;
}
.newPass h1{
    font-size: 18px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 30px;
}
.newPass form p{
    font-size: 14px;
    padding-top: 18px;
    padding-bottom: 6px;
}
.newPass form input{
    width: 328px;
    height: 42px;
    padding-left: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}
.newPass form input:focus{
    border: 1px solid #41acfd;
}
input::-webkit-input-placeholder{color: #999;font-size:12px;}
input:-moz-placeholder{color: #999;font-size:12px;}
input::-moz-placeholder{color: #999;font-size:12px;}
input:-ms-input-placeholder{color: #999;font-size:12px;}
.newPass form .iptAct{
    width: 168px;
    height: 42px;
}
.newPass form input[type=submit]{
    width: 138px;
    height: 44px;
    padding: 0;
    border: 1px solid #d5d5d5;
    background: #f4f4f4;
    margin-left: 16px;
    cursor: pointer;
}
.newPass form button{
    width: 340px;
    height: 44px;
    background: #41acfd;
    font-size: 16px;
    color: white;
    border-radius: 3px;
}
.newPass form button:hover{
    background: #279ff9;
}



/*注册账户*/
.zhuCeBg .logo{
    padding-top: 180px;
}
.zhuCe font{
    display: block;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 30px;
}
.zhuCe font a{
    color: #41acfd;
}
.zhuCe font a:hover{
    color: #279ff9;
}
.zhuCe span{
    display: block;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-top: 26px;
}
.zhuCe span a{
    color: #41acfd;
}
.zhuCe span a:hover{
    color: #279ff9;
}
























.buyCon{
    width: 100%;
    background: #fff;
    padding-top: 30px;
}
/*订单确认-订单步骤*/
.buyBu{
    width: 1198px;
    margin: 0 auto 26px;
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
	border:1px solid #eee;
}
.steps{
    width: 712px;
    height: 18px;
    margin: auto;
    text-align: center;
}
.steps p{
    float: left;
}
.steps p span{
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: #666;
    display: block;
    float: left;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.steps p em{
    display: block;
    float: left;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #666;
}
.steps p i{
    display: block;
    width: 180px;
    height: 9px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 25px;
}
.steps .pAct span{
    border: 1px solid #41acfd;
    color: #41acfd;
}
.steps .pAct em{
    color: #41acfd;
}
/*订单确认-订单信息*/
.order{
    width: 1200px;
    margin: auto;
}
.order .orderTit{
    height: 45px;
    line-height: 45px;
    background: url("..//stystatic/images/arrowBot.png") no-repeat 69px center;
}
.orderBg{
    background:#fff;
	border:1px solid #eee;
}
.order .orderBox1{
    width: 1140px;
    margin: auto;
	height:178px;
    padding:30px 0;
    border-bottom: 1px solid #eee;
}
.order .orderBox1 .divImg{
    width: 273px;
    height: 178px;
    border-radius:2px;
    float: left;
}
.order .orderBox1 .divImg img{
    width: 273px;
    height: 178px;
}
.order .orderBox1 .divText{
    float: left;
    margin-left:30px;
}
.order .orderBox1 .divText font{
	line-height:40px;
    font-size:20px;
    display: block;
	font-weight:bold;
}
.order .orderBox1 .divText p span{
    font-size: 14px;
    color: #999;
    margin-right: 30px;
	line-height:180%;
	width:750px;
	float:left;
}
.order .orderBox1 .divText i{
    font-size: 24px;
    color: #f60000;
    display: block;
    padding-top:20px;
	float:left;
}
.order .orderBox2{
    width: 1140px;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
	height:48px;
}
.order .orderBox2 .orderBox2P1{
    float: left;
}
.order .orderBox2 .orderBox2P1 input{
    width: 12px;
    height: 12px;
    border: 1px solid #d5d5d5;
    margin-right: 5px;
}
.order .orderBox2 .orderBox2P1 span{
    font-size: 14px;
    color: #666;
    line-height: 48px;
}
.order .orderBox2 .orderBox2P1 a{
    font-size: 14px;
    color: #037dda;
    margin-left: 10px;
    line-height: 48px;
}
.order .orderBox2 .orderBox2P2{
    float: right;
}
.order .orderBox2 .orderBox2P2 span{
    color: #666;
}
.order .orderBox2 .orderBox2P2 em{
    font-size: 24px;
    color: #f60000;
}
.order .orderBox2 .orderBox2P2 .btn1{
    width: 160px;
    height: 48px;
    background: #1E9FFF;
    font-size: 16px;
    color: white;
    border-radius: 4px;
    margin-left: 30px;
    margin-right: 20px;
}
.order .orderBox2 .orderBox2P2 .btn1:hover{
    background: #01AAED;
}
.order .orderBox2 .orderBox2P2 .btn2{
    width: 118px;
    height: 48px;
    border: 1px solid #e5e5e5;
    background: white;
    font-size: 16px;
    color: #999;
	border-radius: 4px;
}
.order .orderBox2 .orderBox2P2 .btn2:hover{
    border: 1px solid #d5d5d5;
}



/*订单支付-订单信息*/
.orderBox3{
    width: 600px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 40px;
}
.orderBox3 font{
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
}
.orderBox3 font span{
    color: #666;
}
.orderBox3 font em{
    color: #ff0036;
}
.orderBox3 font i{
    display: inline-block;
    width: 9px;
    height: 5px;
    background: url("..//stystatic/images/arrowTop.png");
    margin-left: 10px;
}
.orderBox3 font a{
    display: block;
}
/*.orderBox3 .divHidn{*/
    /*display: none;*/
/*}*/
.orderBox3 hr{
    width: 480px;
    height: 10px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.orderBox3 h1{
    display: block;
    height: 53px;
    line-height: 52px;
    font-size: 14px;
}
.orderBox3 .aDiv{
    height: 44px;
    padding-bottom: 20px;
}
.orderBox3 .aDiv a{
    display: block;
    float: left;
    width: 138px;
    height: 44px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin-right: 30px;
}
.orderBox3 .aDiv a:hover{
    border: 1px solid #41acfd;
}
.orderBox3 .aDiv a img{
    width: 138px;
    height: 44px;
}
.orderBox3 h6{
    font-size: 12px;
    color: #999;
    line-height: 14px;
}
.orderBox3 h6 span{
    display: block;
    float: left;
    width: 16px;
    height: 14px;
    margin-right: 5px;
}
.orderBox3 h6 span img{
    display: block;
    width: 16px;
    height: 14px;
}
.orderBox3 h6 em{
    color: #ff0036;
}

/*订单支付-线下转账弹窗*/
.alert{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.alert .pBg{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}
.alert .alertDiv{
    width: 560px;
    background: white;
    position: absolute;
    top: 240px;
    left: 50%;
    margin-left: -280px;
}
.alert .alertDiv .alertCon{
    width: 430px;
    margin: auto;
    padding-top: 14px;
    padding-bottom: 43px;
}
.alert .alertDiv .alertCon h1{
    display: block;
    width: 425px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    margin-bottom: 15px;
}
.alert .alertDiv .alertCon p{
    font-size: 14px;
    height: 33px;
    line-height: 33px;
}
.alert .alertDiv .alertCon p span{
    display: block;
    float: left;
    width: 70px;
    height: 33px;
    color: #666;
    text-align: right;
}
.alert .alertDiv .alertCon button{
    width: 160px;
    height: 48px;
    background: #ff0036;
    font-size: 16px;
    color: white;
    border-radius: 2px;
    display: block;
    margin: auto;
}
.alert .alertDiv .alertCon button:hover{
    background: #f10033;
}
.alert .alertDiv .alertCon .pRisk{
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    padding-top: 30px;
}
.alert .alertDiv .alertCon .pRisk em{
    display: block;
    float: left;
    width: 16px;
    height: 14px;
    margin-right: 5px;
}
.alert .alertDiv .alertCon .pRisk em img{
    display: block;
    width: 16px;
    height: 14px;
}
.alert .alertDiv .alertCon .pRisk i{
    color: #f60000;
}





/*订单完成-订单信息*/
.buyOff{
    padding-bottom: 120px;
}
.orderBox4{
    width: 470px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 100px;
}
.orderBox4 h1{
    font-size: 18px;
    display: block;
    height: 46px;
    line-height: 46px;
    margin-bottom: 30px;
}
.orderBox4 h1 span{
    display: block;
    float: left;
    width: 46px;
    height: 46px;
    margin-right: 15px;
}
.orderBox4 h1 span img{
    display: block;
    width: 46px;
    height: 46px;
}
.orderBox4 p{
    font-size: 14px;
    height: 34px;
    line-height: 34px;
}
.orderBox4 p span{
    color: #666;
}
.orderBox4 p em{
    color: #ff0036;
}
.orderBox4 p i{
    color: #41acfd;
    margin-right: 8px;
}
.orderBox4 .pLast1{
    height: 48px;
    line-height: 48px;
    padding-top: 10px;
}
.orderBox4 .pLast1 button{
    width: 118px;
    height: 42px;
    border: 1px solid #41acfd;
    font-size: 16px;
    color: #41acfd;
    background: white;
    border-radius: 4px;
    margin-left: 30px;
}
.orderBox4 .pLast1 button:hover{
    background: #41acfd;
    color: white;
}
.orderBox4 .pLast2{
    padding-top: 24px;
    width: 486px;
}
.orderBox4 .pLast2 button{
    padding: 0 30px;
    height: 42px;
    border: 1px solid #41acfd;
    font-size: 16px;
    color: #41acfd;
    background: white;
    border-radius: 4px;
    margin-right: 25px;
}
.orderBox4 .pLast2 button:hover{
    background: #41acfd;
    color: white;
}
.orderBox4 .pLast2 button:nth-child(1){
    background: #41acfd;
    color: white;
}
.orderBox4 .pLast2 button:nth-child(1):hover{
    background: #279ff9;
    color: white;
}
#orderBox5{
    width: 450px;
    margin: auto;
}
.orderOff{
    margin-bottom:26px;
}























/*教师着陆页-tab切换*/
/*相同部分---教师资料*/
.conBg{
    width: 100%;
    background: #f6f6f6;
}
.tearBg{
    width: 100%;
    background: #393939;
}
.tearCon{
    width: 1200px;
    margin: 0 auto 40px;
    padding-top: 58px;
    padding-bottom: 58px;
}
.tearBox .tearBoxImg{
    width: 124px;
    height: 124px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.tearBox .tearBoxImg img{
    width: 124px;
    height: 124px;
}
.tearBox .tearBoxText{
    width: 800px;
    float: left;
}
.tearBox .tearBoxText p{
    margin-left: 25px;
}
.tearBox .tearBoxText .nameP{
    height: 56px;
    line-height: 56px;
    font-size: 18px;
    color: #fefefe;
}
.tearBox .tearBoxText .intP{
    color: #d5d5d5;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tearBox .tearBoxText p span{
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    color: #d5d5d5;
    display: block;
    float: left;
    margin-right: 10px;
}
.tearBox .tearBoxText p em{
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
}
.tearBox .tearBoxText p em img{
    display: block;
    width: 15px;
    height: 15px;
}
.tearBtn{
    display: block;
    width: 120px;
    height: 48px;
    background: #41acfd;
    font-size: 16px;
    color: white;
    border-radius: 4px;
    margin-top: 38px;
    float: right;
}
.tearBtn:hover{
    background: #279ff9;
}
.tearTabCon{
    width: 1200px;
    background: white;
    margin: auto;
}
/*tab切换*/
.teaTabTop ul{
    height: 48px;
    border-bottom: 1px solid #dedede;
}
.teaTabTop ul li{
    width: 120px;
    height: 48px;
    line-height: 48px;
    float: left;
    text-align: center;
    cursor: pointer;
}
.teaTabTop ul .teaTabLi{
    background: #41acfd;
    color: white;
}

/*个人简历*/
.teaTabConBox1{
    /*display: none;*/
    padding-top: 22px;
    padding-bottom: 60px;
}
.teaTabConBox1 p{
    color: #666;
    line-height: 26px;
    width: 1140px;
    margin: auto;
}

/*他的课程*/
.teaTabConBox2{
    display: none;
    width: 1140px;
    overflow: hidden;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 40px;
}
.teaTabConBox2 .teaTabConBox2A{
    width: 1160px;
}
.teaTabConBox2A a{
    display: block;
    width: 248px;
    height: 240px;
    background: white;
    border: 1px solid #dedede;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
.teaTabConBox2A  a:hover{
    border: 1px solid #393939;
}
.teaTabConBox2A a img{
    width: 248px;
    height: 160px;
}
.teaTabConBox2A a p{
    height: 54px;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.teaTabConBox2A a:hover p{
    color: #41acfd;
}
.teaTabConBox2A a span{
    padding-left: 22px;
    background: url("..//stystatic/images/freeIcon03.png") no-repeat 0 center;
    color: #999;
    font-size: 14px;
}
.teaTabConBox2A a i{
    font-size: 14px;
    color: #efb008;
    float: right;
}

/*他的答疑*/
.teaTabConBox3{
    width: 1140px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 60px;
    display: none;
}
.teaTabConBox3 ul li{
    margin-bottom: 26px;
}
.teaTabConBox3 ul li p{
    height: 27px;
    line-height: 27px;
}
.teaTabConBox3 ul li p span{
    display: block;
    float: left;
    width: 26px;
    height: 27px;
    margin-right: 15px;
}
.teaTabConBox3 ul li p span img{
    display: block;
    width: 26px;
    height: 27px;
}
.teaTabConBox3 ul li font{
    display: block;
    height: 34px;
    line-height: 34px;
    padding-left: 42px;
    padding-bottom: 4px;
    font-size: 12px;
    color: #999;
}
.teaTabConBox3 ul li hr{
    border: 0;
    border-bottom: 1px dashed #d5d5d5;
    margin-left: 42px;
    margin-bottom: 14px;
}
.teaTabConBox3 ul li em{
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 42px;
    font-size: 14px;
    color: #999;
}
.teaTabConBox3 ul li i{
    display: block;
    line-height: 24px;
    margin-left: 42px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}
.teaTabConBox3BoxHei{
    height: 346px;
    overflow: hidden;
}
.teaTabConBox3Box{
    position: relative;
}
.teaTabConBox3BoxBg{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
/*展开收起*/
.teaTabConBox3A{
    display: block;
    width: 74px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #41acfd;
    margin: auto;
}
.teaTabConBox3A span{
    display: block;
    width: 9px;
    height: 8px;
    float: right;
    margin-top: 12px;
}
.teaTabConBox3A span img{
    display: block;
    width: 9px;
    height: 8px;
}
/*按钮页码*/
.btnDiv{
    text-align: center;
}
.btns{
    height: 32px;
    display: inline-block;
}
.btns button{
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background: white;
    margin: 0 5px;
    border: 1px solid #d5d5d5;
    font-size: 14px;
}
.btns button:hover{
    background: #41acfd;
    color: white;
    border: 1px solid #41acfd;
}
/*页码-数字-选中状态*/
.btns .btnAct{
    background: #41acfd;
    color: white;
    border: 1px solid #41acfd;
}
/*页码-上一页-不能选中状态*/
.btns .btnTopNo{
    background: white url("..//stystatic/images/arrowLeft01.png");
    cursor: text;
}
.btns .btnTopNo:hover{
    background: white url("..//stystatic/images/arrowLeft01.png");
    cursor: text;
    border: 1px solid #d5d5d5;
}
/*页码-上一页-默认状态*/
.btns .btnTop{
    background: white url("..//stystatic/images/arrowLeft03.png");
}
/*页码-上一页-选中状态*/
.btns .btnTop:hover{
    background: #41acfd url("..//stystatic/images/arrowLeft02.png");
    border: 1px solid #41acfd;
}
/*页码-下一页-不能选中状态*/
.btns .btnBotNo{
    background: white url("..//stystatic/images/arrowRight01.png");
    cursor: text;
}
.btns .btnBotNo:hover{
    background: white url("..//stystatic/images/arrowRight01.png");
    cursor: text;
    border: 1px solid #d5d5d5;
}
/*页码-下一页-默认状态*/
.btns .btnBot{
    background: white url("..//stystatic/images/arrowRight03.png");
}
/*页码-下一页-选中状态*/
.btns .btnBot:hover{
    background: #41acfd url("..//stystatic/images/arrowRight02.png");
    border: 1px solid #41acfd;
}

/*向他提问*/
.teaTabConBox4{
    display: none;
    padding-top: 30px;
    padding-bottom: 40px;
}
.teaTabConBox4 .teaTabConBox4Div{
    width: 798px;
    height: 258px;
    margin: auto;
    border-radius: 2px;
}
.teaTabConBox4 textarea{
    width: 778px;
    height: 188px;
    border: 1px solid #d5d5d5;
    padding: 10px;
    resize:none;
    font-size: 14px;
    color: #999;
}
.teaTabConBox4 .teaTabConBox4Div div{
    margin-top: -4px;
    width: 798px;
    border: 1px solid #d5d5d5;
    border-top: 1px solid white;
}
.teaTabConBox4 .teaTabConBox4Div p{
    width: 623px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    text-align: right;
    float: left;
    border-right: 1px solid #d5d5d5;
}
.teaTabConBox4 .teaTabConBox4Div p span{
    color: #999;
}
.teaTabConBox4 .teaTabConBox4Div input{
    width: 134px;
    height: 50px;
    background: white;
    font-size: 16px;
    color: #999;
    cursor: pointer;
}

/*学员评价*/
.teaTabConBox5{
    display: none;
    width: 1140px;
    margin: auto;
    padding-bottom: 10px;
}
.teaTabConBox5 hr{
    border: 0;
    border-bottom: 1px dashed #d5d5d5;
}
.teaTabConBox5Li{
    padding-top: 30px;
    padding-bottom: 14px;
}
.teaTabConBox5Li .eval3Img{
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.teaTabConBox5Li .eval3Text{
    margin-left: 20px;
    float: left;
}
.teaTabConBox5Li .eval3Text a{
    display: block;
    font-size: 14px;
    line-height: 15px;
    padding-bottom: 12px;
}
.teaTabConBox5Li:hover .eval3Text a{
    color: #41acfd;
}
.teaTabConBox5Li .eval3Text a span{
    margin-left: 30px;
    font-size: 12px;
    color: #999;
}
.teaTabConBox5Li .eval3Text font{
    display: block;
}
.teaTabConBox5Li .eval3Text font em{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
}
.teaTabConBox5Li .eval3Text font em img{
    width: 12px;
    height: 12px;
}
.teaTabConBox5Li .eval3Text i{
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}






/*教师列表*/
.teachlistconbg{
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 60px;
}
.teachWrap{
    width: 100%;
    height: 350px;
    display: block;
}
.teachBox{
    width: 1198px;
    margin: auto;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}
.teachBox .teachBoxAs{
    width: 1224px;
}
.teachBox .teachBoxAs a{
    width: 280px;
    float: left;
    margin-right: 26px;
    margin-bottom: 26px;
    background: white;
    border-radius: 4px;
    text-align: center;
    padding-bottom: 18px;
}
.teachBox .teachBoxAs a img{
    display: block;
    width: 280px;
    height: 220px;
}
.teachBox .teachBoxAs a h1{
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.teachBox .teachBoxAs a:hover h1{
color: #41acfd;
}
.teachBox .teachBoxAs a font{
    font-size: 14px;
    color: #999;
}
.teachBox .teachBoxAs a p{
    height: 15px;
    padding-top: 10px;
}
.teachBox .teachBoxAs a p em{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.teachBox .teachBoxAs a p em img{
    width: 15px;
    height: 15px;
}














/*面授课-近期热班*/
.faceClassBg{
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 60px;
}
.faceBan{
    width: 100%;
    height: 350px;
    position: relative;
}
.faceBan img{
    display: block;
    width: 100%;
    height: 350px;
}
.faceHot{
    width: 1200px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -600px;
}
.faceBanRi{
    width: 300px;
    height: 282px;
    padding-top: 20px;
    background: white;
    position: absolute;
    top: 0;
    right: 0;
}
.faceBanRi p{
    padding: 0 20px 20px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
}
.faceBanRi p span{
    display: block;
    width: 10px;
    height: 18px;
    border-left: 4px solid #333;
    float: left;
}
.faceBanRi ul li a{
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faceBanRi ul li a:hover{
    background: #f0f0f0;
}
/*面授课-课程筛选*/
.faceClassScreen{
    width: 1200px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.classScreen{
    padding-top: 18px;
    padding-bottom: 19px;
    background: white;
}
.classScreen div{
    padding: 0 20px;
    line-height: 37px;
    font-size: 14px;
}
.classScreen div span{
    display: block;
    height: 100%;
    float: left;
}
.classScreen div font{
    display: block;
    float: left;
    width: 1074px;
}
.classScreen div font a{
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
}
.classScreen div font .classScreenA{
    color: #41acfd;
}
.classScreen div font a:hover{
    color: #41acfd;
}
/*面授课-课程*/
.faceClasss{
    width: 1200px;
    margin: auto;
}
.faceClasssAs{
    width: 1220px;
    padding-bottom: 20px;
}
.faceClasssAs a{
    width: 285px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    display: block;
    background: white;
    font-size: 14px;
}
.faceClasssAs a p{
    padding: 16px 20px 0;
    height: 116px;
    background: url("..//stystatic/images/classGongGaoBg.png");
}
.faceClasssAs a p font{
    display: block;
    color: white;
    line-height: 31px;
    height: 62px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size: 16px;
}
.faceClasssAs a p span{
    color: #0ffce7;
    padding-top: 15px;
    display: block;
}
.faceClasssAs a em{
    color: #999;
    margin-left: 20px;
    height: 70px;
    line-height: 70px;
    display: block;
    float: left;
}
.faceClasssAs a .emHaiWei{
    color: #666;
}
.faceClasssAs a .emQiangZuo{
    color: #efb008;
}
.faceClasssAs a .emYiKai{
    color: #999;
}
.faceClasssAs a button{
    display: block;
    width: 68px;
    height: 28px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    background: white;
    border: 1px solid #666;
    border-radius: 4px;
    font-size: 12px;
}
.faceClasssAs a button:hover{
    border: 1px solid #41acfd;
    color: #41acfd;
}




/*面授课详情Tab切换*/
.faceTabBg{
    width: 100%;
    background: #f6f6f6;
}
.faceTit{
    width: 1200px;
    margin: auto;
    height: 64px;
    line-height: 64px;
    font-size: 14px;
}
.faceTit font{
    color: #666;
}
.faceTit span{
    cursor: pointer;
}

/*面授课详情Tab切换-课程内容*/
.faceTabConBg{
    width: 100%;
    height: 350px;
    background: url("..//stystatic/images/faceTabWrap.png");
    background-size: 100% 350px;
}
.faceTabCon{
    width: 1200px;
    margin: auto;
}
.faceTabConLeft{
    width: 750px;
    float: left;
    font-size: 14px;
    padding-top: 28px;
}
.faceTabConLeft h1{
    font-size: 18px;
    color: white;
    padding-bottom: 10px;
}
.faceTabConLeft h1 font{
    color: #41acfd;
    margin-left: 38px;
}
.faceTabConLeft p{
    color: #bbb;
    line-height: 18px;
    padding: 10px 0;
}
.faceTabConLeft p i{
    padding: 0 14px;
    color: #bbb;
}
.faceTabConLeft p span{
    display: inline-block;
    width: 120px;
    height: 38px;
    line-height: 38px;
    background: #294254;
    color: white;
    border-radius: 4px;
    text-align: center;
    margin: 0 8px;
}
.faceTabConLeft p a{
    color: white;
    display: block;
    padding-top: 6px;
    padding-bottom: 12px;
}
.faceTabConLeft p font{
    color: #bbb;
    line-height: 25px;
}
.faceTabConRig{
    width: 350px;
    float: right;
    padding-top: 24px;
}
/*分享*/
.share{
    height: 30px;
}
.share p{
    font-size: 14px;
    color: #bbb;
    line-height: 30px;
    float: right;
}
#faceTabShare #share{
    float: right;
    margin-left: 20px;
}
#faceTabShare #share a{
    display: inline-block;
    width: 30px;
    height: 30px;
    float: none;
    padding: 0;
    margin: 0 14px 0 0;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;
}
#faceTabShare #share .bds_tsina{
    background: #294254 url("..//stystatic/images/weiBo.png");
}
#faceTabShare #share .bds_tsina:hover{
    background: #da251c url("..//stystatic/images/weiBo.png");
}
#faceTabShare #share .bds_qzone{
    background: #294254 url("..//stystatic/images/kouKou.png");
}
#faceTabShare #share .bds_qzone:hover{
     background: #f4b238 url("..//stystatic/images/kouKou.png");
 }
#faceTabShare #share .bds_weixin{
    background: #294254 url("..//stystatic/images/weiXin.png");
}
#faceTabShare #share .bds_weixin:hover{
    background: #3cb035 url("..//stystatic/images/weiXin.png");
}

.faceTabConRig .money{
    width: 240px;
    padding-top: 100px;
    padding-bottom: 56px;
    margin-left: 100px;
}
.faceTabConRig .money span{
    font-size: 24px;
    color: #ff0036;
    margin-right: 48px;
}
.faceTabConRig .money font{
    font-size: 14px;
    color: #bbb;
}
.buts button{
    width: 160px;
    height: 48px;
    background: #41acfd;
    font-size: 16px;
    color: white;
    border-radius: 4px;
}
.buts button:hover{
     background: #279ff9;
 }
.buts a{
    width: 158px;
    height: 46px;
    line-height: 46px;
    display: block;
    float: right;
    text-align: center;
    border: 1px solid #41acfd;
    border-radius: 4px;
    margin-left: 30px;
    color: #41acfd;
}
.buts a:hover{
    background: #41acfd;
    color: white;
}

/*面授课详情Tab切换-近期热班*/
.recent{
    background: white;
    float: right;
    padding-top: 10px;
    padding-bottom: 20px;
}
.recent p{
    margin-left: 20px;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
}
.recent p span{
    display: block;
    float: left;
    width: 10px;
    height: 18px;
    border-left: 4px solid #333;
    margin-top: 20px;
}
.recent ul li a{
    display: block;
    width: 260px;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.recent ul li a:hover{
    background: #eee;
}

/*面授课详情Tab切换-tab切换*/
.faceTab{
    padding-top: 25px;
    padding-bottom: 60px;
    width: 1200px;
    margin: auto;
}
.tab{
    width: 875px;
    float: left;
    background: white;
}
.tabTop{
    width: 875px;
    height: 48px;
    border-bottom: 1px solid #d5d5d5;
}
.tabTop ul li{
    display: inline-block;
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
}
.tabTop ul .liAct{
    color: white;
    background: #41acfd;
}

/*面授课详情Tab切换-课程介绍*/
.classInt{
    /*display: none;*/
    padding-top: 20px;
    padding-bottom: 50px;
}

/*面授课详情Tab切换-教学计划*/
.teachPro{
    display: none;
    padding-top: 40px;
    padding-bottom: 16px;
}
.divs{
    width: 835px;
    margin: 0 auto 20px;
}
.divs .divsP{
    width: 835px;
    height: 50px;
    line-height: 50px;
    background: #eee;
    cursor: pointer;
    margin-bottom: 24px;
}
.divs .divsP span{
    display: block;
    float: left;
    width: 76px;
    height: 50px;
    background: url("..//stystatic/images/faceIconBg.png");
    font-size: 14px;
    color: white;
    padding-left: 24px;
}
.divs .divsP em{
    display: block;
    float: left;
    margin-left: 25px;
}
.divs .divsP i{
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: #999;
}
.divs .divsP a{
    display: block;
    float: right;
    width: 9px;
    height: 5px;
    margin-top: 22px;
    margin-right: 20px;
    background: url("..//stystatic/images/arrowBot.png") no-repeat;
}
.divs .divsP .aAct{
    background: url("..//stystatic/images/arrowTop.png") no-repeat;
}
.divs .divsDiv{
    width: 773px;
    height: 158px;
    border: 1px solid #d5d5d5;
    position: relative;
    z-index: 1;
    padding: 17px 30px 0;
    display: none;
}
.divs .divsDiv h1{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.divs .divsDiv p{
    line-height: 26px;
    font-size: 14px;
    color: #999;
}
.divs .divsDiv span{
    display: block;
    width: 19px;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 40px;
    background: white url("..//stystatic/images/faceIcon04.png") no-repeat;
    z-index: 2;
}

/*面授课详情Tab切换-授课师资*/
.teacher{
    width: 815px;
    margin: auto;
    display: none;
    padding-top: 40px;
}
.teacher .teacherAs{
    width: 875px;
    padding-bottom: 8px;
}
.teacher .teacherAs a{
    display: block;
    float: left;
    width: 374px;
    margin-right: 60px;
    margin-bottom: 40px;
}
.teacher .teacherAs a img{
    display: block;
    float: left;
    width: 105px;
    height: 105px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}
.teacher .teacherAs a p{
    width: 252px;
    float: right;
    padding-top: 8px;
}
.teacher .teacherAs a p i{
    font-size: 18px;
}
.teacher .teacherAs a:hover p i{
    color: #41acfd;
}
.teacher .teacherAs a p span{
    display: block;
    font-size: 14px;
    color: #666;
    height: 35px;
    line-height: 35px;
}
.teacher .teacherAs a p font{
    font-size: 12px;
    color: #999;
    line-height: 21px;
}

/*固定课程介绍*/
#div{
    width: 1200px;
    height: 50px;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -600px;
    background: white;
    display: none;
    z-index: 10;
    border-bottom: 20px solid #f6f6f6;
}
#div .price{
    font-size: 24px;
    line-height: 50px;
    float: left;
    color: #f60000;
    margin-left: 30px;
}
#div a{
    display: block;
    height: 50px;
    line-height: 50px;
    color: #666;
    float: left;
    margin-left: 30px;
}
#div button{
    width: 158px;
    height: 46px;
    border: 1px solid #e89e01;
    font-size: 16px;
    background: white;
    border-radius: 2px;
    margin-right: 20px;
    color: #e89e01;
    display: block;
    float: right;
}
#div button:hover{
    background: #e89e01;
    color: white;
}
#div .btnBgYell{
    background: #e89e01;
    color: white;
}
#div .btnBgYell:hover{
    background: #f3a500;
    color: white;
}



















/*视频课程列表*/
.videoWrap img{
    display: block;
    width: 100%;
    height: 350px;
}
#videoClass{
    padding: 0;
}
#videoClass a p{
    padding: 0;
}
#videoClass a{
    background: #f6f6f6;
    height: 228px;
}
#videoClass a font{
    padding: 0;
    height: 48px;
    display: inline-block;
    font-size: 16px;
}
#videoClass a span{
    float: right;
    margin-top: 16px;
}




/*视频班级Tab*/
.videoClassTabConBg{
    width: 100%;
    background: #f6f6f6;
}
.videoClassTabCon{
    width: 1200px;
    margin: auto;
}
.videoConBg{
    width: 100%;
    background: #393939;
    padding: 30px 0;
}
.videoCon{
    width: 1200px;
    margin: auto;

}
.videoCon img{
    display: block;
    width: 580px;
    height: 368px;
    float: left;
}
.videoClassConWord{
    width: 580px;
    float: left;
    margin-left: 30px;
}
.videoClassConWord h1{
    font-size: 20px;
    color: #f6f6f6;
    line-height: 60px;
}
.videoClassConWord h1 a{
    display: inline-block;
    font-size: 14px;
    color: #dedede;
    padding-left: 28px;
    background: url("..//stystatic/images/videoShareIcon.png") no-repeat 0 18px;
    height: 58px;
    margin-left: 30px;
}
.videoClassConWord p{
    font-size: 14px;
    color: #dedede;
    padding: 10px 0;
}
.videoClassConWord p span{
    display: inline-block;
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: #4a4a4a;
    color: #dedede;
    text-align: center;
    border-radius: 4px;
    margin-right: 14px;
}
.videoClassConWord p font{
    font-size: 36px;
    color: #ff0036;
}
.videoClassConWord p i{
    color: #ff0036;
}
.videoClassConWord p s{
    margin-left: 40px;
    color: #dedede;
    text-decoration: line-through;
}
.videoClassConWord button{
    width: 160px;
    height: 48px;
    background: #ff0036;
    font-size: 16px;
    color: white;
    border-radius: 4px;
}
.videoClassConWord button:hover{
    background: #f10033;
}


.videoClassTabCon{
    padding-top: 25px;
    padding-bottom: 60px;
}
.tabCon{
    padding: 0 30px;
}

/*视频课程（班级）着陆页-课程介绍*/
.classInt{
    /*display: none;*/
}

/*视频课程（班级）着陆页-课程*/
.class3{
    display: none;
    padding-top: 40px;
}
.class3Con{
    padding-bottom: 30px;
}
.class3Con a{
    display: block;
}
.class3Con a img{
    display: block;
    width: 245px;
    height: 154px;
    float: left;
}
.class3Text1{
    width: 550px;
    margin-left: 20px;
    float: left;
    position: relative;
}
.class3Text1 p{
    padding-top: 28px;
}
.class3Text1 font{
    display: block;
    font-size: 14px;
    color: #999;
    padding: 13px 0;
}
.class3Text1 font i{
    color: #ff0036;
}
.class3Text1 span{
    display: block;
    width: 47px;
    font-size: 14px;
    background: url("..//stystatic/images/arrowBot.png") no-repeat 34px 6px;
    position: absolute;
    right: 0;
    top: 60px;
}
.class3Text1 .spanAct{
    background: url("..//stystatic/images/arrowTop.png") no-repeat 34px 6px;
}
.class3ConUl{
    display: none;
    padding-top: 20px;
}
.class3ConUl li{
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}
.class3ConUl li:nth-child(odd){
    background: #f6f6f6;
}
.class3ConUl li span{
    display: block;
    width: 150px;
    height: 40px;
    float: right;
    font-size: 14px;
    color: #999;
}
.class3ConUl li span a{
    float: right;
    color: #efb008;
}
.class3Con hr{
    border: 0;
    height: 15px;
    border-bottom: 1px dashed #d5d5d5;
}

/*视频课程（班级）着陆页-评价*/
#eval3{
    width: 100%;
    padding-bottom: 40px;
}
#eval3 button{
    width: 98px;
    height: 34px;
    font-size: 14px;
    color: #41acfd;
    background: white;
    border-radius: 4px;
    border: 1px solid #41acfd;
    float: right;
}
#eval3 button:hover{
    color: #279ff9;
    border: 1px solid #279ff9;
}

/*课程讲师*/
.teacherBox{
    float: right;
    width: 300px;
}
.classTeach{
    background: white;
    padding: 30px 20px 32px;
    margin-bottom: 25px;
}
.classTeach h1{
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    padding-bottom: 30px;
}
.classTeach h1 span{
    display: block;
    width: 10px;
    height: 18px;
    border-left: 4px solid #333;
    float: left;
}
.classTeach img{
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px;
}
.classTeach p{
    text-align: center;
    padding: 4px 0;
}
.classTeach p span{
    line-height: 25px;
    font-size: 14px;
    color: #999;
}
.classTeach font{
    display: block;
    padding-top: 10px;
    font-size: 14px;
    color: #666;
}
/*其他课程*/
.see{
    background: white;
    padding: 0 20px 10px;
}
.see .seeTit{
    height: 77px;
    line-height: 78px;
    font-size: 18px;
}
.see .seeTit span{
    display: block;
    float: left;
    width: 10px;
    height: 18px;
    border-left: 4px solid #333;
    margin-top: 30px;
}
.see ul li{
    margin-bottom: 20px;
    height: 76px;
    cursor: pointer;
}
.see ul li img{
    display: block;
    float: left;
    width: 115px;
    height: 74px;
}
.see ul li p{
    width: 130px;
    float: right;
}
.see ul li p font{
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 40px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 12px;
}
.see ul li:hover p font{
    color: #41acfd;
}
.see ul li p span{
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #999;
    padding-left: 20px;
    background: url("..//stystatic/images/freeIcon03.png") no-repeat 0 center;
}












/*新闻详情*/
.contentBg{
    background: #f6f6f6;
    padding-top: 30px;
}
.opera{
    width: 1200px;
    margin: auto;
    padding-bottom: 60px;
}
.contWord{
    width: 920px;
    padding: 36px 140px 60px;
    background: white;
    margin: auto;
}
.contWord b{
    display: block;
    font-size: 24px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.contWord h4{
    font-size: 12px;
    color: #999;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.contWord h4 font{
    margin: 0 10px;
}
.contWord hr{
    border: 1px dashed #ddd;
}
.contWord p{
    padding-top: 24px;
    color: #666;
    padding-bottom: 22px;
    line-height: 30px;
}
.contWord img{
    display: block;
    width: 650px;
    height: 420px;
    margin: auto;
}
#newShare{
    height: 28px;
}
#newShare font{
    line-height: 28px;
    font-size: 12px;
    float: left;
}
#newShare #share{
    float: left;
}



/*新闻资讯*/
.newsDiv{
    width: 816px;
    padding: 0 30px 60px;
    background: white;
    float: left;
}
.downloadLIAs{
    padding-bottom: 40px;
}
.downloadLIAs a{
    display: block;
    padding-top: 26px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #d5d5d5;
}
.downloadLIAs a h1{
    padding-bottom: 14px;
}
.downloadLIAs a:hover h1{
    color: #41acfd;
}
.downloadLIAs a font{
    line-height: 24px;
    font-size: 14px;
    color: #666;
    height: 48px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 2;
}
.downloadLIAs a p{
    text-align: right;
    padding-top: 15px;
}
.downloadLIAs a span{
    font-size: 12px;
    color: #999;

}
.newBox{
    float: right;
    width: 300px;
}
.newBox .hotNew{
    float: none;
    margin-bottom: 25px;
}
.newA{
    display: block;
    width: 300px;
    height: 230px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 25px;
}
.newA img{
    display: block;
    width: 300px;
    height: 230px;
}
.newA p{
    width: 100%;
    height: 42px;
    background: #000;
    opacity: .5;
    position: absolute;
    left: 0;
    bottom: 0;
}
.newA font{
    display: block;
    padding: 0 34px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: white;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




























/*资料下载*/
.ziLiaoBg{
    width: 100%;
    background: #f6f6f6;
    padding-top: 40px;
    padding-bottom: 60px;
}
.ziLiao{
    width: 1200px;
    margin: auto;
}
.downloadLI{
    width: 815px;
    background: white;
    float: left;
    padding: 0 30px 60px;
}
.downloadLI ul{
    padding-bottom: 40px;
}
.downloadLI ul li{
    padding: 30px 0;
    border-bottom: 1px dashed #d5d5d5;
    cursor: pointer;
}
.downloadLI ul li .downloadLIImg{
    width: 220px;
    height: 100px;
    background: #f4f4f4;
    float: left;
    border-radius: 4px;
    text-align: center;
    padding-top: 50px;
}
.downloadLI ul li .downloadLIImg p img{
    width: 42px;
    height: 48px;
}
.downloadLI ul li .downloadLIText{
    width: 578px;
    float: right;
}
.downloadLI ul li .downloadLIText p{
     line-height: 47px;
 }
.downloadLI ul li:hover .downloadLIText p{
    color: #41acfd;
}
.downloadLI ul li .downloadLIText font{
    line-height: 25px;
    font-size: 14px;
    color: #666;
    height: 50px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 2;
}
.downloadLI ul li .downloadLIText em{
    display: block;
    padding-top: 20px;
    font-size: 12px;
    color: #999;
}
.downloadLI ul li .downloadLIText em span{
    margin: 0 10px;
    color: #999;
}

/*资料下载-热门下载*/
.hotNew{
    width: 260px;
    background: white;
    padding: 30px 20px 14px;
    float: right;
}
.hotNew p{
    height: 18px;
    line-height: 18px;
    border-left: 4px solid #333;
    padding-left: 10px;
    margin-bottom: 22px;
}
.hotNew ul li a{
    display: block;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hotNew ul li a:hover{
    color: #41acfd;
}





/*资料下载详情*/
.downloadDiv{
    width: 816px;
    background: white;
    float: left;
    padding: 14px 30px 60px;
}
.downloadDiv b{
    line-height: 56px;
    font-size: 24px;
}
.downloadDiv font{
    display: block;
    font-size: 12px;
    color: #999;
    padding-bottom: 16px;
}
.downloadDiv font span{
    margin: 0 10px;
    color: #999;
}
.downloadDiv p{
    line-height: 24px;
}
.downloadDiv button{
    width: 318px;
    height: 50px;
    border: 1px solid #41acfd;
    font-size: 16px;
    color: #41acfd;
    background: white;
    border-radius: 25px;
    display: block;
    margin: auto;
}
.downloadDiv button:hover{
    background: #41acfd;
    color: white;
}






















/*关于我们*/
.guanYuUsWrap{
    width: 100%;
    height: 350px;
    display: block;
}
.usConBg{
    width: 100%;
    height: 582px;
    background: #f6f6f6;
    position: relative;
    padding-bottom: 60px;
}
.usCon{
    width: 1080px;
    background: white;
    position: absolute;
    top: -70px;
    left: 50%;
    margin-left: -600px;
    padding: 40px 60px 46px;
}
.usCon h1{
    font-size: 26px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.usCon p{
    color: #666;
    line-height: 30px;
    padding: 6px 0;
}







































/*免费课程列表*/
.freeClassListBg{
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 60px;
}
.freeClassList{
    width: 1200px;
    margin: auto;
    padding-top: 30px;
}
.freeClassFont{
    background: white;
    padding: 13px 20px;
    margin-bottom: 30px;
}
.freeClassFont p{
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}
.freeClassFont p font{
    padding: 0 20px;
    cursor: pointer;
}
.freeClassFont p font:hover{
    color: #41acfd;
}
.freeClassFont p .videoListAct{
    color: #41acfd;
}
.freeClassNew{
    padding-bottom: 30px;
}
.freeClassNew a{
    display: inline-block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
}
.freeClassNew a:hover{
    color: #41acfd;
}
.freeClassNew .aAct{
    color: white;
    background: #41acfd;
    border-radius: 16px;
}
.freeClassNew .aAct:hover{
    color: white;
}
.boxAs{
    width: 1220px;
    padding-bottom: 40px;
}
.boxAs a{
    display: block;
    width: 285px;
    height: 270px;
    background: white;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.boxAs a img{
    display: block;
    width: 285px;
    height: 180px;
}
.boxAs a font{
    display: block;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    padding: 0 14px;
}
.boxAs a:hover font{
    color: #41acfd;
}
.boxAs a p{
    padding: 0 14px;
}
.boxAs a p span{
    padding-left: 22px;
    background: url("..//stystatic/images/freeIcon03.png") no-repeat 0 center;
    font-size: 12px;
    color: #999;
}
.boxAs i{
    font-size: 14px;
    color: #efb008;
    float: right;
}





/*免费课程详情*/
.faceClassBox{
    width: 1200px;
    margin: auto;
}
.freeVideo{
    width: 875px;
    height: 553px;
    float: left;
}
/*其他课程*/
#freeClassSee{
    width: 264px;
    height: 553px;
    overflow: scroll;
    float: right;
    background: #393939;
    padding: 0 16px 10px 20px;
}
#freeClassSee .seeTit{
    color: #41acfd;
}
#freeClassSee .seeTit span{
    border-left: 4px solid #41acfd;
}
#freeClassSee ul li p{
    width: 116px;
}
#freeClassSee ul li p font{
    color: #dedede;
}
#freeClassSee ul li:hover p font{
    color: #41acfd;
}
#freeClassSee ul li p span{
    color: #dedede;
    background: url("..//stystatic/images/freeIcon01.png") no-repeat 0 center;
}
/*课程分享*/
.ClassShare{
    width: 1160px;
    height: 74px;
    padding: 23px 20px;
    margin: auto;
    background: white;
}
.freeClass{
    width: 300px;
    height: 74px;
    float: left;
}
.freeClass img{
    display: block;
    width: 115px;
    height: 74px;
    float: left;
}
.freeClass p{
    width: 146px;
    float: right;
}
.freeClass p font{
    display: block;
    line-height: 27px;
    margin-bottom: 18px;
}
.freeClass p a{
    display: block;
    width: 78px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #efb008;
    font-size: 12px;
    color: #efb008;
    border-radius: 2px;
    text-align: center;
}
.freeClass p a:hover{
    background: #efb008;
    color: white;
}
/*分享*/
#freeShare{
    width: 580px;
    height: 42px;
    float: right;
    padding-top: 16px;
}
#freeShare div a{
    display: block;
    width: 42px;
    height: 42px;
    float: left;
    padding: 0;
    margin: 0 0 0 18px;
    border-radius: 50%;
    overflow: hidden;
    opacity: 1;
}
#freeShare div .bds_tsina{
    background: #999 url("..//stystatic/images/freeWeiBo.png");
}
#freeShare div .bds_tsina:hover{
    background: #da251c url("..//stystatic/images/freeWeiBo.png");
}
#freeShare div .bds_sqq{
    background: #999 url("..//stystatic/images/freeKou.png");
}
#freeShare div .bds_sqq:hover{
    background: #2196f3 url("..//stystatic/images/freeKou.png");
}
#freeShare div .bds_douban{
    background: #999 url("..//stystatic/images/freeDouBan.png");
}
#freeShare div .bds_douban:hover{
    background: #228a31 url("..//stystatic/images/freeDouBan.png");
}
#freeShare div .bds_weixin{
    background: #999 url("..//stystatic/images/freeWeiXin.png");
}
#freeShare div .bds_weixin:hover{
    background: #3cb035 url("..//stystatic/images/freeWeiXin.png");
}
#freeShare div .bds_qzone{
    background: #999 url("..//stystatic/images/freeKouKou.png");
}
#freeShare div .bds_qzone:hover{
    background: #f4b238 url("..//stystatic/images/freeKouKou.png");
}
#freeShare div font{
    display: block;
    height: 42px;
    line-height: 42px;
    float: left;
    padding-left: 8px;
    padding-right: 20px;
    font-size: 14px;
    color: #666;
    border-right: 1px solid #f4f4f4;
}
#freeShare div em{
    display: block;
    height: 42px;
    line-height: 42px;
    float: left;
    padding-left: 8px;
    font-size: 14px;
    color: #666;
}
/*评价*/
#freeClassCon{
    padding: 0 20px;
}
#freeClass{
    display: block;
    width: 835px;
    padding-bottom: 40px;
}
#freeClass button{
    width: 98px;
    height: 34px;
    font-size: 14px;
    color: #41acfd;
    background: white;
    border-radius: 4px;
    border: 1px solid #41acfd;
    float: right;
}
#freeClass button:hover{
    color: #279ff9;
    border: 1px solid #279ff9;
}