.page{position:relative;width:100%;top:0;z-index:998}.page .left{position:absolute;top:0;left:0;height:100vh}.page .left .left-content{width:42.5vh;height:100%;background:linear-gradient(90deg,#000,rgba(0,0,0,.8),rgba(0,0,0,.1));padding-left:4.1666666667vh;padding-top:12.962962963vh;padding-right:2.7777777778vh;position:relative}.page .right{position:absolute;top:0;right:0;height:100vh}.page .right .right-content{width:42.5vh;height:100%;background:linear-gradient(270deg,#000,rgba(0,0,0,.8),rgba(0,0,0,.1));padding-left:2.7777777778vh;padding-top:12.962962963vh;padding-right:4.1666666667vh;position:relative}.page .left_close_btn{right:-1.3888888889vh}.page .left_close_btn,.page .right_close_btn{display:block;position:absolute;top:50%;width:1.3888888889vh;height:8.6111111111vh;cursor:pointer}.page .right_close_btn{left:-1.3888888889vh}.page .open{animation:fadeInLeft .5s 1}.page .close{animation:fadeInLefts .5s 1}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLefts{to{opacity:1;transform:translateX(0)}0%{opacity:0;transform:translateX(-100%)}}@keyframes marquee{0%{transform:translateY(0)}to{transform:translateY(-100%)}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app ::-webkit-scrollbar{display:none;width:0!important;height:0}@font-face{font-family:JDLangZhengTi;src:url(../../static/fonts/JDLangZhengTi.3f0227aa.ttf);font-weight:400;font-style:normal}@font-face{font-family:PingFang SC;src:url(../../static/fonts/PingFang\ SC.c42f2cf1.ttf);font-weight:400;font-style:normal}