LargeScreenVisualization/viewdata-master/新增75套源码/3/css/index.css

.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}@font-face{font-family:Rubik;src:url("../fonts/Rubik-Light.ttf");src:url("../fonts/rubik-regular-webfont.ttf");src:url("../fonts/Rubik-Medium.ttf")}@font-face{font-family:DigifaceWide;src:url("../fonts/digifaw.ttf")}*{-webkit-box-sizing:border-box;box-sizing:border-box}b{font-weight:normal}html,body{width:100%;height:100%;color:#fff}@media screen and (max-width: 3850px){html,body{font-size:64px}}@media screen and (max-width: 1930px){html,body{font-size:32px}}ul,li,dl,dt,dd{padding:0;margin:0;list-style:none}h1,h2,h3,h4,div{padding:0;margin:0;font-weight:normal}h3{font-size:.5625em;color:#fff}p{margin:0;padding:0}body{position:relative;padding:0;margin:0;font-family:MicrosoftYaHei;overflow:hidden}body:before{position:absolute;top:7.6%;right:0;width:5.2%;height:12%;background:url(../img/circle.png) no-repeat;background-size:100%;content:""}.root-wrap{height:100%;padding:0 1.5%;background:url("../img/bg.png") no-repeat center top;background-size:100% 100%}header{position:relative;width:100%;height:10%;min-height:90px;text-align:center;padding-top:1%;margin-bottom:1%}header>img{position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}header .gifImg{width:100%;height:50%;position:absolute;top:40%;min-height:50px;overflow:hidden;text-align:center}header .gifImg:after{content:'';top:40%;left:50%;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);display:block;position:absolute;width:36.5%;min-width:700px;height:100%;background:url(../img/header.gif) no-repeat center center;background-size:100%}header .gifImg .month-tip{margin-top:3%;font-size:.75em;color:#fff}header .title_img{text-align:left}header .title_img img{width:19.5%}header h2{position:absolute;top:33%;font-size:.75em}header h2{left:0}header:before{position:absolute;bottom:18%;left:0;width:100%;height:18%;min-height:18px;content:""}.main{width:100%;height:84%}.main .aside-left{position:relative;width:22%;height:100%}.main .aside-left h3{padding-top:6.5%;padding-left:13%}.main .aside-right{position:relative;width:22%;height:100%}.left-top{position:relative;opacity:.9;background:rgba(18,22,64,0.5)}.left-top:after{position:absolute;right:0;bottom:-10.4%;width:5%;min-width:20px;height:13%;min-height:50px;background:url("../img/bor1_1_xie.png") no-repeat;background-size:100% 100%;content:""}.left-top:before{position:absolute;top:0;left:0;width:100%;height:106%;background:url("../img/bor1_1.png") no-repeat;background-size:100% 100%;z-index:-1;content:""}.left-bottom{position:absolute;bottom:0;opacity:.9}.left-bottom:before{content:'';position:absolute;top:5.6%;right:-2%;z-index:100;width:15%;height:7%;background:url("../img/bor1_2_square.png") no-repeat;background-size:100%;z-index:10}.left-bottom:after{position:absolute;top:0;left:0;width:100%;height:104%;background:url("../img/bor1_2.png") no-repeat;background-size:100% 97%;z-index:-1;content:""}.middle-map{position:relative;width:55%;height:100%;margin:0 .5%}.middle-map h3{height:9%}.middle-map .map-wrap{position:relative;opacity:.9;height:100%;border-top:4px solid #121e52;border-bottom:4px solid #10144b;background:rgba(18,22,64,0.5);background-size:100% 100%}.middle-map .map-wrap h3{position:absolute;top:4%;left:50%;width:100%;padding:0 3%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.middle-map .map-wrap h3 dl{width:20%;padding:0.4% 0.2% 0 0.4%;border-left:2px solid #00bbec}.middle-map .map-wrap h3 dl dt{font-size:.78125em;color:#00bbec;margin-bottom:5%}.middle-map .map-wrap h3 dl dd{font-family:DigifaceWide;font-size:1.25em;color:#fff}.middle-map .map-wrap .title-map{position:absolute;left:50%;top:20%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:.5625em}.middle-map .map-wrap .unit-wan:after,.middle-map .map-wrap .unit-wanyuan:after,.middle-map .map-wrap .unit-number:after,.middle-map .map-wrap .unit-pc:after,.middle-map .map-wrap .unit-type:after{display:inline-block;margin-left:4%;font-size:12px;color:#fff}.middle-map .map-wrap .unit-wan:after{content:'万'}.middle-map .map-wrap .unit-wanyuan:after{content:'万元'}.middle-map .map-wrap .unit-number:after{content:'条'}.middle-map .map-wrap .unit-type:after{content:'种'}.middle-map .map-wrap .unit-pc:after{content:'批次'}.middle-map .map-wrap #map{height:100%}.right-top{position:relative;background:url("../img/bg1_1.png") no-repeat top}.right-top .con{height:42%;margin:0 5%;font-size:.4375em;font-size:.4375em;background:#081d5d}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}@font-face{font-family:Rubik;src:url("../fonts/Rubik-Light.ttf");src:url("../fonts/rubik-regular-webfont.ttf");src:url("../fonts/Rubik-Medium.ttf")}@font-face{font-family:DigifaceWide;src:url("../fonts/digifaw.ttf")}*{-webkit-box-sizing:border-box;box-sizing:border-box}b{font-weight:normal}html,body{width:100%;height:100%;color:#fff}@media screen and (max-width: 3850px){html,body{font-size:64px}}@media screen and (max-width: 1930px){html,body{font-size:32px}}ul,li,dl,dt,dd{padding:0;margin:0;list-style:none}h1,h2,h3,h4,div{padding:0;margin:0;font-weight:normal}h3{font-size:.5625em;color:#fff}p{margin:0;padding:0}body{position:relative;padding:0;margin:0;font-family:MicrosoftYaHei;overflow:hidden}body:before{position:absolute;top:7.6%;right:0;width:5.2%;height:12%;background:url(../img/circle.png) no-repeat;background-size:100%;content:""}.root-wrap{height:100%;padding:0 1.5%;background:url("../img/bg.png") no-repeat center top;background-size:100% 100%}header{position:relative;width:100%;height:10%;min-height:90px;text-align:center;padding-top:1%;margin-bottom:1%}header>img{position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}header .gifImg{width:100%;height:50%;position:absolute;top:40%;min-height:50px;overflow:hidden;text-align:center}header .gifImg:after{content:'';top:40%;left:50%;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);display:block;position:absolute;width:36.5%;min-width:700px;height:100%;background:url(../img/header.gif) no-repeat center center;background-size:100%}header .gifImg .month-tip{margin-top:3%;font-size:.75em;color:#fff}header .title_img{text-align:left}header .title_img img{width:19.5%}header h2{position:absolute;top:33%;font-size:.75em}header h2{left:0}header:before{position:absolute;bottom:18%;left:0;width:100%;height:18%;min-height:18px;content:""}.main{width:100%;height:84%}.main .aside-left{position:relative;width:22%;height:100%}.main .aside-left h3{padding-top:6.5%;padding-left:13%}.main .aside-right{position:relative;width:22%;height:100%}.left-top{position:relative;opacity:.9;background:rgba(18,22,64,0.5)}.left-top:after{position:absolute;right:0;bottom:-10.4%;width:5%;min-width:20px;height:13%;min-height:50px;background:url("../img/bor1_1_xie.png") no-repeat;background-size:100% 100%;content:""}.left-top:before{position:absolute;top:0;left:0;width:100%;height:106%;background:url("../img/bor1_1.png") no-repeat;background-size:100% 100%;z-index:-1;content:""}.left-bottom{position:absolute;bottom:0;opacity:.9}.left-bottom:before{content:'';position:absolute;top:5.6%;right:-2%;z-index:100;width:15%;height:7%;background:url("../img/bor1_2_square.png") no-repeat;background-size:100%;z-index:10}.left-bottom:after{position:absolute;top:0;left:0;width:100%;height:104%;background:url("../img/bor1_2.png") no-repeat;background-size:100% 97%;z-index:-1;content:""}.middle-map{position:relative;width:55%;height:100%;margin:0 .5%}.middle-map h3{height:9%}.middle-map .map-wrap{position:relative;opacity:.9;height:100%;border-top:4px solid #121e52;border-bottom:4px solid #10144b;background:rgba(18,22,64,0.5);background-size:100% 100%}.middle-map .map-wrap h3{position:absolute;top:4%;left:50%;width:100%;padding:0 3%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.middle-map .map-wrap h3 dl{width:20%;padding:0.4% 0.2% 0 0.4%;border-left:2px solid #00bbec}.middle-map .map-wrap h3 dl dt{font-size:.78125em;color:#00bbec;margin-bottom:5%}.middle-map .map-wrap h3 dl dd{font-family:DigifaceWide;font-size:1.25em;color:#fff}.middle-map .map-wrap .title-map{position:absolute;left:50%;top:20%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:.5625em}.middle-map .map-wrap .unit-wan:after,.middle-map .map-wrap .unit-wanyuan:after,.middle-map .map-wrap .unit-number:after,.middle-map .map-wrap .unit-pc:after,.middle-map .map-wrap .unit-type:after{display:inline-block;margin-left:4%;font-size:12px;color:#fff}.middle-map .map-wrap .unit-wan:after{content:'万'}.middle-map .map-wrap .unit-wanyuan:after{content:'万元'}.middle-map .map-wrap .unit-number:after{content:'条'}.middle-map .map-wrap .unit-type:after{content:'种'}.middle-map .map-wrap .unit-pc:after{content:'批次'}.middle-map .map-wrap #map{height:100%}.right-top{position:relative;background:url("../img/bg1_1.png") no-repeat top}.right-top .con{height:42%;margin:0 5%;font-size:.4375em;font-size:.4375em;background:#081d5d}.nav{position:fixed;right:0;z-index:20000;width:30%;height:10%;font-size:.4375em}.nav ul{list-style:none;min-width:440px;width:100%}.nav ul a{display:block;text-decoration:none;width:100%;height:100%;text-align:center;line-height:4.5;color:white}.drop-down{width:100%;height:100%}.drop-down-content li{display:inline-block;float:left;width:20%;min-width:82px;height:100%}.drop-down{width:100%}.drop-down-content{padding:0;display:none;position:absolute;top:37%;right:0}h3{font-size:.5625em;clear:both}.drop-down-content li:hover a{color:bisque}.nav .drop-down:hover .drop-down-content{display:block}.main{width:100%;height:84%}.main .aside-left{position:relative;width:22%;height:100%}.main .aside-left .book-rank{border-bottom:1px solid rgba(19,151,255,0.1);font-size:12px}.main .aside-left .book-rank span{display:inline-block;height:100%}.main .aside-left .book-rank .ranking{color:#2edbff}.main .aside-left .book-rank .hot{font-size:12px;color:#1397ff}.main .aside-left .ranking{width:13%;padding-left:5%}.main .aside-left .name{width:32%}.main .aside-left .company{width:34%}.main .aside-left .hot{width:20%;padding-left:2%}.main .aside-left .ranking,.main .aside-left .name,.main .aside-left .company,.main .aside-left .hot{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .aside-left h3{height:17%}.main .aside-left .tit{height:6%;margin:3% 0;font-size:.4375em;color:#2edbff}.main .aside-left .tit span{display:inline-block;height:100%}.main .aside-left .top{position:relative;height:49%}.main .aside-left .top .con-wrap{position:relative;width:100%;height:75%;overflow:hidden}.main .aside-left .top .con-wrap .over-wrap{position:absolute;top:0;left:0}.main .aside-left .top .con-wrap .go{-webkit-transition:all .5s linear;transition:all .5s linear}.main .aside-left .top .con-wrap .top1{top:-100% !important}.main .aside-left .top .con-wrap .top2{top:-200% !important}.main .aside-left .top .con-wrap .top3{top:-300% !important}.main .aside-left .top .con-wrap .top4{top:-400% !important}.main .aside-left .top .con-wrap .top5{top:-500% !important}.main .aside-left .top .con-wrap .top6{top:-600% !important}.main .aside-left .top .con-wrap .top7{top:-700% !important}.main .aside-left .top .con-wrap .top8{top:-800% !important}.main .aside-left .top .con-wrap .top9{top:-900% !important}.main .aside-left .top .con-wrap .top10{top:-1000% !important}.main .aside-left .top .con-wrap .top11{top:-1100% !important}.main .aside-left .top .con-wrap .top12{top:-1200% !important}.main .aside-left .top .con{height:100%}.main .aside-left .top .con li{height:11.5%;cursor:pointer}.main .aside-left .top .con li .book-rank{height:100%}.main .aside-left .top .con li .book-show{display:none;position:relative;margin-top:2%;overflow:hidden}.main .aside-left .top .con li .book-show .img-box{position:relative;width:25%;height:100%;margin:0 4% 0 16%}.main .aside-left .top .con li .book-show .img-box img{position:absolute;top:0;right:0;width:100%;max-height:100%;overflow:hidden}.main .aside-left .top .con li .book-show .content{width:42%;height:100%;margin-top:2%;font-size:.375em;overflow:hidden}.main .aside-left .top .con li .book-show .content p{height:20%;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .aside-left .top .con li.active{height:auto;background:rgba(19,151,255,0.1)}.main .aside-left .top .con li.active .book-rank{border-bottom:none}.main .aside-left .top .con li.active .book-show{display:block}.main .aside-left .bottom{position:absolute;width:100%;height:49%}.main .aside-left .bottom .bottom-in{width:100%;height:100%;overflow:hidden}.main .aside-left .bottom .short{width:67%}.main .aside-left .bottom .hot{width:20%}.main .aside-left .bottom .con{height:74%}.main .aside-left .bottom .con li{height:10.5%;border-bottom:1px solid rgba(19,151,255,0.1)}.main .aside-left .bottom .con li .book-rank{height:100%;border-bottom:none}.main .aside-left .bottom .con li .short{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .aside-right{position:relative;width:22%;height:100%}.main .aside-right .pie,.main .aside-right .trend{position:relative}.main .aside-right .keys{position:relative;height:20%;margin-bottom:2.5%}.main .aside-right .keys h3{height:40%;padding-top:6%;margin-left:5%}.main .aside-right .keys .con{height:42%;margin:0 20px;background:#081d5d}.main .aside-right .keys .con dl{width:33.3%;height:100%;padding:10px 0 0 10px}.main .aside-right .keys .con dl dt{height:40%;font-size:.5625em;color:#128df0}.main .aside-right .keys .con dl dd{height:60%;font-family:Rubik;font-size:1.125em;font-weight:300;color:#fff}.main .aside-right .keys .con .middle{position:relative}.main .aside-right .keys .con .middle:before,.main .aside-right .keys .con .middle:after{position:absolute;top:20%;width:1px;height:60%;background:rgba(255,255,255,0.1);content:""}.main .aside-right .keys .con .middle:before{left:0}.main .aside-right .keys .con .middle:after{right:0}.main .aside-right .pie{position:relative;height:38%;margin-bottom:2.5%;background:url("../img/bg1_1.png") no-repeat;background-size:cover}.main .aside-right .pie:after{position:absolute;width:100%;height:100%;background:url("../img/bor1_4.png") no-repeat;background-size:100% 100%;content:""}.main .aside-right .pie h3{height:16%;text-align:center}.main .aside-right .pie .pie1{width:50%;height:100%;padding-top:8%}.main .aside-right .pie .pie2{width:50%;height:100%;padding-top:8%}.main .aside-right .pie .legend{position:absolute;bottom:10%;left:50%;width:80%;min-width:280px;font-size:.3125em;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.main .aside-right .pie .legend span{position:relative;margin-right:1%}.main .aside-right .pie .legend span:before{display:inline-block;position:relative;top:1px;width:1em;height:1em;margin-right:1%;content:""}.main .aside-right .pie .legend span:nth-of-type(1):before{background:#0239a7}.main .aside-right .pie .legend span:nth-of-type(2):before{background:#fff}.main .aside-right .pie .legend span:nth-of-type(3):before{background:#24feb4}.main .aside-right .pie .legend span:nth-of-type(4):before{background:#23539b}.main .aside-right .pie .legend span:nth-of-type(5):before{background:#3c9de4}.main .aside-right .area-rank{position:relative;height:35%;margin-bottom:2.5%;background:url("../img/bg1_3.png") no-repeat;background-size:cover;overflow:hidden}.main .aside-right .area-rank:after{position:absolute;top:0;width:100%;height:100%;background:url("../img/bor1_5.png") no-repeat;background-size:100% 100%;content:""}.main .aside-right .area-rank h3{height:24%;padding-top:10%;margin-left:5%}.main .aside-right .area-rank .con{position:relative;height:75%;margin:0 0 5% 5%;font-size:.3125em;color:#07bffb;overflow:hidden}.main .aside-right .area-rank .con ul{position:absolute;top:0;width:100%;height:100%}.main .aside-right .area-rank .con li{height:11.1%}.main .aside-right .area-rank .con li:nth-of-type(1) .bar-in{width:94%}.main .aside-right .area-rank .con li:nth-of-type(2) .bar-in{width:88%}.main .aside-right .area-rank .con li:nth-of-type(3) .bar-in{width:84%}.main .aside-right .area-rank .con li:nth-of-type(4) .bar-in{width:79%}.main .aside-right .area-rank .con li:nth-of-type(5) .bar-in{width:76%}.main .aside-right .area-rank .con li:nth-of-type(6) .bar-in{width:74%}.main .aside-right .area-rank .con li:nth-of-type(7) .bar-in{width:70%}.main .aside-right .area-rank .con li:nth-of-type(8) .bar-in{width:68%}.main .aside-right .area-rank .con li:nth-of-type(9) .bar-in{width:65%}.main .aside-right .area-rank .con li:nth-of-type(10) .bar-in{width:62%}.main .aside-right .area-rank .con li:nth-of-type(11) .bar-in{width:60%}.main .aside-right .area-rank .con li:nth-of-type(12) .bar-in{width:58%}.main .aside-right .area-rank .con li:nth-of-type(13) .bar-in{width:54%}.main .aside-right .area-rank .con li:nth-of-type(14) .bar-in{width:51%}.main .aside-right .area-rank .con li:nth-of-type(15) .bar-in{width:49%}.main .aside-right .area-rank .con span{display:inline-block;height:100%}@media screen and (max-width: 3850px){.main .aside-right .area-rank .con .num{width:30px}}@media screen and (max-width: 1930px){.main .aside-right .area-rank .con .num{width:15px}}@media screen and (max-width: 3850px){.main .aside-right .area-rank .con .city-name{width:80px;margin-right:30px}}@media screen and (max-width: 1930px){.main .aside-right .area-rank .con .city-name{width:40px;margin-right:15px}}.main .aside-right .area-rank .con .bar{position:relative;top:10%;height:46%}@media screen and (max-width: 3850px){.main .aside-right .area-rank .con .bar{width:calc(100% - 320px)}}@media screen and (max-width: 1930px){.main .aside-right .area-rank .con .bar{width:calc(100% - 160px)}}.main .aside-right .area-rank .con .bar .bar-in{display:block;height:100%;background:-webkit-gradient(linear, left top, right top, from(#2690cf), to(#00fecc));background:linear-gradient(to right, #2690cf, #00fecc)}.main .aside-right .area-rank .con .rank-value{font-size:1em}@media screen and (max-width: 3850px){.main .aside-right .area-rank .con .rank-value{width:100px;margin-left:30px}}@media screen and (max-width: 1930px){.main .aside-right .area-rank .con .rank-value{width:50px;margin-left:15px}}.main .aside-right .trend{position:absolute;bottom:0;width:100%;height:26%;background:url("../img/bg1_3.png") no-repeat;background-size:cover}.main .aside-right .trend:after{position:absolute;top:0;width:100%;height:100%;background:url("../img/bor1_6.png") no-repeat;background-size:100% 100%;content:""}.main .aside-right .trend h3{height:20%;padding-top:5%;margin-left:5%}.main-bottom{width:100%;height:5px}.main-bottom span{display:inline-block;height:100%;background:#02336b}.main-bottom .line1{width:15%;margin-right:6px}.main-bottom .line2{width:55%;margin-right:6px}.main-bottom .line3{width:26%}.pressRotate{-webkit-animation:mymove .5s ease-in;animation:mymove .5s ease-in}@keyframes mymove{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes mymove{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}

/*# sourceMappingURL=index.css.map */