html,body{width: 100%;height: 100%;}
body{background: url(../img/back.jpg);background-size: 100% 100%;color: #535353;}
*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;font-family: helvetica;text-decoration: none;}
.logo{position: absolute;right: 0.3rem;top: 0.4rem; width: 1.73rem;}
.font-weight{font-weight: bold;}
.marginTop1{margin-top: 1rem;display: block;}
.margintop2{margin-top: 2rem!important;}
.tip{position: absolute;background-color: rgba(0,0,0,0.4); padding: 0.2rem 0.5rem;width: 5rem;border-radius: 5px;color: #fff;font-size: 0.3rem;text-align: center;left: 50%;top: 30%;margin-left: -2.5rem;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.hide{display: none;}
.btn{padding: 0.1rem 0.3rem;color: #009FE4;font-size: 0.35rem;text-align: center;margin: auto;background: #FFFFFF;border-radius: 5px;border: none;box-shadow: 1px 1px 1px rgba(0,0,0,0.2);display: block;margin-top: 0.5rem;}
.text-center{text-align: center;}
#signup,#index,#download,.lucky,#win{position: relative;width: 100%;height: 100%;top: 0;left: 0;}
h1{font-size: 0.44rem;margin-bottom: 0.3rem;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
.btn:active{transform:scale(0.9) ;}
.inline-block{display: inline-block!important;}
/*index*/
.index-con{width: 100%;padding: 2.5rem 0.5rem 0;text-align: center;color: #535353!important;}
.index-welcome{font-size: 0.38rem;margin-bottom: 0.1rem;}
.index-decoration{font-size: 0.27rem;display: inline-block;border: 1px solid #535353;padding: 0.1rem 0.3rem;}
.index-con p{font-size: 0.34rem;margin: 0.4rem auto 1rem;line-height: 1.5;}
.index-con .btn{display: inline-block;color: #535353;}

/*注册*/
.signup-title,.signup-name{width: 100%;text-align: center;font-weight: bold; color: #00a0e1;font-size: 0.44rem;}
.signup-time{padding: 0.1rem 0.2rem;border: 1px solid #00a0e1;font-size: 0.25rem;color: #00a0e1;text-align: center;display: inline-block; margin: 0.2rem auto;}
.signup-name{font-size: 0.35rem;margin-bottom: 0.5rem;}
.signup-con{padding:2rem 0.5rem;}
.signup-con ul{padding: 0.4rem 0.4rem 0.2rem;background-color: rgba(255,255,255,0.3);border-radius: 10px;}
.signup-con li{margin-bottom: 0.3rem;}
.signup-con i{display: inline-block;width:0.42rem;height: 0.45rem;margin-right: 0.3rem;vertical-align: middle;background: url(../img/icon.png);background-size: 100% auto;background-repeat: no-repeat;}
.signup-con label{display: inline-block;width: 1rem;color: #4d4d4d;font-size: 0.35rem;vertical-align: middle;}
.signup-con li input{width: 3.8rem;height: 0.58rem;background-color: inherit;border-radius: 5px;vertical-align: middle;padding: 0.06rem 0.3rem;font-size: 0.3rem; outline: none; border: 1px solid #009fe4;}
.signup-i1{background-position: 0 0;}
.signup-i2{background-position: 0 -0.45rem!important;}
.signup-i3{background-position: 0 -0.9rem!important;}
.signup-i4{background-position: 0 -1.35rem!important;}

/*下载资料*/
.download-con{padding: 2.5rem 0.5rem 0;text-align: center;}
.download-btn{margin: 1.5rem 0;}
.download-btn a{width: 3rem;display: block;margin:0 auto 0.5rem;}
.download-btn a img{width: 100%;}
/*抽奖*/
.lucky-body{width: 100%;padding: 2rem 0;text-align: center;}
.lucky-desc{padding: 0 0 0.3rem 0;}
.lucky-desc img{height: 0.56rem;display: block;margin: auto;}
.lucky-con{position: relative; width: 5.4rem;height: 5.4rem;margin: auto;}
.lucky-zhuanpan{height: 100%;width: 100%;}
.lucky-biao{position: absolute;width: 1.34rem;height: 1.34rem;top: 50%;left:50%;margin-left: -0.67rem;margin-top: -0.67rem;}
#lucky-zhuanpan{width: 100%; height: 100%;left: 0;top: 0;margin-left: 0;margin-top: 0;}
.btn-lucky{display: inline-block;}
.btn-lucky:active{opacity: 0.6;}
.lucky-tip{font-size: 0.16rem;display: block;text-align: center;}
.icon-music{position: fixed;top: 0.3rem;right: 0.3rem;width: 0.5rem;height: 0.5rem;background: url(../img/music-play.png);background-size: 100% 100%;display: block;z-index: 999;}
.icon-musicpause{background: url(../img/music-pause.png)!important;background-size: 100% 100%!important;}

/*win*/
.win-con{width: 100%;padding: 2rem 0;text-align: center;color: #535353;}
.win-con span{display: block;}
.win-gx{font-size: 0.53rem;}
.win-name{font-size: 0.35rem;background: #FFFFFF;width: 4rem;height: 0.6rem;line-height: 0.6rem; border-radius: 5px;margin: 0.1rem 0 0.5rem;display: inline-block!important;}
.win-con h2{font-size: 0.58rem;}
.win-con p{width: 4.5rem;padding: 0.3rem;border-radius: 5px;background-color:rgba(255,255,255,0.3);font-size: 0.3rem;line-height: 1.5;margin: 1rem auto;}

/*tech*/
#tech{position: relative;left: 0;top: 0; width: 100%;background: url(../img/back.jpg);background-size: 100% 100%;padding: 2rem 0;}
.tech-con{width: 6.8rem;background-color: rgba(255,255,255,0.6);padding: 0.3rem;color: #535353;margin: auto;}
.tech-title{font-size: 0.44rem!important;font-weight: bold;}
.tech-title img{width: 0.4rem;display: inline-block;vertical-align: middle;}
.tech-title i{width: 0.5rem;height: 0.5rem;background: #00A0E1;font-size: 0.3rem;line-height: 0.5rem;text-align: center;display: inline-block;font-style: normal;color: #FFFFFF;border-radius: 50%;}
.tech-title span{display: inline-block;vertical-align: middle;margin: 0 0.1rem;}
.tech-con p{font-size: 0.3rem;line-height: 1.5;}
.tech-img1,.tech-img2{width: 4.5rem;display: block;margin: 0.3rem auto 0.5rem;}
.tech-img2{width: 5rem;}

/*方案*/
.fangan-con{padding: 1.5rem 0.5rem 0;text-align: center;}
.fangan-con a{width: 4.5rem;display: block;margin:0 auto 0.5rem;padding: 0.2rem 0.1rem;background-color: rgba(255,255,255,0.6);border-radius: 5px;font-size: 0.3rem;line-height: 1.5;color: #535353;}