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%;scroll-behavior:smooth}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)}}@keyframes effect01{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes effect01{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@-ms-keyframes effect01{0%{-ms-transform:scale(1.1);transform:scale(1.1)}50%{-ms-transform:scale(0.9);transform:scale(0.9)}100%{-ms-transform:scale(1.1);transform:scale(1.1)}}.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%;display:block;opacity:1;position:relative;top:0}.first_wrap .enter_btn{width:7.5rem;height:1.5rem;position:absolute;bottom:0.2rem;left:50%;margin-left:-3.75rem;background:url(icon/btn-enter.png) no-repeat;background-size:100% 100%;animation:effect01 3s infinite;-moz-animation:effect01 3s infinite;-webkit-animation:effect01 3s infinite;-o-animation:effect01 3s infinite}.first_wrap.hide{opacity:0}.result-loading{width:100%;height:100%;background:url(firstpage.jpg) no-repeat;background-size:100% 100%;position:absolute;top:0;display:none;overflow:hidden;-webkit-transition:all 1s}.result-loading #xuyan{position:absolute;top:1.6rem;text-align:center;color:#fff;font-size:.34rem;font-weight:bold;width:7.5rem;line-height:1.8}.result-loading .ftitle{width:7.5rem;position:absolute;top:1.4rem;left:0;z-index:10}.result-loading .ftitle .titles{width:7.5rem;height:.7rem;display:block}.result-loading .ftitle .titles.t1{background:url(../images/images/d_02.png) no-repeat;background-size:100% 100%;animation:bounceIn 1s 1s linear both;-webkit-animation:bounceIn 1s 1s linear both}.result-loading .ftitle .titles.t2{background:url(../images/images/d_03.png) no-repeat;background-size:100% 100%;animation:bounceIn 1s 1.5s linear both;-webkit-animation:bounceIn 1s 1.5s linear both}.result-loading .ftitle .titles.t3{background:url(../images/images/d_04.png) no-repeat;background-size:100% 100%;animation:bounceIn 1s 2s linear both;-webkit-animation:bounceIn 1s 2s linear both}.result-loading .ftitle .titles.t4{background:url(../images/images/d_05.png) no-repeat;background-size:100% 100%;animation:bounceIn 1s 2.5s linear both;-webkit-animation:bounceIn 1s 2.5s linear both}.result-loading .ftitle .titles.t5{background:url(../images/images/d_06.png) no-repeat;background-size:100% 100%;animation:bounceIn 1s 3s linear both;-webkit-animation:bounceIn 1s 3s linear both}.result-loading .ftitle .titles.t6{background:url(../images/images/d_07.png) no-repeat;background-size:100% 100%;animation:bounceIn 1s 3.5s linear both;-webkit-animation:bounceIn 1s 3.5s linear both}.result-loading .f1{width:6.31rem;height:8.38rem;position:absolute;bottom:0;right:0;background:url(f1.png) no-repeat;background-size:6.31rem 8.38rem;z-index:0}.result-loading .f2{width:5.21rem;height:2.04rem;position:absolute;top:9.2rem;left:50%;margin-left:-2.6rem;background:url(f2.png) no-repeat;background-size:5.21rem 2.04rem;z-index:3;animation:bounceInUp 1s 3.5s linear both;-webkit-animation:bounceInUp 1s 3.5s linear both}.result-loading img{display:block;width:100%;height:100%;position:relative}.result-loading .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}.result-loading .banner{width:100%;height:100%}.choose_sex{width:100%;height:100%;background:url(sexbg.jpg) 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}.choose_sex.show{display:block}.choose_sex .immg img{display:block;width:100%}.choose_sex .sex{width:6.61rem;margin:0 auto;padding-top:.3rem;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%;background:#fff;position:absolute;left:0;top:0;overflow:hidden;-webkit-transition:all 1s;display:none}.choose_people .choose-person{height:15rem;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}.choose_people .bg{height:1rem;background:url(title3.png) top center no-repeat;background-size:100% 1rem}.choose_people .boylist{width:100%;height:100%;position:relative;display:none;margin-top:.4rem}.choose_people .boylist li{-webkit-filter:grayscale(100%);-webkit-transition:all 0.5s;width:3.14rem;height:4.05rem;float:left;margin-bottom:.5rem;margin-left:0.4rem}.choose_people .boylist li.cur{-webkit-filter:grayscale(0)}.choose_people .boylist li:nth-child(1){background:url(people/boy1.png) no-repeat;background-size:100% 100%}.choose_people .boylist li:nth-child(2){background:url(people/boy2.png) no-repeat;background-size:100% 100%}.choose_people .boylist li:nth-child(3){background:url(people/boy3.png) no-repeat;background-size:100% 100%}.choose_people .boylist li:nth-child(4){background:url(people/boy4.png) no-repeat;background-size:100% 100%}.choose_people .girllist{width:100%;height:100%;position:relative;display:none;margin-top:.4rem}.choose_people .girllist li{-webkit-filter:grayscale(100%);-webkit-transition:all 0.5s;width:3.14rem;height:4.05rem;float:left;margin-bottom:.5rem;margin-left:0.4rem}.choose_people .girllist li.cur{-webkit-filter:grayscale(0)}.choose_people .girllist li:nth-child(1){background:url(people/girl1.png) no-repeat;background-size:100% 100%}.choose_people .girllist li:nth-child(2){background:url(people/girl2.png) no-repeat;background-size:100% 100%}.choose_people .girllist li:nth-child(3){background:url(people/girl3.png) no-repeat;background-size:100% 100%}.choose_people .girllist li:nth-child(4){background:url(people/girl4.png) no-repeat;background-size:100% 100%}.cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0);visibility:hidden;opacity:0;-webkit-transition:all 1s}.cover.show{opacity:1;visibility:visible}.input_box{width:100%;position:absolute;left:0;top:10.2rem;visibility:hidden;opacity:0;-webkit-transition:all 0.5s;-webkit-transform:scale(0);z-index:9999}.input_box.show{visibility:visible;opacity:1;-webkit-transform:scale(1)}.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}.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;-webkit-user-modify:read-write-plaintext-only}.input_box .btn{width:6.16rem;margin:0.24rem auto 0}.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}.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}.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.b1{background:url(subject-bg1.jpg) no-repeat;background-size:100% 100%}.answer-box .answer-body.b2{background:url(subject-bg2.jpg) no-repeat;background-size:100% 100%}.answer-box .answer-body.b3{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:#fff;padding:0.24rem;border:0.03rem solid #000;color:#000;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:#fff;border:0.03rem solid #000;color:#000;font-size:0.3rem;margin-bottom:0.3rem;-webkit-transition:all 1s}.answer-box .answer-body .t-box ul li.active{background:rgba(0,0,0,0.2)}.result-box{width:7.5rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-transition:all 1s;height:13.34rem;background:#000;background-size:100% 100%;display:none;position:absolute;top:0;left:0}.result-content{display:block;width:100%;height:100%;margin:0 auto;background:#fff;position:relative}.result-content .wyqn{position:absolute;top:.7rem;left:.2rem;width:2.82rem;height:2.45rem}.result-content .wyqn img{display:block;width:100%;height:100%}.result-content .name{font-size:0.28em;color:#fff;position:absolute;right:0.4rem;top:1.65rem;transform:rotate(-6deg)}.result-content .name span{font-size:.44rem;margin-right:.1rem;font-weight:bold}.result-content .ltitle{width:4.62rem;height:.49rem;display:block;position:absolute;top:.9rem;right:0}.result-content .ltitle img{display:block;width:100%;height:100%}.result-content .text{position:absolute;top:2.2rem;right:.3rem;width:4.16rem;height:.93rem}.result-content .text img{display:block;width:100%;height:100%}.result-content .people-img{position:absolute;top:3.36rem;left:3rem;z-index:4}.result-content .people-img img{display:block;width:3.8rem;height:4.8rem;transform:rotate(-6deg)}.result-content .bgg{position:absolute;width:7.5rem;left:50%;transform:translateX(-50%);bottom:.24rem;box-sizing:border-box;opacity:1;height:1.66rem}.result-content .bgg .prbg{width:7.5rem;height:1.66rem;display:block;position:absolute;left:0;top:0}.result-content .bgg .ewm{position:absolute;z-index:2;bottom:0;right:.5rem}.result-content .bgg .ewm img{display:block;width:1.6rem;height:1.6rem}.result-content .img{position:absolute;top:0;left:0;width:100%;height:100%}.result-content .img img.bg{display:block;width:100%;height:100%}.btn-box{width:6.5rem;position:absolute;bottom:.5rem;transform:translateX(-50%);left:50%;z-index:10}.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(0,0,0,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:0;left:50%;opacity:0;width:7.5rem;height:auto;z-index:9;transform:translateX(-50%)}#result-img img{display:block;width:7.5rem;height:auto}#yiyue{width:.4rem;height:.4rem;position:fixed;right:.2rem;top:.5rem;z-index:99;background:url("y.png") center center/0.4rem 0.4rem no-repeat;animation:musicRoate 3s linear infinite;-webkit-animation:musicRoate 3s linear infinite;-moz-animation:musicRoate 3s linear infinite;-o-animation:musicRoate 3s linear infinite;-ms-animation:musicRoate 3s linear infinite}#yiyue.off{background-image:url("ny.png")}@-webkit-keyframes fadeChange{0%{opacity:0;transform:scale(0) rotate(180deg);-moz-transform:scale(0) rotate(180deg);-webkit-transform:scale(0) rotate(180deg);-o-transform:scale(0) rotate(180deg)}50%{opacity:1;transform:scale(0.5) rotate(90deg);-moz-transform:scale(0.5) rotate(90deg);-webkit-transform:scale(0.5) rotate(90deg);-o-transform:scale(0.5) rotate(90deg)}80%{opacity:1;transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}100%{opacity:1;transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0)}}@keyframes fadeChange{0%{opacity:0;transform:scale(0) rotate(180deg);-moz-transform:scale(0) rotate(180deg);-webkit-transform:scale(0) rotate(180deg);-o-transform:scale(0) rotate(180deg)}50%{opacity:1;transform:scale(0.5) rotate(90deg);-moz-transform:scale(0.5) rotate(90deg);-webkit-transform:scale(0.5) rotate(90deg);-o-transform:scale(0.5) rotate(90deg)}80%{opacity:1;transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}100%{opacity:1;transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-webkit-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0)}}@keyframes musicRoate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes musicRoate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-moz-keyframes musicRoate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-o-keyframes musicRoate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-ms-keyframes musicRoate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.swiper-container{width:100%;height:13.34rem;margin-left:auto;margin-right:auto}.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative}.swiper-pagination-bullet-active{opacity:1;background:#000 !important}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000 !important;opacity:.2}