@charset "utf-8";
body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
}
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000;
	background: #EDEDED 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*/
.regist_head { background: url("../images/regist_top_bg.jpg") no-repeat top; background-size:100%;  padding-bottom:5%;    }
.regist_head .l{ float: left; padding:10% 10% 0 3%; width: 37%; text-align:center; }
.regist_head .l img{ width: 60%; margin-bottom:5%;  }
.regist_head .r{ float: right; width: 48%; padding-top:20% }
.regist_head .r h3{ font-size: 24px; font-weight: normal; margin-bottom:5%; }
.regist_head .r a{ color: #277E0F;font-size: 16px; }

.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: 80%; padding:3% 10%; }
.login_area .content ul li{ float: left; width: 30%; margin:0 1%; }
.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: 20%; 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: 80%; }
.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: 18px; 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: 36px; line-height: 36px; 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: 90%; 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: 70%; margin:2% auto 5%;  }
.info_area .info_btn_area a{ display: block; float: left; width: 40%; margin:0 4%; text-align: center;  }
.info_area .info_btn_area a img{ width: 100%;   }
.regist_body{ background:#FAFAFA;  margin:-3% 4%; padding: 3% 0 3%; }
.regist_body .row{ background: #fff; height: 36px; line-height: 36px; margin: 3% auto; width: 94%; padding:0 3%; color:#7E7E7E;  }
.regist_body .row span{ display: inline;   }
.regist_body .row input[type='text']{ display: inline-block; color: #7E7E7E; border:none; }
.regist_body .row input[type='password']{ display: inline-block; color: #7E7E7E; border:none; }
.regist_body  input[type='submit']{ background: #88C255; color: #fff; text-align: center; height: 28px; line-height: 28px; width: 35%; margin:2% auto 5%;  border: none; display: block; }
.regist_body textarea{ border:none; display:inline-block; }
.regist_body .backhome{ position: absolute; top:5px; right: 5px; color: #88c255; font-size: 14px;  }

.release_head{}
.release_head { background: url("../images/regist_top_bg.jpg") no-repeat top; background-size:100%;  padding-bottom:5%;    }
.release_head .l{ float: left; padding:10% 10% 0 3%; width: 37%; text-align:center; }
.release_head .l img{ width: 60%; margin-bottom:5%;  }
.release_head .r{ float: right; width: 48%; padding-top:15% }
.release_head .r h3{ font-size: 24px; font-weight: normal; margin-bottom:5%; }
.release_head .r a{ color: #277E0F;font-size: 16px; }
.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; }

/*.music_sele{  }
.music_sele input{ width: 46%; margin:2%; float: left; }*/
input.labelauty + label{ width: 46%; margin:2%; float: left; display: inline-block;  }