body {background: #F5F5F5;}

.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;}


.panel,.box {background: #fff;}

.panel {background-color: #fff;padding:10px 20px;margin: 0px 0 30px;position: relative;clear:both;border-radius: 8px;}
.panel .panel-title {position: absolute;top: 20px;left: 20px;color: #848e99;}
.panel.panel-all {margin: 0;margin-top: 35px;background: #fff;padding: 6px 20px 6px 120px;}
.panel.panel-all .panel-title {top: 16px;}
.panel .panel-list {line-height: 24px;}
.panel .panel-list li {padding:6px 0}
.panel .panel-list li span {padding-right: 10px;color:#999}
.panel .panel-list li a {cursor: pointer;color: #222;margin: 0 1px 1px 0;display:inline-block;padding:0px 6px;border-radius:3px}
.panel .panel-list li a:hover,
.panel .panel-list li  a.curr {color: #fff;background:#10C55B}
.panel-v4 .panel-title {top: 16px;left: 30px;}
.panel-v4 .panel-list > li {margin-right: 30px;position: relative;}

.tuanbox .ltitle {line-height: 50px;height: 50px;}
.tuanbox .ltitle h3 {height: 30px;line-height: 30px;border-left: 4px solid #162D8E;font-size: 24px;text-indent: 1em;float: left;color:#162D8E}
.tuanbox .ltitle span {float: right;}
.tuanbox .ltitle span a {color: #999;}
.tuan-item ul {margin-left: -20px;}
.tuan-item li {float: left;width: 368px;margin:0 0 30px 20px;border: 1px solid #E8E8E8;position: relative;height:353px;background: #fff;border-radius: 4px;background: #fff;}
.tuan-item li a.timg {height: 221px;overflow: hidden;}
.tuan-item li a.timg img {width: 100%;height:100%;border-radius: 4px 4px 0 0;}
.tuan-item li img {-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.tuan-item li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.tuan-item li a {display: block;}
.tuan-item li p.n {font-size: 18px;line-height: 26px;height:52px;font-weight: 400;padding:5px 10px;}
.tuan-item li i.tprice {font-size: 22px;color: #f60;}
.tuan-item li i.endover {font-size: 18px;color: #999;}
.tuan-item li i.tprice span {font-size: 14px;padding-right: 10px;}
.tuan-item dl {background: #FAFAFA;height: 48px;padding: 11px 10px;border-radius: 0 0 4px 4px;}
.tuan-item dl dd {line-height: 24px;height: 24px;font-size: 12px;overflow: hidden;}
.tuan-item dl dd em {float: left;}
.tuan-item dl dd i {float: right;}
.tuan-item li:after {content: "";border: solid #E8E8E8;border-width:0 1px 1px;width: 354px;position: absolute;bottom: -5px;left: 6px;height: 3px;background: #FAFAFA;border-radius: 0 0 4px 4px;}
/*.tuan-item li:hover,.tuan-item li:hover:before,.tuan-item li:hover:after {border-color: #162D8E;}*/


.ico {display: inline-block;background: url(../img/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(../img/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;}


.pintuan {position: relative;}
.pintuan .hd {padding-bottom: 10px;}
.pintuan .hd h1 {font-weight: 700;line-height: 40px;}
.pintuan .bd {padding-top: 0;}
.pintuan .pic {width: 460px;}
.pintuan .inf {padding-right: 4px;width: 632px;padding-bottom: 50px;}
.pintuan .inf .price {background: #f8f8f8;height: 66px;position: relative;}
.pintuan .inf .price p {padding: 0 20px; line-height: 66px;}
.pintuan .inf .price p em {font-size: 18px;font-weight: 100;color: #f44839;}
.pintuan .inf .price p span {font-size: 30px;font-weight: 700;margin-right: 10px;color: #F44839;padding-left: .2em;}
.pintuan .inf .price p i {font-size: 14px;color: #999; text-decoration: line-through;padding-left: 1em;}
.pintuan .inf .price .rnum {width: 56px;height: 25px;text-align: center;background: url(../img/rnum.png)no-repeat center center /cover;position: absolute;top: -2px;right: 20px;color: #fff;font-size: 14px;}
.pintuan .inf .t_time {height: 40px;color: #888;}
.pintuan .inf .t_time p {padding-right: 20px;display: inline-block;}
.pintuan .inf .t_time p span.endtime {color: #F44839;padding-left: 5px;}

.course-operation {top:auto;bottom: 20px;left: 480px;}
.tbuy {padding-top: 28px;}
.tbuy a,a.tuanbuy {display: inline-block;font-size: 16px;height: 40px;padding: 8px 20px;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 100ms linear;-moz-transition: all 100ms linear;-webkit-transition: all 100ms linear;-o-transition: all 100ms linear;margin-right: 20px;background-color: #ff9c00;color: #fff;border-radius: 4px;}
.tbuy a.yprice {background: #f3493a;}
.tbuy a:hover,a.tuanbuy:hover,.tuanlike li a.tbuy:hover {opacity: .8;}
a.tuanbuy {background: #f3493a;margin-top: 4px;}
.tbuy a.nosall,a.nosall {background: #dcdce2;}

.tuanmain .col{width:800px;float:left;}
.tuanmain .side{width:330px;float:right;}
.main_content_hd{position:relative;margin-bottom:20px;border:1px solid #E8E8E8;background: #fff;}

.tab_hd{min-height:50px}
.tabs{margin-right:-1px;z-index:1;width:800px;height:50px;overflow:hidden}
.tabs li{float:left;width:200px;box-sizing:border-box}
.tabs .tab{display:inline-block;position:relative;font-size:14px;line-height:48px;height:50px;width:198px;box-sizing:border-box;text-align:center;color:#333;background-color:#f9f9fa;-webkit-transition:all ease-out 200ms;-moz-transition:all ease-out 200ms;-ms-transition:all ease-out 200ms;-o-transition:all ease-out 200ms;transition:all ease-out 200ms}
.tabs .active{background-color:#fff;border-top:2px solid #898888;border-bottom:0}
.last-one{border-right:0!important}
.tabs .tab_buy{border-bottom:1px solid #efefef;height:54px;box-sizing:border-box;width: 330px;text-align: center;}
.fixed_pc{display:block;position:fixed;top:0;width:1150px;background:#f9f9fa}

.anchor{position:relative;top:-53px}
.course_content_section{background-color:#fff;border-bottom:1px solid #efefef;padding-bottom:35px}
.content_node{position:relative;display:inline-block;border-left:4px solid #162D8E;font-size:20px;line-height:20px;height:20px;padding-left:14px;margin:30px 0 30px 30px;color:#333}

.content_data_hd,.class_notes_con{padding:0 30px 62px;font-size:14px;line-height:1.9em;color:#6e6e7e}
.content_data_hd img{width:100%  !important;}
.content_data_hd img,.class_notes_con img {
	max-width:740px;
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 740)?"740px":"auto"; 
};
);height:auto !important;
}


.catelog_ul{padding:0 30px;font-size:14px;margin-bottom:0}
.catelog_ul li div{padding:12px 0;line-height:20px;border-bottom:1px solid #f7f7f7}
.catelog_ul li .content_node_title{position:relative;font-size:16px;font-weight:600;color:#333;padding:20px 30px 20px 0;border-bottom:1px solid #efefef;cursor:pointer}
.catelog_ul li .content_node_title i{position:absolute;right:0;top:25px;width:14px;height:10px;background-repeat:no-repeat;background-image:url(../img/arr_up.png);background-size:100% 100%;cursor:pointer}
.catelog_ul li .content_node_title .close{background-repeat:no-repeat;background-image:url(../img/arr_down.png);background-size:100% 100%}
.catelog_ul li .content_node_title span {display: inline-block;padding: 4px 10px;background: #4EBD65;color: #fff;border-radius: 4px;font-size: 12px;margin-right: 10px;}
.catelog_ul li .content_node_title span.lb {background: #007EDF;}

.catelog_ul .xlist li {border-bottom: 1px solid #F7F7F7;height: 40px;}
.catelog_ul .xlist li a {display: block;height: 20px;padding: 10px 0;position: relative;}
.catelog_ul .xlist li em {width: 32px;height: 20px;border-radius: 10px;display: inline-block;text-align: center;line-height: 20px;margin-right: 8px;background-color: #eee;color: #333;float: left;}
.catelog_ul .xlist li p {float: left;}
.catelog_ul .xlist li p span,.catelog_ul .xlist li .btn,.catelog_ul .xlist li .no-act {padding: 3px 5px;color: #fff;background: #f3493a;margin-left: 10px;border-radius: 4px;font-size: 12px}
.catelog_ul .xlist li p em {display: none;}
.catelog_ul .xlist li p.techer {position: absolute;top:10px;right: 100px;color: #888;font-size: 12px;}
.catelog_ul .xlist li .no-act {border: 1px solid #E8E8E8;color: #666;background: #F9F9F9;}
.catelog_ul .xlist li .btn {background: #009aff;}
.catelog_ul .xlist li i.time {float: right;color: #aaa;font-size: 12px;}
.catelog_ul .xlist li i.time i.star {margin-right: 10px;color: #009aff;}
.catelog_ul .xlist li i.time i.end {margin-left: 10px;color: #F3493A;}
.living {font-size: 13px;color: #009aff;}
.living:before {content: "";background: url(../img/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(../img/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;}}
 
 
 
.audition_wrap{position:relative;cursor:pointer}
.audition_wrap .cate_index_normal{background-color:#f5d220;color:#333}
.audition_wrap .cate_index_normal i{font-size:13px;font-style:normal}
/*.lesson_play_icon{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);height:18px;width:18px;background-image:url(../../../imgs/course/play_icon_a6b3fa2.png);background-size:contain}*/
.cate_index_normal{background-color:#eee;color:#333}
.cate_index_end{background-color:#f4f4f4;color:#c3c3c7}
.catelog_title{margin-right:12px;font-size:14px}


.tuanlike {padding: 16px;}
.tuanlike h3 {font-size: 18px;line-height: 40px;font-weight: bold;}
.tuanlike li {padding: 8px 0;height: 100%;overflow: hidden;}
.tuanlike li img {width: 100%;}
.tuanlike li p.n {padding: 5px 0;line-height: 20px;font-size: 16px}
.tuanlike li p.tprice {font-size: 16px;color: #f60;float: left;}
.tuanlike li p.tprice span {font-size: 12px;padding-right: 10px;}
.tuanlike li a.tbuy {float: right;padding: 6px 10px;background:#ff9c00;color: #fff;}


/* 评论 */
.comment {padding-top: 20px;min-height: 300px;}
.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,.fixed_pc {width: 1280px;}
.tuan-item ul {margin-left: -22px;}
.tuan-item li {width: 410px;margin:0 0 22px 22px;}
.tuan-item li:before,.tuan-item li:after {width: 396px;}
.tuan-item li:before {width: 386px;}
.tuanmain .col{width:900px;}
.tuanmain .side{width:360px;}
.course .inf {width: 762px;}
.tabs{width:900px;}
.tabs li{width:225px;}
.tabs .tab{width:223px;}

.tabs .tab_buy{width: 360px;}
.fixed_pc{width:1280px;}


.comment .post {width: 760px;}
}