/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* project id 1009607 */
  src: url('//at.alicdn.com/t/font_1009607_q0wxv3ywh2.eot');
  src: url('//at.alicdn.com/t/font_1009607_q0wxv3ywh2.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1009607_q0wxv3ywh2.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1009607_q0wxv3ywh2.woff') format('woff'),
  url('//at.alicdn.com/t/font_1009607_q0wxv3ywh2.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1009607_q0wxv3ywh2.svg#iconfont') format('svg');
}

.icon {
	display: inline-block;
	vertical-align: middle;
	font: normal normal normal 14px/1 "iconfont";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.icon:before {
	display: inline-block;
}

.icon-s1:before{ content:"\e625";}
.icon-s2:before{ content:"\e61a";}
.icon-s3:before{ content:"\e611";}
.icon-s4:before{ content:"\e624";}
.icon-s5:before{ content:"\e61b";}
.icon-close:before{ content:"\e8b6";}


* { word-wrap: break-word; margin: 0; padding: 0; }
body, input, button, select, textarea { font:14px/1.8 'Microsoft Yahei','微软雅黑',Tahoma,Arial,Helvetica,STHeiti; color:#444;}
textarea { resize: none; }
table { empty-cells: show; border-collapse: collapse; }
th { text-align: left; font-weight: 400; }
ul li{ list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
a { color:#444; text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
label,button { cursor: pointer; }

.l { float: left; }
.r { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }

body{ background:#f8f9fb}

/**/
#header{ padding:15px; border-bottom:1px solid #e7e7eb; background:#fff}
#header .logo{ float:left; }
#header .logo img{ display:block;height:60px;}

#header ul{ float:right; height:60px; line-height:60px; font-size:16px}
#header ul li{ float:left;}
#header ul li a{ padding:0 10px;}
#header ul li:first-child:after{ content:"|"; color:#ccc}

/**/

#main{ padding:50px 50px 50px 260px; }
#main #appl { margin-left: -260px; float:left; width:260px; font-size:16px }
#main #appl .appl{ border-right:1px solid #e7e7eb;}
#main #appl dl{ position:relative; padding:10px 0; }
#main #appl dl:after{ content: "";position: absolute;height: 1px;background-color: #e7e7eb;left: 76px;width: 43%;bottom: 0;}
#main #appl a,#main #appl span{ display:block; padding:0 0 0 76px; height:36px; line-height:36px;}
#main #appl em:before{ display: inline-block;width: 24px;height: 24px;margin-right: 14px;vertical-align: middle; font-size:24px; color:#999;}
#main #appl a:hover{ background:#f1f1f1; color:#1aad19;}
#main #appl a.a,#main #appl a.a em:before{ color:#1aad19;}
#main #appl dt a,#main #appl dt span{ height:56px; line-height:56px; font-size:18px; padding-left:34px;}


#main #mainarea { width: 100%; float:right }
#main #mainarea .mainarea{ max-width:1200px; min-width:800px; margin:0 auto; padding-bottom:50px;}

.boxtitle{ line-height:36px; font-size:26px; padding-bottom:20px; font-weight:400}
.boxcontent{
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(150,150,150,0.3);
	padding: 20px 30px 30px;
	margin:20px 0;
}
.wp{ width:1200px; margin:0 auto}
/**/
.showmessage{ border-top:10px solid #ddd; border-style:solid; border-color:#ddd; border-width:10px 1px 1px 1px; padding:30px; margin:200px auto 0 auto; width:980px; font-size:15px; background:#fff}
.showmessage h3{ font-weight:400; font-size:18px; padding-bottom:5px;}
.showmessage p{ padding:10px 0}
.showmessage p a{ color:#06C; text-decoration:underline; }

.titletab{ line-height: 40px;border-bottom: 1px solid #e7e7eb; margin-bottom:20px;}
.titletab li{ float:left;margin-bottom: -1px;}
.titletab li a{ display:inline-table; padding:0 20px; font-size:16px}
.titletab li:hover{ border-bottom: 3px solid #999}
.titletab li.a{border-bottom: 3px solid #44b549}


.loginarea{ width:642px; margin:200px auto 0 auto}
.loginarea h3{ text-align:center; font-size:32px; font-weight:400; padding-bottom:40px;}
.loginbox{ background:#fff; height:360px;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border: 1px solid #e9e9e9; -webkit-box-shadow: 0 1px 50px rgba(0,0,0,0.1);box-shadow: 0 1px 50px rgba(0,0,0,0.1);}

.loginbg{ width:280px; height:360px; background:#1aad19; float:left;-moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px;}
.loginpannel{ width:360px; float:right}
.loginpannel div{ padding:60px 40px;}
.loginpannel div p.inp{ border-bottom:1px solid #eee; padding:10px 0; color:#ccc}
.loginpannel div p.inp input{ border:0px; padding-left:10px; width:240px;}

.loginpannel div p.btn{ padding-top:30px;}
.loginpannel div p.btn button{ width:100%; height:44px; line-height:44px; }

.loginpannel div p.info{ text-align:center; padding-top:10px;}
.loginpannel div p.info a{ color:#1aad19; font-size:16px}

/*---------------FORM---------------*/
.input,.textarea{ border:1px solid #ddd; padding:0 10px; height:36px; line-height:36px; background:#fff;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.input:hover,.input:focus,.textarea:hover,.textarea:focus{ border:1px solid #ccc}
.input:focus,.textarea:focus{ background:#FCFAED}
.textarea{ line-height:24px; min-height:96px; width:500px; padding:5px;}
.input:disabled{ color:#ccc; border:1px solid #eee}

.check{ position: absolute;left: -9999em;}
.checkbox,.radio{ display:inline-block; padding:0 5px}
.checkbox span.icon:before{ content:"\e68c"; color:#aaa; padding-right:5px; font-size:20px}
.check:disabled +span.icon:before{ color:#eee}
	
.checkbox .check:checked + span.icon:before{ content:"\e61c"; color:#090;} 

.radio span.icon:before{ content:"\e609"; color:#ccc; padding-right:5px; font-size:20px}
.radio .check:checked + span.icon:before{ content:"\e6d1"; color:#090;} 

.select { padding:0; font-size:14px; display:inline-block; position:relative; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }
.select:hover,.select:hover:after{ background:#eee;}
.select:after {
	font-family:"iconfont";
	content:"\e65b";
	position:absolute;
	width:38px;
	line-height:38px;
	text-align:center;
	height:38px;
	right:0px;
	bottom:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
.select select {
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	border: 0;
	outline: 0;
	background-color: transparent;
	width:auto;
	font-size: inherit;
	height: 38px;
	position: relative;
	z-index: 1;
	padding: 0 38px 0 12px;
}

.button{ 
  border:0px; 
  color:#fff !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#1aad19;
	padding:0 20px !important;
	height:36px;
	line-height:36px;
	font-size:16px;
	cursor:pointer;
	display:inline-block;
}
.button:hover{ background:#34a123  }

.button.w{
	background:#f65d5b;
}
.button.w:hover{
	background:#e04846;
}
.button.d{
	background:#ddd;
}
.button.d:hover{
	background:#eee;
}

.button + .button{ margin-left:20px;}

.w300{ width:300px;}

/**/
.pages{ float:right}
.pages strong,.pages a{ display:inline-block; padding:5px 10px; border:1px solid #eee; margin:0 1px;}
.pages a:hover{ background:#f6f6f6;}

/**/
.table{ width:100%; font-size:14px; margin-bottom:15px;}
.table th{ width:200px; text-align:right; padding:10px; line-height:36px; vertical-align:top; color:#999; font-size:14px; }
.table th:after{ content:":"; padding-left:5px;}
.table th.need:after{ content:"*"; color:#f00}
.table tr.info th:after{ content:"";}
.table tr.info td{ color:#F00}
.table tr.info td span{ color:#999}
.table td{ padding:10px; position:relative}
.table td em{ padding-left:5px; font-style:normal; font-size:14px; color:#999}
.table td em.u{ color:#000}
.table td em.c{ color:#f00}
.table td a{ padding-left:5px; color:#1aad19}
.table td img{ vertical-align:middle; margin-right:10px; height:48px; border:1px solid #ddd; padding:2px;}
.table tfoot td{ padding-left:230px; padding-bottom:20px;}

.ntable{ border:1px solid #eee; background:#fcfcfc; margin-top:10px; border-bottom:0px; }
.ntable thead td{ background:#eee; height:30px; line-height:30px; font-size:16px; color:#666; padding:5px 20px}
.table tbody tr:hover .ntable tbody tr{ background:#fff;}
.ntable tbody{ font-size:16px;}
.ntable tbody td{ border-bottom:1px solid #eee; padding:10px 20px}
.ntable tbody td .input{ width:80px;}

.table td .pic{ float:left; margin-right:10px; position:relative; border:1px solid #eee; padding:3px; background:#fff}
.table td .pic img{ width:160px; height:160px; margin:0px;}
.table td .pic span{ position:absolute; font-size:14px; cursor:pointer; right:-10px; top:-10px; width:20px; height:20px; text-align:center; line-height:20px; background:rgba(0,0,0,0.6); color:#fff;	-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.ubb{ border:1px solid #eee; min-width:600px; background:#fff}
.ubb ul{ background:#f6f6f6; border-bottom:1px solid #eee; padding:10px 0; height:24px; line-height:24px; }
.ubb ul li{ float:left; padding:0 10px;}
.ubb div{ padding:10px;}
.ubb textarea{ border:0px; width:100%; resize: none; line-height:24px; height:240px;}

/*list*/
.tablelist{
	width:100%;
}
.tablelist td{ padding:10px;}
.tablelist td.s{ width:40px; text-align:center}
.tablelist td.sc{ width:60px; text-align:center}
.tablelist td.mc{ width:80px; text-align:center}
.tablelist td.sc span{ color:#f00}
.tablelist thead td{ background:#f6f6f6; font-size:16px}
.tablelist tbody td{ border-bottom:1px solid #eee;}
.tablelist td img{ height:48px; vertical-align:middle; margin-right:10px;}
.tablelist td a{ color:#1aad19; padding-left:5px;}
.tablelist td.user{ width:100px}
.tablelist td.date{ width:120px; color:#999; font-size:12px}
.tablelist td em.s1,.tablelist td em.rs1,.tablelist td em.rs2{ color:#999}
.tablelist td em.s2,.tablelist td em.rs{ color:#f00}
.tablelist td em.s3{ color:#1aad19}
.tablelist td em.s4{ color:#1aad19}
.tablelist td em.s5{ color:#000}


.empty{ font-size:18px; text-align:center}
.empty a{ color:#1aad19}

.goods{ background:#f9f9f9; border:1px solid #eee; padding:10px}
.goods li{ border-bottom:1px solid #eaeaea; padding-bottom:10px; padding-top:10px;}
.goods li a{ padding:0px; display:block}
.goods li h4{ font-weight:400}
.goods li img{ float:left; margin-right:10px;}
.goods li p{ font-size:12px; color:#999}
.goods li:first-child{ padding-top:0px;}
.goods li:last-child{ padding-bottom:0px; border-bottom:0px;}