#content{
  width: 100%;
  background: #DD4825;
}
[v-cloak] {
  display: none;
}
.topimgbox{
  width: 100%;
  position: relative;
}
.topimg{
  width: 100%;
  z-index: -1;
}
.huoleft{
  width: 5.5rem;
  height: 5.8rem;
  position: absolute;
  top: 0;
  left: 0;
}
.huoright {
  width: 5.5rem;
  height: 2.1rem;
  position: absolute;
  top: 0;
  right: 0;
}
.center{
  width: 96%;
  margin:4px auto 0 auto;
}
/* 推荐多多 */
.recommend{
  width: 100%;
  height: 35rem;
  background: #fff6dc;
  margin: auto;
  border-radius: 0.5rem;
  z-index: 99999;
  /* margin-top: 1rem; */
  /* position: absolute; */
  /* top: -9.5rem; */
}
.titback{
  width: 18rem;
  height: 3rem;
  /* position: relative; */
  margin: auto;
}
.titback img{
  width: 100%;
  height: 100%;
  margin-top: -0.7rem;
}
/* .titback span{
  display: inline-block;
  width: 13rem;
height: 2rem;
font-size: 1.5rem;
font-weight: 700;
font-stretch: normal;
line-height: 1rem;
letter-spacing: 0rem;
  color: #e81327;
  position: absolute;
  left: 13%;
  top: 23%;
} */

.welcont{
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 2rem;
}
.welfare{
  width: 14rem;
  height: 9rem;
}
.welfright{
  width: 18rem;
  font-family: MicrosoftYaHei-Bold;
font-size: 1rem;
font-weight: normal;
letter-spacing: 0rem;
color: #754d00;
}
.welfinfo{
  width: 100%;
  display: flex;
  justify-content: center;
  /* margin: auto; */
  margin-top: 2rem;
}
.welfinfo p{
  width: 30rem;
height: 1rem;
font-size: 1rem;
font-weight: 700;
font-stretch: normal;
line-height: 1rem;
letter-spacing: 0rem;
  color: #ee0f0f;
}
.signfa{
  width: 100%;
  display: flex;
  justify-content: center;
}
.signbtn{
  margin-top: .7rem;
  text-align: center;
  width: 16rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  background: linear-gradient(#F43F3F,#EE0F0F);
  border-radius: 4.1rem;
  box-shadow:0 0 1px 1px  #FDB051;
  position: relative;
}
/* 推荐方式 */
/* .centers{
  width: 96%;
  margin: auto;
} */
.way-head{
  width: 94%;
  height: .95rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  margin: auto;
  background: #FFF5D8;
  position: relative;
  z-index: 2;
}
.way-title{
  position: absolute;
  width: 228px;
  height: 38px;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 38px;
  font-size: 19px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #DD4825;
  background: url("https://image01.homedo.com/Files/Images/cms/www/20211019/5506758865936016567_pic1.png");
  background-size: 100% 100%;
  z-index: 3;
}
.way{
  width: 100%;
  background: #FFF5D8;
  margin: -.1rem auto 0;
  border-radius: 1rem;
  position: relative;
  padding-top: 3.2rem;
  box-sizing: border-box;
  padding-bottom: 1.5rem;
}
.waymar{
  padding-top: 2rem;
}
.wayback{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3rem;
}
.waytit{
  width: 100%;
  position: relative;
}
.waytit img{
  width: 100%;
  height: 100%;
}
.waycont{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  width: 94%;
  height: 25.5rem;
  margin: auto;
  border: 0.1rem solid #fdd490;
  border-top: none;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.waycont p{
  font-size: 1.2rem;
  margin-top: 1.5rem;
  color: #222222;
  font-weight: bold;
  line-height: 100%;
}

.wayone{
  width: 30rem;
  height: 3rem;
  margin: auto;
}
.waytwo{
  width: 25rem;
  height: 3rem;
  margin: auto;
  text-align: center;
}
.qrcodes{
  margin-top: 1.2rem;
  /* margin-top: 1rem;
  margin-bottom: 0.5rem;
  position: relative;
  width: 17rem;
  height: 17rem;
  text-align: center;
  border: 0.2rem solid #c78c43; */
}
.seniority{
  width: 100%;
  /* height: 46rem; */
  background: #fff5d8;
  margin-top: 5rem;
  /* border-radius: 5rem; */
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.senmarg{
  padding-top: 1rem;
}
.moreyu{
  position: absolute;
  top: -2.5rem;
  width: 100%;
  height: 3rem;
}
.senimg{
  width: 15rem;
  height: 3rem;
  background: url('//image01.homedo.com/Files/Images/cms/www/20210209/5125397597157274809_pic1.png');
  margin: auto;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2.8rem;
  left: 30%;
}
.senimg p{
  font-size: 1.5rem;
  color: #c60f0d;
  margin-top: -0.5rem;
  font-weight: bold;
}
/* .senimg img{
  width: 100%;
  height: 100%;
  margin-top: -0.7rem;
} */
.sencontbor{
  width: 96%;
  border-bottom: solid 0.1rem #ffd48c;
  margin: auto;
}
.sencont{
  width: 96%;
  height: 7rem;
  margin: auto;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 0.1rem #ffd48c;
  border-left: solid 0.1rem #ffd48c;
  border-right: solid 0.1rem #ffd48c;
  border-top: none;
}

.senleft{
  /* width: 10rem; */
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 0.9rem;
}
.senleft img:nth-child(1){
  width: 3rem;
  height: 2rem;
  margin-left: 1rem;
}
.titimg0{
  width: 3rem;
  height: 2.5rem;
  margin-left: 1rem;
  background-size:100% 100%;
  background: url('//image01.homedo.com/Files/Images/cms/www/20210209/5105133511811213770_pic1.png') no-repeat;
  margin-right: 1rem;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:100% 100%;
  background-size:100% 100%;
}
.titimg1{
  width: 3rem;
  height: 2.5rem;
  margin-left: 1rem;
  background-size:100% 100%;
  background: url('//image01.homedo.com/Files/Images/cms/www/20210209/5761608434428643627_pic1.png') no-repeat;
  margin-right: 1rem;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:100% 100%;
  background-size:100% 100%;

}
.titimg2{
  width: 3rem;
  height: 2.5rem;
  margin-left: 1rem;
  background-size:100% 100%;
  background: url('//image01.homedo.com/Files/Images/cms/www/20210209/5256205786566407016_pic1.png') no-repeat;
  margin-right: 1rem;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:100% 100%;
  background-size:100% 100%;

}
.titimg{
  width: 2rem;
  height: 2rem;
  background-size:100% 100%;
  background: url('//image01.homedo.com/Files/Images/cms/www/20210209/4707986090332948465_pic1.png') no-repeat;
  padding-left: 1rem;
  line-height: 2rem;
  font-size: 1rem;
  color: #ffffff;
  margin-left: 1rem;
  margin-right: 1rem;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
  -moz-background-size:100% 100%;
  background-size:100% 100%;
}
.senleft img:nth-child(2){
  width: 4rem;
  height: 4rem;
  margin-left: 1rem;
}
.senleft p{
  margin-left: 1rem;
}
.senright{
  line-height: 2rem;
  text-align: right;
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.senright p{
  font-size: 1rem;
}
.friendnumber{
  color: #8c4a1a;
}
.hebinumber{
  color: #e81327;
}
.unfold{
  width: 6rem;
  font-size: 1rem;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 1rem;
}
.unfold img{
  width: 0.8rem;
  height: 0.5rem;
}
.earningsbtn{
  width: 16rem;
height: 4rem;
  background-image: linear-gradient(180deg,
  #fe4d6c 0%,
  #fe3754 50%,
  #fd213c 100%),
linear-gradient(90deg,
  #ff6621 0%,
  #ff390f 100%);
border-radius: 1.5rem;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 1rem;
}
.shoppingmall{
  width: 100%;
  /* height: 62rem; */
  background-color: #fff5d8;
  margin-top: 4rem;
  border-radius: 0.5rem;
  padding-bottom: 1rem;
  position: relative;
}
.hebitit{
  width: 15rem;
  height: 3rem;
  background: url('//image01.homedo.com/Files/Images/cms/www/20210209/5125397597157274809_pic1.png');
  margin: auto;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2.8rem;
  left: 30%;
}

.hebitit p{
  font-size: 1.5rem;
  color: #c60f0d;
  margin-top: -0.5rem;
  font-weight: bold;
}
.product{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* padding-top: 2rem; */
}
.producont{
  font-size: 1rem;
  width: 13rem;
  height: 3rem;
  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
  word-break: break-all;
}
.hebiProduct img{
  width: 13rem;
  height: 13rem;
}
.hebiProduct{
  width: 49%;
  height: 28rem;
  background: #ffffff;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.hebi{
  color: #ff0000;
  width: 9rem;
  height: 1rem;
  margin-right: 4rem;
  font-size: 1.4rem;
  font-weight: 600;
}
.productbtn{
  width: 15rem;
  height: 3rem;
  background-color: #ff2c24;
  border-radius: 0rem;
  color: #ffffff;
  text-align: center;
  line-height: 3rem;
  font-size: 2rem;
}
.activityruls{
  width: 96%;
  margin: 0 auto;
  background: #FFF5D8;
  opacity: 0.81;
  border-radius: 1rem;
  margin-top: .8rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
  padding-bottom: 1.6rem;
}
.activityruls img{
  width: 8rem;
  height: 3rem;
}
body{
  background: #DD4825;
}
.rules{
  width: 91%;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 18px;
  margin: auto;
}


.qrcodemask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #ffffff;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.maskcont{
  width: 9rem;
  height: 6rem;
  font-size: 1rem;
  color: #000;
  font-size: 1.4rem;
}
.maskcont a{
  color: #ff0000;
}












/*  */




/*  */

/*  */


/* 改动后 */
.joins{
  width: 34.2rem;
  height: 5.2rem;
  background: #fff5d8;
  margin: auto;
  display: flex;
  border: solid 0.1rem #fdd490;
  position: relative;
}
.querys{
  width: 5rem;
  height: 5.2rem;
  background-color: #fe4967;
  border-radius: 50% 0 0 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.querys p{
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.5rem;
}
.triangle{
  width:0rem;height:0rem;border-width:0.5rem 0 0.5rem 0.5rem;border-style:solid; border-color:transparent transparent transparent #fe4967;
  position: absolute;
  right: -0.5rem;
}
.triangles{
  width:0rem;height:0rem;border-width:0.5rem 0 0.5rem 0.5rem;border-style:solid; border-color:transparent transparent transparent #fff5d8;
  position: absolute;
  left: 0rem;
}
.join{
  width: 30rem;
  height: 5rem;
  background-color: #ffffff;
  /* border-radius: 3rem; */
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
  margin-left:1rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.join p{
  width: 18rem;
  height: 4rem;
  font-size: 1rem;
  line-height: 2rem;
  font-weight: bold;
  color: #ee0f0f;
}
.joinbtn{
  width: 9rem;
  height: 3rem;
  border-radius: 3rem;
  background-color: #fe4967;
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
  line-height: 3rem;
  position: relative;
}
.nolog{
  width: 100%;
  height: 100%;
  background: rgba(253, 253, 253, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.topborder{
  width: 34.2rem;
  height: 1rem;
  background: #fff5d8;
  border-radius: 4rem 4rem 0 0;
  position: absolute;
  top: -1rem;
}
.botborder{
  width: 34.2rem;
  height: 1rem;
  background: #fff5d8;
  border-radius:0 0 4rem 4rem;
  position: absolute;
  bottom: -1rem;
}
.lefborder{
  width: 1rem;
  height: 5rem;
  background: #fff5d8;
  border-radius:4rem 0 0 4rem;
  position: absolute;
  left: -1rem;
}
.rigborder{
  width: 1rem;
  height: 5rem;
  background: #fff5d8;
  border-radius:0  4rem 4rem 0;
  position: absolute;
  right: -1rem;
}

.wayflow{
  width: 94%;
  height: 35.6rem;
  border: 0.1rem solid #fdd490;
  border-bottom: none;
  margin: auto;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 0.1rem solid #fdd490;
  position: relative;
  box-sizing: border-box;
  border-bottom: 0.1rem dashed #fdd490;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.wayflow>img {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 5;
}
.wayflow .Im1 {
  top: 3.6rem;
  left: 50%;
  transform: translateX(-50%);
}
.wayflow .Im2 {
  top: 13.5rem;
  right: 6.4rem;
}
.wayflow .Im3 {
  top: 19.0rem;
  left: 50%;
  transform: translateX(-50%);
}
.wayflow .divs {
  position: absolute;
  z-index: 0;
}
.wayflow .div1 {
  width: 60%;
  height: 0.1rem;
  border-bottom: 0.1rem dashed #E81327;
  top: 4.2rem;
}
.wayflow .div2 {
  width: 0.1rem;
  height: 10.6rem;
  border-left: 0.1rem dashed #E81327;
  top: 6.4rem;
  right: 7.0rem;
}
.wayflow .div3 {
  width: 60%;
  height: 0.1rem;
  border-top: 0.1rem dashed #E81327;
  top: 19.7rem;
}
.inviteiImg-title{
  margin-top: 8px;
  height: 13px;
  font-size: 13px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #EE0F0F;
  line-height: 13px;
  padding-bottom: 5px;
  background: #ffffff;
}
.inviteiImg-title2{
  top: calc(100%);
  line-height: 16px;
  font-size: 1.2rem;
  color: #222222;
  font-weight: 400;
  width: 11.3rem;
  text-align: center;
  margin:auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
}
.inviteiImg-btn{
  width: 6.3rem;
  height: 2rem;
  background: #FB602A;
  box-shadow: 0px 3px 2px 0px rgba(251,96,42,0.34);
  border-radius: 1px;
  font-size: 1.2rem;
  line-height: 2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 8px);
  color: #FFFFFF;
}
.inviteiImg-icon{
  width: 2.7rem!important;
  height: 2.7rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 7px);
}
.inviteiImg-text{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 6px);
  color: #DD4825;
  line-height: 1.6rem;
  width: 9.6rem;
}
.wayflow .inviteiImg3 .say .invitePrice{
  font-size: 1.6rem;
}
.wayflow>div {
  width: 5.7rem;
  text-align: center;
  color: #EE0F0F;
  font-family: PingFangSC-Regular, PingFang SC;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 2.1rem;
}
.wayflow>div img{
  width: 100%;
}
.wayflow>div .span {
  width: 11.3rem;
  position: absolute;
  top: 7.5rem;
  left: -2.8rem;
  font-size: 1.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 1.6rem;
}


.wayflow .inviteiImg1 {
  position: absolute;
  top: 1.5rem;
  left: 4.3rem;
  z-index: 10;
}
.wayflow .inviteiImg2 {
  position: absolute;
  top: 1.5rem;
  right: 4.3rem;
  z-index: 10;
}
.wayflow .inviteiImg3 {
  position: absolute;
  top: 16.9rem;
  right: 4.3rem;
  z-index: 10;
}
.wayflow .inviteiImg3 .say{
  position: absolute;
  top: calc(100% + 1rem);
  width: 16.4rem;
  right: 1.3rem;
  z-index: 10;
}
.wayflow .inviteiImg3 .say img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: -0.25rem;
  left: 0;
  z-index: -1;
}
.wayflow .inviteiImg3 .say span {
  font-size: 1.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 3.2rem;
  z-index: 10;
}
.wayflow .inviteiImg4 {
  position: absolute;
  top: 16.9rem;
  left: 4.3rem;
  z-index: 10;
}

/* .wayflow img{
  width: 32rem;
  height: 30rem;
} */
.watcenter{
  width: 94%;
  height: 1rem;
  background: #ffffff;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wayleft{
  width: 1rem;
  height: 1rem;
  /* background-color: blue; */
  border-radius: 0rem 50% 50% 0;
  border-right: 0.1rem solid #fdd490;
  border-top: 0.1rem solid #fdd490;
  border-bottom: 0.1rem solid #fdd490;
}
.wayright{
  width: 1rem;
  height: 1rem;
  border-radius: 50% 0 0 50%;
  border-left: 0.1rem solid #fdd490;
  border-top: 0.1rem solid #fdd490;
  border-bottom: 0.1rem solid #fdd490;
}
.solidbor{
  width: 100%;
  border-bottom: 0.1rem dashed #fdd490;
}
.invite{
  color: #C78C43;
  font-size: 1.2rem;
  font-weight: bold;
}

.my-swipe {
  width: 100%;
  height: 7.7rem;
  margin-top: 0.8rem;
}
.my-swipe img{
  width: 100%;
}





.login-tips{
  border: 0.2rem solid #d4c697;
  position:relative;
  /*background: #fefbe8 url(https://image01.homedo.com/Files/Images/cms/www/20200930/4715966035766409593_pic1.png) .5rem .5rem/14rem no-repeat;*/
  width: 12.3rem;
  height: 12.3rem;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-tips::after {content: "";position: absolute;top:0;left:0;width: 100%;height: 100%;background: #D8D8D8}
.login-tips .tips{z-index: 2;color: #222222;width: 85%;font-size: 1rem}
.banner .rule-tips{position:absolute;top:0;right:0;padding:0 1rem;height:2.4rem;border-bottom-left-radius:.6rem;background-color:#e40000;color:#fff;font-size:1.2rem;line-height:2.4rem}
.qrcode{position:relative;text-align:center}
.qrcode img:nth-of-type(1){padding:0.5rem;background:#fff;border:0.2rem solid #d7c494;width: 16.7rem;}

.waycont .qrcode img:nth-of-type(1){padding:0.5rem;background:#fff;border:0.2rem solid #d7c494;width: 12.3rem;box-sizing: border-box}
.qrcode img:nth-of-type(2){position:absolute;top:50%;left:50%;width:3.6rem;height:3.6rem;transform:translate(-50%,-50%);}
.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:rgba(0,0,0,.5)}
.popup-content{
  position:absolute;
  max-width: 92%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:1rem;
  text-align:center;
}
.popup-content .header{overflow:hidden;height:6rem;border-radius:1rem 1rem 0 0;background-image:linear-gradient(9deg,#fb5c5c 0,#f21f1f 100%);color:#fff;font-size:2.4rem;line-height:6rem}
.popup-content .body{
  width: 34.5rem;
  height: 49.0rem;
  border-radius:0 0 1rem 1rem;
  background-image: url("https://image01.homedo.com/Files/Images/cms/www/20211027/5071027433539551757_pic1.png");
  background-size: contain;
  margin-top: -.1rem;
}
.popup-content .body .qrcode{
  padding:18.5rem 0;
  box-sizing: border-box;
  margin: 0 auto;
}
.popup-content .body .icons{padding:0 2rem 2rem;border-radius:0 0 1rem 1rem;}
.popup-content .body .icons .longTap {position:relative;width:32%;color:#222;font-size:1.4rem;line-height:2.6rem;display: inline-block}
.popup-content .body .icons img{width:5.3rem;height:5.3rem}
.popup-content .body .icons .sava{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
.popup-content .body .tips{margin-top:1.5rem;color:#ceb29b;font-weight:700;font-size:1.5rem}
.popup-content .close{position:absolute;bottom:-5rem;left:50%;transform:translate(-50%);z-index: 20;}
.popup-content .close img{width:2.6rem;height:auto}
.sava{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  z-index: 1;
}
.tips-text{margin-top:1rem;text-align:center}
.link-box{text-align: center;margin-top: .5rem}
.link-box a{color: #6f4e0a;text-decoration: underline}
.slide-box{position: relative;width: 100%;height: 0.1rem; border-top: 0.1rem dashed #c19153;background: #fefbe8}
.slide-box::before, .slide-box::after{position: absolute;top: -0.8rem; width: 1.6rem; height: 1.6rem;border-radius: 50%;background: #f13022;content:"";z-index: 2;}
.slide-box::before{left: -0.8rem;}
.slide-box::after{right: -0.8rem;}
.reward1 {margin-top: 2rem;height: 7.2rem;}
.reward1 .desc {padding-top: 1rem;}
.reward2 {height: 11rem;}
.reward2 .desc {padding-top: 2rem;}
.reward {position: relative;padding-left: 15rem;text-align: left;padding-right: 1.5rem;}
.reward .title{text-align: center;color: #222}
.reward .title span{display: inline-block;width: 1.9rem;height: 1.9rem;line-height: 1.9rem;margin-right: .7rem; text-align: center; border-radius: 50%;color: #fff;background: #6f4e0a}
.reward .desc{color: #000;font-size: 1.2rem;line-height: 1.6rem;width: 100%;}
.reward .desc span{color: #ec7a30}
.reward .img{width:12rem;position: absolute;top: 0;left: 2rem;}
.reward .img img{width: 100%}
.Recommend_Title{color:#e81327;font-size: 2.2rem;font-weight: bold;display:inline-block;line-height: 3rem;height: 3rem;background: #ffd48c;margin-top: -.7rem;position: relative;padding: 0 2rem;}
.Recommend_Title:before,.Recommend_Title:after{content:'';display: inline-block;width: 2.25rem;position: absolute;height: 3rem;background: url(https://image01.homedo.com/Files/Images/cms/www/20200925/5311718337220463733_pic1.png)  left top no-repeat;background-size: 100% 100%;top: 0;}
.Recommend_Title:before{left: -2.25rem;}
.Recommend_Title:after{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);right: -2.2rem;}
.card-header{position:absolute;top:0;right:-1rem;left:-1rem;z-index:-1;height:2rem;border-radius:1rem;background-color:#ff452b;transform:translate(0,-50%);}
.card-header i{position:absolute;top:50%;right:.5rem;left:.5rem;height:1rem;border-radius:1rem;background-color:#910000;transform:translate(0,-50%);}
.banner .no_relation{position: absolute;top: 17rem;left: 50%;transform: translate(-50%, 0);color: #ffab8e;font-size: 1.6rem;}
.ad-banner {margin: .5rem 0}
.ad-banner img {border-radius: .5rem;}
.seeReward-btn {display: block;width: 50%;line-height: 4.4rem;color: #fff;font-size: 2rem;font-weight: bold;margin: 0 auto;}
.tips-popUp .popup-content {background: #FDF8E3;border-radius: 1rem;padding: 2rem 0;}
.tips-popUp .popup-content p {color: #222;font-size: 1.6rem;margin: 1.5rem 0 3rem;}
.tips-popUp .popup-content .btn-box a {display:inline-block;width: 8rem;height: 3rem;line-height: 3rem;color: #fff;border-radius: 2rem;margin: 0 .3rem;}
.tips-popUp .popup-content .ok-btn {background: #FFC000;}
.tips-popUp .popup-content .apply-btn {background: #FF5319;}
.tips-popUp .popup-content .close-btn {width: 3rem;position: absolute;top:14.5rem;left: 50%;transform: translateX(-50%)}
.gift-popUp .popup-content {width: 23rem;text-align: center;margin: 0}
.gift-popUp .popup-content p {background:#FDF8E3;border-radius: 0 0 1rem 1rem;margin-top: -.1rem;color: #888;line-height: 2.6rem;text-align: left;padding: 1rem 3rem 2rem;}
.gift-popUp .popup-content .close-btn {width: 3rem;margin-top: 5rem;}
.wechat-porp { position:fixed; z-index:100000000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85); background-size:auto ; display:none }
.wechat-porp .wechat-btn {width:14rem; position:fixed; left:50%; top:50%; margin:6rem 0 0 -7rem; z-index:100000001; }

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,.5);
  z-index: 100;
}
.mask .diaoLoig {
  width: 26.9rem;
  height: 22.9rem;
  background: #FDF8E4;
  border-radius: 0.5rem;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.mask .diaoLoig img {
  width: 100%;
}
.mask .diaoLoig .title {
  position: absolute;
  top: 2.0rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 24.9rem;
  font-size: 1.8rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #A25A19;
  line-height: 1.8rem;

}
.mask .diaoLoig .boxDiao {
  width: 24.9rem;
  height: 15.1rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  border: 0.1rem solid #FF8A00;
  margin: 1.0rem auto 1.2rem;
}
.box-tit {
  max-width: 22.4rem;
  font-size: 1.4rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #222222;
  line-height: 1.4rem;
  margin: 3.1rem auto 0;
}
.btnOut {
  width: 15.5rem;
  height: 3.7rem;
  background: linear-gradient(180deg, #FF7888 0%, #EB112B 100%);
  box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(255,79,24,0.4);
  border-radius: 1.9rem;
  text-align: center;
  margin: 2.7rem auto 0;
  font-size: 1.5rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 3.7rem;
}
.btnKefu {
  margin: 1.2rem auto 0;
  font-size: 1.3rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #777777;
  line-height: 1.3rem;
  text-align: center;
}
.way-head:nth-child(n+2){
  margin-top: 1.2rem;
}
.yaoqing-list{
  width: 94%;
  margin: auto;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #FDD490;
  padding: 1rem 1rem 1.5rem 1rem;
  box-sizing: border-box;
}
.tishi-parent{
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.openYear{
  height: 12px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #AA6A0B;
  line-height: 12px;
  float: right;
}
.list-table{
  width: 100%;
  font-size: 1.2rem;
  color: #222222;
  line-height: 100%;
  table-layout:fixed;
}
.list-table tr{
  height: 3.3rem;
}
.list-table thead{
  background: #F6EEDA;
}
.list-table th{
  width: 33.3%;
}
.list-table tbody td{
  text-align: right;
  width: 33.3%;
}

.list-table tbody td:nth-child(1)>div{
  text-align: left;
  padding-left: calc(50% - 30px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.list-table tbody td:nth-child(2)>div{
  padding-right: calc(50% - 18px);
}
.list-table tbody td:nth-child(3)>div{
  padding-right: calc(50% - 45px);
}
.list-table tbody tr{
  border-bottom: 1px solid rgba(202,202,202,0.3);
}
.yaoqing-list .more-btn{
  height: 1.2rem;
  font-size: 1.2rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  color: #AA6A0B;
  line-height: 1.2rem;
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.activityruls-btn{
  height: 2.5rem;
  background: #AA6A0B;
  font-size: 1.3rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 2.5rem;
  text-align: center;
  width: 8.1rem;
  border-radius: 2.5rem;
}
.yaoqing-list .tishi{
  display: flex;
  height: 8.4rem;
  align-items: center;
  justify-content: center;
}
.tishi-1{
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 17px;
  text-align: center;
}
.tishi-2{
  height: 100%;
  padding: 1.65rem 0 1.95rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing:border-box;
}
.tishi-2-text{
  font-size: 1.2rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #222222;
  line-height: 100%;
}
.tishi-2-btn{
  width: 6.3rem;
  height: 2rem;
  background: #FB602A;
  box-shadow: 0px 3px 2px 0px rgba(251,96,42,0.34);
  border-radius: 1px;
  font-size: 1.2rem;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #FFFFFF;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.van-picker{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
.van-picker__cancel,.van-picker__confirm{
  color: #AA6A0B;
}
.van-picker__title{
  font-weight: bold;
  color: #1E1F22;
}
.yaoqing-list .more{
  color: #C2C2C2;
  font-weight: normal;
}