/* Base */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-family:微软雅黑, 黑体 ;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
ul {list-style:none;}
ul,ol,li{list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
a {margin:0;padding:0;border:0; text-decoration:none;}
ins { background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
input, select { vertical-align:middle; border:none; margin:0; padding:0;}
em{font-weight: bold;font-style: italic;}
.hidden{display: none;}
hr{ line-height:1; height:1px; background:none; border-top:1px dashed #9F9F9F;border-bottom:1px dashed #fff;}
/* [background]  */
html{min-height: 100%;overflow: auto;position:relative;	z-index: 1;	background: #fff;}
body{position: relative;z-index:1;font-size:15px;color:#4A4A4A;overflow-x: hidden;}
/* basics */
a:hover {color: #0f93b9;}
/*首页*/
#wrapper{width: 640px; margin:0 auto; position:relative; overflow-x:hidden; }
/*第一屏*/
.logo a{    width: 331px;
    height: 110px;
    position: absolute;
    top: 8p;
    left: 149px;
    cursor: pointer;
    display: block;}
	
.btn1  {       position: absolute; top: 996px;left: 264px; width: 260px;height: 39px;}
.ma_download1 { position: absolute; top: 1085px;left: 343px; width: 177px; height: 32px;color: #fff; font-weight: bold; font-size:18px;}
.ma_download1 span{margin-right:5px;}
.input1 {height: 38px; width: 323px;position: absolute; top: 1156px;left: 263px; }
.text_content1{width:320px; height:36px; line-height:36px; background:none; font-size:18px; float:left; border:none; overflow:hidden; text-align:center; color:#fff; }
.login_btn a{position: absolute;top: 1246px; left: 180px; width: 280px; height: 74px; display: block; }
.phone_banner{background:url(../images/phone_img_bg_01.jpg);width:640px; height:1343px; position:relative; -webkit-animation: pageT .4s .4s linear both;animation: pageT .4s .4s linear both;}



/*第二部分 立即登录*/
.part2{background-image:url(../images/phone_img_bg_02.jpg); width:640px; height:1294px; position:relative;}
.part_black{width:640px; height:810px; background:#000; padding-top:70px;}

.device { position:absolute; top:62px; left:116px; width:406px; height:542px;}
.device .arrow-left {background:url(../images/row_05.png) no-repeat left top;position: absolute;left:-85px; top: 50%;margin-top: -15px;width:44px;height:48px; z-index:1000;}
.device .arrow-right { background:url(../images/row_08.png) no-repeat left bottom; position: absolute; right:-85px; top: 50%; margin-top: -15px; width:50px;height: 48px;z-index:1000;}
.swiper-container { height:542px; width:406px;     position:absolute; top:68px;}

/*.title {font-size: 25px;margin-bottom: 10px;}*/
.pagination { position: absolute; left: 0;text-align: center;top:404px;width: 100%;}
.swiper-pagination-switch {display: inline-block; width:16px;height: 16px;border-radius:50%;background: #ffffff; box-shadow: 0px -1px 2px #555 inset; margin-right:15px;cursor: pointer;}
.swiper-active-switch { background: #ee0076;}




.top_one p{float:left;}
.top_one{margin-left:30px; margin-bottom:10px; height:370px;}
.top_two{margin-left:10px;  height:370px;}
.top_two p{float:left;}

.app_img{    position: absolute; top: 785px;left: 351px;}
.goog_img{position:absolute; top:880px; left:351px;}
.apk_img{position:absolute; top:976px; left:351px;}

.goog_img img,.app_img img,.apk_img img{overflow-x: hidden;overflow-y: hidden;  position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all; transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;  
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	border-radius:10px;}
.goog_img img:hover,.app_img img:hover,.apk_img img:hover {transform: scale(1.2, 1.2);	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */}

#gotop {display: none;position: fixed;right: 1%;bottom:20px;padding: 10px 10px;font-size: 20px;background: #777;color: white;cursor: pointer;	z-index:11111;}




.achieve-container{width:580px;height: auto;margin:0px auto 0;}
.achieve{position: relative; width:100%;height: auto;margin: 0 auto;z-index: 2;}
.achieve ul{position: relative;width: 100%; overflow: hidden;}
.achieve li{float: left;text-align: center;color: #757575;font-size: 20px;font-weight: bold;}
.achieve img{width: 29px;}
.achieve1{width: 490px;margin: 0 auto;}
.achieve1 li{width: 33.3%;}
.achieve2{width: 580px;margin: 0 auto;}
.achieve2 li{width: 25%;}
.achieve li p{line-height: 25px;padding: 12px 0 14px;}
.achieve li span{display: inline-block;width: 1px;height:66px;background-color: #6c6b6b;}
.achieve-line{position: absolute;left: 0;top: 12px;width: 100%;height: 5px;overflow: hidden;background-color: #ffffff;border-radius: 3px;}
.achieve-line i{display: block;position: absolute;left: 0;top: 0;height: 100%;background-color: #ff0f10;border-radius: 3px;}
.gift{width: 100%;height: auto;margin-top: -40px;margin-bottom: 40px;border: 1px solid #434343;border-radius: 4px;background-color: #0e0d0d;}
.gift img{width: 60px;}
.gift1{width: 490px;margin: -31px auto 50px;}
.gift2{width: 600px;margin: -31px 0 40px -10px;}
.gift ul{width: 100%;padding: 28px 0 48px;text-align: center;color: #ffffff;font-size: 15px;}

.gift li:last-child{border-right: 0;}



.gift1 li{width:148px;height: 120px;display: inline-block;border-right: 1px dashed #434343;}

.gift1 li:nth-of-type(1){background:url(../images/gift1_01.png) no-repeat 41px -62px; }
.gift1 li:nth-of-type(2){background:url(../images/gift1_02.png) no-repeat 41px -64px;}
.gift1 li:nth-of-type(3){background:url(../images/gift1_03.png) no-repeat 41px -67px;}
.gift2 li:nth-of-type(1){background:url(../images/gift1_04.png) no-repeat 41px -65px;}
.gift2 li:nth-of-type(2){background:url(../images/gift1_05.png) no-repeat 41px -62px;}
.gift2 li:nth-of-type(3){background:url(../images/gift1_06.png) no-repeat 41px -64px;}
.gift2 li:nth-of-type(4){background:url(../images/gift1_07.png) no-repeat 41px -62px;}
.gift2 li{width:143px;height: 120px;display: inline-block;border-right: 1px dashed #434343;}


.gift1 li.light{
    width:148px;height:66px; 
    display: inline-block; 
    border-right: 1px dashed #434343;
}
.gift2 li.light{
    width:143px;height:66px; 
    display: inline-block; 
    border-right: 1px dashed #434343;
}
.gift li p{padding-top:70px;}

.gift1 li.light:nth-of-type(1){background:url(../images/gift1_01.png) no-repeat 41px 0px;}
.gift1 li.light:nth-of-type(2){background:url(../images/gift1_02.png) no-repeat 41px 0px;}
.gift1 li.light:nth-of-type(3){background:url(../images/gift1_03.png) no-repeat 41px 0px;}
.gift2 li.light:nth-of-type(1){background:url(../images/gift1_04.png) no-repeat 41px 0px;}
.gift2 li.light:nth-of-type(2){background:url(../images/gift1_05.png) no-repeat 41px 0px;}
.gift2 li.light:nth-of-type(3){background:url(../images/gift1_06.png) no-repeat 41px 0px;}
.gift2 li.light:nth-of-type(4){background:url(../images/gift1_07.png) no-repeat 41px 0px;}

.light{background:url(../images/gift1_01.png); background-position:0px 0 ; height:61px;}

.solegn{ position:absolute; top:510px; left:5px;}
 .s1{-webkit-animation: slogenT .2s .2s linear both;animation: slogenT .2s .2s linear both;}

@-webkit-keyframes slogenT{
  0%{transform: scale3d(3,3,1) translateY(-10%);-webkit-transform:  scale3d(3,3,1) translateY(-10%); opacity: 0;}
  100%{transform: scale3d(1,1,1) translateY(0);-webkit-transform:  scale3d(1,1,1) translateY(0); opacity: 1;}
}
@keyframes slogenT{
  0%{transform: scale3d(3,3,1) translateY(-10%);-webkit-transform:  scale3d(3,3,1) translateY(-10%); opacity: 0;}
  100%{transform: scale3d(1,1,1) translateY(0);-webkit-transform:  scale3d(1,1,1) translateY(0); opacity: 1;}
}


@-webkit-keyframes pageT {
  0%, 15%, 30%, 45%, 60%, 75%,100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0) translateY(0);
    transform: scale3d(1, 1, 1) translateX(0) translateY(0);
  }
  1% {
    -webkit-transform: scale3d(0.99, 0.99, 0.99) translateX(0) translateY(0);
    transform: scale3d(0.99, 0.99, 0.99) translateX(0) translateY(0);
  }
  15% {
    -webkit-transform: scale3d(1.01, 1.01, 1.01) translateX(0) translateY(0);
    transform: scale3d(1.01, 1.01, 1.01) translateX(0) translateY(0);
  }
  30% {
    -webkit-transform: scale3d(.995, .995, .995) translateX(0) translateY(0);
    transform: scale3d(.995, .995, .995) translateX(0) translateY(0);
  }
  45% {
    -webkit-transform: scale3d(1.005, 1.005, 1.005) translateX(0) translateY(0);
    transform: scale3d(1.005, 1.005, 1.005) translateX(0) translateY(0);
  }
  60% {
    -webkit-transform: scale3d(.999, .999, .999) translateX(0) translateY(0);
    transform: scale3d(.999, .999, .999) translateX(0) translateY(0);
  }
  75%,100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0) translateY(0);
    transform: scale3d(1, 1, 1) translateX(0) translateY(0);
  }
}
@keyframes pageT {
  0%, 15%, 30%, 45%, 60%, 75%,100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0%{
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0) translateY(0);
    transform: scale3d(1, 1, 1) translateX(0) translateY(0);
  }
  1% {
    -webkit-transform: scale3d(0.99, 0.99, 0.99) translateX(0) translateY(0);
    transform: scale3d(0.99, 0.99, 0.99) translateX(0) translateY(0);
  }
  15% {opacity: 1;
    -webkit-transform: scale3d(1.01, 1.01, 1.01) translateX(0) translateY(0);
    transform: scale3d(1.01, 1.01, 1.01) translateX(0) translateY(0);
  }
  30% {
    -webkit-transform: scale3d(.995, .995, .995) translateX(0) translateY(0);
    transform: scale3d(.995, .995, .995) translateX(0) translateY(0);
  }
  45% {
    opacity: 1;
    -webkit-transform: scale3d(1.005, 1.005, 1.005) translateX(0) translateY(0);
    transform: scale3d(1.005, 1.005, 1.005) translateX(0) translateY(0);
  }
  60% {
    -webkit-transform: scale3d(.999, .999, .999) translateX(0) translateY(0);
    transform: scale3d(.999, .999, .999) translateX(0) translateY(0);
  }
  75%,100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translateX(0) translateY(0);
    transform: scale3d(1, 1, 1) translateX(0) translateY(0);
  }
}