.video-course{--box-space:30px;text-align:center}
.video-course .course-img{border-radius:10px;overflow:hidden;position:relative;z-index:2}
.video-course .course-img:before{content:'';height:100%;width:100%;position:absolute;top:0;left:0;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#11213D 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#11213D 100%);z-index:1}
.video-course .play-btn{--icon-size:70px;font-size:1em;color:var(--white-color);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-course .play-btn>i{border:2px solid;background-color:transparent;color:var(--white-color)}
.video-course .play-btn:after,.video-course .play-btn:before{background-color:transparent;border:2px solid}
.video-course .play-btn:hover>i{color:var(--theme-color)}
.video-course .play-btn:hover:after,.video-course .play-btn:hover:before{border-color:var(--theme-color)}
.video-course .tag{top:30px;right:30px}
.video-course .course-content{max-width:calc(100% - var(--box-space)*2);margin-left:auto;margin-right:auto;background:var(--white-color);border:1px solid #ECF1F9;box-shadow:0px 9px 14px rgba(97,94,94,0.06);border-radius:10px;margin-top:-54px;padding:30px 15px;position:relative;z-index:3}
.video-course .course-title{font-size:22px;font-weight:600;margin-bottom:3px;margin-top:-0.28em}
.video-course .author-name{display:block;margin-bottom:-0.45em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}
.video-course:hover .course-img img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}


.learn-box{position: relative;background-color: #14171a;}
.learn-ctn{position: relative;min-height:516px;box-sizing: border-box;overflow: hidden;background: #14171a;}
.learn-ctn.collapsable-extend {padding-right:380px;}
.learn-ctn.collapsable-extend .learn-collapse-btn{right:0}
.learn-ctn.collapsable-extend .coll-chapter:first-child .coll-chapter-tit{padding-right:32px}
.learn-ctn.collapsable-hide{padding-right:44px}
.learn-ctn.collapsable-hide .learn-aside{right:-336px}
.learn-ctn.collapsable-hide .learn-collapse-btn{left:0}
.learn-ctn.collapsable-hide .learn-aside-inner{display:none}

.learn-main{position:relative;width:100%;height:100%;background-color: #212529;}
.learn-main .edu-video{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;min-height:516px;box-sizing:border-box}
.learn-main .edu-doc{padding:20px 0}
.learn-main .edu-doc-player{padding:0 20px}
.learn-main .edu-doc-player-box{max-width:100%}

.edu-video-info{text-align:center;background:rgba(0,0,0,.6);z-index:3;overflow:hidden;vertical-align:middle;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;}
.edu-video-info:after{content:"";width:0;height:100%;font-size:0;visibility:hidden}
.edu-video-msg{position:absolute;top:0;left:0;padding:10px 20px;width:100%;background-color:#1d2126;box-sizing:border-box;z-index:4}
.edu-video-msg-info{line-height:20px;font-size:14px;color:#999}
.edu-video-msg-info a{color:#00a4ff}
.edu-video-msg.with-close{padding-right:56px}
.edu-video-msg-close{position:absolute;top:8px;right:16px;padding:4px;font-size:0}
.edu-video-msg-close:after{content: "";display: block;width:16px;height:16px;background:url("/skin/lnjk/img/icon/video-msg-close.svg");}


.learn-aside{position:absolute;top:0;right:0;bottom:0;width:380px;transition:right .3s;-moz-transition:right .3s;-webkit-transition:right .3s;-o-transition:right .3s}
.learn-aside-inner{height:100%;box-sizing:border-box;overflow:hidden}
.learn-aside .coll-menu{padding:0 2px;max-height:100%;overflow-y:auto;box-sizing:border-box}
.learn-aside .coll-menu:-webkit-scrollbar{width:6px;height:17px;background:none;border-radius:9px}
.learn-aside .coll-menu:-webkit-scrollbar-thumb{background:none}
.learn-aside .coll-menu:hover:-webkit-scrollbar-thumb{background:#666;border-radius:10px}
.learn-aside .coll-chapter+.coll-chapter{margin-top:12px}
.learn-aside h3{line-height:20px;font-size:18px;color:#fff;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.learn-aside a{padding:8px 12px;background-color:#1d2226;display: block;zoom: 1;height:60px;text-decoration: none;}
.learn-aside a+a{margin-top:2px}
.learn-aside a.active{color:#dd3232;}
.learn-aside .chapter-hd {padding:13px 12px;position: relative;}
.learn-aside .chapter-cnt{position: relative;}
.learn-aside .chapter-cnt .ptext{float:left;font-size:11px;color:#616770;}
.learn-aside .chapter-cnt .progress{float:left;height:3px;font-size:11px;margin:8px 3px 0px;text-align: center;background-color: #616770;width:60%;}
.learn-aside .chapter-right{float:right;margin-left:12px;line-height:24px;}
.learn-aside .chapter-progress{height:20px;padding: 4px 0;transform: scale(.625);-ms-transform: scale(.625);-moz-transform: scale(.625);-webkit-transform: scale(.625);-o-transform: scale(.625);}
.learn-aside .icon-progress{display: inline-block;width: 16px;height: 16px;background: url("/skin/lnjk/img/icon/icon-progress-dark.svg");}
.learn-aside .chapter-left{position:relative;overflow:hidden;padding-left:24px;line-height:24px;}
.learn-aside .chapter-left h4{line-height:24px;color: #616770;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.learn-aside .chapter-type{position: absolute;left: 0;top: 50%;margin-top: -8px;font-size: 0;display: block;}
.learn-aside .icon-type {background-image: url("/skin/lnjk/img/icon/icon-video.svg");display: block;width: 16px;height: 16px;}
.learn-aside .type-document .icon-type{background-image:url("/skin/lnjk/img/icon/icon-doc.svg")}
.learn-aside .type-lab .icon-type{background-image:url("/skin/lnjk/img/icon/icon-lab.svg")}
.learn-aside .type-test .icon-type{background-image:url("/skin/lnjk/img/icon/icon-test.svg")}
.learn-aside .progress-done .icon-section-progress{background-image:url(/skin/lnjk/img/icon/icon-done.svg)}
.learn-aside .progress-part .icon-section-progress{background-image:url(/skin/lnjk/img/icon/icon-part.svg)}
.learn-aside .progress-learned .icon-section-progress{background-image:url(/skin/lnjk/img/icon/icon-learned.svg)}
.learn-aside a.active h4,.learn-aside a:hover h4{color:#dd3232;}
.learn-aside a.active .icon-progress,.learn-aside a:hover .icon-progress{background: url("/skin/lnjk/img/icon/icon-learned-primary.svg");}
.learn-aside a.active .icon-type,.learn-aside a:hover .icon-type{background: url("/skin/lnjk/img/icon/icon-video-primary.svg");}
.learn-aside .collapse-btn{right: 0;position: absolute;top: 0;padding: 16px 14px;font-size: 0;background: #14171a;cursor: pointer;}
.learn-aside .icon-collapse{display: inline-block;vertical-align: middle;width: 16px;height: 14px;background: url("/skin/lnjk/img/icon/icon-collapse-hide-white.svg");}
.learn-aside .collapse-btn:hover .icon-collapse{background: url("/skin/lnjk/img/icon/icon-collapse-hide-primary.svg");}


/*²¥·ÅÆ÷ÉèÖÃ*/
.jw-video-expense{position:absolute;left:0;top:0;width:100%;height:100%;background:#616770;z-index:1;display:none}
.jw-video-expense .apply{position:absolute;left:50%;margin-left:-176px;top:50%;margin-top:-50px}
.jw-video-expense .button{cursor:pointer}
.video-period .price{font-size:32px;margin-top:5px}
.video-buy-now{cursor:pointer;width:130px;float:right}
.video-free-now{width:130px;padding:10px 0;float:right}
.video-title h1{font-size:24px;display:block}
.video-period-title{padding:15px}
.video-period-list{overflow:hidden;height:480px;overflow-y:auto}
.video-period-list li{height:69px;width:100%;border-bottom:1px #353b41 solid;position:relative;text-align:left}
.video-period-list li a{display:block;padding:8px 15px}
.video-period-list li a.cur{background:#2D2D2D;display:block}
.video-period-list li:hover{background:#202428}
.video-period-list li p{font-size:14px;color:#f3f7fd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:0px}
.video-period-list li:before{content:"";position:absolute;width:20px;height:13px;left:18px;top:15px;background:url("/skin/lnjk/img/icon/video-ico.png") no-repeat;z-index:4}
.video-period-list li .video-info{padding-top:8px;position:relative;color:#616770}
.video-period-list li .video-info span{position:absolute;right:0;width:62px;text-align:right}
.video-period-list li:last-child{border-bottom:none}
.video-content-tit{padding:5px 30px 0;line-height:50px;border-bottom:1px solid #ECEFF5}
.video-content-tit h2{font-size:18px;color:#434C5A;border-bottom:1px solid #434C5A;display:block;width:72px;margin-bottom:-1px}
#player-container-id{width:100%;max-width:100%;height:0;padding-top:56.25%}

.bottom-bar{width:100%;height:43.5px;display:flex;justify-content:space-between}
.bottom-bar .bottom-left{display:flex;color:#616770;font-size:12px;height:43.5px}
.bottom-bar .bottom-left>div{margin-left:25px}
.bottom-bar .bottom-left .word1{margin-left:5px;color:#43b478}
.bottom-bar .bottom-left .bottom-collect{display:flex;align-items:center;cursor:pointer}
.bottom-bar .bottom-left .bottom-collect .collect-img{width:17px;height:15px;background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/fcc1cce.png);background-size:17px 15px;background-repeat:no-repeat}
.bottom-bar .bottom-left .bottom-collect .greenword{margin-left:5px;color:#43b478}
.bottom-bar .bottom-left .bottom-collect .collect-img1{width:17px;height:15px;background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/aef3984.png);background-size:17px 15px;background-repeat:no-repeat}
.bottom-bar .bottom-left .download-img{background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/5cd0a47.png)}
.bottom-bar .bottom-left .download-img,.bottom-bar .bottom-left .download-img1{width:20px;height:14.5px;background-size:20px 14.5px;background-repeat:no-repeat}
.bottom-bar .bottom-left .download-img1{background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/36962a5.png)}
.bottom-bar .bottom-left .share-img{background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/b656438.png)}
.bottom-bar .bottom-left .share-img,.bottom-bar .bottom-left .share-img1{width:16px;height:16px;background-size:16px 16px;background-repeat:no-repeat}
.bottom-bar .bottom-left .share-img1{background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/6b3196b.png)}
.bottom-bar .bottom-left .phone-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAAE7eonfAAAAAXNSR0IArs4c6QAAAwtJREFUSA3tVz2IE0EUdjabOyNapTeIhQpiobU2gqAgCsHCxiCB/IiI6CH4g1lBbWyEuyP/SEAsIgcqFoqd1TXXiT+l1pdKMdzlZ/3exBdmNzO7ySXYeAObN+/ne+/NezOzG7EDo1gsOkQty1qxiMnn8w6YQr/fT1qkoZHNZgXRoaBUKt0jgZQC9loyQqwIaC67rpsggRzlctnluZcCJzUCJouIt5ftb3rtBhwcL1mw2qNTIuL6MDmdAZZkbeoUkM3zKhzVAAAX635AJdIugOQ2IyqVygaSmAP/GKi7JB8qM5nMPBsyDc6WrXTUg/Qn51Gil3Jp7MXGmuaAkN1iIVEyFEjfQpF7qiJsLoT4YAN0n70wQKkHi4Z1QQYOghWG9WELorpaqXqaexbpVwbxWwZqU6VIXP9IJHIOqb/xRzdGjMfjuwA6owORE9FsNmOtVuu332MI/0V2vFarHe71ekmcF88O8IPRv++5XO4ZyenovkdfTvmNgniAI4KKAE/LYK4GGbOO7LEVF2RVEXGdFbgIHmF+h3k43fRvCLoCjFVloImO9PHvWZXn1QQi+ZYj/g/AkapSxbCbLqK3L2juv4hIRkNbHICODNTmXy0QUW7jSJ1NJBI7TVBOdeQ+xjZ7awJhG27QJv8Mg0MmI52cDrk8fyjGJawrqTNSZTgVP8DfwLbsSGCj0Yi32+0iwBdUw1nNsbSXsVgsn0qlWqJarR7vdrsfyTkU9CZ4h2cNwbVvQLIbZ8AXvV2OgpwGjRDGtu0TNoKdZAdQPEQHHeZnQdEz8lcgXxSLu0+8ceAS+gnlbqPBQPELPdJ+i6i4sQKO40h1GjTXHowgwLS67YDTVnAE/89LOtYuVdPEdbYA/gqePs7tU5zbJVUfNp9ohQj2HEGe4NmHZz+cL0JWDgui6icKiGvqOsDfFAefILul8KHTiUqKC4A+gQ6Geg0wsJHhKsojTWgFuPss0DX6HxOAC1XRJyT8HoOva4r/Vfl6qtfrBzqdzisopsrelAWCfo1Go+fT6bTaDpP5bOV/AFhiJFBpvM7MAAAAAElFTkSuQmCC)}
.bottom-bar .bottom-left .phone-img,.bottom-bar .bottom-left .phone-img1{width:12px;height:14.6px;background-size:12px 14.6px;background-repeat:no-repeat}
.bottom-bar .bottom-left .phone-img1{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAAE7eonfAAAAAXNSR0IArs4c6QAAA0JJREFUSA3tV01oE1EQfrO7NK0/IApSPKi1BxXEg3qtIEmrbSoKpQcvgidRROoPko1FI9SmIIjQiujFi3iRgj9Jf2hy8Q8v3sSfox5Fe1GkjdkdZzZ9293N203aqBddyL43883fm5157wUEPYl8OsOjEPq4xkQhOZxBtC8LYfVpFUSIYu8I8NxlJPLmIDMcbiJnPmJCaDAOhBwj/iaHwa94LoUu4ZtIBMjAKCEbHbRzIn3OJ7ZAxPPmmIYoVqtAEPDFDU4loAFgSQUIgbHKKtxMSDEbC8mRK6EL4PANKUtLmEeBTbT04WJv9iLzXbDQm41JQTlGRyulVKNPU+ZQCvpA+dkkaLS3tjWB/FqSSyMFCJDBjPYsP2d5+LWnADPG84nSJZb0ulvMh7SxmBcuMy4xNz9ShEdVrrw4z32LDIJR9LIVlaGyJ5l/TYdDM93Zx0HvoR7Xrl2/Qte0HpUSG4H+l9dbZmc//whajKIBxDunmLum0zvsst3HPRmlQNX/sZDM3mUZbt1pROyKVvCjHclm3XCUAG4Wk9lTflhNcdJeTJbOOFnl1pVi8Zx5lUJKS5qwUrAgeAsIzapUDBurvuNCrzr9GqbE/GV7/BcUq7LKGevMp47YKO7z3LszMC0fZXJQwE4pEDYqFamQTQFwsEnb0BymuBAqVu3HVLu5MCUU9jx1R+ot1d72MCEVn5u8crhMpI8KG6kfaz6ftrRuPntnz/GfjmK8YK6DObxFR2h/TdVlCJCTB9gMJ4qJ7FfYP2V2lMv4lO0QYNFrCgFeA0LIEV6fR1Kn41fsEojdZEhnLcOAvYZlQZz6vWIFtCG+fFSI3/N2bjfOZYZWQ76UhRp0RZvQNwpqVZDvp+E7bR3Ku4hXri6H9RjyGo2aKxsjSqFR7L/DRjNYpf/XU1pXlXrDpNvdeaJPIgibOvtGoWdkzIvXmi9pheTsHl2tr9GvjXaQdrTFaCKXul3LiRdfksOWlbEB2vo+SAN0C3kjYmsuSLqecUkpfbIvw1egbfUYDpMx6JB6tQjaA525tOZs3hqdwg08aPN/J9xN9k9LM+zLOZ4OTA5uLVvWQ/o2DUUvDQdHSv17Q9cPT3UPuZ8jKPPH6F8r/RH5Yy1kHgAAAABJRU5ErkJggg==)}
.bottom-bar .bottom-left .word{margin-left:5px}
.bottom-bar .bottom-left .trangle-icon{position:absolute;width:14px;height:14px;background:#fff;border-left:1px solid #fff;border-top:1px solid #fff;transform:rotate(45deg);top:34px;left:16px}
.bottom-bar .bottom-left .bottom-download{position:relative;cursor:pointer;display:flex;align-items:center}
.bottom-bar .bottom-left .bottom-download .photo-view-tips{position:absolute;top:-42px;left:-37px;height:40px;line-height:40px;padding:0 40px 0 16px;border-radius:4px;background:#ff5000;font-size:14px;color:#fff;white-space:nowrap;z-index:999}
.bottom-bar .bottom-left .bottom-download .photo-view-tips:before{content:"";display:block;position:absolute;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:#ff5000;left:56px;bottom:-4px}
.bottom-bar .bottom-left .bottom-download .photo-view-tips .tips-close-btn{display:block;position:absolute;top:10px;right:10px;width:20px;height:20px;background:no-repeat url(https://cms-bucket.ws.126.net/2020/0520/daae9869p00qamutf0000c0000s000sc.png) 50%/80%;cursor:pointer;opacity:1;transition:opacity .1s}
.bottom-bar .bottom-left .bottom-download .photo-view-tips .tips-close-btn:hover{opacity:.8}
.bottom-bar .bottom-left .bottom-download .download-content{position:absolute;width:183px;height:185px;top:41px;left:-68px;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.bottom-bar .bottom-left .bottom-download .download-content .downloadicon-img{width:121px;height:121px;background-size:121px 121px;background-repeat:no-repeat}
.bottom-bar .bottom-left .bottom-download .download-content .downloadicon-word{text-align:center;margin-top:10px;line-height:1.4;font-size:12px;color:#666}
.bottom-bar .bottom-left .bottom-share{position:relative;cursor:pointer;display:flex;align-items:center}
.bottom-bar .bottom-left .bottom-share .share-content{position:absolute;width:543px;height:236px;top:41px;right:-253px;background:#fff;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.bottom-bar .bottom-left .bottom-share .share-content .share-title{margin:18px 0 0 25px;display:flex;align-items:center}
.bottom-bar .bottom-left .bottom-share .share-content .share-title .share-word{font-size:16px;color:#666}
.bottom-bar .bottom-left .bottom-share .share-content .share-title .share-weibo{width:35px;height:35px;margin-left:15px;background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/5761af4.png);background-size:35px 35px;background-repeat:no-repeat}
.bottom-bar .bottom-left .bottom-share .share-content .share-title .share-qq{width:35px;height:35px;margin-left:15px;background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/a6c0e08.png);background-size:35px 35px;background-repeat:no-repeat}
.bottom-bar .bottom-left .bottom-share .share-content .share-title .share-qqzone{width:35px;height:35px;margin-left:15px;background-image:url(https://open-image.ws.126.net/open-cmsnuxtapp/img/ff639a9.png);background-size:35px 35px;background-repeat:no-repeat}
.bottom-bar .bottom-left .bottom-share .share-main{display:flex;margin-left:20px}
.bottom-bar .bottom-left .bottom-share .share-main .share-left{margin-top:18px;display:flex;flex-direction:column;align-items:center}
.bottom-bar .bottom-left .bottom-share .share-main .share-left .share-qr{width:122px;height:122px}
.bottom-bar .bottom-left .bottom-share .share-main .share-left .qr-word{margin-top:10px;font-size:12px;color:#666}
.bottom-bar .bottom-left .bottom-share .share-main .share-right{margin:16px 0 0 15px}
.bottom-bar .bottom-left .bottom-share .share-main .share-right .right-word{font-size:14px;color:#666}
.bottom-bar .bottom-left .bottom-share .share-main .share-right .copy{margin-top:11px;height:35px;display:flex}
.bottom-bar .bottom-left .bottom-share .share-main .share-right .copy-input{padding:0 12px;width:262px;height:35px;background:hsla(0,0%,84.7%,.3);border:none;border-radius:3px 0 0 3px;font-size:12px;color:#666;outline:none}
.bottom-bar .bottom-left .bottom-share .share-main .share-right .copy-button{width:106px;height:35px;background-image:linear-gradient(140deg,#78dbb0,#56c28c 33%,#43b478);border-radius:0 3px 3px 0;font-size:13px;color:#fff;text-align:center;line-height:35px;border:none}
.bottom-bar .bottom-left .bottom-phone{position:relative;cursor:pointer;display:flex;align-items:center;margin-top:3px}
.bottom-bar .bottom-left .bottom-phone .phone-content{position:absolute;width:373px;height:190px;top:41px;right:-167px;background:#fff;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.bottom-bar .bottom-left .bottom-phone .phone-content .phone-title{margin:20px 0 0 20px;font-size:16px;color:#333}
.bottom-bar .bottom-left .bottom-phone .phone-main{margin:14px 0 0 20px;display:flex}
.bottom-bar .bottom-left .bottom-phone .phone-main .phone-left{width:122px;height:122px;padding:2px}
.bottom-bar .bottom-left .bottom-phone .phone-main .phone-right{margin-left:15px}
.bottom-bar .bottom-left .bottom-phone .phone-main .phone-right .right-title{font-size:14px;color:#43b478}
.bottom-bar .bottom-left .bottom-phone .phone-main .phone-right .right-content{margin-top:5px;width:200px;display:flex;flex-wrap:wrap;font-size:14px;color:#666}
.bottom-bar .bottom-left .bottom-phone .phone-main .phone-right .right-app{margin-top:34px;font-size:14px;color:#999}
.bottom-bar .bottom-left .bottom-phone .phone-main .phone-right .right-app span{font-size:14px;color:#43b478}
.bottom-bar .bottom-right{display:flex;align-items:center;color:#999;font-size:14px;margin-right:25px}


.search_nologin_tip{width:100%;height:200px; text-align:center; padding:150px 0 150px 0; float:left; background:url("/skin/lnjk/img/bg/try-bg.png") no-repeat}
.no-try{width:100%;height:330px; text-align:center; padding:10px 0 150px 0; float:left;background:url("/skin/lnjk/img/bg/try-bg.png") no-repeat;-webkit-font-smoothing:antialiased; border-radius: 8px;}

.no-try .tip-p{ font-size:16px; padding:20px 0 20px 0;}
.no-try .tip-bth{padding:10px 0 0 0;}
.no-try .tip-bth a{width:140px;height:43px; line-height:43px; font-size:16px; background:#dd3232; display:inline-block; margin-right:10px;color:#fff;border-radius:3px; margin-left:10px;}
.no-try .tip-bth a:hover{color:#fff; background:#ff6a6a}
.no-try .tip-bth .bth-login{ background:#2aae67}
.no-try .tip-bth .bth-login:hover{ background:#43b478}
.no-try .tip-tel{ font-size:18px; padding-top:10px;}
.no-try .tip-tel-n{color:#dd3232; font-size:24px;}
.no-try .tip-wx{ font-size:14px;color:#999}
/**/
.mooc-title{margin-bottom:15px;}
.mooc-title h1{font-size: 28px;color: #51585c;font-weight: 600;}
.mooc-title p{color: #707988;font-size: 16px;padding-top:15px;}
.mooc-text {-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow:hidden;height:40px;line-height:40px;color:#fff;font-size:16px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; padding-left:12px;background:-webkit-gradient(linear, right top, left top, from(#ff5947), to(#ff8d3d));background:-webkit-linear-gradient(right, #ff5947, #ff8d3d);background:-o-linear-gradient(right, #ff5947, #ff8d3d);background:linear-gradient(270deg, #ff5947, #ff8d3d);position:relative;}
.mooc-amount {margin-bottom:10px;}
.mooc-amount .amount{color: #8A8A8A;font-size:16px;}
.mooc-price{ width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;background:#f8f9fb;-webkit-border-radius:0px 0px 8px 8px;border-radius:0px 0px 8px 8px;padding:20px 15px 16px;}
.mooc-price span{display: inline-block;}
.mooc-price .sale-price{color:#dd3232;font-weight: bold;font-size:32px;line-height: 32px;font-family: SFUIDisplay, SFUIDisplay-Semibold;}
.mooc-price .ori-price{font-size: 14px;color: #93999f;font-weight: 700;line-height: 32px;margin-left: 8px;margin-right: 2px;text-decoration: line-through;}
.mooc-price .join-num {position: absolute;right:15px;bottom:25px;font-size:14px;line-height:18px;color: #999;}
.mooc-btns{margin-top:25px;}
.mooc-btns .go-buy{background:#dd3232;border-radius:24px;font-size:16px;color:#fff;letter-spacing:0;line-height:24px;font-weight:700;padding:12px 38px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;display:inline-block}
.mooc-btns .go-advice{background:rgba(240,20,20,.1);border-radius:24px;font-size:16px;color:#dd3232;letter-spacing:0;line-height:24px;font-weight:700;padding:12px 48px;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;display:inline-block}

.card-tit{font-weight:bold; position:relative;line-height: 38px;font-size:18px;} 
.card-tit:after{width:5px;height:18px; background:#dd3232; display:inline-block; position:absolute;left:0px;top:18px;content:"";}
/**/
.list-mooc{padding:15px;background:#fff;margin-bottom: 30px;}
.list-mooc .c-thumb img{width:100%}
.list-mooc .c-content{padding:25px 10px 5px 10px}
.list-mooc .c-content .title{font-size:22px;line-height:32px;margin-bottom:13px}
.list-mooc .c-content .c-bottom{list-style: none;}
.list-mooc .c-content .c-bottom li{position:relative;text-align:center;color:#000;}
.list-mooc .c-content .c-bottom li:before{position:absolute;left:-20px; top:2px;width:1px;height:20px;background:#ededed;content:""}
.list-mooc .c-content .c-bottom li:first-child::before{display:none}
.list-mooc .c-content .c-bottom li i{font-size:16px;padding-right:5px}


.nav-cpurse{list-style: none;padding: 0;margin: 0;text-align: center;margin-bottom:30px;}
.nav-cpurse li{display: inline-block; border-bottom: 2px solid transparent;background: #fff;margin-right:15px;padding:12px 20px 8px;}
.nav-cpurse li a{color: #636778;display: inline-block;font-size: 1.125rem;}
.nav-cpurse li.active,.nav-cpurse li:hover{border-color:#313380;}
.nav-cpurse li.active a,.nav-cpurse li:hover a{color:#313380;}

.menu-mooc{}
.menu-mooc li{margin-right: 80px;text-align: center;}
.menu-mooc .nav-link{padding:0;line-height:38px;color:#3e454d;background: none;border: none;}
.menu-mooc .active {position: relative;font-weight: bold;}
.menu-mooc .active:after {margin:0 auto;content: '';display: block;width: 16px;border-radius: 2px;height: 3px;background:#dd3232;}

/*accordionÅÅÐÐ*/
.rank-an {}
.rank-an .accordion-collapse,.rank-an .accordion-button{border:0;}
.rank-an .accordion-button{color: #3e454d;font-size: 18px;font-weight: normal;padding:10px 20px;background: #f5f8fa;border-radius:15px !important;box-shadow:none !important}
.rank-an .accordion-button b { display:inline-block; font-size: 26px;font-style: italic;font-weight: bold;margin-right:7px;color:#ffba00;}
.rank-an .accordion-button.collapsed{background:#f5f8fa;}
.rank-an .accordion-button.collapsed b{color:#3e454d;}
.rank-an .accordion-item{margin-bottom:20px;border:none;}

.list-lesson{position: relative;}
.list-lesson li{color: #666c80;position:relative;padding-left:10px;height:48px;line-height:48px;list-style:none;}
.list-lesson li a{font-size:16px;line-height:48px;display: block;}
.list-lesson li a .type{font-size:16px;color:#dd3232;line-height:48px;margin-right:8px;}
.list-lesson li a .type-text{font-style:normal;font-weight:700;font-size:16px;line-height:48px;margin-right:4px;}
.list-lesson li a .preview-btn{margin:0 12px;padding:8px 12px;border-style:solid;border-width:1px;cursor:pointer;transition:all .3s;color:#fff;background-color:#dd3232;border-color:#dd3232;opacity:0;text-align:center;border-radius:16px;}
.list-lesson li:hover{background:rgba(242,13,13,.05);border-radius:4px;color:#dd3232;}
.list-lesson li a:hover .preview-btn{opacity:1;}
.lesson-con {position: relative;background-color:#30353b;overflow: hidden;height: auto;}

.course__item{-webkit-box-shadow:0 1px 2px rgba(12,20,15,0.1);-moz-box-shadow:0 1px 2px rgba(12,20,15,0.1);-ms-box-shadow:0 1px 2px rgba(12,20,15,0.1);-o-box-shadow:0 1px 2px rgba(12,20,15,0.1);box-shadow:0 1px 2px rgba(12,20,15,0.1);-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.course__item:hover{-webkit-box-shadow:0 30px 30px rgba(12,20,15,0.1);-moz-box-shadow:0 30px 30px rgba(12,20,15,0.1);-ms-box-shadow:0 30px 30px rgba(12,20,15,0.1);-o-box-shadow:0 30px 30px rgba(12,20,15,0.1);box-shadow:0 30px 30px rgba(12,20,15,0.1)}
.course__thumb{overflow:hidden}
.course__thumb img{width:100%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.course__item:hover .course__thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.course__tag{margin-bottom:12px}
.course__tag a{display:inline-block;height:24px;line-height:24px;text-align:center;padding:0 13px;font-size:13px;font-weight:500;color:#dd3232;background:rgba(61,108,231,0.07)}
.course__tag a:hover{background-color:#dd3232;color:#fff}
.course__price{position:absolute;top:0;right:25px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.course__price span{display:inline-block;font-size:15px;font-weight:600;color:#fff;width:80px;height:80px;line-height:80px;text-align:center;background-color:#dd3232;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 20px 30px rgba(5,34,109,0.14);-moz-box-shadow:0 20px 30px rgba(5,34,109,0.14);-ms-box-shadow:0 20px 30px rgba(5,34,109,0.14);-o-box-shadow:0 20px 30px rgba(5,34,109,0.14);box-shadow:0 20px 30px rgba(5,34,109,0.14)}
.course__title{color:#120101;font-size:20px;margin-bottom:17px;font-weight:600;line-height:28px}
.course__title a:hover{color:#dd3232}
.course__content{padding:20px 30px 15px}
.course__content p{color:#49535B}
.course__bottom{padding-top:14px;border-top:1px solid rgba(3,18,32,0.07)}
.course__action ul li{list-style:none;display:inline-block}
.course__action ul li:not(:last-child){margin-right:15px}
.course__action-item:hover .course__action-icon span{border-color:var(--tp-text-11)}
.course__action-icon span{display:inline-block;width:26px;height:26px;line-height:22px;text-align:center;border:1px solid rgba(3,18,32,0.08);-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.course__action-icon span svg{width:12px;height:12px}
.course__action-content span{font-size:14px;font-weight:500;color:var(--tp-text-11)}
.course__tutor img{width:28px;height:28px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%}