@font-face{
	font-family: "蒙纳盈富體繁";
	src: local("蒙纳盈富体繁"),
		 url("/mobile/font-family/蒙纳盈富体繁.ttf") format("truetype");
}
.use-btn-opacity{
	color: rgb(255, 255, 255, 0.7) !important;
}

#header{
	padding-top: 0.15rem;
	position: unset;
	background: unset
}
/**********float-div2**************/
.float-div2{
	position: absolute;
    top: 5.4rem;
	right: 0;
    z-index: 800;
/*
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem;
*/
	color: #fff;
	background: url('../images/sty2_home/download_app_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding: 0.25rem 0;
	font-size: .26rem;
	cursor: pointer;
	text-align: center;
	width: .706rem;
    height: 1.3rem;
}

.float-div2 .txt{
	margin: 0 0 0 0.15rem;
	display: flex;
    align-items: center;
	flex-direction: column;
}

/*
body.lang-tw .float-div2 .txt, body.lang-cn .float-div2 .txt{
	writing-mode: vertical-rl;
}
*/

body.lang-tw .float-div2 .txt .download-txt, body.lang-cn .float-div2 .txt .download-txt{
	writing-mode: vertical-rl;
}

.float-div2 .txt .eng{
	writing-mode:horizontal-tb;
	padding-top:.04rem
}
/**********float-div2**************/

/**********float-div3**************/
.float-div3{
	position: absolute;
    z-index: 800;
    width: 1.1rem;
	touch-action: none;
	left: calc(100% - 2.2rem);
}
.float-div3 img{
	width: 100%;
	pointer-events: none;
	user-select: none;
	vertical-align: middle;
}
/**********float-div3**************/

/**********float-div4**************/
.float-div4{
	position: absolute;
    z-index: 800;
    width: 1.1rem;
	touch-action: none;
}
.float-div4 img{
	width: 100%;
	pointer-events: none;
	user-select: none;
	vertical-align: middle;
}
/**********float-div4**************/

/**********float-div5**************/
.float-div5{
	position: absolute;
    z-index: 800;
    width: 1.1rem;
	touch-action: none;
	left: calc(100% - 1.1rem);
}
.float-div5 img{
	width: 100%;
	pointer-events: none;
	user-select: none;
	vertical-align: middle;
}
/**********float-div5**************/

.main-content{
/*	background-color: #000000;*/
	position: relative;
/*	margin-top: 0.1rem;*/
}

.main-content .banner-area{
    overflow: hidden;
    border-radius: 0.1rem;
    height: 2.4rem;
    padding: 0 0.15rem;
}

.main-content .banner-area .my-focus{
	border-radius: 5px;
/*    background-color: #181a20;*/
}

.main-content .banner-area .my-focus{
/*.main-content .banner-area .my-focus .pic{*/
	height: 100%;
	width: 100%;
}

.main-content .banner-area .my-focus .banner-img{
	width: 100%;
}
.main-content .banner-area .my-focus .slick-dots{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}
.main-content .banner-area .my-focus .slick-dots li{
	display: inline-block;
	width: 0.12rem;
    height: 0.12rem;
    border-radius: 999px;
    background: white;
	margin: 0 0.05rem;
	transition: 0.2s;
}
.main-content .banner-area .my-focus .slick-dots li.slick-active{
	background: #f0b90b;
	width: 0.2rem;
}
.main-content .banner-area .my-focus .slick-dots li button{
	display: none;
}
/*
.main-content .banner-area .my-focus .pic li{
	width: 100%;
	position: absolute;
    top: 0;
    left: 0;
	right: 0;
    display: none;
}
*/

.main-content .banner-area .my-focus .banner-img {
    width: 100%;
}

.main-content .banner-area .my-focus .num{
	bottom: 0.02rem;
	height: auto;
}

.main-content .banner-area .my-focus .num li{
	padding: 0 0.1rem;
	width: 0.12rem;
	height: 0.12rem;
}

.main-content .banner-area .my-focus .num li a{
	width: 0.12rem;
	height: 0.12rem;
	background: #FFF;
	z-index: 800;
}

.main-content .banner-area .my-focus li.current a, 
.main-content .banner-area .my-focusli.hover a{
	background-color: #f0b90b;
}

.main-content  .banner-area .mF_YSlider .pic li, 
.main-content  .banner-area .mF_YSlider .rePic li{ 
 	width: 100%; 
}

/**********中間跑馬燈，功能紐 start**************/
.mid-area{
    display: flex;
    align-items: center;
    padding: 0.04rem 0 0.05rem 0.1rem;
    border-radius: 999px;
    background: #09414d;
    border: 0.04rem solid #55b7c8;
    box-shadow: inset -0.02rem -0.02rem 0.05rem white, inset 0.02rem 0.02rem 0.05rem;
}

.mid-area .home-marquee{
    flex: 1;
    display: flex;
    align-items: center;
}

.mid-area .home-marquee img{
	width: 0.25rem;
}

.mid-area .home-marquee .icon-noitce{
    color:#848E9C;
    font-size: .3rem;
}

.mid-area .home-marquee .marquee{
	flex: 1;
	display: flex;
	align-items: center;
	position: relative;
	height: .3rem;
	margin: 0 .1rem;
	overflow: hidden;
	line-height: initial;
}

.mid-area .home-marquee .marquee .marquee-c{
	color: #ffffff;
	font-size: .22rem;
	white-space: nowrap;
	position: absolute;
	animation: marquee 30000ms linear infinite;
}

@keyframes marquee {
 0% {
  left: 100%;
  transform: translateX(0%);
 }

 100% {
  left: 0;
  transform: translateX(-100%);
 }
}


/**********中間跑馬燈，功能紐 end**************/

.extra-container{
	background: #1896a2;
    box-shadow: inset 0.04rem 0.04rem 0.02rem #69bbc3, inset -0.04rem -0.04rem 0.02rem #09727c, 0.01rem 0.01rem 0.05rem black, -0.03rem -0.03rem 0.05rem #507881;
    padding: 0.05rem 0.15rem;
    margin: 0.1rem 0.15rem;
    border-radius: 0.2rem;
}

/**********額度相關 start**************/
.quota-area{
	color: #fff;
	display: flex;
	margin: 0.1rem 0.15rem;
	justify-content: flex-start;
	border-radius: 0.15rem;
	
	flex-wrap:wrap;
}
.quota-area .left, .quota-area .right{
/*	margin: 0.15rem 0;*/
}
.quota-area .left{
	width: 50%;
	padding-right: 0.1rem;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.quota-area .right{
	border-left: 0.01rem solid #8fcdd2;
    padding-left: 0.1rem;
    width: 50%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
	justify-content: space-around;
    align-items: flex-start;
}
.quota-area .right .line{
	height: 0.02rem;
    background: #8fcdd2;
    width: 100%;
}
.quota-area .right .username.opacity{
	opacity: 0.5;
}
.quota-area .right .top{
	display: flex;
	justify-content: space-between;
	width: 100%
}
.quota-area .right .top .item{
	width: 1rem;
	cursor: pointer;
}
.quota-area .right .top .mall, .quota-area .right .top .live{
	opacity: 0.5
}
.quota-area .right .top .item img{
	width: 100%
}
.quota-area .right .top .txt{
	font-size: 0.2rem;
	text-align: center;
}
.grade-icon{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 0.45rem;
    height: 0.45rem;
    color: white;
    border-radius: 999px;
    text-align: center;
    margin-right: 0.1rem;
    vertical-align: middle;
    box-shadow: inset 0.005rem 0.005rem 0.02rem #FFF, 0 0.01rem 0rem #000;
    font-size: 0.26rem;
}
.quota-area .icon-bg-white,
.quota-area .icon-bg-gold{
	border-radius: 9999px;
	display: inline-block;
	height: 0.25rem;
    width: 0.25rem;
	margin-right: 0.05rem;
}
.quota-area .icon-bg-white{
	background: white;
}
.quota-area .icon-bg-gold{
	background: #bfa16f;
}
.quota-area .quota{
	padding: 0.02rem 0.15rem;
    background: #1c5c68;
    border-radius: 0.07rem;
    box-shadow: 0.03rem 0.03rem 0.01rem #43aab3, -0.03rem -0.03rem 0.01rem #167e87;
    line-height: initial;
    margin-left: .1rem;
    letter-spacing: .005rem;
    text-align: center;
}

.quota-area .credit .quota, .quota-area .cash .quota{
    min-width: 1.27rem;
}

.quota-area .fa-futbol,
.quota-area .fa-star,
.quota-area .fa-exclamation,
.quota-area .fa-question{
	height: 0.25rem;
    width: 0.25rem;
	color: #FFFFFF
}
.quota-area .fa-futbol{
	color: #bfa16f;
}
.quota-area .fa-star,
.quota-area .fa-exclamation{
	color: #ffffff;
}

.quota-area .fa-star{
	transform: translate(10%, -20%);
	height: 0.2rem;
    width: 0.2rem;
}
.quota-area .quota-title{
	font-size: 0.22rem;
}

.quota-area .credit, .quota-area .cash{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.quota-area .cash, .quota-area .vip{
	/*margin-top: 0.1rem;*/
}
.quota-area .vip .vip-txt{
	cursor: pointer;
}
.quota-area .vip.open{
	color: #6cef30
}
.quota-area .vip.close{
	opacity: 0.5;
}
.quota-area .discount{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 0.08rem;
}
.quota-area .discount .use-btn{
	background: linear-gradient(to right, #54b5c6, #42acbf, #54b5c6);
    padding: 0.02rem 0.15rem;
    border-radius: 0.1rem;
    border: 0.01rem solid white;
    margin-left: 0.1rem;
    cursor: pointer;
}
.quota-area .member-info{
	display: flex;
	align-items: center;
}
.quota-area .member-info .extra{
	flex-grow: 1;
}
.quota-area .member-info .extra .userid{
	font-size: 0.26rem;
	margin-bottom: 0.05rem;
}
.quota-area .progress-container{
   	height: 0.2rem;
    background-color: #1c5c68;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: inset 0 0.04rem 0.06rem rgba(0, 0, 0, 0.4);
    position: relative;
    width: 2rem;
}

.quota-area .progress-container .progress-val{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1;
	font-size: 0.2rem;
}

.quota-area .progress-container .progress-bar{
	width: 0;
    background: linear-gradient(to bottom, #4bb2c1 0%, #199db0 44%, #0b8293 100%);
    display: block;
    border-radius: 0.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
	border-width: 0.03rem;
	border-style: solid;
	border-color: transparent;
}

.quota-area .login-register{
	display: flex;
}
.quota-area .login-register .login-btn{
	background: linear-gradient(to bottom, #bff7fa, #3bb8cd, #96e8ed);
    position: relative;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
	display: flex;
    align-items: center;
	cursor: pointer;
}
.quota-area .login-register .login-btn::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #65e0eb, #2fb0c6, #65e0eb);
    z-index: 0;
    transform: scale(0.95, 0.8);
    border-radius: 999px;
}
.quota-area .login-register .login-btn .txt{
	position: relative;
	z-index: 1;
	text-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.5)
}

.quota-area .login-register .register-btn{
	border: 0.04rem solid #57d1d9;
    position: relative;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
	margin-left: 0.3rem;
	cursor: pointer;
}
.quota-area .login-register .register-btn .txt{
	color: #76eff6
}
/**********額度相關 end**************/

/**********左邊遊戲大類選單 右邊遊戲列表 start**************/
.game-area.v2 .game-menu .img-container{
	transform-origin: center;
    transform: scale(0.8);
}
.game-area.v2 .game-menu .text{
	    transform-origin: left center;
    transform: scale(0.8);
}
.game-area.v2 .game-list .gstore-logo-img{
	transform-origin: center top;
	transform: scale(0.8);
}

.game-area.v2 .game-list .gstore_img{
	transform-origin: center bottom;
	transform: scale(0.8);
}

.game-area.v2 .game-list .item.v1.gstore--1 .gstore_img,
.game-area.v2 .game-list .item.v1.gstore--1 .gstore-logo-img,
.game-area.v2 .game-list .item.v1.gstore-48 .gstore_img,
.game-area.v2 .game-list .item.v1.gstore-48 .gstore-logo-img{
	transform: scale(0.6);
} 
.game-area{
	padding: 0 .15rem 0.6rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	user-select: none;
/*	min-height: 370px;*/
	min-height: 330px;
}
.game-area .game-menu{
    overflow-y: auto;
	flex-shrink: 0;
	margin-right: 0.1rem;
	display: flex;
    flex-direction: column;
/*	position: relative;*/
}
.game-area .game-menu::-webkit-scrollbar{
    display: none;
}

.game-area .game-menu .item{
	position: relative;
/*
	top: 0;
	left: 0;
*/
    cursor: pointer;
    width: 1.45rem;
    height: 1rem;
/*    margin-bottom: .2rem;*/
    background-color: #0d98ac;
    border-radius: .2rem;
    text-align: center;
    box-shadow: inset 0 -0.08rem 0.03rem #0a7a8a;
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 0.1rem;
	max-height: 1.35rem;
/*	min-height: 0.5rem;*/
	flex-grow: 1;
}

.game-area .game-menu .item:last-child{
	margin-bottom: 0;
}
.game-area .game-menu .item::before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 0.45rem;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.2rem;
	top: 8%;
}


.game-area .game-menu .item.active{
    background-color: #66dbef;
	box-shadow: inset 0 -0.08rem 0.03rem #52afbf;
}

/*選取選單後要改變的樣式 start*/
.game-area .game-menu .item .img-container{
	width:0.5rem;
	margin-right: 0.05rem
}
.game-area .game-menu .item .img-container.fire{
	margin-right: 0;
	margin-bottom: 0.15rem;
}
.game-area .game-menu .item .img-container.fire img{
	max-width: 80%;
}
.game-area .game-menu .item img{
    display: block;
	max-width: 100%;
/*    width: 0.6rem;*/
    vertical-align: middle;
/*    margin-right: 0.05rem;*/
	position: relative;
	z-index: 1
}
.game-area .game-menu .item .img-active{
    display:none;
}
.game-area .game-menu .item.active img{
    display:none;
}


.game-area .game-menu .item.active .img-active{
    display:block;
}

/*選取選單後要改變的樣式 end*/

.game-area .game-menu .item .text{
	position: relative;
    font-size: .26rem;
    color: #FFF;
	z-index: 1;
	font-weight: 700;
	text-shadow: 0.02rem 0.02rem 0.04rem rgba(0,0,0,0.5);
}
.game-area .game-menu .today-order .text,
.game-area .game-menu .history-order .text,
.game-area .game-menu .transfer-quota .text{
	font-weight: 400;
	font-family: 蒙纳盈富體繁;
}
.game-area .game-menu .item.active .text{
	position: relative;
}
.game-area .game-menu .item.active .text::before{
	content: attr(data-txt);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    /* color: #216f7c; */
    /* transform: scale(1); */
    text-shadow: none;
    -webkit-text-stroke: 0.04rem #216f7c;
	text-stroke: 0.04rem #216f7c;
}

.game-area .game-menu .item.transfer-quota{
	flex-direction: column;
	height: 1.35rem;
	flex-shrink: 0;
}
.game-area .game-menu .item.transfer-quota img{
	width: 0.6rem
}

.game-area .game-list{
	flex: 1;
    overflow-y: auto;
	position: relative;
	overflow-x: hidden;
	touch-action: none;
}

.game-area .game-list img{
	pointer-events: none;
}

.game-area .game-list .quota-type{
	display: flex;
	position: relative;
	height: 0.3rem;
	width: 95%;
    margin-left: 0.2rem;
	margin-bottom: 0.1rem;
}

.game-area .game-list .quota-type::before{
	content: "";
    position: absolute;
    left: -2%;
    bottom: -10%;
    width: 0.08rem;
    height: 0.08rem;
    border-radius: 9999px;
    background: #6facb6;
}

.game-area .game-list .quota-type .title{
	position: absolute;
	left: 0;
	top: 0;
	color: #6facb6;
	font-weight: 600;
    letter-spacing: .02rem;
}

.game-area .game-list .quota-type .bottom-line{
	width: 30%;
    border-bottom: 0.02rem solid #6facb6;
    transform: skewX(-20deg);
}

.game-area .game-list .quota-type .top-line{
	border-top: 0.02rem solid #6facb6;
	border-left: 0.02rem solid #6facb6;
	transform: skewX(-20deg);
	width: 70%;
}

.game-area .game-list::-webkit-scrollbar{
    display: none;
}


.game-area .game-list .tab{
	position:relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.game-area .game-list .tab.active{
	margin-bottom: 0.05rem;
}

.game-area .game-list .tab .row{
	height: calc(100%/3);
	display: flex;
	margin-bottom: 0.1rem;
	flex-shrink: 1;
}

.game-area .game-list .tab .row:last-child{
/*	margin-bottom: 0.09rem;*/
	margin-bottom: 0;
}

.game-area .game-list .tab.game-list--2  .row:last-child{
/*	margin-bottom: 0.08rem;*/
	margin-bottom: 0;
}
.game-area .game-list .tab.game-list-2 .row:last-child,
.game-area .game-list .tab.game-list-5 .row:last-child,
.game-area .game-list .tab.game-list--1 .row:last-child{
/*	margin-bottom: 0.1rem;*/
	margin-bottom: 0
}
.game-area .game-list .tab .row .fire-extra{
	width: 50%;
	margin-right: 0.1rem;
	display: flex;
	flex-direction: column;
}
.game-area .game-list .tab .row .fire-extra .item{
	width: 100%;
	height: 50%;
}

.game-area .game-list .tab .row .fire-extra .item:first-child{
	margin-bottom: 0.1rem
}

.game-area .game-list .item{
	width:100%;
	border-radius: .2rem;
/*    margin-bottom: .1rem;*/
/*	box-shadow: 0 0.04rem 0.28rem 0 rgba(65,70,92,.3);*/
	cursor:pointer;
    position: relative;
    text-align: center;
	float:left;
	padding: 0.1rem;
    background: #55b7c8;
/*	box-shadow: 0 0.08rem 0 #216f7c;*/
	border-bottom: 0.1rem solid #216f7c;
}

.game-area .game-list .item .liner-bg{
	background: linear-gradient(to bottom, #2199ae, #9cebf9);
	height: 100%;
	border-radius: 0.15rem;
}

.game-area .game-list .item .bg{
/*	max-height: 100%;*/
/*	max-width: 100%;*/
	vertical-align: middle;
}

.game-area .game-list .item.v2{
	width: 50%;
/*    height: 2rem;*/
    margin-right: 0;
}

.game-area .game-list .tab .row .item.v2:not(.item.v2:last-child){
	margin-right: 0.1rem;
}

.game-area .game-list .item.v2 .gstore_img{
	width: 2.3rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.game-area .game-list .item .gstore-logo-img{
	position: absolute;
	left: 0.3rem;
    top: 0.8rem;
    width: 0.5rem;
}

.game-area .game-list .item.v2.gstore-1 .gstore_img{
	width: 1.8rem;
	right: 0.05rem;
	bottom: 0.1rem;
}

.game-area .game-list .item.v2.gstore-26 .gstore_img{
	width: 1.7rem;
    bottom: -0.1rem;
    right: 0.1rem;
}

.game-area .game-list .item.v2.gstore-26 .gstore-logo-img{
	width: 0.6rem;
}

.game-area .game-list .item.v2.gstore-36 .gstore_img{
	width: 1.3rem;
    bottom: 0.1rem;
    right: 0.25rem;
}

.game-area .game-list .item.v2.gstore-36 .gstore-logo-img{
	width: 0.8rem
}

.game-area .game-list .item.v2.gstore-54 .gstore_img{
	width: 1.8rem;
    bottom: 0.1rem;
    right: 0.08rem;
}

.game-area .game-list .item.v1.gstore--1 .gstore_img{
	position: absolute;
    bottom: 0.1rem;
    right: 0.2rem;
    width: 1rem;
}

.game-area .game-list .item.v1.gstore--1 .gstore-logo-img{
	width: 1rem;
    top: 0.55rem;
    left: 0.25rem;
}
.game-area .game-list .item.v1 .gstore-name.v1-offset{
	top: 0.2rem;
    left: 0.2rem;
}

.game-area .game-list .item.v1.gstore-48 .gstore_img{
	position: absolute;
    bottom: 0.05rem;
    right: 0.1rem;
    width: 1.3rem;
}

.game-area .game-list .item.v1.gstore-48 .gstore-logo-img{
	width: 1rem;
    top: 0.5rem;
    left: 0.2rem;
}

.game-area .game-list .item.v2.gstore-10 .gstore_img{
	width: 1.8rem;
    bottom: 0.2rem;
}

.game-area .game-list .item.v2.gstore-10 .gstore-logo-img{
	width: 0.7rem;
    left: 0.2rem;
}



.game-area .game-list .item.v4{
	display: block;
/*    height: 2.5rem;*/
	
	width: 100%
}

.game-area .game-list .item.v4 .gstore_img{
	width: 4.8rem;
    position: absolute;
    right: 0.15rem;
	bottom: 0
}

.game-area .game-list .item.v4 .gstore-logo-img{
	width: 0.6rem;
    left: 0.4rem;
    top: 0.9rem;
}


.game-area .game-list .item.v4.gstore-1 .gstore_img{
	width: 3.8rem;
    bottom: 0.1rem;
}

.game-area .game-list .item.v2.gstore-56 .gstore_img{
	width: 1.6rem;
    bottom: 0.2rem;
    right: 0.1rem;
}

.game-area .game-list .item.v2.gstore-41 .gstore_img{
	width: 1.6rem;
    right: 0.06rem;
    bottom: 0.1rem;
}

.game-area .game-list .item.v2.gstore-24 .gstore_img{
	width: 1.5rem;
    bottom: 0.1rem;
    right: 0.15rem;
}

.game-area .game-list .item.v2.gstore-32 .gstore_img{
	width: 1.7rem;
    bottom: 0.1rem;
}

.game-area .game-list .item.v2.gstore-53 .gstore_img{
	width: 1.5rem;
    bottom: -0.05rem;
	right: 0.05rem;
}

.game-area .game-list .item.v2.gstore-44 .gstore_img{
	width: 1.7rem;
    bottom: 0.25rem;
    right: 0.02rem;
}

.game-area .game-list .item.v2.gstore-42 .gstore_img{
	width: 1.8rem;
    bottom: 0.2rem;
}

.game-area .game-list .item.v2.gstore-50 .gstore_img{
	width: 1.5rem;
    bottom: 0.08rem;
    right: 0.15rem;
}

.game-area .game-list .item.v2.gstore-52 .gstore_img{
	width: 1.4rem;
    right: 0.1rem;
}

.game-area .game-list .item.v2.gstore-52 .gstore-logo-img{
	width: 0.8rem;
}

.game-area .game-list .item.v2.gstore-8 .gstore_img{
	width: 1.1rem;
    bottom: 0.1rem;
    right: 0.2rem;
}

.game-area .game-list .item.v2.gstore-8 .gstore-logo-img{
	width: 1rem;
    top: 0.7rem;
}

.game-area .game-list .item.v2.gstore-11 .gstore_img{
	width: 1.3rem;
    right: 0.2rem;
    bottom: 0.1rem;
}

.game-area .game-list .item.v2.gstore-9 .gstore_img{
	width: 1.4rem;
    bottom: 0.05rem;
    right: 0.22rem;
}

.game-area .game-list .item.v2.gstore-21 .gstore_img{
	width: 1.8rem;
    bottom: 0.15rem;
    right: 0.05rem;
}
.game-area .game-list .item.v2.gstore-21 .gstore-logo-img{
	width: 0.8rem;
    left: 0.15rem;
}

.game-area .game-list .item.v2.fish-gstore-26 .gstore_img{
	width: 1.7rem;
    bottom: 0.05rem;
}

.game-area .game-list .item.v2.fish-gstore-26 .gstore-logo-img{
	width: 0.6rem;
}

.game-area .game-list .item.v2.fish-gstore-24 .gstore_img{
	width: 1.7rem;
    bottom: 0.15rem;
    right: 0.05rem;
}

.game-area .game-list .item.v2.fish-gstore-41 .gstore_img{
	width: 1.7rem;
    bottom: 0.1rem;
}

.game-area .game-list .item.v2.gstore-48 .gstore_img{
	width: 1.8rem;
    bottom: 0.2rem;
}
.game-area .game-list .item.v4.gstore-48 .gstore_img{
	width: 3.8rem;
}
.game-area .game-list .item.v2.fish-gstore-53 .gstore_img{
	width: 1.8rem;
    bottom: 0.1rem;
    right: 0.05rem;
}
.game-area .game-list .item.v2.fish-gstore-50 .gstore_img{
	width: 1.8rem;
    bottom: 0.1rem;
}
.game-area .game-list .item.v2.fish-gstore-52 .gstore_img{
	width: 1.5rem;
    bottom: 0.1rem;
    right: 0.1rem;
}
.game-area .game-list .item.v2.fish-gstore-52 .gstore-logo-img{
	width:0.8rem
}
.game-area .game-list .item.right{
    margin-left: .15rem;
}

.game-area .game-list .item.v4.gstore-54 .gstore_img{
	width: 3.5rem;
    bottom: 0.1rem;
}

.game-area .game-list .item .gstore-name.v2-offset,
.game-area .game-list .item .gstore-name.v1-offset
{
    position: absolute;
    top: 0.25rem;
    left: 0.2rem;
    z-index: 2;
    color: white;
    word-break: keep-all;
    letter-spacing: 0.01rem;
    font-weight: 400;
    pointer-events: none;
    text-shadow: 0 0.02rem 0.06rem black;
    font-size: .25rem;
}

.game-area .game-list .item .gstore-name.v4-offset{
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    z-index: 2;
    color: white;
    word-break: keep-all;
    letter-spacing: 0.02rem;
    font-weight: 400;
    pointer-events: none;
    text-shadow: 0 0.02rem 0.06rem black;
    font-size: 0.3rem;
}

.game-area .game-list .item .gstore-name.v4-2-offset{
    position:absolute;
    top: 67%;
    left: 11%;
    z-index:2;
    color: white;
    word-break: keep-all;
    letter-spacing: 0.02rem;
    font-weight: 700;
    pointer-events:none;
	text-shadow: 0 0.02rem 0.06rem black;
	font-size: 0.34rem
}

.game-area .game-list .item .mask-txt {
    font-size: .2rem;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0%;
    background-color: rgba(0,0,0,.6);
    padding: 0.05rem 0;
	text-align: center;
}

.game-area .game-list .item .mask-txt.gs-close, .game-list .item .mask-txt.gs-maintain{
	color:#fff;
}

.game-area .game-list .item .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(51,51,51,.6);
}

/**********左邊遊戲大類選單 右邊遊戲列表 end**************/

/*公告圖片*/
.news-img{
	width: 100%;
}

/*折抵金彈窗、週退10%*/
.disocunt-layer, .week-back-layer{
	border-radius: 0.15rem !important;
	border: 0.05rem solid #5dc7d9;
    background: #1e94a3 !important;
    box-shadow: 0 0.08rem 0 #2b6c84 !important;
}
.disocunt-layer .layui-layer-content,
.week-back-layer .layui-layer-content{
	border-radius: 0 0 0.15rem 0.15rem;
    padding: 0.1rem 0 0;
}

#discount-area{
	height: 100%;
	display: flex;
    flex-direction: column;
}

#discount-area h1{
	font-size: .48rem;
    position: relative;
    z-index: 1;
	color: #EAECEF;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0.04rem 0 #1c5c68;
}

#discount-area h2{
	position: relative;
	z-index: 1;
	color: #EAECEF;
    text-align: center;
    font-weight: bold;
	font-size: 0.24rem;
	margin-top: 0.1rem;
	text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.4);
    opacity: 0.8;
}

#discount-area .btn-block{
	display: flex;
	justify-content: space-between;
	margin: auto;
	margin-top: 0.1rem;
	width: 3rem;
}
#discount-area .btn-block .btn{
	position: relative;
	overflow: hidden;
	width: 1.4rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	border-radius: 9999px;
	color: #EAECEF;
	font-weight: bold;
	font-size: 0.28rem;
	box-shadow: inset 0.02rem 0 0.05rem rgba(0,0,0,0.2), inset -0.02rem 0 0.05rem rgba(0,0,0,0.2), 0 0.05rem 0 #216f7c;
	text-shadow: 0.01rem 0.01rem 0.02rem black;
}
#discount-area .btn-block .btn::before{
	content: "";
    position: absolute;
    width: 100%;
    top: -80%;
    left: 0;
    height: 0.5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    filter: blur(10px);
}
#discount-area .btn-block .use{
	border: 0.02rem solid #76eff6;
	background: linear-gradient(to bottom, #0d98ac 50%, #51b1c2 85%);
	cursor: pointer;
	color: #ffffff;
}
#discount-area .btn-block .close{
	border: 0.02rem solid #f9edbd;
	background: linear-gradient(to bottom, #d86043 50%, #e68867 85%);
	cursor: pointer;
	color: #f7f2f1;
}
#discount-area .discount-quota-block{
	display: flex;
	justify-content: center;
	margin-top: 0.1rem;
	align-items: center;
	margin-top: 0.2rem;
}
#discount-area .discount-quota-block .content{
	display: flex;
	padding: 0.1rem 0;
	background: white;
	box-shadow: inset 0.03rem 0.03rem 0px #338c99, inset -0.03rem -0.03rem 0px #8dcfd8;
	border-radius: 0.05rem;
	color: #338c99;
	min-width: 3rem;
	margin-left: 0.55rem;
}
#discount-area .discount-quota-block .content .name{
	flex-basis: 50%;
	padding: 0 0.1rem;
	text-align: center;
	font-size: 0.26rem;
	white-space: nowrap;
}

#discount-area .discount-quota-block .content .discount-quota{
	flex-basis: 50%;
	font-weight: bold;
	text-align: center;
	border-left: 0.03rem solid #338c99;
	padding: 0 0.1rem;
	font-size: 0.28rem;
	white-space: nowrap;
}
#discount-area .discount-quota-block .quota-detail{
	text-decoration: underline;
	color: white;
	margin-left: 0.1rem;
	cursor: pointer;
}
#discount-area .discount-quota-detail,
#week-back-area .week-detail{
	background: #09414d;
	overflow: auto;
	margin-top: 0.2rem;
	padding: 0 0.1rem 0.1rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: #80acb5;
}

#discount-area .discount-quota-detail article{
	position: relative;
}

#discount-area .discount-quota-detail > article:not(:first-child){
    margin-top:.5rem;
}

#discount-area .discount-quota-detail .title{
	color: white;
    font-size: 0.28rem;
    text-align: left;
    margin-top: 0.15rem;
    text-shadow: unset;
	
}
#discount-area .discount-quota-detail .title2{
    color: #5dc7d9;
    font-size: 0.28rem;
    text-align: left;
    margin-top: 0.15rem
}
#discount-area .discount-quota-detail li,
#week-back-area .week-detail li{
	margin-top: 0.1rem;
	font-size: 0.28rem;
}
#discount-area .discount-quota-detail span,
#week-back-area .week-detail span{
	font-size: 0.28rem;
}

#discount-area .discount-quota-detail .example{
	margin-top: 0.15rem;
	font-size: 0.28rem;
}

#discount-area .discount-quota-detail .descr-tb{
    margin: 0.1rem 0 0.1rem 0.35rem;
	font-size: 0.28rem;
	line-height: 1.5
}

#discount-area .discount-quota-detail .descr-tb .extra-symbol{
	margin: 0 0.05rem;
	font-size: 0.24rem
}

#discount-area .discount-quota-detail .grade-bet-table{
	border-collapse: collapse;
	width: 100%;
	border: 0.03rem solid #80acb5;
	position: relative;
	margin-top: 0.1rem;
}

#discount-area .discount-quota-detail .grade-bet-table td,
#discount-area .discount-quota-detail .grade-bet-table th{
	border: 0.02rem solid #80acb5;
	text-align: center;
	vertical-align: middle;
	padding: 0.1rem 0;
	font-size: 0.28rem;
}
#discount-area .discount-quota-detail .grade-bet-table th{
	width: 35%
}
#discount-area .discount-quota-detail .grade-bet-table th:first-child{
	width: 30%
}
#discount-area .discount-quota-detail .grade-bet-table td:first-child{
	width: 15%;
}

#discount-area .discount-quota-detail .grade-bet-table td:first-child{
	white-space: nowrap;
	padding-left: 0.05rem;
	padding-right: 0.05rem;
}
#discount-area .discount-quota-detail .grade-bet-table .line-height{
	line-height: 0.2rem;
}
#discount-area .discount-quota-detail .grade-table-note{
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 0.28rem;
	margin-top: 0.1rem;
	color: #cca666;
	position: relative;
}
#discount-area .discount-quota-detail .vip-note{
	color: red;
	font-size: 0.26rem
}

.week_back_discount_note{
	border: 0.02rem solid red;
	border-radius: 0.1rem;
	color: red;
	font-size: 0.28rem;
	padding: 0.1rem;
	margin-top: 0.1rem;
}
#discount-area .discount-quota-detail::-webkit-scrollbar{
	width:7px;
}
#discount-area .discount-quota-detail::-webkit-scrollbar-thumb{
	background: #338c99;
}
#discount-area .discount-quota-detail::-webkit-scrollbar-track{
	background-color: transparent;
}
#week-back-area .title{
	font-size: .48rem;
	position: relative;
    color: #EAECEF;
    display: inline-block;
	left: 50%;
	transform: translateX(-50%);
    font-weight: bold;
	border-bottom: 0.02rem solid #EAECEF;
}
#week-back-area .week-detail{
	margin-top: 0.2rem;
	background: #ffffff;
	padding: 0.15rem;
}
#week-back-area .week-detail li::marker{
	color:black
}

#discount-area .discount-quota-detail .grade-icon,
#week-back-area .week-detail .grade-icon{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 0.3rem;
	height: 0.3rem;
	color: white;
	border-radius: 999px;
	text-align: center;
	margin: 0 0.05rem;
	font-size: 0.2rem;
	vertical-align: middle;
	box-shadow: inset 0.005rem 0.005rem 0.02rem #FFF, 0.01rem 0.01rem 0.02rem #000;
	transform: translateY(-0.01rem);
}

.list-style-decimal{
	list-style: decimal;
	padding-left: 0.5rem;
}
.list-style-upper-alpha{
	list-style: upper-alpha;
	padding-left: 0.5rem;
}
.text-red{
	color: red !important;
}
.text-gold{
	color: #cca666 !important;
}
.text-green{
	color: #68a8b3 !important;
}
.txt-focus-1{
	color: #5dc7d9 !important
}
.font-weight-900{
	font-weight: 700 !important;
}
.text-xs{
	font-size: 0.22rem !important;
}
.text-sm{
	font-size: 0.24rem !important;
}
.grade-content{
	display: inline-flex;
    align-items: center;
	justify-content: center
}
.item-center{
	display: inline-flex;
	align-items: center;
	font-size: 0.28rem;
}

.div-txt{
	font-size: 0.28rem;
    margin: 0.1rem 0.1rem 0;
}

#discount-area .discount-quota-detail .upgrade-bonus-table,
#discount-area .discount-quota-detail .birthday-gift-table{
	border-collapse: collapse;
	width: 100%;
	border: 0.03rem solid #80acb5;
	position: relative;
	margin-top: 0.1rem;
}
#discount-area .discount-quota-detail .upgrade-bonus-table td,
#discount-area .discount-quota-detail .upgrade-bonus-table th,
#discount-area .discount-quota-detail .birthday-gift-table td,
#discount-area .discount-quota-detail .birthday-gift-table th{
/*	width: calc(80% / 2);*/
	border: 0.02rem solid #80acb5;
	text-align: center;
	vertical-align: middle;
	padding: 0.1rem 0;
	font-size: 0.28rem;
}

#discount-area .discount-quota-detail .upgrade-bonus-table td:first-child,
#discount-area .discount-quota-detail .upgrade-bonus-table th:first-child,
#discount-area .discount-quota-detail .birthday-gift-table td:first-child,
#discount-area .discount-quota-detail .birthday-gift-table th:first-child{
	width: 30%;
}

.app-download{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.15rem 0.15rem;
}
.app-download .left{
	display: flex;
	align-items: center;
	color: white
}
.app-download .left .fa-xmark{
	font-size: 0.4rem;
	margin-right: 0.2rem;
	cursor: pointer;
}
.app-download .left img{
	width: 0.6rem
}
.app-download .left .text-block{
	margin-left: 0.1rem
}
.app-download .left .text-2{
	font-size: 0.2rem;
}
.app-download .download-btn{
	color: white;
	width: 1.8rem;
    border-radius: 999px;
	position: relative;
}
.app-download .download-btn img{
	width: 100%;
	vertical-align: middle;
}
.app-download .download-btn .txt{
	position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}