*{
    margin: 0 auto;
}
i{
    font-style: normal;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
@font-face {
    font-family: 'MStiffHeiHK';
    src: url(../../fonts/coinExchange/coin_font.otf);
}
.wrapper{
    width: 1920px;
    height: 4546px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/bg.png) no-repeat center;
    background-size: 100%;
    position: relative;
}
.return_btn{
    display: block;
    width: 241px;
    height: 122px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/returnBtn.png) no-repeat center;
    background-size: 100%;
    float: right;
    margin: 20px 10px 0 0;
}
.dl_btn {
    display: block;
    width: 535px;
    height: 160px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/dlBtn.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 325px;
    left: 50%;
    transform: translateX(-50%);
    
}
.divider{
    width: 1920px;
    height: 90px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/divider.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 480px;
    z-index: 2;
}
.main{
    width: 1100px;
    height: 4045px;
    background-color: #75040a;
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 3px 0px 20px -5px rgba(0, 0, 0, .3), -3px 0px 20px -5px rgba(0, 0, 0, .3);
}
.main .gold_btn {
    width: 658px;
    height: 160px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/goldBtn.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
}
.gold{
    display: inline-block;
    width: 181px;
    height: 135px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold.png) no-repeat center;
    background-size: 100%;
    margin-left: -55px;
}
.coinNumSpan{
    position: absolute;
    text-align: center;
    width: 500px;
    margin-left: -25px;
    margin-top: 50px;
}
.gold_num00{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num00.png) no-repeat center;
    background-size: 100%;
}
.gold_num01{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num01.png) no-repeat center;
    background-size: 100%;
}
.gold_num02{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num02.png) no-repeat center;
    background-size: 100%;
}
.gold_num03{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num03.png) no-repeat center;
    background-size: 100%;
}
.gold_num04{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num04.png) no-repeat center;
    background-size: 100%;
}
.gold_num05{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num05.png) no-repeat center;
    background-size: 100%;
}
.gold_num06{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num06.png) no-repeat center;
    background-size: 100%;
}
.gold_num07{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num07.png) no-repeat center;
    background-size: 100%;
}
.gold_num08{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num08.png) no-repeat center;
    background-size: 100%;
}
.gold_num09{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_num09.png) no-repeat center;
    background-size: 100%;
}
.gold_comma{
    display: inline-block;
    width: 40px;
    height: 65px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gold_comma.png) no-repeat center;
    margin-left: -10px;
    margin-right: -10px;
    background-size: 100%;
}
.main .exchange {
    width: 745px;
    height: 180px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/exchange.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 265px;
    left: 50%;
    transform: translateX(-50%);
}
.main .award {
    width: 1100px;
    height: 1245px;
    position: absolute;
    top: 463px;
    display: flex;
    flex-wrap: wrap;
}
.main .award .coupon{
    width: 512px;
    height: 305px;
    display: flex;
    text-align: center;
    justify-content: center;
}
.main .award .couponbg01 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg01.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg02 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg02.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg03 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg03.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg04 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg04.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg05 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg05.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg06 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg06.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg07 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg07.png) no-repeat center;
    background-size: 100%;
}
.main .award .couponbg08 {
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponbg08.png) no-repeat center;
    background-size: 100%;
}
.coupon .couponTitle {
    display: inline-block;
    width: 385px;
    height: 106px;
    line-height: 70px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponTitle.png);
    background-size: 100%;
    margin-top: -40px;
    margin-left: 60px;
    font-size: 24px;
    /* font-family: ; */
    font-weight: 600;
    text-align: center;
    color: #bc4112;
    text-shadow: #ffff23 1px 1px 0;
}
.wel01 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare01.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel02 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare02.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel03 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare03.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel04 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare04.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel05 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare05.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel06 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare06.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel07 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare07.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel08 {
    width: 180px;
    height: 185px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/welfare08.png) no-repeat center;
    background-size: 100%;
    margin-left: 25px;
    margin-top: 85px;
}
.wel_text{
    width: 285px;
    height: 200px;
    margin-top: 85px;
    margin-right: 22px;
}
.wel_num {
    display: flex;
    padding-left: 10px;
}
.wel_num01 {
    display: flex;
    padding: 0 35px 0 35px;
}
.wel_num02 {
    display: flex;
    padding: 0 25px 0 25px;
}
.wel_num03{
    padding: 0 20px 0 20px;
}
.wel_num span{
    display: block;
}
.coupon_num00{
    width: 25px;
    height: 35px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_00.png) no-repeat center;
    background-size: 100%;
    margin-right: -7px;
}
.coupon_num01{
    width: 24px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_01.png) no-repeat center;
    background-size: 100%;
}
.coupon_num02{
    width: 25px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_02.png) no-repeat center;
    background-size: 100%;
}
.coupon_num03{
    width: 24px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_03.png) no-repeat center;
    background-size: 100%;
}
.coupon_num04{
    width: 25px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_04.png) no-repeat center;
    background-size: 100%;
}
.coupon_num05{
    width: 24px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_05.png) no-repeat center;
    background-size: 100%;
}
.coupon_num06{
    width: 25px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_06.png) no-repeat center;
    background-size: 100%;
}
.coupon_num07{
    width: 24px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_07.png) no-repeat center;
    background-size: 100%;
}
.coupon_num08{
    width: 25px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_08.png) no-repeat center;
    background-size: 100%;
}
.coupon_num09{
    width: 24px;
    height: 35px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponNum_09.png) no-repeat center;
    background-size: 100%;
    margin-right: -7px;
}
.couponComma{
    width: 20px;
    height: 35px;
    margin-right: -7px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/couponComma.png) no-repeat center;
    background-size: 100%;
}
.coupon_hb{
    width: 70px;
    height: 37px;
    margin-right: 7px;
    margin-left: 15px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/hb.png) no-repeat center;
    background-size: 100%;
}
.worthy{
    width: 100px;
    height: 55px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/word.png) no-repeat center;
    background-size: 100%;
}
.wel_text .cou_btn{
    display: block;
    width: 285px;
    height: 90px;
    line-height: 85px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/greenBtn.png) no-repeat center;
    background-size: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 9px;
}
.priceNum{
    display: flex;
    margin-top: 7px;
    margin-left: -53px;
}
.priceNum .num{
    display: block;
}
.cou_btn .price {
    display: flex;
    margin-right: 40px;
    margin-top: 7px;
}
.btn_text{
    width: 73px;
    height: 46px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnText.png) no-repeat center;
    background-size: 100%;
    margin-right: -27px;
    margin-left: 42px;
}
.btn_text01{
    margin-left: 35px;
}
.btn_text02{
    margin-left: 26px;
}
.btn_text03{
    margin-left: 12px;
}
.gold_icon{
    width: 55px;
    height: 50px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/goldIcon.png) no-repeat center;
    background-size: 100%;
    margin-left: 20px;
    margin-right: 46px;
}
.btn_num00{
    width: 26px;
    height: 42px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_10.png) no-repeat center;
    background-size: 100%;
    margin-right: -9px;
}
.btn_num01{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_01.png) no-repeat center;
    background-size: 100%;
}
.btn_num02{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_02.png) no-repeat center;
    background-size: 100%;
}
.btn_num03{
    width: 27px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_03.png) no-repeat center;
    background-size: 100%;
}
.btn_num04{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_04.png) no-repeat center;
    background-size: 100%;
}
.btn_num05{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_05.png) no-repeat center;
    background-size: 100%;
}
.btn_num06{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_06.png) no-repeat center;
    background-size: 100%;
}
.btn_num07{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_07.png) no-repeat center;
    background-size: 100%;
}
.btn_num08{
    width: 27px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_08.png) no-repeat center;
    background-size: 100%;
}
.btn_num09{
    width: 26px;
    height: 42px;
    margin-right: -9px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnNum_09.png) no-repeat center;
    background-size: 100%;
}
.btn_comma {
    width: 20px;
    height: 47px;
    margin-right: -7px;
    margin-left: -2px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/btnComma.png);
    background-size: 100%;
}
.wel_num{
    font-size: 22px;
    margin:5px 0;
}
.details {
    position: absolute;
    width: 1005px;
    height: 2260px;
    top: 1770px;
    left: 50%;
    transform: translateX(-50%);
}
.main .details h1 {
    color: #fffc00;
    font-family: 'MStiffHeiHK';
    font-size: 42px;
}
.details p {
    color: #fff;
    font-size: 30px;
    line-height: 50px;
}
.det_exchange, .det_attention{
    margin-top: 70px;
}
.pup01{
    width: 527px;
    height: 447px;
    position: fixed;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/pupbg.png) no-repeat center;
    background-size: 100%;
    left: 50%;
	top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.pup_icon01{
    width: 110px;
    height: 110px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/question_icon.png) no-repeat center;
    background-size: 100%;
    margin-top: 90px;
}
.pup_icon02{
    width: 110px;
    height: 110px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/gift_icon.png) no-repeat center;
    background-size: 100%;
    margin-top: 90px;
}

.pup_text{
    color: #f4dd83;
    text-align: center;
    margin-top: 28px;
    font-weight: 600;
    line-height: 28px;
    font-size: 18px;
}
.pup_text02{
    margin-top: 5px;
    font-weight: 500;
}
.pup_text03{
    margin-top: 40px;
}
.pup_text04{
    margin-top: 18px;
}
.pup01 .con_btn01 {
    display: inline-block;
    width: 236px;
    height: 80px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/confirm_btn.png) no-repeat center;
    background-size: 100%;
    margin-left: 60px;
    margin-top: 74px;
}
.pup01 .con_btn02 {
    display: inline-block;
    width: 236px;
    height: 80px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/confirm_btn02.png) no-repeat center;
    background-size: 100%;
    margin-left: 141px;
    margin-top: 54px;
}
.pup01 .con_btn03 {
    margin-top: 75px;
}
.pup01 .con_btn04 {
    margin-left: 60px;
    margin-top: 60px;
}
.pup01 .con_btn05 {
    margin-top: 40px;
}
.back_btn{
    display: inline-block;
    width: 130px;
    height: 80px;
    background: url(../../../../images/hsgame-lobby/gw/coinExchange/back_btn.png) no-repeat center;
    background-size: 100%;
    margin-left: 30px;
}
.verify{
    width: 260px;
    height: 28px;
    text-align: center;
    margin-top: 20px;
    margin-left: 130px;
}
.tel_input01{
    margin-top: 115px;
}
.cover{
    width: 1920px;
    height: 4546px;
    position: absolute;
    top: 0;
    left:0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3;
}