blob: 6c0510808dec011f3bf571f242408c14bca961fa [file] [log] [blame]
@font-face{font-family:'noto-thin';font-weight:400;src:url("font/NotoSansCJKsc-Thin.eot");src:url("font/NotoSansCJKsc-Thin.eot?#iefix") format("embedded-opentype"),url("font/NotoSansCJKsc-Thin.woff") format("woff"),url("font/NotoSansCJKsc-Thin.ttf") format("truetype"),url("font/NotoSansCJKsc-Thin.svg#NotoSansCJKsc-Thin") format("svg")}@font-face{font-family:'noto-light';font-weight:400;src:url("font/NotoSansCJKsc-Light.eot");src:url("font/NotoSansCJKsc-Light.eot?#iefix") format("embedded-opentype"),url("font/NotoSansCJKsc-Light.woff") format("woff"),url("font/NotoSansCJKsc-Light.ttf") format("truetype"),url("font/NotoSansCJKsc-Light.svg#NotoSansCJKsc-Light") format("svg")}@font-face{font-family:'iconfont';src:url("font/iconfont.eot");src:url("font/iconfont.eot?#iefix") format("embedded-opentype"),url("font/iconfont.woff") format("woff"),url("font/iconfont.ttf") format("truetype"),url("font/iconfont.svg#iconfont") format("svg")}.iconfont{font-family:"iconfont" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{height:100%;font-family:'noto-thin'}body #main{height:100%}body h2,body h3{font-family:'noto-light'}#lowie-main{display:none}.lower-ie #main{display:none}.lower-ie #lowie-main{display:block;height:100%;width:100%;padding:200px 0 100px;background-color:#2a3c54}.lower-ie #lowie-main img{display:block;width:60%;margin:0 auto}.navbar-default{border:none;background-color:#293c55;z-index:13;-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear}.navbar-default .navbar-nav{margin:0 -15px;-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear}.navbar-default .navbar-nav li{position:relative}.navbar-default .navbar-nav li a{color:#eee;background-color:none !important}.navbar-default .navbar-nav li a:hover,.navbar-default .navbar-nav li a:focus{color:#f9f9f9;background-color:#162436}.navbar-default .navbar-nav li a .iconfont{font-size:12px}.navbar-default .navbar-nav li.open{background-color:#162436;color:#fff}.navbar-default .navbar-nav li.open>a:focus,.navbar-default .navbar-nav li.open>a:hover{color:#eee;background-color:#162436}.navbar-default .navbar-nav li.active>a{padding-top:11px;border-top:4px solid #a9334c;color:#fff;background-color:transparent;font-family:noto-light}.navbar-default .navbar-nav li.active>a:hover,.navbar-default .navbar-nav li.active>a:focus{color:#f9f9f9;background-color:#162436}.navbar-default .navbar-nav li .dropdown-menu{width:100%;padding:0;background-color:#162436;-webkit-box-shadow:none;box-shadow:none;border:none}.navbar-default .navbar-nav li .dropdown-menu li{background-color:#162436;border-top:none;padding:5px 0}.navbar-default .navbar-nav li .dropdown-menu li:hover,.navbar-default .navbar-nav li .dropdown-menu li:focus{background-color:#a9334c}.navbar-default .navbar-nav li .dropdown-menu li:hover a,.navbar-default .navbar-nav li .dropdown-menu li:focus a{background-color:#a9334c}.navbar-default .navbar-logo{height:32px;margin-top:-6px;margin-left:-2px}.navbar-default .navbar-collapse{border-top:none}.navbar-default .navbar-toggle{padding:1px 5px;margin:7px 16px 0 0;border-color:#384E6B;background-color:#384E6B}.navbar-default .navbar-toggle .icon-bar{margin:7px 0 !important;height:1px;background-color:#fff}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border-color:#384E6B;background-color:#384E6B}#menu-btn{display:none;float:right;height:45px;line-height:45px;margin:5px 20px 0 0;font-size:30px;color:#fff;cursor:pointer}.navbar-bg{background-color:transparent}.navbar-bg .navbar-nav li a{color:#fff}.navbar-bg .navbar-nav li.active a{color:#fff;background-color:transparent}.navbar-bg .navbar-toggle{border-color:#517A94;background-color:#517A94}.navbar-bg .navbar-toggle:hover{border-color:#384E6B;background-color:#384E6B}@media (max-width: 768px){.navbar-default .navbar-nav{background-color:#293c55;-webkit-transition:background-color 0.5s linear;transition:background-color 0.5s linear}.navbar-default .navbar-nav .open .dropdown-menu{padding:0}.navbar-default .navbar-nav .open .dropdown-menu li a{color:#fff}.navbar-default .navbar-nav li.active>a{border-left:4px solid #a9334c;border-top:none;padding:10px 15px 10px 11px}.navbar-bg .navbar-nav{background-color:#4B7995}.navbar-bg .navbar-toggle{background-color:transparent;border:none}.navbar-bg .navbar-toggle:focus{border-color:#5A88A2 !important;background-color:#5A88A2 !important}.navbar-bg .navbar-toggle:hover{border-color:#5A88A2;background-color:#5A88A2}#menu-btn{display:block}#nav-download{display:none}}#footer{padding:35px 5%;font-size:12px;text-align:left;background-color:#2a3c54;color:#fff}#footer .list-wrapper{*zoom:1}#footer .list-wrapper:before,#footer .list-wrapper:after{display:table;line-height:0;content:""}#footer .list-wrapper:after{clear:both}#footer ul,#footer li{list-style:none;padding:0;margin:0}#footer a{line-height:22px;color:#fff}#footer h2{margin-bottom:10px;font-size:13px;font-weight:400;color:#fff}#footer .product-list a{color:#5b8b95}#footer .copyrights{margin-top:30px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.2);text-align:center;clear:left}#footer .product-list,#footer .echarts-product,#footer .contact-list,#footer .more{float:left;width:30%}#footer .more{width:10%}@keyframes textAnimation{0%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes textAnimation{0%{-webkit-transform:translateX(-300px);transform:translateX(-300px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes imgAnimation{0%{-webkit-transform:translateX(500px);transform:translateX(500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes imgAnimation{0%{-webkit-transform:translateX(500px);transform:translateX(500px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}body{width:100%;overflow-x:hidden;background-color:#fff}.section{margin-top:25px;color:#707d8d}.section h2{margin:110px 0 40px;font-size:44px}.section p{font-size:19px;line-height:28px}#page-index .navbar-default{margin-bottom:-51px}.section-one{background-color:#4f7f9b;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4f7f9b), to(#293c55));background-image:-webkit-linear-gradient(top, #4f7f9b, #293c55);background-image:-webkit-gradient(linear, left top, left bottom, from(#4f7f9b), to(#293c55));background-image:linear-gradient(to bottom, #4f7f9b, #293c55);background-repeat:repeat-x}.section-one .container-one{padding-top:200px;display:relative}.section-one .text,.section-one .shadow,.section-one .line{display:block;margin:0 auto}.section-one #animate-logo{width:50%;margin:0 auto}.section-one .shadow{width:51%;margin:10px auto 60px}.section-one .line{width:100%}#wave{width:100%;height:200px}.section-two{position:relative;background-color:#293c55;color:#fff}.section-two .img-bg,.section-two .img-bg-footer,.section-two .header,.section-two .footer{position:absolute;left:0;width:100%;z-index:1}.section-two .header{top:50px;z-index:2}.section-two .footer{bottom:0}.section-two .earth{position:relative;display:block;width:460px;margin:60px auto 0;z-index:11}.section-two .intro-wrap{position:absolute;left:0;top:50%;width:100%;text-align:center}.section-two h2{position:absolute;left:0;top:30%;width:100%;text-align:center;top:60px}.section-two .intro-source{width:70%;margin:0 auto;line-height:24px;text-align:left}#github-line-chart{position:absolute;left:0;right:0;top:0;bottom:0}.section-three{background-color:#f0f4fa}.section-three .file{display:block;width:80%;height:350px;margin:0 auto}.section-four .container-four{text-align:center;background-color:#fff}.section-four .text-wrap{padding-left:10%;text-align:left}.section-four .text-wrap-animate{transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);animation:textAnimation .7s ease-out;-moz-animation:textAnimation .7s ease-out;-webkit-animation:textAnimation .7s ease-out;-o-animation:textAnimation .7s ease-out}.section-four h2{margin-top:60px}.section-four .device-wrap{float:right}.section-four .device-wrap-animate{transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);animation:imgAnimation .7s ease-out;-moz-animation:imgAnimation .7s ease-out;-webkit-animation:imgAnimation .7s ease-out;-o-animation:imgAnimation .7s ease-out}.section-four .device{display:block;width:90%}.section-five{background-color:#f0f4fa}.section-five .container-five{text-align:center}.section-five .text-wrap{display:none}.section-five h2{margin-bottom:20px}.section-five p{width:80%;margin:0 auto 30px}.section-five .list{height:300px;line-height:300px}.section-five i{display:inline-block;width:8px;height:8px;margin:0 6px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #b7c4d4}.section-five img{width:8%;-webkit-border-radius:150px;border-radius:150px;border:1px solid #b7c4d4;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.section-five .cur-item{width:12%;margin:0 6px;-webkit-border-radius:200px;border-radius:200px;border-color:#7fccf2;-webkit-box-shadow:0 0 10px #b7c4d4;box-shadow:0 0 10px #b7c4d4}.section-six .container-six{padding:120px 0 60px;text-align:center;background-color:#fff}.section-six h2{font-size:19px;line-height:30px;margin:0}.section-six .start-btn{display:block;margin:40px auto;width:210px;line-height:46px;font-size:21px;text-decoration:none;background-color:#5CB6E3;color:#fff}.section-six .start-btn:hover{background-color:#91D7F7}.section-one,.section-two{margin-top:0}#fp-nav ul li{width:14px !important;height:14px !important;margin-bottom:10px !important}#fp-nav ul li a span{width:14px !important;height:14px !important;left:0 !important;top:0 !important;margin:0 !important;border:1px solid #6090b6 !important;background:none !important}#fp-nav ul li .active span{background:#6090b6 !important}.lower-ie #fp-nav{display:none}@media (max-width: 992px) and (min-width: 768px){.section-three h2{margin:20px 0 20px 0}.section-four h2{margin:0 0 20px 0}}@media (max-width: 768px){#wave{height:140px}#file-size-chart{height:290px}#fp-nav.right{right:15px}.section{text-align:center}.section h2{margin:10px;font-size:30px}.section p{font-size:15px;line-height:28px}.section-six .container-six{padding:0}.section-six h2{font-size:19px}#footer h2{margin:0}.section-one #animate-logo{width:80%}.section-one .container-one{padding-top:100px}.section-one .text{width:70%}.section-one .shadow{width:78%;margin:20px auto 30px}.section-two h2{top:190px;margin:0}.section-two .intro-wrap{top:250px}.section-two .earth{width:300px}.section-three .container-three .file{margin-bottom:25px}.section-four .text-wrap{width:100%;padding-left:0;margin:0 0 20px 0;text-align:center}.section-four .device{display:block;margin:0 auto 40px}.section-five .container-five p{margin:0 auto}.section-five .container-five i{display:none}.section-five .container-five .list{padding:20px 12px 30px 20px;height:auto;line-height:normal}.section-five .container-five img{width:20%;margin-right:2%}.section-five .container-five .cur-item{width:20%;margin:0 2% 0 0;border-color:#b7c4d4;-webkit-box-shadow:none;box-shadow:none}.section-five .container-five .text-wrap{display:block}.section-five .container-five .text-header-wrap{display:none}}@media (max-width: 480px){.section{text-align:center}.section h2{font-size:20px}.section p{font-size:13px}.section-three h2,.section-four h2,.section-five h2{margin:10px}.section-three P,.section-four P,.section-five P{line-height:28px}.section-two h2{top:140px;margin:0}.section-two .intro-wrap{top:200px}.section-six h2{font-size:14px}#footer{display:none}}@media (max-width: 320px){.section-two h2{top:95px;margin:0}.section-two .intro-wrap{top:130px}}#left-chart-nav{position:fixed;top:49px;bottom:0;left:0;border-top:1px solid #0e151f;width:155px;background-color:#293c55;overflow-y:hidden;z-index:15}#left-chart-nav:hover{overflow-y:auto}#left-chart-nav ul{padding:0}#left-chart-nav li{height:54px;padding:10px 15px;-webkit-transition:0.5s;transition:0.5s}#left-chart-nav li a{color:#ccc;position:relative;display:block;-webkit-transition:0.5s;transition:0.5s}#left-chart-nav li a .chart-name{display:inline-block;position:relative;top:-12px;margin-left:10px}#left-chart-nav li a .chart-icon{content:'';display:inline-block;width:32px;height:32px;background-image:url("../images/chart-icon.png");background-size:32px;background-repeat:no-repeat;-webkit-border-radius:50%;border-radius:50%;border:1px solid #999}#left-chart-nav li.active{background-color:#e43c59}#left-chart-nav li.active a{color:#f9f9f9}#left-chart-nav li.active .chart-icon{border-color:#f9f9f9}#left-chart-nav li:hover{background-color:#162436}@media (max-width: 768px){#left-chart-nav{display:none}}#nav-mask{display:none;position:fixed;top:50px;left:155px;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:12}#nav-layer{display:none;position:fixed;width:620px;max-height:350px;left:155px;top:200px;z-index:15;background-color:#fff;overflow-y:scroll;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);box-shadow:0 0 20px rgba(0,0,0,0.5)}#nav-layer .chart-list{*zoom:1;width:100%;clear:both;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}#nav-layer .chart-list:before,#nav-layer .chart-list:after{display:table;line-height:0;content:""}#nav-layer .chart-list:after{clear:both}#nav-layer li{float:left;width:180px;margin:10px 10px;padding:5px;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);-webkit-transition:-webkit-box-shadow 0.5s ease-out;transition:-webkit-box-shadow 0.5s ease-out;transition:box-shadow 0.5s ease-out;transition:box-shadow 0.5s ease-out, -webkit-box-shadow 0.5s ease-out}#nav-layer li:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3)}#nav-layer img{width:100%;height:100%}#left-chart-nav-line .chart-icon{background-position-x:-1px;background-position-y:-1px}#left-chart-nav-bar .chart-icon{background-position-x:-1px;background-position-y:-33px}#left-chart-nav-scatter .chart-icon{background-position-x:-1px;background-position-y:-65px}#left-chart-nav-pie .chart-icon{background-position-x:-1px;background-position-y:-129px}#left-chart-nav-radar .chart-icon{background-position-x:-1px;background-position-y:-161px}#left-chart-nav-funnel .chart-icon{background-position-x:-1px;background-position-y:-321px}#left-chart-nav-gauge .chart-icon{background-position-x:-1px;background-position-y:-289px}#left-chart-nav-map .chart-icon{background-position-x:-1px;background-position-y:-257px}#left-chart-nav-graph .chart-icon{background-position-x:-1px;background-position-y:-225px}#left-chart-nav-treemap .chart-icon{background-position-x:-1px;background-position-y:-417px}#left-chart-nav-tree .chart-icon{background-position-x:-1px;background-position-y:-449px}#left-chart-nav-parallel .chart-icon{background-position-x:-1px;background-position-y:-513px}#left-chart-nav-sankey .chart-icon{background-position-x:-1px;background-position-y:-545px}#left-chart-nav-candlestick .chart-icon{background-position-x:-1px;background-position-y:-97px}#left-chart-nav-boxplot .chart-icon{background-position-x:-1px;background-position-y:-577px}#left-chart-nav-heatmap .chart-icon{background-position-x:-1px;background-position-y:-353px}#explore-container{position:relative;margin-left:155px;z-index:10;background-color:#f9f9f9}#chart-demo{position:absolute;top:50px;left:155px;right:0;bottom:0;overflow:hidden}#chart-demo iframe{width:100%;height:100%;border:none}.chart-list-panel{margin:75px 15px 30px 15px}.chart-list-panel h3{margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:5px;margin-top:50px}.chart-list-panel .chart{width:100%;max-width:350px;margin:0 auto;margin-bottom:30px;-webkit-border-radius:4px;border-radius:4px;background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.chart-list-panel .chart .chart-link{position:relative;display:block}.chart-list-panel .chart .chart-link .chart-area{width:100%;height:100%;padding:8px}.chart-list-panel .chart .chart-link .chart-title{color:#293c55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 10px 2px 10px;margin:0;font-weight:normal;font-size:16px}.chart-list-panel .chart .chart-info{padding:5px 0;font-weight:bold}.chart-list-panel .chart .chart-info .chart-icon{float:right}.chart-list-panel .chart .chart-info .chart-icon .chart-delete{display:none;-webkit-transition:1s;transition:1s}.chart-list-panel .chart:hover .chart-info .chart-icon .chart-delete{display:block;text-decoration:none}@media (max-width: 768px){.chart-list-panel .chart .chart-link .chart-hover{opacity:1;position:static;color:#666;margin-top:0;height:auto}.chart-list-panel .chart .chart-link .chart-hover .chart-title{border-top:none;color:#e43c59;margin-top:20px;margin-bottom:0}.chart-list-panel .chart .chart-link .chart-hover .chart-subtitle{display:none}.chart-list-panel .chart .chart-link .chart-hover .chart-title:before,.chart-list-panel .chart .chart-link .chart-hover .chart-subtitle:after{display:none}.chart-list-panel .chart .chart-link:hover .chart-hover-bg{display:none}#explore-container{margin-left:0}#chart-demo{left:0}}h1,h2,h3,h4,h5,h6,h7,p{font-weight:400;margin:0;padding:0}ul{list-style:none;padding:0;margin:0}#download-main{padding-top:50px}#download-main h2{font-size:25px}#download-main h3{width:620px;margin:0 auto;border-bottom:1px solid #D1D4D6;line-height:37px;font-size:15px}#download-main h3 .warn{color:#e43c59}#download-main .more-btn{position:relative;display:block;clear:left;width:198px;height:51px;line-height:51px;margin:0 auto 37px;text-align:center;border:1px solid #40a7dc;text-decoration:none;font-size:19px;color:#40a7dc}#download-main .more-btn:hover{background-color:#40a7dc;color:#fff}#download-main .more-btn i{position:absolute;right:22px;top:0}#download-main .d-section-map{background-color:#f0f4fa}#download-main .d-section-theme{padding-top:70px}.d-section-version,.d-section-theme,.d-section-map{padding-top:70px;text-align:center}.d-section-version,.d-section-theme,.d-section-map{*zoom:1}.d-section-version:before,.d-section-version:after,.d-section-theme:before,.d-section-theme:after,.d-section-map:before,.d-section-map:after{display:table;line-height:0;content:""}.d-section-version:after,.d-section-theme:after,.d-section-map:after{clear:both}.d-section-version .list-wrap,.d-section-theme .list-wrap,.d-section-map .list-wrap{float:left;position:relative;left:50%;margin:85px 0 50px}.d-section-version ul,.d-section-theme ul,.d-section-map ul{position:relative;left:-50%}#download-main .d-section-version{background-color:#f0f4fa;color:#6b7a89;padding-bottom:50px}#download-main .d-section-version a{vertical-align:top;display:block;color:#333434;text-decoration:none}#download-main .d-section-version a:hover{color:#333434}#download-main .d-section-version a:hover .circle-wrap{background-color:#40a7dc;color:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3)}#download-main .d-section-version li{float:left;margin-right:40px}#download-main .d-section-version .last-version{margin-right:0}#download-main .d-section-version .circle-wrap{width:120px;height:120px;margin-bottom:15px;-webkit-border-radius:60px;border-radius:60px;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);padding-top:1px;-webkit-transition:-webkit-box-shadow 0.5s ease-out;transition:-webkit-box-shadow 0.5s ease-out;transition:box-shadow 0.5s ease-out;transition:box-shadow 0.5s ease-out, -webkit-box-shadow 0.5s ease-out}#download-main .d-section-version .mode{display:block;margin:38px 0 2px}#download-main .d-section-version .text{width:140px;margin-left:-10px;text-align:center;color:#333434}#download-main .d-section-version .text span{color:rgba(107,122,137,0.8)}#download-main .d-section-version .more-btn{margin-bottom:20px}.d-section-map ul,.d-section-theme ul{*zoom:1}.d-section-map ul:before,.d-section-map ul:after,.d-section-theme ul:before,.d-section-theme ul:after{display:table;line-height:0;content:""}.d-section-map ul:after,.d-section-theme ul:after{clear:both}.d-section-map li,.d-section-theme li{float:left;width:260px}.d-section-map .first-item,.d-section-theme .first-item{margin-right:160px}.d-section-map img,.d-section-theme img{width:260px;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);-webkit-transition:0.5s ease-out;transition:0.5s ease-out}.d-section-map img:hover,.d-section-theme img:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3)}.d-section-map .list-wrap,.d-section-theme .list-wrap{margin-bottom:22px}.d-section-map span,.d-section-theme span{display:block;margin-top:20px}li{list-style:none}ul{margin:0px;padding:0px}#builder{padding-top:1px;width:1000px;margin:100px auto;position:relative;text-align:left}#builder h1{position:absolute;left:50%;top:0;margin-left:-150px;width:300px;text-align:center}#builder h1 .warn{color:#e43c59;display:block;margin-top:10px;font-size:16px;line-height:25px}#configuration{margin-top:100px}#configuration p.desc{color:#222;font-size:16px}#configuration h3{font-family:noto-thin;margin:26px 0}#configuration>section{border-bottom:1px solid #e5e5e5;margin-top:40px}#configuration>section p{margin:20px 0}#configuration h3{color:#3c485c;font-size:26px;font-weight:normal}#configuration h3 span{font-size:16px;margin-left:5px}#configuration ul{margin:10px}#configuration li{display:inline-block;vertical-align:top;margin:20px 28px;text-align:center;width:100px;cursor:pointer;-webkit-transition:-webkit-box-shadow 0.4s;transition:-webkit-box-shadow 0.4s;transition:box-shadow 0.4s;transition:box-shadow 0.4s, -webkit-box-shadow 0.4s}#configuration li input{display:none}#configuration li img{margin-top:5px;width:90px;height:90px}#configuration li h5{background-color:#293c55;color:white;font-weight:normal;margin:0;padding:0;height:25px;line-height:25px;position:relative}#configuration li h5 span{font-size:12px;margin-left:3px}#configuration li:hover{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2)}#configuration li.checked{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2)}#configuration li.checked h5::before{content:'';width:15px;height:15px;background-size:15px 15px;background-image:url(../images/builder/checked.png);display:inline-block;position:absolute;right:0;top:-95px}#other input{margin:0 10px 0 0;vertical-align:middle}#other label{font-size:16px}#other p.desc{font-size:14px;padding-left:10px}#other a{color:black}#other .other-option{margin-left:15px}#action{margin-top:50px;margin-bottom:100px;text-align:center}#email{border:1px solid #ccc;-webkit-border-radius:20px;border-radius:20px;line-height:2em;width:200px;padding:10px 20px;outline:none;margin-top:20px}#build{margin-top:20px;color:#FFF;font-size:18px;background-color:#293c55;-webkit-border-radius:4px;border-radius:4px;border:none;cursor:pointer;outline:none;padding:5px 30px;margin-top:20px}#build:hover{background-color:#596A86}.clear{clear:both}.not-found{padding:150px 0 160px;height:100%;background-color:#2a3c54;overflow:hidden}.not-found img{display:block;width:60%;margin:0 auto}.not-found .text{margin-top:50px;text-align:center;font-size:20px;color:#fff}.not-found .link{margin-left:10px;color:#3183c6}@media (max-width: 768px){.not-found .text{padding:0 15px;font-size:14px}}#maps{width:1000px;margin:100px auto}#maps #china,#maps #world{float:left;width:50%}#maps #china li img,#maps #world li img{width:300px;height:auto}#maps h1{text-align:center}#maps p.desc{color:#888}#maps>section{border-bottom:1px solid #e5e5e5;margin-top:40px}#maps>section p{margin:20px 0;font-size:16px}#maps h3{color:#3c485c;font-size:26px;font-family:noto-thin}#maps h3 span{font-size:16px;margin-left:5px}#maps ul{margin:10px}#maps li{cursor:default;display:inline-block;vertical-align:top;margin:20px 15px;text-align:center;cursor:pointer;-webkit-transition:-webkit-box-shadow 0.4s;transition:-webkit-box-shadow 0.4s;transition:box-shadow 0.4s;transition:box-shadow 0.4s, -webkit-box-shadow 0.4s}#maps li a{font-size:14px;margin:0 4px}#maps li input{display:none}#maps li img{margin-top:5px;height:150px}#maps li h5{font-size:16px;font-weight:normal;margin:0;padding:0;height:25px;line-height:25px;position:relative}#maps li h5 span{font-size:12px;margin-left:3px}#maps li.checked{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2)}#maps li.checked h5::before{content:'';width:15px;height:15px;background-size:15px 15px;background-image:url(../img/icon/checked.png);display:inline-block;position:absolute;right:0;top:-102px}#map-example{margin-bottom:100px;line-height:2em;font-size:14px}#map-example h4{margin:20px 0}#map-example .prettyprint{padding:10px;border:#ccc 1px solid}#themes{width:1000px;margin:100px auto}#themes p.desc{color:#888}#themes h1{text-align:center}#themes>section{border-bottom:1px solid #e5e5e5;margin-top:40px}#themes>section p{margin:20px 0;font-size:16px}#themes h3{color:#3c485c;font-size:26px;font-family:noto-thin}#themes h3 span{font-size:16px;margin-left:5px}#themes ul{margin:10px}#themes li{display:inline-block;vertical-align:top;margin:20px 15px;text-align:center;-webkit-transition:-webkit-box-shadow 0.4s;transition:-webkit-box-shadow 0.4s;transition:box-shadow 0.4s;transition:box-shadow 0.4s, -webkit-box-shadow 0.4s}#themes li a{font-size:14px;margin:0 4px}#themes li input{display:none}#themes li img{margin-top:5px;width:285px;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);-webkit-transition:0.5s ease-out;transition:0.5s ease-out;cursor:pointer}#themes li img:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3)}#themes li h5{font-size:20px;font-weight:normal;margin:10px 0;padding:0;height:25px;line-height:25px;position:relative}#themes li h5 span{font-size:12px;margin-left:3px}#themes li.checked{-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2)}#themes li.checked h5::before{content:'';width:15px;height:15px;background-size:15px 15px;background-image:url(../img/icon/checked.png);display:inline-block;position:absolute;right:0;top:-102px}#theme-example{margin-bottom:100px;line-height:2em;font-size:14px}#theme-example h4{margin:20px 0}#theme-example .prettyprint{padding:10px;border:#ccc 1px solid}#changelog{width:700px;margin:0 auto;margin-top:100px;margin-bottom:100px;font-family:'Microsoft Yahei'}#changelog p.desc{margin:10px 0}#changelog p{font-weight:normal}#changelog .time{color:#888;float:right;margin-top:-35px;margin-right:10px}#changelog h2{margin-top:50px;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:10px}#changelog strong{color:#c12c2c}#changelog strong a{color:#3cafa4}#changelog>ul{margin-left:-10px}#changelog li{margin:10px 0;padding:0 20px}#changelog pre{margin:10px 20px;border:none}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#e43c59;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0px;width:100px;height:100%;-webkit-box-shadow:0 0 10px #e43c59,0 0 5px #e43c59;box-shadow:0 0 10px #e43c59,0 0 5px #e43c59;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)}