@charset "utf-8";
body, html{
	min-height: 100%;
}
.content{
	padding-bottom: 50px;
	min-height: 100%;
}
.nowrap{
	white-space:nowrap
}
.userInfo{
	box-shadow:0 0 5px #4497EA;
	margin: 18px 30px 30px 30px;
	overflow: hidden;
}
.base-info{
	height:45px;
	padding: 0px 18px;
	background-color:#e3f2ff;
	overflow: hidden;
}
.main-top{
	padding:0px 30px;
	background:#E9EDF3;
}
.main-top .top-link{
	line-height: 36px;
	background: url(../images/top-linkdq.png) no-repeat left center;
	padding-left: 15px;
	font-size: 12px;
	color: #333;
}
// .main-top .top-link a{
// 	color:#333;
// }
.data-table tr:first-child{
	background:#f9f9f9!important;
}
.data-table tr:hover{
	background:#e7f4ff;
}
/* 分页 */
.page{
	padding-bottom:18px;
	text-align: right;
	padding-right:18px;
}
.page-part{
	color:#61aef0;
	margin:0px 4px;
}
.page a{
	border:1px solid #d2d2d2;
	text-decoration:none;
	padding: 4px 8px;
    border-radius: 3px;
	color:#61aef0;
	font-size:12px;
}
.page a:hover,.page a.active{
	color: #fff;
    background-color: #61aef0;
	border:1px solid #61aef0;
}
.page .disabled,.page .disabled:hover{
	background: #FFF;
    color: #383636;
    cursor: none;
	border:1px solid #d2d2d2;
}
.turn-page{
	    width: 50px;
    height: 26px!important;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    text-align: center;
    margin: 0px 4px;
	padding:0!important;
}

.page .submit{
	border-radius: 3px;
    width: 50px;
    height: 30px;
	margin:0;
}
/*弹窗 */
.window-close {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	overflow: hidden;
	top: 0;
	left: 0;
}

.window-close .bl-close {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1001;
	background: #000;
	filter: alpha(opacity : 40);
	opacity: 0.4;
}

.window-close .load-window {
	background: #FFF;
	width: 410px;
	height: 250px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -205px;
	margin-top: -225px;
	z-index: 1003;
}

.window-close .load-window .load-title {
	height: 40px;
	width: 100%;
	background: #61aef0;
}

.window-close .load-window .load-title .title {
	padding-left: 20px;
	color: #FFF;
	font-size: 14px;
	line-height: 40px;
	float: left;
}

.window-close .load-window .load-title .close {
	float: right;
	width: 20px;
	height: 29px;
	margin: 5px 10px;
	background-position: -285px -47px;
	cursor: pointer;
	font-size: 0;
font-weight: normal;
line-height: auto;
color: #000;
text-shadow:auto;
filter: alpha(opacity=100);
opacity:1;
	font-size: 0 !important;
margin: 5px 10px !important;
}

.window-close .load-window .load-title .close:hover {
	background-position: -311px -47px;
}
.window-close .load-window .close-button {
	width: 100%;
}

.window-close .load-window .close-button a {
	float: right;
	width: 60px;
	margin: 10px 20px 10px 0px;
	line-height: 30px;
	border: 1px solid #5AB3F5;
	cursor: pointer;
	text-align: center;
}

.window-close .load-window .close-button a:hover {
	background: #5AB3F5;
	color: #FFF;
}



.follow_tip{
	position: absolute;
	z-index: 5001;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px #a5a5a5;
    -moz-box-shadow: 0px 0px 10px #a5a5a5;
    -webkit-box-shadow: 0px 0px 10px #a5a5a5;
    padding: 10px 20px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.follow_tip:after, .follow_tip:before{
	content: '◆';
	position: absolute;
	left: 8px;
	font-size: 28px;
}
.follow_tip:after{
	color: #fff;
	bottom: -20px;
}
.follow_tip:before{
	color: #ddd;
	bottom: -21px;
}

/*TOP */
.icon {
	background: url(../images/set-icon.png) no-repeat;
}
input[type="checkbox"]{
	height:14px;
	width:14px;
	padding:0;
}
.red{
	color:#F00;
}
.yellow{
	color:#fab101;
}
.green{
	color:#8bcf48;
}
.blue{
	color:#61aef0;
}
.cecece{color:#cecece;}
.blue:hover {
color: #61aef0;
}
body{min-width:1260px;
	background: #FFF;

}
.none{
	display:none;
}
a[href]:hover{
    text-decoration: none;
}
a{
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{

}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
#Top {
	width: 100%;
	background: url(../images/topbg.png) repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400;
}
#Top .top-left {
	float: left;
}
#Top .top-left .logo {
	padding-left: 20px;
	display: inline-block;
    padding: 2px 0;
}
#Top .top-left .logo a {
	width: 96px;
	background-position: 0px 0px;
	display: block;
}
#Top .top-left .top-title {
	margin-left: 15px;
	width: 104px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	display: inline-block;
    vertical-align: middle;
}
#Top .top-right {
	float: right;
	width: auto;
	line-height: 44px;
}
#Top .top-right .right-logo {
	float: right;
	text-align: center;
}
#Top .top-right .right-logo a {
	color: #fff;
	display: block;
	float: left;
	margin-right: 30px;
}
#Top .top-right .right-logo a:hover{
	color:#5AB3F5;
}
#Top .top-right .right-logo .span{
	width:1px;
	overflow:hidden;
	float:left;
	margin-right: 15px;
}
#Top .top-right .right-logo .span1{
	width:1px;
	height:20px;
	float:left;
	display:block;
	background:-ms-linear-gradient(top, #333333, #dddddd);/* IE9+*/
	background-image: -moz-linear-gradient(top, #333333, #dddddd); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #dddddd)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#dddddd', GradientType='0'); /* IE9*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#333333, endColorstr=#dddddd)";/* IE8+*/
}
#Top .top-right .right-logo .span2{
	width:1px;
	height:20px;
	float:left;
	display:block;
	background:-ms-linear-gradient(top, #dddddd, #333333);/* IE9+*/
	background-image: -moz-linear-gradient(top, #dddddd, #333333); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #333333)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#333333', GradientType='0'); /* IE9*/
}
#Top .top-right .user {
	width: auto;
	float: right;
	padding-right: 3px;
}

#Top .top-right .user .userimg {
	width: auto;
	float: right;
}

#Top .top-right .user .userimg a {
	width: auto;
	background: url(../images/user-icon.png) no-repeat; /* left center; */
	/* display: block; */
	padding-left: 25px;
	font-size: 16px;
	color: #fff; 
}

#supplier_name{
	/* color:#444; */
	font-size:16px;
	display:none;
}

#Top .top-right .user .userimg a:hover #supplier_name{
	color:#fff;
	display:block;
	top: -116%;
    right: 130%;
	line-height: 58px;
	text-align: right;
	white-space: nowrap;
	/* position:absolute; */
}

#Top .top-right .user .userimg #simple_name{
	font-size: 16px;
	color: #fff;
}

#Top .top-right .user .userinfor {
	width: 20px;
	height: 20px;
	float: right;
	margin: 12px 15px 0px 15px;
}

#Top .top-right .user .userinfor .pointer {
	width: 20px;
	height: 20px;
	background: url(../images/shezhi.png) no-repeat;
	display: block;
	position:relative;
}
#Top .top-right .user .userinfor:hover .pointer{ 
	background: url(../images/shezhidq.png) no-repeat;
} 
#Top .top-right .user .userinfor .pointer .userout{
	width:82px;
	position:absolute;
	top: 17px;
	display:none;
	left:-36px;
	overflow: hidden;
}
#Top .top-right .user .userinfor .pointer .userout .out-top{
	width: 55px;
	height: 0px;
	padding-top: 20px;
	margin-top: 6px;
	display: block;
	position: relative;
	background-position: 2px -380px;
	margin-bottom: -3px;
	margin-left: 20px;
	z-index: 20;
}
#Top .top-right .user .userinfor .pointer .userout .out-bottom{
	width: 82px;
	display: block;
	background: #FFF;
	border: 1px solid #d0d0d0;
	position: relative;
	padding-bottom:5px;
	z-index: 12;
}
#Top .top-right .user .userinfor:hover .pointer .userout{
	display:block;
}
#Top .top-right .user .userinfor .pointer .userout a{
	display: block;
	width: 80px;
	text-align: left;
	padding-left: 10px;
	line-height: 22px;
	font-size: 12px;
	color: #444;
	margin-top:5px;
}
#Top .top-right .user .userinfor .pointer .userout a:hover{
	background:#eee;	
}
#Top .top-right .user .userinfor .pointer .userout .span{
	width:80px;
	height:1px;
	border-top:1px solid #eee;
}
#Top .top-right .user .userinfor .pointer .userout .last{
	text-align:center;
	width:80px;
	padding:0;
	line-height:22px;	
}

/*LEFT */
#Left {
	width: 100px;
	height: 100%;
	background-color: #1c74bf;
	position: fixed;
	top: 45px;
	left: 0;
	z-index: 399;
}

#Left .left-list {
	text-align: center;
	position: relative;
	cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

#Left .left-list .listimg a{
	color: #FFF;
}
#Left .left-list .listimg a:hover{
	color: #FFF;
}
#Left .set{
	width: 80px;
	height: 100%;
	border-right: 1px solid #5DB6F5;
	background: url(../images/setbg.png) no-repeat;
	position: absolute;
    z-index: -100;
}

#Left .left-list .left-menu{
	display:none;
	position: absolute;
	top: 0px;
    left: 92px;
}
#Left .left-list:hover .left-menu{
	display:block;
}
#Left .left-list:hover .listimg, #Left .left-list .listimg.on {
	background: #005cab;
}
#Left .left-list:hover .left-menu .left-menu-icon{
	width: 0px;
	padding-left: 8px;
	height: 15px;
	float: left;
    margin-top: 14px;
	margin-right: -1px;
	background-position: -150px 0px;
	position: relative;
	z-index: 13;
}
.left-menu-list{
	display: none;
    min-height: 49px;
}
#Left .left-list:hover .left-menu .left-menu-list{
	border: 1px solid #3f89c9;
	background: #FFF;
	float: left;
	position: relative;
	z-index: 12;
	overflow:hidden;
    white-space: nowrap;
	margin: -30px 0 0 7px;
}
#Left .left-list .left-menu .left-menu-list a{
	display:block;
	width:100%;
	text-align:left;
	line-height:32px;
	font-size:12px;
	color:#444;
	padding: 0 25px;
}
#Left .left-list .left-menu .left-menu-list span{
	display:block;
	width:100%;
	text-align:left;
	height:32px;
	font-size:14px;
	color:#444;
	padding-left:25px;
	cursor:auto;
}
#Left .left-list:hover .left-menu .left-menu-list a:hover{
	background:#e7f4ff;
}
#Left .left-list .listimg {
	color: #fff;
    line-height: 15px;
    padding: 16px 0;
	text-align: center;
}
#Left .left-list:hover .left-menu-list{
	display: block;
}
#Left .left-list .img1 {
	background-position: 0px -48px;
}

#Left .left-list .img2 {
	background-position: -57px -48px;
}

#Left .left-list .img3 {
	background-position: -114px -48px;
}

#Left .left-list .img4 {
	background-position: -171px -48px;
}

#Left .left-list .img5 {
	background-position: -225px -48px;
}

#Left .left-list .img6 {
	background-position: -282px -48px;
}


/*FOOT */
#Bottom {
	width: 100%;
	background-color: #333;
	position: relative;
	z-index: 400;
	font-size: 12px;
	color: #fff;
	line-height: 36px;	
	overflow: hidden;
    box-shadow: 0px 0px 3px rgba(0,0,0,.4);
}
#Bottom span {
	float: left;
	padding-left: 10px;
}
#Bottom .bottommenu {
	float: right;
	text-align: left;
}
#Bottom .bottommenu a {
	margin: 0 15px;
	color: #fff;
	display:block;
	float:left;
}
#Bottom .bottommenu a:hover{
	color:#5AB3F5;
}
#Bottom .bottommenu .span{
	width:1px;
	overflow:hidden;
	float:left;
	padding-top:3px;
}
#Bottom .bottommenu .span1{
	width:1px;
	height:15px;
	float:left;
	display:block;
	background:-ms-linear-gradient(top, #333333, #dddddd);/* IE9+*/
	background-image: -moz-linear-gradient(top, #333333, #dddddd); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #dddddd)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#dddddd', GradientType='0'); /* IE9*/
}
#Bottom .bottommenu .span2{
	width:1px;
	height:17px;
	float:left;
	display:block;
	background:-ms-linear-gradient(top, #dddddd, #333333);/* IE9+*/
	background-image: -moz-linear-gradient(top, #dddddd, #333333); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #333333)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#333333', GradientType='0'); /* IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dddddd, endColorstr=#333333)";/* IE8+*/
}
@media screen and (max-width: 1600px) {
	.order_id .btn{
		padding:5px 12px;
		margin-left:15px;
	}
}
@media screen and (max-width: 1445px) {
	#Left .left-list .listimg{
		padding: 8px 0;
	}
}
@media screen and (max-width: 1366px) {
	#Left .left-list:hover .left-menu .left-menu-list a{
		line-height: 28px;
	}
	#Left .left-list .left-menu .left-menu-list span{
		height: 28px;
	}
	
	#Main{
		padding: 30px 10px 30px 30px !important;
	}
	
	#Left .set{
		background: url(../images/setbg1.png) no-repeat;
	}
	.order_id .btn{
		padding:5px 12px;
		margin-left:5px;
	}
}
@media screen and (max-width: 1283px){
.w-61 .w-18 .gray-444444{line-height:20px!important;}
	.w-61{width:62%!important;}
	.orders-top-left{
	width:35%!important;
}
}
/* select */
.chemicals  .input_control:focus {
    border-color: #66afe9;
    /* outline: 0; */
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.option_box{
	width:100%;
    top: 30px;
    left: 0;
    border: 1px solid #ccc;
    background-color: #ffffff;
    display: none;
    z-index: 99;
}
.select_box{
	display: inline-block;
	height: 32px;
	padding: 0px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	-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, -webkit-box-shadow ease-in-out .15s;
	-o-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;
	position: relative;
   	padding-right: 20px;
	overflow: hidden;
}
.select_box a{
	display: block;
}
.select_box:after{
	content: ' ';
    top: 13px;
    right: 10px;
    width: 8px;
    height: 5px;
    background: url("../images/select_img.jpg");
    display: block;
   	position: absolute;
}
.select_box.active{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	overflow: visible;
}
.select_box.active .option_box {
	display: block;
}
.option_box a {
    margin: 6px 12px;
    display: block;
    cursor: pointer;
}
.w35{width: 35px;}
.w40{width: 40px;}
.w47{width: 47px;}
.w54{width: 54px;}
.w59{width: 59px;}
.w60{width: 60px;}
.w65{width: 65px;}
.w71{width: 71px;}
.w73{width: 73px;}
.w79{width: 79px;}
.w93{width: 93px;}
.w95{width: 95px;}
.w99{width: 99px;}
.w50{width: 50%;}
.w100{width:100%;}
.w110{width: 110px;}
.w123{width: 123px!important;}
.w132{width: 132px;}
.w138{width: 138px;}
.w158{width: 158px;}
.w208{width: 208px;}
.w238{width: 238px;}
.w258{width: 258px;}
.w288{width: 288px;}
.w306{width: 306px;}
.w348{width: 348px;}
/*修改*/
input:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.input-error:focus{
border-color: #ff6e6e;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(237, 128, 128, 1);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(237, 128, 128, 1)
}

input[type="radio"]:focus,input[type="radio"]:active, input[type="checkbox"]:active, input[type="checkbox"]:focus{
	-webkit-box-shadow: none;
box-shadow: none;
}

.select-supplier{
	width:300px;
	height:300px;
	position:relative;
	left:50%;
	top:50%;
	margin-top:-150px;
	margin-left:-150px;
	text-align:center;
}
select {	
}
.hide{
	display: none;
}
.sel_w{
	width:68%;
	padding:6px;
}
.payment_table tbody:nth-child(odd){
 	background:#f9f9f9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
    select{
       background: url("../images/select_img.png") no-repeat scroll 90% center transparent;
    }
}
select::-ms-expand { display: none; }
.view_log{
	width:14px;
	height:18px;
	background: url('../images/view-log.png') no-repeat center center;
	margin-top: -4px;
    margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
}