@import url(../../../css/sm.css);
@import url(../../../css/public.css);

/*# sourceMappingURL=demo.css.map */
.head{
	height: 1.266rem;
	text-align: center;
	line-height: 1.266rem;
	color:#000;
	font-size: 0.426rem;
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	border-bottom:1px solid #e1e1e1;
	background-color: #f3f3f3;
	z-index:1;
}
.user_icon{
	display: block;
	height:1.266rem; 
	width:1.66rem;
	position: absolute;
	right:0rem;
	top:0rem;
	font-size: 0.32rem;
}
.buttons-tab{ z-index:9999;position: absolute; top:1.266rem; width:100%;}
.buttons-tab .button{ height: 1.45rem; font-size: 0.35rem;line-height: 0.45rem; padding-top: 0.3rem;}
.buttons-tab .button.active {
    color: #5f646e;
    border-color: #00cccb;
    z-index: 100;
}
.buttons-tab .button span{ color:#ff7f66;}
.content{
	top:2.716rem;
}
.content-block{margin:0 auto;padding: 0;color: #646464;}
.rewardList{
	width: 8.973rem;
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
	height: 2.84rem;
	margin-top: 0.56rem;
}
.rewardList .left{
	background: url("images/reward_left_bg.png") no-repeat;
	height: 2.84rem;
	width: 2.813rem;
	background-size:100%;
	text-align: center;
	line-height: 2.84rem;
	color:#fff;
	font-size: 0.54rem;
}
#historyName_con_List .rewardList .left{
	background: url("images/reward_left_bg2.png") no-repeat;
	background-size:100%;
}
.rewardList .right{
	background: url("images/reward_right_bg.png") no-repeat;
	height: 2.84rem;
	width: 6.16rem;
	background-size:100%;
	font-size: 0.32rem;
}

#historyName_con_List .rewardList .right{
	position: relative;
}
#historyName_con_List .rewardList .right .icon1{
	background: url("images/reward_icon_1.png") no-repeat;
	width: 1.78rem;
	height: 1.38rem;
	background-size:100%;
	top: 0.3rem;
	right:0.3rem;
	position: absolute;
}
#historyName_con_List .rewardList .right .icon2{
	background: url("images/reward_icon_2.png") no-repeat;
	width: 1.78rem;
	height: 1.38rem;
	background-size:100%;
	top: 0.3rem;
	right:0.3rem;
	position: absolute;
}

.rewardList .right .type{
	color:#00cccb;
	font-size: 0.346rem;
	padding: 0.6rem 0 0.3rem 0.7rem;
}
.rewardList .right p{
	padding-left: 0.7rem;
}
.infinite-scroll-preloader .preloader{width: 0.7rem; height: 0.7rem;}
.myExperience{ 
	display: block;
	background: #fff;
	position: absolute;
	bottom:0;
	height: 1.266rem;
	line-height: 1.266rem;
	width: 100%;
	display: none;
}
.myExperience div{
	display: flex;
	justify-content: space-between;
	padding: 0 0.35rem;
}
.h1rem{
	height: 1rem;
}
#rule_description .buttons-tab .button{ height: 1.266rem; font-size: 0.35rem;line-height: 1.266rem;padding-top: 0rem; }
#rule_description .text{ 
	border-bottom:1px solid #e1e1e1; 
	background-color: #fff;
	padding: 0.35rem 0.35rem;
}
#rule_description .content{
	top:2.532rem;
}
#rule_description .text p{
	display: flex;
	justify-content: flex-start;
}
#rule_description .text p.tit{
	padding-bottom: 0.30rem;
}
#rule_description .text p.tit span:nth-child(1){
	color:#ff7f66;
	padding-right: 0.25rem;
}
#rule_description .text p.con span:nth-child(1){
	color:#00cccb;
	padding-right: 0.25rem;
}

#historyList .content{
	top:1.266rem;
}


/*zxb*/
.animationRedPack{
	-webkit-animation: done 1s linear  alternate;
	animation: done 1s linear  alternate;
}
@-webkit-keyframes done{
	0% {
    	-webkit-transform: perspective(0px) rotateY(0deg);
  	}
    100% {
    	-webkit-transform: perspective(505px) rotateY(360deg);
  	}
}
.hbBox:first-child{padding-top: 0.5rem;}
.hbBox{ width: 90%; margin: 0 auto;  padding-bottom: 0.5rem;   }
.hbBox .boxList{  height: 2.3rem; background: url(images/hp_listBg.png) no-repeat center;  background-size: cover;}
.hbBox .boxList-1{background: url(images/historyRedPackBg.png) no-repeat center;height: 2.3rem;  background-size: cover;}
.hbBox .boxList .text{ margin-left: 3.5rem; padding-top: 0.55rem; position: relative;}
.hbBox .boxList .text .redPackSource{color:#D2D1D1; font-size:0.3rem; margin-left:0.1rem}
.hbBox .boxList .text .title-1{ margin-bottom: 0.2rem; }
.hbBox .boxList .text .title-2{ color: #FFB5A9; font-size:0.38rem;}
.hbBox .boxList .text .title-3{font-size:0.38rem;}
.hbBox .boxList .text .historyIcon{ position: absolute; right: 0.85rem;  top: 0.4rem; }
.hbBox .boxList .text .historyIcon img {width: 1.6rem; height: 1.2rem;}
.content-block .hbHistory{ margin-left: 4rem;padding-bottom: 0.5rem;}
.content-block .hbHistory a{ text-decoration:underline; font-size: 0.35rem; }
..masking_layer_show { display:none; }
.com-masking_layer{ position: fixed; width: 100%; height: 100%; background: #4c4c4c; padding: 100%; z-index: 10001; opacity: 0.7; }
.com-masking_popup{ position: fixed; z-index: 10002; background: #ffffff; padding: 1px; left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz- transform:translate(-50%,-50%);color: #ffffff;  }
.com-masking_popup .box{ width: 7rem; height: 9rem; border-radius:0.2rem ;  background: url("images/redPack-bg.png") no-repeat center; background-size:  cover;  }
.com-masking_popup .box .close_icon{ position: absolute; top: -1rem; right: -0.5rem;cursor: pointer;}
.com-masking_popup .box .close_icon img{width: 0.65rem; height: 0.65rem;}
.com-masking_popup .box .title{ position: absolute; top: 6px;left: 0px;  width: 97%; padding-bottom: 6px;  padding-left: 10px; }
.com-masking_popup .box .content{ position: absolute; top:70px; left: 8.5%; text-align: center; color: #ffffff;}
.com-masking_popup .box .content-1{ width: 3rem; margin: 0 auto; padding-top: 2.6rem; text-align: center;}
.com-masking_popup .box .text{ padding: 0.1rem;}
.com-masking_popup .box .text1{ font-size: 14px; margin-bottom: 36px;}
.com-masking_popup .box .com-btn{ padding-top:1.5rem ;  margin: 0 auto; cursor: pointer; }
.com-masking_popup .box .com-btn img{width: 1.8rem; height: 1.8rem;}
.com-masking_popup .box .com-btn-1{ padding: 6px 20px; width: 50px; background: #ff7f66; border-radius: 4px; color: #ffffff; margin: 0 auto; margin-top: 50px; cursor: pointer;}
#redPackList .box{width: 90%; margin: 0 auto; background: #FFFFFF;  text-align:center; }
#redPackList .box .img img { width: 9rem;}
#redPackList .box .text{ margin-top:1rem; font-size: 0.5rem; margin-bottom: 0.2rem;}
#redPackList .box .text-bottom{margin-bottom:1rem; margin-bottom: 1rem; colr:#B1B1B1;font-size: 0.35rem; }
#redPackList .box .money{ font-size: 0.7rem; margin-bottom: 0.2rem; color: #FF7F66;}
#redPackList .box .text-bottom-head{ border-top: #eaeaea 3px dashed;  width: 94%; margin: 0 auto; padding-top:1rem; font-size: 0.38rem;color:#949494}
#redPackList .box .text-bottom-head-1{ margin-top: 0.2rem;margin-bottom: 0.8rem;font-size: 0.38rem; color:#949494 }
#redPackList  .box-bottom{ height: 2.6rem; width:10rem; position: fixed; bottom: 0;}
#redPackList  .box-bottom .img{ width: 10rem; height: 2.6rem;}
#redPackList  .box-bottom .img-1{ position: absolute; z-index: 9999; right: 0.5rem; bottom:0.38rem; width: 1.8rem; height: 0.8rem;}
.head-left-1{ float: left; margin-left: 0.1rem;}
.head-text{ margin-left: -0.6rem;}