body, html {
  background: #F3F3F3;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
a{
  text-decoration: none!important;color:#000;
}

.weui-cells {
  color: #000000;
  color: rgba(0, 0, 0, 0.80);
  margin-top: 20px;
}
.xg-weui-cell{
  padding:10px 15px 10px 0;
}
.xg-weui-cell::before{
  left: 6px;
}
.section-shadow {
  background: #FFFFFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.20);
}
.clearBoth{
  clear:both;
}

.xg-weui-btn {
  bottom: 80px;
  left: 0;
  padding-left: 35px;
  padding-right: 35px;
  position: absolute;
  right:0;
}
.weui-btn_primary-js{
  background: #22BDD4;
  border-radius: 6px;
}
.weui-btn_primary-js:not(.weui-btn_disabled):active{
  background-color:#22BDD4;
  background-color: rgba(34, 189, 212, 0.24);
  border-radius: 6px;
  color: #000000;
  color:rgba(255, 255, 255, 0.6);

}
.weui-btn_disabled .weui-btn_primary-js{
  background-color:#22BDD4;
  background-color: rgba(34, 189, 212, 0.24);
  border-radius: 6px;
}
.xg-weui-btn a{
  border-radius: 6px;
  color: #FFFFFF;
}
.set-btn-box{
  bottom: 40px;
  left: 0;
  position: absolute;
  right:0;
}
/*.weui-cell_access .weui-cell__ft:after {
    height: 10px;
    width: 10px;
}*/
.weui-cell__ft a{
  color: #000000;
  opacity: 0.5;
}
/*about_we.html*/
.about_we-header{
  padding-bottom: 10px;
  padding-top: 33px;
  text-align: center;
}
.about_we-header img{
  display: inline-block;
  height: 46px;
  width: 140px;
}
.item-about-wechat{
  text-align: center;
}
.item-about-wechat p{
  color: #000000;
  font-size: 18px;
  opacity: 0.8;
  padding-bottom: 30px;
  padding-top: 40px;
  text-align: center;
}
.item-about-wechat img{
  height: 122px;
  width:280px;
}
/*set_info.html*/
#uploadFile{
  display: none;
}
.uploadPic{
  display: inline-block;
  width: 60px;
  height: 60px;
}
.set-info-img{
  /*border:1px solid black;*/
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  height: 60px;
  width: 60px;
}
.set-info-weui-cell__ft{
  padding-top: 10px;
  position: relative;
  text-align: right;
}
.weui-footer_absolute-bottom{
  bottom:.52em;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 0;
}
/*set_info_gender.html*/
.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{
  color: #22BDD4;
}

/*myorder.html*/
.xg-weui-navbar__item:after{
  border-right: 0;
}
.weui-navbar{
  background-color: #FFFFFF;
}
/*.xg-weui-navbar__item{
  padding:17px 0;
}*/
/*.weui-navbar:after{
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.20);
}*/
.weui-navbar__item.weui-bar__item--on {
  border-bottom: 2px #22BDD4 solid;
  background-color: #FFFFFF;
  color: #22BDD4;
}
.order-icon{
  background: url(../images/order_ico_no.png) no-repeat;
  background-size: cover;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: 30px;
}
.weui-navbar__item.weui-bar__item--on i{
    background: url(../images/order_ico.png) no-repeat;
    background-size: cover;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 30px;
}
.order-card-section{
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  width: auto;
  background: #FFFFFF;
  box-shadow: 0 0 6px 0 rgba(19,61,68,0.40);
  border-radius: 6px;
}
.card-item-header{
  background: #ffffff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 138px;
}
.card-item-header img{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 138px;
  width: 100%;

}
.card-item__bd-txt{
  background: #FFFFFF;
  font-size: 0.426667rem;
  margin:11px 10px;
  color:rgba(0,0,0,0.8);
}
.card-item__ft{
  position: relative;
  line-height: 46px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  background: #FFFFFF;
  /*height: 46px;*/
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;

}
.card-item__ft:before{
  content: " ";
  position: absolute;
  left: 0;
  top:0;
  right: 0;
  height: 1px;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.card-item__btn{
  position: relative;
  display: block;
  font-size: 0.426667rem;
  -webkit-box-flex:1;
  -webkit-flex:1;
  flex:1;
  color: #3cc51f;
  text-align: center;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.card-item__btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    bottom: 5px;
    border-left: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.card-item__btn_default{
  color:#999999;
}
.card-item__btn_warn{
  color: #E64340;
}


/*order_detail.html*/
.order-detail-wraper{
  /*background: #ffffff;*/
  height: auto;
  position: relative;
  top:0;
  margin:0 17px 0 17px;
  z-index: 1;
  border:0;
  padding-bottom: 15px;
}
.order-detail-section__header{

  display: block;
  width: 100%;
  height: 180px;
  background-color: #FFFFFF;
  z-index: 10;
  margin-left: 0;


}
.order-detail-section__header:before{
  content:" ";
  display: inline-block;
  background-image: url(../images/006.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position:relative;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 22;
}
.order-detail-section__header:after{
  content:" ";
  width: auto;
  height: 140px;
  position:absolute;
  top:12px;
  left: 17px;
  right: 17px;
}
.order-detail-section__header img{
  height: 152px;
  position: relative;
  top:-180px;
  width: 100%;
}
.order-detail-wraper__bd{
  background: #fff;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.50);
  /*height: 500px;*/
  position: relative;
  top:-8px;
  width: auto;
  z-index: -1;

}
.order-detail-section__title{
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 25px;
  position: relative;
  text-align: center;
  top:8px;
}
.order-detail-item__info{
  display: flex;
  /*height: 74px;*/
  position: relative;
}
.order-detail-item__info:before{
  content: " ";
  position: absolute;
  left: 0;
  top:0;
  right: 0;
  height: 1px;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.order-detail-item__info:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.order-detail-item__info-bd{
  flex:1;
  display: flex;
  flex-direction: column;
}
.item-info-total{
  position: relative;
  top:4px;
  font-size: 24px;
  opacity: 0.8;
  color: #000000;
  margin-left: 24px;
  text-align: justify;
}
.order-daytime{
  font-size: 12px;
  margin-left: 6px;
}
.item-info__ft{
  margin-left: 15px;
  position: relative;
  top:-4px;
  display: flex;
  align-items:center;

}
.item-info__ft-icon{
  width: 30px;
  height: 30px;
}
.item-info__ft-icon img{
  width: 30px;
  height: 30px;
}
.item-info__ft-dec{
  font-size: 12px;
  line-height: 36px;
}
.order-detail-item__info_bd{
  /*background: red;*/
  flex: 1;
  margin-left: -24px;
}
.order-detail-item__info_bd:after{
  content: " ";
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  bottom: 8px;
  border-left: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}


.od-cell-section{
  position: relative;
  padding:15px 0 0 15px;
  display: flex;
}
.od-cell__hd{
  width: 30px;
  height: 30px;
  position: relative;
  top:-3px;
}
.od-cell__hd img{
  width: 30px;
  height: 30px;

}
.od-cell__bd{
  position:relative;
  flex:1;
  padding-bottom: 15px;
  padding-right: 24px;
  text-align: justify;
}
.od-cell__bd p{
  font-size: 14px;
}
.od-cell__bd h1{
  font-size: 16px;
  font-weight: normal;
  margin:0;
}
.od-cell__bd span{
  display: inline-block;
  padding-right: 5px;
}
.od-cell__bd-line:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.od-cell__bd-line-solid:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
#od-cell__bd-line-solid__long:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  margin-left: 0;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.od-cells-maninfo{
  position: relative;
  display: flex;
  flex-direction: column;
}
.od-cell-maninfo-list ul,.od-cell-maninfo-list li{
  list-style: none;
}
.od-cell-maninfo-list:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.od-cell-maninfo-list li:last-child:after{
  display: none;
}
.od-cell-maninfo-list li{
  position: relative;
  display: flex;
  flex: 1;
  /*background: red;*/
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 45px;
}
.od-cell-maninfo-list li:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  margin-left: 45px;
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
#qrCodeUrl{
  display: block;
  margin: 0 auto;
  width: 40%;
  margin-top: 20px;
}
.od-backBtn{
  display: block;
  width: 45%;
  height: 46px;
  float: right;
  text-align: center;
  background-color: #22BDD4;
  border-radius: 6px;
  line-height: 46px;
  font-size: 18px;

}
.maninfo-name{
  padding:15px 8px 15px 0;
  font-size: 16px;
  position: relative;
  width: 70px;
}
.maninfo-name:after{
  content: " ";
  position: absolute;
  right:  0;
  top: 8px;
  width: 1px;
  bottom: 8px;
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
}
.maninfo-dec{
  flex: 1;
  padding-left: 11px;
}
.maninfo-dec-tel{
  color:rgba(0,0,0,0.8);
  display: none;
}
.maninfo-dec-id{
  color: #F67323;
  margin-top: 0.666667rem;
}
.od-cell-section__ft{
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}
.od-cell-section__ft:before{
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../images/order_cue.png);
  background-size: 100% 100%;
  position: absolute;
  top:3px;
  margin-left: -25px;
}
.od-cell-section__fp{
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}
.od-cell-section__fp:before{
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../images/order_imp.png);
  background-size: 100% 100%;
  position: absolute;
  top:3px;
  margin-left: -25px;
}
.od-cell-section__ft:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom:0;
  right: 0;
  height: 1px;
  border-top: 1px dashed #d5d5d6;
  color: #d5d5d6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}
.od-cell-section-ft-notice{
  height: 34px;
  width: 100%;
  text-align: center;
  line-height: 34px;
  color:#F67323;
  font-size: 14px;
}
.od-cell-section-ft-btn{
  width: 100%;
  height: 50px;
  margin:20px 0 18px 0;
}
.od-cell-section-ft-btn a{
  display: block;
  width:130px;
  height: 50px;
  background:#22BDD4;
  text-align: center;
  font-size: 18px;
  border-radius: 6px;
  color: #fff;
  line-height: 50px;

}

.od-cell-section-ft-btnBack{
  float:left;
  margin-left:26px;
}
.od-cell-section-ft-btnConfim{
  float:right;
  margin-right: 26px;
}
.od-btn {
  padding:26px 35px;
  position: relative;

}
.od-btn a{
  border-radius: 6px;
  color: #FFFFFF;
}
.od-cell-section__link{
  font-size: 16px;
  opacity: 0.5;
  color: #000000;
  padding:0 35px 20px 35px;
  height: 20px;
  margin-top: 40px;
}
.od-cell-section__link a{
  color: #000000;
}