:root{--color:#0371e0}
.c-nowrap{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
.c-ta-c{text-align:center}
.c-6{color:#666}
.c-9{color:#999}
.c-bg-gray{background-color:#fbfbfb}
.c-price{color:#f9818a}
.c-free{background-color: #cdf0cc;line-height: 20px;color: #26c926;padding:0 10px;display: inline-block;border-radius: 10px;}
.c-manor{border:solid 1px #eee;border-radius:5px;background-color:#fff}
.c-price-btn{display:inline-block;padding:0 20px;border-radius:8px;background:linear-gradient(#f7cc2a,#feaa0c);color:#fff!important;font-size:15px;line-height:40px}
.c-price-btn.c-price-vip{background:#f8413c}
.c-flex{display:flex}
.c-btn{display:inline-block;padding:0 16px;border-radius:16px;background-color:#f3f4f8;color:#555;line-height:32px}
.c-btn-lg{width:460px;max-width:100%;border-radius:28px;font-size:20px;line-height:56px}
.c-btn-act{padding:0 8px;width:70px;height:26px;border-radius:4px;background-color:#3aa3fe;color:#fff;text-align:center;line-height:26px}
.c-btn-disabled{background-color:#d0d0d0;color:#fff!important;cursor:default}
.c-btn-active,.c-btn:not(.c-btn-firmly):not(.c-btn-disabled):hover{background-color:var(--color);color:#fff}
.c-body{background-color:#fff}
.home .c-wrapper{padding:20px 0}
.c-index-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover}
.c-space{padding:20px 0}
.c-space-title{display:flex;padding:20px 10px;text-align:center;font-weight:700;font-size:36px;flex-direction:column}
.c-space-title .c-space-title-text{z-index:1;color:#222}
.c-space-title .c-space-title-bt{color:#f0f0f0;transform:translateY(-10px)}
.c-tab{position:relative;overflow-x:auto;white-space:nowrap}
.c-tab .b-tab-a .c-btn{margin-right:20px}
.c-tab .c-sort{position:absolute;top:0;right:0}
.c-sort span:not(:first-child){margin-left:8px;padding-left:8px;border-left:solid 1px #e5e6ea}
.c-sort .c-sort-active,.c-sort span:hover{color:var(--color);cursor:pointer}
.c-posts{margin-right:-20px;padding:20px 0;flex-wrap:wrap}
.c-multi{margin:20px 0;padding-right:20px;width:25%;flex:0 0 25%}
.c-multi .c-multi-thumb{overflow:hidden;padding-bottom:55%;height:0;border-radius:5px}
.c-multi .c-multi-thumb img{transition:all .5s}
.c-multi .c-multi-thumb:hover img{transform:scale(1.1)}
.c-multi .c-multi-title{margin:15px 0 5px;font-size:14px}
.c-multi .c-multi-footer{display:flex;padding-bottom:15px;border-bottom:solid 1px #efefef;justify-content:space-between}
.c-multi .c-multi-footer .c-left>span{margin-right:6px}
.c-multi .c-multi-footer,.c-multi .c-multi-footer i{color:#a4a4a4}
.c-posts-list2{display: flex;flex-wrap: wrap;margin: 0 -20px;width: calc(100% + 40px);padding-right: 20px;}
.c-posts-list2 li{flex:0 0 50%;width:50%}
.c-posts-list2 .ias-noneleft{display: none!important;}
.c-page-head{position:relative;margin:20px 0;padding:24px}
.c-page-head .c-page-thumb{flex:0 0 40%}
.c-page-head .c-page-thumb img{width:100%}
.c-page-head .c-page-info{margin-left:36px;flex:1}
.c-page-head .c-page-title{width:calc(100% - 115px);font-weight:700;font-size:20px;line-height:1.6}
.c-page-head .c-price{font-size:18px}
.c-onsale{padding-left:15px}
.c-onsale span{position:relative;display:inline-block;overflow:hidden;margin-left:10px;padding:0 10px;background-color:#ff8d39;color:#fff;vertical-align:middle;line-height:25px}
.c-onsale span::after,.c-onsale span::before{position:absolute;top:-12px;left:-10px;width:20px;height:20px;background-color:#fff;content:'';transform:rotate(45deg)}
.c-onsale span::after{top:auto;bottom:-12px}
.c-onsale-name,.c-onsale-time{color:#ff8d39}
.c-onsale-name{font-weight:700}
.c-onsale-name+.c-onsale-time{margin-left:10px;padding-left:10px;border-left:solid 1px #ff8d39}
.c-page-head .c-label{flex:0 0 65px}
.c-page-head .c-page-info>*{margin-bottom:10px}
.c-page-head .c-page-buy{margin-top:30px}
.c-page-head .c-price-vip{margin-right:20px}
.c-page-head .c-page-share{position:absolute;top:16px;right:30px}
.c-page-head .c-page-share>div{display:inline-block;padding:10px 0;cursor:pointer}
.c-page-share .c-icon{display:inline-block;width:26px;height:26px;border-radius:50%;background-position:center;background-size:16px;background-repeat:no-repeat;vertical-align:middle;font-size:0}
.c-page-share .c-share-scan{background-color:#c6e0fa;background-image:url(img/scan.svg)}
.c-page-share .c-share-scan:hover{background-color:#9ecfff}
.c-page-share .c-share-com{background-color:#fff2cf;background-image:url(img/share.svg)}
.c-page-share .c-share-collect{background-color:#fdc5cb;background-image:url(img/heart-line.svg)}
.c-page-share .c-share-collect.collected{background-image:url(img/heart.svg)}
.c-page-share .c-share-collect:hover{background-color:#ff929d}
.c-share-com-c{position:relative;padding-right:8px!important;padding-left:8px!important}
.c-share-com-c .share{position:absolute;top:100%;left:-5px;display:none;padding:8px;width:196px;border-radius:3px;box-shadow:0 0 3px 0 rgb(0 0 0 / 20%);transform:translateX(-50%)}
.c-share-com-c:hover .share{display:block}
.c-share-com-c:hover .c-share-com{background-color:#ffe59e}
.c-page-body{margin-top:30px}
.c-page-main{margin-right:20px;flex:1}
.c-page-main>.c-manor{padding:8px}
.c-page-main .c-step-title{padding:0 10px;font-size:16px}
.c-page-sidebar{flex:0 0 300px}
.c-list{margin:10px 0 20px}
.c-list .c-list-item{display:flex;padding:7px 20px;align-items:center}
.c-list .c-list-item .c-list-name{flex:1}
.c-list .c-list-item .c-list-action{text-align:right;flex:0 0 90px}
.c-list .c-list-item .c-list-date{text-align:right;flex:0 0 42px}
.c-list .c-list-item:first-child,.c-list .c-list-item:nth-child(2n)+.c-list-item{background-color:#f4f4f4}
.c-ptab span{display:inline-block;background-color:#f2f1f7;text-align:center;font-size:18px;line-height:36px;cursor:pointer;flex:1}
.c-ptab span.c-ptab-active,.c-ptab span:hover{background-color:#0371e0;color:#fff}
.c-ptab span+span{margin-left:4px}
.c-pcontent{padding:20px 0}
.c-pcontent .c-step-title{font-size:18px}
.c-pcontent .c-pcontent-item:not(.c-pcontent-show){display:none}
.c-module{padding:10px}
.c-module+.c-module{margin-top:15px}
.c-module .c-module-name{position:relative;padding:5px 10px 10px;border-bottom:solid 1px #eee;color:#444;font-size:14px}
.c-module .c-module-content{margin-top:10px}
.c-module .c-module-name .c-more{position:absolute;top:5px;right:10px;color:#0371e0;font-size:12px}
.c-teacher-info{padding:5px 10px}
.c-teacher-info .c-avatar{overflow:hidden;margin-right:10px;width:50px;height:50px;border:solid 1px #eee;border-radius:50%;flex:0 0 50px}
.c-teacher-info .c-teacher-name{font-size:15px}
.c-recomm+.c-recomm{margin-top:15px}
.c-recomm .c-left{margin-right:10px;flex:0 0 37%}
.c-recomm .c-thumb{overflow:hidden;padding-bottom:56%;width:100%;height:0;border-radius:4px}
.c-recomm .c-recomm-info .c-title{margin-bottom:5px;color:#333;font-weight:700;line-height:1.5}
.c-recomm .c-recomm-info .c-date{line-height:1}
.c-recomm-active{flex-direction:column}
.c-recomm-active .c-thumb{margin-bottom:6px}
.course-player{position:absolute;overflow:hidden;width:100%;height:100%;background-color:#fff}
.course-player .c-player,.course-player .container{height:100%}
.course-player .c-left{position:relative;flex:1;flex-direction:column}
.course-player .c-left .c-nav{position:absolute;top:20px;left:20px;z-index:1}
.c-player-bottom{padding:15px}
.course-player .video-js{width:100%;height:100%;background-color:transparent}
.course-player .c-sidebar{padding:20px;flex:0 0 400px}
.video-js .vjs-play-progress:before{transform:translateY(-6px)}
.tcp-skin .vjs-control-bar{align-items:center}
.vjs-time-control{height:auto!important}
.vjs-big-play-button svg{width:70px;height:70px}
.course-player .c-sidebar .c-ptab span{line-height:32px}
.course-player .c-sidebar .c-step-title{padding:0 15px}
.course-player .c-sidebar #comments{padding:0}
.course-player .c-sidebar #comments .comment_title{margin-right:0;margin-left:0;padding-right:0;padding-left:0}
.c-word-notice{margin:20px 0;padding:10px;background-color:#fdf8f4}
.c-work-question{margin:20px 0}
.course-category .c-space{padding:0}
.course-category .c-posts{padding-top:0}
.vip-banner .vipbj h2{color:#fff;text-align:center;font-size:40px}
.vip-banner .vipbj p{color:#fff;text-align:center;font-size:18px}
.vip-banner{width:100%;background:url(img/comvip-banner.png) no-repeat center;background-size:cover}
.vip-banner-bg{height:100%;background-position:center;background-size:cover}
.vip-banner .vipbj{padding:40px 20px}
.vip-contents{overflow-x:auto}
.vip-slogan{box-sizing:border-box;margin:40px auto auto auto;padding-left:0;width:1200px;height:280px;border-radius:5px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.02);font-size:0}
.vip-slogan-box:nth-of-type(-n+3){border-bottom:0}
.vip-slogan-box{display:inline-block;box-sizing:border-box;padding-top:20px;width:400px;height:50%;border:1px solid #f4f4f4;vertical-align:middle}
.vip-slogan-box i{display:inline-block;width:100px;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);background-clip:text;vertical-align:middle;text-align:center;font-size:45px;line-height:100px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.vip-slogan-text{display:inline-block;color:#898989;vertical-align:middle;font-size:14px}
.vip-slogan-text p:first-child{color:#575959;font-size:18px}
.container-vip{width:1250px}
.vip-content{margin-bottom:50px;text-align:center}
.module-line{margin-top:40px;width:100%;text-align:center}
.module-line .left-arrow{background:url(img/vip-left.png)}
.module-line .right-arrow{background:url(img/vip-right.png)}
.module-line .arrow{width:84px;height:16px}
.module-line .text{margin:0 10px;color:#4c4c4c;font-size:26px}
.module-line span{display:inline-block}
.vip-banner .vipbj>a{display:block;margin:0 auto;margin-top:0;margin-top:20px;width:170px;height:40px;border-radius:25px;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);color:#fff;text-align:center;font-size:16px;line-height:40px}
.vip-row{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:0;margin-left:0;width:100%;height:auto;zoom:1}
.vip-row:after,.vip-row:before{display:table;content:''}
.vip-block-wrapper{position:relative;display:flex;padding:20px 0;height:100%;justify-content:center}
.vip-block-wrapper .vip-block-item{display:block;box-sizing:border-box;padding:20px;width:33.333%;text-align:center}
.home-vipbox{position:relative;overflow:hidden;padding:1px 0 38px 0;border-radius:8px;background:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
.home-vipbox:hover{box-shadow:0 10px 20px rgba(213,213,213,.4);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);-ms-transform:translateY(-3px)}
.home-vipbox .tj{position:absolute;top:15px;left:-28px;width:120px;background-color:#f2cb51;color:#fff;text-align:center;letter-spacing:5px;font-size:15px;line-height:28px;cursor:default;transform:rotate(-45deg)}
.home-vipbox>a{display:block;margin-top:20px}
p.vip-bt{margin:0 auto;padding:8px 0;width:100px;border-radius:26px;color:#fff}
.vip-block-item a p{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
.vip-block-item:nth-child(n) a:hover p{background-color:#f52f3e;background-image:-moz-linear-gradient(left,#f52f3e,#ff4c22);background-image:-webkit-linear-gradient(left,#f52f3e,#ff4c22);background-image:-o-linear-gradient(left,#f52f3e,#ff4c22);background-image:linear-gradient(left,#f52f3e,#ff4c22);background-repeat:repeat-y;box-shadow:0 10px 20px rgba(245,47,62,.4);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);transform:translateY(-3px);-ms-transform:translateY(-3px)}
.vip-block-item:nth-child(1) h3{color:#f5a02f;text-shadow:0 5px 6px #ffe1b9}
.vip-block-item:nth-child(1) .vip-bt{background-image:-webkit-linear-gradient(left,#021b31,#001529)}
.vip-block-item:nth-child(2) h3{color:#1890ff;text-shadow:0 5px 6px rgba(24,144,255,.4)}
.vip-block-item:nth-child(2) .vip-bt{background-image:-webkit-linear-gradient(left,#1390de,#2f9af5)}
.vip-block-item:nth-child(3) h3{color:#fd3d00;text-shadow:0 5px 6px #ffb9b9}
.vip-block-item:nth-child(3) .vip-bt{background-image:-webkit-linear-gradient(left,#f1bc37,#fadb37)}
.vip-block-item:nth-child(4) h3{color:#fd3d00;text-shadow:0 5px 6px #ffb9b9}
.vip-block-item:nth-child(4) .vip-bt{background-image:-webkit-linear-gradient(left,#f60,#f60)}
p.vip-home-price{position:relative;margin:15px auto;width:200px;font-weight:700;font-size:1.875rem}
p.vip-home-price i{font-size:16px}
@media (max-width:1100px) {.c-posts-list2 li{flex:0 0 100%;width:100%}}
@media (max-width:768px){.vip-block-wrapper{display:block}
.vip-block-wrapper .vip-block-item{float:left;padding:10px 0;width:100%}
.mobanweb li span{transform:translate(0,-3px)}
.mobanweb li{width:50%}
}
.vip-block-wrapper .vip-block-item .icon{margin:0 auto;padding-top:20px;height:20%}
.vip-block-wrapper .vip-block-item img{height:60px}
.vip-block-wrapper .vip-block-item .content0-title{padding:0;font-size:1.875rem}
@media screen and (min-width:768px){[m]{display:none!important}
.course-player .c-manor{border:none}
.course-player .header{display:none}
}
@media screen and (max-width:992px){.c-index-swiper .swiper-slide{height:400px}
.c-space{padding-right:10px;padding-left:10px}
.c-multi{flex:0 0 33.333333%}
.course-player .container{flex-direction:column}
.course-player{overflow:auto}
.course-player .c-player,.course-player .video-js,.video-js .vjs-tech{height:auto}
.course-player .c-left{flex:unset}
.course-player .c-sidebar{flex:auto}
.video-js .vjs-tech{position:relative}
}
@media screen and (max-width:768px){[m]{display:block!important}
[pc]{display:none!important}
.c-index-swiper .swiper-slide{height:200px}
.c-manor{border-radius:10px}
.c-sort{display:none}
.c-multi{margin:10px 0;flex:0 0 50%}
.c-page-body,.c-page-head{flex-direction:column}
.c-page-head .c-page-info{margin-top:20px;margin-left:0;padding-bottom: 60px;}
.c-page-intro{flex-direction:column}
.c-page-intro .c-label{margin-bottom:10px;color:#333;font-size:16px;flex:1}
.c-page-main{margin-right:0}
.c-page-sidebar{margin-top:15px}
.c-page-top .crumbs{padding:10px}
.c-page-top img{width:100%}
.c-page-head .c-page-info{margin-top:0}
.c-page-head .c-page-title{width:100%}
.c-page-info .c-page-intro{position:relative;margin-top:20px;padding-top:20px}
.c-page-info .c-page-intro::after{position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:1px;border-top:solid 1px #eee;content:''}
.c-page-head .c-price-vip{margin-right:10px}
.c-page-head .c-page-buy{position: absolute;right: 20px;bottom: 25px;}
.c-price-btn{padding:0 12px;border-radius:5px;font-size:13px;line-height:40px}
.c-page-head .c-page-share{top:auto;right:auto;bottom:30px;left:20px;display:flex;padding:0 5px;height:48px;border:solid 1px #eee;border-radius:24px;align-items:flex-end}
.c-page-head .c-page-share>div{margin:0 10px;padding-right:8px;padding-bottom:0;padding-left:8px}
.c-page-head .c-page-share .c-icon{overflow:hidden;padding-top:36px;width:24px;height:auto;border-radius:0;background-color:transparent;background-size:20px;color:#999;white-space:nowrap;font-size:12px}
.c-share-com-c{position:relative}
.c-share-com-c .share{left:-30px;margin-top:5px;background-color:#fff;transform:translateX(0)}
.c-share-com-c::after{position:absolute;right:-10px;bottom:15px;width:1px;height:20px;border-right:solid 1px #eee;content:''}
.c-ptab{position:relative}
.c-page-main>.c-manor{padding:12px}
.c-ptab::after{position:absolute;bottom:0;left:-12px;width:calc(100% + 24px);height:1px;border-top:solid 1px #eee;content:''}
.c-ptab span{margin-right:12px;padding:0 5px 10px 5px;background-color:transparent;flex:unset}
.c-ptab span.c-ptab-active,.c-ptab span:hover{position:relative;background-color:transparent;color:#2589f0}
.c-ptab span.c-ptab-active::after{position:absolute;bottom:1px;left:0;z-index:1;width:100%;height:2px;background-color:#2589f0;content:''}
.course-player{background-color:#f6f6f6}
.course-player .c-sidebar{margin:auto;padding:0;width:calc(100% - 20px)}
.course-player .c-sidebar .c-manor{padding:12px}
.course-player .c-left .c-nav i{color:#fff;font-size:28px}
.c-player-bottom{padding:12px}
.c-multi .c-multi-container{border:solid 1px #eee;border-radius:0 0 5px 5px;overflow:hidden}
.c-multi{padding-right:10px;margin:10px 0}
.c-multi .c-multi-thumb{border-radius:5px 5px 0 0}
.c-multi-footer,.c-multi-title{padding-left:10px;padding-right:10px}
.c-multi .c-multi-title{margin-top:8px}
.c-multi .c-multi-footer{padding-bottom:8px}
.c-multi .c-multi-footer span+span{display:none}
}
@media screen and (max-width:481px){
    .c-posts-list2{margin:0}
}