body{background-color:#f8f8f8;color:#222;/*font-family:Helvetica Neue,Hiragino Sans GB,Microsoft YaHei,\\9ED1\4F53,Arial,sans-serif;*/ font-family: "Microsoft YaHei"!important;}
a{text-decoration: none;}
li{list-style: none;}
*{margin:0;padding:0;}
input::-webkit-input-placeholder{color:#BBBBBB; font-size: 16px;}
.relative{position: relative;}
.col-xs-1,  .col-xs-2,  .col-xs-3,  .col-xs-4,  .col-xs-5,  .col-xs-6,  .col-xs-7,  .col-xs-8,  .col-xs-9,  .col-xs-10,  .col-xs-11,  .col-xs-12,  .col-sd-7{
  position: relative;
  float: left;
  height: 100%;
  box-sizing:border-box;
}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

/**效果**/
.shadow-box{-webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); opacity:0;display: none;}
.shadow-box.shadow-box-in{display: block;-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}
.mask{position: fixed; top:0px; width: 100%; background:rgba(50,50,50,.2); height: 100%; z-index: 99; visibility:hidden; opacity:0; -webkit-transition-duration:250ms; transition-duration:250ms;//display: none}
.mask.mask-overlay{visibility:visible; opacity:1;background-color:rgba(0,0,0,0.6);}

/**头尾**/
header{background: #18b4ed;color: #fff; height: 45px; line-height: 45px; text-align: center; font-size: 18px;}
footer{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),to(#e0e0e0)); position:absolute; width: 100%; z-index: 100; height: 56px; bottom:0px;}
footer .ft-wp{width:100%; height: 100%;border:0; background-repeat:repeat-x; -webkit-background-size:100% 1px; background-position:left top; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));}
footer .ft-r{background-position:right top; background-image:-webkit-gradient(linear,left top,right top,color-stop(0.5,transparent),color-stop(0.5,#e0e0e0),to(#e0e0e0));-webkit-background-size:1px 100%; background-repeat:repeat-y;}
footer a{display: block; height: 100%;text-align: center; color: #00a5e0; line-height: 56px;}
.ticeketSerive{display: none; position: absolute; width: 100%; bottom: 56px; text-align: center;background:#F8F8F8; border-top: 1px solid #e0e0e0;}
.ticeketSerive p{border-right:1px solid #e0e0e0;}
footer .ticeketSerive a{line-height: 40px; height: 40px;}

/**置底操作**/
.stOption{position: fixed; bottom: 0px; width: 100%; height: 45px; background: #fff; line-height: 45px; text-align: center;}
.stOption a{color: #fff; display: block; background:#18b4ed }
.stOption span{font-size: 22px; color: #18b4ed}
.stOption span b{font-size: 14px; font-weight: normal;}

/**边框和间距**/
.bdm-top{margin-top: 20px;}
.bdm-bodtop{border-top: 1px solid #e0e0e0}
.bdp-lr{padding-left:10px; padding-right: 10px;}

/**线路选择**/
.enterData{background: #fff;line-height: 45px; height: 45px; border-bottom: 1px solid #e0e0e0}
.enterData input{border:0px; height: 100%; background: transparent;}
.enterDataName{color: #777;}

.route{position: absolute; z-index: 199; width: 100%; top: 0px;border-top:1px solid #e0e0e0; background: #fff; width: 310px;left: 50%;margin-left: -165px;top:30%; padding:10px;}
/*.route p{line-height: 45px; border-bottom:1px solid #e0e0e0; text-align: center; }*/
.route p{height: 40px; line-height: 40px }
.route label{display: inline-block; width: 270px}
.route p i{display: inline-block;
    width: 26px;
    height: 26px;
    position: relative;
    overflow: visible;
    border: 0;
    background: none;
    -webkit-appearance: none;
    outline: none;
    margin-right: 8px;
    vertical-align: middle}
.route p i:before{box-sizing: content-box;content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #dfe0e1;
    border-radius: 13px;
    background-clip: padding-box;
    position: absolute;
    left: 0px;
    top: 0}
.route p.select i:after{content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #18b4ed;
    border-radius: 7px;
    position: absolute;
    left: 6px;
    top: 6px}

.route-confirm{position: absolute; width: 100%; height: 45px;}
.route-confirmw{padding:15px 10px;}
.route-confirm button{background: #18b4ed; color: #fff; font-size: 18px; text-align: center;border:0px; border-radius: 5px; height: 45px; line-height: 45px;width: 100%; }

/**定制线路**/
.stPiece{background: #fff; padding-top:8px; padding-bottom:10px; overflow: hidden;}
.stPiece h4{border-bottom: 1px solid #e0e0e0;padding-bottom:10px; margin-bottom: 10px;}
.stPiece h4 i{display: inline-block; width: 2px;height: 15px; background: #18b4ed;margin-right: 10px;}

.reviewMap{position: absolute; right: 10px; border:1px solid #18b4ed; color: #18b4ed; background: #F4F5F9; top:0px; font-size: 14px; padding:2px 4px; display: block}
.reviewMap i{color: #18b4ed}


.stWrap{padding-bottom:15px;}
.stWrap .stPad{padding:0 3px; }
.stWrap .stPaint{border:1px solid #e0e0e0; margin:3px 0; height: 35px; line-height: 35px; text-align: center; }
.stWrap .stPaint span{color: #e0e0e0}
.stWrap .stPad.select .stPaint{border-color:#18b4ed; color: #18b4ed;}
.stWrap .stPad.select span{color: #18b4ed;}

.stPan{border-bottom:1px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 15px;}
.stTitle{margin-bottom: 10px}
.stTitle i{width: 8px;height: 8px; display: inline-block; border-radius: 4px; margin-right: 5px;}
.stTitle i.start{background: #18b4ed; }
.stTitle i.target{background: #FE5769;}
.stStation{padding-left: 15px; padding-top: 5px; padding-bottom: 5px; border:1px solid #fff; overflow: hidden;}
.stStation h5, .stStation p{line-height: 25px;}
.stStation span{color: #bbb; font-size: 14px;}
.stStation i{font-size: 30px; line-height: 50px; color: #bbb}
.stStation i:before{content:"\e741";}
.stStation.select{border-color: #18b4ed; color: #18b4ed; background: #F4F5F9;}
.stStation.select span{ color: #18b4ed}
.stStation.select i{color: #18b4ed;}
.stStation.select i:before{content:"\e62c";}

.stStation.forbid{color: #bbb}
.stStation.forbid em{font-size: 12px;}

/**地图查看**/
#container{width:100%; height: 100%;}