/* 个人中心 */
header .set {
  width: 2rem;
  height: 2rem;
  background-position: -18.083rem -24.833rem;
}
.user_info {
  width: 100%;
  padding: 1rem 0 7rem 1.083rem;
  position: relative;
  background: linear-gradient(137deg, #94e9ff 2%, #b3cffc 18%, #dbf8ff 100%);
}
.user_info .user .left {
  overflow: hidden;
}
.user_info .user .left .user_name .name {
  overflow: hidden;
}
.user_info .user .left .user_name .name a {
  display: block;
  max-width: 31%;
  height: 2.083rem;
  line-height: 2.083rem;
  font-size: 1.5rem;
  color: #181818;
  overflow: hidden;
  word-break: break-all;
}
.user_info .user .left .user_name .name .ds {
  font-size: 1rem;
  color: #4a4a4a;
  margin-left: 0.5rem;
}
.user_info .user .left .user_name .name .sh {
  font-size: 1rem;
  margin-left: 0.5rem;
}
.user_info .user .left .user_name .edit {
  font-size: 1.167rem;
  color: #777777;
  margin-top: 0.333rem;
}
.user_info .user .left .user_name .expiration_time {
  margin-top: 0.333rem;
}
.user_info .user .left .user_name .expiration_time i {
  width: 1.667rem;
  height: 1.667rem;
  margin-right: 0.25rem;
  background-position: -15.5rem -16.333rem;
}
.user_info .user .left .user_name .expiration_time span {
  font-size: 1.167rem;
  color: #a57037;
}
.user_info .user .xf_vip {
  width: 5.333rem;
  height: 2.083rem;
  padding-left: 1.1rem;
  line-height: 2.083rem;
  font-weight: bold;
  font-size: 1.167rem;
  color: #f0c393;
  background: #4266a9;
  border-radius: 1.083rem 0 0 1.083rem;
}
.user_info .user .kt_vip {
  height: 2.167rem;
  font-size: 1.167rem;
  padding: 0 0.667rem 0 1.167rem;
  color: #f0c393;
  border-radius: 1.083rem 0 0 1.083rem;
  background: linear-gradient(142deg, #1d2d4c 0%, #4a5568 100%);
}
.user_info .user .kt_vip i {
  width: 2.333rem;
  height: 1.083rem;
  margin-right: 0.167rem;
  background-position: -18.833rem -16.333rem;
}
.user_info .detail {
  padding-right: 1.5rem;
  margin-top: 1.5rem;
}
.user_info .detail div .num,
.user_info .detail a .num {
  font-weight: bold;
  font-size: 1.667rem;
  color: #4a4a4a;
}
.user_info .detail div .num i,
.user_info .detail a .num i {
  font-size: 0.833rem;
  color: #4a4a4a;
  margin: 0 0 0.25rem 0.167rem;
}
.user_info .detail div .text,
.user_info .detail a .text {
  font-size: 1rem;
  color: #515151;
  margin-top: 0.167rem;
}
.user_info .account {
  padding: 1rem;
  background: #ffffff;
  border-radius: 0.5rem;
  position: absolute;
  right: 1rem;
  left: 1rem;
  bottom: -1.667rem;
}
.user_info .account .left {
  flex: 1;
  padding-right: 2rem;
}
.user_info .account .left .wdqb {
  font-weight: bold;
  font-size: 1.25rem;
}
.user_info .account .left .acc {
  margin-top: 0.583rem;
}
.user_info .account .left .acc div .num,
.user_info .account .left .acc a .num {
  font-weight: bold;
  font-size: 1.333rem;
  color: #181818;
}
.user_info .account .left .acc div .text,
.user_info .account .left .acc a .text {
  font-size: 0.833rem;
  color: #4a4a4a;
  margin-top: 0.167rem;
}
.user_info .account .left .acc div.kq,
.user_info .account .left .acc a.kq {
  width: 28%;
  padding-left: 0.25rem;
}
.user_info .account .left .acc div.zh,
.user_info .account .left .acc a.zh {
  width: 36%;
}
.user_info .account .left .acc div.bb .num,
.user_info .account .left .acc a.bb .num {
  color: #e24939;
}
.user_info .account .left .acc div.rig_line,
.user_info .account .left .acc a.rig_line {
  position: relative;
}
.user_info .account .left .acc div.rig_line::after,
.user_info .account .left .acc a.rig_line::after {
  display: inline-block;
  content: "";
  width: 0.083rem;
  height: 1.417rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #eeeeee;
}
.user_info .account .right {
  width: 18%;
}
.user_info .account .right a {
  width: 100%;
  height: 1.833rem;
  background: #fcf0e8;
  border-radius: 0.333rem;
}
.user_info .account .right a i {
  width: 1.333rem;
  height: 1.333rem;
  margin-right: 0.167rem;
}
.user_info .account .right a span {
  font-size: 1rem;
  color: #181818;
}
.user_info .account .right a.tx i {
  background-position: -9.5rem -16.333rem;
}
.user_info .account .right a.cz {
  margin: 1.333rem 0 0.5rem 0;
}
.user_info .account .right a.cz i {
  background-position: -12.5rem -16.333rem;
}
.user_info .account .right a.cz span {
  color: #e24939;
}
.profile {
  padding: 2.583rem 1rem 1.5rem;
}
.profile .gn_modle {
  padding: 0 1rem;
  margin-top: 0.417rem;
  border-radius: 0.667rem;
  background: #ffffff;
}
.profile .gn_modle a {
  width: 100%;
  height: 4rem;
}
.profile .gn_modle a p {
  font-size: 1.167rem;
  color: #181818;
}
.profile .gn_modle a p.new {
  position: relative;
}
.profile .gn_modle a p.new::after {
  display: inline-block;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #dc0000;
  border-radius: 50%;
  position: absolute;
  top: 0.167rem;
  right: -0.8rem;
}
.profile .gn_modle a i {
  width: 1.417rem;
  height: 1.417rem;
  background-position: -27.75rem -24.833rem;
}
.profile .gn_modle a > span {
  font-size: 1.167rem;
  color: #4a4a4a;
}
.profile .gn_modle a:not(:last-of-type) {
  border-bottom: 0.083rem solid #e0e0e0;
}
/* 开通会员 */
.kt_vip .vip_box {
  margin-top: 2.75rem;
  position: relative;
  padding: 0.917rem 0.667rem 0.833rem 1rem;
  background: linear-gradient(180deg, #dceaff 0%, #ffffff 100%);
  border-radius: 0.5rem;
}
.kt_vip .vip_box .crown {
  display: block;
  width: 7rem;
  height: 5.833rem;
  position: absolute;
  right: 0.667rem;
  top: -2.333rem;
  background: url(../m8300/images/crown.png) no-repeat left center / 100% 100%;
}
.kt_vip .vip_box .info .vip {
  display: block;
  width: 4.25rem;
  height: 1.833rem;
  background: url(../m8300/images/vip.png) no-repeat left center / 100%;
}
.kt_vip .vip_box .info .name {
  font-size: 1.167rem;
  margin-top: 1rem;
}
.kt_vip .vip_box .info .tip {
  font-size: 1rem;
  color: #999999;
}
.kt_vip .vip_box .button {
  height: 2.083rem;
  padding: 0 1.167rem;
  font-weight: bold;
  font-size: 1.167rem;
  color: #000000;
  background: linear-gradient(176deg, #feffff 0%, #ccecfb 100%);
  border-radius: 1.083rem;
}
.kt_vip .hyqy {
  margin-top: 1rem;
  padding: 1.333rem 1rem 1rem;
  background: #ffffff;
  border-radius: 0.667rem;
}
.kt_vip .hyqy .text {
  font-weight: bold;
  font-size: 1.5rem;
}
.kt_vip .hyqy .qy {
  margin-top: 0.167rem;
}
.kt_vip .hyqy .qy a {
  display: block;
  margin-top: 0.667rem;
  padding: 0.75rem 0.5rem;
  background: linear-gradient(180deg, #fef9f5 0%, #fcf0e8 100%);
  border-radius: 0.5rem;
}
.kt_vip .hyqy .qy a .til i {
  width: 1.667rem;
  height: 1.5rem;
  margin-right: 0.333rem;
  background-position: -10.667rem -41.167rem;
}
.kt_vip .hyqy .qy a .til span {
  font-weight: bold;
  font-size: 1.167rem;
  color: #87584e;
}
.kt_vip .hyqy .qy a .desc {
  font-size: 0.917rem;
  color: #999999;
  margin-top: 0.167rem;
  padding-left: 2rem;
}
.kt_vip .hyqy .qy a.vipzs {
  width: 32%;
  margin-right: 2%;
}
.kt_vip .hyqy .qy a.mfjq {
  width: 32%;
  margin-right: 2%;
  position: relative;
}
.kt_vip .hyqy .qy a.mfjq::after {
  display: inline-block;
  content: "";
  width: 3.5rem;
  height: 1rem;
  position: absolute;
  top: -0.333rem;
  right: -0.333rem;
  background: url(../m8300/images/bcw_all1.png) no-repeat -12.667rem -0.111rem/29.75rem 47.583rem;
}
.kt_vip .hyqy .qy a.vipzszx {
  width: 49%;
  margin-right: 2%;
}
.kt_vip .hyqy .qy a.dsjys {
  width: 62%;
  margin-right: 2%;
}
.kt_vip .swiper {
  width: 100%;
  height: 2.667rem;
  margin-top: 1rem;
  background: #ffffff;
  border-radius: 0.5rem;
  overflow: hidden;
}
.kt_vip .swiper .swiper-slide {
  padding: 0 1rem;
  color: #4a4a4a;
  font-size: 1.083rem;
  overflow: hidden;
}
.kt_vip .swiper .swiper-slide i {
  width: 1.333rem;
  height: 1.083rem;
  margin-right: 0.333rem;
  background-position: -13.25rem -37.817rem;
}
.kt_vip .swiper .swiper-slide span {
  margin: 0 0.333rem;
}
.kt_vip .vip_type {
  margin-top: 1.3333rem;
}
.kt_vip .vip_type .title {
  font-weight: bold;
  font-size: 1.3333rem;
  margin-bottom: 0.8333rem;
}
.kt_vip .vip_type .type {
  width: 48%;
  height: 4.5rem;
  background: #ffffff;
  border-radius: 0.3333rem;
  position: relative;
  border: 0.0833rem solid #ffffff;
}
.kt_vip .vip_type .type .type_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.6667rem;
  height: 1.25rem;
  font-size: 0.8333rem;
  color: #ffffff;
  background: #cecece;
  border-radius: 0.3333rem 0.0833rem 1.5rem 0rem;
}
.kt_vip .vip_type .type .text i {
  font-size: 1rem;
}
.kt_vip .vip_type .type .text span {
  font-weight: bold;
  font-size: 1.8333rem;
}
.kt_vip .vip_type .type .text p {
  font-size: 1rem;
  margin-left: 0.25rem;
}
.kt_vip .vip_type .active {
  border: 0.0833rem solid #f2bf86;
  background: #fffaf2;
}
.kt_vip .vip_type .active .type_text {
  background: #f2d496;
}
.kt_vip .vip_type .active .text i,
.kt_vip .vip_type .active .text span {
  color: #f0bb61;
}
.kt_vip .btn {
  width: 100%;
  height: 3.333rem;
  margin-top: 1.25rem;
  background: url(../m8300/images/vip_btn.png) no-repeat left center / 100%;
}
.kt_vip .btn .text {
  display: block;
  width: 70%;
  text-align: center;
  font-size: 1.25rem;
  color: #ffffff;
}
.kt_vip .btn .kt {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #ffffff;
}
.kt_vip .wxts {
  font-weight: bold;
  font-size: 1.333rem;
  margin-top: 1.25rem;
}
.kt_vip .tips {
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem 1rem;
  background: #ffffff;
  border-radius: 0.333rem;
}
.kt_vip .tips p {
  font-size: 0.833rem;
  color: #4a4a4a;
  line-height: 1.167rem;
  margin-top: 0.333rem;
}
/* 支付页面 */
.pay_page {
  padding-top: 0.4167rem;
}
.pay_page .item {
  height: 3.3333rem;
  font-size: 1.1667rem;
  background: #ffffff;
  border-bottom: 0.0833rem solid #e0e0e0;
}
.pay_page .item .text {
  color: #4a4a4a;
}
.pay_page .item .gray {
  color: #999999;
}
.pay_page .item .qxz i {
  width: 0.75rem;
  height: 0.5rem;
  margin-left: 0.1667rem;
  background-position: -6.0833rem -33.7667rem;
}
.pay_page .yhq .yhq_box {
  height: 0;
  overflow: hidden;
}
.pay_page .yhq .item {
  border-bottom: none;
}
.pay_page .yhq.more .yhq_box {
  height: auto;
}
.pay_page .yhq.more .qxz i {
  background-position: -28.4167rem -37.89rem;
}
.pay_page .yhq_box {
  padding-left: 1.3333rem;
  border-bottom: 0.0833rem solid #e0e0e0;
}
.pay_page .p_text {
  font-weight: bold;
  font-size: 1.3333rem;
  margin-top: 1.6667rem;
}
.pay_page .wrap {
  margin-top: 1rem;
}
.pay_page .wrap .pay_type {
  width: 17.3333rem;
  height: 4rem;
  padding-left: 1rem;
  background: #ffffff;
  position: relative;
  border-radius: 0.1667rem;
  border: 0.0833rem solid #5c78f5;
}
.pay_page .wrap .pay_type i {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  background-position: -12.5833rem -16.4167rem;
}
.pay_page .wrap .pay_type .con span:first-of-type {
  font-weight: bold;
  font-size: 1.1667rem;
}
.pay_page .wrap .pay_type .con span:last-of-type {
  font-size: 0.8333rem;
  color: #999999;
}
.pay_page .wrap .pay_type::after {
  display: inline-block;
  content: "";
  width: 2.25rem;
  height: 2rem;
  position: absolute;
  bottom: -0.0833rem;
  right: -0.0833rem;
  background: url(../m8300/images/selected.png) no-repeat left center / 100% 100%;
}
.pay_page .wrap .go_cz {
  color: #4a4a4a;
  font-size: 1.1667rem;
  margin-left: 1.8333rem;
}
.pay_page .wrap .go_cz span {
  text-decoration: underline;
}
.pay_page .btn {
  width: 100%;
  height: 3.8333rem;
  border: none;
  font-weight: bold;
  font-size: 1.3333rem;
  color: #ffffff;
  margin-top: 2.5rem;
  border-radius: 0.6667rem;
}
.pay_page .hint {
  margin-top: 0.6667rem;
}
.pay_page .hint .zyts {
  margin-top: 1rem;
  font-size: 1.1667rem;
  color: #4a4a4a;
}
.pay_page .hint .tip {
  font-size: 1rem;
  color: #999999;
  margin-top: 0.5rem;
}
/* 红包卡券 */
.coupon {
  padding-top: 0;
}
.coupon .pt_cut {
  margin: 0 -1rem 1rem;
  padding-left: 1rem;
}
.coupon .lists {
  display: none;
}
.coupon .lists.show {
  display: block;
}
.coupon .hint {
  font-size: 1.1667rem;
  color: #4a4a4a;
  margin-top: 3rem;
}
.coupon .hint .tip {
  font-size: 1rem;
  color: #999999;
  margin-top: 0.25rem;
}
.yhqitem {
  width: 100%;
  min-height: 6.6667rem;
  background: url(../m8300/images/yhq_bg.png) no-repeat center center / 100% 100%;
  position: relative;
  margin-bottom: 1rem;
}
.yhqitem .y_mon {
  max-width: 5.7333rem;
  min-width: 4.1667rem;
  margin-left: 0.5833rem;
  overflow: hidden;
  margin-right: 1.25rem;
}
.yhqitem .y_mon .text {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1.4333rem;
}
.yhqitem .y_mon > span {
  font-weight: bold;
  font-size: 2.6667rem;
  letter-spacing: -0.0667rem;
}
.yhqitem .dea {
  max-width: 15rem;
  overflow: hidden;
}
.yhqitem .dea .name {
  font-size: 1.1667rem;
  height: 1.6667rem;
  overflow: hidden;
}
.yhqitem .dea .date {
  font-size: 0.8333rem;
  color: #5c78f5;
  margin: 0.5rem 0;
}
.yhqitem .dea > .des {
  font-size: 0.8333rem;
  color: #4a4a4a;
}
.yhqitem .lq {
  width: 2rem;
  height: 2rem;
  border: 0.1667rem solid #ffffff;
  border-radius: 50%;
  position: absolute;
  right: 11%;
  background-position: 2rem;
}
.yhqitem .ljlq,
.yhqitem .ygq {
  width: 26%;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.1667rem;
  text-align: center;
  position: absolute;
  right: 0;
}
.yhqitem.ygq {
  background: url(../m8300/images/yhq_ygq.png) no-repeat center center / 100% 100%;
}
.yhqitem.ygq .y_mon,
.yhqitem.ygq .name,
.yhqitem.ygq .date,
.yhqitem.ygq .des {
  color: #bbbbbb;
}
.yhqitem.active > .lq {
  background-position: -27rem -28.5rem;
  border: none;
}
/* 联系我们 */
.contact {
  padding: 1.2rem;
}
.contact .block {
  padding: 1rem;
  background: #ffffff;
  border-radius: 1rem;
}
.contact .block:not(:first-of-type) {
  margin-top: 1rem;
}
.contact .contact_info .kf .icon {
  width: 3.3333rem;
  height: 3.4167rem;
  margin-right: 1.3333rem;
  border-radius: 0.5rem;
}
.contact .contact_info .kf .text {
  font-size: 1.1667rem;
  color: #6b7280;
}
.contact .contact_info .kf .mark {
  margin-top: 0.3333rem;
}
.contact .contact_info .kf .mark span {
  font-weight: bold;
  font-size: 1.1667rem;
  color: #1f2937;
}
.contact .contact_info .kf .mark .copy {
  width: 1.0833rem;
  height: 1.5rem;
  margin-left: 0.5rem;
}
.contact .contact_info .kf:not(:first-of-type) {
  margin-top: 1rem;
}
.contact .wx_code {
  font-size: 1.1667rem;
}
.contact .wx_code .title {
  color: #4b5563;
}
.contact .wx_code .code {
  width: 16rem;
  height: 16rem;
  margin: 0.3rem 0;
}
.contact .wx_code .text {
  color: #6b7280;
}
.contact .remind {
  font-size: 1.1667rem;
}
.contact .remind .title {
  font-weight: bold;
  color: #1f2937;
}
.contact .remind > div {
  line-height: 2.2rem;
}
.contact .remind > div span {
  width: 0.9167rem;
  min-width: 0.9167rem;
  height: 0.9167rem;
  margin-top: 0.6rem;
  margin-right: 0.3333rem;
  background-position: -28.8333rem -16.4167rem;
}
.contact .zxkf {
  position: relative;
  padding: 1.3333rem 0;
}
.contact .zxkf > img {
  width: 8.75rem;
  height: 8.75rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.contact .zxkf .kf_right {
  margin-left: 9rem;
}
.contact .zxkf .kf_right .t {
  display: flex;
  align-items: center;
}
.contact .zxkf .kf_right .t span {
  font-size: 1.3333rem;
}
.contact .zxkf .kf_right .t .ljzx {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-left: 1rem;
  font-size: 1.3333rem;
  color: #ffffff;
  background: #5c78f5;
  border-radius: 0.5rem;
}
.contact .zxkf .kf_right .xq {
  font-size: 1.1667rem;
  color: #777777;
  margin-top: 1rem;
}