/* reset */
body{background:#b5110e;}
/*banner*/
.banner-box{height:4.64rem;background:url(../images/banner.jpg) no-repeat center top;background-size: 7.5rem;}
.banner-box .wrap{position: relative; text-align: center; margin: auto; height: 4.64rem;}
.banner-box .logo{width:1.7rem; height:0; top: .25rem; display: block; position: absolute;}
.banner-box .logo img{width: 100%;}

/* 组队模块 */
.groupbox{width: 100%; clear: both; float: left; background: url(../images/group-bg.jpg) center; background-size: 100% 100%; padding-bottom: .1rem;}
.group-cont{width: 100%; height: 5.88rem; display: block; float: left; margin-top: .1rem;
	background: url(../images/zjBg.jpg) no-repeat center top;
	background-size: 100%;
	border-radius: .1rem;
	padding-top: .2rem;
}

.group-cont .state{width: 100%; clear: both; float: left; margin-top: .27rem; background: #ededed; height: 1rem; font: .32rem/1rem "microsoft yahei","arial, helvetica, sans-serif";color: #333333;}
.group-cont .state time em{color: #cc373b;font: .48rem/1rem "arial, helvetica, sans-serif";}
.group-cont p.txt{width: 100%; font: .28rem/.88rem "microsoft yahei","arial, helvetica, sans-serif";color: #808080;}
.group-cont p.txt.suc{color: #cd373b;}
.group-cont p.txt em{font-weight: bold;color: #cd373b;}
.group-cont ul.member{width: 90%; clear: both; float: left; margin-top: .13rem; margin-bottom: .35rem; margin-left: 5%;}
.group-cont ul.member li{width: 33.3%; height: auto; float:left; position: relative;margin-bottom: .18rem;}
.group-cont ul.member li img{width: 1.5rem;display: block;margin: auto;}
.group-cont ul.member li p{font: .28rem/.45rem "microsoft yahei";width: 100%;clear: both; height: .45rem; display: block; width: 100%; float: left; margin-top: .15rem;}
.group-cont .groupBtn{width: 100%; clear: both; float: left; margin-bottom: .12rem;}
.group-cont .groupBtn a{width: 4.5rem; height: 1.18rem; display: block; margin: auto;
}
.group-cont .groupBtn a.zhuliBtn{margin-bottom: .2rem;}
.groupbox .group-cont .groupBtn a img{
	width: 100%; 
	display: block;
	margin: auto;
	animation:mymove 5s infinite;
	-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
	animation-direction:alternate;/*轮流反向播放动画。*/
	animation-timing-function: ease-in-out; /*动画的速度曲线*/
	/* Safari 和 Chrome */
	-webkit-animation: mymove 5s infinite;
	-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
	-webkit-animation-timing-function: ease-in-out;
}




.main .main_img .main_ab {width: 30.84%; position: absolute; bottom: 0; right: 0; 
				animation:mymove 5s infinite;
                -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
                animation-direction:alternate;/*轮流反向播放动画。*/
                animation-timing-function: ease-in-out; /*动画的速度曲线*/
                /* Safari 和 Chrome */
                -webkit-animation: mymove 5s infinite;
                -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
                -webkit-animation-timing-function: ease-in-out;
}
@keyframes mymove
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.2); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.2);
                }

            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1.2); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1);
                }
                75%{
                    transform: scale(1.2);
                }
            }

/* 活动规则 */
.rules{width: 100%; clear: both; float: left; background: url(../images/rule-bg.jpg) top; background-size: 100% 100%; height: 2.58rem;}
.rules .rule-cont{width: 100%; clear: both; float: left; height: 2.27rem; display: block; background: url(../images/rules-img01.png) no-repeat center; background-size: 100%;}
.rules .rule-cont font{width: 100%; float: left; margin-top: .37rem; font: bold .52rem/.88rem "microsoft yahei";color: #fb315a; background: url(../images/rules-img02.png) no-repeat center; background-size: 4.22rem auto;}
.rules .rule-cont ul{clear: both; float: left; margin-top: .1rem;}
.rules .rule-cont ul li{clear: both; float: left; margin-bottom: .1rem; margin-left: .74rem;}
.rules .rule-cont ul li i{width: .35rem; height: .35rem; display: block;float: left; background: url(../images/s3-icon01.png) no-repeat center; background-size: 100%; font: .26rem/.36rem "arial, helvetica, sans-serif";color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 .1rem .15rem rgba(190,194,214,.45);
	box-shadow: 0 .1rem .15rem rgba(190,194,214,.45);
}
.rules .rule-cont ul li p{float: left; font: .28rem/.36rem "microsoft yahei";color: #333; width: 4.5rem; text-align: left; margin-left: .2rem;}
.rules .rule-cont ul li.lastRule .txt{width: 4.65rem; height: .92rem; display: block; background: #f03b66;color: #fff;float: left;margin-left: .2rem;
	-webkit-border-radius: .06rem;
	-moz-border-radius: .06rem;
	border-radius: .06rem;
}
.rules .rule-cont ul li.lastRule p{color:#FFFFFF; width: 3rem; margin-top: .1rem; margin-left: .1rem;}
.rules .rule-cont ul li.lastRule img{width: 1.4rem; height: 1.4rem; display: block; float: right; margin-top: -.26rem; margin-right: .1rem;
	-webkit-box-shadow: 0 0 .1rem rgba(199,197,198,.75);
	box-shadow: 0 0 .1rem rgba(199,197,198,.75);
}

/* 邀请拼团页面 */
.group-cont .WR {
    width: 93%;
    padding: 0 3.5%;
    display: inline-block;
}
.WR>div{
	display: inline-block;
	float: left;
}
.WR .sharL{
	width: 2.75rem;
	height: 3.22rem;
	margin-right: .1rem;
	margin-top: .5rem;
}
.WR .ptcy {
    border: 1px solid #333;
    font: .28rem/.48rem "microsoft yahei";
    color: #333;
    height: .48rem;
    width: 2.16rem;
    border-radius: 4px;
    margin: 0 auto;
	position: relative;
	margin-bottom: .37rem;
}
.sImg {
    position: absolute;
    width: .24rem;
    bottom: -.25rem;
    left: .5rem;
}
.sImg img{
	width: 100%;
}
.ptcy p span{
	color: red;
}
.cheWR img{
	width: 100%;
}
.WR .sharR {
    width: 3.4rem;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    font: .24rem/.3rem "microsoft yahei";
    color: #333;
    text-align: left;
    padding-bottom: .2rem;
}
.sharR .hqbt {
    width: 3.08rem;
    height: .58rem;
    font: bold .32rem/.58rem "microsoft yahei";
    color: #fff;
    background: -webkit-linear-gradient(left, #f9230a, #fff);
    background: -o-linear-gradient(right, #f9230a, #fff);
    background: -moz-linear-gradient(right, #f9230a, #fff);
    background: linear-gradient(to right, #f9230a, #fff);
    padding-left: .18rem;
	margin-top: .2rem;
}
.sharR .Yz {
    width: 90%;
    padding: 0 5%;
}
.sharR .Yz span {
    width: .28rem;
    height: .28rem;
    line-height: .26rem;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    background: -webkit-linear-gradient(top, #f03a32, #fe7050);
    background: -o-linear-gradient(bottom, #f03a32, #fe7050);
    background: -moz-linear-gradient(bottom, #f03a32, #fe7050);
    background: linear-gradient(to bottom, #f03a32, #fe7050);
    text-align: center;
    margin-right: .08rem;
}
.sharR .Yz label{
	font: bold .28rem/.58rem "microsoft yahei";
	color: #e82100;
}
.fgx {
    width: 85%;
    height: 1px;
    border-bottom: 1px dashed #b5b5b6;
    margin: 0 auto;
    margin-top: .1rem;
}
.kqflL{
	display: inline-block;
	float: left;
}
.kqflL p {
    font: .32rem/.6rem "microsoft yahei";
    color: #e50503;
    margin-top: .25rem;
    margin-left: .35rem;
}
.kqflL p span{
	display: inline-block;
	width: .26rem;
	margin-right: .08rem;
}
.kqflL p span img{width: 100%;}
.kqflR {
    display: inline-block;
    float: right;
    margin-top: .17rem;
    margin-right: .2rem;
}
.kqewm{
	width: 1.5rem;
	height: 1.5rem;
	background-color: #f4c076;
	margin: 0 auto;
}
.kqewm img{
	width: 90%;
    padding: 5%;
}
.kqflR p{
	font: .24rem/.4rem "microsoft yahei";
	color: #ab4400;
}
.loginbox{float: right;}
.loginbox>div{display: inline-block;float: left;}
.loginbox a{
	font: .32rem/.52rem "microsoft yahei";
	color: #b21213;
	width: 1.18rem;
	height: .52rem;
	background-color: #fff;
	border-radius: 4px;
	display: inline-block;
	float: right;
	margin-top: .29rem;
}
#divLoginSuccess{
	display: block;
    height: .52rem;
    line-height: .52rem;
    margin-top: .29rem;
    color: #fff;
    margin-right: .14rem;	
}
.topRight{
	display: inline-block;
    float: right;
}

.topGz {
    display: inline-block;
    width: 100%;
    text-align: left;
    position: absolute;
    left: -.35rem;
    top: .85rem;
}
.topGz span{
	display: inline-block;
    vertical-align: sub;
}
.topGz>div {
    width: 1.5rem;
    height: .48rem;
    font: .24rem/.48rem "microsoft yahei";
    color: #fff;
    background-color: #d52421;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: .1rem;
    padding-left: .14rem;
	cursor: pointer;
}
.topGz .kfl{
    width: 1.5rem;
    height: .48rem;
    font: .24rem/.48rem "microsoft yahei";
    color: #fff;
    background-color: #d52421;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-bottom: .1rem;
    padding-left: .14rem;
	display: inline-block;
	cursor: pointer;
}
.lqgz img{
	width: .28rem;
	margin-left: .05rem;
}
.kfl img{
	width: .3rem;
	margin-left: .05rem;
}
.groupxkm{
	background-color: #da1d15;
	width: 100%;
	height: .98rem;
	font: bold .48rem/.98rem "microsoft yahei";
	color: #fff;
	margin-top: .2rem;
}
.groupxkm span{
	font-size: .36rem;
	font-weight: normal;
	cursor: pointer;
}
.group-cont .YR {
    width: 93%;
    padding: 0 3.5%;
    display: inline-block;
}
.YR>div{
	display: inline-block;
	float: left;
}
.YR .sharL{
	width: 2.75rem;
	height: 3.22rem;
	margin-right: .1rem;
	margin-top: .5rem;
}
.YR .sharR {
    width: 3.05rem;
    margin-top: .5rem;
    margin-left: .4rem;
}

.YR .sharR li{
	width: 2.8rem;
	height: .68rem;
	border: 1px solid #b81310;
	border-radius: 30px;
	margin-bottom: .27rem;
}
.YR .sharR li.current{
	background-color: #b81310;
	border: none;
	background: -webkit-linear-gradient(left, #b81310, #e91b13);
    background: -o-linear-gradient(right, #b81310, #e91b13);
    background: -moz-linear-gradient(right, #b81310, #e91b13);
    background: linear-gradient(to right, #b81310, #e91b13);
}
.YR .sharR li.current a{color: #fff!important;}
.YR .sharR li a{
	color: #c8231d!important;
	font: .4rem/.68rem "microsoft yahei"!important;
	display: inline-block!important;
	width: 100%;
}
.YR .ptcy {
    border: 1px solid #333;
    font: .28rem/.48rem "microsoft yahei";
    color: #333;
    height: .48rem;
    width: 2.6rem;
    border-radius: 4px;
    margin: 0 auto;
	position: relative;
	margin-bottom: .37rem;
}
.cheWR{
	margin-top: .5rem;
}
.bsd{
	font: .28rem/.48rem "microsoft yahei";
	color: #cf1e17;
}
.group-cont .YRfs{
    width: 93%;
    padding: 0 3.5%;
    display: inline-block;
}
.YRfs>div{
	display: inline-block;
	float: left;
}
.YRfs .sharL{
	width: 2.75rem;
	height: 3.22rem;
	margin-right: .1rem;
	margin-top: .2rem;
}
.YRfs .sharR {
    width: 3.4rem;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    font: .24rem/.3rem "microsoft yahei";
    color: #333;
    text-align: left;
    padding-bottom: .2rem;
}
.YRfs .cheWR {
    margin-top: .2rem;
}
.KM {
    width: 100%;
    height: auto;
    background: #fff;
}
.kmnr{
	width: 92%;
    padding: 4%;
    text-align: left;
	min-height: 3rem;
}

#divLoginSuccess a{
	width: 100%;
    background-color: transparent;
    color: #fff;
    margin-top: 0;	
}
.group-cont .Yxl {
    width: 93%;
    padding: 0 3.5%;
    display: inline-block;
}
.Yxl>div{
	display: inline-block;
	float: left;
}
.Yxl .sharL{
	width: 2.75rem;
	height: 3.22rem;
	margin-right: .1rem;
	margin-top: .5rem;
}
.Yxl .sharR {
    width: 3.05rem;
    margin-top: .5rem;
    margin-left: .4rem;
}

.Yxl .sharR li{
	width: 2.8rem;
	height: .68rem;
	border: 1px solid #b81310;
	border-radius: 30px;
	margin-bottom: .27rem;
}
.Yxl .sharR li.current{
	background-color: #b81310;
	border: none;
	background: -webkit-linear-gradient(left, #b81310, #e91b13);
    background: -o-linear-gradient(right, #b81310, #e91b13);
    background: -moz-linear-gradient(right, #b81310, #e91b13);
    background: linear-gradient(to right, #b81310, #e91b13);
}
.Yxl .sharR li.current a{color: #fff;}
.Yxl .sharR li a{
	color: #c8231d;
	font: .4rem/.68rem "microsoft yahei";
	display: inline-block;
	width: 100%;
}
.Yxl .ptcy {
    border: 1px solid #333;
    font: .28rem/.48rem "microsoft yahei";
    color: #333;
    height: .48rem;
    width: 2.6rem;
    border-radius: 4px;
    margin: 0 auto;
	position: relative;
	margin-bottom: .37rem;
}

.ptcy label{
	display: inline-block;
	color: red;
}