.pk-input{float:left;padding:8px;width:calc(100% - 16px);cursor:pointer;}
.pk-input.-clean{border:1px solid #eee;background:#fff;font:inherit;}
.pk-input.-dark{border:1px solid #999;background:#666;color:#eee;font:inherit;}
.pk-arrow{position:absolute;right: 0.05rem;bottom: 0.1rem;/* padding-bottom:2px; */text-align:center;cursor:pointer;width: 0.25rem;height: 0.25rem;display: block;}
.pk-arrow.-clean{background:url(../images/drop-down.png) right center no-repeat;background-size: 100%;}
.pk-arrow.-dark{background:#666;color:#eee;}
/*.pk-arrow.-clean:hover,.pk-input.-clean:hover+.pk-arrow{background:#dfdfdf;color:#aaa;}*/
/*.pk-arrow.-dark:hover,.pk-input.-dark:hover+.pk-arrow{background:#000;color:#ccc;}*/
.pk-arrow:before{position:relative;float:left;/* margin:5px 0 0 13px; *//* content:'›'; */font-size:25px;transform:rotate(90deg);}
.pk-overlay{position:fixed;top:0;left:0;z-index:1110;visibility:hidden;width:100%;height:100%;background:#666;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s;}
.pk-overlay.-show{visibility:visible;opacity:1;}
.pk-modal{position:absolute;top:30px;left:50%;z-index:1111;visibility:hidden;overflow-y:auto;width:280px;max-height:90%;border-radius:3px;background:#f2f2f2;opacity:0;transition:all .3s;transform:translateX(-50%) scale(.8,.8);}
.pk-modal>.head{padding:20px 10px;width:calc(100% - 20px);font-size:18px;}
.pk-modal.-clean{border-bottom: 0px solid #efefef;background:#fff;}
.pk-modal.-clean>.head{background:#efefef;color:#777;display: none;}
.pk-modal.-dark{border-bottom:10px solid #333;background:#444;color:#f2f2f2;}
.pk-modal.-dark>.head{background:#333;color:#f2f2f2;}
.pk-modal.-show{visibility:visible;box-shadow: 1px 1px 20px 2px #888;opacity:1;transform:translateX(-50%) scale(1,1);}
.pk-search{display:none;}
.pk-search.-show{display:block;}
.pk-search>input{margin:6px;padding:8px 4px;width:calc(100% - 22px);border:1px solid #ddd;}
.pk-no_result_search{padding:10px;font-size:14px;}
.pk-modal>.close{position:absolute;top:18px;right:15px;color:#ccc;font-size:22px;display: none;cursor:pointer;}
.pk-option{padding:14px 10px;width:calc(100% - 20px);border-bottom:1px solid #efefef;cursor:pointer;}
.pk-option.-clean{border-bottom:1px solid #efefef;}
.pk-option.-dark{border-bottom:1px solid #333;color:#f2f2f2;}
.pk-option.-clean.-selected,.pk-option.-clean:hover{background:#f2f2f2;}
.pk-option.-dark.-selected,.pk-option.-dark:hover{background:#333;}
.pk-option:last-child{border:none;}
.pk-option>.icon:not(:empty){float:left;margin-top:-3px;margin-right:10px;width:16px;color:#ccc;text-align:center;font-size:20px;}
.pk-option>.txt{color:inherit;}
.pk-modal>.main{list-style:none;margin: 0;padding: 0;text-align: center;color: #000;font-size: 0.28rem;}
.layui-m-layer{position:relative;z-index:19891014}
.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}
.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}
.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}
.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}
.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
  100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
  100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}
@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}
  100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}
  100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}
.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}
.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}
.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}
.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}
.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}
.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}
.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}
.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}
.layui-m-layer2 .layui-m-layercont p{margin-top:20px}
@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
  40%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
  40%{transform:scale(1);-webkit-transform:scale(1)}
}
.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}
.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}
.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}
.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #d0d0d0;background-color:#f2f2f2}
.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}
.layui-m-layerbtn span[yes]{color:#40affe}
.layui-m-layerbtn span[no]{border-right:1px solid #d0d0d0;border-radius:0 0 0 5px}
.layui-m-layerbtn span:active{background-color:#f6f6f6}
.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}
.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}
.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}
.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}
.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}
.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}
.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#fd482c;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}
.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}
body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}
.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
@font-face{font-family:fzylh;src:url(../font/fzylh.eot);src:url(../font/fzylh.woff) format('woff'),url(../font/fzylh.ttf) format('truetype'),url(../font/fzylh.svg) format('svg'),url(../font/fzylh.eot?iefix) format('embedded-opentype');font-weight:400;font-style:normal}
body,html{position:relative;font-family:fzylh;}
*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0!important}
body{font-family:fzylh;font-size:14px;color:#ffe356;margin:0;padding:0;background-color:#fff}
html{font-size:50px}
img{vertical-align:top;max-width:100%}
.full{position:absolute;top:0;left:0;height:100%;width:100%}
.w100{width:100%}
.h100{height:100%}
.abs{position:absolute;}
.rel{position:relative}
.l0{left:0}
.r0{right:0}
.t0{top:0}
.b0{bottom:0}
.ctext{text-align:center}
.ltext{text-align:left}
.rtext{text-align:right}
.brorigin{-webkit-transform-origin:bottom right;transform-origin:bottom right}
.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.swiper-container{width:100%;height:100%;max-width:640px}
.swiper-slide{position:relative;top:0;left:0;text-align:center;font-size:18px;background:#fff;overflow:hidden}
.swiper-container .page{box-sizing:border-box;height:100%;position:relative;color:#fffbeb;text-align:center;min-height: calc(100% - .2rem)!important;overflow-y: auto;overflow-x: hidden;}
.page .c-box{position:relative;height:100%;width:100%;left:0;top:0;box-sizing:border-box;/* overflow:hidden */}
.music-icon{position:absolute;right:9px;top:10px;background-image:url(../images/music.png);background-size:30px 30px;background-position:center center;background-repeat:no-repeat;width:30px;height:30px;z-index:100}
.music-icon.active{-webkit-animation:circle 3s linear 0s infinite;animation:circle 3s linear 0s infinite}
.ibtn{cursor:pointer}
.ibtn.active{opacity:.8;outline:0}
.floatfix:after{content:"";display:table;clear:both}
.logo{position:absolute;width:1.9rem;top:0;left:0}
.arrow{position:absolute;bottom:10%;left:50%;margin-left:-.31rem;width:.62rem;-webkit-animation:arrow 1s linear 0s infinite both;animation:arrow 1s linear 0s infinite both}
.abcenter{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.hcenter{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.vcenter{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.hide{display:none}
.zoomInBox{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:left bottom;transform-origin:left bottom}
.zoomInBox.zoomIn{-webkit-transform:scale(1);transform:scale(1)}
.page6 .c-box{overflow:hidden}
.p1b1{top:.89rem}
.p1b2{bottom:.68rem}
.p1t-box{top:3.66rem}
.p1t{margin-top:12px}
.t.first{margin-top:0}
.p2b-box{top:6.875%}
.p2t-box{top:.65rem}
.p2t{margin-top:.05rem}
.p2men{width:2.97rem;left:2.66rem;top:2.24rem}
.p2girl{top:3.05rem;left:1.28rem;width:1.66rem}
.p3b-box{top:6.56%}
.p3t-box{top:.1rem}
.p3t{margin-top:.16rem}
.p3mom{top:2.27rem}
.p4b-box{top:8.95%}
.p4t-box{top:.15rem}
.p4t{margin-top:.27rem}
.p5b1{top:.59rem}
.p5car{bottom:.39rem;z-index:1000}
.p5carperson{left:3.8rem;bottom:1.07rem;width:1.89rem;z-index:100}
.p5t-box{top:2.67rem}
.p5t{margin-top:15px}
.t.first{margin-top:0}
.p5girl{top:1.3rem;right:5px;width:2.39rem}
.p6b1{top:.54rem}
.p6car{top:4.2rem}
.p6t-box{top:1.16rem}
.p6t{margin-top:14px}
.t.first{margin-top:0}
.p6heart{width:1.71rem;top:1.94rem;left:.1rem}
.p7car{top:4.02rem}
.content-box{top:7.02rem}
#comment{border:2px solid #d72942;border-radius:6px;width:4rem;height:36px}
#submit{padding:10px 15px;height:.68rem;line-height:.68rem;font-size:15px;background-color:#ae0d2e;color:#fff;text-decoration:none;border-radius:6px;font-weight:700}
.sharetips{background-color:rgba(0,0,0,.8);background-image:url(../images/sharetip.png);background-size:cover}
.p7heart{top:1.63rem;left:.84rem;width:2.47rem;-webkit-transform-origin:bottom center;transform-origin:bottom center}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes circle-r{0%{-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes circle-r{0%{-webkit-transform:rotate(0);transform:rotate(0)}
  100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-webkit-keyframes smoothZoom{0%{-webkit-transform:scale(1);transform:scale(1)}
  25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
  75%{-webkit-transform:scale(1);transform:scale(1)}
  100%{-webkit-transform:scale(1);transform:scale(1)}
}
.smoothZoom{-webkit-animation-name:smoothZoom;animation-name:smoothZoom}
@keyframes smoothZoom{0%{-webkit-transform:scale(1);transform:scale(1)}
  25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
  75%{-webkit-transform:scale(1);transform:scale(1)}
  100%{-webkit-transform:scale(1);transform:scale(1)}
}
.smoothZoom2{-webkit-animation-name:smoothZoom2;animation-name:smoothZoom2}
@-webkit-keyframes smoothZoom2{0%{-webkit-transform:scale(.9);transform:scale(.9)}
  25%{-webkit-transform:scale(1);transform:scale(1)}
  50%{-webkit-transform:scale(.9);transform:scale(.9)}
  100%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@keyframes smoothZoom2{0%{-webkit-transform:scale(.9);transform:scale(.9)}
  25%{-webkit-transform:scale(1);transform:scale(1)}
  50%{-webkit-transform:scale(.9);transform:scale(.9)}
  100%{-webkit-transform:scale(.9);transform:scale(.9)}
}
.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}
@-webkit-keyframes fadeInUpSmall{0%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpSmall{0%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftSmall{-webkit-animation-name:fadeInLeftSmall;animation-name:fadeInLeftSmall}
@-webkit-keyframes fadeInLeftSmall{0%{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftSmall{0%{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightSmall{-webkit-animation-name:fadeInRightSmall;animation-name:fadeInRightSmall}
@-webkit-keyframes fadeInRightSmall{0%{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightSmall{0%{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes arrow{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
  100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
}
@keyframes arrow{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
  100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
}
.bounceZoomIn{-webkit-animation-name:bounceZoomIn;animation-name:bounceZoomIn}
@-webkit-keyframes bounceZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
  80%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
  80%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceZoomInFromOut{-webkit-animation-name:bounceZoomInFromOut;animation-name:bounceZoomInFromOut}
@-webkit-keyframes bounceZoomInFromOut{0%{opacity:0;-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceZoomInFromOut{0%{opacity:0;-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}
  100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-webkit-keyframes flash2{0%,100%,50%{opacity:1}
  25%,75%{opacity:0}
}
@keyframes flash2{0%,100%,50%{opacity:1}
  25%,75%{opacity:0}
}
.box{position:absolute;width:100%;height:100%;left:0;top:0}
@-webkit-keyframes mytada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
  4%,8%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
  12%,22%,30%,40%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
  16%,26%,36%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
  to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes mytada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
  4%,8%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
  12%,22%,30%,40%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
  16%,26%,36%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
  to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.mytada{-webkit-animation-name:mytada;animation-name:mytada}
@-webkit-keyframes yun{0%,100%{-webkit-transform:translate(0,0) rotate(0)}
  25%{-webkit-transform:translate(-.8rem,-.1rem) rotate(5deg)}
  50%{-webkit-transform:translate(.8rem,-.2rem) rotate(10deg)}
  75%{-webkit-transform:translate(.4rem,.3rem) rotate(5deg)}
}
@-webkit-keyframes leftyun{0%,100%{-webkit-transform:translate(0,0) rotate(0)}
  50%{-webkit-transform:translate(100px,0) rotate(10deg)}
}
@-webkit-keyframes rightyun{0%,100%{-webkit-transform:translate(0,0) rotate(0)}
  50%{-webkit-transform:translate(-100px,0) rotate(10deg)}
}
@-webkit-keyframes flower{0%,100%{-webkit-transform:rotate(0)}
  35%{-webkit-transform:rotate(3deg)}
  70%{-webkit-transform:rotate(-3deg)}
}
@-webkit-keyframes heart{0%{-webkit-transform:scale(0)}
  15%{-webkit-transform:scale(1.1)}
  20%{-webkit-transform:scale(1)}
  100%{-webkit-transform:scale(1)}
}
@-webkit-keyframes zoom{0%{-webkit-transform:scale(.8,.8)}
  35%{-webkit-transform:scale(1,1)}
  75%{-webkit-transform:scale(1.2,1.2)}
  100%{transform:scale(1,1)}
}
@-webkit-keyframes zoom{0%{transform:scale(.8,.8)}
  35%{transform:scale(1,1)}
  75%{transform:scale(1.2,1.2)}
  100%{transform:scale(1,1)}
}
@-webkit-keyframes zoom2{0%{-webkit-transform:scale(1,1)}
  50%{-webkit-transform:scale(.9,.9)}
  100%{transform:scale(1,1)}
}
@keyframes zoom2{0%{-webkit-transform:scale(1,1)}
  50%{-webkit-transform:scale(.9,.9)}
  100%{transform:scale(1,1)}
}
@-webkit-keyframes myshake{0%,100%{-webkit-transform:rotate(0)}
  35%{-webkit-transform:rotate(3deg)}
  70%{-webkit-transform:rotate(-3deg)}
}
.fadeInLeftSmall2{-webkit-animation-name:fadeInLeftSmall2;animation-name:fadeInLeftSmall2}
@-webkit-keyframes fadeInLeftSmall2{0%{opacity:.9;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftSmall2{0%{opacity:.9;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.p6carin{-webkit-animation-name:p6carin;animation-name:p6carin}
@-webkit-keyframes p6carin{0%{opacity:.9;-webkit-transform:translate3d(0,-100px,0) scale(.5);transform:translate3d(0,-100px,0) scale(.5)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes p6carin{0%{opacity:.9;-webkit-transform:translate3d(0,-100px,0) scale(.5);transform:translate3d(0,-100px,0) scale(.5)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.p7carin{-webkit-animation-name:p7carin;animation-name:p7carin}
.p7tip{width:178px}
@-webkit-keyframes p7carin{0%{opacity:.9;-webkit-transform:translate3d(-50px,-10px,0) scale(.9);transform:translate3d(-50px,-10px,0) scale(.9)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes p7carin{0%{opacity:.9;-webkit-transform:translate3d(-50px,-10px,0) scale(.9);transform:translate3d(-50px,-10px,0) scale(.9)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.p2men{-webkit-animation-name:p2men;animation-name:p2men}
@-webkit-keyframes p2men{0%{opacity:.9;-webkit-transform:translate3d(-10px,-10px,0) scale(.95);transform:translate3d(-10px,-10px,0) scale(.95)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes p2men{0%{opacity:.9;-webkit-transform:translate3d(-10px,-10px,0) scale(.95);transform:translate3d(-10px,-10px,0) scale(.95)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.p2girlani{-webkit-animation-name:p2girlani;animation-name:p2girlani}
@-webkit-keyframes p2girlani{0%{opacity:.9;-webkit-transform:translate3d(10px,-10px,0) scale(.95);transform:translate3d(10px,-10px,0) scale(.95)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes p2girlani{0%{opacity:.9;-webkit-transform:translate3d(10px,-10px,0) scale(.95);transform:translate3d(10px,-10px,0) scale(.95)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.zoomInFade{-webkit-animation-name:zoomInFade;animation-name:zoomInFade}
@-webkit-keyframes zoomInFade{0%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes zoomInFade{0%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.loading{padding-top:150px;position:absolute;width:100%;height:100%;text-align:center;z-index:10000;background-color:#fff;box-sizing:border-box}
.page1{background:#fff}
.c-box{width:calc(100% - .2rem)!important;height:calc(100% - .2rem)!important;margin:.1rem!important;background:#ffc9a9 url(../images/u_bg.png) center top no-repeat;background-size:100% auto;border:2px solid #ff6e31;}
.u-logo{width:auto;height:6%;display:block;top:3%;padding-left:7%}
.u-title{width:auto;height:10%;display:block;margin:0 auto;left:0;right:0;top:11%}
.u-kv{width:auto;height:69%;display:block;margin:0 auto;left:0;right:0;bottom:1rem;top:18.5%}
.u-button{width:auto;height:6%;display:block;left:0;right:0;bottom:3%;margin:0 auto;z-index:99}
.page2,.page3,.page4,.page5{font-family:fzylh;background:#ffc9a9 url(../images/u_bg.png) center top no-repeat;background-size:100% auto;}
.page2 .c-box{background:#fff url(../images/hdnr_bg.png) center top no-repeat;background-size:100% auto;height: auto!important;padding-top: 1.1rem!important;}
.page3 .c-box{background:#fff url(../images/hdnr2_bg.png) center top no-repeat;background-size:100% auto;overflow:hidden}
.page4 .c-box{background:#fff url(../images/hdnr3_bg.png) center top no-repeat;background-size:100% auto;overflow:hidden}
.page5 .c-box{background:#fff url(../images/hdnr4_bg.png) center top no-repeat;background-size:100% auto;overflow:hidden}
.u-text{width: 100%;display:block;height:90%;top:10%;left:0;right:0;margin:0 auto;position: relative;}
.u-text h1{background:#fff url(../images/u_ico_bg1.png) center center no-repeat;background-size:100% 100%;width:90%;height:auto;display:block;margin:0 auto;font-size:.28rem;padding:.05rem 0}
.u-text h1 img{height:.4rem;display:inline-block;padding-top:.02rem}
.u-text p{color:#4b0e0e;text-align:justify;font-size:.24rem;line-height:.4rem;width:100%;position:relative;/* margin-top: 0.1rem; *//* margin-bottom: 0; */}
.u-text p img{
  width: 90%;
  display: block;
  margin: 0 auto;
  /* position: absolute; */
}
.u-text p a{width: 45%;display:block;height:auto;margin:.3rem auto 0 auto;padding-bottom:.2rem;}
.u-text p .u-xz-btn{width: 35%;margin-top:0;}
.u-text p a img{width:100%;height:auto}
.u-text p .qd-btn{width: 70%;display:block;position:absolute;bottom:.16rem;left:0;right:0;margin:0 auto;}
.u-text p .u-xing{width:.4rem;height:auto;display:block;position:absolute;top:-.2rem;left:.1rem}
.u-text p .u-xing-m{width:.5rem;height:auto;display:block;position:absolute;bottom:.5rem;right:.3rem}
.u-text p .u-xing-m-new{
  width: 0.6rem;
  right: auto;
  left: 0.5rem;
  bottom: 0.1rem;
}



.page2 .img-auto{bottom: 2%;}
body .layui-m-layer-u-class{max-height:90vh;border:2px solid #ff6e31;overflow-y:auto;font-family:fzylh;}
body .layui-m-layer-u-class .layui-m-layercont{padding:0;max-height:98%;overflow:hidden;position:relative;padding-bottom:.4rem}
body .layui-m-layer-u-class .layui-m-layercont h1{width:85%;display:block;margin: .6rem auto .3rem auto;}
body .layui-m-layer-u-class .layui-m-layercont p{width:90%;display:block;text-align:justify;margin:0 auto;color:#873a0c;line-height:.38rem;font-size:.22rem;padding-bottom:.1rem;word-wrap:break-word;white-space:normal;word-break:break-all}
body .layui-m-layer-u-class .layui-m-layercont p span{color:#ff6e31}
body .layui-m-layer-u-class .layui-m-layercont a{width:.6rem;display:block;margin:0 auto;position:fixed;bottom:-.5rem;z-index:9999999;left:0;right:0;margin:0 auto}
body .layui-m-layer-u-class .layui-m-layercont a img{width:100%}
body .layui-m-layer-u-class .layui-m-layercont .u-xz-text{height:100%;display:block;overflow-y:auto}
body .layui-m-layer-u-class .layui-m-layercont table{width:90%;margin:0 auto 1.5rem auto}
body .layui-m-layer-u-class .layui-m-layercont table td{border:1px solid #ff426e;color:#4b0e0e;padding:.05rem .1rem;font-size:.2rem}
.u-text p strong{color:#ff426e;text-align:center;width:100%;display:block;font-size:.26rem}
.u-text3 p{font-size:.22rem;line-height:.4rem;width:100%;position:relative;overflow: hidden;}
.u-text3 p em{color:#ff426e;font-style:normal}
.u-text3 p .u-xz-btn{padding-bottom:0;position:relative;z-index:9}
.u-text3 p .u-xing-m{width:.6rem;height:auto;display:block;position:absolute;bottom:1.1rem;right:.3rem}
.u-text3 .arrow{bottom:5%}
.text32 img{width:81%;display:block;margin:0 auto}
.u-text4 p a{width: 35%;display:block;height:auto;margin:.1rem auto 0 auto;padding-bottom:.2rem;float:left;padding-left: 5%;}
.page4 .u-text p .u-xz-btn{float:none;width:35%}
.page4 .u-text p .u-up-btn{float:none;width:50%}
body .layui-m-layer-u-class .layui-m-layercont .u-xz-text img{width:90%;display:block;margin:0 auto;vertical-align:middle}
body .layui-m-layer-u-class .layui-m-layercont .u-xz-text table{width:90%;margin:0 auto}
body .layui-m-layer-u-class .layui-m-layercont .u-xz-text table td a{width:90%;display:block;margin:0 auto;position:static;bottom:auto;z-index:9999999;color:#4b0e0e;left:0;right:0;word-wrap:break-word;white-space:normal;word-break:break-all;line-height:.3rem}
body .layui-m-layer-u-class .layui-m-layercont .u-szyl-text table{width:90%;margin:0 auto}
body .layui-m-layer-u-class .layui-m-layercont .u-szyl-text table tr:nth-child(odd){background:#ffd8de;color:#ff426e}
body .layui-m-layer-u-class .layui-m-layercont .u-szyl-text table tr td:first-child{color:#ff426e}
body .layui-m-layer-u-class .layui-m-layercont .u-szyl-text table tr td:nth-child(3) a{display:block}
body .layui-m-layer-u-class .layui-m-layercont .u-xz-text table tr td:nth-child(3) a{text-align:left}
.u-text p .u-yl-btn{width:40%;position:absolute;bottom:.1rem;right:1.3rem}
.u-text p .u-back-xq{margin-top:.1rem;width:35%}
.page5 .u-text3 p .u-xing-m{bottom:0}
.page6 .page6-img{height:20%;position:absolute;left:0;right:0;margin:0 auto;top: 11%;}
.page6 .c-box{width:100%!important;height:100%!important;margin:0!important;background:#ffc9a9 url(../images/u_bg.png) center top no-repeat;background-size:100% auto;border:none}
.u-from{width:83%;display:block;left:0;right:0;position:absolute;top: 31%;margin:0 auto;}
.u-from-text{width:100%;height:auto;display:block;margin:0 auto;position:absolute;left:0;right:0;bottom: 12%;}
.u-from-text .u-iphone{width:90%;display:block;margin:.25rem auto 0 auto;overflow:hidden}
.u-from-text .u-iphone span{width:15%;display:block;float:left;color:#ff6e31;font-size:.24rem;padding-top: .1rem;text-align:left;}
.u-from-text .u-iphone input{color:#525252;width: 80%;display:block;float: right;background:rgba(255,110,48,0.2);font-size:.23rem;padding:.1rem;border:1px solid #ff6e31;border-radius:2px;color: #000;}
.u-from-text .u-iphone #iphone{color:#525252;width: 55%;display:block;background:rgba(255,110,48,0.2);font-size:.23rem;padding: .1rem 3%;border:1px solid #ff6e31;border-radius:2px;float:right;}
.u-from-text .u-iphone .iphone-list{background:#ffecf0;font-size:.23rem;padding:.1rem 1%;border:1px solid #ff426e;border-radius:2px;float:left;width:20%;color: #000;}
input::-webkit-input-placeholder{color:rgba(255,110,48,0.4);font-size:.2rem;opacity:.5}
input::-moz-placeholder{color:rgba(255,110,48,0.4);font-size:.2rem;opacity:.5}
input:-moz-placeholder{color:rgba(255,110,48,0.4);font-size:.2rem;opacity:.5}
input:-ms-input-placeholder{opacity:.5;color:rgba(255,110,48,0.4);font-size:.2rem}
.f-authorization{width:90%;height:auto;margin:.2rem auto 0 auto;font-size:.22rem;text-align:left;position:relative}
.f-authorization input{width:46%;height: .26rem;border:none;position:absolute;z-index:99;top: 0;left:0;}
.f-authorization a{
  color:#ed171f;text-decoration:underline;vertical-align:middle;font-size: 0.21rem;
}
.ml-5{margin-left:2%;color:#343434;vertical-align:middle}
.ml-5{margin-left:1%;color:#4b0e0e;vertical-align:middle;font-size: 0.21rem;}
.f-authorization .input_agreement_protocol{appearance:none;-webkit-appearance:none;outline:0}
.f-authorization .input_agreement_protocol+em{width: .22rem;height: .22rem;background-color:red;display:inline-block;background:url(../images/l_checkbox.png) no-repeat;background-position-x:0;background-position-y: -.28rem;position:relative;top: 0.05rem;left:0;background-size:100%;}
.f-authorization .input_agreement_protocol:checked+em{background-position:0 0}
.u-sign{width:50%;display:block;margin: .5rem auto 0 auto;}
.u-from-text .u-iphone .u-select{background: #ffecf0;font-size: .23rem;padding: 0;/* border: 1px solid #ff426e; */border-radius: 2px;float: left;width: 20%;}
.u-text3 p .u-up-btn {
  width: 45%;
  display: block;
  height: auto;
  margin: .5rem auto 0 auto;
  padding-bottom: .2rem;
  float: none;
}
.u-text3 p .u-xz-btn {
  width: 35%;
  margin-top: 0;
  float: none;
}
.u-text4 p .u-up-btn {
  padding-left: 0;
}
.u-text4 p .u-xz-btn {
  padding-left: 0;
}
.u-text3 p .u-back-btn5 {
  width: 43%;
  display: block;
  height: auto;
  float: none;
  margin: 0.1rem auto 0 auto;
  padding-bottom: .2rem;
}
.u-close{
  background: url(../images/u_close.png) center center no-repeat;
  background-size: 100% 100%;
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
}
.activity_n1{
  padding-bottom: 0.2rem;
}
.u-text p .u-shou{
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: breathe;
  -webkit-animation-duration: 500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  position: absolute;
  width: 0.45rem;
  left: 1.78rem;
  z-index: 3;
  top: 0.4rem;
}
.u-text p .u-shou-n2{
  width: 0.45rem;
  left: 1.78rem;
  z-index: 3;
  top: auto;
  bottom: 0.6rem;
}

@-webkit-keyframes breathe {
  0% {
    opacity:1;
    transform: scale(.90) ;
  }
  100% {
    opacity:1;
    transform: scale(1);
  }
}

@keyframes breathe {
  0% {
    opacity:1;
    transform: scale(.90) ;
  }
  100% {
    opacity:1;
    transform: scale(1);
  }
}

@-moz-keyframes breathe {
  0% {
    opacity:1;
    transform: scale(.90) ;
  }
  100% {
    opacity:1;
    transform: scale(1);
  }
}

@-o-keyframes breathe {
  0% {
    opacity:1;
    transform: scale(.90) ;
  }
  100% {
    opacity:1;
    transform: scale(1);
  }
}
.u-sign-btn{
  width: 90%;
  display: block;
  margin: .5rem auto 0 auto;
}
.u-sign-btn a{
  width: 48%;
  display: block;
  float: left;
}
.u-sign-btn .u-sign{float: right;margin-top: 0}
@media (min-width:700px){.arrow{left:0;width:40px;right:0;margin:0 auto}
  .c-box{width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;margin:10px!important}
  .u-text p{margin:20px 0}
  .u-xing{width:50px;top:-36px;left:20px}
  .u-text p a{width:50%;margin:50px auto 0 auto;line-height:initial;padding-bottom:20px}
  .u-xing-m{width:40px;height:auto;display:block;position:absolute;bottom:50px;right:30px}
  .u-text p .u-xz-btn{width:30%;margin-top:0;font-size:initial;line-height:initial}
  .qd-btn{bottom:18px}
  .u-text p{margin:20px 0;padding-top:0!important;line-height:initial}
  body .layui-m-layer-u-class .layui-m-layercont h1{margin:30px auto 30px auto}
  body .layui-m-layer-u-class .layui-m-layercont p{line-height:26px;font-size:16px;padding-bottom:10px}
  .page2 .c-box {
    padding-top: 60px!important;
  }
  .u-text p .qd-btn {
    bottom: 15px;
  }
  .u-close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }
  .u-text p a {
    width: 35%;
    margin: 30px auto 0 auto;
    line-height: initial;
    padding-bottom: 20px;
  }
  .u-text p .u-yl-btn {
    width: 31%;
    position: absolute;
    bottom: 30px;
    right: 182px;
  }
  .u-from-text .u-iphone span {
    width: 15%;
    height: 40px;
    display: block;
    float: left;
    color: #ff426e;
    font-size: 22px;
    padding-top: 10px;
    text-align: left;
  }
  .u-from-text .u-iphone input {
    width: 80%;
    font-size: 20px;
    padding: 10px;
    border-radius: 2px;
  }
  input::-webkit-input-placeholder{font-size:15px;}
  input::-moz-placeholder{font-size:15px;}
  input:-moz-placeholder{font-size:15px;}
  input:-ms-input-placeholder{font-size:15px;}
  .u-from-text .u-iphone #iphone {
    color: #000;
    font-size: 20px;
    padding: 10px;
    border-radius: 2px;
    width: 58%;
  }
  .u-from-text .u-iphone {
    margin: 30px auto 0 auto;
  }
  .f-authorization .input_agreement_protocol+em {
    width: 16px;
    height: 16px;
    background: url(../images/l_checkbox.png) no-repeat;
    background-position-x: 0;
    background-position-y: -20px;
    background-size: 100%;
    top: 0px;
  }
  .ml-5 {
    margin-left: 5px;
    font-size: 16px;
  }
  .protocol {
    font-size: 16px;
  }
  .u-sign {
    width: 33%;
    display: block;
    margin: 30px auto 0 auto;
  }
  .f-authorization {
    margin: 10px auto 0 auto;
    font-size: 23px;
  }
  .page6 .c-box {
    overflow: auto;
  }
  .u-from-text {
    bottom: 19%;
  }
  .pk-option>.txt {
    font-size: 20px;
  }
  .u-from-text .u-iphone span {
    bottom: -3px;
    right: 5px;
  }
  .pk-option {
    padding: 25px 10px;
    width: calc(100% - 20px);
    font-size: 20px;
  }
  .u-text3 p .u-up-btn {
    width: 38%;
    margin: 30px auto 0 auto;
    padding-bottom: 20px;
    float: none;
  }
  .f-authorization input {
    width: 30%;
    height: 30px;
  }
  .f-authorization a {
    font-size: 16px;
  }
  .activity_n1 {
    padding-bottom: 20px;
  }

  .u-text p .u-shou {
    width: 40px;
    left: 173px;
    z-index: 3;
    top: auto;
    bottom: 65px;
  }
    .u-text p .u-shou-n2 {
    width: 40px;
    left: 173px;
    top: 32px;
  }
  .u-text p .u-xing-m {
    width: 50px;
    bottom: 100px;
    right: 60px;
  }
  .u-text p .u-xing-m-new{
    width: 50px;
    right: auto;
    left: 60px;
    bottom: 10px;
  }
  .u-text3 p .u-xing-m {
    width: 60px;
  }
  .u-sign-btn {
    margin: 40px auto 0 auto;
  }
}