main{padding-top:110px;min-height:calc(100vh - 82px)}


.top-slider{position:absolute;top:0;right:0;z-index:-1}
.top-slider .item:before{height:calc(100% + 1px);top:0;right:0;content:"";position:absolute;width:100%;background:linear-gradient(to bottom,var(--body),rgba(28, 28, 28, 0.7),var(--body))}
.top-slider .item img{max-height:100vh}
.owl-nav,.owl-dots{display:none}



.download-box{padding:50px 0}
.download-box #countdown{width: 80px;height: 80px;margin: 0 calc(50% - 40px);border: 3px #777 dashed;font-size:38px}
.download-box #countdown span{color:#32cb54}
.download-box .please{margin:20px 0 10px}
.download-box #link a{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);opacity:0;display:inline-block;transform:scale(0);padding:13px 20px;background-color:#0066cc;color:#fff;font-size:16px;font-weight:bold;border-radius:10px;background:#15c141}
.download-box .bar{cursor:no-drop;display:inline-block;padding:7px;background-color:#999;margin:15px 0;width:360px;max-width:80%}
.download-box .bar #title{font-family:initial}
.download-box .bar .bars{height:100%;width:0%;left:0;top:0;background-color:#7bdf92;background:linear-gradient(to right,rgba(123, 223, 146, 0.5),#7bdf92)}
.download-box .buy{display:inline-block;margin-top:-30px;border-bottom:2px #555 dashed;padding-bottom:8px;color:#ee74a7}
body.active .download-box #link a{opacity:1 !important;transform:scale(1) !important}
body.active .download-box .bar{transform:scale(0);height:0;margin-top:0;padding:0}
body.active .download-box .buy{margin-top:40px}
body.active .download-box .please{margin:0;height:0}
body.active .download-box #countdown{width: 100%;margin: 0;border: 0;border-radius: 0;height:auto}
body.active .download-box #countdown span{font-size:33px}
.download-box .main{width:500px}
.download-box article{padding:50px 15px}
.download-box .buy:hover{color:#ee74a7;border-color:#ee74a7}
.download-box #link a:hover,body.active .download-box #link a:hover{opacity:.7 !important}

@media only screen and (max-width:920px){
main{padding:60px 0 40px;min-height:0;margin:0}
.download-box{min-height:calc(100vh - 120px)}
.top-slider .item img{min-height:100vh}
}
@media only screen and (max-width:730px){
.download-box .please{font-size:18px}
.download-box #countdown{font-size:25px}
body.active .download-box #countdown span{font-size:31px}
.download-box .bar{margin:10px 0 0 0}
body.active .download-box #link a{margin:18px 0 -10px}
}