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;
}

:root {
	--pm-c: #ffcd00;
    --main-color: #ffcd00;
}

body {
    line-height: 1;
    margin: 0;
}

div,
ul {
    box-sizing: border-box;
}

img {
    object-fit: cover;
}

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

a[class~=title] {
    display: block;
}

ul,
ol {
    list-style: none
}

.title {
    font-size: .28rem;
    letter-spacing: .01rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.text {
    display: inline-block;
    vertical-align: top;
}

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

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

.slot-text-slot>*:nth-child(2) {
    flex-grow: 1;
    overflow: hidden;
}

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

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

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

.head {
    padding: .27rem 0 0;
    background-color: #ffffff;
}

.head.default {
    padding-bottom: .14rem;
    background: var(--main-color);
}

.head.cq {
    background-color: unset;
}

.head-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 .3rem;
    margin-bottom: .12rem;
    font-size: 0;
}

.head-logo {
    width: 1.89rem;
    height: .51rem;
}

.search {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 4.43rem;
    height: 0.57rem;
    padding-left: .18rem;
    border-radius: 0.06rem;
    border: solid 0.01rem var(--main-color);
}

.search .icon {
    width: 0.19rem;
    height: 0.25rem;
}

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

input::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

.search-btn {
    width: 1rem;
    height: 100%;
    background-color: var(--main-color);
    border: none;
    border-radius: .04rem;
    text-align: center;
    font-size: .24rem;
    line-height: .55rem;
    letter-spacing: .02rem;
    color: #333;
}

.default .search {
    width: 6.35rem;
    height: 0.6rem;
    padding: 0 .09rem 0 .27rem;
    background: #fff;
    border-radius: 0.06rem;
    border: none;
}

.default .search-btn {
    width: 1.02rem;
    height: .44rem;
    line-height: .44rem;
}

.go-back {
    width: 0.22rem;
    height: 0.36rem;
    margin-top: .12rem;
}

.nav {
    display: flex;
    width: 100%;
    height: .73rem;
    padding: 0 .33rem;
    background: var(--main-color);
    box-shadow: 0.02rem 0.04rem 0.06rem 0rem rgba(180, 180, 180, 0.49);
    overflow: scroll visible;
    scrollbar-width: 0;
}

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

.nav-item {
    flex-shrink: 0;
}

.nav-item a {
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: .23rem .33rem 0;
    text-align: center;
    font-size: 0.3rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.nav-item.current a {
    font-weight: bold;
    position: relative;
}

.nav-item.current a::after {
    content: "";
    width: 0.3rem;
    height: 0.06rem;
    background-color: #333333;
    position: absolute;
    bottom: .08rem;
    left: calc(50% - .15rem);
}

.main {
    font-size: 0;
}

.main.rank {
    padding: 0 0 .01rem;
    background-color: rgb(253, 243, 225);
}

.main-top-banner {
    width: 7.5rem;
    height: 3.76rem;
    margin-bottom: -.36rem;
}

.main-jrjx {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-between;
    width: 7.1rem;
    height: 4.68rem;
    padding: .84rem .27rem 0;
    background: url(/uploads/image/tdcmaimg/main-jrjx-title.png) no-repeat center .25rem/2.1rem .32rem,
        url(/uploads/image/tdcmaimg/main-jrjx-bg.png) no-repeat center/cover;
    box-shadow: 0rem 0rem 0.21rem 0rem rgba(194, 194, 194, 0.64);
    border-radius: 0.2rem;
    margin: 0 auto 0;
    position: relative;
}

.main-jrjx-item {
    display: flex;
    align-items: center;
    width: 3.29rem;
    height: .9rem;
    margin-bottom: .35rem;
}

.main-jrjx-item .ranking {
    width: 0.28rem;
    height: 0.25rem;
    background: no-repeat center/contain;
}

.main-jrjx-item:nth-child(1) .ranking {
    background-image: url(/uploads/image/tdcmaimg/main-jrjx-1.png);
}

.main-jrjx-item:nth-child(2) .ranking {
    background-image: url(/uploads/image/tdcmaimg/main-jrjx-2.png);
}

.main-jrjx-item:nth-child(3) .ranking {
    background-image: url(/uploads/image/tdcmaimg/main-jrjx-3.png);
}

.main-jrjx-item:nth-child(4) .ranking {
    background-image: url(/uploads/image/tdcmaimg/main-jrjx-4.png);
}

.main-jrjx-item:nth-child(5) .ranking {
    background-image: url(/uploads/image/tdcmaimg/main-jrjx-5.png);
}

.main-jrjx-item:nth-child(6) .ranking {
    background-image: url(/uploads/image/tdcmaimg/main-jrjx-6.png);
}

.main-jrjx-item .icon {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.1rem;
    margin: 0 .15rem 0 .2rem;
}

.main-jrjx-item .text {
    width: 1.67rem;
}

.main-jrjx-item .title {
    margin-top: .06rem;
    font-size: 0.26rem;
    letter-spacing: 0rem;
    color: #333333;
}

.main-jrjx-item .info {
    margin-top: .24rem;
    letter-spacing: 0rem;
}

.main-item {
    padding: 0 .2rem;
    border-bottom: .1rem solid #f7f7f7;
}

.top-title {
    display: flex;
    justify-content: space-between;
}

.top-title .title {
    display: flex;
    align-items: flex-start;
    font-weight: bold;
}

.top-title .title::before {
    content: "";
    display: block;
    width: 0.08rem;
    height: 0.24rem;
    background-color: var(--main-color);
    margin: .02rem .19rem 0 0;
}

.top-title .more {
    width: 0.31rem;
    height: 0.31rem;
}

.main-gl {
    padding: 0 .2rem;
    margin-top: .4rem;
}

.main-gl-top {
    display: flex;
    justify-content: space-between;
    padding: 0 .08rem .25rem;
    border-bottom: 1px dashed #dcdcdc;
    margin-top: .35rem;
}

.main-gl-top-item {
    width: 3.36rem;
}

.main-gl-top-item .icon {
    width: 3.36rem;
    height: 2.01rem;
}

.main-gl-top-item .title {
    margin-top: .25rem;
    text-align: center;
}

.main-gl-list {
    margin: .29rem 0 -.08rem;
}

.main-gl-item {
    margin-bottom: .44rem;
}

.main-gl-item .icon {
    width: 0.33rem;
    height: 0.27rem;
}

.main-gl-item .title {
    margin: 0 .31rem 0 .19rem;
}

.main-recom-rank {
    margin: .33rem 0 0;
}

.main-recom-rank-list {
    margin: .24rem 0 .56rem;
}

.main-recom-rank-item {
    margin: 0 0 .38rem;
}

.main-recom-rank-item .top {
    display: flex;
    height: 0.5rem;
    background-color: #f8f8f8;
    margin-bottom: .26rem;
}

.main-recom-rank-item .ranking {
    width: 1.02rem;
    height: 0.5rem;
    padding: .12rem 0 0 .13rem;
    background: url(/uploads/image/tdcmaimg/main-recom-ranking.png) no-repeat left/contain;
    margin-right: .17rem;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
}

.main-recom-rank-item .info span {
    margin-right: .55rem;
    color: #888;
    line-height: .5rem;
}

.main-recom-rank-item .icon {
    width: 1.19rem;
    height: 1.19rem;
    border-radius: .2rem;
}

.main-recom-rank-item .text {
    margin: 0 .55rem 0 .23rem;
}

.main-recom-rank-item .title {
    margin-top: .02rem;
    font-weight: bold;
}

.main-recom-rank-item .intro {
    margin-top: .14rem;
    line-height: 0.4rem;
}

.main-recom-rank-item .btn {
    width: 1.06rem;
    height: 0.56rem;
    background-color: var(--main-color);
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.56rem;
    letter-spacing: 0.01rem;
    color: #333333;
}

.main-album {
    margin: .34rem 0 0;
}

.main-album-list {
    display: flex;
    width: 7.5rem;
    padding: 0 0 0 .2rem;
    margin: .36rem -.2rem .41rem;
    overflow: auto visible;
    scrollbar-width: 0;
}

.main-album-list::-webkit-scrollbar {
    height: 0;
}

.main-album-item {
    flex-shrink: 0;
    width: 4.66rem;
    margin-right: .23rem;
}

.main-album-item .top {
    display: block;
    width: 4.66rem;
    height: 2.86rem;
    margin-bottom: .2rem;
    position: relative;
}

.main-album-item .top .icon {
    width: 100%;
    height: 100%;
}

.main-album-item .top .title {
    box-sizing: border-box;
    width: 100%;
    height: .59rem;
    padding: .17rem .8rem 0 .2rem;
    background: rgba(51, 51, 51, .66);
    text-align: right;
    font-size: 0.26rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.main-album-item .top .lable {
    width: 0.76rem;
    height: 0.96rem;
    background: url(/uploads/image/tdcmaimg/main-album-lable.png) no-repeat center/contain;
    position: absolute;
    right: .1rem;
    bottom: .14rem;
}

.main-album-item .content {
    display: flex;
}

.main-album-item .content .icon {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.2rem;
}

.main-album-item .content .text {
    width: 3.1rem;
    margin-left: .24rem;
}

.main-album-item .content .title {
    margin-top: .2rem;
    letter-spacing: 0.02rem;
}

.main-album-item .content .info {
    margin-top: .27rem;
    letter-spacing: 0.02rem;
}

.main-album-item .content .info span:not(:last-child) {
    margin-right: .35rem;
}

.main-app {
    margin: .27rem 0 0;
}

.main-app-list {
    display: flex;
    flex-wrap: wrap;
    margin: .35rem 0 .05rem;
}

.main-app-item {
    width: 1.31rem;
    margin-bottom: .37rem;
    text-align: center;
}

.main-app-item:not(:nth-child(4n)) {
    margin-right: .62rem;
}

.main-app-item .icon {
    width: 1.31rem;
    height: 1.31rem;
    border-radius: 0.2rem;
}

.main-app-item .title {
    margin-top: .28rem;
    font-size: 0.26rem;
    letter-spacing: 0.02rem;
}

.main-app-item .info {
    margin-top: .23rem;
    letter-spacing: 0.02rem;
}

.main-app-item .btn {
    width: 1.31rem;
    height: 0.61rem;
    border: solid 0.01rem #eeeeee;
    margin-top: .2rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.58rem;
    letter-spacing: 0.02rem;
    color: #858585;
}

.main-new {
    padding: 0 .2rem;
    margin: .22rem 0 0;
}

.main-new-list {
    margin: .25rem 0 0;
}

.main-new-item {
    display: flex;
    margin: 0 0 .23rem;
}

.main-new-item .icon {
    width: 1.96rem;
    height: 1.26rem;
}

.main-new-item .text {
    width: 4.84rem;
    margin-left: .3rem;
}

.main-new-item:not(:last-child) .text {
    padding-bottom: .37rem;
    border-bottom: .01rem dashed #dcdcdc;
}

.main-new-item .title {
    margin-top: .19rem;
    font-size: 0.3rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.main-new-item .info {
    margin-top: .38rem;
}

.main-new-item .info span {
    margin-right: .15rem;
}

.main-rank {
    width: 7.1rem;
    padding: 0 0 .3rem;
    border: solid 0.01rem #ffd614;
    margin: 1.06rem auto 0;
}

.main-rank-title {
    width: 4.8rem;
    height: .77rem;
    background: #fff url(/uploads/image/tdcmaimg/main-rank-title.png) no-repeat center/contain;
    margin: -.4rem auto .34rem;
    text-align: center;
    font-size: 0.3rem;
    line-height: 0.77rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.main-rank-item {
    display: flex;
    align-items: center;
    width: 6.47rem;
    margin: 0 0 .35rem .21rem;
}

.main-rank-item .ranking {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    padding: 0 0 0 .01rem;
    margin-right: .2rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.4rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
}

.main-rank-item:nth-child(1) .ranking {
    background: #ff7c08;
}

.main-rank-item:nth-child(2) .ranking {
    background: rgb(255, 150, 57);
}

.main-rank-item:nth-child(3) .ranking {
    background: rgb(255, 189, 131);
}

.main-rank-item:not(:nth-child(-n   3)) .ranking {
    background: #dfdfdf;
}

.main-rank-item .icon {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.2rem;
}

.main-rank-item .text {
    width: 3.3rem;
    margin: 0 .2rem;
    letter-spacing: 0.02rem;
}

.main-rank-item .title {
    font-size: 0.3rem;
}

.main-rank-item .info {
    display: flex;
    margin-top: .3rem;
}

.main-rank-item .btn {
    width: 0.87rem;
    height: 0.87rem;
    background: url(/uploads/image/tdcmaimg/main-rank-btn.png) no-repeat center/contain;
}

.main-flink {
    padding: 0 .2rem;
    margin: .49rem 0 .23rem;
}

.main-flink p {
    margin-top: .42rem;
    font-size: 0.24rem;
    line-height: 0.48rem;
    letter-spacing: 0.02rem;
    color: #888888;
}

.footer {
    width: 100%;
    padding: .44rem .75rem .9rem;
    background: #333;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.48rem;
    letter-spacing: 0.01rem;
    color: #ababab;
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-nav a {
    margin: 0 .25rem;
}

.record {
    margin: 0 0 0 .05rem;
}

.error-icon {
    display: block;
    width: 6.59rem;
    height: 4.95rem;
    margin: 1.44rem auto 0;
}

.error-btn {
    width: 1.7rem;
    height: 0.6rem;
    background-color: var(--main-color);
    margin: 1.04rem auto 3.8rem;
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.6rem;
    color: #333333;
}

.main-top {
    width: 100%;
    min-height: 1.42rem;
    padding: .33rem 0 .21rem;
    background: url(/uploads/image/tdcmaimg/main-top-border.png) no-repeat bottom/contain,
        linear-gradient(#fdf4e3 0%,
            #fde9ce calc(100% - .15rem),
            #fff calc(100% - .15rem));
}

.main-top-title {
    width: 100%;
    height: .45rem;
    background: no-repeat center/contain;
}

.main-top-title.about {
    background-image: url(/uploads/image/tdcmaimg/title-about.png);
}

.main-top-title.game {
    background-image: url(/uploads/image/tdcmaimg/title-game.png);
}

.main-top-title.app {
    background-image: url(/uploads/image/tdcmaimg/title-app.png);
}

.main-top-title.album {
    background-image: url(/uploads/image/tdcmaimg/title-album.png);
}

.main-top-title.rank {
    background-image: url(/uploads/image/tdcmaimg/title-rank.png);
}

.main-top-title.rank-new {
    background-image: url(/uploads/image/tdcmaimg/title-rank-new.png);
}

.main-top-title.image {
    background-image: url(/uploads/image/tdcmaimg/title-image.png);
}

.main-top-title.news {
    background-image: url(/uploads/image/tdcmaimg/title-news.png);
}

.main-top-title.gift {
    background-image: url(/uploads/image/tdcmaimg/title-gift.png);
}

.sub-nav {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 0 0 .2rem;
    margin: .44rem 0 0;
}

.sub-nav-item {
    width: 1.66rem;
    height: 0.61rem;
    background-color: #ffffff;
    border-radius: 0.3rem;
    margin: 0 .15rem .2rem 0;
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.61rem;
    letter-spacing: 0.01rem;
    color: #666666;
}

.sub-nav-item.current {
    background-color: var(--main-color);
    color: #333333;
}

.sub-nav-item a {
    display: block;
}

.sub-nav.rank .sub-nav-item {
    width: 2.25rem;
    margin-right: .17rem;
}

.about-content {
    padding: .28rem .2rem .92rem;
}

.about-content p {
    margin-bottom: .46rem;
    font-size: .26rem;
    line-height: .48rem;
    letter-spacing: .01rem;
    color: #666666;
}

.map-content {
    padding: .11rem .2rem 1.21rem;
    font-size: 0.26rem;
    line-height: 0.72rem;
    letter-spacing: 0.01rem;
}

.map-content h3 {
    font-weight: bold;
    color: var(--main-color);
}

.map-content div {
    display: flex;
    flex-wrap: wrap;
}

.map-content a {
    min-width: 1.6rem;
    color: #666666;
}

.map-content a:not(:nth-child(4n)) {
    margin-right: .23rem;
}

.news-list {
    padding: 0 .2rem;
    margin: .41rem 0 0;
}

.news-item {
    display: flex;
    padding: 0 0 .29rem;
    border-bottom: .01rem dashed #dcdcdc;
    margin: 0 0 .3rem;
}

.news-item .icon {
    width: 2.17rem;
    height: 1.44rem;
}

.news-item .text {
    width: 4.71rem;
    margin-left: .21rem;
}

.news-item .title {
    margin-top: .03rem;
    font-size: 0.3rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.news-item .intro {
    margin-top: .33rem;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #888888;
}

.news-item .info {
    height: .27rem;
    padding-left: .4rem;
    background: url(/uploads/image/tdcmaimg/news-list-info.png) no-repeat left/contain;
    margin-top: .27rem;
    display: flex;
}

.news-item .info span {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-item.video .info {
    background-image: url(/uploads/image/tdcmaimg/video-list.png);
}

.news-item.iamge .info {
    background-image: url(/uploads/image/tdcmaimg/imgae-list.png);
}

.news-item .info span:first-child {
    margin-left: 0;
}

.news-item .info span {
    margin-left: .15rem;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #999;
    margin: .7rem auto;
}

.pagination li {
    margin-right: .16rem;
    border: solid .01rem #d2d2d2;
}

.pagination li span {
    display: block;
    padding: .13rem .18rem;
    font-size: .26rem;
}

.pagination li a {
    display: block;
    padding: .13rem .18rem;
    font-size: .26rem;
}

.pagination .active {
    color: #333;
    background-color: var(--main-color);
    border: solid .01rem var(--main-color);
}

.pagination .num {
    font-size: .26rem;
    line-height: .62rem;
}

.news-details {
    padding: .53rem .2rem 0;
}

.news-head {
    padding: 0 0 .27rem;
    border-bottom: .01rem dashed #dcdcdc;
}

.news-head .type {
    color: var(--main-color);
}

.news-head h1 {
    text-align: center;
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 0.5rem;
    letter-spacing: 0.03rem;
    color: #111111;
}

.news-head .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .09rem;
    margin-top: .25rem;
    line-height: 0.48rem;
    letter-spacing: 0.02rem;
}

.news-content {
    margin-top: .27rem;
}

.news-content p {
    font-size: 0.26rem;
    line-height: 0.48rem;
    letter-spacing: 0.02rem;
    color: #666666;
	text-indent: 2em;
}

.news-content p img,
.news-content iframe {
    display: block;
    max-width: 100% !important;
	height: auto !important;
    margin: .17rem auto .12rem;
}

.image-swiper {
    width: 7.07rem;
}

.img-swiper img {
    width: 100%;
}

.img-swiper-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 1rem;
    padding: .68rem 0 0;
    background: linear-gradient(rgba(245, 245, 245, .1) 0%,
            rgba(245, 245, 245, .7) 40%,
            rgba(245, 245, 245, .99) 70%);
    position: absolute;
    bottom: 0 !important;
    z-index: 1;
}

.img-bullet {
    width: 0.1rem;
    height: 0.1rem;
    background-color: #d6d6d6;
    border-radius: 50%;
    margin: 0 .05rem;
}

.img-bullet-active {
    background-color: var(--main-color);
}


.news-game {
    width: 7.1rem;
    height: 1.65rem;
    padding: .21rem .23rem 0 .22rem;
    background: url(/uploads/image/tdcmaimg/news-game-bg.png) no-repeat center/cover;
    margin-top: .18rem;
}

.news-game .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
}

.news-game .text {
    margin: 0 .2rem;
}

.news-game .title {
    margin-top: .05rem;
    font-weight: bold;
    letter-spacing: 0.03rem;
}

.news-game .info {
    margin-top: .21rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-game .info span {
    margin-right: .15rem;
    color: #666666;
}

.news-game .intro {
    margin-top: .16rem;
    color: #666666;
}

.news-game .btn {
    width: 1.2rem;
    height: 0.6rem;
    background-color: #ffffff;
    border-radius: 0.3rem;
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.6rem;
    letter-spacing: 0.03rem;
    color: #333333;
}

.common-gl {
    margin-top: .39rem;
}

.common-gl-list {
    margin-top: .39rem;
}

.common-gl-list .news-item:last-child {
    padding: 0;
    border: none;
}

.common-game {
    margin-top: .24rem;
}

.common-game-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: .28rem;
}

.common-game-list .main-app-item {
    margin-bottom: .3rem;
}

.common-game-list .main-app-item .title {
    margin: .21rem 0 .22rem;
    color: #666;
}

.common-rank {
    padding: 0 .2rem;
    margin: .22rem 0 .35rem;
}

.common-rank-list {
    margin: .27rem 0 0;
    position: relative;
}

.common-rank-list::after {
    content: "";
    width: 1px;
    height: calc(100% - .5rem);
    background: #eee;
    position: absolute;
    top: .25rem;
    left: 1.65rem;
}

.common-rank-item {
    display: flex;
    align-items: center;
    margin-bottom: .22rem;
}

.common-rank-item .info {
    width: 1.19rem;
    height: 0.5rem;
    padding-left: .15rem;
    background: url(/uploads/image/tdcmaimg/common-rank.png) no-repeat center/contain;
    margin-right: .28rem;
    line-height: .5rem;
}

.common-rank-item .ranking {
    width: 0.36rem;
    height: 0.36rem;
    background-color: #ffffff;
    border: solid 0.02rem var(--main-color);
    border-radius: 50%;
    margin-right: .3rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.34rem;
    letter-spacing: 0.01rem;
    color: var(--main-color);
    z-index: 1;
}

.common-rank-item .title {
    width: 4.98rem;
}

.game-list {
    padding: 0 .2rem;
    margin-top: .36rem;
}

.game-item {
    padding-bottom: .31rem;
    border-bottom: .01rem dashed #eee;
    margin-bottom: .31rem;
}

.game-item .icon {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 0.2rem;
}

.game-item .text {
    margin: 0 .2rem;
}

.game-item .title {
    margin-top: .04rem;
}

.game-item .info {
    display: flex;
    margin-top: .20rem;
}

.game-item .info span {
    padding: .04rem .1rem;
}

.game-item .info span:nth-child(1) {
    border: solid 0.01rem #ffa168;
    margin-right: .1rem;
    color: #ffa168;
}

.game-item .info span:nth-child(2) {
    border: solid 0.01rem #7cc5f3;
    color: #58b4e8;
}

.game-item .intro {
    margin-top: .19rem;
    color: #888;
}

.game-item .btn {
    width: 0.78rem;
    height: 0.78rem;
    background: url(/uploads/image/tdcmaimg/game-list-btn.png) no-repeat center/contain;
    margin-bottom: .03rem;
}

.game-head {
    padding: .49rem .2rem .28rem;
    background: url(/uploads/image/tdcmaimg/game-head-bg.png) no-repeat top/contain;
    text-align: center;
}

.game-head .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
}

.game-head .title {
    margin-top: .29rem;
    font-weight: bold;
    letter-spacing: 0.03rem;
}

.game-head .info {
    display: flex;
    justify-content: center;
    margin-top: .37rem;
}

.game-head .info span {
    margin: 0 .1rem;
}
.head-info {
	display: flex;
	background-color: #fefbf5;
	flex-wrap: wrap;
	padding: 0.3rem;
	margin-top: 0.3rem;
	padding-bottom: 0.05rem
}
.head-info span {
	color: #999;
	width: 33.33%;
	font-size: .2rem;
	display: block;
	margin-bottom: 0.3rem;
	text-align: left;
}
.head-info span:nth-child(2),
.head-info span:nth-child(5){
	width: 26%;
}
.head-info span:last-child{
	width: 39%;
    white-space: nowrap;
}
.down-href a {
    display: block;
    width: 7.1rem;
    height: 0.7rem;
    background-color: #ff8b67;
    border-radius: 0.35rem;
    margin-top: .36rem;
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.7rem;
    letter-spacing: 0.03rem;
    color: #ffffff;
}

.game-head .dlbtn {
    display: block;
    width: 7.1rem;
    height: 0.7rem;
    background-color: #ff8b67;
    border-radius: 0.35rem;
    margin-top: .36rem;
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.7rem;
    letter-spacing: 0.03rem;
    color: #ffffff;
}

.game-head .dlbtn .dlbtn {
    background-color: #19c4b6;
    margin-top: .23rem;
}

.game-head .dlbtn.disabled {
    background-color: #d3d3d3;
}

.game-content {
    padding: 0 .2rem .3rem;
    margin: .27rem 0 0;
}

.game-swiper {
    width: 7.3rem;
    margin: .38rem 0 .22rem;
}

.game-swiper .swiper-slide {
    width: 2.6rem;
}

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

.game-content h3 {
    display: inline-block;
    height: .51rem;
    padding: 0 .37rem;
    background: linear-gradient(90deg, rgb(255, 244, 225), rgb(255, 252, 246));
    margin: .3rem 0;
    font-size: 0.28rem;
    line-height: 0.51rem;
    letter-spacing: 0.03rem;
    color: #fb7d18;
}

.game-content p {
    font-size: 0.26rem;
    line-height: 0.48rem;
    letter-spacing: 0.02rem;
    color: #666666;
	text-indent: 2em;
}

.common-gift {
    margin: .29rem 0 0;
}

.common-gift-list {
    margin: .27rem 0 .24rem;
}

.common-gift-item {
    margin: 0 0 .25rem;
}

.common-gift-item .icon {
    width: 0.47rem;
    height: 0.47rem;
    border-radius: 0.1rem;
}

.common-gift-item .title {
    margin: 0 .4rem 0 .3rem;
    font-size: 0.28rem;
    letter-spacing: 0.01rem;
    color: #666666;
}

.common-new {
    margin: .27rem 0 0;
}

.common-new-list {
    margin: .3rem 0 .37rem;
}

.common-new-item {
    padding: 0 0 .3rem;
    border-bottom: .01rem dashed #dcdcdc;
    margin: 0 0 .3rem;
}

.common-new-item:last-child {
    padding: 0;
    border-bottom: none;
    margin: 0;
}

.common-new-item .icon {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: 0.2rem;
}

.common-new-item .text {
    align-self: stretch;
    margin: 0 .43rem 0 .23rem;
}

.common-new-item .title {
    margin-top: .04rem;
}

.common-new-item .info {
    display: flex;
    margin-top: .2rem;
}

.common-new-item .info span:not(:last-child) {
    margin-right: .33rem;
}

.common-new-item .intro {
    margin-top: .17rem;
}

.common-new-item .btn {
    width: 1.11rem;
    height: 0.63rem;
    background-color: var(--main-color);
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.63rem;
    letter-spacing: 0.01rem;
    color: #333333;
}

.album-list {
    margin: .38rem 0 0;
}

.album-item {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 .3rem .2rem;
    border-bottom: .1rem solid #f7f7f7;
    margin: 0 0 .25rem;
}

.album-item .text {
    width: 5.7rem;
    margin-right: .2rem;
}

.album-item .text .title {
    font-size: 0.3rem;
    font-weight: bold;
    letter-spacing: .02rem;
}

.album-item .text .intro {
    margin-top: .29rem;
    color: #888888;
}

.album-item .text .intro span:first-child {
    margin-right: .3rem;
}

.album-item .btn {
    width: 1.21rem;
    height: 0.61rem;
    border-radius: 0.3rem;
    border: solid 0.01rem var(--main-color);
    margin-top: .07rem;
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.6rem;
    letter-spacing: 0.01rem;
    color: var(--main-color);
}

.album-item .bottom {
    display: flex;
    margin: .29rem 0 0;
}

.album-item .bottom-item {
    width: 1.65rem;
    height: 2rem;
    padding: .2rem;
    border-radius: 0.15rem;
    border: solid 0.01rem #eeeeee;
    margin-right: .16rem;
    text-align: center;
}

.album-item .bottom-item .icon {
    width: 1.16rem;
    height: 1.16rem;
    border-radius: 0.2rem;
}

.album-item .bottom-item .title {
    margin: .2rem 0 0;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #999999;
}

.album-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 7.1rem;
    height: 2.66rem;
    background: url(/uploads/image/tdcmaimg/album-head-bg.png) no-repeat center/contain;
    border-radius: 0.1rem;
    margin: .76rem auto 0;
    position: relative;
    padding-bottom: .2rem;
}

.album-head .title {
    box-sizing: border-box;
    width: 3.34rem;
    height: 1.23rem;
    padding: .79rem 0 0;
    background: url(/uploads/image/tdcmaimg/album-head-title.png) no-repeat center/cover;
    margin: -.55rem 1.82rem .29rem;
    text-align: center;
    font-size: 0.26rem;
    font-weight: bold;
    letter-spacing: 0.01rem;
    color: #ffffff;
}

.album-head .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.6rem;
    margin: 0 .2rem;
}

.album-head .intro {
    width: 5.1rem;
    line-height: 0.48rem;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.album-head .lable {
    width: 0.67rem;
    height: 0.58rem;
    background: url(/uploads/image/tdcmaimg/lable-hot.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
}

.album-more {
    display: flex;
    padding: .35rem;
    overflow: scroll visible;
    scrollbar-width: 0;
}

.album-more::-webkit-scrollbar {
    height: 0;
}

.album-more span {
    flex-shrink: 0;
    margin-right: .1rem;
    font-size: 0.24rem;
    line-height: 0.6rem;
    letter-spacing: 0.01rem;
    color: #999999;
}

.album-more a {
    flex-shrink: 0;
    padding: .18rem .28rem;
    background-color: #fff3e1;
    border-radius: 0.3rem;
    margin-right: .14rem;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #ee9c31;
}

.album-details-list {
    padding: 0 .2rem .3rem;
    margin: .3rem 0 0;
}

.album-details-item {
    display: flex;
    align-items: center;
    padding: 0 0 .3rem;
    border-bottom: .01rem dashed #eee;
    margin: .3rem 0 0;
}

.album-details-item .ranking {
    width: .61rem;
    height: .5rem;
    background: no-repeat center/contain;
    padding: .21rem 0 0;
    margin: 0 .29rem 0 .03rem;
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    letter-spacing: 0.01rem;
    color: #888888;
}

.album-details-list .album-details-item:nth-child(2) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-1.png);
}

.album-details-list .album-details-item:nth-child(3) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-2.png);
}

.album-details-list .album-details-item:nth-child(4) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-3.png);
}

.album-details-list .album-details-item:nth-child(n   5) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-4.png);
}

.rank-list .album-details-item .ranking {
    margin-right: .21rem;
}

.rank-list .album-details-item:nth-child(1) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-1.png);
}

.rank-list .album-details-item:nth-child(1) .ranking span,
.rank-list .album-details-item:nth-child(2) .ranking span,
.rank-list .album-details-item:nth-child(3) .ranking span {
    display: none;
}

.rank-list .album-details-item:nth-child(2) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-2.png);
}

.rank-list .album-details-item:nth-child(3) .ranking {
    background-image: url(/uploads/image/tdcmaimg/ranking-3.png);
}

.rank-list .album-details-item:nth-child(n   4) .ranking {
    background: url(/uploads/image/tdcmaimg/ranking-4.png) no-repeat center/.52rem .43rem;
}

.album-details-item .icon {
    width: 1.31rem;
    height: 1.31rem;
    border-radius: 0.2rem;
}

.album-details-item .text {
    width: 3.77rem;
    align-self: stretch;
    margin: 0 .12rem 0 .19rem;
}

.rank-list .album-details-item .text {
    width: 3.08rem;
    margin: 0 .2rem 0 .19rem;
    flex: 1;
}

.album-details-item .title {
    margin-top: .04rem;
}

.album-details-item .info {
    display: flex;
    margin-top: .20rem;
}

.album-details-item .info span {
    padding: .04rem .1rem;
}

.album-details-item .info span:nth-child(1) {
    border: solid 0.01rem #ffa168;
    margin-right: .1rem;
    color: #ffa168;
}

.album-details-item .info span:nth-child(2) {
    border: solid 0.01rem #7cc5f3;
    color: #58b4e8;
}

.album-details-item .intro {
    margin-top: .19rem;
    color: #888;
}

.album-details-item .btn {
    width: 0.78rem;
    height: 0.78rem;
    background: url(/uploads/image/tdcmaimg/game-list-btn.png) no-repeat center/contain;
    margin-bottom: .03rem;
}

.album-recom {
    margin: .41rem 0 0;
}

.album-recom-top {
    display: flex;
    margin: .35rem 0;
}

.album-recom-top .left {
    width: 3.54rem;
    height: 2.28rem;
    background-color: #eeeeee;
    position: relative;
}

.album-recom-top .left .icon {
    width: 100%;
    height: 100%;
}

.album-recom-top .left .title {
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .33rem .14rem;
    background: rgba(51, 51, 51, .66);
    white-space: normal;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.3rem;
    letter-spacing: 0.02rem;
    color: var(--main-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
}

.album-recom-top .intro {
    box-sizing: border-box;
    width: 3.56rem;
    height: 2.28rem;
    padding: .2rem .24rem .2rem .26rem;
    border: solid 0.01rem #eeeeee;
}

.album-recom-top .intro p {
    line-height: 0.46rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.album-recom-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 .18rem;
}

.album-recom-item {
    width: 1.55rem;
    margin-bottom: .3rem;
    text-align: center;
}

.album-recom-item:not(:nth-child(4n)) {
    margin-right: .3rem;
}

.album-recom-item .icon {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: 0.2rem;
}

.album-recom-item .title {
    margin-top: .23rem;
    font-size: 0.26rem;
    letter-spacing: 0.02rem;
}

.album-gl {
    padding: 0 .2rem;
    margin: .28rem 0 0;
}

.album-gl-top {
    display: flex;
    justify-content: space-between;
    padding: 0 .07rem;
    margin: .29rem 0 .49rem;
}

.album-gl-top-item {
    width: 3.36rem;
    height: 2.12rem;
    position: relative;
}

.album-gl-top-item .icon {
    width: 100%;
    height: 100%;
}

.album-gl-top-item .title {
    box-sizing: border-box;
    width: 100%;
    height: 0.57rem;
    padding: .19rem .4rem 0;
    background-color: rgba(51, 51, 51, .66);
    text-align: center;
    font-size: 0.24rem;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.album-gl-item {
    margin-bottom: .44rem;
}

.album-gl-item .square {
    width: 0.11rem;
    height: 0.11rem;
    background-color: var(--main-color);
    border-radius: 50%;
}

.album-gl-item .title {
    margin: 0 1.8rem 0 .29rem;
}

.rank-list {
    width: 100%;
    height: 21.81rem;
    padding: 1.15rem .57rem 1.21rem .52rem;
    background: url(/uploads/image/tdcmaimg/rank-list-bg.png) no-repeat top/cover;
    margin: -.18rem 0 .45rem;
}

.gift-list {
    padding: 0 .2rem;
    margin: .35rem 0 0;
}

.gift-item {
    display: flex;
    align-items: center;
    padding: 0 0 .3rem;
    border-bottom: .01rem dashed #eee;
    margin: 0 0 .3rem;
}

.gift-item .icon {
    width: 1.31rem;
    height: 1.31rem;
    border-radius: 0.2rem;
}

.gift-item .text {
    width: 4.4rem;
    margin: 0 .41rem 0 .19rem;
}

.gift-item .title {
    margin-top: .04rem;
}

.gift-item .info {
    margin-top: .26rem;
    color: #888888;
}

.gift-item .intro {
    margin-top: .25rem;
    color: #888888;
}

.gift-item .btn {
    width: 0.78rem;
    height: 0.78rem;
    background: url(/uploads/image/tdcmaimg/gift-list-btn.png) no-repeat center/contain;
    margin-bottom: .03rem;
}

.search-default {
    min-height: 12rem;
    padding: 0 .2rem;
}

.search-default>.info {
    margin: .35rem 0 .3rem;
}

.search-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .08rem;
}

.search-item {
    width: 3.39rem;
    height: 0.95rem;
    padding: 0 .14rem 0 .16rem;
    background-color: #fffdf5;
    border: solid 0.01rem #fff3e1;
    margin-bottom: .19rem;
}

.search-item .icon {
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 0.33rem;
}

.search-item .title {
    margin: 0 .16rem;
    font-size: 0.26rem;
}

.search-item .into {
    width: 0.3rem;
    height: 0.3rem;
}

.search-default .main-item {
    margin: 0 -.2rem;
}

.search-default .top-title {
    margin: .25rem 0;
}

.search-default .game-item:last-child {
    padding: 0;
    border: none;
}

.img-relevant {
    margin: .34rem 0 0;
}

.img-relevant-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .3rem 0 .04rem;
}

.img-relevant-item {
    width: 3.46rem;
    margin-bottom: .22rem;
}

.img-relevant-item .icon {
    box-sizing: border-box;
    width: 3.46rem;
    height: 2.51rem;
    padding: .2rem .17rem;
    border: solid 0.01rem #eeeeee;
}

.img-relevant-item .title {
    margin-top: .21rem;
    text-align: center;
    font-size: 0.26rem;
    color: #666666;
}

.whole-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.33);
    z-index: 10;
}

.whole-mask .inner {
    width: 5.64rem;
    height: 5.3rem;
    border-radius: 0.15rem;
    background: linear-gradient(rgb(255, 242, 224), rgb(255, 253, 251));
    margin: calc(50vh - 2.65rem) auto;
    text-align: center;
}

.gift-details-mask {
    width: 3.18rem;
    height: 2.49rem;
    margin: -1.39rem 0 0;
}

.whole-mask .inner .title {
    margin: .41rem 0 0;
    font-size: 0.32rem;
    font-weight: bold;
}

.whole-mask .inner .info {
    margin: .36rem 0 0;
}

.whole-mask .inner .active-code {
    margin: .22rem 0 0;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #999999;
}

.whole-mask .inner .receive-gift-close {
    width: 4.85rem;
    height: 0.65rem;
    border-radius: 0.06rem;
    border: solid 0.01rem #dcdcdc;
    margin: .28rem auto 0;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.62rem;
    letter-spacing: 0.01rem;
    color: #333333;
}

.whole-mask .inner .receive-btn {
    width: 4.85rem;
    height: 0.65rem;
    background-image: linear-gradient(0deg,
            #fe4d65 0%,
            #fe867d 100%);
    border-radius: 0.08rem;
    margin: .45rem auto 0;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.65rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
}

.cq-swiper {
    width: 7.12rem;
    height: 3.48rem;
    border-radius: 0.2rem;
    margin: .3rem auto;
}

.cq-swiper img {
    width: 100%;
    height: 100%;
}

.cq-swiper-pagination {
    display: flex;
    justify-content: center;
    padding: 0 0 .05rem;
    position: absolute;
    z-index: 1;
}

.cq-bullet {
    width: 0.1rem;
    height: 0.05rem;
    background-color: #c8c8c8;
    border-radius: 0.03rem;
    margin: 0 .03rem;
}

.cq-bullet-active {
    background-color: var(--main-color);
}

.cq-bg-swiper {
    width: 100%;
    height: 5.14rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.cq-bg-swiper img {
    width: 100%;
    height: 100%;
}

.cq-nav {
    display: flex;
    overflow: scroll visible;
    scrollbar-width: 0;
    padding: 0 .2rem;
}

.cq-nav::-webkit-scrollbar {
    height: 0;
}

.cq-nav-item {
    flex-shrink: 0;
    width: 1.65rem;
    height: 0.6rem;
    background-color: #f6f6f6;
    border-radius: 0.3rem;
    margin-right: .16rem;
}

.cq-nav-item a {
    display: block;
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.6rem;
    letter-spacing: 0.03rem;
    color: #666666;
}

.cq-nav-item.current {
    background-color: var(--main-color);
}

.cq-nav-item.current a {
    color: #333333;
}

.cq-hot {
    margin: .42rem 0 0;
}

.cq-hot-list {
    display: flex;
    flex-wrap: wrap;
    margin: .42rem 0 0;
}

.cq-hot-item {
    width: 1.6rem;
    margin-bottom: .26rem;
    text-align: center;
}

.cq-hot-item:not(:nth-child(4n)) {
    margin-right: .23rem;
}

.cq-hot-item .icon {
    width: 1.21rem;
    height: 1.21rem;
    border-radius: 0.2rem;
}

.cq-hot-item .title {
    margin-top: .2rem;
    font-size: 0.26rem;
    letter-spacing: 0.03rem;
    color: #666666;
}

.cq-common-news {
    margin: .25rem 0 0;
}

.cq-common-news-list {
    margin: .3rem 0 0;
}

.cq-common-news-item {
    display: flex;
    margin: 0 0 .21rem;
}

.cq-common-news-item:not(:last-child) {
    padding: 0 0 .21rem;
    border-bottom: .01rem dashed #dcdcdc;
}

.cq-common-news-item .left {
    width: 2.1rem;
    height: 1.37rem;
    margin-right: .23rem;
    position: relative;
}

.cq-common-news-item .icon {
    width: 100%;
    height: 100%;
}

.cq-common-news-item .info {
    width: 2.1rem;
    height: 0.38rem;
    background-color: rgba(51, 51, 51, .66);
    text-align: center;
    line-height: 0.38rem;
    letter-spacing: 0.02rem;
    color: #ededed;
    position: absolute;
    bottom: 0;
    left: 0;
}

.cq-common-news-item .text {
    width: 4.77rem;
}

.cq-common-news-item .title {
    margin-top: .07rem;
    font-size: 0.3rem;
}

.cq-common-news-item .intro {
    margin-top: .13rem;
    letter-spacing: 0.02rem;
    line-height: 0.48rem;
    color: #888888;
}

.cq-game-list {
    padding: 0 .2rem;
    margin: .4rem 0 0;
}

.cq-game-item {
    height: 1.7rem;
    padding: .24rem .2rem;
    border: solid 0.01rem #eeeeee;
    margin: 0 0 .19rem;
}

.cq-game-item .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
}

.cq-game-item .text {
    margin: 0 .57rem 0 .23rem;
}

.cq-game-item .title {
    margin-top: .04rem;
    letter-spacing: 0.02rem;
}

.cq-game-item .intro {
    margin-top: .13rem;
    line-height: 0.4rem;
    letter-spacing: 0.02rem;
    color: #888888;
}

.cq-game-item .btn {
    width: 1.31rem;
    height: 0.61rem;
    padding: 0 0 0 .57rem;
    background: var(--main-color) url(/uploads/image/tdcmaimg/cq-game-list-btn.png) no-repeat .26rem/.19rem .21rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.61rem;
    letter-spacing: 0.02rem;
    color: #333333;
}

.cq-news-list {
    padding: 0 .2rem;
    margin: .49rem 0 0;
}

.cq-news-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 .36rem;
    border-bottom: .01rem dashed #dcdcdc;
    margin: 0 0 .26rem;
}

.cq-news-item .text {
    width: 5.5rem;
    letter-spacing: 0.02rem;
}

.cq-news-item .title {
    margin-top: .03rem;
    font-size: 0.3rem;
}

.cq-news-item .info {
    margin-top: .27rem;
}

.cq-news-item .info span {
    margin-right: .6rem;
}

.cq-news-item .btn {
    width: 0.82rem;
    height: 0.82rem;
    background: url(/uploads/image/tdcmaimg/cq-news-list-btn.png) no-repeat center/contain;
}

.cq-common-game {
    padding: 0 .2rem;
    margin: .24rem 0 0;
}

.cq-common-game-list {
    margin: .28rem 0 .33rem;
}

.cq-common-gl {
    margin: .33rem 0 0;
}

.cq-common-gl-top {
    display: flex;
    justify-content: space-between;
    margin: .26rem 0 0;
}

.cq-common-gl-top img {
    width: 3.4rem;
    height: 2.03rem;
}

.cq-common-gl-list {
    margin: .31rem 0 0;
}

.cq-common-gl-list .cq-news-item:last-child {
    border: none;
    margin: 0;
}

.cq-common-video {
    padding: 0 .2rem;
    margin: .35rem 0 0;
}

.cq-common-video-top {
    display: block;
    width: 7.1rem;
    height: 3.09rem;
    border-radius: 0.15rem;
    margin: .36rem 0 0;
    position: relative;
    overflow: hidden;
}

.cq-common-video-top .icon {
    width: 100%;
    height: 100%;
}

.cq-common-video-top .play {
    width: 0.99rem;
    height: 0.99rem;
    background: url(/uploads/image/tdcmaimg/video-play.png) no-repeat center/contain;
    position: absolute;
    top: 1.02rem;
    left: 3.04rem;
}

.cq-common-video-top .info {
    width: 1.02rem;
    height: 0.42rem;
    background-color: rgba(51, 51, 51, .66);
    border-radius: 0.08rem;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.42rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    position: absolute;
    right: .19rem;
    bottom: .21rem;
}

.cq-common-video-list {
    margin: .34rem 0 .75rem;
}

.cq-common-video-item {
    margin: 0 0 .3rem;
    letter-spacing: 0.02rem;
}

.cq-common-video-item .type {
    width: 0.81rem;
    height: 0.41rem;
    border-radius: 0.04rem;
    border: solid 0.01rem #dcdcdc;
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #999999;
}

.cq-common-video-item .title {
    margin: 0 1rem 0 .2rem;
}

.cq-game-head {
    display: flex;
    flex-wrap: wrap;
    width: 7.1rem;
    height: 2.8rem;
    padding: .24rem 0 0;
    background-color: #fcf6ec;
    margin: .39rem auto 0;
}

.cq-game-head .icon {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
    margin: 0 0 0 .21rem;
}

.cq-game-head .text {
    width: 5.5rem;
    margin: 0 0 0 .18rem;
}

.cq-game-head .title {
    margin-top: .04rem;
    font-weight: bold;
    letter-spacing: 0.03rem;
}

.cq-game-head .info {
    display: flex;
    flex-wrap: wrap;
    margin-top: .07rem;
}

.cq-game-head .info span {
    min-width: 2.5rem;
    margin-top: .16rem;
    letter-spacing: 0.02rem;
    color: #666666;
}

.cq-game-head .dlbtn {
    width: 6.74rem;
    height: 0.78rem;
    background: url(/uploads/image/tdcmaimg/cq-dlbtn.png) no-repeat center/contain;
    margin: .29rem 0 0 .14rem;
}

.cq-game-content {
    padding: 0 .2rem .34rem;
    margin: .34rem 0 0;
}

.cq-game-swiper {
    margin: .34rem 0 .3rem;
}

.cq-game-swiper .swiper-slide {
    width: 2.72rem;
}

.cq-game-swiper .swiper-slide img {
    width: 100%;
    object-fit: contain;
}

.cq-game-content p {
    font-size: 0.26rem;
    line-height: 0.48rem;
    letter-spacing: 0.01rem;
    color: #666666;
}

.cq-common-more {
    margin: .3rem 0 0;
}

.cq-common-more-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .2rem 0 .14rem;
}

.cq-common-more-item {
    display: flex;
    align-items: center;
    width: 3.46rem;
    height: 1.47rem;
    padding: 0 .19rem;
    border: solid 0.01rem #eeeeee;
    margin-bottom: .2rem;
}

.cq-common-more-item .icon {
    width: 1rem;
    height: 1rem;
    border-radius: 0.1rem;
}

.cq-common-more-item .text {
    height: 1rem;
    margin-left: .22rem;
    letter-spacing: 0.02rem;
}

.cq-common-more-item .title {
    margin-top: .12rem;
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 1.3;
}

.cq-common-more-item .info {
    margin-top: .22rem;
}

.cq-common-new-news {
    margin: .29rem 0 0;
}

.cq-common-new-news .top-icon {
    width: 7.1rem;
    height: 3.48rem;
    margin: .3rem 0 .22rem;
}

.cq-common-new-news-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 .44rem;
    letter-spacing: 0.03rem;
}

.cq-common-new-news-item .title {
    width: 6rem;
}

.cq-news-head {
    padding: 0 0 .28rem;
    border-bottom: .01rem dashed #dcdcdc;
    margin: .65rem 0 0;
}

.cq-news-head h1 {
    text-align: center;
    font-size: 0.32rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.5rem;
    letter-spacing: 0.03rem;
    color: #333333;
}

.cq-news-head .info {
    margin-top: .32rem;
    text-align: center;
}

.cq-news-head .info span {
    margin: 0 .1rem;
    white-space: nowrap;
    font-size: 0.24rem;
    line-height: 0.3rem;
    letter-spacing: 0.02rem;
    color: #888888;
}

.cq-news-content {
    margin: .25rem 0 0;
}

.cq-news-content p {
    font-size: 0.26rem;
    line-height: 0.48rem;
    letter-spacing: 0.01rem;
    color: #666666;
}

.cq-news-content p img {
    display: block;
    width: 6.6rem;
    margin: .19rem auto;
}

.cq-news-game {
    width: 7.1rem;
    height: 1.53rem;
    padding: .23rem .2rem .19rem;
    background-color: #fcf6ec;
    margin: .25rem 0 .32rem;
    position: relative;
}

.cq-news-game .icon {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 0.2rem;
}

.cq-news-game .text {
    margin: 0 .18rem;
}

.cq-news-game .title {
    font-size: 0.26rem;
    font-weight: bold;
    letter-spacing: 0.03rem;
    line-height: 1.3;
}

.cq-news-game .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .09rem;
}

.cq-news-game .info span {
    min-width: 2.15rem;
    margin-top: .12rem;
}

.cq-news-game .btn {
    width: 0.6rem;
    height: 0.6rem;
    background: url(/uploads/image/tdcmaimg/cq-news-game-btn.png) no-repeat center/contain;
}

.cq-news-game .lable {
    width: 0.57rem;
    height: 0.42rem;
    background: url(/uploads/image/tdcmaimg/cq-news-game-lable.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 0;
}

.hide {
    display: none !important;
}


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


.album-flex .album-more {
    padding: 0;
    border-bottom: none;
}

.album-info {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.album-info p {
    display: block;
    width: 100%;
    font-size: .26rem;
    color: #666666;
    margin-top: .2rem;
    margin-bottom: .2rem;
}

#aq-model {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff url(/uploads/image/tdefault/404.png) no-repeat center;
}

.rank-new-list {
    background-color: #fff !important;
}

.rank-new {}

.rank-new-list .main-top {
    padding: 0.44rem 0 0.21rem;
}

.rank-new-list .bottom .bottom-item {
    position: relative;
}

.rank-new-list .bottom .bottom-item:nth-child(1)::before,
.rank-new-list .bottom .bottom-item:nth-child(2)::before,
.rank-new-list .bottom .bottom-item:nth-child(3)::before {
    content: '';
    display: inline-block;
    width: 0.41rem;
    height: 0.55rem;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%);
}

.rank-new-list .bottom .bottom-item:nth-child(1)::before {
    background: url(/uploads/image/tdcmaimg/rank-01.png) no-repeat center;
    background-size: cover;
}

.rank-new-list .bottom .bottom-item:nth-child(2)::before {
    background: url(/uploads/image/tdcmaimg/rank-02.png) no-repeat center;
    background-size: cover;
}

.rank-new-list .bottom .bottom-item:nth-child(3)::before {
    background: url(/uploads/image/tdcmaimg/rank-03.png) no-repeat center;
    background-size: cover;
}

.rank-new-list .bottom .bottom-item:nth-child(4) {
    border: none;
    text-align: left;
    padding: 0.25rem 0 0.25rem 0.2rem;
}

.rank-new-list .bottom .bottom-item:nth-child(4) img:nth-child(1),
.rank-new-list .bottom .bottom-item:nth-child(4) img:nth-child(2) {
    margin-bottom: 8px;
}

.rank-new-list .bottom .bottom-item:nth-child(4) img:nth-child(even) {
    margin-left: 8px;
}

.rank-new-list .bottom .bottom-item:nth-child(4) img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 10px;
}

.rank-new-show {
    background-color: #fff !important;
}

.rank-new-show .rank-new-nav {
    text-align: center;
    min-height: 1.8rem;
}

.rank-new-show .rank-new-nav .title {
    font-size: 0.34rem;
    letter-spacing: 2px;
    color: #666a9f;
    margin-top: 0.54rem;
    position: relative;
    font-weight: bold;
}

.rank-new-show .rank-new-nav .time span {
    background-color: #ffffff;
    border-radius: 0.25rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    letter-spacing: 1px;
    color: #666a9f;
    padding: 0 0.3rem;
    display: inline-block;
    margin-top: 0.44rem;
}

.rank-new-show .rank-new-nav .title::before {
    content: '';
    display: inline-block;
    width: 1.06rem;
    height: 0.23rem;
    background: url(/uploads/image/tdcmaimg/nav-title-left.png) no-repeat center/contain;
    position: absolute;
    top: 0.04rem;
    left: 0.15rem;
}

.rank-new-show .rank-new-nav .title::after {
    content: '';
    display: inline-block;
    width: 1.06rem;
    height: 0.23rem;
    background: url(/uploads/image/tdcmaimg/nav-title-right.png) no-repeat center/contain;
    position: absolute;
    top: 0.04rem;
    right: 0.15rem;
}

.main-rank-new {}

.main-rank-new-list {
    margin-top: 0.3rem;
}

.rank-new-down-list {
    background: none;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin: 0;
    height: auto;
    padding: 0.1rem 0.2rem;
}

.rank-new-down-list .album-details-item .btn {
    width: 0.78rem;
    height: 0.78rem;
    background: url(/uploads/image/tdcmaimg/down-list-btn.png) no-repeat center/contain;
    margin-bottom: 0.03rem;
}

.rank-new-down-list .album-details-item:last-child {
    border: none;
}

.rank-new-introduction .main-gl-top {
    border-bottom: none;
    padding-bottom: 0.15rem;
}

.rank-new-introduction .main-gl-top-item {
    position: relative;
}

.rank-new-introduction .main-gl-top-item .title {
    box-sizing: border-box;
    width: 100%;
    height: 0.59rem;
    padding: 0.17rem 0.8rem 0 0.2rem;
    background: rgba(51, 51, 51, .66);
    text-align: right;
    font-size: 0.26rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rank-new-introduction .main-gl-item {
    padding-left: 0.2rem;
}

.rank-new-introduction .main-gl-item::before {
    content: '';
    display: inline-block;
    width: 0.11rem;
    height: 0.11rem;
    background: var(--main-color);
    border-radius: 50%;
}

.rank-new-introduction .main-gl-item .title {
    flex: 1;
}

.rank-new-introduction .slot-text-slot>*:nth-child(1) {
    flex-grow: 1;
    overflow: hidden;
}

.rank-new-introduction .slot-text-slot>*:nth-child(2) {
    flex-grow: 0;
}
.hide {
	display: none;
}