@charset "utf-8";
/* CSS Document */
html, body { margin: 0px; padding:0px;}
body { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑"; color: #666666; background-color:#f5f5f5;text-align:center; min-width:320px;}
::selection{background:#e88229;color:#ffffff;}
::-moz-selection{background:#e88229;color:#ffffff;}
input, select, textarea, button{font-family:"Microsoft Yahei","微软雅黑"; outline:none;}
img, a img, p{ padding:0px; margin:0px; border:none; outline:none;}
img{ vertical-align: top;}
a:link { color: #666666; text-decoration: none; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; color: #e88229; }
a:active { text-decoration: none; color: #666666; }
ul, ul li, dl, dt, dd{ padding:0px; margin:0px; list-style:none;}
.clear_b{ clear:both; height:1px; overflow:hidden;}

.f1 a{ color:#03F}

.container{width:100%; margin:0px auto; text-align:left}
.member-content{ overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.header{overflow: hidden; padding:20px 0px;}
.btn, a.btn{ font-size:16px; color:#ffffff; width:130px; height:36px; line-height:36px; background:#e88229 url(images/anniu.png) no-repeat 95px center; border:none;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px; text-align:left; padding-left:20px; cursor: pointer; margin-top:15px;}
a.btn{ display:block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.btn a{ color:#FFF}
.btn:hover, .btn:focus{ background-color:#d46505;}
.indexbanner{ background:url(images/banner.jpg) no-repeat center top; background-size:cover; height:250px;}
.btn.join{ background-image:url(images/ico4.png);}
.btn.join.off-register{background-color:#ccc;}


.index-content{ padding:30px 0px;}
.indexlist{ overflow:hidden; margin-bottom:20px; background-color:#ffffff; height:10vh; line-height:10vh; -webkit-box-shadow:0 2px 5px rgba(90, 90, 90, 0.2);  -moz-box-shadow:0 2px 5px rgba(90, 90, 90, 0.2); -ms-box-shadow:0 2px 5px rgba(90, 90, 90, 0.2); -o-box-shadow:0 2px 5px rgba(90, 90, 90, 0.2);  box-shadow:0 2px 5px rgba(90, 90, 90, 0.2); position: relative; cursor:pointer; -moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear;}
.indexlist:hover, .indexlist:focus{-moz-box-shadow:0 8px 16px rgba(90, 90, 90, 0.2); -webkit-box-shadow: 0 8px 16px rgba(90, 90, 90, 0.2);  -o-box-shadow: 0 8px 16px rgba(90, 90, 90, 0.2)); box-shadow: 0 8px 16px rgba(90, 90, 90, 0.2);-moz-transform: translate3d(0, -4px, 0);  -webkit-transform: translate3d(0, -4px, 0); -o-transform: translate3d(0, -4px, 0); transform: translate3d(0, -3px, 0); }
.index-time{width:120px; text-align:center;font-size:12px; position:absolute; left: 0;top: 0}
.index-time font{font-size:18px; padding-right:10px;}

.index-btn{width:90px; margin-top:3vh; position:absolute; right: 0; top: 0}
.index-btn a{ font-size:12px; color:#e88229; width:70px; height:25px; line-height:25px; border:#e88229 1px solid;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px; cursor: pointer; margin-top:15px; display:block; text-align:center; margin:0px auto;}
.index-btn a:hover, .index-btn a:focus{ color:#ffffff; background-color:#e88229;}

.index-list-content{ margin:0px 90px 0px 120px; padding:2.5vh 0px 0px 0px; font-weight:normal; font-size:1em; overflow: hidden; text-overflow:ellipsis;white-space:nowrap; line-height:1.5;}
.index-btn.off-btn a{ border:#e5e5e5 1px solid; background-color:#e5e5e5; color:#888888;}
.index-btn.off-btn a:hover, .index-btn.off-btn a:focus{border:#e5e5e5 1px solid; background-color:#e5e5e5; color:#888888;}

.content{background-color:#ffffff; padding:30px;}
.title{text-align:center; font-size:1.5em; padding:0px 0px 0px 0px; margin:0px; font-weight:normal;}
.subtitle{ padding:15px 0px 30px 0px;text-align:center; font-size:12px; color:#999999; border-bottom:#e2e2e2 1px dashed;}
.subtitle img{margin-top:2px;}

.sublist{ overflow:hidden; padding:15px 0px; border-bottom:#e2e2e2 1px dashed; border-top:#e2e2e2 1px dashed; margin-top:20px;}
.sublist li{ float:left; display:inline; width:25%; padding:8px 0px;}
.sublist li span{ color:#999}
@media (max-width:768px) {
	.content{ padding:20px 10px;}
	.sublist li{ width:33.33333%}
}
@media (max-width:600px) {
	.sublist li{ width:50%}
}
@media (max-width:400px) {
	.sublist li{ width:100%}
}
.view-content{ padding:30px 0px; font-size:1.2em; margin-bottom: 1.5; margin-top: 1.5; line-height: 1.75; text-indent: 2.0em; }
.view-content img{ max-width:100%;}

.pop-bg{ position:fixed; left: 0; top: 0; width: 100%; height: 100vh; background:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index:99; display:none;}
.pop-content{-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  -moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5); -ms-box-shadow:0 0 20px rgba(0, 0, 0, 0.5); -o-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  box-shadow:0 0 20px rgba(0, 0, 0, 0.5); border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px; background-color:#FFF; width:90%; height:60vh; margin-top:20vh;position:fixed; left:5%; top: 0;z-index:100; display:none;}
.close{ position:absolute; right:10px; top:10px; cursor:pointer;}
.close img{ width:20px;}
.pop-content textarea{ width:90%; height:35vh; padding:5px; border:none; outline:none; margin-top:5vh;}
.anniu{ position:absolute; bottom:20px; width:100%;}

.pager{ text-align:center;  margin-top:40px;}
.pager a{ font-family:"宋体"; border:#e88229 1px solid; padding:6px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px; cursor: pointer; color:#e88229; line-height:3;}
.pager a:hover, .pager a.onp{color:#ffffff; background-color:#e88229;}
.pager a.p_disabled{ background-color:#eee;border:#eee 1px solid;color:#ccc;}
@media (max-width:420px) {
	.pager a{ padding:4px 6px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;}
}

.form-horizontal{width: 286px; display: block; padding: 7px 2px 2px 20px; margin:10vh auto 0px auto; }
#myModalLabel{ margin:30px 0px; line-height: 30px; font-size: 28px; color: #e88229; text-align: center; font-weight:normal;}
.form_login { position: relative; margin: 5px 10px 5px; height:47px; overflow:hidden; }
.form_login input { width: 182px; height: 29px; padding-left:5px; line-height: 30px; border: 1px solid #D7D7D7; background: #fff; color: #333; border-radius: 2px; font-family:"Microsoft Yahei"; font-size: 16px; ime-mode: disabled; }
.form_login em { position:absolute; left:0px; top:0 }
.form_login em img { width:32px; height:32px }

.login-content{ background-color:#FFF; border:#d2d2d2 1px solid; width:300px; margin:0px auto; padding-bottom:30px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;}
.form_login1 { position: relative; padding:10px 0px; overflow:hidden; border-top:#d2d2d2 1px solid;}
.form_login1 input {width:260px;padding:10px 15px; border: 1px solid #fff; background: #fff; color: #333; border-radius: 2px; font-family:"Microsoft Yahei"; font-size: 16px; ime-mode: disabled; }

.fgx{height:28px; background:url(images/memberbg.gif) repeat-x left top;}

.member_left{ background-color:#FFF; width:23%; float:left; overflow:hidden; min-height:750px; height:auto !important; height:750px;}
.member_right{ background-color:#FFF; width:75%; float:right; overflow:hidden; min-height:750px; height:auto !important; height:750px;}
.biaoti1{ font-size:1.25em; font-weight:normal; color:#666666; line-height:60px; height:60px; padding:0px; margin:0px; border-bottom:#e9e9e9 1px solid; text-align:center}
.biaoti2{ font-size:1.25em; font-weight:normal; color:#666666; line-height:60px; height:60px; padding:0px; margin:0px; border-bottom:#e9e9e9 1px solid; padding-left:20px;}
.text-center{ text-align:center;}
.memberlist{ padding-bottom:20px;}
.memberlist li{ border-bottom:#e9e9e9 1px solid; padding:15px 0px 15px 20px; overflow:hidden;font-size:0.875em;}
.memberlist li.on a{ color:#e88229; font-weight:bold;}
.biaoge td, .biaoge th{ border:#e9e9e9 1px solid;}
.biaoge{border-collapse:collapse;} 
.biaodan{ font-size:0.875em;}
.biaodan input{ padding:5px;}
.biaodan th{ text-align:right; font-weight:normal;}
.denglu{ padding-top:4vh}

.actformbm{font-size:0.875em;}
.actformbm th{/*font-weight:normal;*/ text-align:center}

@media (min-width:768px) {
	body{font-size:13px;}
   .container {width:750px;}
   .indexbanner{ height:400px;}
   .index-time{font-size:14px; width:150px;}
   .index-time font{ font-size:20px;}
   .index-btn{width:100px;}
   .index-btn a{width:80px; font-size:12px;height:30px; line-height:30px;}
   .index-list-content{ margin:0px 100px 0px 150px;}
   .denglu{ padding-top:3.5vh}
}
@media (min-width:992px) { 
	body{font-size:14px;}
   .container {width:970px;}
   .indexbanner{height:500px;}
   .index-time{font-size:14px; width:195px;}
   .index-time font{font-size:30px;}
   .index-btn{width:150px;}
   .index-btn a{width:120px; font-size:14px; height:36px; line-height:36px;}
   .index-list-content{ margin:0px 150px 0px 195px;}
   .pop-content{ width:500px; left:50%; margin-left:-250px;}
   .denglu{ padding-top:3vh}
}
@media (min-width:1200px) {
	body{font-size:16px;}
   .container {width:1200px;}
   .indexbanner{height:600px;}
   .index-time{font-size:16px; width:220px;}
   .index-time font{ font-size:36px;}
   .index-btn{width:220px;}
   .index-btn a{width:120px; font-size:16px; height:36px; line-height:36px;}
   .index-list-content{ margin:0px 220px 0px 220px;}
   .pop-content{ width:500px; left:50%; margin-left:-250px;}
   .close img{ width:30px;}
   .denglu{ padding-top:2vh}
}

@media (max-width:500px) {
.member_left{ background-color:#FFF; width:100%; float:none; overflow:hidden; margin-bottom:20px; min-height:auto; height:auto !important; height:auto}
.member_right{ background-color:#FFF; width:100%; float:none; overflow:hidden; min-height:auto; height:auto !important; height:auto}
.biaodan{ width:100%; font-size:12px;}
.biaodan input{width:85%;}
.biaodan th{ width:90px;}
.headerl{ padding-left:10px;}
.headerr{ padding-right:10px;}
}

.act-content{ height:370px; top:50%; margin-top:-185px;}
#act_biaoti{margin:40px 0px 30px 0px; padding:0px 15px 15px 15px; line-height:1.5; font-size:1em; color: #e88229; text-align: center; font-weight:normal; border-bottom:#CCC 1px solid;}
#act_leirong{padding:0px 15px; height:200px; overflow-x:hidden; overflow-y:auto; text-align:left;}


.qiandao-content{-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  -moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.5); -ms-box-shadow:0 0 20px rgba(0, 0, 0, 0.5); -o-box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  box-shadow:0 0 20px rgba(0, 0, 0, 0.5); border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px; background-color:#FFF; width:300px; height:200px; position:fixed; left:50%; top:50%; margin-top:-100px; margin-left:-150px;z-index:100; display:none; text-align:center; color:#000;}
.qiandao-title{ font-size:16px; padding:30px 0px 0px 0px; font-weight:bold; height:30px;}
.qiandao-lr{ font-size:16px; padding:20px 0px 30px 0px; height:22px}
.qiandao-leirong{font-size:16px; padding:50px 0px 0px 0px; height:82px}
.qiandaoanniu{ background-color:#f2f2f2; border-top:#e6e6e6 1px solid; padding:20px 0px; border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;-o-border-radius:0px 0px 10px 10px;-ms-border-radius:0px 0px 10px 10px;}
.qiandaoanniu button{ cursor:pointer;}


x 10px;-ms-border-radius:0px 0px 10px 10px;}
.qiandaoanniu button{ cursor:pointer;}