.vip-price{background:#a69315;border-radius:4px;color:#fff;padding:8px 20px}.liveclass-wrap .btn-red{background:#f04f4f!important;border-radius:4px!important;box-shadow:0 0 6px 0 rgba(240,79,79,.56)!important}.liveclass-wrap .btn-red:hover{background:#df3232!important;box-shadow:0 2px 6px 0 rgba(240,79,79,.78)!important}.liveclass-wrap .course-area-wrap{background:#1c1d1e;color:#fff}.liveclass-wrap .course-area-wrap .container{display:flex;padding:30px 0}.liveclass-wrap .course-area-wrap .container .course-wrap{background:#343434;border-radius:4px;height:550px;overflow:hidden;width:770px}.liveclass-wrap .course-area-wrap .container .course-wrap .top{align-items:center;display:flex;margin:24px 20px}.liveclass-wrap .course-area-wrap .container .course-wrap .top .avatar{border-radius:50%;width:60px}.liveclass-wrap .course-area-wrap .container .course-wrap .top .top-info{margin-left:24px}.liveclass-wrap .course-area-wrap .container .course-wrap .top .top-info .title{font-size:20px;font-weight:700}.liveclass-wrap .course-area-wrap .container .course-wrap .top .top-info .name{color:#9b9b9b;font-size:16px;margin-top:14px}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving{overflow:hidden;position:relative}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img{transition:all .3s ease-out}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving:hover .course-img{transform:scale(1.05)}.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img{height:435.02825px;width:100%}.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh,.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .div,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .div{opacity:.73}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh:hover,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh:hover .div,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone:hover,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone:hover .div{opacity:1}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover,.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover .popover-title,.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover .popover-content,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .popover .popover-content{padding:8px 25px 0}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .refresh .popover .qr,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone .popover .qr{border-radius:2px;height:100px;width:100px}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .course-img-bottom .view-in-phone{opacity:1}.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .mask,.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .title{display:none}.liveclass-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}.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask .btn:hover{background:#f04f4f}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask .btn img{width:18px}.liveclass-wrap .course-area-wrap .container .course-wrap #notLiving .living-mask:hover .btn{background:#f04f4f}.liveclass-wrap .course-area-wrap .container .course-info-wrap{background:#272727;border-radius:4px;flex:1;height:550px;margin-left:20px;overflow:hidden}.liveclass-wrap .course-area-wrap .container .course-info-wrap .top{background:#343434;font-size:16px;height:238px;padding:24px 18px}.liveclass-wrap .course-area-wrap .container .course-info-wrap .top .countdown-wrap{color:#9b9b9b;font-size:14px;margin-top:18px}.liveclass-wrap .course-area-wrap .container .course-info-wrap .top .countdown-wrap .countdown{align-items:center;display:flex;justify-content:center}.liveclass-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}.liveclass-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}.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-info-wrap .btitle,.liveclass-wrap .course-area-wrap .container .course-info-wrap .top .top-live-done{display:none}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom{height:310px;overflow:hidden;overflow-y:auto}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom *{transition:all .3s ease-out}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item{color:#fff;display:flex;padding:18px}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item:hover{background-color:#1e1e1e}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item:hover .course-img{transform:scale(1.05)}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item:first-child{margin-top:0}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-img{width:150px}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info{margin-left:17px}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info .title{color:#fff;font-size:16px;word-break:break-all}.liveclass-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}.liveclass-wrap .course-area-wrap .container .course-info-wrap .bottom .course-list .item .course-info .name .play-arr-icon{margin-right:5px;width:12px}.liveclass-wrap .course-area-wrap .live-done .course-wrap{border-bottom-right-radius:0;border-top-right-radius:0;height:460px}.liveclass-wrap .course-area-wrap .live-done .course-wrap .top{display:none}.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving{overflow:hidden;position:relative}.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .course-img{transition:all .3s ease-out}.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving:hover .course-img{transform:scale(1.05)}.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .course-img-bottom,.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .notice{display:none}.liveclass-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}.liveclass-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}.liveclass-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}.liveclass-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}.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #notLiving .mask:hover .play-btn{opacity:1}.liveclass-wrap .course-area-wrap .live-done .course-wrap .course-div #livingHuifang{height:435.02825px}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap{border-bottom-left-radius:0;border-top-left-radius:0;height:435.02825px;margin:0}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap .top{align-items:center;display:flex;height:115px}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap .top .top-live{display:none}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap .top .top-live-done{display:block;font-size:18px}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap .top .top-live-done .avatar{border-radius:50%;height:46px;margin-right:14px;width:46px}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap .btitle{display:block;font-size:18px;padding:34px 18px 18px}.liveclass-wrap .course-area-wrap .live-done .course-info-wrap .bottom{height:240px;padding-top:0}.liveclass-wrap #living{display:none;height:710px}.liveclass-wrap #living.plv-living-container{height:900px;width:100%}.liveclass-wrap .content-wrap{align-items:flex-start;display:flex;margin-top:20px}.liveclass-wrap .content-wrap .intro-wrap{background:#fff;border-radius:4px;width:820px}.liveclass-wrap .content-wrap .intro-wrap .title{border-bottom:4px solid #fafafa;font-size:18px;padding:30px 40px 0}.liveclass-wrap .content-wrap .intro-wrap .title a{color:#9a9a9a;cursor:pointer;display:inline-block;padding-bottom:12px;position:relative}.liveclass-wrap .content-wrap .intro-wrap .title a.current{color:#262626}.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div{padding:30px 36px}.liveclass-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}.liveclass-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);display:none;height:120px;margin-bottom:30px;position:relative}.liveclass-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}.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap{align-items:center;display:flex}.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .email-input:focus,.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .email-input:hover{border-bottom:2px solid #f04f4f}.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .out_box:visible{left:-20px}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .focus_box,.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .focus_box{background:#f0f0f0}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .btn-opt-wrap{display:flex}.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .input-wrap .btn-opt-wrap .cancel{background:none;color:#666;margin-left:10px}.liveclass-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%}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail,.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success{display:flex}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail img,.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success img{height:24px}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail span,.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-success span{color:#323232;padding:0 20px}.liveclass-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%}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail span{color:#f04f4f}.liveclass-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}.liveclass-wrap .content-wrap .intro-wrap .content-div .attach-wrap .send-mask .sending-wrap .send-fail .resend{color:#474747}.liveclass-wrap .content-wrap .intro-wrap .content-div .content-ad{display:block;margin-top:20px;outline:none}.liveclass-wrap .content-wrap .intro-wrap .content-div .content-ad img{width:100%}.liveclass-wrap .content-wrap .right-wrap{flex:1;margin-left:20px}.liveclass-wrap .content-wrap .right-wrap .div{background:#fff;border-radius:4px;padding:30px 20px 10px 30px}.liveclass-wrap .content-wrap .right-wrap .div .title{color:#262626;font-size:18px;font-weight:700}.liveclass-wrap .content-wrap .right-wrap .div .list-wrap{margin-top:20px}.liveclass-wrap .content-wrap .right-wrap .div .list-wrap .list{display:block;margin-top:20px}.liveclass-wrap .content-wrap .right-wrap .div .list-wrap .list .course-img{width:100%}.liveclass-wrap .content-wrap .right-wrap .div .list-wrap .list .title{color:#262626;font-size:16px;font-weight:700;margin-top:15px}.liveclass-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}.liveclass-wrap .content-wrap .right-wrap .div .list-wrap .list .summary .living-soon{color:#f04f4f}.liveclass-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}.liveclass-wrap .content-wrap .right-wrap .more-class .more-icon{margin-left:5px;width:14px}.liveclass-wrap .content-wrap .right-wrap .more-class .more-current-icon{display:none}.liveclass-wrap .content-wrap .right-wrap .more-class:hover{background:#f7f7f7;color:#f04f4f}.liveclass-wrap .content-wrap .right-wrap .more-class:hover .more-icon{display:none}.liveclass-wrap .content-wrap .right-wrap .more-class:hover .more-current-icon{display:block}.liveclass-wrap .content-wrap .right-wrap .right-ad{display:block;margin-top:20px;outline:none}.liveclass-wrap .content-wrap .right-wrap .right-ad img{border-radius:4px;width:100%}.liveclass-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}.liveclass-wrap #remind .qr-wrap{background:#fff;border-radius:4px;padding:60px 117px;position:relative;text-align:center;white-space:nowrap}.liveclass-wrap #remind .qr-wrap .close{font-size:40px;position:absolute;right:15px;top:0}.liveclass-wrap #remind .qr-wrap .title{color:#323232;font-size:18px}.liveclass-wrap #remind .qr-wrap .qr{height:160px;margin:12px 0;width:160px}.liveclass-wrap #remind .qr-wrap .summary{color:#989898;font-size:16px}.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:5px}.customer-scroll-bar::-webkit-scrollbar-track{background-color:#272727;border-radius:10px}.customer-scroll-bar::-webkit-scrollbar-thumb{background-color:#343434;border-radius:10px}