﻿.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}.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}.course-list li{border-radius:0 0 1px 1px;float:left;margin:0 80 8px 0;height:250px;width:260px;position:relative}.course-list li a:hover h5{color:#f01400}.course-list .course-list-img{width:260px;height:146px;overflow:hidden;position:relative}.course-list .course-list-img img{display:block;width:260px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}.course-list h5{margin:18px 0 0;height:18px;line-height:18px;color:#4d555d;text-align:left;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.course-list .tips{font-size:12px;color:#b4bbbf}.course-list .tips p{margin:8px 0}.course-list .tips span{color:#787d82}.course-list .tips .update-latest{color:#00dc50}.course-list .tips .price{font-size:16px;color:#f20d0d;line-height:1;font-weight:700}.course-list .tips .price i{font-size:10px;font-style:normal;vertical-align:top}.course-list .new{color:#86d693!important}.course-list .learned{display:inline-block;height:18px;padding:0 5px;text-align:center;line-height:18px;background-color:#7e878c;background-color:#00b33b;font-size:12px;color:#fff;font-style:normal;font-weight:400;margin-right:5px;vertical-align:middle}.course-list .follow-label{display:none;position:absolute;left:15px;top:25px;width:46px;height:23px;line-height:23px;padding-bottom:5px;font-size:12px;color:#fff;text-align:center;background:url(https://coding.imooc.com/static/img/course/v2/follow_label.png) no-repeat 0 0}.course-list .time-label{position:absolute;right:6px;top:6px;height:20px;line-height:20px;font-size:12px;color:#fff;padding:0 3px;visibility:hidden;background-color:#000;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);-webkit-transition:.3s;transition:.3s}.course-list .tags{margin:12px 0 14px;height:20px;overflow:hidden}.course-list .tags span{display:inline-block;margin-right:4px;padding:0 8px;height:20px;line-height:20px;font-size:12px;color:#787d82;background-color:#edf1f2;vertical-align:middle}.course-list li:hover h5{color:#f20d0d}.course-list li:hover .time-label{visibility:visible;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.course-list .del{display:none;cursor:pointer;position:absolute;left:5px;top:5px;width:24px;height:24px;background:url(https://coding.imooc.com/static/img/course/dot_del.png) no-repeat left top}.course-list.editable .del{display:block}.ml20{margin-left:20px}.course-one .media-progress{position:absolute;bottom:0;left:0;right:0}.course-one .media-progress .mask,.course-one .media-progress .progress-val{position:absolute;left:0;right:0;bottom:4px;height:30px}.course-one .media-progress .progress-val{padding:0 10px;line-height:30px;font-size:20px;color:#fff;font-weight:400;z-index:2}.course-one .media-progress .mask{background-color:#000;opacity:.4;z-index:1}.course-one .media-progress .progress-bar{position:relative;background-color:#656e73}.course-one .media-progress .bar{height:4px;background-color:#00b33b}.course-one .complete{font-size:12px;color:#787d82}.course-one .complete strong{margin-left:4px;font-size:14px;color:#00b230}.tab-header{background:#f3f5f7}.tab-header .w{position:relative;padding:40px 0 77px 0;z-index:1}.tab-header .w .teacher-intro{float:none;margin-top:0}.tab-header .w p{padding:0 200px 0 0;line-height:28px;color:#787d82;word-wrap:break-word}.tab-header .w .tab-btn{position:absolute;width:80px;height:80px;border-radius:40px;background:#00b43c;right:0;top:-40px;box-shadow:0 6px 12px 0 rgba(0,0,0,.1);color:#fff;font-size:48px;line-height:80px;text-align:center;transition:width .5s;overflow:hidden}.tab-header .w .tab-btn span{width:200px;font-size:24px;overflow:hidden;display:none}.tab-header .w .tab-btn:hover{width:200px}.tab-header .w .tab-btn:hover i{display:none}.tab-header .w .tab-btn:hover span{display:block}.tab-header .w .tab-btn:hover span i{display:inline-block}.tab-header .tab-nav{position:absolute;left:0;bottom:0}.tab-header .tab-nav a{border-bottom:2px solid #f3f5f7;font-size:16px;color:#4d555d;font-weight:700;display:inline-block;margin-right:50px;line-height:36px}.tab-header .tab-nav a:hover{color:#07111b}.tab-header .tab-nav a.curr{border-bottom:2px solid #00b43c;color:#00b43c}.theme-purple .w{padding:30px 0}.theme-purple .w .no-teacher{line-height:28px;color:#787d82}.theme-purple .w .no-teacher img{vertical-align:middle;margin:0 24px}.tab-header.theme-red .tab-btn{background-color:#f01414}.tab-header.theme-red .tab-nav a.curr{color:#f01414;border-bottom-color:#f01414}.cart-color{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.red{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.orange{background:linear-gradient(270deg,rgba(255,150,0,.7),#ff9600)}.cart-color.green{background:linear-gradient(270deg,rgba(0,185,90,.7),#00b95a)}.cart-color.cyan{background:linear-gradient(270deg,rgba(0,200,200,.7),#00c8c8)}.cart-color.blue{background:linear-gradient(270deg,rgba(75,150,220,.7),#4b96dc)}.cart-color.purple{background:linear-gradient(270deg,rgba(210,115,230,.7),#d273e6)}.shizhan-recommendcourse{width:1200px;margin:0 auto;padding:32px 0 0}.shizhan-recommendcourse .box-tit{font-size:16px;color:#07111b;line-height:36px;font-weight:700;margin-bottom:20px}.shizhan-list-wrap{width:100%;margin:0 auto}.shizhan-list-wrap .shizhan-course-list{width:1232px;margin:-16px;overflow:hidden}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap{position:relative;margin:16px;width:276px;height:316px;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);transition:.3s all linear;border-radius:6px;background:#fff}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap a{display:block}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.2)}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box{position:relative;width:100%;height:100%}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .box{width:276px;overflow:hidden}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .img-box{width:276px;height:96px;overflow:hidden}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .img-box img{width:276px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-course-rate{position:absolute;width:40px;height:24px;font-size:12px;line-height:24px;color:#fff;background-color:#07111b;font-weight:200;text-align:center;right:-4px;top:12px;z-index:1;border-top-left-radius:6px;border-bottom-left-radius:6px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-course-rate:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #07111b;border-right:4px solid transparent;right:0;bottom:-4px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-course-img{border-top-right-radius:6px;border-top-left-radius:6px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box{position:relative;width:277px;height:220px;background:#fff;padding:22px 24px 24px;box-sizing:border-box;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizan-name{font-size:16px;line-height:28px;color:#07111b;font-weight:200;letter-spacing:-.1px;max-height:56px;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizan-desc{margin-top:8px;font-size:12px;line-height:24px;color:#93999f;font-weight:200;max-height:48px;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom{position:absolute;bottom:22px;width:228px;box-sizing:border-box}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .shizhan-info{font-size:12px;line-height:20px;color:#93999f;font-weight:200}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .shizhan-info i{display:inline-block;width:10px;text-align:center;font-weight:400}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box{position:relative}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box:hover .evaluation-desc-box{display:block}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .stars{font-size:16px;line-height:24px;color:rgba(255,153,0,.2);margin-right:0}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .stars .on{color:#f90}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .stars i{top:0;margin-right:0}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box{display:none;position:absolute;bottom:24px;width:228px;padding:16px 0;background:#f90;border-radius:4px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box .trangle{position:absolute;bottom:-5px;left:34px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f90}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box p{font-size:12px;line-height:12px;color:#fff;font-weight:200}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box .left-box{width:118px;text-align:center;border-right:1px solid rgba(255,255,255,.4);box-sizing:border-box}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box .left-box .big-text{font-size:20px;line-height:20px;margin:4px 0;font-weight:200}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box .right-box{width:110px;text-align:center}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box .right-box span{margin-left:4px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .evaluation-box .evaluation-desc-box .right-box p:nth-child(2){margin:8px 0}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .student-price{font-size:12px;color:#93999f;line-height:20px;font-weight:200;text-align:right}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .student-price span{display:inline-block;font-size:12px;color:rgba(240,20,20,.6);line-height:20px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .shizhan-price{height:20px}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .shizhan-course-price{text-align:right;font-size:16px;color:#f01414;line-height:20px;font-weight:200}.shizhan-list-wrap .shizhan-course-list .shizhan-course-wrap .shizhan-course-box .shizhan-intro-box .shizhan-info-bottom .bottom-box .shizhan-discount-price{text-align:right;margin-right:8px;font-size:12px;font-weight:200;color:#93999f;line-height:20px;text-decoration:line-through}.shizhan-list-wrap .no-course-box{padding:120px 0 200px;text-align:center}.shizhan-list-wrap .no-course-box .no-course{margin-bottom:24px;font-size:24px;line-height:24px;color:#93999f;font-weight:200}.shizhan-list-wrap .no-course-box a{font-size:16px;line-height:16px;color:#f01414}.shizhan-list-wrap .no-course-box a:hover{color:#f04646}.graybg{background:#f3f5f6}.transition{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top{width:100%;background:#fff;font-size:0}.b-top .wrap{width:1152px;margin:0 auto}.b-top .wrap .breadcrumb{padding:20px 0;color:#1c1f21;font-size:12px;line-height:24px}.b-top .wrap .breadcrumb a,.b-top .wrap .breadcrumb span{color:#1c1f21;display:inline-block;vertical-align:middle;line-height:24px}.b-top .wrap .breadcrumb a.icon,.b-top .wrap .breadcrumb span.icon{font-size:20px;color:#545c63}.b-top .wrap .breadcrumb a:hover,.b-top .wrap .breadcrumb span:hover{color:#1c1f21;opacity:1}.b-top .wrap .breadcrumb .split{margin:0 8px 0 4px;display:inline-block;vertical-align:middle}.b-top .wrap .b-top-info{position:relative;border-bottom:1px solid #f3f5f6;padding-bottom:23px}.b-top .wrap .b-top-info .left{width:452px;height:268px;background-size:cover;background-repeat:no-repeat;background-position:center;float:left}.b-top .wrap .b-top-info .left .bg{width:100%;height:100%;background:rgba(0,0,0,.3);padding-top:94px;padding-left:178px;box-sizing:border-box;position:relative}.b-top .wrap .b-top-info .left .videoBtn p{font-size:14px;color:#fff;line-height:80px;vertical-align:middle}.b-top .wrap .b-top-info .left .videoBtn p i{font-size:80px;color:#fff;vertical-align:middle}.b-top .wrap .b-top-info .left .videoBtn p i:hover{color:#f3f4f5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top .wrap .b-top-info .left .video-info{position:absolute;bottom:9px;right:2px;font-size:12px;color:#fff;line-height:18px}.b-top .wrap .b-top-info .left .video-info span{margin-right:8px}.b-top .wrap .b-top-info .left .video-info span.dot{margin-left:4px;margin-right:12px}.b-top .wrap .b-top-info .right{margin-left:490px}.b-top .wrap .b-top-info .right::after{content:"";clear:both;display:block}.b-top .wrap .b-top-info .right .mark{padding-right:200px;min-height:24px}.b-top .wrap .b-top-info .right .mark span{background:#e9f6ff;border-radius:2px;padding:2px 4px;margin-right:8px;margin-bottom:8px;display:inline-block;font-size:12px;color:#4a90e2;text-align:center;line-height:12px;cursor:pointer}.b-top .wrap .b-top-info .right .mark span:last-child{margin-right:0}.b-top .wrap .b-top-info .right .extra{position:absolute;right:0;top:0;color:#fff}.b-top .wrap .b-top-info .right .extra .split-line{margin:2px 16px 0;width:1px;height:16px;background-color:#fff;opacity:.4}.b-top .wrap .b-top-info .right .extra .course-collect i{font-size:20px;color:#b2b8bd;text-align:center;line-height:24px;vertical-align:middle;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top .wrap .b-top-info .right .extra .course-collect i:hover{color:#1c1f21}.b-top .wrap .b-top-info .right .extra .course-collect span{font-size:12px;color:#1c1f21;text-align:center;line-height:24px;margin-left:4px;margin-right:25px;vertical-align:middle}.b-top .wrap .b-top-info .right .extra .follow-action{padding-left:24px;color:#fff;background-position:0 -37px}.b-top .wrap .b-top-info .right .extra .follow-action:hover{background-position:0 -137px}.b-top .wrap .b-top-info .right .extra .follow-action.followed{background-position:0 -157px}.b-top .wrap .b-top-info .right .extra .follow-action,.b-top .wrap .b-top-info .right .extra .share{background-image:url(../image/info_s.png);background-repeat:no-repeat}.b-top .wrap .b-top-info .right .extra .share-action .hd{color:#fff;opacity:.6}.b-top .wrap .b-top-info .right .extra .share-money{background-color:#f76b1c;background-image:linear-gradient(270deg,#c11782 0,#f76b1c 100%);border-radius:16px 16px 16px 0;font-size:12px;color:#fff;letter-spacing:0;text-align:center;line-height:32px;padding:0 12px;display:inline-block}.b-top .wrap .b-top-info .right .extra .share{display:inline-block;float:none;padding:0;margin:0 10px;vertical-align:middle;font-size:20px;line-height:24px;color:#b2b8bd;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top .wrap .b-top-info .right .extra .share:hover{color:#1c1f21}.b-top .wrap .b-top-info .right .extra .share.wx{background-position:0 -60px}.b-top .wrap .b-top-info .right .extra .share.sina{background-position:0 -100px}.b-top .wrap .b-top-info .right .extra .share.qq{background-position:0 -80px}.b-top .wrap .b-top-info .right .b-title{margin-top:10px;font-size:26px;color:#1c1f21;line-height:36px;font-weight:700;word-break:break-all}.b-top .wrap .b-top-info .right .b-info{margin-top:10px}.b-top .wrap .b-top-info .right .b-info b,.b-top .wrap .b-top-info .right .b-info span{font-size:12px;color:#545c63;line-height:20px}.b-top .wrap .b-top-info .right .b-info b{margin-right:8px}.b-top .wrap .b-top-info .right .b-info .dot{margin:0 12px}.b-top .wrap .b-top-info .right .teacher-wrap{text-align:center;position:relative}.b-top .wrap .b-top-info .right .teacher-box{background:#f8fafc;border-radius:12px;padding:12px 17px;display:inline-block;overflow:hidden;margin:23px auto 0;text-align:left}.b-top .wrap .b-top-info .right .teacher-box .t-left{float:left;overflow:hidden;cursor:pointer}.b-top .wrap .b-top-info .right .teacher-box .t-left img{width:51.5px;height:51.5px;float:left;border-radius:50%}.b-top .wrap .b-top-info .right .teacher-box .t-left .t-info{float:left;height:51.5px;margin:0 15.5px;padding:10px 0;box-sizing:border-box}.b-top .wrap .b-top-info .right .teacher-box .t-left .t-info .t-name{font-size:14px;color:#383d42;font-weight:700;line-height:16px}.b-top .wrap .b-top-info .right .teacher-box .t-left .t-info .t-job{font-size:12px;color:#383d42;line-height:14px;margin-top:4px}.b-top .wrap .b-top-info .right .teacher-box .t-right{float:left;height:51.5px;line-height:51.5px;padding-left:15px;font-size:12px;color:#1c1f21;border-left:1px solid #bbb}.b-top .wrap .b-top-info .right .teacher-hover{width:662px;padding:34px;box-sizing:border-box;position:absolute;top:100px;left:0;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:12px;text-align:left;z-index:20;display:none}.b-top .wrap .b-top-info .right .teacher-hover h2{font-size:14px;color:#1c1f21;line-height:22px;font-weight:700}.b-top .wrap .b-top-info .right .teacher-hover .introduce{font-size:12px;color:#1c1f21;line-height:22px;margin-top:12px}.b-top .wrap .b-top-price{padding:40px 20px;position:relative}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .sale-price{font-size:32px;color:#f01414;line-height:32px;font-weight:700;margin-left:8px}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .ori-price{font-size:14px;color:#93999f;font-weight:700;line-height:32px;margin-left:8px;margin-right:2px;text-decoration:line-through}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .sale-timer{padding:6px 12px;background-color:#f90\9\0;background-image:linear-gradient(90deg,rgba(255,0,105,.99) 0,#ff7a00 99%);border-radius:16px}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .sale-timer .name{font-size:14px;font-weight:700;color:#fff;line-height:20px}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .sale-timer div{color:#fff;font-size:14px;line-height:20px;margin-left:8px}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .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}.b-top .wrap .b-top-price .wrap .price-box .time-price .discount .sale-timer i{color:#fff;font-style:normal;padding:0 1px}.b-top .wrap .b-top-price .wrap .price-box .time-price .no-discount .ori-price{font-size:32px;color:#f01414;line-height:32px;font-weight:700}.b-top .wrap .b-top-price .wrap .price-box .time-price .can-huabei{margin-top:3px;margin-left:8px;padding:6px 10px;background-color:#6c61d3\9\0;background-image:linear-gradient(90deg,#6c61d3 0,#53a0fd 100%);border-radius:12px}.b-top .wrap .b-top-price .wrap .price-box .time-price .can-huabei a{font-size:12px;line-height:12px;color:#fff}.b-top .wrap .b-top-price .wrap .price-box .time-price .can-baitiao{margin-top:3px;margin-left:8px;padding:6px 10px;background-image:linear-gradient(90deg,#ff323f 0,#f76469 100%);border-radius:12px}.b-top .wrap .b-top-price .wrap .price-box .time-price .can-baitiao a{font-size:12px;line-height:12px;color:#fff}.b-top .wrap .b-top-price .wrap .price-box .time-price .has-coupon{margin-top:3px;margin-left:12px;padding:6px 10px;background-color:#f90\9\0;background-image:linear-gradient(-90deg,#ffad00 0,#ff5900 94%);border-radius:12px}.b-top .wrap .b-top-price .wrap .price-box .time-price .has-coupon a{font-size:12px;line-height:12px;color:#fff}.b-top .wrap .b-top-price .wrap .price-box .time-price .moneyoff-info{margin-left:12px;font-size:14px;color:#fa0;line-height:32px;font-weight:700}.b-top .wrap .b-top-price .wrap .price-box .timer{font-size:14px;color:#545c63;letter-spacing:0;text-align:left;line-height:22px;font-weight:700}.b-top .wrap .b-top-price .wrap .price-box .timer i{font-style:normal}.b-top .wrap .b-top-price .wrap .price-box .timer i.first{visibility:hidden}.b-top .wrap .b-top-price .wrap .price-box .timer i,.b-top .wrap .b-top-price .wrap .price-box .timer span{color:#f01414}.b-top .wrap .b-top-price .wrap .combine-tab{margin-top:13px;position:relative}.b-top .wrap .b-top-price .wrap .combine-tab .box{display:inline-block;vertical-align:middle;max-width:500px;height:22px;overflow:hidden;white-space:nowrap}.b-top .wrap .b-top-price .wrap .combine-tab .item{display:inline-block;vertical-align:middle;border:1px solid #f3f5f6;border-radius:16px;font-size:12px;color:#545c63;line-height:20px;width:70px;text-align:center;box-sizing:border-box;margin-right:16px;position:relative;cursor:pointer}.b-top .wrap .b-top-price .wrap .combine-tab .item:last-child{margin-right:0}.b-top .wrap .b-top-price .wrap .combine-tab .item:hover{border:1px solid #545c63;color:#545c63}.b-top .wrap .b-top-price .wrap .combine-tab .arrow{display:inline-block;vertical-align:middle;width:14px;height:14px;background:#eee;text-align:center;border-radius:50%;margin:0 0 0 14px;cursor:pointer}.b-top .wrap .b-top-price .wrap .combine-tab .arrow i{font-size:14px;line-height:14px;color:#545c63}.b-top .wrap .b-top-price .wrap .combine-tab .arrow.left{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);margin:0 14px 0 0}.b-top .wrap .b-top-price .wrap .combine-tab .arrow.dis i{color:#b2b8bd}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box{display:none;position:absolute;top:22px;left:-20px;width:960px;height:268px;z-index:10;padding-top:18px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item{display:none;position:relative;width:100%;height:268px;padding:36px 0 36px 36px;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2)}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box{position:relative;width:216px;height:188px;margin-right:36px;text-align:center}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-title{width:100%;margin-bottom:4px;font-size:16px;color:#07111b;line-height:24px;height:48px;text-overflow:ellipsis;word-break:normal;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-detail{margin-bottom:12px;width:100%;font-size:12px;color:#4d555d;line-height:24px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-detail .package-course{margin-right:8px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-detail i{font-style:normal;text-decoration:line-through}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-price-box{position:relative;font-size:12px;color:#f01414;line-height:24px;font-weight:200}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-price-box .package-price{font-size:16px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-price-box:after,.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-price-box:before{display:block;position:absolute;top:24px;width:20%;content:"";border-top:1px solid rgba(240,20,20,.4)}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-price-box:before{left:0}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .package-price-box:after{right:0}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .go-confirm-btn{position:absolute;bottom:0;left:60px;margin-top:16px;display:inline-block;width:96px;height:36px;background:#f01414;border-radius:4px;font-size:12px;color:#fff;line-height:36px;text-align:center}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .ungo-confirm{background:#d9dde1}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .left-box .unbuy-tip{position:absolute;bottom:-24px;left:6px;font-size:12px;color:#93999f;letter-spacing:0;line-height:12px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .add-icon{margin:0 12px;font-size:48px;color:#4d555d;line-height:188px;text-align:center}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .course-item{position:relative;width:180px;height:188px;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .course-item img{width:100%;height:96px;border-top-left-radius:8px;border-top-right-radius:8px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .course-item .text-box{width:100%;padding:12px 22px;box-sizing:border-box;font-size:12px;color:#07111b;letter-spacing:0;line-height:20px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .course-item .buy-icon{position:absolute;width:52px;height:24px;font-size:12px;line-height:24px;color:#fff;background:#4d555d;font-weight:200;text-align:center;right:-4px;top:12px;z-index:1;border-top-left-radius:6px;border-bottom-left-radius:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .course-item .buy-icon:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #07111b;border-right:4px solid transparent;right:0;bottom:-4px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .other-course-box{position:relative;width:420px;height:195px;overflow:hidden}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .other-course-box .other-course-wrap{width:1000px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .other-course-box .other-course-wrap .course-item{margin-right:24px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .other-course-box .other-course-wrap .course-item:last-child{margin-right:0}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .package-scroll-bar{display:none;position:absolute;width:384px;height:8px;bottom:18px;right:36px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .package-item .package-scroll-bar span{position:absolute;width:232px;height:8px;left:0;top:0;background:#b7bbbf;border-radius:4px;box-shadow:0 2px 4px rgba(7,17,27,.1);transition:.3s box-shadow linear;cursor:pointer}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item{position:relative;margin-bottom:24px;width:100%;height:356px;box-sizing:border-box;background:#fff;overflow:hidden;font-size:0;border-radius:16px;box-shadow:0 8px 16px 0 rgba(28,31,33,.2)}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .package-header{background:#f8fafc;text-align:center;padding:23px 20px 21px 20px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .package-header .package-title{max-width:740px;display:inline-block;font-size:22px;color:#1c1f21;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .package-header label{display:inline-block;height:18px;font-size:12px;line-height:18px;vertical-align:middle;background:#545c63;border-radius:9px;color:#fff;padding:0 6px;margin-left:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .package-header .package-introduce{width:100%;font-size:12px;color:#383d42;line-height:20px;margin-top:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box{position:relative;text-align:center;margin-top:92px;margin-right:36px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .package-detail{margin-bottom:2px;width:100%;font-size:12px;color:#4d555d;line-height:24px;text-align:center}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .package-detail .package-course{margin-right:8px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .package-detail i{font-style:normal;text-decoration:line-through}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .package-price-box{position:relative;color:#f01414;line-height:24px;font-weight:200;font-size:0}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .package-price-box p{display:inline-block;font-size:12px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .package-price-box .package-price{font-size:16px;font-weight:700;margin-left:8px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .go-confirm-btn{bottom:0;left:60px;margin-top:16px;display:inline-block;width:96px;height:36px;background:#f01414;border-radius:18px;font-size:12px;color:#fff;line-height:36px;text-align:center}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .ungo-confirm{background:#d9dde1}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .right-box .unbuy-tip{bottom:-24px;left:6px;font-size:12px;color:#93999f;letter-spacing:0;line-height:12px;margin-top:12px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .left-box{position:relative;padding:28px 44px 0 44px;width:784px;height:252px;box-sizing:border-box}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .left-box .arrow-2{position:absolute;width:30px;height:30px;cursor:pointer;bottom:84px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .left-box .arrow-2.left{left:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .left-box .arrow-2.right{right:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .left-box .arrow-2.dis{display:none}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .left-box .arrow-2 i{font-size:30px;color:#717a84}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box{position:relative;width:216px;height:126px;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .buy-icon{position:absolute;width:52px;height:24px;font-size:12px;line-height:24px;color:#fff;background:#fa0;font-weight:200;text-align:center;right:-4px;top:4px;z-index:1;border-top-left-radius:6px;border-bottom-left-radius:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .buy-icon:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #886006;border-right:4px solid transparent;right:0;bottom:-4px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .top-box{height:84px;position:relative;border-radius:8px 8px 0 0;overflow:hidden}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .top-box p{width:100%;height:84px;text-align:left;background-size:cover!important;box-sizing:border-box;padding-top:34px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .top-box p:after{content:"";display:block;position:absolute;top:34px;right:0;left:0;bottom:0;background-image:linear-gradient(180deg,rgba(28,31,33,0) 0,rgba(0,0,0,.5) 100%)}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .top-box p span{display:block;height:32px;line-height:16px;padding:12px 12px 0 12px;font-size:12px;color:#fff;position:relative;z-index:1;text-overflow:-o-ellipsis-lastline;word-break:normal;word-wrap:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .bottom-box{font-size:12px;color:#9199a1;padding:9px 14px;line-height:24px;overflow:hidden}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .bottom-box span{margin-right:6px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .course-box .bottom-box span.r{color:#f01414}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box{position:relative;width:696px;padding:0 5px;left:-5px;height:204px;overflow:hidden}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box .other-course-wrap{width:1000px;white-space:nowrap}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box .other-course-wrap .course-item{display:inline-block;vertical-align:middle;margin-right:24px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box .other-course-wrap .course-item:last-child{margin-right:0}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box .other-course-wrap .course-item .course-explain{position:relative;width:216px;height:44px;margin-bottom:22px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box .other-course-wrap .course-item .course-explain span{display:block;width:24px;height:24px;line-height:24px;font-size:18px;color:#fff;text-align:center;background:#b2b8bd;border-radius:50%;position:absolute;left:0;top:2px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .other-course-box .other-course-wrap .course-item .course-explain pre{font-size:14px;color:#1c1f21;line-height:22px;padding-left:34px;text-overflow:ellipsis;word-break:normal;word-wrap:break-word;white-space:pre-wrap;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .package-scroll-bar{display:none;position:absolute;width:384px;height:8px;bottom:18px;right:36px}.b-top .wrap .b-top-price .wrap .combine-tab .package-detail-box .new-package-item .package-scroll-bar span{position:absolute;width:232px;height:8px;left:0;top:0;background:#b7bbbf;border-radius:4px;box-shadow:0 2px 4px rgba(7,17,27,.1);transition:.3s box-shadow linear;cursor:pointer}.b-top .wrap .b-top-price .wrap .btns{position:absolute;top:0;bottom:0;margin:auto 0;right:40px;font-size:0;height:48px}.b-top .wrap .b-top-price .wrap .btns a{display:inline-block}.b-top .wrap .b-top-price .wrap .btns .red-btn{background:#f01414;border-radius:24px;font-size:16px;color:#fff;letter-spacing:0;line-height:24px;font-weight:700;padding:12px 48px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top .wrap .b-top-price .wrap .btns .red-btn:hover{background-color:#f04646}.b-top .wrap .b-top-price .wrap .btns .disable-btn{background:#fff;box-shadow:0 0 0 2px rgba(28,31,33,.1);border-radius:24px;font-weight:700;padding:12px 34px;font-size:16px;color:#d3d6d9;letter-spacing:0;line-height:24px;cursor:default}.b-top .wrap .b-top-price .wrap .btns .pink-btn{background:rgba(240,20,20,.1);border-radius:24px;font-size:16px;color:#f20d0d;letter-spacing:0;line-height:24px;font-weight:700;padding:12px 34px;margin-left:18px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.b-top .wrap .b-top-price .wrap .btns .pink-btn:hover{background-color:#f20d0d;color:#fff}.b-top .wrap .b-top-price .wrap .btns .gobuy{margin-right:16px}.b-top .wrap .b-top-price .wrap .btns .addcart{background:rgba(240,20,20,.1);border-radius:24px;font-size:16px;color:#f20d0d;letter-spacing:0;line-height:24px;font-weight:700;padding:12px 48px;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.infolayoutb{width:1152px;margin:0 auto}.infolayoutb .comp-tab-t{padding:28px 0;text-align:center}.infolayoutb .comp-tab-t ul{display:inline-block}.infolayoutb .comp-tab-item{height:40px;position:relative;font-size:16px;line-height:27px;float:left;margin-left:60px}.infolayoutb .comp-tab-item.active a{color:#f20d0d}.infolayoutb .comp-tab-item.active .borderLine{display:block}.infolayoutb .comp-tab-item:hover a{color:#f20d0d}.infolayoutb .comp-tab-item:hover .borderLine{display:block}.infolayoutb .comp-tab-item a{font-weight:700;font-size:16px;line-height:40px;color:#545c63;vertical-align:text-bottom}.infolayoutb .comp-tab-item span{position:absolute;top:0;left:67px;font-size:12px;color:#93999f}.infolayoutb .comp-tab-item .borderLine{display:none;position:absolute;width:16px;height:2px;top:40px;left:50%;margin-left:-8px;background:#f20d0d}.infolayoutb .comp-tab-item .sub-tag,.infolayoutb .comp-tab-item .try-mark,.infolayoutb .comp-tab-item .update_before{position:absolute;top:0;right:-35px;height:18px;background:rgba(240,20,20,.1);font-size:12px;line-height:18px;padding:0 5px;border-radius:9px;color:#f01414}.infolayoutb .comp-tab-item .update_before{left:67px;right:unset;width:fit-content;white-space:nowrap}.infolayoutb .comp-tab-item-first{margin-left:0}.b-info-recommendcourse,.b-recommendcourse{margin-top:27px}.b-info-recommendcourse>h2,.b-recommendcourse>h2{font-size:20px;color:#1c1f21;line-height:36px;font-weight:700}.b-info-recommendcourse .box,.b-recommendcourse .box{overflow:hidden}.b-info-recommendcourse .box .item,.b-recommendcourse .box .item{width:270px;margin-right:24px;float:left;margin-top:8px;vertical-align:top}.b-info-recommendcourse .box .item:last-child,.b-recommendcourse .box .item:last-child{margin-right:0}.b-info-recommendcourse .box .item .c-img,.b-recommendcourse .box .item .c-img{width:270px;height:150px;position:relative}.b-info-recommendcourse .box .item .c-img .mark-box,.b-recommendcourse .box .item .c-img .mark-box{position:absolute;bottom:2px;left:10px}.b-info-recommendcourse .box .item .c-img .mark-box span,.b-recommendcourse .box .item .c-img .mark-box span{font-size:12px;line-height:18px;color:#fff}.b-info-recommendcourse .box .item .c-title,.b-recommendcourse .box .item .c-title{font-size:16px;color:#1c1f21;margin-top:12px;line-height:22px;font-weight:700;word-break:break-all}.b-info-recommendcourse .box .item .c-desc,.b-recommendcourse .box .item .c-desc{font-size:12px;color:#1c1f21;letter-spacing:0;line-height:20px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.b-info-recommendcourse .box .item .c-info,.b-recommendcourse .box .item .c-info{font-size:12px;color:#9199a1;margin-top:10px;line-height:17px}.b-info-recommendcourse .box .item .c-info span,.b-recommendcourse .box .item .c-info span{margin-right:22px;word-break:break-all}.b-info-recommendcourse .box .item .c-info span:last-child,.b-recommendcourse .box .item .c-info span:last-child{margin-right:0}.b-info-recommendcourse{margin-top:32px;margin-bottom:112px}.transition{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.bordertop{border-top:1px dashed #ccc;margin-top:8px;padding-top:8px}.edui-imooc .edui-editor{z-index:900!important}.ipt-tip-error{font-size:12px;color:#f20d0d;clear:both;height:30px;line-height:30px}.setBest-mask-div{width:400px;height:250px;background:#fff;position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;z-index:9999}.setBest-mask-div .setBest-mask-div-closeBox{height:38px;position:relative}.setBest-mask-div .setBest-mask-div-closeBox .setBest-mask-div-closeBtn{position:absolute;top:10px;right:10px;font-size:28px;color:#c9d0d2;cursor:pointer;width:28px;height:28px;line-height:28px;text-align:center}.setBest-mask-div .setBest-mask-div-success{height:80px;line-height:80px;text-align:center;font-size:18px;color:#000}.setBest-mask-div .setBest-mask-div-thanks{height:38px;font-size:14px;color:#9a9ba0;text-align:center}.setBest-mask-div .setBest-mask-div-input{width:310px;height:40px;margin:0 auto}.setBest-mask-div .setBest-mask-div-input .setBest-mask-div-text{width:222px;border:1px solid #c9d0d2;padding:11px 10px;font-size:10px;color:#9a9ba0}.setBest-mask-div .setBest-mask-div-input .setBest-mask-div-btn{width:60px;height:40px;line-height:40px;text-align:center;background:#38b94f;color:#fff}.setBest-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:.3;z-index:9998}.poster-submit{height:40px;line-height:40px;width:100px;text-align:center;color:#fff;background-color:#17823b}.poster-submit:link,.poster-submit:visited{color:#fff}.poster-submit:hover{color:#fff}.poster-cancel{margin-right:20px;line-height:40px;color:#787d82}.poster-cancel:link,.poster-cancel:visited{color:#787d82}.poster-cancel:hover{color:#787d82}.sz-ic{font-size:16px;vertical-align:-2px}#wenda_top_edit .editQuestion-title{width:100%;height:40px;border:1px solid #d0d6d9;padding:10px;box-sizing:border-box}#wenda_top_edit .editQuestion-title-error{height:30px;line-height:30px;color:#f20d0d;font-size:12px;visibility:visible}#editQuestion_editor_error{height:30px;line-height:30px;color:#f20d0d;font-size:12px;visibility:visible}#wenda_content{word-break:break-all}#wenda_content caption,#wenda_content code,#wenda_content optgroup,#wenda_content strong,#wenda_content th{font-style:inherit;font-weight:700}#wenda_content address,#wenda_content cite,#wenda_content dfn,#wenda_content em,#wenda_content i,#wenda_content var{font-style:italic;font-weight:inherit}#wenda_content blockquote{padding:1px 20px;margin:1em 0;border-left:4px solid #ccc;color:#787d82;background-color:#f5f5f5}#wenda_content blockquote p{line-height:1.5em;font-size:13px;color:#444}#wenda_content ul{list-style-type:disc}#wenda_content ol{list-style-type:decimal}#wenda_content .list-paddingleft-2{padding-left:30px}#wenda_content a{color:#08c;text-decoration:none}#wenda_content a:hover{color:#08c;text-decoration:underline}#wenda_content pre{margin:.5em 0;padding:.4em .6em;line-height:1.5;border-radius:3px;background:#eee;overflow:auto;word-break:break-all;word-wrap:break-word}#wenda_content img{max-width:100%}.layout{position:relative;padding-right:376px;zoom:1}.layout .col-main{float:left;width:100%}.layout .col-aside.wenda-col-aside{margin-top:-48px}.layout .col-aside{float:right;width:328px;margin-right:-376px}.layout::after{content:'';display:block;line-height:0;overflow:hidden;clear:both}.layout.imooc-layout-single{padding-right:0}@keyframes warn{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:.1}50%{transform:scale(.1);opacity:.3}75%{transform:scale(.5);opacity:.5}100%{transform:scale(1);opacity:0}}@-webkit-keyframes warn{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}.course-infos{position:relative;background-color:#172a34;margin-bottom:30px}.course-infos .info-video{width:600px;height:380px;position:absolute;top:70px;right:0;z-index:999;overflow:hidden}.course-infos .info-video .jwplayer{margin:0 auto}.course-infos .info-video .jwplayer .jwvideo video{height:380px!important;bottom:40px!important}.course-infos .js-video-btn{width:inherit;height:inherit;display:block}.course-infos .comp-tabs-pannel .js-close-video{position:absolute;width:20px;height:20px;display:block;right:10px;top:3px;color:#fff;z-index:1001;font-size:22px}.course-infos .video-btn-bg{width:200px;height:200px;border-radius:50%;margin:90px 0 0 200px;position:relative;display:block}.course-infos .video-small-bg{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.3);position:absolute;top:148px;left:258px;text-align:center}.course-infos .video-small-bg [class*=sz-]{font-size:40px;line-height:84px;color:rgba(0,0,0,.5)}.course-infos .video-small-bg:hover{background:#fff;cursor:pointer}.course-infos .video-small-bg:hover [class*=sz-]{color:#000}.course-infos .pulse{position:absolute;width:140px;height:140px;left:200px;top:90px;border:30px solid #f8fafc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:1;opacity:0;-webkit-animation:warn 1.5s ease-out;-moz-animation:warn 1.5s ease-out;animation:warn 1.5s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}.course-infos .w{height:484px;z-index:1}.course-infos .path{padding:40px 0 15px 0;color:#fff}.course-infos .path a,.course-infos .path span{opacity:.6}.course-infos .path a{color:#fff}.course-infos .path a:hover{color:#fff;opacity:1}.course-infos .path .path-split{opacity:.2}.course-infos .hd{clear:both}.course-infos h2{font-weight:700;font-size:32px;color:#fff}.course-infos .video-desc-trigger{margin:12px 0 0 28px;color:#fff;font-size:14px;opacity:.6;transition:opacity .3s}.course-infos .video-desc-trigger:hover{opacity:1}.course-infos .video-desc-trigger .ic-video{display:inline-block;margin-right:4px;width:16px;height:16px;vertical-align:-3px;background:url(../image/info_s.png) no-repeat 0 0}.course-infos .statics{margin-top:24px;color:#fff;font-size:0;white-space:nowrap}.course-infos .statics .static-item{display:inline-block;position:relative;padding:0 20px;font-size:14px}.course-infos .statics .static-item.first{padding-left:0}.course-infos .statics .static-item em{content:'';display:block;position:absolute;left:0;top:0;height:100%;width:1px;background-color:#fff;opacity:.1;zoom:1}.course-infos .statics .static-item strong{font-weight:700}.course-infos .statics .static-item .meta-value{margin:5px 0 8px 0;opacity:.6}.course-infos .statics .static-item .meta{opacity:.6;font-size:14px}.course-infos .statics .static-item .meta.meta-stars{font-size:16px;color:#fff}.course-infos .statics .static-item .meta.meta-stars i{opacity:.2}.course-infos .statics .static-item .meta.meta-stars i.on{opacity:1;color:#f90}.course-infos .statics .static-item .meta .star-h{display:inline-block;position:relative}.course-infos .statics .static-item .meta .star-h .on{position:absolute;left:0;top:4px;width:50%;overflow:hidden}.course-infos .statics .static-item .meta-star{display:inline-block;width:14px;height:14px;margin-right:4px;background:url(../image/info_s.png) no-repeat 0 -20px;vertical-align:middle}.course-infos .extra{position:absolute;right:10px;top:37px;color:#fff}.course-infos .extra .split-line{margin:2px 16px 0;width:1px;height:16px;background-color:#fff;opacity:.4}.course-infos .extra .follow-action{padding-left:24px;color:#fff;background-position:0 -37px}.course-infos .extra .follow-action:hover{background-position:0 -137px}.course-infos .extra .follow-action.followed{background-position:0 -157px}.course-infos .extra .follow-action,.course-infos .extra .share{background-image:url(../image/info_s.png);background-repeat:no-repeat}.course-infos .extra .share-action .hd{color:#fff;opacity:.6}.course-infos .extra .share{display:inline-block;float:none;padding:0;line-height:normal;margin:0 7px;width:20px;height:16px;opacity:.6;vertical-align:middle;transition:opacity .3s}.course-infos .extra .share:hover{opacity:1}.course-infos .extra .share.wx{background-position:0 -60px}.course-infos .extra .share.sina{background-position:0 -100px}.course-infos .extra .share.qq{background-position:0 -80px}.course-infos .info-bg{overflow:hidden;z-index:0}.course-infos .info-bg,.course-infos .info-bg .cover-canvas,.course-infos .info-bg .cover-img-wrap,.course-infos .info-bg .cover-mask{position:absolute;left:0;top:0;width:100%;height:100%}.course-infos .info-bg .cover-img-wrap{z-index:0;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.course-infos .info-bg .cover-img-wrap img{position:absolute;left:0;top:0;width:100%}.course-infos .price-box{margin-top:60px}.course-infos .price-box .tit{display:block;margin-bottom:4px;color:#fff;opacity:.6}.course-infos .price-box .num .discount-price,.course-infos .price-box .num .original-price{display:block;line-height:45px;position:relative}.course-infos .price-box .num .discount-price .price-class,.course-infos .price-box .num .original-price .price-class{font-size:14px;color:#fff;opacity:.6}.course-infos .price-box .num .original-price i{font-style:normal;display:inline-block}.course-infos .price-box .num .original-price i.old-y{color:#fff;opacity:.5;font-size:14px}.course-infos .price-box .num .original-price .org-price{color:#fff;opacity:.5;font-size:14px;text-decoration:line-through}.course-infos .price-box .num .discount-price i{font-style:normal;display:inline-block}.course-infos .price-box .num .discount-price i.new-y{color:#f01414;font-size:24px;vertical-align:baseline}.course-infos .price-box .num .discount-price .cur-price{color:#f01414;font-size:36px}.course-infos .price-box .num .discount-price .cur-price i.sub{font-size:24px;vertical-align:baseline;font-weight:700}.course-infos .price-box .num .discount-price .baseline-y{display:inline-block;position:absolute;top:-8px}.chapter-box{text-align:left}.path{opacity:.6;color:#fff;font-size:12px}.path a{color:#fff}.path .path-split{margin:0 6px;font-style:normal}.path span{color:#fff}.tea-inst{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #d9dde1}.tea-inst .medias{margin-bottom:12px;overflow:hidden;padding:0 24px}.tea-inst .medias a{color:#1c1f21}.tea-inst .medias .media{float:left;width:40px;height:40px;border-radius:50%;margin:2px 12px 0 0}.tea-inst .medias .name{font-weight:700;color:#4d555d;font-size:18px;line-height:24px}.tea-inst .medias .job{display:block;font-size:12px;color:#4d555d}.tea-inst .medias [class*=sz-]{font-size:16px;color:#f20d0d}.tea-inst .desc{padding:0 24px;line-height:24px;font-size:12px;word-break:break-all;word-wrap:break-word}.mod-box .box-tit{padding:0 24px 20px;line-height:30px;font-size:18px;font-weight:700;box-sizing:border-box}.mod-box .box-tit .detailbtn{float:right;font-size:22px;color:#787d82;font-weight:400}.mod-box .box-tit .detailbtn:hover{color:#14191e}.recommendcourse{float:right;width:328px;padding-top:36px}.recommendcourse .box-class-tit,.recommendcourse .box-tit{font-size:16px;color:#07111b;font-weight:700;padding-bottom:20px;margin-left:24px}.recommendcourse .moco-course-wrap{width:260px}.recommendcourse .moco-course-wrap .moco-course-box{width:100%}.info-recommendcourse{padding:32px 0;overflow:hidden;margin-bottom:60px}.info-recommendcourse .box-tit{font-size:16px;color:#07111b;line-height:36px;font-weight:700;margin-bottom:20px}.info-recommendcourse .free-course-list{box-sizing:border-box;width:100%;border-bottom:none;padding:0;padding-left:2px}.info-recommendcourse .free-course-list .index-card-container{float:left;margin-right:18px;margin-bottom:18px;border-radius:4px}.info-recommendcourse .free-course-list .index-card-container:nth-child(5n){margin-right:0}.info-recommendcourse li{border-radius:0 0 1px 1px;float:left;margin-right:53px;height:250px;width:260px;position:relative}.info-recommendcourse li:last-child{margin-right:0}.info-recommendcourse li a:hover h5{color:#f01400}.info-recommendcourse li h5{line-height:50px;color:#4d555d;text-align:left;font-weight:700;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.info-recommendcourse li .tips{font-size:12px;color:#b4bbbf}.info-recommendcourse li .tips p{margin:8px 0}.info-recommendcourse li .tips span{color:#787d82}.info-recommendcourse li .tips .update-latest{color:#00dc50}.info-recommendcourse li .tips .price{font-size:16px;color:#f20d0d;line-height:1;font-weight:700}.info-recommendcourse li .tips .price i{font-size:10px;font-style:normal;vertical-align:top}.info-recommendcourse .course-list-img{width:260px;height:146px;overflow:hidden;position:relative}.info-recommendcourse .course-list-img img{display:block;width:260px;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}.course-list li{width:30.23255814%}.course-list li .course-list-img{width:auto;height:auto;max-height:146px}.course-list li .course-list-img img{width:260px}.course-list.col-single li{width:100%;margin-right:0}@-webkit-keyframes buy-btn-anim{0%{box-shadow:none;background-color:#fff}100%{box-shadow:0 0 3px rgba(240,20,0,.6);background-color:#f20d0d}}.course-btn-bar{margin-top:20px}.course-btn-bar .buy-btn,.course-btn-bar .preview-btn{height:60px;line-height:60px;text-align:center;font-size:18px;font-weight:700;border-radius:3px}.course-btn-bar .buy-btn{position:relative;padding:0 54px;background-color:#f20d0d;color:#fff;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;transition:background-color .3s ease}.course-btn-bar .buy-btn span{position:relative;z-index:2}.course-btn-bar .buy-btn:before{content:'';display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:#f53d3d;visibility:hidden;transform:scale(0,1);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;transition:transform .3s ease}.course-btn-bar .buy-btn:hover{background-color:#f53d3d}.course-btn-bar .buy-btn:hover:before{visibility:visible;transform:scale(1,1)}.course-btn-bar .buy-btn.disabled{background-color:#98a1a6;cursor:default}.course-btn-bar .buy-btn.disabled:before{display:none}.course-btn-bar .preview-btn{margin-left:40px;height:58px;line-height:58px;padding:0 30px;color:#787d82;border:1px solid #d0d6d9}.course-btn-bar .preview-tip{line-height:60px;font-size:16px;margin-left:215px;color:#fff;opacity:.6;font-weight:700}.course-btn-bar .preview-tip b{font-size:18px}.desc-box{text-align:center}.desc-box img{vertical-align:top;border:0;height:auto}.evaluation-right{width:328px;float:right;box-sizing:border-box}.evaluation-right-item{margin-top:32px;width:328px;box-sizing:border-box;padding:28px 32px;background:rgba(28,31,33,.06);border-radius:8px;position:relative}.evaluation-right-item .scoreitem{padding-bottom:15px;text-align:center;border-bottom:1px solid #d3d6d9}.evaluation-right-item .scoreitem .num{font-size:12px;display:block;color:#93999f;text-align:center;line-height:16px;position:absolute;top:28px;right:32px}.evaluation-right-item .scoreitem .num i{font-style:normal;margin-right:2px}.evaluation-right-item .scoreitem h3{font-size:20px;color:#1c1f21;line-height:20px;text-align:center;font-weight:700;margin-bottom:15px}.evaluation-right-item .scoreitem p{font-size:48px;color:#fa0;text-align:center;line-height:48px;font-weight:700}.evaluation-right-item .star{margin:4px 0;font-weight:200;line-height:16px}.evaluation-right-item .star i{color:rgba(255,153,0,.2)}.evaluation-right-item .star i.sz-star-h{color:#f90!important;position:absolute;top:2px;left:0}.evaluation-right-item .star .on{color:#f90}.evaluation-right-item .star em{position:relative}.evaluation-right-item .itemlist{padding-top:12px;overflow:hidden}.evaluation-right-item .slist:last-child{margin-right:0}.evaluation-right-item .slist{float:left;width:33.33%;text-align:center;font-size:12px;color:#545c63;line-height:20px}.evaluation-right-item .slist span{display:block;font-size:14px;color:#1c1f21;text-align:center;line-height:14px;margin-bottom:7px}.evaluation-right-item .slist em{font-size:16px;color:#fa0;text-align:center;line-height:16px;font-weight:700}.course-desc{word-break:break-all;word-wrap:break-word}.course-desc .desc-short{line-height:28px;overflow:hidden}.course-desc .desc-short #video-container_wrapper{margin:0 auto}.course-desc .jwplayer{margin:0 auto}.course-desc .jwplayer .jwvideo video{height:394px!important;bottom:40px!important}.course-desc .desc-txt{margin:20px 0 30px 0;line-height:28px}.course-desc .desc-sec{margin-bottom:28px}.course-desc .desc-sec h2{margin-bottom:6px;font-size:18px;line-height:30px;font-weight:700}.course-desc .desc-sec h2.small{margin-bottom:25px;font-size:14px}.course-desc .desc-sec p{line-height:28px}.comp-tab{position:absolute;bottom:0}.comp-tab .comp-tab-item{float:left;padding-right:65px;line-height:58px;font-weight:700}.comp-tab .comp-tab-item a{position:relative;display:block;height:100%;width:100%;color:#fff;opacity:.5;font-size:16px;text-align:center;zoom:1;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;transition:color .3s ease}.comp-tab .comp-tab-item a:hover{opacity:1}.comp-tab .comp-tab-item a:before{content:'';display:block;visibility:hidden;position:absolute;left:0;bottom:-1px;height:2px;width:100%;background-color:#f20d0d;z-index:1;-webkit-transition:0s ease;-moz-transition:0s ease;transition:0s ease}.comp-tab .comp-tab-item a .small{font-size:10px;margin-left:5px;color:#787d82}.comp-tab .comp-tab-item.active a{color:#fff;opacity:1}.comp-tab .comp-tab-item.active a:before{visibility:visible;transform:scale(1,1)}.cmt-bar{height:40px;line-height:40px;background-color:#f6f6f6}.cmt-bar .filters li{float:left}.cmt-bar .filters a{display:block;padding:0 20px;height:100%;font-size:12px;color:#787d82;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}.cmt-bar .filters a:hover{color:#1c1f21}.cmt-bar .filters a.active{color:#1c1f21}.cmt-bar .filters a.active .num{color:#787d82}.cmt-bar .score{margin-left:20px;font-size:12px}.cmt-bar .score .hd{color:#787d82}.cmt-bar .score .num{font-size:14px;font-weight:700;color:#f20d0d;margin-right:8px}.cmt-bar .score .scoreitem{margin-left:25px}.cmt-bar .studentnum{margin-right:20px;color:#b5b9bc;font-size:12px}.evaluation-recommend{position:relative;width:824px;padding:36px 0;border-radius:4px;background-color:rgba(169,169,169,.1)}.evaluation-recommend .hot-evaluation{position:absolute;top:-12px;left:-12px;width:72px;height:72px;font-size:16px;line-height:18px;color:#fff;padding:18px;font-weight:200;text-align:center;box-sizing:border-box;background:url(../image/hot-evaluation.png)}.evaluation-recommend ul{width:100%}.evaluation-recommend ul li:last-child{border-right:1px solid transparent}.evaluation-recommend ul li{width:33.3%;position:relative;padding:0 32px;box-sizing:border-box;text-align:center;border-right:1px solid #d9dde1}.evaluation-recommend ul li img{border-radius:50%;display:block;margin:0 auto}.evaluation-recommend ul li .user-name{width:210px;margin:8px 0 8px;font-size:14px;line-height:14px;color:#4d555d;font-weight:700;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;white-space:pre;overflow:hidden}.evaluation-recommend ul li .user-text-box .star{line-height:12px}.evaluation-recommend ul li .user-text-box .star i{position:relative;color:#d0d6d9;font-size:12px}.evaluation-recommend ul li .user-text-box .star .on{color:#f90}.evaluation-recommend ul li .content{margin:8px 0;width:210px;height:196px;font-size:14px;line-height:28px;color:#4d555d;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}.evaluation-recommend ul li .time{position:absolute;bottom:24px;font-size:12px;line-height:24px;color:#93999f}.all-evaluation{margin-top:36px;font-size:16px;line-height:16px;color:#07111b;padding:0 0 24px 24px;border-bottom:1px solid #d9dde1}.cmt-wrap{margin-top:32px}.cmt-list{background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.1);border-radius:8px;padding:28px 32px}.cmt-post{position:relative;padding:24px 25px;border-bottom:1px solid #d9dde1}.cmt-post a{cursor:pointer}.cmt-post .js-treply{color:#b5b9bc;font-size:12px;margin-left:30px;display:inline-block}.cmt-post .js-treply:hover{color:#14191e}.cmt-post .treply-edit{color:#666;font-size:12px;margin-left:30px;display:inline-block}.cmt-post .treply-edit:hover{color:#14191e}.cmt-post .treplybox{margin-top:20px;overflow:hidden;background:#f6f6f6;padding:30px}.cmt-post .treplybox .textarea-wrap{position:relative;padding:10px;border:1px solid #d0d6d9;background-color:#fff}.cmt-post .treplybox .textarea-wrap textarea{resize:none;width:100%;height:78px}.cmt-post .treplybox .textarea-wrap textarea::-webkit-input-placeholder{font-size:12px;color:#b5b9bc}.cmt-post .treplybox .textarea-wrap textarea:-moz-placeholder{font-size:12px;color:#b5b9bc}.cmt-post .treplybox .textarea-wrap textarea::-moz-placeholder{font-size:12px;color:#b5b9bc}.cmt-post .treplybox .textarea-wrap textarea::-ms-input-placeholder{font-size:12px;color:#b5b9bc}.cmt-post .treplybox .textarea-wrap .num-limit{position:absolute;right:10px;bottom:10px;font-size:12px;color:#b5b9bc;line-height:14px}.cmt-post .treplybox .textarea-wrap .num-limit em.error{color:#f01414}.cmt-post .treplybox .submitarea{display:block;overflow:hidden;float:right;height:30px;line-height:30px;margin-top:20px;text-align:center}.cmt-post .treplybox .submitarea a{display:block;float:left;padding:0 30px}.cmt-post .treplybox .submitarea a.js-replysure{background:#f01414;color:#fff}.cmt-post .treplybox .submitarea a.js-replysure:hover{background:#ff6464}.cmt-post .treplybox .submitarea a.js-cancel{color:#787d82}.cmt-post .treplybox .submitarea a.js-cancel:hover{color:#14191e}.cmt-post .treplybox .upload-con{position:relative;height:57px;margin-top:8px}.cmt-post .treplybox .upload-con .upload-btn{border:1px solid rgba(51,51,51,.4);border-radius:6px;line-height:30px;box-sizing:border-box;width:89px;height:32px;text-align:center;vertical-align:middle;margin-right:8px;background:#fff}.cmt-post .treplybox .upload-con .upload-btn span{font-size:14px;letter-spacing:-1px}.cmt-post .treplybox .upload-con .upload-btn i{font-size:18px;letter-spacing:-1.29px;position:relative;top:2px}.cmt-post .treplybox .upload-con .upload-btn .webuploader-pick{position:static;display:inline-block;cursor:pointer;background:#fff;padding:0;color:#494c4d;text-align:center}.cmt-post .treplybox .upload-con .upload-btn .webuploader-pick-hover{background:#fff}.cmt-post .treplybox .upload-con .upload-btn .webuploader-pick-disable{opacity:.6;pointer-events:none}.cmt-post .treplybox .upload-con .upload-imgs .uploadimg{width:32px;height:32px;border:1px solid rgba(51,51,51,.4);border-radius:6px;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;box-sizing:border-box;margin-right:4px}.cmt-post .treplybox .upload-con .upload-imgs .uploadimg.failed{background-image:url(../image/uploadFail.png)}.cmt-post .treplybox .upload-con .upload-imgs .uploadimg:hover .del-mask{opacity:1}.cmt-post .treplybox .upload-con .upload-imgs .uploadimg .del-mask{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;opacity:0;cursor:pointer;text-align:center;height:100%;background:rgba(0,0,0,.5)}.cmt-post .treplybox .upload-con .upload-imgs .uploadimg .del-mask i{position:relative;top:6px;font-size:14px;color:#fff}.cmt-post .treplybox .upload-con .upload-imgs .imgs-num{height:32px;margin-left:4px;line-height:32px;font-size:14px;color:#9199a1;letter-spacing:-1px}.cmt-post .treplybox .upload-con .errtip{position:absolute;bottom:0;left:0;font-size:12px;color:#f20d0d;letter-spacing:-.86px;width:500px}.cmt-post .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;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.cmt-post .reply-img-list .reply-img.curr{border:1px solid #f20d0d}.cmt-post .reply-img-preview{width:618px;min-height:348px;position:relative;margin-top:8px;background:rgba(0,0,0,.1);border:1px solid #e3e3e3;box-sizing:border-box;cursor:pointer;display:none}.cmt-post .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}.cmt-post .reply-img-preview img{height:auto;width:100%}.cmt-post .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}.cmt-post .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}.cmt-post .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}.cmt-post .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}.cmt-post .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}.cmt-post .reply-img-preview .rotate-img i{font-size:16px;color:#fff}.cmt-post .reply-img-preview .rotate-img span{font-size:14px;color:#fff;display:inline;vertical-align:text-bottom}.cmt-post .reply-img-preview .next-img{width:42px;height:48px;position:absolute;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);right:0;top:50%;font-size:42px;color:#fff;text-align:center;line-height:48px;display:none;text-shadow:0 4px 8px rgba(0,0,0,.5)}.cmt-post .reply-img-preview .prev-img{width:42px;height:48px;display:none;position:absolute;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);left:0;top:50%;font-size:42px;color:#fff;text-align:center;line-height:48px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.cmt-post .pdl-0{padding-left:0}.cmt-post .click-more{padding:24px 0;font-size:14px;line-height:14px;text-align:center;cursor:pointer}.cmt-post .click-more .more{color:#93999f}.cmt-post .click-more .more:hover{color:#07111b}.cmt-post .inner{position:relative;padding-left:72px}.cmt-post .inner blockquote{padding:1px 20px;margin:1em 0;border-left:4px solid #ccc;color:#787d82;background-color:#f5f5f5}.cmt-post .inner blockquote p{line-height:1.5em;font-size:13px;color:#444}.cmt-post .inner ul{list-style-type:disc}.cmt-post .inner ol{list-style-type:decimal}.cmt-post .inner p a{color:#08c;text-decoration:none}.cmt-post .inner p a:hover{color:#08c;text-decoration:underline}.cmt-post .inner .list-paddingleft-2{padding-left:30px}.cmt-post .inner .normal-reply{margin-top:10px;padding-top:10px;border-top:1px solid #f1f2f3}.cmt-post .inner .normal-reply .normal-reply-head{margin-right:20px}.cmt-post .inner .normal-reply .normal-reply-head a{display:block}.cmt-post .inner .normal-reply .normal-reply-head a img{width:40px;height:40px;border-radius:50%;vertical-align:top}.cmt-post .inner .normal-reply .normal-reply-content textarea{width:998px;height:22px;border:1px solid #d0d6d9;padding:10px;color:#000;display:block}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify{width:258px;padding-top:5px}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify input{height:14px;line-height:14px;width:110px;padding:14px 0 10px 8px;border:1px solid #d0d6d9;color:#b5b9bc}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify img{width:70px;height:40px;margin-left:10px;cursor:pointer}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify p{clear:both;font-size:12px;color:#f01400}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify .normal-reply-change{margin-left:10px}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify .normal-reply-change p{font-size:12px;color:#787d82}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-verify .normal-reply-change a{display:block;color:#00b33b}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-cancelSubmit{padding-top:10px}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-cancelSubmit .normal-reply-cancel{font-size:14px;color:#787d82}.cmt-post .inner .normal-reply .normal-reply-content .normal-reply-cancelSubmit .normal-reply-submit{width:80px;height:40px;line-height:40px;display:inline-block;text-align:center;font-size:14px;color:#fff;background:#00b33b;margin-left:20px}.cmt-post .inner .common-reply-t-div .common-reply-t-div-header{width:40px;height:40px;border-radius:50%;vertical-align:top}.cmt-post .inner .common-reply-t-div .common-reply-t-div-textarea{border:1px solid #d0d6d9;width:1015px;height:80px}.cmt-post .inner .common-reply-t-div .common-reply-list-btnDiv{clear:both}.cmt-post .inner .comment-reply-div .comment-reply-div-header{width:40px;height:40px}.cmt-post .inner .comment-reply-div .comment-reply-div-header img{width:40px;height:40px;border-radius:50%;vertical-align:top}.cmt-post .inner .comment-reply-div .comment-reply-div-r{width:1020px;margin-left:20px}.cmt-post .inner .comment-reply-div .comment-reply-div-textarea{width:998px;height:22px;border:1px solid #d0d6d9;padding:10px;color:#000;display:block}.cmt-post .inner .comment-reply-div .comment-reply-div-verify{padding-top:5px}.cmt-post .inner .comment-reply-div .comment-reply-div-div{padding-top:10px}.cmt-post .inner .comment-reply-div .comment-reply-div-div .comment-reply-btn-cancel{font-size:14px;color:#787d82}.cmt-post .inner .comment-reply-div .comment-reply-div-div .comment-reply-btn-true{width:80px;height:40px;line-height:40px;display:inline-block;text-align:center;font-size:14px;color:#fff;background:#00b33b;margin-left:20px}.cmt-post .top-comment{position:absolute;left:5px;top:43px;background:#fa0;border:1px solid #fff;border-radius:4px;font-size:12px;color:#fff;width:36px;text-align:center;height:20px;line-height:20px}.cmt-post .pic{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%}.cmt-post .hd{margin-bottom:4px;line-height:18px}.cmt-post .hd .split{margin:0 8px;font-style:normal;font-size:12px}.cmt-post .hd .put-que-icon{display:inline-block;margin-right:8px;padding:0 4px;box-sizing:border-box;background:rgba(0,140,200,.2);border-radius:4px;font-size:12px;color:#008cc8;line-height:24px}.cmt-post .hd .post-date{font-size:12px;color:#9199a1;text-align:right;line-height:24px;float:right}.cmt-post .name{font-size:14px;color:#1c1f21;line-height:24px;margin-right:10px;font-weight:700}.cmt-post .name:hover{color:#4d555d}.cmt-post .name.disabled{color:#787d82!important;cursor:default}.cmt-post .cmt-txt{font-size:16px;color:#1c1f21;text-align:left;line-height:28px;word-wrap:break-word}.cmt-post .cmt-txt p{font-size:16px;line-height:36px;color:#07111b}.cmt-post .floor{font-size:12px;color:#93999f}.cmt-post .ft{margin-top:16px;font-size:12px;color:#93999f;line-height:24px}.cmt-post .ft .time-stamp{color:#adb0b3}.cmt-post .ft .time-stamp .mr15{margin-right:15px}.cmt-post .ft .stars{margin-left:18px;margin-top:1px}.cmt-post .ft .actions{font-size:12px}.cmt-post .ft .actions a:hover{color:#07111b}.cmt-post .ft .actions a:hover span{color:#07111b}.cmt-post .ft .actions a:hover .sz-ic{color:#07111b}.cmt-post .ft .actions .praise{padding:7px 10px;border:1px solid #d9dde1;border-radius:2px;font-size:12px;color:#787d82;line-height:16px}.cmt-post .ft .actions .praise .sz-ic{font-size:16px}.cmt-post .ft .actions .praise.on{color:#07111b}.cmt-post .ft .actions .praise.on .sz-ic{color:#07111b}.cmt-post .ft .actions .reply{margin-left:24px;font-size:12px;color:#93999f;line-height:32px}.cmt-post .ft .actions .reply:hover{color:#07111b}.cmt-post .ft .actions .split{line-height:1;margin:2px 15px 0;font-style:normal;color:#4d5559}.cmt-post .ft .reply_edit_a,.cmt-post .ft .two_reply_a{color:#b5b9bc}.cmt-post .ft .reply_edit_a:hover,.cmt-post .ft .two_reply_a:hover{color:#f20d0d}.cmt-post .ft .reply_edit_a{margin-left:10px}.cmt-post .treply{overflow:hidden;font-size:14px;line-height:22px;color:#000;word-wrap:break-word;word-break:break-all;background:#f4f5f7;padding:5px 10px;border-radius:4px;margin-top:10px}.cmt-post .treply span{margin:5px 0;display:block;color:#1c1f21;text-align:left}.cmt-post .set-best-answer{padding:0 16px;margin-left:24px;font-size:12px;color:#00b43c;height:32px;line-height:32px;text-align:center;border:1px solid #00b43c;border-radius:2px}.cmt-post .set-best-answer:hover{color:#fff!important;background-color:#00b43c}.cmt-post .cmt-reply{margin-top:16px;margin-left:36px;border-top:1px solid #f1f2f3}.cmt-post .cmt-reply .cmt-post:last-child{border-bottom:none}.cmt-page-more{line-height:48px;text-align:center;margin:10px auto;color:#93999f}.wenda-lists h2{font-size:16px;font-weight:400;color:#07111b;padding:36px 0 24px 24px;line-height:1;border-bottom:1px solid #d9dde1}.wenda-lists h2 span{margin-right:8px}.wenda-lists .cmt-post{padding:24px 25px}.wenda-lists .cmt-post .cmt-reply{border-top:none;margin-left:72px;margin-top:0}.wenda-lists .cmt-post .cmt-reply a:hover{color:#07111b}.wenda-lists .list-reply-item{margin-top:24px!important}.wenda-lists .replies_editor{margin-left:72px;margin-top:24px}.wenda-lists .cmt-list .cmt-post .cmt-txt{word-break:break-all;word-wrap:break-word;white-space:normal}.wenda-lists .cmt-list .cmt-post .cmt-txt caption,.wenda-lists .cmt-list .cmt-post .cmt-txt code,.wenda-lists .cmt-list .cmt-post .cmt-txt optgroup,.wenda-lists .cmt-list .cmt-post .cmt-txt strong,.wenda-lists .cmt-list .cmt-post .cmt-txt th{font-style:inherit;font-weight:700}.wenda-lists .cmt-list .cmt-post .cmt-txt address,.wenda-lists .cmt-list .cmt-post .cmt-txt cite,.wenda-lists .cmt-list .cmt-post .cmt-txt dfn,.wenda-lists .cmt-list .cmt-post .cmt-txt em,.wenda-lists .cmt-list .cmt-post .cmt-txt i,.wenda-lists .cmt-list .cmt-post .cmt-txt var{font-style:italic;font-weight:inherit}.wenda-lists .cmt-list .cmt-post .cmt-txt blockquote{padding:1px 20px;margin:1em 0;border-left:4px solid #ccc;color:#787d82;background-color:#f5f5f5}.wenda-lists .cmt-list .cmt-post .cmt-txt blockquote p{line-height:1.5em;font-size:13px;color:#444}.wenda-lists .cmt-list .cmt-post .cmt-txt ul{list-style-type:disc}.wenda-lists .cmt-list .cmt-post .cmt-txt ol{list-style-type:decimal}.wenda-lists .cmt-list .cmt-post .cmt-txt .list-paddingleft-2{padding-left:30px}.wenda-lists .cmt-list .cmt-post .cmt-txt a{color:#08c;text-decoration:none}.wenda-lists .cmt-list .cmt-post .cmt-txt a:hover{color:#08c;text-decoration:underline}.wenda-lists .cmt-list .cmt-post .cmt-txt.lock{height:105px;position:relative}.wenda-lists .cmt-list .cmt-post .cmt-txt .qa-mask{width:100%;height:90px;background-position:-5px;background-repeat:no-repeat;background-size:auto;background-image:url(../image/text-mask.png);position:absolute;top:28px;left:-6px}.stars{position:relative;top:0;color:#b5b9bc;font-size:16px;display:inline-block;margin-left:24px}.stars img{-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}.stars span{font-size:12px;color:#545c63;line-height:24px}.stars em{position:relative}.stars span.onestar{position:relative;display:inline-block;width:16px;height:16px;margin-right:3px}.stars span.onestar i.sz-star-h{position:absolute;left:0;top:1px}.stars span.onestar i.sz-star{position:absolute;left:0;top:1px}.stars i{margin-right:3px;font-size:16px;color:#d0d6d9;position:relative;top:0}.stars i.on{color:#f90}.stars i.sz-star-h{color:#f90;position:absolute;top:-2px;left:0}.empty-cmt{padding:140px 0 60px 0;text-align:center;font-size:18px;color:#c8cdd2}.empty-recommend{font-size:16px;color:#787d82;text-align:center;padding:20px 0}.modal-buy{display:none;position:fixed;left:50%;margin-left:-200px;top:20%;width:400px;background-color:#fff;z-index:1000}.modal-buy .content{padding:0 20px}.modal-buy .header{margin:0 20px;height:48px;line-height:48px;border-bottom:1px solid #d0d6d9;overflow:hidden}.modal-buy .header .tit{font-size:16px;font-weight:700}.modal-buy .header .help{display:none;float:right;font-size:12px;color:#b5b9bc}.modal-buy .infos{padding:25px 20px 40px}.modal-buy .infos .name{font-size:18px;font-weight:700}.modal-buy .infos .deadline{display:block;color:#787d82;font-size:12px}.modal-buy .infos .deadline b{margin:0 2px;font-weight:700;color:#1c1f21}.modal-buy .infos .deadline span{font-size:12px;color:#b5b9bc}.modal-buy .infos .price{font-size:24px;color:#f20d0d;font-weight:700;display:block;margin:20px 0}.modal-buy .infos .price i{font-style:normal}.modal-buy .footer{padding:20px 30px;background:#edf1f2 url(../image/buy-modal-arr.gif) repeat-x 0 0;overflow:hidden}.modal-buy .footer a{display:block;float:left;width:160px;height:40px;line-height:40px;text-align:center;background-color:transparent}.modal-buy .footer a.cancel-btn{width:158px;height:38px;line-height:38px;border:1px solid #b4bbbf}.modal-buy .footer a.cancel-btn:hover{border-color:#7e888c;color:#1c1f21}.modal-buy .footer a.go-pay-btn{margin-left:20px;border-color:#f20d0d;background-color:#f20d0d;color:#fff}.modal-buy .footer a.go-pay-btn:hover{background-color:#f53d3d}#reply_editor_error{height:30px;line-height:30px;font-size:12px;color:#f20d0d;visibility:visible}.comp-modal-overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:#000;opacity:.6}.video-modal{display:none;width:600px;height:340px;background-color:#000;z-index:400}.video-modal .close{position:absolute;right:-50px;top:0;width:50px;height:50px;line-height:50px;text-align:center;background-color:#14191e;color:#fff;font-size:24px}.class-tab-pannel{min-height:280px;width:824px;float:left}.desc-sec h2.small{font-weight:700;line-height:32px}#issuequestitle{padding-top:30px}#qa_list{padding-bottom:40px}.pageHtml{margin-bottom:0}.page{padding-bottom:0}.modal-block{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}.confirm-modal{position:fixed;left:50%;top:30%;margin-left:-140px;width:280px;height:240px;background-color:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.3);z-index:1001}.confirm-modal .modal-icon{font-size:60px;color:#787d82;padding:10px 0 0}.confirm-modal .body{text-align:center}.confirm-modal .modal-text{line-height:24px}.confirm-modal .modal-text .smaller{font-size:12px;color:#787d82}.confirm-modal .footer{margin-top:22px;text-align:center}.confirm-modal .modal-btn{display:inline-block;margin:0 10px;height:40px;line-height:40px;padding:0 36px;color:#fff;background-color:#fff}.confirm-modal .modal-btn.modal-btn-ok{background-color:#17823b}.confirm-modal .modal-btn.modal-btn-ok:hover{background-color:#1b9844}.confirm-modal .modal-btn.modal-btn-no{height:38px;line-height:38px;border:1px solid #d0d6d9;color:#787d82}.confirm-modal .modal-btn.modal-btn-no:hover{color:#1c1f21}.rich-text{line-height:1.76em;font-size:14px}.rich-text h1,.rich-text h2,.rich-text h3{line-height:1em;margin:.67em 0;font-weight:700}.rich-text h1{font-size:24px}.rich-text h2{font-size:20px}.rich-text h3{font-size:16px}.rich-text ol,.rich-text p,.rich-text ul{margin:1em 0}.rich-text b,.rich-text strong{font-weight:700}.rich-text address,.rich-text cite,.rich-text dfn,.rich-text em,.rich-text i,.rich-text var{font-style:italic;font-weight:inherit}.rich-text ol p,.rich-text ul p{margin:.6em 0}.rich-text ol{list-style:decimal;padding-left:30px}.rich-text ul{list-style:disc;padding-left:30px}.rich-text a:link,.rich-text a:visited{color:#08c;text-decoration:none}.rich-text a:active,.rich-text a:hover{text-decoration:underline}.rich-text blockquote{padding:1px 20px;margin:1em 0;border-left:4px solid #ccc;color:#787d82;background-color:#f5f5f5}.rich-text sub,.rich-text sup{font-size:smaller}.rich-text sub{vertical-align:sub}.rich-text sup{vertical-align:super}.rich-text img{max-width:100%}.rich-text *{word-break:break-all;word-wrap:break-word}.exp-progress span{font-size:12px;color:#787d82}.exp-progress .exp-per{margin-right:8px;font-size:18px;font-weight:700;color:red}.exp-progress .exp-per strong{font-size:32px}.exp-progress span b{margin:0 2px}.exp-progress .exp-bar{position:relative;height:10px;background-color:#d9dde1;border-radius:8px;background-clip:content-box;overflow:hidden}.exp-progress .exp-bar ins{display:block;position:absolute;left:0;top:0;width:10%;height:10px}.exp-progress .exp-bar ins:before{content:'';display:block;height:100%;width:100%;border-radius:8px;background-color:red;transform:translateZ(0);-webkit-animation:progressBar ease-in-out .7s .4s;-webkit-animation-fill-mode:both}.statics-section{padding:40px 0 0 0;background-color:#f3f5f7}.wrap{width:1152px;margin:0 auto}a.start-study-btn{display:block;width:auto;height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;background-color:#f20d0d;border:0 none;font-weight:600}a.start-study-btn:hover{background-color:#ff4d4d}a.start-study-btn.disabled{background-color:#edf1f2!important;color:#c8cdd2!important}.mb40{margin-bottom:40px}.mod-menus li{float:left;margin-right:50px;height:100%;text-align:center}.mod-menus li:last-child{margin-right:0}.mod-menus a{display:block;padding:10px 0;font-size:16px;color:#303538}.mod-menus a span{display:block;height:14px;line-height:14px}.mod-menus a:hover{color:#f20d0d;text-decoration:none}.mod-menus a.active{border-bottom:2px solid #f20d0d;color:#f20d0d;text-decoration:none}@-webkit-keyframes progressBar{0%{width:0}100%{width:100%}}.exp-get-tip{position:absolute;top:0;right:14px;line-height:58px;color:#787d82;font-size:12px}.exp-get-tip b{margin-left:2px;color:#1c1f21;font-weight:700}.mod-chapters{margin:0 0 20px 0}.mod-chapters .chapter{border-bottom:1px solid #edf1f2}.mod-chapters .chapter.disabled h3{cursor:default}.mod-chapters .chapter .video li{position:relative;height:40px;line-height:40px;padding-left:46px;margin-bottom:10px}.mod-chapters .chapter .video li:hover{background:#edf1f2}.mod-chapters .chapter .video li:last-child{border:none}.mod-chapters .chapter .video li .study-state{position:absolute;right:10px;top:0;line-height:40px;font-size:12px}.mod-chapters .chapter .video li .study-state.done,.mod-chapters .chapter .video li .study-state.ing,.mod-chapters .chapter .video li .study-state.latest{color:#f11d1d}.mod-chapters .chapter .video li .study-state.doStudy,.mod-chapters .chapter .video li .study-state.ing{background-position:0 -288px}.mod-chapters .chapter .video li .study-state.done,.mod-chapters .chapter .video li .study-state.hasStudy{background-position:0 -248px}.mod-chapters .chapter .video li .sz-icn{float:left;margin-left:-20px;line-height:40px}.mod-chapters .chapter .video li a{color:#787d82;display:block;overflow:hidden;padding:0 0 0 20px;word-break:break-all}.mod-chapters .chapter .video li a:hover{color:#1c1f21}.mod-chapters .chapter .video li a.practise,.mod-chapters .chapter .video li a.programme,.mod-chapters .chapter .video li a.studyvideo{background:url('') no-repeat 0 -121px}.mod-chapters .chapter .video li a.practise{background-position:0 -157px}.mod-chapters .chapter .video li a.programme{background-position:0 -194px}.mod-chapters .chapter h3{height:58px;line-height:58px;padding:0 13px 0 0;margin:0 0 10px 0;font-size:14px;cursor:pointer;overflow:hidden}.mod-chapters .chapter h3:hover{background-color:#edf1f2}.mod-chapters .chapter h3 span{display:inline-block;width:10px;font-weight:700;color:#b4bbbf;text-align:center}.mod-chapters .chapter h3 .chapter-icon,.mod-chapters .chapter h3 .expand-state{width:46px;text-align:center;font-size:25px}.mod-chapters .chapter h3 .chapter-icon i,.mod-chapters .chapter h3 .expand-state i{vertical-align:-2px}.mod-chapters .chapter h3 .open-tip{font-size:12px;width:auto;font-weight:400}.mod-chapters .chapter h3 strong{font-weight:700;width:auto}.mod-chapters .chapter h3 i{margin-right:10px}.mod-chapters .chapter h3 em{color:#b5b9bc}.mod-chapters .chapter ul{display:none}.mod-chapters .chapter strong{display:block;float:left;white-space:nowrap;overflow:hidden;width:345px;text-overflow:ellipsis}.mod-chapters .chapter em{float:right;font-size:12px;cursor:default;font-style:normal}.mod-chapters .chapter .laststudy,.mod-chapters .chapter .new{color:#93999f;font-size:12px;position:absolute;right:35px;top:0}.mod-chapters .chapter .state-expand,.mod-chapters .chapter .state-open,.mod-chapters .chapter .state-unopen{background-image:url('');background-repeat:no-repeat;width:20px;height:40px;display:inline-block;vertical-align:middle;margin-right:10px}.mod-chapters .chapter .state-expand{background-position:0 -37px}.mod-chapters .chapter .state-open{background-position:0 -37px}.mod-chapters .chapter .state-unopen{background-position:0 -82px}.mod-chapters .chapter .sz-chapter{font-size:24px;color:#787d82;position:relative;top:5px}.mod-chapters .chapter.chapter-active ul{display:block;margin:0 0 10px 0}.mod-chapters .chapter.unlearn h3{color:#b5b9bc;cursor:default}.mod-chapters .chapter-update-state{padding-left:46px;line-height:58px;border-bottom:1px solid #eceef0;color:#93999f}.imooc-form{width:835px;height:564px;padding:0 35px;position:fixed;left:50%;top:50%;margin-left:-452px;margin-top:-275px;background:#fff;z-index:999;display:none}.imooc-form .btn-close{position:absolute;top:23px;right:35px;font-size:24px;color:#93999f;line-height:1}.imooc-form .form-row .hd{float:left;margin-left:-50px;line-height:40px}.imooc-form .form-row .ipt{width:100%;height:48px;line-height:48px;padding:6px 10px;border:1px solid #b7bbbf;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.imooc-form .form-row .ipt::-webkit-input-placeholder{color:#93999f}.imooc-form .form-row .ipt:-moz-placeholder{color:#93999f}.imooc-form .form-row .ipt::-moz-placeholder{color:#93999f}.imooc-form .form-row .ipt:-ms-input-placeholder{color:#93999f}.imooc-form .form-row .ipt:focus{border-color:#00b43c;outline:0}.imooc-form .form-row textarea.ipt{height:140px;overflow-x:hidden;overflow-y:auto}.imooc-form .form-row .ipt-tip{height:20px;line-height:20px;font-size:12px}.imooc-form .form-row .ipt-tip-error{font-size:12px;color:#f20d0d;clear:both;height:25px;line-height:25px;visibility:visible}.imooc-form .form-footer .submit{height:40px;line-height:40px;padding:0 36px;color:#fff;background-color:#00b43c}.imooc-form .form-footer .submit:hover{background-color:#30c44b}.imooc-form .form-footer .cancel{margin-right:20px;line-height:40px;color:#787d82}.imooc-form-single .form-row{padding-left:0}.verify-box .ipt{height:14px;line-height:14px;width:110px;padding:14px 0 10px 8px;border:1px solid #d0d6d9;color:#b5b9bc;box-shadow:none}.verify-box .ipt:focus{color:#1c1f21}.verify-box.vf-error .ipt{border-color:#f20d0d}.verify-box .verify-media{width:70px;height:40px;margin-left:8px;background-color:#787d82}.verify-box .verify-help{margin-left:10px;font-size:12px;color:#787d82}.verify-box .verify-help .verify-refresh{display:block;margin-top:4px;color:#00b43c}.verify-box .verify-help .ipt-tip-error{color:#f20d0d;font-size:12px}.comp-filter-bar{height:40px;background-color:#f6f6f6}.comp-filter-bar .bar-item{float:left;font-size:12px;display:inline-block;line-height:40px;text-align:center;padding:0 20px;color:#787d82}.comp-filter-bar .bar-item.active,.comp-filter-bar .bar-item:hover{color:#1c1f21;font-weight:600}.comp-filter-bar .static-num{margin-right:20px;line-height:40px;color:#787d82;font-size:12px}.comp-filter-bar .static-num b{color:#f20d0d;margin:0 2px;font-weight:400}.mod-qa-list{padding:24px 0 32px;border-bottom:1px solid #d9dde1;overflow:hidden}.mod-qa-list .qa-medias{position:relative;width:40px;text-align:center}.mod-qa-list .qa-medias .meida:hover{color:#be3948;text-decoration:underline}.mod-qa-list .qa-medias img{display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;vertical-align:top}.mod-qa-list .qa-medias .qa-state{font-size:20px;width:20px;height:20px;line-height:20px;border-radius:10px;display:inline-block;vertical-align:middle;position:absolute;bottom:-2px;right:-2px;background:#fff}.mod-qa-list .qa-medias .qa-state .sz-help{color:#08c}.mod-qa-list .qa-medias .qa-state .sz-done{color:#00b43c}.mod-qa-list .qa-content{min-height:85px;position:relative;overflow:hidden}.mod-qa-list .qa-content .name{display:block;line-height:16px;color:#93999f;font-size:14px;line-height:24px;padding-left:20px}.mod-qa-list .qa-content .name:hover{color:#4d555d}.mod-qa-list .qa-content .static-count{font-size:12px;position:absolute;top:0;right:14px}.mod-qa-list .qa-content .static-count .static-item{display:inline-block;vertical-align:top;color:#787d82;margin-left:26px}.mod-qa-list .qa-content .static-count .val{display:block;font-size:14px;font-weight:400;text-align:center}.mod-qa-list .qa-content .static-count.hasanswer .answer{color:#00b43c}.mod-qa-list.without-mh .qa-content{min-height:0}.mod-qa-list .qa-header{font-size:14px;line-height:20px;color:#363d40;position:relative}.mod-qa-list .qa-header .qa-header-cnt{padding:8px 0 8px 18px}.mod-qa-list .qa-header .qa-header-cnt .istop{color:#ff7e00;margin-right:5px}.mod-qa-list .qa-header .qa-header-cnt .top{margin:1px 4px 0 0;font-size:20px;color:#f20d0d}.mod-qa-list .qa-header .qa-tit{font-weight:700;word-break:break-all;word-wrap:break-word;display:block;line-height:24px;color:#07111b;font-size:16px}.mod-qa-list .qa-header .qa-tit:hover{color:#07111b;text-decoration:none}.mod-qa-list .qa-header .jchoose{display:inline-block;color:#f60;font-size:12px;font-style:normal;line-height:20px;height:20px;margin:3px 5px 0 0;background:#ffefe5;padding:0 5px}.mod-qa-list .qa-header .isfinish,.mod-qa-list .qa-header .isflag,.mod-qa-list .qa-header .issport,.mod-qa-list .qa-header .nofinish,.mod-qa-list .qa-header .qa-state{font-style:normal;width:20px;height:20px;display:inline-block;vertical-align:middle;position:absolute;top:1px;left:0}.mod-qa-list .qa-header .nofinish{background-position:0 -24px}.mod-qa-list .qa-header .isflag,.mod-qa-list .qa-header .issport{background:url(https://coding.imooc.com/static/module/img/add-qa.png) no-repeat 0 0}.mod-qa-list .qa-header .isflag{background-position:0 -30px}.mod-qa-list .qa-footer{padding-left:20px;color:#93999f;padding-right:24px;font-size:12px}.mod-qa-list .qa-footer em{font-style:normal;display:inline-block}.mod-qa-list .qa-footer .from{color:#93999f;font-size:12px;margin-left:20px}.mod-qa-list .qa-footer .from a{color:#93999f;font-size:12px}.mod-qa-list .qa-footer .from a:hover{color:#4d555d}.replycont{position:relative}.replycont .reply-icon{margin:5px 0 0 1px;font-size:16px;color:#b5b9bc;line-height:1}.replydes{padding-left:20px;padding-bottom:16px;line-height:22px;word-wrap:break-word;word-break:break-all;overflow:hidden}.replydes .replysign{font-size:14px;line-height:22px;color:#4d555d}.replydes .replysign .adopt{color:#00b43c}.replydes .replysign .adopt .nickname{color:#00b43c}.replydes .replysign .adopt .nickname:hover{color:#00a028}.replydes .replysign.adopt{color:#00b43c}.replydes .replysign p{color:#93999f}.replydes .replysign p .go-answer{display:inline-block;margin-right:12px;width:74px;height:30px;color:#787d82;line-height:30px;font-size:14px;border:1px solid #d0d6d9;text-align:center;font-weight:200}.replydes .replysign p .integral-intro{color:#b5b9bc;font-size:14px;line-height:22px}.replydes .replysign p .integral-intro span{color:#ff7802}.replydes .replysign p .integral-intro:hover{color:#14191e}.replydes .nickname{color:#4d555d;font-weight:700}.replydes .nickname:hover{color:#07111b}.replydes .replyuserhead{border-radius:10px;overflow:hidden;width:20px;height:20px;display:inline-block;position:relative;top:5px}.aside-view-address{line-height:24px}.aside-view-address strong{font-weight:700}.aside-view-address a{display:block;font-size:12px}.empty-holder{padding:180px 0 180px;text-align:center;color:#93999f;font-size:16px}.mod-post .post-row{border-bottom:1px solid #eee;overflow:hidden;padding:20px 0 20px 0}.mod-post .post-row .media{float:left;width:40px;margin-right:10px}.mod-post .post-row .media img{display:block;-moz-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px}.mod-post .post-row .bd{margin-left:60px}.mod-post .post-row .tit{line-height:1.2;color:#93999f}.mod-post .post-row .tit a{color:#4d555d}.mod-post .post-row .tit a:hover{color:#303538}.mod-post .post-row .cnt{margin-top:8px;font-size:14px;line-height:28px;color:#07111b;position:relative;max-height:196px;overflow:hidden}.mod-post .post-row .cnt.cnt-expanded{max-height:none}.mod-post .post-row .cnt.cnt-expanded .more{position:static}.mod-post .post-row .cnt .cnt-area-action{display:none;padding:20px 0;overflow:hidden}.mod-post .post-row .cnt .cnt-area-action a{padding:0 26px;height:40px;line-height:40px;color:#fff;font-size:14px;background-color:#f20d0d;border-radius:2px}.mod-post .post-row .cnt .cnt-area-action a:hover{background-color:#f04646}.mod-post .post-row .cnt .post-update-tip{display:none;color:#f20d0d}.mod-post .post-row.editable .cnt{max-height:none}.mod-post .post-row.editable .cnt-area{padding:0 8px;min-height:80px;border:1px solid #d0d6d9;border-radius:2px}.mod-post .post-row.editable .cnt-area-action{display:block}.mod-post .post-row.editable .actions{visibility:hidden}.mod-post .post-row.editable .more{display:none}.mod-post .post-row .footer{color:#93999f;font-size:12px;margin-top:15px}.mod-post .post-row .from{color:#93999f;font-size:12px;margin-left:20px}.mod-post .post-row .from:hover{color:#4d555d}.mod-post .post-row .post-action{float:left;display:block;padding-left:16px;color:#b5b9bc;font-size:12px;overflow:hidden;cursor:pointer}.mod-post .post-row .post-action.on,.mod-post .post-row .post-action:hover{text-decoration:none;color:#4d555d}.mod-post .post-row .post-action.on{color:#f20d0d}.mod-post .post-row .post-action .ac-icon{margin-top:1px;line-height:1;font-size:16px;vertical-align:-2px}.mod-post .post-row .post-action em{padding:0 3px 0;line-height:16px}.mod-post .post-row i.split{margin:-1px -1px 0 14px;font-style:normal}.mod-post .post-row .answercon{overflow:hidden;margin:6px 0 8px}.mod-post .post-row .answer-img{position:relative;width:160px;overflow:hidden;border:4px solid #f3f5f7;border-radius:4px}.mod-post .post-row .answer-img.expand{width:auto;height:auto;max-height:288px}.mod-post .post-row .answer-img.expand img{width:auto;height:auto;max-width:100%}.mod-post .post-row .answer-img .answerVideo{position:relative;width:100%;height:24px;display:block;padding-bottom:4px;background:#f3f5f7;color:#93999f;font-size:12px;line-height:24px}.mod-post .post-row .answer-img .answerVideo i{position:relative;top:2px;font-size:16px;margin-right:4px}.mod-post .post-row .answer-img .answerVideo:hover{color:#f01414}.mod-post .post-row .answer-img .ctrl{position:absolute;width:50%;height:100%;top:0;color:#fff;line-height:90px;text-align:center;background-color:rgba(0,0,0,.8);z-index:2;transition:margin .3s}.mod-post .post-row .answer-img .ctrl-img{left:0;margin-left:-50%}.mod-post .post-row .answer-img .ctrl-video{right:0;margin-right:-50%;background-color:rgba(0,0,0,.5)}.mod-post .post-row .answer-img:hover .ctrl{margin:0}.mod-post .post-row .answer-img .view-ctrl{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.mod-post .post-row .answer-img .time{position:absolute;left:0;bottom:0;padding:2px 4px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.6)}.mod-post .post-row .answer-img img{vertical-align:top}.mod-post .post-row .answer-img-big{width:60%;height:auto}.mod-post .post-row .answer-img-big img{max-width:100%}.mod-post .post-row .more{position:absolute;top:168px;left:0;right:0;height:28px;line-height:28px;background-color:#fff}.mod-post .post-row .more a{position:relative;top:4px;font-size:22px;color:#93999f}.mod-post .post-row .more a:hover{color:#4d555d}.note-lists .mod-post{padding-bottom:40px}.notice-bar{position:relative;margin:0 0 10px 0}.notice-bar .inner{height:40px;line-height:40px;font-size:14px;color:#787d82;background-color:#fff3e5;cursor:pointer}.notice-bar .inner .hd{float:left;width:54px;text-align:right;color:#ff8c00}.notice-bar .inner .bd{overflow:hidden}.notice-bar .inner .bd span{float:right;color:#ff8c00;margin-right:16px}.notice-bar .inner .notice-latest{color:#4d555d}.notice-bar .inner .notice-latest:hover{color:#07111b}.notice-bar .close{display:none;position:absolute;right:0;top:2px;padding:0 15px;font-size:16px;color:#b4bbbf}.notice-bar .close:hover{color:#f20d0d}.notice-modal{display:none;width:740px;background-color:#fff;z-index:1000}.notice-modal .hd{margin:0 36px;padding:24px 0;font-size:16px;border-bottom:1px solid #d0d6d9}.notice-modal .hd span{font-weight:700}.notice-modal .hd .close{position:absolute;right:36px;top:24px;line-height:100%;font-size:20px}.notice-modal .bd{height:570px;overflow-y:auto}.notice-modal .notice-container{padding:0 36px}.notice-modal .notice-list li{margin-top:10px;padding:20px 0;border-bottom:1px solid #d0d6d9}.notice-modal .notice-list li .metas{padding:10px 0;color:#b5b9bc}.notice-modal .notice-list li h3{line-height:1;font-size:16px;color:#1c1f21;font-weight:700;word-break:break-all;word-wrap:break-word}.notice-modal .notice-list li p{line-height:30px;color:#4d555d;word-break:break-all;word-wrap:break-word}.coupon-recom-wrap{width:100%;padding:24px 24px 0;box-sizing:border-box}.coupon-recom-wrap a{display:block}.coupon-recom-wrap .coupon-recom-box{padding:24px;width:100%;height:132px;background:#f3f5f7;border-radius:8px;box-sizing:border-box;background:#f3f5f7 url(../image/show-get-coupon-bg.png) bottom right no-repeat;background-position:160px 83px}.coupon-recom-wrap .coupon-recom-box .intro-box{width:100%;margin-bottom:12px}.coupon-recom-wrap .coupon-recom-box .intro-box .coupon-course-title{width:160px;font-size:14px;line-height:24px;max-height:48px;color:#07111b;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.coupon-recom-wrap .coupon-recom-box .intro-box .coupon-info{text-align:center}.coupon-recom-wrap .coupon-recom-box .intro-box .coupon-info .coupon-price{font-size:24px}.coupon-recom-wrap .coupon-recom-box .intro-box .coupon-info p{font-size:12px;color:#f01414;line-height:24px}.coupon-recom-wrap .coupon-recom-box .get-recom-coupon-btn{width:72px;padding:5px 12px;background:#f01414;border-radius:12px;font-size:12px;color:#fff;line-height:14px;font-weight:200;text-align:center;box-sizing:border-box}.aside-course-info .desc{width:100%;padding:0 24px;box-sizing:border-box;line-height:24px;font-size:12px;color:#787d82}.aside-course-info ul{width:100%;padding:0 24px;box-sizing:border-box}.aside-course-info li{padding:3px 0;line-height:24px;color:#4d555d}.aside-course-info .key{font-weight:700}.aside-course-info .value{margin-left:12px}.aside-course-info .stars{margin-left:8px;font-size:16px;vertical-align:middle;top:0}.aside-course-info .stars i.sz-star-h{color:#f90;position:absolute;top:2px;left:0}.aside-course-info .for-evaluate{font-size:12px;color:#f90}.wenda-top-intro-box{width:100%;background:#fff}.wenda-top-intro-box .wenda-top-intro-wrap{width:1152px;margin:0 auto}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro{width:776px;padding:24px;box-sizing:border-box}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .bread-crumbs{padding:0 0 12px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .bread-crumbs li{float:left;font-size:12px;margin-right:7px;color:#93999f}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .bread-crumbs li a{font-size:12px;color:#93999f;margin-right:7px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .bread-crumbs li a:hover{color:#4d555d}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top #wenda_top_ask{padding:0 24px;box-sizing:border-box}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-title-box .wenda-tit{width:648px;display:inline-block}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-title-box .wenda-ignore{background:rgba(28,31,33,.08);border-radius:16px;padding:8px 0;width:70px;text-align:center;font-size:12px;color:#545c63;line-height:16px;vertical-align:top;float:right;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-tit{margin-bottom:16px;font-size:24px;font-weight:700;line-height:36px;color:#07111b}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bd{margin-top:20px;line-height:32px;font-size:16px;color:#07111b}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top p{margin-bottom:32px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-edit-box{line-height:24px;font-size:12px;color:#93999f;position:relative}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-edit-box .count-item{margin-right:24px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-edit-box .count-item i{font-style:normal;margin-left:4px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-edit-box .edit{color:#93999f;margin-right:24px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-edit-box .edit:hover{color:#07111b}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .wenda-edit-box .top{cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt{line-height:20px;border-top:0;font-size:12px;color:#93999f}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .author{font-size:14px;line-height:24px;padding-left:29px;color:#93999f}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .author img{float:left;margin-left:-29px;width:24px;height:24px;border-radius:50%}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .author:hover{color:#07111b}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .author .identity{top:1px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .add-integral{font-size:12px;color:#f6a623;line-height:24px;margin-left:12px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .add-integral i{font-style:normal;margin-left:4px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .bt .add-integral:hover{text-decoration:underline}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .attach-medias{position:relative;min-height:20px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .attach-medias img{width:100%;vertical-align:top}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-top-intro .wenda-top .attach-medias .time{position:absolute;left:0;bottom:0;height:20px;line-height:20px;width:40px;color:#fff;font-size:12px;text-align:center;background-color:#000;background-color:rgba(0,0,0,.4)}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box{padding:8px 0 16px;position:relative}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-wrap .wenda-label-item{display:inline-block;margin-right:10px;padding:8px 16px;background:#f3f5f6;border-radius:2px;font-size:12px;color:#545c63;line-height:16px;position:relative}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-wrap .wenda-label-item i{font-size:12px;color:#b2b8bd;text-align:left;line-height:12px;position:absolute;top:2px;right:2px;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-wrap .wenda-edit-btn{display:inline-block;font-size:12px;color:#9199a1;text-align:left;line-height:18px;vertical-align:middle;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-wrap .wenda-edit-btn i{font-size:12px;color:#9199a1;text-align:left;line-height:14px;margin-right:4px;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox{z-index:9;position:absolute;top:48px;left:0;width:456px;background:#fff;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);border-radius:12px;padding:24px 0 24px 24px;box-sizing:border-box}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox>i{font-size:14px;color:#b2b8bd;text-align:left;line-height:14px;position:absolute;top:10px;right:10px;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .tip{font-size:12px;color:#545c63;line-height:18px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .wenda-label-editwrap{margin-top:10px;font-size:0}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .wenda-label-editwrap .wenda-label-edititem{display:inline-block;margin-bottom:10px;margin-right:10px;border:1px solid #d3d6d9;border-radius:2px;padding:8px 16px;font-size:12px;color:#545c63;text-align:left;line-height:16px;cursor:pointer;vertical-align:top}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .wenda-label-editwrap .wenda-label-edititem i{font-size:12px;color:#b2b8bd;text-align:left;line-height:12px;position:absolute;top:2px;right:2px;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .wenda-label-editwrap .wenda-label-edititem.active{background:#f3f5f6;border:1px solid #f3f5f6}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .wenda-label-editwrap .wenda-label-edititem.unaviliable{border:1px dashed #d3d6d9;color:#b2b8bd;cursor:not-allowed}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-label-box .wenda-label-editbox .submit-labels{margin:10px 30px 0 0;background:rgba(242,13,13,.1);border-radius:16px;width:70px;height:32px;font-size:12px;color:#f20d0d;text-align:center;line-height:32px;margin:0 auto;margin-top:8px;cursor:pointer}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box{background:#fff;box-shadow:0 12px 24px 0 rgba(28,31,33,.2);border-radius:12px;width:346px;padding:32px;box-sizing:border-box;position:absolute;top:30px;left:0;z-index:1}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .title{font-size:18px;color:#1c1f21;line-height:28px;font-weight:700}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .top-select-box{margin-top:8px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .top-select-box input{cursor:pointer;margin-right:4px;visibility:hidden}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .top-select-box label{cursor:pointer;font-size:14px;color:#545c63;line-height:20px;margin-right:32px;position:relative}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .top-select-box label:last-child{margin-right:0}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .top-select-box label .checkIcon{font-size:16px;color:#545c63;position:absolute;top:2px;left:-18px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .btn-box{margin-top:32px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .btn-box a{display:inline-block;background:#383d42;border-radius:18px;padding:8px 24px;font-size:14px;color:#fff;line-height:20px}.wenda-top-intro-box .wenda-top-intro-wrap .wenda-settop-box .btn-box a.cancel-btn{font-size:14px;color:#545c63;text-align:left;line-height:20px;background:0 0;padding:8px 0;vertical-align:middle;margin-right:32px}.wenda-wrap.pb20{padding-bottom:20px}.wenda-wrap .wenda-lists h2{border:none}.wenda-wrap .wenda-details{width:100%;box-sizing:border-box;padding:24px;font-size:16px;color:#07111b;line-height:36px;overflow:hidden}.wenda-wrap .wenda-details img{max-width:100%}.wenda-wrap .no-buy{text-align:center;padding-top:50px;color:#93999f;font-size:16px;border-top:1px solid #ddd}.wenda-wrap .from-share-wrap{margin-top:36px;margin-bottom:24px}.wenda-wrap .from-share-wrap .from{padding:0 24px;box-sizing:border-box;font-size:12px;color:#93999f;line-height:24px}.wenda-wrap .from-share-wrap .from a{color:#93999f}.wenda-wrap .from-share-wrap .from a:hover{color:#07111b}.wenda-wrap .from-share-wrap .share-box .share-add-text{font-size:12px;color:#f90;line-height:24px}.wenda-wrap .from-share-wrap .share-box .share-action .share{display:inline-block;float:none;padding:0;line-height:normal;margin:0 0 0 16px;width:auto;height:auto;vertical-align:middle;background-image:none;font-size:16px;color:#b7bbbf;background-repeat:no-repeat}.wenda-wrap .from-share-wrap .share-box .share-action .share:hover{color:#4d555d}.wenda-wrap .wenda-top-edit{padding:24px 24px 0;box-sizing:border-box}.wenda-wrap .answer-box{margin-bottom:24px;width:100%;padding:24px 24px 36px;box-sizing:border-box;background:#fff;border-radius:8px}.wenda-wrap .answer-box .answer-title{margin-bottom:16px;font-size:16px;color:#07111b;line-height:16px}.wenda-wrap .answer-box .answer-input-before{width:100%;height:40px;background:#fff;border:1px solid #d9dde1}.wenda-wrap .answer-box .reply-poster{padding:0}.wenda-wrap .answer-box .add-answer-box{position:relative;z-index:1}.wenda-wrap .answer-box .add-answer-box .poster-ft{position:relative}.wenda-wrap .answer-box .add-answer-box .poster-ft .captcha-verify-box{position:absolute;right:-137px;bottom:55px;padding:6px;width:320px;background:#fff;border-radius:4px;border:1px solid #d0d6d9;z-index:900}.wenda-wrap .answer-box .add-answer-box .poster-ft .captcha-verify-box:after{position:absolute;bottom:-11px;left:156px;content:" ";display:block;width:0;height:0;border-top:10px solid #d0d6d9;border-left:10px solid transparent;border-right:10px solid transparent;z-index:9}.wenda-wrap .answer-box .add-answer-box .poster-ft .captcha-verify-box:before{position:absolute;bottom:-9px;left:157px;content:" ";display:block;width:0;height:0;border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}.wenda-wrap .answer-box .add-answer-box .poster-ft .captcha-verify-box .js-mocaptcha-close{position:absolute;right:-40px;top:-7px;display:block;color:#fff;width:30px;height:30px;font-size:18px;line-height:30px;text-align:center;background:rgba(0,0,0,.6);cursor:pointer}.wenda-wrap .answer-box .reply-ask-btn{padding:8px 16px;font-size:14px;color:#fff;background:#f01414;border-radius:2px;border:none}.wenda-wrap .answer-box .cancel-ask-btn{margin-left:9px;padding:8px 16px;border:1px solid #d9dde1;border-radius:2px;font-size:14px;color:#93999f;cursor:pointer}.wenda-wrap .lock-comment{padding:30px 0;text-align:center}.wenda-wrap .lock-comment a{color:#9447eb}.wenda-ignore-choosebox label{font-size:14px;color:#1c1f21;text-align:left;line-height:20px;width:70px;vertical-align:top;position:relative;top:5px}.wenda-ignore-choosebox select{background:#fff;border:1px solid #9199a1;border-radius:6px;width:260px;height:36px;line-height:36px;display:inline-block;padding:7px}.wenda-ignore-choosebox textarea{width:260px;height:140px;background:#fff;border:1px solid #9199a1;border-radius:6px;padding:7px 10px;box-sizing:border-box}.wenda-ignore-choosebox .otherBox{margin-top:18px;display:none}.wenda-ignore-choosebox .btnBox{overflow:hidden;margin-top:20px}.wenda-ignore-choosebox .btnBox div{background:#383d42;border-radius:18px;height:36px;line-height:36px;padding:0 24px;font-size:14px;color:#fff;cursor:pointer}.wenda-ignore-choosebox .btnBox .cancelBtn{background:rgba(84,92,99,.1);color:#545c63;margin-right:8px}.wenda-ignore-choosebox .btnBox .sureBtn{margin-right:48px}.wenda-ignore-cancelbox{text-align:center}.wenda-ignore-cancelbox img{width:80px;height:80px}.wenda-ignore-cancelbox p{font-size:16px;color:#1c1f21;letter-spacing:1px;line-height:24px;margin-top:16px;font-weight:700}.wenda-ignore-cancelbox .btnBox{margin-top:28px}.wenda-ignore-cancelbox .btnBox div{background:rgba(84,92,99,.1);border-radius:18px;width:76px;height:36px;line-height:36px;color:#545c63;display:inline-block;cursor:pointer}.wenda-ignore-cancelbox .btnBox div.sureBtn{background:#383d42;color:#fff;margin-left:8px}.wenda-best-answer{padding-bottom:24px;margin-bottom:24px;border:1px solid rgba(0,180,60,.1);border-radius:8px}.wenda-best-answer .content{position:relative;padding:28px 32px;line-height:24px;box-sizing:border-box;background-image:linear-gradient(0deg,rgba(0,180,60,0) 0,rgba(0,180,60,.1) 100%)}.wenda-best-answer .content .best-answer-text{position:absolute;top:-15px;right:18px;font-size:12px;color:#00b43c;line-height:24px}.wenda-best-answer .content .best-answer-icon{position:absolute;top:-28px;right:-32px;width:48px;height:48px;background:url(https://coding.imooc.com/static/module/course/img/best-answer.png)}.wenda-best-answer .content .author-head img{width:48px;height:48px;border-radius:50%}.wenda-best-answer .content .best-answer-right-box{margin-left:72px}.wenda-best-answer .content .best-answer-right-box .author{font-size:14px;color:#93999f;line-height:24px}.wenda-best-answer .content .best-answer-right-box .author-name-box{margin-bottom:4px}.wenda-best-answer .content .best-answer-right-box .author-name-box a{display:inline-block}.wenda-best-answer .content .best-answer-right-box .author-name-box .toName{font-size:14px;color:#93999f;line-height:24px}.wenda-best-answer .content .best-answer-right-box .author-name-box .toName:hover{color:#07111b}.wenda-best-answer .content .best-answer-right-box .author-name-box .add-integral-box{margin-left:12px;font-size:12px;color:#f90;line-height:24px;font-weight:200}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom{margin-top:16px}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions a:hover{color:#07111b}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions a:hover span{color:#07111b}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions a:hover .sz-ic{color:#07111b}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions .praise{padding:7px 10px;border:1px solid #d9dde1;border-radius:2px;font-size:12px;color:#787d82;line-height:16px}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions .praise .sz-ic{font-size:16px}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions .praise.on{color:#07111b}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions .reply{margin-left:24px;font-size:12px;color:#93999f;line-height:32px}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .actions .reply:hover{color:#07111b}.wenda-best-answer .content .best-answer-right-box .best-answer-bottom .time{font-size:12px;color:#93999f;line-height:32px}.wenda-best-answer .content .hd .label{margin-left:49px;font-size:16px;color:#00b33b;font-weight:700}.wenda-best-answer .content .hd .time{font-size:12px;line-height:16px;color:#93999f}.wenda-best-answer .content .txt{word-break:break-all;word-wrap:break-word}.wenda-best-answer .content .txt p{font-size:16px;color:#07111b;line-height:32px}.wenda-best-answer .content .txt caption,.wenda-best-answer .content .txt code,.wenda-best-answer .content .txt optgroup,.wenda-best-answer .content .txt strong,.wenda-best-answer .content .txt th{font-style:inherit;font-weight:700}.wenda-best-answer .content .txt address,.wenda-best-answer .content .txt cite,.wenda-best-answer .content .txt dfn,.wenda-best-answer .content .txt em,.wenda-best-answer .content .txt i,.wenda-best-answer .content .txt var{font-style:italic;font-weight:inherit}.wenda-best-answer .content .txt blockquote{padding:1px 20px;margin:1em 0;border-left:4px solid #ccc;color:#787d82;background-color:#f5f5f5}.wenda-best-answer .content .txt blockquote p{line-height:1.5em;font-size:13px;color:#444}.wenda-best-answer .content .txt ul{list-style-type:disc}.wenda-best-answer .content .txt ol{list-style-type:decimal}.wenda-best-answer .content .txt .list-paddingleft-2{padding-left:30px}.wenda-best-answer .content .txt a{color:#08c;text-decoration:none}.wenda-best-answer .content .txt a:hover{color:#08c;text-decoration:underline}.wenda-best-answer .content .txt.lock{overflow:hidden;height:105px;position:relative}.wenda-best-answer .content .txt .qa-mask{width:100%;height:90px;background-position:-5px;background-repeat:no-repeat;background-size:auto;background-image:url(../image/text-mask.png);position:absolute;top:28px;left:-6px}.wenda-best-answer .best-reply-box{margin-left:120px;margin-right:24px}.wenda-best-answer .best-reply-box .cmt-reply{border-top:0}.wenda-best-answer .pdl-0{padding-left:0}.wenda-best-answer .reply-edit-box{margin-bottom:24px}.cmt-reply .cmt-post{background:#f8fafc;border-radius:4px;border-bottom:none;margin-bottom:2px}.cmt-reply .cmt-post .pic{width:48px;height:48px}.cmt-reply .cmt-post .name{margin-right:0;font-size:14px;color:#93999f;line-height:24px;font-weight:400}.cmt-reply .cmt-post .name:hover{color:#07111b}.cmt-reply .cmt-post .inner{padding-left:72px}.cmt-reply .cmt-post .inner .put-que-icon{display:inline-block;margin-right:8px;padding:0 4px;box-sizing:border-box;background:rgba(0,140,200,.2);border-radius:4px;font-size:12px;color:#008cc8;line-height:24px}.cmt-reply .cmt-post .hd{font-size:14px;color:#93999f;line-height:24px;margin-bottom:4px}.cmt-reply .cmt-post .cmt-txt{font-size:14px;color:#07111b;line-height:28px}.cmt-reply .cmt-post .floor{color:#b7bbbf}.cmt-reply .cmt-post .ft{margin-top:8px;height:24px;font-size:12px;color:#93999f;line-height:24px}.reply-poster{display:none;padding:24px;box-sizing:border-box;background:#fff;border-radius:4px}.reply-poster .textarea-wrap{border:2px solid #f3f5f7;border-top-left-radius:8px;border-top-right-radius:8px}.reply-poster .author{margin-left:-72px;float:left}.reply-poster .author img{width:48px;height:48px;border-radius:50%}.reply-poster .inner{padding-left:72px}.reply-poster .inner .common-reply-list-btnDiv{width:100%;position:relative}.reply-poster .inner .common-reply-list-btnDiv .poster__submit{padding:8px 16px;font-size:14px;color:#fff;background:#f01414;border-radius:2px;border:none;cursor:pointer}.reply-poster .inner .common-reply-list-btnDiv .cancel_reply_btn{margin-left:9px;padding:8px 16px;border:1px solid #d9dde1;border-radius:2px;font-size:14px;color:#93999f;cursor:pointer}.reply-poster .inner .common-reply-list-btnDiv .captcha-verify-box{position:absolute;right:-137px;bottom:55px;padding:6px;width:320px;background:#fff;border-radius:4px;border:1px solid #d0d6d9;z-index:9}.reply-poster .inner .common-reply-list-btnDiv .captcha-verify-box:after{position:absolute;bottom:-11px;left:156px;content:" ";display:block;width:0;height:0;border-top:10px solid #d0d6d9;border-left:10px solid transparent;border-right:10px solid transparent;z-index:9}.reply-poster .inner .common-reply-list-btnDiv .captcha-verify-box:before{position:absolute;bottom:-9px;left:157px;content:" ";display:block;width:0;height:0;border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}.reply-poster .inner .common-reply-list-btnDiv .captcha-verify-box .js-mocaptcha-close{position:absolute;right:-40px;top:-7px;display:block;color:#fff;width:30px;height:30px;font-size:18px;line-height:30px;text-align:center;background:rgba(0,0,0,.6);cursor:pointer}.reply-poster .inner .comment_reply_textarea{width:100%;height:88px;padding:10px;line-height:20px;resize:none;border:1px solid #d9dde1;border-radius:2px;box-sizing:border-box}.reply-poster .inner .comment_reply_textarea:focus{border-color:#98a1a6}.reply-poster .comment-reply-div{position:relative}.reply-poster .comment-reply-div .captcha-verify-box{position:absolute;right:-136px;bottom:55px;padding:6px;width:320px;background:#fff;border-radius:4px;border:1px solid #d0d6d9;z-index:9}.reply-poster .comment-reply-div .captcha-verify-box:after{position:absolute;bottom:-11px;left:156px;content:" ";display:block;width:0;height:0;border-top:10px solid #d0d6d9;border-left:10px solid transparent;border-right:10px solid transparent;z-index:9}.reply-poster .comment-reply-div .captcha-verify-box:before{position:absolute;bottom:-9px;left:157px;content:" ";display:block;width:0;height:0;border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}.reply-poster .comment-reply-div .captcha-verify-box .js-mocaptcha-close{position:absolute;right:-40px;top:-7px;display:block;color:#fff;width:30px;height:30px;font-size:18px;line-height:30px;text-align:center;background:rgba(0,0,0,.6);cursor:pointer}.reply-poster .best-reply-error{height:25px;line-height:25px;visibility:visible;font-size:12px;color:#f20d0d}.reply-poster .post-ipt{width:100%;height:88px;padding:10px;line-height:20px;resize:none;border:1px solid #d9dde1;border-radius:2px;box-sizing:border-box}.reply-poster .cancel_reply_btn{margin-left:9px;padding:8px 16px;border:1px solid #d9dde1;border-radius:2px;font-size:14px;color:#93999f}.reply-poster .best_poster__submit{padding:8px 16px;font-size:14px;color:#fff;background:#f01414;border-radius:2px;border:none}.best_click-more{padding:24px 0;font-size:14px;line-height:14px;text-align:center;cursor:pointer}.best_click-more .best_more{color:#93999f}.best_click-more .best_more:hover{color:#07111b}.replies_editor .normal-reply-error{height:25px;line-height:22px;font-size:12px;color:#f20d0d;visibility:visible}.reply-edit-box{padding-top:10px;display:none}.reply-edit-box .reply-edit-box-bottom{padding-top:10px;text-align:right;overflow:hidden}.reply-edit-box .normal-reply-error{height:25px;line-height:22px;font-size:12px;color:#f01414;visibility:visible}.reply-edit-box .moco-btn-normal{margin-right:12px}.reply-editing{margin-top:24px;padding:0 0 24px!important}.reply-editing .content{display:none}.reply-editing .reply-edit-wrap{width:100%;padding:24px 25px;box-sizing:border-box;background:#f3f5f7;border-radius:4px}.reply-editing .reply-edit-wrap .edit-reply-text-title{margin-bottom:16px;font-size:16px;color:#07111b;line-height:16px}.reply-editing .reply-edit-wrap .reply-edit-box-wrap{position:relative;z-index:1}.reply-editing .reply-edit-wrap .reply-edit-box-wrap .author{position:relative;display:block}.reply-editing .reply-edit-wrap .reply-edit-box-wrap .author img{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%}.reply-editing .reply-edit-wrap .reply-edit-box-wrap .wenda-reply-edit{margin-left:72px}.reply-editing .reply-edit-wrap .reply-edit-box-bottom{padding-top:0;margin-top:24px}.reply-editing .reply-edit-wrap .reply-edit-box-bottom .reply-edit-cancel{margin-left:9px;padding:8px 16px;border:1px solid #d9dde1;border-radius:2px;font-size:14px;color:#93999f}.reply-editing .reply-edit-wrap .reply-edit-box-bottom .reply-edit-submit{padding:8px 16px;font-size:14px;color:#fff;background:#f01414;border-radius:2px;border:none}.comment-edit-box{margin:8px 0 0 0!important;padding:0;background:0 0}.comment-edit-box .inner{padding-left:0!important}.loading{display:none;position:absolute;left:50%;top:50%;margin-left:-93px;margin-top:-40px;width:186px;height:80px;background-color:#fff;font-size:14px;line-height:80px;text-align:center;color:#787d82;z-index:9}.loading span{position:relative;display:inline-block;top:10px;left:-5px;width:36px;height:36px;background:url(../image/loading_36px.gif) no-repeat -3px 3px;z-index:10}.info-dialog{position:fixed;left:50%;top:50%;margin-left:-65px;margin-top:-60px;width:130px;height:120px;background-color:#fff;z-index:999;box-shadow:0 2px 8px 1px rgba(0,0,0,.2)}.info-dialog .tip-img{height:80px;font-size:40px;line-height:80px;text-align:center}.info-dialog .tip-img.sz-done{color:#00b33b}.info-dialog .tip-img.sz-error{color:#f01400}.info-dialog .tip-text{font-size:14px;color:#14191e;text-align:center}.info-dialog .tip-text .add-exp{color:#008cc8;margin-right:4px}.info-dialog .tip-text .add-credit{color:#ffa01e}.praise-anim{-webkit-animation:praiseAnim .5s .1s;-moz-animation:praiseAnim .5s .1s;-o-animation:praiseAnim .5s .1s;animation:praiseAnim .5s .1s}@-webkit-keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}@-moz-keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}@keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}#sz-banner ul b{position:absolute;left:0;bottom:0;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff}.notices-statics{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #d9dde1;font-size:12px;color:#93999f}.notices-statics .statics-item b{margin:0 2px;font-weight:700}.notices-statics .chose-self a{float:left;padding-left:20px;color:#93999f}.notices-statics .chose-self a i{float:left;margin-left:-20px;margin-top:1px;font-size:16px}.notices-statics .chose-self a:hover{color:#4d555d}.evaluate-box{background-color:#ffad33;color:#fff;font-size:12px;padding:10px 20px;margin:10px 0;position:relative}.evaluate-box .triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffad33;position:absolute;right:70px;top:-10px}.project-preview-url{line-height:1em;padding:16px 20px;border:1px solid #d0d6d9}.project-preview-url .project-qrcode{float:none;display:inline-block}.project-preview-url .qrcode-box{top:30px}.project-preview-url span{font-weight:700}.project-preview-url p{margin-top:14px;font-size:12px;word-break:break-all;word-wrap:break-word}.inner .moco-btn-normal{margin-right:12px}.padbottom0{padding-bottom:0!important}.free-course-list{width:328px;padding:0 24px;box-sizing:border-box;border-bottom:1px solid #d9dde1}.free-course-list ul{width:100%}.free-course-list ul li:last-child{border-bottom:none}.free-course-list ul li{width:100%;padding:24px 0;border-bottom:1px solid #d9dde1}.free-course-list ul li .course-img{margin-right:16px;width:72px;height:60px;background-size:cover;border-radius:2px;background-color:#f3f5f7}.free-course-list ul li .cart-color{width:72px;height:60px;border-radius:2px;padding:5px 6px;box-sizing:border-box}.free-course-list ul li .cart-color span{display:inline-block;color:#fff;font-size:12px;line-height:18px}.free-course-list ul li .content-box{width:190px}.free-course-list ul li .content-box .smalle-title{margin-bottom:8px;font-size:14px;line-height:20px;color:#07111b;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.free-course-list ul li .content-box .content-text{margin-bottom:8px;font-size:12px;line-height:20px;color:#93999f;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.free-course-list ul li .content-box .learn-detail{font-size:12px;line-height:24px;color:#93999f}.free-course-list ul li .content-box .learn-detail span{padding:0 3px}@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)}}.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}.fl{float:left}.fr{float:right}.preconsultation{background-color:#f3f5f7;padding:90px 0 32px 0}.preconsultation.b{background-color:#fff;padding:40px 40px 42px;margin-top:16px}.preconsultation.b>h2{font-size:24px;color:#1c1f21;text-align:center;line-height:24px;margin:0 auto 34px;font-weight:700}.preconsultation.b .question-input{margin-bottom:24px}.preconsultation.b .question-input .input-block{width:400px;height:38px;line-height:38px}.preconsultation.b .question-input .question-btn{width:88px;height:40px;line-height:40px;background:#545c63;color:#fff}.preconsultation.b .prebox li .mid-detail .question-title{font-weight:700}.preconsultation.b .prebox li .hand-block:hover{background:#545c63;color:#fff}.preconsultation.b .prebox li .hand-block.current{background:#545c63;color:#fff}.preconsultation.b .more-question a{color:#9199a1}.preconsultation.b .question-contain .question-content li{float:left;width:512px;padding:0}.preconsultation.b .question-contain .question-content li:nth-child(2n){margin-left:48px}.preconsultation.b .question-contain .question-content li .mid-detail{width:454px}.preconsultation.b .question-contain .question-content li .answer-content{height:84px;margin-bottom:24px}.question-input{text-align:center;margin-bottom:32px}.question-input .input-block{width:656px}.input-block{font-size:16px;height:62px;line-height:62px;color:#07111b;padding-left:24px;border:1px solid #d9dde1;outline:0}.input-block:focus{border:1px solid #f01414}.question-btn{width:120px;height:64px;line-height:64px;background-color:#f01404;color:#fff;font-size:16px;text-align:center;display:inline-block;margin-left:-5px;cursor:pointer}.question-contain{background-color:#fff;margin:0 auto;display:block;padding:24px 0}.question-contain .question-content{overflow:hidden}.question-contain .question-content li{float:left;width:528px;padding:0 24px 0 48px;margin-top:24px}.question-contain .question-content li .mid-detail{width:454px}.question-contain .question-content li .answer-content{height:84px;margin-bottom:24px}.prebox li .left-hand{margin-right:16px}.prebox 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}.prebox li .left-hand .hand-block:hover{color:#fff;background:#f01414}.prebox li .left-hand .hand-block .hand-number{margin-top:8px;color:#93999f;font-size:12px;line-height:12px;display:block}.prebox li .left-hand .hand-block.current{color:#f01414;background:rgba(240,20,20,.1)}.prebox 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}.prebox li .mid-detail .question-title a:hover{color:#f01414}.prebox 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}.prebox li .mid-detail .questiondetail-title a:hover{color:#f01414}.prebox 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}.prebox li .mid-detail .consult-detail{color:#4d555d;font-size:14px;line-height:28px}.highlight{font-style:normal;color:#f01414}.more-question{text-align:center;background:#fff;padding-bottom:24px}.more-question a{font-size:14px;line-height:14px;color:#93999f}.more-question a:hover{color:#f01414}.question-null{background:#fff;margin:0 auto;padding:96px 0;text-align:center;font-size:16px;font-weight:200;color:#93999f;line-height:16px}.pre-banner{background:#f3f5f7}.pre-banner .prebread-crumbs{overflow:hidden;display:block}.pre-banner .prebread-crumbs ul{overflow:hidden;padding:16px 0 36px 0}.pre-banner .prebread-crumbs li{float:left;font-size:12px;margin-right:7px;color:#93999f}.pre-banner .prebread-crumbs li a{font-size:12px;color:#93999f;margin-right:7px}.pre-banner .prebread-crumbs li a:hover{color:#4d555d}.pre-banner .prebread-crumbs h2{padding:12px 0 36px 0;font-size:24px;line-height:24px;color:#07111b;position:relative}.pre-banner .prebread-crumbs .continue-detail{position:absolute;right:382px;top:12px;color:#f01414;font-size:14px;line-height:24px}.pre-banner .prelist-input{margin-bottom:36px;width:872px;float:left;overflow:hidden}.pre-banner .prelist-input .input-block{width:678px}.pre-container{background:#fff;overflow:hidden;min-height:500px}.pre-container .preconlist-content{float:left;width:824px;padding:24px 0 0 0;margin-right:48px}.pre-container .preconlist-content li{padding:24px 0 24px 24px;border-bottom:1px solid #d9dde1;width:824px;overflow:hidden}.pre-container .preconlist-content li .mid-detail{width:750px;margin-right:16px}.preconlist-content-null{width:872px;padding:120px 0;text-align:center;font-size:16px;font-weight:200px;line-height:16px;color:#93999f}.js-load-page{width:872px;float:left;text-align:center;padding:36px 0 0 0}.pt36{padding:36px 0 48px 0}.pt48{padding-bottom:48px}.pt16{padding-top:16px}.pre-content{position:relative}.right-course-aside{width:208px;box-shadow:0 4px 8px rgba(7,17,27,.1);background:#fff;position:fixed;top:130px;right:50%;margin-right:-565px;z-index:100;padding:36px}.right-course-aside h2{font-size:16px;font-weight:700;color:#07111b;line-height:24px;margin-bottom:32px}.right-course-aside .course-aside-info{overflow:hidden}.right-course-aside .course-aside-info li{font-size:14px;padding-bottom:16px;line-height:14px;color:#07111b}.right-course-aside .course-aside-info li .key{font-weight:700}.right-course-aside .course-aside-info li .value{margin-left:12px}.right-course-aside .course-aside-info li .stars{margin-left:12px;font-size:16px;vertical-align:middle;top:0}.right-course-aside .course-aside-info li .stars i{color:#d9dde1;position:relative;top:0}.right-course-aside .course-aside-info li .stars i.on{color:#f90}.right-course-aside .desc{font-size:12px;color:#93999f;line-height:24px;padding-bottom:16px;border-bottom:1px solid #d9dde1}.right-course-aside .price-box{font-size:24px;line-height:24px;font-weight:200;color:#f01414;text-align:center}.right-course-aside .price-box span{padding:24px 0;display:block}.right-course-aside .pre-buy{font-size:16px;color:#fff;line-height:48px;height:48px;text-align:center;width:208px;margin:0 auto}.right-course-aside .pre-buy .buy-btn1{background-color:#f01404;float:left;display:block;width:159px;text-align:center;font-size:16px;color:#fff}.right-course-aside .pre-buy .addcart{float:left;color:#fff;width:48px;position:relative;font-size:16px;background-color:#f01404}.right-course-aside .pre-buy .buy-class-btn{background-color:#f01404;float:left;display:block;width:207px;text-align:center;font-size:16px;color:#fff}.right-course-aside .pre-buy .line{position:absolute;left:0;top:14px;height:20px;width:1px;background-color:rgba(255,255,255,.6)}.w872{width:872px}.comp-loading{padding:96px 0;font-size:16px;color:#787d82;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)}}.moco-prompt-layer span{color:#f01414}.course-class-infos .title-box.pale-color h1,.course-class-infos .title-box.pale-color h2{color:#1c1f21}.course-class-infos.pale-color .statics .static-item{color:rgba(28,31,33,.6)}.course-class-infos.pale-color{background:#fff}.course-class-infos.pale-color .path{color:rgba(28,31,33,.6)}.course-class-infos.pale-color .path a,.course-class-infos.pale-color .path span{color:rgba(28,31,33,.6)}.course-class-infos.pale-color .path a:hover,.course-class-infos.pale-color .path span:hover{color:rgba(28,31,33,.6)}.course-class-infos.pale-color .static-item{color:rgba(28,31,33,.6)}.course-class-infos.pale-color .price-box .original-price{color:rgba(28,31,33,.6)}.course-class-infos.pale-color .extra .share{color:rgba(28,31,33,.6)}.course-class-infos.pale-color .extra .share:hover{color:rgba(28,31,33,.6)}.cart-color{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.red{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.orange{background:linear-gradient(270deg,rgba(255,150,0,.7),#ff9600)}.cart-color.green{background:linear-gradient(270deg,rgba(0,185,90,.7),#00b95a)}.cart-color.cyan{background:linear-gradient(270deg,rgba(0,200,200,.7),#00c8c8)}.cart-color.blue{background:linear-gradient(270deg,rgba(75,150,220,.7),#4b96dc)}.cart-color.purple{background:linear-gradient(270deg,rgba(210,115,230,.7),#d273e6)}.course-card-container{width:224px;height:228px;border-radius:4px;background-color:#fff;position:relative;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);transition:.3s all linear}.course-card-container .course-card-top i{float:left;font-size:16px;color:#fff;line-height:48px;margin-right:8px;display:none}.course-card-container.coding .course-card-top i{display:block}.course-card-container:hover{box-shadow:0 8px 16px 0 rgba(7,17,27,.2)}.course-card-container .course-cart-new{display:none;position:absolute;width:44px;height:24px;z-index:2;right:-5px;top:-4px}.course-card-container.new .course-cart-new{display:block}.course-card-container .course-card-bk{position:absolute;width:224px;height:228px;z-index:0;left:0;top:0;border-radius:4px;overflow:hidden;background-size:contain;background-repeat:no-repeat}.course-card-container .course-card-bk img{border-radius:4px}.course-card-container .course-card{display:block;position:relative;z-index:1;border-radius:4px;overflow:hidden}.course-card-container .course-card-top{height:48px;padding:0 20px;overflow:hidden}.course-card-container .course-card-top span{float:left;font-size:12px;font-weight:700;color:#fff;line-height:48px;margin-right:10px}.course-card-container .course-card-content{height:180px;background-color:#fff;padding:16px 24px;box-sizing:border-box}.course-card-container .course-card-name{font-size:14px;color:#07111b;line-height:24px;max-height:48px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.1px}.course-card-container p{height:48px;text-overflow:ellipsis;word-break:normal;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-card-container .course-card-info,.course-card-container p{font-size:12px;color:#93999f;line-height:24px;margin:8px 0}.course-card-container .course-card-info{float:left;margin:0}.course-card-container .course-card-info span{margin:0 3px 0 4px;font-weight:800}.course-card-container .course-card-info i{font-style:normal}.course-card-container .course-card-bottom{position:absolute;bottom:24px;right:24px;left:24px;height:24px;line-height:24px;font-size:12px;text-align:right}.course-card-container .course-card-learning{position:absolute;width:40px;height:24px;font-size:12px;line-height:24px;color:#fff;background-color:#2b333b;font-weight:200;text-align:center;right:-4px;top:12px;z-index:1;border-top-left-radius:4px;border-bottom-left-radius:4px}.course-card-container .course-card-learning i{font-size:16px;line-height:24px}.course-card-container .course-card-learning:after{position:absolute;content:'';width:0;height:0;overflow:hidden;border-top:4px solid #2b333b;border-right:4px solid transparent;right:0;bottom:-4px}.course-card-container .course-card-price{float:right;color:#f01414;font-weight:200}.path-card-container{width:224px;height:228px;position:relative}.path-card-container>a{display:block;width:224px;height:228px;padding:24px;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:4px}.path-card-container .path-cart-tit1{height:22px;line-height:20px;margin-bottom:12px}.path-card-container .path-cart-tit1 span{float:left;color:rgba(255,255,255,.6)}.path-card-container .path-cart-tit1 i{float:left;margin-right:10px;color:#fff;font-size:20px}.path-card-container .path-cart-tit2{color:rgba(255,255,255,.6);height:14px;line-height:14px;text-align:left;margin-bottom:10px}.path-card-container .path-cart-tit3{font-size:20px;font-weight:700;line-height:24px;color:#fff}.path-card-container .path-cart-more{margin-top:36px;color:#fff}.path-card-container .path-cart-more i,.path-card-container .path-cart-more span{float:left;margin-right:8px;line-height:14px;font-size:12px}input::-webkit-search-cancel-button{display:none}input::-ms-clear,input::-ms-reveal{display:none}.infolayout{overflow:hidden}.transition{transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}@media (min-width:1600px){#header .new-header{width:1200px;max-width:1200px}}.course-infos-top{width:100%;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.course-infos-top.black .path a,.course-infos-top.black .path i,.course-infos-top.black .path span{color:rgba(28,31,33,.6)!important}.course-infos-top.black .path a:hover{color:#000!important}.course-infos-top.black .path a:hover i{color:#000!important}.course-infos-top.black .title-box h1,.course-infos-top.black .title-box h2{color:#000!important;text-shadow:none!important}.course-infos-top.black .extra .course-collect i,.course-infos-top.black .extra .course-collect span{color:rgba(28,31,33,.4)!important}.course-infos-top.black .extra .course-collect i:hover,.course-infos-top.black .extra .course-collect span:hover{color:#000!important}.course-infos-top.black .extra .share{color:rgba(28,31,33,.4)!important}.course-infos-top.black .extra .share:hover{color:#000!important}.course-infos-top .info-wrap{width:1152px;margin:0 auto;padding-top:72px;padding-bottom:136px;position:relative}.course-infos-top .info-wrap .path{position:absolute;top:16px;font-size:12px;line-height:24px}.course-infos-top .info-wrap .path .split{color:rgba(255,255,255,.6);padding:0 4px;font-style:normal}.course-infos-top .info-wrap .path span{color:rgba(255,255,255,.6)}.course-infos-top .info-wrap .path a{color:rgba(255,255,255,.6);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-infos-top .info-wrap .path a i{font-size:20px;color:rgba(255,255,255,.6);line-height:24px;position:relative;top:4px}.course-infos-top .info-wrap .path a:hover{color:#fff}.course-infos-top .info-wrap .extra{position:absolute;right:0;top:12px;height:24px;padding:6px 12px;box-sizing:border-box;border-radius:24px;background:rgba(246,249,250,.2);color:rgba(255,255,255,.6);font-size:12px;display:flex;align-items:center}.course-infos-top .info-wrap .extra .course-collect{cursor:pointer;margin-right:19px}.course-infos-top .info-wrap .extra .course-collect i{display:inline-block;margin-right:4px;font-size:16px;vertical-align:middle;margin-top:-3px}.course-infos-top .info-wrap .extra .course-collect:hover i{color:#fff}.course-infos-top .info-wrap .extra .share-action{padding-left:8px;cursor:pointer}.course-infos-top .info-wrap .extra .share-action.bg{padding-left:2px;position:relative}.course-infos-top .info-wrap .extra .share-action .shareto::before{content:'';position:absolute;left:-8px;top:4px;height:12px;width:2px;background:rgba(255,255,255,.6)}.course-infos-top .info-wrap .extra .share-action .share-money{background-color:#f76b1c;background-image:linear-gradient(270deg,#c11782 0,#f76b1c 100%);border-radius:16px 16px 16px 0;font-size:12px;color:#fff;letter-spacing:0;text-align:center;line-height:32px;padding:0 12px;display:none}.course-infos-top .info-wrap .extra .share-action .share{float:none;padding:0;margin:0 0 0 8px;background-image:none;background-repeat:no-repeat;color:rgba(255,255,255,.8);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-infos-top .info-wrap .extra .share-action a.share:hover{color:#fff;opacity:1}.course-infos-top .info-wrap .title-box{width:1000px;margin:0 auto}.course-infos-top .info-wrap .title-box .icon-682{position:absolute;top:-31px;left:-50px;width:176px;height:36px;background-image:url(../image/icon-682.png);background-repeat:no-repeat;background-size:cover;background-position:center}.course-infos-top .info-wrap .title-box h1{text-align:center;font-size:40px;color:#fff;line-height:48px;text-shadow:0 2px 4px rgba(28,31,33,.6)}.course-infos-top .info-wrap .title-box h2{text-align:center;font-size:16px;color:#fff;line-height:24px;text-shadow:0 2px 4px rgba(28,31,33,.6);margin-top:8px}.course-infos-top .fixed-wrap{width:1152px;min-height:128px;position:absolute;left:50%;margin-left:-576px;bottom:-64px;background-image:url(../image/fixed_bg.png);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:18px;box-shadow:0 8px 16px 0 rgba(28,31,33,.1)}.course-infos-top .fixed-wrap.bigactivity{height:158px;bottom:-64px;padding-top:36px;box-sizing:border-box;box-shadow:0 16px 16px 0 rgba(28,31,33,.1)}.course-infos-top .fixed-wrap.bigactivity .timeout-bigactivity{position:absolute;height:20px;right:126px;top:6px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.course-infos-top .fixed-wrap.bigactivity .timeout-bigactivity .desc{font-size:14px;color:#fff;line-height:20px;font-weight:700;white-space:nowrap;margin-right:7px}.course-infos-top .fixed-wrap.bigactivity .timeout-bigactivity .time-box{background:#fff;border-radius:4px;font-size:12px;color:#008a00;text-align:center;line-height:20px;width:24px;box-sizing:border-box;position:relative;white-space:nowrap}.course-infos-top .fixed-wrap.bigactivity .timeout-bigactivity .time-box.day{width:26px}.course-infos-top .fixed-wrap.bigactivity .timeout-bigactivity .time-box:not(:last-child){margin-right:6px}.course-infos-top .fixed-wrap.bigactivity .timeout-bigactivity .time-box:not(:last-child)::after{content:":";color:#fff;font-size:12px;line-height:20px;position:absolute;right:-5px;top:0}.course-infos-top .fixed-wrap.bigactivity .con .time-price{margin-bottom:12px}.course-infos-top .fixed-wrap.bigactivity .con .can-huabei{background-image:none!important;background:#ff7224}.course-infos-top .fixed-wrap.bigactivity .con .info-bar span{color:#ca5b1b}.course-infos-top .fixed-wrap.bigactivity .con .info-bar i{color:#ca5b1b}.course-infos-top .fixed-wrap.bigactivity .con .no-discount .ori-price{margin-left:0}.course-infos-top .fixed-wrap.bigactivity .con .btns{bottom:40px;right:64px;left:auto;top:auto}.course-infos-top .fixed-wrap.bigactivity .con .btns .btn-box{width:140px;height:48px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end}.course-infos-top .fixed-wrap.bigactivity .con .btns .btn-box .btn-buy{width:140px;height:48px;text-align:center;line-height:48px;background:#f24e4b;border-radius:24px;font-size:16px;color:#fff;font-weight:700;cursor:pointer;position:relative;display:inline-block}.course-infos-top .fixed-wrap.bigactivity .con .btns .btn-box .btn-buy .coupon-text{position:absolute;top:-12px;right:0;padding:2px 8px;box-sizing:border-box;white-space:nowrap;background:#ffde7e;border-radius:12px 12px 12px 0;border:1px solid #fff;font-size:12px;color:#f20d0d;letter-spacing:0;line-height:18px;font-weight:500}.course-infos-top .fixed-wrap .btn-buy{width:140px;height:48px;text-align:center;line-height:48px;background:#f24e4b;border-radius:24px;font-size:16px;color:#fff;font-weight:700;cursor:pointer;position:relative;display:inline-block}.course-infos-top .fixed-wrap .coupon-text{position:absolute;top:-12px;right:0;padding:2px 8px;box-sizing:border-box;white-space:nowrap;background:#ffde7e;border-radius:12px 12px 12px 0;border:1px solid #fff;font-size:12px;color:#f20d0d;letter-spacing:0;line-height:18px;font-weight:500}.course-infos-top .fixed-wrap .con{position:relative;width:100%;height:128px;padding:32px 40px;box-sizing:border-box}.course-infos-top .fixed-wrap .con .icon{position:absolute;left:0;top:0;width:48px;height:48px;background-image:url(../image/renew.png);background-repeat:no-repeat;background-size:cover;background-position:center}.course-infos-top .fixed-wrap .con .timer{font-size:14px;color:#545c63;letter-spacing:0;text-align:left;line-height:22px;font-weight:700}.course-infos-top .fixed-wrap .con .timer i{font-style:normal}.course-infos-top .fixed-wrap .con .timer i.first{visibility:hidden}.course-infos-top .fixed-wrap .con .timer i,.course-infos-top .fixed-wrap .con .timer span{color:#f01414}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price{font-size:32px;color:#f01414;line-height:32px;font-weight:700;margin-left:8px}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price sub{font-size:24px}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price .commonPrice{position:absolute;top:-29px;left:0;box-sizing:border-box;font-family:PingFangSC-Semibold;font-size:16px;font-weight:600;padding-left:32px}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price .dis_txt{display:inline-block;width:24px;font-size:12px;color:#f01414;line-height:16px;font-weight:600;word-break:break-all}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price .price590{color:#fe3205}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price .price590::before{position:absolute;top:0;left:3px;content:" ";width:24px;height:24px;background:url(../image/icon590.png);background-size:cover;background-position:center}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price .price624{color:#fe3205}.course-infos-top .fixed-wrap .con .time-price .discount .sale-price .price624::before{position:absolute;top:0;left:3px;content:" ";width:24px;height:24px;background:url(../image/icon590.png);background-size:cover;background-position:center}.course-infos-top .fixed-wrap .con .time-price .discount .ori-price{font-size:14px;color:#93999f;font-weight:700;line-height:32px;margin-left:8px;margin-right:2px;text-decoration:line-through}.course-infos-top .fixed-wrap .con .time-price .discount .sale-timer{padding:6px 12px;background-color:#f90\9\0;background-image:linear-gradient(90deg,rgba(255,0,105,.99) 0,#ff7a00 99%);border-radius:16px}.course-infos-top .fixed-wrap .con .time-price .discount .sale-timer .name{font-size:14px;font-weight:700;color:#fff;line-height:20px}.course-infos-top .fixed-wrap .con .time-price .discount .sale-timer div{color:#fff;font-size:14px;line-height:20px;margin-left:8px}.course-infos-top .fixed-wrap .con .time-price .discount .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}.course-infos-top .fixed-wrap .con .time-price .discount .sale-timer i{color:#fff;font-style:normal;padding:0 1px}.course-infos-top .fixed-wrap .con .time-price .no-discount{position:relative}.course-infos-top .fixed-wrap .con .time-price .no-discount .commonPrice{position:absolute;top:-26px;left:9px;box-sizing:border-box;font-family:PingFangSC-Semibold;font-size:16px;font-weight:600;padding-left:32px}.course-infos-top .fixed-wrap .con .time-price .no-discount .price585{color:#16954d}.course-infos-top .fixed-wrap .con .time-price .no-discount .price585::before{position:absolute;top:0;left:3px;content:" ";width:24px;height:24px;background:url(../image/icon585.png);background-size:cover;background-position:center}.course-infos-top .fixed-wrap .con .time-price .no-discount .price590{color:#fe3205}.course-infos-top .fixed-wrap .con .time-price .no-discount .price590::before{position:absolute;top:0;left:3px;content:" ";width:24px;height:24px;background:url(../image/icon590.png);background-size:cover;background-position:center}.course-infos-top .fixed-wrap .con .time-price .no-discount .price624{color:#fe3205}.course-infos-top .fixed-wrap .con .time-price .no-discount .price624::before{position:absolute;top:0;left:3px;content:" ";width:24px;height:24px;background:url(../image/icon590.png);background-size:cover;background-position:center}.course-infos-top .fixed-wrap .con .time-price .no-discount .ori-price{font-size:32px;color:#f01414;line-height:32px;font-weight:700}.course-infos-top .fixed-wrap .con .time-price .can-huabei{margin-top:4px;margin-left:12px;line-height:12px;padding:6px 10px;background-color:#6c61d3\9\0;background-image:linear-gradient(90deg,#6c61d3 0,#53a0fd 100%);border-radius:12px}.course-infos-top .fixed-wrap .con .time-price .can-huabei a{font-size:12px;color:#fff}.course-infos-top .fixed-wrap .con .time-price .can-baitiao{margin-top:4px;margin-left:16px;line-height:12px;padding:6px 10px;background-image:linear-gradient(90deg,#ff323f 0,#f76469 100%);border-radius:12px}.course-infos-top .fixed-wrap .con .time-price .can-baitiao a{font-size:12px;color:#fff}.course-infos-top .fixed-wrap .con .time-price .coupon-wrap{position:relative}.course-infos-top .fixed-wrap .con .time-price .coupon-list{margin-top:-10px;margin-left:16px;width:470px;height:24px;position:absolute;cursor:pointer;padding:14px 17px 5px 17px;overflow:hidden}.course-infos-top .fixed-wrap .con .time-price .coupon-list.small .l-couponbox{width:280px!important}.course-infos-top .fixed-wrap .con .time-price .coupon-list .coupon-box-main{width:100%}.course-infos-top .fixed-wrap .con .time-price .coupon-list .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}.course-infos-top .fixed-wrap .con .time-price .coupon-list .coupon-box-main .l-couponbox,.course-infos-top .fixed-wrap .con .time-price .coupon-list .coupon-box-main .r-coupon-box{float:left}.course-infos-top .fixed-wrap .con .time-price .coupon-list .coupon-box-main .l-couponbox{width:420px}.course-infos-top .fixed-wrap .con .time-price .coupon-list .coupon-box-main .r-coupon-box i,.course-infos-top .fixed-wrap .con .time-price .coupon-list .coupon-box-main .r-coupon-box p{display:inline-block;font-size:14px;color:#f20d0d;font-weight:600}.course-infos-top .fixed-wrap .con .time-price .coupon-list a,.course-infos-top .fixed-wrap .con .time-price .coupon-list span{width:132px;height:24px;background-image:url(../image/coupon_20210618_success.png);background-size:cover;font-size:12px;color:#f20d0d;line-height:24px;font-weight:600;display:inline-block;text-align:center;cursor:pointer;margin-bottom:12px;margin-right:4px}.course-infos-top .fixed-wrap .con .time-price .coupon-list a::after,.course-infos-top .fixed-wrap .con .time-price .coupon-list span::after{content:" | 领劵"}.course-infos-top .fixed-wrap .con .time-price .coupon-list a.success,.course-infos-top .fixed-wrap .con .time-price .coupon-list span.success{color:#ce0b0b;background-image:url(../image/coupon_20210618_success.png);background-size:100% 100%}.course-infos-top .fixed-wrap .con .time-price .coupon-list a.success::after,.course-infos-top .fixed-wrap .con .time-price .coupon-list span.success::after{content:" | 已领"}.course-infos-top .fixed-wrap .con .time-price .coupon-list a:hover,.course-infos-top .fixed-wrap .con .time-price .coupon-list span:hover{background-image:url(../image/coupon_20210618_success.png);background-size:cover}.course-infos-top .fixed-wrap .con .time-price .nohover{border:0!important;width:260px!important;height:24px!important;background:0 0!important}.course-infos-top .fixed-wrap .con .time-price .coupon-list:hover{height:auto;width:470px;background:#fff;border:1px solid #ffe4dc;border-radius:4px;z-index:9}.course-infos-top .fixed-wrap .con .time-price .coupon-list:hover .l-couponbox{width:420px!important}.course-infos-top .fixed-wrap .con .time-price .coupon-list:hover .icon-upordown{transform:rotate(180deg)}.course-infos-top .fixed-wrap .con .time-price .has-coupon{margin-top:3px;margin-left:12px;line-height:12px;padding:6px 10px;background-color:#f90\9\0;background-image:linear-gradient(-90deg,#ffad00 0,#ff5900 94%);border-radius:12px}.course-infos-top .fixed-wrap .con .time-price .has-coupon a{font-size:12px;color:#fff}.course-infos-top .fixed-wrap .con .time-price .moneyoff-info{margin-top:3px;margin-left:12px;font-size:12px;line-height:12px;padding:5px 10px;border-radius:12px;color:#f53d3d;border:1px solid rgba(245,61,61,.6);position:relative}.course-infos-top .fixed-wrap .con .time-price .icon-num{line-height:20px;padding:6px 12px;border-radius:100px;color:#fff;background-image:linear-gradient(90deg,rgba(255,0,105,.99) 0,#ff7a00 99%);vertical-align:super}.course-infos-top .fixed-wrap .con .time-price .discount-price{font-size:32px;color:#f01414;line-height:1;font-weight:600;margin-left:16px}.course-infos-top .fixed-wrap .con .time-price .ori-price{margin-left:8px;color:#93999f;vertical-align:super}.course-infos-top .fixed-wrap .con .time-price .avatars{display:flex;align-items:center}.course-infos-top .fixed-wrap .con .time-price .avatars li{width:32px;height:32px;padding:1px;border-radius:100px}.course-infos-top .fixed-wrap .con .time-price .avatars li.have{background-image:linear-gradient(#ff046b 0,#ff7e08 99%)}.course-infos-top .fixed-wrap .con .time-price .avatars li+li{margin-left:16px}.course-infos-top .fixed-wrap .con .time-price .avatars li img{width:100%;height:100%;border-radius:100px}.course-infos-top .fixed-wrap .con .time-price .friend{margin-left:24px;color:#545c63}.course-infos-top .fixed-wrap .con .time-price .friend .imv2-group{margin-right:4px}.course-infos-top .fixed-wrap .con .time-price .friend i{color:#f01414;font-style:normal}.course-infos-top .fixed-wrap .con .time-price .countdown{margin-left:24px;color:#545c63}.course-infos-top .fixed-wrap .con .time-price .countdown span{display:inline-block;color:#fff;width:24px;line-height:20px;font-size:12px;text-align:center;background-image:linear-gradient(90deg,rgba(255,0,105,.99) 0,#ff7a00 99%);border-radius:4px}.course-infos-top .fixed-wrap .con .time-price .countdown .red{margin:0 2px;font-style:normal;color:#f01414}.course-infos-top .fixed-wrap .con .time-price .success{color:#f01414;font-size:16px}.course-infos-top .fixed-wrap .con .info-bar{margin-top:12px;position:absolute;bottom:32px}.course-infos-top .fixed-wrap .con .info-bar span{font-size:12px;color:#545c63;line-height:24px;font-weight:700;padding-right:8px}.course-infos-top .fixed-wrap .con .info-bar span.nodistance{padding-right:0;font-weight:400}.course-infos-top .fixed-wrap .con .info-bar span.last{padding-right:8px!important}.course-infos-top .fixed-wrap .con .info-bar i{font-size:16px;color:#545c63;line-height:16px;padding:0 4px;vertical-align:middle}.course-infos-top .fixed-wrap .con .info-bar .adjust{background:#e2eaf1;border-radius:12px;font-size:12px;color:#383d42;line-height:16px;padding:4px 10px;font-weight:400}.course-infos-top .fixed-wrap .con .info-bar .adjust.nextLine{float:left;margin-top:12px}.course-infos-top .fixed-wrap .con .btns{position:absolute;top:40px;right:40px;font-size:0}.course-infos-top .fixed-wrap .con .btns a{display:inline-block}.course-infos-top .fixed-wrap .con .btns .btn-buy{width:120px;height:48px;background:#f20d0d;border-radius:24px;text-align:center;font-size:16px;color:#fff;line-height:48px;font-weight:700;position:relative}.course-infos-top .fixed-wrap .con .btns .double-btn .btn-buy{margin-left:15px;border-radius:24px 0 0 24px;background:rgba(240,20,20,.1);color:#f20d0d}.course-infos-top .fixed-wrap .con .btns .double-btn .btn-buy:last-child{border-radius:0 24px 24px 0;background:#f01414;color:#fff;margin-left:0}.course-infos-top .fixed-wrap .con .btns .disable-btn{background:#fff;box-shadow:0 0 0 2px rgba(28,31,33,.1);border-radius:24px;font-weight:700;padding:12px 34px;font-size:16px;color:#d3d6d9;letter-spacing:0;line-height:24px;cursor:default}.course-infos-top .fixed-wrap .con .btns .pink-btn{background:rgba(240,20,20,.1);border-radius:24px;font-size:16px;color:#f20d0d;letter-spacing:0;line-height:24px;font-weight:700;padding:12px 34px;margin-left:18px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-infos-top .fixed-wrap .con .btns .pink-btn:hover{background-color:#f20d0d;color:#fff}.course-infos-top .fixed-wrap .con .btns.spell-group{display:flex;align-items:center;border-radius:100px;overflow:hidden}.course-infos-top .fixed-wrap .con .btns.spell-group .red-group-btn,.course-infos-top .fixed-wrap .con .btns.spell-group .yellow-group-btn{color:#fff;font-size:16px;line-height:24px;padding:12px 24px;font-weight:600}.course-infos-top .fixed-wrap .con .btns.spell-group .red-group-btn+.red-group-btn,.course-infos-top .fixed-wrap .con .btns.spell-group .red-group-btn+.yellow-group-btn,.course-infos-top .fixed-wrap .con .btns.spell-group .yellow-group-btn+.red-group-btn,.course-infos-top .fixed-wrap .con .btns.spell-group .yellow-group-btn+.yellow-group-btn{margin-left:1px}.course-infos-top .fixed-wrap .con .btns.spell-group .yellow-group-btn{background-color:#f58e3e}.course-infos-top .fixed-wrap .con .btns.spell-group .red-group-btn{background-color:#f01414}.course-infos-top .fixed-wrap .con .group-qrcode{display:none;position:absolute;top:110px;right:40px;font-size:12px;border-radius:4px;padding:20px;background-color:#fff;box-shadow:0 -8px 16px 0 rgba(7,17,27,.2);text-align:center;z-index:1}.course-infos-top .fixed-wrap .con .group-qrcode p{margin-bottom:20px}.course-infos-top .for-common{width:100%;padding:0;box-sizing:border-box;margin-left:0;left:0;bottom:-88px;background-image:none;border-radius:0;box-shadow:0 16px 32px 0 rgba(28,31,33,.06)}.course-infos-top .for-common .con{width:1152px;margin:0 auto}.course-infos-top .for-common .con .time-price{margin-top:11px!important}.course-infos-top .for-common .con .btns{top:20px}.course-infos-top .for585{height:88px;min-height:88px;background-color:#eafff7}.course-infos-top .for590{height:90px;min-height:90px;background-color:#ffeeea}.course-infos-top .for603{height:90px;min-height:90px;background:#ffeeea}.course-infos-top .for624{height:90px;min-height:90px;background:#edf7ff}.js-addcart{position:relative}.go-list{margin-left:960px}.go-list a{color:red}.saleicon{position:absolute;right:0;top:-14px;width:88px;height:32px;background-image:url(../image/getcouponbg@2x.png);background-repeat:no-repeat;background-position:center center;background-size:cover;text-align:center;font-size:12px;color:#fff;font-weight:200}.saleicon .saletxt{font-style:normal;width:88px;display:inline-block;text-align:center;line-height:24px;position:absolute;top:-2px;left:0}.course-fixed-nav{width:100%;height:64px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.1);position:fixed;top:0;left:0;z-index:100;text-align:center}.course-fixed-nav .nav-wrap{width:1290px;margin:0 auto;display:flex;align-items:center;justify-content:space-evenly}.course-fixed-nav.activity-nav{background:url(../image/db11-act-bg1.png) no-repeat;background-size:auto 100%;background-position:center}.course-fixed-nav.activity-nav .fixed-course-name{color:#fff}.course-fixed-nav.activity-nav .fixed-nav-item a,.course-fixed-nav.activity-nav .fixed-nav-item span{color:#fff!important}.course-fixed-nav.activity-nav .fixed-nav-item.active a,.course-fixed-nav.activity-nav .fixed-nav-item:hover a{color:#ffe7a5!important}.course-fixed-nav.activity-nav .fixed-nav-item.active .borderLine,.course-fixed-nav.activity-nav .fixed-nav-item:hover .borderLine{background:#ffe7a5!important}.course-fixed-nav.activity-nav .fixed-red,.course-fixed-nav.activity-nav .fixed-red:hover{background:#fff;color:#f20d0d}.course-fixed-nav .fixed-course-name{color:#1c1f21;font-size:16px;font-weight:700;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-fixed-nav .fixed-nav{display:inline-block;position:relative;padding:0 24px;z-index:1}.course-fixed-nav .fixed-red{background:#f20d0d;border-radius:18px;padding:8px 24px;font-size:14px;color:#fff;line-height:20px;font-weight:700;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-fixed-nav .fixed-red:hover{background-color:#f04646}.course-fixed-nav .fixed-dis{background:#fff;box-shadow:0 0 0 2px rgba(28,31,33,.1);border-radius:18px;padding:8px 24px;font-size:14px;color:#d3d6d9;line-height:20px;font-weight:700;cursor:default;margin-top:14px}.course-fixed-nav .buy-con{z-index:2}.course-fixed-nav .buy-con .btns-buy{line-height:35px}.course-fixed-nav .buy-con .btns-buy .addcart{background:rgba(240,20,20,.1);color:#f20d0d;border-radius:18px;padding:8px 24px;font-size:14px;line-height:20px;font-weight:700;margin-left:8px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-fixed-nav .buy-con .btns-buy.spell-group{display:flex;align-items:center;border-radius:100px;overflow:hidden;margin:14px 0}.course-fixed-nav .buy-con .btns-buy.spell-group .red-group-btn,.course-fixed-nav .buy-con .btns-buy.spell-group .yellow-group-btn{color:#fff;font-size:14px;line-height:20px;padding:8px 20px;font-weight:600}.course-fixed-nav .buy-con .btns-buy.spell-group .red-group-btn+.red-group-btn,.course-fixed-nav .buy-con .btns-buy.spell-group .red-group-btn+.yellow-group-btn,.course-fixed-nav .buy-con .btns-buy.spell-group .yellow-group-btn+.red-group-btn,.course-fixed-nav .buy-con .btns-buy.spell-group .yellow-group-btn+.yellow-group-btn{margin-left:1px}.course-fixed-nav .buy-con .btns-buy.spell-group .yellow-group-btn{background-color:#f58e3e}.course-fixed-nav .buy-con .btns-buy.spell-group .red-group-btn{background-color:#f01414}.course-fixed-nav .buy-con .ori-price{position:relative;font-size:16px;line-height:64px;color:#f01414;font-weight:700;margin-right:12px;z-index:2}.course-fixed-nav .buy-con .discount-act{margin-right:12px}.course-fixed-nav .buy-con .discount-act .act-price{margin-top:1px;font-weight:700;font-size:16px;color:#f20d0d;letter-spacing:0;text-align:right;line-height:16px}.course-fixed-nav .buy-con .discount-act .act-time{margin-top:4px;font-size:12px;color:#9199a1;letter-spacing:0;text-align:right;line-height:12px}.course-fixed-nav .buy-con .discount-act .act-time .time{font-size:12px;color:#9199a1;letter-spacing:0;text-align:right;line-height:12px}.course-fixed-nav .buy-con .discount-act .act-time .time i{font-style:normal}.course-fixed-nav .buy-con .discount-act .act-time .time i.first{visibility:hidden}.course-fixed-nav .buy-con .discount-act .act-time .ori-price{font-size:12px;color:#9199a1;line-height:12px;margin-left:12px;margin-right:0;text-decoration:line-through}.course-fixed-nav .fixed-nav-item{float:left;position:relative;height:64px}.course-fixed-nav .fixed-nav-item:not(:first-child){margin-left:30px}.course-fixed-nav .fixed-nav-item.active a{color:#f20d0d}.course-fixed-nav .fixed-nav-item.active .borderLine{display:block}.course-fixed-nav .fixed-nav-item:hover a{color:#f20d0d}.course-fixed-nav .fixed-nav-item:hover .borderLine{display:block}.course-fixed-nav .fixed-nav-item a{color:#545c63;font-size:16px;font-weight:200;line-height:64px}.course-fixed-nav .fixed-nav-item span{position:relative;top:-6px;font-size:12px;font-weight:400!important;color:#b7bbbf!important;line-height:52px}.course-fixed-nav .fixed-nav-item .borderLine{display:none;position:absolute;width:16px;height:2px;top:52px;left:50%;margin-left:-8px;background:#f20d0d}.course-fixed-nav .fixed-nav-item .sub-tag,.course-fixed-nav .fixed-nav-item .try-mark{position:absolute;top:12px;right:-30px;width:30px;height:18px}.evaluation-right-item{margin-top:0!important}.course-infos-t{padding-top:64px;overflow:hidden}.course-infos-t.graybg{background:#f3f5f7!important}.course-infos-t .comp-tab-t{padding:28px 0 32px 0;text-align:center}.course-infos-t .comp-tab-t ul{display:inline-block}.course-infos-t .comp-tab-item{height:40px;position:relative;font-size:16px;line-height:27px;float:left;margin-left:60px}.course-infos-t .comp-tab-item.active a{color:#f20d0d}.course-infos-t .comp-tab-item.active .borderLine{display:block}.course-infos-t .comp-tab-item:hover a{color:#f20d0d}.course-infos-t .comp-tab-item:hover .borderLine{display:block}.course-infos-t .comp-tab-item a{font-weight:700;font-size:16px;line-height:40px;color:#545c63;vertical-align:text-bottom}.course-infos-t .comp-tab-item span{position:absolute;top:0;left:67px;font-size:12px;color:#93999f}.course-infos-t .comp-tab-item .borderLine{display:none;position:absolute;width:16px;height:2px;top:40px;left:50%;margin-left:-8px;background:#f20d0d}.course-infos-t .comp-tab-item .sub-tag,.course-infos-t .comp-tab-item .try-mark{position:absolute;top:0;right:-30px;width:30px;height:18px}.course-infos-t .comp-tab-item-first{margin-left:0}.course-infos-t .b{border:1px red solid;box-sizing:border-box}.course-infos-t .info-video{position:relative;width:1152px;height:240px;margin:0 auto 60px auto;border-radius:10px}.course-infos-t .info-video .mark{width:27px;height:22px;position:absolute;top:47px;left:249px;background-image:url(../image/top-mark.png);background-size:cover}.course-infos-t .info-video .bottom-mark{top:179px;left:1074px;background-image:url(../image/bottom-mark.png);background-size:cover}.course-infos-t .info-video .doshed{width:1px;height:201px;position:absolute;left:234px;top:17px;background-image:url(../image/doshed.png);background-size:cover}.course-infos-t .video-dark-box{width:862px;height:312px;box-sizing:border-box}.course-infos-t .video-dark-box .videoBtn{width:96px;margin:96px 100px 86px 100px}.course-infos-t .video-dark-box .videoBtn p{font-size:16px;color:#fff;line-height:24px;text-align:center;margin-top:8px}@keyframes mymove{0%{opacity:.3}50%{opacity:.8}100%{opacity:.3}}.course-infos-t .video-dark-box .videoBtn .sz-play{font-size:96px;color:#fff;opacity:.3;animation:mymove 2s infinite;-moz-animation:mymove 2s infinite;-webkit-animation:mymove 2s infinite;-o-animation:mymove 2s infinite}.course-infos-t .video-dark-box .videoBtn .sz-play:hover{color:#fff;opacity:1;cursor:pointer}.course-infos-t .video-dark-box #videoInfo{width:564px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.course-infos-t .video-dark-box #videoInfo #content{position:relative;padding-right:95px;display:table}.course-infos-t .video-dark-box #videoInfo #content .con{display:table-cell;vertical-align:middle}.course-infos-t .video-dark-box #videoInfo #content .info-name{font-weight:700;font-size:24px;color:#fff;line-height:36px;margin-bottom:16px}.course-infos-t .video-dark-box #videoInfo #content .info-desc{font-size:14px;color:#fff;line-height:28px}.course-infos-t .video-dark-box #videoInfo #content .line{position:absolute;top:0;right:3px;width:2px;height:100%;background:rgba(255,255,255,.4)}.course-infos-t .video-dark-box #videoInfo .scrollDiv{width:8px;position:absolute;background:#fff;top:0;border-radius:8px;cursor:pointer}.course-infos-t .dec-box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;line-height:240px;position:absolute;left:307px;width:740px;height:100%;align-items:center;font-family:PingFangSC-Regular;font-size:16px;color:#fff;letter-spacing:0;text-align:justify;line-height:28px}.course-infos-t .charts-box{width:280px;height:24px;position:absolute;top:179px;left:307px;cursor:pointer}.course-infos-t .charts-box .charts-left{float:left;width:80px;height:24px;background-image:url(../image/charts-box.png);background-size:cover;border-radius:4px 0 0 4px}.course-infos-t .charts-box .charts-right{float:left;width:200px;height:24px;background-image:linear-gradient(180deg,#fffbeb 0,#ffe9e9 100%);border-radius:0 4px 4px 0;font-family:PingFangSC-Medium;font-size:12px;color:#ff5a37;text-align:center;line-height:24px}.course-infos-t .charts-box .charts-right i{display:inline-block;margin-left:4px}.course-infos-t .charts-box .charts-right1{width:auto;padding:0 12px 0 16px}.course-infos-t .teacher-right-box{width:147px;height:142px;position:absolute;top:51px;left:48px}.course-infos-t .teacher-right-box .teacher{width:147px;height:142px;margin:0 auto;text-align:center}.course-infos-t .teacher-right-box .teacher .headPortrait{position:relative;width:144px;height:93px;margin:0 auto;margin-bottom:10px;background-image:url(../image/header-box.png)}.course-infos-t .teacher-right-box .teacher .headPortrait img{width:88px;height:88px;border-radius:50%;margin:2px auto 0;background-size:cover}.course-infos-t .teacher-right-box .teacher .t-name{width:40px;height:20px;background:#3c54f3;border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 4px 0 rgba(35,175,255,.5);border-radius:10px;position:absolute;top:77px;left:51px;font-family:PingFangSC-Medium;font-size:12px;color:#ffed00;letter-spacing:0;text-align:center;text-shadow:0 2px 4px rgba(35,175,255,.5);line-height:20px}@keyframes mymove{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}.course-infos-t .teacher-right-box .teacher .headPortrait-annimate{color:#fff;opacity:.6;animation:mymove 2.5s infinite;-moz-animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;-o-animation:mymove 2.5s infinite}.course-infos-t .teacher-right-box .teacher .headPortrait:hover{color:#fff;opacity:1!important;cursor:pointer}.course-infos-t .teacher-right-box .teacher .nickname{font-family:PingFangSC-Medium;font-size:12px;color:#ffed00;letter-spacing:0;text-align:center}.course-infos-t .teacher-right-box .teacher p{font-family:PingFangSC-Medium;font-size:12px;color:#fff;letter-spacing:0;text-align:center;margin-top:3px}.course-infos-t .teacher-right-box .jiao{position:absolute;top:45px;left:155px;height:0;width:0;border-top:20px solid transparent;border-right:25px solid #fff;border-bottom:20px solid transparent}.course-infos-t .detail-white-box{width:872px;height:175px;overflow:auto;position:absolute;top:20px;left:225px;background-color:#fff;border-radius:10px;padding:23px 25px 0 25px}.course-infos-t .detail-white-box .scrollConTeacher{padding-right:20px;box-sizing:border-box}.course-infos-t .detail-white-box .detailContent{margin-bottom:20px}.course-infos-t .detail-white-box .detailContent .nickname{font-weight:700;font-size:32px;color:#f20d0d;line-height:48px}.course-infos-t .detail-white-box .detailContent .jobType{font-weight:700;font-size:20px;color:#07111b;line-height:30px;margin-bottom:24px}.course-infos-t .detail-white-box .detailContent .introduce p{font-size:16px;color:#07111b;line-height:22px}.course-infos-t .detail-white-box .division{margin:24px 0;box-sizing:border-box}.course-infos-t .detail-white-box .division h3{font-weight:700;font-size:14px;color:#07111b;line-height:22px;margin-right:12px;background:#fff;position:relative}.course-infos-t .detail-white-box .recommend{margin-bottom:20px}.course-infos-t .detail-white-box .recommend .item{margin:0}.course-infos-t .detail-white-box .recommend .item img{width:126.4px;height:84px;border-radius:8px}.course-infos-t .detail-white-box .recommend .item .textCon{width:207.6px;height:84px;margin-left:143px;position:relative}.course-infos-t .detail-white-box .recommend .item .textCon .className{font-weight:700;word-break:break-all;font-size:14px;color:#2b333b;line-height:20px;margin-bottom:2px;height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-infos-t .detail-white-box .recommend .item .textCon .typeNumCon{margin-bottom:4px}.course-infos-t .detail-white-box .recommend .item .textCon .typeNumCon .type{font-size:12px;color:#93999f;line-height:18px;padding-right:12px}.course-infos-t .detail-white-box .recommend .item .textCon .typeNumCon .difficulty{font-size:12px;color:#93999f;line-height:18px;padding-right:12px}.course-infos-t .detail-white-box .recommend .item .textCon .typeNumCon .peopleNum{font-size:12px;color:#4d555d;line-height:18px;vertical-align:middle}.course-infos-t .detail-white-box .recommend .item .textCon .priceDiscount{position:absolute;bottom:0}.course-infos-t .detail-white-box .recommend .item .textCon .priceDiscount .price{font-weight:700;font-size:12px;color:#4d555d;line-height:20px;margin-right:8px}.course-infos-t .detail-white-box .recommend .item .textCon .priceDiscount .discount{font-size:12px;color:#fff;line-height:20px;background:#f67272;margin-right:4px;padding:0 2px}.course-infos-t .detail-white-box .recommend .item .textCon .priceDiscount .time{font-size:12px;color:#fff;line-height:20px;background:#f67272;padding:0 3px}.course-infos-t .detail-white-box .recommend .item .textCon .priceDiscount .discount_price{padding:0 4px;background:rgba(240,20,20,.6);border-radius:2px;font-size:12px;color:#fff;line-height:20px;height:20px}.course-infos-t .detail-white-box .recommend #item0,.course-infos-t .detail-white-box .recommend #item1{margin:0 0 32px 0}.course-infos-t .jw-tab-focus:focus{outline:0!important}.course-infos-t .intro-package-section{width:1152px;margin:0 auto 32px;box-shadow:0 4px 8px 0 rgba(28,31,33,.06);border-radius:12px}.course-infos-t .intro-package-section .package-tab{width:100%;background:#f3f5f6;border-radius:12px 12px 0 0;padding:0 32px;box-sizing:border-box;list-style:none;overflow-x:auto}.course-infos-t .intro-package-section .package-tab .tab-item{font-size:16px;color:#545c63;letter-spacing:0;font-weight:400;line-height:36px;float:left;position:relative;user-select:none;white-space:nowrap;cursor:pointer;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-infos-t .intro-package-section .package-tab .tab-item:not(:first-child){margin-left:36px}.course-infos-t .intro-package-section .package-tab .tab-item.active,.course-infos-t .intro-package-section .package-tab .tab-item:hover{color:#1c1f21;font-weight:700}.course-infos-t .intro-package-section .package-tab .tab-item.active::after{content:"";position:absolute;width:16px;height:3px;background:#f20d0d;border-radius:15px;bottom:0;left:50%;margin-left:-8px}.course-infos-t .intro-package-section .package-content{width:100%;height:200px;background:#fff;border-radius:0 0 12px 12px}.course-infos-t .intro-package-section .package-content .course-card{width:188px;height:142px;background:#fff;border:1px solid #f3f5f6;border-radius:8px;position:relative}.course-infos-t .intro-package-section .package-content .course-card img{width:188px;height:106px;border-top-left-radius:8px;border-top-right-radius:8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.course-infos-t .intro-package-section .package-content .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}.course-infos-t .intro-package-section .package-content .course-card .card-footer{width:188px;height:36px;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}.course-infos-t .intro-package-section .package-content .course-card .card-footer .text{font-size:12px;color:#9199a1;letter-spacing:0;line-height:20px}.course-infos-t .intro-package-section .package-content .course-card .card-footer .price{font-size:12px;color:#f01414;line-height:18px;font-weight:700}.course-infos-t .intro-package-section .package-content .package-item{width:100%;height:100%;display:none}.course-infos-t .intro-package-section .package-content .package-item.active{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.course-infos-t .intro-package-section .package-content .package-item .item-price{width:216px;padding-top:24px;box-sizing:border-box;margin-left:43px;text-align:center}.course-infos-t .intro-package-section .package-content .package-item .item-price .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}.course-infos-t .intro-package-section .package-content .package-item .item-price .name .text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;word-break:break-all;font-size:16px;color:#1c1f21}.course-infos-t .intro-package-section .package-content .package-item .item-price .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}.course-infos-t .intro-package-section .package-content .package-item .item-price .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}.course-infos-t .intro-package-section .package-content .package-item .item-price .original-price{font-size:14px;color:#9199a1;letter-spacing:0;text-align:center;line-height:24px;font-weight:400;margin-bottom:12px}.course-infos-t .intro-package-section .package-content .package-item .item-price .original-price span{text-decoration:line-through}.course-infos-t .intro-package-section .package-content .package-item .item-price .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}.course-infos-t .intro-package-section .package-content .package-item .item-price .intro-package-buy-btn:hover{background:#c20a0a}.course-infos-t .intro-package-section .package-content .package-item .item-price .intro-package-buy-btn.disabled{cursor:context-menu;background:rgba(242,13,13,.4)}.course-infos-t .intro-package-section .package-content .package-item .item-price .intro-package-buy-btn.disabled:hover{background:rgba(242,13,13,.4)}.course-infos-t .intro-package-section .package-content .package-item .item-price .paid-text{font-size:12px;line-height:17px;color:#9199a1;text-align:center}.course-infos-t .intro-package-section .package-content .package-item .item-now-course{width:188px;padding-top:29px;box-sizing:border-box;margin-left:109px}.course-infos-t .intro-package-section .package-content .package-item .item-icon{width:32px;margin-left:18px}.course-infos-t .intro-package-section .package-content .package-item .item-icon i{font-size:32px;line-height:200px;color:#9199a1}.course-infos-t .intro-package-section .package-content .package-item .item-left{width:auto!important;margin-left:109px}.course-infos-t .intro-package-section .package-content .package-item .item-left .scrollbox{padding-left:0!important}.course-infos-t .intro-package-section .package-content .package-item .item-right{width:calc(100% - 604px);padding-bottom:6px;box-sizing:border-box}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox{padding-left:12px;padding-top:29px;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}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox::-webkit-scrollbar{height:8px}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox::-webkit-scrollbar-thumb{background:#d3d6d9;border-radius:4px}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox::-webkit-scrollbar-track{background:#fff;border-radius:4px}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox::-webkit-scrollbar-corner{background:#fff;border-radius:4px}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox a:not(:first-child){margin-left:24px}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox .course-card{box-shadow:0 4px 8px 0 rgba(7,17,27,.1);transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s}.course-infos-t .intro-package-section .package-content .package-item .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)}.course-infos-t .intro-package-section .package-content .package-item .item-right .scrollbox .course-card:hover .transparent-bg{opacity:1}.course-infos-t .intro-package-section .package-content .package-item .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}.jwfullscreen video{width:100%!important;height:100%!important}.chapter-div{border-top:1px solid rgba(28,31,33,.1)}.outline-list{position:relative}.outline-list .expend-btn{position:absolute;right:0;top:14px;font-size:12px;color:#69f;z-index:3;cursor:pointer}.outline-list .expend-btn.open i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.outline-list .expend-btn i{font-size:14px;width:12px;margin-left:2px;transition:all .3s}.outline-list .expend-btn i,.outline-list .expend-btn span{display:inline-block;vertical-align:middle}.outline-list .chapter-ul{width:100%}.outline-list .chapter{position:relative;overflow:hidden;padding:24px 0 24px 0;z-index:2;vertical-align:middle;border-bottom:1px solid rgba(28,31,33,.1)}.outline-list .chapter a{cursor:default}.outline-list .chapter .chapter-icon{float:left;font-size:36px;color:#93999f;margin:5px 24px 0 12px}.outline-list .chapter .chapter-bd{position:relative;float:none;overflow:hidden}.outline-list .chapter .chapter-bd .name{font-weight:700;font-size:16px;line-height:24px;color:#1c1f21;margin-bottom:8px}.outline-list .chapter .chapter-bd .name .new_tag{display:inline-block;color:#fff;width:30px;height:18px;background-image:url(../image/new_tags_list.png);background-size:cover;vertical-align:middle;margin-left:4px}.outline-list .chapter .chapter-bd .name .watch-free{margin-left:20px;padding:4px 12px;font-size:12px;background:rgba(242,13,13,.1);border-radius:12px;color:#f20d0d;font-weight:700}.outline-list .chapter .chapter-bd .name .chapter-num{font-size:12px;color:#93999f;line-height:24px;font-weight:400;float:right}.outline-list .chapter .chapter-bd .desc{margin-bottom:8px;line-height:24px;font-size:14px;color:#1c1f21}.outline-list .chapter .chapter-bd .addbox{margin-bottom:8px;display:inline-block}.outline-list .chapter .chapter-bd .addbox .showbtn{cursor:pointer;font-size:14px;color:#37f;line-height:24px;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}.outline-list .chapter .chapter-bd .addbox .showbtn i{font-size:14px;color:#37f;line-height:24px;font-weight:400;margin-left:2px}.outline-list .chapter .chapter-bd ul li{line-height:24px;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;position:relative;padding-right:76px;box-sizing:border-box}.outline-list .chapter .chapter-bd ul li:not(:last-child){margin-bottom:16px}.outline-list .chapter .chapter-bd ul li i{display:inline-block;vertical-align:middle;font-size:16px;color:#1c1f21;line-height:24px;font-weight:400;margin-right:8px}.outline-list .chapter .chapter-bd ul li .type-text{display:inline-block;font-size:14px;color:#1c1f21;line-height:24px;font-weight:700}.outline-list .chapter .chapter-bd ul li .watch-free{float:right;padding:0 16px;font-size:12px;background:rgba(242,13,13,.1);border-radius:12px;color:#f20d0d;font-weight:700;position:absolute;right:20px;top:0}.outline-list .chapter .chapter-bd ul li .watch-free:hover{color:#fff;background:#f20d0d;cursor:pointer}.outline-list .chapter .chapter-bd ul li .js-watchTrigger:hover{cursor:pointer}.outline-list .chapter .chapter-bd ul li .title_info{display:inline-block;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;color:#1c1f21}.outline-list .chapter .chapter-bd ul li .is_new_img{display:inline-block;color:#fff;width:34px;height:18px;background-image:url(../image/new_icon-1.png);background-size:cover;vertical-align:middle;margin-left:4px}.outline-list .chapter .chapter-bd ul li .new_tag{display:inline-block;color:#fff;width:30px;height:18px;background-image:url(../image/new_tags_list.png);background-size:cover;vertical-align:middle;margin-left:4px}.outline-list .update-tip{padding:30px 0 30px 60px;color:#b5b9bc}.right-video-wrap{float:right;position:relative;border-bottom:1px solid #d9dde1;width:328px;padding:36px 24px;box-sizing:border-box}.right-video-wrap .title{font-size:16px;color:#07111b;font-weight:700;padding-bottom:20px}.right-video-box{float:right;position:relative;width:100%;height:176px;border-radius:10px;overflow:hidden;background-size:cover;background-position:top center;background-repeat:no-repeat}.right-video-box .mask{background:#000;opacity:.4;width:100%;height:100%;float:left}.right-video-box .blur-bg{background-size:cover;background-position:top center;background-repeat:no-repeat;-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);float:left;width:100%;height:100%}.right-video-box .content{position:absolute;width:100%;height:100%;text-align:center;padding-top:48px;box-sizing:border-box}.right-video-box .content .video-btn{font-size:48px;color:#b2b8bd;cursor:pointer}.right-video-box .content .video-btn:hover{color:#f3f5f6}.right-video-box .content p{font-size:14px;color:#fff;text-align:center;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.blur-bg.isIE{display:block}.blur-bg.notIE{display:none}}.related-recommend-box{width:1160px;height:300px;margin:0 auto;position:relative;padding-top:15px}.related-recommend-box h1{position:relative;font-family:PingFangSC-Medium;font-size:24px;color:#1c1f21;text-align:center;margin-bottom:40px}.related-recommend-box h1::before{content:" ";width:505px;height:0;border:1px solid #eaf3fc;position:absolute;top:16px;left:0}.related-recommend-box h1::after{content:" ";width:505px;height:0;border:1px solid #eaf3fc;position:absolute;top:16px;left:645px}.related-recommend-box .swiper-container1{width:1160px;height:210px;margin:0 auto;padding-top:2px;padding-right:10px;overflow:hidden}.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)}.related-recommend-box .swiper-slide.swiper-slide-invisible-blank{box-shadow:none}.related-recommend-box .swiper-slide img{display:block;width:100%;height:151px;border-radius:10px 10px 0 0}.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}.related-recommend-box .swiper-slide .signUp-number span{display:inline-block;font-family:PingFangSC-Regular;font-size:12px;color:#9199a1;margin-left:12px}.related-recommend-box .swiper-slide .classKinds{width:48px;height:23px;position:absolute;top:6px;left:236px}.related-recommend-box .swiper-slide:first-child{margin-left:3px}.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}.related-recommend-box .swiper-btn:hover{opacity:.5}.related-recommend-box .my-button-disabled{display:none}.related-recommend-box .swiper-btn.swiper-button-next1{left:1185px;background-image:url(../image/next.png);background-size:cover}.envir-box{width:100%;background:#2b333b;margin:0 auto}.envir-box.b h1{width:100%}.envir-box.b .detail-box{width:100%;padding:36px 23px 80px}.envir-box h1{width:1200px;margin:0 auto;padding-top:72px;padding-left:24px;padding-bottom:24px;border-bottom:2px solid #555c62;box-sizing:border-box;font-size:24px;line-height:24px;color:#fff}.envir-box .detail-box{width:1200px;padding:36px 48px 80px;box-sizing:border-box;margin:0 auto}.envir-box .detail-box ul{width:100%}.envir-box .detail-box ul li{position:relative;width:528px;height:32px;margin-right:48px;margin-bottom:16px;font-size:14px;line-height:32px;list-style:none;overflow:hidden}.envir-box .detail-box ul li .detail-tag{background:#93999f;padding:7px 4px 7px 12px;box-sizing:border-box;color:#07111b;line-height:14px}.envir-box .detail-box ul li .triangle{position:relative;margin-right:8px}.envir-box .detail-box ul li .triangle:after{position:absolute;left:-5px;content:"";width:0;height:0;border-top:16px solid #2b333b;border-left:10px solid #93999f;border-bottom:16px solid #2b333b}.envir-box .detail-box ul li .detail{color:#fff;padding-left:8px}.envir-box .detail-box ul li:nth-child(2n){margin-right:0}.user-evaluation-box{width:100%;background:#4d555d}.user-evaluation-box .user-evalustion{width:1314px;margin:0 auto;text-align:center;background:#4d555d}.user-evaluation-box .user-evalustion h2{font-size:24px;line-height:24px;color:#fff;font-weight:700;padding-top:72px;padding-bottom:36px}.user-evaluation-box .user-evalustion ul{width:100%}.user-evaluation-box .user-evalustion ul li:last-child{border-right:1px solid transparent}.user-evaluation-box .user-evalustion ul li{width:438px;position:relative;padding:0 64px;box-sizing:border-box;text-align:center;border-right:1px solid #71777d}.user-evaluation-box .user-evalustion ul li img{border-radius:50%;display:block;margin:24px auto 0}.user-evaluation-box .user-evalustion ul li .user-name{margin:8px 0 18px;font-size:14px;line-height:14px;color:#fff;font-weight:700;max-width:312px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden}.user-evaluation-box .user-evalustion ul li .user-text-box .star{line-height:16px;text-align:center}.user-evaluation-box .user-evalustion ul li .user-text-box .star img{-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);display:inline-block}.user-evaluation-box .user-evalustion ul li .user-text-box .star span{margin-left:6px;color:#fff}.user-evaluation-box .user-evalustion ul li .user-text-box .star i{position:relative;top:0;color:#2b333b;font-size:16px}.user-evaluation-box .user-evalustion ul li .user-text-box .star .on{color:#f90}.user-evaluation-box .user-evalustion ul li .content{margin:22px 0;max-width:312px;height:140px;font-size:14px;line-height:28px;color:#fff;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;text-overflow:-o-ellipsis-lastline;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.user-evaluation-box .user-evalustion ul li .time{position:absolute;bottom:24px;font-size:12px;line-height:24px;color:#93999f}.user-evaluation-box .more{width:50%;margin:36px auto 0;padding-bottom:72px;display:block;color:rgba(255,255,255,.4);font-size:14px;line-height:14px}.user-evaluation-box .more span{margin:0 4px}.user-evaluation-box .more:hover{color:#fff}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){body{width:100%;min-width:100%}.course-class-infos .w{height:350px}.w,.wrap{width:100%}#J_GotoTop,#Prchor,#footer,#header,.extra,.info-recommendcourse,.infolayout .recommendcourse,.js-comp-tab li:nth-child(3),.js-comp-tab li:nth-child(4),.js-recom-course,.path{display:none!important}.appendtemplate .w1200{width:100%}.appendtemplate .w1200 img{width:100%}.class-tab-pannel{width:100%}.class-tab-pannel .outline-list .chapter-ul{width:100%}.envir-box h1{width:100%}.envir-box .detail-box{width:100%}.envir-box .detail-box ul{width:100%}.envir-box .detail-box ul li{width:100%}.user-evaluation-box .user-evalustion{width:100%}.user-evaluation-box .user-evalustion ul li{width:330px;padding:0 32px}.user-evaluation-box .more{visibility:hidden}.course-infos-t .info-video{width:100%}.course-infos-t .video-dark-box{width:740px}.course-infos-t .video-dark-box .videoBtn{margin:96px 40px 86px 40px}.course-infos-t .detail-white-box{width:740px}.course-infos-t .teacher-right-box .jiao{left:-12px}}#bargain_enter{position:fixed;right:21px;top:50%;z-index:9;margin-top:-225px}#bargain_enter .close-enter{line-height:27px;text-align:center;position:absolute;right:-15px;top:-18px;opacity:.8}#bargain_enter .close-enter i{width:27px;height:27px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:10px;color:#fff;padding:2px;background-color:#1c1f21}.modal-btn{height:42px;background:#f53d3d;border-radius:20px;font-size:14px;color:#fff!important;letter-spacing:0;font-weight:700;padding:0 32px;line-height:42px;box-sizing:border-box}.share-link{display:flex;justify-content:space-between;width:420px;margin:30px auto}.share-link .link-item{text-align:center}.share-link .link-item .link-content{width:180px;height:180px;border:1px solid #f3f5f6;border-radius:8px;box-sizing:border-box;margin-bottom:10px}.share-link .link-item .link-content .qr-code{width:164px;height:164px;display:inline-block;margin-top:8px}.share-link .link-item .link-content .link-img{width:80px;height:58px;display:inline-block;margin:31px auto 21px}.share-link .link-item p{font-size:14px;color:#4a4a4a;letter-spacing:0}@media screen and (max-width:1440px){.course-fixed-nav .fixed-nav-item:not(:first-child){margin-left:30px}.course-fixed-nav .buy-con .discount-act{margin-right:10px}.course-fixed-nav .buy-con .discount-act .act-time .ori-price{margin-left:2px}}.share-link{display:flex;justify-content:space-between;width:420px;margin:30px auto}.share-link .link-item{text-align:center}.share-link .link-item .link-content{width:180px;height:180px;border:1px solid #f3f5f6;border-radius:8px;box-sizing:border-box;margin-bottom:10px}.share-link .link-item .link-content .qr-code{width:164px;height:164px;display:inline-block;margin-top:8px}.share-link .link-item .link-content .link-img{width:80px;height:58px;display:inline-block;margin:31px auto 21px}.share-link .link-item p{font-size:14px;color:#4a4a4a;letter-spacing:0}.video-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;display:none}.video-container .video-wrap{position:absolute;top:50%;left:50%;margin-top:-245px;margin-left:-400px;width:800px;height:490px;z-index:10001}.video-container .video-wrap video{margin:0;height:450px}.video-container .video-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.8;z-index:10000}.video-container .video-close{position:absolute;font-size:50px;color:rgba(255,255,255,.7);right:40px;top:40px;z-index:10001;cursor:pointer}.desc-short{position:absolute;left:0;top:0;width:100%}.close-video{position:absolute;right:12px;top:12px;z-index:1;font-size:36px;color:rgba(255,255,255,.6)}.close-video:hover{color:#fff}#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}.modal-dist-poster{display:none;width:375px}.modal-dist-poster .js-close-poster{cursor:pointer;position:absolute;top:-12px;right:-12px;font-size:24px;color:#fff;z-index:110}.modal-dist-poster .content{position:relative;text-align:center}.modal-dist-poster .content .del-line{font-size:16px;color:#244164;line-height:16px;text-decoration:line-through;font-weight:600;display:block}.modal-dist-poster .content .del-line span.price{text-decoration:line-through}.modal-dist-poster .content h3{font-size:26px;font-weight:700;margin-bottom:10px;color:#fff}.modal-dist-poster .content .flash-sale{font-size:20px;margin:6px 0}.modal-dist-poster .content .price-revert{font-size:12px;color:#244164;line-height:12px;display:block}.modal-dist-poster .content .canvas-img-content{width:375px;height:667px;background:#fff;margin:0 auto}.modal-dist-poster .js-down-poster{background:#fa0;border-radius:18px;width:104px;height:36px;text-align:center;line-height:36px;color:#fff;font-size:14px;font-weight:700;display:block;margin:0 auto;cursor:pointer}.load-img{text-align:center;width:80px;height:80px;margin-top:185px}.friend-tips{font-size:10px;color:#fff;opacity:.5;line-height:22px;text-align:center}#canvas-contnet{position:fixed;left:-10000px;top:-10000px;z-index:-1}.poster-content{width:375px;height:667px}.poster-content .poster-logo{width:74px}.poster-content-custom{position:relative;width:375px;height:667px;margin:0 auto;box-sizing:border-box;z-index:1}.poster-content-custom .custom-img-bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-repeat:no-repeat;background-size:100% 100%;background-position:top center}.poster-content-custom .user-info{color:#1c1f21;letter-spacing:0;text-align:left;height:54px;padding:16px;position:relative;z-index:110}.poster-content-custom .user-info .header-img{width:32px;height:32px;border:2px solid #ece2e6;display:block;margin-right:8px;border-radius:50%;float:left}.poster-content-custom .user-info .header-desc{overflow:hidden;text-align:left}.poster-content-custom .user-info .nickname{font-size:12px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.poster-content-custom .user-info .tips{font-size:12px;font-weight:600;color:#1c1f21}.poster-content-custom .course-info-bar{position:absolute;bottom:0;width:335px;padding:16px 20px;background:#1c1f21;z-index:100;display:table}.poster-content-custom .course-info-bar .course-price{display:table-cell;vertical-align:middle;text-align:left;color:#fff}.poster-content-custom .course-info-bar .course-price h3{font-weight:700;margin-bottom:8px;color:#fff}.poster-content-custom .course-info-bar .course-price h3 sup{font-size:16px;font-weight:600;color:#fa0;vertical-align:super}.poster-content-custom .course-info-bar .course-price h3 em{font-style:normal;color:#fa0}.poster-content-custom .course-info-bar .course-price .flash-sale{margin-top:4px;font-size:26px;line-height:26px}.poster-content-custom .course-info-bar .course-price .del-line{font-size:18px;color:rgba(255,255,255,.8);font-weight:100}.poster-content-custom .course-info-bar .price-revert{font-size:14px;color:rgba(255,255,255,.8)}.poster-content-custom .course-info-bar .more-info{font-size:16px;line-height:16px;color:rgba(255,255,255,.8)}.poster-content-custom .course-info-bar .sweeporder{display:inline-block;background:#fa0;border-top-left-radius:0;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px;font-size:14px;padding:6px 12px;color:#1e2337;line-height:14px;font-weight:700}.poster-content-custom .course-info-qrcode{text-align:center;margin-top:-48px}.poster-content-custom .course-info-qrcode .two-code{width:112px;height:112px;border-width:4px;margin:0 auto;border-style:solid;background:#fff;border-color:#fff}.poster-content-1{position:relative;width:375px;height:667px;margin:0 auto;background:transparent url(../image/poster5_bg.png);background-repeat:no-repeat;background-position:top center;background-size:cover;box-sizing:border-box;padding:54px 14px 22px}.poster-content-1 .poster-logo{position:absolute;right:150px;top:20px;height:42px}.poster-content-1 .user-info{color:#b20e0e;letter-spacing:0;text-align:left;height:54px;padding:14px 20px}.poster-content-1 .user-info .header-img{width:54px;height:54px;border:2px solid #ece2e6;display:block;margin-right:10px;border-radius:50%;float:left;box-sizing:border-box}.poster-content-1 .user-info .nickname{width:234px;font-size:13px;letter-spacing:0;line-height:16px;margin-top:10px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.poster-content-1 .user-info p{width:234px;font-size:12px;line-height:12px;margin-top:4px;float:left}.poster-content-1 .course-desc-box{height:274px;overflow:hidden;text-align:left;color:#2a2700}.poster-content-1 .course-desc-box dt{letter-spacing:0;line-height:32px;font-weight:600;padding:10px 24px 0 24px;font-size:21px;color:#b20e0e}.poster-content-1 .course-desc-box .dist_trait{padding:12px 24px}.poster-content-1 .course-desc-box dd{font-size:14px;line-height:28px;margin-top:4px;padding-left:24px;position:relative;color:rgba(178,14,14,.87)}.poster-content-1 .course-desc-box dd i{width:14px;height:14px;position:absolute;top:7px;left:0;display:inline-block;background:transparent url(../image/poster5_icon_l.png);background-repeat:no-repeat;background-position:left center;background-size:cover;text-align:center}.poster-content-1 .course-info-bar{padding:25px 24px;border-top:0}.poster-content-1 .course-info-bar .course-price{width:100%;color:#2a2700;text-align:center;margin-bottom:20px;height:76px}.poster-content-1 .course-info-bar .course-price h3{color:#334c82;line-height:34px;margin:0}.poster-content-1 .course-info-bar .course-price .bar-top{font-size:14px;color:#b20e0e;line-height:18px;margin-top:4px}.poster-content-1 .course-info-bar .course-price .del-line{color:#b20e0e}.poster-content-1 .course-info-bar .course-price .flash-sale{margin-top:4px}.poster-content-1 .course-info-bar .course-price .price-revert{color:#b20e0e;margin-top:4px}.poster-content-1 .course-info-bar .course-short-qrode{display:inline-block;vertical-align:middle;position:relative}.poster-content-1 .course-info-bar .course-short-qrode .two-code{width:65px;height:65px;border:6px solid #fff;margin:0 auto;box-sizing:border-box}.poster-content-1 .course-info-bar .course-short-qrode .two-code canvas{display:block}.poster-content-1 .course-info-bar .course-short-qrode p{font-size:12px;color:#b20e0e;text-align:center;line-height:12px;opacity:.6}.learnpath{padding:36px 0}.learnpath h2{font-size:16px;font-style:normal;color:#07111b;font-weight:700;line-height:20px;margin-bottom:36px}.listview{margin-top:32px;display:flex;flex-direction:row;flex-wrap:wrap}.listview .box{margin-bottom:16px;height:155px;display:flex;flex-direction:row}.listview .box:nth-child(2n){margin-left:24px}.listview .box:hover .imgcontainer .img-up{top:-10px}.listview .box:hover .imgcontainer .img-mid{top:6px;width:126px;left:8px}.listview .box:hover .imgcontainer .img-down{top:22px;width:112px;left:16px}.listview .box:hover .courseitem h2{color:#f20d0d!important}.listview .imgcontainer{width:140px;height:140px;position:relative;border-radius:8px;transition:.3s all linear}.listview .imgcontainer .img-down,.listview .imgcontainer .img-mid,.listview .imgcontainer .img-up{margin:0 auto;position:absolute;border-radius:8px;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.listview .imgcontainer .img-up{left:0;top:0;width:140px;height:140px;z-index:3}.listview .imgcontainer .img-mid{left:4px;top:11px;width:133px;height:133px;opacity:.5;z-index:2}.listview .imgcontainer .img-down{left:8px;top:22px;width:126px;height:126px;opacity:.3;z-index:1}.listview .courseitem{position:relative;border-bottom:1px solid rgba(28,31,33,.1);width:372px;overflow:hidden;margin-left:24px}.listview .courseitem h2{font-weight:700;font-size:16px;color:#1c1f21;line-height:20px;margin-bottom:8px;width:372px;overflow:hidden;text-overflow:ellipsis}.listview .courseitem p{font-size:14px;color:#545c63;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.listview .courseitem .pathinfo{display:flex;flex-direction:row;justify-items:center;align-items:center;font-size:12px;color:#9199a1;line-height:18px;position:absolute;bottom:23px}.listview .courseitem .pathinfo i{font-style:normal;margin:0 4px}.listview .courseitem .pathinfo i.sz-star{display:inline-block;margin-top:-3px;font-size:14px;vertical-align:middle}.listview .courseitem .pathinfo .collectnum{margin-left:33px}.modal-dist-share{display:none;padding:48px 54px 48px 64px;background:#fff;box-shadow:0 12px 24px 0 rgba(28,31,33,.2);border-radius:12px}.dist-share-box{position:relative}.dist-share-box h2{font-size:24px;color:#1c1f21;text-align:center;line-height:30px;margin-bottom:6px}.dist-share-box h3{font-size:14px;color:#1c1f21;margin-bottom:16px;line-height:22px}.dist-share-box .share-msg{font-size:16px;color:#1c1f21;text-align:center;line-height:25px}.dist-share-box .share-msg span{color:red}.dist-share-box .share-box{width:100%;margin-top:24px;overflow:hidden}.dist-share-box .wechat-box{width:166px;float:left;margin-right:40px;position:relative}.dist-share-box .wechat-box h3{margin-bottom:7px;text-align:center}.dist-share-box .wechat-box:after{content:"";position:absolute;height:184px;width:1px;background:#d3d6d9;top:16px;right:-40px}.dist-share-box .other-box{display:inline-block;padding-left:44px}.dist-share-box .other-box .copy-url{font-size:14px;text-align:left;line-height:36px;height:36px;margin-bottom:24px}.dist-share-box .other-box .copy-url input{font-size:12px;width:174px;height:34px;padding:0 16px;border:1px solid #b2b8bd;border-radius:6px 0 0 6px;display:inline-block}.dist-share-box .other-box .copy-url .js-copy-dist{display:inline-block;color:#fff;text-align:left;padding:0 10px;background:#545c63;border-radius:0 6px 6px 0;vertical-align:top}.dist-share-box .other-box .js-poster{width:283px;height:36px;font-size:14px;color:#f53d3d;text-align:center;line-height:36px;background:rgba(245,61,61,.08);border-radius:18px;display:inline-block;cursor:pointer}.dist-share-box .dist-more{margin-top:-4px;text-align:right}.dist-share-box .dist-more a{font-size:14px;color:#717a84;line-height:22px;margin:32px 0 42px 0;transition:all .2s}.dist-share-box .dist-more a:hover{color:red}.close-dist-share{font-size:24px;color:#b2b8bd;text-align:center;line-height:24px;position:absolute;top:16px;right:24px;cursor:pointer;transition:all .2s}.close-dist-share:hover{color:#1c1f21}.moco-modal-layer{background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.1);border-radius:12px}.moco-prompt-layer span{color:#1c1f21!important}.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}#MEIQIA-BTN-HOLDER{border-radius:30px;bottom:auto!important;top:55%!important;margin-top:200px!important}#MEIQIA-BTN{width:128px!important;height:56px!important;background-image:url(../image/meiqia-icon.gif)!important;background-size:auto 100%!important;background-position:0!important;background-repeat:no-repeat!important;border:0!important;border-radius:28px!important}#MEIQIA-BTN #MEIQIA-BTN-ICON{display:none!important}#MEIQIA-BTN #MEIQIA-BUBBLE{right:142px!important}#MEIQIA-BTN #MEIQIA-BTN-TEXT{display:none}@media screen and (max-width:1366px){.related-recommend-box{transform:scale(.91)}}.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:505px;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:138px;height:118px;background-size:contain;background-repeat:no-repeat;background-position:center center}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-2800{background:url(../image/coupon-2800.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1950{background:url(../image/coupon-1950.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1600{background:url(../image/coupon-1600.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1200{background:url(../image/coupon-1200.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-1000{background:url(../image/coupon-1000.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-600{background:url(../image/coupon-600.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-300{background:url(../image/coupon-300.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-200{background:url(../image/coupon-200.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-150{background:url(../image/coupon-150.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-80{background:url(../image/coupon-80.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box .coupon_item.coupon-10{background:url(../image/coupon-10.png) no-repeat center top/cover}.coupon-success-modal .modal-box .coupon-box1{padding:0 110px}.coupon-success-modal .modal-box .coupon-box2{margin-top:12px;padding:0 36px}.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:25px 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}.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}.right-teacher-course{padding:0 24px;box-sizing:border-box;margin-top:24px;display:inline-block;width:100%}.right-teacher-course:last-child{padding-bottom:34px;margin-bottom:32px;border-bottom:1px solid rgba(28,31,33,.1)}.right-teacher-course .flex-box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.right-teacher-course .course-img{width:114px;height:64px;margin-right:8px;border-radius:8px}.right-teacher-course .course-info{width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1;position:relative}.right-teacher-course .course-info .name{font-size:14px;color:#4d555d;line-height:20px;font-weight:400;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.right-teacher-course .course-info p{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}.right-teacher-course .course-info p span{font-size:12px;color:#93999f;line-height:20px;font-weight:200}.right-teacher-course .course-info p span:not(:last-child){margin-right:12px}.right-teacher-course .course-info p i{font-size:12px;color:#93999f;line-height:20px;font-weight:400;margin-right:1px}.right-teacher-course .course-info .priceDiscount .price{font-weight:700;font-size:12px;color:#4d555d;line-height:20px;margin-right:8px}.right-teacher-course .course-info .priceDiscount .discount{font-size:12px;color:#fff;line-height:20px;background:#f67272;margin-right:4px;padding:0 2px}.right-teacher-course .course-info .priceDiscount .discount_price{padding:0 4px;background:rgba(240,20,20,.6);border-radius:2px;font-size:12px;color:#fff;line-height:20px;height:20px}.class-outline{width:100%;height:auto;position:relative;background-color:#fff;padding:60px 0}.class-outline .wrap{height:100%}.class-outline .wrap .content-box{position:relative;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:auto}.class-outline .wrap .content-box .class-outline-main{width:1001px;padding:60px 77px 34px 74px;height:auto;margin:0 auto;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);border-radius:12px;text-align:left}.class-outline .wrap .content-box .class-outline-main .outline-title{position:absolute;left:50%;font-family:PingFangSC-Medium;font-size:24px;color:#fff;letter-spacing:1.14px;text-align:center;font-weight:500}.class-outline .wrap .content-box .class-outline-main .title-number{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;font-weight:600;margin-bottom:10px}.class-outline .wrap .content-box .class-outline-main .title-number-last{color:#959697!important}.class-outline .wrap .content-box .class-outline-main .content-every{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400;margin-bottom:20px}.class-outline .wrap .content-box .class-outline-main a.class-link{display:block;width:180px;height:50px;line-height:50px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.07);border-radius:25px;margin:32px 0 0 392px;font-family:PingFangSC-Semibold;font-size:16px;letter-spacing:0;font-weight:600;text-align:center}.preschool-know{position:relative;width:1156px;height:210px;margin:0 auto}.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}.contrast-enter{position:fixed;bottom:40%;left:0;z-index:9;width:166px;height:80px;background:url(../image/enter.png);background-size:cover}.contrast-enter:hover{color:#e60043;cursor:pointer}.course-contrast{width:1088px;height:160px;background:#fbfcff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:12px 12px 0 0;padding:20px 32px;position:fixed;left:50%;bottom:0;transform:translate(-50%,0);z-index:22;display:none}.course-contrast .course-contrast-tit{height:40px;color:#1c1f21;line-height:24px;display:flex;justify-content:space-between}.course-contrast .course-contrast-tit h4{font-weight:600;font-size:16px}.course-contrast .course-contrast-tit span{color:#545c63;cursor:pointer}.course-contrast .course-contrast-content{display:flex;justify-content:space-between}.course-contrast .course-contrast-content .content-left{width:926px;display:flex}.course-contrast .course-contrast-content .content-left .content-selected{width:224px;margin-right:20px;height:114px;display:flex}.course-contrast .course-contrast-content .content-left .content-selected .course-img{width:81px;height:114px;border-radius:6px}.course-contrast .course-contrast-content .content-left .content-selected .course-img img{width:81px;height:114px;border-radius:6px}.course-contrast .course-contrast-content .content-left .content-selected .course-details{flex:1;margin-left:8px;padding:3px 0;position:relative}.course-contrast .course-contrast-content .content-left .content-selected .course-details p{width:135px;line-height:20px;height:60px}.course-contrast .course-contrast-content .content-left .content-selected .course-details p a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#545c63}.course-contrast .course-contrast-content .content-left .content-selected .course-details .course-info{font-size:12px;color:#9199a1;margin-top:4px}.course-contrast .course-contrast-content .content-left .content-selected .course-details .course-more{position:absolute;bottom:0;display:flex;justify-content:space-between;width:97%;color:#f01414}.course-contrast .course-contrast-content .content-left .content-selected .course-details .course-more .course-price{font-weight:600}.course-contrast .course-contrast-content .content-left .content-selected .course-details .course-more .course-del{display:none;color:#ff655d}.course-contrast .course-contrast-content .content-left .content-selected .course-details .course-more .course-del:hover{cursor:pointer}.course-contrast .course-contrast-content .content-left .content-empty{width:224px;height:114px;background:#fff;border:1px solid #e0ebff;border-radius:6px;display:flex;justify-content:center;align-items:center;margin-right:20px}.course-contrast .course-contrast-content .content-left .content-empty .content-add-num{font-size:48px;color:#e0ebff;font-weight:600;width:29px;height:67px;margin-right:15px}.course-contrast .course-contrast-content .content-left .content-empty .content-add-text{width:98px;height:20px;color:#9199a1}.course-contrast .course-contrast-content .content-right{width:124px;height:114px;display:flex;flex-direction:column;justify-content:center;align-items:center}.course-contrast .course-contrast-content .content-right .start-contrast{width:80px;height:36px;line-height:36px;background:#37f;border-radius:18px;color:#fff;text-align:center;cursor:pointer}.course-contrast .course-contrast-content .content-right .start-contrast.disabled{background:rgba(51,119,255,.4);border-radius:18px}.course-contrast .course-contrast-content .content-right .empty-contrast{color:#545c63;margin-top:5px;cursor:pointer}