.indexpage {
    background-color: #f8f8f8;
}

/* 头部 */
.mainFixedHeader {
    width: 100%;
    max-width: 500px;
    height: 3.6rem;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.swiperHeaderNext{
    padding-top: 7rem;
    background: linear-gradient(180deg, #018FFF 30%, #F8F8F8 50%);
}
header {
    /* background-color: #FFFFFF; */
    height: auto;
    overflow: hidden;
}

.fg_sx {
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

.one .swiper-slide {
    width: 100%;
    /* height: 17.03rem; */
    border-radius: 0.63rem;
    background-color: #e2e2e2;
    margin-top: .2rem;
}

.one .swiper-slide img {
    width: 100%; 
    /* 按照750x300的比例设置高度 */
    height: 12rem;
    border-radius: 0.63rem;
}


.user_img {
    margin-left: 1rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
}

.user_img img {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%
}

.header_first_line p {
    font-size: 1.1rem;
    margin-top:0.75rem;
}
#into_search_page::-webkit-input-placeholder{
    color:#fff;
}
#into_search_page::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
}
#into_search_page:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
#into_search_page:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#fff;
}



.login {
    margin-left: 0.4rem
}

.login, .zhuce, .fg_sx {
    color: #018FFF
}

/* 公告滚动 */
.news{
	/* background:#F0F7FF; */
    background:#FFF;
	height:2.16rem;
	line-height:2.16rem;
	color:#333;
	color:#018FFF;
	border-radius: 1.08rem;
	display: flex;
    align-items: center;
    margin: 0 1.54rem;
    margin-top:1.1rem;
    /* margin-bottom: 1.63rem;  */
}
.noticeNewsIcon {
    display: inline-block;
    width: 2.68rem;
    height: 2.68rem;
    background-image: url('../images/ico_gonggao.png');
    background-size: 100% 100%;
    /* position: relative;
    left: 1.1rem;
    top: -0.26rem; */
    margin: -0.6rem 0.89rem 0 1.1rem;
    /* margin-right: 0.89rem; */
}


.news-icon{
	width:1.2rem;
	float:left;
	margin:0 0.5rem 0 1.5rem;
}
.news-con{
	overflow:hidden;
	height: 2rem;
	line-height: 3rem;
}
.news-title{
	width: 24rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	height: 3rem;
	line-height: 2rem;

}
.news-title a{
	color:#018FFF;
	font-size: 1.08rem;
}

/* 新人大礼包 */
.newPeople {
    width: 100%;
    height: 14rem;
    background-color: #fff;
    padding-bottom: 1.2rem
}
.radiusColor{
    background: #FCF0D9;
    border: 2px solid #FCDEAE;
    border-radius: 1.2rem;
    height: 100%;
    width: 94%;
    margin: auto;
}
.newPeople-top {
    display: flex;
    justify-content: space-between;
}
.textLeft {
    margin: 1rem 0 0 0.45rem;
}
.words {
    font-size: 1.46rem;
    font-weight: bold;
    color: #8B521E;
    margin-bottom: 0.2rem;
}
.wordsBottom {
    font-family: 'PingFang SC';
    font-weight: 500;
    color: #8B521E;
    font-size: 1.2rem;
}
.textRight {
    margin: 1rem 0.5rem;
}
.currentReceive {
    width: 6.5rem;
    height: 2.2rem;
    background: linear-gradient(-90deg, #FC5958, #FF3736);
    border-radius: 3rem;
    padding: 0 0.5rem;
    line-height: 2.2rem;
    text-align: center;
    margin-bottom: 0.2rem;
}
.currentReceive a {
    color: #fff;
}
.received {
    font-family: 'PingFang SC';
    font-weight: 500;
    color: #999999;
    font-size: 0.8rem;
    text-align: center;
}
.couponGroup .cardBox:nth-child(1) {
    background-image: url('../images/xslb_bg_vip.png');
    background-size: 100% 100%;
    color: #fff;
}
/* .firstBlack {
    background-image: url('../images/xslb_bg_vip.png');
    background-size: 100% 100%;
    width: 5.6rem;
    height: 7.2rem;
    color: #fff;
    margin-left: 0.3rem;
} */
.firstVip {
    width: 32%;
}
.card {
    font-size: 0.1rem;
    color: #F1D478;
    font-family: 'PingFang SC';
}
.topContent {
    padding: 0.5rem 0 0.2rem 0.3rem;
}
.timeContent {
    padding-left: 1rem;
    padding-top: 1.2rem;
    font-family: 'PingFang SC';
    font-style: italic;
}
.threeNum {
    font-size: 3.7rem;
    font-family: 'Alibaba PuHuiTi';
    font-style: italic;
}
.couponGroup {
    display: flex;
}
.cardBox {
    width: 5.7rem;
    height: 7.2rem;
    background: linear-gradient(0deg, #F3D18F 0%, #FEE4B3 100%);
    border-radius: 0.6rem;
    margin-left: 0.3rem;
    text-align: center;
    font-family: 'PingFang SC';
    font-weight: 500;
    color: #8B521E;
    font-size: 0.6rem;
}
.coupon {
    background-image: url('../images/xslb_bg_djq.png');
    background-size: 100% 100%;
}
.numberCharge {
    font-weight: bold;
    font-size: 2.5rem;
}
.centerNum {
    margin-top: 0.9rem;
    margin-bottom: 0.2rem;
}
/* 最近在玩 */
.game_recently{
    margin: 2.1rem 0 0 1.57rem  ;
}
.game_recently_title{
    color: #222;
    font-size: 1.38rem;
    padding-bottom: 1.06rem;
}
.game_recently_con{
	width:8.1rem;
	font-size: 1.26rem;
    font-weight: bold;
	text-align:center;
}
.game_recently .swiper-slide{
	width:8.1rem !important;
    height: 9.73rem;
    background-image: url('../images/img_wan_blue.png');
    background-size: 100% 100%;
	/* margin-right:2.5% !important; */
}
.game_recently .swiper-slide:nth-child(2n+0) {
    background-image: url('../images/img_wan_yellow.png');
}
.game_recently .swiper-slide:nth-child(3n+0) {
    background-image: url('../images/img_wan_purple.png');
}
.game_recently_con:last-child{
	margin-right:0;
}
.swiper-scrollbar {
    position: absolute;
    left: 50%!important;
    bottom: -2.05rem!important;
    z-index: 50;
    height: 5px;
    width: 2.73rem!important;
    transform: translateX(-50%)!important;
}
.swiper-scrollbar-drag {
    width: 1.89rem!important;
    background-color: #018FFF;
}
.game_recently_icon{
	height: 5.32rem;
    width: 5.32rem!important;
	border-radius: 1.42rem !important;
    position: relative;
    top: -0.73rem;
    left: -0.4rem;
}
.game_recently_text{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.swiper-container {
    width: 90%;
    overflow: hidden;
}
.game_recently .swiper-container{
	width: 100%;
    overflow: visible;
    margin: 0;
    margin-top: 2.26rem;
}

.swiper-container img {
    width: 100%;
    border-radius: 0.61rem;
}

.swiper-pagination-bullet-active {
        width: 0.94rem ;
        height: 0.56rem ;
        background-color: #FFFFFF ;
        opacity: 1 ;
        border-radius: 0.63rem;
}

.swiper-pagination-bullet {
        background-color: #FFFFFF!important;
        opacity: 1;
}

.game_recently_name{
    /* max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   
    margin-top: .05rem; */
    color: #fff;
    text-align: center;
    padding-left: 0.1rem;
}
.game_recently_name p:first-child{
    /* max-width: 100%; */
    /* max-width: 6.6rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.playGameNum{
    color: #fff;
    font-size: 0.94rem;
    font-weight: normal;
    opacity: .8;
    /* margin-top: .73rem; */
}
.game_type {
    width: 100%;
    height: 4rem;
    padding-bottom: 2rem;
    margin:1rem auto 0;
}

.game_type_item {
    text-align: center;
    width: 20%;
    font-weight: 500;
    color: #333;
    font-size: 0.6rem;
    margin:0 auto;

}
.game_type_item_first{
    padding-left:0;
}
.game_type_item img {
    width: 58.3%;
    margin: 0 auto;
}

.game_type_item p {
    font-size: 1rem;
    margin-top: 0.4rem
}

/*  */

.good_game_rem {
    margin-top: 1.8rem;
    /* margin-top: 3.10rem; */
    background-color: #ffffff;
    margin-left: 1.57rem;
    margin-right: 1.57rem;
}
input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #C1C0C4;
    font-size: 14px!important;
}

input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    color: #C1C0C4;
    font-size: 14px!important;
}

input::-ms-input-placeholder {
    /*Internet Explorer*/
    color: #C1C0C4;
    font-size: 14px!important;
}

.layui-layer {
    border-radius: 8px!important;
}

.page_fengexian {
    position: relative;
    top: 1.5rem;
    width: 100%;
    height: 0.7rem;
    background: rgba(243, 243, 243, 1);
}

.title_sx {
    margin-top: 0.1rem;
    width: 0.17rem;
    background-color: #018FFF;
    height: 1.4rem;
}

.first_title {
    font-weight: bold;
    color: #222;
    /* font-size: 1.45rem; */
    font-size: 1.72rem;
}
.title-desc{
    margin-top:0.4rem;
    color: #6D6D73;
    font-size: 1.13rem;
}

.morebtn {
    text-align: center;
    color: #999;
    float: right;
    font-size: 1rem;
    margin:0.5rem 1rem 0 0;
    line-height: 1;
}
.morebtn i {
    font-style: normal;
    line-height: 1;
}

.three {
    height: 12rem;
    width: 100%;
    padding-left: 3.5%;
    box-sizing: border-box;
}

.three .swiper-slide {
    height: 9.7rem;
    box-shadow: 0px 0px 4px 1px rgba(204, 204, 223, 0.5);
    border-radius: 8px;
    overflow: hidden;
    color: #333333;
    font-size: 13px;
    text-align: center;
    margin-top: 0.2rem;
    margin-left: 0.1rem;
    width: 25%!important;
}

.swiper_item_con {
    height: 9.7rem;
}

.swiper_item_con p {
    margin-top: 0rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:1rem;
}

.swiper_item_remark {
    width: 5rem;
    margin: 0.2rem auto;
}

.rem_biaoqian {
    color: #999999;
    box-shadow: none;
    border: 1px solid #F0EFEF;
    background-color: #F0EFEF;
    border-radius: 15px;
    font-size: 0.84rem;
    width: 5rem;
    height: 1.5rem;
    vertical-align: middle;
    padding: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5rem;
}

.swiper_item_img {
    background-color: #e2e2e2;
    height: 5rem;
    width: 5rem;
    margin-bottom: 1rem;
    border-radius: 15px;
    margin-top: 0.6rem!important;
    margin-bottom: 0.3rem!important;
    margin: 0.6rem auto;
}

.moreDetail {
    margin-left: 5rem
}
.btnMore {
    padding-right: 0.3rem;
    color: #999999;
}
.moreDetail img {
    width: 2%;
}

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

.transitionModal {
    height: 17.21rem;
    margin: 2.05rem 1.57rem 0;
    background-color: #ccc;
    border-radius: 0.63rem;
    position: relative;
} 
.transitionModal img {
    width: 100%;
    height: 100%;
    border-radius: 0.63rem;
}
.bottomDetailOpacity{
    width: 100%;
    height: 3.36rem;
    background-color: rgba(24, 24, 24, .8);
    color: #fff;
    font-size: 1.31rem;
    border-radius: 0rem 0rem 0.63rem 0.63rem;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding-left: 0.68rem;
    line-height: 2.36rem;
}
.hotGame-recomend {
    display: inline-block;
    width: 4.63rem;
    height: 1.47rem;
    line-height: 1.47rem;
    background: #FE6C6D;
    border-radius: 0.31rem;
    font-size: 0.94rem;
    text-align: center;
    margin-right: 0.8rem;
    /* position: relative;
    top: -.42rem; */
}
.newGame-recomend{
    background-color: #018FFF;
}
.needSameLevel {
    display: flex;
    margin-top: .9rem;
}
.gameMainDesc {
    display: inline-block;
    width: 78%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* position: relative;
    top: 0.4rem; */
    font-size: 1rem;
    position: relative;
    top: -0.4rem;
}
.game_list {
    background-color: #ffffff;
}

.game_list_btns {
    font-size: 14px;
    padding-top: .8rem;
    padding-bottom:1.45rem;
}

.game_list_btns div {
    height:2.2rem;
    float: left;
    text-align: center;
    color: #666;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(214, 214, 214, 1);
    width: 6.8rem;
    border-radius: 15px;
    margin-left: 1rem;
    font-size:1.28rem;
    margin-bottom: 1.45rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hotPopularModal {
    margin: 2.1rem 1.57rem 0;
}

.active_game_type {
    background-color: #018FFF!important;
    color: #FEFEFE!important;
    border-color: #018FFF!important;
}

.game_list_con_item {
    margin-left: 1rem;
    height: 6.5rem;
}

.game_list_con_item_img {
    width: 5.8rem;
    height: 5.8rem;
    background-color: #E2E2E2;
    border-radius: 1rem;
    overflow: hidden;
}
.swiper-slide.game_list_con_item_img{

}

.game_list_con_item_img img {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 1rem;
}
.hot_game_info_two_desc{
    display:inline-block;
    max-width:40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.tabQuickEntry {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 1.3rem;
}
.tabQuickitem{
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    margin: auto;
    /* margin-bottom: 1.10rem; */
    margin-bottom: 0.5rem;
    position: relative;
}
.tabQuickitem img {
    width: 100%;
    height: 100%;
}
@keyframes bounceUp {
    25% {
        transform: scale(1.2) rotate(10deg);
    }
    50% {
        transform:scale(1.2)  rotate(-8deg);
    }
    75% {
        transform: scale(1) rotate(0deg) ;
    }
}
.indexHotIcon {
    display: inline-block;
    width: 2.1rem;
    height: 2.1rem;
    background-image: url('../images/ico_hot.png');
    background-size: 100% 100%;
    position: absolute;
    top: -0.77rem;
    right: -0.83rem;
    animation: bounceUp 2s infinite;
}

.newIndexIcon{
    background-image: url('../images/ico_new.png');
}
.quickEntrybox p {
    color:#333;
    font-weight:500;
    text-align: center;
}

.recommentMainCotent {
    margin-top: .8rem;
    border-bottom: 1px solid #EFEFEF;
}
.recommentMainCotent a {
    display: block;
}
.newRecommendModalItem{
    margin-bottom: 2.15rem;
}
.recommend-item {
    display: flex;
}
.recommend-item img {
    display: inline-block;
    width: 6rem;
    height: 6rem;
    border-radius: 1.42rem;
    margin-right: 0.94rem;
}
.rightRecomendGameInfo .title {
    font-size: 1.47rem;
    font-weight: bold;
}
.rightRecomendGameInfo .typeSizeDown {
    display: flex;
    color: #87878C;
    font-size: 1rem;
    margin-top: 0.1rem;
    height: 1.4rem;
    line-height: 1.4rem;
}
.typeSizeDown .defaultColor {
    color: #018FFF;
}
.typeSizeDown .typeItem {
    margin-right: 0.5rem;
}
.typeSizeDown  p:first-child{
    max-width: 12rem;
}
.typeSizeDown .typeItem .devideLine {
    display: inline-block;
    margin: 0 0.42rem;
}
.typeSizeDown .typeItem:last-child {
    margin-right: 0;
}
.typeColorModal{
    font-size: 0.94rem;
    margin-top: 0.5rem;
}
.typeColorModal span {
    display: inline-block;
    width: auto;
    height: 1.31rem;
    line-height: 1.31rem;
    margin-right: 0.47rem;
    margin-bottom: 0.47rem;
    max-width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vipSend {
    border: 1px solid #FA8400;
    color: #F08C0E;
    border-radius: 0.31rem;
    padding: 0 .26rem;
}
.againNews{
    color: #FE6C6D;
    border-color: #FE6C6D;
}
.rechargeColor{
    color: #58AB87;
    border-color: #58AB87;
}
.recomendImgOrVideo {
    height: 17.2rem;
    background-color: #ccc;
    margin-top: .5rem;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
}
.recomendImgOrVideo video{
    border-radius: .5rem!important;
}
.recomendImgOrVideo img {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.overlyPlayVideo {
    width: 100%;
    height: 17.2rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .4);
    z-index: 99;
}
.playVideoIcon{
    display: inline-block;
    width: 5.31rem;
    height: 5.31rem;
    background-image: url('../images/ico_bofang.png');
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.typeSizeDown .typeItem{
    max-width: 8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.swiper-pagination-bullet-active{
    width: 0.94rem ;
    height: 0.56rem ;
    background-color: #FFFFFF ;
    opacity: 1 ;
}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    .hot_game_info {
        width: 16rem!important;
    }
}

.hot_game_info {
    margin-top: 0.3rem;
    width: 18rem;
    margin-left: 0.8rem;
}
.hotGameBox {
    width: 18.5rem!important;
}

.hot_game_info_one {
    font-weight: bold;
    color: #222;
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.hot_game_info_two_wrap {
    width: 100%;
    display: table;
    margin-bottom: 0.4rem;
}
.hot_game_info_two {
    font-size: 1rem;
    color: #999;
    display: table-cell;
    vertical-align:middle;
}
.hot_game_info_two span{
    display:inline-block;
    float:left;
    line-height: 1;
    font-size: 12px;
}
.hot_game_download_num {
    float: left;
    color: #018FFF!important;
    margin-right: 0.2rem;
    max-width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.hot_game_fgx {
    color: rgba(224, 223, 223, 1)!important;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    position: relative;
    top: -0.1rem;
}

input, input:focus {
    border: none !important;
    box-shadow: none !important;
}

.no_text_con {
    width: 100%;
    text-align: center;
}

.hot_game_info_three div {
    height:1.4rem;
    margin-right: 0.34rem;
    margin-top: 0.1rem;
    max-width: 5rem;
    border-radius: 0.25rem;
    color: #fff;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.hot_game_info_three div p {
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;


    font-size: 0.8rem;
}

input::-webkit-input-placeholder {
    /*WebKit browsers*/
    color: #C1C0C4;
    font-size: 12px;
}

input::-moz-input-placeholder {
    /*Mozilla Firefox*/
    color: #C1C0C4;
    font-size: 12px;
}

input::-ms-input-placeholder {
    /*Internet Explorer*/
    color: #C1C0C4;
    font-size: 12px;
}

.hot_game_download {
    border-radius: 50%;
    border: 1px solid #018FFF;
    width: 3.6rem;
    height: 3.6rem;
    color: #018FFF;
    text-align: center;
    margin-top: 1rem;
    margin-right: 1.2rem;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.hot_game_downloaded {
    background-color: #E2E2E2!important;
    border-color: #E2E2E2!important;
    color: #B2B2B2!important;
}

.hot_game_download p {

}

.bq_one {
    background-color: #72B9F0;
}

.bq_two {
    background-color: #FDC36A;
}

.bq_three {
    background-color: #EF918E;
}

.down_img {
    width: 1.95rem;
    margin-top: 0.5rem;
    margin-right: 0.8rem;
    margin-left: 0;
}



.game_list_rem_gotgame {
    height: auto;
    overflow: hidden;
    margin-top: 0.34rem;
    padding-bottom:0.8rem;
}

.game_list_rem_gotgame .game_list_rem_gotgame_img {
    width: 94%;
    height: 11.5rem;
    background-color: #e2e2e2;
    margin-left: 3%;
    border-radius: 5px;
}

.game_list_rem_gotgame .game_list_rem_gotgame_img img {
    width: 100%;
    border-radius: 5px;
    height: 11.5rem;
}



.new_game_rem {
    height:1.6rem;
    line-height: 1;
    font-size: 0.84rem;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #6584F6;
    padding:0 0.34rem;
    color: #6584F6;
    border-radius: 5px;
    text-align: center;
    margin-top: 0.84rem;
    margin-left: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.two_new_game_rem {
    color: #D5B003;
    border: 1px solid #D5B003;
}

@media screen and (min-width:414px) and (orientation:portrait) {
    .game_list_rem_gotgame_title {
        font-size: 12px
    }
}

.game_list_rem_gotgame_title {
    width: 70%;
    font-size: 1.1rem;
    height: 2rem;
    margin-top: 0.9rem;
    margin-left: 0.8rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_fg_hx {
    width: 100%;
    height: 1px;
    background: rgba(237, 238, 239, 1);
    margin-bottom: 0.84rem;
}
.game_new_titles{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.game_new_titles p {
    font-size: 1.73rem;
    font-weight: bold;

}
.game_new_titles a {
    color: #87878C;
    font-size: 1.1rem;
}

.game_new_titles p span {
    font-size:1rem;
    color: #999999;
    font-weight: 400;
    float: right;
    margin-right: 0.7rem;

}

.game_new_titles p span span {
    margin-top: 0.1rem;
    font-size: 12px!important;
    margin-left: 0.5rem;
    font-weight: 530!important;
}
.game_new_titless {
    margin: 2rem 1.57rem 0;
}

.game_new_titless .more {
   display: flex;
   justify-content: space-between;
    font-size: 1.73rem;
    font-weight: bold;
}

.game_new_titless .more a {
    color: #87878C;
    font-size: 1.1rem;
    font-weight: normal;
    margin-top: 0.5rem;
    margin-right: .15rem;
}


.game_activity_new_img {
    height: 17.21rem;
    background-color: #e2e2e2;
    border-radius: 0.63rem 0.63rem 0rem 0rem;
}

.game_activity_new_img img {
    width: 100%;
    border-radius: 0.63rem 0.63rem 0rem 0rem;
    height:100%;
}

.game_activity_new_con {
    height: 5.63rem;
    background-color: #F0F7FF;
    border-radius: 0rem 0rem 0.63rem 0.63rem;
    box-sizing: border-box;
    padding-left: 1.72rem;
    /* padding-left: 1.21rem; */
}
.typeTagModal{
    display: inline-block;
    width: 2.73rem;
    height: 1.47rem;
    line-height: 1.47rem;
    background: #FE6C6D;
    border-radius: 0.31rem;
    color: #fff;
    text-align: center;
    font-size: 0.94rem;
    position: relative;
    top: .5rem;
}
.modalTitleDesc {
    display: inline-block;
    font-size: 1.31rem;
    font-weight: bold;
    margin-left: 0.78rem;
    width: 84%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 0.4rem;
}

.game_activity_new_con_one {
    color: rgba(51, 51, 51, 1);
    font-size:1.2rem;
    padding-top: 0.7rem;
    display: flex;
    align-items: center;
}

.game_activity_new_con_two {
    color: #939393;
    font-size: 1rem!important;
    margin-top: 1.1rem;
}

.game_news {
    background-color: #ffffff;
    margin: 2.1rem 1.57rem 0;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 3.05rem;
}
.game_activity_new{
    height: 22.84rem;
    margin-top:1.26rem;
}

.more_good_game {
    background-color: #ffffff;
    /* min-height: 9rem; */
    /* max-height: 19rem;
    overflow: hidden; */
    float: left;
}



.more_good_game_con {
    margin-top: 1.47rem;
    /* display: flex;
    flex-wrap: wrap; */
}
.more_good_game_con a {
    min-width: 5.16rem;
    padding: 0 0.2rem;
    height: 2.47rem;
    background: #F0F7FF;
    border-radius: 0.63rem;
    color: #018FFF;
    text-align: center;
    line-height: 2.47rem;
    /* margin-right: 0.6rem; */
    margin-bottom: 0.2rem;
   display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.more_good_game_con a:nth-child(5n + 0) {
    /* margin-right: 0; */
}
.bottom-noMore{
    /* margin-top: 3.06rem; */
    /* margin-bottom: 3.06rem; */
    padding-top: 1.13rem;
    padding-bottom: 2.5rem;
    border-top: 0.06rem solid #EFEFEF;
    font-size: 0.94rem;
    font-weight: 500;
    color: #C0C4CC;
    text-align: center;
    float: left;
    width: 100%;
}
.more_good_game_con p {
    border: 1px solid rgba(237, 237, 237, 1);
    background: rgba(254, 254, 254, 1);
    border-radius:0.25rem;
    font-size: 1.1rem;
    text-align: center;
    float: left;
    padding: 0px 5px;
    color: rgba(102, 102, 102, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width:5.4rem;
    height: 2.2rem;
    max-width: 85%;
    max-width: 29rem;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.username {
    color: #018FFF;
    width: 5.5rem;
    margin-left: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no_index_rec_hot_new_text {
    color: gray;
    width: 100%;
    text-align: center;
    line-height: 4.5rem;
    margin-top: 2.5rem;
;
}



.type_down_hx {
    width: 2rem;
    height: 3px;
    background-color: #018FFF
}

.more_good_game_zwdiv {
    /* height: 5.3rem; */
    width: 100%;
    opacity: 0;
}

.index_no_con {
    color: gray;
    width: 100%;
    height: 7rem;
    margin-top: 3rem;
    text-align: center;
}
.download-app{
    position: fixed;
    bottom: 4rem;
    right:0.15rem;
    height: auto;
    width: 4.7rem;
    display: block;
    z-index: 999999;
}

.download-app img {
    width: 3.91rem;
    height: 3.91rem;
    margin: 0 auto;
    border-radius: 1rem;
    display: block;
    box-shadow: 0px 0px 5px rgb(58, 167, 253);
}

.download-app  .open-app-btn{
    width:100%;
    height: 2rem;
    background: url(../images/wap_bg_app.png)no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.86rem;
    padding-bottom: 0.1rem;
}

@media screen and (max-width:320px) and (orientation:portrait) {
    .header_first_line input {
        width: 8.9rem;
        margin-left: 0.3rem;
    }
    .down_img{
        margin-top: 0.8rem;
    }
    .one .swiper-slide {
        height: 12rem;

    }
    .one .swiper-slide img {
        height: 12rem!important;
    }
    .swiper_item_img {
        height: 4.6rem;
        width: 4.6rem;
    }
    .rem_biaoqian {
        width: 4.6rem;
    }
    .swiper_item_con {
        height: 8.5rem;
    }
    .three {
        height: 10rem;
    ;
    }
    .three .swiper-slide {
        height: 9.2rem;
    }
    .good_game_rem {
        height: 14.4rem;
    }
    .game_list_btns div {
        float: left;
        font-size: 14px;
        width: 6rem;

    }

    .game_list_con_item {
        margin-left: 1rem!important;
        height: 6.4rem!important;
    }
    .game_list_con_item_img img {
        width: 5.4rem!important;
        height: 5.4rem!important;
    }
    .game_list_con_item_img {
        width: 5.4rem!important;
        height: 5.4rem!important;
    }
    .hot_game_info {
        width: 13.8rem!important;
    }
    .hot_game_info_three div p {
        max-width: 4rem!important;
        /* padding-left: 0.2rem!important;
        padding-right: 0.2rem!important; */
    }
    .hot_game_download {
        margin-top: 0.8rem!important;
    }
    .game_list_rem_gotgame {
        height: 13.5rem!important;
    }
    .game_list {
        /*height: 191rem;*/
    }
    .game_list_rem_gotgame .game_list_rem_gotgame_img {
        height: 9.5rem!important;
    }
    .game_list_rem_gotgame .game_list_rem_gotgame_img img {
        width: 100%;
        height: 9.5rem!important;
    }
    .game_activity_new_img {
        height: 5.3rem!important;
    }
    .game_activity_new_img img {
        height: 5.3rem!important;
    }
    .game_activity_new_con {
        width: 14rem!important;
    }
    .game_news {
        /* height: 36rem!important; */
    }
    .game_activity_new_item {
        height: 8.2rem!important;
    }
    .game_activity_new_con_two {
        padding-top: 1rem!important;
    }
    .more_good_game_con p {
        width: 4.8rem!important;
        margin-left: 0.5rem!important;
    }
    .new_game_rem {
        width: 5rem!important;
    }
    .username {
        width: 4.5rem!important
    }
}
/* 2021.11.24 lh  添加主屏弹窗 start */
.addScreenBox{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 19891015;
    display: flex;
    align-items: center;
    justify-content: center;
  top:0px;
    left: 0px;
}
.addScreenContent{
    width: 70%;
    height: auto;
    position: absolute;
    left: 50%;
    font-family: 'PingFang SC';
    transform: translate(-50%);
    bottom: 1.31rem;
}
.hi{
    font-size: 1.89rem;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.26rem;
}
.img-close{
    width: 1.58rem;
    height: 1.58rem;
   float: right;
   
}
.imgbox{
    width: 100%;
    float: left;
 
}
.t-first{
    margin-top: 2.11rem;
    margin-bottom: 0.83rem;
}
.a-title{
    text-align: center;
    font-size: 1.26rem;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.1rem;
}
.addbtn{
    text-align: center;
    margin-top: 2.11rem;
    margin-bottom: 4.5rem;
}
.addSceenBtn{
    width: 7.89rem;
    height: 2.53rem;
    line-height: 2.53rem;
    background: linear-gradient(90deg, #018FFF 0%, #00CCFF 100%);
    border-radius: 1rem;
    font-size: 1.05rem;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    
}
.addbtn a:visited { color: #fff;}	/* 已访问的链接 */
.addbtn a:hover {color:#fff }	/* 鼠标移动到链接上 */
.addbtn a:active { color:#fff}
.guideImg{
    text-align: center;
    margin-top: 4.5rem;
    /* position: absolute;
    bottom: 1.32rem;
    left: 50%;
    transform: translate( -50%); */
}
.img-guide{
width: 1.74rem;
height: 1.84rem;
}
/* 2021.11.24 lh  添加主屏弹窗 stop */