* {
    margin: 0;
    padding: 0;
}

body {
    background: #eeddc0 !important;
}

.btn-login {
    position: absolute;
    top: 0.33rem;
    right: 0.3rem;
    display: block;
    width: .79rem;
    height: .26rem;
    z-index: 9;
    color: white;
    font-size: 0.2rem;
    display: flex;
}

.btn-login i {
    display: block;
    width: .2rem;
    height: .22rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/loginBtn.png') no-repeat;
    background-size: 100% 100%;
    margin-right: .05rem;
}

.logout {
    display: flex;
    position: absolute;
    top: 0.33rem;
    right: 0.3rem;
    font-size: 0.2rem;
    color: white;
    z-index: 9;
    display: none;
}

.mobile {
    margin-right: 0.1rem;
}

.logout-lv-img {
    height: 0.28rem;
    margin-right: 0.1rem;
}

.logout-lv-img img {
    width: auto;
    height: 100%;
}

.pop-close-btn {
    position: absolute;
    top: 50%;
    margin-top: 3.4rem;
    left: 3.46rem;
    width: 0.6rem;
    height: 0.6rem;
    background: url(https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/images/popClose_1.png?2) no-repeat;
    background-size: 100% 100%;
    z-index: 9999;
}

.container {
    width: 7.5rem;
    height: 17.06rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/bg.png') no-repeat;
    background-size: 100%;
    position: relative;
}

.container2 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/bg2.png');
    background-size: 100% 100%;
    width: 7.5rem;
    height: 17.06rem;
    position: relative;
}

.xdrBtn {
    width: 0.5rem;
    height: 1.56rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/xdrBtn.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2.3rem;
    left: 0;
}

.hdgzBtn {
    width: 0.5rem;
    height: 1.56rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/hdgzBtn.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 2.72rem;
    right: 0;
}

.lqjlBtn {
    width: 0.5rem;
    height: 1.56rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/lqjlBtn.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 4.22rem;
    right: 0;
}

.centerContent {
    width: 4.17rem;
    height: 4.06rem;
    position: absolute;
    top: 5.14rem;
    left: 1.66rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/centerContent.png');
    background-size: 100%;
}

.centerContent1 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/centerContent1.png');
    background-size: 100%;
}

.centerContent2 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/centerContent2.png');
    background-size: 100%;
}

.centerContent3 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/centerContent3.png');
    background-size: 100%;
}

.centerContent4 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/centerContent4.png');
    background-size: 100%;
}

.centerContent5 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/centerContent5.png');
    background-size: 100%;
}

.info-icon {
    width: 1.41rem;
    height: 1.35rem;
    position: relative;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/info.png');
    background-size: 100%;
}

.info-icon1 {
    position: absolute;
    top: 7.77rem;
    left: 0.6rem;
}

.info-icon2 {
    position: absolute;
    top: 4.99rem;
    left: 0.71rem;
}

.info-icon3 {
    position: absolute;
    top: 3.58rem;
    left: 2.85rem;
}

.info-icon4 {
    position: absolute;
    top: 4.98rem;
    right: 0.74rem;
}

.info-icon5 {
    position: absolute;
    top: 7.42rem;
    right: 0.36rem;
}

.info-icon-have {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/info2.png');
    background-size: 100%;
}

.info-icon-wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.info-icon-img {
    width: 0.7rem;
    height: 0.7rem;
    left: 0.36rem;
    top: 0.28rem;
    position: absolute;
}

.info-icon-name {
    width: 1.41rem;
    text-align: center;
    position: absolute;
    top: 0.98rem;
    color: #9E4915;
    font-size: 0.18rem;
}

.info-icon-isNew {
    width: 0.64rem;
    height: 0.26rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/isNew.png');
    background-size: 100%;
    position: absolute;
    top: 0.1rem;
    right: -0.2rem;
}

.info-icon-sqw {
    width: 0.64rem;
    height: 0.26rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/duizhang.png');
    background-size: 100%;
    position: absolute;
    top: 0.1rem;
    right: -0.2rem;
}

.info-icon-duizhang {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/duizhangFare.png');
    width: 1.54rem;
    height: 0.27rem;
    position: absolute;
    left: 0;
    bottom: 0.34rem;
    background-size: 100%;
}

.info-icon-duizhang2 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/duizhangFare2.png');
    width: 1.54rem;
    height: 0.27rem;
    position: absolute;
    left: 0;
    bottom: 0.34rem;
    background-size: 100%;
}



.btn {
    width: 3.73rem;
    height: 0.85rem;
    position: absolute;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn3.png');
    background-size: 100%;
    top: 10.71rem;
    left: 1.885rem;
}

.btn1 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn1.png');
    background-size: 100%;
}

.btn2 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn2.png');
    background-size: 100%;
}

.btn3 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn3.png');
    background-size: 100%;
}

.btn4 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn4.png');
    background-size: 100%;
}

.btn5 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn5.png');
    background-size: 100%;
}

.btn6 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn6.png');
    background-size: 100%;
}

.btn7 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn7.png');
    background-size: 100%;
}

.btn8 {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn8.png') no-repeat;
    background-size: 3.73rem 0.85rem;
}

.btn9 {
     background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/btn9.png');
    background-size: 100%;
}

.tc2_btn1 {
    width: 2.4rem;
    height: 0.8rem;
    position: absolute;
    bottom: 1.2rem;
    left: 1.2rem;
}

.tc2_btn2 {
    width: 2.4rem;
    height: 0.8rem;
    position: absolute;
    bottom: 1.2rem;
    right: 1.2rem;
}

.pop-mask-close {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    bottom: 0;
    left: 3.5rem;
}

.tc3-btn {
    width: 2.94rem;
    height: 0.68rem;
    position: absolute;
    bottom: 1.4rem;
    left: 2.4rem;
}


.tc4-btn,
.tc6-btn {
    width: 3.9rem;
    height: 0.76rem;
    position: absolute;
    bottom: 1.2rem;
    left: 1.8rem;
    /* background: rgba(0, 0, 0, 0.4); */
}

.tc5-btn {
    width: 2.94rem;
    height: 0.68rem;
    position: absolute;
    bottom: 1.44rem;
    left: 2.3rem;
    /* background: rgba(0, 0, 0, 0.4); */
}

.tc8-btn,
.tc7-btn {
    width: 2.94rem;
    height: 0.68rem;
    position: absolute;
    bottom: 1.44rem;
    left: 2.3rem;
}

.tc9-btn {
    width: 2.94rem;
    height: 0.68rem;
    position: absolute;
    left: 2.3rem;
    top: 8.4rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/tc/look.png');
    background-size: 2.94rem;
    height: 0.68rem;
    display: none;
    transform: translateX(-0.1rem);
}

.tc9-close {
    width: 0.61rem;
    height: 0.61rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/tc/close.png');
    left: 3.345rem;
    top: 10rem;
    position: absolute;
    background-size: 100%;
}

.detail-box {
    width: 6.2rem;
    height: 10.31rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/tc/mhtc.png');
    background-size: 100%;
    top: 45%;
    display: flex;
    flex-direction: column;
    /* background-color: white; */
}

.rule-box {
    width: 6rem;
    height: 9.36rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/tc/rule-box.png');
    background-size: 100%;
    top: 45%;
    border-radius: 0.4rem;
    overflow: hidden;
    /* overflow-y: auto; */
}

.rule-img-box {
    width: 100%;
    height: 9.36rem;
    overflow-y: auto;
    display: flex;
}


.rule-box .contanier-img {
    width: 5.79rem;
    margin-left: 0;
    height: 31.16rem;
    margin: 0.4rem 0;
}

.detail-tab-box {
    width: 5.79rem;
    height: 0.58rem;
    /* background-color: red; */
    margin-top: 0.19rem;
    margin-left: 0.21rem;
    border-radius: 0.2rem;
    display: flex;
    justify-content: space-between;
}

.detail-tab {
    width: 1.93rem;
    height: 0.58rem;
    text-align: center;
    line-height: 0.58rem;
    font-size: 0.26rem;
    color: #864928;
}

.detail-tab-active {
    color: white;
    background: #FFA05B;
    border-radius: 0.2rem;
}

.mh_box {
    width: 5.5rem;
    height: 1.38rem;
    overflow: hidden;
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    display: none;
}

.mh_box .mh_main {
    width: 100%;
    height: 1.32rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    /* display: none; */
    position: relative;
}

.mh_box  .mh_main::-webkit-scrollbar {
    display: none;
    /* 在支持的浏览器中隐藏滚动条 */
}

.logo_bg {
    display: inline-block;
    width: 1.13rem;
    height: 1.18rem;
    position: relative;
    margin-right: 0.28rem;
}

.logo_bg_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logotu {
    width: .92rem;
    height: .92rem;
    margin: .06rem auto 0.1rem;
}

.logo_3400 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3400.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3401 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3401.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3402 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3402.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3405 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3405.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3410 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3410.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3414 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3414.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3434 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3434.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3488 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3488.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3489 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3489.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3490 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3490.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3491 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3491.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3492 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3492.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3493 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3493.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3494 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3494.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3495 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3495.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3496 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3496.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3497 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3497.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3498 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3498.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3499 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3499.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3500 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3500.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3501 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3501.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3502 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3502.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3503 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3503.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3504 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3504.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3505 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3505.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3506 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3506.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3507 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3507.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3508 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3508.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.logo_3509 {
    width: .92rem;
    height: .92rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jp/202505/3509.png") repeat center top;
    -webkit-background-size: 100%;
    background-size: 100%;
}


.logo_cur {
    width: 1.13rem;
    height: 1.18rem;
    background: url("https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/images202308/logo_bg.png?2") repeat center top;
    -webkit-background-size: 1.13rem 1.18rem;
    background-size: 1.13rem 1.18rem;
}

.detail-box .main {
    width: 100%;
    height: 8.6rem;
    position: absolute;
    top: 0.4rem;
    left: 0rem;
    z-index: 9;
    font-size: 0.24rem;
    overflow: auto;
    text-align: justify;
    overflow-y: auto;
    box-sizing: border-box;
}

.detail-box .tit {
    font-size: 0.32rem;
    font-weight: bold;
    display: flex;
    color: #864928;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.26rem 0;
}

.xq-title-img-box {
    width: 0.45rem;
    height: 0.2rem;
    margin: 0 0.10rem;
}

.detail-box .content .tits {
    font-size: 0.26rem;
    line-height: 0.46rem;
    font-weight: bold;
    background: #F7D5BC;
    display: inline-block;
    height: 0.46rem;
    color: #000000;
    border-radius: 0px 0.23rem 0.23rem 0px;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.detail-box .content .txt {
    text-align: justify;
    font-size: 0.24rem;
    line-height: 0.43rem;
    padding: 0.16rem 0.23rem 0.25rem 0.23rem;
    /* padding-left: 0.15rem; */
}

.jp1-box {
    width: 6.07rem;
    height: 1.56rem;
    top: 12.63rem;
    position: absolute;
    left: 0.72rem;
}

.jp2-box {
    width: 6.07rem;
    height: 1.56rem;
    top: 14.83rem;
    position: absolute;
    left: 0.72rem;
}

.jp3-box {
    width: 6.07rem;
    height: 1.56rem;
    top: 16.83rem;
    position: absolute;
    left: 0.72rem;
}

.jp-detail {
    width: 1.36rem;
    height: 1.36rem;
    margin-top: 0.2rem;
}

.jp-detail img {
    width: 100%;
    height: 100%;
}

.jp-detail-text {
    width: 100%;
    text-align: center;
    color: #CE8023;
    font-size: 0.3rem;
    position: absolute;
    top: 5.5rem;
    display: flex;
    align-items: center;
    transform: translateX(-0.1rem);
    /* background: red; */
    width: 5.6rem;
    margin-left: 0.96rem;
    flex-direction: column;
}

.jp-detail-container {
    display: flex;
    align-items: center;
    width: 80%;
}

.jp-detail-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.2rem;
}

.jp-detail-text-1 {
    font-size: 0.34rem;
    font-weight: bold;
}

.jp-detail-img {
    width: 1.3rem;
    height: 1.3rem;
    /* margin-top: 0.4rem; */
}

.jp-detail-text-2 {
    margin-top: 0.2rem;
    font-size: 0.26rem;
    height: 1rem;
}

.titimg3402 {
    width: 5.47rem;
    height: 2.11rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/single/table/3402.png') no-repeat;
    background-size: 100% 100%;
    margin: 0.2rem auto;
}

.titimg3403 {
    width: 4.17rem;
    height: 2.1rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/single/table/3403.png') no-repeat;
    background-size: 100% 100%;
    margin: 0.2rem auto;
}

.titimg3502 {
    width: 5.47rem;
    height: 1.71rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/single/table/3502.png') no-repeat;
    background-size: 100% 100%;
    margin: 0.2rem auto;
}

.titimg3434 {
    width: 5.47rem;
    height: 1.16rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/single/table/3351.png') no-repeat;
    background-size: 100% 100%;
    margin: 0.2rem auto;
}

/* .titimg3532 {
    width: 5.47rem;
    height: 2.55rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/single/table/3387.png') no-repeat;
    background-size: 100% 100%;
    margin: 0.2rem auto;
} */

.jpxq {
    width: 0.41rem;
    height: 1.26rem;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/jpxq.png');
    background-size: 0.41rem 1.26rem;
    position: absolute;
    top: 11.4rem;
    left: 6.58rem;
}

.pop-zj-box {
    width: 100%;
    height: 6.87rem;
    position: absolute;
    top: 3.1rem;
}

.pop-zj-box img{
    width: 100%;
    height: 100%;
    /* transform: translateX(0.1rem); */
}

.lv-icon-scroll-y {
    width: 1.2rem;
    height: 0.06rem;
    background: #d4d7e5;
    border-radius: 0.16rem;
    position: absolute;
    left: 50%;
    top: 1.2rem;
    margin-left: -0.6rem;
    overflow: hidden;
}

.lv-icon-scroll-y-bar{
    width: 0.7rem;
    height: 0.06rem;
    background-color: #c1b8b3;
    border-radius: 0.16rem;
}

.swiper-bottom {
    width: 7.5rem;
    height: 2.8rem;
    border-radius: 0.2rem;
    margin: 0.12rem auto 0.3rem;
    position: absolute;
    top: 12.54rem;
    left: 0;
    /* display: none; */
}

.swiper-content {
    width: 6.88rem;
    height: 2.2rem;
    margin: 0 auto;
    padding: 0.12rem 0;
}

.swiper-content .swiper-container {
    border-radius: 0.2rem;
}

.swiper-content .swiper-pagination-bullet-active {
    background: #ff7225;
}

.top-title-num {
    width: 4.47rem;
    height: 1.15rem;
    position: absolute;
    top: 0.4rem;
    left: 1.515rem;
}

.zudui-history-btn-box {
    position: absolute;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/zuidui-history-btn.png');
    background-size: 100% 100%; 
    width: 1.34rem;
    height: 1.07rem;
    top: 10.42rem;
    right: 0.3rem;
    display: none;
}

.new-team-btn {
    position: absolute;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/zqimages/inviteActive/zudui-new-btn.png');
    background-size: 100% 100%; 
    width: 1.34rem;
    height: 1.07rem;
    top: 10.42rem;
    left: 0.3rem;
    display: none;
    color: white;
    font-size: 0.18rem;
    line-height: 1.56rem;
    text-align: center;
}

.history-content-box {
    width: 6.68rem;
    height: 5.4rem;
    position: absolute;
    top: 1.74rem;
    left: 0.41rem;
    overflow: auto;
}

.history-content-list {
    height: 0.9rem;
    width: 6.2rem;
    margin-left: 0.24rem;
    border-bottom: 0.01rem solid #F9D8A0;
    display: flex;
    color: #333;
    font-size: 0.22rem;
    line-height: 0.9rem;
}

.history-content-list-name {
    width: 1.5rem;
    text-align: center;
    font-size: 0.22rem;
}

.history-content-list-num {
    width: 0.9rem;
    height: 100%;
    text-align: center;
}

.history-content-list-time {
    width: 2.6rem;
    height: 100%;
    text-align: center;
}

.history-content-list-other {
    width: 1.2rem;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 0.1rem;
    align-items: center;
}

.history-content-list-btn {
    width: 1.08rem;
    height: 0.36rem;
}

.history-content-list-btn img {
    width: 100%;
    height: 100%;
}

.tc12-btn {
    width: 2.94rem;
    height: 0.68rem;
    position: absolute;
    bottom: 1.44rem;
    left: 2.3rem;
}

.fail-detail {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0.3rem;
    color: #ce8023;
    top: 2.8rem;
}

.detail-close-btn {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    bottom: 0;
    /* background: red; */
    left: 2.8rem;
}