.mgt40{margin-top: .4rem!important;}
.mgt60{margin-top: .6rem!important;}
.con-header .back-home {border: 1px #00cc7d solid;color: #00cc7d;}
#bpic{margin: .2rem .2rem 0;display: block;}
#bpic img {width: 100%;display: block;border-radius: .2rem;}
.md-swiper{margin: .2rem .2rem 0;height: auto;width: auto;}
.md-swiper .swiper-slide{height: auto;}

.md-classify{margin: 0 .2rem;}
.md-classify ul{background: #fff;padding: 0.6rem 0 .4rem;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
 .md-classify li {
    float: left;
    width: 2.05rem;
    height: .94rem;
    font-size: 0.26rem;
}

 .md-classify a {
    float: left;
    width: 2.08rem;
    height: .94rem;
    padding-left: 1.1rem;
    color: #333;
    font-size: 0.24rem;
    background: url('/images/2022/classify.png') no-repeat;
    background-size: 0.58rem 7.52rem;
    text-align: left;
    font-weight: bold;
    border-radius: .1rem;
    box-sizing: border-box;
    line-height: .94rem;
}
 .md-classify .web-game {
    background-position: .4rem 0 ;
    color: #00cc7d;
    background-color: #dbf8ec;
}

 .md-classify .web-service {
    background-position: .4rem -.94rem;
    color: #559df9;
    background-color: #e1f3ff;
    padding-left: .7rem;
}


.md-classify .cur .web-gift {
    background-position: .4rem -5.64rem;
    color: #fff;
    background-color: #e669f5;
}
 .md-classify .web-test {
    background-position: .3rem -2.82rem;
    color: #fc7a5c;
    background-color: #fff4da;
    padding-left: 1rem;
}

.md-searchlb{position: relative;margin: .2rem .2rem 0;height: .76rem;background-color: #f5f5f5;border-radius:0.35rem;overflow: hidden;}
.md-searchlb form{padding-right: 1.5rem;}
.md-searchlb .txt{display:block;width: 100%;height: 0.76rem;line-height: 0.76rem;padding-left: 0.8rem;font-size: 0.3rem;color:#333;background:url('/images/2022/search.png') 0.3rem 0.24rem no-repeat #f5f5f5;background-size: 0.28rem auto;box-sizing: border-box;}
.md-searchlb .btn{display:block;position: absolute;top:0.03rem;right: 0.03rem;width:1.4rem;height: 0.7rem;line-height: 0.7rem;text-align: center;color:#fff;border-radius: 0.35rem;font-size: 0.3rem;background: #00cc7d}

.md-card{margin: .6rem .2rem;}
.md-card a{width: 48%;float: left;box-sizing: border-box;}
.md-card a img{width: 100%;border-radius: 0.2rem;}
.md-card a:nth-child(even){float: right;}

.md-gametuiji,.gift-list{margin: .6rem .2rem 0;}
.md-hdtit{font-size:.32rem;font-weight: bold;}
.md-hdtit a{float: right;color: #00cc7d;font-size: .26rem;font-weight: normal;margin-top: .04rem;padding-right: .2rem;background: url('/images/2023/arrow.png') no-repeat center right;background-size: .2rem .28rem;}
.md-bd{overflow: hidden;width: 100%;}
.md-gametuiji .md-bd ul{display: flex;flex-wrap:wrap}
.md-gametuiji .md-bd li{width: 1.3rem;margin-right: .63rem;text-align: left;margin-top: .3rem;float: left;}
.md-gametuiji .md-bd li:nth-child(4n){margin-right: 0;}
@media screen and (min-width:768px) {
    .md-gametuiji .md-bd li{width: 25%;margin: .3rem 0 0;text-align: center;}
}

.md-gametuiji .md-bd li a{display: block;}
.md-gametuiji .md-bd li a img{width: 1.3rem; height: 1.3rem; border-radius: 0.24rem;display: block;margin: 0 auto;}
.md-gametuiji .md-bd li a em{line-height: 1.4;margin-top: .1rem;;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;text-align: center;}
.md-gametuiji .md-bd li  span{display: block;color:#a3a3a3;font-size: 0.22rem;height:0.24rem;line-height:0.24rem;padding-top: .05rem;white-space: nowrap;}
.md-gametuiji .md-bd li  i{font-style: normal;color: #ffa504;margin-left: -6px;}

@media screen and (max-width:374px) {
    .md-gametuiji .md-bd li  span{margin-top: .1rem;}
    .md-gametuiji .md-bd li{width: 1.3rem;margin-right: 0.63rem;}
}

.gift-list li {height: 1.1rem;padding: 0.3rem 1.54rem 0 0;position: relative;}
.gift-list li img { float: left; width: 1.1rem; height: 1.1rem; margin-right: 0.2rem; }
.gift-list li a { display: block; }
.gift-list li em{font-size: .24rem;}
.gift-list li p { height: 0.36rem; line-height: 0.36rem; overflow: hidden; color: #999; }
.gift-list li p i { color: #ffa504; }
.gift-list li .p3 {display: block;height: 0.42rem;line-height: 0.42rem;color: #555; overflow: hidden;  text-overflow: ellipsis;white-space: nowrap;}
.gift-list li .p3 em {max-width: 2.9rem;display: inline-block;overflow: hidden;text-overflow: ellipsis;font-size: .24rem;white-space: nowrap;}
.gift-list li .p3 i {display: inline-block;padding: .02rem 0.08rem;color: #fff;background: #ffa504;margin-left: 0.1rem;height: 0.3rem;line-height: 0.34rem;font-size: 0.24rem;border-radius: 0.06rem;margin-top: 0.04rem;font-size: 0.2rem;}
.gift-list li .p1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gift-list li .p2 span { float: left; }
.gift-list li .s1 { float: left; width: 2.8rem; height: 0.14rem; margin: 0.12rem 0.16rem 0 0rem; position: relative; background: #f5f5f5; border-radius: 0.08rem; }
.gift-list li .s1 i { display: block; position: absolute; top: 0; left: 0; height: 0.14rem; border-radius: 0.08rem; background: #ffa504; }
.gift-list li .s2 { float: left; }
.gift-list li .btn {position: absolute;top: 0.58rem;right: 0rem;width: 1.28rem;height: 0.24rem;line-height: 0.24rem;text-align: center;padding: .16rem 0;border-radius: 0.1rem;}
.gift-list li .receive { border:1px #00cc7d solid;color: #00cc7d; }
.gift-list li .tao { border:1px #ffa504 solid;color: #ffa504; }
.gift-list li .copy {  border:1px #ff8737 solid;color: #ff8737;}
.gift-list li .none {  border:1px #e5e5e5 solid;color: #e5e5e5;}
.gift-list .gift-none { height: 0.64rem; line-height: 0.64rem; font-size: 0.28rem; color: #999; }
.gift-list .gift-none span { display: block; width: 2rem; height: 0.64rem; margin: 0 auto; }

.gift-newest{margin: .6rem .2rem;}
.gift-newest li{float: left;width: 50%;height:1.1rem;margin-top: .3rem;padding-right: .1rem;box-sizing: border-box;}
.gift-newest li a{display:block;}
.gift-newest li img{float: left;width: 1.1rem;height: 1.1rem}
.gift-newest li em,.gift-newest li span{display:block;height: 0.36rem;line-height: 0.36rem;margin-left: 1.3rem;}
.gift-newest li em{font-size: 0.28rem;overflow: hidden;margin-bottom: .05rem;text-overflow: ellipsis;white-space: nowrap;}
.gift-newest li span{color: #a3a3a3}
.gift-newest li i{color: #ffa504}
.Xgameid,.Xgiftid{display: none;}

/*  */

/* add 20230313 */
.popup{display: none;position: relative;z-index: 100;}
.popup-shade{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 555;}
.popup-box{position:fixed;top:50%;left:50%;width:6.4rem;padding:.4rem;background:#ffffff;border-radius:.2rem;color:#333;box-sizing: border-box;;transform: translate(-50%,-50%);z-index: 999;}
.popup-title{font-size: .32rem;text-align: center;height: .6rem;line-height: .6rem;}
.popup-con{padding: .46rem 0;font-size: .28rem;text-align: center;}
.popup-btn{text-align: center;font-size: 0;display: flex;justify-content: center}
.popup-btn a{width: 2.2rem;height: .78rem;font-size: .3rem;line-height: .78rem;border-radius: .1rem;display: inline-block;margin: 0 .2rem;}
.popup-btn .popup-btn-del{background-color: #eff0f4;color: #b1bdc5;float: left;}
.popup-btn .popup-btn-ok{background-color: #28d276;color: #fff;float: right;}

.popup-box .pop-close{position: absolute;right: 0.1rem;top: .1rem;width: .5rem;height: .5rem;z-index: 20;font-size:0;color: #999;user-select: none;text-align: center;line-height: .5rem;background: url('/images/2023/close.png') no-repeat center;background-size: .25rem .25rem;}
.popup .popup-giftgametit{text-align: center;color: #333;}
.popup .popup-giftgametit i{background: #00cc7d url('/images/2023/gifstatus_success.png') no-repeat center;background-size: .68rem .68rem;width: 1rem;height: 1rem;display: block;margin:  0 auto .1rem;border-radius: 50%;}
.popup .popup-giftgametit p{text-align: center;font-size: .32rem;}
.popup .popup-codeboxinfo{background: #f1f1f1;border-radius: .2rem;margin: 0rem auto ;padding:.2rem;word-break:break-all}
.popup .popup-codeboxinfo div{font-weight: bold;}
.popup .popup-codeboxinfo div span{vertical-align: text-bottom;}
.popup-btn .popup-btn-copy{background-color: #ffa504;color: #fff;}
.popup-btn .popup-btn-start{background-color: #00cc7d;color: #fff;}
.popup-btn.flex-bwt{justify-content: space-between;display: flex;}

/* add20230403 */
.md-djqbox{margin: .6rem .2rem 0;}
.md-djqbox .djq-list{overflow-x: auto;white-space: nowrap;font-size: 0;}
.djq-type-con{width: 2.18rem;height: 2.62rem;margin: .3rem 0 0 .25rem;position: relative;overflow: hidden;display: inline-block;font-size: .24rem;}
.djq-type-con .game-tag{height: .38rem;line-height: .4rem;padding: 0 .1rem;background-color: #ffeecf;border-radius: .1rem 0 .1rem 0;position: absolute;left: 1px;top: 1px;color:#ffa504 ;max-width: 1.52rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.game-tag img{width: .26rem;height: .26rem;display: inline-block;vertical-align: text-top;margin-right: .05rem;border-radius: 0.04rem;}
.djq-list .djq-type-con::before,.djq-list .djq-type-con::after{content: '';width: .22rem;border-radius: 50%;height: .22rem;border: 1px solid #ffda97;position: absolute;top:1.62rem;background: #fff;}
.djq-list .djq-type-con::before{left: -.11rem;}
.djq-list .djq-type-con::after{right: -.11rem;}
.djq-list  .djq-type-con:nth-child(1){margin-left: 0;}
.djq-border{background: linear-gradient(to bottom,#fffcf6,#fff9ef);border-radius: .12rem;border: 1px solid #ffda97;box-sizing: border-box;text-align: center;flex-direction: column;flex-shrink: 0;height: 2.62rem;}
 .djq-type-con .problem-btn{width: .25rem;height: .25rem;line-height: .25rem;border:1px solid
#ffa504;color: #ffa504;position: absolute;right: .1rem;top: .1rem;border-radius: 50%;}
.djq-type-con  .coupon-cut{padding: .5rem .1rem 0;font-size:.32rem;color: #ffa504;height: .8rem;line-height: .8rem;}
.coupon-cut span{font-size: .78rem;vertical-align: baseline;}
.coupon-txt{color: #9c958d;padding: 0 .1rem .2rem;}
.djq-type-con a{display: block;width: 1.3rem;height: .5rem;line-height: .5rem;color: #ffa504;border: 1px solid #ffa504;border-radius: .1rem;margin: 0 auto;user-select: none;}
.djq-type-con .coupon-getbtn{background: #ffa504;color: #fff;}
.djq-type-con .coupon-offbtn{-webkit-filter: grayscale(100%); filter: grayscale(100%);color: #fff;background-color: #ccc;}
.djq-tips{margin: .1rem .2rem 0;color: #999999;}

.popup-con{padding:.26rem 0;font-size:.28rem}
.popup-btn{text-align:center}
.popup-btn a{width:2.22rem;height:.74rem;line-height:.74rem;background-color:#00cc7d;color:#fff;font-size:.28rem;display:inline-block;border-radius:.1rem}
.explain-txt{margin-bottom: .3rem;text-align: left;font-size: .3rem;}
.explain-txt p{font-size: .28rem;color: #666;}
.popup-djq-explain p{color: #999;text-align: justify;}
 .explain-tips{font-size: .3rem;color: #ffa400;text-align: left;padding-bottom: .2rem;}
.popup .pop-animate{width: 100%;left: 0;bottom: 0;top: auto;transform: none;margin: 0;border-radius: .4rem .4rem 0 0;padding: .35rem .28rem 0;  -webkit-animation: fadeTop .5s ease forwards; animation: fadeTop .5s ease forwards;transition:0.5s transform;}
.pop-animate .pop-close{color: #d4d4d4;font-weight: normal;}
.pop-animate .popup-title{font-size: .32rem;font-weight: bold;}
@-webkit-keyframes fadeTop { 0% { -webkit-transform: translateY(100%);transform: translateY(100%)} 100% {-webkit-transform: translateX(0%);transform: translateX(0%)};}
@keyframes fadeTop {0% {-webkit-transform: translateY(100%);transform: translateY(100%)}100% {-webkit-transform: translateY(0%);transform: translateY(0%)}}
/* fix0421 */
.md-searchlb .txt{ padding-right: .68rem;}
.md-searchlb .close {position: absolute;top: 0.05rem;right: 1.4rem;width: 0.64rem;height: 0.64rem;
line-height: 0; font-size: 0;background: url('/images/2022/giftwap/search_close.png') center center no-repeat; background-size: 0.36rem 0.36rem;
display: none;}
.md-swiper{margin-bottom: .6rem;}
.md-classify ul{padding-top: 0;}

/* add 20230515*/
.pop-djqget-status .pop-status-icon{background: #00cc7d url('/images/2023/gifstatus_success.png') no-repeat center;background-size: .68rem .68rem;width: 1rem;height: 1rem;display: block;margin:  0 auto .1rem;border-radius: 50%;}
.pop-djqget-status .pop-status-txt{text-align: center;font-size: .28rem;}
.pop-djq-item-wrap{overflow: hidden;position: relative;margin: .2rem -.14rem;;}
.pop-djq-item{background: #fffcf7;border: 1px solid #ffda97;padding: .2rem 0;border-radius: .1rem ;display: flex;height: 1.4rem;align-items: center;position: relative;}
.pop-djq-item::before,.pop-djq-item::after{content: '';width: .22rem;border-radius: 50%;height: .22rem;border: 1px solid #ffda97;position: absolute;left:1.62rem;background: #fff;z-index: 1;}
.pop-djq-item::before{top:-.13rem;}
.pop-djq-item::after{bottom:-.13rem;}
.pop-djq-item .djq-value{width: 1.66rem;text-align: center;flex-shrink: 0;margin-right: .3rem;display: flex;
    align-items: center;justify-content: center;flex-direction: column}
.pop-djq-item .djq-value .coupon-cut{padding-top: .14rem;color:#ffa504 ;}
.djq-value .coupon-cut span{font-size: .5rem;vertical-align: initial;}
.djq-value .coupon-txt{color: #9c958d;}
.pop-djq-item .djq-info{margin-right: .3rem;flex: 1;display: flex;}
.pop-djq-item .djq-info .info-txt{line-height: .4rem;width: 3.65rem;}
.info-txt .gamename{text-overflow: ellipsis;overflow: hidden;font-size: .28rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: .32rem;margin-bottom: .05rem;padding-right: 1.6rem;}
.pop-djq-item  .info-txt .gamename{padding-right: 0;}
.info-txt .limit-time,.info-txt .limit-right{color:#9c958d;text-align: justify;word-break: break-all;text-overflow:ellipsis;overflow: hidden;}
.djq-list li .djqget-btn,.djq-list li .djquse-btn,.pop-djq-item .djqget-btn,.pop-djq-item .djquse-btn{min-width: 1.28rem;height: 0.24rem;line-height: 0.24rem;text-align: center;padding: .16rem 0;border-radius: 0.1rem;border: 1px solid #ffa504;background-color: #ffa504;color: #fff;flex-shrink: 0;position: absolute;right: .2rem;}
.limit-right a{color:#9c958d ;}
.pop-djq-item .djq-tag{padding:0 .1rem;height: .38rem;line-height: .38rem;color:#ffa504 ;border-radius: .1rem 0 .1rem 0;position: absolute;top: 0;left: 0;background: #ffeed0;}
.pop-status-tips{text-align: center;color: #9c958d;}
.popup-btn{padding-top: .2rem;font-size: 0;margin: 0 -.2rem;}
.popup-btn .popup-btn-del:last-child{float: none;}

.shade{display:none;position: fixed;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.5);z-index: 100}
.dialog{display:none;position: fixed;top: 50%;left: 50%;width: 5.86rem;border-radius: 0.1rem;background: #fff;padding: 0.4rem;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 999;box-sizing: border-box;}
.dia-close{position: absolute;top: 0.15rem;right: 0.15rem;width:0.36rem;height: 0.36rem;cursor: pointer;background: url('/images/2022/close.png') center center no-repeat;background-size: 0.25rem 0.25rem;z-index: 2;}
.dia-tit{line-height: 0.46rem;font-size: 0.28rem;font-weight: bold;color: #49494b;text-align: center}
.dia-con{margin-top: 0.2rem;}
.dia-con p{height:0.6rem;line-height: 0.6rem;border-bottom: 1px solid #e3e3e3;overflow: hidden;color: #49494b}
.dia-con p span{float: left;}
.dia-con p input{width:4rem;float: right;text-align: right;height:0.6rem;line-height: 0.6rem;font-size: 0.24rem;border:none;padding-right: 0.15rem;color: #49494b}
.dia-btn{margin-top: 0.3rem;text-align: center;display: flex;flex-wrap: nowrap;justify-content: space-around;}
.dia-btn a{width: 2.2rem;height: .78rem;font-size: .3rem;line-height: .78rem;margin: 0 .05rem;border-radius: .1rem;display: inline-block;}
.dia-btn a:nth-child(1){background-color: #28d276;color: #fff;}
.dia-btn a:nth-child(2){background-color: #ffa504;color: #fff;}
.dia-list{padding:0.2rem 0;max-height: 5rem;overflow-y: auto;}
.dia-list li{height: 0.6rem;line-height: 0.6rem;overflow: hidden;border-bottom: 1px solid #e3e3e3;color: #49494b;position: relative;}
.dia-list li::before{content: "";position: absolute;top: 50%;right: 0;margin-top: -0.1rem;width: 0.2rem;height: 0.2rem;border:1px #e3e3e3 solid;overflow: hidden;border-radius: 50%;}
.dia-list .on::before{border-color:#00cc7d}
.dia-list .on::after{content: "";position: absolute;top: 50%;right: 0.05rem;margin-top: -0.04rem;width: 0.12rem;height: 0.12rem;background:#00cc7d;overflow: hidden;border-radius: 50%;}
.dia-tip{line-height: 0.5rem;padding: 0.46rem 0;font-size: .28rem;text-align: center;}
.dia-loading{width: 1rem;height: 1rem;background: none;padding:0}
.dia-loading img{width: 1rem;height: 1rem;text-align: center}
.pop-toast{position: fixed;top: 50%;left: 0;width: 100%;text-align: center;;z-index: 200;;display: none;transform: translateY(-50%);}
.pop-toast span{display: inline-block;padding: .15rem 0.5rem;text-align: center;max-width: 4rem;color: #fff;font-size: 0.28rem;border-radius: 0.18rem;background: rgba(0,0,0,0.6);}
/* add */
.djq-loadding-list{display: flex;justify-content: space-between;}
.djq-loadding-list span{width: 2.18rem;height: 2.62rem;margin: 0.3rem 0 0 0;background: url('/images/2023/djq/djq-loading.gif') no-repeat center;background-size: 100%;}
.loadding-erro{text-align: center;color: #999999;font-size: .28rem;height: 2.62rem;line-height: 2.62rem;margin-top: .3rem;}
.loadding-erro span{color: #0ecf84;vertical-align: top;}
.loadding-erro span i{width: .3rem;height: .3rem;display: inline-block;background: url('/images/2023/update_icon.png') no-repeat center;background-size: .3rem .3rem;vertical-align: text-bottom;margin: 0 .1rem;}
.loadding-before{text-align: center;padding: .4rem 0;}
.loadding-before em{width:.66rem;height:.66rem;display: block;background: url('/images/2023/load.gif') no-repeat center ;margin: 0 auto .1rem;background-size: 100%;}
/* add 20230911*/
.limit-right i {
    width: 0.08rem;
    height: 0.08rem;
    border-left: 1px solid #9c958d;
    border-top: 1px solid #9c958d;
    display: inline-block;
    transform: rotate(-135deg);
    margin-left: 0.08rem;
    vertical-align: middle;
    margin: 0 0.1rem 0.1rem;
}
.gift-list li .btn.outget {  border:1px #999999 solid;color: #999999;}