.nav_top {
  position: relative;
  padding: 0 0.29rem;
  height: 0.88rem;
  font-size: 0.36rem;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  background-color: #FAFAFA;
  padding-top: 0.23rem;
  border-bottom: 0.5px solid #D5D5D5;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;
}
.nav_top .right-icon{
  display: inline-block;
  float: right;
  width: 0.46rem;
  height: 0.46rem;
  background-image: url(/html5/images/icon/icon-home.png);
  background-size: 100%;
  background-repeat: no-repeat;
  vertical-align: text-top;

}
.nav_top .left {
  position: absolute;
  width: 0.24rem;
  height: 0.42rem;
  margin-top: 0.04rem;
  left: 0.3rem;
}
.nav_top .list {
  position: absolute;
  font-size: 0.32rem;
  font-family: SourceHanSansCN-Normal;
  color: rgba(11, 171, 254, 1);
  float: right;
  margin-top: 0.06rem;
  right: 0.3rem;
}

.nav_top .list div img {
  position: absolute;
  width:0.38rem;
  height:0.18rem;
  right: 0.16rem;
  background-size: 100% 100%;
  top: 0.42rem;
  
}
.nav_top .list .runk_list{
  position: absolute;
  width:2.32rem;
  height:2.9rem;
  background:rgba(255,255,255,1);
  border-radius:0.06rem;
  box-shadow:0 0.03rem 0.08rem rgba(11,171,254,0.4);
  top: 0.6rem;
  right: 0;
}
.content{
  padding: 0.21rem 0.2rem;
  background-color: #f5f5f5;
  font-family:SourceHanSansCN-Normal;
  margin-top: 0.88rem;
  margin-bottom: 1rem;
}
.main{
  padding: 0 0.2rem;
  background-color: #FFFFFF;
  margin-top: 0.88rem;
}
.text-title{
  margin-top: 0.2rem;
  font-size:0.3rem;
  font-family:SourceHanSansCN-Normal;
  color:rgba(5,27,40,1);
}
.text-title::before{
  content: "";
  display: inline-block;
  width: 0.08rem;
  height: 0.26rem;
  margin-right: 0.11rem;
  background-color: #0BABFE;
}
.mt20{
  margin-top: 0.2rem;
}
.mt30{
  margin-top: 0.3rem;
}
.ml20{
  margin-left: 0.2rem;
}
.none{
  display: none!important;
}
.border-none{
  border: none!important;
}
.blue{
  color: #53BCFB;
}
.box-shadow{
  box-shadow:0 0.03rem 0.08rem rgba(11,171,254,0.4);
}
.mb10{
  margin-bottom: 0.1rem;
}
.mb20{
  margin-bottom: 0.2rem;
}
.mb30{
  margin-bottom: 0.3rem;
}
.mt10{
  margin-top: 0.1rem;
}
.mr20{
  margin-right: 0.2rem;
}
.pb20{
  padding-bottom: 0.2rem;
}
.shopping_media_box{
  display: none;
}
.show_media_box{
  display: block;
}
.modal{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index:9
}
.modal .mask{
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.modal-content{
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50% ,-40%);
  background-color: #FFFFFF;
  width: 6.4rem;
  min-height: 2.86rem;
  border-radius:0.2rem;
  box-shadow:0px 0px 0.08rem rgba(0,0,0,0.41);
  z-index: 3;
}
.pull-right{
  float: right!important;
}
.pull-left{
  float: left!important;
}
.btn{
  border-radius:0.25rem;
  padding: 0 0.25rem;
  line-height: 0.5rem;
  text-align: center;
}
.btn-blue{
  background-color:#53BCFB;
  color: #FFFFFF;
}
.btn-yellow{
  background-color: #FF9C00;
  color: #FFFFFF;
}
.content-box{
  margin-top: 0.88rem;
  padding: 0.2rem;
  background-color: #f5f5f5;
  height: 100%;
}
.border-bottom{border-bottom: 0.5px solid #E5E5E5;}
.icon-qz-baidu{display: inline-block;background: url(../images/icon/sy_icon_baidu.png) no-repeat center;background-size: 100% 100%;width: 0.48rem;height: 0.22rem;font-size: 0.18rem;vertical-align: middle;}
.icon-qz-baidu i{font-style: normal;padding-left: 0.24rem;color: #FFFFFF;}
.icon-qz-guge{display: inline-block;background: url(../images/icon/icon-ggqz.png) no-repeat center;background-size: 100% 100%;width: 0.48rem;height: 0.22rem;font-size: 0.18rem;vertical-align: middle;}
.icon-qz-guge i{font-style: normal;padding-left: 0.24rem;color: #3388FF;}
.web-price{color: #FF7800;}
.web-price i{font-size: 0.3rem;}
.web-price i small{font-size: 0.24rem;}
.web-price ss{font-size: 0.2rem;margin-right: 0.08rem;}
.bg-white{
  background-color: #FFFFFF;
}
.border-none{border: none!important;}

/* 交接完成弹窗 */
.empty_shop_modal .connectOver .cue-text{
	font-size: 0.28rem;
	text-align: left;
}
.empty_shop_modal .connectOver ul{
	margin: 0.1rem;
}
.empty_shop_modal .connectOver li{
	line-height: 1.8;
}
.empty_shop_modal .connectOver .tips{
	margin: 0.1rem 0;
}

.modal-footer-content{
  height: 5.65rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 3;
  background-color: #FFFFFF;
  padding: 0 0.3rem;
}
.ml10{margin-left:0.1rem!important;}
.modal-head{
  font-size: 0.35rem;
  text-align: center;
  line-height: 2;
  border-bottom: 0.5px solid #efefef;
  position: relative;
}
.close-btn{
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(../images/mine/closed.png)center no-repeat ;
  background-size: cover;
}
.sure-btn{
  background-color:#0babfe;
  color: #fff;
  width: 80%;
  height: 0.8rem; 
  margin: 0 auto;
  border-radius: 0.4rem;
  margin-bottom: 0.2rem;
}

.no-sure{
  background-color:#999;
  color: #fff;
  width: 80%;
  height: 0.8rem; 
  margin: 0 auto;
  border-radius: 0.4rem;
  margin-bottom: 0.2rem;
}
.connectOver .modal-footer{
  text-align: center;
}
.check-btn{
  display: inline-block;
  width: 0.3rem;
  height:0.3rem;
  overflow: hidden;
  margin-right: 0.1rem;
  transform: translateY(0.05rem)
}
.isConsent{
  background: url(../../images/check_alt.png)center center no-repeat;
  background-size: 130%;
  border-radius: 0.05rem;
}
.isNoConsent{
  outline: 0.5px solid #dfdfdf;
  border-radius: 0.05rem;
}