body{background-color:#454d55;}
._list{background-color:#FFFFFF;}
._title,._box,._box_now {margin:0px auto;padding:25px;background-color:#FFF;}

.clear {content:"";display:table;}
.clear:after{clear:both;}
.loginBox {width:700px;margin:0 auto;}
.loginBackgroud {background-image:url(../images/loginBackgroud.jpg);width:960px;height:320px;margin:0 auto;}
.login_box {margin:0 auto;width:290px;font-size:20px;padding:30px 0;}
.list {list-style-type:none;border-bottom:1px solid #ddd;width:290px;}
.list > li {float:left;width:90px;}
.barcode, .account {cursor:pointer;text-align:center;}
.account_box  {display:none;}
.barcode_box > div, .account_box > div  {margin:30px 0;}
.spe {background-color:#a7a7a7;border-radius:3px 3px 0 0;color:#fff;}
.account_box > div:nth-child(3) {width:53px;margin:30px auto;}

header {background-color:#212529;color:#FFF;}
.header {padding:0 20px;margin:0 auto;display:flex;justify-content: space-between;}
.header > div > h1 {color:#FFBF00;margin-top:10px;margin-bottom:5px;font-family:DFKai-sb;}
.header > div > h3 {margin-top:0px;}
.logout > a > label {margin-top:10px;font-size:20px;color:#5a78d3;cursor:pointer;color:#FFF;}
.logout {display:flex;align-items:center;}

footer {display:flex;justify-content:space-between;padding-top:10px;padding-bottom:8px;background-color:#212529;color:#FFF;}
footer div {padding: 0 10px;}

.icon_list li {float:left;width:220px;height:220px;border-radius:10px;margin:0 30px;cursor:pointer;}
.icon_list li > label{font-size:80px;position:relative;top:50px;left:30px;color:#fff;cursor:pointer;}
.icon_list a:nth-child(1) > li {background-color:#fbb900;}
.icon_list a:nth-child(2) > li {background-color:#549013;}
.icon_list a:nth-child(3) > li {background-color:#4900fb;}
.icon_list a:nth-child(4) > li {background-color:#9e248a;}
.icon_list a:nth-child(5) > li {background-color:#fb0000;margin-top:60px;}
.icon_list a:nth-child(6) > li {background-color:#000000;margin-top:60px;}

.step_top {background-color:#e4e4e4;display:block;width:100px;height:40px;border-radius:3px;border:1px solid #b5b5b5;text-align:center;font-size:18px;padding-top:5px;color:#000;}
.step_top:hover {color:#fff;background-color:#f9d421;}
.step1_top {width:100%;margin-bottom:20px;}
.step1_top > div:nth-child(1) {float:left;}
.step1_top > div:nth-child(2) {float:right;}
.step1_top > div:nth-child(2) > ul > li {float:left;margin-left:20px;}
.fastList ul {font-size:24px;}
.fastList li {margin:0 5px 10px;font-weight:bold;cursor:pointer;}
.fastList li:hover {background-color:#eee;}

.step2, .step3 {display:none;}

.step1_1_row1 > div {margin:0 0 20px 5px;}
.step1_1_row2 > div {padding-right:50px;}
.step1_1_row2 > div > div {padding-top:50px;}

.step2_2 {margin-top:10px;}
.step2_2 > table {text-align:center;width:100%;}
.step3_2 > table {text-align:center;width:100%;}

.step2 .floatLeft {margin:30px 0;}

.add_tr {cursor: pointer;}
input[name="applyer"], input[name="taker"], input[name="deliverer"] {width: 150px;}
.hiddenInput {margin-left:20px;}
input[name="purpose"], input[name="aging"], input[name="identifyCategory"] {display:none;}

.floatLeft > div {float:left;}

.text16 {font-size:16px;}
.text16 input, .text16 select {font-size:14px;}
.text18 {font-size:18px;}
.text18 input, .text18 select {font-size:16px;}
.text20 {font-size:20px;}
.text20 input, .text20 select {font-size:18px;}
.text24 {font-size:24px;}
.text24 input, .text24 select {font-size:22px;}
.text44 {font-size:44px;}

.text16 > label, .text18 > label, .text20 > label, .text44 > label {font-weight:900}

table td {border:1px solid #ddd;padding:20px 9px;}
input, select {border-radius:5px;border:1px solid #ddd;}
input {padding-left:5px;}
input[type="date"] {line-height: normal;}
a, a:hover {text-decoration:none;}

.input-small {width:145px;}

.testItem {display:none;}
.testItem_ {margin-left:40px;display:none;}
.testItem_ span {padding:10px 20px;display:inline-block;font-size:22px;font-weight:900;width:250px;}

.testItem_a, .testItem_a:hover{color:#000;}

.fast_box {width:105px;margin:0 auto;background-color:#ffb100;border-radius:5px;}
.fast_box  > div {margin:0 3px 0 5px;}
.fast_box a {color:#000;}
.wait_tb{
	font-size:14px;
}
.wait_list{
	font-weight: bold;
	background-color:#AAA;
}
.wait_list > td{
	text-align:center;
}
._list > td{
	text-align:center;
}
._box{
	min-height:734px;
}
._box_now{
	min-height:797px;
}
.add_tb{
	font-size:16px;
	width:600px;
}
.add_list{
	font-weight: bold;
	background-color:#AAA;
	text-align:center;
}

.highcharts-figure{
	border:#BEBEBE 1px solid;
}

.wrapper {
	padding: 20px;
}

@media (min-width: 1200px) {
	._title,._box,._box_now, table {
		width:1200px;
	}
}