html,body{margin:0px;padding:0px;width:100%;height:100%;}
p,em,i{padding:0px;margin:0px;font-style:normal;}
body{background-image: url(../images/bg.png); background-position:center center; background-repeat: no-repeat;background-size:100% 100%;height:100%;width:100%;}
.containt{width:1024px;margin:0px auto;}
.pr{position: relative;}
.fr{float:right;}
.fl{float:left;}
.top{float:left;width:100%;margin-top:24px;height:28px;}
.top .logo{background:url(../images/logo.png) left center no-repeat;height:28px;padding-left:40px;float:left;}
.top .logo i{float:left;background:url(../images/logoword.png) left center no-repeat;height:28px;width:200px;}
.box{float:left;width:100%;}
.swip{background:url(../images/swip.png);width:488px;height:533px;position: absolute;right:0px;top:52px;}

.info1{position: absolute;top:168px;left:0px;background:url(../images/logo2.png) left center no-repeat;height:76px;padding-left:108px;}
.info1 i{float:left;background:url(../images/word1.png) left center no-repeat;width:300px;height:76px;}
.info2{position: absolute;top:284px;left:0px;font-size:34px;line-height:54px;color:#555;}

.downbtn{position: absolute;top:440px;left:0px;width:264px;height:76px;background:linear-gradient( 90deg, #C25BFE 0%, #6E52FF 100%);border-radius:12px;}
.downbtn:hover{background:linear-gradient( 90deg, #D184FE 0%, #D184FE 100%);}
.downbtn:active{background:linear-gradient( 90deg, #B029FE 0%, #4C29FF 100%);}
.downbtn i{float:left;width:100%;background:url(../images/down.png) 54px center no-repeat;color:#fff;padding-left:98px;font-size:28px;height:76px;line-height:76px;}
.foot{position: absolute;bottom:0px;left:0px;height:48px;width:100%;}
.foot a,.foot p{font-size:14px;color:#777;text-decoration:none;}