@charset "utf-8";
/* CSS Document */
body {margin: 0px; padding: 0px; background: #F1F1F1;}
body, th, td {font-family: "微软雅黑"; font-size: 12px; color: #333;}
a {color: #333; text-decoration: none;}
a:hover {color: #F00; text-decoration: none;}
div, dl, dt, dd, ol, ul, li, form, p {margin: 0px; padding: 0px;}
ul, li {list-style: none; list-style-type: none;}
img {border: 0px;}
input, select, textarea {margin: 0px; padding: 0px 5px; background: #FFF; border: #DEDEDE 1px solid; border-radius: 5px; box-sizing: border-box; line-height: 30px; font-family: "微软雅黑"; font-size: 12px; color: #333;}
input[type=text], input[type=password], select {height: 30px;}
input:focus, select:focus, textarea:focus {outline: none;}
input::placeholder {color: #999;}
input:focus::placeholder {color: #CCC;}

@keyframes circleFade {
	0%, 39%, 100% {opacity: 0;}
	40% {opacity: 1;}
}
@-webkit-keyframes circleFade {
	0%, 39%, 100% {opacity: 0;}
	40% {opacity: 1;}
}
.page-init {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: fixed; left: 0px; top: 0px; z-index: 9990; display: none;}
	.load-circle {width: 150px; height: 150px; margin: -75px 0px 0px -75px; position: fixed; left: 50%; top: 50%; z-index: 9991;}
		.load-circle span {width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px;}
		.load-circle span:before {width: 15%; height: 15%; margin: 0px auto; background: #FFF; border-radius: 100%; display: block; content: ""; animation: circleFade 1.2s infinite ease-in-out both; -webkit-animation: circleFade 1.2s infinite ease-in-out both;}
		.load-circle span:nth-child(2) {transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg);}
		.load-circle span:nth-child(2):before {animation-delay: -1.1s; -webkit-animation-delay: -1.1s;}
		.load-circle span:nth-child(3) {transform: rotate(60deg); -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg);}
		.load-circle span:nth-child(3):before {animation-delay: -1s; -webkit-animation-delay: -1s;}
		.load-circle span:nth-child(4) {transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);}
		.load-circle span:nth-child(4):before {animation-delay: -0.9s; -webkit-animation-delay: -0.9s;}
		.load-circle span:nth-child(5) {transform: rotate(120deg); -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg);}
		.load-circle span:nth-child(5):before {animation-delay: -0.8s; -webkit-animation-delay: -0.8s;}
		.load-circle span:nth-child(6) {transform: rotate(150deg); -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg);}
		.load-circle span:nth-child(6):before {animation-delay: -0.7s; -webkit-animation-delay: -0.7s;}
		.load-circle span:nth-child(7) {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
		.load-circle span:nth-child(7):before {animation-delay: -0.6s; -webkit-animation-delay: -0.6s;}
		.load-circle span:nth-child(8) {transform: rotate(210deg); -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg);}
		.load-circle span:nth-child(8):before {animation-delay: -0.5s; -webkit-animation-delay: -0.5s;}
		.load-circle span:nth-child(9) {transform: rotate(240deg); -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg);}
		.load-circle span:nth-child(9):before {animation-delay: -0.4s; -webkit-animation-delay: -0.4s;}
		.load-circle span:nth-child(10) {transform: rotate(270deg); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg);}
		.load-circle span:nth-child(10):before {animation-delay: -0.3s; -webkit-animation-delay: -0.3s;}
		.load-circle span:nth-child(11) {transform: rotate(300deg); -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg);}
		.load-circle span:nth-child(11):before {animation-delay: -0.2s; -webkit-animation-delay: -0.2s;}
		.load-circle span:nth-child(12) {transform: rotate(330deg); -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg);}
		.load-circle span:nth-child(12):before {animation-delay: -0.1s; -webkit-animation-delay: -0.1s;}
	.msg-box {width: 450px; height: auto; min-height: 200px; margin: -175px 0px 0px -225px; padding-bottom: 50px; background: #FFF; overflow: hidden; position: fixed; left: 50%; top: 50%; z-index: 9995; display: none;}
		.msg-box-title {width: 100%; height: 50px; background: #19B9E7; padding-left: 20px; box-sizing: border-box; line-height: 50px; font-size: 16px; color: #FFF; overflow: hidden;}
		.msg-box-text {width: 100%; height: auto; max-height: 180px; padding: 10px 20px; box-sizing: border-box; line-height: 30px; font-size: 14px; overflow-x: hidden; overflow-y: auto;}
			.msg-box-text input {width: 100%;}
		.msg-box-btn {width: 100%; height: 40px; overflow: hidden; position: absolute; right: 0px; bottom: 10px;}
			.msg-box-btn div {width: auto; min-width: 100px; height: 40px; margin-right: 20px; border-radius: 5px; text-align: center; line-height: 40px; font-size: 14px; overflow: hidden; float: right; cursor: pointer;}
			.msg-box-btn div.msg-box-btn-cancel {background: #AAA; color: #FFF;}
			.msg-box-btn div.msg-box-btn-submit {background: #FF865C; color: #FFF;}
				.msg-box-btn div.msg-box-btn-submit input {width: 100%; height: 40px; background: #FF865C; border: none; text-align: center; line-height: 40px; font-size: 14px; color: #FFF; cursor: pointer;}

	.up-progress {width: 100%; height: 200px; background: #FFF; overflow: hidden; position: absolute; left: 0px; top: 50px; z-index: 9996; display: none;}
		.up-number {width: 120px; height: 120px; margin-left: -60px; background: #FFF; border-radius: 50%; text-align: center; line-height: 120px; font-size: 30px; color: #19B9E7; overflow: hidden; position: absolute; left: 50%; top: 40px; z-index: 9999;}
		.up-circle {width: 138px; height: 138px; margin-left: -69px; border: #19B9E7 10px solid; border-radius: 50%; box-sizing: border-box; position: absolute; left: 50%; top: 31px; z-index: 9997;}
		.up-left {width: 70px; height: 140px; margin-left: -70px; border-radius: 70px 0px 0px 70px; overflow: hidden; position: absolute; left: 50%; top: 30px; z-index: 9998;}
		.up-right {width: 70px; height: 140px; border-radius: 0px 70px 70px 0px; overflow: hidden; position: absolute; left: 50%; top: 30px; z-index: 9998;}
		.up-left-cover {width: 70px; height: 140px; background: #EDEDED; transform-origin: right;}
		.up-right-cover {width: 70px; height: 140px; background: #EDEDED; transform-origin: left;}


.login-body {width: 100%; height: 100vh; background: url(../images/login_bg.png) center no-repeat; background-size: cover;}
	.login-box {width: 60%; height: 600px; margin: -300px 0px 0px -30%; background: #FFF; border-radius: 10px; box-shadow: #DDD 0px 0px 8px 2px; overflow: hidden; position: absolute; left: 50%; top: 50%;}
		.login-logo {width: 60%; height: 100%; background: #F5F5F5; position: relative; float: left;}
			.login-logo .logo {width: 150px; height: 150px; margin: -115px 0px 0px -115px; padding: 40px; background: url(../images/login_logo.png) center no-repeat; position: absolute; left: 50%; top: 50%; display: block;}
				.login-logo .logo img {width: 150px; height: 150px; border-radius: 50%; display: block;}
		.login {width: 30%; height: auto; padding: 50px 5%; overflow: hidden; float: right;}
			.login-title {width: 100%; height: 80px; text-align: center; line-height: 80px; font-size: 30px; color: #0d70b7;}
			.login-item {width: 100%; height: 50px; margin-top: 30px; padding-left: 40px; border-bottom: #DDD 1px solid; box-sizing: border-box; line-height: 50px; overflow: hidden; position: relative;}
			.login-item.user {background: url(../images/login_user.png) 5px center no-repeat; background-size: 20px 20px;}
			.login-item.pwd {background:url(../images/login_pwd.png) 5px center no-repeat; background-size: 20px 20px;}
			.login-item.code {background: url(../images/login_code.png) 5px center no-repeat; background-size: 20px 20px;}
			.login-item.prompt {background: url(../images/login_prompt.png) 5px center no-repeat; background-size: 20px 20px; color: #F00;}
				.login-item input {width: 100%; height: 50px; margin: 0px; padding: 0px; background: #FFF; border: none; line-height: 50px; font-size: 16px; color: #666;}
				.login-item img {position: absolute; right: 0px; top: 3px; cursor: pointer;}
			.login-btn {width: 100%; height: 50px; margin-top: 30px; overflow: hidden;}
				.login-btn input {width: 100%; height: 50px; margin: 0px; padding: 0px; background: #19B9E7; border: none; border-radius: 25px; text-align: center; line-height: 50px; font-size: 16px; color: #FFF; cursor: pointer;}
	.login-copyright {width: 100%; height: 50px; margin: 330px 0px 0px 0px; text-align: center; line-height: 50px; color: #999; overflow: hidden; position: absolute; left: 0px; top: 50%;}
		.login-copyright span {padding: 0px 10px;}

.header {width: 100%; height: 90px; padding: 0px 0px 0px 140px; background: #FFF; box-shadow: #CCC 0px 1px 5px; box-sizing: border-box; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 91;}
	.header .wrapper {width: 100%; height: 90px; overflow: hidden;}
	.header .company {width: 100%; height: 90px; text-align: center; line-height: 90px; font-size: 30px; overflow: hidden;}

.footer {width: 100%; height: 50px; overflow: hidden;}
	.footer .wrapper {width: 100%; height: 50px; background: #FFF; box-shadow: #CCC 0px 0px 5px; overflow: hidden; position: fixed; left: 0px; bottom: 0px; z-index: 90;}
		.footer .wrapper {color: #999;}
		.footer .wrapper a {color: #999;}
	.copyright {width: 100%; height: auto; text-align: center; line-height: 50px; overflow: hidden;}
		.copyright span {padding: 0px 10px;}

.menu-btn {display: none;}
.menu {width: 120px; height: 100%; background: #19B9E7; position: fixed; left: 0px; top: 0px; z-index: 98; transition: all 0.5s;}
	.menu-top {width: 120px; height: 120px; background: #19B9E7; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 99; transition: all 0.5s;}
		.menu-logo {width: 60px; height: 60px; margin: 5px auto 0px auto; background: #FFF; border-radius: 50%; overflow: hidden;}
			.menu-logo img {width: 60px; height: 60px; display: block;}
		.menu-name {width: 120px; height: 20px; text-align: center; line-height: 20px; font-size: 16px; color: #FFF; overflow: hidden;}
		.menu-title {width: 120px; height: 30px; margin-top: 5px; background: #31caf6; text-align: center; line-height: 30px; font-size: 10px; color: #FFF; overflow: hidden;}
	.menu-list {width: 100%; height: auto; margin-top: 125px;}
		.menu-list > li {width: 100%; height: 50px; padding-left: 40px; box-sizing: border-box; cursor: pointer; position: relative;}
		.menu-list > li:hover {background: #31caf6;}
		.menu-list > li:before {width: 20px; height: 20px; background-size: 20px 20px !important; position: absolute; left: 10px; top: 15px; content: "";}
		.menu-list > li.m_scan:before {background: url(../images/scan.png) center no-repeat;}
		.menu-list > li.m_info:before {background: url(../images/nav_info.png) center no-repeat;}
		.menu-list > li.m_asset:before {background: url(../images/nav_asset.png) center no-repeat;}
		.menu-list > li.m_supplies:before {background: url(../images/nav_supplies.png) center no-repeat;}
		.menu-list > li.m_invoice:before {background: url(../images/nav_invoice.png) center no-repeat;}
		.menu-list > li.m_guest:before {background: url(../images/nav_guest.png) center no-repeat;}
		.menu-list > li.m_user:before {background: url(../images/nav_user.png) center no-repeat;}
		.menu-list > li.m_system:before {background: url(../images/nav_system.png) center no-repeat;}
			.menu-list > li label {width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #FFF; overflow: hidden; display: block; cursor: pointer;}
			.menu-list > li ul {width: 0px; height: auto; min-height: 80px; background: #FFF; border-top: #31caf6 2px solid; box-shadow: #999 2px 2px 5px; overflow: hidden; position: absolute; left: 120px; top: 0px; transition: all 0.3s;}
			.menu-list > li.hide ul {width: 0px; transition: all 0.3s;}
			.menu-list > li.show ul {width: 150px; transition: all 0.3s;}
				.menu-list > li ul li {width: 100%; height: 36px; line-height: 36px; font-size: 12px; color: #333; overflow: hidden;}
				.menu-list > li ul li:first-child {padding-top: 5px;}
				.menu-list > li ul li:last-child {padding-bottom: 5px;}
				.menu-list > li ul li:hover {background: #E8E8E8; color: #F00;}
					.menu-list > li ul li a {width: 100%; height: 30px; padding-left: 40px; box-sizing: border-box; display: block; position: relative;}
					.menu-list > li ul li a:before {width: 20px; height: 36px; line-height: 36px; position: absolute; left: 20px; top: 0px; content: ">";}

.page-body {width: 100%; height: auto; padding: 90px 0px 0px 120px; box-sizing: border-box; overflow: hidden;}
.main-body {width: 100%; height: auto; padding: 10px; box-sizing: border-box; overflow: hidden;}
	.main-body .wrapper {width: 100%; height: auto; padding: 50px 15px 15px 15px; box-sizing: border-box; background: #FFF; box-shadow: #CCC 0px 0px 5px; border-radius: 5px; overflow: hidden;}

.page-title {width: 100%; height: 65px; padding: 10px 10px 0px 130px; background: #F1F1F1; box-sizing: border-box; overflow: hidden; position: fixed; left: 0px; top: 90px; z-index: 90;}
.page-title.usercode {padding: 10px 10px 0px 10px; top: 0px;}
	.page-title .wrapper {width: 100%; height: 55px; padding: 10px 20px; box-sizing: border-box; background: #FFF; box-shadow: #CCC 0px 0px 5px; border-radius: 5px 5px 0px 0px; line-height: 30px; font-size: 18px; color: #333; font-weight: bold; overflow: hidden;}
		.page-title .wrapper span {float: left;}

.search-btn {display: none;}
.search {width: auto; height: 30px; font-size: 14px; position: fixed; right: 25px; top: 110px; z-index: 92;}
	.search .search-item {width: auto; height: 30px; line-height: 30px; float: left; display: inline-block; position: relative;}
		.search .search-item input, .search .search-item select {border-right: none; border-radius: 0px;}
		.search .search-item:first-child input, .search .search-item:first-child select {border-radius: 5px 0px 0px 5px;}
		.search input[type=text] {width: 100px;}
		.search input#search_cus_name {width: 200px;}
		.search input.w180 {width: 180px;}
		.search input.w100 {width: 100px;}
		.search input.datetime {width: 100px; background: #FFF url(../../datepicker/skin/datePicker.gif) right center no-repeat;}
		.search input[type=button] {width: auto; height: 30px; padding: 0px 5px 0px 24px; background: #19B9E7 url(../images/search2.png) 4px center no-repeat; background-size: 16px 16px; border: #19B9E7 1px solid; border-radius: 0px 5px 5px 0px; line-height: 20px; font-size: 12px; color: #FFF; cursor: pointer;}

.form-select {width: 100%; height: auto; overflow: hidden;}
	.form-select li {width: 30%; height: 120px; margin: 20px 5% 0px 0px; background: #F8F8F8; border: #DEDEDE 1px solid; border-radius: 5px; box-sizing: border-box; text-align: center; line-height: 120px; font-size: 16px; overflow: hidden; float: left;}
	.form-select li:nth-child(3n) {margin: 20px 0px 0px 0px;}
		.form-select li a {display: block;}
		.form-select li p {padding: 0px 10px; vertical-align: middle; line-height: 30px; display: inline-block;}

.form-table {width: 100%; height: auto; margin-top: 10px; border: #DEDEDE 1px solid; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
	.form-table > ul {width: 100%; height: auto; border-top: #DEDEDE 1px solid; line-height: 30px; position: relative;}
	.form-table > ul:first-child {border-top: none;}
		.form-table > ul > li {width: 100%; height: auto; min-height: 50px; padding: 10px 5px 10px 100px; box-sizing: border-box; position: relative;}
		.form-table > ul > li:first-child {width: 95px; height: auto; margin-bottom: -9999px; padding: 0px 5px 9999px 5px; background: #F8F8F8; border-right: #DEDEDE 1px solid; line-height: 50px; font-weight: bold; overflow: hidden; position: absolute; left: 0px; top: 0px;}
			.form-table > ul > li:first-child p {vertical-align: middle; line-height: 17px; display: inline-block;}
			.form-table > ul > li > input[type=text], .form-table > ul > li > input[type=password], .form-table > ul > li > textarea {width: 100%; max-width: 600px;}
			.form-table input[type=text].datetime {width: 100%; max-width: 202px; background: #FFF url(../../datepicker/skin/datePicker.gif) right center no-repeat;}
			.form-table > ul > li > label {width: auto; min-width: 70px; margin: 0px 10px 0px 0px; overflow: hidden; display: inline-table; cursor: pointer;}
			.form-table ul li dl {width: 100%; height: auto; overflow: hidden; position: relative;}
				.form-table ul li dl dt {width: 110px; height: auto; font-weight: bold; overflow: hidden; position: absolute; left: 0px; top: 0px;}
				.form-table ul li dl dd {width: 100%; height: auto; padding-left: 110px; box-sizing: border-box; overflow: hidden;}
				.form-table ul li dl label {width: auto; min-width: 100px; margin-right: 10px; overflow: hidden; display: inline-table; cursor: pointer;}
				.form-table ul li dl label::selection {background: transparent;}
			.form-table > ul > li .drop {width: 100%; max-width: 600px; height: auto; background: #F7F7F7; border: #CCC 1px solid; box-sizing: border-box; overflow: hidden; position: absolute; z-index: 99; display: none;}
				.form-table > ul > li .drop ul {width: 100%; height: auto; text-align: left; overflow: hidden;}
					.form-table > ul > li .drop ul li {width: 100%; height: auto; padding: 5px; box-sizing: border-box; line-height: 20px; overflow: hidden; cursor: pointer;}
					.form-table > ul > li .drop ul li:hover {background: #19B9E7; color: #FFF;}
input#btn_download, input#btn_upfile, input#btn_modify {background: #19B9E7; border: none; color: #FFF; cursor: pointer;}
.btn_scan {width: 30px; height: 30px; background: #19B9E7 url(../images/scan.png) center no-repeat; background-size: 24px 24px; border-radius: 0px 5px 5px 0px; text-indent: -999px; position: absolute; top: 10px; left: 670px; overflow: hidden; cursor: pointer;}
/*
.form-btn {width: 100%; height: auto; padding: 10px 0px 0px 80px; overflow: hidden;}
	.form-btn input {width: auto; min-width: 150px; height: 40px; margin: 0px 10px; padding: 0px 20px; background: #19B9E7; border: none; font-size: 16px; color: #FFF; cursor: pointer;}
	.form-btn input#btnBack {background: #AAA;}
input#btn_download, input#btn_upfile {background: #19B9E7; border: none; color: #FFF;}
*/
.auth-box {width: 50%; height: 500px; margin: 30px auto 0px auto; padding: 20px; background: #FFF; box-sizing: border-box; box-shadow: #CCC 0px 0px 1px 1px; overflow: hidden;}
	.auth-title {width: 100%; height: 100px; background: url(../../logo.png) right center no-repeat; background-size: 100px 100px; line-height: 100px; font-size: 24px; overflow: hidden;}
	.auth-item {width: 100%; height: auto; margin-top: 30px; overflow: hidden;}
		.auth-item input {width: 100%; height: 50px; margin: 0px; padding: 0px 10px; background: #FFF; border: #DDD 1px solid; box-sizing: border-box; line-height: 50px; font-size: 16px; color: #666; overflow: hidden;}
		.auth-item input[type=submit] {background: #19B9E7; color: #FFF; cursor: pointer;}
	.auth-prompt {width: 100%; height: auto; margin-top: 30px; text-align: center; line-height: 50px; font-size: 16px; color: #8D3728; overflow: hidden;}

.block-title {width: 100%; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; overflow: hidden;}
.my-info {width: 100%; height: auto; padding-bottom: 20px; border-top: #DDD 1px solid; line-height: 40px; overflow: hidden;}




.page-list-box {width: 100%; height: 50px; padding: 0px 0px 0px 120px; background: #FFF; box-shadow: #CCC 0px 0px 5px; box-sizing: border-box; position: fixed; left: 0px; bottom: 0px; z-index: 92;}
.page-form-btn {width: auto; height: 40px; padding: 10px 0px 10px 25px; overflow: hidden; display: inline-block; position: absolute; left: 120px; top: 0px;}
	.page-form-btn input {width: auto; height: 30px; padding: 0px 20px; background: #19B9E7; border: #19B9E7 1px solid; font-size: 12px; color: #FFF; cursor: pointer;}



.page-bottom {width: 100%; height: 60px;}
	.page-bottom .wrapper {width: 100%; height: 60px; padding: 10px 10px 10px 130px; background: #FFF; border-top: #D4D4D4 1px solid; box-shadow: #D4D4D4 0px 0px 5px; box-sizing: border-box; position: fixed; left: 0px; bottom: 0px; z-index: 92;}
.form-btn {width: auto; height: 40px; overflow: hidden; float: left;}
.form-btn.padding {padding-left: 105px;}
	.form-btn input {width: auto; min-width: 150px; height: 40px; margin: 0px 10px; padding: 0px 20px; background: #19B9E7; border: none; font-size: 16px; color: #FFF; cursor: pointer;}
	.form-btn input#btnBack {background: #AAA;}
	.form-btn input#btnDelete {background: #FF865C;}

.page-list {width: auto; height: 30px; padding: 5px 0px; line-height: 28px; font-size: 0px; float: right;}
	.page-list a {margin: 0px 3px;}
	.page-list span {width: auto; min-width: 30px; height: 30px; margin: 0px 3px; background: #FFF; border: #999 1px solid; border-radius: 5px; box-sizing: border-box; text-align: center; font-size: 12px; color: #333; display: inline-block;}
	.page-list a span {margin: 0px; padding: 0px 10px;}
	.page-list span.page {width: 70px; background: #19B9E7; border: #19B9E7 1px solid; color: #FFF; cursor: pointer; position: relative;}
		.page-list span.page label {width: 100%; height: 100%; display: block; cursor: pointer;}
		.page-list span.page ul {width: 100%; height: auto; max-height: 300px; background: #FFF; border: #DDD 1px solid; box-shadow: #CCC 0px 0px 5px; overflow-x: hidden; overflow-y: auto; position: absolute; left: -1px; bottom: 30px; display: none;}
		.page-list span.page ul.open {display: block;}
		.page-list span.page ul.close {display: none;}
			.page-list span.page ul li {width: 100%; height: 30px; overflow: hidden;}
				.page-list span.page ul li a {margin: 0px; display: block;}
				.page-list span.page ul li:hover a, .page-list span.page ul li.cur  {background: #19B9E7; color: #FFF;}
	.page-list span:hover {background: #19B9E7; border: #19B9E7 1px solid; color: #FFF;}
	.page-list span.front, .page-list span.front:hover {background: #FFF; border: none; color: #333;}
	.page-list span.disable, .page-list span.disable:hover {padding: 0px 10px; background: #F0F0F0; border: #F0F0F0 1px solid; color: #999;}



.import-data-box {width: 100%; height: auto; border: #DEDEDE 1px solid; border-radius: 5px; box-sizing: border-box; overflow: hidden; position: relative;}
	.import-data {width: 100%; height: auto; padding: 39px 0px 0px 0px; overflow: auto;}
		.import-data ul {width: auto; min-width: 100%; height: auto; padding: 0px 0px 0px 30px; background: #FFF; border-bottom: #DEDEDE 1px solid; box-sizing: border-box; white-space: nowrap; overflow: hidden; display: block; float: left; position: relative; z-index: 90;}
		.import-data ul.import-data-title {height: 40px; font-weight: bold; position: absolute; top: 0px; z-index: 91;}
			.import-data ul li {width: 100px; height: auto; min-height: 40px; margin-bottom: -999px; padding: 10px 5px 999px 5px; background: #FFF; border-right: #DEDEDE 1px solid; box-sizing: border-box; line-height: 20px; display: inline-block; overflow: hidden;}
			.import-data ul li:last-child {border-right: none;}
			.import-data ul li.data-choose {width: 30px; position: absolute; left: 0px;}
			
			.import-data ul li.asset-id {width: 80px;}
			.import-data ul li.asset-zcybm {width: 100px;}
			.import-data ul li.asset-kjpzh {width: 100px;}
			.import-data ul li.asset-sbbm {width: 100px;}
			.import-data ul li.asset-cgrq {width: 100px;}
			.import-data ul li.asset-rzrq {width: 100px;}
			.import-data ul li.asset-bm {width: 100px;}
			.import-data ul li.asset-ksmp {width: 100px;}
			.import-data ul li.asset-zcbm {width: 110px;}
			.import-data ul li.asset-lyr {width: 80px;}
			.import-data ul li.asset-sbje {width: 80px;}
			.import-data ul li.asset-zjje {width: 80px;}
			.import-data ul li.asset-zczt {width: 60px;}
			.import-data ul li.asset-fl {width: 100px;}
			.import-data ul li.asset-pp {width: 100px;}
			.import-data ul li.asset-xh {width: 100px;}
			.import-data ul li.asset-sfsm {width: 60px;}
			.import-data ul li.asset-byzq {width: 80px;}
			.import-data ul li.asset-bfsqrq {width: 100px;}
			.import-data ul li.asset-bfrkrq {width: 100px;}
			.import-data ul li.asset-bfqlrq {width: 100px;}
			.import-data ul li.asset-bz {width: 200px;}
			
			.import-data ul li.supplies-id {width: 80px;}
			.import-data ul li.supplies-bm {width: 150px;}
			.import-data ul li.supplies-fl {width: 150px;}
			.import-data ul li.supplies-pp {width: 150px;}
			.import-data ul li.supplies-xh {width: 150px;}
			.import-data ul li.supplies-dwgg {width: 80px;}
			.import-data ul li.supplies-cskc {width: 80px; border-right: #DEDEDE 1px solid;}
			
			.import-data ul li.user-id {width: 80px;}
			.import-data ul li.user-yhm {width: 150px;}
			.import-data ul li.user-mm {width: 150px;}
			.import-data ul li.user-xm {width: 150px;}
			.import-data ul li.user-bm {width: 150px;}
			.import-data ul li.user-ksmp {width: 150px;}
			.import-data ul li.user-dh {width: 150px; border-right: #DEDEDE 1px solid;}


.list {width: 100%; height: auto; padding: 39px 0px 0px 0px; border: #DEDEDE 1px solid; border-radius: 5px; box-sizing: border-box; overflow: hidden; position: relative;}
.list.inner {padding: 0px;}
	.list .list-title {width: 100%; height: 40px; padding: 0px 25px 0px 145px; box-sizing: border-box; overflow: hidden; position: fixed; left: 0px; top: 150px; z-index: 90;}
	.list > ul, .list .list-title > ul {width: 100%; height: auto; border-bottom: #DEDEDE 1px solid; box-sizing: border-box; line-height: 20px; position: relative; overflow: hidden;}
	.list > ul:last-child {border-bottom: none;}
	.list > ul.title, .list .list-title ul.title {background: #F8F8F8; border: #DEDEDE 1px solid; border-radius: 5px 5px 0px 0px; font-weight: bold;}
	.list .list-title ul.title {height: 40px;}
	.list.inner > ul.title {border: none; border-bottom: #DEDEDE 1px solid;}
		.list > ul > li, .list .list-title ul li {height: auto; min-height: 40px; margin-bottom: -9989px; padding: 10px 5px 9999px 5px; border-left: #DEDEDE 1px solid; box-sizing: border-box; float: left;}
		.list > ul > li:first-child, .list .list-title ul li:first-child {border-left: none;}
			.list ul li p span {width: 50px; display: inline-block;}
		.list ul li.choose {text-align: center; position: absolute; left: 0px; top: 0px;}
			.list ul li.choose input {cursor: pointer;}
		.list ul li.fixed {position: absolute; top: 0px;}
		.list ul li.operate {padding: 5px 5px 9994px 5px; text-align: right; position: absolute; right: 0px; top: 0px;}
		.list ul.title li.operate {padding: 10px 5px 9999px 5px; text-align: center;}
			.list ul li.operate span {width: auto; height: 28px; margin: 0px 3px; padding: 0px 10px; background: #FFF; border: #DEDEDE 1px solid; border-radius: 3px; line-height: 28px; color: #515a6e; overflow: hidden; display: inline-block; cursor: pointer;}
			.list ul li.operate span.view {background: #F90; border: #F90 1px solid; color: #FFF;}
			.list ul li.operate span.modify {background: #19B9E7; border: #19B9E7 1px solid; color: #FFF;}
			.list ul li.operate span.delete {background: #FF865C; border: #FF865C 1px solid; color: #FFF;}
			.list ul li.operate span.disable {background: #F0F0F0; border: #F0F0F0 1px solid; color: #999;}
			.list ul li.operate span.print {background: #009688; border: #009688 1px solid; color: #FFF;}
			.list ul li input[type=text] {width: 100%; max-width: 300px;}
			.list ul li input[type=button] {cursor: pointer;}
		.list ul li.operate-btn {width: 85%;}
			.list ul li.operate-btn input#btnY {background: #19B9E7; border: #19B9E7 1px solid; color: #FFF;}
			.list ul li.operate-btn input#btnN {background: #AAA; border: #AAA 1px solid; color: #FFF;}
			.list ul li.operate-btn input#btnD {background: #FF865C; border: #FF865C 1px solid; color: #FFF;}
		.list ul li.sequence-btn {width: 15%;}
			.list ul li.sequence-btn input {background: #19B9E7; border: #19B9E7 1px solid; color: #FFF;}
	.list .empty {width: 100%; height: 50px; text-align: center; line-height: 50px; overflow: hidden;}

.column-add {width: auto; height: 30px; margin-top: 10px; padding: 0px 10px; background: #19B9E7; border-radius: 5px; text-align: center; line-height: 30px; font-size: 14px; color: #FFF; overflow: hidden; display: inline-table; cursor: pointer;}

.image-list {width: 100%; height: auto; overflow: hidden;}
	.image-list .item {width: auto; height: auto; margin: 5px 10px 5px 0px; padding: 1px; border: #CDE6FF 1px solid; overflow: hidden; float: left;}
		.image-list .item .image {max-width: 100%; text-align: center; overflow: hidden; position: relative;}
			.image-list .item .image img {max-width: 100%; display: block;}
			.image-list .item .image:hover div {display: block;}
			.image-list .item .image .modify, .image-list .item .image .delete {width: 30px; height: 30px; border-radius: 5px; text-indent: -99px; overflow: hidden; cursor: pointer; position: absolute; top: 0px; display: none;}
			.image-list .item .image .modify {background: #FF7070 url(../images/icon_modify.png) center no-repeat; background-size: 18px 18px; left: 0px;}
			.image-list .item .image .delete {background: #FF7070 url(../images/icon_delete.png) center no-repeat; background-size: 18px 18px; right: 0px;}
			.image-list .item .image .ml, .image-list .item .image .mr {width: 30px; height: 30px; border-radius: 5px; text-indent: -99px; overflow: hidden; cursor: pointer; position: absolute; bottom: 0px; display: none;}
			.image-list .item .image .ml {background: #FF7070 url(../images/arrow_left.png) center no-repeat; background-size: 18px 18px; left: 0px;}
			.image-list .item .image .mr {background: #FF7070 url(../images/arrow_right.png) center no-repeat; background-size: 18px 18px; right: 0px;}
		.image-list .item .input {width: 100%; height: 24px; padding: 2px 0px; line-height: 24px; overflow: hidden;}
			.image-list .item .input input {width: 100%; height: 24px; text-align: center; line-height: 24px;}
			.image-list .item .input select {width: 100%; height: 24px;}
		.image-list .item .imageup {background: #EEE; font-size: 100px; color: #FFF; cursor: pointer;}
		.image-list .item .imageup:hover {background: #CDE6FF;}

.guest-code-box {width: 100%; height: 100%; background: #222D32; position: fixed; left: 0px; top: 0px; z-index: 99990;}
.guest-code {width: 360px; height: 640px; margin: -320px 0px 0px -180px; background: #FFF; border-radius: 10px; box-shadow: #CCC 0px 0px 5px; overflow: hidden; position: fixed; left: 50%; top: 50%; z-index: 99999;}
	.guest-code-title {width: 100%; height: 80px; text-align: center; line-height: 80px; font-size: 24px; overflow: hidden;}
	.guest-code-image {width: 180px; height: auto; margin: 0px auto; overflow: hidden;}
		.guest-code-image img {width: 100%; height: auto; display: block;}
	.guest-code-text {width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 20px; color: #666; overflow: hidden;}
	.guest-code-info {width: 95%; height: 220px; margin: 20px auto 0px auto; padding: 20px 0px 0px 0px; border-top: #DDD 1px dashed; overflow: hidden;}
		.guest-code-info .info-title {width: 28%; height: 20px; padding: 10px 0px; line-height: 20px; font-size: 20px; font-weight: bold; color: #000; overflow: hidden; float: left; clear: left;}
		.guest-code-info .info-content {width: 72%; height: auto; min-height: 20px; padding: 10px 0px; line-height: 20px; font-size: 20px; color: #000; overflow: hidden; float: left;}
	.guest-code-btn {width: 100%; height: auto; margin: 20px 0px 0px 0px; overflow: hidden;}
		.guest-code-btn input {width: 180px; height: 40px; margin: 0px auto; background: #19B9E7; border: none; border-radius: 20px; font-size: 16px; color: #FFF; cursor: pointer; display: block;}

.article {width: 100%; height: auto; min-height: 500px; padding: 15px; box-sizing: border-box; background: #FFF; box-shadow: #CCC 0px 0px 5px; border-radius: 5px; overflow: hidden;}
	.article-title {width: 100%; height: auto; text-align: center; line-height: 24px; font-size: 24px; font-weight: bold; overflow: hidden;}
	.article-detail {width: 100%; height: auto; padding-top: 10px; line-height: 30px; font-size: 16px; overflow: hidden;}

.modify-box {width: 80%; height: 96%; background: #FFF; border: #DDD 1px solid; border-radius: 5px; box-sizing: border-box; box-shadow: #333 0px 0px 5px; overflow: hidden; position: fixed; left: 10%; top: 2%; z-index: 9999; display: none;}
	.modify-box .close-box {width: 30px; height: 30px; background: #F00; border-radius: 50% 5px 50% 50%; text-align: center; line-height: 26px; font-size: 24px; color: #FFF; overflow: hidden; cursor: pointer; position: absolute; right: 0px; top: 0px; z-index: 9999;}
		.modify-box .close-box .close-btn {width: 100%; height: 100%; border-radius: 50%; transform: rotate(45deg);}
	.modify-box iframe {width: 100%; height: 100%; margin: 0px; padding: 0px; border: none;}

@media (max-width: 640px) {
	.load-circle {width: 100px; height: 100px; margin: -50px 0px 0px -50px;}
	.msg-box {width: 300px; margin: -175px 0px 0px -150px;}
	
	.login-body {padding: 2.5% 0px 0px 0px; background: url(../images/login_bg_m.png) center no-repeat; background-size: cover; box-sizing: border-box;}
		.login-box {width: 95%; height: auto; margin: 0px 2.5%; position: static;}
			.login-logo {width: 100%; height: auto;}
				.login-logo .logo {width: 75px; height: 75px; margin: 20px auto 0px auto;; padding: 20px; background: url(../images/login-logo.png) center no-repeat; background-size: 115px 115px; position: static;}
					.login-logo .logo img {width: 75px; height: 75px;}
			.login {width: 90%; padding: 20px 5%;}
				.login-title {height: 50px; line-height: 50px; font-size: 24px;}
				.login-item {margin-top: 10px;}
				.login-btn {margin-top: 10px;}
		.login-copyright {margin: 0px; position: static;}
	
	.header {height: 40px; padding: 0px 0px 0px 80px;}
		.header .wrapper {height: 40px;}
		.header .company {line-height: 40px; font-size: 16px;}
	
	.footer {width: 100%; height: 50px; overflow: hidden;}
		.footer .wrapper {padding: 0px 0px 0px 40px;}
		.copyright {padding: 5px 0px; text-align: left; line-height: 20px; font-size: 12px;}
			.copyright span {display: block;}
	
	.menu-btn {text-indent: -999px; overflow: hidden; cursor: pointer; position: fixed; left: 40px; top: 0px; z-index: 92; display: block;}
	.menu-btn.show {width: 40px; height: 40px; background: url(../images/menu_btn_r.png) center no-repeat; background-size: 20px 20px;}
	.menu-btn.hide {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}
	.menu {width: 40px;}
	.menu.show {width: 120px; transition: all 0.5s;}
	.menu.hide {width: 40px; transition: all 0.5s;}
		.menu-top {width: 40px; height: 40px; transition: all 0.5s;}
			.menu-logo {width: 30px; height: 30px; margin: 5px auto;}
				.menu-logo img {width: 30px; height: 30px;}
			.menu-name {display: none;}
			.menu-title {display: none;}
		.menu-list {margin-top: 40px;}
			.menu-list > li ul {left: 40px;}
			.menu.show .menu-list > li ul {left: 120px;}
	
	
	
	.page-body {padding: 40px 0px 0px 40px;}
	.main-body {padding: 5px;}
		.main-body .wrapper {padding: 40px 5px 5px 5px;}
	
	.search-btn {width: 50px; height: 30px; background: url(../images/search.png) right 5px center no-repeat; background-size: 20px 20px; text-indent: -999px; overflow: hidden; display: block; cursor: pointer; position: fixed; right: 10px; top: 50px; z-index: 91;}
	.search-btn.open {width: 100%; height: 100%; padding: 15px 15px 0px 0px; background: rgba(0, 0, 0, 0.3); box-sizing: border-box; text-indent: 0px; text-align: right; right: 0px; top: 40px;}
	.search-btn.open:before {width: 100%; height: 40px; background: #FFF; position: absolute; left: 0px; top: 0px; content: "";}
	.search-btn.open span {position: relative;}
	.search {width: 100%; height: auto; padding: 10px 10px 0px 50px; background: #FFF; box-sizing: border-box; font-size: 12px; display: none; right: 0px; top: 70px;}
	.search.open {display: block;}
		.search .search-item {width: 100%; padding: 0px 0px 5px 0px;}
			.search .search-item input, .search .search-item select {border: #DEDEDE 1px solid; border-radius: 5px;}
			.search .search-item:first-child input, .search .search-item:first-child select {border-radius: 5px;}
		.search input[type=text], .search input#search_cus_name, .search select {width: 100%;}
		.search input#btnSearch {border-radius: 5px; float: right;}
	
	.form-table > ul > li {padding: 10px 5px 10px 100px;}
	.form-table > ul > li:first-child {width: 95px; padding: 0px 5px 9999px 5px;}
		.form-table > ul > li .drop {max-width: 85%;}
		.form-table ul li dl dt {width: 90px;}
		.form-table ul li dl dd {padding-left: 90px;}
	.btn_scan {left: inherit; right: 5px !important;}
	
	.auth-box {width: 94%; height: auto; margin: 10px auto 0px auto; padding: 10px;}
	
	.page-list-box {width: 100%; padding: 0px 0px 0px 40px;}
	.page-form-btn {padding: 10px 0px 10px 10px; left: 40px; top: 0px;}
	
	.page-bottom {height: 40px;}
		.page-bottom .wrapper {height: 40px; padding: 5px 0px 5px 40px;}
		.form-btn.padding {padding-left: 100px;}
			.form-btn input {min-width: 50px; height: 30px; margin: 0px 0px 0px 10px; padding: 0px 5px; font-size: 12px;}
	
	.page-list {padding: 0px 10px 0px 0px;}
		.page-list span.front {display: none;}
		.page-list span.disable {display: none;}
		.page-list .first {display: none;}
		.page-list .prev {display: none;}
		.page-list .next {display: none;}
		.page-list .last {display: none;}
	
	.page-title {height: 40px; padding: 5px 5px 0px 45px; top: 40px;}
	.page-title.usercode {padding: 5px 5px 0px 5px; top: 0px;}
		.page-title .wrapper {height: 35px; padding: 5px 10px; line-height: 25px; font-size: 16px;}
	
	.list {padding: 0px;}
		.list .list-title, .list .title {display: none;}
		.list > ul > li {min-height: 30px; margin-bottom: 0px; padding: 5px 5px 5px 70px !important; border-left: none; position: relative;}
		.list ul li:before {width: 50px; height: 30px; line-height: 30px; font-weight: bold; position: absolute; left: 5px; top: 0px; content: "";}
		.list ul li.choose {text-align: right; z-index: 90;}
		.list ul li.operate {padding: 10px 0px 0px 0px !important; text-align: right; position: static;}
			.list ul li.operate span {margin: 0px 10px;}
	.list .empty {border-top: none;}
	
	.image-list .item .image .modify, .image-list .item .image .delete, .image-list .item .image .ml, .image-list .item .image .mr {display: block;}
	
	.guest-code {width: 90%; margin: -320px 0px 0px -45%;}
	
	.modify-box {width: 100% !important; height: 100%; border-radius: 0px; left: 0px !important; top: 0px;}
}