html {
    font-size: calc(100 / 1920 * 100vw);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
}

a:hover {
    -webkit-filter: brightness(120%);
    -ms-filter: brightness(120%);
    -o-filter: brightness(120%);
    -moz-filter: brightness(120%);
    opacity: 0.85\0;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a.geted {
    pointer-events: none;
}

body {
    background-color: #fff;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #333;
}

a {
    text-decoration: none;
    color: inherit;
}

li {
    list-style: none;
}

/* 页面部分 */
.indexPage {
    width: 100%;
    display: block;
    height: 49.56rem;
    background: url(../../../../../images/pc/activity/invitation/index.jpg)top center no-repeat;
    background-size: 100% 100%;
    position: relative;
}

/* 可修改 */
.indexPage .header {
    width: 18rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: .2rem 0rem 0 0rem;
}

.header a {
    display: inline-block;
    width: 3.11rem;
    height: 1.29rem;
    background: url(../../../../../images/pc/activity/invitation/logo.png) no-repeat;
    background-size: 100% 100%;
}

.header a:nth-child(2) {
    width: 1.83rem;
    height: .69rem;
    background: url(../../../../../images/pc/activity/invitation/btn-gw.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .2rem;
}

.main {
    margin-top: 7.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login {
    font-size: .18rem;
    color: #ffffff;
    text-align: center;
}

.login a {
    color: #ff0000;
}

.active-time {
    font-size: .31rem;
    text-shadow: .01rem .01rem .01rem rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 10.11rem;
    height: .31rem;
    background: url(../../../../../images/pc/activity/invitation/time-bg.png) no-repeat center;
    background-size: 100% 100%;
    line-height: .31rem;
    text-align: center;
    margin: auto;
    margin-top: 2.6rem;
    position: relative;
}

.card1 {
    margin-top: .5rem;
    background: url(../../../../../images/pc/activity/invitation/card1.png);
    background-size: 100% 100%;
    width: 14.39rem;
    height: 4.7rem;
    padding-top: .95rem;
    padding-right: 2.2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.card1>.card1-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 4.55rem;
    margin-bottom: .23rem;
    color: #714526;
    font-size: .2rem;
}

.card1>.card1-flex>a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-cj.png);
    background-size: 100% 100%;
    width: 1.83rem;
    height: .69rem;
}

.card1>.card1-flex:nth-child(2)>a {
    background: url(../../../../../images/pc/activity/invitation/btn-yy.png);
    background-size: 100% 100%;
}

.card1>.card1-flex:nth-child(3)>a {
    background: url(../../../../../images/pc/activity/invitation/btn-fx.png);
    background-size: 100% 100%;
}


.card2 {
    position: relative;
    background: url(../../../../../images/pc/activity/invitation/card2.png);
    background-size: 100% 100%;
    width: 16.08rem;
    height: 7.13rem;
    padding-top: .9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.1rem;
}

.card2-p {
    background: url(../../../../../images/pc/activity/invitation/card2-nav.png);
    background-size: 100% 100%;
    width: 4.5rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    color: #fff;
    font-size: .24rem;
}

.card2-view {
    display: flex;
    justify-content: space-between;
    width: 13.43rem;
    margin-top: .2rem;
}

.card2-view>a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/banner-1.png);
    background-size: 100% 100%;
    width: 1.82rem;
    height: 2.92rem;
}

.card2-view>a:nth-child(2) {
    background: url(../../../../../images/pc/activity/invitation/banner-2.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(3) {
    background: url(../../../../../images/pc/activity/invitation/banner-3.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(4) {
    background: url(../../../../../images/pc/activity/invitation/banner-4.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(5) {
    background: url(../../../../../images/pc/activity/invitation/banner-5.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(6) {
    background: url(../../../../../images/pc/activity/invitation/banner-6.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(7) {
    background: url(../../../../../images/pc/activity/invitation/banner-7.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(1).al {
    background: url(../../../../../images/pc/activity/invitation/banner-1-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(2).al {
    background: url(../../../../../images/pc/activity/invitation/banner-2-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(3).al {
    background: url(../../../../../images/pc/activity/invitation/banner-3-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(4).al {
    background: url(../../../../../images/pc/activity/invitation/banner-4-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(5).al {
    background: url(../../../../../images/pc/activity/invitation/banner-5-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(6).al {
    background: url(../../../../../images/pc/activity/invitation/banner-6-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(7).al {
    background: url(../../../../../images/pc/activity/invitation/banner-7-l.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(1).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-1-a.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(2).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-2-a.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(3).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-3-a.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(4).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-4-a.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(5).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-5-a.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(6).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-6-a.png);
    background-size: 100% 100%;
}

.card2-view>a:nth-child(7).geted {
    background: url(../../../../../images/pc/activity/invitation/banner-7-a.png);
    background-size: 100% 100%;
}


.card2-view>a:nth-child(2),
.card2-view>a:nth-child(4),
.card2-view>a:nth-child(6) {
    margin-top: .7rem;
}

.card2-rw {
    position: absolute;
    left: 0;
    bottom: 1.2rem;
    z-index: 101;
    width: 1.79rem;
    height: 1.97rem;
}

.card2-line {
    position: absolute;
    bottom: .95rem;
    left: .4rem;
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/line-1.png);
    background-size: 100% 100%;
    width: 14.98rem;
    height: 1.99rem;
}

.card2-line.d1 {
    background: url(../../../../../images/pc/activity/invitation/line-2.png);
    background-size: 100% 100%;
}

.card2-line.d2 {
    background: url(../../../../../images/pc/activity/invitation/line-3.png);
    background-size: 100% 100%;
}

.card2-line.d3 {
    background: url(../../../../../images/pc/activity/invitation/line-4.png);
    background-size: 100% 100%;
}

.card2-line.d4 {
    background: url(../../../../../images/pc/activity/invitation/line-5.png);
    background-size: 100% 100%;
}

.card2-line.d5 {
    background: url(../../../../../images/pc/activity/invitation/line-6.png);
    background-size: 100% 100%;
}

.card2-line.d6 {
    background: url(../../../../../images/pc/activity/invitation/line-7.png);
    background-size: 100% 100%;
}

.card2-line.d7 {
    background: url(../../../../../images/pc/activity/invitation/line-8.png);
    background-size: 100% 100%;
}


.card3 {
    margin-top: .95rem;
    background: url(../../../../../images/pc/activity/invitation/card3.png);
    background-size: 100% 100%;
    width: 14.79rem;
    height: 9.74rem;
    padding-top: 1.52rem;
    position: relative;
}

.card3-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 11.42rem;
    margin: auto;
}

.card3-flex {
    display: flex;
    align-items: center;
    width: 5.27rem;
    justify-content: space-between;
}

.card3-flex input {
    width: 1.95rem;
    height: .3rem;
    line-height: .3rem;
    border-radius: .3rem;
    color: #fff8e0;
    background: #714526;
    font-size: .16rem;
    padding: 0 .15rem;
}

.card3-flex p {
    color: #714526;
    font-size: .3rem;
    font-family: 'MyCustomFont', sans-serif;
}

.card3-flex:nth-child(2) {
    width: 5.9rem;
}

.card3-flex>a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-fz.png);
    background-size: 100% 100%;
    width: 1.57rem;
    height: .59rem;
}

.card3-flex:nth-child(2)>a {
    background: url(../../../../../images/pc/activity/invitation/btn-bd.png);
    background-size: 100% 100%;
}

.card3-title {
    color: #714526;
    font-size: .3rem;
    font-family: 'MyCustomFont', sans-serif;
    text-align: center;
    margin-top: 0rem;
    padding-left: .6rem;
}

.card3-nav {
    background: url(../../../../../images/pc/activity/invitation/card3-nav.png);
    background-size: 100% 100%;
    width: 4.91rem;
    height: .69rem;
    text-align: center;
    color: #fff9e6;
    font-size: .26rem;
    display: flex;
    align-items: flex-end;
    padding: 0 0 .17rem .15rem;
    margin: .15rem 0 0 .08rem;
}

.card3-nav p {
    font-size: .32rem;
}


.card3-bottom {
    display: flex;
}

.card3-left {
    width: 4.77rem;
    height: 4.5rem;
    margin-top: .5rem;
    margin-left: .74rem;
    padding-top: .1rem;
}

.card3-header {
    display: flex;
    padding-left: .08rem;
}

.header-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 1.65rem;
    color: #714526;
    font-size: .18rem;
    font-weight: 700;
    margin-top: .6rem;
    width: 1.44rem;
}

.header-left .header-bg {
    background: url(../../../../../images/pc/activity/invitation/header-bg.png);
    background-size: 100% 100%;
    width: 1.15rem;
    height: 1.29rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-left .header-bg>img {
    width: .92rem;
    height: 1.03rem;
}

.header-right {
    display: flex;
    flex-wrap: wrap;
    gap: .12rem 0;
    width: 3.08rem;
    justify-content: space-between;
    margin-left: .05rem;
}

.header-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #714526;
    font-size: .18rem;
    font-weight: 700;
    width: 1.44rem;
    height: 1.38rem;
}

.header-flex>p {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-left>p {
    width: 100%;
    text-align: center;
    padding-right: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-right .header-bg {
    background: url(../../../../../images/pc/activity/invitation/header-bg.png);
    background-size: 100% 100%;
    width: .92rem;
    height: 1.03rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-right .header-bg>img {
    width: .74rem;
    height: .84rem;
}

.card3-left-p {
    color: #714526;
    font-size: .2rem;
    font-weight: 700;
    margin-top: .15rem;
    padding-left: .15rem;
}

.card3-btn {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 3.44rem;
    margin-left: 2.8rem;
    margin-top: 1.0rem;
}

.card3-btn>a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-lq.png);
    background-size: 1.26rem;
    width: 1.26rem;
    height: .48rem;
}

.card3-btn>a.geted {
    background-position-y: -0.99rem;
}

.card3-right {
    width: 3.04rem;
    height: 4.72rem;
    margin: .28rem 0 0 .87rem;
    padding-top: .09rem;
    position: relative;
}

.card3-box {
    width: 2.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: .49rem .262rem;
    margin-left: .16rem;
}

.turntable img {
    opacity: 0;
    width: .73rem;
    height: .66rem;
}

.turntable .brighten {
    opacity: 1;
}

.card3-right-p {
    color: #332006;
    font-size: .23rem;
    margin: .5rem 0 0 0rem;
}

.btn-one {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-one.png);
    background-size: 100% 100%;
    width: 1.51rem;
    height: .57rem;
    position: absolute;
    bottom: .22rem;
    left: .8rem;
}

.btn-jl {
    display: inline-block;
    color: #332006;
    font-size: .18rem;
    text-decoration: underline;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
}

.card4 {
    display: flex;
    background: url(../../../../../images/pc/activity/invitation/card4.png);
    background-size: 100% 100%;
    width: 14.77rem;
    height: 9.53rem;
    padding-top: 1.54rem;
    padding-left: .75rem;
    margin-top: .6rem;
    position: relative;
}

.card4-banner {
    position: absolute;
    width: 2.82rem;
    height: 3.1rem;
    top: -116px;
    right: -126px;

}

.card4-left {
    width: 7.63rem;
    position: relative;
}

.card4-title {
    display: flex;
    justify-content: space-between;
    color: #332006;
    font-size: .18rem;
}

.card4-btn {
    width: 100%;
    height: 3.8rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: .18rem;
}

.card4-btn>a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-lq2.png);
    background-size: 1.57rem;
    width: 1.57rem;
    height: .59rem;
}

.card4-btn>a.disable {
    background: url(../../../../../images/pc/activity/invitation/btn-get-geted.png);
    background-size: 100% 100%;
}

a.disable {
    pointer-events: none;
}

.card4-btn>a.geted {
    background-position-y: -0.96rem;
}

.card4-p {
    color: #714526;
    font-size: .2rem;
    margin-top: .4rem;
    padding-left: .2rem;
}

.card4-p>span {
    color: #ce1a02;
}

.card4-right {
    width: 4.48rem;
    height: 1.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    position: absolute;
    bottom: 1.7rem;
    right: 1.1rem;
}

.card4-a {
    display: inline-block;
    position: absolute;
    top: 1.3rem;
    right: 2.25rem;
    color: #ce1a02;
    font-size: .17rem;
    text-decoration: underline;
}

.card4-num {
    color: #564a3c;
    font-size: .36rem;
}

.card4-num>span {
    color: #564a3c;
    font-size: .3rem;
    font-family: 'MyCustomFont', sans-serif;
}

.card4-right-a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-lqjl.png);
    background-size: 100% 100%;
    width: 1.44rem;
    height: .54rem;
}

.card4-right-a.disable {
    background: url(../../../../../images/pc/activity/invitation/btn-get-geted.png);
    background-size: 100% 100%;
}

.card4-title2 {
    color: #332006;
    font-size: .18rem;
    text-align: left;
    margin-top: .05rem;
    padding-left: .1rem;
}




.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}


.popup-cj {
    background: url(../../../../../images/pc/activity/invitation/popup-cj.png);
    background-size: 100% 100%;
    width: 7.89rem;
    height: 3.54rem;
    padding-top: 0.93rem;
}

.cj-close {
    position: absolute;
    right: 0.19rem;
    top: .22rem;
    font-size: .28rem;
    opacity: 0;
}

.cj-content {
    font-size: .14rem;
    color: #332006;
    margin: 0rem 0 0 .6rem;
    line-height: 1.3;
}


.popup-fz {
    background: url(../../../../../images/pc/activity/invitation/popup-fz.png);
    background-size: 100% 100%;
    width: 7.89rem;
    height: 2.94rem;
    padding-top: 1.73rem;
}

.fz-close {
    position: absolute;
    right: 0.19rem;
    top: .22rem;
    font-size: .28rem;
    opacity: 0;
}

.popup-detail {
    background: url(../../../../../images/pc/activity/invitation/popup.png);
    background-size: 100% 100%;
    width: 9.19rem;
    height: 6.14rem;
    padding-top: 1.73rem;
}

.detail-close {
    position: absolute;
    right: 0.19rem;
    top: .22rem;
    font-size: .28rem;
    opacity: 0;
}

.tablePages {
    width: 100%;
    margin: 0 auto;
    color: #714526;
    height: 3.45rem;
    line-height: .318rem;
}

.tablePages .itemClass {
    display: flex;
    align-items: center;
    font-size: .16rem;
    font-weight: 700;
    padding-left: .78rem;
}

.tablePages .itemClass span {
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
    display: block;
    text-align: center;
}

.tablePages .itemClass .one {
    width: 3.84rem;
}

.tablePages .itemClass .two {
    width: 3.85rem;
    padding: 0 .1rem;
}

#pagings {
    text-align: center;
    width: 5.08rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    font-weight: 700;

}

#pagings .layui-laypage a {
    background-color: transparent;
    border: none;
    color: #714526 !important;
    font-weight: 700;
}

#pagings .layui-disabled {
    color: #714526 !important;
}



.left-btn {
    position: fixed;
    left: 0;
    top: 5.76rem;
    z-index: 1000;
    transition: left 0.4s ease-in-out, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.left-btn.collapsed {
    left: -2.66rem;
}

.left-bg {
    padding-top: .15rem;
    width: 2.63rem;
    height: 1.76rem;
    background: url(../../../../../images/pc/activity/invitation/nav-2.png) no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.left-bg>a {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-down.png);
    background-size: cover;
    width: 1.99rem;
    height: .72rem;
}

.left-bg>a:nth-child(2) {
    background: url(../../../../../images/pc/activity/invitation/btn-ycj.png);
    background-size: cover;
    width: 2.26rem;
    height: .72rem;
}

.icon-top {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/icon-top.png);
    background-size: 100% 100%;
    width: .84rem;
    height: .52rem;
    margin: auto;
    margin-top: -0.13rem;
}

.left-two {
    display: none;
    padding-top: .8rem;
    width: 2.66rem;
    height: 3.58rem;
    background: url(../../../../../images/pc/activity/invitation/btn-nav-bg.png) no-repeat;
    background-size: cover;
}

.left-two>p {
    color: #6a3609;
    font-size: .14rem;
    line-height: .45rem;
    text-align: left;
    padding-left: .42rem;
}

.left-two-fh {
    display: inline-block;
    background: url(../../../../../images/pc/activity/invitation/btn-fh.png);
    background-size: cover;
    width: 1.99rem;
    height: .72rem;
    margin-top: .5rem;
}


.left-form {
  position: fixed;
  left: 0;
  top: 1rem;
  z-index: 1000;
  width: 2.66rem;
  height: 4.91rem;
  background: url(../../../../../images/pc/register-small-bg.png) no-repeat;
  background-size: cover;
  transition: left 0.4s ease-in-out,
    box-shadow 0.3s ease,
    transform 0.3s ease,
    opacity 0.3s ease;
}

.left-form.collapsed {
  left: -2.66rem;
}

.left-form.collapsed .five-register .sub-img {
  left: auto;
  right: -0.28rem;
}

.left-form .five-register {
  position: relative;
}

.left-form .five-register .sub-img {
  position: absolute;
  top: 1%;
  transform: translateY(-50%);
  right: -0.28rem;
}

.left-form .five-register .sub-img img {
  width: 0.3rem;
  height: 0.76rem;
  cursor: pointer;
  transition: transform 0.3s ease,
    filter 0.2s ease,
    opacity 0.2s ease;
}

.left-form .five-register .sub-img img:hover {
  filter: brightness(1.15);
  opacity: 0.85;
  transform: scale(1.05);
}

.left-form .register {
  margin: 0.65rem auto 0;
}

/* 注册表单样式 */
.register {
  width: 2.35rem;
  height: 3.8rem;
}

.register-tabs {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  margin-bottom: 0.1rem;
  align-items: center;
}

.register-tabs a {
  display: inline-block;
  width: 0.45rem;
  height: 0.21rem;
  background: url(../../../../../images/pc/register-tab-btn.png) no-repeat;
  background-size: cover;
}

.register-tabs a:nth-child(2) {
  background-position-y: -0.21rem;
}

.register-tabs a.active {
  display: inline-block;
  width: 1.07rem;
  height: 0.35rem;
  background: url(../../../../../images/pc/register-tab-btn-active.png) no-repeat;
  background-size: cover;
}

.register-tabs a.active:nth-child(2) {
  background-position-y: -0.35rem;
}

.tab-content-form {
  display: none;
  text-align: center;
}

.phone-tab-partTwo {
  height: 2.6rem;
  overflow-y: auto;
}

.phone-tab-partTwo::-webkit-scrollbar {
  width: 0.03rem;
  border-radius: 0.03rem;
}

.phone-tab-partTwo::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.03rem;
}

/* 修改滚动条滑块颜色 */
.phone-tab-partTwo::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
  border-radius: 0.03rem;
}

.tab-content-form.active {
  display: block;
  text-align: center;

}

.form-group {
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
  gap: 0.05rem;
}

.form-group label {
  font-size: 0.14rem;
  color: #6a3609;
  font-weight: 500;
  text-align: right;
  width: 0.65rem;
}

.form-group label[for="verify-code-personality"],
.form-group label[for="verify-code-phone"] {
  margin-bottom: 0;
}

.input-field {
  width: 1.49rem;
  height: 0.27rem;
  padding: 0.04rem 0.1rem;
  border: 0.01rem solid #6f4532;
  font-size: 0.14rem;
  box-sizing: border-box;
  font-family: inherit;
  transition: border-color 0.3s ease;
}

.input-field:focus {
  outline: none;
  border-color: #6f4532;
}

.sms-group {
  display: flex;
  justify-content: center;
}

.verify-group label,
.sms-group label {
  margin-bottom: 0;
  flex-shrink: 0;
}



.verify-img {
  width: 1.11rem;
  height: 0.41rem;
}

.form-group p {
  color: #6a3609;
  font-size: 0.13rem;
  cursor: pointer;
}

.sms-btn {
  padding: 0 0.2rem;
  height: 0.3rem;
  background: transparent;
  color: #6a3609;
  border: 0.02rem solid #6a3609;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.14rem;
  white-space: nowrap;
  transition: background 0.3s ease;
}


.sms-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.agreement-group {
  width: 2rem;
  display: flex;
  align-items: center;
  margin: 0.1rem auto;
}

.checkbox-label {
  display: flex;
  align-items: center;

  font-size: 0.14rem;
  color: #6a3609;
  user-select: none;
}

.checkbox-label p a {
  color: #6a3609;
  text-decoration: underline;
}

.checkbox-label input[type="checkbox"] {
  display: none;
}

.checkmark {
  width: 0.14rem;
  height: 0.15rem;
  border: 0.02rem solid #6a3609;
  position: relative;
  transition: all 0.3s ease;
  flex-shrink: 0;
  cursor: pointer;
}

.checkbox-label input[type="checkbox"]:checked+.checkmark {
  background-color: #6a3609;
  border-color: #6a3609;
}

.checkbox-label input[type="checkbox"]:checked+.checkmark:after {
  content: '';
  position: absolute;
  left: 0.03rem;
  top: 0.02rem;
  width: 0.06rem;
  height: 0.09rem;
  border: solid white;
  border-width: 0 0.02rem 0.02rem 0;
  transform: rotate(45deg);
}

.submit-btn {
  width: 1.99rem;
  height: 0.72rem;
  background: url(../../../../../images/pc/register-btn.png) no-repeat;
  background-size: cover;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.submit-btn:hover {
  /* transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(5, 99, 167, 0.3); */
}

.submit-btn:active {
  /* transform: translateY(0); */
}

.submit-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.personality-tab-partTwo .tips {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.1rem;
}

.personality-tab-partTwo .tips img {
  width: 0.16rem;
  height: 0.16rem;
}

.personality-tab-partTwo .tips p {
  font-size: 0.14rem;
  color: #ff0000;
}

.personality-tab-partTwo .ex {
  width: 2.1rem;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto 0.5rem;
}

.personality-tab-partTwo .ex p {
  color: #808080;
  font-size: 0.14rem;
}

/* 手机注册表单第二部分默认隐藏 */
.phone-tab-partTwo {
  display: none;
}

.phone-tab-partTwo .tips {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.1rem;
  gap: 0.1rem;
}

.phone-tab-partTwo .tips img {
  width: 0.47rem;
  height: 0.47rem;
}

.phone-tab-partTwo .tips p {
  font-size: 0.18rem;
  color: #009a07;
  font-weight: bold;
}

.phone-tab-partTwo .ex {
  width: 2.2rem;
  margin: 0 auto;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  border-top: 0.01rem solid #cdcdcd;
}

.phone-tab-partTwo .ex p {
  color: #808080;
  font-size: 0.14rem;
  padding: 0.05rem 0;
}

.phone-tab-partTwo .user-text {
  display: flex;
  justify-content: center;

}

.phone-tab-partTwo .user-text p {
  color: #000;
  font-size: 0.14rem;
  padding-bottom: 0.05rem;
}

.phone-tab-partTwo .qr {
  display: flex;
  justify-content: center;
}

.phone-tab-partTwo .qr img {
  width: 1.7rem;
  height: 1.7rem;
}

.cu_layer {
    display: none
}





.role_bt {
  position: absolute;
  top: .37rem;
  left: 3.3rem;
  width: 7.47rem;
  height: 1.1rem;
}

.role_bt .swiper-container {
  width: 7.47rem;
  height: 1.1rem;
  overflow: hidden;
}

.role_bt .swiper-container .swiper-wrapper {
  width: 7.47rem;
  height: 1.1rem;
}

.role_bt .swiper-container .swiper-wrapper .swiper-slide {
  width: 7.47rem;
  height: .37rem !important;
}

.role_bt .swiper-container .swiper-wrapper .swiper-slide p {
  width: 7.47rem;
  height: .29rem;
  background: url(../../../../../images/pc/activity/invitation/nav-bg.png);
  background-size: 100% 100%;
  line-height: .29rem;
  text-align: center;
  color: #ffffff;
  font-size: .2rem;
}




.card4-box {
    display: flex;
    flex-wrap: wrap;
    gap: .165rem .08rem;
    position: absolute;
    top: 0.4rem;
    left: 4.6rem;
    width: 1.4rem;
}

.card4-box>.card4-box-flex {
    width: .64rem;
    height: .64rem;
    position: relative;
}

.card4-box-flex>p {
    padding: .05rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: .05rem;
    position: absolute;
    left: 50%;
    top: -0.2rem;
    transform: translate(-50%);
    font-size: .12rem;
    color: #fff;
    width: 1.2rem;
    opacity: 0;
    text-align: center;
}

.card4-box-flex:hover > p {
    opacity: 1;
}