﻿body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
fieldset, lengend, button, input, textarea, 
th, td {  margin: 0; padding: 0;}
body,
button, input, select, textarea {  font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } 
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } 
small { font-size: 12px; } 
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { border-bottom: 1px dotted;cursor: help;}
q:before, q:after { content: ''; }
legend { color: #000; } 
fieldset, img { border: none; } 
button, input, select, textarea { font-size: 100%; }
table {border-collapse: collapse;border-spacing: 0;}
hr {border: none; height: 1px;}
/*以上为清除默认样式*/

/*商桥样式*/
/*body ins#qiao-invite-wrap{-moz-box-shadow: 0px 1px 10px #333333; -webkit-box-shadow: 0px 1px 10px #333333;  box-shadow: 0px 1px 10px #333333;}*/
ins#qiao-invite-wrap .qiao-invite-form{background:#fff;height:70px;font-family:'微软雅黑';}
ins#qiao-invite-wrap .qiao-invite-form-inner{padding-left:15px;padding-right:120px;}
ins#qiao-invite-wrap .qiao-invite-input{height:50px;border-radius:5px;}
ins#qiao-invite-wrap .qiao-invite-send{right:15px;width:90px;height:56px;background:#980808;color:#fff;border:none;line-height:55px;font-size:18px;border-radius:5px;}
/*宽度自适应*/
@media (max-width:768px){
.trends_dd.abc{display:none;}.c-list-r,.fl.foot_contact{display:none;}div.head_d .daohang-2{float:left;}iframe.iframe-f{height:420px;}
.title-imgs,.teachers,.index_trends,.kc_box,.cou-box,.index_trends,.cou-box,.abt,div.abt-l{width:500px;}.c-list-l{width:460px;}.index-cou .e2 li{width:240px;}.e2 li{width:215px;}.zhibo img,.detailed,.zhibo .dianji{width:100%;}div.dianji a{margin:10px auto;}
}
@media (min-width:768px){
.trends_dd.abc{display:none;}.fl{width:170px;}div.head_d .daohang-2{float:left;}
.head_dd,.title-imgs,.index_trends,.kc_box,.cou-box,.tea-content,.teachers,.abt,.footer,.footer_{width:740px;}.abt-r,.c-list-l{width:460px;}.index-cou .e2 li,li.tea-l{width:350px;}.e2 li{width:215px;}.zhibo img,.detailed,.zhibo .dianji{width:240px;height:250px;}.detailed{margin-left:15px;}.dianji a{margin:150px auto 0 auto;}
}
@media (min-width:992px){
.trends_dd.abc,.fl.foot_weixinsm{display:block;}div.head_d .daohang-2{float:right;}
.head_dd,.title-imgs,.index_trends,.kc_box,.cou-box,.tea-content,.teachers,.abt,.footer,.footer_{width:940px;}.abt-r,.c-list-l{width:660px;}.index-cou .e2 li,li.tea-l{width:293px;}.e2 li{width:315px;}.zhibo img,.detailed,.zhibo .dianji{width:305px;}.index-cou .cou-box{height:464px;}
}
@media (min-width:1200px){
.fl{border-right:1px solid #555;margin-right:65px;}
.head_dd,.title-imgs,.index_trends,.kc_box,.cou-box,.tea-content,.teachers,.abt,.footer,.footer_{width:1160px;}.abt-r,.c-list-l{width:880px;}.index-cou .e2 li,.e2 li{width:280px;}li.tea-l{width:270px;}.zhibo img,.detailed,.zhibo .dianji{width:380px;}
}
/*frame全局样式*/
html,body{width:100%;height:100%;min-width:530px;}
body{font:200 5px "微软雅黑";font-size:12px;color:#333;}
h2{font:500 18px "微软雅黑";}
h3{font:500 16px "微软雅黑";}
p{font-size:14px;}
span{font-size:14px;}
a{color:#333;text-decoration:none;}
a:hover{color:#5BBD33;border-color:#5BBD33;text-decoration:none;}
span {display:-moz-inline-box;display:inline-block;width:auto;}

/*导航*/
.centre{width:1200px;margin:0px auto;overflow:auto;background-color:#FFF7E6;}
.centre ul li{text-align:center;font-size:14px;height:30px;line-height:30px;}
.head_d{width:100%;margin:auto;background-color:#444;}
.head_dd .logo{width:150px;height:60px;float:left;}
.head_dd .logo img{margin:10px 0;width:130px;height:30px;}
.head_d .daohang{float:left;text-align:center;font-size:16px;}
.head_d .daohang-2{overflow:hidden;text-align:center;font-size:12px;color:#ddd;}
.head_d a{color:#fff;padding:20px 20px;}
.head_d  .daohang-2 a{color:#fff;padding:22px 5px;}
.daohang-2 a.cRed1,.cRed1.blod,.cRed1.bold,.bold{color: #A5D847;font-weight: bold;}
.daohang-2 span.cRed1.bold{color:red;}
.head_d .daohang a:hover{color:#fff;background:#333;}
.head_dd{margin:0 auto;line-height:61px;overflow:hidden;}

/*最新动态*/
.index_trends{margin:30px auto;overflow:auto;}
.index_trends .trends_dd{width:250px;}
.trends_dd p a{height:30px;line-height:30px;font-size:14px;color:#666;}
.trends_dd h3{height:30px;line-height:30px;font-size:18px;}
.trends_dd li{height:30px;line-height:30px;font-size:14px;color:#666;}

/*课堂列表页分类导航*/
.centre_left{width:150px;float:left;background:#f9f9f9;}
.centre_left li{width:150px;height:85px;border:2px solid rgba(242, 251, 252, 0);Border-right:0px;Border-left:0px;}
.span-sail{width:72px;height:85px;padding:0 37px;font-size:16px;line-height:85px;position:absolute;z-index:50;}
.sail_1,.sail_2,.sail_3,.sail_4{width:1030px;height:332px;position:absolute;background:#fff;display:none;overflow:auto;}
.centre_left li div{text-align:left;padding:10px;}
.centre_left li div b{font-size:14px;color:red;}
.centre_left li div span{font-size:12px;}
.sail_1{margin:-2px 0 0 144px;}
.sail_2{margin:-91px 0 0 144px;}
.sail_3{margin:-180px 0 0 144px;}
.sail_4{margin:-269px 0 0 144px;}
.sail_1-1{width:180px;float:left;}
.sail_1-1 p{line-height:24px;color:#555;width:150px;padding-bottom:15px;font-size:13px;}
.sail_1-1 .p-title{font-size:15px;}

.centre_left li:hover div{display:block;border:2px solid #7CD564;}.centre_left li:hover .sail_1-1{border:0px;}
.centre_left li:hover .span-sail{background:#fff;padding:0 35px;width:76px;}
.centre_left li:hover{border:2px solid #7CD564;Border-right:0px solid #000;}
.centre_right{float:right;background:#fff;;border:1px solid #fff;}
.centre_right:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.centre_right img:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.centre_left,.centre_right,.zhibo:hover,.e2 li:hover{
-moz-box-shadow: 0px 2px 5px #aaa;/*firefox*/
-webkit-box-shadow: 0px 2px 5px #aaa;/*safari或chrome*/
box-shadow:0px 2px 5px #aaa;/*opera或ie9*/
}

/****关于我们****/
.abt{margin:20px auto;overflow:auto;padding:10px;min-height:700px;}
.abt-l{width:230px;float:left;font-size:14px;margin-bottom:10px;}
.abt-r{padding:20px;float:right;font-size:14px;line-height:24px;}
.abt-l,.abt-r{color:#555;background:#fff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=4);/*ie*/
-moz-box-shadow: 0px 2px 5px #bbb;/*firefox*/
-webkit-box-shadow: 0px 2px 5px #bbb;/*safari或chrome*/
box-shadow:0px 2px 5px #bbb;/*opera或ie9*/}
.abt a{display:block;margin:0 20px;padding-left:10px;height:50px;line-height:50px;border-bottom:1px solid #ddd;}
.abt a:hover{color:#3ACB2E;}

/***首页课程、直播、答疑菜单***/
#menu ul{list-style:none;line-height:150%;}
#menu_out{width:100%;margin:auto;padding:50px 0;background:#fff;}
.menu_out{overflow:auto;}
#menu_in{width:1200px;margin:auto;}
#menu{height:73px;}
.menu_con{}
.menu_line{width:8px;}
.menu_line2{width:15px;}
.nav{overflow:auto;margin:auto;padding-right:50px;border-bottom:1px solid #555;}
.nav li{float:right;margin:0 20px;}
.nav li a{float:left;display:block;;cursor:pointer;text-decoration:none;}
.nav li a span{float:left;padding:10px 30px;line-height:20px;font-size:16px;font-weight:300;color:#333;text-decoration:none;}
.nav li .current{background-position:left 100%;}
.nav li .current span{background-position:right 100%;background:#555;color:#fff;text-decoration:none;}
.menu_con .list_a ul{overflow:auto;margin-top:-30px;margin-left:30px;position:absolute;}
/*子栏目*/
#menu_con{text-align:left;clear:both;}
.menu_con .list_a{height:0;}
.menu_con .e2{margin-top:20px;float:left;}
.menu_con .e2 li{margin:10px 5px 5px 5px;}
.menu_con .r-e{float:right;margin-top:30px;}
.teachers{height:630px;overflow:hidden;}
.teachers li{width:150px;height:150px;float:left;padding:30px 40px;position:relative;}
.teachers li img{position: absolute; left:50%;top:50%;margin:-75px 0 0 -75px;z-index: 1;border-radius:100%;}

.kc_box .zhibo{overflow:auto;border:1px solid #dedede;}
.kc_box .zhibo img{float:left;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.kc_box .zhibo .detailed{float:left;}
.kc_box .zhibo .dianji{font-size:30px;text-align:center;float:right;}
.kc_box .zhibo .dianji a{background:#4BD194;padding:5px 20px;color:#fff;display:block;width:160px;}
.kc_box .zhibo .dianji a:hover{background:#18CA79;}
.kc_box .detailed h3{height:50px;line-height:50px;font-size:20px;}
.kc_box .detailed p{height:30px;line-height:30px;font-size:14px;}
.kc_box .detailed p span{min-width:85px;}
.detailed_1,.detailed_3{float:left;}.detailed_2,.detailed_4{float:right;}
.kc_box .zhibo:hover{background-color:#fff;}
.kc_box .zhibo:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

/****首页课程****/
.index-cou .cou-box.title{height:24px;}
.title h2{float:left;margin-left:20px;}
.title span{float:right;margin-right:50px;}
.title-imgs{margin:auto;position:relative;}
.title-imgs img{width:100%;height:50px;bottom:0px;}
.kc_box{margin:20px auto;}
.index-cou{width:100%;padding:30px 0;background:#fff;}
/****课程列表页****/
.fixed{border-bottom:1px solid #ddd;overflow:auto;}
.fixed_a{width:1200px;height:30px;line-height:30px;margin:10px auto 0 auto;}
/****名师列表页框架****/
.tea-content{margin:20px auto;background:#fff;}
.tea-f{overflow:hidden;color:#777;text-align:center;margin:20px 0;}
/****课程列表页框架样式course****/
.we-class{overflow:auto;padding:20px 0;}
.we-class-box{width:1180px;margin:0 auto;}
.cou-box{margin:20px auto;padding-left:5px;overflow:hidden;}
.img-class,.c-list-l .list_a,.c-list-r .trends_dd,.classify,.r-e1,.e2-hot,.e3-hot,.e4-hot,.e5-hot{background:#fbfbfb;overflow:auto;
  -moz-box-shadow: 0px 1px 5px #e8e8e8;
  -webkit-box-shadow: 0px 1px 5px #e8e8e8;
  box-shadow: 0px 1px 5px #e8e8e8;}
.c-list-l{float:left;margin:10px 0;}
.c-list-r{float:right;width:280px;overflow:hidden;}
.img-class{width:830px;height:293px;margin:auto;overflow:hidden;}
.classify,.class-ps,.c-list-l .list_a{margin:auto;margin-right:20px;}
.c-list-l .list_a{height:30px;overflow:auto;padding:0 10px;margin-top:20px;}
.c-list-l .list_a ul{overflow:auto;}
.c-list_b{margin-right:10px;}

.we-List{width:1200px;margin:30px auto;overflow:auto;}
.we-List-l,.we-List-r{float:left;}
.we-List-l{border-right:1px solid #ddd;}
.we-List-l .Webcast-img{width:300px;height:180px;}
.we-List-con{padding:20px 0;margin:0 30px;border-bottom:1px solid #ddd;overflow:auto;}
.we-List-r{margin:0 10px;}

/****直播内容页****/
.c-Webcast_a{width:100%;height:350px;background-color:#FAF4FF;overflow:auto;}
.c-Webcast_bc{width:1200px;margin:0 auto;overflow:auto;}
.c-Webcast_b,.c-Webcast_c{float:left;margin-top:50px;}
.c-Webcast_b{width:850px;}
.c-Webcast_c{border-left:1px solid #ddd;}

.Webcast-img,.Webcast-de,.Webcast-join{float:left;}
.Webcast-img{width:440px;height:250px;margin:0 20px;}
.Webcast-de{margin:0 20px;}
.Webcast-de h1{height:50px;line-height:50px;font-size:22px;}
.Webcast-de ul{width:400px;color:#666;overflow:auto;}
.Webcast-de ul li{width:200px;height:30px;line-height:30px;float:left;}
.li-Webcast-de_2{color:#8DE448;}
.Webcast-join{width:150px;height:50px;line-height:50px;text-align:center;color:#fff;background-color:#ffad2f;font-size:18px;margin-top:200px;}

.Message{overflow:auto;margin:0 30px;padding:20px 0;border-bottom:1px solid #ddd;}
.img-Message{width:50px;height:50px;margin:10px;}
.div-Message p{height:25px;height:25px;color:#666;}
.div-Message p span{margin:0 10px;}
.span-Message-2{color:#aaa;}
.Message div{float:left;}
.Message:hover {background-color:#eee;}