body {background: #F5F5F5;}
@font-face {font-family: 'iconfont';src: url("font/font_1473405448_0784824.eot");/* IE9*/src: url("font/font_1473405448_0784824.eot?#iefix") format("embedded-opentype"), url("font/font_1473405448_0784824.woff") format("woff"), url("font/font_1473405448_0784824.ttf") format("truetype"), url("font/font_1473405448_0784824.svg#iconfont") format("svg")/* iOS 4.1- */}
.iconfont {font-family: "iconfont";font-size: 17px;font-style: normal;margin-right: 5px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


.living {font-size: 13px;float: right;color: #009aff;}
.living:before {content: "";background: url(../images/course/play/icon-play-active2.gif);width: 13px;display: inline-block;font-size: 0;text-indent: -9999em;vertical-align: -1px;height: 13px;margin-right: 4px;}
.living-icon:before {content: "";background: url(../images/third-index/playing.gif);width: 16px;display: inline-block;font-size: 0;text-indent: -9999em;vertical-align: -1px;height: 16px;margin-right: 4px;}
 @keyframes living {
 0% {
 background-position: 0 0;}
 25% {
 background-position: -13px 0;}
 50% {
 background-position: -26px 0;}
 75% {
 background-position: -39px 0;}}
@-webkit-keyframes living {
 0% {
 background-position: 0 0;}
 25% {
 background-position: -13px 0;}
 50% {
 background-position: -26px 0;}
 75% {
 background-position: -39px 0;}}
@keyframes living-icon {
 0% {
 background-position: 0 -0px;}
 11.11111% {
 background-position: 0 -16px;}
 22.22222% {
 background-position: 0 -32px;}
 33.33333% {
 background-position: 0 -48px;}
 44.44444% {
 background-position: 0 -64px;}
 55.55556% {
 background-position: 0 -80px;}
 66.66667% {
 background-position: 0 -96px;}
 77.77778% {
 background-position: 0 -112px;}
 88.88889% {
 background-position: 0 -128px;}}
@-webkit-keyframes living-icon {
 0% {
 background-position: 0 -0px;}
 11.11111% {
 background-position: 0 -16px;}
 22.22222% {
 background-position: 0 -32px;}
 33.33333% {
 background-position: 0 -48px;}
 44.44444% {
 background-position: 0 -64px;}
 55.55556% {
 background-position: 0 -80px;}
 66.66667% {
 background-position: 0 -96px;}
 77.77778% {
 background-position: 0 -112px;}
 88.88889% {
 background-position: 0 -128px;}}
 




.boxshow,.box {box-shadow: 0 0 9px 3px rgba(228, 228, 228, 0.4);}
.box {background: #fff;}
.pageheader {height: 336px;margin-bottom: 10px;}
.alltopwx {height: 50px;}
.alltopwx .toplogo {float: left;height: 40px;padding-top: 8px;margin-right: 20px;}
.alltopwx .toplogo img {height: 34px;}
.alltopwx .drop-t {font-size: 20px;font-weight: 700;}
.alltopwx ul li .drop-on {line-height: 50px;height: 50px;}
.alltopwx ul li .drop-t, .alltopwx ul li .drop-s {line-height: 50px;}
.alltopwx .tlogin .tl {padding-top: 13px;}
.alltopwx .drop {top: 50px;width: 654px;padding: 4px 4px 8px;}
.alltopwx .drop a {float: left;width: 120px;line-height: 30px;height: 30px;margin: 4px;border: 1px solid #fff;background: #F2F2F2;display: block;text-align: center;}
.alltopwx .drop a:hover {background: #E8E8E8;}
.alltopwx .tlogin {padding-top: 5px;}
.course {margin-bottom: 20px;}



.ico {display: inline-block;background: url(../images/m.png) no-repeat; vertical-align: middle;}
.ico-sfav {background-position: -40px 0;}
.ico-people {background-position: -120px 0;}
.ico-click {background-position: -147px 0;}
.ico-file {background-position: -120px -20px;}


.course {padding: 16px;}
.course .hd {position: relative;}
.course .hd h1 {vertical-align:top;display:inline-block;color:#313131;font-size:24px;word-wrap:break-word;word-break:break-all;max-width:100%}
.course .hd p{padding-top:5px;max-width:50%;color: #919191;}
.es-qrcode{position:relative;text-align:center;padding-top:5px!important}
.es-qrcode>i{font-size:24px;color:#919191;width: 24px;height: 24px;}
.es-qrcode .qrcode-popover{position:absolute;padding:5px 10px;font-size:12px;background:#fff;color:#313131;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1}
.es-qrcode .qrcode-popover img{margin-bottom:10px;width:110px;height:110px}
.es-qrcode.toolbar-qrcode{color:#ccc}
.es-qrcode.toolbar-qrcode .qrcode-popover{top:0;right:100%;transform-origin:100% 0;-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0}
.es-qrcode.top .qrcode-popover{top:0;left:0;transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0}
.es-qrcode.bottom .qrcode-popover{bottom:0;right:0;transform-origin:100% 100%;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-o-transform-origin:100% 100%}
.es-qrcode:hover{cursor:pointer}
.es-qrcode.open .qrcode-popover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.qrcode-popover{position:relative}
.qrcode-popover:hover .qrcode-content{display:block\9;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100)}
.qrcode-popover.top .qrcode-content{left:-65px;top:-205px;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.5);-moz-box-shadow:0 2px 3px rgba(0,0,0,.5);box-shadow:0 2px 3px rgba(0,0,0,.5)}
.qrcode-popover.top .qrcode-content:after{top:100%;left:50%;margin-left:-13px;border-top-color:#fff}
.qrcode-popover.top .qrcode-content img{width:180px;height:180px}
.qrcode-popover .qrcode-content{position:absolute;padding:5px;z-index:1;background:#fff;display:none\9;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.qrcode-popover .qrcode-content:after{border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-width:13px}
.course-operation {position: absolute;top:0;right: 0;color: #888;}
.course-operation li {display: inline-block;float: left;padding-left: 20px;padding-top: 5px;}
.course-operation a.fav em {width: 20px;height: 20px; margin-right: 6px;float: left;}

.course-operation a.fav span {float: left;}
.course-operation a {color: #888;}
.course-operation a.favon,.course-operation a:hover {color: #10C55B;}
.course-operation a.fav:hover em,.course-operation a.favon em {background-position: -80px 0}
/*baidushare*/
.course-operation li.baidushare {height: 30px;padding-top: 0;}
.baidushare .share-icon {float: left;height: 30px;line-height: 30px;color: #999;font-size: 14px;overflow: hidden;}
.baidushare .bdsharebuttonbox .bds_weixin, .baidushare .bdsharebuttonbox .bds_sqq, .baidushare .bdsharebuttonbox .bds_qzone, .baidushare .bdsharebuttonbox .bds_tsina, .baidushare .bdsharebuttonbox .bds_more {display: block;float: left;width: 30px;height: 30px;text-align: center;background: #FFF url(../images/m.png) no-repeat;padding: 0;margin: 0;margin-right: 8px;}
.baidushare .bdsharebuttonbox .bds_sqq {background-position: 0px -40px !important;}
.baidushare .bdsharebuttonbox .bds_qzone {background-position: -32px -40px !important;}
.baidushare .bdsharebuttonbox .bds_tsina {background-position: -64px -40px !important;}
.baidushare .bdsharebuttonbox .bds_weixin {background-position: -96px -40px !important;}
.baidushare .bdsharebuttonbox .bds_more {background-position: -129px -40px !important;}
.baidushare .bdsharebuttonbox .bds_sqq:hover {background-position: 0px -70px !important;}
.baidushare .bdsharebuttonbox .bds_qzone:hover {background-position: -32px -70px !important;}
.baidushare .bdsharebuttonbox .bds_tsina:hover {background-position: -64px -70px !important;}
.baidushare .bdsharebuttonbox .bds_weixin:hover {background-position: -96px -70px !important;}
.baidushare .bdsharebuttonbox .bds_more:hover {background-position: -129px -70px !important;}
.course .bd {padding-top: 15px;}
.course .pic {position:relative;float:left;width:480px}
.course .pic img {width: 100%;}
.image-overlay{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:alpha(opacity=30);background:#000 \ 9;background-image:-webkit-linear-gradient(top,hsla(0,0%,88%,0) 50%,rgba(0,0,0,.5));background-image:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);background-image:linear,top,transparent 0,rgba(0,0,0,.5) 100%}
.image-overlay:hover{opacity:.2;filter:alpha(opacity=20);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.image-overlay.image-overlay-o:hover{opacity:1;filter:alpha(opacity=30)}
.course .pic .detail {position:absolute;left:0;right:0;bottom:0;color:#fff;padding:10px;font-size: 13px}
.course .pic .detail p.num {float: left;}
.course .pic .detail p i {display:inline-block;width: 15px;height: 15px;}
.course .pic .detail p.click {float: right;}
.course .pic .detail p {}
.course .pic .detail p b {font-weight: 400;margin: 0 5px;}
.course .inf {float: right;width: 632px;}
.course .inf ul {padding: 10px 0;background: #FAFAFA;}
.course .inf ul li {line-height: 30px;padding: 5px 0 5px 60px;}
.course .inf ul.price {padding: 0;}
.course .inf ul.price li {background: #fff;color: #313131;height: 40px}
.course .inf ul.price p {display: inline-block;}
.course .inf ul.price p b {font-size: 24px;padding-left: 10px;}
.course .inf ul.price p b.pirce {color:#43bc60;}
.course .inf ul.price p b.pirce-num {color:#f00}
.course .inf ul li span {color: #919191;display: inline-block;width: 90px;}
.course .inf .buy {text-align: right;padding: 18px 18px 0 0;}
a.gobuy {display:inline-block;background: #1D3CB8;border:1px solid #162D8E;color: #fff;font-size: 16px;line-height: 40px;height: 40px;padding: 0 30px;border-radius: 3px;}
a.gobuy:hover {background: #162D8E;}

.course .desc {padding: 0 40px 0 60px;}
.course .tips {background-color: #ffffc7;border: 1px solid #e5e5b3;border-radius: 5px;color: #d26d00;font-size: 13px;line-height: 36px;padding: 0 10px;margin: 10px 18px 0 0;float: right;width: 94%;}
.course .hide {display: none;}
.course .inf .buy {text-align: left;padding: 18px 18px 0 0;;}
.course .inf .buy .btn-course {float: right;}
.course a.btn {display:inline-block;background: #0dae51;border:1px solid #0dae51;color: #fff;font-size: 16px;line-height: 40px;height: 40px;padding: 0 30px;border-radius: 3px;margin-left: 10px;}
.course a.btn:hover {opacity: .8;}
.course a.yuyue {background: #fff;color: #0DAE51;border:1px solid #0dae51;}
.course a.yuyue:hover {background: #0DAE51;color: #fff;}

.banner {margin: 14px 0;}

.btitle {height: 40px;border-bottom: 1px solid #E8E8E8;margin-bottom: 8px;}
.btitle b {font-size: 18px;height: 40px;display:inline-block;border-bottom: 1px solid #e8e8e8;font-weight: 400;}
.btitle span {padding: 0 10px;font-size: 16px;}
.btitle .mltips {float: right;color: #f00;}

.extend{line-height:36px;margin:0 auto 20px;padding:20px 20px;font-size:14px;color: #444;}
.extend img  {
	max-width:820px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 820)?"820px":"auto"; 
}
);
}


.livecol {float: left;width: 850px;}
.liveside {float: right;width: 280px;}
.box {border-radius: 3px;padding: 10px;}
.liveside .box h3 {border-bottom: 1px solid #E8E8E8;font-size: 16px;font-weight: bold;;color: #333;height: 36px;}


.techer {padding-top: 10px;}
.techer li {height: 100%;overflow: hidden;padding: 8px 0;}
.techer li img {width: 60px;height: 60px;border-radius: 100%;float: left;}
.techer li p {float: right;width: 184px;}
.techer li p b {display: block;color: #333;}
.techer li p span {font-size: 12px;color: #888;}

.otlist li {padding: 8px 0;height: 66px;}
.otlist li img {width: 110px;height: 66px;float: left;}
.otlist li .inf {float: right;width: 136px;font-size: 13px;line-height: 22px;}

.livecol .main-inner {background-color: #fff;padding: 0 20px 40px;margin-right: 0;position: relative;}
.livecol .main-inner .no-complete {width: 100%;margin-top: -52px;position: absolute;left: 0;top: 50%;}

.nav-tabs {margin-bottom: 16px;border-bottom:1px solid #dfe6ec;height: 60px;line-height: 60px;font-size: 16px}
.nav-tabs li {float:left;position: relative;}
.nav-tabs li a {padding:0 20px;display: block;}
.nav-tabs li em {font-size: 14px;color: #999;padding-left: 4px;}
.nav-tabs li.active a {color: #1D3CB8;}
.nav-tabs li.active:after {content:'';border-bottom: 2px solid #1D3CB8;width: 100%;position: absolute;bottom: -1px;left: 0;}

.tab-pane {display: none;}
.tab-pane.active {display: block;}

.course-intro .hd_t {position: relative;margin: 15px auto 20px;padding: 0 30px 0 15px;color: #313131;font-size: 16px;}
.course-intro .hd_t:after{content:"";position:absolute;left:0;top:3px;width:4px;height:16px;background-color:#1D3CB8}
.course-intro .desc {line-height: 28px;color: #666;padding-bottom: 20px;}
.course-intro img {height:auto !important;
	max-width:810px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 810)?"810px":"auto"; 
}
);
}

.operate {margin-bottom: 10px;}
.operate select {float: right;border: 1px solid #cad2e1;border-radius: 3px;font-size: 12px;padding: 0 12px;height: 42px;width: 250px;}
.operate .tips {background-color: #ffffca;border: 1px solid #e5e5b5;border-radius: 3px;color: #575e65;line-height: 40px;padding: 0 15px;height: 40px;margin-right: 270px;}
.operate .tips span {font-size: 12px;margin: 0 3px;}
.operate .tips .lg {font-size: 16px;}
.operate .tips a {float: right;color: #e58f32;font-size: 12px;}
.operate .tips a:hover {color: #e57b32;}
.live-list li,.course-down ul li {border-bottom: none;}
.live-list li:nth-child(odd),.course-down ul li:nth-child(odd) {background-color: #f5f5f5;}


.course-list a {display: block;color: #575e65;border: 1px solid transparent;}
.course-list dd {display:block;color: #575e65;line-height: 48px;padding: 0 20px;}
.course-list dt {float: left;color: #575e65;font-size: 16px;line-height: 48px;padding-left: 20px;width: 38px;height: 100%;}
.course-list a:hover {background-color: #F5F8FE;border-color: #1D3CB8;color: #1D3CB8;border-radius: 5px;}
.course-list a:hover .btn {display: inline-block;}
.course-list .name {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;max-width: 100%;display: inline-block;vertical-align: top;max-width: 570px;}
.course-list .name span {color: #aaa;}
.course-list .btn {float: right;font-size: 14px;padding: 0 10px;margin-top: 9px;height: 30px;line-height: 30px;background-color: #76b600;border: 1px solid #76b600;color: #fff;border-radius:3px;}
.course-list .btn:hover {background-color: #70ad00;border-color: #70ad00;color: #fff;}
.course-list .iconfont {margin-right: 5px;font-size: 14px;}
.course-list a:hover {color: #009aff;}
.course-list a:hover .course-dt, .course-list a:hover dd {color: #1D3CB8;}


/*.course-dt {float: left;color: #575e65;font-size: 16px;line-height: 48px;padding-left: 20px;width: 38px;height: 100%;}*/
.course-list {margin: 0 20px;}
.course-list dd {color: #575e65;line-height: 48px;padding: 0 20px;}
.course-list .free {display: inline-block;float: right;font-size: 12px;line-height: 28px;padding: 0 10px;margin-top: 9px;height: 28px;border-radius: 5px;cursor: pointer;text-align: center;}
.course-list a {display: block;color: #575e65;border: 1px solid transparent;}
.course-list a:hover {background-color: #f5fafe;border-color: #009aff;color: #009aff;border-radius: 5px;}
.course-list a:hover .time {display: none;}
.course-list a:hover .free {display: none;}
.course-list a:hover .no-act {display: inline-block;}
.course-list a:hover .btn {display: inline-block;}
.course-list .name {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;max-width: 100%;display: inline-block;vertical-align: top;max-width: 570px;}
.course-list .name em {background-color: transparent;line-height: 21px;color: #76b600;height: 21px;padding: 0 3px;margin-top: 13px;margin-left: 15px;border-radius: 2px;border: 1px solid #86cf00;font-size: 12px}
.course-list span.techer {border:1px solid #aaa;font-size:12px;margin-left:10px;padding:0 4px;border-radius:4px;color:#aaa}
.course-list .no-limit {max-width: 700px;}
.course-list .time, .course-list .no-act {float: right;color: #848e99;font-size: 13px;margin-left: 20px;}
.course-list .time i, .course-list .no-act i {margin-left: 10px;}
.course-list .no-act {display: none;}
.course-list .living {color: #009aff;}
.course-list .btn {display: none;float: right;font-size: 12px;line-height: 28px;padding: 0 10px;margin-top: 9px;height: 28px;}
.course-list .iconfont {margin-right: 5px;}

.course-dt {font-size: 14px;}
.course-list {margin: 0;}
.course-list .btn {line-height: 30px;background-color: #10C55B;border: 1px solid #10C55B;}
.course-list .btn:hover {background-color: #0dae51;border-color: #0dae51;}
.course-list .iconfont {font-size: 14px;}
.course-list .free {background-color: transparent;line-height: 21px;color: #0dae51;height: 21px;padding: 0 3px;margin-top: 13px;margin-left: 15px;float: none;border-radius: 2px;}
.course-list .free .iconfont {display: none;}
.course-list a:hover {color: #009aff;}
.course-list a:hover .course-dt, .course-list a:hover dd {color: #009AFF;}
.course-list a:hover .free {display: inline-block;}





/* 评论 */
.comment {padding-top: 20px;min-height: 400px;}
.comment .cmt_title {height:36px;line-height:36px;color:#333;font-size:22px;padding-bottom:10px;font-weight: bold;display: none;}
.comment .cmt_title span {color:#f00}
.comment .cmt-bd {height: 180px;position: relative;}
.comment .post {position: absolute;top:0;left: 110px;width: 660px;}
.comment .post .textarea {padding:10px;height:82px;border:1px solid #CCD4D7;border-radius: 10px;background: #fff;}
.comment .post .textarea textarea {widtH:100%;height:82px;border:0;font-size:14px;background:#fff;overflow:hidden;outline:none}
.comment .cmt_btn {padding: 10px 0;height: 40px;position: relative;}
.comment .cmt_btn button { border:none; cursor:pointer;background: #1F40C5;color: #fff;height: 40px;line-height: 40px;border-radius: 3px;padding: 0 40px;font-size: 16px;float: left;}
.comment .cmt_btn button:disabled {background: #eee;color: #999;}
.comment .huifu_txt {position: absolute;top:110px;right: 0px;line-height:40px;color: #f00;}

.comment .erro {color:#EE542A;height:40px;line-height:40px;clear:both;display:block;position: absolute;left: 180px;top: 10px;}
.comment .erro_red {color: #f00;}

.pluser {height:42px;padding:18px 0;float: left;width: 90px;text-align: center;}
.pluser em {width: 40px;height: 40px;border-radius: 50%;background-size: 40px auto !important;display: block;background-color: #F2F2F2 !important;border: 1px solid #F2F2F2;margin: 0 auto 10px;}

.comment-list {display: none;padding: 8px 14px;}
.comment-list .cmt_title {color:#162D8E;border-bottom:1px solid #e8e9eb;}
.comment .comment-list .cmt_title span {float:left;color:#162D8E;display: inline-block;border-bottom: 2px solid #162D8E;height: 44px;}
.comment .comment-list .cmt_title a.more {float:right;font-size:12px;}
.comment-list dd .q-content{border:none;margin:0;padding:0;background:#FCFCE8;color:#333;}
.comment-list dd .q-ft{text-align:left;padding:4px 0;}
.comment-list dd blockquote h4{font-size:12px;}
.comment-list dt{line-height: 24px;color:#999;zoom:1;position:relative;}
.comment-list dt b{font-weight:normal;}
.comment-list dt span i{font-style:normal;display:none;}
.comment-list dt em{position:absolute;right:0;}
.comment-list dt em,.comment-list dt front{color:#999;}
.comment-list dd{padding:5px 0;zoom:1;}
.comment-list dd p{text-align:right;position:relative;z-index:0;line-height:1.5;}
.comment-list dd p a{color:green;z-index:0;position:relative;top:0;}
.comment-list dd p a.up {margin-right:10px}
.comment-list dd p a:hover{color:#f60;text-decoration:none;z-index:0;}
.comment-list dd p a em{color:#f60;padding:0 2px;z-index:0;display:none;}
.comment-list dd p a span{color:#999;z-index:0;padding-left:24px;background:url(../../img/comment.png) -77px -36px no-repeat;}
.comment-list dd p .glBtn{display: inline-block;zoom: 1;margin-left:12px;height: 23px;overflow: hidden;line-height: 22px;color:#999;top:7px;}
.comment-list dd p .glBtn:hover{text-decoration:none;color:#FD3939;}
.comment-list dd blockquote{padding:4px 5px 4px 5px;border: 1px solid #E0E0E0;background: #fcfce8;margin-bottom:10px;width:auto;color:#222;zoom:1;}
.comment-list dd blockquote h4{color:#999;padding:10px 0 7px 0;}
.comment-list dd blockquote cite{font-style:normal;color:#787878;}
.comment-list dl {border-bottom:1px solid #e8e9eb;padding-top:10px}
.comment-list dl:last-child {border-bottom: 0;}
.comment-list .nodp {padding:20px 0;text-align:center;font-size:14px;}
.comment-list .cmt_more a{display: block;background: #F2F2F2;color: #666;line-height: 36px;margin-top: 10px;text-align: center;}
.comment-list .cmt_more a:hover {background: #e8e8e8;}
.comment-list .ecomment p {padding:0;margin:0;text-align:left}
.ecomment {margin:0;padding:0;background:#ffc}
.ecomment {margin-bottom:12px;overflow-x:hidden;overflow-y:hidden;background:#ffc;padding:6px;border:solid 1px #ccc;}
.ecommentauthor {float:left; color:#F96; font-weight:bold;}
.ecommenttext {clear:left;margin:0;padding:0;}

@media only screen and (min-width:1290px){
.w,.head,.main {width: 1280px;}

.livecol {width: 940px;}
.liveside {width: 320px;}
.techer li p {width: 224px;}
.otlist li .inf {width: 176px;}
.course .inf {width: 762px;}
.comment .post {width: 780px;}
}