.urlsourcewidth{width:100%}.perviewsourcemain-new-wrapper{margin:0 auto;overflow:hidden;height:100%;width:100%;position:relative}.perviewsourcemain-new-wrapper .img_one{max-width:88%;vertical-align:middle}.perviewsourcemain-new-wrapper .img_two{max-height:100%;vertical-align:middle}.perviewsourcemain-new-wrapper .back_btn{background:red}.perviewsourcemain-new-wrapper .btn_pre{background:#fff;margin:10px}.perviewsourcemain-new-wrapper .floatleft{float:left}.perviewsourcemain-new-wrapper .maxleftwidth{width:100%}.perviewsourcemain-new-wrapper .minleftwidth{width:80%}.perviewsourcemain-new-wrapper .nameActive{background-color:#409eff}.perviewsourcemain-new-wrapper .caclheight{height:calc(100% - 185px)}.perviewsourcemain-new-wrapper .caclheightmax,.perviewsourcemain-new-wrapper .mincaclheight,.perviewsourcemain-new-wrapper .PreviewLeft .bigimg{height:100%}.perviewsourcemain-new-wrapper .PreviewLeft .bigimg .img-precol{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.perviewsourcemain-new-wrapper .PreviewLeft .bigimg .img-preleft{margin:0 auto}.perviewsourcemain-new-wrapper .PreviewRight{width:100%;height:150px}.perviewsourcemain-new-wrapper .PreviewRight .btn-imgpre{margin-top:20px}.perviewsourcemain-new-wrapper .PreviewRight .PreviewRight-top{white-space:nowrap;overflow-x:auto;overflow-y:hidden;height:97%;width:100%;margin-bottom:10px}.perviewsourcemain-new-wrapper .PreviewRight .PreviewRight-top .imglistcol{float:none;display:inline-block;border-radius:5%;height:100%;width:140px;border:1px solid grey;margin-left:2%;padding:5px}.perviewsourcemain-new-wrapper .PreviewRight .PreviewRight-top .imglistcol .img{width:100%;height:100%}.perviewsourcemain-new-wrapper .PreviewRight .PreviewRight-bottom{position:fixed;right:30px;bottom:30px;width:100%;text-align:right}.perviewsourcemain-new-wrapper .dialogimg{z-index:200000001;overflow:auto;cursor:pointer;position:fixed;top:15%;left:25%;height:600px;width:960px}.perviewsourcemain-new-wrapper .dialogimg .allimg-col{float:left;width:210px;height:150px;margin:10px}.perviewsourcemain-new-wrapper .dialogimg .allimg-col .allimg-img{width:100%;height:100%}.perviewsourcemain-new-wrapper .dialogimg .zzrow{width:150%;height:100%;position:fixed;top:0;left:-100px;background-color:#000;opacity:.9;z-index:300000000}.perviewsourcemain-new-wrapper .dialogimg .imgblowup{position:relative;top:0;width:100%;background-color:grey;z-index:200000000}.perviewsourcemain-new-wrapper .dialogimg .imgblowup .blowupimg{width:100%;height:100%}.perviewsourcemain-new-wrapper .dialogimg .imgblowup .blowupimg .innerimg{width:100%;height:70px;z-index:200000001;position:fixed;bottom:0;margin-left:40%}.perviewsourcemain-new-wrapper .dialogimg .icon-closeimg{size:26px;position:fixed;top:20px;right:20px;font-size:35px;cursor:pointer;font-weight:bolder}.perviewsourcemain-new-wrapper .img-precol-con{position:absolute;width:100%;top:50%;display:none}.perviewsourcemain-new-wrapper .img-precol-con .img-arrow-left,.perviewsourcemain-new-wrapper .img-precol-con .img-arrow-right{width:50px;height:50px;background-color:rgba(0,11,22,.47);color:#fff;cursor:pointer;text-align:center;line-height:50px;border-radius:50%;font-size:20px}.perviewsourcemain-new-wrapper:hover .img-precol-con{display:block}.wl-video-detail-wrapper{margin:30px 0 50px 0}.wl-video-detail-wrapper .video-detail-main{margin:0 auto;padding-top:20px;width:1200px}.wl-video-detail-wrapper .video-head-con{padding:20px 0}.wl-video-detail-wrapper .video-head-con .sp-label{margin-right:10px}.wl-video-detail-wrapper .v-detail-con{width:858px}.wl-video-detail-wrapper .v-more-list-con{width:321px}.wl-video-detail-wrapper .h3-title-val{border-bottom:1px solid #dfe2e6;padding-bottom:10px;font-size:16px}.wl-video-detail-wrapper .m-video-item{margin-top:15px;cursor:pointer}.wl-video-detail-wrapper .v-cover-con{position:relative;width:137px;height:77px;overflow:hidden}.wl-video-detail-wrapper .v-cover-con img{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.wl-video-detail-wrapper .v-cover-con .v-time-con{position:absolute;right:4px;bottom:6px;z-index:100;background:rgba(0,0,0,.7);color:#fff;border-radius:10px;padding:5px;font-size:12px}.wl-video-detail-wrapper .v-intro-con{width:175px;font-size:14px;color:#505763}.wl-video-detail-wrapper .v-intro-con .p-v-name{color:#000;max-height:38px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wl-video-detail-wrapper .v-play-con{height:483px}.wl-video-detail-wrapper .v-play-con .video-player-box .vjs-big-play-button{left:50%;top:50%;margin:-.75em 0 0 -1.5em}.wl-video-detail-wrapper .v-intro-name{margin-top:20px;color:#333;font-size:20px;line-height:1.6}.wl-video-detail-wrapper .v-download-con{margin-top:20px;padding-bottom:15px;border-bottom:1px solid #dfe2e6;color:#505763}.wl-video-detail-wrapper .v-download-con .wl-icon-dian1{margin:0 10px}.wl-video-detail-wrapper .v-download-con .share-icon-con{margin-left:10px;width:24px;height:23px;border-radius:50%;text-align:center;line-height:23px;font-size:14px}.wl-video-detail-wrapper .v-download-con .icon-con-1{border:1px solid #1ab2ff;color:#1ab2ff}.wl-video-detail-wrapper .v-download-con .icon-con-2{border:1px solid #f1ba14;color:#f1ba14}.wl-video-detail-wrapper .v-download-con .icon-con-3{border:1px solid #5ad23a;color:#5ad23a}.wl-video-detail-wrapper .v-download-con .sp-share-label{margin-top:4px}.wl-video-detail-wrapper .v-download-con .s-down-link{margin:4px 0 0 30px;color:#505763;cursor:pointer}.wl-video-detail-wrapper .course-main-title{margin-top:35px;color:#333;padding-left:10px;border-left:3px solid #014099;font-size:18px;line-height:1}.wl-video-detail-wrapper .course-main-val{margin-top:19px;font-size:16px;color:#333;line-height:1.4}.wl-video-detail-wrapper .tea-cover-con{width:80px;height:80px;overflow:hidden;border-radius:50%}.wl-video-detail-wrapper .tea-cover-con img{height:100%;width:100%;-o-object-fit:fill;object-fit:fill}.wl-video-detail-wrapper .tea-intro-con{width:763px;color:#333;font-size:16px}.wl-video-detail-wrapper .tea-intro-con .p-tea-intro-val{margin-top:12px}.wl-video-detail-wrapper .tea-intro-con .tea-level-val{color:#999;margin-left:19px}.wl-video-detail-wrapper .ph-video-detail-main{display:none}.wl-video-detail-wrapper .ph-video-detail-main .crumbs-text{background:#f5f7fb;height:40px;line-height:40px;color:#666}.wl-video-detail-wrapper .ph-video-detail-main .crumbs-text span{margin:0 3px}.wl-video-detail-wrapper .ph-video-detail-main .crumbs-text .v-name-val{display:inline-block;width:calc(100% - 200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.wl-video-detail-wrapper .ph-video-detail-main .ph-video-play-con{padding:10px;background:#fff;height:250px}.wl-video-detail-wrapper .ph-video-detail-main .ph-video-play-con .video-js{width:100%}.wl-video-detail-wrapper .ph-video-detail-main .ph-video-play-con .vjs-big-play-button{left:50%;top:50%;margin:-.75em 0 0 -1.5em}.wl-video-detail-wrapper .ph-video-detail-main .ph-video-play-con .ph-view-account{padding:5px 0}.wl-video-detail-wrapper .ph-video-detail-main .ph-video-play-con .ph-view-account i{margin-right:3px}.wl-video-detail-wrapper .ph-video-detail-main .p-label-title{padding-left:10px;border-left:2px solid #409eff;line-height:1}.wl-video-detail-wrapper .ph-video-detail-main .course-main-info-con{margin-top:10px;padding:10px;background:#fff}.wl-video-detail-wrapper .ph-video-detail-main .c-cours-info-val{margin-top:5px;line-height:1.6}.wl-video-detail-wrapper .ph-video-detail-main .p-tea-intro-con{margin-top:10px}.wl-video-detail-wrapper .ph-video-detail-main .ph-tea-avatar{margin-right:10px;width:60px;height:60px;border-radius:50%;overflow:hidden}.wl-video-detail-wrapper .ph-video-detail-main .ph-tea-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wl-video-detail-wrapper .ph-video-detail-main .ph-tea-intro{width:calc(100% - 90px);font-size:12px}.wl-video-detail-wrapper .ph-video-detail-main .ph-tea-intro .p-tea-intro-val{margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul a{color:#333}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .p-video-item{margin:10px 2% 0 0;width:49%}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .p-video-item a{display:block}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .p-video-item:nth-child(2n){margin-right:0}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .cover-img-con{position:relative;height:100px}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .cover-img-con img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .cover-img-con .v-time-con{position:absolute;right:4px;bottom:6px;z-index:100;background:rgba(0,0,0,.7);color:#fff;border-radius:10px;padding:5px;font-size:12px}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .p-video-detail-info{padding:5px;font-size:12px;background:#e9ecf0}.wl-video-detail-wrapper .ph-video-detail-main .p-video-list-ul .p-video-detail-info .p-v-name{margin-bottom:3px;overflow:hidden;white-space:nowrap}@media only screen and (max-width:960px){.wl-video-detail-wrapper{margin:0}.wl-video-detail-wrapper .video-detail-main{display:none}.wl-video-detail-wrapper .ph-video-detail-main{display:block}}