@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000;
	background: #fff url("../images/bottom_bg.png") no-repeat bottom; background-size:100%; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom;  }
ul, li { list-style-type: none; }
a { color: #000; text-decoration: none; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
/*header*/
.head {   background: #fff url("../images/head_bg.jpg");   overflow:hidden;  }
.head h3.title{
	background: #EE1D23;
	font-size:16px; padding-left: 10px;
	color: #fff;}
.arrow { height: 54px; width: 7.5%;display:table; vertical-align: middle; }
.arrow img { width: 100%; height:52px;display:table; vertical-align: middle; }
.home { line-height: 54px; width: 15%; text-align: center; font-size: 16px; color: #fff; }
.home a { color: #fff; }
.login_icon{
	position:absolute;
	left:0;
	top:0;
	}
.login_icon img{ vertical-align: middle; height:80%;
	padding-left:10px; }
.logo { width: 70%; margin:0px auto; font-size: 18px; font-weight: bold;	text-align: center;}
.logo img{  vertical-align: middle; padding-right: 1.25%; }
.login_img{
	width:70%; margin:0px auto;
	text-align: center;}
.login_img img{
	width:80%; text-align:center;}
.nav { cursor: pointer;
	position: absolute;
	top:0;
	right:0; }
.nav img{ vertical-align: middle;
 }
.nav_hid { position: absolute; top: 0px; background: #f00; top: 0px; left: 0px; height: 500px; }
.clear{
	clear: both;}
.entry{ width: 100%; background: #fff; padding: 1% 0; }
.entry ul{ margin-left: 1%; }
.entry li{ width: 29%; float: left; margin:2%; }
.entry li img{ width: 100%; }
.login_area{ background:url("../images/login_area.jpg") no-repeat bottom ; padding-bottom:0%; }
.login_area .content{ width: 95%; padding:3% 2.5%; }
.login_area .content ul li{ float: left; width: 46%; margin:2% 2%; }
.login_area .content ul li img{ width: 100%;  }

.login_area .title{background:url("../images/nav_bg.jpg") ; width: 96%; padding:0 2%; height: 45px; line-height: 45px; text-align: left; font-size:18px; color: #2c1602; }
.login_area .row{ margin:2% auto; width: 94%;  }
.login_area .row .row_area{ width: 98%; overflow: hidden; border-radius: 5px;padding-left: 2%; background: #E8EFE5; height: 35px; line-height: 35px; border:1px solid #ccc; }
.login_area .row .row_area .l{ float: left; width: 24%; color: #4e2905; font-weight: bold; }
.login_area .row .row_area .l img{ vertical-align: middle; height: 14px; padding-right: 3%; }
.login_area .row .row_area .r{ float: left; width: 76%; }
.login_area .row .row_area input[type='text']{ border: none; display: block; background: #E8EFE5; height: 35px; line-height: 35px; width: 100%; }

.login_area .row .row_area input[type='password']{ border: none; display: block; background: #E8EFE5; height: 35px; line-height: 35px; width: 100%; }
.login_area .row_sub{margin:1% auto; width: 94%;}
.login_area .row_sub .l{ float: left; color:#929292; width: 40% }
.login_area .row_sub .l input{ margin-right: 1%;}
.login_area .row_sub .r{ float: right; font-size: 16px;  }
.row_sub input[type="submit"]{ border:none; width: 42%; height: 35px; line-height: 35px; overflow: hidden; border-radius: 5px; background: url("../images/submit_bg.png") no-repeat;  display: block; margin:2% auto; font-size: 16px; font-weight: bold; color: #261201; }
.new_build{}
.new_build{ background:url("../images/login_area.jpg") no-repeat bottom ; padding-bottom:2%; }
.new_build .title{background:url("../images/nav_bg.jpg") ; width: 96%; padding:0 2%; height: 45px; line-height: 45px; text-align: left; font-size:18px; color: #2c1602; }
.new_build .title .l{ float: left; }
.new_build .title .r{ float: right; font-size:14px; }
.new_build .content{}
.new_build .content li{ width: 24%; float: left; margin:2% 4%;  }
.new_build .content li .img{overflow: hidden; height: 123px; border-radius: 50%; width: 100%; display: block;;}
.new_build .content li .img img{ width: 100%; }
.new_build .content li .name{ font-size: 12px; text-align: center; height: 26px; line-height: 26px; font-weight: bold; color: #000; display: block;; }
.new_build .content li .num{ text-align: center; display: block; height: 30px; line-height: 30px;  }
.new_build .content li .num img{ vertical-align:text-bottom; padding-right: 1%; height: 24px; }
.notice{}
.notice{ padding-bottom:2%; }
.notice .title{background:url("../images/nav_bg.jpg") ; width: 96%; padding:0 2%; height: 45px; line-height: 45px; text-align: left; font-size:18px; color: #2c1602; }
.notice .title .l{ float: left; }
.notice .title .r{ float: right; font-size:14px; }
.notice .content{ padding: 1.5%; }
.notice .content ul{}
.notice .content ul li{ height: 55px; line-height: 55px; overflow: hidden; border-bottom:1px dashed #dadada; font-size:16px; }
.notice .content ul li a{ color: #372104; }
footer{ text-align: center; font-size: 15px; color: #2f1601; line-height: 32px; padding-top: 5%}
.user_info_head{ background: url(../images/head_bg.jpg) no-repeat; background-size:100% 100%; width: 100%; text-align: center; height: 34px; line-height: 34px; font-size: 16px; font-weight: bold; }
.info_area{ background: #fff; width: 94%; padding:0 3%; }
.info_area li{ width: 44%; text-align: left;  line-height: 22px; color: #471c05; float:left; font-size:12px; margin: 2% 3%; }
.info_area .info_btn_area{ width: 92%; margin:2% auto 4%;  }
.info_area .info_btn_area a{ display: block; float: left; width: 45%; margin:0 2.5%; text-align: center;  }
.info_area .info_btn_area a img{ width: 100%;   }
#pagenavi { position: absolute; bottom: 3%; left: 50%; margin-left: -50%; width: 100%; z-index: 50; text-align: center; padding: 8px 0; }
#pagenavi a { width: 6px; height: 6px; line-height: 99em; background: #000; border-radius: 90px; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active { background: #fff; }
#pcon{ background:#fff; padding-top:7%; padding-bottom:15%;
	background: #fff url("../images/bot.jpg") no-repeat center bottom; background-size:100%;}
#ceng { display: none; width: 100%; height: 100%; z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; }
#close { width: 10%; padding: 5%; float: left; opacity: 0.6; }
.type { width: 60%; background: #6D9C43; height: 100%; float: right; }
.type ul li a { color: #fff; display: block; line-height: 300%; text-align: center; display: block; font-size: 1rem; transition: color 0.2s ease 0s; width: 100%; }
.type ul li { border-bottom: 1px solid #fff; color: #fff; }
.list li{ float:left; margin-top:3%; width:25%; text-align:center; font-size:16px; color:#333333;}
.list{ width:94%; margin: 3%;}

.entry .title{background:url("../images/nav_bg.jpg") ; width: 96%; padding:0 2%; height: 45px; line-height: 45px; text-align: left; font-size:18px; color: #2c1602; }
.entry .title .l{ float: left; }
.entry .title .r{ float: right; font-size:14px; }
.entry .sub_title{ height: 32px; line-height: 32px;  padding: 0 3%; background: #FFFFF2; font-size: 14px; text-align: center;} 
.entry ul{ padding-bottom: 1%; border-bottom: 1px solid #E3E3E3; margin-bottom: 1%; }

.entry_show{ padding:2% 3%;  }
.entry_show .title{ font-size: 20px; text-align: center; color: #4B7C03 ; height: 30px; line-height: 30px; padding-top: 2%;   padding-bottom: 1%; font-weight: bold; border-bottom:1px dashed #ccc; margin-bottom: 2%;}
.entry_show .img{ width: 100%; text-align: center; }
.entry_show .img img{ width: 50%; }
.entry_show .profile{ font-size: 16px; color: #7E9862; margin-top: 3%; line-height: 28px; }
.add_site{ width: 30%; margin:3% auto; display: block; text-align: center; height: 28px; line-height: 28px; background:#62A508; color: #fff;  }
.add_site img{ height: 20px; vertical-align: middle; }


.entry li a{ display: block; position: relative;  }
.entry li a .font{ height: 30px; line-height: 30px; width: 100%; background: rgba(106,191,85,0.6);position: absolute; bottom: 5%; color: #fff; text-align: center; font-size: 16px; }