a.t{text-decoration:underline}a.t:hover{color:#f30;text-decoration:underline}.cf{zoom:1}.cf:after{content:".";display:block;clear:both;font-size:0;height:0;visibility:hidden;overflow:hidden}.left{float:left}.right{float:right}.fnone{float:none}.middle{float:left}.tleft{text-align:left}.tright{text-align:right}.tcenter{text-align:center}.dis{display:block}.undis{display:none}.sanjiao{border-width:20px;border-color:transparent transparent #ccc transparent;border-style:dashed dashed solid dashed;width:0;height:0;overflow:hidden}.clcikActive{color:#fff;background:#33b0c4;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.crumb{display:none}@media (min-width:768px){.crumb{display:block;*zoom:1;zoom:1;line-height:50px}.crumb:after{content:" ";clear:both;display:table}.crumb p{color:#999}.crumb p a{padding:0 10px}.crumb p span{padding-left:10px}}body{background-color:#fff !important}.detailstop{width:100%;margin:0 auto;background:url("../../images/class/coursebg.jpg") no-repeat center center;background-size:cover}.detailstop .crumbs a{color:#666;margin:0 3px}.detailstop .crumbs i{margin-left:5px}.detailstop .details{overflow:hidden}.detailstop .details .detailsleft{float:left;width:45%}.detailstop .details .detailsleft .devideo img{width:100%}.detailstop .details .detailsleft p{line-height:30px;margin-bottom:30px;font-size:14px}.detailstop .details .detailsleft p a{color:#999;margin-right:30px}.detailstop .details .detailsleft p a i{font-size:16px;margin-right:3px}.detailstop .details .detailsleft .share{margin-bottom:10px}.detailstop .details .detailsleft .share>div{display:inline-block;vertical-align:middle}.detailstop .details .detailscontent{float:right;width:50%}.detailstop .details .detailscontent>h1{font-size:24px;line-height:27px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detailstop .details .detailscontent>p{font-size:14px;line-height:21px;margin:11px 0;color:#999;max-height:42px;overflow:hidden;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detailstop .details .detailscontent>p span{color:#dd5555}.detailstop .details .detailscontent>p.live{padding-top:5px;height:25px;color:#666;margin:0;overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical}.detailstop .details .detailscontent .details_word{padding:10px;box-sizing:border-box;border:1px solid #ddd;background-color:#fff;position:relative;z-index:0}.detailstop .details .detailscontent .details_word .tips{position:absolute;z-index:0;top:0;right:0}.detailstop .details .detailscontent .details_word h3{font-size:30px;color:#eb5a1c}.detailstop .details .detailscontent .details_word h3 del{font-size:16px;color:#999;margin:0 5px;font-family:"PinFang SC","Microsoft Yahei"}.detailstop .details .detailscontent .details_word h3 span{font-size:14px;color:#fff;background-color:#eb5a1c;margin:0 5px;padding:0 6px}.detailstop .details .detailscontent .details_word .Reduction{color:#eb5a1c;font-size:14px;font-family:"PinFang SC","Microsoft Yahei"}.detailstop .details .detailscontent .details_word .Reduction strong{font-family:"PinFang SC","Microsoft Yahei";font-size:22px;margin-right:15px}.detailstop .details .detailscontent .details_word dl{margin-top:10px}.detailstop .details .detailscontent .details_word dl dt{float:left;color:#999;line-height:25px}.detailstop .details .detailscontent .details_word dl dd{position:relative;padding-left:66px}.detailstop .details .detailscontent .details_word dl dd.kai .yt .yt1{display:none}.detailstop .details .detailscontent .details_word dl dd.kai .yt .yt2{display:inline}.detailstop .details .detailscontent .details_word dl dd.kai ul{height:auto}.detailstop .details .detailscontent .details_word dl dd.kai ul li{display:block}.detailstop .details .detailscontent .details_word dl dd .yt{color:#666;position:absolute;top:0;right:0;cursor:pointer}.detailstop .details .detailscontent .details_word dl dd .yt i{margin-left:3px;font-size:.8em}.detailstop .details .detailscontent .details_word dl dd .yt .yt2{display:none}.detailstop .details .detailscontent .details_word dl dd ul{overflow:hidden;height:25px}.detailstop .details .detailscontent .details_word dl dd ul li{line-height:30px;cursor:pointer;margin-bottom:5px;color:#dd5555;display:none}.detailstop .details .detailscontent .details_word dl dd ul li p{padding-right:60px;box-sizing:border-box;position:relative;padding-left:27px;line-height:21px}.detailstop .details .detailscontent .details_word dl dd ul li span{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;margin-right:3px;border-radius:3px;color:#fff;background-color:#dd5555;position:absolute;left:0}.detailstop .details .detailscontent .details_word dl dd ul li:first-of-type{display:block}.detailstop .details .detailscontent .details_word dl.hasimg dt{margin-top:10px}.detailstop .details .detailscontent .details_word dl.hasimg ul{height:auto;overflow:visible}.detailstop .details .detailscontent .details_word dl.hasimg li{line-height:41px}.detailstop .details .detailscontent .details_word dl.hasimg li>span{margin-top:10px;left:66px}.detailstop .details .detailscontent .details_word dl.hasimg li>div{margin-left:27px;height:auto;*zoom:1;zoom:1}.detailstop .details .detailscontent .details_word dl.hasimg li>div:after{content:" ";clear:both;display:table}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div{float:left;position:relative;display:inline-block;border:1px solid #fff;border-width:1px 1px 0 1px;background-color:#fff}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div img{width:53px;height:35px;display:block;border:2px solid #fff}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div p{position:absolute;z-index:1;display:none;border:1px solid #eee;background-color:#fff;width:260px;color:#000;text-align:left;padding:2px 10px}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div p:before{content:"";position:absolute;z-index:20;display:block;top:-2px;height:4px;width:57px;background-color:#fff}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div.l p{left:-1px}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div.l p:before{left:0}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div.r p{right:-1px}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div.r p:before{right:0}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div:hover{border-color:#eee}.detailstop .details .detailscontent .details_word dl.hasimg li>div>div:hover p{display:inline-block}.detailstop .details .detailscontent .details_word dl.hasimg li>div div+div{margin-left:20px}.detailstop .details .detailscontent .details_word dl.hasimg li>div div+div:before{content:"+";font-size:25px;position:absolute;left:-20px;top:-2px;color:#666}.detailstop .details .detailscontent .details_word dl.hasimg li>div i{float:left;font-size:20px;margin-left:10px;margin-top:10px}.detailstop .details .detailscontent .details_word .coupon{*zoom:1;zoom:1;margin-top:10px;position:relative}.detailstop .details .detailscontent .details_word .coupon:after{content:" ";clear:both;display:table}.detailstop .details .detailscontent .details_word .coupon>span{float:left;color:#999;display:block;width:57px;text-align:right}.detailstop .details .detailscontent .details_word .coupon>div{margin-left:91px;margin-right:54px}.detailstop .details .detailscontent .details_word .coupon>div>em{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px;margin-right:3px;border-radius:3px;color:#fff;background-color:#f58023;position:absolute;left:66px}.detailstop .details .detailscontent .details_word .coupon>div>span,.detailstop .details .detailscontent .details_word .coupon>div>a{display:inline-block;cursor:pointer;margin-left:5px;line-height:22px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;padding-right:6px;margin-bottom:5px;background-color:#d55;padding-left:6px;color:#fff}.detailstop .details .detailscontent .details_word .coupon>div>span.has,.detailstop .details .detailscontent .details_word .coupon>div>a.has{background-color:#f2877d}.detailstop .details .detailscontent .details_word .coupon .yt{position:absolute;right:0;cursor:pointer;color:#666}.detailstop .details .detailscontent .details_word .coupon .yt .yt2{display:inline-block;font-size:12px}.detailstop .details .detailscontent .details_word .coupon .yt .yt1{display:none;font-size:12px}.detailstop .details .detailscontent .details_word .coupon.on{height:27px;overflow:hidden}.detailstop .details .detailscontent .details_word .coupon.on .yt .yt2{display:none}.detailstop .details .detailscontent .details_word .coupon.on .yt .yt1{display:inline-block}.detailstop .details .detailscontent .details_word.live{margin-top:40px}.detailstop .details .detailscontent .details_word.live h3.free{color:#419f45;font-size:18px;padding:9px 0}.detailstop .details .detailscontent .details_word.live h3.free i{margin-right:5px;vertical-align:middle}.detailstop .details .detailscontent .details_word .mall span{vertical-align:middle;padding:0 5px;cursor:pointer;font-size:1.4em}.detailstop .details .detailscontent .details_word .mall input::-webkit-outer-spin-button,.detailstop .details .detailscontent .details_word .mall input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0}.detailstop .details .detailscontent .details_word .mall input[type="number"],.detailstop .details .detailscontent .details_word .mall input[type="text"]{text-align:center;width:3em;border:1px solid #ddd;color:#666;-moz-appearance:textfield}.detailstop .details .detailscontent .service{margin-bottom:50px}.detailstop .details .detailscontent .service dl{margin:10px 0}.detailstop .details .detailscontent .service dl dt{float:left;line-height:30px;color:#999;margin-right:10px}.detailstop .details .detailscontent .service dl dd{padding-left:66px}.detailstop .details .detailscontent .service dl dd a{line-height:30px;padding:0 15px;cursor:context-menu;background-color:#e6e4e5;margin:3px 9px 3px 0;display:inline-block;position:relative}.detailstop .details .detailscontent .service dl dd a i{color:#3fb54d;position:absolute;top:-1px;right:0px;display:none;font-size:22px}.detailstop .details .detailscontent .service dl dd a.selected i{display:block}.detailstop .details .detailscontent .service dl.seltao dd a{position:relative;background-color:#fff;border:1px solid #ddd;box-sizing:border-box}.detailstop .details .detailscontent .service dl.seltao dd a>b{vertical-align:middle;font-weight:normal;display:inline-block;max-width:7em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detailstop .details .detailscontent .service dl.seltao dd a:hover{border-color:#3fb54d}.detailstop .details .detailscontent .service dl.seltao dd a:hover span{display:inline-block}.detailstop .details .detailscontent .service dl.seltao dd a span{display:none;width:100%;height:3px;background-color:#fff;position:absolute;bottom:-1px;left:0;z-index:99}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc{position:relative;left:-1px}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc .seldiv{display:none;position:absolute;background-color:#fff;border:1px solid #3fb54d;top:0;left:0;padding:10px 18px;width:100%;box-sizing:border-box}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc .seldiv li{display:none}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc .seldiv p{color:#666;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc .seldiv span{font-size:14px;color:#eb5a1c}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc .seldiv .img{float:left;margin-right:10px}.detailstop .details .detailscontent .service dl.seltao dd .seltaoc .seldiv .img img{width:60px;height:40px}.detailstop .details .detailscontent .service>div{margin-top:20px;font-weight:600;vertical-align:bottom;font-size:16px}.detailstop .details .detailscontent .service p{margin:10px 0}.detailstop .details .detailscontent .service p button,.detailstop .details .detailscontent .service p a{width:120px;height:40px;border-radius:3px;border:1px solid #eb5a1c;font-size:16px;line-height:40px;text-align:center;outline:none;color:#dd5555;background-color:#fff}.detailstop .details .detailscontent .service p button.def,.detailstop .details .detailscontent .service p a.def{background-color:#e96039;color:#fff;margin-right:10px}.detailstop .details .detailscontent .service p button.def:hover,.detailstop .details .detailscontent .service p a.def:hover{background-color:#d06546;color:#fff}.detailstop .details .detailscontent .service p button.ord,.detailstop .details .detailscontent .service p a.ord{background-color:#419f45;color:#fff;border-color:#419f45;margin-right:10px}.detailstop .details .detailscontent .service p button.ord:hover,.detailstop .details .detailscontent .service p a.ord:hover{background-color:#37953b;color:#fff}.detailstop .details .detailscontent .service p button.yel,.detailstop .details .detailscontent .service p a.yel{background-color:#f5a623;border-color:#f5a623;color:#fff;margin-right:10px}.detailstop .details .detailscontent .service p button.yel:hover,.detailstop .details .detailscontent .service p a.yel:hover{background-color:#eb9c19;color:#fff}.detailstop .details .detailscontent .service p button:hover,.detailstop .details .detailscontent .service p a:hover{background-color:#f8e3e2;color:#eb5a1c}.detailstop .details .detailscontent .service p button.btn-xs,.detailstop .details .detailscontent .service p a.btn-xs{font-size:14px}.detailstop .details .detailscontent .service p a{display:inline-block;vertical-align:middle;height:38px;line-height:38px}.detailstop .details .detailscontent .service.live{margin-top:60px}.detailstop .details .detailscontent .service.live .red{color:#d55}.detailstop .details .detailscontent .service.live p button.ord,.detailstop .details .detailscontent .service.live p a.ord{background-color:#419f45;color:#fff;border-color:#419f45;margin-right:10px}.detailstop .details .detailscontent .service.live p button.ord:hover,.detailstop .details .detailscontent .service.live p a.ord:hover{background-color:#37953b;color:#fff}.detailstop.mall .wrap{position:relative;z-index:0}.detailstop.mall .crumbs{margin-right:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detailstop.mall .crumbs a:last-child{color:#999}.detailstop.mall .mallshare{position:absolute;z-index:0;top:10px;right:0}.detailstop.mall .details .detailsleft{width:29%}.detailstop.mall .details .detailsleft img{width:100%;height:100%}.detailstop.mall .details .detailscontent{width:68%}.detailstop.mall .details .detailscontent .details_word .coupon>span{color:#333}.detailTop{*zoom:1;zoom:1}.detailTop:after{content:" ";clear:both;display:table}.detailTop *{box-sizing:border-box;-webkit-box-sizing:border-box}.detailTop a{color:inherit}.detailTop h1{font-size:20px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;margin-right:100px}.detailTop h6{color:#FF7F69;margin-bottom:8px}.detailTop .btnBox{font-size:0}.detailTop .btnBox>ul{float:right;margin-top:14px}.detailTop .btnBox>ul>li{display:inline-block;vertical-align:top;color:#999;font-size:14px;cursor:pointer}.detailTop .btnBox>ul>li>cite{margin-right:10px}.detailTop .btnBox>ul>li.shareBox{position:relative;z-index:10}.detailTop .btnBox>ul>li.shareBox>div{position:absolute;top:100%;margin-top:7px;right:0;display:none;width:258px;height:166px;background:#fff;border:1px solid #ddd;font-size:0;padding-top:15px}.detailTop .btnBox>ul>li.shareBox>div>article{display:inline-block;vertical-align:middle;width:50%;text-align:center}.detailTop .btnBox>ul>li.shareBox>div>article>img{width:104px;height:104px;background:#f7f8f9}.detailTop .btnBox>ul>li.shareBox>div>article>p{font-size:16px;color:#666;margin-top:10px}.detailTop .btnBox>ul>li.shareBox:hover>div{display:block}.detailTop .btnBox>ul>li+li{margin-left:30px}.detailTop .videoBox{width:500px}.detailTop .videoBox .video{width:500px;height:333px;margin-bottom:12px}.detailTop .videoBox .video img{width:100%;height:100%}.detailTop .videoBox>p{color:#999}.detailTop .videoBox>p .share{font-size:14px}.detailTop .videoBox>p .share cite{margin-right:10px}.detailTop .videoBox>p .share .bds_more{background-image:none;padding:0;margin:0;color:inherit;font-size:inherit}.detailTop .vMainBox{margin-right:20px;width:640px}.detailTop .vMainBox .introduction{color:#999;margin-bottom:10px;line-height:20px;max-height:40px;overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detailTop .vMainBox .t{padding:13px 20px 13px 15px;background:#f7f8f9;border:1px solid #e6eaef}.detailTop .vMainBox .t .price>strong{color:#FF7F69;font-size:16px}.detailTop .vMainBox .t .price>strong>b{font-size:1.5em}.detailTop .vMainBox .t .price>del{margin-left:20px;color:#999;font:inherit}.detailTop .vMainBox .t .dlBox{margin-top:5px}.detailTop .vMainBox .b{padding:0 10px 25px 15px}.detailTop .vMainBox .dlBox{margin-top:10px;*zoom:1;zoom:1}.detailTop .vMainBox .dlBox:after{content:" ";clear:both;display:table}.detailTop .vMainBox .dlBox>dt{float:left;width:3em;height:1.5em;text-align:justify;color:#999}.detailTop .vMainBox .dlBox>dt:after{content:"";display:inline-block;width:100%;height:0}.detailTop .vMainBox .dlBox>dd{margin-left:4em;*zoom:1;zoom:1;position:relative}.detailTop .vMainBox .dlBox>dd:after{content:" ";clear:both;display:table}.detailTop .vMainBox .dlBox>dd>button{position:absolute;top:0;right:0;line-height:30px;background-color:transparent;color:#666;cursor:pointer;font-size:12px}.detailTop .vMainBox .dlBox>dd>button>em{color:#FF7F69}.detailTop .vMainBox .dlBox>dd>button>cite{color:#999;margin-left:8px}.detailTop .vMainBox .dlBox>dd>button>cite:nth-of-type(1){display:none}.detailTop .vMainBox .dlBox>dd>button>cite:nth-of-type(2){display:inline-block}.detailTop .vMainBox .dlBox>dd.showPart{padding-right:80px}.detailTop .vMainBox .dlBox>dd:hover{height:100%!important;max-height:100%!important}.detailTop .vMainBox .dlBox>dd:hover>button>cite:nth-of-type(2){display:none}.detailTop .vMainBox .dlBox>dd:hover>button>cite:nth-of-type(1){display:inline-block}.detailTop .vMainBox .dlBox.yhq>dd>span{background-color:#fff;display:inline-block;vertical-align:top;white-space:nowrap;height:24px;line-height:22px;font-size:12px;text-align:center;color:#FF8C3A;margin-left:5px;margin-right:15px;cursor:pointer;box-sizing:border-box;-webkit-box-sizing:border-box;border-top:solid 1px #FF8C3A;border-bottom:solid 1px #FF8C3A;position:relative}.detailTop .vMainBox .dlBox.yhq>dd>span:before,.detailTop .vMainBox .dlBox.yhq>dd>span:after{content:"";display:block;width:5px;height:24px;position:absolute;top:-1px;background-color:#fff;background-image:url("../../images/class/icon-cou.png");background-repeat:no-repeat}.detailTop .vMainBox .dlBox.yhq>dd>span:before{left:-5px;background-position:left center}.detailTop .vMainBox .dlBox.yhq>dd>span:after{right:-5px;background-position:right center}.detailTop .vMainBox .dlBox.yhq>dd>span:hover{background-color:#FFF5E6}.detailTop .vMainBox .dlBox.yhq>dd>span:hover:before,.detailTop .vMainBox .dlBox.yhq>dd>span:hover:after{background-color:#FFF5E6}.detailTop .vMainBox .dlBox.cs>dt{padding-top:3px}.detailTop .vMainBox .dlBox.cs>dd{height:30px;transition:height .218s;-moz-transition:height .218s;-webkit-transition:height .218s;-o-transition:height .218s;overflow:hidden;position:relative}.detailTop .vMainBox .dlBox.cs>dd>p{line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detailTop .vMainBox .dlBox.cs>dd>p>span{background:#FFF5E6;border-radius:2px;font-size:10px;color:#FF9B55;padding:1px 6px 2px 6px;margin-right:8px;text-align:center;line-height:16px;border:1px solid #FF8C3A}.detailTop .vMainBox .dlBox.cs>dd>span{display:inline-block;vertical-align:top;line-height:28px;color:#373737;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;margin-right:15px;margin-bottom:5px}.detailTop .vMainBox .dlBox.tc{position:relative}.detailTop .vMainBox .dlBox.tc>dt{padding-top:5px}.detailTop .vMainBox .dlBox.tc>dd{padding-right:30px;max-height:79px}.detailTop .vMainBox .dlBox.tc>dd>article{cursor:pointer;display:inline-block;border:1px solid #ddd;float:left;display:flex;align-items:center;margin-right:10px;margin-top:10px;position:relative}.detailTop .vMainBox .dlBox.tc>dd>article img{width:46px;height:30px}.detailTop .vMainBox .dlBox.tc>dd>article p{display:inline-block;vertical-align:middle;width:8em;font-size:12px;margin-left:10px;margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detailTop .vMainBox .dlBox.tc>dd>article .title{position:absolute;bottom:100%;left:50%;height:20px;line-height:20px;background-color:#DFE0E3;border-radius:2px;transform:translateX(-50%);color:#333;padding-left:8px;padding-right:8px;white-space:nowrap;visibility:hidden}.detailTop .vMainBox .dlBox.tc>dd>article.on{border:1px solid #FF7F69;color:#FF7F69;position:relative;display:flex;align-items:center}.detailTop .vMainBox .dlBox.tc>dd>article.on::before{content:url('../../images/class/checkOn.png');position:absolute;right:0px;width:20px;top:0px}.detailTop .vMainBox .dlBox.tc>dd>article:nth-of-type(1),.detailTop .vMainBox .dlBox.tc>dd>article:nth-of-type(2),.detailTop .vMainBox .dlBox.tc>dd>article:nth-of-type(3){margin-top:0}.detailTop .vMainBox .dlBox.tc>dd>article:nth-of-type(3n){margin-right:0}.detailTop .vMainBox .dlBox.tc>dd>article:hover .title{visibility:visible}.detailTop .vMainBox .dlBox.tc .msg{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;width:204px;height:50px;line-height:50px;background:#000000;border-radius:4px;opacity:.7;font-size:16px;color:#FFFFFF;text-align:center;display:none}.detailTop .vMainBox .dlBox.fw>dd>span{display:inline-block;vertical-align:middle;margin-right:30px}.detailTop .vMainBox .dlBox.fw>dd>span>img{margin-right:5px}.detailTop .vMainBox .btnBox{margin-top:10px;font-size:0;*zoom:1;zoom:1}.detailTop .vMainBox .btnBox:after{content:" ";clear:both;display:table}.detailTop .vMainBox .btnBox .btn-cOra-f,.detailTop .vMainBox .btnBox .btn-cOra-o,.detailTop .vMainBox .btnBox .btn-cYel-f,.detailTop .vMainBox .btnBox .btn-cYel-o{display:inline-block;border-width:1px;border-style:solid;font-size:18px;line-height:2.6;padding:0 24px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;margin-right:10px;position:relative}.detailTop .vMainBox .btnBox .btn-cOra-f .tip,.detailTop .vMainBox .btnBox .btn-cOra-o .tip,.detailTop .vMainBox .btnBox .btn-cYel-f .tip,.detailTop .vMainBox .btnBox .btn-cYel-o .tip{color:#fff;position:absolute;right:-15px;top:-4px;font-size:12px;width:40px;height:20px;line-height:20px;text-align:center;background-color:#F23E07;border-radius:13px 13px 13px 0;-moz-border-radius:13px 13px 13px 0;-webkit-border-radius:13px 13px 13px 0;-ms-border-radius:13px 13px 13px 0;-o-border-radius:13px 13px 13px 0}.detailTop .vMainBox .btnBox .btn-cOra-f{border-color:#FF7F69;background-color:#FF7F69;color:#fff}.detailTop .vMainBox .btnBox .btn-cOra-f:hover{background-color:#FD7159}.detailTop .vMainBox .btnBox .btn-cOra-o{border-color:#FF7F69;background-color:#fff;color:#FF7F69}.detailTop .vMainBox .btnBox .btn-cOra-o:hover{background-color:#FFF6F4}.detailTop .vMainBox .btnBox .btn-cYel-f{border-color:#ffb101;background-color:#ffb101;color:#fff}.detailTop .vMainBox .btnBox .btn-cYel-f:hover{background-color:#f5a700}.detailTop .vMainBox .btnBox .btn-cYel-o{border-color:#ffb101;background-color:#fff;color:#ffb101}.detailTop .vMainBox .btnBox .btn-cYel-o:hover{background-color:rgba(255,177,1,0.1)}.detailTop .vMainBox .btnBox>ul{float:right;margin-top:14px}.detailTop .vMainBox .btnBox>ul>li{display:inline-block;vertical-align:top;color:#999;font-size:14px;cursor:pointer}.detailTop .vMainBox .btnBox>ul>li>cite{margin-right:10px}.detailTop .vMainBox .btnBox>ul>li.shareBox{position:relative;z-index:10}.detailTop .vMainBox .btnBox>ul>li.shareBox>div{position:absolute;top:100%;margin-top:7px;right:0;display:none;width:258px;height:166px;background:#fff;border:1px solid #ddd;font-size:0;padding-top:15px}.detailTop .vMainBox .btnBox>ul>li.shareBox>div>article{display:inline-block;vertical-align:middle;width:50%;text-align:center}.detailTop .vMainBox .btnBox>ul>li.shareBox>div>article>img{width:104px;height:104px;background:#f7f8f9}.detailTop .vMainBox .btnBox>ul>li.shareBox>div>article>p{font-size:16px;color:#666;margin-top:10px}.detailTop .vMainBox .btnBox>ul>li.shareBox:hover>div{display:block}.detailTop .vMainBox .btnBox>ul>li+li{margin-left:30px}.detailsnav{width:100%;margin:0 auto;height:64px}.detailsnav ul{*zoom:1;zoom:1}.detailsnav ul:after{content:" ";clear:both;display:table}.detailsnav ul li{float:left;width:150px;text-align:center}.detailsnav ul li a{font-size:18px;line-height:64px;color:#555;display:block;position:relative}.detailsnav ul li a span{color:#fff;position:absolute;right:-6px;top:7px;font-size:12px;width:40px;height:20px;line-height:20px;text-align:center;background:#2AA539;border-radius:13px 13px 13px 0;-moz-border-radius:13px 13px 13px 0;-webkit-border-radius:13px 13px 13px 0;-ms-border-radius:13px 13px 13px 0;-o-border-radius:13px 13px 13px 0}.detailsnav ul li a::before{display:none;content:"";width:40px;height:3px;background-color:#28A0F9;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.detailsnav ul li.select a{color:#28A0F9}.detailsnav ul li.select a::before{display:block}.detailsnav .detailfixed{position:fixed;top:60px;left:0;z-index:90;width:100%;height:64px;background-color:#fff;box-shadow:0 6px 15px 0 rgba(153,153,153,0.15);text-align:center}.detailsnav .detailfixed .titleh1{height:64px;line-height:64px;color:#1c1f21;font-size:16px;font-weight:700;position:absolute;max-width:319px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;left:20px;top:0;text-align:left}.detailsnav .detailfixed ul{float:left}.detailsnav .detailfixed .cart{float:right;line-height:64px;height:64px}.detailsnav .detailfixed .cart span{font-size:24px;color:#FF7F69;line-height:64px;margin-right:29px}.detailsnav .detailfixed .cart a,.detailsnav .detailfixed .cart button{outline:none;float:right;width:120px;height:40px;border:1px solid #FF7F69;color:#FF7F69;text-align:center;line-height:40px;vertical-align:middle;background-color:#fff;margin-top:12px;box-sizing:border-box;-webkit-box-sizing:border-box}.detailsnav .detailfixed .cart a.red,.detailsnav .detailfixed .cart button.red{background-color:#FF7F69;color:#fff}.detailsnavfixed{display:none}.btd{border-top:solid 1px #ddd}.detailsbottom{margin-top:30px}.detailsbottom .bottomleft{float:left;width:69%}.detailsbottom .bottomleft .detailsnav{margin-bottom:20px;margin-top:10px}.detailsbottom .detailCtn{padding:0 30px 30px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;float:left}.detailsbottom .detailCtn img{max-width:100%;text-align:center;vertical-align:middle}.detailsbottom .detailCtn>div{display:none;background-color:#fff;width:100%;word-wrap:break-word}.detailsbottom .detailCtn .tcList{width:100%;*zoom:1;zoom:1}.detailsbottom .detailCtn .tcList:after{content:" ";clear:both;display:table}.detailsbottom .detailCtn .tcList dl{width:31.96%;border:1px solid #dddddd;margin-right:2%;margin-bottom:40px;float:left;box-sizing:border-box;-moz-box-sizing:border-box}.detailsbottom .detailCtn .tcList dl dt{height:180px}.detailsbottom .detailCtn .tcList dl dt img{height:180px;width:100%}.detailsbottom .detailCtn .tcList dl dd{padding:15px}.detailsbottom .detailCtn .tcList dl dd h2{font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px}.detailsbottom .detailCtn .tcList dl dd p{height:24px}.detailsbottom .detailCtn .tcList dl dd p>em{color:#999}.detailsbottom .detailCtn .tcList dl dd p a{color:#5890c8;font-size:14px}.detailsbottom .detailCtn .tcList dl dd p a i{font-size:16px;margin-right:3px}.detailsbottom .detailCtn .tcList dl dd p span{float:right;color:#dd5555;font-size:18px}.detailsbottom .detailCtn .tcList dl:nth-child(3n){margin-right:0}.detailsbottom .detailCtn .outLine{display:block}.detailsbottom .bottomleft{background-color:#fff;width:880px;float:left;display:block;position:relative}.detailsbottom .bottomleft>h3{height:30px;line-height:30px;background-color:#f6f8f9;color:#999;padding-left:15px}.detailsbottom .bottomleft .bottomul dl{margin:20px 0}.detailsbottom .bottomleft .bottomul dl dt{width:100px;float:left}.detailsbottom .bottomleft .bottomul dl dt .img{margin:10px auto;width:60px;height:60px;position:relative}.detailsbottom .bottomleft .bottomul dl dt .img img{width:60px;height:60px}.detailsbottom .bottomleft .bottomul dl dt .img span{position:absolute;height:20px;line-height:20px;padding:0 5px;border-radius:5px;background-color:#999;color:#fff;top:10px;right:-10px}.detailsbottom .bottomleft .bottomul dl dd{padding-left:100px}.detailsbottom .bottomleft .bottomul dl dd .peoinfo{line-height:40px;overflow:hidden}.detailsbottom .bottomleft .bottomul dl dd .peoinfo img{vertical-align:middle;margin-right:5px}.detailsbottom .bottomleft .bottomul dl dd .peoinfo .peoinfoleft{float:left;color:#999}.detailsbottom .bottomleft .bottomul dl dd .peoinfo .peoinfoleft a{color:#4c87c4;margin-left:20px}.detailsbottom .bottomleft .bottomul dl dd .peoinfo .date{float:right;color:#999}.detailsbottom .bottomleft .bottomul dl dd .people_word p,.detailsbottom .bottomleft .bottomul dl dd .replyinfo p{line-height:25px;color:#666}.detailsbottom .bottomleft .bottomul dl dd .replyinfo{margin-top:5px;border:1px solid #ddd;padding:10px}.detailsbottom .bottomleft .bottomul .jiazhai{display:block;width:60px;height:20px;line-height:20px;background-color:#eee;border:1px solid #ddd;text-align:center;margin:40px auto}.detailsbottom .bottomleft .bottomul .jiazhai i{color:#666}.detailsbottom .bottomleft .sub_info textarea{width:100%;height:100px;resize:none;border:1px solid #ddd;padding:10px;box-sizing:border-box}.detailsbottom .bottomleft .sub_info p{margin-top:14px;margin-bottom:60px;color:#999}.detailsbottom .bottomleft .sub_info p button{height:30px;width:60px;border:none;outline:none;color:#fff;background-color:#dd5555;float:right}.detailsbottom .bottomleft .zixun{position:absolute;left:-50px;top:0;width:45px;height:113px;color:#fff;font-size:18px;text-align:center;cursor:pointer;line-height:22px;padding-top:12px;box-sizing:border-box}.detailsbottom .bottomright{width:300px;float:right}.detailsbottom .bottomright h2{font-size:18px;line-height:1;text-indent:15px;border-left:2px solid #2EA6FF;margin:30px 16px 10px 16px}.detailsbottom .bottomright .changeTears>section{position:relative;margin-left:16px;margin-right:16px}.detailsbottom .bottomright .changeTears>section .btnBox{position:absolute;right:0;top:-30px}.detailsbottom .bottomright .changeTears>section .btnBox .prev,.detailsbottom .bottomright .changeTears>section .btnBox .next{font-size:16px;display:inline-block;text-align:center;background:#fafafb;border:1px solid #eee;color:#999;width:20px;height:20px;line-height:20px;cursor:pointer}.detailsbottom .bottomright .changeTears>section .btnBox .prev:hover,.detailsbottom .bottomright .changeTears>section .btnBox .next:hover{color:#0294ff}.detailsbottom .bottomright .changeTears>section .bd ul>li{color:#666}.detailsbottom .bottomright .changeTears>section .bd ul>li .imgBox{width:72px;height:72px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;overflow:hidden;background-color:#F7F8F9;border:1px solid #eee;margin:5px auto}.detailsbottom .bottomright .changeTears>section .bd ul>li strong{display:block;font-size:16px;text-align:center;padding-bottom:10px;border-bottom:solid 1px #eee;margin-bottom:8px}.detailsbottom .bottomright .changeTears>section .bd ul>li p{height:4.5em;overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical}.detailsbottom .bottomright .aboutcourse{width:100%}.detailsbottom .bottomright .aboutcourse ul{overflow:hidden}.detailsbottom .bottomright .aboutcourse ul li{*zoom:1;zoom:1;padding:0 20px;margin:15px 0}.detailsbottom .bottomright .aboutcourse ul li:after{content:" ";clear:both;display:table}.detailsbottom .bottomright .aboutcourse ul li .img{float:left;margin-right:12px;width:90px;text-align:center}.detailsbottom .bottomright .aboutcourse ul li .img img{max-width:90px;height:60px}.detailsbottom .bottomright .aboutcourse ul li h3{font-size:14px;color:#666;height:3em;overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}.detailsbottom .bottomright .aboutcourse ul li p{color:#f26a2f}.detailsbottom .bottomright .aboutcourse ul li+li{margin-top:30px}.detailsbottom .bottomright .onlinepeople{*zoom:1;zoom:1;margin-top:10px}.detailsbottom .bottomright .onlinepeople:after{content:" ";clear:both;display:table}.detailsbottom .bottomright .onlinepeople ul{margin:10px 0}.detailsbottom .bottomright .onlinepeople ul li{margin:10px 0;width:25%;float:left;text-align:center;cursor:pointer}.detailsbottom .bottomright .onlinepeople ul li img{width:46px;height:46px}.detailsbottom .bottomright .teacher{padding:20px 20px 0}.detailsbottom .bottomright .teacher>div{*zoom:1;zoom:1}.detailsbottom .bottomright .teacher>div:after{content:" ";clear:both;display:table}.detailsbottom .bottomright .teacher>div>img{float:left;width:60px;height:60px}.detailsbottom .bottomright .teacher>div>strong,.detailsbottom .bottomright .teacher>div>p{margin-left:70px;height:1.4em;overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical}.detailsbottom .bottomright .teacher>div>strong{padding-top:7px;font-size:18px}.detailsbottom .bottomright .teacher>div>p{color:#999}.detailsbottom .bottomright .teacher>p{color:#999;line-height:1.8;text-align:justify;padding-top:15px}.outLine .lineTop{position:relative;margin-bottom:20px;background-color:#FAFAFB}.outLine .lineTop .leftLine{position:absolute;left:15px;cursor:pointer;color:#afafaf;top:50%;transform:translateY(-50%);vertical-align:middle}.outLine .lineTop .leftLine i{font-size:24px}.outLine .lineTop .rightLine{position:absolute;right:15px;cursor:pointer;color:#afafaf;top:50%;transform:translateY(-50%);vertical-align:middle}.outLine .lineTop .rightLine i{font-size:24px}.outLine .lineTop .kw{overflow:hidden;box-sizing:border-box;margin-left:63px;margin-right:42px}.outLine .lineTop ul{white-space:nowrap;font-size:0}.outLine .lineTop ul li{display:inline-block;text-align:center;font-size:16px;color:#333;cursor:pointer;padding:12px 24px}.outLine .lineTop ul li.selected{background-color:#DEF0FF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.lineContain{*zoom:1;zoom:1}.lineContain:after{content:" ";clear:both;display:table}.lineContain li{margin-top:20px;cursor:pointer}.lineContain li:first-child{margin-top:0}.lineContain li h2{position:relative;font-size:16px;color:#333;line-height:56px;height:56px;border-bottom:1px solid #eee;padding-left:38px;padding-right:30px}.lineContain li h2>i{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#454444;font-size:12px}.lineContain li h2>i:nth-of-type(1){transform:translateY(-50%) rotate(-90deg)}.lineContain li h2>i:nth-of-type(2){display:none}.lineContain li h2>img{vertical-align:top !important;margin-top:16px}.lineContain li h2 span{position:absolute;left:0;top:50%;transform:translateY(-50%);border:1px solid #A5B1B8;height:20px;line-height:19px;font-size:12px;color:#A5B1B8;width:20px;text-align:center;border-radius:50%;padding-top:2px;box-sizing:border-box}.lineContain li h2 span em{display:block;width:10px;height:2px;background-color:#A5B1B8;margin:2px auto}.lineContain li h2 b{font-weight:normal;max-width:540px;overflow:hidden;display:-webkit-inline-box;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-right:5px}.lineContain li.set>h2>i:nth-of-type(1){display:none}.lineContain li.set>h2>i:nth-of-type(2){display:block}.lineContain li.set>.cd-container{display:block}.lineContain li .cd-container{padding:10px 0 0px 35px;box-sizing:border-box;display:none}.lineContain li .cd-container.set>h2>i:nth-of-type(1){display:none}.lineContain li .cd-container.set>h2>i:nth-of-type(2){display:block}.lineContain li .cd-container.set>.cd-container{display:block}.lineContain li a{font-size:14px;color:#666;display:block;text-align:justify;position:relative;padding:18px 120px 18px 25px;border-bottom:1px solid #EEEEEE}.lineContain li a b{font-weight:normal;display:inline-block;vertical-align:middle;max-width:480px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lineContain li a>img{width:16px;height:16px;position:absolute;left:0;top:50%;transform:translateY(-55%)}.lineContain li a span{position:absolute;right:0;top:50%;transform:translateY(-50%);height:32px;line-height:32px;width:96px;font-size:14px;color:#0193FF;text-align:center}.lineContain li a.lock{color:#ccc}.lineContain li a.lock>img{opacity:.4}.lineContain li a.lock span{color:#D8D8D8;font-size:18px;display:inline-block}.lineContain li a.bug{color:#cccccc}.lineContain li a.bug span{color:#FF892C;background-color:#FFF7F0}.lineContain li a.bug span:hover{color:#fff;background-color:#FF892C}#couponMes,.order,.uorder{display:none;box-sizing:border-box;width:400px;min-height:240px;padding:30px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;text-align:center}#couponMes .mes,.order .mes,.uorder .mes{margin-top:50px;margin-bottom:15px;font-size:18px}#couponMes .mes.green,.order .mes.green,.uorder .mes.green{color:#419f45}#couponMes .mes.red,.order .mes.red,.uorder .mes.red{color:#d55}#couponMes .mes>i,.order .mes>i,.uorder .mes>i{font-size:22px;margin-right:10px}#couponMes .btnRed,.order .btnRed,.uorder .btnRed{display:block;background-color:#d55;color:#fff;width:160px;height:40px;border:0;margin:20px auto;text-align:center;line-height:40px;font-size:16px}.malldetail{display:block!important;color:#666;margin-bottom:100px}.malldetail .malltil{border-bottom:1px solid #ddd}.malldetail .malltil span{display:inline-block;font-size:18px;padding:7px 14px;margin:0 0 -1px 10px;border-bottom:2px solid transparent;color:#d55;border-bottom-color:#d55}.malldetail .bestCom .comList{margin:5px 0 30px}.malldetail .mallmain{margin-top:20px}.malldetail .mallmain .mallmes{width:95%;margin:15px auto}.malldetail .mallmain .mallmes td{padding:5px}.malldetail .mallmain .itCom .til{font-size:18px;margin-top:20px;padding-left:40px}.malldetail .mallmain .itCom .comList{margin:0 30px}.malldetail .mallmain .itCom .comList>li{width:140px;box-sizing:border-box;padding:5px 20px}.malldetail .mallmain .itCom .comList>li .img{width:100px;height:100px;border:1px solid #ddd}.malldetail .mallmain .itCom .comList>li:last-child:before{content:""}.malldetail .mallmain fieldset{margin:40px 10px 10px;border:5px solid #ddd;padding:1em 2em 2em}.malldetail .mallmain fieldset img{max-width:100%}.malldetail .mallmain fieldset p{margin:15px 0}.malldetail .mallmain fieldset .mulu{margin:1em 0 1em 3em}.malldetail .mallmain fieldset .mulu li{list-style:disc;margin-top:8px;padding-left:20px}.malldetail .mallmain legend{color:#fff;background-color:#d55;font-size:18px;padding:3px 0;width:6.5em;text-align:center;float:left;margin-top:-1.8em}.popRBox{width:0;height:100%;background:#F7F8F9;position:absolute;z-index:50;top:50px;right:0;overflow-x:hidden;overflow-y:hidden;transition:width .218s;-moz-transition:width .218s;-webkit-transition:width .218s;-o-transition:width .218s;box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:30px;padding-left:15px}.popRBox::-webkit-scrollbar{width:6px}.popRBox::-webkit-scrollbar-thumb{border-radius:3px;background:#d3d3d3}.popRBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px #eeeeee;border-radius:3px;background:#eeeeee}.popRBox>h2{font-size:18px}.popRBox>h2>cite{margin-right:10px}.popRBox>h4{color:#666;font-size:16px;width:242px;text-align:center}.popRBox>h4>span{display:inline-block;vertical-align:middle;height:1px;width:64px;position:relative}.popRBox>h4>span:before{content:'';display:block;width:5px;height:5px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#D8D8D8;position:absolute;top:-2px}.popRBox>h4>span:nth-of-type(1){background:-webkit-linear-gradient(left, #F7F8F9, #D8D8D8);background:-o-linear-gradient(right, #F7F8F9, #D8D8D8);background:-moz-linear-gradient(right, #F7F8F9, #D8D8D8);background:linear-gradient(to right, #F7F8F9, #D8D8D8);margin-right:20px}.popRBox>h4>span:nth-of-type(1):before{right:-6px}.popRBox>h4>span:nth-of-type(2){background:-webkit-linear-gradient(left, #D8D8D8, #F7F8F9);background:-o-linear-gradient(right, #D8D8D8, #F7F8F9);background:-moz-linear-gradient(right, #D8D8D8, #F7F8F9);background:linear-gradient(to right, #D8D8D8, #F7F8F9);margin-left:20px}.popRBox>h4>span:nth-of-type(2):before{left:-6px}.popRBox .jsClose{cursor:pointer;position:absolute;top:17px;right:-17px;color:#999;transition:right .218s;-moz-transition:right .218s;-webkit-transition:right .218s;-o-transition:right .218s}.popRBox .couponLis{margin-top:20px;margin-bottom:40px}.popRBox .coupon{width:242px;min-height:119px;margin-bottom:20px;font-size:0;background-color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.popRBox .coupon>div{display:inline-block;vertical-align:middle;width:211px;padding-left:20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.popRBox .coupon>div>em{font-size:12px;margin-bottom:5px;color:#333}.popRBox .coupon>div>strong{display:block;font-size:14px;color:#0193FF}.popRBox .coupon>div>strong>b{font-size:24px}.popRBox .coupon>div>strong>span{margin-left:10px}.popRBox .coupon>div>p{max-width:186px;color:#999;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.popRBox .coupon>span{background:url(../../images/class/bg_coupon.png) center repeat-y;width:31px;color:#fff;text-align:center;display:inline-block;vertical-align:middle;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}.popRBox .coupon>span em{font-size:15px}.popRBox .coupon.has{cursor:default}.popRBox .coupon.has>span{opacity:.5}.popRBox.on{width:280px;overflow-y:auto}.popRBox.on .jsClose{right:17px}.auditionTip{margin-left:10px;font-size:12px;color:#2679bd !important}.auditionTip>cite{font-size:16px;margin-right:5px}