2 lines
6.2 KiB
CSS
2 lines
6.2 KiB
CSS
.center[data-v-e328b2a4]{width:100%;height:100%}.center .imgrotate[data-v-e328b2a4]{transform:rotate(180deg)}.center .title[data-v-e328b2a4]{width:100%;height:45px;background:url(/assets/title.d59867f0.png);background-repeat:no-repeat;background-size:110% 100%;color:#fff;font-size:18px;font-weight:700;line-height:45px;padding-left:46px;display:flex;align-items:center;cursor:pointer;justify-content:space-between}.center .title span[data-v-e328b2a4]{width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:linear-gradient(180deg,rgb(255,255,255) 33.33%,rgb(41,255,219) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.center .title p[data-v-e328b2a4]{width:79px;height:25px;border-radius:20px;font-size:14px;background:linear-gradient(180deg,rgb(16,111,111) 0%,rgb(47,214,214) 100%);border:1.5px solid rgb(23,194,180);display:flex;justify-content:center;align-items:center}.leftWra[data-v-e328b2a4]{position:absolute;top:10px;left:20px;height:calc(100vh - 100px);width:23%;background:rgba(2,31,26,.85);box-shadow:inset 0 0 15px 6px #29ffff80;transition:transform 1s}.leftWra .leftFoldDiv[data-v-e328b2a4]{width:30px;height:30px;position:absolute;right:-14%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#ccc}.leftWra .leftTop[data-v-e328b2a4]{max-width:calc(100% - 20px);display:flex;flex-direction:column}.leftWra .leftTop .areaDiv[data-v-e328b2a4]{width:100%;height:327px;opacity:1;padding:1px;display:flex;justify-content:center}.leftWra .leftbottom[data-v-e328b2a4]{height:35%;display:flex;flex-direction:column;max-width:calc(100% - 7px);align-items:center}.leftWra .leftbottom .typesofDiv[data-v-e328b2a4]{width:375px;height:397px;background:url(/assets/bj1_00000_iSpt.70ffb6dc.png);background-repeat:no-repeat;background-size:85% 85%;background-position:center}.rightWra[data-v-e328b2a4]{position:absolute;top:10px;right:20px;width:23%;height:calc(100vh - 100px);opacity:1;display:flex;flex-direction:column;align-items:center;background:rgba(2,31,26,.85);box-shadow:inset 0 0 15px 6px #29ffff80;transition:transform 1s}.rightWra .rightFoldDiv[data-v-e328b2a4]{width:30px;height:30px;position:absolute;left:-8%;top:50%;transform:translateY(-50%);font-size:30px;color:#ccc}.rightWra .rightTop[data-v-e328b2a4]{width:100%;height:40%;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.rightWra .rightTop .nonFarmlandDiv[data-v-e328b2a4]{width:100%;height:340px;opacity:1;display:flex;justify-content:center}.rightWra .rightTop .ProgressBar[data-v-e328b2a4]{width:100%;height:9px;opacity:1}.rightWra .rightbottom[data-v-e328b2a4]{width:100%;height:455px;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:13px}.rightWra .rightbottom .el-select[data-v-e328b2a4]{width:80%;font-size:14px;color:#333;background:rgb(22,94,102);margin-top:20px}.rightWra .rightbottom .el-select[data-v-e328b2a4] .el-input__wrapper{background-color:transparent;border-radius:0;box-shadow:none}.rightWra .rightbottom .el-select[data-v-e328b2a4] .el-input__inner{color:#ffffffb3}.rightWra .rightbottom .typesofDiv[data-v-e328b2a4]{width:100%;height:368px;background-repeat:no-repeat;background-size:85% 85%;background-position:center}.rightWra .rightbottom .ASdivision[data-v-e328b2a4]{width:100%;height:368px;opacity:1;display:flex;justify-content:center}.rightWra .rightbottom[data-v-e328b2a4] .el-select__popper,.rightWra .rightbottom[data-v-e328b2a4] .el-popper{border:none!important;background:transparent!important}.legend[data-v-e328b2a4]{position:absolute;right:25%;bottom:7%;width:129px;border:1px solid rgb(4,153,153);--el-collapse-border-color: none;--el-collapse-content-bg-color: none}.legend[data-v-e328b2a4] .el-collapse-item__header{background:rgba(2,31,26,.6);color:#fff;text-align:center;padding:0 30px;font-size:14px}.legend --el-collapse-content-bg-color[data-v-e328b2a4]{background:rgba(2,31,26,.6)}.legend[data-v-e328b2a4] .el-collapse-item__content{background:rgba(2,31,26,.6);padding:0 10px 10px}.legend p[data-v-e328b2a4]{margin:10px;font-size:14px;font-weight:400;letter-spacing:0px;line-height:0px;color:#fff;text-align:center}.legend .mt-4 .el-checkbox[data-v-e328b2a4]{height:30px;width:100%;margin-bottom:2px;padding-left:10px;font-size:14px;font-weight:400;letter-spacing:0px;line-height:0px;color:#fff;text-align:left}.legend[data-v-e328b2a4] .el-checkbox__label{display:flex;align-items:center}.bottom_center[data-v-e328b2a4]{position:absolute;left:-2%;right:0;margin:auto;width:calc(100% - 800px - 20vw);min-width:380px;bottom:5%;height:75px;opacity:1;border-radius:5px;background:rgba(2,31,26,.6);border:1px solid rgb(4,153,153)}.tool[data-v-e328b2a4]{position:absolute;right:30%;top:8%;width:30px;height:280px;opacity:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:none}.ol-popup[data-v-e328b2a4]{position:absolute;background-color:#eee;-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #cccccc;bottom:12px;left:-50px;min-width:280px}.ol-popup[data-v-e328b2a4]:after,.ol-popup[data-v-e328b2a4]:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.ol-popup[data-v-e328b2a4]:after{border-top-color:#eee;border-width:10px;left:48px;margin-left:-10px}.ol-popup[data-v-e328b2a4]:before{border-top-color:#ccc;border-width:11px;left:48px;margin-left:-11px}.ol-popup-closer[data-v-e328b2a4]{text-decoration:none;position:absolute;top:11px;right:15px;color:#fff!important}.ol-popup-closer[data-v-e328b2a4]:after{content:"\2716";font-size:18px}#popup[data-v-e328b2a4]{border-radius:5px;background:rgb(2,31,26);padding:30px 8px 20px;color:#fff;box-shadow:inset 0 0 15px 6px #29ffff80;border:rgb(41,255,255)}.back_button[data-v-e328b2a4]{position:absolute;right:30%;top:20px}.select_city{background:rgba(2,31,26,.85);box-shadow:inset 0 0 15px 6px #29ffff80}.select_city .el-select-dropdown__item.hover{background:rgba(2,31,26,.95);box-shadow:inset 0 0 15px 6px #29ffffb3}.select_city .el-select-dropdown__item{color:#fff}.el-select__popper,.el-popper{border:none!important;background:transparent!important}.el-popper__arrow:before{background:rgba(41,255,255,.7)!important}
|