body, html {
  background: #eee;
  height: 100%;
  height: 100vh;
 
  -webkit-tap-highlight-color: transparent;
}
a{
  text-decoration: none!important;color:rgba(0,0,0,0.8);
}
.clearBoth{
  clear:both;
}
.content-box{
  width: 10rem;
  margin:0 auto;
  overflow: hidden;
  background: #EAF0F1;
   position: relative;
}
/* 展馆简介 order_introduce.html */
.order-pavilion-bg{
  width: 10.0rem;
  height: 4.666667rem;
  /* background:url(../images/big.jpg) center no-repeat; */
  background-size: cover!important;
}
.order-pavilion-con{
  width: 10.0rem;
  padding:0.4rem 0.666667rem;
  font-size: 0.373333rem;
  line-height: 0.8rem;
  color:#020202;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
  text-align: justify;
  text-indent: 2em;
}
.order-pavilion-con p{
  font-size: 0.373333rem;
  line-height: 0.8rem;
  text-align: justify;
  text-indent: 2em;
  color:#020202;
}
.order-pavilion-opentime{
  width: 10.0rem;
  line-height: 0.4rem;
  padding: 0 0.666667rem 0.266667rem 0.666667rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
   margin-top: 0.266667rem; 
}
.opentime-p1{
  font-weight: 700;
  font-size:0.373333rem;
  color:#000;
  height: 1.013333rem;
  line-height: 1.013333rem;
  padding-top:0.106667rem;
}
.opentime-p2{
  font-size:0.32rem;
  color:#000;
  line-height: 0.626667rem;
}

.order-pavilion-traffic{
  width: 10.0rem;
  min-height: 2.666667rem;
  padding-bottom: 0.266667rem;
  line-height: 0.4rem;
  padding-left:0.666667rem;
  padding-right:0.666667rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
  margin-top: 0.266667rem;
}
.traffic-p1{
  font-size:0.373333rem;
  color:#000;
  height: 1.013333rem;
  line-height: 1.013333rem;
  font-weight: 700;
  padding-top:0.106667rem;
}
.traffic-p2{
  font-size:0.32rem;
  color:#000;
  height: 0.626667rem;
  line-height: 0.626667rem;
}
.order-pavilion-phone{
  width: 10.0rem;
  height: 2.666667rem;
  line-height: 0.4rem;
  padding-left:0.666667rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
  margin-top: 0.266667rem;
}
.phone-p1{
  font-size:0.373333rem;
  color:#000;
  height: 1.013333rem;
  line-height: 1.013333rem;
  font-weight: 700;
  padding-top:0.106667rem;
}
.phone-p2{
  font-size:0.32rem;
  color:#000;
  line-height: 0.626667rem;
}
/* 展馆简介 order_introduce.html end*/


/* 门票详情 order_ticketDetails.html begin*/
.order-ticket-bg{
  position: relative;
  width: 10.0rem;
  height: 4.666667rem;
}
.goCenter{
  display: block;
  position: absolute;
  right:0.266667rem;
  top:0.266667rem;
  width: 2rem;
  height: 0.4rem;
  font-size: 0.38rem;
  color:#fff;
}
.order-underLine{
  position: absolute;
  width: 2rem;
  height: 0.026667rem;
  left:0;
  bottom: -0.16rem;
  background-color: #fff;
}
.gocenterPic{
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  vertical-align:middle;
  background: url(../images/gocenter.png) center no-repeat;
  background-size: cover;
  line-height: 0.4rem;
  margin-top: -0.053333rem;
}
.goCenter span{
  

}
.order-ticket-bg img{
  width: 100%;
  height: 100%;
}
.order-ticket-name{
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height: 0.933333rem;
  line-height: 0.933333rem;
  overflow: hidden;
  text-overflow:ellipsis;
  color:#fff;
  font-size: 0.48rem;
  padding:0 0.24rem;

}
.order-ticket-con{
  width: 10rem;
  padding:0.24rem 0.266667rem;
  font-size: 0.373333rem;
  line-height: 0.64rem;
  color:rgba(0,0,0,0.8);
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
}

.order-ticket-include{
  width: 10rem;
  min-height: 3.466667rem;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
  padding:0 0.266667rem;
  margin-top:0.266667rem; 
}

.include-p1{
  width: 100%;
  height: 1.6rem;
  line-height: 1.6rem;
  color:rgba(0,0,0,0.8);
  font-size: 0.426667rem;
  border-bottom: 
}
.include-p1 img{
  width:0.8rem;
  height: 0.8rem;
  vertical-align:middle;
  margin-left:-0.133333rem; 
}
.include-p2{
  width: 100%;
  opacity: 0.8;
  font-size:0.373333rem;
  color: #000000;
  letter-spacing: 0;
  line-height: 0.64rem;
  margin:0.24rem 0 0.32rem 0;
  text-indent: 2em;
  padding-bottom: 0.4rem;
}

.order-ticket-info{
  width: 10.0rem;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
  margin-top: 0.266667rem;
  padding:0 0.266667rem 0.453333rem 0.266667rem;
  margin-bottom: 2.133333rem;
  background: #fff;
}

.ticketInfo-title{
  width:100%;
  height: 0.666667rem;
  line-height: 0.666667rem;
  /* margin-top: 0.533333rem; */
  color:rgba(0,0,0,0.8);
  font-size: 0.373333rem;
  font-weight: 700;
}


.ticketBooking{
  position: fixed;
  left: 50%;
  bottom:0;
  width: 10rem;
  height: 1.333333rem;
  background:#F67323;
  color: #fff;
  font-size: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  border:none;
  transform:translateX(-50%);

}

/* 门票详情 order_ticketDetails.html end*/
/* 门票详情 index.html begin*/

.exhibition-info{
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.29);
  background: #fff;

}
.exhibition-hotBox{
  position: relative;
  width: 10rem;
  height:7.5rem;
  overflow-x: auto;
  background: #16446B ;
}
.exhibition-hotBoxIn{
  position: relative;
  width: 52.08rem;
  height: 7.5rem;
  overflow: hidden;
}
.exhibition-hot{
  width: 65rem;
  height: 7.626667rem;
  margin-left:-6.6rem;
  z-index: 0;
  margin-top:0.5rem;
}
.exhibition-hotDataBox{
  position: absolute;
  left: 0;
  top:0;
  width: 58rem;
  /*height: 1.8rem;*/
  height: 1.3rem;
  z-index: 10;
  font-size: 0.32rem;
  color: #fff;
  background: rgba(0,0,0,0.2);
}

.exhibition-hotDataBox tbody tr{
  /*width: 100%;*/  
  /*display: block;*/
  width: 52rem;
  display: flex;
  justify-content:space-between;
  height: 0.6rem;
}
.exhibition-hotDataBox tbody tr td{
  float: left;
  font-size: 0.373333rem;
  /*width: 1.790667rem;*/
  width: 2.100667rem;
  text-align: center;
  height: 0.6rem;
  line-height: 0.6rem;
}
.exhibition-hotDataBox tbody .exhibition-hotWeek td{
  font-size: 0.32rem;
}
.exhibition-hotDataBox tbody .exhibition-hotDay td{
  font-size: 0.32rem;
}
.exhibition-hotDataBox tbody .exhibition-hotNum td{
  font-size: 0.32rem;
  border-top:1px solid #144069;
  color:#81FFF6;
}
.exhibition-hotNum{
  display: none!important;
}
.exhibition-cover{
  width: 58rem;
  height: 7.5rem;
  margin-left:-1.333333rem;
  position: absolute;
  left:0;
  top:0;
  z-index: 100;
  background: url(../images/databack.png) center repeat-x;
  background-size: 0.026667rem 7.5rem;
}
.exhibition-hotBox-header{
  height: 1.2rem;
  width: 10rem;
  text-align: center;
  line-height: 1.2rem;
  color: #fff;
  background: #16446B ;
  font-size: 0.373333rem;
} 

.card-title-item{
    display: flex;
    display: -webkit-flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.426667rem;
    color:rgba(0,0,0,0.8);
}
.card-title-item img{
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: baseline;

}
.weui-cell{
  padding: 0.4rem 0.266667rem;
}
.exhibition-title{
  width:100%;
  height: 0.666667rem;
  line-height: 0.666667rem;
  margin-top: 0.266667rem;
  color:rgba(0,0,0,0.8);
  font-size: 0.373333rem;
}
.exhibition-con,.ticketInfo-con{
  width: 8.4rem;
  margin-left: 0.8rem;
  line-height: 0.64rem;
  font-size: 0.32rem;
   padding-bottom:0.266667rem;
}
.order-exhibitionBox{
  width: 9.733333rem;
  margin: 0 auto;
}
.exhibition-bookBox{
  width: 100%;
  height: 3.866667rem;
  margin-top: 0.133333rem;
  background-color: #fff;
}
.exhibition-bookBox .bookimg{
  display: block;
  width: 3.733333rem;
  height: 2.133333rem;
  margin-top: 0.266667rem;
  margin-left: 0.266667rem;
  float: left;
}
.exhibition-bookBox .bookimg img{
  width: 100%;
  height: 100%;
}
.exhibition-bookBox .bookcon{
  margin-left:0.24rem;
  margin-top: 0.266667rem;
  float: left;
  width: 5.36rem;
  height: 2.133333rem;
}
.exhibition-bookBox .bookcon .bookcon-text{
  width: 5.36rem;
  height: 1.28rem;
  line-height: 0.64rem;
  font-size: 0.373333rem;
  color: rgba(0,0,0,0.8);
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; 

}
.exhibition-bookBox .bookcon .bookcon-num{
  width: 5.36rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.32rem;
  color: rgba(0,0,0,0.5);
  margin-top: 0.266667rem;

}
.exhibition-bookBox .bookcon-btn{
  float: left;
  margin-top:0.24rem;
  width: 100%;
  height: 1.033333rem;
  border-top:1px dashed rgba(0,0,0,0.2);
  padding :0.106667rem 0;
}
.exhibition-bookBox .bookcon-btn a{
  display: block;
  width: 50%;
  box-sizing:border-box;
  line-height: 1.033333rem;
  color: #F67323;
  font-size: 0.426667rem;
  text-align: center;
}
.exhibition-bookBox .bookcon-btn .bookcon-btnDetail{
  float: left;
  border-right:1px solid rgba(0,0,0,0.1);
  color:rgba(0,0,0,0.5);
}
.exhibition-bookBox .bookcon-btn .bookcon-btnOrder{
  float: right;
  font-weight: 600;
}
.order-exhibition-info{
  width: 9.733333rem;
  margin:0.133333rem auto;
  box-shadow: 0 0 0.08rem 0 rgba(0,0,0,0.29);
  padding:0 0.266667rem 0.453333rem 0.266667rem;
  background: #fff;
}
.exhibition-title-icon1,.exhibition-title-icon2,.exhibition-title-icon3{
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  background: url(../images/order_time.png) center no-repeat;
  background-size: cover!important;
}
.exhibition-title-icon2{
   background: url(../images/order_address.png) center no-repeat;
}
.exhibition-title-icon3{
   background: url(../images/order_mob.png) center no-repeat;
}
/* 预定首页 index.html end*/

/* 门票预定 order_info.html begin*/

.calendarHidden{
  position: absolute;
  display: none;
  width: 100%;
  left:10rem;
  top:0;
  bottom:0;
  background-color: #fff;
  z-index: 120;
   transition: left 0.7s;
  -moz-transition: left 0.5s; /* Firefox 4 */
  -webkit-transition: left 0.7s; /* Safari 和 Chrome */
  -o-transition: left 0.6s; /* Opera */
}
.order_inof-header{
  width: 100%;
  height: 1.6rem;
  line-height: 1.6rem;
  background:#22BDD4;
}

.order_info-header-data{
  position: relative;
  width: 100%;
  top:0.1rem;
  line-height: 1.013333rem;
  color:#000;
 /*  font-size: 0.48rem; */
 font-size: 0.426667rem;
  padding-left: 0.7rem;
  margin-bottom: 0.533333rem;
}
.order_info-header-dataCal{
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: 0.23rem;
  left:-0.133333rem;
  background:url(../images/cal1.png) center no-repeat;
  background-size: cover!important;
  background-position: 0 -0.12rem!important;
}
.order_info-header-datatime{
  background:url(../images/order_cal.png) center no-repeat;
}
.order_info-header-total{
   background:url(../images/order_total.png) center no-repeat;
}

.order_info-header-year,.order_info-header-day{
  float: left;
  width: 6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  color:#fff;
  font-family: SimHei;
  font-weight: 700;
  font-size: 0.64rem;
  margin-left: 0.96rem;
}
.order_info-remarkBox{
  width: 8.933333rem;
  margin:0 auto;
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.order_info-remark1,.order_info-remark2{
  width: 4.266667rem;
  height: 1.066667rem;
  background-color: #FAFAFA!important;
  border: 0.013333rem solid #B0B0B0;
  font-size: 0.373333rem;
  color: #000000;
  letter-spacing: 0.014533rem;
  margin-bottom: 0.36rem;
  padding:0 0.293333rem;
  line-height: 1.066667rem;

}
.order_info-remarkActive{
  background: url(../images/remark-active.png) right no-repeat;
  background-size: 4.266667rem 1.066667rem;
  border: 1px solid #00BBD7;
  color:#00BBD7;
}
.order_info-remark2{
  width: 100%;
}
.cal-back{
  float: right;
  font-size: 0.506667rem;
  color:#fff;
  margin-right: 0.96rem;
}
.order_info-cal-monbox{
  height: 0.72rem;
  width: 100%;
  margin-top: 0.693333rem;
  line-height: 0.72rem;
  color:#22BDD4;
  font-size: 0.48rem;
  text-align: center;
}
.order_info-cal-monLeft{
  width: 0.72rem;
  height: 0.72rem;
  text-align: center;
  float:left;
  margin-left: 0.533333rem;
  background:url(../images/dalleft.png) center no-repeat;
  background-size: cover;

}
.order_box1,.order_info-idInfo,.order_info-remark,.order_info-noticeBox,.order_info-noticeBox-others{
  width: 9.733333rem;
  margin:0.133333rem auto;
  padding:0 0.266667rem;
  background-color: #fff;
  border-radius: 0.106667rem;
}
.order_info-idInfo{
  padding-bottom: 0.266667rem;
}
.order_caldendar{
  padding-bottom: 0.773333rem;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.order_caldendar ul{
  display: flex;
  display: -webkit-flex;
  flex: 1;
  justify-content:space-between;
  margin-top: 0.613333rem;
}
.order_cal-list{

  width: 2.133333rem!important;
  height: 1.2rem!important;
  border: 1px solid #BDBDBD;
}
.order_cal-list p{
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.48rem；
}
.cal-active{
  background:url(../images/cal-active.png) center no-repeat;
  background-size: cover;
  border:1px solid #02BDD5;
}
.order_cal-list:last-child{
  line-height: 1.2rem;
  text-align: center;
}
.order_info-cal-monRight{
  width: 0.72rem;
  height: 0.72rem;
  text-align: center;
  float:right;
  margin-right: 0.533333rem;
  background:url(../images/dalright.png) center no-repeat;
  background-size: cover;
}
.order_dayTime ul{

}
.order_daytime-list{
  float: left;
  margin-bottom: 0.666667rem;
  width: 4.48rem;
  height: 1.2rem;
  border: 2px solid #FF9800;
}
.order_daytime-over{
  background-color: #ccc;
  border: 2px solid #989898;
}
.order_daytime-list:nth-child(even){
  float:right;
}
.cal-daytime-date{
  text-align: center;
  font-size: 0.32rem;
  color: #000000;
  letter-spacing: 0.0124rem;
  line-height: 0.48rem;
}
.cal-daytime-num{
  text-align: center;
  font-size: 0.32rem;
  color: #FB5B00;
  letter-spacing: 0.93px;
  line-height: 0.48rem;
}

.order_daytime-active{
  background: url(../images/order_daytime.png) center no-repeat;
  background-color: #FFF6E5;
  background-size: cover;
}
.order_info-newdate{
  width: 100%;
  margin-top: 0.4rem;
}
.order_info-week{
  width: 10.0rem;
  height: 0.4rem;
  font-size: 0.373333rem;
  color: rgba(0,0,0,0.8);
}
.order_info-week p{
  width: 1.426667rem;
  height: 0.4rem;
  float:left;
  line-height: 0.4rem;
  text-align: center;
}
.order_info-date{
  width: 100%;
  margin-top:0.373333rem;
  border-top: 1px solid rgba(0,0,0,0.1)
}
.order_info-date:after{
  content:'';
  display: block;
  height: 1px;
  color:rgba(255,255,255,0);
  clear: both;
}
.order_info-dayBox{
  width: 1.426667rem;
  height: 1.426667rem;
  float:left;
  border-bottom:0.013333rem solid #eee;
  border-left:0.013333rem solid #eee;
}
.dayBox-borderRight{
  border-right:0.013333rem solid #eee;;
}
.order_info-dayBoxEmpty{
  width: 1.426667rem;
  height: 1.426667rem;
  float:left;
  border-bottom:0.013333rem solid #eee;

}
.order_info-dayBox-p1{
  margin-top:0.08rem;
  width: 100%;
  height: 0.453333rem;
  line-height: 0.453333rem;
  text-align: center;
  font-size: 0.373333rem;
  color:rgba(0,0,0,0.8);
}
.order_info-dayBox-p2{
  width: 100%;
  margin-top:0.133333rem;
  height:0.32rem ;
  line-height: 0.32rem;
  text-align: center;
  font-size: 0.293333rem;
  color:#60BF00;
}
.cal-font-active{
  color:#60BF00;
}
.alreadyfullp2{
  color:red!important;

}
.closeLib{
  color:rgba(0,0,0,0.3)!important;
}
.alreadyfullp1{
  color:rgba(0,0,0,0.3)!important;
}
.hasActivity{
  background: url(../images/active.png) center no-repeat;
  background-size:1.426667rem; 
}
.backgroundColor{
  background-color:#22BDD4;
  color:#fff!important;
}
.whiteColor{
  color:#fff!important;
}

.order_info-active{
  width: 100%;
  padding: 0 0.533333rem;
  color:rgba(0,0,0,0.8);
  border-top:1px solid rgba(0,0,0,0.1);
}
.order_info-active-p1{
  margin-bottom:0.133333rem;
  font-size: 0.426667rem;
  margin-top: 0.3rem;
  color:rgba(0,0,0,0.8);
}
.order_info-active-p2{
  font-size: 0.32rem;
  color:rgba(0,0,0,0.8);
  line-height: 0.613333rem;
  margin-bottom: 0.693333rem;
}
.order_info-active-p3{
  font-size: 0.373333rem;
  color:#FF6629;
  line-height: 0.9rem;
  text-align: right;
}
.order_info-num{
  width: 100%;
  /* height: 2rem; */
  line-height: 0.666667rem;
  padding-top:0.533333rem;
  color:rgba(0,0,0,0.8);
  font-size:0.426667rem;
  border-top: 1px solid rgba(0,0,0,0.1);
}
.order_info-numtext{
  height: 0.666667rem;
  font-size:0.426667rem;
  line-height: 0.9rem;
}
.order_info-notice{
  padding-left: 0.533333rem;
  font-size: 0.33rem;
}
.order_info-noticeTitle{
  padding-left: 0.233333rem;
  font-size: 0.33rem;
  margin-top: 0.266667rem;
}
.order_info-numBox{
  
  height:0.666667rem;
  float: right;
  margin-right: 0.533333rem;
}
.order_info-nummin{
  float: left;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/min.png) center no-repeat;
  background-size: cover;
   box-sizing:border-box;
  border:1px solid #22BDD4;
  border-right:none;
}
.order_info-numcont{
  float: left;
  width: 1.333333rem;
  height: 0.8rem;
  box-sizing:border-box;
  /* border-top:1px solid #22BDD4;
  border-bottom:1px solid #22BDD4; */
  border:1px solid #22BDD4;
  text-align: center;
  line-height: 0.8rem;
  color:#22BDD4;
  font-size: 0.426667rem;
}
.order_info-numadd{
   box-sizing:border-box;
  float: left;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../images/add.png) center no-repeat;
  background-size: cover;
  border:1px solid #22BDD4;
  border-left:none;
}


.order_info-idInfo-header{
  width: 100%;
  height: 1.64rem;
  color:rgba(0,0,0,0.8);
  font-size: 0.48rem;
  font-weight: 700;
  line-height: 1.64rem;
  padding-left: 0.533333rem;
  border-top:1px solid rgba(0,0,0,0.2);
  border-bottom:1px solid rgba(0,0,0,0.2);
}

.order_info-idInfo-conBox{
  /* width: 13.833333rem; */
  width: 9.2rem;
  height: 1.92rem;
  margin-bottom: 0.266667rem;
  border-radius: 0.106667rem;
  background-color: rgba(0,0,0,0.04);
  transition: transform 1s;
  -moz-transition: transform 1s; /* Firefox 4 */
  -webkit-transition: transform 1s; /* Safari 和 Chrome */
  -o-transition: transform 1s; /* Opera */
}

.order_info-idInfo-con{
  float: left;
  width: 10rem;
  height: 1.2rem;
   padding-top:0.4rem;
}
.order_info-idInfo-nameBox{
  float: left;
  width: 2.433333rem;
  height: 1.2rem;
  border-right: 1px solid rgba(0,0,0,0.1);
  padding-left: 0.533333rem;
}
.order_info-idInfo-name{
  min-width: 1.6rem;
  text-align: left;
  font-size: 0.426667rem;
  color:rgba(0,0,0,0.8);
  margin-top:0.133333rem;
}
.order_info-idInfo-text{
  text-align: left;
  font-size: 0.266667rem;
  color:#FF0000;
}

.order_info-idInfo-idBox{
  width: 5.6rem;
  height: 1.2rem;
  float: left;
  position: relative;
}
.order_info-idInfo-phone{
  height:0.48rem;
  position: absolute;
  left:0.293333rem;
  top:0;
  color:rgba(0,0,0,0.8);
  font-size: 0.426667rem;
  line-height: 0.48rem;
}
.order_info-idInfo-id{
  height:0.48rem;
  position: absolute;
  left:0.293333rem;
  bottom:0;
  color:#F67323;
  font-size: 0.426667rem;
  line-height: 0.48rem;
}

.order_info-idInfo-btn{
  width: 0.8rem;
  height: 0.8rem;
  float: left;
  margin-top: 0.2rem;
  background:url(../images/repear.png) center no-repeat;
  background-size: cover;
}

.order_info-idInfo-revise{
  width: 3.76rem;
  float: right;
  font-size: 0.426667rem;
}
.order_info-idInfo-reviseBtn{
  float:right;
  width: 1.866667rem;
  height: 1.893333rem;
  text-align: center;
  line-height: 1.866667rem;
  color: #fff;
  background:#5DB200;
  box-sizing:border-box;
  border:none;
}
.order_info-idInfo-delBtn{
  float: right;
  width: 1.866667rem;
  height: 1.893333rem;
  text-align: center;
  line-height: 1.866667rem;
  box-sizing:border-box;
  color: #fff;
  background:#FE3B2F;
  border:none;
}

.order_info-idInfo-addInfo{
  width: 100%;
  height: 3.84rem;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding-top:0.8rem;

}
.order_info-idInfo-addBtn{
  display: block;
  width: 2.133333rem;
  height: 0.933333rem;
  color: #F67323;
  font-size: 0.426667rem;
  border:1px solid #F67323;
  line-height: 0.933333rem;
  margin:0 auto 0.346667rem;
  background: #fff;
  border-radius: 0.106667rem;
}
.order_info-idInfo-addInfo p{
  font-size: 0.32rem;
  line-height: 0.586667rem;
  text-align: center;
  color: rgba(0,0,0,0.8);
}
.order_info-idInfo-tip{
  width: 0.32rem;
  height: 0.32rem;
  display: inline-block;
  background: url(../images/order_cue.png) center no-repeat;
  background-size: 0.64rem;
  margin-right: 0.133333rem;

}

.order_info-remark{
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.order_info-remark p{
  height: 1.733333rem;
  line-height: 1.733333rem;
  padding-left: 0.133333rem;
  font-size: 0.426667rem;
  color: rgba(0,0,0,0.8);
}
.order_info-remarkText{
  display: block;
  margin:0 auto;
  width: 8.933333rem;
  height: 2.366667rem;
  background: #F9F9F9;
  border: 1px solid #979797;
}
.order_info-submit{
  position: relative;
  bottom:0;
  left: 50%;
  transform:translateX(-50%);
  width: 100%;
  height: 1.333333rem;
  background: #fff;
  margin-top: 0.533333rem;
}
.order_info-submitBtn{
  width: 100%;
  height: 1.333333rem;
  background: #FF6629 ;
  text-align: center;
  line-height: 1.333333rem;
  font-size: 0.48rem;
  color:#fff;
}
.order_info-addBoxBack{
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform:translateX(-50%);
  width: 10rem;
  height: 100vh;
  z-index: 80;
  background: rgba(0,0,0,0.3);
}
.order_info-addBox{
  display: none;
  position: fixed;
  bottom: -6.666667rem;
  left: 0;
  width: 10rem;
  height: 6.666667rem;
  z-index: 85;
  background: #fff;
  transition: bottom 1s;
  -moz-transition: bottom 1s; /* Firefox 4 */
  -webkit-transition: bottom 1s; /* Safari 和 Chrome */
  -o-transition: bottom 1s; /* Opera */
}
}
.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;

}
.addInfo-id{
  width: 6.4rem;
}

.od-cell-section-ft-btn .od-cell-section-ft-btnBack{
  float:left;
  margin-left:26px;
  background: #fff;
  color:#22BDD4;
  border:1px solid #22BDD4;
}
.od-cell-section-ft-btnConfim{
  float:right;
  margin-right: 26px;
}

.order_info-addBox-btn{
  width: 100%;
  height: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  font-size: 0.373333rem;

}
.order_info-addBox-btn p{
  float:left;
  width: 6.533333rem;
  height: 1.066667rem;
  color:rgba(0,0,0,0.8);
  margin:0 auto;
}
.order_info-addBox-btn a{
  width: 1.733333rem;
  height: 1.066667rem;
}
.order_info-addBox-btnBack{
  float:left;

}
.order_info-addBox-btnConfim{
  display: none;
  float:right;
  color:#FF6629;
}

.weui-cells{
  margin-top:0;
}
/* 2021-8-19 */
.order-dialogBox{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 10rem;
  height: 100vh;
  background-color: rgba(0,0,0,0.3);
}
.order-dialog{
  position: absolute;
  top: 50%;
  left: .4rem;
  width: 9.2rem;
  margin: 0 auto;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: .266667rem;
}
.order-dialog-header{
  padding: .4rem 0;
  margin: 0 auto;
  font-size: .533333rem;
  font-weight: bold;
  text-align: center;
}
.order-dialog-con{
  margin: 0 0 1.2rem 0;
  width: 9.2rem;
  min-height: 4rem;
  max-height: 55vh;
  padding:0 0.4rem;
  font-size: .373333rem;
  line-height: 2;
  overflow-y: auto;
  text-align: justify;
}
.order-dialog-bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: .026667rem solid #979797;
  align-items: center;
  height: 1.2rem;
}

.order-dialog-button{
  flex-shrink: 1;
  width: 50%;
  border-right: .026667rem solid #979797;
  font-size: .48rem;
  text-align: center;
}
.order-dialog-button:last-child{
  border: 0;
}
.order-dialog-comfig{
  color: #576b95;
}
.order-dialog-cancel{
  color: #989898;
}

/* 门票预定 order_info.html end*/
