@charset "UTF-8";
@font-face {
  font-family: "iconfont"; /* Project id 5001124 */
  src: url("https://game.gtimg.cn/images/fz/cp/a20250320LA/font/iconfont.woff2") format("woff2"), url("https://game.gtimg.cn/images/fz/cp/a20250320LA/font/iconfont.woff") format("woff"), url("https://game.gtimg.cn/images/fz/cp/a20250320LA/font/iconfont.ttf") format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-share:before, .header .right .share-box .icon-share:before {
  content: "\e7e7";
}

.icon-dialog:before, .page2-list .tab1-content-list .strategy-data .icon-box .icon-comment:before, .page4-detail .bottom-input .detail-data .icon-comment:before {
  content: "\e61b";
}

.icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before {
  content: "\e7c9";
}

.icon-unlike-fill:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .unlike-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .like-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comment-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .like-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comment-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .unlike-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box.active .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box.active .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box.active .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box.active .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box.active .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box.active .like-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box.active .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .comment-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box.active .icon-unlike:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .like-box.active .page4-detail .bottom-input .detail-data .unlike-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .like-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .unlike-box.active .page4-detail .bottom-input .detail-data .like-box .icon-unlike:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-unlike:before, .comments .comment-item .comment .comment-bottom .right .unlike-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-unlike:before {
  content: "\e86b";
}

.icon-right:before, .page2-list .data-pager #pageNext .icon-right:before {
  content: "\e7eb";
}

.icon-left:before, .page2-list .data-pager #pagePrev .icon-left:before {
  content: "\e7ec";
}

.icon-eye:before {
  content: "\e78f";
}

.icon-like:before, .page4-detail .bottom-input .detail-data .like-box .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before {
  content: "\e7c8";
}

.icon-heart:before {
  content: "\e7df";
}

.icon-heart-fill:before {
  content: "\e849";
}

.icon-eye-fill:before {
  content: "\e869";
}

.icon-like-fill:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .unlike-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .like-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comment-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .like-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comment-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .unlike-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .comment-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page2-list .tab1-content-list .strategy-data .icon-box.active .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .page2-list .tab1-content-list .strategy-data .icon-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box.active .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box.active .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box.active .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box.active .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box.active .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box.active .comments .comment-item .comment .comment-bottom .right .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box.active .like-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box.active .like-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box.active .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .comment-box.active .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box.active .icon-like:before, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .like-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .like-box.active .page4-detail .bottom-input .detail-data .unlike-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .like-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-like:before, .comments .comment-item .comment .comment-bottom .right .unlike-box.active .page4-detail .bottom-input .detail-data .like-box .icon-like:before, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .unlike-box.active .icon-like:before, .comments .comment-item .comment .comment-bottom .right .unlike-box.active .page4-detail .bottom-input .detail-data .comment-box .icon-like:before {
  content: "\e86a";
}

.icon-time-circle:before {
  content: "\e784";
}

.icon-reloadtime:before {
  content: "\e789";
}

.icon-time-circle-fill:before {
  content: "\e848";
}

.icon-fire:before {
  content: "\e842";
}

.icon-fire-fill:before {
  content: "\e866";
}

.component8 .component8-textarea-box textarea, .component6 textarea {
  overflow-x: hidden;
  overflow-y: auto;
}
.component8 .component8-textarea-box textarea::-webkit-scrollbar, .component6 textarea::-webkit-scrollbar {
  width: 0.08rem;
  height: 0.08rem;
}
.component8 .component8-textarea-box textarea::-webkit-scrollbar-thumb, .component6 textarea::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d6a738), to(#f6d380));
  background-image: linear-gradient(to bottom, #d6a738, #f6d380);
}
.component8 .component8-textarea-box textarea::-webkit-scrollbar-track, .component6 textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: 0 0 0 1px rgba(134, 120, 95, 0.46) inset;
          box-shadow: 0 0 0 1px rgba(134, 120, 95, 0.46) inset;
  background-color: rgba(79, 70, 51, 0.8);
}

[v-cloak] {
  display: none;
}

.wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-top: 1.14rem;
  padding-bottom: 0.9rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/m/bg.png), url(https://game.gtimg.cn/images/fz/cp/a20250320LA/m/bg-bottom.jpg) repeat;
  background-position: center top, center bottom;
  background-size: 100% auto;
  background-color: #0d0e10;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrap *,
.wrap ::before,
.wrap ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.wrap.is-app {
  padding-top: 1.74rem;
}
.wrap.is-app .header {
  height: 1.74rem;
}
.wrap.is-app .header .right .share-box {
  display: block;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 1.14rem;
  background-color: #2d2b27;
}
.header .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.14rem;
}
.header .left {
  position: absolute;
  height: 100%;
  left: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.header .left .icon-back {
  width: 0.17rem;
  height: 0.28rem;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/m/icon-back.png);
}
.header .logo-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  line-height: 1.14rem;
  height: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 0.34rem;
  color: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fdf6e7), to(#ebcd91));
  background: linear-gradient(to bottom, #fdf6e7, #ebcd91);
  -webkit-background-clip: text;
  background-clip: text;
}
.header .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 100%;
  right: 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.header .right .share-box {
  display: none;
  width: 0.34rem;
  height: 0.34rem;
  font-size: 0.34rem;
  color: #ffe4a9;
}
.header .right .share-box .icon-share {
  font-family: "iconfont";
  font-style: normal;
}

.page-inner {
  position: relative;
  width: 6.9rem;
  margin: 0 auto;
}
.page-inner .liupai {
  margin-bottom: 0.15rem;
}

.page-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 0.4rem;
  margin: 0.6rem 0;
}
.page-tool .base-button {
  position: relative;
  min-width: 1.5rem;
  height: 0.4rem;
  line-height: 0.41rem;
  padding: 0 0.3rem;
  font-size: 0.2rem;
  color: #3c2200;
  text-align: center;
  background-image: -webkit-gradient(linear, left bottom, right top, from(#fbd686), to(#ffe3b7));
  background-image: linear-gradient(to right top, #fbd686, #ffe3b7);
}
.page-tool .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.15rem;
}

/* 模块tab通用样式 */
.component-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.22rem;
  text-align: center;
  color: #8a7a5a;
  background-color: #221c11;
}
.component-tabs .tab-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #63615e;
  text-align: center;
  color: #8a7a5a;
  cursor: pointer;
  font-family: "fzltc", "Helvetica", "Arial";
}
.component-tabs .tab-item.active {
  border: 1px solid #f2e9c3;
  color: #f2e9c3;
  background-color: #342b1b;
}
.component-tabs .tab-item .close-btn-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.3rem;
  width: 0.35rem;
}
.component-tabs .tab-item .close-tab-icon {
  position: absolute;
  top: 50%;
  right: 0.15rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.component-tabs .add-tab-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #5a5856;
  border-left-color: transparent;
  cursor: pointer;
  font-family: "fzltc", "Helvetica", "Arial";
}
.component-tabs .tab-name-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-shadow: 0 0 0 1px #5a5856 inset;
          box-shadow: 0 0 0 1px #5a5856 inset;
  background-color: #342b1b;
}
.component-tabs .tab-name-edit input {
  width: 100%;
  height: 100%;
  padding: 0 0.25rem;
  border: 1px solid #63615e;
  font-size: 0.22rem;
  color: #f2e9c3;
  background-color: transparent;
}
.component-tabs .tab-name-edit input::-webkit-input-placeholder {
  color: #f2e9c3;
}
.component-tabs .tab-name-edit input::-moz-placeholder {
  color: #f2e9c3;
}
.component-tabs .tab-name-edit input:-ms-input-placeholder {
  color: #f2e9c3;
}
.component-tabs .tab-name-edit input::-ms-input-placeholder {
  color: #f2e9c3;
}
.component-tabs .tab-name-edit input::placeholder {
  color: #f2e9c3;
}
.component-tabs .tab-name-edit input:focus {
  border: 1px solid #f2e9c3;
}
.component-tabs .tab-name-edit span {
  position: absolute;
  top: 50%;
  right: 0.25rem;
  color: #f2e9c3;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* 通用样式 */
.component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-family: "fzltc", "Helvetica", "Arial";
  font-size: 0.16rem;
  background-color: #212121;
  -webkit-box-shadow: 0 0 0 1px #63615e inset;
          box-shadow: 0 0 0 1px #63615e inset;
}
.component + .component {
  margin-top: 1rem;
}

.component-title {
  position: absolute;
  bottom: calc(100% + 0.15rem);
  left: 0;
  line-height: 1;
  font-weight: bold;
  font-size: 0.26rem;
  color: #f9fae6;
}

.component-icon-close {
  display: block;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/component-icon-close.png) no-repeat center;
  background-size: 100% 100%;
  width: 0.14rem;
  height: 0.14rem;
}

.component-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
  color: #b2a47f;
}
.component-content > span {
  font-size: 0.2rem;
}

.component-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.component-center > span {
  font-size: 0.2rem;
}

.component-icon-jia {
  line-height: 0.2rem;
  font-size: 0.24rem !important;
  font-family: "fzltc", "Helvetica", "Arial";
}

.component-panel {
  position: relative;
  width: 6.9rem;
  margin: 0 auto;
}

.component1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.3rem;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.component1 .input-box {
  position: relative;
  width: 6.9rem;
  height: 0.5rem;
  margin: 0 auto;
}
.component1 .input-box + .input-box {
  margin-top: 0.15rem;
}
.component1 .input-box input {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0.2rem;
  border: 1px solid #50514e;
  font-family: "fzltc", "Helvetica", "Arial";
  font-size: 0.2rem;
  color: #878273;
  background-color: #121212;
  border: 1px solid #63615e;
  background-color: #212121;
}
.component1 .input-box input::-webkit-input-placeholder {
  color: #878273;
}
.component1 .input-box input::-moz-placeholder {
  color: #878273;
}
.component1 .input-box input:-ms-input-placeholder {
  color: #878273;
}
.component1 .input-box input::-ms-input-placeholder {
  color: #878273;
}
.component1 .input-box input::placeholder {
  color: #878273;
}
.component1 .input-box input:focus {
  border: 1px solid #f2e9c3;
}
.component1 .input-box span {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  font-size: 0.18rem;
  line-height: 0.18rem;
  color: #b2a47f;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.component1 .component1-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.15rem;
}
.component1 .component1-top .article-title {
  line-height: 1;
  font-weight: bold;
  font-size: 0.26rem;
  color: #f9fae6;
}
.component1 .component1-top .article-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.component1 .component1-top .article-view div + div {
  margin-left: 0.15rem;
}
.component1 .component1-bottom {
  position: relative;
}
.component1 .component1-bottom .article-desc {
  position: relative;
  min-height: 1.2rem;
  line-height: 1.4;
  padding: 0.15rem;
  border: 1px solid #50514e;
  font-size: 0.22rem;
  letter-spacing: 1px;
  color: #c8b58d;
  background-color: #212121;
}

.component2 {
  min-height: 3rem;
}
.component2 .component-card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.component2 .component-add-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.25rem 0.1rem;
}
.component2 .component-add-info:not(:first-of-type) {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.component2 .component-add-info.info-1 {
  color: #e8d784;
}
.component2 .component-add-info.info-1 .component-add-list {
  margin: 0 auto;
}
.component2 .component-add-info.info-1 .component-add-desc {
  color: #e8d784;
}
.component2 .component-add-info.info-2 {
  color: #84d6e8;
}
.component2 .component-add-info.info-2 .component-add-desc {
  color: #84d6e8;
}
.component2 .component-add-info.info-3 {
  color: #cce884;
}
.component2 .component-add-info.info-3 .component-add-desc {
  color: #cce884;
}
.component2 .component-add-name {
  line-height: 1;
  margin-bottom: 0.15rem;
  font-size: 0.2rem;
  text-align: center;
  font-family: "fzltc", "Helvetica", "Arial";
}
.component2 .component-add-list {
  position: relative;
}
.component2 .component-add-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.18rem;
}
.component2 .component-add-list li:empty {
  display: none;
}
.component2 .component-add-list li .max {
  color: #f3d363;
}
.component2 .component-add-img {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.45rem;
          flex: 0 0 0.45rem;
  width: 0.45rem;
  height: 0.45rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png) no-repeat center;
  background-size: cover;
}
.component2 .component-add-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.component2 .component-add-level {
  margin-top: 0.05rem;
  color: #bcc5cc;
}
.component2 .component-add-desc {
  line-height: 1;
}

.component3 {
  position: relative;
  min-height: 3rem;
}
.component3 .ky-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  position: relative;
  width: 100%;
  padding-top: 0.3rem;
}
.component3 .ky-list + .ky-list {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.component3 .ky-list.list-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.2rem;
          flex: 0 0 2.2rem;
  height: 2.2rem;
}
.component3 .ky-list.list-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2rem;
          flex: 0 0 2rem;
  height: 2rem;
}
.component3 .ky-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.component3 .ky-list li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.05rem;
  font-size: 0.16rem;
  color: #d3dee6;
}
.component3 .ky-list li p span {
  line-height: 1;
  margin-top: 0.05rem;
  font-size: 0.2rem;
  color: #c8b58d;
}
.component3 .ky-list li p i {
  display: none;
}
.component3 .ky-list li p .stone {
  display: none;
}
.component3 .ky-list .tag {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.35rem;
  line-height: 0.33rem;
  padding: 0 0.2rem;
  border: 1px solid #63615e;
  font-size: 0.18rem;
  color: #a29374;
  background-color: #171717;
}
.component3 .component3-skill-box {
  position: relative;
  width: 0.9rem;
  height: 0.9rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png) no-repeat center;
  background-size: cover;
}
.component3 .component3-skill-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.component3 .component3-skill-box span {
  display: none;
}

.component4 {
  position: relative;
  min-height: 3rem;
}
.component4 .component4-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.15rem 0;
  font-family: "fzltc", "Helvetica", "Arial";
}
.component4 .component4-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  line-height: 0.3rem;
  font-size: 0.22rem;
  letter-spacing: 0.006rem;
  color: #c8b58d;
}
.component4 .component4-info-list li:not(:first-of-type) {
  margin-top: 0.15rem;
}
.component4 .component4-info-list div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.component4 .component4-info-list div:nth-of-type(1) {
  text-align: center;
}
.component4 .component4-info-list div:nth-of-type(2) {
  padding-left: 0.15rem;
}

.component5 {
  position: relative;
  min-height: 2.8rem;
}
.component5 .component-card-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.component5 .component-content,
.component5 .component5-card-item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 2.33rem;
  padding: 0.2rem;
}
.component5 .component-content + .component-content, .component5 .component-content + .component5-card-item,
.component5 .component5-card-item + .component-content,
.component5 .component5-card-item + .component5-card-item {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.component5 .component-content .component-icon-close,
.component5 .component5-card-item .component-icon-close {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
}
.component5 .component5-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0.2rem auto 0;
  height: 0.2rem;
}
.component5 .component5-card-content p:first-child {
  line-height: 1;
  font-weight: bold;
  font-size: 0.2rem;
  color: #c0ae88;
}
.component5 .component5-card-content p:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.03rem;
  font-size: 0.2rem;
  color: #a29374;
}
.component5 .component5-card-content p {
  padding: 0 0.03rem;
}
.component5 .component5-card-content p + p {
  margin-top: 0rem;
}
.component5 .component5-card-content span:last-child {
  display: none;
}
.component5 .component5-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.component5 .component5-card-list li {
  width: 1rem;
  height: 1.5rem;
}
.component5 .component5-card-list li:not(:first-of-type) {
  margin-left: 0.1rem;
}
.component5 .component5-card-list li img {
  display: block;
  width: 100%;
}
.component5 .component5-card-list .card-item {
  position: relative;
  padding: 0.03rem;
}
.component5 .component5-card-list .card-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}
.component5 .component5-card-list .card-item.level-0::before {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/pop/card_level_0.png);
}
.component5 .component5-card-list .card-item.level-1::before {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/pop/card_level_1.png);
}
.component5 .component5-card-list .card-item.level-2::before {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/pop/card_level_2.png);
}
.component5 .component5-card-list .card-item.level-3::before {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/pop/card_level_3.png);
}
.component5 .component5-card-list .card-item.level-4::before {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/pop/card_level_4.png);
}
.component5 .component5-card-list .card-baoshi-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.05rem;
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.component5 .component5-card-list .card-baoshi-box .icon-baoshi-y1 {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.component5 .component5-card-list .card-baoshi-box .icon-baoshi-y1.active {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.component6 {
  position: relative;
  height: 3.4rem;
}
.component6 .textarea-text {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  padding: 0.15rem;
  font-size: 0.22rem;
  color: #c8b58d;
  background-color: transparent;
  resize: none;
  border: none;
  letter-spacing: 1px;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.component6 .component-content {
  height: 100%;
  padding-bottom: 0.5rem;
}
.component6 textarea {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  padding: 0.2rem;
  font-size: 0.2rem;
  color: #878273;
  background-color: transparent;
  resize: none;
  border: none;
  letter-spacing: 1px;
}
.component6 textarea::-webkit-input-placeholder {
  color: #b2a47f;
}
.component6 textarea::-moz-placeholder {
  color: #b2a47f;
}
.component6 textarea:-ms-input-placeholder {
  color: #b2a47f;
}
.component6 textarea::-ms-input-placeholder {
  color: #b2a47f;
}
.component6 textarea::placeholder {
  color: #b2a47f;
}
.component6 span {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  line-height: 1;
  font-size: 0.2rem;
  color: #878273;
}

.component7 {
  position: relative;
  min-height: 4.5rem;
}
.component7 .component-content {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.component7 .component7-list {
  position: relative;
  width: 100%;
}
.component7 .component7-list li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.2rem;
  min-height: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: auto;
}
.component7 .component7-list-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.component7 .component7-list-bottom {
  margin-top: 0.2rem;
}
.component7 .component7-skill-box1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.75rem;
}
.component7 .component7-skill-box1 .component7-skill-box1-img {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  border: 0.02rem solid #e8d784;
}
.component7 .component7-skill-box1 .component7-skill-box1-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.component7 .component7-skill-box1 .component7-skill-box1-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.1rem;
}
.component7 .component7-skill-box1 .component7-skill-box1-info .name {
  line-height: 1;
  font-size: 0.18rem;
  color: #c8b58d;
}
.component7 .component7-skill-box1 .component7-skill-box1-info .level {
  line-height: 1;
  margin-top: 0.15rem;
  font-size: 0.18rem;
  color: #c8b58d;
}
.component7 .component7-skill-box2 {
  position: relative;
}
.component7 .component7-skill-box2 .component7-skill-box2-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(1) {
  width: 2.75rem;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(1) .talent-level {
  color: #59a0c9;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(1) .component7-skill-talent-level {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/component7-skill-talent-level-1.png);
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(2) .talent-level {
  color: #8dba45;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(2) .component7-skill-talent-level {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/component7-skill-talent-level-2.png);
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(3) {
  width: 1.46rem;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(3) .talent-level {
  color: #c3a217;
}
.component7 .component7-skill-box2 .component7-skill-box2-item:nth-of-type(3) .component7-skill-talent-level {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/component7-skill-talent-level-3.png);
}
.component7 .component7-skill-box2 .component7-skill-box2-img {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png) no-repeat center;
  background-size: cover;
}
.component7 .component7-skill-box2 .component7-skill-box2-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.component7 .component7-skill-box2 .component7-skill-box2-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0.1rem;
}
.component7 .component7-skill-box2 .component7-skill-box2-info .name {
  line-height: 1;
  font-size: 0.18rem;
  color: #c8b58d;
}
.component7 .component7-skill-box2 .component7-skill-box2-info .level {
  line-height: 1;
  margin-top: 0.15rem;
  font-size: 0.18rem;
  color: #c8b58d;
}
.component7 .component7-skill-box2 .component7-skill-talent-level {
  position: absolute;
  bottom: 0.03rem;
  right: -0.05rem;
  width: 0.27rem;
  height: 0.27rem;
  line-height: 0.27rem;
  font-size: 0.14rem;
  text-align: center;
  color: #f2e8d3;
}
.component7 .component7-skill-box3 {
  width: 1.48rem;
  height: 0.54rem;
}
.component7 .component7-skill-box3 .component7-skill-box3-img {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png) no-repeat center;
  background-size: cover;
}
.component7 .component7-skill-box3 .component7-skill-box3-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.component7 .component7-skill-box4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.component7 .component7-skill-box4 .component7-skill-box4-img {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png) no-repeat center;
  background-size: cover;
}
.component7 .component7-skill-box4 .component7-skill-box4-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.component7 .component7-skill-box4 .fw-name {
  line-height: 1;
  margin-left: 0.1rem;
  font-size: 0.18rem;
  text-align: center;
  color: #c8b58d;
}
.component7 .component7-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  min-height: 1rem;
}
.component7 .component7-bottom .component7-bottom-img {
  position: relative;
  width: 0.64rem;
  height: 0.64rem;
}
.component7 .component7-bottom .component7-bottom-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.component7 .component7-bottom .component7-bottom-desc {
  text-align: center;
  max-width: 1rem;
}
.component7 .component7-bottom .component7-bottom-desc p:first-child {
  line-height: 1;
  font-weight: bold;
  font-size: 0.18rem;
  color: #e6f2fa;
}
.component7 .component7-bottom .component7-bottom-desc p:last-child {
  line-height: 1.2;
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: #bcc5cc;
}

.component8 {
  position: relative;
  min-height: 3.3rem;
}
.component8 .component-title input {
  width: 100%;
  height: 100%;
  padding: 0 0.25rem;
  border: none;
  font-size: 0.12rem;
  color: #fff;
  background-color: transparent;
}
.component8 .component-title input:focus {
  border: 1px solid #f2e9c3;
}
.component8 .component8-textarea-box {
  position: relative;
  height: 2.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 0.5rem;
}
.component8 .component8-textarea-box span {
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  line-height: 1;
  font-size: 0.2rem;
  color: #878273;
}
.component8 .component8-textarea-box textarea {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  padding: 0.2rem;
  font-size: 0.2rem;
  color: #878273;
  background-color: transparent;
  resize: none;
  border: none;
  letter-spacing: 1px;
}
.component8 .component8-textarea-box textarea::-webkit-input-placeholder {
  color: #878273;
}
.component8 .component8-textarea-box textarea::-moz-placeholder {
  color: #878273;
}
.component8 .component8-textarea-box textarea:-ms-input-placeholder {
  color: #878273;
}
.component8 .component8-textarea-box textarea::-ms-input-placeholder {
  color: #878273;
}
.component8 .component8-textarea-box textarea::placeholder {
  color: #878273;
}
.component8 .skill-content {
  width: 100%;
}
.component8 .skill-box {
  position: relative;
  width: 100%;
  padding: 0.2rem;
}
.component8 .component8-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.component8 .component8-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.component8 .component8-info-list li:not(:last-of-type) .skill-item::before {
  display: block;
}
.component8 .component8-info-list li:last-of-type .skill-item:last-of-type::before {
  display: none;
}
.component8 .component8-skill-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: auto;
  margin: auto;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.component8 .component8-skill-box .component8-skill-img {
  width: 0.86rem;
  height: 0.86rem;
  margin: 0 auto;
  border: 0.02rem solid #e8d784;
}
.component8 .component8-skill-box .component8-skill-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.component8 .component8-skill-box .component8-skill-name {
  height: 0.45rem;
  line-height: 0.24rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  font-size: 0.18rem;
  color: #c0ae88;
  text-align: center;
}
.component8 .component8-skill-box .component8-skill-name.long {
  max-width: 0.86rem;
  height: auto;
  text-align: left;
}
.component8 .component8-skill-tag {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.05rem;
  border: 1px solid rgba(203, 230, 249, 0.25);
  font-size: 0.18rem;
  text-align: center;
  color: #c0ae88;
  background-color: #342b1b;
}
.component8 .component8-info-desc-box {
  width: 100%;
  min-height: 1.35rem;
  margin: 0rem auto;
}
.component8 .component8-info-desc-box .component8-info-desc-title {
  height: 0.58rem;
  line-height: 0.58rem;
  border: 1px solid #63615e;
  font-size: 0.2rem;
  text-align: center;
  color: #f2e9c3;
  background-color: #221c11;
}
.component8 .component8-info-desc {
  width: 100%;
  height: 1.1rem;
  line-height: 1.5;
  font-size: 0.12rem;
  color: #878273;
  white-space: pre-wrap;
  letter-spacing: 1px;
}
.component8 .textarea-text {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  padding: 0.2rem;
  font-size: 0.22rem;
  color: #c8b58d;
  background-color: transparent;
  resize: none;
  border: none;
  letter-spacing: 1px;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.skill-box .component8-skill-box {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  width: auto;
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.skill-box {
  width: 100%;
}
.skill-box .component8-draggable-wrapper .skill-item:last-of-type, .skill-box .component8-draggable-wrapper .skill-item.dragging {
  margin-right: 0;
}
.skill-box .component8-draggable-wrapper .skill-item:last-of-type::before, .skill-box .component8-draggable-wrapper .skill-item.dragging::before {
  display: none !important;
}
.skill-box .skill-item {
  margin-left: 0;
  position: relative;
}
.skill-box .skill-item::before {
  content: "";
  position: absolute;
  top: 0.35rem;
  left: calc(100% + 0.2rem);
  width: 0.12rem;
  height: 0.17rem;
  background-image: url("https://game.gtimg.cn/images/fz/cp/a20250320LA/m/icon666.png");
}

.page2-list {
  padding-bottom: 0.5rem;
}
.page2-list .base-button {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.1rem);
  z-index: 9;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page2-list .variety-desc-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9;
}
.page2-list .variety-desc-box .icon-variety {
  width: 0.28rem;
  height: 0.32rem;
}
.page2-list .variety-desc-box .icon-variety img {
  display: block;
  width: 100%;
}
.page2-list .variety-desc-box .variety-desc-name {
  height: 0.32rem;
  margin-left: 0.1rem;
  font-family: "fzdlthj";
  font-weight: 500;
  font-size: 0.3rem;
  color: #fff;
  color: rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, from(#fdf6e7), to(#ebcd91));
  background: linear-gradient(to bottom, #fdf6e7, #ebcd91);
  -webkit-background-clip: text;
  background-clip: text;
}
.page2-list .tab1-content {
  position: relative;
  z-index: 9;
  margin-top: 0.3rem;
}
.page2-list .tab-list-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page2-list .icon-menu {
  line-height: 0.22rem;
  padding-left: 0.4rem;
  font-size: 0.22rem;
  white-space: nowrap;
  color: #ecda9c;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/m/icon-menu.png);
  background-size: 0.24rem 0.19rem;
  background-position: left center;
  margin-bottom: 0.1rem;
}
.page2-list .tab1-content-top {
  position: relative;
  margin-bottom: 0.1rem;
}
.page2-list .tab1-content-top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.05rem;
  font-size: 0.23rem;
  color: #9baab2;
  cursor: pointer;
}
.page2-list .tab1-content-top > div.active {
  color: #ecda9c;
}
.page2-list .tab1-content-top > div.active .icon-hot {
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-hot-active.png) no-repeat center center;
  background-size: 100% 100%;
}
.page2-list .tab1-content-top > div.active .icon-time {
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-time-active.png) no-repeat center center;
  background-size: 100% 100%;
}
.page2-list .tab1-content-top .icon-hot {
  display: block;
  width: 0.17rem;
  height: 0.23rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-hot.png) no-repeat center center;
  background-size: 100% 100%;
}
.page2-list .tab1-content-top .icon-time {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-time.png) no-repeat center center;
  background-size: 100% 100%;
}
.page2-list .tab1-content-list > li {
  position: relative;
  width: 6.91rem;
  height: 2.79rem;
  margin: 0 auto;
  padding: 0 0.2rem;
  background-color: #212121;
}
.page2-list .tab1-content-list > li:not(:first-of-type) {
  margin-top: 0.25rem;
}
.page2-list .tab1-content-list > li:hover::after {
  border-color: #ffedd5;
  background-image: none;
}
.page2-list .tab1-content-list > li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #333;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  pointer-events: none;
}
.page2-list .tab1-content-list .backdrop-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.page2-list .tab1-content-list .backdrop-image.backdrop-1 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-1.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-2 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-2.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-3 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-3.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-4 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-4.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-5 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-5.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-6 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-6.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-7 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-7.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-8 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-8.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-9 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-9.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-10 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-10.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-11 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-11.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-12 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-12.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-13 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-13.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-14 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-14.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-15 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-15.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-16 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-16.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-17 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-17.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-18 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-18.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-19 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-19.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-20 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-20.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-21 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-21.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-22 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-22.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-23 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-23.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-24 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-24.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-25 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-25.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-26 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-26.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-27 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-27.jpg);
}
.page2-list .tab1-content-list .backdrop-image.backdrop-28 {
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/list-backdrop/m/backdrop-28.jpg);
}
.page2-list .tab1-content-list .info-panel {
  position: relative;
  overflow: hidden;
}
.page2-list .tab1-content-list .panel-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 0.24rem;
  margin-top: 0.24rem;
}
.page2-list .tab1-content-list .panel-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 1.15rem;
  margin-top: 0.25rem;
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem;
}
.page2-list .tab1-content-list .panel-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 0.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.page2-list .tab1-content-list .article-title {
  line-height: 1;
  font-size: 0.24rem;
  color: #fbf8db;
}
.page2-list .tab1-content-list .article-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page2-list .tab1-content-list .article-view div + div {
  margin-left: 0.15rem;
}
.page2-list .tab1-content-list .talent-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  width: 2.8rem;
  gap: 0.08rem;
  height: 100%;
}
.page2-list .tab1-content-list .talent-list li {
  position: relative;
  width: 0.48rem;
}
.page2-list .tab1-content-list .talent-list li:not(:nth-of-type(5n)) {
  margin-right: 0.15rem;
}
.page2-list .tab1-content-list .tab1-talent-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.page2-list .tab1-content-list .tab1-talent-box .tab1-talent-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.48rem;
          flex: 0 0 0.48rem;
  width: 0.48rem;
  height: 0.48rem;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png);
  background-size: 100% auto;
}
.page2-list .tab1-content-list .tab1-talent-box .tab1-talent-img img {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
}
.page2-list .tab1-content-list .tab1-talent-box .tab1-talent-level {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 0.12rem;
  color: #e8e8e8;
}
.page2-list .tab1-content-list .tab1-talent-box .tab1-talent-level span {
  margin-left: 0.02rem;
}
.page2-list .tab1-content-list .tab1-talent-box .icon-baoshi-y {
  width: 0.17rem;
  height: 0.17rem;
}
.page2-list .tab1-content-list .tab1-talent-box .icon-baoshi-b {
  width: 0.11rem;
  height: 0.13rem;
}
.page2-list .tab1-content-list .skill-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  gap: 0.08rem;
  width: 2.8rem;
  height: 100%;
}
.page2-list .tab1-content-list .skill-list li {
  position: relative;
  width: 0.48rem;
  height: 0.48rem;
  border: 0.02rem solid #decd94;
}
.page2-list .tab1-content-list .detail-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 0.5rem;
}
.page2-list .tab1-content-list .detail-player .avatar {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #bfd1db;
}
.page2-list .tab1-content-list .detail-player .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page2-list .tab1-content-list .detail-player .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.02rem 0;
}
.page2-list .tab1-content-list .detail-player .info .name, .page2-list .tab1-content-list .detail-player .info .equip-level {
  line-height: 1;
  margin-left: 0.1rem;
  font-size: 0.22rem;
  color: #bcc5cc;
}
.page2-list .tab1-content-list .detail-player .info .equip-level {
  font-size: 0.2rem;
}
.page2-list .tab1-content-list .strategy-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.page2-list .tab1-content-list .strategy-data .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.page2-list .tab1-content-list .strategy-data .icon-box .icon {
  font-family: "iconfont";
  font-style: normal;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.4rem;
  color: #c3b481;
}
.page2-list .tab1-content-list .strategy-data .icon + span {
  margin-top: 0.03rem;
  font-size: 0.2rem;
  color: #c6c7c2;
}
.page2-list .data-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.6rem;
}
.page2-list .data-pager .datapager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #4b432b;
  font-weight: bold;
  font-size: 0.14rem;
  color: #f7d58c;
}
.page2-list .data-pager .datapager > div {
  height: 0.33rem;
  line-height: 0.33rem;
  padding: 0 0.15rem;
  cursor: pointer;
}
.page2-list .data-pager .datapager > div:not(:first-of-type) {
  border-left: 1px solid #4b432b;
}
.page2-list .data-pager .datapager .datapager-btn:active, .page2-list .data-pager .datapager .datapager-btn.active {
  color: #1d2221;
  background-color: #dfb681;
}
.page2-list .data-pager .datapager .datapager-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.page2-list .data-pager .datapager .datapager-num span {
  padding: 0 0.15rem;
  background-color: transparent;
  cursor: pointer;
}
.page2-list .data-pager .datapager .datapager-num span:not(:first-of-type) {
  border-left: 1px solid #4b432b;
}
.page2-list .data-pager .datapager .datapager-num span:active, .page2-list .data-pager .datapager .datapager-num span.active {
  color: #1d2221;
  background-color: #dfb681;
}
.page2-list .data-pager #pagePrev .icon-left,
.page2-list .data-pager #pageNext .icon-right {
  display: block;
  font-family: "iconfont";
  width: 0.16rem;
  height: 0.16rem;
  font-size: 0.16rem;
  font-style: normal;
}
.page3-config {
  overflow: hidden;
}
.page3-config .component7 {
  margin-top: 0.7rem;
}
.page3-config .component8 .component-content {
  min-height: 4rem;
}

.page4-detail {
  padding-bottom: 1.3rem;
}
.page4-detail .detail-player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2rem;
}
.page4-detail .detail-player .avatar {
  position: relative;
  width: 0.97rem;
  height: 0.97rem;
  padding: 0.04rem;
  border-radius: 50%;
  background-color: rgba(230, 242, 250, 0.25);
}
.page4-detail .detail-player .avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page4-detail .detail-player .name {
  line-height: 1;
  margin-top: 0.15rem;
  font-size: 0.24rem;
  color: #e6f2fa;
}
.page4-detail .component-panel {
  margin-top: 0.5rem;
}
.page4-detail .component1 {
  height: auto;
}
.page4-detail .component6 {
  height: auto;
}
.page4-detail .bottom-input-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9998;
}
.page4-detail .bottom-input {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.28rem;
  border: 1px solid #3a3734;
  border-top: 0.03rem solid #3a3734;
  background-color: #211a15;
  padding: 0 0.29rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
}
.page4-detail .bottom-input input {
  width: 4.16rem;
  height: 0.54rem;
  border-radius: 0.27rem;
  border: 0.02rem solid #505050;
}
.page4-detail .bottom-input input::-webkit-input-placeholder {
  font-size: 0.22rem;
  color: #a19683;
  text-indent: 0.3rem;
}
.page4-detail .bottom-input input::-moz-placeholder {
  font-size: 0.22rem;
  color: #a19683;
  text-indent: 0.3rem;
}
.page4-detail .bottom-input input:-ms-input-placeholder {
  font-size: 0.22rem;
  color: #a19683;
  text-indent: 0.3rem;
}
.page4-detail .bottom-input input::-ms-input-placeholder {
  font-size: 0.22rem;
  color: #a19683;
  text-indent: 0.3rem;
}
.page4-detail .bottom-input input, .page4-detail .bottom-input input::placeholder {
  font-size: 0.22rem;
  color: #a19683;
  text-indent: 0.3rem;
}
.page4-detail .bottom-input .publish-comment {
  width: 1.6rem;
  height: 0.52rem;
  font-size: 0.24rem;
  color: #c0ae88;
  background-color: #342b1b;
  border: 1px solid #63615e;
  text-decoration: none;
  text-align: center;
  line-height: 0.52rem;
}
.page4-detail .bottom-input .publish-comment:active {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
.page4-detail .bottom-input .publish-comment:link, .page4-detail .bottom-input .publish-comment:visited, .page4-detail .bottom-input .publish-comment:hover, .page4-detail .bottom-input .publish-comment:active {
  text-decoration: none;
}
.page4-detail .bottom-input .detail-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.26rem;
  gap: 0.3rem;
}
.page4-detail .bottom-input .detail-data > div, .page4-detail .bottom-input .detail-data > div > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c6c7c2;
  text-align: center;
}
.page4-detail .bottom-input .detail-data .icon {
  font-family: "iconfont";
  font-style: normal;
  display: block;
  color: #c3b481;
  font-size: 0.6rem;
  margin-bottom: 0.03rem;
}
.look-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #dde9f2;
  gap: 0.05rem;
  font-size: 0.16rem;
  cursor: pointer;
}
.look-box.active {
  color: #ecda9c;
}
.look-box.active .icon-look {
  width: 0.14rem;
  height: 0.09rem;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-eyes-active.png) no-repeat center;
  background-size: 100% auto;
}

.more-strategy {
  margin-top: 0.58rem;
}
.more-strategy .title {
  color: #f9fae6;
  font-size: 0.26rem;
  margin-bottom: 0.32rem;
}
.more-strategy .strategy-list .strategy-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 2.78rem;
  padding: 0.2rem 0.16rem 0;
}
.more-strategy .strategy-list .strategy-item:nth-child(n+1) {
  margin-bottom: 0.3rem;
}
.more-strategy .strategy-list .strategy-item .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 0.03rem #3d414c inset;
          box-shadow: 0 0 0 0.03rem #3d414c inset;
}
.more-strategy .strategy-list .strategy-item .border i {
  position: absolute;
  width: 0.15rem;
  height: 0.15rem;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/strategy-angle.png);
}
.more-strategy .strategy-list .strategy-item .border i:nth-of-type(1) {
  top: 0;
  left: 0;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/strategy-angle.png);
}
.more-strategy .strategy-list .strategy-item .border i:nth-of-type(2) {
  top: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.more-strategy .strategy-list .strategy-item .border i:nth-of-type(3) {
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.more-strategy .strategy-list .strategy-item .border i:nth-of-type(4) {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.more-strategy .strategy-list .strategy-item .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.more-strategy .strategy-list .strategy-item .top {
  color: #fbf8db;
  font-size: 0.22rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.17rem;
}
.more-strategy .strategy-list .strategy-item .top .strategy-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.more-strategy .strategy-list .strategy-item .top .strategy-data > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.more-strategy .strategy-list .strategy-item .top .strategy-data > div:nth-child(n+1) {
  margin-left: 0.25rem;
}
.more-strategy .strategy-list .strategy-item .top .icon {
  display: block;
  margin-right: 0.08rem;
  background-size: 100% auto;
}
.more-strategy .strategy-list .strategy-item .top .icon-view {
  width: 0.26rem;
  height: 0.2rem;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-eyes-2.png);
}
.more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .icon-like, .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .like-box .unlike-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .like-box .comment-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .like-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comment-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .comment-box .like-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .comment-box .unlike-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .comment-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .unlike-box .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .unlike-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .like-box .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .unlike-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .like-box .unlike-box .comment-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .like-box .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .comment-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .like-box .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .like-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .unlike-box .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .like-box .comment-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .like-box .comment-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .like-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .unlike-box .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .unlike-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .comment-box .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comment-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .like-box .comment-box .unlike-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .comment-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .like-box .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .like-box .icon-like, .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .comment-box .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .like-box .unlike-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .comment-box .like-box .unlike-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .like-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .comment-box .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comment-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comment-box .like-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .comment-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .unlike-box .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .unlike-box .like-box .comments .comment-item .comment .comment-bottom .right .icon-like, .page4-detail .bottom-input .detail-data .comment-box .unlike-box .like-box .comments .comment-item .comment .comment-bottom .right .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .comment-box .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .like-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-like, .page4-detail .bottom-input .detail-data .like-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .unlike-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-like, .page4-detail .bottom-input .detail-data .unlike-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like, .more-strategy .strategy-list .strategy-item .top .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .icon-like, .page4-detail .bottom-input .detail-data .comment-box .comments .comment-item .comment .comment-bottom .right .page4-detail .bottom-input .detail-data .comment-box .more-strategy .strategy-list .strategy-item .top .icon-like {
  width: 0.2rem;
  height: 0.24rem;
  background-image: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-like-2.png);
}
.more-strategy .strategy-list .strategy-item .center {
  height: 1.3rem;
}
.more-strategy .strategy-list .strategy-item .keyin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.more-strategy .strategy-list .strategy-item .keyin .keyin-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
}
.more-strategy .strategy-list .strategy-item .keyin .ky-item {
  width: 0.54rem;
  height: 0.54rem;
  position: relative;
  background: url(https://game.gtimg.cn/images/fz/cp/a20250320LA/icon/icon-talent-bg.png) no-repeat center;
  background-size: cover;
}
.more-strategy .strategy-list .strategy-item .keyin .ky-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.more-strategy .strategy-list .strategy-item .skills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 2.66rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.more-strategy .strategy-list .strategy-item .skills .skill-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 0.05rem;
}
.more-strategy .strategy-list .strategy-item .skills .skill-list .skill-item {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.02rem solid #decd94;
}
.more-strategy .strategy-list .strategy-item .strategy-name {
  font-size: 0.24rem;
}
.more-strategy .strategy-list .strategy-item .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #383838;
  height: 0.7rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.1rem;
}
.more-strategy .strategy-list .strategy-item .user-info .avatar {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.03rem solid #525557;
  overflow: hidden;
}
.more-strategy .strategy-list .strategy-item .user-info .avatar img {
  width: 100%;
  height: 100%;
}
.more-strategy .strategy-list .strategy-item .user-info .nickname {
  margin-left: 0.1rem;
  color: #bcc5cc;
  font-size: 0.18rem;
}

.comments {
  margin-top: 0.58rem;
}
.comments .title {
  font-size: 0.26rem;
  color: #f9fae6;
  margin-bottom: 0.32rem;
}
.comments .comment-item {
  border-top: 1px solid #3f4040;
  padding: 0.2rem 0;
}
.comments .comment-item .comment.reply {
  margin-top: 0.4rem;
  padding-left: 0.6rem;
}
.comments .comment-item .comment .user-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.2rem;
  color: #fff7e7;
  height: 0.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comments .comment-item .comment .user-info .avatar {
  width: 0.55rem;
  height: 0.55rem;
  border: 1px solid #f9fae6;
  border-radius: 50%;
  overflow: hidden;
}
.comments .comment-item .comment .user-info .avatar img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comments .comment-item .comment .user-info .info {
  margin-left: 0.06rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.comments .comment-item .comment .user-info .info .info-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comments .comment-item .comment .user-info .info .info-1 .nickname {
  margin-right: 0.1rem;
}
.comments .comment-item .comment .user-info .info .info-1 .tag {
  padding: 0.02rem 0.05rem;
  font-size: 0.16rem;
}
.comments .comment-item .comment .user-info .info .info-1 .author {
  border: 1px solid #887d5c;
}
.comments .comment-item .comment .user-info .info .attr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0.2rem;
}
.comments .comment-item .comment .user-info .info .attr > p {
  position: relative;
  height: 100%;
}
.comments .comment-item .comment .user-info .info .attr > p:nth-child(n+2)::before {
  content: "";
  position: absolute;
  left: -0.06rem;
  top: 4%;
  width: 0.02rem;
  height: 0.18rem;
  background-color: #373737;
}
.comments .comment-item .comment .content, .comments .comment-item .comment .comment-bottom {
  margin-left: 0.6rem;
}
.comments .comment-item .comment .content {
  padding: 0.1rem 0;
  color: #c8b58d;
  font-size: 0.22rem;
  line-height: 1.5;
}
.comments .comment-item .comment .comment-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #746b57;
  font-size: 0.18rem;
}
.comments .comment-item .comment .comment-bottom .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comments .comment-item .comment .comment-bottom .left > div {
  position: relative;
}
.comments .comment-item .comment .comment-bottom .left > div:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: -0.11rem;
  width: 0.03rem;
  height: 0.03rem;
  background-color: #746b57;
}
.comments .comment-item .comment .comment-bottom .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.comments .comment-item .comment .comment-bottom .right .like-box, .comments .comment-item .comment .comment-bottom .right .unlike-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.18rem;
}
.comments .comment-item .comment .comment-bottom .right .icon {
  display: block;
  margin-right: 0.06rem;
  width: 0.18rem;
  height: 0.18rem;
  font-family: "iconfont";
  font-style: normal;
}
.comments .load-more-box {
  padding: 0.15rem 0;
  font-size: 0.18rem;
  text-align: center;
  color: #746b57;
}

.milo-alert-frame {
  z-index: 10000 !important;
}/*# sourceMappingURL=index.css.map */