.big-data-container{position:absolute;overflow:hidden;height:100%;width:100%;background-color:#1400a8;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230e0077'/%3E%3Cstop offset='1' stop-color='%230e0077' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2314057c'/%3E%3Cstop offset='1' stop-color='%2314057c' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230d0524'/%3E%3Cstop offset='1' stop-color='%230d0524' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231400a8'/%3E%3Cstop offset='1' stop-color='%231400a8' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23130733'/%3E%3Cstop offset='1' stop-color='%23130733' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23c)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23d)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23e)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23f)' d='M0 0h1200v800H0z'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.big-data-container .head{height:75px;background:url(../img/head_bg.eeff3da5.png) no-repeat 50%;background-size:100% 100%;position:relative;z-index:100}.head h1{margin:0;color:#fff;text-align:center;line-height:71px}.data-container{margin:0 15px;position:absolute;left:0;right:0;top:76px;bottom:0}.data-container>div{float:left;height:100%}.data-center{padding:0 .9rem;width:40%;display:flex;flex-direction:column}.data-center .chart-center{flex:1}.chart-center{width:100%;display:flex}.data-left,.data-right{width:30%;display:flex;flex-direction:column}.center-top,.center-top-num,.chart-center,.data-left-item,.data-right-item{border:1px solid rgba(25,186,139,.17);padding:0 .2rem .4rem .15rem;background:hsla(0,0%,100%,.04);background-size:100% auto;position:relative;margin-bottom:.15rem;z-index:10}.data-foot-line{position:absolute;bottom:0;width:100%;left:0}.data-foot-line:after,.data-foot-line:before{position:absolute;width:10px;height:10px;content:"";border-bottom:2px solid #02a6b5;bottom:0}.boxall:before,.data-foot-line:before{border-left:2px solid #02a6b5;left:0}.boxall:after,.data-foot-line:after{border-right:2px solid #02a6b5;right:0}.boxall:after,.boxall:before{position:absolute;width:10px;height:10px;content:"";border-top:2px solid #02a6b5;top:0}.center-top-num:before,.center-top:before,.data-left-item:before,.data-right-item:before{border-left:2px solid #02a6b5;left:0;position:absolute;width:10px;height:10px;content:"";border-top:2px solid #02a6b5;top:0}.center-top-num:after,.center-top:after,.data-left-item:after,.data-right-item:after{border-right:2px solid #02a6b5;right:0;position:absolute;width:10px;height:10px;content:"";border-top:2px solid #02a6b5;top:0}.data-left>.data-left-item,.data-right>.data-right-item{flex:1;margin-bottom:.9rem}.data-center .title,.data-left>.data-left-item .title,.data-right>.data-right-item .title{font-size:1rem;padding:7px 0;color:#fff;text-align:center}.data-center .chart-center{width:100%}.center-top-num{height:80px;padding-top:7px;margin-bottom:.8rem;display:flex}.center-top-num .item{flex:1;text-align:center}.center-top-num .text{color:#fcf0d8;font-size:14px}.center-top-num .num{font-size:34px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:700;color:#67caca}.right-3[data-v-7ef231a1]{display:flex;flex-direction:column}.right-3 .right-item[data-v-7ef231a1]{flex:1;display:flex;flex-direction:column}.right-3 .item[data-v-7ef231a1]{text-align:left;border-bottom:1px solid #549069;flex:1;display:flex;padding:5px 10px;margin:0 10px;font-size:14px;line-height:30px}.right-3 .item[data-v-7ef231a1]:last-child{border-bottom:0}.right-3 .item>div[data-v-7ef231a1]{color:#fff}.right-3 .top[data-v-7ef231a1]{width:60px;position:relative}.right-3 .top span[data-v-7ef231a1]{position:absolute;width:20px;line-height:20px;top:5px;text-align:center;border-radius:5px}.right-3 .top-1 span[data-v-7ef231a1]{background:#e80d0d}.right-3 .top-2 span[data-v-7ef231a1]{background:#00c935}.right-3 .top-3 span[data-v-7ef231a1]{background:#0083f4}.right-3 .num[data-v-7ef231a1]{width:88px}.right-3 .pro-name[data-v-7ef231a1]{flex:1}
|
