@font-face{font-family:iconfont;src:url(../sass/iconfont/iconfont.eot);src:url(../sass/iconfont/iconfont.eot?#iefix) format("embedded-opentype"),url(../sass/iconfont/iconfont.woff) format("woff"),url(../sass/iconfont/iconfont.ttf) format("truetype"),url(../sass/iconfont/iconfont.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.icon-gliconledou:before{content:"\e654"}.icon-xiezilou:before{content:"\f00aa"}.icon-shijian:before{content:"\3435"}body,html{height:100%}body{background:#f9f9f9;font-size:12px}.katex{font-size:1.21em!important}.layout-hasside,.layout-noside{min-height:100%;margin-top:90px;margin-bottom:-263px}.layout-hasside:after,.layout-noside:after{content:"";display:block;height:263px}.layout-fullscreen{min-height:100%;margin-top:70px;margin-bottom:-263px}.layout-fullscreen:after{content:"";display:block;height:263px}@media (max-width:768px){.layout-fullscreen,.layout-hasside,.layout-noside{margin-bottom:-563px}.layout-fullscreen:after,.layout-hasside:after,.layout-noside:after{height:563px}}.layout-body,.layout-side{padding:0 5px}@media (max-width:991px){.layout-side{margin-top:10px}}.content{margin-bottom:10px;padding:30px;background:#fff;border:1px solid #eee}.new-nav{position:relative}.new-nav img{position:absolute;top:12px;right:-16px;z-index:10}.logo-1111{position:relative}.logo-1111 img{position:absolute;top:6px;right:-10px;width:25px;z-index:10px}.position-relative{position:relative}code{white-space:normal;word-break:break-all}.fa.no-margin{margin:0!important}#flash,#flash-message{padding-right:15px;bottom:auto}#flash-message .modal-dialog,#flash .modal-dialog{text-align:center}#flash-message .modal-dialog .alert,#flash .modal-dialog .alert{width:auto;min-width:150px;height:45px;display:inline-block;padding:12px;border-radius:3px;font-size:14px;color:#666}#flash-message .modal-dialog .alert .img-status,#flash .modal-dialog .alert .img-status{vertical-align:-5px;margin-right:5px}#flash-message .modal-dialog .alert.alert-success,#flash .modal-dialog .alert.alert-success{background:#dbf1e6;border:1px solid #9ecec2}#flash-message .modal-dialog .alert.alert-success a,#flash .modal-dialog .alert.alert-success a{color:#666;text-decoration:underline}#flash-message .modal-dialog .alert.alert-error,#flash .modal-dialog .alert.alert-error{background:#f8e7e7;border:1px solid #e9b3b3}#haiwai-modal .modal-content,#haiwai-modal .modal-header{padding:0}#haiwai-modal .modal-header img{width:100%}#haiwai-modal .modal-header .close{position:relative;top:30px;right:15px;margin-top:-21px}#haiwai-modal .modal-body{width:70%;padding:20px 0;margin:0 auto;color:#666;text-align:center}#haiwai-modal .modal-body h4{font-size:24px}#haiwai-modal .modal-body .desc{margin:20px 0;font-size:18px}#haiwai-modal .modal-body .tips{padding:10px 50px;margin:0 auto;color:#a4a4a4;font-size:14px;border-radius:100px;border:1px dashed #ccc;text-align:left}#haiwai-modal .modal-body .tips div{padding:4px}#haiwai-modal .modal-body .tips .tips-title{text-align:center}#haiwai-modal .modal-body .btn{width:70%;padding:8px 0;margin-top:50px;font-size:20px;color:#666;background:#fff;text-align:center;border:1px solid #666;border-radius:50px}#invite-user .modal-body{overflow:hidden}#invite-user .modal-body .form-label{margin-bottom:16px;font-size:14px}#invite-user .modal-body .form-invite{width:80%;padding:6px 12px;background-color:#eee;border:1px solid #ccc;border-radius:5px;float:left;margin-right:10px}#invite-user .modal-body .msg-modal-style{background-color:#7dd383;margin-top:10px;padding:6px 0;text-align:center;width:100%}#invite-user .modal-body .modal-flash{position:absolute;top:53px;right:74px;z-index:999}.invite-vip-modal .modal-content,.labdoc-instruction-modal .modal-content{position:relative;padding:0;border-radius:10px}.invite-vip-modal .modal-header,.labdoc-instruction-modal .modal-header{padding:20px 19px 0;font-size:18px;color:#565656;text-align:center;border:none}.invite-vip-modal .modal-body,.labdoc-instruction-modal .modal-body{padding:14px 30px 25px}.invite-vip-modal .modal-header .close{position:absolute;right:10px;top:5px}.invite-vip-modal .invite-vip-content{font-size:14px;color:#999;line-height:1.5}.invite-vip-modal .invite-vip-code{position:relative;margin:20px 0;font-size:16px;color:#666}.invite-vip-modal .invite-vip-code span{color:#f66;font-weight:700}.invite-vip-modal .invite-vip-copy{padding:5px 20px;margin-left:10px;font-size:14px;border-radius:4px}.invite-vip-modal .invite-vip-copy:focus,.invite-vip-modal .invite-vip-copy:hover{outline:none}.invite-vip-modal .invite-vip-copied{position:absolute;display:none;right:16px;bottom:-30px;text-align:right;color:#fff}.invite-vip-modal .invite-vip-share{font-size:12px;color:#999}.invite-vip-modal .invite-vip-share a{display:inline-block;margin-left:10px;font-size:16px;vertical-align:middle}.labdoc-instruction-modal .modal-header .close{position:absolute;right:20px;top:20px;z-index:1}.labdoc-instruction-modal .modal-body .labdoc-instruction-img{width:100%;height:100%}.labdoc-instruction-modal .modal-footer{padding:5px 48px 30px;margin:0;border:0}.labdoc-instruction-modal .modal-footer .btns-wrapper{display:flex;justify-content:space-between}.labdoc-instruction-modal .modal-footer .btns-wrapper .btn{border-radius:4px;font-size:16px}.labdoc-instruction-modal .modal-footer .btns-wrapper .btn:first-child{background:transparent;color:#666}.labdoc-instruction-modal .modal-footer .btns-wrapper .btn:first-child:hover{background:#666;border-color:#666;color:#fff}@media (min-width:768px){.invite-vip-modal .modal-dialog{width:350px}.labdoc-instruction-modal .modal-dialog{width:406px}}.home-header,.home-header-navbar{background:#fff;border-width:0;box-shadow:0 0 4px 0 #ccc}.home-header-navbar .header-new,.home-header .header-new{position:absolute;top:0;left:calc(50% + 20px);width:24px}.home-header-navbar .navbar-brand,.home-header .navbar-brand{height:70px;padding:5px 0}.home-header-navbar .navbar-brand img,.home-header .navbar-brand img{height:100%}.home-header-navbar .navbar-nav,.home-header .navbar-nav{padding:10px 0}.home-header-navbar .navbar-nav>li,.home-header .navbar-nav>li{position:relative}.home-header-navbar .navbar-nav>li>a,.home-header .navbar-nav>li>a{color:#666;font-size:16px}.home-header-navbar .navbar-nav>li,.home-header-navbar .navbar-nav>li.active>a,.home-header-navbar .navbar-nav>li.active>a:focus,.home-header-navbar .navbar-nav>li.active>a:hover,.home-header-navbar .navbar-nav>li>a:focus,.home-header-navbar .navbar-nav>li>a:hover,.home-header .navbar-nav>li,.home-header .navbar-nav>li.active>a,.home-header .navbar-nav>li.active>a:focus,.home-header .navbar-nav>li.active>a:hover,.home-header .navbar-nav>li>a:focus,.home-header .navbar-nav>li>a:hover{color:#666;background:none}.home-header-navbar .navbar-nav .my-course .course,.home-header .navbar-nav .my-course .course{width:223px;background:#fff;display:none;list-style-type:disc;position:absolute;right:-70px;margin:0;padding:15px;border-radius:5px;box-shadow:0 0 4px 1px #ccc;z-index:2}.home-header-navbar .navbar-nav .my-course .course a,.home-header .navbar-nav .my-course .course a{font-size:14px;color:#666}.home-header-navbar .navbar-nav .my-course .course a:hover,.home-header .navbar-nav .my-course .course a:hover{color:#666;text-decoration:none}.home-header-navbar .navbar-nav .my-course .course>li,.home-header .navbar-nav .my-course .course>li{margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;list-style-type:disc}.home-header-navbar .navbar-nav .my-course .course>li a>span,.home-header .navbar-nav .my-course .course>li a>span{font-size:16px;font-weight:900;margin-right:8px}.home-header-navbar .navbar-nav .my-course .course>li.title,.home-header .navbar-nav .my-course .course>li.title{color:#a4a4a4;font-size:14px;margin:5px 0 15px}.home-header-navbar .navbar-nav .my-course .course p,.home-header .navbar-nav .my-course .course p{border-top:1px solid #eee;margin-top:20px;height:50px;line-height:70px;width:100%;text-align:center}.home-header-navbar .navbar-nav .my-course .course a.see-more,.home-header .navbar-nav .my-course .course a.see-more{display:inline-block;width:100px;height:30px;line-height:30px;border:1px solid #eee;border-radius:100px;text-align:center}.home-header-navbar .navbar-nav .my-course .course a.see-more:hover,.home-header .navbar-nav .my-course .course a.see-more:hover{color:#666}.home-header-navbar .navbar-nav .my-course:hover ul.course,.home-header-navbar .navbar-nav ul.course:hover,.home-header .navbar-nav .my-course:hover ul.course,.home-header .navbar-nav ul.course:hover{display:block}.home-header-navbar .navbar-nav .dropdown>a:focus,.home-header-navbar .navbar-nav .dropdown>a:hover,.home-header .navbar-nav .dropdown>a:focus,.home-header .navbar-nav .dropdown>a:hover{color:#666}.home-header-navbar .navbar-nav .dropdown .dropdown-menu a,.home-header .navbar-nav .dropdown .dropdown-menu a{color:#666}.home-header-navbar .navbar-nav .dropdown .dropdown-menu li.active a,.home-header .navbar-nav .dropdown .dropdown-menu li.active a{color:#666;background:#fff}.home-header-navbar .navbar-nav .open>a,.home-header-navbar .navbar-nav .open>a:focus,.home-header-navbar .navbar-nav .open>a:hover,.home-header .navbar-nav .open>a,.home-header .navbar-nav .open>a:focus,.home-header .navbar-nav .open>a:hover{background-color:transparent}.home-header-navbar .header-user .dropdown-toggle,.home-header .header-user .dropdown-toggle{position:relative;padding:1px 0}.home-header-navbar .header-sign,.home-header .header-sign{padding:0}.home-header-navbar .header-sign .sign-in,.home-header-navbar .header-sign .sign-up,.home-header .header-sign .sign-in,.home-header .header-sign .sign-up{padding:25px}.home-header-navbar .header-sign .sign-in,.home-header .header-sign .sign-in{color:#666}.home-header-navbar .header-sign .sign-in:focus,.home-header-navbar .header-sign .sign-in:hover,.home-header .header-sign .sign-in:focus,.home-header .header-sign .sign-in:hover{color:#666;background:#eee}.home-header-navbar .header-sign .sign-up,.home-header .header-sign .sign-up{color:#fff;background:#666}.home-header-navbar .header-sign .sign-up:focus,.home-header-navbar .header-sign .sign-up:hover,.home-header .header-sign .sign-up:focus,.home-header .header-sign .sign-up:hover{color:#fff;background-color:#777}.home-header-navbar .navbar-form,.home-header .navbar-form{padding:17.5px 10px;margin:0}.home-header-navbar .navbar-form .form-group,.home-header .navbar-form .form-group{position:relative}.home-header-navbar .navbar-form .form-group label,.home-header .navbar-form .form-group label{position:absolute;top:6px;right:10px;font-size:16px;color:#666;z-index:9;cursor:pointer}.home-header-navbar .navbar-form .form-group .form-control,.home-header .navbar-form .form-group .form-control{height:35px;padding-right:35px;border-radius:20px}@media (min-width:768px){.home-header-navbar .header-new,.home-header .header-new{top:2px;right:0;left:auto}}@media (min-width:768px){.home-header-navbar .navbar-nav .dropdown .dropdown-menu,.home-header .navbar-nav .dropdown .dropdown-menu{left:-30px;min-width:130px;text-align:center;border-width:0}.home-header-navbar .navbar-nav .dropdown .dropdown-menu li a,.home-header .navbar-nav .dropdown .dropdown-menu li a{padding:10px 0;font-size:14px}.home-header-navbar .navbar-nav .dropdown .dropdown-menu li a:focus,.home-header-navbar .navbar-nav .dropdown .dropdown-menu li a:hover,.home-header .navbar-nav .dropdown .dropdown-menu li a:focus,.home-header .navbar-nav .dropdown .dropdown-menu li a:hover{color:#666;background-color:transparent}.home-header-navbar .navbar-nav .dropdown .dropdown-menu li:first-child,.home-header .navbar-nav .dropdown .dropdown-menu li:first-child{padding-top:5px;margin-top:5px}.home-header-navbar .navbar-nav .dropdown:hover .dropdown-menu,.home-header .navbar-nav .dropdown:hover .dropdown-menu{display:block}}@media (min-width:768px){.home-header-navbar .header-user .dropdown-menu,.home-header .header-user .dropdown-menu{right:-44px}}.lab-control-box{position:fixed;bottom:80px;right:50px;z-index:999;width:289px;height:164px;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);border-radius:5px;text-align:center}.lab-control-box>img{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border-radius:5px}.lab-control-box .lab-control-btn{width:115px;height:30px;line-height:17px;border-radius:29px;margin-bottom:20px;color:#fff}.lab-control-box .lab-control-btn:hover{background:#fff}.lab-control-box .fa-caret-right{font-size:24px;vertical-align:middle}.lab-control-box #header-continue-lab{padding-top:4px}.lab-control-box #header-stop-lab{background:#d9534f}.lab-control-box .lab-control{display:none}.lab-control-box .lab-control-hint{display:block;text-align:center}.lab-control-box .lab-control-hint .lab-hint-container{height:36px;line-height:36px;width:100%;background:#212225;padding:0 10px;color:#c4c4c4;font-size:12px;border-top-left-radius:5px;border-top-right-radius:5px}.lab-control-box .lab-control-hint .lab-hint-container .lab-hint-title{font-size:16px;color:#fff;margin:0 10px}.lab-control-box .lab-control-hint .lab-hint-container img{transform:rotate(270deg);-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg)}.lab-control-box .lab-control-hint .lab-hint-content{font-size:19px;color:#fff;margin-top:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-control-box:hover{padding-top:40px}.lab-control-box:hover div.lab-control-hint{display:none}.lab-control-box:hover div.lab-control{display:block}.header-msg-count{position:absolute;top:8px;left:20px;width:10px;height:10px;color:#fff;font-size:14px;text-align:center;line-height:18px}.header-msg-count,.header-msg-mark{display:inline-block;background:#f66;border-radius:50%}.header-msg-mark{position:relative;right:10px;bottom:4px;width:8px;height:8px}#website-msg{width:100%;height:50px;background-color:#fbf6dc;border:1px solid #f5e79e}#website-msg .container{text-align:center;line-height:50px}#website-msg .container .msg-text,#website-msg .container i{font-size:16px;color:#8a6d3e;margin-right:15px}#website-msg .container .btn-mine{color:#fff;background-color:#f60;vertical-align:baseline;border-radius:4px}#website-msg .container i{cursor:pointer}@media (max-width:390px){#website-msg .container{line-height:23px}#website-msg .container .msg-text{margin:0}#website-msg .container .btn-mine{padding:1px 5px}}@media (max-width:512px){#website-msg .container .msg-text{font-size:12px}#website-msg .container .btn-mine{font-size:12px;padding:1px}}@media (max-width:540px){#website-msg img{display:none}}@media (max-width:767px){.header .user .dropdown-toggle{padding:15px}.header .user .dropdown-toggle .header-msg-count,.header .user .dropdown-toggle .user-vip{left:35px}.lab-control-box{display:none}}@media (max-width:768px){.home-header-navbar .navbar-nav .open .dropdown-menu,.home-header .navbar-nav .open .dropdown-menu{background-color:#eee}.home-header-navbar .dropdown-menu,.home-header-navbar .navbar-nav,.home-header .dropdown-menu,.home-header .navbar-nav{text-align:center}.home-header-navbar .navbar-toggle,.home-header .navbar-toggle{margin:18px}.home-header-navbar .sign-in,.home-header-navbar .sign-up,.home-header .sign-in,.home-header .sign-up{display:block}.home-header-navbar .header-user .user-vip,.home-header .header-user .user-vip{right:calc(50% - 25px)}.home-header-navbar .my-course,.home-header .my-course{text-align:center;position:static!important}.home-header-navbar .my-course .course,.home-header .my-course .course{display:none!important}}.louplus-top-banner{display:none;position:relative}.louplus-top-banner .top-banner-image{width:100%}.louplus-top-banner .remove-louplus-banner-btn{position:absolute;right:30px;top:calc(50% - 5px);color:#003;font-size:14px;cursor:pointer}.navbar-fixed-top .navbar-collapse{padding-left:15px;padding-right:15px}.footer{padding-top:20px;background:#333}.footer-col{min-height:150px}.footer-col .footer-slogan{margin:0 0 12px 15px;color:#fff;font-size:28px}.footer-col .social-item{width:30px;height:30px;margin:0 auto;color:#aeacaf;font-size:16px;line-height:30px;background:#636469;text-align:center;border-radius:50%;cursor:pointer}.footer-col .social-item i{margin:0}.footer-col .footer-qq-item:hover i{color:#1ca3dc}.footer-col .footer-weixin-item:hover i{color:#36bd4c}.footer-col .footer-weixin-item:hover .footer-weixin{display:block}.footer-col .footer-weibo-item:hover i{color:#ee4451}.footer-col .col-title{font-size:18px;margin-bottom:10px;color:hsla(0,0%,100%,.5)}.footer-col a{display:inline-block;margin-bottom:3px;color:#999;font-size:14px}.footer-col a:focus,.footer-col a:hover{color:#fff;text-decoration:none}.footer-qq-group{width:145px;display:none;border-radius:0;padding:0;background:#1f2532}.footer-qq-group.popover.top>.arrow:after{border-top-color:#1f2532}.footer-qq-group-header{padding:20px 0;color:hsla(0,0%,100%,.5);background:#2b323f;font-size:18px;font-weight:700;text-align:center;border-radius:0;border:none}.footer-qq-group-body{padding:4px;text-align:center}.footer-qq-group-body a{display:block;padding:16px;color:hsla(0,0%,100%,.5);font-size:13px}.footer-qq-group-body a:focus,.footer-qq-group-body a:hover{color:#fff;background:#1a1e29;text-decoration:none}.footer-weixin{display:none;position:absolute;bottom:45px;left:-40px;width:150px;padding:6px;background:#1f2532;text-align:center;box-shadow:0 5px 10px 0 rgba(0,0,0,.75)}.footer-weixin img{width:100%}.copyright{height:50px;margin-top:20px;color:#666;background:#171919;line-height:50px}.copyright a{color:#777}.copyright a:focus,.copyright a:hover{color:#fff;text-decoration:none}@media (max-width:768px){.copyright{line-height:25px}.copyright span{display:block}.copyright span.ver-line{display:none}}#sign-modal .close-modal{position:absolute;top:10px;right:10px;cursor:pointer;background:transparent;border:0;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);z-index:100}#sign-modal .nav-tabs>li{width:50%;text-align:center}#sign-modal .nav-tabs>li.active>a{font-weight:700}#sign-modal .nav-tabs>li>a{margin-right:0;padding:15px;font-size:18px;font-weight:500}#sign-modal .modal-content{padding:10px}#sign-modal .modal-content .modal-body{padding:10px;font-size:14px}#sign-modal form{margin-top:20px}#sign-modal form .form-inline{margin-bottom:15px}#sign-modal form .form-inline .form-group{width:50%}#sign-modal form .form-inline .verify-code{width:48%;height:34px;border:1px solid #ccc;cursor:pointer}#sign-modal form .agree-privacy{color:#999;font-size:12px!important;text-align:center}#sign-modal form .form-group{font-size:14px}#sign-modal form .error-msg{display:none;margin:10px 0 0}#sign-modal form .error-msg .alert{padding:5px 10px;margin:0}#sign-modal form .remember-login{font-size:12px}#sign-modal form .remember-login a{color:#999}#sign-modal form .remember-login a:focus,#sign-modal form .remember-login a:hover{color:#999;text-decoration:none}#sign-modal form .widget-signin,#sign-modal form .widget-signup{margin:0;text-align:center}#sign-modal form .widget-signin span,#sign-modal form .widget-signup span{position:relative;display:block;padding:12px 0 8px;color:#999;font-size:14px}#sign-modal form .widget-signin span:after,#sign-modal form .widget-signin span:before,#sign-modal form .widget-signup span:after,#sign-modal form .widget-signup span:before{content:"";position:absolute;top:52%;width:38%;height:1px;background:#eee}#sign-modal form .widget-signin span:before,#sign-modal form .widget-signup span:before{left:0}#sign-modal form .widget-signin span:after,#sign-modal form .widget-signup span:after{right:0}#sign-modal form .widget-signin a,#sign-modal form .widget-signup a{margin:0 4px;font-size:24px}#sign-modal form .btn{width:100%}.fa-qq{color:#5bc0de}.fa-weibo{color:#d9534f}.fa-weixin{color:#5cb85c}.fa-github{color:#333}.fa-renren{color:#f0ad4e}.nc-container .nc_scale span{height:34px!important;line-height:34px}.nc_scale div.nc_bg{background:#dcfff5!important;border:1px solid #5cce9a;border-right:none}.nc-container .errloading,.nc-container.tb-login .errloading{width:100%!important;padding:6px 5px 6px 6px!important}.nc-container .nc_scale .scale_text2 b{color:#666;font-size:14px}.nc_scale .scale_text2{color:#666;text-indent:0!important}.nc-container .nc_scale .btn_ok{border:1px solid #5cce9a;color:#666!important}.nc-container .nc_scale .scale_text2{text-align:center!important}@media (min-width:768px){#sign-modal .modal-dialog.modal-sm{width:350px}}@media (max-width:768px){#sign-modal .nav-tabs>li{float:left;margin:0}}.sub-menu{padding:0 0 10px 4px}.sub-menu a{display:inline-block;margin-right:20px;color:#999;font-size:14px}.sub-menu a.active,.sub-menu a:focus,.sub-menu a:hover{color:#666;text-decoration:none}.form-group label{display:block}.form-group .form-control{border-radius:0}form .help-block{color:#d9534f}.modal-content{border-radius:4px;padding:20px}.modal-header{color:#4c5157;border-bottom:2px solid rgba(0,0,0,.2);overflow:hidden}.modal-header h3,.modal-header h4{margin:0;font-weight:700;color:#4c5157}.modal-body{padding:30px 15px;font-size:16px}.modal-footer{margin-top:30px}@media (min-width:768px){.modal-dialog{width:768px;margin:80px auto}.modal-dialog.modal-sm{width:300px}}.btn{border-radius:0}.btn-join-path{font-size:16px;padding:7px 12px;background:#ff9717;box-shadow:1px 3px rgba(0,0,0,.2);border:none;border-radius:0}.btn-join-path,.btn-join-path:hover{color:#fff}.btn-path-operation{font-size:16px;width:210px}.side-sda{display:block;margin-bottom:10px;background-color:#fff;border:1px solid #eee;padding:15px;font-size:16px;color:#4c5157}.side-sda>span{margin-left:10px;vertical-align:middle}.side-sda.side-colored{color:#fff;font-size:20px;box-shadow:0 0 1px 4px #eee;text-align:center}.side-sda.side-colored.side-primary{background:#2a96d7}.side-sda.side-colored.side-success{background:#11c192}.side-sda:focus,.side-sda:hover{text-decoration:none;color:#4c5157}.side-sda:focus.side-colored,.side-sda:hover.side-colored{color:#fff}.side-sda-img{padding:0!important}.side-sda-img>img{width:100%}.side-image{margin-bottom:10px;background:#fff;text-align:center}.side-image img{width:100%}.side-image .side-image-text{color:#4c5157;font-size:16px}.side-image.side-qrcode{padding:15px 0}.side-image.side-qrcode img{width:183px;max-width:100%}.side-image-mobile{display:none}@media (max-width:767px){.side-image-mobile{display:block}.side-image-pc{display:none}}.new-features-copied .modal-content{position:relative;width:350px;padding:80px 0 20px;margin:0 auto;text-align:center}.new-features-copied .close{position:absolute;top:10px;right:10px}.new-features-copied .body{color:#666;font-size:14px;line-height:2}.new-features-copied .body a{color:#666;text-decoration:underline}.new-features-copied .btn{width:95px;height:30px;margin:45px 0;line-height:18px;color:#666;background:#fff;font-size:14px;border:1px solid #666;border-radius:4px;text-align:center}.new-features-copied .close-time{color:#4a4a4a;font-size:12px}.hot-labs-content a{display:block;padding:12px;color:#4c5157;font-size:14px}.hot-labs-content a:hover{background:#f9f9f9;text-decoration:none}.community-item{display:block;margin-top:10px;padding:12px 0;background:#f9f9f9;border:1px solid #eee;cursor:pointer;color:#333}.community-item:hover{background-color:#fff;text-decoration:none;color:#333}.community-item-left{min-width:100px;height:80px}.community-item-left .community-item-img{display:block;width:60px;height:60px;margin:0 auto}.community-item-left img{width:100%;height:100%;border-radius:50%}.community-item-name{font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:130px;font-size:16px}.community-item-info{padding:4px 0}.community-item-sum{font-size:14px;color:#9b9da2}.media-body,.media-left,.media-right{display:table-cell;vertical-align:middle}.report-item{border-radius:3px;padding:6px 20px 20px}.report-item>a{display:block;position:relative;height:220px;margin:15px 0;padding:25px 15px;color:#565a61;background:#f7f8fa;border:1px solid #eee}.report-item>a:focus,.report-item>a:hover{text-decoration:none}.report-item>a:before{content:"";position:absolute;top:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 16px 16px 0;border-color:#fff #fff #e3e8eb #e3e8eb}.report-item>div{padding:0}.report-item:hover{box-shadow:0 5px 15px #e5e5e5;transition:box-shadow .6s ease}.report-item-course{max-height:24px;color:#4c5157;font-size:15px;font-weight:700}.report-item-course,.report-item-lab{margin-bottom:10px;overflow:hidden}.report-item-lab{max-height:38px;color:#565a61;font-size:13px}.report-item-count{position:absolute;left:-4px;bottom:20px;padding:0 24px 0 12px;height:24px;line-height:22px;background:#fff;border:1px solid #e3e8eb;font-size:12px}.report-item-arrow,.report-item-arrow-line{position:absolute;width:0;height:0;font-size:0;line-height:0}.report-item-arrow{top:-1px;right:-1px;border-top:12px solid transparent;border-right:12px solid #e3e8eb;border-bottom:12px solid transparent}.report-item-arrow-line{top:-11px;right:-12px;border-top:11px solid transparent;border-right:11px solid #f7f8fa;border-bottom:11px solid transparent}.report-item-benchmark{position:absolute;right:20px;bottom:20px}.report-item-benchmark img{width:30px}.report-item-author{width:92%;text-overflow:ellipsis;color:#565a61;white-space:nowrap}.report-item-author .report-item-avatar .avatar img{width:24px;height:24px}.report-item-author .report-item-avatar .member_icon{right:-6px;bottom:-6px}.report-item-author .user-username{width:80%}.report-item-author .user-username .username{max-width:100%;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-5px}.report-item-comments{padding:0;color:#9b9da2;font-size:13px}.report-item-comments i{font-size:16px}.report-item-update{width:116px;margin-top:15px;color:#9b9da2;text-align:right;clear:both}.course{text-decoration:none;margin:0 0 20px}.course-box:active,.course-box:hover{box-shadow:0 4px 20px 4px #ddd;text-decoration:none}.course-box:active .course-body,.course-box:hover .course-body{bottom:54.5px}.course-box:active .course-body .course-desc,.course-box:hover .course-body .course-desc{height:54.5px}.course-box{min-height:220px}.course-box,.course-box-preview{display:block;position:relative;margin:0;background:#fff;box-shadow:0 2px 2px 0 #eee}.course-box-preview .sign-box,.course-box .sign-box{width:100%;color:#565a61;padding:0 5%;position:absolute;z-index:9;top:-5px}.course-box-preview .sign-box .course-new,.course-box .sign-box .course-new{margin-right:5px}.course-box-preview .sign-box .course-follow,.course-box .sign-box .course-follow{display:none;color:#f35e69;font-size:18px;margin-top:15px}.course-box-preview .online-time,.course-box .online-time{width:100%;height:150px;line-height:150px;position:absolute;top:0;background:rgba(50,50,50,.8);color:#fff;font-size:16px;text-align:center}.course-box-preview .course-img,.course-box .course-img{width:100%}.course-box-preview .course-img>img,.course-box .course-img>img{width:100%;height:150px}.course-box-preview .limited-label,.course-box .limited-label{position:absolute;top:-5px;left:-6px;width:130px;height:30px;line-height:24px;background:url(https://static.shiyanlou.com/img/limited_icon.png) no-repeat;background-size:100% 100%;text-align:center;font-size:12px;color:#fff}.course-box-preview .course-progress-bar,.course-box .course-progress-bar{width:100%;height:5px;background-color:#eee}.course-box-preview .course-progress-bar>div,.course-box .course-progress-bar>div{background-color:#5ac65a;box-shadow:none}.course-box-preview .course-body,.course-box .course-body{position:relative;bottom:0;background:#fff;transition:bottom .3s;height:100px}.course-box-preview .course-body .course-name,.course-box-preview .course-body .course-title,.course-box .course-body .course-name,.course-box .course-body .course-title{display:block;width:100%;padding:20px 10px 0;color:#666;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-box-preview .course-body .course-desc,.course-box .course-body .course-desc{display:-webkit-box;height:0;bottom:0;padding:0 10px;margin-top:10px;color:#666;font-size:13px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;transition:height .3s}.course-box-preview .course-body.course-preview,.course-box .course-body.course-preview{height:auto}.course-box-preview .course-body:after,.course-box .course-body:after{content:"";display:block;clear:both}.course-box-preview .course-footer,.course-box .course-footer{width:100%;height:43px;color:#9b9da2;padding:5px 10px;overflow:hidden;margin-top:10px}.course-box-preview .course-footer .course-per-num,.course-box .course-footer .course-per-num{display:inline-block;padding:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.course-box-preview .course-footer .course-bootcamp,.course-box .course-footer .course-bootcamp{padding:3px 10px;color:#fff;border-radius:100px;background-color:#f66e6e}.course-box-preview .course-footer .course-money,.course-box .course-footer .course-money{padding:3px 10px;color:#fff;border-radius:100px;background-color:#ffae0f}.course-box-preview .course-footer .course-free,.course-box .course-footer .course-free{padding:3px 10px;color:#fff;border-radius:100px;background-color:#59cf4a}.course-box-preview .course-footer:after,.course-box .course-footer:after{content:"";display:block;clear:both}.courses-sort{padding:20px 0 0;color:#c0c4cf}.courses-sort .courses-sort-container{display:inline-block;margin-right:50px}.courses-sort .courses-sort-container>a{display:inline-block;margin:-2px;padding:3px 5px;border:1px solid #c6c6c6;font-size:14px;color:#999}.courses-sort .courses-sort-container>a:focus,.courses-sort .courses-sort-container>a:hover{position:relative;z-index:9;border:1px solid #666;color:#39cca7;text-decoration:none}.courses-sort .courses-sort-container>a.active{position:relative;border:1px solid #666;color:#39cca7;z-index:9}.courses-sort .dropdown:hover .dropdown-menu{display:block}.courses-sort .dropdown-type{padding-bottom:20px;color:#666;font-size:14px}.courses-sort .dropdown-type:first-of-type{padding-right:10px}.courses-sort .dropdown-type.active,.courses-sort .dropdown-type:focus,.courses-sort .dropdown-type:hover{color:#fff;text-decoration:none}.courses-sort .dropdown-menu{min-width:105px;height:145px;border:none;text-align:center;padding-top:10px;left:-20px}.courses-sort .dropdown-menu li{margin-bottom:5px}.courses-sort .dropdown-menu li a{color:#666;font-size:14px;padding:6px 0 0}.courses-sort .dropdown-menu li a:focus,.courses-sort .dropdown-menu li a:hover{color:#fff;background:none}.courses-sort .dropdown-menu .active a{background:#fff;color:#fff}.courses-sort .dropdown-menu.status-menu{height:83px}.courses-sort>span{font-size:18px;color:#666;padding:0 10px}.courses-sort .course-type{position:absolute;bottom:18px;right:130px}@media (max-width:600px){.courses-sort .courses-sort-container{display:block;margin-top:10px}.courses-sort .course-type{bottom:40px}.courses-sort .side-sda{position:absolute;right:15px;bottom:28px}}.invite-friends{padding:10px;font-size:16px}.invite-friends .invite-friends-header{padding:15px;color:#fff;border-bottom:1px dashed #eee}.invite-friends .invite-friends-header img{float:left}.invite-friends .invite-friends-header div{padding-left:35px}.invite-friends .invite-friends-body{font-size:14px;padding:15px;color:#565a61}.invite-friends .invite-friends-body .invite-friends-link{width:100%;height:28px;border:1px solid #eee;border-radius:4px;padding:0 4px;line-height:28px;margin-top:10px;font-size:13px;overflow:hidden;white-space:nowrap;box-shadow:inset 0 1px 3px rgba(0,0,0,.075)}.invite-friends .invite-friends-copy{color:#fff;width:120px;height:36px;text-align:center;line-height:36px;margin:-8px 15px 8px;background-color:#fff;cursor:pointer}.users-top-header span{font-size:14px}.users-top-body{font-size:12px;border-bottom:1px solid #eee;margin:0}.users-top-body>div{margin:10px 0}.users-top-body .users-top-left a .user-vip{position:absolute;bottom:0;right:-6px}.users-top-body .users-top-left a:focus,.users-top-body .users-top-left a:hover{text-decoration:none}.users-top-body .users-top-left .users-top-img{height:36px;border-radius:50%}.users-top-body .users-top-left .users-top-name{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c5157;margin-left:10px}.users-top-body .users-top-left .users-top-info{margin-left:10px;margin-top:5px}.users-top-body .users-top-left .users-top-info .username{display:inline-block;max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.users-top-body .users-top-left .users-top-info .user-level{display:inline-block;overflow:hidden}.users-top-body .users-top-left .users-top-study-time{color:#9b9da2;font-size:14px}.users-top-body .users-top-right{padding:10px 0;text-align:center}.users-top-body .users-top-right>img{height:25px}.search-input{position:relative;margin:0 0 10px;padding:5px;background:#fff;border:1px solid #eee}.search-input>span{position:absolute;top:16px;left:16px;color:#9b9da2}.search-input>input{height:46px;padding:0 0 0 46px;font-size:16px;border:none;box-shadow:0 0 #fff}.search-input>input:focus{border:none;box-shadow:none}.search-input .btn{display:none;position:absolute;top:10px;right:-2px;height:34px;padding:0 22px;background:transparent;font-size:17px;border:1px dotted transparent;color:#38c09b}.side-search-input{margin-bottom:10px}.side-search-input button,.side-search-input input{height:40px;border-radius:0;border:1px solid #e2e2e2;-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0;-webkit-transition:none;transition:none}.pagination-container{text-align:center;clear:both}.pagination-container .pagination li{display:inline-block;margin:0 2px}.pagination-container .pagination a{color:#565a61;font-size:14px;border:none;border-radius:0!important}.pagination-container .pagination a:hover{color:#fff;background:#fff}.pagination-container .pagination .disabled a{color:#9b9da2}.pagination-container .pagination .disabled a:hover{color:#9b9da2;background:transparent}.pagination-container .pagination .active a{color:#fff;background:#fff}.comment-box .comment-title{padding:8px 0;color:#565656;font-size:14px;border-bottom:2px solid #eee}.comment-form{overflow:hidden}.comment-form .comment-form-reset{display:none;color:#fff;background:transparent}.comment-form .comment-form-reset:hover{color:#fff;background-color:#009973;border-color:#008f6b}.comment-form .btn{margin:10px 0 10px 10px}.comment-form-content{width:100%;height:120px;margin-top:12px;padding:6px 12px;background:#fafbfa;font-size:14px;border:1px solid #ececec;overflow-y:auto;resize:none}.comment-form-content:focus{border:1px solid #1abc9c;outline-color:hsla(0,0%,80%,0)}.comment-form-unlogin{width:100%;height:150px;margin:12px 0 30px;padding:6px 12px;background:#fafbfa;font-size:14px;text-align:center;line-height:136px;border:1px solid #ececec}.comment-form-unlogin a{color:#fff}.comment-list-item{padding:24px 0 4px;border-bottom:2px solid #eee}.comment-item-body{padding:0 0 0 20px;font-size:14px}.comment-item-name a{color:#fff}.comment-item-content{margin:8px 0;color:#464646}.assistant-wrapper{display:inline-block;width:100%;padding:10px 0 0}.comment-item-date{float:left;font-size:12px;display:inline-block;color:#a4a4a4}.comment-item-lab{float:left;margin-left:10px;color:#999;font-size:12px}.comment-item-delete{margin-left:8px}.comment-item-delete,.comment-item-reply{float:right;font-size:12px;cursor:pointer}.comment-item-reply a{color:#464646}.comment-item-reply a:focus,.comment-item-reply a:hover{color:#000;text-decoration:none}.float-left{float:left}.float-right{float:right}.no-margin{margin:0}.no-padding{padding:0}.comment-item-wrapper{position:relative}.comment-item-wrapper.comment-end-top .comment-list-item{border-bottom:3px solid #a4a4a4}.comment-item-wrapper.comment-end-top:after{content:"以上为置顶评论";position:absolute;bottom:-9px;padding:0 10px;margin-left:-52px;font-size:12px;text-align:center;color:#a4a4a4;background:#fff}.comment-item-options{margin-left:8px;font-size:14px;color:#a4a4a4;cursor:pointer}.sidebox{margin-bottom:10px;padding:15px;background:#fff}.sidebox-header{padding:0 0 10px;border-bottom:1px solid #eee}.sidebox-title{float:left;margin:0;font-size:16px;color:#4c5157}.sidebox-body{padding:10px 0;font-size:14px}.sidebox-body .vip-logo{width:20px;height:20px}.sidebox-header{overflow:hidden}.sidebox-header a{padding:4px 12px;border:1px solid #efefef;background:#fafafa;color:#666;font-size:12px}.sidebox-header a:hover{background:#f3f3f3;color:#333;border:1px solid #ddd;text-decoration:none}.sidebox-header .student-msg-edit{font-size:18px;cursor:pointer}.sidebox-footer{overflow:hidden}.sidebox-footer a{color:#529fd2}.sidebox-footer a:hover{text-decoration:none}.sidebox-live{position:relative;min-height:156px}.sidebox-live a.go-to-live,.sidebox-live a.go-to-live:focus,.sidebox-live a.go-to-live:hover{text-decoration:none}.sidebox-live .sidebox-live-header{padding-bottom:15px;font-weight:700;line-height:1.5;text-align:left}.sidebox-live .sidebox-live-header.on .live-notice{float:none;color:#666}.sidebox-live .sidebox-live-header.off{padding-bottom:0}.sidebox-live .sidebox-live-header.off .live-notice{float:none;color:#ff712a}.sidebox-live .sidebox-live-header.off .next-live{margin:10px 0;font-size:12px;color:#ff712a}.sidebox-live .sidebox-live-body{line-height:1.5;padding-top:15px;color:#666}.sidebox-live .sidebox-live-body.enter-live-room{display:none}.sidebox-live .sidebox-live-body.enter-live-room .outter{position:absolute;width:100%;top:0;left:0;display:flex;align-items:center;height:100%;justify-content:center}.sidebox-live .sidebox-live-body.enter-live-room .outter .live-room{color:#666;padding:8px 25px;background:#fff;border-radius:15px;text-decoration:none}.sidebox-live .sidebox-live-body.enter-live-room .outter .live-room>span{vertical-align:middle}.sidebox-live.on{border:1px solid #666}.sidebox-live.on:hover{padding:0;border:none;background-color:#606b68}.sidebox-live.on:hover .inner-show{display:none}.sidebox-live.on:hover .enter-live-room{display:block}.sidebox-live.no-live{display:flex;align-items:center;justify-content:center}.sidebox-live.no-live span{color:#a4a4a4;vertical-align:middle}.side-btn{width:100%;margin-bottom:10px;padding:14px 0;color:#fff;background:#fff;font-size:20px;border-radius:0;border:none}.side-btn:active,.side-btn:focus,.side-btn:hover{color:#fff;background:rgba(0,204,153,.7)}.mkeditor{padding:0;border-radius:4px}.mkeditor-editor{background:#fff;border:1px solid #ddd;border-top:0;outline:0}.mkeditor-editor .btn-group{padding:6px 0 6px 6px}.mkeditor-editor .btn-group.hide-toolbar,.mkeditor-editor .btn-group.hide-toolbar+.btn-group{display:none}.mkeditor-editor .btn-group.hide-toolbar+.btn-group+textarea{margin:0;background:#fff;border:none;outline:0}.mkeditor-editor .btn-group.hide-toolbar+.btn-group+textarea:focus,.mkeditor-editor .btn-group.hide-toolbar+.btn-group+textarea:hover{outline:none}.mkeditor-editor .btn-group.pull-right{padding-right:6px;margin-top:5px}.mkeditor-editor .btn-default{color:#333;background-color:#fff;border-color:#fff;outline:0}.mkeditor-editor .btn-default:hover{color:#333;background-color:#fff;border-color:#ccc}.mkeditor-editor textarea{display:block;font-size:14px;width:100%;height:200px;padding:8px;max-width:100%;border:0;border-top:1px solid #ddd}.mkeditor-editor .help-block{display:none;padding:4px 8px;margin:0;border-top:1px solid #ddd}.mkeditor-editor .help-block span{display:block;margin:0;padding:0}.mkeditor-viewer div{padding:12px;min-height:100px;background:#fff;border:1px solid #ddd;border-top:0;font-size:16px;word-break:break-all;overflow-y:auto}.mkeditor-viewer div img{max-width:100%;margin:8px 0}.mkeditor .nav-tabs{margin-bottom:0;border-bottom:1px solid #ddd}.mkeditor .nav-tabs>li>a{margin:0;margin-right:2px;line-height:1.42857143;padding:10px 15px;color:#6d6b69;background-color:transparent;font-size:14px;border:1px solid transparent;border-radius:4px 4px 0 0}.mkeditor .nav-tabs>li.active>a,.mkeditor .nav-tabs>li.active>a:focus,.mkeditor .nav-tabs>li.active>a:hover,.mkeditor .nav-tabs>li>a:focus,.mkeditor .nav-tabs>li>a:hover{color:#12b762;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}@media (max-width:767px){.mkeditor .mkeditor-editor .btn-group,.mkeditor .nav-tabs{display:none}}.img-btn-container{position:absolute;bottom:33px;left:-75px;display:none;outline:0;width:200px;height:100px;padding:10px;background:#fafafa;border:1px solid #ddd;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:4px}.img-btn-container .btn{width:100%;margin-bottom:10px;border-color:#eee;outline:0}.tag.tag-alone{display:inline-block;margin:0 4px 4px 0;line-height:0;font-size:13px;border-radius:2px}.tag.tag-alone.tag-success{padding:12px 8px;color:#4c5157;transition:background .6s ease}.tag.tag-alone.tag-success.active,.tag.tag-alone.tag-success:focus,.tag.tag-alone.tag-success:hover{color:#fff;background:#fff;text-decoration:none}.tag.tag-alone.tag-primary{padding:10px 6px;color:#7c99b6;background:#f1f6fb;font-size:12px}.tag.tag-alone.tag-primary.active,.tag.tag-alone.tag-primary:focus,.tag.tag-alone.tag-primary:hover{color:#7c99b6;background:#f1f6fb;text-decoration:none}.tags{display:block;margin:0;padding:0;list-style:none;font-size:0}.tags .tag{display:inline-block;margin:0 4px 4px 0;line-height:0;font-size:13px;border-radius:2px}.tags .tag.tag-success{padding:12px 8px;color:#4c5157;transition:background .6s ease}.tags .tag.tag-success.active,.tags .tag.tag-success:focus,.tags .tag.tag-success:hover{color:#fff;background:#fff;text-decoration:none}.tags .tag.tag-primary{padding:10px 6px;color:#7c99b6;background:#f1f6fb;font-size:12px}.tags .tag.tag-primary.active,.tags .tag.tag-primary:focus,.tags .tag.tag-primary:hover{color:#7c99b6;background:#f1f6fb;text-decoration:none}.nav-tabs{margin-bottom:10px;border:none;border-bottom:1px solid #eee}.nav-tabs>li>a{margin:0 48px 0 0;padding:0 0 4px;color:#565a61;background-color:transparent;font-size:16px;border:none;border-bottom:1px solid transparent}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{color:#4c5157;background-color:transparent;border:none;border-bottom:1px solid transparent;border-bottom-color:#fff}@media (max-width:768px){.nav-tabs>li{float:none;display:block;margin:14px 0}}@media (max-width:1199px){.nav-tabs>li>a{margin:0 30px 0 0}}.breadcrumb{margin:0;padding:10px 0;font-size:13px;background:transparent;border-radius:0}.breadcrumb li a{color:#666}.breadcrumb li a:focus,.breadcrumb li a:hover{color:#fff;text-decoration:none}.float-sda{position:fixed;top:30%;right:0;z-index:1}@media (max-width:768px){.float-sda{display:none}}.invite-user-btn{cursor:pointer}.markdown-box{font-size:14px;font-family:Microsoft Yahei,Open Sans,Helvetica Neue,Helvetica,Arial,STHeiti,sans-serif}.markdown-box h2{font-size:18px;line-height:2.4}.markdown-box h3{font-size:16px;background:#eff5f5;padding:8px;color:#637375}.markdown-box h4{font-size:15px;color:#555;padding:8px}.markdown-box p{line-height:1.6}.markdown-box ul{background:#fbfbf8;padding-bottom:10px;padding-top:10px;color:#817f74;line-height:2}.markdown-box a,.markdown-box b,.markdown-box strong{font-size:90%;padding:0 4px}.markdown-box b,.markdown-box strong{font-weight:700;color:#444}.markdown-box pre{display:block;padding:9.5px;margin:0 0 10px;font-size:.76em;line-height:20px;word-break:break-all;word-wrap:break-word;color:#859c91;background-color:#f5f5f5;border:none;border-radius:4px}.markdown-box img{max-width:100%}.side-list-body a{display:block;padding:10px;color:#565a61;font-size:14px;word-break:break-all;word-wrap:break-word}.side-list-body a:hover{background:#f9f9f9;text-decoration:none}.ads-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding-top:120px;background:rgba(0,0,0,.5);text-align:center;z-index:1600}.ads-modal-body{display:inline-block;position:relative}.ads-modal-close{display:inline-block;position:absolute;right:-50px;top:-50px;color:#fff;font-size:16px;cursor:pointer}.ads-modal-close i{width:24px;height:24px;padding:4px;background:rgba(0,0,0,.5);border-radius:50%}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;font-size:16px;line-height:1.6;word-wrap:break-word}.markdown-body a{background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:700}.markdown-body h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body kbd{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;overflow:visible}.markdown-body input{font:inherit;margin:0;overflow:visible}.markdown-body [type=button]:-moz-focusring,.markdown-body [type=reset]:-moz-focusring,.markdown-body [type=submit]:-moz-focusring,.markdown-body button:-moz-focusring{outline:1px dotted ButtonText}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif}.markdown-body a{color:#4078c0;text-decoration:none}.markdown-body a:active,.markdown-body a:hover{text-decoration:underline}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}.markdown-body hr:after,.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{clear:both}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0;line-height:1.5}.markdown-body h1{font-size:30px}.markdown-body h2{font-size:21px}.markdown-body h3{font-size:16px}.markdown-body h4{font-size:14px}.markdown-body h5{font-size:12px}.markdown-body h6{font-size:11px}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:3px!important}.markdown-body .pl-2{padding-left:6px!important}.markdown-body .pl-3{padding-left:12px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:36px!important}.markdown-body .pl-6{padding-left:48px!important}.markdown-body .form-select::-ms-expand{opacity:0}.markdown-body:after,.markdown-body:before{display:table;content:""}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{display:inline-block;padding-right:2px;margin-left:-18px}.markdown-body .anchor:focus{outline:none}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1em;margin-bottom:16px;font-weight:700;line-height:1.4}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#000;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1{padding-bottom:.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #eee}.markdown-body h1 .anchor{line-height:1}.markdown-body h2{padding-bottom:.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #eee}.markdown-body h2 .anchor{line-height:1}.markdown-body h3{font-size:1.5em;line-height:1.43}.markdown-body h3 .anchor{line-height:1.2}.markdown-body h4{font-size:1.25em}.markdown-body h4 .anchor{line-height:1.2}.markdown-body h5{font-size:1em}.markdown-body h5 .anchor{line-height:1.1}.markdown-body h6{font-size:1em;color:#777}.markdown-body h6 .anchor{line-height:1.1}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}.markdown-body table th{font-weight:700}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #ddd}.markdown-body table tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table tr:nth-child(2n){background-color:#f8f8f8}.markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff}.markdown-body kbd{font-size:11px}.markdown-body .pl-c{color:#969896}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0086b3}.markdown-body .pl-e,.markdown-body .pl-en{color:#795da3}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#333}.markdown-body .pl-ent{color:#63a35c}.markdown-body .pl-k{color:#a71d5d}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#183691}.markdown-body .pl-v{color:#ed6a43}.markdown-body .pl-id{color:#b52a1d}.markdown-body .pl-ii{background-color:#b52a1d;color:#f8f8f8}.markdown-body .pl-sr .pl-cce{color:#63a35c;font-weight:700}.markdown-body .pl-ml{color:#693a17}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#1d3e81;font-weight:700}.markdown-body .pl-mq{color:teal}.markdown-body .pl-mi{color:#333;font-style:italic}.markdown-body .pl-mb{color:#333;font-weight:700}.markdown-body .pl-md{background-color:#ffecec;color:#bd2c00}.markdown-body .pl-mi1{background-color:#eaffea;color:#55a532}.markdown-body .pl-mdr{color:#795da3;font-weight:700}.markdown-body .pl-mo{color:#1d3e81}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#4078c0;border:1px solid #4078c0}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#4078c0}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.panel-userinfo{margin-bottom:10px;border-color:#eee}.panel-userinfo .body-userinfo .userinfo-header{word-break:break-all;overflow:visible}.panel-userinfo .body-userinfo .userinfo-header .media-left{padding-left:20px}.panel-userinfo .body-userinfo .userinfo-header .media-left .user-avatar .avatar img{width:80px;height:80px}.panel-userinfo .body-userinfo .userinfo-header .media-left .user-avatar .member-icon>img{width:26px;height:26px}.panel-userinfo .body-userinfo .userinfo-header .media-body{overflow:visible}.panel-userinfo .body-userinfo .userinfo-header .media-body .username{color:#000;font-size:16px}.panel-userinfo .body-userinfo .userinfo-header .media-body .username a{color:#000}.panel-userinfo .body-userinfo .userinfo-header .media-body .username a:hover{text-decoration:none;color:#666}.panel-userinfo .body-userinfo .userinfo-header .media-body .user-level{margin-left:-2px;color:#fec42d;font-size:12px;font-weight:700}.panel-userinfo .body-userinfo .userinfo-header .media-body p.vip-remain{padding-top:10px;margin-bottom:-10px;color:#999}.panel-userinfo .body-userinfo .userinfo-header .media-body p.vip-remain a{color:#f33}.panel-userinfo .body-userinfo .userinfo-header .media-body p.vip-join{padding-top:10px;margin-bottom:-10px}.panel-userinfo .body-userinfo .userinfo-header .media-body p.vip-join a img{width:12px;height:12px}.panel-userinfo .body-userinfo .userinfo-data{text-align:center}.panel-userinfo .body-userinfo .userinfo-data .data-item{border-right:1px solid #ebebeb}.panel-userinfo .body-userinfo .userinfo-data .data-item .counter-a{font-size:16px;color:#000}.panel-userinfo .body-userinfo .userinfo-data .data-item .counter-a span{font-size:25px;color:#36b935}.panel-userinfo .body-userinfo .userinfo-data .data-item .counter-a:hover{text-decoration:none;color:#36b935}.panel-userinfo .body-userinfo .userinfo-data .data-item .counter-p{font-size:16px;color:#000}.panel-userinfo .body-userinfo .userinfo-data .data-item .counter-p span{color:#fecf2d;font-size:25px}.panel-userinfo .body-userinfo .userinfo-data .btn-group-lr{padding-left:22px}.panel-userinfo .body-userinfo .userinfo-data .btn-group-lr .login-btn{border:1px solid #fff;border-radius:2px;background:#fff;color:#6e6e6e}.panel-userinfo .body-userinfo .userinfo-data .btn-group-lr .login-btn:hover{background:#fff;color:#fff}.panel-userinfo .body-userinfo .userinfo-data .btn-group-lr .register-btn{background:#fff;border-radius:2px;color:#fff}.panel-userinfo .body-userinfo .userinfo-last-learn{text-align:center}.panel-userinfo .body-userinfo .userinfo-last-learn h4{text-align:left}.panel-userinfo .body-userinfo .userinfo-last-learn .last-course-name{font-size:14px;text-align:center}.panel-userinfo .body-userinfo .userinfo-continue-learn{margin-top:10px}.panel-userinfo .body-userinfo .userinfo-continue-learn .btn{display:block}.panel-userinfo .body-userinfo .userinfo-footer{margin-bottom:-10px;color:#666}.panel-userinfo .body-userinfo .userinfo-footer div.pos-left{text-align:left}.panel-userinfo .body-userinfo .userinfo-footer div.pos-left a{color:#fff}.panel-userinfo .body-userinfo .userinfo-footer div.pos-right{text-align:right}.panel-userinfo .body-userinfo .userinfo-footer div.pos-right a{color:#fff}.panel-userinfo .body-userinfo .userinfo-footer div.modal{color:#000}.challenge-types,.question-types{position:relative}.challenge-types .challenge-sort,.challenge-types .question-sort,.question-types .challenge-sort,.question-types .question-sort{position:absolute;top:6px;right:0;color:#565a61}.challenge-types .challenge-sort a,.challenge-types .question-sort a,.question-types .challenge-sort a,.question-types .question-sort a{color:#565a61;font-size:13px}.challenge-types .challenge-sort a.active,.challenge-types .challenge-sort a:focus,.challenge-types .challenge-sort a:hover,.challenge-types .question-sort a.active,.challenge-types .question-sort a:focus,.challenge-types .question-sort a:hover,.question-types .challenge-sort a.active,.question-types .challenge-sort a:focus,.question-types .challenge-sort a:hover,.question-types .question-sort a.active,.question-types .question-sort a:focus,.question-types .question-sort a:hover{color:#fff;text-decoration:none}.challenge-types .challenge-sort.sort-filter,.challenge-types .challenge-sort.sort-filter a,.challenge-types .question-sort.sort-filter,.challenge-types .question-sort.sort-filter a,.question-types .challenge-sort.sort-filter,.question-types .challenge-sort.sort-filter a,.question-types .question-sort.sort-filter,.question-types .question-sort.sort-filter a{color:#c0c4cf}.challenge-types .challenge-sort.sort-filter a.active,.challenge-types .question-sort.sort-filter a.active,.question-types .challenge-sort.sort-filter a.active,.question-types .question-sort.sort-filter a.active{color:#fff;text-decoration:none}.questions-list .desc{padding:5px 0;margin:0 20px;border-bottom:1px solid #f2f4f7}.question-items{list-style:none;margin:0;padding:0}.question-item{display:block;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden}.question-item>.col-md-10{padding:0}.question-item>.col-md-10 h4{margin:0;white-space:nowrap;display:inline-block;max-width:100%}.question-item>.col-md-10 h4 a{vertical-align:middle}.question-item > .col-md-10 h4 .question-type:{font-size:14px}.question-item-author{width:10%}.question-item-area{padding:2px 4px;font-size:10px;font-weight:100}.question-item-title{color:#4c5157;font-size:18px;line-height:24px;max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis}.question-item-title:focus,.question-item-title:hover{color:#fff;text-decoration:none}@media (max-width:767px){.question-item-title{white-space:normal;word-break:break-all}}.question-item-summary{margin-top:8px;color:#9b9da2;font-size:13px}.question-item-summary>span{margin:0 4px}.question-item-summary>span.question-item-tags{font-size:0}.question-item-summary>span.question-item-tags .tag{margin-right:4px}.question-item-course a{color:#9b9da2}.question-item-course a:focus,.question-item-course a:hover{color:#4c5157;text-decoration:none}.question-item-rank{padding:0;margin-top:8px;text-align:center}.question-item-rank>div{display:inline-block;color:#565a61;font-size:14px;text-align:center}.question-item-rank>div.question-item-answered{color:#fff}@media screen and (max-width:767px){.question-item-summary>span{margin:0 8px}.question-item-course:before{content:"";display:block;width:100%}.question-item-tags:before{content:"";display:block;width:100%}.question-item-rank{text-align:right}}.old-forum{box-shadow:0 1px 1px 0 #ccc;padding:15px;margin-bottom:10px;background:#fff}.old-forum a{color:#484e54;font-size:16px;font-weight:700}.old-forum a:hover{color:#00b877;text-decoration:none}.user-info .sidebox-body div{padding:4px 16px;color:#7b7f88;font-size:14px}.user-info a{color:#7b7f88}.user-info a:hover{color:#fff;text-decoration:none}.askquestion-modal textarea{width:100%;max-width:100%;margin:0}.askquestion-modal label{font-size:16px;font-weight:100;color:#4e5357;margin:0}.askquestion-modal .label{display:inline-block;cursor:pointer;padding:5px 8px;margin:4px 4px 4px 0;border-radius:2px;color:#769bba;font-size:13px;font-weight:300}.askquestion-modal .label-default{background:#fff}.askquestion-modal .label-default:hover{background:#eef5fc}.askquestion-modal .label-success{background:#fff;color:#fff}.question-detail{background:#fff;padding:30px;margin-bottom:15px;box-shadow:0 1px 1px #ccc}.question-headline .question-title{font-size:20px;font-weight:800;word-break:break-all;width:650px;color:#484e54}.question-headline .question-figure{float:right;margin-right:20px;padding-top:5px;color:#a4a4a4;font-size:12px}.question-headline .collectBtn{width:48px;padding:0;margin-top:4px;font-size:12px;border-radius:20px}.question-author{margin-top:16px;font-size:13px}.question-author span{margin-right:30px}.question-author img{display:inline-block;width:36px;margin-right:6px;border-radius:50%}.question-author .user-icon{border-radius:0}.question-author .author-name{margin:0;color:#484e54}.question-author .user-vip{display:inline-block;margin-right:30px}.question-author .shiyandou{width:18px;height:18px;margin:0;vertical-align:text-bottom}.question-delete,.question-edit{float:right;padding:5px 12px;margin-right:10px;color:#565a61;font-size:14px;cursor:pointer;border:1px solid #ccc}.question-delete:hover,.question-edit:hover{border:1px solid #adadad;background-color:#e6e6e6}.question-content .btn.error-correction-confirm{color:#fff;background:#fff}.question-content .btn.error-correction-confirm:focus,.question-content .btn.error-correction-confirm:hover{background:#666;border-color:#666}.question-content .btn.error-correction-confirm.disabled{background:#aaa;border-color:#aaa}.question-content{overflow:hidden}.answer-content h1,.question-content h1{font-size:19px;font-weight:700}.answer-content h2,.question-content h2{font-size:18px;font-weight:700}.answer-content h3,.question-content h3{font-size:17px;font-weight:700}.answer-content h4,.answer-content h5,.answer-content h6,.question-content h4,.question-content h5,.question-content h6{font-size:16px;font-weight:700}.answer-content p,.question-content p{margin:14px 0;line-height:26px;font-size:15px}.answer-content li,.question-content li{font-size:16px}.answer-content .imgZoomIn,.answer-content img,.question-content .imgZoomIn,.question-content img{width:auto!important;margin:0!important;border-radius:4px!important;display:block;cursor:pointer}.answer-content .imgZoomIn,.question-content .imgZoomIn{max-width:100%!important}.answer-content a,.question-content a{float:none;color:#00b877}.answer-content hr,.question-content hr{margin:12px 0;border-color:#999}.question-content{margin-top:20px;margin-bottom:40px}.question-content p{word-break:break-all;color:#484e54;line-height:25px;overflow:hidden}.answer-content{margin:5px 0 20px;font-size:15px;color:#484e54;word-wrap:break-word}.answer-content textarea{width:100%;height:200px;resize:none}.top-ctrl,.untop-ctrl{float:right;font-size:13px;color:#fff;margin-right:8px;border:1px solid #198a73;padding:4px 8px;background:#11aa8c;cursor:pointer}.top-ctrl:focus,.top-ctrl:hover,.untop-ctrl:focus,.untop-ctrl:hover{color:#fff;background:#17b899;text-decoration:none}@media (max-width:767px){.question-headline .question-title{display:block;width:100%}.question-headline .question-figure{float:none;display:inline-block;margin:10px 10px 10px 0}.question-author .question-from{display:block;margin:10px 0}.question-author .tagStyle2{display:inline-block;margin:4px 0}.question-author .tagStyle2:before{content:"";display:block}}.answer-item .comment-assistant img{position:relative;top:4px;width:auto;border-radius:0}.assistant-mark{display:inline-block;padding:20px 0 0;color:#a4a4a4;font-size:12px;border-top:1px dashed #ccc}.assistant-mark a{color:#f66}.assistant-mark a:focus,.assistant-mark a:hover{text-decoration:none}.like-status{position:absolute;right:0;top:0;font-size:16px;margin-right:5px}.like-status i{border-right:1px solid #d5cdce;padding-right:5px;margin-right:5px}.like-status i.fa-like-answer{transition:all 1s cubic-bezier(.68,-.55,.27,1.55);transform:scale(1.1)}.like-status i:hover{cursor:pointer}.like-answer{color:#ea6f5a}.unlike-answer{color:#9f9c99}.question-answers{padding-bottom:50px}.answer-item{margin-top:30px}.answer-item .home-page{float:left;color:#484e54;font-size:13px}.answer-item img{display:inline-block;width:36px;margin:-10px 5px 0 0;border-radius:50%}.answer-item.accepted-answer{margin-top:10px;padding:20px;background:#f4fbf5}.answer-head{float:left;width:40px;margin-right:10px;margin-top:5px}.answer-detail{position:relative;margin-left:55px;padding-bottom:5px}.answer-detail hr{margin-top:6px;margin-bottom:6px}.answer-detail .comment-reply a{color:#367eba;font-size:13px;margin:0 2px}.answer-detail .comment-reply .member-icon img{width:13px;height:13px;margin:0}.answer-detail .comment-parent{margin-left:5px;color:#9b9da2}.answer-detail .comment-parent a{color:#347eba;font-size:13px;margin:0 2px}.answer-detail .comment-parent .member-icon img{width:13px;height:13px;margin:0}.answer-detail .commentBtn,.answer-detail>a{float:right;color:#666;text-decoration:none;cursor:pointer;margin-right:5px}.answer-detail .answer-detail-accept,.answer-detail .answer-detail-accepted{padding:2px 10px;color:#fff;background:#666;border-color:#666;float:right;margin:-4px 5px 0 0;font-size:12px}.answer-detail .answer-detail-accepted{background:#fff;border-color:#fff}.answer-detail .create-time{display:inline-block;padding:15px 0 10px;color:#a4a4a4}.commentBtns{float:right;margin-top:20px}#commentCancel{float:left;width:70px}#commentCancel:hover{color:#d3d3d3}#commentSubmit{float:left;width:70px;color:#fff;background-color:#1cb974;border-radius:0;height:30px;padding:5px}.ptilte{font-size:18px;color:#666;padding-bottom:6px}.your-answer{padding-bottom:40px}.your-answer img.question-head{display:inline-block;width:36px;margin:-10px 5px 0 0;border-radius:50%}.clear-reply{display:none;width:100px;float:right;padding:6px 12px;color:#fff;margin-right:10px}.clear-reply:hover{background-color:#fff;color:#fff}#yourAnswerForm{margin:12px 0 14px}#youAnswerBtn{float:right;width:100px;color:#fff;background-color:#fff;border-radius:0}.answer-delete,.answer-edit{margin-left:5px}@media (min-width:768px){#askquestion .form-horizontal .control-label{width:100px}}.question-desc{margin:0 0 30px}.question-desc a{color:#00b877}.search-result{display:none;margin:12px 0;font-size:13px;background:#f7f7f7;padding:8px;color:#666}.private-course{margin-top:50px;font-size:16px;color:#999}.add-privatecourse .sidebox-body,.private-course{text-align:center}.add-privatecourse .sidebox-body input{width:100%;padding:6px 12px}.add-privatecourse .sidebox-body .btn{width:100%;margin-top:10px}.course-items-container{background:none;padding:20px 0!important;border:none}.course-cates{font-size:16px;color:#666;margin:0}.course-cates:first-child{margin-bottom:10px}.course-cates:nth-of-type(2){padding-bottom:20px;border-bottom:2px solid #eee}.course-cates-title{padding:0;width:62px}.course-cates-content{padding-left:0}.course-cates-content .course-cates-vip,.course-cates-content>a{display:inline-block;margin:0 4px 10px 0;padding:4px 10px;font-size:15px;color:#666;border-radius:15px;cursor:pointer;transition:color 1s ease;transition:background .5s ease}.course-cates-content .course-cates-vip.active,.course-cates-content .course-cates-vip:focus,.course-cates-content .course-cates-vip:hover,.course-cates-content>a.active,.course-cates-content>a:focus,.course-cates-content>a:hover{color:#fff;background:#666;text-decoration:none}.course-cates-content .course-cates-vip a{color:#666}.course-cates-content .course-cates-vip a img{width:20px}.course-cates-content .course-cates-vip.active a,.course-cates-content .course-cates-vip a.active,.course-cates-content .course-cates-vip a:focus,.course-cates-content .course-cates-vip a:hover{color:#fff;text-decoration:none}.course-cates-content.course-tags{max-height:119px;overflow:hidden}a.show-more-btn{position:absolute;right:20px;bottom:101px;display:none;padding:0 8px;text-align:center;border-radius:20px;border:1px solid #a4a4a4;font-size:14px;color:#a4a4a4}a.show-more-btn span{margin-left:-5px}a.show-more-btn:focus,a.show-more-btn:hover{text-decoration:none}@media (max-width:600px){a.show-more-btn{bottom:118px}}a.show-btn{display:block!important}p.join-vip-faq{margin-top:20px;margin-bottom:-50px;font-size:13px}p.join-vip-faq img{height:13px;width:13px;margin-top:-2px}a.vip-without-bean{font-size:18px;line-height:30px}.null-course{margin-left:15px}.open-overflow-hide{padding-right:15px;overflow:hidden}.management-entrance{font-size:13px;color:#68a7d8;margin-bottom:0}.management-entrance:hover{color:#68a7d8}a.louplus-prompt{position:absolute;right:30px;top:30px;font-size:13px;letter-spacing:.2px;color:#6ea6ed}a.louplus-prompt:focus,a.louplus-prompt:hover{color:#2c80ec}start-first-lab .lab-item-ctrl .btn-primary{background-color:#fff;border-color:#fff;color:#fff}.lab-item{position:relative;margin:12px 0;border:1px solid #eee}.lab-item .lab-item-header{background:#f7f7f7;border-bottom:1px solid #eee;padding-right:10px;height:55px}.lab-item .lab-item-header>div{display:inline-block;margin:0 12px;padding:14px 0;font-size:16px;vertical-align:middle}.lab-item .lab-item-header>div.lab-item-ctrl{padding:0;margin:10px 0 0;z-index:10}.lab-item .lab-item-header>div.lab-item-ctrl .live-time-btn{text-decoration:underline;text-decoration-color:#ff712a}.lab-item .lab-item-header>div.lab-item-ctrl .live-time-btn:focus,.lab-item .lab-item-header>div.lab-item-ctrl .live-time-btn:hover{text-decoration-color:#ff712a}.lab-item .lab-item-header>div.lab-item-ctrl .see-replay{border:1px solid #666;color:#666;font-size:16px}.lab-item .lab-item-header>div.lab-item-ctrl .see-replay img{margin-right:10px}.lab-item .lab-item-header>div.lab-item-ctrl .live-end{padding:7px 18px;font-size:14px;color:#999}.lab-item .lab-item-header>div.lab-item-ctrl .live-end.live-time{color:#ff712a}.lab-item .lab-item-header>div.lab-item-ctrl .challenge-status{color:#fff;border-radius:15px;vertical-align:middle;text-align:center;margin-right:18px;display:inline-block;width:44px;height:17px;font-size:12px}.lab-item .lab-item-header>div.lab-item-ctrl .challenge-status.status-pass{background:#666}.lab-item .lab-item-header>div.lab-item-ctrl .challenge-status.status-fail{background:#f66}.lab-item .lab-item-header>div.lab-item-ctrl .lab-start-challenge{color:#fff;background-color:#fff}.lab-item .lab-item-header>div.lab-item-ctrl .btn{padding:6px 20px;border-radius:4px;font-size:16px}.lab-item .lab-item-header>div.lab-item-ctrl .btn-view-doc{color:#999}.lab-item .lab-item-header>div.lab-item-ctrl .btn-view-doc:hover{border:1px solid #ccc;color:#666}.lab-item .lab-item-header.not-open{background:#fafafa;border:none}.lab-item .lab-item-content{padding:0 20px}.lab-item .lab-item-content span{position:absolute;right:20px;bottom:5px;display:none;padding-left:12px;cursor:pointer;font-size:12px;color:#666;background:#fff}.lab-item .lab-item-content .course-details{margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;color:#a4a4a4}.lab-item.not-open{border:none}.lab-item:not(.not-open):hover.can-not-start:after{content:"请按顺序依次实验";position:absolute;right:10px;top:16px;font-size:14px;color:#ac9}@media (max-width:768px){.lab-item .lab-item-header>div.lab-item-ctrl{margin:12px}}.lab-item-status img{vertical-align:middle}.lab-item-index{color:#999}.lab-item-title{max-width:450px;white-space:pre;text-overflow:ellipsis;overflow:hidden}.lab-item-title.not-open{color:#999}@media (max-width:767px){.lab-item .lab-item-header>div.lab-item-ctrl{float:none!important;text-align:right;position:absolute;right:0;top:0}.lab-item .lab-item-header>div.lab-item-ctrl .live-end{padding:0}.lab-item-title{display:block!important}}.lab-item .tooltip.bottom{background:#fff}.lab-item .tooltip.bottom .tooltip-arrow{border-bottom-color:#6f6f6f}.lab-item .tooltip.bottom .tooltip-inner{width:120px;padding:10px 8px;color:#fff;background-color:#707070}.start-lab-modal .modal-content{width:350px;padding:40px 25px;margin:0 auto}.start-lab-modal .lab-modal-title{color:#565656;font-size:18px;text-align:center}.start-lab-modal .lab-modal-text{color:#a4a4a4;font-size:12px;text-align:center}.start-lab-modal .lab-modal-count{color:#666;font-size:12px;text-align:center}.start-lab-modal .lab-modal-count span{color:#666;font-weight:700}.start-lab-modal .btn{width:100%;height:35px;padding:0;margin:0;font-size:16px;text-align:center;line-height:35px;font-weight:100;border-radius:4px;border:1px solid #666}.start-lab-modal .btn.disabled{background:#9ce5d3!important;border-color:#9ce5d3!important}.start-lab-modal .cancel-btn{color:#666;background:#fff}.start-lab-modal .ok-btn{color:#fff;background:#666}.start-lab-modal .lab-modal-btns .btn{width:calc(50% - 12px)}.start-lab-modal .lab-modal-btns .cancel-btn{margin-right:10px}.start-lab-modal .lab-modal-btns .ok-btn{margin-left:10px}#lab-running-modal .lab-modal-title{margin-bottom:30px}#start-lab-modal .lab-modal-title{margin-bottom:7px}#start-lab-modal .ok-btn{margin-top:30px}#vip-start-lab-modal .lab-modal-title{margin-bottom:7px}#vip-start-lab-modal .use-saved-btn{margin-top:30px}#vip-start-lab-modal .use-default-btn{margin-top:10px}#vip-start-lab-modal .lab-modal-count+.use-default-btn{margin-top:30px}.recent-contest-content{color:#666}.recent-contest-content .contest-box{height:40px}.recent-contest-content .contest-box span{vertical-align:-6px}.recent-contest-content .contest-box a{display:inlne-block;padding:5px 10px;background-color:#666;font-size:14px;color:#fff}.recent-contest-content .contest-box a:focus,.recent-contest-content .contest-box a:hover{text-decoration:none}.content-label{display:inlne-block;margin-left:10px;padding:0 7px;border-radius:20px;vertical-align:-5px;background-color:#eee;font-size:12px;color:#a4a4a4}.related-challenge-content .content-label{vertical-align:2px;font-size:12px;color:a4a4a4}.related-challenge-content span{display:inline-block;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#666}#weixin-qrcode{display:none;background-color:#fff;text-align:center}#weixin-qrcode img{width:160px;height:160px}.mooc-course .mooc-footer a,.mooc-teacher .mooc-footer a{float:right;font-size:14px}.mooc-course .mooc-content img{display:block;max-width:100%;max-height:150px;margin:0 auto}.mooc-course .mooc-content div{margin:10px 0;font-size:14px}.mooc-teacher .mooc-content a{display:block;float:left;width:64px;height:64px;margin-right:20px;border-radius:50%;overflow:hidden}.mooc-teacher .mooc-content img{width:100%}.mooc-teacher .mooc-info div{margin:5px 0;font-size:14px;color:#4c5157}.mooc-teacher .mooc-extra-info{padding:5px;clear:both}.mooc-teacher .mooc-extra-info div{font-size:14px;color:#4c5157;line-height:24px}.mooc-teacher .mooc-extra-info .showDetail{color:#999}.mooc-teacher .mooc-info .name{font-size:15px;margin-right:10px;color:#4c5157}.activate-course{width:80%;margin:0 auto;padding:5px 5px 5px 10px;color:#fff;background:#f3664f;font-size:16px;line-height:32px;overflow:hidden}.activate-course .btn{color:#fff;background:#f3bc41;border:none}.want-talk{height:150px}.disabled-talk a{color:#1abc9c}.talk-items .row{border-top:1px solid #efefef;padding:24px 0 4px;margin:0}.talk-items .row:after{content:"";display:block;clear:both}.notify.text-center{background-color:#fbf6dc;border-bottom:1px solid #f5e79e;font-size:14px;color:#ab9670;margin-top:-50px;position:fixed;width:100%;z-index:100;height:45px;line-height:45px}.notify img{height:14px}.notify .email-checkout-btn{background-color:#fff;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px}.course-description{width:80%;margin:30px auto 0;padding:25px 50px;box-shadow:0 1px 3px 0 #ccc}.course-description h4{font-size:18px;font-family:Microsoft Yahei,SimHei,Tahoma,Arial,Helvetica,STHeiti;font-weight:bolder}.course-description p{margin:30px auto;font-size:14px;text-align:left;color:#484848}.course-description .progress{height:16px;border-radius:12px;background-color:#fff}.course-description .progress-bar-success{background-color:#5ac65a;box-shadow:none}.course-description .mooc a{width:100px;margin:5px 15px 5px 0;color:#13a654;border:1px solid #13a654;border-radius:0}.course-description .mooc div{color:#ef5555;font-size:14px;line-height:1.6em}.course-description p.requirement{text-align:left}h4 i{float:right;position:relative;top:-30px;color:#1abc9c;cursor:pointer}.labs-list{width:70%;min-width:650px;margin:0 auto}.labs-list .btn.disabled,.labs-list .line.disabled{background:#b0b0b0}.labs-list a.btn:hover{background:#14ad8f;color:#fff}.labs-list .popover{z-index:1010}.progress-con{width:100%;height:60px;padding:10px}#questions>.btn{padding:8px 30px;margin-top:12px;background:#fff;border-color:#fff}#flash-modal .flash-modal-text{color:#fff;font-size:18px;font-weight:700;vertical-align:-2px}#flash-modal .flash-modal-labreport a{color:#fff}#flash-modal .flash-modal-labreport a:hover{text-decoration:none}#flash-modal .modal-footer .btn{padding:7px 43px;border:1px solid #666;border-radius:3px}#flash-modal .modal-footer .btn.btn-default{color:#666}#flash-modal .modal-footer .learn-time-today{line-height:32px}.course-heart-followed{color:#f66}.course-followed{background:#acacac}.course-follow-btn,.course-followed{padding:4px 10px;color:#fff;border-radius:4px}.course-follow-btn{background:#f66;cursor:pointer}.vip-banner{position:fixed;bottom:0;left:0;width:100%;padding:0;text-align:center;font-size:18px;color:#565656;background:#f5f5f5;font-weight:700;box-shadow:0 2px 15px 0 rgba(88,88,88,.42);z-index:100}.vip-banner img{display:inline-block;margin-right:20px}.vip-banner a{padding:20px 60px;margin-left:20px;font-size:18px;color:#fff;background:#fc831f;font-weight:700;border:none}.vip-banner a:focus,.vip-banner a:hover{color:#fff;background:rgba(252,131,31,.8)}@media (max-width:768px){.course-vip-banner{display:none}}#pre-sale-success .modal-dialog{width:350px;height:198px}#pre-sale-success .modal-dialog .modal-content{height:100%;padding:30px 25px;text-align:center}#pre-sale-success .modal-dialog .modal-content .pay-success{margin:0;font-size:18px;color:#565656}#pre-sale-success .modal-dialog .modal-content .success-tips{display:inline-block;margin:25px 0;font-size:14px;color:#999}#vip-startlab-modal .modal-dialog{width:350px}#vip-startlab-modal .modal-dialog .modal-content{text-align:center;border-radius:8px}#vip-startlab-modal .modal-dialog .modal-content .modal-header{border:none}#vip-startlab-modal .modal-dialog .modal-content .modal-body{padding:15px}#vip-startlab-modal .modal-dialog .modal-content .modal-body .use-tmp-vm{padding:16px 0 32px}#vip-startlab-modal .modal-dialog .modal-content .modal-body button{background:#666;border-color:#666;border-radius:3px;font-size:16px;outline:none}#vip-startlab-modal .modal-dialog .modal-content .modal-body .last-saved-vm{font-size:12px;color:#a4a4a4}.new-loading{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);text-align:center;z-index:1600;width:auto;height:auto}.new-loading .loading-wrapper{width:400px;padding:0 15px;margin:260px auto;text-align:center;color:#fff;font-size:14px}.new-loading .loading-wrapper .progress{height:12px;border-radius:8px}.new-loading .loading-wrapper .progress .progress-bar{background-color:#666}.new-loading .loading-wrapper .progress-reload{margin-top:52px;opacity:0;transition:all 1s ease-out}.new-loading .loading-wrapper .progress-reload>a{color:#fff}.adv-immediate-tutoring{position:fixed;left:5px;bottom:313px}.adv-immediate-tutoring .adv-open-up{position:absolute;bottom:0;left:0;transition:all .3s ease-out}.adv-immediate-tutoring .adv-open-up .btn-close-adv{position:absolute;right:-10px;top:-4px;font-size:14px;cursor:pointer;color:rgba(0,0,0,.5)}.adv-immediate-tutoring .adv-open-up.is-closed{left:-200px}.adv-immediate-tutoring .adv-pack-up{position:absolute;bottom:0;left:-100px;transition:all .3s ease-out}.adv-immediate-tutoring .adv-pack-up .btn-open-adv{position:absolute;bottom:0;left:-100px;transition:all .3s ease-out;left:0}.adv-immediate-tutoring .adv-pack-up.is-open{left:0}.course-users .course-users-content a{position:relative;display:inline-block;width:32px;margin-right:3%}.course-users .course-users-content a span{color:#666;font-weight:700;height:32px;line-height:32px}.course-users .course-users-content a .userimg{width:100%;height:auto}.course-users .course-users-content a .user-vip{position:absolute;top:10px;left:20px}.course-users .course-user-footer{text-align:center;color:#666;font-size:14px}.course-users .course-user-footer span{color:red;padding:0 3px}.adv-course a,.pre-course a{display:block;padding:12px;color:#4c5157;font-size:14px}.adv-course a:hover,.pre-course a:hover{background:#f5f5f5;text-decoration:none}.recommend-courses .recommend-courses-content a{display:block;padding:12px;color:#4c5157;font-size:14px}.recommend-courses .recommend-courses-content a:hover{background:#f5f5f5;color:#fff;text-decoration:none}.related-report{display:block;padding:12px;color:#4c5157;font-size:14px}.related-report:hover{color:#4c5157;background-color:#f9f9f9;text-decoration:none}.report-body{position:relative;padding:10px 15px;margin:15px auto 0;background:#fdfefd;overflow:hidden;border:1px solid #efefef;clear:both}.report-body .new-vm{margin:0 10px}.report-body:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;display:block;width:0;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.3),-1px 1px 1px rgba(0,0,0,.2)}i{margin-right:4px}.report-title{margin-top:12px}.report-title p{color:#242424;font-size:18px}.report-title .name{font-weight:600;margin-left:10px}.report-title .update-time{margin:20px 12px;color:#8d99a5}.report-title .report-figure{float:right;color:#a5acb2;font-size:16px}.report-title .report-figure .comments-count,.report-title .report-figure .report-views{padding-right:5px}@media (max-width:767px){.report-title .update-time:after{content:"";display:block;height:10px}.report-body{margin-left:-15px;margin-right:-15px;padding:10px}.report-body .report-ctrl .report-git{display:block;margin:10px 0}.report-body .report-ctrl .report-git .git-link{width:100%}.report-body .report-ctrl>a{float:left!important;margin-right:8px!important}.report-body .report-detail{padding:0 10px}.report-comment .mkeditor-editor{border:1px solid #ddd}}.report-body .report-ctrl{padding-bottom:5px;border-bottom:1px solid #efefef;min-height:40px;overflow:hidden}.report-body .report-ctrl .report-delete{cursor:pointer;font-size:13px;color:#fff;margin-right:0;border:1px solid #d33b3b;padding:4px 8px;background:#ef7373;float:right}.report-body .report-ctrl .report-delete:hover{color:#fff;background:#fc7b7b;text-decoration:none}.report-ctrl .report-git{display:inline-block;color:#9798aa}.report-git-title{font-weight:700;padding:4px 0}.git-link,.report-git-title{display:inline-block;overflow:hidden}.git-link{width:150px;padding:4px 8px;color:#888;background:#fff;border:1px solid #eee;text-overflow:ellipsis;white-space:nowrap}.report-header{margin:50px auto;text-align:center}.report-header h3{color:#3f4e5d;font-size:21px}.report-header a{color:#3e83c5;font-size:16px;line-height:40px}.report-header a.report-edit{margin-top:-40px;color:#333;font-size:18px}.report-detail{margin:30px 0;text-align:left;padding:0 25px}.report-detail img{max-width:100%}.report-like-weiboshare{padding:10px 0;background-color:#fff;margin-bottom:15px;overflow:hidden}.report-like-weiboshare .download-pdf{cursor:pointer;margin-left:10px}.imgs-title{color:#576274;font-size:16px;margin:0 20px;padding:8px 0;border-bottom:1px solid #eee}.report-imgs{padding:40px 20px}.img-item{display:block}.img-item i{display:none;position:absolute;top:2px;right:14px;color:#f33}.img-item img{width:100%;border:1px solid #dfe6e9;padding:4px;background:#fff}.talk-area{position:relative;height:200px}.disabled-talk{width:100%;height:150px;font-size:14px;line-height:136px;text-align:center;background-color:#fafbfa;border:1px solid #ececec;margin-top:12px;padding:6px 12px}.disabled-talk a{color:#2abc7b}.want-talk{width:100%;height:120px;resize:none;background-color:#fafbfa;border:1px solid #ececec;margin-top:12px;overflow-y:auto;padding:6px 12px;font-size:14px}.want-talk:focus{border:1px solid #1abc9c;outline-color:hsla(0,0%,80%,0)}.talk-btn{width:108px;color:#fff;background-color:#1abc9c;right:0;font-size:14px}.notalk-btn,.talk-btn{height:32px;line-height:32px;text-align:center;position:absolute;bottom:-5px;cursor:pointer}.notalk-btn{width:100px;color:#1abc9c;right:115px;display:none}.notalk-btn:hover,.talk-btn:hover{color:#fff;background-color:#1abc9c}.talk-title{color:#565656;font-size:14px;margin:4px}.talk-title .row{border-top:1px solid #efefef;padding:24px 0 4px;margin:0}.talk-title .row:after{content:"";display:block;clear:both}.talk-items-img img{width:50px;height:50px}.talk-items-content{padding:0 0 0 26px;font-size:14px}.talk-items-name{color:#484848;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talk-items-name a{color:#1abc9c}.talk-items-name span{color:#ccc;font-size:12px}.talk-items-text{margin:8px 0;color:#464646;word-wrap:break-word}.talk-items-time{color:#ddd;margin-top:12px;font-size:12px}.talk-items-a,.talk-items-reply{float:right;margin:-17px 6px 0 0;cursor:pointer;color:#565656;font-size:12px}.talk-items-a a{color:#1abc9c}.talk-items-reply:hover{color:#000}.talk-page{border-top:1px solid #ccc}.comment-delete{position:absolute;right:4px;top:0;color:#b2bbc3;text-decoration:none;cursor:pointer;margin-right:5px}.report-side{box-shadow:0 1px 1px 0 #ccc;padding:15px 15px 35px;margin-top:15px;background:#fff}.report-data{margin-top:0}.side-title{padding:0 10px;font-size:18px;color:#525252;border-left:5px solid #1abc9c}.info-title{padding:12px 16px;margin-top:15px;font-size:14px;line-height:26px}.info-figure{color:#444;margin-right:20px}.note-editor{display:none}.report-owner{text-align:right;color:#9b9da2;margin:0 5px}.report-owner .owner-list{cursor:pointer}.report-owner .owner-list.active{color:#fff}.lab-id{display:inline-block;padding:8px 24px;background-color:#e6ecf3;color:#55667c;margin:4px 2px;cursor:pointer}.lab-id.active{background-color:#55667c;color:#fff;cursor:default}.comment-item-content,.report-detail{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,STHeiti,Microsoft Yahei,sans-serif;font-size:14px;color:#40464c}.comment-item-content h1,.report-detail h1{font-size:24px;line-height:2.4}.comment-item-content h2,.report-detail h2{font-size:18px;line-height:2.4;font-weight:700}.comment-item-content h3,.report-detail h3{font-size:16px;font-weight:700;line-height:2.4}.comment-item-content h4,.report-detail h4{font-size:15px;font-weight:700;line-height:2.4}.comment-item-content p,.report-detail p{font-size:14px;line-height:1.6}.comment-item-content ul,.report-detail ul{padding-bottom:10px;padding-top:10px;line-height:2}.comment-item-content a,.report-detail a{font-size:95%;padding:0 4px}.comment-item-content b,.comment-item-content strong,.report-detail b,.report-detail strong{font-weight:700;font-size:95%;padding:0 4px}.comment-item-content pre,.report-detail pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f3f9f4;border:1px solid #e4f0e6;border-radius:4px}.comment-item-content .hljs,.report-detail .hljs{display:block;overflow-x:auto;padding:.5em;background:#000}.comment-item-content .hljs-comment,.report-detail .hljs-comment{color:#b4bfb6}.comment-item-content .hljs-title,.report-detail .hljs-title{color:#a6e22e}.comment-item-content .hljs-tag,.report-detail .hljs-tag{color:#3c4b5d}.labreport-detail-like .report-like-btn{float:right;font-size:14px;padding:6px 12px;text-decoration:none}.labreport-detail-like .btn-no-like,.labreport-detail-like .report-like-btn,.labreport-detail-like .report-like-btn-noauthen{color:#565a61;border:1px solid #ccc}.labreport-detail-like .btn-no-like:hover,.labreport-detail-like .report-like-btn-noauthen:hover{border:1px solid #adadad;background-color:#e6e6e6}.labreport-detail-like .btn-like{cursor:auto;color:#fff;background-color:#f35e69;border:1px solid #f35e69}.labreport-detail-like .btn-weiboshare{color:#565a61;float:right;margin:0 10px}.course-infobox{padding-bottom:30px!important;margin-bottom:10px}.course-infobox-header{overflow:hidden}.course-infobox-title{display:inline-block;font-size:21px;margin:0;line-height:1.6}.course-infobox-title .limited-label{width:130px;height:23px;line-height:24px;margin-left:10px;background:#ff8636;text-align:center;font-size:12px}.course-infobox-title .limited-label,.course-infobox-type{display:inline-block;vertical-align:3px;color:#fff}.course-infobox-type{margin-left:8px;padding:0 6px;border-radius:73px;font-size:13px}.course-infobox-type.course-type-member{background:#ffc500}.course-infobox-type.course-type-bootcamp{background:#f66}.course-infobox-type.course-type-limited{background:#ffc500}.course-infobox-type.course-type-free{background:#80c269}.course-infobox-type.course-type-private{background:#7f8bc5}.course-infobox-type.course-type-louplus{background:#6ea6ed}.limited-free{display:inline-block;margin-left:8px;padding:2px 8px;vertical-align:4px;background:#fe8c51;font-size:12px;color:#fff}.course-infobox-follow{font-size:15px;color:#999}.course-infobox-follow i{margin:0 0 0 4px;font-size:18px;cursor:pointer}.course-infobox-follow i.fa-star{color:#f66}.course-info-details{margin-top:10px;font-size:14px;color:#a4a4a4}.course-info-details span{margin-right:10px}.course-infobox-body .disabled{background-color:#fff;border-color:#fafafa;color:#999}.course-infobox-body .course-infobox-price .is-free{background:#666;border-color:#666;color:#fff}.course-infobox-body .course-infobox-price .join-bean-course{background:#ff9c4a;border-color:#ff9c4a}.course-infobox-body .course-infobox-price .vip_free_preview{width:100px;height:40px;line-height:40px;margin-left:10px;text-align:center;border:1px solid #ff9c4a;color:#ff9c4a;font-size:16px}.course-infobox-body .course-infobox-price .join-private-course{background:#7f8bc5;border-color:#7f8bc5}.bootcamp-remain-days{margin-top:10px;font-size:14px}.bootcamp-remain-days strong{font-size:18px}.course-infobox-content{margin:16px 0 0;color:#4c5157;font-size:15px;word-wrap:break-word}.course-infobox-content>.online-consultant{display:inline-block;width:210px;margin:10px 0;line-height:2em}.course-infobox-content .login-to-preview,.course-infobox-content .preview-first-lab,.course-infobox-content .start-first-lab{padding:10px 20px;color:#fff;background:#fff}.course-infobox-content .bootcamp-online-notify{padding:10px 20px;color:#fff;background:#ff6525}.course-infobox-content .tips{vertical-align:-12px;margin-left:5px;display:inline-block;font-size:14px;color:#f66}.course-infobox-content .tips .time-info{font-weight:700}.course-infobox-content .control-btn{display:inline-block;width:100px;height:40px;line-height:40px;margin-left:10px;background:#fff;text-align:center;vertical-align:-3px;border:1px solid #666;font-size:16px;color:#666}.course-infobox-progress{margin:12px 0}.course-infobox-progress>span{font-size:15px;vertical-align:middle;color:#666}.course-infobox-progress>div{display:inline-block;width:18px;height:18px;border-radius:2px;vertical-align:middle}.course-infobox-progress .course-progress-finished{background:#fff}.course-infobox-progress .course-progress-next{background:#5d8cd2}.course-infobox-progress .course-progress-new{background:#f4f4f4}.course-infobox-price{margin-top:27px}.course-infobox-price .last-learn-lab{margin-left:10px;font-size:14px;text-align:left}.course-infobox-price a.vip_free_preview,.course-infobox-price span{display:inline-block;margin-right:16px;padding:0;font-size:18px;color:#999;text-align:right;vertical-align:middle}.course-infobox-price a.vip_free_preview:focus,.course-infobox-price a.vip_free_preview:hover,.course-infobox-price span:focus,.course-infobox-price span:hover{text-decoration:none}.course-infobox-price .recent-learn{margin:8px 0 0 20px;font-size:16px;color:#a4a4a4}.course-infobox-price a{padding:10px 78px;font-size:16px}.course-infobox-price a.preview-first-lab{padding:10px 20px;margin-left:10px;color:#fff;background:#fff}.course-infobox-price a.private-course-btn{background:#7f8bc5;border-color:#7f8bc5}.course-infobox-price .member-vip{font-size:14px}.course-infobox-price .member-vip a{padding:0;margin:0;color:#fff;font-size:14px;vertical-align:baseline}@media (max-width:768px){.course-infobox-price .last-learn-lab{margin-left:0;margin-top:10px}}.course-infobox-footer{margin:0 -30px -30px;padding:12px 30px;color:#999;background:#fff;font-size:14px;border-top:1px solid #ecf0f3}.course-infobox-footer .vip-icon{width:16px}.bootcamp-intro{margin-top:20px;padding-top:20px;background-color:#f9f9f9}.bootcamp-intro .bootcamp-price{padding-left:20px;margin-bottom:25px}.bootcamp-intro .bootcamp-price .bootcamp-real-price{font-size:24px;font-weight:700;color:#f66}.bootcamp-intro .bootcamp-price .bootcamp-original-price{text-decoration:line-through;vertical-align:3px;font-size:14px;color:#a4a4a4}.bootcamp-intro .bootcamp-price .discount-hint{display:inline-block;margin-left:23px;padding:0 2px;border:1px solid #f66;vertical-align:5px;font-size:12px;color:#f66}.bootcamp-intro .bootcamp-discount{margin-bottom:25px;padding:8px 20px}.bootcamp-intro .bootcamp-discount>div{font-size:14px;color:#666}.bootcamp-intro .bootcamp-discount>div .title{display:inline-block;margin-right:30px;font-size:14px;font-weight:700;color:#aaa}.bootcamp-intro .bootcamp-discount>div .num{font-weight:700;color:#f66}.bootcamp-intro .bootcamp-discount>div .num span{font-size:16px}.bootcamp-intro .bootcamp-discount>div a.open-vip{display:inline-block;margin-left:20px;font-size:14px;color:#f66}.bootcamp-intro .bootcamp-discount>div.separate-line{width:95%;height:.5px;margin:6px auto;background-color:#e2e2e2}#bootcamp-hint-modal{border-radius:8px}#bootcamp-hint-modal .modal-dialog{width:500px}#bootcamp-hint-modal .modal-dialog .modal-header{border-bottom:none;font-size:18px;text-align:center;color:#565656}#bootcamp-hint-modal .modal-dialog .modal-body{padding:15px;text-align:center}#bootcamp-hint-modal .modal-dialog .modal-body .bootcamp-tooltip{padding:20px;font-size:14px;background-color:#f7f7f7}#bootcamp-hint-modal .modal-dialog .modal-body .bootcamp-tooltip .tooltip-content{line-height:2;letter-spacing:.6px;text-align:justify;color:#3a3a3a}#bootcamp-hint-modal .modal-dialog .modal-body .bootcamp-tooltip .tooltip-content p{margin:0}#bootcamp-hint-modal .modal-dialog .modal-body .bootcamp-tooltip .remark{margin-top:15px;line-height:2;font-size:14px;color:#999;text-align:left}#bootcamp-hint-modal .modal-dialog .modal-body .bootcamp-tooltip .time{margin-top:30px;font-size:14px;text-align:right;color:#3a3a3a}#bootcamp-hint-modal .modal-dialog .modal-body .close-bootcamp-hint{margin-top:25px;padding:7px 94px;border-radius:100px;border:1px solid #666;font-size:16px;color:#666;cursor:pointer}@media (max-width:600px){#bootcamp-hint-modal .modal-dialog{width:100%}}.show-bootcamp-hint{display:inline-block;margin-top:25px;font-size:14px;color:#888}.show-bootcamp-hint a{font-size:14px;color:#888;text-decoration:underline;cursor:pointer}.report-evaluate-header .report-evaluate-link,.report-evaluate-header .report-evaluate-link:hover{padding:0;border:none;background-color:#fff}.report-evaluate-header .report-evaluate-link:hover i,.report-evaluate-header .report-evaluate-link i{font-size:20px;color:#9b9da2;cursor:pointer}.report-evaluate-body{text-align:center;margin:35px}.report-evaluate-body .level-A .tri-top{border-color:#fff transparent transparent #fff;margin-top:20px}.report-evaluate-body .level-A .report-evaluate-text{color:#fff;border:1px solid #fff}.report-evaluate-body .level-B .tri-top{border-color:#9ec227 transparent transparent #9ec227;margin-top:20px}.report-evaluate-body .level-B .report-evaluate-text{color:#9ec227;border:1px solid #9ec227}.report-evaluate-body .level-C .tri-top{border-color:#fe9909 transparent transparent #fe9909;margin-top:20px}.report-evaluate-body .level-C .report-evaluate-text{color:#fe9909;border:1px solid #fe9909}.report-evaluate-body .level-D .tri-top{border-color:#f78282 transparent transparent #f78282;margin-top:20px}.report-evaluate-body .level-D .report-evaluate-text{color:#f78282;border:1px solid #f78282}.report-evaluate-body .tri-top{width:6px;height:6px;border-style:solid;border-width:1px;transform:rotate(45deg);margin:10px auto -3px;background-color:#fff}.report-evaluate-body .report-evaluate-text{padding:6px}.report-evaluate-body .report-evaluate-update{margin-top:20px;color:#9b9da2}.report-score-box .sidebox-body p{margin:36px 0;text-align:center;font-size:42px;color:#666}.evaluate-header{height:340px;text-align:center;text-shadow:3px 3px rgba(0,0,0,.2);margin-top:53px;padding-top:48px}.evaluate-header .evaluate-title{font-size:60px;color:#fff;font-weight:700;line-height:1.6em}.evaluate-header .evaluate-describe{color:#fff;font-size:25px;line-height:1.6em;font-weight:100}.evaluate-des-content{padding:25px 0;text-align:center}.evaluate-des-content .evaluate-des-title{color:#0074bc;font-size:18px;padding:10px 0}.evaluate-des-content .evaluate-des-text{position:relative;padding:30px 40px;font-size:14px;color:#565a61}.evaluate-des-content .evaluate-des-text:before{left:10px;top:25px;border-color:#ccc transparent transparent #ccc}.evaluate-des-content .evaluate-des-text:after,.evaluate-des-content .evaluate-des-text:before{width:20px;height:20px;content:"";position:absolute;border-style:solid;border-width:1px}.evaluate-des-content .evaluate-des-text:after{display:inline-block;top:55px;right:10px;border-color:transparent #ccc #ccc transparent}.evaluate-course-content{background-color:#f2fafe;text-align:center;padding:60px 0}.evaluate-course-content .evaluate-course-tip{background-color:#0074bc;color:#fff;padding:6px 12px;width:135px;margin:0 auto;font-size:20px}.evaluate-course-content .evaluate-course-des{color:#0074bc;margin:20px 0 50px;font-size:18px}.evaluate-course-content a .evaluate-course-box{text-align:left;background-color:#fff;box-shadow:0 3px 5px #9dcce0;margin:0 25px}.evaluate-course-content a .evaluate-course-box img{width:100%}.evaluate-course-content a .evaluate-course-box .evaluate-flexbox{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;margin:10px 0 0}.evaluate-course-content a .evaluate-course-box .evaluate-flexbox .evaluate-course-job{color:#4c5157;font-size:18px;padding:5px 0 5px 10px}.evaluate-course-content a .evaluate-course-box .evaluate-flexbox .evaluate-course-company{font-size:16px;color:#fff;background-color:#fff;padding:3px 5px;position:relative}.evaluate-course-content a .evaluate-course-box .evaluate-flexbox .evaluate-course-company:before{content:"";display:inline-block;position:absolute;top:0;left:-10px;width:0;height:0;border-top:0 solid transparent;border-right:0 solid transparent;border-bottom:29px solid #fff;border-left:10px solid transparent}.evaluate-course-content a .evaluate-course-box .evaluate-course-text{padding:0 15px 25px;height:160px}.evaluate-course-content a .evaluate-course-box .evaluate-course-text span{display:inline-block}.evaluate-course-content a .evaluate-course-box .evaluate-course-text .evaluate-course-key{color:#4c5157;margin:5px 0;font-size:14px}.evaluate-course-content a .evaluate-course-box .evaluate-course-text .evaluate-course-value{color:#ccc;font-size:14px;margin:5px 0}.evaluate-course-content a .evaluate-course-box .evaluate-course-text .evaluate-course-salary{color:#ff9717;margin:5px 40px 5px 0;font-size:14px}.evaluate-course-content a .evaluate-course-box .evaluate-course-text .evaluate-course-pay{color:#ccc;box-shadow:0 0 1px #ccc;padding:2px 5px;font-size:14px;margin:5px 0}.evaluate-course-content a .evaluate-course-box .evaluate-course-text .evaluate-company-des{color:#ccc;font-size:14px;margin:5px 0;height:100px;overflow:hidden;position:relative}.evaluate-course-content a .evaluate-course-box .evaluate-course-text .evaluate-company-des:after{content:". . .";position:absolute;right:0;bottom:0;background-color:#fff;color:#ccc;width:100%}.evaluate-course-content a:focus,.evaluate-course-content a:hover{text-decoration:none}.evaluate-faq{text-align:center;padding:60px 0}.evaluate-faq .evaluate-faq-tip{background-color:#0074bc;color:#fff;padding:6px 12px;width:135px;margin:0 auto;font-size:20px}.evaluate-faq .evaluate-faq-des{color:#0074bc;margin:20px 0 50px;font-size:18px}.evaluate-faq .evaluate-faq-question{text-align:left;margin:40px 0 5px;color:#0074bc;font-size:18px;display:flex;flex-flow:row nowrap;align-items:flex-start}.evaluate-faq .evaluate-faq-question span{padding:0 10px}.evaluate-faq .evaluate-faq-answer{text-align:left;padding:30px;background-color:#f2fafe;color:#2ea2ea;font-size:16px;display:flex;flex-flow:row nowrap;align-items:flex-start}.evaluate-faq .evaluate-faq-answer .evaluate-answer-text{padding:0 10px}.evaluate-faq .evaluate-faq-more{text-align:left;margin-top:30px}.evaluate-faq .evaluate-faq-more a{font-size:16px;color:#565a61}.evaluate-faq .evaluate-faq-more a:focus,.evaluate-faq .evaluate-faq-more a:hover{text-decoration:none}.tour .popover-title{background:none;border:none;font-weight:700}.tour .close{margin:4px}#labdoc{position:relative}#labdoc .btn-err-correction{position:fixed;left:10px;bottom:10px;padding:4px 10px;border-radius:24px;z-index:100}@media (max-width:767px){.btn-err-correction{display:none}}#lab-console{height:100%;overflow:hidden}#lab-console #lab-container{position:relative;width:40%;height:100%;background:#f9f9f9}#lab-console #lab-container .tab-content{max-width:100%;height:calc(100% - 40px);background:#f9f9f9;padding:0;box-shadow:0 0 1px 1px #ddd}#lab-console #lab-container .tab-content .tab-pane{height:100%}#lab-console #lab-container .tab-content .tab-pane .labdoc-preview{height:calc(100% - 90px)}#lab-console .lab-nav-container{position:relative;padding:2px;background:#000}#lab-console .lab-nav-container .tabs-hover{position:absolute;top:0;left:56px;width:70px;height:52px;background:url(https://static.shiyanlou.com/img/console-tab-bg.png) no-repeat;background-size:100% 100%;z-index:1}#lab-console .lab-nav-container .nav-tabs{padding:0;margin:0;background:#2b2f36;border:none}#lab-console .lab-nav-container .nav-tabs li{width:70px;margin:0 8px;text-align:center}#lab-console .lab-nav-container .nav-tabs li a{padding:8px 0;margin:0;font-size:14px;color:#fff;border:none}#lab-console .lab-nav-container .nav-tabs li:first-child{width:20px;padding:0;margin-right:20px}#lab-console .lab-nav-container .nav-tabs li:first-child a{padding:4px;font-size:20px;border:none}#lab-console .lab-nav-container .nav-tabs li:first-child a:focus,#lab-console .lab-nav-container .nav-tabs li:first-child a:hover{border:none}#lab-console .lab-nav-container .nav-tabs li.active,#lab-console .lab-nav-container .nav-tabs li:focus,#lab-console .lab-nav-container .nav-tabs li:hover{z-index:2}#lab-console .lab-nav-container .nav-tabs li.active a,#lab-console .lab-nav-container .nav-tabs li:focus a,#lab-console .lab-nav-container .nav-tabs li:hover a{color:#fff;border:none}#lab-console .lab-nav-container .nav-tabs>.btn{padding:4px 10px;margin:3px;border-radius:40px}#lab-console .labdoc-btns{text-align:center}#lab-console .labdoc-btns .btn{border-radius:40px}#lab-console .labdoc-btns .btn.btn-danger{background:#ff5c5d;border-color:#ff5c5d}#lab-console .labdoc-btns .btn.btn-success{background:#888;border-color:#888}#lab-console .labdoc-sections{padding:10px 35px 0 20px}#lab-console .labdoc-sections>h2{margin:0 10px 10px;color:#666;font-size:30px;text-align:center}#lab-console .section-line{position:relative;display:inline-block;border-bottom:1px solid #666}#lab-console .section-line .section-circle{position:absolute;left:-8px;top:-8px;width:16px;height:16px;background:#666;border-radius:50%;cursor:pointer}#lab-console .section-line .section-circle.last-circle{left:auto;right:-8px}#lab-console .section-line .section-circle.active,#lab-console .section-line .section-circle:hover{background:#fff;box-shadow:0 0 4px #fff}#lab-console .labdoc-preview{height:calc(100% - 100px);padding:10px;overflow-y:auto}#lab-console .labdoc-preview .labdoc-tips{font-size:15px;color:#666;font-weight:100;line-height:1.6em}#lab-console .labdoc-preview .labdoc-tips strong{display:block;font-size:18px}#lab-console .labdoc-preview .labdoc-tips a{color:#337ab7;font-weight:500}#lab-console .labdoc-preview .labdoc-tips a:focus,#lab-console .labdoc-preview .labdoc-tips a:hover{color:#23527c;text-decoration:none}#lab-console .labdoc-content{position:relative;padding:20px 0;clear:both}#lab-console .labdoc-content img{max-width:100%;cursor:pointer}#lab-console .labdoc-content p,#lab-console .labdoc-content span{font-size:16px;font-weight:100;line-height:2em}#lab-console .labdoc-content ol li,#lab-console .labdoc-content ul li{font-size:15px;font-weight:100}#lab-console #report{background:#fff}#lab-console #report .nav-tabs .btn,#lab-console #report .nav-tabs div{margin:3px}#lab-console #report .nav-tabs .btn.publish-report-btn,#lab-console #report .nav-tabs .btn.update-report-btn,#lab-console #report .nav-tabs div.publish-report-btn,#lab-console #report .nav-tabs div.update-report-btn{margin-right:24px}#lab-console #report .nav-tabs .autosave-time{color:#ccc;padding:7px;font-size:14px}#lab-console #display{position:fixed;right:0;top:0;width:60%;height:100%;background:#000}#lab-console #display .infobox{width:600px;max-width:100%;padding:20px;margin:25% auto 0;background:#214451;box-shadow:0 0 10px 1px #0f0f0f;border-radius:10px}#lab-console #display .infobox>div{padding:30px 0;text-align:center;font-size:14px}#lab-console #display .infobox>div .info{margin-bottom:20px;color:#86b7cc}#lab-console #display .infobox>div .info>div{margin:16px 0}#lab-console #display .infobox>div .info>div a{display:inline-block;margin-top:10px;color:#666}#lab-console #display .infobox>div .info .up-vip{display:inline-block;margin:30px auto 0;padding:20px 40px;border-radius:10px;border:1px dashed #86b7cc}#lab-console #display .infobox>div .info .btn{padding:10px 60px;border-radius:4px;font-size:18px}#lab-console #display .infobox>div .info .btn.btn-success{background:#30b6ee;border-color:#30b6ee}#lab-console #display .infobox>div>span{color:#fff}#lab-console #tools{position:fixed;right:0;top:0;height:100%;background:rgba(85,85,85,.85);z-index:100}#lab-console #tools img{width:16px}#lab-console #tools .tools-toggle{position:absolute;top:130px;left:-20px;font-size:24px;cursor:pointer;z-index:110}#lab-console #tools .tools-toggle .hide-tools,#lab-console #tools .tools-toggle .show-tools{display:block;width:20px;color:#eee;background:#4e5a60;padding:4px;border-radius:4px 0 0 4px;line-height:1.2em;font-weight:100;font-size:14px}#lab-console #tools .tools-toggle .show-tools{display:none}#lab-console #tools .tools-divide{width:70%;margin:0 auto;border-bottom:1px solid #434a53}#lab-console #tools .vm-mode-select>.btn,#lab-console #tools>.btn,#lab-console #tools>span .btn{display:none;padding:10px 30px;color:#eee;background:none;border:none;border-radius:0;text-align:left;outline:none}#lab-console #tools .vm-mode-select>.btn:hover,#lab-console #tools>.btn:hover,#lab-console #tools>span .btn:hover{color:#fff;background:#616161}#lab-console #tools .vm-mode-select>.btn.active,#lab-console #tools>.btn.active,#lab-console #tools>span .btn.active{color:#fff}#lab-console #tools .vm-mode-select>.btn.next-lab-btn,#lab-console #tools .vm-mode-select>.btn.stop-lab-btn,#lab-console #tools .vm-mode-select>.btn.submit-challenge-btn,#lab-console #tools>.btn.next-lab-btn,#lab-console #tools>.btn.stop-lab-btn,#lab-console #tools>.btn.submit-challenge-btn,#lab-console #tools>span .btn.next-lab-btn,#lab-console #tools>span .btn.stop-lab-btn,#lab-console #tools>span .btn.submit-challenge-btn{width:75%;margin:10px auto;padding:4px 10px;background:#ff5c5d;border-radius:40px;text-align:center}#lab-console #tools .vm-mode-select>.btn.next-lab-btn:focus,#lab-console #tools .vm-mode-select>.btn.next-lab-btn:hover,#lab-console #tools .vm-mode-select>.btn.stop-lab-btn:focus,#lab-console #tools .vm-mode-select>.btn.stop-lab-btn:hover,#lab-console #tools .vm-mode-select>.btn.submit-challenge-btn:focus,#lab-console #tools .vm-mode-select>.btn.submit-challenge-btn:hover,#lab-console #tools>.btn.next-lab-btn:focus,#lab-console #tools>.btn.next-lab-btn:hover,#lab-console #tools>.btn.stop-lab-btn:focus,#lab-console #tools>.btn.stop-lab-btn:hover,#lab-console #tools>.btn.submit-challenge-btn:focus,#lab-console #tools>.btn.submit-challenge-btn:hover,#lab-console #tools>span .btn.next-lab-btn:focus,#lab-console #tools>span .btn.next-lab-btn:hover,#lab-console #tools>span .btn.stop-lab-btn:focus,#lab-console #tools>span .btn.stop-lab-btn:hover,#lab-console #tools>span .btn.submit-challenge-btn:focus,#lab-console #tools>span .btn.submit-challenge-btn:hover{color:#fff}#lab-console #tools .vm-mode-select>.btn.submit-challenge-btn,#lab-console #tools>.btn.submit-challenge-btn,#lab-console #tools>span .btn.submit-challenge-btn{display:block;background:#666}#lab-console #tools .vm-mode-select>.btn.next-lab-btn,#lab-console #tools>.btn.next-lab-btn,#lab-console #tools>span .btn.next-lab-btn{background:#888}#lab-console #tools .vm-mode-select{position:relative}#lab-console #tools .vm-mode-select>.btn{padding:14px 30px}#lab-console #tools .vm-mode-select .show-modes{position:absolute;left:0;top:10%;height:80%;padding:0 0 0 2px;color:#000;background:#777;line-height:300%;z-index:1}#lab-console #tools .vm-mode-select .vm-modes{position:absolute;top:0;min-width:150px;padding:7px;background:#616161;white-space:nowrap;transform:translateX(100%);transition:all 1s ease;z-index:10}#lab-console #tools .vm-mode-select .vm-modes .btn{display:inline-block;margin:0 4px;color:#fff}#lab-console #tools .vm-mode-select .vm-modes .btn.active,#lab-console #tools .vm-mode-select .vm-modes .btn:focus,#lab-console #tools .vm-mode-select .vm-modes .btn:hover{background:#434a53;border-radius:40px}#lab-console #tools .vm-mode-select:hover .vm-modes{transform:translateX(-100%)}#lab-console #tools .vm-mode-select:hover .vm-modes+.show-modes{display:none}#lab-console #tools .commit-error{display:none;position:absolute;bottom:7px;width:100%}#lab-console #tools .commit-error .btn-default{padding:4px 14px;font-size:12px;background:#ddd;color:#666}#lab-console .lefttime{padding:0 8px 8px;font-size:30px;color:#fff;text-align:center}#lab-console .lefttime .btn{padding:2px 6px;background:#747c82;color:#fff;font-size:12px;border:none;border-radius:10px}#lab-console .lefttime .btn:focus,#lab-console .lefttime .btn:hover{color:#fff}#lab-console .desktop-toggle{display:none;position:absolute;top:49px;right:0;font-size:24px;cursor:pointer;z-index:110}#lab-console .desktop-toggle .hide-desktop,#lab-console .desktop-toggle .show-desktop{display:inline-block;width:20px;color:#eee;background:#3080a8;margin:0;padding:4px;border-radius:4px 0 0 4px;line-height:1.2em;font-weight:100;font-size:14px}#lab-console .desktop-toggle .show-desktop{display:none}.vip-view{width:80%;height:120px;max-width:440px;padding:20px 0 10px;margin:10px auto 20px;background:#fff;text-align:center;box-shadow:0 0 4px 1px #eee}.vip-view-header{color:#333;font-size:18px;font-weight:700}.vip-view-body{margin:10px 0;color:#333;font-size:15px}.vip-view-footer a{color:#666;font-size:15px}#clipboard-modal textarea{width:100%;height:150px;margin-bottom:15px;resize:vertical}#share-desktop-modal input{margin-bottom:10px;cursor:pointer}#submit-result-modal .modal-body{text-align:center}#submit-result-modal .modal-body h1{font-weight:600}#submit-result-modal .modal-body h1.result-status{font-size:40px;margin-bottom:30px}#submit-result-modal .modal-body h1.result-status.status-pass{color:#666}#submit-result-modal .modal-body h1.result-status.status-fail{color:#ff5c5d}#submit-result-modal .modal-body .progress{margin-top:50px;height:25px}#submit-result-modal .modal-body .result-info{display:block;font-size:18px}#submit-result-modal .modal-body .result-info.info-pass{color:#5cb85c}#submit-result-modal .modal-body .result-info.info-fail,#submit-result-modal .modal-body .result-info.info-fail-details{color:#f66}#submit-result-modal .modal-footer{margin-top:0;margin-bottom:50px;text-align:center;border:none}#submit-result-modal .modal-footer .btn{padding:8px 43px;border-radius:4px;border:0;font-size:16px}#submit-result-modal .modal-footer .btn.btn-success{background-color:#666}#submit-result-modal .modal-footer .btn.btn-success:active,#submit-result-modal .modal-footer .btn.btn-success:hover{background-color:#09ae84}#submit-result-modal .modal-footer .btn.btn-danger{background-color:#f66}#submit-result-modal .modal-footer .btn.btn-danger:active,#submit-result-modal .modal-footer .btn.btn-danger:hover{background-color:#f15555}#submit-result-modal .modal-footer-abs{display:none;position:absolute;width:100%;left:0;right:0;bottom:0;padding:10px;text-align:center;background:#e2efff}#submit-result-modal .modal-footer-abs>a{font-size:14px;letter-spacing:.3px;color:#2786e4}#submit-result-modal .modal-footer-abs>a:active,#submit-result-modal .modal-footer-abs>a:hover{color:#265583}#insert-img-modal .modal-body .btn{width:100%;height:120px;font-size:20px}#insert-img-modal .modal-body .btn .fa-cut{transform:rotate(-90deg)}.lab-exam h2{margin-bottom:20px;font-weight:700}.lab-exam>div{margin-left:20px}.lab-exam>div label{font-size:16px;font-weight:500}.lab-exam>div .btn{background:#888;border-color:#888}.loading-lab{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(85,85,85,.5);text-align:center;z-index:1000}.loading-lab-container{display:inline-block;width:280px;height:120px;padding:10px 30px;margin:25% auto 0;background:#555}.loading-lab-msg{float:left;padding-top:10px;color:#fff;font-size:14px}.loading-lab-msg p{display:none;margin-bottom:4px}.loading-lab-logo{float:left;position:relative;overflow:hidden}.loading-lab-hover,.loading-lab-logo,.loading-lab-logo img{width:100px;height:100px}.loading-lab-hover{position:absolute;top:0;left:0;background:url(https://static.shiyanlou.com/img/console-loading-hover.png) repeat;background-size:100px 100px;animation:a 12s steps(150) infinite,b 3s steps(150) infinite}.loading-lab-spore{clear:both;margin-top:120px;color:#fff;font-size:12px;text-align:center}.challenge-submit{position:absolute;bottom:-2px;left:0;width:100%;background:#fff;overflow:hidden;box-shadow:0 0 1px 1px #ccc;text-align:center}.challenge-submit span{display:inline-block;padding:18px 0;color:#666;font-size:16px}.challenge-submit .btn{padding:18px 34px;font-size:16px}@keyframes a{0%{top:0}to{top:-100px}}@keyframes b{0%{background-position:0 0}to{background-position:100px 0}}#document-navbar{min-height:0;margin:0}#document-navbar ul{width:100%}#document-navbar ul li{text-align:center;z-index:1}#document-navbar ul li a{display:inline-block;width:15px;height:15px;padding:0;background:#999;border-radius:50%}#display{position:relative}#display .toggle-vm{display:none;position:absolute;top:0;left:calc(50% - 100px);border-radius:20px;overflow:hidden;z-index:100}#display .toggle-vm .btn{padding:4px 30px;color:#31ddb3;background:#fff;opacity:.7}#display .toggle-vm .btn.active{color:#fff;background:#31ddb3}#display .toggle-vm:hover .btn{opacity:1}#display .toggle-vm:hover .btn.active,#display .toggle-vm:hover .btn:focus,#display .toggle-vm:hover .btn:hover{color:#fff;background:#31ddb3;outline:none;border-color:#31ddb3}#submit-result-modal .modal-footer{position:relative}#submit-result-modal .challenge-answer-btn{position:absolute;right:10px;bottom:0;color:#666}#submit-result-modal .challenge-answer-btn:focus,#submit-result-modal .challenge-answer-btn:hover{color:#fff;text-decoration:none}#show-doc-image-modal .modal-content{text-align:center}#show-doc-image-modal .modal-content .save-img-report{border:1px solid #666;border-radius:20px;background:#fff;color:#666;outline:none}.customize-modal-medium .modal-dialog{width:350px}.customize-modal-medium .modal-dialog .modal-content{border-radius:8px;padding:0}.customize-modal-medium .modal-dialog .modal-content .modal-header{text-align:center;padding:27px 20px 19px;border-bottom:1px solid #eee}.customize-modal-medium .modal-dialog .modal-content .modal-body{padding:30px 15px 15px;text-align:center}.customize-modal-medium .modal-dialog .modal-content .modal-body .alert-msg{font-size:14px;color:#666;text-align:center}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns{margin-top:20px}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button{min-width:118px;font-size:16px;border-radius:3px;border-color:#666;outline:none}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button:first-child{margin-right:20px}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button.btn-default{color:#666}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button.btn-success{color:#fff;background-color:#666}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button.no-margin{margin:0}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button:hover{background-color:#666;color:#fff}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button.btn-danger{border-color:#f66;color:#f66;background-color:#fff}.customize-modal-medium .modal-dialog .modal-content .alert-msg-btns>button.btn-danger:hover{background-color:#f66;color:#fff}.customize-modal-medium .modal-dialog .modal-content .modal-footer{padding:0;margin:0;border:none;text-align:center}#stop-lab-modal .vm-related-message{font-size:15px;font-weight:400}#stop-lab-modal .join-vip-link{color:#666}#stop-lab-modal .tmp-vm-message{text-align:center;margin-bottom:57px}#stop-lab-modal .tmp-vm-message .save-methods{width:14px;height:14px;vertical-align:-2px;cursor:pointer}#stop-lab-modal .saved-vm-message{height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center}#stop-lab-modal .last-saved-vm{margin-top:15px;font-size:13px;color:#999}#stop-lab-modal .next-to-learn{padding:15px 30px 0;border-top:1px solid #e5e5e5}#stop-lab-modal .next-to-learn>p{font-size:14px;color:#999;text-align:left}#stop-lab-modal .next-to-learn>ul{margin:0;padding:0;list-style:none;text-align:left;font-size:14px;color:#666}#stop-lab-modal .next-to-learn>ul .course-lab-item{margin-bottom:20px}#stop-lab-modal .next-to-learn>ul .course-lab-item .course-lab-name{display:inline-block;max-width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666}#stop-lab-modal .next-to-learn>ul .course-lab-item .course-lab-name:hover{text-decoration:none}#stop-lab-modal .next-to-learn>ul .course-lab-item .course-lab-learn{color:#777}#stop-lab-modal .next-to-learn>ul .course-lab-item .course-from-path{display:inherit;font-size:12px;color:#999}#stop-lab-modal .next-to-learn>ul .course-lab-item .course-from-path a{color:#999}#stop-lab-modal .join-vip-link{text-align:center;padding:5px 0 25px}#stop-lab-modal .join-vip-link>a{font-size:14px;padding:6px 12px;border-radius:19px;background:#666;color:#fff}#stop-lab-modal .join-vip-link>a:hover{text-decoration:none;border-color:#666}#stop-lab-modal .join-vip-link.border-top{padding:25px 0;border-top:1px solid #e5e5e5}#publish-report-modal .modal-body{padding:30px}#publish-report-modal .alert-msg{margin:25px 0 55px;color:#666}#publish-report-modal .alert-msg .save-as-private .character-count{color:#ff5c5d}#publish-report-modal .alert-msg .save-as-private>small{color:#000}#publish-report-modal .alert-msg .publish-report-info{text-align:left}#publish-report-success-modal .modal-body{padding:30px}#publish-report-success-modal .alert-msg{padding:5px 10px;margin-top:5px;background-color:#eee}#publish-report-success-modal .share-report{margin-top:40px;font-size:14px}#publish-report-success-modal .share-report .share-wechat{display:inline-block;position:relative}#publish-report-success-modal .share-report .share-wechat .share-wechat-wrapper{display:inline-block;cursor:pointer}#publish-report-success-modal .share-report .share-wechat .share-wechat-wrapper:hover .wechat-qrcode-wrapper{z-index:1;opacity:1;left:40px}#publish-report-success-modal .share-report .share-wechat .wechat-qrcode-wrapper{position:absolute;z-index:-1;top:-32px;left:20px;opacity:0;transition:all .3s ease-out}#publish-report-success-modal .modal-footer>small{display:inline-block;margin-top:50px;font-size:12px;color:#999}.popover-link{text-decoration:underline}.popover-link,.popover-link:hover{color:#fff}.save-vm-load{display:inline-block;font-size:14px;padding:12px 40px;color:#666;background:#dbf1e6;border:1px solid #9ecec2;border-radius:3px}.save-vm-load .dots{width:20px;display:inline-block;text-align:left}#increase-time-modal .modal-body{padding-bottom:0}#increase-time-modal .modal-body .increase-time-count{margin-top:20px;color:#666;font-size:12px}#increase-time-modal .modal-body .increase-time-count span{color:#666;font-weight:700}#increase-time-modal .modal-footer{margin-top:0}#live-body-container{position:relative;background:#fff;width:100%;height:100%}#live-body-container .width-100{width:100%}#live-body-container .height-100{height:100%}#live-body-container .height-50{height:50%}#live-body-container .height-20{height:20%}#live-body-container .width-height-100{width:100%;height:100%}#live-body-container .position-relative{position:relative}#live-body-container .display-flex{display:flex}#live-body-container .display-flex.vertical-center{align-items:center}#live-body-container .display-flex.horizontal-center{justify-content:center}#live-body-container .display-flex.horizontal-left{justify-content:left}#live-body-container .display-inline-block{display:inline-block}#live-body-container .text-center{text-align:center}#live-body-container .text-right{text-align:right}#live-body-container .text-left{text-align:left}#live-body-container .overflow-hidden{overflow:hidden}#live-body-container .overflow-auto{overflow:auto}#live-body-container .m-b-10{margin-bottom:10px}#live-body-container .m-l-10{margin-left:10px}#live-body-container .font-12{font-size:12px}#live-body-container .font-14{font-size:14px}#live-body-container .font-16{font-size:16px}#live-body-container .font-18{font-size:18px}#live-body-container .live-btn-success{display:inline-block;margin-top:40px;padding:6px 27px;font-size:18px;text-decoration:none;border-radius:4px;color:#fff;background:#666}#live-body-container .video-section .shiyanlou-live-player .loading-png.static-live{position:absolute;top:calc(50% - 30px);left:calc(50% - 156px)}#live-body-container .video-section .shiyanlou-live-player .loading-png.live-notice{position:absolute;top:calc(50% - 45px);left:calc(50% - 150px);height:auto;text-align:center}#live-body-container .video-section .shiyanlou-live-player .loading-png.live-notice.live-entd-notice{left:calc(50% - 101px)}#live-body-container .video-section .shiyanlou-live-player .live-hint{margin-top:25px;font-size:18px;opacity:.3;color:#fff}#live-body-container .video-section .shiyanlou-live-player .live-hint.live-end{font-size:25px}#live-body-container .video-section .player-area{width:100%;height:100%;transition:width .5s ease-out}#live-body-container .video-section .player-area .head-info-panel{background-color:#f9f9f9;padding:10px;height:60px}#live-body-container .video-section .player-area .head-info-panel>.btn{color:#666;background-color:#f9f9f9;border:none;font-size:16px}#live-body-container .video-section .player-area .head-info-panel>.btn.copy-push-stream-btn,#live-body-container .video-section .player-area .head-info-panel>.btn.stop-live-btn{padding:2px 5px;border:1px solid #fff;color:#fff;font-size:12px;background:#fff;border-radius:4px}#live-body-container .video-section .player-area .head-info-panel h4{vertical-align:middle}#live-body-container .video-section .player-area .head-info-panel .living-broadcast{display:inline-block;margin-left:5px;padding:2px 8px;border-radius:4px;background-color:#f66;font-size:12px;color:#fff}#live-body-container .video-section .player-area .head-info-panel .living-broadcast.replay-btn{background-color:#6ea6ed}#live-body-container .video-section .player-area .player-container{position:relative;width:100%;height:calc(100% - 60px)}#live-body-container .video-section .player-area .player-container .collapse-btn-container{position:absolute;right:0;top:0;width:200px;bottom:180px;z-index:5}#live-body-container .video-section .player-area .player-container .collapse-btn-container .collapse-btn{position:absolute;top:calc(50% - 55px);right:0;display:none;width:18px;height:110px;z-index:10;background:url(https://static.shiyanlou.com/img/live/collapse_btn.png);background-position:68px -15px;cursor:pointer}#live-body-container .video-section .player-area .player-container .live-player-loading{display:none;background-color:#383838;z-index:3}#live-body-container .video-section .player-area .player-container .live-player-loading .loading-png{position:absolute;top:calc(50% - 45px);left:calc(50% - 102px)}#live-body-container .video-section .player-area .player-container .live-player-loading .btn-live-play-box{display:none;margin-top:20px;font-size:25px;color:#fff}#live-body-container .video-section .player-area .player-container .live-player-loading .btn-live-play-box .btn-live-play-wrapper{display:inline-block;width:60px;height:60px;border-radius:50%}#live-body-container .video-section .player-area .player-container .live-player-loading .btn-live-play-box .play-status-info{display:none;margin-top:15px;font-size:14px;color:#ffec3d}#live-body-container .video-section .player-area .player-container .live-player-loading .btn-live-play-box .btn-live-play{width:60px;height:60px;border-radius:50%;border:0;outline:0;background:#495057}#live-body-container .video-section .player-area .player-container .live-player-loading .btn-live-play-box .btn-live-play.disabled{color:#bfbfbf}#live-body-container .video-section .player-area .player-container .live-player-loading .btn-live-play-box .fas{margin-left:6px}#live-body-container .video-section .player-area .player-container .live-player-area{position:absolute;top:0;left:0;display:none;z-index:1;background-color:#383838}#live-body-container .video-section .player-area .player-container .speed-btn{position:absolute;right:15px;bottom:40px;cursor:pointer;font-size:12px;color:#fff}#live-body-container .video-section .player-area .player-container .speed-btn .speed-text{display:inline-block;width:55px;height:25px;line-height:25px;border-radius:25px;background:#383838;opacity:.7;text-align:center}#live-body-container .video-section .player-area .player-container .speed-btn ul{width:55px;height:108px;display:none;list-style:none;padding:10px;margin:0 0 10px;background:#383838}#live-body-container .video-section .player-area .player-container .speed-btn ul li{margin-bottom:8px;cursor:pointer}#live-body-container .video-section .player-area .player-container .speed-btn ul:after{content:"";position:absolute;right:25px;bottom:25px;width:0;height:0;border:5px solid #383838;border-color:#383838 transparent transparent}#live-body-container .video-section .player-area .player-container .shiyanlou-live-player-video-controller{position:absolute;bottom:0;z-index:7}#live-body-container .video-section .player-area .player-container .video-controller-container{user-select:none;display:flex;align-items:flex-end;justify-content:flex-end}#live-body-container .video-section .player-area .player-container .video-controller-container i,#live-body-container .video-section .player-area .player-container .video-controller-container span{vertical-align:middle}#live-body-container .video-section .player-area .player-container .video-controller-container:hover .video-controller-list{transform:translateY(-20px);opacity:1}#live-body-container .video-section .player-area .player-container .video-controller-list{width:100%;padding:0 20px;opacity:0;transition:all .3s ease-out}#live-body-container .video-section .player-area .player-container .video-controller-list .video-controller-item-fullscreen>.btn{padding:8px 18px;border-radius:16px;border:0;outline:none}#live-body-container .video-section .player-area .player-container .video-controller-list .video-controller-item-fullscreen>.btn:hover{background-color:#cfcfcf}#live-body-container .video-section .chat-area{position:fixed;width:390px;right:-390px;height:100%;padding:0 20px;transition:all .5s ease-out}#live-body-container .video-section .chat-area .chat-panel-header{height:60px;border-bottom:1px solid #eee}#live-body-container .video-section .chat-area .chat-panel-header .panel-header-txt{line-height:60px;margin:0 10px 0 0;vertical-align:middle}#live-body-container .video-section .chat-area .chat-panel-header .live-icon{font-size:14px;line-height:60px;color:#bbb}#live-body-container .video-section .chat-area .chat-panel-msg-container{height:calc(100% - 61px - 100px);padding-top:15px;border-bottom:1px solid #eee}#live-body-container .video-section .chat-area .chat-panel-msg-container .chat-msg-list{height:97%;overflow-x:hidden;word-wrap:break-word}#live-body-container .video-section .chat-area .chat-panel-msg-container .chat-msg-list .msg-info{margin-bottom:5px;color:#a4a4a4}#live-body-container .video-section .chat-area .chat-panel-msg-container .chat-msg-list .msg-user-member,#live-body-container .video-section .chat-area .chat-panel-msg-container .chat-msg-list .msg-user-name{margin-right:4px;vertical-align:middle}#live-body-container .video-section .chat-area .chat-panel-msg-container .chat-msg-list .msg-user-member>img{width:15px;height:15px}#live-body-container .video-section .chat-area .chat-panel-msg-container .chat-msg-list .msg-user-level{font-size:12px;color:#ffc500;vertical-align:middle}#live-body-container .video-section .chat-area .chat-panel-footer{height:100px}#live-body-container .video-section .chat-area .chat-panel-footer .notify-msg{display:none;padding:0 5px}#live-body-container .video-section .chat-area .chat-panel-footer .msg-length{margin:0;padding:5px;color:#999}#live-body-container .video-section .chat-area .chat-panel-footer .clear-chat-msg{cursor:pointer}#live-body-container .video-section .chat-area .chat-panel-footer .emoticon-btn{display:inline-block;width:25px;height:25px;z-index:3}#live-body-container .video-section .chat-area .chat-panel-footer .emoticon-list{position:absolute;top:-290px;left:0;width:370px;height:290px;display:none;padding:10px;border-radius:4px;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2);overflow-y:scroll}#live-body-container .video-section .chat-area .chat-panel-footer .emoticon-list ul{margin:0;padding:0;list-style:none}#live-body-container .video-section .chat-area .chat-panel-footer .emoticon-list ul li{display:inline-block;margin:2px 0;cursor:pointer}#live-body-container .video-section .chat-area .chat-panel-footer .emoticon-list ul li img{width:50px;height:50px}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send{border:1px solid #ddd;border-radius:5px}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send .chat-msg-textbox{width:80%;height:55px;padding:5px;border:0;background-color:transparent;outline:none;cursor:text;resize:none}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send .chat-msg-textbox.disabled{display:inline-block;padding:10px;color:#666;font-size:14px}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send .chat-msg-textbox.disabled>p{transform:translateY(40%)}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send .chat-msg-textbox.disabled a{color:#666}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send .chat-send-btn{width:20%;height:55px;padding:0;background-color:#666;color:#fff;border:0;outline:none;border-radius:0 5px 5px 0}#live-body-container .video-section .chat-area .chat-panel-footer .chat-msg-send .chat-send-btn.disabled{background-color:#aaa;color:#fff;cursor:not-allowed}#live-body-container :-webkit-full-screen{z-index:-1!important}@media (min-width:768px){#live-body-container .video-section .chat-area .chat-panel-header .panel-header-txt:first-child{display:none}}@media(max-width:768px){#live-body-container .chat-area{position:relative!important;width:100%!important;height:50%!important}#live-body-container .chat-area .chat-panel-msg-container{height:54%!important}#live-body-container .chat-area .chat-panel-footer{position:fixed;left:0;bottom:0;width:95%;margin:0 10px;height:14%!important}#live-body-container .chat-area .chat-msg-send{height:50%}#live-body-container .chat-area .chat-msg-send .chat-msg-textbox{height:100 !important%}#live-body-container .chat-area .chat-msg-send .chat-send-btn{height:100%!important}#live-body-container .player-area{width:100%!important;height:50%!important}#live-body-container .head-info-panel{height:auto!important}#live-body-container .head-info-panel>h4{margin:0}#live-body-container .head-info-panel .back-to-course{display:none}#live-body-container .shiyanlou-live-player .live-notice{left:calc(37% - 101px)!important;top:calc(25% - 42px)!important}#live-body-container .shiyanlou-live-player .live-notice .live-hint{font-size:20px}#live-body-container .live-player-area .shiyanlou-live-player-video{height:100%;width:100%}#live-body-container .live-player-area .shiyanlou-live-player{width:100%;height:100%!important}#live-body-container .live-player-area .fullscreen-page-btn{display:none}}.next-learn-courses-content a{display:block;font-size:14px;color:#666}.next-learn-courses-content a .next-learn-course-title{width:100%;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-learn-courses-content a .course-from{font-size:12px;color:#a4a4a4}.next-learn-courses-content a:focus,.next-learn-courses-content a:hover{color:#666;text-decoration:none}#navbar-week{position:fixed;top:0;left:-3000px;width:50px;padding:5px 6px;list-style:none;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);z-index:9}#navbar-week ul{padding:0;margin:0;list-style:none}#navbar-week .labs-top,#navbar-week li{position:relative;height:40px;padding-top:10px;font-size:14px;text-align:center;color:#999;border-bottom:1px solid #eee}#navbar-week .labs-top span,#navbar-week li span{position:absolute;opacity:0;left:0;top:5px;padding:5px 15px;background:#fff;border:1px solid #eee;border-radius:5px;transition:all .3s ease-out;pointer-events:none;z-index:999;font-size:12px;text-align:left;color:#666;white-space:nowrap}#navbar-week .labs-top span img,#navbar-week li span img{position:absolute;left:-8px;top:8px}#navbar-week .labs-top{border-bottom:0;background:url(https://static.shiyanlou.com/img/louplus/icon-top.png) no-repeat 50%}#navbar-week li:focus,#navbar-week li:hover{color:#666;cursor:pointer}#navbar-week li:focus>span,#navbar-week li:hover>span{opacity:1;left:60px}#navbar-week li.active{color:#666;cursor:pointer}#navbar-week .labs-top:focus,#navbar-week .labs-top:hover{background:url(https://static.shiyanlou.com/img/louplus/icon-top-active.png) no-repeat 50%}#navbar-week .labs-top:focus>span,#navbar-week .labs-top:hover>span{opacity:1;left:60px}.lab-week{margin:30px -30px 15px}.lab-week .week-index{padding:3px 15px;text-align:center;color:#fff}.lab-week .week-index,.lab-week .week-name{display:inline-block;font-size:18px}.lab-week .week-name{margin-left:10px;text-align:left;color:#3a3a3a}.lab-week .week-name.not-open{color:#999}.lab-week .week-name.not-open span{display:inline-block;margin-left:25px;font-size:16px;vertical-align:2px}.path-description{margin:35px auto 0;background:#fff;box-shadow:0 1px 3px 0 #c2c2c2;overflow:hidden}.path-description .path-desc-top{height:250px}.path-description .path-desc-top .name-total-box{margin-top:50px;margin-bottom:40px}.path-description .path-desc-top .name-total-box h4{font-family:Microsoft Yahei;font-size:30px;color:#fff}.path-description .path-desc-top .name-total-box .path-total-courses{font-size:18px;line-height:53px;text-align:right}.path-description .path-desc-top .name-total-box .path-total-courses .total-courses-box{padding:6px;color:#787878;background:#fff;border-radius:4px}.path-description .path-desc-top .path-desc-text{color:#fff;font-size:14px;height:60px;overflow:hidden}.path-description .path-desc-btm{height:100px;font-size:18px;padding-top:32px;color:#787878}.path-description .path-desc-btm>div{padding-top:6px}.path-description .path-desc-btm .jion-btn-container{padding-top:0;display:inline-block}.path-description .path-desc-btm .center-line{border-left:1px solid #ccc;border-right:1px solid #ccc}.path-description .path-desc-btm .jion-path-remind{font-size:16px;margin-left:10px}.path-description .num{color:#fa5e5b}@media (max-width:767px){.path-description .path-desc-top .name-total-box h4{font-size:24px}}@media (max-width:767px){.path-description .path-desc-top .name-total-box .path-total-courses{text-align:left}}@media (max-width:767px){.path-description .path-desc-btm{height:115px;text-align:center;padding-top:10px}.path-description .path-desc-btm .jion-btn-container{display:block!important;text-align:center}.path-description .path-desc-btm .jion-path-remind{display:block!important;margin-top:10px}.path-description .path-desc-btm>div:last-child{text-align:center}}@media (max-width:480px){.path-description .path-desc-btm{font-size:14px}}.need-learn-time{font-size:16px;color:#666}.need-learn-time .course-num,.need-learn-time .course-total-hour{display:inline-block;margin-left:30px}.need-learn-time .course-total-hour{margin-right:10px}.start-btn{display:block;width:200px;height:45px;background:#fa5e5b;box-shadow:0 3px 3px #ee5653;border-radius:50px;margin:100px auto;font-size:20px;color:#fff}.details-box .start-btn{padding-top:10px}.details-box .start-btn:focus,.details-box .start-btn:hover{color:#fff;background:#ff7878;box-shadow:0 4px 0 0 #f07070}.end-pin{display:block;width:200px;height:45px;border:1px solid #666;border-radius:50px;margin:100px auto;font-size:20px;cursor:auto}.end-pin,.end-pin:hover{color:#666}.path-title-box{margin:100px 0 50px;font-size:20px;color:#787878}.path-title-box .line{width:15%;display:inline-block;border-top:1px solid #ccc;margin-bottom:5px}@media (max-width:767px){.jobtree .course-box .straight-line{display:none}.double-labs{width:auto;margin:0}.double-labs .bottom-rectangle-line,.double-labs .top-rectangle-line{display:none}.double-labs .course-box{float:none;margin:60px auto 0}}.path-item{height:100px;margin-bottom:10px;box-shadow:0 0 3px #ccc;position:relative}.path-item .path-img{text-align:left;padding:0}.path-item .path-img img{width:100px;height:100px}.path-item .path-name{color:#565656;font-size:18px;padding-top:20px}.path-item .path-course-num{color:#9b9da2;font-size:14px;padding-top:10px}.path-item .desc-layer{position:absolute;top:0;left:100px;right:0;bottom:0;background:hsla(0,0%,58%,.8);padding:20px 11px;display:none}.path-item .desc-layer .center{height:60px;color:#fff;font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.path-item:hover{box-shadow:0 0 3px #aaa}.path-item:hover .desc-layer{display:block}.user-avatar{position:relative;display:inline-block}.user-avatar a:focus,.user-avatar a:hover{text-decoration:none}.user-avatar .avatar img{width:50px;height:50px;border-radius:50%}.user-avatar .member-icon{position:absolute;bottom:1%;right:3%;width:32%}.user-avatar .member-icon img{width:100%;min-width:12px}.user-username{display:inline-block}.user-username a:focus,.user-username a:hover{text-decoration:none;color:#fff}.user-username .username{color:#999;font-size:14px}.user-username .user-level{margin-left:-2px;color:#fec42d;font-size:12px;font-weight:700}#add-friends-btn{display:inline-block;padding:6px 12px;background:#fff;color:#fff;cursor:pointer;font-size:14px}#add-friends-btn:active,#add-friends-btn:focus,#add-friends-btn:hover{background:rgba(0,204,153,.7)}#friends>.row{margin:0;position:relative}#friends>.row .friend{margin:10px 0}#friends>.row .friend,#friends>.row .friend>div{text-align:center}#friends>.row .friend img{width:80px;height:80px;border-radius:50%}#friends>.row .friend .member-icon img{width:18px;height:18px}#friends>.row .friend .friend-name{margin-top:10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#friends>.row .friend .friend-level{font-size:14px}#friends>.row .friend .friend-level span{color:#f66}.community-name{font-size:18px;color:#464646;font-weight:400}.community-image{height:45px;width:45px;float:right;border-radius:50%}.community-count{color:#666;margin:15px 0;font-size:14px;font-weight:400}.community-entrance,.community-entrance:hover{display:block;background:#fff;padding:9px 12px;color:#fff;font-size:18px;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;text-decoration:none}#user-index .layout-body{padding:15px 50px}.bg-img{padding:0;width:100%}.empty-tip{text-align:center;font-size:18px;color:#93a0a8;padding:20px;margin:7px 15px;background:#fafafa}.user-intro{height:150px}.user-image{position:relative;top:-110px;left:115px;width:185px;height:185px;padding:8px;background-color:hsla(0,0%,100%,.5);box-shadow:0 1px 3px 0 #d3d3d3}.user-money{position:relative;top:-100px;left:145px;color:#949ea8;font-size:14px}.noun-explain{border-bottom:1px dashed #686b74;cursor:pointer}.money-count{color:#fc5e5d;font-size:16px;margin:0 3px}.user-deal{position:absolute;right:100px;top:30px}.addfriend,.sendmsg{border:none;background-color:#1abc9c}.addfriend:focus,.addfriend:hover,.sendmsg:focus,.sendmsg:hover{background-color:#11aa8c}.info-ctrl{top:-10px;left:365px}.info-btn,.info-ctrl{position:absolute}.info-btn{top:34px;right:50px}.user-name{font-size:22px;color:#2f3c4c}.user-vip-icon{vertical-align:text-top;margin:0 5px}.user-vip-deadline{color:#565a61}.user-vip-charge{color:red;margin:0 5px}.user-vip-charge:hover{color:#fff}.user-profession{color:#8a939c;font-size:14px;margin-right:15px}.user-community{color:#808a94;text-decoration:none}.user-community:focus,.user-community:hover{color:#00b877;text-decoration:none}.user-profile,.user-share{display:block;color:#fff;padding:8px 16px;font-size:15px}.user-profile:focus,.user-profile:hover,.user-share:focus,.user-share:hover{text-decoration:none;color:#fff;cursor:pointer}.user-share{background-color:#1cb974}.user-profile{background-color:#6a7789}.user-git,.user-vm{color:#8a939c;font-size:14px;margin-top:20px}.user-vm-name{color:#8a939c;margin:0 10px}.user-vm-name:hover{color:#fff}.user-vm-btn{color:#fff;background-color:#fff;cursor:pointer}.user-vm-btn:focus,.user-vm-btn:hover{color:#fff;text-decoration:none}.user-title{color:#93a0a8;font-size:16px;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #f2f4f7}.follow-course,.learn-course,.user-report{position:relative}.view-all{position:absolute;right:0;top:0;bottom:0;color:#9ca5ae}.view-all:focus,.view-all:hover{text-decoration:none;color:#00b877}.achieve-body{margin:10px;text-align:center}.achieve-body p{color:#686b74;text-align:center;font-size:16px}.achieve-image{margin:20px;width:100px;height:100px}.achieve-figure{color:#1bbb75;margin:0 5px}.follow-body,.learn-body{text-align:center}.question-body,.question-body .answer-title,.question-body .ask-title{margin-top:20px}.question-body .question-content{position:relative;left:65px;top:-50px}.question-body .question-item{margin:5px 0;display:block;color:#808a94;font-size:16px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:300px}.question-body .question-item:focus,.question-body .question-item:hover{text-decoration:none;color:#00b877}.qa-all{position:absolute;left:80px;bottom:0;margin-bottom:10px;font-size:14px;color:#9ca5ae;text-decoration:none}.qa-all:focus,.qa-all:hover{text-decoration:none;color:#00b877}.acc-content{margin:35px 0 20px 35px}.acc-info{position:absolute;top:0;left:60px;color:#9ca5ae}.acc-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-new-pwd span{font-size:14px;line-height:34px}.view-new-pwd span:hover{cursor:pointer}.view-new-pwd span.glyphicon-eye-close{color:#666}.view-new-pwd span.glyphicon-eye-open{color:#009973}.empty-tips{font-size:18px;color:#9e9e9e;font-weight:100;text-align:center}.saved-vm-btn{width:100%}.sidebox-table-labinfo{border-collapse:separate;border-spacing:10px}.sidebox-table-labinfo tr .info-text{font-size:16px;color:#666}.courses-list-wrapper{border-bottom:1px solid #eee;padding:20px 0}.courses-list-wrapper .courses-list-item .course-img img{width:100%;height:100%}.courses-list-wrapper .courses-list-item .course-img .course-progress-bar{width:100%;height:5px;background-color:#eee}.courses-list-wrapper .courses-list-item .course-detail{padding:15px}.courses-list-wrapper .courses-list-item .course-detail .course-name{font-size:16px;margin-bottom:20px;color:#666}.courses-list-wrapper .courses-list-item .course-detail .course-name>a{color:#666}.courses-list-wrapper .courses-list-item .course-detail .course-name .course-type{vertical-align:middle;padding:4px 8px;font-size:12px;color:#fff;border-radius:73px}.courses-list-wrapper .courses-list-item .course-detail .course-name .course-type.course-bootcamp{background:#f66}.courses-list-wrapper .courses-list-item .course-detail .course-name .course-type.course-louplus{background:#6ea6ed}.courses-list-wrapper .courses-list-item .course-detail .course-name .course-type.course-private{background:#544b8e}.courses-list-wrapper .courses-list-item .course-detail .course-name .course-type.course-member{background:#ffae0f}.courses-list-wrapper .courses-list-item .course-detail .course-name .action-more{font-size:14px;color:#999;position:relative}.courses-list-wrapper .courses-list-item .course-detail .course-name .action-more .btn-action{display:none;position:absolute;left:-20px;top:30px;color:#666}.courses-list-wrapper .courses-list-item .course-detail .course-name .action-more .btn-action:before{position:absolute;content:" ";top:-16px;left:25px;border:8px solid;border-color:transparent transparent #ccc}.courses-list-wrapper .courses-list-item .course-detail .course-name .action-more .btn-action:after{position:absolute;content:"";top:-13px;left:26px;border:7px solid;border-color:transparent transparent #fff}.courses-list-wrapper .courses-list-item .course-detail .louplus-open-time{font-size:14px;color:#999;margin-bottom:19px}.courses-list-wrapper .courses-list-item .course-detail .last-learn{font-size:14px;margin-bottom:19px;color:#666}.courses-list-wrapper .courses-list-item .course-detail .louplus-hint{display:inline-block;font-size:14px;color:#f66}.courses-list-wrapper .courses-list-item .course-detail .jion-courses{display:inline-block;width:130px;background-color:#666;color:#fff;font-size:14px;border-radius:28px;border:none;padding:4px}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data{font-size:14px;color:#999}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data .relate-count{vertical-align:-5px;cursor:pointer}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data .relate-count .fa-angle-down{transition:all .3s ease-out}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data .relate-count.course-reports{margin-right:10px}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data .relate-count.active{color:#666}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data .relate-count.active i{transform:rotate(180deg)}.courses-list-wrapper .courses-list-item .course-detail .course-relate-data .btn-primary{display:inline-block;width:130px;background-color:#666;color:#fff;font-size:14px;border-radius:28px;border:none;padding:4px}.courses-list-wrapper .lab-out-wrapper{display:none;position:relative;border:1px solid #eee;margin-top:15px}.courses-list-wrapper .lab-out-wrapper .row{margin:0}.courses-list-wrapper .lab-out-wrapper:before{content:"";position:absolute;border:15px solid #eee;border-color:transparent transparent #eee;top:-30px}.courses-list-wrapper .lab-out-wrapper:after{content:"";border:14px solid #fff;position:absolute;margin-left:1px;border-color:transparent transparent #fff;top:-27px}.courses-list-wrapper .lab-out-wrapper.lab-reports-wrapper:after,.courses-list-wrapper .lab-out-wrapper.lab-reports-wrapper:before{left:38%}.courses-list-wrapper .lab-out-wrapper.lab-questions-wrapper:after,.courses-list-wrapper .lab-out-wrapper.lab-questions-wrapper:before{left:50%}.bs-action-modal-sm .modal-content{width:350px;min-height:178px;font-size:16px}.bs-action-modal-sm .modal-content .modal-body{margin-top:30px;padding:0 15px;text-align:center}.bs-action-modal-sm .modal-content .modal-body .modal-action-title{margin:0;color:#565656}.bs-action-modal-sm .modal-content .modal-footer{border-top:none;text-align:center;padding:10px 15px}.bs-action-modal-sm .modal-content .modal-footer .btn{padding:6px 40px;border-radius:3px}.bs-action-modal-sm .modal-content .modal-footer .btn.btn-default{color:#666;border-color:#666}.bs-action-modal-sm .modal-content .modal-footer .btn:first-child{margin-right:30px}.user-infobox-baseinfo{text-align:center}.user-infobox-avatar{width:80px;border-radius:50%}.user-infobox-name{display:block;margin:12px auto;font-size:16px}.user-infobox-name:focus,.user-infobox-name:hover{text-decoration:none}.user-infobox-info div{position:relative;margin:8px 0;color:#666;font-size:14px}.user-infobox-info div span{position:absolute;right:0}.user-infobox-info div a{color:#1abc9c}.course-item{display:block;margin-top:15px;box-shadow:0 1px 3px 0 #ccc}.course-item,.course-item:focus,.course-item:hover{text-decoration:none}.course-item-header{height:37px;color:#fff;background:#1abc9c}.course-item-header h4{width:100%;padding:10px 0 10px 10px;margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-course .course-item-header h4{background:#2980b9}.course-item-body{position:relative;height:160px;padding:12px;color:#9a9a9a}.course-item-body p{line-height:30px}.course-item-learned{position:absolute;bottom:10px;color:#1abc9c}.course-item-footer{position:relative;padding:6px 0;margin:0 12px;color:#b9b9b9;border-top:1px solid #eee}.course-item-count{position:absolute;right:0}#edu-container{background-color:#fff;box-shadow:0 3px 20px 0 hsla(0,0%,93%,.004)}#edu-container .edu-bgimg{height:350px;text-align:center;overflow:hidden;background-color:#eee}#edu-container .edu-bgimg img{height:350px;width:100%}#edu-container .edu-content{margin-top:-100px}#edu-container .edu-content .media-desc{padding:42px 40px;border-radius:10px;height:232px;box-shadow:0 3px 5px 0 hsla(0,0%,87%,.75)}#edu-container .edu-content .edu-logo-des .edu-logo{margin-top:0}#edu-container .edu-content .edu-logo-des .edu-logo img{width:140px;height:140px;border-radius:50%}#edu-container .edu-content .edu-logo-des .edu-des .edu-name{font-size:30px;color:#666;margin-top:0}#edu-container .edu-content .edu-logo-des .edu-des .edu-details{font-size:16px;color:#666}#edu-container .edu-content .edu-logo-des .edu-des .join-btn{margin-top:-40px}#edu-container .edu-content .edu-courses{border:none;padding-top:0}#edu-container .edu-content .edu-courses .edu-title{font-size:30px;color:#666;text-align:center;margin-bottom:70px}#edu-container .edu-content .edu-student{margin-top:50px}#edu-container .edu-content .edu-student .stu-content{margin:20px 0}#edu-container .edu-content .edu-student .stu-item{padding:0;position:relative}#edu-container .edu-content .edu-student .stu-item img{width:100%;height:67px}#edu-container .edu-content .edu-student .stu-item .stu-msg{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,204,153,.9);color:#fff;text-align:center;padding:10px 0}#edu-container .edu-content .edu-student .stu-item:hover .stu-msg{display:block}#edu-container .edu-content .edu-student .tea-item{padding:15px 0;box-shadow:0 1px 3px #ccc;margin:10px 0}#edu-container .edu-content .edu-student .tea-item img{width:80px;border-radius:50%}#edu-container .edu-content .edu-student .tea-item .tea-msg{color:#777;padding:15px 0 0}#edu-container .edu-content .edu-student .tea-item .tea-msg .tea-name{font-size:14px;margin-bottom:10px}#edu-container .edu-content .edu-student .tea-item:hover{box-shadow:0 2px 8px #ccc}#edu-container .edu-content .edu-course{margin-top:50px}#edu-container .edu-content .edu-course .no-course p{font-size:14px}.edu-teacher{margin-top:35px;padding-bottom:100px}.edu-teacher .content{background:none;border:none}.edu-teacher .content .edu-title{font-size:30px;color:#666;text-align:center;margin-bottom:62px}.edu-teacher .content .tea-item{margin:10px 0;background-color:#fff;box-shadow:0 3px 20px 0 hsla(0,0%,93%,.004);height:165px;padding:32px 5px}.edu-teacher .content .tea-item .headimg{width:100px;height:100px;border-radius:50%}.edu-teacher .content .tea-item .tea-msg{margin-left:-45px;padding-top:8px}.edu-teacher .content .tea-item .tea-msg .tea-name{line-height:50px;font-weight:700;font-size:16px;color:#666}.edu-teacher .content .tea-item .tea-msg .tea-course-num{font-size:14px;color:#666}.edu-teacher .content .tea-item .tea-msg .tea-course-num span{color:#eb6877;font-weight:700}@media screen and (max-width:768px){#edu-container .edu-content .edu-logo-des .edu-logo{text-align:center}#edu-container .edu-content .edu-logo-des .edu-logo img{width:40%}}.edu-footer{padding-top:0}.edu-footer .copyright{margin-top:0}.layout-side .message{padding:15px}.layout-side .message a{font-size:18px;color:#dee7ed;float:right}.achievement{font-size:13px;color:#8e8e8e;line-height:1.8em}.achievement,.layout-side .btnbox{margin:13px 26px}.layout-side .invite-btn{background-color:#82a0e2}.layout-side .invite-btn,.layout-side .supply-btn{color:#fff;border-radius:0;font-size:14px}.layout-side .supply-btn{background-color:#4dc6e9;padding:0}.layout-side .supply-btn a{text-decoration:none;font-size:14px;color:#fff;width:100%;height:100%;padding:6px 12px}#chats .nav-tabs{height:600px;background:#d1e4ce;border:0;overflow-y:auto}#chats .nav-tabs>li{float:none;margin:0}#chats .nav-tabs>li .member-icon img{width:16px}#chats .nav-tabs>li:first-child{padding:15px 0;color:#567051;background:#a1c791;text-align:center;font-size:14px}#chats .nav-tabs>li a{padding:10px 20px;margin:0;padding:10px 0;color:#000;font-size:14px;border:0;border-radius:0}#chats .nav-tabs a span{display:inline-block;color:rgba(0,0,0,.68)}#chats .nav-tabs a span.user-level{color:#dfa304}#chats .nav-tabs a .user-name-msgcount{padding-top:16px}#chats .nav-tabs a span.msgcount{display:inline;float:right;padding:0 5px;color:#fff;background:#f66;font-size:14px;font-weight:400;border-radius:15px}#chats .nav-tabs>li.active>a,#chats .nav-tabs>li>a:hover{background:#c2dcb7;border-radius:0}#chats .tab-content>.tab-pane{height:416px;background:#f8f8f6;overflow-y:auto}#chats .tab-content>.tabpanel{overflow:hidden}#chats .msgbox{position:relative;max-width:60%;margin:30px 0 20px;padding:5px;line-height:1.6em;font-size:13px;border-radius:5px;clear:both}#chats .msgbox .sendtime{position:absolute;bottom:-25px;width:110px;font-size:12px}#chats .msgbox.left .sendtime{left:0}#chats .msgbox.right .sendtime{right:0}#chats .msgbox .arrow{position:absolute;width:10px;height:10px}#chats .msgbox.left .arrow{left:-9px;bottom:15px;background-image:url(https://static.shiyanlou.com/img/messagefrom.png)}#chats .msgbox.right .arrow{right:-9px;bottom:15px;background-image:url(https://static.shiyanlou.com/img/messageto.png)}#chats .msgbox.left{float:left;margin-left:50px;color:#9e9a8f;background:#f5f3ef;border:1px solid #e6e4df}#chats .msgbox.right{float:right;margin-right:50px;color:#979ea6;background:#eff3f5;border:1px solid #e3e9ed}#chats .msgbox pre{margin:0;color:inherit;background-color:inherit;font-size:14px;font-family:Microsoft Yahei;border:none}#chats .msgbox pre p{white-space:normal}#chats .msgbox .btn{float:right;margin:10px 5px 0}#chats .tab-content{position:relative}#chats .sendmessage{width:100%;padding:10px;background:#eff3f5;border:1px solid #e3e9ed;clear:both;overflow:hidden}#chats .sendmessage textarea{width:100%;height:120px;border:1px solid #eee;resize:none;padding:10px;font-size:14px;color:#565e67;outline-color:hsla(0,0%,93%,0)}#chats .sendmessage textarea:focus{border:1px solid #cadce9}#chats .sendmessage .btn{float:right;margin-top:10px;background-color:#32b169;border-color:#32b169;padding:6px 30px;border-radius:2px}#chats .sendmessage .btn:hover{background-color:#4cc680;border-color:#4cc680}#search-users .search{width:80px;color:#fff;background:#1abc9c}#search-users .result{max-height:500px;margin-top:10px;overflow:auto}#search-users .result .suser{width:90%;margin:0 auto;padding:10px 0;border-bottom:1px solid #e7f2f0}#search-users .result .suser img{width:60px;border:5px solid #e7f2f0}#search-users .result .suser span{display:inline-block;margin-left:10px;font-size:16px;font-weight:700}#search-users .result .suser .sendadd{float:right;margin-top:15px;background:#48c755;border:none}#search-users .result .suser .disabled{float:right;margin-top:15px}#search-users .result .suser.none{color:#ccc;text-align:center;border:0}@media (max-width:767px){#chats{margin-left:-15px;margin-right:-15px}}.userinfo{text-align:center;padding:0}.userinfo img.userimg{width:100px;height:100px;margin:15px 0 8px}.userinfo .userinfo-name{font-size:17px;color:#464646;font-weight:700;margin-bottom:12px}e .userinfo .userinfo-name:hover{color:#1abc9c}.userinfo-display a{font-size:14px;padding-top:9px;color:#909395}.userinfo-footer{border-top:1px solid #ecf0f3;padding:12px 0;color:#4c5157;margin:10px 0 0}.userinfo-footer i{font-size:25px;margin-bottom:10px}.userinfo-footer .userinfo-num{display:inline-block;max-width:29px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.userinfo-footer .userinfo-studytime{border-left:1px solid #ecf0f3;border-right:1px solid #ecf0f3}.userinfo-footer:after{content:"";display:block;clear:both}.userinfo-msg-text{color:#7b7f88;font-size:15px;padding:4px 16px}.userinfo-msg-text a{color:#7b7f88}.userinfo-msg-text a:hover{color:#fff;text-decoration:none}.vip-header{position:relative;height:340px;text-align:center;color:#fff;background:url(https://static.shiyanlou.com/img/vip/vip_min_banner.png)}@media (max-width:992px){.vip-header{height:360px}.open-member{width:80%!important;right:10%!important}.vip-header-btn{margin-left:calc(50% - 122px);display:block!important}.vip-row img{width:100%!important}.vip-clients-details{height:auto!important}.hots-user,.vip-choice .choice-container{margin-bottom:10px}}@media (min-width:992px) and (max-width:1200px){.open-member{right:1%!important}.vip-choice .choice-container:first-child{margin-left:5%!important}.vip-clients-details{height:150px!important}}.open-member{width:421px;height:236px;padding:40px 0 15px;border-radius:8px;background:#fff;position:absolute;right:12%;top:15%;z-index:1;text-align:center}.open-member .vip-header-left{display:inline-block;position:relative;vertical-align:text-bottom}.open-member .vip-header-left img.icon-img{position:absolute;bottom:0;right:0}.open-member .user-avatar .avatar img{width:80px!important;height:80px!important;position:relative;z-index:-1;vertical-align:-8px}.open-member .vip-header-right{display:inline-block;text-align:left;margin-left:10px}.open-member .vip-header-right .vip-user-name{margin:0 0 5px;font-size:16px}.open-member .vip-header-right .my-invite-code{display:inline-block;margin-top:5px;color:#666;font-size:14px;cursor:text}.open-member .vip-header-right .my-invite-code span{color:#ff9c3f;font-weight:700;cursor:pointer}.open-member .vip-header-right .my-invite-code span:hover{text-decoration:underline}.open-member .vip-header-right .my-invite-code:focus,.open-member .vip-header-right .my-invite-code:hover{outline:none;text-decoration:none}.open-member .vip-header-right .user-level{margin-left:10px;font-size:14px}.open-member .vip-header-right p{color:#666;font-size:14px;margin:0}.open-member .vip-header-right p.welcome{font-size:18px;color:#666;margin-bottom:8px}.open-member .vip-header-right p.do-experiments{font-size:14px;color:#a4a4a4}p.surplus-days{margin:0;color:#a4a4a4}.vip-header-btn{display:inline-block;width:245px;height:35px;margin:24px 0 18px;line-height:35px;font-size:18px;color:#fff;background:#f4983e;box-shadow:0 2px 0 0 #f4983e;margin-top:24px;border-radius:30px;text-align:center;font-weight:100}.vip-header-btn:focus,.vip-header-btn:hover{color:#fff;text-decoration:none}.vip-details{background:#fff;padding-top:60px}.vip-row{text-align:center}@media (max-width:767px){.vip-row{padding:0;overflow:hidden}}.vip-item{text-align:left;height:160px;margin:120px 0}.vip-item .item-title{font-size:30px;color:#666}.vip-item .title-underline{width:40px;height:2px;background:#666;margin-bottom:26px}.vip-item .item-content{font-size:20px;color:#666;line-height:35px}.vip-item .item-content span{color:#f01324}.vip-item .download-client{font-size:20px;color:#266ddf}.vip-item .download-client:focus,.vip-item .download-client:hover{color:#266ddf;text-decoration:none}.vip-item:first-child{margin-top:0!important}.vip-hots{padding-bottom:120px}.vip-hots-header h4{margin:60px 0;color:#676767;font-size:30px;text-align:center}.vip-hots-header h4 span{color:#0dc091}.vip-hots-body .hots-user{background:#fff;text-align:center;border-radius:15px;padding:20px;z-index:-3;position:relative;height:250px}.vip-hots-body .hots-user .vip-user-name{font-size:16px;color:#666;margin:10px 0 20px}.vip-hots-body .hots-user .vip-user-name .user-level{margin-left:10px;font-size:14px}.vip-hots-body .hots-user .host-user-intro{font-size:14px;color:#666}.user-member-level{position:relative}.user-member-level img:first-child{position:absolute;bottom:-5px;right:calc(50% - 45px)}.vip-choice{text-align:center;margin-bottom:100px}.vip-choice h4{margin:60px 0;color:#676767;font-size:30px;text-align:center}.vip-choice h4 .choice-subtitle{font-size:20px;margin-top:20px}.vip-choice h4 .choice-subtitle span{color:#0dc091}.vip-choice h4 .choice-subtitle span.beans{color:#676767;border-bottom:1px dotted #676767}.vip-choice a{width:220px;height:40px;line-height:40px;font-size:20px;margin-top:0;background:#ffaa64;box-shadow:0 2px 1px 0 #db8c4a}.vip-choice a.senior-member-btn{background:#f66;box-shadow:0 2px 1px 0 #ba4141}.vip-choice a.basis-member-btn{background:#ffd655;box-shadow:0 2px 1px 0 #ddb742}.vip-choice a.disabled-btn{background:#ddd;box-shadow:0 2px 1px 0 #aaa;cursor:default}.vip-choice .choice-container{max-width:80%;margin-left:10%;height:620px;border-radius:15px;background-image:url(https://static.shiyanlou.com/img/vip-member-bg.png);background-repeat:no-repeat;background-size:100% 100%;box-shadow:0 0 25px 0 rgba(0,0,0,.2);padding-top:28px}.vip-choice .choice-container ul{height:290px;padding:0;margin-left:calc(50% - 85px);list-style:none;text-align:left;font-size:16px;color:#666}.vip-choice .choice-container ul li span span{font-size:20px;font-weight:700;margin:0 5px}.vip-choice .choice-container ul li span span.discount{color:#ffaa64}.vip-choice .choice-container ul li span.answer-questions,.vip-choice .choice-container ul li span span.half-discount{color:#f66}.vip-choice .choice-container .free{font-size:35px;color:#a4a4a4;font-weight:700;margin-bottom:40px}.vip-choice .member-level{font-size:25px;color:#666;margin-bottom:30px}.vip-choice .member-level img{width:40px;height:40px;margin-right:10px}.vip-choice .member-level p.hint{font-size:14px;color:#cfcfcf}.vip-choice .member-price{font-size:20px;color:#666}.vip-choice .member-price span{font-size:30px;color:#ffaa64}.vip-choice .member-price span.senior-member-price{color:#f66!important}.vip-choice .member-price span.basis-member-price{color:#ffd555}.vip-choice .original-price{font-size:20px;color:#999;text-decoration:line-through}.vip-choice .vip-price-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:15px;height:145px}.vip-choice .vip-price-wrapper .price-info{width:54%;padding-left:10px}.vip-choice .vip-price-wrapper .price-type{display:inline-block;width:27%;margin-right:38px;font-size:16px;color:#a4a4a4}.vip-choice .vip-price-wrapper .price-type.special-price{margin-right:30px}.vip-choice .vip-price-wrapper .vip-price{font-size:18px;color:#ffc500}.vip-choice .vip-price-wrapper .vip-price.special-price{font-size:20px;color:#666;vertical-align:middle}.vip-choice .vip-price-wrapper .vip-price.special-price>span{color:#ffc500;font-size:35px}.vip-choice .vip-price-wrapper .vip-price.original-price{color:#a4a4a4;text-decoration:line-through}.vip-clients{background:#fff;padding-bottom:100px}.vip-clients-header{margin-top:60px}.vip-clients-header h4{margin-bottom:60px;color:#676767;font-size:30px;text-align:center}.vip-clients-header h4 p{font-size:20px;margin-top:20px}.vip-clients-body{text-align:center}.vip-clients-body .vip-clients-title{margin:10px 0;color:#a4a4a4;font-size:14px}.vip-clients-body a{display:inline-block;height:25px;line-height:25px;width:150px;color:#666;font-size:14px;border:1px solid #666;border-radius:20px;text-align:center}.vip-clients-body a:focus,.vip-clients-body a:hover{text-decoration:none}.vip-clients-body a:first-child{margin:10px 0 20px}.vip-clients-body a.download-MacOS{margin-top:40px}.vip-clients-body .text-danger{margin-top:10px;color:#f1444b}.vip-clients-body .vip-clients-details{height:127px;background:#fff;border-radius:15px;border:1px solid #eee;margin-bottom:15px;padding:15px}.vip-clients-body .clients-details-container{padding-right:0}.vip-clients-body .vip-clients-logo{width:70px;height:70px;margin:0 auto}.vip-clients-body .vip-clients-windows{background:url(https://static.shiyanlou.com/img/vip-download.png) no-repeat;background-position:-178px -5px}.vip-clients-body .vip-clients-mac{background:url(https://static.shiyanlou.com/img/vip-download.png) no-repeat;background-position:-10px -5px}.vip-clients-body .vip-clients-linux{background:url(https://static.shiyanlou.com/img/vip-download.png) no-repeat;background-position:-96px -5px}.vip-clients-body .video{position:relative;clear:both}.vip-clients-body .video video{width:100%}.vip-clients-body .video-play{position:absolute;top:0;width:100%;height:100%;color:#fff;background:rgba(0,0,0,.6);text-align:center}.vip-clients-body .video-play .fa{margin-top:25%;font-size:10em;cursor:pointer}.vip-faq{position:relative;padding-bottom:120px}.vip-faq-header{margin-top:60px}.vip-faq-header h4{margin-bottom:60px;color:#676767;font-size:30px;text-align:center}.vip-faq-body{background:#f7f7f7;border-radius:5px;padding:23px;color:#666;margin-bottom:30px;background:#fff}.vip-faq-body h4{font-size:18px;font-weight:700}.vip-faq-body div{margin:6px 0;font-size:14px}.vip-faq-footer{margin-top:40px;text-align:center}.vip-faq-footer a{display:inline-block;width:173px;height:35px;line-height:35px;color:#666;font-size:14px;border:1px solid #666;text-align:center;border-radius:15px;background:#fff}.vip-faq-footer a:focus,.vip-faq-footer a:hover{color:#666;text-decoration:none}.vip-footer{width:100%;height:65px;line-height:65px;background:url(https://static.shiyanlou.com/img/Banner-bg.png);position:fixed;bottom:0;text-align:center;z-index:1;display:none}.vip-footer span{display:inline-block;font-weight:700;font-family:微软雅黑;color:#fff;font-size:30px;letter-spacing:0;text-shadow:0 2px 0 #3a6d92;margin-right:50px}.vip-footer a{font-size:18px;margin-top:15px}#vip-modal .modal-title{font-size:24px;color:#565656}#vip-modal .vip-modal-item-header{margin-bottom:20px;color:#565656;font-size:16px;font-weight:700}#vip-modal .vip-modal-item-header.use-coupon{display:inline-block;margin:16px 0 12px;font-size:13px;font-weight:100;cursor:pointer}#vip-modal .submit-coupon{cursor:pointer}#vip-modal .vip-modal-item-body{overflow:hidden}#vip-modal .vip-modal-item-body .col-md-12{color:#666;font-size:14px;text-align:center}#vip-modal .vip-modal-item-body .get-phone-code{background:#666;border-radius:0}#vip-modal .vip-modal-item-body a{color:#666}#vip-modal .vip-modal-item-body .coupon-validate{margin-top:10px}#vip-modal .vip-modal-divide{height:2px;margin:30px 0;background:#eee}#vip-modal .vip-6month,#vip-modal .vip-month,#vip-modal .vip-year{margin:10px 0;border:2px dashed #d2d2d2;overflow:hidden;cursor:pointer}#vip-modal .vip-6month .col-md-6,#vip-modal .vip-month .col-md-6,#vip-modal .vip-year .col-md-6{padding:24px 0;text-align:center;font-size:24px;line-height:1em}#vip-modal .vip-6month .col-md-6 div,#vip-modal .vip-month .col-md-6 div,#vip-modal .vip-year .col-md-6 div{color:#f34d4e;font-size:22px;font-weight:700}#vip-modal .vip-6month .col-md-6 del,#vip-modal .vip-month .col-md-6 del,#vip-modal .vip-year .col-md-6 del{font-size:14px;color:#dbdbdb}#vip-modal .vip-6month .col-md-6:first-child,#vip-modal .vip-month .col-md-6:first-child,#vip-modal .vip-year .col-md-6:first-child{margin:14px 0}#vip-modal .vip-6month.active,#vip-modal .vip-month.active,#vip-modal .vip-year.active{border:2px solid #f34d4e}#vip-modal .consume-beans{font-size:14px;font-weight:100}#vip-modal .consume-beans span{white-space:pre;vertical-align:bottom}#vip-modal .consume-beans .beans{color:#f34d4e}#vip-modal .consume-beans .left-beans{margin-top:10px;color:#a4a4a4;font-size:12px}#vip-modal .consume-beans input[type=checkbox]{margin:0 4px 4px 0;vertical-align:bottom}#vip-modal .consume-beans input[type=text]{display:inline-block;width:60px;height:20px}#vip-modal .coupon-box{display:none;width:300px}#vip-modal .coupon-box .coupon-input{border-color:#ddd}#vip-modal .coupon-box .submit-coupon{background:#f7f7f7;border-color:#ddd}#vip-modal .pay-method{float:left;width:120px;height:46px;margin-right:10px;border:1px dashed #d2d2d2;cursor:pointer}#vip-modal .pay-method.active{border:2px solid #f55f60}#vip-modal .pay-method[data-pay=ALI_WEB]{background:url(https://static.shiyanlou.com/img/pay-btn.png);background-position:0 95%}#vip-modal .pay-method[data-pay=WX_NATIVE]{background:url(https://static.shiyanlou.com/img/pay-btn.png)}#vip-modal .modal-footer .real-price{color:#676767;font-size:18px}#vip-modal .modal-footer .real-price strong{color:#f34d4e;font-size:34px}#vip-modal .modal-footer .real-price span{font-weight:700}#vip-modal .modal-footer .pay-btn{text-align:left}#vip-modal .modal-footer .pay-btn .btn{display:block;width:200px;margin:10px 0;padding:12px 0;background:#f55f60;font-size:20px}#vip-modal .modal-footer .pay-btn .btn:focus,#vip-modal .modal-footer .pay-btn .btn:hover{color:#fff;background:#f55f60;border-color:#edac08}#vip-modal .modal-footer .pay-btn input{margin:0 4px 2px 0;vertical-align:bottom}#vip-modal .modal-footer .pay-btn span{color:#676767;font-size:13px;vertical-align:bottom}#vip-modal .modal-footer .pay-btn span a{color:#0dc091}#vip-modal .modal-footer .pay-btn span a:focus,#vip-modal .modal-footer .pay-btn span a:hover{text-decoration:none}.vip-invoice{font-size:20px}.vip-invoice,.vip-modal-qrcode{text-align:center}.vip-wx-price{margin:0 0 10px;color:#333;font-size:16px;font-weight:700}.vip-wx-price span{color:#f34d4e;font-size:40px}.vip-wx-method{display:inline-block;margin:10px 0 0}.vip-wx-method,.vip-wx-method:focus,.vip-wx-method:hover{color:#666}#beecloud-pay>.beecloud-wx{padding:25px!important;width:300px!important;height:300px!important}.member-title{margin:50px 0;font-size:32px;text-align:center;font-weight:300}.member-detail{height:300px;padding:100px 0;text-align:center;box-shadow:0 0 1px 0 #999;border:3px solid transparent;cursor:pointer;transition:all .3s ease-in}.member-detail .member-recommend{position:absolute;top:-10px;right:20px}.member-detail .time{color:#333;font-size:28px}.member-detail .price{margin:4px 0;color:#fe605f;font-size:36px;font-weight:700}.member-detail .coupon{font-size:18px;color:#457ce6}.member-detail.active,.member-detail:hover{border:3px solid #fe605f;box-shadow:0 0 0 0}.member-detail:nth-child(2){position:relative}.member-clause{margin:20px -10px;text-align:right}.member-clause .member-terms{display:inline;padding:5px 0}.member-clause .member-terms a{color:#4c5157}.member-clause .member-terms a:hover{color:#fff;text-decoration:none}.member-clause input{margin:2px 0 0}.member-pay{margin:0 -10px;overflow:hidden}.member-pay .new-price{font-size:18px}.member-pay .new-price span{color:#fe605f}.member-pay .new-price .real-price{font-size:28px;font-weight:700}.member-pay .old-price{margin-top:15px;margin-right:10px;font-size:15px;color:#999}.member-pay .consume-shiyandou{margin-top:-10px;white-space:pre;font-size:14px}.member-pay .consume-shiyandou span{white-space:pre;vertical-align:bottom}.member-pay .consume-shiyandou input[type=checkbox]{margin:0 3px 3px 0;vertical-align:bottom}.member-pay .consume-shiyandou input[type=text]{display:inline-block;width:60px;height:30px}.member-pay .consume-shiyandou .beans{font-size:20px;color:#fe605f}.member-pay .pay-btn{margin-left:30px;padding:14px 50px;color:#fff;background:#ffc410;font-size:18px}.member-pay .pay-btn:focus,.member-pay .pay-btn:hover{color:#fff}.member-privilege{margin:100px -10px 150px;font-size:13px;clear:both}.member-privilege span{display:inline-block;margin:0 6px;color:#999}.userinfo-banner{background:none;padding:5px;border:none}.userinfo-banner .banner-container{background:#fff;padding:20px;margin-top:-5px;margin-bottom:-5px;height:150px;border:1px solid #eee}.userinfo-banner .layout{margin:0 auto}@media (max-width:768px){.userinfo-banner .banner-container{height:auto;text-align:center}}.userinfo-banner+.layout{margin-top:10px}.userinfo-banner-avatar{margin-right:30px;text-align:center}.userinfo-banner-avatar .user-avatar .avatar img{width:80px;height:80px}.userinfo-banner-avatar .user-avatar .member-icon{bottom:4px;right:4px}.userinfo-banner-money{margin-top:10px}.userinfo-banner-money span{color:#999;font-size:12px}.userinfo-banner-money span span{color:#f33}.userinfo-banner-details{margin-top:5px}.userinfo-banner-details>div{margin-bottom:13px}@media (max-width:768px){.userinfo-banner-avatar,.userinfo-banner-details{margin:0;float:none!important}.userinfo-banner-details{margin:10px 0}}.userinfo-banner-medal{width:270px;text-align:center;height:110px;border:1px dashed #eee;border-radius:5px}.userinfo-banner-medal .userinfo-medal-wall{height:100%;overflow:hidden}.userinfo-banner-medal .userinfo-medal-wall .user-medals{height:81px;padding:30px 0 16px;font-size:14px;color:#a4a4a4}.userinfo-banner-medal .userinfo-medal-wall .user-medals .no-medals{display:inline-block;line-height:35px}@media (max-width:768px){.userinfo-banner-medal{width:100%}}#carousel-medal-wall{height:auto;display:flex;align-items:center}#carousel-medal-wall .carousel-inner{background:none!important;overflow:visible}#carousel-medal-wall .carousel-inner .item a{display:inline-block;margin-right:10px}#carousel-medal-wall .carousel-inner .item a img{width:35px;height:35px;border:none}#carousel-medal-wall .carousel-inner .item a .tooltip-arrow{color:#666;border-top-color:#666}#carousel-medal-wall .carousel-inner .item a .tooltip-inner{background-color:#666}#carousel-medal-wall .carousel-inner .item a:last-child{margin-right:0}#carousel-medal-wall .carousel-control{color:#666;width:8%;opacity:0}#carousel-medal-wall .carousel-control .glyphicon{width:auto;height:auto;left:0;right:0;font-size:12px;top:52%}#carousel-medal-wall .carousel-control .glyphicon.glyphicon-chevron-left{left:28%}#carousel-medal-wall .carousel-control .glyphicon.glyphicon-chevron-right{right:28%}#carousel-medal-wall:hover .carousel-control{opacity:.5}.userinfo-banner-meta .username{font-weight:700;font-size:22px;color:#a4a4a4}.userinfo-banner-meta .user-level{font-size:22px;margin-left:10px}.userinfo-banner-meta .vip-info{font-size:12px;display:inline-block}.userinfo-banner-meta .vip-info .i-user-vip-senior{background-image:url(https://static.shiyanlou.com/img/user-vip-icon.png);width:16px;height:16px;margin-left:5px;margin-right:0;vertical-align:-1px;background-repeat:no-repeat;display:inline-block}.userinfo-banner-meta .vip-info .i-user-vip-senior.i-user-vip-base{background-position-x:-36px}.userinfo-banner-meta .vip-info .i-user-vip-senior.i-user-vip-senior{background-position-x:-72px}.userinfo-banner-meta .vip-info .i-user-vip-senior.i-user-vip-buy{background-position-x:0}.userinfo-banner-meta .vip-info .i-user-vip-senior.i-user-vip-normal{background-image:url(https://static.shiyanlou.com/img/plus-vip-icon.png);background-position-x:0;background-size:cover}.userinfo-banner-meta .vip-info .edit-profile{font-size:18px;color:#666;margin-left:10px}.userinfo-banner-meta .vip-info a.a-user-vip-normal{color:#ffc500}.userinfo-banner-meta .vip-info a.a-user-vip-senior{color:#f66}.userinfo-banner-username{color:#333;font-size:18px;font-weight:700}.userinfo-banner-charge{display:inline-block;margin-left:10px;color:#f33}.userinfo-banner-charge:focus,.userinfo-banner-charge:hover{color:#f33;text-decoration:none}.userinfo-banner-status{color:#666;font-size:14px}.userinfo-banner-status>*{display:inline-block;margin-right:10px;color:#666}.userinfo-banner-status a{color:#666}.userinfo-banner-status a:focus,.userinfo-banner-status a:hover{color:#fff;text-decoration:none}.show-level .level-num{margin-top:10px;margin-right:10px;line-height:20px;font-size:13px;position:relative;width:100px;display:inline-block;border-radius:10px;background:#ffc500;padding:0 12px;color:#292929}.show-level .level-num img{position:absolute;right:12px;top:-6px}.show-level .level-up-info{font-size:12px;color:#a4a4a4;margin-top:5px;letter-spacing:0}.userinfo-banner-addfriend,.userinfo-banner-sendmsg{padding:2px 16px}.userinfo-banner-labs{border-right:1px solid #eee;vertical-align:middle}.join-date{margin-top:18px;font-size:14px;color:#666;letter-spacing:.5px;line-height:20px}.user-visitors img{width:32px;height:32px;border-radius:50%}.user-visitors a{display:block;margin-top:10px}.user-visitors a>div{color:#444;font-size:12px}.user-visitors a:focus,.user-visitors a:hover{text-decoration:none}.learn-record{position:relative;margin-bottom:10px;padding:30px 30px 0;background:#fff}.learn-record .learn-record-title{font-size:16px;color:#565656;overflow:auto}.learn-record .learn-record-title .record-title{display:inline-block}.learn-record .learn-record-title .learn-record-desc{float:right;font-size:14px;color:#999}.learn-record .learn-record-title .learn-record-desc>span{margin-right:10px}.learn-record .learn-record-title .learn-record-desc .num{font-size:16px;font-weight:700;color:#666}.learn-record #next-btn,.learn-record #previous-btn{cursor:pointer;font-size:18px;color:#a4a4a4}.learn-record #next-btn:hover,.learn-record #previous-btn:hover{color:#666}.learn-record .calendar-heatmap{padding:26px!important}.learn-record .btn-container{position:absolute;left:50px;bottom:25px;color:#a4a4a4}.learn-record .show-year{font-size:14px;color:#a4a4a4;vertical-align:1px}@media (max-width:768px){.learn-record{padding:30px}.learn-record .learn-record-title .record-title{display:block}.learn-record .learn-record-title .learn-record-desc{float:left;margin-top:15px}.learn-record .learn-record-title .learn-record-desc>span{display:block}.learn-record .learn-record-heatmap{display:none}}#medal-modal{overflow:hidden}#medal-modal .modal-body{padding:20px 15px}#medal-modal .col-md-12{text-align:center}#medal-modal .user-avatar{display:inline-block;vertical-align:top;margin-right:5px}#medal-modal .user-info{display:inline-block}#medal-modal .user-info .user-name{font-size:18px;color:#666}#medal-modal .user-info .now-date{margin:0;font-size:18px;color:#999}#medal-modal .medal-title{margin:30px 0 25px;font-size:30px;color:#666}#medal-modal .medal-title span{font-weight:700;color:#666}#medal-modal .user-study-data{margin-top:25px;margin-left:0;margin-right:0}#medal-modal .user-study-data .col-md-3{border-right:1px solid #979797;font-size:18px}#medal-modal .user-study-data .col-md-3 .study-num{font-weight:700;color:#666}#medal-modal .user-study-data .col-md-3 .study-title{margin:0;color:#999}#medal-modal .user-study-data .col-md-3:last-of-type{border-right:none}#medal-modal .control-btn{padding:20px 200px}#medal-modal .control-btn .col-md-6{text-align:center;cursor:pointer;font-size:16px;color:#fff}@media (max-width:768px){#medal-modal .control-btn{padding:20px 0}}#resume .resume-msg{margin-bottom:30px;font-size:14px;padding:0 0 30px 30px;background-color:#eff9fb}#resume .resume-msg .resume-edit-btn{color:#fff;margin:10px;background-color:#7ab3e0;padding:0 5px}#resume .resume-msg .resume-edit-btn i.iconfont{font-size:20px}#resume .resume-msg .real-name{font-size:30px}#resume .resume-msg .work{font-size:22px}#resume .resume-msg .see-only-shiyanlou{text-align:right;padding:10px 40px;background-color:#c1f0dc}#resume .resume-msg .see-only-shiyanlou p{margin:0 0 5px}#resume .resume-msg .see-only-shiyanlou .resume-text{color:#fff}#resume .resume-msg .see-only-shiyanlou i.iconfont{color:#fff;font-size:25px}#resume .resume-edit{margin-bottom:30px;font-size:14px;padding:50px 0;background-color:#eff9fb;display:none}#resume .resume-edit .resume-graduation,#resume .resume-edit .resume-work{display:none}#resume .resume-edit .resume-text{color:#fff;padding:10px 0}#resume .resume-edit .error-point{color:red}#resume .resume-edit .resume-save{background-color:#fff;color:#fff}#resume .resume-introduce{margin-bottom:30px;font-size:14px}#resume .resume-introduce .resume-intro-title{font-size:16px;margin-bottom:10px}#resume .resume-introduce .resume-intro-title i{color:#fff;font-size:36px}#resume .resume-introduce .resume-intro-content{padding:0 15px}#resume .resume-skill{margin-bottom:30px;font-size:14px}#resume .resume-skill .resume-skill-title{font-size:16px;margin-bottom:10px}#resume .resume-skill .resume-skill-title i{color:#fff;font-size:36px}#resume .resume-skill .resume-skill-content{height:100px;padding:0 16px;font-size:0;overflow:hidden;position:relative}#resume .resume-skill .resume-skill-content .skill-no-text{font-size:14px;margin-top:20px}#resume .resume-skill .resume-skill-content .show-skill-more{position:absolute;top:24px;right:10px;font-size:20px;cursor:pointer;color:#939393;border-radius:5px}#resume .resume-skill .resume-skill-content .skill-item{color:#939393;display:inline-block;text-align:center;margin:5px 10px;font-size:12px}#resume .resume-skill .resume-skill-content .skill-item .skill-item-box{width:73px;display:inline-block;border:1px solid #ccc;margin-bottom:5px}#resume .resume-skill .resume-skill-content .skill-item .skill-item-box i{font-size:36px}#resume .resume-vitality{margin-bottom:30px;font-size:14px}#resume .resume-vitality .resume-vita-title{font-size:16px;margin-bottom:10px}#resume .resume-vitality .resume-vita-title i{color:#fff;font-size:36px}#resume .resume-vitality .resume-vita-content{text-align:center}#resume .resume-vitality .resume-vita-content #cal-heatmap{display:inline-block}#resume .resume-vitality .resume-vita-content .resume-vita-num{color:#5cbc97;font-size:20px}#resume .resume-radar{margin-bottom:30px;font-size:14px}#resume .resume-radar .resume-radar-title{font-size:16px;margin-bottom:10px}#resume .resume-radar .resume-radar-title i{color:#fff;font-size:36px}#resume .resume-radar .resume-radar-content #chart-canvas{height:250px}#resume .resume-radar .resume-radar-content .radar-content-r{padding:50px 0 0}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-merit{margin-bottom:15px}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-merit span.radar-merit-text{padding:10px 20px 10px 0;border-bottom:1px solid #000}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-merit span.radar-merit-text .radar-merit-key{color:#5cbc97;font-size:20px}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-merit span.radar-merit-text .radar-merit-value{color:#5cbc97;font-size:18px}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-defect span.radar-defect-text{padding:10px 20px 10px 0}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-defect span.radar-defect-text .radar-defect-key{color:#ea5e5d;font-size:20px}#resume .resume-radar .resume-radar-content .radar-content-r .resume-radar-defect span.radar-defect-text .radar-defect-value{color:#ea5e5d;font-size:18px}.contest-submissions-view .submissions-desc .row{text-align:center;margin-bottom:10px;font-size:14px;font-weight:700;color:#666}.paid-content{padding:40px 0 150px}.paid-content .paid-img{display:block;margin:0 auto 20px;width:580px}.paid-content .to-member-index{display:block;width:245px;height:35px;margin:0 auto;font-size:18px;color:#fff;background:#ff9c4a;text-align:center;line-height:35px;border-radius:100px;box-shadow:0 2px 0 0 #db8c4a}.paid-content .to-member-index:focus,.paid-content .to-member-index:hover{text-decoration:none}.paid-content .paid-invite{margin:52px 0 0;text-align:center}.paid-content .paid-invite img{display:inline-block;width:18px}.paid-content .paid-invite span{color:#666;font-size:14px}.paid-content .paid-invite a{color:#ff9c4a;font-size:14px;text-decoration:underline}.paid-content .paid-invite a:focus{outline:none}#modal-modify-email .modal-dialog,#modal-modify-phone .modal-dialog{width:350px;text-align:center}#modal-modify-email .modal-dialog .modal-content,#modal-modify-phone .modal-dialog .modal-content{padding:20px 0;border-radius:8px;position:relative}#modal-modify-email .modal-dialog .modal-content .modify-header,#modal-modify-phone .modal-dialog .modal-content .modify-header{border-bottom:1px solid #e5e5e5}#modal-modify-email .modal-dialog .modal-content .modify-header .step-back,#modal-modify-phone .modal-dialog .modal-content .modify-header .step-back{width:15px;height:15px;float:left}#modal-modify-email .modal-dialog .modal-content .modify-header .step-back i,#modal-modify-phone .modal-dialog .modal-content .modify-header .step-back i{display:none}.modify-body{position:relative;height:204px;display:block;overflow:hidden;padding:25px 15px 0}.modify-body .no-padding{padding:0}.modify-body .width-percent-90{width:90%}.modify-body .body-out-wrapper{display:block;position:relative;width:100%;height:100%}.modify-body .step-panle{padding:0 24px;display:inline-block;position:absolute;left:350px;top:0;width:318px;transition:all .3s ease-out}.modify-body .step-panle .phone-number{font-size:18px;color:#999}.modify-body .step-panle .phone-not-use{font-size:12px;color:#2786e4;cursor:pointer}.modify-body .step-panle .inner-content-wrapper .descriptive-text{font-size:14px;color:#999}.modify-body .step-panle .inner-content-wrapper .descriptive-text .encrypted-content{font-size:16px;color:#3f3f3f}.modify-body .step-panle .inner-content-wrapper .normal-txt{font-size:16px;color:#666}.modify-body .step-panle .inner-content-wrapper .email-txt{color:#2a2a2a;font-weight:700}.modify-body .step-panle .inner-content-wrapper.phone-success{margin-top:50px}.modify-body .step-panle .inner-content-wrapper.phone-success span{font-size:18px;color:#565656}.modify-body .step-panle .feed-back-info{font-size:12px;margin:0}.modify-body .step-panle .feed-back-info.top{margin-top:30px;margin-bottom:5px}.modify-body .step-panle .feed-back-info.bottom{margin:5px 0}.modify-body .step-panle .feed-back-info.success{color:#666}.modify-body .step-panle .feed-back-info.fail{color:#f66}.modify-body .step-panle .top-row{top:0;display:flex;align-items:center}.modify-body .step-panle .top-row.need-top{margin-top:26px}.modify-body .step-panle .mid-row{margin-top:20px}.modify-body .step-panle .bot-row{margin-top:0}.modify-body .step-panle .bot-row .use-verify-phone{font-size:12px;margin-top:15px;display:inline-block}.modify-body .step-panle .bot-row.need-top{margin-top:30px}.modify-body .step-panle .flex-row{display:flex;align-items:center}.modify-body .step-panle:first-child{left:0}.content-exchange-code .exchange-code{display:inline-block;width:30%;vertical-align:middle}.content-exchange-code .btn{width:15%;display:inline-block}.content-exchange-code .tip{margin:10px 0;font-size:12px;color:gray}.content-exchange-code .tip .red{color:#f66;text-decoration:none}.content-exchange-code .tip .redhover{text-decoration:none}.discovery-slider{margin-bottom:10px}.discovery-list{margin-top:10px;padding:0}.discovery-title{font-size:18px;border-bottom:1px solid #f4f5f5;padding-bottom:5px;overflow:hidden;color:#4c5457}.discovery-title-text{margin:4px 0 0 10px}.discovery-title span{font-size:14px;color:#666}.discovery-catalog{margin-top:14px;font-size:14px}.discovery-catalog a{margin:0 4px;color:#b5bec5;font-size:14px;text-decoration:none}.discovery-catalog a.active{color:#1abc9c}.carousel-control.right,a.left.carousel-control{background-image:none}.new-courses-body a{display:block;padding:12px;font-size:14px;color:#666}.new-courses-body a:hover{text-decoration:none;color:#fff;background:#1abc9c}.user-stat-body div{padding:4px 16px;color:#7b7f88;font-size:15px}.user-stat-body strong a{color:#7b7f88}.user-stat-body strong a:hover{color:#fff;text-decoration:none}.login-container{background:#fff;border:1px solid #eee;overflow:hidden}.login-title{font-size:18px;text-align:center;height:46px;color:#525252;border-bottom:1px solid #cacaca;padding-top:13px;margin-top:20px}.login-body{margin-top:30px;background:#fff}.login-widget{padding-bottom:50px;text-align:center}.login-widget .fa{font-size:20px}.login-footer{text-align:center;color:#b5b6b6;margin:24px 0 30px;font-size:12px}.checkbox{color:#6d6e6e}.tuijian{font-size:12px;color:#afafaf;margin-top:20px;margin-bottom:8px;text-align:center;white-space:nowrap}.null-color{height:46px;width:100%}.login-footer a:first-child{color:#b5b6b6;margin-right:60px}.login-footer a:nth-child(2){color:#6d6e6e}.login-body .message{display:none;color:#d9534f;font-size:14px;text-align:center}.signup-container{background:#fff;border:1px solid #eee;overflow:hidden}.reg-title{font-size:18px;text-align:center;height:46px;color:#525252;border-bottom:1px solid #cacaca;padding-top:13px;margin-top:20px}.reg-body.has-inviter{background:#fff;padding:15px 0 0}.reg-body{background:#fff;padding:50px 21px 21px}.submit{text-align:center;margin-top:15px}#submit{width:100%;border-radius:0}.have-user{text-align:center;color:#b5b6b6;margin-top:12px;margin-bottom:50px;font-size:12px}.three-a{width:180px;font-size:16px;border-radius:0;margin-bottom:12px}.three-title{font-size:14px;color:#525252;padding-top:15px;text-align:center}.three-body{margin-top:10px;text-align:center}.ano-body{background:#fff;padding:5px}.input-group{width:100%}.input-group-addon{width:46px}#invited-msg{color:#666;font-size:14px;margin-top:20px;margin-bottom:20px}#invited-msg,.tec-side{text-align:center}.tec-side .headimg{height:80px;max-width:100%;margin:15px 0;border-radius:50%}.tec-side .tecname{font-size:16px;font-weight:700;color:#55595b}.tec-content .row{margin-top:10px}.tec-content .techead{font-size:16px}.tec-content hr{margin-top:5px;margin-bottom:0}.tec-side .coursenum{font-size:14px;margin:20px 0 5px}.tec-side .studynum{font-size:14px}.tec-side button{border-radius:0;background-color:#1abc9c;border-color:#19bb9b;font-size:16px;padding:8px 0;width:85%;margin:15px 0 10px}.tec-side button:active,.tec-side button:focus,.tec-side button:hover{background-color:rgba(26,188,156,.8);border-color:#19bb9b}.tec-footer .tec-straight{height:60px;border-left:1px solid #eee}.tec-course{margin:5px 0;padding:20px 20px 40px;box-shadow:0 1px 3px #ccc!important;background:#fff;color:#313131;border:3px solid #fff}.tec-course .update{margin-top:16px;color:#aeaeae;float:left!important;font-size:12px}.tec-course .update .course-study-time{display:inline-block;max-width:67px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #aeaeae;vertical-align:bottom}.tec-course:hover{box-shadow:0 3px 8px #ccc!important;border:3px solid #1ebc1a}.tec-title{font-size:18px;font-weight:700;color:#697982;max-width:230px;margin:0 0 10px!important;padding-bottom:5px;border-bottom:1px solid #eee}.tec-title .course-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0}.tec-title hr{border-top:1px solid #eee}.tec-body{font-size:14px;color:#6f6f6f;height:80px}.tec-footer .row{text-align:center}.course-public{background-color:#80c269}.course-private,.course-public{color:#fff;text-decoration:none;padding:3px 10px;border-radius:3px;margin-left:20px;font-size:14px;text-align:center;margin:0}.course-private{background-color:#7f8bc5}#publish-tip{padding:65px;text-align:center;font-size:24px;min-height:400px;color:#d3d3d3}#publish-tip button{border-radius:0;background-color:#12b5b1;border-color:#12b5b1;font-size:16px;padding:8px 0;width:240px;margin:50px 0 10px}.teacher-help{position:absolute;right:20px;top:15px;margin-right:8px;margin-top:15px;margin-bottom:8px;color:#848484;text-decoration:none}.teacher-help a{color:#848484;font-size:13px;margin:6px}.teacher-help a:focus,.teacher-help a:hover{color:#1abc9c;text-decoration:none}#modal-dragfile #modal-pickfile{display:inline-block;padding:50px 60px;margin:5px 0;border:1px dashed #ccc;cursor:pointer;font-size:30px}#modal-dragfile #modal-image{margin:20px 0}#modal-dragfile img{max-width:100%}#reports label,#students label{display:inline-block}#reports label:not(:first-child),#students label:not(:first-child){margin-left:12px}#reports select,#students select{padding:0 10px;height:28px}.list-comment{margin-top:0}.list-comment>div{margin-top:20px}.teccour-body{font-size:15px;padding:0;margin:25px 0;color:#666;text-indent:2em;word-wrap:break-word}.teccour-footer .row{text-align:center;padding:20px 0;border-top:1px solid #eee}.teccour-footer .row .number{font-size:28px;font-weight:700}.teccour-footer .row .writing{font-size:14px;color:#585f62}.teccour-footer .teccour-straight{height:40px;border-left:1px solid}.teccour-title{font-size:18px;font-weight:700;color:#282828}.teccour-title .course-content{margin-bottom:20px}.teccour-title .course-content a i{color:#282828}.teccour-title .course-content a i:hover{color:#12b5b1}.lab-title i,.teccour-title i{cursor:pointer}.lab-title i:hover,.teccour-title i:hover{color:#12b5b1}.teccour-update-time{float:right;margin-top:15px;color:#9b9da2}.lab-list .course-index{padding:10px 15px}.lab-list .course-index div{border:1px solid #d3d1db;border-radius:20px;background:#f4f2fb;padding:8px 14px;display:inline;font-size:16px;color:#b6afbb}.lab-list .course-msg{padding-top:8px}.lab-list .course-msg .lab-title{font-size:18px;font-weight:700;color:#545454}.lab-list .row a.btn{padding:5px 15px;margin:5px 3px 5px 0;background:#edeaf8;border:none;color:#b6add6;font-size:16px}.lab-list .row a.btn:hover{color:#fff;background-color:#d9cff1}.lab-list .stunum{font-size:16px;padding-top:8px}.lab-list .stunum span{color:#a7d39a;font-weight:700}.published{color:#b4bbbf;margin-top:10px}.user-list{text-align:center}.user-list .row{padding-top:15px}.user-list .stuimg{width:50px;height:50px}.user-list .progress{background-color:#eee;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.user-list .progress-bar-success{background-color:#5ac65a;box-shadow:none}.lab-list div.addlab-wrapper{text-align:center}.lab-list a.addlab{color:#b6add6;font-size:22px;font-weight:lighter;text-decoration:none}.lab-list a.addlab:focus,.lab-list a.addlab:hover{background-color:#D9CFF1；}.labreport-list:after{content:"";display:block;clear:both}.loadmore-com,.loadmore-stu{display:block;margin:0 auto;background-color:#ececec;border-color:#ececec;color:#979797;width:130px}.loadmore-com:focus,.loadmore-com:hover,.loadmore-stu:focus,.loadmore-stu:hover{color:#6d6d6d;background-color:#e9e9e9;border-color:#d8dbdd}.course-code{font-size:14px;color:#a4a4a4;font-weight:400;margin-bottom:5px}.course-code .code-text{color:#939393;padding:2px 6px;width:88px;border:1px solid #a4a4a4;height:28px;display:inline-block;vertical-align:middle}.course-code .code-btn{color:#fff;cursor:pointer;padding:3px 6px;background-color:#1abc9c}.course-status{color:#fff;text-decoration:none;padding:4px 10px;width:50px;height:30px;font-size:15px;margin-right:10px;display:inline-block}.course-status.course-public{background-color:#80c269}.course-status.course-private{background-color:#7f8bc5}.course-title-name{color:#666;font-size:30px}.course-modify,.course-title-name{display:inline-block;vertical-align:middle}.course-modify{color:#a4a4a4}.courseCode{margin-left:250px}.courseCode button{font-size:10px;font-size:14px}.courseCode button,.courseCode button:hover{color:#fff;background-color:#12b5b1;padding:3px}.courseCode button:hover{font-size:10px}#delete_lab .modal-body{font-size:14px;font-weight:400}.enter-course{color:#fff;background-color:#1abc9c;border-color:#19bb9b;padding:2px 5px;width:80px;line-height:24px;font-size:14px}.enter-course:hover{color:#fff;opacity:.8}#desktop .stuimg{width:50px;height:50px}#desktop .desktop-lab-name{font-size:18px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#desktop .desktop-show-btn{margin-top:15px}.data-modules{margin-left:2px;margin-bottom:30px}.data-modules .data-module{border-radius:2px;overflow:auto;color:#fff;width:250px;display:inline-block}.data-modules .data-module .module-icon{float:left;line-height:60px;width:70px;font-size:30px;text-align:center;color:#fff}.data-modules .data-module .module-icon.learn-time-valid{background-color:#7b87cb}.data-modules .data-module .module-icon.course-students-count{background-color:#70b359}.data-modules .data-module .module-icon.course-follow-count{background-color:#ee5353}.data-modules .data-module .module-details{float:left;height:60px;width:180px;text-align:center}.data-modules .data-module .module-details>h4{font-size:20px;margin-bottom:5px}.data-modules .data-module .module-details.time-valid-details{background-color:#8b97d7}.data-modules .data-module .module-details.students-count-details{background-color:#80c269}.data-modules .data-module .module-details.follow-count-details{background-color:#ff6656}.data-modules .data-module:nth-child(2){margin:0 27px}.chart-wrapper{box-shadow:0 0 1px 1px #ccc;overflow:auto}.chart-wrapper .questions-latest{height:300px;margin-top:20px}.chart-wrapper .questions-latest .questions-list{margin:0;list-style:none;padding:0;margin-top:20px;font-size:14px;color:#666}.chart-wrapper .questions-latest .questions-list .questions-item .questions-content{white-space:nowrap;overflow:hidden;max-width:80%;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.chart-wrapper .questions-latest .questions-list .questions-item .questions-content a{color:#666}.chart-wrapper .questions-latest .questions-list .questions-item .questions-content a:hover{text-decoration:none}.chart-wrapper .questions-latest .questions-list .questions-item .question-time{font-size:12px;color:#a4a4a4;margin-left:10px}@media screen and (max-width:991px){.teccour-course{margin:0 -30px}.teccour-course .teccour-footer .row{text-align:center}.teccour-course .teccour-footer .row>div:not(:last-child){border:none}}.script-tag-item{background-color:#1abc9c;display:inline-block;padding:0 5px;height:24px;line-height:22px;font-size:14px;color:#fff;border-radius:4px;box-sizing:border-box;border:1px solid transparent;white-space:nowrap}.script-tag-item i{margin-left:10px}.script-tag-item i:hover{cursor:pointer}.btn-new-tag{font-size:14px;background:#fff;border:1px solid #bfcbd9;display:inline-block;line-height:20px;outline:none;text-align:center;margin-bottom:10px;border-radius:4px}.btn-new-tag:hover{color:#009973;border-color:#009973}.new-script-form{width:62%;padding:10px;text-align:right;background:#eee;opacity:1;transition:all 1s}.new-script-form .form-group textarea{width:auto}.new-script-form .btn-group{display:inline-block}.new-script-form .btn-group i{display:none;font-size:2em;float:left}.new-script-form .btn-group .text-success{display:none;float:left;font-size:14px;line-height:30px;margin-right:10px}.new-script-form .btn-group .btn-add-script,.new-script-form .btn-group:last-child{margin-left:5px}.script-form-out{opacity:0;transition:all 1s;transform:translateY(30px);position:absolute}.teccour-side{text-align:center}.teccour-side .headimg{height:80px;margin:15px 0;border-radius:50%}.teccour-side .tecname{font-size:16px;font-weight:700;color:#55595b}.teccour-side .coursenum{font-size:14px;margin:20px 0 5px}.teccour-side .studynum{font-size:14px}.teccour-side button{border-radius:0;background-color:#12b5b1;border-color:#12b5b1;font-size:16px;padding:8px 0;width:240px;margin:15px 0 10px}.teccour-side button:active,.teccour-side button:focus,.teccour-side button:hover{background-color:#0ba7a3;border-color:#fff692}.teccour-content .teccourhead{font-size:16px}.teccour-course{background:#fff;color:#313131;padding:44px 24px}.teccour-score{float:right;margin-right:32px;font-size:16px;font-weight:700;color:#eb6877}.result-content>div:first-child{margin:30px 0;color:#6c61a7;font-size:24px}.loadmore-pre{text-align:center}.loadmore{background-color:#ececec;border-color:#ececec;color:#979797;width:130px}.loadmore:hover{color:#6d6d6d;background-color:#e9e9e9;border-color:#d8dbdd}.student{text-align:center}.student .stuimg{width:50px;height:50px}.img-list img{height:80px;margin-left:10px}.profile-tab-content .activate-user{font-size:16px;padding-left:35px;margin-bottom:10px}.profile-tab-content .activate-user .activate-user-text{background-color:#fbf6dc;padding:10px;border:1px solid #f5e79e;color:#8a6d3e;margin-right:10px;border-radius:3px;text-align:left;font-size:15px;overflow:hidden}.profile-tab-content .activate-user .activate-user-text span{margin-left:28px}.profile-tab-content .activate-user a{font-size:14px;color:#fff;display:inline-block;padding:6px 12px;background-color:#f60;border-radius:3px;text-decoration:none;margin-top:10px}@media (max-width:540px){.profile-tab-content .activate-user .activate-user-text img{display:none}}@media (max-width:512px){.profile-tab-content .activate-user .activate-user-text,.profile-tab-content .activate-user a{font-size:12px}}.pro-body{display:inline-block;width:100%}.pro-body>.col-md-3{padding:0 20px}.pro-body>.col-md-3 .tab-content{padding-top:39px;min-height:700px}.pro-body>.col-md-9{padding:0;margin-left:-10px}.pro-body>.col-md-9 .content{padding:44px 50px;min-height:700px}.pro-body .control-label{font-size:16px;color:#565656;font-weight:500;text-align:left}.pro-body .click-to-change{font-family:MicrosoftYaHei;font-size:16px;color:#4990e2;letter-spacing:0}.pro-body #submit{width:auto}@media (min-width:768px){.pro-body .control-label{width:110px;padding-right:0}}.profile-menu{text-align:center}.profile-menu .menu-item{display:inline-block;width:124px;height:35px;line-height:35px;vertical-align:middle;border-radius:28px;font-family:MicrosoftYaHei;font-size:16px;color:#565656;letter-spacing:0;margin-bottom:39px}.profile-menu .menu-item.menu-active{background:#efefef}.profile-menu .menu-item:hover{text-decoration:none}.profile-info{margin-bottom:20px}.change-header-img,.profile-info{display:flex;align-items:center}.change-header-img .control-label{font-size:15px;font-weight:500;text-align:left}.change-header-img #pickfiles{cursor:pointer;display:inline-block;position:relative;overflow:hidden}.change-header-img #pickfiles img{width:125px;height:125px}.change-header-img #pickfiles div{position:absolute;bottom:-28px;width:100%;padding:4px 0;color:#fff;background:rgba(0,0,0,.7);font-size:14px;text-align:center;transition:bottom .5s;-moz-transition:bottom .5s;-webkit-transition:bottom .5s;-o-transition:bottom .5s}.change-header-img #pickfiles:hover div{bottom:0}.change-username .col-md-4{position:relative}.change-username .col-md-4 .help-block{position:absolute;margin-bottom:0}#job_stat_code{margin:0;display:flex;vertical-align:middle;align-items:center}#job_stat_code li{float:left;margin-right:40px;list-style-type:none}#job_stat_code li label{padding:0;display:inline-block;font-size:14px}#profile-container form .form-group:nth-child(5),#profile-container form .form-group:nth-child(6),#profile-container form .form-group:nth-child(7){display:none}#notification-container form .checkbox,#profile-container .radio label{font-size:14px}#account-container form .bind-email,#account-container form .bind-phone,#account-container form .edit-email-component,#account-container form .edit-phone-component,#account-container form .edit-pwd-component{padding:0}#account-container form .verify-phone .verify-code{float:left;width:137px;margin-right:15px}#account-container form .verify-phone .get-verify-code,#account-container form .verify-phone .post-account-phone{margin-bottom:5px}#account-container .user-email,#account-container .user-phone,#account-container .user-pwd{font-size:16px}#account-container .user-email{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-container .edit-user-email,#account-container .edit-user-phone,#account-container .edit-user-pwd{float:right}@media (min-width:768px){#account-container form .bind-email,#account-container form .bind-phone,#account-container form .edit-email-component,#account-container form .edit-phone-component,#account-container form .edit-pwd-component{display:inline-block;padding:7px 0 0 15px}#account-container form .bind-email{padding:0}}#git-container form{margin-bottom:30px}#git-container form .gogs-link-text{font-size:16px;font-weight:100;color:#313a40;padding-left:35px}#git-container form .my-gogs-link{font-size:16px;padding-left:15px}#git-container form .tip{display:inline-block;padding:7px 15px 0}#git-container .git-description{border-top:1px dashed #999;border-bottom:1px dashed #999;padding:30px 0;margin:20px}#git-container .git-description p{font-size:16px}.invitation-header{height:380px;margin-top:50px;color:#fff;background:url(https://static.shiyanlou.com/img/invite-banner-bg.png) no-repeat;background-size:100% 100%;background-color:#14d4f6}.invitation-header div{margin:10px 0;text-align:center}.invitation-header div:first-child{padding-top:80px;font-size:16px}.invitation-header div:nth-child(2){font-size:54px}.invitation-header div:nth-child(3){font-size:28px}.invitation-details{padding:50px;background:#fff;text-align:center}.invitation-details .invitation-details-shiyandou,.invitation-details .invitation-details-vip{padding:10px 0;font-size:16px;color:#5c6d98}.invitation-details .invitation-details-shiyandou span:first-child,.invitation-details .invitation-details-vip span:first-child{display:inline-block;margin:0 8px;font-size:32px;color:#fa7a93}.invitation-details .invitation-details-shiyandou span:last-child,.invitation-details .invitation-details-vip span:last-child{color:#b5b8bf}.invitation-details .invitation-details-vip span:first-child{color:#fdc300}.invitation-details .invitation-login{width:80%;margin:50px auto;padding:80px 0;background:#f6f6f6;font-size:20px}.invitation-details .invitation-login a{color:#13a9f6}.invitation-details .invitation-login a:focus,.invitation-details .invitation-login a:hover{text-decoration:none}.invitation-details-copy{padding:30px 0}.invitation-details-input{font-size:24px;color:#fff}.invitation-details-input>div{display:inline-block;position:relative;margin-left:10px}.invitation-details-input span{vertical-align:text-bottom}.invitation-details-input input{display:inline-block;width:400px;padding:6px;color:#5c6d98;font-size:24px;border:1px solid #fff}.invitation-details-input button{margin-left:8px;padding:11px 24px;font-size:18px;vertical-align:bottom}.invitation-details-social{position:absolute;left:0;top:60px;font-size:16px;color:#c3c3c3}.invitation-details-social a{display:inline-block;padding:0 10px;font-size:14px}.invitation-details-social a:focus,.invitation-details-social a:hover{text-decoration:none}.invitation-details-social a:first-child{color:#01b8f1}.invitation-details-social a:nth-child(2){color:#ffc800}.invitation-details-social a:nth-child(3){color:#eb4342}.invitation-details-social a+a{border-left:1px dashed #999}.invitation-details-results{margin:80px 0}.invitation-details-results div{font-size:18px;color:#5c6d98}.invitation-details-results div span:first-child{font-size:32px;color:#fa7a93}.invitation-details-results div span:last-child{color:#b5b8bf;font-size:14px}.invitation-details-results button{margin-top:10px;padding:10px 80px;font-size:22px}.invitation-details-results button.disabled{background:#c3c3c3;border-color:#c3c3c3}.invitation-details-results button.active{background:#fdcc3d;border-color:#fdcc3d;box-shadow:0 0 0 0}.invitation-tips{padding:50px 0 100px;text-align:center;background:#f9f9f9;overflow:hidden}.invitation-tips img{max-width:100%}.invitation-tips-title{margin-bottom:50px;font-size:28px;color:#5c6d98}.invitation-rules{padding:80px 0;background:#fff}.invitation-rules-title{margin-bottom:10px;color:#74e4fc;font-size:24px}.invitation-rules-content{padding:30px;background:#f9f9f9;color:#666}.invitation-rules-content div{margin:8px 0;font-size:18px}.improve-info-container .improve-title{font-size:18px;height:46px;color:#525252;padding-top:13px;margin-top:20px;border-bottom:1px solid #cacaca}.improve-info-container .improve-msg{color:#666;font-size:14px;margin-top:20px;margin-bottom:20px}.improve-info-container .row{background:#fff;box-shadow:0 1px 3px 0 #ccc;padding-bottom:100px}.improve-info-container .improve-body{padding:40px 21px 21px}.improve-info-container .improve-body.has-msg{padding:5px 0 0}.home-courses-btn{display:inline-block;padding:4px 50px;color:#fff;background:#666;font-size:14px;letter-spacing:4px;border:1px solid #1ee0af;border-radius:20px;text-shadow:0 0 1px #999;box-shadow:0 2px 2px 1px #666}.home-courses-btn:focus,.home-courses-btn:hover{text-decoration:none;color:#fff;background:#777;text-shadow:0 0 1px #ccc;box-shadow:0 2px 6px 1px #666}.home-page-header .navbar-nav{padding:0}.home-page-header .navbar-nav .all-course>a{width:260px;background:#666;font-size:16px;color:#fff}.home-page-header .navbar-nav .all-course>a:focus,.home-page-header .navbar-nav .all-course>a:hover{color:#fff;background:#666}.home-page-header .navbar-nav .all-course .dropdown-menu{left:0!important}.home-page-header .navbar-nav>li.my-course{position:absolute;right:12%;top:-80px}.home-page-header .home-header,.home-page-header .home-header-navbar{position:relative;margin:0;box-shadow:none;height:150px;background-color:#f7f7f7}.home-page-header .home-header-navbar .navbar-form,.home-page-header .home-header .navbar-form{padding:0!important;margin-right:1%}.home-page-header .home-header-navbar .logo-contanier,.home-page-header .home-header .logo-contanier{margin-top:8px}.home-page-header .home-header-navbar .navbar-title>li>a,.home-page-header .home-header .navbar-title>li>a{padding-top:20px;padding-bottom:20px}.home-page-header .home-header-navbar .notification,.home-page-header .home-header .notification{position:absolute;right:200px;top:32px;width:180px;display:inline-block;color:#979797}.home-page-header .home-header-navbar .notification i,.home-page-header .home-header .notification i{font-size:16px}.home-page-header .home-header-navbar .notification-info,.home-page-header .home-header .notification-info{display:inline-block;height:14px;overflow:hidden;vertical-align:-1px}.home-page-header .home-header-navbar .notification-info ul,.home-page-header .home-header .notification-info ul{list-style:none;padding:0}.home-page-header .home-header-navbar .notification-info ul li,.home-page-header .home-header .notification-info ul li{height:20px;width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.home-page-header .home-header-navbar .notification-info ul li a,.home-page-header .home-header .notification-info ul li a{color:#979797;font-size:12px}.home-page-header .home-header-navbar .notification-info ul li a:focus,.home-page-header .home-header-navbar .notification-info ul li a:hover,.home-page-header .home-header .notification-info ul li a:focus,.home-page-header .home-header .notification-info ul li a:hover{text-decoration:none}.home-page-header .form-group{top:25px}.home-page-header .form-control{width:232px!important;border-radius:5px!important}.home-side-nav .cate-item{padding:18px 10px 0}.home-side-nav .cate-item .inner-items .cate-desc{margin-right:10px}.home-side-nav .cate-item .inner-items a:nth-of-type(3){margin-right:0!important}.home-side-nav .cate-item .inner-items a:focus,.home-side-nav .cate-item .inner-items a:hover{text-decoration:none;color:#666!important}.home-side-nav .cate-item:nth-of-type(8) .category-right{top:-177px!important}.home-side-nav .cate-item:nth-of-type(7) .category-right{top:-120px!important}.home-side-nav .cate-item:nth-of-type(6) .category-right{top:-63px!important}.home-side-nav .cate-wrapper{background:#fff;color:#666}.home-side-nav .cate-wrapper>p{height:22px;display:inline-block;padding:0 10px;line-height:22px;background:#eee;margin:0 0 20px;font-size:14px;text-align:center}.home-side-nav .cate-wrapper p:first-child{margin-top:10px}.home-side-nav .cate-wrapper>div{width:100%}.home-side-nav .cate-wrapper>div span>a{display:inline-block;padding:0 10px;border-right:1px solid #666;font-size:12px;margin-bottom:10px}.home-side-nav .cate-wrapper>div span>a:focus,.home-side-nav .cate-wrapper>div span>a:hover{text-decoration:none;color:#666!important}.home-side-nav .cate-wrapper>div span:first-child>a{border-left:1px solid #666}.home-side-nav .cate-wrapper>div p>a:hover{color:#666!important;text-decoration:none}.home-side-nav .cate-wrapper>div.label-name{margin-bottom:20px}.home-side-nav .home-nav-footer{position:absolute;bottom:20px;left:25px;text-align:center}.home-side-nav .home-nav-footer>a{display:inline-block;width:88px;height:26px;line-height:26px;border:1px solid #fff;color:#fff;border-radius:28px;text-align:center;font-size:12px}.home-side-nav .home-nav-footer>a:focus,.home-side-nav .home-nav-footer>a:hover{text-decoration:none;background:#fff;color:#666}.home-side-nav .home-nav-footer>a:first-child{margin-right:20px}.home-side-nav .carousel-intro{padding:90px 0;max-height:130%}.home-side-nav .carousel-intro div{margin-bottom:10px;color:#fff;font-size:22px}.home-side-nav .carousel-intro p{color:#fff;margin-left:225px;font-size:16px}@media (min-width:768px){.carousel-intro{padding:180px 0;max-height:130%}.carousel-intro div{font-size:28px}.carousel-intro p{font-size:16px}.carousel-intro .home-courses-btn{padding:15px 120px;margin-top:10px;font-size:20px;border-radius:50px}.index-carousel .carousel-indicators{left:calc(50% + 130px);z-index:10}.index-carousel .carousel-indicators li{margin-right:10px}.carousel:hover .index-carousel-control{display:block}.carousel-inner{background:#f7f7f7!important}.carousel-inner .index-carousel-control{display:none}.carousel-inner .index-carousel-control.left{left:225px}.carousel-inner .index-carousel-control.right{right:-3%}.home-page-header{background:#f7f7f7}.home-page-header .header-user{position:absolute;top:15px;right:15px}.labs-side-nav{width:260px!important}}@media (min-width:992px){.index-carousel-intro{max-height:110%;left:33%}.carousel-intro div{font-size:40px}.carousel-intro p{font-size:26px}.home-page-header .my-course{right:12%!important}}@media (min-width:1200px){.carousel-intro div{font-size:54px}.carousel-intro p{font-size:36px}.home-page-header .my-course{right:10%!important}}.home-section{padding-top:30px;background:#f7f7f7}.home-section a:focus,.home-section a:hover{text-decoration:none}.home-section .home-section-header{margin-bottom:30px}.home-section .home-section-header>a.see-more{float:right;color:#666;font-size:14px;padding-top:8px}.home-section .home-section-header>a.see-more:focus,.home-section .home-section-header>a.see-more:hover{text-decoration:none;color:#666}.home-section .home-section-title{color:#565656;font-size:24px}.home-section .home-section-title span{margin:0 5px}.home-section .home-section-desc{color:#666;font-size:14px;vertical-align:2px}.louplus-courses .course-carousel{padding:0 15px}.louplus-courses .louplus-list-item:first-of-type{padding-left:0;padding-right:19px}.louplus-courses .louplus-list-item:nth-of-type(2){padding-left:11px}.louplus-courses .louplus-list-item:nth-of-type(3){padding-right:11px}.louplus-courses .louplus-list-item:last-of-type{padding-right:0;padding-left:19px}.louplus-courses .louplus-item-box{display:inline-block;width:100%;height:100%;border-radius:10px;overflow:auto;box-shadow:0 1px 2px 0 #ddd;background-color:#fff;padding-right:0}.louplus-courses .louplus-item-box .louplus-item-imgbox{height:90px;width:100%}.louplus-courses .louplus-item-box .louplus-item-img{width:100%;height:100%}.louplus-courses .louplus-item-box .louplus-item-desc{padding:18px 10px 15px}.louplus-courses .louplus-item-box .louplus-title{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#565656}.louplus-courses .louplus-item-box .louplus-latest-class{margin:0;font-size:16px;color:#a4a4a4}.louplus-courses .louplus-item-box:hover{box-shadow:0 1px 30px 0 #d2d2d2}.louplus-courses .carousel-control{display:flex;align-items:center;justify-content:center;width:15px;height:60px;top:calc(50% - 30px);background-color:#9e9c9c}.louplus-courses .carousel-control i{margin:0}.louplus-courses .carousel-control.left{left:15px}.louplus-courses .carousel-control.right{right:15px}.handpick-course:first-of-type{padding-top:50px}.handpick-course .learn-path-body>div>.col-sm-6:nth-of-type(2){padding:0}.handpick-course .learn-path-body .recommend-courses-item img{height:250px}.programming-language .learn-path-body .col-sm-9{padding:0}.programming-language .learn-path-body .recommend-courses-item img{height:522px}@media (min-width:768px){.recent-course .learn-path-item{margin-bottom:0}.recent-course .carousel:hover .carousel-control{display:block}.recent-course .carousel{padding:0 15px}.recent-course .carousel-inner .item .col-sm-3:first-of-type{padding-left:0;padding-right:19px}.recent-course .carousel-inner .item .col-sm-3:nth-of-type(2){padding-left:11px}.recent-course .carousel-inner .item .col-sm-3:nth-of-type(3){padding-right:11px}.recent-course .carousel-inner .item .col-sm-3:last-of-type{padding-right:0;padding-left:19px}.recent-course .carousel-control{width:60px;height:60px;border-radius:30px;opacity:.6;background:#9e9c9c;top:calc(50% - 30px);display:none}.recent-course .carousel-control span.glyphicon-chevron-left{top:calc(50% - 5px);left:calc(50% - 5px)}.recent-course .carousel-control span.glyphicon-chevron-right{top:calc(50% - 5px);right:calc(50% - 5px)}.recent-course .carousel-control:hover{opacity:.8}.recent-course .carousel-control.left{left:15px}.recent-course .carousel-control.right{right:15px}.recent-course .shadow{width:20px;height:250px;opacity:.3;background-image:linear-gradient(90deg,transparent,#777);position:absolute;top:8px}.recent-course .shadow.left{left:15px;background-image:linear-gradient(270deg,transparent,#777)}.recent-course .shadow.right{right:15px}.recent-course .online-remind{background:#f66;cursor:pointer}.recent-course .course{margin:8px 0 20px}}.open-source-lab .recommend-courses-item{height:300px;padding:20px;color:#666;text-align:center;background-color:#fff}.open-source-lab .recommend-courses-item .try-img{display:flex;display:-webkit-flex;align-items:center;width:80px;height:80px;line-height:80px;margin-bottom:20px;margin-left:calc(50% - 40px);border:1px solid #ebebeb;border-radius:8px;overflow:hidden}.open-source-lab .recommend-courses-item .try-img img{display:initial;width:0;height:0}.open-source-lab .recommend-courses-item .trylab-software-name{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.open-source-lab .recommend-courses-item .trylab-software-desc{font-size:14px;padding-top:10px;text-align:left;height:110px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.open-source-lab .recommend-courses-item .try-item-users-info{text-align:center;padding-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.open-source-lab .recommend-courses-item .try-item-users-info>span{font-size:10px;margin-right:10px}.open-source-lab .recommend-courses-item .try-item-users-info>span img{vertical-align:-2px;width:14px;height:14px;display:inline-block}.open-source-lab .recommend-courses-item .try-item-users-info>span.user-collection-info{margin-right:0}.bootcamp-couses .bootcamp-courses-item{display:block;padding:0;height:250px;margin-bottom:20px;margin-left:0;margin-right:0}.bootcamp-couses .bootcamp-courses-item .bootcamp-courses-media{padding:0}.bootcamp-couses .bootcamp-courses-item .bootcamp-courses-media img{width:100%;height:250px}.bootcamp-couses .bootcamp-courses-item .bootcamp-courses-body{padding:0}.bootcamp-couses .bootcamp-courses-item .bootcamp-courses-body .bootcamp-courses-desc{height:100px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.learn-path-banner{height:340px;background:url(https://static.shiyanlou.com/img/path_bg.png) no-repeat;background-position:50% 0;margin-top:-20px;margin-bottom:-30px}.learn-path-list{margin:0 -15px}@media (max-width:768px){.learn-path-list .col-sm-3{padding:0 45px}}.learn-path-item{position:relative;bottom:0;display:block;text-align:center;background:#fff;margin-bottom:20px;box-shadow:0 1px 2px 0 #ddd;transition:bottom .3s}.learn-path-item>img{display:block;width:100%;height:130px}.learn-path-item:focus,.learn-path-item:hover{bottom:10px;text-decoration:none;box-shadow:0 4px 20px 4px #ddd}.learn-path-name{padding:30px 0 15px;color:#666;font-size:18px}.learn-path-courses{padding:0 0 30px;color:#a4a4a4;font-size:14px}.learn-path-hot{position:absolute;top:5px;right:-5px}.recommend-courses{background:#fff}.recommend-courses-item{display:block;height:250px;margin-bottom:20px;box-shadow:0 1px 2px 0 #ddd}.recommend-courses-item img{display:block;width:100%;height:150px}.recommend-courses-item .recommend-courses-content{position:relative;bottom:0;background:#fff;transition:bottom .3s}.recommend-courses-item .recommend-courses-name{padding:20px 10px 0;color:#666;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend-courses-item .recommend-courses-desc{display:block;display:-webkit-box;height:0;padding:0 10px;margin:10px 0;color:#666;font-size:13px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;transition:height .3s}.recommend-courses-item .recommend-courses-users{padding:0 10px 20px;color:#a4a4a4;font-size:12px}.recommend-courses-item:focus,.recommend-courses-item:hover{text-decoration:none;box-shadow:0 4px 20px 4px #ddd}.recommend-courses-item:focus .recommend-courses-content,.recommend-courses-item:hover .recommend-courses-content{bottom:54.5px}.recommend-courses-item:focus .recommend-courses-desc,.recommend-courses-item:hover .recommend-courses-desc{height:54.5px}@media (max-width:768px){.recommend-courses .container{position:static;height:auto}.recommend-courses .container .row{position:static;max-width:none}}@media (max-width:992px){.carousel-caption{left:40%!important}.home-courses-btn{padding:15px 90px!important}}.intro-video{text-align:center}.intro-video video{max-width:100%}.home-features{padding:70px;background:#fff;background:#f7f7f7;color:#666;font-size:16px;text-align:center}.home-features img{display:inline-block;margin-bottom:10px}.home-features .home-features-text{width:80%;margin:0 auto}@media (max-width:768px){.carousel-intro{right:0!important}.all-course{display:none!important}#header-navbar-collapse,#header-navbar-collapses{background:#fff;border:1px solid #ddd;position:relative;z-index:21}.home-nav-footer{width:100%;text-align:center}.labs-side-nav{display:none}.home-banner{height:auto;width:100%}.carousel-caption{left:0!important}.bootcamp-courses-item{height:500px!important}.bootcamp-courses-item .bootcamp-courses-subscribe{margin:0;position:absolute}.carousel-inner{background:#fff!important}.home-page-header .home-header,.home-page-header .home-header-navbar{height:70px}.home-page-header .home-header-navbar .navbar-brand,.home-page-header .home-header .navbar-brand{position:absolute;top:0}.home-page-header .home-header-navbar .notification,.home-page-header .home-header-navbar .slogan,.home-page-header .home-header .notification,.home-page-header .home-header .slogan{display:none}.learn-path-banner{background-size:260% 340px}.banner,.banner-wrapper,.imgList,.imgList li img{height:300px!important}.caroursel-left-btn{left:20px!important}.indexList{right:calc(50% - 40px)!important}}.banner,.banner-wrapper{position:relative;width:100%;height:522px}.banner{overflow:hidden}.imgList{width:100%;height:522px;padding-left:0;z-index:10}.imgList li{display:none}.imgList li img{width:100%;height:522px}.imgList .imgOn{display:inline}.indexList{position:absolute;right:calc(50% - 180px);bottom:5px;padding:0;z-index:30;list-style:none}.indexList li{float:left;width:10px;height:10px;margin-right:15px;border-radius:5px;background:#ddd;cursor:pointer}.indexList .indexOn{background:#fff;font-weight:700;color:#fff}.caroursel-btn{position:absolute;top:calc(50% - 40px);width:40px;height:80px;line-height:80px;text-align:center;opacity:.4;font-size:40px;color:#fff;cursor:pointer}.caroursel-left-btn{left:280px}.caroursel-right-btn{right:20px}#carousel-saas .carousel-inner .item img{width:100%}#carousel-saas .carousel-intro{padding-bottom:10px;font-size:16px}#carousel-saas .carousel-intro .btns{margin-top:10px}#carousel-saas .carousel-intro .btns .btn{width:100px;padding:2px 0;color:#fff;background:#666;font-size:14px;border-radius:20px;font-weight:100}#carousel-saas .carousel-intro .btns .btn.contact-btn{color:#666;background:transparent;border-color:#666}@media (min-width:768px){#carousel-saas .carousel-intro{padding-bottom:80px;font-size:30px}#carousel-saas .carousel-intro .btns{margin-top:50px}#carousel-saas .carousel-intro .btns .btn{width:150px;padding:10px 0;font-size:16px;border-radius:30px;letter-spacing:1px}#carousel-saas .carousel-intro .btns .btn.contact-btn{margin-left:50px}}@media (min-width:1200px){#carousel-saas .carousel-intro{font-size:50px;font-weight:100}#carousel-saas .carousel-intro .btns{margin-top:80px}#carousel-saas .carousel-intro .btns .btn{width:280px;padding:15px 0;font-size:20px;border-radius:50px}#carousel-saas .carousel-intro .btns .btn.contact-btn{margin-left:105px}}@media (min-width:1500px){#carousel-saas .carousel-intro{padding-bottom:200px;font-size:60px}#carousel-saas .carousel-intro .btns{margin-top:100px}}.saas-section{padding:100px 0;background:#fff}.saas-section:nth-child(odd){background:#f7f7f7}.saas-section-header{padding:0 0 100px}.saas-section-title{margin:0;color:#666;font-size:36px;text-align:center}.saas-section-body{color:#666}.saas-scene{background:#f7f7f7;text-align:center}.saas-scene img{max-width:100%}.saas-scene h4{margin:30px 0 50px;color:#666;font-size:26px}.saas-scene-content div{margin:20px 0;color:#666;font-size:20px}.saas-feature{margin-bottom:20px;color:#666;background:#fff;text-align:center}.saas-feature-content h4{margin:20px 0 30px;font-size:26px;font-weight:400}.saas-feature-content div{font-size:20px}.saas-presentation{overflow:hidden;margin-bottom:50px}.saas-presentation-img img{max-width:100%}.saas-presentation-content{width:auto;color:#666}.saas-presentation-content h4{margin-bottom:20px;font-size:26px;font-weight:400;text-align:center}.saas-presentation-content div{font-size:20px}@media (min-width:768px){.saas-presentation{width:88%;margin:60px auto}.saas-presentation-img{margin-right:20px}.saas-presentation-img.left{float:left}.saas-presentation-img.right{float:right}.saas-presentation-content{margin-top:100px}.saas-presentation-content h4{text-align:left}}.saas-users-logos img,.saas-users-pic img{width:100%}.laboratory-header{height:340px;text-align:center;text-shadow:3px 3px rgba(0,0,0,.2);padding-top:48px;background-color:#2288d7;background:-webkit-linear-gradient(top,#2288d7,#41c6d6);background:-moz-linear-gradient(top,#2288d7,#41c6d6);background:-ms-linear-gradient(top,#2288d7,#41c6d6);background:-o-linear-gradient(top,#2288d7,#41c6d6);background:linear-gradient(top,#2288d7,#41c6d6)}.laboratory-header .laboratory-title{margin-top:36px;font-size:54px;color:#fff;font-weight:700;line-height:1.6em}.laboratory-header .laboratory-describe{color:#fff;font-size:25px;line-height:1.6em;font-weight:100}@media (max-width:767px){.laboratory-header{margin-top:50px;height:300px}.laboratory-header .laboratory-title{padding:0 12px;font-size:38px}.laboratory-header .laboratory-describe{font-size:22px}}.laboratory-des-con{padding:60px 0;background:#fff}.laboratory-des{padding:0 60px;color:#666;border-right:1px solid #ddd}.laboratory-des .laboratory-des-item .media-left{padding-right:48px}.laboratory-des .laboratory-des-item .laboratory-des-title{font-size:20px}.laboratory-des .laboratory-des-item .laboratory-des-text{font-size:14px}@media (max-width:767px){.laboratory-des{padding:0 10px}.laboratory-des .laboratory-des-item .media-left{padding-right:10px!important}.laboratory-des{margin-bottom:50px;padding-bottom:50px;border:none;border-bottom:1px solid #ddd}}.laboratory-apply-con{padding:0 60px;color:#666;background:#fff}.laboratory-apply-con .laboratory-apply-title{font-size:20px}.laboratory-apply-con .laboratory-apply-text{font-size:14px}.laboratory-apply-con .laboratory-apply-btn{color:#fff;background-color:#f5d102;box-shadow:0 2px 0 #a98d00;font-size:20px;display:inline-block;border-radius:3px;cursor:pointer;padding:10px 50px;margin:30px 0 10px}.laboratory-apply-con .laboratory-apply-btn:focus,.laboratory-apply-con .laboratory-apply-btn:hover{text-decoration:none}.laboratory-apply-con .laboratory-apply-warning{color:#82c9ec}@media (max-width:767px){.laboratory-apply-con{padding:0 10px}}.laboratory-teachers-con{margin:50px 0}.laboratory-teachers-con .laboratory-teachers-header{position:relative;margin-bottom:15px}.laboratory-teachers-con .laboratory-teachers-header .laboratory-teachers-flag{position:absolute;top:-29px}.laboratory-teachers-con .laboratory-teachers-header .laboratory-teachers-here{padding:5px;color:#fff;font-size:18px;background-color:#82c9ec}.laboratory-teachers-con .laboratory-teachers-header .laboratory-teachers-tri{width:0;height:0;position:absolute;top:-4px;left:118px;border-width:17px 10px;border-style:solid;border-color:transparent transparent #82c9ec #82c9ec}.laboratory-teachers-con .laboratory-teachers-header .laboratory-here-text{margin-left:20px;color:#82c9ec}.laboratory-teachers-con .laboratory-tea-panel{background-color:#eff9ff}.laboratory-teachers-con .laboratory-tea-panel a:focus,.laboratory-teachers-con .laboratory-tea-panel a:hover{text-decoration:none}.laboratory-teachers-con .laboratory-tea-panel .laboratory-box{background-color:#fff;box-shadow:0 1px 3px #ccc!important;margin:16px 0;padding:24px;min-height:150px}.laboratory-teachers-con .laboratory-tea-panel .laboratory-box .headimg{height:80px;max-width:100%;margin:15px 0;border-radius:50%}.laboratory-teachers-con .laboratory-tea-panel .laboratory-box .tecname{height:30px;font-size:16px;font-weight:700;color:#55595b}.laboratory-teachers-con .laboratory-tea-panel .laboratory-box .tecnschool,.laboratory-teachers-con .laboratory-tea-panel .laboratory-box .tectitle{font-size:14px;color:#55595b}.laboratory-teachers-con .laboratory-tea-panel .laboratory-box .coursenum{font-size:14px;margin:20px 0}.laboratory-teachers-con .laboratory-tea-panel .laboratory-box:hover{cursor:pointer;box-shadow:0 2px 8px #ccc!important}.top-13{padding-top:13px}.bootcamp-description{position:relative;background:#00c8a2;background-image:url(https://static.shiyanlou.com/img/bootcamp/banner-bgi.png);text-align:center;height:304px}.bootcamp-description .show-bootcamp-hint{display:block;color:#fff;text-shadow:none}.bootcamp-description .show-bootcamp-hint a{color:#fff}.bootcamp-description div{padding-top:80px;text-shadow:3px 3px rgba(0,0,0,.2)}.bootcamp-description div h1{margin:0;font-size:50px;color:#fff;letter-spacing:1.08px;text-shadow:0 4px 0 #0f957c}.bootcamp-description div .btn{width:240px;margin:0 auto;padding:8px 28px;border-radius:20px;letter-spacing:4px;margin-top:48px;background:#fff134;box-shadow:1px 3px rgba(0,0,0,.2);font-size:18px;color:#666}.bootcamp-description div .btn:focus,.bootcamp-description div .btn:hover{outline:none;outline-offset:0}@media (max-width:991px){.bootcamp-description div h1{padding:0 10px;font-size:48px}.bootcamp-description div .btn{position:static;margin:48px auto 0}.bootcamp-description div .show-bootcamp-hint{margin-top:5px}}.bootcamp-features{padding:50px 0;background:#fff;text-align:center}.bootcamp-features-description{color:#666;font-size:18px;text-align:center}.bootcamp-features-description>span{display:block}.bootcamp-courses{padding:30px 0;background-color:#f7f7f7;text-align:center}.bootcamp-courses-header{margin:20px auto 30px}.bootcamp-courses-title{display:inline-block;padding:8px 16px;font-size:30px;letter-spacing:1.35px;color:#666}.bootcamp-courses-description{font-size:18px;color:#666;letter-spacing:1.46px}.bootcamp-courses-item{margin-bottom:30px}.bootcamp-courses-item .bootcamp-course-wrapper{border:1px solid #eee;background-color:#fff}.bootcamp-courses-item .bootcamp-course-wrapper header{position:relative}.bootcamp-courses-item .bootcamp-course-wrapper header .course-img{height:204px}.bootcamp-courses-item .bootcamp-course-wrapper header .course-img img{width:100%;height:100%}.bootcamp-courses-item .bootcamp-course-wrapper header .time-online{position:absolute;top:0;left:-8px;padding:4px 10px;background:#ff6c67;color:#fff}.bootcamp-courses-item .bootcamp-course-wrapper header .time-online:before{content:"";border:8px solid #ff6c67;position:absolute;left:-8px;bottom:-8px;border-color:transparent #ff6c67 transparent transparent}.bootcamp-courses-item .bootcamp-course-wrapper section .course-title{font-size:16px;color:#666;padding:18px 20px 0;letter-spacing:.49px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bootcamp-courses-item .bootcamp-course-wrapper section a{color:#666}.bootcamp-courses-item .bootcamp-course-wrapper section a:active,.bootcamp-courses-item .bootcamp-course-wrapper section a:hover{text-decoration:none}.bootcamp-courses-item .bootcamp-course-wrapper section .course-desc{padding:15px 20px;font-size:14px;color:#666;text-align:left;letter-spacing:.49px;overflow:hidden}.bootcamp-courses-item .bootcamp-course-wrapper section .course-desc p{position:relative;height:76px;overflow:hidden}.bootcamp-courses-item .bootcamp-course-wrapper section .course-desc p:after{content:"...";font-weight:700;position:absolute;bottom:-5px;right:0;padding:0 10px 1px 5px;background:#fff}.bootcamp-courses-item .bootcamp-course-wrapper footer{position:relative;height:99px;cursor:pointer;overflow:hidden}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info{padding-bottom:20px;border-top:2px solid #eee}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .price-info{display:flex;height:47px;justify-content:center;align-items:center;font-size:24px;font-weight:500;color:#f66}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .price-info .discounted-info{margin-top:5px;font-weight:400}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .price-info .discounted-info.original-price{margin:5px 5px 0;font-size:14px;text-decoration:line-through}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .price-info .discounted-info.discounted-time-left{font-size:12px}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .price-info.is-discounted{color:#fff;background:#ff971d}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .purchase-favourable{margin:0;padding-top:10px;font-size:14px;color:#666;font-weight:700}.bootcamp-courses-item .bootcamp-course-wrapper footer .purchase-info .purchase-favourable span{color:#f66}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view{position:relative;justify-content:center;background:#f66;width:100%;transition:all .2s ease-out}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view,.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view>a{display:flex;align-items:center;height:100%;color:#fff}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view>a:active,.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view>a:hover{text-decoration:none}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view .price{font-size:24px}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view .original-price{margin:6px -25px 0 15px;font-size:14px;color:#fff;text-decoration:line-through}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view .split-line{width:1px;height:50%;margin:0 50px;background:#fff}.bootcamp-courses-item .bootcamp-course-wrapper footer .hover-to-view .view-details{font-size:18px}.bootcamp-courses-item .bootcamp-course-wrapper:hover{box-shadow:0 1px 10px 0 #d2d2d2}.bootcamp-courses-item .bootcamp-course-wrapper:hover .hover-to-view{margin-top:-99px}.bootcamp-courses-item .bootcamp-course-wrapper:hover .hover-to-view>a{z-index:0}.bootcamp-courses-item .bootcamp-course-wrapper:hover .purchase-info .purchase-favourable{opacity:0;color:#f66}.bootcamp-courses-media{position:relative}.bootcamp-courses-media img{width:480px;height:auto}.bootcamp-courses-media .logo-1111{position:absolute;top:10px;left:10px;width:100px}.bootcamp-courses-info{padding:20px}.bootcamp-courses-info h4{color:#424242;font-weight:400;font-size:16px}.bootcamp-courses-info h4 span{display:inline-block;margin-right:4px;padding:4px 8px;color:#fff;background:#00be91;font-size:14px;font-weight:100}.bootcamp-courses-info>div{margin:18px 0 0;color:#666;font-size:14px}.bootcamp-courses-info>div>a,.bootcamp-courses-info>div>p>a{margin:0 4px 4px 0}.bootcamp-courses-info>div p{margin:0}.bootcamp-courses-body{position:relative}.bootcamp-courses-subscribe{position:absolute;bottom:20px;width:100%;padding:0 20px;color:#666;font-size:16px;overflow:hidden}.bootcamp-courses-uptime div:last-child{color:#aaa;font-size:14px}.bootcamp-courses-order{text-align:right}.bootcamp-courses-order .pull-left{padding:10px}.bootcamp-courses-order span{display:block;position:relative;top:12px;color:#fa3d2e;font-size:32px;font-weight:700;line-height:32px}.bootcamp-courses-order span.member-price a{padding:0;margin:0;color:#ff9717;font-size:14px;background:#fff}.bootcamp-courses-order a{display:inline-block;margin:30px 0 0 10px;padding:4px 16px;color:#fff;background:#ff9717;font-size:21px;border-radius:0}.bootcamp-courses-order a:focus,.bootcamp-courses-order a:hover{color:#fff;text-decoration:none}@media (max-width:768px){.bootcamp-courses-media{display:block;width:100%}.bootcamp-courses-media img{width:100%}.bootcamp-courses-subscribe{position:static;margin:20px 0}}.bootcamp-faq{text-align:left;padding:30px 0;background:#fff}.bootcamp-faq-header{margin:20px auto 30px;text-align:center}.bootcamp-faq-title{display:inline-block;padding:8px 16px;color:#fff;background:#666;font-size:21px}.bootcamp-faq-body,.bootcamp-faq-description{color:#666;font-size:18px}.bootcamp-faq-body{margin:40px 0 20px}.bootcamp-faq-body div{margin:12px 0}.bootcamp-faq-answer{padding:12px 0;color:#666;background:#fff;font-size:15px}.bootcamp-faq-answer p{text-indent:4.5em;margin:6px 0 10px}.bootcamp-faq-footer{font-size:18px}.bootcamp-faq-footer a{display:inline-block;padding:8px 24px;color:#999}.bootcamp-faq-footer a:hover{text-decoration:none}.col-md-15{position:relative;float:left;width:19%}@media (max-width:768px){.col-md-15{width:auto}}.bootcamp-infobox{margin-bottom:10px}.bootcamp-infobox-title{font-size:22px}.bootcamp-infobox-title span{vertical-align:middle}.bootcamp-infobox-type{padding:4px 12px;color:#fff;background:#76bc6e;font-size:14px}.bootcamp-infobox-content{margin:20px 0 30px;font-size:15px}.bootcamp-infobox-session{margin:10px -30px 30px 0;padding:4px 12px;background:#f1f1f1;font-size:14px}.bootcamp-infobox-footer{padding:20px 0;display:flex;align-items:center;justify-content:center;margin:0 -30px -30px;background:#f5fffc;border-top:1px solid #ecf0f3;overflow:hidden}.bootcamp-infobox-footer .bootcamp-infobox-msg{text-align:center;font-size:15px}.bootcamp-infobox-footer .bootcamp-infobox-msg .msg-desc{margin-top:5px}.bootcamp-infobox-footer .bootcamp-infobox-msg .msg-desc span{display:inline-block;width:100px}.bootcamp-infobox-footer .bootcamp-infobox-msg .original-price{font-size:24px;color:#ff712a}.bootcamp-infobox-footer .bootcamp-infobox-msg .member-price{font-size:14px;margin:0 0 10px}.bootcamp-infobox-footer .bootcamp-infobox-msg .bootcamp-infobox-buy{padding:4px 20px;color:#fff;background:#ff712a;font-size:24px;cursor:pointer;margin-bottom:10px}.bootcamp-infobox-footer .bootcamp-infobox-msg .bootcamp-infobox-buy.disabled{pointer-events:none;background:#ccc;border:none;outline:none}.bootcamp-infobox-footer .bootcamp-infobox-msg .bean-tips{color:#9aa0a9}.bootcamp-infobox-footer .bootcamp-infobox-msg .bootcamp-infobox-unopened{display:inline-block;padding:8px 10px;background-color:#ccc;color:#fff;font-size:20px}.bootcamp-infobox-footer .bootcamp-infobox-msg.bootcamp-infobox-buybox{float:right}.bootcamp-infobox-footer .bootcamp-infobox-presale .price-info .current-price{font-size:24px;font-weight:700;color:#f66}.bootcamp-infobox-footer .bootcamp-infobox-presale .price-info .original-price{font-size:14px;color:#a4a4a4;text-decoration:line-through}.bootcamp-infobox-footer .bootcamp-infobox-presale .member-price{margin:5px 0}.bootcamp-infobox-footer .bootcamp-infobox-presale .member-price a{font-size:14px;color:#666;font-weight:700}.bootcamp-infobox-footer .bootcamp-infobox-presale .member-price a span{color:#f66}.bootcamp-infobox-footer .bootcamp-infobox-presale .bootcamp-infobox-buy{padding:6px 20px;font-size:18px;background-color:#f66}.bootcamp-infobox-not-buy{display:inline-block;width:210px;height:42px;line-height:42px;text-align:center;vertical-align:-1px;text-decoration:none;background-color:#eee!important;color:#999;border-color:#fafafa;cursor:not-allowed}.bt-desc-footer{text-align:center;margin-top:30px}.bt-desc-footer .bootcamp-infobox-buy{margin-left:1.6em;background:#ff712a;color:#fff}.bootcamp-infobox-footer-plus{position:absolute;top:46%;right:10px}@media (max-width:767px){.bootcamp-infobox-footer{flex-direction:column;flex-wrap:wrap}.bootcamp-infobox-footer .bootcamp-infobox-msg.bootcamp-infobox-buybox{float:none;width:60%;margin:0 auto}.bootcamp-infobox-footer-plus{position:static;display:inline-block;margin:20px 0}}#bootcamp-pay-modal .bootcamp-modal .modal-body{padding:5px 15px 0}#bootcamp-pay-modal .bootcamp-modal .modal-body .modal-item label span{font-weight:500}#bootcamp-pay-modal .bootcamp-modal .modal-body .modal-item .modal-item-body{font-size:14px;margin-top:10px}#bootcamp-pay-modal .bootcamp-modal .modal-body .modal-item .modal-item-body .consume-beans{padding:20px;background:#fafafa}#bootcamp-pay-modal .bootcamp-modal .modal-body .modal-item .modal-item-body .consume-beans input[type=text]{display:inline-block;width:60px;height:30px;border-radius:4px}#bootcamp-pay-modal .bootcamp-modal .modal-body .modal-item .modal-item-body .consume-beans .left-beans{margin:20px 0;color:#676767}#bootcamp-pay-modal .bootcamp-modal .price-without-book,#bootcamp-pay-modal .bootcamp-modal .real-price{display:block;text-align:left;color:#ff712a;font-size:24px}#bootcamp-pay-modal .bootcamp-modal .pay-hint{float:left;font-size:12px;color:#f66;display:block;margin-top:5px}#bootcamp-pay-modal .bootcamp-modal .confirm-pay-info{display:none;color:red;font-size:13px}#bootcamp-pay-modal .bootcamp-modal .use-coupon{display:inline-block;font-size:13px;font-weight:200;cursor:pointer}#bootcamp-pay-modal .bootcamp-modal .coupon-box{display:none}#bootcamp-pay-modal .bootcamp-modal .coupon-box .coupon-input{height:30px;width:250px;margin-right:10px;vertical-align:-1px;outline:none;font-size:12px}#bootcamp-pay-modal .bootcamp-modal .coupon-box .submit-coupon{padding:4px 20px;border-radius:10px;outline:none;font-size:12px}#bootcamp-pay-modal .bootcamp-modal .pay-method-box{overflow:hidden}#bootcamp-pay-modal .bootcamp-modal .pay-method-box .pay-method{float:left;width:120px;height:46px;margin-right:10px;border:1px dashed #d2d2d2;cursor:pointer}#bootcamp-pay-modal .bootcamp-modal .pay-method-box .pay-method.active{border:2px solid #f55f60}#bootcamp-pay-modal .bootcamp-modal .pay-method-box .pay-method-ali{background:url(https://static.shiyanlou.com/img/pay-btn.png);background-position:0 95%}#bootcamp-pay-modal .bootcamp-modal .pay-method-box .pay-method-wx{background:url(https://static.shiyanlou.com/img/pay-btn.png)}.bootcamp-img{width:100%;margin-bottom:10px}#bootcamp-courses{overflow:hidden}#bootcamp-courses .course{float:none;display:block;margin:0 auto}#bootcamp-courses .straight-line{width:1px;height:60px;margin:0 auto;background:#b3b3b3}.start-bootcamp{margin:20px auto 0}.finish-bootcamp,.start-bootcamp{position:relative;font-size:18px;color:#7b7b7b;text-align:center}.finish-bootcamp{margin:0 auto}.finish-bootcamp .small-circle{margin:-2px auto 4px}.wx-header{background-color:#fff;border-width:0;box-shadow:0 1px 10px #ccc}.wx-header .wx-navbar-header{margin:0 -15px}.wx-header .wx-navbar-header .navbar-brand{padding:0}.wx-header .wx-navbar-header .navbar-brand img{height:50px}.wx-header .wx-navbar-header .wx-header-btn{position:relative;float:right;padding:9px 10px;margin:8px 15px 8px 0;background-color:transparent;border:1px solid #3b444f;border-radius:4px}.wx-header .wx-navbar-header .wx-header-btn .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#3b444f}.wx-header .wx-navbar-header .wx-header-btn .icon-bar+.icon-bar{margin-top:4px}.wx-header #wx-navbar-list .item{color:#3b444f;font-size:16px;padding:15px 0}.wx-header #wx-navbar-list a:focus,.wx-header #wx-navbar-list a:hover{text-decoration:none}.weixin-layout .row{margin-top:70px}.weixin-layout .breadcrumb{padding:0 0 10px}.weixin-layout .breadcrumb a{font-size:14px}.weixin-layout .detail .item{box-shadow:0 3px 10px #ccc;margin-bottom:10px}.weixin-layout .detail .item .name{display:inline-block;width:90%;font-size:18px;color:#3b444f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weixin-layout .detail .item i{color:#acacac;margin-top:7px}.weixin-layout .detail .item-course{padding:20px 10px}.weixin-layout .detail .item-lab{padding:10px}.weixin-layout a:focus,.weixin-layout a:hover{text-decoration:none}.weixin-layout #preview{box-shadow:0 0 10px #ccc;padding:10px;margin-bottom:15px}.weixin-layout .wx-doc-next,.weixin-layout .wx-doc-prev{padding:10px 0;box-shadow:0 0 10px #ccc;color:#3b444f;font-size:14px}.weixin-layout .back2top{width:50px;height:50px;font-size:40px;color:#fff;background-color:#666;position:fixed;bottom:135px;right:15px;line-height:46px;border-radius:50%;text-align:center;box-shadow:3px 3px 10px #ccc}.weixin-layout .back2top i{margin:0}.wx-footer{font-size:16px;color:#acacac;padding:10px 0 30px}body{position:relative}.contests-page-header .navbar-nav{padding:0}.contests-page-header .navbar-nav li{padding:10px}.contests-page-header .navbar-nav li.active,.contests-page-header .navbar-nav li:focus,.contests-page-header .navbar-nav li:hover{background:#eee}.contests-page-header .navbar-nav li.header-btn{background:#666}.contests-page-header .navbar-nav li.header-btn a,.contests-page-header .navbar-nav li.header-btn a:focus,.contests-page-header .navbar-nav li.header-btn a:hover{color:#fff}.contests-page-content{margin-top:70px;font-size:16px}.contests-page-content>div{padding:80px 0;color:#666}.contests-page-content h4{margin:0 0 50px;font-size:50px;text-align:center}.contests-page-content li,.contests-page-content p{font-size:18px;text-align:center;line-height:35px;letter-spacing:1px;font-weight:400}.contests-page-content .contest-img{text-align:center}.contests-page-content .contest-img img{max-width:100%}@media (min-width:768px){.contests-page-content>div .container{padding:0 100px}}@media (min-width:768px){.contests-page-content li,.contests-page-content p{font-weight:100}}.contests-page-summary{text-align:center;color:#fff;background:url(https://static.shiyanlou.com/img/luodiye_BG.png)}.contests-page-summary div,.contests-page-summary h4,.contests-page-summary span{color:#fff}.contests-page-summary h4{margin-bottom:0}.contests-page-summary .contest-logo{margin:35px 0;text-align:center}.contests-page-summary .contest-logo img{max-width:100%}.contests-page-summary .contest-time{margin:40px 0;font-size:25px}.contests-page-summary .share-btns span{font-size:18px;margin-right:5px}.contests-page-summary .share-btns a{position:relative;display:inline-block;font-size:24px}.contests-page-summary .share-btns a:focus,.contests-page-summary .share-btns a:hover{text-decoration:none}.contests-page-summary .weixin-qrcode{display:none;position:absolute;bottom:100%;left:-70px;padding:4px 4px 0;background:#fff;box-shadow:0 0 4px 2px #666}.contests-page-summary .fa-weixin{padding:11px 11px 11px 9px;color:#6eca6d;background:#fff;font-size:18px;border-radius:50px}.contests-page-summary .btn{width:338px;max-width:100%;padding:14px 0;margin:67px 0;font-size:20px;border-radius:50px}.contests-page-summary .count-down-msg{margin-bottom:20px;font-size:25px}.contests-page-summary .count-down-left{font-size:25px}.contests-page-summary .count-down-left span{color:#666;font-size:35px}.contests-page-desc{text-align:left;background:#fff}.contests-page-awards{text-align:left;background:#f6f6f6}.contests-page-rules{background:#fff}.contests-page-rules li,.contests-page-rules p{text-align:left}.contests-page-encourage{text-align:center}.contests-page-encourage h4{margin-bottom:20px;font-size:35px;color:#666}.contests-page-encourage p{font-size:25px}.contests-page-encourage .btn{width:338px;max-width:100%;padding:14px 0;margin:67px 0;font-size:20px;border-radius:50px}#join-contest-modal strong a{color:#fff}#join-contest-modal strong a:focus,#join-contest-modal strong a:hover{text-decoration:none}#join-contest-modal .weixin{position:relative;margin-left:10px}#join-contest-modal .weixin:focus,#join-contest-modal .weixin:hover{text-decoration:none}#join-contest-modal .weixin-qrcode{display:none;position:absolute;bottom:150%;left:-60px;padding:4px 4px 0;background:#fff;box-shadow:0 0 4px 2px #666}#join-contest-modal .fa-weixin{padding:11px 11px 11px 9px;color:#fff;background:#6eca6d;font-size:18px;border-radius:50px}#join-contest-modal .fa-weibo{color:#fff;background:#f47166}.contests-banner{height:340px;background:url(https://static.shiyanlou.com/img/contest_bg.png);background-position:50% 15px;margin-top:-20px}.contests-banner .newest-contest-rank{width:282px;height:313px;padding:15px;margin-top:13px;margin-right:-8px;background:#fff}.contests-banner .newest-contest-rank .newest-contest-title{display:inline-block;padding-bottom:16px;font-size:16px;color:#666}.contests-banner .newest-contest-rank .newest-contest-title:focus,.contests-banner .newest-contest-rank .newest-contest-title:hover{text-decoration:none}.contests-banner .newest-contest-content a{display:block;width:100%;padding:9px 0;border-top:1px solid #eee}.contests-banner .newest-contest-content a .user-img{display:inline-block;width:32px;height:32px;border-radius:50px;overflow:hidden;vertical-align:middle}.contests-banner .newest-contest-content a .user-img img{width:32px;height:32px}.contests-banner .newest-contest-content a .user-name{display:inline-block;max-width:45%;margin-left:10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle;color:#666}.contests-banner .newest-contest-content a .user-level{margin-left:5px;font-size:14px;color:#ffc500;vertical-align:middle}.contests-banner .newest-contest-content a .user-ranking{display:inline-block;text-align:center}.contests-banner .newest-contest-content a .user-ranking .user-rank-medal{width:40px;height:40px;margin-top:-5px}.contests-banner .newest-contest-content a .user-ranking .user-rank-img{width:24px;height:24px;margin-right:10px}.contests-banner .newest-contest-content a:focus,.contests-banner .newest-contest-content a:hover{text-decoration:none}@media (max-width:767px){.contests-banner{background-position:100% 15px}.newest-contest-rank{position:absolute;right:7%;width:90%!important}}.contests .challenge-hot-title,.contests>h2{padding-right:10px;margin:40px 0 20px;color:#666;font-size:22px;font-weight:300}.contests .challenge-hot-title>a,.contests .challenge-hot-title span,.contests>h2 span,.contests>h2>a{color:#a4a4a4;font-size:16px}.contests .challenge-hot-title>a:focus,.contests .challenge-hot-title>a:hover,.contests .challenge-hot-title span:focus,.contests .challenge-hot-title span:hover,.contests>h2 span:focus,.contests>h2 span:hover,.contests>h2>a:focus,.contests>h2>a:hover{text-decoration:none}.contests .challenge-hot-title>a.challenge-tags,.contests>h2>a.challenge-tags{padding:3px 8px}.contests .challenge-hot-title>a.challenge-tags:focus,.contests .challenge-hot-title>a.challenge-tags:hover,.contests>h2>a.challenge-tags:focus,.contests>h2>a.challenge-tags:hover{background:#666;border-radius:14px;color:#fff;text-decoration:none}.contests .challenge-hot-title:focus,.contests .challenge-hot-title:hover,.contests>h2:focus,.contests>h2:hover{text-decoration:none}.contest{padding:25px 20px;margin-bottom:10px;background:#fff;box-shadow:0 0 1px 1px #eee;border-radius:5px}.contest:hover{box-shadow:0 0 10px 2px rgba(97,97,97,.3)}.contest-header{padding-bottom:25px;border-bottom:1px solid #eee;overflow:hidden}.contest-header .contest-time{display:inline-block;color:#666;font-size:14px}.contest-title{display:inline-block;margin:10px 0 0;color:#666;font-size:18px;font-weight:500}.contest-status{display:inline-block;padding:0 2px;color:#f66;font-size:12px;border:1px solid #f66}@media (min-width:768px){.contest-status{margin:0 20px}}.contest-status-comming{color:#f66;border-color:#f66}.contest-status-running{color:#666;border-color:#666}.contest-status-ended{color:#a4a4a4;border-color:#a4a4a4}.contest-btn{display:inline-block;padding:9px 36px;color:#fff;background:#666;font-size:14px;font-weight:300;border:1px solid #666}.contest-btn:focus,.contest-btn:hover{color:#fff;text-decoration:none}.contest-label{padding:2px 10px;color:#fff;background:#666;font-size:16px;border-radius:20px}.contest-challenge-name,.contest-label{margin-left:10px}.contest-challenge-label{padding:3px 10px;font-size:12px;color:#a4a4a4;background-color:#eee;display:inline-block;height:20px;border-radius:20px}.contest-body{padding-top:25px;color:#666;font-size:16px;font-weight:300;line-height:1.6em;letter-spacing:1px}.contest-ended .contest-header{padding:0;border:none}.contest-ended .contest-label{color:#fff;background:#a4a4a4}.contest-ended .contest-time{color:#a4a4a4}.contest-ended .contest-btn{color:#666;background:#fff;border-color:#666}.contest-ended .contest-btn:focus,.contest-ended .contest-btn:hover{color:#666}.sidebox-title{color:#666}.sidebox-title .challenge-collection-subtitle{font-size:14px;color:#a4a4a4}.challenge-collection-body{padding:5px 0 0 5px;margin:0}.contest-challenge-list{list-style:none;margin-bottom:27px}.contest-challenge-list .challenge-list-item{width:100%;display:inline-block;text-decoration:none;font-size:14px;color:#666;padding:9px 0!important}.contest-challenge-list .challenge-list-item .challenge-name{display:inline-block;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.contest-challenge-list .challenge-list-item .challenge-tags{padding:1px 5px;margin-left:5px;background-color:#eee;border-radius:7px;vertical-align:6px;color:#a4a4a4;font-size:12px}.contest-challenge-list .challenge-list-item:focus,.contest-challenge-list .challenge-list-item:hover{background:#fff}a.challenge-view-all{height:41px;border:1px solid #666;text-align:center}.contest-rank-current-container{margin-bottom:0;padding:15px 15px 0;border-bottom:none}.contest-rank-current-container .course-content{padding:0 15px}.contest-rank-user{position:relative;border-bottom:1px solid #eee;padding:20px 0 15px;list-style:none;font-size:14px;color:#666}.contest-rank-user .user-info-detials{width:50%}.contest-rank-user .user-info-detials .user-info-name{display:inline-block;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:-5px}.contest-rank-user:last-child{border-bottom:none}.contest-rank-user div{display:inline-block;margin-left:10px}.contest-rank-user>a{padding:0;color:#666}.contest-rank-user>a:focus,.contest-rank-user>a:hover{text-decoration:none;background-color:#fff}.division{border-left:1px solid #eee;border-right:1px solid #eee;height:6px;background:#f8f9fa}.user-img{width:50px;height:50px;border-radius:25px;vertical-align:-5px}.user-level{color:#fec42d;font-weight:700}.contest-number{font-size:12px}.has-no-ranking{font-size:18px;color:#a4a4a4}.user-rank{position:absolute;right:5px;top:calc(50% - 22px);font-size:20px;color:#d3d8db}.challenge-content{padding:25px 20px 15px;margin-bottom:40px;background:#fff}.past-contest-header{padding:0 10px 12px}.past-contest-header .past-contest-title{font-size:22px;color:#666;font-weight:300}.past-contest-header .past-contest-title:focus,.past-contest-header .past-contest-title:hover{text-decoration:none}.past-contest-header .past-contest-more{padding-top:4px;font-size:16px;color:#a4a4a4}.past-contest-header .past-contest-more:focus,.past-contest-header .past-contest-more:hover{text-decoration:none}.past-contest-content{padding:40px 20px}.past-contest-content .past-contest-info{display:inline-block;padding:12px 0;width:100%}.past-contest-content .past-contest-info .past-contest-name{font-size:16px;color:#666}.past-contest-content .past-contest-info .past-contest-tags{margin-left:10px;padding:3px 8px;border-radius:46px;vertical-align:3px;background:#a4a4a4;font-size:12px;color:#fff}.past-contest-content .past-contest-info .contest-number{font-size:14px;color:#666}.past-contest-content .past-contest-info:focus,.past-contest-content .past-contest-info:hover{background-color:#fff}.right-wrapper>a{display:block;width:100%;margin-bottom:10px}.right-wrapper>a img{width:100%}.contest-summary-title{margin:0 0 14px;color:#565656;font-size:20px;font-weight:400}.contest-summary-title .contest-status{position:absolute;top:0;right:-20px;width:66px;height:66px}.contest-summary-title .contest-status-comming{border:none}.contest-summary-title .contest-status-running{background:url(https://static.shiyanlou.com/img/contest_open_icon.png);border:none}.contest-summary-title .contest-status-ended{background:url(https://static.shiyanlou.com/img/contest_end_icon.png);border:none}.contest-summary-label{position:relative;bottom:1px;display:inline-block;padding:2px 15px;margin-left:10px;color:#fff;background:#666;font-size:16px;font-weight:100;border-radius:20px}.contest-summary-users{margin-top:14px;color:#a4a4a4;font-size:14px}.contest-summary-content{color:#666;font-size:13px;line-height:1.6em;font-weight:400}.contest-summary-btns{margin-top:10px;overflow:hidden}.contest-summary-btns .btn{padding:9px 26px;font-size:16px;font-weight:400}.contest-summary-btns .btn.joined-contest-btn{border:none;background:#666}.contest-summary-btns .btn.jion-contest{padding:8px 72px;background:#ff9c4a}.contest-summary-btns .btn.contest-end{background:#a4a4a4;border:1px solid #a4a4a4;cursor:default}.contest-summary-btns .btn.disable{background:#a4a4a4}#contest-desc h2{margin:20px 0 10px;color:#666;font-size:20px}#contest-desc p{color:#666;font-size:16px}.challenge{padding:18px;margin-bottom:10px;border:1px solid #eee;border-radius:5px}.challenge-title{margin:0 0 20px;color:#666;font-size:16px;font-weight:400;overflow:hidden}.challenge-title span{position:relative;top:2px}.challenge-title .btn{padding:2px 10px;font-size:14px;font-weight:100}.challenge-title .btn.challenge-comming-btn{background:#a4a4a4;border-color:#a4a4a4}.challenge-meta{overflow:hidden}.challenge-meta a,.challenge-meta span{display:inline-block;margin-right:10px;color:#666;font-size:12px}.challenge-meta a:focus,.challenge-meta a:hover{color:#fff;text-decoration:none}span.challenge-meta-time{margin-top:5px;display:inline-block;margin-right:20px;color:#666;font-size:12px}span.challenge-meta-status{display:inline-block;padding:1px 10px;color:#fff;background:#666;font-size:12px;font-weight:400;border-radius:12px}span.challenge-meta-status.user-submissions{width:44px;font-size:12px;height:17px;padding:1px}span.challenge-meta-status.challenge-meta-status-pass{background:#666}span.challenge-meta-status.challenge-meta-status-fail{background:#f66}span.challente-meta-users{color:#a4a4a4}#contest-week-rank .panel{border:none}.sidebox-my-contest-rank{margin:-10px 0;color:#666;font-size:14px}.sidebox-my-contest-rank .sidebox-footer,.sidebox-my-contest-rank .sidebox-header{display:none}.sidebox-my-contest-rank .user-avatar{vertical-align:10px;margin-right:10px}.sidebox-my-contest-rank .username{display:inline-block;vertical-align:-3px}.sidebox-my-contest-rank .username p.currentuser-rank{margin:5px 0 0}.sidebox-my-contest-rank .username p.currentuser-rank span{color:#fff}.sidebox-my-contest-rank .sidebox{border:none;padding:0}.sidebox-my-contest-rank .sidebox .sidebox-body{padding:0}.sidebox-my-contest-rank .sidebox-my-contest-record:first-of-type{margin-top:8px;padding-top:18px;border-top:1px solid #eee}.sidebox-my-contest-rank .contest-score{margin-top:10px;font-size:14px;color:#666}.sidebox-recommend-courses{padding:0;margin:0;list-style:none}.sidebox-recommend-courses li a{display:inline-block;width:100%;padding:12px 5px;font-size:14px;color:#666}.sidebox-recommend-courses li a:focus,.sidebox-recommend-courses li a:hover{text-decoration:none;background:#f7f7f7}.sidebox-challenge-collecton .contest-challenge-list{margin-bottom:0}.content{position:relative;padding-bottom:60px}.contest-status-desc{display:block;position:absolute;bottom:0;left:0;width:100%;padding:12px 30px;color:#a4a4a4;font-size:14px;border-top:1px solid #eee}.contest-status-desc span{color:#f66}.contest-status-desc.contest-status-warning{color:#e66}.see-title{display:inline-block;margin-right:5px}.challenge-tags .challenge-tag a{font-size:14px;color:#666;margin:15px 0 0 15px;text-decoration:none;display:inline-block}.challenge-tags .challenge-tag.active a{padding:0 8px;color:#fff;background:#666;border-radius:12px;display:inline-block;height:20px}.challenge-answer{padding:20px;margin-bottom:20px;background:#fff;box-shadow:0 0 2px 2px #eee}.challenge-answer-header{padding-bottom:20px;border-bottom:1px solid #eee}.challenge-answer-date{margin-top:15px}.challenge-answer-rank{padding:2px 4px;color:#a4a4a4;border:1px solid #a4a4a4;border-radius:4px}.challenge-answer-body{position:relative;padding-top:20px;cursor:pointer;overflow:hidden}.challenge-answer-type{float:left;width:50px;font-size:14px}.challenge-answer-content{margin-left:50px;font-size:14px}.challenge-answer-filecontent{padding:10px;margin:10px 0 20px}.challenge-answer-filecontent.is-file{color:#1c0000;background:#e4f0e6}.challenge-answer-filecontent.is-commands{color:#eee;background:#0f0f0f}.challenge-answer-end{margin:30px 0 50px;color:#666;font-size:14px;text-align:center}.challenge-answer-layer{position:absolute;width:100%;height:50%;padding:20px;left:0;bottom:0;text-align:center;font-size:18px;color:#999;background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.9),#fff)}.home-carousel-category{height:auto;width:100%;background:url(https://static.shiyanlou.com/img/trylab-carousel-bg.png);background-repeat:repeat}.home-carousel-category .container,.home-carousel-category .container .row{height:100%}@media (min-width:768px){.home-carousel-category{height:590px;min-height:590px}}.labs-side-nav{float:left;width:100%;height:100%;position:relative;background-color:rgba(37,37,37,.36)}@media (min-width:768px){.labs-side-nav{width:232px}}.labs-category.category-left .cate-item{padding:18px 12px 0;height:58px;margin-top:-1px}.labs-category.category-left .cate-item .inner-items{height:100%;border-bottom:1px solid #bcbcbc}.labs-category.category-left .cate-item .inner-items .cate-desc{font-size:16px;color:#fff;margin-right:10px;margin-left:5px}.labs-category.category-left .cate-item .inner-items>a{display:inline-block;font-size:12px;color:#fff;margin-right:8px}.labs-category.category-left .cate-item .category-right{width:400px;background:#fff;box-shadow:2px 0 4px 0 rgba(0,0,0,.2);height:100%;position:absolute;top:0;padding:20px;left:260px;z-index:4;display:none}.labs-category.category-left .cate-item .category-right .panel-cate{word-spacing:-4px}.labs-category.category-left .cate-item .category-right .panel-cate .sub-cate-item{width:90px;height:90px;display:inline-block;line-height:90px;text-align:center}.labs-category.category-left .cate-item .category-right .panel-cate .sub-cate-item .cate-wrapper a{vertical-align:middle;line-height:100%;display:inline-block}.labs-category.category-left .cate-item .category-right .panel-cate .sub-cate-item .cate-wrapper a img{height:40px;width:40px}.labs-category.category-left .cate-item .category-right .panel-cate .sub-cate-item .cate-wrapper a>p{margin:0;font-size:14px;color:#666}.labs-category.category-left .cate-item .category-right .panel-cate .sub-cate-item .cate-wrapper a:hover{text-decoration:none}.labs-category.category-left .cate-item .category-right .panel-cate .sub-cate-item .cate-wrapper:hover{background-color:#f7f7f7;border-radius:8px}.labs-category.category-left .cate-item.active{background-color:#fff}.labs-category.category-left .cate-item.active .cate-desc,.labs-category.category-left .cate-item.active a{color:#666}.labs-category.category-left .cate-item.active .inner-items{border:none}.mobile-show-list{background:#fff;box-shadow:2px 0 4px 0 rgba(0,0,0,.2);height:100%;padding:20px;z-index:3;margin-top:-1px;display:none}.mobile-show-list .sub-cate-item{display:inline-block}.mobile-show-list .sub-cate-item .cate-wrapper a{display:inline-block;width:90px;padding-top:12px;height:90px;text-align:center}.mobile-show-list .sub-cate-item .cate-wrapper a img{width:40px}.mobile-show-list .sub-cate-item .cate-wrapper a p{font-size:14px;margin-top:5px;color:#666}.mobile-show-list img{width:40px;height:40px}@media (min-width:768px){.mobile-show-list{display:none}}.tl-carousel{height:100%;margin-left:260px;text-align:center;display:none}.tl-carousel .tl-banner .title-h2{margin-top:40px;color:#fff;font-weight:400}.tl-carousel .tl-carousel-slide .tl-carousel-container{text-align:center;position:relative;height:auto;margin-top:40px}.tl-carousel .tl-carousel-slide .tl-carousel-container .banner-slides-wrapper{position:relative;height:350px;overflow:hidden}@media(min-width:768px){.tl-carousel{display:block;z-index:4}}.tl-slide-list{list-style:none;position:relative;height:100%;width:100%;margin:0;padding:0}.tl-slide-list .slide-item{display:inline-block;position:absolute;left:0;transition:all .3s ease-out}.tl-slide-list .slide-item a{display:inline-block}.tl-slide-list .slide-item img{width:350px;height:350px}.tl-slide-list .slide-item.item-level-0{opacity:.4;z-index:0}.tl-slide-list .slide-item.item-level-1{z-index:1}.tl-slide-list .slide-item.item-level-1 img{opacity:.8}.tl-slide-list .slide-item.item-level-2{z-index:2}.tl-slide-list .slide-item.item-level-2 img{opacity:1}.tl-slide-list .slide-item.item-dir-left.item-level-0{transform:translate3d(-16px,0,0) scale(.64)}.tl-slide-list .slide-item.item-dir-left.item-level-1{transform:translate3d(125px,0,0) scale(.8)}.tl-slide-list .slide-item.item-dir-mid{transform:translate3d(299px,0,0)}.tl-slide-list .slide-item.item-dir-right.item-level-1{transform:translate3d(475px,0,0) scale(.8)}.tl-slide-list .slide-item.item-dir-right.item-level-0{transform:translate3d(615px,0,0) scale(.64)}.tl-carousel-container .banner-item-details{position:absolute;height:178px;width:350px;background:#fff;left:39px;right:0;margin:auto;bottom:-75px;z-index:2;border-radius:6px;padding:15px 35px;opacity:0;transition:all .4s ease-out}.tl-carousel-container .banner-item-details .item-desc{margin-top:20px;text-align:left;font-size:14px;color:#666;margin-bottom:20px}.tl-carousel-container .banner-item-details .item-desc p{width:280px;height:38px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.try-item-users-info{text-align:left}.try-item-users-info>span{font-size:12px;color:#a4a4a4;margin-right:15px}.try-item-users-info>span img{vertical-align:-3px}.try-item-users-info>span.item-info:hover{cursor:pointer}.try-item-users-info.lab-media-info{display:inline-block}.start-experience{text-align:center}.start-experience .btn-start-exp{display:inline-block;width:140px;height:35px;background-color:#666;line-height:35px;color:#fff;font-size:16px;border-radius:20px}.start-experience .btn-start-exp:focus,.start-experience .btn-start-exp:hover{text-decoration:none}.start-experience .btn-start-exp.disabled{width:200px;background:#c6c6c6;cursor:not-allowed;pointer-events:none}.start-experience .start-btns{position:relative;height:35px;width:240px}.start-experience .start-btns img{position:absolute;top:-22px;right:0;transform:rotate(40deg);z-index:3}.start-experience .start-btns img.png{display:block}.start-experience .start-btns img.gif{display:none}.start-experience .start-btns a{position:absolute;left:110px;float:none!important;width:120px;padding:0 20px;text-align:right;z-index:1}.start-experience .start-btns .disabled{left:0;width:140px;padding:0;text-align:center;z-index:2;box-shadow:0 0 2px 4px #fff}.start-experience .start-btns:hover .gif{display:block}.start-experience .start-btns:hover .png{display:none}@media(min-width:768px){.start-experience .btn-start-exp{width:173px}}@media (max-width:768px){.start-experience{float:left!important}.start-experience .btn-start-exp{width:125px}}.home-trylab-category{margin-top:55px;padding-bottom:45px}.home-trylab-category .container{padding:0 5px}.home-trylab-category .container .main-category .category-list{padding-bottom:25px}.home-trylab-category .container .main-category .category-list .category-title{display:inline-block;margin:0 0 15px;font-size:22px;color:#3a3a3a}.home-trylab-category .container .main-category .category-list .category-list-container,.home-trylab-category .container .main-category .category-list .category-list-container .start-experience{position:relative}.category-list-item{width:100%;height:auto;background:#fff;margin-bottom:20px;padding:25px;border:1px solid #e5e5e5;border-radius:8px}.category-list-item .software-media-infos{display:block;height:100%;width:100%;text-align:center}.category-list-item .software-media-infos .media-info-left{padding:0;text-align:center}.category-list-item .software-media-infos .media-info-left .media-logo-wrapper{display:inline-block;width:80px;height:80px}.category-list-item .software-media-infos .media-info-left .media-logo-wrapper>a{width:100%;display:flex;align-items:center;justify-content:center;height:100%}.category-list-item .software-media-infos .media-info-left .media-logo-wrapper>a>img{width:80px;height:80px;opacity:.1}.category-list-item .software-media-infos .media-info-mid{padding-right:15px}.category-list-item .software-media-infos .media-info-mid .media-info-lab a:hover{text-decoration:none}.category-list-item .software-media-infos .media-info-mid .media-info-lab .info-lab-name{font-size:18px;color:#666}.category-list-item .software-media-infos .media-info-mid .media-info-lab .info-lab-desc{color:#666;display:block;white-space:nowrap}.category-list-item .software-media-infos .media-info-mid .media-info-lab .info-lab-desc>p{margin-top:8px;font-size:14px;text-overflow:ellipsis;overflow:hidden}.category-list-item .software-media-infos .media-info-mid .media-info-lab .lab-other-info .try-item-newest-comment{display:inline-block;font-size:12px;color:#a4a4a4}.category-list-item .software-media-infos .media-info-right{display:inline-block;height:83px;padding:0;padding-top:25px}.category-list-item:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}@media(min-width:768px){.category-list-item{height:135px}.category-list-item .software-media-infos{text-align:left}.category-list-item .software-media-infos .media-info-mid{padding-right:0}}.resize-img-wrapper{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #eee;border-radius:5px;margin-bottom:10px;overflow:hidden}.right-btns{position:fixed;top:50%;right:20px;z-index:100}.right-btns a{display:block;width:50px;padding:5px;margin-bottom:10px;color:#a4a4a4;background:#fff;font-size:14px;border-radius:5px;text-align:center;box-shadow:0 0 6px 1px #ccc}.right-btns a:focus,.right-btns a:hover{color:#666;text-decoration:none}.content-lab-details{padding:15px 30px}.try-lab-infobox .lab-infobox-header{display:inline-block}.try-lab-infobox .lab-infobox-header .media .lab-info-img img{width:120px;height:120px;opacity:.1}.try-lab-infobox .lab-infobox-header .media .lab-info-media{padding-left:15px}.try-lab-infobox .lab-infobox-header .media .lab-info-media .lab-title{margin-bottom:15px}.try-lab-infobox .lab-infobox-header .media .lab-info-media .start-experience{margin-top:15px}.try-lab-infobox .lab-infobox-header .media .lab-info-media .start-experience .btn-start-exp{float:left}.try-lab-infobox .lab-infobox-footer .course-infobox-content{color:#666;word-wrap:break-word}.comment-form .comment-form-content{font-size:16px}.comment-form .post-comment{display:inline-block;float:right;font-size:16px}.comment-form .post-comment .btn{font-size:16px;padding:5px 9px}.comment-form .post-comment .checkbox-inline{line-height:34px;padding:10px}.comment-form .post-comment .checkbox-inline>input{margin-top:10px}.comment-item-body .user-username .username{color:#a4a4a4}.comment-item-body .user-username .user-level{margin-left:5px;color:#ffc500}.comment-item-body .comment-item-content{color:#666}.comment-item-body .comment-item-content .recommend-item{float:left;vertical-align:middle;margin-top:1px;margin-right:10px;font-size:14px;color:#666}.comment-item-body .comment-item-delete{font-size:14px;color:#a4a4a4}.comment-item-body .comment-item-date{color:#a4a4a4}.comment-item-body .assistant-mark{margin-top:12px;padding:15px 0 0!important}.comment-item-body .comment-item-reply{color:#a4a4a4;font-size:14px}.comment-item-body .comment-item-reply img{margin-right:5px;margin-top:-3px}.lab-related-source{padding-top:12px}.lab-related-source .related-source{font-size:14px}.lab-related-source .related-source .source-title{height:22px;color:#fff;background:#7eb6e3;padding:4px 13px;border-radius:4px}.lab-related-source .related-source .source-link{color:#666;margin-left:10px}.lab-related-source .related-source.quality-source .source-title{background:#a4d588}.similar-software{padding-left:0}.similar-software .media{margin-top:0}.similar-software .media .media-left{padding-right:0}.similar-software .media .media-left img{width:80px;height:80px}.similar-software .media .media-body,.similar-software .media .media-body .media-heading{color:#666}.similar-software .media .media-body>span{text-indent:13px;display:inline-block}#trylab-doc .markdown-body{height:auto;overflow:hidden}#trylab-doc .view-all-doc{width:100%;height:70px;position:absolute;bottom:0;opacity:.9;text-align:center;padding:20px 0;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(180deg,transparent 0,#fff 50%)}#trylab-doc .view-all-doc i{display:block}.view-courses-more{text-align:center;margin-top:40px}.view-courses-more .btn-view-courses{font-size:16px;color:#666;border:1px solid #666;padding:8px 20px;border-radius:20px;display:inline-block}.view-courses-more .btn-view-courses:hover{text-decoration:none;text-shadow:0 0 1px #ccc}.enlist-header{width:100%;height:522px}.enlist-header .header-banner{width:100%;height:100%}.enlist-header .header-banner .banner-warpper{width:100%;height:100%;background-image:url(https://static.shiyanlou.com/img/enlist/BannerBG.png)}.enlist-header .header-banner .banner-warpper .container{height:100%;text-align:center;color:#fff}.enlist-header .header-banner .banner-warpper .container .banner-text{padding-top:120px;height:100%}.enlist-header .header-banner .banner-warpper .container .banner-text h1{font-size:50px;font-weight:400}.enlist-header .header-banner .banner-warpper .container .banner-text h2{font-size:30px;margin-top:40px;font-weight:400}.enlist-header .header-banner .banner-warpper .container .banner-text .banner-btns{margin-top:50px}.enlist-header .header-banner .banner-warpper .container .banner-text .banner-btns a{width:280px;height:60px;line-height:40px;font-size:20px;border-radius:30px;font-weight:300}.enlist-header .header-banner .banner-warpper .container .banner-text .banner-btns .course-post{margin-right:85px;background:#666}.enlist-header .header-banner .banner-warpper .container .banner-text .banner-btns .advisory-online{background:transparent;color:#666}.enlist-section{margin-top:0;padding:60px 0 120px}.enlist-section .row{text-align:center}.enlist-section .row h1{margin-top:0;margin-bottom:60px;font-size:30px;color:#333;font-weight:400}.enlist-section .row .desc{font-size:16px;margin-top:39px;color:#666}.enlist-projects{background:#fff}.enlist-projects .row .project-item img{width:164px;height:102px}.enlist-reciprocation .img-wrapper{width:204px;margin:0 auto;height:150px;line-height:150px;background:#fff;border-radius:12px}.enlist-reciprocation .img-wrapper .default-avatar{width:80px;height:80px}.enlist-reciprocation .row .desc{margin-top:20px}.enlist-excellent-project{background:#fff;text-align:left}.enlist-excellent-project .row .course{text-align:left;position:relative}.enlist-excellent-project .row .course .course-body{height:110px}.enlist-excellent-project .row .course .your-position{text-align:center;padding:45px 0 61px;background:#f4f4f4;transition:all .6s ease-out}.enlist-excellent-project .row .course .your-position .img-wrapper .avatar img,.enlist-excellent-project .row .course .your-position .img-wrapper .default-avatar{width:80px;height:80px}.enlist-excellent-project .row .course .your-position .img-wrapper .member-icon img{width:25px;height:25px}.enlist-excellent-project .row .course .your-position .desc{margin-top:43px}.enlist-excellent-project .row .course .your-position.position-back{position:absolute;top:0;left:15px;width:90%;opacity:0;padding:56px 0;background:#3d6777}.enlist-excellent-project .row .course .your-position.position-back img{height:70px;width:70px}.enlist-excellent-project .row .course .your-position.position-back .desc{margin-top:19px;color:#fff;font-size:18px}.enlist-excellent-project .row .course .your-position.position-back a:hover{text-decoration:none}.enlist-excellent-project .row .position-box:hover{cursor:pointer}.enlist-excellent-project .row .position-box:hover .position-front{transform:rotateX(180deg);opacity:0}.enlist-excellent-project .row .position-box:hover .position-back{opacity:1}.enlist-submission-methods .method-info .out-wrapper{width:644px;margin:0 auto}.enlist-submission-methods .method-info .out-wrapper .method-details{height:222px;background:#fff;text-align:center;font-size:18px;color:#565656;padding:37px 0;font-weight:400}.enlist-submission-methods .method-info .out-wrapper .method-details h4:first-child,.enlist-submission-methods .method-info .out-wrapper .method-details h4:nth-child(3){margin:0}.enlist-submission-methods .method-info .out-wrapper .method-details h4:nth-child(3) a{color:#28cc8e}.enlist-submission-methods .method-info .out-wrapper .method-details h4:nth-child(2){margin:35px 0}.enlist-submission-methods .method-info .out-wrapper .method-tips{text-align:left;padding-top:35px;font-size:14px;color:#565656;letter-spacing:.5px}.enlist-submission-process{background:#fff}.enlist-submission-process .row .process-top{width:100%;height:39px}.enlist-submission-process .row .process-top .col-md-4 span{display:block;width:100px;margin:0 auto;height:39px;background:url(https://static.shiyanlou.com/img/enlist/process2.png);background-repeat:no-repeat;padding-top:7px;color:#28cc8e}.enlist-submission-process .row .process-top .col-md-4.top-process-right span{margin-left:30px}.enlist-submission-process .row .process-md{width:100%;height:34px;position:relative;margin-top:-12px;overflow:auto;display:inline-block}.enlist-submission-process .row .process-md .process-dashed{border-top:1px dashed #28cc8e;width:75%;position:absolute;top:17px;left:12%;margin:0 auto}.enlist-submission-process .row .process-bot{height:93px;width:100%;margin-top:10px}.enlist-submission-process .row .process-bot .col-md-3 span{display:inline-block;width:240px;height:93px;background:url(https://static.shiyanlou.com/img/enlist/process1.png);padding-top:35px;font-size:14px;color:#28cc8e}.enlist-faq .row .faq-list{text-align:left;font-size:16px;color:#565656;width:80%;margin:0 auto}.enlist-faq .row .faq-list span{font-size:20px}.enlist-faq .row .faq-list p{font-size:16px}.enlist-faq .row .faq-list strong{font-size:20px}.banner-bottom{position:fixed;bottom:0;width:100%;height:70px;padding-top:5px;background:#3d5f6c;margin-bottom:-7px;display:none;z-index:1}.banner-bottom .row .slogn-wrapper{text-align:right}.banner-bottom .row .slogn-wrapper .banner-bot-slogn{font-size:25px;color:#fff;margin-right:25px}.banner-bottom .row .btns-wrapper .btns{margin-top:14px}.banner-bottom .row .btns-wrapper .btns .btn{display:inline-block;width:200px;height:35px;padding:4px 12px;font-size:20px;border-radius:20px;font-weight:400}.banner-bottom .row .btns-wrapper .btns .btn-ask-online{color:#666;margin-left:20px;border-color:#666;background:transparent}.banner-bottom-placeholder{width:100%;height:70px;margin-top:-70px;position:relative}.active-trylab-collect .trylab-collect,.active-trylab-collect .trylab-history,.active-trylab-history .trylab-collect,.active-trylab-history .trylab-history{padding-top:10px}.active-trylab-collect .trylab-collect .software-collected,.active-trylab-collect .trylab-collect .software-history,.active-trylab-collect .trylab-history .software-collected,.active-trylab-collect .trylab-history .software-history,.active-trylab-history .trylab-collect .software-collected,.active-trylab-history .trylab-collect .software-history,.active-trylab-history .trylab-history .software-collected,.active-trylab-history .trylab-history .software-history{height:236px;padding:0 18px;margin-bottom:30px}.active-trylab-collect .trylab-collect .software-collected .software-info-box,.active-trylab-collect .trylab-collect .software-history .software-info-box,.active-trylab-collect .trylab-history .software-collected .software-info-box,.active-trylab-collect .trylab-history .software-history .software-info-box,.active-trylab-history .trylab-collect .software-collected .software-info-box,.active-trylab-history .trylab-collect .software-history .software-info-box,.active-trylab-history .trylab-history .software-collected .software-info-box,.active-trylab-history .trylab-history .software-history .software-info-box{height:100%;border:1px solid #eee;padding:39px 25px;text-align:center}.active-trylab-collect .trylab-collect .software-collected .software-info-box .box-top,.active-trylab-collect .trylab-collect .software-history .software-info-box .box-top,.active-trylab-collect .trylab-history .software-collected .software-info-box .box-top,.active-trylab-collect .trylab-history .software-history .software-info-box .box-top,.active-trylab-history .trylab-collect .software-collected .software-info-box .box-top,.active-trylab-history .trylab-collect .software-history .software-info-box .box-top,.active-trylab-history .trylab-history .software-collected .software-info-box .box-top,.active-trylab-history .trylab-history .software-history .software-info-box .box-top{width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center}.active-trylab-collect .trylab-collect .software-collected .software-info-box .box-top .sw-logo,.active-trylab-collect .trylab-collect .software-history .software-info-box .box-top .sw-logo,.active-trylab-collect .trylab-history .software-collected .software-info-box .box-top .sw-logo,.active-trylab-collect .trylab-history .software-history .software-info-box .box-top .sw-logo,.active-trylab-history .trylab-collect .software-collected .software-info-box .box-top .sw-logo,.active-trylab-history .trylab-collect .software-history .software-info-box .box-top .sw-logo,.active-trylab-history .trylab-history .software-collected .software-info-box .box-top .sw-logo,.active-trylab-history .trylab-history .software-history .software-info-box .box-top .sw-logo{width:80px;height:80px;opacity:.1}.active-trylab-collect .trylab-collect .software-collected .software-info-box .box-bottom .sw-name,.active-trylab-collect .trylab-collect .software-history .software-info-box .box-bottom .sw-name,.active-trylab-collect .trylab-history .software-collected .software-info-box .box-bottom .sw-name,.active-trylab-collect .trylab-history .software-history .software-info-box .box-bottom .sw-name,.active-trylab-history .trylab-collect .software-collected .software-info-box .box-bottom .sw-name,.active-trylab-history .trylab-collect .software-history .software-info-box .box-bottom .sw-name,.active-trylab-history .trylab-history .software-collected .software-info-box .box-bottom .sw-name,.active-trylab-history .trylab-history .software-history .software-info-box .box-bottom .sw-name{display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;color:#565656;margin:12px 0}.active-trylab-collect .trylab-collect .software-collected .software-info-box .box-bottom .sw-name strong,.active-trylab-collect .trylab-collect .software-history .software-info-box .box-bottom .sw-name strong,.active-trylab-collect .trylab-history .software-collected .software-info-box .box-bottom .sw-name strong,.active-trylab-collect .trylab-history .software-history .software-info-box .box-bottom .sw-name strong,.active-trylab-history .trylab-collect .software-collected .software-info-box .box-bottom .sw-name strong,.active-trylab-history .trylab-collect .software-history .software-info-box .box-bottom .sw-name strong,.active-trylab-history .trylab-history .software-collected .software-info-box .box-bottom .sw-name strong,.active-trylab-history .trylab-history .software-history .software-info-box .box-bottom .sw-name strong{width:100%}.active-trylab-collect .trylab-collect .software-collected .software-info-box .box-bottom .btn-start-use,.active-trylab-collect .trylab-collect .software-history .software-info-box .box-bottom .btn-start-use,.active-trylab-collect .trylab-history .software-collected .software-info-box .box-bottom .btn-start-use,.active-trylab-collect .trylab-history .software-history .software-info-box .box-bottom .btn-start-use,.active-trylab-history .trylab-collect .software-collected .software-info-box .box-bottom .btn-start-use,.active-trylab-history .trylab-collect .software-history .software-info-box .box-bottom .btn-start-use,.active-trylab-history .trylab-history .software-collected .software-info-box .box-bottom .btn-start-use,.active-trylab-history .trylab-history .software-history .software-info-box .box-bottom .btn-start-use{display:inline-block;line-height:28px;width:100%;background:#fff;border:1px solid #666;color:#666;font-size:16px;border-radius:20px}.active-trylab-collect .trylab-collect .software-collected .software-info-box:hover,.active-trylab-collect .trylab-collect .software-history .software-info-box:hover,.active-trylab-collect .trylab-history .software-collected .software-info-box:hover,.active-trylab-collect .trylab-history .software-history .software-info-box:hover,.active-trylab-history .trylab-collect .software-collected .software-info-box:hover,.active-trylab-history .trylab-collect .software-history .software-info-box:hover,.active-trylab-history .trylab-history .software-collected .software-info-box:hover,.active-trylab-history .trylab-history .software-history .software-info-box:hover{cursor:pointer;box-shadow:0 2px 15px 0 rgba(0,0,0,.1)}.active-trylab-collect .trylab-collect .software-collected .software-info-box:hover .btn-start-use,.active-trylab-collect .trylab-collect .software-history .software-info-box:hover .btn-start-use,.active-trylab-collect .trylab-history .software-collected .software-info-box:hover .btn-start-use,.active-trylab-collect .trylab-history .software-history .software-info-box:hover .btn-start-use,.active-trylab-history .trylab-collect .software-collected .software-info-box:hover .btn-start-use,.active-trylab-history .trylab-collect .software-history .software-info-box:hover .btn-start-use,.active-trylab-history .trylab-history .software-collected .software-info-box:hover .btn-start-use,.active-trylab-history .trylab-history .software-history .software-info-box:hover .btn-start-use{display:inline-block;line-height:28px;width:100%;background:#666;border:1px solid #666;color:#fff}.louplus-item{background:url(../images/louplus_bg.png) repeat}.louplus-item .banner{width:100%;height:450px}.louplus-item .banner .container{position:relative}.louplus-item .linux-banner{width:100%;height:450px}.louplus-item .linux-banner .container{position:relative}.louplus-item .python-tag{position:absolute;top:0;left:0}.louplus-item .louplus-banner{width:100%;height:434px;background:url(https://static.shiyanlou.com/img/louplus/list_banner.png) repeat}.louplus-item .louplus-banner .louplus-banner-container{text-align:center}.louplus-item .louplus-banner .louplus-logo{margin:50px 0 40px;text-align:center}.louplus-item .louplus-banner .louplus-intro{display:inline-block;width:70%;height:144px;font-family:MicrosoftYaHei;font-size:18px;line-height:2;letter-spacing:.6px;text-align:left;color:#565656}.louplus-item .louplus-banner .louplus-btn{text-align:center}.louplus-item .louplus-banner .louplus-btn .louplus-courses-btn{display:inline-block;width:290px;height:50px;line-height:50px;margin-top:40px;border-radius:100px;background-color:#6090e9;box-shadow:0 5px 1px 0 #4670bf;text-align:center;font-size:18px;color:#fff;letter-spacing:.6px}.louplus-item .louplus-banner .louplus-btn .louplus-courses-btn:focus,.louplus-item .louplus-banner .louplus-btn .louplus-courses-btn:hover{text-decoration:none;box-shadow:0 2px 1px 0 #4670bf;background-color:#5482d8}.louplus-item .favorable-price{position:relative;top:-80px}.louplus-item .favorable-price .container{position:relative;padding:52px 100px;border-radius:8px;background:#fff;box-shadow:0 2px 20px 0 rgba(39,74,89,.2);font-size:18px;color:#565656}.louplus-item .favorable-price .left-content{display:inline-block}.louplus-item .favorable-price .left-content .limited-offers{font-size:18px;color:#565656}.louplus-item .favorable-price .left-content .limited-offers.limited-discount{color:#f66}.louplus-item .favorable-price .left-content .price{vertical-align:-5px;font-weight:700;font-size:35px;color:#f66}.louplus-item .favorable-price .left-content .original-price{font-size:18px;color:#a4a4a4;text-decoration:line-through}.louplus-item .favorable-price .left-content .group-purchase{font-size:12px;color:#a4a4a4}.louplus-item .favorable-price .left-content .group-purchase a{text-decoration:underline;font-size:12px;color:#a4a4a4}.louplus-item .favorable-price .left-content .end-hint{color:#f66;font-size:12px;text-align:left}.louplus-item .favorable-price .right-content{display:inline-block;float:right;padding-top:14px;text-align:right}.louplus-item .favorable-price .right-content .remain-num{font-size:14px;color:#565656}.louplus-item .favorable-price .right-content .sign-up,.louplus-item .favorable-price .right-content .stop-apply{display:inline-block;margin-left:20px;padding:16px 48px;background:#f66;border-radius:56px;font-size:16px;color:#fff}.louplus-item .favorable-price .right-content .sign-up:focus,.louplus-item .favorable-price .right-content .sign-up:hover,.louplus-item .favorable-price .right-content .stop-apply:focus,.louplus-item .favorable-price .right-content .stop-apply:hover{text-decoration:none;background:#ef5757}.louplus-item .favorable-price .right-content .sign-up.disabled,.louplus-item .favorable-price .right-content .stop-apply.disabled{background:#ddd;cursor:none}.louplus-item .favorable-price .right-content .end-apply{position:relative;cursor:default!important}.louplus-item .favorable-price .right-content .consult{margin-left:15px;padding:16px 58px;border:1px solid #f66;border-radius:56px;font-size:16px;color:#f66}.louplus-item .favorable-price .right-content .consult:focus,.louplus-item .favorable-price .right-content .consult:hover{text-decoration:none;background:#f66;color:#fff}.louplus-item .favorable-price .right-content .end-hint{color:#f66;font-size:12px;margin-top:30px;text-align:left;padding-left:30px}.louplus-item .favorable-price .discounted-time{position:absolute;left:15px;top:-52px;padding:3px 10px;background:#f66;color:#fff;font-size:14px}.louplus-item .favorable-price.favorable-price-top{position:fixed;top:0;left:0;width:100%;z-index:1040}.louplus-item .favorable-price.favorable-price-top .container{width:100%;padding:12px 15%;border-radius:0}.louplus-item .favorable-price.favorable-price-top .right-content{padding-top:0;margin-top:0}.louplus-item .favorable-price.favorable-price-top .right-content .sign-up{padding:12px 50px}.louplus-item .favorable-price.favorable-price-top .right-content .consult{margin-left:10px;padding:10px 40px}.louplus-item .favorable-price.favorable-price-top .right-content .end-hint{display:none}.louplus-item .favorable-price.favorable-price-top .left-content .price{font-size:25px;margin-left:0}.louplus-item .favorable-price.favorable-price-top .left-content .original-price{vertical-align:-3px}.louplus-item .favorable-price.favorable-price-top .left-content .end-hint{display:none}.louplus-item .favorable-price.favorable-price-top .discounted-time{position:static;left:0;margin-right:20px}.louplus-item .favorable-price.favorable-price-top .limited-offers{display:none}.louplus-item .course-intro{margin-top:-80px;padding:0 80px;text-align:center;font-size:18px;color:#565656}.louplus-item .course-intro .container>div{padding:80px 0;margin:0 75px;background:#fff}.louplus-item .course-intro .louplus-logo{width:280px;height:75px;margin:0 auto 50px;padding:10px 25px;border-radius:38px;background-color:#f7f7f7;box-shadow:0 2px 10px 0 rgba(0,0,0,.15)}.louplus-item .course-intro p{width:670px;margin:0 auto 30px;line-height:3;letter-spacing:1px;text-align:left;font-size:16px;text-indent:2em}.louplus-item .select-reason{padding:100px 0;background:url(../images/select-reason-bg.png) no-repeat;background-size:100% 100%;text-align:center}.louplus-item .select-reason .title{margin-bottom:60px;font-size:30px;font-weight:700;color:#fff}.louplus-item .select-reason .col-md-3,.louplus-item .select-reason .col-md-4{padding-bottom:40px}.louplus-item .select-reason .col-md-3 .reason-img,.louplus-item .select-reason .col-md-4 .reason-img{width:120px;height:120px;margin-left:calc(50% - 60px);border-radius:60px;background:#ddd;box-shadow:0 10px 20px 0 rgba(94,151,255,.4)}.louplus-item .select-reason .col-md-3>p,.louplus-item .select-reason .col-md-4>p{margin:10px 0;font-size:18px;color:#fff}.louplus-item .select-reason .col-md-3 .reason-details,.louplus-item .select-reason .col-md-4 .reason-details{font-size:14px;color:#a4a4a4}.louplus-item .select-reason .col-md-3 .reason-details p,.louplus-item .select-reason .col-md-4 .reason-details p{margin:0}.louplus-item .your-harvest{position:relative;padding:90px 0 75px;text-align:center;background:url(https://static.shiyanlou.com/img/louplus/common-bg.png) no-repeat;background-size:100% 100%}.louplus-item .your-harvest .title{margin-bottom:60px;text-align:center;font-size:30px;color:#fff}.louplus-item .your-harvest ul{margin:0;padding:0;list-style:none}.louplus-item .your-harvest ul li{padding:0 20px}.louplus-item .your-harvest ul li>div{height:260px;padding:30px 20px;border-radius:5px;background-color:#818eff;box-shadow:20px 20px 0 0 #515ece,0 2px 0 0 #515ece;margin-bottom:20px;color:#fff}.louplus-item .your-harvest ul li>div .harvest-title{font-size:16px;font-weight:700;margin-bottom:30px}.louplus-item .your-harvest ul li>div .harvest-content{text-align:left;font-size:14px;margin-left:15%}.louplus-item .your-harvest ul li>div .harvest-content .week-name{margin-bottom:20px}.louplus-item .your-harvest ul li>div .harvest-content.linux-harvest-content{margin-left:20%}.louplus-item .your-harvest ul li>div.linux-harvest{height:auto}.louplus-item .your-harvest ul li .harvest-content-python{background-color:#8dbfff;box-shadow:20px 20px 0 0 #497ec0,0 2px 0 0 #497ec0}.louplus-item .your-harvest ul li .harvest-content-linux{background-color:#818eff;box-shadow:20px 20px 0 0 #515ece,0 2px 0 0 #515ece}.louplus-item .your-harvest .know-python-btn{display:block;width:280px;height:40px;margin:158px auto 0;padding:10px 25px;border-radius:20px;background-color:#6ea6ed;box-shadow:0 5px 10px 0 rgba(63,108,164,.5);border:1px solid #fff;font-size:16px;color:#fff}.louplus-item .your-harvest .know-python-btn:focus,.louplus-item .your-harvest .know-python-btn:hover{text-decoration:none}.louplus-item .your-harvest.harvest-python{background:url(https://static.shiyanlou.com/img/louplus/python/python-bg.png);background-size:contain}.louplus-item .your-harvest.harvest-linux{background:url(https://static.shiyanlou.com/img/louplus/linux/linux-bg.png) repeat-x}.louplus-item .lab-help-teacher{padding:90px 0 100px;text-align:center}.louplus-item .lab-help-teacher .title{margin-bottom:110px;text-align:center;font-weight:700;font-size:30px;color:#565656}.louplus-item .lab-help-teacher .col-md-4{padding:10px}.louplus-item .lab-help-teacher .col-md-4 .teacher-container{height:320px;padding:25px 30px 30px;margin:0 10px 10px;background:#fff;border-radius:15px;background-color:#fff;box-shadow:0 5px 30px 0 rgba(61,73,187,.2)}.louplus-item .lab-help-teacher .col-md-4 .teacher-container a{display:inline-block;text-decoration:none}.louplus-item .lab-help-teacher .col-md-4 .teacher-container .teacher-img{position:absolute;top:-60px;left:calc(50% - 60px);width:120px;height:120px;border-radius:60px;overflow:hidden;background:#fff;box-shadow:0 -5px 20px 0 rgba(61,73,187,.1)}.louplus-item .lab-help-teacher .col-md-4 .teacher-container .teacher-name{margin:75px 0 6px;font-size:18px;color:#666}.louplus-item .lab-help-teacher .col-md-4 .teacher-container .teacher-position{margin-bottom:20px;font-size:14px;color:#a4a4a4;line-height:2}.louplus-item .lab-help-teacher .col-md-4 .teacher-container .teacher-info{line-height:25px;text-align:justify;letter-spacing:1px;font-size:14px;color:#666}.louplus-item .lab-help-teacher .col-md-4 .teacher-container.linux-teacher{height:350px}.louplus-item .learn-louplus{padding:90px 0 100px;background-image:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.05));background-blend-mode:soft-light}.louplus-item .learn-louplus .title{margin-bottom:60px;font-size:30px;font-weight:700;letter-spacing:.8px;text-align:center;color:#565656}.louplus-item .learn-louplus .contents{padding:40px 80px;border-radius:3px;background-color:#fff}.louplus-item .learn-louplus .contents p{font-size:16px;line-height:3;letter-spacing:1px;text-align:left;text-indent:2em}.louplus-item .student-evaluation{height:900px;padding:80px 0}.louplus-item .student-evaluation .title{font-size:30px;font-weight:700;letter-spacing:.8px;text-align:center;color:#565656}.louplus-item .student-evaluation #carousel-evaluation{height:680px;margin-top:60px}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .item,.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .row{height:680px;background:url(https://static.shiyanlou.com/img/louplus/louplus_bg.png) repeat}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div{margin-bottom:20px;padding:40px 30px 30px;border-radius:3px;background-color:#fff;box-shadow:0 10px 20px 0 hsla(0,0%,87%,.5)}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info{display:inline-block;height:40px}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info .student-img{display:inline-block;width:40px;height:40px;border-radius:20px;overflow:hidden;vertical-align:middle}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info .student-img>img{width:100%;height:100%}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info .user-name{display:inline-block;margin-left:5px;font-size:13px;color:#2786e4;vertical-align:-3px}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info .user-level{display:inline-block;vertical-align:-3px}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info:focus,.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .student-info:hover{text-decoration:none}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .evaluation-detial{margin-top:20px;font-size:14px;line-height:2;letter-spacing:.5px;text-align:justify;color:#666}.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .col-md-6>div .evaluation-detial p{text-indent:2em}.louplus-item .student-evaluation #carousel-evaluation .carousel-control{position:absolute;top:214px;width:38px;height:38px;line-height:38px;background:#fff;border-radius:19px;color:#6ea6ed;text-shadow:none}.louplus-item .student-evaluation #carousel-evaluation .carousel-control:focus,.louplus-item .student-evaluation #carousel-evaluation .carousel-control:hover{color:#6ea6ed}.louplus-item .student-evaluation #carousel-evaluation .carousel-control.left{left:-50px}.louplus-item .student-evaluation #carousel-evaluation .carousel-control.right{right:-50px;padding-left:8px}.louplus-item .student-evaluation #carousel-evaluation .carousel-indicators{position:absolute;bottom:-20px}.louplus-item .student-evaluation #carousel-evaluation .carousel-indicators li{background-color:#6ea6ed;opacity:.4;border-radius:none;margin:0 14px 0 0}.louplus-item .student-evaluation #carousel-evaluation .carousel-indicators li.active{width:10px;height:10px;margin:0 14px 0 0;background-color:#6ea6ed;opacity:1}.louplus-item .course-arrange{padding:90px 0 60px;text-align:center;background-blend-mode:soft-light}.louplus-item .course-arrange .title{margin-bottom:20px;text-align:center;font-weight:700;font-size:30px;color:#565656}.louplus-item .course-arrange .course-content{font-size:18px}.louplus-item .course-arrange .course-content .open-time{color:#666}.louplus-item .course-arrange .course-content .course-assistant{margin-top:20px;font-size:12px;color:#a4a4a4}.louplus-item .course-arrange .course-content .plan-title{margin:50px 0 30px!important}.louplus-item .course-arrange .course-content .stage-title{margin:20px 0 30px;color:#3a3a3a;font-weight:700}.louplus-item .course-arrange .course-content .stage-detail{font-size:14px;color:#a4a4a4}.louplus-item .course-arrange .course-content .stage-intro{padding:0 150px 30px;font-size:14px;color:#3a3a3a}.louplus-item .course-arrange .course-content .col-md-12{padding:0!important}.louplus-item .course-arrange .course-content .plan-left{margin-left:33.3333%}.louplus-item .course-arrange .course-content .select-left{margin-left:17%}.louplus-item .course-arrange .course-content .col-md-4>div,.louplus-item .course-arrange .course-content .plan-stage>div{position:relative;height:220px;overflow:hidden;padding:0!important;margin:0 20px 40px;text-align:center;border-radius:8px;background:#fff}.louplus-item .course-arrange .course-content .col-md-4 .basis-stage-time,.louplus-item .course-arrange .course-content .col-md-4 .plan-stage-time,.louplus-item .course-arrange .course-content .col-md-4 .product-stage-time,.louplus-item .course-arrange .course-content .col-md-4 .select-stage-time,.louplus-item .course-arrange .course-content .col-md-4 .team-stage-time,.louplus-item .course-arrange .course-content .plan-stage .basis-stage-time,.louplus-item .course-arrange .course-content .plan-stage .plan-stage-time,.louplus-item .course-arrange .course-content .plan-stage .product-stage-time,.louplus-item .course-arrange .course-content .plan-stage .select-stage-time,.louplus-item .course-arrange .course-content .plan-stage .team-stage-time{height:55px;line-height:50px;border-top-left-radius:8px;border-top-right-radius:8px;background:#67a7ff;text-align:center;font-size:16px;color:#fff}.louplus-item .course-arrange .course-content .col-md-4 .basis-stage-time,.louplus-item .course-arrange .course-content .plan-stage .basis-stage-time{background:#5b67d7}.louplus-item .course-arrange .course-content .col-md-4 .product-stage-time,.louplus-item .course-arrange .course-content .plan-stage .product-stage-time{background-color:#8068da}.louplus-item .course-arrange .course-content .col-md-4 .team-stage-time,.louplus-item .course-arrange .course-content .plan-stage .team-stage-time{background-color:#69559a}.louplus-item .course-arrange .course-content .col-md-4 .select-stage-time,.louplus-item .course-arrange .course-content .plan-stage .select-stage-time{background:#3b3c45}.louplus-item .course-arrange .course-content .col-md-4 .basis-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .plan-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .product-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .select-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .team-stage-content,.louplus-item .course-arrange .course-content .plan-stage .basis-stage-content,.louplus-item .course-arrange .course-content .plan-stage .plan-stage-content,.louplus-item .course-arrange .course-content .plan-stage .product-stage-content,.louplus-item .course-arrange .course-content .plan-stage .select-stage-content,.louplus-item .course-arrange .course-content .plan-stage .team-stage-content{position:absolute;bottom:-160px;width:100%;height:100%;line-height:20px;margin-bottom:20px;padding:0 20px;transition:bottom .5s;background:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:1px;text-align:left;font-size:12px;color:#a4a4a4}.louplus-item .course-arrange .course-content .col-md-4 .basis-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .plan-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .product-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .select-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .col-md-4 .team-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .plan-stage .basis-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .plan-stage .plan-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .plan-stage .product-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .plan-stage .select-stage-content.select-stage-content,.louplus-item .course-arrange .course-content .plan-stage .team-stage-content.select-stage-content{-webkit-line-clamp:4!important;bottom:-140px}.louplus-item .course-arrange .course-content .col-md-4 .stage-footer,.louplus-item .course-arrange .course-content .plan-stage .stage-footer{position:absolute;bottom:0;width:100%;height:20px;border-radius:8px;background:#fff;z-index:20}.louplus-item .course-arrange .course-content .col-md-4 .basis-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .plan-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .product-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .select-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .team-stage-title,.louplus-item .course-arrange .course-content .plan-stage .basis-stage-title,.louplus-item .course-arrange .course-content .plan-stage .plan-stage-title,.louplus-item .course-arrange .course-content .plan-stage .product-stage-title,.louplus-item .course-arrange .course-content .plan-stage .select-stage-title,.louplus-item .course-arrange .course-content .plan-stage .team-stage-title{padding:15px 0;background:#fff;font-size:16px;color:#666}.louplus-item .course-arrange .course-content .col-md-4 .basis-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .plan-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .product-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .select-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .col-md-4 .team-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .plan-stage .basis-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .plan-stage .plan-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .plan-stage .product-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .plan-stage .select-stage-title.select-stage-title,.louplus-item .course-arrange .course-content .plan-stage .team-stage-title.select-stage-title{padding:20px 0!important}.louplus-item .course-arrange .course-content .col-md-4 .start-time,.louplus-item .course-arrange .course-content .plan-stage .start-time{margin-bottom:15px;font-size:12px;color:#a4a4a4}.louplus-item .course-arrange .course-content .plan-stage{margin-left:35%}.louplus-item .course-arrange .course-content .col-md-4>div:active,.louplus-item .course-arrange .course-content .col-md-4>div:hover,.louplus-item .course-arrange .course-content .plan-stage>div:active,.louplus-item .course-arrange .course-content .plan-stage>div:hover{box-shadow:0 4px 20px 4px #ddd}.louplus-item .course-arrange .course-content .col-md-4>div:active .basis-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:active .plan-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:active .product-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:active .select-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:active .team-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:hover .basis-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:hover .plan-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:hover .product-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:hover .select-stage-content,.louplus-item .course-arrange .course-content .col-md-4>div:hover .team-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:active .basis-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:active .plan-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:active .product-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:active .select-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:active .team-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:hover .basis-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:hover .plan-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:hover .product-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:hover .select-stage-content,.louplus-item .course-arrange .course-content .plan-stage>div:hover .team-stage-content{position:absolute;bottom:-20px;padding:20px;text-overflow:clip;-webkit-line-clamp:10;-webkit-box-orient:initial;border-radius:6px;text-align:justify}.louplus-item .course-arrange.has-bg-image{background-image:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.05))}.louplus-item .student-product{padding:90px 0 60px;text-align:center;background:url(https://static.shiyanlou.com/img/louplus/student_product_bg.png) no-repeat;background-size:100% 100%}.louplus-item .student-product .title{margin-bottom:60px;text-align:center;font-weight:700;font-size:30px;color:#fff}.louplus-item .student-product #carousel-student-products .carousel-indicators{position:absolute;bottom:-20px}.louplus-item .student-product #carousel-student-products .carousel-indicators li{margin:0 14px 0 0}.louplus-item .student-product #carousel-student-products .carousel-indicators li.active{width:10px;height:10px;margin:0 14px 0 0}.louplus-item .student-product #carousel-student-products .carousel-inner{background:url(https://static.shiyanlou.com/img/louplus/harvest_bg.png) repeat!important}.louplus-item .student-product #carousel-student-products .carousel-inner ul{margin:0;padding:0;list-style:none}.louplus-item .student-product #carousel-student-products .carousel-inner ul li.col-md-3{margin-bottom:19px;padding:13px;font-size:14px;text-align:center;color:#fff;cursor:pointer}.louplus-item .student-product #carousel-student-products .carousel-inner ul li.col-md-3 img{width:235px;height:200px;margin-bottom:10px;box-shadow:0 10px 20px 0 rgba(50,59,139,.5);border-radius:5px}.louplus-item .student-product #carousel-student-products .carousel-inner ul li.col-md-3 div.icon{margin:0 auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid #fff}.louplus-item .student-product #carousel-student-products .carousel-inner.carousel-inner-python{background:url(https://static.shiyanlou.com/img/louplus/python/python-bg.png) repeat!important;background-size:contain}.louplus-item .student-product #carousel-student-products .carousel-control{position:absolute;top:214px;width:38px;height:38px;line-height:38px;background:hsla(0,0%,100%,.4);border-radius:19px;color:#fff;text-shadow:none}.louplus-item .student-product #carousel-student-products .carousel-control.left{left:-50px}.louplus-item .student-product #carousel-student-products .carousel-control.right{right:-50px;padding-left:8px}.louplus-item .student-product.product-python{background:url(https://static.shiyanlou.com/img/louplus/python/python-bg.png);background-size:contain;background-color:#3b3c45}.louplus-item .suit-people{padding:90px 0 100px;background:#3b3c45;text-align:center}.louplus-item .suit-people .title{margin-bottom:20px;font-size:30px;font-weight:700;color:#fff}.louplus-item .suit-people .sub-title{margin-bottom:60px;font-size:18px;color:#fff}.louplus-item .suit-people .left-content{display:inline-block;width:80px;height:80px;margin-right:40px;padding-top:10px;vertical-align:top}.louplus-item .suit-people .right-content{display:inline-block;width:40%}.louplus-item .suit-people .right-content .title{margin-bottom:12px;font-size:18px;color:#fff;text-align:left}.louplus-item .suit-people .right-content .details{font-size:14px;color:#a4a4a4;text-align:left}.louplus-item .ask-questions{padding:90px 0 70px;text-align:center}.louplus-item .ask-questions .title{margin-bottom:60px;font-weight:700;font-size:30px;color:#666}.louplus-item .ask-questions .question-container{width:100%;margin:0 30px 30px 0;padding:30px 45px;background:#fff;border-radius:8px;box-shadow:0 10px 20px 0 hsla(0,0%,87%,.5)}.louplus-item .ask-questions .question-container .question-title{margin-bottom:15px;font-size:18px;font-weight:700}.louplus-item .ask-questions .question-container .question-content{margin:0!important;text-align:left;font-size:14px;color:#565656}.louplus-item .ask-questions .question-container .question-content a{color:#2786e4}.louplus-item .louplus-courses{padding-bottom:100px}.louplus-item .louplus-courses .title{margin:90px 0 60px;font-family:MicrosoftYaHei;font-size:30px;font-weight:700;letter-spacing:1.4px;text-align:center;color:#6090e9}.louplus-item .louplus-courses .contents .col-md-4{position:relative}.louplus-item .louplus-courses .contents .col-md-4 .discount-tag{position:absolute;top:-11px;left:15px;z-index:2}.louplus-item .louplus-courses .contents a{position:relative;display:inline-block;width:100%;height:495px;margin-bottom:30px;background-color:#fff;border:1px solid #eee}.louplus-item .louplus-courses .contents a .course-cover{position:relative}.louplus-item .louplus-courses .contents a .course-cover img{width:100%;height:200px}.louplus-item .louplus-courses .contents a .course-cover .louplus-new{position:absolute;left:-4px;top:10px}.louplus-item .louplus-courses .contents a .course-detail{padding:20px 20px 0;font-family:MicrosoftYaHei}.louplus-item .louplus-courses .contents a .course-detail .course-title{margin:0 0 5px;font-size:16px;font-weight:700;letter-spacing:.5px;text-align:left;color:#666}.louplus-item .louplus-courses .contents a .course-detail .course-professional{margin:0 0 15px;font-size:15px;letter-spacing:.5px;text-align:right;color:#666}.louplus-item .louplus-courses .contents a .course-detail .course-content{margin:0 0 15px;font-size:14px;line-height:1.5;letter-spacing:.5px;text-align:left;color:#999}.louplus-item .louplus-courses .contents a .course-detail .louplus-course-intro{height:100px;margin:0 0 15px;font-size:14px;line-height:1.5;letter-spacing:.5px;text-align:justify;color:#666}.louplus-item .louplus-courses .contents a .course-price{height:75px;line-height:75px;padding:0 20px;border-top:2px solid #eee;text-align:right;font-size:24px;font-weight:700;letter-spacing:.8px;color:#f66;z-index:1}.louplus-item .louplus-courses .contents a .course-discount{position:absolute;width:100%;height:75px;padding:0 20px;border-top:2px solid #eee;text-align:right;font-size:12px;color:#f66;background:#fff}.louplus-item .louplus-courses .contents a .course-discount .discount-price{margin:10px 0 0}.louplus-item .louplus-courses .contents a .course-discount .price{font-size:24px;font-weight:700;letter-spacing:.8px;color:#f66;vertical-align:-4px}.louplus-item .louplus-courses .contents a .real-price{font-size:14px;letter-spacing:.8px;color:#999;text-decoration:line-through}.louplus-item .louplus-courses .contents a:hover,.louplus-item .louplus-courses .contents afocus{box-shadow:0 1px 10px 0 #d2d2d2}.louplus-item .louplus-courses .contents a.more-info{font-size:14px;letter-spacing:.6px;text-align:center;color:#999;border:1px dashed #9e9e9e}.louplus-item .louplus-courses .contents a.more-info div{position:absolute;top:calc(50% - 45px);width:100%}.louplus-item .louplus-courses .contents a.more-info div p{width:100%;margin:0 0 25px;text-align:center}.louplus-item .louplus-courses .contents a.more-info div p .link{color:#6090e9;text-decoration:underline}.louplus-item .louplus-courses .contents a:focus,.louplus-item .louplus-courses .contents a:hover{text-decoration:none}.louplus-item .louplus-faq-title{background:#6090e9}.louplus-item .louplus-faq-question{color:#6090e9}.louplus-item .louplus-coupon-box{position:fixed;top:calc(50% - 75px);right:0;z-index:1}.louplus-item .louplus-coupon-box .louplus-coupon{width:125px;height:150px}.louplus-item .louplus-coupon-box .louplus-coupon>img{width:100%;height:100%}.louplus-item .louplus-advisory-box{position:fixed;right:10px;bottom:4%;z-index:1}.louplus-item .louplus-advisory-box .btn-advisory{padding:14px 16px;font-size:16px;font-weight:700;border-radius:5px;color:#fff;background-color:#f66;box-shadow:0 5px 10px 0 rgba(120,56,56,.2);border:0;outline:none}@media (max-width:767px){.louplus-item .louplus-banner{height:550px}.louplus-item .louplus-banner .louplus-intro{width:100%}}@media (max-width:767px){.louplus-item .favorable-price{top:-40px}.louplus-item .favorable-price .container{padding:52px 20px}.louplus-item .favorable-price .discounted-time{width:100%;left:0;top:-33px}.louplus-item .favorable-price .left-content,.louplus-item .favorable-price .right-content{display:block;text-align:center}.louplus-item .favorable-price .left-content .end-hint,.louplus-item .favorable-price .right-content .end-hint{text-align:center}.louplus-item .favorable-price .left-content .consult,.louplus-item .favorable-price .left-content .sign-up,.louplus-item .favorable-price .right-content .consult,.louplus-item .favorable-price .right-content .sign-up{display:block;margin-left:0;margin-bottom:10px}.louplus-item .favorable-price .left-content.right-content,.louplus-item .favorable-price .right-content.right-content{float:none;text-align:center}.louplus-item .favorable-price .left-content.right-content .remain-num,.louplus-item .favorable-price .right-content.right-content .remain-num{display:block;margin-bottom:10px}.louplus-item .favorable-price-top{display:none!important}}@media (max-width:767px){.louplus-item .course-intro{padding:0 10px}.louplus-item .course-intro .container>div{margin:0 10px}.louplus-item .course-intro .louplus-logo{width:auto}.louplus-item .course-intro p{width:80%}.louplus-item .lab-help-teacher .col-md-4 .teacher-container{margin:0 10px 60px}.louplus-item .student-product,.louplus-item .your-harvest{background:#5e6bde}.louplus-item .select-reason{background:#3b3c45}.louplus-item .student-evaluation{height:1600px}.louplus-item .student-evaluation #carousel-evaluation,.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .item,.louplus-item .student-evaluation #carousel-evaluation .carousel-inner .row{height:1350px}}@media (max-width:767px){.louplus-item .course-arrange .course-content .stage-intro{padding:10px}.louplus-item .course-arrange .course-content .plan-left,.louplus-item .course-arrange .course-content .select-left{margin-left:0}}ul.louplus-nav{position:fixed;top:calc(50% - 214px);left:0;margin:0;padding:5px 0;border-bottom-right-radius:5px;border-top-right-radius:5px;list-style:none;background-color:#fff;box-shadow:0 10px 15px 0 rgba(0,0,0,.1);font-size:12px}ul.louplus-nav li{margin:3px 0;padding:0 10px 0 7px;color:#999;cursor:pointer;border-left:3px solid #fff}ul.louplus-nav li span{display:block;padding:10px 0;border-bottom:1px solid #eee;text-align:center}ul.louplus-nav li.active,ul.louplus-nav li:focus,ul.louplus-nav li:hover{border-left:3px solid #6ea6ed;color:#6ea6ed}ul.louplus-nav div.go-top{height:35px;padding-top:5px}ul.louplus-nav div.go-top span{display:block;width:18px;height:18px;margin:0 auto;background:url(../images/louplus_go_top.png)}ul.louplus-nav div.go-top:focus>span,ul.louplus-nav div.go-top:hover>span{background:url(https://static.shiyanlou.com/img/louplus/louplus_top_hover.png)}#consult-modal .modal-logo{width:151px;height:67px}#consult-modal .modal-title{margin:40px 0;font-size:30px;color:#3a3a3a;text-align:center}#consult-modal .close{margin:20px 15px 0 0}#consult-modal .wechat-qr{width:170px;height:170px}#consult-modal ul{padding:25px 10px}#consult-modal ul li{margin-bottom:20px;font-size:18px;color:#3a3a3a}#consult-modal .hint{margin:20px 0 10px;text-align:center;font-size:14px;color:#666}#louplus-imgs-modal{max-width:100vw;background:rgba(0,0,0,.7);color:#fff;overflow-y:scroll}#louplus-imgs-modal .modal-dialog{margin:0;width:auto;text-align:center}#louplus-imgs-modal .modal-content{background:none;box-shadow:none}#louplus-imgs-modal .modal-content .modal-body{padding:0;margin:30px 15px}#louplus-imgs-modal .modal-content .hide-modal{color:#fff;opacity:1}#louplus-imgs-modal .modal-content .week-name{margin-bottom:10px;font-size:18px;font-weight:700}#louplus-imgs-modal .modal-content .week-info{margin-bottom:30px;font-size:14px}#louplus-imgs-modal .modal-content .product-img img{max-width:100%}#louplus-imgs-modal .modal-content .img-name{margin-top:30px;font-size:16px}#louplus-imgs-modal .modal-content .control-btns{position:absolute;top:300px;color:#fff;font-size:25px}#louplus-imgs-modal .modal-content .control-btns.left{left:20px}#louplus-imgs-modal .modal-content .control-btns.right{right:20px}@media (max-width:767px){#consult-modal .modal-title{margin:20px 0;font-size:20px}#consult-modal .img-wipper{text-align:center!important}#consult-modal ul{margin-left:20%;margin-bottom:0;text-align:left}ul.louplus-nav{display:none}.student-product{background-size:cover}}#louplus-bigdata,#louplus-linux,#louplus-machine-learn,#louplus-php,#louplus-python{color:#fff;text-align:center}#louplus-bigdata .banner,#louplus-linux .banner,#louplus-machine-learn .banner,#louplus-php .banner,#louplus-python .banner{position:relative}#louplus-bigdata .banner .huodong-double-discount,#louplus-linux .banner .huodong-double-discount,#louplus-machine-learn .banner .huodong-double-discount,#louplus-php .banner .huodong-double-discount,#louplus-python .banner .huodong-double-discount{position:absolute;left:0}#louplus-bigdata .banner .banner-header,#louplus-linux .banner .banner-header,#louplus-machine-learn .banner .banner-header,#louplus-php .banner .banner-header,#louplus-python .banner .banner-header{margin-top:60px}#louplus-bigdata .banner .banner-header .louplus-title,#louplus-linux .banner .banner-header .louplus-title,#louplus-machine-learn .banner .banner-header .louplus-title,#louplus-php .banner .banner-header .louplus-title,#louplus-python .banner .banner-header .louplus-title{display:inline-block;margin:0 35px 0 30px;font-size:40px;vertical-align:middle}#louplus-bigdata .banner .banner-subtitle .louplus-subtitle,#louplus-linux .banner .banner-subtitle .louplus-subtitle,#louplus-machine-learn .banner .banner-subtitle .louplus-subtitle,#louplus-php .banner .banner-subtitle .louplus-subtitle,#louplus-python .banner .banner-subtitle .louplus-subtitle{margin:25px 0 20px;font-size:25px;font-weight:400}#louplus-bigdata .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-linux .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-machine-learn .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-php .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-python .banner .banner-subtitle .louplus-subtitle.thrid-level-title{margin-bottom:51px;font-size:18px;letter-spacing:3.1px}#louplus-bigdata .banner .louplus-details-outter,#louplus-linux .banner .louplus-details-outter,#louplus-machine-learn .banner .louplus-details-outter,#louplus-php .banner .louplus-details-outter,#louplus-python .banner .louplus-details-outter{padding:0 200px}#louplus-bigdata .banner .louplus-details-outter .details-desc,#louplus-linux .banner .louplus-details-outter .details-desc,#louplus-machine-learn .banner .louplus-details-outter .details-desc,#louplus-php .banner .louplus-details-outter .details-desc,#louplus-python .banner .louplus-details-outter .details-desc{margin-bottom:15px;font-size:18px;font-weight:300;letter-spacing:3.1px}#louplus-bigdata .banner .louplus-details-outter .details-value,#louplus-linux .banner .louplus-details-outter .details-value,#louplus-machine-learn .banner .louplus-details-outter .details-value,#louplus-php .banner .louplus-details-outter .details-value,#louplus-python .banner .louplus-details-outter .details-value{font-size:16px;font-weight:700;letter-spacing:2.8px}#louplus-bigdata .banner .louplus-details-outter .no-padding,#louplus-linux .banner .louplus-details-outter .no-padding,#louplus-machine-learn .banner .louplus-details-outter .no-padding,#louplus-php .banner .louplus-details-outter .no-padding,#louplus-python .banner .louplus-details-outter .no-padding{padding:0!important}#louplus-bigdata .favorable-price .left-content,#louplus-linux .favorable-price .left-content,#louplus-machine-learn .favorable-price .left-content,#louplus-php .favorable-price .left-content,#louplus-python .favorable-price .left-content{text-align:left;width:40%}#louplus-bigdata .favorable-price .right-content,#louplus-linux .favorable-price .right-content,#louplus-machine-learn .favorable-price .right-content,#louplus-php .favorable-price .right-content,#louplus-python .favorable-price .right-content{text-align:right;width:60%}#louplus-bigdata .favorable-price .price,#louplus-linux .favorable-price .price,#louplus-machine-learn .favorable-price .price,#louplus-php .favorable-price .price,#louplus-python .favorable-price .price{margin:0 4px}#louplus-bigdata .favorable-price .end-hint,#louplus-linux .favorable-price .end-hint,#louplus-machine-learn .favorable-price .end-hint,#louplus-php .favorable-price .end-hint,#louplus-python .favorable-price .end-hint{font-size:14px;letter-spacing:.6px}#louplus-bigdata .louplus-course-features,#louplus-linux .louplus-course-features,#louplus-machine-learn .louplus-course-features,#louplus-php .louplus-course-features,#louplus-python .louplus-course-features{font-size:16px}#louplus-bigdata .louplus-course-features .content-outter,#louplus-linux .louplus-course-features .content-outter,#louplus-machine-learn .louplus-course-features .content-outter,#louplus-php .louplus-course-features .content-outter,#louplus-python .louplus-course-features .content-outter{padding:100px 134px 0}#louplus-bigdata .louplus-course-features .content-outter .inner-content-title,#louplus-linux .louplus-course-features .content-outter .inner-content-title,#louplus-machine-learn .louplus-course-features .content-outter .inner-content-title,#louplus-php .louplus-course-features .content-outter .inner-content-title,#louplus-python .louplus-course-features .content-outter .inner-content-title{margin-bottom:40px;font-size:30px;font-weight:700;letter-spacing:.8px}#louplus-bigdata .louplus-course-features .content-outter .content-text,#louplus-linux .louplus-course-features .content-outter .content-text,#louplus-machine-learn .louplus-course-features .content-outter .content-text,#louplus-php .louplus-course-features .content-outter .content-text,#louplus-python .louplus-course-features .content-outter .content-text{text-align:left;line-height:3;letter-spacing:1px;text-indent:2em}#louplus-bigdata .louplus-course-features .course-features-lists .course-feature-item,#louplus-linux .louplus-course-features .course-features-lists .course-feature-item,#louplus-machine-learn .louplus-course-features .course-features-lists .course-feature-item,#louplus-php .louplus-course-features .course-features-lists .course-feature-item,#louplus-python .louplus-course-features .course-features-lists .course-feature-item{margin-bottom:10px;padding:16px 0;border-radius:8px;background-color:#4d44a4;text-align:center}#louplus-bigdata .louplus-course-features .course-features-lists .course-feature-item>span,#louplus-linux .louplus-course-features .course-features-lists .course-feature-item>span,#louplus-machine-learn .louplus-course-features .course-features-lists .course-feature-item>span,#louplus-php .louplus-course-features .course-features-lists .course-feature-item>span,#louplus-python .louplus-course-features .course-features-lists .course-feature-item>span{display:inline-block;width:60%;text-align:left}#louplus-bigdata .louplus-course-features .your-harvest-ml .content-outter,#louplus-linux .louplus-course-features .your-harvest-ml .content-outter,#louplus-machine-learn .louplus-course-features .your-harvest-ml .content-outter,#louplus-php .louplus-course-features .your-harvest-ml .content-outter,#louplus-python .louplus-course-features .your-harvest-ml .content-outter{padding-bottom:80px}#louplus-bigdata .louplus-course-features.louplus-machine-learn,#louplus-linux .louplus-course-features.louplus-machine-learn,#louplus-machine-learn .louplus-course-features.louplus-machine-learn,#louplus-php .louplus-course-features.louplus-machine-learn,#louplus-python .louplus-course-features.louplus-machine-learn{background:url(https://static.shiyanlou.com/img/louplus/machine_learn/ml-bg.png)}#louplus-bigdata .louplus-course-features.louplus-php,#louplus-linux .louplus-course-features.louplus-php,#louplus-machine-learn .louplus-course-features.louplus-php,#louplus-php .louplus-course-features.louplus-php,#louplus-python .louplus-course-features.louplus-php{background:url(https://static.shiyanlou.com/img/louplus/php/php-bg.png)}#louplus-bigdata .select-reason .row-content-outter,#louplus-linux .select-reason .row-content-outter,#louplus-machine-learn .select-reason .row-content-outter,#louplus-php .select-reason .row-content-outter,#louplus-python .select-reason .row-content-outter{padding:0 120px}#louplus-bigdata .select-reason .row-content-outter .reason-title,#louplus-linux .select-reason .row-content-outter .reason-title,#louplus-machine-learn .select-reason .row-content-outter .reason-title,#louplus-php .select-reason .row-content-outter .reason-title,#louplus-python .select-reason .row-content-outter .reason-title{margin:10px 0;font-size:18px;color:#fff}#louplus-bigdata .select-reason .row-content-outter .reason-details,#louplus-linux .select-reason .row-content-outter .reason-details,#louplus-machine-learn .select-reason .row-content-outter .reason-details,#louplus-php .select-reason .row-content-outter .reason-details,#louplus-python .select-reason .row-content-outter .reason-details{font-size:14px;color:#a4a4a4}#louplus-bigdata .course-arrange .course-assistant,#louplus-linux .course-arrange .course-assistant,#louplus-machine-learn .course-arrange .course-assistant,#louplus-php .course-arrange .course-assistant,#louplus-python .course-arrange .course-assistant{font-size:14px;letter-spacing:1.2px}#louplus-bigdata .course-arrange .stage-title,#louplus-linux .course-arrange .stage-title,#louplus-machine-learn .course-arrange .stage-title,#louplus-php .course-arrange .stage-title,#louplus-python .course-arrange .stage-title{margin:60px 0 15px}#louplus-bigdata .course-arrange .stage-intro,#louplus-linux .course-arrange .stage-intro,#louplus-machine-learn .course-arrange .stage-intro,#louplus-php .course-arrange .stage-intro,#louplus-python .course-arrange .stage-intro{margin:0;font-size:14px;letter-spacing:1.2px;color:#a4a4a4}#louplus-bigdata .course-learn-prerequisites .louplus-nav-title,#louplus-linux .course-learn-prerequisites .louplus-nav-title,#louplus-machine-learn .course-learn-prerequisites .louplus-nav-title,#louplus-php .course-learn-prerequisites .louplus-nav-title,#louplus-python .course-learn-prerequisites .louplus-nav-title{margin-bottom:40px}#louplus-bigdata .course-learn-prerequisites .row-content-outter,#louplus-linux .course-learn-prerequisites .row-content-outter,#louplus-machine-learn .course-learn-prerequisites .row-content-outter,#louplus-php .course-learn-prerequisites .row-content-outter,#louplus-python .course-learn-prerequisites .row-content-outter{padding:0 50px 90px;text-align:left}#louplus-bigdata .course-learn-prerequisites .row-content-outter .prerequisites-title,#louplus-linux .course-learn-prerequisites .row-content-outter .prerequisites-title,#louplus-machine-learn .course-learn-prerequisites .row-content-outter .prerequisites-title,#louplus-php .course-learn-prerequisites .row-content-outter .prerequisites-title,#louplus-python .course-learn-prerequisites .row-content-outter .prerequisites-title{font-size:18px;font-weight:700}#louplus-bigdata .course-learn-prerequisites .row-content-outter .prerequisites-desc,#louplus-linux .course-learn-prerequisites .row-content-outter .prerequisites-desc,#louplus-machine-learn .course-learn-prerequisites .row-content-outter .prerequisites-desc,#louplus-php .course-learn-prerequisites .row-content-outter .prerequisites-desc,#louplus-python .course-learn-prerequisites .row-content-outter .prerequisites-desc{line-height:2;letter-spacing:.6px;font-size:16px;text-indent:2em}#louplus-bigdata .course-learn-prerequisites .row-content-outter .prerequisites-desc a,#louplus-linux .course-learn-prerequisites .row-content-outter .prerequisites-desc a,#louplus-machine-learn .course-learn-prerequisites .row-content-outter .prerequisites-desc a,#louplus-php .course-learn-prerequisites .row-content-outter .prerequisites-desc a,#louplus-python .course-learn-prerequisites .row-content-outter .prerequisites-desc a{font-weight:700;color:#6ea6ed}#louplus-bigdata .course-learn-prerequisites .row-content-outter .prerequisites-desc a:hover,#louplus-linux .course-learn-prerequisites .row-content-outter .prerequisites-desc a:hover,#louplus-machine-learn .course-learn-prerequisites .row-content-outter .prerequisites-desc a:hover,#louplus-php .course-learn-prerequisites .row-content-outter .prerequisites-desc a:hover,#louplus-python .course-learn-prerequisites .row-content-outter .prerequisites-desc a:hover{color:#2786e4}#louplus-bigdata .course-purchase-discount,#louplus-linux .course-purchase-discount,#louplus-machine-learn .course-purchase-discount,#louplus-php .course-purchase-discount,#louplus-python .course-purchase-discount{padding:90px 0 122px}#louplus-bigdata .course-purchase-discount .outter-wrapper,#louplus-linux .course-purchase-discount .outter-wrapper,#louplus-machine-learn .course-purchase-discount .outter-wrapper,#louplus-php .course-purchase-discount .outter-wrapper,#louplus-python .course-purchase-discount .outter-wrapper{display:inline-block;width:50%;height:100%;margin-bottom:40px;text-align:left}#louplus-bigdata .course-purchase-discount h3,#louplus-linux .course-purchase-discount h3,#louplus-machine-learn .course-purchase-discount h3,#louplus-php .course-purchase-discount h3,#louplus-python .course-purchase-discount h3{margin-bottom:40px;font-size:30px;font-weight:700;letter-spacing:.8px}#louplus-bigdata .course-purchase-discount .purchase-limit,#louplus-linux .course-purchase-discount .purchase-limit,#louplus-machine-learn .course-purchase-discount .purchase-limit,#louplus-php .course-purchase-discount .purchase-limit,#louplus-python .course-purchase-discount .purchase-limit{margin:20px 0 40px;font-size:20px;font-weight:400;letter-spacing:.5px}#louplus-bigdata .course-purchase-discount .purchase-extra-benefits,#louplus-linux .course-purchase-discount .purchase-extra-benefits,#louplus-machine-learn .course-purchase-discount .purchase-extra-benefits,#louplus-php .course-purchase-discount .purchase-extra-benefits,#louplus-python .course-purchase-discount .purchase-extra-benefits{margin:20px 0;font-size:16px;font-weight:400;letter-spacing:1px}#louplus-bigdata .course-purchase-discount .purchase-extra-benefits>span,#louplus-linux .course-purchase-discount .purchase-extra-benefits>span,#louplus-machine-learn .course-purchase-discount .purchase-extra-benefits>span,#louplus-php .course-purchase-discount .purchase-extra-benefits>span,#louplus-python .course-purchase-discount .purchase-extra-benefits>span{vertical-align:middle}#louplus-bigdata .course-purchase-discount .bootcamp-infobox-buy,#louplus-bigdata .course-purchase-discount .btn-buy-bootcamp,#louplus-linux .course-purchase-discount .bootcamp-infobox-buy,#louplus-linux .course-purchase-discount .btn-buy-bootcamp,#louplus-machine-learn .course-purchase-discount .bootcamp-infobox-buy,#louplus-machine-learn .course-purchase-discount .btn-buy-bootcamp,#louplus-php .course-purchase-discount .bootcamp-infobox-buy,#louplus-php .course-purchase-discount .btn-buy-bootcamp,#louplus-python .course-purchase-discount .bootcamp-infobox-buy,#louplus-python .course-purchase-discount .btn-buy-bootcamp{padding:14px 56px;border-radius:56px;background-color:#f66;color:#fff;text-decoration:none;font-size:16px;box-shadow:0 5px 15px 0 rgba(135,59,55,.46)}#louplus-bigdata .course-purchase-discount .bootcamp-infobox-buy:hover,#louplus-bigdata .course-purchase-discount .btn-buy-bootcamp:hover,#louplus-linux .course-purchase-discount .bootcamp-infobox-buy:hover,#louplus-linux .course-purchase-discount .btn-buy-bootcamp:hover,#louplus-machine-learn .course-purchase-discount .bootcamp-infobox-buy:hover,#louplus-machine-learn .course-purchase-discount .btn-buy-bootcamp:hover,#louplus-php .course-purchase-discount .bootcamp-infobox-buy:hover,#louplus-php .course-purchase-discount .btn-buy-bootcamp:hover,#louplus-python .course-purchase-discount .bootcamp-infobox-buy:hover,#louplus-python .course-purchase-discount .btn-buy-bootcamp:hover{background-color:#ef5757}#louplus-bigdata .course-purchase-discount .bootcamp-infobox-buy.disabled,#louplus-bigdata .course-purchase-discount .btn-buy-bootcamp.disabled,#louplus-linux .course-purchase-discount .bootcamp-infobox-buy.disabled,#louplus-linux .course-purchase-discount .btn-buy-bootcamp.disabled,#louplus-machine-learn .course-purchase-discount .bootcamp-infobox-buy.disabled,#louplus-machine-learn .course-purchase-discount .btn-buy-bootcamp.disabled,#louplus-php .course-purchase-discount .bootcamp-infobox-buy.disabled,#louplus-php .course-purchase-discount .btn-buy-bootcamp.disabled,#louplus-python .course-purchase-discount .bootcamp-infobox-buy.disabled,#louplus-python .course-purchase-discount .btn-buy-bootcamp.disabled{background-color:#ddd;cursor:not-allowed}#louplus-bigdata .course-purchase-discount.louplus-machine-learn,#louplus-linux .course-purchase-discount.louplus-machine-learn,#louplus-machine-learn .course-purchase-discount.louplus-machine-learn,#louplus-php .course-purchase-discount.louplus-machine-learn,#louplus-python .course-purchase-discount.louplus-machine-learn{background:url(https://static.shiyanlou.com/img/louplus/machine_learn/purchase-discount-bg.png);background-size:contain}#louplus-bigdata .course-purchase-discount.louplus-php,#louplus-linux .course-purchase-discount.louplus-php,#louplus-machine-learn .course-purchase-discount.louplus-php,#louplus-php .course-purchase-discount.louplus-php,#louplus-python .course-purchase-discount.louplus-php{background:url(https://static.shiyanlou.com/img/louplus/php/php-bg.png)}#louplus-bigdata .course-purchase-discount.louplus-python,#louplus-linux .course-purchase-discount.louplus-python,#louplus-machine-learn .course-purchase-discount.louplus-python,#louplus-php .course-purchase-discount.louplus-python,#louplus-python .course-purchase-discount.louplus-python{background:url(https://static.shiyanlou.com/img/louplus/python/python-bg.png);background-size:contain}#louplus-bigdata .course-purchase-discount.louplus-linux,#louplus-linux .course-purchase-discount.louplus-linux,#louplus-machine-learn .course-purchase-discount.louplus-linux,#louplus-php .course-purchase-discount.louplus-linux,#louplus-python .course-purchase-discount.louplus-linux{background:url(https://static.shiyanlou.com/img/louplus/linux/linux-bg.png);background-size:contain}#louplus-bigdata .course-purchase-discount.louplus-bigdata,#louplus-linux .course-purchase-discount.louplus-bigdata,#louplus-machine-learn .course-purchase-discount.louplus-bigdata,#louplus-php .course-purchase-discount.louplus-bigdata,#louplus-python .course-purchase-discount.louplus-bigdata{background:url(../images/bg-course-coverage.png) 50%;background-size:cover}#louplus-bigdata .ask-questions .question-title,#louplus-linux .ask-questions .question-title,#louplus-machine-learn .ask-questions .question-title,#louplus-php .ask-questions .question-title,#louplus-python .ask-questions .question-title{color:#4a4a4a}@media (max-width:767px){#louplus-bigdata,#louplus-linux,#louplus-machine-learn,#louplus-php,#louplus-python{background:#fff}#louplus-bigdata .banner,#louplus-linux .banner,#louplus-machine-learn .banner,#louplus-php .banner,#louplus-python .banner{height:auto!important;padding-bottom:150px}#louplus-bigdata .banner .banner-header,#louplus-linux .banner .banner-header,#louplus-machine-learn .banner .banner-header,#louplus-php .banner .banner-header,#louplus-python .banner .banner-header{margin-top:40px}#louplus-bigdata .banner .louplus-title,#louplus-linux .banner .louplus-title,#louplus-machine-learn .banner .louplus-title,#louplus-php .banner .louplus-title,#louplus-python .banner .louplus-title{display:inline!important;margin:0 0 0 10px!important;font-size:24px!important}#louplus-bigdata .banner .banner-subtitle .louplus-subtitle,#louplus-linux .banner .banner-subtitle .louplus-subtitle,#louplus-machine-learn .banner .banner-subtitle .louplus-subtitle,#louplus-php .banner .banner-subtitle .louplus-subtitle,#louplus-python .banner .banner-subtitle .louplus-subtitle{font-size:18px}#louplus-bigdata .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-linux .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-machine-learn .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-php .banner .banner-subtitle .louplus-subtitle.thrid-level-title,#louplus-python .banner .banner-subtitle .louplus-subtitle.thrid-level-title{margin:40px 0 60px;font-size:14px;line-height:1.5}#louplus-bigdata .banner .louplus-details-outter,#louplus-linux .banner .louplus-details-outter,#louplus-machine-learn .banner .louplus-details-outter,#louplus-php .banner .louplus-details-outter,#louplus-python .banner .louplus-details-outter{padding:0!important;margin-bottom:12px;font-size:20px}#louplus-bigdata .banner .louplus-details-outter .louplus-details,#louplus-linux .banner .louplus-details-outter .louplus-details,#louplus-machine-learn .banner .louplus-details-outter .louplus-details,#louplus-php .banner .louplus-details-outter .louplus-details,#louplus-python .banner .louplus-details-outter .louplus-details{margin-bottom:15px}#louplus-bigdata .banner .louplus-details-outter .louplus-details .details-desc,#louplus-linux .banner .louplus-details-outter .louplus-details .details-desc,#louplus-machine-learn .banner .louplus-details-outter .louplus-details .details-desc,#louplus-php .banner .louplus-details-outter .louplus-details .details-desc,#louplus-python .banner .louplus-details-outter .louplus-details .details-desc{margin-bottom:10px;font-size:16px;font-weight:300}#louplus-bigdata .banner .louplus-details-outter .louplus-details .details-value,#louplus-linux .banner .louplus-details-outter .louplus-details .details-value,#louplus-machine-learn .banner .louplus-details-outter .louplus-details .details-value,#louplus-php .banner .louplus-details-outter .louplus-details .details-value,#louplus-python .banner .louplus-details-outter .louplus-details .details-value{font-weight:500}#louplus-bigdata .favorable-price,#louplus-linux .favorable-price,#louplus-machine-learn .favorable-price,#louplus-php .favorable-price,#louplus-python .favorable-price{padding:0 45px;top:-150px!important}#louplus-bigdata .favorable-price>.container,#louplus-linux .favorable-price>.container,#louplus-machine-learn .favorable-price>.container,#louplus-php .favorable-price>.container,#louplus-python .favorable-price>.container{padding:20px 18px 35px}#louplus-bigdata .favorable-price .left-content,#louplus-bigdata .favorable-price .right-content,#louplus-linux .favorable-price .left-content,#louplus-linux .favorable-price .right-content,#louplus-machine-learn .favorable-price .left-content,#louplus-machine-learn .favorable-price .right-content,#louplus-php .favorable-price .left-content,#louplus-php .favorable-price .right-content,#louplus-python .favorable-price .left-content,#louplus-python .favorable-price .right-content{text-align:center!important;width:100%}#louplus-bigdata .favorable-price .right-content a,#louplus-linux .favorable-price .right-content a,#louplus-machine-learn .favorable-price .right-content a,#louplus-php .favorable-price .right-content a,#louplus-python .favorable-price .right-content a{padding:10px 40px!important}#louplus-bigdata .course-intro p,#louplus-linux .course-intro p,#louplus-machine-learn .course-intro p,#louplus-php .course-intro p,#louplus-python .course-intro p{width:100%}}@media (max-width:767px){#louplus-bigdata .louplus-course-features .content-outter,#louplus-linux .louplus-course-features .content-outter,#louplus-machine-learn .louplus-course-features .content-outter,#louplus-php .louplus-course-features .content-outter,#louplus-python .louplus-course-features .content-outter{padding:100px 0 0!important}#louplus-bigdata .louplus-course-features .course-features-ml .course-feature-item,#louplus-linux .louplus-course-features .course-features-ml .course-feature-item,#louplus-machine-learn .louplus-course-features .course-features-ml .course-feature-item,#louplus-php .louplus-course-features .course-features-ml .course-feature-item,#louplus-python .louplus-course-features .course-features-ml .course-feature-item{padding:10px!important}#louplus-bigdata .louplus-course-features .course-features-ml .course-feature-item>span,#louplus-linux .louplus-course-features .course-features-ml .course-feature-item>span,#louplus-machine-learn .louplus-course-features .course-features-ml .course-feature-item>span,#louplus-php .louplus-course-features .course-features-ml .course-feature-item>span,#louplus-python .louplus-course-features .course-features-ml .course-feature-item>span{width:90%}}@media (max-width:767px){#louplus-bigdata .learn-louplus .contents,#louplus-linux .learn-louplus .contents,#louplus-machine-learn .learn-louplus .contents,#louplus-php .learn-louplus .contents,#louplus-python .learn-louplus .contents{padding:10px!important}}@media (max-width:767px){#louplus-bigdata .row-content-outter,#louplus-linux .row-content-outter,#louplus-machine-learn .row-content-outter,#louplus-php .row-content-outter,#louplus-python .row-content-outter{padding:0 25px 25px!important}}@media (max-width:767px){#louplus-bigdata .course-purchase-discount,#louplus-linux .course-purchase-discount,#louplus-machine-learn .course-purchase-discount,#louplus-php .course-purchase-discount,#louplus-python .course-purchase-discount{padding:90px 0 70px!important}}#louplus-linux .louplus-video-introduce,#louplus-linux .your-harvest,#louplus-python .louplus-video-introduce,#louplus-python .your-harvest{background-color:#3b3c45}#louplus-linux .louplus-video-introduce .louplus-video-text,#louplus-python .louplus-video-introduce .louplus-video-text{margin:90px 0 35px;font-size:30px;letter-spacing:.8px;font-weight:700}#louplus-linux .louplus-video-introduce .louplus-video-container,#louplus-python .louplus-video-introduce .louplus-video-container{margin-bottom:100px}#louplus-linux .louplus-video-introduce .louplus-video-container>video,#louplus-python .louplus-video-introduce .louplus-video-container>video{max-width:750px;max-height:422px}#louplus-machine-learn .louplus-video-container>video{width:100%;height:100%}.container-footer-wave{width:100%;height:24px}.container-footer-wave.with-dark-bg{background-color:#3b3c45!important}.container-footer-wave.python-footer-wave{background:url(https://static.shiyanlou.com/img/louplus/python/python-bg-footer-wave.png)}.container-footer-wave.linux-footer-wave{background:url(/static/img/louplus/linux/linux-bg-footer-wave.png)}.container-footer-wave.ml-footer-wave{background:url(/static/img/louplus/machine_learn/ml-bg-footer-wave.png)}.container-footer-wave.php-footer-wave{background:url(/static/img/louplus/php/php-bg-footer-wave.png)}.louplus-activity-btn{position:fixed;right:10px;bottom:calc(50% - 100px);z-index:1}.louplus-activity-btn a{text-decoration:none}.louplus-activity-btn a:focus,.louplus-activity-btn a:hover{text-decoration:none;outline:none}.louplus-activity-btn img{width:130px;height:auto}#louplus-activity-modal img{width:100%;height:auto}#louplus-activity-modal .modal-content{position:relative;padding:0;border-radius:10px;border:none;box-shadow:none;background:transparent}#louplus-activity-modal .louplus-activity-close{position:absolute;top:20px;right:20px;font-size:20px;color:#c6c6c6;cursor:pointer}#louplus-bigdata .louplus-course-coverage{background:url(../images/bg-course-coverage.png) 50%;background-size:cover}#louplus-bigdata .louplus-course-coverage .container-inner{padding:90px 134px 57px}#louplus-bigdata .louplus-course-coverage .container-inner .content-title{margin-bottom:40px}#louplus-bigdata .louplus-course-coverage .container-inner .content-coverage-areas{display:flex;justify-content:center;flex-wrap:wrap}#louplus-bigdata .louplus-course-coverage .container-inner .content-coverage-areas .konwledge-point{padding:9px 18px;margin-bottom:38px;border:1px solid #fff;margin-right:20px;border-radius:20px;font-size:16px}#louplus-bigdata .louplus-course-features{position:relative}#louplus-bigdata .louplus-course-features .container-inner{padding:0 134px}#louplus-bigdata .louplus-course-features .course-feature-section{margin-bottom:100px}#louplus-bigdata .louplus-course-features .course-feature-section .section-title{margin:0 0 40px}#louplus-bigdata .louplus-course-features .course-feature-section .section-content>p{margin-bottom:30px;font-size:16px;line-height:3}#louplus-bigdata .louplus-course-features .course-feature-section .highlights-list{padding:0}#louplus-bigdata .louplus-course-features .course-feature-section .highlights-list li{list-style:none}#louplus-bigdata .louplus-course-features .course-feature-section .highlights-list .highlight-item{padding:14px 0 14px 105px;border-radius:8px;font-size:16px;line-height:2;color:#666;background:#fff}#louplus-bigdata .louplus-course-features:before{content:"";position:absolute;width:100%;height:26px;top:-26px;left:0;background:url(../images/bg-wave-why.png) 50%;background-size:cover}#louplus-bigdata .louplus-course-features.louplus-bigdata{background:url(../images/bg-bigdata.png) 50%;background-size:cover;padding:100px 0}#louplus-bigdata .course-learn-prerequisites .row-content-outter{padding:0 134px!important}#louplus-bigdata .course-learn-prerequisites .louplus-nav-title{margin-bottom:80px}#louplus-bigdata .course-learn-prerequisites .prerequisites-require{margin-bottom:100px}#louplus-bigdata .ask-questions{position:relative}#louplus-bigdata .ask-questions:before{content:"";position:absolute;width:100%;height:24px;left:0;top:-24px;background:url(../images/bg-wave-faq.png) 50%;background-size:cover}@media (max-width:767px){#louplus-bigdata .louplus-course-coverage .container-inner{padding:90px 0 57px}#louplus-bigdata .louplus-course-features .container-inner{padding:0}#louplus-bigdata .louplus-course-features .highlight-item{padding:16px!important}#louplus-bigdata .course-learn-prerequisites .row-content-outter{padding:0 25px 25px!important}#louplus-bigdata .course-purchase-discount .outter-wrapper{width:80%}}.sign-up-success{padding:50px 0 70px;text-align:center}.sign-up-success .success-container{width:640px;margin:0 auto;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-radius:8px;text-align:center;background:#fff;color:#666}.sign-up-success .success-container .success-title{padding:35px 0;margin-bottom:17px;font-size:30px;background-color:#5d5e5f;color:#fff}.sign-up-success .success-container .success-title img{margin-right:30px;vertical-align:text-bottom}.sign-up-success .success-container .success-content{padding:60px 90px 50px}.sign-up-success .success-container .success-content .success-detail{font-size:18px;line-height:1.5;letter-spacing:.8px;text-align:justify}.sign-up-success .success-container .success-content a.courses-btn{display:block;width:300px;height:50px;line-height:50px;margin:50px auto;border-radius:25px;background-color:#6ea6ed;font-size:16px;color:#fff}.sign-up-success .success-container .success-content a.courses-btn:focus,.sign-up-success .success-container .success-content a.courses-btn:hover{text-decoration:none}.sign-up-success .success-container .success-content .qq-group{margin-bottom:10px;font-size:12px}.sign-up-success .success-container .success-content .success-hint{margin-bottom:10px;font-size:12px;color:#f66}@media (max-width:767px){.sign-up-success .success-container{width:100%;margin-left:0}}