* {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-family:
    'Roboto', 'Helvetica Neue', Helvetica, Arial, SimSun, 'Microsoft YaHei',
    serif;
  text-decoration: none;
  list-style: none;
  outline: none;
}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html,
body {
  width: 100%;
  padding: 0;
  margin: 0;
}
body {
  background: #f5f6fa;
  width: 100%;
  padding: 0;
  margin: 0;
  /* position: relative; */
}
.bg {
  width: 100%;
  height: 100%;
  /* font-size: 0.24rem; */
}
.back_top {
  width: 0.68rem;
  height: 0.68rem;
  background: url(../image/top_back.png) no-repeat;
  background-size: cover;
  position: fixed;
  top: 1.2rem;
  left: 0.48rem;
  z-index: 4;
}


.bg_top {
  width: 100%;
  height: 6.64rem;
  background: url(../image/promotion_top.png) no-repeat;
  background-size: cover;
}
.logo {
  width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.52rem;
  margin-left: 0.48rem;
}
.top_title {
  font-family: Wendy One, Wendy One;
  font-size: 0.86rem;
  font-weight: 800;
  height: 0.65rem;
  width: 6.38rem;
  line-height: 0.65rem;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.71rem;
}

.bttom_bg {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 8.4rem;
  width: 100%;
  height: 10.03rem;
  background: url(../image/coin_bg_bottom.png);
  background-size: contain;
}
.bttom_bg1 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 35.8rem;
  width: 100%;
  height: 6.19rem;
  background: url(../image/coin_bg_bottom2.png);
  background-size: contain;
}
.bttom_bg3 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50.8rem;
  width: 100%;
  height: 5.24rem;
  background: url(../image/coin_bg_bottom3.png);
  background-size: contain;
}
.bttom_bg4 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 68.8rem;
  width: 100%;
  height: 8.72rem;
  background: url(../image/coin_bg_bottom4.png);
  background-size: contain;
}

.content {
  background: #FFF0BA;
  padding: 0 0.3rem;
  padding-top: 0.41rem;
  padding-bottom: 0.51rem;
}

.content_box {
  background: linear-gradient( 180deg, #FFF4E8 0%, #FEE8D6 100%);
  box-shadow: 8px 8px 8px 0px rgba(253,115,48,0.3);
  border-radius: 0.3rem;
  padding: 0 0.4rem 0.38rem 0.36rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
  position: relative;
}
.box_title {
  font-family: Roboto, Roboto;
  background: linear-gradient( 0deg, #FBCE8B 0%, #FFA058 100%);
  border-radius: 0.12rem;
  color: #FFFFFF;
  line-height: 0.36rem;
  font-size: 0.32rem;
  font-weight: bold;
  height: 0.6rem;
  padding: 0.12rem 0.24rem;
  display: inline-block;
  box-sizing: border-box;
  margin-top: -0.26rem;
  margin-bottom: 0.4rem;
}
.box_title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
  margin-bottom: 0.4rem;
}
.box_title_text {
  width: 4.3rem;
  font-family: Roboto, Roboto;
  font-weight: 600;
  font-size: 0.26rem;
  color: #FE8E55;
  line-height: 0.36rem;
  text-align: center;
}
.horizontal {
  width: 0.76rem;
  height: 0.03rem;
  background: #FE8E55;
}
.box_text {
  background: #FFFFFF;
  border-radius: 0.2rem;
  /* border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem; */
  width: 100%;
  margin-bottom: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.box_text:first-child {
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.sub_title {
  border-top-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  background: #FE8E55;
  padding: 0.16rem 0.24rem;
  font-family: Roboto, Roboto;
  font-weight: bold;
  font-size: 0.24rem;
  color: #FFFFFF;
  line-height: 0.24rem;
  display: inline-block;
}

.icon_list {
  display: flex;
  align-items: center;
  padding: 0.24rem 0 0.32rem 0.2rem;
}
.icon_list .img1 {
  width: 0.82rem;
  height: 0.82rem;
  margin-right: 0.12rem;
}

.icon_list2 {
  display: flex;
  align-items: center;
  padding: 0.32rem 0.42rem 0 0.22rem;
}

.icon_list2 .img2 {
  width: 0.96rem;
  height: 0.96rem;
}

.icon_list_title {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.22rem;
  color: #000000;
}
.icon_list_des {
  font-family: Roboto, Roboto;
  font-weight: 600;
  font-size: 0.24rem;
  color: #FE5955;
  margin-top: 0.16rem;
}


.benefits_table {
  width: 100%;
  margin-top: 0.24rem;
  border: 1px solid rgba(254,142,85,0.3);
  border-collapse: collapse;
}
.table_header {
  background: rgba(254,142,85,0.2);
  height: 0.5rem;
  font-family: Roboto, Roboto;
  font-weight: 600;
  font-size: 0.24rem;
  color: #FE8E55;
  line-height: 0.5rem;
  text-align: center;
}

.benefits_table td {
  border: 1px solid rgba(254,142,85,0.3);
}

.table_td_1 {
  width: 1.28rem;
  font-weight: 600;
  font-size: 0.24rem;
  color: #FE5955;
  text-align: center;
}
.table_td_2 {
  padding: 0.36rem 0.22rem;
}
.table_td_2_title {
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 0.22rem;
  color: #FE8E55;
  line-height: 0.32rem;
  height: 0.32rem;
  margin-bottom: 0.16rem;
}
.condition_text {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.32rem;
}
.condition_box {
  margin: 0.4rem 0.16rem 0;
}
.note_text1,
.note_text {
  background: linear-gradient(270deg, rgba(252, 237, 183, 0.3) 0%, rgba(252, 184, 109, 0.3) 100%);
  border-radius: 0.3rem;
  padding: 0.24rem 0.27rem 0.24rem 0.32rem;
  margin: 0.24rem 0.24rem 0.29rem;
}

.note_text1 {
  padding: 0.24rem;
}
.note_content1,
.note_content {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.3rem;
  margin-bottom: 0.16rem;
  position: relative;
  padding-left: 0.24rem;
}
.note_content1 {
  padding-left: 0rem;
  margin-bottom: 0;
}
.note_content::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #000000;
  font-weight: bold;
}
.note_content:last-child {
  margin-bottom: 0;
}

/* 责编 */
.editor_item {
  display: flex;
  align-items: center;
  font-family: Roboto, Roboto;
  font-weight: 500;
  font-size: 0.24rem;
  color: rgba(0,0,0,0.8);
  margin-bottom: 0.24rem;
  margin-left: 0.32rem;
}
.editor_item:last-child {
  margin-bottom: 0;
}
.editor_item a {
  font-family: Roboto, Roboto;
  font-weight: 600;
  font-size: 0.24rem;
  color: rgba(0,0,0,0.8);
}
.editor_a {
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  background: #FED3B2;
  margin-right: 0.16rem;
}

.copy {
  width: 0.30rem;
  height: 0.30rem;
  margin-left: 0.04rem;
  cursor: pointer;
}

.box_text1 {
  background: #FFFFFF;
  border-radius: 0.2rem;
  width: 100%;
  padding: 0.32rem 0;
}
.faq_list {
  padding: 0.16rem 0.31rem 0;
}
.faq_item {
  padding: 0.24rem 0;
  border-bottom: 1px solid #FEEAD3;
}
.faq_icon {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.16rem;
}
.faq_text {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 0.22rem;
  color: #000000;
  line-height: 0.32rem;
}
.faq_a {
  margin-top: 0.16rem;
}
.faq_q,
.faq_a {
  display: flex;
}