@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p,th,td,button,article,footer,header,section,a,i,em,span,label,strong,select,img,nav,dfn{margin: 0;padding: 0;}
ol,ul,li{list-style:none;}
:focus {outline: 0;}
table{border-collapse: separate;border-spacing:0;}
img, button, input {border: 0;}
input {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 50px;outline: 0;border: 0;background: transparent;border-radius: 0;-webkit-appearance: none;}
input::-webkit-input-placeholder{color:#999;font-size: 12px}
button,input,select,textarea {font-size: 100%;}
i,em,dfn{font-style: normal}
a,a:hover{text-decoration:none; color:#14b9d6;}
h1,h2,h3,h4,h5,h6{font-weight: 400}
html,body,.h100,#main {overflow-x: hidden;}
body {overflow-x: hidden;min-width: 320px;color:#333;background: #fff;font-size: 15px;font-family:arial, "Microsoft YaHei", hei;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing: antialiased;-moz-user-select: none;}
.bgcolor{background: #f2f5fa}

.home:after,
.user:after,
.login:after,
.quit:after,
.screen i,
.map:after,
.headTit i,
.selBox li label:before,
.chage,
.ico_phone:before,
.ico_moretic:before,
.listSort li i,
.lstSeat i,
.ticketBox li.trains:after,
.checkBox.current:after,
.radioBox.current:after,
.pasList li em.edit:after,
.pasList li em.del:after,
.loginList li.loginPhone:before,
.loginList li.loginCode:before,
.loginList li.loginName:before,
.loginList li.loginPsword:before
{
    background: url("../images/health.png") no-repeat;
    background-size: 250px 150px;
}

.back:after,
.back:before,
.home:after,
.user:after,
.login:after,
.map:after,
.quit:after,
.botAd a.close:before,
.botAd a.close:after,
.selBox li label:before,
.ico_phone:before,
.ico_moretic:before,
.greyArw:before,
.greyArw:after,
.ticketBox li.trains:after,
.seatModify:after,
.certificate:after,
.checkBox.current:after,
.radioBox.current:after,

.pasList li em.edit:after,
.pasList li em.del:after,
.loginList li.loginPhone:before,
.loginList li.loginCode:before,
.loginList li.loginName:before,
.loginList li.loginPsword:before,
.tipBox a.close:after,
.tipBox a.close:before
{
    content: "";position: absolute;
}

.back:before,
.greyArw:before,
.botAd a.close:before,
.tipBox a.close:before,
.bank li a.bankMore:before,
.noticeArea:after,
.tipBoxGrey .close:before{
    -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
}
.back:after,
.greyArw:after,
.botAd a.close:after,
.tipBox a.close:after,
.tipBoxGrey .close:after,
.listRecomFlightTip{
    -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);
}

.tabBar,.listBar{
    display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;display:table\9;width:100%;
}
.tabBar li,.listBar li{
    text-align:center;-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 0;display:table-cell\9;
}

.clearfix:after{clear: both;display: block;visibility: hidden;height: 0;content: '.';line-height: 0;}
.clearfix {*zoom: 1;}
.h35{height:35px;}
.h40{height:40px;}
.h41{height:41px;}
.h48{height:48px;}
.h81{height:81px;}
.m15{margin: 15px;}
.mt10{margin-top: 10px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px;}
.mb25{margin-bottom: 25px}
.fl{float: left}
.fr{float: right}

.btnOrageBig{width: 100%;height: 50px;background: #ff7f66;border: none;display: inline-block;font-size: 21px;color: #fff;text-align: center;line-height: 50px;}
.btnBlueBig,.btnGreyBig{width: 100%;height: 40px;background: #14B9D6;border: none;display: inline-block;font-size: 18px;color: #fff;text-align: center;line-height: 40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btnGreyBig{background: #BCBCBC;}
.btnWhiteBig{width: 100%;height: 40px;background: #fff;border: 1px solid #14B9D6;display: inline-block;font-size: 15px;color:#14B9D6;text-align: center;line-height: 40px }
.txtOrage{color: #ff7f66}
.txtBlue{color: #14B9D6}
.txtGrey{color: #999}
.txtDark{color: #666}

/*list右箭头*/
.greyArw:before,.greyArw:after{width: 12px;height: 2px;background: #dcdcdc;right: 10px;top:50%;}
.greyArw:before{margin-top: -4px}
.greyArw:after{margin-top: 4px}



/*选择框*/
.checkBox,.radioBox{width:18px;height: 18px;background: #fff;border: 1px solid #14B9D6;display: inline-block;vertical-align: middle;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; }
.checkBox.current,.radioBox.current{background-color: #14B9D6;position: relative;}
.checkBox.current:after,.radioBox.current:after{width: 13px;height: 9px;background-position: -90px -60px;left: 3px;top: 5px;}
.checkBox.disable{border-color: #DDD}
.checkBox.current.disable{background-color: #DDD;}
.radioBox{border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;}

/*滑动开关*/
.switch {position: relative;width: 45px;height: 26px;border-radius: 26px;background-color: #ccc;cursor: pointer;-webkit-transition: 200ms background-color ease-in;-moz-transition: 200ms background-color ease-in;transition: 200ms background-color ease-in;top:50%;margin-top: -13px}
.switch.current {background-color: #14B9D6;}
.switch .switchBg {position: absolute;top: 2px;left: 2px;width: 40px;height: 22px;border-radius: 22px;background-color: #ccc;-webkit-transition: 200ms -webkit-transform ease-in;-moz-transition: 200ms -moz-transform ease-in;transition: 200ms transform ease-in;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);transform-origin: center center;}
.switch .switchBg.current {width: 44px;height: 24px;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);}
.switch .switchScroll {position: absolute;top: 2px;right: 22px;left: 2px;height: 22px;border-radius: 50%;background-color: #fff;box-shadow: 0 2px 3px rgba(0,0,0,.5);-webkit-transition: 200ms width ease-in,200ms left ease-in,200ms right ease-in;-moz-transition: 200ms width ease-in,200ms left ease-in,200ms right ease-in;transition: 200ms width ease-in,200ms left ease-in,200ms right ease-in;}
.switch.current .switchScroll {right: 2px;left: 22px;}
.switch .switchScroll.wide {right: 14px;left: 2px;}
.switch.current .switchScroll.wide {right: 2px;left: 14px;}



/*页头及广告位*/
.topAd{max-height: 60px;text-align: center;}
.topAd img{height: 60px;}
header{background: #0492d3;overflow: hidden;}
.index{height: 48px;position: relative;width: 100%;}
.top{height:48px;;position:fixed;top:0;left: 0;right:0;z-index: 50;width: 100%;}
.logo {width: 60px;height: 34px;background: url(../img/logo_ty.png) no-repeat;background-size: 60px 34px;float: left;margin: 8px 0 0 15px;text-indent: -9999px;}
.user,.quit,.login{width: 44px;height: 44px;position: absolute;right: 44px;top: 2px;color: #fff;text-align: center;line-height: 70px;font-size: 11px}
.quit,.login{right: 0}
.user:after,.quit:after,.login:after{width: 18px;height: 20px;left: 50%;top: 5px;margin: 0 0 0 -9px;background-position:-220px 0; }
.quit:after{background-position: -200px 0}
.user:hover,.quit:hover,.login:hover{color: #fff}
.back,.home,.screen,.confirm,.map,.ensure{width: 48px;height: 48px;position: absolute;top: 0;}
.back{left: 0}
.back:before,.back:after{width: 15px;height: 2px;background: #fff;left: 15px}
.back:before{top: 28px;}
.back:after{top: 18px;}
.home,.screen,.confirm,.map,.ensure{right: 0;}
.home:after{width: 22px;height: 19px;background-position: 0 0;top: 14px;right: 13px}
.screen,.confirm,.ensure{width:60px;text-align: center;line-height: 48px;font-size: 13px;color: #fff}
.screen:hover,.confirm:hover,.ensure:hover{color: #fff}
.screen i,.headTit i{width: 16px;height: 19px;background-position: -45px -20px;display: inline-block;vertical-align: middle;margin:-4px 3px 0 0}
.headTit{text-align: center;color: #fff;font-size: 18px;line-height: 48px;font-weight: 400;}

/*页脚*/
nav{width: 100%;margin: 40px auto 0 auto;text-align: center;color: #dcdcdc;font-size: 13px;line-height: 25px;}
nav a{height: 25px;display: inline-block;line-height: 25px;padding: 0 5px;}
footer,footer a{color: #999;font-size: 13px;text-align: center;line-height: 20px;}
footer{margin: 15px 0}
footer a{margin: 0 5px}
.botAd{position:relative;max-height: 55px;margin-bottom:15px;text-align: center}
.botAd img{height: 55px;}
.botAd a.close{width:12px;height: 12px;position: absolute;top:3px;right:3px;}
.botAd a.close:before,.botAd a.close:after{width:2px;height:12px;background:#fff;display: inline-block;top:0;left: 5px;}
.fxAd{position: fixed;left: 0;right: 0;bottom: 0;text-align: center}
.fxAd img{height: 60px;}



/*登录*/
.loginBox{margin: 20px;}
.listBar{height:35px;line-height:35px;}
.listBar li{text-align:center;padding: 0;border:#14b9d6 1px solid;background: #fff;margin-left: -1px;color: #14b9d6;}
.listBar li:first-child{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
.listBar li:last-child{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
.listBar li.current {color: #fff;background: #14b9d6;}
.loginList{padding: 15px 0;}
.loginList li{margin: 10px 0;position: relative}
.loginList li input{height: 40px;}
.loginList li.loginPhone,.loginList li.loginCode,.loginList li.loginName,.loginList li.loginPsword{background: #fff;border: 1px solid #DCDCDC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-indent: 35px}
.loginList li.loginPhone:before,.loginList li.loginCode:before,.loginList li.loginName:before,.loginList li.loginPsword:before{width: 20px;height: 20px;left: 8px;top: 10px;}
.loginList li.loginPhone:before{background-position: -160px 0;}
.loginList li.loginCode{margin-right: 100px;}
.loginList li.loginCode.loginCodeMargin{margin-right: 0;}
.loginList li.loginCode:before{background-position:-180px 0 }
.loginCodeBtn,.loginCodeSpan{width: 92px;height: 40px;background: #14b9d6;color: #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position: absolute;right: -100px;top:0px;font-size: 13px}
.loginCodeSpan{background: #BCBCBC;color: #666;text-align: center;line-height: 40px;text-indent: 0;font-size: 12px}
.loginCodeImg{width: 92px;height: 30px;position: absolute;right: 5px;top:5px;}
.loginList li.loginBtn{margin-top: 40px}
.loginFotget{position: absolute;right: 0;top:-30px;font-size: 13px;}
.loginList li.loginName:before{background-position: -120px 0}
.loginList li.loginPsword:before{background-position:-140px 0 }


/*页头图标悬停*/
.head_fixed{width:auto;height:40px;border-radius:3px;background:rgba(0,0,0,0.6);position: fixed;z-index: 100;top: 40px;left: 0;}
.head_fixed .back,
.head_fixed .home,
.head_fixed .screen,
.head_fixed .confirm,
.head_fixed .map,
.head_fixed .user,
.head_fixed .quit,
.head_fixed .ensure,
.head_fixed .login{
    position: relative;top: auto;right: auto;height: 40px;display: inline-block;margin: 0 3px;line-height: 40px;overflow: hidden;
}