.dv-active-ring-chart{position:relative}.dv-active-ring-chart .active-ring-chart-container{width:100%;height:100%}.dv-active-ring-chart .active-ring-info{position:absolute;width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-active-ring-chart .active-ring-info .dv-digital-flop{width:100px;height:30px}.dv-active-ring-chart .active-ring-info .active-ring-name{width:100px;height:30px;color:#fff;text-align:center;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dv-border-box-1{position:relative;width:100%;height:100%}.dv-border-box-1 .border{position:absolute;display:block}.dv-border-box-1 .right-top{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.dv-border-box-1 .left-bottom{bottom:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.dv-border-box-1 .right-bottom{right:0;bottom:0;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-1 .border-box-content,.dv-border-box-10{position:relative;width:100%;height:100%}.dv-border-box-10{border-radius:6px}.dv-border-box-10 .dv-border-svg-container{position:absolute;display:block}.dv-border-box-10 .right-top{right:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.dv-border-box-10 .left-bottom{bottom:0;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.dv-border-box-10 .right-bottom{right:0;bottom:0;-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}.dv-border-box-10 .border-box-content,.dv-border-box-11{position:relative;width:100%;height:100%}.dv-border-box-11 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-11 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-11 .border-box-content,.dv-border-box-12{position:relative;width:100%;height:100%}.dv-border-box-12 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-12 .border-box-content,.dv-border-box-13{position:relative;width:100%;height:100%}.dv-border-box-13 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2,.dv-border-box-13 .border-box-content{position:relative;width:100%;height:100%}.dv-border-box-2 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-2 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-2 .border-box-content,.dv-border-box-3{position:relative;width:100%;height:100%}.dv-border-box-3 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-3 .dv-border-svg-container>polyline{fill:none}.dv-border-box-3 .dv-bb3-line1{stroke-width:3}.dv-border-box-3 .dv-bb3-line2{stroke-width:1}.dv-border-box-3 .border-box-content,.dv-border-box-4{position:relative;width:100%;height:100%}.dv-border-box-4 .dv-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dv-border-box-4 .dv-border-svg-container{position:absolute;width:100%;height:100%;top:0;left:0}.dv-border-box-4 .dv-border-svg-container>polyline{fill:none}.dv-border-box-4 .sw1{stroke-width:1}.dv-border-box-4 .sw3{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-1,.dv-border-box-4 .dv-bb4-line-2{stroke-width:1}.dv-border-box-4 .dv-bb4-line-3,.dv-border-box-4 .dv-bb4-line-4{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-5,.dv-border-box-4 .dv-bb4-line-6,.dv-border-box-4 .dv-bb4-line-7{stroke-width:1}.dv-border-box-4 .dv-bb4-line-8,.dv-border-box-4 .dv-bb4-line-9{stroke-width:3px;stroke-linecap:round}.dv-border-box-4 .dv-bb4-line-9{stroke-dasharray:100 250}.dv-border-box-4 .dv-bb4-line-10{stroke-width:1;stroke-dasharray:80 270}.dv-border-box-4 .border-box-content,.dv-border-box-5{position:relative;width:100%;height:100%}.dv-border-box-5 .dv-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dv-border-box-5 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-5 .dv-border-svg-container>polyline{fill:none}.dv-border-box-5 .dv-bb5-line-1,.dv-border-box-5 .dv-bb5-line-2{stroke-width:1}.dv-border-box-5 .dv-bb5-line-3,.dv-border-box-5 .dv-bb5-line-6{stroke-width:5}.dv-border-box-5 .dv-bb5-line-4,.dv-border-box-5 .dv-bb5-line-5{stroke-width:2}.dv-border-box-5 .border-box-content,.dv-border-box-6{position:relative;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-6 .dv-border-svg-container>polyline{fill:none;stroke-width:1}.dv-border-box-6 .border-box-content,.dv-border-box-7{position:relative;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container{position:absolute;top:0;left:0;width:100%;height:100%}.dv-border-box-7 .dv-border-svg-container>polyline{fill:none;stroke-linecap:round}.dv-border-box-7 .dv-bb7-line-width-2{stroke-width:2}.dv-border-box-7 .dv-bb7-line-width-5{stroke-width:5}.dv-border-box-7 .border-box-content,.dv-border-box-8{position:relative;width:100%;height:100%}.dv-border-box-8 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-8 .border-box-content,.dv-border-box-9{position:relative;width:100%;height:100%}.dv-border-box-9 .dv-border-svg-container{position:absolute;width:100%;height:100%;left:0;top:0}.dv-border-box-9 .border-box-content{position:relative;width:100%;height:100%}.dv-capsule-chart{position:relative;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;padding:10px;color:#fff}.dv-capsule-chart,.dv-capsule-chart .label-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box}.dv-capsule-chart .label-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:10px;text-align:right;font-size:12px}.dv-capsule-chart .label-column div{height:20px;line-height:20px}.dv-capsule-chart .capsule-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dv-capsule-chart .capsule-item{-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;height:10px;margin:5px 0;border-radius:5px}.dv-capsule-chart .capsule-item .capsule-item-column{position:relative;height:8px;margin-top:1px;border-radius:5px;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-capsule-chart .capsule-item .capsule-item-column .capsule-item-value{font-size:12px;-webkit-transform:translateX(100%);transform:translateX(100%)}.dv-capsule-chart .unit-label{height:20px;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-capsule-chart .unit-label,.dv-capsule-chart .unit-text{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.dv-capsule-chart .unit-text{text-align:right;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;line-height:20px;margin-left:10px}.dv-charts-container{position:relative}.dv-charts-container,.dv-charts-container .charts-canvas-container,.dv-conical-column-chart{width:100%;height:100%}.dv-conical-column-chart text{text-anchor:middle}.dv-decoration-1{width:100%;height:100%}.dv-decoration-1 svg{-webkit-transform-origin:left top;transform-origin:left top}.dv-decoration-10,.dv-decoration-11{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.dv-decoration-11{position:relative}.dv-decoration-11 .decoration-content{position:absolute;top:0;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-11 .decoration-content,.dv-decoration-12{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.dv-decoration-12{position:relative}.dv-decoration-12 .decoration-content{position:absolute;top:0;left:0}.dv-decoration-2,.dv-decoration-12 .decoration-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-3{width:100%;height:100%}.dv-decoration-3 svg{-webkit-transform-origin:left top;transform-origin:left top}.dv-decoration-4{position:relative;width:100%;height:100%}.dv-decoration-4 .container{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:absolute;-webkit-box-flex:1;-ms-flex:1;flex:1}.dv-decoration-4 .normal{-webkit-animation:ani-height ease-in-out infinite;animation:ani-height ease-in-out infinite;left:50%;margin-left:-2px}.dv-decoration-4 .reverse{-webkit-animation:ani-width ease-in-out infinite;animation:ani-width ease-in-out infinite;top:50%;margin-top:-2px}@-webkit-keyframes ani-height{0%{height:0%}70%{height:100%}to{height:100%}}@keyframes ani-height{0%{height:0%}70%{height:100%}to{height:100%}}@-webkit-keyframes ani-width{0%{width:0}70%{width:100%}to{width:100%}}@keyframes ani-width{0%{width:0}70%{width:100%}to{width:100%}}.dv-decoration-5,.dv-decoration-6{width:100%;height:100%}.dv-decoration-6 svg{-webkit-transform-origin:left top;transform-origin:left top}.dv-decoration-7{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-decoration-7,.dv-decoration-8,.dv-decoration-9{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.dv-decoration-9{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dv-decoration-9 svg{position:absolute;left:0;top:0;-webkit-transform-origin:left top;transform-origin:left top}.dv-digital-flop canvas{width:100%;height:100%}.dv-flyline-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.dv-flyline-chart polyline{-webkit-transition:all .3s;transition:all .3s}.dv-flyline-chart text{text-anchor:middle;dominant-baseline:middle}.dv-flyline-chart-enhanced{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-size:100% 100%}.dv-flyline-chart-enhanced text{text-anchor:middle;dominant-baseline:middle}#dv-full-screen-container{position:fixed;top:0;left:0;overflow:hidden;-webkit-transform-origin:left top;transform-origin:left top;z-index:999}.dv-loading{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dv-loading .loading-tip{font-size:15px}.dv-percent-pond{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dv-percent-pond svg{position:absolute;left:0;top:0;width:100%;height:100%}.dv-percent-pond polyline{-webkit-transition:all .3s;transition:all .3s}.dv-percent-pond text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-scroll-board{position:relative;width:100%;height:100%;color:#fff}.dv-scroll-board .text{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:15px}.dv-scroll-board .header .header-item{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-transition:all .3s;transition:all .3s}.dv-scroll-board .rows{overflow:hidden}.dv-scroll-board .rows .row-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.dv-scroll-board .rows .ceil{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-scroll-board .rows .index{border-radius:3px;padding:0 3px}.dv-scroll-ranking-board{width:100%;height:100%;color:#fff;overflow:hidden}.dv-scroll-ranking-board .row-item{-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.dv-scroll-ranking-board .ranking-info{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;font-size:13px}.dv-scroll-ranking-board .ranking-info .rank{width:40px;color:#1370fb}.dv-scroll-ranking-board .ranking-info .info-name{-webkit-box-flex:1;-ms-flex:1;flex:1}.dv-scroll-ranking-board .ranking-column{border-bottom:2px solid rgba(19,112,251,.5);margin-top:5px}.dv-scroll-ranking-board .ranking-column .inside-column{position:relative;height:6px;background-color:#1370fb;margin-bottom:2px;border-radius:1px;overflow:hidden}.dv-scroll-ranking-board .ranking-column .shine{position:absolute;left:0;top:2px;height:2px;width:50px;-webkit-transform:translateX(-100%);transform:translateX(-100%);background:radial-gradient(#28f8ff 5%,transparent 80%);-webkit-animation:shine 3s ease-in-out infinite alternate;animation:shine 3s ease-in-out infinite alternate}@-webkit-keyframes shine{80%{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{left:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shine{80%{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{left:100%;-webkit-transform:translateX(0);transform:translateX(0)}}.dv-water-pond-level{position:relative}.dv-water-pond-level svg{position:absolute;width:100%;height:100%;top:0;left:0}.dv-water-pond-level text{font-size:25px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.dv-water-pond-level ellipse,.dv-water-pond-level rect{fill:none;stroke-width:3}.dv-water-pond-level canvas{margin-top:8px;margin-left:8px;width:calc(100% - 16px);height:calc(100% - 16px);-webkit-box-sizing:border-box;box-sizing:border-box}.aui-home-card{border:0}.aui-home-card .el-card__body{padding:0;background:#f1f4f5;height:calc(100vh - 120px)}.date_title div{width:100%;height:90px;border:1px solid #f08080}body,html{font-size:16px;background-color:#06041a;width:100%;height:100%}*,body,html{padding:0;margin:0}*,:after,:before,body,html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{outline:none}.item{background-color:#060d28;padding:1rem;position:relative}.item .item-title{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item .item-title img{width:1.5rem;height:1.5rem}.item .item-title .title{color:#58cbf3;font-size:20px;padding-left:.5rem}.item .item-border{position:absolute;width:100%;height:100%;left:0;top:0}.item .item-border .border-left-top{border:.1rem solid #a0e7fb;border-top-left-radius:.5rem;width:1.2rem;height:1.2rem;border-right:0;border-bottom:0;position:absolute;left:0;top:0}.item .item-border .border-left-bottom{border:.1rem solid #a0e7fb;border-bottom-left-radius:.5rem;width:1.2rem;height:1.2rem;border-right:0;border-top:0;position:absolute;left:0;bottom:0}.item .item-border .border-right-top{border:.1rem solid #a0e7fb;border-top-right-radius:.5rem;width:1.2rem;height:1.2rem;border-left:0;border-bottom:0;position:absolute;right:0;top:0}.item .item-border .border-right-bottom{border:.1rem solid #a0e7fb;border-bottom-right-radius:.5rem;width:1.2rem;height:1.2rem;border-left:0;border-top:0;position:absolute;right:0;bottom:0}.page{width:100%;height:100%;padding:12px;position:relative;background-color:#06041c}.page .page-title{margin:0 auto;position:relative}.page .page-title .page-title-bg{width:100%;position:absolute;top:38px;left:0;z-index:1}.page .page-title .page-title-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:9}.page .page-title .page-title-main .title-date{font-size:1.6rem}.page .page-title .page-title-main .title{font-size:38px;font-weight:700}.page .page-title .title-text{background:-webkit-gradient(linear,left top,left bottom,from(#3b5ee8),to(#58caf3));background:linear-gradient(180deg,#3b5ee8,#58caf3);-webkit-background-clip:text;color:transparent}.page .page-main{width:100%;height:calc(100% - 6rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page .page-main .main-left{width:23%;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page .page-main .main-left,.page .page-main .main-left .count-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page .page-main .main-left .count-data{width:100%;height:calc(57% - 1rem);-ms-flex-pack:distribute;justify-content:space-around}.count-data,.newbook-data,.popular-data,.ranking-data,.realtime-data{background:rgba(88,203,243,.1)}.page .page-main .main-left .data-line{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:6px;padding:0 .5rem}.page .page-main .main-left .data-line .line-item{text-align:center;width:40%}.page .page-main .main-left .data-line .line-item .item-number{font-size:30px;color:#58cbf3}.page .page-main .main-left .data-line .line-item .item-text{font-size:14px;color:#fff}.page .page-main .main-left .line{width:100%;height:1px;margin-top:1rem;background:-webkit-gradient(linear,left top,right top,from(#060d28),color-stop(#58cbf3),to(#060d28));background:linear-gradient(90deg,#060d28,#58cbf3,#060d28)}.page .page-main .main-left .popular-data{width:100%;height:43%}.page .page-main .main-left .popular-data .popular-echart{width:100%;height:calc(100% - 2rem)}.page .page-main .main-center{width:calc(54% - 2rem);height:100%}.page .page-main .main-center .center-data{width:100%;height:60%;position:relative}.page .page-main .main-center .center-data .center-bg{width:84%;position:absolute;z-index:1;left:46px}.page .page-main .main-center .center-data .center-data-data{width:100%;height:100%;position:relative;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page .page-main .main-center .center-data .center-data-data .title{font-size:36px;color:#fff;margin-top:30px}.page .page-main .main-center .center-data .center-data-data .title-number{color:#e8774a}.page .page-main .main-center .center-data .center-data-data .title-number .number{font-size:70px}.page .page-main .main-center .center-data .center-data-data .title-number .price{font-size:18px}.page .page-main .main-center .center-data .center-data-data .sub-title{font-size:28px;color:#fff;margin-top:8px}.page .page-main .main-center .center-data .center-data-data .sub-title-number{font-size:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px}.page .page-main .main-center .center-data .center-data-data .sub-title-number .number-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.2rem;height:2.6rem;line-height:2.6rem;overflow:hidden;background-color:#e6455f;margin:0 .4rem}.page .page-main .main-center .center-data .center-data-data .sub-title-number .number-item .number{width:100%;height:100%;color:#fff;text-align:center;-webkit-transition:all .1s;transition:all .1s;-webkit-transform:translateY(0);transform:translateY(0)}.page .page-main .main-center .number-data{background-color:transparent;padding:1rem 2rem;width:100%;height:40%;position:relative;margin-top:1rem}.page .page-main .main-center .number-data .number-container{position:absolute;width:100%;height:100%;top:0;left:0}.page .page-main .main-center .number-data .number-container .number-title{position:absolute;right:1rem;top:1rem}.page .page-main .main-center .number-data .number-container .number-title .title-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page .page-main .main-center .number-data .number-container .number-title .title-items .title-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.8rem;color:#fff;margin-left:1rem}.page .page-main .main-center .number-data .number-container .number-title .title-items .title-item .item-block{width:1rem;height:1.2rem;border-radius:.2rem;margin-right:.2rem}.page .page-main .main-center .number-data .number-container .number-title .title-items .title-item .item-block.red{background-color:#e6455f}.page .page-main .main-center .number-data .number-container .number-title .title-items .title-item .item-block.blue{background-color:#57c9f2}.page .page-main .main-center .number-data .number-container .number-title .title-items .title-item .item-block.yellow{background-color:#facf5c}.page .page-main .main-center .number-data .number-container .number-title .number-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#fff;margin-top:12px}.page .page-main .main-center .number-data .number-container .number-title .number-text .text{margin-left:1rem}.page .page-main .main-center .number-data .number-container .number-echart{width:100%;height:100%;padding:0 1rem}.page .page-main .main-right{width:23%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page .page-main .main-right .realtime-data{width:100%;height:calc(29% - 1rem)}.page .page-main .main-right .realtime-data .realtime-main{padding-top:.1rem;width:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.page .page-main .main-right .realtime-data .realtime-main::-webkit-scrollbar{display:none}.page .page-main .main-right .realtime-data .realtime-main .realtime-line{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.8rem;text-align:left;margin-bottom:.5rem}.page .page-main .main-right .realtime-data .realtime-main .realtime-line .reader-name{color:#58cbf3;width:30%}.page .page-main .main-right .realtime-data .realtime-main .realtime-line .status{color:#e6455f;width:20%}.realtime-main{height:88%}.page .page-main .main-right .realtime-data .realtime-main .realtime-line .deal-time{color:#facf5c;width:50%;text-align:right}.page .page-main .main-right .newbook-data{width:100%;height:calc(31% - 1rem)}.page .page-main .main-right .newbook-data .newbook-main{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .5rem;padding-top:.5rem}.page .page-main .main-right .newbook-data .newbook-main .newbook-item{width:20%;font-size:.8rem}.page .page-main .main-right .newbook-data .newbook-main .newbook-item .book-cover{width:100%;height:90px;margin-bottom:6px}.page .page-main .main-right .newbook-data .newbook-main .newbook-item .book-cover img{width:100%;height:100%}.page .page-main .main-right .newbook-data .newbook-main .newbook-item .book-name{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}.page .page-main .main-right .newbook-data .newbook-main .newbook-item .book-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:10px}.page .page-main .main-right .ranking-data{width:100%;height:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page .page-main .main-right .ranking-data .ranking-item{width:calc(50% - .8rem)}.page .page-main .main-right .ranking-data .ranking-split{margin:.8rem;height:100%;width:1px;background:-webkit-gradient(linear,left top,left bottom,from(#060d28),color-stop(#58cbf3),to(#060d28));background:linear-gradient(180deg,#060d28,#58cbf3,#060d28)}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-title{font-size:20px;color:#58cbf3}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content{margin-top:.8rem}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.3rem}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line .line-left{width:calc(100% - 3.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line .text{color:#fff;font-size:1rem}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line .text.red{color:#e6455f;margin-right:.4rem}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line .text.yellow{color:#facf5c;margin-right:.4rem}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line .text.blue{color:#57c9f2;margin-right:.4rem}.page .page-main .main-right .ranking-data .ranking-item .ranking-item-content .item-line .number{font-size:.8rem;color:#58cbf3}