@charset "utf-8";
iframe[name=hiddenFrame] {display: none}
#banner {
	height: 187px;
	color: #fff;
	font-size: 30px;
	line-height: 186px;
	text-align: center;
	background: url(../img/b_order.jpg) center center no-repeat;
}
#subMenu {
	padding: 20px 0;
	text-align: center;
	background-color: #f6f6f6;
}
#subMenu a {
	display: inline-block;
	margin: 0 25px;
	padding: 0 6px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	border-bottom: 2px solid #f6f6f6;
}
#subMenu a:hover, #subMenu .f {
	color: #2088e5;
	border-color: #2088e5;
}
::-moz-placeholder {color: #999}
::-webkit-input-placeholder {color: #999}
:-ms-input-placeholder {color: #999}
:input-placeholder {color: #999}
form {
	display: block;
	margin: 50px auto;
	width: 520px;
}
form>div {
	padding: 10px 0;
}
label {
	display: inline-block;
	vertical-align: middle;
	padding-right: 24px;
	width: 80px;
	height: 42px;
	line-height: 40px;
	text-align: right;
}
input, textarea {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #dce1e3;
	border-radius: 3px;
	font: normal 14px/20px "Microsoft Yahei", SimSun, Helvetica, sans-serif;
	outline: none;
}
textarea {
	padding: 3px 6px;
	width: 378px;
	height: 120px;
	resize: none;
	overflow: auto;
}
input[type="text"] {
	padding: 0 6px 1px;
	width: 378px;
	height: 39px;
}
input[name="code"] {
	width: 248px;
	margin-right: 15px;
}
form p {
	color: #2088e5;
	padding: 5px 0 5px 104px;
}
input[type="button"], input[type="submit"] {
	padding-bottom: 2px;
	width: 115px;
	height: 42px;
	border: none;
	color: #fff;
	cursor: pointer;
	background-color: #62a8ea;
	transition: background-color .3s;
}
input[type="button"]:hover {background-color: #2088e5}
input[type="submit"] {
	margin: 10px 0 0 104px;
	padding-bottom: 3px;
	width: 392px;
	font-size: 18px;
	background-color: #2088e5;
}
input[type="submit"]:hover {background-color: #0067c4}
input[type=submit]:disabled, input[type=button]:disabled {
	color: #999;
	background-color: #eee;
	cursor: default;
}
.select_box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 142px;
	height: 40px;
	color: #000;
	line-height: 38px;
	border: 1px solid #dce1e3;
	border-radius: 3px;
	cursor: pointer;
}
.select_box:before {
	content: '';
	position: absolute;
	right: 32px;
	width: 1px;
	height: 40px;
	background-color: #dce1e3;
	transition: background-color .3s;
}
.select_box:after {
	content: '';
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top-color: #333;
	transition: border-top-color .3s;
}
.select_box span {
	display: block;
	width: calc(100% - 40px);
	padding-left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select_box ul {
	position: absolute;
	z-index: 1;
	left: -1px;
	margin-top: 1px;
	top: 40px;
	min-width: 100%;
	box-shadow: 5px 5px 5px rgba(0,0,0,.05);
	border-left: 1px solid #dce1e3;
	border-right: 1px solid #dce1e3;
	background-color: #fff;
	max-height: 300px;
	overflow: auto;
	display: none;
}
.select_box li {
	padding: 0 6px;
	height: 40px;
    white-space: nowrap;
	border-bottom: 1px solid #dce1e3;
	transition: all .3s;
}
.select_box li:hover {background-color: #cce7ff}
.select_box.f:before {background-color: #2088e5}
.select_box.f:after {border-top-color: #2088e5}
.select_box.f ul {display: block}
.select_box li.f {
	color: #fff;
	background-color: #2088e5;
}
input[type="text"], textarea, .select_box {
	box-shadow: 0 0 5px rgba(32,136,229,0);
	transition: border-color .3s, box-shadow .3s;
}
input[type=text]:focus, textarea:focus, .select_box.f {
	border-color: #2088e5;
	box-shadow: 0 0 5px rgba(32,136,229,.25);
}
#main>div {
	margin: 50px auto;
	width: 640px;
	text-align: center;
}
#msg, #err {
	display: inline-block;
	padding: 160px 0 200px;
	font-size: 17px;
	line-height: 30px;
}
#err {
	padding: 72px 0;
}
#msg:before, #err:before {
	content: '';
	float: left;
	margin-right: 12px;
	width: 32px;
	height: 32px;
	background: url(../img/ico_order.png) 0 -64px no-repeat;
}
#err:before {background-position: 0 -96px}
#orders {
	text-align: left;
}
#orders>* {
	padding: 20px 40px;
	border-bottom: 1px solid #ececec;
}
#orders>div p {
	text-align: right;
	color: #999;
}
#orders h3 {
	padding-left: 29px;
	line-height: 40px;
	font-size: 18px;
	color: #2088e5;
}
#orders ul {
	padding-left: 90px; 
	line-height: 24px;
}
#orders ul:before {
	content: '';
	position: absolute;
	margin: 4px 0 0 -50px;
	width: 32px;
	height: 32px;
	background: url(../img/ico_order.png) 0 0 no-repeat;
}
#orders .s1:before {background-position: 0 -32px}
#orders .s2:before {background-position: 0 -64px}
#orders .s3:before {background-position: 0 -96px}
#orders .exp {color: #d00}