@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
*,*::before,*::after {
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle;}
a{ text-decoration:none; outline:none; color:inherit;}
:focus{outline:0;}
a:hover{ text-decoration:none;}
em,i{ font-style: normal;}
button,input,select,textarea{ font-family:"Microsoft YaHei",Tahoma,Verdana,Arial; border:0;}
body{ max-width:7.5rem; margin:0 auto; font-family:"Microsoft YaHei",Tahoma,Verdana,Arial; color:#333; font-size: 15px; width:100%; padding-bottom: 0; }
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; zoom:1;}
.banner img{ width:100%;}

/************help-main***************/
.btm-banner { width: 100%; margin-top:10px;}
.btm-banner img{width:100%;}
.tab-style2 { background-color: #fff; border-bottom: 1px solid #ddd;}
.tab-style2 li { width: 50%; line-height: 37px; text-align: center; color: #333; float: left; font-size: 15px;}
.tab-style2 li.cur { border-bottom: 3px solid #20a7f3;color: #20a7f3;}
.tab-style2 li a{ display: block; }

.menu-selection{ position: relative; }
.menu-selection a{ display: block; font-size:15px;}
.menu-selection li{width:33.33%; line-height:46px; float: left; text-align:center; background: #fff; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.menu-selection li:last-child{ border-right: 0; }
.menu-selection .sub-menu{ display: none; position: absolute; top: 47px; left: 0; right: 0;  background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);}
.menu-selection .sub-menu a{ width: 25%; float: left; border-bottom: 1px solid #dbdbdb;  border-right: 1px solid #dbdbdb;}
.menu-selection .sub-menu a.cur,
.menu-selection .menu-button.cur{ color: #20a7f3; }
.arrow-down:after,
.arrow-up:after{content:' ';display:inline-block;width:9px;height:9px; border:#333 solid;border-width:1px 1px 0 0; vertical-align:2px;margin-left:5px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.arrow-up:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); vertical-align:-2px;}

.search-block{ padding: 10px;  }
.search-block .search-main{ border-radius: 5px; background: #fff; overflow: hidden;}
.search-block .search-main input{ background: url('../../images/numberCardsNew/icon-search.png') no-repeat 10px 11px #fff; background-size: 15px 15px; line-height:20px;  width: 75%; padding:8px 10px 0 30px;}
.search-block .search-main button{ background: #20a7f3; color: #fff; width: 20%; text-align: center; line-height:36px; float:right; cursor: pointer;}

.loading{background:#FFF;height:328px;text-align:center; position:relative; }
.loading img{ width:64%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}


.prestore-panel h6{ background: #20a7f3; line-height: 35px; color: #fff; padding: 0 10px; font-size: 14px; font-weight: normal;}
.prestore-panel .select-btn{ color: #ffe92b; text-decoration: underline; }
.prestore-panel .change-btn{ float: right; background: url('../../images/numberCardsNew/icon-switch.png') no-repeat 0 center; background-size: 15px 15px; padding-left: 18px; font-size: 13px; }
.prestore-list { background: #fff; height:324px; overflow:hidden; }
.prestore-list li{ text-align: center; width: 50%; float:left; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.prestore-list li:nth-child(2n){ border-right:0; }
.prestore-list li:nth-child(4n-1),
.prestore-list li:nth-child(4n){ background: #fafafa; }
.prestore-list li:nth-child(1){background: #fff; }
.prestore-list li em{ color: #20a7f3; font-size: 13px; }
.prestore-list li a{ display: block; padding:16px 8px; height:80px;}
.prestore-list li a p{ font-size:18px; margin-bottom:5px;}
.prestore-list li a p:only-child{ line-height: 27px; }
.prestore-list li a.cur{color:#20a7f3;}

.prestore-list .keynum{ color: #ff9d45; }
.prestore-list-none{ height: 328px; background:#fff; text-align:center; color:#666; line-height:22px; display:table; width:100%;}
.prestore-list-none p{ display: table-cell; vertical-align: middle; }

.prestore-list-more{ height: auto; min-height: 328px; overflow: visible; }
.prestore-more-btn{ display:block; background: #fff; line-height: 40px; font-size: 14px; text-align: center; border-bottom:1px solid #dfdfdf;}



.sel-prestore-amount li{ width: 50%; float: left; text-align: center; padding: 10px 0; }
.sel-prestore-amount li a{ display: inline-block; line-height: 46px; color: #333; font-size: 16px; border:1px solid #d0d0d0; width: 85%;}
.sel-prestore-amount li a.cur{ background: #1fa7f3; color: #fff; border-color: #1fa7f3;  }


.fun-panel h6 { background: #ff9d45; line-height: 35px; color: #fff; text-align: center; padding: 0 10px; font-size: 14px; font-weight: normal;}
.fun-cate h5{ line-height: 35px; padding: 0 10px; font-size: 14px; font-weight: normal;border-bottom:1px solid #dfdfdf;}
.fun-cate .change-btn{ float: right; background: url('../../images/numberCardsNew/icon-switch-dark.png') no-repeat 0 center; background-size: 15px 15px; padding-left: 18px; font-size: 13px; color:#666;}
.fun-list { background: #fff; }
.fun-list li{ text-align: center; width: 33%; float:left; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.fun-list li:nth-child(3n){ border-right:0; width:34%;}
.fun-list li p{ color: #666; }
.fun-list li em{ font-size: 13px;}
.fun-list li a{ display: block; padding:8px;}
.fun-cate-love h5,
.fun-cate-love .fun-list li em{ color: #f05a5a; }
.fun-cate-career h5,
.fun-cate-career .fun-list li em{ color: #00b0ff; }
.fun-cate-family h5,
.fun-cate-family .fun-list li em{ color: #fb8717; }
.fun-cate-career,
.fun-cate-family{ display: none; }
.fun-more-btn{ display:block; background: #fff; line-height: 40px; font-size: 14px; text-align: center; border-bottom:1px solid #dfdfdf;}



.order-counter{ text-align: center; background: #ff9d45; color: #fff; font-size: 15px; line-height:35px;}
.orderform-panel{ background: #fff; margin-bottom: 10px; padding: 0 10px;  font-size:15px; }
.orderform-panel div:last-child{ border-bottom: 0; }
.form-tit { border-bottom: 1px solid #ececec; color: #666; line-height: 46px; font-size: 18px;}
.form-tit .link{float: right;font-size: 15px;}
.phoneNum{ font-size: 20px; color: #333; margin-left:15px;}
.link{ color: #1fa7f3; }
.prestore-info{ float: right; font-size: 15px;}
.prestore-info b{ color: #1fa7f3; }
.form-outer{ border-bottom: 1px solid #ececec;}
.form-inp { position: relative; display: table; width: 100%;}
.form-inp .cell { display: table-cell; vertical-align: middle; position: relative; font-size: 15px;}
.form-inp .cell:first-child { width: 90px; line-height:24px;}
.form-inp .cell-btn { width: 100px;}
.form-inp input {  font-size: 15px; width: 100%; line-height: 24px; padding: 11px 0; color: #333; text-indent: 5px; border: 0;}
.form-inp .verifyCode { width: 60px; height: 24px; position:absolute; right:10px; top:9px;}
.form-inp .verifyCode img { width:100%; height:100%;}
.form-inp .tuika{
					background-color: #20a7f3;
				    font-size: 15px;
				    width: 80%;
				    line-height: 13px;
				    padding: 11px 0;
				    color: #fff;
				    text-indent: 5px;
				    border: 0;
				    border-radius: 8px;
				    margin-left: 40px;
			}
.form-verify{ color: #f00; line-height: 24px; padding: 8px 0;}

.tit-list li { line-height: 40px; background-color: #fff; color: #999; position: relative; border-bottom: 1px solid #ececec;}
.tit-list li:last-child{ border-bottom: 0; }
.tit-list li a { color: inherit;}
.tit-list li .r-link { display: block; width: 100%; padding-right: 15px;}
.tit-list li .r-link:after { content: ''; *display: inline; *zoom: 1; width: 9px; height: 9px; border-top: 1px solid #999;border-right: 1px solid #999;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;position: absolute; top: 15px;right: 5px;}
.tit-list li .r-link.selected{ color: #333; }
.yyt-address{ line-height: 100%; padding-bottom: 10px; line-height: 20px; }

.warm-tips { background: #fff; padding-top: 0; color: #666; line-height: 180%; font-size: 15px; padding:10px;}
.warm-tips h6 { color: #333; font-size: 18px; margin-bottom: 5px; font-weight:normal;}
.warm-tips .link{ text-decoration: underline; }

.fixed-button{height: 55px; text-align:center;}
.fixed-button>.fixed-button{position: fixed; bottom: 0; max-width:6.4rem; width:100%;}
.fixed-button button{ width: 100%; color: #fff; line-height: 55px; background: #1fa7f3; font-size: 20px; cursor: pointer; }
.fixed-button button:disabled{ background: #a7a7a7; }

.yyt-panel{ background: #fff; border-top: 1px solid #dedede;}
.yyt-panel li{ padding: 10px; border-bottom: 1px solid #dedede; }
.yyt-panel li h6{ color: #333; font-weight:normal; font-size:14px; margin-bottom:5px;}
.yyt-panel li p{ color: #666; }
.star-level{ background: url('../../images/numberCardsNew/icon-star-gray.png') repeat-x 0 0; display: inline-block; width: 84px; height: 14px; background-size: 14px 14px; vertical-align: -2px; margin: 0 5px; position: relative; }
.star-level i{ position: absolute; left: 0; top: 0; display: block; background: url('../../images/numberCardsNew/icon-star.png') repeat-x 0 0; height: 14px; background-size: 14px 14px;}
.star1 i{ width: 14px; }
.star2 i{ width: 28px; }
.star3 i{ width: 42px; }
.star4 i{ width: 56px; }
.star5 i{ width: 70px; }
.star6 i{ width: 84px; }

.result-page{ background: #fff; padding: 30px 10px; text-align: center; color: #333; fotn-size: 14px; }
.result-page .giraffe{ width: 30%; margin-bottom: 15px; }
.result-page button{ background: #ff9d45; color: #fff; font-size: 16px; border-radius: 4px; width: 46%; line-height: 40px; margin: 20px 5px; }


.order-search-panel{ background: #fff; padding: 10px; }
.order-search-panel .form-inp{ border-radius: 6px; border: 1px solid #e0e0e0; overflow: hidden; margin-top: 15px; }
.order-search-panel .search-btn{ width: 100%; line-height: 40px; color: #fff; background: #20a7f3; border-radius: 5px; font-size:16px; margin:15px 0; cursor:pointer;}
.search-result-empty{ text-align: center; color: #999; padding: 25px 10px; }
.search-result{ background: #fff; padding: 0 10px; margin-top:10px;}
.search-result .form-outer{ margin-left:-10px; margin-right:-10px; border-bottom: 10px solid #f0f0f0; padding:0 10px 5px;}
.search-result .form-tit{ margin-bottom: 10px; background:url(../../images/numberCardsNew/icon-simcard.png) no-repeat left center; padding-left: 25px; background-size: 20px 18px;}
.search-result .form-inp{ margin-bottom: 10px;}
.search-result .form-inp .cell:first-child{ color: #999; }

.f-orange{ color: #ff6f36; }

/****popbox****/
.popBox {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
  z-index: 30;
  display: none;
}
:root .popBox{
  -webkit-filter: none\9;
          filter: none\9;
}

.popBox .popBox-inner {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 50%;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.popBox .popBox-head {
  text-align: center;
  margin: 0;
  padding: 0 10px;
  border-bottom: 1px solid #0195ff;
  line-height: 50px;
  font-size: 18px;
  color: #0195ff;
}

.popBox .popBox-body {
  padding: 15px;
  max-height: 320px;
  overflow: hidden;
  overflow-y: auto;
  font-size: 15px;
  line-height: 180%;
  color: #666;
  word-break: break-all;
}

.popBox .popBox-foot {
  text-align: center;
  padding: 15px 20px 25px;
}

.popBox .btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 45px;
  font-size: 16px;
  width: 47%;
  background: #0195ff;
  color: #fff;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 0;
}
.popBox .btn-cancel{ background: #b9b9b9; }
.popBox .btn:nth-child(2) { margin-left: 4%;}
.popBox .btn:only-child { width: 100%;}

.popBox.openpop { display: block;}

.popBox-bottom .popBox-inner {
  -webkit-border-radius: 0;
          border-radius: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  left: 0;
  margin-left: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.popBox .form-outer{ padding-bottom: 8px; margin-bottom: 5px; }
.popBox .form-tit{ border-bottom: 0; line-height: 30px; color: #999; }
.popBox .form-inp .cell:first-child{ color: #999 }
.popBox .form-inp .cell:only-child{ color: #666; }
.close-block{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}


/*20170405 ????banner???*/
.scroll-banner{ width:100%; overflow:hidden; position:relative;}
.scroll-banner img{ width: 100%;}
.scroll-banner .swiper-wrapper{ width:200000px; height:100%; }
.scroll-banner .swiper-slide{ float:left; height:100%; width:100%;}
.scroll-banner .swiper-slide a { width: 100%; display: block; }
.scroll-tab {text-align:center; width:100%; position: absolute; left: 0; right: 0; bottom: 0; }
.scroll-tab li{ width:8px; height:8px; background-color:rgba(0,0,0,0.2); border-radius:50%; display:inline-block; margin: 3px; cursor:pointer;}
.scroll-tab li.swiper-pagination-bullet-active{  background-color:rgba(0,0,0,0.6);}

/*20170405 ???????????*/
.btm-nav{ margin-top: 10px;  background: #fff; }
.btm-nav li{ width: 50%; float: left; padding: 12px 0; text-align: center; border-right:1px solid #ddd;}
.btm-nav li:last-child{ border-right: 0; }
.btm-nav li a{ display: block; line-height: 20px; }
.btm-nav li .icon{ display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px 20px; margin: 0 5px; vertical-align: -5px; }
.btm-nav li .icon-kefu{ background-image: url('../../images/numberCardsNew/btm-nav-kefu.png');}
.btm-nav li .icon-order{ background-image: url('../../images/numberCardsNew/btm-nav-order.png');}



/***20170327???????***/
.order-counter em{ background: #fff; border-radius: 4px; color: #ff8401; padding: 0 2px; }
.order-counter h1{ font-size: 26px; font-weight: normal; line-height: 140%;}
.order-counter h2{ font-size: 22px; font-weight: normal; line-height: 140%; padding-top: 10px;}
.order-counter h6{ font-size: 16px; font-weight: normal; line-height: 160%; padding-bottom: 10px; }

.orderform-panel a{ display: block; position:relative; padding-right:15px;}
.orderform-panel a:after { content: ''; *display: inline; *zoom: 1; width: 9px; height: 9px; border-top: 1px solid #999;border-right: 1px solid #999;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;position: absolute; top: 50%; margin-top: -5px; right: 5px;}
.orderform-panel a .form-tit{ border-bottom: 0; }
.orderform-panel a .phoneNum{ float: right; }

.sel-location{ position: absolute; color: #fff; padding: 10px; }
.sel-location a{ display: inline-block; margin-right: 10px; }
.sel-location a:after{content: ''; display: inline-block; width: 7px; height: 7px; border-bottom: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; vertical-align: 2px; margin-left: 5px; }

.bus-panel{ padding: 10px; }
.bus-block{ margin-bottom: 10px; }
.bus-head{ background: #34acd3; color: #fff; text-align: center; font-size: 18px; line-height: 36px; background-image: url('../images/panelheaderbg.png'); background-repeat: no-repeat; background-size: 100% 100%; border-radius: 5px 5px 0 0; }
.bus-head span{ color: #fff600; }
.bus-body{ background: #fff; padding: 10px; }
.bus-btn{ width: 100%; line-height: 36px; color: #fff; font-size: 16px; background: #ffa800;  width:100%; border-radius:6px; margin-top:10px;}
.bus-btn .icon-court{ width: 18px; height: 18px; background: url('../images/bus-btn-court.png') no-repeat 0 0; background-size: 18px 18px; display: inline-block; vertical-align: -2px; margin: 0 5px; }

.math-bus{ display: table; width: 100%; overflow: hidden; }
.math-bus section{ display: table-cell; height: 100px; vertical-align:middle; text-align:center; position:relative; z-index: 1; }
.math-bus section.blue{ background: #84d9de; z-index: 4;}
.math-bus section.green{ background: #baebd2; z-index: 3;}
.math-bus section.red{ background: #ffc0a9; z-index: 2;}
.math-bus section h3{ color: #0b0808; font-size: 16px;}
.math-bus section.white h3{ font-size: 16px; }
.math-bus section em{ font-size: 12px; }
.font-gray{ color: #8a8a8a; }
.math-bus section h3 .minutes{ font-size: 12px; width: 10px; display: inline-block; line-height: 100%; vertical-align: -2px; }
.math-bus section p{ color: #666; font-size: 12px; }
.math-bus section .btm-link{ color: #34acd3; position:absolute; bottom: 0; right: 0; text-decoration: underline; }
.math-bus .math-con{ background: #fff; position: absolute; top: 0; bottom: 0; right: 0; width: 4px; }
.math-bus .math-con em{ background: #fff; width: 20px; height: 20px; line-height: 18px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; text-align: center; border-radius: 50%; z-index: 5; font-size: 22px; font-weight: bold; }
.math-bus section.blue .math-con em{ color: #84d9de;}
.math-bus section.green .math-con em{ color: #baebd2;}
.math-bus section.red .math-con em{ color: #ffc0a9;}
.math-bus section.blue .math-con:before,
.math-bus section.blue .math-con:after,
.math-bus section.green .math-con:before,
.math-bus section.green .math-con:after{ content: ''; position: absolute; top: -16px; width: 20px; height: 20px; background: #fff; border-radius: 50%; left: 50%; margin-left: -10px; }
.math-bus section.blue .math-con:after,
.math-bus section.green .math-con:after{ top: auto; bottom: -16px; }

.math-bus section:last-child{ width: 25%; }
.math-bus-3 section{ width: 37.5%; }
.math-bus-4 section{ width: 25%; }

.rules{ margin: 10px 0; background: #fff; border: 1px solid #61bedd; border-top:0; }
.rules header{ background: #61bedd; color: #fff; text-align: center; font-size: 16px; line-height: 36px; }
.rules header a{ display: block; }
.rules header a:after{content: ''; display: inline-block; width: 9px; height: 9px; border-bottom: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; vertical-align: 4px; margin-left: 5px;}
.rules.open header a:after{-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);-webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; vertical-align: -2px;}
.rules section{ padding: 10px; color: #666; display: none; }
.rules.open section{ display: block; }

.popBox .popBox-body { max-height: 360px; }
.popBox-hasbg .popBox-inner{ background: url('../images/pop-bg.png') no-repeat; background-size:100% 100%; }
.popBox .popBox-body .title{ text-align: center; color: #34acd3; font-size: 20px; padding-bottom: 10px; }
.popBox .close{ position: absolute; top: -35px; right: 0; background: url('../images/pop-close.png') no-repeat center; background-size: 26px 26px; display:block; width: 26px; height:26px;}
#popBox-close {
    position: absolute;
    right: 15px;
    top:0;
    background-size: 26px 26px;
    display: block;
    width: 26px;
    height: 26px;
}
.sel-city{ margin-top: 10px; }
.sel-city a{ display: inline-block; width: 31%; line-height: 35px; text-align: center; border: 1px solid #d4d4d4; margin-bottom: 10px; margin-right:3.5%; float:left;}
.sel-city a:nth-child(3n){ margin-right: 0; }
.sel-city a.cur{ background: #ff9e48; color: #fff; border-color:#ff9e48;}

.bus-panel-zzk{ background: #1c1916; }
.bus-panel-zzk .bus-head{ background: #ffef99; color: #8c7704; }
.bus-panel-zzk .bus-head span{ color: #4e4303; font-weight:bold;}
.bus-panel-zzk .math-bus section .btm-link{ color: #50483c; }
.bus-panel-zzk .math-bus section.blue,
.bus-panel-zzk .math-bus section.green,
.bus-panel-zzk .math-bus section.red{ background: #fff4ca; }
.bus-panel-zzk .math-bus section.blue .math-con em,
.bus-panel-zzk .math-bus section.green .math-con em,
.bus-panel-zzk .math-bus section.red .math-con em{color:#50483c}
.bus-panel-zzk .rules{ border: 0; background: none; color: #fef7a5; }
.bus-panel-zzk .rules header{ background: #fff4ca; color: #1a1816; }
.bus-panel-zzk .rules header a:after{border-bottom: 1px solid #1a1816;border-right: 1px solid #1a1816;}
.bus-panel-zzk .bus-btn{ background: #f9d60f; color:#5e5114;}
.bus-panel-zzk .bus-btn .icon-court{ background: url(../images/bus-btn-court2.png) no-repeat 0 0; background-size: 18px 18px;}


/*20170419 ????*/
.bus-panel-fxtc .bus-head{ background-color: #6fc4ba; }






/****20170505 新增****/
.form-inp input::placeholder{ color:#999 }
.form-inp .cell .r-link{ line-height: 24px; padding: 8px 0; text-indent:5px;}
.form-tit span:first-child{ width: 95px; display: inline-block; }
.phoneNum{ margin-left: -25px; font-weight: bold; }
.read-action{ margin: 20px; font-size: 13px; }
.read-action input{ vertical-align: -1px; margin-right: 4px; }
.line-link{ color: #1fa7f3; text-decoration:underline; }
.orderform-panel .form-tit .line-link{ display:inline-block; font-size:15px; padding-right:0;}
.orderform-panel .form-tit .line-link:after{ display: none; }
.inp-radio input{ display: none; opacity: 0; }
.inp-radio {display:inline-block; margin-right:20px;}
.inp-radio span{ font-size:14px; color:#666; padding-left:16px; display:inline-block; height:20px; line-height:20px;position:relative; cursor:pointer; text-indent:5px;}
.inp-radio span a{ color:#666;}
.inp-radio>input+span::after{ border: 1px solid #ccc; border-radius: 50%; content: ""; display:block; width:16px; height:16px; position:absolute; top:2px; left:0;}
.inp-radio>input:checked+span::after{ border-color: #fd902f; }
.inp-radio>input:checked+span::before{ content: ""; display:block; position:absolute; top:6px; left:4px; border-radius: 50%; width: 8px; height:8px; background:#fd902f;}
.form-tips{ padding: 8px 0; line-height: 24px; color: #999; }
.sel-city-page h6{ color: #9f9f9f; padding: 10px; font-size: 16px; font-weight: normal; }
.selection-block,
.selected-block{ padding: 0 10px; }
.selection-block{ margin-bottom: 10px; }
.selection-block a,
.selected-block a{ width:30%; text-align: center; line-height:40px; font-size:16px; border:1px solid #dfdfdf; color:#333; border-radius:4px; float:left; margin-right:5%; margin-bottom:10px; background:#fff;}
.selection-block a:nth-child(3n){ margin-right: 0; }
.selected-block a{ color: #20a7f3; }

/****20170515 新增弹框加载中****/
.popBox-loading { padding: 120px 0; text-align:center; color:#666; font-size:15px;}
.popBox-loading img{ width: 120px; margin-bottom: 20px; }


/****20170516 新增查看订单页****/
.order-preview{ background: #fff; padding: 15px; margin-bottom: 10px; color: #666; }
.order-preview .form-inp{ margin-bottom: 18px; font-size: 15px; }
.order-preview .form-inp:last-child{ margin-bottom: 0; }
.order-preview .form-inp .cell:nth-child(2){ color: #333; }
.order-preview-btn{ width: 80%; line-height: 40px; color: #fff; background: #ff7419; border-radius: 5px; font-size:16px; margin: 30px auto; cursor:pointer; display:block;}
.icon-location{width: 22px;height: 22px; background: url(../../images/numberCardsNew/bus-btn-location.png) no-repeat 0 0; background-size: 22px 22px; display: inline-block; vertical-align: -4px; margin: 0 5px;}

/**订单查询页新增物流信息弹框**/
.logistics-info{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.logistics-detail p{ margin-bottom: 10px; }
.logistics-detail .item{ display: table; width: 100%; }
.logistics-detail .item span{ display: table-cell; vertical-align: top; }
.logistics-detail .item span.time{ width: 1.5rem; }

/**订单查询页面底部新增按钮 20180613**/
.bottom-btns{ text-align: right; border-top: 1px solid #e0e0e0; padding:10px;}
.bottom-btns .bus-btn{display: inline-block; min-width: 1rem; width: auto; padding: 0 .2rem; background-color: #20a7f3; margin-top:0; margin-left:10px;}

/**订单查询为空弹窗 20190703**/
.deer-img {
    width: 2.8rem;
    margin: .1rem auto;
    display: block;
}
.popBox-orange .popBox-head {
    border-bottom: 1px solid #ccb189;
    color: #fc7101;
}
.close-pop {
    background: url('../../images/numberCardsNew/pop-close.png') no-repeat;
    width: .31rem;
    height: .31rem;
    background-size: 100% 100%;
    position: absolute;
    right: .2rem;
    top: .3rem;
}

/**我的订单改版 20201111 开始**/
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.head {
    background: #fff;
    height: .8rem;
    line-height: .8rem;
    display: flex;
}

.fenlei_4 {
    width: 7.5rem;
    min-height: 100vh;
    background-color: #f2f4f5;
}

.fl_tit {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.fl_tit li {
    font-size: .28rem;
    letter-spacing: .01rem;
    width: 20%;
    text-align: center;
    position: relative;
    color: #333;
}

.fl_n::before {
    content: '';
    position: absolute;
    left: 0;
    top: .2rem;
    height: .4rem;
    width: 1px;
    background: #e5e5e5;
}

.fl_n img {
    width: .15rem;
    height: .11rem;
    margin-left: .05rem;
}

.fl_act {
    color: #0195ff !important;
}

.fl_act::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: .9rem;
    height: .06rem;
    background-color: #0195ff;
}

.popBoxq {
    position: fixed;
    left: 0;
    top: .8rem;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
    z-index: 100;
    display: none;
}

:root .popBoxq {
    -webkit-filter: none \9;
    filter: none \9
}

.popBoxq.open {
    display: block
}

.popBoxq .popBoxq-inner {
    background: #fff;
    position: absolute;
    width: 7.5rem;
    top: 1.5rem;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    padding: .3rem 0;
}

.popBoxq-body {
    display: flex;
    flex-wrap: wrap;
    margin-left: .25rem;
}

.popBoxq-body li {
    font-size: .24rem;
    width: 1.55rem;
    line-height: .6rem;
    height: .6rem;
    margin-right: .3rem;
    border-radius: .5rem;
    text-align: center;
    margin-bottom: .2rem;
    background-color: #f6f6f6;
    color: #333;
}

.popBoxq-body>:nth-child(4n) {
    margin-right: 0;
}

.popq_act {
    background: #5b9cf8 !important;
    color: #fff !important;
}

.img-5 {
    width: .35rem;
    height: .31rem;
    position: absolute;
    right: .68rem;
    top: -.23rem;
}

.body-ys {
    display: flex;
}

.ys-art {
    width: 7rem;
    margin: auto;
    padding-bottom: .25rem;
    background-color: #fff;
    margin-top: .3rem;
    border-radius: .1rem;
}

.tit-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem;
}

.tit-name>:nth-child(1) {
    font-size: .32rem;
    letter-spacing: .01rem;
}

.tit-name>:nth-child(2) {
    font-size: .26rem;
    letter-spacing: .01rem;
    color: #fd7c2a;
}

.img-6 {
    width: .13rem;
    height: .23rem;
    margin-left: .1rem;
}

.shop_zs {
    margin: 0 .3rem;
}

.shop_zs li {
    display: flex;
    margin-bottom: .4rem;
    position: relative;
}

.shop_zs li img {
    width: 1.56rem;
    height: 1.56rem;
    margin-right: .15rem;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem #e6ebee;
}

.shop_zs li>:nth-child(2) {
    font-size: .28rem;
    letter-spacing: .015rem;
    width: 2.6rem;
}

.nth-3 {
    font-size: .24rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    position: absolute;
    right: 0;
    color: #333;
}

.nth-3>:nth-child(1) {
    font-size: .32rem;
}

.nth-3>:nth-child(2) {
    position: absolute;
    right: 0;
    top: .5rem;
}

.price-sale {
    font-size: .2rem;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-right: .3rem;
    color: #666666;
    letter-spacing: .01rem;
}

.price-sale span {
    font-size: .26rem;
}

.sf_pri {
    color: #333;
    margin-left: .15rem;
}

button {
    outline: none;
    border: none;
}

.lo-fo {
    width: 1.75rem;
    height: .6rem;
    box-sizing: border-box;
    line-height: .57rem;
    text-align: center;
    float: right;
    letter-spacing: .01rem;
    font-size: .28rem;
    border-radius: .5rem;
    margin: .5rem .3rem 0 0;
    background: #fff;
    border: .03rem solid #0195ff;
    color: #0195ff;
}

.num_pho {
    background: #f2f4f5;
    padding: .2rem 0;
    width: 7.5rem;
    min-height: 0vh;
    box-sizing: border-box;
}

.inpu_num {
    width: 7rem;
    margin: auto;
    background-color: #fff;
    border-radius: .1rem;
}

.inpu_num>p {
    font-size: .28rem;
    letter-spacing: .01rem;
    text-align: center;
    padding: .25rem 0;
    color: #0195ff;
}

.img-7 {
    height: .33rem;
    width: auto;
    margin: auto;
}

.img-8 {
    height: .22rem;
    width: auto;
    margin: auto;
}

.img-9 {
    height: .26rem;
    width: auto;
    margin: auto;
}

.img_10 {
    position: absolute;
    width: 1rem;
    height: .4rem;
    right: .1rem;
    bottom: .05rem;
}

.leput_img {
    width: .6rem;
    position: relative;
    display: flex;
    height: .325rem;
}

.leput_img::after {
    content: '';
    position: absolute;
    width: 1px;
    right: 0;
    bottom: .015rem;
    height: .3rem;
    background-color: #cccccc;
}

.input_ul {
    width: 5.5rem;
    margin: auto;
}

.input_ul li {
    border-bottom: 1px solid #cccccc;
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
    padding-bottom: .05rem;
    position: relative;
}

.input_ul li input {
    outline: none;
    border: none;
    color: #333;
    letter-spacing: .01rem;
    font-size: .28rem;
    text-indent: .15rem;
    width: 70%;
}

.num_serc {
    width: 5.5rem;
    line-height: .7rem;
    height: .7rem;
    border-radius: .5rem;
    font-size: .32rem;
    letter-spacing: .015rem;
    display: block;
    margin: auto;
    text-align: center;
    background-color: #0195ff;
    color: #fff;
}

.inpu_num>span {
    display: block;
    font-size: .24rem;
    text-align: center;
    padding: .1rem 0 .25rem;
    color: #fd7c2a;
}

.center_num {
    width: 7rem;
    background-color: #fff;
    border-radius: .1rem;
    margin: .25rem auto 0;
    padding: 0 .3rem;
    box-sizing: border-box;
}

.ctnum_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 0;
}

.ctit_1 {
    font-size: .32rem;
    letter-spacing: .015rem;
    color: #333;
}

.img-pub {
    width: .4rem;
    height: .4rem;
    margin-right: .07rem;
    vertical-align: -.09rem;
}

.ctit_2 {
    letter-spacing: .015rem;
    font-size: .26rem;
    color: #fd7c2a;
}

.ctnum_bod {
    display: flex;
}

.ctnum_bod>img {
    width: 1.56rem;
    height: 1.56rem;
    margin-right: .2rem;
    box-shadow: 0 0 .1rem #edf2f5;
}

.bod_con {
    flex-direction: column;
    letter-spacing: .01rem;
    position: relative;
    width: 4.6rem;
    display: flex;
}

.bod_con>:nth-child(1) {
    font-size: .28rem;
    color: #333;
    margin-top: .1rem;
}

.bod_con>:nth-child(2) {
    font-size: .26rem;
    margin-top: .2rem;
    color: #666666;
}

.ctnum_fot {
    margin-top: .3rem;
}

.ctnum_fot li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    font-size: .26rem;
    display: flex;
    line-height: .34rem;
}

.ctnum_fot li span {
    color: #666666;
    text-indent: .1rem;
    width: 1.35rem;
    display: inline-table;
}

.ctnum_fot li div {
    color: #333;
    margin-left: .1rem;
}

.ctnum_fot>:last-child {
    border-bottom: none;
}

.ctnum_butt,
.total_price {
    display: flex;
    padding-bottom: .3rem;
    justify-content: flex-end;
}

.ctnum_butt button {
    width: 1.75rem;
    line-height: .57rem;
    height: .6rem;
    box-sizing: border-box;
    border-radius: .5rem;
    font-size: .28rem;
    text-align: center;
    background-color: #fff;
    letter-spacing: .01rem;
}

.ctnum_butt .butt1 {
    border: .03rem solid #666666;
    color: #666666;
    margin-right: .2rem;
}

.ctnum_butt>:last-child {
    border: .03rem solid #0195ff;
    color: #0195ff;
}

.jk_tab,
.kuda_tab {
    background-color: #f2f4f5;
    width: 7.5rem;
    min-height: 100vh;
    box-sizing: border-box;
    padding: .25rem 0;
}

.jk_ul,
.kuda_ul {
    width: 7rem;
    margin: auto;
    border-radius: .1rem;
    box-sizing: border-box;
    padding: 0 .25rem;
    background-color: #fff;
    margin-bottom: .2rem;
}

.kuda_need {
    font-size: .22rem;
    color: #333;
    position: absolute;
    right: 0;
    top: .1rem;
}

.kuda_need span {
    font-size: .28rem;
}

.kuda_gs {
    font-size: .22rem;
    position: absolute;
    color: #666;
    right: 0;
    top: .7rem;
}

.total_price>div {
    font-size: .26rem;
}

.total_price div>span {
    font-size: .22rem;
}

.total_price>:nth-child(1) {
    color: #666;
    margin-right: .2rem;
}

.total_price>:nth-child(2) {
    color: #333;
}

.order_css {
    font-size: .26rem;
    font-weight: normal;
    margin-top: .2rem;
    color: #666;
}

.bott_tip {
    font-size: .24rem;
    text-align: center;
    letter-spacing: .01rem;
    padding-top: .3rem;
    position: relative;
    color: #999999;
}

.bott_tip::before {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: .45rem;
    background-color: #999;
    width: .55rem;
    height: 1px;
}

.bott_tip::after {
    content: '';
    background-color: #999;
    position: absolute;
    right: 1.25rem;
    top: .45rem;
    width: .55rem;
    height: 1px;
}

.no_order {
    width: 7.5rem;
    background-color: #f2f4f5;
    min-height: 100vh;
    padding-top: 1.7rem;
    box-sizing: border-box;
}

.img-20 {
    width: 3.13rem;
    height: 2.04rem;
    display: block;
    margin: auto;
}

.noder_p {
    font-size: .26rem;
    padding-top: .35rem;
    letter-spacing: .015rem;
    text-align: center;
    color: #666666;
}

.noder_butt {
    display: flex;
    justify-content: center;
    margin-top: .45rem;
}

.noder_butt button {
    border: .03rem solid #0195ff;
    border-radius: .5rem;
    width: 1.75rem;
    height: .6rem;
    font-weight: 550;
    line-height: .57rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .28rem;
    letter-spacing: .015rem;
    color: #0195ff;
    background-color: #f2f4f5;
}

.noder_butt>:nth-child(1) {
    margin-right: .4rem;
}

.click_more {
    font-size: .26rem;
    line-height: .6rem;
    color: #999;
    margin-right: .15rem;
    position: relative;
}

.mor_ci {
    position: absolute;
    top: 35px;
    left: -10px;
    width: 2.2rem;
    border-radius: .15rem;
    box-shadow: 0 0 .15rem #eaebeb;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: .25rem;
}

.mor_ci div {
    line-height: .8rem;
    text-indent: .15rem;
    color: #333;
    letter-spacing: .01rem;
}

.mor_ci>:nth-child(1) {
    border-bottom: 1px solid #e5e5e5;
}

.mor_ci img {
    width: .35rem;
    height: .31rem;
    position: absolute;
    left: 14px;
    top: -.23rem;
}

.hide {
    display: none;
}
/**我的订单改版 20201111 结束**/







.type_icon {
    position: fixed;
    width: 7.5rem;
    height: 1.3rem;
    box-sizing: border-box;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -.05rem .1rem #dedede;
}

.icon_ul {
    display: flex;
    justify-content: space-around;
    margin-top: .12rem;
}

.icon_ul li {
    width: 25%;
    font-size: .24rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #999999;
    letter-spacing: .01rem;
}

.icon_ul li span {
    width: 100%;
    margin-top: .05rem;
    text-align: center;
}

.icon_ul li img {
    width: .55rem;
    height: .45rem;
}

.icon_click {
    color: #5aa0d8 !important;
}

.popBox-tips .popBox-inner {
    position: absolute;
    width: 5.35rem;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: linear-gradient(to bottom, #5ac7ff, #218cf9);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.img_popclose {
    width: .73rem;
    height: .73rem;
    position: absolute;
    top: -1.3rem;
    right: -.3rem;
}

.popBox-tips .popBox-body {
    margin: .1rem;
    width: 5.15rem;
    border-radius: .1rem;
    padding-bottom: .4rem;
    background-color: #fff;
}

.img_11 {
    display: block;
    width: 5.15rem;
    height: 1.75rem;
    margin-top: -.3rem;
    margin-left: -.3rem;
}

.sy_tips {
    font-size: .4rem;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: .35rem 0;
    letter-spacing: .01rem;
    color: #222222;
}

.sy_tipsp {
    font-size: .26rem;
    letter-spacing: .01rem;
    padding: 0 .8rem;
    color: #666666;
    text-align: left;
}

.tips2 {
    padding-left: .25rem;
}

.tip2_tit {
    font-size: .3rem;
    font-weight: bold;
    letter-spacing: .01rem;
    color: #222222;
    margin-left: -.3rem;
}

.tip2_num {
    display: block;
    color: #666666;
    font-size: .26rem;
    letter-spacing: .01rem;
    margin-left: -.3rem;
}

.tips2_yzm {
    display: flex;
    margin-top: .2rem;
}

.tips2_yzm input {
    width: 2.8rem;
    line-height: .68rem;
    height: .7rem;
    border-radius: .1rem;
    text-indent: .2rem;
    font-size: .24rem;
    box-sizing: border-box;
    letter-spacing: .01rem;
    border: 1px solid#999999;
    margin-left: -.3rem;
}

.tips2_yzm button {
    display: block;
    margin-left: .3rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .24rem;
    width: 1.6rem;
    border-radius: .2rem;
    background-color: #2f9afb;
    color: #fff;
}

.erro_msg2{
    color: #f00;
    font-size: 13px;
    margin-top: 0.1rem;
}

.sy_tipt {
    display: flex;
    justify-content: space-around;
    margin-top: .35rem;
}

.sy_tipt>div {
    width: 2rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    letter-spacing: .02rem;
    border-radius: .5rem;
    font-size: .34rem;
    color: #fff;
}

.sy_tipt>:nth-child(1) {
    background-color: #aaaaaa;
}

.sy_tipt>:nth-child(2) {
    background: linear-gradient(to bottom, #5b87ee, #5ba8e7);
}