@-webkit-keyframes highlight{0%,100%{background-color:transparent}40%,70%{background-color:#fff6ec}20%{background-color:#ffdeb9}}@keyframes highlight{0%,100%{background-color:transparent}40%,70%{background-color:#fff6ec}20%{background-color:#ffdeb9}}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#f3f3f3;color:#333}.page{padding:20px 0}button.btn{outline:none}button.btn.active:focus{outline:none}button.btn:active:focus{outline:none}button.btn:active,button.btn:focus{outline:none}.btn-default{border:none;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3)}.btn-primary{background-color:#293c55;color:#efefef;border:none}.btn-primary:hover,.btn-primary.active{color:#efefef;border:none;background-color:#162436}.btn-secondary{background-color:#3ba7dc;color:#efefef;border:none}.btn-secondary:hover,.btn-secondary.active{color:#efefef;background-color:#3ba7dc}.btn-contrast{background-color:#bf465b;color:#efefef;border:none}.btn-contrast:hover,.btn-contrast.active{color:#efefef;background-color:#e43c59}.modal-header{border-bottom:none;padding:5px;background:#bf465b;border-radius:5px 5px 0 0;color:#efefef}.modal-header .close{font-size:28px;margin:0 5px}.modal-header h4{font-weight:200;margin:7px 10px}.modal-footer{border-top:none}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);-o-transition:transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform:scale(0.1);-ms-transform:scale(0.1);transform:scale(0.1)}.modal.in .modal-dialog{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.modal-content{-webkit-box-shadow:0 0px 9px rgba(0,0,0,0.2);box-shadow:0 0px 9px rgba(0,0,0,0.2);border:none}@media (min-width: 768px){.modal-content{-webkit-box-shadow:0 0px 20px rgba(0,0,0,0.2);box-shadow:0 0px 20px rgba(0,0,0,0.2)}}header{background-color:#f3f3f3;color:#333;text-align:center;margin-top:15px}footer{background-color:#f3f3f3;color:#333;text-align:center;margin-bottom:35px}@font-face{font-family:"gallery-icon";src:url("iconfont.eot?t=1458906891");src:url("iconfont.eot?t=1458906891#iefix") format("embedded-opentype"),url("iconfont.woff?t=1458906891") format("woff"),url("iconfont.ttf?t=1458906891") format("truetype"),url("iconfont.svg?t=1458906891#gallery-icon") format("svg")}.icon{font-family:"gallery-icon" !important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.icon-save:before{content:"\e600"}.icon-heart:before{content:"\e601"}.icon-heart-empty:before{content:"\e602"}.icon-version:before{content:"\e603"}.icon-edit:before{content:"\e605"}.icon-import-data:before{content:"\e606"}.icon-view:before{content:"\e607"}.icon-view-empty:before{content:"\e608"}.icon-setting:before{content:"\e609"}.icon-time:before{content:"\e60a"}.icon-refresh:before{content:"\e60b"}.icon-detail:before{content:"\e60c"}.icon-new3:before{content:"\e60d"}.icon-new2:before{content:"\e60e"}.icon-new:before{content:"\e61a"}.icon-pen:before{content:"\e60f"}.icon-edit-empty:before{content:"\e610"}.icon-delete:before{content:"\e611"}.icon-sort:before{content:"\e612"}.icon-download:before{content:"\e613"}.icon-script:before{content:"\e615"}.icon-open:before{content:"\e616"}.icon-close:before{content:"\e617"}.icon-down:before{content:"\e61b"}.icon-up:before{content:"\e61c"}.icon-left:before{content:"\e61d"}.icon-right:before{content:"\e61f"}.icon-list:before{content:"\e616"}.icon-theme:before{content:"\e618"}.icon-echarts:before{content:"\e619"}.icon-comment:before{content:"\e61e"}.icon-search:before{content:"\e622"}.icon-upload:before{content:"\e621"}.icon-fork:before{content:"\e620"}.icon-tidy:before{content:"\e624"}.icon-live:before{content:"\e625"}.icon-logo:before{content:"\e626"}.icon-question:before{content:"\e628"}.icon-official:before{content:"\e64f"}.icon-home:before{content:"\e653"}.user-avatar{position:relative;width:50px;height:50px}.user-avatar img{width:100%;height:100%;border-radius:50%}.user-avatar .banner{position:absolute;right:0;bottom:0;width:20px;height:20px;border-radius:50%;color:#fff;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.3);box-shadow:0 0 2px 1px rgba(0,0,0,0.3)}.user-avatar .banner.admin-banner{background-color:#bf465b}.user-avatar .banner.vip-banner{background-color:#f93}.user-avatar .banner .icon,.user-avatar .banner span{font-size:13px}.user-avatar .banner span{top:1px}.hover .hover-text{display:none}.hover:hover .text{display:none}.hover:hover .hover-text{display:inline}.text-light{color:#999}.text-light strong{color:#bf465b}.ribbon{position:absolute;width:200px;height:40px;top:25px;right:-50px;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);text-align:center;padding:10px;background-color:#293c55;color:#f8f8f8}.modal-body{overflow:hidden}#nav-container{position:absolute;left:140px;right:60px}.navbar.navbar-default{margin-bottom:0;border:none;background-color:#293c55}.navbar.navbar-default .divider{margin:12px 10px;width:0;border-left:1px solid #ccc;height:26px;float:left}.navbar.navbar-default#index-nav{margin-bottom:0}.navbar.navbar-default .navbar-brand{color:#efefef;text-transform:uppercase;-webkit-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear;padding:6.5px 11px}.navbar.navbar-default .navbar-brand img{width:120px}.navbar.navbar-default .navbar-nav>li{height:50px}.navbar.navbar-default .navbar-nav>li select{margin:16px 0}.navbar.navbar-default .navbar-nav>li>a{height:50px;color:#efefef;padding:15px 10px}.navbar.navbar-default .navbar-nav>li>a:hover,.navbar.navbar-default .navbar-nav>li>a:focus{color:#f3f3f3;background-color:#0e151f}.navbar.navbar-default .navbar-nav>li.active>a,.navbar.navbar-default .navbar-nav>li.open>a{color:#efefef;background-color:#162436}.navbar.navbar-default .navbar-nav>li.active>a:hover,.navbar.navbar-default .navbar-nav>li.active>a:focus,.navbar.navbar-default .navbar-nav>li.open>a:hover,.navbar.navbar-default .navbar-nav>li.open>a:focus{color:#f3f3f3;background-color:#0e151f}.navbar.navbar-default .navbar-nav>li.divider{height:1px;background-color:#999}.navbar.navbar-default .dropdown-menu{width:100%;padding:0;background-color:#162436;max-height:400px;height:auto;overflow-x:hidden;position:absolute;-webkit-box-shadow:none;box-shadow:none;border:none}.navbar.navbar-default .dropdown-menu li{background-color:#162436}.navbar.navbar-default .dropdown-menu li.active>a{background-color:#bf465b;color:#efefef}.navbar.navbar-default .dropdown-menu li a{color:#efefef;padding:10px 15px}.navbar.navbar-default .dropdown-menu li a:hover,.navbar.navbar-default .dropdown-menu li a:focus{background-color:#bf465b}.navbar.navbar-default .dropdown-menu li.divider{background-color:#849dbe;margin:9px 5px}#search{position:relative;margin:13px 20px;height:auto}#search:focus{opacity:1}#search .icon{color:#666;position:absolute;left:6px;top:2px;z-index:1}#search input{border-radius:20px;background:#fff;outline:none;height:24px;border:none;padding-left:24px;opacity:0.7;width:150px;-webkit-transition:opacity 0.5s ease-out, width 0.5s ease-out;-o-transition:opacity 0.5s ease-out, width 0.5s ease-out;transition:opacity 0.5s ease-out, width 0.5s ease-out}#search input:focus,#search input.active{width:250px;opacity:1}.navbar-nav{margin:0}.navbar-nav .icon{vertical-align:middle;margin-right:5px}.navbar-default .navbar-toggle{padding:9px 5px;margin-right:0;border-color:#efefef}.navbar-default .navbar-toggle .icon-bar{background-color:#efefef}#nav-avatar{width:24px;border-radius:12px;margin-right:0;margin-top:-3px}#nav-notification-count{position:absolute;top:10px;right:0;border-radius:10px;background-color:#e43c59;font-size:0.5em;width:18px;height:18px;text-align:center;-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,0.3);box-shadow:0 0 2px 1px rgba(0,0,0,0.3);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#nav-username-xs{display:none}#nav-username-lg{display:block;color:#e43c59;padding:10px 15px}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#293c55}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#162436}@media (max-width: 767px){.navbar-collapse{padding-left:0;padding-right:0}.navbar.navbar-default .dropdown-menu{position:static}.navbar.navbar-default .navbar-nav .open .dropdown-menu li a{color:#efefef}.navbar.navbar-default .navbar-nav .open .dropdown-menu li.active a{background:#bf465b}.navbar.navbar-default .navbar-nav>li{overflow:visible;height:auto}.navbar.navbar-default .navbar-nav>li>a{padding:12px 20px;height:auto}#nav-container{position:static}#nav-avatar{margin-right:5px;width:18px}#nav-username-xs{display:inline-block}#nav-username-lg{display:none}#nav-toolbox-more{display:none}#nav-toolbox-mode{display:none}}#left-chart-nav{position:fixed;top:0;bottom:0;left:0;padding-top:50px;width:155px;background-color:#293c55;overflow-y:hidden}#left-chart-nav:hover{overflow-y:auto}#left-chart-nav li{height:54px;padding:10px 20px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}#left-chart-nav li a{color:#ccc;position:relative;display:block;-webkit-transition:0.5s;-o-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;border-radius:50%;border:1px solid #999}#left-chart-nav li.active{background-color:#e43c59}#left-chart-nav li.active a{color:#f3f3f3}#left-chart-nav li.active .chart-icon{border-color:#f3f3f3}#left-chart-nav li:hover{background-color:#162436}@media (max-width: 768px){#left-chart-nav{display:none}}#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-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:-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}.chart-filter-toolbar{position:relative;z-index:100;padding:5px 10px}.chart-filter-toolbar h4{font-size:14px;margin:0 0 5px 0}.chart-filter-toolbar .filters-panel{margin-bottom:5px;background:#fff;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3)}.chart-filter-toolbar .filters-panel>.row{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid #efefef}.chart-filter-toolbar .filters-panel>.row:last-child{border-bottom:none}.chart-filter-toolbar .filters-panel .left{background:#f8f8f8;-webkit-box-flex:0;-webkit-flex:0 0 60px;-ms-flex:0 0 60px;flex:0 0 60px;padding:10px}.chart-filter-toolbar .filters-panel .right{padding:10px}.chart-filter-toolbar .chart-filter label,.chart-filter-toolbar .component-filter label{margin-top:30px}.chart-filter-toolbar .chart-filter h5,.chart-filter-toolbar .component-filter h5{font-weight:normal;color:#333}.chart-filter-toolbar .chart-filter li,.chart-filter-toolbar .component-filter li{position:relative;vertical-align:top;padding-top:5px;padding-bottom:28px;margin-top:10px;margin-bottom:10px;list-style:none;text-align:center;cursor:pointer;font-size:12px}.chart-filter-toolbar .chart-filter li:hover,.chart-filter-toolbar .component-filter li:hover{-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3)}.chart-filter-toolbar .chart-filter li.selected,.chart-filter-toolbar .component-filter li.selected{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3)}.chart-filter-toolbar .chart-filter li.selected .name,.chart-filter-toolbar .component-filter li.selected .name{background:#293c55;color:#efefef}.chart-filter-toolbar .chart-filter li.selected .checked,.chart-filter-toolbar .component-filter li.selected .checked{width:12px;height:12px;background-image:url(../img/checked.png);background-repeat:no-repeat;background-size:12px;position:absolute;right:0;top:0}.chart-filter-toolbar .chart-filter li .name,.chart-filter-toolbar .component-filter li .name{position:absolute;left:0;right:0;bottom:0;height:20px}.chart-filter-toolbar .chart-filter li img,.chart-filter-toolbar .component-filter li img{width:45px}.chart-filter-toolbar .tag-filter .left label{margin-top:5px}.chart-filter-toolbar .tag-filter ul{margin:0}.chart-filter-toolbar .tag-filter select{width:400px}.chart-filter-toolbar .filters-top{margin-bottom:10px;position:relative;height:32px;margin-top:10px}.chart-filter-toolbar .filters-toggle-button{float:right;cursor:pointer;padding:6px 15px;border-radius:0;background:#f8f8f8;font-size:12px}.chart-filter-toolbar .filters-toggle-button:hover{background:#fff}.chart-filter-toolbar .sort-frame.lg{padding:5px 10px;-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);box-shadow:0 0 1px rgba(0,0,0,0.3);background:#f8f8f8;position:absolute;top:0;bottom:0;right:120px;left:0;display:block}.chart-filter-toolbar .sort-frame.lg .row{display:inline-block;margin:0}.chart-filter-toolbar .sort-frame.lg .glyphicon{vertical-align:middle}.chart-filter-toolbar .sort-frame.lg .btn-group .btn{border:none;margin-left:2px;padding:1px 10px;-webkit-box-shadow:none;box-shadow:none;border-right:1px solid #ccc;background:none}.chart-filter-toolbar .sort-frame.lg .btn-group .btn:last-child{border-right:none}.chart-filter-toolbar .sort-frame.lg .btn-group .btn.active{color:#e43c59}.chart-filter-toolbar .sort-frame.xs{display:none;position:absolute;left:0;top:0;bottom:0;right:120px}.chart-filter-toolbar .sort-frame.xs>.row{margin:0 3px;display:inline-block}.chart-filter-toolbar .toolbar-left .glyphicon,.chart-filter-toolbar .toolbar-right .glyphicon{font-size:16px;color:#293c55}.chart-filter-toolbar .toolbar-left>div,.chart-filter-toolbar .toolbar-right>div{display:inline-block;vertical-align:middle;margin-left:10px}.chart-filter-toolbar #time-frame{margin-right:20px}.chart-filter-toolbar .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#999}.chart-list-panel{margin:15px 15px;text-align:center}.chart-list-panel h3{margin-bottom:20px}.chart-list-panel .chart-list{text-align:left}.chart-list-panel .chart{width:100%;max-width:350px;margin:0 auto;margin-bottom:30px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:2px}.chart-list-panel .chart .chart-link{position:relative;display:block;padding:10px 10px 5px 10px}.chart-list-panel .chart .chart-link .chart-thumb{position:relative;height:0;padding-bottom:75%;overflow:hidden}.chart-list-panel .chart .chart-link .chart-thumb img{width:100%;height:auto}.chart-list-panel .chart .chart-link .chart-thumb:hover .chart-hover{opacity:1}.chart-list-panel .chart .chart-link .chart-hover{opacity:0;position:absolute;z-index:10;padding:10px;display:inline-block;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0.95);-webkit-transition:0.1s all ease-in-out;-o-transition:0.1s all ease-in-out;transition:0.1s all ease-in-out}.chart-list-panel .chart .chart-link .delete{position:absolute;right:0;top:0;padding:10px;color:#999}.chart-list-panel .chart .chart-link .delete:hover{color:#e43c59}.chart-list-panel .chart .chart-link .chart-title{color:#bf465b}.chart-list-panel .chart .chart-link .chart-desc{color:#333}.chart-list-panel .chart .chart-link .chart-create-time,.chart-list-panel .chart .chart-link .chart-update-time{color:#999;position:absolute;bottom:0px}.chart-list-panel .chart .chart-info{padding:0 10px 10px 10px;height:30px}.chart-list-panel .chart .chart-info .author{float:left;width:110px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.chart-list-panel .chart .chart-info .author img{width:20px;height:20px;border-radius:10px;margin-right:3px}.chart-list-panel .chart .chart-info .chart-icon{position:absolute;right:20px;font-size:0.9em}.chart-list-panel .chart .chart-info .chart-icon .icon-bar{margin:3px 4px 0 2px}.chart-list-panel .chart .chart-info .chart-icon .star{cursor:pointer}.chart-list-panel .chart .chart-info .chart-icon .stared::before{color:#e43c59}.chart-list-panel .chart .chart-info .chart-icon a{text-decoration:none}.chart-fork{position:absolute;left:10px;top:10px;background-color:#e43c59;color:#efefef;font-size:1.5rem;border-radius:50%;width:24px;height:24px;text-align:center;opacity:0.9}#chart-list-message{position:fixed;top:0;left:0;right:0;z-index:1000;text-align:center}#chart-list-message .alert{width:50%;margin:0 auto;text-align:left;padding:7px 15px}#chart-list-message .alert .close{right:-2px}#chart-list-message .btn{float:right;margin-right:20px}@media (max-width: 768px){.chart-filter-toolbar .sort-frame.lg{display:none}.chart-filter-toolbar .sort-frame.xs{display:block}.chart-filter-toolbar .tag-filter select{width:200px}.chart-filter-toolbar .chart-filter li,.chart-filter-toolbar .component-filter li{text-align:center}.chart-filter-toolbar .chart-filter li img,.chart-filter-toolbar .component-filter li img{width:100%}.chart-filter-toolbar .chart-filter label,.chart-filter-toolbar .component-filter label{margin:2px 5px}.chart-filter-toolbar .filters-panel>.row{display:block}.chart-filter-toolbar .filters-panel>.row .left{display:block}.container{margin:0;padding:0}.chart-list-panel{margin:15px 20px}.chart-list-panel .chart .chart-link .chart-hover{opacity:1;position:static;color:#999;margin-top:0;padding:6px 0 10px 0}.chart-list-panel .chart .chart-link .chart-hover .chart-title{border-top:none;color:#e43c59;margin-top:0;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 .chart-thumb{padding-bottom:90%}.chart-desc,.chart-update-time{display:none}}.icon-bar{display:inline-block;margin:0 0.4rem;color:#ccc}.icon-bar span::before{position:relative;color:#ccc}.icon-bar:hover{color:#999}.icon-bar:hover span::before{color:#999}.profile .user-info{position:relative;text-align:center;margin-top:20px}.profile .user-info .user-avatar{width:80px;height:80px;margin:0 auto}.profile .user-info .user-avatar-img{width:80px;height:80px;border-radius:40px}.profile .user-info h4{height:30px;line-height:30px}.profile .user-info .user-info-name{margin:0.5rem 0 0.25rem 0;font-size:2rem;font-weight:bold}.profile .user-info .user-info-data{font-size:1.5rem;margin-top:10px}.profile .user-info .user-info-data ul{list-style-type:none}.profile .user-info .user-info-data a{color:#ccc}.profile .user-info .user-info-data a.active,.profile .user-info .user-info-data a.active .glyphicon:before{color:#e43c59}.profile .user-info .user-info-data a:hover,.profile .user-info .user-info-data a:hover .glyphicon:before{text-decoration:none;color:#bf465b}.profile .user-info .new-chart{position:absolute;bottom:-45px;right:10px}.profile .nav.nav-tabs li a{color:#999}.profile .nav.nav-tabs li.active a{color:#293c55;background:#f3f3f3}.comment-container{margin:5px 10px}.comment-container h2{font-size:2rem}.comment-container .user-avatar{display:inline-block;margin-right:10px}.comment-container .user-avatar .banner{width:18px;height:18px}.comment-container .user-avatar .banner span,.comment-container .user-avatar .banner .icon{position:relative;left:3px;font-size:12px;top:-1px}.comment-container .user-avatar .banner span{top:-0.5px}.chart-detail-modal-meta{margin-top:50px;text-align:right;color:#999}.solve-btn{margin:10px 0}.comments{list-style-type:none}.comment{margin-bottom:10px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;padding:10px}.comment.not-current-version{opacity:0.7}.comment.not-current-version:hover{opacity:1}.comment:after{clear:both;display:block;content:' '}.comment.highlight{-webkit-animation:highlight 3s linear;animation:highlight 3s linear}.comment h5{font-size:1.55rem;margin:0 0 4px 0}.comment h5 a{color:#333}.comment h5 a:hover{text-decoration:none;color:#e43c59}.comment h5 a img{float:left;margin-right:10px}.comment-left{width:80px;float:left}.comment-right{margin-left:80px}.comment-meta{margin-top:-5px;color:#999;font-size:0.9em}.comment-time{display:inline-block;margin-right:10px}.comment-operation{display:none}.comment:hover .comment-operation{display:inline-block}.comment-operation a{color:#999;cursor:pointer;display:inline-block;margin-right:5px}.comment-operation a:hover{color:#e43c59;text-decoration:none}.new-comment{margin:10px 0}.new-comment .close-btn{float:right}#new-comment-text{border-radius:0 0 5px 5px}.comment-reference{-webkit-box-shadow:none;box-shadow:none;border:1px solid #ccc;border-bottom:0;border-radius:5px 5px 0 0;padding:8px 15px;background:#f3f3f3;margin:10px 0 0 0;font-size:0.9em}.comment-reference p{padding:0;margin:2px 0;font-size:0.9em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.comment-body .comment-reference{border:none;border-radius:0;margin-bottom:5px}.hint{color:#999;font-size:0.9em}.dropdown-menu{margin-top:20px}.layout-container{width:100%;height:320px;margin:20px 0;border:1px solid #ccc;background-color:#f3f3f3;padding:10px 0 0 10px;overflow:auto}.layout-container.layout-1xN{white-space:nowrap;overflow-y:hidden}.layout-container.layout-Nx1{padding-right:10px;padding-bottom:0}.layout-container.layout-percentage{overflow:hidden}.layout-NxM .item{background-color:#ccc;height:100%;float:left;position:relative}.layout-seperator{display:block;z-index:80;position:absolute;background-color:#f3f3f3}.layout-seperator-right{width:10px;height:100%;right:0;top:0}.layout-seperator-right.enabled{cursor:ew-resize}.layout-seperator-bottom{width:100%;height:10px;bottom:0}.layout-seperator-bottom.enabled{cursor:ns-resize}.layout-item-content{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:20px;width:100%;height:20px;position:absolute;top:50%;margin-top:-30px}#notification-control{padding-bottom:10px}#notification-tab{padding-bottom:40px}#notification-list{list-style-type:none}#notification-list li{padding:10px}#notification-list li.unread{background-color:#fff6ec}#notification-list .notify-detail{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}#notification-list a{cursor:pointer}.loading-component.load-more{display:block;margin:0 20px;border:none}.loading-component.loading,.loading-component.no-more{display:block;margin:0 auto;cursor:default;width:200px;text-align:center;color:#999}.loading-component.loading:hover,.loading-component.no-more:hover{text-decoration:none}.loading-component.loading img.loading{display:block;margin:5px auto}.loading-component.loading span{display:block}.loading-component.no-more img.no-more{display:inline-block}.loading-component img.loading{height:25px;display:none}.loading-component img.no-more{height:25px;display:none;vertical-align:text-bottom;margin-right:5px}.user-card{padding-top:10px;margin-bottom:10px;text-align:center}.user-card .icon-bar{margin:0 2px}.user-card .user-avatar{margin:0 auto;display:block}.user-card .user-info-name{height:16px}.user-card .user-info-name a{color:#333}.user-card .user-info-name a:hover{color:#e43c59}.user-card .followed-icon{color:#3ba7dc}.user-card .follow-btn{margin:0 5px;float:right;display:none;color:#e43c59}@media (max-width: 768px){.user-card .follow-btn{display:block}}.user-card:hover .follow-btn{display:block}#editor-main{position:absolute;left:0;top:50px;right:0;bottom:0;background:#162436;overflow:hidden}#editor-main #split-gutter{top:0;bottom:0;position:absolute;cursor:ew-resize;background:transparent;z-index:100}#chart-star-toggle .icon-heart{color:#bf465b}#code{position:absolute;top:0;bottom:0;left:0;height:100%;z-index:100}#code.panel-closed .panels{display:none}#code .nav.nav-tabs{position:absolute;bottom:0;right:0;left:0;height:22px;border-top:1px solid #ccc;background:#efefef}#code .nav.nav-tabs>li{float:right}#code .nav.nav-tabs>li>a{padding:2px 10px;font-size:12px;border:none;color:#333}#code .nav.nav-tabs>li.active{margin-top:-1px}#code .nav.nav-tabs>li.active>a{background-color:#fff;border:none;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0 0 3px 3px}#code-toggle-button{position:absolute;right:-25px;width:25px;height:25px;line-height:25px;bottom:5px;background:rgba(0,0,0,0.7);z-index:100;border-radius:0 3px 3px 0;cursor:pointer;color:#efefef;text-align:center}#control-panel{height:30px;position:absolute;left:0;right:0;top:0;z-index:20;padding:0;border-bottom:1px solid #ccc;background:#efefef}#control-panel .setting-panel{display:inline-block}#control-panel .setting-panel .btn-group+.btn-group{margin-left:10px}#control-panel .control-btn-panel{float:right}#control-panel .control-btn-panel .upload-data,#control-panel .control-btn-panel .tidy-code{color:#293c55;margin-right:10px;cursor:pointer}#control-panel .control-btn-panel a{display:inline-block;vertical-align:middle}#control-panel .control-btn-panel .btn{color:#FFF;border-radius:0;background-color:#3FA7DC;border:none;height:30px;width:55px;padding:0;line-height:30px;-webkit-box-shadow:none;box-shadow:none}#control-panel .control-btn-panel .btn:hover{background-color:#277EAB}#control-panel .control-btn-panel .live-coding{color:#aaa;text-decoration:none}#control-panel .control-btn-panel .live-coding .icon{font-size:20px}#control-panel .control-btn-panel .live-coding.active{text-shadow:0 0 5px rgba(255,0,0,0.5);color:#e43c59}#code-panel{position:absolute;top:30px;bottom:22px;left:0;right:0}#code-info{position:absolute;bottom:0;overflow:hidden;height:30px;line-height:30px;padding:0px 10px;font-size:12px}#code-info .code-info-time{color:#333;display:inline-block;margin-right:10px}#code-info .code-info-type-info{color:#333}#code-info .code-info-type-warn{color:#f93}#code-info .code-info-type-error{color:#e43c59}#computed-panel{position:absolute;top:30px;bottom:22px;left:0;right:0;overflow:auto;padding:10px;font-size:12px;background-color:#fff}#powered-by{position:absolute;left:10px;bottom:2px;font-size:12px;color:#293c55}#powered-by a{color:#bf465b}#preview{position:absolute;top:0;bottom:0;right:0;padding:0;border:none;z-index:10;background:#efefef}#preview .right-panel{position:relative;height:100%}.right-head-panel{height:0;position:relative;z-index:10}.right-head-panel>div{display:inline-block}.right-head-panel>div .btn+.btn,.right-head-panel>div .btn-group+.btn-group{margin-left:10px}.right-head-panel .control-btn-panel{float:right}.right-head-panel #fork-btn,.right-head-panel #reset-btn,.right-head-panel #saving-btn{display:none}#chart-iframe{width:100%;height:100%;border:none}.preview-select{position:absolute;bottom:0;right:0;left:0;padding:0 40px;background:rgba(0,0,0,0.4);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);height:210px}.preview-select.open{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.preview-select.open .toggle-button{background:rgba(0,0,0,0.4)}.preview-select .content{padding:5px 10px;height:151px;margin:0}.preview-select .toggle-button{background:rgba(0,0,0,0.7);height:25px;line-height:25px;text-align:center;color:#efefef;cursor:pointer;position:absolute;top:-25px;padding:0 10px;border-radius:5px 5px 0 0;font-size:12px;z-index:1}.preview-select .toggle-button:hover{background:#bf465b}.preview-select .toggle-button.not-open{margin-top:-210px}.preview-select ul{margin:0;padding:5px 0 10px 0}.preview-select li{cursor:pointer;border-radius:5px;margin:10px;background:#efefef;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.3);box-shadow:0 0 2px rgba(0,0,0,0.3);-webkit-transition:-webkit-box-shadow 0.5s linear;transition:-webkit-box-shadow 0.5s linear;-o-transition:box-shadow 0.5s linear;transition:box-shadow 0.5s linear;transition:box-shadow 0.5s linear, -webkit-box-shadow 0.5s linear;position:relative;outline:none}.preview-select li:hover,.preview-select li.active{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);box-shadow:0 0 20px rgba(0,0,0,0.5);outline:none}.preview-select li.active h5{background:#bf465b}.preview-select li.disabled{cursor:auto}.preview-select li.disabled h5{background:#333}.preview-select li h5{background:#293c55;color:#efefef;margin:0;padding:5px 10px;border-radius:4px 4px 0 0}.preview-select li img{width:100%;height:100%;background:#efefef;border-radius:0 0 4px 4px}#theme-select .toggle-button{right:4px}#layout-select .toggle-button{right:95px}.layout-config-btn{position:absolute;right:8px;top:3px;color:#efefef}.layout-config-btn:hover,.layout-config-btn:focus{text-decoration:none;color:#f8f8f8}#preview-alert{position:absolute;top:10px;left:10px;right:10px}#preview-alert .alert{padding:7px 15px}#preview-alert .alert .close{right:-2px}#preview-alert .btn{float:right;margin-right:20px}#chart-info-edit-modal .select2.select2-container{display:block}#chart-info-edit-modal .thumb{text-align:center}#chart-info-edit-modal .thumb p{margin-top:20px;margin-bottom:5px;color:#999}#chart-info-edit-modal .thumb a{margin:0px auto}#chart-info-edit-modal .btn-group,.chart-detail-modal .btn-group{display:block}#chart-info-edit-modal .builtin-tags span.label,#chart-info-edit-modal .custom-tags span.label,.chart-detail-modal .builtin-tags span.label,.chart-detail-modal .custom-tags span.label{display:inline-block;margin:2px 3px}#chart-info-edit-modal .builtin-tags span.label-chart,#chart-info-edit-modal .custom-tags span.label-chart,.chart-detail-modal .builtin-tags span.label-chart,.chart-detail-modal .custom-tags span.label-chart{background:#d9534f}#chart-info-edit-modal .builtin-tags span.label-component,#chart-info-edit-modal .custom-tags span.label-component,.chart-detail-modal .builtin-tags span.label-component,.chart-detail-modal .custom-tags span.label-component{background:#337ab7}#chart-info-edit-modal .builtin-tags span.label-tag,#chart-info-edit-modal .custom-tags span.label-tag,.chart-detail-modal .builtin-tags span.label-tag,.chart-detail-modal .custom-tags span.label-tag{background:#293c55}#chart-detail-modal h3{margin-top:10px}#chart-detail-modal .create-info{color:#999;margin-bottom:5px}#chart-detail-modal .builtin-tags,#chart-detail-modal .custom-tags{margin-left:-3px}#chart-detail-modal .echarts-version{color:#999}#chart-title{color:#efefef;float:left;margin:8px 10px 0 20px}#chart-title h4{max-width:300px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:16px}#chart-title h4 a{color:#52C6E4}#chart-title h4,#chart-title h5{color:#efefef;display:block;float:none;margin:0;text-align:left}#chart-title h4.no-user{margin-top:8px}#chart-title h5{color:#999;font-weight:normal;margin-top:5px;font-size:12px}#chart-title h5 a{color:#ccc}#external-script-modal .scripts-edit{margin:20px}#external-script-modal .common-external-scripts{margin:20px -15px 0 -15px;padding:20px;background-color:#efefef}#external-script-modal .common-external-scripts h4{padding-bottom:10px}#external-script-modal .common-external-scripts h4,#external-script-modal .common-external-scripts h5{font-weight:200}#external-script-modal .common-external-scripts span{margin-right:20px}#external-script-modal li.list-group-item{border:none;margin-bottom:0;border-bottom:1px solid #ccc}#data-list-modal .modal-header{position:relative}#data-list-modal .modal-header .search{background:#fff;position:absolute;right:10px;top:10px;border-radius:5px;padding-left:5px}#data-list-modal .modal-header .search span{color:#bf465b;display:inline-block;vertical-align:middle}#data-list-modal .modal-header .search input{display:inline-block;background:none;border:none;width:200px;height:24px;color:#333}#data-list-modal .modal-body{position:relative}#data-list-modal .progress{height:2px;left:0;top:0;position:absolute;background:#41D3E2}#data-list-modal h5{font-size:16px;border-bottom:1px solid #ccc;font-weight:normal;padding-bottom:5px;padding-left:10px}#data-list-modal h5 .data-count{color:#999;font-size:12px;margin-left:10px}#data-list-modal li.more{list-style:none;text-align:center;padding-top:20px}#data-list-modal li.more button{width:200px;background:#efefef}#data-list-modal li.more button:hover{background:#ccc}#data-list-modal .list-group-item{position:relative;border:none;border-bottom:1px solid #ccc;margin:0 10px}#data-list-modal .list-group-item .create-time{color:#999;margin-left:10px}#data-list-modal .list-group-item .btn{float:right}#data-list-modal .upload-data{text-align:center;margin-bottom:10px}#data-list-modal .upload-data p{color:#999;width:60%;margin:10px auto}#data-list-modal .upload-data button.disable{background-color:#ccc}#edit-history-modal li{list-style:none;padding:15px 0px 15px 0;border-bottom:1px solid #ccc}#edit-history-modal h5{vertical-align:middle;margin:0 10px;font-size:18px;display:inline-block;width:40px}#edit-history-modal span.edit-time{color:#999;margin:0 3px}#edit-history-modal span.version{color:#bf465b;margin:0 3px}#edit-history-modal p{vertical-align:middle;margin:0;display:inline-block}#edit-history-modal .modal-body .btn{float:right;margin-right:5px;display:none}#edit-history-modal li:hover{background-color:#efefef}#edit-history-modal li:hover .btn{display:block}#code-panel .CodeMirror{height:100%;font-size:12px;font-family:Monaco, monospace}#data-list-modal .no-data,#edit-history-modal .no-data,#external-script-modal .no-data{text-align:center;font-size:20px;margin-top:10px}#data-list-modal .no-data img,#edit-history-modal .no-data img,#external-script-modal .no-data img{width:80px;margin-right:10px}@media (max-width: 767px){#nav-container #chart-title{float:none}}#view-main{position:absolute;left:0;right:0;top:0;bottom:0}#view-main .control-panel{position:absolute;bottom:0;height:30px;padding-right:10px;width:100%;background:#F3F3F3;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:1001}#view-main .control-panel .btn{float:right;margin:3px 5px;padding:3px 5px;background:#337ab7;border:none;color:white}#view-main .chart{position:absolute;left:0;right:0;top:0;bottom:30px;padding:2px}#view-mask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1000}.fullpage-body{width:100%;height:100%;overflow:hidden}#explore-container{margin-left:155px;padding:50px 20px}.container{margin-bottom:20px}@media (max-width: 768px){.container{padding:0 10px;overflow-x:hidden}#explore-container{margin-left:0}}.feedback{position:fixed;right:10px;bottom:15px;width:100px;text-align:right}#feedback-btn{text-decoration:none;padding:10px 8px 8px 8px;-webkit-box-shadow:0 0 10px 2px #aaa;box-shadow:0 0 10px 2px #aaa;border-radius:50%}#feedback-btn .icon{font-size:18px}#preview-main{position:absolute;left:0;top:50px;right:0;bottom:0;background:#efefef;overflow:hidden}#preview-main #preview{width:100%;float:none}#diff-main{position:absolute;left:0;top:50px;right:0;bottom:0;background:#efefef}#previous-version,#diff-version{height:100%}#previous-version .code,#diff-version .code{height:100%}#previous-version .code-add,#diff-version .code-add{position:absolute;background-color:#eaffea}#previous-version .code-del,#diff-version .code-del{position:absolute;background-color:#ffecec}.help-container{overflow-x:hidden;padding-bottom:20px}.help-list{margin:10px 0 20px 0}.help-chart{position:relative;max-width:100%;padding-top:10px;padding-bottom:10px;list-style-type:none;border-bottom:1px #ddd solid}.help-chart.is-solved h3 a{color:#849dbe}.help-chart.is-solved .comment-count{background-color:#3ba7dc;color:#efefef}.help-chart.is-solved .comment-count small{color:#efefef}.help-chart.is-commented .comment-count{border:2px solid #3ba7dc}.help-rank{text-align:center}.count-group{display:inline-block;padding:2px 10px;width:60px;max-width:100%;font-size:2rem;text-align:center;color:#293c55}.count-group small{font-size:1rem;display:block;color:#999}.count-group:hover{text-decoration:none}.count-group.solved{color:#293c55}.help-content{position:static}.help-content h3{margin:0;padding:3px 0;font-size:1.5rem;text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.help-content h3 a{color:#293c55}.tag-panel{margin-top:5px}.tag-panel .tag{padding:2px 5px;margin-bottom:6px;margin-right:5px;float:left;border-radius:2px;color:#888;background-color:#e6e6e6;font-size:0.9rem}.tag-panel .tag.custom-tag{background-color:#66bae4;color:#fff}.time{position:absolute;right:10px;bottom:10px;font-size:0.95rem}.sub-panel h4{margin:2rem 0 0.5rem 0}body.office-view{background:transparent;overflow:hidden}#chart-iframe.office{position:absolute;left:0;top:0;bottom:0;right:0}.chart-office-op{text-align:center;padding:5px}.chart-office-op .btn{margin:3px 20px}#office-toolbar{position:absolute;left:0;right:0;bottom:0;height:25px;background:rgba(255,255,255,0.3);text-align:right;padding-top:1px}#office-toolbar .btn{margin-right:20px;font-size:10px}.user-info.office{text-align:center;margin-bottom:20px}.user-info.office .user-avatar{margin:0 auto}#office-login{width:100px;height:150px;position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-75px}#office-login .login-avatar{width:100px;padding:20px;border-radius:100px;border:1px solid #aaa}#office-login .login-avatar img{width:100%}#office-login .btn{margin-top:20px;background-color:#2A3B55;color:#fff}#office-login .btn:hover{background-color:#334664}#office-list .logo{position:absolute;left:20px;top:10px}#office-list .logo img{height:30px}#echarts-copyright{text-align:center;position:absolute;bottom:10px;font-size:12px;left:0;right:0}::-webkit-scrollbar{height:8px;width:8px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:2px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{width:8px;min-height:15px;background:rgba(50,50,50,0.6) !important;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.5) !important}.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)}.lower-ie{background:#293c55;text-align:center;overflow:hidden;height:100%}.lower-ie #lowie-main{position:absolute;left:0;right:0;top:0;bottom:0}.lower-ie #lowie-main img{height:300px;margin:100px auto}