/***
 @author ----- chenlijian 
 @design ----- zhaoxihan 
 @time   ----- 2016-04-27
***/
body,button,input,select,textarea{font:12px/1.5 Helvetica,\5FAE\8F6F\96C5\9ED1;;outline:none;-webkit-font-smoothing:antialiased}
ul,ol{list-style:none;}em,i{font-style:normal;}
html{height: 100%;}
body{margin:0;background:#f2f2f2;color:#808080;word-wrap:break-word;overflow:hidden;width: 100%;height: 100%;}
header,ol,ul,input{margin:0; padding:0;}
dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;font-weight: normal;}
img{display:block;border: 0;}
table{ width:auto;border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;outline:none;color:#333;}
a,button,button:active,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
mark{background-color:transparent;color:inherit;}
strong,em,i{font-style: normal;}
.hide_txt{text-indent: -9999em;font-size: 0;line-height: 0;}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{zoom:1}

.wrap{width: 100%;height: 100%;position: relative;}
.wrapper{height: 100%;position: relative;overflow-x:hidden;overflow-y:auto;}
.content{padding-top: 80px;position: relative;}
.page_arr{position: absolute;background: url('../img/index/ic_arr.png') no-repeat 0 0;background-size: 100% 100%;width: 24px;height: 19px;left: 50%;margin-left: -12px;bottom: 10px;}
.page_arr{
	animation: control_effect 1.4s both linear infinite;
	-webkit-animation: control_effect 1.4s both linear infinite;
} 
@keyframes control_effect{
	0%{transform: translate(0,0);}
	25%{transform: translate(0,20%);}
	75%{transform: translate(0,-20%);}
	100%{transform: translate(0,0);}
}
@-webkit-keyframes control_effect{
	0%{-webkit-transform: translate(0,0);}
	25%{-webkit-transform: translate(0,20%);}
	75%{-webkit-transform: translate(0,-20%);}
	100%{-webkit-transform: translate(0,0);}
}


/*index*/
.index_sec .content{padding-top: 0;height: 100%;overflow: hidden;}
.index_sec .page_wp{position: absolute;width: 100%;top: 41px;left: 0;bottom: 0;}
.index_sec .page{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;background: #fff;}
.page_btns{position: absolute;height: 100%;top: 0;right: 19px;z-index: 5;display: -webkit-box;-webkit-box-align: center;}
.page_btns a{display: block;width: 10px;height: 10px;background: #cedbe3;-webkit-border-radius: 9999px;margin: 8px 0;}
.page_btns a.cur{background: #008cdf;}
.index_sec .page_cont{position: absolute;width: 100%;height: 314px;top: 50%;left: -9999px;margin-top: -197px;}
.index_sec .page.show .page_cont{left: 0;}
.index_sec .page_tt{font-size: 0;line-height: 0;margin: 0 auto;background-size: auto 100%;background-position:  center top;background-repeat: no-repeat;height: 62px;}
.index_sec .ic_box{position: relative;}
.index_sec .ic_box span{position: absolute;background-size: 100% 100%;}

.page:nth-child(1) .page_tt{background-image: url('../img/index/p1/txt_tt.png');}
.page:nth-child(1) .ic_box{height: 252px;}
.page:nth-child(1) .ic_1{background-image: url('../img/index/p1/ic_1.png');width: 38px;height: 38px;top: 50px;left: 50%;margin-left: -82px;}
.page:nth-child(1) .ic_2{background-image: url('../img/index/p1/ic_2.png');width: 38px;height: 38px;top: 20px;left: 50%;margin-left: -19px;}
.page:nth-child(1) .ic_3{background-image: url('../img/index/p1/ic_3.png');width: 38px;height: 38px;top: 50px;right: 50%;margin-right: -82px;}
.page:nth-child(1) .ic_4{background-image: url('../img/index/p1/ic_4.png');width: 99px;height: 158px;top: 84px;left: 50%;margin-left: -50px;}
.page:nth-child(1) .ic_5{background-image: url('../img/index/p1/ic_5.png');width: 58px;height: 50px;top: 77px;left: 50%;margin-left: 12px;z-index: 5;}
.page:nth-child(1) .ic_6{width: 184px;height: 148px;bottom: 0;left: 70px;overflow: hidden;}
.page:nth-child(1) .ic_6:before{content: "";position: absolute;background-image: url('../img/index/p1/ic_6.png');background-size: 100% 100%;width: 184px;height: 148px;bottom: 0;left: 0;}


.page:nth-child(2) .page_tt{background-image: url('../img/index/p2/txt_tt.png');}
.page:nth-child(2) .ic_1{background-image: url('../img/index/p2/ic_1.png');width: 170px;height: 137px;top: 55px;left: 50%;margin-left: -85px;}
.page:nth-child(2) .ic_2{background-image: url('../img/index/p2/ic_2.png');width:148px;height: 36px;top: 47px;left: 50%;margin-left: -74px;-webkit-transform-origin: center 94px;}
.page:nth-child(2) .txt_ic{position: absolute;width: 100%;text-align: center;font-size: 12px;line-height: 14px;color: #666;top: 120px;left: 0;}
.page:nth-child(2) .txt_ic em{display: block;font-size: 28px;font-weight: bold;margin-bottom: 20px;line-height: 24px;font-weight: normal;}


.page:nth-child(3) .page_tt{background-image: url('../img/index/p3/txt_tt.png');height: 58px;}
.page:nth-child(3) .ic_1{background-image: url('../img/index/p3/ic_1.png');width: 191px;height: 146px;top: 78px;left: 50%;margin-left: -88px;}
.page:nth-child(3) .ic_2{background-image: url('../img/index/p3/ic_2.png');width: 49px;height: 28px;top: 68px;left: 50%;margin-left: -98px;}
.page:nth-child(3) .ic_3{background-image: url('../img/index/p3/ic_3.png');width: 45px;height: 26px;top: 35px;left: 50%;margin-left: -2px;}
.page:nth-child(3) .ic_4{background-image: url('../img/index/p3/ic_4.png');width: 51px;height: 29px;top: 91px;left: 50%;margin-left: 31px;}
.page:nth-child(3) .ic_line{position: absolute;width: 32px;height: 3px;-webkit-transform: rotate(45deg);top: 2px;left: 12px;-webkit-transform-origin: left center;}
.page:nth-child(3) .ic_2 .ic_line{background: #bc5963;top: 1px;left: 14px;}
.page:nth-child(3) .ic_3 .ic_line{background: #9a9a9a;top: 0;}
.page:nth-child(3) .ic_4 .ic_line{background: #2e9998;}

.page:nth-child(4) .page_tt{background-image: url('../img/index/p4/txt_tt.png');}
.page:nth-child(4) .ic_box{height: 237px;}
.page:nth-child(4) .ic_1{background-image: url('../img/index/p4/ic_1.png');width: 133px;height: 180px;top: 57px;left: 50%;margin-left: -75px;}
.page:nth-child(4) .ic_2{background-image: url('../img/index/p4/ic_2.png');background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;width: 24px;height: 45px;bottom: 148px;left: 50%;margin-left: 53px;}
.page:nth-child(4) .ic_3{background-image: url('../img/index/p4/ic_2.png');background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;width: 24px;height: 45px;bottom: 55px;left: 50%;margin-left: -94px;}

.page:nth-child(5) .page_tt{background-image: url('../img/index/p5/txt_tt.png');}
.page:nth-child(5) .ic_1{background-image: url('../img/index/p5/ic_1.png');width: 205px;height: 92px;top: 92px;left: 50%;margin-left: -107px;}
.page:nth-child(5) .ic_2{background-image: url('../img/index/p5/ic_2.png');width: 134px;height: 96px;top: 35px;left: 50%;margin-left: -67px;}
.page:nth-child(5) .ic_girl{position: absolute;background-image: url('../img/index/p5/ic_3.png');background-size: 100% 100%;width: 120px;height: 63px;top: 12px;left: 5px;}
.page:nth-child(5) .ic_play{position: absolute;background-image: url('../img/index/p5/ic_4.png');background-size: 100% 100%;width: 18px;height: 18px;bottom: 5px;left: 13px;}
.page:nth-child(5) .ic_3{background-image: url('../img/index/p5/ic_5.png');width: 115px;height: 156px;top: 77px;left: 50%;margin-left: -57px;}

.page:nth-child(6) .page_tt{background-image: url('../img/index/p6/txt_tt.png');}
.page:nth-child(6) .ic_box{height: 209px;}
.page:nth-child(6) .ic_1{background-image: url('../img/index/p6/ic_1.png');width: 48px;height: 48px;top: 87px;left: 50%;margin-left: -24px;z-index: 5;}
.page:nth-child(6) .ic_2{background-image: url('../img/index/p6/ic_2.png');width: 52px;height: 52px;top: 31px;left: 50%;margin-left: -78px;z-index: 5;}
.page:nth-child(6) .ic_3{background-image: url('../img/index/p6/ic_3.png');width: 46px;height: 46px;top: 40px;left: 50%;margin-left: 47px;z-index: 5;}
.page:nth-child(6) .ic_4{background-image: url('../img/index/p6/ic_4.png');width: 46px;height: 46px;top: 128px;left: 50%;margin-left: -100px;z-index: 5;}
.page:nth-child(6) .ic_5{background-image: url('../img/index/p6/ic_5.png');width: 45px;height: 45px;top: 111px;left: 50%;margin-left: 49px;z-index: 5;}
.page:nth-child(6) .ic_6{background-image: url('../img/index/p6/ic_6.png');width: 45px;height: 45px;top: 192px;left: 50%;margin-left: -40px;z-index: 5;}
.page:nth-child(6) .ic_7{background-image: url('../img/index/p6/ic_7.png');background-position: right bottom;background-size: 33px 41px;width: 33px;height: 41px;bottom: 107px;right: 50%;margin-right: 4px;}
.page:nth-child(6) .ic_8{background-image: url('../img/index/p6/ic_8.png');background-position: left bottom;background-size: 50px 30px;width: 50px;height: 30px;bottom: 105px;left: 50%;margin-left: 9px;}
.page:nth-child(6) .ic_9{background-image: url('../img/index/p6/ic_9.png');background-position: right top;background-size: 58px 25px;width: 58px;height: 25px;top: 117px;right: 50%;margin-right: 4px;}
.page:nth-child(6) .ic_10{background-image: url('../img/index/p6/ic_10.png');background-position: left top;background-size: 52px 18px;width: 52px;height: 18px;top: 113px;left: 50%;margin-left: 15px;}
.page:nth-child(6) .ic_11{background-image: url('../img/index/p6/ic_11.png');background-position: right top;background-size: 24px 66px;width: 24px;height: 66px;top: 67px;right: 50%;margin-right: 54px;}
.page:nth-child(6) .ic_12{background-image: url('../img/index/p6/ic_12.png');background-position: left top;background-size: 40px 38px;width: 40px;height: 38px;top: 162px;left: 50%;margin-left: -72px;}
.page:nth-child(6) .ic_13{background-image: url('../img/index/p6/ic_13.png');background-position: right top;background-size: 85px 73px;width: 85px;height: 73px;top: 136px;right: 50%;margin-right: -70px;}

.opera_btns{position: absolute;width: 100%;bottom: 45px;left: 0;font-size: 0;line-height: 0;text-align: center;}
.opera_btns a{display: inline-block;width: 122px;height: 35px;font-size: 15px;line-height: 35px;border: 2px solid #39a439;-webkit-border-radius: 40px;margin: 0 6px;}
.opera_btns a:nth-child(1){color: #39a439;}
.opera_btns a:nth-child(2){background: #39a439;color: #fff;}

.page.show .page_tt{
	animation:page_tt .5s linear both;
	-webkit-animation:page_tt .5s linear both;
}
@keyframes page_tt{
	0%{transform:translateY(10px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes page_tt{
	0%{-webkit-transform:translateY(10px);opacity:0;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}

/*page1 effect*/
.page:nth-child(1).show .ic_4{
	animation:p1_ic4 .5s .5s linear both;
	-webkit-animation:p1_ic4 .5s .5s linear both;
}
@keyframes p1_ic4{
	0%{transform:translateY(-10px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes p1_ic4{
	0%{-webkit-transform:translateY(-10px);opacity:0;}
	100%{-webkit-transform:translateY(0);opacity:1;}
}
.page:nth-child(1).show .ic_1{
	animation:p1_ic123 2s linear both infinite,opacity .5s 1s linear both;
	-webkit-animation:p1_ic123 2s linear both infinite,opacity .5s 1s linear both;
}
.page:nth-child(1).show .ic_2{
	animation:p1_ic123 2s linear both infinite,opacity .5s 1.2s linear both;
	-webkit-animation:p1_ic123 2s linear both infinite,opacity .5s 1.2s linear both;
}
.page:nth-child(1).show .ic_3{
	animation:p1_ic123 2s linear both infinite,opacity .5s 1.4s linear both;
	-webkit-animation:p1_ic123 2s linear both infinite,opacity .5s 1.4s linear both;
}
@keyframes p1_ic123{
	0%,100%{transform:translateY(0);}
	25%{transform:translateY(2px);}
	75%{transform:translateY(-2px);}
}
@-webkit-keyframes p1_ic123{
	0%,100%{-webkit-transform:translateY(0);}
	25%{-webkit-transform:translateY(2px);}
	75%{-webkit-transform:translateY(-2px);}
}
.page:nth-child(1).show .ic_6{
	animation:p1_ic6 .3s 1.9s linear both;
	-webkit-animation:p1_ic6 .3s 1.9s linear both;
}
@keyframes p1_ic6{
	0%{width: 0;height: 42px;}
	50%{width: 184px;height: 42px;}
	100%{width: 184px;height: 148px;}
}
@-webkit-keyframes p1_ic6{
	0%{width: 0;height: 42px;}
	50%{width: 184px;height: 42px;}
	100%{width: 184px;height: 148px;}
}
.page:nth-child(1).show .ic_5{
	animation:p1_ic5 .3s 2.2s linear both;
	-webkit-animation:p1_ic5 .3s 2.2s linear both;
}
@keyframes p1_ic5{
	0%{transform:translate(5px,5px);opacity: 0;}
	100%{transform:translate(0,0);opacity: 1;}
}
@-webkit-keyframes p1_ic5{
	0%{-webkit-transform:translate(5px,5px);opacity: 0;}
	100%{-webkit-transform:translate(0,0);opacity: 1;}
}
/*page1 effect end*/

/*page2 effect*/
.page:nth-child(2).show .ic_box{
	animation:opacity .5s .5s linear both;
	-webkit-animation:opacity .5s .5s linear both;
}

.page:nth-child(2).show .txt_ic em{
	animation:p2_icem 1s .7s ease both;
	-webkit-animation:p2_icem 1s .7s ease both;
}
@keyframes p2_icem{
	0%{transform:scale(1);opacity: 0;}
	50%{transform:scale(1.1);opacity: 1;}
	100%{transform:scale(1);}
}
@-webkit-keyframes p2_icem{
	0%{-webkit-transform:scale(1);opacity: 0;}
	50%{-webkit-transform:scale(1.1);opacity: 1;}
	100%{-webkit-transform:scale(1);}
}
.page:nth-child(2).show .ic_2{
	animation: p2_ic2 1.3s .5s linear infinite both;
	-webkit-animation: p2_ic2 1.3s .5s linear infinite both;
} 
@keyframes p2_ic2{
	0%{-webkit-transform:rotate(-90deg);}
	100%{-webkit-transform:rotate(78deg);}
}
@-webkit-keyframes p2_ic2{
	0%{-webkit-transform:rotate(-90deg);}
	100%{-webkit-transform:rotate(78deg);}
}


/*page2 effect end*/

/*page3 effect*/
.page:nth-child(3).show .ic_1{
	animation:p3_ic1 .6s .4s ease both;
	-webkit-animation:p3_ic1 .6s .4s ease both;
}
@keyframes p3_ic1{
	0%{transform:translateX(1000px);opacity:0;}
	60%{transform:translateX(-30px);opacity:1;}
	80%{transform:translateX(10px);}
	100%{transform:translateX(0);}
}
@-webkit-keyframes p3_ic1{
	0%{-webkit-transform:translateX(1000px);opacity:0;}
	60%{-webkit-transform:translateX(-30px);opacity:1;}
	80%{-webkit-transform:translateX(10px);}
	100%{-webkit-transform:translateX(0);}
}
.page:nth-child(3).show .ic_2{
	animation:p3_ic234 2s linear both infinite,opacity .5s 1s linear both;
	-webkit-animation:p3_ic234 2s linear both infinite,opacity .5s 1s linear both;
}
.page:nth-child(3).show .ic_3{
	animation:p3_ic234 2s linear both infinite,opacity .5s 1.2s linear both;
	-webkit-animation:p3_ic234 2s linear both infinite,opacity .5s 1.2s linear both;
}
.page:nth-child(3).show .ic_4{
	animation:p3_ic234 2s linear both infinite,opacity .5s 1.4s linear both;
	-webkit-animation:p3_ic234 2s linear both infinite,opacity .5s 1.4s linear both;
}
@keyframes p3_ic234{
	0%,100%{transform:translateY(0);}
	25%{transform:translateY(2px);}
	75%{transform:translateY(-2px);}
}
@-webkit-keyframes p3_ic234{
	0%,100%{-webkit-transform:translateY(0);}
	25%{-webkit-transform:translateY(2px);}
	75%{-webkit-transform:translateY(-2px);}
}
.page:nth-child(3).show .ic_line{
	animation:p3_icl .2s 1.9s linear both;
	-webkit-animation:p3_icl .2s 1.9s linear both;
}
@keyframes p3_icl{
	0%{width: 0}
	100%{width: 32px;}
}
@-webkit-keyframes p3_icl{
	0%{width: 0}
	100%{width: 32px;}
}
/*page3 effect end*/

/*page4 effect*/
.page:nth-child(4).show .ic_1{
	animation:p4_ic1 .6s .4s ease both;
	-webkit-animation:p4_ic1 .6s .4s ease both;
}
@keyframes p4_ic1{
	0%{transform:translateY(-1000px);opacity:0;}
	60%{transform:translateY(30px);opacity:1;}
	80%{transform:translateY(-10px);}
	100%{transform:translateY(0);}
}
@-webkit-keyframes p4_ic1{
	0%{-webkit-transform:translateY(-1000px);opacity:0;}
	60%{-webkit-transform:translateY(30px);opacity:1;}
	80%{-webkit-transform:translateY(-10px);}
	100%{-webkit-transform:translateY(0);}
}
.page:nth-child(4).show .ic_2,.page:nth-child(4).show .ic_3{
	animation:p4_ic23 2s linear both infinite,opacity .5s 1s linear both,p4_ic23s .2s 1s linear both;
	-webkit-animation:p4_ic23 2s linear both infinite,opacity .5s 1s linear both,p4_ic23s .2s 1s linear both;
}
@keyframes p4_ic23s{
	0%{margin-bottom: 30px;}
	100%{margin-bottom: 0;}
}
@-webkit-keyframes p4_ic23s{
	0%{margin-bottom: 30px;}
	100%{margin-bottom: 0;}
}

@keyframes p4_ic23{
	0%,100%{-webkit-transform:translateY(0);}
	25%{-webkit-transform:translateY(2px);}
	75%{-webkit-transform:translateY(-2px);}
}
@-webkit-keyframes p4_ic23{
	0%,100%{-webkit-transform:translateY(0);}
	25%{-webkit-transform:translateY(2px);}
	75%{-webkit-transform:translateY(-2px);}
}
/*page4 effect end*/

/*page5 effect*/
.page:nth-child(5).show .ic_1,.page:nth-child(5).show .ic_2{
	animation:p5_ic12 .6s .4s ease both;
	-webkit-animation:p5_ic12 .6s .4s ease both;
}
@keyframes p5_ic12{
	0%{transform:translateX(-1000px);opacity:0;}
	60%{transform:translateX(30px);opacity:1;}
	80%{transform:translateX(-10px);}
	100%{transform:translateX(0);}
}
@-webkit-keyframes p5_ic12{
	0%{-webkit-transform:translateX(-1000px);opacity:0;}
	60%{-webkit-transform:translateX(30px);opacity:1;}
	80%{-webkit-transform:translateX(-10px);}
	100%{-webkit-transform:translateX(0);}
}
.page:nth-child(5).show .ic_3{
	animation:p5_ic3 .6s .4s ease both;
	-webkit-animation:p5_ic3 .6s .4s ease both;
}
@keyframes p5_ic3{
	0%{transform:translateX(1000px);opacity:0;}
	60%{transform:translateX(-30px);opacity:1;}
	80%{transform:translateX(10px);}
	100%{transform:translateX(0);}
}
@-webkit-keyframes p5_ic3{
	0%{-webkit-transform:translateX(1000px);opacity:0;}
	60%{-webkit-transform:translateX(-30px);opacity:1;}
	80%{-webkit-transform:translateX(10px);}
	100%{-webkit-transform:translateX(0);}
}
.page:nth-child(5).show .ic_play{
	animation:p5_icp .4s 1s linear both;
	-webkit-animation:p5_icp .4s 1s linear both;
}
@keyframes p5_icp{
	0%{transform:scale(1,1);opacity:1;}
	100%{transform:scale(1.5,1.5);opacity:0;}
}
@-webkit-keyframes p5_icp{
	0%{-webkit-transform:scale(1,1);opacity:1;}
	100%{-webkit-transform:scale(1.5,1.5);opacity:0;}
}
.page:nth-child(5).show .ic_girl{
	animation:p5_icg 2s 1.5s ease both infinite;
	-webkit-animation:p5_icg 2s 1.5s ease both infinite;
}
@keyframes p5_icg{
	0%,50%,100%{transform:translateX(0);}
	5%,15%,25%,35%,45%{transform:translateX(-3px);}
	10%,20%,30%,40%{transform:translateX(3px);}
}
@-webkit-keyframes p5_icg{
	0%,50%,100%{-webkit-transform:translateX(0);}
	5%,15%,25%,35%,45%{-webkit-transform:translateX(-3px);}
	10%,20%,30%,40%{-webkit-transform:translateX(3px);}
}
/*page5 effect end*/

/*page6 effect*/
.page:nth-child(6).show .ic_1{
	animation:p6_ic1 .6s .4s ease both;
	-webkit-animation:p6_ic1 .6s .4s ease both;
}
@keyframes p6_ic1{
	0%{transform:scale(1);opacity: 0;}
	50%{transform:scale(1.1);opacity: 1;}
	100%{transform:scale(1);}
}
@-webkit-keyframes p6_ic1{
	0%{-webkit-transform:scale(1);opacity: 0;}
	50%{-webkit-transform:scale(1.1);opacity: 1;}
	100%{-webkit-transform:scale(1);}
}
.page:nth-child(6).show .ic_7{
	animation:p6_ic7 .2s 1s linear both;
	-webkit-animation:p6_ic7 .2s 1s linear both;
}
@keyframes p6_ic7{
	0%{width: 0;height: 0;}
	100%{width: 33px;height: 41px;}
}
@-webkit-keyframes p6_ic7{
	0%{width: 0;height: 0;}
	100%{width: 33px;height: 41px;}
}
.page:nth-child(6).show .ic_2{
	animation:opacity .3s 1.2s linear both;
	-webkit-animation:opacity .3s 1.2s linear both;
}
.page:nth-child(6).show .ic_8{
	animation:p6_ic8 .2s 1.2s linear both;
	-webkit-animation:p6_ic8 .2s 1.2s linear both;
}
@keyframes p6_ic8{
	0%{width: 0;height: 0;}
	100%{width: 50px;height: 30px;}
}
@-webkit-keyframes p6_ic8{
	0%{width: 0;height: 0;}
	100%{width: 50px;height: 30px;}
}
.page:nth-child(6).show .ic_3{
	animation:opacity .3s 1.4s linear both;
	-webkit-animation:opacity .3s 1.4s linear both;
}
.page:nth-child(6).show .ic_9{
	animation:p6_ic9 .2s 1.4s linear both;
	-webkit-animation:p6_ic9 .2s 1.4s linear both;
}
@keyframes p6_ic9{
	0%{width: 0;height: 0;}
	100%{width: 58px;height: 25px;}
}
@-webkit-keyframes p6_ic9{
	0%{width: 0;height: 0;}
	100%{width: 58px;height: 25px;}
}
.page:nth-child(6).show .ic_11{
	animation:p6_ic11 .2s 1.4s linear both;
	-webkit-animation:p6_ic11 .2s 1.4s linear both;
}
@keyframes p6_ic11{
	0%{width: 0;height: 0;}
	100%{width: 24px;height: 66px;}
}
@-webkit-keyframes p6_ic11{
	0%{width: 0;height: 0;}
	100%{width: 24px;height: 66px;}
}
.page:nth-child(6).show .ic_4{
	animation:opacity .3s 1.6s linear both;
	-webkit-animation:opacity .3s 1.6s linear both;
}
.page:nth-child(6).show .ic_10{
	animation:p6_ic10 .2s 1.6s linear both;
	-webkit-animation:p6_ic10 .2s 1.6s linear both;
}
@keyframes p6_ic10{
	0%{width: 0;height: 0;}
	100%{width: 52px;height: 18px;}
}
@-webkit-keyframes p6_ic10{
	0%{width: 0;height: 0;}
	100%{width: 52px;height: 18px;}
}
.page:nth-child(6).show .ic_5{
	animation:opacity .3s 1.8s linear both;
	-webkit-animation:opacity .3s 1.8s linear both;
}
.page:nth-child(6).show .ic_12{
	animation:p6_ic12 .2s 1.8s linear both;
	-webkit-animation:p6_ic12 .2s 1.8s linear both;
}
@keyframes p6_ic12{
	0%{width: 0;height: 0;}
	100%{width: 40px;height: 38px;}
}
@-webkit-keyframes p6_ic12{
	0%{width: 0;height: 0;}
	100%{width: 40px;height: 38px;}
}
.page:nth-child(6).show .ic_13{
	animation:p6_ic13 .2s 1.8s linear both;
	-webkit-animation:p6_ic13 .2s 1.8s linear both;
}
@keyframes p6_ic13{
	0%{width: 0;height: 0;}
	100%{width: 85px;height: 73px;}
}
@-webkit-keyframes p6_ic13{
	0%{width: 0;height: 0;}
	100%{width: 85px;height: 73px;}
}
.page:nth-child(6).show .ic_6{
	animation:opacity .3s 2s linear both;
	-webkit-animation:opacity .3s 2s linear both;
}
/*page6 effect end*/
/*index end*/


/*welfare*/
.welfare_sec{background: #fff;}
.welfare_sec .content{padding-top: 0;height: 100%;overflow-x: hidden;}
.welfare_wp{position: relative;height: 100%;}
.welfare_cont{position: absolute;width: 100%;top: 41px;bottom: 0;left: 0;overflow: hidden;}
.welfare_cont h2{position: absolute;top: 0;left: 0;width: 100%;text-align: center;font-size: 32px;line-height: 33px;color: #0c8ef1;padding: 15px 0;font-weight: lighter;}
.welfare_cont h2 em{display: block;font-size: 28px;font-weight: lighter;}
.welfare_list{position: absolute;width: 100%;top: 86px;left: 0;bottom: 0;}
.welfare_list li{height: 25%;position: relative;display: -webkit-box;-webkit-box-align: center;}
.welfare_list .wl_cont{display: -webkit-box;position: relative;padding-left: 132px;-webkit-box-align: center;font-size: 14px;color: #555;line-height: 26px;font-weight: lighter;}
.welfare_list .wl_cont em{font-size: 22px;display: block;font-weight: lighter;}
.welfare_list li:before{content: "";position: absolute;width: 68px;height: 68px;max-height: 85%;top: 50%;left: 50px;margin-top: -34px;background-size: auto 100%;background-position: center top;background-repeat: no-repeat;}
.welfare_list li:nth-child(1):before{background-image: url('../img/welfare/ic_welfare1.png');}
.welfare_list li:nth-child(2):before{background-image: url('../img/welfare/ic_welfare2.png');}
.welfare_list li:nth-child(3):before{background-image: url('../img/welfare/ic_welfare3.png');}
.welfare_list li:nth-child(4):before{background-image: url('../img/welfare/ic_welfare4.png');}

.welfare_sec .package_wp{background: #0c8ef1;padding: 20px 40px 34px;}
.welfare_sec .package_wp h2{font-size: 21px;line-height: 22px;font-weight: lighter;color: #fff;text-align: center;}
.welfare_sec .package_tb{width: 100%;margin-top: 20px;}
.welfare_sec .package_tb th,.welfare_sec .package_tb td{border: 1px solid #8bcdff;width: 33.33%;height: 30px;text-align: center;vertical-align: middle;font-size: 12px;color: #fff;font-weight: lighter;}
.welfare_sec .package_tb th:nth-child(1),.welfare_sec .package_tb td:nth-child(1){border-left: none;}
.welfare_sec .package_tb th:last-child,.welfare_sec .package_tb td:last-child{border-right: none;}

.privilege_wp .tt_box{font-size: 0;line-height: 0;padding: 24px 0;text-align: center;}
.privilege_wp h2{position: relative;display: inline-block;font-size: 21px;line-height: 22px;font-weight: lighter;color: #1d1e1e;}
.privilege_wp h2:before,.privilege_wp h2:after{content: "";position: absolute;top: 50%;width: 64px;height: 1px;background: #878787;}
.privilege_wp h2:before{left: -75px;}
.privilege_wp h2:after{right: -75px;}
.privilege_wp .img_box img{display: block;width: 100%;}
.privilege_wp .txt_tq{margin-top: 24px;text-align: center;font-size: 12px;color: #1d1e1e;line-height: 15px;}
.privilege_wp .txt_tq em{display: block;font-size: 22px;line-height: 25px;font-weight: lighter;}
.privilege_wp .txt_tq:before{content: "";display: block;background: url('../img/welfare/ic_clock.png') no-repeat 0 0;background-size: 100% 100%;width: 70px;height: 40px;margin: 0 auto 12px;}
.privilege_wp .btn_box{padding: 25px 0;}
.privilege_wp .btn_open{display: block;width: 246px;height: 40px;text-align: center;line-height: 40px;-webkit-border-radius: 40px;font-size: 16px;color: #f5f5f5;background: #de3434;margin: 0 auto;}

.welfare_sec .tip_wp{background: #ebf0f4;padding: 20px 0;text-align: center;font-size: 10px;line-height: 16px;color: #1d1e1e;}

/*welfare end*/


/*help*/
.help_sec{background: #fff;}
.help_sec .content{position: absolute;width: 100%;top: 41px;left: 0;bottom: 0;overflow-x: hidden;padding-top: 0;}
.area_wp{position: relative;padding-bottom: 45px;}
.help_sec .map_box{background: #0455b0 url('../img/help/map.png') no-repeat center top;background-size: auto 100%;height: 134px;position: relative;}
.help_sec .map_box img{display: block;height: 134px;margin: 0 auto;}
.help_sec .ic_area{position: absolute;background: url('../img/help/ic_area.png') no-repeat 0 0;background-size: 100% 100%;width: 58px;height: 74px;top: 48px;left: 50%;margin-left: 24px;}
.help_sec .ic_point1 i{position: absolute;background: url('../img/help/ic_point1.png') no-repeat 0 0;background-size: 100% 100%;width: 11px;height: 14px;left: 50%;}
.help_sec .ic_point1 i:nth-child(1){top: 1px;margin-left: 59px;}
.help_sec .ic_point1 i:nth-child(2){top: 22px;margin-left: -42px;}
.help_sec .ic_point1 i:nth-child(3){top: 63px;margin-left: 78px;}
.help_sec .ic_point1 i:nth-child(4){top: 92px;margin-left: -17px;}
.help_sec .ic_point1 i:nth-child(5){bottom: 0;margin-left: 38px;}
.help_sec .ic_point2 i{position: absolute;font-size: 8px;height: 12px;line-height: 12px;color: #fff;left: 50%;font-weight: lighter;}
.help_sec .ic_point2 i:before{content: "";position: absolute;background: url('../img/help/ic_point2.png') no-repeat 0 0;background-size: 100% 100%;width: 9px;height: 11px;}
.help_sec .ic_point2 i:nth-child(1){top: 59px;margin-left: 39px;}
.help_sec .ic_point2 i:nth-child(1):before{top: 0;left: 100%;}
.help_sec .ic_point2 i:nth-child(2){top: 75px;margin-left: 49px;}
.help_sec .ic_point2 i:nth-child(2):before{top: 0;left: -9px;}
.help_sec .ic_point2 i:nth-child(3){top: 85px;margin-left: 27px;}
.help_sec .ic_point2 i:nth-child(3):before{top: 9px;left: 9px;}
.help_sec .ic_point2 i:nth-child(4){top: 105px;margin-left: 57px;}
.help_sec .ic_point2 i:nth-child(4):before{top: 0;left: -10px;}
.help_sec .area_cont{position: relative;display: -webkit-box;-webkit-box-align: center;}
.help_sec .area_box{padding: 0 18px;}
.help_sec h2{font-size: 20px;line-height: 20px;font-weight: lighter;color: #1d1e1e;text-align: center;padding: 18px 0;}
.help_sec .area_tb{width: 100%;}
.area_tb th{height: 26px;vertical-align: middle;text-align: center;background: #0c8ef1;font-size: 10px;color: #fff;font-weight: normal;border: 1px solid #c1c1c1;border-top: none;}
.area_tb th:nth-child(1){width: 21.6%;}
.area_tb th:nth-child(3){width: 25.6%;}
.area_tb td{font-size: 10px;line-height: 14px;color: #666;padding: 10px 0;vertical-align: top;text-align: center;border: 1px solid #c1c1c1;}
.area_tb td em{color: #000;font-weight: bold;}
.area_tb .txt_tb{text-align: left;padding: 0 6px;margin-bottom: 5px;}
.area_tb th:nth-child(1),.area_tb td:nth-child(1){border-left: none;}
.area_tb th:last-child,.area_tb td:last-child{border-right: none;}

.question_wp{position: relative;height: 100%;background: #e7f1f8;}
.question_wp .question_cont{position: absolute;top: 56px;left: 0;width: 100%;bottom: 0;}
.question_wp .question_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: left .3s;}
.question_list{font-size: 0;line-height: 0;}
.question_list li{display: inline-block;width: 50%;}
.question_list a{display: block;padding: 28px 0;text-align: center;font-size: 13px;line-height: 14px;color: #1d75d9;}
.question_list a:before{content: "";display: block;margin: 0 auto 9px;width: 68px;height: 68px;background-size: 100% 100%;}
.question_list a:active{background: #bcdff9;}
.question_list li:nth-child(1) a:before{background-image: url('../img/help/ic_question1.png');}
.question_list li:nth-child(2) a:before{background-image: url('../img/help/ic_question2.png');}
.question_list li:nth-child(3) a:before{background-image: url('../img/help/ic_question3.png');}
.question_list li:nth-child(4) a:before{background-image: url('../img/help/ic_question4.png');}

.answer_box{position: absolute;width: 100%;height: 100%;top: 0;left: 100%;-webkit-transition: left .3s;background: #fff;box-shadow: 0 -3px 5px rgba(100,100,100,.1);}
.answer_list{position: absolute;top: 0;left: 0;right: 0;bottom: 60px;padding: 20px;overflow-x: hidden;overflow-y: auto;}
.answer_list li{position: relative;padding-left: 10px;border-bottom: 1px solid #dadada;padding-bottom: 8px;font-size: 12px;line-height: 15px;margin-bottom: 13px;}
.answer_list li:before{content: "";position: absolute;width: 4px;height: 4px;-webkit-border-radius: 9999px;background: #158eff;top: 5px;left: 0;}
.answer_list .txt_q{color: #1d1e1e;}
.answer_list .txt_a{color: #666;position: relative;overflow: hidden;height: 0;}
.answer_list li.show .txt_a{height: auto;margin-top: 8px;}
.answer_box .btn_back{position: absolute;width: 244px;height: 37px;text-align: center;line-height: 37px;font-size: 17px;color: #5d5d5d;background: #eeeff0;border: 1px solid #bcbcbc;-webkit-border-radius: 37px;bottom: 20px;left: 50%;margin-left: -123px;}

.show_answer .question_box{left: -100%;}
.show_answer .answer_box{left: 0;}

.contact_wp{background: #1d75d9;}
.contact_wp a{display: block;position: relative;padding-left: 36.8%;font-size: 20px;line-height: 62px;height: 62px;color: #55d1e7;border-bottom: 1px solid #4192ef;}
.contact_wp a:before{content: "";position: absolute;top: 50%;left: 36.8%;margin-left: -34px;background-size: 100% 100%;}
.contact_wp a:nth-child(1):before{background-image: url('../img/help/ic_phone.png');width: 22px;height: 22px;margin-top: -11px;}
.contact_wp a:nth-child(2):before{background-image: url('../img/help/ic_qq.png');width: 25px;height: 25px;margin-top: -13px;}

.share_wp{padding: 34px 0;background: #1d75d9;}
.share_wp dl{padding-left: 20px;display: -webkit-box;-webkit-box-align: center;}
.share_wp dl img{display: block;width: 42px;height: 42px;}
.share_wp dt{font-size: 12px;color: #fff;}
.share_wp dt,.share_wp dd{margin: 0 6px;}

.btn_totop{display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;font-size: 20px;line-height: 78px;background: #fff;color: #1d1e1e;}
.btn_totop:before{content: "";display: block;background: url('../img/help/top_arr.png') no-repeat 0 0;background-size: 100% 100%;width: 33px;height: 18px;margin-right: 10px;}


.help_sec .ic_area{
	animation: opacity .6s linear both;
	-webkit-animation: opacity .6s linear both;
} 


.help_sec .ic_point1 i:nth-child(1){
	animation:hp_point 2s linear both infinite,opacity .5s .6s linear both;
	-webkit-animation:hp_point 2s linear both infinite,opacity .5s .6s linear both;
}
.help_sec .ic_point1 i:nth-child(5){
	animation:hp_point 2s .2s linear both infinite,opacity .5s .7s linear both;
	-webkit-animation:hp_point 2s .2s linear both infinite,opacity .5s .7s linear both;
}
.help_sec .ic_point1 i:nth-child(2){
	animation:hp_point 2s .4s linear both infinite,opacity .5s .8s linear both;
	-webkit-animation:hp_point 2s .4s linear both infinite,opacity .5s .8s linear both;
}
.help_sec .ic_point1 i:nth-child(4){
	animation:hp_point 2s .6s linear both infinite,opacity .5s .9s linear both;
	-webkit-animation:hp_point 2s .6s linear both infinite,opacity .5s .9s linear both;
}
.help_sec .ic_point1 i:nth-child(3){
	animation:hp_point 2s .8s linear both infinite,opacity .5s 1s linear both;
	-webkit-animation:hp_point 2s .8s linear both infinite,opacity .5s 1s linear both;
}
.help_sec .ic_point2 i:nth-child(1){
	animation:opacity .5s 1.1s linear both;
	-webkit-animation:opacity .5s 1.1s linear both;
}
.help_sec .ic_point2 i:nth-child(4){
	animation:opacity .5s 1.2s linear both;
	-webkit-animation:opacity .5s 1.2s linear both;
}
.help_sec .ic_point2 i:nth-child(2){
	animation:opacity .5s 1.3s linear both;
	-webkit-animation:opacity .5s 1.3s linear both;
}
.help_sec .ic_point2 i:nth-child(3){
	animation:opacity .5s 1.4s linear both;
	-webkit-animation:opacity .5s 1.4s linear both;
}
@keyframes hp_point{
	0%,100%{transform:translateY(0);}
	25%{transform:translateY(1px);}
	75%{transform:translateY(-1px);}
}
@-webkit-keyframes hp_point{
	0%,100%{-webkit-transform:translateY(0);}
	25%{-webkit-transform:translateY(1px);}
	75%{-webkit-transform:translateY(-1px);}
}

/*help end*/

.pop_area{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: -webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.pop_box{position: relative;width: 270px;}
.pop_cont{position: relative;overflow: hidden;-webkit-border-radius: 6px;background-clip: padding-box;background: -webkit-linear-gradient(-60deg, #00afff 0%,#0074c8 100%);background: linear-gradient(120deg, #00afff 0%,#0074c8 100%);}
.pop_box .pop_close{position: absolute;width: 32px;height: 32px;top: -16px;right: -16px;-webkit-border-radius: 9999px;background: rgba(35,35,35,.9);}
.pop_box .pop_close:before,.pop_box .pop_close:after{content: "";position: absolute;width: 20px;height: 2px;background: #999;top: 15px;left: 6px;}
.pop_box .pop_close:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.pop_box .pop_close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.pop_pay .pop_cont{background: #f5f5f5;}
.pop_pay .pop_tt{padding: 22px 0 13px;}
.pop_pay .txt_pay{font-size: 16px;line-height: 18px;color: #1d1e1e;text-align: center;}
.pop_pay .pay_list{font-size: 0;line-height: 0;text-align: center;}
.pop_pay .pay_list li{display: inline-block;width: 109px;margin: 0 3px 7px;}
.pop_pay .pay_list a{display: block;height: 44px;padding-top: 14px;background: #fff;border: 2px solid #bfbfbf;-webkit-border-radius: 5px;position: relative;overflow: hidden;background-clip: padding-box;font-size: 15px;color: #333;line-height: 20px;font-weight: bold;}
.pop_pay .pay_list a em{color: #de3434;}
.pop_pay .pay_list .tip{display: block;font-size: 12px;line-height: 17px;color: #777;font-weight: lighter;}
.pop_pay .pay_list .discount{position: absolute;top: -2px;left: -2px;font-size: 9px;line-height: 14px;padding: 0 6px;background: #de3434;color: #fff6ef;font-weight: lighter;}
.pop_pay .pay_list a.cur{border-color: #de3434;background: #fff6ef;}
.pop_pay .pay_total{font-size: 15px;color: #1d1e1e;line-height: 26px;text-align: center;}
.pop_pay .pay_total .txt_money{font-size: 19px;color: #de3434;}
.pop_pay .pay_total em{font-size: 26px;font-weight: bold;}
.pop_pay .pop_bot{padding-bottom: 20px;}
.pop_pay .btn_pay{display: block;width: 226px;height: 36px;line-height: 36px;text-align: center;-webkit-border-radius: 36px;background: #de3434;font-size: 16px;color: #f5f5f5;margin: 10px auto 0;}
.pop_pay .txt_agree{text-align: center;font-size: 11px;color: #1d1e1e;line-height: 22px;}
.pop_pay .txt_agree a{color: #1980df;}

.pop_done .pop_tt{padding-top: 30px;}
.pop_done .txt_done{position: relative;padding-left: 120px;font-size: 10px;color: rgba(255,255,255,.5);line-height: 14px;font-weight: lighter;}
.pop_done .txt_done em{display: block;font-size: 20px;color: #fff;line-height: 24px;font-weight: lighter;}
.pop_done .txt_done:before{content: "";position: absolute;background: url('../img/pop/ic_clock.png') no-repeat 0 0;background-size: 100% 100%;width: 70px;height: 41px;top: -6px;left: 42px;}
.pop_done .pop_mid{margin-top: 17px;height: 146px;background: url('../img/pop/pop_done.png') no-repeat center top;background-size: auto 100%;position: relative;}
.pop_done .ic_pop{position: absolute;width: 64px;height: 64px;top: 28px;left: 51px;}
.pop_done .ic_1{position: absolute;width: 64px;height: 64px;background: url('../img/pop/ic_round.png') no-repeat;background-size: 100% 100%;opacity: .1;top: 0;left: 0;}
.pop_done .ic_2{position: absolute;width: 52px;height: 52px;background: url('../img/pop/ic_round.png') no-repeat;background-size: 100% 100%;opacity: .2;top: 6px;left: 6px;}
.pop_done .ic_3{position: absolute;width: 42px;height: 42px;top: 11px;left: 11px;}
.pop_done .ic_3 img{display: block;width: 100%;height: 100%;}
.pop_done .btn_download{display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;height: 48px;line-height: 48px;font-size: 14px;color: #fff;background: #39a439;}
.pop_done .btn_download:before{content: "";display: block;background: url('../img/pop/ic_download.png') no-repeat 0 0;background-size: 100% 100%;width: 18px;height: 18px;margin-right: 6px;}

.pop_done .ic_1{
	animation: pd_ic1 1.6s linear infinite both;
	-webkit-animation: pd_ic1 1.6s linear infinite both;
} 
@keyframes pd_ic1{
	0%,20%{transform: scale(.9);opacity: 0;}
	60%{opacity: .2;}
	100%{transform: scale(1.15);opacity: 0;}
}
@-webkit-keyframes pd_ic1{
	0%,20%{-webkit-transform: scale(.9);opacity: 0;}
	60%{opacity: .2;}
	100%{-webkit-transform: scale(1.15);opacity: 0;}
}
.pop_done .ic_2{
	animation: pd_ic2 1.6s linear infinite both;
	-webkit-animation: pd_ic2 1.6s linear infinite both;
} 
@keyframes pd_ic2{
	0%{transform: scale(.9);opacity: 0;}
	35%{opacity: .4;}
	80%,100%{transform: scale(1.05);opacity: 0;}
}
@-webkit-keyframes pd_ic2{
	0%{-webkit-transform: scale(.9);opacity: 0;}
	35%{opacity: .4;}
	80%,100%{-webkit-transform: scale(1.05);opacity: 0;}
}

.pop_fail .pop_tt{padding-top: 35px;}
.pop_fail .txt_fail{position: relative;text-align: center;font-size: 12px;color: #98d8ff;line-height: 22px;font-weight: lighter;}
.pop_fail .txt_fail em{display: block;font-size: 19px;color: #fff;line-height: 28px;font-weight: lighter;}
.pop_fail .txt_fail:before{content: "";display: block;margin: 0 auto 8px;background: url('../img/pop/ic_fail.png') no-repeat 0 0;background-size: 100% 100%;width: 74px;height: 69px;}
.pop_fail .pop_bot{margin-top: 26px;border-top: 1px solid #15b6ff;}
.pop_fail .btn_detail{display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;height: 48px;font-size: 14px;color: #fff;}
.pop_fail .btn_detail:before{content: "";display: block;background: url('../img/pop/ic_arr.png') no-repeat 0 0;background-size: 100% 100%;width: 15px;height: 13px;margin-right: 6px;}

.pop_speed .pop_mid{padding: 40px 0 66px;}
.pop_speed .txt_up{position: absolute;width: 100%;text-align: center;font-size: 11px;line-height: 24px;color: #e6f2fb;top: 40px;left: 0;}
.pop_speed .txt_up em{display: block;font-size: 24px;color: #fff;}
.pop_speed .txt_speed{font-size: 16px;line-height: 18px;text-align: center;color: #fff;margin-top: 28px;}
.pop_speed .speed_cont{position: relative;width: 164px;height: 84px;margin: 0 auto;}
.pop_speed .ic_flicker{position: absolute;background: url('../img/pop/ic_speed.png') no-repeat 0 0;background-size: 100% 100%;width: 146px;height: 36px;bottom: 54px;left: 50%;margin-left: -73px;-webkit-transform-origin: center 90px;}

.pop_speed .ic_flicker.move{
	animation: ps_flk 1.3s linear infinite both;
	-webkit-animation: ps_flk 1.3s linear infinite both;
} 
@keyframes ps_flk{
	0%{-webkit-transform:rotate(-90deg);}
	100%{-webkit-transform:rotate(40deg);}
}
@-webkit-keyframes ps_flk{
	0%{-webkit-transform:rotate(-90deg);}
	100%{-webkit-transform:rotate(40deg);}
}

.speed_box{position: relative;width: 164px;height: 84px;}
.speed_box .ic_speed{position: absolute;width: 82px;height: 2px;bottom: -1px;left: 50%;-webkit-transform-origin: left center;}
.speed_box .ic_speed i{position: absolute;width: 9px;height: 2px;top: 0;right: 0;}
.speed_box .ic_dark{background: #fff;box-shadow: 0 0 1px rgba(0,0,0,.3);}
.speed_box .ic_light{background: #00ff06;z-index: 5;opacity: 0;-webkit-transition: opacity .5s;}
.speed_box .show .ic_light{opacity: 1;}
.speed_box .ic_speed:nth-child(1){-webkit-transform:rotate(-180deg) translateZ(0);}
.speed_box .ic_speed:nth-child(2){-webkit-transform:rotate(-175deg) translateZ(0);}
.speed_box .ic_speed:nth-child(3){-webkit-transform:rotate(-170deg) translateZ(0);}
.speed_box .ic_speed:nth-child(4){-webkit-transform:rotate(-165deg) translateZ(0);}
.speed_box .ic_speed:nth-child(5){-webkit-transform:rotate(-160deg) translateZ(0);}
.speed_box .ic_speed:nth-child(6){-webkit-transform:rotate(-155deg) translateZ(0);}
.speed_box .ic_speed:nth-child(7){-webkit-transform:rotate(-150deg) translateZ(0);}
.speed_box .ic_speed:nth-child(8){-webkit-transform:rotate(-145deg) translateZ(0);}
.speed_box .ic_speed:nth-child(9){-webkit-transform:rotate(-140deg) translateZ(0);}
.speed_box .ic_speed:nth-child(10){-webkit-transform:rotate(-135deg) translateZ(0);}
.speed_box .ic_speed:nth-child(11){-webkit-transform:rotate(-130deg) translateZ(0);}
.speed_box .ic_speed:nth-child(12){-webkit-transform:rotate(-125deg) translateZ(0);}
.speed_box .ic_speed:nth-child(13){-webkit-transform:rotate(-120deg) translateZ(0);}
.speed_box .ic_speed:nth-child(14){-webkit-transform:rotate(-115deg) translateZ(0);}
.speed_box .ic_speed:nth-child(15){-webkit-transform:rotate(-110deg) translateZ(0);}
.speed_box .ic_speed:nth-child(16){-webkit-transform:rotate(-105deg) translateZ(0);}
.speed_box .ic_speed:nth-child(17){-webkit-transform:rotate(-100deg) translateZ(0);}
.speed_box .ic_speed:nth-child(18){-webkit-transform:rotate(-95deg) translateZ(0);}
.speed_box .ic_speed:nth-child(19){-webkit-transform:rotate(-90deg) translateZ(0);}
.speed_box .ic_speed:nth-child(20){-webkit-transform:rotate(-85deg) translateZ(0);}
.speed_box .ic_speed:nth-child(21){-webkit-transform:rotate(-80deg) translateZ(0);}
.speed_box .ic_speed:nth-child(22){-webkit-transform:rotate(-75deg) translateZ(0);}
.speed_box .ic_speed:nth-child(23){-webkit-transform:rotate(-70deg) translateZ(0);}
.speed_box .ic_speed:nth-child(24){-webkit-transform:rotate(-65deg) translateZ(0);}
.speed_box .ic_speed:nth-child(25){-webkit-transform:rotate(-60deg) translateZ(0);}
.speed_box .ic_speed:nth-child(26){-webkit-transform:rotate(-55deg) translateZ(0);}
.speed_box .ic_speed:nth-child(27){-webkit-transform:rotate(-50deg) translateZ(0);}
.speed_box .ic_speed:nth-child(28){-webkit-transform:rotate(-45deg) translateZ(0);}
.speed_box .ic_speed:nth-child(29){-webkit-transform:rotate(-40deg) translateZ(0);}
.speed_box .ic_speed:nth-child(30){-webkit-transform:rotate(-35deg) translateZ(0);}
.speed_box .ic_speed:nth-child(31){-webkit-transform:rotate(-30deg) translateZ(0);}
.speed_box .ic_speed:nth-child(32){-webkit-transform:rotate(-25deg) translateZ(0);}
.speed_box .ic_speed:nth-child(33){-webkit-transform:rotate(-20deg) translateZ(0);}
.speed_box .ic_speed:nth-child(34){-webkit-transform:rotate(-15deg) translateZ(0);}
.speed_box .ic_speed:nth-child(35){-webkit-transform:rotate(-10deg) translateZ(0);}
.speed_box .ic_speed:nth-child(36){-webkit-transform:rotate(-5deg) translateZ(0);}
.speed_box .ic_speed:nth-child(37){-webkit-transform:rotate(0deg) translateZ(0);}





@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}
}



@media only screen and (min-width: 1024px){
	.wrap{zoom:3.2;} 
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.wrap{zoom:2.4;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.wrap{zoom:2;}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	.wrap{zoom:1.68;}
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
	.wrap{zoom:1.5;}
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
	.wrap{zoom:1.29;}
}
@media only screen and (min-width: 400px) and (max-width: 413px) {
    .wrap{zoom:1.25;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
	.wrap{zoom:1.17;}
}
@media only screen and (min-width: 360px) and (max-width:374px) {
	.wrap{zoom:1.125;}
}