body{color:#808080;background:#fff; min-width:320px; height:100%;}
body,div,p,a,li,ul,ol,span,input,dl,dd,dt,form,h1,h2,h3,h4,h5,h6,select,pre,img,textarea{padding:0;margin:0;outline:none;font-size:system;border:0 none;text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;color:#808080;}
a:hover,a:active,a:focus{color:#333;text-decoration:none;}
a:active{color:#333;}
em,i{font-style:normal;}
img{ border:0; display:block; width:100%;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}
html,body{
	padding: 0;
	margin: 0;
	height:100%;
  	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;zoom:1;}
.clear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

.head{ position:relative; height:45px; background:#181818;}
.backbtn{ position:absolute; width:45px; height:45px; top:0; left:0;}
.backbtn a{ 
    display:block; 
	width:45px; 
	height:45px; 
	background:url(../images/icon-back.png) no-repeat;
	background-size:45px;
	-webkit-background-size:45px;
	-o-background-size:45px;
	-ms-background-size:45px;
	text-indent:-9999px;
}
.headinfo{ width:80%; height:45px; line-height:45px; margin:0 auto; color:#fff; text-align:center; font-size:18px;}\

.peopbox{ position:relative;}
.joindiv{ 
    height:44px;
	border-top:1px solid #c4c4c4; 
	background:#fff url(../images/icon-dian.png) 10px 13px no-repeat;
	background-size:15px;
	-webkit-background-size:15px;
	-o-background-size:15px;
	-ms-background-size:15px;
	text-align:left;
	padding:0 10px 0 30px;	
	overflow:hidden;
	border-bottom: 1px solid #c4c4c4;
}
.joindiv a{ 
    display:block;
	height:44px;
	line-height:44px;
	background:url(../images/icon-arrow-orange.png) right center no-repeat;
	background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	-ms-background-size:20px;
	color:#f5ae10;
	font-size:16px;
}
.peopinfo{ background:#fff; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; line-height:40px; margin-top:10px; padding-left:20px;}
.peopinfo li{ position:relative; height:40px; padding:0 5px 0 0; border-bottom:1px solid #c4c4c4;}
.peopinfo li:last-child{ border-bottom:none;}
.peopinfo li em{ position:absolute; width:70px; height:40px; line-height:40px; display:inline-block; left:0; top:0; color:#222; font-size:16px;}
.peopinfo li:first-child{ height:60px; overflow:hidden; padding:9px 5px 9px 0;}
.peopinfo li:first-child p{ height:60px;}
.peopinfo li:first-child em{ top:20px;}
.peopinfo li:first-child a{ margin:10px auto;}
.peopinfo li span{ position:relative; display:block; text-align:right; margin-left:70px; color:#999; font-size:13px;}
.peopinfo li span img{ width:60px; height:60px; display:inline; border-radius:50%;}
.peopinfo li a{ float:right; height:40px; width:40px; display:inline-block;}
.peopinfo li a img{ width:20px; height:20px; margin:10px auto;}
.peopinfo li.mmli{ height:40px;}
.peopinfo li.mmli{ height:40px; overflow:hidden; padding:0 5px 0 0;}
.peopinfo li.mmli p{ height:40px;}
.peopinfo li.mmli em{ top:0;}
.peopinfo li.mmli a{ margin:0 auto;}
.abortbtn{ position:absolute; width:90%; height:35px; left:5%; bottom:10px;}
.abortbtn a{ display:block; height:35px; background:#e5a517; line-height:35px; border-radius:5px; color:#fff; font-size:16px; text-align:center;}

.dwbg{
	height:45px;
	background:url(../images/bg-dw.jpg) top no-repeat;
	background-size:100% 160px;
	-webkit-background-size:100% 160px;
	-o-background-size:100% 160px;
	-ms-background-size:100% 160px;
}
.join-enter{
	position:absolute; 
	width:100%; 
	height:45px;
	line-height:45px;
	top:0; 
	left:0;
	background:url(../images/bg-dw.jpg) top no-repeat;
	background-size:100% 160px;
	-webkit-background-size:100% 160px;
	-o-background-size:100% 160px;
	-ms-background-size:100% 160px;
	z-index:9;
	text-align:center;
	font-size:18px;
}
.join-enter a{ 
    display:inline-block; 
	height:45px; 
	background:url(../images/point.png) left center no-repeat; 
	background-size:15px;
	-webkit-background-size:15px;
	-o-background-size:15px;
	-ms-background-size:15px;
	margin:0 auto;
	padding-left:20px;
	color:#e3a51e;
}
.join-enter em{ 
    width:45px; 
	height:45px;
	display:block;
	background:url(../images/btn-close.png) no-repeat;
	background-size:45px;
	-webkit-background-size:45px;
	-o-background-size:45px;
	-ms-background-size:45px;
	position:absolute;
	top:0; 
	right:5px;
	text-indent:-9999px;
}
.userifo{ 
    background:url(../images/bg-dw.jpg) left -45px no-repeat;
	background-size:100% 160px;
	-webkit-background-size:100% 160px;
	-o-background-size:100% 160px;
	-ms-background-size:100% 160px;
	height:115px;
}
.userifo dl{
    position:relative; 
	width:98%; 
	height:95px; 
    padding-top:20px;
	margin:0 0 0 2%;
}
.userifo dt{ position:absolute; top:15px; left:0; z-index:9;}
.userifo dt a{ display:block; width:85px; height:85px; position:relative; overflow:hidden; border:2px solid #fff; border-radius:50%;}
.userifo dd{ position:relative; margin:40px 10px 0 95px; line-height:20px; z-index:1; text-align:left;}
.userifo dd h3{ font-size:16px; font-weight:400; color:#222;}
.userifo dd a{ float:right; width:40px; height:40px;}
.userifo dd a img{ width:20px; height:20px; margin:10px auto;}
.userifo dd p{ font-size:12px; color:#666;}
.userifo dt a img{ border-radius:50%;}
.tabt{ height:24px; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; background:#e7e7e6; padding:13px 0;}
.tabt span{ float:left; display:block; height:24px; line-height:24px; width:50%; margin-left:-1px; border-left:1px solid #c4c4c4; text-align:center; position:relative; color:#999; font-size:16px;}
.tabt span em{ display:block; position:absolute; width:50%; height:48px; line-height:48px; top:-13px; left:25%; }
.tabt span.spcur em{ border-bottom:2px solid #ec9908; color:#222;}
.tabul{ width:100%;}
.tabul div{ width:97%; position:relative; height:60px; padding:0 0 10px 0;  border-bottom:1px solid #c4c4c4; overflow:hidden; margin:10px 0 0 3%;}
.tabul div img{ position:absolute; left:0px; top:0; width:80px; height:60px;}
.tabul div div{ width:auto; position:relative; line-height:20px; text-align: left; margin:0 40px 0 90px; border-bottom:none; padding:0;}
.tabul div div p{  overflow:hidden;}
.tabul div div h3{ height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#222; font-weight:400;margin-right: 50px}
.tabul div div p.ph1{ line-height:20px; font-size:12px; color:#999999;}
.ph1{ line-height:20px; font-size:14px; color:#999999;}
.tabul div div p.ph2{ height:40px;}
.tabul div div p.ph3{ height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#222; font-weight:400;}
.tabul div em{
	width:40px; 
	height:40px; 
	position:absolute;
	top:0;
	right:0;
	display:block;
	background:url(../../static/images/icon-arrow-gray.png) center center no-repeat; 
	background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	-ms-background-size:20px;
}

.btit{ height:42px; background:#f2f2f2; border-bottom:1px solid #c4c4c4; padding-top:15px;}
.btit img{ width:150px; height:40px; margin:0 auto;}
.plancon{padding:15px;}
.plancon img.imgban{ width:95.75%; padding:5px; border:1px solid #c4c4c4;}
.plancon h3{ height:36px; line-height:36px; border-bottom:1px solid #c4c4c4; overflow:hidden; margin:8px 0; font-weight:400; color:#999; font-size:12px;}
.plancon p{ text-indent:2em; color:#222; line-height:18px; font-size:13px; margin-top:3px;}
.labdiv{ width:90%; height:45px; margin:10px auto; border-bottom:1px solid #c4c4c4;}
.tab_collect{height:100%;}
.labdiv span{ 
    display:inline-block; 
    width:95%;
	height:45px;
	line-height:45px;
	background-size:15px;
	-webkit-background-size:15px;
	-o-background-size:15px;
	-ms-background-size:15px;
	font-size:14px;
	font-weight:700;
	color:#222;
}
.kqbtn{width:90%; height:35px; margin:10px auto;}
.kqbtn a{ display:block; height:35px; line-height:35px; background:#e5a517; color:#fff; border-radius:5px; font-size:16px; text-align:center;}


.h3{
	font-size:14px;
	color:#333;
}


/* line 66, ../sass/index.scss */
#bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #22272a;
	z-index:999;
}
/* line 72, ../sass/index.scss */
#bottom div.active {
	background-color: #1c2023;
	border-bottom: 2px solid #D6AD3D;
}
/* line 75, ../sass/index.scss */
#bottom div.active div {
	background-color: #1c2023;
}
/* line 77, ../sass/index.scss */
#bottom div {
	position: relative;
	width: 25%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: left;
}
/* line 83, ../sass/index.scss */
#bottom div .nav_text {
	background-color: #22272a;
	color: #FFFFFF;
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
}
/* line 96, ../sass/index.scss */
#bottom .nav_1 {
	background: url("../../static/images/nav_1.png") center center
		no-repeat;
	background-size: 50px;
}
/* line 96, ../sass/index.scss */
#bottom .nav_2 {
	background: url("../../static/images/nav_2.png") center center
		no-repeat;
	background-size: 50px;
}
/* line 96, ../sass/index.scss */
#bottom .nav_4 {
	background: url("../../static/images/nav_3.png") center center
		no-repeat;
	background-size: 50px;
}
#bottom .nav_3 {
	background: url("../../static/images/nav_4.png") center center
		no-repeat;
	background-size: 50px;
}
.swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #fff;
	height:80px;
	background-color: #fff;
	
}
.swiper-container .swiper-wrapper .swiper-slide-nomore{
	border-bottom: 1px solid #fff;
}
.swiper-container .swiper-wrapper .loadTip{
	border-bottom: 1px solid #fff;
}



.tab {
  position: absolute;
  top: 215px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

