/*css reset START*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 100px;
}

body {
    font: 0.22rem/1.75 -apple-system, "source", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
    font-size: 0.24rem;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

fieldset,
img {
    border: 0;
}

b {
    font-weight: normal;
}

img {
    vertical-align: top; /*-webkit-touch-callout: none;*/
    user-select: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: "";
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%;
}

.clear:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clear {
    *zoom: 1;
}

:focus {
    outline: 0;
}

a,
a:active {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
}

select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border:none;
}

.hide {
    width: 0;
    height: 0;
    overflow: hidden;
    display: none !important;
}

.t {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.pf {
    position: fixed;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

.flex-1 {
    flex: 1;
    -webkit-flex: 1;
}

.flex-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex-middle {
    align-items: center;
}

.flex-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

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

.t-c {
    text-align: center;
}

.t-l {
    text-align: left;
}

.t-r {
    text-align: right;
}

.bg {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

.bg-full {
    background-size: 100% 100%;
}

.full-img img {
    width: 100%;
    display: block;
}

input[type="tel"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.btn_click {
    pointer-events: auto;
}

/* page css start*/

.wrap {
    width: 7.5rem;
    height: 29.49rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/bg.jpg") no-repeat 0 0/100% 100%;
}

.page {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.header {
    width: 100%;
    height: 7.12rem;
    margin: 0 auto;
    color: #fff;
    font-size: 0.24rem;
    position: relative;
}

.zt-logo-img {
    width: 1.31rem;
    height: 1.04rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/logo.png") no-repeat 0 0/100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.tip{
    width: 100%;
    line-height: 0.35rem;
    height: .35rem;
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    font-size: .2rem;
    color: #ffffcc;
    text-align: center;
    transform: translateX(-50%);
    letter-spacing: .01rem;
    pointer-events: none;
}

.time-box{
    width: 4.48rem;
    height: .34rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/subhead.png") no-repeat 0 0/100% auto;
    position: absolute;
    top: 6.2rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .22rem;
}

.time-box  p {
    height: 100%;
    line-height: .36rem;
    text-align: center;
    color: #ffffff;
    letter-spacing: .04rem;
}
.time-box  span{
    color: #ffffcc;
}

.tit1 {
    width: 7.28rem;
    height: 3.27rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/subhead2.png") no-repeat 0 0/100% 100%;
    position: absolute;
    top: 4.25rem;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.login-box {
    height: 0.45rem;
    color: #fbe1af;
    font-size: 0.24rem;
    position: absolute;
    top: 6.87rem;
    left: 50%;
    transform:  translateX(-50%);
}

.loginaf {
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #fbe1af;
    margin-left: 0.13rem;
}


.pt1 {
    width: 100%;
    height: 4.84rem;
}

.tit2 {
    width: 6.48rem;
    height: 1.71rem;
    margin: 0 auto;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/tit1.png") no-repeat 0 0/100% 100%;
}

.listbox {
    width: 6.49rem;
    height: 3.06rem;
    position: relative;
    margin: 0.1rem auto 0;
}
.listbox .cont{
    width: 100%;
    height: 2.14rem;
    /*padding: .38rem .52rem;*/
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.listbox .form{
    width: 3rem;
    height: 1.24rem;
    margin: .42rem auto 0;
}
.item1{
    margin-bottom: .16rem;
}
.item2{
    margin-top: .16rem;
}
.listbox .line{
    width: 2.9rem;
    height: .02rem;
    /*margin:0 auto;*/
    border-bottom:.02rem dashed  #ab7f55;
}
.listbox .left{
    width: 3.84rem;
    height: 100%;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/con1.png") no-repeat 0 0/100% 100%;
}
.listbox .right{
    width: 2.49rem;
    height: 100%;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/con11.png") no-repeat 0 0/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.listbox .right .con{
    display: flex;
    justify-content: center;
    align-items: center;
}
.listbox .right img{
    width: 1.53rem;
    height: 1.94rem;
    object-fit: cover;
}
.listbox .form .form-item{
    width: 3rem;
    height: .45rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bold;
}
.listbox .value{
    width: 1.9rem;
    height: .45rem;
    background: #c6a67d;
    border-radius: .1rem;
    margin-left: .15rem;
}
.listbox .value select{
    padding-right:.35rem;
    padding-left: .15rem;
    width: 100%;
    height: .47rem;
    color:#a17149;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/i-down.png") no-repeat right center;
    background-size: .32rem .21rem;
}

.listbox .value select option{
    color: #6c2c01;
}
.listbox .form .label{
    color: #6c2c01;
    font-size: 0.28rem;
}

.listbox .btn-confirm{
    width: 3.21rem;
    height: .97rem;
    margin: 0 auto 0;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-comfirm.png") no-repeat 0 0/100% auto;
}
.listbox .btn-confirm.get{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-get1.png") no-repeat 0 0/100% auto;
}
.listbox .btn-confirm.got{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-got1.png") no-repeat 0 0/100% auto;
}

    /* pt3 */
.pt2 {
    height: 5.14rem;
    margin-top: .3rem;
}

.tit3 {
    width: 6.48rem;
    height: 1.72rem;
    margin: 0 auto;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/tit2.png") no-repeat 0 0/100% 100%;
}
.pt2 .cont{
    height: 3.48rem;
    width: 6.49rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/con2.png") no-repeat 0 0/100% 100%;
    margin:0 auto;
    box-sizing: border-box;
    position: relative;
}
.pt2 .tip-text{
    font-size: .18rem;
    color: #650d07;
    width: 3.2rem;
    text-align: center;
    position: absolute;
    bottom: .35rem;
    right: .3rem;
    line-height: .2rem;
}
.pt2 .gift-content{
    padding-top: .55rem;
    height: 2.35rem;
    /*padding: .54rem 0 0 .36rem;*/
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pt2 .gift-content li{
    width: 1.81rem;
    height: 2.36rem;
    margin-right: .84rem;
}
.pt2 .gift-content li:last-child{
    margin-right: 0;
}
.pt2 .gift-box{
    width: 1.53rem;
    height: 1.61rem;
    position: relative;
    margin: 0 auto;
}
.pt2 .gift-box .con,
.pt3 .gift-box .con{
    width: 100%;
    height:  100%;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/gift-bg.png")no-repeat  0 0/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pt2 .gift-box .gift{
    width: 1.29rem;
    height: 1.31rem;
    object-fit: cover;
}

.pt2 .gift-box .avatar{
    width: 1.42rem;
    height: 1.42rem;
    object-fit: cover;
}
.pt2 .gift-box .gift-text{
    width: 1.83rem;
    height: .42rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/i-beage-bg.png") no-repeat 0 0/100% 100%;
    position: absolute;
    bottom: -.15rem;
    left: 50%;
    transform:  translateX(-50%);
    color: #fff2cc;
    font-weight: 600;
    font-size:  0.22rem;
    text-align: center;
    line-height: .42rem;
}
.pt2 .gift-text.gift-text2{
    width: 2.49rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/i-beage-bg1.png") no-repeat 0 0/100% 100%;
}
.pt2 .btn-recall{
    display: block;
    width: 1.82rem;
    height: .55rem;
    margin-top: .24rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-recall.png")  no-repeat 0 0/100% 100%;
}
.pt2 .btn-recall.get{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-get.png")  no-repeat 0 0/100% 100%;
}
.pt2 .btn-recall.got{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-got.png")  no-repeat 0 0/100% 100%;
}
.pt2 .btn-get{
    display: block;
    width: 1.82rem;
    height: .55rem;
    margin-top: .24rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-get.png")  no-repeat 0 0/100% 100%;
}
.pt2 .btn-get.got{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-got.png")   no-repeat 0 0/100% 100%;
}
/*pt3*/
.pt3 {
    height: 4.98rem;
    margin-top: .3rem;
}
.tit4{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/tit3.png")  no-repeat 0 0/100% 100%;
    height: 1.34rem;
    width: 6.48rem;
    margin: 0 auto;
}
.pt3 .btn-subscribe{
    display: block;
    width: 1.81rem;
    height: .54rem;
    margin-top: .24rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-subscribe.png")  no-repeat 0 0/100% 100%;
}
.pt3 .btn-subscribe.subscribed{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-subscribe1.png")   no-repeat 0 0/100% 100%;
}
.pt3 .gift-content{
    height: 3.48rem;
    width: 6.49rem;
    margin:0 auto;
    /*padding: .54rem 0 0 .36rem;*/
    box-sizing: border-box;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/con2.png") no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pt3 .gift-content li{
    width: 1.81rem;
    height: 2.36rem;
    margin-right: .12rem;
}
.pt3 .gift-content li:last-child{
    margin-right: 0;
}
.pt3 .gift-box{
    width: 1.53rem;
    height: 1.61rem;
    position: relative;
    margin: 0 auto;
}
.pt3 .gift-box .gift{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(.8);
}
.pt3 .gift-box .gift-text{
    width: 1.83rem;
    height: .42rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/i-beage-bg.png") no-repeat 0 0/100% 100%;
    position: absolute;
    bottom: -.15rem;
    left: 50%;
    transform:  translateX(-50%);
    color: #fff2cc;
    font-weight: 600;
    font-size:  0.22rem;
    text-align: center;
    line-height: .42rem;
}
.pt4{
    height: 6.8rem;
}
.tit5{
    width: 6.48rem;
    height: 1.35rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/tit4.png") no-repeat 0 0/100% 100%;
    margin: 0 auto;
}
.pt4 .cont{
    color: #ffffcc;
    font-size: .22rem;
    width: 6.2rem;
    margin: .18rem auto 0;
}

/* ****footer start*** */

#afooter {
    text-align: center;
    color: #fff;
    font-size: 0.18rem;
}

#afooter footer {
    background-color: #000;
}
body .pop{
    color: #6c2c01;
}
.pop {
    display: none;
    background: no-repeat 0 0 / 100% auto;
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #6c2c01;
    box-sizing: border-box;
    width: 6.47rem;
    position: relative;
    margin-bottom: 0.1rem;
}

.pop .pop-con {
    height: 2.68rem;
    padding-top: 0.01rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/pop1.png") no-repeat 0 0 / 100% auto;
}

.pop-close {
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/pop-close.png")
    no-repeat 0 0 / 100% auto;
    width: 0.62rem;
    height: 0.63rem;
    position: absolute;
    right: -.15rem;
    top: -0.65rem;
    z-index: 99;
    font-size: 0;
    text-indent: -9999em;
}
.pop-share{
    width: 100%;
    height: 100%;
}
.pop-share .pop-con{
    width: 100%;
    height: 100%;
    background: none;
}
.pop-share .pop-close1{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.pop-share .i-share{
    position: absolute;
    top: .2rem;
    right: .4rem;
    width: 1.35rem;
    height: .77rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/i-share.png")no-repeat 0 0/100% auto;
}

.pop-getok .pop-body{
    width: 5.88rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pop-getok .pop-img{
    width: 3.39rem;
    height: .81rem;
    object-fit: cover;
}
.pop-getok .btn-confirm{
    width: 2.2rem;
    height: .75rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/pop-confirm.png") no-repeat 0 0/100% auto;
    margin-top: .08rem;
}

.pop-tip .btn-box{
    width: 4.85rem;
    height: .75rem;
    display: flex;
    margin: .13rem auto 0;
}
.pop-tip .tip-text{
    max-width: 5.88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .4rem;
    text-align: center;
    line-height: .4rem;
}
.pop-tip .btn-download{
    width: 2.2rem;
    height: .75rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/pop-download.png") no-repeat 0 0/100% auto;
    margin-right: .44rem;
}
.pop-tip .btn-confirm{
    width: 2.2rem;
    height: .75rem;
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/pop-confirm.png") no-repeat 0 0/100% auto;
}

.pop-invite .pop-con{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/pop2.png") no-repeat 0 0/100% auto;
    height: 4.37rem;
    font-size: .32rem;
    font-weight: 600;
    text-align: center;
    line-height: .43rem;
}
.pop-invite .tip-text{
    width: 4.29rem;
}
.pop-invite .qrcode{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/qrcode-bg.png") no-repeat 0 0/100% auto;
    width: 2.04rem;
    height: 2.04rem;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pop-invite .qrcode canvas{
    width: 1.8rem;
    height: 1.8rem;
    border-radius: .05rem;
}
.pop-comm .pop-con p{
    width: 5.88rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .4rem;
    line-height:  .4rem;
}

.pt3 .btn-subscribe.got{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-got.png")   no-repeat 0 0/100% 100%;
}

.pt3 .btn-subscribe.get{
    background: url("//game.gtimg.cn/images/zht/cp/a20260305zt/btn-get.png")   no-repeat 0 0/100% 100%;
}

/* ****footer end*** */