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}}@-moz-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)}}@-moz-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:13.34rem;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.82rem;height:1.15rem;position:fixed;bottom:0.88rem;left:50%;margin-left:-1.91rem;background:url(icon/btn-enter.png) no-repeat;background-size:100% 100%}.first_wrap .shuming-text{display:block;width:7.5rem;height:.78rem;position:fixed;bottom:0;background:url(icon/text.png) no-repeat;background-size:100% 100%}.start-wrap{width: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:13.34rem;background:url(page2.jpg) no-repeat;background-size:100% 100%}.start-wrap #xuyan{position:absolute;top:5.15rem;left:1.5rem;width:4.5rem;color:#fae7a2;font-size:.34rem;line-height:2}.choose_sex{width:100%;background:#bb2329;position:absolute;display:none;top:0;left:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 1s;height:13.34rem}.choose_sex .title{width:7.5rem;height:1rem;display:block;margin-top:.4rem;background:url(icon/title.png) no-repeat;background-size:100% 100%}.choose_sex .sex{width:6.61rem;margin:0 auto;padding-top:.1rem;display:-webkit-box;-webkit-box-orient:vertical}.choose_sex .sex li{position:relative;width:6.56rem;height:5.62rem;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.png) no-repeat;background-size:100% 100%;width:2.17rem;height:6.79rem;left:0.9rem;top:4.98rem}.choose_people .boylist li:nth-child(2){background:url(people/boy2.png) no-repeat;background-size:100% 100%;width:2.42rem;height:6.54rem;left:4.74rem;top:9.2rem}.choose_people .boylist li:nth-child(3){background:url(people/boy3.png) no-repeat;background-size:100% 100%;width:2.51rem;height:6.88rem;left:0.7rem;top:12.7rem}.choose_people .boylist li:nth-child(4){background:url(people/boy4.png) no-repeat;background-size:100% 100%;width:2.34rem;height:6.73rem;left:2.17rem;top:20.3rem}.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.png) no-repeat;background-size:100% 100%;width:2.07rem;height:5.72rem;left:0.9rem;top:5.3rem}.choose_people .girllist li:nth-child(2){background:url(people/girl2.png) no-repeat;background-size:100% 100%;width:2.04rem;height:6.1rem;left:5rem;top:9.67rem}.choose_people .girllist li:nth-child(3){background:url(people/girl3.png) no-repeat;background-size:100% 100%;width:4.61rem;height:5.85rem;left:0.3rem;top:13.5rem}.choose_people .girllist li:nth-child(4){background:url(people/girl4.png) no-repeat;background-size:100% 100%;width:2.24rem;height:6.29rem;left:1.96rem;top:20.6rem}.answer-box{width:100%;height:100%;display:none;position:absolute;top:0}.answer-box .answer-body{width:7.5rem;height:13.34rem;-webkit-transition:all 1s;background:url(aqbg.jpg) top center no-repeat;background-size:100% 100%}.answer-box .answer-body .t-box{width:6.1rem;margin:0 auto;padding-top:2.5rem}.answer-box .answer-body .t-box dl{background:#7a0000;padding:.1rem 0.24rem;border:0.03rem solid #b72127;-moz-box-shadow:2px 3px 10px #b01f23;-webkit-box-shadow:2px 3px 10px #b01f23;box-shadow:2px 3px 10px #b01f23;color:#efd88c;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:.24rem;line-height:1.5;background:#7a0000;border:0.03rem solid #b72127;-moz-box-shadow:2px 3px 10px #b01f23;-webkit-box-shadow:2px 3px 10px #b01f23;box-shadow:2px 3px 10px #b01f23;color:#efd88c;font-size:0.3rem;margin-bottom:0.3rem;-webkit-transition:all 1s}.answer-box .answer-body .t-box ul li.active{background:rgba(122,0,0,0.6)}.result-box{width:7.5rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 1s;height:13.34rem;background:#bb2329;background-size:100% 100%;display:none;position:absolute;top:0;left:0}.result-content{display:block;width:6.5rem;margin:0 auto;height:11.2rem;position:relative;top:0.7rem}.result-content .name{font-size:0.4em;font-weight:bold;color:#924c1e;position:absolute;left:1.2rem;top:0.24rem}.result-content .text{position:absolute;bottom:0.5rem;left: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.2rem;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:11.02rem}.result-content .img img.bg{display:block;width:100%;height:10.9rem;box-shadow:6px 6px 0px #f3cab7}.btn-box{width:6.5rem;margin:0 auto;position:relative;top:.8rem}.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-ms.png) no-repeat;background-size:100% 100%;width:2.92rem;height:0.89rem;float:right}.dn{display:none}#inviteBox{background:#fef6ec}#inviteBox .bd{z-index:999;width:1.4rem;height:1.4rem;background:#fef6ec;position:absolute;top:0;right:0}#inviteBox .img{position:absolute;top:0;left:0;width:6.5rem;height:10.9rem}#inviteBox .img img.bg{display:block;width:100%;height:10.9rem;box-shadow:0 !important}#ui-error-msg{display:none;position:fixed;top:40%;left:50%;padding:.24rem;background:rgba(187,35,41,0.6);color:#fff;font-size:16px;text-align:center;border-radius:.2rem;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:#bb2329;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%;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")}