html,
body {
	height: 100%
}

html {
	font-size: 100px
}

body {
	font-size: .28rem;
	font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "宋体"
}


.left{float: left;}
.fn-left{float: left;}
.fn-right{float: right;}

/*提示层*/
.prompt{width: 100%; height: 100%; position: fixed;z-index: 9999; background:rgba(0,0,0,.6); text-align: center;}
.prompt span{ width: 90%; color: #333; padding: .2rem .5rem; font-size: .32rem; border-radius: .1rem; background:#fff; position: absolute;  top:50%;left:50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%);	/* Safari and Chrome */
	-o-transform: translate(-50%,-50%); /* Opera */
	-moz-transform: translate(-50%,-50%);	/* Firefox */
	transform: translate(-50%,-50%); }
.prompt span .ewm{ width: 94%; margin-top: .2rem; margin-bottom: .2rem; }
.prompt span em{ width: 100%;  display: block; font-style: normal; }

/*报名方式提示层*/
.signup{width: 100%; height: 100%; position: fixed;z-index: 99; background:rgba(0,0,0,.6); text-align: left; display: none;}
.signup span{ width: 90%; color: #333; padding: .2rem .6rem; font-size: .32rem; border-radius: .1rem; background:#fff; position: absolute;  top:50%;left:50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%);	/* Safari and Chrome */
	-o-transform: translate(-50%,-50%); /* Opera */
	-moz-transform: translate(-50%,-50%);	/* Firefox */
	transform: translate(-50%,-50%); }
.signup span b{ line-height: 20px; display: block;}
.signup span img{min-width: 100%; max-width: 100%; margin: 0 auto; }
.signup .closebtn{ width: .6rem; height: .6rem; line-height: .55rem; position: absolute; top: .06rem; right: .06rem; z-index: 9999; font-size: .5rem; text-align: center;  color: #0a9fce; border-radius: 50%; background: #fff; }

.main{ width: 100%; padding-bottom: .98rem; display: inline-block; }
.main .top_layer{ width: 100%; padding:0 .3rem; text-align: center; box-sizing: border-box; background: url(../images/top_bg.jpg) no-repeat center top; background-size: 100% 100%; display: inline-block; }
.main .banner{ width: 100%; margin-bottom: .3rem; padding-bottom: .3rem; border-bottom: 1px dashed #cccccc; }
.main .banner img{ width: 100%; height: auto;}

.main .index_time{ padding: .1rem .2rem; text-align: center; color: #fff; font-size: .3rem;border-radius: .1rem; background: rgba(225,225,225,.2); display: inline-block;  }
.main .index_time span{ color: #fff; }

/*倒计时*/
.main .index_dtime{ width: 100%; padding-bottom: .4rem; margin-top: .4rem; color: #fff; border-bottom: 1px dashed #cccccc; }
.main .index_dtime h1{ font-size: .36rem; }
.main .index_dtime span{ height: .5rem; line-height: .54rem; padding: 0rem .2rem; margin-top: .14rem; font-size: .3rem; border-radius: .1rem; background: #53a7fc; display: inline-block; }
.main .index_dtime span em{ margin: 0 .08rem; font-style: normal; display: inline-block; }

/*统计*/
.main .top_count{ width: 100%; padding: .3rem 0; line-height: .48rem;  text-align: center;display: block; display:-webkit-box;display:-moz-box;display:box;margin:auto;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal }
.main .top_count span{ width: 0%; color: #fff; border-right: 1px solid #fff; display: block;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;text-align:center;}
.main .top_count span em{ width: 100%; color: #fff; font-size: .3rem; display: inline-block; font-style: normal; }
.main .top_count span:last-child{ border: none; }

.main .stpe{ width: 100%; background: #fff; padding: 0rem .2rem .2rem .2rem; display: inline-block; }
.main .stpe dt{ width: 100%; color: #53a7fc; padding: 0rem 0 .2rem 0; font-size: .32rem; text-align: center; font-weight: normal; display: inline-block; }
.main .stpe ul{ width: 100%; margin: .2rem 0; padding: 0; display: inline-block; clear: both;} 
.main .stpe ul li{ width: 50%; text-align: center; box-sizing: border-box; list-style: none; border-right: 1px solid #ddd; float: left; }
.main .stpe ul li:frist-chidl{ border: none; }
.main .stpe ul li span{ padding:.12rem .4rem; box-sizing: border-box; background: #eeeeee; border:1px solid #e5e5e5; text-align: center; display: inline-block; }
.main .stpe ul li span i{ width: .3rem; height: .3rem; line-height: .3rem; font-size: .22rem; color: #fff; text-align: center; font-style: normal; background: #969696; border-radius: 50%; display: block; margin: 0 auto; }
.main .stpe ul li span img{ width:100%; margin: .12rem auto 0 auto; border-radius: .1rem; }
.main .stpe ul li h2{ margin: .2rem 0 0 0; font-size: .28rem; line-height: .36rem; color: #53a7fc; }
.main .top_count span:last-child{ border: none; }

/*首页规则小提示*/
.index_gzts{ width: 100%; text-align: center; font-size: .18rem; color: #ff6464; display: inline-block; }
.index_gzts .gzts_icon{ margin-top: .3rem; padding-left: .3rem; background: url(../images/tishi_icon.png) no-repeat center left; background-size: .2rem auto; display: inline-block; }

.main .hty_layer{}

.main .main_list{ padding: .3rem .2rem .2rem 0; background: #fff; }

.main .main_list .saerch{padding: 0 0 0 .2rem; display:-moz-box; display:-webkit-box; display:box;}
.main .main_list .saerch .item{box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; }
.main .main_list .saerch .saerch_input{margin-right: .2rem; color: #77bacf;}
.main .main_list .saerch .saerch_input input{width: 100%; height: .68rem; font-size: .24rem; color: #77bacf; border: 1px solid #53a7fc; border-radius: .1rem; text-indent: .2rem;}
.main .main_list .saerch .saerch_input input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
　　color: #77bacf;
　　}
.main .main_list .saerch .saerch_input input:-moz-placeholder, textarea:-moz-placeholder {
　　color:#77bacf;
　　}
.main .main_list .saerch .saerch_input input::-moz-placeholder, textarea::-moz-placeholder {
　　color:#77bacf;
　　}
.main .main_list .saerch .saerch_input input:-ms-input-placeholder, textarea:-ms-input-placeholder {
　　color:#77bacf;
　　}
.main .main_list .saerch .saerch_btn{ width: 1.7rem; height: .68rem; line-height: .68rem;  font-size: .3rem; text-align: center; color: #fff; background: #53a7fc; border-radius: .1rem; box-flex:0; -moz-box-flex:0; -webkit-box-flex:0;}

.main .main_list .main_menu{padding: 0 0 0 .2rem; margin-top: .4rem; }
.main .main_list .main_menu .sequence{ width: 32%; height: .5rem; margin-right: .15rem; line-height: .5rem; font-size: .28rem; text-align: center; color: #60b889; border-radius: .1rem; background: #fff; border: 0.02rem solid #60b889; display: inline-block; }
.main .main_list .main_menu .active{ background: #60b889; color: #fff; }
.main .main_list .main_menu .rule_link{ padding-left: .65rem; text-decoration: underline; color: #333333; font-size: .28rem;  float: right; }

.main .main_list .list{ width: 100%; margin: .3rem 0 0rem 0;  }/* clearfix */
.main .main_list .list:after {
	  content: '';
	  display: block;
	  clear: both;
	}
.main .main_list .list li{ width:50%;  padding:0 0 .3rem .2rem;  overflow: hidden; display: inline-block; float: left;}
.main .main_list .list li .kiss_animation{ width:0; height:0;  position: fixed; bottom: 0;  z-index: 99; text-indent: -999rem; background: url(../images/ball_red.png) no-repeat center; background-size: 100%; left:50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%);	/* Safari and Chrome */
	-o-transform: translate(-50%,-50%); /* Opera */
	-moz-transform: translate(-50%,-50%);	/* Firefox */
	transform: translate(-50%,-50%); }
.main .main_list .list li .img{ width: 100%; height: 4.6rem; margin: 0; position: relative; display: block;}
.main .main_list .list li .img img{width: 100%; height: 100%; position: absolute; top: 50%; left:50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%);	/* Safari and Chrome */
	-o-transform: translate(-50%,-50%); /* Opera */
	-moz-transform: translate(-50%,-50%);	/* Firefox */
	transform: translate(-50%,-50%);}
.main .main_list .list li .number_id{ position: absolute; bottom: 0.2rem; right: 0; border-bottom-left-radius: .14rem; border-top-left-radius: .14rem; background: rgba(83,167,252,.8); padding: .1rem .14rem; font-size: .24rem; color: #fff; }
.main .main_list .list li .material{ width: 100%; margin: 0; padding: .1rem; border: 01px solid #dddddd; background: #fff; display: inline-block;}
.main .main_list .list li .material .txt{ width: 100%; padding-top: .1rem; padding-bottom: .14rem; border-bottom: 01px solid #dddddd; font-size: .24rem; line-height:.32rem; display: inline-block;}
.main .main_list .list li .material .nickname em,.main .main_list .list li .material .count em{ font-style: normal; color: #333; }
.main .main_list .list li .material .nickname{ width: 50%; margin: .16rem 0; border-right: 01px solid #dddddd; text-align: center; color: #333333; font-size: .24rem; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; float: left; }
.main .main_list .list li .material .count{ width: 50%; margin: .16rem 0; color: #53a7fc; font-size: .24rem; text-align: center; float: right; }
.main .main_list .list li .material .count em{ width: .24rem; height: .26rem; margin-left: .04rem; background: url(../images/btn_icon.png) no-repeat center .04rem; background-size: 100% auto; text-indent: -999em; overflow: hidden; display: inline-block; }
.main .main_list .list li .btn{ width: 100%; height: .76rem; margin-top: .04rem; text-align: center; border-radius: .1rem; line-height: .74rem; color: #53a7fc; font-size: .3rem; padding: 0; border: 1px solid #53a7fc; }
.main .main_list .list li .btn em{ width: .48rem; height: .76rem; margin: 0 0 0 .1rem; text-indent: -999rem; background: url(../images/btn_icon.png) center no-repeat; background-size: 100% auto; display: inline-block; }
.main .main_list .list li .btn:active em{ background-size: 80% auto; }
.main .main_list .list li .btn.active{ color: #666; border:1px solid #dbcccc; box-shadow:none!important; }
.main .main_list .list li .btn2{ width: 100%; height: .66rem; line-height: .66rem; margin-top: .1rem; text-align: center; border-radius: .1rem; color: #666; font-size: .3rem; padding: 0; border: 1px solid #dbcccc; }
.main .main_list .list li .btn2 a{ color: #666; }

/*个人展示页*/
.main .main_detail{padding: 0 .3rem .2rem .3rem; /*border-bottom: 1px solid #ddd;*/  background: #fff; display: inline-block; }
.main .main_detail .detail_t{ width: 100%; margin: .2rem 0 0 0; padding: .2rem 0; font-size: .3rem; text-align: center; }
.main .main_detail .detail_info{ margin: 0rem 0 0rem 0;  }
.main .main_detail .detail_info{ width:100%; position: relative;  padding:0 0 .2rem 0; box-sizing: border-box;  overflow: hidden; display: inline-block;}
.main .main_detail .detail_info .kiss_animation{ width:0; height:0;  position: fixed; bottom: 0;  z-index: 99; text-indent: -999rem; background: url(../images/ball_red.png) no-repeat center; background-size: 100%; left:50%;
	-ms-transform: translate(-50%,-50%); /* IE 9 */
	-webkit-transform: translate(-50%,-50%);	/* Safari and Chrome */
	-o-transform: translate(-50%,-50%); /* Opera */
	-moz-transform: translate(-50%,-50%);	/* Firefox */
	transform: translate(-50%,-50%); }
.main .main_detail .detail_info .img{ width: 50%;margin: 0 auto; position: relative; display: block;}
.main .main_detail .detail_info .img img{width: 100%;}
.main .main_detail .detail_info .number_id{ position: absolute; bottom: 0.2rem; right: 0rem; border-bottom-left-radius: .14rem; border-top-left-radius: .14rem; background: rgba(83,167,252,.8); padding: .16rem .2rem; font-size: .28rem; color: #fff; }
.main .main_detail .detail_info .material{ width: 100%; margin: 0; padding: .2rem 0 0rem 0; background: #fff; display: inline-block;}
.main .main_detail .detail_info .material .txt{ width: 100%; padding-top: .1rem; padding-bottom: .3rem; border-bottom: 01px solid #dddddd; font-size: .28rem; line-height:.4rem; display: inline-block; max-height: 99999px;}
.main .main_detail .detail_info .material .nickname em,.main .main_detail .detail_info .material .count em{ font-style: normal; color: #333; }
.main .main_detail .detail_info .material .nickname{ width: 33%; margin: .16rem 0; border-right: 01px solid #dddddd;  text-align: center; color: #333333; font-size: .3rem; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; float: left; }
.main .main_detail .detail_info .material .count{ width: 33%; margin: .16rem 0; color: #53a7fc; font-size: .3rem; text-align: center; border-right: 01px solid #dddddd; float: left; }
.main .main_detail .detail_info .material .count i{ width: .3rem; height: .3rem; margin-left: .04rem; background: url(../images/btn_icon.png) no-repeat center .04rem; background-size: 100% auto; text-indent: -999em; overflow: hidden; display: inline-block; }
.main .main_detail .detail_info .material .border_n{border: none;}
.main .main_detail .detail_info .btn,.main .main_detail .detail_info .fxbtn{ width: 48%; height: .8rem; margin-top: .3rem; text-align: center; border-radius: .1rem; line-height: .8rem; color: #53a7fc; font-size: .3rem; padding: 0; border: 1px solid #53a7fc; float: left;}
.main .main_detail .detail_info .btn em{ width: .58rem; height: .76rem;  margin: 0 0 0 .1rem; text-indent: -999rem; background: url(../images/btn_icon.png) center no-repeat; background-size: 96% auto; display: inline-block;}
.main .main_detail .detail_info .btn2{ width: 48%; height: .8rem; margin-top: .3rem;  border: 1px solid  #53a7fc; text-align: center; border-radius: .1rem; line-height: .8rem; color: #53a7fc; font-size: .3rem; padding: 0; background: #fff; float: right;}
.main .main_detail .detail_info .btn2 a{ color: #53a7fc; }


.main .main_detail .uer_info{ width: 100%; padding: .36rem 0 .36rem 0; text-align: center; border-top: 01px solid #ddd; display: inline-block; }
.main .main_detail .uer_info dt{ margin-bottom: .1rem; color: #666; font-size: .3rem; font-weight: normal; }
.main .main_detail .uer_info dt em{ width: .44rem; height: .44rem;  margin: 0 0 0 .1rem; text-indent: -999rem; background: url(../images/btn_icon.png) center no-repeat; background-size: 76% auto; display: inline-block;}
.main .main_detail .uer_info .user_list{ font-size: .32rem; }
.main .main_detail .uer_info .user_list span{ width: .66rem; height: .66rem;  margin: .1rem .06rem 0 .06rem; display: inline-block; }
.main .main_detail .uer_info .user_list span img{width: .66rem; height: .66rem; border-radius: 50%;}


.width100{width: 100%!important;}

.main .main_detail .detail_more{width: 100%; margin-bottom: .3rem;}
.main .main_detail .detail_more a{ width: 100%; height: .8rem; line-height: .8rem; border-radius: .1rem; border: .02rem solid #ddd; font-size: .3rem; text-align: center; color: #666666; display: inline-block; }
.main .main_detail .cont_layer{ width: 100%; padding: .2rem 0 0 0; margin-top: .1rem; border-top: dashed .02rem #bbb;}
.main .main_detail .cont_layer h1{ color: #0a9fce; font-size: .3rem; padding-bottom: .3rem; margin: 0;}
.main .main_detail .cont_layer ul{ width: 100%; font-size: .28rem; padding: 0; text-align: center; display: inline-block; }
.main .main_detail .cont_layer ul p{width: 100%; font-size: .28rem; padding-bottom: .1rem; color: #333333; text-align: left; display: inline-block;}
.main .main_detail .cont_layer ul img{ width: 40%; margin: .2rem auto; border: .02rem solid #eee;}

/*排行榜*/
.main .ranking{ width: 100%; padding: .2rem 0; display: none; float: left; }
.main .ranking .ranking_list{ width: 100%; box-sizing: border-box; display: inline-block; }
.main .ranking .ranking_list dt{ width: 100%; padding: .2rem 0 .3rem 0; color: #53a7fc; font-size: .36rem; text-align: center; border-bottom: 1px solid #ddd; display: inline-block;}
.main .ranking .ranking_list dt span{ width: 100%; font-size: .24rem; color: #666; font-weight: normal; color: #999999; display: inline-block; }
.main .ranking .ranking_list dd{ width: 100%; line-height: .4rem; padding: .32rem .2rem; border-bottom: .01rem dashed #ccc; box-sizing: border-box; float: left; }
.main .ranking .ranking_list dd .fn-left{ font-size: .32rem; }
.main .ranking .ranking_list dd .fn-left .number{ width: .4rem; height: .4rem; line-height: .4rem; font-size: .24rem; border-radius: 50%; margin-right: .1rem; text-align: center; color: #fff; background: #268ddd; float: left; }

.main .ranking .ranking_list dd:nth-child(2) .fn-left .number{ background: #ee0000;}
.main .ranking .ranking_list dd:nth-child(3) .fn-left .number{ background: #ff3c00;}
.main .ranking .ranking_list dd:nth-child(4) .fn-left .number{ background: #ff6000;}
.main .ranking .ranking_list dd:nth-child(5) .fn-left .number{ background: #ff9000;}
.main .ranking .ranking_list dd:nth-child(6) .fn-left .number{ background: #60ae30;}

.main .ranking .ranking_list dd .fn-right{ padding-right: .6rem; background: url(../images/ball_white.png) no-repeat center right; background-size: .3rem;}
.main .ranking .ranking_list dd .fn-right .cuont{ margin-right: .1rem; font-size: .3rem; color: #666666; }

/*活动详情*/
.main .rule_page{ width: 100%; padding: .1rem .3rem  .3rem .3rem; box-sizing: border-box; overflow: hidden; display: none; float: left; }
.main .rule_page dl{ width: 100%; padding-top: .4rem; margin: 0; }
.main .rule_page dl dt{ width: 100%; display: inline-block; }
.main .rule_page dl dt span{ width: 3.2rem; height: .68rem; line-height: .68rem; font-size: .3rem; border-radius: .06rem; text-align: center; color: #fff; font-weight: bold; background: #53a7fc; margin: 0 auto; display: block; }
.main .rule_page dl dd{width: 100%; margin-top: .4rem; font-size: .26rem; overflow: hidden; display: inline-block; }
.main .rule_page dl table{ width: 100%!important; display: inline-block; }
.main .rule_page dl table td{ border:1px solid #666 }
.main .rule_page dl p{ margin-bottom: .3rem; font-size: .28rem; display: inline-block; max-height: 999999rem;}
.main .rule_page dl p i{ color: #666; font-size: .24rem; }
.main .rule_page dl em{ font-size: .24rem; }
.main .rule_page dl .jp_layer{ width: 100%; padding: .2rem .1rem .4rem .1rem; margin-top: .1rem; margin-bottom: .2rem; text-align: center; box-sizing: border-box; border: 1px solid #bbbbbb; display: inline-block;}
.main .rule_page dl .jp_layer h1{ width: 100%; padding: 0rem .3rem .3rem .3rem; box-sizing: border-box; font-size: .3rem; line-height: .36rem; display: inline-block; }
.main .rule_page dl .jp_layer h1 b{ width: 100%; padding-bottom: .1rem; color: #ff4e00; font-weight: normal; display: block;}
.main .rule_page dl .jp_layer span{ padding: .16rem 0rem; font-size: .28rem; }
.main .rule_page dl .jp_layer span b{ font-size: .4rem; }
.main .rule_page dl .jp_1 span,.main .rule_page dl .jp_1 .jp_img{ width: 68%; margin: 0 .1rem; text-align: center; display: inline-block;}
.main .rule_page dl .jp_1 img{ max-width: 100%; }
.main .rule_page dl .jp_1 span img,.main .rule_page dl .jp_1 .jp_img img{ width: 100%; }


/*底部导航*/
.main .footer_nav{ width: 100%; height: .98rem; line-height: .98rem; border-top: .02rem solid #ddd; background: #eeeeee; position: fixed; z-index: 999; bottom: 0; }
.main .footer_nav span{ width: 33%; height: 100%; line-height: .38rem; font-size: .28rem; padding-top: .1rem; text-align: center; float: left; }
.main .footer_nav span em{ width: .38rem; height: .36rem; margin-bottom: .06rem; text-indent: -999rem; background-image: url(../images/worun_icon.png); background-repeat: no-repeat; background-size: .38rem auto; display: inline-block;}
.main .footer_nav span .nav_icon1{ background-position: 0 0; }
.main .footer_nav span .nav_icon2{ background-position: 0 -.66rem;}
.main .footer_nav span .nav_icon3{ background-position: 0 -1.32rem;}
.main .footer_nav span.active .nav_icon1{ background-position: 0 -1.98rem; }
.main .footer_nav span.active .nav_icon2{ background-position: 0 -2.64rem;}
.main .footer_nav span.active .nav_icon3{ background-position: 0 -3.3rem;}
.main .footer_nav span b{width: 100%; font-weight: normal; display: inline-block;}
.main .footer_nav span.active{ background: #fff; color: #53a7fc; }


/*分享提示*/
.share_overmask {display: none;position: fixed; z-index: 2; top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.75);}
.share_overmask .share_arrow, .share_overmask .share_words {display: block;background-image: url(../images/aun_share_tips.png);background-size: 6.16rem 1.64rem; background-repeat: no-repeat; }
.share_overmask .share_arrow {float: right;margin: .06rem .3rem 0 0;width: 1.7rem;height: 1.62rem;background-position: -4.5rem 0;}
.share_overmask .share_words {margin: 1rem auto 0;width: 4.6rem;height: 1.64rem;}

/*加载更多*/

.loadmore{ width: 100%; line-height: .88rem; padding: .2rem auto; color: #999999; font-size: .28rem; text-align: center; display: inline-block; }
.loadmore img{ width: .32rem; margin-right: .1rem; }