@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0;font-variant:normal}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%;border:0}body{background:#fff;color:#5e5e5e;font:14px/2em Microsoft YaHei,SimSun,Arial}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a:link,a:visited{color:#5e5e5e}a:hover{color:#c9394a}a:active{color:#666}.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.l{float:left}.r{float:right}.clear{height:0;overflow:hidden;clear:both}.hide{display:none}.btn.hide{display:none}a.hidefocus{outline:0}button.hidefocus::-moz-focus-inner{border:0}a:focus{outline:0;-moz-outline:0}input,textarea{outline:0}h2{font-size:20px}h3{font-size:16px;line-height:32px}h5{font-size:14px;line-height:28px}.img_border{border:4px solid #fff;border-radius:1px}.bb{border-bottom:1px solid #d2d2d2}.bt{border-top:1px solid #d2d2d2}.bbn{border-bottom:0!important}.mc{margin:0 auto!important}.m0{margin:0!important}.m1{margin:1px!important}.m2{margin:2px!important}.m3{margin:3px!important}.m4{margin:4px!important}.m5{margin:5px!important}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m25{margin:25px}.m30{margin:30px}.mt5{margin-top:5px!important}.mt0{margin-top:0!important}.mt10{margin-top:10px!important}.mt14{margin-top:14px}.mt15{margin-top:15px}.mt18{margin-top:18px}.mt20{margin-top:20px!important}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mb0{margin-bottom:0!important}.mb3{margin-bottom:3px}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb80{margin-bottom:80px}.mb100{margin-bottom:100px}.ml0{margin-left:0!important}.ml8{margin-left:8px!important}.ml1{margin-left:1px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml13{margin-left:13px!important}.ml15{margin-left:15px!important}.ml25{margin-left:25px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml38{margin-left:38px!important}.ml40{margin-left:40px!important}.ml50{margin-left:50px!important}.ml60{margin-left:60px!important}.ml55{margin-left:55px!important}.ml57{margin-left:57px!important}.ml60{margin-left:60px!important}.ml80{margin-left:80px!important}.ml100{margin-left:100px!important}.ml110{margin-left:110px!important}.ml120{margin-left:120px!important}.ml150{margin-left:150px!important}.ml200{margin-left:200px!important}.ml250{margin-left:250px!important}.ml285{margin-left:285px!important}.ml835{margin-left:835px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr80{margin-right:80px!important}.mr100{margin-right:100px!important}.mr250{margin-right:250px!important}.mr300{margin-right:300px!important}.pointer{cursor:pointer}.color-gray,a.color-gray:link,a.color-gray:visited{color:#b7bcc0}.color-white{color:#fff!important}.color-blue{color:#088bd3}.fl{float:left}.fr{float:right}.mr60{margin-right:60px}.color-red{color:#ef1300!important}.pr{position:relative}.pa{position:absolute}.errorHint{height:25px;line-height:20px;font-size:12px;color:#f01414}.breakall{word-break:break-all}.wui-dialog{background-color:#fff;box-shadow:#ccc 1px 4px 20px 3px;position:absolute;box-shadow:0 12px 24px 0 rgba(0,0,0,.24)}.cb{clear:both}.fs12{font-size:12px!important}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs18{font-size:18px!important}.fs20{font-size:20px!important}.bold{font-weight:700!important}.display_flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.display_flex>*{display:block}.display_inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.display_inline-flex>*{display:block}.flex-direction_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.justify-content_flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.justify-content_flex-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-content_flex-justify{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.align-items_flex-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.align-items_flex-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.align-items_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.align-items_flex-justify{-webkit-box-align:justify;-ms-flex-align:justify;-webkit-align-items:space-between;align-items:space-between}.align-items_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.flex_auto{-webkit-box-flex:1;-ms-flex:auto;-webkit-flex:auto;flex:auto}.flex_1{width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.order_2{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.order_3{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}body,html{font:14px/1.5 "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;color:#1c1f21;height:100%}body{min-width:1200px;background-color:#f8fafc;overflow-y:auto;padding-top:0;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}.max-1152{width:1152px;margin:0 auto}a:link,a:visited{color:#1c1f21}a:active,a:hover{color:#ec1500}.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}.l{float:left}.r{float:right}.hide{display:none}.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}.newcontainer,.page-container{margin:0 auto;width:1152px}.container{margin:0 auto}.container{width:1152px}#main{padding:20px 0;min-height:calc(100vh - 206px)}.waper{width:1152px;margin:0 auto}.shadow{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.addZ-index{z-index:9999}.addZ-indexCode{z-index:9999}.bindHintBox{background-color:#ffc;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);position:absolute;right:10px;top:60px;width:313px;height:54px;z-index:3;font-size:12px;line-height:54px;color:#07111b;padding:0 15px}.bindHintBox .closeBindHint{width:17px;height:17px;position:relative;top:4px;left:20px;cursor:pointer;background:url(/static/img/nlogin.png) no-repeat 0 0;transition:transform .2s;-webkit-transition:transform .2s;-moz-transition:transform .2s;-o-transition:transform .2s}.bindHintBox .arrow{position:absolute;right:15px;top:-10px;border-width:0 10px 10px 10px;border-color:transparent transparent #ffc transparent;border-style:solid}.linkToMall{font-size:12px!important;color:#fff!important;opacity:1!important}#header{background:#07111b;border-bottom:1px solid #f3f5f6}#header .page-container{width:auto;z-index:900;position:relative}#header .page-container .index-nav{max-width:1366px;min-width:1152px;margin:0 auto}#header .page-container.double202011{background:url(/static/img/index/header-1111.png) center center no-repeat;background-size:100% 100%}#header .page-container.double202011 .nav-item li a{color:#fff!important}#header .page-container.double202011 .nav-item li a:hover{color:#ffe294!important}#header .page-container.double202011 #login-area .app-download>a{color:#fff!important}#header .page-container.double202011 #login-area .app-download>a:hover{color:#ffe294!important}#header .page-container.double202011 #login-area .shop-cart.hover .shop-cart-icon{background:#fff!important}#header .page-container.double202011 #login-area .shop-cart.hover .shop-cart-icon span{color:#f01414!important}#header .page-container.double202011 #login-area .shop-cart.hover .shop-cart-icon .shopping_icon{color:#fff!important}#header .page-container.double202011 #login-area .shop-cart .shop-cart-icon{border:1px solid rgba(255,255,255,.5)!important}#header .page-container.double202011 #login-area .shop-cart .shop-cart-icon span{color:#fff!important}#header .page-container.double202011 #login-area .header-unlogin .header-signin a{color:#fff!important}#header .page-container.double202011 #login-area .header-unlogin .header-signin a:hover{color:#ffe294!important}#header .page-container.double202011 #login-area .logined>li>a{color:#fff!important}#header .page-container.double202011 #login-area .logined>li>a:hover{color:#ffe294!important}#header .page-container.double202011 #login-area .logined>li>a:hover i{color:#ffe294!important}#header .logo{float:left;margin:0 20px}#header .logo a{display:block;width:140px;height:71px;background:url(/static/img/common/logo.png?t=2.4) center center no-repeat;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
#header .nav-item li{float:left}#header .nav-item li a{padding:0 16px;display:block;color:#545c63;text-align:center;font-size:16px;height:71px;line-height:71px;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;position:relative}#header .nav-item li a .icn-new{position:absolute;display:inline-block;top:18px;width:14px;height:10px;background:url(/static/img/common/new2.png) no-repeat 0 0;background-size:100%;background-position:center}#header .nav-item li a.active,#header .nav-item li a:hover{color:#fff}#header .nav-item li a.gold{color:#dba338!important}#header .nav-item li a.gold.active,#header .nav-item li a.gold:hover{color:#f20d0d!important}#header #login-area{float:right;position:relative}#header #login-area .dist-money{line-height:71px;position:relative;font-size:14px;color:rgba(255,255,255,.6)}#header #login-area .dist-money:hover>a{color:#fff}#header #login-area .dist-money>a{color:rgba(255,255,255,.6);padding:0 12px}#header #login-area .dist-money a{width:122px!important;padding:0 12px;box-sizing:border-box}#header #login-area .user-mycourse-box>a{text-align:center;color:#787d82}#header #login-area .header-favorites{position:relative;padding:0 15px}#header #login-area .header-favorites p{color:#545c63;cursor:pointer;font-size:16px;line-height:71px}#header #login-area .header-favorites p:hover{color:#f01414}#header #login-area .header-favorites .favorites-tips{display:none;position:absolute;top:73px;left:50%;width:240px;padding:12px 20px;margin-left:-140px;color:#545c63;background-color:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:all .2s;font-size:12px;text-align:center;line-height:1}#header #login-area .header-favorites .favorites-tips b{font-size:16px;color:#f01414;font-weight:500}#header #login-area .header-favorites:hover .favorites-tips{display:block}#header #login-area .app-download{line-height:71px;color:rgba(255,255,255,.6)}#header #login-area .app-download>a{padding:0 15px;font-size:14px;color:rgba(255,255,255,.6)}#header #login-area .app-download>a:hover{color:#fff}#header #login-area .shop-cart{height:36px;line-height:36px;margin:18px 0}#header #login-area .shop-cart .shop-cart-icon{display:inline-block;padding:0 12px;width:auto;box-sizing:border-box;height:36px;line-height:36px;color:#787d82;text-align:center}#header #login-area .shop-cart .my-cart{top:55px}#header #login-area .remind_warp{width:52px}#header #login-area .remind_warp a{width:52px!important;height:48px;line-height:48px}#header #login-area .remind_warp .msg_remind{display:none;position:absolute;width:4px;height:4px;background-color:rgba(240,20,21,.7);right:16px;top:22px;border-radius:50%}#header #login-area .remind_warp .icon-notifi{display:block;line-height:72px;font-size:22px;text-align:center;cursor:pointer;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s}#header #login-area .remind_warp .icon-notifi:hover{color:#fff}#header #login-area .logined>li{float:left;position:relative}#header #login-area .logined>li.user-mycourse-box a:hover{color:#f01414}#header #login-area .logined>li>a{display:block;width:68px;font-size:16px;height:72px;line-height:72px;color:#545c63;text-align:center;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}#header #login-area .logined>li>a:hover{color:#fff}#header #login-area .logined>li>a:hover i{color:#fff}#header #login-area .header-unlogin>li{float:left}#header #login-area .header-unlogin .header-signin{margin-left:12px;color:rgba(255,255,255,.6)}#header #login-area .header-unlogin .header-signin a{display:inline-block;padding:0 12px;height:71px;line-height:71px;font-size:14px;color:rgba(255,255,255,.6);-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}#header #login-area .header-unlogin .header-signin a:hover{color:rgba(240,20,20,.8)}.search-area{margin:12px 0}.search-warp{position:relative;float:left;margin-left:24px}.search-warp .showhide-search{width:20px;height:24px;text-align:right;position:absolute;display:inline-block;right:0;bottom:24px;padding:0 8px;border-radius:18px}.search-warp .showhide-search i{display:block;height:24px;color:#545c63;cursor:pointer;font-size:18px;line-height:24px;width:20px}.search-area{float:right;position:relative;height:40px;padding-right:36px;border-bottom:1px solid rgba(255,255,255,.4);zoom:1;background:#f3f5f6;border-radius:4px;margin:16px 0;width:324px;box-sizing:border-box;font-size:0;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}.search-area .search-input{padding:8px 12px;font-size:14px;color:#9199a1;line-height:24px;height:40px;width:100%;float:left;border:0;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;background-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.search-area .search-input.w100{width:100%}.search-area .hotTags{display:inline-block;position:absolute;top:0;right:32px}.search-area .hotTags a{display:inline-block;padding:4px 8px;height:16px;font-size:14px;color:#9199a1;line-height:16px;margin-top:8px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-area .hotTags a:hover{color:#f21f1f}.search-area input::-webkit-input-placeholder{color:#a6a6a6}.search-area input::-moz-placeholder{color:#a6a6a6}.search-area input:-moz-placeholder{color:#a6a6a6}.search-area input:-ms-input-placeholder{color:#a6a6a6}.search-area .btn_search{float:left;cursor:pointer;width:30px;height:38px;text-align:center;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s}.search-area .search-area-result{position:absolute;left:0;top:57px;width:300px;margin-bottom:20px;border-top:0;background-color:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);font-size:12px;overflow:hidden;display:none;z-index:800;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.search-area .search-area-result.hot-hide{top:47px}.search-area .search-area-result.hot-hide .hot{display:none}.search-area .search-area-result.hot-hide .history{border-top:0}.search-area .search-area-result h2{font-size:12px;color:#1c1f21;line-height:12px;margin-bottom:8px;font-weight:700}.search-area .search-area-result .hot{padding:12px 0 8px 12px;box-sizing:border-box}.search-area .search-area-result .hot .hot-item{background:rgba(84,92,99,.1);border-radius:12px;padding:4px 12px;line-height:16px;margin-right:4px;margin-bottom:4px;display:inline-block;cursor:pointer;font-size:12px;color:#545c63}.search-area .search-area-result .history{border-top:1px solid rgba(28,31,33,.1);box-sizing:border-box}.search-area .search-area-result .history li{height:40px;line-height:40px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#787d82;cursor:pointer}.search-area .search-area-result .history li .light,.search-area .search-area-result .history li:hover{color:#1c1f21;background-color:#edf0f2}.my_message a span{display:none}.my_message .msg_remind{display:none;position:absolute;width:6px;height:6px;background-color:#f01414;right:14px;top:14px;border-radius:50%}.msg_icon{display:none;position:absolute;padding:0 5px;height:16px;left:32px;top:10px;line-height:16px;background:#f01414;border-radius:50%;color:#fff;font-style:normal;font-size:10px}.my_mp span{display:block;line-height:16px;color:#6c7072}.my_mp .mp{padding-top:12px;font-size:12px}.my_mp a:hover .mp_num{color:#fff}.set_btn{right:0}.set_btn img{border-radius:50%;vertical-align:middle;display:inline-block;background:url(/static/img/menu_icon.png) no-repeat 0 0}#nav_list{display:none;z-index:999;width:140px;position:absolute;top:60px;right:0;background:#363c41;list-style:none}#nav_list li a{border-top:1px solid #4a5153;height:39px;line-height:39px;font-size:14px;background-image:url(/static/img/menu_icon.png?t=10);background-repeat:no-repeat;display:block;color:#fff;text-align:left;padding:0;padding-left:47px;width:auto}#nav_list a:hover{color:#fff;background-color:#4d5559}#nav_list #my_space{padding:0 18px;background-image:none;border:0;height:49px;line-height:49px;text-align:center}#nav_list .my_message{background-position:19px -46px}#nav_list #my_note{background-position:19px -90px}#nav_list #my_question{background-position:19px -128px}#nav_list #my_setting{background-position:19px -167px}#nav_list #my_logout{background-position:19px -207px}.myspace_remind{width:10px;height:10px;background:url(/static/img/space-remind.png) no-repeat 0 0;position:absolute;top:10px;right:10px}.page{margin:25px 0 auto;overflow:hidden;clear:both;text-align:center}.page-inner{padding:0 20px}.page a{display:inline-block;margin:0 8px;padding:0 4px;min-width:24px;line-height:32px;font-size:14px;color:#4d555d;text-align:center;border-radius:16px;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}.page a.text-page-tag:hover{background:#d9dde1;color:#4d555d;text-decoration:none}.page a.text-page-tag.active{background:#4d555d;color:#fff}.page span,.page-disabled{display:inline-block;padding:0 4px;min-width:24px;height:32px;line-height:32px;font-size:14px;color:#c8cdd2;text-align:center}.page-first,.page-last{width:50px}.page-next,.page-prev{width:70px}.page .notmargin{margin-right:0}.bordered{border-bottom:solid 1px #d0d6d9}.panel{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);padding:0 20px;color:#1c1f21;background-color:#fff;margin-bottom:20px}.panel-heading{border-bottom:solid 1px #d0d6d9}.panel-title{height:50px;line-height:50px;font-size:16px}select{margin:0;font-size:100%;cursor:pointer;font-weight:400;background-color:#fff;border:1px solid #ccc;color:#555;display:inline-block;font-size:14px;height:30px;line-height:30px;padding:4px 6px;vertical-align:middle}select:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.btn-add-collection{display:block;background:url(/static/img/course/new_add_collection.png) no-repeat 46px top;height:32px;color:#909b9e;text-align:center;line-height:35px}a.btn-add-collection:hover{background-position:46px -44px;color:#fff}a.btn-remove-collection{background-position:46px -88px;color:#909b9e}a.btn-remove-collection:hover{background-position:46px -130px}.course-title .btn-add-collection{margin-top:6px}.videohead .btn-add-collection{margin-top:20px}.js-btn-collection .concerned-icon{margin-top:34px;display:inline-block}progress{display:inline-block;background:#f0f0f0;border:0;height:6px;color:#aad94a;width:400px}progress::-webkit-progress-bar{background:#f0f0f0}progress::-moz-progress-bar{background:#aad94a}progress::-webkit-progress-value{background:#aad94a}.progress{background:#f0f0f0;height:6px;width:400px;display:inline-block}.progressBar{background:#aad94a;height:6px}.teacher-icon{width:7px;margin-left:5px;position:relative;top:1px}.lottery{position:fixed;right:0;top:50%;margin-top:-218px;z-index:4}.elevator-lottery{background:url(/static/img/act/lottery-float.png);width:102px;height:102px;background-size:cover;display:block}.elevator{position:fixed;padding:0 16px;top:55%;margin-top:-140px;right:0;z-index:899;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:8px 0 0 8px}.elevator a{position:relative;display:block;width:26px;height:56px;font-size:22px;line-height:20px;color:#b5b9bc;box-sizing:border-box;text-align:center}.elevator a+a:after{position:absolute;top:0;left:50%;margin-left:-12px;content:'';width:24px;border:1px solid #f3f5f7}.elevator a:hover{color:#14191e}.elevator a i{font-size:24px;line-height:56px;color:#d9dde1}.elevator a i:hover{color:#14191e}.elevator a span{display:none;padding:14px 0;font-size:12px;color:#07111b;line-height:14px}.elevator .no-goto{border-bottom:0}.elevator .elevator-dist i{display:inline-block;width:18px;height:20px;background:url(/static/img/index/redPacket.png) no-repeat top center/100%;margin:2px 0}.elevator .elevator-app:hover i,.elevator .elevator-dist:hover i,.elevator .elevator-faq:hover i,.elevator .elevator-msg:hover i,.elevator .elevator-top:hover i,.elevator .elevator-weixin:hover i{display:none}.elevator .elevator-app:hover span,.elevator .elevator-dist:hover span,.elevator .elevator-faq:hover span,.elevator .elevator-msg:hover span,.elevator .elevator-top:hover span,.elevator .elevator-weixin:hover span{display:inline-block}.elevator .elevator-app-box{position:absolute;width:172px;height:212px;bottom:-2px;right:56px;-webkit-transition:opacity .25s,transform .3s;-moz-transition:opacity .25s,transform .3s;transition:opacity .25s,transform .3s;opacity:0;max-width:0;-webkit-transform:scale(.01);-ms-transform:scale(.01);transform:scale(.01);-webkit-transform-origin:100% 95%;-ms-transform-origin:100% 95%;transform-origin:100% 95%;background:url(/static/img/common/elevator.png?t=0705) no-repeat 0 -220px}.elevator .elevator-app:hover .elevator-app-box{display:block;visibility:visible;opacity:1;max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.elevator .elevator-weixin-box{position:absolute;width:172px;height:212px;bottom:-4px;right:56px;-webkit-transition:opacity .25s,transform .3s;-moz-transition:opacity .25s,transform .3s;transition:opacity .25s,transform .3s;opacity:0;max-width:0;-webkit-transform:scale(.01);-ms-transform:scale(.01);transform:scale(.01);-webkit-transform-origin:100% 95%;-ms-transform-origin:100% 95%;transform-origin:100% 95%;background:url(/static/img/common/elevator.png?t=0705) no-repeat 0 0}.elevator .elevator-weixin:hover .elevator-weixin-box{display:block;visibility:visible;opacity:1;max-width:none;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}a{outline:0}a:active{star:expression(this.onFocus=this.blur())}a,button,input{outline:0}button::-moz-focus-inner{border:0}input::-moz-focus-inner{border:0}.autowrap{word-wrap:break-word;word-break:break-all}.compatible-contianer{position:fixed;top:0;left:0;right:0;min-width:800px;height:30px;line-height:30px;background:url(/static/img/iebg.gif) repeat-x;z-index:999999}.cpt-ct{color:#363636;font-size:12px;text-align:center}.cpt-ct i{display:inline-block;width:12px;height:14px;vertical-align:-2px;margin-right:5px;background:url(/static/img/iefixed-sprite.png) no-repeat 0 0}.cpt-ct a{color:#39b94e}.cpt-ct a:hover{text-decoration:underline}.cpt-handle{position:absolute;right:20px;top:0;font-size:12px;line-height:27px}.cpt-handle a{display:inline-block;vertical-align:middle}.cpt-handle .cpt-agin{color:#656e73;margin-right:5px}.cpt-handle .cpt-agin:hover{color:#363d40}.cpt-close{width:16px;height:16px;text-align:center;line-height:16px;border-radius:50%;transition:.3s}.cpt-close:hover{background-color:#fc8800}.cpt-close i{display:inline-block;height:8px;width:8px;vertical-align:1px;background:url(/static/img/iefixed-sprite.png) no-repeat 0 -24px}.cpt-close:hover i{background-position:0 -42px}
.layer-usercard{position:absolute;z-index:999;width:370px;height:165px;background:#fff;box-shadow:0 2px 2px #999}.layer-usercard .arrow{position:absolute;left:65px;top:-11px;width:19px;height:11px;background:url(/static/img/dot_usercard.png)}.layer-usercard-header{height:110px;background:#2a2c2e}.layer-usercard-header .avatar img{border-radius:50px;left:21px;position:absolute;top:21px;border:3px solid #7f8082}.layer-usercard-header dd,.layer-usercard-header dt{float:right;width:245px;padding-right:20px;color:#fff}.layer-usercard-header dt{padding-top:20px;font-size:18px}.layer-usercard-header dd{font-size:12px}.layer-usercard-info ul{overflow:hidden;padding-top:16px;height:32px;font-size:16px;color:#364247;position:relative}.layer-usercard-info li{float:left;padding:0 22px;border-right:1px solid #d9d9d9}.layer-usercard-info span{color:#969b9e;font-size:12px}.layer-usercard-info li.noborder{border:0}li.layer-usercard-medal{padding:0;top:12px;right:10px;width:117px;position:absolute;border:0}.layer-usercard-medal a{width:32px;height:32px;float:left;margin-right:5px;border-radius:1px;overflow:hidden}.ipt{color:#1c1f21;background-color:#fff;border:1px solid #98a1a6;height:20px;padding:9px 9px;font-size:14px;line-height:20px;border-radius:0;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-color:#98a1a6;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}select.ipt{height:20px;line-height:20px}select[multiple].ipt,textarea.ipt{height:auto}.ipt:-moz-placeholder{color:#c8cdd2}.ipt::-moz-placeholder{color:#c8cdd2;opacity:1}.ipt:-ms-input-placeholder{color:#c8cdd2}.ipt::-webkit-input-placeholder{color:#c8cdd2}.ipt.placeholder{color:#c8cdd2}.ipt:focus{border-color:#1c1f21;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(28,31,33,.4)}.ipt.disabled,.ipt[disabled],.ipt[readonly]{cursor:default;background-color:#edf1f2;opacity:1}textarea.ipt{height:auto}.ipt-error{color:#ec1500;border-color:#ec1500;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.ipt-error:focus{border-color:#ec1500;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(236,21,0,.4)}.btn{display:inline-block;margin-bottom:0;font-weight:200;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;text-decoration:none;box-sizing:content-box;background-image:none;border:1px solid transparent;-webkit-appearance:none;white-space:nowrap;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.focus,.btn:focus,.btn:hover{color:#fff;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;opacity:.65;box-shadow:none}.btn-red{color:#fff;background-color:#ec1500;border-color:#ec1500;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-red:link,.btn-red:visited{color:#fff}.btn-red.focus,.btn-red:focus,.btn-red:hover{color:#fff;background-color:#ff2611;border-color:#ff2611}.btn-red.active,.btn-red:active{background-color:#d31300;border-color:#d31300}.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-red[disabled]:active,.btn-red[disabled]:focus,.btn-red[disabled]:hover{cursor:default;box-shadow:none;background-color:#ec1500;border-color:#ec1500}.btn-blue{color:#fff;background-color:#1481b8;border-color:#1481b8;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-blue:link,.btn-blue:visited{color:#fff}.btn-blue.focus,.btn-blue:focus,.btn-blue:hover{color:#fff;background-color:#1898d8;border-color:#1898d8}.btn-blue.active,.btn-blue:active{background-color:#1271a1;border-color:#1271a1}.btn-blue.disabled,.btn-blue.disabled.active,.btn-blue.disabled.focus,.btn-blue.disabled:active,.btn-blue.disabled:focus,.btn-blue.disabled:hover,.btn-blue[disabled],.btn-blue[disabled].active,.btn-blue[disabled].focus,.btn-blue[disabled]:active,.btn-blue[disabled]:focus,.btn-blue[disabled]:hover{cursor:default;box-shadow:none;background-color:#1481b8;border-color:#1481b8}
.btn-green{color:#fff;background-color:#17823b;border-color:#17823b;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-green:link,.btn-green:visited{color:#fff}.btn-green.focus,.btn-green:focus,.btn-green:hover{color:#fff;background-color:#1ca048;border-color:#1ca048}.btn-green.active,.btn-green:active{background-color:#136c31;border-color:#136c31}.btn-green.disabled,.btn-green.disabled.active,.btn-green.disabled.focus,.btn-green.disabled:active,.btn-green.disabled:focus,.btn-green.disabled:hover,.btn-green[disabled],.btn-green[disabled].active,.btn-green[disabled].focus,.btn-green[disabled]:active,.btn-green[disabled]:focus,.btn-green[disabled]:hover{cursor:default;box-shadow:none;background-color:#17823b;border-color:#17823b}.btn-normal{color:#787d82;background-color:#fff;border-color:#d0d6d9;border-style:solid;border-width:1px;cursor:pointer;-weibkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;width:138px;height:38px;line-height:38px;font-size:14px}.btn-normal:link,.btn-normal:visited{color:#787d82}.btn-normal.focus,.btn-normal:focus,.btn-normal:hover{color:#787d82;background-color:#edf1f2;border-color:#98a1a6}.btn-normal.active,.btn-normal:active{background-color:#f2f2f2;border-color:#c2cace}.btn-normal.disabled,.btn-normal.disabled.active,.btn-normal.disabled.focus,.btn-normal.disabled:active,.btn-normal.disabled:focus,.btn-normal.disabled:hover,.btn-normal[disabled],.btn-normal[disabled].active,.btn-normal[disabled].focus,.btn-normal[disabled]:active,.btn-normal[disabled]:focus,.btn-normal[disabled]:hover{cursor:default;box-shadow:none;background-color:#fff;border-color:#d0d6d9}.btn-sm{width:78px;height:28px;line-height:28px;font-size:12px}.send-area-result{background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4);-moz-box-shadow:0 0 8px rgba(0,0,0,.4);-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);position:absolute;top:58px;left:0;width:inherit}.send-area-result dt{font-size:12px;color:#c8cdd2;line-height:40px;height:40px;padding:0 10px}.send-area-result dd{height:40px;line-height:40px}.send-area-result dd a.questiontitle{border:0;font-size:14px;color:#787d82;width:inherit;text-align:left;height:40px;line-height:40px;padding:0 10px;display:block}.oncurr{color:#14191e;background:#edf1f2}.send-area-result dd a.questiontitle em,.send-area-result dd a.questiontitle i{font-style:normal;font-size:12px;margin-left:10px}.send-area-result dd a.questiontitle em{color:#c8cdd2}.send-area-result dd a.questiontitle i{color:#00b33b}.visible-xs-block{display:none}@media screen and (max-width:1479px){.search-warp{margin-left:10px!important}.search-area{width:275px}.search-area a.last{margin-right:0}.nav-item li{transition:.3s;margin:0}}@media screen and (max-width:1366px){#header .logo{margin:0}.searchTags{display:none!important}.nav-item li>a{padding:0 12px!important}}@media screen and (max-width:1270px){.nav-item li{transition:.3s;margin:0}}@media screen and (max-width:1200px){.fix-header .search-area{width:250px}.fix-header .page-container .index-nav{min-width:700px!important}}@media screen and (max-width:1140px){.fix-header .search-warp{display:none}}@media screen and (max-width:979px){.fix-header .header-favorites,.fix-header .remind_warp,.fix-header .shop-cart,.fix-header .user-mycourse-box{display:none}#logo{margin-left:0}#logo a{width:130px}.nav-item li>a{padding:0 15px}.msg_icon{left:30px}.remind_warp .msg_remind{right:5px}.header-app{display:none}}@media screen and (max-width:767px){html.holding{height:100%;overflow:hidden}body:after{width:100%;height:100%;position:absolute;top:0;z-index:1000;content:" ";display:block;background:#000;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;visibility:hidden}body.slide-left{-webkit-transform:translate(-130px,0);-ms-transform:translate(-130px,0);transform:translate(-130px,0);margin-right:-130px;padding-right:130px;height:100%;overflow:hidden}body.slide-left:after{left:-130px;visibility:visible;opacity:.3;z-index:1002}body.slide-left .nav-item{display:block}}.lotterycomer{width:100%;height:50px;background-image:url(/static/img/act/lottery-top-02.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:block;cursor:pointer;position:relative;z-index:9999}.lotterycomer.hide{display:none!important}.newcomer{width:100%;height:136px;position:fixed;left:0;bottom:0;z-index:999;background-size:cover;background-position:center;background-repeat:no-repeat}.newcomer i{position:absolute;right:20px;bottom:48px;font-size:20px;color:rgba(255,255,255,.6)}.newcomer i:hover{color:#fff}.lottery{position:fixed;right:0;top:50%;margin-top:-218px;z-index:4}.elevator-lottery{background:url(/static/img/act/lottery-float.png);width:102px;height:102px;background-size:cover;display:block}.elevator-lottery i{float:right;color:#fff;margin:3px}.newcomer_mask{position:fixed;z-index:998;width:100%;height:100%;left:0;bottom:0;background:rgba(7,17,27,.6)}
.newcomer_modal{position:fixed;z-index:999;left:50%;margin-left:-198px;top:50%;margin-top:-190px;width:396px;height:390px;background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:12px;background-image:url(/static/img/newcomer_bg.png);background-repeat:no-repeat;background-size:100% 360px}.newcomer_modal .get-btn{width:320px;height:48px;margin:0 auto;margin-top:280px;margin-bottom:16px;font-weight:700;font-size:16px;color:#fff;text-align:center;line-height:48px;cursor:pointer;background-image:linear-gradient(-135deg,#f9662d 0,#f01414 100%);border-radius:24px}.newcomer_modal .next-time{font-size:14px;color:#9199a1;line-height:22px;text-align:center;cursor:pointer}.newcomer_modal .next-time:hover{color:#545c63}#septemberSchool{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;background:rgba(7,17,27,.6)}#septemberSchool .popup_box{position:fixed;color:#fff;width:530px;height:348px;background:url(/static/img/septemberSchool_bg.png);left:50%;top:50%;margin-left:-245px;margin-top:-210px}#septemberSchool .popup_box .imv2-close{position:absolute;top:0;right:0;font-size:30px;cursor:pointer}#septemberSchool .popup_box .inner_text{position:relative;margin:90px 97px;width:296px;height:162px;text-align:center}#septemberSchool .popup_box .inner_text h1{font-size:32px;line-height:32px;font-weight:600}#septemberSchool .popup_box .inner_text h2{font-size:20px;line-height:32px;font-weight:600;margin-top:6px}#septemberSchool .popup_box .inner_text h4{font-size:18px;line-height:49px;margin-top:6px}#septemberSchool .popup_box .inner_text h3{font-size:18px;font-weight:600;margin-top:6px;line-height:18px;margin-bottom:9px}#septemberSchool .popup_box .inner_text .clock{text-align:center;width:100%;height:48px;padding:7px 0;box-sizing:border-box;font-size:20px;display:block;position:absolute;bottom:-48px;left:0}#septemberSchool .popup_box .inner_text .clock span{display:inline-block;font-size:22px;color:#383d42;background:#fff;width:34px;height:34px;line-height:34px;border-radius:4px;margin:0 6px}#septemberSchool .popup_box .inner_text .get-btn{display:inline-block;background-image:linear-gradient(270deg,#fac200 0,#f28f00 100%);border-radius:26px;font-size:20px;color:#fff;line-height:20px;padding:12px 34px;position:absolute;bottom:-166px;left:50%;margin-left:-74px}#septemberSchool_finish{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;background:rgba(7,17,27,.6)}#septemberSchool_finish .popup_box{position:fixed;width:900px;height:450px;left:50%;top:50%;margin-left:-450px;margin-top:-225px;padding:24px 22px;background:#fff;border:1px solid #979797;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:12px;box-sizing:border-box}#septemberSchool_finish .popup_box .imv2-close{position:absolute;top:24px;right:32px;font-size:24px;color:#b2b8bd;cursor:pointer}#septemberSchool_finish .popup_box .imv2-close:hover{color:#6d6d6d}#septemberSchool_finish .popup_box .title{font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-weight:600}#septemberSchool_finish .popup_box .content{display:flex;justify-content:flex-start;flex-direction:row;margin-top:32px}#septemberSchool_finish .popup_box .content .item{height:318px;border-radius:12px}#septemberSchool_finish .popup_box .content .item.coupon-box{width:251px;background:#f2f2f2;margin-left:24px;overflow:hidden}#septemberSchool_finish .popup_box .content .item.coupon-box h3{font-size:14px;color:#fff;line-height:18px;padding:14px 0;text-align:center}#septemberSchool_finish .popup_box .content .item.coupon-box h3.cc{background:#f53d3d}#septemberSchool_finish .popup_box .content .item.coupon-box h3.read{background:#37f}#septemberSchool_finish .popup_box .content .item.coupon-box .coupon{display:block;width:214px;height:106px;margin:16px auto;background-size:contain;background-position:center}#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.a,#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.b{background-image:url(/static/img/september_coupon_bg1.png)}#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.c,#septemberSchool_finish .popup_box .content .item.coupon-box .coupon.d{background-image:url(/static/img/september_coupon_bg2.png)}#septemberSchool_finish .popup_box .content .item.intro{margin-left:36px}#septemberSchool_finish .popup_box .content .item.intro .text{margin-top:50px;margin-bottom:36px}#septemberSchool_finish .popup_box .content .item.intro .text h3{font-size:14px;color:#545c63;line-height:20px;font-weight:600}#septemberSchool_finish .popup_box .content .item.intro .text p{font-size:12px;color:#545c63;line-height:20px;margin-top:20px}#septemberSchool_finish .popup_box .content .item.intro .sep-coupon-btn{display:inline-block;width:126px;height:36px;font-size:14px;color:#fff;line-height:35px;background:#383d42;border-radius:26px;text-align:center}#septemberSchool_finish .popup_box .content .item.intro .sep-coupon-btn:last-child{margin-left:12px}.friendly-main-box{background-color:#fff}.friendly-main-box .friendly-link-box{padding:0 0 24px 0}
.friendly-main-box .friendly-link-box .left{float:left;font-size:14px;color:#545c63;text-align:center;line-height:28px;font-weight:300;margin-right:12px}.friendly-main-box .friendly-link-box ul{width:1070px;float:left}.friendly-main-box .friendly-link-box ul li{float:left;line-height:28px;margin:0 24px 12px 0;font-size:14px;font-weight:300}.friendly-main-box .friendly-link-box ul li a{color:#545c63}.friendly-main-box .friendly-link-box ul li a:hover{color:#1c1f21}@media screen and (max-width:480px){.elevator,.wd-scroll{display:none}}@font-face{font-family:icomoon;src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx);src:url(/static/fonts/icomoon/fonts/icomoon.eot?d8493nx#iefix) format('embedded-opentype'),url(/static/fonts/icomoon/fonts/icomoon.ttf?d8493nx) format('truetype'),url(/static/fonts/icomoon/fonts/icomoon.woff?d8493nx) format('woff'),url(/static/fonts/icomoon/fonts/icomoon.svg?d8493nx#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-score_shop:before{content:"\e927"}.icon-receipt:before{content:"\e928"}.icon-set_key:before{content:"\e922"}.icon-set_sns:before{content:"\e923"}.icon-set_phone:before{content:"\e924"}.icon-set_email:before{content:"\e925"}.icon-remove_circle:before{content:"\e921"}.icon-set2:before{content:"\e920"}.icon-share2:before{content:"\e91f"}.icon-thumb_o:before{content:"\e91e"}.icon-check:before{content:"\e91d"}.icon-radiobu_on:before{content:"\e919"}.icon-radiobut_off:before{content:"\e91a"}.icon-checkbox_o:before{content:"\e91b"}.icon-checkbox:before{content:"\e91c"}.icon-group_add:before{content:"\e918"}.icon-exp_o:before{content:"\e917"}.icon-left3:before{content:"\e90a"}.icon-godown:before{content:"\e910"}.icon-goup:before{content:"\e912"}.icon-notifi:before{content:"\e909"}.icon-del:before{content:"\e60f"}.icon-edit:before{content:"\e60b"}.icon-drop_left:before{content:"\e915"}.icon-drop_right:before{content:"\e90b"}.icon-drop_up:before{content:"\e916"}.icon-drop_down:before{content:"\e90c"}.icon-notdisplay:before{content:"\e90d"}.icon-wiki:before{content:"\e608"}.icon-blog:before{content:"\e90e"}.icon-yuanwen:before{content:"\e90f"}.icon-plan:before{content:"\e609"}.icon-shizhan:before{content:"\e911"}.icon-tick:before{content:"\e600"}.icon-left2:before{content:"\e913"}.icon-right2:before{content:"\e914"}.icon-down2:before{content:"\e903"}.icon-up2:before{content:"\e904"}.icon-flag2:before{content:"\e902"}.icon-close2:before{content:"\e905"}.icon-star_outline:before{content:"\e901"}.icon-star2:before{content:"\e900"}.icon-show-pw:before{content:"\e648"}.icon-share-weibo:before{content:"\e645"}.icon-share-weichat:before{content:"\e646"}.icon-share-qq:before{content:"\e647"}.icon-home:before{content:"\e601"}.icon-clock:before{content:"\e602"}.icon-chat:before{content:"\e603"}.icon-msg:before{content:"\e604"}.icon-resp:before{content:"\e605"}.icon-addques:before{content:"\e606"}.icon-user:before{content:"\e607"}.icon-note:before{content:"\e60a"}.icon-share:before{content:"\e60c"}.icon-set:before{content:"\e60d"}.icon-camera:before{content:"\e60e"}
.icon-search:before{content:"\e610"}.icon-key:before{content:"\e611"}.icon-smail:before{content:"\e613"}.icon-point:before{content:"\e614"}.icon-ques:before{content:"\e615"}.icon-tick2:before{content:"\e616"}.icon-chapter:before{content:"\e617"}.icon-mobile:before{content:"\e618"}.icon-gotop:before{content:"\e619"}.icon-statistic:before{content:"\e61a"}.icon-code:before{content:"\e61b"}.icon-video:before{content:"\e61c"}.icon-test:before{content:"\e61d"}.icon-menu:before{content:"\e61e"}.icon-plus:before{content:"\e61f"}.icon-sub:before{content:"\e620"}.icon-close:before{content:"\e621"}.icon-down:before{content:"\e622"}.icon-left:before{content:"\e623"}.icon-top:before{content:"\e624"}.icon-right:before{content:"\e625"}.icon-exit:before{content:"\e626"}.icon-refresh:before{content:"\e627"}.icon-again:before{content:"\e628"}.icon-bell:before{content:"\e629"}.icon-nobell:before{content:"\e62a"}.icon-nolearn:before{content:"\e62b"}.icon-half:before{content:"\e62c"}.icon-full:before{content:"\e62d"}.icon-info:before{content:"\e926"}.icon-point-revert:before{content:"\e62e"}.icon-ques-revert:before{content:"\e62f"}.icon-tick-revert:before{content:"\e630"}.icon-flag:before{content:"\e631"}.icon-msg-revert:before{content:"\e632"}.icon-ad:before{content:"\e633"}.icon-imooc:before{content:"\e634"}.icon-thumb:before{content:"\e635"}.icon-thumb-revert:before{content:"\e636"}.icon-star:before{content:"\e637"}.icon-star-revert:before{content:"\e638"}.icon-heart:before{content:"\e639"}.icon-heart-revert:before{content:"\e63a"}.icon-qq:before{content:"\e63b"}.icon-weibo:before{content:"\e63c"}.icon-qqweibo:before{content:"\e63d"}.icon-weixin:before{content:"\e63e"}.icon-folder:before{content:"\e63f"}.icon-jian:before{content:"\e640"}.icon-ding:before{content:"\e641"}.icon-you:before{content:"\e642"}.icon-apple:before{content:"\e643"}.icon-android:before{content:"\e644"}.icon-mail:before{content:"\e612"}.icon-wxgzh:before{content:"\e907"}.icon-appdownload:before{content:"\e908"}.icon-feedback:before{content:"\e906"}.icon-shopping-cart:before{content:"\e929"}.icon-ques:before{content:"\e615"}.icon-down:before{content:"\e622"}.icon-left:before{content:"\e623"}.icon-top:before{content:"\e624"}.icon-right:before{content:"\e625"}@font-face{font-family:DINCond-M;src:url(/static/fonts/DINCondm/DINCOND-MEDIUM.otf);font-weight:400;font-style:normal}.display_flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.display_flex>*{display:block}.display_inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.display_inline-flex>*{display:block}.flex-direction_column{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.justify-content_flex-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-content_flex-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-content_flex-justify{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.align-items_flex-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.align-items_flex-end{-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.align-items_center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.align-items_flex-justify{-webkit-box-align:justify;-ms-flex-align:justify;-webkit-align-items:space-between;align-items:space-between}.align-items_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;-webkit-align-items:baseline;align-items:baseline}.flex_auto{-webkit-box-flex:1;-ms-flex:auto;-webkit-flex:auto;flex:auto}.flex_1{width:0;-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.order_2{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.order_3{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.note-editor{position:relative;z-index:0}.tipoff-block{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(7,17,27,.6);z-index:900}.tipoff-box{display:none;position:fixed;top:50%;left:50%;margin-top:-168px;margin-left:-225px;padding:24px 32px 32px;width:450px;height:336px;background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);border-radius:8px;box-sizing:border-box;z-index:901}.tipoff-box .tipoff-loading{margin:10px auto;width:70px;z-index:6}.tipoff-box .tipoff-loading .bounce1,.tipoff-box .tipoff-loading .bounce2,.tipoff-box .tipoff-loading .bounce3{width:20px;height:20px;background-color:#d9dde1;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.tipoff-box .tipoff-loading .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.tipoff-box .tipoff-loading .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.tipoff-box .tipoff-top-box{margin-bottom:24px;width:100%;font-size:16px;color:#07111b;line-height:24px}.tipoff-box .tipoff-top-box .tipoff-close-btn{font-size:24px;color:#93999f;line-height:24px}.tipoff-box .tipoff-type-box{width:100%;height:48px;overflow:hidden;margin-bottom:24px}.tipoff-box .tipoff-type-box .item{width:33.3%;font-size:12px;color:#93999f;line-height:24px;overflow:hidden}.tipoff-box .tipoff-type-box .item i{display:inline-block;margin-right:4px;font-size:16px;line-height:24px}.tipoff-box .tipoff-type-box .item p{max-width:108px;height:24px;overflow:hidden}.tipoff-box .tipoff-content{position:relative}.tipoff-box .tipoff-content .tipoff-desc{padding:12px;width:386px;height:88px;background:#fff;border:1px solid #d9dde1;border-radius:2px;box-sizing:border-box;font-size:14px;color:#07111b;resize:none}.tipoff-box .tipoff-content .tipoff-text{position:absolute;bottom:12px;right:12px;font-size:12px;color:#93999f;line-height:12px}.tipoff-box .tipoff-btn-box{width:100%;margin-top:24px}.tipoff-box .tipoff-btn-box .tipoff-cancel-btn{margin-right:8px;width:76px;height:36px;line-height:36px;border:1px solid #d9dde1;border-radius:2px;font-size:14px;color:#93999f;text-align:center;cursor:pointer}.tipoff-box .tipoff-btn-box .tipoff-submit-btn{width:76px;height:36px;background:rgba(240,20,20,.8);border-radius:2px;font-size:14px;color:#fff;line-height:36px;text-align:center;cursor:pointer}.cart-color{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.red{background:linear-gradient(270deg,rgba(255,115,155,.7),#ff739b)}.cart-color.orange{background:linear-gradient(270deg,rgba(255,150,0,.7),#ff9600)}.cart-color.green{background:linear-gradient(270deg,rgba(0,185,90,.7),#00b95a)}.cart-color.cyan{background:linear-gradient(270deg,rgba(0,200,200,.7),#00c8c8)}.cart-color.blue{background:linear-gradient(270deg,rgba(75,150,220,.7),#4b96dc)}.cart-color.purple{background:linear-gradient(270deg,rgba(210,115,230,.7),#d273e6)}body,html{background-color:#fff}i{font-style:normal}.w{max-width:1152px;margin:0 auto}.pr{position:relative}.wgt-ipt-wrap{border:1px solid #93999f}.ipt-fake-focus{border-color:#93999f!important}.ipt-fake-error{border-color:#f01400}.ipt-fake-error.ipt-fake-focus{border-color:#93999f}.wgt-ipt{border:1px solid #b7bbbf}.wgt-ipt:focus{border-color:#93999f!important}#main{padding-top:0;color:#1c1f21;background:#f8fafc}#template-wrap{background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:12px;width:800px;overflow:hidden}.course-infos{position:relative;background-color:#172a34}.course-infos .w{height:200px}.course-infos .path{position:relative;z-index:1;padding-top:16px;padding-bottom:24px;line-height:24px;font-size:12px;color:rgba(255,255,255,.5);opacity:1}.course-infos .path span{color:rgba(255,255,255,.5)}.course-infos .path a{color:rgba(255,255,255,.5)}.course-infos .path a:hover{color:#fff}
.course-infos .path .last-mark:hover{color:#a3aaae}.course-infos .hd{clear:both}.course-infos h2{position:relative;z-index:1;margin-bottom:8px;line-height:148px;font-size:32px;color:#fff}.course-infos .video-desc-trigger{margin:12px 0 0 28px;color:#fff;font-size:14px;opacity:.6;transition:opacity .3s}.course-infos .video-desc-trigger:hover{opacity:1}.course-infos .video-desc-trigger .ic-video{display:inline-block;margin-right:4px;width:16px;height:16px;vertical-align:-3px;background:url(/static/img/course/v2/info_s.png) no-repeat 0 0}.course-infos .statics{color:#fff;font-size:0;position:relative;z-index:3;margin-right:320px}.course-infos .statics .teacher-info{position:relative;padding-left:56px;padding-right:60px;line-height:12px;font-size:12px}.course-infos .statics .teacher-info img{float:left;margin-left:-56px;width:48px;height:48px;border-radius:100%}.course-infos .statics .teacher-info .tit{display:block;margin-top:3px}.course-infos .statics .teacher-info .tit a{font-size:14px;line-height:22px;font-weight:700;color:#fff}.course-infos .statics .teacher-info .tit a:hover{color:#fff}.course-infos .statics .teacher-info .job{font-size:12px;line-height:18px}.course-infos .statics .teacher-info .icon-imooc{color:#f01400;font-size:16px;margin:0 0 0 8px;vertical-align:-2px}.course-infos .statics .teacher-info .teacher-course{display:none;position:absolute;left:0;top:70px;padding:32px;padding-bottom:16px;background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);border-radius:12px}.course-infos .statics .teacher-info .teacher-course .teacher-course-arrow{position:absolute;width:100%;top:-21px;height:35px;left:0}.course-infos .statics .teacher-info .teacher-course .teacher-course-arrow span{width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;overflow:hidden;top:12px;left:12px;position:absolute}.course-infos .statics .teacher-info .teacher-course .teacher-course-title{font-weight:700;font-size:16px;color:#07111b;line-height:24px}.course-infos .statics .teacher-info .teacher-course .teacher-course-title a{font-weight:200;font-size:12px;color:#545c63;line-height:24px}.course-infos .statics .teacher-info .teacher-course .recom-course-list li{float:left;width:352px;height:80px;overflow:hidden}.course-infos .statics .teacher-info .teacher-course .recom-course-list li .course-img{width:120px;height:80px}.course-infos .statics .teacher-info .teacher-course .teacher-course-big{width:1056px}.course-infos .statics .teacher-info .teacher-course .teacher-course-price{margin-top:2px;font-weight:700;font-size:12px;color:#4d555d;line-height:20px}.course-infos .statics .teacher-info .teacher-course .teacher-course-price .sales-tip{padding:0 4px;background:rgba(240,20,20,.6);border-radius:2px;font-size:12px;color:#fff;line-height:20px;height:20px}.course-infos .statics .teacher-info .teacher-course .teacher-course-price .sales-tip .sales-timer{display:inline;font-size:12px;margin-right:0;color:#fff;line-height:20px;font-style:normal;float:none;margin-left:4px}.course-infos .statics .teacher-info .teacher-course .teacher-course-price .discount-price{font-size:12px;color:#f01414;margin-right:4px;margin-top:0}.course-infos .statics .teacher-info:hover .teacher-course{display:block}.course-infos .statics .static-item:last-child:after{display:none}.course-infos .statics .static-item{display:inline-block;position:relative;margin-right:16px;font-size:12px;top:15px}.course-infos .statics .static-item:after{margin-left:16px;content:"·"}.course-infos .statics .static-item .meta{padding-right:8px;line-height:12px;font-size:12px;font-weight:700}.course-infos .statics .static-item .score-posi{position:absolute;padding:0 8px;right:-160px;bottom:-6px;color:#fff;font-size:12px;background:#fa0;box-shadow:0 4px 8px 0 rgba(255,170,0,.4);border-radius:6px;line-height:26px}.course-infos .statics .static-item .score-posi .imv2-arrow1_l{font-size:35px;left:-20px;position:absolute;top:-5px;color:#fa0}.course-infos .statics .static-item .score-wrap{display:none;position:absolute;top:-120px;left:0;color:#fff;z-index:1}.course-infos .statics .static-item .score-wrap .score-box{width:192px;padding:16px 20px;background:#fff;color:#545c63;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);border-radius:8px}.course-infos .statics .static-item .score-wrap .score-box .person-num{font-size:14px;color:#545c63}.course-infos .statics .static-item .score-wrap .score-box .evaluation-btn{font-size:12px;color:#fa0;cursor:pointer}.course-infos .statics .static-item .score-wrap .score-box .score-detail-box{margin-top:30px;clear:both}.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item{position:relative;display:inline-block;padding-right:20px}.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item:last-child{padding:0}.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item .meta-value{color:#1c1f21;font-weight:700;font-size:16px;line-height:18px;opacity:1}
.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item .meta{margin-top:10px;padding-right:0;font-size:12px;color:#545c63;font-weight:200}.course-infos .statics .static-item .score-wrap .score-box .score-detail-box .score-static-item span{display:block;margin-top:0}.course-infos .statics .static-item .score-wrap .score-box .icon-drop_down{width:100%;position:absolute;font-size:50px;top:84px;color:#fff}.course-infos .statics .score-btn{cursor:pointer}.course-infos .statics .score-btn:hover .score-wrap{display:block}.course-infos .statics .static-time{font-size:12px}.course-infos .extra{position:absolute;right:0;top:24px;z-index:1}.course-infos .extra .share{display:inline-block;float:none;cursor:pointer;padding:0;line-height:normal;margin:0 12px;width:auto;height:auto;vertical-align:middle;background-image:none;font-size:24px;background-repeat:no-repeat;color:rgba(255,255,255,.6)}.course-infos .extra .share span{margin-top:2px;margin-left:5px;font-size:12px;line-height:24px;float:right}.course-infos .extra .share:hover{color:#fff}.course-infos .info-bg{overflow:hidden;z-index:0}.course-infos .info-bg,.course-infos .info-bg .cover-canvas,.course-infos .info-bg .cover-img-wrap,.course-infos .info-bg .cover-mask{position:absolute;left:0;top:0;width:100%;height:100%}.course-infos .info-bg .cover-img-wrap{z-index:0;overflow:hidden}.course-infos .info-bg .cover-img-wrap img{position:absolute;left:0;top:0}.course-info-menu{height:68px;line-height:68px;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.1)}.course-info-menu .w{position:relative}.course-info-menu .course-menu li{float:left;text-align:center;position:relative;margin-right:80px}.course-info-menu .course-menu li span{position:absolute;font-size:12px;font-weight:200;color:#9199a1;line-height:18px;top:10px;left:36px}.course-info-menu .course-menu a{padding:0}.comp-filter-bar{position:relative;margin-bottom:30px}.comp-filter-bar span.moco-btn{position:absolute;right:0;top:-7px}.moco-change-smalle-btn{background:#f8fafc;margin-right:12px!important}.course-wrap{margin-bottom:8px;padding:24px 32px 32px;background:#fff;box-shadow:0 8px 16px 0 rgba(7,17,27,.1);border-radius:12px}.course-aside-info{margin-bottom:32px;min-height:400px;position:relative;z-index:901}.course-aside-info .close-guide-btn{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);color:#fff;width:104px;height:36px;line-height:36px;text-align:center;border:1px solid #fff;border-radius:18px;cursor:pointer;box-sizing:border-box}.share-guide-modal{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:900}.course-info-main{margin-bottom:40px}.course-info-main .content-wrap{padding-right:352px;margin-bottom:29px;overflow:visible}.course-info-main .info-bar{position:relative;margin-bottom:65px}.course-info-main .info-bar .start-study-btn{width:320px;margin-bottom:-60px}.course-info-main .info-bar .start-study-title{position:absolute;right:0;top:70px;width:240px;text-align:center;color:#787d82;font-size:12px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-info-main .info-bar.multiple .start-study-btn{margin-bottom:0}.course-info-main .aside{margin-top:-148px;margin-right:-352px;width:320px;position:relative;z-index:2}.course-info-main .aside .learn-info{text-align:right;font-size:12px;line-height:18px}.course-info-main .aside .learn-info span{float:left;font-weight:700;font-size:16px;line-height:24px}.course-info-main .aside .learn-info-media{margin-bottom:12px;font-size:12px;color:#545c63;line-height:18px;word-break:break-all}.course-info-main .aside .course-info-tip{padding-top:24px}.course-info-main .aside .course-info-tip dl.first{margin-bottom:24px}.course-info-main .aside .course-info-tip dt{margin-top:16px;font-weight:700;font-size:14px}.course-info-main .aside .course-info-tip dd{font-size:12px;color:#545c63;white-space:pre-line}.course-info-main .aside .progress{margin:9px 0 24px;width:100%;height:16px;background:rgba(28,31,33,.1);border-radius:8px}.course-info-main .aside .progress ins{height:16px;content:"";width:0;transition:2s width;background:#f20d0d;border-radius:8px}.course-info-main .aside .buy a,.course-info-main .aside .learn-btn a{display:block}.course-info-main .aside .price-content{text-align:center;font-size:0}.course-info-main .aside .price-content .group-box{position:relative}.course-info-main .aside .price-content .group-box .interval p{font-size:16px;line-height:22px;color:#1c1f21;text-align:center;font-weight:700}.course-info-main .aside .price-content .group-box .interval p span{font-size:16px;color:#f20d0d;text-align:center;line-height:22px}.course-info-main .aside .price-content .group-box .group-list{margin-top:16px;text-align:center}.course-info-main .aside .price-content .group-box .group-list .group-item{width:32px;height:32px;margin:0 6px;background-color:#d8d8d8;border:1px solid #eff1f2;border-radius:50%;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:cover}
.course-info-main .aside .price-content .group-box .group-btn{width:100%;border-radius:24px;overflow:hidden;margin-top:16px}.course-info-main .aside .price-content .group-box .group-btn li{float:left;width:50%;box-sizing:border-box;background:#f20d0d;font-size:16px;color:#fff;height:48px;cursor:pointer}.course-info-main .aside .price-content .group-box .group-btn li:first-child{background-color:#f58e3d}.course-info-main .aside .price-content .group-box .group-btn li p{text-align:center;line-height:48px}.course-info-main .aside .price-content .group-box .group-tip{font-size:12px;color:#545c63;line-height:12px;margin-top:16px;text-align:center;font-weight:700}.course-info-main .aside .price-content .group-box #share-group{display:none;position:absolute;bottom:-256px;left:-20px;z-index:1000}.course-info-main .aside .price-content .group-box #share-group:after{display:block;content:"";position:absolute;top:-16px;left:189px;width:0;height:0;border-left:16px dashed transparent;border-right:16px dashed transparent;border-bottom:16px solid #fff}.course-info-main .aside .price-content .group-box #share-group .share-group-wrap{padding:32px 60px;background:#fff;box-shadow:0 0 16px 0 rgba(7,17,27,.2);border-radius:18px}.course-info-main .aside .price-content .group-box #share-group .share-group-wrap p{font-size:14px;color:#545c63;text-align:center;line-height:20px;font-weight:700;width:180px}.course-info-main .aside .price-content .group-box #share-group .share-group-wrap .share-group{width:140px;height:140px;margin:24px auto 0}.course-info-main .aside .price-content .group-box #share-group .share-group-wrap .share-group .loading{width:36px;height:36px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;background:url(/static/img/common/loading.gif) no-repeat;background-size:100%;background-position:center}.course-info-main .aside .price-content .group-box .title{font-weight:700;margin-bottom:24px;text-align:center;font-size:16px;line-height:22px;color:#f20d0d}.course-info-main .aside .price-content .group-box .group-price{width:100%;border-radius:24px;overflow:hidden}.course-info-main .aside .price-content .group-box .group-price li{float:left;width:50%;box-sizing:border-box;background:#f20d0d;font-size:14px;color:#fff;height:48px;line-height:24px;cursor:pointer}.course-info-main .aside .price-content .group-box .group-price li:first-child{background-color:#f58e3d}.course-info-main .aside .price-content .group-box .group-price li p{text-align:center;line-height:20px}.course-info-main .aside .price-content .group-box .group-price li p:first-child{margin-top:4px}.course-info-main .aside .price-content .group-box .show-ori-price{text-align:center;font-size:14px;font-weight:700;color:#aaa;text-decoration:line-through;margin-top:20px}.course-info-main .aside .price-content .discount-box .discount-title{font-size:16px;color:#1c1f21;font-weight:700}.course-info-main .aside .price-content .discount-box .discount-time{font-size:16px;color:#f20d0d;text-align:right;margin-left:8px;font-weight:700}.course-info-main .aside .price-content .price-box{margin-top:8px;vertical-align:bottom}.course-info-main .aside .price-content .price-box .dis-price{font-size:32px;color:#f01414;line-height:45px;font-weight:700}.course-info-main .aside .price-content .price-box .ori-price{font-size:16px;color:#93999f;line-height:32px;margin-left:8px;font-weight:700;text-decoration:line-through}.course-info-main .aside .price-content .price-box .cur-price{font-size:32px;color:#1c1f21;font-weight:700}.course-info-main .aside .price-content .price-box-notime{padding-top:16px;box-sizing:border-box}.course-info-main .aside .price-content .price-box-notime .dis-price-notime{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center}.course-info-main .aside .price-content .price-box-notime .dis-price-notime .text{font-size:32px;color:#f01414;line-height:45px;font-weight:700;margin-left:20px}.course-info-main .aside .price-content .price-box-notime .dis-price-notime .discount-title-notime{font-size:12px;color:#fff;line-height:12px;font-weight:700;background:rgba(242,13,13,.6);border-radius:2px;padding:3px 4px;margin-left:12px;display:inline-block}.course-info-main .aside .price-content .price-box-notime .ori-price-notime{font-size:16px;color:#93999f;line-height:26px;font-weight:700;text-decoration:line-through;text-align:left;padding-left:26px}.course-info-main .aside .price-content .buy{margin-top:22px}.course-info-main .aside .hd{margin-bottom:38px}.course-info-main .aside h4{font-weight:700;font-size:14px}.course-info-main .aside h4 small{margin-left:4px;font-size:12px;font-weight:400}.course-info-main .aside .refresh{margin-top:4px;font-size:12px;color:#787d82}.course-info-main .aside .refresh:hover{color:#f01400}.course-info-main .course-brief{font-size:14px;color:#4d555d;line-height:28px;word-break:break-all;padding-left:24px;padding-right:24px}
.course-info-main.has-progress .aside{padding-top:14px}.course-info-main .content{float:left;padding-top:36px;width:100%}.course-info-main .content .ctit{margin-bottom:6px;font-weight:700;font-size:18px;color:#f01400}.course-info-main .content .course-brief{font-size:14px;color:#4d555d;line-height:28px;word-break:break-all}.course-info-main .content .course-outline .bar{margin-bottom:39px}.course-info-main .content .course-outline .tools{margin:7px 0 0 18px}.course-info-main .content .course-outline .tools li{display:block;padding:0 32px 0 20px;height:20px;line-height:20px;font-size:16px;font-weight:700;color:#787d82;border-left:1px solid #d0d6d9;cursor:default}.course-info-main .content .course-outline .tools li i{margin-left:8px;font-weight:400;vertical-align:-2px}.course-info-main .content .course-outline .tools li span{display:none;margin-left:8px;font-size:12px}.course-info-main .content .course-outline .tools li:hover span{display:inline}.course-info-main .content .course-outline .tools li:hover i{display:none}#groupPop{display:none}.groupPop-wrap .qrcode_group{width:180px;height:180px;margin:30px auto 0;position:relative}.groupPop-wrap .qrcode_group .loading{width:36px;height:36px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;background:url(/static/img/common/loading.gif) no-repeat;background-size:100%;background-position:center}.groupPop-wrap P{font-size:16px;color:#545c63;text-align:center;line-height:24px;margin-top:14px;font-weight:700}.outline-list .chapter{position:relative;overflow:hidden;padding:15px 0;z-index:2;vertical-align:middle}.outline-list .chapter a{cursor:default}.outline-list .chapter .chapter-icon{float:left;width:40px;height:40px;margin:5px 0 0 0;background:url(/static/img/course_info_sprit.png) no-repeat 0 -106px}.outline-list .chapter .chapter-bd{position:relative;margin-left:60px;float:none;padding:5px 0;overflow:hidden}.outline-list .chapter .chapter-bd .name{font-weight:700;font-size:16px}.outline-list .chapter .chapter-bd .desc{line-height:24px;font-size:12px;color:#787d82}.outline-list .chapter .name{color:#1c1f21}.outline-list .chapter.unopen .chapter-icon{background-position:0 -227px}.outline-list .chapter.unopen .chapter-bd .desc,.outline-list .chapter.unopen .chapter-bd .name{color:#787d82}.outline-list .update-tip{padding:30px 0 30px 60px;color:#b5b9bc}.path{opacity:.6;color:#fff;font-size:12px}.path a{color:#fff}.path .path-split{margin:0 8px;font-style:normal}.path span{color:#fff}.start-study-btn{display:block;width:auto;height:60px;line-height:60px;text-align:center;color:#fff;font-size:18px;background-color:#f01400;border:0 none}.start-study-btn:hover{background-color:#ff4d4d}.start-study-btn.disabled{background-color:#edf1f2!important;color:#c8cdd2!important}.all-attention a{display:inline-block;margin-right:8px;margin-bottom:8px;padding:6px 12px;font-size:14px;line-height:20px;border-radius:16px}.all-attention a:hover{opacity:.8}.all-attention .style1{color:#f30;background:rgba(255,51,0,.1)}.all-attention .style2{color:#fff;background:rgba(255,153,0,.5)}.all-attention .style3{color:#f60;background:rgba(255,102,0,.1)}.all-attention .style4{color:#fff;background:rgba(255,51,0,.5)}.all-attention .style5{color:#f90;background:rgba(255,153,0,.1)}.all-attention .style6{color:#fff;background:rgba(255,102,0,.5)}.recom-course-list-box{box-sizing:border-box}.recom-course-list-box h4{margin-bottom:12px}.recom-course-list-box .recom-course-list li:last-child{border-bottom:0}.recom-course-list-box .recom-course-list li{width:100%;padding:16px 0}.recom-course-list-box .recom-course-list li .course-img{margin-right:16px;width:96px;height:64px;background-size:cover;border-radius:8px;background-color:#f3f5f7}.recom-course-list-box .recom-course-list li .content-box{width:200px}.recom-course-list-box .recom-course-list li .content-box .smalle-title{margin-bottom:4px;font-size:14px;line-height:20px;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recom-course-list-box .recom-course-list li .content-box .learn-detail{font-size:12px;color:#545c63;line-height:18px}.recom-course-list-box .recom-course-list li .content-box .learn-detail span{padding:0 3px}.recom-course-list-box .recom-course-list li:hover .course-img{box-shadow:0 4px 8px 0 rgba(28,31,33,.4)}.recom-course-list-box .recom-course-list li:hover .smalle-title{color:#c20a0a}.all-attention-box h4{margin-bottom:12px}.all-path-box h4{margin-bottom:16px}.all-path-box .title-desc{font-size:12px;color:#9199a1;line-height:24px;margin-left:8px;font-weight:400}.all-path-box .aside-path li{margin-top:16px}.all-path-box .aside-path li:after{content:'';display:table;clear:both}.all-path-box .aside-path li:first-child{margin-top:0}.all-path-box .aside-path li .aside-path-img{width:72px;height:72px;position:relative;float:left}.all-path-box .aside-path li .aside-path-img img{position:absolute;width:72px;height:72px;border-radius:6px}
.all-path-box .aside-path li .aside-path-img img:nth-child(3){top:0;left:0}.all-path-box .aside-path li .aside-path-img img:nth-child(2){top:3px;left:0;opacity:.6}.all-path-box .aside-path li .aside-path-img img:nth-child(1){top:6px;left:0;opacity:.3}.all-path-box .aside-path li .aside-path-content{margin-left:88px;padding-top:10px}.all-path-box .aside-path li .aside-path-content .aside-path-name{font-size:14px;color:#1c1f21;line-height:20px;display:block;margin-bottom:4px}.all-path-box .aside-path li .aside-path-content .aside-path-step{float:left;font-size:12px;color:#545c63;line-height:18px}.all-path-box .aside-path li .aside-path-content .aside-path-dot{float:left}.all-path-box .aside-path li .aside-path-content .aside-path-collect{margin-left:12px;float:left;font-size:12px;color:#545c63;line-height:18px}.all-path-box .aside-path li .aside-path-content .aside-path-collect i{font-size:14px;color:#dcdfe1;text-align:center;margin-right:4px;position:relative;top:2px}.other-list{margin-top:12px;letter-spacing:0;overflow:hidden}.other-list li{font-size:12px;color:#4d555d;letter-spacing:normal}.other-list li .name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:28px}.other-list li a{color:#4d555d}.other-list li a:hover{color:#07111b}.download .downlist{line-height:24px}.download .downlist li:nth-last-child(1){border-bottom:0}.download .downlist li{position:relative;padding:12px 0;border-bottom:1px solid #d9dde1}.download .downlist li .download-item:hover span{color:#07111b}.download .downlist li .download-item:hover .downcode{color:#fff;background:#00b43c}.download .downlist li span{display:block;margin-right:35px;font-size:12px;color:#4d555d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download .downlist li span:hover{color:#07111b}.download .downlist li .icon{display:inline-block;vertical-align:-2px;margin-right:10px;font-size:16px}.download .downlist li .downcode{position:absolute;right:0;top:12px;height:24px;font-size:12px;padding:0 8px;line-height:24px;color:#00b33b;margin-right:0}.users-mini{position:relative;margin-right:-26px}.users-mini a{float:left;margin:20px 26px 0 0;width:40px;height:40px;border-radius:50%;overflow:hidden}.users-mini a img{width:100%;height:100%}.users-mini li{transition:all .6s;transform-origin:50% 50%}.users-mini li:nth-of-type(n+4){transition-delay:.1s}.users-mini li:nth-of-type(n+8){transition-delay:.2s}.users-mini li:nth-of-type(n+12){transition-delay:.3s}.users-mini li:nth-of-type(n+16){transition-delay:.4s}.users-mini .out{transform:translate3d(-14px,0,0);opacity:0}.users-mini .in{transform:translate3d(14px,0,0);opacity:0}.users-mini .in.show{transform:translate3d(0,0,0);opacity:1}.users-mini .row-last a{margin-right:0}.exp-progress{margin-right:320px}.exp-progress .exp-txt{font-size:12px}.exp-progress .exp-per{margin-right:8px;font-size:18px;font-weight:700;color:#f01400}.exp-progress .exp-per strong{font-size:32px}.exp-progress .exp-time{font-weight:700}.exp-progress .exp-time i{margin-right:1px}.exp-progress .exp-bar{position:relative;height:10px;background-color:#edf1f2;border-radius:8px;background-clip:content-box;overflow:hidden}.exp-progress .exp-bar ins{display:block;position:absolute;left:0;top:0;width:10%;height:10px}.exp-progress .exp-bar ins:before{content:'';display:block;height:100%;width:100%;border-radius:8px;background-color:#f01400;transform:translateZ(0);-webkit-animation:progressBar ease-in-out .7s .4s;-webkit-animation-fill-mode:both}@-webkit-keyframes progressBar{0%{width:0}100%{width:100%}}.no-data{padding:100px 0;background:rgba(28,31,33,.05);border-radius:12px;font-size:16px;color:#9199a1;line-height:24px;text-align:center}.no-data i{display:block;font-size:48px;color:#b2b8bd;line-height:48px}#notice{position:relative;margin-bottom:12px;background:#fa0;clear:both;font-size:12px;color:#fff;padding:0 10px;height:40px;margin-top:-20px;line-height:40px;overflow:hidden;cursor:pointer;border-radius:12px}#notice strong{padding-left:10px;font-weight:700}.pop-notice{position:fixed;width:700px;left:50%;margin-left:-350px;background:#fff;top:160px;padding:20px;z-index:999;margin-top:-20px;border-radius:2px;opacity:0}.pop-notice .content-box{overflow-y:scroll;max-height:570px}.pop-notice .pop-content{padding:0 16px}.pop-notice dt{border-top:1px solid #d9dde1;height:52px;font-weight:700;color:#07111b;font-size:16px;line-height:52px;position:relative}.pop-notice dt span{font-size:12px;margin-right:24px}.pop-notice dt .fold{position:absolute;left:20px;top:14px;font-size:12px;color:#787d82}.pop-notice dd{color:#2d555d;word-break:break-all;font-size:14px;line-height:28px;white-space:pre-line;margin:10px 0}.pop-notice span{font-size:12px;color:#93999f}.pop-notice .pop-header{padding:0 0 20px 5px}.pop-notice .pop-header h2{font-size:16px;color:#07111b;font-weight:700}.pop-notice .pop-close{cursor:pointer;font-size:23px;font-weight:700;color:#787d82}.pop-overlay{opacity:.4;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:998}
.pop-video{position:fixed;left:50%;top:50%;width:600px;height:340px;margin-left:-300px;margin-top:-170px;z-index:999}.pop-video .pop-close{position:absolute;left:100%;top:0;width:50px;height:50px;line-height:50px;background-color:#14191e;color:#fff;font-size:20px;text-align:center}@media screen and (max-width:1200px){.w{margin-left:5%;margin-right:5%}.course-infos .statics .static-item{width:100px}.course-infos .statics .static-item:after{margin-left:16px;content:"·";display:none}.teacher-course-big{width:1002px!important}.teacher-course-big li{width:334px!important}.teacher-course-big li .content-box{width:180px!important}}@media screen and (max-width:820px){.course-info-main .info-bar{margin-bottom:12px}.course-info-main .info-bar .start-study-btn{margin:0 auto;float:none}.course-info-main.has-progress .info-bar{margin-bottom:22px}.course-info-main.has-progress .start-study-btn{float:right}.course-info-main .content-wrap{padding-right:0}.course-info-main .content{float:none}.course-info-main .aside{float:none;margin-right:0;margin-bottom:40px;padding-top:0;width:auto}.users-mini a{margin-right:26px!important}.exp-progress{margin-right:260px}}.comment-verify-box{margin-left:85px}.verify-box{padding-top:20px}.verify-box .ipt{height:14px;width:110px;padding:14px 0 10px 8px;border:1px solid #d0d6d9;color:#b5b9bc;box-shadow:none}.verify-box .ipt:-moz-placeholder{color:#b5b9bc}.verify-box .ipt::-moz-placeholder{color:#b5b9bc;opacity:1}.verify-box .ipt:-ms-input-placeholder{color:#b5b9bc}.verify-box .ipt::-webkit-input-placeholder{color:#b5b9bc}.verify-box .ipt.placeholder{color:#b5b9bc}.verify-box .ipt::-moz-placeholder{color:#b5b9bc;opacity:1}.verify-box .ipt:-ms-input-placeholder{color:#b5b9bc}.verify-box .ipt::-webkit-input-placeholder{color:#b5b9bc}.verify-box .ipt.placeholder{color:#b5b9bc}.verify-box .ipt:focus{color:#1c1f21}.verify-box.vf-error .ipt{border-color:#f01400}.verify-box .verify-media{width:70px;height:40px;margin-left:10px;background-color:#787d82}.verify-box .verify-help{margin-left:10px;font-size:12px;color:#787d82}.verify-box .verify-help .verify-refresh{display:block;margin-top:4px;color:#00b33b}.empty-holder,.unquestion{color:#d0d6d9;font-size:14px;text-align:center;padding:80px 0 30px 0}.empty-holder span,.unquestion span{width:128px;height:128px;display:block;margin:0 auto 30px}.empty-holder{padding:0;margin-top:180px;color:#93999f;font-size:24px;line-height:24px;text-align:center;height:auto}.icon-empty-ques,.unquestion span{background:url(/static/img/unques.png) no-repeat}.icon-empty-comment{background:url(/static/img/course/v2/empty-comment.png) no-repeat}a.from:hover{color:#f01400!important}.share-rl-tips{width:98px;display:inline-block;background-color:#fffaf5;color:#ff8922;font-size:12px;padding:5px 8px 5px 12px}.share-rl-tips strong{font-weight:700}.share-rl-tips .rule-arrow{background:url(/static/img/common/rl-arrow.png) 0 -11px no-repeat;position:absolute;right:51px;top:-6px;color:#ffe5cb;width:11px;height:6px}.share-rl-tips .credit-rl{color:#787d82;padding-left:7px}.share-rl-tips .credit-rl:hover{color:#14191e}.cont-credit{padding:5px 10px;margin:15px 0 3px;width:auto}.wui-dialog{z-index:1000!important}.userHeadialog{height:136px!important}.userHeadialog .signature{min-height:36px!important;max-height:36px!important;margin-bottom:15px!important;white-space:normal!important}.page{margin-top:40px!important}.isMovepop{display:none}.isMovepop .mask-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:15}.isMovepop .move-pop{position:absolute;left:50%;top:50%;margin-left:-160px;margin-top:-101px;width:320px;height:212px;border-radius:12px;background:#fff;padding:32px;box-sizing:border-box;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);z-index:16}.isMovepop .move-pop .title{font-size:16px;color:#1c1f21;line-height:24px;font-weight:700;text-align:left;margin-bottom:16px}.isMovepop .move-pop .content{font-size:12px;color:#545c63;line-height:20px}.isMovepop .move-pop .bottom{width:150px;height:36px;line-height:36px;text-align:center;background:#383d42;border-radius:18px;margin:32px auto 0;font-size:14px;color:#fff}.isMovepop .move-pop .bottom a{color:#fff}i{font-style:normal}#course_note{padding:0}#course_note li{border-bottom:1px solid #edf1f2;overflow:hidden;padding-bottom:20px;padding-top:20px}#course_note .notelist_headpic{float:left;margin-left:24px;width:40px}#course_note .notelist_headpic a{display:block;height:100%;border-radius:20px;overflow:hidden}#course_note .notelist_headpic img{display:block}#course_note .notelist_content{position:relative;margin-left:84px;margin-right:24px}#course_note .note-editor-tool{padding-top:16px;text-align:right}#course_note .note-editor-tool a{margin-left:12px}#course_note .u_name{height:20px;margin-bottom:10px}#course_note .u_name a{font-size:12px;line-height:20px;color:#14191e}#course_note .u_name a:hover{color:#f01400}#course_note .tipoff{position:absolute;top:0;right:0;font-size:12px;line-height:20px;color:#93999f}
#course_note .tipoff:hover{color:#4d555d}#course_note .notelist-content{position:relative;max-height:168px;overflow:hidden}#course_note .notelist-content .note-content{font-size:14px;line-height:28px;color:#14191e;white-space:pre-wrap;word-break:break-word;font-family:"微软雅黑"}#course_note .notelist-content .notelist-content-more{position:absolute;top:140px;left:0;right:0;height:33px;line-height:33px;background-color:#fff}#course_note .notelist-content .notelist-content-more a{font-size:12px;color:#787d82}#course_note .notelist-content .notelist-content-more a:hover{color:#00b33b}.answercon{overflow:hidden;margin-bottom:8px}.answercon img{overflow:hidden;float:left;cursor:pointer}.answercon .answerImg{float:left;position:relative}.answercon .answerImg i{position:absolute;left:0;bottom:0;padding:0 5px;font-size:12px;line-height:20px;color:#fff;z-index:1;background-color:rgba(0,0,0,.4)}.answercon p a{color:#868686;cursor:pointer}.answercon .answerImg:hover i{display:none}.hover-area{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hover-area a,.hover-area span{height:100%;line-height:88px;text-align:center;color:#fff;position:relative;cursor:pointer}.hover-area a{text-align:center;float:left;width:50%}.hover-area .slider-door{position:absolute;width:50%;height:100%;top:0;color:#fff;line-height:90px;text-align:center;z-index:2}.hover-area .slider-door:hover{cursor:pointer;background:rgba(0,0,0,.8) none repeat scroll!important}.hover-area .catch-pic{left:0;margin-left:-50%;background:rgba(0,0,0,.5) none repeat scroll!important}.hover-area .catch-video{right:0;margin-right:-50%;background:rgba(0,0,0,.3) none repeat scroll!important}.notelist-bottom{margin-top:15px;color:#93999f;font-size:12px}.notelist-bottom .notelist-actions{float:right}.notelist-bottom .notelist-actions a{padding-left:16px;color:#93999f;font-size:12px;overflow:hidden;cursor:pointer;line-height:22px}.notelist-bottom .notelist-actions a i{font-size:16px;position:relative;top:-2px}.notelist-bottom .notelist-actions a .collect-text{font-size:12px;top:0}.notelist-bottom .notelist-actions a em{float:none;font-size:12px}.notelist-bottom .notelist-actions .list-praise .icon-thumb-revert{font-size:16px;position:relative;top:2px}.from-course{margin-left:30px}.from-course:link,.from-course:visited{color:#999}.from-course:active,.from-course:hover{color:#333}a.color-gray{color:#969b9e}a.list-praise:link,a.list-praise:visited{font-size:12px}a.list-praise:hover{text-decoration:none;color:#4d555d}a.list-praise:hover .icon_collection{background-position:right bottom}a.list-praise:hover .icon_good{background-position:right top}a.list-praise.on{color:#4d555d}a.list-praise em{padding:0 3px 0;line-height:16px;float:left;cursor:pointer}.icon_collection{width:16px;height:16px;background:url(../img/icon_notelist.png) left bottom no-repeat;display:inline-block;float:left}.icon_collection.on{background-position:right bottom}.icon_good{width:16px;height:16px;background:url(/static/img/icon_notelist.png) left top no-repeat;display:inline-block}.icon_good.on{background-position:right top}.defaultbox{border:1px solid #d3dce0}.ipt-fake-focus{border-color:#39b94e;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc}.ipt-fake-error{border-color:#c33}.ipt-fake-error.ipt-fake-focus{border-color:#c33;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d}.issques{border-bottom:1px solid #d3dce0;padding-bottom:30px;width:840px;margin:0 auto}.pub-editor-wrap{min-height:78px;position:relative}.pub-editor-wrap textarea{width:822px;min-height:62px;padding:8px;color:#555;font-size:14px;resize:none;line-height:18px}.pub-btn{background-color:#39b94e;height:40px;width:140px;line-height:40px;text-align:center;color:#fff;cursor:pointer;margin-top:20px;font-size:12px}.pub-btn:hover{background-color:#33a646}.error{border:1px solid #be3948}.errortip{background:url(../img/bbs.png) no-repeat -1px -336px;clear:both;padding-left:15px;margin:9px 0 0 0;font-size:12px;line-height:20px;color:#be3948;display:none}.limit-overflow{color:#c33}.maybe-wenda{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;margin:auto;width:300px;height:280px;background:#fff;text-align:center;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);-moz-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:none}@keyframes show-maybe{0%{transform:scale(0) rotate(0);-webkit-transform:scale(0) rotate(0);-moz-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);opacity:0}60%{transform:scale(1.5) rotate(720deg);-webkit-transform:scale(1.5) rotate(720deg);-moz-transform:scale(1.5) rotate(720deg);-ms-transform:scale(1.5) rotate(720deg);opacity:1}100%{transform:scale(1) rotate(720deg);-webkit-transform:scale(1) rotate(720deg);-moz-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);opacity:1}
}@-webkit-keyframes show-maybe{0%{transform:scale(0) rotate(0);-webkit-transform:scale(0) rotate(0);-moz-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);opacity:0}60%{transform:scale(1.5) rotate(720deg);-webkit-transform:scale(1.5) rotate(720deg);-moz-transform:scale(1.5) rotate(720deg);-ms-transform:scale(1.5) rotate(720deg);opacity:1}100%{transform:scale(1) rotate(720deg);-webkit-transform:scale(1) rotate(720deg);-moz-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);opacity:1}}@-moz-keyframes show-maybe{0%{transform:scale(0) rotate(0);-webkit-transform:scale(0) rotate(0);-moz-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);opacity:0}60%{transform:scale(1.5) rotate(720deg);-webkit-transform:scale(1.5) rotate(720deg);-moz-transform:scale(1.5) rotate(720deg);-ms-transform:scale(1.5) rotate(720deg);opacity:1}100%{transform:scale(1) rotate(720deg);-webkit-transform:scale(1) rotate(720deg);-moz-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);opacity:1}}.maybe-wenda.show{animation:show-maybe .6s ease-out;animation-fill-mode:both;-webkit-animation:show-maybe .6s ease-out;-moz-animation:show-maybe .6s ease-out;-webkit-animation-fill-mode:both}.maybe-wenda .icon-chat{font-size:52px;color:#d0d6d9;display:block;margin-top:40px}.maybe-wenda .text{margin:24px auto;color:#14191e;line-height:28px;display:block}.maybe-wenda .btn{width:100px;height:40px;box-sizing:border-box}.maybe-wenda .btn.ok{background:#00b33b;color:#fff;margin-right:20px}.maybe-wenda .btn.no{border:solid #98a1a6 1px;background:#fff;color:#9ea3a5}.praise-anim{-webkit-animation:praiseAnim .5s .1s;-moz-animation:praiseAnim .5s .1s;-o-animation:praiseAnim .5s .1s;animation:praiseAnim .5s .1s}@-webkit-keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}@-moz-keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}@keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}.fl{float:left}.fr{float:right}.adopt{color:#00b33b}.praise{color:#99a1a6}.course_qa_list{padding:0 20px}.pub-editor-wrap{line-height:1em;float:left;width:794px}.pub-btm{padding:10px 0}.pub-btn{background-color:#39b94e;height:40px;width:140px;line-height:40px;text-align:center;color:#fff;cursor:pointer;font-size:12px}.pub-btn:hover{background-color:#33a646}.issques form{position:relative}em.issueBtn{width:100px;height:80px;line-height:80px;font-size:16px;background:#39b94e;color:#fff;text-align:center;display:inline-block;cursor:pointer;float:right}em.issueBtn:hover{background:#33a646}.sortlist{height:58px;background-color:#f3f5f7;position:relative}.sortlist .quealltab{float:left;font-size:12px;display:inline-block;line-height:58px;text-align:center;padding:0 20px;color:#787d82}.sortlist .quealltab:hover{color:#2b333b}.sortlist .onactive{color:#2b333b}.wenda-listcon{padding:20px 0;border-bottom:1px solid #d9dde1;overflow:hidden}.wenda-listcon .headslider{width:96px;overflow:hidden;text-align:center}.wenda-listcon .headslider img{display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;vertical-align:top}.wenda-listcon .headslider .nofinish{display:inline-block;position:relative;top:-20px;left:14px;border:1px solid #fff;border-radius:50%;background:#fff;font-size:22px;color:#b7bbbf;border:3px solid #fff}.wenda-listcon .headslider .isfinish{font-size:24px;display:inline-block;position:relative;top:-20px;left:14px;border:1px solid #fff;border-radius:50%;background:#fff;color:#00b43c}.wendaslider{padding-right:20px;min-height:85px;position:relative;overflow:hidden}.wendaslider .wendaquetitle{position:relative;font-size:14px;line-height:20px;color:#363d40}.wendaslider .wendaquetitle i{position:absolute;top:0;left:0;width:20px;height:20px;font-size:15px;text-align:center;line-height:20px}.wendaslider .wendaquetitle i.icon-tick-revert{color:#00b33b}.wendaslider .wendaquetitle i.icon-ques-revert{color:#08c}.wendaslider .wendaquetitle i.icon-ad{color:#0edfdd}.wendaslider .wendaquetitle .wenda-nickname{display:block;line-height:16px;max-width:100%;color:#93999f;font-size:12px;line-height:14px;padding-bottom:12px;white-space:nowrap;overflow:hidden;word-wrap:break-word;word-break:break-all}.wendaslider .wendaquetitle .wenda-nickname:hover{color:#4d555d}.wendaslider .wendaquetitle .wendatitlecon .wait-answer{color:#ff7802;font-size:12px}.wendaslider .wendaquetitle .wendatitlecon .wait-answer strong{font-weight:700;margin-right:20px}.wendaslider .wendaquetitle .wendatitle{font-size:16px;font-weight:700;word-break:break-all;word-wrap:break-word;color:#14191e;line-height:24px}.wendaslider .wendaquetitle .wendatitle:hover{color:#f01414}.wendaslider .wendaquetitle .icon-ding{display:inline-block;color:#f01400}.wendaslider .replymegfooter{margin-top:12px;color:#93999f;font-size:12px}.wendaslider .replymegfooter em{font-style:normal;display:inline-block}.wendaslider .replymegfooter .formcourse{color:#999;font-size:12px;margin-left:30px}
.wendaslider .replymegfooter .formcourse:hover{color:#333}.wendaslider .replynumber{font-size:12px;color:#93999f}.wendaslider .replynumber:hover{color:#00b43c}.wendaslider .replynumber .number{line-height:12px;height:12px;text-align:center;padding:7px 0 0 0}.wendaslider .replynumber .padAjust{padding:0}.wendaslider .replynumber .numShow{font-weight:400;font-size:12px}.wendaslider .replynumber .smallfont{font-size:12px;font-style:normal}.wendaslider .browsenum,.wendaslider .ys{display:inline-block}.wendaslider .ys{margin-right:26px}.replycont{margin-top:10px;position:relative}.replycont i{position:absolute;top:5px;left:3px;width:14px;height:14px;font-size:12px;line-height:14px;color:#b5b9bc}.replycont .replydes{color:#4d555d;font-size:14px;line-height:22px;word-wrap:break-word;word-break:break-all;overflow:hidden}.replycont .replydes .replysign{font-size:14px;line-height:22px}.replycont .replydes .replysign .icon-imooc{position:relative;top:2px;font-size:18px;line-height:22px;color:#f01400}.replycont .replydes .adopt{color:#00b33b}.replycont .replydes .adopt .nickname{color:#00b33b}.replycont .replydes .adopt .nickname:hover{color:#00c850}.replycont .replydes .praise{color:#4d555d}.replycont .replydes .praise .nickname{color:#4d555d}.replycont .replydes .praise .nickname:hover{color:#93999f}.replycont .replydes .nickname{font-size:14px;font-weight:700;line-height:22px}.replycont .replydes .wait-answer{color:#ff7802;font-size:12px}.replycont .replydes .wait-answer strong{font-weight:700;margin-right:20px}.replycont .replydes .myanswer{padding-right:12px;border-right:1px solid rgba(147,153,159,.4)}.replycont .replydes .what-credit{padding-left:12px}.replycont .replydes .replyuserhead{border-radius:10px;overflow:hidden;width:20px;height:20px;display:inline-block;position:absolute;top:2px}.mbottom{margin-bottom:18px}.quesdetail{clear:both}.quesdetail .errortip{clear:both;margin-left:45px}.question-area .errortip{margin-left:0}.ques-label{display:inline-block;width:44px;text-align:left;color:#7e878c;font-size:12px;line-height:38px;float:left}.quesdetail a{height:38px;width:118px;border:1px solid #d0d6d9;display:inline-block;line-height:38px;text-align:center}.quesdetail a.onactive{border:1px solid #39b94e;background:#ebf8ed url(/static/img/bbs.png) no-repeat 108px -280px;color:#39b94e}.quesdetail input{height:15px;width:775px;padding:12px 8px;vertical-align:middle;font-size:14px;color:#555;overflow:hidden}.quesdetail .placeholder{color:#b4bbbf}.error,input.error{border:1px solid #be3948}.defaultbox{border:1px solid #d3dce0}.errortip{background:url(/static/img/bbs.png) no-repeat -1px -336px;clear:both;padding-left:15px;margin:9px 0 0;font-size:12px;line-height:20px;color:#be3948;display:none}.quesdetail .editor{width:790px;zoom:1;float:left;position:relative;z-index:33}.edui-default{line-height:1em}.textarea-unlogin{color:#555;font-size:14px;line-height:18px}.textarea-unlogin textarea{border:1px solid #d3dce0;box-sizing:border-box;display:block;padding:8px;width:100%;height:80px;color:#969b9e;font-size:12px}#course_wiki{padding:0 20px}#course_wiki li{border-bottom:1px solid #edf1f2;overflow:hidden;padding:20px 0}#course_wiki .wikilist_headpic{float:left;width:40px}#course_wiki .wikilist_headpic a{display:block;height:100%;border-radius:20px;overflow:hidden}#course_wiki .wikilist_headpic img{display:block}#course_wiki .wikilist_content .u_name a{font-size:12px;color:#14191e;line-height:20px}#course_wiki .wikilist_content .u_name a:hover{color:#f01400}#course_wiki .wikilist_content .con-wrap{display:block}#course_wiki .wikilist_content .con-wrap h3{font-size:18px;font-weight:600;color:#14191e;line-height:28px}#course_wiki .wikilist_content .con-wrap .con{font-size:12px;line-height:28px;color:#787d82}#course_wiki .wikilist_content .con-wrap:hover h3{color:#f01400}#course_wiki .wikilist_content .con-wrap:hover .con{color:#14191e}#create_wiki:link,#create_wiki:visited{color:#fff;height:48px;display:block;text-align:center;line-height:48px;font-size:16px;font-style:normal;margin:0 0 20px;background:url(/static/img/icon_add.png) 26px 15px no-repeat #39b94e;width:inherit}#create_wiki:hover{background:url(/static/img/icon_add.png) 26px 15px no-repeat #33a646}.wiki-time{padding-top:10px;color:#999;font-size:12px}.integral-pop{display:none;position:fixed!important;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:99999;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.integral-pop .pop-con{position:absolute;background-color:#fff;width:220px;height:220px;left:50%;top:50%;margin:-150px 0 0 -150px;padding:40px;text-align:center}.integral-pop .icon-point{font-size:60px;color:#d0d6d9;display:inline-block;margin-bottom:19px}.integral-pop p{line-height:28px}.integral-pop .integral-rule{color:#b5b9bc;font-size:12px;display:block;margin:7px 0 15px}.integral-pop .integral-rule:hover{transition:all .3s;-weibkit-transition:all .3s;-moz-transition:all .3s;color:#14191e}.integral-pop .btn-green{color:#fff;width:98px}.integral-pop .btn-grey{width:98px;height:38px;line-height:38px;font-size:14px;color:#969b9e;border:1px solid #98a1a6}
.integral-pop .btn-grey:hover{transition:all .3s;-weibkit-transition:all .3s;-moz-transition:all .3s;color:#14191e;border:1px solid #14191e}.favorites-course-layout{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.6);z-index:99}.favorites-course-window{display:none;position:fixed;width:320px;top:200px;left:50%;margin-left:-160px;padding:24px 40px;box-sizing:border-box;background-color:#fff;box-shadow:0 12px 24px 0 rgba(28,31,33,.2);border-radius:12px;z-index:100}.favorites-course-window .icon{display:block;width:80px;line-height:80px;font-size:36px;margin:10px auto 30px;text-align:center;color:#8e9297;background-color:#e8e8e8;border-radius:100px}.favorites-course-window h2{font-weight:700;font-size:16px;color:#1c1f21;line-height:24px;margin-bottom:8px}.favorites-course-window .desc{font-size:12px;color:#545c63;line-height:20px;margin-bottom:18px}.favorites-course-window .desc b{font-weight:700;font-size:16px;color:#f21010}.favorites-course-window .okay{display:block;margin:0 auto 18px;padding:8px 24px;color:#fff;background-color:#383d42;border-radius:100px;cursor:pointer}.favorites-course-window .not-show{display:block;margin:0 auto;font-size:12px;background-color:transparent;color:#92979b;cursor:pointer}.maskcode-block{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(7,17,27,.6);z-index:900}.wechat-box{display:none;position:fixed;top:50%;left:50%;margin-top:-140px;margin-left:-135px;padding:30px 32px 32px;width:280px;height:270px;background:#fff;box-shadow:0 12px 24px 0 rgba(7,17,27,.2);border-radius:12px;box-sizing:border-box;z-index:910}.wechat-box .wechat-close{color:#b2b8bd;position:absolute;right:12px;top:10px;font-size:24px}.wechat-box img{margin:20px auto;width:120px}.placeholder:-moz-placeholder{font-size:12px;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;color:#14191e}.placeholder::-moz-placeholder{font-size:12px;color:#14191e;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;opacity:1}.placeholder:-ms-input-placeholder{font-size:12px;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;color:#14191e}.placeholder::-webkit-input-placeholder{font-size:12px;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;color:#14191e}.placeholder.placeholder{font-size:12px;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;color:#14191e}.verify-code{float:left}.verify-code input.verify-code-ipt{float:left;width:118px;height:30px;line-height:30px;padding:4px 5px;border:1px solid #d0d6d9;font-size:14px;font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif}.verify-code input.verify-code-ipt:-moz-placeholder{color:#14191e}.verify-code input.verify-code-ipt::-moz-placeholder{color:#14191e;opacity:1}.verify-code input.verify-code-ipt:-ms-input-placeholder{color:#14191e}.verify-code input.verify-code-ipt::-webkit-input-placeholder{color:#14191e}.verify-code input.verify-code-ipt.placeholder{color:#14191e}.verify-code input.verify-code-ipt::-moz-placeholder{color:#14191e;opacity:1}.verify-code input.verify-code-ipt:-ms-input-placeholder{color:#14191e}.verify-code input.verify-code-ipt::-webkit-input-placeholder{color:#14191e}.verify-code input.verify-code-ipt.placeholder{color:#14191e}.verify-code .img-code{float:left;margin-left:10px;width:70px;height:40px}.verify-code .verify-code-around{float:left;height:40px;line-height:20px;margin-left:10px;cursor:pointer}.verify-code .verify-code-around i{font-style:normal;color:#00b33b}.verify-code .verify-img-wrap{margin-left:10px;float:left;height:40px;width:70px}.verify-code .verify-img-wrap .verify-img{height:40px;vertical-align:top;width:70px}.verify-code .icon-refresh{color:#b5b9bc;float:left;display:inline-block;font-size:24px;margin:8px 0 0 10px;transition:all .4s ease-in 0s}.verify-code .errtip{float:left;clear:left;height:30px;font-size:12px;line-height:30px;color:#e71f19}.share-wrap{text-align:center}.share-wrap .weichat-posi{position:relative;padding-left:5px}.share-wrap .weichat-style{text-align:center}.share-wrap li{display:inline-block;width:112px;padding:0 36px}.share-wrap .icon-nav{background-image:none;line-height:47px;float:none;display:inline-block;margin:0;padding:0;height:auto;color:#b4bbbf;font-size:47px}
.share-wrap .share-note{color:#787d82;font-size:14px;padding-top:10px}.share-wrap .icon-share-qq,.share-wrap .sns-QQ{font-size:45px}.share-wrap .icon-share-qq:hover,.share-wrap .sns-QQ:hover{color:#08c}.share-wrap .sns-weixin:hover{color:#00b33b}.share-wrap .sns-weibo:hover{color:#f01400}.small-share .share-txt{font-size:12px;color:#14191e;float:left}.small-share li{width:auto;padding:0 2px}.small-share .icon-nav{font-size:20px;color:#787d82;display:inline-block}.small-share .icon-share-qq{font-size:18px;padding:0 3px 0 4px}.small-share .weichat-style{float:left}.small-share .weichat-style a{height:20px;line-height:20px}.small-share .weichat-posi{height:20px}.transition{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.video-panel{padding:32px;background:#1c1f21}.video-panel .video-panel-close,.video-panel .video-panel-show{position:absolute;right:24px;top:16px;font-size:24px;color:#93999f;line-height:24px;cursor:pointer;z-index:1}.video-panel .video-panel-close{display:inline}.video-panel .video-panel-show{display:none}.video-panel.closed{cursor:pointer}.video-panel.closed .video-panel-close{display:none}.video-panel.closed .video-panel-show{top:50%;margin-top:-12px;display:inline}.video-panel .v-teachers{margin-bottom:16px}.video-panel .v-teachers dl{float:left;margin-left:12px}.video-panel .v-teachers dd{height:24px}.video-panel .v-teachers dd:last-child{height:18px;margin-top:2px}.video-panel .v-teachers dd.v-t-nickname,.video-panel .v-teachers dd.v-t-nickname a{font-size:16px;color:#fff;line-height:24px}.video-panel .v-teachers dd.v-t-nickname i{position:relative;color:#f01414;margin-left:4px}.video-panel .v-teachers dd.v-t-title{font-size:12px;color:rgba(255,255,255,.8);line-height:18px}.video-panel .v-teachers-img{float:left;width:48px;height:48px;border-radius:50%;overflow:hidden}.video-panel .v-teachers-img img{width:100%;height:100%}.video-panel .v-teachers-info{font-size:12px;color:rgba(255,255,255,.6);line-height:22px}.video-panel .column_recommend{width:100%;margin-top:24px}.video-panel .column_recommend .title{font-weight:700;font-size:16px;line-height:24px;margin-bottom:16px;color:#fff;position:relative}.video-panel .column_recommend .more{position:absolute;right:0;top:0;font-size:12px;color:#9199a1;line-height:24px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.video-panel .column_recommend .more:hover{color:#545c63}.video-panel .column_recommend ul li{width:100%;margin-bottom:8px}.video-panel .column_recommend ul li .img{width:70px;height:98px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;position:relative;margin-right:12px}.video-panel .column_recommend ul li .img .insale{position:absolute;left:-6px;top:-4px;width:40px;height:24px;line-height:20px;background:#37f;border:2px solid #fff;box-shadow:0 2px 4px 0 rgba(28,31,33,.2);border-radius:12px;font-size:12px;color:#fff;font-weight:700;text-align:center;box-sizing:border-box}.video-panel .column_recommend ul li .text_con{width:198px;padding-top:4px;height:106px;box-sizing:border-box}.video-panel .column_recommend ul li .text_con .title{font-weight:700;font-size:14px;color:rgba(255,255,255,.6);line-height:20px;text-align:left;margin-bottom:4px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.video-panel .column_recommend ul li .text_con .title:hover{color:#fff}.video-panel .column_recommend ul li .text_con .info{margin-bottom:4px}.video-panel .column_recommend ul li .text_con .info i{font-size:12px;color:#9199a1;text-align:left;line-height:18px;padding:0 4px}.video-panel .column_recommend ul li .text_con .info span{font-size:12px;color:#9199a1;text-align:left;line-height:18px}.video-panel .column_recommend ul li .text_con .price_con .goBuy{padding:0 12px;height:24px;font-weight:700;font-size:12px;color:#37f;line-height:24px;background:rgba(51,119,255,.1);border-radius:12px;margin-right:16px}.video-panel .column_recommend ul li .text_con .price_con .ori{font-size:12px;color:#9199a1;line-height:24px}.video-panel .column_recommend ul li .text_con .price_con .sale{font-weight:700;font-size:12px;color:#37f;text-align:left;line-height:24px;margin-right:4px}.video-panel .column_recommend ul li .text_con .price_con .sale-ori{font-size:12px;color:#9199a1;text-align:left;line-height:24px;text-decoration-line:line-through}.video-panel .column_recommend ul li:last-child{margin-bottom:0}.video-panel .v-course-wrap{padding-top:24px}.video-panel .v-course-wrap h3{font-size:16px;color:#fff;line-height:24px}.video-panel .v-course-wrap .v-course-list{padding-top:16px}.video-panel .v-course-wrap .v-course{float:left;width:272px;position:relative;margin-bottom:20px;padding-left:112px;box-sizing:border-box;margin-right:15px;height:64px;min-height:64px}
.video-panel .v-course-wrap .v-course:last-child{margin-bottom:0}.video-panel .v-course-wrap .v-course:hover .v-course-info span,.video-panel .v-course-wrap .v-course:hover .v-course-name{color:#fff}.video-panel .v-course-wrap img{position:absolute;left:0;top:0;width:96px;height:64px;border-radius:8px}.video-panel .v-course-wrap .v-course-name{font-size:14px;color:rgba(255,255,255,.6);line-height:20px;transition:.2s all linear;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-panel .v-course-wrap .v-course-info span{float:left;position:relative;font-size:12px;color:rgba(255,255,255,.4);line-height:18px;padding-right:14px;transition:.2s all linear}.video-panel .v-course-wrap .v-course-info span::before{content:"·";position:absolute;right:4px;top:0;width:6px;text-align:center;line-height:18px}.video-panel .v-course-wrap .v-course-info span:last-child::before{display:none}.putnote,.putqa{padding-bottom:24px;position:relative}.putnote input,.putqa input{display:block;height:36px;background:#fff;border:1px solid #d3d6d9;border-radius:6px;margin-top:16px;width:100%;padding:0 12px;box-sizing:border-box}.putnote input.error,.putqa input.error{border-color:#f01414}.putnote textarea,.putqa textarea{width:100%;padding:12px 16px;box-sizing:border-box;background:#fff;border:1px solid #9199a1;border-radius:6px;height:160px}.putnote .putnote-submit,.putnote .putqa-submit,.putqa .putnote-submit,.putqa .putqa-submit{float:right}.putnote .error-tip,.putqa .error-tip{height:24px;margin:0;background:0;padding-left:0;font-size:12px;line-height:24px;color:#f01414}.putnote .errortip-btm,.putqa .errortip-btm{margin-right:16px;font-size:12px;color:#f01414;line-height:40px}.putnote .captcha-verify-box,.putqa .captcha-verify-box{right:55px;bottom:80px}.putnote .captcha-verify-box::before,.putqa .captcha-verify-box::before{left:302px}.putnote .captcha-verify-box::after,.putqa .captcha-verify-box::after{left:301px}.putnote .screen-btn,.putqa .screen-btn{float:left;width:62px;height:24px;background-color:#98a1a6;border-radius:12px;overflow:hidden;cursor:pointer;margin-top:8px}.putnote .screen-btn.on,.putqa .screen-btn.on{background-color:#00b33b}.putnote .screen-btn.on span,.putqa .screen-btn.on span{float:right}.putnote .screen-btn span,.putqa .screen-btn span{width:52px;height:22px;background-color:#fff;border-radius:11px;color:#787d82;font-size:12px;line-height:22px;display:block;border:1px solid #d0d6d9;text-align:center;user-select:none}.panel-btn-wrap{padding-top:18px;text-align:center}.mocoplayer-error{width:100%!important;height:100%!important}.course-layout{display:flex;display:-webkit-flex;position:relative;zindex:1}.course-sidebar-layout{background:#1c1f21;width:60px;display:flex;display:-webkit-flex;align-items:center;z-index:10000}.course-sidebar-layout dl{flex:1;width:100%}.course-sidebar-layout dd{display:flex;display:-webkit-flex;height:72px;flex-direction:column;text-align:center;justify-content:center;cursor:pointer}.course-sidebar-layout dd.current,.course-sidebar-layout dd:hover{background:#26292c}.course-sidebar-layout dd.current i,.course-sidebar-layout dd.current span,.course-sidebar-layout dd:hover i,.course-sidebar-layout dd:hover span{color:#fff}.course-sidebar-layout dd.ticked i{color:#37f}.course-sidebar-layout dd.vhidden{display:none}.course-sidebar-layout i{font-size:24px;color:rgba(255,255,255,.6);line-height:24px}.course-sidebar-layout span{font-size:12px;color:rgba(255,255,255,.4);line-height:18px}.course-center-layout{position:relative;flex:1;background:#1c1f21}.course-right-layout{position:relative;background:#1c1f21;width:384px;padding:0;right:0;z-index:1}.course-right-layout .course-drag,.course-right-scroll .course-drag{position:absolute;left:0;top:0;width:10px;height:100%;cursor:col-resize;z-index:2}.course-right-layout .course-drag .drag,.course-right-scroll .course-drag .drag{position:absolute;top:50%;margin-top:-50%;left:0;width:18px;height:52px;background-image:url(images/drag.png);background-repeat:no-repeat;background-size:100%;background-position:top center}.course-right-layout .course-right-nano,.course-right-scroll .course-right-nano{position:relative;width:100%;height:100%;overflow:hidden;z-index:2}.course-right-layout .course-right-nano:hover .nano-pane,.course-right-scroll .course-right-nano:hover .nano-pane{opacity:1}.course-right-layout .nano-right-content,.course-right-scroll .nano-right-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0}.course-right-layout .nano-right-content::-webkit-scrollbar,.course-right-scroll .nano-right-content::-webkit-scrollbar{display:block}.course-right-layout .nano-right-content::-webkit-scrollbar,.course-right-scroll .nano-right-content::-webkit-scrollbar{display:none}.course-right-layout .nano-right-slider,.course-right-scroll .nano-right-slider{background:#444;position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:4px}
.course-right-layout .nano-pane,.course-right-scroll .nano-pane{position:absolute;width:10px;right:5px;top:0;bottom:0;visibility:hidden;opacity:.01;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:1}.course-right-layout .nano-pane .nano-right-slider,.course-right-scroll .nano-pane .nano-right-slider{width:8px!important;border-radius:4px}.c-panel{position:absolute;top:0;right:0;left:0;z-index:0;min-height:100%;display:none;box-sizing:border-box}.c-panel.current{display:block;z-index:1}.c-panel.note-panel,.c-panel.qa-panel{background:#fff;box-shadow:0 8px 16px 0 rgba(28,31,33,.1)}.c-panel.note-panel h3,.c-panel.qa-panel h3{font-size:16px;color:#545c63;line-height:24px;font-weight:700;margin-bottom:16px}.c-panel.note-panel .mod-qa-list .qa-medias,.c-panel.qa-panel .mod-qa-list .qa-medias{width:96px}.c-panel .panel-close{position:absolute;right:24px;top:16px;font-size:24px;color:#93999f;line-height:24px;cursor:pointer;z-index:1}.c-panel .panel-t{padding:16px 24px 10px}.c-panel .panel-t .edui-editor{border:0!important;border-radius:0}.c-panel .panel-t .edui-editor-iframeholder{border:1px solid #d3d6d9;box-sizing:border-box}.c-panel .note-form-bot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.c-panel .note-form-bot .switch-wrap{font-size:12px;color:#93999f;line-height:24px;float:left;padding:6px 0;margin-right:24px;user-select:none}.c-panel .note-form-bot .switch-wrap .switch{float:left;position:relative;width:20px;height:20px;margin-right:4px;margin-top:1px}.c-panel .note-form-bot .switch-wrap .switch i{font-size:20px;color:#545c63;line-height:20px}.c-panel .note-form-bot .switch-wrap .switch-line{width:40px;height:6px;margin-top:8px;background-color:#d0d6d9;border-radius:10px;position:absolute;z-index:0}.c-panel .note-form-bot .switch-wrap .round{width:20px;height:20px;border-radius:50%;border:2px solid #b4bbbf;position:absolute;background-color:#fff;cursor:pointer;transition:all .3s;top:0;left:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}.c-panel .note-form-bot .switch-wrap span{cursor:pointer;font-size:14px;color:#545c63;line-height:20px}.c-panel .panel-list{padding:0 32px}.c-panel .panel-list .loading{margin-top:100px;text-align:center}#note-panel-editor .edui-editor-toolbarboxouter,#right-note-update .edui-editor-toolbarboxouter{border-radius:0}#note-panel-editor .edui-editor-iframeholder,#right-note-update .edui-editor-iframeholder{border:1px solid #d3d6d9;box-sizing:border-box;padding-bottom:0}#note-panel-editor .insert-pic,#right-note-update .insert-pic{border-radius:4px;position:relative;overflow:visible;cursor:pointer;color:#f20d0d;background:rgba(242,13,13,.1)}#note-panel-editor .insert-pic .js-insert-pic,#right-note-update .insert-pic .js-insert-pic{display:inline-block;font-size:18px;line-height:1;margin:7px}#note-panel-editor .insert-pic .js-insert-pic.pic-loading,#right-note-update .insert-pic .js-insert-pic.pic-loading{pointer-events:none;opacity:.3}#jsPutNote{position:relative}#jsPutNote .insert-tips{position:absolute;top:22px;width:175px;color:#fff;background:#fa0;box-shadow:0 4px 8px 0 rgba(255,170,0,.4);border-radius:6px;padding:5px;line-height:18px;font-size:12px;z-index:2}#jsPutNote .insert-tips::after{content:'';display:inline-block;position:absolute;bottom:-3px;right:55px;width:10px;height:10px;background:#fa0;transform:rotate(45deg)}#jsPutNote .insert-tips i{cursor:pointer}.fl{float:left}.fr{float:right}.course_qa_list{padding:0 20px}.pub-editor-wrap{line-height:1em;float:left;width:794px}.qa-form .block{width:100%;height:41px}.qa-form .block-editor{height:auto}.qa-form .block,.qa-form .edui-editor{-webkit-box-sizing:border-box;box-sizing:border-box}.qa-form .form-ctrl{position:relative;width:auto;float:none;min-height:70px}.qa-form .custom-width{width:92.2%}.qa-form .another-meth{border:0 none;position:absolute;font-size:12px;color:#00b33b;line-height:18px;width:auto;text-align:right;right:6px;top:2px}.qa-form .another-meth:hover{color:#00802b}.pub-btn{background-color:#00b43c;height:40px;padding:0 12px;line-height:40px;text-align:center;color:#fff;cursor:pointer;font-size:14px}.pub-btn:hover{background-color:#00c850}.pub-btm{position:relative}.pub-btm .pub-btn{margin-top:0}.pub-btm .errortip-btm{margin-right:16px;font-size:12px;color:#f01414;line-height:40px}.moco-modal-dialog .captcha-verify-box{right:-125px;z-index:99}.submit-loading{background-color:#7fd99d}.issques form{position:relative}em.issueBtn{width:100px;height:80px;line-height:80px;font-size:16px;background:#39b94e;color:#fff;text-align:center;display:inline-block;cursor:pointer;float:right}em.issueBtn:hover{background:#33a646}.publish-box a{margin:0 20px}.publish-box a i{margin-right:5px}.mod-qa-list{position:relative;margin-bottom:8px;padding:32px;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:12px}.mod-qa-list .icon-finish,.mod-qa-list .icon-wenda{position:absolute;left:0;top:0;width:48px;height:48px;background:url(/static/img/wenda/icon_wenda.png) no-repeat 0 0;background-size:cover}
.mod-qa-list .mod-qa-list .qa-medias{width:96px;overflow:hidden;text-align:center}.mod-qa-list .qa-medias .meida:hover{color:#be3948;text-decoration:underline}.mod-qa-list .qa-medias img{display:block;width:40px;height:40px;margin:0 auto;border-radius:50%;vertical-align:top}.mod-qa-list .qa-medias .isfinish,.mod-qa-list .qa-medias .isflag,.mod-qa-list .qa-medias .issport,.mod-qa-list .qa-medias .nofinish{font-size:24px;display:inline-block;position:relative;top:-20px;left:14px;border:1px solid #fff;border-radius:50%;background:#fff}.mod-qa-list .qa-medias .isfinish{color:#00b43c}.mod-qa-list .qa-medias .nofinish{font-size:22px;color:#b7bbbf;border:3px solid #fff}.mod-qa-list .qa-content{padding-right:20px;min-height:85px;position:relative;overflow:hidden;word-wrap:break-word;word-break:break-all}.mod-qa-list .qa-header{font-size:14px;line-height:20px;color:#363d40;position:relative}.mod-qa-list .qa-header .name{display:block;max-width:100%;font-size:14px;color:#07111b;line-height:22px;white-space:nowrap;overflow:hidden;word-wrap:break-word;word-break:break-all;font-weight:700}.mod-qa-list .qa-header .name:hover{color:#4d555d}.mod-qa-list .qa-header .qa-header-cnt .istop{color:#ff7e00;margin-right:5px}.mod-qa-list .qa-header .qa-tit{font-size:16px;font-weight:700;word-break:break-all;word-wrap:break-word;color:#07111b;line-height:24px}.mod-qa-list .qa-header .qa-tit:hover{color:#f01414}.mod-qa-list .qa-header .add-integral{font-size:12px;color:#ff7802;font-weight:700}.mod-qa-list .qa-header .isflag,.mod-qa-list .qa-header .issport{background:url(/static/img/add-qa.png) no-repeat 0 0}.mod-qa-list .qa-header .isflag{background-position:0 -30px}.mod-qa-list .comment-content{font-size:16px;line-height:28px}.mod-qa-list .qa-footer{margin-top:12px;color:#93999f;font-size:12px!important}.mod-qa-list .qa-footer .l-box em{font-style:normal;display:inline-block}.mod-qa-list .qa-footer .l-box a{color:#93999f;margin-right:30px}.mod-qa-list .qa-footer .l-box a:hover{color:#4d555d}.mod-qa-list .qa-footer a:hover{color:#00b43c}.mod-qa-list .qa-footer .static-count{font-size:12px;color:#93999f}.mod-qa-list .qa-footer .static-count .static-item{display:inline-block}.mod-qa-list .qa-footer .static-count .static-item.answer{margin-right:26px}.replycont{margin-top:10px;position:relative}.replycont .wait-answer{margin-left:20px;padding:0 8px;display:inline-block;font-size:12px;color:#fff;background:#fa0;box-shadow:0 4px 8px 0 rgba(255,170,0,.4);border-radius:6px;line-height:26px;position:relative}.replycont .wait-answer:before{font-size:30px;position:absolute;color:#fa0;left:-17px}.replycont a{font-size:12px;color:#71777d}.replycont a:hover{color:#2b333b}.replycont .replyicon{background:url(/static/img/wendanew.png) no-repeat 0 0;position:absolute;top:5px;left:3px;width:14px;height:14px;display:inline-block;vertical-align:middle}.replydes{padding-left:20px;border-left:2px solid #d9dde1;color:#545c63;font-size:12px;line-height:20px;word-wrap:break-word;word-break:break-all;overflow:hidden}.replydes.best{border-left:2px solid rgba(31,173,78,.2)}.replydes .replysign{margin-bottom:4px}.replydes .adopt{color:#00b43c}.replydes .adopt .nickname{color:#00b43c}.replydes .adopt .nickname:hover{color:#00c850}.replydes .icon-imooc{position:relative;top:2px;font-size:18px;line-height:22px;color:#f01400}.replydes .what-credit{padding-left:12px}.replydes .replyuserhead{border-radius:10px;overflow:hidden;width:20px;height:20px;display:inline-block;position:absolute;top:2px}.mbottom{margin-bottom:24px}.quesdetail.que-text-box{min-height:385px}.quesdetail{clear:both}.quesdetail .errortip{clear:both;height:24px;margin:0;background:0;padding-left:0;font-size:12px;line-height:24px;color:#f01414;display:none}.question-area .errortip{margin:0}.ques-label{display:inline-block;width:44px;text-align:left;color:#f01414;font-size:12px;line-height:38px;float:left}.quesdetail a{height:38px;width:118px;border:1px solid #d0d6d9;display:inline-block;line-height:38px;text-align:center}.quesdetail a.onactive{border:1px solid #39b94e;background:#ebf8ed url(/static/img/bbs.png) no-repeat 108px -280px;color:#39b94e}.quesdetail input{height:15px;width:775px;padding:12px 8px;vertical-align:middle;font-size:14px;color:#555;overflow:hidden}.quesdetail .placeholder{color:#b4bbbf}.defaultbox{border:1px solid #93999f}.edui-editor{border:1px solid #b7bbbf!important}.errortip{background:0;clear:both;padding-left:0;font-size:12px;line-height:12px;color:#f01414;display:none}.quesdetail .editor{zoom:1;position:relative;z-index:33;overflow:hidden}.edui-default{line-height:1em}.textarea-unlogin{color:#555;font-size:14px;line-height:18px}.textarea-unlogin textarea{border:1px solid #d3dce0;display:block;padding:8px;width:100%;height:80px;color:#969b9e;font-size:12px}.ques-list{padding:10px 0 10px 0}.verify-code img{height:30px;display:inline-block;vertical-align:middle;margin:0 7px}.verify-code-ipt{border:1px solid #e5e5e5;width:58px;height:25px;line-height:25px;text-align:center}
.verify-code-around{display:inline-block;vertical-align:middle;width:40px;line-height:1em;font-size:12px;cursor:pointer}.othercode-item{padding:20px 0;border-bottom:1px solid #eee}.othercode-avator{display:inline-block;vertical-align:middle;line-height:1em}.othercode-avator img{border-radius:50%}.othercode-nick{display:inline-block;vertical-align:middle;line-height:40px;padding:0 20px}.othercode-nick:link,.othercode-nick:visited{font-size:12px;color:#333}.othercode-nick:hover{color:#c33}.otherscode-code{display:inline-block;height:30px;width:120px;vertical-align:middle;background:url(/static/img/code-sprite.png) no-repeat 0 0}.otherscode-code:hover{background-position:0 -40px}.otherscode-list-bottom{margin-top:10px;font-size:12px;color:#999}.otherscode-list-bottom .list-praise em{float:none}.otherscode-time{margin-right:15px}.othterscode-none{color:#d0d6d9;font-size:14px;text-align:center;padding:80px 0 30px 0}.othterscode-none span{width:120px;height:75px;display:block;margin:0 auto 30px;background:url(/static/img/code-sprite.png) no-repeat 0 -80px}.otherscode-list-bottom .icon{vertical-align:-2px}.othercode-nice{color:#8fc21f;display:inline-block;vertical-align:middle;height:16px;line-height:16px;padding-left:17px;margin-left:20px;background:url(/static/img/code-sprite.png) no-repeat 0 -165px}.verify-code-ipt{float:left;height:17px;width:110px;padding:12px 0 10px 8px;border:1px solid #d0d6d9;color:#b5b9bc;box-shadow:none;line-height:normal;text-align:left;font-size:15px;font-family:"微软雅黑"}.verify-img{width:70px;height:40px;margin-left:10px;background-color:#787d82}.icon-refresh{font-size:30px;color:#93999f!important;height:40px;line-height:40px;margin-left:20px;cursor:pointer}.icon-refresh:hover{color:#07111b!important}.errtip{display:block;position:absolute;font-size:12px;line-height:31px;color:#f01414}.star-box i{font-size:16px;color:#d0d6d9}.star-box i.active{color:#f90}.star-box em{position:relative}.star-box i.icon-star_half{position:absolute;left:0;top:0;color:#f90}.star-box.js-star{cursor:pointer;position:relative;overflow:visible}.star-box .star-tip{display:none;position:absolute;left:0;top:0;z-index:10;width:150px;padding:10px;font-size:14px;color:#f90;line-height:20px;border:1px solid #f90;background-color:#fff}.star-box .star-tip b{position:absolute;left:50%;top:-6px;margin-left:-6px;width:12px;height:6px;font-size:0;line-height:0;overflow:hidden;background:url(/static/img/course/arrow.png) no-repeat left top}.score-info{position:relative;padding:20px;border:1px solid #d0d6d9;margin-bottom:40px}.score-info .satisfaction-degree-info{padding-bottom:15px;border-bottom:1px solid #d0d6d9}.score-info .satisfaction-degree-info h3{font-size:14px;color:#787d82;line-height:16px}.score-info .satisfaction-degree-info h4{font-size:30px;line-height:32px;color:#787d82;margin:10px 0;font-weight:400;border-bottom:0 none;padding-bottom:0}.score-info .condition-box{width:100%;display:table;margin-top:15px}.score-info .condition-box .condition{display:table-cell;height:40px;line-height:20px}.score-info .condition-box .condition h3{font-size:12px;color:#787d82;text-align:left;line-height:20px}.score-info .condition-box .condition p{font-size:14px;font-weight:600;color:#787d82;text-align:left;line-height:20px}.score-info .info-box{font-size:12px;line-height:20px;padding-top:20px}.score-info .info-box span{float:left;color:#f90}.score-info .info-box span em{font-weight:700}.score-info .info-box a{float:right;color:#14191e}.score-info .person-num{position:absolute;top:16px;right:20px}.score-info .person-num a{font-size:12px;color:#b5b9bc}@media only screen and (max-width:820px){.info-bar-box{float:none}.score-info{padding:25px 0 25px 156px;position:relative;height:80px}.score-info .satisfaction-degree-info{position:absolute;left:36px;width:120px;border-bottom:0 none;padding-bottom:0}.score-info .condition-box{margin-top:67px;width:390px;margin-left:22px}.score-info .condition-box .condition{height:20px}.score-info .condition-box h3{display:inline}.score-info .condition-box h3:after{content:"： "}.score-info .condition-box p{display:inline}.score-info .person-num{top:auto;right:40px;bottom:20px}}.note-item{padding-top:14px;border-bottom:1px solid rgba(28,31,33,.1);position:relative;width:100%;box-sizing:border-box;background:#fff}.note-item:last-child{border:0}.note-item .one{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.note-item .one .user-info{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.note-item .one .user-info img{border-radius:50%;width:36px;height:36px}.note-item .one .user-info .right{font-size:12px;margin-left:16px}.note-item .one .user-info .right .username{color:#07111b;line-height:24px}.note-item .one .user-info .right .username:hover{color:#4d555d}.note-item .one .user-info .right .from{line-height:24px}
.note-item .one .user-info.not-from img{width:24px;height:24px}.note-item .one .user-info.not-from .right{margin-left:8px}.note-item .one .video-time{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f3f5f6;border-radius:100px;padding:5px 10px}.note-item .one .video-time .imv2-video_circle{color:#d3d6d9;font-size:16px}.note-item .one .video-time .collect-time{font-style:normal;font-size:12px;color:#545c63;line-height:16px;margin-left:5px}.note-item .from{display:block;font-size:12px;color:#93999f;line-height:24px}.note-item .two{overflow:hidden}.note-item .two .view-all{display:none}.note-item .three{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background-color:#fff;padding:8px 0}.note-item .three>.left{font-size:12px}.note-item .three>.left .time{color:#9199a1}.note-item .three>.left .is-public{color:#9199a1;margin-left:16px}.note-item .three>.left .from-user{color:#545c63;margin-left:5px}.note-item .three>.left .review-fail,.note-item .three>.left .reviewing{position:relative;color:#9199a1;margin-left:5px;cursor:pointer}.note-item .three>.left .review-fail .tooltip,.note-item .three>.left .reviewing .tooltip{display:none;opacity:0;position:absolute;top:-40px;left:0;line-height:1;padding:8px 16px;color:#fff;background:#383d42;box-shadow:0 8px 16px 0 rgba(28,31,33,.2);border-radius:4px;white-space:nowrap;transition:.2s ease}.note-item .three>.left .review-fail .tooltip::after,.note-item .three>.left .reviewing .tooltip::after{content:'';position:absolute;bottom:-16px;left:10px;border:8px solid transparent;border-top-color:#383d42}.note-item .three>.left .review-fail:hover .tooltip,.note-item .three>.left .reviewing:hover .tooltip{display:block;opacity:1}.note-item .three .operate button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:transparent;cursor:pointer}.note-item .three .operate button+button{margin-left:10px}.note-item .three .operate button i{font-size:16px;margin-right:5px;color:#9199a1;transition:all .2s}.note-item .three .operate button i.imv2-notdisplay::before{content:"\e8f5"}.note-item .three .operate button span{font-size:12px;color:#717a84}.note-item .three .operate button.favor{position:relative}.note-item .three .operate button.favor.active .imv2-thumb-revert{color:#fb3}.note-item .three .operate button.collect.active .imv2-forward1{color:#f20d0d}.note-item .three .operate button.fold-btn{display:none}.note-item .three .operate button.fold-btn .imv2-arrow-d{display:inline-block;transform:rotate(180deg);color:#69f}.note-item .three .operate button.fold-btn span{color:#69f}.note-item .note-content{font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;color:#1c1f21;word-break:break-all;white-space:pre-wrap}.note-item .note-content h1,.note-item .note-content h2,.note-item .note-content h3{line-height:1em;margin:.67em 0}.note-item .note-content h1{font-size:24px}.note-item .note-content h2{font-size:20px}.note-item .note-content h3{font-size:16px}.note-item .note-content ol,.note-item .note-content p,.note-item .note-content ul{margin:1em 0}.note-item .note-content b,.note-item .note-content strong{font-weight:700}.note-item .note-content address,.note-item .note-content cite,.note-item .note-content dfn,.note-item .note-content em,.note-item .note-content i,.note-item .note-content var{font-style:italic;font-weight:inherit}.note-item .note-content ol{list-style:decimal;padding-left:30px}.note-item .note-content ul{list-style:disc;padding-left:30px}.note-item .note-content ol p,.note-item .note-content ul p{margin:.6em 0}.note-item .note-content a:link,.note-item .note-content a:visited{color:#08c;text-decoration:none}.note-item .note-content a:active,.note-item .note-content a:hover{text-decoration:underline}.note-item .note-content blockquote{padding:1px 20px;margin:1em 0;border-left:4px solid #ccc;color:#787d82;background-color:#f5f5f5;overflow-x:auto}.note-item .note-content pre{font-family:"Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;margin:.5em 0;padding:.4em .6em;line-height:1.5;border-radius:3px;background:#eee;overflow-x:auto}.note-item .note-content p{margin:0 0 1em 0;white-space:normal}.note-item .note-content img{max-width:70%}.note-item .note-content .more{display:inline-block;position:relative;top:-2px;left:8px;padding:4px 12px;font-size:12px;color:#93999f;line-height:16px;border:1px solid #d9dde1;border-radius:12px;cursor:pointer}
.note-item.fold .two{position:relative;max-height:300px}.note-item.fold .two .view-all{position:absolute;bottom:0;left:0;right:0;display:block;text-align:center;color:#37f;padding-top:70px;line-height:30px;margin-top:-100px;background:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.8) 60px,#fff 90px);cursor:pointer}.note-item.unfold .three .operate button.fold-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.note-item.fixed .two{margin-bottom:46px}.note-item.fixed .three{position:fixed;bottom:0;right:0;box-shadow:0 0 5px rgba(0,0,0,.1);z-index:3;padding:10px 32px;box-sizing:border-box}.editor-box{position:absolute;top:0;left:0;width:100%;bottom:50px}.editor-tab{position:relative;height:50px;line-height:50px;font-size:12px;font-family:Georgia,"Times New Roman",Times,serif;color:#c1c1c1;overflow:hidden;background:#232c31}.editor-tab .editor-op{display:none;width:50px;height:50px;position:absolute;text-align:center;line-height:50px;cursor:pointer;color:#787d82}.editor-tab .editor-op:hover{color:#f5f3f3}.editor-tab .editor-left{left:0;top:0}.editor-tab .editor-right{right:0;top:0}.editor-tab .editor-view{margin-left:0;margin-right:0;height:50px;overflow:hidden}.editor-tab .editor-view ul{position:relative;width:2000px}.editor-tab.js-hasop .editor-op{display:block}.editor-tab.js-hasop .editor-view{margin-left:50px;margin-right:50px}@media only screen and (max-width:1216px){.editor-tab .editor-right{right:160px}.editor-tab.js-hasop .editor-op{display:block}.editor-tab.js-hasop .editor-view{margin-right:210px}}.editor-tab span{padding:0 20px;font-size:18px}.editor-tab li{float:left}.editor-tab li a{display:block;padding:0 30px;color:#787d82}.editor-tab li:hover a{color:#fff}.editor-tab li.ui-tabs-active a{background:#1d1f21;color:#fff}.course-tool-bar{padding-right:15px;font-size:12px;height:58px;background-color:#f3f5f7;position:relative}.course-tool-bar .tool-left a{margin:0 20px;line-height:40px;color:#787d82;float:left;font-size:12px;display:inline-block;line-height:58px;text-align:center}.course-tool-bar .tool-left a.active{color:#14191e}.course-tool-bar .tool-right{color:#787d82;line-height:40px}.course-tool-bar .tool-chk{color:#787d82;height:58px;line-height:58px}.space-note-input{position:relative;margin:10px 0 20px;padding:6px 10px 15px 6px;border:1px solid #b7bbbf;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .2s;-moz-transition:border-color .2s;-webkit-transition:border-color .2s;-o-transition:border-color .2s}.space-note-input textarea{width:100%;resize:none;height:72px;line-height:18px;font-size:13px;overflow:auto;color:#555}p.space-note-text-counter{position:absolute;right:5px;bottom:3px;font-size:12px;line-height:12px!important;color:#ccc;padding:0}p.space-note-text-counter span{line-height:12px!important}.space-fake-focus{border-color:#93999f}.space-fake-error{border-color:#be3948}.space-fake-error.space-fake-focus{border-color:#93999f}.post-row .sava_btn{display:none;float:right;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}.post-row .sava_btn:link{color:#fff}.post-row .sava_btn:hover{opacity:.8}.post-row .sava_btn:visited{color:#fff}.pop-deleting,.popl-wrap{width:220px;height:200px;padding:40px;position:fixed;left:50%;top:50%;margin:-140px 0 0 -150px;z-index:19891017;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2)}.popl-hd{height:58px;background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) center 0 no-repeat}.popl-main{margin:21px 0 25px;text-align:center}.popl-main p{color:#14191e;font-size:14px;line-height:28px}.popl-btm .popl-btn{position:absolute;left:50%;text-decoration:none;color:#fff;font-size:14px;text-align:center;width:98px;height:38px;line-height:40px}.popl-btm .popl-yes{border:1px solid #00b33b;background-color:#00b33b;margin-right:10px;left:40px}.popl-btm .popl-no{border:1px solid #98a1a6;background-color:#fff;color:#969b9e;margin-left:10px}.contain-coverLayer{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5}.pop-deleting{height:97px;width:120px;padding:23px 0 0 0;text-align:center;font-size:14px;color:#14191e;margin:-60px 0 0 -60px}.deleting-bd{height:40px;background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) 60% -98px no-repeat;margin-bottom:15px}.deleting-bd.pop-error{background-position:60% -58px}.deleting-bd.pop-dodeling{background:url(/static/lib/layer/1.6.0/skin/default/pop_loading0.gif) center 0 no-repeat}.notelist-content{padding:8px 0;position:relative;max-height:156px;line-height:28px;overflow:hidden;font-size:14px;clear:both}.notelist-content .note-content{font-size:16px;line-height:28px;white-space:pre-wrap}.notelist-content-more{position:absolute;top:145px;left:0;right:0;height:33px;line-height:33px;background-color:#fff}.notelist-content-more a{font-size:12px;color:#999}.notelist-content-more a:hover{color:#f01400}.note-img{margin-bottom:16px;overflow:hidden}
.note-img .note-img-box{display:inline-block;position:relative;border:1px solid #d3d6d9;font-size:0;cursor:pointer}.note-img .note-img-box i{position:absolute;left:0;bottom:0;padding:0 5px;font-size:12px;font-style:normal;line-height:20px;color:#fff;z-index:1;background-color:rgba(0,0,0,.4)}.note-img .view-video{margin-left:15px;display:inline-block;width:74px;height:24px;line-height:24px;text-align:center;background:rgba(28,31,33,.12);border-radius:12px;font-size:12px;color:#1c1f21}.note-img .view-video i{margin-right:2px}.note-img .note-code{padding:8px;display:inline-block;background:#f3f5f6;border-radius:4px;cursor:pointer}.note-img .note-code .note-code-view{padding-bottom:8px;font-size:12px;color:#9199a1;line-height:16px}.note-img .note-code .note-code-view i{margin-right:3px}.note-img .note-code img{display:block}.hover-area{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hover-area a,.hover-area span{height:100%;line-height:88px;text-align:center;color:#fff;position:relative;cursor:pointer}.hover-area a{text-align:center;float:left;width:50%}.hover-area .slider-door{position:absolute;width:50%;height:100%;top:0;color:#fff;line-height:90px;text-align:center;z-index:2}.hover-area .slider-door:hover{cursor:pointer;background:rgba(0,0,0,.8) none repeat scroll!important}.hover-area .catch-pic{left:0;margin-left:-50%;background:rgba(0,0,0,.5) none repeat scroll!important}.hover-area .catch-video{right:0;margin-right:-50%;background:rgba(0,0,0,.3) none repeat scroll!important}.answer-img-big{width:60%;height:auto}.answer-img-big img{max-width:100%}a.color-gray:hover{color:#303538}a.color-gray{color:#969b9e}.icon_collection{width:16px;height:16px;background:url(/static/img/icon_notelist.png) left bottom no-repeat;display:inline-block;float:left}.icon_collection.on{background-position:right bottom}.icon_good{width:16px;height:16px;background:url(/static/img/icon_notelist.png) left top no-repeat;display:inline-block}.icon_good.on{background-position:right top}span.intertime a{color:#fff;display:block}span.intertime{width:60px;height:20px;line-height:20px;background:url(/static/img/videointertime.png) no-repeat 0 0;padding-left:20px;color:#5e5e5e;font-size:12px;font-family:"宋体";display:block;float:left;margin-left:10px}.intertime:hover{background:url(/static/img/videointertime.png) no-repeat 0 -30px;cursor:pointer}span.playtime_AS{margin-top:0;position:absolute;bottom:0;right:0}span.playtime_Ac{margin-top:265px}.defaultbox{border:1px solid #b7bbbf}.qa-form{margin-top:0}.pub-editor-wrap{width:100%;position:relative;padding:8px 10px;border:1px solid #b7bbbf;background-color:#fff;box-sizing:border-box;border-radius:2px}.pub-editor-wrap textarea{width:97%;min-height:62px;padding:8px;color:#555;font-size:14px;resize:none;line-height:18px;font-family:"Microsoft YaHei"}.pub-comment{position:relative}.pub-comment .moco-btn{margin-top:15px}.pub-comment .errortip{clear:none}.captcha-verify-box{position:absolute;right:-106px;bottom:55px;padding:6px;width:320px;background:#fff;border-radius:4px;border:1px solid #d0d6d9;z-index:9}.captcha-verify-box:after{position:absolute;bottom:-11px;left:156px;content:" ";display:block;width:0;height:0;border-top:10px solid #d0d6d9;border-left:10px solid transparent;border-right:10px solid transparent;z-index:9}.captcha-verify-box:before{position:absolute;bottom:-9px;left:157px;content:" ";display:block;width:0;height:0;border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}.captcha-verify-box .js-mocaptcha-close{position:absolute;right:-40px;top:-7px;display:block;color:#fff;width:30px;height:30px;font-size:18px;line-height:30px;text-align:center;background:rgba(0,0,0,.6);cursor:pointer}.errortip{background:url(/static/img/bbs.png) no-repeat -1px -336px;padding-left:15px;margin:30px 10px 0 0;font-size:12px;line-height:20px;color:#be3948;display:none}.num-limit{position:absolute;line-height:100%;font-size:12px;right:5px;bottom:5px;color:#d0d6d9}.limit-overflow{color:#c33}.maybe-wenda{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;margin:auto;width:300px;height:280px;background:#fff;text-align:center;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);-moz-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2);display:none}.tool-right .switch{float:left;position:relative;width:40px;height:20px;margin-right:12px}.tool-right .switch.on .round{left:20px;border-color:#00b43c}.tool-right .switch.on .switch-line{background-color:rgba(0,180,60,.2)}.tool-right .switch-line{width:40px;height:6px;margin-top:8px;background-color:#d0d6d9;border-radius:10px;position:absolute;z-index:0}.tool-right .tool-chk{color:#787d82;font-size:12px}.tool-right .round{width:20px;height:20px;border-radius:50%;border:2px solid #b4bbbf;position:absolute;background-color:#fff;cursor:pointer;transition:all .3s;top:0;left:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}
@keyframes show-maybe{0%{transform:scale(0) rotate(0);-webkit-transform:scale(0) rotate(0);-moz-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);opacity:0}60%{transform:scale(1.5) rotate(720deg);-webkit-transform:scale(1.5) rotate(720deg);-moz-transform:scale(1.5) rotate(720deg);-ms-transform:scale(1.5) rotate(720deg);opacity:1}100%{transform:scale(1) rotate(720deg);-webkit-transform:scale(1) rotate(720deg);-moz-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);opacity:1}}@-webkit-keyframes show-maybe{0%{transform:scale(0) rotate(0);-webkit-transform:scale(0) rotate(0);-moz-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);opacity:0}60%{transform:scale(1.5) rotate(720deg);-webkit-transform:scale(1.5) rotate(720deg);-moz-transform:scale(1.5) rotate(720deg);-ms-transform:scale(1.5) rotate(720deg);opacity:1}100%{transform:scale(1) rotate(720deg);-webkit-transform:scale(1) rotate(720deg);-moz-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);opacity:1}}@-moz-keyframes show-maybe{0%{transform:scale(0) rotate(0);-webkit-transform:scale(0) rotate(0);-moz-transform:scale(0) rotate(0);-ms-transform:scale(0) rotate(0);opacity:0}60%{transform:scale(1.5) rotate(720deg);-webkit-transform:scale(1.5) rotate(720deg);-moz-transform:scale(1.5) rotate(720deg);-ms-transform:scale(1.5) rotate(720deg);opacity:1}100%{transform:scale(1) rotate(720deg);-webkit-transform:scale(1) rotate(720deg);-moz-transform:scale(1) rotate(720deg);-ms-transform:scale(1) rotate(720deg);opacity:1}}.maybe-wenda.show{animation:show-maybe .6s ease-out;animation-fill-mode:both;-webkit-animation:show-maybe .6s ease-out;-moz-animation:show-maybe .6s ease-out;-webkit-animation-fill-mode:both}.maybe-wenda .icon-chat{font-size:52px;color:#d0d6d9;display:block;margin-top:40px}.maybe-wenda .text{margin:24px auto;color:#14191e;line-height:28px;display:block}.maybe-wenda .btn{width:100px;height:40px;box-sizing:border-box}.maybe-wenda .btn.ok{background:#00b33b;color:#fff;margin-right:20px}.maybe-wenda .btn.no{border:solid #98a1a6 1px;background:#fff;color:#9ea3a5}.praise-anim{-webkit-animation:praiseAnim .5s .1s;-moz-animation:praiseAnim .5s .1s;-o-animation:praiseAnim .5s .1s;animation:praiseAnim .5s .1s}@-webkit-keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}@-moz-keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}@keyframes praiseAnim{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.4)}}.score-info{position:absolute;right:0;top:100px;width:198px}.course-info-main .info-bar{margin-bottom:-65px \9\0}.course-info-main.has-progress .info-bar{margin-bottom:0 \9\0}.course-info-main.has-progress .content-wrap{margin-top:65px \9\0}@media only screen and (max-width:820px){.score-info{position:relative;right:auto;top:auto;width:auto;margin-top:40px}.course-info-main .info-bar{margin-bottom:0 \9\0}.score-info .person-num.noLogin{right:auto;bottom:18px}.info-box{position:absolute;right:10px;bottom:18px}.info-box span{margin-right:10px}}#header{background:#fff;z-index:2;box-shadow:0 4px 8px 0 rgba(28,31,33,.1)}#studyMain{position:relative;z-index:1;border-bottom:1px solid rgba(28,31,33,.1)}.course-detail-header{position:relative;padding-right:24px;height:60px}.course-detail-header #login-area .my-cart{top:48px}.course-detail-header #login-area .header-unlogin>li:not(.shop-cart) a{height:60px;line-height:60px}.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-app a,.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signin a,.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signup a{color:#787d82}.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signin a:hover,.course-detail-header #login-area .header-unlogin>li:not(.shop-cart).header-signup a:hover{color:#f01414;background:0}#header #login-area .shop-cart{margin:12px 0}#header #login-area .logined>li>a{height:60px;line-height:60px}.shop-cart .shop-cart-icon{border-color:#b2b8bd!important}.shop-cart .shop-cart-icon span{color:#b2b8bd}.shop-cart.hover .shop-cart-icon{border-color:#545c63!important}.shop-cart.hover .shop-cart-icon .icon-shopping-cart{color:#545c63}.logined>li:nth-child(2){margin-left:8px;margin-right:24px}.logined>li #header-avator{height:60px;line-height:60px;width:44px}.remind_warp .icon-notifi{font-size:20px;color:#b2b8bd}.remind_warp .icon-notifi:hover{color:#545c63!important}.remind_warp .msg_remind{width:4px;height:4px;background:#f01414;border-radius:3px;right:20px;top:10px}.nv-follow-a{margin-right:24px}.follow-action{cursor:pointer}.follow-action i,.follow-action span{float:left;line-height:60px;transition:.3s all linear}.follow-action i{font-size:20px;color:#b2b8bd;margin-right:4px}.follow-action span{font-size:12px;color:#9199a1}.follow-action:hover i,.follow-action:hover span{color:#545c63}.search-warp{float:right;margin:12px 36px 12px 0}
.search-warp .search-area{height:36px;width:360px!important;background:#f3f5f6;border-radius:8px;box-sizing:border-box;padding-right:56px;border:1px solid #f3f5f6;margin:0;transition:.3s all linear}.search-warp .search-area.suggest-active{border:0}.search-warp .search-input{height:34px;color:#1c1f21;padding-left:16px;border-top-left-radius:8px;border-bottom-left-radius:8px}.search-warp .showhide-search{width:56px;height:36px;text-align:center;top:0;right:0;padding:0;border-radius:inherit;border-top-right-radius:8px;border-bottom-right-radius:8px;transition:.3s all linear}.search-warp .showhide-search:hover{background:0}.search-warp .showhide-search i{width:100%;height:36px;line-height:36px;font-size:24px;transition:.3s all linear}.search-warp.search-active .showhide-search{background:0}.search-warp.search-active i{color:#757a7e}.search-warp.search-active .search-area{background:#fff;border:1px solid #545c63;box-shadow:0 0 0 4px rgba(28,31,33,.1)}.search-warp.search-active .showhide-search{background:#383d42}.search-warp.search-active .showhide-search i{color:#fff}.search-warp .search-area-result{width:358px;top:40px}.nv{float:left}.nv>a{display:block;height:60px;line-height:60px}.icon{display:inline-block;vertical-align:middle}.post-action>.icon{vertical-align:baseline}.icon-arrow-left{width:8px;height:16px;margin-right:4px;background-position:-90px 0}.page{margin-top:40px;margin-bottom:60px}.bdshare_popup_box{display:none!important}.course-follow .icon{color:#787d82;font-size:20px}.course-followed .icon{color:#f01400;font-size:20px}.icon-share{width:20px;height:19px;vertical-align:middle;background-position:0 0}.icon-msg{width:18px;height:16px;vertical-align:middle;color:#fff;font-size:18px}.nv-goback a{width:70px;text-align:center}.nv-goback a i{font-size:24px;color:#9199a1;line-height:60px;transition:.3s all linear}.nv-goback:hover{background-color:#f3f5f6}.nv-goback:hover i{color:#545c63}.nv-menu>a{padding-right:24px;font-size:14px;color:#b5b9bc;position:relative}.chaptername h1{font-size:16px;color:#1c1f21;font-weight:700}.nv-follow{padding:0 10px}.nv-follow a{position:relative;padding-left:30px;text-align:center;color:#787d82;font-size:12px;line-height:60px}.nv-follow a i{margin-right:10px;position:absolute;left:0;top:20px}.nv-follow:hover{background-color:#363c40}.nv-follow:hover a{color:#fff}.course-follow:hover .icon{background-position:-30px -29px}.course-followed:hover .icon{background-position:-60px -28px}.nvr{float:left}.nvr>a{display:block;height:60px;line-height:60px;width:60px;text-align:center}.nvr>a:hover{background-color:#363d40}.nvr-msg{position:relative}.nvr-msg:hover .icon-msg{background-position:0 -57px}.nvr-msg .msg_icon{border-radius:1px}.nvr .nvr-mp{width:auto;min-width:30px;padding:14px 15px 0;height:46px}.nvr-mp span{display:block;line-height:16px;font-size:13px;color:#6c7072}.nvr-mp:hover .mp_num{color:#fff}.nvr-space{position:relative}.nvr-space.hover{background-color:#363d40}.nvr-space img{border-radius:22px;border:2px solid #adb0b1;vertical-align:middle}.nvr-space-li:hover #nav_list{display:block}#nav_list{background:#363d40}#nav_list li a{border-top:1px solid #5c6263}#nav_list li a:hover{color:#fff;background-color:#2a2c2e}#nav_list #my_space:hover{background:#485053}.fixarea{position:absolute;top:0;right:0}.answertabcon{clear:both}.answertabcon p.default_qa{text-align:center;margin:0 auto;line-height:90px;font-size:20px;color:#b0b0b0;height:90px;position:relative}.answertabcon p.default_qa img{display:inline-block;position:absolute;top:30px;left:260px;width:30px;height:30px}.answerlist{padding:16px 0 12px 0;border-bottom:1px solid #c7c7c7;clear:both;overflow:hidden;position:relative}.answerbox{margin-left:90px}.answerlist span.makesure{background:url(/static/img/ok.png) no-repeat;width:25px;height:24px;position:absolute;top:16px;right:0}.answerlist .qa_pic{float:left;width:60px;height:60px;border:1px solid #ccc;overflow:hidden}.answerlist .qa_pic img{width:60px;height:60px}.answerlist .qa_answercount{float:right;width:34px;height:34px;text-align:center;color:#fff;line-height:34px}.answerlist .qa_isscon{float:left;margin-left:10px;width:630px}.answerlist .qa_isscon a:hover{text-decoration:underline}.answerlist dl{clear:both}.answerlist dt,.answerlist dt a:link,.answerlist dt a:visited{font-size:18px;line-height:24px;color:#666565;cursor:pointer;word-wrap:break-word}.answerlist dl dd{display:none}.disscus-code-icon-wrap{line-height:0}.disscus-code-icon{display:inline-block;width:140px;height:50px;cursor:pointer;background:#a39ca9 url(/static/images/code-discus-icon.png) no-repeat}.disscus-code-icon:hover{background-color:#746e7a}.hide{display:none}.w500{width:500px}.w724{width:764px}.course-relation{padding:0 20px 1px;margin-bottom:18px}.course-relationlist{margin:20px 0}.course-cover{display:block;height:60px;overflow:hidden}.course-name{float:right;width:102px;font-size:12px;color:#60686b;line-height:20px;word-break:break-all;word-wrap:break-word}.cp-other-learned{padding-top:20px;clear:both}
.cp-other-learned .cp-header{border-bottom:1px solid #d0d6d9;height:50px;line-height:50px;overflow:hidden}.cp-other-learned .cp-header .cp-tit{font-size:16px;font-weight:700}.cp-other-learned .cp-header .cp-tabs{margin-left:20px}.cp-other-learned .cp-header .cp-tabs li.end a{border-left:1px solid #d0d6d9;padding-right:0;padding-left:11px}.cp-other-learned .cp-header .cp-tabs a{padding-right:11px;font-size:12px;color:#787d82}.cp-other-learned .cp-header .cp-tabs a.on,.cp-other-learned .cp-header .cp-tabs a:hover{color:#f01400}.cp-other-learned .cp-tab-pannel{display:none}.cp-other-learned .other-list{font-size:0;letter-spacing:0;overflow:hidden}.cp-other-learned .other-list li{font-size:12px;letter-spacing:normal;border-bottom:1px solid #edf1f2}.cp-other-learned .other-list li.curr img{display:block}.cp-other-learned .other-list li.curr a{color:#1c1f21}.cp-other-learned .other-list li img{display:none;margin-top:16px;max-width:100%;vertical-align:top}.cp-other-learned .other-list li .name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:46px}.cp-other-learned .other-list li a{color:#787d82}#bdshare .bds_more{background:url(/static/img/share.png) no-repeat!important;width:24px!important;height:22px!important;padding:0}#page_course_learn a#learnOn,#page_course_note a#noteOn,#page_course_qa a#qaOn,#page_course_wiki a#wikiOn{border-bottom:4px solid #c9394a;color:#c9394a;height:50px;text-decoration:none}#sectionlist{position:absolute;top:60px;left:70px;width:390px;height:504px;background:#262f33;z-index:1024}#sectionlist h3{height:50px;line-height:50px;border-bottom:1px solid #363d40;font-size:16px;color:#84c00b;padding:0 19px}.scrollcont{padding:10px 0}#sectionlist ul{height:433px;overflow:hidden}#sectionlist ul li a,#sectionlist ul li span{padding-left:30px;height:30px;line-height:30px;display:block}#sectionlist ul li span{font-size:14px;color:#b4bbbf;padding-left:20px}#sectionlist ul li span em{background:url(/static/img/learnicon.png) no-repeat 0 -41px;width:20px;height:30px;display:inline-block;vertical-align:middle;margin-right:8px}#sectionlist .detaillist{position:relative}.detaillist li a{position:relative}.detaillist li a b{position:absolute;right:60px;font-size:12px;color:#84c00b;font-weight:400}.detaillist li a i{background:url(/static/img/learnicon.png) no-repeat 0 -321px;float:right;height:30px;width:24px;display:inline-block;vertical-align:middle;margin-right:30px}.detaillist li a i.do-study{background:url(/static/img/finishicon.png) no-repeat 0 8px}.detaillist li a i.has-study{background:url(/static/img/learnicon.png) no-repeat 0 -279px}.detaillist li a i.finish-study{background:url(/static/img/learnicon.png) no-repeat 0 -239px}#sectionlist .detaillist li a{font-size:12px;color:#656e73;display:block;overflow:hidden;padding-left:70px;word-break:break-all}#sectionlist .detaillist li a:hover{text-decoration:underline;color:#fff}#sectionlist .detaillist li a.studyvideo{background:url(/static/img/learnicon.png) no-repeat 50px -127px}#sectionlist .detaillist li a.practise{background:url(/static/img/learnicon.png) no-repeat 50px -163px}#sectionlist .detaillist li a.programme{background:url(/static/img/learnicon.png) no-repeat 50px -200px}.my_message a:hover,.my_mp a:hover{background-color:#485053}.my_mp a:hover span.mp_num{color:#fff}#study-section{width:100%;height:16px;line-height:16px;overflow:hidden}.submenulist{width:100%;height:16px;line-height:16px;background:#2a2c2e}.submenulist li{float:left;color:#fff;text-align:center}.submenulist li a{color:#fff}.submenulist li a{display:block;border-right:1px solid #000;text-decoration:none;color:#fff}.submenulist li.ceping,.submenulist li.code,.submenulist li.video{background:#39555a}.submenulist li.video em{display:inline-block;background:url(/static/img/chaptersection.png) no-repeat 0 -27px;width:10px;height:10px;text-align:center}.submenulist li.ceping a:hover,.submenulist li.code a:hover,.submenulist li.video a:hover{background:#3e828b}.submenulist li.code em{display:inline-block;background:url(/static/img/chaptersection.png) no-repeat 0 -54px;width:10px;height:10px;text-align:center}.submenulist li.ceping em{display:inline-block;background:url(/static/img/chaptersection.png) no-repeat 0 1px;width:10px;height:10px;text-align:center}.cepingcur,.codecur,.submenulist li.ceping a.cepingcur:hover,.submenulist li.code a.codecur:hover,.submenulist li.video a.videocur:hover,.videocur{background:#46afbc}.video_mark{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:.5;height:100%;width:100%;display:none;z-index:1000}.partTop{background:url(/static/img/bg_ceping.png) repeat;height:533px;width:100%}.issueBtn{background:none repeat scroll 0 0 #39b94e;color:#fff;cursor:pointer;display:block;font-size:16px;height:108px;line-height:108px;text-align:center;width:100px;float:right}.rich-text-editor{line-height:1em;padding:0 3px}.code-publish-qa .rich-text-editor,.video-publish-qa .rich-text-editor{margin-left:125px}
.rich-text-editor textarea{width:100%;height:200px}.discuss-input{min-height:90px}.ceping-wrap .discuss-input{margin-left:0}.qa-control-wrap{padding:10px 0}.qa-control-wrap label{float:left;padding-top:6px;width:50px;font-size:14px}.shot-input{display:block;height:94px;width:430px;float:left;background-color:#fff;position:relative}.publish-wrap{position:relative}.publish-shot{position:absolute;left:0;top:0;width:120px;height:90px}.publish-note-inner{position:relative}.note-input{line-height:0;padding-bottom:15px}.code-publish-note .note-input,.video-publish-note .note-input{margin-left:130px}.ceping-wrap .note-input{margin-left:0}.note-input textarea{width:100%;resize:none;height:72px;line-height:18px;font-size:13px;overflow:auto;color:#555}.publish-shot-note{left:0;top:0}.note-text-counter{position:absolute;right:5px;bottom:3px;font-size:12px;line-height:1em;color:#ccc}.border-box{border:1px solid #ddd;padding:10px 0 10px 10px;height:86px;float:left;margin-right:10px;width:555px}.shot{text-align:center;float:left;position:relative;width:120px;height:90px}.shot-video .icon-x{width:24px;height:24px;position:absolute;right:-10px;top:-10px;background:url(/static/img/icon.png) 0 -53px;cursor:pointer}.shot-video-icon{width:120px;height:90px;cursor:pointer;background:#d0d6d9 url(/static/img/mod_study.png) no-repeat center center}.shot-code-icon{width:120px;height:90px;cursor:pointer;background:#ccc url(/static/img/code-shot.png) no-repeat 0 0;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.shot-code-icon.shoted{background-position:0 -90px}.shot-btn.off{cursor:default;background:0}.shot-video-img{width:120px;height:90px;line-height:1em}.btn-close{position:absolute;font-size:21px;right:0;top:0;color:#666;cursor:pointer}.btn-close:hover{color:#333}.shot-time{padding:0;text-align:center;background-color:#000;width:100%;color:#fff;height:25px;line-height:25px;position:absolute;left:0;bottom:0}.shot-input textarea{width:420px;height:70px;resize:none;border:0;overflow:auto;padding:0 0 0 10px;font-size:14px;color:#d0d6d9;font-family:"Microsoft YaHei"}.btn-close:hover{transform:none}#NotePublist .issueBtn{height:84px;line-height:84px}.study_share{border-bottom:1px solid #d0d6d9;padding:13px 0;height:28px;width:244px;margin:0 auto}body .create-wiki{padding-bottom:18px;display:none;float:right}body .create-wiki a{font-size:12px;font-weight:600;color:#787d82}body .create-wiki a i{position:relative;color:#fff;font-size:12px;background-color:#c8cdd2;padding:3px;border-radius:10px;text-align:center;margin-right:3px}body .create-wiki a:hover{color:#14191e}body .create-wiki a:hover i{background-color:#f01400}.animate-mp{position:absolute;z-index:9999;height:50px;width:140px;padding-top:10px;color:#a4a9ab;background:#fff;text-align:center;line-height:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.animate-mp .desc{font-size:12px;color:#787d82}.animate-mp .mp{font-size:12px;font-weight:600;color:#08c}.animate-mp .mp i{position:relative;top:-1px;font-size:16px}.animate-mp .mp .num{font-size:18px;margin:0 2px}.label-checked{padding:7px 10px}.limit-overflow{color:#c33}.question-area{width:783px;float:left;padding-bottom:8px;position:relative}.question-area .another-meth{border:0 none;position:absolute;font-size:12px;color:#00b33b;line-height:18px;width:auto;text-align:right;right:9px;top:1px}.question-area .another-meth:hover{color:#00802b}body{background:#f8fafc}.input-btm{padding:30px 0 40px}.discuss-bottom{padding:18px 0 0}.course-btn,.course-discuss-btn{background-color:#00b33b;font:14px/40px "Helvetica Neue","Hiragino Sans GB","Segoe UI","Microsoft Yahei","微软雅黑",Tahoma,Arial,STHeiti,sans-serif;height:40px;padding:0 12px;text-align:center;color:#fff;cursor:pointer;margin-top:20px;border-radius:2px;margin-right:24px}.course-btn:hover,.course-discuss-btn:hover{background-color:#33a646}.submit-loading{cursor:no-drop;background-color:#999}.submit-loading:hover{background-color:#999}.input-btm{position:relative}.input-btm .course-btn{margin-top:0}.input-btm .js-notepop-verify-box{bottom:49px}.captcha-verify-box{position:absolute;right:-104px;bottom:100px;padding:6px;width:320px;background:#fff;border-radius:4px;border:1px solid #d0d6d9;z-index:999}.captcha-verify-box:after{position:absolute;bottom:-11px;left:156px;content:" ";display:block;width:0;height:0;border-top:10px solid #d0d6d9;border-left:10px solid transparent;border-right:10px solid transparent;z-index:9}.captcha-verify-box:before{position:absolute;bottom:-9px;left:157px;content:" ";display:block;width:0;height:0;border-top:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;z-index:10}.captcha-verify-box .js-mocaptcha-close{position:absolute;right:-40px;top:-7px;display:block;color:#fff;width:30px;height:30px;font-size:18px;line-height:30px;text-align:center;background:rgba(0,0,0,.6);cursor:pointer}
.use-credit-tip{position:absolute;font-size:12px;right:30px;bottom:12px;display:none}.use-credit-tip .credit-info{color:#ff7802;padding-right:7px}.use-credit-tip .credit-rule{color:#787d82}.use-credit-tip .credit-rule:hover{transition:all .3s;-weibkit-transition:all .3s;-moz-transition:all .3s;color:#14191e}.course-subcontainer{width:1152px;margin:0 auto}.course-subnav{width:100%;height:68px;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.1)}.course-subnav ul{width:1152px;margin:0 auto;padding:12px 16px}.course-subnav li{position:relative;float:left;margin-right:96px;font-size:16px;color:#545c63;line-height:40px;cursor:pointer;font-weight:700}.course-subnav li:hover{color:#f20d0d}.course-subnav li::before{display:none;content:" ";position:absolute;width:20px;height:3px;background:red;bottom:0;margin-left:-10px;left:50%;border-radius:2px}.course-subnav li.current{color:#f20d0d}.course-subnav li.current::before{display:block}.course-left{float:left;position:relative;width:800px}.course-left .tab-item{display:none}.course-left .tab-item.current{display:block}.list-wrap{margin-top:71px}.list-tab-con{padding:0}#pl-content{padding-top:24px}.pl-input-wrap .user-head{display:inline-block;overflow:hidden;margin-left:24px;margin-right:20px}.pl-input-wrap .user-head img{width:40px;height:40px;border-radius:50%}.pl-input-inner{width:715px;position:relative;padding:8px 10px;border:1px solid #b7bbbf;background-color:#fff;box-sizing:border-box;border-radius:2px}.pl-input-inner textarea{display:block;width:97%;min-height:62px;padding:8px;color:#555;font-size:14px;resize:none;line-height:18px;font-family:"Microsoft YaHei"}.pl-input-inner .num-limit{position:absolute;line-height:100%;font-size:12px;right:5px;bottom:5px;color:#d0d6d9}.pl-input-inner.ipt-fake-focus{border-color:#4d5559;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.4);box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.pl-input-inner.ipt-fake-error{border-color:#f01400}.pl-input-inner.ipt-fake-error.ipt-fake-focus{border-color:#f01400;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.pl-container{border-top:1px solid #d9dde1}.pl-container .pl-list{padding:20px 24px;border-bottom:1px solid #d9dde1}.pl-container .pl-list-avator{float:left;width:40px;height:40px}.pl-container .pl-list-avator img{display:block;border-radius:50%}.pl-container .pl-list-main{margin-left:60px}.pl-container .pl-list-nick{line-height:1.2;margin-bottom:8px}.pl-container .pl-list-nick a{font-size:14px;color:#4d555d;font-weight:700}.pl-container .pl-list-nick a:hover{color:#07111b}.pl-container .pl-list-content{margin-top:3px;font-size:14px;color:#14191e;line-height:24px;word-wrap:break-word;white-space:pre-wrap;overflow:auto}.pl-container .pl-list-btm{font-size:12px;color:#93999f;margin-top:15px}.pl-container .pl-list-btm .list-praise{line-height:20px;color:#93999f}.pl-container .pl-list-btm .list-praise i{font-size:16px;position:relative;top:2px}.pl-container .pl-list-btm .list-praise:hover{color:#4d555d}.pl-container .pl-list-btm .on{color:#4d555d}.pl-container .pl-list-btm .tipoff{line-height:20px;margin-right:16px;font-size:12px;color:#93999f}.pl-container .pl-list-btm .tipoff:hover{color:#4d555d}.pl-none{padding:0;margin-top:180px;color:#93999f;font-size:24px;line-height:24px;text-align:center;height:auto}.pl-none span{font-size:120px;line-height:128px;color:#c8cdd2;width:130px;height:128px;display:block;margin:0 auto 30px}.othterscode-none{padding:0;margin-top:250px;color:#93999f;font-size:24px;line-height:24px;text-align:center;height:auto}.othterscode-none span{font-size:120px;line-height:128px;color:#c8cdd2;width:130px;height:128px;display:block;margin:0 auto 30px}.unwiki{color:#d0d6d9;font-size:14px;text-align:center;padding:80px 0 30px 0}.unwiki p{font-size:14px;color:#787d82;text-align:center}.unwiki span{color:#c8cdd2;font-size:120px;line-height:128px;width:130px;height:128px;display:block;margin:0 auto 30px}.unnote{padding:0;margin-top:180px;color:#93999f;font-size:24px;line-height:24px;text-align:center;height:auto}.unquestion p{font-size:14px;color:#787d82;text-align:center;padding:0}.unnote span{color:#c8cdd2;font-size:120px;line-height:128px;width:130px;height:128px;display:block;margin:0 auto 30px}.unquestion{padding:0;margin-top:180px;color:#93999f;font-size:24px;line-height:24px;text-align:center;height:auto}.unquestion span{color:#c8cdd2;font-size:120px;line-height:128px;width:130px;height:128px;display:block;margin:0 auto 30px}.textarea-wrap{position:relative;border:1px solid #d3dce0;padding:8px 10px;transition:border-color .2s;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;-o-transition:border-color .2s}.course-menu{position:absolute;left:0;top:0;background-color:#fff;z-index:899}.course-menu li{float:left;text-align:center}.course-menu a{display:block;padding:26px 24px;font-size:16px;color:#4d555d;font-weight:700}.course-menu a:hover{color:#00b43c;text-decoration:none}
.course-right{float:right;width:320px;padding-bottom:50px;padding-top:28px}.course-right h4{position:relative;font-size:16px;font-weight:700;line-height:24px;color:#07111b}.course-right .course-right-title{position:relative}.course-right .course-right-title .more{position:absolute;top:0;right:0;font-size:14px;line-height:24px;color:#93999f}.course-right .course-right-title .more:hover{color:#4d555d}.course-right .crode-qr{width:320px;height:144px;background:url(/static/img/crode-bg.png) no-repeat;background-size:cover;padding:24px;border-radius:12px;margin:-8px 0 24px;box-sizing:border-box}.course-right .crode-qr img{display:block;width:96px;height:96px;float:left}.course-right .crode-qr ul{width:160px;float:right;overflow:hidden}.course-right .crode-qr ul li{margin-left:8px;font-size:12px;color:#1c1f21;line-height:18px;position:relative}.course-right .crode-qr ul li:nth-child(n+2):before{content:'·';font-size:20px;display:block;position:absolute;left:-8px}.course-right .crode-qr ul li:first-child{font-family:PingFangSC-Semibold;font-size:14px;font-weight:600;color:#1c1f21;line-height:16px;margin:8px 0}.course-right .articlelist{display:none;margin-bottom:28px;border-bottom:1px solid #d9dde1}.course-right .articlelist li{padding:15px 0;border-bottom:1px solid #edf1f2;line-height:20px;box-sizing:border-box}.course-right .articlelist li a{color:#787d82}.course-right .articlelist li a:hover{color:#14191e}.course-right .articlelist li a img{float:left;margin-right:10px;width:40px;height:40px}.course-right .articlelist li a div{float:left;width:230px;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-right .articlelist li i{margin-left:5px;color:#b5b9bc}.course-right .articlelist li:last-child{border-bottom:0}.coursedownload{margin-bottom:28px;width:100%;border-bottom:1px solid #edf1f2;padding:0 24px;box-sizing:border-box}.coursedownload .downlist li:last-child{border-bottom:0}.downlist{line-height:24px}.downlist li{position:relative;margin-top:15px;padding-bottom:10px;border-bottom:1px solid #edf1f2}.downlist li span{display:block;margin-right:35px;font-size:12px;color:#4d555d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.downlist li span:hover{color:#07111b}.downlist li .icon{display:inline-block;vertical-align:-2px;margin-right:10px;font-size:15px}.downlist li a{position:absolute;right:0;top:0;height:24px;font-size:12px;padding:0 8px;line-height:24px;color:#00b33b}.downlist li a:hover{color:#fff;background:#00b43c}.classmate{width:100%}.classmate h3 span{font-size:12px;margin-left:3px;font-weight:400}.classmate .ch-classmate{float:right;font-size:12px;color:#787d82}.classmate .ch-classmate:hover{color:#f01400}.classmate .users_wrap{overflow:hidden}.classmate .users{width:264px}.classmate .mate-avator{float:left;margin-right:26px;width:40px;height:40px;border-radius:20px;overflow:hidden;margin-top:20px}.classmate .mate-avator img{display:block;width:100%;height:100%}.classmate .mate-info{margin-left:50px;white-space:nowrap;font-size:14px;word-break:keep-all;overflow:hidden;line-height:1.4}.classmate .mate-info span{display:block;color:#969b9e;white-space:nowrap;word-break:keep-all;overflow:hidden;font-size:12px}.classmate .mate-info a{color:#303538;font-size:14px}.note-pop{width:590px}.note-pop .textarea-wrap textarea{color:#14191e;font-size:14px;height:192px;line-height:18px;overflow:auto;resize:none;width:100%}.note-pop .input-btm{padding-bottom:0}.note-pop .moco-btn{width:120px}.note-pop .screen-btn{float:left;width:62px;height:24px;background-color:#98a1a6;border-radius:12px;overflow:hidden;cursor:pointer;margin-top:8px}.note-pop .screen-btn span{display:block;width:52px;height:22px;border:1px solid #d0d6d9;background-color:#fff;border-radius:11px;text-align:center;color:#787d82;font-size:12px;line-height:22px;user-select:none}.note-pop .screen-btn.on{background-color:#00b33b}.note-pop .screen-btn.on span{float:right}.qa-pop{width:610px}.qa-pop .moco-btn{width:120px}.qa-pop .question-area{float:none;width:auto;padding-bottom:0}.qa-pop .qa-control-wrap{padding:0;margin-top:30px}.qa-pop .qa-control{position:relative;overflow:hidden;margin:0 10px}.qa-pop .qa-ipt-title{width:84%;border:1px solid #d3dce0;padding:8px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.qa-pop .qa-ipt-title:focus{border-color:#7bd089;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c6ebcc}.qa-pop .qa-ipt-title input{display:block;width:100%;border:0 none;height:22px;line-height:22px;color:#14191e}.qa-pop .rich-text-editor{margin-left:0;height:200px;position:relative;padding:0 2px 2px 0}.qa-pop .qa-ipt-title-error{border-color:#be3948}.qa-pop .qa-ipt-title-error:focus{border-color:#be3948;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d}
.qa-pop .textarea-wrap{margin:30px 10px 0}.qa-pop .textarea-wrap textarea{color:#14191e;font-size:14px;height:72px;line-height:18px;overflow:auto;resize:none;width:100%}.qa-pop .pop-footer{margin:0 10px}.qa-pop .pop-footer .captcha-verify-box{z-index:999;right:-106px;bottom:55px}.qa-pop .screen-btn{float:left;width:62px;height:24px;background-color:#98a1a6;border-radius:12px;overflow:hidden;cursor:pointer;margin-top:8px}.qa-pop .screen-btn span{display:block;width:52px;height:22px;border:1px solid #d0d6d9;background-color:#fff;border-radius:11px;text-align:center;color:#787d82;font-size:12px;line-height:22px}.qa-pop .screen-btn.on{background-color:#00b33b}.qa-pop .screen-btn.on span{float:right}.send-area-result{left:10px}.wiki-pop{width:640px;height:430px}.wiki-pop .search_box .createwiki{float:left;padding-left:10px;line-height:40px}.wiki-pop .search_box .search_ipt{float:left;box-sizing:content-box;width:473px;height:40px;padding:0 10px;border:1px solid #d0d6d9}.wiki-pop .search_box .search_ipt:focus{border-color:#98a1a6}.wiki-pop .search_box .search_btn{float:left;width:80px;height:40px;color:#fff;cursor:pointer;background-color:#f01400}.wiki-pop .search_box .search_btn:hover{background-color:#ff6464}.wiki-pop .search-area-result{width:640px;margin-left:auto;margin-right:auto;margin-top:15px}.wiki-pop .search-area-result .no-result{text-align:center;margin-top:120px;font-size:16px;color:#c0c3c6}.wiki-pop .search-area-result .no-result span{color:#787d82}.wiki-pop .search-area-result .area-tit{color:#b5b9bc;border-bottom:1px solid #d0d6d9;height:44px;line-height:44px;font-size:12px}.wiki-pop .search-area-result .search-item{border-bottom:1px solid #d0d6d9;padding:15px 0}.wiki-pop .search-area-result .search-item-tit{height:22px;line-height:22px;color:#4b4e50;font-size:12px;font-weight:700}.wiki-pop .search-area-result .search-item-cont{font-size:12px;color:#787d82;line-height:18px}.wiki-pop .search-area-result .tc{text-align:center}.wiki-pop .search-area-result .highlight{font-style:normal;color:#f01400}.course-about{width:1200px;overflow:hidden;margin:30px auto 50px}.course-about .course-about-tit{height:20px;overflow:hidden}.course-about .course-about-tit h3{float:left;text-align:left;font-size:16px;font-weight:600;line-height:20px;color:#14191e}.course-about .course-about-tit span{float:left;font-size:12px;line-height:14px;margin-top:6px;color:#787d82;padding-left:20px;margin-left:20px;border-left:1px solid #d0d6d9;cursor:pointer}.course-about .course-about-tit span:hover{color:#14191e}.course-about .course-about-tit span.on{color:#f01400}.course-about .con-wrap{display:none;width:9999px;margin-top:30px}.course-about .con-wrap li{width:200px;float:left;margin-right:50px}.course-about .con-wrap li a{display:block}.course-about .con-wrap li a p{font-size:12px;line-height:20px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:10px}.course-about .con-wrap li a:hover p{color:#f01400}.course-about .con-wrap li a img{display:block;width:200px;height:112px}.nv-share{float:left;position:relative;height:20px;top:20px}.nv-share a{float:left;background:0 0!important;font-size:20px!important;padding-left:0!important;color:#b2b8bd!important;font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:20px!important;margin-left:0!important;margin-right:24px!important;margin-top:0!important;margin-bottom:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke-width:.2px}.nv-share a:hover{background:0 0!important;color:#545c63!important}.nv-share .bds_weixin:before{content:"\e646"}.nv-share .bds_qzone:before{content:"\e647"}.nv-share .bds_tsina:before{content:"\e645"}@media only screen and (max-width:980px){.chaptername{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media only screen and (max-width:1030px){.credit-tips{display:none!important}}@media only screen and (max-width:1130px){.nv-share{display:none}.credit-tips{visibility:hidden;display:none!important}}.pl-input-btm .verify-code{margin:20px 20px 0 84px}@media only screen and (max-width:1200px){.course-subcontainer{width:800px}.course-left{float:none;width:720px;margin:0 auto}.course-about{width:720px}.course-about .con-wrap li{margin-right:60px}.course-left,.course-right{float:none}.course-right{width:720px;margin:0 auto;padding-bottom:30px}.coursedownload{width:320px;margin-right:80px}.classmate{width:320px}.classmate .users{width:350px}.classmate .users a{margin-right:30px}}@media only screen and (max-width:1330px){.course-subnav ul{margin-left:60px;width:auto}}@media only screen and (max-width:1490px){.search-warp{display:none}}.credit-tips{color:#ff7802;font-size:12px;line-height:60px;margin-left:20px}.credit-tips strong{font-weight:700}.course-tool-bar{position:relative;padding-right:15px;font-size:12px;height:58px;background-color:#f3f5f7}
.course-tool-bar .tool-left a{margin:0 20px;color:#787d82;float:left;font-size:12px;display:inline-block;line-height:58px;text-align:center}.course-tool-bar .tool-left a.active{color:#14191e}.course-tool-bar .tool-right{color:#787d82;height:58px;line-height:58px}.course-tool-bar .tool-right .switch{float:left;position:relative;width:40px;height:20px;margin-right:12px;margin-top:18px}.course-tool-bar .tool-right .switch.on .switch-line{background-color:rgba(0,180,60,.2)}.course-tool-bar .tool-right .switch-line{width:40px;height:6px;margin-top:8px;background-color:#d0d6d9;border-radius:10px;position:absolute;z-index:0}.course-tool-bar .tool-right .switch.on .round{left:20px;border-color:#00b43c}.course-tool-bar .tool-right .round{width:20px;height:20px;border-radius:50%;border:2px solid #b4bbbf;position:absolute;background-color:#fff;cursor:pointer;transition:all .3s;top:0;left:0;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}.course-tool-bar .tool-chk{color:#787d82;display:inline-block;height:18px;line-height:18px;padding-left:24px;background:url(/static/img/course/v2/dot_checkbox.png) no-repeat -7px -6px;vertical-align:middle}.course-tool-bar .tool-chk.checked{background-position:-7px -36px;padding:0 0 0 24px}.space-note-input{position:relative;margin:10px 0 20px;padding:6px 10px 15px 6px;border:1px solid #4d5559;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .2s;-moz-transition:border-color .2s;-webkit-transition:border-color .2s;-o-transition:border-color .2s}.space-note-input textarea{width:100%;resize:none;height:72px;line-height:18px;font-size:13px;overflow:auto;color:#555}p.space-note-text-counter{position:absolute;right:5px;bottom:3px;font-size:12px;line-height:12px!important;color:#ccc;padding:0}p.space-note-text-counter span{line-height:12px!important}.space-fake-focus{border-color:#4d5559;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d3d3d3}.space-fake-error{border-color:#be3948}.space-fake-error.space-fake-focus{border-color:#be3948;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #da838d}.post-row .sava_btn{display:none;float:right;height:30px;width:100px;margin-right:-2px;padding:0 10px;font-size:12px;padding:0;background:#39b94e;text-align:center;line-height:30px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}.post-row .sava_btn:link{color:#fff}.post-row .sava_btn:hover{opacity:.8}.post-row .sava_btn:visited{color:#fff}.pop-deleting,.popl-wrap{width:220px;height:200px;padding:40px;position:fixed;left:50%;top:50%;margin:-140px 0 0 -150px;z-index:19891017;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2)}.popl-hd{height:58px;background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) center 0 no-repeat}.popl-main{margin:21px 0 25px;text-align:center}.popl-main p{color:#14191e;font-size:14px;line-height:28px}.popl-btm .popl-btn{position:absolute;left:50%;text-decoration:none;color:#fff;font-size:14px;text-align:center;width:98px;height:38px;line-height:40px}.popl-btm .popl-yes{border:1px solid #00b33b;background-color:#00b33b;margin-right:10px;left:40px}.popl-btm .popl-no{border:1px solid #98a1a6;background-color:#fff;color:#969b9e;margin-left:10px}.contain-coverLayer{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;z-index:1826515;opacity:.5}.pop-deleting{height:97px;width:120px;padding:23px 0 0 0;text-align:center;font-size:14px;color:#14191e;margin:-60px 0 0 -60px}.deleting-bd{height:40px;background:url(/static/lib/layer/1.6.0/skin/default/xubox_ico1.png) 60% -98px no-repeat;margin-bottom:15px}.deleting-bd.pop-error{background-position:60% -58px}.deleting-bd.pop-dodeling{background:url(/static/lib/layer/1.6.0/skin/default/pop_loading0.gif) center 0 no-repeat}.course-right .mb40{margin-bottom:28px;padding:0 0 24px 0;border-bottom:1px solid #d9dde1}.box li{padding:15px 0;border-bottom:1px solid #edf1f2;line-height:20px;overflow:hidden}.all-attention a{display:inline-block;margin-right:24px;line-height:32px;padding:6px 0;font-size:12px;color:#000;font-weight:400}.all-attention .orange{color:#f63}.all-attention .orange:hover{color:rgba(255,102,51,.8)}.all-attention .green{color:#00b43c}.all-attention .green:hover{color:rgba(0,180,60,.8)}.all-attention .blue{color:#008cc8}.all-attention .blue:hover{color:rgba(0,140,200,.8)}.all-attention .lake-blue{color:#0cc}.all-attention .lake-blue:hover{color:rgba(0,204,204,.8)}.all-attention .yellow{color:#f93}.all-attention .yellow:hover{color:rgba(255,153,51,.8)}.all-attention .fz20{font-size:20px}.all-attention .fz14{font-size:14px}.all-attention .fz16{font-size:16px}.all-attention .fz18{font-size:18px}.all-attention .bold{font-weight:700}.all-attention .normal{font-weight:400}.recom-course-list-box{width:328px;padding:0 24px;box-sizing:border-box;border-bottom:1px solid #d9dde1}.recom-course-list-box .recom-course-list li:last-child{border-bottom:0}.recom-course-list-box .recom-course-list li{width:100%;padding:24px 0;border-bottom:1px solid #d9dde1}
.recom-course-list-box .recom-course-list li .course-img{margin-right:16px;width:72px;height:60px;background-size:cover;border-radius:2px;background-color:#f3f5f7}.recom-course-list-box .recom-course-list li .content-box{width:190px}.recom-course-list-box .recom-course-list li .content-box .smalle-title{margin-bottom:8px;font-size:14px;line-height:20px;color:#07111b;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recom-course-list-box .recom-course-list li .content-box .content-text{margin-bottom:8px;font-size:12px;line-height:20px;color:#93999f;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;overflow:hidden;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recom-course-list-box .recom-course-list li .content-box .learn-detail{font-size:12px;line-height:24px;color:#93999f}.recom-course-list-box .recom-course-list li .content-box .learn-detail span{padding:0 3px}.all-attention-box h4{margin-bottom:12px}.c-comment,.c-notelist,.c-qalist{padding-top:24px}.c-download{padding-top:32px}.c-download li{display:flex;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:12px;padding:16px 24px;box-sizing:border-box;margin-bottom:8px}.c-download li span{flex:1;font-size:14px;color:#1c1f21;line-height:36px}.c-download li>i{font-size:36px;color:#d3d6d9;margin-right:16px}.c-download li a{border-radius:18px;padding:0 16px}.c-download li a:hover{background:rgba(28,31,33,.08)}.c-download li a i,.c-download li a span{float:left;color:#545c63;line-height:36px}.c-download li a i{font-size:16px}.c-download li a span{font-size:14px}.c-codelist{padding-top:32px}.c-codelist li{height:80px;background:#fff;box-shadow:0 4px 8px 0 rgba(7,17,27,.1);border-radius:12px;margin-bottom:8px;padding:16px 24px;box-sizing:border-box}.c-codelist .code-uhead{float:left;margin-right:24px}.c-codelist .code-uhead dl,.c-codelist .code-uhead img{float:left}.c-codelist .code-uhead img{width:48px;height:48px;border-radius:50%;margin-right:16px}.c-codelist .code-uhead dt{font-size:14px;color:#1c1f21;line-height:24px}.c-codelist .code-uhead dd{font-size:12px;color:#9199a1;line-height:18px}.c-codelist .lookcode{float:left;padding:8px 16px;margin-top:6px;background:#383d42;border-radius:18px;transition:.3s all linear}.c-codelist .lookcode:hover{background:#1c1f21}.c-codelist .lookcode i,.c-codelist .lookcode span{float:left;color:#fff;line-height:20px}.c-codelist .lookcode i{font-size:16px;margin-right:2px}.c-codelist .lookcode span{font-size:14px}.c-codelist .code-praise{float:right;margin-top:6px}.c-codelist .code-praise.active{background-color:rgba(240,20,0,.1)}.c-codelist .code-praise.active em,.c-codelist .code-praise.active i{color:#f01400}.tab-nodata{padding:72px 0 124px;text-align:center}.tab-nodata i{display:block;margin:0 auto;font-size:48px;color:#b2b8bd;line-height:48px;margin-bottom:4px}.tab-nodata p{font-size:16px;color:#9199a1;line-height:24px}.note-nodata{text-align:center;padding-top:72px}.note-nodata img{width:60px;margin-bottom:10px}.note-nodata .desc{color:#1c1f21;line-height:22px;font-weight:700;margin-bottom:2px}.note-nodata .sub-desc{font-size:12px;color:#717a84;line-height:18px}.paginationwrap{text-align:center;padding:36px 0}.paginationwrap .pagination{display:inline-block;height:36px}.paginationwrap a,.paginationwrap span{float:left;height:36px;line-height:36px;font-size:14px;color:#4d555d;transition:.3s all linear}.paginationwrap .prev{margin-right:24px}.paginationwrap .next{margin-left:12px}.paginationwrap .lastclass{margin-right:0;margin-left:24px}.paginationwrap .p_interval{width:36px;text-align:center;margin-right:12px;border-radius:50%}.paginationwrap .p_interval.current{color:#fff;background:#4d555d}.paginationwrap a.p_interval:hover{color:#4d555d;background-color:#d9dde1}.js-publicnumber-block{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(7,17,27,.6);z-index:900}.js-publicnumber-tipoff{display:none;position:fixed;top:50%;left:50%;margin-top:-84px;margin-left:-178px;width:452px;height:264px;padding:48px;background:#fff url(/static/img/course/code-pop-bg.png) no-repeat;background-size:cover;border-radius:12px;box-sizing:border-box;z-index:901}.js-publicnumber-tipoff .js-bindcode-close{position:absolute;font-size:20px;color:#b2b8bd;line-height:24px;width:24px;text-align:center;top:12px;right:24px;font-weight:600;cursor:pointer;z-index:902}.js-publicnumber-tipoff .js-bindcode-close:hover{color:#07111b}.js-publicnumber-tipoff .crode-ql{width:144px;float:left;text-align:center;margin-right:32px}.js-publicnumber-tipoff .crode-ql img{width:144px;height:144px}.js-publicnumber-tipoff .crode-ql p{color:#545c63;font-size:12px;line-height:12px;margin-top:12px}.js-publicnumber-tipoff .crode-qr{float:right}.js-publicnumber-tipoff .crode-qr h2{color:#1c1f21;font-size:20px;font-weight:700;line-height:20px}.js-publicnumber-tipoff .crode-qr p{font-size:14px;color:#545c63;line-height:20px;font-weight:600;margin-top:20px}
.js-publicnumber-tipoff .crode-qr ul{width:180px;overflow:hidden;margin-top:8px}.js-publicnumber-tipoff .crode-qr ul li{font-size:14px;color:#545c63;line-height:24px;position:relative}.js-publicnumber-tipoff .crode-qr ul li:before{content:'·';font-size:14px;display:block;position:absolute}.c-notelist{position:relative}.note-panel .panel-list{position:relative}.note-panel .panel-list .note-update{left:32px;right:32px}.note-update{display:none;position:absolute;top:0;left:0;right:0;background-color:#fff}.note-update .edui-editor{border:0!important}.note-update .edui-editor .edui-editor-iframeholder{border:1px solid #d3d6d9}.note-update .note-update-operate{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:10px}.note-update .note-update-operate .btn{width:60px;font-size:12px;padding:8px 0;border:1px solid transparent;transition:all .2s;line-height:1}.note-update .note-update-operate .btn.note-update-close{color:#93999f;border-color:#d9dde1}.note-update .note-update-operate .btn.note-update-close:hover{color:#4d555d;border:1px solid #93999f}.note-update .note-update-operate .btn.note-update-save{color:#fff;background-color:#f20d0d;margin-left:10px}.note-update .note-update-operate .btn.note-update-save:hover{background:#f20d0d}.pic-viewer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;cursor:pointer;overflow:auto}.pic-viewer .icon-close{position:absolute;right:100px;top:100px;font-size:36px;color:#fff}.pic-viewer-wrap{display:table;width:100%;height:100%;table-layout:fixed}.pic-viewer-wrap img{max-width:72%}.pic-viewer-inner{display:table-cell;vertical-align:middle;text-align:center;min-height:32px}.pic-viewer-inner.loading{background:url(/static/img/picloading.gif) no-repeat center}.section-list{position:absolute;left:-400px;top:0;bottom:0;width:400px;background:#26292c;box-shadow:0 8px 16px 0 #1c1f21;z-index:9999;transition:.3s all linear;opacity:0;padding:8px 0;box-sizing:border-box}.section-list .nano-pane{background:0 0!important}.section-list .nano-pane .nano-slider{width:4px!important}.section-list.active{left:60px;opacity:1}.section-list .nano-content{padding-bottom:20px}.section-list ul{padding:0 24px}.section-list .sec-title{padding-top:20px;font-size:14px;color:#fff;line-height:22px;margin-bottom:8px}.section-list .sec-li{height:50px}.section-list .sec-li.current{background:rgba(255,255,255,.1);border-radius:4px}.section-list .sec-li.current a{color:#fff}.section-list .sec-li:hover a{color:rgba(242,13,13,.6)}.section-list .sec-li a{padding:6px 0 6px 62px;width:100%;height:30px;box-sizing:border-box;overflow:hidden;display:block;position:relative;font-size:12px;color:rgba(255,255,255,.6);line-height:20px}.section-list .sec-li a:hover i{color:rgba(242,13,13,.6)}.section-list .sec-li .type-text{position:absolute;left:28px;top:6px;line-height:18px}.section-list .sec-li em{position:absolute;left:8px;top:6px;font-size:16px;line-height:18px}.section-list .sec-li em.imv2-tick{color:#37f}.section-list .sec-li i{float:right;font-size:12px;color:rgba(255,255,255,.2);line-height:20px}.section-list .sec-li i.finish,.section-list .sec-li i.half{color:rgba(242,13,13,.6)}.section-list .sec-li i span{margin-left:8px}.section-list .class-section{padding:0 24px;margin-top:24px;display:inline-block;box-sizing:border-box}.section-list .class-section .class-title{border-top:1px solid #515356;padding-top:24px;padding-right:16px;box-sizing:border-box;font-size:16px;color:#fff;text-align:left;line-height:24px;margin-bottom:8px}.section-list .class-section .class-btn-box{text-align:center;margin-bottom:20px}.section-list .class-section .class-btn-box a{padding:8px 24px;background:#f53d3d;border-radius:18px;font-size:14px;color:#fff;text-align:center;line-height:20px;display:inline-block;cursor:pointer}.section-list .class-section .class-btn-box a:hover{background-color:#c20a0a}.section-list .class-section .class-name{font-size:14px;color:#fff;text-align:left;line-height:24px;font-weight:700;margin-bottom:6px}.section-list .class-section .class-desc{font-size:12px;color:#a8a9ab;text-align:left;line-height:22px;margin-bottom:16px}.section-list .class-section .class-chapter{height:30px;width:100%;padding:6px;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer}.section-list .class-section .class-chapter:hover{background:rgba(242,13,13,.05);border-radius:4px}.section-list .class-section .class-chapter:hover .class-content,.section-list .class-section .class-chapter:hover .i-left,.section-list .class-section .class-chapter:hover .i-right{color:rgba(242,13,13,.6)}.section-list .class-section .class-chapter .i-left{font-size:16px;color:#9199a1;line-height:18px;margin-right:4px}
.section-list .class-section .class-chapter .class-content{width:295px;font-size:12px;color:#9199a1;text-align:left;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.section-list .class-section .class-chapter .class-content em{font-weight:700;font-style:normal}.section-list .class-section .class-chapter .i-right{font-size:12px;color:#a8a9ab;line-height:18px}#js-ques-box{position:absolute;bottom:14px;z-index:100}.question-tip-layer{position:relative;width:279px;display:none;margin:0 auto;padding:16px 26px 22px 25px;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.question-tip-layer .triangle{position:absolute;bottom:-7px;height:16px;width:16px;background:#fff;z-index:100;transform:rotate(45deg)}.question-tip-layer .ques-hd{text-align:left}.question-tip-layer .ques-hd i{font-size:16px;color:#787d81;vertical-align:middle}.question-tip-layer .ques-hd span{font-size:14px;color:#1c1f21;font-weight:600;line-height:20px;margin-left:5px}.question-tip-layer .ques-bd{position:relative;text-align:left}.question-tip-layer .ques-bd a{color:#000;font-size:12px;line-height:26px}.question-tip-layer .ques-bd a:hover{color:#f01000}.question-tip-layer .ques-bd .icon-ques-revert{color:#1589c9;font-size:15px;margin-right:5px}.question-tip-layer .ques-bd li{display:none;margin-top:11px}.question-tip-layer .ques-bd .curr{display:block;font-size:12px;color:#545c63;line-height:18px}.question-tip-layer .ques-bd .ques-title{max-height:52px;display:inline-block;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.question-tip-layer .ques-bd .ques-ft{font-size:12px}.question-tip-layer .ques-bd .ques-ft .experience{color:#1588cc}.question-tip-layer .ques-bd .ques-ft .credit{color:#fd7822;margin-left:12px}.question-tip-layer .ques-bd .change-ques{color:#b5b9bc;margin-left:60px}.question-tip-layer .ques-bd .change-ques:hover{color:#f11401}.question-tip-layer .ques-bd .to-answer{position:absolute;bottom:0;right:0;color:#35b454}.question-tip-layer .ques-bd .to-answer:hover{color:#f11401}.question-tip-layer .close-ques-layer{color:#b4bbbf;position:absolute;top:20px;right:20px;cursor:pointer}body{min-width:800px}.loading{display:block;width:40px;height:40px;position:absolute;left:50%;top:50%;margin-left:-20px}.isOnlive{display:none;position:absolute;right:38px;top:30px;z-index:999}.isOnlive .js-onlive-pop{cursor:pointer}.isOnlive .close-onlive{font-size:14px;color:#d3d6d9;position:absolute;top:3px;right:-15px}.isOnlive .onlive-entry{position:relative;width:82px;height:100px;display:block}.isOnlive .teacher-name{font-size:12px;color:#d3d6d9;text-align:center;padding-top:82px;height:20px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.isOnlive .onlive-sign{padding:1px 6px;background:#f53d3d;border-radius:4px;color:#fff;font-size:12px;position:absolute;bottom:18px;left:15px;z-index:1000}@keyframes ripple{0%{opcity:75;width:80px;height:80px}100%{opacity:0;width:80px;height:80px}}.isOnlive .dot{position:absolute;z-index:1;width:80px;height:80px;background-color:transparent;border:1px solid #f01414;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3) inset;-webkit-animation-name:ripple;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite}.isOnlive .tearcher-midbg{position:absolute;top:4px;left:4px;width:72px;height:72px;border-radius:50%;background:#000;border:1px solid #f01414}.isOnlive .teacher-head{display:block;position:absolute;top:12px;left:12px;width:58px;height:58px;background-size:66px 66px;-webkit-animation-name:scaleDraw;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:5s;border-radius:50%;background:#fff}@keyframes scaleDraw{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.practise-con{width:659px;position:relative}.practise-tips{padding:5px 12px;font-size:14px;border:1px solid #fff;background:#fff;line-height:24px;margin:17px 0 0 0;word-wrap:break-word}.practise-tips .tipHead,.practise-tips .tipsCnt{width:100%;display:block;line-height:22px}.practise-tips .tipHead{color:#396}.practise-skip{position:absolute;right:50px;bottom:50px;cursor:pointer;background:#edecec;padding:2px 5px}.practise-shadow{position:absolute;left:0;top:0;background:#000;opacity:.5;height:100%;width:100%;display:none}.video_mark{position:absolute;left:0;top:0;background:#000;opacity:.5;height:100%;width:100%;display:none;z-index:1000}.pause-box{position:absolute;left:0;top:0;right:0;bottom:50px}.pause-box .pause-box-inner{display:table;width:100%;height:100%;table-layout:fixed}.pause-box .pause-box-inner .pause-box-wrap{display:table-cell;vertical-align:middle;width:100%;text-align:center}.pause-box .pause-box-inner .pause-box-wrap #courseVideoPause{overflow:hidden;position:relative;margin:0 auto;width:348px;max-height:172px;min-height:60px}
.pause-box .pause-box-inner .pause-box-wrap #courseVideoPause img{width:100%}.pause-box .pause-box-inner .pause-box-wrap .close-pause-box{position:absolute;top:0;right:0;padding:2px;background:rgba(255,255,255,.7);font-size:18px;line-height:18px;color:#333;cursor:pointer}.pause-box .pause-box-inner .pause-box-wrap .show-select{position:absolute;bottom:10px;right:10px;vertical-align:middle;color:#fff}.pause-box .pause-box-inner .pause-box-wrap .show-select input{width:16px;height:16px;vertical-align:middle}.pause-box .pause-box-inner .pause-box-wrap .show-select span{vertical-align:middle}.next-box{position:absolute;left:0;top:0;right:0;bottom:0;color:#fff;background:#000}.next-box-inner{display:table;width:100%;height:100%;table-layout:fixed;position:relative}.next-box-inner .qqQunAdd-box{width:970px;height:100px;position:absolute;bottom:0;left:50%;margin-left:-485px;background:rgba(153,153,153,.55);border-radius:12px;display:none;align-items:center}.next-box-inner .qqQunAdd-box .qqQun-qrcode{width:78px;height:78px;margin-right:30px;margin-left:12px;background-repeat:no-repeat;background-position:center;background-size:cover}.next-box-inner .qqQunAdd-box .content{width:546px;height:66px;margin-right:84px}.next-box-inner .qqQunAdd-box .content .row{margin-bottom:18px}.next-box-inner .qqQunAdd-box .content .title{font-size:20px;color:#d0d1d1;font-weight:700;padding-right:20px}.next-box-inner .qqQunAdd-box .content .desc{font-size:16px;color:#d0d1d1;font-weight:700}.next-box-inner .qqQunAdd-box .content .number{font-size:14px;color:#d0d1d1;font-weight:700;padding-right:20px}.next-box-inner .qqQunAdd-box .content .check{font-size:14px;color:#d0d1d1;font-weight:700;padding-right:14px}.next-box-inner .qqQunAdd-box .content .copy-con{position:relative;width:120px;display:inline-block}.next-box-inner .qqQunAdd-box .content .copy-con .copy{width:12px;height:auto;cursor:pointer}.next-box-inner .qqQunAdd-box .content .copy-con .copy-tip{position:absolute;right:0;top:0;font-size:14px;color:#d0d1d1;font-weight:700;display:none}.next-box-inner .qqQunAdd-box .qqQun-addBtn{background:#1c1f21;border-radius:24px;width:108px;height:36px;display:inline-block;font-size:14px;color:#d0d1d1;font-weight:700;text-align:center;line-height:36px;margin-right:69px;cursor:pointer}.next-box-inner .qqQunAdd-box .qqQun-close{font-size:24px;color:#d0d1d1;line-height:22px;cursor:pointer}.next-box-inner .qqQunAdd-box .qqQun-close:hover{color:#545c63}.course-tip-layer{width:100%;display:table-cell;vertical-align:middle;text-align:center}.course-tip-layer h2{font-size:16px;color:#fff}.course-tip-layer h2 .course-duration{color:#787d82;font-size:14px;margin-bottom:10px}.course-tip-layer .next-auto{margin:0 16px 0;padding:0 24px;font-size:14px;line-height:28px}.course-tip-layer .next-auto em{font-style:normal;color:#f01400;font-size:14px}.course-tip-layer .btn-red{margin:40px auto 20px}.course-tip-layer .btn-green{margin:40px auto 20px}.course-tip-layer .review-course{display:inline-block;width:80px;height:26px;line-height:26px;margin:0 auto;font-size:12px;color:#787d82;background:url(/static/img/course_video_review.png) no-repeat 5px 5px;text-indent:20px}.course-tip-layer .review-course:hover{color:#f01400;background-position:5px -27px}.course-tip-layer .line{width:128px;margin:32px auto;border-top:1px solid rgba(255,255,255,.2)}.course-tip-layer .video_over_ad h4{font-size:16px;color:#fff;margin-bottom:16px}.course-tip-layer .video_over_ad #courseVideoNext{border:1px solid #fff;overflow:hidden;margin:0 auto;width:348px;max-height:172px;min-height:60px}.course-tip-layer .video_over_ad #courseVideoNext img{width:100%}.course-tip-layer .recom-course-row{width:690px;height:112px;margin:0 auto;overflow:hidden}.course-tip-layer .recom-course-row li{position:relative;width:220px;height:112px;margin-right:10px;overflow:hidden}.course-tip-layer .recom-course-row li img{width:220px;height:112px}.course-tip-layer .recom-course-row li .recom-course-title{position:absolute;bottom:0;left:0;right:0;height:30px;padding:0 10px;line-height:30px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;color:#fff;background-color:rgba(0,0,0,.7)}.course-tip-layer .recom-course-row .other-oper{width:220px;height:112px}.course-tip-layer .recom-course-row .oper-btn{height:50px;float:left;color:#b5b9bc;width:105px;line-height:50px;margin-bottom:12px;background-color:#363c40}.course-tip-layer .recom-course-row .return-course{margin-left:10px}.course-tip-layer .recom-course-row .oper-btn:hover{color:#fff;background-color:#f01400}.course-tip-layer .recom-course-row .nv-share{position:static;width:220px;height:50px;line-height:50px;padding-left:24px;box-sizing:border-box;background-color:#363c40}.course-tip-layer .recom-course-row .nv-share span{float:left;margin-right:20px;color:#b5b9bc}.course-tip-layer .recom-course-row .nv-share a{float:left;margin-top:15px!important}.course-tip-layer .recom-course-row .nv-share a.bds_weixin:hover{color:#0b9b3c!important}
.course-tip-layer .recom-course-row .nv-share a.bds_qzone:hover{color:#0b78b0!important}.course-tip-layer .recom-course-row .nv-share a.bds_tsina:hover{color:#cb1c0d!important}.course-tip-layer .first-row{margin-bottom:10px}.course-tip-layer .question-tip-layer{margin:0 auto;display:none}.main-pane{border:1px solid #b1b1b1;position:absolute;top:43px;right:0;bottom:118px;left:0;overflow:auto}#panel-note .tabs-pane{padding:0}.submit{padding:1px 10px;border:1px solid #a3a3a3;color:#868686;font-size:12px}.checked,.label-checked{vertical-align:middle;cursor:pointer;line-height:40px;color:#909b9e;font-size:12px;padding:0 10px}.wiki-box{height:41px;text-align:center}.wiki-box a{margin-top:7px}.qa-publish{padding-bottom:10px}.qa-shottime{padding:3px 4px;background-color:#000;color:#fff}.form textarea{width:100%;height:100%;resize:none;overflow-y:auto;padding:0;background:0}.inputFontTip{font-size:12px;line-height:22px;color:#ccc}.qa-reply .inputFontTip{line-height:28px}.qa-reply .loading{margin-top:-30px}#tabs-note .shot-btn{background-position:0 -68px}.panel-list{position:relative;padding:0 10px}#panel-note .panel-list{height:440px}#tabs-qa .panel-list,#tabs-wiki .panel-list{height:100%;overflow:auto}#tabs-qa .panel-list .loading-tips,#tabs-wiki .panel-list .loading-tips{display:block;width:60px;height:40px;position:absolute;left:50%;top:50%;margin-left:-30px}#tabs-note .panel-list{height:100%;overflow:auto}.list-li{position:relative;padding:10px 0 6px;min-height:70px;font-size:12px;font-family:sans-serif}.list-user{width:40px;height:40px;text-align:center;position:absolute;left:0;top:10px}.list-con{margin-left:50px}.list-text{margin-top:-4px;line-height:22px;white-space:normal;color:#909090;word-break:break-all;word-wrap:break-word}.list-li.no-pic .list-text{min-height:46px}.list-text .teacher{color:#c9394a}.list-pic{position:relative;margin:5px 0}.qa-reply{margin-top:8px;padding:5px 0 0;border:1px solid #e5e5e5;position:relative;min-height:100px;background-color:#fbfbfb}.qa-reply .list-con{margin-left:30px}.qa-reply .list-user{left:5px;width:26px;height:26px;top:7px}.qa-replybox{position:relative;padding:0 5px;height:100px}.qa-replybox .qa-reply-arrow{top:-11px;right:40px}.qa-replyform{width:auto}.qa-replylist li{padding:7px 5px;word-break:break-all;word-wrap:break-word}.qa-reply-arrow{position:absolute;right:20px;top:-10px;width:16px;height:12px;background:url(/static/img/sidebar.png) 0 -53px no-repeat}.list-note .list-con{margin-left:50px}.list-note .list-text{width:auto}.list-sub ul .list-praise{border:0}.my-list .list-praise:hover{color:#a3a3a3}.my-list .list-praise:hover span{background-position:-18px -36px}.list-src img{display:inline;vertical-align:middle;margin:-3px 4px 0 0;border-radius:12px}.noFlashBox{padding:30px}.noFlashBox h4{font-size:14px;margin-bottom:20px}.qa-list .tips{height:20px;line-height:20px;background-color:#f0f0f0;margin-top:4px;padding:0 10px}.qa-list .tips.done{margin-right:5px}#bdshare a,.bds_more{line-height:16px}.wiki-list .username{display:block;float:right;margin:-6px 5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85px;word-break:keep-all;word-wrap:normal}.wiki-list .teacher-icon{top:4px}.gotoTopBtn{display:none}.video-con{position:relative;background-color:#000;overflow:hidden;width:100%}.js-box-wrap{width:100%;height:300px}.course-video-wrap{padding-top:16px;padding-bottom:16px;box-sizing:border-box}.course-video-box{position:relative;margin:0 auto;height:100%;background:#0e1011;box-shadow:0 8px 16px 0 rgba(14,16,17,.8);overflow:hidden}.course-video-box .moco-tick{top:0;right:40px;z-index:1}.course-video-box .moco-tick.hide{display:none}.video-wrap{width:100%;height:100%}@media only screen and (max-width:1200px){.course-subcontainer{width:800px}}.nano{position:relative;width:100%;height:100%;overflow:hidden}.nano>.nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0}.nano>.nano-content:focus{outline:thin dotted}.nano>.nano-content::-webkit-scrollbar{display:none}.has-scrollbar>.nano-content::-webkit-scrollbar{display:block}.nano>.nano-pane{position:absolute;width:10px;right:10px;top:0;bottom:0;visibility:hidden\9;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.nano>.nano-pane>.nano-slider{background:#4e5a5e;position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.nano:hover>.nano-pane,.nano-pane.active,.nano-pane.flashed{visibility:visible\9;opacity:.99}.moco-change-big-btn{display:inline-block;padding:0 16px;margin-top:16px;font-size:16px;color:#545c63;line-height:37px;font-weight:bold;cursor:pointer}.moco-change-big-btn:hover{color:#f20d0d}.moco-change-big-btn.active{position:relative;color:#f20d0d!important;cursor:default}.moco-change-big-btn.active:after{margin:0 auto;content:'';display:block;width:16px;border-radius:2px;height:3px;background:#f20d0d}