.game-content { width: 100%; text-align: center; padding-bottom: 0.12rem; background: url(../../images/mobile/bg/Bg-two.png) no-repeat; background-size: 100%; } .game-content img { width: 0.67rem; margin: 0.54rem 0 0.15rem; } .game-content h2 { font-size: 0.18rem; max-width: 2rem; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .game-content p { font-size: 0.14rem; color: #999999; line-height: 0.25rem; max-width: 3rem; margin: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .game-content p span { padding: 0 0.05rem; } .game-content .download a { display: block; width: 2.3rem; height: 0.38rem; line-height: 0.38rem; margin: auto; margin-top: 0.12rem; font-size: 0.18rem; color: #fff; background: #FF9E33; border-radius: 0.2rem; } .game-info-title { font-size: 0.16rem; display: flex; align-items: center; justify-content: space-around; border-bottom: 0.01rem solid #EEEEEE; } .fixed-top{ position: fixed; top: 0.55rem; width: 100%; background: #fff; } .game-info-title li a { display: block; width: 0.4rem; text-align: center; height: 0.45rem; line-height: 0.44rem; } .game-info-title li .active { color: #FFA42D; border-bottom: 0.03rem solid #FFA42D; } .warp-game-introduce { border-bottom: 0.1rem solid #f9f9f9; } .game-introduce { overflow: hidden; margin: 0.2rem 0.1rem 0.15rem; } .game-introduce p { font-size: 0.14rem; } .open-close { color: #999999; font-size: 0.13rem; padding: 0 0.1rem 0.15rem ; text-align: right; } .open-close a{ color: #999999; } .warp-screenshots{ overflow: hidden; height: 2.2rem; margin: 0 0.1rem; } .warp-screenshots>div{ overflow-x: auto; padding-bottom: 0.6rem; } .screenshots { display: flex; } .screenshots img{ width: 1.12rem; height: 2rem; padding-right: 0.09rem; } .screenshots a:last-child img { margin-right: 0; } .title { display: flex; height: 0.5rem; margin: 0 0.1rem; align-items: center; } .title h4 { font-size: 0.16rem; } #my-title { margin-left: 0; } .title h4 span { width: 5px; height: 16px; display: block; float: left; margin-top: 0.04rem; margin-right: 0.05rem; background: #FF9A1C; border-radius: 2px; } .title p { font-size: 0.14rem; margin-left: 0.1rem; } .title p span{ color:#FFA42D ; } .kc-info ul,.kf-info ul { display: flex; height: 0.5rem; font-size: 0.14rem; align-items: center; border-bottom: 0.01rem solid #EEEEEE; } .kc-info ul li,.kf-info ul li { width: 33.33%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-title { background: #F9F9F9; border-bottom:none; } .kc-list li:first-child,.kf-list li:first-child { color: #FFA42D; } .kc-list a,.kf-list a { display: block; width: 0.63rem; height: 0.28rem; line-height: 0.28rem; text-align: center; color: #FF9A1C; border: 0.01rem solid #FF9A1C; border-radius: 0.2rem; margin: auto; } .kc-more,.kf-more,.moregame{ font-size: 0.16rem; color: #BCBCBC; display: block; width: 3.55rem; height: 0.44rem; line-height: 0.44rem; text-align: center; background: #F9F9F9; border-radius: 0.2rem; margin: 0.15rem auto; } .weui-loadmore{ display: none; } .rela-info .content { margin: 0 0.1rem 0.26rem; font-size: 0.14rem; } .rela-info .content span { color: #999999; } .rela-info .content p { margin: 0.06rem 0; } .manufacture { display: flex; } .manufacture div { width: 2.7rem; } .footer{ background: #F9F9F9; } .swiper-container{ position: fixed !important; top: 0; z-index: 666 !important; height: 100%; display: flex; background-color: rgba(0, 0, 0, 0.7); } .swiper-slide { height: 100%; display: flex; align-items: center; } .swiper-slide img{ width: 85%; margin: auto; } .swiper-pagination{ font-size: 0.14rem; z-index: 888 !important; color: #fff; position: fixed !important; } .no-info { text-align: center; font-size: 0.14rem; color: #999999; margin: 20px 0; } .no-info img { width: 2rem; } .relate-game { position: fixed; bottom: 0; width: -webkit-fill-available; display: flex; align-items: center; justify-content: space-between; padding: 0.05rem 0.1rem; background: rgba(0, 0, 0, 0.75); display: none; } .relate-game img { width: 0.41rem; float: left; } .relate-game .content { color: #fff; margin-left: 0.1rem; width: 2rem; float: left; } .relate-game .content h4 { font-size: 0.14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .relate-game .content p { font-size: 0.12rem; } .relate-game .content p span { padding: 0.05rem; } .relate-game .download a { display: block; width: 0.63rem; height: 0.28rem; color: #fff; font-size: 0.14rem; line-height: 0.28rem; text-align: center; background: #FF9E33; border-radius: 0.2rem; } .relate-game .close { width: 0.15rem; height: 0.15rem; margin-left: 0.25rem; float: left; } /* 礼包 */ .info-gift,.info-new { margin: 0 0.1rem; } .info-gift>p,.info-new>p{ font-size: 0.14rem; color: #999999; /* line-height: 0.5rem; */ /* margin-top: 0.16rem; */ } .info-gift>p span,.info-new>p span{ color: #FFA42D; } .gift-info .content { float: left; width: 2.9rem; } .gift-info { display: flex; align-items: center; padding: 0.16rem 0; border-bottom: 0.01rem solid #EEEEEE; } .gift-info .content h4 { font-size: 0.14rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gift_progress { display: flex; } .gift_progress span { color: #999999; font-size: 0.12rem; } .warp_gift_surplus { width: 1.17rem; background-color: #e6e6e6; border-radius: 0.08rem; height: 0.06rem; margin: 0.06rem; float: left; } .gift_surplus { height: 0.06rem; background-color: #fca11c; border-radius: 0.08rem 0 0 0.08rem; } .gift-info .content p { width: 99%; color: #999999; font-size: 0.12rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; vertical-align: middle; } .gift-info .receive a { display: block; float: right; color: #FF9A1C; font-size: 0.14rem; background: #FFF; width: 0.63rem; height: 0.28rem; line-height: 0.28rem; text-align: center; border: 0.01rem solid #FF9A1C; border-radius: 0.2rem; } /*资讯 */ .new-info { display: flex; align-items: center; margin-bottom: 0.1rem; } .new-info img { width: 1rem; height: 0.75rem; } .new-info div a{ margin-left: 0.1rem; height: 0.75rem; display: flex; flex-direction: column; justify-content: space-between; } .new-info h4 { font-size: 0.14rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .new-info p { font-size: 0.14rem; color: #999999; } /* 资讯详情 */ .news-details { padding: 0.2rem; width: calc(100% - 0.4rem); } .news-details>p { width: 100% !important; } .news-details embed { width: 100% !important; } .news-details img { max-width: 100% !important; height: auto; } .news-details h1 { font-size: 0.16rem; text-align: center; } .news-details div p { font-size: 0.12rem; color: #999999; } .news-details div { display: flex; justify-content: space-between; align-items: center; height: 0.4rem; margin-bottom: 0.1rem; border-bottom: 0.01rem solid #EEEEEE; } .rela-news .title { margin: 0; } .rela-news { margin: 0 0.2rem 0.2rem; } .rela-news li a{ display: flex; justify-content: space-between; align-items: center; height: 0.3rem; } .rela-news p { max-width: 2.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rela-news span { color: #999999; } .no-more-data { background: #f9f9f9; color: #B2B2B2; font-size: 0.14rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; } .no-more-data span { display: block; width: 1.2rem; height: 0.01rem; background: #e6e6e6; margin: 0 0.05rem; display: none; } .weui-loadmore__tips { font-size: 0.14rem; color: #B2B2B2; } .weui-loadmore { display: none; width: 100%; margin: 0; padding: 1.5em 0 0; } .weui-loadmore, .footer { background: #F9F9F9; } .new-game-list { display: flex; flex-wrap: wrap; justify-content: space-around; padding-top: 0.08rem; padding-bottom: 0.2rem; border-bottom: 0.1rem solid #F9F9F9; } .new-game-info { width: 25%; text-align: center; margin: 0.08rem 0; } .new-game-info img { width: 0.67rem; height: 0.67rem; margin-bottom: 0.12rem; } .new-game-info h4 { font-size: 0.15rem; margin: auto; width: 0.74rem; height: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-game-info p { text-align: center; font-size: 0.12rem; color: #999999; } .new-game-info p span { padding: 0 0.04rem; } .new-game-info .download a { display: block; width: 0.63rem; height: 0.28rem; color: #FF9A1C; font-size: 0.14rem; line-height: 0.28rem; text-align: center; border: 0.01rem solid #FF9A1C; border-radius: 0.2rem; margin: auto; margin-top: 0.12rem; } .game-info { position: relative; margin: 0.1rem; display: flex; align-items: center; /* justify-content: space-between; */ padding-bottom: 0.1rem; border-bottom: 0.01rem solid #EEEEEE; } .game-info:last-child { border-bottom: none; } .game-info img { width: 0.67rem; float: left; border-radius: 0.15rem; } .game-info .content { float: left; width: 2rem; height: 0.67rem; margin-left: 0.1rem; display: flex; flex-wrap: wrap; align-items: center; } .game-info .content h4 { padding: 0; font-size: 0.14rem; border-bottom: none; width: 100%; height: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .game-info .content p { width: 100%; color: #999999; font-size: 0.12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .game-info .content p span { padding: 0.04rem; } .game-info .download a { display: block; float: right; color: #FF9A1C; font-size: 0.14rem; background: #FFF; width: 0.63rem; height: 0.28rem; line-height: 0.28rem; text-align: center; border: 0.01rem solid #FF9A1C; border-radius: 0.2rem; }