/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { 
	-webkit-text-size-adjust:100%; 
	-webkit-tap-highlight-color:rgba(0,0,0,0); 
	-webkit-touch-callout:none; 
	word-wrap:break-word; 
	line-height:1.5;font-size: 12px;min-width:7.5rem!important;
	width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto; background: #faece0;
}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}

.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
.wrap{width:6.5rem;margin: 0 auto; position: relative; clear: both; text-align: center;}
.wrap2{width:6.33rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
@media screen and (max-width: 750px) {
	body{background-color: #faece0;}
}

.page-index{
	position: relative;
	width: 100%; height: 100%; 
	background:#b65e17 url('../images/page-index.jpg') no-repeat center top;
	background-size: 7.5rem; 
}
.page-list{
	position: relative;
	width: 100%; height: 100%; 
	background:#b65e17 url('../images/page-list.jpg') no-repeat center top;
	background-size: 7.5rem; 
}
.page-zd{width: 100%; height: 100%; 
  background:#b65e17 url('../images/page-zd.jpg') no-repeat center top;
  background-size: 7.5rem;
}
.page-share{
	width: 100%; height: 100%; 
  background:#b65e17 url('../images/page-share.jpg') no-repeat center top;
  background-size: 7.5rem;
}
/*banner*/
/* .banner-box{height:6.39rem;width: 100%; position: relative;} */
.banner-box{height:12.5rem;width: 100%; position: relative;}
.page-list .banner-box{height: 5.18rem;}
.page-zd .banner-box{height: 5.19rem;}
.page-share .banner-box{height: 11.03rem;}
.banner-box .wrap{text-align: center;}
#vidplay{width: 6.7rem;margin:6rem auto 0;border-radius: .15rem}
.logo {
  width: 2.07rem;
  top: 0.58rem;
  left: 0.38rem;
  position: relative;
  display: block;
}
.logo img {
  width: 100%;
  display: block;
}
.page-index .logo{
  top: 0.92rem;
  left: 0.4rem;
}

/* 侧边悬浮 */
.fixBtn{position: absolute; right: .5rem; top: 0; z-index: 2; text-align: center;}
.fixBtn a{
	width: 1.09rem; height: 1rem; color: #fff; display: block; float: left; margin-left: .2rem;
	border-radius: 0 0 .16rem .15rem; padding-top: 0.2rem; box-sizing: border-box;border: .01rem solid #fff;border-top: initial;
	font-size: .24rem; line-height: .3rem; box-shadow: 0 .04rem .1rem rgba(140,85,40,0.3);
  background: #e89a3a;
  background: linear-gradient(to bottom, #631c18, #e89a3a);
}

/* 首页 */
/* .mainIndex{height: 8.47rem;} */
.mainIndex{height: 1.92rem;}
.video{
  width: 6.72rem; margin: 0 auto; text-align: center;
}
.video .hd ul li{
  width: 2.19rem; height: .7rem; line-height: 0.72rem; background: #e7edff; border-radius: .15rem .15rem 0 0; display: inline-block;
  font-size: .36rem; color: #1d4dda; font-weight: bold; border: .01rem solid #1e4ddb; text-align: center; margin: 0 .1rem;
}
.video .hd ul li.on{
  background: #fc2423; color: #fff; border: .01rem solid #fc2423;
}
.video-box{
  width: 100%; height: 5.86rem; 
}
.indexBtn a{
	width: 7.11rem; height: 1.64rem; display: block; margin:0 auto;
  background: url(../images/index_btn_bg.png) no-repeat center / 100%;
	position: relative;
}
.indexBtn a img.index-btn1{
  width: 2.16rem; position: absolute;
  top: -.15rem;
  left: .32rem;
  animation: moveY 1s infinite alternate ease-in-out;
}
.indexBtn a img.index-btn2{
  width: 1.2rem; position: absolute;
  top: .16rem;
  right: .7rem;
  animation: fangda 1s infinite alternate ease-in-out;
}
@keyframes moveY{
  0%{transform: translateY(0);}
  100%{transform: translateY(5px);}
}
@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}

.actEnd{
	width: 100%; height: 100vh; background: #fff; text-align: center; display: flex; align-content: center; flex-wrap: wrap; justify-content: center;
}
.actEnd img{
	width: 3.09rem; margin: .22rem auto; display: block;
}
.actEnd p{
	width: 100%; font-size: .36rem; color: #333333;
}
.actEnd span{
	width: 100%; font-size: .36rem; color: #787878;
}
@-webkit-keyframes scaleDraw{
	0%  {transform: scale(1); }
	25% {transform: scale(1.2);}
	50% {transform: scale(1);}
	75% {transform: scale(1.2);}
	100%{transform: scale(1);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(1); }
	25% {transform: scale(1.2);}
	50% {transform: scale(1);}
	75% {transform: scale(1.2);}
	100%{transform: scale(1);}
}

/* 列表页 */
.kmList{
	width: 7.16rem; margin: 0 auto;
}
.kmList ul{width: 100%;}
.kmList ul li{
	width: 100%; height: 1.81rem; margin: 0 auto .2rem; padding-top: 0.38rem; box-sizing: border-box;
	background: url(../images/list_item_bg.png) no-repeat center / 100%;
	border-radius:.2rem; box-shadow: 0 .08rem .21rem rgba(87,60,12,0.64);
  display: flex; align-items: flex-start; justify-content: center;
}
.kmList ul li .txt h4{
  font-size: .3rem; color: #333333; margin-bottom: 0.15rem;
}
.kmList ul li .txt h4 span{
  color: #68341a; font-weight: bold;
}
.kmList ul li .txt .kc{
  display: flex; align-items: center; justify-content: flex-start; margin-bottom: 0.36rem;
}
.kmList ul li .txt p{
  display: flex; justify-content: flex-start;
}
.kmList ul li .txt p span{
  height: 0.4rem; line-height: 0.4rem; border: .01rem solid #fff; border-radius: .2rem; font-size: .24rem; font-weight: 600; padding: 0 .15rem; 
}
.kmList ul li .txt p span:nth-child(1){
  background: #fff2c0; color: #872c00;
}
.kmList ul li .txt p span:nth-child(2){
  background: #ffe5e5; color: #c42e28;
}
.kmList ul li .txt p span:nth-child(3){
  background: #ffe6b6; color: #916515;
}
.kmList ul li .list-btn{
    margin-top: .2rem;
}
.kmList ul li .list-btn a{
  width: 2.39rem;
  height: 0.66rem;
  line-height: 0.66rem;
  font-size: .3rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: url(../images/list_btn_bg.png) no-repeat center / 100%;
  box-shadow: 0 .06rem .08rem rgba(133,71,255,0.06);
  border-radius: .34rem;
  display: block;
  margin: 0 auto;
  text-shadow: 0 .02rem 0 #ff2215;
}
.kmList ul li .list-btn a.btn02{
  color: #b90000;
  background: url(../images/btn02.png) no-repeat center / 100%;
  box-shadow: 0 .06rem .08rem #e5ecf2;
  text-shadow: none;
}
.kmList ul li .list-btn a.btn03{
  color: #fff;
  background: url(../images/btn03.png) no-repeat center / 100%;
  box-shadow: 0 .06rem .08rem #e5ecf2;
  text-shadow: none;
}
.kmList ul li .list-btn p{
  font-size: .24rem; color: #e4c7b5; margin-top: 0.1rem; padding-left: 0.24rem;
}

.qun{
  width: 100%; margin: 0 auto; margin-top: 0.24rem;
}
.qun img{
  width: 100%; margin-left: 0.02rem;
}

/* 组队页 */
.zudui-main{
  height: 16.74rem; margin: 0 auto; overflow: hidden;
}
.banTit{
  padding-top: 1rem;
}
.banTit h2{
  display: flex; align-items: flex-start; justify-content: center; 
}
.banTit h2 img{
	height: 1.08rem; margin-top: 0.3rem;
}
.banTit em{
  font-size: 1.05rem;
  font-style: italic;
  font-weight: bold;
  background: linear-gradient(to bottom, #ff7450, #ff2a26);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 0 #fae0df);
    margin-left: 2rem;
    margin-top: -.1rem;
    width: 4.2rem;
}
.zudui-pub{
  width: 6.89rem; background: #fff; border-radius: .2rem; border: .03rem solid #ffaf7a; box-shadow: inset 0 .1rem .11rem #fff, 0 .08rem .2rem rgba(87,60,12,0.64); margin: 0 auto; margin-bottom: 0.2rem;
}
.zudui-join {
  height: 4.4rem;
  padding-top: 0.3rem;
  box-sizing: border-box;
  position: relative;
}
.zudui-join ul {
  margin-bottom: 0.22rem; text-align: center;
}
.zudui-join ul li {
  width: 1.73rem; display: inline-block; vertical-align: top; position: relative; margin: 0 .09rem;
}
.zudui-join ul li img {
  width: 1.48rem;
}
.zudui-join ul li span {
  width: 1.73rem; height: 0.59rem; line-height: 0.46rem; background: url(../images/zd_ylnum_bg.png) no-repeat center / 100%; font-size: .24rem; color: #872c00; display: block; margin: -.07rem auto 0;
}
.zudui-join ul li span.gray{
  width: 1.73rem; height: 0.59rem; line-height: 0.46rem;font-size: .24rem; color: #333;background: url("../images/zudui_user04.png") no-repeat center top;background-size: 100%;
}
.pubBtn{
	width:4.5rem; height: 1.1rem; line-height: .9rem; display: block; margin:0 auto; background: url('../images/zd_btn_bg.png') no-repeat center / 100%; text-align: center;
}
.pubBtn a{
	font-size: .46rem; font-weight: bold; display: block;
  background: linear-gradient(to bottom, #fffffd, #fff77b);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 0 #ff2014); 
}
.zd-tips{
  font-size: .24rem; color: #999999; text-align: center;
}
.zudui-pub2 h3{
  width: 3.77rem; height: 0.98rem; line-height: 0.78rem; text-align: center; background: url(../images/zd_lc_bt_bg.png) no-repeat center / 100%;
  font-size: .36rem; color: #fff; font-weight: bold; text-shadow: 0 .04rem 0 #5f3e0e; margin: 0 auto; margin-bottom: 0.1rem;
}
.zudui-lc{
  height: 3.08rem;
}
.zudui-lc ul{
  position: relative; display: flex; justify-content: center; margin-top: -0.05rem;
}
.zudui-lc ul::before{
  content: ''; width: 0.2rem; height: 0.76rem; background: url(../images/zd_lc_mbg.png) no-repeat center / 100%; display: block; position: absolute; left: 2rem; top: .3rem;
}
.zudui-lc ul::after{
  content: ''; width: 0.2rem; height: 0.76rem; background: url(../images/zd_lc_mbg.png) no-repeat center / 100%; display: block; position: absolute; left: 4.2rem; top: .3rem;
}
.zudui-lc ul li{
  width: 2.5rem; display: inline-block; text-align: center;
} 
.zudui-lc ul li img{
  width: 1.25rem;
}
.zudui-lc ul li p{
  font-size: .24rem; color: #333333; line-height: 0.34rem; text-align: center; margin-top: -0.05rem;
}
.zudui-lc ul li p span{
  color: #ff5858;
}
.coupon{
  width: 6.89rem; position: relative; margin: 0 auto;
}
.coupon a img{
  width: 102%;
  margin-left: -.01rem;
}
.coupon .hand{
  width: 1.49rem; position: absolute; right: -.45rem;
  top: .8rem; animation: scaleDraw 2.5s infinite alternate ease-in-out;
}
.page-zd .qun{
  margin-top: 0.1rem;
}
.zudui-userList{
  height: 3.08rem;
}
.noUser{
  font-size: .26rem; color: #333; text-align: center;margin-top: .05rem;
}
.noUser img{
    width: 5.28rem;
}
.zudui-userList ul li {
  width: 5.85rem;
  height: 0.77rem;
  line-height: 0.77rem;
  color: #999999;
  background: #f6f4ff;
  border-radius: .1rem;
  border: .01rem solid #7a53fa;
  font-size: .24rem;
  box-sizing: border-box;
  margin: 0 auto .14rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zudui-userList ul li i {
  width: .44rem;
  height: .44rem;
  line-height: .44rem;
  font-style: normal;
  display: block;
  text-align: center;
  border-radius: .4rem;
  font-size: .24rem;
  color: #7a53fa;
  margin-right: 0.1rem;
  margin-left: 0.2rem;
  background: #dfd8ff;
}
.zudui-userList ul li b{
  flex: 1; color: #333333; font-weight: bold; display: block; text-align: left;
}
.zudui-userList ul li span {
  width: 1.61rem; height: 0.61rem; line-height: 0.48rem; background: url(../images/zd_userList_bg.png) no-repeat center / 100%; color: #fff; font-weight: bold; display: block; text-align: left;  margin-right: 0.2rem; text-align: center; margin-left: 0.2rem;margin-top: .1rem;
}

/* 分享页 */
.share-main{
  height: 7.78rem;
}
.shareBtn{
  margin-bottom: 3.55rem;
}


/* pc版打开遮罩 */
.fix-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  text-align: center;
}

/* .gray{ 
	filter: grayscale(100%); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%); 
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); 
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
} */

@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}