*{touch-action: pan-y;}


ul,li{list-style: none; margin: 0px; padding: 0px;}
input::-webkit-input-placeholder {color: #BBBBBB;}

.topbar{background-color: #009EE7; color: #fff; box-shadow:none !important}
.topbar h1{color: #fff; font-size: 16px;}


	[v-cloak] {
    display: none;
	}
	
	
.B1{ display: none;}	
.B2{ display: none;}

.guanbi{display: none;}
.showguanbi{display:inline-table;}

.hide{ display: none;}	
	
.indexHeader{ text-align: center; }
.indexHeader .indexback{ position: absolute; left: 10px;}

.topTitleList{ display:inline-block; border:solid 1px #fff;  border-radius: 4px; margin-left: auto; margin-right: auto; margin-top: 6.7px; }
.topTitleList a{ color: #fff; font-size: 14px; width: 81px;  text-align: center;  height: 28px; line-height: 28px; display:inline-block; margin: 0px;float: left;}
.topTitleList .mui-active{ background-color: #fff; color:#0099ff ; }
	
	
/*#item2mobile .myTicketInfoBox{ display: none; }
#item3mobile .myTicketInfoBox{ display: none; }*/

.zanwu{ position: absolute; font-size: 16px; color: #999999;  margin-top: 50%; width: 100%; left: 0px; text-align: center;display: none;}



.searchBox{ margin: 2.65%; margin-bottom: 13px; width: 94.7%; height: 90px; border-radius: 5px; background-color: #fff; box-shadow: 0px 1px 1px 0px  rgba(0, 0, 0, 0.1); position: fixed; z-index: 9999;}
.searchBox .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{height: 40px; line-height: 40px; margin-left: 26px; margin-right: 26px; font-size: 13px;}
.searchBox .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ color: #009EE7; border-color: #009EE7;}
.searchBox .numberSearch{ background-color: #fff; border-top: solid 1px #EEEEEE; border-radius: 0px; text-align: left; height: 50px; line-height: 50px; margin-top:0px; padding-left: 46px; font-size: 14px; border-radius: 0px 0px 4px 4px;} 
.searchBox .addressSearch{ background-color: #fff; border-top: solid 1px #EEEEEE; border-radius: 0px; text-align: left; height: 50px;  line-height: 50px; margin-top:0px; padding-left: 46px;font-size: 14px; border-radius: 0px 0px 4px 4px;} 
 .searchBox .titleList{ height: 40px;}
 
 .mui-control-content i{ width: 7px; height: 7px; background-color:#0098FF; position: absolute; margin-top: 21.4px; border-radius: 60px; margin-left: 30px;}
 
 .indexMarsk{ position: fixed; width: 100%; height: 100%; background-color: rgba( 240,243,245,0.8); top: 0px; left: 0px; z-index: 999; display: none; }
 .current{ display: block !important;}
 .realNumberSearch{ position: fixed; z-index: 9999; top: 0px; left: 0px ; width: 100%; margin-top: 10px; display: none; }
 .realNumberSearch .numberSearchInput{ background-color: #fff !important; width: 96%; margin-left:2%; float: left; height: 50px; border-radius: 4px; box-shadow: 0px 1px 2px 1px  rgba(0, 0, 0, 0.12); font-size: 14px; padding-top: 14px;padding-bottom: 10px; line-height: 20px;     text-align: left;}
 .realNumberSearch .numsearchbtn{ width:48px; height: 48px; position: absolute; right: 2%; border: none; background-color:#F9FAFA; margin-top: 1px; margin-right:1px; border-radius: 0px 4px 4px 0px ; color: #3e96ef; font-weight: bold;}
 .realNumberSearch .searchList{width: 96%; margin-left:2%; float: left; border-radius: 4px; border: none; box-shadow: 0px 1px 1px 0px  rgba(0, 0, 0, 0.1); overflow:scroll;}
 .realNumberSearch .searchList:before{ display: none;}
 .realNumberSearch .searchList:after{ display: none;}
 .realNumberSearch .searchList li{ margin-right:15px; color: #B3B3B3; font-size: 12px; padding-bottom:8px;;}
 .realNumberSearch .searchList li strong{ font-size: 15px; width: 100%; display: block; color:#434249;}
 
  .realAddressSearch{ position: fixed; z-index: 9999; top: 0px; left: 0px ; width: 100%; margin-top: 10px; display: none; }
 .realAddressSearch .addressSearchInput{ background-color: #fff !important; width: 96%; margin-left:2%; float: left; height: 50px; line-height: 50px; border-radius: 4px; box-shadow: 0px 1px 2px 1px  rgba(0, 0, 0, 0.12); font-size: 14px;; }
 .realAddressSearch .addressSearchbtn{ width:42px; height: 42px; position: absolute; right: 2%; border:solid 2px #4194F0; background-color:#fff; margin-top:27px; padding: 0px; text-align: center; line-height:36px; margin-right:14px; border-radius:30px ; color: #3e96ef; font-weight: bold; top: 0px;}
 .realAddressSearch .searchList{width: 96%; margin-left:2%; float: left; border-radius: 4px; border: none; box-shadow: 0px 1px 1px 0px  rgba(0, 0, 0, 0.1); overflow:scroll;}
 .searchList:before{ display: none;}
 .searchList:after{ display: none;}
.searchList li{ margin-right:15px; color: #B3B3B3; font-size: 12px; padding-bottom:8px;;}
.searchList li strong{ font-size: 15px; width: 100%; display: block; color:#434249;}
 .searchBoxlist{ width: 96%; margin-left:2%; float: left; border-radius: 4px; border: none; box-shadow: 0px 1px 1px 0px  rgba(0, 0, 0, 0.1); height: 100px; margin-bottom: 15px; border-radius:4px;;}
   .searchBoxlist li{margin: 0px; border-radius:0px;padding: 0px; }
  .realAddressSearch .up{margin: 0px; border-radius:0px 0px 4px 4px; padding: 0px; box-shadow: none; width:85%; text-align: left; float: right; padding-top: 14px;padding-bottom: 10px; line-height:14px;}
  .realAddressSearch .down{ margin: 0px; border-radius:0px 0px 4px 4px;padding: 0px; box-shadow: none; width: 85%;text-align: left;float: right; padding-top: 14px;padding-bottom: 10px; line-height: 20px;}
 .searchBoxlist .mui-table-view-cell:after{ left: 54px; width: 64%;;}
  .searchBoxlist li i{ background-color: #FF5252; margin-top: 24px;  margin-left: 36px;}
 .searchBoxlist li:first-child i{ background-color: #51BE56; margin-top: 26px;  margin-left: 36px;}
  .searchBoxlist .switch{ position: absolute; width: 4.6%; margin-top:-58px; margin-left: 10px;}

  
 
 .RouteList{ margin: 2.65%; /*margin-bottom: 76px;*/ width: 94.7%; margin-top:112px; }
 .RouteList .routeItem{margin-bottom: 13px; width: 100%; height:100px; padding: 5px; padding-left: 10px; padding-right: 10px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 3px 1px  rgba(0, 0, 0, 0.1);position: relative;}
 .RouteList .routeItem .title{ color:#A9A8AD; font-size: 12px; border-bottom:solid 1px #E4E4E4; height: 33px; line-height: 33px; padding-left: 6px; padding-right:6px;}
   .RouteList .routeItem .title img{ width:5%; float: left; margin-top:7.4px; margin-right: 10px;}
  .RouteList .routeItem .routeItemInfo{ width:100%; height: 52px; margin-top: 6px; padding-left: 6px; padding-right:6px;}
 .RouteList .routeItem .routeItemInfo .times{color:#323232; font-size:12px; width: 15%; float: left; }
  .RouteList .routeItem .routeItemInfo .times li{ margin-top: 3px;}
 .RouteList .routeItem .routeItemInfo .lines{color:#323232; font-size:12px; float: left; }
  .RouteList .routeItem .routeItemInfo .lines .l1{ border-left: solid 1px #E5E5E5; height:6px; position:absolute; }
  .RouteList .routeItem .routeItemInfo .lines .l2{ border-left: solid 1px #E5E5E5; height:12px; position:absolute; margin-top: 18px; }
  .RouteList .routeItem .routeItemInfo .lines .l3{ border-left: solid 1px #E5E5E5; height:6px; position:absolute;margin-top:42px; }

 .startI{margin-left:-3px; position:absolute; margin-top: 8px; width: 7px; height: 7px; background-color:#fff; border: solid 1px #51BE56; border-radius: 60px; display: block; z-index: 1;}
 .endI{margin-left:-3px; position:absolute; margin-top: 33px; width: 7px; height: 7px; background-color:#fff; border: solid 1px #FF5252; border-radius: 60px; display: block;z-index: 1;}
 .RouteList .routeItem .routeItemInfo .routes{color:#323232; font-size:14px; width:58.5%; float: left; margin-left:22px; }
 .RouteList .routeItem .routeItemInfo .routes li{ margin-top:2.5px;}
  .RouteList .routeItem .routeItemInfo .routes li:first-child { font-size: 15px;}
 .RouteList .routeItem .routeItemInfo .btn{color:#0098FF; font-size:14px; float: right; margin-top:12px; border: solid 1px #0098FF; border-radius: 4px; width: 46px; height: 25px; line-height: 25px; text-align: center;}
.RouteList .routeItem .routeItemInfo .btn1{color:#0098FF; font-size:14px; float: right; margin-top:12px; border: solid 1px #0098FF; border-radius: 4px; width: 66px; height: 25px; line-height: 25px; text-align: center;}
.QRcodeBTNBox{ width: 100%; height: 48px; position: fixed; bottom:5%;  z-index: 99;  margin-left: auto; margin-right:auto; }
.QRcodeBTN{ font-size: 15px; width: 130px; height: 48px; line-height:48px; color: #fff;  background-color:#0098FF; z-index: 99; border-radius: 30px; margin-left: auto; margin-right:auto; display: table;}
.QRcodeBTN img{ width:15%; margin-top:13.5px; float: left; margin-left: 22px;margin-right: 8px;}
.QRcodeBTN a{  color: #fff;}

.mttopBox{ width: 100% ; background-color: #fff; height: 40px;}
.mttopBox .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{ height: 40px; line-height: 40px; margin-left: 12px; margin-right: 12px; padding-left: 28px; padding-right: 28px; }
.mttopBox .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #009EE7;
    border-color: #009EE7;
}

.B2 .RouteList{ margin-top:12px;padding-bottom: 69px;}
.B2 .RouteList .routeItem{ height: 90px;}
.B2 .RouteList .routeItem .routeItemInfo {
    width: 98%;
    height: 52px;
    margin-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
}
.B2 .RouteList .routeItem .routeItemInfo{ margin-top: 16px; margin-left:8px;}
.B2 .RouteList .routeItem .routeItemInfo .routes li{ margin-top: 4px;}
.B2 .RouteList .routeItem .routeItemInfo .routes{ margin-top:-3px;}


.showBox{ display:block;}

.myTicketInfoBox{ margin: 4%; margin-bottom: 13px; width: 92%; background-color: #fff; border-radius: 5px; padding-bottom:10px; box-shadow: 1px 1px 3px 1px  rgba(0, 0, 0, 0.1);}
.myTicketInfoBox .top{ border-bottom: solid 1px #eee;  padding: 10px; padding-bottom: 5px;  }
.myTicketInfoBox .top li{ text-align: center;font-size: 14.5px; color: #515053; margin-bottom: 6px;  }
.myTicketInfoBox .top .up{ text-align: left;font-size: 13px;  color: #666666;margin-bottom: 3px; white-space: nowrap;text-overflow: ellipsis;   }
.myTicketInfoBox .top .dowm{ text-align: left;font-size: 13px;  color: #666666;margin-bottom: 3px; white-space: nowrap;text-overflow: ellipsis;  }
.myTicketInfoBox .top .up span{ border: solid 1px #4bba56; border-radius:2px; padding: 1px; color:#4bba56; 
margin-left: 30%; margin-right: 8px; -webkit-transform:scale(0.85); font-size: 10px; width: 18px; 
height: 18px; display:inline-block;
text-align: center;line-height: 15px; }
.myTicketInfoBox .top .dowm span{ border: solid 1px #e92210; border-radius:2px; padding: 1px; color:#e92210;
 margin-left: 30%; margin-right: 8px; -webkit-transform:scale(0.85); font-size: 10px;
 width: 18px; 
 height: 18px; display:inline-block;
 text-align: center;line-height: 17px; 
 }
.myTicketInfoBox .towBtns{ width: 100%; margin-top: 10px; border-bottom:solid 1px #eeeeee; padding-bottom: 10px;}
.myTicketInfoBox .towBtns li{ width:49.25%; display: inline-block; text-align: center; font-size: 13px; color: #009EE7;  border-right: solid 1px #dddddd;}
.myTicketInfoBox .towBtns li span{ width: 100%;  float: left; }
.myTicketInfoBox .towBtns li img{ width: 10%; height: auto;}
.myTicketInfoBox .towBtns li span{ width: 100%;  float: left; }
.myTicketInfoBox .towBtns li:last-child {border:none}

.myTicketInfoBox .QRcodeBox{ width: 100%; padding-left:19%; padding-right: 19%; border-bottom: solid 1px #e4e4e4; padding-bottom:2px;position: relative;}
.myTicketInfoBox .QRcodeBox li{ text-align: center; margin-top:2px; margin-bottom: 10px;display: block; font-size: 17px; color: #666666; font-weight: 550;}
.myTicketInfoBox .QRcodeBox .num{border-bottom: solid 1px #cccccc; height:11px; margin-bottom: 24px;}
.myTicketInfoBox .QRcodeBox li span{  background-color: #fff; margin-top:0px; display: inline-table; text-align: center; padding-left:12px; padding-right: 12px; }
.myTicketInfoBox .QRcodeBox .yanpiao{ width: 135px;height: 135px; margin: 0 calc((100% - 135px)/2);background: url(../images/icon_yanpiao.png)no-repeat;background-size: 100% 100%;}
.myTicketInfoBox .QRcodeBox .noyanpiao{ width: 135px;height: 135px; margin: 0 calc((100% - 135px)/2);background: url(../images/icon_noyanpiao.png)no-repeat;background-size: 100% 100%;}
.myTicketInfoBox .bg1{ width: 100%; margin-top: -9px;}
.myTicketInfoBox .bg1 img{width: 100%; }
.myTicketInfoBox .numbersBox{ width: 100%;/* padding-left: 22%; padding-right: 22%;*/text-align: center;  padding-bottom:2px; color: #a5a5a5; font-size: 13px; padding-top: 6px; padding-bottom: 4px;}
.myTicketInfoBox .mui-btn{  width: 76%; margin-left:12%; margin-right: 12%; margin-top:10px; height:40px; line-height: 40px; padding: 0px; display: none;} 
.myTicketInfoBox .QRcodeBox .QR{ font-size: 13px; color: #95a7b7; font-weight: normal; line-height:24px; }
.myTicketInfoBox .QRcodeBox .QR a{ display: table; text-align:center; margin-left: auto; margin-right:auto; border: solid 1px #95a7b7; color:#95a7b7; padding-left:24px; padding-right:24px; height:28px; line-height: 28px; font-size: 14px; margin-top: 20px; margin-bottom:30px; border-radius:30px ;}
 .myTicketInfoBox .QRcodeBox .QR a.mui-icon-reload:before {
font-size: 16px; margin-right: 4px;
}

.needknow{ float: right; color: #fff; height: 44px; line-height: 44px; font-size: 14px; opacity: 0;position: absolute;right: 15px;} 
.topbar .mui-icon-back{color: #fff; font-size:24px;}


.shinfos{ margin-top: 0px !important; box-shadow: 0px 0px 3px 0px  rgba(0, 0, 0, 0.09); float: left;width: 100%;}
.shinfos .tit{ font-size: 13px; color: #A1A1A1;}
.shinfos li{ color:#A1A1A1; font-size: 15px; float: right; width: 93%; overflow: visible;}
.shinfos li:first-child{ color:#A1A1A1; font-size: 15px; float: right; width: 100%;}
.shinfos li:last-child{ color:#A1A1A1; font-size: 15px; float: right; width: 100%;}
.shinfos li img{ float: left; width:4.4%; margin-top:1.5px;margin-left: -26px;;}
.shinfos li strong{ float: right; color: #323232;font-weight: 500;}
.shinfos .addstart{ padding-right: 20px; float: right;}
.shinfos .star{ background-image: url(../images/star.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 20px; height: 20px;   float: left;  }
.shinfos .starfill{ background-image: url(../images/star-fill.png);}

.routesList{ width: 100%;  float: left; background-color: #fff; height: 100%;;}
.shiftsinfo .mui-bar-tab{ background-color: #dcebfa; border-color: #96c9fb; padding-left:3.5%; padding-right:3.5%; height: 60px; font-size: 12px;position: absolute;}
.shiftsinfo .mui-bar-tab a{margin: 0px; background-color: #fff;  height: 40px; padding-top:0px; padding-bottom: 0px; line-height:14px; display:inline-block; margin-top: 10px; width: 33.33%; border: solid 1px #96c9fb; padding-top:6px; text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;;}
.shiftsinfo .mui-bar-tab a span{ width: 100%; float: left; color:#4194F0;} 
.shiftsinfo .mui-bar-tab a .status{ width: 100%; float: left; font-size: 10px; -webkit-transform:scale(0.85); color:#A1A1A1;}
.shiftsinfo .mui-bar-tab a .hasticket{ color: #36E208;}


.shiftsinfo .mui-bar-tab a:first-child {border-right:none; border-radius: 4px 0px 0px 4px;}
.shiftsinfo .mui-bar-tab a:last-of-type  {border-left:none; border-radius: 0px 4px 4px 0px;}


.routesList{ overflow: scroll;}
.routesList li{overflow: visible; font-size: 14px; color: #666666; width:95%; float: right;  padding-left: 0px !important; margin-left: 0px !important; 
padding-right: 0px !important; margin-right: 0px !important;}
.routesList  ul{ float: left; width: 100%;}
.routesList li:first-child i { background-color: #51BE56; border:solid 2px #86DD8A; width:10px; height: 10px; margin-left: -7px;;}
.routesList li:last-child i { background-color: #FF5252; border:solid 2px #FF8383; width:10px; height: 10px; margin-left: -7px;;}
.routesList li a{ padding-left: 0px !important; margin-left:4.15% !important; padding-right: 0px !important; margin-right: 0px !important;}
.routesList li span{ font-size: 13px; margin-right:6px;;}
.routesList .getOn { color: #212121;}
.routesList .getOn span{ color: #323232;} 
.routesList .getOn i{  background-image: url(../images/up.jpg) !important; width:17px !important; height: 17px !important; background-size:80% !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #fff !important; border: solid 2px #51BE56 !important; margin-left: -11px !important; margin-top:2px !important;} 
.routesList .getDown { color: #212121;}
.routesList .getDown span{ color: #323232;} 
.routesList .getDown i{  background-image: url(../images/down.jpg)  !important;; width:17px  !important; height: 17px  !important; background-size:80%  !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #fff !important; border: solid 2px #FF5252 !important; margin-left: -11px !important; margin-top:2px  !important;} 
.routesList  .carNow i{  background-image: url(../images/carnow.jpg); width:18px; height: 18px; background-size:69.94%; background-position: center center; background-repeat: no-repeat; background-color: #fff; border: solid 2px #3d97f0; margin-left: -11px; margin-top:2px;} 

.routesListLine{ position: absolute; background-image: url(../images/line.jpg);  width: 5px; left:3.6%; margin-top: 25px; background-position:0px 0px;}
.routesList li i{ margin-left: -6px; position: absolute; width: 8px; height: 8px; background-color: #0098FF;  border-radius: 30px; line-height: 15px; text-align: center; margin-top:5.2px; ;}
.routesList li strong{ height: 20px; position: absolute; border-left: solid 1px #0098FF; width: 1px; margin-left: -3px; margin-top: 1px;}
.routesList li:last-child strong{ display: none;}
.routesListtitle{height: 40px; line-height: 40px; background-color: #ffffff; margin-top: 13px; font-size: 13px; color: #A1A1A1; border-bottom: solid 1px #EEEEEE; padding-left:3.8%; padding-right: 3.8%; float: left; width: 100%;;}
.routesListtitle a{float: left; color: #A1A1A1;}
.routesListtitle .cmap{float: right; color: #A1A1A1;}

.blackMarsk{ background: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999999; display: none;}

.carSet{position: fixed; bottom: 0; left: 0px; width: 100%;  z-index: 99999999;  display: none;}
.carSet .title{width: 100%; font-size:16px; color: #fff; background-color: #0098FF; height: 45px; line-height: 45px; text-align: center;}
.carSet .title .cancel{ margin-left: 13px; position: absolute; left: 0px;}
.carSet button{width: 100%; border-radius: 0px; height: 60px; border: none; font-size: 18px; color: #444444;}
.carSet .upbtn{ background-color: #EEF1F5;}

.shiftsinfo .sellOut{ display: none;}

.shiftsinfo .sellOutShow{ display:table;}

.shiftsinfo .applyBtn{     position:fixed;
    width: 30%;
    float: left;
    height: 42px;
    line-height: 42px;
    right: 4%;
	left: auto;
    font-size: 16px;
	bottom: 0px;
	padding: 0px;
	margin-top: 2px;
	position: absolute;
	z-index: 9999;
	}

.applyBtn {
    position:fixed;
    width: 92%;
    float: left;
    height: 45px;
    line-height: 45px;
    right: 4%;
	left: 4%;
    font-size: 16px;
	bottom: 4.5%;
	padding: 0px;
	z-index: 2;
}

.calenderPage  .price{ color:#FF7827; font-size: 14px; float:right; height: 40px; line-height: 40px; position: absolute;
    right: 0px;
    margin-top: -53px;}

.calenderBox{ margin: 4%; margin-bottom: 13px; width: 92%; background-color: #fff; border-radius: 5px; padding-bottom:10px; box-shadow: 1px 1px 3px 1px  rgba(0, 0, 0, 0.1); float: left; padding-top: 4px;;}
.calenderTop {background-color: #fff; float: left; width: 100%; padding:4.6%; padding-top:0px; padding-bottom:0px; border-bottom: solid 1px #EEEEEE;}
.calenderTop .mui-segmented-control.mui-segmented-control-inverted .mui-control-item{ float: left; padding:0px; height: auto; font-size: 14px;  color: #999999;}
.calenderTop .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ border-bottom: none; color: #323232; }
.calenderTop .mui-segmented-control.mui-segmented-control-inverted i{ float: left; padding:0px; height: auto; font-style:normal; height: 40px; line-height: 40px;font-size: 16px; margin-left:8px; margin-right: 8px;color: #999999;;}
.calenderBottom{background-color: #fff; float: left; width: 100%; padding:2%; padding-top:0px; padding-bottom:0px; padding-top: 12px; padding-bottom:4px;;}
.calenderBox .texts{ font-size: 12px; color: #AAAAAA; border-top: solid 1px #EEEEEE;  width: 100%; float: left; line-height: 20px; padding-left:26px; padding-top:10px ;}


.schedule-bdNM { display: none;}

		#schedule-box{
			font-size: 12px; color: #323232;
		}
		
		#schedule-box1{
			font-size: 12px; color: #323232;
		}
		
		
		#schedule-box2{
			font-size: 12px; color: #323232;
		}
	

		
		.nextMonth{ opacity: 0;}
		
		.lastMonth{ opacity: 0;}
		.schedule-hd{
			display: flex;
			justify-content: space-between;
			padding: 0 15px;
			color: #2C2C2C;
			margin-bottom:8px;
		}
		.week-ul{color: #2C2C2C;}
		
		.today{
			flex: 1;
			text-align: center;
		}
		.passedDay{ opacity: 0;}
		
		.yueBox .passedDay{ opacity:1; color: #ccc;}
		.yueBox  .other-month{opacity: 0;     height: 20px;}
		
		.ul-box{
			overflow: hidden;
		}
		.ul-box > li{
			float: left;
			width: 14.28%;
			text-align: center;
			margin-bottom: 2px;
		}
		.other-month{
			color: #999999;
		}
		.current-month{
			color: #333333;
		}
		
		.yincang{ opacity: 0;}
		
	.current-month span font{  width: 100%; float: left; -webkit-transform:scale(0.85); font-size: 10px; color: #999999; margin-top: -16px;} 
	.more span font{  width: 100%; float: left; -webkit-transform:scale(0.86); font-size: 10px; color: #fff; margin-top: -16px;} 
	
		
		.today-style{
			border-radius: 50%;
			background: #58d321;
		}
		.arrow{
			cursor: pointer;
		}
		
		.uid{ display: none;}

		.dayStyle{
			display: inline-block;
			width: 36px;
			height: 36px;
			line-height: 36px;
			border-radius: 50%;
			text-align: center;
			cursor: pointer;
		}
		
		.yueBox .dayStyle{
			display: inline-block;
			width: 36px;
			height: 30px;
			line-height: 30px;
			border-radius: 50%;
			text-align: center;
			cursor: pointer;
		}
		
	
		.riBox .dayStyle{
			display: inline-block;
			width: 36px;
			height: 36px;
			line-height: 28px;
			border-radius: 50%;
			text-align: center;
			cursor: pointer;
		}
		




		.today-flag{
			background: #00C2B1;
			color: #fff;
		}
		.boxshaw{
			
		}
		.selected-style {
			background: #00BDFF;
			color: #ffffff;
		}
		#h3Ele{
			text-align: center;
			padding: 10px;
		}
		.more{ background-color: #0098FF; color: #fff; border-radius: 60px;}
		
		.Dright{  border-radius: 0px 30px 30px 0px!important;}
		.Dleft{  border-radius: 30px 0px 0px 30px!important;}
		.Dmiddle{  border-radius: 0px;}
		.no{ color:#CCCCCC}
		
	.Weekend{ color:#CCCCCC}


.searchResult{}
.searchResult .opened{  width: 100%; margin-top: 10px;   }
.searchResult .opened .RouteList{margin-bottom:4px; margin-top:4px;}
.searchResult .opened .title{  width: 100%; font-size: 12px;  color: #A1A0A5; display: block; text-align: center;  }
.searchResult .opened  .routeItem .title{text-align: left;}
.searchResult .opened .RouteList .routeItem:last-child {margin-bottom: 8px;;}

.searchResult .notOpen{  width: 100%; margin-top: 0px;   }
.searchResult .notOpen .RouteList{margin-bottom:4px; margin-top:4px;}
.searchResult .notOpen .title{  width: 100%; font-size: 12px;  color: #A1A0A5; display: block; text-align: center;  }
.searchResult .notOpen  .routeItem {height: 90px; padding-top: 17px;}
.searchResult .notOpen  .routeItem .title{text-align: left;}
.searchResult .notOpen .RouteList .routeItem .routeItemInfo .lines{ margin-left: 12px;;}
.searchResult .notOpen .RouteList .routeItem .routeItemInfo .routes{ margin-left: 35px;;}

.searchResult .applyBtn{ width: 94%; right: 3%; height: 45px; font-size: 15px;}

.setStation{ height: 90px; background-color: #fff; box-shadow: 1px 1px 3px 1px  rgba(0, 0, 0, 0.1); float: left; width: 100%;}
.setStation li{ height: 45px; font-size: 15px; color:#A1A1A1; line-height: 45px; padding-bottom: 0px; padding-top: 0px; width: 90%; float: right; padding-right: 0px !important; overflow: visible;}
.setStation li:after{background-color:#F3F4F6}
.setStation li a{  height: 45px; font-size: 15px; color:#A1A1A1; line-height: 45px; padding-bottom: 0px; padding-top: 0px; margin:0px !important; padding-right: 10px !important; margin-left: -14px !important; }
.setStation li span{  color: #323232; float: right; margin-right: 30px; height: 44px; line-height: 44px; margin-top: 2px; font-size: 15px; color: #323232;}
.setStation li i{ width: 7px; height: 7px; border: solid 1px #16C216; float: left; margin-top:19px; border-radius: 30px; margin-left: -30px;}

.setStation ul:after{ display: none;}
.setStation li input{ border: none; width:73%; padding-right:0px; text-align: right; font-size: 15px; color:#323232 ; margin: 0px; padding-left:0px;}

.setStation li input::-webkit-input-placeholder {color: #323232; }
.setTime li input::-webkit-input-placeholder {color: #323232; }


.setTime{ height: 90px; background-color: #fff; box-shadow: 0px 1px 5px 0px  rgba(0, 0, 0, 0.1); margin-top: 16px; float: left;  width: 100%;}
.setTime li{ height: 45px; font-size: 15px; color:#A1A1A1; line-height: 45px; padding-bottom: 0px; padding-top: 0px; width: 90%; float: right; padding-right: 0px !important; overflow: visible; background-image: url(../images/xia.png); background-position: right center; background-repeat: no-repeat; background-size:3.6% ; background-position-x: 95.5% ;}
.setTime li:after{background-color:#F3F4F6; }
.setTime li img{ width: 14px; height: 14px; float: left; margin-top:15px;  margin-left: -34px;}
.setTime li a{  height: 45px; font-size: 15px; color:#A1A1A1; line-height: 45px; padding-bottom: 0px; padding-top: 0px; margin:0px !important; padding-right: 10px !important; margin-left: -14px !important; }
.setTime li span{  color: #323232; float: right; margin-right: 30px; height: 44px; line-height: 44px; margin-top: 2px; font-size: 15px; color: #323232;}
.setTime li i{ width: 7px; height: 7px; border: solid 1px #16C216; float: left; margin-top:19px; border-radius: 30px; margin-left: -30px;}
.setTime ul:before{ display: none;}
.setTime ul:after{ display: none;}
.setTime li input{ border: none; width:73%; padding-right:0px; text-align: right; font-size: 15px; color:#323232 ;     margin: 0px;}
.addRoute .applyBtn{ position: relative; width: 92%; margin-left: 4%;; float: left; height: 45px; line-height: 45px; right: auto; margin-top:42px; font-size: 16px; left: auto; right: auto; }
.addRoute .startPlace{ position:absolute;  top: 0px; left: 0px;  width: 100%;  padding-top:56px; padding-left: 13px; padding-right: 13px; z-index:8; display: none; }
.addRoute .startPlace input{ background-color: #fff !important;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 12px;
    line-height: 20px;
    text-align: left;}
	

.marsk{ position:absolute;  top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba( 240,243,245,0.8); padding-top:56px; padding-left: 13px; padding-right: 13px; z-index:8; display: none; }



.addRoute .endPlace{ position:absolute;  top: 0px; left: 0px;  width: 100%; padding-top:56px; padding-left: 13px; padding-right: 13px; z-index:8; display: none; }
.addRoute .endPlace input{ background-color: #fff !important;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.12);
    font-size: 14px;
    padding-top: 13px;
    padding-bottom: 12px;
    line-height: 20px;
    text-align: left;}
	
	.addRoute .showbox{ display: block;}
	.addRoute  #searchList2{
		    border-radius: 4px;
		  border: none;
		  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
		  overflow: scroll;
		      float: left;
    width: 100%;
		}
		

		
			.addRoute  #searchList3{
			    border-radius: 4px;
			  border: none;
			  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
			  overflow: scroll;
			      float: left;
    width: 100%;
			}
			


.itineraryList{ width: 94%; margin-left: 3%; margin-top: 13px; float: left;}
.itineraryList li{ margin-bottom: 12px;; width: 100%; background-color: #FFF; border-radius: 4px;box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1);float: left;;}
.itineraryList li .title{ width: 100%; background-color: #F8F8F8; height: 30px; line-height: 31px; padding-left:5%; padding-right:5%; font-size: 14px; color: #666666; border-radius: 4px 4px 0px 0px;}
.itineraryList li .title img{ width:5.2%; margin-top:6.45px; float: left; margin-right: 12px; }
.itineraryList li .title span{ float: right; font-size: 13px ;color: #999;}
.itineraryList li .ticketInfo{ width: 100%; padding: 4.2%; border-bottom: solid 1px #EEEEEE;  float: left; padding-top: 3.4%; padding-bottom: 3%;}
.itineraryList li .ticketInfo .left{ width: 80%;  float: left; font-size: 14px; }
.itineraryList li .ticketInfo .left span{width: 100%; float: left; }
.itineraryList li .ticketInfo .left .place{ color: #323232; }
.itineraryList li .ticketInfo .left .time{font-size: 12px; color: #666666;}
.itineraryList li .ticketInfo .left .time i{ font-style: normal; -webkit-transform:scale(0.85); font-size: 10px; width: 16px; height: 16px; color: #fff; border-radius: 4px; text-align:center; line-height: 16px;display: inline-block; margin-top: -2px; margin-right:4px;}
.itineraryList li .ticketInfo .left .time .start{ background-color: #51BE56; }
.itineraryList li .ticketInfo .left .time .end{ background-color: #FF5252; margin-left: 10px;}
.itineraryList li .ticketInfo .right{ width: 20%;  float: right; font-size: 15px; color: #3E97F0; text-align: right; margin-top:6px;}
.itineraryList li .ticketInfo .right i{ font-style: normal; font-size: 10px; }
.itineraryList li .orderInfo{ color:#999999; font-size: 10px; padding:1%; float: left;  -webkit-transform:scale(0.84);}
.itineraryList li .status{ width:50px; height: 50px; position:absolute; right:26px; margin-top: 33px;}
.itineraryList li .status img{ width: 100%;}


.initiateSuccess .textBox1{ background-color: #fff; font-size: 15px; color: #666666 ; text-align: center; width: 100%; height: 174px; float: left; padding-top: 34px;  padding-left: 50px; padding-right: 50px; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1); }
.initiateSuccess .textBox1 i{ display:table; font-size: 52px; height: 52px; width: 52px; background-color: #4194F0; color: #fff; border-radius: 30px;     margin-left: auto; margin-right: auto; margin-bottom:18px;}

.initiateSuccess .initiateSuccessTitle{ font-size: 14px; color: #FC6807;  text-align: center; margin-top: 13px; margin-bottom: 13px;  line-height:14px; padding-top: 26px; display:table; margin-left: auto; margin-right: auto;}
.initiateSuccess .initiateSuccessTitle span{ float: left; margin-left: 10px; margin-right: 10px;}
.initiateSuccess .initiateSuccessTitle  i{ float: left;}
.initiateSuccess .initiateSuccessTitle .n1{ height: 11px; width:3px; background-color: #FD984E; display: inline-block; border-radius: 120px; margin-right:1px;  margin-left: 6px;
transform:rotate(40deg);
-ms-transform:rotate(40deg); /* Internet Explorer */
-moz-transform:rotate(40deg); /* Firefox */
-webkit-transform:rotate(40deg); /* Safari 和 Chrome */
-o-transform:rotate(40deg); /* Opera */
}
.initiateSuccess .initiateSuccessTitle .n2{ height: 16px; width:3px; background-color:#FD6A08; display: inline-block; border-radius: 120px; margin-right: 6px; margin-left:2px; margin-top: -1px;
transform:rotate(40deg);
-ms-transform:rotate(40deg); /* Internet Explorer */
-moz-transform:rotate(40deg); /* Firefox */
-webkit-transform:rotate(40deg); /* Safari 和 Chrome */
-o-transform:rotate(40deg); /* Opera */
}
.initiateSuccess .initiateSuccessTitle hr{float: left; width: 70px; border: none; border-bottom: solid 1px #eee; margin-left:10px; margin-right: 10px;}

.lineBox{ margin: 4%; margin-bottom: 13px; width: 92%; background-color: #fff; border-radius: 4px; padding-bottom:10px; box-shadow: 0px 1px 3px 1px  rgba(0, 0, 0, 0.1); font-size: 14px; padding: 6%; padding-bottom: 4%; padding-left: 11%; padding-right: 11%;}
.lineBox li{ height: 18px; line-height: 18px; margin-bottom: 12px; color: #999999;;}
.lineBox .mui-badge{ font-size: 12px; padding: 0px; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #93C5FC; color: #fff; margin-right: 10px; }
.lineBox  .done{text-decoration:line-through}
.lineBox .line{ height: 120px; width: 4px; background-color:#ecf4fd; float: left; margin-top: -138px; margin-left: 6px;}

.paymentSuccess .textBox1{ background-color: #fff; font-size: 15px; color: #444444 ; text-align: center; width: 100%; height: 210px; float: left; padding-top: 34px;  padding-left: 50px; padding-right: 50px; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1); }
.paymentSuccess .textBox1 i{ display:table; font-size: 52px; height: 52px; width: 52px; background-color: #4194F0; color: #fff; border-radius: 30px;     margin-left: auto; margin-right: auto; margin-bottom:14px;}
.paymentSuccess .textBox1 .price{ font-size: 32px; font-weight: normal; margin-top: 16px; }

.evluationList li{ margin: 4%; margin-bottom: 13px; width: 92%; background-color: #fff; border-radius: 4px; box-shadow: 0px 1px 3px 1px  rgba(0, 0, 0, 0.1); font-size: 14px; padding:4%;float: left; padding-bottom:0px; margin-bottom: 0px;}
.evluationList li .userHead{ width:38px; height: 38px; border-radius: 60px; float: left; overflow: hidden;}
.evluationList li .userHead img{ width: 100%;}
.evluationList li .evaluate{ width: 100%; float: left; font-size: 12px; margin-top: 12px;}
.evluationList li .userText{ width: 50%; float: left; margin-left: 8px;}
.evluationList li .userText .userName{  width: 100%; float: left; }
.evluationList li .userText .evaluateTime{ width: 100%; float: left; color:#b3b3b3;}
.evluationList .Ranks{ float: right; margin-top: 1px;}
.evluationList .star{text-indent: 999px; background-image: url(../images/star.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 20px; height: 20px;   float: left;  }
.evluationList .starfill{ background-image: url(../images/star-fill.png);}
.pingfen{ display:none; }

.testBox{ position: absolute; z-index: 9999999999999; top:0px; right: 0px;display: none; }

.evluation .evluationList{margin: 0px; padding: 0px; padding-top: 0px !important; float: left; width: 100%; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1); overflow: hidden;}
.evluationList .stars .star{ float: none; width: 36px; height: 36px; background-image: url(../images/star1.png);}
.evluationList .stars .mui-icon-star-filled{ background-image: url(../images/star-fill.png);}
.evluationList .stars { width: 100%; float: left; background-color: #fff; text-align: center;}
.evluationList .starsDiv{ width: 100%; float: left; background-color: #fff; text-align: center;  padding-top: 30px; padding-bottom: 30px;}
.starsText { font-size: 14px; color:#8e8e8e; margin-top: 10px; float: left;
    text-align: center;
    width: 100%;}
	
	.commentInputBox{text-align: left; margin-top: 13px; border: none; border-radius: 0px; height:130px; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1); font-size: 14px; color: #666;}

textarea::-webkit-input-placeholder {color: #BBBBBB; font-size: 14px;}

.textCount { color: #959595; font-size: 14px; position: absolute; right:14px; margin-top:-48px;}

.dingwei{ position: fixed; top: 0px; right: 0px; background:rgba(0,0,0,0.5); color: #fff; z-index: 99999999;display: none; }
.dingwei p{ color: #fff; }

.amap-info-close{ display: none;}
#container{ width: 100%; height: 600px; margin-top:44px; z-index: 88;  }
#containerWalking{ width: 100%; height: 600px; margin-top:44px;  }
#panorama {width:100%; height: 500px;  }
#result {width:100%;font-size:12px;  display: block; margin-top: 10px; float:left; }
.amap-info-content{  font-size: 12px; background: rgba(255,255,255,0.97); padding: 8px 12px 8px 12px; height: 55px;}
.amap-info-content .left{ float: left; color: #323232; }
.amap-info-content .right{float: right; border-left: solid 1px #E0E0E0; height: 39px; margin-left: 7px; text-align: center; color: #4194F0; }
.amap-info-content .boxtitle { display: block; margin-top:4px; font-size: 14px; }
.amap-info-content .boxeta { display: block;}
.amap-info-content  .Navigation { float: left;width: 55px; -webkit-transform:scale(0.85); font-size: 10px;}
.amap-info-content   .Navigation img{ width:26%;}
.amap-info-content  .Streetscape { float: left;width: 55px; -webkit-transform:scale(0.85); font-size: 10px;}
.amap-info-content   .Streetscape img{ width:26%; }
.amap-info-content a font{width: 100%; display: block;}
.amap-geolocation-con{ display: none;} 
.amap-geolocation-con{ display: none;} 
.amap-logo{ display: none;} 
.amap-controls{ display: none;} 

.sat .Shelter{ position: absolute; height: 300px; width: 40px; right: 5px; display: none; }
.sun .Shelter{ position: absolute; height: 300px; width: 40px; left: 5px; display: none; }

.itinerary .orderInfoBox{  width: 94%; margin-left:3%; position: fixed; z-index: 998; bottom: 20px; padding-bottom: 14px; background-color: #fff; border-radius: 5px; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1);}
.itinerary .orderInfoBox .title{ width: 100%; border-bottom: solid 1px #EEEEEE; height: 38px; line-height: 38px; padding-left:5%; padding-right:5%; font-size: 14px; color: #666666; border-radius: 4px 4px 0px 0px;}
.itinerary .orderInfoBox .title img{ width:5.27%; margin-top:10px; float: left; margin-right: 11px; }
.itinerary .orderInfoBox .title span{ float: right; font-size: 13px ;color: #999;}
.itinerary .orderInfoBox .ticketInfo{ width: 100%; padding: 4.2%; border-bottom: solid 1px #EEEEEE;  float: left; padding-top: 3.55%; padding-bottom: 2.55%;}
.itinerary .orderInfoBox .ticketInfo .left{ width: 80%;  float: left; font-size: 14px; }
.itinerary .orderInfoBox .ticketInfo .left span{width: 100%; float: left; }
.itinerary .orderInfoBox .ticketInfo .left .place{ color: #323232; }
.itinerary .orderInfoBox .ticketInfo .left .time{font-size: 12px; color: #666666;}
.itinerary .orderInfoBox .ticketInfo .left .time i{ font-style: normal; -webkit-transform:scale(0.85); font-size: 10px; width: 16px; height: 16px; color: #fff; border-radius: 4px; text-align:center; line-height: 16px;display: inline-block; margin-top: -2px; margin-right:4px;}
.itinerary .orderInfoBox .ticketInfo .left .time .start{ background-color: #51BE56; }
.itinerary .orderInfoBox .ticketInfo .left .time .end{ background-color: #FF5252; margin-left: 10px;}
.itinerary .orderInfoBox .ticketInfo .right{ width: 20%;  float: right; font-size: 15px; color: #009EE7; text-align: right; margin-top:0px;}
.itinerary .orderInfoBox .ticketInfo .right i{ font-style: normal; font-size: 10px; }
.itinerary .orderInfoBox .orderInfo{ color:#999999; font-size: 12px; padding: 4.2%; float: left; padding-top:1.65%; padding-bottom: 1.3%;}
.itinerary .orderInfoBox .applyBtn{width: 94%; margin-left:3%;
    position:relative;
    bottom: auto;
    z-index: 8888;
    right: auto;
	left: auto;
    height: 38px;
    line-height: 38px;
    padding: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
	float: left;
	margin-top: 5px;
    text-align: center;
}
.itinerary .orderInfoBox .ticketInfo .right font{ color: #777777; font-size: 13px; float: right;}


.itinerary .orderInfoBox .ticketInfo .status{ width:15.6%; position: absolute; right: 0px; margin-top:14.5px; margin-right: 14px;}
.itinerary .orderInfoBox .ticketInfo .status img{ width: 100%;}

.map1{ margin-top: 0px;}


.evluationList .applyBtn {
    position:fixed;
    width: 92%;
    float: left;
    height: 45px;
    line-height: 45px;
    right: 4%;
	left: 4%;
    font-size: 16px;
	bottom: 10px;
}

.evluation .applyBtn{ position: relative; width: 94%;  margin-left:3%; font-size: 15px;
    right: 0px;
    height: 46px;
    line-height: 46px;
    padding: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
	margin-top: 36px;

}


.pay_Day .box1{  float: left; width: 100%; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1); overflow: hidden; background-color: #fff;  padding-top: 0.5%;}

.pay_Day .box1 .title {float: left; width: 100%;  font-size: 16px; color:#212121; padding-left: 4.5%; padding-right: 4.5%; border-bottom: solid 1px #EEEEEE; height: 39px; line-height: 39px;   }
.pay_Day .box1  .timeAndSites{ margin-top:2px; float: left;width: 100%; padding-left: 4.5%; padding-right: 4.5%;}
.pay_Day .box1  .timeAndSites div{ width: 100%; float: left; margin-top:5px; line-height: 21px;} 
.pay_Day .box1  .timeAndSites div:first-child i{ width: 7px; height: 7px; background-color: #51BE56; float: left;  border-radius: 30px; margin-top: 6px; margin-left: 18px; margin-right: 18px;}
.pay_Day .box1  .timeAndSites div:last-child i{ width: 7px; height: 7px; background-color: #FF5252; float: left;  border-radius: 30px; margin-top: 6px; margin-left: 18px; margin-right: 18px;}
.pay_Day .box1  .timeAndSites span{ float: left; font-size: 15px;}
.pay_Day .box1  .timeAndSites .time{ color: #323232; font-size: 12px;  }
.pay_Day .bannerBox{ padding: 0px; height: auto; box-shadow: none;}
.pay_Day .bannerBox img{ width: 100%;float: left;}

.pay_Day .box2{  float: left; width: 100%; c overflow: hidden; background-color: #fff; padding-top:24px; padding-bottom: 0px; margin-top: 13px; }
.pay_Day .box2 .title {float: left; width: 100%;  font-size: 13px; color:#666666; padding-left: 4.5%; padding-right: 4.5%; border-bottom: solid 1px #EEEEEE;  padding-bottom:4px;}
.pay_Day .box1  .timeAndSites{ margin-top:15px; float: left;width: 100%; padding-left: 4.5%; padding-right: 4.5%;}
.pay_Day .box1  .timeAndSites div{ width: 100%; float: left; margin-top:5px; line-height: 21px;} 
.pay_Day .box1  .timeAndSites div:first-child i{ width: 7px; height: 7px; background-color: #51BE56; float: left;  border-radius: 30px; margin-top: 6.5px; margin-left: 18px; margin-right: 18px;}
.pay_Day .box1  .timeAndSites div:last-child i{ width: 7px; height: 7px; background-color: #FF5252; float: left;  border-radius: 30px; margin-top: 6.5px; margin-left: 18px; margin-right: 18px;}
.pay_Day .box1  .timeAndSites span{ float: left; font-size: 16.35px;}
.pay_Day .box1  .timeAndSites .time{ color: #323232; font-size: 12px;  }

.pay_Day .box2 .payList{  float: left; width: 100%;  float: left;}
.pay_Day .box2 .payList li{  float: left; width: 100%; font-size: 15px; color: #323232; padding-top: 12px; padding-bottom: 12px; border-bottom: solid 1px #eee; padding-left: 4.5%; padding-right: 4.5%;}
.pay_Day .box2 .payList li img{ width:6.3%; float:left; margin-top:0px; margin-right: 14px;} 


.Reciprocal{ width: 100%; text-align: center; margin-top:15px; margin-bottom:10px;; float: left;}
.Reciprocal .title{ font-size: 14px; color: #666666; padding-bottom: 4px;}
.Reciprocal span{ background-color: #666666; color: #666666;  font-size: 14px; height: 22px;  width: 14px; display: inline-block;}

.Reciprocal .time-item{ display: table; position: absolute; margin-top:-22px; }
.Reciprocal .it1{ width:49%; float: left; text-align: right; left:3.45px;}
.Reciprocal .it2{ width: 47%;float: right; text-align: left; right: 0px;}
.Reciprocal .time-item  .strong1{ font-weight: normal;letter-spacing:10.2px; color: #FFF; font-size: 14px; }
.Reciprocal .time-item  .strong2{ font-weight: normal;letter-spacing:9.6px; color: #FFF; font-size: 14px;}


.ticketTimes { width: 100%;  float: left; border-top: solid 1px #EFEFF4;  margin-top: 11px; margin-bottom: 15px;  padding-top: 15px; padding-left: 4.5%; padding-right: 4.5%;}
.ticketTimes .icon-calendar {
float: left;
margin-top: 4px;
}

.ticketTimes .icon-calendar:before {
  content: "\e953";
  color: #BBBBBB;
  font-size: 12px;
float: left;
}

.ticketTimes ul { float: right; width: 93.5%; }
.ticketTimes li{  display: inline; font-size: 14px; color:#323232; width: 25%; float: left; margin-bottom: 4px;}
.ticketTimes .riliICO{ width:3.65%; float: left;}
.ticketTimes .riliICO img{ width:100%;}

.ticketInfos{ width: 100%; float: left; padding: 4.5%; padding-bottom: 2px; padding-top: 0px; font-size: 14px; color: #A1A1A1; border-bottom: solid 1px #EEEEEE;}
.ticketInfos li { width: 100%; float: left; margin-bottom: 14px;} 
.ticketInfos .price { display: none;}
.ticketInfos li span{ width: 50%;}
.ticketInfos li span:first-child{float: left;}
.ticketInfos li span:last-child{float: right; text-align: right;}
.ticketInfos .price span:last-child{ color: #FF7827;}
.ticketInfos .price span font{ font-size: 12px;}
.ticketInfos li span img{ width:12.4px; height: 12.4px; float: left; margin-right:1px; margin-top:4px;}
.ticketInfos li span i{ font-size: 16.2px;  color:#A1A1A1;}

.ticketInfos .price  .mui-navigate-right{ float: right; height: 21px;}
.ticketInfos .price  .mui-navigate-right:after{ font-size: 18px; float: right;  height: 21px}

.pay_Day .Coupon{ font-size: 16px;  padding: 4.5%; float: left; width: 100%; padding-bottom: 0px;  padding-top: 0px; height: 42px; line-height: 42px; margin-top: 6px; text-align: right;  font-size: 12px; }
.pay_Day .Coupon a{ font-size: 15px; float: left; color: #0098FF; }
.pay_Day .Coupon span{ font-size: 15px; float: right; font-size: 16px;color: #323232; }

.pay_Day .box2 .payList li input{ border: solid 1px #CCCCCC; width: 18px; height: 18px; line-height: 18px; text-align: center; float: right;}
.mui-radio input[type=radio]:before{content:none}
.mui-radio input[type=radio]:checked:before{content: "\e472"; width: 18px; height: 18px; line-height: 18px; text-align: center; margin-left: -6px;  margin-top: -1px; float: left; color: #4194F0;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ top:auto; border-radius: 0px;}
.pay_Day .box2 .payList li input:checked{border: solid 1px #4194F0;}
.pay_Day .box2 .payList li span{ color:#666666; font-size: 12px; float: right;
    margin-right: 30px;
    text-align: right;}
	
.pay_Day  .box2s{ float: left; width: 100%;  overflow: hidden; background-color: #fff; padding-top:6px; padding-bottom: 0px; margin-top: 13px;  box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1);} 
.pay_Day .box2s .title {float: left; width: 100%;  font-size: 13px; color:#666666; padding-left: 4.5%; padding-right: 4.5%; border-bottom: solid 1px #EEEEEE;  padding-bottom:4px;}


.pay_Day .box2s .payList li input{ border: solid 1px #CCCCCC; width: 18px; height: 18px; line-height: 18px; text-align: center; float: right;}
.mui-radio input[type=radio]:before{content:none}
.mui-radio input[type=radio]:checked:before{content: "\e472"; width: 18px; height: 18px; line-height: 18px; text-align: center; margin-left: -6px;  margin-top: -1px; float: left; color: #4194F0;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ top:auto; border-radius: 0px;}
.pay_Day .box2s .payList li input:checked{border: solid 1px #4194F0;}
.pay_Day .box2s .payList li span{ color:#666666; font-size: 12px; float: right; opacity: 0;
    margin-right: 30px;
    text-align: right;}
	
	.pay_Day .box2s .payList{  float: left; width: 100%;  float: left;}
	.pay_Day .box2s .payList li{  float: left; width: 100%; font-size: 15px; color: #323232; padding-top: 12px; padding-bottom: 12px; border-bottom: solid 1px #eee; padding-left: 4.5%; padding-right: 4.5%;}
	.pay_Day .box2s .payList li img{ width:6.3%; float:left; margin-top:0px; margin-right: 14px;} 

.box2title{ float: left; width: 100%; background-color: #fff; height: 60px;  line-height: 60px; font-size: 16px; color:#323232; padding-left:4%; padding-right:4% ; box-shadow: 0px 1px 3px 0px  rgba(0, 0, 0, 0.1); margin-top: 13px; }

.bottomBox{ width: 100%; background-color: #fff; position: absolute; bottom:2%; height: 69px;}
.bottomBoxtext{ font-size: 12px; color: #666666;  text-align: center; position: absolute; bottom: 72px;  width: 100%; display: none; }
.bottomBoxtext a{ color: #3d97f0;}
.bottomBox span{ font-size: 14px; color: #666666; height: 60px; line-height: 60px; float: left; padding-left: 18px; }
.bottomBox span .price{ font-size: 16px; color: #ff7b25; }

.bottomBox  .applyBtn{ width:94%; margin-left:3%; margin-right:3%; height: 49px; font-size: 16px; position: relative; float: right; line-height: 49px; bottom: auto; margin-top: 10px; left:auto; right:auto; }


.pageTitle{ width: 100%; font-size: 13px; color: #61666C; text-align: center; height: 35px; line-height: 35px; background-color: #EDF1FA;float: left;}
.pageTitle span{  color: #87a5b7;}

.couponList{ padding:12px; padding-top: 12px;float: left; width: 100%;}
.couponList li{ width: 100%; border:solid 1px #ebebeb; background-color: #fff; display: block; padding: 8px;float: left;}
.couponList li div{ width: 100%; border:solid 1px #bfc8ce; background-color: #fff; display: block;  padding: 3px;float: left;}
.couponList li div div{ width: 100%; border:solid 1px #eef2f3; background-color: #fff; display: block;  padding: 10px;float: left;}
.couponList li div div span{float: left;}
.couponList li .couponPrice{ width: 30%;}
.couponList li .couponInfo{ width: 50%;}
.couponList li .couponInput { width: 8%; float:right;}

.couponList li .couponInput input{ border: solid 1px #D4D4D4; width: 24px; height: 24px; line-height: 24px; text-align: center; float: right; border-radius: 30px;}
.couponList li .couponInput input[type=radio]:before{content:none}
.couponList li .couponInput input[type=radio]:checked:before{content: "\e472"; width: 24px; height: 24px; line-height: 24px; text-align: center; margin-left: -3px;  margin-top: -1px; float: left; color: #fff;}
.couponList li .couponInput input[type=checkbox], .mui-radio input[type=radio]{ top:auto; }
.couponList li .couponInput input:checked{border: solid 1px #82A5CB; background-color: #82A5CB; color: #fff;}
	
.popoverDiv{position: fixed;bottom: 0;width: 100%;height: 300px;max-height: 50%;overflow:hidden;text-align: center;background: #fff;display: none;z-index:99999;}
.popoverDiv .popTittle{width: 100%;height: 37px;line-height: 37px;font-size: 14px;color: #333;border: 1px solid #eee;position: absolute;top: 0;}
.popoverDiv .popClose{position: absolute;right: 15px;top:12.5px;width: 12px;height: 12px;}
.popoverDiv .popContent{width: 100%;height: 263px;overflow-y: scroll;padding: 5px 0 20px 15px;margin-top: 37px;}
.popoverDiv .popContent li{width: calc((100% - 45px) / 3);font-size:12px;line-height:30px;height:30px;float: left;margin-right: 15px;background: #F5F5F5;border-radius: 15px;margin-top: 15px;color: #333;position: relative;}
.popoverDiv .popContent .timeOut{color: #999!important;}
.mengban{position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.5;z-index: 99999;top: 0;display: none ;}

.tag{position: absolute;right: 0;top: 0;width: 31px;height: 31px;}
.signUpNum{position: absolute;font-size: 12px;color: #999;bottom: 8px;right: 16px;}
.window_msg{z-index: 99999;width: 300px;height: 310px;position: fixed;left:calc(50% - 150px);top: 150px;background: #fff;border-radius: 13px;display: none;}
.window_msg>.top{width: 100%;height: 110px;background: #3E97F0;border-top-right-radius: 13px;border-top-left-radius: 13px;}
.window_msg>.top>.routeName{width: 100%;height:100px;font-size: 32px;color: #fff;padding: 34.5px 20.5px 0 20.5px;text-align: center;}
.window_msg>.top>.msg{width: 100%;height: 16px;position: absolute;top: 78.5px;}
.window_msg>.top>.msg>p{width: auto;font-size: 14px;color: #fff;text-align: center;height: 16px;float: left;}
.window_msg>.top>.msg>img{width: 16px;float: left;margin-left: 42px;margin-right: 5px;margin-top: 1px;}
.window_msg>.center{width: 100%;height: 89.5px;border-bottom: 1px solid #E0E0E0;}
.window_msg>.center>p{width: 100%;line-height: 89.5px;color:#000;font-size: 32px;text-align: center;padding-right: 12px;}
.window_msg>.bottom{width: 100%;height: 110px;padding: 14px 0;}
.window_msg>.bottom>p{width: 100%;font-size: 20px;color: #000;text-align: center;margin-bottom: 8px}
.window_msg>.bottom>img{width: 24px;margin-left:calc(50% - 12px);font-size: 20px;color: #000;text-align: center;margin-bottom: 4px;}
.window_msg>.close{position: absolute;width: 48px;height: 48px;left: calc(50% - 24px);z-index: 99999;bottom: -80px;}
/* 折扣 */
.title .discount{
	/* background-color: rgb(240,124,0); */
	display: inline-block;
	width: 33px;
	color: white;
	background-image:url(../images/orBc.png);
	background-size: 100% 50%;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	}