.dynamic-index{width: 9.36rem;max-height: calc(100vh - 0.9rem);display: flex;flex-wrap: wrap;overflow-y: auto;padding-right: 0.18rem;}

.dynamic-title{width: 100%;font-size: 0.24rem;color: #a9bbce;display: flex;align-items: center;height: 0.46rem;justify-content: space-between;max-width: 9.27rem;}
.dynamic-title strong{display: flex;align-items: center;font-weight: normal;}
.dynamic-title strong::before{content: '';width: 0.02rem;height: 0.24rem;background: #ffcc33;margin-right: 0.09rem;}
.dynamic-title-more{color: #adc8db;font-size: 0.16rem;}
.dynamic-title-back,.comment-title-back{color: #adc8db;font-size: 0.16rem;width: 1.2rem;height: 0.32rem;background: rgba(69,85,102,0.6);text-align: center;line-height: 0.32rem;border: 0.01rem solid rgba(162,196,227,0.36);}
.comment-title-back{position: absolute;right: 0.05rem;top: 0.05rem;}

.dynamic-circle-items{overflow-x: auto;display: flex;align-items: center;line-height: 0.3rem;width: 9.34rem;background: rgba(17,21,27,0.25);padding: 0.13rem 0.13rem 0.13rem;box-sizing: border-box;}
.dynamic-circle-items li{width: 0.91rem;position: relative;margin-right: 0.11rem;text-align: center;color: #ffcc33;font-size: 0.16rem;}
.dynamic-circle-items li img{width: 0.91rem;height: 0.91rem;border: 0.01rem solid #7a8697;}
.dynamic-circle-items li p{width: 100%;background: rgba(0,0,0,0.5);height: 0.3rem;position: absolute;top: 0.62rem;left: 0.01rem;font-size: 0.18rem;color: #d1e8ff;text-align: center;}
.dynamic-circle-items span{height: 0.2rem;display: block;}

.dynamic-topic{width: 9.36rem;}
.dynamic-topic-list{
    column-count: 2;
    width: 9.3rem;
    height: auto;
}
.dynamic-topic-image{width: 4.46rem;height: 0.95rem;border-radius: 0.05rem;font-size: 0.14rem;color: #fff;position: relative;overflow: hidden;display: flex;align-items: center;margin-bottom: 0.1rem;-webkit-column-break-inside: avoid;}
.dynamic-topic-image strong{color: #fff;font-size: 0.2rem;margin-bottom: 0.03rem;display: block;}
.dynamic-topic-image img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.dynamic-topic-text{box-sizing: border-box;z-index: 2;position: relative;padding-left: 0.4rem;width: 100%;}
.viewNumText{width: 100%;position: absolute;left: 0;top: 0;z-index: 999;}
.dynamic-topic-icon{width:auto;height: 0.24rem;text-align: center;display: inline-block;background-image: linear-gradient(90deg, #fc7a69 0%, #e54138 100%);margin-right: 0.07rem;
    clip-path:inset(0 0 0 0 round 0.06rem 0 0.06rem 0);
    font-size: 0.13rem;
    padding: 0 0.1rem;
}

.topiclist-items{
    column-count: 2;
    width: 9.3rem;
    height: auto;
}
.dynamic-talent{width: 4.59rem;}
.dynamic-talent-items{height: 0.95rem;border-bottom:0.01rem solid rgba(145,157,171,0.5);background: rgba(17,21,27,0.25);display: flex;padding: 0.1rem 0.12rem 0;box-sizing: border-box;}
.dynamic-talent-items li{width: 0.58rem;margin-right: 0.17rem;}
.dynamic-talent-items li:last-child{margin: 0;}
.dynamic-talent-items li img{width: 0.58rem;height: 0.58rem;border-radius: 0.05rem;}
.dynamic-talent-items li p{color: #d1e8ff;font-size: 0.14rem;line-height: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dynamic-seach{height: 0.62rem;width: 9.34rem;background: rgba(17,21,27,0.25);margin-top: -0.15rem;padding: 0.14rem 0.26rem;box-sizing: border-box;display: flex;justify-content: center;}
.dynamic-seach input{width: 7.7rem;height: 0.34rem;;padding: 0;border:none;border-left: 0.02rem solid #e5383b;border-bottom: 0.01rem solid #758898;background: #212934;color: #fff;font-size: 0.18rem;text-indent: 0.1rem;}
.dynamic-seach a{width: 1.1rem;height: 0.35rem;background: #54667d;text-align: center;color: #d5e1ed;font-size: 0.2rem;line-height: 0.34rem;}
.dynamic-seach a i{margin-right: 0.1rem;}

.dynamic-talent-people {overflow-x: auto;width: 9.34rem;background: rgba(17,21,27,0.25);padding: 0.13rem 0.13rem 0.13rem;box-sizing: border-box;
    border-bottom: 0.01rem solid rgba(145,157,171,0.5);
}
.dynamic-talent-people ul{display: flex;align-items: center;line-height: 0.3rem;}
.dynamic-talent-people li{width: 0.91rem;position: relative;margin-right: 0.07rem;text-align: center;color: #ffcc33;font-size: 0.16rem;}
.dynamic-talent-people li img{width: 0.91rem;height: 0.85rem;border: 0.01rem solid #7a8697;}
.dynamic-talent-people li p{width: 100%;background: rgba(0,0,0,0.5);height: 0.3rem;position: absolute;top: 0.56rem;left: 0.01rem;font-size: 0.18rem;color: #d1e8ff;text-align: center;}

.dynamic-talent-video{width: 9.5rem;overflow-y: auto;height: calc(100vh - 2.25rem);margin-top: 0.1rem;}
.dynamic-talent-video ul{display: flex;flex-wrap: wrap;}
.dynamic-talent-video li{width: 3.04rem;height: 2.1rem;position: relative;margin: 0 0.11rem 0.11rem 0}
.dynamic-talent-video li::after{content: '';width: 0.5rem;height: 0.5rem;background: url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/play.png) no-repeat top / cover;position: absolute;top: 0.55rem;left: 1.25rem;}
.dynamic-talent-video li img{width: 3.04rem;height: 1.59rem;margin-bottom: 0.07rem;}
.dynamic-talent-video li span{position: absolute;top: 1.37rem;left: 0.07rem;color: #d1e8ff;font-size: 0.14rem;line-height: 0.14rem;}
.dynamic-talent-video li span i{margin-right: 0.05rem;}
.dynamic-talent-video li p{font-size: 0.18rem;color: #d1e8ff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dynamic-talent-video li:nth-child(3n){margin-right: 0;}

.dynamic-select{height: 0.34rem;width: 9.34rem;display: flex;justify-content:space-between;align-items: center;padding-bottom: 0.12rem;}
.dynamic-select-type{display: flex;}
.dynamic-select-type a{width: 0.98rem;height: 0.32rem;line-height: 0.32rem;color: #adc8db;font-size: 0.18rem;text-align: center;margin-right: 0.04rem;background: rgba(36,41,53,0.53);border: 0.01rem solid rgba(231,237,255,0.3);}
.dynamic-select-type a.on{color: #0d131c;background: #ffcc33;}
.dynamic-select-most{background: rgba(84,102,125,0.6);padding: 0.01rem;border: 0.01rem solid #758da4;display: flex;margin-left: 0.3rem;}
.dynamic-select-most a{width: 1.16rem;height: 0.3rem;line-height: 0.3rem;text-align: center;font-size: 0.18rem;color: #adc8db;}
.dynamic-select-most a.on{background: #9cb5c8;color: #000;font-weight: bold;}

.dynamic-video{width: 9.5rem;overflow-y: auto;height: calc(100vh - 1.35rem);}
.dynamic-video ul{display: flex;flex-wrap: wrap;}
.dynamic-video li{width: 3.05rem;position: relative;margin: 0 0.11rem 0.11rem 0;background: rgba(17,21,27,0.25);padding: 0.1rem;box-sizing: border-box;}
.dynamic-video li::after{content: '';width: 0.5rem;height: 0.5rem;background: url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/play.png) no-repeat top / cover;position: absolute;top: 0.55rem;left: 1.25rem;}
.dynamic-video-image{width: 2.83rem;height: 1.48rem;margin-bottom: 0.07rem;}
.dynamic-video-timer{position: absolute;top: 1.37rem;left: 0.15rem;color: #d1e8ff;font-size: 0.14rem;line-height: 0.14rem;}
.dynamic-video-title{font-size: 0.18rem;color: #d1e8ff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.dynamic-video-info{font-size: 0.13rem;display: flex;justify-content: space-between;color: #d1e8ff;padding-top: 0.05rem;}
.dynamic-video-info i{margin-right: 0.05rem;}
.dynamic-video li:nth-child(3n){margin-right: 0;}


.dynamic-creativity{max-height: calc(100vh - 0.9rem);width: 9.4rem;display: flex;flex-wrap: wrap;overflow-y: auto;padding-right: 0.14rem;overflow-x: hidden;}
.dynamic-creativity-swiper{width: 6.24rem;height: 2.66rem;margin: 0 0.1rem 0 0;}
.dynamic-creativity-swiper img{width: 6.24rem;height: 2.66rem;}
.dynamic-creativity-news{width: 3rem;height:2.66rem;}
.dynamic-creativity-news .dynamic-title{height: 0.28rem;}
.dynamic-creativity-news ul{line-height: 0.3rem;padding-top: 0.03rem;}
.dynamic-creativity-news li a{height: 0.3rem;display: flex;color: #d1e8ff;align-items: center;justify-content: space-between;}
.dynamic-creativity-news li p{font-size: 0.17rem;width: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dynamic-creativity-news li span{font-size: 0.16rem;}

.circle-all{width: 9.2rem;padding-left: 1.5rem;}
.circle-items{width: 9.35rem;display: flex;flex-wrap: wrap;max-height: calc(100vh - 1.85rem);overflow-y: auto;}
.circle-items li{width: 4.52rem;height: 1.22rem;background: rgba(17,21,27,0.6);position: relative;padding: 0.1rem 0.1rem 0.1rem 1.75rem;box-sizing: border-box;margin: 0 0.15rem 0.1rem 0;}
.circle-items li:nth-child(even){margin-right: 0;}
.circle-items li img{width: 1.56rem;height: 1.02rem;position: absolute;top: 0.1rem;left: 0.1rem;}
.circle-name{color: #d1e8ff;font-size: 0.17rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.circle-id{color: #d2dfeb;font-size: 0.16rem;border-bottom: 0.01rem solid #747e8c;padding-bottom: 0.08rem;margin-bottom: 0.08rem;}
.circle-info{display: flex;justify-content: space-between;font-size: 0.15rem;color: #d3dfeb;line-height: 0.2rem;}
.circle-info span{display: block;color: #d1e8ff;font-size: 0.17rem;}

.topic-all{width: 9.2rem;padding-left: 1.5rem;}
.topic-items{width: 9.35rem;max-height: calc(100vh - 1.85rem);overflow-y: auto;display: flex;flex-wrap: wrap;}
.topic-items .dynamic-topic-image{margin: 0 0.27rem 0.2rem 0;}
.topic-items .dynamic-topic-image:nth-child(even){margin-right: 0;}

.dynamic-hottest{width: 9.3rem; height: auto;display: flex;justify-content:space-between;}
.dynamic-hottest-inner{
    width:4.5rem;
}

.dynamic-hottest-items{width: 4.5rem;background: rgba(17,21,27,0.53);padding: 0.28rem 0.32rem 0;box-sizing: border-box;margin-bottom: 0.08rem;break-inside: avoid;}
.dynamic-hottest-items:last-child{margin-bottom: 0;}
.dynamic-hottest-title{line-height: 0.2rem;color: #fff;font-size: 0.16rem;text-align: justify;margin-bottom: 0.06rem;}
.dynamic-hottest-title a{color: #7ac8ff;padding: 0 0.03rem;}
.push{height: 0.16rem;
    /* background: #e54138;color: #fff; */
    padding: 0 0.03rem;line-height: 0.16rem;font-size: 0.12rem;display: inline-block;vertical-align: middle;margin-top: -0.02rem;}
.push img{height: 100%;}
.dynamic-hottest-all{height: 0.58rem;width: 4.5rem;background: rgba(17,21,27,0.53);margin-bottom: 0.08rem;}
.dynamic-hottest-one{width: 3.9rem;height: 1.76rem;}
.dynamic-hottest-one img{width: 3.8rem;height: 1.76rem; }
.dynamic-hottest-two{width: 3.8rem;height: 1.5rem;display: flex;justify-content: space-between;}
.dynamic-hottest-two img{width: 1.88rem; height: 1.5rem; }
.dynamic-hottest-three{width: 3.8rem;display: flex; flex-wrap: wrap;}
.dynamic-hottest-three img{width: 1.23rem;height: 1.13rem;margin:0 0.05rem 0.05rem 0;}
.dynamic-hottest-three img:nth-child(3n){margin-right: 0;}
.dynamic-hottest-timer{font-size: 0.12rem;color: #fff;line-height: 0.16rem;padding-top: 0.05rem;}
.dynamic-comment{padding: 0.15rem 0 0 0.3rem;}
.dynamic-comment-info{display: flex;justify-content:space-between;position: relative;color: #fff;line-height: 0.24rem;font-size: 0.14rem;}
.dynamic-comment-head{width: 0.24rem;height: 0.24rem;border-radius: 50%;position: absolute;top: 0;left: -0.3rem;}
.dynamic-comment-title{font-size: 0.12rem;color: #fff;text-align: justify;}
.dynamic-comment-great{font-size: 0.12rem;color: #fff;}
.dynamic-comment-great i{font-size: 0.16rem;margin-right: 0.03rem;}
.dynamic-comment-great.great-over{color: #ffcc33;}
.video-box{width: 3.9rem;height: 1.76rem;}
.dynamic-hottest-detail img{width: 100%;margin-bottom: 0.1rem;}
.nodata{
    text-align: center;font-size: 0.18rem;color: #fff;
    width: 4.5rem;
    background: rgba(17,21,27,0.53);
    padding: 0.28rem 0.32rem 0.28rem 0;
    box-sizing: border-box;
    break-inside: avoid;
}

.dynamic-user{position: relative;padding: 0.03rem 0 0.05rem 0.66rem;height: 0.5rem;}
.dynamic-user-head{width: 0.5rem;height: 0.5rem;position: absolute;top: 0;left: 0;}
.dynamic-user-head img{width: 0.5rem;height: 0.5rem;border-radius: 50%;}
.dynamic-user-head:after{content: '';width: 0.16rem;height: 0.16rem;position: absolute;bottom: -0.02rem;right: 0;}
.dynamic-user-head.male::after{background: url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/male.png) no-repeat top / cover;}
.dynamic-user-head.female::after{background: url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/female.png) no-repeat top / cover;}
.dynamic-user-name{color: #fff;font-size: 0.16rem;margin-bottom: 0.04rem;}
.dynamic-user-name.mt1{margin-top: 0.1rem;}
.dynamic-user-type{height: 0.16rem;font-size: 0.12rem;line-height: 0.16rem;background: #ffcc33;display: inline-block;vertical-align: top;padding: 0 0.05rem;}
.dynamic-user-timer{position: absolute;top: 0.15rem;right: 0;color: #fff;font-size: 0.14rem;}
.dynamic-comment-oper{height: 0.3rem;display: flex;justify-content: space-between;font-size: 0.12rem;background: rgba(17,21,27,0.25);margin: 0.2rem -0.32rem 0;}
.dynamic-comment-oper a,.dynamic-comment-oper p{color: #fff;text-align: center;width: 33.3%;height: 0.3rem;line-height: 0.3rem;border-right: 0.01rem solid rgba(222,230,233,0.25);}
.dynamic-comment-oper a:last-child,.dynamic-comment-oper p:last-child{border: none;}
.dynamic-comment-oper a i,.dynamic-comment-oper p i{font-size: 0.15rem;margin-right: 0.05rem;}
.dynamic-comment-oper a.great-over,.dynamic-comment-oper p.great-over{color: #ffcc33;}

.dynamic-hottest-all{display: flex;align-items: center;justify-content: space-between;padding: 0 0.1rem;box-sizing: border-box;}
.hottest-all-link{display: flex;align-items: center;}
.hottest-all-image{width: 0.44rem;height: 0.44rem;position: relative;margin-right: 0.1rem;}
.hottest-all-image span{width: 100%;height: 0.14rem;line-height: 0.14rem;position: absolute;bottom: 0;left: 0;font-size: 0.12rem;text-align: center;
    background-image: linear-gradient(45deg ,#f28735 0%, #e54138 50%, #ec6737 100%);color: #fff;
}
.hottest-all-image img{width: 0.44rem;height: 0.44rem;}
.hottest-all-title{max-width: 1.9rem;color: #d1e8ff;font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hottest-all-item{display: flex;align-items: center;padding-left: 0.1rem;}
.hottest-all-item img{width: 0.3rem;height: 0.3rem;box-shadow: -0.03rem 0 0.05rem rgba(0,0,0,0.7);margin-left: -0.1rem;border-radius: 0.05rem;}
.hottest-all-item img:first-child{box-shadow: 0 0 0 rgba(0,0,0,0.4);}
.hottest-all-more{color: #fac936;font-size: 0.12rem;margin-left: 0.1rem;}

.comment{width: 9.34rem;padding-left: 1.5rem;display: flex;justify-content: space-between;position: relative;}
.comment .dynamic-hottest-items{padding-bottom: 0.2rem;}
.comment .dynamic-comment{border-top: 0.01rem solid #757e8d;margin-top: 0.15rem;}
.comment-left{height: calc(100vh - 0.9rem);overflow-y: auto;}
.comment-right{width: 4.5rem;position: relative;}
.comment-menu{height: 0.46rem;line-height: 0.46rem;background: rgba(17,21,27,0.53);font-size: 0.2rem;margin-bottom: 0.15rem;display: flex;}
.comment-menu a{color: #adc8db;padding: 0 0.15rem;}
.comment-menu a.on{color: #e7ebee;text-decoration: underline;}
.comment-great{text-align: right;height: 0.2rem;line-height: 0.2rem;}
.comment-great a{color: #fac936;font-size: 0.12rem;}
.comment-great a i{font-size: 0.16rem;margin-right: 0.05rem;}
.comment-scroll{width: 4.5rem;height: calc(100vh - 2rem);overflow-y: auto;overflow-x: hidden;padding-right: 0.15rem;padding-bottom: 0.5rem;}
.comment-great-notes{width: 4.5rem;background: rgba(17,21,27,0.53);padding: 0.1rem 0.32rem;box-sizing: border-box;}
.comment-great-notes .dynamic-user{border-bottom: 0.01rem solid #767f8e;margin: 0.2rem 0;padding-bottom: 0.2rem;}
.comment-to-app{width: 100%;height: 0.5rem;display: flex;align-items: center;justify-content: flex-end;padding-right: 0.08rem;box-sizing: border-box;position: absolute;bottom: 0;left: 0;z-index: 9;}
.comment-to-app a{width: 2.7rem;height: 0.35rem;line-height: 0.35rem;background: #e9c44d;text-align: center;font-size: 0.18rem;color: #000;}

.topic{padding-left: 1.5rem;width: 9.34rem;display: flex;flex-wrap: wrap;max-height: calc(100vh - 0.9rem);overflow-y: auto;padding-right: 0.15rem;}
.topic-max{width: 4.52rem;margin-right: 0.25rem;}
.topic-max .dynamic-topic-image{width: 4.52rem;height: 1.32rem;}
.topic-content{width: 4.5rem;height: 1.92rem;background: rgba(17,21,27,0.53);color: #fff;padding: 0.13rem;box-sizing: border-box;}
.topic-content-type{height: 0.25rem;line-height: 0.25rem;background: #e54138;border-radius: 0.05rem;display: inline-block;vertical-align: top;font-size: 0.16rem;padding: 0 0.12rem;}
.topic-content-title{font-size: 0.22rem;padding: 0.05rem 0 0.07rem;line-height: 0.26rem;}
.topic-content-text{font-size: 0.16rem;height: 1rem;line-height: 0.2rem;overflow-y: auto;}

.to-app{height: 0.5rem;background: rgba(0,0,0,0.8);display: flex;align-items: center;justify-content: flex-end;padding-right: 0.08rem;box-sizing: border-box;margin-top: 0.1rem;}
.to-app a{width: 2.7rem;height: 0.35rem;line-height: 0.35rem;background: #e9c44d;text-align: center;font-size: 0.18rem;color: #000;}


.circle{padding-left: 1.5rem;width: 9.34rem;display: flex;flex-wrap: wrap;max-height: calc(100vh - 0.9rem);overflow-y: auto;padding-right: 0.15rem;}
.circle-max{width: 4.5rem;margin-right: 0.2rem;}
.circle-max-item{background: rgba(17,21,27,0.25);padding: 0 0.25rem;}
.circle-max-item a{line-height: 0.34rem;color: #d1e8ff;border-top: 0.01rem solid #778292;padding: 0 0.1rem 0 0.25rem;box-sizing: border-box;font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.circle-max-item a span{height: 0.18rem;background: #e54138;color: #fff;line-height: 0.18rem;font-size: 0.16rem;padding: 0 0.05rem;border-radius: 0.02rem;margin-right: 0.06rem;display: inline-block;vertical-align: middle;}
.circle-max-item a:first-child{border:none;}
.circle-max-title{background: rgba(17,21,27,0.6);padding: 0.1rem 0.1rem 0.1rem 1.75rem;position: relative;}
.circle-max-title img{width: 1.56rem;height: 1.02rem;position: absolute;left: 0.1rem;top: 0.1rem;}
.circle-content .dynamic-title{height: 0.24rem;margin-bottom: 0.08rem;}



.message{width: 9.34rem;padding-left: 1.5rem;display: flex;justify-content: space-between;padding-right: 0.15rem;}
.message-left{width: 4.5rem;max-height: calc(100vh - 0.94rem);overflow-y:auto;padding-right: 0.1rem;}
.message-right{width: 4.45rem;}

.message-user{width:3.4rem;position: relative;padding: 0.08rem 0.1rem 0.15rem 0.95rem;background: rgba(17,21,27,0.53);}
.message-user-head{width: 0.7rem;height: 0.7rem;position: absolute;top: 0.08rem;left: 0.15rem;}
.message-user-head img{width: 0.7rem;height: 0.7rem;border-radius: 50%;}
.message-user-head:after{content: '';width: 0.22rem;height: 0.22rem;position: absolute;bottom: -0.02rem;right: 0;}
.message-user-head.male::after{background: url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/male.png) no-repeat top / cover;}
.message-user-head.female::after{background: url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/female.png) no-repeat top / cover;}
.message-user-name{color: #fff;font-size: 0.2rem;}
.message-user-desc{color: #fff;font-size: 0.16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.message-user-info{color: #a9bbce;font-size: 0.16rem;display: flex;justify-content:space-between;}
.message-user-info span{color: #ffcc33;font-size: 0.18rem;}
.message-to-app{width: 100%;height: 0.5rem;background: rgba(0,0,0,0.8);display: flex;align-items: center;justify-content: flex-end;padding-right: 0.08rem;box-sizing: border-box;}
.message-to-app a{width: 2.7rem;height: 0.35rem;line-height: 0.35rem;background: #e9c44d;text-align: center;font-size: 0.18rem;color: #000;}

.message-data{background:url(//game.gtimg.cn/images/cfm/ingame/a20210712ingame/message-data.png) no-repeat 2.8rem bottom  / 1.43rem 1.86rem rgba(17,21,27,0.53);padding: 0.13rem;}
.message-data-rank{color: #ffcc33;font-size: 0.18rem;display: flex;align-items: center;}
.message-data-rank img{width: 0.59rem;height: 0.52rem;margin-right: 0.05rem;}
.message-data-quantity{color: #fff;font-size: 0.18rem;line-height: 0.3rem;padding-top: 0.1rem;}
.message-data-item{width: 2.1rem;display: flex;justify-content: space-between;font-size: 0.16rem;color: #8f9faf;line-height: 0.2rem;text-align: center;padding: 0.1rem 0;}
.message-data-item span{display: block;color: #ffcc33;font-size: 0.18rem;;}
.message-data-integral{display: flex;justify-content: space-between;width: 2.65rem;font-size: 0.16rem;color: #8f9faf;}
.message-data-integral span{color: #fff;}


.message-record li{height: 0.7rem;background: rgba(17,21,27,0.53);display: flex;align-items: center;padding: 0 0.18rem;position: relative;margin-bottom: 1px;}
.message-record-image{width: 0.95rem;height: 0.49rem;margin-right: 0.1rem;}
.message-record-info{width: 1.4rem;color: #9fb0c2;font-size: 0.14rem;}
.message-record-info strong{color: #d1e8ff;font-size: 0.2rem;line-height: 0.24rem;}
.message-record-kill{width: 0.5rem;text-align:center;color: #fff;font-size: 0.18rem;margin-right: 0.15rem;}
.message-record-ace{width: 0.36rem;height: 0.16rem;background: #ffcc33;border-radius: 0.05rem;text-align: center;font-size: 0.12rem;color: #333;}
.message-record-icon{color: #7f8c9b;font-size: 0.24rem;position: absolute;top: 50%;right: 0.1rem;margin-top: -0.12rem;}
.message-record-result{width: 0.29rem;height: 0.24rem;line-height: 0.24rem;color: #fff;border-radius: 0.06rem;font-size: 0.16rem;text-align: center;margin-right: 0.16rem;}
.message-record-result.win{background:#93cd47;}
.message-record-result.lose{background:#e54138;}


.message-nav{width: 4.5rem;height: 0.46rem;line-height: 0.46rem;display: flex;text-align: center;background: rgba(17,21,27,0.53);}
.message-nav li{width: 50%;font-size: 0.2rem;color: #e7ebee;}
.message-nav li.on{background: rgba(84,102,125,0.53);text-decoration: underline;}


.message-scroll{width:4.5rem;overflow-x: hidden;margin-top: 0.1rem;max-height: calc(100vh - 1.5rem);overflow-y:auto;padding-right: 0.15rem;}

.message-photo{width:4.5rem;background: rgba(17,21,27,0.53);}
.message-photo ul{display: flex;flex-wrap: wrap;padding: 0.1rem 0.1rem 0.04rem;}
.message-photo li{width: 1.38rem;height: 1.38rem;position: relative;margin: 0 0.07rem 0.07rem 0;}
.message-photo li:nth-child(3n){margin-right: 0;}
.message-photo-month{height: 0.4rem;line-height: 0.4rem;background: rgba(68,83,101,0.53);padding-left: 0.14rem;font-size: 0.16rem;color: #adc8db;}
.message-photo-image{width: 1.38rem;height: 1.38rem;}
.message-photo-title{width:100%;height:0.34rem;line-height: 0.34rem;font-size: 0.16rem;color: #adc8db;text-align: center;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.43);}

.topic-all-list{height: calc(100vh - 1.5rem);overflow-y: auto;width: 9.46rem;}