body{
  height: initial !important;
  position: relative ;
}
img{
  vertical-align: initial !important;
}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.main{
  width: 100%;
  position: relative;
  min-height: 100%;
  padding-top: 23rem;
}
.main .bg{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.main .bg img{ 
  width: 100%;
}
.top {
  position: absolute;
  top: 2rem;
  left: 0;
  z-index: 2;
}
.top img{
  width: 100%;
}
.top p{
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 1rem;
  width: 100%;
  color: #FE0B02;
  font-size: .7rem;
}
.block{
  padding: 0 7rem 4rem 7rem;
  position: relative;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.block .item{
  margin-bottom: 2rem;
}
.block .item img.tu,.block .item img.__btn{
  width: 100%;
}
.daxiang{
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 8.5rem;
}
.right_btn{
  position: absolute;
  right: 1rem;
  top: 3rem;
  width: 6rem;
}
.qiandao{
  top: 12rem;
}
.shangcehng{
  text-align: center;
  padding: 2rem 4.7rem;
  position: relative;
  z-index: 2;
  top: -5rem;
}
.shangcehng img{
  width: 100%;
}
.shangcehng img.duihuan{
  width: 6rem;
  position: relative;
  top: -2rem;
}
.cailiao_box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cailiao_box img{
  width: 3rem;
}
.cheng{
  width: 1rem;
  background: rgba(255,148,21,1);
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: white;
  font-size: .6rem;
  line-height: 1rem;
}



/* 任务弹窗 */
.none{
  display: none;
}
#renwuBox,#bingqilingBox,#wodejiangquanBox,#wodeduihuanBox,#huodongshuoming,#qiandaoBox{
  width: 100%;
  /* height: 100%; */
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2018;
  /* align-items: center; */
  justify-content: center;
  padding-top: 2rem;
  bottom: 0
}
#renwuBox>div,#bingqilingBox>div,#wodejiangquanBox>div,#wodeduihuanBox>div,#huodongshuoming>div,#qiandaoBox>di{
  margin-top: 3rem;
}
#renwuBox ._bg{
  width: 94%;
  height: 41.05rem;
  background: url("../images/task/ass/ass_bg.png");
  background-size: 100% 100%;
  position: relative;
  padding-top: 12rem;
}
.renwu_list{
  height: 28rem;
  overflow: auto;
  margin: 0 1rem;
}
.renwu_list li{
  display: flex;
  align-items: center;
  padding: .95rem .8rem;
  background-color: rgba(255, 231, 85, 1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe34d), to(#ffc208));
  background-image: linear-gradient(#ffe34d, #ffc208);
  border-radius: 8px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  justify-content: space-between;
}
.ice_img_box{
  width: 3.85rem;
  height: 3.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/task/ass/ice_bg.png);
  background-size: 100% 100%;
  margin-right: .5rem;
}
.renwu_list li p{
  font-size: 1.2rem;
  font-weight: bold;
  min-width: 15rem;
  max-width: 15rem;
  /* color: rgba(255, 255, 255, 1);
  -webkit-text-stroke: 2px rgba(185, 51, 0, 1); */
}
.__tips{
  background-color: #CCCCCC;
  padding: 0 .6rem;
  border-radius: 7px;
}
.__tips span{
  font-size: .6rem;
  line-height: 2.35rem;
  color: white;
}
.__tips.yiwancheng{
  background-color: #5FBF8D;
}
.renwu_list li img{
  margin-right: .5rem;
  height: 2.1rem;
}
.renwuBox_close{
  position: absolute;
  right: 1rem;
  top: 5rem;
  width: 3.4rem;
  z-index: 3;
}
.renwu_list::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 14px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 47px;
}
.renwu_list::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background: rgba(255, 197, 21, 1);
}
.renwu_list::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 4px;
  background: rgba(204, 68, 39, 1);
}

/* 冰淇淋 */
.bingqilingBox_bg{
  width: 94%;
  height: 45rem;
  background: url("../images/task/ice/bg.png");
  background-size: 100% 100%;
  position: relative;
  padding: 1rem;
}
.nav_bar>div{
  position: absolute;
  left: 0;
  top: -3.5rem;
  width: 100%;
  text-align: center;
}
.nav_bar>div img{
  width: 40%; 
}
.bingqilingBox_close{
  position: absolute;
  right: -.5rem;
  width: 3rem;
  z-index: 3;
  top: -1rem;
}
.san{
  position: absolute;
  left: 0;
  top: -1rem;
  height: 5rem;
  z-index: 4;
}
.ice_box .row,.quan_box .row{
  width: 100%; 
  margin-top: 4rem;
}
.ice_box .row ul,.quan_box .row ul{
  /* width: 8rem; */
   
}
.ice_box .row ul li,.quan_box .row ul li {
  width: 100%;
  position: relative;
}
.ice_box .row ul li .riight_tag,.quan_box .row ul li .riight_tag{
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: rgba(255,86,86,1);
  font-size: .6rem;
  color: white;
  position: absolute;
  right: -.6rem;
  top: .4rem;
}
.ice_box .row ul li img,.quan_box .row ul li img{
  width: 100%;
}
.hechengwu{ 
  padding: 0 !important;
}
.hechengwu .yuan{
  width: 100%;
  height: 18rem;
  background: url("../../images/task/ice/qipaopao.png");
  background-size: 100% 100%;
  margin-top: -4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hechengwu .yuan img{
  height: 13rem;
}
.wo_hecheng_btn{
  text-align: center;
  margin-top: -1rem;
}
.wo_hecheng_btn img{
  height: 3.5rem;
}
.cailiao_item{
  position: relative;
}
.cailiao_item .cailiao_item_tag{
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background-color: rgba(255,86,86,1);
  font-size: .6rem;
  color: white;
  position: absolute;
  right: -.4rem;
  top: -.2rem;
  text-align: center;
  line-height: 1.1rem;
}
.wodecailiao_ice{
  width: 28rem;
  height: 17.35rem;
  background: url("../images/task/ice/caoliao_bg.png");
  background-size: 100% 100%;
  padding: 9rem 2rem 0 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wodecailiao_ice2{
  width: 27.5rem;
  height: 22rem;
  background: url("../images/task/ice/caoliao_bg_2.png");
  background-size: 100% 100%;
  justify-content: initial;
}
.wodecailiao_ice2 .wodecailiao_ice_item2{
  padding: 0 .4rem;
}
.wodecailiao_ice_item{
  position: relative;
}
.wodecailiao_ice_item2 img{
  width: 5rem;
}
.wodecailiao_ice_item .wodecailiao_ice_item_tag{
  min-width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background-color: rgba(255,86,86,1);
  font-size: .6rem;
  color: white;
  position: absolute;
  right: -.6rem;
  top: .4rem;
}
.wodecailiao_ice_item2 .wodecailiao_ice_item_tag{
  right: 0rem;
  top: -.5rem;
}

.no_Amount{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;

}

.cheche{
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 4;
  width: 8rem;
}
.box_daxiang{
  position: absolute;
  left: 1rem;
  top: 10rem;
  width: 8rem;
}
/* .说明 */

.huodongshuoming_bg{
  padding: 18rem 4rem 7rem;
  width: 94%;
  height: 39.15rem;
  background: url("../images/task/ass/shuoming_bg.png");
  background-size: 100% 100%;
  position: relative;
}
.huodongshuoming_bg .text{
  font-size: .6rem;
}
.wozhidaole{
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  text-align: center;
}
.wozhidaole img{
  height: 3.45rem;
}
#huodongshuoming .huodongshuoming_close{
  position: absolute;
  right: 1rem;
  top: -2rem;
  width: 3rem;
}

/* .签到 */
.qiandaoBox_bg{
  padding: 11rem 6rem 9rem 3rem;
  width: 85%;
  height: 39.15rem;
  margin-left: 4rem;
  background: url("../images/task/ass/qiandao_bg.png");
  background-size: 100% 100%;
  position: relative;
}
/* 兑换 */
.wodeduihuanBox_bg{
  padding: 8rem 1.5rem 2rem 1.5rem;
  width: 90%;
  height: 39.15rem;
  margin-left: 1.5rem;
  background: url("../images/task/ass/duihuan.png");
  background-size: 100% 100%;
  position: relative;
}
#qiandaoBox .qiandaoBox_close{
  position: absolute;
  right: 1rem;
  top: -2rem;
  width: 3rem;
}



/* 提示 */
#tips{
  width: 100%; 
  background: rgba(0, 0, 0, 0);
  position: fixed;
  left: 0;
  top: 2%;
  z-index: 20000;
  justify-content: center;
  padding-top: 2rem;
  bottom: 0;
  text-align: center;
}
#tips #tips_message{
  padding: 1rem 3rem;
  font-size: 1rem;
  color: white;
  background: rgba(0, 0, 0, .5);
  border-radius: 2rem;
  margin-top: 20rem;
  display: inline-block;
}