@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:#f8f8f8; 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:1240px;  margin-top:10px;}
.treacher .treleft{ float:left; width:903px; }
.treacher .treleft .title1{ font-size:18px; color:#666666; font-weight:bold; text-align:left; line-height:40px;}
.treacher .treleft .tre1{ margin:0 auto; width:903px;  background:#FFF; border:1px solid #e8e8e8;}
.treacher .treleft .tre1 ul{ border-bottom:1px dotted #e8e8e8; padding:10px 20px; }
.treacher .treleft .tre1 ul li{ float:left; margin-right:10px;}
.treacher .treleft .tre1 ul li a.one{ background:#ff6600; padding:0 10px; text-align:center; color:#FFF; display:block;line-height:30px;}
.treacher .treleft .tre1 ul li a{padding:0 10px; text-align:center; display:block; line-height:30px;}
.treacher .treleft .tre1 ul li a:hover{ background:#ff6600; padding:0 10px; text-align:center; color:#FFF; display:block; line-height:30px;}
.treacher .treleft .title { width:883px; margin-top:10px; border:1px solid #e8e8e8; color:#F00; font-size:16px; line-height:40px; font-weight:bold; background:#FFF; padding-left:20px;}
.treacher .treleft .leftmain{border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#FFF;width:903px;}
.treacher .treleft .leftmain ul li{ width:280px; float:left; margin-top:20px; margin-left:10px; margin-right:10px; padding-bottom:20px; border-bottom:1px dotted #e8e8e8;}
.treacher .treleft .leftmain ul li img{ float:left;}
.treacher .treleft .leftmain ul li .nr{ margin-left:135px;}
.treacher .treleft .leftmain ul li .nr p.blud{ color:#005ea4; font-weight:bold; font-size:16px;}
.treacher .treleft .leftmain ul li .nr p{ color:#666666;}
.treacher .treleft .leftmain ul li .nr a{ color:#005ea4; font-size:12px; float:right; margin-top:5px;}
.treacher .treleft .leftmainone{border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#FFF;width:883px; padding:10px;}
.treacher .treleft .leftmainone ul li{ width:135px; float:left; margin-left:10px;}

#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; border-top:#999 dotted 1px;}
.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;}


.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:#f26161; 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:#78c86e; 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:#61acf2; 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:#cc6666; 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:#99cc99; 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:#6699ff; font-size:18px; font-weight:400; background-position:35px; color:#FFF; text-align:center; line-height:100px;  margin-top:7px; margin-left:5px;}