@charset "utf-8";/* margin and padding */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,img,form,applet,fieldset,legend,button,input,textarea,th,table,tr,td{margin:0;padding:0;border:none;}

/* bady */
body{font-family:"微软雅黑";color:#666;position:relative;background:#f8f8f8;margin:0 auto;max-width:640px;min-width:320px;}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
input::-ms-clear{display:none;}/*清楚文本框X*/
input, select, textarea {outline: none;cursor: pointer;-webkit-appearance: none;box-sizing: border-box;}
html{height:auto;width:100%;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fff;margin:0 auto;max-width:640px;min-width:320px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#c1c1cb;}

/* img */
img{padding:0;margin:0;border:none; width:100%; height:auto;}

/* div */
li,ul{list-style:none;outside:none;}
.clear{clear:both;height:0;width:100%;}
a,b,i,span,input,select,dl,dd,dt,p{font-family:"微软雅黑";}
i,em{ font-style:normal;}

/* font */
a{color:#333;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}

.mt100{ margin-top:1rem;}
.mt30{ margin-top:.3rem;}
.fl{ float:left !important;}
.fr{ float:right !important;}
.text-center{ clear:both; text-align:center;}
/* active main */
.box_auto:before,.clearfix:before{ clear:both; display:block; content:""; height:0; overflow:hidden;}
.box_auto:after,.clearfix:after{ clear:both; display:block; content:""; height:0; overflow:hidden;}
/* .swiper-slide,.swiper-wrapper,.swiper-container{ height:auto !important;} */


.banner{ width:100%; height:auto; position:relative; clear:both; overflow:hidden;}
.banner img{ width:100%; height:auto;}
#indexSwiper .swiper-pagination span{ width:.08rem; height:.08rem; background:rgb(255,255,255); opacity:.4; border-radius:50%; -webkit-transition:all .5s;}
#indexSwiper .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1; width:.36rem; height:.08rem; border-radius:.3rem;}

.top{ width:100%; height:.8rem;  background:rgba(0,0,0,.6); position: relative;z-index:999; }
.top.on{ background-color:#e9e0d9; border-bottom:1px solid #dfdfdf;transform: none!important;-webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none !important;}
.top.on img{-webkit-filter: brightness(0); -webkit-transition:all .5s;}
.top_hgo{width:.32rem;height:.26rem;position:absolute;left:.2rem;top: 50%;transform: translateY(-50%);display:none;}
.top_hgo.in,.menu-icon.in {display:block;}
.top_hgo i{width:100%;height:2px;background-color:#42220b;position:absolute;left:0;-webkit-transition:all .5s;}
.top_hgo i:nth-child(1){-webkit-transform:rotateZ(-40deg); top:.02rem; z-index:}
.top_hgo i:nth-child(2){-webkit-transform:rotateZ(40deg); bottom:.02rem;}
.menu-icon{ width:.32rem; height:.26rem; position:absolute; left:.2rem; top:50%; margin-top:-.13rem; display:none;}
.menu-icon span{ display: block; position: absolute; left: 100%; top: 50%; margin-top: -.13rem; margin-left: .05rem; font-size: .2rem; line-height: .26rem; color: #fff; white-space: nowrap;}
.menu-icon i{ width:100%; height:2px; background-color:#fff; position:absolute; left:0; -webkit-transition:all .5s;}
.menu-icon i:nth-child(1){ top:0;}
.menu-icon i:nth-child(2){ top:50%; margin-top:-1px;}
.menu-icon i:nth-child(3){ bottom:0;}
.top.on .menu-icon i{ background-color:#000;}
.menu-icon.on i:nth-child(1){ -webkit-transform:rotateZ(-30deg); top:.04rem; z-index:2}
.menu-icon.on i:nth-child(2){ width:0%;}
.menu-icon.on i:nth-child(3){ -webkit-transform:rotateZ(30deg); bottom:.04rem;}
.logo{ width:2.6rem; height:auto; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);font-size: 18px;color: #fff;line-height:.44rem; text-align: center; margin: 0; white-space:nowrap;}
.top.on .logo img{-webkit-filter: brightness(1);}
.top.on .logo{ color:#000;}
/* .search-icon{ width:.32rem;  position:absolute; right:.84rem; top:50%;} */
.shop-icon{ width:.39rem;max-width: 39px;  position:absolute; right:.84rem; top:45%; transform: translateY(-50%);}
.shop-icon span{ width:.4rem; height:.4rem; border-radius:50%; background-color:#f91414; color:#fff; font-size:.24rem; line-height:.4rem; -webkit-transform:scale(.5); position:absolute; right:0; top:0; text-align:center; margin-right:-.2rem; margin-top:-.2rem;}
/* .user-icon{ width:.32rem; position:absolute; right:.2rem; top:50%; } */
/* .user-icon.on:before{ content:""; width:.1rem; height:.1rem; border-radius:50%; background-color:#e63d3b; position:absolute; right:-.04rem; top:-.04rem;} */
.search-input{ width:calc(100% - .8rem); height:.8rem; position:absolute; left:0%; top:50%; margin-top:-.4rem; overflow:hidden; -webkit-transition:all .5s;}
.search-input input{width:100%; height:.8rem; border-radius:0; background-color:#fff; float:left; padding-left:.63rem; font-size:.2rem; padding-right:.2rem;}
.search-input i{ width:.32rem; height:.32rem; position:absolute; left:.18rem; top:50%; margin-top:-.16rem;}
.search-input em{ width:.28rem; height:.28rem; position:absolute; right:.18rem; top:50%; margin-top:-.14rem; display:none}
.search-input em img{-webkit-filter: brightness(1) !important;}
.search-input i img{-webkit-filter: brightness(.7) !important;}

.wap_wrap{ width:100%; height:auto; overflow:hidden;}
/* .menu{ width:5.12rem; height:0; background-color:rgba(255,255,255,1); overflow-y:scroll; position:fixed; top:0;left: 50%;
    transform: translateX(-50%); -webkit-transition:transform .5s; z-index:1; padding-top:.3rem;max-width: 750px;  min-width: 320px;}
.menu.on{ height:100vh;} */
/*.menu.on,.menu ul.on,.menu-search.on{ -webkit-transform:translate(0,0%);}*/
section{ position:relative; z-index:2; -webkit-transition:all .5s;}
section.on{ -webkit-transform:translate(80%,0)}
.user-menu{ min-width:.8rem; height:auto; padding:.05rem; box-sizing:border-box; background-color:#f2f2f2; width:auto; position:absolute; right:.05rem; top:.7rem; display:none; box-shadow:0 .02rem .05rem #ccc;  border-radius:.1rem;}
.user-menu:before{ content:""; width:0; height:0; border-left:.08rem solid transparent; border-right:.08rem solid transparent; border-bottom:.12rem solid #f2f2f2; position:absolute; top:-.12rem; right:.278rem;}
.user-menu li{ width:auto;min-width:.8rem; text-align:left; color:#333; line-height:.5rem; font-size:.18rem; border-bottom:1px solid #ccc; position:relative; padding-left: 7.8vw;}
/*.user-menu li a{ display: block; width: 100%; height: 100%; position: relative; padding-left: .5rem; box-sizing: border-box; padding-right:.1rem}*/
.user-menu li i{ width:.24rem; height:.24rem; position:absolute; left:.1rem; top:50%; margin-top:-.12rem;}
.user-menu li:nth-child(1) i{ -webkit-filter: brightness(.6);}
.search-show i{-webkit-filter: brightness(.6);}
.shopcart-icon span{ width:.4rem; height:.4rem; border-radius:50%; background-color:#f91414; color:#fff; font-size:.24rem; line-height:.4rem; -webkit-transform:scale(.5); position:absolute; right:0; top:0; text-align:center; margin-right:-.05rem; margin-top:-.05rem;}
.user-menu li:last-child{ border:none}

/* .menu > ul{ width:100%; height:100vh; -webkit-transition:all .5s; position:absolute; left:0; top:0;   background-color:#fff; padding-top:.3rem}
.menu > ul > li{ width:calc(100% - .4rem); height:auto; min-height:.76rem; line-height:.76rem; border-bottom:1px solid #f5f5f5; clear:both; padding-left:.2rem; padding-right:.2rem; position:relative; -webkit-transform:scale(1.5); opacity:0; -webkit-transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.menu.on > ul > li{ -webkit-transform:scale(1); opacity:1;}
.menu > ul > li > a{ width:100%; height:auto; display:block; position:relative; float:left;}
.menu > ul > li span{ width:auto; height:.76rem; line-height:.76rem; font-size:.28rem; display:inline-block; -webkit-transition:all .4s; opacity:0;}
.menu.on > ul > li span{ opacity:1;}
.menu > ul > li  i{ opacity:0;}
.menu.on > ul > li  i{ opacity:1;}
.menu.on > ul > li:nth-child(1){transition-delay: 0.08s;}
.menu.on > ul > li:nth-child(2){transition-delay: 0.16s;}
.menu.on > ul > li:nth-child(3){transition-delay: 0.24s;}
.menu.on > ul > li:nth-child(4){transition-delay: 0.32s;}
.menu.on > ul > li:nth-child(5){transition-delay: 0.4s;}
.menu.on > ul > li:nth-child(1) span{transition-delay: 0.08s;}
.menu.on > ul > li:nth-child(2) span{transition-delay: 0.16s;}
.menu.on > ul > li:nth-child(3) span{transition-delay: 0.24s;}
.menu.on > ul > li:nth-child(4) span{transition-delay: 0.32s;}
.menu.on > ul > li:nth-child(5) span{transition-delay: 0.4s;}
.menu.on > ul > li:nth-child(1) i{transition-delay: 0.4s;}
.menu.on > ul > li:nth-child(2) i{transition-delay: 0.32s;}
.menu.on > ul > li:nth-child(3) i{transition-delay: 0.24s;}
.menu.on > ul > li:nth-child(4) i{transition-delay: 0.16s;}
.menu.on > ul > li:nth-child(5) i{transition-delay: 0.08s;}
.menu > ul > li span.menu-label{ float:left; color:#808080; }
.menu > ul > li span.menu-number{ float:right; color:#e63d3b;}
.menu > ul.menu-user{ z-index:2;}
.menu > ul > li.down:before{ content:""; width:.12rem; height:0; border-top:2px solid #bbbbbb; position:absolute; right:.2rem; top:.33rem; -webkit-transform:rotateZ(-45deg); -webkit-transition:all .5s;}
.menu > ul > li.down:after{ content:""; width:.12rem; height:0; border-top:2px solid #bbbbbb; position:absolute; right:.28rem; top:.33rem; -webkit-transform:rotateZ(45deg); -webkit-transition:all .5s;}
.menu > ul > li.up:before{ content:""; width:.12rem; height:0; border-top:2px solid #bbbbbb; position:absolute; right:.2rem; top:.33rem; -webkit-transform:rotateZ(45deg); -webkit-transition:all .5s;}
.menu > ul > li.up:after{ content:""; width:.12rem; height:0; border-top:2px solid #bbbbbb; position:absolute; right:.28rem; top:.33rem; -webkit-transform:rotateZ(-45deg); -webkit-transition:all .5s;}
.menu > ul > li.up span{ color:#46c3b3;}
.menu > ul > li ul{ width:100%; height:0; clear:both; overflow:hidden;}
.menu > ul > li li{width:calc(100% - .92rem); height:.76rem; line-height:.76rem; border-bottom:1px solid #f5f5f5; clear:both; padding-left:.72rem; padding-right:.2rem; position:relative;}
.menu > ul > li li a{ width:calc(100% - .52rem); height:.76rem; line-height:.76rem; font-size:.28rem; display:inline-block; -webkit-transition:all .5s; float:left;}
.menu > ul > li li:first-child{ border-top:1px solid #f5f5f5;}
.menu i{ width:.5rem; height:.76rem; display:inline-block; float:left; position:relative; -webkit-transition: all .4s;}
.menu i img{ position:absolute; left:0; top:50%; opacity:0; -webkit-transition:all .5s; margin-top:-.12rem; width:.24rem; height:.24rem;}
.menu i img:first-child,.menu > ul > li.up > i img:nth-child(2){ opacity:1;}
.menu i img:nth-child(2),.menu > ul > li.up > i img:nth-child(1){ opacity:0;}
.menu-search{ width:100%; height:100vh; -webkit-transform:translate(-100%,0); position:fixed; left:0; top:0; overflow:hidden; background-color:#fff; z-index:9999;}
.menu-search-top{ width:100%; height:.8rem; position:relative; clear:both; float:left; background-color:#fff; border-bottom:1px solid #ddd; z-index:2; opacity:0; -webkit-transition:all .5s}
.menu-search.on .menu-search-top{ opacity:1;}
.search-close{ width:.8rem; height:.8rem; line-height:.8rem; color:#666; text-align:center; font-size:.2rem; position:absolute; right:0; top:0; z-index:2;}
.menu-search-icon{ width:.32rem; height:.32rem; position:absolute; left:.2rem; top:50%; margin-top:-.16rem;-webkit-filter: brightness(.7); z-index:2;}
.menu-search.on{ -webkit-transform:translate(0%,0);} */
.annals{width:100%; height:auto; min-height:.76rem; line-height:.76rem; clear:both; position:relative; -webkit-transform:translate(-100%,0); overflow:hidden; margin-bottom:.25rem;}
.cookies{width:100%; height:auto; min-height:.76rem; line-height:.76rem; clear:both; position:relative; -webkit-transform:translate(-100%,0); overflow:hidden; margin-top:.4rem;}
.annals-label,.cookies-label{ width:calc(100% - .4rem); padding-left:.2rem; padding-right:.2rem; text-indent:.44rem; font-size:.24rem; color:#808080; position:relative; border-bottom:1px solid #f5f5f5; height:auto; min-height:.76rem; line-height:.76rem;}
.annals-label i,.cookies-label i{ width:.28rem; height:.28rem; position:absolute; top:50%; margin-top:-.14rem; left:.21rem; display:block;} 
@-webkit-keyframes floatLeft{0%{-webkit-transform:translate(-100%,0);}60%{-webkit-transform:translate(10%,0%);}80%{-webkit-transform:translate(-10%,0%);}100%{-webkit-transform:translate(0%,0%);}}
.menu-search.on .annals,.menu-search.on .cookies{-webkit-animation:floatLeft 1s ease .2s both;}
.annals-main,.cookies-main{width:calc(100% - .4rem); padding-left:.2rem; padding-right:.2rem; height:auto; min-height:.76rem; line-height:.76rem; overflow:hidden; }
.annals-main p{text-align:center; font-size:.24rem; color:#808080; clear:both;}
.annals-main span,.cookies-main span{ padding-left:.1rem; padding-right:.1rem; line-height:.46rem; margin:.15rem .07rem .15rem .1rem; background-color:#f2f2f2; border-radius:3px; font-size:.2rem; color:#333333; display:block; float:left; width:auto; max-width:2.4rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.annals-main span:last-child,.cookies-main span:last-child{ margin-right:0;}
.section_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none; background:rgba(0,0,0,.5);}
.annals-label i img, .cookies-label i img{ display:block;}

.leftFloat{ width:3.24rem; height:.6rem; position:fixed; left:50%; bottom:.4rem; margin-left:-3.1rem; z-index:99; border-radius:.05rem; overflow:hidden;}
.Float-kefu,.Float-sign{ width:calc(50% - .6rem); height:.6rem; line-height:.6rem; background-color:rgba(39,39,48,.9); font-size:.22rem; color:#fff; padding-left:.6rem; float:left; position:relative;}
.Float-kefu:before{ content:""; width:0; border-left:1px solid #50525f; height:.34rem; top:50%; right:0; margin-top:-.17rem; position:absolute;}
.Float-kefu i{ width:.34rem; height:.29rem; position:absolute; left:.15rem; top:50%; margin-top:-.15rem;}
.Float-sign i{ width:.28rem; height:.32rem; position:absolute; left:.17rem; top:50%; margin-top:-.16rem;}

.sfy-step{ width:100%; position:relative; height:auto; clear:both;}

.main-room{ width:calc(100% - .4rem); height:auto; overflow:hidden; position:relative; padding-left:.2rem; padding-right:.2rem; clear:both; margin-bottom:.26rem}
.main-label{ width:100%; height:auto; line-height:.28rem; font-size:.26rem; color:#333; padding:.28rem 0; position:relative; text-align:center; z-index:10;}
.main-label span{ display:inline-block; width:auto; position:relative;}
/*.main-label span:before{ content:""; width:.04rem; height:.04rem; border-radius:50%; left:-.24rem; top:50%; margin-top:-.02rem; border-radius:50%; background-color:#fcd54a; display:block;position:absolute;}
.main-label span:after{ content:""; width:.04rem; height:.04rem; border-radius:50%; right:-.24rem; top:50%; margin-top:-.02rem; border-radius:50%; background-color:#fcd54a; display:block; position:absolute;}*/
/*.main-label:before{ content:""; width:0; border-left:1px solid #fcd54a; height:.24rem; top:50%; left:0; margin-top:-.12rem; position:absolute;}*/
.room{ width:100%; height:auto; position:relative; clear:both}
.room li{ width:2.9rem; height:auto; min-height:3.34rem; position:relative; background-color:#fff; border-radius:.05rem; box-shadow:0 .02rem .08rem rgba(0,0,0,.1); float:left; margin-bottom:.18rem;}
.room li:nth-child(2n){ float:right;}
.room li:nth-child(2n-1){ clear:both;}
.room-pic{ width:2.47rem; height:auto; overflow:hidden; position:absolute; left:50%; top:.22rem; margin-left:-1.235rem;}
.room-title{ text-align:center; width:2.48rem; height:.24rem; line-height:.26rem; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#333; position:absolute; bottom:.4rem; left:50%; margin-left:-1.24rem; font-size:.22rem; opacity:0; -webkit-transform:translate(0%,30%); -webkit-transition:all 1s}
.room-explain{ text-align:center; width:2.48rem; height:.24rem; line-height:.26rem; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#666; position:absolute; bottom:.12rem; left:50%; margin-left:-1.24rem; font-size:.18rem; opacity:0; -webkit-transform:translate(0%,30%); -webkit-transition:all 1s}
.room-explain span{ width:100%; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; display:block;}
.room li.on .room-explain,.room li.on .room-title,.find li.on .find-explain,.find li.on .find-title,.des li.on .des-title{ opacity:1; -webkit-transform:translate(0%,0%);}

.main-find{ width:calc(100% - .4rem); height:auto; position:relative; overflow:hidden; clear:both; margin-bottom:.28rem; padding-left:.2rem; padding-right:.2rem; min-height:4.44rem}
.find{ width:100%; height:auto; position:relative; z-index:1; clear:both; -webkit-overflow-scrolling : touch;overflow: auto;}
.find li{ width:3.97rem; height:auto; min-height:3.1rem; position:relative; background-color:#fff; border-radius:.05rem; float:left; padding-bottom:.2rem; box-sizing:border-box;}
.find li:last-child{ margin-right:0}
/*.find-pic{ width:3.8rem; height:auto; overflow:hidden; float:left; position:relative;}
.find-title{ text-align:center; width:3.8rem; height:.2rem; line-height:.2rem; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#333; font-size:.2rem; opacity:0; -webkit-transform:translate(0%,30%); -webkit-transition:all 1s; float:left; padding-top:.2rem;}
.find-explain{ text-align:center; width:3.8rem; height:.2rem; line-height:.2rem; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#666; font-size:.16rem; opacity:0; -webkit-transform:translate(0%,30%); -webkit-transition:all 1s; float:left; padding-top:.1rem;}*/
.find-pic{ width:100%; float:left; position:relative; height:auto;}
.find-title{ width:100%;text-align:center; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#333; font-size:.22rem; height:0;line-height:0;}
.find-title span{ width:2.46rem; display:block; height:auto; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.find-explain{ width:100%;text-align:center; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#666; font-size:.18rem; height:0; line-height:0;}
.find-explain span{ width:2.46rem; display:block; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.swiper-slide-active .find-title{ height:.4rem; line-height:.4rem;}
.swiper-slide-active .find-explain{ height:.24rem;line-height:.24rem; }


.main-des{ width:calc(100% - .4rem); position:relative; overflow:hidden; clear:both; margin-bottom:.28rem; padding-left:.2rem; padding-right:.2rem; height:5rem}

.des-title{ width:100%;text-align:center; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; color:#333; font-size:.22rem; height:0; line-height:0; padding:0;}
.des-title span{ width:3.66rem; display:block; height:auto; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.swiper-slide-active .des-title{ height:.26rem; line-height:.26rem; padding-top:.16rem;}

.main-service{ width:calc(100% - .4rem); height:auto; overflow:hidden; position:relative; padding-left:.2rem; padding-right:.2rem; clear:both;}
.service{ width:100%; height:auto; position:relative; clear:both;}
.service ul{ display:table; word-spacing:-1em; width:100%; text-align:center;}
.service li{ width:25%; height:auto; min-height:1.58rem; position:relative; border-radius:.05rem; display:inline-block;word-spacing:0; padding-bottom:.2rem; box-sizing:border-box;}
.service-pic{ width:.89rem; height:.89rem; top:0; left:50%; margin-left:-.45rem; border-radius:50%; box-shadow:0 .02rem .05rem rgba(0,0,0,.1); position:absolute;}
.service-title{ text-align:center; font-size:.22rem; color:#333333; line-height:.26rem; width:100%;white-space: nowrap;text-overflow: ellipsis; overflow:hidden; position:absolute; left:0; top:1rem;}

.main-find .swiper-container{ padding-bottom:.1rem; padding-top:.1rem}
.main-find .swiper-slide {width: 2.9rem;height:auto;background: #fff;box-shadow:0 0 .19rem rgba(0,0,0,.2);padding:.22rem;box-sizing:border-box; border-radius:.05rem;display:table; margin:0;}
.main-find .swiper-slide.swiper-slide-active{ padding-bottom:.16rem;}

.main-des .swiper-container{ padding-bottom:.1rem;}
.main-des .swiper-slide {width:4.1rem;height:auto;background: #fff;box-shadow:0 0 .19rem rgba(0,0,0,.2);padding:.22rem;box-sizing:border-box; border-radius:.05rem; display:table; margin:0;}
.main-des .swiper-slide.swiper-slide-active{ padding-bottom:.16rem;}

.main-activity{ width:100%; height:auto; position:relative; overflow:hidden; clear:both; margin-bottom:.28rem;}
.activity{ width:calc(100% - .2rem); height:auto; position:relative; clear:both; -webkit-overflow-scrolling : touch;overflow: auto; padding-left:.2rem; background-color:#fff; padding-top:.2rem;}
.activity li{ width:2.32rem; height:auto;  position:relative; background-color:#fff; border-radius:.05rem; float:left; padding-bottom:.2rem;margin-right:.2rem;}
.activity li:last-child{ margin-right:0}
.activity-pic{ width:100%; float:left; position:relative; height:auto;}
.activity-title{ width:100%; float:left; clear:both; text-align:center; font-size:.22rem; line-height:.26rem; padding-top:.1rem; color:#333;}
.activity-title span{ width:2.32rem; height:auto;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; display:block; }
.activity-date{ width:100%; float:left; clear:both; font-size:.18rem; text-align:center; line-height:.26rem; color:#808080;}
.activity-date span{ width:2.32rem; height:auto;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; display:block; }
.activity-more{ width:2.32rem; height:2.32rem; background-color:#e6e6e6; border-radius:.05rem; float:left; position:relative;}


.bottom{ width:100%; margin-top:.4rem; height:auto; position:relative; overflow:hidden; text-align:center; background-color:#f8f8f8;}
.bottom a.kefu-phone{ width:auto; text-align:center; height:auto; position:relative; display:inline-block; color:#333; font-size:.2rem; line-height:.5rem; margin-bottom:.1rem; clear:both;}
.bottom > p{ width:100%; height:auto; clear:both; font-size:.2rem; color:#808080; clear:both; text-align:center; line-height:.3rem;}
.copy{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:.5rem; background-color:#e6e6e6; text-align:center; padding-top:.2rem; padding-bottom:1.2rem;}
.copy p:first-child{width: calc(100% - .6rem);height: auto;clear: both;position: relative;font-size: .22rem;text-align: center;color: #999;line-height: .28rem;padding-left: .3rem;padding-right: .3rem; padding-top: .1rem;}
.copy p:last-child{width: calc(100% - .6rem);height: auto;clear: both; position: relative;font-size: .22rem;text-align: center;color: #333333;line-height: .28rem;padding-left: .3rem;padding-right: .3rem;padding-top: .1rem;padding-bottom: .1rem;}
.Indexmodal{ width:4.98rem; height:auto; box-sizing:border-box; position:fixed; left:50%; top:50%; margin-left:-2.49rem; margin-top:-3.2rem; background-color:#fff; border:.1rem solid #8ae0d5; z-index:999; padding:.14rem; display:none;}
.modal-top:before{ content:""; background:url(../images/modal_icon_1.jpg) no-repeat center center; width:.34rem; height:.34rem; display:block; z-index:3; position:absolute; left:0; top:0;}
.modal-top:after{ content:""; background:url(../images/modal_icon_2.jpg) no-repeat center center; width:.34rem; height:.34rem; display:block; z-index:3; position:absolute; right:0; top:0;}
.modal-bottom:before{ content:""; background:url(../images/modal_icon_3.jpg) no-repeat center center; width:.34rem; height:.34rem; display:block; z-index:3; position:absolute; left:0; bottom:0;}
.modal-bottom:after{ content:""; background:url(../images/modal_icon_4.jpg) no-repeat center center; width:.34rem; height:.34rem; display:block; z-index:3; position:absolute; right:0; bottom:0;}
.Indexmodal-box{ width:100%; height:auto; position:relative; box-sizing:border-box; border:1px solid #67cec0; padding:.2rem .2rem;}
.sign-form{ width:100%; clear:both; position:relative; overflow:hidden;}
.enroll_ner_text{ width:100%; float:left; position:relative; height:auto; margin-bottom:.1rem; margin-top:.1rem;}
.enroll_ner_text input{ width:100%; height:.7rem; background-color:#f2f2f2; font-size:.22rem; color:#333; border-radius:.1rem; border:none; text-indent:.2rem; padding-right:.2rem;}
.enroll_ner_text input::-webkit-input-placeholder{color:#808080;}
.enroll_ner_select{ width:100%; float:left; position:relative; height:auto; margin-bottom:.1rem; margin-top:.1rem;}
.enroll_ner_select select{ width:100%; height:.7rem; background-color:#f2f2f2; font-size:.22rem; color:#333; border-radius:.1rem; border:none; text-indent:.2rem; padding-right:.34rem;}
.enroll_ner_sms{ width:100%; float:left; position:relative; height:auto; margin-bottom:.1rem; margin-top:.1rem;}
.enroll_ner_sms input:first-child{ width:49%; float:left;height:.7rem; background-color:#f2f2f2; font-size:.22rem; color:#333; border-radius:.1rem; border:none; text-indent:.2rem; padding-right:.2rem; box-sizing:border-box;}
.enroll_ner_sms input:last-child{ width:49%; float:right;height:.7rem; background-color:#d7aa6e; font-size:.22rem; color:#fff; border-radius:.1rem; border:none; text-indent:.2rem; padding-right:.2rem; box-sizing:border-box;}
.enroll_ner_btn{width:100%; float:left; position:relative; height:auto; margin-bottom:.1rem; margin-top:.1rem;}
.enroll_ner_btn a{ width:100%; height:.7rem; text-align:center; line-height:.7rem; clear:both; font-size:.22rem; color:#fff; background-color:#46ccbb; display:block; border-radius:.1rem;}
.mask{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; left:0; top:0; z-index:998; display:none;}
.modal-close{ width:.66rem; height:.66rem; position:absolute; left:50%; margin-left:-.33rem; bottom:-1rem; }



/*.right-active{ width:.52rem; height:1.04rem; position:fixed; top:20%; background:url(../images/right_active.png) no-repeat center center; right:0; z-index:999; background-size:100%;}

.right-flower{ width:.26rem; height:.26rem; position:absolute; left:-.04rem; top:.73rem; z-index:2;-webkit-animation: rotate360 4s infinite linear;}
.right-text-01{ width:.26rem; height:.24rem; position:absolute; left:.07rem; top:.21rem; z-index:2; opacity:0}
.right-text-02{ width:.22rem; height:.38rem; position:absolute; left:.28rem; top:.24rem; z-index:2; opacity:0}
.right-text-03{ width:.27rem; height:.32rem; position:absolute; left:.04rem; top:.44rem; z-index:2; opacity:0}
.right-text-04{ width:.3rem; height:.33rem; position:absolute; left:.23rem; top:.53rem; z-index:2; opacity:0}
.right-active.on .right-text-01{-webkit-animation: bounceIn 1s both 0s ease-in;}
.right-active.on .right-text-02{-webkit-animation: bounceIn 1s both .5s ease-in;}
.right-active.on .right-text-03{-webkit-animation: bounceIn 1s both 1s ease-in;}
.right-active.on .right-text-04{-webkit-animation: bounceIn 1s both 1.5s ease-in;}
.right-active.on .right-active-text{-webkit-animation: textShow 1s both 5.5s linear;}

@-webkit-keyframes rotate360{0%{ -webkit-transform:rotateZ(0deg);}100%{ -webkit-transform:rotateZ(360deg);}}
@-webkit-keyframes textShow{0%{ opacity:1}100%{ opacity:0;}}

@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1); opacity:1}}

.main-label i{display: inline-block; position: relative; z-index:2; padding-bottom:.1rem;}
.main-label i img{ display:block; margin:0 auto;}
.main-label i:before{ content:""; background:url(../images/red_cloud_1.png) no-repeat center center; width:.82rem; height:.49rem; position:absolute; left:-1rem; top:0;-webkit-animation: floatUp 5s infinite ease; background-size:100%;}
.main-label i:after{ content:""; background:url(../images/red_cloud_2.png) no-repeat center center; width:.82rem; height:.49rem; position:absolute; right:-1rem; top:0;-webkit-animation: floatDown 5s infinite ease; background-size:100%;}
.sfy-step:before{ content:""; background:url(../images/red_cloud_1.png) no-repeat center center; width:.82rem; height:.49rem; position:absolute; left:50%; margin-left:-2.4rem; top:.26rem;-webkit-animation: floatUp 5s infinite ease; background-size:100%; z-index:10;}
.sfy-step:after{ content:""; background:url(../images/red_cloud_1.png) no-repeat center center; width:.82rem; height:.49rem; position:absolute; left:50%; margin-left:1.52rem; top:.26rem;-webkit-animation: floatDown 5s infinite ease; background-size:100%; z-index:10;}*/


@-webkit-keyframes floatUp{0%,100%{ -webkit-transform:translate(0,-10%);}50%{ -webkit-transform:translate(0,10%);}}
@-webkit-keyframes floatDown{0%,100%{ -webkit-transform:translate(0,10%);}50%{ -webkit-transform:translate(0,-10%);}}

.pxy-bottom{padding-bottom: 1.2rem !important;}
.pxy-bottom .pxy-bottom-title{ line-height:.32rem;}

/*7周年活动*/
.label_bg{
	width: 6.4rem;
	height: 0.94rem;
	position: relative;
	left:50%;
	margin-left:-3.2rem;
	text-align: center;
	line-height: .28rem;
	font-weight:700;
    font-size: .3rem;
    color: #fff;
    padding-top: .56rem;
    text-align: center;
}
.label_bg_1{
	background: url(../7anniversary/label_bg_1.png);
	background-size: 100%;
}
.label_bg_2{
	background: url(../7anniversary/label_bg_2.png);
	background-size: 100%;
}
.label_bg_3{
	background: url(../7anniversary/label_bg_3.png);
	background-size: 100%;
}
.label_bg_4{
	background: url(../7anniversary/label_bg_4.png);
	background-size: 100%;
}
.label_bg_5{
	background: url(../7anniversary/label_bg_5.png);
	background-size: 100%;
}
.deng_bg{ width: 1.06rem; position: absolute; top:0.3rem; left: 50%; margin-left: -0.52rem;animation:show_hiden 1.6s infinite;-webkit-animation:show_hiden 1.6s infinite;}

@keyframes show_hiden
{
	0% {opacity: 1;}
	50% {opacity: 0.4;}
	100% {opacity: 1;}
}

@-moz-keyframes show_hiden /* Firefox */
{
	0% {opacity: 1;}
	50% {opacity: 0.2;}
	100% {opacity: 1;}
}

@-webkit-keyframes show_hiden /* Safari 和 Chrome */
{
	0% {opacity: 1;}
	50% {opacity: 0.2;}
	100% {opacity: 1;}
}

@-o-keyframes show_hiden /* Opera */
{
	0% {opacity: 1;}
	50% {opacity: 0.2;}
	100% {opacity: 1;}
}


.pop_bg{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 99;
}

.pop_box {
	width: 5.18rem;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 999;
}
.pop_close{
	width: 0.44rem;
    height: 0.44rem;
    position: absolute;
    right: -0.1rem;
    top: 2.1rem;
    z-index: 9999;
}
.pup_top{
	width: 5.18rem;
	height: 6.87rem;
	position: relative;
}
.chai{
	width: 1.55rem;
	height: 1.55rem;
	position: absolute;
	top:4.7rem;
	left: 50%;
	margin-left: -0.775rem;
	animation:modal_chai 2s infinite step-start;
	-webkit-animation:modal_chai 2s infinite step-start;
	background-size:100%;
}

@keyframes modal_chai{0%,100%{background: url(../7anniversary/chai_on.png);background-size:100%;}50%{background: url(../7anniversary/chai_un.png);background-size:100%;}}
.shou_m{
	width: 4.8rem;
	height: 1.14rem;
	position: absolute;
	top:0.66rem;
	left: 0.2rem;
	z-index: -1;
	animation:shou_up_d 1.6s infinite;
	-webkit-animation:shou_up_d 1.6s infinite;
}
.pop_form{
	display: none;
	width: 5.18rem;
	height: auto;
	position: relative;
}
.tips_form{
	width: 5.17rem;
	height: 4.3rem;
	margin-top: -0.15rem;
	background: #fd3331;
	border-radius: 0 0 0.3rem 0.3rem;
}
.tips_form ul{
	width: 4.7rem;
	height: auto;
	margin: 0 auto;
	padding-top: 0.3rem;
}
.tips_form ul li{
	width: 100%;
	height: 0.68rem;
	margin-top: 0.1rem;
}
.tips_form ul li input,.tips_form ul li select{
	width: 2.28rem;
	height: 0.68rem;
	line-height: 0.68rem;
	display: inline-block;
	border:none;
	float: left;
	border-radius: 0.05rem;
	text-indent: 0.1rem;
	background-color:#fff;
}
.tips_form ul li select{ width: 1.5rem !important;}
.ma_r{
	margin-right: 0.05rem;
}
.btn_bg{
	width: 4.5rem;
	margin: 0 auto;
	margin-top: 0.28rem;
}
.hb_f{
	width: 100%;
	position: absolute;
	top:2.3rem;
	left: 0;
}
.hb_f_l{
	width: 1.1rem;
	position: absolute;
	left: -0.6rem;
	top:0;
	animation:hb_f_l 1.2s infinite;
	-webkit-animation:hb_f_l 1.2s infinite;
}
.hb_f_r{
	width: 1.7rem;
	position: absolute;
	right: -0.66rem;
	top:0;
	animation:hb_f_r 1.2s infinite;
	-webkit-animation:hb_f_r 1.2s infinite;
}
.p_right{
	width: .74rem;
	height: .84rem;
	position: fixed;
	bottom:0.5rem;
	right:0;
	z-index: 1;
}
.right_fd{
	animation:right_fd 1.2s infinite;
	-webkit-animation:right_fd 1.2s infinite;
  position: relative;
}
.ce_rb{    width: .73rem; height: .51rem; -webkit-animation: fly 1.2s infinite; position:absolute; right:0; top:-.7rem;}

@keyframes fly{0%{opacity:0;-webkit-transform:scale(.5,.5);}100%{opacity:1;-webkit-transform:scale(1,1);}}



@keyframes shou_up_d
{
	0% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	49% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	50% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
	100% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
}

@-moz-keyframes shou_up_d /* Firefox */
{
	0% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	49% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	50% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
	100% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
}

@-webkit-keyframes shou_up_d /* Safari 和 Chrome */
{
	0% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	49% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	50% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
	100% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
}

@-o-keyframes shou_up_d /* Opera */
{
	0% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	49% {background: url(../7anniversary/shou_up.png);background-size: 100%;}
	50% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
	100% {background: url(../7anniversary/shou_d.png);background-size: 100%;}
}
@keyframes hb_f_l
{
	0% {left: -0.6rem;}
	50% {left: -1.6rem;}
	51%{left: -0.6rem; opacity: 0;}
	100% {left: -0.6rem;opacity: 1;}
}
@keyframes hb_f_r
{
	0% {right: -0.66rem;}
	50% {right: -1.6rem;}
	51%{right: -0.66rem; opacity: 0;}
	100% {right: -0.66rem;opacity: 1;}
}

@keyframes right_fd
{
	0% {bottom: 0.5rem;}
	50% {bottom: 0.4rem;}
	100% {bottom: 0.5rem;}
}
/**7周年**/
 .act .bg{  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  background:rgba(0, 0, 7, 0.75);  z-index: 100;  display: none;  }
.act .tip_box{  width:100%;  top:50%;  left: 50%;  position: fixed;  transform: translate(-50%,-50%);  padding: 15px 0;  text-align: center;  z-index: 150;  display: none;  }
.act .tip{  display: none;  }
.act .bg.on,.act .tip_box.on,.act .tip.on{  display: block;  }
.act .tip{  width: 6.34rem;  margin: 0 auto;  position: relative;  height: 6.34rem;  }
.act .tip_close{  width: 0.3rem;  height: 0.3rem;  position: absolute;  top: 0;  z-index: 200;  right: 1.5rem;  cursor: pointer;  }
.act .tip_close img{  width: 100%;  float: left;  }
.act .tip_bg{  width: 5.81rem;  height: 4.95rem;  margin: 0 auto;  position: relative;  z-index: 170;  }
.act .tip_bg img{  width: 100%;  float: left;  }
.act .tip_btns{  width: 4rem;  height: auto; /*overflow:hidden;*/  position: absolute;  bottom: 0.75rem;  left: 0.85rem;  z-index: 180;  }
.act .tip_btns a{  width: 1.63rem;  height: 0.46rem;  display: inline-block;  border:2px solid #d66800;  border-radius: 25px;  background: #fff800;  line-height: 0.46rem;  color: #dd1461;  font-size: 0.2rem;  font-weight: bold;  text-align: center;  animation: upDown 1s infinite;  }
.act .tip_btns a:nth-child(1){  margin-right: 0.1px;  }
@keyframes upDown{ 0%,100%{transform: translateY(0);} 50%{transform: translateY(8px);} }
.act .tip_btns a i{  float: right;  width: 0.18rem;  height: 0.18rem;  background: url(../images/tip_btn_arow.png) no-repeat center;  background-size:100%;  position: relative;  top: 0.15rem;  right: 0.25rem;  }


/*  618  */
.strom-label{width: 100%;height: auto;line-height: .6rem;font-size: .28rem; color: #333;padding: .28rem 0;position: relative;text-align: center;background: url(../strom/strom_titles.png) no-repeat center center; background-size:2.69rem .64rem;}
.strom-label span{background: linear-gradient(to bottom, #e03c61, #c1204a);-webkit-background-clip: text;color: transparent;display: inline-block;width: auto;position: relative;}
.strom-label:before{ content:""; width:.76rem; height:2.15rem; position:absolute; left:-.2rem; top:0; background: url(../strom/strom_left.png) no-repeat center center; background-size:100%; }
.strom-label:after{ content:""; width:1.08rem; height:2.15rem; position:absolute; right:-.2rem; top:.1rem; background: url(../strom/strom_right.png) no-repeat center center; background-size:100%; }


.popup_strom{ width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; left:0; top:0; z-index:8888;}
.popup_strom .popup_redgift{ width:5.77rem; height:7.8rem; background: url(../strom/redgift.png) no-repeat center center; background-size:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%) scale(1.1); z-index:3;}
.popup_strom .popup_redgift .open_sign{ width:1.51rem; height:1.52rem; background: url(../strom/strom_btn.png) no-repeat center center; background-size:100%; position:absolute; left:50%; top:4rem; margin-left:-.7rem; -webkit-animation: open_sign 1.5s ease infinite; cursor:pointer;}
.popup_strom .popup_redgift .popup_close{ width:.32rem; height:.32rem; position:absolute; right:0; top:1.13rem; cursor:pointer; z-index:5;}
@-webkit-keyframes open_sign{0%,100%{ -webkit-transform:scale(1)}50%{  -webkit-transform:scale(.8)}}
.popup_sign{ width:4.73rem; height:5.9rem; position:absolute; left:50%; top:50%; margin-left:-2.29rem; margin-top:-3.31rem; opacity:0; -webkit-transform:translate(0,.3rem) scale(1); -webkit-transition:all .5s; z-index:2; background: url(../strom/strom_sign.png) no-repeat center center; background-size:100%;}
.popup_sign.on{ -webkit-transform:translate(0,0) scale(1); opacity:1;}
.popup_strom .popup_sign .popup_close{ width:.32rem; height:.32rem; position:absolute; right:-.35rem; top:-.15rem; cursor:pointer; z-index:5;background: url(../strom/popup_close.png) no-repeat center center; background-size:100%;}
.strom-form{ width: 4.23rem; height: auto;margin: 0 auto;margin-top: 3.5rem;overflow: hidden;}
.strom-form li{ width: 100%; height: auto;margin-bottom: .1rem;clear: both;float: left;}
.strom-form li > input{ width: 49%;height: .6rem;background-color: #fff;padding-left: .18rem;padding-right: .1rem;box-sizing: border-box;
 font-size:.2rem; float:left;}
.strom-form li > select { width: 32%;height: .6rem;padding-left: .18rem;padding-right: .1rem;border: none;float: left;font-size: .2rem; background-color:#fff;}
.strom-form li > input:last-child{ float:right;}
.strom-form li > select:nth-child(2){ margin:0 2%;}
.strom-form li > a{ display: block; margin: 0 auto;width: 2.18rem;height: auto; margin-top:.1rem}
.soujia-font03rem{font-size: 0.3rem;}


#v5btn{ display: none !important }