body{background: var(--color-bg-1)!important;letter-spacing: 0;}
div#root{background: transparent!important;}
body{
  --nft-col-gradientColor1: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.59) 49.91%, #FFFFFF 80.9%);
  --nft-col-gradientColor2: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  --nft-card-otherBg1: #EEF1FA;
  --nft-card-otherBg2: rgba(4, 9, 26, 0.9);
  --nft-card-shadow1: 0px 4px 6px rgba(4, 9, 25, 0.05);
  --nft-card-shaow2: 0px 4px 24px rgba(23, 56, 153, 0.08);
  --nft-cancel-color: #2354E6;
}
body.classic-dark{
  color: var(--color-text-1);
  --nft-col-gradientColor1: linear-gradient(180deg, rgba(21, 25, 38, 0) 0%, rgba(21, 25, 38, 0.59) 49.91%, #151926 80.9%);
  --nft-col-gradientColor2: linear-gradient(180deg, rgba(31, 36, 51, 0) 0%, rgba(31, 36, 51, 1) 100%);
  --nft-card-otherBg1: #0C0E15;
  --nft-card-otherBg2: #474F66;
  --nft-card-shadow1: 0px 0px 24px rgba(0, 0, 0, 0.16);
  --nft-card-shaow2: 0px 0px 24px rgba(0, 0, 0, 0.16);
  --nft-cancel-color: #FFFFFF;
}
input{border: 1px solid var(--color-divider-1);background: var(--color-cmpt-2);}
input::placeholder{color: var(--color-text-4);}
input:focus{border-color: var(--color-brand-1);border-width: 2px;caret-color: var(--color-brand-1);}
body.classic-dark input{border-color: var(--color-divider-1);background-color: var(--color-cmpt-2);}
body.classic-dark input:focus{border-color: var(--color-brand-1);}
.lh1{line-height: 1}
.common-popup-main{border-radius: 16px;}
.col-top-section{margin-bottom: 124rem;}
.col-banner-container{height: 300rem;margin-bottom: 76rem;border-radius: 16px;background: #EFEEE3;}
.col-banner-image{object-fit: cover;border-radius: 16px;}
.col-empty-banner{background: #f2f7ff;border-radius: 16px;}
.col-top-icon{background: var(--color-bg-1);bottom: -52rem;left: 32rem;}
.col-top-icon .overlying-icon-image{width: 148rem;height: 148rem;}
.col-top-icon .overlying-position1{top: 22rem;right: 7rem;left: 7rem;bottom: -8rem;}
.col-top-icon .overlying-position2{top: 46rem;right: 14rem;left: 15rem;bottom: -16rem;}
.col-top-buttons{right: 24rem;bottom: 24rem;}
.col-top-buttons .col-common-button{background: var(--color-gradient-7);}
.left-info-container{width: 52.8%;} 
.left-info-container h1{font-size: 40rem;line-height: 48rem;color: var(--color-text-1);vertical-align: middle;}
.h40-rem{height: 40rem;}
.h16-rem{height: 16rem;}
.left-info-title{display: flex;justify-content: flex-start;align-items: center;}
.col-title{max-width: 100%;}
.col-verified.nft-col-verified-icon{margin-left: 8px;flex-shrink: 0;vertical-align: middle;}
.col-card-user{border-radius: 20px;background: var(--color-card-2);padding: 8rem 12rem 8rem 8rem;max-width: calc(100% - 20rem);}
.col-user-avater{width: 16rem;height: 16rem;object-fit: cover;border-radius: 50%;margin-right: 4px;}
.col-card-user > a{color: var(--color-text-2);font-size: 12rem;line-height: 16rem;}
.col-social-item{width: 32rem;height: 32rem;background: var(--color-card-2);border-radius: 50%;}
.col-social-item:not(:last-child){margin-right: 12rem;}
.col-social-item span{font-size: 12rem;color: var(--color-text-2);}
.col-description-btn{ float: right;clear: both;margin-right: 8px;color: var(--color-brand-1);cursor: pointer;}
.col-describtion{word-break: break-word;line-height: 21rem;font-size: 14rem;color: var(--color-text-2);}
.col-describtion p{margin: 0;word-break: break-all;}
.col-describtion::before{content: '';float: right;margin-bottom: -21rem;height: 100%;cursor: pointer;}
.col-describtion.over-ell2{height: 42rem;}
.col-common-button{padding: 12rem 24rem;font-size: 16rem;line-height: 16rem;background: var(--color-brand-1);color: #fff;cursor: pointer;}
.col-common-button.disabled{background: var(--color-neutral-2);cursor: default;pointer-events: none;color:var(--color-text-4)!important;text-shadow:none;}
.col-create-button{padding: 8rem 16rem;font-size: 14rem;line-height: 16rem;cursor: pointer;background: var(--color-brand-1);color: #fff;}
.col-other-buttons{background: var(--color-neutral-2);padding: 13rem 0;height: 40rem;box-sizing: border-box;}
.col-other-list > span{margin-left: 16rem;padding-right: 16rem;font-size: 14rem;line-height: 14rem;cursor: pointer;}
.col-other-list span:not(:last-child){margin-left: 16rem;padding-right: 16rem;border-right: 1px solid var( --color-divider-1);}
.col-other-list > span:hover{color: var(--color-brand-1);}
.col-other-list .comment-number{margin-left: 8rem;font-size: 12rem;line-height: 12rem;color: var(--color-text-2);}
.col-share-popup, ul.col-more-list{position: absolute;top: calc(40rem + 8px);background: var(--color-cmpt-2);box-shadow: var(--nft-card-shaow2);border-radius: 8px;z-index: 99;}
.col-share-popup{padding: 32rem;}
ul.col-share-list li{cursor: pointer;position: relative;}
ul.col-share-list li:not(:last-child){margin-right: 24rem;}
.col-share-icon{width: 40rem;height: 40rem;line-height: 40rem;text-align: center;background: var(--color-card-1);border-radius: 50%;margin-bottom: 20px;}
ul.col-share-list li > span{text-align: center;font-size: 12rem;line-height: 12rem;color: var(--color-text-3);position: absolute;bottom: 0;}
ul.col-share-list li:hover > span{color: var(--color-brand-1);}
ul.col-share-list li:hover .col-share-icon{background: var(--color-card-3);}
ul.col-more-list{min-width: 180rem;left: 0;}
ul.col-more-list li{padding: 13rem 16rem;cursor: pointer;font-size: 14rem;}
ul.col-more-list li:hover{background: var(--color-card-3);}
ul.col-more-list li:first-child:hover{border-top-left-radius: 8px;border-top-right-radius: 8px;}
ul.col-more-list li:last-child:hover{border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.right-info-container{width: 34.9%;border-radius: 8px;overflow: hidden;background: var(--nft-card-otherBg1);}
.right-info-main{width: 100%;border-radius: 8px;overflow: hidden;background: var(--color-card-2);}
.right-info-external{padding: 20rem 32rem;font-size: 16rem;line-height: 16rem;}
.token-address-por{position: relative;left: 2px;}
ul.right-info-list{padding: 32rem;width: 100%;box-sizing: border-box;}
.col-simple-echart{width: 100%;height: 118rem;position: relative;}
.col-external-echart{height: 62rem;}
.collection-offer-wrapper{padding: 32rem 40rem;background: var(--color-bg-3);width: 500rem;}
.collection-offer-wrapper .world-cup-agreement-wrapper{margin-top: 48rem;}
.popup-offer-description{padding: 8px;border-radius: 8px;background: var(--color-bg-2);margin-top: 16rem;}
.popup-col-noverified{padding: 16rem;background: var(--color-cmpt-3);font-size: 12rem;line-height: 18rem;border-radius: 8px;color: var(--color-other-2);}
.popup-col-noverified span.icon-a-16px-shuoming{margin-right: 8px;}
.offer-collection-icon{z-index: 1;width: 76rem;}
.offer-collection-icon .overlying-icon-image{width: 76rem;height: 76rem;}
.offer-collection-icon .overlying-position1{top: 14rem;left: 4rem;right: 4rem;bottom: -6rem;}
.offer-collection-icon .overlying-position2{top: 28rem;left: 8rem;right: 8rem;bottom: -12rem;}
.popup-offer-collection{padding: 20rem;background: var(--color-card-1);margin-top: 16rem;border-radius: 8px;}
.offer-collection-info{padding: 7rem 0;margin-left: 16rem;}
.offer-price-usd{top: 14rem;right: 12rem;color: var(--color-text-4);}
.collection-offer-wrapper .popup-offer-input{width: 280rem;height: 40rem;border-radius: 4px;padding-left: 12rem;box-sizing: border-box;}
.collection-offer-wrapper .popup-offer-input::placeholder{font-weight: 500;color: var(--color-text-4)!important;}
ul.popup-offer-expiration li{height: 40rem;line-height: 40rem;padding: 0 12rem;background: var(--color-neutral-2);flex: 1;text-align: center;font-size: 14rem;border-radius: 4px;cursor: pointer;}
ul.popup-offer-expiration li:not(:last-child){margin-right: 8rem;}
ul.popup-offer-expiration li.active{color: var(--color-brand-1);}
.place-offer-button{width: 100%;height: 52rem;background: var(--color-brand-1);color: #fff;cursor: pointer;font-size: 20rem;line-height: 20rem;}
.place-offer-button.disabled{background: var(--color-neutral-3);color: var(--color-text-4)!important;cursor: no-drop;text-shadow:none;}
.col-guide-groups{padding: 8px 13.5px;width: 100%;background: var(--color-cmpt-3);border-radius: 4px;margin-top: 12rem;}
.col-guide-groups .col-guide-warn{font-size: 13px;margin-right: 9.5px;color: var(--color-other-2);}
.col-guide-text{color: var(--color-text-4);font-size: 12rem;line-height: 18rem;}
.col-guide-text span{color: var(--color-brand-1);cursor: pointer;}
.common-success-wrapper{border-radius: 24px;width: 500rem;}
.common-success-icon{z-index: 2;width: 160rem;margin-top: 96rem;}
.common-success-icon .overlying-icon-image{width: 160rem;height: 160rem;}
.common-success-icon .overlying-position1{top: 24rem;left: 8rem;right: 8rem;bottom: -8rem;}
.common-success-icon .overlying-position2{top: 46rem;left: 16rem;right: 16rem;bottom: -14rem;}
.common-success-title{font-size: 32rem;line-height: 48rem;margin-top: 111rem;z-index: 2;text-align: center;max-width: 100%;padding: 0 72rem;box-sizing: border-box;}
.common-success-detail{z-index: 2;font-size: 16rem;line-height: 24rem;text-align: center;word-break: break-word;padding: 0 72rem;box-sizing: border-box;}
.common-success-detail>span{font-size: 20rem;line-height: 30rem;font-weight: 600;}
.common-success-determine{padding: 32rem 40rem;background: var(--color-bg-3);width: 100%;box-sizing: border-box;border-radius: 0 0 16px 16px;}
.common-success-info{overflow: hidden;border-radius: 16px 16px 0 0;padding-bottom: 16rem;}
.common-success-info::before{position: absolute;content: '';top: 0;right: 0;bottom: 0;left: 0;background: var(--nft-col-gradientColor1);z-index: 1;}
.common-success-mask{position: absolute;top: -64rem;right: -60rem;left: -60rem;bottom: 0;filter: blur(10px);background-repeat: no-repeat;background-size: cover;}
.col-apply-verified{padding: 0 10rem 0 12rem;height: 32rem;line-height: 12rem;font-size: 12rem;color: var(--color-brand-1);background: var(--color-neutral-2);margin-left: 12rem;border-radius: 20px;cursor: pointer;flex-shrink: 0;}
.col-forbidden-tip{background: var(--color-cmpt-4);padding: 20rem 24rem;border-radius: 8px;color: var(--color-pd-1);margin: 24rem 0;}
.col-forbidden-description{font-size: 12rem;line-height: 18rem;}
.col-goto-appeal{font-size: 14rem;line-height: 14rem;color: var(--color-brand-1);cursor: pointer;}
.col-goto-appeal.disabled{color:var(--color-text-4);pointer-events: none;}
.common-select-container, .common-select-container .coins-list li{height: 40rem;}
.common-select-container .coins-list li span{font-size: 14rem;line-height: 22rem;}
.nodata-linechart{width: 100%;object-fit: cover;}
.nodata-linechart_line{width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.nodata-linechart-text{position: absolute;left: 32rem;top: 20rem;font-size: 14rem;line-height: 21rem;color: var(--color-text-4);}
.coins-list li:hover{background: var(--color-card-3);}
.classic-dark .coins-list li:hover{background: var(--color-card-3)!important;}
.coins-list{box-shadow: var(--nft-card-shaow2);}
.classic-dark .icon-expend_hide.nft-invert-icon{color: var(--color-brand-1)!important;}

/* tab series */
ul.col-series-filter li{padding: 8rem 12rem;border-radius: 4px;background: var(--color-neutral-2);cursor: pointer;height: 28rem;box-sizing: border-box;}
ul.col-series-filter li.active{background: var(--color-brand-1);color: #FFFFFF;}
ul.col-series-filter li:not(:last-child){margin-right: 12rem;}
.series-card-item{padding: 24rem;}
.series-card-bg{top: 0;right: 0;left: 0;bottom: 0;width: auto;height: auto;background: var(--color-card-2);z-index: -1;}
.series-card-bg .card-bg-inner{align-items: flex-start;}
.series-card-bg .file-show-image{position: relative;z-index: -1;}
.series-card-image .show-image-item{backdrop-filter: none}
.series-card-bg .show-image-item{filter: blur(40px);backdrop-filter: none}
.series-card-box{width: 100%;aspect-ratio: 1;background-image: var(--nft-col-gradientColor2);overflow: hidden;}
.series-card-image{width: 100%;aspect-ratio: 1; background: #606060;}
.series-card-info{padding-top: 24px;}
.col-rare-icon{background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(15px);border-radius: 6px;height: 28px;padding: 6px 8px;box-sizing: border-box;}
.col-rare-icon img{height: 12px;object-fit: contain;}
.series-card-name{height: 20rem;}
.series-card-name span{font-size: 20rem;line-height: 24rem;}
/* end */

/* tab discuss */
.col-discuss-container{flex: 1;}
.col-discuss-container .col-user-avater{width: 64rem;height: 64rem;margin-right: 24rem;}
.discuss-right-follow{position: sticky;top: calc(72px + 56rem);width: 342rem;margin-left: 24rem;}
.col-hot-nft{padding: 32rem;border-radius: 16px;background: var(--color-card-2);width: 100%;box-sizing: border-box;}
.col-hot-image{width: 40rem;height: 40rem;}
.col-hot-list li > span{line-height: 40rem;}
.col-write-comment{background: var(--color-card-2);border-radius: 16px;font-size: 20rem;line-height: 20rem;height: 80rem;width: 100%;}
.col-discuss-textarea{padding: 16px 8px 16px 16px;font-size: 20rem;line-height: 36rem;}
.col-discuss-textarea textarea{padding-right: 4px;}
.col-discuss-textarea textarea.over-h{padding-right: 8px;}
.col-discuss-textarea textarea::placeholder{font-weight: 500;}
.popup-comment-wrapper{padding: 32rem 40rem;background: var(--color-bg-3);width: 820rem;box-sizing: border-box;}
.popup-comment-wrapper .col-common-button{padding: 16rem 32rem;font-size: 20rem;line-height: 20rem;}
.discuss-post{padding: 32rem;background: var(--color-card-2);border-radius: 16px;}
.comment-item-detail{margin-top: 24rem;}
.comment-item-info{font-size: 20rem;line-height: 36rem;}
.comment-item-container{margin-top: 12rem;}
.discuss-item-bottom{border-bottom: 1px solid var(--color-divider-2);padding-bottom: 32rem;}
.post-comment.border-bt0 .comment-editor-container .discuss-item-bottom, 
.comment-reply-wapper .comment-reply-item:last-child .post-reply > .discuss-item-bottom{padding-bottom: 0;border: none;}
.no-hot-nfts{margin-top: 162rem;margin-bottom: 138rem;text-align: center;color: var(--color-text-3);}
.comment-item-more{color: var(--color-text-4);position: absolute;top: 0;right: 0;}
.comment-share-list{top: 32rem;right: 0;min-width: 180rem;background: var(--color-cmpt-2);border-radius: 8px;box-shadow: var(--nft-card-shadow1);z-index: 9;}
.comment-share-list li{cursor: pointer;padding: 12rem 16rem;font-size: 14rem;line-height: 16rem;color: var(--color-text-1);}
.comment-share-list li span.iconfont{margin-right: 8px;}
.comment-share-list li span:not(.iconfont){white-space: nowrap;}
.comment-share-list li:hover{background: var(--color-card-3);}
.share-first-item{border-radius: 8px 8px 0 0;}
.share-last-item{border-radius: 0 0 8px 8px;}
.discuss-no-comments{padding-top: 160rem;padding-bottom: 200rem;}
.discuss-no-comments > img{width: 180rem;height: 180rem;object-fit: cover;}
.comment-item-menu .comment-share-list{top: 20px;box-shadow: var(--nft-card-shaow2);}
.reply-limit-words{font-size: 12px;line-height: 12px;color: var(--color-text-4);}
.reply-limit-words span{color: var(--color-other-3);}
/* end */

/* custom datePicker 
** start 
*/
.react-datepicker-popper{z-index: 99;}
.custom-date-calendar{background: var(--color-cmpt-2);width: 292rem;box-shadow: var(--nft-card-shaow2);border: none;border-radius: 4px;margin-bottom: 8rem;overflow: hidden;}
body.classic-dark .custom-date-calendar{background: var(--color-cmpt-2);}
.custom-date-header{padding: 8rem 24rem;border-bottom: 1px solid var(--color-divider-1);}
.custom-date-header i{display: inline-block;width: 24rem;height: 24rem;object-fit: contain;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.custom-input{width: 100%;height: 40rem;background: var(--color-cmpt-2);padding: 12rem 12rem 12rem 16rem;font-size: 14rem;line-height: 16rem;border: 1px solid var(--color-divider-1);box-sizing: border-box;border-radius: 4px;}
.classic-dark .custom-input{background: var(--color-cmpt-2)!important;}
body.classic-dark .custom-date-calendar .react-datepicker__month{background: var(--color-cmpt-2)!important;border-color: var(--color-divider-1)!important;}
body.classic-dark .react-datepicker__month-container{background: var(--color-cmpt-2)!important;}
.custom-input:focus{border-color: var(--color-brand-1)!important;border-width: 2px;}
.custom-input-icon{position: absolute;width: 16rem;line-height: 40rem;top: 0;right: 12rem;color: #ADB5CC;pointer-events: none;}
i.year-decrease-icon{background-image: url(/images/nft/year_decrease_icon.svg);background-size: 13px 12px;}
i.year-increase-icon{background-image: url(/images/nft/year_increase_icon.svg);background-size: 13px 12px;}
i.month-decrease-icon{background-image: url(/images/nft/month_decrease_icon.svg);background-size: 8px 12px;}
i.month-increase-icon{background-image: url(/images/nft/month_increase_icon.svg);background-size: 8px 12px;}
.custom-date-calendar .react-datepicker__day-names, .custom-date-calendar .react-datepicker__week{display: flex;align-items: center;justify-content: space-between;}
.custom-date-calendar .react-datepicker__day-names{font-weight: 600;padding: 16rem 28rem 10rem;}
.react-datepicker__day-name{color: var(--color-text-3)}
body.classic-dark .react-datepicker__day-name{color: var(--color-text-3)!important;}
.custom-date-calendar .react-datepicker__month{padding-bottom: 16rem!important;border-bottom: 1px solid var(--color-divider-1);padding: 0 24rem;}
body.classic-dark .react-datepicker__header, 
.react-datepicker__input-time-container{background: var(--color-cmpt-2)!important;}
.custom-date-calendar .react-datepicker__week{margin-top: 6rem;}
.custom-date-calendar .react-datepicker-time__caption{display: none;}
.custom-date-calendar .custom-time-input{padding: 16rem;}
.custom-time-input input{width: 60px;padding: 9px 16px 9px 12px;height: 32px;border: 1px solid var(--color-divider-1);background: var(--color-cmpt-2);box-sizing: border-box;font-size: 14px;line-height: 14px;caret-color: var(--color-brand-1);font-weight: 500;color: var(--color-text-1);}
.custom-date-calendar .react-datepicker__day{color: var(--color-text-1);box-sizing: border-box;width: 24px;height: 24px;border-radius: 4px;line-height: 24px;text-align: center;font-size: 14px;cursor: default;}
.custom-date-calendar .react-datepicker__day--today{font-weight: 600;}
.custom-date-calendar .react-datepicker__day:hover{color: var(--color-brand-1);border: 1px solid var(--color-brand-1);background-color: transparent!important;}
.custom-date-calendar .react-datepicker__day--selected{background: var(--color-brand-1);color: #fff;}
.custom-date-calendar .react-datepicker__day--outside-month{color: var(--color-text-3);}
.custom-time-icon .icon-time-up{font-size: 12px;transform: scale(0.5);right: 6px;top: 6px;color: var(--color-text-3);cursor: pointer;} 
.custom-time-icon .icon-time-down{font-size: 12px;transform: scale(0.5);right: 6px;bottom: 6px;color: var(--color-text-3);cursor: pointer;} 
/* end */

/* 最佳报价出售 */
.best-offer-sell{background: var(--color-neutral-2);padding: 12rem 24rem;height: 40rem;box-sizing: border-box;cursor: pointer;}
.best-offer-sell.disabled{background: var(--color-neutral-2);color:var(--color-text-4);}
.col-best-offer-wrapper{padding: 32rem 40rem;background: var(--color-bg-3);width: 820rem;}
.owner-creation-card{height: 72rem;background: var(--color-card-1);border-radius: 8px;padding: 12rem 20rem 12rem 12rem;box-sizing: border-box;}
.owner-creation-card:hover{background: var(--color-card-3);}
.owner-creation-card:hover .best-creation-name{color: var(--color-brand-1);}
.classic-dark .owner-creation-card:hover .best-creation-name{color: #FFFFFF;}
.owner-card-image{width: 48rem;height: 48rem;}
.best-list-wrapper{max-height: 752rem;overflow: auto;}
.best-list-main{--layout-rowNumer: 2;--layout-itemMargin: 16px;}
@media screen and (max-height: 1000px) {
  .best-list-wrapper{max-height: 500rem;}
}
.col-common-radio{width: 16px;height: 16px;border-radius: 50%;border: 1px solid var(--color-divider-2);background: var(--color-bg-1);cursor: pointer;position: relative;display: flex;justify-content: center;align-items: center;box-sizing: border-box;}
.col-common-radio::after{width: 6px;height: 6px;position: absolute;content: '';border-radius: 50%;background: var(--color-bg-1);}
.col-common-radio.active{background: var(--color-brand-1);border: none;}
.owner-creation-card:hover .col-common-radio:not(.active){border-color: var(--color-brand-1);background: var(--color-card-2);}
.owner-creation-card:hover .col-common-radio:not(.active)::after{background: var(--color-card-2);}
.owner-creation-card:hover i.need-checked{border-color: var(--color-brand-1);}
.best-sell-price span{font-weight: 400;font-size: 12rem;line-height: 12rem;}
.best-offer-sell-button{width: 100%;height: 52rem;background: var(--color-brand-1);color: #fff;}
.best-offer-sell-button.disabled{background: var(--color-neutral-3);color: var(color-text-4)!important;text-shadow:none;}
.best-sell-success-wrapper{padding-top: 48rem;background: var(--color-bg-3);}
.best-sell-success-icon{font-size: 88rem;line-height: 88rem;color: var(--color-funct-2);}
.best-sell-success-wrapper .icon-a-24px-error-fill{color: var(--color-funct-3);}
.best-sell-success-title{font-size: 32rem;line-height: 48rem;max-width: 100%;padding: 0 72rem;box-sizing: border-box;}
.best-sell-success-wrapper .common-success-detail{color: var(--color-text-3);word-break: break-word;}
.free-buyouting{background-image: linear-gradient(90deg, #FFEC1A 0%, #FFAA33 100%);letter-spacing: 1px;font-family: 'Alibaba PuHuiTi';font-weight: 600;}
.free-settle{background-image: linear-gradient(90deg, #C2C5CC 0%, #989FB3 100%);letter-spacing: 1px;font-family: 'Alibaba PuHuiTi';font-weight: 600;}
.best-creation-name{max-width: 100%;color: var(--color-text-2);}
/* end */

/* popup-tooltip */
.popup-tooltips-content{background: var(--nft-card-otherBg2)!important;border-radius: 8px;padding: 12px!important;font-weight: 500;width: auto!important;max-width: 500rem;margin-top: -4px;}
.classic-dark .popup-tooltips-content{background: var(--nft-card-otherBg2)!important;}
.popup-tooltips-content svg.popup-arrow{color: var(--nft-card-otherBg2)!important;}
.classic-dark .popup-tooltips-content svg.popup-arrow{color: var(--nft-card-otherBg2)!important;}
/* end */

/* pool详情页 */
.pools-token-asset-thumbnail{width: 32rem;height: 32rem;flex-shrink: 0;}
.pools-token-asset-thumbnail:not(:last-child){margin-right: 4rem;}
.pools-token-nfts{min-width: 144rem;}
.pools-token-nfts-more{padding: 0 4px;height: 32rem;line-height: 32rem;border-radius: 2px;background: var(--color-card-2);margin-left: 8rem;}
.pools-token-nfts-list.folded::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 32rem;background: linear-gradient(90deg, rgba(248, 249, 251, 0) 87.94%, rgba(248, 249, 251, 1) 100%);z-index: 1;}
.classic-dark .pools-token-nfts-list::before{background: linear-gradient(90deg, rgba(21, 25, 38, 0) 87.94%, rgba(21, 25, 38, 1) 100%);}
.pool-nfts-preview .popup-common-title > span{font-size: 14rem;line-height: 21rem;}
.pool-head-avatar{width: 24rem;height: 24rem;object-fit: cover;border-radius: 50%;}

.pool-title-center{margin: 0 32rem;font-size: 40rem;line-height: 40rem;}
.second-nav-bar{position: sticky;top: 64px;z-index: 9;}
.trade-item-icon{width: 32rem;margin: 0 100rem;}
.trade-item-icon > span.iconfont{font-size: 32rem;line-height: 32rem;}
.trade-type-icon{margin-right: 100rem;}
.swap-trade-item .trade-item-token{width: 232rem;}
.amm-portal .col-common-button.disabled{background: var(--color-neutral-3);text-shadow:none;}
.amm-nft-card-comp:hover{background: var(--color-card-3);}
.amm-nft-card-comp:hover .amm-nft-card-comp-name{color: var(--color-brand-1);}
.classic-dark .amm-nft-card-comp:hover .amm-nft-card-comp-name{color: #FFFFFF;}
.amm-nft-edit-pool-portal-curve .amm-chart{height: 100%;}
.back-to-collection .icon-a-12px-jiantou-zuo{margin-top: -1px;}
.trade-no-history{margin-top: 160rem;width: 100%;}
.amm-nft-exchange-pool-container{
  --layout-itemMargin: 16px;
} 
.amm-nft-edit-pool-portal-form .amm-input{height: 40rem;box-sizing: border-box;}
.amm-nft-edit-pool-portal-form .amm-input > input{padding: 12rem;}
.amm-nft-edit-pool-portal-form .amm-input > span{line-height: 16rem;font-size: 16rem;display: flex;align-items: center;position: relative;}
.amm-nft-edit-pool-portal-form .amm-input > span > img{width: 16rem;height: 16rem;margin-right: 4rem;}
.amm-nft-edit-pool-portal-form .amm-input > .amm-input-token-part::before{content: '';width: 1px;height: 16px;position: absolute;left: -12px;background: var(--color-divider-1);}
/* end */

/* sell tab */
.col-sell-wrapper{margin-top: 40rem;}
.col-sell-card{padding: 8px;position: relative;}
.sell-card-best-offer{margin: 16rem 12rem 12rem;height: 48rem;font-size: 16rem;line-height: 16rem;}
.sell-card-best-offer > div{height: 48rem;}
.col-sell-card-title{display: inline-block;line-height: 18rem;color: var(--color-text-1);max-width: 100%;cursor: pointer;}
.col-sell-card .home-card-bg{z-index: -1;}
.col-sell-card:hover .home-card-bg{opacity: 1}
.col-sell-card:not(.cur-no):hover i.need-checked{border-color: var(--color-brand-1);}
.col-sell-card:not(.cur-no):hover  .home-card-bg.selected .card-bg-inner-border{background: transparent;}
.col-sell-card:not(.cur-no):hover .home-card-bg.selected{background: var(--linearGradient4);}
.col-sell-card.cur-no i.need-checked{background: var(--color-neutral-3);}
.col-sell-card.cur-no .sell-label{color: var(--color-text-4);}
.col-sell-card.cur-no .audio-card-wrapper{cursor: not-allowed;}
.col-sell-card i.is-checked{width: 20rem;height: 20rem;flex-shrink: 0;}
.home-card-bg.selected{background: var(--color-brand-1);opacity: 1;}
.home-card-bg.selected .card-bg-inner-border{background: var(--color-bg-1);height: calc(100% - 2px);}
.col-sell-selected{position: fixed;bottom: 0;left: 0;width: 100%;height: 128rem;background: rgba(255, 255, 255, 0.9);box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);backdrop-filter: blur(30px);box-sizing: border-box;z-index: 9;}
.classic-dark .col-sell-selected{background: rgba(0, 0, 0, 0.9);box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);}
.col-sell-selected-list{overflow: auto;}
.col-sell-selected-list.folded::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 64rem;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 87.94%, rgba(255, 255, 255, 0.9) 100%);z-index: 1;pointer-events: none;}
.classic-dark .col-sell-selected-list.folded::after{background: linear-gradient(90deg, rgba(0, 0, 0, 0) 87.94%, rgba(0, 0, 0, 0.9) 100%);}
.col-sell-selected-list li:not(:last-child){margin-right: 12rem;}
.col-sell-selected-title{font-size: 16rem;line-height: 16rem;color: var(--color-text-2);margin-top: 16rem;}
.col-sell-selected-card{width: 64rem;height: 64rem;}
.col-sell-selected-card .card-bg-inner{backdrop-filter: blur(0)}
.col-sell-selected-delete{width: 100%;height: 22rem;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(5px);position: absolute;bottom: 0;left: 0;cursor: pointer;}
.col-sell-selected-delete span{font-size: 14rem;color: #B8BDCC;}
.col-sell-selected-button{height: 52rem;background: var(--color-gradient-7);color: #FFFFFF;margin-left: 24rem;cursor: pointer;width: 23.74%;text-align: center;padding: 0 32rem;box-sizing: border-box;}
.col-sell-selected-button-content span {display: none;}
.col-sell-wrapper .data-empty-comp-wrapper{white-space: pre-line;margin-top: 120rem;}
.col-sell-wrapper .amm-pool-container{margin-top: 160rem;}
.asset-mini-card i.is-checked{width: 16rem;height: 16rem;flex-shrink: 0;}
.col-sell-card .right-top-icon{position: absolute;top: 12rem;right: 12rem;}
.left-bottom-sign{position: absolute;left: 12rem;bottom: 12rem;}
.sell-no-nfts{line-height: 150%;}
.sell-no-nfts span{color: var(--color-brand-1);cursor: pointer;}
/* end */

/* StatusIcon */
.nft-status-icon{padding: 6px 8px;color: #04091A;height: 24px;font-size: 12px;line-height: 12px;background: var(--color-gradient-3);border-radius: 6px;box-sizing: border-box;}
/* end */

/* sell tab */
.col-sell-wrapper{margin-top: 40rem;}
.col-sell-card{padding: 8px;position: relative;}
.sell-card-best-offer{margin: 16rem 12rem 12rem;height: 48rem;font-size: 16rem;line-height: 16rem;}
.sell-card-best-offer > div{height: 48rem;}
.col-sell-card-title{display: inline-block;line-height: 18rem;color: var(--color-text-1);max-width: 100%;cursor: pointer;}
.col-sell-card .home-card-bg{z-index: -1;}
.col-sell-card:hover .home-card-bg{opacity: 1}
.col-sell-card:not(.cur-no):hover i.need-checked{border-color: var(--color-brand-1);}
.col-sell-card:not(.cur-no):hover  .home-card-bg.selected .card-bg-inner-border{background: transparent;}
.col-sell-card:not(.cur-no):hover .home-card-bg.selected{background: var(--linearGradient4);}
.col-sell-card.cur-no i.need-checked{background: var(--color-neutral-3);}
.col-sell-card.cur-no .sell-label{color: var(--color-text-4);}
.col-sell-card.cur-no .audio-card-wrapper{cursor: not-allowed;}
.col-sell-card i.is-checked{width: 20rem;height: 20rem;flex-shrink: 0;}
.home-card-bg.selected{background: var(--color-brand-1);opacity: 1;}
.home-card-bg.selected .card-bg-inner-border{background: var(--color-bg-1);height: calc(100% - 2px);}
.col-sell-selected{position: fixed;bottom: 0;left: 0;width: 100%;height: 128rem;background: rgba(255, 255, 255, 0.9);box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);backdrop-filter: blur(30px);box-sizing: border-box;z-index: 9;}
.classic-dark .col-sell-selected{background: rgba(0, 0, 0, 0.9);box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.13);}
.col-sell-selected-list{overflow: auto;}
.col-sell-selected-list.folded::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 64rem;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 87.94%, rgba(255, 255, 255, 0.9) 100%);z-index: 1;pointer-events: none;}
.classic-dark .col-sell-selected-list.folded::after{background: linear-gradient(90deg, rgba(0, 0, 0, 0) 87.94%, rgba(0, 0, 0, 0.9) 100%);}
.col-sell-selected-list li:not(:last-child){margin-right: 12rem;}
.col-sell-selected-title{font-size: 16rem;line-height: 16rem;color: var(--color-text-2);margin-top: 16rem;}
.col-sell-selected-card{width: 64rem;height: 64rem;}
.col-sell-selected-card .card-bg-inner{backdrop-filter: blur(0)}
.col-sell-selected-delete{width: 100%;height: 22rem;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(5px);position: absolute;bottom: 0;left: 0;cursor: pointer;}
.col-sell-selected-delete span{font-size: 14rem;color: #B8BDCC;}
.col-sell-selected-button{height: 52rem;background: var(--color-gradient-7);color: #FFFFFF;margin-left: 24rem;cursor: pointer;width: 23.74%;text-align: center;padding: 0 32rem;box-sizing: border-box;}
.col-sell-wrapper .data-empty-comp-wrapper{white-space: pre-line;margin-top: 120rem;}
.col-sell-wrapper .amm-pool-container{margin-top: 160rem;}
.asset-mini-card i.is-checked{width: 16rem;height: 16rem;flex-shrink: 0;}
.col-sell-card .right-top-icon{position: absolute;top: 12rem;right: 12rem;}
.left-bottom-sign{position: absolute;left: 12rem;bottom: 12rem;}
.sell-no-nfts{line-height: 150%;}
.sell-no-nfts span{color: var(--color-brand-1);cursor: pointer;}
/* end */

/* export data popup */
.export-data-type{font-size: 14px;line-height: 1.5;color: var(--color-text-2);margin: 16px 0;}
ul.choose-type-wrapper{display: flex;gap: 8px;align-items: center;}
ul.choose-type-wrapper li{flex: 1;text-align: center;height: 40px;line-height: 40px;background: var(--color-neutral-2);border: 1px solid var(--color-divider-1);border-radius: 4px;font-size: 14px;color: var(--color-text-1);}
ul.choose-type-wrapper li.active{border: none;color: var(--color-brand-1);}
.export-data-tips{font-size: 12px;line-height: 1.5;margin-top: 8px;color: var(--color-text-4);}
.react-datepicker-wrapper{margin-top: 8px;}
/* end */

/* StatusIcon */
.nft-status-icon{padding: 6px 8px;color: #04091A;height: 24px;font-size: 12px;line-height: 12px;background: var(--color-gradient-3);border-radius: 6px;box-sizing: border-box;}
/* end */
/* 用户标志 */
.proposal-item-left .identity-icon-wrapper{right: 1px;z-index: 1;}
.identity-icon-wrapper{width: 24px;height: 24px;right: calc(24rem - 5px);bottom: -5px;}
/* 用户标识end */

/* 国际化样式兼容 */
html[lang="ru"] .collection-offer-wrapper .popup-offer-input::placeholder{font-size: 12px;}
html[lang="ja"] ul.popup-offer-expiration li{padding: 0 6rem;}
/* 国际化样式兼容 end */

/* h5 start */
@media screen and (max-width:768px) {
  .h5-mb12{margin-bottom: 12px;}
  .col-top-section{position: relative;margin-bottom: 66px;}
  .col-banner-container{border-radius: 0;height: 160px;border-radius: 8px;margin-bottom: 16px;}
  .col-banner-image{border-radius: 0;}
  .col-top-icon{width: 100px;height: 112px;left: 8px;bottom: -24px;}
  .col-top-icon .overlying-icon-image{width: 76px;height: 76px}
  .collection-info-wrapper{flex-wrap: wrap;position: relative;}
  .left-info-container{width: 100%;margin-top: 8px;}
  .left-info-title{height: auto;display: block;}
  .left-info-container h1{-webkit-line-clamp: 2;display: inline;font-size: 24px;line-height: 1.5;}
  .right-info-container{width: 100%;/* height: 112px; */margin-top: 12px;}
  .col-card-user-wrapper{gap: 12px;margin-top: 12px;}
  .col-card-user{padding: 8px 10px 8px 8px;margin:0;height: 32px;box-sizing: border-box;}
  .col-user-avater{width: 16px;height: 16px;}
  .col-card-user > a{font-size: 12px;line-height: 16px;}
  .col-social-item{margin:0!important;width: 32px;height: 32px;}
  .col-apply-verified{position: absolute;top: -54px;right: 8px;background: rgba(0, 0, 0, 0.3);border-radius: 6px;backdrop-filter: blur(15px);height: 30px;color: #fff;font-size: 12px;padding: 0 12px;line-height: 1;}
  .col-describtion{font-size: 12px;line-height: 18px;margin-top: 12px;}
  .col-describtion.over-ell2{height: 18px;-webkit-line-clamp: 1;}
  .col-description-btn{margin: 0;}
  .col-describtion::before{margin-bottom: -18px;}
  .right-info-main {display: flex;flex-direction: column;}
  ul.right-info-list{padding: 16px;padding-bottom: 12px;}
  .info-list-item-label{font-size: 12px;line-height: 12px;text-transform: capitalize;}
  .info-list-item-value{margin-top: 16px;font-size: 16px;line-height: 16px;}
  .col-simple-echart, .nodata-linechart, .nodata-linechart_line{height: 40px;object-fit: fill}
  .col-h5-button{margin-top: 16px;height: 40px;box-sizing: border-box;font-size: 14px;text-transform: capitalize;padding: 0;line-height: 16px;width: 100%;padding: 12px 24px;}
  .best-offer-sell{color: #04091a;}
  .classic-dark .col-h5-button{color: #fff;}
  .best-offer-sell.disabled{color:var(--color-text-4)!important;text-shadow:none;}
  .tip-confirm-wrapper{font-size: 14px;border-radius: 16px;width: 328px;}
  .popup-tip-content{font-size: 14px;line-height: 1.5;}
  .popup-tip-button{height: 40px;font-size: 14px;line-height: 40px;}
  .popup-common-title{font-size: 20px;line-height: 36px;}
  .col-forbidden-description{font-size: 12px;line-height: 1.5;display: flex;}
  .col-forbidden-description>div::before{content: '';float: right;width: 0;height: calc(100% - 14px);}
  .col-goto-appeal{font-size: 14px;line-height: 14px;float: right;clear: both;letter-spacing: -0.4px;}
  .popup-common-close{right: 16px;top: 16px;}
  .h5-utils-wrapper{height: 30px;border-radius: 6px;backdrop-filter: blur(15px);background: rgba(0, 0, 0, 0.3);display: flex;justify-content: flex-start;gap: 16px;align-items: center;position: absolute;right: 8px;top: 8px;padding: 0 12px;}
  .h5-utils-wrapper li>.iconfont{font-size: 14px;color: #fff;}
  .col-best-offer-wrapper{width: 328px;padding: 24px;}
  .best-list-wrapper{max-height: 500px;}
  .best-list-main{--layout-rowNumer:1;margin-top: 24px;gap: 12px;}
  .owner-creation-card{height: 64px;border-radius: 8px;padding: 12px;}
  .owner-creation-card:hover{background: var(--color-card-1)}
  .owner-card-image{height: 40px;width: 40px;margin-right: 12px;}
  .best-creation-name{font-size: 14px;line-height: 1;}
  .h5-bestoffer-cont{font-size: 12px;line-height: 1;margin-top: 6px;}
  .best-offer-sell-button{height: 40px;}
  .best-sell-success-wrapper{padding-top: 48px}
  .best-sell-success-icon{font-size: 72px;line-height: 72px;margin-top: 24px;}
  .best-sell-success-title{font-size: 20px;line-height: 1;margin-top: 32px;height: 22px;}
  .common-success-detail{font-size: 14px;line-height: 1.5;margin-top: 24px;padding: 0 24px;}
  .common-success-detail>span{font-size: 16px;line-height: 1.5;}
  .popup-comment-wrapper{padding: 24px;width: 382px;}
  .popup-comment-wrapper .col-common-button{padding: 12px 24px;font-size: 16px;line-height: 1;}
  .comment-share-list{min-width: 100px;top: 20px;}
  .comment-share-list li{padding: 12px 16px;font-size: 14px;line-height: 1;}
  .common-bottom-wrapper{z-index: 9999;position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;overflow-y: scroll;height: 100%;background:rgba(0,0,0,0.7);}
  .common-bottom-wrapper::-webkit-scrollbar{width: 0;}
  .common-bottom-wrapper .common-popup-main{background: var(--color-bg-3);width: 100vw;position: absolute;bottom: 0;border-radius: 16px 16px 0 0;padding: 16px;}
  ul.col-share-list li:not(:last-child){margin: 0;}
  .col-share-list{margin: 40px 0;}
  .col-share-icon{width: 48px;height: 48px;line-height: 48px;margin-bottom: 24px;}
  ul.col-share-list li > span{font-size: 12px;line-height: 1;font-weight: 500;}
  ul.col-more-list{position: static;background: none;box-shadow:none;margin-bottom: 16px;margin-top: 20px;}
  ul.col-more-list li{padding: 0;font-size: 16px;height: 52px;line-height: 52px;}
  ul.col-more-list li:hover{background: var(--color-card-3)}
  .h5-mt12{margin-top: 12px!important}
  .common-select-container{margin-top: 12px;height: 40px;}
  .common-select-container .coins-list{top: 40px;}
  .common-select-container .coins-list li{height: auto;font-size: 14px;padding: 13px 12px;}
  .popup-report-reason{margin-top: 24px;}
  .popup-report-reason span{font-weight: 500;color: var(--color-text-4);}
  .nft-common-textarea textarea{font-size: 14px;line-height: 1.5;}
  .col-top-icon .overlying-position1{top: 14px;right: 4px;left: 4px;bottom: -6px;}
  .col-top-icon .overlying-position2{top: 28px;right: 8px;left: 8px;bottom: -12px;}
  .collection-info-wrapper{margin-top: 0;}
  .no-good-list{height: auto;margin-top: 80px!important}
  .no-good-list>div{color: var(--color-text-3)}
  .activity_link, #toolsMenu{display: none!important;}
  .series-card-name{height: 16px;}
  .series-card-name span{font-size: 16px;line-height: 1;}
  .col-rare-icon{height: 16px;padding: 3px 4px;border-radius: 4px;}
  .col-rare-icon img{height: 10px;}
  .series-card-info>div{margin-top: 16px}
  .common-popup-main{width: 328px;padding: 24px;}
  .popup-confirm-button{margin-left: 8px;}
  .custom-date-calendar .react-datepicker__day--today{font-weight: 400;}
  .common-success-determine{padding: 24px;padding-top: 0;}
  .common-success-info{padding-bottom: 0;}
  .gateioToastTheme{max-width: 328px!important;}
  .h5-mt24{margin-top: 24px!important;}
  .h5-fz14im{font-size: 14px!important;}
  .right-info-external{padding: 16px;font-size: 12px;line-height: 1;}
  .discuss-no-comments > img{width: 120px;height: 120px;}
  .best-sell-price span{font-size: 12px;line-height: 1;}
  .common-select-container .coins-list li span{font-size: 14px;line-height: 1.5;}
  .offer-collection-icon{width: 64px;margin-bottom: 16px;}
  .offer-collection-icon .overlying-icon-image{width: 64px;height: 64px;}
  .offer-collection-icon .overlying-position1{top: 12px;left: 4px;right: 3px;bottom: -4px;}
  .offer-collection-icon .overlying-position2{top: 24px;left: 8px;right: 6px;bottom: -8px;}
  .col-social-item span{font-size: 12px;}
  .col-social-item span.icon-yoursite{font-size: 14px;}
  .col-share-icon .iconfont.icon-Frame1{font-size: 18px;}
  .col-share-icon .iconfont.icon-Frame11{font-size: 15px;}
}
/* h5 end */