@font-face {
  font-family: 'iconfont';  /* project id 455597 */
  src: url('http://at.alicdn.com/t/font_487218_nm5081r8n8my4x6r.eot');
  src: url('http://at.alicdn.com/t/font_487218_nm5081r8n8my4x6r.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_487218_nm5081r8n8my4x6r.woff') format('woff'),
  url('http://at.alicdn.com/t/font_487218_nm5081r8n8my4x6r.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_487218_nm5081r8n8my4x6r.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{margin:0;padding:0;}
body{font:14px/1.5 normal;font-family:arial,'微软雅黑';min-width:320px;color:#666;*min-width:1240px;overflow-x:hidden;background:#f5f5f5;}
html, body {height: 100%;}
a{color:#333;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;text-decoration:none;}
a:hover{color:#647333;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;}
button, input, select, textarea{font-size:100%;font-family:arial,'微软雅黑';outline:none;vertical-align:middle;resize:none;}
button{cursor:pointer;}
ul,dl{list-style:none;}
p{margin-bottom:0;}
img{display:inline-block;vertical-align:middle;border:0;font-size:0;line-height:0;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.warper{max-width:1200px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.none{display:none;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;	width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.login_warper{width:100%;min-height: 100%;height: auto;display: -webkit-box;display: box;display: -moz-box;display: -o-box;display: -ms-box;-webkit-box-align: center;-moz-box-align: center;-o-box-align: center;box-align: center;-webkit-box-pack: center;-moz-box-pack: center;-o-box-pack: center;box-pack: center;}
.bottom{padding:15px 20px;text-align:center;display:block;margin-top:-72px;}
.bottom a{display:inline-block;color:#666;}
.bottom a:hover{text-decoration: underline;}
.logo_box{background:#fff;width:854px;margin-bottom:51px;}
.header_tit{text-align:center;padding:50px 0 22px;}
.header_tit h4{font-size:30px;color:#424242;font-weight:normal;padding-top:22px;}
.loginbox{width:358px;margin:0 auto;padding-bottom:50px;}
.loginbox .item{border:1px solid #e0e0e0;height:22px;line-height:22px;padding:13px 16px 13px 14px; display:block;margin-top:14px;}
.loginbox .item input{border:0px;display:block;width:100%;height:22px;line-height:22px;color:#666;}
.loginbox .item input::-webkit-input-placeholder {color:#aaa;}
.loginbox .item input:-moz-placeholder {color:#aaa;}
.loginbox .item input::-moz-placeholder {color:#aaa;}
.loginbox .item input:-ms-input-placeholder {color:#aaa;}
.loginbox a{display:block;width:100%;height:50px;line-height:50px;margin-top:14px;text-align:center;font-size:14px;color:#fff;background:rgba(100,115,51,0.7);cursor:pointer;}
.header{background:#fff;padding:14px 0;}
.header .warper{position:relative;}
.header a.nav_icon{display:block;position:absolute;right:20px;top:50%;color:#647333;font-size:30px;line-height:1;margin-top:-15px;}
.bottom2{margin-top:0!important;}
.nav{position:absolute;top:64px;z-index:999;width:260px;right:0;display:none;}	
.nav ul{background:#647333;}
.nav ul li{float:none;width:100%;text-align:left;position:relative;}
.nav ul li h3{border-bottom:1px solid #54641f;height:48px;line-height:48px;font-weight:normal;}
.nav ul li a{display:block;padding:0 20px;color:#fff;}
.nav ul li a:hover{background:#7e8e4b;}
.nav .login_top{background:#54641f;color:#fff;height:48px;padding-left:20px;line-height:48px;font-size:14px;}
.nav .login_top a{color:#fff; text-decoration: underline;}
.nav ul li i.iconfont{position:absolute;right:10px;top:9px;display:block;width:30px;height:30px;text-align:center;line-height:30px;font-size:18px;color:#fff;}
.content{background:#fff;margin:20px auto 0;padding:30px 30px 50px;line-height:2;max-width:1140px;}
h1.title{margin: 0;font-size: 30px;font-weight: 400;color: #757575;border-bottom:1px solid #ddd;line-height:1.5;padding-bottom:10px;}
.content .text{padding-top:30px;}
.content .list{padding-top:20px;}
.content .list li {padding:15px 80px 15px 0;border-bottom:1px dashed #eee;position:relative;line-height:1.5;}
.content .list li a{position:absolute;color:#ccc;height:28px;line-height:28px;text-align:center;border-radius: 3px;right:0;top:50%;margin-top:-15px;}
.content .list li a i{font-size:12px;display:inline-block; vertical-align: middle;padding-right:5px;color:#ccc;}
.content .list li a:hover,.content .list li a:hover i{color:#647333;}
@media screen and (max-width:1240px) {
.logo_box{width:360px;}
.header_tit{padding:40px 0 15px;}
.header_tit img{height:60px;width:auto;}
.header_tit h4{font-size:22px;}
.loginbox{width:auto;margin:0 auto;padding:0 20px 50px;}
	.warper{padding:0 20px;}
}

@media screen and (max-width:880px) {
.logo_box{width:360px;}
.header_tit{padding:40px 0 15px;}
.header_tit img{height:60px;width:auto;}
.header_tit h4{font-size:22px;}
.loginbox{width:auto;margin:0 auto;padding:0 20px 50px;}
h1.title{font-size:26px;}
.content{padding:20px 20px 40px;}
}
@media screen and (max-width:640px) {
h1.title{font-size:22px;}
.content .text{padding-top:20px;}
.content .list{padding-top:10px;}
}
@media screen and (max-width:400px) {
.login_warper{padding:0 20px;max-width:100%;width:inherit;}
.logo_box{max-width:360px;width:100%;margin-bottom:72px;}
.loginbox .item{padding:10px;}
.header_tit img{height:50px;width:auto;}
.header_tit h4{font-size:20px;padding-top:15px;}
.loginbox a{height:40px;line-height:40px;}
.loginbox{padding:0 20px 30px;}
.bottom{margin-top:-72px;}
}