@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; font-family: "微软雅黑", Microsoft Yahei, Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{text-decoration: none;}
i{font-style:normal;}
/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto; margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
*html .clearfix{height:1%;}
.Clearfix{display:block;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1;}
.hide{display:none;}


/*文字排版*/
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_nul{text-decoration:none;}

.w-con {
    width: 1200px;
    margin: 0 auto 26px;
    overflow: hidden;
}

/*弹窗*/
.mask {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    _height: 1000px;
    background: #000;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    overflow: hidden;
}
/*弹窗*/
.pop, .p-agreement {
    display: none;
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    background: #fff;
    border: 6px solid #c0c0c0;
    overflow: hidden;
}
.pop {
    width: 552px;
    height: 348px;
    margin: -180px 0 0 -282px;
}
.pop .title, .p-agreement .title {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 28px;
    background: #f0f0f0;
    font-size: 14px;
    text-align: center;
    color: #333;
}
.pop .title i, .p-prompt i, .p-agreement .title i {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/pop-close.png) no-repeat;
    cursor: pointer;
}
.pop .title i:hover, .p-prompt i:hover, .p-agreement .title i:hover {
    background-position: left bottom;
}
.pop li, .password li {
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
}
.pop li i, .password li i {
    display: block;
    float: left;
    width: 170px;
    margin-right: 4px;
    font-size: 14px;
    text-align: right;
    overflow: hidden;
}
.pop li i strong, .password li i strong {
    padding-right: 4px;
    font-size: 12px;
    color: #00b38a;
}
.pop li input, .password li input {
    display: block;
    float: left;
    width: 240px;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
    padding: 0 6px;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 14px;
    color: #888;
}
.pop li select {
    display: block;
    float: left;
    height: 30px;
    padding-left: 5px;
    border: 1px solid #aaa;
}
.pop li a {
    color: #888;
}
.pop li a:hover {
    color: #00b38a;
}
.pop .btn {
    text-align: center;
}
.p-prompt .btn {
    text-align: center;
    padding-top: 10px;
}
.pop .btn a, .p-prompt .btn a {
    display: inline-block;
    width: 110px;
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
}
.p-prompt .btn a.cancel{
    margin-left: 12px;
}
.pop .btn a.ok, .p-prompt .btn a.ok {
    background: #00b38a;
    color: #fff;
}
.pop li .error, .user .error {
    float: left;
    line-height: 34px;
    color: #f00;
}
.p-agreement {
    width: 740px;
    height: 580px;
    margin: -296px 0 0 -376px;
}
.agreement-con {
    width: 700px;
    height: 410px;
    padding: 0 20px;
    overflow: auto;
}
.p-agreement a {
    display: block;
    width: 240px;
    height: 40px;
    margin: 30px auto;
}
.pop-error {
    position: absolute;
    top: 46px;
    left: 184px;
    color: #f00;
}

.redBtn {
    height: 36px;
    line-height: 36px;
    background: #00b38a;
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    cursor: pointer;

}
.redBtn:hover {
    background: #00b38a;
}

/*提示*/
.p-change {
    display: none;
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 326px;
    height: 156px;
    margin: -80px 0 0 -180px;
    padding-left: 30px;
    background: #fff;
    border: 2px solid #c0c0c0;
    overflow: hidden;
}
.p-prompt{
    display: none;
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 326px;
    height: 156px;
    margin: -80px 0 0 -180px;
    background: #fff;
    border: 2px solid #c0c0c0;
    overflow: hidden;
}
.p-change h4 {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}
.p-prompt h4{
    height: 40px;
    line-height: 40px;
    margin-top: 1px;
    font-size: 16px;
    color: #333;
    text-indent: 20px;
}
.p-prompt p {
    padding: 5px 20px 0;
    line-height: 26px;
    color: #000;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
}
/*loading*/
.loading {
    width: 316px;
    height: 37px;
    margin: 40px auto;
    padding-top: 68px;
    background: url(../images/loading.gif) no-repeat;
    text-align: center;
    overflow: hidden;
}
/*查询不符合条件*/
.sorry {
    width: 460px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 0 auto;
    clear: both;
}
.result-box{
    width:338px;
    height:224px;
    margin:0 auto;
    background:url(../images/code-bg.png) no-repeat center center;
    padding:52px 0px 0px 130px;
}
.no-result-box p{
    width:300px;
    color:#0d5cdb;
    font-size:16px;
}
.no-result-box span{
    display:block;
    width:296px;
    line-height:18px;
    font-size:14px;
    color:#333;
    padding:8px 0;
}
.no-result-box .result-code{
    padding-top:4px;
}
.no-result-box .code-l,.no-result-box .code-r{
    float:left;
    width:100px;
    padding-left:70px;
}
.no-result-box .code-l p ,.no-result-box .code-r p{
    color:#333;text-align:center;font-size:14px;width:100px; padding-top: 3px;
}
/*查询不符合条件结束*/
.p-loading {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 140px;
    height: 140px;
    margin: -70px 0 0 -70px;
    background: #fff url(../images/load.gif) no-repeat center;
    border-radius: 2px;
}
/*tts*/
.tts-header {
    border: none;
}
.headerCon .tts-logo {
    float: left;
    height: 50px;
    margin-top: 15px;
    margin-right: 12px;
    overflow: hidden;
}
.headerCon .tts-logo img {
    height: 50px;
    width: auto;
}
.tts-header .headerTop {
    position: absolute;
    z-index: 2;
    float: right;
    width: 500px;
    height: 18px;
    top: 12px;
    right:180px;
}
.tts-nav {
    width: 100%;
    min-width: 1200px;
    height: 42px;
    background: #05d;
}
.tts-nav ul {
    width: 1200px;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
}
.tts-nav li {
    float: left;
    padding: 0 20px;
    line-height: 42px;
    font-size: 15px;
}
.tts-nav li.on {
    font-weight: 600;
    background: #04c;
}
.tts-nav li a {
    color: #fff;
}
/*搜票*/
.search {
    position: absolute;
    top: 15px;
    left: 50%;
    z-index: 9;
    width: 412px;
    height: 372px;
    margin-left: -600px;
    background: #fff;
    border: 4px solid #05d;
}
.s-con {
    position: relative;
    width: 320px;
    height: 260px;
    margin:0 auto;
    margin-bottom:32px;
}
.s-con-idx{
    margin-top: 32px;
}
.s-con ul li {
    position: relative;
    width: 315px;
    margin-bottom: 14px;
    overflow: hidden;
}
.s-con ul li i {
    display: block;
    float: left;
    width: 70px;
    line-height: 37px;
    font-size: 14px;
    color: #333;
}
.s-con ul li span {
    position: absolute;
    top: 10px;
    right: 48px;
    color: #888;
}
.s-con ul li p {
    height: 24px;
    padding-right: 8px;
    text-align: right;
    line-height: 24px;
    overflow: hidden;
}
.s-con ul li p.noTrain {
    text-align: left;
    color: #f00;
}
.s-con ul li p a {
    padding-left: 15px;
    color: #888;
    cursor: pointer;
}
.s-con ul li p a:hover {
    color: #05d;
}
.s-con ul .exchange {
    position: absolute;
    top: 18px;
    left: 312px;
    z-index: 2;
    height: 63px;
    padding-left: 13px;
    background: url(../images/exchange.png) no-repeat left;
    overflow: hidden;
}
.s-con ul .exchange a {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: 21px;
    background: #888;
    font-family: "宋体";
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.s-con ul .exchange a:hover {
    background: #05d;
}
a.searchBtn {
    display: block;
    width: 238px;
    margin-left: 70px;
}
/* 弹窗样式 */
.layer-box{ border: 1px solid #ececec; border-radius: 3px; display: none; background-color: #fff;}
.layer-box .title{ position: relative; background-color: #f3f3f3; height: 36px; line-height: 36px; text-indent: 25px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #dcdcdc;}
.layer-box .title .close{ position: absolute; right: 10px; top:10px; width: 14px; height: 14px; background: url("../images/close.png") 0 0 no-repeat; cursor: pointer;}
.layer-box ul{ padding: 20px 40px 10px;}
.layer-box li{ position: relative; height: 50px;}
.layer-box li i{ font-size: 14px; float: left; width: 80px; padding-bottom: 20px; line-height: 30px;}
.layer-box li i strong{ font-style: normal; color: red;}
.layer-box li input{ height: 24px; line-height: 24px; padding: 2px 4px ; border: 1px solid #ccc; float: left;}
.layer-box li .error { position: absolute; top: 30px; left: 80px; color: #ff0000; font-size: 12px; }
.layer-box .tip-error{ position: absolute; top: 148px; padding: 0 40px; color: #ff0000;}
.layer-box .btn{ text-align: center; margin-bottom: 25px;}
.layer-box .btn a{ width: 100px; height: 32px; display: inline-block; *display:inline; *zoom:1; border: 0; color: #fff; text-align: center; line-height: 32px; margin: 0 10px; border-radius: 3px;}
.layer-box .btn a.ok{ background-color: #fe0000;}
.layer-box .btn a.ok:hover{ background-color: #de0000;}
.layer-box .btn a.cancel{ background-color: #dcdcdc; color: #666;}
.layer-box .btn a.cancel:hover{ background-color: #ccc;}