@charset "utf-8";
/* CSS Document */
html,body,nav,ul,li,h2,h3,figure{padding:0px;margin:0px;}
body{min-width:320px;font:normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;color:#000; background:#fff; overflow-x:hidden;-webkit-tap-highlight-color:eeeeee;-webkit-text-size-adjust:none;-moz-user-select:none;}
form,fieldset,input,textarea,p{margin:0px;padding:0;border:0;}
img{border:none}
a{color:#000;text-decoration:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:none; color:#1686eb;}
a:active {text-decoration: none; }
li{list-style-type:none;}
ul,ol,li{list-style-type:none;}
a img {vertical-align: bottom; border:0;text-decoration : none;}
h1 { font:"Microsoft YaHei"; font-size:16px;}
h2 { font-size: 14px;}
h3 { font-size: 18px;}
h4 { font-size: 16px; }
p{ line-height:24px}
.clear{ clear:both;}

.treacher{ margin:0 auto; width:1180px;  margin-top:10px;}
.treacher .treleft{ float:left; width:840px; background:#FFF; border:1px solid #eeeeee; }
.treacher .treleft .nr{ font-size:14px; color:#000; line-height:30px; padding:20px 10px 20px 10px;}
.treacher .treleft .title ul li{ float:left; width:135px; height:60px; line-height:60px; color:#3c93e5; border-top:5px solid #3c93e5; text-align:center; font-size:16px;}
.treacher .treleft .title ul li a{ display:block; width:135px; height:60px;}
.bg_1 { background-image: url(http://img.thldl.com/images/teacher_icon.gif); background-repeat:no-repeat; }

.treacher .treleft .left_1 .topl { float: left; }
.treacher .treleft .left_1 .topr { float: right;padding-top:10px }
.treacher .treleft .left_1 .modify_1 { background-position: 0px -140px; height: 8px; overflow:hidden; width: 100%; float: left;}
.treacher .treleft .left_1 .text { width: 100%; text-indent: 2em; line-height: 18px; margin-top: 5px; float: left;}
.treacher .treleft .left_1 p {font-size:14px;line-height: 22px;}

.treacher .treleft .left_1 .right { width: 170px; float: right;}
.treacher .treleft .left_1 li{ height: 30px;text-align: left; background-position: -180px -60px; margin-top: 1px;font-size:14px;padding:15px 0 0 10px }
.treacher .treleft .left_1 .tabs-selected{ height: 30px;text-align: left; background-position: 0px -60px;color:#FFFFFF;font-size:14px;padding:15px 0 0 10px}
.treacher .treleft .left_1 .tabs-selected a{color:#FFFFFF;}


#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:905px; height:300px; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:140px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:140px; right:10px; z-index:10;}
#playBox .smalltitle {width:905px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

.treacher .treright{ float:right; width:318px;}
.treacher .treright .title1{ font-size:18px; color:#666666; font-weight:bold; text-align:left; line-height:40px;}
.treacher .treright .jspm{background:#FFF; border:1px solid #e8e8e8; padding-top:20px;}
.treacher .treright .jspm ul li{ border-top:1px dotted #000; margin:0 10px; background:url(../images/jdbd_icon.png) left no-repeat; line-height:40px; color:#999; }
.treacher .treright .jspm ul li a{ line-height:30px; margin-left:15px; font-size:14px; color:#000; margin-right:10px;}
.treacher .treright .trlist{ background:#FFF; background:#FFF; border:1px solid #e8e8e8; padding:10px; font-size:12px; }
.treacher .treright .trlist .name_item { width: 300px; margin:0 0 7px 0; float: left;font-family:Verdana; }
.treacher .treright .trlist .name { float: left; color: #21598b; line-height:20px; }
.treacher .treright .trlist .teacher { line-height: 20px; color: #777779; float: right; padding-right: 5px; }
.treacher .treright .trlist .text { text-indent: 2em; width: 300px; margin: 4px 0 15px 0; color: #777779; line-height: 20px; float: left;font-family:Verdana}
.treacher .treright .trlist .name_time { width: 320px; text-align: right; float:left;padding-top:5px}
.treacher .treright .trlist .modify_6 { background-position: 0px -190px; height: 10px; width: 300px; overflow:hidden; float:left; }
.treacher .treright .trlist .idea { width: 308px; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; background-color: #f7f8f8; color: #777779; line-height: 18px; padding: 5px 5px 5px 5px; margin:0 0 10px 0; border-top:none; float:left; }
.treacher .treright .hotwz{background:#FFF; background:#FFF; border:1px solid #e8e8e8; padding:10px;}
.treacher .treright .hotwz ul li{border-bottom:#999 dotted 1px; background:url(../images/ldl.png) left no-repeat;}
.treacher .treright .hotwz ul li a{ line-height:40px; margin-left:10px;}
.treacher .treright .lxwm{ background:#fff; border:1px solid #eeeeee; }
.treacher .treright .lxwm p{ padding:10px;}

.tretop .tretopright .level_bar { width: 610px; margin-top:20px;float:left;}
.tretop .tretopright .level_bar .left { float: left;width: 45%; }
.tretop .tretopright .level_bar .left .L{ height:20px; padding-top:2px}
.tretop .tretopright .level_bar .left .t{ margin-top:1px}
.tretop .tretopright .level_bar .left .L .bar { height: 12px; line-height:12px; width: 75px; background-color:#D1E0ED; margin: 1px 10px 0 5px;float: left;}
.tretop .tretopright .level_bar .left .L .progress-bar {height:12px;background-color:#21598B; overflow:hidden;}
em{ color:#B5000C; font-style:normal;}
.tretop .tretopright .level_bar .left .L a.red:visited{color:#B5000C;}
.tretop .tretopright .level_bar .right {float: left; width: 45%; }
.tretop .tretopright .level_bar .right .L {height:20px; padding-top:2px }
.tretop .tretopright.level_bar .right .bar_l{ float:left}
.tretop .tretopright .level_bar .right .bar {  height: 12px; width: 110px; background-color:#D1E0ED; margin: 1px 10px 0 5px; float:left;display:inline}
.tretop .tretopright .level_bar .right .progress-bar {height:12px;background-color:#21598B; overflow:hidden;}

.tretop{ margin:0 auto; width:1100px; padding:20px 40px; margin-top:10px;  background:#FFF; border:1px solid #eeeeee;}
.tretop .tretopleft{ float:left; width:380px;}
.tretop .tretopleft a img{ width:380px;}
.tretop .tretopright{ float:right; width:650px;}
.tretop .tretopright .title a{ font-size:30px; line-height:40px; font-weight:bold;}
.tretop .tretopright .star{ height:30px; background:url(../images/star1.png) no-repeat; margin-top:10px;}
.tretop .tretopright .star span{ padding-left:150px; line-height:40px;}
.tretop .tretopright .js{ line-height:30px; margin-top:20px;}
.treacher .treright .rightmenu{width:318px;}
.treacher .treright .rightmenu ul li{ float:left; width:155px;}
.treacher .treright .rightmenu ul li a.competitive{ width:155px; height:95px; display:block; background:#00c0e4; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center; line-height:100px; margin-right:5px;}
.treacher .treright .rightmenu ul li a.free{ width:155px; height:95px; display:block; background:#ffc602; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center; line-height:100px; margin-left:5px;}
.treacher .treright .rightmenu ul li a.zongcaiyun{ width:155px; height:95px; display:block; background:#5bd999; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center; line-height:100px;  margin-right:5px;margin-top:7px;}
.treacher .treright .rightmenu ul li a.teacher{ width:155px; height:95px; display:block; background:#e6567a; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center; line-height:100px;  margin-top:7px; margin-left:5px;}
.treacher .treright .rightmenu ul li a.qiyeneixun{ width:155px; height:95px; display:block; background:#7658f8; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center;  line-height:100px;  margin-top:7px; margin-right:5px;}
.treacher .treright .rightmenu ul li a.qiyezixun{ width:155px; height:95px; display:block; background:#cb70d7; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center; line-height:100px;  margin-top:7px; margin-left:5px;}

ul,li{list-style:none;}
hr{border-top: medium none;margin: 20px 0;}
.active_tab{height:40px;line-height:40px;background:#eee;	}
.active_tab a{color:#333;text-decoration:none;}
.active_tab a:hover{color:#f00;text-decoration:none;}
.act_title_left{float:left;width:30%;}
.act_title_left li{float:left;width:100px;color:#333;border-bottom:2px solid #ddd;text-align:center;height:40px;}
.act_active{background:#fff;border-bottom:none !important;border-top:2px solid #f00;color:#f00;}
.act_active a{color:#f00}
.act_title_right{ float:right;width:40%;}
.act_title_right li{background: #fff none repeat scroll 0 0;border: 1px solid #eee;border-radius: 35px;float: left;font-size: 12px;height: 26px;line-height: 24px;margin-left: 20px;margin-top: 7px;padding: 0 5px;}
.active_list{margin:0 auto;}
.active_list a{text-decoration:none;}
.active_list ul{ padding:20px;}
.active_list ul p{ line-height:20px;}
.active_list li h2{font-size: 18px;line-height: 2;margin-bottom: 0;padding: 0;font-weight:bold;color:#666;}
.active_list li i{color: #999;display: block;font-size: 13px;font-style: normal;margin-bottom: 5px;}
.active_list li p{color:#666; padding-top:10px; }
.active_list li{ border-bottom:1px dotted #eee; padding-bottom:20px;}
.active_list li p span{ color:#900; font-weight:bold; line-height:24px; }

.treacher .treleft  .left_3 { width:903px; padding-bottom: 20px;float:left; margin-top:20px;}
.treacher .treleft  .left_3 .line { background-color: #bcbbbb; height: 4px; width: 100%; overflow:hidden;float:left; }
.treacher .treleft  .left_3 .A { background-color: #eaeaea; width: 800px; border: 1px solid #bcbbbb; margin-top: 5px; padding: 5px; float:left; }
.treacher .treleft  .left_3 .B { background-color: #FFF; width: 760px; padding: 10px 10px 10px 30px; float:left; }
.treacher .treleft  .left_3 h4 { font-size: 14px; font-weight: normal; float:left; padding-top: 5px; padding-right: 0; padding-bottom: 12px; padding-left: 0; }
.treacher .treleft  .left_3 .text_box { border: 1px inset #EAEAEA; font-size:14px; margin-left: 10px;padding:3px 0 3px; }
.treacher .treleft  .left_3 .text_line { width: 100%; float: left; margin-bottom: 12px; line-height:23px}
.treacher .treleft  .left_3 .input { margin-right: 5px; vertical-align: text-bottom; padding-bottom: -2px; }
.treacher .treleft  .left_3 .textarea {  border: 1px solid #eaeaea; float:left; }
.treacher .treleft  .left_3 .nc { color: #777779; margin-top: 10px; line-height: 20px; float:left;width:300px}
.treacher .treleft  .left_3 .s { color: #777779; float: right; width: 100px; margin-top: 10px; line-height: 20px; }
.btn { background-position: -414px -60px; height: 20px; width: 50px; }
.btn-1 { background-position: -414px -85px; height: 20px; width: 50px; }
.righttitle{ height:40px;  padding-left:5px; padding-right:5px;}
.righttitle a.wenzi{ color:#666666; font-size:18px; line-height:40px; float:left; font-weight:bold;}