.b {
  background: #2196F3;
}
.r {
  background: #f96d6b;
}
.g {
  background: #bbbbbb;
}
.fB {
  color: #1977d2;
}
.fG {
  color: #666666;
}
.fBL {
  color: #444444;
}
.f28 {
  font-size: 28px;
}
.f24 {
  font-size: 24px;
}

.f20 {
  font-size: 20px;
}
.f30 {
  font-size: 30px;
}
.f32 {
  font-size: 32px;
}
.modals {
  border-radius: 0.13333333rem;
  bottom: 3.78666667rem;
  font-size: 28px;
  position: fixed;
  left: 50%;
  color: #ffffff;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.modalsAll {
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.5);
}
.flex_justify-around {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.transform {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.transformY {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.transformX {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.data_bottom {
  margin-top:0.40rem;
  margin-bottom:0.40rem;
  font-size: 0.32rem;
  color: #666666;
  text-align: center;
}

.blackbg {    position: fixed;    background: rgba(0, 0, 0, 0.5);    left: 0;    top: 0;    right: 0;    bottom: 0;    z-index: 10000;  max-width:1000px;    margin:0 auto 0 auto;}
.fx-hongbao{ display: block; text-align: center;}
.fx-hongbao img{ max-width: 1000px;}

.select_map_type
{
  width: 8.5rem;
  height:6rem;
  vertical-align:middle;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3.5rem 0 0 -4.25rem;
  background:#fff;
  border-radius:8px;
}
.map_type {
  width:7.7rem;
  height:1.2rem;
  margin:0.28rem auto 0 auto;
  border:1px solid #bbb;
  border-radius:8px;

  text-align: center;
  vertical-align: middle;
  font-size:32px;
  color:#444;
  line-height:1.2rem;
}
.cancel_sel_map_type
{
  width:100%;
  height:1.5rem;
  margin:0.28rem auto 0 auto;
  border-top: 1px  solid #eee;

  font-size:30px;
  text-align: center;
  vertical-align: middle;
  line-height:1.5rem;
  color:#666;
}

 #common_banner_div, #common_big_banner_div {
  /*padding: 0rem 0.2rem;*/
  padding-top: 0.2rem;
  padding-bottom: 0.53333333rem;
  width: 96.66%;
   margin:0 auto;
  /*background: #ffffff;*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body #common_banner_div  .banner li, #common_big_banner_div .banner li {
  float: left;
  display: none;
  cursor: pointer;
}

@media screen and (min-height:1137px) {
   #common_banner_div  .banner .showIndex {
    height:208px;
  }

   #common_banner_div  img ,
   #common_banner_div  video {
     width:100%;
     height:208px;
  }

  body #common_big_banner_div  .banner .showIndex {
    height:5.0133rem;
  }

  #common_big_banner_div  img ,
  #common_big_banner_div  video {
    width:100%;
    height:5.0133rem;
    overflow: hidden;
  }

}

@media screen and (max-height:1136px) {
  body #common_banner_div  .banner li {
    display: block;
    height:178px;
  }

  #common_banner_div  img ,
  #common_banner_div  video {
    height:178px;
    display: block;
  }

  body #common_big_banner_div  .banner li {
    height:320px;
  }

  #common_big_banner_div  img ,
  #common_big_banner_div  video {
    height:320px;
    display: block;
  }
}
#big_default_banner,#small_default_banner
{
  width:96.66%;
  margin:0 auto;
  margin-top:0.2rem;
}
#big_default_banner img,#small_default_banner img
{
  width:100%;
}

/*定位错误时的提示*/
.location_error_div
{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index:9999;
  background:rgba(0,0,0,0.7);
}
.location_error_content
{
  width:7.03733rem;
  height:7.7173rem;
  background:url('../../images/home/location_error_pg.png') no-repeat center;
  background-size: 7.03733rem 7.7173rem;
  position: absolute;
  left:50%;
  top:50%;
  margin-left:-3.5187rem;
  /*margin-top:-287.9px;*/
  margin-top:-3.972rem;
}
.location_icon
{
  width:1.229333rem;
  height:1.724rem;
  margin:0 auto;
  margin-top:0.334666rem;
}
.location_icon_text
{
  display: block;
  width:100%;
  height:0.346666rem;
  color:#FF6F6F;
  text-align: center;
  margin-top:0.22133rem;
  font-size:0.346666rem;
}
.error_tip_text_content
{
  width:5.0133rem;
  height:3.32rem;
  margin:0 auto;
  margin-top:1.093333rem;
}
.error_tip_text
{
  width:100%;
  font-size:0.346666rem;
  color:#fff;
  line-height:0.41466rem;
  letter-spacing:4px;
  /*word-spacing:40px;*/
}
.error_tip_text:first-child
{
  margin-bottom:0.50666rem;
}


.close_icon
{
  display: block;
  width:0.56rem;
  height:0.56rem;
  font-size:0.56rem;
  line-height:0.56rem;
  vertical-align: middle;
  text-align: center;
  position:absolute;
  z-index:10;
  right:3px;
  top:0;
  color:#999;
  cursor:pointer;
}

.service_type_div
{
  width:96%;
  margin:0 auto;
  height:1.026666rem;
  background:#fff;
}
.service_type_title
{
  float:left;
  width:50%;
  height:1.0266rem;
  text-align: center;
  line-height:1.0266rem;
  font-size:0.3733rem;
  color:#666666;
}
.select_service_type text
{
  color:#1976D2;
  display: inline-block;
  border-bottom: 2px solid #1976D2;
}

/*取消预约的弹框*/
.cancel_booking_div
{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index:9999;
  background:rgba(0,0,0,0.7);
}
.cancel_booking_content
{
  width:7.3333rem;
  height:4.2rem;
  position: absolute;
  left:50%;
  top:50%;
  margin-left:-3.6667rem;
  /*margin-top:-287.9px;*/
  margin-top:-2.1rem;
  background-color:#fff;
  border-radius:0.10666rem;
}
.cancel_title
{
  width:100%;
  height:1.04rem;
  text-align: center;
  font-size:0.426667rem;
  color:#444;
  line-height:1.04rem;
}
.cancel_booking_line
{
  width:6.8rem;
  height:1px;
  margin:0 auto;
  border:1px solid #eee;
}
.cancel_booking_text
{
  width:6.4666rem;
  height:1.06667rem;
  margin:0 auto;
  margin-top:0.56rem;
  font-size:0.36rem;
  color:#666;
  line-height:0.72rem;
}
.cancel_booking_button
{
  margin:0 auto;
  margin-top:0.77333rem;

  width:2.32rem;
  height:0.4rem;;
  font-size:0.37333rem;
  color:#1976D2;
}
.cancel_booking_button text
{
  display:inline-block;
  cursor:pointer;
}

.interval_message_tip
{
  margin:0 auto;
  width:7.84rem;
  height:0.786666667rem;
  font-size:0.293333rem;
  text-align: center;
  vertical-align: middle;
  line-height:0.786666667rem;
  border-radius:0.4rem;
  color:#fff;
  background-color:rgba(0,11,20,0.5);
  position: fixed;
  top:0.1866667rem;
  left:50%;
  margin-left:-3.92rem;
  z-index:99999999;
}

.scancode_button_div
{
  position: fixed;
  z-index:999;
  bottom:0.773333rem;
  left:50%;
  width:3.466667rem;
  height:1.173333rem;
  font-size:0.48rem;
  color:#FFFEFE;
  text-align: center;
  line-height:1.173333rem;
  background:#2196F3;
  border-radius: 0.8rem;
  margin-left:-1.73333rem;
}
.banner_li
{
   cursor: pointer;
}