html, body, #wrapper{
	height:100%;
}

#wrapper{
	background-color: #000000;
}

/**********float-div**************/
#float-div.float-div{
	position: fixed;
    top: 2.8rem;
    z-index: 800;
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem;
    box-shadow: 0 0 0.1rem 0 rgb(0 0 0 / 40%);
	color: #fff;
	background: linear-gradient(to right ,#98815b, #cda665);
    padding: 0.25rem 0;
	font-size: .26rem;
	cursor: pointer;
	text-align: center;
	width:.706rem;
}

#float-div .share-img{
	/*margin: 0 0.25rem 0.1rem 0.25rem;*/
	margin-bottom: .1rem;
}

#float-div .share-txt{
	margin: 0 auto;
}

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

/**********float-div2**************/
#float-div2.float-div2{
	position: fixed;
    top: 5rem;
    z-index: 800;
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem;
    box-shadow: 0 0 0.1rem 0 rgb(0 0 0 / 40%);
	color: #fff;
	background: linear-gradient(to right ,#98815b, #cda665);
    padding: 0.25rem 0;
	font-size: .26rem;
	cursor: pointer;
	text-align: center;
	width:.706rem;
}

#float-div2 .app-download-img{
	width:40%;
	display: block;
	margin: 0 auto;
	margin-bottom: .1rem;
}

#float-div2 .txt{
	margin: 0 auto;
	display: flex;
    align-items: center;
}

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

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

.main-content{
	background-color: #000000;
	position: relative;
}

.home-marquee{
	padding: .1rem .35rem;
	/*height: .36rem;*/
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.home-marquee .icon-noitce{
	width: .32rem;
}
.home-marquee .icon-hot-notice{
	width: 1.2rem;
}

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

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

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

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

.banner-area{
    overflow: hidden;
    border-radius: 0.1rem;
    height: 2.82rem;
    padding: 0 0.35rem;
}

.banner-area .my-focus{
	border-radius: 5px;
}

.banner-area .my-focus,
.banner-area .my-focus .pic{
	height: 100%;
	width: 100%;
}

.banner-area .my-focus .pic li{
	width: 100%;
	position: absolute;
    top: 0;
    left: 0;
	right: 0;
    display: none;
}

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

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

.banner-area .my-focus .num li{
	margin: 0 0.08rem;
	width: 0.2rem;
	height: 0.2rem;
}

.banner-area .my-focus .num li a{
	width: 0.2rem;
	height: 0.2rem;
	background: #999;
	z-index: 800;
}

.banner-area .my-focus li.current a, 
.banner-area .my-focusli.hover a{
	background-color: #54c6a1;
}

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

/*content game-list*/
.game-list{
	padding: 0.2rem 0.35rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.game-list .item{
	margin-right: 0.2rem;
    margin-bottom: 0.2rem;
    cursor: pointer;
	position: relative;
}

.game-list .item:nth-child(2n){
	margin-right: 0px;
}

.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-list .item .mask-txt.gs-close, .game-list .item .mask-txt.gs-maintain{
	color:#fff;
}

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

.game-list .item_v1 .img{
	height: 2.2rem;
    width: 3.3rem;
	display: block;
}

.game-list .item_v2 .img{
	height: 1.1rem;
    width: 3.3rem;
	display: block;
}