@charset "utf-8";

body{color: #333; font-size: .7rem;}
div,a,input{box-sizing: border-box;}

/* 1 */
.body_bg1{background:url(../images/bg1.png) left top no-repeat #0e161c; background-size:100% auto;}
.btn_roster{width: 16.5rem; position: fixed; left: 6%; bottom:2.8rem; }

/* 2 */
.body_bg2{background:url(../images/bg2.png) left top no-repeat #0e161c; background-size:100% auto;}
.head_ban{height: 6.5rem;}
.service_nav{margin:0 .45rem; padding:.425rem; background: #fff; border-radius: .5rem; display: grid; grid-template-columns:repeat(4, 1fr); grid-gap:.45rem .4rem; }
.service_nav .item{ display: block; background: #F9E9DC; padding:.75rem 0; text-align: center;}
.service_nav .item img{ width: 1.5rem; margin:0 auto;}
.service_nav .item p{margin-top:.45rem; font-size:.45rem; color: #424242; line-height: .6rem; text-decoration: underline;}
.vune_content_wrap{margin:.5rem .45rem 1rem; background: #fff; border-radius: .5rem; }
.head_handel {height: 2.75rem; background: linear-gradient( 180deg, #deb387 0%, #fcf7f1 100%); align-items: center; padding: 0 0.8rem; border-radius: .5rem .5rem 0 0;}
.ctiy_now_btn{ font-size: 0.8rem; color: #7c4918; background: url(../images/vune_icon04.png) no-repeat right center; background-size: 0.5rem 0.3rem; padding-right: 0.8rem; margin-right: 0.8rem;}
.ctiy_search{display: block; height: 1.5rem; background: #fff url(../images/vune_icon03.png) no-repeat 0.45rem center; background-size: 0.7rem 0.7rem; border-radius: 1rem; padding: 0 0.45rem 0 1.5rem; font-size: 0.6rem; color: #333;}
.vune_content {padding: 0 0.6rem 0.4rem;}
.cenue_list { border: 1px solid #ebd2b7; background: #fff; padding: 0.4rem 0.5rem 0.75rem; margin-bottom: 0.4rem; border-radius: 0.2rem;}
.cenue_head{ text-align: center;}
.cenue_name{ display: inline-block; color: #262626; font-weight: bold; font-size: 0.75rem; height: 1rem; line-height: 1rem; padding: 0 1.25rem; position: relative;}
.cenue_name:after,
.cenue_name:before{content: ""; position: absolute; width: 0.825rem; height: 0.5rem; top: 50%; margin-top: -0.15rem;}
.cenue_name:after{background: url(../images/vune_icon08.png) no-repeat; background-size: 100% 100%; left: 0;}
.cenue_name:before{background: url(../images/vune_icon09.png) no-repeat; background-size: 100% 100%; right: 0;}
.cenue_address{ color: #666666; font-size: 0.7rem; background: url(../images/vune_icon07.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem; margin-top: 0.4rem;}
.cenue_inter{margin-top: 0.4rem; background: url(../images/vune_icon02.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem;}
.inter_list {display: inline-block; border: 1px solid #EDF0F5; line-height: 0.9rem; overflow: hidden; margin-bottom: 0.3rem; border-radius: 0.2rem;}
.inter_tit {float: left; background: #fff; color: #666666; font-size: 0.65rem; padding: 0 0.2rem;}
.inter_num {background: #BF9A7E; float: left; color: #fff; font-size: 0.65rem; padding: 0 0.2rem; border-radius: 0.2rem;}

.cenue_tips {color: #666; font-size: 0.7rem; background: url(../images/vune_icon01.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem;}
.rtentop_btn {
  background: url(../images/totop.png) no-repeat center center;
  background-size: 100% 100%;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  z-index: 10;
  display: none;
}
.city_model_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0,0,0,0.5);
  display: none
}
.city_center_handel {
  width: 100%;
  background: #fff;
  left: 0;
  overflow: scroll;
  position: fixed;
  height: 80%;
  bottom: 0;
  border-radius: 0.5rem 0.5rem 0 0;
}
.city_model_title {
  font-size: 0.8rem;
  padding: 0.6rem 0;
  text-align: center;
  color: #262626
}
.facing_tit {
  box-sizing: border-box;
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0 0.6rem;
  background: #fff;
  font-size: 0.7rem;
  align-items: center;
  color: #888;
}
.facing_tit img {
  display: block;
  width: 0.45rem;
  height: 0.6rem;
  margin-right: 0.3rem;
}
.recom_plan {
  padding: 0.6rem 0.6rem 0 0.6rem;
}
.recom_tit {
  color: #333;
  font-size: 0.65rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.recom_list {
  overflow: hidden;
}
.city_box {
  height: 1.5rem;
  /*width: 3.7rem;*/
  text-align: center;
  border-radius: 0.2rem;
  line-height: 1.5rem;
  font-size: 0.7rem;
  float: left;
  margin: 0 0.5rem 0.5rem 0;
  border: 1px solid #D9D9D9;
  padding: 0 .3rem;
}
.city_cur {
  border: 1px solid #2A89CC;
  background: #2A89CC;
  color: #fff;
}
.city_cur_now {
  border: 1px solid #BD9B5E;
  background: #BD9B5E;
  color: #fff;
}
.city_first {
  height: 1.5rem;
  line-height: 1.5rem;
  padding: 0 0.6rem;
  background: #ededed;
  color: #333;
  font-size: 0.65rem;
}
.city_lists_wrap {
  padding: 0 0.6rem;
}
.city_lists_wrap a {
  display: block;
  font-size: 0.6rem;
  line-height: 2rem;
  border-bottom: 1px solid #D9D9D9;
  color: #333;
}
.city_lists_wrap a:last-child {
  border: 0;
}
.fast_plan {
  overflow: hidden
}
.fast_plan a {
  display: block;
  color: #333;
  font-size: 0.7rem;
  text-align: center;
  float: left;
  width: 12.5%;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  box-sizing: border-box;
  height: 2rem;
  line-height: 2rem;
}
.fast_plan .fast_cur {
  color: #fff;
  background: #2A89CC;
}
.fast_plan .city_abc {
  color: #E02020;
  font-weight: bold
}
.recom_list .city_bcur {
  border: 1px solid #E02020;
  color: #E02020
}
.tip_title {
  text-align: center;
  font-weight: bold;
  padding: 0 0 10px 0;
}
.city_colse {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.3rem;
  right: 0.1rem;
  background: url(../images/vune_icon06.png) no-repeat center;
  background-size: 0.6rem 0.6rem;
}

/*首页*/
/*2020.02.18弹窗*/
.subsurp_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0,0,0,0.6)
}
.subsurp_cont {
  position: absolute;
  top: 5rem;
  width: 80%;
  left: 10%;
  background: #fff;
  font-size: 0.7rem;
  border-radius: 0.3rem;
  padding: 1rem;
  box-sizing: border-box;
}
.subsurp_tit {
  color: #111;
  height: 10rem;
  overflow-y: scroll;
  margin-bottom: 0.8rem;
  line-height: 1.6em;
}
.subsurp_close {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #06F;
  font-size: 0.7rem;
  text-align: center;
  border-radius: 0.3rem;
  width: 80%;
  margin: 0 10%;
  background: #B97939;
  color: #fff;
  display: block
}
.cenue_tab {
  margin-top: 6px;
}
.cenue_tab table {
  border-collapse: collapse;
  border-spacing: 0;
}
.cenue_tab table tr td, .cenue_tab table tr th {
  border: 1px solid #EDF0F5;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.cenue_tab table tr th {
  background: #BF9A7E;
  color: #fff;
  font-size: 14px;
  border: 1px solid #BF9A7E;
}

/* 2026。3。20 */
.body_bg3{background:url(../images/new/golf.png) left top no-repeat #0e161c; background-size:100% auto;}
.body_bg4{background:url(../images/new/golfg.png) left top no-repeat #0e161c; background-size:100% auto;}
.use_shuoming_rbtn{
  width: 6rem;
  height: 2.5rem;
  position: fixed;
  right: 0;
  top: 0;
  text-indent: -99999px;
}
.body_bg3 .cenue_tips {color: #666; font-size: 0.7rem; background: url(../images/new/vune_icon01.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem;}
.body_bg3 .cenue_inter{margin-top: 0.4rem; background: url(../images/new/vune_icon02.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem;}
.body_bg3 .ctiy_now_btn{ font-size: 0.8rem; color: #7c4918; background: url(../images/new/vune_icon04.png) no-repeat right center; background-size: 0.5rem 0.3rem; padding-right: 0.8rem; margin-right: 0.8rem;}
.body_bg3 .cenue_address{ color: #666666; font-size: 0.7rem; background: url(../images/new/vune_icon07.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem; margin-top: 0.4rem;}

.body_bg4 .cenue_tips {color: #666; font-size: 0.7rem; background: url(../images/new/vune_icon01.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem;}
.body_bg4 .cenue_inter{margin-top: 0.4rem; background: url(../images/new/vune_icon02.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem;}
.body_bg4 .ctiy_now_btn{ font-size: 0.8rem; color: #7c4918; background: url(../images/new/vune_icon04.png) no-repeat right center; background-size: 0.5rem 0.3rem; padding-right: 0.8rem; margin-right: 0.8rem;}
.body_bg4 .cenue_address{ color: #666666; font-size: 0.7rem; background: url(../images/new/vune_icon07.png) no-repeat left 0.2rem; background-size: 0.7rem 0.7rem; padding-left: 0.9rem; margin-top: 0.4rem;}


.body_bg3 .rtentop_btn {
  background: url(../images/new/totop.png) no-repeat center center;
  background-size: 100% 100%;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  z-index: 10;
  display: none;
}

.body_bg4 .rtentop_btn {
  background: url(../images/new/totop.png) no-repeat center center;
  background-size: 100% 100%;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  z-index: 10;
  display: none;
}