| 1 |
- .circular{position:relative;flex:1;padding-top:2px}.circular img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24%}.column{position:relative;flex:1;padding-bottom:20px}.column img{width:77%;position:absolute;bottom:78px;right:7.6%}.index{display:flex;flex-direction:column;position:relative;box-sizing:border-box;height:100%;background:url(../../static/img/bigBgc1.eea9d301.png) no-repeat;background-size:100% 100%;min-height:780px}.index .title{position:relative;color:#fff;font-size:14px}.index .title img{width:100%}.index .title .day{position:absolute;left:20px;top:10%}.index .title .time{position:absolute;right:20px;top:10%;text-align:right}.index .titleBox{position:relative;box-sizing:border-box}.index .titleBox .titImg{width:100%}.index .titleBox .titleCon{width:100%;height:30px;line-height:30px;box-sizing:border-box;position:absolute;padding-left:50px;font-size:16px;color:#fff;top:50%;transform:translateY(-50%)}.index .titleBox .titleCon .btn{cursor:pointer;float:right;color:#00b9fe;font-size:14px}.index .content{flex:1}.index .content .l{position:relative;padding-left:20px;width:21%;display:inline-flex;flex-direction:column}.index .content .l .box{position:relative;flex:4;display:inline-flex;flex-direction:column}.index .content .l .box .lBox{width:150px;position:absolute;right:-110px;top:45px}.index .content .l .list{left:550px;top:40px}.index .content .r{padding-right:20px;width:21%;position:relative;display:flex;flex-direction:column;z-index:1}.index .content .r .template{position:relative;margin-bottom:.54rem}.index .content .r .template .listImg{position:absolute;width:140px;left:-140px}.index .content .r .template .total{position:relative;overflow:hidden;box-sizing:border-box;padding-left:.7rem;height:.78rem;background:url(../../static/img/template.afa9db87.png) no-repeat;background-size:100% 100%}.index .content .r .template .total .text{font-size:16px;color:#fff;margin-top:.1rem}.index .content .r .template .total .number{font-family:DIN;color:#ffda2b;font-size:28px;line-height:.34rem;letter-spacing:2px}.index .content .r .template .total .btn{cursor:pointer;font-size:16px;color:#00b9fe;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.index .content .r .template .total2{background:url(../../static/img/template2.7aff8345.png) no-repeat;background-size:100% 100%}.index .content .r .template .total3{background:url(../../static/img/template3.98772879.png) no-repeat;background-size:100% 100%}.index .content .r .template .tap{box-sizing:border-box;margin-top:10px;height:.38rem;line-height:.38rem;background-image:linear-gradient(90deg,#153766,#113056);box-shadow:2px 2px 2px #203546;border-radius:15px;display:flex}.index .content .r .template .tap span{position:relative;flex:1;display:inline-block;text-align:center;font-size:14px;color:#fff}.index .content .r .template .tap span img{position:absolute;width:70px;left:50%;top:50%;transform:translate(-50%,-50%)}.index .content .r .template .tap span:nth-child(2){flex:2}.index .content .r .template .tap span:nth-child(3){border-right:0}.index .content .r .template .tap span:first-child:after,.index .content .r .template .tap span:nth-child(2):after{position:absolute;content:"";right:0;top:50%;transform:translateY(-50%);width:1px;height:.16rem;background-color:#506e90}.index .content .r .templateBgc{height:1.6rem;background:url(../../static/img/thatDay.bce0d027.png) no-repeat;background-size:100% 100%;display:flex;align-items:center}.index .content .r .templateBgc .total{position:relative;width:100%;background:none;padding-left:1.28rem}.index .content .r .templateBgc .total .text{margin-top:0}.index .content .r .templateBgc .total:after{content:"";position:absolute;background:url(../../static/img/dayIcon.c0813f6b.png) no-repeat;background-size:100% 100%;width:.68rem;height:.68rem;left:.34rem;top:50%;transform:translateY(-50%)}.index .content .map{min-width:700px;flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.index .content .map .mapCon{position:relative;width:700px;top:-1%;left:-5%;margin:0 auto}.index .content .map .mapCon .mapImg{position:absolute;width:630px;left:50%;transform:translate(-50%,-50%)}.index .content .map .mapCon .mapImg2,.index .content .map .mapCon .mapImg3{width:576px;top:-14px;left:363px}.index .content .map .mapCon .mapImg2{top:-12px}.index .content .map .mapCon .mapImg4{position:absolute;width:210%;transform:translate(-46%,-59%)}.index .content .map .mapCon .mapBox1 .block{position:absolute}.index .content .map .mapCon .mapBox1 .block .name{position:absolute;font-size:13px;color:#eff0f1;display:inline-block;width:100%;z-index:2}.index .content .map .mapCon .mapBox1 .block .name img{position:absolute;left:-24px;top:-5px}.index .content .map .mapCon .mapBox1 .block .img{width:100%}.index .content .map .mapCon .mapBox1 .block:first-child{width:84px;left:76px;top:-22px}.index .content .map .mapCon .mapBox1 .block:first-child .name{left:20px;top:91px;font-size:14px}.index .content .map .mapCon .mapBox1 .block:first-child .name img{top:-30px;left:1px}.index .content .map .mapCon .mapBox1 .block:nth-child(2){width:202px;left:220px;top:-183px}.index .content .map .mapCon .mapBox1 .block:nth-child(2) .name{left:89px;top:57px;font-size:13px}.index .content .map .mapCon .mapBox1 .block:nth-child(3){width:197px;left:335px;top:-360px}.index .content .map .mapCon .mapBox1 .block:nth-child(3) .name{left:90px;top:153px}.index .content .map .mapCon .mapBox1 .block:nth-child(4){width:186px;left:476px;top:-360px}.index .content .map .mapCon .mapBox1 .block:nth-child(4) .name{left:76px;top:90px}.index .content .map .mapCon .mapBox1 .block:nth-child(5){width:139px;left:480px;top:-271px}.index .content .map .mapCon .mapBox1 .block:nth-child(5) .name{left:58px;top:149px}.index .content .map .mapCon .mapBox1 .block:nth-child(5) .name img{top:17px;left:3px}.index .content .map .mapCon .mapBox1 .block:nth-child(6){width:152px;left:112px;top:-53px}.index .content .map .mapCon .mapBox1 .block:nth-child(6) .name{left:62px;top:91px}.index .content .map .mapCon .mapBox1 .block:nth-child(7){width:92px;left:215px;top:-19px}.index .content .map .mapCon .mapBox1 .block:nth-child(7) .name{left:25px;top:81px}.index .content .map .mapCon .mapBox1 .block:nth-child(7) .name img{left:10px;top:20px}.index .content .map .mapCon .mapBox1 .block:nth-child(8){width:180px;left:215px;top:-82px}.index .content .map .mapCon .mapBox1 .block:nth-child(8) .name{left:88px;top:113px}.index .content .map .mapCon .mapBox1 .block:nth-child(8) .name img{left:5px;top:-25px}.index .content .map .mapCon .mapBox1 .block:nth-child(9){width:121px;left:369px;top:-31px}.index .content .map .mapCon .mapBox1 .block:nth-child(9) .name{left:34px;top:99px}.index .content .map .mapCon .mapBox1 .block:nth-child(9) .name img{left:7px;top:20px}.index .content .map .mapCon .mapBox1 .block:nth-child(10){width:162px;left:386px;top:-116px}.index .content .map .mapCon .mapBox1 .block:nth-child(10) .name{left:55px;top:64px}.index .content .map .mapCon .mapBox1 .block:nth-child(11){width:186px;left:269px;top:74px}.index .content .map .mapCon .mapBox1 .block:nth-child(11) .name{left:47px;top:59px}.index .content .map .mapCon .mapBox1 .block:nth-child(12){width:191px;left:422px;top:39px}.index .content .map .mapCon .mapBox1 .block:nth-child(12) .name{left:94px;top:69px}.index .content .map .mapCon .mapBox1 .block:nth-child(13){width:139px;left:157px;top:140px}.index .content .map .mapCon .mapBox1 .block:nth-child(13) .name{left:67px;top:52px}.index .content .map .mapCon .mapBox1 .block:nth-child(14){width:164px;left:243px;top:161px}.index .content .map .mapCon .mapBox1 .block:nth-child(14) .name{left:50px;top:51px}.index .content .map .mapCon .mapBox1 .block:nth-child(14) .name img{left:-10px;top:19px}.index .content .map .mapCon .mapBox1 .block:nth-child(15){width:138px;left:388px;top:176px}.index .content .map .mapCon .mapBox1 .block:nth-child(15) .name{left:64px;top:46px}.index .content .map .mapCon .mapBox1 .block:nth-child(16){width:119px;left:498px;top:127px}.index .content .map .mapCon .mapBox1 .block:nth-child(16) .name{left:55px;top:57px}.index .bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%}.index .bottom img{width:100%;height:70px}.index .bottom .tap{cursor:pointer;position:fixed;top:50%;transform:translateY(-50%);width:100%;z-index:1}.index .bottom .tap span{display:inline-block;width:50%;text-align:right;box-sizing:border-box;padding-right:7%;color:#fff;font-size:27px}.index .bottom .tap span:nth-child(2){padding-left:6%;color:hsla(0,0%,100%,.5);font-size:27px;text-align:left}.index .list{cursor:pointer;box-sizing:border-box;position:absolute;left:-460px;top:20px;width:320px;padding:26px;background:url(../../static/img/listBgc.6fb3b4ef.png) no-repeat;background-size:100% 100%;z-index:10}.index .list .up{position:absolute;width:44px;right:-67px;top:-8px}.index .list ul{height:720px;overflow:hidden;overflow-y:auto}.index .list ul li{margin-top:16px;font-size:16px;color:#fff}.index .list ul li span{display:inline-block;width:50%;text-align:center}.index .list ul::-webkit-scrollbar{width:12px;height:12px;background:#0e2946;border:1px solid #0e2946}.index .list ul::-webkit-scrollbar-button{width:0;height:0;display:none}.index .list ul::-webkit-scrollbar-corner{background-color:transparent}.index .list ul::-webkit-scrollbar-thumb{height:6px;border-radius:25px;background-clip:padding-box;background:url(data:image/png;base64,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) no-repeat;background-size:100% 100%}
|
