abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}:focus{outline:1}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}body,html{height:100%;overflow:hidden;background-color:#f7f7f7}ul{list-style:none}input{border:0;outline:none;margin:0;padding:0}.clearfix:after{display:block;font-size:0;content:" ";clear:both;height:0}.disabled{pointer-events:auto}.mu-raised-button{-webkit-box-shadow:none;box-shadow:none}.mu-raised-button.disabled{pointer-events:auto}.mu-raised-button.inv{background-color:#ff8200;color:#fff;border:1px solid #ff8200}.mu-raised-button.inv.filp{color:#ff8200;background-color:#fff;border-color:#ff8200}.mu-raised-button.inv.disabled{color:rgba(0,0,0,.3);cursor:no-drop;background-color:#e6e6e6;border-color:#e6e6e6}.mu-raised-button.inv.disabled,.mu-raised-button:active{-webkit-box-shadow:none;box-shadow:none}.mu-flat-button.disabled{color:#fff}.mu-input__focus{color:#ff8200}.common-page-top{position:relative;padding-left:0;padding-right:0;color:#fff;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1);background-repeat:no-repeat;background-position:0 0;background-size:cover}.common-page-top .mu-breadcrumbs .mu-breadcrumbs-item,.common-page-top .mu-breadcrumbs li .mu-icon{color:#ddd}.common-page-top.course-top .tab-bar{background-color:#fff}.common-page-top.course-top .mu-tabs{background-color:#fff;color:#333;font-size:16px;font-weight:700}@media (max-width:992px){.common-page-top.course-top .mu-tabs{-ms-flex-pack:distribute;justify-content:space-around}}.common-page-top.course-top .mu-tab{min-width:auto;margin:0}@media (min-width:992px){.common-page-top.course-top .mu-tab{margin:0 100px 0 0}}.common-page-top.course-top .mu-tab-active{color:#ff8200}.common-page-top.course-top .mu-tab-wrapper{padding:20px 0;min-height:auto}.common-page-top.course-top .mu-tab-link-highlight{background-color:#ff8200;bottom:10px;border-radius:4px}.common-page-top.course-top .mu-circle-ripple{display:none}.mu-breadcrumbs .mu-breadcrumbs-item{color:#666}.mu-breadcrumbs .mu-breadcrumbs-item:hover,.mu-breadcrumbs li:last-child{color:#ff8200}#app{height:100%;overflow:hidden;overflow-y:auto}.no-bxs,.no-bxs:focus,.no-bxs:hover{-webkit-box-shadow:none;box-shadow:none}.no-ba:after,.no-ba:before{content:none!important}.bxs{-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1)}@-webkit-keyframes scale-in-ease{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1) perspective(1200px);transform:scale(1) perspective(1200px)}}@keyframes scale-in-ease{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1) perspective(1200px);transform:scale(1) perspective(1200px)}}.navbar-input{position:relative}.navbar-input:hover .search-btn{color:#ff8200}.navbar-input:hover input{border-bottom-color:#ff8200}.navbar-input .search-btn{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:21px;color:#666;cursor:pointer}.navbar-input .search-btn:hover{color:#ff8200}.navbar-input input{width:100%;height:100%;display:block;font-size:14px;color:#666;padding-right:25px;padding-left:5px;border-bottom:1px solid #ddd}.navbar-input input::-webkit-input-placeholder{font-size:14px;color:#999}.navbar-buy-car{display:-webkit-box;display:-ms-flexbox;display:flex;height:36px;padding:0 15px;border-radius:999px;border:1px solid #ddd;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.navbar-buy-car>span{padding:0 10px;font-size:14px}.navbar-buy-car i{font-size:18px;color:#444}.navbar-buy-car .mu-badge{background-color:#ff8200}header{position:relative;z-index:10;background-color:#fff}header .navbar{width:100%;height:60px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:768px){header .navbar{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media (min-width:992px){header .navbar{width:70%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media (min-width:1200px){header .navbar{width:70%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width:1500px){header .navbar{width:1200px}}header .navbar-logo{width:80px;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;margin-left:10px}header .navbar-logo,header .navbar-logo a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .navbar-logo a{width:100%;height:90%}header .navbar-logo img{display:block;max-width:100%;max-height:100%;margin:0 auto}@media (min-width:992px){header .navbar-logo{position:absolute;left:-140px}}header .navbar-input{width:250px;height:36px}header .navbar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#555}header .navbar-nav a{margin-right:60px;font-size:15px;font-weight:700}header .navbar-nav a:hover,header .navbar-nav a a.actived{color:#ff8200}header .right-wrap{position:absolute;right:-80px;height:100%}header .right-wrap .user-wrap{position:relative;height:100%}header .right-wrap .user-wrap:hover .user-tools{display:block}header .right-wrap .nav-pos{display:none;position:absolute;font-size:14px;-webkit-transform-origin:80% 0;transform-origin:80% 0;-webkit-animation:scale-in-ease .5s cubic-bezier(.22,.58,.12,.98);animation:scale-in-ease .5s cubic-bezier(.22,.58,.12,.98)}header .right-wrap .nav-pos i{vertical-align:middle;margin-top:-2px}header .right-wrap .avatar{margin-top:10px;width:40px;height:40px;overflow:hidden;border-radius:50%;background-color:#fff;cursor:pointer}header .right-wrap .avatar img{display:block;width:100%;height:100%}header .right-wrap .user-tools{width:110px;right:0;top:50px;z-index:99;background-color:#fff;-webkit-box-shadow:0 3px 8px 2px rgba(1,1,1,.2);box-shadow:0 3px 8px 2px rgba(1,1,1,.2);border-radius:6px;text-align:center;overflow:hidden;padding-bottom:20px}header .right-wrap .user-tools li{display:block;margin:20px 0 0;color:#888;border-left:2px solid #fff;cursor:pointer}header .right-wrap .user-tools li.active,header .right-wrap .user-tools li:hover{border-left-color:#ff8200;color:#ff8200}.left-navbar{border-radius:0}.left-navbar .navbar-logo{position:relative;height:60px;margin:0 auto 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.left-navbar .navbar-logo a{height:48px}.left-navbar .navbar-logo img{display:block;max-width:100%;max-height:100%;margin:0 auto}.left-navbar .navbar-input{border-bottom:1px solid #eee;padding:0 10px}.left-navbar .navbar-input .search-btn{right:10px}.left-navbar .navbar-input:hover{border-bottom-color:#ff8200}.left-navbar .navbar-input input{height:40px;border-bottom:0}.left-navbar .navbar-nav{padding:0 10px 10px}.left-navbar .navbar-nav a{display:block;padding:10px 0}.left-navbar .navbar-nav a:last-child{border-bottom:0}.left-navbar .user-wrap{position:absolute;width:100%;bottom:0;padding:10px 10px 0;background-color:#fafafa;border-top:2px solid #eee}.left-navbar .user-wrap .base-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.left-navbar .user-wrap .avatar{width:50px;height:50px}.left-navbar .user-wrap .avatar img{display:block;width:100%;height:100%}.left-navbar .user-wrap .user-tools{padding-top:10px}.left-navbar .user-wrap .user-tools ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}.left-navbar .user-wrap .user-tools li{border:1px solid #ff8200;font-size:14px;padding:4px 8px;border-radius:4px;color:#ff8200;margin-bottom:10px}.left-navbar .user-wrap .user-tools li:last-child{border:1px solid #666;color:#666}.left-navbar .user-wrap .user-tools i,.left-navbar .user-wrap .user-tools span{display:inline-block;vertical-align:middle}.left-navbar .user-wrap .user-tools i{font-size:16px}.main-container{font-size:14px;height:calc(100% - 60px)}.main-container .header{position:relative;background-color:#fff;-webkit-box-shadow:0 1px 1px 0 #ddd;box-shadow:0 1px 1px 0 #ddd;z-index:5}.main-container.shf .footer,.main-container.shf .header{display:block!important}.container{position:relative;padding:0}@media (min-width:1200px){.container{width:1200px;max-width:1200px}}.footer{width:100%;background-color:#282828}.footer .base-info{height:150px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#eee;padding:0 10px;font-size:12px}@media (min-width:992px){.footer .base-info{font-size:14px;padding:0}}.footer .base-info .l{-ms-flex-preferred-size:80%;flex-basis:80%}@media (min-width:1200px){.footer .base-info .l{-ms-flex-preferred-size:80%;flex-basis:80%}}.footer .base-info .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:992px){.footer .base-info .list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width:1200px){.footer .base-info .list{padding-top:20px}}.footer .base-info .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;padding-top:10px}.footer .base-info .item span{padding-left:10px}.footer .base-info .item:last-child{padding-right:0}@media (min-width:1200px){.footer .base-info .item{padding-top:0}}.footer .base-info .mu-input{width:105px;margin-bottom:0;padding:0;min-height:auto}.footer .base-info .mu-select-icon,.footer .base-info .mu-select-input{color:#fff}.footer .qrcode{text-align:center}.footer .qrcode img{width:80px;height:80px}@media (min-width:992px){.footer .qrcode img{width:100px;height:100px}}.footer .qrcode p{padding-top:10px}.footer .infomations{height:50px;line-height:50px;border-top:1px solid #666;text-align:center;color:#888;font-size:12px}.layout-breadcrumbs{height:54px;line-height:54px}.layout-breadcrumbs .mu-breadcrumbs{padding:0;height:100%}@media (max-width:768px){.layout-breadcrumbs .mu-breadcrumbs{padding-left:10px}}.layout-breadcrumbs .mu-breadcrumbs .mu-breadcrumbs-item{cursor:default}.layout-breadcrumbs .mu-breadcrumbs .mu-breadcrumbs-item:hover{color:#666}.layout-breadcrumbs .mu-breadcrumbs .mu-breadcrumbs-divider:last-of-type{display:none}.layout-breadcrumbs .mu-breadcrumbs a{cursor:default}.layout-page-board{text-align:center;padding:20px 0}.layout-page-board .mu-pagination__raised .mu-pagination-btn.mu-button{-webkit-box-shadow:none;box-shadow:none;background-color:#ddd}.layout-page-board .mu-pagination__raised .mu-pagination-item.mu-button{-webkit-box-shadow:none;box-shadow:none}.layout-page-board .mu-pagination-item.mu-button.is-current{background-color:#ff8200}.topic-info h3{font-size:20px;text-align:center;padding-bottom:10px;margin-bottom:0;border-bottom:1px solid #eee}@media (min-width:992px){.topic-info h3{padding-bottom:20px;margin-bottom:20px}}.topic-info h3 i,.topic-info h3 small,.topic-info h3 span{display:inline-block;vertical-align:middle}.topic-info h3 i{font-size:18px;color:#ff8200}.topic-info h3 small{font-size:13px;color:red;font-weight:400;vertical-align:bottom;padding-left:10px;padding-top:10px}@media (min-width:992px){.topic-info h3 small{padding-top:0}}.topic-info h3.warn,.topic-info h3.warn i{color:red}.topic-info h3.echo{padding-right:100px}@media (max-width:992px){.topic-info h3.echo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-right:0}}.topic-info h3.echo span{float:left}.topic-info h3.echo .score,.topic-info h3.echo .time{float:right;font-weight:400;font-size:15px;margin-left:50px}@media (max-width:992px){.topic-info h3.echo .score,.topic-info h3.echo .time{margin-left:0;margin-top:10px}}.topic-info h3.echo b{color:red;padding:0 5px;font-size:20px;font-weight:400;display:inline-block;vertical-align:middle;margin-top:-5px}.topic-info h3 .colse{position:absolute;top:10px;right:10px;border-radius:0;z-index:5;font-weight:400;cursor:pointer;background-color:#fff;-webkit-box-shadow:0 0 6px #eee;box-shadow:0 0 6px #eee}.topic-info.practice h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:15px;font-weight:400;border-bottom:0;padding-bottom:0}@media (min-width:992px){.topic-info.practice h3{display:block;text-align:left;font-size:18px}}.topic-info.practice h3 span{padding:0 0 10px 0}@media (min-width:992px){.topic-info.practice h3 span{padding:0 50px 0 0}}.topic-info.practice .tool-btn{padding-bottom:0}@media (max-width:992px){.topic-info{padding:10px 10px 0;color:#ddd;background-color:#444}}.topic-info .topci-org{padding-bottom:0;margin:0 0 25px}@media (max-width:992px){.topic-info .topci-org{margin:10px 0 0;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}}.topic-info .topci-org .d-flex~.d-flex{padding-right:30px}@media (max-width:992px){.topic-info .topci-org .d-flex{padding-bottom:10px}}.topic-info p{padding-bottom:10px}.topic-info .tool-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding-bottom:0}@media (min-width:992px){.topic-info .tool-btn{padding-bottom:20px}}.topic-info .tool-btn .item{cursor:pointer;padding:0 20px}.topic-info .tool-btn .item:hover{color:#ff8200}.topic-info .tool-btn p{padding-top:5px}@media (max-width:992px){.topic-info.echo>.d-flex{margin-top:10px;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.topic-info.echo>.d-flex .d-flex{margin-bottom:10px}}.common-page-view{min-height:calc(100% - 60px);padding-bottom:60px}.no-list-data{padding:30px;font-size:18px;color:#aaa;text-align:center}.no-list-data img{display:inline-block;margin-bottom:20px}.full-modal .mu-dialog-body{position:relative;width:100%;height:100%}.full-modal .mu-dialog-body header{background-color:#ff8200}.full-modal .lesson-content{position:relative;width:100%;height:calc(100% - 64px);overflow:hidden}.full-modal .mu-appbar-right button.disabled{cursor:no-drop;color:#eee}.full-modal .vr-topic-title small{padding-left:30px;font-size:16px}.full-modal .vr-topic-iframe{position:relative;padding:0;height:calc(100% - 64px)}.full-modal .vr-topic-iframe iframe{display:block;width:1px!important;min-width:100%!important;height:100%}.full-scene-board .mu-dialog-body{position:relative;width:100%;height:100%;background-image:url(/static/images/scene-bg.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.full-scene-board .close-modal{position:absolute;top:10px;right:10px;width:50px;height:50px;background-color:#ddd;line-height:50px;text-align:center;font-size:40px;color:#999;cursor:pointer;border-radius:50%}.full-scene-board .close-modal:hover{color:#666;background-color:#fff}.full-scene-board .scene-content{position:relative;top:45%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}.full-scene-board .scene-content .title{text-align:center}.full-scene-board .scene-content .title span{font-size:26px;font-weight:400;display:inline-block;padding:15px 150px;background-color:#ff8200;color:#fff}.full-scene-board .scene-content .tip-info{color:#fff;width:400px;margin:50px auto}.full-scene-board .scene-content .tip-info h4{margin-bottom:20px}.full-scene-board .scene-content .tip-info p{margin-bottom:10px}.full-scene-board .scene-content .scene-list{width:75%;margin:0 auto}.full-scene-board .scene-content .scene-list .item{position:relative;width:33.33%;float:left;padding:0 20px}.full-scene-board .scene-content .scene-list .pic{position:relative;border:10px solid #ccc;border-radius:4px;max-height:280px;overflow:hidden;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.full-scene-board .scene-content .scene-list .pic:hover{border-color:#fff}.full-scene-board .scene-content .scene-list .pic:hover button{opacity:1}.full-scene-board .scene-content .scene-list button{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .2s;transition:opacity .2s;z-index:2}.full-scene-board .scene-content .scene-list img{display:block;width:100%}@media (max-width:768px){.learn-comp-modal .mu-dialog-title{font-size:16px;padding:10px;line-height:1}.learn-comp-modal .mu-dialog-body{padding:0}.learn-comp-modal .mu-dialog-actions{padding:0;min-height:auto}.learn-comp-modal .cont-wrap .cata-board{font-size:12px}.learn-comp-modal .cont-wrap .cata-board .title.lv-1{font-size:14px;padding:4px 0 8px}.learn-comp-modal .cont-wrap .cata-board .title.lv-2{padding:8px 10px}.learn-comp-modal .cont-wrap .cata-board .lesson{font-size:12px;margin-bottom:8px}.learn-comp-modal .cont-wrap .cata-board .lesson:first-of-type{margin-top:8px}.learn-comp-modal .cont-wrap .cata-board .lesson img{width:14px;height:14px}.learn-comp-modal .cont-wrap .learn-note{padding:0 10px 10px}.learn-comp-modal .cont-wrap .learn-note>h4{display:none}.learn-comp-modal .cont-wrap .learn-note .apply{margin-top:0}.learn-comp-modal .cont-wrap .learn-note .learn-note-list .item h4{font-size:13px}.learn-comp-modal .cont-wrap .learn-note .learn-note-list .item p,.learn-comp-modal .cont-wrap .learn-note .learn-note-list .item small{font-size:12px}.learn-comp-modal .cont-wrap .learn-topic{padding:0 10px 10px}.learn-comp-modal .cont-wrap .learn-topic h3{padding-bottom:10px}.learn-comp-modal .cont-wrap .learn-topic .exam-til{padding:10px 0}.learn-comp-modal .cont-wrap .learn-topic p{font-size:14px;padding-bottom:10px}.learn-comp-modal .cont-wrap .learn-topic .ic{font-style:normal;display:inline-block;width:14px;height:14px;line-height:14px;text-align:center;background-color:#ff8200;color:#fff;font-size:12px;border-radius:50%;vertical-align:middle;margin-top:-3px}.learn-comp-modal .cont-wrap .learn-topic .btn{text-align:center}.learn-comp-modal .cont-wrap .learn-topic .mu-raised-button{height:24px;line-height:24px;font-size:12px}}@media (max-width:992px){.topic-hk-modal .mu-dialog-title{font-size:16px;padding:10px;line-height:1}}.commin-right-box{position:fixed;bottom:50px;right:50px;z-index:100}.commin-right-box .item{position:relative;width:38px;height:38px;background-color:#fff;border-radius:50%;-webkit-box-shadow:1px 1px 8px #ddd;box-shadow:1px 1px 8px #ddd;cursor:pointer;margin-top:8px}.commin-right-box .item>img{height:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.commin-right-box .item.app:hover .app-board{display:block}.commin-right-box .app-board{width:260px;height:180px;overflow:hidden;display:none;text-align:center;position:absolute;top:-70px;left:-270px;font-size:0;padding:10px 0;-webkit-box-shadow:0 0 8px #ddd;box-shadow:0 0 8px #ddd;background-color:#fff}.commin-right-box .app-board .itm{display:inline-block;font-size:12px}.commin-right-box .app-board img{width:120px}.commin-right-box .app-board p{margin:0 0 10px}.rex-fl{float:left!important}.rex-fr{float:right!important}.rex-cf{zoom:1}.rex-cf:after{display:block;visibility:hidden;clear:both;height:0;content:""}.rex-block{display:block}.rex-inline-block{display:inline-block}.rex-h100{height:100%}.rex-text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rex-text-overflow2{-webkit-line-clamp:2}.rex-text-overflow2,.rex-text-overflow3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical}.rex-text-overflow3{-webkit-line-clamp:3}.memory-play-wrap{position:absolute;right:10px;bottom:55px}.memory-play-wrap .memory-play{padding:13px 20px;background-color:#191919;background-color:rgba(25,25,25,.88);border-radius:4px;color:#fff;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.memory-play-wrap .memory-play .icon-close{-webkit-transition:color .3s;transition:color .3s;font-size:14px;cursor:pointer}@media (min-width:768px){.memory-play-wrap .memory-play .icon-close:hover{color:#00c1de}}.memory-play-wrap .memory-play .play-jump{color:#00c1de;padding:5px;border-radius:3px;cursor:pointer}@media (min-width:768px){.memory-play-wrap .memory-play .play-jump:hover{background-color:hsla(0,0%,100%,.2)}}.home-page{padding-bottom:0}.home-page .banner{position:relative;padding:10px 10px;background-color:#fff;z-index:5}@media (min-width:992px){.home-page .banner{padding:30px 0 0}}.home-page .banner .container{height:140px}@media (min-width:992px){.home-page .banner .container{height:420px}}.home-page .banner .mu-carousel{height:100%;border-radius:10px;overflow:hidden}.home-page .banner .mu-carousel-item{border-radius:10px;overflow:visible}.home-page .banner .mu-carousel-item a{display:block;width:100%;height:100%}.home-page .banner .mu-carousel-item img{display:block;width:100%;min-height:100%}.home-page .course-group{background-color:transparent;-webkit-box-shadow:0 2px 8px 0 rgba(7,17,27,.06);box-shadow:0 2px 8px 0 rgba(7,17,27,.06);padding:20px 10px 0}@media (min-width:992px){.home-page .course-group{padding:30px 0 0}}.home-page .course-group:nth-child(2n-1){background-color:#fff}.home-page .course-group h2.title{position:relative;text-align:center;font-size:16px;font-weight:400;padding:0 0 20px;background-repeat:no-repeat;background-position:center 10px;background-size:contain}.home-page .course-group h2.title:after{content:" ";position:absolute;width:40px;height:3px;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:6px;background-color:#ff8200;display:none}@media (min-width:992px){.home-page .course-group h2.title:after{display:block}}@media (min-width:992px){.home-page .course-group h2.title{font-size:22px;padding:30px 0 40px;background-position:center 10px;background-size:inherit}}.home-page .course-group .more{padding:20px 0;text-align:center;color:#ff8200;font-weight:700}.home-page .swiper-container{padding:0}@media (min-width:992px){.home-page .swiper-container{padding:0 0 15px}}.home-page .swiper-slide{padding:10px}.home-page .swiper-pagination-bullet{width:18px;height:18px;color:#fff;font-size:12px;text-align:center;line-height:18px}.home-page .swiper-pagination-bullet-active{background:#ff8200}.course-page .course-desc{position:relative;padding:0 0 20px 10px}@media (min-width:992px){.course-page .course-desc{padding:35px 0}}.course-page .course-desc h2{font-size:16px;color:#fff}@media (min-width:992px){.course-page .course-desc h2{font-size:36px}}.course-page .course-desc .desc{margin-top:20px;overflow:hidden}@media (min-width:992px){.course-page .course-desc .desc{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:25px}}.course-page .course-desc .desc-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px}.course-page .course-desc .desc-item.tea{padding-bottom:6px}@media (min-width:992px){.course-page .course-desc .desc-item{padding-bottom:0;margin-right:70px}}.course-page .course-desc .desc-item img{width:22px;height:22px;border-radius:50%}@media (min-width:992px){.course-page .course-desc .desc-item img{width:42px;height:42px}}.course-page .course-desc .desc-item span{padding-left:10px}.course-page .course-desc .desc-item.star{margin-top:5px;float:left}@media (min-width:992px){.course-page .course-desc .desc-item.star{margin-top:0;float:none}}.course-page .course-desc .desc-item.star b{font-size:16px;font-weight:400}@media (min-width:992px){.course-page .course-desc .desc-item.star b{font-size:26px}}@media (max-width:768px){.course-page .course-desc .desc-item.per{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.course-page .course-desc .star-list i{font-size:14px}@media (min-width:992px){.course-page .course-desc .star-list i{font-size:18px}}.course-page .extra{position:absolute;top:0;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}@media (min-width:768px){.course-page .extra{right:0}}.course-page .extra i{margin-right:4px}.course-page .course-detail-board{margin-top:20px;z-index:101}@media (min-width:992px){.course-page .course-detail-board{margin-top:40px}}.course-page .left-container{padding:0 10px 0}@media (min-width:992px){.course-page .left-container{padding:0 40px 0 0}}.course-page .detail-board,.course-page .tab-container{position:relative}.course-page .tab-board.about{padding:10px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1);overflow:hidden;line-height:22px}@media (min-width:992px){.course-page .tab-board.about{padding:40px}}.course-page .tab-board.about img{max-width:100%!important}.course-page .tab-board.catalog .cata-board{padding:0;overflow:visible;overflow-y:visible}.course-page .tab-board.catalog .item.lv-1{padding:0 40px 5px;overflow:hidden;background-color:hsla(0,0%,100%,.5);border-radius:10px;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1);margin-bottom:10px}.course-page .tab-board.catalog .title.lv-1{background-color:#fff;margin:0 -40px;padding:25px 40px;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.02);box-shadow:0 3px 8px 0 rgba(0,0,0,.02);border-bottom:1px solid #fafafa}.course-page .tab-board.catalog .title.lv-2{background-color:transparent}.course-page .tab-board.comment .item{padding:25px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1);overflow:hidden;margin-bottom:10px}.course-page .tab-board.comment .item:last-child{margin-bottom:0}.course-page .tab-board.comment .avatar{width:30px;height:30px;float:left;border-radius:50%;overflow:hidden}.course-page .tab-board.comment .avatar img{display:block;width:100%;height:100%}.course-page .tab-board.comment .info{padding-left:40px}.course-page .tab-board.comment .wrap{padding:10px;color:#666;font-size:14px}.course-page .tab-board.comment .wrap h4{padding-bottom:15px;overflow:hidden}.course-page .tab-board.comment .wrap .star-list{float:right}.course-page .tab-board.comment .wrap .star-list span{display:inline-block;vertical-align:middle;font-weight:400}.course-page .tab-board.comment .wrap .star-list i{font-size:16px;vertical-align:middle}.course-page .tab-board.comment .wrap p{font-size:16px}.course-page .tab-board.comment .wrap div{text-align:right}.course-page .right-container{margin-top:0;padding:10px}@media (min-width:992px){.course-page .right-container{margin-top:-160px;padding:0}}.course-page .learn-board{margin-bottom:15px;padding:10px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1)}@media (min-width:992px){.course-page .learn-board{min-height:150px;margin-bottom:45px;padding:40px}}.course-page .learn-board h2 p{font-size:16px;padding-bottom:10px}.course-page .learn-board h2 span{font-weight:400;font-size:14px;color:#666}.course-page .learn-board .process{color:#666}.course-page .learn-board .process p{font-size:12px;color:#999;padding:10px 0}.course-page .learn-board .btn{margin-top:10px;font-size:16px;height:30px;line-height:30px;text-align:center;background-color:#ff8200;color:#fff;border-radius:999px;cursor:pointer}@media (min-width:992px){.course-page .learn-board .btn{margin-top:30px;font-size:18px;height:45px;line-height:45px}}.course-page .learn-board .mu-linear-progress{border-radius:999px}.course-page .right-wrap>.item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.course-page .right-wrap>.item:last-child{margin-bottom:0;border-bottom:0}.course-page .right-wrap>.item .title{padding-bottom:20px}.course-page .right-wrap>.item .title i{vertical-align:middle;margin-top:-2px;color:#ff8200}.course-page .right-wrap>.item .title img{display:inline-block;height:16px;vertical-align:middle;margin-top:-4px;margin-right:5px}.course-page .right-wrap>.item .title span{color:#666;font-size:16px}.course-page .right-wrap>.item .title a{float:right;color:#ff8200}.course-learn-page{padding-bottom:0;background-color:#f7f7f7}.course-learn-page .learn-top{padding:0;position:relative;z-index:101;background-color:#1c1f21}@media (max-width:768px){.course-learn-page .learn-top{height:320px}}.course-learn-page header{height:60px;z-index:110;overflow:hidden}.course-learn-page header .right-wrap{right:60px}.course-learn-page header .mu-button{margin-top:6px;float:right}.course-learn-page .learn-title{float:left;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}.course-learn-page .learn-title .mu-icon{width:60px;height:60px;line-height:60px;text-align:center;color:#666;cursor:pointer}.course-learn-page .learn-comment{padding:0;background-color:#fff}.course-learn-page .learn-comment-wrap{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;padding-left:10px}@media (min-width:768px){.course-learn-page .learn-comment-wrap{padding-left:0}}.course-learn-page .learn-comment-wrap .tools-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px}@media (min-width:768px){.course-learn-page .learn-comment-wrap .tools-list{display:none}}.course-learn-page .learn-comment-wrap .tools-list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;padding-left:10px;color:#666}.course-learn-page .learn-comment-wrap .tools-list i{font-size:16px;margin-right:2px}.course-learn-page .learn-cont-board{position:relative;width:100%;overflow:hidden;height:calc(100% - 120px);padding:10px}@media (min-width:768px){.course-learn-page .learn-cont-board{padding:20px 60px}}.course-learn-page .learn-cont-board{background-color:#333}.course-learn-page .learn-cont-board.open .media-board{margin-right:400px}.course-learn-page .learn-cont-board.open .tools-board{right:400px}.course-learn-page .learn-cont-board.open .cont-board{width:400px}.course-learn-page .learn-cont-board.open .switch-btn{left:-30px}.course-learn-page .learn-cont-board.open .switch-btn i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.course-learn-page .learn-cont-board .tools-board{position:absolute;width:60px;height:100%;top:0;right:0;z-index:104;background-color:#333}.course-learn-page .learn-cont-board .tools-list{position:relative;overflow:hidden;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.course-learn-page .learn-cont-board .tools-list .item{padding:10px 0;text-align:center;margin:0 auto 10px;color:#ccc;font-size:12px;cursor:pointer}.course-learn-page .learn-cont-board .tools-list .item:last-child{margin-bottom:0}.course-learn-page .learn-cont-board .tools-list .item.active{background-color:#ff8200;color:#fff;background-color:#464748}.course-learn-page .learn-cont-board .tools-list .item p{padding-top:10px}.course-learn-page .learn-cont-board .cont-board{position:absolute;width:0;height:100%;top:0;right:0;-webkit-transition:all .2s;transition:all .2s;z-index:104;background-color:#1c1f21}.course-learn-page .learn-cont-board .cont-board .mask{background-color:#fff;width:100%;height:100%;z-index:999}.course-learn-page .learn-cont-board .switch-btn{width:30px;height:30px;line-height:30px;position:absolute;top:20px;left:-30px;background-color:#1c1f21;z-index:1000;cursor:pointer}.course-learn-page .learn-cont-board .switch-btn i{font-size:28px;color:#aaa}.course-learn-page .learn-cont-board .cont-wrap{position:relative;height:100%;overflow:hidden;color:#fff}.course-learn-page .learn-cont-board .cont-wrap.listCataLog .cata-board{padding:20px 10px 20px 10px;color:#fff}.course-learn-page .learn-cont-board .cont-wrap.listCataLog .cata-board .title.lv-1{color:#fff}.course-learn-page .learn-cont-board .cont-wrap.listCataLog .cata-board .title.lv-2{background-color:#333;color:#fff}.course-learn-page .learn-cont-board .media-board{position:relative;height:100%;overflow:hidden}.course-learn-page .learn-cont-board .media-board .player-board{width:100%;height:100%;position:relative}.course-learn-page .learn-cont-board .media-board .player-board.video{padding:0 26px}.course-learn-page .learn-cont-board .media-board .player-board.pdf,.course-learn-page .learn-cont-board .media-board .player-board.vr{padding-top:250px;text-align:center}.course-learn-page .learn-cont-board .media-board .player-board.pdf img,.course-learn-page .learn-cont-board .media-board .player-board.vr img{display:block;width:80px;margin:0 auto 20px}.course-learn-page .learn-cont-board .media-board .player-board.pdf p,.course-learn-page .learn-cont-board .media-board .player-board.vr p{font-size:30px;color:#666}.course-learn-page .learn-bottom{padding-top:10px}@media (min-width:768px){.course-learn-page .learn-bottom{padding-top:20px}}.course-learn-page .learn-bottom .right-container{margin-top:0}.course-learn-page .learn-bottom .comment-board{position:relative;padding:10px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.1);box-shadow:0 3px 8px 0 rgba(0,0,0,.1);margin-bottom:10px}.course-learn-page .learn-bottom .comment-board>p{font-size:16px;color:#666}.course-learn-page .learn-bottom .comment-board .star-list{padding:15px 0}.course-learn-page .learn-bottom .comment-board .star-list span{display:inline-block;vertical-align:middle}.course-learn-page .learn-bottom .comment-board .star-list i{vertical-align:middle;font-size:19px;cursor:pointer;color:#aaa}.course-learn-page .learn-bottom .comment-board .star-list i.active{color:#ffc441}.course-learn-page .learn-bottom .comment-board .apply{position:relative;padding:0 10px 35px;background-color:#f7f7f7;border-radius:4px}.course-learn-page .learn-bottom .comment-board .apply .mu-input{font-size:14px}.course-learn-page .learn-bottom .comment-board .apply button{position:absolute;bottom:6px;right:6px}.course-learn-page .learn-topic{position:relative;height:100%;padding:20px 15px 0}.course-learn-page .learn-topic h3{text-align:center;font-size:18px;padding:30px 0}.course-learn-page .learn-topic p{padding-bottom:10px;font-size:16px;line-height:24px}.course-learn-page .learn-topic .code{background:#333;border-radius:4px;padding:20px}.course-learn-page .learn-topic .code p:last-child{padding-bottom:0}.course-learn-page .learn-topic .code b{color:#ff8200}.course-learn-page .learn-topic .code .ic{font-style:normal;display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;background-color:#ff8200;color:#fff;font-size:12px;border-radius:50%;vertical-align:middle;margin-top:-3px}.course-learn-page .learn-topic .exam-til{padding-top:30px}.course-learn-page .learn-topic .exam-info{padding-left:15px}.course-learn-page .learn-topic .label{display:inline-block;width:105px;font-size:14px}.course-learn-page .learn-topic .btn{width:100%;position:absolute;bottom:10px;text-align:center}.course-learn-page .learn-topic .btn .info{font-size:14px}.course-learn-page .learn-topic .btn .info span{color:#ff8200}.user-page-view{background:#f7f7f7}.user-page-view .left-container{margin-top:0;padding:15px 0 0;border-radius:4px;background-color:#fff}@media (min-width:1200px){.user-page-view .left-container{width:160px;float:left}}@media (min-width:1200px){.user-page-view .right-container{padding-left:172px}}.user-page-view .right-wrap{position:relative;background-color:#fff;border-radius:4px;padding-bottom:20px}.user-page-view .right-wrap.order{background-color:transparent;padding-bottom:0}.user-page-view .right-wrap.order .right-component{padding:0}.user-page-view .user-info .avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin:0 auto;border:1px solid #4793e1}@media (min-width:1200px){.user-page-view .user-info .avatar{width:70px;height:70px}}.user-page-view .user-info .avatar img{display:block;width:100%;height:100%}.user-page-view .user-info>p{font-size:14px;color:#666;padding:12px 0;text-align:center}.user-page-view .user-info .ot{text-align:center}.user-page-view .user-info .ot .mu-button{background-color:#fff;color:#2196f3;border:1px solid #2196f3;margin-bottom:10px}.user-page-view .user-info .ot .mu-button.disabled{color:rgba(0,0,0,.3);cursor:not-allowed;background-color:#e6e6e6;-webkit-box-shadow:none;box-shadow:none;border:1px solid #ddd}.user-page-view .user-info .ot span{display:inline-block;vertical-align:middle;padding:0 4px;color:#20b6ff}.user-page-view .menu-bar{padding:0;background-color:#f7f7f7}@media (min-width:1200px){.user-page-view .menu-bar{padding:20px 0 10px;background-color:#fff}}.user-page-view .menu-bar ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0;overflow-x:auto}@media (min-width:1200px){.user-page-view .menu-bar ul{display:block;padding:0;overflow-x:hidden}}.user-page-view .menu-bar li{-ms-flex-negative:0;flex-shrink:0;text-align:center;color:#666;font-size:14px;cursor:pointer;padding:0 20px;margin:0 auto}@media (min-width:1200px){.user-page-view .menu-bar li{font-size:16px;display:block;height:60px;line-height:60px;padding:0;margin:0;border-left:4px solid #fff}}.user-page-view .menu-bar li i{font-size:16px;margin-top:-2px;vertical-align:middle}@media (min-width:1200px){.user-page-view .menu-bar li i{font-size:24px;padding-right:15px}}.user-page-view .menu-bar li:hover{color:#ff8200}.user-page-view .menu-bar li.active{border-left-color:#ff8200;color:#ff8200}.user-page-view .right-container .login-time{height:40px;line-height:40px;margin:0 10px;color:#999;border-bottom:1px solid #ddd}.user-page-view .right-container .login-time .right{float:right}.user-page-view .right-container .login-time i{vertical-align:middle;margin-top:-2px}.user-page-view .right-container .right-component{padding:10px}.user-component .title{font-size:14px;font-weight:400}@media (min-width:1200px){.user-component .title{font-size:16px}}.user-component .title i{font-size:16px;vertical-align:middle;margin-top:-2px;color:#ff8200}@media (min-width:1200px){.user-component .title i{font-size:24px;margin-right:8px}}.user-component .btn-wrapper{padding:0 8px;font-size:0;text-align:center;width:100%}.user-component .btn-wrapper span{display:inline-block;width:48%;font-size:14px;cursor:pointer;border-radius:999px;height:26px;line-height:24px;vertical-align:middle}.user-component .info-cont{padding:20px 0;margin:0 auto}@media (min-width:1200px){.user-component .info-cont{width:500px}}.user-component .info-cont .item{margin-bottom:30px;color:#666}.user-component .info-cont .item span{display:inline-block;vertical-align:middle}.user-component .info-cont .item .label{width:70px;text-align:right;margin-right:15px}.user-component .info-cont .item .tool{padding-left:10px;color:#ff8200;cursor:pointer}.user-component .info-cont .form-ctrl{width:200px;height:36px;overflow:hidden;position:relative}@media (min-width:1200px){.user-component .info-cont .form-ctrl{width:360px}}.user-component .info-cont .form-ctrl img{position:absolute;left:13px;top:10px}.user-component .info-cont .form-ctrl>span{margin-top:5px;margin-right:20px}.user-component .info-cont .form-ctrl button{vertical-align:middle}.user-component .info-cont .form-ctrl input{width:100%;height:100%;display:block;font-size:14px;color:#666;text-indent:20px;border-radius:18px;border:1px solid #ddd;outline:none;background-color:#f7f7f7}.user-component .info-cont .btn-wrapper{padding-left:90px;text-align:left}.user-component .info-cont .btn-wrapper .mu-raised-button{padding:0 30px}.user-component .info-cont .mu-raised-button{-webkit-box-shadow:none;box-shadow:none;background-color:#ff8200;color:#fff}.user-component .info-cont .mu-raised-button.disabled{background-color:#ddd}.user-component.user-component-train .train-board{padding:16px 0 0;width:100%}.user-component.user-component-train .train-list{width:100%}.user-component.user-component-train .train-list .item{width:24.25%;margin-right:1%;float:left;background-color:#f7f7f7;margin-bottom:15px;border-radius:4px;overflow:hidden;-webkit-transition:all .2s;transition:all .2s}.user-component.user-component-train .train-list .item:hover{-webkit-box-shadow:0 5px 10px #ddd;box-shadow:0 5px 10px #ddd}.user-component.user-component-train .train-list .item:nth-child(4){margin-right:0}.user-component.user-component-train .train-list .item:nth-child(2n) .thumb{background-color:#bbb}.user-component.user-component-train .train-list .item .thumb{position:relative;height:92px;overflow:hidden;background-color:#ddd}.user-component.user-component-train .train-list .item .thumb .mask{position:absolute;height:26px;line-height:26px;padding:0 10px;bottom:8px;left:0;font-size:14px;color:#fff;border-top-right-radius:13px;border-bottom-right-radius:13px;background-color:rgba(34,34,34,.3);text-align:center;z-index:10}.user-component.user-component-train .train-list .item .info{padding:14px 8px;color:#666}.user-component.user-component-train .train-list .item .info p{line-height:20px;overflow:hidden;height:40px}.user-component.user-component-train .train-list .item .info .time{margin-top:14px;color:#999}.user-component.user-component-train .train-list .item .info .time i{color:#20b6ff;vertical-align:middle;margin-top:-2px;font-size:20px}.user-component.user-component-train .train-list .item .btn-wrapper{padding-bottom:8px}.user-component.user-component-train .train-list .item .btn-wrapper .update{color:#fff;background-color:#ff8200;margin-right:4%}.user-component.user-component-train .train-list .item .btn-wrapper .cancel{color:#ff8200;border:1px solid #ff8200}.user-component.user-component-course .tab-bar{overflow:hidden}.user-component.user-component-course .tab-bar .tab{width:110px;text-align:center;height:30px;line-height:30px;border-radius:999px;color:#666;float:left;cursor:pointer}.user-component.user-component-course .tab-bar .tab.active{background-color:#ff8200;color:#fff}.user-component.user-component-course .course-board{padding:16px 0 0;width:100%}.user-component.user-component-course .course-list{width:100%}.user-component.user-component-course .course-list.collect .item{padding-bottom:8px}.user-component.user-component-course .course-list.collect .item .info .num,.user-component.user-component-course .course-list.collect .item .prog{display:none}.user-component.user-component-course .course-list.collect .item .btn-wrapper{display:block}.user-component.user-component-course .course-list .item{width:49%;margin-right:1%;float:left;background-color:#f7f7f7;margin-bottom:15px;border-radius:4px;overflow:hidden;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.user-component.user-component-course .course-list .item:hover{-webkit-box-shadow:0 5px 10px #ddd;box-shadow:0 5px 10px #ddd}.user-component.user-component-course .course-list .item:nth-child(2n){margin-right:0}@media (min-width:992px){.user-component.user-component-course .course-list .item{width:32%;margin-right:2%}.user-component.user-component-course .course-list .item:nth-child(2n){margin-right:2%}.user-component.user-component-course .course-list .item:nth-child(3n){margin-right:0}}@media (min-width:1200px){.user-component.user-component-course .course-list .item{width:19.2%;margin-right:1%}.user-component.user-component-course .course-list .item:nth-child(2n),.user-component.user-component-course .course-list .item:nth-child(3n){margin-right:1%}.user-component.user-component-course .course-list .item:nth-child(5n){margin-right:0}}.user-component.user-component-course .course-list .item .thumb{height:80px;overflow:hidden}@media (min-width:992px){.user-component.user-component-course .course-list .item .thumb{height:120px}}@media (min-width:1200px){.user-component.user-component-course .course-list .item .thumb{height:80px}}.user-component.user-component-course .course-list .item .thumb img{display:block;width:100%;height:100%}.user-component.user-component-course .course-list .item .info{padding:14px 8px;color:#666}.user-component.user-component-course .course-list .item .info p{line-height:20px;overflow:hidden;height:40px}.user-component.user-component-course .course-list .item .info .num{margin-top:14px;text-align:center;color:#999}.user-component.user-component-course .course-list .item .prog{position:relative;width:100%;height:4px;background-color:#888}.user-component.user-component-course .course-list .item .prog span{width:0;height:100%;display:block;background-color:#20b6ff}.user-component.user-component-course .course-list .item .btn-wrapper{display:none}.user-component.user-component-course .course-list .item .btn-wrapper .del{color:#ff8200;border:1px solid #ff8200;margin-right:4%}.user-component.user-component-course .course-list .item .btn-wrapper .del:hover{background-color:#fff}.user-component.user-component-course .course-list .item .btn-wrapper .learn{color:#fff;background-color:#ff8200}.user-component.user-component-course .course-list .item .btn-wrapper .learn:hover{background-color:#e27504}.user-component.user-component-exam .exam-poly{font-size:0;margin-bottom:20px}.user-component.user-component-exam .exam-poly .item{margin-right:20px;text-align:center;height:40px;line-height:40px;display:inline-block;color:#fff;padding:0 10px;font-size:14px}@media (min-width:768px){.user-component.user-component-exam .exam-poly .item{height:70px;line-height:70px;margin-right:40px;padding:0 25px;font-size:15px}}.user-component.user-component-exam .exam-poly .item b{font-size:22px;padding:0 5px}.user-component.user-component-exam .exam-poly .item:first-child{background-color:#f63}.user-component.user-component-exam .exam-poly .item:nth-child(2){background-color:#39c}.user-component.user-component-exam .exam-poly .item:nth-child(3){background-color:#696}.user-component.user-component-exam .exam-table .mu-table .mu-table-header-wrapper{overflow:auto}.user-component.user-component-exam .exam-table .mu-table table{min-width:800px;overflow:hidden;overflow-x:auto}.user-component.user-component-exam .exam-table .mu-table th{font-size:13px}.user-component.user-component-exam .exam-table .mu-table td{font-size:14px}.user-component.user-component-exam .exam-table .pass{color:#67c23a}.user-component.user-component-exam .exam-table .no-pass{color:#f56c6c}.user-component.user-component-analysis{margin:-10px -10px -30px}.user-component.user-component-analysis .top-board{border-bottom:10px solid #f7f7f7}.user-component.user-component-analysis .top-board h3{padding:30px 10px;text-align:center;font-size:18px;border-bottom:10px solid #f7f7f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-component.user-component-analysis .top-board .list{padding:15px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-component.user-component-analysis .top-board .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-right:50px}.user-component.user-component-analysis .top-board b{font-size:20px;padding-left:5px}.user-component.user-component-analysis .select-board{padding:15px 30px;border-bottom:10px solid #f7f7f7}.user-component.user-component-analysis .select-board .mu-input{margin-bottom:0;min-height:auto;padding-bottom:0}.user-component.user-component-analysis .select-board .score,.user-component.user-component-analysis .select-board .time{padding-right:30px}@media (min-width:768px){.user-component.user-component-analysis .select-board .score,.user-component.user-component-analysis .select-board .time{padding-right:0;padding-left:30px}}.user-component.user-component-analysis .chart-board{background-color:#f7f7f7}.user-component.user-component-analysis .chart-title{padding:15px 30px;border-bottom:1px solid #eee}.user-component.user-component-analysis .chart-item{background-color:#fff}.user-component.user-component-analysis .no-list-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:350px}.user-component.user-component-analysis .no-list-data img,.user-component.user-component-up .info-cont .item .label{width:100px}.user-component.user-component-up .btn-wrapper{padding-left:120px}.user-component.user-component-order .mu-tabs{width:auto;background-color:#fff;color:#999;overflow-x:auto;padding:10px 0}@media (min-width:768px){.user-component.user-component-order .mu-tabs{padding:0;background-color:#f7f7f7}}.user-component.user-component-order .mu-tab{width:auto;min-width:auto;border-radius:999px;-webkit-transition:none;transition:none;padding:0 5px;margin:0 0 0 5px;-ms-flex-negative:0;flex-shrink:0}@media (min-width:768px){.user-component.user-component-order .mu-tab{padding:0 20px;margin:0 20px}}.user-component.user-component-order .mu-tab span{color:#ff8200}.user-component.user-component-order .mu-tab-active{background-color:#4d555d;color:#fff}.user-component.user-component-order .mu-tab-active span{color:#fff}.user-component.user-component-order .mu-tab-wrapper{min-height:auto;height:20px;line-height:20px}@media (min-width:768px){.user-component.user-component-order .mu-tab-wrapper{height:34px;line-height:34px}}.user-component.user-component-order .mu-tab-link-highlight{display:none}.user-component.user-component-order .order-board{margin:0 10px}@media (min-width:768px){.user-component.user-component-order .order-board{margin:0 0 20px}}.user-component.user-component-order .order-item{padding:10px;border-radius:4px;margin-top:10px;background-color:#fff}@media (min-width:768px){.user-component.user-component-order .order-item{padding:40px;border-radius:10px}}.user-component.user-component-order .order-item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;padding-bottom:10px;color:#666}@media (min-width:768px){.user-component.user-component-order .order-item .title{font-size:18px;padding-bottom:30px}}.user-component.user-component-order .order-item .title>span:first-child{color:#333}.user-component.user-component-order .order-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10px 10px;background-color:#f8f9fa;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width:768px){.user-component.user-component-order .order-info{padding:0 30px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.user-component.user-component-order .order-cost,.user-component.user-component-order .order-hk{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:768px){.user-component.user-component-order .order-cost,.user-component.user-component-order .order-hk{margin-top:0;display:block}}.user-component.user-component-order .order-cost p{padding-right:10px}@media (min-width:768px){.user-component.user-component-order .order-cost p{padding-right:0;padding-bottom:15px}}.user-component.user-component-order .order-hk h4{color:#ff8200;padding-right:10px}@media (min-width:768px){.user-component.user-component-order .order-hk h4{padding-right:0}}@media (min-width:768px){.user-component.user-component-order .order-hk p{padding-top:15px}}@media (max-width:768px){.user-component.user-component-order .order-hk .mu-button{height:22px;line-height:22px;font-size:12px;min-width:auto;margin-right:10px}}.user-component.user-component-order .comdy-list{position:relative;border-radius:10px;-webkit-box-flex:3;-ms-flex:3;flex:3;overflow:hidden;border-top-right-radius:30px;border-bottom-right-radius:30px}.user-component.user-component-order .comdy-list:after{content:" ";display:none;position:absolute;height:100%;top:0;right:0;border-right:1px solid #eaeaea}@media (min-width:768px){.user-component.user-component-order .comdy-list:after{display:block}}.user-component.user-component-order .comdy-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;padding-bottom:0;padding-right:0}@media (min-width:768px){.user-component.user-component-order .comdy-item{margin-top:30px;padding-bottom:30px;padding-right:30px;border-bottom:1px solid #eaeaea}}.user-component.user-component-order .comdy-item:last-child{border-bottom:0}.user-component.user-component-order .comdy-item img{width:100px;height:56px;border-radius:4px}@media (min-width:768px){.user-component.user-component-order .comdy-item img{width:160px;height:90px;border-radius:10px}}.user-component.user-component-order .comdy-info{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;font-size:13px}@media (min-width:768px){.user-component.user-component-order .comdy-info{font-size:16px;padding-left:30px}}.user-component.user-component-order .comdy-info h3{line-height:18px}@media (min-width:768px){.user-component.user-component-order .comdy-info h3{line-height:26px}}.user-component.user-component-order .comdy-info p{color:#666}.exam-analysis-popover .mu-item{color:#666;font-size:15px}.exam-analysis-popover .mu-item span{padding-right:20px}.exam-analysis-popover i{font-size:20px;margin-right:2px}.topic-sub-modal .mu-dialog{position:relative}.topic-sub-modal .mu-dialog-body i,.topic-sub-modal .mu-dialog-body span{display:inline-block;vertical-align:middle}.topic-sub-modal .mu-dialog-body i{color:#ff8200}.page-view-topic{position:relative;color:#444;padding:0}.page-view-topic .topic-hk-btn{position:fixed;width:40px;height:40px;top:10px;right:10px;text-align:center;background-color:#fff;z-index:10}.page-view-topic .topic-hk-btn i{line-height:40px}.page-view-topic .topic-hk-btn.open{z-index:99999999}@media (min-width:992px){.page-view-topic{padding:20px 0}}.page-view-topic .container,.page-view-topic .topic-left,.page-view-topic .topic-right{position:relative}.page-view-topic .topic-right .topic-info{margin:0 -20px;padding:0 20px 20px;border-bottom:20px solid #f7f7f7}.page-view-topic .topic-bg{position:relative;background-color:#fff;padding:10px;width:100%}@media (min-width:992px){.page-view-topic .topic-bg{padding:20px}}.page-view-topic .topic-bg.ab{position:absolute;overflow:hidden;overflow-y:auto}.page-view-topic .topic-bg.echo{padding-bottom:0}.page-view-topic .topic-bg .topic-count{padding:10px;background-color:#444;color:#fff;border-bottom:1px solid #fff}.page-view-topic .topic-group{border-top:1px solid #eee;margin-top:0}@media (min-width:992px){.page-view-topic .topic-group{margin-top:25px}}.page-view-topic .group h3{font-size:15px;margin:10px 0 0}@media (min-width:992px){.page-view-topic .group h3{font-size:16px;margin:20px 0}}.page-view-topic .group h3 small{padding-left:4px;font-weight:400;font-size:14px}.page-view-topic .vr-group{padding-left:20px}.page-view-topic .vr-group-title{margin-left:-10px;font-size:15px;font-weight:600;padding-bottom:5px;margin-bottom:5px;cursor:pointer}.page-view-topic .vr-group-title button{height:20px;line-height:20px;font-size:12px;margin-left:10px}.page-view-topic .topic-item{padding:7.5px 10px;margin:7.5px 0;border-bottom:1px solid #eee}.page-view-topic .topic-item:hover{background-color:#f8f8f8}.page-view-topic .topic-item.is-wrong:hover{background-color:transparent}.page-view-topic .topic-item .topic-item-title{margin:0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:992px){.page-view-topic .topic-item .topic-item-title{margin:0 0 15px}}.page-view-topic .topic-item .topic-item-title button,.page-view-topic .topic-item .topic-item-title span{display:inline-block;vertical-align:middle}.page-view-topic .topic-item .topic-item-title button{margin-left:10px;height:22px;line-height:22px;font-size:13px}.page-view-topic .topic-item .topic-item-title .mu-button-wrapper{padding:0 5px}.page-view-topic .topic-item .flex-row>span{display:inline-block;width:25px}.page-view-topic .topic-item .cont{font-size:12px;line-height:16px;padding-left:5px}@media (min-width:992px){.page-view-topic .topic-item .cont{font-size:14px}}.page-view-topic .topic-item .cont img{display:block;max-width:300px}.page-view-topic .topic-item .mu-checkbox-ripple-wrapper,.page-view-topic .topic-item .mu-radio-ripple-wrapper{width:auto;height:auto}.page-view-topic .topic-item .topic-item-analysis{margin-top:10px;padding:10px;background-color:#f7f7f7}.page-view-topic .topic-item .topic-item-analysis p span{padding-right:5px}.page-view-topic .topic-item .topic-item-analysis div{padding-top:10px}.page-view-topic .topic-echo-board{padding:0 10px 10px;margin-top:10px;background-color:#fff}@media (min-width:992px){.page-view-topic .topic-echo-board{padding:0 20px 20px;margin-top:20px}}.page-view-topic .topic-echo-board>h4{margin:0 -20px;padding:0 20px;height:40px;line-height:40px;border-bottom:1px solid #eee}.page-view-topic .topic-echo-board .topic-group{margin-top:0;border-top:0}.order-page-view .bg{height:200px;background-color:#f89730}.order-page-view .bg h2{color:#666;font-size:36px;padding-top:80px;font-weight:400}.order-page-view .board{margin-top:-45px;padding:45px;background-color:#fff;border-radius:10px}.order-page-view .board h4{font-size:18px;color:#333;font-weight:400}.order-page-view .comdy-list{padding:30px 40px;background-color:#f8f9fa}.order-page-view .comdy-item,.order-page-view .comdy-item .cover{display:-webkit-box;display:-ms-flexbox;display:flex}.order-page-view .comdy-item .cover{-webkit-box-flex:4;-ms-flex:4;flex:4}.order-page-view .comdy-item .cover img{width:160px;height:90px}.order-page-view .comdy-item .price{-webkit-box-flex:1;-ms-flex:1;flex:1}