*{margin:0;padding:0;vertical-align:baseline}html,body{line-height:1.15;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,SimSun,sans-serif;*font-family:Microsoft YaHei,SimSun,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}header,main,footer,nav,section,article,aside,details{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em}a{background-color:transparent;text-decoration:none;outline:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}abbr,acronym,fieldset,img{border-style:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}summary{display:list-item}template{display:none}[hidden]{display:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,button:focus{outline:none}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:none}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=text],textarea{-webkit-appearance:none;outline:none}input:focus,textarea:focus{outline:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #f3f3f3 inset}::-webkit-input-placeholder{color:#999}:-moz-placeholder{color:#999}::-moz-placeholder{color:#999}:-ms-input-placeholder{color:#999}input::-ms-clear{display:none}input::-ms-reveal{display:none}.db{display:block!important}.dn{display:none!important}.hidden{visibility:hidden}.tl{text-align:left!important}.tc{text-align:center!important}.tr{text-align:right!important}.fl{float:left;*display:inline}.fr{float:right;*display:inline}.clearfix,.container,.section{*zoom:1}.clearfix:after,.container:after,.section:after{content:"";display:table;line-height:0;font-size:0;clear:both}ul.clearfix > li,ol.clearfix > li{float:left}ul.clearfix > li.fr,ol.clearfix > li.fr{float:right}.pt0{padding-top:0!important}.pl0{padding-left:0!important}.ml0{margin-left:0!important}.mt0{margin-top:0!important}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.ml35{margin-left:35px}.ml40{margin-left:40px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt50{margin-top:50px}.mb30{margin-bottom:30px}.pb50{padding-bottom:50px}.bg-gray{background:#f8f8f8;overflow:hidden}.bg-white{background:#fff}.container{width:1200px;margin-left:auto;margin-right:auto}.header{height:84px;background:#14976a;min-width:1200px}.header .logo img{display:block;height:58px;margin-top:13px;margin-right:40px}.header .nav{padding:20px 0}.header .nav a{display:block;height:44px;line-height:44px;padding:0 20px;font-size:18px;color:#fff}.header .nav li:hover > a,.header .nav li.active > a{background-color:#08b78c;border-radius:25px}.header .nav-more{position:relative;padding-bottom:20px;margin-bottom:-20px}.header .nav-more .item{padding-right:40px;background:url(../images/ico-drop.png) no-repeat 80% center}.header .drop-nav{width:156px;padding:15px 0 5px}.header .drop-nav a{margin-bottom:10px;text-align:center;color:#333}.header .drop-nav a.active{color:#14976a}.header .drop-nav a:hover{background-color:#F8F8F8}.header .text-login{margin-top:31px;line-height:22px;padding-left:32px;background:url(../images/ico-user.png) no-repeat left center;font-size:16px;color:#fff}.header .text-login:hover{opacity:0.9}.header .user{position:relative;height:84px}.header dt.avatar{padding-top:22px}.header dt.avatar img{display:block;width:40px;height:40px;border-radius:50%}.drop-login,.drop-nav{position:absolute;top:100%;right:0;z-index:9;background:#fff;border-radius:0 0 4px 4px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.drop-login{width:270px;padding:25px 20px 4px}.drop-login .msg{padding-left:80px}.drop-login .msg .avatar{margin-left:-80px}.drop-login .msg .avatar img{display:block;width:60px;height:60px;border-radius:50%}.drop-login .name{padding-top:10px;line-height:26px;font-size:16px;color:#333}.drop-login .score{line-height:20px;font-size:14px;color:#999}.drop-login .btn-lesson,.drop-login .btn-score,.user-content .nav a{display:block;width:130px;height:36px;line-height:36px;font-size:14px;color:#333}.drop-login .btn-lesson,.drop-login .btn-score{margin-top:22px;background:#f8f8f8;border-radius:2px}.drop-login .btn-lesson{margin-right:8px}.user-content .nav a{margin-bottom:20px}.drop-login .btn-lesson i,.drop-login .btn-score i,.user-content .nav a i{position:relative;top:3px;display:inline-block;margin-left:10px;margin-right:5px;height:16px}.drop-login .btn-lesson i,.user-content .nav .btn-lesson i{width:19px;background:url(../images/ico-my.png) no-repeat 0 0}.drop-login .btn-score i,.user-content .nav .btn-score i{width:16px;background:url(../images/ico-my.png) no-repeat 0 -36px}.drop-login .btn-lesson:hover i,.user-content .nav .btn-lesson:hover i,.user-content .nav .btn-lesson.active i{background-position:0 -18px}.drop-login .btn-score:hover i,.user-content .nav .btn-score:hover i,.user-content .nav .btn-score.active i{background-position:0 -54px}.drop-login .bottom{margin-top:16px;padding:10px 0;border-top:1px solid #eee}.drop-login .login-out{line-height:24px;font-size:14px;color:#333}.drop-login a:hover,.sec-title .more:hover,.user-content .nav a:hover,.user-content .nav a.active{color:#14976a}.sec-title{padding-top:40px;padding-bottom:24px}.sec-title .h3{padding-left:10px;line-height:28px;border-left:6px solid #14976a;font-weight:bold;font-size:24px;color:#333}.sec-title .more{display:block;padding-right:14px;line-height:28px;background:url(../images/ico-more.png) no-repeat right 0;font-size:14px;color:#666}.sec-title .more:hover{background-position:right -28px}.footer{padding-top:40px;background:#272C32;min-width:1200px}.footer li{height:134px;overflow:hidden}.footer .logo{border-right:1px solid #40474E}.footer .logo img{margin:15px 50px 0 130px}.footer .contact{padding-left:85px}.footer .contact p{line-height:36px;padding-left:26px;font-size:14px;color:#B4B0B0}.footer .address{margin-top:26px;background:url(../images/ico-mark.png) no-repeat left center}.footer .email{margin-top:4px;background:url(../images/ico-mail.png) no-repeat left center}.footer .qrcode{padding:0 110px 0 70px;border-left:1px solid #40474E}.footer .qrcode .text{line-height:20px;margin-bottom:18px;text-align:center;font-size:16px;color:#fff}.footer .qrcode .img{width:94px;height:94px;background:#fff;overflow:hidden}.footer .qrcode img{display:block;width:82px;height:82px;margin:6px}.copyright{margin-top:40px;line-height:70px;border-top:1px solid #40474E;text-align:center;font-size:14px;color:#B4B0B0}.layui-layer.layer-form,.layui-layer.layer-tips{border-radius:16px}.layui-layer-content .rich-text{padding:0 30px;overflow:auto}.layer-form .layui-layer-setwin,.layer-tips .layui-layer-setwin{top:0;right:0}.layer-form .layui-layer-setwin .layui-layer-close2,.layer-tips .layui-layer-setwin .layui-layer-close2{top:15px;right:20px;width:20px;height:20px;background:url(../images/ico-close.png) no-repeat 0 0}.layer-form .layui-layer-setwin .layui-layer-close2:hover,.layer-tips .layui-layer-setwin .layui-layer-close2:hover{background-position:0 -20px}.layer-form .pop-title{padding:25px 40px 20px}.layer-form .pop-title h4,.layer-form h4.pop-title{line-height:30px;text-align:center;font-weight:bold;font-size:24px;color:#333}.layer-form h4.pop-title{padding-top:45px;margin-bottom:10px}.layer-form .pop-title p{margin-top:10px;line-height:20px;text-align:center;font-size:14px;color:#999}.layer-form .form-control{position:relative;margin:0 40px 20px}.layer-form .input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;height:48px;padding:0 20px;background:transparent;border:1px solid #DDD;border-radius:5px;font-size:14px;color:#333}.layer-form div.input{background:url(../images/icon-select.png) no-repeat 310px center;line-height:46px;cursor:pointer}.layer-form div.input.placeholder{color:#999}.layer-form input:focus{border-color:#14976a}.layer-form .btn-wrap{padding-top:10px;margin-left:40px;margin-right:40px}.layer-form .btn{width:100%;height:50px;background:#14976a;border:0 none;border-radius:30px;font-size:16px;color:#fff;cursor:pointer}.layer-form .btn.fl{width:42%;margin:0 4%}.layer-form .btn-skip{background:#fff;border:1px solid #DDD;color:#333}.layer-form .btn:hover{opacity:0.9}.layer-form .help-text{margin-top:18px;line-height:20px;text-align:center;font-size:14px;color:#333}.layer-form .help-text a{color:#14976a}.layer-form .help-text a:hover{text-decoration:underline}.layer-form .drop-select{position:absolute;left:0;top:54px;z-index:9;width:100%}.layer-form .drop-select .options{padding:5px 0;background:#fff;border:1px solid #EEE;box-shadow:0px 3px 6px rgba(0,0,0,0.16)}.layer-form .drop-select li{line-height:32px;padding:0 20px;font-size:14px;color:#333;cursor:pointer}.layer-form .drop-select li:hover,.layer-form .drop-select li.active{background:#14976a;color:#fff}.layer-tips .pop-icon{padding:40px 0 20px}.layer-tips .pop-icon img{display:block;width:56px;height:56px;margin:0 auto}.layer-tips .pop-text{padding:0 70px;line-height:30px;font-size:16px;color:#666}.layer-tips .pop-text .black{color:#333}.col4{margin:0 -13px}.col4 li{width:24.99%;padding:0 13px;margin-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.item-lesson a{display:block;width:100%}.item-lesson .img{display:block;width:100%;height:213px;overflow:hidden}.item-lesson .img img{display:block;width:100%;height:100%;transition:all ease-in-out 0.2s}.item-lesson .text{display:block;margin-top:18px;line-height:20px;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-lesson a:hover img{transform:scale(1.02)}.item-lesson a:hover .text{color:#14976a}.crumb{padding:28px 0 20px;line-height:20px;font-size:18px;color:#333}.crumb .link{color:#14976a}.crumb .link:hover{text-decoration:underline}.pagination{padding:10px 0 60px 50%}.pagination ul{margin-left:-50%}.pagination li{float:left;margin:0 15px;line-height:30px;font-size:14px;color:#333}.pagination li a{padding:0 10px;display:block;height:30px;min-width:10px;text-align:center;color:#333}.pagination li.active a,.pagination li:hover a{background:#14976a;border-radius:15px;color:#fff}.pagination li.prev{margin-right:0}.pagination li.next{margin-left:0}.pagination li.prev.active a,.pagination li.prev:hover a,.pagination li.next.active a,.pagination li.next:hover a{background:none;color:#14976a}.pagination li.disabled a{color:#999!important;cursor:not-allowed}.tab-wrap{border-bottom:1px solid #eee}.tab-wrap ul{margin:0 30px}.tab-wrap li{margin-right:75px}.tab-wrap li a{display:block;padding:26px 0 12px;border-bottom:4px solid #fff;font-weight:normal;font-size:18px;color:#333}.tab-wrap li.active a{border-bottom:4px solid #14976a;color:#14976a}.tab-wrap li:hover a{color:#14976a}.default-null{margin-top:10%;margin-bottom:10%;padding-top:150px;background:url(../images/default-null.png) no-repeat center top;line-height:20px;text-align:center;font-size:16px;color:#333}.user-content{padding:30px 0 40px}.user-content .container{padding-left:260px;width:940px}.user-content .side{margin-left:-260px;width:240px;min-height:544px;overflow:hidden}.user-content .nav{padding-left:58px}.user-content .main{padding-left:30px;padding-right:30px;padding-bottom:50px;min-height:544px;overflow:hidden}.user-content .pagination{padding-bottom:0;padding-top:30px}.page-error{margin-top:30px;margin-bottom:30px;background:#fff;overflow:hidden}.page-error img{display:block;margin:50px auto 0}.page-error p{margin-top:36px;line-height:30px;text-align:center;font-size:24px;color:#333}.page-error .btn-blue{display:block;width:170px;height:50px;margin:60px auto;line-height:50px;background:#14976a;border-radius:30px;text-align:center;font-size:18px;color:#fff}