|
1 |
- .scale-up-br{animation:scale-up-br .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-br{0%{transform:scale(.5);transform-origin:100% 100%}to{transform:scale(1);transform-origin:100% 100%}}.scale-up-tr{animation:scale-up-tr .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-tr{0%{transform:scale(.5);transform-origin:100% 0%}to{transform:scale(1);transform-origin:100% 0%}}.scale-up-tl{animation:scale-up-tl .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-tl{0%{transform:scale(.5);transform-origin:0% 0%}to{transform:scale(1);transform-origin:0% 0%}}@keyframes shake-vertical{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}@keyframes scale-up-center{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portraitScreen{width:100%;height:100%;background-image:url(/assets/bg.3d1c542a.jpg);background-size:100% 100%;padding:11px 24px 45px;position:relative;color:#fff}.portraitScreen .head img{width:43.48958333vw;height:4.72222222vh}.portraitScreen .content{position:relative;z-index:99;height:100%}.portraitScreen .content .top .backIcon{width:1.45833333vw;height:2.59259259vh;margin-right:.46875vw}.portraitScreen .content .top .back{cursor:pointer;background:url(/assets/regionTextBg.a2dab6f6.png);background-size:100% 100%;width:8.64583333vw;padding-left:.15625vw;padding-right:1.5625vw;padding-top:.55555556vh;padding-bottom:.64814815vh}.portraitScreen .content .box3{position:absolute;left:50%;transform:translate(-50%);bottom:3.51851852vh;width:30.20833333vw;border-radius:10px;overflow:hidden}.portraitScreen .content .box3 .tit{text-align:center;color:#fff;font-size:1.25vw;padding-top:1.2037037vh;padding-bottom:1.2037037vh;background-color:#073897cc}.portraitScreen .content .box3 .main{width:100%;background-color:#07389766;padding-top:1.2037037vh}.portraitScreen .content .box3 .main::-webkit-scrollbar{width:.52083333vw}.portraitScreen .content .box3 .main::-webkit-scrollbar-track{background-color:transparent}.portraitScreen .content .box3 .main::-webkit-scrollbar-thumb{background-color:#0e4579;border-radius:4px}.portraitScreen .content .box3 .main .info .info-item{padding-left:1.2037037vh;padding-right:1.2037037vh;margin-bottom:.74074074vh}.portraitScreen .content .box3 .main .info .info-item .label:before{content:"";width:.41666667vw;height:.74074074vh;margin-right:.52083333vw;border-radius:50%;background-color:#fff}.portraitScreen .content .title{background-image:url(/assets/titleBg.0a9a099d.png);background-size:100% 100%;position:absolute;z-index:5;left:50%;transform:translate(-50%);bottom:29.25925926vh;width:8.95833333vw;height:5.27777778vh;display:flex;align-items:center;justify-content:center;font-size:1.25vw}.portraitScreen .content .center{position:relative;width:100%;margin-top:19.25925926vh}.portraitScreen .content .center .line1{position:absolute;width:10.46875vw;height:21.75925926vh;left:-3.90625vw;top:-11.94444444vh}.portraitScreen .content .center .line2{position:absolute;width:10.98958333vw;height:20.83333333vh;right:-3.90625vw;top:-12.87037037vh}.portraitScreen .content .center .line3{position:absolute;width:10.15625vw;height:10.55555556vh;left:-5.72916667vw;top:13.24074074vh}.portraitScreen .content .center .line4{position:absolute;width:34.01041667vw;height:20.74074074vh;left:19.32291667vw;top:18.98148148vh}.portraitScreen .content .center .centerBoxImg{position:relative;z-index:3;margin:0 auto;width:24.01041667vw;height:34.07407407vh;animation:shake-vertical 10.8s cubic-bezier(.455,.03,.515,.955) infinite both}.portraitScreen .content .center .rotaBaseImg{position:absolute;z-index:2;width:38.4375vw;left:50%;transform:translate(-50%);bottom:-12.96296296vh}.portraitScreen .content .center .rotaBgImg{position:absolute;top:0;z-index:3;left:40%;width:19.79166667vw;animation:rotate-center 4s linear infinite both}.portraitScreen .content .center .bigBottomImg{position:absolute;left:50%;transform:translate(-50%);width:17.60416667vw;bottom:-8.33333333vh}.portraitScreen .content .boxCircle1{width:31.875vw;height:31.875vw;position:absolute;left:1.77083333vw;bottom:16.2962963vh;font-size:2.65625vw}.portraitScreen .content .boxCircle1 .smallCirImg{width:12.91666667vw;position:absolute;z-index:1;animation:rotate-center 4s linear infinite both}.portraitScreen .content .boxCircle1 .bigCirImg{width:18.4375vw;position:absolute;z-index:1;animation:rotate-center 4s linear infinite reverse both}.portraitScreen .content .boxCircle1 p{position:relative;z-index:2}.portraitScreen .content .boxCircle2{width:22.55208333vw;height:22.60416667vw;position:absolute;right:11.35416667vw;top:5.64814815vh;font-size:1.66666667vw}.portraitScreen .content .boxCircle2 .smallCirImg{width:9.79166667vw;position:absolute;z-index:1;animation:rotate-center 4s linear infinite both}.portraitScreen .content .boxCircle2 .bigCirImg{width:13.22916667vw;position:absolute;z-index:1;animation:rotate-center 4s linear infinite reverse both}.portraitScreen .content .boxCircle2 p{position:relative;z-index:2}.portraitScreen .content .boxCircle3{width:27.86458333vw;height:27.91666667vw;position:absolute;right:0vw;bottom:4.53703704vh;font-size:2.65625vw}.portraitScreen .content .boxCircle3 .smallCirImg{width:12.91666667vw;position:absolute;z-index:1;animation:rotate-center 4s linear infinite both}.portraitScreen .content .boxCircle3 .bigCirImg{width:18.4375vw;position:absolute;z-index:1;animation:rotate-center 4s linear infinite reverse both}.portraitScreen .content .boxCircle3 p{position:relative;z-index:2}.portraitScreen .bgWave{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;width:100%;justify-content:center}.portraitScreen .bgWave .img{animation:scale-up-center 5s cubic-bezier(.39,.575,.565,1) infinite alternate both}.portraitScreen .customMask{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:99}.portraitScreen .customMask .customDialog{width:78%;height:77%;background:linear-gradient(135deg,rgba(0,33,135,.55) 0%,rgba(0,17,68,.87) 51%,rgba(0,33,135,.55) 100%),linear-gradient(138deg,rgba(0,41,102,.5) 0%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,rgba(43,134,255,.5) 0%,rgba(9,42,79,0) 100%),linear-gradient(180deg,rgba(43,134,255,.5) 0%,rgba(9,42,79,0) 100%),linear-gradient(176deg,rgba(43,134,255,.5) 0%,rgba(9,42,79,0) 100%);border-radius:10px;border:1px solid #2D99FF;position:absolute;left:50%;top:10%;transform:translate(-50%);padding:3.5% 4% 10px}.portraitScreen .customMask .customDialog.customDialog1{width:50%;height:50%;overflow-y:auto}.portraitScreen .customMask .customDialog.customDialog1::-webkit-scrollbar-thumb{background-color:#2d99ff;border-radius:3px;width:6px}.portraitScreen .customMask .customDialog .tit{width:31.77083333vw;height:4.25925926vh;background:url(/assets/dialogTitBg.00db7316.png);background-size:100% 100%;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:2.77777778vh}.portraitScreen .customMask .customDialog .customTable{background:none;max-height:480px;overflow-y:auto}.portraitScreen .customMask .customDialog .customTable thead tr{background:none}.portraitScreen .customMask .customDialog .customTable thead th{background:rgba(26,90,160,.8);box-shadow:0 1px #2d99ff;color:#fff;border:none;font-size:.83333333vw}.portraitScreen .customMask .customDialog .customTable thead th.is-leaf{border:none}.portraitScreen .customMask .customDialog .customTable thead th.el-table-fixed-column--right{background:rgba(26,90,160,.8)}.portraitScreen .customMask .customDialog .customTable .el-table__inner-wrapper:before{background:none}.portraitScreen .customMask .customDialog .customTable .el-table-fixed-column--right{background:none}.portraitScreen .customMask .customDialog .customTable .el-table__row{color:#fff;background:rgba(11,51,95,0)}.portraitScreen .customMask .customDialog .customTable .el-table__row.el-table__row--striped{background:rgba(11,51,95,.55)}.portraitScreen .customMask .customDialog .customTable .el-table__row .el-table__cell{background:none;color:#fff;border:0;font-size:.83333333vw}.portraitScreen .customMask .customDialog .customTable .btn{background:linear-gradient(180deg,rgba(2,197,209,.8) 0%,rgba(45,153,255,.5) 100%);border-radius:5px;border:1px solid #2D99FF;display:inline-block;width:6.14583333vw;height:2.59259259vh;font-size:.83333333vw;justify-content:center;display:flex;align-items:center;line-height:1.5}.portraitScreen .customMask .customDialog .customTable .btn .icon{font-size:1.25vw}.portraitScreen .customMask .customDialog .el-pagination{margin-top:2.77777778vh;position:absolute;left:50%;transform:translate(-50%)}.portraitScreen .customMask .customDialog .el-pagination button,.portraitScreen .customMask .customDialog .el-pagination .el-pager .number,.portraitScreen .customMask .customDialog .el-pagination .el-pager .more{background:none;border:1px solid #2D99FF;color:#2d99ff}.portraitScreen .customMask .customDialog .el-pagination .el-pager .number.is-active,.portraitScreen .customMask .customDialog .el-pagination .el-pager .more.is-active{background:#2657C7;border-radius:2px;color:#fff;border:0}.portraitScreen .customMask .customDialog .closeIcon{position:absolute;right:1.5625vw;top:1.5625vw;font-size:1.45833333vw;cursor:pointer}.portraitScreen .customMask .customDialog .box1{width:100%;height:100%;padding-top:5.55555556vh;padding-bottom:1.75925926vh;padding-left:.98958333vw;padding-right:.625vw;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);grid-row-gap:.26041667vw;grid-column-gap:.46296296vh;font-size:1.04166667vw}.portraitScreen .customMask .customDialog .box1 .tag{background-image:url(/assets/textBg.2c9fe0c1.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding-left:1.77083333vw;padding-right:1.77083333vw;position:absolute}.portraitScreen .customMask .customDialog .box1 .div1{grid-area:1 / 1 / 2 / 2}.portraitScreen .customMask .customDialog .box1 .div2{grid-area:2 / 2 / 3 / 3}.portraitScreen .customMask .customDialog .box1 .div3{grid-area:1 / 3 / 2 / 4}.portraitScreen .customMask .customDialog .box1 .div4{grid-area:2 / 4 / 3 / 5}.portraitScreen .customMask .customDialog .box1 .div5{grid-area:1 / 5 / 2 / 6}.portraitScreen .customMask .customDialog .box1 .div6{grid-area:3 / 1 / 4 / 2}.portraitScreen .customMask .customDialog .box1 .div7{grid-area:3 / 3 / 4 / 4}.portraitScreen .customMask .customDialog .box1 .div8{grid-area:4 / 4 / 5 / 5}.portraitScreen .customMask .customDialog .box1 .div9{grid-area:3 / 5 / 4 / 6}.portraitScreen .customMask .customDialog .box1 .div10{grid-area:4 / 2 / 5 / 3}.portraitScreen .customMask .customDialog .box1 .div11{grid-area:5 / 1 / 6 / 2}.portraitScreen .customMask .customDialog .box1 .div12{grid-area:5 / 3 / 6 / 4}.portraitScreen .customMask .customDialog .box1 .div13{grid-area:5 / 5 / 6 / 6}.portraitScreen .customMask .customDialog .box1 .div14{grid-area:6 / 2 / 7 / 3}.portraitScreen .customMask .customDialog .box1 .div15{grid-area:6 / 4 / 7 / 5}.portraitScreen .customMask .customDialog .box1 .mid{width:18.48958333vw;height:32.87037037vh;background-image:url(/assets/box1Cricle.d39ffe18.png);background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.portraitScreen .customMask .customDialog .box5{width:100%;height:100%;padding-bottom:2.59259259vh;padding-left:1.04166667vw;padding-right:1.04166667vw;font-size:.83333333vw}.portraitScreen .customMask .customDialog .box5 .main{padding-top:2.77777778vh}.portraitScreen .customMask .customDialog .box5 .main .tabItem{width:5.98958333vw;padding-top:1.11111111vh;padding-bottom:1.11111111vh;border:1px solid #2D99FF;text-align:center;font-size:.83333333vw;cursor:pointer;color:#2d99ff}.portraitScreen .customMask .customDialog .box5 .main .tabItem:first-child{border-right:none;border-radius:5px 0 0 5px}.portraitScreen .customMask .customDialog .box5 .main .tabItem:last-child{border-radius:0 5px 5px 0}.portraitScreen .customMask .customDialog .box5 .main .tabItem.active{background:#ECFEFF linear-gradient(180deg,#2D99FF 0%,rgba(70,230,120,.67) 100%);box-shadow:0 0 35px 5px #00f0ff78;color:#021330;font-weight:700}.portraitScreen .customMask .customDialog .box5 .main .tabContent{padding-top:1.38888889vh}.portraitScreen .customMask .customDialog .box5 .main .tabContent .tableTit{margin-bottom:.92592593vh;color:#2d99ff;font-size:1.04166667vw;font-weight:700}.portraitScreen .customMask .customDialog .box5 .main .tabContent .tableTit img{width:2.03125vw;height:2.40740741vh;margin-top:.55555556vh}.portraitScreen .customMask .customDialog .box5 .main .tabContent table{width:100%;border-collapse:collapse}.portraitScreen .customMask .customDialog .box5 .main .tabContent table:not(:last-child){margin-bottom:2.31481481vh}.portraitScreen .customMask .customDialog .box5 .main .tabContent table td{background-repeat:no-repeat;background-position:center;background-size:100% 100%;padding-left:.625vw;padding-top:1.11111111vh;padding-bottom:1.11111111vh}.portraitScreen .customMask .customDialog .box5 .main .tabContent .label{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoQAAACkAgMAAABz6tfDAAAAAXNSR0IArs4c6QAAAAlQTFRFH1GoZJjLU4XD5O4tRgAAAAN0Uk5TKVRvzjBdKAAAAJVJREFUeNrt3UENACAMBMGa5IM/PqhERNPkSGYVjIOtlV7lC/fN7vwgrOwICQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJh4TeH22hB027B6D8G7of62tvAAAAAElFTkSuQmCC);width:8.38541667vw;color:#2d99ff}.portraitScreen .customMask .customDialog .box5 .main .tabContent .value{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZQAAACkAgMAAADNpjAqAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAZJjLWYa0koT8PQAAAAN0Uk5TEVRfwpHZrAAAAGdJREFUeNrt3DEVACAMQ8GaZMEfCyoxQTP03TdwCpJaiSqj7NvfSSnVH4VCoVAoFAqFQqFQKBQKhUKhUCgUCoVCoVAoFAqFQqFQKBQKhUKhUCgUCoVCoVAoFAqFQqFQPiqDNu+Dvggepegsm9IaIMYAAAAASUVORK5CYII=)}.portraitScreen .ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
|
