body{touch-action: manipulation;}
.points_title{display: flex;padding: 10px 3px;margin-top: 20px;border-radius: 7px;position:relative}
.points_title > div{display: flex;width: 26%;align-items: center;justify-content: center;position: relative;}
.points_title > *{margin: auto;}
.points_title > div > p{margin: 0 6px 0 0;color:#000;font-size: 16px;}
.points_title > div > select,.points_title > div > input{border: unset;border-radius: 1px;padding: 7px;width: 60%;background-color: #fff;}
.points_title > div > select{}
.points_title > div > span { position: absolute; bottom: -27px; left: 86px;font-size: 12px;color:#939393;}
.points_title > button{padding:7px 15px;margin-right: 5px;border: unset;background: #337ab7;color:#fff;border-radius: 3px;font-size:16px;}
.points_account{display:flex;    padding: 10px 3px;margin-top: 20px;}
.points_account > div{display: flex;justify-content: center;align-items: center;margin:auto;width: 24%;}
.points_account > div > p{margin: 0;font-size:16px;margin-right: 5px;}
.points_account > div > span{width: 60%;text-align: center;font-size: 22px;font-weight: bold;}
.points_account > div > button {border:unset;color:#fff;background: #ff7900;font-size:16px;width: 100%;padding: 8px 0px;}
.Mobile{display: block;}
.Mobile_input{text-align: left;}
.mb_points_pop{display:none;}
.gray{background-color: #dcdcdc !important;}
.arrow-couple{ display:block;position: absolute; width: 20px; top: 50%; left: 30%; transform: translate(-50%,-50%) rotate(90deg);}
.Mobile_mask{width: 100%;height: 100vh;background-color: rgb(0,0,0,0.5);position: fixed;z-index: 9;overflow: hidden;top: 0;display: none;}
.Mobile{position: fixed; left: 50%; top: 445px; z-index: 10; width: 90%; transform: translate(-50%,-50%);}
.points_bottom{background: #fff;border-radius: 15px;}
.mb_points_pop{padding:15px;display: block;background-color: #fac48d;border-radius: 15px 15px 0 0;}
.mb_points_input > input{width: 45%;border: unset;background-color: #fff;}
.mb_points_pop_title button{border: unset; background: #067abc; color: #fff; padding: 3px 10px; border-radius: 14px;}
.mb_points_pop_title p {margin-bottom: 0;font-size: 16px;color:#000;}
.game_col_inner{width: calc( 99.9% * 1/4 - (28px - 10px * 1/4)) !important;height: 48px !important;}
/* .game_col{height: 416px;overflow-y: scroll;} */
.mb_points_pop > div{display: flex;justify-content: space-between;align-items: baseline;}
.balance_number img{width: 27px !important;}
.refresh_button img{width: 17px !important;}
.game_col_mask{ position: absolute; width: 100%; height: 100%; left: 50%;top: 75%;transform: translate(-50%,-50%); color: #fff;font-size:16px;}
.addMask{background:rgb(0,0,0,0.5)}
.showAni{animation: showAni .5s forwards ease-in-out;}
@media screen and (max-width:821px) {
    .arrow-couple{left: 29%;}
}
@media screen and (max-widtH:578px) {
    /* body > .content-container {margin-top: 81px !important;} */
    .PCselect{display:none;}
    .points_title {display: block;padding: 17px 10px;text-align:center;}
    .points_title div{width: 100%;margin-bottom: 26px;justify-content: space-between;display: block;}
    .points_title > div > select,.points_title > div > input{width: 100%;}
    .points_title > div > span {bottom: -23px;left: 0;}
    /* .points_title > div > select{display:none;} */
    .points_title > div > p{margin-right: 10px;text-align: left;margin-bottom: 5px;}
    .points_title > button{width: unset;margin: 17px auto 0 auto;}
    .mb_points {display: flex !important;}
    .mb_points > span{width: 70%;font-size: 20px;color: #fff;text-align: center;background: #ff8c4e;padding: 6px 0px;}
    .points_btn{display:block !important;margin-top: 17px !important;background-color: rgb(255, 168, 69) !important;color:#fff;}
    .points_account{display: none;}
    .arrow-couple{ display:block;position: absolute; width: 20px; top: 27%; left: 50%; transform: translate(-50%,-50%);z-index: 9;}
    /* .game_col{display:block;background: #fff;} */
    .mb_points_pop > div{display: flex;justify-content: space-between;align-items: baseline;}
    /* .Mobile{display: none;} */
    .Mobile_mask{width: 100%;height: 100vh;background-color: rgb(0,0,0,0.5);position: fixed;z-index: 9;overflow: hidden;top: 0;}
    .Mobile{position: fixed; left: 50%; top: 445px; z-index: 10; width: 90%; transform: translate(-50%,-50%);opacity: 0;}
    .points_bottom{background: #fff;border-radius: 15px;}
    .mb_points_pop{padding:15px;display: block;background-color: #fac48d;border-radius: 15px 15px 0 0;}
    .mb_points_input > input{width: 45%;border: unset;background-color: #fff;}
    .mb_points_pop_title button{border: unset; background: #067abc; color: #fff; padding: 3px 10px; border-radius: 14px;}
    .mb_points_pop_title p {margin-bottom: 0;font-size: 16px;color:#000;}
    .game_col_inner{width: calc( 99.9% * 1/2 - (28px - 10px * 1/2)) !important;height: 48px !important;}
    .game_col{height: 416px;overflow-y: scroll;}
    .index_mask{display:none}
    .Mobile_input{display: block !important;}
    .points_inner{font-size: 12px !important;}
    .game_list .game_col_inner{width: calc( 99.9% * 1/2 - (28px - 10px * 1/2)) !important;margin:7px;}
    .game_list {height: unset;padding: 0;margin-top: 10px !important;}
    @keyframes showAni {
        0%{transform: translate(-50%,-48%);opacity: 0;}
        65%{transform: translate(-50%,-52%);opacity: 1;}
        100%{transform: translate(-50%,-50%);opacity: 1;}
    }    
}