@charset "utf-8";
/* CSS Document */
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#d32524; overflow-x:hidden; max-width: 750px; margin: 0 auto !important;font-size:0;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0;}
a{ text-decoration:none; color:#000;}
em{font-style: normal;}
img{border:none; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
.wrap{ width:6.5rem; height:auto; margin: 0 auto; position: relative;}

/* 首页 */
/*banner*/
.banner{
	position: relative; background: url(../images/ban_img.jpg) no-repeat top center / 100%; height: 10.63rem;
}
.ban-logo{
	position: absolute; left: .54rem; top: 0.68rem; width: 24%;
}
.ban-logo img{
	width: 100%;
}
.banner-btn{
	position: absolute; right: 0; top: .18rem;
}
.banner-btn a{
	width: 1.06rem; height: .38rem; line-height: 0.38rem; background: #edcccc; border-radius: .19rem 0 0 .19rem; font-size: .2rem; color: #3c0000; display: block; text-align: center; margin-bottom: .1rem; box-sizing: border-box;
}

/* index-btn */
.index-btn{
	position: relative; height: 2.71rem; background: url(../images/index_btn_bg.jpg) no-repeat top / 100%;
}
.index-btn a.indexBtn{
	width: 4.04rem; height: 0.96rem; line-height: 0.95rem; background: url(../images/index_btn.png) no-repeat top center / 100%; font-size: .42rem; color: #6f2d05; font-weight: bold; text-shadow: 0 .02rem 0 #ffffff; text-align: center; letter-spacing: .02rem; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: none;
}

/* 助力页面 */
.zudui-banner{
  height: 4.84rem; background: url(../images/zd_ban_bg.jpg) no-repeat top center / 100%; position: relative;
}
.zudui-main{
	background: url(../images/zd_main_bg.jpg) no-repeat top center / 100% 100%; padding-bottom: 0.5rem;
}
.zudui-info{
	width: 6.5rem; height: 1.04rem; margin: 0 auto; text-align: center; margin-bottom: 0.3rem; padding-top: 0.1rem; border-radius: .1rem;
  background: #ffffff;
  background: -webkit-linear-gradient(bottom, #ffffff ,#ffefe7); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #ffffff, #ffefe7); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #ffffff, #ffefe7); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #ffffff , #ffefe7); /* 标准的语法 */
}
.zudui-info img{
	display: inline-block; vertical-align: middle;
}
.zudui-info img.user{
	width: 0.93rem; margin-right: 0.3rem;
}
.zudui-info img.jt{
	width: 0.34rem; margin: 0 .48rem 0 .15rem; border-right: 0.01rem solid #898382; padding-right: 0.4rem;
}
.zudui-info h3{
	font-size: .36rem; font-weight: bold; display: inline-block; vertical-align: middle; color: #333333;
}
.zudui-info span{
	display: inline-block; vertical-align: middle; font-size: .26rem; color: #333333; font-weight: bold; position: relative;
    top: -0.14rem;
}
.zudui-info span i{
	font-size: .7rem; font-weight: bold; font-style: normal; color: #ff0000; display: inline-block; padding-right: 0.12rem; position: relative; top: 0.1rem;
}
.zudui-m{
	padding: .2rem .3rem .36rem; border-radius: .2rem;
  background: #ff6151;
  background: -webkit-linear-gradient(bottom, #ff6151 ,#fe4646); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #ff6151, #fe4646); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #ff6151, #fe4646); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #ff6151 , #fe4646); /* 标准的语法 */
}
.zudui-m h3{
	font-size: .4rem; color: #fff7b8; text-align: center; background: url(../images/zd_m_tbg.png) no-repeat center / 4.05rem;
}
.zudui-m h3 span{
  font-weight: 900; padding: 0 .2rem;
  background-image: -webkit-linear-gradient(top,#fffffd,#fff28c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.zudui-zl-main{
	 margin-top: 0.24rem; margin-bottom: 0.24rem; padding: .2rem; text-align: center; background: #fff; border-radius: .1rem;
}
.zl-content{
  margin-bottom: 0.14rem;
}
.zl-content img{
	width: 1.96rem; display: inline-block; vertical-align: top; 
}
.zl-content div.zl-content-r{
	width: 3.54rem; background: #fff8f3; padding-top: .2rem; padding-bottom: 0.26rem; display: inline-block; vertical-align: top;
}
.zl-content div.zl-content-r h4{
	font-size: .28rem; color: #333333; font-weight: 600; margin-bottom: 0.12rem;
}
.bar{
	width: 2.77rem; height: 0.29rem; background: url(../images/zd_bar_bg.png) no-repeat top center / 100% 100%; margin: 0 auto; text-align: left; margin-bottom: 0.14rem; padding-left: 0.1rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-around;
}
.bar .bar-img{
	width: 2.1rem; height: 0.13rem; position: relative; font-style: normal; box-sizing: border-box; 
}
.bar .bar-img i{
  width: 100%; height: 0.13rem; background: url(../images/jindu.jpg) no-repeat top left / 100% 100%; display: block; border-radius: .2rem;
}
.bar em{
  font-size: .18rem; color: #fff; display: block; font-style: normal;width: 18%;text-align: center;
}
.zl-num{
  font-size: .24rem; color: #6a6a6a;
}
.ledBtn{
	margin-top: 0.24rem; margin-bottom: 0.32rem;
}
.ledBtn a{
	width: 2.8rem; height: 0.6rem; line-height: 0.6rem; background: #fa8230; background: linear-gradient(to right, #fa8230 , #fa2a26); border-radius: .3rem; font-size: .28rem; color: #fff; font-weight: 600; display: inline-block;
}
.ledBtn a.gray{
	background: #999999;
}

/* 邀请记录 */
.member-box{
  background: url(../images/member_bg.png) no-repeat top center;
}
.member-box h4{
  font-size: .14rem; color: #cb9861; background: url(../images/member_tbg.png) no-repeat center / 100%; margin-bottom: 0.25rem;
}
.memberPart ul li{
	width: .8rem; display: inline-block; margin: 0 .28rem;
}
.memberPart ul li img{
	width: 100%; display: inline-block; margin-bottom: 0.08rem;
}
.memberPart ul li span{
	font-size: .24rem; color: #cb9861;
}
.memberPart a{
	width: 2.5rem; height: .5rem; line-height: 0.5rem; display: inline-block; vertical-align: middle; font-size: .24rem; color: #fff; text-align: center; font-weight: bold; background: #ff7307; background: linear-gradient(to bottom, #ff7307 , #ff3a02); box-shadow: 0 .06rem .06rem #ff361150; border-radius: .25rem;
}
.memberPart .join-title{
	width: 1.78rem; height: 0.6rem; line-height: 0.6rem; background: #ffdada; border-radius: .3rem; font-size: .28rem; font-weight: bold; color: #fa2d26; margin: 0 auto; margin-top: 0.2rem; margin-bottom: 0.1rem;
}

/* 分享页 */
.share-banner{
  height: 9.24rem; background: url(../images/share_ban_img.jpg) no-repeat top center / 100%; position: relative;
}
.share-btn{
	height: 4.72rem; position: relative; background: url(../images/share_btn_bg.jpg) no-repeat top center / 100%;
}
.share-btn .zl-btn{
  width: 4.98rem; height: 1.01rem; line-height: .98rem; background: url(../images/share_btn.png) no-repeat top center / 100%; font-size: .42rem; color: #6f2d05; font-weight: bold; text-shadow: 0 .04rem 0 #ffffff; text-align: center; letter-spacing: .02rem; position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: none;
}

/* 弹窗 */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.popup {width: 80%; background: #fff; z-index: 9; border-radius: .22rem; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.popup .close {display: block; width: .5rem; position: absolute; top: -.65rem; right: 0;}
.popup h3 {width: 100%; height: 1.4rem; line-height: 1.4rem; text-align: center; background: url(../images/popup_tbg.png) no-repeat top center / 100%; font-size: .48rem; color: #fff;font-weight: 800; border-radius: 9px 9px 0 0;}
.popup h3 span{background-image: -webkit-linear-gradient(top,#fffffe,#fff9e1,#ffeb9d); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.popup-m {width: 100%; margin: 0 auto; padding: .4rem .45rem; box-sizing: border-box; text-align: center;}
.popup-m h4 { color: #ff0000; font-size: .24rem; font-weight: bold; margin-bottom: 0.08rem; box-sizing: border-box;}
.popup-m h4 span{width: 0.24rem; height: 0.24rem; line-height: 0.24rem; background: #ff0000; border-radius: .5rem; display: inline-block; vertical-align: middle; font-size: .24rem; color: #fff; font-weight: bold; text-align: center; margin-right: 0.04rem; position: relative; top: -0.03rem;}
.popup-list{ margin-bottom: 0.2rem; text-align: left;}
.popup-list p{font-size: .24rem; color: #333333; line-height: 0.34rem;}
.popup-list p span{color: #ff0000;}
.popup-list .tips{color: #ff5604; font-size: .2rem; font-weight: 600;}
.popup-p{text-align: center; line-height: 0.36rem; margin-bottom: 0.2rem; font-size: .24rem; color: #333; line-height: 0.36rem;}
.popup-p span{color: #ff5f0c; font-weight: bold;}
.popup-img{width: 50%; margin-bottom: 0.3rem;}
.popup-img2{width: 2.75rem; margin-top: -0.3rem; margin-bottom: -0.4rem;}
.grayBg h3{ background: #999999; background: linear-gradient(to bottom, #999999 , #7b7b7b);}
.typeBtn{width: 4rem; height: 0.78rem; line-height: 0.78rem; background: #ff9521; background: linear-gradient(to bottom, #ff9521 , #ff4d13); border-radius: .39rem; font-size: .32rem; font-weight: 600; display: inline-block; text-align: center; color: #fff; box-shadow: 0 .06rem .12rem #ff5d1635;}

.share {width: 100%; max-width: 750px; position: fixed; left: 0; top: .6rem; z-index: 9;}
.share .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.share .share_img {width: 100%; margin: 0 auto; text-align: center;}
.share .share_img img {width: 70%; height: auto;}

/* 点击loading */
.loadingbox{width: 20%; height: 1.8rem; display: block;  text-align: center; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.loadingbox img{width: 100%; height: auto; display: block;}

/* pc版打开遮罩 */
.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 9; text-align: center;}
.pc-box{width: 606px; height: auto; text-align: center; background:#fff; position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .35rem;
	-moz-border-radius: .35rem;
	border-radius: .35rem;
}
.pc-box font{font: bold .4rem/1.2rem "microsoft yahei"; color: #fff; width: 100%; clear: both; float: left; text-align: center; height: 1.2rem; position: relative;background: #a50100;border-radius: 0.35rem .35rem 0 0;}
.tcmain{clear: both; float: left; margin: .5rem auto 0;}
.pc-box .pic img{width: 2.4rem;display: inline-block; margin:36px auto auto;}
.pc-box p{width: 90%; font: 26px/48px "microsoft yahei";color: #333;float: left; margin: 17px 5% 0.6rem;}
.pc-box a{position: absolute; top: -.6rem; right: 0; display: block; width: .45rem; height: .45rem; cursor: pointer;}
.pc-box a img{width: 100%;}
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}

@keyframes dx{
	0%{transform: scale(1);}
	100%{transform: scale(.8);}
}
@media only screen and (min-width:990px) {
html {max-width: 750px;margin: 0 auto;}
body {font-size: 18px;}
.popup {width: 520px;}
.one_li2 {margin: 6% 1.5% 0;}
.ban_a3 {width: 26%;}
.three {max-width: 750px;left: 50%;margin-left: -375px;}
}