/* 
.banner {width: 100%; margin-left: auto; margin-right: auto; --swiper-theme-color: #ff6600; --swiper-preloader-color: #999999;}
.swiper-slide::before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0; background: linear-gradient(45.93deg, #000000 25.2%, rgba(0, 0, 0, 0) 42.5%);} 

*/
.index_gap{ margin-top:2.25rem}
.index_radius20{ border-radius: 1rem;}
.index_radius10{ border-radius: 0.5rem;}
/*banner*/
.swiper_banner{ height: 44rem; max-height: calc(100vh - 7.65rem);  --swiper-preloader-color: #D2393B;  --swiper-theme-color: #fff; --swiper-pagination-color: #E8E8E8; --swiper-pagination-bullet-inactive-opacity:1; --swiper-pagination-bullet-inactive-color:#717171;--swiper-pagination-bullet-horizontal-gap : 0.45rem}
.swiper-slide{ overflow: hidden;}
.swiper-slide >img{ width: 100%; height: 100%; object-fit: cover;}
.swiper-slide::before{content: "";position: absolute;left: 0;top: -2.2rem;  width: 100vw; height: 54rem; max-height: calc(100vh + 4.55rem); background: url("../img/index/banner_bg.png") no-repeat left bottom; background-size: 100% auto; opacity: 0;} 
.banner_cont{ position: absolute; left: 5.35rem; bottom: 3.95rem; color:#fff; display: flex; flex-direction: column; justify-content: center; width: 38rem;  opacity: 0;}
.swiper_loaded::before,.swiper_loaded .banner_cont{ opacity: 1;}
.banner_title h1{ white-space: normal;line-height: 3.7rem; max-height: 7.4rem; word-break: break-all; }
.banner_icon{ height: 3.2rem;border-radius: 0.5rem; /* margin-right: 1.15rem; */}
.banner_title{ display: flex; padding:0.5rem 0}
.banner_text{ padding-top:0.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.banner_store,.banner_more{ padding-top: 0.5rem}
.banner_store > span:first-child{ margin-right: 1.3rem; font-family: RedHatDisplay-SemiBlod; font-weight: 600; }
.banner_store a{ width: 1.6rem; margin-right: 0.5rem; height: 1.6rem; justify-content: center;}
.wrap .google_icon{ font-size: 1.1rem;}
.wrap .apple_icon{ font-size: 1rem;}
.wrap .android_icon{ font-size: 0.77rem;}
.wrap .amazon_icon{ font-size: 1.2rem;}
/*game*/
.index_game{ padding:2rem 2.75rem}
.index_tag_box{ display: flex; flex-direction: column; align-items: flex-end;}
.index_game_filter{ display: flex; gap:0.5rem; margin-top: 0.35rem;}
.cn .index_game_filter{ margin-top: 0.4rem;}
.index_game_top{ display: flex; justify-content: space-between; align-items: flex-start;}
.index_game_top .btn{width: 9rem; height: 2.5rem; justify-content: center; cursor: pointer; overflow: hidden;}
.index_game_top .btn:hover{ background-color: #fff; color:#E98E89 !important}
.index_game_top .btn_white:active,.index_game_top .btn_white.active{ color:#fff !important;  background-color:#C7161E; border-color:#C7161E;}
.btn_more_tag svg{ width: 0.65rem; height: 0.35rem; fill: #d89090;}
.btn_more_tag:hover svg{ fill:#edc8c5}
.btn_more_tag.active svg{ fill: #d78e90;}
.btn_more_tag>span:last-child{ width: 1rem; height: 1rem; margin-left: 0.5rem; display: flex; align-items: center; justify-content: center;}
.index_game_top .btn_more_tag:active{ background-color: #fff; color:#E98E89 !important}
.index_game_top .btn_more_tag.active:active{ color:#fff;  background-color:#C7161E; border-color:#C7161E;}
.more_tag_list_wrap{ display: none;}
.more_tag_list{  width: 56.5rem; flex-wrap:wrap; align-items: center; gap:0.5rem; display:flex; padding-top:0.5rem;}
/* .active.more_tag_list{ height: auto; opacity: 1;  visibility: visible;} */
.game_list{ display: flex; flex-wrap: wrap; align-items: stretch; gap:1.5rem; position: relative;}
.game_list .noDataBox{ width:100%}
.game_list .loadingBox{ position: absolute; width: 100%; min-height: 35.8rem; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 5; background-color: rgba(255, 255, 255, 0.3);}
.gameLoading{ height: 35.8rem;}
.game_list .loadingBox .icon{ font-size: 2.4rem;}
.game_item{ height: 35.8rem;position: relative; overflow: hidden; border-radius: 0.4rem; width:calc(25% - 1.125rem)}
.game_item::before{ content: "";position: absolute;left: 0;top: 0; z-index: 3; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); width: 100%; height: 100%;}
.video_img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; object-fit: cover;}
.game_item video{ width: 100%; height: 100%; object-fit: cover; }
.game_inner{ position: absolute; top: 0;left: 0; right: 0; bottom: 0; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.5s; }
.wap .game_inner{pointer-events :none; z-index: 99;}
.game_link{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.pc .game_link{ display: block;}
.game_store a{ width: 1.6rem; margin-right: 0.5rem; height: 1.6rem; justify-content: center;}
.game_logo{width:8.9rem; height: 8.9rem;  border-radius: 1rem; transition: all 0.3s; position: absolute; left:50%; transform: translateX(-50%); top:11.35rem; transform-origin:top}
.game_cont{ position: absolute; top:20.75rem;transition: all 0.3s; display: flex; flex-direction: column; align-items: center; z-index: 5;}
.game_inner h4{ margin:0.5rem 1.5rem;  text-align: center;  white-space: normal; max-height: 3.8rem; color:#fff; flex-shrink: 0; }
/*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; word-break: break-all;*/
.cn .game_inner h4{max-height: 3.4rem;}
/* .game_item:hover .video_img{ display: none;} */
.game_item:hover .game_inner{ flex-direction:row; align-items: flex-start;}
.game_item:hover::before{ display: none;}
.game_item:hover .game_inner::before{content: ""; position: absolute; height: 7.5rem; top: 0;left: 0;right: 0;bottom: 0; z-index: -1; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 113%);backdrop-filter: blur(5px);  -webkit-backdrop-filter: blur(5px);}
.game_item:hover .game_logo{  left: 3.5rem; top: 1.25rem; width: 5rem; height: 5rem; border-radius: 0.5rem; }
.game_item:hover .game_cont{  left:7rem; top: 1.05rem;   align-items: flex-start; height: 5.4rem; justify-content: center;}
.cn .game_item:hover .game_cont{ top:1.25rem; height: 5rem;}
.game_item:hover .game_inner h4{ margin:0; text-align: left; display: flex;  max-width: none; width:13.5rem; min-height: 3.4rem;}
.cn .game_item:hover .game_inner h4{min-height: 3rem;}
.game_item:hover .game_inner_nostore h4{align-items: center;}
.game_item:hover .game_inner h4 a{text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.game_item:hover .game_store{ justify-content: flex-start;}
.game_inner h4:hover{ color:#E98E89}
/*page*/
/* .page_box{ display: flex; justify-content: center; align-items: center; gap:1rem; font-weight: 600; font-family: RedHatDisplay-SemiBlod; }
.page_box a,.page_box span{ height: 1.6rem; width: 1.6rem; display: flex; align-items: center; justify-content: center;  border-radius: 0.1rem;}
.page_box a{ color:#333; cursor: pointer;}
.page_box a:hover{ background: #E98E89; color:#fff}
.page_box .active{ background: #C7161E;color:#fff}
.page_box a.dis{ background: transparent; color:#717171; cursor:not-allowed}
.page_box span{ color:#C7161E}
.page_box .icon{ font-size:0.8rem} */
.page_box ul,.wap_page_box{ display: flex; justify-content: center; align-items: center; gap:1rem; font-weight: 600; font-family: RedHatDisplay-SemiBlod; }
.page_box a,.page_box span,.wap_page_box a,.wap_page_box span{ height: 1.6rem; width: 1.6rem; display: flex; align-items: center; justify-content: center;  border-radius: 0.1rem;}
.page_box a,.wap_page_box a{ color:#333; cursor: pointer;}
.page_box a:hover{ background: #E98E89; color:#fff}
.page_box .active a{ background: #C7161E;color:#fff}
.page_box .dis a,.wap_page_box a.dis{ background: transparent; color:#E8E8E8; cursor:not-allowed}
.page_box span,.wap_page_box span,.page_box .paginationjs-ellipsis{ color:#C7161E}
.page_box .icon,.wap_page_box .icon{ font-size:0.8rem}
/*publish*/
.index_publish{padding: 2rem 5rem;}
.index_publish_main{display: flex; justify-content: space-between; align-items: stretch;}
.index_publish_left{ display: flex; justify-content: space-between; flex-direction: column;}
.index_publish_left .styleicon::before{ content:"\e60f"}
.index_publish_list{ width:42rem;  height: 19.35rem; text-align: center; overflow: hidden;}
.index_publish_list .btn_more_box{ margin-top:1rem}
.index_publish_rig{ width: 41.6rem; height: 40.2rem; overflow: hidden; position: relative; flex-shrink: 0;}
.index_publish_rig img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.index_publish_submit{ position: relative; z-index: 5; text-align: center;}
.index_publish_submit h3{ margin-bottom: 1.5rem;}
.en .index_publish_submit .btn{ margin-top:1.5rem; height: 3.2rem; font-size: 1.2rem;}
.cn .index_publish_submit .btn{ margin-top:1.5rem; height: 2.95rem;}
/* blog */
.index_blog{padding:2rem 4.55rem;}
.index_blog_main,.index_blog_left{ display: flex; justify-content: space-between; align-items: stretch;}
.index_blog_img{border-radius: 0 0.6rem 0.6rem 0; overflow: hidden; flex-shrink: 0; width: 51.1%; height: 28.2rem;}
.index_blog_img img{ width: 100%; height: 100%; object-fit: cover;}
.index_blog_cont{ width: 48.9%; box-sizing: border-box; padding:1.5rem 1.15rem 0 2.5rem; position: relative;}
.cn .index_blog_cont{ padding:1.5rem 1.15rem 0 2.5rem}
.index_blog_cont h3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;}
.index_blog_subtitle{ font-size: 0.8rem; line-height: 1.05rem;}
.index_blog_cont .index_blog_subtitle,.index_publish_list h5{ padding:1rem 0}
.index_bolg_intro{ margin-bottom: 1rem; height: 13.5rem; overflow: hidden;}
.index_blog_left .btn_more_box{ position: absolute; right: 2.5rem; bottom:2.15rem}
.cn .index_blog_left .btn_more_box{ bottom:1.9rem}
.index_bolg_intro img,.index_bolg_intro figure{ display:none !important}
.index_bolg_intro *{ margin:0 !important; padding:0 !important}
.cn .index_bolg_intro *{ font-family: PuHuiTi-Regular !important; font-size: 1rem !important; line-height: 1.5rem !important; color:#333 !important}
.en .index_bolg_intro *{ font-family: RedHatDisplay-Regular !important; font-size: 1rem !important; line-height: 1.5rem !important; color:#333 !important}
.index_bolg_intro img,.index_bolg_intro a{ display: none;}
.index_bolg_intro p{ margin-bottom: 1.5rem !important;}
.index_blog_left{  overflow: hidden; width: 56.65rem;}
.index_blog_rig{  margin-left:1rem; flex-shrink: 0; display: flex; justify-content: space-between; flex-direction: column;}
.index_blog_rig .btn_more_box{ padding-bottom: 0.9rem;}
.index_blog_rig_list{ padding:1rem 1.5rem; width:29.25rem; box-sizing: border-box;}
.index_blog_rig_list .index_blog_subtitle{ padding:0.65rem 0}

.index_more_box_bold{padding-right: 1.5rem;}
/* submit your game*/
.index_submit{ height: 21.3rem;}
.cn .index_submit{ height: 21.15rem;}
.index_submit h2{ margin-bottom: 1rem;}
.en .index_submit .btn{ margin-top:2.2rem; height: 3.2rem; font-size: 1.2rem;}
.cn .index_submit .btn{ margin-top:2.1rem;}

[v-cloak]{
    display: none;
}
.wap_tag_box,.wap_banner_title,.wap_page_box{ display: none;}
.wap .banner_title .awhite a:hover{ color:#fff}
.wap .banner_title .awhite a:active,.wap .banner_title .awhite a.active,.wap .banner_title .awhite .active a{color:#fff}
.en.safari .btn_more_box a,.en.safari .index_blog_rig_list h5,.en.safari .index_publish_list h5,.en.safari .index_publish_submit h5{ font-weight: normal;}
@media (orientation: portrait){
    .wap .pc_tag_box,.wap .pc_banner_title{ display: none;}
    .wap .wap_banner_title{ display: block;}
    .wap .wap_tag_box{ display: flex;}
    .wap .swiper_banner{ height: 9rem;}
    .wap .swiper_banner .swiper-pagination{ bottom:0.5rem; height: 0.3rem;}
    .wap .swiper_banner .swiper-pagination-bullet{ width: 0.3rem; height: 0.3rem; margin:0 0.35rem; vertical-align: top;}
    .wap .banner_cont >*,.wap .index_submit{ display: none;}
    .wap .banner_cont .banner_title{ display: flex; padding:0; align-items: center;}
    .wap .banner_cont{ left:1rem; bottom:1rem; width:calc(100% - 2rem)}
    .wap .banner_icon{ height: 1.1rem;}
    .wap .banner_cont h1{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.6rem; line-height: 2.1rem; max-height: none;}
    .wap .index_gap{ margin-top:0}
    .wap .index_radius20,.wap .index_radius10{ border-radius: 0;}

    .wap .index_game_top{ flex-direction: column;}

    .wap .index_publish{padding: 0.5rem 1rem 0 1rem}
    .wap .index_publish_main{ flex-direction: column; margin-top: 0.5rem; padding-top:18rem; position: relative;}
    .wap .index_publish_left{ gap:0.5rem}
    .wap .index_publish_list{ width: 100%; height: 10.55rem; border-radius: 0.25rem;}
    .wap .index_publish_list h3,.wap .index_publish_submit h3{ font-size: 1rem; line-height: 1.5rem; margin-bottom: 0;}
    .wap .index_publish_list h5{ padding: 0.4rem 0; }
    .wap .index_publish_list .btn_more_box{ margin-top: 0.4rem;}
    .wap .index_publish_rig{ width: 100%; height:17.5rem; border-radius: 0.2rem; position: absolute; left: 0; top: 0;}
    .wap .index_publish_submit .btn{ height: 1.85rem; font-size: 0.8rem; margin-top:0.4rem}
    .wap .index_blog,.wap .index_game{ padding:0.5rem 1rem;}
    .wap .index_blog >h2{ line-height: 1.5rem; margin-bottom: 0.5rem;}
    .wap .index_blog_main,.wap .index_blog_left{ flex-direction: column;}
    .wap .index_blog_left,.wap .index_blog_cont,.wap .index_blog_img{ width:100%}
    .wap .index_blog_cont{padding: 17.35rem 1rem 0.5rem 1rem; }
    .wap .index_blog_rig{ margin-left:0; gap:0.65rem; margin:0.5rem 0}
    .wap .index_blog_rig_list{ width:100%; border-radius: 0.2rem; padding:0.5rem 1rem }
    .wap .index_blog_rig_list h5,.wap .index_publish_list h5,.wap .index_publish_submit h5{ font-family: RedHatDisplay-Bold; font-weight: 700;}
    .wap .index_blog_subtitle{padding:0.2rem 0; font-size: 0.6rem; line-height: 0.9rem;}
    .wap .btn_more_box{ font-size: 0.8rem; line-height: 1.05rem;   padding-bottom: 0; height: 1.05rem;}
    .wap .btn_more_box a{font-family: "RedHatDisplay-SemiBlod"; font-weight: 600;}
    .wap.safari .btn_more_box a,.wap.safari .index_blog_rig_list h5,.wap.safari .index_publish_list h5,.wap.safari .index_publish_submit h5{ font-weight: normal;}
    .wap.en .btn_more_box a,.wap.en .index_blog_rig_list h5,.wap.en .index_publish_list h5,.wap.en .index_publish_submit h5{ font-weight: normal;}
    .wap .btn_more_box .icon{ font-size: 0.58rem; margin-left:0.1rem}
    .wap .index_more_box_bold{ padding-right: 1rem;}
    .wap .index_blog_img{ border-radius:  0 0 0.1rem 0.1rem; height: 16.85rem; position: absolute; left: 0; top:0; overflow: hidden;}
    .wap .index_blog_left{ border-radius: 0.2rem; position: relative;}
    .wap .index_blog_cont h3{ font-size: 1rem; line-height: 1.5rem;}
    .wap .index_blog_cont .index_blog_subtitle{ padding:0.4rem 0}
    .wap .index_bolg_intro{ margin-bottom: 0; height: 5.25rem;}
    .wap.en .index_bolg_intro *{ font-size: 0.7rem !important; line-height: 1.05rem !important;}
    .wap .index_bolg_intro p{ margin-bottom: 0 !important;}
    .wap .index_blog_left .btn_more_box{ position: static; padding-top: 0.4rem;}
    .wap .index_game_filter{ gap:0.6rem; justify-content: space-between; margin-top: 0;}
    .wap .index_game_top .btn{ height:1.7rem; width: calc(33% - 0.4rem); font-size: 0.6rem;}
    .wap .index_tag_box{padding:0.5rem 0; align-items: stretch; flex-direction: column; width:100%}
    .wap .more_tag_list{ width:100%; justify-content: space-between;}
    .wap .btn_more_tag>span:last-child{ width: 0.6rem; height: 0.6rem; margin-left: 0.3rem;}
    .wap .btn_more_tag svg{ width: 0.35rem; height: 0.2rem;}
    .wap .game_list{ gap:0.2rem; height: 27.6rem; flex-direction: column; overflow-x: auto;}
    .wap .game_item{ border-radius: 0.2rem; height: 13.5rem; width: calc(50% - 0.75rem);}
    .wap .game_logo{ width: 3.4rem; height: 3.4rem; top: 3.2rem; border-radius: 0.6rem;}
    .wap .game_cont{ top:7rem}
    .wap .game_inner h4{ margin: 0 0.5rem 0.4rem 0.5rem; max-height: 2.1rem;}
    .wap .game_store a{ margin-right: 0.28rem; width: 0.9rem; height: 0.9rem;}
    .wap .game_store .apple_icon{ font-size: 0.565rem;}
    .wap .game_store .google_icon{ font-size: 0.62rem;}
    .wap .game_store .android_icon{ font-size: 0.43rem;}
    .wap .game_store .amazon_icon{ font-size: 0.68rem;}
    .wap .game_item:hover .game_inner::before{ height: 2.8rem;}
    .wap .game_item:hover .game_logo{ width: 2rem; height: 2rem; left: 1.4rem; top: 0.4rem; border-radius: 0.5rem;}
    .wap .game_item:hover .game_cont{ left: 2.7rem; top: 0.3rem; height: 2.1rem; width:calc(100% - 3rem)}
    .wap .game_item:hover .game_inner h4{ width: 100%; max-height: 1.05rem; height: 1.05rem; min-height: auto;}
    .wap .game_item:hover .game_inner h4 a{ -webkit-line-clamp:1;}
    .wap .page_box ul{ gap:0.5rem; font-size: 0.8rem; font-weight: normal;}
    .wap .wap_game_list{max-height: 27.2rem; overflow: hidden; margin-bottom: 0.5rem;}
    .wap .game_list .noDataBox{ height: 100%;}
    .wap .game_list_hidden{ overflow-x: hidden; height:auto; flex-direction: row;}
    .wap.cn .index_bolg_intro *{ font-size: 0.7rem !important; line-height: 1.05rem !important;}
    .wap.cn .index_bolg_intro{ height: 4.2rem;}
    .wap.cn .index_blog_cont h3,.wap.cn .index_blog_rig_list h5, .wap.cn .index_publish_list h5, .wap.cn .index_publish_submit h5{ font-family: PuHuiTi-Heavy Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;}
    .wap .page_box .active a{ background: none; color:#333}
    .wap .page_box{ display: none;}
    .wap .wap_page_box{ display: flex;}
    
}