.game-item-1 .image {
    width: 1.9645rem;
    height: 1.9645rem;
    border-radius: .2729rem;
	margin-right: .1364rem;
}
.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.game-item-1 .btn {
    /* width: 1.0554rem; */
    height: .7094rem;
    background: #000;
    border-radius: 1.3643rem;
}

.gameTopBox{
	display: block;
	background-color: #fff;
	background-color: #ffffff !important;
	padding: .2729rem;
	margin-bottom: .2729rem;
	border-radius: .1364rem;
}
.font-30 {
    font-size: .0409rem;
}
.text-white {
    color: #fff;
}

.font-18 {
    font-size: .18rem;
}
.text-grey {
    color: #666666;
}
.opacity-07 {
    opacity: .7;
}

.bold{
	width: 145px;
	color: #000;
	text-overflow:ellipsis;
    overflow:hidden; 
    white-space:nowrap;
}

.game-item-1 .tag {
    height: auto;
    padding: .0682rem .2729rem;
    background: #f0f0f0;
    border-radius: 100px;
	text-transform: capitalize;
}
.font-18 {
    font-size: .3547rem;
}
.text-gray {
    color: #909399;
}
.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex, .flex-column, .flex-row, .flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.slider{
	display: flex;
	align-items: center;
}

.oneImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listBox{
	width: 100%;
	padding: .2729rem;
}

.list{
	width: 100%;
    border: 5px solid #000;
    box-sizing: border-box;
	height: 5rem;
	margin-bottom: .2729rem;
    border-radius: 8px;
    overflow: hidden;
	position: relative;
	background-color: #000;
}

.list img{
	width: 100%;
	height: 100%;
}

.bottomBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(360deg,#000000 0%,#000000 48%,rgba(0,0,0,0) 100%);
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .2729rem .4093rem;
    padding-top: .955rem;
}

.text-white{
	
    font-weight: 500;
	font-size: .4093rem;
	color: #fff;
	text-transform: capitalize;
}

.btn{
	width: 2.3465rem;
    height: .6548rem;
    background: #edeef3;
    border-radius: 100px;
    opacity: 1;
    color: #3a82f7;
    margin-left: .2729rem;
    flex: 0 0 2.3465rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .382rem;
	cursor: pointer;
}

.font-44{
	font-size: .2456rem;
}

.iconBox{
	width: 95%;
    margin: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 0;
}


.smallIcon{
	width: 20%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


.smallIcon img{
   width: .6821rem;
   height: .6821rem;
}


.smallIcon p{
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-transform: capitalize;
}


.topsLiBox{
	width: 95%;
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 0.2729rem;
    margin: 0.2729rem 0;
    background-color: #fff;
    margin-left: .2729rem;
	border-radius: 10px;
	padding-bottom: .1364rem;
}

.topsLi{
	width: auto;
	height: auto;
	white-space: nowrap;
	display: inline-block;
	margin-right: .1364rem;
}

.topsLi img{
	width: 3.0106rem;
	height: 3.0106rem;
	border-radius: 20px;
	margin: .1364rem 0;
}

.topsLi p{
	width: 2.8649rem;
	font-size: .4093rem;
	font-weight: 600;
	overflow: hidden;
}

.bottomsLiBox{
	width: 95%;
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 0.2729rem;
    margin: 0.2729rem 0;
    background-color: #fff;
    margin-left: .2729rem;
	border-radius: 10px;
	padding-bottom: .1364rem;
}

.bottomsLi{
	width: auto;
	height: auto;
	white-space: nowrap;
	display: inline-block;
	margin-right: .1364rem;
}


.bottomsLi img{
	width: 7.0106rem;
    height: 4.5106rem;
    border-radius: 20px;
    margin: 0.1364rem 0;
}


.twolistsBox{
	width: 95%;
	margin: auto;
    background-color: #fff;
	border-radius: 10px;
	padding-bottom: .1364rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}

.twoLi{
	width: 31%;
	height: 2.7285rem;
	/* border: 1px solid; */
	margin-bottom: .2729rem;
}

.twoLi img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}