@charset "UTF-8";.thecourse-wrap .btn-red{background:#f04f4f!important;border-radius:4px!important;box-shadow:0 0 6px 0 rgba(240,79,79,.56)!important}.thecourse-wrap .btn-red:hover{background:#df3232!important;box-shadow:0 2px 6px 0 rgba(240,79,79,.78)!important}.thecourse-wrap .course-area-wrap{background:#1c1d1e;color:#fff}.thecourse-wrap .course-area-wrap .container{display:flex;padding:30px 0}.thecourse-wrap .course-area-wrap .container .course-wrap{background:#343434;border-radius:4px;height:550px;overflow:hidden;width:770px}.thecourse-wrap .course-area-wrap .container .course-wrap .top{align-items:center;display:flex;margin:24px 20px}.thecourse-wrap .course-area-wrap .container .course-wrap .top .avatar{border-radius:50%;width:60px}.thecourse-wrap .course-area-wrap .container .course-wrap .top .top-info{margin-left:24px}.thecourse-wrap .course-area-wrap .container .course-wrap .top .top-info .title{font-size:20px}.thecourse-wrap .course-area-wrap .container .course-wrap .top .top-info .name{color:#9b9b9b;font-size:16px;margin-top:14px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving{position:relative}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img{transition:all .3s ease-out}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving:hover .course-img{transform:scale(1.05)}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .notice{align-items:center;background:#edf2ff;border-radius:2px;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);color:#5889ef;display:flex;font-size:14px;height:36px;justify-content:space-between;left:0;line-height:14px;padding-left:30px;padding-right:20px;position:absolute;right:0;top:0;z-index:1}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img{height:460px;width:100%}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;height:54px;left:0;padding-left:30px;position:absolute;right:0;z-index:1}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone{cursor:pointer;font-size:14px;margin-right:30px;opacity:.73;overflow:hidden;position:relative}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .div,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .div{opacity:.73}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh:hover,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh:hover .div,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone:hover,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone:hover .div{opacity:1}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .popover{align-items:center;background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;height:160px;margin:0 0 0 -35px;text-align:center;top:-190px;width:150px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover .popover-title,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .popover .popover-title{background:none;border:none;color:#4c4c4c;font-size:14px;font-weight:400;padding:14px 0 0}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover .popover-content,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .popover .popover-content{padding:8px 25px 0}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover .qr,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .popover .qr{border-radius:2px;height:100px;width:100px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone{opacity:1}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh{border-right:1px solid hsla(0,0%,100%,.3);cursor:pointer;padding-right:30px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .mask,.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .title{display:none}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .mask-trial-btn{align-items:center;background:rgba(240,79,79,.6);border-radius:4px;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:160px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .mask-trial-btn img{height:18px!important;margin-right:8px;width:18px!important}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask{align-items:center;background:rgba(0,0,0,.25);bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask .btn{align-items:center;background:rgba(240,79,79,.6);border-radius:4px;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .3s ease-out;width:160px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask .btn:hover{background:#f04f4f}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask .btn img{width:18px}.thecourse-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask:hover .btn{background:#f04f4f}.thecourse-wrap .course-area-wrap .container .course-info-wrap{background:#272727;border-radius:4px;flex:1;height:550px;margin-left:20px;overflow:hidden}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top{background:#343434;font-size:16px;height:238px;padding:24px 18px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .countdown-wrap{color:#9b9b9b;font-size:14px;margin-top:18px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .countdown-wrap .countdown{align-items:center;display:flex;justify-content:center}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .countdown-wrap .countdown .time{background:url(/images/liveclass/count_down_bg.png) no-repeat;background-size:cover;color:#f04f4f;font-size:24px;font-weight:700;height:29px;line-height:29px;margin-right:1px;text-align:center;width:20px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .countdown-wrap .countdown .text{color:#fff;font-size:14px;line-height:14px;margin:0 12px;opacity:.35}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .btn-baoming{background:#f04f4f;border-radius:4px;box-shadow:0 0 6px 0 rgba(240,79,79,.56);color:#fff;font-size:18px;height:44px;line-height:18px;margin-bottom:27px;margin-top:24px;outline:none;transition:all .3s ease-out}.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .btn-baoming.vip-price{background:#a69315}.thecourse-wrap .course-area-wrap .container .course-info-wrap .btitle,.thecourse-wrap .course-area-wrap .container .course-info-wrap .top .top-live-done{display:none}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom{height:310px;overflow:hidden;overflow-y:auto}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom *{transition:all .3s ease-out}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item{color:#fff;display:flex;padding:18px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item:hover{background-color:#1e1e1e}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item:hover .course-img{transform:scale(1.05)}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item:first-child{margin-top:0}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-img{width:150px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info{margin-left:17px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info .title{color:#fff;font-size:16px;word-break:break-all}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info .name{align-items:center;color:#9b9b9b;display:flex;font-size:12px;margin-top:20px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info .name .play-arr-icon{margin-right:5px;width:12px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item{margin:0;padding:10px 0}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item .course-info{align-items:center;display:flex;justify-content:space-between;width:100%}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item .course-info .title{flex:1}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item .course-info .course-list-state{color:hsla(0,0%,100%,.4);margin-left:10px;margin-right:20px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item .course-info .red{color:#f04f4f}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item .icon{height:16px;margin-right:10px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item .current-icon{display:none}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item.current,.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item:hover{background:#1e1e1e}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item.current .icon,.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item:hover .icon{display:none}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item.current .current-icon,.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item:hover .current-icon{display:block}.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item.current .title,.thecourse-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list-list .item:hover .title{color:#f04f4f}.thecourse-wrap .course-area-wrap .container .course-info-wrap .charge{color:hsla(0,0%,100%,.4);font-size:16px;margin-top:20px}.thecourse-wrap .course-area-wrap .container .course-info-wrap .charge span{color:#fff;font-size:28px}.thecourse-wrap .course-area-wrap .container .column-info-wrap{background:#343434}.thecourse-wrap .course-area-wrap .container .column-info-wrap .btitle{padding-top:0!important}.thecourse-wrap .course-area-wrap .container .column-info-wrap .bottom{height:205px!important}.thecourse-wrap .course-area-wrap .container .column-info-wrap .bottom *{transition:none}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item{color:#fff;margin:10px 17px 0}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item:first-child{margin-top:0}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info{background:#2b2b2b}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info>.title{align-items:center;background-color:#434343;border-radius:2px;color:#fff;display:flex;font-size:14px;height:52px;justify-content:space-between;padding:0 20px}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info>.title span{font-size:10px;transform:rotate(0deg) scale(.7);transition:all .3s ease-out}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info.arr-down>.title span{font-size:10px;transform:rotate(180deg) scale(.7)}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item *{transition:all .3s ease-out}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item .course-info .dot{background:hsla(0,0%,100%,.4);border-radius:50%;height:6px;margin-right:15px;width:6px}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item .title{font-size:14px!important}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item.current,.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item:hover{background:none}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item.current .dot,.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item:hover .dot{background:rgba(240,79,79,.4)}.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item.current .title,.thecourse-wrap .course-area-wrap .container .column-info-wrap .column-item .column-info .item:hover .title{color:#f04f4f}.thecourse-wrap .course-area-wrap .container .overflow-y-auto{overflow:hidden;overflow-y:auto}.thecourse-wrap .course-area-wrap .container .overflow-y-auto .bottom{height:auto!important}.thecourse-wrap .course-area-wrap .live-done .course-wrap{border-bottom-right-radius:0;border-top-right-radius:0;height:435.02825px}.thecourse-wrap .course-area-wrap .live-done .course-wrap .top{display:none}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving{position:relative}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .course-img{transition:all .3s ease-out}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving:hover .course-img{transform:scale(1.05)}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .course-img-bottom,.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .notice{display:none}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .title{display:block;font-size:22px;font-weight:700;left:0;padding:25px 0 0 30px;position:absolute;right:0;top:0;z-index:1}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .mask{align-items:center;background:url(/images/liveclass/live_done_mask.png) no-repeat;background-size:cover;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .mask .top-tag{align-items:center;background:#fff;color:#3a3a3a;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:26px;justify-content:center;opacity:.45;position:absolute;right:30px;top:26px;width:72px;z-index:1}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .mask .play-btn{height:95px;opacity:.8;transition:all .3s ease-out;width:95px}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .mask:hover .play-btn{opacity:1}.thecourse-wrap .course-area-wrap .live-done .course-wrap .course-div #livingHuifang{height:435.02825px}.thecourse-wrap .course-area-wrap .live-done .course-info-wrap{border-bottom-left-radius:0;border-top-left-radius:0;height:435.02825px;margin:0}.thecourse-wrap .course-area-wrap .live-done .course-info-wrap .top{height:185px}.thecourse-wrap .course-area-wrap .live-done .course-info-wrap .top .course-count span{font-size:26px;padding:0 5px}.thecourse-wrap .course-area-wrap .live-done .course-info-wrap .btitle{display:block;font-size:18px;padding:34px 18px 18px}.thecourse-wrap .course-area-wrap .live-done .course-info-wrap .bottom{height:172px;padding-top:0}.thecourse-wrap #living{display:none;height:710px}.thecourse-wrap #living.plv-living-container{height:900px;width:100%}.thecourse-wrap .content-wrap{align-items:flex-start;display:flex;margin-top:20px}.thecourse-wrap .content-wrap .intro-wrap{background:#fff;border-radius:4px;width:820px}.thecourse-wrap .content-wrap .intro-wrap .title{border-bottom:4px solid #fafafa;font-size:18px;padding:30px 40px 0}.thecourse-wrap .content-wrap .intro-wrap .title a{color:#9a9a9a;cursor:pointer;display:inline-block;margin-right:60px;padding-bottom:12px;position:relative}.thecourse-wrap .content-wrap .intro-wrap .title a.current{color:#262626}.thecourse-wrap .content-wrap .intro-wrap .title a.current:after{background-color:#f04f4f;border-radius:2px;bottom:-4px;content:"";display:block;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:22px}.thecourse-wrap .content-wrap .intro-wrap .content-div{padding:30px 36px}.thecourse-wrap .content-wrap .intro-wrap .content-div img{max-width:100%}.thecourse-wrap .content-wrap .intro-wrap .content-div .notice-huifang{align-items:center;background:#edf2ff;border-radius:2px;color:#5889ef;display:flex;font-size:14px;height:36px;justify-content:space-between;line-height:14px;margin:-20px 0 25px;padding-left:30px;padding-right:20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap{background:url(/images/attach_wrap_bg.png?4ac2e5a193301f73b82bb895c98bf17b) no-repeat;background-size:cover;border-radius:2px;box-shadow:0 4px 16px rgba(0,0,0,.08);height:120px;margin-bottom:30px;position:relative}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .btn-dwonload{align-items:center;background:#f04f4f;border:none;border-radius:17px;color:#fff;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:30px;top:42px;width:94px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask{align-items:center;background:hsla(0,0%,100%,.95);bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap{align-items:center;display:flex}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .email-input{background:none;border:none;border-bottom:2px solid #e6e6e6;color:#343434;font-size:16px;height:36px;line-height:36px;margin-left:20px;margin-right:48px;margin-top:10px;outline:none;padding-bottom:10px;transition:all .3s ease-out;width:500px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .email-input:focus,.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .email-input:hover{border-bottom:2px solid #f04f4f}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .out_box{background:#fff;border-radius:2px;box-shadow:hsla(0,0%,100%,.8);top:95px!important;width:747px;z-index:1}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .out_box:visible{left:-20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .focus_box,.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .list_box{border-radius:2px;color:#818181;cursor:pointer;font-size:16px;height:46px;line-height:46px;padding:0 20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .focus_box{background:#f0f0f0}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .btn-opt-wrap{display:flex}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .btn-opt-wrap button{background:#f04f4f;border:none;border-radius:17px;color:#fff;font-size:16px;height:36px;text-align:center;width:72px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .btn-opt-wrap .cancel{background:none;color:#666;margin-left:10px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap{align-items:center;color:#989898;display:flex;font-size:16px;justify-content:center;width:100%}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail,.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success{display:flex}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail img,.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success img{height:24px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail span,.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success span{color:#323232;padding:0 20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success{align-items:center;height:100%;justify-content:center;position:absolute;width:100%}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail span{color:#f04f4f}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail button{background:none;border:none;margin-left:50px;outline:none}.thecourse-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail .resend{color:#474747}.thecourse-wrap .content-wrap .intro-wrap .content-div .content-ad{display:block;margin-top:20px;outline:none}.thecourse-wrap .content-wrap .intro-wrap .content-div .content-ad img{width:100%}.thecourse-wrap .content-wrap .intro-wrap .content-div .course-list-count{border-bottom:2px solid #f0f0f0;color:#4e4e4e;font-size:18px;padding-bottom:20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .course-list-count span{color:#999;font-size:16px;padding-left:20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item{margin:0 -36px;transition:all .3s ease-out}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item.current,.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item:hover{background:#f7f7f7}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info{align-content:center;align-items:center;border-bottom:2px solid #f5f5f5;color:#9a9a9a;display:flex;justify-content:space-between;padding:34px 30px}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info .serial{font-size:18px;margin-right:20px;white-space:nowrap}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info .title{align-content:center;align-items:center;border:none;display:flex;flex:1;padding:0}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info .title i{font-style:normal;white-space:nowrap}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info .title span{color:#4e4e4e}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info .course-list-state{padding-left:75px;white-space:nowrap}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-course-item .course-info .red{color:#f04f4f}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item{margin:0 -36px}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .intro-column-title{border:none;color:#4e4e4e;font-size:16px;font-weight:700;padding:20px 0 10px 36px}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .intro-column-title>div:after{color:#9a9a9a;content:"收起";float:right;font-size:14px;font-weight:400;margin-right:20px}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .course-info{border-bottom:2px solid #f5f5f5;position:relative}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .title{align-items:center;border:none;color:#9a9a9a;display:flex;font-size:16px;padding:34px 160px 34px 56px;transition:all .3s ease-out}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .title i{font-style:normal;white-space:nowrap}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .title .serial{font-size:18px;margin-right:20px;white-space:nowrap}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .title span{color:#4e4e4e}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .title:hover,.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item.current .title{background:#f7f7f7}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .course-list-state{color:#9a9a9a;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .column-info .course-list-item .red{color:#f04f4f}.thecourse-wrap .content-wrap .intro-wrap .content-div .intro-column-item .arr-down .intro-column-title>div:after{color:#4e4e4e;content:"展开"}.thecourse-wrap .content-wrap .right-wrap{flex:1;margin-left:20px}.thecourse-wrap .content-wrap .right-wrap .div{background:#fff;border-radius:4px;padding:30px 20px 10px}.thecourse-wrap .content-wrap .right-wrap .div .title{color:#262626;font-size:18px;font-weight:700}.thecourse-wrap .content-wrap .right-wrap .div .list-wrap{margin-top:20px}.thecourse-wrap .content-wrap .right-wrap .div .list-wrap .list{display:block;margin-top:20px}.thecourse-wrap .content-wrap .right-wrap .div .list-wrap .list .course-img{width:100%}.thecourse-wrap .content-wrap .right-wrap .div .list-wrap .list .title{color:#262626;font-size:16px;font-weight:700;margin-top:15px}.thecourse-wrap .content-wrap .right-wrap .div .list-wrap .list .summary{align-items:center;color:#989898;display:flex;font-size:12px;justify-content:space-between;margin-top:14px}.thecourse-wrap .content-wrap .right-wrap .div .list-wrap .list .summary .living-soon{color:#f04f4f}.thecourse-wrap .content-wrap .right-wrap .more-class{align-items:center;background:#fff;border-radius:0 0 4px 4px;color:#262626;display:flex;font-size:16px;height:50px;justify-content:center;padding:0 30px}.thecourse-wrap .content-wrap .right-wrap .more-class .more-icon{margin-left:5px;width:14px}.thecourse-wrap .content-wrap .right-wrap .more-class .more-current-icon{display:none}.thecourse-wrap .content-wrap .right-wrap .more-class:hover{background:#f7f7f7;color:#f04f4f}.thecourse-wrap .content-wrap .right-wrap .more-class:hover .more-icon{display:none}.thecourse-wrap .content-wrap .right-wrap .more-class:hover .more-current-icon{display:block}.thecourse-wrap .content-wrap .right-wrap .right-ad{display:block;margin-top:20px;outline:none}.thecourse-wrap .content-wrap .right-wrap .right-ad img{border-radius:4px;width:100%}.thecourse-wrap #remind{align-items:center;background:rgba(0,0,0,.45);bottom:0;display:none;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1}.thecourse-wrap #remind .qr-wrap{background:#fff;border-radius:4px;padding:60px 117px;position:relative;text-align:center;white-space:nowrap}.thecourse-wrap #remind .qr-wrap .close{font-size:40px;position:absolute;right:15px;top:0}.thecourse-wrap #remind .qr-wrap .title{color:#323232;font-size:18px}.thecourse-wrap #remind .qr-wrap .qr{height:160px;margin:12px 0;width:160px}.thecourse-wrap #remind .qr-wrap .summary{color:#989898;font-size:16px}#bottomBar{height:100px;margin-top:30px}.bottom-bar{background:hsla(0,0%,100%,.9);box-shadow:0 -2px 8px 0 rgba(0,0,0,.08);height:100px;left:50%;position:static;transform:translateX(0);z-index:99}.bottom-bar *{transition:all .3s ease-out}.bottom-bar .bottom-bar-content{align-items:center;color:#3a3a3a;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:space-between;padding:0 25px}.bottom-bar .bottom-bar-content .left .bottom-bar-course-count{color:#9a9a9a;font-size:14px;font-weight:400;margin-top:10px}.bottom-bar .bottom-bar-content .right{align-items:center;color:#f04f4f;display:flex;white-space:nowrap}.bottom-bar .bottom-bar-content .right .price{font-size:16px}.bottom-bar .bottom-bar-content .right .price span{font-size:26px;padding-left:5px}.bottom-bar .bottom-bar-content .right .buttons{margin-left:20px}.bottom-bar .bottom-bar-content .right .buttons button{background:url(/images/course/bottom-bar-icon1.png) no-repeat #fff 26px 15px;border:2px solid #f04f4f;border-radius:4px;height:52px;margin-left:20px;padding:0 35px 0 58px}.bottom-bar .bottom-bar-content .right .buttons button:hover{background:url(/images/course/bottom-bar-icon1-hover.png) no-repeat #f04f4f 26px 15px;color:#fff}.bottom-bar .bottom-bar-content .right .buttons .btn-trial{display:none}.bottom-bar .bottom-bar-content .right .buttons .btn-dingyue{color:#fff}.bottom-bar .bottom-bar-content .right .buttons .btn-dingyue,.bottom-bar .bottom-bar-content .right .buttons .btn-dingyue:hover{background:url(/images/course/bottom-bar-icon2.png) no-repeat #f04f4f 26px 15px}.overflow-ellipsis-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.empty{color:#666;line-height:200%;margin-top:20px;text-align:center}.empty span{font-size:20px}.customer-scroll-bar{-ms-scroll-chaining:chained;-ms-content-zooming:zoom;-ms-scroll-rails:none;-ms-content-zoom-limit-min:100%;-ms-content-zoom-limit-max:500%;-ms-scroll-snap-points-x:snapList(100%,200%,300%,400%,500%);-ms-overflow-style:none;scrollbar-face-color:#272727;scrollbar-highlight-color:#272727;scrollbar-track-color:#343434;scrollbar-arrow-color:#fff;scrollbar-shadow-color:#272727;scrollbar-3dlight-color:#272727;scrollbar-darkshadow-color:#272727;scrollbar-base-color:#272727;-ms-scroll-snap-type:proximity}.customer-scroll-bar::-webkit-scrollbar{background-color:#272727;height:2px;width:10px}.customer-scroll-bar::-webkit-scrollbar-track{background-color:#272727;border-radius:10px}.customer-scroll-bar::-webkit-scrollbar-thumb{background-color:#343434;border-radius:10px}.course-pointer{cursor:pointer}.column-customer-scroll-bar{-ms-scroll-chaining:chained;-ms-content-zooming:zoom;-ms-scroll-rails:none;-ms-content-zoom-limit-min:100%;-ms-content-zoom-limit-max:500%;-ms-scroll-snap-points-x:snapList(100%,200%,300%,400%,500%);-ms-overflow-style:none;scrollbar-face-color:#343434;scrollbar-highlight-color:#343434;scrollbar-track-color:#272727;scrollbar-arrow-color:#fff;scrollbar-shadow-color:#343434;scrollbar-3dlight-color:#343434;scrollbar-darkshadow-color:#343434;scrollbar-base-color:#343434;-ms-scroll-snap-type:proximity}.column-customer-scroll-bar::-webkit-scrollbar{background-color:#343434;height:2px;width:10px}.column-customer-scroll-bar::-webkit-scrollbar-track{background-color:#343434;border-radius:10px}.column-customer-scroll-bar::-webkit-scrollbar-thumb{background-color:#272727;border-radius:10px}