#app,body,html{width:100%;height:100%;position:relative}.box[data-v-e4a6b7ec]{width:calc(500px*var(--scale));height:calc(300px*var(--scale))}.preview-container[data-v-e4a6b7ec]{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.preview-container .page-bg[data-v-e4a6b7ec]{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0}.preview-container .switch-box[data-v-e4a6b7ec]{display:flex;position:relative;width:calc(99px*var(--scale));height:calc(27px*var(--scale));margin-right:calc(24px*var(--scale));background:#f3f3f3;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.09);border-radius:calc(4px*var(--scale))}.preview-container .switch-box .item[data-v-e4a6b7ec]{flex:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:calc(12px*var(--scale));font-family:MicrosoftYaHei;color:#222;line-height:calc(16px*var(--scale));position:relative;z-index:2;cursor:pointer;transition:all .5s}.preview-container .switch-box .active[data-v-e4a6b7ec]{background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);border-radius:calc(4px*var(--scale));z-index:1;transform:translateX(0)}.preview-container .bg-box[data-v-e4a6b7ec]{width:100%;height:calc(100% - 100px*var(--scale));position:absolute;bottom:0;left:0;z-index:1;opacity:.65}.preview-container .bg-box .ring-wrap[data-v-e4a6b7ec]{--size:calc(920px*var(--scale))}.preview-container .bg-box .ring-inner[data-v-e4a6b7ec],.preview-container .bg-box .ring-wrap[data-v-e4a6b7ec]{width:var(--size);height:var(--size);border:calc(14px*var(--scale)) solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-container .bg-box .ring-inner[data-v-e4a6b7ec]{--size:calc(800px*var(--scale))}.preview-container .earth[data-v-e4a6b7ec]{width:100%;height:calc(100% - 50px*var(--scale));position:absolute;top:calc(50px*var(--scale));left:0;z-index:2}.preview-container .header[data-v-e4a6b7ec]{width:100%;height:calc(110px*var(--scale));position:relative;background:url(../img/preview-header-bg.f5b75c07.png) no-repeat;background-size:auto 100%;background-position:50%;z-index:9;display:flex;align-items:center;justify-content:space-between;padding-bottom:calc(30px*var(--scale))}.preview-container .header .date[data-v-e4a6b7ec]{font-size:calc(22px*var(--scale));font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#545454;line-height:calc(30px*var(--scale));padding-left:calc(60px*var(--scale))}.preview-container .header .buttons[data-v-e4a6b7ec]{display:flex;padding-right:calc(50px*var(--scale))}.preview-container .main[data-v-e4a6b7ec]{flex:1;width:100%;box-sizing:border-box;position:relative;flex-shrink:0;overflow:hidden;display:flex;justify-content:space-between;padding:0 calc(50px*var(--scale))}.preview-container .left[data-v-e4a6b7ec]{width:calc(412px*var(--scale));height:100%;position:relative;z-index:9;overflow-y:auto;overflow-x:visible}.preview-container .left .title[data-v-e4a6b7ec]{display:flex;align-items:center;padding:calc(10px*var(--scale));box-sizing:border-box}.preview-container .left .title .title-box[data-v-e4a6b7ec]{width:100%;display:flex;align-items:center;justify-content:space-between}.preview-container .left .title .line[data-v-e4a6b7ec]{width:5px;height:calc(24px*var(--scale));background:#0a3869;border-radius:3px;margin-right:calc(12px*var(--scale))}.preview-container .left .title .text[data-v-e4a6b7ec]{flex:1;height:calc(33px*var(--scale));font-size:calc(24px*var(--scale));font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#222;line-height:calc(33px*var(--scale))}.preview-container .left .card[data-v-e4a6b7ec]{width:calc(412px*var(--scale));height:calc(190px*var(--scale));background:linear-gradient(180deg,#fff,#f5f7f9);box-shadow:0 10px 15px 0 rgba(0,0,0,.05);border-radius:calc(20px*var(--scale));border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin:calc(18px*var(--scale)) 0;flex-shrink:0}.preview-container .left .card .icon-box[data-v-e4a6b7ec]{width:calc(70px*var(--scale));height:calc(70px*var(--scale));position:relative}.preview-container .left .card .icon-box img[data-v-e4a6b7ec]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(120px*var(--scale));height:calc(120px*var(--scale));max-width:calc(120px*var(--scale))}.preview-container .left .card .item[data-v-e4a6b7ec]{width:calc(120px*var(--scale));margin-left:calc(20px*var(--scale))}.preview-container .left .card .item .number[data-v-e4a6b7ec]{display:flex;align-items:flex-end}.preview-container .left .card .item .number .value[data-v-e4a6b7ec]{font-size:calc(24px*var(--scale));color:#222;font-weight:700;font-family:PingFang-SC-Bold,PingFang-SC;line-height:calc(40px*var(--scale))}.preview-container .left .card .item .number .unit[data-v-e4a6b7ec]{font-family:PingFang-SC-Bold,PingFang-SC;font-size:calc(16px*var(--scale));color:#222;line-height:calc(34px*var(--scale));margin-left:calc(4px*var(--scale))}.preview-container .left .card .item .label[data-v-e4a6b7ec]{font-size:calc(16px*var(--scale));font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:grey;line-height:calc(22px*var(--scale))}.preview-container .right[data-v-e4a6b7ec]{width:calc(412px*var(--scale));height:100%;position:relative;z-index:9;overflow-y:auto;overflow-x:hidden}.preview-container .right .title-box[data-v-e4a6b7ec]{width:calc(412px*var(--scale));height:calc(55px*var(--scale));background:#fff linear-gradient(180deg,#fff,#f5f7f9);box-shadow:0 0 15px 0 rgba(0,0,0,.05);border-radius:15px;border:1px solid #fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.preview-container .right .title-box .project-select[data-v-e4a6b7ec]{width:100%}.preview-container .right .title-box .project-select[data-v-e4a6b7ec] .el-input__inner{border:none;font-size:calc(20px*var(--scale));font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#222}.preview-container .right .title-box .text[data-v-e4a6b7ec]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(20px*var(--scale));font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#222;line-height:calc(29px*var(--scale));padding:0 calc(20px*var(--scale));box-sizing:border-box}.preview-container .right .title-box .icon-box[data-v-e4a6b7ec]{display:flex;align-items:center}.preview-container .right .title-box .icon-box .icon[data-v-e4a6b7ec]{width:calc(30px*var(--scale));height:calc(30px*var(--scale));margin:0 2px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .3s}.preview-container .right .title-box .icon-box .icon img[data-v-e4a6b7ec]{width:calc(16px*var(--scale));height:calc(16px*var(--scale))}.preview-container .right .title-box .icon-box .icon[data-v-e4a6b7ec]:active{background:rgba(0,0,0,.1)}.preview-container .right .card[data-v-e4a6b7ec]{width:calc(412px*var(--scale));height:calc(245px*var(--scale));background:#fff linear-gradient(180deg,#fff,#f5f7f9);box-shadow:0 0 15px 0 rgba(0,0,0,.05);border-radius:calc(20px*var(--scale));border:1px solid #fff;margin-top:calc(15px*var(--scale));display:flex;flex-direction:column}.preview-container .right .card .title[data-v-e4a6b7ec]{display:flex;align-items:center;justify-content:space-between;height:calc(40px*var(--scale));padding-top:calc(10px*var(--scale))}.preview-container .right .card .title .text[data-v-e4a6b7ec]{font-size:calc(17px*var(--scale));font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#222;line-height:calc(24px*var(--scale));padding:0 calc(18px*var(--scale))}.preview-container .right .card .row1[data-v-e4a6b7ec]{width:calc(372px*var(--scale));height:calc(68px*var(--scale));background:#f4f6f8;border-radius:calc(8px*var(--scale));display:flex;margin:calc(12px*var(--scale)) auto 0;padding:0 calc(8px*var(--scale));flex-shrink:0}.preview-container .right .card .row1 .col[data-v-e4a6b7ec]{flex:1;flex-shrink:0;display:flex;align-items:flex-end}.preview-container .right .card .row1 .col .icon-box[data-v-e4a6b7ec]{position:relative;width:calc(56px*var(--scale));height:calc(56px*var(--scale))}.preview-container .right .card .row1 .col .icon-box img[data-v-e4a6b7ec]{width:calc(56px*var(--scale));height:calc(56px*var(--scale))}.preview-container .right .card .row1 .col .info[data-v-e4a6b7ec]{height:100%;display:flex;justify-content:center;flex-direction:column}.preview-container .right .card .row1 .col .info .cell[data-v-e4a6b7ec]{display:flex;align-items:center}.preview-container .right .card .row1 .col .info .cell .label[data-v-e4a6b7ec]{font-size:calc(14px*var(--scale));font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#222;line-height:calc(26px*var(--scale))}.preview-container .right .card .row1 .col .info .cell .value[data-v-e4a6b7ec]{font-size:calc(14px*var(--scale));font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#083768;line-height:calc(26px*var(--scale));margin-left:calc(12px*var(--scale))}.preview-container .right .card .row2[data-v-e4a6b7ec]{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-around;box-sizing:border-box}.preview-container .right .card .row2 .col[data-v-e4a6b7ec]{padding:0 0 0 calc(20px*var(--scale))}.preview-container .right .card .row2 .col .cell[data-v-e4a6b7ec]{display:flex;align-items:center}.preview-container .right .card .row2 .col .cell .label[data-v-e4a6b7ec]{width:calc(50px*var(--scale));font-size:calc(14px*var(--scale));font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#222;line-height:calc(35px*var(--scale))}.preview-container .right .card .row2 .col .cell .progress-box[data-v-e4a6b7ec]{flex:1;height:8px;background:#dde1e8;box-shadow:0 6px 4px 0 rgba(0,0,0,.03);border-radius:calc(4px*var(--scale));position:relative;overflow:hidden}.preview-container .right .card .row2 .col .cell .progress-box .progress-bar[data-v-e4a6b7ec]{height:calc(8px*var(--scale));background:#0a3869;border-radius:calc(4px*var(--scale));position:absolute;top:0;left:0}.preview-container .right .card .row2 .col .cell .value[data-v-e4a6b7ec]{width:calc(100px*var(--scale));font-size:calc(14px*var(--scale));font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#222;line-height:calc(20px*var(--scale));margin-left:calc(8px*var(--scale))}.preview-container .right .chart-card[data-v-e4a6b7ec]{width:calc(412px*var(--scale));height:calc(380px*var(--scale));position:relative}.preview-container .right .chart-card .chart[data-v-e4a6b7ec]{width:100%;height:100%;position:relative;z-index:3}.preview-container .right .chart-card .wrap-ring[data-v-e4a6b7ec]{--w:calc(320px*var(--scale));width:var(--w);height:var(--w);border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;box-shadow:0 4px 28px #ccc,inset 0 4px 8px #ccc;border:2px solid #fff}.preview-container .right .chart-card .inner-ring[data-v-e4a6b7ec]{--w:calc(230px*var(--scale));width:var(--w);height:var(--w);border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:inset 0 1px 4px #ccc}.preview-container .right .chart-card .label[data-v-e4a6b7ec]{position:absolute;top:83%;left:0;text-align:center;width:100%;z-index:3;font-size:calc(16px*var(--scale));font-weight:600}.preview-container .right .chart-card .unit[data-v-e4a6b7ec]{position:absolute;top:47%;left:56%;font-size:calc(18px*var(--scale));font-weight:700;z-index:3}.preview-container .right .chart-card .split-line-box[data-v-e4a6b7ec]{--w:calc(284px*var(--scale));width:var(--w);height:var(--w);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-150deg);z-index:3}.preview-container .right .chart-card .split-line-box .line[data-v-e4a6b7ec]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.preview-container .right .chart-card .split-line-box .line[data-v-e4a6b7ec]:after{content:"";width:calc(3px*var(--scale));height:calc(var(--scale)*11014);position:absolute;top:0;left:50%;transform:translateX(-50%);background:#fff}.preview-container .right .chart-card .inner-split-line-box[data-v-e4a6b7ec]{--w:calc(230px*var(--scale));width:var(--w);height:var(--w);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-150deg);z-index:2}.preview-container .right .chart-card .inner-split-line-box .line[data-v-e4a6b7ec]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.preview-container .right .chart-card .inner-split-line-box .line[data-v-e4a6b7ec]:after{content:"";width:2px;height:calc(14px*var(--scale));position:absolute;top:0;left:50%;transform:translateX(-50%);background:#bcc5ce}.preview-container .left[data-v-e4a6b7ec]::-webkit-scrollbar,.preview-container .right[data-v-e4a6b7ec]::-webkit-scrollbar{display:none}.marsBlackPanel{min-width:90px;min-height:35px;position:absolute;left:16px;bottom:31px;cursor:default;opacity:.96;border:1px solid #14171c;box-shadow:0 2px 21px 0 rgba(33,34,39,.55);border-radius:4px;box-sizing:border-box;background:linear-gradient(0deg,#1e202a,#0d1013)}.marsBlackPanel-text{width:100%;height:100%;min-height:33px;text-align:center;padding:10px 5px 0 5px;margin:0;font-size:14px;font-weight:400;color:#fff;border:1px solid hsla(0,0%,100%,.3098039216);box-sizing:border-box;white-space:nowrap}.marsBlackPanel:before{content:"";width:calc(100% + 22px);height:39px;position:absolute;bottom:-39px;left:-22px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAAlCAYAAACj1PQVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJFMTU1RjExN0UzMTFFOTg3RTBFODdGNTY0NThGQkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJFMTU1RjIxN0UzMTFFOTg3RTBFODdGNTY0NThGQkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMkUxNTVFRjE3RTMxMUU5ODdFMEU4N0Y1NjQ1OEZCRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMkUxNTVGMDE3RTMxMUU5ODdFMEU4N0Y1NjQ1OEZCRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj97JFoAAAV9SURBVHja7N1faJ1nHQfw33nzpuekaZfWNFmbLHXWdf7DWgvebF4M0SEZhTG8mKvFyzG9UJFKh9peVGnd0DkE/10Ic6s6BBEGbshggho3BVGnRnC2s1n/ras2J2uzc05PXp+3yZzSm7XJkvfi84HveZ9z3ve8F7/bL8/71oqiiMs8NhCLsCllfcpfAwAAAAAAAIDlsXM68jfgtl9K2Z3Sa8IAAAAAAAAAb7hjKW8uF9kS3/jdKR9PaZkxAAAAAAAAwPJa6h3A96X0pBxK+bLxAgAAAAAAACyfpSyAP5jy4ZQXUh747687p00ZAAAAAAAAYBlkS3if+xfW+1MuGC0AAAAAAADA8lqqAnh3yvaUZ1MeMlYAAAAAAACA5bcUBXBfyoGF9edSusYKAAAAAAAAsPyWogD+VMpYypMpTxgpAAAAAAAAwMpYbAG8IWVvylzKHuMEAAAAAAAAWDmLLYC/mDKQ8nDKH4wTAAAAAAAAYOUspgC+IeWelNmYL4IBAAAAAAAAWEGLKYAPpfSmfD1lyigBAAAAAAAAVtbVFsA3pdyR8lLMF8EAAAAAAAAArLCrKYBrKfcvHA+kNI0RAAAAAAAAYOVdTQFc7vwtdwA/l/ItIwQAAAAAAACohistgMt3/h5cWO9N6RghAAAAAAAAQDVcaQF8d8rWlImUnxgfAAAAAAAAQHVcSQF8Tcq+lCJlz8IRAAAAAAAAgIq4kgK4fOTzUMzv/J0wOgAAAAAAAIBqeb0F8FjKp2P+nb97jQ0AAAAAAACgel5vAXwgpS/l2ynPGRsAAAAAAABA9eSjd370sh+P7/q/r9tTdqc0Y74IBgAAAAAAAKCC8v9Zl7uB6yn9o4fHG+lYS2n/867Hv5bXivLcoZQzRgYAAAAAAABQTfnw5nvjxWMHe9N6cP+OyVtv2nj2ruFG6209WbGqM5c181rx9m5RO/ngn2/4zlf/tLV2fNfPCmMDAAAAAAAAqJ68LH+HGq2xRz7wu2+8a31zvCgiLs5FlC3vqp4YKS8638mzqZf7tqXlb1MuGBsAAAAAAABA9ZSPdh58tfyd7UScOh9xYjqLszNZlGVwN6U/71z7hR1/e/g9g9NbRg+P9xobAAAAAAAAQPVk+3ZMfujV8vf0TC3WXWzE9ZveHyNjt0UxOxCnp7NotiPWr2pfl67dk/6zxtgAAAAAAAAAqie7eePZXeVO33OtiOGsHqtvfjDi1scibnkkesafipHVI3HuQi3a3Yh3rpsZT/+5ZvTweM3oAAAAAAAAAKolH2q0byzf+dtuZ9G/8b0RW+587ezat0a84xPR+8z+aHU7MVDvbLhl05lrf3FyaGr08Hj5muA4/qMfmiIAAAAAAABABWS1KPJLTW75UR+8/Ir6uksvCi6K+a/Dfa26sQEAAAAAAABUT/ZyJz+Z19IiL6J7eiLi/NRrZ4tuxNEfRzvmorcnoj2XvfL41MZTMV8XAwAAAAAAAFAh2eS5tU9kWcRAo4ipC9MRP98ZMfnNiH/8IOLJO+LMC7+ORl83Gj0RR5r9z8x08nOhAAYAAAAAAAConPyzT2976H1D//7YYL21ZW5NN442n4/ep/ddeuxzK+air68bb2pEdCN75dEj192Xfp4xNgAAAAAAAIDqyWY6+akHnt16d7Oz6uRAPWJkoIi1azuxek0nhge6MdQXUatlrZ8+P/L5706+ZSLKXhgAAAAAAACAyik3+s5+/++bJ+751fbbfv/S+kc7c/l0WQSva0TUe2rtIzNrJr7yxxs/8pnfbPteurY5vPlej38GAAAAAAAAqKC8LHRfPHZw9penNvwl5ZP1nrmB268/MdafX+x96sTQ8aMz/f9K102ntJS/AAAAAAAAANX1HwEGAM75MhcANnAkAAAAAElFTkSuQmCC) 0 0 no-repeat;background-position:0 0}.marsBlackPanel-highlight{border:2px solid #ff0}