@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, address {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "微软雅黑", Tahoma, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
}
body {
	background-color: #f8f8f8;
}
i {
	font-style: normal;
}
strong {
	font-weight: 600;
}
input::-ms-clear {
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	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;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	outline: none;
}
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.left {
	float: left
}
.right {
	float: right
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}
.trans {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.w-con {
	width: 1200px;
	margin: 0 auto 26px;
	overflow: hidden;
}
.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;
}
.blueBtn {
	height: 28px;
	line-height: 28px;
	border: 1px solid #00b38a;
	color: #00b38a;
	overflow: hidden;
	cursor: pointer;
}
.blueBtn:hover {
	background: #00b38a;
	color: #fff;
}
/*页头*/
.header {
	position: relative;
	z-index: 9;
	width: 100%;
	min-width: 1200px;
	background: #fff;
	border-bottom: 2px solid #00b38a;
}
.headerCon {
	position: relative;
	width: 1200px;
	height: 80px;
	margin: 0 auto;
}
.headerCon .logo {
	float: left;
	width: auto;
	height: 80px;
	margin-top: 18px;
	margin-right: 40px;
}
.headerCon .logo img {
	width: auto;
	height: auto;
}
.headerTop {
	position: absolute;
	z-index: 2;
	float: right;
	width: 500px;
	height: 18px;
	top: 12px;
	right:180px;
}
.headerTop a {
	display: block;
	float: right;
	margin: 0 10px;
	line-height: 18px;
	color: #555;
	cursor: pointer;
}
.headerTop a:hover {
	color: #fe5f27;
	text-decoration: underline;
}
.headerTop a.t-user {
	color: #00b38a;
	margin: 0;
}
.headerTop i {
	display: block;
	float: right;
	width: 1px;
	height: 10px;
	line-height: 0;
	margin-top: 4px;
	background: #ddd;
	font-size: 0;
}
.headerTop a.message {
	position: relative;
	padding-left: 14px;
	background: url(../images/message.png) no-repeat left center;
}
.headerTop a.t-login {
	margin-right: 0;
}
.headerTop a.message span {
	position: absolute;
	top: 1px;
	left: 6px;
	z-index: 2;
	width: 6px;
	height: 6px;
	background: url(../images/message-p.png) no-repeat;
	font-size: 0;
	line-height: 0;
}
.headerTop .t-orders {
	position: relative;
	z-index: 99;
	float: right;
	width: 80px;
	height: 18px;
	line-height: 18px;
	padding-right: 6px;
	text-align: center;
	color: #555;
	cursor: pointer;
}
.headerTop .t-orders span {
	position: absolute;
	top: 7px;
	right: 10px;
	z-index: 5;
	width: 5px;
	height: 3px;
	background-image: url(../images/t-orders.png);
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
}
.headerTop .t-orders span.on {
	background-position: center bottom
}
.headerTop .t-orders ul {
	display: none;
	position: absolute;
	top: 14px;
	left: -1px;
	z-index: 99;
	width: 86px;
	padding: 10px 0 0;
	border: 1px solid #ddd;
	border-top: none;
}
.headerTop .t-orders li {
	width: 100%;
	height: 26px;
	line-height: 26px;
	background: #fff;
	text-align: center;
}
.headerTop .t-orders li:hover {
	background: #f5f5f5;
}
.headerTop .t-orders li a {
	display: inline;
	float: none;
}
.headerTop .t-orders li a:hover {
	color: #fe5f27;
}
.headerTop .t-orders ul .t-line {
	width: 100%;
	padding: 2px 0;
	background: #fff;
	border-top: 1px dashed #e2e2e2;
	font-size: 0;
	line-height: 0;
}
/* download APP*/

.headerApp{
	position:relative;
	z-index:10;
	float:right;
	width:auto;
	height:auto;
	cursor:pointer;
	margin:5px 0px;

}
.headerApp .app-list{
	display:none;
	background:#fff;
	position:absolute;
	z-index:999;
	width:186px;
	height:auto;
	border:3px solid #E00000;
	text-align:center;
	*top:60px;*right:-10px;
}
.app-top-out{
	position:absolute;top:-14px;left:0px;
	width:100%;height:14px;
}
.app-close{
	position:absolute;right:10px;
	top:10px;
	*top:25px;
}
.app-list .app-top{
	float:right;
	margin-top:25px;
	width:100%;text-align:center;
	font-size:14px;color:#000;
	margin-bottom:8px;
}
.app-list .app-erweima{
	display:block;
	margin:0 auto;
	/**margin-left:40px;*/
	/**margin-top:64px;*/
	/**margin-bottom:-6px;*/
}
.app-line{
	display:block;
	overflow:hidden;
	margin-top:-4px;
	/*margin-top:30px;*/
}
.app-list .app-bottom{
	width:100%;
	height:40px;
	line-height:40px;
}

.app-list .app-bottom a{
	display:block;width:100%;height:40px;
	line-height:40px;text-align:center;
	color:#000;
	font-size:16px;
	text-decoration: none;
}
/* download APP end*/
.publicNumber {
	display: none;
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 99;
	width: 100px;
	height: 100px;
	padding: 4px;
	background: #fff;
}
.publicNumber img {
	width: 100px;
	height: 100px;
}
.nav {
	float: left;
	height: 34px;
	margin-top: 46px;
	overflow: hidden;
}
.nav li {
	float: left;
	margin-left: 40px;
	font-size: 16px;
	font-weight: 600;
	line-height: 34px;
	cursor: pointer;
}
.nav li.on {
	background: url(../images/nav-on.png) no-repeat center bottom;
}
.nav li.on a, .nav li a:hover {
	color: #00b38a;
}
.headerTel {
	position: absolute;
	right: 10px;
	top: 24px;
	height: 26px;
	line-height: 26px;
	padding-left: 28px;
	margin-top: 15px;
	background: url(../images/tel.png) no-repeat left center;
	font-size: 24px;
	color: #fe5f27;
}
/*footer*/
.footer {
	width: 100%;
	min-width: 1200px;
	padding: 20px 0;
	background: #eee;
	overflow: hidden;
}
.footer ul {
	width: 1200px;
	margin: 0 auto 18px;
	overflow: hidden;
}
.footer ul li {
	float: left;
	width: 12.5%;
	padding-left: 7.5%;
	overflow: hidden;
}
.footer ul li i {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	color: #333;
	font-weight: 600;
}
.footer ul li a {
	display: block;
	line-height: 20px;
	color: #333;
}
.footer ul li a:hover {
	color: #000;
}
.footer p {
	text-align: center;
	font-family: "宋体";
	color: #333;
	line-height:1.5em;
}
.footer p a:hover {
	color: #000;
	text-decoration: underline;
}
/*步骤*/
.step {
	position: absolute;
	z-index: 2;
	width: 360px;
	height: 50px;
	background: url(../images/step-line.png) no-repeat 24px 27px;
	overflow: hidden;
}
.step ul {
	width: 400px;
	overflow: hidden;
}
.step ul li {
	float: left;
	width: 40px;
	height: 50px;
	margin-right: 40px;
	background-image: url(../images/step.png);
	background-repeat: no-repeat;
	background-position: top center;
	color: #888;
	text-align: center;
	overflow: hidden;
	display: inline;
}
.step ul li strong {
	display: block;
	margin-bottom: 5px;
	line-height: 26px;
	color: #fff;
}
.step ul li.on {
	background-position: center -50px;
	color: #05b;
}
/*数字放大镜*/
#bigGlass {
	display: none;
	position: absolute;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background-color: #fff;
	font-size: 20px;
	font-weight: 600;
	color: #f00;
	overflow: hidden;
}
#bigGlass span {
	margin-left: 8px;
}
#bigGlass span:first-child {
	margin-left: 0;
}
/*弹窗*/
.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;
}
/*提示*/
.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;
	min-height:235px;
}
.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:#00b38a;
	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:36px;
}
.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;
}
.gray_line{width:100%;height:30px;line-height:30px;background:#e5e5e5;}
.gray_line span{width:1200px;height:30px;display:block;margin:0 auto;color:#000;font-size:14px;}

.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:0px;
}
.tts-nav {
	width: 100%;
	min-width: 1200px;
	height: 42px;
	background: #00b38a;
}
.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 #00b38a;
}
.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: #00b38a;
}
.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: #00b38a;
}
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: #00b38a;}
.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: #00b38a; font-size: 12px; }
.layer-box .tip-error{ position: absolute; top: 148px; padding: 0 40px; color: #00b38a;}
.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: #00b38a;}
.layer-box .btn a.ok:hover{ background-color: #00b38a;}
.layer-box .btn a.cancel{ background-color: #dcdcdc; color: #666;}
.layer-box .btn a.cancel:hover{ background-color: #ccc;}
#changeTitle #close:hover {
	cursor: pointer;
}









