@charset "gb2312";body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif;margin:0 auto;color:#3a3d5e;background:#fff}
button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,iframe,input,ol,p,select,textarea,ul{margin:0;padding:0}
img{border:0 none}
li,ol,ul{list-style-type:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53}
a{text-decoration:none;color:#333}
a:hover{text-decoration:underline}
a,a:hover{outline:0;blur:expression(this.onFocus=this.blur())}
.layout{clear:both;width:1200px;text-align:left;margin:0 auto}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.abs{position:absolute}
#menu{position:absolute;width:24px;right:10px;top:50%;z-index:999}
#menu a{display:block;background:url(/images/zhuanti/2017newApp/an.png) no-repeat 0 -25px;width:24px;height:24px;margin:8px 0}
#menu a.active{background-position:0 0}
#section02 .layout,#section03 .layout,#section04 .layout{overflow:hidden}
#section01{width:100%;height:606px;overflow:hidden;margin:0 auto;background:url(/images/phoneshop/jxjj/step01_1.png) center top no-repeat}
#section01 .s02{left:18px;top:18px;animation-delay:.8s;-webkit-animation-delay:.8s}
#section01 .s03{left:576px;top:130px;animation-delay:.8s;-webkit-animation-delay:.8s}
#section01 .s04{left:596px;top:224px;animation-delay:1s;-webkit-animation-delay:1s}
#section01 .s05{left:596px;top:248px;animation-delay:1s;-webkit-animation-delay:1s}
#section01 .s06{left:584px;top:333px;animation-delay:1.3s;-webkit-animation-delay:1.3s}
#section01 .s07{left:817px;top:359px;animation-delay:2s;-webkit-animation-delay:1s}
#section01 .s08{left:817px;top:444px;animation-delay:.8s;-webkit-animation-delay:1.3s}
#section02,#section04{height:660px;overflow:hidden;background:url(/images/phoneshop/jxjj/ydxxbk_01.png) center top no-repeat}
#section02 .titCon{padding:145px 0 0 40px}
#section03{height:660px;overflow:hidden;background:#f4f8fe}
#section03 .titCon{padding:160px 0 0 89px}
#section04 .titCon{padding:155px 0 0 40px}
#section05{height:660px;overflow:hidden;background:url(/images/phoneshop/jxjj/1_08_03.png) center top no-repeat;}
#section05 .titCon{padding:182px 0 0 88px}
.titCon h3{line-height:75px;background:url(/images/phoneshop/jxjj/icon_bk_03.png) center top no-repeat;width:387px;text-align:center;font-size:40px}
.titCon p{font-size:20px;line-height:49px;padding:68px 0 0 17px}
.answerQuestions-mod .picShow-con{width:560px;height:538px;margin:80px 0 0 39px;position:relative}
.answerQuestions-mod .picShow-con .swiper-container{height:538px}
.answerQuestions-mod .picShow-con .swiper-slide{width:290px;height:541px;overflow:hidden;border-radius:15px}
.answerQuestions-mod .picShow-con .swiper-slide img{width:290px;height:541px;border-radius:15px}
.answerQuestions-mod .picShow-con .arrow-left,.answerQuestions-mod .picShow-con .arrow-right{ display:block; width:81px; height:81px; left:-53px; top:206px; background:url("/images/phoneshop/jxjj/left_03.png") no-repeat; z-index:19;}
.answerQuestions-mod .picShow-con .arrow-right{ left:auto; right:-54px; background:url("/images/phoneshop/jxjj/right_05.png") no-repeat;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated2{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated4{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInDownT{from{opacity:0;-webkit-transform:translate3d(80%,-100%,0);transform:translate3d(80%,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownT{from{opacity:0;-webkit-transform:translate3d(80%,-100%,0);transform:translate3d(80%,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownT{-webkit-animation-name:fadeInDownT;animation-name:fadeInDownT}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}