.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}a{color:#444}a:hover{color:#FF8400}.btn-green{background:#1b86ca;border:1px solid #1b86ca;color:#fff}.btn-green:hover,.btn-green:focus,.btn-green:active{background:#186ea4;color:#fff;border:1px solid #186ea4}.btn-orange{background:#FFAD00;color:#fff}.btn-orange:hover{background:#e99f02;color:#fff}.font-red{color:red!important}.tip-info{padding:10px!important;margin-top:10px!important}.white-background{background:#fff}.uxy-wrapper{background:#f4f4f4;height:auto;*zoom:1}.uxy-wrapper:before,.uxy-wrapper:after{display:table;content:"";line-height:0}.uxy-wrapper:after{clear:both}.uxy-wrapper:before,.uxy-wrapper:after{display:table;content:"";line-height:0}.uxy-wrapper:after{clear:both}.uxy-wrapper:before,.uxy-wrapper:after{display:table;content:"";line-height:0}.uxy-wrapper:after{clear:both}.uxy-wrapper:before,.uxy-wrapper:after{display:table;content:"";line-height:0}.uxy-wrapper:after{clear:both}.uxy-container{width:1200px;margin:20px auto 0}.uxy-container .loading{width:95%;margin:20px auto}.uxy-container h3{font-size:20px;font-weight:400;margin-top:0;margin-bottom:0;border-left:5px solid #1b86ca;text-indent:10px}.uxy-container h3.redTitle{border-left:5px solid #e94628}.uxy-container h3.orangeTitle{border-left:5px solid #f6ab00}.uxy-container h3.greenTitle{border-left:5px solid #5faa31}.uxy-container h3 .more{float:right;font-size:14px;margin-top:2px;color:#999}.lt-ie8 .uxy-container h3 .more{margin-right:2px}.uxy-container h3 .more span{font-family:'Microsoft YaHei',SimSun,Arial,sans-serif;font-size:12px!important}.uxy-container h3 .more:hover{color:#666}#cr-carousel{width:854px;overflow:hidden;height:467px;float:left;position:relative;margin-bottom:20px;zoom:1}#cr-carousel>div{width:854px}#cr-carouselitem{position:absolute;bottom:5px;height:71px}#cr-carouselitem #cr-thumbswrapper{width:702px;position:absolute;left:77px}#cr-left,#cr-right{cursor:pointer;width:77px;height:76px;position:absolute;z-index:200;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/black_bg.png) repeat}#cr-left{left:0}#cr-right{right:0}#cr-left span,#cr-right span{display:inline-block;height:26px;width:22px;margin-top:24px;margin-left:27px;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/arrow.png)}#cr-right span{background-position:0 -24px;margin-top:22px;margin-left:27px}#cr-carousel ul{list-style:none}#cr-onshow{height:100%;width:854px}#cr-onshow .tempWrap{height:100%}#cr-onshow ul{height:100%;display:block}#cr-onshow ul li{height:100%;float:left;position:relative}#cr-onshow ul li a{display:inline-block;width:854px;height:100%}#cr-onshow ul li a img{width:100%;height:100%}#cr-carousel ul li{list-style:none;float:left;position:relative}#cr-carousel li.item{cursor:pointer;border:5px solid #b3b3b3;position:relative}#cr-carousel li.item:hover{border:5px solid #fff}#cr-carousel li.item.on{border:5px solid #fff}#cr-carousel li.item.on::before{content:" ";position:absolute;z-index:300;right:60px;top:-24px;border-style:solid;border-width:8px;border-bottom-width:12px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff;height:0;width:0}#cr-thumbswrapper .item{width:130px!important;height:66px}#cr-thumbswrapper .item img{width:100%;height:100%}.uxy-container .index-top{overflow:hidden}.uxy-container .index-top .content-right{margin-bottom:20px;width:310px;float:right}.uxy-container .index-top .content-right .experts-recommend{padding:10px 15px 5px;box-shadow:0 3px 0 #e3e3e3;margin-top:10px;overflow:hidden;background:#fff}.uxy-container .index-top .content-right .experts-recommend .expert{width:100%;overflow:hidden;border-bottom:1px solid #d9d9d9;padding:11px 0;*zoom:1}.uxy-container .index-top .content-right .experts-recommend .expert:before,.uxy-container .index-top .content-right .experts-recommend .expert:after{display:table;content:"";line-height:0}.uxy-container .index-top .content-right .experts-recommend .expert:after{clear:both}.uxy-container .index-top .content-right .experts-recommend .expert:before,.uxy-container .index-top .content-right .experts-recommend .expert:after{display:table;content:"";line-height:0}.uxy-container .index-top .content-right .experts-recommend .expert:after{clear:both}.uxy-container .index-top .content-right .experts-recommend .expert:before,.uxy-container .index-top .content-right .experts-recommend .expert:after{display:table;content:"";line-height:0}.uxy-container .index-top .content-right .experts-recommend .expert:after{clear:both}.uxy-container .index-top .content-right .experts-recommend .expert:before,.uxy-container .index-top .content-right .experts-recommend .expert:after{display:table;content:"";line-height:0}.uxy-container .index-top .content-right .experts-recommend .expert:after{clear:both}.uxy-container .index-top .content-right .experts-recommend .expert:last-child{border:0}.uxy-container .index-top .content-right .experts-recommend .expert .avatar{padding:0;width:60px;height:60px;border-radius:50%;float:left}.uxy-container .index-top .content-right .experts-recommend .expert .avatar img.img-circle{height:60px!important}.uxy-container .index-top .content-right .experts-recommend .expert .font{padding-right:0;width:191px;float:left;margin-left:15px}.uxy-container .index-top .content-right .experts-recommend .expert .name{font-size:16px;margin-top:3px;display:block}.uxy-container .index-top .content-right .experts-recommend .expert p{font-size:14px;margin-top:3px;color:#999}.uxy-container .index-top .content-right .banner{width:100%;margin-top:11px}.uxy-container .index-top .content-right img.banner{height:81px}.uxy-container .content{position:relative;height:auto;*zoom:1}.uxy-container .content:before,.uxy-container .content:after{display:table;content:"";line-height:0}.uxy-container .content:after{clear:both}.uxy-container .content:before,.uxy-container .content:after{display:table;content:"";line-height:0}.uxy-container .content:after{clear:both}.uxy-container .content:before,.uxy-container .content:after{display:table;content:"";line-height:0}.uxy-container .content:after{clear:both}.uxy-container .content:before,.uxy-container .content:after{display:table;content:"";line-height:0}.uxy-container .content:after{clear:both}.uxy-container .content .section{margin-top:0}.uxy-container .content .section.row{margin-left:-32px;width:1232px}.lt-ie8 .uxy-container .content .section.row{margin-left:-30px;width:1232px;float:left;clear:both}.uxy-container .content .section .item-box{width:278px;height:auto;float:left;*zoom:1;margin-left:30px;position:relative}.uxy-container .content .section .item-box:before,.uxy-container .content .section .item-box:after{display:table;content:"";line-height:0}.uxy-container .content .section .item-box:after{clear:both}.uxy-container .content .section .item-box:before,.uxy-container .content .section .item-box:after{display:table;content:"";line-height:0}.uxy-container .content .section .item-box:after{clear:both}.uxy-container .content .section .item-box:before,.uxy-container .content .section .item-box:after{display:table;content:"";line-height:0}.uxy-container .content .section .item-box:after{clear:both}.uxy-container .content .section .item-box:before,.uxy-container .content .section .item-box:after{display:table;content:"";line-height:0}.uxy-container .content .section .item-box:after{clear:both}.uxy-container .content .section .excitem{border:1px solid #e6e6e6;position:relative;background:#fff;margin:10px 0 20px;overflow:hidden}.lt-ie8 .uxy-container .content .section .excitem a{display:block}.uxy-container .content .section .excitem .coursecover{position:relative;border-top:5px solid #fff;border-left:5px solid #fff;border-right:5px solid #fff;height:200px}.uxy-container .content .section .excitem .coursecover img{width:100%;height:200px!important}.uxy-container .content .section .excitem .coursecover .btn-free{position:absolute;top:5px;right:5px;background:#5aaa2d;font-size:12px;font-family:'Microsoft YaHei',SimSun,Arial,sans-serif;color:#fff;padding:0 5px;border-radius:2px}.uxy-container .content .section .excitem p.description{display:block;padding:2px 10px 0;font-size:14px;color:#999;line-height:22px;display:inline-block;margin-bottom:0;height:40px}.uxy-container .content .section .excitem .divider{width:100%;height:1px;background-color:#d8d8d8}.uxy-container .content .section .excitem .about{padding:10px;overflow:hidden;font-size:12px;color:#333}.uxy-container .content .section .excitem .about .teacher{float:right;width:90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block}.uxy-container .content .section .excitem .about .teacher i{color:#9b9b9d;margin-right:5px}.uxy-container .content .section .excitem .about .teacher a{display:inline-block}.uxy-container .content .section .excitem .about span.playCount{display:inline-block;float:left;width:40%}.uxy-container .content .section .excitem .about span.comment{float:left}.uxy-container .content .section .excitem .about span.original-price{color:#999;text-decoration:line-through}.uxy-container .content .section .excitem .about span.preferential-price{float:right}.uxy-container .content .section .excitem .vedio-price{padding:10px;background:#f9f9f9;font-size:12px;overflow:hidden}.uxy-container .content .section .excitem .vedio-price .original-cost{color:#999;text-decoration:line-through}.uxy-container .content .section .excitem .vedio-price .VIP-price{color:#FF8400;float:right;font-weight:700;font-size:14px}.uxy-container .content b{font-size:10px}.uxy-container .content .section .excitem .about span.price{float:right}.uxy-container .content .section .excitem .played{float:right}.uxy-container .content .section .excitem .play{position:absolute;font-size:10px;left:35%;top:11%;opacity:.8;display:inline-block;color:#333;display:none}.uxy-container .content .section .excitem:hover .play{display:block}.uxy-container .content .section .excitem h4 a{display:block;font-size:14px;font-weight:400;border-bottom:1px dashed #ccc;width:255px;margin:5px auto 0;padding:10px 0;color:#333}.uxy-container .content .section .excitem a:hover{color:#FF8400}.uxy-container .content .section .excitem h4 .teacher{float:right}.uxy-container .content .section .excitem h4 .teacher i{margin-right:3px}.uxy-container .screen{width:100%;height:auto;*zoom:1}.uxy-container .screen:before,.uxy-container .screen:after{display:table;content:"";line-height:0}.uxy-container .screen:after{clear:both}.uxy-container .screen:before,.uxy-container .screen:after{display:table;content:"";line-height:0}.uxy-container .screen:after{clear:both}.uxy-container .screen:before,.uxy-container .screen:after{display:table;content:"";line-height:0}.uxy-container .screen:after{clear:both}.uxy-container .screen:before,.uxy-container .screen:after{display:table;content:"";line-height:0}.uxy-container .screen:after{clear:both}.uxy-container .screen .search{width:30%;float:left;position:relative}.uxy-container .screen .search input{padding:4px 0 3px 25px}.uxy-container .screen .search i{position:absolute;top:10px;left:8px;color:#999}.uxy-container .screen .search button{position:absolute;left:387px;top:0;padding:7px 15px;font-size:14px}.lt-ie8 .uxy-container .screen .search button{padding:4px 15px;top:1px}.uxy-container .arrange{text-align:right}.uxy-container .arrange .btn{font-size:14px}.uxy-container .arrange .btn.select{background:#FFAD00;border:1px solid #FFAD00}.uxy-container .arrange .btn.select:hover{background:#e99f02;border:1px solid #e99f02}.uxy-container .content .arrange{padding-top:5px}.uxy-container .content .d-title{overflow:hidden}.uxy-container .content .d-title .span1{margin-left:0}.uxy-container .content .d-title .btn{margin-top:3px;font-size:14px;padding:8px 16px}.uxy-container .content .d-title .title-name{font-size:22px;display:inline-block;line-height:34px}.uxy-container .content .video-box{margin-top:20px;width:1200px;position:relative;z-index:1}.uxy-container .content .video-box .bug-mask{position:absolute;top:0;bottom:0;left:0;right:0;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/gray_bg.png) repeat}.uxy-container .content .video-box .bug-mask .tip{display:inline-block;position:absolute;left:50%;width:800px;text-align:center;margin-left:-400px;top:50%;min-height:100px;margin-top:-50px}.uxy-container .content .video-box .bug-mask .tip p{color:#fff;font-size:32px;margin-bottom:20px;line-height:40px}.uxy-container .content .video-box .bug-mask .tip .btn{width:180px}.uxy-container .content .video-data{background:#e3e3e3;overflow:hidden;padding:5px 0;border:1px solid #999}.uxy-container .content .video-data .data-section{font-size:16px;color:#8b8989;position:relative;margin:5px 0;padding:0 0 0 15px;float:left}.uxy-container .content .video-data .data-section .share-video{width:200px;display:inline-block}.lt-ie8 .uxy-container .content .video-data{height:32px}.lt-ie8 .uxy-container .content .video-data .data-section .share-video{display:inline}.lt-ie8 .uxy-container .content .video-data .data-section .share-video .bdshare-button-style0-24{padding-left:0!important}.uxy-container .content .video-data .data-section i{font-size:18px}.uxy-container .content .video-data .data-section .link{color:#8b8989;cursor:pointer}.uxy-container .content .video-data .data-section .link:hover{color:#1b86ca}.uxy-container .content .video-data .data-section .link.view{display:inline-block;width:80px}.uxy-container .content .video-data .data-section .num{margin-left:5px}.uxy-container .content .video-data .data-section .line{margin:0 15px;color:#d3d3d3}.uxy-container .content .video-data .data-section .view{margin-left:0}.uxy-container .content .video-data .data-section .view:hover{color:#8b8989}.detail-container .comment .text-area{width:83.33%;float:left}.detail-container .comment .publish{width:16.67%;float:left}.detail-container .comment .publish .btn{height:128px}.uxy-modal .content{background:#fff}.order-modal{width:1024px;height:500px;position:absolute;left:50%;margin-left:-512px}.uxy-modal .modal-title{background:#1b86ca;color:#fff;font-size:20px;padding:15px}.uxy-modal .modal-title .btn-close{cursor:pointer;float:right}.order-modal .content{padding:40px 60px}.order-modal .content table{width:100%;border:3px solid #f2f2f2;margin-bottom:20px}.order-modal .content table th,.order-modal .content table td{text-align:center;padding:10px;font-size:16px;color:#333}.order-modal .content table th{background:#f2f2f2}.uxy-modal .content p{color:#999;font-size:14px}.uxy-modal .content .btn{font-size:16px;margin-top:15px}.order-modal .content p #orderPrice{font-size:26px;color:#FF8400}.buy-hint-modal{width:700px;height:300px;position:absolute;left:50%;margin-left:-350px;top:20%}.buy-hint-modal .content{padding:40px}.buy-hint-modal .content h3{color:#1b86ca;font-size:24px;margin:20px 0 40px}.buy-hint-modal .content .font{width:500px;margin-left:165px;margin-bottom:40px}.uxy-container .content .article-data{background:0;border:0}.uxy-container .content .article-data .num{margin-right:20px}.uxy-container .detail-container{margin:20px 0;overflow:hidden}.uxy-container .detail-container .col-xs-5 a img{width:110px!important;height:110px!important}.detail-container .content-left{width:790px;float:left}.detail-container .content-left h3 b{margin-left:20px;font-weight:400;font-size:16px}.detail-container .content-left h3 span{font-size:16px}.detail-container .content-left h3 #closeClassList{display:none}.detail-container .content-left h3 span i{padding:0}.detail-container .content-left #classList{display:none}.detail-container .content-left h3 .btn{padding:2px 10px;margin-left:20px}.detail-container .course{margin-bottom:10px;overflow:hidden}.detail-container .course.about_video{height:160px}.detail-container .course .item{display:block;margin-top:10px;position:relative}.detail-container .course .item img{width:243px;height:150px}.detail-container .course .item .font{width:100%;padding:9px;background-color:rgba(0,0,0,.5);color:#fff;bottom:0;left:0;position:absolute;text-align:center;font-size:16px}.detail-container .related-courses{margin-left:-18px;width:805px;margin-bottom:20px}.lt-ie8 .detail-container .related-courses{position:relative}.detail-container .related-courses li{float:left;margin-left:20px;margin-top:20px;width:382px}.detail-container .related-courses li a{display:block;color:#333;height:48px;border:1px solid #afafaf;background:#fff;padding:0 10px;line-height:48px}.detail-container .related-courses li a:hover{background:#7bb;color:#fff;height:48px;border:1px dashed #afafaf}.detail-container .related-courses li .time{float:right;display:inline-block;width:50px;text-align:right;height:48px}.lt-ie8 .detail-container .related-courses li{position:relative}.lt-ie8 .detail-container .related-courses li .time{position:absolute;top:3px;right:10px}.detail-container .related-courses li.select a{background:#e4e4e4;border:1px dashed #afafaf}.detail-container .related-courses li.select a:hover{background:#7bb}.detail-container .content-right{width:380px;float:left;margin-left:30px}.detail-container .content-right .near-class{margin-bottom:10px}.detail-container .content-right .near-class h4{font-size:16px;font-weight:700;margin:0;margin-bottom:10px;line-height:22px}.detail-container .content-right .near-class h5{font-size:12px;font-weight:400}.detail-container .content-right .near-class h5 span{color:#FF8400;font-size:14px}.detail-container .content-right .near-class .course-pic{padding-right:15px;float:left;width:100px}.detail-container .content-right .near-class .course-pic img{height:80px!important;width:100%}.detail-container .content-right .near-class .info{float:left;width:230px}.detail-container .content-right .near-class p{font-size:12px}.detail-container .content-right .near-class p i{color:#c1c1c1;margin-right:5px}.detail-container .content-right .near-class p span{text-align:right;float:right}.detail-container .comment{margin-top:20px;overflow:hidden}.detail-container .comment textarea{display:block;width:636px;height:106px;font-size:16px;padding:10px}.detail-container .comment .publish .btn{border-radius:0!important;font-size:18px}.user-comment{background:#fff;overflow:hidden;margin-top:20px;padding:20px 0;margin-bottom:20px}.user-comment.comment-list{margin:0;padding:0;margin-top:10px}.user-comment .item{padding:15px 13px;overflow:hidden;border-bottom:1px dashed #cbcbcb}.user-comment .avatar{padding:0;border-radius:50%;width:80px;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/headPortrait.png) no-repeat;background-size:cover;float:left}.user-comment .avatar img{height:80px!important}.user-comment .font{font-size:16px;line-height:20px;padding-left:20px;padding-right:0;width:660px;float:left}.user-comment.comment-list .font{font-size:16px;line-height:20px;padding-left:20px;padding-right:0;width:740px;float:left}.user-comment .font p{line-height:25px}.user-comment .font p.person-info{margin-bottom:5px}.user-comment .font p.course-name{font-size:12px;color:#666;margin:10px 0 5px}.user-comment .font .name{color:#188EEE;margin-right:10px}.user-comment .font .name:hover{color:#1575c4}.user-comment .font .time{margin-left:10px;font-size:12px;color:#666}.user-comment .operation{display:inline-block;float:right;margin-right:0;margin-top:10px;width:100%;font-size:14px;text-align:right;color:#ddd}.user-comment .operation div{padding:0}.user-comment .operation .link{margin:0 5px;cursor:pointer}.user-comment .operation .num{color:#666;display:inline-block;text-align:left}.user-comment .operation .course-name{font-size:12px;float:left}.user-comment .reply{font-size:14px}.user-comment .reply .font{border:1px solid #cbcbcb;padding:10px;margin-top:20px;position:relative}.user-comment .reply .font .arrow{position:absolute;width:33px;height:23px;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/arrow.jpg) no-repeat;top:-23px;right:70px;display:inline-block}.user-comment .item .commentinput{width:100%;position:relative;margin-top:15px;float:left;display:none}.user-comment .item .commentinput .before{position:absolute;display:inline-block;width:15px;height:15px;top:-10px;right:95px;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/comment.png);background-position:0 0;z-index:300}.user-comment .item .commentinput textarea{width:98%;height:100px;border-radius:5px;border:1px solid #d1d6d9;color:#999}.user-comment .item .commentinput .btn-reply{float:right}.detail-container .user a{color:#7bb;cursor:pointer}.detail-container .user a:hover{color:#64bbbb}.detail-container .load-more{margin-top:20px}.detail-container .content-right .right-section{margin-top:20px;padding:10px 15px;background:#fff;box-shadow:0 3px 0 #e3e3e3;margin-bottom:20px;overflow:hidden}.detail-container .content-right .right-section h4{color:#999;font-size:16px;margin-bottom:2px}.detail-container .content-right .right-section h4 strong{color:#333}.detail-container .content-right .right-section ul{padding:0;list-style:none}.detail-container .content-right .right-section li{color:#999;font-size:14px;line-height:25px}.detail-container .content-right .right-section li .bug-vedio{float:right}.detail-container .content-right .right-section li span{font-weight:700;color:#333}.detail-container .content-right .right-section li span.state{font-weight:400;margin-left:10px;color:#999}.detail-container .content-right .right-section li span.star{display:inline-block;width:85px;height:15px;position:relative;top:2px;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/star.png) no-repeat 0 -17px}.detail-container .content-right .right-section li span.star span{display:inline-block;position:absolute;left:0;top:-2px;height:100%;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/star.png) no-repeat 0 0}.detail-container .content-right .right-section li .score{margin-left:5px}.detail-container .content-right .right-section li span.original-price{color:#999;text-decoration:line-through;margin-right:10px;font-weight:400}.detail-container .content-right .right-section li span.preferential-price{color:#FF8400;font-size:16px}.detail-container .content-right .teacher{padding-top:10px;padding-bottom:10px}.detail-container .content-right .teacher .avatar{padding:0;width:80px;border-radius:50%;margin-right:20px;float:left}.detail-container .content-right .teacher img{height:80px;margin-bottom:20px;width:80px;background:url(//staticv3.youzy.cn/ToC.PC/images/classrooms/headPortrait.png) no-repeat;background-size:cover}.detail-container .content-right .teacher .information{padding:5px 0;width:243px;position:relative}.detail-container .content-right .teacher .info-top .name{font-size:18px;font-weight:700;float:left}.detail-container .content-right .teacher .info-top .date{width:125px;text-align:right;float:right}.detail-container .content-right .teacher .info-top .synopsis{font-size:16px;cursor:pointer}.detail-container .content-right .teacher .info-top .num{margin-left:5px}.detail-container .content-right .teacher .font{margin-top:10px;font-size:14px;line-height:24px;width:249px;float:left}.detail-container .content-right .teacher .btn-attention{float:right;margin-top:10px}.detail-container .content-right .teacher .btn-attention-ac{background:#f6ab00;color:#fff;border:1px solid #f6ab00;margin-top:10px;float:right}.detail-container .content-right .teacher .btn-attention-ac:hover{background:#e6a001}.detail-container .content-right .teacher .img-circle{width:80px;height:80px}.uxy-container .content .article{background:#fff;padding:15px}.uxy-container .content .article h4{color:#010101;font-size:22px}.uxy-container .content .article .article-content{margin-top:20px;font-size:16px;text-indent:20px;line-height:25px}.detail-container .content-right .personal .name{font-size:20px;font-weight:700;margin-top:10px;display:block;color:#1b86ca}.detail-container .content-right .personal .weixin-login-link{font-size:16px;margin-top:5px;display:block;color:#188EEE}.detail-container .content-right .personal .weixin-login-link:hover{color:#1575c4}.detail-container .content-right .personal p{font-size:16px;margin:5px 0 0}.detail-container .content-right .personal p span{color:#878787}