@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
}
body {
  font-size: 14px;
  color: #262626;
  background: #fff;
  font-family: "Microsoft YaHei", "PingFangSC-Regular,PingFang SC";
}
/*清除记录密码背景*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}
img {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
button {
  border: none;
  background: none;
}
button:focus,
a:focus,
select,
textarea,
input,
button,
img {
  outline: none;
  -moz-outline: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
.hand,
button {
  cursor: pointer;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.show {
  display: block;
}
.hide {
  display: none;
}
.hide_important {
  display: none !important;
}
.eps {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boxs {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.pe {
  pointer-events: none;
}
.disable {
  pointer-events: none;
  opacity: 0.5;
}
.img {
  width: 100%;
}
.center {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*盒子居中*/
.center_y {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*盒子Y州居中*/
.center_x {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*盒子X州居中*/
/*  弹性布局  */
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex_t {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.flex_b {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
}
.flex_l {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
}
.flex_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.flex_r {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
}
.flex_j {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.flex_w {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.head {
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 0.24rem;
  height: 0.88rem;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 222;
}
.head_heigt {
  height: 0.88rem;
}
.u_head {
  background: #EDEDED;
}
.head_top_box {
  top: 0.88rem;
}
.head_top_heigt {
  height: 1.76rem;
}
.u_left,
.u_right {
  width: 0.6rem;
  height: 0.6rem;
}
.u_left {
  background: url(../imgs/close.svg) no-repeat;
  background-size: 0.6rem;
}
.u_center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #8C8C8C;
  font-size: 0.2rem;
  padding-top: 0.38rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
.u_right {
  background: url(../imgs/menu.svg) no-repeat;
  background-size: 0.6rem;
}
.u_top {
  background: url(../imgs/user_bg.png) no-repeat;
  background-size: cover;
  padding: 1.04rem 0 0.4rem 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #262626;
  font-weight: 500;
}
.u_tx {
  width: 1.4rem;
  height: 1.4rem;
  box-shadow: 0rem 0rem 0.22rem 0rem rgba(0, 69, 153, 0.26);
  border: 0.04rem solid #FFFFFF;
  margin: 0 auto;
  padding: 0.02rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 100%;
}
.u_tx img {
  width: 100%;
  border-radius: 100%;
}
.u_name {
  font-size: 0.32rem;
  text-align: center;
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  font-weight: 500;
}
.u_text {
  line-height: 0.5rem;
  font-size: 0.36rem;
  text-align: center;
  font-weight: 500;
}
.u_box {
  background: #fff;
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(22, 74, 190, 0.1);
  border-radius: 0.32rem;
  margin: 0 0.68rem;
  padding: 0.08rem 0.32rem 0.32rem 0.32rem;
}
.u_list {
  margin-top: 0.32rem;
}
.u_title {
  color: #262626;
  font-size: 0.28rem;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.required::after {
  content: "*";
  display: block;
  color: #D20C19;
  font-size: 0.28rem;
}
.u_view {
  margin-top: 0.2rem;
  border: 0.02rem solid #E5E5E5;
  border-radius: 0.44rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.12rem 0.12rem 0.12rem 0.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.u_ipt {
  min-width: 1rem;
  line-height: 0.68rem;
  height: 0.68rem;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border-radius: 0.44rem;
  font-size: 0.28rem;
  color: #262626;
}
.u_ipt:placeholder {
  color: #8C8C8C;
  font-size: 0.28rem;
}
.u_yzm {
  line-height: 0.64rem;
  height: 0.64rem;
  border-radius: 0.32rem;
  background: linear-gradient(135deg, #6B91EF 0%, #1B5DDB 100%);
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.18rem;
}
.disabled {
  background: #F6F6F6;
}
.u_btn {
  margin-top: 0.86rem;
  width: 100%;
  line-height: 0.88rem;
  height: 0.88rem;
  border-radius: 0.44rem;
  background: linear-gradient(135deg, #6B91EF 0%, #1B5DDB 100%);
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
}
.u_btnDis {
  pointer-events: none;
  opacity: 0.6;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.u_btnLoad {
  margin-left: 0.1rem;
}
.r_box {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 35vh;
}
.r_img {
  width: 1.02rem;
  height: 1.02rem;
  display: block;
  margin: 0 auto;
}
.r_title {
  font-size: 0.32rem;
  text-align: center;
  margin-top: 0.24rem;
  font-weight: 500;
  margin-bottom: 0.08rem;
}
.r_view {
  min-height: 1.32rem;
}
.r_text {
  line-height: 0.44rem;
  font-size: 0.28rem;
  text-align: center;
  color: #8C8C8C;
}
.r_btnBox {
  margin: 0.44rem auto 0 auto;
  width: 4.82rem;
}
.r_btn {
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  background: linear-gradient(135deg, #6B91EF 0%, #1B5DDB 100%);
  border-radius: 0.36rem;
  line-height: 0.72rem;
  height: 0.72rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: #fff;
}
.r_btnWhite {
  background: #fff;
  color: #1B5DDB;
  border: 0.01rem solid #1B5DDB;
  margin-top: 0.24rem;
}
.r_logo {
  width: 0.52rem;
  margin-right: 0.06rem;
}
.vip_body {
  background: linear-gradient(270deg, #F8EBDC 0%, #FCF9F4 100%);
  padding-bottom: 1.34rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.vip_bg {
  background: url(../imgs/vip_bg.jpg) top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.v_head {
  background: #fff;
}
.v_left,
.v_right {
  width: 0.6rem;
  height: 0.6rem;
}
.v_left {
  background: url(../imgs/back_black.svg) no-repeat;
  background-size: 0.6rem;
}
.v_center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: none;
}
.v_head {
  background: #fff;
}
.v_head .v_center {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}
.v_box {
  padding: 0.54rem 0.24rem 0 0.24rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.v_img {
  width: 5.04rem;
  margin: 0.54rem auto 0 auto;
}
.v_joinBox {
  margin-top: 0.36rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.v_join {
  background: linear-gradient(180deg, #2265E3 0%, #4283FF 100%);
  box-shadow: 0px 4px 8px 0px rgba(176, 154, 113, 0.5);
  border-radius: 34px;
  line-height: 0.68rem;
  height: 0.68rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: #fff;
  padding: 0 0.28rem;
  display: inline-flex;
}
.v_sixImg {
  margin: 5rem auto 0.06rem auto;
  width: 5.48rem;
}
.v_view {
  position: relative;
  padding-top: 0.38rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 0.2rem;
}
.v_list {
  width: 7.02rem;
  background: rgba(255, 250, 237, 0.5);
  border-radius: 0.16rem;
  border: 0.02rem solid #fff;
  padding: 0.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.v_one {
  background: url(../imgs/num_01.png) no-repeat 0.2rem top;
  background-size: 0.72rem 0.78rem;
}
.v_two {
  background: url(../imgs/num_02.png) no-repeat 0.2rem top;
  background-size: 0.72rem 0.78rem;
}
.v_three {
  background: url(../imgs/num_03.png) no-repeat 0.2rem top;
  background-size: 0.72rem 0.78rem;
}
.v_four {
  background: url(../imgs/num_04.png) no-repeat 0.2rem top;
  background-size: 0.72rem 0.78rem;
}
.v_five {
  background: url(../imgs/num_05.png) no-repeat 0.2rem top;
  background-size: 0.72rem 0.78rem;
}
.v_six {
  background: url(../imgs/num_06.png) no-repeat 0.2rem top;
  background-size: 0.72rem 0.78rem;
}
.v_title {
  color: #583A16;
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.44rem;
  height: 0.44rem;
  margin-bottom: 0.08rem;
}
.v_text {
  font-size: 0.28rem;
  font-weight: 400;
  color: #987F60;
  line-height: 0.4rem;
}
.foot {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 0.18rem 0 0.22rem 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.foot_btn {
  width: 4.82rem;
  line-height: 0.72rem;
  height: 0.72rem;
  background: linear-gradient(135deg, #6B91EF 0%, #1B5DDB 100%);
  border-radius: 0.36rem;
  text-align: center;
  font-size: 0.28rem;
  color: #fff;
}
.friend_body {
  background: linear-gradient(180deg, #F7EDDD 50%, #FFE0B3 100%);
  background-repeat: no-repeat;
  padding-bottom: 1.34rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.friend_bg {
  background-image: url(../imgs/friend_bg.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}
.f_left,
.f_right {
  width: 1.12rem;
  height: 0.6rem;
}
.f_left {
  background: url(../imgs/back_white.svg) no-repeat;
  background-size: 0.6rem;
}
.f_center {
  display: none;
}
.f_right {
  line-height: 0.6rem;
  height: 0.6rem;
  font-size: 0.28rem;
  color: #fff;
}
.f_box {
  padding: 0 0.24rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.f_img {
  width: 5.04rem;
  margin: 0.54rem auto 0 auto;
}
.f_invitation {
  line-height: 0.52rem;
  height: 0.52rem;
  font-weight: 500;
  font-size: 0.38rem;
  color: #fff;
  text-shadow: 0px 2px 4px #0D3FB9;
  margin-top: 0.2rem;
  text-align: center;
}
.f_joinBox {
  margin-top: 0.14rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.f_joinBg {
  background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0));
  border-radius: 0.36rem;
  padding: 0.01rem;
}
.f_join {
  background: linear-gradient(316deg, #FFB873 0%, #FFE9D2 100%);
  border-radius: 36px;
  padding: 0 0.28rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 0.72rem;
  height: 0.72rem;
  color: #864806;
  font-size: 0.32rem;
  font-weight: bold;
}
.f_ul {
  margin-top: 6.4rem;
  margin-left: 0.1rem;
}
.f_li {
  color: #AE6002;
  font-size: 0.32rem;
  line-height: 0.44rem;
  height: 0.44rem;
  margin-top: 0.2rem;
  padding-left: 0.5rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: 500;
}
.f_cx {
  background: url(../imgs/friend_cx.svg) center left no-repeat;
  background-size: 0.4rem;
}
.f_jf {
  background: url(../imgs/friend_jf.svg) center left no-repeat;
  background-size: 0.4rem;
}
.f_main {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.16rem;
  border: 0.02rem solid #FFFFFF;
  margin-top: 0.36rem;
  padding: 0.08rem 0.2rem 0.4rem 0.2rem;
}
.f_title {
  line-height: 0.32rem;
  height: 0.32rem;
  color: #262626;
  font-size: 0.32rem;
  font-weight: bold;
  padding-top: 0.32rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-bottom: 0.04rem;
}
.f_name {
  font-size: 0.28rem;
  color: #262626;
  margin-top: 0.32rem;
  font-weight: bold;
}
.f_text {
  font-size: 0.28rem;
  color: #595959;
  line-height: 0.44rem;
  margin-top: 0.12rem;
}
.f_head {
  background: #fff;
}
.f_head .f_left {
  height: 0.6rem;
  background: url(../imgs/back_black.svg) no-repeat;
  background-size: 0.6rem;
}
.f_head .f_center {
  display: block;
  width: calc(100% - 2.28rem);
  font-size: 0.32rem;
  color: #262626;
  text-align: center;
}
.f_head .f_right {
  color: #1B5DDB;
}
.model_bg {
  position: fixed;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: none;
  animation: modelBg 0.5s forwards;
}
@keyframes modelBg {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.5);
  }
}
.model_box {
  background: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 300ms;
  transition: transform 300ms;
  width: 100%;
  z-index: 10000;
  border-radius: 0.4rem 0.4rem 0 0;
}
.model_animate {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.model_title {
  text-align: center;
  font-size: 0.32rem;
  line-height: 1.08rem;
  height: 1.08rem;
  background: #fff;
  border-radius: 0.16rem 0.16rem 0 0;
  border-bottom: 0.01rem solid #E7E7E7;
}
.model_close {
  width: 1.08rem;
  height: 1.08rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
  background: url(../imgs/close.svg) no-repeat center center;
  background-size: 0.48rem;
}
.model_img {
  width: 0.96rem;
  height: 0.96rem;
}
.model_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0.32rem;
  padding-left: 0.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-bottom: 0.32rem;
}
.model_list {
  margin: 0 0.2rem;
}
.model_list:nth-of-type(5n) {
  margin-right: 0;
}
.model_text {
  font-size: 0.24rem;
  color: #595959;
  margin-top: 0.12rem;
  text-align: center;
}
.join_body {
  background: linear-gradient(180deg, #005BE5 60%, #62A0FF 100%);
  background-repeat: no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
.join_bg {
  background: url(../imgs/join_bg.png) top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.j_box {
  padding-top: 0.6rem;
}
.j_content {
  font-size: 0.42rem;
  color: #fff;
  font-weight: bold;
  line-height: 0.58rem;
  height: 0.58rem;
  margin-bottom: 4.5rem;
  text-align: center;
}
.j_text {
  font-weight: bold;
  font-size: 0.46rem;
  color: #fff;
  line-height: 64px;
  text-align: center;
}
.j_img {
  width: 4.64rem;
  margin: 0 auto;
}
.j_mainBg {
  background: url(../imgs/join_bg03.png) right bottom;
  background-repeat: no-repeat;
  background-size: 1.8rem 2.1rem;
  padding-bottom: 0.96rem;
}
.j_main {
  width: 5.9rem;
  margin: 0.38rem auto 0 auto;
  background: rgba(248, 251, 255, 0.5);
  box-shadow: 0px 2px 11px 0px rgba(162, 177, 203, 0.14);
  border-radius: 16px;
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(10px);
  padding: 0.42rem 0.6rem 0.56rem 0.6rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.j_list {
  margin-top: 0.2rem;
}
.j_title {
  color: #333;
  font-size: 0.24rem;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.j_view {
  margin-top: 0.1rem;
  border-radius: 0.12rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.08rem 0.08rem 0.08rem 0.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #fff;
}
.j_ipt {
  min-width: 1rem;
  line-height: 0.52rem;
  height: 0.52rem;
  border: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border-radius: 0.12rem;
  font-size: 0.24rem;
  color: #262626;
}
.j_ipt:placeholder {
  color: #8C8C8C;
  font-size: 0.28rem;
}
.j_yzm {
  line-height: 0.52rem;
  height: 0.52rem;
  border-radius: 0.08rem;
  background: linear-gradient(180deg, #1B5DDB 0%, #297EFF 100%);
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  padding: 0 0.18rem;
}
.j_btn {
  margin-top: 0.5rem;
  width: 100%;
  line-height: 0.76rem;
  height: 0.76rem;
  border-radius: 0.12rem;
  background: linear-gradient(135deg, #6B91EF 0%, #1B5DDB 100%);
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
}
.j_info {
  width: 100%;
  background: url(../imgs/join_bg04.png) center left no-repeat;
  background-size: 2.55rem 3.1rem;
}
.j_infoImg {
  /*.m(0 .5rem); .w(calc(~"100% - 1rem"));*/
  width: 100%;
}
.j_s_body {
  min-height: 100vh;
}
.j_s_bg {
  background: url(../imgs/j_s_bg.png) center top;
  background-repeat: no-repeat;
  background-size: contain;
}
.j_s_box {
  padding-top: 3.68rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.j_s_top {
  width: 5.04rem;
  height: 1.52rem;
  margin: 0 auto 0.16rem auto;
}
.j_s_main {
  position: relative;
}
.j_s_text {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  font-size: 0.28rem;
  color: #fff;
  font-weight: bold;
  line-height: 0.4rem;
  text-align: center;
}
.j_s_content {
  width: 100%;
}
.j_s_foot {
  background: #fff;
  padding: 0.14rem 0 0.2rem 0;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.j_s_btn {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  background: url(../imgs/j_s_btn.png) no-repeat;
  background-size: contain;
  height: 0.72rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: #fff;
  width: 6.02rem;
}
.j_s_left {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.j_s_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.alert_bg {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.alert_box {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4.82rem;
  z-index: 100;
  display: none;
}
.alert_close {
  position: absolute;
  top: -1.8rem;
  right: -0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../imgs/close_border.svg) no-repeat center;
  background-size: 0.6rem;
}
.alert_main {
  background: #fff;
  border-radius: 0.16rem;
  padding: 0.92rem 0;
}
.alert_icon {
  width: 1.32rem;
  height: 1.32rem;
  margin: 0 auto;
}
.alert_text {
  font-size: 0.32rem;
  color: #22292E;
  line-height: 0.48rem;
  font-weight: 500;
  text-align: center;
  margin-top: 0.6rem;
}
.r_btnBox {
  margin: 0.66rem auto 0 auto;
  width: 4.82rem;
}
.new_body {
  background: #F8F9FA;
  padding: 0.24rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.n_title {
  font-weight: 600;
  font-size: 0.32rem;
  color: #262626;
  line-height: 0.48rem;
}
.n_ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0.2rem;
}
.n_logo {
  width: 0.52rem;
  margin-right: 0.12rem;
}
.n_logo img {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 0.52rem;
}
.n_name {
  font-size: 0.28rem;
  font-weight: 500;
  color: #262626;
  margin-right: 0.12rem;
}
.n_tips {
  font-size: 0.28rem;
  color: #595959;
}
.n_info {
  margin-top: 0.2rem;
  color: #8C8C8C;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  font-size: 0.24rem;
}
.n_time {
  background: url(../imgs/time.svg) no-repeat left center;
  background-size: 0.32rem;
  padding-left: 0.34rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.n_look {
  background: url(../imgs/look.svg) no-repeat left center;
  background-size: 0.32rem;
  padding-left: 0.34rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.n_content {
  margin-top: 0.12rem;
  font-size: 0.28rem;
  color: #262626;
}
.n_content img {
  max-width: 100%;
  margin: 0.2rem auto 0 auto;
  border-radius: 0.16rem;
}
.n_content p {
  margin-top: 0.2rem;
  line-height: 0.44rem;
}
.n_foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.24rem;
  margin-top: 0.2rem;
  line-height: 0.44rem;
  color: #8C8C8C;
}
.rz_body {
  background: #fff;
}
.rz_tips {
  background: rgba(27, 93, 219, 0.1) url(../imgs/rz_icon.svg) no-repeat 0.22rem 0.24rem;
  background-size: 0.28rem;
  padding: 0.2rem 0.2rem 0.2rem 0.64rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #1B5DDB;
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.rz_box {
  border-bottom: 1px solid #F0F0F0;
  padding: 0.32rem 0.7rem 0.34rem 0.7rem;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.rz_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  font-size: 0.28rem;
  color: #262626;
  line-height: 0.48rem;
}
.rz_circle {
  border: 0.04rem solid rgba(27, 93, 219, 0.2);
  border-radius: 0.44rem;
  font-weight: bold;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  width: 0.44rem;
  line-height: 0.44rem;
  height: 0.44rem;
  margin-right: 0.12rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.rz_sub {
  background: linear-gradient(152deg, #588DF0 0%, #1B5DDB 100%);
  border-radius: 0.36rem;
  width: 0.36rem;
  line-height: 0.36rem;
  height: 0.36rem;
}
.rz_img {
  width: 100%;
  margin-top: 0.32rem;
}
.rz_box:last-child {
  border-bottom: none;
}
/* 俱乐部分享落地页 */
.club_top_box {
  width: 100%;
  height: 1.2rem;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.24rem;
  z-index: 99;
}
.club_top_left {
  display: flex;
}
.club_logo {
  width: 0.84rem;
  height: 0.84rem;
  margin-right: 0.16rem;
  border-radius: 0.42rem;
}
.club_title {
  font-weight: 500;
  font-size: 0.28rem;
  color: #262626;
  line-height: 0.32rem;
  margin-top: 0.08rem;
}
.club_text {
  color: #8C8C8C;
  margin-top: 0.12rem;
  font-size: 0.24rem;
  line-height: 0.24rem;
}
.club_download {
  width: 1.76rem;
  height: 0.56rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: white;
  border-radius: 0.36rem;
  background: linear-gradient( 135deg, #6B91EF 0%, #1B5DDB 100%);
}
.club_main {
  margin-top: 1.68rem;
  padding: 0 0.24rem;
}
.header {
  display: flex;
}
.header_logo {
  width: 1.32rem;
  height: 1.32rem;
  margin-right: 0.16rem;
  border-radius: 0.66rem;
}
.header_title {
  font-weight: 500;
  font-size: 0.32rem;
  color: #262626;
  line-height: 0.44rem;
  display: flex;
  display: flex;
  align-items: center;
}
.header_title img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.12rem;
}
.header_text {
  display: flex;
  color: #8C8C8C;
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-top: 0.14rem;
}
.header_text_span {
  color: #262626 !important;
  margin-left: 0.08rem;
  margin-right: 0.16rem;
}
.header_desc {
  color: #262626;
  font-size: 0.24rem;
  margin-top: 0.1rem;
}
.club_map {
  width: 100%;
  padding: 0.2rem 0.2rem 0.26rem 0.2rem;
  background: white;
  border-radius: 0.16rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.img_map {
  width: 100%;
  height: 2.52rem;
  border-radius: 0.12rem;
}
.map_location {
  display: flex;
  justify-content: space-between;
  color: #262626;
  font-size: 0.28rem;
  line-height: 0.36rem;
  margin-top: 0.26rem;
}
.map_location_text {
  display: flex;
}
.map_location_text img {
  width: 0.4rem;
  height: 0.4rem;
}
.map_location_nav {
  display: flex;
}
.map_location_nav img {
  width: 0.4rem;
  height: 0.4rem;
}
.map_location_nav span {
  margin-left: 0.04rem;
  color: #1C5EDC;
}
.club_introduce_title {
  height: 0.8rem;
  color: #262626;
  font-size: 0.32rem;
  text-indent: 0.18rem;
  position: relative;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.club_introduce_title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.26rem;
  border-radius: 0.04rem;
  width: 0.06rem;
  height: 0.28rem;
  background: linear-gradient( 90deg, #6B91EF 0%, #1B5DDB 100%);
}
.club_introduce_cont {
  width: 100%;
  max-height: 2.26rem;
  background-color: white;
  border-radius: 0.16rem;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}
.club_introduce_text {
  color: #595959;
  line-height: 0.44rem;
  font-size: 0.28rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.club_introduce_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.32rem;
  color: #1B5DDB;
  font-size: 0.24rem;
  margin-top: 0.2rem;
}
.club_introduce_footer img {
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.04rem;
}
.club_more {
  font-size: 0.24rem;
  color: #595959;
  display: flex;
  align-items: center;
  height: 0.32rem;
}
.club_more img{
  width: 0.28rem;
  height: 0.28rem;

}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 全屏loading样式 */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loading-spinner {
  text-align: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(27, 93, 219, 0.3);
  border-top: 4px solid #1B5DDB;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-text {
  margin-top: 10px;
  font-size: 14px;
  color: #1B5DDB;
}

.member-card-list {
  display: flex;
  padding-bottom: 0.20rem;
  flex-wrap: nowrap;
  overflow: auto;
}
.member-card-item {
  flex-shrink: 0;
  width: 2.84rem;
  height: 4.00rem;
  background-color: #ffffff;
  border-radius: 0.16rem;
  text-align: center;
  position: relative;
  margin-right: .16rem;
}
 .member-card-item-avatar-box {
  width: .92rem;
  height: .92rem;
  display: block;
  margin: .36rem auto 0;
  position: relative;
  border-radius: 50%;
}
.member-card-item-avatar {
  width: .92rem;
  height: .92rem;
  border-radius: 50%;
  display: block;
  border: .02rem solid #f6faff;
}
.member-card-item-name {
  font-size: .28rem;
  font-weight: 500;
  color: #262626;
  line-height: .28rem;
  margin-top: .26rem;
}
 .member-card-item-member {
  width: .32rem;
  height: .32rem;
  position: absolute;
  left: 50%;
  bottom: -0.14rem;
  transform: translateX(-50%);
}
.member-card-item-position {
  font-size: .22rem;
  color: #595959;
  line-height: .32rem;
  margin-top: .10rem;
}
.member-card-item-company {
  font-size: .20rem;
  color: #595959;
  line-height: .32rem;
  width: 2.20rem;
  margin: 0 auto;
}
.member-card-item-tag {
  font-size: .24rem;
  color: #2364f0;
  line-height: .36rem;
  margin-top: .10rem;
  width: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(209, 222, 255, 0) 20.3%,
    rgba(175, 198, 255, 0.48) 49.84%,
    rgba(217, 228, 255, 0) 80.48%,
    rgba(255, 255, 255, 0) 100%
  );
}
.member-card-item-btn {
  font-size: .24rem;
  color: #0D3FB9;
  margin: .22rem auto 0;
  width: 1.08rem;
  height: .52rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .26rem;
  border: .01rem solid #1c5edc;
  background-color: #f7f9ff;
}
 .member-card-item-auth-box {
  position: absolute;
  right: .12rem;
  top: .12rem;
  display: flex;
  justify-content: space-between;
  width: .70rem;
}
 .member-card-item-auth {
  width: .32rem;
  height: .32rem;
}
.active_vip .member-card-item-name {
  color: #af7c1f;
}
.active_vip .member-card-item-tag {
  color: #a7742d;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 179, 87, 0) 20%,
    rgba(255, 193, 101, 0.3) 50%,
    rgba(255, 179, 87, 0) 80%,
    rgba(255, 255, 255, 0) 100%
  );
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.photo-list {
  display: flex;
  background: #ffffff;
  border-radius: .16rem;
  padding: .20rem .24rem .18rem;
  margin-bottom: .20rem;
}

.photo-item {
  width: 2.08rem;
  margin-right: .16rem;
}

.photo-item:last-child {
  margin-right: 0;
}

.photo-item-img-box {
  position: relative;
  width: 100%;
  height: 2.02rem;
  overflow: hidden;
  border-radius: .12rem;
}

.photo-item-img {
  width: 2.08rem;
  height: 2.02rem;
  border-radius: .12rem;
}

.photo-item-img-mask {
  position: absolute;
  bottom: .04rem;
  right: .08rem;
  color: #fff;
  font-size: .24rem;
  line-height: .34rem;
  text-shadow: 0px 0px .04px rgba(0, 0, 0, 0.5);
}

.photo-item-title {
  font-size: .24rem;
  margin-top: .16rem;
  line-height: .34rem;
  text-align: center;
}
.photo-item-empty {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.photo-item-empty-img {
  width: 2.08rem;
  height: 2.08rem;
}
.photo-item-title-empty {
  font-size: .24rem;
  margin-top: .16rem;
  line-height: .34rem;
  text-align: center;
  color: #9ca5b6;
}

/* 会员卡片额外样式 */
.relative {
  position: relative;
}
.w-88rem {
  width: 0.88rem;
}
.h-88rem {
  height: 0.88rem;
}
.bottom-0 {
  bottom: 0;
}
.right-0 {
  right: 0;
}
.ml-18rem {
  margin-left: 0.18rem;
}
.ml-14rem {
  margin-left: 0.14rem;
}
.ml-12rem {
  margin-left: 0.12rem;
}
.ml-6rem {
  margin-left: 0.06rem;
}
.ml-4rem {
  margin-left: 0.04rem;
}
.mt-5rem {
  margin-top: 0.05rem;
}
.flex-1 {
  flex: 1;
}
.min-w-0 {
  min-width: 0;
}
.font-14-normal {
  font-size: 0.28rem;
  font-weight: normal;
}
.font-12-light {
  font-size: 0.24rem;
  font-weight: lighter;
}
.shrink-0 {
  flex-shrink: 0;
}
.w-408rem {
  width: 4.08rem;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.flex-col {
  flex-direction: column;
}
.min-h-40rem {
  min-height: 0.40rem;
}
.w-32rem {
  width: 0.32rem;
}
.h-32rem {
  height: 0.32rem;
}
.w-28rem {
  width: 0.28rem;
}
.h-28rem {
  height: 0.28rem;
}
.absolute {
  position: absolute !important;
}
.dynamic_item {
  background: white;
  border-radius: 0.16rem;
  margin-bottom: 0.2rem;
  padding: 0.2rem 0.2rem 0 0.2rem;
}
.dynamic_logo {
  width: 0.88rem;
  height: 0.88rem;
  border-radius: 50%;
}
.dynamic_content {
  margin-top: 0.18rem;
}
.dynamic_text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 0.28rem;
  color: #262626;
  line-height: 0.44rem;
  position: relative;
}
.dynamic_text_tag {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #6b91ef;
  z-index: 1;
  background-color: white;
}
.dynamic_tag {
  display: flex;
  margin-top: 0.2rem;
  width: 100%;
  overflow: hidden;
}
.dynamic_tag span {
  display: inline-block;
  padding: 0 0.16rem;
  font-size: 0.2rem;
  color: #1B5DDB;
  height: 0.4rem;
  display: flex;
  align-items: center;
  background: rgba(107,145,239,0.08);
  border: 0.01rem solid #6B91EF;
  border-radius: 0.2rem;
  margin-right: 0.16rem;
}
.dynamic_box {
  margin-top: 0.2rem;
}
.dynamic_video {
  position: relative;
  display: inline-block;
}
.dynamic_video_cover_box {
  position: relative;
  display: inline-block;
}
.dynamic_video_cover {
  width: 100%;
  height: auto;
  border-radius: 0.16rem;
  display: block;
}
.dynamic_video_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  z-index: 2;
}
.dynamic_media_box {
  margin-top: 0.2rem;
}
.dynamic_media_single {
  max-width: 100%;
  border-radius: 0.16rem;
  display: block;
}
.dynamic_media_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dynamic_media_item {
  width: 2.08rem;
  height: 2.08rem;
  border-radius: 0.16rem;
  margin-bottom: 0.2rem;
}
.dynamic_media_placeholder {
  width: 2.08rem;
}
.dynamic_ip{
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  color: #999999;
  font-size: 0.24rem;
}
.dynamic_footer{
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
}
.dynamic_footer_item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.74rem;
  height: 0.84rem;
}
.dynamic_footer_item img{
  width: 0.28rem;
  height: 0.28rem;
}
.dynamic_footer_item p{
  font-size: 0.28rem;
  color: #262626;
  margin-left: 0.08rem;
}
.club_footer {
  font-size: 0.28rem;
  color: #8c8c8c;
  font-weight: 500;
  line-height: 0.4rem;
  margin: 0.4rem 0;
  text-align: center;
}
.club_bottom_layer {
  width: 100%;
  height: 4.32rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
}
.club_app_down {
  width: 2.52rem;
  height: 0.76rem;
  background: linear-gradient( 135deg, #6B91EF 0%, #1B5DDB 100%);
  border-radius: 0.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  color: white;
  margin-top: 1.36rem;
}
.club_app_down img {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 0.26rem;
  margin-right: 0.08rem;
}
.club_unall {
  font-weight: 500;
  font-size: 0.28rem;
  color: #1B5DDB;
  line-height: 0.4rem;
  margin-top: 0.3rem;
}
.club_join {
  width: 4.82rem;
  height: 0.72rem;
  background: linear-gradient( 135deg, #6B91EF 0%, #1B5DDB 100%);
  border-radius: 0.36rem;
  margin-top: 0.56rem;
  font-weight: 500;
  font-size: 0.28rem;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 活动详情分享着陆页 */
.padding-24 {
  padding: 0 0.24rem;
}
.activity_box{
  margin-top: 1.2rem;
}
.activity_banner{
  width: 100%;
  height: 4.8rem;
}
.act-main {
  background-color: white;
  border-radius: .32rem .32rem 0px 0px;
  margin-top: -0.18rem;
  position: relative;
  padding-top: .32rem;
}

.act-main-title {
  font-size: .32rem;
  font-weight: 500;
  color: #262626;
  line-height: .44rem;
}

.act-main-cost {
  margin-top: .20rem;
  padding-bottom: .20rem;
  border-bottom: .01rem solid #f0f0f0;
}
.act-main-cost-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.act-main-cost-left {
  display: flex;
  align-items: center;
}
.act-main-cost-label {
  font-size: .28rem;
  color: #262626;
  line-height: .40rem;
  margin-right: .16rem;
  display: flex;
}

.act-main-cost-label-text {
  color: #de9a49;
  margin-left: .08rem;
}

.act-main-cost-price {
  font-size: .28rem;
  font-weight: 600;
  color: #d20c19;
  position: relative;
}
.act-main-cost-right {
  display: flex;
  align-items: center;
}
.act-main-content {
  padding: .32rem .24rem .20rem;
  position: relative;
}

.act-deadline {
  background: #ecf3ff;
  border-radius: .20rem 0rem 0rem .20rem;
  font-size: .24rem;
  line-height: .40rem;
  height: .40rem;
  padding: 0 .16rem;
  color: #1b5ddb;
  position: absolute;
  top: .16rem;
  right: 0;
}

.act-main-content-label {
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #8c8c8c;
  height: .34rem;
  margin-bottom: .04rem;
}

.act-main-content-value {
  font-size: .28rem;
  color: #262626;
  line-height: .40rem;
  display: flex;
}

.act-address-text {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  overflow-wrap: break-word;
}

.act-main-content-copy {
  font-size: .24rem;
  color: #8c8c8c;
  margin-left: .16rem;
  line-height: .40rem;
  flex-shrink: 0;
}
.act_icon {
  margin-right: 0.12rem;
  width: 0.28rem;
  height: 0.28rem;
}
.mt-20 {
  margin-top: 0.2rem;
}
.act-desc-box {
  margin-top: .20rem;
  background-color: white;
  padding: .20rem .24rem .30rem;
  margin-bottom: 1.12rem;
}

.act-desc-title {
  font-size: .32rem;
  font-weight: 500;
  color: #262626;
  line-height: .80rem;
  position: relative;
  text-indent: 0.18rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.act-desc-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.26rem;
  width: 0.06rem;
  height: 0.28rem;
  background: linear-gradient( 90deg, #6B91EF 0%, #1B5DDB 100%);
  border-radius: 0.045rem;
}

.act-desc-text {
  font-size: .28rem;
  color: #262626;
  line-height: .44rem;
  margin-bottom: .20rem;
}

.act-desc-img {
  width: 7.02rem;
  border-radius: .16rem;
  margin-bottom: .20rem;
  display: block;
}

.act-desc-text-br {
  font-size: .24rem;
  color: #8c8c8c;
  line-height: .36rem;
  background-color: #f6f6f6;
  padding: .20rem .28rem;
  border-radius: .16rem;
  margin-bottom: .20rem;
}

.act-desc-progress-box {
  font-size: .28rem;
  color: #595959;
}

.act-desc-progress-text {
  color: #1b5ddb;
}

.act-desc-progress {
  height: .12rem !important;
  width: 100% !important;
}

.act-desc-progress-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.act-desc-progress-more {
  display: flex;
  align-items: center;
  font-size: .24rem;
  color: #8c8c8c;
}

.act-desc-progress-item {
  display: flex;
  width: 5.88rem;
  overflow: hidden;
}

.act-desc-progress-item .act_user_logo {
  margin-right: -0.12rem;
  flex-shrink: 0;
}

.act-desc-progress-item .act_user_logo:nth-child(12) {
  margin-right: 0 !important;
}
.act_user_logo {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.3rem;
}
.act_right_icon {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.04rem;
}
.act-progress-box {
  width: 100%;
  height: 0.1rem;
  background: rgba(27, 93, 219, 0.14);
  border-radius: 0.2rem;
  margin-bottom: 0.2rem;
}
.act-progress-cont {
  height: 0.1rem;
  background: linear-gradient( 90deg, #3A96EF 0%, #1B5DDB 100%);
  border-radius: 0.2rem;
}
.act-footer {
  width: 100%;
  height: 1.12rem;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .32rem;
  border-top: .01rem solid #e5e5e5;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.act-footer-btn {
  height: .76rem;
  font-size: .28rem;
  font-weight: 500;
  border-radius: .38rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.act-footer-btn-kf {
  width: 1.64rem;
  background: #f7f9ff;
  border-radius: .40rem;
  border: .01rem solid #1c5edc;
  color: #1c5edc;
}

.act-footer-btn-join {
  width: 4.98rem;
  background: linear-gradient(135deg, #6b91ef 0%, #1b5ddb 100%);
  color: white;
}
.act_customer {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.12rem;
}
/* 商业快报 */
.daily_top {
  width: 7.5rem;
  height: 3.44rem;
  display: block;
}
.daily_main {
  width: 7.5rem;
  background: white;
  border-radius: 0.32rem 0.32rem 0px 0px;
  padding: 0.32rem 0.32rem 0 0.32rem;
  position: relative;
  top: -0.32rem;
}
.daily_content {
  font-size: 0.28rem;
  color: #595959;
  line-height: 0.44rem;
}
.daily_content img {
  max-width: 100%;
  display: inline;
  border-radius: 0.16rem;
}
.daily_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.24rem;
  color: #262626;
  line-height: 0.44rem;
  margin-bottom: 0.2rem;
  padding: 0 0.32rem;
}