@charset "utf-8";
*{border:0;font-size:100%;margin:0;padding:0; list-style:none;}
html{ overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background-color: #FFFFFF;}
body{ font:12px/1.4em Helvetica,STHeiti,"Microsoft YaHei",Verdana,Arial,Tahoma,sans-serif; color:#585858;background:#fff;-webkit-font-smoothing:antialiased; min-width:900px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
a{color:#0352BC;text-decoration:none; cursor:pointer;}
a.green{color:green;}
a.hui{color:gray;}
a:hover{color:#38f;text-decoration:underline;background:none}

.gray {
    color: gray;
}
.clear{overflow:hidden;clear:both;}
.hide{ display:none;}
.input,.textarea{*margin:-1px 0 0;height:18px;line-height:18px !important;display:block;padding:8px 6px;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;display:inline-block;}
.input,.textarea{width:94.2%;}
.input:focus,.textarea:focus,.selects:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.5);}
.input.error,.textarea.error{color:#ff6600; border-color:#ff6600;}
.input.error:focus,.textarea.error{ box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(255,68,0,.5);}
.textarea{ height:auto;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #aaa;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#aaa;
}



label{ cursor:pointer;}
label *{ vertical-align:middle}
label:hover{ color:#F00;}

.tc{ text-align:center; }
.tr{ text-align:right; }
.tl{ text-align:left; }

.fr{ float:right;}
.fl{ float:left;}

.chageColor{
    opacity: .8;
    filter: alpha(opacity=80);
    opacity: .8;	
}
.chageColor:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

/*button*/
.btn{
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-bottom: 3.5px;
    padding: 0 22px;
    border-radius: 4px;
    font-size: 12px;
    color: #333;
    background: #fff;
    border: 1px solid #bbb;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
	text-decoration:none;
}
.btn:hover{
	color:#276ACC;
	border-color:#276ACC;
	text-decoration:none;
}
.btn-green,.btn-green:hover{
    color: #fff;
    background: #5FBBB3;
    border-color: #5FBBB3;
}

/*5FBBB3*/

.btn-new-blue,.btn-new-blue:hover{
    color: #fff;
	background: #00A0E9;
    border-color: #00A0E9;
}
.btn-blue,.btn-blue:hover{
    color: #fff;
	background: #3283fa;
    border-color: #3283fa;
}
.btn-red,.btn-red:hover{
    color: #fff;
	background: red;
    border-color: red;
}
.btn-green:hover,.btn-blue,.btn-red,.btn-orange:hover{
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.btn-orange,.btn-orange:hover{
    color: #fff;
	background: #FD7421;
    border-color: #FD7421;
}
.btn-gray,.btn-gray:hover{
    color: #fff;
	background: #666;
    border-color: #666;
}



/*
	一个表单的样式
*/


.e_btn{display:inline-block;cursor:pointer;border:none;border-radius:4px;height:25px;line-height:25px;text-align:center;cursor:pointer;padding:0 23px;}
.e_black{background:#999;color:#fff;}
.e_black:hover{background:#555;}
.e_red{background:#ee4136;color:#fff;}
.e_red:hover{background:#E3372D;}
.e_green{background:#0099fc;color:#fff;}
.e_green:hover{background:#0099fc;}

.e_big{ height:40px;line-height:40px; padding-left:24px;padding-right:24px;border-radius:8px;}



.e_txt{background: #f5f5f5;border: 1px solid #d7d7d7; border-radius: 4px;height:28px;line-height:28px;padding: 5px 10px;color: #555;}
.e_txt_white{background: #fff;border: 1px solid #D0D0D0; border-radius: 4px;height:36px;line-height:36px;padding: 0px 6px;color: #555;}
.e_txt_white:hover{ background:#f7f7f7;}
.e_txt_white:focus{ outline:none; border: 1px solid #4AB3A9;}


.e_select{
	display:inline-block;
    height: 38px;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #e5e5e5;
    border-radius: 2px;	
	background-color:#fff;
	border-radius:4px;
	color:#555;
	padding:0 4px;
}

.e_select_long{
    height: 40px;
    font-size: 16px;
	padding:0 10px;
    border:1px solid #ccc;
}

.e_option{ cursor:pointer; width:150px; background:#f5f5f5; border: 1px solid #d7d7d7; border-radius:4px; display:inline-block; height:36px; line-height:36px; font-size:14px; }
.e_option *{ vertical-align:middle;}
.e_option em{ font-style:normal; padding-left:8px; display:block;}
.e_option i{ float:right; margin-right:8px;}
.e_select_sort{height:30px; line-height:30px;}

.e_list{ color:#EE4136; border: 1px solid #EE4136;}
.e_list_show em:hover{ /*background:#FFFFE8;*/background:#e3e3e3; color:#555;}
.e_list_show em.sel,.e_list_show em.sel:hover{ /*background:#e3e3e3;*/background:#666; color:#fff;}
.e_white{ background:#fff;}
.e_search em{ border-top:solid 1px #E7E7EB; background:#fff; padding-left:10px;}

.e_checkbox_select{ cursor:pointer; margin-right:10px;}
.e_checkbox_select *{ vertical-align:middle;}
.e_checkbox_select .icon,.e_checkbox_select .icon2{ font-size:18px; color:#999;}
.e_focus .icon,.e_focus .icon2{ color:#EE4136;}


/* input text*/
.txt{
    width: 70px;
    height: 16px;
    padding: 5px;
    font-size: 12px;
    line-height: 16px;
    border: 1px solid #ddd;
    margin: 0;
    border-radius: 2px;
    -webkit-transition: width linear 0.25s;
    -moz-transition: width linear 0.25s;
    transition: width linear 0.25s;
}


/* left start*/
#left-nav{
	z-index:3;
	position:fixed;
	top: 0px;
	left: 0;
	bottom: 0;
	/*width: 90px;*/
	height:91px;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
	/*z-index: 99;*/
}
.first-nav{
	/*position:fixed;*/
	/*top: 0;
	bottom: 0;
	left: 0;*/
	width: 100%;
	height:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #4BB2A8;
}

.logo{
	position:absolute;
	left:30px;
	top:14px;
    font-size: 18px;
	color:#fff;
	font-weight:bold;
}
.logo:hover{color:#fff; text-decoration:none;}

/*
.logo div{
	margin: 15px auto 0;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #fff;
}
*/
.first-nav{
	position:relative;
}
.first-nav nav li{
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	cursor: pointer;
    display:inline-block;
	width:100px;
}
.first-nav nav li a{
    color: #fff;
    display: block;
	text-decoration:none;
}
.first-nav nav li a:hover{
	background:#426694;
}
.first-nav nav li.active{
	background: #426694;
}
.first-nav nav li.active a,.first-nav nav li.active a:hover{
	background:#426694;
}

.first-nav li.login{
	background:#4BB2A8;
	position:absolute;
	top:0px;
	right:0px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	width:330px;
}

.first-nav li.login:hover{
	background:#4BB2A8;
}


.first-nav li.login i{ font-style:normal; margin-right:4px;}
.first-nav li.login span a{
	font-weight:normal;
	font-size:14px;
	margin-top: 0;
	line-height: 39px;
	padding: 0 10px;
}

.first-nav li.login div{
	position:absolute;
	top:38px;
	background:#fff;
	border:#BCBCBC solid 1px;
	width:258px;
	border-top:none;
	line-height:26px;
	text-align:left;
	/*text-indent:10px;*/
	padding:8px 0;
	padding-left:10px;
	display:none;
}
.first-nav li.login:hover div{
	display:block;
}

.first-nav li.login div a{
	display:block;
	color:#333;
	font-weight:normal;
	font-size:14px;
	margin-top: 0;
}

.first-nav li.login div a:hover{
	background:#fff;
	color:red;	
}

.first-nav li.login div span{
	display:block;
	color:#333;
	font-weight:normal;
	font-size:14px;
	margin-top: 0;
}

/* poptip */
.poptip{position: absolute;top: 20px;left:20px;padding: 6px 10px 5px;*padding: 7px 10px 4px;line-height: 16px;color: #DB7C22;font-size: 12px;background-color: #FFFCEF;border: solid 1px #FFBB76;border-radius: 2px;box-shadow: 0 0 3px #ddd;}
.poptip-arrow{position: absolute;overflow: hidden;font-style: normal;font-family: simsun;font-size: 12px;text-shadow:0 0 2px #ccc;}

.poptip-arrow em,.poptip-arrow i{position: absolute;left:0;top:0;font-style: normal;}
.poptip-arrow em{color: #FFBB76;}
.poptip-arrow i{color: #FFFCEF;text-shadow:none;}

.poptip-arrow-top,.poptip-arrow-bottom{height: 6px;width: 12px;left:12px;margin-left:-6px;}
.poptip-arrow-left,.poptip-arrow-right{height: 12px;width: 6px;top: 12px;margin-top:-6px;}

.poptip-arrow-top{top: -6px;}
.poptip-arrow-top em{top: -1px;}
.poptip-arrow-top i{top: 0px;}

.poptip-arrow-bottom{bottom: -6px;}
.poptip-arrow-bottom em{top: -8px;}
.poptip-arrow-bottom i{top: -9px;}

.poptip-arrow-left{left:-6px;}
.poptip-arrow-left em{left:1px;}
.poptip-arrow-left i{left:2px;}

.poptip-arrow-right{right:-6px;}
.poptip-arrow-right em{left:-6px;}
.poptip-arrow-right i{left:-7px;}


.second-nav{
	position:fixed;
	top: 50px;
	bottom: 0px;
	left: 0;
	width: 160px;
	height:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border-right:2px solid #eee;
	background-color: #f2f2f2;
}
.second-nav-title{
    padding-left: 30px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f2f2;
}
.second-nav nav{
    width: 100%;
	margin-top:14px;
}
.second-nav nav li{
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 14px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px;
}
.second-nav nav li a{
	color:#333;
    display: block;
    padding-left:15px;
	text-decoration:none;
}
.second-nav nav li a:hover{
	color:#38f;
}
.second-nav nav li.active a,.second-nav nav li.active a:hover{
	background:#e7e7e7;
	color:#333;
}

.bottom-nav{
	position: fixed;
    bottom: 0px;
    color: #e5e5e5;
    height: 30px;
	line-height:30px;
    padding: 10px 0;
    word-break: break-word;
    background: #535353;
	width: 90px;
	text-align:center;
}
.bottom-nav a{ color:#fff;}
/*left end*/


/*container start*/
#container{
	background: #FFFFFF;
	width: auto;
	margin: 92px 0 0 0px;
	-webkit-transition: margin-right 0.5s;
	-moz-transition: margin-right 0.5s;
	transition: margin-right 0.5s;
	min-height:800px;
	min-width: 1100px;
	width: 100%;
	z-index:2;
}
#container .container-top{
    position: relative;
    height: 50px;
    /*min-width: 750px;*/
	width: 1400px;
	margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFFFFF;
}
#container .container-top .nav{
    padding: 0;
    height: 50px;
    padding: 0 20px;
    border: none;
    background: #FFFFFF;
    font-size: 14px;
    color: #666666;
	display:block;
	line-height: 48px;
}
#container .container-top li{
	float:left;
}
#container .container-top li a{
    padding: 0;
    height: 50px;
    padding: 0 20px;
    min-width: 0;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #666666;
	display:block;
	line-height: 48px;
}
#container .container-top li a:hover{
    color: #38f;
}
#container .container-top li span{
	display: inline-block;
}
#container .container-top li.active span{
	border-bottom: 2px solid #0099FC;
}
#container .container-top .container-top-help{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    padding: 0 20px;
    border-left: 1px solid #f5f5f5;
    cursor: pointer;
	display:none;
}
#container .container-content{

}
#container .container-content .app{
	width: 1400px;
	margin: 0 auto;
    padding: 15px 0;
    min-height: 500px;
	/*
    -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
	*/
	background:#fff;
}
.app .list-top span{ float:right;}
.app .list-top-search{
	position: relative;
    padding: 16px 40px 16px 20px;
    background: #fff;
    border: 1px solid #D0D0D0;
}
.app .list-top-search td{ height:40px; line-height:40px; vertical-align:middle;}

.app .list-top-tip{
	position: relative;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #f2f2f2;
}


.list-content{ margin-top: 15px; width:100%; overflow:hidden;}
.list-bottom{ margin-top: 15px; margin-bottom:10px; width:100%; overflow:hidden; font-size:12px;}

.list-nav{
	margin-top:20px;
	position:relative;
	height:32px;
	overflow:hidden;
}
.list-nav .bline{
	position:absolute;
	bottom:0;
	border-bottom: 1px solid #e5e5e5;
	width:100%;
	z-index:1;
}
.list-nav ul{
	position:absolute;
	bottom:0;
    margin-left: 1px;
	z-index:2;
}
.list-nav ul li{
	float:left;
	margin-left:-1px;
}
.list-nav ul li a{
	display: inline-block;
    padding: 0 12px;
    line-height: 32px;
	height:32px;
    color: #333;
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    min-width: 80px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	z-index:9999;
}
.list-nav ul li.active a{
	border-bottom-color: #fff;
    background: #fff;
}


/*分页*/
.pageNum{ font-size:14px;}
.pageNum span, .pageNum b, .pageNum a, .pageNum em{ float:left; margin-right:2px; }
.pageNum b, .pageNum a{ border:#ccc solid 1px; padding:0px 5px 0px 4px; color:#666; border-color:#CEE3EA #90AAB4 #90AAB4 #CEE3EA;}
.pageNum b{ background:#0099FF; color:#fff; border-color:#0099FF; font-weight:normal; border:#ccc solid 1px; border-color:#CEE3EA #90AAB4 #90AAB4 #CEE3EA;}
.pageNum a:hover{ background:#333; color:#fff; border-color:#333; }
.pageNum span{ margin-right:8px;}
.pageNum em.totalpage{ border:#ccc solid 1px; padding:0px 5px 0px 4px; color:#0352BC; font-style:normal; border-color:#CEE3EA #90AAB4 #90AAB4 #CEE3EA; }


/* 第一种样式 */
.ui-table-list{ width: 100%; text-align:left;}
.ui-table-list tr .over-show,.ui-table-list tr .over-show-line{ display:none;}
.ui-table-list tr:hover .over-show{ display:block;}
.ui-table-list tr:hover .over-show-line{ display:inline;}
.ui-table-list th, .ui-table-list td{ border-bottom: 1px solid #e5e5e5; text-align:left;align:left;}
.ui-table-list th{ font-weight:normal; background:#ECF5EF;  height:40px; line-height:40px; border-top: 2px solid #0A9589; border-bottom: 1px solid #0A9589; }
.ui-table-list td{ vertical-align:top; padding:14px 4px 14px 0;}
.ui-table-list td .title{ font-size:14px;}
.ui-table-list td input[type=checkbox] { margin-top:4px;}
/*.ui-table-list tr td:nth-last-child(1){ border-right:1px solid #e5e5e5;}*/
/*.ui-table-list tr td:first-child{ border-left:1px solid #e5e5e5;}*/
.ui-table-list tbody tr:nth-child(even) td{ background:#f8f8f8;}
.ui-table-list tbody tr:hover td{ background:#FFFFE8;}
.ui-table-list a{ cursor:pointer;}
.ui-table-list th:nth-child(1), .ui-table-list tr td:nth-child(1){ padding-left:10px;}
.ui-table-list th:nth-last-child(1), .ui-table-list tr td:nth-last-child(1){ padding-right:10px;}
	
	
	
.list-sort th{ padding-left:8px; }
.list-sort td{ padding-left:6px;border-left:1px solid #e5e5e5; }
.list-sort td{ padding-top:8px; padding-bottom:8px; vertical-align:middle; }


/* 第二种样式 */
.ui-table-list-sec{ width:100%; font-size:12px; text-align:left; border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.ui-table-list-sec th, .ui-table-list-sec td{ border-left:1px solid #ddd;border-top:1px solid #ddd;padding-left:10px;}
.ui-table-list-sec th{ font-weight:normal; background:#F8F8F8;  height:40px; line-height:40px;}
.ui-table-list-sec td{ vertical-align:top; padding-top:8px; padding-bottom:8px;}





.edit-form{ width:100%;}
.edit-form th{ text-align:left; font-weight:normal;}
.edit-form em{ color:red; font-weight:normal;}
.edit-form span{ color:#999;}


.item-cotent { margin-top:30px; border-top:1px solid #eee; padding-top:20px;}
.item-cotent .title{ margin-left:20px;}
.item-cotent .title strong{font-size:16px;}
.item-cotent .data{ margin-top:10px; margin-left:20px;}

.list-link{ width:100%; overflow:hidden;}
.list-link a{ float:left; margin-right:10px; height:30px; line-height:30px; overflow:hidden;}

.price{ font-family: Verdana,Tahoma,arial; }


.title_item{ 
	display: inline-block;
    padding: 0 6px;
    border-left: 3px solid #FF6600;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

/* cover div*/
.cover .cover_title{
	font-weight:bold;
	height:40px;
	line-height:40px;
	position:relative;
	border-bottom:1px solid #ccc;
	padding:0 10px;
}
.cover .cover_title span{ margin:0 10px 0 10px; color:green;}

.cover .cover_title a.cover_close{
	font-size: 32px;
	float: right;
    font-weight: 700;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .4;
    filter: alpha(opacity=40);
    opacity: .4;
	cursor:pointer;
	text-decoration:none;
}
.cover .cover_title a:hover.cover_close{
    opacity: .6;
    filter: alpha(opacity=60);
    opacity: .6;
}

.cover .blueBtn{
    cursor: pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    background: #006cc9;
    color: #fff;
    border: none;
    padding-left: 40px;
    padding-right: 40px;
	font-size:16px;
}
.cover .cover_over{
	border-top: 1px solid #ccc;
    text-align: center;
    padding-top: 20px;
	margin-top:20px;
}



.cart_price_show{ text-align:right; line-height:30px; width:220px; }
.cart_price_show p{ padding-right:10px;}

/*container end*/
.app-help-container {
    position:absolute;
    top: 50px;
    right: 205px;
    bottom: 0;
    width: 205px;
	min-height:800px;
    background: #fff;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s,-webkit-transform 0.5s;
    transition: transform 0.5s,-webkit-transform 0.5s;
    -webkit-box-shadow: -2px -2px 8px 0 rgba(0,0,0,0.1);
    box-shadow: -2px -2px 8px 0 rgba(0,0,0,0.1);
	display:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.width800{ width:800px;}
.width1000{ width:1000px;}
span.pay_show{ color:green;}
span.pay_show em{ color:#aaa; font-style:normal;}

@media only screen and (max-width:1200px){
	#container{
		margin: 120px 0 0 0;
	}
	.logo{ left:16px;}
	.first-nav{		
		z-index:2;
	}
	.first-nav nav{
		margin-left:120px;
	}
	.second-nav{
		position:fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height:64px;
		background:#f7f7f7;
		z-index:1;
	}
	.second-nav-title{
		position:absolute;
		top:0;
		left:0;
		border-bottom: none;
		margin-top:4px;
	}
	.second-nav nav{
		margin-left:120px;
		display:inline-table;
		
	}
	.second-nav nav li{
		display:inline-table;
		margin-right:6px;
	}
	.second-nav nav li a{
		color:#0352BC;
		display: block;
		padding-left:10px;
		padding-right:10px;
	}
	.second-nav nav li a:hover{
		color:#38f;
	}
	.second-nav nav li.active a,.second-nav nav li.active a:hover{
		background:#e7e7e7;
		color:#333;
	}
}
/*
@media only screen and (min-width: 1600px) {
	.app-help-container{ display:block;}
	#container{ margin-right:205px;}
}
*/
/*
.arrivalTime{position:relative;color:#555 !important;}
.addDay{color:#999 !important;position:absolute;top:-13px;right:-18px}
*/
.arrivalTime{position:relative;color:#555 !important;}
.addDay{color:#555 !important;}