html,body{margin:0;height:100%;overflow:hidden}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,STHeiTi,Arial,sans-serif;line-height:20px}body{font-size:14px;background:#fff;color:#000}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;word-break:break-all}ul,li{list-style:none}input,textarea{vertical-align:middle;font-size:100%}textarea{overflow:auto;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block}em,i{font-style:normal;font-size:100%}img{max-width:100%;vertical-align:middle;border:0 none;-ms-interpolation-mode:bicubic}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;outline:0 none}.center{text-align:center}.txtCenter{padding:15px 0;text-align:center}input[type=button]{outline:0}a{color:#000}a,a:visited,a:link{text-decoration:none}a:active{color:#0846a3;-webkit-tap-highlight-color:rgba(0,0,0,.2);text-decoration:none}img.lazy,img.newlazy{display:block;width:100%}body{position:relative;min-width:320px}.vertial{display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center}.hideSome:before{background:url(../img/icon.png?v=12) no-repeat;-webkit-background-size:60px auto;background-size:60px auto}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;width:100%}.box{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ellipsis2,.ellipsis3,.ellipsis4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all}.ellipsis2{height:40px;-webkit-line-clamp:2}.ellipsis3{height:60px;-webkit-line-clamp:3}.ellipsis4{height:80px;-webkit-line-clamp:4}div{display:block;-webkit-tap-highlight-color:transparent}.clearfix:after,.carList:after{content:'\0020';display:block;height:0;clear:both}.clearfix{zoom:1}html,body{min-height:100%}#main{padding-top:45px;overflow:hidden;-webkit-overflow-scrolling:touch;position:relative;z-index:10}.noTip{padding:10px;text-align:center;color:#999}.loadingMask,.showTipMask,.confirmMask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.02);z-index:99998}.loadingImg{height:40px;width:40px;position:absolute;margin:-20px 0 0 -20px;left:50%;top:50%;z-index:99999;-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:4px solid rgba(47,60,87,.15);border-right:4px solid rgba(47,60,87,.15);border-bottom:4px solid rgba(47,60,87,.15);border-top:4px solid rgba(47,60,87,.75);border-radius:100%}.loadgif{padding:20px 0;text-align:center;font-size:14px;color:#999}.loadgif span{position:relative;display:inline-block;padding-left:20px}.loadgif span i{position:absolute;width:10px;height:10px;margin-top:-7px;left:0;top:50%;-webkit-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:2px solid rgba(47,60,87,.15);border-right:2px solid rgba(47,60,87,.15);border-bottom:2px solid rgba(47,60,87,.15);border-top:2px solid rgba(47,60,87,.75);border-radius:100%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.wxTip{z-index:9998}.wxTip,.wxMask{position:fixed;width:100%;height:100%;left:0;top:0}.wxMask{z-index:9998;background:rgba(0,0,0,.8)}.wxContent{position:absolute;right:0;top:0;z-index:9999}.modal-overlay,.preloader-overlay,.popup-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:10600;visibility:hidden;opacity:0;-webkit-transition-duration:400ms;transition-duration:400ms}.modal-overlay.modal-overlay-visible,.preloader-overlay.modal-overlay-visible,.popup-overlay.modal-overlay-visible{visibility:visible;opacity:1}.popup-overlay{z-index:10200}.modal{position:fixed;z-index:111000;left:50%;top:50%;width:280px;margin-left:-140px;border-radius:20px;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;color:#3d4145;opacity:0}.comfirmModal{-webkit-transform:scale(1.2);transform:scale(1.2)}.modal.modal-in{opacity:1;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transform:scale(1);transform:scale(1)}.modal.modal-out{opacity:0;z-index:10999;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transform:scale(0.815);transform:scale(0.815)}.toast{background:rgba(0,0,0,.8);border-radius:20px;color:#fff;padding:8px 15px;font-size:14px;width:auto}.modal-inner{padding:10px;border-radius:5px 5px 0 0;position:relative;background:#e8e8e8}.modal-inner:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:0;width:100%;border-bottom:1px solid #b5b5b5;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.modal-title{font-weight:500;font-size:14px;text-align:center}.modal-title+.modal-text{margin-top:10px}.modal-buttons{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.modal-buttons.modal-buttons-vertical{display:block;height:auto}.modal-button{width:100%;padding:10px 5px;font-size:14px;text-align:center;color:#0894ec;background:#e8e8e8;display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1}.modal-button:after{content:'';position:absolute;right:0;top:0;left:auto;width:0;height:100%;display:block;z-index:15;border-left:1px solid #b5b5b5;-webkit-transform-origin:100% 0;transform-origin:100% 0}.modal-button:first-child{border-radius:0 0 0 5px}.modal-button:last-child{border-radius:0 0 5px}.modal-button:last-child:after{display:none}.modal-button:first-child:last-child{border-radius:0 0 5px 5px}.modal-button.modal-button-bold{font-weight:500}html:not(.watch-active-state) .modal-button:active,.modal-button.active-state{background:#d4d4d4}.modal-buttons-vertical .modal-button{border-radius:0}.modal-buttons-vertical .modal-button:after{display:none}.modal-buttons-vertical .modal-button:before{display:none}.modal-buttons-vertical .modal-button:after{content:'';position:absolute;left:0;bottom:0;right:auto;top:auto;height:0;width:100%;border-bottom:1px solid #b5b5b5;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.modal-buttons-vertical .modal-button:last-child{border-radius:0 0 5px 5px}.modal-buttons-vertical .modal-button:last-child:after{display:none}.preloader-modal{position:fixed;left:50%;top:50%;padding:6px;margin-left:-20px;margin-top:-20px;background:rgba(0,0,0,.8);z-index:111000;border-radius:6px}.preloader-modal .preloader{display:block;width:40px;height:40px}.preloader{display:inline-block;width:40px;height:40px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:preloader-spin 1s steps(12,end) infinite;animation:preloader-spin 1s steps(12,end) infinite}.preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}@-webkit-keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.preloader-overlay{visibility:visible;opacity:0;background:0 0}.modal-no-buttons .modal-inner{border-radius:5px;text-align:center}.modal-no-buttons .modal-inner:after{display:none}.modal-no-buttons .modal-buttons{display:none}.h5Dot{width:50px;height:50px;opacity:0;background:#fff;border-radius:50%;z-index:10001;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2)}.h5Dot .child-circle{border-radius:50%;padding:5px}.h5Dot .child-circle img{margin:-1px 0 0 1px}#game-menu{height:100%;margin:0 auto}.h5center-game-menu{padding:0 0 0 10px;box-sizing:border-box;background-color:#fff;position:absolute;height:50px;width:50px;border-radius:50px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);box-shadow:0 0 4px rgba(0,0,0,.3)}.h5center-game-menu .menu-item{position:relative;color:#666;line-height:75px;text-align:center;float:left;width:50px;height:50px}.h5center-game-menu .menu-item span{font-size:12px}.h5center-game-menu .menu-item:after{position:absolute;content:"";width:24px;height:24px;left:50%;margin-left:-12px;top:5px;background:url(//h5.guopan.cn/deploy/huodongh5/img/icon_dot_194b540.png) no-repeat center -3px;background-size:27px auto}.h5center-game-menu .menu-login:after{background-position:center -67px}.h5center-game-menu .menu-desktop:after{background-position:center -35px}.h5center-game-menu .menu-back-home:after{background-position:center -3px}.h5center-game-menu .menu-reload:after{background-position:center -68px}.h5modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;-webkit-overflow-scrolling:touch;outline:0}.h5center-game-menu .menu-item.rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.guopanH5Game,.loadGamePage,.frame-screen{position:relative;height:100%}.gp-dialog{visibility:hidden;opacity:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);transform:scale(1.2)}.gp-dialog.isShow{opacity:1;visibility:visible;-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;-webkit-transform:scale(1);transform:scale(1)}.gp-dialog.modal-out{opacity:0;visibility:hidden;z-index:10999;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transform:scale(1.15);transform:scale(1.15)}.gp-dialog,.dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:19997}.dialog-mask{background-color:rgba(0,0,0,.5)}.dialog-inner{position:absolute;left:50%;top:50%;width:280px;padding:10px 0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:4px;z-index:19998}.dialog-inner .cloase-dialog{position:absolute;width:30px;height:30px;right:5px;top:5px;z-index:10}.cloase-dialog:after,.cloase-dialog:before{position:absolute;content:"";width:20px;height:1px;background-color:#666;left:50%;top:50%;margin-left:-10px}.cloase-dialog:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cloase-dialog:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.dialogForm{margin:10px 0;overflow:hidden;border-top:1px solid #efefef}.dialogForm .form-item{position:relative;padding:15px 0;display:-webkit-box;display:box}.dialogForm .form-item:after{position:absolute;content:"";width:100%;height:1px;left:10px;bottom:0;background-color:#efefef;-webkit-transform-origin:left bottom;transform-origin:left bottom}.dialogForm .form-item:last-child:after{left:0}.dialogForm .form-item .f-tit{display:block;width:60px;text-align:right;color:#666}.loginArea .form-item .f-tit{letter-spacing:8px}.dialogForm .form-item input{display:block;-webkit-box-flex:1;box-flex:1;width:100%;padding:0 8px;background-color:#fff;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}.form-foot,.other-btm{padding:5px 10px}.form-item .form-s-r{display:block;margin:0 10px;color:#1daafc;font-size:12px;border-radius:2px}.form-foot .f-btn{display:block;padding:10px 0;text-align:center;background-color:#1daafc;color:#fff;border-radius:2px}.other-btm{display:-webkit-box;display:box}.other-btm span{display:block}.other-btm span a{color:#1daafc}.other-btm .forget-href{-webkit-box-flex:1;box-flex:1}.regArea{}.protocol{padding:5px 0 0;font-size:12px;text-align:center}.protocol a{color:#369}.gp-game-head{position:relative;padding:5px 0}.gp-game-head h4{text-align:center}.gp-game-head h4 span{display:inline-block;font-size:15px}.gp-login-head h4 span{padding:0 0 0 40px;line-height:35px;background:url(//h5.guopan.cn/deploy/huodongh5/img/dot_logo_da24704.png) no-repeat 0 center;background-size:35px 35px}.gp-game-head .game-back{position:absolute;width:20px;height:20px;left:10px;top:50%;margin-top:-10px}.gp-game-head .game-back:before{position:absolute;left:50%;top:50%;margin:-6px 0 0 -6px;content:"";width:12px;height:12px;border-width:1px 0 0 1px;border-style:solid;border-color:#666;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.forget-tip{padding:5px 10px 0;font-size:11px;color:#999}.form-item .msg-tip{font-size:12px;padding:0 10px}.form-item .msg-tip em{color:#1daafc}.hide{display:none}#h5-gp-loading{position:fixed;width:100%;height:100%;left:0;top:0;z-index:20002;background-color:#fff}.loading-progress{position:absolute;width:80%;left:50%;top:35%;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading-progress-logo img{width:100px;height:100px;border-radius:8px}.loading-progress-name{margin-top:5px;font-size:16px}.loading-progress-tip{padding:15px 0;color:#999}.loading-progress-bar{height:8px;width:100%;position:relative;overflow:hidden;background-color:#e8e8e8}.loading-progress-bar .loading-progress-finish{position:absolute;left:0;top:0;width:0;height:100%;background-color:#f60;-webkit-transition:width 2s linear;transition:width 2s linear}.gameLogo{position:absolute;left:0;bottom:0;width:100%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:bounceInUp;animation-name:bounceInUp}.gameLogo .logoImg{padding:30px 0;text-align:center}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}.desktop-tip{position:fixed;left:50%;bottom:0;z-index:99;padding:10px 25px;min-width:50%;max-width:80%;border-radius:4px;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.1);box-shadow:1px 1px 4px rgba(0,0,0,.1);background-color:#fff;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.desktop-tip.isShow{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);bottom:15px}.desktop-tip:after{position:absolute;left:50%;bottom:-18px;content:"";width:0;height:0;margin-left:-10px;border-width:10px;border-color:#fff transparent transparent;border-style:solid}.desktop-tip .sp-close,.ptl .ptl-close{position:absolute;width:20px;height:20px;background-color:#e8e8e8;right:-8px;top:-8px;border-radius:50%}.desktop-tip .sp-close:before,.desktop-tip .sp-close:after,.ptl .ptl-close:before,.ptl .ptl-close:after{position:absolute;content:"";width:12px;height:1px;background-color:#666;top:50%;left:50%;margin-left:-6px}.desktop-tip .sp-close:before,.ptl .ptl-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.desktop-tip .sp-close:after,.ptl .ptl-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.dp-content{text-align:center}.dp-content .dp-logo{display:block}.dp-content .dp-logo img{width:50px;height:50px}.dp-content .dp-txt{font-size:14px;margin-top:10px}.dp-content .dp-txt .dp-icon{position:relative;padding-right:15px}.dp-content .dp-txt .dp-icon:after{position:absolute;content:"";width:9px;height:12px;right:0;top:50%;margin-top:-6px;background:url(//h5.guopan.cn/deploy/huodongh5/img/icon_dp_7b72242.png) no-repeat;background-size:9px 12px}@media only screen and (orientation:landscape){}.ptl-mask{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000000}.ptl-mask{background-color:rgba(0,0,0,.1)}.ptl .ptl-close{right:5px;top:5px}.ptl{position:fixed;width:280px;height:80%;left:50%;top:50%;border-radius:4px;z-index:1000001;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wxLayer,.wxMask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999}.wxMask{background-color:rgba(0,0,0,.7)}.wx-inner{position:absolute;z-index:100000;right:20px;top:0}.guopanH5GamePay{display:flex;justify-content:center;align-items:center;position:fixed;top:10%;left:0;right:0;margin:0 auto;width:80%;height:80%}.guopanH5GamePay .pay-jump-frame-colse{position:absolute;z-index:10002;right:0;top:-28px;padding:4px 8px;border-radius:2px;background-color:#00a8ff;color:#fff;cursor:pointer}.guopanH5GamePay .pay-jump-frame{position:relative;z-index:10001;width:100%;height:100%;border:0;visibility:inherit;overflow:visible}.guopanH5GamePay .pay-bg{position:absolute;width:100vw;height:100vh;z-index:10000;background-color:rgba(0,0,0,.6)}.h5GameFloat{width:44px;height:44px;position:absolute;top:0;right:-22px;z-index:10}.h5GameFloat #float-icon{width:40px;height:40px;position:absolute;background:url(/coin/public/images/shlogo.jpg) no-repeat center center;background-size:40px 40px;border-radius:50%;z-index:10;border:2px solid #fff}.h5GamefloatIframe{z-index:10;position:fixed;width:100vw;height:100vh;top:0;left:-100%;display:flex;transition:.3s}.h5GamefloatIframe .mainBox,.h5GamefloatIframe .mainBox div{display:flex}.h5GamefloatIframe .mainBox{position:relative;z-index:11;width:100%;height:100%;align-items:center}.h5GamefloatIframe .mainBox .mainIframe{width:85%;height:100%;background-color:#fff}.h5GamefloatIframe .mainBox .btnNav{width:15%;height:35%;min-height:200px;flex-direction:column;justify-content:space-between}.h5GamefloatIframe .mainBox .btnNav .btnItem{flex-direction:column;color:#fff;font-size:12px;align-items:center}.h5GamefloatIframe .mainBox .btnNav .btnItem img{width:30px}.h5GamefloatIframe .blackCover{background-color:#000;position:absolute;width:100vw;height:100vh;top:0;left:0;display:none}