body, html {
    font-size: .16rem;
    font-family: 'Kanit';
    background: #335F9B;
}
* {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
}
i {
    font-style: normal;
}

* {
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none;
}

.bg{ background-repeat: no-repeat; background-size: 100% 100%}
.pa{ position: absolute; }
.pr{ position: relative;}
.wrapper {
    width: 7.5rem;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}
.wrapper .container {
    width: 7.5rem;
    margin: 0 auto;
    background: #335F9B;
}
.wrapper .container .header {
    width: 100%;
    height: 1.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/topBg.png) no-repeat center;
    background-size: 100%;
}
.wrapper .container .header ul {
    height: 1.05rem;
    line-height: 1.05rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .4rem;
}
.wrapper .container .header ul .return {
    display: block;
    width: .35rem;
    height: .35rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/return.png) no-repeat center;
    background-size: 100%;
}
.wrapper .container .header ul .headerTxt {
    width: 1.45rem;
    height: .6rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/header_tlt.png) no-repeat center;
    background-size: 100%;
    color: #ffee73;
    font-weight: 600;
    font-size: .3rem;
    font-family: 'Kanit';
    margin-left: .5rem;
    text-shadow: 0rem .02rem .01rem #666;
}
.wrapper .container .header ul .headerLogo {
    width: 1.25rem;
    height: .75rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/logo.png) no-repeat center;
    background-size: 100%;
}
.wrapper .container .contentText {
    padding-bottom: .45rem;
    width: 100%;
}
.wrapper .container .contentText ul {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 0.3rem;
}
.wrapper .container .contentText .text li {
    margin-right: .2rem;
}
.wrapper .container .contentText ul .userId {
    color: #affcff;
    height: .45rem;
    line-height: .45rem;
    font-size: .36rem;
    font-family: 'Kanit';
    letter-spacing: .01rem;
}
.wrapper .container .contentText ul .input {
    width: 3.55rem;
    height: 0.46rem;
    line-height: .46rem;
    border: none;
    border-radius: .1rem;
    outline: none;
    background-color: #324b84;
    padding-left: .2rem;
    font-size: .24rem;
    color: #99c2d9;
    font-family: 'Arial';
}
.wrapper .container .contentText ul .question {
    display: block;
    width: .45rem;
    height: .45rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/question.png) no-repeat center;
    background-size: 100%;
}
.wrapper .container .contentText .txt {
    text-align: center;
    color: #d0e7ea;
    font-size: .24rem;
    letter-spacing: .01rem;
}
.wrapper .container .contentText .firstLine {
    padding-top: .13rem;
}
.wrapper .container .contentText .txt i {
    color: #79cbff;
    margin: 0 .02rem;
}
.wrapper .container .middle {
    width: 100%;
    background-color: #2b417f;
    border-radius: 0.15rem;
    overflow: scroll;
    scrollbar-width: none
}
.middle::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: transparent;
}
.wrapper .container .middle .list {
    width: 100%;
    height: 10.8rem;
    padding-top: .15rem;
}
.wrapper .container .middle #diamondCoinlist{
    margin-bottom: .2rem;
}
.wrapper .container .middle .list .listBg {
    position: relative;
    width: 7.05rem;
    height: 1.55rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardBg.png) no-repeat center;
    background-size: 100%;
    margin-left: .23rem;
    margin-top: .1rem;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.wrapper .container .middle .threeChooseone .list,
.wrapper .container .middle .giftContentAwaken .list,
.wrapper .container .middle .twoChooseone .list{
    -webkit-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
    overflow: hidden;
}
.giftContent .hide,
.giftContentAwaken .hide,
.twoChooseone .hide {
    height: 1.6rem !important;
    overflow: hidden;
}

.wrapper .container .middle .list .listBg.hide{ display: none}
.icoPresent {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    top: -.05rem;
    left: -.1rem;
    width: 1.05rem;
    height: .6rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_present.png) no-repeat;
    background-size: 100% 100%;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
}
.icoPresent span {
    display: inline-block;
    margin: 0 -.03rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icoPresent .icoAdd {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_add.png);
}
.icoPresent .icoRange {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_range.png);
}
.icoPresent .icoPerCent {
    width: .23rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_per-cent.png);
}
.icoPresent .icoGold {
    width: .27rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_gold.png);
}
.icoPresent .ico00 {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_00.png);
}
.icoPresent .ico01 {
    width: .14rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_01.png);
}
.icoPresent .ico02 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02.png);
}
.icoPresent .ico03 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_03.png);
}
.icoPresent .ico04 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_04.png);
}
.icoPresent .ico05 {
    width: .19rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_05.png);
}
.icoPresent .ico06 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_06.png);
}
.icoPresent .ico07 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_07.png);
}
.icoPresent .ico08 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_08.png);
}
.icoPresent .ico09 {
    width: .21rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_09.png);
}
.icoPresent-02 {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    top: -.05rem;
    left: -.05rem;
    width: 1.08rem;
    height: .71rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_present_02.png) no-repeat;
    background-size: 100% 100%;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
}

.rightIcoPresent-02 {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    top: -.25rem;
    right: -.05rem;
    width: .9rem;
    height: .9rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/TH_sxy_tag_hot.png) no-repeat;
    background-size: 100% 100%;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
}
.rightIcoPresent-03 {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    top: -.25rem;
    right: -.05rem;
    width: .9rem;
    height: .9rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/TH_sxy_tag_best_value.png) no-repeat;
    background-size: 100% 100%;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    justify-content: center;
    align-items: center;
}
.icoPresent-02 .num-rotate {
    transform: rotate(344deg);
    -webkit-transform: rotate(344deg);
    margin-top: -.08rem;
}
.icoPresent-02 span {
    display: inline-block;
    margin: 0 -.01rem;
    height: .22rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.icoPresent-02 .icoAdd {
    width: .15rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_add.png);
}
.icoPresent-02 .icoPerCent {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_per.png);
}
.icoPresent-02 .ico00 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_00.png);
}
.icoPresent-02 .ico01 {
    width: .13rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_01.png);
}
.icoPresent-02 .ico02 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_02.png);
}
.icoPresent-02 .ico03 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_03.png);
}
.icoPresent-02 .ico04 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_04.png);
}
.icoPresent-02 .ico05 {
    width: .17rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_05.png);
}
.icoPresent-02 .ico06 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_06.png);
}
.icoPresent-02 .ico07 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_07.png);
}
.icoPresent-02 .ico08 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_08.png);
}
.icoPresent-02 .ico09 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_02_09.png);
}

.indexIcoAddition{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/bg_present_03.png"); }
.indexIcoAddition .icoAdd {
    width: .15rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_add.png);
}
.indexIcoAddition .icoPerCent {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_per.png);
}
.indexIcoAddition .ico00 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_00.png);
}
.indexIcoAddition .ico01 {
    width: .13rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_01.png);
}
.indexIcoAddition .ico02 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_02.png);
}
.indexIcoAddition .ico03 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_03.png);
}
.indexIcoAddition .ico04 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_04.png);
}
.indexIcoAddition .ico05 {
    width: .17rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_05.png);
}
.indexIcoAddition .ico06 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_06.png);
}
.indexIcoAddition .ico07 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_07.png);
}
.indexIcoAddition .ico08 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_08.png);
}
.indexIcoAddition .ico09 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_09.png);
}
.indexIcoAddition .icoRange {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_org_range.png);
}
.middle-list .text{ color: rgb(121,203,255); font-size: .3rem; margin: .2rem auto 0; text-align: center; }
.list .listBg div {
    float: left;
}
.list .listBg .goldCoin01 {
    width: 1.98rem;
    height: 1.45rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/coin.png) no-repeat center;
    background-size: 100%;
    margin-top: .08rem;
}
.list .listBg .goldCoin02 {
    width: 1.98rem;
    height: 1.45rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/coin02.png) no-repeat center;
    background-size: 100%;
    margin-top: .08rem;
}
.list .listBg .goldCoin03 {
    width: 1.98rem;
    height: 1.45rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/coin03.png) no-repeat center;
    background-size: 100%;
    margin-top: .08rem;
}
.list .listBg .number {
    width: 2.2rem;
    padding-top: .4rem;
    z-index: 2;
}
.list .listBg .number div {
    width: 2.8rem;
    display: flex;
    align-items: center;
}
.list .listBg .number div span {
    display: block;
    margin-left: -.04rem;
}
.list .listBg .number.scale .topNum,
.list .listBg .number.scale .plusNum{
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}
.list .listBg .number.scale .plusNum{
    margin-top: -.2rem;
}
.list .listBg .number.scale .numCoin{
    margin-top: -.1rem;
}
.list .listBg .number .topNum .cardComma {
    width: .17rem;
    height: .5rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardComma.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num00 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_00.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num01 {
    width: .25rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_01.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num02 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_02.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num03 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_03.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num04 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_04.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num05 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_05.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num06 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_06.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num07 {
    width: .28rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_07.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num08 {
    width: .30rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_08.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .topNum .num09 {
    width: .30rem;
    height: .39rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/cardNum_09.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum {
    margin-top: -.1rem;
}
.list .listBg .number .plusNum .plus {
    width: .21rem;
    height: .38rem;
    margin-right: .05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plus.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plusComma {
    width: .1rem;
    height: .5rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusComma.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus00 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_00.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus01 {
    width: .21rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_01.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus02 {
    width: .23rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_02.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus03 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_03.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus04 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_04.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus05 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_05.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus06 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_06.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus07 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_07.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus08 {
    width: .22rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_08.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .plusNum .plus09 {
    width: .23rem;
    height: .38rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/plusNum_09.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .number .numCoin {
    font: bold .27rem arial;
    color: #fe6c00;
    margin-top: -.05rem;
    line-height: 1;
}
.list .listBg .number .numCoin .imgCoin {
    margin-right: .05rem;
    width: .65rem;
    height: .28rem;
}
.list .listBg .number .numCoin .icoCoin {
    margin-left: .1rem;
    width: .28rem;
    height: .28rem;
}
.list .listBg .button, .biweekly .buy .button {
    width: 1.9rem;
    height: .65rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/thBtn.png) no-repeat center;
    background-size: 100%;
    margin-top: .45rem;
    margin-left: 0.5rem;
    font-weight: 600;
}
.list .listBg .button a, .biweekly .buy .button a {
    width: 1.9rem;
    height: .65rem;
    display: block;
    z-index: 999;
}
.list .listBg .button .btn, .biweekly .buy .button .btn {
    position: relative;
    top: -.04rem;
    width: 1.9rem;
    height: .65rem;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.list .listBg [class*="cardImg"]{
    position: absolute;
    top: .3rem;
    left: 1.1rem;
    width: 1.24rem;
    height: 1.24rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.list .listBg .cardImg641{
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/card/card_01.png);
}
.list .listBg .cardImg642{
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/card/card_02.png);
}
.list .listBg .cardImg643{
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/card/card_03.png);
}
.list .listBg .cardImg644{
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/card/card_04.png);
}
.list .listBg .cardImg6446{
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/card/card_05.png);
}
.list .listBg  .number .cardInfo{
    position: absolute;
    bottom: .05rem;
    left: 2.2rem;
    color: #5f74f4;
    font-size: .22rem;
    line-height: 1;
    width: 4.5rem;
    height: .4rem;
    justify-content: flex-start;
}
.list .listBg .number .cardInfo span{ display: inline-block; margin: 0 .05rem; }
.weekBuyAgain .btn {
    height: .45rem !important;
}
.buttonaHref .buyText {
    display: none;
}
.weekBuyAgain .buyText {
    display: block;
    width: 0.65rem;
    height: .2rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/weekBuyAgainText.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 0.6rem;
}

.list .listBg .button .btn .btnNum_00, .biweekly .buy .button .btn .btnNum_00 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_00.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_01, .biweekly .buy .button .btn .btnNum_01 {
    width: .22rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_01.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_02, .biweekly .buy .button .btn .btnNum_02 {
    width: .22rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_02.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_03, .biweekly .buy .button .btn .btnNum_03 {
    width: .22rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_03.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_04, .biweekly .buy .button .btn .btnNum_04 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_04.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_05, .biweekly .buy .button .btn .btnNum_05 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_05.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_06, .biweekly .buy .button .btn .btnNum_06 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_06.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_07, .biweekly .buy .button .btn .btnNum_07 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_07.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_08, .biweekly .buy .button .btn .btnNum_08 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_08.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnNum_09, .biweekly .buy .button .btn .btnNum_09 {
    width: .24rem;
    height: .32rem;
    margin-left: -.05rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnNum_09.png) no-repeat center;
    background-size: 100%;
}
.list .listBg .button .btn .btnText, .biweekly .buy .button .btn .btnText {
    width: .7rem;
    height: .32rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/btnText.png) no-repeat center;
    background-size: 100%;
    margin-left: .08rem;
}
.wrapper .container .footer {
    width: 7.5rem;
    height: 1.92rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_footer.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.wrapper .container .footer .icon {
    width: 1.6rem;
    height: .65rem;
    display: flex;
    padding: 0 .2rem;
}
.wrapper .container .footer .con-left {
    display: flex;
    display: -webkit-flex;
    margin-top: .32rem;
    height: .65rem;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.wrapper .container .footer .icon a {
    display: inline-block;
}
.wrapper .container .footer .icon .mail {
    width: .78rem;
    height: .7rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mail.png) no-repeat center;
    background-size: 100%;
}
.wrapper .container .footer .icon .fb {
    width: .78rem;
    height: .75rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/fb.png) no-repeat center;
    background-size: 100%;
}.wrapper .cover
.wrapper .container .footer p .footerText {
    color: #79cbff;
    font-size: .3rem;
    font-family: 'Kanit';
    padding-right: .5rem;
    text-decoration: underline;
}
.wrapper .cover {
    width: 7.5rem;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 101;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*
.wrapper .rechargeMode{
margin: 0 auto;
width: 6.55rem;
height: 11.2rem;
background: url(https://static.dummyupdate.com/images/web/website/recharge/rechargeBg.png) no-repeat center;
background-size: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translatey(-50%);
z-index: 2;
}*/

.rechargeMode {
    width: 7.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.wrapper .rechargeMode .reHeader {
    width: 7.5rem;
    height: 1.01rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/reHeader01.png) no-repeat center;
    background-size: 100% 100%;
    display: flex;
    font-size: 0%;
    margin-bottom: 0rem;
}
.modeList {
    width: 7.5rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/reMiddle01.png) repeat center;
    background-size: 100% 100%;
    font-size: 0%;
}
.reFooter {
    width: 7.5rem;
    height: .68rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/recharge_footer.png) no-repeat center;
    background-size: 100% 100%;
    font-size: 0%;
    margin-top: 0rem;
}
.wrapper .rechargeMode .reHeader .title {
    width: 3.12rem;
    height: .5rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode_tlt.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 2.18rem;
    margin-top: .3rem;
}
.wrapper .rechargeMode .reHeader .title.bgNone{
    margin: .15rem auto 0;
    width: 90%;
    background: none;
    font-size: .4rem;
    color: #FFEB48;
    text-align: center;
    text-shadow: 0 .03rem 0 #807FBB;
}
.wrapper .rechargeMode .reHeader .closebtn {
    position: absolute;
    top: .05rem;
    right: .6rem;
    width: .4rem;
    height: .4rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/closeBtn.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}
.rechargeMode .modeList .modeTitle_01 {
    width: 7.5rem;
    height: .35rem;
    line-height: .35rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/recharge_arrow02.png) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    color: #aefcff;
    font-size: .3rem;
    margin-bottom: .1rem;
}
.rechargeMode .modeList .modeTitle_02 {
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/recharge_arrow02.png) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    color: #aefcff;
    font-size: .3rem;
    margin-bottom: .1rem;
}
.rechargeMode .modeList .modeTitle_03 {
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/recharge_arrow03.png) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    color: #aefcff;
    font-size: .3rem;
    margin-top: -.05rem;
    margin-bottom: .1rem;
}
.rechargeMode .modeList .modeTitle_04 {
    width: 100%;
    height: .35rem;
    line-height: .35rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/recharge_arrow04.png) no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    color: #aefcff;
    font-size: .3rem;
    margin-bottom: .1rem;
}
.rechargeMode .modeList .mode {
    width: 100%;
}
.rechargeMode .modeList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: .75rem;
    margin-top: .1rem;
}
.rechargeMode .modeList ul li {
    width: 2.6rem;
    height: .7rem;
    margin-left: .28rem;
    margin-bottom: .25rem;
}
.recharge .rechargeMode .modeList .mode li a {
    display: inline-block;
    width: 2.6rem;
    height: .7rem;
}
.rechargeMode .modeList .mode .mode_01 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode01.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_02 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode02.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_03 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode03.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_03_v2 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode_03_v2.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_04 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode04.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_05 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode05.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_06 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode06.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_07 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode07.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_08 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode08.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_09 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode09.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_10 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode10.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_11 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode11.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_12 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode12.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_13 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode13.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_14 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode14.png) no-repeat center;
    background-size: 100%;
}
.rechargeMode .modeList .mode .mode_15 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode15.png) no-repeat center;
    background-size: 100%;
}
.idInstructor {
    width: 6.55rem;
    height: 7.25rem;
    position: absolute;
    top: 2.6rem;
    left: 50%;
    transform: translateX(-50%);
    background: url(https://static.dummyupdate.com/images/web/website/recharge/instructorBg.png) no-repeat center;
    background-size: 100%;
    letter-spacing: .01rem;
}
.idInstructor_v1 {
    height: 8.5rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/instructorBg_v1.png) no-repeat center;
    background-size: 100%;
}
.idInstructor .clsBtn {
    margin-top: 0rem
}

.idInstructor_v1 .clsBtn {
    margin-top: 0rem
}
/* 茅聧聫忙艩陆忙拢麓茅沤赂氓陇聬忙艗鲁茅鈥撀β奥泵︹€⒙っ┞徛嵜ヂ陈懊绰� */

.clsBtn {
    width: .4rem;
    height: .4rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/closeBtn.png) no-repeat center;
    background-size: 60%;
    float: right;
    padding-right: .25rem;
    padding-top: .08rem;
    cursor: pointer;
}
/* 忙碌聽氓卢卢莽虏鈥好┞嵚徝ε犅矫βＢ疵┡铰该ヂぢ惷ε捖趁┞徛嵜ヂ陈懊绰∶β封€∶€犅矫︹€⒙� */

#clsBtn {
    padding-right: .3rem;
    padding-top: .08rem;
}
.idInstructor .introId {
    width: 100%;
    height: 6.6rem;
    margin-top: .45rem;
}
.idInstructor_v1 .introId {
    width: 100%;
    height: 6.8rem;
    margin-top: .45rem;
}
.introId .introStepOne {
    width: 5.85rem;
    height: 3.2rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/intro01_v2.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: .385rem;
}
.introId .introStepTwo {
    width: 5.85rem;
    height: 3.2rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/intro02_v2.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3.6rem;
}
.idInstructor .introTipBtn {
    display: none;
}
.idInstructor_v1 .introTipBtn {
    width: 6rem;
    height: 1.2rem;
    position: absolute;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/introTipbg.png) no-repeat center;
    margin-left: 0.28rem;
    bottom: 0.4rem;
    display: block ;
    background-size: 100% 100%;
}
.idInstructor_v1 .introTipBtn .guanwangBtn {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/introTipBtn.png) no-repeat;
    width: 2.457rem;
    height: 1.053rem;
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    z-index:1;
    background-size: 100% 100%;
}
.introTitle {
    color: #79cbff;
    font-size: .22rem;
    display: inline-block;
    margin-left: .65rem;
    margin-top: .1rem;
}
.confirm .confirmBg {
    width: 6.55rem;
    height: 5.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url(https://static.dummyupdate.com/images/web/website/recharge/confirmBg.png) no-repeat center;
    background-size: 100% 100%;
}
/* 忙露鈥溍ｂ€氣€灻┾€∨撁郝€犅棵€β幻ヂヅ撀嵚� */

.confirmTwo .confirmBg {
    width: 6.54rem;
    height: 4.49rem;
    position: absolute;
    top: 2.6rem;
    left: 50%;
    transform: translateX(-50%);
    background: url(https://static.dummyupdate.com/images/web/website/recharge/confirm_twobg.png) no-repeat center;
    background-size: 100%;
}
.confirm .confirmBg .clsBtn {
    padding-right: .32rem;
    padding-top: .1rem;
}
.confirm .confirmBg .conformTitle {
    width: 2.56rem;
    height: .58rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/confirm_tlt.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    margin-top: .3rem;
    margin-left: 2rem;
}
.confirmTwo .confirmBg .conformTitle {
    width: 2.56rem;
    height: .58rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/confirm_tlt.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    margin-top: .3rem;
    margin-left: 2rem;
}
.confirm .confirmBg .confirmInfo {
    display: flex;
    display: -webkit-flex;
    width: 5.75rem;
    height: 3.9rem;
    padding-left: .5rem;
    letter-spacing: .01rem;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column;
    flex-flow: column;
}
.confirmTwo .confirmBg .confirmInfo {
    width: 5.75rem;
    height: 3.9rem;
    padding-top: .5rem;
    padding-left: .5rem;
    letter-spacing: .01rem;
}
.confirm .confirmBg .confirmInfo p {
    width: 90%;
    color: #79cbff;
    text-align: center;
    font-size: .28rem;
    line-height: .35rem;
    width: 80%;
}
.confirm .confirmBg .confirmInfo #nickName{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.confirm .confirmBg .confirmInfo .confirmButton{ margin-left: 0; }
.confirmTwo .confirmBg .confirmInfo .infoOne {
    color: #aefcff;
    font-size: .3rem;
    margin-bottom: .15rem;
}
.confirmButton {
    width: 1.9rem;
    height: .65rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/confirmButton.png) no-repeat center;
    background-size: 100%;
    margin-left: 1.9rem;
    margin-top: .3rem;
    position: relative;
    cursor: pointer;
    display: block;
}
.confirmBtn a {
    display: block;
    width: 1.9rem;
    height: .65rem;
}
.paragraph {
    height: .8rem;
    color: #79cbff;
    text-align: center;
    font-size: .28rem;
    font-family: 'Kanit';
    line-height: .45rem;
    margin-top: .5rem;
    letter-spacing: .01rem;
}
#commonMsg {
    padding: .2rem .5rem;
}
.btns {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: .85rem;
}
.btns .leftBtn {
    width: 2.1rem;
    height: .75rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/leftBtn.png) no-repeat center;
    background-size: 100%;
}
.btns .rightBtn {
    width: 2.1rem;
    height: .75rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/rightBtn.png) no-repeat center;
    background-size: 100%;
}
.btns a {
    display: block;
    width: 2.1rem;
    height: .75rem;
}
.thickdiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    border: 0 none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 100;
}
.pupState {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 6.62rem;
    height: 4.45rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/pup_common_recharge.png) no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    z-index: 201;
    letter-spacing: .01rem;
}

.pupState .clsBtn {
    padding-right: .3rem;
    margin-right: .03rem;
}
.pupState .imgstate {
    margin: 0 auto .45rem;
    text-align: center;
    clear: both;
}
.pupState .imgstate img {
    width: 1.66rem;
}
.pupState .txtTips {
    margin: 0 auto;
    display: flex;
    width: 5.82rem;
    height: 1.15rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_text_pup.png) no-repeat;
    font-size: .24rem;
    color: #79cbff;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: 100% 100%;
}
.pupTips {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 70%;
    padding: .3rem .8rem;
    background: #2c508e;
    font-size: .26rem;
    color: #aefcff;
    text-align: center;
    border-radius: .2rem;
    border: .05rem #4c86c5 solid;
    transform: translate(-50%, -50%);
    box-shadow: 0 .02rem .03rem rgba(76, 81, 62, .5), 0 0 .05rem rgba(0, 0, 0, .5) inset;
    z-index: 201;
    white-space: nowrap;
}
.pupCommonButton {
    margin: .2rem 0;
}

.pupSuccessCommon{ width: 6.47rem; height: 5.52rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/tips_bg_common.png"); }
.pupSuccessCommon .conformTitle{ margin-top: .3rem; height: .47rem; text-align: center; }
.pupSuccessCommon .conformTitle img{ height: 100%; }
.pupSuccessCommon .clsBtn{ position: absolute; top: .07rem; right: -.05rem; }
.pupSuccessCommon .imgstate{ margin: -.3rem auto 0; height: 3.06rem;  }
.pupSuccessCommon .imgstate img{ width: auto; height: 100%; } 
.pupSuccessCommon .txtTips{ margin-top: -.35rem; padding: 0 .1rem; height: 1.65rem; box-sizing: border-box; } 

/* 莽鈥樷劉忙沤鈥溍喡� */

.rechargeMode .modeList .mode li {
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
/*.rechargeMode .modeList .mode li .icoPresent5 {
display: inline-block;
width: .6rem;
height: .39rem;
position: absolute;
background: url(https://static.dummyupdate.com/images/web/website/recharge/plus_icon.png) no-repeat center;
background-size: 100%;
top: -.09rem;
left: auto;
right: 0;
}*/

.rechargeMode .modeList .mode li .icoPresent {
    /*left: auto;*/
    top: -.1rem;
    right: -.05rem;
    width: .65rem;
    height: .37rem;
}
.rechargeMode .modeList .mode li .icoPresent span {
    margin: 0 -.01rem;
    height: .15rem;
}
.rechargeMode .modeList .mode li .icoPresent .icoAdd {
    width: .08rem;
}
.rechargeMode .modeList .mode li .icoPresent .icoPerCent {
    width: .11rem;
}
.rechargeMode .modeList .mode li .icoPresent .icoGold {
    width: .13rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico00 {
    width: .11rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico01 {
    width: .07rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico02 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico03 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico04 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico05 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico06 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico07 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico08 {
    width: .1rem;
}
.rechargeMode .modeList .mode li .icoPresent .ico09 {
    width: .1rem;
}
/* 茅聫鈥毭β澛棵€撈捗┡铰该ヂぢ惷ε捖� */

.rechargeMode .modeList .mode .mode_16 {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/mode_btn.png) no-repeat center;
    background-size: 100%;
}
.confirmTwo .lastConfirmBg {
    width: 6.45rem;
    height: 4.45rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/confirmTwo.png) no-repeat center;
    background-size: 100%;
}
/*8.1*/

.wrapper .footer .btnDownload {
    position: relative;
    display: block;
    margin: 0rem .3rem 0 0;
    width: 2.457rem;
    height: 1.053rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/introTipBtn.png) no-repeat;
    background-size: 100% 100%;
}
#guanWangBtnTips {
    background: url(https://static.dummyupdate.com/images/web/website/recharge/guanwangDownloadtips.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
    width: 3.67rem;
    height: 1.2rem;
    right: 2.5rem;
    top: .2rem;
    -webkit-animation: btn-download-tip-down 1.6s linear infinite;
    animation: btn-download-tip-down 1.6s linear infinite;
}
@-webkit-keyframes btn-download-tip-down {
    25% {
        -webkit-transform: translateY(-4px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(4px);
    }
}
.wrapper .footer .btnDownload i {
    position: absolute;
    top: -.3rem;
    right: -.1rem;
    width: .59rem;
    height: .72rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/ico_gift_v2.png) no-repeat;
    background-size: 100% 100%;
}
.wrapper .container .middle .list {
    height: auto;
}
.wrapper .container .middle .listGift .listBg {
    width: 7.09rem;
    height: 1.6rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/cardBg_blue.png);
}
.wrapper .container .giftContentAwaken .listGift .listBg {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/cardBg_purple.png);
}
.listGift .listBg .preferential01 {
    margin-top: .07rem;
    margin-left: .04rem;
    width: 2.1rem;
    height: 1.45rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/img_preferential_01.png);
}
.listGift .listBg .value01 {
    margin-top: .07rem;
    margin-left: .04rem;
    width: 2.1rem;
    height: 1.45rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/img_value_01.png);
}
.listGift .listBg .value02 {
    margin-top: .07rem;
    margin-left: .04rem;
    width: 2.1rem;
    height: 1.45rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/img_value_02.png);
}
.listGift .listBg .value03 {
    margin-top: .07rem;
    margin-left: .04rem;
    width: 2.1rem;
    height: 1.45rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/img_value_03.png);
}
.listGift .listBg .first01 {
    margin-top: .07rem;
    margin-left: .04rem;
    width: 2.1rem;
    height: 1.45rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/img_first_01.png);
}
.listGift .listBg .first02 {
    margin-top: .07rem;
    margin-left: .04rem;
    width: 2.1rem;
    height: 1.45rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/img_first_02.png);
}
.listGift .listBg .number {
    position: relative;
    margin-left: -.1rem;
    padding-top: .2rem;
    display: flex;
    display: -webkit-flex;
    width: 2.66rem;
    height: 1.3rem;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
}
.listGift .listBg .button {
    margin-left: 0;
}
.listGift .listBg .number .plusNum {
    margin-left: .3rem;
}
.listGift .listBg .number div span {
    margin-left: 0!important;
    height: .38rem!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.listGift .listBg .number .topNum .cardComma {
    width: .14rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_dot.png);
}
.listGift .listBg .number .topNum .num00 {
    width: .26rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_00.png);
}
.listGift .listBg .number .topNum .num01 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_01.png);
}
.listGift .listBg .number .topNum .num02 {
    width: .26rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_02.png);
}
.listGift .listBg .number .topNum .num03 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_03.png);
}
.listGift .listBg .number .topNum .num04 {
    width: .26rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_04.png);
}
.listGift .listBg .number .topNum .num05 {
    width: .24rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_05.png);
}
.listGift .listBg .number .topNum .num06 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_06.png);
}
.listGift .listBg .number .topNum .num07 {
    width: .24rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_07.png);
}
.listGift .listBg .number .topNum .num08 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_08.png);
}
.listGift .listBg .number .topNum .num09 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_preferential_09.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .cardComma,
.giftContentAvatar .listGift .listBg .number .topNum .cardComma,
.giftContentFort .listGift .listBg .number .propList .cardComma{
    width: .14rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_dot.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num00,
.giftContentAvatar .listGift .listBg .number .topNum .num00,
.giftContentFort .listGift .listBg .number .propList .num00{
    width: .26rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_00.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num01,
.giftContentAvatar .listGift .listBg .number .topNum .num01,
.giftContentFort .listGift .listBg .number .propList .num01 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_01.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num02,
.giftContentAvatar .listGift .listBg .number .topNum .num02,
.giftContentFort .listGift .listBg .number .propList .num02 {
    width: .26rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_02.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num03,
.giftContentAvatar .listGift .listBg .number .topNum .num03,
.giftContentFort .listGift .listBg .number .propList .num03 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_03.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num04,
.giftContentAvatar .listGift .listBg .number .topNum .num04,
.giftContentFort .listGift .listBg .number .propList .num04 {
    width: .26rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_04.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num05,
.giftContentAvatar .listGift .listBg .number .topNum .num05,
.giftContentFort .listGift .listBg .number .propList .num05 {
    width: .24rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_05.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num06,
.giftContentAvatar .listGift .listBg .number .topNum .num06,
.giftContentFort .listGift .listBg .number .propList .num06 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_06.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num07,
.giftContentAvatar .listGift .listBg .number .topNum .num07,
.giftContentFort .listGift .listBg .number .propList .num07 {
    width: .24rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_07.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num08,
.giftContentAvatar .listGift .listBg .number .topNum .num08,
.giftContentFort .listGift .listBg .number .propList .num08 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_08.png);
}
.giftContentAwaken .listGift .listBg .number .topNum .num09,
.giftContentAvatar .listGift .listBg .number .topNum .num09,
.giftContentFort .listGift .listBg .number .propList .num09 {
    width: .25rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_awaken_09.png);
}
.listGift .listBg .number .plusNum {
    margin-top: 0;
}
.listGift .listBg .number .plusNum span {
    margin-left: -.04rem!important;
}
.list .listBg .number .plusNum .plusComma {
    height: .5rem!important;
}
.giftContent {
    margin: .22rem auto 0;
    padding-bottom: .1rem;
    width: 7.13rem;
    background: #0e599c;
    border: .03rem #3291cc solid;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
}
.giftContent .title {
    position: relative;
    top: -.03rem;
    left: -.04rem;
    padding-left: .15rem;
    font-weight:600;
    width: 7.21rem;
    height: .45rem;
    font-size: .2rem;
    line-height: .45rem;
    color: #2157d9;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/common_gift_title.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.giftContent .title span {
    width: 1.23rem;
    height: .45rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 0.05rem;
    position: absolute;
}
.giftContent .title span.btn-show {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/btn_hide.png);
    z-index: 1;
}
.giftContent .title span.btn-hide {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/btn_show.png);
    z-index: 1;
}
.giftContent .title span.btn-show-arrow {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/btn_show_arrow.png);
    width: 0.48rem;
    right: 0.8rem;
    transition: transform 0.25s linear, -webkit-transform 0.25s linear;
    z-index: 2;
}
.giftContent .title span.btn-hide-arrow {
    transform:rotate(-180deg);
    z-index: 2;
}
.wrapper .container .giftContent .list {
    padding-top: 0;
}
.wrapper .container .giftContent .list .listBg {
    margin-left: .03rem;
}
.giftContentAwaken .list .listBg .number .plusNum .plus {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plus.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plusComma {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusComma.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus00 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_00.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus01 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_01.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus02 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_02.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus03 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_03.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus04 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_04.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus05 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_05.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus06 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_06.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus07 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_07.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus08 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_08.png);
}
.giftContentAwaken .list .listBg .number .plusNum .plus09 {
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/awaken_plusNum_09.png);
}
.giftContent .count_down{
    position: absolute;
    top: .05rem;
    right: .08rem;
    padding-right: .25rem;
    width: 2.5rem;
    height: .34rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_count_down.png) no-repeat;
    font-size: .25rem;
    font-weight: 600;
    text-align: right;
    line-height: .34rem;
    color: #fffbb2;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.giftContent .count_down img{
    position: relative;
    top: -.02rem;
    margin-right: .05rem;
    width: .22rem;
    vertical-align: middle;
}
.biweekly {
    margin-top: .2rem;
    width: 7.5rem;
    height: 3.96rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_biweekly.png) no-repeat;
    background-size: 100% 100%;
}
.biweeklyPlus{
    color: #7FCAFD;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/bg_biweekly_plus.png) ;
}
.biweekly .title {
    font-size: .32rem;
    color: #bd4c00;
    text-align: center;
    line-height: .5rem;
}
.biweeklyPlus .title{
    color: #fbeb3c;
}
.biweekly .lastTime {
    margin-left: .1rem;
    font-size: .2rem;
}
.biweeklyPlus .title .lastTime{
    color: #7FCAFD;
}
.biweekly .award {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.biweekly .award .cont-right {
    margin-left: .4rem;
}
.biweekly .award .cont-left .award-title, .biweekly .award .cont-right .award-title {
    margin: .1rem auto 0;
    width: 1.71rem;
    height: .32rem;
    background: url(https://static.dummyupdate.com/images/web/website/recharge/bg_biweekly_title_01.png) no-repeat;
    font-size: .24rem;
    color: #ffedae;
    text-align: center;
    line-height: .32rem;
    background-size: 100% 100%;
}
.biweekly .award .cont-right .award-title {
    width: 2.61rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/bg_biweekly_title_02.png);
}
.biweekly .award .award-img {
    text-align: center;
}
.biweekly .award .award-img img {
    height: 1.42rem;
}
.biweekly .award-price {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: -.1rem;
}
.biweekly .ico-add {
    margin: 0 .1rem;
    font-size: .3rem;
    color: #ab5b25;
}
.biweekly .price {
    text-align: center;
}
.biweekly .price i {
    display: block;
    font-size: .22rem;
    color: #ab5b25;
}
.biweeklyPlus .price i{
    color: #7FCAFD;
}
.biweekly .price .num span, .biweekly .detail .text-bottom span {
    display: inline-block;
    margin-left: -.02rem;
    height: .35rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.biweekly .price .num span.cardComma {
    width: .13rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_dot.png);
}
.biweekly .price .num span.cardLottery {
    width: .32rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_l.png);
}
.biweekly .price .num span.num00 {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_00.png);
}
.biweekly .price .num span.num01 {
    width: .14rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_01.png);
}
.biweekly .price .num span.num02 {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_02.png);
}
.biweekly .price .num span.num03 {
    width: .21rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_03.png);
}
.biweekly .price .num span.num04 {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_04.png);
}
.biweekly .price .num span.num05 {
    width: .21rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_05.png);
}
.biweekly .price .num span.num06 {
    width: .23rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_06.png);
}
.biweekly .price .num span.num07 {
    width: .21rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_07.png);
}
.biweekly .price .num span.num08 {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_08.png);
}
.biweekly .price .num span.num09 {
    width: .22rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/price_biweekly_09.png);
}
.biweekly .cont-right ul {
    display: flex;
    display: -webkit-flex;
}
.biweekly .cont-right ul li:first-of-type {
    margin-right: .3rem;
}
.biweekly .buy {
    display: flex;
    display: -webkit-flex;
}
.biweekly .detail {
    margin-top: .1rem;
    margin-left: .55rem;
    font-size: .2rem;
    color: #ab5b25;
    line-height: 1;
}
.biweeklyPlus .detail {
    color: #7FCAFD;
}
.biweekly .detail .text-bottom {
    margin-top: -.05rem;
}
.biweekly .detail .text-bottom span {
    position: relative;
    top: .05rem;
    height: .27rem;
}
.biweekly .detail .text-bottom span.num00 {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_00.png);
}
.biweekly .detail .text-bottom span.num01 {
    width: .1rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_01.png);
}
.biweekly .detail .text-bottom span.num02 {
    width: .17rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_02.png);
}
.biweekly .detail .text-bottom span.num03 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_03.png);
}
.biweekly .detail .text-bottom span.num04 {
    width: .18rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_04.png);
}
.biweekly .detail .text-bottom span.num05 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_05.png);
}
.biweekly .detail .text-bottom span.num06 {
    width: .17rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_06.png);
}
.biweekly .detail .text-bottom span.num07 {
    width: .16rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_07.png);
}
.biweekly .detail .text-bottom span.num08 {
    width: .19rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_08.png);
}
.biweekly .detail .text-bottom span.num09 {
    width: .17rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_09.png);
}
.biweekly .detail .text-bottom span.numM {
    width: .24rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_m.png);
}
.biweekly .detail .text-bottom span.numP {
    width: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_p.png);
}
.biweekly .detail .text-bottom span.cardLottery {
    width: .29rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/num_biweekly_l.png);
}
.biweekly .buy .button{ margin: .05rem 0 0 .3rem;}
.biweekly .buy .button .btn{
    top: -.07rem;
}
.icoPresent-02 .num-rotate {
    transform: rotate(346deg);
    -webkit-transform: rotate(346deg);
    margin-top: -.14rem;
}
.icoPresent-02 span {
    display: inline-block;
    margin: 0 -.03rem;
    height: .22rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform: scale(.75);
    transform: scale(.75);
}

.spinCommon{ margin: .2rem auto 0; width: 7.09rem; height: 3.94rem; background: url("https://static.dummyupdate.com/images/web/website/recharge/bg_spin_2.png") no-repeat; background-size: 100% 100%; overflow: hidden; }
.spinCommon .buy .button{ margin: 3rem auto 0; }
.spinCommon.spinNational{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/bg_spin_3.png")}

.costCommon{ margin: .2rem auto 0; width: 7.09rem; height: 3.94rem; background: url("https://static.dummyupdate.com/images/web/website/recharge/bg_cost.png") no-repeat; background-size: 100% 100%; overflow: hidden; }
.costCommon .buy{ -webkit-flex-flow: column; flex-flow: column; }
.costCommon .countdown{ margin-top: .87rem; margin-bottom: 1.8rem; font-size: .2rem; text-align: center; color: #fffbdd; }
.costCommon .countdown span{ font-size: .3rem;; }
.costCommon .buy .button{ margin: 0 auto; }

.fundCommon{ margin: 0 auto; width: 7.09rem; height: 4.14rem; background: url("https://static.dummyupdate.com/images/web/website/recharge/bg_fund_v4.png") no-repeat; background-size: 100% 100%; overflow: hidden; }
.fundCommon .buy .button{ margin: 3.35rem auto 0; }

.headGift,
.hdbGift{ position: relative; margin: .1rem auto 0; width: 7.09rem; height: 3.94rem; background: url("https://static.dummyupdate.com/images/web/website/recharge/bg_head.png") no-repeat; background-size: 100% 100%; overflow: hidden}
.headGift .buy .button,
.hdbGift .buy .button{ margin: 3.2rem auto 0; }
.headGift .headCountdown,
.hdbGift .headCountdown{ position: absolute; top: .15rem; right: .3rem; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; padding-left: .3rem; height: .3rem; background: url("https://static.dummyupdate.com/images/web/website/recharge/icon_time_head.png") no-repeat; background-size:.22rem .2rem; background-position: left center; font-size: .26rem; text-align: center; color: #e98eef; line-height: 1; }
.headGift .headCountdown span,
.hdbGift .headCountdown span{ font-size: .3rem;; }

.hdbGift{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/bg_hdb.png"); }

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

.wrapper .container .middle .turntable .listBg{ width: 7.09rem; height: 1.6rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/bg_turntable.png"); }
.turntable [class*="ico-turntable-"]{ position: relative; top: -.1rem; width: 1.98rem; height: 1.6rem; background-repeat: no-repeat; background-size: 100% 100%; }
.turntable .ico-turntable-01{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/ico_turntable_01.png"); }
.turntable .ico-turntable-02{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/ico_turntable_02.png"); }
.turntable .ico-turntable-03{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/ico_turntable_03.png"); }
.turntable .num-turntable{ margin-left: .2rem; width: 2.8rem; -webkit-justify-content: flex-start; justify-content: flex-start; }
.turntable .num-turntable [class*="num-"]{ display: inline-block; margin: 0 -.05rem; height: .52rem; background-repeat: no-repeat; background-size: 100% 100%; } 
.turntable .num-turntable .num-00{ width: .41rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_00.png"); }
.turntable .num-turntable .num-01{ width: .27rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_01.png"); }
.turntable .num-turntable .num-02{ width: .33rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_02.png"); }
.turntable .num-turntable .num-03{ width: .35rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_03.png"); }
.turntable .num-turntable .num-04{ width: .37rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_04.png"); }
.turntable .num-turntable .num-05{ width: .35rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_05.png"); }
.turntable .num-turntable .num-06{ width: .38rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_06.png"); }
.turntable .num-turntable .num-07{ width: .34rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_07.png"); }
.turntable .num-turntable .num-08{ width: .37rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_08.png"); }
.turntable .num-turntable .num-09{ width: .37rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_09.png"); }
.turntable .num-turntable .num-text{ margin-left: .05rem; width: 2.09rem; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/turntable/num_turntable_text.png"); }
.turntable .listBg .button{ margin-top: 0; margin-left: .1rem; }
.turntable .tips{position: absolute;bottom: .2rem;left: 50%;width: 3.8rem;text-align: center;font-family: arial;font-size: .22rem;color: #ff7b11;line-height: 1;transform: translateX(-40%);}


.tab-middle{ margin: 0 auto;  width: 96%; height: .63rem; background: #30538F; border:.02rem #3B69A8 solid; -webkit-box-shadow: 0 .02rem 0 #274581 inset; box-shadow: 0 .02rem 0 #274581 inset; -webkit-border-radius: .2rem .2rem 0 0; border-radius: .2rem .2rem 0 0; box-sizing: border-box;  }
.tab-middle li{ display: flex; display: -webkit-flex; width: 50%; height: 100%; color: #3986d4; font-family: 'Kanit'; font-size: .36rem; text-align: center; cursor: pointer; -webkit-border-radius: .2rem 0 0 0; border-radius: .2rem 0 0 0; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.tab-middle li:last-of-type{ -webkit-border-radius: 0 .2rem 0 0; border-radius: 0 .2rem 0 0; }
.tab-middle li img{ margin-left: .05rem; height: .38rem; opacity: .7; }
.tab-middle li.active{ color: #3986d4; -webkit-box-shadow: 0 .02rem 0 #B6E5F6 inset; box-shadow: 0 .02rem 0 #B6E5F6 inset; background: -webkit-linear-gradient(#71C4EB,#89E5FE); background: linear-gradient(#71C4EB,#89E5FE); }
.tab-middle li.active img{ opacity: 1;} 

.list .listBg [class*="diamondCoin"]{ margin-top: .08rem; width: 1.98rem; height: 1.45rem; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.list .listBg .diamondCoin01 { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/diamond/diamond01.png);}
.list .listBg .diamondCoin02 { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/diamond/diamond02.png);}
.list .listBg .diamondCoin03 { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/diamond/diamond03.png);}
.list .listBg .diamondCoin04 { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/diamond/diamond04.png);}
.list .listBg .diamondCoin05 { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/diamond/diamond05.png);}
.list .listBg .diamondCoin06 { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/diamond/diamond06.png);}

#giftBotList{ margin-bottom: .2rem; }


.wrapper .container .giftContentAvatar .list .listBg01{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_list_01.png); }
.wrapper .container .giftContentAvatar .list .listBg02{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_list_02.png); }
.wrapper .container .giftContentAvatar .list .listBg03{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_list_03.png); }
.giftContentAvatar .listGift .listBg .value01{ width: 1.43rem; height: 1.44rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/img_ico_01.png) }
.giftContentAvatar .listGift .listBg .value02{ width: 1.43rem; height: 1.44rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/img_ico_02.png) }
.giftContentAvatar .listGift .listBg .value03{ width: 1.43rem; height: 1.44rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/img_ico_03.png) }
.giftContentAvatar .listGift .listBg [class *= "value0"] { margin-left: .2rem; }
.giftContentAvatar .listGift .listBg .number{ margin-top: -.3rem; margin-left: .5rem; }
.giftContentAvatar .ticketNum{ position:absolute; display: -webkit-flex; display: flex; bottom: .2rem; left: 50%; margin-left:-1.45rem; width: 2.89rem; height: .55rem; -webkit-align-items: center; -webkit-justify-content: center; align-items: center; justify-content: center; background-size:100% 100%; background-repeat: no-repeat; }
.giftContentAvatar .listBg01 .ticketNum{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_num_01.png) ; }
.giftContentAvatar .listBg02 .ticketNum{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_num_02.png) ; }
.giftContentAvatar .listBg03 .ticketNum{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_num_03.png) ; }
.giftContentAvatar .ticketNum .ticket-text{ margin-top:0; width: .39rem; height: .34rem; background-size:100% 100%; background-repeat: no-repeat; }
.giftContentAvatar .listBg01 .ticketNum .ticket-text{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_txt.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-text{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_txt.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-text{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_txt.png) ; }
.giftContentAvatar .ticketNum .ticket-number { display: flex; display: -webkit-flex; width:.88rem; -webkit-justify-content: center; justify-content: center; }
.giftContentAvatar .ticketNum .ticket-number [class*= "num-0"] { height: .34rem; background-size:100% 100%; background-repeat: no-repeat;  }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-00{ width: .3rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_00.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-01{ width: .16rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_01.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-02{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_02.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-03{ width: .25rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_03.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-04{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_04.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-05{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_05.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-06{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_06.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-07{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_07.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-08{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_08.png) ; }
.giftContentAvatar .listBg01 .ticketNum .ticket-number .num-09{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_01_09.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-00{ width: .3rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_00.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-01{ width: .16rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_01.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-02{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_02.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-03{ width: .25rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_03.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-04{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_04.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-05{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_05.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-06{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_06.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-07{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_07.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-08{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_08.png) ; }
.giftContentAvatar .listBg02 .ticketNum .ticket-number .num-09{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_02_09.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-00{ width: .3rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_00.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-01{ width: .16rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_01.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-02{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_02.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-03{ width: .25rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_03.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-04{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_04.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-05{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_05.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-06{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_06.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-07{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_07.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-08{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_08.png) ; }
.giftContentAvatar .listBg03 .ticketNum .ticket-number .num-09{ width: .27rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/num_03_09.png) ; }
.giftContentAvatar .ticketNum .ticket-ico{ width:.5rem; height: .53rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/ico_ticket.png) no-repeat; background-size: 100% 100%; }
.giftContentAvatar .listBg01 .count_down,
.giftContentFort .listBg01 .count_down{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_count_down_blue.png) ; }
.giftContentAvatar .listBg03 .count_down,
.giftContentFort .listBg03 .count_down{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_count_down_org.png) ; }
.giftContentAvatar .hide{ overflow:hidden }
.giftContentAvatar .list .listBg .button{ margin-top: .55rem; }

.giftContentFort .hide .listBg:not(:nth-of-type(1)){ display: none; }
.wrapper .container .giftContentFort .list .listBg01{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/bg_fort_01.png); } 
.wrapper .container .giftContentFort .list .listBg02{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/bg_fort_02.png); } 
.wrapper .container .giftContentFort .list .listBg03{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/bg_fort_03.png); } 
.giftContentFort .listBg [class *="value"]{ margin: -.1rem 0 0 -.5rem; width: 2.81rem; height: 1.53rem; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentFort .listBg01 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/img_ico_01.png); }
.giftContentFort .listBg02 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/img_ico_02.png); }
.giftContentFort .listBg03 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/img_ico_03.png); }
.giftContentFort .listBg01 .value02,
.giftContentFort .listBg02 .value02{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/img_ico_04.png); }
.giftContentFort .listGift .listBg .number{ margin-left: -.4rem; margin-right: .22rem; justify-content: flex-start; }
.giftContentFort .listBg .number .topNum{ margin: 0 auto .05rem; justify-content: center;}
.giftContentFort .listBg .number .topNum [class*= "num0"],
.giftContentFort .listBg .number .topNum .txt{ margin: 0 -.1rem; height: .53rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentFort .listBg01 .number .topNum .num00{ width: .52rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_00.png); }
.giftContentFort .listBg01 .number .topNum .num01{ width: .31rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_01.png); }
.giftContentFort .listBg01 .number .topNum .num02{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_02.png); }
.giftContentFort .listBg01 .number .topNum .num03{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_03.png); }
.giftContentFort .listBg01 .number .topNum .num04{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_04.png); }
.giftContentFort .listBg01 .number .topNum .num05{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_05.png); }
.giftContentFort .listBg01 .number .topNum .num06{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_06.png); }
.giftContentFort .listBg01 .number .topNum .num07{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_07.png); }
.giftContentFort .listBg01 .number .topNum .num08{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_08.png); }
.giftContentFort .listBg01 .number .topNum .num09{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_09.png); }
.giftContentFort .listBg01 .number .topNum .txt{ width: .66rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_01_txt.png); }
.giftContentFort .listBg02 .number .topNum .num00{ width: .52rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_00.png); }
.giftContentFort .listBg02 .number .topNum .num01{ width: .31rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_01.png); }
.giftContentFort .listBg02 .number .topNum .num02{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_02.png); }
.giftContentFort .listBg02 .number .topNum .num03{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_03.png); }
.giftContentFort .listBg02 .number .topNum .num04{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_04.png); }
.giftContentFort .listBg02 .number .topNum .num05{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_05.png); }
.giftContentFort .listBg02 .number .topNum .num06{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_06.png); }
.giftContentFort .listBg02 .number .topNum .num07{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_07.png); }
.giftContentFort .listBg02 .number .topNum .num08{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_08.png); }
.giftContentFort .listBg02 .number .topNum .num09{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_09.png); }
.giftContentFort .listBg02 .number .topNum .txt{ width: .66rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_02_txt.png); }
.giftContentFort .listBg03 .number .topNum .num00{ width: .52rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_00.png); }
.giftContentFort .listBg03 .number .topNum .num01{ width: .31rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_01.png); }
.giftContentFort .listBg03 .number .topNum .num02{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_02.png); }
.giftContentFort .listBg03 .number .topNum .num03{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_03.png); }
.giftContentFort .listBg03 .number .topNum .num04{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_04.png); }
.giftContentFort .listBg03 .number .topNum .num05{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_05.png); }
.giftContentFort .listBg03 .number .topNum .num06{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_06.png); }
.giftContentFort .listBg03 .number .topNum .num07{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_07.png); }
.giftContentFort .listBg03 .number .topNum .num08{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_08.png); }
.giftContentFort .listBg03 .number .topNum .num09{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_09.png); }
.giftContentFort .listBg03 .number .topNum .txt{ width: .66rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_03_txt.png); }
.giftContentFort .listBg .propList{ width: 2.89rem; height: .55rem; justify-content: center; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentFort .listBg .propList img{ height: .49rem; }
.giftContentFort .listBg .propList .listInfo img{ margin:0 .1rem 0 .2rem; }
.giftContentFort .listBg01 .propList{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_num_01.png); }
.giftContentFort .listBg02 .propList{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_num_02.png); }
.giftContentFort .listBg03 .propList{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/avatar/bg_num_03.png); }
.giftContentFort .list .listBg .propList .num{ display: flex; }
.giftContentFort .list .listBg .propList .listInfoMore{ position: relative; width:.6rem; flex-flow: column; }
.giftContentFort .list .listBg .propList .listInfoMore .num{ position: absolute; bottom: -.1rem; width: 100%; justify-content: center; }
.giftContentFort .list .listBg .propList .listInfoMore [class*="num0"]{ margin: 0 -.02rem; height: .23rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentFort .list .listBg .propList .listInfoMore .num01{ width: .1rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_01.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num02{ width: .14rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_02.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num03{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_03.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num04{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_04.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num05{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_05.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num06{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_06.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num07{ width: .14rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_07.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num08{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_08.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num09{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_09.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num00{ width: .18rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_00.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num0K{ width: .17rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_K.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num0M{ width: .19rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_M.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num0B{ width: .17rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_B.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num0T{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_T.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num0Q{ width: .18rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_Q.png); }
.giftContentFort .list .listBg .propList .listInfoMore .num0X{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/fort/num_prop_x.png); }

.wrapper .container .giftContentHalloween{ background: #802C98; border-color: #B536B7; }
.wrapper .container .giftContentHalloween .title{ color:#9621d9; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/common_gift_title.png); }
.wrapper .container .giftContentHalloween .list [class*="listBg"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/cardBg_deongaree.png); }
.wrapper .container .giftContentHalloween .count_down{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/bg_count_down.png); }
.giftContentHalloween .listBg [class *="value"]{ margin-left: .23rem; width: 1.48rem; height: 1.48rem; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentHalloween .listBg .value01{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/img_value_01.png); }
.giftContentHalloween .listBg .value02{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/img_value_02.png); }
.giftContentHalloween .listBg .value03{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/img_value_03.png); }
.giftContentHalloween .listBg .number{ margin-left: .42rem; box-sizing: border-box; }
.giftContentHalloween .listBg .number .topNum [class*= "num0"]{ height: .32rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentHalloween .listBg .number .topNum .num00{ width: .26rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_00.png); }
.giftContentHalloween .listBg .number .topNum .num01{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_01.png); }
.giftContentHalloween .listBg .number .topNum .num02{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_02.png); }
.giftContentHalloween .listBg .number .topNum .num03{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_03.png); }
.giftContentHalloween .listBg .number .topNum .num04{ width: .26rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_04.png); }
.giftContentHalloween .listBg .number .topNum .num05{ width: .24rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_05.png); }
.giftContentHalloween .listBg .number .topNum .num06{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_06.png); }
.giftContentHalloween .listBg .number .topNum .num07{ width: .24rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_07.png); }
.giftContentHalloween .listBg .number .topNum .num08{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_08.png); }
.giftContentHalloween .listBg .number .topNum .num09{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/num_09.png); }

.spinHalloween{ background-image: url("https://static.dummyupdate.com/images/web/website/recharge/halloween/bg_spin_4_v2.png"); }

.wrapper .container .middle .petChoose { position: relative; }
.wrapper .container .middle .petChoose::after{ content: ""; position: absolute; top: -.03rem; left: 0; width: 100%; height: .5rem; z-index: 3; }
.wrapper .container .middle .petChoose .btn-show,
.wrapper .container .middle .petChoose .btn-show-arrow{ display: none; }
.wrapper .container .middle .petChoose [class*="listBg"]{ width: 3.54rem; height: 4.96rem; }
.wrapper .container .middle .petChoose .listGift{ display: flex; display: -webkit-flex; }
.wrapper .container .middle .petChoose .listBg01{ padding: 0; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet/img_pet_v3_01.png);}
.wrapper .container .middle .petChoose .listBg02{ padding: 0; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet/img_pet_v4_02.png);}
.wrapper .container .middle .petChoose .bonusList{ margin-top: 3.5rem; width: 100%; height: .6rem; font-size: .22rem; color: #d24000; background: -webkit-linear-gradient(to right, transparent 0% ,#FFE325 20%,#FFE325 80%,transparent 100% ); background: linear-gradient(to right, transparent 0% ,#FFE325 20%,#FFE325 80%,transparent 100% ); }
.wrapper .container .middle .petChoose .listBg02 .bonusList{ color: #b1f8ff; background: -webkit-linear-gradient(to right, transparent 0% ,rgba(52,62,255,.6) 20%,rgba(52,62,255,.6) 80%,transparent 100% ); background: linear-gradient(to right, transparent 0% ,rgba(52,62,255,.6) 20%,rgba(52,62,255,.6) 80%,transparent 100% ); }
.wrapper .container .middle .petChoose .bonusList .exp .ico{ width: .42rem; height: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet/ico_exp.png);}
.wrapper .container .middle .petChoose .bonusList .use .ico{ width: .36rem; height: .36rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet/ico_use.png);}
.wrapper .container .middle .petChoose .bonusList .use .num{ width: .75rem; line-height: 1; text-align: center; }
.wrapper .container .middle .petChoose .button{ position: absolute; left: 1.4rem; bottom: .15rem; display: none; margin: 0 auto; float: right; -webkit-transform: scale(.8); transform: scale(.8); }
.wrapper .container .middle .petChoose .button::after{ content: "ซื้อแบบถาวร"; position: absolute; left: -1.3rem; top: 50%; font-size: .24rem; color: #feffb5; -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
.wrapper .container .middle .petChoose .bonusList .button{ position: relative; top: 0; left: -.2rem; }
.wrapper .container .middle .petChoose .listBg02 .button::after{ color: #018ff2; }
.wrapper .container .middle .petChoose .bonusList .button::after{ content: "มีอายุ10วัน"; left: -1.25rem; }
.wrapper .container .middle .petChoose .listBg01 .bonusList .button::after{ color: #ec400d; }
.wrapper .container .middle .petChoose .listBg02 .bonusList .button::after{ color: #b1f8ff; }
.wrapper .container .middle .petChoose .ico-add{ position: relative; top: -.05rem; margin: 0 .1rem; font-size: .5rem; }
.wrapper .container .middle .petChoose .button.have{ position: absolute; left: 50%; bottom: .6rem; width: 1.94rem; height: .58rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/pet/btn_have_v2.png); -webkit-transform: scale(1) translateX(-50%); transform: scale(1) translateX(-50%); }
.wrapper .container .middle .petChoose .button.have a{ display: none;}
.wrapper .container .middle .petChoose .button.have::after{ content: ""; }

.wrapper .container .middle .giftContentNewYear{ background: #046BFE; border-color: #F7DC23; }
.wrapper .container .middle .giftContentNewYear .listBg01{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/cardBg_blue.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg02{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/cardBg_purple.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg03{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/cardBg.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg [class*="value0"]{ width: 2.9rem; visibility:hidden; }
.wrapper .container .middle .giftContentNewYear .listBg .number,
.wrapper .container .middle .giftContentNewYear .listBg .number div {width:1.5rem; -webkit-justify-content: center; justify-content: center; }
.wrapper .container .middle .giftContentNewYear .listBg .number{ margin-right: .33rem; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum [class*="num0"]{ margin: 0 -.06rem; height: .65rem!important; background-repeat: no-repeat; background-size: 100% 100%; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num00{ width: .54rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_00.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num01{ width: .32rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_01.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num02{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_02.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num03{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_03.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num04{ width: .48rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_04.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num05{ width: .46rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_05.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num06{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_06.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num07{ width: .46rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_07.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num08{ width: .5rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_08.png) ; }
.wrapper .container .middle .giftContentNewYear .listBg .number .topNum .num09{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/num_09.png) ; }
.wrapper .container .middle .giftContentNewYear .count_down{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/bg_count_down.png) ;}
.wrapper .container .middle .giftContentNewYear .title{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/common_gift_title.png) ; color: #d94c21; }

.reliefGift{ position: relative; margin: .2rem auto 0; width: 7.09rem; height: 3.95rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/bg_relief.png); }
.reliefGift .numList{ position: absolute; top: 1.45rem; left: 2.6rem; }
.reliefGift .numList span{ display: inline-block; height: .71rem; background-size: 100% 100%; background-repeat: no-repeat; }
.reliefGift .numList .num01{ width: .36rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_01.png); }
.reliefGift .numList .num02{ width: .58rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_02.png); }
.reliefGift .numList .num03{ width: .58rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_03.png); }
.reliefGift .numList .num04{ width: .6rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_04.png); }
.reliefGift .numList .num05{ width: .56rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_05.png); }
.reliefGift .numList .num06{ width: .57rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_06.png); }
.reliefGift .numList .num07{ width: .56rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_07.png); }
.reliefGift .numList .num08{ width: .62rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_08.png); }
.reliefGift .numList .num09{ width: .58rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_09.png); }
.reliefGift .numList .num00{ width: .66rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_00.png); }
.reliefGift .numList .numadd{ margin-right: .2rem; width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_03_add.png); }
.reliefGift .dayList{ position: absolute; top: .97rem; right: 2.5rem; }
.reliefGift .dayList span{ display: inline-block; height: .31rem;background-size: 100% 100%; background-repeat: no-repeat; }
.reliefGift .dayList .num01{ width: .13rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_01.png); }
.reliefGift .dayList .num02{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_02.png); }
.reliefGift .dayList .num03{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_03.png); }
.reliefGift .dayList .num04{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_04.png); }
.reliefGift .dayList .num05{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_05.png); }
.reliefGift .dayList .num06{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_06.png); }
.reliefGift .dayList .num07{ width: .2rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_07.png); }
.reliefGift .dayList .num08{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_08.png); }
.reliefGift .dayList .num09{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_09.png); }
.reliefGift .dayList .num00{ width: .24rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_00.png); }
.reliefGift .dayList .numday{ position: relative; top: -.02rem; margin-right: .2rem; width: .33rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/relief/num_02_day.png); }
.reliefGift .buy .button{ margin: 3.2rem auto 0; }

.petNewGift{ position: relative; margin: .2rem auto 0; width: 7.1rem; height: 4.16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/bg_pet.png); overflow: hidden; }
.petNewGift.normal{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/bg_pet_02_v2.png); }
.petNewGift .propList{ padding: 0 .2rem; margin-top: 1rem; box-sizing: border-box; -webkit-justify-content: center;  justify-content: center; gap: 1.2rem; }
.petNewGift .propList .prop{position: relative; }
.petNewGift .propList .prop::after{ content: ""; position: absolute; top: 20%; right: -.45rem; width: .42rem; height: .48rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/ico_add.png) no-repeat; background-size: 100% 100%; }
.petNewGift .propList .prop::before{ content: ""; position: absolute; top: 40%; left: 50%; width: 2.33rem; height:  2.33rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/bg_shadow.png) no-repeat; background-size: 100% 100%; -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); }
.petNewGift.normal .propList .prop::after{ right: -.8rem;}
.petNewGift.normal .propList .prop:last-of-type:after{ background: none; }
.petNewGift .propIcon{ position: relative; height: 1.14rem; z-index: 2; }
.petNewGift .propNum{ margin-top: .05rem; text-align: center; }
.petNewGift .propNum span{ display: inline-block; height: .37rem; background-size: 100% 100%; background-repeat: no-repeat;}
.petNewGift .propNum .num01{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_01.png); }
.petNewGift .propNum .num02{ width: .2rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_02.png); }
.petNewGift .propNum .num03{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_03.png); }
.petNewGift .propNum .num04{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_04.png); }
.petNewGift .propNum .num05{ width: .2rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_05.png); }
.petNewGift .propNum .num06{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_06.png); }
.petNewGift .propNum .num07{ width: .2rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_07.png); }
.petNewGift .propNum .num08{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_08.png); }
.petNewGift .propNum .num09{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_09.png); }
.petNewGift .propNum .num00{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_00.png); }
.petNewGift .propNum .numday{ margin-left: .05rem; width: .37rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_day.png); }
.petNewGift .propNum .numM{ width: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_m.png); }
.petNewGift .propNum .numK{ width: .24rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_k.png); }
.petNewGift .propNum .numDot{ width: .1rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_dot.png); }
.petNewGift .propNum .numBouns{ position: relative; top: -.02rem; margin: 0 .05rem; width: .24rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/num_mult.png); }
.petNewGift .propPet{ position: relative; top: -.15rem; }
.petNewGiftExp .propPet{ position: relative; top: -.2rem; }
.petNewGift .propPet img{ height: 1.85rem; }
.petNewGiftExp .propPet img{ height: 1.56rem; }
.petNewGiftExp .propPet::after{ content: ""; position: absolute; bottom: .4rem; left: 35%; width: .2rem; height: .24rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/ico_add.png) no-repeat; background-size: 100% 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.petNewGift .propPet .propNum{ margin-top: .05rem; }
.petNewGift .ico-exp{ margin-left: -.5rem; width: .35rem; height: .4rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/pet02/ico_exp.png);  }
.petNewGift .buy .button{ margin: .15rem auto 0; }
.petNewGiftExp .buy .button{ margin: -.05rem auto 0; }
.petNewGift.normal .buy .button{ margin: .55rem auto 0; }
.petNewGift .petNewCountDown{ position: absolute; top: .6rem; left: 50%; padding-left: .3rem; background:  url(https://static.dummyupdate.com/images/web/website/recharge/pet02/icon_time_head.png) no-repeat; font-size: .26rem; color: #910000; box-sizing: border-box; background-position: left center; background-size: .22rem .22rem; -webkit-transform: translateX(-50%);  transform: translateX(-50%); }
 

.giftContentMonopoly{ background: #3885A4; border-color: #F1D623; }
.giftContentMonopoly .title{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/common_gift_title.png); color: #d94c21; }
.giftContentMonopoly .title span.btn-hide-arrow{ top: -.02rem; }
.wrapper .container .middle .giftContentMonopoly .listBg{ padding: 0 .1rem; height: 1.6rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/bg_list.png); }
.wrapper .container .middle .giftContentMonopoly .listBg01{ margin-top: .6rem; }
.wrapper .container .middle .giftContentMonopoly .listBg01::after{ position: absolute; content: "ลูกเต๋าสีทอง"; top: -.45rem; left: 50%; width: 2.8rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/bg_monopoly_title.png) no-repeat center center; text-align: center; color: #91fff7; font-size: .28rem; line-height: 1; font-family: 'Kanit'; background-size:2.8rem .25rem;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);}
.wrapper .container .middle .giftContentMonopoly .listBg01:first-child::after{ content: "ลูกเต๋าธรรมดา";}
.giftContentMonopoly .listBg [class*="value0"]{ margin-left: 0; width: 2.01rem; height: 1.46rem; }
.giftContentMonopoly .listBg .value01{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/monopoly_01.png); }
.giftContentMonopoly .listBg .value02{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/monopoly_02.png); }
.giftContentMonopoly .listBg .value03{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/monopoly_03.png); }
.giftContentMonopoly .listBg .value04{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/monopoly_04.png); }
.giftContentMonopoly .listBg .value05{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/monopoly_05.png); }
.giftContentMonopoly .listBg .value06{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/monopoly_06.png); }
.giftContentMonopoly  .listBg .number{ padding-top: .1rem; margin-right: .1rem; width: 2.8rem; }
.giftContentMonopoly .listBg .number .topNum{ text-align: center; -webkit-justify-content: center; justify-content: center;}
.giftContentMonopoly .listBg .number .topNum span{ display: inline-block; margin: 0 -.05rem; height: .59rem!important; background-size: 100% 100%; background-repeat: no-repeat;}
.giftContentMonopoly .listBg .number .topNum .num01{ width: .31rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_01.png); }
.giftContentMonopoly .listBg .number .topNum .num02{ width: .45rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_02.png); }
.giftContentMonopoly .listBg .number .topNum .num03{ width: .45rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_03.png); }
.giftContentMonopoly .listBg .number .topNum .num04{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_04.png); }
.giftContentMonopoly .listBg .number .topNum .num05{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_05.png); }
.giftContentMonopoly .listBg .number .topNum .num06{ width: .45rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_06.png); }
.giftContentMonopoly .listBg .number .topNum .num07{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_07.png); }
.giftContentMonopoly .listBg .number .topNum .num08{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_08.png); }
.giftContentMonopoly .listBg .number .topNum .num09{ width: .45rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_09.png); }
.giftContentMonopoly .listBg .number .topNum .num00{ width: .52rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/cardNum_00.png); }
.giftContentMonopoly .hide{ height: 2.3rem!important; }

.monopolyGift{ margin: .2rem auto 0; width: 7.09rem; height: 3.94rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/bg_monopoly.png); overflow: hidden; }
.monopolyGift .propList{ padding: 0 .2rem; margin: 1.7rem 0 0 2.8rem; width: 3.7rem; box-sizing: border-box; -webkit-justify-content: space-around;  justify-content: space-around; }
.monopolyGift .propList .prop{position: relative; }
.monopolyGift .propList .prop::after{ content: ""; position: absolute; top: 20%; right: -.35rem; width: .3rem; height: .3rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/ico_add.png) no-repeat; background-size: 100% 100%; }
.monopolyGift .propList .prop:last-of-type:after{ background: none; }
.monopolyGift .propIcon{ width: .7rem; }
.monopolyGift .propNum{ margin-top: -.45rem; text-align: center; }
.monopolyGift .propNum span{ display: inline-block; margin: 0 -.15rem; height: .8rem; -webkit-transform: scale(.6); transform: scale(.6); background-size: 100% 100%; background-repeat: no-repeat;}
.monopolyGift .propNum .num01{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_01.png); }
.monopolyGift .propNum .num02{ width: .56rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_02.png); }
.monopolyGift .propNum .num03{ width: .57rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_03.png); }
.monopolyGift .propNum .num04{ width: .61rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_04.png); }
.monopolyGift .propNum .num05{ width: .56rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_05.png); }
.monopolyGift .propNum .num06{ width: .62rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_06.png); }
.monopolyGift .propNum .num07{ width: .56rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_07.png); }
.monopolyGift .propNum .num08{ width: .62rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_08.png); }
.monopolyGift .propNum .num09{ width: .63rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_09.png); }
.monopolyGift .propNum .num00{ width: .69rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_00.png); }
.monopolyGift .propNum .numM{ width: .76rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_M.png); }
.monopolyGift .propNum .numK{ width: .72rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/num_K.png); }
.monopolyGift .buy .button{ margin-top: 0; margin-left: 3.8rem; width: 1.66rem; height: .57rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btn.png); }
.monopolyGift .buy .button .btn [class*="btnNum_0"]{ height: .28rem!important; background-size: 100% 100%; }
.monopolyGift .buy .button .btn .btnNum_00{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_00.png);}
.monopolyGift .buy .button .btn .btnNum_01{ width: .17rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_01.png);}
.monopolyGift .buy .button .btn .btnNum_02{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_02.png);}
.monopolyGift .buy .button .btn .btnNum_03{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_03.png);}
.monopolyGift .buy .button .btn .btnNum_04{ width: .24rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_04.png);}
.monopolyGift .buy .button .btn .btnNum_05{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_05.png);}
.monopolyGift .buy .button .btn .btnNum_06{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_06.png);}
.monopolyGift .buy .button .btn .btnNum_07{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_07.png);}
.monopolyGift .buy .button .btn .btnNum_08{ width: .26rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_08.png);}
.monopolyGift .buy .button .btn .btnNum_09{ width: .25rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_09.png);}
.monopolyGift .buy .button .btn .btnText{ position: relative; top: -.02rem; width: .61rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/monopoly/btnNum_11.png);}
.monopolyGift .buy .button a,
.monopolyGift .buy .button .btn{ width: 1.66rem; }



.giftContentValentine .hide .listBg:not(:nth-of-type(1)){ display: none; }
.wrapper .container .giftContentValentine .list .listBg01{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_valentine_01.png); } 
.wrapper .container .giftContentValentine .list .listBg02{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_valentine_02.png); } 
.wrapper .container .giftContentValentine .list .listBg03{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_valentine_03.png); } 
.giftContentValentine .count_down{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_count_down.png); }
.giftContentValentine .listBg [class *="value"]{ margin: .08rem 0 0 -.5rem; width: 2.81rem; height: 1.53rem; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentValentine .listBg01 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/img_ico_01.png); }
.giftContentValentine .listBg02 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/img_ico_02.png); }
.giftContentValentine .listBg03 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/img_ico_03.png); }
.giftContentValentine .listBg01 .value02,
.giftContentValentine .listBg02 .value02{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/img_ico_04.png); }
.giftContentValentine .listGift .listBg .number{ margin-left: -.4rem; margin-right: .22rem; justify-content: flex-start; }
.giftContentValentine .listBg .number .topNum{ margin: 0 auto .05rem; justify-content: center;}
.giftContentValentine .listBg .number .topNum [class*= "num0"],
.giftContentValentine .listBg .number .topNum .txt{ margin: 0 -.1rem; height: .57rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentValentine .listBg01 .number .topNum .num00{ width: .55rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_00.png); }
.giftContentValentine .listBg01 .number .topNum .num01{ width: .33rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_01.png); }
.giftContentValentine .listBg01 .number .topNum .num02{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_02.png); }
.giftContentValentine .listBg01 .number .topNum .num03{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_03.png); }
.giftContentValentine .listBg01 .number .topNum .num04{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_04.png); }
.giftContentValentine .listBg01 .number .topNum .num05{ width: .48rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_05.png); }
.giftContentValentine .listBg01 .number .topNum .num06{ width: .48rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_06.png); }
.giftContentValentine .listBg01 .number .topNum .num07{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_07.png); }
.giftContentValentine .listBg01 .number .topNum .num08{ width: .53rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_08.png); }
.giftContentValentine .listBg01 .number .topNum .num09{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_09.png); }
.giftContentValentine .listBg01 .number .topNum .txt{ width: .68rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_01_txt.png); }
.giftContentValentine .listBg02 .number .topNum .num00{ width: .55rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_00.png); }
.giftContentValentine .listBg02 .number .topNum .num01{ width: .33rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_01.png); }
.giftContentValentine .listBg02 .number .topNum .num02{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_02.png); }
.giftContentValentine .listBg02 .number .topNum .num03{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_03.png); }
.giftContentValentine .listBg02 .number .topNum .num04{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_04.png); }
.giftContentValentine .listBg02 .number .topNum .num05{ width: .48rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_05.png); }
.giftContentValentine .listBg02 .number .topNum .num06{ width: .48rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_06.png); }
.giftContentValentine .listBg02 .number .topNum .num07{ width: .47rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_07.png); }
.giftContentValentine .listBg02 .number .topNum .num08{ width: .53rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_08.png); }
.giftContentValentine .listBg02 .number .topNum .num09{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_09.png); }
.giftContentValentine .listBg02 .number .topNum .txt{ width: .68rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_02_txt.png); }
.giftContentValentine .listBg03 .number .topNum .num00{ width: .55rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_00.png); }
.giftContentValentine .listBg03 .number .topNum .num01{ width: .33rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_01.png); }
.giftContentValentine .listBg03 .number .topNum .num02{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_02.png); }
.giftContentValentine .listBg03 .number .topNum .num03{ width: .49rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_03.png); }
.giftContentValentine .listBg03 .number .topNum .num04{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_04.png); }
.giftContentValentine .listBg03 .number .topNum .num05{ width: .48rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_05.png); }
.giftContentValentine .listBg03 .number .topNum .num06{ width: .48rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_06.png); }
.giftContentValentine .listBg03 .number .topNum .num07{ width: .44rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_07.png); }
.giftContentValentine .listBg03 .number .topNum .num08{ width: .53rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_08.png); }
.giftContentValentine .listBg03 .number .topNum .num09{ width: .5rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_09.png); }
.giftContentValentine .listBg03 .number .topNum .txt{ width: .68rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_03_txt.png); }
.giftContentValentine .listBg .propList{ width: 2.89rem; height: .55rem; justify-content: center; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentValentine .listBg .propList img{ height: .49rem; }
.giftContentValentine .listBg .propList .listInfo img{ margin:0 .1rem 0 .2rem; }
.giftContentValentine .listBg01 .propList{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_num_01.png); }
.giftContentValentine .listBg02 .propList{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_num_02.png); }
.giftContentValentine .listBg03 .propList{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/bg_num_03.png); }
.giftContentValentine .listGift .listBg .number .listInfo span{ display: inline-block; height: .32rem!important; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentValentine [class*="listBg0"] .listInfo .num01{ width: .14rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_01.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num02{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_02.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num03{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_03.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num04{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_04.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num05{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_05.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num06{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_06.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num07{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_07.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num08{ width: .22rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_08.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num09{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_09.png)}
.giftContentValentine [class*="listBg0"] .listInfo .num00{ width: .23rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_00.png)}
.giftContentValentine [class*="listBg0"] .listInfo .cardComma{ width: .12rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/gold_num_comma.png)}
.giftContentValentine .list .listBg .propList .num{ display: flex; }
.giftContentValentine .list .listBg .propList .listInfoMore{ position: relative; width:.6rem; flex-flow: column; }
.giftContentValentine .list .listBg .propList .listInfoMore .num{ position: absolute; bottom: -.1rem; width: 100%; justify-content: center; }
.giftContentValentine .list .listBg .propList .listInfoMore [class*="num0"]{ margin: 0 -.02rem; height: .23rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentValentine .list .listBg .propList .listInfoMore .num01{ width: .1rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_01.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num02{ width: .14rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_02.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num03{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_03.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num04{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_04.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num05{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_05.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num06{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_06.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num07{ width: .14rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_07.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num08{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_08.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num09{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_09.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num00{ width: .18rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_00.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num0K{ width: .17rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_K.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num0M{ width: .19rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_M.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num0B{ width: .17rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_B.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num0T{ width: .16rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_T.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num0Q{ width: .18rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_Q.png); }
.giftContentValentine .list .listBg .propList .listInfoMore .num0X{ width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/valentine/num_prop_x.png); }

.togetherOrderGift{ position: relative; margin: 0 auto; width: 7.01rem; height: 4.03rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/bg.png); }
.togetherOrderGift .tips{ top: .85rem; left: 0; width: 100%; text-align: center; color: #dd7fee; font-size: .24rem; } 
.togetherOrderGift .buy .button a{ display: -webkit-flex; display: flex; width: 100%;  }
.togetherOrderGift .buy .button .btn{ top: 0; }
.togetherOrderGift .buy .button{ margin:3rem auto 0; width: 3.9rem; height: .75rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/button.png); }
.togetherOrderGift .buy .text-01{ width: 1.3rem; height: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/txt_01.png); }
.togetherOrderGift .buy .text-02{ width: 1.51rem; height: .35rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/txt_02.png); }
.togetherOrderGift .buy .text-03{ width: 1.59rem; height: .35rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/txt_03.png); }
.togetherOrderGift .buy .button .btn [class*="btnNum_0"],
.togetherOrderGift .buy .button .btn .btnText{ height: .32rem; }
.togetherOrderGift .buy .button .btn .btnNum_01{ width: .19rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_01.png);}
.togetherOrderGift .buy .button .btn .btnNum_02{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_02.png);}
.togetherOrderGift .buy .button .btn .btnNum_03{ width: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_03.png);}
.togetherOrderGift .buy .button .btn .btnNum_04{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_04.png);}
.togetherOrderGift .buy .button .btn .btnNum_05{ width: .26rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_05.png);}
.togetherOrderGift .buy .button .btn .btnNum_06{ width: .26rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_06.png);}
.togetherOrderGift .buy .button .btn .btnNum_07{ width: .26rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_07.png);}
.togetherOrderGift .buy .button .btn .btnNum_08{ width: .29rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_08.png);}
.togetherOrderGift .buy .button .btn .btnNum_09{ width: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_09.png);}
.togetherOrderGift .buy .button .btn .btnNum_00{ width: .32rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_00.png);}
.togetherOrderGift .buy .button .btn .btnText{ width: .74rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/splicing_orders/img_price_txt.png);}


.wrapper .container .middle .giftContentSongkran{ background: #046BFE; border-color: #F7DC23; }
.wrapper .container .middle .giftContentSongkran .listBg01{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/cardBg_blue.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg02{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/cardBg_purple.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg03{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/cardBg.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg04{ height: 2.2rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/cardBg_pink.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg [class*="value0"]{ width: 2.9rem; visibility:hidden; }
.wrapper .container .middle .giftContentSongkran .listBg .number,
.wrapper .container .middle .giftContentSongkran .listBg .number div { width:1.5rem; -webkit-justify-content: center; justify-content: center; }
.wrapper .container .middle .giftContentSongkran .listGift .listBg04 .number{ position: absolute; top: -.15rem; left: -.6rem;  margin-left: 0; width: 100%;  }
.wrapper .container .middle .giftContentSongkran .listGift .listBg04 .number .topNum{ width: 100%; }
.wrapper .container .middle .giftContentSongkran .listBg .number{ margin-left: 2.5rem; margin-right: .7rem; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum [class*="num0"],
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .cardComma{ margin: 0 -.06rem; height: .74rem!important; background-repeat: no-repeat; background-size: 100% 100%; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num00{ width: .54rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_00.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num01{ width: .32rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_01.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num02{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_02.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num03{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_03.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num04{ width: .48rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_04.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num05{ width: .46rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_05.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num06{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_06.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num07{ width: .46rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_07.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num08{ width: .5rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_08.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .num09{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_09.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .cardComma{ width: .24rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_comma.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg .number .topNum .numadd{ width: .4rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/num_add.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg04 .number .topNum [class*="num0"],
.wrapper .container .middle .giftContentSongkran .listBg04 .number .topNum .cardComma{ margin: 0 -.16rem; -webkit-transform: scale(.8); transform: scale(.8); }
.wrapper .container .middle .giftContentSongkran .count_down{ top: .1rem; background-image: none; }
.wrapper .container .middle .giftContentSongkran .title{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/songkran/common_gift_title.png) ; color: #d94c21; }
.wrapper .container .middle .giftContentSongkran .hide{ height: 2.3rem !important; }
.wrapper .container .middle .giftContentSongkran .number div span.ico-gold{ position: relative; top: -.04rem; margin-right: .05rem!important; width: .5rem; height: .54rem!important; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/songkran/TH_icon_jb_slot.png");}
.wrapper .container .middle .giftContentSongkran .number div span.ico-add{ margin: 0 .2rem!important; width: .4rem; height: .74rem!important; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/songkran/num_add.png");}
.wrapper .container .middle .giftContentSongkran .number div span.ico-hdb{  position: relative; top: -.04rem; margin-right: .05rem!important;  width: .5rem; height: .53rem!important; background-image: url("https://static.dummyupdate.com/images/web/website/recharge/songkran/TH_icon_coin_02.png");}
.wrapper .container .middle .giftContentSongkran .listBg04 .button{ position: relative; margin: 1rem 0 0 4.68rem; z-index:2; }
.wrapper .container .middle .giftContentSongkran .listBg .tips{ bottom: .2rem; right: .3rem; width: 1.82rem; height: .29rem; }
.wrapper .container .middle .giftContentSongkran .listBg01 .tips{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/songkran/tips_02.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg02 .tips{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/songkran/tips_03.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg03 .tips{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/songkran/tips_04.png) ; }
.wrapper .container .middle .giftContentSongkran .listBg04 .tips{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/songkran/tips_01.png) ; }


.giftContentStarBattery .hide .listBg:not(:nth-of-type(1)){ display: none; }
.wrapper .container .giftContentStarBattery .list .listBg01{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/bg_fort_01.png); } 
.wrapper .container .giftContentStarBattery .list .listBg02{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/bg_fort_02.png); } 
.wrapper .container .giftContentStarBattery .list .listBg03{  background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/bg_fort_03.png); } 
.giftContentStarBattery .listBg [class *="value"]{ margin: 0rem 0 0 -.5rem; width: 2.81rem; height: 1.53rem; background-repeat: no-repeat; background-size: 100% 100%; }
.giftContentStarBattery .listBg01 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/img_ico_01.png); }
.giftContentStarBattery .listBg02 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/img_ico_02.png); }
.giftContentStarBattery .listBg03 [class *="value"]{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/img_ico_03.png); }
.giftContentStarBattery .listBg01 .value02,
.giftContentStarBattery .listBg02 .value02{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/starBattery/img_ico_04.png); }

.wrapper .container .middle .giftContenttableSkin{ background: #046BFE; border-color: #F7DC23; }
.wrapper .container .middle .giftContenttableSkin [class*="listBg"]{ padding: 0;  margin:  .1rem auto .15rem; width: 6.95rem; height: 1.46rem; }
.wrapper .container .middle .giftContenttableSkin .listBg01{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/bg_list_01.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg02{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/bg_list_02.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg03{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/bg_list_03.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg04{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/bg_list_04.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg [class*="value0"]{ width: 2.65rem; visibility:hidden; }
.wrapper .container .middle .giftContenttableSkin .listBg .number,
.wrapper .container .middle .giftContenttableSkin .listBg .number div { width:1.35rem; }
.wrapper .container .middle .giftContenttableSkin .listBg .number{  margin-left: .9rem;  }
.wrapper .container .middle .giftContenttableSkin .listBg .number div { margin-top: -.2rem; }
.wrapper .container .middle .giftContenttableSkin .listBg .number::after{ content: ""; position: absolute; top: .37rem; left: -.5rem; width: .55rem; height: .68rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_x.png) no-repeat; background-size: 100% 100%; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum [class*="num0"]{ margin: 0 -.06rem; height: .68rem!important; background-repeat: no-repeat; background-size: 100% 100%; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num00{ width: .54rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_00.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num01{ width: .32rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_01.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num02{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_02.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num03{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_03.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num04{ width: .48rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_04.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num05{ width: .46rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_05.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num06{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_06.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num07{ width: .46rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_07.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num08{ width: .5rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_08.png) ; }
.wrapper .container .middle .giftContenttableSkin .listBg .number .topNum .num09{ width: .47rem; background-image:url(https://static.dummyupdate.com/images/web/website/recharge/tableSkin/num_09.png) ; }
.wrapper .container .middle .giftContenttableSkin .title{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/newyear/common_gift_title.png) ; color: #d94c21; }

.wrapper .container .giftContentGashapon{ background: #046BFE; border-color: #F7DC23; }
.wrapper .container .middle .giftContentGashapon [class*="listBg"]{ padding: 0;  margin:  .1rem auto .15rem; width: 7.1rem; height: 1.62rem; }
.wrapper .container .middle .giftContentGashapon .title { background-image: url(https://static.dummyupdate.com/images/web/website/recharge/newyear/common_gift_title.png); color: #d94c21;}
.wrapper .container .middle .giftContentGashapon .listBg01{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/bg_list_01.png) ; }
.wrapper .container .middle .giftContentGashapon .listBg02{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/bg_list_02.png) ; }
.wrapper .container .middle .giftContentGashapon .listBg03{ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/bg_list_03.png) ; }
.wrapper .container .giftContentGashapon .count_down{ background-image: url(https://static.dummyupdate.com/images/web/website/recharge/halloween/bg_count_down.png); }
.giftContentGashapon .listBg .number div{ width: 1.8rem; }
.giftContentGashapon .listBg .number{ margin-left: 2.3rem; box-sizing: border-box; }
.giftContentGashapon .listBg .number .topNum [class*= "num0"]{ margin: 0 -.02rem; height: .55rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentGashapon .listBg .number .topNum .num00{ width: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_00.png); }
.giftContentGashapon .listBg .number .topNum .num01{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_01.png); }
.giftContentGashapon .listBg .number .topNum .num02{ width: .39rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_02.png); }
.giftContentGashapon .listBg .number .topNum .num03{ width: .4rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_03.png); }
.giftContentGashapon .listBg .number .topNum .num04{ width: .42rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_04.png); }
.giftContentGashapon .listBg .number .topNum .num05{ width: .38rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_05.png); }
.giftContentGashapon .listBg .number .topNum .num06{ width: .42rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_06.png); }
.giftContentGashapon .listBg .number .topNum .num07{ width: .37rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_07.png); }
.giftContentGashapon .listBg .number .topNum .num08{ width: .43rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_08.png); }
.giftContentGashapon .listBg .number .topNum .num09{ width: .42rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/gashapon/num_09.png); }


.wrapper .container .middle .giftContentFeature [class*="listBg"]{ padding: 0;  margin:  .1rem auto .15rem; width: 7.09rem; height: 1.59rem; }
.wrapper .container .middle .giftContentFeature [class*="listBg"]:nth-of-type(1){ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/feature/bg_list_01.png) ; }
.wrapper .container .middle .giftContentFeature [class*="listBg"]:nth-of-type(2){ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/feature/bg_list_02.png) ; }
.wrapper .container .middle .giftContentFeature [class*="listBg"]:nth-of-type(3){ background-image:url(https://static.dummyupdate.com/images/web/website/recharge/feature/bg_list_03.png) ; }
.giftContentFeature .listBg .content{ margin: 0 .15rem 0 .4rem; -webkit-flex-flow: column; flex-flow: column; }
.giftContentFeature .listBg .text{ width: 2.33rem; height: .46rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/txt.png); }
.wrapper .container .middle .giftContentFeature [class*="listBg"]:nth-of-type(3) .text{background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/txt_02.png);}
.giftContentFeature .listBg .ico-add{ display: block; width: .26rem; height: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/ico_add.png); }

.giftContentFeature .listBg .number{ padding-top: 0; margin-left: 0; width: fit-content; height: auto; box-sizing: border-box; }
.giftContentFeature .listBg .number div{ width: 100%; }
.giftContentFeature .listBg .number .topNum [class*= "num0"]{ margin: 0 -.04rem; height: .47rem!important; background-size: 100% 100%; background-repeat: no-repeat; }
.giftContentFeature .listBg .number .topNum .num00{ width: .31rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_00.png); }
.giftContentFeature .listBg .number .topNum .num01{ width: .21rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_01.png); }
.giftContentFeature .listBg .number .topNum .num02{ width: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_02.png); }
.giftContentFeature .listBg .number .topNum .num03{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_03.png); }
.giftContentFeature .listBg .number .topNum .num04{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_04.png); }
.giftContentFeature .listBg .number .topNum .num05{ width: .28rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_05.png); }
.giftContentFeature .listBg .number .topNum .num06{ width: .31rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_06.png); }
.giftContentFeature .listBg .number .topNum .num07{ width: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_07.png); }
.giftContentFeature .listBg .number .topNum .num08{ width: .3rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_08.png); }
.giftContentFeature .listBg .number .topNum .num09{ width: .29rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_09.png); }
.giftContentFeature .listBg .number .topNum .cardComma{ margin: 0 -.06rem; width: .15rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_comma.png); }
.giftContentFeature .listBg .number .topNum::after{content: ""; position: absolute; top: -.02rem; left: -.38rem; width: .37rem; height: .4rem; background: url(https://static.dummyupdate.com/images/web/website/recharge/feature/num_gold.png) no-repeat; background-size: 100% 100%;}
.giftContentFeature .ico_add{ width: .26rem; height: .27rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/ico_add.png); }
.giftContentFeature [class*="frame"]{ position: relative; margin: .1rem 0 0 .9rem; width: 1.24rem; height: 1.42rem;}
.giftContentFeature [class*="frame"]::after{ content: ""; position: absolute; top: 50%; left: 50%; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.giftContentFeature .frame-01::after{ width: 1.24rem; height: 1.42rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/img_card_01.png); }
.giftContentFeature .frame-02::after{ width: 1.24rem; height: 1.45rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/img_card_02.png); }
.giftContentFeature .frame-03::after{ width: 1.24rem; height: 1.4rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/img_card_03.png); }
.giftContentFeature .frame-04::after{ width: 1.24rem; height: 1.41rem; background-image: url(https://static.dummyupdate.com/images/web/website/recharge/feature/img_card_04.png); }
.giftContentFeature [class*="frame"] img{ margin: .1rem 0 0 .15rem; width: 1rem; transform: rotate(5deg); }
.giftContentFeature .indexIcoAddition{ z-index: 5; }
.giftContentFeature .indexIcoAddition .icoAdd{ display: none; }
.giftContentFeature .tips{ right: .65rem; bottom: .2rem; color: #ffc5ef; font-size: .22rem; }

@media screen and (orientation: landscape) {
    body{
        /* overflow-y: hidden; */
        background: #2B417F;
    }
    .wrapper{overflow: hidden;}
    .wrapper_rotate {
        position: absolute;
        width: 100vh;
        /* height: 100vw; */
        top: 0;
        left: 100vh;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(-90deg);
        transform-origin: 0% 45%;
    }
    .rechargeMode{
        transform: translateX(-50%) translateY(-50%) scale(.9);
    }
    .pupTips{
        width: auto;
    }
}

.recharge-mode-hide .recharge-mode-hide_content{
    display: none;
}
.recharge-mode-hide .recharge-mode-hide_title{
    margin: 0 auto;
    width: 5.5rem;
    height: .34rem;
    background: linear-gradient(to right,rgba(174,252,255,.2) 0%,rgba(174,252,255,.5) 50%,rgba(174,252,255,.2) 100%);
    font-size: .26rem;
    color: #2C508E;
    text-align: center;
    -webkit-border-radius: .1rem;
    border-radius: .1rem;
}
.recharge-mode-hide .recharge-mode-hide_title .ico-arrow{
    margin-left: .15rem;
    width: .16rem;
    height: .2rem;
    background-image: url(https://static.dummyupdate.com/images/web/website/recharge/ico_arrow.png);
     
}
.recharge-mode-hide.show .recharge-mode-hide_title .ico-arrow{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.recharge-mode-hide.show .recharge-mode-hide_content{
    display: block;
    margin-top: .2rem;
}