/***** reset ******/
*{  font-family: "Microsoft YaHei","微软雅黑", Helvetica, Arial, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section
{
  margin:0;
  padding:0
}
html{
  -webkit-text-size-adjust:100%;
}
html *{
  outline:0;
  -webkit-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body{ 
  font: font-size:100%/1.2 "微软雅黑", sans-serif; 
  width: 100%;
  background: #fff;
  max-width: 640px;
  margin:auto;
  overflow-y:auto;
}
textarea,input,select,button{ 
  font-size: 100%;
  display: block;
  border:none; 
} 
.dingwei{position: relative;}

@media screen and ( min-width: 640px) {
  .tips_box{padding-top: 20%;}
}
ul,ol{ list-style-type: none; }
img{ 
  max-width: 100%;
  display: block; 
  border: 0;
/*  -webkit-touch-callout: none; 
  pointer-events: none; 
  -webkit-user-select: none;*/
}
a{ text-decoration: none; }
.padge{width: 100%;max-width: 640px;margin: 0 auto;}
.new_main_aa{position: relative;font-size: 14px;}
.shengNum{
    color: #fff;
    font-size: .66rem;
    width: 1rem;
    position: absolute;
    left: .1rem;
    right: 0;
    margin: auto;
    bottom: .76rem;
    font-weight: bold;
}
input::-webkit-input-placeholder{ color: #a3a3a3; }
.form{
  box-sizing: border-box;
  padding: .1rem 0;
}
.hide_box{width: 1.5rem;height: 1.5rem;position: absolute;right: .8rem;top:3rem;}
.sheng-num{
  width: 100%;
  margin:0 auto;
  font-size: .66rem;
  font-weight: bold;
  padding: .6% 0 1.4%;
}
.sheng-num div{
  letter-spacing: 1px;
  text-align: center;
  font-weight: bold;
}
.sheng-num div .num{
  /*color: #fff;*/
  background: url(../images/num-bg.png) no-repeat top center;
  background-size: 100% 100%;
  margin: 0 1%;
  padding: 0 2%;
}
.ding{position: relative;}
  .top_mar{height: .8rem;}
.from_aa {
    background: #fff;
    overflow: hidden;
    padding: 2% 0 3%;
}
.from_aa label{float: left;clear: both;}
.from_aa input{float:left;margin-left: .3rem;border: 1px solid #000;width: 73%;height: 1.6rem;border-radius: .2rem;text-indent: .5rem;font-size: .66rem;}
.name{background: url(../images/icon_head.png) no-repeat center/100%; width: 20%;height:1.6rem; }
.tel{background: url(../images/icon_tel.png) no-repeat center/100%; width: 20%;height:1.6rem; margin-top: .5rem;}
.tel_a{margin-top: .5rem;}
.from_b {
  width: 100%;
  height:13.78rem;
  background: url(../images/ban_02.jpg) no-repeat center/100% 100%;
  margin: auto;
  font-size: .66rem;
}
.form_tan .inputgroup{margin: 1.5rem 0 0 0;}
.form_tan .inputgroup input{
  width: 50%;
  padding: 1.5% 0 1.5% 9%;
  border:1px solid #82dace;
  /* border-bottom: 2px solid #82dace!important; */
}
.form_tan .btn1{
    width: 42%!important;
    margin-top: 4%;
}
/*#xm1{background:#fff url(../images/icon_head.png) no-repeat .2rem center/2.8rem;}
#dh1{background:#fff url(../images/icon_tel.png) no-repeat .2rem center/2.8rem;}*/
.btn_box1{position: absolute; margin:0 auto; left: 0; right: 0; 
  width: 90%;padding: 5% 0 2%;
  bottom: -.4rem;
}
.btn_box2{bottom: .5rem;}
.btn_box{width: 100%;margin:-5% auto 4%;background: #fff;}
.video_box video{width: 100%;}
.starImg{width: 2.35rem;position: absolute;left: 0;right: 0;margin:auto;top: 6.5rem;-webkit-transform-style: preserve;
-webkit-animation: spin .5s infinite linear; }
.room_btn{ display: -webkit-flex; width: 86%;   margin: .2rem auto 1.3rem;}
.room_btn li{
  position: relative;
  text-align: center;
  font-size: 0.6rem;
  width:30%;
  padding:.4rem 0;
  background: #fff;
  margin:0 0.2rem;
  border: 1px solid #1593d3;
  color: #1593d3;
}
.sheng-num {
  padding: .5rem 0;
  position: absolute;
  bottom: 2%;
  left: -13%;
  color: #57130a;
  font-size: .7rem;
  /* font-weight: 100; */
}
.sheng-num span{
  color: #e60027;
  text-decoration: underline;
  margin:0 .1rem;
}
.from_aa .num_a{color: #ff4e00;text-decoration: underline;margin:0 .1rem;}
.a {
  position: absolute;
  top: 61%;
  right: 18%;
  width: 4.5rem;
  height: 2rem;
  background: transparent;
  z-index: 34;
}
.b {
  position: absolute;
  top: 5%;
  right: 0%;
  width: 16rem;
  height: 2rem;
  background: transparent;
  z-index: 34;
}
.c {
  position: absolute;
  right: 0%;
  width: 16rem;
  height: 2rem;
  background: transparent;
  z-index: 34;
  bottom: 1%;
}
.d {
  position: absolute;
  right: 0%;
  width: 16rem;
  height: 2rem;
  background: transparent;
  z-index: 34;
  bottom: 0%;
}
.f {
  position: absolute;
  top: 26%;
  right: 11%;
  width: 4.5rem;
  height: 2rem;
  background: transparent;
  z-index: 34;
}
.g {
  position: absolute;
  top: -29%;
  right: 6%;
  width: 4.5rem;
  height: 2rem;
  background: transparent;
  z-index: 34;
}
.fudai {
  position: absolute;
  width: 18%;
  left: 40%;
  z-index: 34;
  bottom: -43%;
}

.btn{
  display: block;
  width: 55%;
  margin: 3.8rem auto 1%;
  clear: both;
  /*-webkit-transform-style: preserve;
  -webkit-animation: spin 1s infinite linear;*/
}
.formgg_box .form_div>div{
/*  display: block;color: #505050;font-size: .6rem;    margin-top: .56rem;
  border-radius:none !important; */
  /* text-indent: 2.5%; */

}

.ban{
  display: inline-block;
  width: 14.76rem;
  height: 9.1rem;
  border-radius: 0.4rem;
  position: absolute;
  top: 36%;
  left: 4%;
}

.formgg_box span{color: #ff5454;}
.formgg_box>div em{font-style: normal;list-style: normal;font-size: .45rem;}
.formgg_box{/*height: auto;*/}



.formgg_box ul{
  position: relative;
  /* left: 2.5%; */
}
.formgg_box ul li{
    background: url(../images/w1_bg7_12.jpg) no-repeat left center/.68rem;    
    padding-left: .9rem;
    display: inline-block;
    width: 25.5%;
    margin-top: 5%;
}
.formgg_box ul li.cur{
   background: url(../images/w1_bg6.png) no-repeat left center/.68rem;
}
.btn1 {
  width: 78%;
  display: inline-block;
  margin: 4% auto 0%;
  display: block;
  -webkit-transform-style: preserve;
  -webkit-animation: spin 1s infinite linear;
}
#footer_btn {
  position: fixed;
  width: 100%;
  max-width: 640px;
  left: 50%;
  bottom: 0;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
}
#footer_btn:after {
  content: '';
  display: block;
  clear: both;
}
#footer_btn img {
  width: 100%;
  float: right;
  display: inline-block;
}
/*.bottom_textaa{border:1px solid #332828!important;color: #332828!important;}*/
.from_aa input{width: 77%;height: 1.8rem;}
.div_box{    width: 92%;margin: auto;}
.gaoo{  width: 100%;height:20px;}
.mb{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  max-width: 640px;
  right: 0%;
  margin: auto;
}
.mb_box {
    width: 88%;
    position: relative;
    margin: auto;
    margin-top: 38%;
}
.sure {
    width: 4rem;
    height: 1.5rem;
    /* background: #fff; */
    margin: auto;
    position: absolute;
    bottom: 5%;
    left: 0%;
    right: 0%;
}
.form_tan{
  width: 100%;height: 100%;display: none;position: fixed;top: 0;left: 0;
  background:rgba(0,0,0,.6);
}
.form_tan .form_box{
  width: 100%;height: 18rem;background: url(../images/Fbg_02.png) no-repeat center center/100%; 
  position: absolute;top: 40%;left: 50%;-webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);padding-top: 7.8rem;    box-sizing: border-box;
}
.form_tan #xm3{background:#fff url(../images/icon_name.png) no-repeat .2rem center/1.5rem;}
.form_tan #dh3{background:#fff url(../images/tel_icon.png) no-repeat .2rem center/1.5rem;}
.form_tan .btn_x{
    width: 15%;
    height: 9%;
    position: absolute;
    right: 0;
    top:1.5rem;
   
}
.form_tan .tanbtn{ 
  -webkit-transform-style: preserve;
  -webkit-animation: spin 1s infinite linear;
}
/* Tit */
.Tit{
  display: block;
  width:100%; height: 100%;
  z-index: 9999;
  position: fixed;top: 0;left: 0;
  background:rgba(0,0,0,.6);

}
.Tit .Titbox{
  width:90%;
  margin:0 auto;
  margin-top:40%;
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
}
.Tit .Titbox .btn_x2{ 
  position: absolute;
  width: 90%;
  margin: 2.4rem 0 0 0;
  
}
.Tit .Titbox .num{
  position: absolute; width: 90%; margin: 4.4rem 0 0 0;
  text-align: center;
}
.Tit .Titbox .num span{ padding:0 .2rem 0 .2rem; color:red;}
.Tit .Titbox .close_x{
  width: 12%; height: 1.5rem;
  position: absolute; right: 0; top:0;
}

/* after_suss */
.after_show{display: none; }
.success{
  width: 10.67rem;
  height: 11.72rem;
}
.after_suss{
  width:100%;
  height: 100%;
  position: fixed;
  display: flex;
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
  top:0;
  right: 0;
  left:0;
  z-index: 9999;
  background:rgba(0,0,0,.6);
}
.after_suss .close_x2{ 
      width: 7.91rem;
    height: 1.76rem;
    position: absolute;
    top: 78%;
    right: 14%;
}





.room_btn{ display: -webkit-flex; width: 86%;   margin: .2rem auto 1.3rem;}
.room_btn li{
  position: relative;
  text-align: center;
  font-size: 0.6rem;
  width:30%;
  padding:.4rem 0;
  background: #fff;
  margin:0 0.2rem;
  border: 1px solid #1593d3;
  color: #1593d3;
}
.lunbo{width: 100%;position: relative;}
.arrow_box{width: 1.26rem;position: absolute;top: 52%;}
.right_box{right: 0;}
.left_box{left: 0;}
.world_hidden{
    width: 65%;
    height: 13px;
    overflow: hidden;
    color: #6f6f6f;
    font-size: .52rem;
    /* text-align: center; */
    position: absolute;
    left: 3.8rem;
    top: .3rem;
}
@-webkit-keyframes upMove {
  0%{  -webkit-transform: translateY(0);}
  100%{  -webkit-transform: translateY(-50%); }
}
@keyframes upMove {
  0%{  transform: translateY(0);}
  100%{  transform: translateY(-50%); }
}
.world_scroll li{
  list-style: none;
  margin-bottom: .1rem;
}

/*W1*/
.bg5{
  position:absolute; margin:0 auto; 
  left:0; right:0; width:90%;
  bottom: -.3rem;z-index: 999;
}

/*form_div*/
.formgg_box .form_div{width: 90%;margin:0 auto;margin-top: 4.5rem;}
.form_div .Inputground{
  width:85%;
  margin:0 auto;
  margin-top: .6rem;
  -webkit-border-radius:.2rem;
  border-radius:.2rem;
  overflow:hidden;
}
.form_div .Inputground .ico{
  width:7%; 
}
.form_div .Inputground input{
  width:100%; 
  box-sizing: border-box;
  padding:.45rem 0 .45rem 2.2rem;
  display: block;
  background: #fff url(../images/name.jpg) no-repeat 4% center/1.2rem;
  border:1px solid #c61318;
  border-radius: 0.3rem;
}
.form_div .Inputground .dh{
  background: #fff url(../images/tel.jpg) no-repeat 4% center/1.2rem;
}
.form_div .area{
  width:94%; margin:0 auto;
  margin-top:.6rem;
/*  border-top:1px solid #e5e5e5;*/
}
.form_div .area >div:nth-child(1){
  margin-top:.6rem;
}

/*Form2*/
.Form2 .anniu{  
  width:100%;
/*   -webkit-transform-style: preserve;
-webkit-animation: spin 1s infinite linear; */
}
.Form2.Inputground{
  width:94%;
  margin:0 auto;
  display:flex; 
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
  background:#fcfcfc;
  border:1px solid #e5e5e5;
  border-radius: .2rem;
  margin-top: .6rem;
}
.Form2 .Inputground .ico{
  width:9%; 
}
.Form2 .Inputground input{
  margin-left: .2rem;
  width:80%; padding:.4rem 0;
}


/* 滚动名单 */
.rolling{
  overflow: hidden;
  font-size: 14px;
  position: absolute;
  margin: 0 auto;
  left: 2%;
  right: 0;
  bottom:1.6rem;
}
.crollul{ height:4.5rem; overflow:hidden;font-size: 0.5rem;}
.crollul li{
  width:84%;
  display:flex; 
  display: -webkit-flex;
  align-items:center;
  justify-content:center;
  text-align: center;
  /*line-height:20px; */
  margin:0 auto;
  color:#000;font-size:0.55rem;
  border-bottom: 1px solid #e3e3e3;
  padding:.3rem 0;
}
.crollul li .ico_logo{width:10%;}
.crollul li .btntop{
  padding:5px .5rem;
  border-radius: .4rem;
  border:1px solid #ec887f;
  color:#e64043;
}
.crollul li span:nth-child(2){
  width:58%;
}
.crollul li .btntop:hover{
  background:#e54335;
  color:#fff;
}

.lunbo_1{
  width: 100%;
  height: 18rem;
  background: url(../images/ban_04.jpg) no-repeat center/100% 100%;
}
.s_room{
  width: 14.24rem;
  height: 14.18rem;
  position: absolute;
  top: 0%;
  left: 5%;
}

/*lunbo_12*/
.lunbo_12 .tab_ul{
  width:100%;
  z-index: 999;
}
.lunbo_12 .tab_ul .list{
  position:absolute;
  top:5rem;
  width:30%;
  padding:.4rem 0;
  border-top-right-radius: .2rem;
  border-top-left-radius: .2rem;
  text-align: center;
  background:rgba(120, 117, 110, 0.6);
  color:#fff;
  font-size: .728rem;
}
.lunbo_12 .tab_ul .list:nth-child(2){
  margin:0 auto;
  left:0;
  right:0;
}
.lunbo_12 .tab_ul .list:nth-child(3){
  right:0;
}
.lunbo_12 .tab_ul .tab_active{background:#faf8ec; color:#3c3836;}
.lunbo_12 .swiper-button-prev{
  background-image:url(../images/w1_prev_05.png) !important;
}
.lunbo_12 .swiper-button-next{
  background-image:url(../images/next_07.png) !important;
}


/*lunbo_13*/
.lunbo_13 .tab_ul{
  width:100%;
  z-index: 999;
}
.lunbo_13 .tab_ul .list{
  position:absolute;
  top:5rem;
  width:22%;
  padding:.4rem 0;
  border-top-right-radius: .2rem;
  border-top-left-radius: .2rem;
  text-align: center;
  background:rgba(120, 117, 110, 0.6);
  color:#fff;
  font-size: .728rem;
}
.lunbo_13 .tab_ul .list:nth-child(2){
  left:26%;
}
.lunbo_13 .tab_ul .list:nth-child(3){
  right:26%;
}
.lunbo_13 .tab_ul .list:nth-child(4){
  right:0;
}
.lunbo_13 .tab_ul .tab_active{background:#faf8ec; color:#3c3836;}
.lunbo_13 .swiper-button-prev{
  background-image:url(../images/w1_prev_05.png) !important;
}
.lunbo_13 .swiper-button-next{
  background-image:url(../images/next_07.png) !important;
}
.arrow_box{width: 1.18rem;height: 1.93rem;position: absolute;top: 34%;background:url(../images/arrow_left.png) no-repeat left center/100% auto;}
.right_box{right: 0rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.left_box{left: 0rem;}

/**/
.content_S{position:absolute; top:.5rem;left:.8rem;width:48%;}

/**/
.btn_gf{
    position: absolute;
    width: 35%;
    right: 1.2rem;
    bottom: 2rem;
}
.lunbo_1{position: relative;}
.lunbo_b{height: 28.65rem;}
.btnlast{width:96%; margin:0 auto; left:0; right:0; bottom:.8rem;}
.room_btn{ display: -webkit-flex; width: 86%;   margin: .2rem auto 1.3rem;}
.room_btn li{
  position: relative;
  text-align: center;
  font-size: 0.6rem;
  width:30%;
  padding:.4rem 0;
  background: #fff;
  margin:0 0.2rem;
  border: 1px solid #1593d3;
  color: #1593d3;
}
.room_img li{display: none;position: relative; }
/*.lunbo_b .arrow_box{width: .9rem;}*/
.bm_tan_box{display: none;width: 100%;height: 100%;max-width: 640px;position: fixed;left: 0;right: 0;margin: auto;top: 0;background: rgba(0,0,0,.8);}
.img_box0{width: 100%;/* height: 21.27rem; */position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;}
.img_box0 .img_box img{display: none;}
.img_box0 .img_box img:nth-child(1){display: block;}
.formMb{width: 86%;position: absolute;left: 0;right: 0;margin:auto;bottom: 1.9rem;background: none}
.formMb .btn1{width: 80%;margin-top: 3%;}
.formMb .Inputground .ico{width: 11%;}
.btn_b{margin:auto;}
.btn_c{
  width: 78%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.4rem;
  margin:auto;
  z-index: 9;
  -webkit-transform-style: preserve;
  -webkit-animation: spin 1s infinite linear;
}
.start_box{
  color: red;
}
.touch-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
/* transform */
@-webkit-keyframes spin {
  0% {-webkit-transform: scale(1);}
  50% {-webkit-transform: scale(.9);}
  100% {-webkit-transform: scale(1);}
}
@keyframes spin {
  0% {-webkit-transform: scale(1);}
  50% {-webkit-transform: scale(.9);}
  100% {-webkit-transform: scale(1);}
}