body,html{height:100%;width:100%;margin:0;font-family:"Microsoft yahei";background:#000}
a{-webkit-tap-highlight-color:transparent;outline:0}
i{font-style:normal}
lesshat-selector{-lh-property:0}
@-webkit-keyframes show{0%{-webkit-transform:scale(0);opacity:0}
25%{-webkit-transform:scale(.25);opacity:.25}
50%{-webkit-transform:scale(.5);opacity:.5}
75%{-webkit-transform:scale(.75);opacity:.75}
100%{-webkit-transform:scale(1);opacity:1}}
@-moz-keyframes show{0%{-moz-transform:scale(0);opacity:0}
25%{-moz-transform:scale(.25);opacity:.25}
50%{-moz-transform:scale(.5);opacity:.5}
75%{-moz-transform:scale(.75);opacity:.75}
100%{-moz-transform:scale(1);opacity:1}}
@-o-keyframes show{0%{-o-transform:scale(0);opacity:0}
25%{-o-transform:scale(.25);opacity:.25}
50%{-o-transform:scale(.5);opacity:.5}
75%{-o-transform:scale(.75);opacity:.75}
100%{-o-transform:scale(1);opacity:1}}
@keyframes show{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}
25%{-webkit-transform:scale(.25);-moz-transform:scale(.25);-ms-transform:scale(.25);transform:scale(.25);opacity:.25}
50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);opacity:.5}
75%{-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);opacity:.75}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}
.tip-show{-webkit-animation:'show 0.2s ease-in';-moz-animation:'show 0.2s ease-in';-o-animation:'show 0.2s ease-in';animation:'show 0.2s ease-in'}
.wrapper{height:100%;position:relative;overflow:hidden;max-width:600px;margin:0 auto;background:#fff}
.page-start{width:100%;height:100%;margin:0 auto;position:absolute;z-index:11;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.page-start .start-content{margin:2% auto 0;width:70%;height:100%}
.page-start .start-content img{width:100%;height:100%}
.page-start .start-title{font-size:.04075rem;position:absolute;top:38%;left:23.5%;width:54%;line-height:.0625rem;margin:0}
.page-start .start-btn{font-size:.04475rem;color:#fff;position:absolute;top:54%;left:40%;margin:0}
.page-start .btn-next{display:inline-block;position:absolute;width:17%;height:17%;background:url(../image/pointer.gif) no-repeat;background-size:100%;z-index:10;top:54%;left:53%}
.page{height:100%;width:100%;position:absolute;top:0;left:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;opacity:0;text-align:center;overflow:hidden}
.page .btn-next{display:inline-block;position:absolute;width:17%;height:17%;background:url(../image/pointer.gif) no-repeat;background-size:100%;z-index:10}
.page-wrapper{display:none}
.tip{top:0;left:0;position:absolute;background:#FF860B;font-size:.036rem;color:#FFF;z-index:10;padding:2% 4%;-webkit-border-radius:20px;-webkit-background-clip:padding-box;-moz-border-radius:20px;-moz-background-clip:padding;border-radius:20px;background-clip:padding-box;opacity:1}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13;background-color:#000;opacity:.6;display:none;filter:alpha(opacity=60)}
.result{position:fixed;width:100%;height:100%;z-index:14;display:none;color:#fff;font-size:.046875rem;max-width:600px}
.result img{display:block;width:.63125rem;height:.49375rem;margin:.2rem auto 0}
.result .h{margin:.07rem auto .104375rem;text-align:center}
.result a{text-decoration:none;color:#fff}
.result .btn{display:block;width:.56rem;height:.14rem;margin:.0625rem auto 0;line-height:.14rem;text-align:center;background:#F8A200;-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.result .share{background:#2186EF}
.bottom{position:absolute;bottom:0;left:0;width:100%;height:.156rem;background:#fff;text-align:center;z-index:12}
.bottom .bottom-title{font-size:.0468rem;position:absolute;top:.038rem;color:#4d4d4d;width:.65rem;left:50%;margin-left:-.32rem}
.bottom .menu-botton img{position:absolute;top:.038rem;left:0;width:.067rem;margin-left:.055rem}
.bottom .bottom-tip-toggle img{position:absolute;top:.038rem;right:.05625rem;width:.067rem;margin-left:.055rem}
.rolate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.rolate0{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.pages{font-style:normal}
.bottom-tip{position:absolute;bottom:.156rem;left:0;font-size:.0368rem;background:#fff;width:100%;padding:.01rem;margin:0;color:#666;padding-left:.055rem;opacity:0;z-index:12;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}
.header{width:100%;line-height:.106rem;position:relative;max-width:600px;margin:0 auto -10px;background:#fff;text-decoration:none;font-size:.0426rem;text-align:center;border-bottom:10px solid #f2f2f2;-webkit-transition:height .3s,margin-bottom .3s;height:0;transition:height .3s,margin-bottom .3s}
.header.show{height:.106rem;margin-bottom:0}
.header .tab{display:inline-block;width:50%;text-decoration:none;color:#333;border-bottom:2px solid #fff}
.header .tab.active{color:#ffac38;border-bottom:2px solid #ffac38}
.menu{position:absolute;left:0;width:100%;background:#fff;z-index:100;padding:0 0 0 .032rem;margin:0;display:none;top:0;box-sizing:border-box}
.menu li{width:100%;font-size:.0426rem;list-style:none;height:.144rem;line-height:.144rem;position:relative;box-sizing:border-box;cursor:pointer}
.menu li::before{content:'';display:inline-block;width:7px;height:7px;border-width:1px 1px 0 0;border-color:#C8C8CD;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);margin-top:-4px;position:absolute;right:.032rem;top:50%}
.menu li::after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #D9D9D9;color:#D9D9D9;transform-origin:0 100%;transform:scaleY(.5)}
.article{font-size:.042rem;text-align:left;padding:0 .03rem}
.page-wrapper1 .page img{width:100%;height:100%}
.page-wrapper1 .page-1 .btn-next{top:78%;left:45%}
.page-wrapper1 .page-1 .tip{top:67%;left:28%}
.page-wrapper1 .page-2 .btn-next{top:21%;left:68%}
.page-wrapper1 .page-2 .tip{top:38%;left:38%}
.page-wrapper1 .page-3 .btn-next{top:31%;left:42%}
.page-wrapper1 .page-3 .tip{top:42%;left:25%}
.page-wrapper2 .page-1{background:url(../image/xiansuo/1.png) no-repeat;background-size:100% 100%}
.page-wrapper2 .page-1 .btn-next{top:23%;left:70%}
.page-wrapper2 .page-1 .tip{top:29%;left:33%}
.page-wrapper2 .page-2{background:url(../image/xiansuo/2.png) no-repeat;background-size:100% 100%}
.page-wrapper2 .page-2 .btn-next{top:41%;left:19%}
.page-wrapper2 .page-2 .tip{top:31%;left:28%}
.page-wrapper2 .page-3{background:url(../image/xiansuo/3.png) no-repeat;background-size:100% 100%}
.page-wrapper2 .page-3 .btn-next{top:13%;left:72%}
.page-wrapper2 .page-3 .tip{top:30%;left:28%}
.page-wrapper2 .page-4{background:url(../image/xiansuo/4.png) no-repeat;background-size:100% 100%}
.page-wrapper2 .page-4 .btn-next{top:13%;left:72%}
.page-wrapper2 .tip{top:34%;left:24%}
.page-wrapper3 .page-1{background:url(../image/zhuanhuan/1.png) no-repeat;background-size:100% 100%}
.page-wrapper3 .page-1 .btn-next{top:80%;left:71%}
.page-wrapper3 .page-1 .tip{top:71%;left:48%}
.page-wrapper3 .page-2{background:url(../image/zhuanhuan/2.png) no-repeat;background-size:100% 100%}
.page-wrapper3 .page-2 .btn-next{top:53%;left:47%}
.page-wrapper3 .page-2 .tip{top:46%;left:26%}
.page-wrapper3 .page-3{background:url(../image/zhuanhuan/3.png) no-repeat;background-size:100% 100%}
.page-wrapper3 .page-3 .btn-next{top:66%;left:52%}
.page-wrapper3 .page-3 .tip{top:58%;left:29%}
.page-wrapper3 .page-4{background:url(../image/zhuanhuan/4.png) no-repeat;background-size:100% 100%}
.page-wrapper3 .page-4 .btn-next{top:14%;left:72%}
.page-wrapper3 .page-4 .tip{top:25%;left:22%}
.page-wrapper4 .page-1{background:url(../image/kehu/1.png) no-repeat;background-size:100% 100%}
.page-wrapper4 .page-1 .btn-next{top:23%;left:44%}
.page-wrapper4 .page-1 .tip{top:32%;left:35%}
.page-wrapper4 .page-2{background:url(../image/kehu/2.png) no-repeat;background-size:100% 100%}
.page-wrapper4 .page-2 .btn-next{top:15%;left:73%}
.page-wrapper4 .page-2 .tip{top:25%;left:33%}
.page-wrapper4 .page-3{background:url(../image/kehu/3.png) no-repeat;background-size:100% 100%}
.page-wrapper4 .page-3 .btn-next{top:15%;left:71%}
.page-wrapper4 .page-3 .tip{top:30%;left:34%}
.page-wrapper4 .page-4{background:url(../image/kehu/4.png) no-repeat;background-size:100% 100%}
.page-wrapper4 .page-4 .btn-next{top:14%;left:72%}
.page-wrapper4 .page-4 .tip{top:24%;left:28%}
.page-wrapper5 .page-1{background:url(../image/baobei/1.png) no-repeat;background-size:100% 100%}
.page-wrapper5 .page-1 .btn-next{top:15%;left:71%}
.page-wrapper5 .page-1 .tip{top:28%;left:24%}
.page-wrapper5 .page-2{background:url(../image/baobei/2.png) no-repeat;background-size:100% 100%}
.page-wrapper5 .page-2 .btn-next{top:30%;left:14%}
.page-wrapper5 .page-2 .tip{top:41%;left:15%}
.page-wrapper5 .page-3{background:url(../image/baobei/3.png) no-repeat;background-size:100% 100%}
.page-wrapper5 .page-3 .btn-next{top:26%;left:64%}
.page-wrapper5 .page-3 .tip{top:32%;left:23%}
.page-wrapper5 .page-4{background:url(../image/baobei/4.png) no-repeat;background-size:100% 100%}
.page-wrapper5 .page-4 .btn-next{top:37%;left:28%}
.page-wrapper5 .page-4 .tip{top:47%;left:30%}
.page-wrapper6 .page-1{background:url(../image/lianxi/1.png) no-repeat;background-size:100% 100%}
.page-wrapper6 .page-1 .btn-next{top:15%;left:74%}
.page-wrapper6 .page-1 .tip{top:24%;left:32%}
.page-wrapper6 .page-2{background:url(../image/lianxi/2.png) no-repeat;background-size:100% 100%}
.page-wrapper6 .page-2 .btn-next{top:14%;left:72%}
.page-wrapper6 .page-2 .tip{top:29%;left:12%}
.page-wrapper6 .page-3{background:url(../image/lianxi/3.png) no-repeat;background-size:100% 100%}
.page-wrapper6 .page-3 .btn-next{top:15%;left:71%}
.page-wrapper6 .page-3 .tip{top:28%;left:24%}
.page-wrapper7 .page-1{background:url(../image/baifang/1.png) no-repeat;background-size:100% 100%}
.page-wrapper7 .page-1 .btn-next{top:53%;left:44%}
.page-wrapper7 .page-1 .tip{top:40%;left:38%}
.page-wrapper7 .page-2{background:url(../image/baifang/2.png) no-repeat;background-size:100% 100%}
.page-wrapper7 .page-2 .btn-next{top:15%;left:73%}
.page-wrapper7 .page-2 .tip{top:26%;left:27%}
.page-wrapper7 .page-3{background:url(../image/baifang/3.png) no-repeat;background-size:100% 100%}
.page-wrapper7 .page-3 .btn-next{top:13%;left:72%}
.page-wrapper7 .page-3 .tip{top:26%;left:29%}
.page-wrapper8 .page-1{background:url(../image/guihua/1.png) no-repeat;background-size:100% 100%}
.page-wrapper8 .page-1 .btn-next{top:68%;left:68%}
.page-wrapper8 .page-1 .tip{top:62%;left:34%}
.page-wrapper8 .page-2{background:url(../image/guihua/2.png) no-repeat;background-size:100% 100%}
.page-wrapper8 .page-2 .btn-next{top:53%;left:68%}
.page-wrapper8 .page-2 .tip{top:57%;left:32%}
.page-wrapper8 .page-3{background:url(../image/guihua/3.png) no-repeat;background-size:100% 100%}
.page-wrapper8 .page-3 .btn-next{top:54%;left:70%}
.page-wrapper8 .page-3 .tip{top:45%;left:19%}
.page-wrapper8 .page-4{background:url(../image/guihua/4.png) no-repeat;background-size:100% 100%}
.page-wrapper8 .page-4 .btn-next{top:15%;left:16%}
.page-wrapper8 .page-4 .tip{top:31%;left:33%}
.page-wrapper9 .page-1{background:url(../image/qiandao/1.png) no-repeat;background-size:100% 100%}
.page-wrapper9 .page-1 .btn-next{top:72%;left:49%}
.page-wrapper9 .page-1 .tip{top:65%;left:27%}
.page-wrapper9 .page-2{background:url(../image/qiandao/2.png) no-repeat;background-size:100% 100%}
.page-wrapper9 .page-2 .btn-next{top:32%;left:47%}
.page-wrapper9 .page-2 .tip{top:42%;left:24%}
.page-wrapper9 .page-3{background:url(../image/qiandao/3.png) no-repeat;background-size:100% 100%}
.page-wrapper9 .page-3 .btn-next{top:81%;left:72%}
.page-wrapper9 .page-3 .tip{top:71%;left:14%}
.page-wrapper9 .page-4{background:url(../image/qiandao/4.png) no-repeat;background-size:100% 100%}
.page-wrapper9 .page-4 .btn-next{top:42%;left:49%}
.page-wrapper9 .page-4 .tip{top:28%;left:42%}
.page-wrapper10 .page-1{background:url(../image/shangji/1.png) no-repeat;background-size:100% 100%}
.page-wrapper10 .page-1 .btn-next{top:69%;left:73%}
.page-wrapper10 .page-1 .tip{top:60%;left:20%}
.page-wrapper10 .page-2{background:url(../image/shangji/2.png) no-repeat;background-size:100% 100%}
.page-wrapper10 .page-2 .btn-next{top:15%;left:71%}
.page-wrapper10 .page-2 .tip{top:19%;left:30%}
.page-wrapper11 .page-1{background:url(../image/liucheng/1.png) no-repeat;background-size:100% 100%}
.page-wrapper11 .page-1 .btn-next{top:37%;left:53%}
.page-wrapper11 .page-1 .tip{top:47%;left:28%}
.page-wrapper11 .page-2{background:url(../image/liucheng/2.png) no-repeat;background-size:100% 100%}
.page-wrapper11 .page-2 .btn-next{top:28%;left:67%}
.page-wrapper11 .page-2 .tip{top:34%;left:29%}
.page-wrapper11 .page-3{background:url(../image/liucheng/3.png) no-repeat;background-size:100% 100%}
.page-wrapper11 .page-3 .btn-next{top:82%;left:49%}
.page-wrapper11 .page-3 .tip{top:68%;left:23%}
.page-wrapper12 .page-1{background:url(../image/dingdan/1.png) no-repeat;background-size:100% 100%}
.page-wrapper12 .page-1 .btn-next{top:71%;left:73%}
.page-wrapper12 .page-1 .tip{top:63%;left:31%}
.page-wrapper12 .page-2{background:url(../image/dingdan/2.png) no-repeat;background-size:100% 100%}
.page-wrapper12 .page-2 .btn-next{top:31%;left:22%}
.page-wrapper12 .page-2 .tip{top:23%;left:38%}
.page-wrapper12 .page-3{background:url(../image/dingdan/3.png) no-repeat;background-size:100% 100%}
.page-wrapper12 .page-3 .btn-next{top:23%;left:71%}
.page-wrapper12 .page-3 .tip{top:31%;left:26%}
.page-wrapper12 .page-4{background:url(../image/dingdan/4.png) no-repeat;background-size:100% 100%}
.page-wrapper12 .page-4 .btn-next{top:15%;left:72%}
.page-wrapper12 .page-4 .tip{top:26%;left:27%}
.page-wrapper13 .page-1{background:url(../image/huikuan/1.png) no-repeat;background-size:100% 100%}
.page-wrapper13 .page-1 .btn-next{top:75%;left:72%}
.page-wrapper13 .page-1 .tip{top:66%;left:31%}
.page-wrapper13 .page-2{background:url(../image/huikuan/2.png) no-repeat;background-size:100% 100%}
.page-wrapper13 .page-2 .btn-next{top:15%;left:72%}
.page-wrapper13 .page-2 .tip{top:23%;left:38%}
.page-wrapper14 .page-1{background:url(../image/shuju/1.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-1 .btn-next{top:29%;left:31%}
.page-wrapper14 .page-1 .tip{top:37%;left:47%}
.page-wrapper14 .page-2{background:url(../image/shuju/2.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-2 .btn-next{top:20%;left:47%}
.page-wrapper14 .page-2 .tip{top:31%;left:22%}
.page-wrapper14 .page-3{background:url(../image/shuju/3.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-3 .btn-next{top:14%;left:46%}
.page-wrapper14 .page-3 .tip{top:25%;left:30%}
.page-wrapper14 .page-4{background:url(../image/shuju/4.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-4 .btn-next{top:27%;left:48%}
.page-wrapper14 .page-4 .tip{top:38%;left:23%}
.page-wrapper14 .page-5{background:url(../image/shuju/5.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-5 .btn-next{top:14%;left:50%}
.page-wrapper14 .page-5 .tip{top:26%;left:26%}
.page-wrapper14 .page-6{background:url(../image/shuju/6.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-6 .btn-next{top:48%;left:48%}
.page-wrapper14 .page-6 .tip{top:59%;left:31%}
.page-wrapper14 .page-7{background:url(../image/shuju/7.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-7 .btn-next{top:20%;left:47%}
.page-wrapper14 .page-7 .tip{top:30%;left:36%}
.page-wrapper14 .page-8{background:url(../image/shuju/8.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-8 .btn-next{top:14%;left:45%}
.page-wrapper14 .page-8 .tip{top:26%;left:34%}
.page-wrapper14 .page-9{background:url(../image/shuju/9.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-9 .btn-next{top:19%;left:54%}
.page-wrapper14 .page-9 .tip{top:29%;left:33%}
.page-wrapper14 .page-10{background:url(../image/shuju/10.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-10 .btn-next{top:19%;left:51%}
.page-wrapper14 .page-10 .tip{top:30%;left:23%}
.page-wrapper14 .page-11{background:url(../image/shuju/11.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-11 .btn-next{top:14%;left:44%}
.page-wrapper14 .page-11 .tip{top:25%;left:52%}
.page-wrapper14 .page-12{background:url(../image/shuju/12.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-12 .btn-next{top:14%;left:51%}
.page-wrapper14 .page-12 .tip{top:26%;left:32%}
.page-wrapper14 .page-13{background:url(../image/shuju/13.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-13 .btn-next{top:19%;left:51%}
.page-wrapper14 .page-13 .tip{top:30%;left:32%}
.page-wrapper14 .page-14{background:url(../image/shuju/14.jpg) no-repeat;background-size:100% 100%}
.page-wrapper14 .page-14 .btn-next{top:19%;left:63%}
.page-wrapper14 .page-14 .tip{top:29%;left:28%}
.page-wrapper15 .page-1{background:url(../image/zhineng/1.jpg) no-repeat;background-size:100% 100%}
.page-wrapper15 .page-1 .btn-next{top:39%;left:36%}
.page-wrapper15 .page-1 .tip{top:57%;left:23%}
.page-wrapper15 .page-2{background:url(../image/zhineng/2.jpg) no-repeat;background-size:100% 100%}
.page-wrapper15 .page-2 .btn-next{top:29%;left:31%}
.page-wrapper15 .page-2 .tip{top:43%;left:19%}
.page-wrapper15 .page-3{background:url(../image/zhineng/3.jpg) no-repeat;background-size:100% 100%}
.page-wrapper15 .page-3 .btn-next{top:43%;left:39%}
.page-wrapper15 .page-3 .tip{top:59%;left:19%}
.page-wrapper15 .page-4{background:url(../image/zhineng/4.jpg) no-repeat;background-size:100% 100%}
.page-wrapper15 .page-4 .btn-next{top:55%;left:50%}
.page-wrapper15 .page-4 .tip{top:67%;left:22%}