blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}html{font-size:62.5%;width:100%;height:100%}body{font-size:1.4rem;width:100%;height:100%;-webkit-font-smoothing:antialiased}html,body{font-family:"Microsoft YaHei", tahoma, arial, "Hiragino Sans GB", \5b8b\4f53, sans-serif}img{display:block}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;font-size:0}::-webkit-input-placeholder{color:#fff;font-family:font;letter-spacing:0.03rem}@-webkit-keyframes shadow{0%{opacity:0}100%{opacity:1}}@keyframes shadow{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes arrow{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(0, 0.1rem, 0)}}@keyframes arrow{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(0, 0.1rem, 0)}}.wrap{width:7.5rem;height:100%;overflow:hidden}.first_wrap{width:100%;height:100%;background:url(page1.jpg) top center no-repeat;background-size:100% 100%;opacity:0;position:absolute;top:0;-webkit-transition:all .5s}.first_wrap.show{opacity:1}.first_wrap .enter_btn{display:block;width:3.78rem;height:0.95rem;position:fixed;bottom:0.88rem;left:50%;margin-left:-1.89rem;background:url(icon/btn-enter.png) no-repeat;background-size:100% 100%}.start-wrap{width:100%;height:100%;overflow:hidden;position:relative;visibility:visible;opacity:1;-webkit-transition:all 1s}.start-wrap.hide{opacity:0}.start-wrap img{display:block;width:100%;height:100%;position:relative}.start-wrap .btn-jump{display:block;position:absolute;top:0.4rem;right:0.9rem;width:1.07rem;height:0.6rem;background:url(icon/btn-jump.png) no-repeat;background-size:100% 100%;z-index:9}.start-wrap .banner{width:100%;height:100%;background:url(../images/x2.jpg) no-repeat;background-size:100% 100%}.start-wrap .turn-pic{width:100%;height:100%;position:absolute;top:0}.start-wrap .turn-pic .swiper-slide{background-size:100% 100%}.choose_sex{width:100%;background:#f0dccf url(page3.jpg) bottom center no-repeat;background-size:100% 100%;position:absolute;display:none;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 1s;height:13.34rem}.choose_sex .sex{width:6.61rem;margin:0 auto;padding-top:1.45rem;display:-webkit-box;-webkit-box-orient:vertical}.choose_sex .sex li{position:relative;width:6.61rem;height:5.68rem;background:url(icon/sex-box.png) center center no-repeat;background-size:100% 100%}.choose_sex .sex li .icon{width:6.46rem;height:5.49rem;position:absolute;left:50%;margin-left:-3.23rem;top:50%;margin-top:-2.74rem}.choose_sex .sex li .icon:before,.choose_sex .sex li .icon:after{width:100%;height:100%;left:0;top:0;content:"";display:block;position:absolute}.choose_sex .sex li.boy{margin-bottom:0.14rem}.choose_sex .sex li.boy.on{-webkit-transform:scale(0.96)}.choose_sex .sex li.boy .icon:before{background:url(icon/boy_shadow.png) no-repeat;background-size:100% 100%;-webkit-animation:shadow 1s infinite alternate}.choose_sex .sex li.boy .icon:after{background:url(icon/boy.png) no-repeat;background-size:100% 100%;-webkit-animation:filter 1s infinite alternate}.choose_sex .sex li.girl.on{-webkit-transform:scale(0.96)}.choose_sex .sex li.girl .icon:before{background:url(icon/girl_shadow.png) no-repeat;background-size:100% 100%;-webkit-animation:shadow 1s infinite alternate-reverse}.choose_sex .sex li.girl .icon:after{background:url(icon/girl.png) no-repeat;background-size:100% 100%;-webkit-animation:filter 1s infinite alternate-reverse}.choose_people{width:100%;position:absolute;left:0;top:0;overflow:hidden;-webkit-transition:all 1s;display:none}.choose_people .choose-person{height:31.44rem;overflow-y:scroll;-webkit-overflow-scrolling:touch}.choose_people .choose-person .cover{position:absolute;left:0;top:0;width:10rem;height:100%;background:rgba(255,255,255,0);visibility:hidden;opacity:0;-webkit-transition:all 1s}.choose_people .choose-person .cover.show{opacity:1;visibility:visible}.choose_people .bg{height:31.44rem;background:url(page4.jpg) center top no-repeat;background-size:100% 100%}.choose_people .input_box{width:100%;position:fixed;left:0;bottom:1rem;visibility:hidden;opacity:0;-webkit-transition:all 0.5s;-webkit-transform:scale(0);z-index:9}.choose_people .input_box.show{visibility:visible;opacity:1;-webkit-transform:scale(1)}.choose_people .input_box .input{background:url(icon/input-box.png) no-repeat;background-size:100% 100%;width:6.16rem;height:0.85rem;margin:0 auto;line-height:0.85rem;font-size:0.28rem}.choose_people .input_box .input input{padding:0 0.3rem;width:5.5rem;background:0 0;height:100%;margin:0;border:none;display:block;font-size:0.28rem;color:#fff}.choose_people .input_box .btn{width:6.16rem;margin:0.24rem auto 0}.choose_people .input_box .btn .btn_repeat{display:block;background:url(icon/btn-choose.png) no-repeat;background-size:100% 100%;width:2.39rem;height:0.87rem;float:left}.choose_people .input_box .btn .btn_success{display:block;background:url(icon/btn-ok.png) no-repeat;background-size:100% 100%;width:2.39rem;height:0.87rem;float:right}.choose_people .tips{width:100%;position:fixed;left:0;bottom:0.9rem;-webkit-transition:all 1s;z-index:9}.choose_people .tips span{display:block;text-align:center;color:#fff;width:2.38rem;height:0.42rem;text-indent:-9999px;background:url(icon/change-people.png) no-repeat;background-size:100% 100%;margin:0 auto .2rem}.choose_people .tips .arrow{background:url(icon/arrow.png) no-repeat;background-size:100% 100%;width:0.72rem;height:0.44rem;margin:0.1rem auto 0;position:relative;-webkit-animation:arrow 0.5s infinite alternate}.choose_people .boylist{width:100%;height:100%;position:absolute;left:0;top:0;display:none}.choose_people .boylist li{position:absolute;-webkit-filter:grayscale(100%);-webkit-transition:all 0.5s}.choose_people .boylist li.cur{-webkit-filter:grayscale(0);-webkit-transform:scale(1.1)}.choose_people .boylist li:nth-child(1){background:url(people/boy1-on.png) no-repeat;background-size:100% 100%;width:4.53rem;height:6.14rem;left:0.3rem;top:6.9rem}.choose_people .boylist li:nth-child(2){background:url(people/boy2-on.png) no-repeat;background-size:100% 100%;width:4.18rem;height:6.2rem;left:3rem;top:12.6rem}.choose_people .boylist li:nth-child(3){background:url(people/boy3-on.png) no-repeat;background-size:100% 100%;width:3.93rem;height:6.49rem;left:0.4rem;top:15.4rem}.choose_people .boylist li:nth-child(4){background:url(people/boy4-on.png) no-repeat;background-size:100% 100%;width:3.8rem;height:6.62rem;left:3.5rem;top:18.6rem}.choose_people .boylist li:nth-child(5){background:url(people/boy5-on.png) no-repeat;background-size:100% 100%;width:4.27rem;height:6.95rem;left:0.3rem;top:25rem}.choose_people .girllist{width:100%;height:100%;position:absolute;left:0;top:0;display:none}.choose_people .girllist li{position:absolute;-webkit-filter:grayscale(100%);-webkit-transition:all 0.5s}.choose_people .girllist li.cur{-webkit-filter:grayscale(0);-webkit-transform:scale(1.1)}.choose_people .girllist li:nth-child(1){background:url(people/girl1-on.png) no-repeat;background-size:100% 100%;width:2.85rem;height:7.15rem;left:0.3rem;top:6.4rem}.choose_people .girllist li:nth-child(2){background:url(people/girl2-on.png) no-repeat;background-size:100% 100%;width:3.28rem;height:6.23rem;left:3.6rem;top:11rem}.choose_people .girllist li:nth-child(3){background:url(people/girl3-on.png) no-repeat;background-size:100% 100%;width:3.93rem;height:7.26rem;left:0.4rem;top:15.4rem}.choose_people .girllist li:nth-child(4){background:url(people/girl4-on.png) no-repeat;background-size:100% 100%;width:3.87rem;height:7.14rem;left:3.5rem;top:18.6rem}.choose_people .girllist li:nth-child(5){background:url(people/girl5-on.png) no-repeat;background-size:100% 100%;width:3.09rem;height:6.21rem;left:0.3rem;top:24.5rem}.answer-box{width:100%;height:100%;display:none;position:absolute;top:0}.answer-box .answer-body{width:7.5rem;height:100%;-webkit-transition:all 1s}.answer-box .answer-body.t1{background:url(subject-bg1.jpg) no-repeat;background-size:100% 100%}.answer-box .answer-body.t2{background:url(subject-bg2.jpg) no-repeat;background-size:100% 100%}.answer-box .answer-body.t3{background:url(subject-bg3.jpg) no-repeat;background-size:100% 100%}.answer-box .answer-body .t-box{width:6.1rem;margin:0 auto;padding-top:3.6rem}.answer-box .answer-body .t-box dl{background:#997c6e;padding:0.24rem;border:0.03rem solid #fbf6f2;box-shadow:2px 3px 10px #eadccd;color:#fff;margin-bottom:0.5rem}.answer-box .answer-body .t-box dl dt{width:100%;display:block;font-size:0.26rem;margin-bottom:0.1rem}.answer-box .answer-body .t-box dl dd{width:100%;display:block;font-size:0.3rem}.answer-box .answer-body .t-box ul li{padding:0 0.24rem;height:0.7rem;line-height:0.7rem;background:#997c6e;border:0.03rem solid #fbf6f2;box-shadow:2px 3px 10px #eadccd;color:#fff;font-size:0.3rem;margin-bottom:0.3rem;-webkit-transition:all 1s}.answer-box .answer-body .t-box ul li.active{background:rgba(153,124,110,0.6)}.result-box{width:7.5rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 1s;height:13.34rem;background:#98897f url(page6.jpg) no-repeat;background-size:100% 100%;display:none;position:absolute;top:0;left:0}.result-content{display:block;width:6.5rem;height:10.31rem;margin:0 auto;background:#fff;position:relative;top:0.7rem}.result-content .name{font-size:0.4em;font-weight:bold;color:#787c86;position:absolute;left:0.24rem;top:0.24rem}.result-content .text{position:absolute;bottom:0.5rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:0.26rem;color:#787c86}.result-content .bgg{position:absolute;width:6.5rem;padding:0 .24rem;left:50%;margin-left:-3.25rem;bottom:0;box-sizing:border-box;opacity:1;height:1.5rem}.result-content .bgg .prbg{width:6.5rem;height:1.5rem;display:block;position:absolute;left:0;top:0}.result-content .bgg .ewm{position:absolute;z-index:2;top:.24rem;right:.24rem}.result-content .bgg .ewm img{display:block;width:1rem;height:1rem}.result-content .img{position:absolute;top:0;left:0;width:6.5rem;height:10.31rem}.result-content .img img.bg{display:block;width:100%;height:100%}.btn-box{width:6.5rem;margin:0 auto;position:relative;top:1.2rem}.btn-box .btn-home{display:block;background:url(icon/btn-home.png) no-repeat;background-size:100% 100%;width:2.92rem;height:0.89rem;float:left}.btn-box .btn-xy{display:block;background:url(icon/btn-xy.png) no-repeat;background-size:100% 100%;width:2.92rem;height:0.89rem;float:right}.dn{display:none}#ui-error-msg{display:none;position:fixed;top:40%;left:50%;padding:.24rem;background:rgba(153,124,110,0.6);color:#fff;font-size:16px;text-align:center;border-radius:.2rem;-webkit-transform:translate(-50%, -40%);-ms-transform:translate(-50%, -40%);transform:translate(-50%, -40%);word-break:break-all;z-index:1111}#ui-error-msg.show{display:block}#result-img{position:absolute;top:.7rem;left:.32rem;opacity:0;width:6.5rem;height:11.31rem}#result-img img{display:block;width:6.5rem;height:11.31rem}.result-loading{width:7.5rem;height:100%;background:#98897f url(page6.jpg) no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;display:none;-webkit-transition:all 1s}.result-loading .show{opacity:1}.result-loading .loader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#yiyue{width:.4rem;height:.4rem;position:fixed;right:.2rem;top:.5rem;background:url("y.png") center center/0.4rem 0.4rem no-repeat}#yiyue.off{background-image:url("ny.png")}