.card{width:100%;margin-bottom:20px;display:flex;flex-direction:column}.card .card-head{height:40px;line-height:40px;display:flex;background-color:rgba(0,147,167,.4)}.card .card-head .card-head-icon{width:40px;height:40px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAAAXNSR0IArs4c6QAAAl1JREFUeF7t2b8vQ1EUB/DzUhKRiHRgRYhBIjGISEgTwmQyCJEwMvTfIZhsfk0Wi6WDJhaLGCxSewfShaGVypW8qOe1vd9G7j03vlbfxr0f33fSvBPJ3tmO8MdaICKYtdVXkGCYF8FAL4IRDBUA85xhBAMFwDgbRjBQAIyzYQQDBcC4u4atLW/JZeFEqrUP8Iyq4u7A8utH8vZekqubQym/VlQpAIdxC2YOVq1V5Pb+QB6enoFzqom6BzNXr9dr8lg6lcJdUY2E5UH8gMWHK78UQ5trfsEMXGBzzT9YYHNNB1hAc00PWDzX9s93LeevlxjBQHaCEQwUAONsGMFAATDOhhEMFADjbBjBQAEwzoYRDBQA4/obpmwXoB9M2S7AHdjC9LxMjG6KSKblU5B8W2HAFL0zcwdmLj05NiJzU3nJZPqaojUDU/LOzC2YufRgtl9Wcnnp7RlKRWsFpmAX4B7MXLq7KyOri9sykJ39hWYDZj7kaRfgByxWWprJyfjwhkTR91yzBfM01/yCpc01BMzDXPMPlpxrKFjcVke7AB1gjXPt4vr4x1yLv1a0+0b+78CagRCsXVUSvycYwUABMM6GEQwUAONsGMFAATDOhhEMFADjbBjBQAEwzoaBYJ3uAsA/YxvX87ai1Yk72QXYCoC5MMCS78zSLsnXOykqyC4AbI5tPJyGNd7IZhdgKwDmwgQzl0zONT6SFv/6xh0nwSzATCSea8ldgOXH0Vi4jyR60z/KEwyEJBjBQAEwzoYRDBQA42wYwUABMM6GEQwUAONsGMFAATDOhhEMFADjnw6BinR0qJvrAAAAAElFTkSuQmCC);background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0}.card .card-head .card-head-text{display:flex;align-items:center;padding-left:10px;flex-grow:1}.card .card-head .card-title{height:21px;font-size:21px;line-height:21px;color:#55c1ff}.card .card-head .card-subtitle,.card .card-head .card-title{font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500}.card .card-head .card-subtitle{font-size:13px;line-height:13px;margin-top:8px;color:#41a0d2;margin-left:10px}.card .card-body{flex-grow:1;background-color:rgba(0,147,167,.2);padding:18px}.processBox[data-v-d5014e54]{height:11px;border-radius:8px;overflow:hidden;background-color:rgba(0,147,167,.32);display:flex;align-items:center}.processBox .bgBox[data-v-d5014e54],.processBox .qgBox[data-v-d5014e54]{display:flex}.processBox .bgBox[data-v-d5014e54]{position:relative;height:11px}.processBox .qgBox[data-v-d5014e54]{position:absolute;top:0;left:0;width:100%;height:100%}.processBox .bg[data-v-d5014e54]{display:none}.processBox .bg[data-v-d5014e54],.processBox .qg[data-v-d5014e54]{margin-bottom:1px;height:100%;transform:skewX(-45deg)}.processBox .active[data-v-d5014e54]{color:red}[data-v-d5014e54] .popper__arrow:after{border-top-color:#ccc}.processTip,.processTip1{padding:5px 20px!important;color:#64ae8f;font-weight:700;font-size:15px;width:95px;text-align:center;border-radius:0;border:1px solid #ccc!important;box-shadow:0 2px 5px 2px rgba(0,0,0,.12);top:125px!important}.processTip1{color:#da5953}.el-tooltip__popper[x-placement^=top] .popper__arrow,.el-tooltip__popper[x-placement^=top] .popper__arrow:after{border-top-color:#ccc!important}.seamless-warp{height:166px;overflow:hidden}.seamless-warp .text{text-indent:30px;font-size:14px;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;color:#55c1ff;line-height:30px}@font-face{font-family:HuXiaoBo-NanShen-Regular;src:url(../fonts/HuXiaoBoNanShenTi-2.1c6242d6.otf)}@font-face{font-family:Source Han Sans CN-Medium;src:url(../fonts/SourceHanSansSC-Medium-2.ebc3cd48.otf)}@font-face{font-family:Source Han Sans CN;src:url(../fonts/SourceHanSansSC-Regular-2.56195441.otf)}.page{background-image:url(../img/bg.86090834.png);background-size:100% 100%;background-repeat:no-repeat;padding:15px}.page .map{background-image:url(../img/map.c33ed05c.png);position:absolute;left:0;top:0;width:100%;z-index:0}.page .content,.page .map{background-size:100% 100%;background-repeat:no-repeat;height:100%}.page .content{background-image:url(../img/head.54b42005.png);padding:0 30px 23px 30px;color:#fff}.page .content .head{height:87px;display:flex;justify-content:space-between}.page .content .head .date{width:400px;line-height:130px;flex-shrink:0;display:flex;align-items:center;font-size:21px;left:21px;font-family:HuXiaoBo-NanShen-Regular,HuXiaoBo-NanShen;font-weight:400;color:#55c1ff;margin-bottom:20px}.page .content .head .date2{justify-content:flex-end}.page .content .head .date2 img{margin-right:20px}.page .content .head .title{flex-grow:1;display:flex;justify-content:center;align-items:center}.page .content .head .title img{margin-bottom:12px}.page .content .body{height:calc(100% - 87px);display:flex;justify-content:space-between}.page .left{width:519px;display:flex;flex-direction:column}.page .card1 .card-body{display:flex;align-items:center;justify-content:space-between}.page .card1 .card1-item{width:143px;height:81px;background-image:url(../img/组\ 116@2x.da0be310.png);background-size:100% 100%;background-repeat:no-repeat;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between}.page .card1 .card1-item .name{font-size:12px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:#55c1ff}.page .card1 .card1-item .value{display:flex;align-items:flex-end;justify-content:flex-end}.page .card1 .card1-item .value .value1{font-size:25px;line-height:25px;font-family:HuXiaoBo-NanShen-Regular,HuXiaoBo-NanShen;font-weight:400;color:#00eff2}.page .card1 .card1-item .value .value2{font-size:14px;line-height:14px;margin-bottom:2px;margin-left:6px}.page .card2{height:333px}.page .card3{margin-bottom:0}.page .card3 .card3-item{display:flex;align-items:center;margin-top:20px;justify-content:space-between}.page .card3 .card3-item .name{color:#55c1ff}.page .card3 .card3-item .day,.page .card3 .card3-item .name{height:16px;font-size:16px;line-height:16px;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400}.page .card3 .card3-item .day{color:#fff}.page .card3 .card3-item:first-child{margin-top:0}.page .right{width:519px}.page .card5 .card-body{padding:10px 0}.page .card5 .book-rank-table{width:100%}.page .card5 .book-rank-table th{color:#fff}.page .card5 .book-rank-table td,.page .card5 .book-rank-table th{font-size:16px;font-weight:500;font-family:Source Han Sans CN-Medium,Source Han Sans CN;text-overflow:ellipsis;text-align:center;line-height:28px}.page .card5 .book-rank-table td .index,.page .card5 .book-rank-table th .index{width:80px}.page .card5 .book-rank-table td .name,.page .card5 .book-rank-table th .name{width:230px}.page .card5 .book-rank-table td .author,.page .card5 .book-rank-table th .author{width:120px}.page .card5 .book-rank-table td .count,.page .card5 .book-rank-table th .count{width:100px}.page .center{flex-grow:1;position:relative}.page .center .box1{position:absolute;right:65px;top:30px;width:209px;height:157px;background:rgba(0,147,167,.2);border-radius:0 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.page .center .box1 .name{text-align:center;height:16px;font-size:16px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:#fff;margin-bottom:20px}.page .center .box1 .box1-item{width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page .center .box1 .box1-item img{width:30px;height:28px;margin-right:14px}.page .center .box1 .box1-item .value{flex-grow:1;display:flex;align-items:center;font-size:23px;line-height:28px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500}.page .center .box1 .box1-item .value .value1{margin-right:24px}.page .center .box1 .box1-item1{color:#00bd7e}.page .center .box1 .box1-item2{color:#55c1ff;margin-bottom:0}.page .center .box1 .left1{top:-3px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAAcxJREFUeF7tm7FOAkEQhv+BUFhoI6+A78AD2BqNiXJEC3oO7dTKK4mFCaAFDYXRI6GxstDEwkJLSwp7rbSxMJEoY1YgiAK3pbD/tbu53Hw3883cJico1xWCiEuB6E1RN/mv658QbInjIN6gsoJC5splEI8QWUI+c29S1U0Qqk2ILML3nnr16iAIvYS211DYeP0pLcdA6AleHnIIgvZvc7sCQgHdhZ89GNW6ph+EooUYMsh75+P693SDUH2GxJfhr99GDTEGRBGCnfEbtQg/uxd1s0leJ4ju2yMIghgsZGYEM4IZMbS5sTRYGiwNlkbUtwZH7O4JFUEQRL9Y2D7ZPtk+2T7ZPi2OzihLypKypCwpS8rSggBlSVlSlpSlhSo4WVKWlCVlSVlSlhYEKEvKkrKkLC1UwcmSsqQsKUvKkrK0IEBZUpYjZBkEMcwvNABZHZ1IWoKf3bZPtMnb2fn19bAxg8THNSDp4SG4AsJEXw2TeMcdRFJ/YbgEwkRfOktBxMBIDsJwDYSJ/ihMQ3EDSKIPw0UQJvpKmAOkRhDfMOoBgP0ODFczopcKlbAGSI4gqtUEWrMXAJpuzBHj5p/y6Rxi8U3kvePJG5Psn/gLb+Rf+KB05nMAAAAASUVORK5CYII=)}.page .center .box1 .left1,.page .center .box1 .left2{position:absolute;left:-3px;width:32px;height:33px;background-size:100% 100%;background-repeat:no-repeat}.page .center .box1 .left2{bottom:-3px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAAdRJREFUeF7tm7FOwlAUhv8DYXDQRV4B34EHcDUajQJxYafgRpzsSGJihLqwMBgtCYuTgyYODjo6MrjrpIuDiUS55oIGUGi7lvPfrbkd7vl6zndPm15B2GicLQHJLZTzrbBb4zwvgYtvNlPoLV4C6MIp7MU50LC1B4Pw/BYgRcDU9YLw2i6AgyFJrSA8vwjImBM0gjjxszC4BSQ1qittIOrnGYjcQyQ9KRdNIJp+Gh+wEDL/DasFxFFnAanPG0Cy07cZDSBcN4HllQ4gm7P3Wg0gPP8YkEpww6EBRKNdg6AaAqIGp7Af1p3FeV5AEIPnRxA/aUwQBDFpNGYEM4IZMXWXZ2mwNFgaLI2gVwA6go6gI+gIOiLChxLKkrKkLClLypKyjECAsqQsKUvKMoIq2FlSlpQlZUlZUpYRCFCWlCVlSVlGUAU7S8qSsqQsKUvKMgIBypKypCzDZGkQfOjRnvIb/LYdu2HMCyS5DmfnLmzttrOcXxA2eoMeEsihlL/QmxGjyA2MqaJcOJwFY/4zYiJyc4rXxyJct/8XiDIQg1q5gulvo7z7Ng5DIQjLwnQhsgon//wLQyeIYfRPEFlDKfdgLzSDsPG/w8gGyrlr7SAsjC8IKt8DHmD4LSHnDwAAAABJRU5ErkJggg==)}.page .center .box1 .right1{top:-3px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAAc9JREFUeF7t2zFLQlEYxvHntTBoaKmp9gbHRhuFGpqCELpFg4tDmRBEq2221dXdJbwWSdHaB/A75FewpQYHsTduKJTo9WQO3nseV/Xi+/ec3z0ICsreMRQ3AOYQxYcCkHGDae8lbm0Loo8AFse9JXTP/ymEP125tgHVZwBroRs26AP/OYR/sZK3CtUXiCQiE2OiEP707u0SJHYPyHYkYkwcwp++UIhheb0CyFHoY/wrRH96t3oOkSsTd2c22FRCfCPq7eITNQjiMzvs1LEcdcHS3Sa0+wSRldDFmNqKCN3kAx/Y9YoQXASPocWxZ66wdwBD9L5ChmCI37uZK4Irgiti6B2OW4Nbg1uDWyPo+EsjaASNoBE0wuBHAmJJLIklsSSWxNKgALEklsSSWBpQwZMlsSSWxJJYEkuDAsSSWBJLYmlABU+WxJJYEktiSSwNChBLYkksiaUBFTxZ9iKVqteA5Ecn0zreXtPR/5tCYAhtoDOfwlm6bW8I1SYWkETWafmrxc4Qqi2oJpE/aPa3jH0hFG3ENIUTp/HTDftCQPeQc+qDeNoW4hK5/cKwO4hFIbSCnJMZdRu1JAQSiH/sIJvt2BvC9TJA9wGnh+9B59AvgTYbjMGAAx8AAAAASUVORK5CYII=)}.page .center .box1 .right1,.page .center .box1 .right2{position:absolute;right:-3px;width:32px;height:33px;background-size:100% 100%;background-repeat:no-repeat}.page .center .box1 .right2{bottom:-3px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAAXNSR0IArs4c6QAAAd9JREFUeF7tmzFLQlEYht9jYdDQUlPtDY6NNgo1NAUhdIsGF4cyIYhW23Srq7tLeC2SorUf4H/Iv2BLDQ5iX3ivQoZdjub1iud1Ey7nfN/D9z6cc+EqzPvPdlJA5xHnxx9+rap554Bi5QZADNHPPaTT7b/6NQSEygJSRsZKEYRH4BqZw9wwGAZNRL99OUDGqv2GYR4IQQsRSeDMqv+EYR6IbvciTYjEkT1q9GGYCcKD0cAS4khbze5fc0G4oyB1tBcTuEi2DAfhwqjh/S1JEC4LFOYfhO3koXDlf4KWPEF4riAIb1IIopcYgiCIQXlyIjgRnIihBwpGg9FgNBgNv9sGHUFH0BF0BB3BFzPuDPANVS8KBEEQg1bkRHAiOBFDTwqMBqPBaDAaftcIOoKOoCPoCDrCjwAdQUfQEXQEHaFBgLKkLClLylJDFbx9UpaUZfCyLN5vQzrPUGpNI5Wz9YjofJ4jGl/wlJx9fKEKhehsdahZzURA2JVLKFXQYapZ1vQf+xeIXC6C1c0yoE6mX/mEdxwbhH23AhV5ANTuhEsKZ7mxQBSddYi8QqlYOFUHsOvIIErVLYi8ANgIoJzwlhwJhF3dgZInAMvhVRzQztogSs4pBLcAFgIqJdxlNUF8A6jWG42zHF2rAAAAAElFTkSuQmCC)}.page .center .box2{top:auto;left:45px;bottom:27px;width:265px;height:290px;padding:5px 17px;justify-content:flex-start}.page .center .box2 .name{margin-bottom:0}.page .center .box2 .box2-item{display:flex;align-items:center;justify-content:space-between;margin-top:20px;width:100%}.page .center .box2 .box2-item .box2-item-name{color:#55c1ff}.page .center .box2 .box2-item .box2-item-name,.page .center .box2 .box2-item .box2-item-value{height:16px;font-size:16px;line-height:16px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500}.page .center .box2 .box2-item .box2-item-value{color:#00bd7e}.page .center .box3{position:absolute;right:125px;bottom:80px}.page .center .box3 .name{line-height:16px;font-size:16px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:#fff;margin-bottom:30px}.page .center .box3 .box3-item{display:flex;align-items:center;margin-bottom:30px}.page .center .box3 .box3-item .icon{width:20px;height:20px;margin-right:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABDRJREFUWEfNWVtS3DgU1VUbfkNWkGYFSVYw8ElZqgkrCFlBmhUEVhCygoEVQMpy8ZlkBdNZQZoVhP7FxnfquCSX7JZsdzepQV9Ulx7H99zHuRcSG648z98IIf5m5gN7xZ4QAr9hzYUQ9/iDmW+klD/SNMVvay9a58Tt7e308fHxkxACoKbrnBVCLIQQ3yeTyfnR0RH+HrVGAby+vt7b3d39yMxno24d2EREZw8PD1+Oj49rK/etQYB5np9UVfWZiEDhky1mvpdSnqZperkxwDzPP/VYbQnKiOimqqpFkiQLRx1coSzLqZRyyszvrEu8CAGBNdM0PY+BDFoQlO7s7HwWQpwEDt7ZS3u/vHsOTNiPfRW487IoitMQ5UGAxph/AuBgsTOl1MU2PGdZdkZEMyFE16KXSqkP3btXANoLEKn+WhLRwaapImDNN8z8vQuSmc+11q1AbAG0NMB6zWLmn2VZHoyJuHUsCzdKkgQ+/No/R0Qf/MBpANoDvzrRuiyKYvrU4Bwg6+vIiQ3diO6yLPfdmw3AALWjaM2y7J2U8jUqCjPXlYSI5kQECudpmn7tsywqUpdun+oaoK0QvzoXnfYFhL0Y7uDKWwwHwIK2aKkL+f1kMtlH2qoBGmOQMt57L9wppaKlLBJIvS44lO+MMaC6SUHM/EVrPXMAYb0GUNdR/Zc3Aeedj7ISCNCFUmqfLFX/epcslVLBshbYu07g1nuJ6G2MbmMManMTMNhLAYt8VUqhPK2sLMvgT620sDZCIeZKqbehc8aYG0g43+IAiFz0l/sxRi+ilYiuNwC0coSZj7XWANNaXZqZ+ccKQGY+1FojRbTWlr7XuitUMbAhy7IDIvrmNtcAjTGtAHHhHQDYsvQ2lsTDWmunxJurAj4+B0D2H1NKxQREy4G3BHivtX4Z8cMWnv8FoBAimim6BgPAVoJ8ThRDqDz/IHn2acYYA3ULee/WH03UoE1rHRQYwUTdDW3osViE/elSl2XZb1+P1qUOZusGyjMRC7WiismtWknEct2GVaVXX3YLRktuhQRrrBw50KC7qqrLIfEAn5NSnmwlWG0dRDvYdHO28z8c6uQgIqyqRh2tnZ+ZoZ5ryR8SBT4z9kO/+b63IvlxYEwDs015C50d06gNtp2wQlEUh0/d2VmDQLm0Uk607XRfGAqAsXSPtXCIVusa/Y27eyDQRMGvMI266Bv0jAGIgVRVVbPAtOxKKbUyC+obHmEG43d67n2IC8xorsYA8j4ad2GsEeoWr4qimI0eHvXR7ald6MN6/CalXDDz0kU8KCSiF1VVNeO32HxxKJ2NGmAyM6wZnO+tY8XOXkwuZlsNMN2FNh3Ab7pTr43wwWplWV6MyQyDFvQR2IoDP0I/ERpE9gG+w8Q/SZKLJx+ih161ygYDI9dD77myh/Lm/g0BH8Ugaagixb7sP9Lh6mtp5WYxAAAAAElFTkSuQmCC);background-size:100% 100%;background-repeat:no-repeat}.page .center .box3 .box3-item .text{line-height:16px;font-size:16px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:#b4b4b4}.page .center .box3 .box3-item.active .icon{line-height:16px;height:20px;margin-right:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA4xJREFUWEfVmY1RFEEQhV9HoEYgRKAXgRiBGoEQgRiBEIEYgRABEoEQgRCBEIEQwVjfzQ03Ozt/uwclThVVV3c7PW/f679pTHOXc68lvZO0szLxXBLfsS4l3a4+/5B0ITO+m7xs0g7ntiR9WYHi85R1Lelc0qHM+Ny1+gA6BzufJB10WW0/hJ1vMgssF3e0ATq3K+mrJEA+5ALcZ5kd14zWATqHnCXW7laS4WNIdn0vnXeF8Pd+5RLPCkAOZHZYApkH6CWFNdhL180SdOPNR7u8Erzsy4xNWITNkeQlgN8z4GAMYEcb6ewcIPclpYwey2wvtT0G6A0gbbwAtzM3VWTYJB0R0SlIInzgUkOAXgbYi9fVClwz4iYx690IkK+SfXux+6wB+g2/k2iFua2edDAJXHjYn0mAxUxCxHY4MwaYStsnq3NEKSxQUeJKAjuXMjurgvcVKZX7XmoP0KcF2IsXUVUOCG8YdwigSjgocchWLnV5v4fF6wCQMP8YnXAjs3IpyxtsqVzNd3IOqeMURKXZDwBhLwY0cNTByfPABRNlVcYBSuLfNnmpfkUg7mSWL2vjZ1us5X5fFOV2jgCJA2YBwDQ4zmSG44+Xc/hRmhamgiRwFgX7lE1auHvGAUgEvYm+zMvro/V0KprC8x9kBpjhGst8kQP4VmaATjfnKsxcvKOKsTTkHKnqZ2R0CTANkGV4ZwCmTM8Fxz467NCJr+2MffwSgG5wklmpgUgdeBOAtzJ7UfDDAZ5/BbCWKUYA0wT5lCS++i+C5MmnGbpb2vuwHjtRX8ks32A4l03UaamrRVj67JxIrpW6P0k/ugjNQhooT6FZWHZUpXZr2UkU6ZnX0bT6y7RgDNqtXMOaL0cBtc/69JGt5oE7ze5mDauvg2mtpXJQl+tDH99EALbU8o+bglga/6LU37jFS1p+D7B5gZkTEdU9HRe1nmsnDMLkY1w7YS5NOYVr59q3cm1Vn9y9FOdlZXfj4r4GmV6i+AWQR7VBTxc+P5CiOKTXihOZjWZBteERV874phfOJ2dyQzvpArR+aWyhTu62iK39/uFRXe7wK4xSx8P4jRbKR7yXkMsPYML4rTRfrKaz3gEmbJbme5OIjB5mcgFrGwww10zy9vhNOvWaC46BJf7czAxtBodJFcnwI5JybhBZA8zgE3cA2AMP0XPHej8DaLhDw3Ioe5S3+N8Q582KVHi1v1sFk/1bxWCJAAAAAElFTkSuQmCC);background-size:100% 100%;background-repeat:no-repeat}.page .center .box3 .box3-item.active .text{line-height:16px;font-size:16px;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:#0ff}body,html{padding:0;margin:0}*{box-sizing:border-box}#screen{z-index:100;transform-origin:0 0;position:fixed;left:50%;top:50%;transition:.3s}