.mb36-rem{margin-bottom:36rem}
.mr60-rem{margin-right:60rem}
.mr80-rem{margin-right:80rem}
.bottom-dynamic-loading{text-align: center;}
.mw40{min-width: 40px;}
.no-good-list{height: 400rem;}
.lh10{line-height: 1}
/* navs ↓ */
.collection-navs{height: 64rem;position: sticky;top: 63px;z-index: 9;background: var(--color-bg-1);}
/* .collection-navs.nav-top{box-shadow: 0px 4px 16px rgb(0 0 0 / 6%);} */
.collection-navs .nav-title{margin-right: 40rem;color: var(--color-text-4);font-weight: 600;}
.collection-navs .active{position: relative;}
.collection-navs .title-active{color: var(--color-text-1);position:inherit;}
.nav-top .nav-title{margin-right: 32rem;font-weight: 500;}
.collection-navs .active::before{position: absolute;bottom: -16px;left: calc(50% - 4px); display: block;content: '';width: 8px;height: 8px;background-color: var(--color-funct-1);}
.nav-top::before{width: 100vw;content: '';position: absolute;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);left: calc(0px - var(--layout-padding));right: 0;top: 0;bottom: 0; z-index: -1;background-color: var(--color-card-1);}
.nav-top .nav-title span:first-child{font-size: 16px !important;line-height: 64rem;}
.nav-top .active::before{display: none;}
.nav-top .title-active::before{content: '';width: 100%;height: 4px;background-color: var(--color-funct-1);position: absolute;bottom: 0;left: 0;}

/* navs ↑ */

/* buy+filter ↓ */
.buy-wrapper{display: flex;flex-direction: column;flex: 1;/* min-height: calc(100vh - 108px - 112rem); */}
.buy-wrapper .col-xl-6 .nfts-cart-info{padding: 20rem 13px 0;}
.buy-wrapper .col-xl-6 .nfts-cart-info .info-price{margin-bottom: 20rem;}
.buy-wrapper .col-xl-6 .nfts-cart-info .info-btn{height: 32px;}
.nfts-cart-info .info-like{top: calc(38rem + 18px);}
.buy-wrapper .col-xl-6 .nfts-cart-info .info-like{top: calc(34rem + 18px);}
.filter-wrapper{width: 334rem;box-sizing: border-box;padding: 24px 4px 24px 0;height: fit-content;position: sticky;margin-right: 30rem;top: calc(100px + 112rem);z-index: 9;background-color: var(--color-card-2); box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);border-radius: 16px;}
.filter-wrapper .collections-search input{background-color: transparent !important;}
.filter-left-btn, .filter-sorts, .filter-arr{height: 40px;box-sizing: border-box; border: 1px solid var(--color-divider-1);border-radius: 4px;background-color: var(--color-card-2);}
.filter-active, .filter-active span{color: var(--color-brand-1);}
.filter-nav{margin: 18rem 0 8rem; padding: 24rem 0;position: sticky;top: calc(63px + 63rem);z-index: 8;background: var(--color-bg-1);}
.filter-sorts{width: 200rem;box-sizing: border-box;}
.filter-sorts i{transition: all .3s;}
.filter-sorts.activeUp{border: 2px solid var(--color-brand-1);}
.filter-sorts.activeUp i{transform: rotate(-180deg);color: var(--color-brand-1) !important;}
.filter-arr>div{width: 16px;height: 16px;}
.filter-arr>div, .filter-itme-list{display: grid;grid-column: span 2;grid-gap: 2px;grid-template-columns: repeat(2, 1fr);}
.filter-arr .arr-9, .filter-itme-list.col-3{grid-column: span 3;grid-template-columns: repeat(3, 1fr);}
.filter-arr .arr-3{grid-column: span 1;grid-template-columns: repeat(1, 1fr);}
.filter-arr i{display: block;background-color: var(--color-text-4);}
.filter-arr .active i{background-color: var(--color-text-2);}
.filter-wrapper>div::-webkit-scrollbar,
.chip-left-wrapper::-webkit-scrollbar{width: 4px !important;background-color: transparent;}
.chip-left-wrapper:hover{overflow: overlay;}
.filter-wrapper>div::-webkit-scrollbar-thumb,
.chip-left-wrapper::-webkit-scrollbar-thumb{background-color: var(--color-neutral-2) !important;}
.filter-wrapper>div::-webkit-scrollbar-thumb:hover ::-webkit-scrollbar-track,
.chip-left-wrapper::-webkit-scrollbar-thumb:hover ::-webkit-scrollbar-track{background-color: transparent !important;}
.filter-wrapper .accordion-title:first-child{border-top: none;padding-top: 0;}
.filter-wrapper .accordion-title:nth-last-child(2){padding-bottom: 0;}
.filter-wrapper .collections-list:last-child{margin-bottom: 0;}
.filter-wrapper .accordion-content:last-child{margin-top: 24px;}
.filter-wrapper .lineBtw{width: 100%;height: 1px;background-color: var(--slideBg1);}
.filter-wrapper .accordion-title{background-color: var(--color-card-2);padding: 23px 0 24px;width: calc(100% - 48px);margin: 0 auto;}
.filter-itme-list{grid-gap: 12px;padding-bottom: 24px;}
.filter-wrapper .accordion-content{padding: 0 24px;}
.filter-wrapper .no_checked{width: 16px;height: 16px;display: block;border-radius: 2px;border: 1px solid var(--color-divider-2);background-color:var(--color-bg-1);}
ul.collections-list li:hover{background-color: var(--color-card-3);}
ul.collections-list li:hover .no_checked{border: 1px solid var(--color-brand-1);}
.coin-info .active{color: var(--color-brand-1);}
.filter-itme-list .active{background-color: var(--color-brand-1) !important;color: #fff !important;}
.filter-wrapper .collections-list{margin-bottom: 24px;}
.filter-wrapper .collections-list li{color: var(--color-text-2);border-radius: 8px;}
.filter-wrapper .check-list, .check-list  li{padding: 0 12px;}
.filter-wrapper .filter-itme-list span{height: 40px;cursor: pointer;font-weight: 600;font-size: 14px;text-align: center;color: var(--color-text-2);background-color: var(--color-neutral-2);border-radius: 8px;display: flex;align-items:center;justify-content:center;}
.filter-wrapper .filter-itme-list span:hover{background-color: var(--color-card-3);}
.check-list .collections-search{background-color: var(--color-bg-3);border: 1px solid var(--color-bg-1);}
.check-list .no-search{padding: 16rem 0 32rem;color: var(--color-text-3) !important;}
.sorts-list{width: 200rem;position: absolute;left: 0;top: 44px;z-index: 11;overflow: hidden;border-radius: 4px;background-color: var(--color-card-2);box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08)}
.sorts-list span{display: block;line-height: 40px;padding-left: 12px;box-sizing: border-box;}
.sorts-list span:hover, .sorts-list span.active{background-color: var(--color-card-3);}
.sorts-list span.active{color: var(--color-brand-1)}
/* .lineBtw+.accordion-title{border-top: none;} */
/* .icon-expend_hide{width: 12px;height: 12px;font-weight: 600;} */
.classic-dark .filter-sorts, .classic-dark .filter-arr{background-color: var(--color-neutral-2);}
/* .classic-dark .filter-itme-list span:hover{background-color: var(--color-brand-2);} */
/* bu+filter ↑ */


/* 碎片作品集-买 ↓*/
.chip-right {--layout-rowNumer: 3;flex: 1;}
.chip-right .nfts-cart-info{padding: 20rem 13px 0;}
.chip-right-filter, .chip-left-wrapper{position: sticky;top: calc(63px + 63rem);z-index: 8;}
.chip-left-wrapper{width: 464rem;margin: 24px 104rem 0 0;top:calc(87px + 63rem);overflow: hidden;}
.chip-left {width: 100%;background: var(--color-card-2);}
.chip-max-height{max-height: calc(100vh - 88px - 63rem);}
.nfts-cart-info .info-price{margin-bottom: 20rem;}
ul.setting-list>li{box-shadow: none;}
.chip-left .card-bg-inner{flex-direction: column;}
.chip-left-avatar .bg-img{margin-left: -38rem; opacity: 0.6;filter: blur(50px);width: 540rem;height: 420rem;position: relative;}
/* .chip-left-avatar .bg-img::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1; background: linear-gradient(180deg, var(--color-card-2) 0%, var(--color-card-2) 100%);} */
.chip-left-avatar::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.6;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
/* .chip-left-avatar::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: -80rem;z-index: -1; background: linear-gradient(180deg, #1F2433 0%, rgba(31, 36, 51, 0) 100%);} */
.chip-left-avatar .grid-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.chip-left-avatar .grid-bg::before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';background-repeat: repeat;pointer-events: none;opacity: 0.2;background-image: linear-gradient(to right,black 1px,transparent 1px,transparent 4px),linear-gradient(to bottom,black 1px,transparent 1px,transparent 4px);background-size: 4px 4px;}
.avatar-wrapper{position: absolute;left: 0;top: 0;box-sizing: border-box;}
/* .chip-left-content{margin-top: -17%;z-index: 2;} */
.chip-left-content .accordion-title{padding: 24rem;border-top: none;background-color: transparent;}
.chip-left-content .attribute li{display: flex;flex-direction: column;border-radius: 8px;background-color: var(--color-bg-1);padding: 24rem;}
/* .chip-left-content .attribute li span:last-child{background: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} */
.chip-left-content .filter-itme-list{padding: 0 24rem 48rem;}
.chip-left-avatar{height: 540rem;}
.chip-left-content .blockchain{padding: 0 24rem 24rem;}
.chip-left-content .blockchain li{line-height: 100%;width: 100%;margin-bottom: 24rem; display: flex;justify-content: space-between;}
.chip-left-content .blockchain li span:last-child{max-width: 60%; text-align: right;color: var(--color-text-1);}
.chip-left-content .activity{padding: 0 24rem 24rem; position: relative;box-sizing: border-box; ;border-radius: 16rem;}
.activity-info>div{position: relative;z-index: 2;}
.chip-left-content .activity-info::before{content: '';position: absolute;left: 24rem;top: 0;right: 24rem;height: 132rem;z-index: 1;border-radius: 16rem;background: linear-gradient(90deg, #3399FF 0%, #2354E6 100%);opacity: 0.2;}
.chip-left-content .activity-info-name{display: flex;flex-direction: column;}
.chip-left-content .activity-chart{width: 100%;height: 195rem;padding: 0;border-radius: 16rem;position: relative; z-index: 3;margin: 0;background-color: var(--color-neutral-2);}
.chip-left-content{margin-top: -78rem;position: relative;z-index: 1;border-radius: 0 0 16px 16px;}
.chip-right-filter{padding: 24px 0 12px;background: var(--color-bg-1);}
.chip-right-filter>div{padding-bottom: 12px;}
.nfts-row{width: 100%;height: 64rem;margin-bottom: 8px;padding: 12rem;box-sizing: border-box;border-radius: 8px;}
.nfts-row .item-goods-img{width: 100%;height: 100%;}
.nfts-row:hover{background: linear-gradient(111.13deg, #E6F2FF 0%, #E0EDFF 52.61%, #E6ECFF 100%);box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);}
.nfts-row, .nfts-row li, .nfts-row .info-like{display: flex;align-items: center;}
.nfts-row li:nth-child(2){flex-direction: column;align-items: flex-end;text-align: right;}
.nfts-row li:nth-child(1),.nfts-row li:nth-child(2){margin-right: 9.43%;}
.nfts-row li:nth-child(3){margin-right: 7.31%;}
.nfts-row .info-like span{margin-top: 0px !important;margin-left: 8px;}
.nfts-row li:last-child{flex: 1;}
.nfts-row .info-btn{width: 100%;height: 40rem;margin-bottom: 0;font-size: 16rem;text-align: center;background-color: var(--color-brand-1);color: #fff;}
.nfts-row .info-like span{font-weight: 500;}
.nfts-row .info-like.like-scale div{right: 42px !important;}

.classic-dark .chip-left-avatar::before{background: linear-gradient(180deg, rgba(31, 36, 51, 1) 0%, rgba(31, 36, 51, 0) 100%);}
.classic-dark .chip-left-content .activity-chart{background-color: #151926;}
.classic-dark .nfts-row:hover{background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(90.31deg, #3399FF 0%, #1443CC 100%);box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);}
.classic-dark .nfts-row:hover li:nth-child(1) span{color: var(--color-text-1);}
.classic-dark .nfts-row:hover li:nth-child(2) .stable-num{color: var(--color-text-2);}
/* 碎片作品集-买 ↑*/


/* 动态 ↓ */
.activity-chart{width: 100%;padding: 24rem 16rem 24rem 24rem;box-sizing: border-box;margin: 40rem 0 80rem; background-color: var(--color-neutral-2);border-radius: 16px;display: flex;}
.activity-chart .chart-left{width: 200rem;}
.activity-chart .chart-right{flex: 1;width: 100%;padding: 12px 0 12px 4px;box-sizing: border-box;}
.activity-chart .chart-intro{width: 100%;padding: 36rem 24rem;margin-top: 16rem;box-sizing: border-box;background: linear-gradient(326.2deg, rgba(51, 255, 255, 0.1) 0%, rgba(77, 181, 255, 0.2) 19.24%, rgba(51, 102, 255, 0.2) 71.72%, rgba(102, 102, 255, 0.2) 100%);border-radius: 8px;}
.activity-chart .chart-intro div{word-wrap: break-word;}
.content-filter li{padding: 0 12px;line-height: 28px; border-radius: 4px;background-color: var(--color-neutral-2);margin-left: 8px;}
.content-filter li.active{background-color: var(--color-brand-1);color: #fff;}
.content-list{min-height: 30vh;}
.activity-item{width: 100%;height: 80rem;border-radius: 16rem;padding: 0 32px 0 24px;box-sizing: border-box;margin-bottom: 8px;background-color: var(--color-card-2); display: flex;align-items: center;justify-content: space-around;}
.activity-item .cover-img, .activity-item .audio-card-cont, .audio-card-cont img{width: 40px;height: 40px;}
.activity-item .audio-card-cont{margin-top: 0;}
.activity-item:hover{background-color: var(--color-card-3);}
.activity-item li{height: 100%;display: flex;align-items: center;margin-right: 4.34%;}
.activity-item li:last-child{margin-right: 0;flex: 1;justify-content: flex-end;}
.activity-item li.nowrap span{white-space: nowrap;}
/* .activity-item .card-bg-outer{overflow: inherit;} */
.activity-item li:nth-child(3){flex-direction: column;align-items: flex-end;justify-content: center;}
.activity-item .hover-text:hover, .activity-item li:nth-child(2){color: var(--color-brand-1) !important;cursor: pointer;}
.activity-item .coll-name path{ fill: var(--color-text-3) !important;}
.activity-item .coll-name rect{ fill: var(--color-card-2) !important;}
.activity-item .rare-icon{margin-right: 0;margin-left: 3px !important; height: auto;padding: 3px;border-radius: 4px;}
.activity-item .item-img{width: 16px;height: 16px;border-radius: 50%;}
.activity-item .cancel{color: var(--color-text-3);}
.collection-item-icon{position: absolute;left: 0;top: 0;}
.collection-item-icon.icon1{left: 2px;top: 6px;opacity: .5;}
.collection-item-icon.icon2{left: 4px;top: 12px;opacity: .25;}
/* #chart-layer::before{position: absolute;content: '';width: 0;height: 0;border-style: solid;border-color: transparent;border-width: 8px 0px 8px 12px;border-left-color: rgba(4, 9, 26, 0.9);}
#chart-layer.left::before{left: -28px;transform: rotate(180deg);}
#chart-layer.right::before{right: -28px;}
#chart-layer.top::before{top: 0;}
#chart-layer.center::before{top: calc(50% - 4px);}
#chart-layer.bottom::before{bottom: 0;} */
#chart-layer li, .chart-activity li{color: #989FB3;font-size: 16px;display: flex;}
/* #chart-layer li span:first-child{display: block;width: 100px;text-align: right;margin-right: 8px;} */
#chart-layer .chart-popup, .chart-activity .chart-popup{display: flex;}
/* #chart-layer span, .chart-activity span{font-weight: 400;} */
.chart-popup li{display: flex;flex-direction: column;justify-content: space-between;}
.chart-popup li:first-child{padding: 0 8px;text-align: right;}
.chart-popup li span{margin-bottom: 8px;}
.chart-popup li span:last-child{margin-bottom: 0px;}
.chart-activity .chart-popup li:first-child{padding: 0;}
.chart-activity .sanjiaoxing.left{left: -30px;}
.chart-activity  .sanjiaoxing.right{right: -30px;}
.classic-dark .sanjiaoxing span{background-color: rgb(71, 79, 102);}
.classic-dark .chart-intro{background: linear-gradient(326.2deg, rgba(51, 255, 255, 0.1) 0%, rgba(77, 181, 255, 0.2) 19.24%, rgba(51, 102, 255, 0.2) 71.72%, rgba(102, 102, 255, 0.2) 100%);}
.classic-dark .activity-chart{background-color: #0C0E15;}
.comment-item-info{word-break: break-all;}
/* 动态 ↑ */

/* h5 start */
@media screen and (max-width:768px) {
  .buy-wrapper{--layout-itemMargin:12px;}
  .collection-navs{height: 64px;overflow-x: scroll;}
  .collection-navs::-webkit-scrollbar{width: 0;height: 0;}
  .nav-top .nav-title span:first-child{line-height: 64px;}
  .nav-top::before{background-color: transparent;}
  .collection-navs .nav-title{margin-right: 24px;white-space: nowrap;}
  .h5-fz20{font-size: 20px;}
  .nav-top .nav-title{margin-right: 32px;}
  .filter-nav{top: 126px;}
  .collection-offer-wrapper{width: 328px;padding: 24px;}
  .popup-offer-description{margin-top: 24px;font-size: 12;line-height: 1.5;}
  .popup-offer-collection{margin-top: 12px;padding: 16px;padding-bottom: 12px;}
  .offer-collection-info{margin-left: 12px;margin-top: -8px;line-height: 1;font-size: 14px;}
  .offer-h5-item{font-size: 12px;line-height: 1;margin-top: 12px;}
  .h5-offer-title{margin-top: 24px;line-height: 1;font-size: 14px;}
  .h5-mt8{margin-top: 8px;}
  .collection-offer-wrapper .popup-offer-input{height: 40px;width: 160px;padding-left: 12px;font-size: 14px;padding-right: 12px;}
  .coin-select-wrapper{height: 40px;padding: 0 8px;}
  .offer-price-usd{top: 14px;right: 12px;font-size: 12px;line-height: 1;}
  .coin-select-wrapper .coins-list{top: 44px;max-height: 200px;}
  .coin-select-wrapper .coins-list li{height: 40px;font-size: 14px;padding: 0 12px;line-height: 1;}
  .h5-ava{margin-top: 8px;font-size: 12px;line-height: 1;}
  .col-guide-groups{margin-top: 12px;box-sizing: border-box;padding: 8px 12px;align-items: flex-start;}
  .col-guide-text{font-size: 12px;line-height: 1.5;}
  .h5-exporation-title{font-size: 14px;line-height: 1;margin-top: 24px;}
  .popup-offer-expiration{margin-bottom: 8px;margin-top: 8px;}
  ul.popup-offer-expiration li{margin: 0;gap: 8px;height: 40px;line-height: 40px;font-size: 14px;padding: 0 8px;}
  .custom-input{height: 40px;padding: 12px;font-size: 14px;line-height: 40px;}
  .custom-date-calendar{width: 280px}
  .custom-input-icon{width: 16px;line-height: 40px;}
  .custom-date-header{padding: 8px 24px;}
  .custom-date-calendar .react-datepicker__day-names{padding: 16px 28px 10px}
  .custom-date-calendar .react-datepicker__month{padding: 0 24px;}
  .custom-date-calendar .custom-time-input{padding: 16px;}
  .custom-date-calendar .react-datepicker__week{margin-top: 6px;}
  .popup-col-noverified{padding: 16px;font-size: 12px;line-height: 1.5;margin-top: 16px;}
  .place-offer-button{height: 40px;line-height: 1;font-size: 14px;margin-top: 24px;}
  .collection-navs .active{font-size: 20px;}
  .filter-arr{display: none;}
  .filter-sorts{font-size: 14px;width: 155px!important;margin-right: 0;}
  .sorts-list{width: 155px!important;}
  .col-series-wrapper{margin-top: 20px;}
  .col-series-filter{margin-bottom: 16px;}
  ul.col-series-filter li{padding: 8px 12px;height: 28px;font-size: 12px;line-height: 1;}
  ul.col-series-filter li:not(:last-child){margin-right: 12px;}
  .activity-chart{margin: 20px 0;padding: 20px 16px;display: flex;flex-wrap: wrap;}
  .activity-chart .chart-left{width: 100%;}
  .h5-series-sorts{display: flex;gap: 16px;flex-wrap: wrap;}
  .h5-series-sorts span.active {color: var(--color-brand-1)}
  .activity-chart .chart-intro{margin-top: 20px;display: flex;gap: 12px;justify-content: space-between;background: none;padding: 0;margin-bottom: 12px;}
  .activity-chart .chart-intro>div{padding: 16px;background: linear-gradient(326.2deg, rgba(51, 255, 255, 0.1) 0%, rgba(77, 181, 255, 0.2) 19.24%, rgba(51, 102, 255, 0.2) 71.72%, rgba(102, 102, 255, 0.2) 100%);border-radius: 8px;box-sizing: border-box;}
  .classic-dark .activity-chart .chart-intro>div{background: linear-gradient(326.2deg, rgba(51, 255, 255, 0.1) 0%, rgba(77, 181, 255, 0.2) 19.24%, rgba(51, 102, 255, 0.2) 71.72%, rgba(102, 102, 255, 0.2) 100%);}
  .content-filter>ul{gap: 8px;}
  .content-filter>ul>li{margin: 0;height: 28px;padding: 0 12px;}
  .activity-chart .chart-right{height: 170px;flex: auto;padding: 0;}
  .content-filter{margin-bottom: 16px;}
  .h5-activity-item{display: flex;justify-content: space-between;border-radius: 12px;background: var(--color-card-2);padding: 12px;padding-right: 16px;margin-bottom: 8px;flex-wrap: wrap;}
  .h5-activity-left .rare-icon{margin-right: 0;border-radius: 4px;height: 16px;box-sizing: border-box;}
  .h5-activity-more .icon-a-12px-jiantou-shang{font-size: 12px;color: var(--color-brand-1);}
  .h5-activity-more .icon-a-12px-jiantou-xia{font-size: 12px;color: var(--color-text-3);}
  .h5-activity-more{display: flex;justify-content: flex-start;gap: 4px;margin-top: 8px;line-height: 1;}
  .h5-activity-title{display: flex;max-width: 154px;}
  .h5-activity-more-word{font-size: 12px;color: var(--color-text-3)}
  .h5-activity-bottom{width: 100%;padding-top: 16px;padding-bottom: 4px;border-top: 1px solid var(--color-divider-2);display: flex;justify-content: space-between;margin-top: 12px;}
  .discuss-right-follow{display: none;}
  .discuss-post{padding: 16px;}
  .col-common-button{margin-top: 16px;padding: 12px 24px;line-height: 1;font-size: 16px;}
  .col-discuss-textarea{padding: 8px 12px;font-size: 16px;line-height: 1.8;box-sizing: border-box;}
  .col-discuss-textarea textarea{min-height: 30px!important;max-height: 305px!important;font-size: 14px;line-height:30px;}
  .comment-item-detail{margin-top: 12px;}
  .col-discuss-container .col-user-avater{width: 24px;height: 24px;}
  .identity-icon-wrapper{width: 16px;height: 16px;bottom: -6px;right: calc(24rem - 6px)}
  .identity-icon-wrapper .identity-icon{width: 12px;height: 12px;}
  .comment-item-info{font-size: 14px;line-height: 1.5;}
  .h5-reply-title{font-size: 14px;line-height: 1;margin-bottom: 4px;}
  .discuss-item-bottom>div, .discuss-item-bottom span.iconfont{font-size: 14px;margin-top: 0;line-height: 1;}
  .h5-fz14{font-size: 14px;line-height: 1;}
  .h5-mt16{margin-top: 16px;}
  .h5-lh18{line-height: 1.8}
  .h5-mt20{margin-top:20px;}
  .accordion-title{border:none;padding: 0;margin-top: 48px;margin-bottom: 24px;background-color: inherit;}
  .filter-itme-list>span{display: inline-block;height: 40px;line-height: 40px;background: var(--color-neutral-2);text-align: center;border-radius: 4px;font-weight: 600;color: var(--color-text-2)}
  .filter-itme-list{border-bottom: 1px solid var(--color-divider-2)}
  .h5-filter-wrapper{max-height: 78vh;overflow-y:scroll;padding-right: 16px;}
  .h5-filter-wrapper::-webkit-scrollbar{width: 0!important;}
  .h5-filter-wrapper .no_checked{width: 16px;height: 16px;display: block;border-radius: 2px;border: 1px solid var(--color-divider-2);background-color:var(--color-bg-1);}
  .h5-filter-btn-groups{gap: 8px;align-items: center;height: 80px;position: relative;top: 16px;padding-right: 16px;}
  .h5-fwrap{flex-wrap: wrap;}
  .chip-left-wrapper{width: 100%;margin: 24px 0 0 0;position: initial;}
  .chip-left-wrapper .chip-left-avatar{height: 382px;}
  .chip-left-content .accordion-title{padding:16px;margin: 0;margin-top: 8px;}
  .chip-left-content .accordion-title >span{font-size: 16px;line-height: 1;}
  .chip-left-content{margin-top: -8px;}
  .avatar-wrapper{padding: 16px;}
  .chip-left-content .filter-itme-list{border-bottom: none;padding: 0 16px 24px;}
  .chip-left-content .attribute li{padding: 16px;}
  .chip-left-content .blockchain{padding: 0 16px 24px;font-size: 14px;}
  .chip-left-content .blockchain li{margin-bottom: 16px;}
  .lh10{line-height: 1}
  .chip-left-content .activity-chart{height: 195px;border-radius: 8px;}
  .chip-left-content .activity-chart .chart-right{height: 175px;}
  .chip-left-content .activity{padding: 0 16px 16px;border-radius: 8px;}
  .chip-right-filter{padding-top: 48px;}
  .chip-right-filter .filter-arr{display: flex;}
  .h5-flwrap{flex-wrap: wrap;justify-content: flex-start;gap: 12px;}
  .h5-series-sorts > span{padding: 0;font-size: 12px;line-height: 1;}
  /* .h5-series-sorts > span.active{background: var(--color-brand-1);color: #FFFFFF;} */
  .nfts-cart{padding: 0;padding-bottom: 28px;}
  .nfts-cart-info .info-like{top: auto;bottom: 0;}
  .nfts-cart-info .info-like>span{margin-top: 28px!important;font-size: 14px;line-height: 1;}
  .nfts-cart-info .info-price{display: block;margin: 0;height: auto;line-height: normal;}
  .nfts-cart-info .info-price span{display: block;}
  .h5-mt8{margin-top: 8px;}
  .h5-activity-right{color: var(--color-text-3)}
  .chip-left-content .activity-info::before{left: 16px;right: 16px;height: 132px;border-radius: 8px;}
  .popup-offer-content{max-height: calc(64vh - 124px);overflow-y: scroll;padding-right: 8px}
  .popup-offer-content::-webkit-scrollbar{width: 4px;}
  .common-success-wrapper{padding: 0;}
  .common-success-icon{width: 144px;margin-top: 40px;}
  .common-success-icon .overlying-icon-image{width: 144px;height: 144px;}
  .common-success-icon .overlying-position1{top: 24px;left: 8px;right: 8px;bottom: -8px;}
  .common-success-icon .overlying-position2{top: 46px;left: 16px;right: 16px;bottom: -14px;}
  .common-success-title{font-size: 20px;line-height: 1;margin-top: 54px;}
  .h5-reply-textarea>textarea:first-child{min-height: 108px!important;overflow: auto;max-height: 290px!important;}
  ul.collections-list li:hover{background: none;}
  ul.collections-list li.active{background-color: var(--tabBg)}
  ul.collections-list li:hover .no_checked{border: none;}
  .check-list .no-search{padding: 32px 0 16px;}
  .fixed-post-botton{width: 48px;height: 48px;background: linear-gradient(90deg, #3399FF 0%, #2354E6 100%);position: fixed;right: 12px;bottom: 16px;backdrop-filter: blur(30px);border-radius: 24px;text-align: center;line-height: 48px;z-index: 10;}
  .fixed-post-botton span.icon-a-20px-bianji-fill{font-size: 20px;color: #fff;}
  .h5-fixed-comment{margin-top: 24px;}
  .h5-fixed-textarea textarea{min-height: 120px!important;max-height: 290px!important}
  .h5-fixed-post-btn{box-sizing: border-box;width: 100%;}
  .h5-chip-select .h5-series-sorts{padding-bottom: 24px;border-bottom: 1px solid var(--color-divider-2);display: grid;grid-gap: 12px;grid-column: span 2;grid-template-columns: repeat(2, 1fr);}
  .h5-chip-select .h5-series-sorts>span{display: inline-block;height: 40px;line-height: 40px;background: var(--color-neutral-2);text-align: center;border-radius: 4px;font-weight: 500;color: var(--color-text-1);padding: 0;font-size: 14px;}
  .h5-chip-select .h5-series-sorts>span.active{background-color: var(--color-brand-1)!important;color: #fff!important}
  .h5-chip-select .h5-series-sorts>span:first-child{display: none;}
  .h5-mr8{margin-right: 8px;}
  .h5-nfts-row{display: flex;align-items: center;margin-bottom: 20px;justify-content: space-between;}
  .h5-nfts-row .item-goods-img{width: 100%;height: 100%;}
  .h5-nfts-row .info-btn{width: 100%;height: 32px;font-size: 14px;text-align: center;line-height: 32px;background: var(--color-brand-1);color: #fff;}
  .h5-nfts-row .info-like{display: flex;align-items: center;margin: 0 32px;}
  .h5-nfts-row .info-like .like-svg{flex-shrink: 0;}
  .h5-nfts-row .info-like.like-scale .like-svg:hover{transform: scale(1) !important}
  .h5-nfts-row .info-like > span{margin-top: 0!important;margin-left: 4px;font-size: 12px;}
  .col-guide-groups .col-guide-warn{margin-right: 8px;font-size: 12px;}
  .check-list .collections-search{background-color: var(--color-bg-1)}
  .chart-intro>div{display: flex;flex-direction: column;justify-content: space-between;}
  .h5-m0{margin: 0;}
  .sorts-list span:hover{background-color: transparent;}
}
/* h5 end */