a, input, div, textarea{outline: none;}
html, body, h1, h2, h3, h4, ul, li, ol, dl, dt, dd, form, p, input, textarea{margin: 0; padding: 0;}
html, body{height: 100%; -ms-touch-action: none;}
ul, dl, ol, li{list-style: none;}
a{text-decoration: none;}
img{border: none;}
body{font-family: '黑体' Arial, Helvetica, sans-serif; background: url(../images/body-bg.jpg) no-repeat center top #ba1f28; background-size: 100% auto; color: rgba(255,255,255,.9); font-size: 12px; user-select: none; overflow: hidden; -webkit-user-select: none; -webkit-text-size-adjust: none;}
.main{height: 100%; background: url(../images/main-bg.png) no-repeat center center; background-size: 100% auto; position: relative;}
.header{min-height:60px; overflow: hidden;}
.header .logo{width: 40%; height: 35px; background: url(../images/index-logo.png) no-repeat left center; background-size: auto 100%; float: left; margin: 15px 0 0 25px;}
.header .tools{width: 140px; float: right;}
.header .tools .tip{padding-left: 3px;}
.header .tools .tip i,
.header .tools .tip i:before,
.header .tools .tip i:after{width: 22px; height: 16px; background-color: #fff; display: block; position: relative;}
.header .tools .tip i:before,
.header .tools .tip i:after{content: ''; position: absolute; top: 0; left: 42px;}
.header .tools .tip i:after{left: 84px;}
.header .tools .btn{border: 1px dotted rgba(255,255,255,.6); border-right: none; border-radius: 3px 0 0 3px; font-size: 12px; line-height: 22px; margin-top: 10px; text-align: center; letter-spacing: 2px;}
.footer{width: 100%; position: absolute; bottom: 45px; left: 0;}
.footer ul{padding: 0 20px; text-align: center;}
.footer li{width: 75%; display: inline-block;}
.footer li img{width: 100%; height: auto;}

.info-popup{background-color: rgba(0,0,0,.6); display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.info-popup .container{background-color: #fff; border-radius: 20px; margin: 40px 25px 0; padding-top: 30px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.info-popup .title{width: 100%; height: 75px; background: url(../images/info-popup-title.png) no-repeat center top; background-size: 87% auto; position: absolute; top: -40px; left: 0; }
.info-popup .info{padding: 0 40px 0 20px; position: relative;}
.info-popup .info .drag{width: 2px; height: 100%; background-color: #d3d3d3; position: absolute; top: 0; right: 19px;}
.info-popup .info .drag i{width: 25px; height: 25px; background: url(../images/icon-k.png) no-repeat center center; background-size: auto 100%; position: absolute; top: 0; left: -12px;}
.info-popup .wrap{min-height: 200px; overflow: hidden; padding: 10px 0; position: relative;}
.info-popup .inner{color: #000; font-size: 12px; line-height: 150%; padding-left: 20px;}
.info-popup .inner h2{color: #bb2633; font-size: 12px; position: relative;}
.info-popup .inner h2:before{width: 20px; height: 100%; background: url(../images/icon-gift.png) no-repeat center top; background-size: auto 100%; content: ''; position: absolute; top: -2px; left: -20px;}
.info-popup .inner div{padding-bottom: 10px;}
.info-popup .inner div p{padding-bottom: 5px;}
.info-popup .inner dl{overflow: hidden; padding-bottom: 5px;}
.info-popup .inner dt{width: 50px; float: left;}
.info-popup .inner dd{margin-left: 50px;}
.info-popup .btn{padding: 30px 0 20px;}
.info-popup .btn p{height: 50px; background: url(../images/info-popup-btn.png) no-repeat center center; background-size: auto 100%;}

.index{background: url(../images/index-bg.jpg) no-repeat center bottom; background-size: auto 100%;}
.index .container{height: 100%; background: url(../images/index-container-bg.png) no-repeat center 90px; background-size: 90% auto;}
.index .header .logo{height: 40px; background-image: url(../images/index-logo.png); background-size: auto 100%; margin: 20px 0 0 25px;}
.index .header .tools{width: 140px;}
.index .header .tools .tip i,
.index .header .tools .tip i:before,
.index .header .tools .tip i:after{width: 22px;}
.index .header .tools .tip i:before{left: 42px;}
.index .header .tools .tip i:after{left: 84px;}
.index .footer li{width: 75%;}
.index .footer li img{border-radius: 15px;}