html,body,ul,li,p{margin:0px;padding:0px;display:block;}
body{background:url(../images/bg.png) center center no-repeat;background-size:100% 100%;width:100%;height:100vh;min-width:1400px;min-height:800px;}
.bg{background:url(../images/bg2.png) center top no-repeat;position: fixed;left:calc(50% - 700px);top:0px;width: 1400px;height:800px;}
.leftbg{position:fixed;top:0;bottom:0px;left:0px;width:calc(50% - 700px);background:rgba(14, 14, 27, 0.6)}
.rightbg{position:fixed;top:0;bottom:0px;right:0px;width:calc(50% - 700px);background:rgba(14, 14, 27, 0.6)}
.bottombg{position:fixed;bottom:0px;left:calc(50% - 700px);right:calc(50% - 700px);height:calc(100% - 800px);background:rgba(14, 14, 27, 0.6)}
.bg .main{position: relative;float:left;width:100%;height:100%;}
.bg .main .logo{position: absolute;top:174px;left:470px;background:url(../images/logo.png);width:106px;height:106px;}
.bg .main .tips1{position: absolute;background:url(../images/tips.png) center center no-repeat;width:794px;height:57px;left:calc(50% - 400px);top:353px;}
.bg .main .tips2{position: absolute;width:100%;left: 0px;top:466px;color:#fff;text-align: center;font-size:18px;font-weight:400;}
.bg .main .but1{position: absolute;top:572px;left:440px;width:200px;height:60px;border-radius:30px;background:rgba(255, 255, 255,0.5);text-align:center;line-height:60px;color:#fff;cursor: pointer;}
.bg .main .but2{position: absolute;top:572px;right:440px;width:200px;height:60px;border-radius:30px;background:rgba(255, 255, 255,0.5);text-align:center;line-height:60px;color:#fff;cursor: pointer;}


.footer{position: fixed;bottom: 47px;left:calc(50% - 500px);width: 1000px;display:flex;justify-content: space-between;z-index: 99;}
.footer a{color:#fff;font-size:12px;text-decoration: none;font-size:16px;}