/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{font-size:14px;color:#000;font-family:-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif}.jumbotron{background:.2s;background:#fff;width:100%;position:relative;max-width:2200px;margin:0 auto}.jumbotron.imageloading{background:#dadada}.jumbotron.imageloading img{display:none}.jumbotron .naver{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-size:14px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;z-index:500;padding:20px 40px}.jumbotron .naver .user{display:-webkit-box;display:-ms-flexbox;display:flex}.jumbotron .naver .user a{text-decoration:none}.jumbotron .naver .user p{font-size:14px;cursor:pointer;color:#fff;line-height:1;color:#white;letter-spacing:2.5px;position:relative;margin:0 0 0 45px}.jumbotron .naver .user p:hover{opacity:.4}.jumbotron .naver .user #login:before{content:'';display:inline-block;position:absolute;top:-4px;left:-25px;background:url(//xth-web.su.bcebos.com/img/www/login_w.png);width:20px;height:20px;background-size:cover;background-repeat:no-repeat}.jumbotron .naver .user #signup:before{content:'';display:inline-block;position:absolute;top:-4px;left:-25px;background:url(//xth-web.su.bcebos.com/img/www/signup_w.png);width:20px;height:20px;background-size:cover;background-repeat:no-repeat}.jumbotron .naver .menu{padding:0;margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}.jumbotron .naver .menu li{-webkit-transform:scale(1,1.15);transform:scale(1,1.15);margin:0 10px;padding-bottom:8px;-webkit-transition:.2s;transition:.2s;border-bottom:solid 2px transparent}.jumbotron .naver .menu li:hover{border-bottom:solid 2px #fff;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(0,0,0,.3)}.jumbotron .naver .menu li a{letter-spacing:2.5px;color:#fff;text-decoration:none}.jumbotron .aspect-ratio{padding-bottom:42.8%;width:100%}.jumbotron .logo{margin:0;background:url(//xth-web.su.bcebos.com/img/www/logo.png);width:135px;height:93px;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;right:0;z-index:500;text-indent:-9999px}.jumbotron img{z-index:100;width:100%;height:auto;position:absolute;top:0;left:0;-webkit-animation:carousel-fade 24s infinite;animation:carousel-fade 24s infinite;opacity:0}.jumbotron .slide2{-webkit-animation-delay:8s;animation-delay:8s}.jumbotron .slide3{-webkit-animation-delay:16s;animation-delay:16s}@-webkit-keyframes carousel-fade{0%,40%{opacity:0}15%,30%{opacity:1}16%,23%{z-index:1}17%,22%{z-index:2}}@keyframes carousel-fade{0%,40%{opacity:0}15%,30%{opacity:1}16%,23%{z-index:1}17%,22%{z-index:2}}.quicklinkswrapper{margin-bottom:100px;width:100%;position:relative;padding-bottom:14%}.quicklinks{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quicklinks .link{-webkit-transition:.2s;transition:.2s;-ms-flex-negative:0;flex-shrink:0;margin:0 54px}.quicklinks .link a{color:inherit;text-decoration:none}.quicklinks .link:hover{opacity:.4}.quicklinks .link .icon{margin:0 auto}.quicklinks .link p{text-align:center;margin:10px 0 0 0;font-size:14px;-webkit-transform:scale(1,1.15);transform:scale(1,1.15);letter-spacing:2.5px}.quicklinks .kecheng{background:url(//xth-web.su.bcebos.com/img/www/icon_kecheng.jpg);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;width:45px}.quicklinks .ceping{background:url(//xth-web.su.bcebos.com/img/www/icon_ceping.jpg);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;width:41px}.quicklinks .gongju{background:url(//xth-web.su.bcebos.com/img/www/icon_gongju.jpg);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;width:43px}.quicklinks .linian{background:url(//xth-web.su.bcebos.com/img/www/icon_linian.jpg);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center}.quicklinks .shouke{background:url(//xth-web.su.bcebos.com/img/www/icon_shouke.jpg);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;width:42px}.quicklinks .tuandui{background:url(//xth-web.su.bcebos.com/img/www/icon_tuandui.jpg);width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center}.footer{margin:0 auto}.footer .hr{height:1.5px;background:#000;width:100%;margin-bottom:15px}.footer .copy{color:#999;text-align:center;-webkit-transform:scale(.83);transform:scale(.83);margin-bottom:85px}.footer .bottomnaver{margin-bottom:85px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.footer .bottomnaver ul{margin:0;padding:0;list-style:none;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.footer .bottomnaver .links{-webkit-transform:scale(1,1.15);transform:scale(1,1.15);letter-spacing:2px}.footer .bottomnaver .links li{margin-right:20px}.footer .bottomnaver .links a{color:inherit;text-decoration:none}.footer .bottomnaver .social li{margin-left:20px}.footer .bottomnaver .social .wechat{background:url(//xth-web.su.bcebos.com/img/www/wechat.jpg);width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}.footer .bottomnaver .social .weibo{background:url(//xth-web.su.bcebos.com/img/www/weibo.jpg);width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center}.footer .bottomnaver .social .cart{background:url(//xth-web.su.bcebos.com/img/www/cart.jpg);width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center;width:19px}.footer .bottomnaver .social .wxmodal{z-index:9999;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:158px;font-weight:700;font-weight:700;font-size:14px;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.3);top:-220px;background:#fff;line-height:24px;text-align:center;border:solid 1px #f2f2f2;visibility:hidden;opacity:0;-webkit-transition:.2s;transition:.2s}.footer .bottomnaver .social .wxmodal img{width:124px;margin-bottom:5px}.footer .bottomnaver .social .wxmodal p{margin:18px 0 5px 0}.footer .bottomnaver .social .wxmodal.active{opacity:1;visibility:visible}.sl-fixed{width:960px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:relative;background:#fff;z-index:9999}.sl-fixed .hr{height:.5px;width:100%;background:#929292}.sl-fixed .title{padding:13px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;letter-spacing:1.3px;font-size:21px;margin:70px 0;-webkit-transform-origin:center left;transform-origin:center left}.sl-fixed .title span{color:#666;font-family:impact;vertical-align:-2px}.header_normal{-webkit-box-sizing:border-box;box-sizing:border-box;padding:13px 0;margin-top:10px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header_normal .user{display:-webkit-box;display:-ms-flexbox;display:flex}.header_normal .user a{text-decoration:none}.header_normal .user p{cursor:pointer;line-height:1;color:#b3b3b3;font-size:13px;letter-spacing:2.5px;position:relative;margin:0 0 0 35px}.header_normal .user p:hover{opacity:.4}.header_normal .user #login:before,.header_normal .user #username:before{content:'';display:inline-block;position:absolute;top:-4px;left:-25px;background:url(//xth-web.su.bcebos.com/img/www/profile.png);width:20px;height:20px;background-size:cover;background-repeat:no-repeat}.header_normal .user #logout:before,.header_normal .user #signup:before{content:'';display:inline-block;position:absolute;top:-4px;left:-25px;background:url(//xth-web.su.bcebos.com/img/www/logout.png);width:20px;height:20px;background-size:cover;background-repeat:no-repeat}.header_normal .naver{padding:0;margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}.header_normal .naver li{color:#b3b3b3;font-size:12px;letter-spacing:2.5px;display:inline-block;-webkit-transform:scale(1,1.15);transform:scale(1,1.15);font-weight:400;margin:0 6px}.header_normal .naver li.divider{height:100%;width:1px;background:#000}.header_normal .naver li.active{color:#000}.header_normal .naver li:hover{color:#000}.header_normal .naver li a{color:inherit;text-decoration:none}.fluid{padding:0 0 70px 0!important}.fluid-intro{padding:0 0 70px 0!important}.fluid-intro .intro{width:676px;margin:30px 0 50px 0}.fluid-intro .members{z-index:9999;position:relative;background:#fff;margin-bottom:50px}.fluid-intro .tool p,.fluid-intro .workbook p{margin:0}.fluid-intro .tool .title,.fluid-intro .workbook .title{font-size:20px;margin:40px 0 20px 0;color:#000}.fluid-intro .tool .name,.fluid-intro .workbook .name{margin:20px 0 5px 0;font-size:16px}.fluid-intro .tool .desc,.fluid-intro .workbook .desc{margin:0 0 20px 0;font-size:12px;font-family:-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif}.fluid-intro .tool .imagerow,.fluid-intro .workbook .imagerow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fluid-intro .tool .imagerow img,.fluid-intro .workbook .imagerow img{height:175px;margin-right:8px;width:auto}.fluid-intro .artist{margin-bottom:60px}.fluid-intro .artist .title{font-size:20px;color:#000;margin-bottom:20px}.fluid-intro .artist .title span{margin-left:15px}.fluid-intro .artist .desc{font-size:13px;margin:0;width:676px}.fluid-intro .artist .works{margin-top:30px;font-family:-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif}.fluid-intro .artist .works>p{font-size:12px;margin:0 0 15px 0}.fluid-intro .artist .works.books{margin-top:20px;width:676px}.fluid-intro .artist .works span{font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;margin-top:-10px;display:block}.fluid-intro .artist .works ul{margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0}.fluid-intro .artist .works ul li{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:8px}.fluid-intro .artist .works ul li img{height:175px;width:auto}.fluid-intro .artist .works ul li p{margin:0;-webkit-transform:scale(.83);transform:scale(.83);-webkit-transform-origin:left center;transform-origin:left center}.sl-content{width:960px;padding:50px 145px 70px 13px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;font-size:12px;line-height:24px;color:#666}.sl-content .bg{position:fixed;top:0;width:100%;background:#fff;height:239px}.sl-content h4{font-size:15px;letter-spacing:1px;margin:20px 0;color:#000}.sl-content p{margin-bottom:28px}.sl-static{width:960px;margin:0 auto}.sl-static .title{font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;letter-spacing:1.3px;font-size:21px;margin:80px 0 55px 0;-webkit-transition:.3s;transition:.3s}.sl-static .title span{color:#666;font-family:impact;vertical-align:-2px}.sl-static .title.active{margin:20px 0}.sl-static .placeholder{margin-top:40px;width:100%;margin-bottom:50px}.sl-static .placeholder img{width:100%;height:auto}.sl-static h4{margin:0;font-size:21px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif}.sl-static .hr{width:100%;height:.5px;background:#929292;margin:18px 0}.sl-static p{margin:0;color:#666;font-size:12px;line-height:24px}.sl-static .imagegroup{font-size:0;position:relative;width:910px;margin:120px auto 150px auto}.sl-static .imagegroup.imageloading{height:500px;background:#efefef}.sl-static .imagegroup.imageloading img{display:none}.sl-static .imagegroup img{width:100%;height:auto}.jumbotron-sl{margin:0 auto;width:100%;max-width:960px}.jumbotron-sl .naver .menu{padding:0;margin:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex}.jumbotron-sl .naver .menu li{-webkit-transform:scale(1,1.15);transform:scale(1,1.15);margin:0 10px;-webkit-transition:.2s;transition:.2s}.jumbotron-sl .naver .menu li.active{color:#000}.jumbotron-sl .naver .menu li:hover{color:#000}.jumbotron-sl .naver .menu li a{letter-spacing:2.5px;color:inherit;text-decoration:none}.bannerext{width:960px;height:442px;overflow:hidden}.bannerext img{height:442px;width:auto;display:inline-block}.tangram{margin:20px auto;width:960px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.tangram a{display:inline-block;width:32%;height:170px;overflow:hidden;margin-bottom:20px}.tangram a img{width:100%}.stickyblock{position:relative}.stickyblock .stickytitle{color:#b3b3b3;font-size:14px;position:-webkit-sticky;position:sticky;top:0;background:#fff}.stickyblock .stickytitle.active{top:0}.stickyblock .stickytitle p{margin-bottom:0 0 40px 0}.stickyblock .stickytitle p span{color:#000}.stickyblock .stickytitle div{margin:0 0 5px 0}.stickyblock .stickytitle .hr{height:.5px;width:100%;background:#929292}.caseitem .imagerow{display:-webkit-box;display:-ms-flexbox;display:flex;height:180px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.caseitem .imagerow.start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.caseitem .imagerow.start>img{margin-right:20px}.caseitem .imagerow>img{height:180px;width:auto}.caseitem>img{height:320px;width:auto}.caseitem p{margin:30px 0 20px 0;font-size:14px;color:#000}.caseitem p span{vertical-align:-1px;font-family:impact;color:#666}.members{width:100%;font-family:-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;font-size:13px}.members .hr{width:100%;background:#000;height:1px}.members>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.members>div img{width:112px;height:112px;display:block}.members>div .placeholder{width:112px;height:112px}.members>div .placeholder.b{background:#bdffff}.members>div .placeholder.y{background:#fbeac6}.members>div .placeholder.r{background:#f2d4cc}.members>div .placeholder.g{background:#bdffbd}.members>div p{margin:10px 0 20px 0}.members>div p.letterskip{letter-spacing:15px}.section{margin:10px 0 30px 0}.section.chief .title{font-size:13px;margin-bottom:10px!important}.section.withdesc small{margin-left:2px}.section.withdesc p{margin-bottom:10px}.section.withdesc span{margin-bottom:20px;display:block}.section .title{font-size:12px;color:#000;margin:0 0 20px 0!important;line-height:normal}.section ul{list-style:none;padding:0;margin:0}.section ul li{line-height:normal;color:#666}.section ul li p{margin:0 0 15px 0;font-family:-apple-system,"Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Source Han Sans CN","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;font-size:13px}.section ul li p small{margin-left:15px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;font-size:12px}.section ul li span{font-size:12px}.hr{width:100%;background:#000;height:1px}.loginwrapper{background:#f2f2f2;position:absolute;width:100%;height:100%}.loginwrapper .banner{width:380px;height:174px;background:url(//xth-web.su.bcebos.com/img/www/loginbanner.jpg);background-size:cover;background-repeat:no-repeat}.loginwrapper .login{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:380px;background:#fff}.loginwrapper .login .inputs{position:relative;width:380px;height:354px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;color:#999}.loginwrapper .login .inputs .center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:216px}.loginwrapper .login .inputs .withbutton{position:relative}.loginwrapper .login .inputs .withbutton input{padding:10px 70px 10px 10px}.loginwrapper .login .inputs .withbutton .btn{color:#999;margin-top:-4px;right:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.loginwrapper .login .inputs .withbutton .btn:hover{color:#666}.loginwrapper .login .inputs input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#e5e5e5;outline:0;border:none;border-radius:10px;margin-bottom:10px}.loginwrapper .login .inputs button{width:100%;height:36px;line-height:36px;text-align:center;color:#dbd7d5;border:none;outline:0;border-radius:10px;background:#666}.loginwrapper .login .inputs .hint{color:#b3b3b3;text-align:center}.loginwrapper .login .inputs .hint a{color:#666;text-decoration:none}.popup{top:-100px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.3s;transition:.3s;padding:15px;background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);z-index:9999;border-radius:3px;font-weight:700;font-size:12px;text-align:center;width:280px}.popup.active{top:20px}.userinfoset{font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;margin:50px 0 50px 0;color:#000;line-height:normal}.userinfoset .title{font-size:14px;margin:0}.userinfoset .name{font-size:24px;margin:50px 0 50px 0}.userinfoset .with{font-size:16px;margin:0}.profilehead{color:#b2b2b2;font-size:16px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;margin-bottom:40px}.profilehead .hr{width:100%;height:1px;background:#000;margin-top:10px}.purchased{margin-bottom:60px;padding:0;list-style:none}.purchased li{margin-bottom:25px}.purchased li .coursetitle{font-size:18px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;color:#000;margin-bottom:15px}.purchased li .coursetitle .id{margin-right:5px;display:inline-block;vertical-align:-1px;font-family:impact;color:#666}.purchased li p{font-size:14px;margin-bottom:10px;color:#b2b2b2;letter-spacing:.8px}.purchased li p .limit{letter-spacing:0;display:inline-block;width:56px;text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;-webkit-text-align-last:justify}.courseicon{background:url(//xth-web.su.bcebos.com/img/www/img/courseicon.jpg);width:119px;height:30px;background-size:cover;background-repeat:no-repeat;background-position:center;margin:80px 0 55px 0}.resourceicon{background:url(//xth-web.su.bcebos.com/img/www/resourceicon.jpg);width:317px;height:30px;background-size:cover;background-repeat:no-repeat;background-position:center;margin:80px 0 55px 0}.categoryselector{margin-bottom:40px}.categoryselector div{margin-bottom:18px;font-size:12px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.categoryselector div .active{color:#000}.categoryselector div a{text-decoration:none;color:inherit}.categoryselector div p{cursor:pointer;font-size:13px;line-height:normal;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif}.categoryselector div ul{margin:0;padding:0;list-style:none}.categoryselector div ul li{display:inline-block;margin-left:15px;-webkit-transform:scale(1,1.15);transform:scale(1,1.15);letter-spacing:2.5px}.categoryselector div ul li:hover{color:#000}.coursecontainer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.coursecontainer .flexholder{width:300px;height:0}.coursecontainer .courseblock{margin-bottom:35px;width:300px;position:relative}.coursecontainer .courseblock.hide{display:none}.coursecontainer .courseblock img{width:100%;height:auto;display:block}.coursecontainer .courseblock .drop{cursor:pointer;-webkit-transition:.2s;transition:.2s;opacity:0;background:rgba(255,255,255,.7);position:absolute;width:100%;height:100%}.coursecontainer .courseblock .drop .playbtn{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.coursecontainer .courseblock .drop .playbtn div{margin-bottom:20px;background:url(//xth-web.su.bcebos.com/img/www/play.svg);width:40px;height:40px;display:inline-block;background-size:cover;background-repeat:no-repeat}.coursecontainer .courseblock .drop .playbtn span{font-size:12px;color:#000;font-weight:700;display:block;text-align:center}.coursecontainer .courseblock .drop:hover{opacity:1}.coursecontainer .courseblock .drop .link{width:100%;position:absolute;bottom:0;background:rgba(255,255,255,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 15px 5px 30px;color:#666}.coursecontainer .courseblock .drop .link a{text-decoration:none}.coursecontainer .courseblock .drop .link p{line-height:normal;font-size:13px;font-weight:700;position:relative}.coursecontainer .courseblock .drop .link .play:before{content:'';display:inline-block;position:absolute;top:3px;left:-18px;background:url(//xth-web.su.bcebos.com/img/www/playicon.png);width:13px;height:13px;background-size:cover;background-repeat:no-repeat}.coursecontainer .courseblock .drop .link .guide:before{content:'';display:inline-block;position:absolute;top:3px;left:-18px;background:url(//xth-web.su.bcebos.com/img/www/guideicon.png);width:13px;height:13px;background-size:cover;background-repeat:no-repeat}.coursecontainer .courseblock .drop>p{position:absolute;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.coursecontainer .courseblock .drop>p .number{margin-right:5px;color:#666;font-family:impact;font-size:32px}.coursecontainer .courseblock .drop>p .desc{width:120px;font-weight:700;color:#000;line-height:20px}.bread{color:#b3b3b3;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif}.bread #coursename{color:inherit}.bread span{color:#000}.player{margin:58px 0 35px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.player ul{width:230px;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;list-style:none}.player ul li{cursor:pointer;color:#b3b3b3;font-size:13px;line-height:26px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif}.player ul li span{width:74px;display:inline-block;text-align:justify;text-justify:distribute-all-lines;text-align-last:justify;-moz-text-align-last:justify;-webkit-text-align-last:justify}.player ul li.active{color:#000}.player ul li:hover{color:#000}.coursedesc{font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;margin-bottom:70px;width:718px}.coursedesc p{margin-bottom:10px}#mdcontent{margin:40px 0 60px 0}#mdcontent h3{margin:40px 0 10px 0}#mdcontent h2{margin:60px 0 20px 0}#mdcontent p{font-size:13px;line-height:28px;margin-bottom:8px}#mdcontent li,#mdcontent ol{color:#666;padding-left:17px;font-size:13px;line-height:28px;margin:20px 0 20px 0}#mdcontent em{display:inline-block;font-size:12px}.backdrop{display:none;top:0;left:0;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.3)}.backdrop.active{display:inherit}.modal{padding:20px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.3);width:580px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999;background:#fff}.modal.active{display:inherit}.modal span{color:#666;font-size:12px}.modal h2{font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;color:#000;margin:10px 0 20px 0;font-size:21px}.resourcecategory{margin-bottom:55px;font-family:Georgia,"Nimbus Roman No9 L","Songti SC",STSong,"AR PL New Sung","AR PL SungtiL GB",NSimSun,SimSun,"TW\-Sung","WenQuanYi Bitmap Song","AR PL UMing CN","AR PL UMing HK","AR PL UMing TW","AR PL UMing TW MBE",PMingLiU,MingLiU,serif;color:#666}.resourcecategory span{cursor:pointer;font-size:12px;margin-right:50px;color:#666}.resourcecategory span.active,.resourcecategory span:hover{color:#000}.banner{width:100%;position:relative;height:680px;overflow:hidden}.banner .logo{margin:0;background:url(//xth-web.su.bcebos.com/img/www/logo.png);width:135px;height:93px;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;right:0;z-index:500}.banner img{width:100%;height:auto;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}