/*
    Theme Name: Hope主题(手机端)
    Theme URI: https://www.ztjun.com/
    Author: 阿叶(主题君)
    Author URI: https://www.ztjun.com/
    Description:Hope主题是由主题君开发的一款手机游戏应用下载WordPress主题
    Version: 0.0.1
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    margin: 0;
    background: rgb(243, 248, 250) url(/wp-content/themes/Hope_m/static/images/bg.png) no-repeat top/100%;
}

div {
    box-sizing: border-box;
}

img {
    object-fit: cover;
    max-height: 280px;
    max-width: 100%;
    display: block;
    margin: 0.1rem auto;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none
}

::-webkit-scrollbar {
    height: 0;
}

.split:not(:last-child)::after {
    content: "|";
    margin: 0 .1rem;
}

.title {
    font-size: .28rem;
    color: #333;
}

.info {
    font-size: .24rem;
    color: #666;
}

.intro {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #999;
}

.slot-text-slot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.slot-text-slot>*:first-child,
.slot-text-slot>*:nth-child(3) {
    flex-shrink: 0;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.head {
    width: 100%;
    padding: 0 .2rem;
}

.head-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-logo {
    height: .6rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.search {
    width: 4rem;
    height: .5rem;
    background-color: #eaf6f9;
    border-radius: .25rem;
    display: flex;
    align-items: center;
    padding: 0 .03rem 0 .16rem;
    box-sizing: border-box;
}

.search-icon {
    width: .23rem;
    height: .23rem;
    margin-right: .09rem;
}

.search-input {
    width: 2.6rem;
    height: 100%;
    flex-grow: 1;
    border: none;
    outline: medium;
    background: none;
    font-size: .24rem;
    letter-spacing: .01rem;
}

.search-btn {
    width: .87rem;
    height: .44rem;
    background-color: #00bbee;
    border-radius: .22rem;
    border: none;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #fff;
}

.nav {
    width: 100%;
}
.nav ul {
    overflow-x: scroll;
    white-space: nowrap;
    line-height: .4rem;
    margin-bottom: 0.3rem;
}

.nav li {
    display: inline-block;
    text-align: center;
    font-size: .26rem;
    color: #fff;
    line-height: .4rem;
}

.nav li a {
    display: block;
    font-size: .28rem;
    padding-bottom: .15rem;
}

.nav .current-menu-item a {
    font-weight: bold;
    position: relative;
    background-image: -webkit-linear-gradient(bottom, rgb(253, 235, 147), #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.nav .current-menu-item a::after {
    content: "";
    width: .41rem;
    height: .08rem;
    background-color: #ffde00;
    border-radius: .02rem;
    position: absolute;
    bottom: 0;
    left: calc(50% - .2rem);
}

.nav-icon {
    width: .3rem;
    height: .3rem;
    margin-bottom: .2rem;
}

.main {
    padding: 0 .2rem;
}

.main-item {
    width: 100%;
    padding: .2rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(242, 242, 242, 0.75);
    border-radius: .2rem;
    margin-bottom: .11rem;
}

.list-1 {
    padding: .05rem .1rem;
    display: flex;
    margin-right: -.4rem;
}

.item-1 {
    width: 1.22rem;
    margin-right: .5rem;
    text-align: center;
}

.item-1 .icon {
    width: 1.22rem;
    height: 1.22rem;
    border-radius: .15rem;
}

.item-1 .title {
    display: block;
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #666;
    line-height: .64rem;
}

.item-1 .dlbtn {
    width: 1.2rem;
    height: .5rem;
    border-radius: .25rem;
    border: solid 1px #00bbee;
    font-size: .24rem;
    line-height: .5rem;
    letter-spacing: .02rem;
    color: #00bbee;
}

.main-sub-nav-list {
    padding: 0 .2rem 0 .1rem;
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

.main-sub-nav-list .title {
    width: .86rem;
    height: .42rem;
    padding-right: .12rem;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #fff;
    line-height: .42rem;
    margin-right: .2rem;
    flex-shrink: 0;
    text-align: center;
}

.main-sub-nav-list .title.game {
    background: url(/wp-content/themes/Hope_m/static/images/sub-nav-title-blue.png) no-repeat center/.86rem .42rem;
}

.main-sub-nav-list .title.app {
    background: url(/wp-content/themes/Hope_m/static/images/sub-nav-title-red.png) no-repeat center/.86rem .42rem;
}

.main-sub-nav {
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #666;
    display: flex;
    overflow: auto hidden;
}

.main-sub-nav-item {
    margin-right: .25rem;
    white-space: nowrap;
}

.list-2 {
    display: flex;
    justify-content: space-between;
}

.item-2 {
    width: 3.2rem;
    display: flex;
    flex-direction: column;
}

.item-2 .banner {
    width: 3.2rem;
    height: 1.35rem;
}

.item-2 .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
    margin-right: .2rem;
    max-width: 280px;
}

.item-2 .title {
    font-size: .26rem;
    line-height: .56rem;
    letter-spacing: .01rem;
    font-weight: bold;
}

.item-2 .content {
    display: flex;
    align-items: flex-end;
    font-size: 0;
}

.item-2 .text {
    font-size: 0;
    text-align: left;
}

.item-2 .intro {
    line-height: .46rem;
}

.item-2 .info {
    color: #999;
    margin-top: .15rem;
}

.item-2 .num {
    color: #00bbee;
}

.sub-banner {
    padding-bottom: .25rem;
    border-bottom: 1px dashed #dcdcdc;
}

.sub-banner .content {
    width: 100%;
    height: 2.8rem;
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
    display: flex;
}

.sub-banner .icon {
    width: 4.8rem;
    height: 2.8rem;
    z-index: 9;
    position: relative;
}

.sub-banner .right {
    width: 1.88rem;
    height: 100%;
}

.sub-banner .bg-icon {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    filter: blur(15px);
}

.sub-banner .text {
    width: 1.88rem;
    height: 100%;
    position: relative;
    padding: .1rem .2rem;
}

.sub-banner .intro {
    font-size: .28rem;
    color: #fff;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.sub-banner .btn {
    width: 1.3rem;
    height: .48rem;
    background-color: #ffffff;
    border-radius: .24rem;
    text-align: center;
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #666;
    line-height: .48rem;
    margin-top: .1rem;
}

.sub-banner .title {
    font-size: .3rem;
    font-weight: bold;
    margin-top: .3rem;
}

.list-3 {
    padding-bottom: .2rem;
}

.item-3 {
    margin-top: .4rem;
}

.item-3 .icon {
    width: .21rem;
    height: .21rem;
}

.item-3 .title {
    overflow: hidden;
    position: relative;
    flex: 1;
    color: #666;
    padding-left: .3rem;
}
.item-3 .title:before {
    content: '';
    position: absolute;
    left: 0;
    width: .21rem;
    height: .21rem;
    background: url(/wp-content/themes/Hope_m/static/images/diamond.png) no-repeat left center;
    background-size: 100%;
}

.item-3 .info {
    color: #999;
}

.top-title {
    width: 100%;
    padding-left: .3rem;
    background: url(/wp-content/themes/Hope_m/static/images/top-title.png) no-repeat left/.13rem .27rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .2rem;
}

.top-title .title {
    color: #00bbee;
    font-weight: bold;
}

.top-title .more {
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #999;
}

.item-4 {
    padding: .25rem 0;
    display: flex;
    border-bottom: 1px dashed #dcdcdc;
}

.item-4:last-child {
    border: none;
}

.item-4 .icon {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .2rem;
    margin-right: .2rem;
    max-width: 280px;
}

.item-4 .content {
    flex-grow: 1;
    overflow: hidden;
}

.item-4 .text {
    display: flex;
    align-items: center;
}

.item-4 .left {
    flex-grow: 1;
    overflow: hidden;
}

.item-4 .title {
    line-height: .32rem;
}

.item-4 .info {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #fff;
    display: flex;
    margin: .2rem 0;
}

.item-4 .info span {
    padding: .08rem .12rem;
    border-radius: .06rem;
    margin-right: .1rem;
}

.item-4 .info .sys {
    background-color: #1ed2c7;
}

.item-4 .info .type {
    background-color: #fd8762;
}

.item-4 .info .size {
    background-color: #748ff4;
}

.item-4 .btn {
    width: 1.4rem;
    height: .6rem;
    border-radius: .3rem;
    border: solid 1px #00bbee;
    text-align: center;
    line-height: .6rem;
    color: #00bbee;
    font-size: .28rem;
    letter-spacing: .03rem;
    flex-shrink: 0;
}

.item-4 .intro {
    letter-spacing: .02rem;
    color: #666;
}

.item-4 .intro span {
    color: #00bbee;
}

.list-5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item-5 {
    width: 3.24rem;
    height: 2.18rem;
    padding: .2rem .2rem .3rem;
    background: linear-gradient(rgb(237, 250, 254), #fff);
    border-radius: .06rem;
}

.item-5 .title {
    padding-left: .43rem;
    background: url(/wp-content/themes/Hope_m/static/images/gift-title.png) no-repeat left/.32rem .32rem;
    font-size: .26rem;
    margin-bottom: .25rem;
    line-height: .32rem;
}

.item-5 .content {
    display: flex;
}

.item-5 .icon {
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    margin-right: .25rem;
}

.item-5 .intro {
    line-height: .4rem;
}

.main-icons {
    font-size: 0;
    height: 3.5rem;
}

.main-icons .icon.left {
    width: 2.7rem;
    height: 3.5rem;
    margin-right: .13rem;
    float: left;
}

.main-icons .icon.right {
    width: 3.87rem;
    height: 1.75rem;
    margin-bottom: .13rem;
    float: left;
}

.main-icons .icon.bottom {
    width: 1.88rem;
    height: 1.64rem;
    margin-right: .10rem;
    float: left;
}

.main-icons a:last-child .icon.bottom {
    margin-right: 0;
}

.list-6 {
    padding: .1rem 0 0;
}

.item-6 {
    position: relative;
    display: flex;
}

.item-6 .icon {
    width: 1.8rem;
    height: 1.3rem;
    border-radius: .1rem;
    margin-right: .25rem;
    max-width: 280px;
}

.item-6 .text {
    overflow: hidden;
    padding-bottom: .25rem;
    border-bottom: dashed 1px #dcdcdc;
    margin-bottom: .25rem;
    line-height: 0;
}

.item-6:last-child .text {
    margin-bottom: 0;
    border-bottom: none;
}

.item-6 .title {
    letter-spacing: .01rem;
    line-height: .34rem;
}

.item-6 .intro {
    color: #999;
    line-height: .4rem;
    margin-top: .14rem;
}

.item-6 .score {
    position: absolute;
    top: -.12rem;
    left: -.12rem;
    width: .62rem;
    height: .62rem;
    background: url(/wp-content/themes/Hope_m/static/images/score-bg.png) no-repeat center/.62rem .62rem;
    text-align: center;
    line-height: .62rem;
    font-size: .27rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.7);
}
.item-6 .time {
    font-size: .24rem;
    color: #999;
}
.item-6 .score span {
    text-shadow: 2px 2px 2px rgba(255, 111, 52, 0.75);
}

.list-7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item-7 {
    width: 3.2rem;
}

.item-7 .mask {
    width: 3.2rem;
    height: 1.9rem;
    border-radius: .15rem;
    overflow: hidden;
    position: relative;
    font-size: 0;
}

.item-7 .mask::after {
    content: "";
    width: 3.2rem;
    height: 1.9rem;
    border-radius: .15rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.3) url(/wp-content/themes/Hope_m/static/images/video-mask.png) no-repeat center/.6rem .59rem;
}

.item-7 .icon {
    width: 3.2rem;
    height: 1.9rem;
    border-radius: .15rem;
}

.item-7 .title {
    font-size: .26rem;
    letter-spacing: .01rem;
    line-height: .66rem;
}

.list-8 {
    width: calc(100% + .1rem);
    transform: translateX(-.05rem);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .1rem;
}

.item-8 {
    padding: 0 .18rem;
    background-color: #f6f6f6;
    font-size: .24rem;
    line-height: .6rem;
    letter-spacing: .01rem;
    margin-bottom: .1rem;
}

.item-8:nth-child(4n - 3) {
    width: 2.8rem;
    color: #ff835d;
}

.item-8:nth-child(4n - 2) {
    width: 3.9rem;
    color: #00b9ca;
}

.item-8:nth-child(4n - 1) {
    width: 3.9rem;
    color: #5b74de;
}

.item-8:nth-child(4n) {
    width: 2.8rem;
    color: #f05858;
}

.friendlink {
    font-size: .24rem;
    line-height: .48rem;
    color: #666;
}

.friendlink a {
    margin-right: .10rem;
}

.footer {
    width: 100%;
    padding: .5rem .3rem;
    background-color: #333333;
    margin-top: .25rem;
    text-align: center;
    font-size: .24rem;
    color: #999;
    line-height: .6rem;
}

.footer-logo {
    height: 0.63rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.footer-nav a {
    margin: 0 .1rem;
    white-space: nowrap;
}

.copyright {
    margin-left: .1rem;
}

.error {
    padding: 2rem 0;
    text-align: center;
    font-size: .26rem;
    letter-spacing: .01rem;
    color: #00bbee;
}

.error .icon {
    width: 3.9rem;
    height: 1.6rem;
    margin-bottom: .74rem;
}

.error .btn {
    width: 1.5rem;
    height: .6rem;
    border: solid 1px #00bbee;
    border-radius: .3rem;
    line-height: .6rem;
    margin: .57rem auto 0;
}

.about-nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: .05rem 0 -.05rem;
}

.about-nav-item a {
    width: 2.1rem;
    height: .62rem;
    padding: 0 .2rem;
    border: solid 1px #eeeeee;
    border-radius: .31rem;
    box-sizing: border-box;
    line-height: .62rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    letter-spacing: .03rem;
    color: #666;
    margin-bottom: .2rem;
}

.about-nav-item.current a {
    color: #fff;
    background: linear-gradient(90deg, rgb(255, 169, 122), rgb(247, 103, 102));
}

.about-nav-item .icon {
    width: .35rem;
    height: .35rem;
    margin-right: .09rem;
}

.about-nav-item.current .icon {
    filter: brightness(120%);
}

.about-content {
    font-size: .26rem;
    line-height: .48rem;
    letter-spacing: .01rem;
    color: #666;
}

.about-content p {
    margin-bottom: .44rem;
}

.map-content {
    font-size: .24rem;
    letter-spacing: .01rem;
    overflow: hidden;
}

.map-link {
    padding-left: .3rem;
    margin-right: -.65rem;
}

.map-content h3 {
    color: #00bbee;
    font-weight: bold;
    margin: .23rem 0 .13rem;
    display: flex;
    align-items: center;
}

.map-content h3::before {
    content: "";
    width: .21rem;
    height: .21rem;
    display: block;
    margin-right: .12rem;
    background: url(/wp-content/themes/Hope_m/static/images/diamond.png) no-repeat center/.21rem .21rem;
}

.map-content a {
    color: #666;
    line-height: .72rem;
    margin-right: .65rem;
    white-space: nowrap;
}

.gift-scroll {
    width: calc(100% + .2rem);
    overflow: auto hidden;
    padding-top: .1rem;
    margin: -.1rem 0 .1rem;
    display: flex;
}

.gift-scroll-item {
    width: 4.5rem;
    background: #fff;
    border-radius: .15rem;
    display: flex;
    flex-wrap: wrap;
    margin-right: .1rem;
    position: relative;
    flex-shrink: 0;
}

.gift-scroll-item .title {
    width: 100%;
    line-height: .6rem;
    background: #f4f6f7;
    border-radius: .15rem .15rem 0 0;
    padding: 0 .6rem 0 .2rem;
    font-size: .24rem;
    letter-spacing: .02rem;
    font-weight: bold;
    box-sizing: border-box;
}

.gift-scroll-item .icon {
    width: 1.23rem;
    height: 1.23rem;
    margin: .2rem .25rem .2rem .3rem;
    border-radius: .15rem;
}

.gift-scroll-item .text {
    width: 2.5rem;
    font-size: 0;
}

.gift-scroll-item .intro {
    color: #888;
    line-height: .48rem;
    margin: .12rem 0 .08rem;
}

.gift-scroll-item progress {
    width: 1.536rem;
    height: .09rem;
    color: #00bbee;
    background: #d9d9d9;
    border-radius: .03rem;
    margin-right: .3rem;
    vertical-align: super;
}

.gift-scroll-item progress::-webkit-progress-bar {
    background: #d9d9d9;
    border-radius: .03rem;
}

.gift-scroll-item progress::-webkit-progress-value {
    background-color: #00bbee;
    border-radius: .03rem;
}

.gift-scroll-item .num {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #999;
    white-space: nowrap;
}

.gift-scroll-item .label {
    width: .44rem;
    height: .6rem;
    background: url(/wp-content/themes/Hope_m/static/images/label-recom.png) no-repeat center/.44rem .6rem;
    position: absolute;
    top: -.1rem;
    right: 0.15rem;
}

.sub-nav {
    width: calc(100% + .1rem);
    padding: .1rem 0;
    margin-bottom: .2rem;
}
.sub-nav ul {
    white-space: nowrap;
    overflow-x: scroll;
    line-height: 0;
}
.sub-nav ul li {
    display: inline-block;
}
.sub-nav ul li a {
    display: inline-block;
    width: 1.6rem;
    height: .6rem;
    border-radius: .3rem;
    text-align: center;
    font-size: .26rem;
    line-height: .6rem;
    color: #666;
    background-color: #f5f5f5;
}

.sub-nav ul .current-cat a {
    background-image: linear-gradient(150deg, rgb(0, 226, 242) 20%, rgb(3, 177, 246));
    color: #fff;
}

.gift-list {
    margin-bottom: .4rem;
}

.gift-item {
    width: 100%;
    background-color: #ffffff;
    border-radius: .15rem;
    border: solid 1px #eeeeee;
    padding: .2rem;
    margin-bottom: .2rem;
    display: flex;
    position: relative;
    font-size: 0;
}

.gift-item .icon {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .15rem;
    margin-right: .2rem;
}

.gift-item .content {
    overflow: hidden;
}

.gift-item .title {
    font-size: .3rem;
    line-height: .36rem;
    padding-right: 1rem;
}

.gift-item .info {
    color: #999;
    margin: .22rem 0;
}

.gift-item .intro span {
    color: #00bbee;
}

.gift-item .btn {
    width: 1.05rem;
    height: .52rem;
    padding-left: .3rem;
    background: url(/wp-content/themes/Hope_m/static/images/gift-list.png) no-repeat .16rem center/.2rem .2rem, linear-gradient(150deg, rgb(0, 226, 242) 20%, rgb(3, 177, 246));
    border-radius: .26rem 0 0 .26rem;
    position: absolute;
    top: .31rem;
    right: 0;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #fff;
    text-align: center;
    line-height: .52rem;
}

.pagination {
    text-align: center;
    color: #999;
    font-size: .27rem;
    line-height: .47rem;
    display: flex;
    align-items: flex-end;
    margin: .6rem 0;
}

.pagination li {
    margin-right: .16rem;
    line-height: .27rem;
    border: solid 1px #e5e5e5;
    flex-shrink: 0;
}

.pagination li span {
    display: inline-block;
    padding: .14rem .20rem;
}

.pagination li a {
    display: inline-block;
    padding: .14rem .20rem;
}

.pagination .active {
    color: #fff;
    background-color: #00bbee;
}

.pagination .num {
    white-space: nowrap;
}

.gift-list .pagination {
    margin-top: .6rem;
}

.details-head {
    overflow: hidden;
    padding: 0;
}

.position {
    height: .6rem;
    padding-left: .57rem;
    background: url(/wp-content/themes/Hope_m/static/images/position.png) no-repeat .21rem center/.18rem .22rem;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #999;
    line-height: .6rem;
    border-bottom: 1px #eee solid;
}
.position ul {
    white-space: nowrap;
    overflow: hidden;
    margin-right: .3rem;
}
.position ul li {
    display: inline-block;
}
.position li::after {
    content: ">";
    display: inline;
    margin: 0 .02rem;
}

.details-head-content {
    padding: .25rem;
    display: flex;
}
.details-head-content .content {
    display: flex;
}
.details-head-content .icon {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .25rem;
    margin-right: .25rem;
}

.details-head-content .text {
    flex: 4;
    overflow: hidden;
}

.details-head-content .title {
    font-size: .32rem;
    font-weight: bold;
    margin-bottom: .08rem;
}

.details-head-content .info {
    line-height: .48rem;
}

.details-btn {
    height: .6rem;
    background: linear-gradient(150deg, rgb(255, 164, 104) 20%, rgb(247, 103, 102));
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    color: #fff;
    letter-spacing: .03rem;
    margin: .15rem;
    width: 173px;
}

.details-btn:nth-child(2) {
    background: linear-gradient(150deg, rgb(0, 226, 242) 20%, rgb(3, 177, 246));
}

.details-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.details-btn a:before {
    content: '安卓版下载';
}
.details-btn.ios a:before {
    content: '苹果版下载';
}
.details-btn.disabled a:before {
    content: '暂无下载';
}
.details-btn .icon {
    width: .35rem;
    height: .35rem;
    margin-right: .2rem;
}

.details-btn.az.disabled::before {
    content: '暂无下载';
}

.whole-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.3) url(/wp-content/themes/Hope_m/static/images/gift-bg.png) no-repeat .45rem 4.2rem/6.6rem 4.47rem;
    padding: 4.9rem 2rem 0;
    text-align: center;
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    display: none;
    z-index: 9;
}

.receive_btn {
    width: 2.45rem;
    height: 1.03rem;
    background: url(/wp-content/themes/Hope_m/static/images/receive_btn.png) no-repeat center/2.45rem 1.03rem;
    margin: 1.9rem auto .35rem;
}

.receive-gift-close {
    width: .31rem;
    height: .31rem;
    background: url(/wp-content/themes/Hope_m/static/images/close.png) no-repeat center/.31rem .31rem;
    margin: 0 auto;
}

.content-title {
    width: calc(100% + .4rem);
    padding-bottom: .32rem;
    border-bottom: 1px dashed #dcdcdc;
    margin-top: .1rem;
    display: flex;
    transform: translateX(-.2rem);
    margin-bottom: .3rem;
}

.content-title .title {
    margin: 0 .26rem;
}

.content-title .current {
    color: #00bbee;
    position: relative;
    font-weight: bold;
}

.content-title .current::after {
    content: "";
    display: block;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    border: .05rem #00bbee solid;
    background: #fff;
    position: absolute;
    bottom: -.43rem;
    left: calc(50% - .1rem);
}

.details-content {
    font-size: .28rem;
    letter-spacing: .01rem;
    margin-bottom: .4rem;
}

.details-content .tips {
    width: 100%;
    height: .92rem;
    padding: 0 .2rem;
    background: rgb(242, 252, 254);
    border: solid 1px #00bbee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-content .tips .title {
    width: .56rem;
    font-size: .24rem;
    line-height: .3rem;
    color: #00bbee;
    font-weight: bold;
    letter-spacing: .02rem;
}

.details-content .tips .mark {
    font-size: .24rem;
    color: #00bbee;
    font-weight: bold;
    font-style: italic;
    margin-top: .15rem;
}

.details-content .tips .intro {
    width: 5rem;
    color: #888;
}

.details-content h3 {
    color: #333;
    line-height: .48rem;
    font-weight: bold;
    margin: .2rem 0;
}

.details-content p {
    text-indent: 2em;
    color: #666;
    line-height: .48rem;
}
.news-details-content strong {
    font-weight: bold;
    color: #333;
}
.list-9 {
    padding-bottom: .1rem;
}

.item-9 {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0;
    margin-bottom: .3rem;
}

.item-9 .icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem;
    border-radius: .15rem;
}

.item-9 .text {
    margin-right: .2rem;
    overflow: hidden;
}

.item-9 .title {
    line-height: .34rem;
    margin-bottom: .05rem;
}

.item-9 .info {
    margin-top: .16rem;
    color: #999;
}

.item-9 .intro {
    line-height: .4rem;
}

.item-9 .btn {
    width: 1.3rem;
    height: .6rem;
    border-radius: .3rem;
    border: solid 1px #00bbee;
    font-size: .28rem;
    letter-spacing: .01rem;
    color: #00bbee;
    line-height: .6rem;
    text-align: center;
}

.common-gl {
    margin-bottom: .4rem;
}

.common-gl>.item-3 .title {
    color: #333;
}

.common-commend {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.common-commend-item {
    width: 3.13rem;
    font-size: 0;
    display: flex;
    margin-bottom: .3rem;
}

.common-commend-item .icon {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: .15rem;
    margin-right: .2rem;
}

.common-commend-item .text {
    width: 1.9rem;
}

.common-commend-item .title {
    letter-spacing: .01rem;
    font-weight: bold;
    line-height: .56rem;
}

.common-commend-item .info {
    line-height: .44rem;
    letter-spacing: .01rem;
    color: #999;
}

.common-rank-title {
    padding: .1rem .1rem 0;
    display: flex;
    margin-bottom: .4rem;
}

.common-rank-title div {
    width: 2.06rem;
    height: .66rem;
    border: solid 1px #00bbee;
    text-align: center;
    line-height: .64rem;
    color: #00bbee;
    font-size: .28rem;
    letter-spacing: .03rem;
}

.common-rank-title .current {
    width: 2.36rem;
    background-color: #00bbee;
    color: #fff;
}

.common-rank-item {
    width: 100%;
    display: flex;
    padding-bottom: .3rem;
    border-bottom: 1px dashed #dcdcdc;
    margin-top: .35rem;
    position: relative;
    font-size: 0;
}

.common-rank-item:last-child {
    border-bottom: none;
}

.common-rank-item .icon {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .1rem;
    margin-right: .3rem;
}

.common-rank-item .text {
    width: calc(100% - 1.6rem);
}

.common-rank-item .title {
    font-weight: bold;
}

.common-rank-item .intro {
    letter-spacing: .02rem;
    line-height: .66rem;
}

.common-rank-item .info {
    display: flex;
}

.common-rank-item .info span {
    color: #999;
    padding: .06rem .1rem;
    margin-right: .1rem;
    background-color: #f5f5f5;
}

.common-rank-item .ranking {
    position: absolute;
    top: -.09rem;
    left: -.13rem;
    width: .67rem;
    height: .55rem;
    padding-right: .1rem;
    background: url(/wp-content/themes/Hope_m/static/images/ranking-bg.png) no-repeat center/.67rem .55rem;
    text-align: center;
    color: #fff;
    line-height: .40rem;
    font-size: .28rem;
    font-weight: bold;
}

.video-hot {
    width: 3.2rem;
    position: relative;
    display: inline-block;
    font-size: 0;
}

.video-hot .icon {
    width: 3.2rem;
    height: 1.85rem;
    border-radius: .1rem;
}

.video-hot .title {
    font-size: .26rem;
    line-height: .72rem;
    margin-top: .03rem;
}

.video-hot .info {
    letter-spacing: .02rem;
    color: #999;
}

.video-hot .mask {
    width: 3.2rem;
    height: 1.85rem;
    border-radius: 0.1rem;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.3) url(/wp-content/themes/Hope_m/static/images/video-mask.png) no-repeat center/0.6rem 0.59rem;
}

.video-hot .label {
    width: .69rem;
    height: .49rem;
    position: absolute;
    top: .1rem;
    left: -.14rem;
    background: url(/wp-content/themes/Hope_m/static/images/hot.png) no-repeat center/0.69rem 0.49rem;
}

.video-item {
    padding-bottom: .25rem;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: .25rem;
    display: flex;
}

.video-item .icon {
    width: 2.2rem;
    height: 1.4rem;
    border-radius: .1rem;
    overflow: hidden;
    position: relative;
    margin-right: .3rem;
}

.video-item .icon img {
    width: 100%;
    height: 100%;
}

.video-item .icon .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.3) url(/wp-content/themes/Hope_m/static/images/video-mask.png) no-repeat center/0.6rem 0.59rem;
}

.video-item .text {
    width: calc(100% - 2.5rem);
    flex-grow: 1;
}

.video-item .title {
    font-weight: bold;
    color: #354352;
    letter-spacing: .01rem;
    line-height: .58rem;
    margin-bottom: .21rem;
}

.video-item .info {
    display: flex;
    font-size: .28rem;
}

.video-item .info span {
    padding: .1rem .15rem;
    border: 1px solid #dcdcdc;
    letter-spacing: .02rem;
    color: #888;
    font-size: .24rem;
    margin-right: .1rem;
    white-space: nowrap;
}

.about-nav.rank .about-nav-item a {
    width: 3.2rem;
}

.rank-banner {
    width: 6.8rem;
    height: 1rem;
    transform: translateX(-.05rem);
    margin-bottom: .1rem;
}

.item {
    width: 100%;
    padding: .22rem;
    border-radius: .15rem;
    border: solid 1px #eeeeee;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .2rem;
    font-size: 0;
}

.rank.item .ranking {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background: #d5d5d5;
    margin: 0 .3rem 0 .13rem;
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #fff;
    line-height: .44rem;
    text-align: center;
    flex-shrink: 0;
}

.rank.item:nth-child(-n + 3) .ranking {
    width: .66rem;
    height: .42rem;
    border-radius: 0;
    margin: 0 .21rem 0 0;
}

.rank.item:nth-child(1) .ranking {
    background: url(/wp-content/themes/Hope_m/static/images/ranking-1.png) no-repeat center/.66rem .42rem;
}

.rank.item:nth-child(2) .ranking {
    background: url(/wp-content/themes/Hope_m/static/images/ranking-2.png) no-repeat center/.66rem .42rem;
}

.rank.item:nth-child(3) .ranking {
    background: url(/wp-content/themes/Hope_m/static/images/ranking-3.png) no-repeat center/.66rem .42rem;
}

.item .icon {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .15rem;
    margin-right: .3rem;
    max-width: 280px;
}

.item .text {
    min-width: 3.8rem;
    flex-grow: 1;
}

.item .title {
    width: calc(100% - 1rem);
    font-size: .3rem;
    line-height: .32rem;
}

.item .info {
    line-height: .68rem;
    color: #999;
}

.item .info span:not(:last-child)::after {
    content: "|";
    margin: 0 .1rem;
}

.item .intro {
}

.item .intro span {
    color: #00bbee;
}

.item .btn {
    width: 1.05rem;
    height: .52rem;
    border-radius: .26rem 0 0 .26rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(150deg, rgb(0, 226, 242) 20%, rgb(3, 177, 246));
    position: absolute;
    top: .27rem;
    right: 0;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #fff;
}

.item .btn img {
    width: .17rem;
    height: .22rem;
    margin: .02rem .07rem 0 0;
}

.list .pagination {
    margin: 1.2rem 0;
}

.details-head-content .score {
    width: 100%;
    margin: .1rem 0 .3rem;
    display: flex;
    justify-content: space-between;
}

.details-head-content .score .left {
    width: 1.6rem;
    height: 1.85rem;
    border: solid 1px #eeeeee;
    text-align: center;
    font-size: 0;
}

.details-head-content .score .left .title {
    width: 100%;
    line-height: .52rem;
    background: #f4f4f4;
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #999;
    font-weight: normal;
}

.details-head-content .score .left .num {
    font-size: .5rem;
    line-height: .7rem;
    letter-spacing: .03rem;
    color: #ff8c47;
    font-weight: bold;
}

.star {
    width: 1.27rem;
    height: .21rem;
    margin: .1rem auto 0;
}

.star-1 {
    background: url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat left center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat .27rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat .8rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat right center/.21rem .21rem;
}

.star-2 {
    background: url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat left center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat .27rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat .8rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat right center/.21rem .21rem;
}

.star-3 {
    background: url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat left center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat .27rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat .8rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat right center/.21rem .21rem;
}

.star-4 {
    background: url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat left center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat .27rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat .8rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star-empty.png) no-repeat right center/.21rem .21rem;
}

.star-5 {
    background: url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat left center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat .27rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat .8rem center/.21rem .21rem, url(/wp-content/themes/Hope_m/static/images/star.png) no-repeat right center/.21rem .21rem;
}

.details-head-content .score .right {
    width: 4.6rem;
    height: 1.85rem;
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #999;
    margin-right: .08rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.details-head-content .score .right progress {
    width: 3.88rem;
    height: .1rem;
    color: #00bbee;
    background: #d9d9d9;
    border-radius: .05rem;
    vertical-align: middle;
    margin-left: .3rem;
}

.details-head-content .score .right progress::-webkit-progress-bar {
    background: #d9d9d9;
    border-radius: .05rem;
}

.score .right progress::-webkit-progress-value {
    background-color: #00bbee;
    border-radius: .05rem;
}

.details-head-content.game .info {
    display: flex;
    flex-wrap: wrap;
    color: #888;
}
.details-head-content.game .info span:nth-child(5) {
    width: 40%!important;
}
.details-head-content.game .info span:last-child {
    width: 60%!important;
}
.details-head-content.game .info span {
    width: 50%
}

.game-swiper {
    width: 6.9rem;
    margin: .2rem 0;
}

.game-swiper .swiper-slide {
    width: 2.5rem;
    max-height: 4.2rem;
}

.game-swiper .icon {
    width: 100%;
    object-fit: contain;
}

.album-swiper-pagination {
    height: .08rem;
    font-size: 0;
    display: flex;
    justify-content: center;
    margin-top: .1rem;
}

.album-swiper-pagination .swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    font-size: 0;
    background: #dfdfdf;
    opacity: 1;
}

.album-swiper-pagination .swiper-pagination-bullet-active {
    background: #00bbee;
}

.album-swiper .top {
    display: flex;
    justify-content: space-between;
    padding: 0 .2rem 0 .1rem;
    margin-bottom: .25rem;
}

.album-swiper .top .icon {
    width: 1.2rem;
    height: 1.2rem;
    padding: .07rem;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    margin-right: .25rem;
}

.album-swiper .top .text {
    overflow: hidden;
    flex-grow: 1;
}

.album-swiper .top .title {
    font-weight: bold;
    margin: .28rem 0 .34rem;
}

.album-swiper .top .info {
    color: #999;
}

.album-swiper .top .info span:not(:last-child)::after {
    content: "|";
    margin: 0 .15rem;
}

.album-swiper .top .more {
    width: .23rem;
    height: .41rem;
    margin: auto;
}

.album-swiper .recomm {
    width: 100%;
    padding: 0 .15rem 0 .25rem;
    display: flex;
    justify-content: space-between;
    font-size: 0;
}

.album-swiper .recomm .title {
    width: .43rem;
    height: .8rem;
    padding: .14rem 0;
    border-radius: .21rem;
    background: rgb(224, 247, 253);
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #00bbee;
    text-align: center;
}

.album-swiper .recomm .icon {
    width: .7rem;
    height: .7rem;
    border-radius: .15rem;
}

.album.item .icon {
    width: 1.17rem;
    height: 1.17rem;
    padding: .08rem;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    max-width: 280px;
}

.album.item .text {
    align-self: flex-start;
}

.album.item .title {
    font-size: .28rem;
    line-height: .38rem;
}

.album.item .btn img {
    width: .19rem;
    height: .13rem;
    margin: 0.03rem 0.06rem 0 0;
}

.details-head-content.album .title {
    font-size: .3rem;
    line-height: .3rem;
    margin-bottom: .25rem;
}

.details-head-content.album .icon {
    border-radius: .2rem;
    margin-right: .2rem;
}

.details-head-content.album .text {
    float: right;
}

.details-head-content.album .info {
    display: flex;
    justify-content: space-between;
    line-height: .24rem;
    margin: 15px 0;
}

.details-head-content.album .info span {
    font-size: .24rem;
    color: #999;
    margin-right: .1rem;
    white-space: nowrap;
}


.details-head-content.album .intro {
    line-height: .36rem;
}

.details-head-content.album .recomm {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    margin-bottom: .25rem;
}

.details-head-content.album .recomm a {
    width: 2.65rem;
    padding: .18rem .2rem;
    background: #f7f7f7;
    border-radius: .06rem;
    box-sizing: border-box;
    margin-right: .1rem;
    color: #f76967;
}

.details-head-content.album .recomm a:nth-child(2) {
    color: #03b2f6;
}

.item.album-details .ranking {
    width: 1.3rem;
    height: .39rem;
    font-size: .24rem;
    line-height: .39rem;
    border: solid 1px #03b2f6;
    display: flex;
    margin-top: .2rem;
}

.item.album-details .ranking .top {
    padding: 0 .11rem;
    background-color: #03b2f6;
    color: #fff;
}

.item.album-details .ranking .num {
    padding: 0 .17rem;
    color: #03b2f6;
    font-weight: bold;
    text-align: center;
}

.item.album-details .title {
    line-height: .34rem;
    margin-bottom: .11rem;
}

.item.album-details .info {
    line-height: .48rem;
    margin-bottom: 0;
}

.item.album-details .intro {
    margin-top: .16rem;
    margin-bottom: .09rem;
}

.item.album-details .btn {
    top: .37rem;
}

.common-album {
    width: calc(100% + .1rem);
    display: flex;
}

.common-album-item {
    width: 3.3rem;
    font-size: 0;
    display: inline-block;
    margin-right: .1rem;
}

.common-album-item .icon {
    width: 3.3rem;
    height: 1.9rem;
    border-radius: .15rem;
    margin-bottom: .15rem;
}

.common-album-item p {
    font-size: .28rem;
    line-height: .68rem;
    letter-spacing: .03rem;
    color: #666;
}

.common-album-item p::before {
    content: "";
    display: inline;
    vertical-align: middle;
    padding: .055rem;
    line-height: .12rem;
    border-radius: 50%;
    font-size: 0;
    background-color: #03b2f6;
    margin-right: .15rem;
}

.video-item.news {
    flex-wrap: wrap;
}

.video-item.news .title {
    width: 100%;
    line-height: 1;
    margin-bottom: .25rem;
}

.video-item.news .icon {
    margin-right: .23rem;
}

.video-item.news .intro {
    color: #888;
    line-height: .48rem;
    margin: -.12rem 0 .13rem;
}

.search-top .return {
    width: .24rem;
    height: .44rem;
    margin: auto .37rem auto 0;
}

.search-top .search {
    width: 6.45rem;
    height: .6rem;
    padding: 0 0.08rem 0 0.33rem;
}

.search-title {
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #999;
    line-height: .32rem;
}

.search-nav {
    overflow: auto hidden;
    margin-top: .16rem;
    display: flex;
    width: 100%;
}

.search-nav-item {
    padding: .18rem .45rem .18rem .18rem;
    background: #f5f5f5 url(/wp-content/themes/Hope_m/static/images/search-hot.png) no-repeat calc(100% - .13rem) center/.2rem .22rem;
    border-radius: .1rem;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #333;
    margin-right: .1rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.search-ranks {
    width: 100%;
    display: flex;
    overflow: scroll;
}

.search-rank {
    width: 5rem;
    height: 7.2rem;
    padding: .22rem .13rem 0;
    margin: .2rem .15rem -.2rem 0;
    font-size: 0;
    display: inline-block;
    background: linear-gradient(rgb(237, 250, 254), rgb(255, 255, 255) 30%);
}

.search-ranks>div:nth-child(2) .search-rank {
    background: linear-gradient(rgb(254, 247, 237), rgb(255, 255, 255) 30%);
}

.search-rank-item {
    margin-bottom: .44rem;
    display: flex;
}

.search-rank-item .ranking {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #b0b0b0;
    display: inline-block;
    width: .3rem;
    text-align: center;
    line-height: .26rem;
    margin-right: .22rem;
    flex-shrink: 0;
}

.search-rank-item:nth-child(-n + 3) .ranking {
    color: #00bef9;
}

.search-ranks>div:nth-child(2) .search-rank-item:nth-child(-n + 3) .ranking {
    color: #fe8a60;
}

.search-rank-item .title {
    font-size: .26rem;
}

.search-result-sum {
    width: 7.1rem;
    font-size: .24rem;
    letter-spacing: .02rem;
    color: #999;
    line-height: .28rem;
    text-indent: .33rem;
    padding-bottom: .16rem;
    border-bottom: 1px solid #eee;
    transform: translateX(-.2rem);
    margin-bottom: .2rem;
}

.search-news .video-item.news:last-child {
    border-bottom: none;
}

.news-details-head {
    padding: .4rem .2rem .45rem;
    text-align: center;
}

.news-details-head .title {
    font-size: .34rem;
    letter-spacing: .02rem;
    color: #354352;
    line-height: .46rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

.news-details-head .info {
    display: flex;
    justify-content: space-between;
}
.news-details-head .info span {
    color: #929aa3;
    white-space: nowrap;
}

.img-swiper {
    width: 6.43rem;
    margin: 0 .13rem;
}

.img-swiper .swiper-slide img {
    width: 100%;
    max-height: 3.6rem;
    display: block;
    margin: auto;
    object-fit: contain;
}

.img-swiper-pagination {
    font-size: .26rem;
    letter-spacing: .01rem;
    color: #999999;
    text-align: center;
    margin: .4rem 0 .2rem;
}

.img-swiper-pagination .swiper-pagination-current {
    color: #00bbee;
}

.img-navigation {
    display: flex;
    text-align: center;
}

.img-navigation p {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: #999;
    margin-bottom: .2rem;
}

.img-navigation .icon {
    width: 1.6rem;
    height: 1rem;
    border-radius: .1rem;
    margin-bottom: .2rem;
}

.img-navigation .title {
    font-size: .24rem;
    letter-spacing: .01rem;
}

.img-prev {
    font-size: 0;
    width: 3.33rem;
    padding-right: .32rem;
    border-right: 1px solid #dcdcdc;
    margin-right: .32rem;
}

.img-next {
    font-size: 0;
    width: 3rem;
}

.common-images .video-item {
    padding: .2rem;
    border: solid 1px #eeeeee;
}

.common-images .video-item .icon {
    margin-right: .2rem;
}

.common-images .video-item .title {
    line-height: .68rem;
    font-weight: normal;
    margin-bottom: .11rem;
}

.common-images .video-item .info span {
    padding: 0.1rem 0.13rem;
    background: #f5f5f5;
    border: none;
}
.news-details-content {
    position: relative;
    font-size: .28rem;
}
.news-details-content p {
    font-size: .28rem;
    text-indent: 2em;
    margin: .26rem 0;
    color: #666;
    line-height: .52rem;
}
.news-details-content h2,
.news-details-content h3,
.news-details-content h4 {
    font-size: .32rem;
    font-weight: bold;
    margin: .2rem 0;
    border-left: 5px solid #00bbee;
    line-height: normal;
    padding-left: 15px;
}
.news-details-content img {
    max-width: 100%;
    display: block;
    margin: .11rem auto;
    max-height: 280px;
}
.news-details-content .single-down {
    text-align: center;
    margin-bottom: 15px;
    text-indent: 0 !important;
}
.news-details-content .single-down a {
    display: inline-block;
    background: #00bbee;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-indent: 0 !important;
    padding: 5px 30px;
    font-size: 14px;
}
.recom-game {
    padding: .1rem 0;
    font-size: 0;
}

.recom-game .icon {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: .2rem;
    margin-right: .23rem;
}

.recom-game .text {
    margin-right: .2rem;
}

.recom-game .title {
    font-size: .3rem;
    letter-spacing: .02rem;
    line-height: .38rem;
    display: flex;
    margin-bottom: .15rem;
}

.recom-game .android,
.recom-game .ios {
    width: .3rem;
    height: .3rem;
    border: 50%;
    margin-left: .1rem;
    flex-shrink: 0;
}

.recom-game .android {
    background: url(/wp-content/themes/Hope_m/static/images/android.png) center/.3rem .3rem;
}

.recom-game .ios {
    background: url(/wp-content/themes/Hope_m/static/images/ios.png) center/.3rem .3rem;
}

.recom-game .info {
    line-height: .48rem;
}

.recom-game .info span:not(:last-child)::after {
    content: "|";
    margin: 0 .15rem;
}

.recom-game .right {
    margin: 0 .03rem -.2rem 0;
}

.recom-game .right .btn {
    width: 1.5rem;
    height: .54rem;
    border-radius: .27rem;
    text-align: center;
    color: #fff;
    font-size: .24rem;
    letter-spacing: .01rem;
    line-height: .54rem;
    margin: .1rem 0 .2rem;
    background: linear-gradient(150deg, rgb(0, 226, 242) 20%, rgb(3, 177, 246));
}

.recom-game .right .btn:nth-child(2) {
    background: linear-gradient(150deg, rgb(255, 164, 104) 20%, rgb(247, 103, 102));
}

.recom-game .right .btn a {
    display: block;
}
.page-tags {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
.page-tags .tags-item {
    width: 50%;
    padding-left: 20px;
}
.page-tags .tags-item>div {
    border: 1px solid #eee;
    border-radius: 4px;
    margin-bottom: 20px;
}
.page-tags .tags-item .item-top {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
}
.page-tags .tags-item .item-top .name {
    flex: 1;
}
.page-tags .tags-item .item-top .desc {
    color: #999;
    font-size: 13px;
}
.page-tags .tags-item ul {
    padding: 10px;
}
.page-tags .tags-item ul li {
    margin-bottom: 10px;
    line-height: 22px;
    color: #666;
}
.page-tags .tags-item ul li a {
    font-size: 13px;
    color: #666;
}
.tag-page {
    text-align: center;
}
.tag-page li {
    display: inline-block;
    color: #999;
    font-size: 14px;
}
.tag-page li .page-numbers {
    min-width: 20px;
    padding: 0 5px;
    line-height: 26px;
    display: inline-block;
    margin-right: 9px;
    border: solid 1px #e5e5e5;
    display: inline-block;
}
.tag-page li .current {
    color: #fff;
    background-color: #00bbee;
}
.tag-page li:hover .page-numbers {
    color: #fff;
    background-color: #00bbee;
}

.fenye {
    text-align: center;
}
.prev, .next {}
.fenye .page-numbers {
	background: #fff;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 4px;
	color: #666;
	font-size: 12px;
	transition: all .3s;
	border: 1px solid #F6F6F6
}

.fenye .current {
	background-color: #00bbee;
	color: #fff;
	border:none;
	transition: all .3s
}

.details-album {
    display: block !important;
    background: #fff;
}
.details-album .icon {
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 10px;
}


.details-album .content {
    display: flex;
}
.details-album .content .info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.details-album .content .info span {
    display: inline-block;
    white-space: nowrap;
    width: 45%;
    line-height: .42rem;
}
.details-album .content .info span:nth-child(2n) {
    width: 55%;
}
.details-album .desc {
    color: #666;
    font-size: 13px;
    line-height: 26px;
    margin: 10px 0;
}
.tags-list .item .desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 12px;
    color: #888;
    line-height: 20px;
    margin-top: 10px;
}
.more-tags {
    display: flex;
    margin-top: .2rem;
    border-top: 1px solid #f6f6f6;
    padding: .2rem 0;
}
.more-tags b {
    font-size: .28rem;
    color: #0be;
    font-weight: bold;
}
.more-tags ul {
    flex: 1;
    white-space: nowrap;
    overflow-x: scroll;
    display: flex;
}
.more-tags ul li {
    display: inline-block;
    margin-right: .3rem;
}
.more-tags ul li a {
    color: #666;
        display: block;
    font-size: .28rem !important;
}
.aadss {
    width: 100%;
}

/*隐私、权限样式*/
#app_info{}
#app_info li {
	display: inline-block;
	width: 33.33%;
	color:#333;
	font-size: 13px;
	margin: 10px 0;
}
#app_info li b {
	cursor: pointer;
	color:#333;
	font-size: 13px;
	font-weight: normal;
}
#app_info_cover {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	text-align: center;
	z-index: 9999
}
#app_info_cover .app_info_main {
	background: #fff;
	width: 520px;
	margin: auto;
	margin-top: 100px;
	border-radius: 8px;
	overflow: hidden;
}
#app_info_cover .app_info_title {
    background: linear-gradient(150deg, rgb(0, 226, 242) 30%, rgb(3, 177, 246) 80%);
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
#app_info_cover .app_info_body {
	padding: 20px;
	height: 320px;
	overflow-y: scroll;
	text-align: left;
}
#app_info_cover .app_info_body p {
    margin: 10px 0;
    line-height: 28px;
    font-size: 13px;
	color:#333;
}
#app_info_cover .app_info_body b {
	font-size: 13px;
}
#app_info_cover .app_info_close {
	margin: 20px;
	font-size: 17px;
	color: #fff;
    background: linear-gradient(150deg, rgb(0, 226, 242) 30%, rgb(3, 177, 246) 80%);
	line-height: 48px;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-top: 30px;
}
@media (max-width: 760px) {
	#app_info li {
		width: 100%;
	}
	#app_info_cover .app_info_main {
		width: 98%;
	}
	#app_info_cover .app_info_close {
		font-size :16px;
		line-height: 42px;
	}
}

.app-info {
    margin-top: 15px;
}
.app-info li {
    width: 100%;
    font-size: 13px;
    color: #333;
    margin: 15px 0;
}
.app-info li:last-child {
    margin-bottom: 5px;
}
.app-info li .appinfo-open {
    cursor: pointer;
}