.word-break{word-break:break-all;word-wrap:break-word}.keep-word{white-space:nowrap;word-break:keep-all}.display_flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.display_flex>*{display:block}.display_inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.display_inline-flex>*{display:block}.flex-direction_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.justify-content_flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-content_flex-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-content_flex-justify{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.align-items_flex-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.align-items_flex-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.align-items_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.align-items_flex-justify{-webkit-box-align:justify;-ms-flex-align:justify;-webkit-align-items:space-between;align-items:space-between}.align-items_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.flex_auto{-webkit-box-flex:1;-ms-flex:auto;-webkit-flex:auto;flex:auto}.flex_1{width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.order_2{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.order_3{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,optgroup,th,var{font-style:normal;font-weight:400}strong{font-weight:400}em{font-style:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-family:"Microsoft YaHei",PingFangSC-Regular}abbr,acronym{border:0;font-variant:normal}code,kbd,samp,tt{font-size:100%}button,input,select,textarea{border:none}body{background:#fff;color:#5e5e5e;font:14px/2em Microsoft YaHei,SimSun,Arial}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sub,sup{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a:link,a:visited{color:#5e5e5e}a:hover{color:#c9394a}a:active{color:#666}.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.l{float:left}.r{float:right}.clear{height:0;overflow:hidden;clear:both}.hide{display:none}.btn.hide{display:none}a.hidefocus{outline:0}button.hidefocus::-moz-focus-inner{border:none}a:focus{outline:0;-moz-outline:none}input,textarea{outline:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}[hidden],template{display:none}a{background-color:transparent}a:active,a:focus,a:hover{outline:0;-moz-outline:none}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}.mr60{margin-right:60px}.pa{position:absolute}.color-red{color:#ef1300!important}.overhidden{overflow:hidden}.rl-modal{position:fixed;background:#fff;z-index:100000;width:384px;padding-top:24px;padding-bottom:16px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 12px 24px 0 rgba(28,31,33,.1);border-radius:12px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s}.rl-modal.in{opacity:1}.rl-modal-header{position:relative;padding:0 20px 24px 30px}.rl-modal-header h1{font-size:18px;line-height:40px;font-weight:700;height:40px;color:#787d82}.rl-modal-header h1.black-title{color:#1c1f21}.rl-modal-header h1 span{float:left;text-align:center;height:40px;line-height:40px;cursor:pointer}.rl-modal-header h1 span:not(:first-child){margin-left:32px}.rl-modal-header .active-title,.rl-modal-header span:hover{color:#f20d0d}.rl-modal-header .active-title:after,.rl-modal-header span:hover:after{content:" ";width:16px;height:4px;line-height:4px;background:#f20d0d;border-radius:2px;display:block;margin:0 auto}.rl-close{position:absolute;top:11px;right:20px;width:17px;height:17px;cursor:pointer;background:url(../image/nlogin.png) no-repeat 0 0;transition:transform .2s;-webkit-transition:transform .2s;-moz-transition:transform .2s;-o-transition:transform .2s}.rl-close:hover{background-position:0 -21px;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.rl-modal-body{padding:0 32px}.error-erea{font-size:14px;color:#f01400;padding-bottom:5px;height:20px}.modal-backdrop{background-color:#fff}.modal-backdrop.fade{opacity:0}.modal-backdrop,.modal-backdrop.fade.in{opacity:.75}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.fade{opacity:0;-webkit-transition:opacity .15s linear;-moz-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.rl-model-footer{padding:20px 30px 4px}.rl-model-signup .ipt-phone{padding-left:77px!important}.rlf-appendix{line-height:1em}.rlf-appendix .rlf-autoin,.rlf-appendix .rlf-forget{color:#9199a1}.rlf-appendix .rlf-forget:hover{color:#545c63}.rlf-appendix .rlf-line{margin:0 16px;background:rgba(28,31,33,.1);width:1px;height:14px}.rlf-appendix .auto-cbx{margin-right:10px;vertical-align:-1px}.rlf-appendix .ipt-agreement{color:#37f}.rlf-appendix .ipt-agreement:hover{color:#0f618a}.rl-modal .ipt{width:100%;height:48px;line-height:20px;box-sizing:border-box;padding:14px;box-shadow:2px 0 5px 0 #fff;background:rgba(28,31,33,.06);border-radius:8px;border:0}.ipt::-webkit-input-placeholder{color:#9199a1;font-size:16px}.ipt::-moz-placeholder{color:#9199a1;font-size:16px}.ipt:-ms-input-placeholder{color:#9199a1;font-size:16px}.ipt-email{background-position:0 0}.ipt-pwd{background-position:0 -48px}.ipt-nick{background-position:0 -96px}.ipt-phone{padding-left:57px!important}.rlf-areacode{position:absolute;cursor:pointer;left:16px;top:12px;font-size:16px;color:#1c1f21;text-align:left;line-height:24px}.rlf-verify-group .rlf-input{background:#fff;padding-left:7px;width:120px;vertical-align:top}.rlf-verify-group img{height:38px;width:70px;margin:0 10px;vertical-align:top;display:inline-block}.rlf-verify-group span{display:inline-block;color:#39b94e;cursor:pointer;height:40px;vertical-align:top;line-height:150%;margin-top:-4px}.not-register-tips,.rlf-tip-wrap{font-size:12px;height:20px;line-height:20px}.not-register-tips{display:none}.rlf-g-tip{height:20px}.rlf-tip-globle{font-size:14px;height:20px;line-height:20px}.rlf-tip-error{color:#f01400}.btn-full{width:100%;box-sizing:border-box!important}.btn-block{display:block;width:auto}.forgetpwd-resultwrap{text-align:center;display:none;width:260px}.pop-login-signup-box{box-sizing:border-box;font-size:16px;color:#f20d0d;text-align:center;line-height:24px;margin-bottom:24px}.pop-login-signup-box span{cursor:pointer}.pop-login-sns{text-align:center;font-size:14px;margin-bottom:24px}#signup .pop-login-sns{margin-bottom:13px}.pop-login-sns .rlf-other{margin-left:30px;margin-right:24px;padding-right:24px;display:inline-block;font-size:14px;color:#f20d0d;text-align:left;line-height:24px;border-right:1px solid #1a1C1F21;cursor:pointer}.pop-login-sns .rlf-other:hover{color:#c20a0a}.pop-login-sns a{display:inline-block;width:48px;height:48px;border-radius:100px}.pop-login-sns a+a{margin-left:64px}.pop-login-sns i{font-size:24px;line-height:48px}.pop-login-sns .pop-sns-weixin{position:relative;background-color:#e5ffe1;color:#00cc63}.pop-login-sns .pop-sns-weixin:after{content:'推荐登录';position:absolute;top:-18px;left:4px;width:4em;padding:6px 10px;font-size:16px;background-color:#fff;border:2px solid #d4ffe9;border-radius:100px 100px 100px 0;transform:scale(.5)}.pop-login-sns .pop-sns-qq{background-color:#edf5ff;color:#368afe}.pop-login-sns .pop-sns-weibo{background-color:#fff2f5;color:#e5254d}.privacy_tip{font-size:14px;color:#9199a1;text-align:center}.privacy_tip a{font-size:14px;color:#37f}.privacy_tip a:link,.privacy_tip a:visited{font-size:14px;color:#37f}.rl-modal .ipt-verify{background-image:none}.rl-modal .icon-refresh{position:absolute;right:90px;top:12px;color:#b5b9bc;font-size:24px;display:inline-block;-webkit-transition:.4s linear;transition:.4s ease-in}.rl-modal .icon-refresh:hover{color:#787d82;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}.rl-modal .form-control{position:relative}.rl-modal .proclaim-loc{position:relative}.rl-modal .proclaim-btn{font-size:23px;color:#b5b9bc;position:absolute;top:12px;right:14px}.rl-modal .proclaim-btn:hover{color:#717a84}.rl-modal .verify-img{width:80px;height:32px}.rl-modal .verify-extra{line-height:20px}.rl-modal .verify-extra a{color:#17823b}.rl-modal .btn-red{background-color:#f01400;border-color:#f01400}.rl-modal .btn-red:hover{background-color:#ff6464;border-color:#ff6464}.rl-modal .ipt-error,.rl-modal .rlf-tip-error{color:#f01400}.rl-modal .rlf-tip-error{height:30px;line-height:30px}.rl-modal .js-proclaim-on .js-txt-pwd{display:none}.rl-modal .js-proclaim-off .js-pass-pwd{display:none!important}.rl-modal input[type=text]::-ms-clear{width:0;height:0}.rl-modal input[type=password]::-ms-reveal{width:0;height:0}.verify-img-wrap{position:absolute;right:2px;top:8px;width:84px;height:32px}.rlf-tip-wrap{clear:both}.areacode-box{display:none;width:320px;height:280px;position:absolute;top:132px;left:32px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:8px}.areacode-box .code-tab{padding:16px}.areacode-box .code-tab li{display:inline-block;margin-right:9px;cursor:pointer}.areacode-box .code-tab li.curr{font-weight:700;color:#f20d0d}.areacode-box .code-title{border-top:1px solid #e1e2e2;margin:0 16px 14px}.areacode-box .code-title span{margin-top:-10px;position:relative;font-size:12px;color:#9199a1;background:#fff;float:left;width:36px}.areacode-box .code-list{overflow:hidden;height:190px}.areacode-box .code-list li{padding-left:16px;font-size:16px;color:#545c63;text-align:left;line-height:48px;cursor:pointer}.areacode-box .code-list li:hover{background:rgba(56,61,66,.06)}.areacode-box .code-list .nano-pane{right:4px}.areacode-box .code-list .nano-slider{background:rgba(28,31,33,.1)!important;border-radius:4px!important}.autoul{width:298px;padding:0;border-top:0 none;position:absolute;height:156px;overflow:hidden;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:8px;z-index:10000}.autoul .autoli{color:#787d82;height:39px;line-height:39px;text-align:left;cursor:pointer;font-size:14px;padding:0 10px;overflow:hidden;display:none;text-overflow:ellipsis}.autoul .lihover{background-color:#edf1f2}.autoul .showli{display:block}.form-control .autoul{width:318px}.erweima,.pcLogin{background:url(../image/erweima.png) no-repeat 0 0;width:60px;height:60px;position:absolute;bottom:1px;right:0;cursor:pointer;border-radius:0 0 12px 0}.pcLogin{background:url(../image/pcLogin.png) no-repeat 0 0}.qrcode{margin:10px 80px 31px;position:relative}.qrcode_title{font-size:16px;color:#717a84;text-align:center}.qrcode_mark{color:#717a84;font-size:12px;text-align:center}.qrcode-inner{position:absolute;background-color:#fff;height:160px;width:160px;opacity:.95}.qrcode_state_scaned{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;font-weight:700;color:#1c1f21}.qrcode_state_scaned i{margin-top:44px;display:block;font-size:48px;color:#37f}.qrcode_state_validate{width:100%;height:100%;position:absolute;left:0;top:0;text-align:center}.qrcode_state_validate span{padding-top:44px;color:#1c1f21;padding-bottom:12px;display:block;font-weight:700}.qrcode_state_validate a{background:#383d42;color:#fff!important}.phoneVerityBox{font-family:"微软雅黑"}.backNotify,.phoneVerityBox .subtitle,.phoneVerityBox .title{text-align:center}.phoneVerityBox .title{margin-bottom:4px;font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-family:"微软雅黑"}.phoneVerityBox .subtitle{font-size:14px;color:#545c63;line-height:22px;margin-bottom:20px;font-family:"微软雅黑"}.phoneVerityBox .subtitle span{color:#1c1f21}.phoneVerityBox .reSend{top:12px;right:14px;font-size:14px;color:#9199a1;line-height:24px}.phoneVerityBox .reSend.active{right:14px;color:#37f!important;cursor:pointer}.phoneVerityBox .reSend.active:hover{color:#19a1e6!important}.phoneVerityBox .voicecode-send{margin-left:8px;padding-left:8px;font-size:14px;color:#37f;line-height:24px;cursor:pointer;border-left:1px solid #d3d6d9}.phoneVerityBox .voicecode-send:hover{color:#19a1e6}.phoneVerityBox .voicesend i{display:inline-block;margin-right:4px}#signup .subtitle,#signup .title,.backNotify{text-align:center}#signup .title{margin-bottom:4px;font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-family:"微软雅黑"}#signup .subtitle{font-size:14px;color:#545c63;line-height:22px;margin-bottom:20px;font-family:"微软雅黑"}#signup .subtitle span{color:#1c1f21}#signup .reSend{top:12px;right:14px;font-size:14px;color:#9199a1;line-height:24px}#signup .reSend.active{right:14px;color:#37f!important;cursor:pointer}#signup .reSend.active .js-reSend:hover,#signup .reSend.active .js-signup-send:hover,#signup .reSend.active .voicecode-send:hover{color:#19a1e6!important}#signup .voicecode-send{margin-left:8px;padding-left:8px;font-size:14px;color:#37f;line-height:24px;cursor:pointer;border-left:1px solid #d3d6d9}#signup .voicesend i{display:inline-block;margin-right:4px}.rl-modal-body .backNotify{color:#777c81;margin-top:15px;cursor:pointer}.rl-modal-body .user_header{width:76px;background:url(../image/default_user.png) no-repeat 0 0;height:76px;margin:auto;margin-top:40px}.rl-modal-body .btn-finished{width:160px;height:50px}.rl-modal-body .finished_wrap{text-align:center}.rl-modal-body .active{color:#13181e!important;cursor:pointer}.rl-modal-body .active:hover{color:#ff6464!important}.reg-success{padding-top:38px;text-align:center}.reg-success .icon-send-success{width:96px;height:96px;line-height:96px;border-radius:50%;background:rgba(28,31,33,.1);display:inline-block;font-size:64px;color:#1c1f21}.reg-success p{font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-weight:700;padding:16px 0 5px}.reg-success .get-info{font-size:12px;color:#545c63;text-align:center;line-height:18px}.reg-success .moco-btn-lg{margin-top:36px;margin-bottom:20px}.nano{position:relative;width:100%;height:100%;overflow:hidden}.nano>.nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0}.nano>.nano-content:focus{outline:thin dotted}.nano>.nano-content::-webkit-scrollbar{display:none}.has-scrollbar>.nano-content::-webkit-scrollbar{display:block}.nano>.nano-pane{position:absolute;width:10px;right:10px;top:0;bottom:0;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.nano>.nano-pane>.nano-slider{background:#4e5a5e;position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.nano-pane.active,.nano-pane.flashed,.nano:hover>.nano-pane{opacity:.99}#signup .rl-modal-body{position:relative}#signup .rl-modal-body .captcha-border-box{display:none;width:320px;box-sizing:border-box;position:absolute;top:50%;margin-top:-104px;z-index:1}#signup .rl-modal-body .captcha-border-box:after{content:'';display:block;position:fixed;top:-1px;bottom:-1px;left:0;right:0;background:rgba(0,0,0,.75);border-radius:12px;z-index:1;box-shadow:0 0 30px 0 #060606}#signup .rl-modal-body .captcha-border-box .captcha-verify-box{position:relative;z-index:2;border:8px solid #fff;background-color:#fff;border-radius:8px}.btn{display:inline-block;margin-bottom:0;font-weight:200;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;text-decoration:none;box-sizing:content-box;background-image:none;border:1px solid transparent;-webkit-appearance:none;white-space:nowrap;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.focus,.btn:focus,.btn:hover{color:#fff;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;opacity:.65;box-shadow:none}.btn-red{color:#fff;background-color:#f20d0d;border-color:#f20d0d;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-red:link,.btn-red:visited{color:#fff}.btn-red.focus,.btn-red:focus,.btn-red:hover{color:#fff;background-color:#f42f2f;border-color:#f42f2f}.btn-red.active,.btn-red:active{background-color:#da0b0b;border-color:#da0b0b}.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover{cursor:default;box-shadow:none;background-color:#f20d0d;border-color:#f20d0d}.btn-blue{color:#fff;background-color:#1481b8;border-color:#1481b8;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-blue:link,.btn-blue:visited{color:#fff}.btn-blue.focus,.btn-blue:focus,.btn-blue:hover{color:#fff;background-color:#1898d8;border-color:#1898d8}.btn-blue.active,.btn-blue:active{background-color:#1271a1;border-color:#1271a1}.btn-blue.disabled,.btn-blue.disabled.active,.btn-blue.disabled.focus,.btn-blue.disabled:active,.btn-blue.disabled:focus,.btn-blue.disabled:hover,.btn-blue[disabled],.btn-blue[disabled].active,.btn-blue[disabled].focus,.btn-blue[disabled]:active,.btn-blue[disabled]:focus,.btn-blue[disabled]:hover{cursor:default;box-shadow:none;background-color:#1481b8;border-color:#1481b8}.btn-green{color:#fff;background-color:#17823b;border-color:#17823b;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-green:link,.btn-green:visited{color:#fff}.btn-green.focus,.btn-green:focus,.btn-green:hover{color:#fff;background-color:#1ca048;border-color:#1ca048}.btn-green.active,.btn-green:active{background-color:#136c31;border-color:#136c31}.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled.focus,.btn-green.disabled:active,.btn-green.disabled:focus,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled].focus,.btn-green[disabled]:active,.btn-green[disabled]:focus,.btn-green[disabled]:hover{cursor:default;box-shadow:none;background-color:#17823b;border-color:#17823b}.btn-normal{color:#787d82;background-color:#fff;border-color:#d0d6d9;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-normal:link,.btn-normal:visited{color:#787d82}.btn-normal.focus,.btn-normal:focus,.btn-normal:hover{color:#787d82;background-color:#edf1f2;border-color:#98a1a6}.btn-normal.active,.btn-normal:active{background-color:#f2f2f2;border-color:#c2cace}.btn-normal.disabled,.btn-normal.disabled.active,.btn-normal.disabled.focus,.btn-normal.disabled:active,.btn-normal.disabled:focus,.btn-normal.disabled:hover,.btn-normal[disabled],.btn-normal[disabled].active,.btn-normal[disabled].focus,.btn-normal[disabled]:active,.btn-normal[disabled]:focus,.btn-normal[disabled]:hover{cursor:default;box-shadow:none;background-color:#fff;border-color:#d0d6d9}.btn-sm{width:78px;height:28px;line-height:28px;font-size:12px}.id_icon_imoocs{background-image:url(../image/imoocs.svg);background-size:contain;background-repeat:no-repeat}.id_icon_lecturer{background-image:url(../image/lecturer.svg);background-size:contain;background-repeat:no-repeat}.id_icon_writer{background-image:url(../image/writer.svg);background-size:contain;background-repeat:no-repeat}.id_icon_teaching_design{background-image:url(../image/teaching_design.svg);background-size:contain;background-repeat:no-repeat}.id_icon_assistant{background-image:url(../image/assistant.svg);background-size:contain;background-repeat:no-repeat}.pad9{padding:0 9px}.w298{width:278px;padding:0 9px}.w200{width:180px;padding:0 9px}.statement{margin-bottom:12px}#improve-mode{width:430px;box-sizing:border-box}.moco-modal-layer #improve-mode{display:block!important}.improve .wfbd{position:absolute;left:330px;bottom:48px;font-size:12px;color:#727679}.improve .wfbd:hover{text-decoration:underline}.improve label{display:inline-block;width:104px;font-weight:700;color:#07111b;text-align:right}.improve .help-inline{left:120px;width:298px;position:absolute;line-height:24px;bottom:-24px;font-size:12px;color:#f01414}.improve .help-inline label.error{color:inherit;text-align:left;font-weight:400;width:auto}.improve .help-inline i{display:inline-block;color:#fff;width:20px;background:#00a0dc;border-radius:2px;cursor:pointer;font-style:normal;text-align:center}.improve .box{line-height:36px;position:relative;margin-bottom:8px}.improve .box input[type=password],.improve .box input[type=text]{box-sizing:border-box;padding:0 12px;height:36px;border:1px solid rgba(84,92,99,.6);border-radius:6px;margin-left:16px}.improve .box .getCode{position:absolute;padding:0 9px;top:8px;right:12px;font-size:12px;color:#9199a1;line-height:20px}.improve .box .getCode.active{right:85px;color:#1481b8;cursor:pointer}.improve .box .getCode.active:hover{color:#19a1e6}.improve .box .voicecode-send{position:absolute;right:12px;top:8px;padding-left:8px;font-size:12px;color:#1481b8;line-height:20px;cursor:pointer;border-left:1px solid #d3d6d9}.improve .box .voicecode-send i{display:inline-block;margin-right:4px}.improve .box .voicecode-send:hover{color:#19a1e6}.improve .box .l{position:relative}.improve .box .l .icon-pw{position:absolute;top:0;right:0;color:#b7bbbf;line-height:38px;font-size:24px;margin-right:7px}.improve .box .l .icon-pw:hover{color:#71777d}.improve .box .cancelBtn,.improve .box .submitBtn{display:inline-block;text-align:center}.improve .box .submitBtn{margin-left:120px;vertical-align:top}.improve .box .cancelBtn{margin-left:12px}.improve .edit{margin-bottom:24px}.improve .edit p.w298{margin:10px 0 30px 111px;font-size:12px;color:#93999f;line-height:22px}.improve .info-val{margin-left:16px;color:#07111b}.rl-modal-title h2{padding-top:22px;font-size:16px;color:#1c1f21;line-height:24px;text-align:center;font-weight:700}.rl-modal-title p{padding:8px 0 20px;font-size:14px;color:#545c63;letter-spacing:0;text-align:center;line-height:22px}@font-face{font-family:sz;src:url(../font/sz.eot);src:url(../font/sz.eot) format('embedded-opentype'),url(../font/sz.ttf) format('truetype'),url(../font/sz.woff) format('woff'),url(../font/sz.svg) format('svg');font-weight:400;font-style:normal}[class*=" sz-"],[class^=sz-]{font-family:sz!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sz-tips:before{content:"\e91e"}.sz-class:before{content:"\e91b"}.sz-score_shop:before{content:"\e918"}.sz-feedback:before{content:"\e917"}.sz-weixigzh:before{content:"\e919"}.sz-arrow-up:before{content:"\e91a"}.sz-receipt:before{content:"\e914"}.sz-shopping-cart:before{content:"\e915"}.sz-add-shopping-cart:before{content:"\e916"}.sz-hourglass_empty:before{content:"\e913"}.sz-play:before{content:"\e912"}.sz-add_question:before{content:"\e90a"}.sz-webide:before{content:"\e90b"}.sz-continue:before{content:"\e90c"}.sz-error:before{content:"\e600"}.sz-done:before{content:"\e601"}.sz-close:before{content:"\e602"}.sz-help:before{content:"\e603"}.sz-event:before{content:"\e604"}.sz-answer:before{content:"\e605"}.sz-thumb:before{content:"\e606"}.sz-thumb-o:before{content:"\e607"}.sz-imooc:before{content:"\e608"}.sz-weibo:before{content:"\e609"}.sz-weixin:before{content:"\e60a"}.sz-qq:before{content:"\e60b"}.sz-delete:before{content:"\e60c"}.sz-edit:before{content:"\e60d"}.sz-folder:before{content:"\e60e"}.sz-code:before{content:"\e60f"}.sz-image:before{content:"\e62d"}.sz-unknown:before{content:"\e62e"}.sz-antenna:before{content:"\e610"}.sz-cloud-on:before{content:"\e611"}.sz-cloud-off:before{content:"\e612"}.sz-vpn-lock:before{content:"\e613"}.sz-check:before{content:"\e614"}.sz-check-o:before{content:"\e615"}.sz-radio-on:before{content:"\e616"}.sz-radio-off:before{content:"\e617"}.sz-star:before{content:"\e618"}.sz-star-h:before{content:"\e619"}.sz-star-o:before{content:"\e61a"}.sz-video-c:before{content:"\e61b"}.sz-practice-c:before{content:"\e61c"}.sz-code-c:before{content:"\e61d"}.sz-chapter:before{content:"\e61e"}.sz-add:before{content:"\e61f"}.sz-remove:before{content:"\e620"}.sz-empty:before{content:"\e621"}.sz-half:before{content:"\e622"}.sz-full:before{content:"\e623"}.sz-refresh:before{content:"\e624"}.sz-list-o:before{content:"\e628"}.sz-list-c:before{content:"\e629"}.sz-arrow-r:before{content:"\e625"}.sz-arrow-d:before{content:"\e626"}.sz-close-s:before{content:"\e62a"}.sz-close-h:before{content:"\e627"}.sz-unsave:before{content:"\e62b"}.sz-loading:before{content:"\e62c"}.sz-course:before{content:"\e62f"}.sz-project:before{content:"\e630"}.sz-student:before{content:"\e631"}.sz-evaluation:before{content:"\e632"}.sz-top:before{content:"\e633"}.sz-back:before{content:"\e634"}.sz-list:before{content:"\e635"}.sz-question:before{content:"\e636"}.sz-pen:before{content:"\e637"}.sz-message:before{content:"\e638"}.sz-clock:before{content:"\e639"}.sz-replay:before{content:"\e63a"}.sz-weixin-y:before{content:"\e63b"}.sz-qq-y:before{content:"\e63c"}.sz-weibo-y:before{content:"\e63d"}.sz-show-pw:before{content:"\e63e"}.sz-up:before{content:"\e800"}.sz-arrow-drop-right:before{content:"\e900"}.sz-done2:before{content:"\e901"}.sz-terminal:before{content:"\e902"}.sz-qr:before{content:"\e903"}.sz-settings:before{content:"\e904"}.sz-arrow_drop_down:before{content:"\e905"}.sz-content-copy:before{content:"\e906"}.sz-schedule:before{content:"\e907"}.sz-run:before{content:"\e908"}.sz-keyboard-control:before{content:"\e909"}.sz-group:before{content:"\e90d"}.sz-mail:before{content:"\e90e"}.sz-notifi:before{content:"\e90f"}.sz-search:before{content:"\e910"}.sz-appdownload:before{content:"\e911"}.sz-help_outline:before{content:"\e91c"}.sz-back:before{content:"\e634"}.sz-forward:before{content:"\e91d"}@font-face{font-family:DINCond-M;src:url(https://coding.imooc.com/static/module/common/fonts/DINCondm/DINCOND-MEDIUM.otf);font-weight:400;font-style:normal}@font-face{font-family:DINCondensed;src:url(../font/DINCondensed.ttf);font-weight:400;font-style:normal}.w{width:1200px;margin:0 auto}.pr{position:relative}.mt40{margin-top:40px}.mt60{margin-top:60px}body,html{color:#1c1f21;font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;background-color:#fff;min-width:1200px;overflow-y:auto;position:relative;padding-top:0;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}body:after{width:100%;height:100%;position:absolute;top:0;z-index:1000;content:" ";display:block;background:#000;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden}a:link,a:visited{color:#1c1f21}a:active,a:hover{color:#f20d0d}.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.l{float:left}.r{float:right}.hide{display:none}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}.newcontainer,.page-container{margin:0 auto;width:1152px}#main{min-height:750px;padding:20px 0}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addZ-index{z-index:9999}.page{margin:25px 0 auto;overflow:hidden;clear:both;text-align:center}.page-inner{padding:0 20px}.page a{display:inline-block;margin:0 12px;width:36px;height:36px;line-height:36px;font-size:14px;color:#4d555d;text-align:center;border-radius:50%;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}.page a:hover{text-decoration:none;background-color:#d9dde1}.page a.active{background:#4d555d;color:#fff}.page a:first-child,.page a:last-child,.page a:nth-child(2),.page a:nth-last-child(2){width:auto}.page a:first-child:hover,.page a:last-child:hover,.page a:nth-child(2):hover,.page a:nth-last-child(2):hover{background-color:transparent}.page span,.page-disabled{display:inline-block;padding:0 12px;min-width:20px;height:39px;line-height:39px;font-size:14px;color:#93999f;text-align:center}.page-first,.page-last{width:50px}.page-next,.page-prev{width:70px}.page .notmargin{margin-right:0}.bordered{border-bottom:solid 1px #d0d6d9}.panel{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);padding:0 20px;color:#1c1f21;background-color:#fff;margin-bottom:20px}.panel-heading{border-bottom:solid 1px #d0d6d9}.panel-title{height:50px;line-height:50px;font-size:16px}select{margin:0;font-size:100%;cursor:pointer;font-weight:400;background-color:#fff;border:1px solid #ccc;color:#555;display:inline-block;font-size:14px;height:30px;line-height:30px;padding:4px 6px;vertical-align:middle}select:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a.btn-add-collection{display:block;background:url(https://coding.imooc.com/static/module/common/img/course/new_add_collection.png) no-repeat 46px top;height:32px;color:#909b9e;text-align:center;line-height:35px}a.btn-add-collection:hover{background-position:46px -44px;color:#fff}a.btn-remove-collection{background-position:46px -88px;color:#909b9e}a.btn-remove-collection:hover{background-position:46px -130px}.course-title .btn-add-collection{margin-top:6px}.videohead .btn-add-collection{margin-top:20px}.js-btn-collection .concerned-icon{margin-top:34px;display:inline-block}progress{display:inline-block;background:#f0f0f0;border:0;height:6px;color:#aad94a;width:400px}progress::-webkit-progress-bar{background:#f0f0f0}progress::-moz-progress-bar{background:#aad94a}progress::-webkit-progress-value{background:#aad94a}.progress{background:#f0f0f0;height:6px;width:400px;display:inline-block}.progressBar{background:#aad94a;height:6px}.teacher-icon{width:7px;margin-left:5px;position:relative;top:1px}.lottery{position:fixed;right:0;top:50%;margin-top:-218px;z-index:12}.elevator-lottery{background:url(../image/lottery-float.png);width:102px;height:102px;background-size:cover;display:block}.elevator-lottery i{float:right;color:#fff;margin:3px}.elevator{position:fixed;padding:0 12px;box-sizing:border-box;top:55%;margin-top:-140px;right:0;z-index:899;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px 0 0 8px}.elevator a{position:relative;display:block;width:48px;padding:15px 0;font-size:22px;line-height:20px;color:#b5b9bc;box-sizing:border-box;text-align:center}.elevator a+a:after{position:absolute;top:0;left:50%;margin-left:-12px;content:'';width:24px;border:1px solid #f3f5f7}.elevator a.elevator-weixin i{color:#00b33b}.elevator a i{font-size:24px;color:#669eff;display:block}.elevator a span{display:block;margin-top:6px;font-size:12px;color:#9199a1;line-height:12px}.elevator .no-goto{border-bottom:none}.elevator .elevator-app:hover span,.elevator .elevator-faq:hover span,.elevator .elevator-gzh:hover span,.elevator .elevator-msg:hover span{color:#669eff}.elevator .elevator-weixin:hover span{color:#4fcd6c}.elevator .elevator-app-box{position:absolute;width:160px;height:200px;top:0;right:70px;-webkit-transition:opacity .25s,transform .3s;-moz-transition:opacity .25s,transform .3s;transition:opacity .25s,transform .3s;opacity:0;vivsibility:hidden;-webkit-transform:scale(.01);-ms-transform:scale(.01);transform:scale(.01);background:#fff;box-shadow:0 -8px 16px 0 rgba(7,17,27,.2);border-radius:8px}.elevator .elevator-app-box .app-title{width:inherit;height:51px;background:#669eff;padding:10px 18px;box-sizing:border-box;border-radius:8px 8px 0 0;font-size:12px;color:#fff;letter-spacing:0;line-height:16px;text-align:left}.elevator .elevator-app-box .app-code{width:124px;height:124px;margin:12px auto 0;background:url(../image/elevator-0705.png) no-repeat -28px -289px}.elevator .elevator-app:hover .elevator-app-box{visibility:visible;opacity:1;max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.elevator .elevator-gzh-box{position:absolute;width:160px;height:200px;top:0;right:70px;-webkit-transition:opacity .25s,transform .3s;-moz-transition:opacity .25s,transform .3s;transition:opacity .25s,transform .3s;opacity:0;vivsibility:hidden;-webkit-transform:scale(.01);-ms-transform:scale(.01);transform:scale(.01);background:#fff;box-shadow:0 -8px 16px 0 rgba(7,17,27,.2);border-radius:8px}.elevator .elevator-gzh-box .gzh-title{width:inherit;height:51px;background:#669eff;padding:10px 18px;box-sizing:border-box;border-radius:8px 8px 0 0;font-size:12px;color:#fff;letter-spacing:0;line-height:16px;text-align:left}.elevator .elevator-gzh-box .gzh-code{width:124px;height:124px;margin:12px auto 0;background:url(../image/elevator-0705.png) no-repeat -27px -64px}.elevator .elevator-gzh:hover .elevator-gzh-box{visibility:visible;opacity:1;max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.elevator .elevator-weixin-box{position:absolute;width:160px;height:200px;top:0;right:70px;-webkit-transition:opacity .25s,transform .3s;-moz-transition:opacity .25s,transform .3s;transition:opacity .25s,transform .3s;opacity:0;vivsibility:hidden;-webkit-transform:scale(.01);-ms-transform:scale(.01);transform:scale(.01);background:#fff;box-shadow:0 -8px 16px 0 rgba(7,17,27,.2);border-radius:8px}.elevator .elevator-weixin-box .wx-title{width:inherit;height:51px;background:#4fcd6c;padding:10px 18px;box-sizing:border-box;border-radius:8px 8px 0 0;font-size:12px;color:#fff;letter-spacing:0;line-height:16px;text-align:left}.elevator .elevator-weixin-box .wx-code{width:124px;height:124px;margin:12px auto 0;background:url(../image/qwcode.png) no-repeat 0 0;background-size:cover}.elevator .elevator-weixin:hover .elevator-weixin-box{visibility:visible;opacity:1;max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}a{outline:0}a:active{star:expression(this.onFocus=this.blur())}a,button,input{outline:0}button::-moz-focus-inner{border:0}input::-moz-focus-inner{border:0}.autowrap{word-wrap:break-word;word-break:break-all}.layer-usercard{position:absolute;z-index:999;width:370px;height:165px;background:#fff;box-shadow:0 2px 2px #999}.layer-usercard .arrow{position:absolute;left:65px;top:-11px;width:19px;height:11px;background:url(https://coding.imooc.com/static/module/common/img/dot_usercard.png)}.layer-usercard-header{height:110px;background:#2a2c2e}.layer-usercard-header .avatar img{border-radius:50px;left:21px;position:absolute;top:21px;border:3px solid #7f8082}.layer-usercard-header dd,.layer-usercard-header dt{float:right;width:245px;padding-right:20px;color:#fff}.layer-usercard-header dt{padding-top:20px;font-size:18px}.layer-usercard-header dd{font-size:12px}.layer-usercard-info ul{overflow:hidden;padding-top:16px;height:32px;font-size:16px;color:#364247;position:relative}.layer-usercard-info li{float:left;padding:0 22px;border-right:1px solid #d9d9d9}.layer-usercard-info span{color:#969b9e;font-size:12px}.layer-usercard-info li.noborder{border:0}li.layer-usercard-medal{padding:0;top:12px;right:10px;width:117px;position:absolute;border:0}.layer-usercard-medal a{width:32px;height:32px;float:left;margin-right:5px;border-radius:1px;overflow:hidden}.send-area-result{background:#fff;box-shadow:0 4px 8px rgba(7,17,27,.2);-moz-box-shadow:0 4px 8px rgba(7,17,27,.2);-webkit-box-shadow:0 4px 8px rgba(7,17,27,.2);position:absolute;top:48px;left:0;width:inherit;border-radius:0 0 4px 4px}.send-area-result dt{font-size:12px;color:#b7bbbf;line-height:40px;height:40px;padding:0 10px}.send-area-result dd{height:40px;line-height:40px}.send-area-result dd a.questiontitle{border:none;font-size:14px;color:#93999f;width:inherit;text-align:left;height:40px;line-height:40px;padding:0 10px;display:block}.oncurr{color:#07111b;background:#f3f5f7}.oncurr a.questiontitle{color:#07111b!important}.send-area-result dd a.questiontitle em,.send-area-result dd a.questiontitle i{font-style:normal;font-size:12px;margin-left:8px}.send-area-result dd a.questiontitle em{color:#b7bbbf}.send-area-result dd a.questiontitle i{color:#00b33b}html.holding{height:100%;overflow:hidden}body.slide-left{-webkit-transform:translate(-130px,0);-ms-transform:translate(-130px,0);transform:translate(-130px,0);margin-right:-130px;padding-right:130px;height:100%;overflow:hidden}body.slide-left:after{left:-130px;visibility:visible;opacity:.3;z-index:1002}@media screen and (max-width:820px){.elevator{display:none!important}.navbar-toggle{position:relative;float:right;border:0;color:#fff;margin-top:10px;margin-right:-5px;outline:0;padding:5px 10px}.navbar-toggle,.navbar-toggle:focus,.navbar-toggle:hover{background:0 0}.navbar-toggle .sz-list{color:#fff;font-size:32px}}.article-head .user-card-item img{display:inline-block;width:24px;height:24px;border-radius:50%;vertical-align:middle}#sz-banner{position:relative;height:188px;background-image:linear-gradient(-90deg,#07111b 0,rgba(7,17,27,0) 100%)}#sz-banner .info-bg{overflow:hidden;z-index:0}#sz-banner .info-bg,#sz-banner .info-bg .cover-canvas,#sz-banner .info-bg .cover-img-wrap,#sz-banner .info-bg .cover-mask{position:absolute;left:0;top:0;width:100%;height:188px}#sz-banner .info-bg .cover-img-wrap{z-index:0;overflow:hidden}#sz-banner .info-bg .cover-img-wrap img{position:absolute;left:0;top:0}#sz-banner .wrap{width:1152px;margin-left:auto;margin-right:auto;position:relative}#sz-banner .sz-banner-left,#sz-banner .sz-banner-right{height:188px;position:relative}#sz-banner .sz-banner-left{float:left;width:100%}#sz-banner .sz-banner-right{position:absolute;right:0;top:0;width:304px}#sz-banner .course-notice{position:absolute;top:24px;right:0;width:68px;height:32px;background:rgba(255,153,0,.8);box-shadow:0 2px 4px 0 rgba(7,17,27,.2);border-radius:16px;padding:6px 12px;box-sizing:border-box;cursor:pointer;overflow:hidden;transition:.3s all linear}#sz-banner .course-notice:hover{background:#f90}#sz-banner .course-notice i,#sz-banner .course-notice span{float:left;color:#fff;line-height:20px}#sz-banner .course-notice i{font-size:16px;margin-right:4px}#sz-banner .course-notice span{font-size:12px}#sz-banner .course-notice .course-new-notice{display:none}#sz-banner .course-notice.open{width:304px;height:140px;padding:16px 24px;background:#f90;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);border-radius:8px;z-index:1;cursor:default}#sz-banner .course-notice.open i{font-size:20px}#sz-banner .course-notice.open span{font-size:14px}#sz-banner .course-notice.open .course-new-notice{display:block}#sz-banner .course-notice.open p{font-size:12px;color:#fff;line-height:24px;margin:8px 0}#sz-banner .course-notice.open .al{float:left;font-size:12px;color:rgba(255,255,255,.6);line-height:24px}#sz-banner .course-notice.open .al:hover{color:#fff}#sz-banner .course-notice.open .ar{float:right;color:#fff;line-height:24px}#sz-banner .course-notice.open .ar span{float:left;font-size:12px;margin-right:4px}#sz-banner .course-notice.open .ar i{float:left;font-size:16px}#sz-banner .crumbs{padding-top:16px}#sz-banner .crumbs a,#sz-banner .crumbs i,#sz-banner .crumbs span{float:left;font-size:12px;line-height:24px;color:rgba(255,255,255,.6)}#sz-banner .crumbs a:hover{color:#fff}#sz-banner .crumbs i{margin:0 4px;font-style:normal;width:6px;text-align:center}#sz-banner .course-title{padding-top:5px;font-size:32px;color:#fff;height:45px;line-height:36px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}#sz-banner .course-title a{font-size:32px;color:#fff}#sz-banner .shizhan-nav{position:absolute;width:100%;left:0;bottom:0;z-index:1}#sz-banner .shizhan-nav a{float:left;width:124px;height:60px;padding:12px 24px 16px;box-sizing:border-box}#sz-banner .shizhan-nav a:not(:last-child){margin-right:72px}#sz-banner .shizhan-nav a:hover i,#sz-banner .shizhan-nav a:hover span{color:#fff}#sz-banner .shizhan-nav a.on{background:#f8fafc;border-radius:4px 4px 0 0}#sz-banner .shizhan-nav a.on i{color:#f01414}#sz-banner .shizhan-nav a.on span{color:#2b333b}#sz-banner .shizhan-nav i,#sz-banner .shizhan-nav span{color:rgba(255,255,255,.6);line-height:32px}#sz-banner .shizhan-nav i{float:left;font-size:32px}#sz-banner .shizhan-nav span{float:right;font-size:16px}#sz-banner .wrap-other{position:relative;height:150px}#sz-banner .wrap-other img{display:block;width:100%;height:150px}#sz-banner .wrap-other .user-info{position:absolute;left:50%;top:0;margin-left:-600px;width:1000px;padding-left:168px;height:100%}#sz-banner .wrap-other .user-info a{position:absolute;left:0;bottom:-20px;width:132px;height:132px;border:4px solid rgba(255,255,255,.2);border-radius:50%;overflow:hidden}#sz-banner .wrap-other .user-info img{width:132px;height:132px}#sz-banner .wrap-other .user-info h3{font-size:32px;font-weight:600;color:#fff;line-height:40px;margin-top:48px;margin-bottom:18px}#sz-banner .wrap-other .user-info span{color:#fff;font-size:14px;line-height:20px;text-align:left;opacity:.5}#sz-banner .wrap-other .user-info i{font-style:normal;margin:0 20px;color:#fff;opacity:.2}#sz-banner .wrap-other .user-info em{margin-left:8px}.compatible-contianer{position:fixed;top:0;left:0;right:0;min-width:800px;height:30px;line-height:30px;background:url(../image/iebg.gif) repeat-x;z-index:999999}.cpt-ct{color:#363636;font-size:12px;text-align:center}.cpt-ct i{display:inline-block;width:12px;height:14px;vertical-align:-2px;margin-right:5px;background:url(../image/iefixed-sprite.png) no-repeat 0 0}.cpt-ct a{color:#39b94e}.cpt-ct a:hover{text-decoration:underline}.cpt-handle{position:absolute;right:20px;top:0;font-size:12px;line-height:27px}.cpt-handle a{display:inline-block;vertical-align:middle}.cpt-handle .cpt-agin{color:#656e73;margin-right:5px}.cpt-handle .cpt-agin:hover{color:#363d40}.cpt-close{width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;transition:.3s}.cpt-close:hover{background-color:#fc8800}.cpt-close i{display:inline-block;height:8px;width:8px;vertical-align:1px;background:url(../image/iefixed-sprite.png) no-repeat 0 -24px}.cpt-close:hover i{background-position:0 -42px}.identity{font-size:16px;margin-left:5px;color:red;position:relative;top:3px;display:inline-block}.sz-jxsjs{background:url(../image/role_icon.png) no-repeat 0 0;width:16px;height:16px}.sz-zhuj{background:url(../image/role_icon.png) no-repeat 0 -25px;width:16px;height:16px}.project-qrcode{position:relative;float:right;width:30px;height:15px;color:#787d82}.project-qrcode .sz-qrcode{vertical-align:-3px;color:#b5b9bc;cursor:pointer}.project-qrcode .sz-qrcode:before{content:"\e903";font-size:18px}.project-qrcode .sz-qrcode:hover{color:#787d82}div.qrcode-box{display:none;padding:30px;background:#fff;width:200px;height:250px;position:absolute;z-index:99;top:42px;right:-110px;text-align:center;box-shadow:0 5px 16px 0 rgba(0,0,0,.3)}div.qrcode-box .qrcode-dot{width:15px;height:15px;position:absolute;top:-8px;left:120px;background:#fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:7px 5px 16px 0 rgba(0,0,0,.3)}div.qrcode-box .qrcode-dot-bg{position:absolute;left:0;top:0;width:260px;height:30px;background:#fff}div.qrcode-box .qrcode-img{width:164px;height:164px;margin:0 auto}div.qrcode-box p{float:none!important;padding:30px 0 10px;font-size:18px;color:#1c1f21;line-height:16px;margin:0}div.qrcode-box span{display:block;font-size:12px;font-weight:400;color:#b5b9bc;line-height:150%}.col-aside .divider{margin:28px 0;height:0;overflow:hidden;border-bottom:1px solid #d9dde1}.newcomer{width:100%;height:136px;position:fixed;left:0;bottom:0;z-index:999;background-image:url(../image/newcomer.png);background-size:cover;background-position:center;background-repeat:no-repeat}.newcomer i{position:absolute;right:20px;bottom:48px;font-size:20px;color:rgba(255,255,255,.6)}.newcomer i:hover{color:#fff}.lotterycomer{width:100%;height:50px;background-image:url(../image/lottery-top-02.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:block;cursor:pointer;position:relative;z-index:9999}.lottery_mask{position:fixed;z-index:998;width:100%;height:100%;left:0;bottom:0;background:rgba(7,17,27,.6)}.lottery_modal{position:fixed;z-index:999;left:50%;margin-left:-240px;top:50%;margin-top:-220px;width:480px;height:440px;background-repeat:no-repeat;background-size:cover}.lottery_modal i{float:right;color:#fff;margin:22px;cursor:pointer;font-size:32px}.lottery_modal a.btn-lottery{display:block;width:100%;height:100%}#septemberSchool{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;background:rgba(7,17,27,.6)}#septemberSchool .popup_box{position:fixed;color:#fff;width:530px;height:348px;background:url(../image/septemberSchool_bg.png);left:50%;top:50%;margin-left:-245px;margin-top:-210px}#septemberSchool .popup_box .imv2-close{position:absolute;top:0;right:0;font-size:30px;cursor:pointer}#septemberSchool .popup_box .inner_text{position:relative;margin:90px 97px;width:296px;height:162px;text-align:center}#septemberSchool .popup_box .inner_text h1{font-size:32px;line-height:32px;font-weight:600}#septemberSchool .popup_box .inner_text h2{font-size:20px;line-height:32px;font-weight:600;margin-top:6px}#septemberSchool .popup_box .inner_text h4{font-size:18px;line-height:49px;margin-top:6px}#septemberSchool .popup_box .inner_text h3{font-size:18px;font-weight:600;margin-top:6px;line-height:18px;margin-bottom:9px}#septemberSchool .popup_box .inner_text .clock{text-align:center;width:100%;height:48px;padding:7px 0;box-sizing:border-box;font-size:20px;display:block;position:absolute;bottom:-48px;left:0}#septemberSchool .popup_box .inner_text .clock span{display:inline-block;font-size:22px;color:#383d42;background:#fff;width:34px;height:34px;line-height:34px;border-radius:4px;margin:0 6px}#septemberSchool .popup_box .inner_text .get-btn{display:inline-block;background-image:linear-gradient(270deg,#fac200 0,#f28f00 100%);border-radius:26px;font-size:20px;color:#fff;line-height:20px;padding:12px 34px;position:absolute;bottom:-166px;left:50%;margin-left:-74px}#septemberSchool_finish{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;background:rgba(7,17,27,.6)}#septemberSchool_finish .popup_box{position:fixed;width:900px;height:450px;left:50%;top:50%;margin-left:-450px;margin-top:-225px;padding:24px 22px;background:#fff;border:1px solid #979797;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:12px;box-sizing:border-box}#septemberSchool_finish .popup_box .imv2-close{position:absolute;top:24px;right:32px;font-size:24px;color:#b2b8bd;cursor:pointer}#septemberSchool_finish .popup_box .imv2-close:hover{color:#6d6d6d}#septemberSchool_finish .popup_box .title{font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-weight:600}#septemberSchool_finish .popup_box .content{display:flex;justify-content:flex-start;flex-direction:row;margin-top:32px}#septemberSchool_finish .popup_box .content .item{height:318px;border-radius:12px}#septemberSchool_finish .popup_box .content .item.coupon-box{width:251px;background:#f2f2f2;margin-left:24px;overflow:hidden}#septemberSchool_finish .popup_box .content .item.coupon-box h3{font-size:14px;color:#fff;line-height:18px;padding:14px 0;text-align:center}#septemberSchool_finish .popup_box .content .item.coupon-box h3.cc{background:#f53d3d}#septemberSchool_finish .popup_box .content .item.coupon-box h3.read{background:#37f}#septemberSchool_finish .popup_box .content .item.coupon-box .coupon{display:block;width:214px;height:106px;margin:16px auto;background-size:contain;background-position:center}#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.a,#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.b{background-image:url(../image/september_coupon_bg1.png)}#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.c,#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.d{background-image:url(../image/september_coupon_bg2.png)}#septemberSchool_finish .popup_box .content .item.intro{margin-left:36px}#septemberSchool_finish .popup_box .content .item.intro .text{margin-top:50px;margin-bottom:36px}#septemberSchool_finish .popup_box .content .item.intro .text h3{font-size:14px;color:#545c63;line-height:20px;font-weight:600}#septemberSchool_finish .popup_box .content .item.intro .text p{font-size:12px;color:#545c63;line-height:20px;margin-top:20px}#septemberSchool_finish .popup_box .content .item.intro .sep-coupon-btn{display:inline-block;width:126px;height:36px;font-size:14px;color:#fff;line-height:35px;background:#383d42;border-radius:26px;text-align:center}#septemberSchool_finish .popup_box .content .item.intro .sep-coupon-btn:last-child{margin-left:12px}.media-reply{display:inline-block;width:159px!important;background:rgba(242,13,13,.05);border-radius:16px!important;line-height:28px!important;vertical-align:middle!important;font-size:12px!important;color:#545c63!important}.media-reply i{width:30px;height:30px;font-size:30px;color:#f53d3d;float:left;margin-top:-2px;font-weight:400;margin-right:4px}.wrapper{width:1152px;margin:0 auto}.standerd_hide{display:none!important}.mr-12{margin-right:12px}.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.transition{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.red{color:#f20d0d;font-weight:600}.black{color:#1c1f21}.blue{color:#37f}.recommend-container .related-recommend-box{width:1160px;height:300px;margin:0 auto;position:relative;padding-top:15px}.recommend-container .related-recommend-box .title-box{display:flex;justify-content:space-between;margin-bottom:35px}.recommend-container .related-recommend-box .title-box .left{width:375px;height:28px;background-image:url(../image/recommend-title.png);background-size:cover;background-position:center}.recommend-container .related-recommend-box .title-box .right{display:block;font-size:16px;color:#1c1f21;letter-spacing:0}.recommend-container .related-recommend-box .swiper-container1{width:1160px;height:210px;margin:0 auto;padding-top:2px;padding-right:10px;overflow:hidden}.recommend-container .related-recommend-box .swiper-slide{width:272px;height:192px;text-align:center;font-size:18px;border-radius:10px;box-shadow:0 0 12px 0 rgba(0,0,0,.1)}.recommend-container .related-recommend-box .swiper-slide.swiper-slide-invisible-blank{box-shadow:none}.recommend-container .related-recommend-box .swiper-slide img{display:block;width:100%;height:151px;border-radius:10px 10px 0 0}.recommend-container .related-recommend-box .swiper-slide .signUp-number{width:100%;height:41px;line-height:41px;background-color:#fff;border-radius:0 0 10px 10px;text-align:left}.recommend-container .related-recommend-box .swiper-slide .signUp-number span{display:inline-block;font-family:PingFangSC-Regular;font-size:12px;color:#9199a1;margin-left:12px}.recommend-container .related-recommend-box .swiper-slide .classKinds{width:48px;height:23px;position:absolute;top:6px;left:236px}.recommend-container .related-recommend-box .swiper-slide:first-child{margin-left:3px}.recommend-container .related-recommend-box .swiper-btn{position:absolute;top:157px;left:-49px;width:24px;height:33px;background-image:url(../image/prev.png);background-size:cover;opacity:1;cursor:pointer}.recommend-container .related-recommend-box .swiper-btn:hover{opacity:.5}.recommend-container .related-recommend-box .my-button-disabled{display:none}.recommend-container .related-recommend-box .swiper-btn.swiper-button-next1{left:1185px;background-image:url(../image/next.png);background-size:cover}.package-wrap{width:1152px;margin:0 auto 30px;overflow:hidden}.package-wrap .title-box{width:401px;height:28px;background-image:url(../image/package-title.png);background-size:cover;background-position:center;margin-bottom:30px}.package-wrap .item-icon{width:24px;margin-left:24px}.package-wrap .item-icon i{font-size:24px;line-height:185px;color:#9199a1;font-weight:400}.package-wrap .new-package-template{width:1124px;box-shadow:0 4px 8px 0 rgba(28,31,33,.06);border-radius:12px;margin:0 auto 32px}.package-wrap .new-package-template .package-main{width:100%;height:244px;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding-left:32px;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.package-wrap .new-package-template .package-main .item-left{width:216px;padding-top:32px;box-sizing:border-box;text-align:center}.package-wrap .new-package-template .package-main .item-left .name{width:100%;height:44px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:4px}.package-wrap .new-package-template .package-main .item-left .name .text{text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:22px;word-break:break-all}.package-wrap .new-package-template .package-main .item-left .package-price{font-size:16px;color:#f01414;letter-spacing:0;text-align:center;line-height:24px;font-family:PingFangSC-Medium;font-weight:500;display:inline-block;position:relative}.package-wrap .new-package-template .package-main .item-left .package-price .package-price-20210618{position:absolute;top:2px;left:calc(100% + 6px);height:20px;white-space:nowrap;padding:2px 7px;box-sizing:border-box;background:#ffde7e;border-radius:10px 10px 10px 0;font-size:12px;color:#f20d0d;letter-spacing:0;line-height:16px;font-weight:500}.package-wrap .new-package-template .package-main .item-left .original-price{font-size:14px;color:#9199a1;letter-spacing:0;text-align:center;line-height:24px;font-weight:400;margin-bottom:12px}.package-wrap .new-package-template .package-main .item-left .original-price span{text-decoration:line-through}.package-wrap .new-package-template .package-main .item-left .intro-package-buy-btn{padding:8px 24px;box-sizing:border-box;margin:0 auto 6px;background:#f20d0d;border-radius:18px;color:#fff;font-size:14px;line-height:20px;display:inline-block;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.package-wrap .new-package-template .package-main .item-left .intro-package-buy-btn:hover{background:#c20a0a}.package-wrap .new-package-template .package-main .item-left .intro-package-buy-btn.disabled{cursor:context-menu;background:rgba(242,13,13,.4)}.package-wrap .new-package-template .package-main .item-left .intro-package-buy-btn.disabled:hover{background:rgba(242,13,13,.4)}.package-wrap .new-package-template .package-main .item-left .paid-text{font-size:12px;line-height:17px;color:#9199a1;text-align:center}.package-wrap .new-package-template .package-main .item-right{width:796px;height:100%;padding-bottom:4px;box-sizing:border-box}.package-wrap .new-package-template .package-main .item-right .scrollbox{padding-left:12px;padding-top:29px;padding-right:12px;box-sizing:border-box;height:100%;overflow-x:auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap}.package-wrap .new-package-template .package-main .item-right .scrollbox::-webkit-scrollbar{height:8px}.package-wrap .new-package-template .package-main .item-right .scrollbox::-webkit-scrollbar-thumb{background:#d3d6d9;border-radius:4px}.package-wrap .new-package-template .package-main .item-right .scrollbox::-webkit-scrollbar-track{background:#fff;border-radius:4px}.package-wrap .new-package-template .package-main .item-right .scrollbox::-webkit-scrollbar-corner{background:#fff;border-radius:4px}.package-wrap .new-package-template .package-main .item-right .scrollbox a{display:inline-block}.package-wrap .new-package-template .package-main .item-right .scrollbox a:not(:first-child){margin-left:24px}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card{width:188px;height:180px;background:#fff;border-radius:8px;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-sizing:content-box;position:relative;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card:hover{-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.1)}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card:hover .transparent-bg{opacity:1}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card .transparent-bg{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;opacity:0;width:188px;height:106px;border-top-left-radius:8px;border-top-right-radius:8px;position:absolute;top:0;left:0;background:rgba(0,0,0,.7);color:#fff;font-size:12px;text-align:center;line-height:106px}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card img{width:188px;height:106px;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card .paid{width:42px;height:18px;position:absolute;top:0;right:0;background-image:url(../image/paid.png);background-size:100% 100%;background-position:center center}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card p{width:100%;height:34px;padding:0 8px;box-sizing:border-box;margin-bottom:6px;font-size:12px;line-height:17px;color:#545c63;letter-spacing:0;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card .card-footer{width:188px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:0 8px;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card .card-footer .text{font-size:12px;color:#9199a1;letter-spacing:0;line-height:20px}.package-wrap .new-package-template .package-main .item-right .scrollbox .course-card .card-footer .price{font-size:12px;color:#f01414;line-height:18px;font-weight:700}.path-container{margin-bottom:64px}.path-container .title-box{width:351px;height:28px;background-image:url(../image/route-titie.png);background-size:cover;background-position:center;margin-bottom:30px}.path-container .path{width:1124px;height:950px;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.06);border-radius:12px 12px 8px 8px;margin:0 auto;padding:27px 0 34px 60px;box-sizing:border-box}.path-container .path .title{font-size:21px;color:#1c1f21;letter-spacing:0;line-height:29px;font-weight:400;margin-bottom:30px}.path-container .path .class-item-container{height:720px;overflow:auto}.path-container .path .class-item{width:845px;position:relative;margin:0 0 30px 34px}.path-container .path .class-item::before{content:"";position:absolute;top:24px;left:-25px;border:1px dashed #f88686;height:94%}.path-container .path .class-item::after{content:"";position:absolute;top:-31px;left:-25px;border:1px dashed #f88686;height:39px}.path-container .path .class-item:first-child::after{display:none}.path-container .path .class-item .step{font-size:21px;color:#1c1f21;letter-spacing:0;font-weight:600;margin-bottom:24px;position:relative}.path-container .path .class-item .step::before{content:"";position:absolute;top:9px;left:-32px;width:11px;height:11px;background:#f88686;border:2px solid #fdebeb;border-radius:50%}.path-container .path .class-item .class{display:flex;justify-content:space-between;border-bottom:1px solid rgba(28,31,33,.1);padding-bottom:24px;margin-bottom:30px;position:relative}.path-container .path .class-item .class .left{width:270px;height:152px;border-radius:8px}.path-container .path .class-item .class .right{align-self:flex-end}.path-container .path .class-item .class .right .add-cart{width:104px;height:36px;line-height:36px;border:1px solid #f01414;border-radius:18px;font-size:14px;color:#f01414;text-align:center;cursor:pointer}.path-container .path .class-item .class .middle{font-size:16px;color:#9199a1;line-height:28px}.path-container .path .class-item .class .middle .name{display:block;width:388px;font-size:18px;color:#1c1f21;font-weight:600;min-height:50px;line-height:25px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:10px}.path-container .path .bottom-content{width:845px;margin:31px 0 12px 32px}.path-container .path .bottom-content .top{display:flex;justify-content:space-between;align-items:center}.path-container .path .bottom-content .top .left .left-price{font-weight:500;font-size:16px}.path-container .path .bottom-content .top .left .all-class{font-size:14px;color:#9199a1;letter-spacing:0;margin-left:12px}.path-container .path .bottom-content .top .left .all-class .all-price{text-decoration:line-through}.path-container .path .bottom-content .top .right{width:140px;height:36px;line-height:36px;background:#f20d0d;border-radius:18px;font-size:14px;color:#fff;text-align:center}.path-container .path .bottom-content .bottom{width:100%;display:flex;justify-content:flex-end;font-size:16px;color:#1c1f21;margin-top:12px}.path-container .path .bottom-content .bottom .num-box{width:140px;text-align:center}.path-container .path .bottom-content .bottom .all-num{display:inline-block;margin:0 5px;font-weight:600}.service-container{margin-bottom:60px}.service-container .title-box{width:351px;height:28px;background-image:url(../image/service-title.png);background-size:cover;background-position:center;margin-bottom:30px}.service-container .service-box{width:1124px;margin:0 auto;display:flex;flex-wrap:wrap}.service-container .service-box .item{width:340px;height:160px;background-image:url(../image/service1.png);background-size:cover;background-position:center;margin-bottom:32px;margin-right:48px}.service-container .service-box .item:nth-child(3n){margin-right:0}.service-container .service-box .item2{background-image:url(../image/service2.png);background-size:cover;background-position:center}.service-container .service-box .item3{background-image:url(../image/service3.png);background-size:cover;background-position:center}.service-container .service-box .item4{background-image:url(../image/service6.png);background-size:cover;background-position:center}.service-container .service-box .item5{background-image:url(../image/service5.png);background-size:cover;background-position:center}.service-container .service-box .item6{background-image:url(../image/service4.png);background-size:cover;background-position:center}.service-container .service-box .item7{background-image:url(../image/service7.png);background-size:cover;background-position:center}.info-conatiner{margin-bottom:60px;font-size:18px;color:#1c1e20;letter-spacing:0;line-height:32px;font-weight:400}.info-conatiner .title-box{width:192px;height:28px;background-image:url(../image/info_title.png);background-size:cover;background-position:center;margin-bottom:30px}.info-conatiner .info-box{width:1152px;height:240px;background:#f6f9fa;padding:22px 13px 0 16px;box-sizing:border-box}.info-conatiner .info-box .info{display:flex;align-items:center;margin-bottom:12px}.info-conatiner .info-box .info .avatar-box{display:block;width:98px;height:88px;background-image:url(../image/avatar-circle.png);background-size:cover;background-position:center;margin-right:27px;display:flex;justify-content:center;align-items:center}.info-conatiner .info-box .info img{width:84px;height:84px;border-radius:50%}.info-conatiner .info-box .info .other{width:100%}.info-conatiner .info-box .info .class{display:flex;justify-content:space-between;align-items:center}.info-conatiner .info-box .info .class .right{font-size:14px;color:#37f}.info-conatiner .info-box .info .class .left{width:900px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.info-conatiner .info-box .info .class .left .item{color:#37f}.info-conatiner .info-box .desc{width:1100px;height:96px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 auto}.evaluation-container{margin-bottom:60px}.evaluation-container .title-box{display:flex;justify-content:space-between;margin-bottom:35px}.evaluation-container .title-box .left{width:402px;height:28px;background-image:url(../image/evaluation.png);background-size:cover;background-position:center}.evaluation-container .title-box .right{display:block;font-size:16px;color:#1c1f21;letter-spacing:0}.evaluation-container .swiper-container{width:100%}.evaluation-container .swiper-container .swiper-comment{width:350px;margin:0 30px}.evaluation-container .swiper-container .swiper-comment.static:nth-child(1){margin-left:180px}.evaluation-container .comment-content{margin-bottom:30px;position:relative}.evaluation-container .comment-content:nth-child(2){margin-left:102px}.evaluation-container .comment-content:nth-child(1){margin-left:51px}.evaluation-container .comment-content .evaluation-icon{width:43px;height:43px;position:absolute;top:3px;right:3px;background-image:url(../image/evaluation-icon.png);background-size:cover;background-position:center}.evaluation-container .comment-content .comment-item{width:350px;box-sizing:border-box;padding:11px 20px 13px 20px;margin-right:30px;background-color:#fff;background-repeat:no-repeat;background-position:281px 8px;background-size:45px 67px;box-shadow:0 4px 8px 0 rgba(28,31,33,.1);border-radius:8px}.evaluation-container .comment-content .comment-item .user-info{display:flex;align-items:center}.evaluation-container .comment-content .comment-item .user-info .avatar{width:48px;height:48px;border-radius:50%;border:1px solid #bbb;display:inline-block;background-repeat:no-repeat;background-size:cover!important;background-position:center;vertical-align:middle}.evaluation-container .comment-content .comment-item .user-info .info-box{margin-left:10px;font-size:12px;line-height:17px}.evaluation-container .comment-content .comment-item .user-info .info-box .user-name{font-size:14px;color:#07111b;display:inline-block;font-weight:600;margin-bottom:7px}.evaluation-container .comment-content .comment-item .user-info .info-box .evaluation .flower-icon{display:inline-block;width:16px;height:18px;background-image:url(../image/flower-icon.png);background-size:cover;background-position:center;vertical-align:bottom}.evaluation-container .comment-content .comment-item .text{font-family:PingFangSC-Regular;font-size:14px;color:#07111b;line-height:20px;margin-top:11px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-all}.evaluation-container .look-more{display:block;width:220px;height:48px;line-height:48px;background:rgba(240,20,20,.1);border-radius:24px;font-family:PingFangSC-Regular;font-size:16px;color:#1c1f21;letter-spacing:0;font-weight:400;margin:58px auto 0;text-align:center}.evaluation-container .look-more .red{font-family:PingFangSC-Regular;font-size:16px;color:#f01414;letter-spacing:0;font-weight:400}.evaluation-container .box{margin-left:10px}.evaluation-container .box .com-container{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-start}.evaluation-container .box .com-container:not(:first-child){margin-top:48px}.evaluation-container .box .com-container .avatar{width:48px;height:48px;margin-right:16px;border-radius:50%;border:1px solid #bbb}.evaluation-container .box .com-container .right-box{width:1094px}.evaluation-container .box .com-container .right-box .nicname{font-family:PingFangSC-Semibold;font-size:14px;color:#07111b;text-align:left;line-height:24px;font-weight:600;margin-right:16px}.evaluation-container .box .com-container .right-box .grey{font-family:PingFangSC-Regular;font-size:12px;color:#545c63;line-height:12px;font-weight:400}.evaluation-container .box .com-container .right-box .red{font-family:PingFangSC-Regular;font-size:12px;color:#f01414;text-align:right;line-height:12px;font-weight:400}.evaluation-container .box .com-container .right-box .flower-icon{display:inline-block;width:16px;height:18px;background-image:url(../image/flower-icon.png);background-size:cover;background-position:center}.evaluation-container .box .com-container .right-box .content{font-family:PingFangSC-Regular;font-size:14px;color:#07111b;text-align:left;line-height:20px;font-weight:400;margin-top:13px}.evaluation-container .box .com-container .right-box .treply{overflow:hidden;font-size:14px;line-height:22px;color:#000;word-wrap:break-word;word-break:break-all;background:#f4f5f7;padding:8px 14px;border-radius:4px;margin-top:13px}.evaluation-container .box .com-container .right-box .treply .treply-content{font-size:12px;color:#07111b}.evaluation-container .box .com-container .right-box .reply-img-list .reply-img{width:74px;height:74px;border:1px solid transparent;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin-right:8px;margin-top:8px;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.evaluation-container .box .com-container .right-box .reply-img-list .reply-img.curr{border:1px solid #f20d0d}.evaluation-container .box .com-container .right-box .reply-img-preview{width:656px;min-height:369px;position:relative;margin-top:8px;border:1px solid #e3e3e3;box-sizing:border-box;cursor:pointer;display:none}.evaluation-container .box .com-container .right-box .reply-img-preview.showpreview{display:-webkit-flex;display:flex;justify-content:center;align-items:center;animation:showPreview .3s infinite;-moz-animation:showPreview .3s infinite;-webkit-animation:showPreview .3s infinite;-o-animation:showPreview .3s infinite;animation-iteration-count:1;animation-direction:alternate}.evaluation-container .box .com-container .right-box .reply-img-preview img{height:auto;width:100%}.evaluation-container .box .com-container .right-box .reply-img-preview img.rotate90{animation:rotate90 .3s infinite;-moz-animation:rotate90 .3s infinite;-webkit-animation:rotate90 .3s infinite;-o-animation:rotate90 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-container .box .com-container .right-box .reply-img-preview img.rotate180{animation:rotate180 .3s infinite;-moz-animation:rotate180 .3s infinite;-webkit-animation:rotate180 .3s infinite;-o-animation:rotate180 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-container .box .com-container .right-box .reply-img-preview img.rotate270{animation:rotate270 .3s infinite;-moz-animation:rotate270 .3s infinite;-webkit-animation:rotate270 .3s infinite;-o-animation:rotate270 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-container .box .com-container .right-box .reply-img-preview img.rotate360{animation:rotate360 .3s infinite;-moz-animation:rotate360 .3s infinite;-webkit-animation:rotate360 .3s infinite;-o-animation:rotate360 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-container .box .com-container .right-box .reply-img-preview .rotate-img{width:68px;height:24px;position:absolute;right:8px;top:8px;background:rgba(0,0,0,.3);border-radius:6px;text-align:center;cursor:pointer}.evaluation-container .box .com-container .right-box .reply-img-preview .rotate-img i{font-size:16px;color:#fff}.evaluation-container .box .com-container .right-box .reply-img-preview .rotate-img span{font-size:14px;color:#fff;vertical-align:text-bottom}.evaluation-container .box .com-container .right-box .reply-img-preview .next-img{width:42px;height:48px;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-size:42px;color:#fff;text-align:center;line-height:48px;display:none;text-shadow:0 4px 8px rgba(0,0,0,.5)}.evaluation-container .box .com-container .right-box .reply-img-preview .prev-img{width:42px;height:48px;display:none;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-size:42px;color:#fff;text-align:center;line-height:48px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.certificate-container{margin-bottom:60px}.certificate-container .title-box{width:325px;height:28px;background-image:url(../image/certificate-title.png);background-size:cover;background-position:center;margin-bottom:30px}.certificate-container .certificate{width:1151px;height:263px;background:#f2f4f5;display:flex;justify-content:left;padding-left:14px;position:relative}.certificate-container .certificate .left{width:448px;height:252px;background-image:url(../image/certificate.png);background-size:cover;background-position:center;margin-top:8px}.certificate-container .certificate .middle{margin:23px 0 0 34px}.certificate-container .certificate .middle .title{font-size:24px;color:#1c1e20;letter-spacing:0;line-height:32px;font-weight:600;margin-bottom:9px}.certificate-container .certificate .middle .desc{font-size:18px;color:#1c1e20;letter-spacing:1px;line-height:28px;margin-bottom:16px}.certificate-container .certificate .middle .desc .red{font-weight:600}.certificate-container .certificate .middle .buy-btn{display:block;width:160px;height:48px;line-height:48px;background:rgba(240,20,20,.1);border-radius:24px;font-size:16px;color:#f01414;font-weight:600;text-align:center}.certificate-container .certificate .right{width:240px;height:200px;background-image:url(../image/certificate-right.png);background-size:cover;background-position:center;position:absolute;bottom:0;right:0}.preschool-know{position:relative;width:1156px;height:210px;margin:0 auto 60px}.preschool-know .box{width:100%;overflow:hidden;padding:30px 20px}.preschool-know .preschool-know-item{width:350px;height:150px;background:#f8fafc;border-radius:12px;float:left;margin-right:38px;padding-bottom:20px;pointer-events:auto}.preschool-know .preschool-know-item .item-title{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:600;margin:22px 0 6px 0}.preschool-know .preschool-know-item .item-cont-box{height:72px;overflow:hidden;padding:0 29px 0 35px}.preschool-know .preschool-know-item .item-cont-box .cont-box{text-align:center}.preschool-know .preschool-know-item .item-cont-box .cont-box .item-cont{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;line-height:24px;font-weight:400;display:inline-block;text-align:left}.preschool-know .preschool-know-item .item-cont-box .cont-box .item-cont .cont-l{font-weight:700;display:inline-block;margin-right:5px;vertical-align:top;margin-top:2px}.preschool-know .preschool-know-item .item-cont-box .cont-box .item-cont .cont-r{display:inline-block;max-width:150px;word-wrap:break-word;word-break:break-all;line-height:22px;vertical-align:text-top}.preschool-know .preschool-know-item:hover{height:auto;min-height:150px;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;position:relative;z-index:5;border-radius:8px;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);background-color:#f8fafc}.preschool-know .preschool-know-item:hover .item-cont-box{position:relative;z-index:5;height:auto;padding:0 29px 28px 35px!important}.preschool-know .preschool-know-item:last-child{margin-right:0}.preschool-know .preschool-know-item2{width:552px}.preschool-know .preschool-know-item3{width:1126px}.course-case-container{margin-bottom:60px}.course-case-container .title-box{overflow:hidden;margin-bottom:30px}.course-case-container .title-box .left{width:117px;height:31px;float:left;background-image:url(../image/course-case-title.png);background-size:cover;background-position:center;background-size:100% 100%}.course-case-container .case-box{width:1152px;height:620px;margin:0 auto;background:#f6f9fa;border-radius:24px;box-sizing:border-box;overflow:hidden;padding:45px 86px 75px;position:relative}.course-case-container .swiper-case-container{overflow:hidden}.course-case-container .swiper-slide{width:980px;height:500px;background:#ebeef0}.course-case-container .swiper-slide.swiper-slide-invisible-blank{box-shadow:none}.course-case-container .swiper-slide img{width:980px;height:500px}.course-case-container .swiper-case-btn{display:none;position:absolute;top:274px;width:35px;height:70px;background-size:cover;opacity:1;cursor:pointer}.course-case-container .swiper-case-btn:hover{opacity:.5}.course-case-container .swiper-case-button-prev{left:0;background-image:url(../image/prev1.png);background-size:cover;background-position:center}.course-case-container .swiper-case-button-next{right:0;background-image:url(../image/next1.png);background-size:cover;background-position:center}.course-case-container .my-button-disabled{display:none}.course-case-container .swiper-case-pagination{text-align:center;line-height:1;margin-top:30px}.course-case-container .swiper-case-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 4px}.course-case-container .swiper-case-pagination .swiper-pagination-bullet-active{width:36px;height:12px;background:#ff7d59;border-radius:6px}.course-desc-container{margin-bottom:60px}.course-desc-container .title-box{overflow:hidden;margin-bottom:19px}.course-desc-container .title-box .left{width:117px;height:28px;float:left;background-image:url(../image/course-desc-title.png);background-size:cover;background-position:center}.course-desc-container .title-box .right{float:left;height:24px;background-image:url(../image/course-desc-right.png);background-size:cover;background-position:center;margin-left:12px;margin-top:6px;padding-left:75px;padding-right:10px;background-size:auto 100%;background-position:left;background-repeat:no-repeat;background-color:#ffcf4c;border-radius:4px}.course-desc-container .title-box .right .name{height:100%;line-height:24px;text-align:center;font-size:14px;color:#1c1f21;font-weight:600}.course-desc-container .desc-box{width:1120px;margin:0 auto;font-size:18px;color:#1c1e20;letter-spacing:0;line-height:32px}.catalogue-container{margin-bottom:60px}.catalogue-container .title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.catalogue-container .title-box .left{width:117px;height:28px;background-image:url(../image/catalogue-title.png);background-size:cover;background-position:center}.catalogue-container .title-box .right{display:block;font-size:16px;letter-spacing:0}.catalogue-container .catalogue-box .catague-item{position:relative;margin-bottom:2px;float:right;width:1108px;border:1px solid #f6f9fa}.catalogue-container .catalogue-box .catague-item .name-box{width:1108px;height:56px;background:#f6f9fa;padding:20px 12px 20px 16px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;position:relative}.catalogue-container .catalogue-box .catague-item .name-box:hover .left{color:#37f;cursor:pointer}.catalogue-container .catalogue-box .catague-item .name-box:hover .hoverdesc{display:block}.catalogue-container .catalogue-box .catague-item .name-box .hoverdesc{display:none;position:absolute;top:54px;left:150px;z-index:9}.catalogue-container .catalogue-box .catague-item .name-box .hoverdesc .desc-content{position:relative;max-width:480px;padding:12px 16px 18px;box-sizing:border-box;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:8px}.catalogue-container .catalogue-box .catague-item .name-box .hoverdesc .desc-content::after{content:"";position:absolute;left:14px;top:-12px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:26px solid #fff}.catalogue-container .catalogue-box .catague-item .name-box .hoverdesc h3{font-size:14px;color:#37f;line-height:20px;font-weight:600}.catalogue-container .catalogue-box .catague-item .name-box .hoverdesc p{font-size:12px;color:#1c1f21;line-height:20px;font-weight:400}.catalogue-container .catalogue-box .catague-item .name-box .left{font-size:16px;color:#1c1f21;font-weight:600}.catalogue-container .catalogue-box .catague-item .name-box .right{display:flex;justify-content:space-between;align-items:center}.catalogue-container .catalogue-box .catague-item .name-box .right .time-box{font-size:12px;color:#93999f;margin-right:12px}.catalogue-container .catalogue-box .catague-item .name-box::before{content:"";position:absolute;top:20px;left:-32px;width:11px;height:11px;background:#f88686;border:2px solid #fdebeb;border-radius:50%}.catalogue-container .catalogue-box .catague-item .media-box{display:none;margin-top:10px;padding:0 12px 0 16px}.catalogue-container .catalogue-box .catague-item .media-box li{margin-bottom:17px;display:flex;justify-content:space-between;align-items:center}.catalogue-container .catalogue-box .catague-item .media-box li .left,.catalogue-container .catalogue-box .catague-item .media-box li .right{display:flex;align-items:center;font-size:14px;color:#1c1f21;line-height:24px}.catalogue-container .catalogue-box .catague-item .media-box li .left .type,.catalogue-container .catalogue-box .catague-item .media-box li .right .type{font-weight:500;margin-left:8px}.catalogue-container .catalogue-box .catague-item .media-box li .left .try-see,.catalogue-container .catalogue-box .catague-item .media-box li .right .try-see{width:56px;height:24px;background:rgba(51,119,255,.1);border-radius:12px;margin-right:18px;font-size:12px;color:#37f;text-align:left;font-weight:600;text-align:center}.catalogue-container .catalogue-box .catague-item .media-box .istrysee{cursor:pointer}.catalogue-container .catalogue-box .catague-item:nth-child(2) .media-box,.catalogue-container .catalogue-box .catague-item:nth-child(3) .media-box{display:block}.catalogue-container .catalogue-box .catague-item:not(:last-child)::before{content:"";position:absolute;top:24px;left:-26px;border:1px dashed #f88686;height:100%}.catalogue-container .catalogue-box .last-dashed{position:relative}.catalogue-container .catalogue-box .last-dashed::before{content:"";position:absolute;top:24px;left:-26px;border:1px dashed #f88686;height:100%}.studyed-conatiner{margin-bottom:66px}.studyed-conatiner .studyed-box{display:flex;justify-content:space-between;align-items:center}.studyed-conatiner .studyed-box .left{width:800px;height:220px;background-image:url(../image/studyed-left.png);background-size:cover;background-position:center}.studyed-conatiner .studyed-box .left .title-box{width:115px;height:28px;background-image:url(../image/studyed-title.png);background-size:cover;background-position:center;margin:22px 0 30px 0}.studyed-conatiner .studyed-box .left ul.content-box{display:flex;justify-content:space-between;flex-wrap:wrap;height:96px;width:700px;margin:42px 0 0 13px}.studyed-conatiner .studyed-box .left ul.content-box li{width:275px;font-size:18px;color:#1c1e20;letter-spacing:0;line-height:32px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.studyed-conatiner .studyed-box .left ul.content-box li::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;background:#1c1f21;border-radius:50%;vertical-align:middle}.studyed-conatiner .studyed-box .right{margin-top:15px}.try-see-container{width:310px;height:220px;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.1);border-radius:12px}.try-see-container .top{width:310px;height:174px;position:relative;cursor:pointer;background-size:100%}.try-see-container .top .mask{position:absolute;top:0;left:0;width:310px;height:174px;background:rgba(28,31,33,.8);border-radius:4px 4px 0 0}.try-see-container .top .center-icon{width:68px;height:68px;background-image:url(../image/center-icon.png);background-size:cover;background-position:center;position:absolute;top:34px;left:120px}.try-see-container .top .media-time{width:100%;position:absolute;top:110px;left:0;text-align:center;font-size:14px;color:#fff;font-weight:600}.try-see-container .bottom{height:100%;height:46px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#1c1f21;font-weight:600}.try-see-container .bottom .middle{width:170px;margin:0 16px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-align:center}#video-wrap{position:fixed;overflow-y:scroll;box-sizing:border-box;width:100%;height:100%;top:0;left:0;z-index:101;background:rgba(0,0,0,.8);display:none}#video-wrap #video-box{width:800px;top:100px;left:50%;margin-left:-400px;padding-bottom:16px;position:relative;background:#545c63;box-shadow:0 8px 16px 0 rgba(28,31,33,.4);border-radius:12px}#video-wrap #video-box .video-title{height:64px;position:relative;padding-left:32px;padding-top:24px;box-sizing:border-box}#video-wrap #video-box .video-title h2{font-size:16px;line-height:24px;color:#fff;font-weight:700}#video-wrap #video-box .video-title .close-mediaview{position:absolute;font-size:24px;color:#fff;right:32px;top:24px;z-index:10001;cursor:pointer}#video-wrap #video-box #try-video-container{width:100%;height:450px;position:relative}#video-wrap #video-box .try-video-container{width:100%;height:450px;position:relative;display:none}#video-wrap #video-box .video-list{width:100%}#video-wrap #video-box .video-list li{width:100%}#video-wrap #video-box .video-list li .ui-media-title{width:100%;height:54px;line-height:54px;padding:0 32px;box-sizing:border-box;display:inline-block}#video-wrap #video-box .video-list li .ui-media-title i{font-size:18px;color:rgba(255,255,255,.6);vertical-align:text-top;margin-right:6px}#video-wrap #video-box .video-list li .ui-media-title .right-box{display:inline-block;width:705px;border-bottom:1px solid rgba(255,255,255,.1)}#video-wrap #video-box .video-list li .ui-media-title .right-box .title{font-size:14px;color:rgba(255,255,255,.6);display:inline-block;width:640px;font-weight:700}#video-wrap #video-box .video-list li .ui-media-title .right-box .state{display:inline-block;float:right;color:#fff;font-size:14px}#video-wrap #video-box .video-list li.active .right-box .title,#video-wrap #video-box .video-list li.active i,#video-wrap #video-box .video-list li:hover .right-box .title,#video-wrap #video-box .video-list li:hover i{color:#fff}#video-wrap #video-box .video-list li:last-child .right-box{border-bottom:none}.next-mask{position:absolute;left:50%;margin-left:-400px;top:218px;width:800px;height:450px;background:#1d1f21;text-align:center;visibility:hidden;opacity:0;z-index:996;transition:all .3s ease;transform:translateZ(0)}.next-mask.in{visibility:visible;opacity:1}.next-mask .helper,.next-mask .next-btn,.next-mask .next-content{display:inline-block}.next-mask .next-content{vertical-align:middle}.next-mask .next-content .wechat-box{margin:0 auto;margin-top:-110px;width:300px;height:220px;position:relative;color:#1c1f21;display:none}.next-mask .next-content .wechat-box .wechat-close{color:#1c1f21;position:absolute;right:-20px;top:-10px;font-size:18px}.next-mask .next-content .wechat-box img{margin:20px auto;width:120px}.next-mask .next-content .next-hd{font-size:16px;color:#fff;line-height:36px}.next-mask .next-content .next-hd .next-name,.next-mask .next-content .next-hd .next-time{font-size:20px;color:#fff;line-height:30px;margin-top:8px;font-weight:700}.next-mask .next-content .next-hd .next-time{margin-left:4px}.next-mask .next-content .next-btn{margin:40px 0 20px;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background-color:#f20d0d}.next-mask .next-content .next-btn i{font-size:20px;color:#fff;margin-right:5px;vertical-align:middle}.next-mask .next-content .view-again{font-size:14px;line-height:22px;color:#545c63;transition:.3s all}.next-mask .next-content .view-again i{font-size:16px;margin-right:6px;vertical-align:-2px}.next-mask .next-content .view-again:hover{color:#fff}.next-mask .helper{position:relative;height:100%;vertical-align:middle}.next-mask .cont-next-media .p{display:block;color:#fff;font-size:14px;padding:5px 0;line-height:44px}.course-service-container{width:100%;height:40px;background:#f6f9fa;background-image:linear-gradient(233deg,#ffc664 0,#ffd04b 97%)}.course-service-container .course-service-box{height:40px;display:flex;align-items:center;font-size:14px;color:#1c1f21;letter-spacing:1px;line-height:14px;font-weight:600}.course-service-container .course-service-box .info{display:inline-block;margin-left:4px}header.header-container{width:100%;height:304px}header.header-container .header-box{overflow:hidden;position:relative}header.header-container .header-box .logo{width:164px;height:48px;background-size:cover;position:absolute;top:58px;right:5px}header.header-container .header-box .navigator-box{margin-top:12px;display:flex;align-items:center;font-size:12px;color:#545c63;line-height:24px;justify-content:space-between}header.header-container .header-box .navigator-box i{margin:0 4px}header.header-container .header-box .navigator-box a{color:#545c63}header.header-container .header-box .navigator-box a:hover{color:#1c1f21}header.header-container .header-box .navigator-box .extra{height:24px;padding:6px 12px;box-sizing:border-box;border-radius:24px;background:rgba(246,249,250,.4);color:#4d555d;font-size:12px;display:flex;align-items:center}header.header-container .header-box .navigator-box .extra .course-collect{cursor:pointer;margin-right:19px}header.header-container .header-box .navigator-box .extra .course-collect i{display:inline-block;font-size:16px;vertical-align:middle;margin-top:-3px}header.header-container .header-box .navigator-box .extra .course-collect:hover i{color:#1c1f21}header.header-container .header-box .navigator-box .extra .share-action{padding-left:8px;cursor:pointer}header.header-container .header-box .navigator-box .extra .share-action.bg{padding-left:2px;position:relative}header.header-container .header-box .navigator-box .extra .share-action .shareto::before{content:'';position:absolute;left:-8px;top:6px;height:12px;width:2px;background:#4d555d}header.header-container .header-box .navigator-box .extra .share-action .share{float:none;padding:0;margin:0 0 0 8px;background-image:none;background-repeat:no-repeat;color:#545c63;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}header.header-container .header-box .navigator-box .extra .share-action a.share:hover{color:#1c1f21;opacity:1}header.header-container .header-box h1{font-size:40px;color:#1c1f21;letter-spacing:1px;line-height:53px;font-weight:600;margin:24px 0;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}header.header-container .header-box h4{height:22px;font-size:21px;color:#1c1f21;line-height:22px;margin-bottom:37px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}header.header-container .header-box .info-box{display:flex;align-items:center;font-size:16px;color:#1c1f21;line-height:20px;font-weight:600}header.header-container .header-box .info-box .devide{display:inline-block;margin:0 8px}header.header-container .header-box .info-box .top-list{display:block;width:170px;height:26px;background-image:url(../image/top.png);background-size:cover;background-position:center;margin-left:10px}header.header-container .header-box .info-box .top-list .charts-right{width:125px;height:26px;margin-left:42px;text-align:center;font-size:14px;color:#fff;line-height:26px;font-weight:600}header.header-container .header-box .price-box{margin-top:26px;display:flex}header.header-container .header-box .price-box .cur-price{font-family:PingFangSC-Semibold;font-size:32px;color:#f01414;line-height:32px;font-weight:600}header.header-container .header-box .price-box .cur-price sub{font-size:24px}header.header-container .header-box .price-box .dis_txt{display:inline-block;width:24px;font-size:12px;color:#f01414;line-height:16px;font-weight:600;word-break:break-all}header.header-container .header-box .price-box .price-init{font-size:16px;color:#93999f;font-weight:400;vertical-align:bottom;line-height:42px;margin-left:12px;text-decoration:line-through}header.header-container .header-box .price-box .timer-box{position:relative;height:32px;background-image:linear-gradient(90deg,#ff7a00 0,rgba(255,0,105,.99) 99%);box-sizing:border-box;border-radius:4px;margin-left:12px;overflow:hidden}header.header-container .header-box .price-box .timer-box .clock{width:38px;height:36px;background-image:url(../image/clock.png);background-size:cover;background-position:center;position:absolute;top:0;left:0}header.header-container .header-box .price-box .sale-timer{width:100%;margin-top:6px;display:flex;margin-left:45px;margin-right:10px}header.header-container .header-box .price-box .sale-timer .name{font-size:14px;color:#fff;line-height:20px;font-weight:600}header.header-container .header-box .price-box .sale-timer div{color:#fff;font-size:14px;line-height:20px;margin-left:8px}header.header-container .header-box .price-box .sale-timer span{background:#fff;border-radius:4px;padding:2px 2px;font-size:12px;color:#383d42;text-align:center;line-height:12px;font-weight:700}header.header-container .header-box .price-box .sale-timer i{color:#fff;font-style:normal;padding:0 1px}header.header-container .header-box .no-start-class-box{margin-top:30px;font-size:24px;color:#f01414;line-height:24px;font-weight:600}header.header-container .header-box .no-start-class-box i{font-style:normal}header.header-container .header-box .no-start-class-box i.day{display:inline-block;margin:0 10px}header.header-container .header-box .btn-box{position:absolute;top:180px;right:5px}header.header-container .header-box .btn-box .top{display:flex}header.header-container .header-box .btn-box .top .btn-default{display:block;width:160px;height:48px;margin-right:12px;font-size:16px;letter-spacing:0;line-height:48px;font-weight:600;text-align:center;cursor:pointer}header.header-container .header-box .btn-box .top .active-btn{background-image:linear-gradient(90deg,rgba(255,0,105,.99) 0,#ff7a00 99%);border-radius:24px;color:#fff}header.header-container .header-box .btn-box .top .normal-btn{background:rgba(240,20,20,.1);border-radius:24px;color:#f20d0d}header.header-container .header-box .btn-box .top .default-btn{background:#f01414;border-radius:24px;color:#fff}header.header-container .header-box .btn-box .top .disabled-btn{background:#fff;border:2px solid #d7dddf;border-radius:24px;color:#d3d6d9;cursor:default}header.header-container .header-box .btn-box .top .full-btn{width:178px}header.header-container .header-box .btn-box .bottom{height:15px;display:flex;align-items:center;margin-top:12px;font-size:16px;color:#1c1f21;line-height:18px}header.header-container .header-box .btn-box .bottom i{display:inline-block;margin-right:5px}header.header-container .header-box .btn-box .bottom .red{display:inline-block;margin:0 5px}header.header-container .header-box .btn-box .add-cart{position:relative}header.header-container .header-box .btn-box .add-cart .discount{position:absolute;top:-16px;right:0;width:104px;height:24px;line-height:24px;background-image:linear-gradient();background:#ffdf80;border:1px solid rgba(255,255,255,.6);border-radius:12px 12px 12px 0;font-size:12px;color:#f20d0d;letter-spacing:0;font-weight:500}.coupon-container{max-width:500px;height:41px;cursor:pointer;padding:16px 12px 11px 11px;overflow:hidden;margin-top:-9px;box-sizing:border-box;z-index:1}.coupon-container .coupon-box-main{width:100%}.coupon-container .coupon-box-main .coupon-icon{float:left;width:24px;height:24px;margin-right:12px;line-height:24px;background:#fa4810;border-radius:3px;font-size:12px;color:#fff;font-weight:500;text-align:center}.coupon-container .coupon-box-main .l-couponbox,.coupon-container .coupon-box-main .r-coupon-box{float:left}.coupon-container .coupon-box-main .l-couponbox{max-width:423px}.coupon-container .coupon-box-main .r-coupon-box i,.coupon-container .coupon-box-main .r-coupon-box p{font-family:PingFangSC-Medium;display:inline-block;font-size:14px;color:#f20d0d;font-weight:600}.coupon-container a,.coupon-container span{width:132px;height:24px;background-image:url(../image/coupon_20210618_success.png);background-size:100% 100%;font-size:12px;color:#f20d0d;line-height:24px;font-weight:600;display:inline-block;text-align:center;cursor:pointer;margin-bottom:12px;margin-right:5px}.coupon-container a::after,.coupon-container span::after{content:" | 领劵"}.coupon-container a.success,.coupon-container span.success{color:#ce0b0b;background-image:url(../image/coupon_20210618_success.png);background-size:100% 100%}.coupon-container a.success::after,.coupon-container span.success::after{content:" | 已领"}.coupon-container a:hover,.coupon-container span:hover{background-image:url(../image/coupon_20210618_success.png);background-size:cover}.coupon-container:hover{max-width:544px;height:auto;background:#fff;border:1px solid #ffe4dc;border-radius:4px;box-sizing:border-box}.coupon-container:hover .icon-upordown{transform:rotate(180deg)}.is_new_img{display:inline-block;color:#fff;width:32px;height:16px;background-image:url(../image/new_tags_list-1.png);background-size:cover;vertical-align:middle;margin-left:12px}.new_tag{display:inline-block;color:#fff;width:32px;height:16px;background-image:url(../image/new_icon.png);background-size:cover;vertical-align:middle;margin-left:12px}.chapter-update-state{padding-left:16px;line-height:58px;color:#93999f;margin-left:42px;border:1px solid #f6f9fa}.chapter-update-state i{margin-right:4px}.coupon-success-modal{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(28,31,33,.6);z-index:900}.coupon-success-modal .modal-box{width:1000px;height:503px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(../image/coupon_202406.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;padding-top:145px}.coupon-success-modal .modal-box .coupon-box{width:100%;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.coupon-success-modal .modal-box .coupon-box .coupon_item{width:128px;height:108px;background-size:contain;background-repeat:no-repeat;background-position:center center}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-2800{background-image:url(../image/coupon-2800.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1950{background-image:url(../image/coupon-1950.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1600{background-image:url(../image/coupon-1600.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1200{background-image:url(../image/coupon-1200.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1000{background-image:url(../image/coupon-1000.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-600{background-image:url(../image/coupon-600.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-300{background-image:url(../image/coupon-300.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-200{background-image:url(../image/coupon-200.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-150{background-image:url(../image/coupon-150.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-80{background-image:url(../image/coupon-80.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-10{background-image:url(../image/coupon-10.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-box1{padding:0 196px}.coupon-success-modal .modal-box .coupon-box2{margin-top:24px;padding:0 116px}.coupon-success-modal .modal-box .coupon-flex{width:100%;display:flex;flex-wrap:wrap;padding:0 80px;box-sizing:border-box}.coupon-success-modal .modal-box .coupon-flex .item{position:relative;display:flex;flex-direction:column;width:128px;height:108px;background-size:cover;background-position:center center;background-image:url(https://coding.imooc.com/static/module/class/standerd/img/coupon618-bg.png);text-align:center;margin-bottom:24px}.coupon-success-modal .modal-box .coupon-flex .item:first-child{margin-left:192px}@font-face{font-family:DINCond-Medium;src:url(https://coding.imooc.com/static/module/common/fonts/DINCondm/DINCOND-MEDIUM.otf);font-style:normal}.coupon-success-modal .modal-box .coupon-flex .item .price{font-family:DINCond-Medium,sans-serif;font-size:48px;color:#ff5126;letter-spacing:-2px;line-height:72px;font-weight:600;padding-top:5px;box-sizing:border-box}.coupon-success-modal .modal-box .coupon-flex .item .price sub{font-size:14px;color:#ff5126;line-height:24px;font-weight:600}.coupon-success-modal .modal-box .coupon-flex .item .coupon-info{font-size:14px;color:#fff7d7;line-height:14px;font-weight:600;margin-top:3px}.coupon-success-modal .modal-box .coupon-flex .item .coupon-info p:first-child{margin-bottom:3px}.coupon-success-modal .modal-box .coupon-flex .item .receive-success-icon{width:50px;height:50px;position:absolute;top:4px;right:6px;background-image:url(https://coding.imooc.com/static/module/class/standerd/img/receive_img.png);background-size:100% 100%}.coupon-success-modal .modal-box .coupon-flex .coupon_item{width:128px;height:108px;margin-right:24px;background-size:contain;background-repeat:no-repeat;background-position:center center}.coupon-success-modal .modal-box .coupon-flex .coupon_item.coupon-500{background-image:url(../image/500-coupon.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-flex .coupon_item.coupon-300{background-image:url(../image/300-coupon.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-flex .coupon_item.coupon-200{background-image:url(../image/200-coupon.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-flex .coupon_item.coupon-120{background-image:url(../image/120-coupon.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-flex .coupon_item.coupon-60{background-image:url(../image/60-coupon.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .coupon-flex .coupon_item.coupon-30{background-image:url(../image/30-coupon.png);background-size:cover;background-position:center;background-repeat:no-repeat}.coupon-success-modal .modal-box .modal-btns{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:36px auto 0}.coupon-success-modal .modal-box .modal-btns .btn{width:160px;height:48px;display:inline-block;cursor:pointer;font-family:PingFangSC-Medium;font-size:21px;color:#f8ffce;letter-spacing:0;border:2px solid rgba(255,245,110,.51);border-radius:34px;line-height:48px;text-align:center;font-weight:500}.coupon-success-modal .modal-box .modal-btns .btn.look{width:150px;height:58px;background-image:url(../image/continue-btn2023.png);background-size:100% 100%;margin-right:60px;text-indent:-9999px}.coupon-success-modal .modal-box .modal-btns .btn.back{width:140px;background-image:url(../image/activity-back-btn.png);background-size:100% 100%;background-repeat:no-repeat;text-indent:-9999px}.countdown{width:250px;height:32px;background-image:url(../image/countdown.png);background-size:cover;background-position:center;display:none;border-radius:4px}.countdown-box{width:208px;margin-top:6px;margin-left:38px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.countdown-box-text{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;line-height:20px;font-weight:600}.countdown-box-time{width:118px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.countdown-box-time-date,.countdown-box-time-hour,.countdown-box-time-min,.countdown-box-time-sec{width:26px;height:20px;background:#fff;border-radius:4px;font-family:PingFangSC-Semibold;font-size:12px;color:#f20d0d;text-align:center;line-height:20px;font-weight:600}.countdown-box-time-date-red{background:0 0;color:transparent}.countdown-box-time-symbel{color:#fff;font-weight:600}.nav-conatiner{height:68px}.nav-conatiner .nav-box{height:68px;display:flex;align-items:center;border-bottom:1px solid rgba(28,31,33,.1)}.nav-conatiner .nav-box li{position:relative;margin-right:64px;font-size:16px;color:#4d555d;letter-spacing:0;line-height:16px;font-weight:600;cursor:pointer}.nav-conatiner .nav-box .active{color:#f20d0d}.nav-conatiner .nav-box .active::after{content:'';position:absolute;bottom:-12px;left:8px;width:16px;height:2px;background-color:#f20d0d;border-radius:1px}.nav-conatiner .nav-box .nav-icon::before{position:absolute;top:-6px;right:-14px;content:" ";width:14px;height:10px;background-image:url(../image/icon-sheng.png);background-size:cover;background-position:center}.wx_question-btn{position:fixed;bottom:10%;right:0;z-index:9;width:110px;height:48px;background:url(../image/qrcodebtn.png);background-repeat:no-repeat;background-size:cover;border-radius:24px;cursor:pointer}.js-qrcode-modal{display:none;position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:rgba(28,31,33,.5)}.js-qrcode-modal .qrcode-modal{position:relative;width:360px;top:50%;left:50%;margin-left:-180px;margin-top:-190px;padding:32px 54px;background:#fff;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);border-radius:12px;text-align:center;box-sizing:border-box}.js-qrcode-modal .qrcode-modal .qrcode-modal-header .close{position:absolute;right:12px;top:12px;font-size:24px;color:#b2b8bd;line-height:24px}.js-qrcode-modal .qrcode-modal h3{font-size:20px;color:#1c1f21;font-weight:400;line-height:30px}.js-qrcode-modal .qrcode-modal p{font-size:14px;color:#1c1f21;line-height:24px}.js-qrcode-modal .qrcode-modal .qrcode-img{margin-top:16px;width:180px;height:180px}.js-qrcode-modal .qrcode-modal .tip1{margin-top:16px}.js-qrcode-modal .qrcode-modal .tip2{margin-top:4px;font-size:12px;color:#717a84}.evaluation-modal-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(28,31,33,.6);z-index:1000}.evaluation-modal-container .main-box{width:1152px;min-height:720px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.evaluation-modal-container .main-box .top{display:inline-table;width:1152px;height:148px;background:#f6f9fa;border-radius:12px 12px 0 0;padding:28px 24px 0;box-sizing:border-box}.evaluation-modal-container .main-box .top .title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.evaluation-modal-container .main-box .top .title-box .name{font-size:18px;color:#1c1f21;line-height:24px;font-weight:600}.evaluation-modal-container .main-box .top .title-box .close-btn{font-size:24px;color:#b2b8bd;line-height:24px}.evaluation-modal-container .main-box .top .star-box{display:flex}.evaluation-modal-container .main-box .top .star-box .star-item{display:flex;align-items:center;margin-right:24px;font-size:16px;color:#1c1e20}.evaluation-modal-container .main-box .top .star-box .star-item:last-child{margin-right:0}.evaluation-modal-container .main-box .top .star-box .star-item .star-num{display:flex;align-items:center;margin-right:7px}.evaluation-modal-container .main-box .top .star-box .star-item .star-num .star{display:inline-block;width:16px;height:16px;background-image:url(../image/star.png);background-size:cover;background-position:center;margin-right:4px}.evaluation-modal-container .main-box .top .star-box .star-item .star-num .default-star{background-image:url(../image/star-default.png);background-size:cover;background-position:center}.evaluation-modal-container .main-box .top .star-box .star-item .star-num .half-star{background-image:url(../image/star-half.png);background-size:cover;background-position:center}.evaluation-modal-container .main-box .top .all-score{margin-top:17px;font-size:16px;color:#1c1e20;margin-bottom:26px}.evaluation-modal-container .main-box .bottom{padding:24px 56px 0 32px;box-sizing:border-box;max-height:450px;overflow-y:auto}.evaluation-modal-container .main-box .bottom .evaluation-item{margin-bottom:36px}.evaluation-modal-container .main-box .bottom .evaluation-item .info-box{display:flex;align-items:center;margin-bottom:9px}.evaluation-modal-container .main-box .bottom .evaluation-item .info-box .userpic{width:30px;height:30px;border-radius:50%;margin-right:16px}.evaluation-modal-container .main-box .bottom .evaluation-item .info-box .nickname{font-family:PingFangSC-Semibold;font-size:14px;line-height:24px;font-weight:600}.evaluation-modal-container .main-box .bottom .evaluation-item .info-box .flower{display:flex;align-items:center;font-size:12px;color:#545c63;margin-left:16px}.evaluation-modal-container .main-box .bottom .evaluation-item .info-box .flower .icon{display:inline-block;width:16px;height:18px;background-image:url(../image/flower-icon.png);background-size:cover;background-position:center}.evaluation-modal-container .main-box .bottom .evaluation-item .desc{margin-left:42px;font-size:14px;color:#07111b}.evaluation-modal-container .main-box .bottom .evaluation-item .treply{overflow:hidden;font-size:14px;line-height:22px;color:#000;word-wrap:break-word;word-break:break-all;background:#f4f5f7;padding:8px 11px;border-radius:4px;margin-top:13px;margin-left:42px}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-list .reply-img{width:74px;height:74px;border:1px solid transparent;background-position:center;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;margin-right:8px;margin-top:8px;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-list .reply-img.curr{border:1px solid #f20d0d}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview{width:656px;min-height:369px;position:relative;margin-top:8px;border:1px solid #e3e3e3;box-sizing:border-box;cursor:pointer;display:none}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview.showpreview{display:-webkit-flex;display:flex;justify-content:center;align-items:center;animation:showPreview .3s infinite;-moz-animation:showPreview .3s infinite;-webkit-animation:showPreview .3s infinite;-o-animation:showPreview .3s infinite;animation-iteration-count:1;animation-direction:alternate}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview img{height:auto;width:100%}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview img.rotate90{animation:rotate90 .3s infinite;-moz-animation:rotate90 .3s infinite;-webkit-animation:rotate90 .3s infinite;-o-animation:rotate90 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview img.rotate180{animation:rotate180 .3s infinite;-moz-animation:rotate180 .3s infinite;-webkit-animation:rotate180 .3s infinite;-o-animation:rotate180 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview img.rotate270{animation:rotate270 .3s infinite;-moz-animation:rotate270 .3s infinite;-webkit-animation:rotate270 .3s infinite;-o-animation:rotate270 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview img.rotate360{animation:rotate360 .3s infinite;-moz-animation:rotate360 .3s infinite;-webkit-animation:rotate360 .3s infinite;-o-animation:rotate360 .3s infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-fill-mode:forwards}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview .rotate-img{width:68px;height:24px;position:absolute;right:8px;top:8px;background:rgba(0,0,0,.3);border-radius:6px;text-align:center;cursor:pointer}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview .rotate-img i{font-size:16px;color:#fff}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview .rotate-img span{font-size:14px;color:#fff;vertical-align:text-bottom}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview .next-img{width:42px;height:48px;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-size:42px;color:#fff;text-align:center;line-height:48px;display:none;text-shadow:0 4px 8px rgba(0,0,0,.5)}.evaluation-modal-container .main-box .bottom .evaluation-item .reply-img-preview .prev-img{width:42px;height:48px;display:none;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);font-size:42px;color:#fff;text-align:center;line-height:48px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.evaluation-modal-container .main-box .bottom-word{display:none;width:100%;font-size:12px;text-align:center;margin-bottom:12px}@keyframes showPreview{from{opacity:0}to{opacity:1}}@-webkit-keyframes showPreview{from{opacity:0}to{opacity:1}}@keyframes rotate90{from{transform:rotate(0)}to{transform:rotate(90deg)}}@-webkit-keyframes rotate90{from{-webkit-transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotate180{from{transform:rotate(90deg)}to{transform:rotate(180deg)}}@-webkit-keyframes rotate180{from{-webkit-transform:rotate(90deg)}to{transform:rotate(180deg)}}@keyframes rotate270{from{transform:rotate(180deg)}to{transform:rotate(270deg)}}@-webkit-keyframes rotate270{from{-webkit-transform:rotate(180deg)}to{transform:rotate(270deg)}}@keyframes rotate360{from{transform:rotate(270deg)}to{transform:rotate(360deg)}}@-webkit-keyframes rotate360{from{-webkit-transform:rotate(270deg)}to{transform:rotate(360deg)}}.fixed-nav-container{position:fixed;top:0;left:0;display:none;width:100%;height:64px;background-color:pink;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.1);z-index:100}.fixed-nav-container .nav-box{width:1152px;height:64px;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.fixed-nav-container .nav-box .class-name{width:280px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:14px;font-weight:600}.fixed-nav-container .nav-box .nav{height:68px;display:flex;align-items:center;border-bottom:1px solid rgba(28,31,33,.1);margin-left:12px}.fixed-nav-container .nav-box .nav li{position:relative;margin-right:64px;font-size:16px;color:#4d555d;letter-spacing:0;line-height:16px;font-weight:600;cursor:pointer}.fixed-nav-container .nav-box .nav li:last-child{margin-right:0}.fixed-nav-container .nav-box .nav .active{color:#f20d0d}.fixed-nav-container .nav-box .nav .active::after{content:'';position:absolute;bottom:-12px;left:8px;width:16px;height:2px;background-color:#f20d0d;border-radius:1px}.fixed-nav-container .nav-box .nav .nav-icon::before{position:absolute;top:-6px;right:-14px;content:" ";width:14px;height:10px;background-image:url(../image/icon-sheng.png);background-size:cover;background-position:center}.fixed-nav-container .nav-box .btn-box{margin-left:50px;display:flex}.fixed-nav-container .nav-box .btn-box .right{display:flex}.fixed-nav-container .nav-box .btn-box .right .btn-default{display:block;width:104px;height:36px;margin-right:12px;font-size:14px;letter-spacing:0;line-height:36px;font-weight:600;text-align:center;cursor:pointer}.fixed-nav-container .nav-box .btn-box .right .active-btn{background-image:linear-gradient(90deg,rgba(255,0,105,.99) 0,#ff7a00 99%);border-radius:24px;color:#fff}.fixed-nav-container .nav-box .btn-box .right .normal-btn{background:rgba(240,20,20,.1);border-radius:24px;color:#f20d0d}.fixed-nav-container .nav-box .btn-box .right .default-btn{background:#f01414;border-radius:24px;color:#fff}.fixed-nav-container .nav-box .btn-box .right .disabled-btn{background:#fff;border:2px solid #d7dddf;border-radius:24px;color:#d3d6d9;cursor:default}.fixed-nav-container .nav-box .btn-box .right .full-btn{width:178px}.fixed-nav-container .nav-box .btn-box .left{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:12px}.fixed-nav-container .nav-box .btn-box .left .top{display:flex;font-size:16px;color:#f20d0d;line-height:16px;font-weight:600}.fixed-nav-container .nav-box .btn-box .left .top i{font-style:normal}.fixed-nav-container .nav-box .btn-box .left .bottom{margin-top:8px;display:flex;font-size:12px;color:#9199a1}.fixed-nav-container .nav-box .btn-box .left .bottom .price-init{text-decoration:line-through;margin-left:12px}.fixed-nav-container .nav-box .btn-box .add-cart{position:relative}.fixed-nav-container .nav-box .btn-box .add-cart .discount{position:absolute;top:-14px;right:-36px;width:104px;height:24px;line-height:24px;background-image:linear-gradient();background:#ffdf80;border:1px solid rgba(255,255,255,.6);border-radius:12px 12px 12px 0;font-size:12px;color:#f20d0d;letter-spacing:0;font-weight:500}.pagination .next,.pagination .prev{width:50px;border-radius:0}.question-container{margin-bottom:64px}.question-box{margin:0 auto;position:relative;padding-top:15px}.question-box .title-box{display:flex;justify-content:space-between;margin-bottom:35px}.question-box .title-box .left{width:401px;height:28px;background-image:url(../image/question-title.png);background-size:cover;background-position:center}.question-box .title-box .right{display:none;font-size:16px;color:#1c1f21;letter-spacing:0;margin-right:15px}.question-box .question-contain{width:1124px;box-sizing:border-box;margin:30px auto 0;padding:40px 50px;min-height:380px;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.06);border-radius:12px 12px 8px 8px}.question-box .question-contain .question-content{overflow:hidden}.question-box .question-contain .question-content li{float:left;width:462px;padding:0}.question-box .question-contain .question-content li:nth-child(2n){margin-left:100px}.question-box .question-contain .question-content li .mid-detail{width:400px}.question-box .question-contain .question-content li .answer-content{height:84px;margin-bottom:24px}.question-box .question-contain .question-content li .mid-detail .question-title{font-weight:700}.question-box .question-contain .question-content li .hand-block:hover{background:#545c63;color:#fff}.question-box .question-contain .question-content li .hand-block.current{background:#545c63;color:#fff}.question-box .question-contain .question-content li .left-hand{margin-right:16px}.question-box .question-contain .question-content li .left-hand .hand-block{background:#f3f5f7;color:#93999f;width:34px;height:34px;line-height:34px;text-align:center;border-radius:18px;position:relative;cursor:pointer;border:1px solid #f3f5f7;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.question-box .question-contain .question-content li .left-hand .hand-block:hover{color:#fff;background:#f01414}.question-box .question-contain .question-content li .left-hand .hand-block .hand-number{margin-top:8px;color:#93999f;font-size:12px;line-height:12px;display:block}.question-box .question-contain .question-content li .left-hand .hand-block.current{color:#f01414;background:rgba(240,20,20,.1)}.question-box .question-contain .question-content li .mid-detail .question-title{font-size:16px;line-height:32px;color:#07111b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}.question-box .question-contain .question-content li .mid-detail .question-title a:hover{color:#f01414}.question-box .question-contain .question-content li .mid-detail .questiondetail-title{font-size:16px;line-height:32px;color:#07111b;overflow:hidden;-webkit-transition:color .2s ease-out;transition:color .2s ease-out;word-break:break-all;word-wrap:break-word}.question-box .question-contain .question-content li .mid-detail .questiondetail-title a:hover{color:#f01414}.question-box .question-contain .question-content li .mid-detail .answer-content{color:#4d555d;font-size:14px;line-height:28px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.question-box .question-contain .question-content li .mid-detail .consult-detail{color:#4d555d;font-size:14px;line-height:28px}.question-box .question-null{text-align:center;font-size:16px;color:#1c1f21;letter-spacing:0;font-weight:400;padding-top:175px;background-image:url(../image/question-null.png);background-size:297px 128px;background-repeat:no-repeat;background-position:center top}.question-box .add-question{margin:22px auto 0;width:160px;height:48px;background:rgba(240,20,20,.1);border-radius:24px;font-size:16px;color:#f01414;letter-spacing:0;line-height:48px;font-weight:600;text-align:center}.question-box .add-question a{color:#f01414}.question-box .fl{float:left}.question-box .fr{float:right}.comp-loading{padding:96px 0;font-size:16px;color:#1c1f21;text-align:center}.comp-loading i{display:inline-block;font-size:28px;-webkit-animation:loadingIcon 1s linear infinite;-moz-animation:loadingIcon 1s linear infinite;animation:loadingIcon 1s linear infinite}.comp-loading .text{display:block;margin-top:4px}@-webkit-keyframes loadingIcon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-moz-keyframes loadingIcon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes loadingIcon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}