@font-face {font-family: 'Libre Baskerville';src: url(/fonts/LibreBaskerville-Bold.otf);}

::-webkit-scrollbar-corner {background: transparent;}
a:focus, input:focus, p:focus, div:focus{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{caret-color: var(--color-brand-1);}
textarea::placeholder{color: var(--color-text-4);}
.jc-between{justify-content:space-between}
.jc-start{justify-content:flex-start}
.jc-center{justify-content:center}
.jc-end{justify-content:flex-end}
.fl-alCenter{display: flex;align-items: center;}
.fd-c{flex-direction: column;}
.fww{flex-wrap:wrap}
.fs0{flex-shrink: 0;}
.por{position:relative}
.fl-wrap{flex-wrap:wrap}
.flex1{flex: 1;}
.oh{overflow: hidden;}
.no-block{display: none;}
.poa{position:absolute!important}
.ml4{margin-left:4px}
.ml8{margin-left:8px}
.ml12{margin-left: 12px;}
.ml24{margin-left: 24px;}
.ml32{margin-left: 32px;}
.ml60{margin-left: 60px;}
.ml28{margin-left: 28px;}
.ml6{margin-left: 6px;}
.mr4{margin-right: 4px;}
.mr8{margin-right:8px}
.mr10{margin-right: 10px;}
.mr12{margin-right: 12px;}
.mr16{margin-right:16px}
.mr20{margin-right: 20px;}
.mr24{margin-right: 24px;}
.mr40{margin-right: 40px;}
.mr80{margin-right: 80px!important;}
.ml16{margin-left:16px}
.ml20{margin-left:20px}
.ml40{margin-left: 40px!important;}
.mt2-{margin-top: -2px;}
.mt4-{margin-top: -4px;}
.mt2{margin-top:2px}
.mt4{margin-top:4px}
.mt6{margin-top:6px}
.mt8{margin-top:8px!important}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt16{margin-top:16px!important}
.mt20{margin-top:20px!important}
.mt24{margin-top:24px!important}
.mt28{margin-top:28px}
.mt32{margin-top:32px}
.mt36{margin-top:36px}
.mt30{margin-top: 30px;}
.mt40{margin-top:40px}
.mt48{margin-top:48px!important}
.mt50{margin-top:50px}
.mt56{margin-top:56px}
.mt60{margin-top: 60px;}
.mt64{margin-top: 64px;}
.mt96{margin-top: 96px;}
.mt14{margin-top:14px}
.mb4{margin-bottom: 4px;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom:10px}
.mb12{margin-bottom:12px}
.mb14{margin-bottom:14px}
.mb16{margin-bottom:16px}
.mb18{margin-bottom:18px}
/* margin rem */
.mt8-rem{margin-top: 8rem;}
.mt12-rem{margin-top: 12rem;}
.mt14-rem{margin-top: 14rem;}
.mt16-rem{margin-top: 16rem;}
.mt18-rem{margin-top: 18rem;}
.mt20-rem{margin-top: 20rem;}
.mt24-rem{margin-top: 24rem;}
.mt32-rem{margin-top: 32rem;}
.mt40-rem{margin-top: 40rem;}
.mt48-rem{margin-top: 48rem;}
.mt64-rem{margin-top: 64rem;}
.mr4-rem{margin-right: 4rem;}
.mt160-rem{margin-top: 160rem;}
.mr6-rem{margin-right: 6rem;}
.mr12-rem{margin-right: 12rem;}
.mr16-rem{margin-right: 16rem;}
.mr24-rem{margin-right: 24rem;}
.mr40-rem{margin-right: 40rem;}
.mr64-rem{margin-right: 64rem;}
.mb8-rem{margin-bottom: 8rem;}
.mb16-rem{margin-bottom: 16rem;}
.mb32-rem{margin-bottom: 32rem;}
.mb40-rem{margin-bottom: 40rem;}
.mb120-rem{margin-bottom: 120rem;}
.mb160-rem{margin-bottom: 160rem;}
.ml4-rem{margin-left: 4rem;}
.ml6-rem{margin-left: 6rem;}
.ml12-rem{margin-left: 12rem;}
.ml16-rem{margin-left: 16rem;}
.ml24-rem{margin-left: 24rem;}
.ml32-rem{margin-left: 32rem;}
.ml40-rem{margin-left: 40rem;}
.ml64-rem{margin-left: 64rem;}
/* end */
.btg{border-top:1px solid #eee}
.tar{text-align:right!important}
.tac{text-align:center!important}
.tal{text-align:left!important}
.pl0{padding-left:0!important}
.pr0{padding-right:0!important}
.pl20{padding-left:20px!important}
.pl10{padding-left:10px!important}
.pr0{padding-right:0!important}
.pl8{padding-left: 8px;}
.pr8{padding-right: 8px;}
.pl16{padding-left:16px}
.pr10{padding-right:10px!important}
.pr16{padding-right:16px}
.pr20{padding-right:20px!important}
.pt20{padding-top: 20px;}
.pt24{padding-top:24px}
.pd8{padding: 8px;}
.pd24{padding: 24px;}
.pb20{padding-bottom: 20px;}
.pb24{padding-bottom: 24px;}
.pd20{padding:20px!important}
.pd60{padding: 0 3rem!important}
.lh16{line-height: 16px;}
.lh24{line-height: 24px;}
.up{color:#e62323!important}
.down{color:#13BF86!important}
.cp{cursor:pointer}
.cd{cursor: default;}
.cur-no{cursor: not-allowed;}
.fwb{font-weight: 500;}
.fap2{font-weight: 500;}
.fwSans-bold{font-weight: 600;}
.fw500{font-weight: 500;}
.fw700{font-weight: 600;}
.fz12{font-size:12px}
.fz14{font-size:14px}
.fz16{font-size:16px}
.fz18{font-size:18px!important}
.fz20{font-size:20px}
.fz24{font-size:24px}
.fz28{font-size: 28px;}
.fz32{font-size:32px}
.fz40{font-size:40px}
.fz52{font-size:52px}
/* font rem */
.fs12-rem{font-size:12rem;}
.fs14-rem{font-size:14rem;}
.fs16-rem{font-size:16rem;}
.fs20-rem{font-size:20rem;line-height: 1;}
.fs24-rem{font-size:24rem;line-height: 1;}
.fs28-rem{font-size: 28rem;line-height: 1;}
.fs32-rem{font-size:32rem;}
.fs40-rem{font-size:40rem;line-height: 1;}
.fs52-rem{font-size:52rem;line-height: 1;}
/* end */
/* line-heitht rem */
.lh1{line-height: 1;}
.lh12-rem{line-height:12px;}
.lh14-rem{line-height:14px;}
.lh16-rem{line-height:16px;}
/* end */
.w600{width: 600px!important;}
.w1200{width:1200px!important}
.w1280{width:1280px}
.w384{width:384px!important}
.mw128{max-width:128px}
.mw160{max-width: 160px;}
.m0auto{margin:0 auto}
.m0{margin:0!important;}
.mb20{margin-bottom:20px}
.mb24{margin-bottom:24px!important}
.mb32{margin-bottom: 32px;}
.mb80{margin-bottom: 80px;}
.mb0{margin-bottom:0!important}
.icon16{width:16px;height:16px}
.wpline{white-space:pre-line}
.wp-nowrap{white-space:nowrap}
.gray-bg{background:#fafafa}
.no-scroll{overflow:hidden;width:100%;height:100%}
.over-h{overflow: hidden;}
.box-content{box-sizing: content-box !important;}
.in-block{display: inline-block;}
.bg0p{background: transparent!important;}
.wb-all{word-break: break-all;}
.wb-word{word-break: break-word;}
.br3{border-radius: 3px!important;}
.br4{border-radius: 4px!important;}
.resize-v{resize: vertical !important;}
.maxh560{max-height: 560px;overflow: auto;}
.no-border{border: none;}
.w-fit{width: fit-content;}
.red-border{border: 1px solid var(--brandColor);}
.red-bgcolor{background: var(--brandColor);}
.c-fff{color: var(--colorWhite);}
.c-040{color: var(--color-text-1);}
.c-565{color: var(--color-text-2);}
.c-8d9{color: var(--color-text-3);}
.c-b8b{color: var(--color-text-4);}
.c-606{color: #606880;}
.c-235{color: var(--color-brand-1);}
.fun-red{color: var(--color-funct-7);}
.c-c2c{color: #C2C5CC;}
.c-333{color: #333333;}
.c-999{color: #999999;}
.c-3A3{color: #3a3a3a;}
.bg-faf{background: #fafafa;}
.bg-comt2{background: var(--color-cmpt-2);}
.pd8{padding: 8px;}
.pd12{padding: 12px;}
.pd16{padding: 16px;}
.text-left {text-align: left !important;}
.nft-invert-icon{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.clip-font{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.dash-bottom{border-bottom: 1px dashed #999;}
.new-content-icon{background: var(--linearGradient1);position: absolute;width: 35px;height: 18px;line-height: 18px;color: white;font-size: 12px;right: -24px;top: 8px;transform: scale(0.8);padding: 1px 1px 0 0;border-radius: 7px 7px 7px 0px;text-align: center;}
.com-short-line{width: 1px;height: 8px;}
.common-popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:flex;overflow-y:scroll;height:100%;background:rgba(0,0,0,.7);}
.common-popup-main{box-sizing:border-box;margin:auto;width:520px;border-radius:5px;background:#fff}
.classic-dark .theme-light-hide, .theme-dark-hide{display: none;}
.classic-dark .theme-dark-hide{display: block;}
:root{ --areaWidth: 992px;}
/* body,#root{overflow-x: hidden;} 会影响header的sticky失效 */
.text-ellipsis {display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 1;}
.w1440{width: var(--areaWidth);margin: 0 auto;}
/* @media screen and (max-width: 1560px) {
  body{ --areaWidth: 1200px !important;}
  .w1440{width: 1200px !important;}
} */
@media screen and (max-height: 796px){
	.bid-popup-main{position: relative;}
	.bid-popup-main .common-popup-cont{max-height: 520px;overflow: auto;}
	.bid-popup-main .bid-tips{margin-bottom: 80px;}
	.bid-popup-main .bid-butoon-wrapper{position: absolute;left: 0;right: 0;bottom: 0px;margin-top: 0;margin-bottom: 0;padding-bottom: 40px;background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);}
  .bid-popup-main .common-popup-cont.need-agreement{max-height: 420px;padding-bottom: 0;}
  .bid-popup-main .need-agreement .bid-tips{margin-bottom: 0px;}
}
.common-popup-cont{padding:0 24px 24px}
.common-grid-swiper {overflow: hidden;}
.popup-header{position:relative;padding:20px 24px;border-bottom:1px solid #eee;color:#111;font-size:18px;justify-content:space-between}
.popup-header img{width:18px;height:18px;cursor:pointer;object-fit:cover}
.main-container *{box-sizing:border-box}
/* .main-container{background: #F8F9FB;} */
.maket-container{background: var(--nftBgColor);min-width: var(--areaWidth);}
.sticky-container{position: sticky;top: 72px; z-index: 8;}
.search-header{height:64px;width: 1200px;margin:0 auto}
.common-search{position:relative;box-sizing:border-box;padding:0 32px;width:36.5%;height:40px;border:1px solid #eee;border-radius:4px;line-height:40px;display: flex;align-items: center;}
.common-search i{position:absolute;top:11px;left:10px;display:inline-block;width:16px;height:16px;background:url(/images/search@2x.png) no-repeat;background-size:100%;cursor:pointer}
.common-search input{width:100%;height:30px;border:none;font-size:14px;line-height:30px}
.common-search input::placeholder{color:#999;font-size:14px}
.common-search input:focus{outline:0;border:none}
.card-wrapper{overflow:hidden;height:0!important;padding-bottom:100%;border:1px solid #eee;border-radius:5px;text-align:center;cursor:pointer;}
.card-wrapper>img{position: absolute;top: 0;left: 0;}
.card-wrapper>svg{position: absolute;top: 0;left: 0;}
.cover-img{width:100%;border:1px solid #eee;border-radius:4px 4px 0 0;transition:all .6s cubic-bezier(.075,.82,.165,1)}
.cover-img:hover{box-sizing:border-box;transform:scale(1.2)}
.card-info-wrapper{box-sizing:border-box;padding:16px;border:1px solid #eee;border-top:none;border-radius:0 0 4px 4px;font-size:12px}
.common-card-collection .card-info-wrapper{border:none}
.card-info-create-wrapper{box-sizing:border-box;padding:16px 0;height:90px;border-top:1px solid #eee;border-radius:0 0 4px 4px}
i.card-tag{top:0;left:0;display:inline-block;padding:0 6px;height:24px;border-radius:4px 0 4px 0;font-style:normal;font-size:12px;line-height:25px!important}
i.card-setting{display:inline-block;width:24px;height:24px;background-image:url(/images/card_setting_icon.png);background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer}
i.gate-nft-tag{display:none;width:24px;height:24px;background-image:url(/images/gate_nft_tag.png);background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer}
.card-wrapper:hover i.gate-nft-tag{display: inline-block;}
i.bid-tag{background:var(--brandColor);color:#fff}
i.buyout-tag{background:linear-gradient(270deg,#ffaa78 0,#ff8b46 100%);color:#fff}
i.create-tag{border-color:#fff;background:#f7f7f7;color:var(--brandColor)}
i.not_mint{padding:0 8px;height:24px;border-radius:12px;background:#f2f2f2;color:#999;line-height:24px}
i.part_mint{padding:0 8px;height:24px;border-radius:12px;background:#fbeef0;color:var(--brandColor);line-height:24px}
i.all_mint{padding:0 8px;height:24px;border-radius:12px;background:#fff3e1;color:#ff9f0a;line-height:24px}
ul.setting-list{position:absolute;top:44px;right:8px;z-index:3;border-radius:4px;background:#fff}
ul.setting-list>li{padding:0 10px;height:44px;box-shadow:0 0 6px 0 rgba(0,0,0,.08);display:flex;align-items: center;color:#333;font-size:14px;cursor:pointer}
ul.setting-list.market>li{width: 100px;text-align: center;}
ul.setting-list>li:hover{color:var(--brandColor)}
span.count-down{bottom:0;left:8px;padding:0 8px;height:22px;border-radius:4px 4px 0 0;background:var(--brandColor);color:#fff;line-height:23px}
span.start-timing{display:inline-block;padding:5px 4px 1px;max-width:220px;border-radius:4px;background:#222;color:#fff;font-size:16px}
ul.count-down-time li{padding:0 4px;height:24px;border-radius:4px;background:#222;color:#fff;font-size:16px;line-height:25px}
.prop-card{box-sizing:border-box;padding:12px 0;width:136px;height:92px;border:1px solid var(--brandColor);color:#3a3a3a;font-size:12px}
.prop-card>.com-font{margin:6px 0;font-size:16px}
.common-title-wrapper{width:100%}
.header-title{box-sizing:border-box;padding:0 16px;width:100%;height:48px;border:1px solid #eee;border-radius:4px;color:#333;font-weight:600;font-size:16px}
.header-title span{color:#333}
.header-title i{display:inline-block;width:16px;height:16px}
i.icon_hide{background:url(/images/icon_show1.png) no-repeat;background-size:100%}
i.icon_show{background:url(/images/icon_hide1.png) no-repeat;background-size:100%}
.title-child-wrapper{overflow-y:scroll;box-sizing:border-box;border:none;border-radius:0 0 4px 4px}
.common-title-wrapper .title-child-wrapper{border:1px solid #e8e8e8;border-top:none}
.title-child-wrapper::-webkit-scrollbar{width:0}
.title-child-wrapper table{width:100%}
.title-child-wrapper table td,.title-child-wrapper table th{height:48px;border-bottom:1px solid #eee;text-align:left}
.title-child-wrapper table th{color:#6f7481;font-weight:400;font-size:12px}
.title-child-wrapper table td{color:#333;font-size:14px}
.title-child-wrapper .td,.title-child-wrapper .th{height:48px;border-bottom:1px solid #eee;text-align:left;line-height:48px}
.title-child-wrapper .th{color:#6f7481;font-weight:400;font-size:12px}
.title-child-wrapper .td{color:#333;font-size:14px}
.my-trade-table{border:1px solid #eee}
.my-trade-table table td{height:76px}
.no-table-data{height:48px;color:#8f95a8;line-height:48px}
.ino-entry, .trade-market,.goods-management,.my-account,.rank-entry{display:flex;height:40px;border-radius:4px;color:#3a3a3a;font-size:14px;cursor:pointer;justify-content:start;margin-left:60px;align-items: center;}
.ino-entry i,.goods-management i,.my-account i,.rank-entry i{display:inline-block;margin-right:4px;width:24px;min-width:24px;height:24px;background-image:url(/images/nft/user_head.png);background-position:center;background-size:100%;background-repeat:no-repeat;align-self:center}
.goods-management i{background-image:url(/images/goods-management.png)}
.my-account{border:1px solid #eee;padding:0 16px;}
.my-account img{width: 24px;height: 24px;border-radius: 50%;margin-right: 8px;}
.ino-entry{margin: 0;}
.ino-entry i{background-image: url(/images/nft/ino_fire.png);width: 16px;height: 16px;min-width: 16px;}
.rank-entry i{background-image:url(/images/rank-entry.png?v=1028);width: 16px;min-width:16px;height: 16px;}
.left-container{position:-webkit-sticky;position:sticky;top:72px;overflow-y:scroll;padding-bottom:20px;width:220px;height:100vh;min-width:220px;border-right:1px solid #eee;align-self:flex-start}
.left-container::-webkit-scrollbar{width:2px}

.right-container{width:0;flex:auto;align-self:start;position: relative;}
.right-container.new-container{max-width: 1500px; margin: 0 auto;--layout-itemMargin: 16px 24px;padding: 0 60px;}
@media screen and (max-width: 1200px){
	.right-container.new-container{padding: 0 var(--layout-padding);}
}
.right-container.new-container .goods-wrapper{min-height: calc(100vh - 600px);}
.left-title{padding:0 16px;height:54px;background:#fafafa;color:#333;font-size:16px;cursor: pointer;}
.left-title i{position:relative;display:inline-block;width:24px;height:24px;min-width: 24px;}
.left-title i.sell-status{background:url(/images/sell_status.png) no-repeat;background-size:100%}
.left-title i.attr-status{background:url(/images/attributes2.png) no-repeat;background-size:100%}
.left-title i.sell-types{background:url(/images/sell_types.png) no-repeat;background-size:100%}
.left-title i.sell-coin{background:url(/images/sell_coin.png) no-repeat;background-size:100%}
.left-title i.trade-status{background:url(/images/trade_status.png) no-repeat;background-size:100%}
.left-title span.iconfont{font-size: 24px;}
.status-list{padding:6px 16px 16px 16px;flex-wrap:wrap}
.status-list li{margin-top:10px;width:88px;border-radius:4px;background:#fafafa;color:#3a3a3a;font-size:14px;line-height:28px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-list li.active{background:#f2f7ff;color:var(--brandColor)}
.status-cont{padding:0 24px 12px;flex-wrap:wrap;justify-content: space-between;}
.status-cont li{margin-bottom:12px;width:47.5%;}
.status-cont li,
.collections-list .advan{height:40px;border-radius:8px;display: flex;align-items: center;text-align: center;justify-content: center;background:var(--slideBg1);font-weight: 600;color:var(--colorFont2);font-size: 14px;cursor:pointer;}
.collections-list .advan.active,
.status-cont li.active{background:var(--brandColor);color:#fff;}
.collections-list li.active .coin-info path{fill: var(--brandColor);}
.right-navs{top:0;z-index:1;box-sizing:border-box;width:calc(100vw - 520px);background:#fafafa;}
.other-home.right-navs{width: 100%}
.ovxs{overflow-x:scroll}
.right-navs::-webkit-scrollbar{width:2px;height:2px}
.right-navs li{padding:0 30px;height:54px;color:#6f7481;text-transform:capitalize;font-size:16px;line-height:54px;cursor:pointer}
.right-navs li.active{position:relative;color:var(--brandColor)}
.right-navs li.active::before{position:absolute;bottom:0;left:30px;width:calc(100% - 60px);height:3px;background:var(--brandColor);content:''}
.goods-wrapper{padding:24px}
.header-user-wrapper{height:192px}
.header-user .name-tier .vip-icon{height:24px}
.gray-space{top:0;left:0;width:100%;height:108px;background:#f2f7ff}
.gray-space div{margin:0 auto;width:704px;height:100%;background:url(/images/nft-header-bg.png?v=0517) no-repeat;background-size:100%}
.list-title{height:32px;color:#3a3a3a;font-weight:500;font-size:14px}

.goods-wrapper .sticky-container{background-color: var(--nftBgColor);}
.sort-select{width:200px;height: 40px;box-sizing:border-box;padding:9px 14px 9px 12px;border:1px solid var(--slideBg2);display: flex;align-items: center;border-radius:4px;background-color: var(--nftBgColor); font-weight:500;cursor:pointer;}
.sort-select i{display:inline-block;width:16px;height:16px;background:url(/images/drop_select.png) no-repeat;background-size:100%}
.sort-select.open{border: 1px solid var(--brandColor);}
.maket-container .sort-select{width: 200rem;}
.work-sort-select{height:100%;border:none}
.avatar-head{position:relative;top:calc(50% - 50px);left:calc(50% - 44px);z-index:2;width:88px;height:88px;border:1px solid #eee;border-radius:50%;color:#fff;text-align:center;font-size:20px;line-height:88px;cursor:pointer;object-fit:cover}
.avatar-head-tag{position:absolute;right:0;bottom:0;width:35%;height:35%}
.name-tier .vip-icon{height:16px}
.jump-back{position:absolute;top:12px;left:40px;padding:0 12px 0 8px;height:30px;border-radius:4px;background:rgba(51,51,51,.4);color:#fff;font-size:14px;line-height:30px;cursor:pointer}
.jump-back i{position:relative;top:2px;display:inline-block;width:14px;height:14px;background:url(/images/back_to_default.png) no-repeat;background-size:100%}
.collections-list li{height:54px;color:var(--nftColorGray3);padding:0 24px; font-size: 14px;font-weight: 600;}
.collections-list li.active{color: var(--brandColor);background-color: var(--tabBg);border-radius: 4px;}
.collections-list li i{display:inline-block;width:16px;height:16px;min-width:16px;cursor:pointer}
i.no-checked{background:url(/images/nft/z_no_checked.png) no-repeat;background-size:100%}
i.is-checked{background:url(/images/nft/z_is_checked.png?v=0728) no-repeat;background-size:100%;background-position: center}
.nft-collection-page i.no-checked{background:url(/images/no_checked.png) no-repeat;background-size:100%}
.nft-collection-page i.is-checked{background:url(/images/is_checked.png?v=0513) no-repeat;background-size:67%;background-position: center}
.bred-nav-wrapper{box-sizing:border-box;width:100%}
.selection-bred-nav-wrapper{box-sizing:border-box;margin:48px auto 28px}
.bred-nav{box-sizing:border-box;margin:0 auto;width:1200px;height:64px;color:#333;font-size:14px}
.selection-bred-nav{color:#333;font-size:14px}
.bred-nav i,.selection-bred-nav i{display:inline-block;width:16px;height:16px;background:url(/images/arrow_right16.png) no-repeat;background-size:100%}
.selection-bred-nav i{position:relative;top:3px}
.goods-detail-cont{box-sizing:border-box;margin:40px auto;width:1200px}
.goods-detail-left{margin-right:20px;width:480px;border-radius:4px;align-self:flex-start}
.goods-detail-right{flex:auto;align-self:flex-start}
.goods-detail-img-wrapper{position:relative;width:480px;height:480px;border:1px solid #eee;border-radius:8px;}
.goods-detail-img{width:480px;height:480px;border-radius:4px;object-fit:contain;image-rendering:pixelated}
.category-img{width:64px;height:64px;border:1px solid #eee;border-radius:50%}
.detail-common-title .header-title{border:none;background:rgba(35,84,230,0.03)!important}
.detail-common-title .title-child-wrapper{background:rgba(35,84,230,0.03)!important}
.common-detail{margin:10px;margin-top:0;margin-bottom:16px;padding:15px;border:1px solid #eee;border-radius:4px;background:#fff;}
.common-detail .assets-des{color:#333;font-size:14px}
.assets-user .avatar-head{position:relative;top:0;left:0;margin-right:5px;width:18px;height:18px;font-size:12px;line-height:18px}
.attributes-items{box-sizing:border-box;margin-right:10px;margin-bottom:10px;padding:12px 0;width:136px;border:1px solid var(--brandColor);border-radius:4px;background:var(--brandColorOpacity);text-align:center;font-size:12px}
.attributes-items:nth-child(3n+3){margin-right:0}
/* .nftred{color:var(--brandColor)!important} */
.category-name{height:22px;color:var(--brandColor);font-size:16px;line-height:22px}
.category-name a{color:var(--brandColor);}
.category-icon{margin-left:4px;width:16px;height:16px}
.goods-name{color:#333;font-size:24px;line-height:33px}
.goods-name i{position:relative;top:-4px;display:inline-block;width:24px;height:24px;min-width:24px;background:url(/images/goods_medal.svg) no-repeat;background-size: contain;margin-right: 4px;}
.trade-station-init{border:1px solid #eee;border-radius:4px}
.trade-station-init-title{padding:0 24px;height:48px;border-radius:4px;background:#fafafa;font-size:12px;line-height:48px}
.sell-station-wrapper{padding:16px 10px 12px}
button.sell-button{box-sizing:border-box;padding:0 32px;height:40px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;text-align:center;line-height:40px;cursor:pointer}
button.sell-button:hover{background: var(--linearGradient1)}
button.withdraw-button{box-sizing:border-box;margin-left:8px;padding:0 32px;height:40px;outline:0;border:1px solid;border-radius:4px;background:#fff;text-align:center;line-height:40px;cursor:pointer}
button.stop-button{box-sizing:border-box;padding:0 32px;height:40px;outline:0;border:1px solid;border-radius:4px;background:#fff;color:var(--brandColor);text-align:center;line-height:40px;cursor:pointer}
.bidding-info{display:flex;padding:0 10px;border:1px solid #eee;border-radius:4px;flex-wrap:wrap}
.bidding-info-item{width:33%;font-size:14px;line-height:37px}
.bidding-info-item label{display:inline-block;width:110px}
.setting-container{padding-left:80px;flex:auto;align-self:flex-start}
.setting-conection-info{margin-left:40px;width:480px;align-self:flex-start}
.setting-name{padding:0 20px;border-top:none;border-radius:4px}
.setting-title{height:33px;color:#333;font-weight:500;font-size:24px;line-height:33px}
.com-title{height:17px;font-size:12px;line-height:17px}
.sell-types li{position:relative;box-sizing:border-box;padding:16px;width:285px;border:1px solid #eee;border-radius:4px;text-align:center;font-size:12px;cursor:pointer}
.sell-types li.active{border:1px solid var(--brandColor)}
.sell-types li.active::after{position:absolute;top:6px;right:6px;display:inline-block;width:24px;height:24px;background:url(/images/is_checked.png?v=0513) no-repeat;background-size:100%;content:''}
.sell-types li.disabled{background:#f5f5f5;cursor:no-drop}
.sell-type-name{font-size:16px}
.select-wrapper{position:relative;padding:0 10px;height:40px;border:1px solid #eee;border-radius:4px;cursor:pointer}
.select-wrapper i{display:inline-block;width:16px;height:16px;pointer-events:none}
.coins-list{position:absolute;top:46px;left:0;z-index:2;width:100%;border:1px solid #eee;background-color: #fff;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);border-radius: 4px;}
.coins-list li{padding:0 10px;height:40px;cursor:pointer}
.coins-list li:hover{background-color:#eee}
.common-input-wrapper{box-sizing:border-box;padding:0 10px;height:40px;border:1px solid #eee;border-radius:4px;color:#3a3a3a;font-size:14px}
.common-input-wrapper input{width:100%;height:100%;border:none}
.common-input-wrapper input::placeholder{color:#888}
.time-wrapper .common-input-wrapper{width:480px}
.put-on-now{text-align:right;cursor:pointer;flex:auto}
.put-on-now i{position:relative;top:6px;display:inline-block;width:24px;height:24px}
textarea.common-textarea{box-sizing:border-box;padding:10px;width:100%;height:100px;border:1px solid #eee;resize:none;border-radius: 8px;}
textarea.common-textarea:focus{outline:0;border:1px solid rgba(0,0,0,.12)}
.red-tips{margin-top:40px;color:var(--brandColor);text-align:center;font-size:14px}
.submit-put-on{margin-top:16px;text-align:center}
.submit-put-on button{width:320px;height:40px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;font-size:14px;line-height:40px;cursor:pointer}
.submit-put-on button:hover{background: var(--linearGradient1)}
.end-time,.start-time{width:285px}
.bidding-info-cont{border:1px solid #eee;border-radius:4px}
.bidding-cont-header{padding:0 10px;height:48px;background:linear-gradient(270deg,#ff8f8f 0,#eb5757 100%);color:#fff}
.bidding-tag{display:inline-block;margin-right:20px;padding:0 20px;height:22px;border-radius:3px;background:#fff;color:var(--brandColor);line-height:23px}
.time-conts span{display:inline-block;box-sizing:border-box;width:28px;height:28px;border:1px solid rgba(255,255,255,.6);border-radius:4px;text-align:center;line-height:28px}
.time-conts i{margin:0 6px;font-style:normal}
.last-price{height:32px;font-weight:600;font-size:24px;line-height:32px}
.show-goods-list,.work-list-wrapper{display:flex;flex-wrap:wrap}
.bid-colection-info{padding:16px 0}
.bid-info-img{margin-right:12px;width:100px;height:100px;border:1px solid #eee;border-radius:4px;object-fit:contain}
.bid-info-detail{flex:auto;align-self:flex-start}
.bid-info-name{color:#3a3a3a;font-weight:600;font-size:20px;line-height:28px;max-width: 240px;}
.bid-info-price{height:32px;color:#3a3a3a;font-weight:600;font-size:24px;line-height:32px;}
.bid-tips{padding:12px;border-radius:4px;background:#fafafa;line-height:18px}
.bid-butoon-wrapper{margin-top:30px;height:40px;text-align:center;margin-bottom: 16px;}
.bid-butoon-wrapper button{width:236px;height:40px;outline:0;border:none;border-radius:5px;background:var(--brandColor);color:#fff;line-height:40px;cursor:pointer}
.bid-butoon-wrapper button:hover{background: var(--linearGradient1)}
button.disabled{border-radius:5px;background:var(--color-neutral-3)!important;color:var(--color-text-4)!important;cursor:no-drop!important}
.common-gray-border{padding:8px 0;border-bottom:1px solid #eee}
.xdsoft_datetimepicker{transform:translate(-11px,10px);z-index: 99999;}
.stop-cont{text-align:center}
.stop-cont i{display:inline-block;margin-top:30px;width:40px;height:40px;background:url(/images/stop_icon.png) no-repeat;background-size:100%}
.stop-cont p{margin-top:8px;margin-bottom:0;height:22px;color:#333;font-weight:500;font-size:16px;line-height:22px}
.stop-button-groups{margin-top:50px}
.stop-button-groups button{box-sizing:border-box;margin:0 10px;width:200px;height:40px;outline:0;border:none;border-radius:5px;text-align:center;font-size:14px;line-height:40px;cursor:pointer}
.stop-button-groups button.cancel-stop{border:1px solid #eee;background:#fff;color:#333}
.stop-button-groups button.submit-stop{background:var(--brandColor);color:#fff}
.stop-button-groups button.submit-stop:hover{background: var(--linearGradient1)}
@media screen and (max-width:1281px){.right-navs li{padding:0 10px;font-size:14px}
.right-navs li.active::before{left:10px;width:calc(100% - 20px)}
.common-card{width:24%}
.common-card:not(:nth-child(4n)){margin-right:calc(4% / 3)}
}
@media screen and (min-width:1281px) and (max-width:1450px){.common-card{width:19%}
.right-navs li{padding:0 16px}
.right-navs li.active::before{left:16px;width:calc(100% - 32px)}
.common-card:not(:nth-child(5n)){margin-right:calc(5% / 4)}
span.start-timing{font-size:14px}
}
@media screen and (min-width:1451px){.common-card{width:16%;cursor:pointer}
.common-card:not(:nth-child(6n)){margin-right:calc(4% / 5)}
}
.top-nav-tag{margin-bottom:20px;flex-wrap: wrap;}
.top-nav-tag li{display:flex;align-items: center;margin-right:10px;padding:0 16px;border:1px solid var(--brandColor);height: 40px;}
.top-nav-tag li>span{margin-right:12px}
.top-nav-tag img{width:16px;height:16px;cursor:pointer}
.no-border{border:0!important}
.options-pagination{height:32px;text-align:center;line-height:32px}
.options-pagination-btn{display:inline-block;margin-right:8px;padding:0 12px;height:32px;border-radius:6px;line-height:33px;cursor:pointer}
.options-pagination-btn.active{border:1px solid #e8e8e8;border-radius:6px;background:#fbfbfb;color:#3a3a3a}
.options-pagination-btn.themeBrandColor{color: var(--brandColor)}
.goods-detail-tables .options-pagination-btn{height: 28px;line-height: 28px;border-radius: 4px;padding: 0 10px;font-size: 14px;}
.goods-detail-tables .options-pagination-btn.active{border: none;color: var(--brandColor);background: #F2F2F2;}
.bid-trade-img{margin-right:10px;width:60px;height:60px;min-width:60px;object-fit:contain}
.forbid-collection-img{margin-right:12px;width:32px;height:32px;min-width:32px;object-fit:contain}
.no-good-list{width:100%;height:400px;flex-direction:column}
.no-good-list img{width:180px}
.no-search .pic, .no-good-list .pic{background-image: url('/images/no-trade-new.png');background-size: 100% 100%;}
.no-good-list span{margin-top:24px;font-size:14px;font-weight: 500;}
.no-good-list button{margin-top:32px;padding:0 20px;height:40px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;line-height:40px;cursor:pointer}
.no-good-list button:hover{background: var(--linearGradient1)}
.no-good-list .btn{margin-top:80px;padding:0 20px;height:40px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;line-height:40px;cursor:pointer}
.no-good-list .btn:hover{background: var(--linearGradient1)}
.bid-table-nav{margin-bottom:20px}
.bid-table-nav li{box-sizing:border-box;padding:0 32px;height:32px;border:1px solid #eee;border-radius:0 4px 4px 0;color:#333;font-size:14px;line-height:32px;cursor:pointer}
.bid-table-nav li:first-child{border-radius:4px 0 0 4px}
.bid-table-nav li.active{border:0;background:#f2f7ff;color:var(--brandColor)}
.collections-icon{width:16px;height:16px;border-radius:50%}
.sort-wrapper{top:42px;left:0;z-index:3;width:100%;box-shadow: 0px 0px 24px rgba(70, 100, 140, 0.15);border-radius: 4px;}
.work-sort-wrapper{top:44px}
.sort-wrapper li{padding: 0 12px;line-height: 40px;background-color: #F8FAFD;}
.sort-wrapper li:first-child{border-radius: 4px 4px 0 0;}
.sort-wrapper li:last-child{border-radius: 0 0 4px 4px;}
.sort-wrapper li:hover, .sort-wrapper li.active{background-color: #F2F7FF;}
.sort-wrapper li.active{color: var(--brandColor);}
.liupai{margin-right:-10px;margin-bottom:-12px;width:78px;height:73px}
.add-price-buttons{height:100%}
.add-price-buttons span{font-size: 12px;cursor: pointer;transform: scale(0.5);line-height: 8px;}
button.plus-button{border-radius:0 4px 4px 0}
button.mius-button{border-right:0}
.common-card-collection{width:282px}
.common-card-collection .card-wrapper{height:282px}
.common-card-collection:not(:nth-child(4n)){margin-right:24px}
.common-card .cover-img,.common-card-collection .cover-img{width:100%;height:100%;border:none;text-align:center;object-fit:cover}
.operating-buttons{position:absolute;right:0;top:0;z-index:1;height: 54px;padding-left: 24px;background: #fafafa;}
button.recharge-good{margin-right:24px;padding:0 24px;height:40px;outline:0;border:1px solid;border-radius:4px;background:#fff;cursor:pointer;border-color: var(--brandColor);color: var(--brandColor);}
.QR-token-box{height:100px;text-align: center;}
span.qr-token-address{position:relative;top:3px;font-size: 18px;cursor:pointer;color: var(--brandColor)}
button.get-sms-ver{top:0;right:0;display:inline-block;padding:0 12px!important;height:40px!important;line-height:40px!important;cursor:pointer;cursor:pointer;background: transparent!important;color: var(--brandColor)!important;font-size: 14px!important;}
.over-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.over-ell2{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 2;}
.over-ell3{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 3;}
.over-ell4{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 4;}
.over-ell5{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;word-break: break-word!important;word-break: break-all;line-break: anywhere;-webkit-line-clamp: 5;}
.toe{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw180{display:inline-block;max-width:180px}
.ttu{text-transform:capitalize}
.create-mint-amount{padding:0 10px;height:44px;border:1px solid #eee;line-height:44px}
.unlock-content{margin-top:20px;padding:0 10px;height:44px;border:1px solid #eee;background:#fff;cursor:pointer}
.unlock-content i{display:inline-block;width:24px;height:24px;background:url(/images/unlock.png) no-repeat;background-size:100%}
.unlock-content i:last-child{display:inline-block;width:12px;height:12px;background:url(/images/goto_unlock.png) no-repeat;background-size:100%}
.unlock-content span{margin:0 10px;color:#333;font-size:14px}
.invite-card-wrapper{box-sizing:border-box;padding:40px 0;width:100%;height:232px;background:url(/images/invite_bg.png) no-repeat;background-size:100%}
.invite-card-title i{display:inline-block;width:114px;height:40px;background:url(/images/nft_gate_icon.png) no-repeat;background-size:100%}
.invite-word{line-height:30px}
.qr-box-wrap{position:relative;margin:12px auto;width:108px;height:108px;background-color:rgba(0,0,0,.7);background-image:url(/images/qr_box_bg_v1.png);background-size:100%;background-repeat:no-repeat}
.qr-box-inner,.qr-box-inner2{position:absolute;top:30px;left:30px;overflow:hidden;width:48px;height:48px;border-radius:48px}
.qr-box-inner{background-color:#d5d5d5;opacity:1;animation:second-half-hide 60s steps(1,end) infinite}
.qr-box-inner2{background-color:#fff;opacity:0;animation:second-half-show 60s steps(1,end) infinite}
.qr-box-filler,.qr-box-masker,.qr-box-spiner{position:absolute;width:50%;height:100%}
.qr-box-spiner{top:0;left:0;border-radius:40px 0 0 40px;background-color:#fff;transform-origin:right center;animation:spin 30s infinite linear}
.qr-box-filler{top:0;left:50%;border-radius:0 40px 40px 0;background-color:#fff;opacity:1;animation:second-half-hide 30s steps(1,end) infinite}
.qr-box-masker{top:0;left:0;border-radius:40px 0 0 40px;background-color:#d5d5d5;opacity:0;animation:second-half-show 30s steps(1,end) infinite}
.qr-box-inner2 .qr-box-filler,.qr-box-inner2 .qr-box-spiner{background-color:#d5d5d5}
.qr-box-inner2 .qr-box-masker{background-color:#fff}
@keyframes spin{0%{transform:rotate(360deg)}
100%{transform:rotate(0)}
}
@keyframes second-half-hide{0%{opacity:1}
100%,50%{opacity:0}
}
@keyframes second-half-show{0%{opacity:0}
100%,50%{opacity:1}
}
@keyframes spin{0%{transform:rotate(360deg)}
100%{transform:rotate(0)}
}
@keyframes second-half-hide{0%{opacity:1}
100%,50%{opacity:0}
}
@keyframes second-half-show{0%{opacity:0}
100%,50%{opacity:1}
}
.goods-detail-title{height:48px;border:1px solid #eee;border-radius:4px 4px 0 0;line-height:48px}
.goods-detail-title li{padding:0 24px;color:#6f7481;cursor:pointer;white-space: nowrap;height: 50px;}
.goods-detail-title li.active{position:relative;color:var(--brandColor)}
.goods-detail-title li.active::after{position:absolute;bottom:0;left:calc(50% - 33px);width:66px;height:3px;background:var(--brandColor);content:''}
.eye-wrapper{display:flex;width:28px;height:28px;align-items:center;justify-content:center}
i.eye-close,i.eye-open{display:inline-block;width:18px;height:18px;cursor:pointer}
i.eye-open{background:url(/images/eye-fill.png) no-repeat;background-size:100%}
i.eye-close{background:url(/images/eye-close.png) no-repeat;background-size:100%}
.collection-container{margin:30px auto;padding:0 87px;width:1280px}
.collection-info-wrapper{margin-top:30px}
.colletion-info-left{flex:auto;align-self:flex-start}
.collection-info-wrapper h3{color:#333;font-weight:500;font-size:24px;line-height: 33px;}
.upload-wrapper{margin-left:40px;width:480px;align-self:flex-start}
.cn-component{flex-wrap:wrap}
.click-open{display:inline-block;margin-right:6px;font-style:normal;font-size:24px}
.add-props-container{padding:24px 20px}
.props-title-name{margin-right:10px;width:168px;text-align:left;font-size:14px}
.props-title-cont{flex:auto}
button.add-prop-btn{width:100%;height:40px;outline:0;border:1px solid;border-radius:4px;background:#fff;color:var(--brandColor);text-align:center;font-size:14px;line-height:40px;cursor:pointer}
button.add-prop-btn i{position:relative;top:4px;display:inline-block;margin-right:6px;width:20px;height:20px;background:url(/images/plus-props.png?v=0512) no-repeat;background-size:100%}
.submit-props{margin-top:40px;width:100%}
.submit-props>button{width:240px;height:40px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;text-align:center;line-height:40px;cursor:pointer}
.submit-props>button:hover{background: var(--linearGradient1)}
i.del-props-icon{display:inline-block;margin-left:20px;width:24px;height:24px;background:url(/images/del-props.png) no-repeat;background-size:100%;cursor:pointer}
.add-attributes-button{box-sizing:border-box;margin-bottom:10px;padding:24px 0;width:136px;height:74px;border:1px dashed #bbbfca;border-radius:4px;text-align:center;font-size:12px;cursor:pointer;display: flex;flex-direction: column;justify-content: center;}
ul.is-redeemable li{box-sizing:border-box;padding:0 24px;height:32px;border:1px solid #eee;color:#333;font-weight:500;font-size:14px;line-height:32px;cursor:pointer}
ul.is-redeemable li.active{border:none;background:#f2f7ff;color:var(--brandColor)}
.finish-create{margin-top:54px;flex:auto}
i.finish-create-icon{display:inline-block;margin-right:8px;width:40px;height:40px;background:url(/images/finish_create.png) no-repeat;background-size:100%}
.finish-title h2{height:32px;color:#333;font-weight:600;font-size:24px;line-height:32px}
.finish-title span{margin-top:4px;color:#8f95a8}
.colletion-base-info{margin:64px 0;padding:10px;width:100%;border:1px solid #eee;border-radius:4px;text-align:center}
.colletion-base-info>i{display:inline-block;width:84px;height:84px;background:url(/images/placeholder.png) no-repeat;background-size:100%}
.create-button-group{margin-top:60px;width:100%}
.create-button-group button{box-sizing:border-box;width:246px;height:40px;outline:0;border:none;border-radius:4px;font-size:14px;line-height:40px}
button.create-show-detail{margin-left:5px;background:var(--brandColor);color:#fff;cursor:pointer}
button.create-show-detail:hover{background: var(--linearGradient1)}
.card-tip-icon{display:flex;margin-top:30px;justify-content:center}
.card-tip-icon>i{display:inline-block;width:40px;height:40px;background:url(/images/card-tip-icon.png) no-repeat;background-size:100%}
.disabled-tip{display:flex;flex-wrap: wrap;margin-bottom:32px;padding:14px 16px;border-radius:4px;background:rgba(222,89,107,.05);color:var(--warningColor);font-size:14px;justify-content:flex-start}
.disabled-tip i{display:inline-block;width:18px;height:18px;background:url(/images/warning-circle-fill.png) no-repeat;background-size:100%}
.selection-header{width:100%;height:200px;background:url(/images/nft_featured_bg.png) no-repeat;background-size:100% 100%;text-align:center;object-fit:cover}
.selection-header h3{padding-top:48px;height:58px;color:#fff;font-weight:500;font-size:42px;line-height:58px}
.selection-header h4{height:42px;color:#fff;font-weight:500;font-size:18px;line-height:42px}
.nft-rank-header-bg{background-image:url(/images/nft_ranking_bg.png);background-size:100%;background-repeat:no-repeat}
.nft-rank-header{margin:0 auto;padding-bottom:10px;width:1200px}
.nft-rank-header h3{color:#333;font-weight:500;font-size:42px;line-height:60px}
.nft-rank-header h4{color:#666;font-weight:500;font-size:18px;line-height:38px}
.rank-count-data{right:0;bottom:16px}
.rank-count-item{box-sizing:border-box;margin-left:16px;padding:16px;height:94px;border:1px solid #f0f0f0;border-radius:4px}
.rank-count-item>div>i{position:relative;bottom:1px;display:inline-block;margin-right:8px;width:16px;height:16px;background-size:100%;background-repeat:no-repeat}
i.total-work-icon{background-image:url(/images/nft_work.png)}
i.total-sales-icon{background-image:url(/images/nft_total_sales.png)}
i.nft-total-sales{background-image:url(/images/nft_sales.png)}
.goods-selection-cont{margin:28px auto 40px}
.card-count-down{position:absolute;right:16px;bottom:16px;z-index: 1;}
.header-banner{box-sizing:border-box;margin:0 auto;padding:24px 0;width:1280px;height:488px}
.header-banner-blur{position:absolute;top:-20px;bottom:0;left:0;z-index:-1;width:50%;background: linear-gradient(209deg,rgba(62,255,184,.1) 0,rgba(255,29,29,.05) 100%);filter: blur(50px);}
.header-banner-left{margin-left:16px;padding:0 24px;width:488px;height:408px;min-width:488px}
.header-banner-left-blur{position:absolute;top:0;left:50px;z-index:-1;width:388px;height:308px;background:linear-gradient(209deg,rgba(62,255,184,.1) 0,rgba(255,29,29,.05) 100%);filter:blur(50px)}
.header-banner-left h3{height:40px;color:#333;font-weight:500;font-size:28px;line-height:40px}
.header-buttons{margin-top:56px;height:44px}
.header-buttons button{box-sizing:border-box;padding:0 32px;height:44px;outline:0;border:none;border-radius:4px;font-size:16px;line-height:44px;cursor:pointer}
.header-buttons button.submit-btn{background:var(--brandColor);color:#fff}
.header-buttons button.submit-btn{background: var(--linearGradient1)}
.header-buttons button.cancel-btn{border:1px solid;background:#fff;color:var(--brandColor)}
.header-banner-right{position:relative;margin:24px 40px;height:408px;flex:auto}
.swiper-container{width:696px}
.swiper-slide{width:400px;height:400px;border-radius:4px;background-position:center;background-size:cover;background-repeat:no-repeat}
.swiper-pagination{position:absolute;bottom:12px;left:50%;display:flex;box-sizing:border-box;margin-left:-46px;padding:0 12px;width:92px;height:16px;border-radius:13px;background:rgba(0,0,0,.6);align-items:center;justify-content:space-between}
.swiper-pagination-bullet{width:6px;height:6px;border-radius:50%;background:#fff;opacity:unset}
.swiper-pagination-bullet-active{background:var(--brandColor)}
.my_swiper-button{position:absolute;top:50%;z-index:1;margin-top:-25px;width:40px;height:40px;border:1px solid #eee;border-radius:50%;background:#fff;background-position:center;background-size:20px 20px;background-repeat:no-repeat;cursor:pointer}
.my_swiper-button-prev{left:12px;background-image:url(/images/my_swiper_prev.png)}
.my_swiper-button-next{right:12px;background-image:url(/images/my_swiper_next.png)}
.join-tg{display:flex;margin:60px 16px 32px;height:44px;border:1px solid #eee;font-size:14px;justify-content:center;align-items:center}
.join-tg-icon{display:inline-block;margin-right:8px;width:24px;height:24px;border-radius:50%;background:#bbbfca;text-align:center;line-height:24px}
.join-tg-icon i{display:inline-block;width:11px;height:11px;background:url(/images/tg_icon.png) no-repeat;background-position:center;background-size:100%}
.join-tg:hover span{color:var(--brandColor)}
.join-tg:hover .join-tg-icon{background:var(--brandColor)}
.protocol-cont{overflow-y:scroll;box-sizing:border-box;margin-top:20px;padding:0 40px;height:375px;line-height: 22px;}
.protocol-cont h3{text-align:center;font-size:18px}
.protocol-cont p{margin:10px 0;font-size:14px}
.protocol-cont h4{text-align:left;font-size:16px}
.protocol-bottom{margin:40px 0;padding:0 40px;height:40px}
button.submit-protocol{padding:0 48px;height:40px;outline:0;border:none;border-radius:5px;background:var(--brandColor);color:#fff;font-size:14px;line-height:40px;cursor:pointer}
button.submit-protocol:hover{background: var(--linearGradient1)}
button.submit-protocol.disabled{background:#bbbfca}
.protocol-check{font-size:14px;line-height:14px}
.protocol-check label{display:inline-block;margin-right:4px;width:20px;height:20px;outline:0;border:none;background:url(/images/check-border.png) no-repeat;background-size:100%;cursor:pointer}
.protocol-check label.checked{background:url(/images/check-square.png?v=0512) no-repeat;background-size:100%}
.rank-nav-list{margin:24px auto;width:1200px}
.rank-nav-list li{margin-right:64px;height:36px;min-width:64px;color:#333;text-align:center;font-weight:500;font-size:18px;line-height:36px;cursor:pointer}
.rank-nav-list li.active{position:relative;color:var(--brandColor)}
.rank-nav-list li.active::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--brandColor);content:''}
.rank-sub-nav{margin:24px auto;width:1200px}
.rank-sub-nav>li{margin-right:8px;padding:4px 8px 2px;border-radius:4px;background:#f2f2f2;color:#999;font-weight:500;font-size:12px;cursor:pointer}
.rank-sub-nav>li.active{background:var(--brandColor);color:#fff}
.nft-rank-table{margin:0 auto 64px;width:1200px}
.nft-rank-table table{width:100%}
.nft-rank-table table thead tr{height:50px}
.nft-rank-table table thead tr th{height:50px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:right;font-weight:400;line-height:50px}
.nft-rank-table table tbody tr{border-bottom:1px solid #eee}
.nft-rank-table table tbody td{box-sizing:border-box;padding:14px 0;text-align:right;align-self:center}
.nft-rank-table table tbody td .rank{display:inline-block;width:24px;height:24px;border-radius:4px;text-align:center;line-height:24px}
.nft-rank-table table tbody td .rank_1{background:rgba(222,87,89,.1);color:#de5759}
.nft-rank-table table tbody td .rank_2{background:rgba(222,87,89,.1);color:#e2ad34}
.nft-rank-table table tbody td .rank_3{background:rgba(73,151,156,.1);color:#49979c}
.nft-rank-table table tbody td img{box-sizing:border-box;width:120px;height:120px;border:1px solid #eee;border-radius:4px;object-fit:cover}
.rank-entry-wrap{top:40px;left:0;z-index:2;padding:4px 0;background:#fff}
.rank-entry-list{padding:10px 0;min-width:120px;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.08)}
.rank-entry-list li{z-index:1;padding:0 10px;height:40px;color:#333;font-size:14px;line-height:40px}
.rank-entry-list li:hover{color:var(--brandColor)}
.loader{width:100%!important}
.latest-wrapper{margin:0 auto;width:800px}
.latest-wrapper h3{margin-top:48px;color:#222;font-weight:500;font-size:42px;line-height:66px}
.latest-wrapper h4{color:#666;font-weight:400;font-size:18px;line-height:34px}
.latest-nav-list{margin-top:36px;margin-bottom:40px;height:36px}
.latest-nav-list li{margin-right:36px;padding:0 16px;height:36px;font-size:18px;line-height:36px;cursor:pointer}
.latest-nav-list li.active{position:relative;color:var(--brandColor)}
.latest-nav-list li.active::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--brandColor);content:''}
.latest-list-wrapper{margin:0 auto 40px;width:800px}
.latest-good-item{box-sizing:border-box;margin-top:32px;padding:48px 40px;width:100%;height:240px;border-radius:8px;box-shadow:0 4px 20px 0 rgba(0,0,0,.06);position:relative;}
.latest-good-img{width:160px;height:160px;min-width:160px;border:1px solid #eee;border-radius:4px;object-fit:cover}
.latest-good-img:hover{border:1px solid var(--brandColor)}
.latest-good-cont{padding-left:32px;flex:auto;align-self:start}
.latest-good-name{overflow:hidden;width:400px;color:#222;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:24px;line-height:34px}
.latest-good-detail{color:#222;font-size:16px;line-height:22px;flex-wrap:wrap}
i.nft-deal{display:inline-block;margin:0 16px;width:24px;height:16px;background:url(/images/nft_deal.png?v=0513) no-repeat;background-size:100%}
i.nft-quotation{display:inline-block;margin-right:8px;width:16px;height:16px;background:url(/images/nft_quotation.png?v=0521) no-repeat;background-size:100%}
i.nft_start_shoot{display:inline-block;margin-right:8px;width:16px;height:16px;background:url(/images/nft_start_shooting.png?v=0521) no-repeat;background-size:100%}
i.nft_pricing{display:inline-block;margin-right:8px;width:16px;height:16px;background:url(/images/nft_pricing.png?v=0521) no-repeat;background-size:100%}
.latest-countdown{position:absolute;top:50px;right:20px;display:flex;margin-left:20px;min-width:150px;align-self:start;flex:1;justify-content:flex-end}
.red-hover:hover{border:1px solid var(--brandColor)}
i.latest-bidding-tag{position:absolute;top:0;left:0;display:inline-block;padding:8px 8px 6px;border-radius:8px 0;color:#fff;font-style:normal;font-size:16px;background:var(--brandColor)}
.sorting-icon{position:relative}
.sorting-icon i{position:absolute;left:3px;display:inline-block;width:0;height:0;border-style:solid;border-width:5px 6px}
i.sorting-icon-up{top:-2px;border-color:transparent transparent #b0afb1 transparent}
i.sorting-icon-down{top:9px;border-color:#b0afb1 transparent transparent transparent}
i.sorting-icon-up.active{border-color:transparent transparent var(--brandColor) transparent}
i.sorting-icon-down.active{border-color:var(--brandColor) transparent transparent transparent}
.bred-nav-wrapper.poa{top:0;left:0;box-shadow:none}
.bred-nav-wrapper.latest{box-shadow:none}
.bred-nav-wrapper.latest .bred-nav{padding:0;width:800px}
.goods-check-box>label{position:relative;top:-2px}
.delivery-address{box-sizing:border-box;padding:12px;border-radius:4px;background:#fafafa}
.no-delivery-address{height:100%}
.no-delivery-address>i{position:relative;top:-1px;display:inline-block;margin-right:4px;margin-left:16px;width:14px;height:14px;background:url(/images/setting_address.png) no-repeat;background-size:100%}
.user-address>i{display:inline-block;width:16px;height:16px;background:url(/images/warning-circle.png) no-repeat;background-size:100%}
.user-address-text{position:relative;margin-right:32px;padding-left:20px}
.user-address-text::after{position:absolute;top:0;left:0;width:16px;height:16px;min-width:16px;background:url(/images/address-location.png) no-repeat;background-size:100%;content:''}
.address-error a{position:relative;left:32px}
.address-error a::after{position:absolute;top:0;left:-18px;width:16px;height:16px;background:url(/images/edit-square.png) no-repeat;background-size:100%;content:''}
.card-settlement{z-index:2;display:flex;width:100%;height:100%;border-radius:4px;background:rgba(0,0,0,.3);pointer-events:none;justify-content:center;align-items:center;top:0}
.card-settlement img{width:120px;height:120px}
.c666{color:#666}
.cnd{cursor:not-allowed!important}
.ccc{color:#ccc!important}
.cf0{color:#f0f0f0!important}
.audio-upload{position:absolute;bottom:0;width:100%}
.audio-bg-wrap{width:320px;height:320px;border-radius:50%;background:url(/images/audio_bg.png) no-repeat;background-size:100%}
.audio-bg-wrap img{width:156px;height:156px;border-radius:50%;object-fit:cover}
.audio-bg-wrap{-webkit-animation:myRotate 10s linear infinite;animation:myRotate 10s linear infinite}
@-webkit-keyframes myRotate{0%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes myRotate{0%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
.animation-pause{animation-play-state:paused;-webkit-animation-play-state:paused}
.audio-card-wrapper{display:flex;width:100%;height:100%;cursor:pointer;justify-content:center;align-items:center}
.audio-card-cont{display:flex;width:156px;height:156px;border-radius:50%;background:url(/images/audio_bg.png) no-repeat;background-size:100%;justify-content:center;align-items:center;margin-top: 270px;}
.audio-card-cont img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.right-top-icons{position:absolute;top:6px;right:6px;z-index:2}
i.content-type-tag{display:inline-block;margin-right:8px;width:24px;height:24px}
i.audio-tag{background-image:url(/images/audio-tag.png);background-position:center;background-size:100%;background-repeat:no-repeat}
i.video-tag{background-image:url(/images/video-tag.png);background-position:center;background-size:100%;background-repeat:no-repeat}
.topic-header{margin:0 auto 80px;width:1200px}
.topic-header-left{width:400px}
.topic-header-right{margin-right:40px;width:430px}
.outer{position:relative;overflow:hidden;width:200px;height:200px;cursor:pointer;-webkit-transform:skew(-12deg,0deg);transform:skew(-12deg,0deg);-ms-transform:skew(-12deg,0deg)}
.inner{position:absolute;border-radius:3px;background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-transform:skew(12deg,0deg);transform:skew(12deg,0deg);-ms-transform:skew(12deg,0deg)}
.skew-container{display:flex;width:100%;flex-wrap:wrap}
.higher{box-sizing:border-box;width:148px;height:200px;border:1px solid #f0f0f0;border-radius:8px}
.wider{box-sizing:border-box;width:198px;height:150px;border:1px solid #f0f0f0;border-radius:8px}
.higher .inner{left:-26px;width:236px;height:200px}
.wider .inner{left:-26px;width:277px;height:150px}
.outer-0{left:56px}
.outer-1{top:48px;left:66px}
.outer-2{top:14px;left:12px}
.outer-3{top:14px;left:24px}
.topic-header-left h3{margin-top:54px;color:#222;font-weight:600;font-size:40px;line-height:54px}
.topic-header-left h4{position:relative;margin-top:25px;color:#222;font-weight:600;font-size:36px;line-height:50px}
.topic-header-left h4::after{position:absolute;bottom:-8px;left:0;width:16px;height:4px;background:#222;content:''}
.topic-header-left p{margin-top:56px;color:#999;white-space:pre-line;font-size:14px;line-height:24px}
.topic-wrapper{margin:0 auto;width:1200px}
.free-topic-swiper{overflow:hidden;margin-top:20px;width:100%}
.free-topic-slide{box-sizing:border-box;width:384px;height:192px;border:1px solid #f0f0f0;border-radius:8px}
.table-audio-card{width:60px;height:60px}
.table-audio-card img{width:100%}
.bid-audio-card{width:100px;height:100px}
.bid-audio-card img{width:100%}
.free-topic-wrapper{margin-top:80px}
.free-swiper-pagination{display:flex;margin-top:24px;justify-content:center}
.free-swiper-pagination .swiper-pagination-bullet{margin-right:16px;width:24px;height:6px;border-radius:3px;background:#f2f2f2}
.collection-featured-wrapper .free-swiper-pagination .swiper-pagination-bullet{height: 4px;margin-right: 8px;}
.free-swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
.free-swiper-pagination .swiper-pagination-bullet-active{background:var(--brandColor)}
.free-swiper-pagination .swiper-pagination-bullet:focus{outline:0}
.free-topic-info{position:absolute;bottom:0;left:0;display:flex;box-sizing:border-box;padding:0 16px;width:100%;height:64px;border-radius:0 0 16px 16px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);color:#fff;justify-content:space-between;align-items:center}
.free-topic-btn{padding:0 16px;height:32px;border-radius:16px;background:var(--brandColor);color:#fff;line-height:32px}
.free-topic-btn i{position:relative;bottom:1px;display:inline-block;width:14px;height:14px;background:url(/images/topic_free_icon.png) no-repeat;background-size:100%}
.hot-topic-wrapper{margin-top:40px}
.new-topic-wrapper{margin-top:64px}
.all-topic-wrapper{margin-top:64px;padding-bottom:80px}
.topic-title{height:42px;color:#222;font-weight:600;font-size:30px;line-height:42px}
.topic-title i{position:relative;bottom:3px;display:inline-block;width:32px;height:32px}
i.nft-hot{background:url(/images/nft_hot.png?v=0622) no-repeat;background-size:100%}
i.nft-new{background:url(/images/nft_new.png?v=0622) no-repeat;background-size:100%}
i.nft_topic{background:url(/images/nft_topic.png?v=0622) no-repeat;background-size:100%}
i.nft-time{background:url(/images/nft_time.png?v=0622) no-repeat;background-size:100%}
.hot-topic-cont{display:flex;margin-top:20px;justify-content:start}
.lives-pagination span{display:inline-block;margin-left:8px;width:24px;height:24px;border:1px solid #e6e6e6;border-radius:4px;text-align:center;font-size:12px;line-height:24px}
.lives-pagination-forward,.lives-pagination-pre{color:#ccc!important;cursor:pointer}
.lives-pagination-forward.enable,.lives-pagination-pre.enable{color:#222!important}
i.show-more{position:relative;bottom:1px;display:inline-block;width:16px;height:16px;background:url(/images/more_mini.png) no-repeat;background-size:100%}
.no-topic-data{margin:80px 0;height:auto}
i.free-card-icon18{position:relative;bottom:-3px;display:inline-block;width:18px;height:18px;background:url(/images/free_card_icon.png) no-repeat;background-size:100%}
i.free-card-icon20{position:relative;bottom:-3px;display:inline-block;width:20px;height:20px;background:url(/images/free_card_icon.png) no-repeat;background-size:100%}
.box-detail{box-sizing:border-box;width:60px;height:60px;border:1px solid #eee;border-radius:4px;cursor:pointer}
.box-detail img{width:100%;height:100%}
.box-header{width:100%;height:200px}
.box-header img{width:100%;height:100%;object-fit:cover}
.box-detail-container{margin:16px auto;width:1200px}
.box-header-left{box-sizing:border-box;margin-right:40px;width:480px;min-width: 480px;height:480px;border:1px solid #eee;border-radius:4px;background: transparent;}
.box-header-left img{width:100%;height:100%;object-fit:contain}
.box-heder-right{height:480px;flex:auto;align-self:flex-start}
.box-detail-name{color:#333;font-weight:600; font-size:40px;line-height:56px;word-break: break-word;}
.box-now-price{margin:0 8px;font-weight:600;font-size:32px;line-height:42px}
.box-countdown{margin-top:8px}
.box-countdown-item{margin-right:10px}
.box-countdown-item>div{width:60px;height:60px;border-radius:4px;background:#f5f5f5;color:#333;text-align:center;font-size:32px;line-height:60px}
.box-countdown-item>span{display:inline-block;margin-top:4px;width:100%;text-align:center}
.box-submit-btn{bottom:0;left:0;width:370px;height:64px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;font-size:20px;cursor:pointer}
.box-submit-btn:hover{background: var(--linearGradient1)}
.box-detail-status .go-shop{bottom: 135px;}
i.box-detail-icon{position:absolute;bottom:0;display:inline-block;width:148px;height:148px;background-size:100% 100%;}
i.box-detail-endding{background-image:url(/images/box_endding.png?v=0624);}
i.box-detail-soldout{background-image:url(/images/box_sold_out.png?v=0624);}
i.box-detail-endding-en{background-image:url(/images/box_endding_en.png?v=0624);}
i.box-detail-soldout-en{background-image:url(/images/box_sold_out_en.png?v=0624);}
.box-detail-cont{margin:110px 0 64px;}
.box-common-title{position:relative;margin-top:48px;padding-left:16px;font-weight:600;font-size:18px;line-height:25px}
.box-common-title::after{position:absolute;top:-8px;left:0;width:32px;height:32px;border-radius:4px;background:rgba(35,84,230,.1);content:'';transform:rotate(45deg)}
.box-detail-cont p{margin:0;line-height:24px;white-space: pre-line;}
.box-list{margin-top:20px;width:100%;flex-wrap: wrap;}
.box-list table{width:100%}
.box-list table thead th{height:48px;border:none;background:#fafafa;text-align:left;font-weight:400;font-size:12px}
.box-list table tbody td{height:64px;border-bottom:1px solid #eee;text-align:left;font-size:14px}
.box-banner-item{width:100%;height:124px;border-radius:4px;cursor:pointer}
.box-banner-item img{width:100%;height:124px;border-radius:4px;object-fit:cover}
.work-banner-item{width:100%;height:100%;border-radius:4px;cursor:pointer}
.work-banner-item img{width:100%;height:100%;border-radius:4px;background-position:center;object-fit:cover}
.rare-icon.card-rarity-level{position:absolute;top:12px;left:12px;display:inline-block;z-index: 1;}
.rare-icon.big-card-rarity-level{position:absolute;top:12px;left:12px;display:inline-block;z-index: 1;}
i.rarity-level{position:absolute;top:0;left:0;display:inline-block;width:72px;height:72px;z-index: 1}
i.rarity-level-N{background:url(/images/N_big.png?v=0928) no-repeat;background-size:100%}
i.rarity-level-R{background:url(/images/R_big.png?v=0928) no-repeat;background-size:100%}
i.rarity-level-SR{background:url(/images/SR_big.png?v=0928) no-repeat;background-size:100%}
i.rarity-level-SSR{background:url(/images/SSR_big.png?v=0928) no-repeat;background-size:100%}
i.rarity-level-SP{background:url(/images/SP_big.png?v=0928) no-repeat;background-size:100%}
.box-start-soon{display:inline-block;padding-left:25px;height:60px;border-radius:4px;background:#f5f5f5;letter-spacing:25px;line-height:64px}
.popup-sub-title{color:#333;font-size:12px;line-height:18px}
.collection-upload{width:92px;height:92px}
.collection-upload-label{display:flex;height:100%;border:1px dashed #bbbfca;border-radius:4px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center}
.collection-upload-label p{margin-top:8px;margin-bottom:0;font-size:14px}
.collection-upload-label i{display:inline-block;width:32px;height:32px;border-radius:4px;background:url(/images/upload_click.png) no-repeat;background-size:100%}
.box-setting-btns button{width:200px;height:40px;outline:0;border:none;border-radius:4px;cursor:pointer}
.box-setting-submit{margin-left:20px;background:var(--brandColor);color:#fff}
.box-setting-submit:hover{background: var(--linearGradient1)}
.box-setting-btns .box-setting-cancel{background: transparent;border: 1px solid #EEEEEE;color:#333333}
@keyframes progress{0%{stroke-dasharray:0 100}
}
.circular-chart.blue .circle{stroke:var(--brandColor)}
.percentage{font-size:.5em;font-family:sans-serif;fill:#fff;text-anchor:middle}
.upload-progress-container{position:absolute;z-index:10;overflow:hidden;width:100%;height:100%}
.upload-progress-container:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(0,0,0,.6);content:'';filter:blur(5px)}
.circular-chart{display:block;margin:10px auto;width:50%;max-height:250px}
.circle-bg{fill:none;stroke:#fff}
.collection-upload-image{position:absolute;top:0;left:0;z-index:1;display:flex;width:100%;height:100%;border:1px solid #eee;border-radius:4px;justify-content:center}
.collection-upload-image img{width:auto;max-width:100%;max-height:100%;object-fit:contain}
.collection-upload-image i{position:absolute;top:0;right:0;z-index:999;display:inline-block;width:20px;height:20px;background:url(/images/del-upload-img.png) no-repeat;background-size:100%;cursor:pointer}
.collection-list-wrapper{padding:24px;padding-top:0}
.collection-list{display:flex;justify-content:start;flex-wrap:wrap}
.collection-item{overflow:hidden;box-sizing:border-box;margin-top:24px;width:calc((100% - 72px)/ 4);height:378px;border:1px solid #eee;border-radius:4px}
.collection-item:not(:nth-child(4n)){margin-right:24px}
.collection-item.swiper-slide:hover{box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);}
.collection-item-header{height:188px}
.collection-item-header img{width:100%;height:100%;object-fit:cover}
img.collection-circle{bottom:-27px;left:50%;z-index:1;margin-left:-27px;width:54px;height:54px;border:4px solid #fff;border-radius:50%}
.collection-cont{box-sizing:border-box;padding:0 24px;align-items:center;flex-direction:column}
.collection-name{overflow:hidden;margin-top:36px;max-width:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:16px;line-height:24px}
.collection-detail{display:-webkit-box;overflow:hidden;margin-top:32px;height:48px;color:#999;text-overflow:ellipsis;font-size:14px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.colelction-amount{margin-top:16px;color:#333;font-weight:500;font-size:14px;line-height:18px}
i.edit-collection-icon{position:absolute;top:12px;right:12px;z-index:1;display:none;width:30px;height:30px;background:url(/images/edit-collection.png) no-repeat;background-size:100%}
.collection-item:hover .edit-collection-icon{display:inline-block}
.work-collection-header-blur{position:absolute;top:0;left:0;z-index:-1;width:100%;height:520px;background-position:center;background-size:cover;background-repeat:no-repeat;/* filter:blur(10px) */}
.work-collection-header{width:100%;padding-bottom:80px;background:linear-gradient(180deg,rgba(255,255,255,.84) 0,rgba(255,255,255,.98) 90%,#fff 100%)}
.work-header-cont{display:flex;margin:0 auto;width:1200px;justify-content:space-between}
.work-header-title{width:520px;align-self:center}
.work-header-swiper{width:480px;height:480px}
.work-cover{margin-right:32px;width:100px;height:100px;min-width:100px;border-radius:50%;object-fit:cover}
.work-name{display:inline-block;max-width:340px;color:#222;font-size:36px;line-height:50px}
.work-header-title i.edit-work{display:inline-block;width:32px;height:32px;background:url(/images/edit-work.png) no-repeat;background-size:100%;cursor:pointer}
.work-swiper-pagination{display:flex;margin-top:24px;justify-content:center}
.work-swiper-pagination .swiper-pagination-bullet{margin-right:16px;width:24px;height:6px;border-radius:3px;background:#f2f2f2}
.work-swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
.work-swiper-pagination .swiper-pagination-bullet-active{background:var(--brandColor)}
.work-swiper-pagination .swiper-pagination-bullet:focus{outline:0}
.work-collection-list{margin:0 auto;width:1200px}
.work-filter-wrapper{display:flex;height:40px;justify-content:space-between}
.work-search-wrapper{box-sizing:border-box;width:790px;height:40px;border:1px solid #eee}
.work-statuses-wrapper{box-sizing:border-box;width:180px;height:40px;border:1px solid #eee}
.work-sorts-wrapper{box-sizing:border-box;width:180px;height:40px;border:1px solid #eee}
.edit-card{position:absolute;right:16px;z-index:2;margin-top: -6px;}
.edit-card .linear-cover{width:40px;height:28px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%)}
.edit-card .edit-card-bg{background:#fff}
.edit-card i{position:relative;bottom:1px;display:inline-block;width:16px;height:16px;cursor:pointer}
.edit-card i.nft-collect-portfolio{display:none;margin-right:16px;background-image:url(/images/nft_collect_portfolio.png);background-size:100%;background-repeat:no-repeat}
.edit-card i.nft-unfavorite-portfolio{display:none;margin-right:16px;background-image:url(/images/nft_unfavorite_portfolio.png);background-size:100%;background-repeat:no-repeat}
.edit-card i.nft-like{background-image:url(/images/nft_like.png);background-size:100%;background-repeat:no-repeat}
.edit-card i.nft-like-ok{background-image:url(/images/nft_like_ok.png);background-size:100%;background-repeat:no-repeat}
.common-card-hover:hover .edit-card i.nft-collect-portfolio{display:inline-block}
.common-card-hover:hover .edit-card i.nft-unfavorite-portfolio{display:inline-block}
.pop-collection-wrapper{overflow-y:scroll;height:360px}
.pop-collection-list li{box-sizing:border-box;padding:0 20px;height:90px;color:#333;font-size:16px;cursor:pointer}
.pop-collection-list li.pop-add-collection{background:#f7f7f7}
.pop-collection-list li.pop-add-collection>.add-icon{margin-right:16px;width:50px;height:50px;border-radius:4px;background:#fff;color:var(--brandColor);font-size:32px;box-sizing: border-box;padding: 15px 15px 18px 17px;}
.pop-collection-list li.pop-collection-item{border-bottom:1px solid #eee}
.pop-collection-item i.is-checked{display:inline-block;width:32px;height:32px}
.pop-colleiton-img{width:50px;height:50px;border:1px solid #eee;border-radius:4px}
.pop-colleiton-img img{width:100%;height:100%;object-fit:contain}
.pop-collection-item.gray-bg{background:#fafafa}
.mint_amount-wrapper{display:flex;padding:0 8px;height:24px;border-radius:4px;background:#f7f7f7;color:#999;font-size:14px;justify-content:start;align-items:center}
.mint_amount-wrapper i{display:inline-block;width:16px;height:16px;background:url(/images/work.png) no-repeat;background-size:100%}
.goods-detail-operate{top:16px;right:16px;z-index: 1;}
.goods-detail-collection{width:48px;height:32px;border-radius:20px;background:#fff;cursor:pointer}
.goods-detail-collection>i{display:inline-block;width:16px;height:16px;background-image:url(/images/nft_collect_portfolio.png);background-size:100%;background-repeat:no-repeat}
.goods-detail-like{margin-left:16px;padding:0 16px;height:32px;border-radius:20px;background:#fff;cursor:pointer}
.goods-detail-like>i{display:inline-block;width:16px;height:16px}
.goods-detail-like>i.like-ok{background:url(/images/nft_like_detail_ok.png) no-repeat;background-size:100%}
.goods-detail-like>i.like{background:url(/images/nft_like_detail.png) no-repeat;background-size:100%}
.work-collection-wrapper{padding-bottom:80px}
i.lock-icon{position:relative;bottom:2px;display:inline-block;width:16px;height:16px;min-width:16px;background-image:url(/images,/lock-icon.png);background-size:100%;background-repeat:no-repeat}
.fz30{font-size:30px;line-height:38px}
img.wh30{overflow:hidden;width:30px!important;height:30px!important;min-width:30px;border-radius:50%!important}
img.wh64{margin-right:0!important;width:64px!important;height:64px!important;min-width:64px}
.bottom-popup-wrapper{position:fixed;bottom:0;left:0;z-index:9999;display:flex;box-sizing:border-box;padding:0 40px;width:100%;height:98px;background:#f7f7f7}
.merge-goods-wrapper{width:100%}
.merge-button-groups button{box-sizing:border-box;margin-left:40px;padding:0 25px;height:40px;min-width:106px;outline:0;border:none;border-radius:4px;text-align:center;line-height:40px;cursor:pointer}
button.merge-button-cancel{border:1px solid;background:#f7f7f7;color:var(--brandColor)}
button.merge-button-submit{background:var(--brandColor);color:#fff}
.merge-goods-info audio,.merge-goods-info img{position:relative;bottom:24px;width:100px;height:100px;border-radius:6px;background:#d8d8d8;box-shadow:0 0 10px 0 rgba(0,0,0,.3);transition:none;object-fit:cover}
.big-video-wrapper{box-sizing:border-box;margin:auto;width:960px;height:540px;background:#fff;border-radius:5px}
.big-video-wrapper>video{width:100%;height:100%;object-fit:contain}
.big-video-wrapper i.video-close{position:absolute;top:0;right:-80px;z-index:1;display:inline-block;width:36px;height:36px;background-image:url(/images/close-video.png);background-size:100%;background-repeat:no-repeat;cursor:pointer}
.merge-goods-right{margin-left:24px}
.merge-goods-num{color:#333;font-weight:600;font-size:28px;line-height:36px}
.merge-goods-name{margin:4px;color:#8f95a8;font-size:12px;line-height:17px}
i.checked-fill,i.checked-null{position:absolute;top:-14px;right:-14px;z-index:5;display:inline-block;width:28px;height:28px;background-size:100%;background-repeat:no-repeat;cursor:pointer}
i.checked-fill{background-image:url(/images/checkbox-fill.png)}
i.checked-null{background-image:url(/images/checkbox-null.png)}
.checked-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:4px;background:rgba(0,0,0,0)}
.checked-cover.no-trans{background:rgba(0,0,0,.3)}
div.pop-add-collection>.add-icon{margin-right:16px;width:50px;height:50px;border-radius:4px;background:#eee;color:#333;font-size:32px}
.common-popup-wrapper.enter{transform:scale(.3)}
.common-popup-wrapper.enter-active{transition:transform .2s ease-in-out;transform:scale(1)}
.common-popup-wrapper.enter-done{transform:scale(1)}
.common-popup-wrapper.exit{transform:scale(1)}
.common-popup-wrapper.exit-active{transition:transform .2s ease-in-out;transform:scale(0)}
.common-popup-wrapper.exit-done{transform:scale(0)}
/* .box-Activity{margin:24px auto 0;width:1200px;height:200px;cursor:pointer}
.box-Activity img{width:100%;height:100%;border-radius:8px;object-fit:cover} */
.filter-btn{box-sizing:border-box;margin-top:32px;padding:10px 0;width:120px;border:1px solid #eee;border-radius:4px;border-radius:4px;color:var(--brandColor);font-weight:400;font-size:14px;line-height:20px;cursor:pointer}
.filter-btn span{margin-left:8px}
.filter-list{position:absolute;z-index:1000;box-sizing:border-box;margin-top:8px;padding-top:34px;padding-left:32px;width:100%;height:222px;border-radius:4px;background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.06)}
.filter-panel{position:relative;cursor:default}
.filter-name{margin-right:64px;width:42px;color:#8f95a8;font-size:14px;word-break:keep-all}
.filter-option{margin-bottom:24px;font-weight:400;font-size:14px;line-height:20px}
.filter-option .filter-item{margin-right:10px;padding:2px 11px;border-radius:4px}
.filter-option .active{background:#fcedef;color:var(--brandColor)}
.filter-option input{margin-right:6px}
.filter-list .filter-option:last-child span{margin-right:75px;word-break:keep-all}
.topic-filter-clear{color:var(--brandColor);cursor:pointer}
.topic-filter-icon-default{color:#333}
.filter-btn .topic-filter-icon{color:var(--brandColor)!important}
.choose{position:relative}
.choose .radio{position:relative;display:inline-block;padding-left:25px;cursor:pointer}
.choose .radio input{position:absolute;left:-9999px}
.choose .radio i{position:absolute;top:1px;left:0;display:block;width:15px;height:15px;outline:0;border:1px solid #e4e4e4;border-radius:50%;background:#fff;-webkit-transition:border-color .3s;transition:border-color .3s}
.choose .radio input:checked+i{border:1px solid var(--brandColor)}
.choose .radio input+i:after{position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background-color:var(--brandColor);content:'';opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s}
.choose .radio input:checked+i:after{opacity:1}
.filter-show{margin-top:32px}
.filter-show li{margin-right:32px}
.filter-show li>span{color:#8f95a8;font-weight:400;font-size:14px;line-height:20px}
.filter-show li>div{padding:6px;border:1px solid #eee;border-radius:4px;color:#333;font-weight:400;font-size:14px;line-height:20px}
.filter-show li>div>img{margin-left:9px;cursor:pointer}
.filter-clear{margin-right:4px}
.radio-grey{color:#bbbfca;cursor:default!important}
.filter-ok{position:absolute;right:32px;bottom:32px;padding:10px 39px;border-radius:4px;background:var(--brandColor);color:#fff;font-weight:500;font-size:14px;line-height:20px;cursor:pointer}
.filter-mask{position:fixed;top:0;right:0;bottom:0;left:0}
.no-event{color:#bbbfca;pointer-events:none}
.no-cursor{color: #bbbfca;cursor: default!important;}
.ob-cover{object-fit:cover}
.collectionnameh3{display:inline-block;font-weight:400;}
.collectio-name-disabled{margin-top:10px;padding-left:10px;border-radius:4px;background:#eee;line-height:40px}
.no-data{margin:50px auto 0 auto;width:100px;height:66px;background-image:url(/images/no-trade.png);background-size:100% 100%;background-repeat:no-repeat}
.classic-dark .no-data,.dark-body .no-data{background-image:url(/images/no-trade-dark.png)}
.no-data-text{margin:20px auto;width:100px;text-align:center;font-size:16px}
.popup-tooltips-content.wauto-content{width:auto!important}
.good-cover-img{position:relative;display:inline-block;width:120px}
.good-cover-img .card-rarity-level img{width: auto;border: none;border-radius: 0;}
.noofficial-warning{display:flex;margin-top:16px;margin-bottom:4px;padding:10px;border-radius:4px;background:#f2f7ff;color:var(--brandColor);font-weight:400;font-size:14px;line-height:20px}
.noofficial-warning i{margin-right:4px}
.w100{width:100px!important}
.w100p{width: 100%;}
.wh100p{width: 100%!important;height: 100%!important;}
.max-w100p{max-width: 100%;}
.goods-verified-icon{margin-right:8px;width:20px!important;height:22px!important;border:none!important}
.goods-name-text{vertical-align:text-top;font-size:16px}
.open-punks-cont {top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;font-family:Libre Baskerville;color:#fff;padding: 105px 38px 0;}
.open-punks-cont li {font-size: 16px;line-height: 24px;margin-top: 16px;}
.card-wrapper .open-punks-cont {padding: 40px 16px 0;}
.card-wrapper .open-punks-cont li {font-size: 12px;margin-top: 4px;}
.swiper-slide .open-punks-cont{padding-top: 60px;}
.fl-auto{flex:auto}
.fw400{font-weight: 400;}
i.warning-circle-gray{display: inline-block;width: 12px;height: 12px;background-image: url(/images/warning-circle-gary.png);background-repeat: no-repeat;background-size: 100%;position: relative;top: 1px;left: 4px;cursor: pointer;}
.latest-good-item .open-punks-cont {width: 160px;height: 160px;left: 40px;top: 40px;padding: 8px;}
.latest-good-item .open-punks-cont li {margin:0;}
.collections-rank-container{width: 1200px;margin:64px auto;}
.ranktitle{display: flex;align-items: center;font-size: 28px;font-weight: 500;}
.ranktitle img{width:18px;margin-right:10px}
.ranktitle-sub{font-size: 16px;margin-top: 8px;margin-bottom: 32px;height: 22px;line-height: 22px;}
.react-table.collection-rank{margin-top: 22px;}
.react-table.collection-rank td{padding:16px 0;font-size: 16px;color:#333;font-weight: 500;}
.react-table.collection-rank tr:last-child td{border:0;}
.react-table.collection-rank th{background: none;color:#333;border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;line-height: 18px !important;height: 18px !important;}
.react-table.collection-rank th:nth-child(2),
.react-table.collection-rank td:nth-child(2){text-align: left;}
.react-table.collection-rank thead tr:hover{background: none;}
.react-table.collection-rank tbody tr:hover{background:rgb(35, 84, 230, 0.04);cursor: pointer;}
.collection-rank-name{display: flex;align-items: center;cursor: pointer;}
.collection-rank-name > img{display: flex;width: 48px !important;height: 48px !important;border-radius: 50% !important;margin-right: 10px;box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;}
.collection-rank-name > span{max-width: 240px;}
.collection-rank-index{text-align:center;display:inline-block;width: 24px;height: 24px;border-radius: 4px;line-height: 25px;}
.collection-rank-index.index-1{background: rgba(222, 87, 89,0.1);color:#DE5759;}
.collection-rank-index.index-2{background: rgba(226, 173, 52,0.1);color:#E2AD34;}
.collection-rank-index.index-3{background: rgba(73, 151, 156,0.1);color:#49979C;}
.collection-rank-name a{max-width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gray-border {border-color: #eee;}
.upload-openpunks-wrapper{margin-top:40px;width: 480px;align-self: flex-start;}
.upload-openpunks{width: 480px;height: 480px;}
.file-upload-label{display:flex;height:100%;border:1px dashed #bbbfca;border-radius:4px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center}
.file-upload-label p{margin-top:20px;margin-bottom:0;font-size:14px}
.file-upload-label i{display:inline-block;width:40px;height:40px;border-radius:4px;background:url(/images/upload_click.png) no-repeat;background-size:100%}
.upload-image-wrapper{position:absolute;top:0;left:0;z-index:1;display:flex;width:100%;height:100%;border:1px solid #eee;border-radius:4px;justify-content:center}
.upload-image-wrapper img{width:auto;max-width:100%;max-height:100%;object-fit:contain}
.upload-image-wrapper i{position:absolute;top:0;right:0;z-index:999;display:inline-block;width:32px;height:32px;background:url(/images/del-upload-img.png) no-repeat;background-size:100%;cursor:pointer}
.upload-progress-container{position:absolute;z-index:10;overflow:hidden;width:100%;height:100%}
.upload-progress-container:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:rgba(0,0,0,.6);content:'';filter:blur(5px)}
.upload-openpunks .circular-chart{width:15%}
.open-image{transform: translate(0, 0);transition: 500ms;}
.level-open-image{transform: translate(600px, 0);transition: 500ms;}
.open-image-btns{position: absolute;width: 100%;bottom:16px;display: flex;justify-content: center;margin-right: -16px;}
.open-image-btns button{margin-right: 16px;outline: none;border: none;background:rgba(0,0,0,0.6);border-radius: 50%;width: 40px;height: 40px;color: #fff;cursor: pointer;background-repeat: no-repeat;background-size: 18px;background-position: center;}
.to-upload-open{outline:none;border:none;position:absolute;right:16px;bottom:20px;background:#fff;color: #333;font-size: 14px;font-weight: 500;display: flex;justify-content: center;padding:0 16px;cursor: pointer;height: 32px;border-radius:20px;align-items: center;}
.to-upload-open i{width: 16px;height: 16px;display: inline-block;background-size: 100%;background-repeat: no-repeat;background-image: url(/images/nft_upload.png);position: relative;bottom: 1px;}
i.nft-col-verified-icon{display: inline-block;width: 14px;height: 14px;background-image: url(/images/nft/home_collection_verified.svg);background-size: contain;background-repeat: no-repeat;margin-left: 4px;flex-shrink: 0;}
.collection-verified-circle {width: 54px;height: 54px;bottom:-27px;left:50%;margin-left:-27px;}
.collection-verified {width: 16px !important;height: 16px !important;object-fit: contain !important;z-index: 2;right: 0;bottom: 0;background: #FFFFFF;border: 2px solid #FFFFFF;border-radius: 50%;box-sizing: content-box !important;}
.col-top-verified .collection-verified {width: 20px !important;height: 20px !important;border-width: 4px;bottom: -2px;}
.collection-verified-circle .collection-verified {bottom: -2px;}
.collection-verified-icon {width: 16px;height: 16px;margin-left: 4px;}
.openpunks-image-wrapper{left: 0;top: 0;}
.openpunks-title{font-size: 26px;font-family: Libre Baskerville;}
.openpunks-text{font-size: 18px;font-family: Libre Baskerville;}
.black{background:black;}
/* img.collection-icon{width: 24px;height: 24px;min-width: 24px;border-radius: 50%;} */
.collections-list li i.collection-icon{display:inline-block;width: 16px;height: 16px;min-width: 16px;border-radius: 50%;background-image: url(/images/nft/home_collection_verified.svg);background-size: contain;background-repeat:no-repeat;right:-6px;bottom: -6px;border:2px solid #fff;background-color: #fff;}
.manage-collection-icon{display:inline-block;width: 16px;height: 16px;min-width: 16px;border-radius: 50%;background-image: url(/images/nft/home_collection_verified.svg);background-size: contain;background-repeat:no-repeat;left:40px;bottom: -2px;border:2px solid #fff;background-color: #fff;}
.tow-confirm-icon {width: 40px;height: 40px;object-fit: cover;margin-bottom: 8px;}
.tow-confirm-content {padding: 28px 50px 40px;}
.tow-confirm-content span{color: var(--brandColor);}
i.nft-collection-warning-gray{width: 16px;height: 16px;background: url(/images/warning-circle-gray@2x.png);background-size: 100%;background-repeat: no-repeat;margin-left: 4px;}
.sealing-box{top: calc(50% - 40px);color: rgb(161, 154, 154);height: 80px;background: rgba(255, 255, 255, 0.3);border-radius: 40px;cursor: pointer;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(40px);text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);padding: 24px 45px;box-sizing: border-box;}
.seal-popup-w480{width: 480px}
.seal-popup-w480-overlay{background: #000000;z-index: 99999 !important;}
.sealing-container, .seal-popup-w480-content{background:transparent;width: 100%;height: 100%;}
.sealing-popup{position: absolute;top: 10px;min-height: 240px;min-width: 240px;width: 240px;padding-top: 105px;font-size: 16px;}
.sealing-box-bg{background: #1F1F1F;width: 100%;height: 100%;border: 1px solid #31373D;box-sizing: border-box;}
.sealing-box-bg .goods-detail-img-wrapper{background: transparent;}
.box-wrapper-animation{display: none;width: 100%;height: 100%;}
.rarity-level-init{position: absolute;top: calc(50% - 36px);left: calc(50% - 36px);display: inline-block;z-index: 1;opacity: 0;}
.sealing-box{font-size: 24px;font-weight: 500;color: #FFFFFF;}
.sealing-box .icon-nft_hand{font-size: 42px;animation: handSpeed ease 0.8s infinite;-webkit-animation: handSpeed ease 0.8s infinite;position: relative;}
.sealing-boxname{font-weight: 500;color: #FFFFFF;line-height: 45px;text-align: center;display: none;position: absolute;top: 0px;width: 100%;}
.sealing-close{position: absolute;bottom: 80px;width: 236px;height: 48px;background: var(--brandColor);border-radius: 5px;font-size: 16px;font-weight: 500;color: #FFFFFF;cursor: pointer;}
.box-wrapper-animation .goods-detail-img{width: 100%;height: 100%;}
@keyframes handSpeed
{
	from {left: 0px;top: 0px;}
	50% {left: 4px;top: 4px;}
  to {left: 0px;top: 0px;}
}
@-webkit-keyframes handSpeed
{
	from {left: 0px;top: 0px;}
	50% {left: 4px;top: 4px;}
  to {left: 0px;top: 0px;}
}
.header-swiper-pagination{top: -16px;z-index: 1;display: flex;justify-content: center;}
.header-swiper-pagination .swiper-pagination-bullet{margin-right:8px;width: 24px;height: 4px;border-radius: 3px;background:rgba(255, 255, 255, 0.5);}
.header-swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.header-swiper-pagination .swiper-pagination-bullet-active{background:#fcfcfc}
.home-common-title{height: 40px;font-size: 28px;}
.home-common-title .common-title-left a{color: var(--colorFont1);}
.collection-featured-wrapper {width: 1200px;margin: 64px auto;}
.bidding-card-wrapper {width: 1200px;margin: 140px auto 0;}
.bidding-right-wrapper {flex:1;}
.bidding-own-info{height: 36px;border-radius: 24px;padding: 0 14px;display: inline-flex;align-items: center;font-size: 14px;}
.bidding-own-info img{width: 20px;height: 20px;border-radius: 50%;position: relative;left: -6px;}
.s14{width: 14px;height: 14px;}
.bidding-info-left {height: 74px;border-right: 1px solid;padding-right: 40px;}
.bidding-info-right{flex:auto;height: 74px;padding-left: 40px;}
.home-bidding-countdown li{margin-right: 32px;text-align: left;margin-top: 6px;}
.sell-wrappper{margin-top: 40px;}
.home-sell-button{outline:none;border:none;color:#fff;border-radius: 4px;margin-left: 8px;height: 40px;min-width: 140px;text-align: center;cursor: pointer;}
.sell-input-wrapper{width: 256px;height: 40px;box-sizing: border-box;border: 1px solid;padding:0 16px;border-radius: 4px;}
.sell-input-wrapper input{flex:auto;border: none;margin-left: 12px;font-size: 14px;}
.home-footer-0{width: 100%;background: rgb(35, 84, 230, 0.02);height: 477px;padding: 60px 0;}
.home-footer-cont-0 .footer-item{flex:1;text-align: center;position: relative;}
.home-footer-cont-0 .footer-item::before{content: '';width: 14px;height: 14px;box-sizing: border-box;border: 3px solid var(--brandColor);border-radius: 50%;position: absolute;top:120px;left: 50%;margin-left: -7px;z-index: 2;background: #fff;}
.home-footer-cont-0 .footer-item::after{content: '';width: 100%;height: 1px;position: absolute;top: 127px;left:0;background: #e6e6e6;z-index: 1;}
.pink64{width: 64px;height: 64px;border-radius: 50%;background: #f2f7ff;display: flex;justify-content: center;align-items: center;margin:0 auto}
.pink64>.iconfont{font-size: 64px;}
.h28{height: 28px;line-height: 28px;}
.footer-item-cont{padding: 0 32px;text-align: center;font-size: 14px;margin-top: 60px;line-height: 24px;border: 1px solid;border-radius: 4px;background: #fff;margin-right:24px;display: flex;align-items: center;height: 98px;}
.home-footer-1 {height:540px;margin: 0 auto;padding: 60px 0;}
.home-footer-cont-1 {width: 100%;margin-top: 40px;}
.footer-item-1{box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);border-radius: 4px;width: 282px;height: 230px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.footer-item-1 img{width: 124px;height: 124px;}
.footer-item-1 span{height: 33px;line-height: 33px;margin-top: 8px;}
.footer-button{margin-top: 64px;}
.footer-button button{outline: none;border: none;border-radius: 4px;color: #fff;font-size: 16px;padding: 0 48px;height: 48px;line-height:48px;cursor: pointer;}
.home-footer-2 {width: 100%;padding: 4rem 0 7rem;}
.home-footer-cont2{margin:0 auto;padding-right: 100px;}
.footer-cont2-left {flex:.3}
.home-footer-cont2 dl{flex:0.14}
.home-footer-cont2 dl>dt{font-size: 18px;height: 25px;line-height: 25px;}
.home-footer-cont2 dl>dd{margin-top: 20px;}
.home-footer-cont2 dl>dd li{height: 28px;line-height: 28px;}
.home-footer-cont2 dl>dd li a{color: #999;}
.home-footer-cont2 dl>dd li a:hover{color: var(--brandColor);}
.footer-cont2-left img {width: 105px;height: 24px;}
.footer-cont2-left h3{margin-top: 24px;margin-bottom: 8px;line-height: 22px;}
.collection-featured-wrapper .swiper-slide{border:1px solid;width: 282px;height: 347px;border-radius: 4px;}
.home-arrow-wrapper{flex-direction: column;}
.home-arrow-wrapper i{display: inline-block;width: 8px;height: 6px;background-size: 100%;background-repeat: no-repeat;cursor: pointer;}
.home-arrow-wrapper i.input-arrow-up{background-image: url(/images/nft/input_arrow_up.png);}
.home-arrow-wrapper i.input-arrow-down{background-image: url(/images/nft/input_arrow_down.png);}
.home-arrow-wrapper i.input-arrow-up:hover{background-image: url(/images/nft/input_arrow_up_hover.png);}
.home-arrow-wrapper i.input-arrow-down:hover{background-image: url(/images/nft/input_arrow_down_hover.png);}
.swiper-button-prev, .swiper-button-next{width: 28px;height: 28px;border-radius: 50%;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);display: flex;align-items: center;justify-content: center;}
.swiper-button-prev:focus, .swiper-button-next:focus{border: none!important;}
.swiper-button-prev::after, .swiper-button-next::after{content:''}
.swiper-button-prev {left:-14px;}
.swiper-button-next{right: -14px;}
.swiper-button-prev img, .swiper-button-next img{width: 16px;height: 16px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0;pointer-events: visible;cursor: pointer;}
.home-footer-cont2 dl>dd li a.telegram:hover span{color: var(--brandColor)!important;}
#footer-view{display: none;}
.header-link-wrapper {width: 1200px;margin: 0 auto;}
.header-link{width: 588px;background: rgba(35, 84, 230, 0.1);border-radius: 8px;height: 122px;display: flex;justify-content: space-between;align-items: center;padding: 0 40px;}
.header-link button{outline: none;border: none;color: #fff;display: inline-block;height: 40px;line-height: 40px;border-radius: 4px;padding: 0 32px;cursor: pointer;position: relative;z-index: 1;}
.com-switch{width: 32px;height: 16px;border-radius: 8px;background: #E6E6E6;position: relative;cursor: pointer;margin-right: 8px;}
.com-switch::after{content: '';position: absolute;width: 12px;height: 12px;top: 2px;left: 2px;background: #FFFFFF;border-radius: 7px;}
.switch-open{background: #0CCC92 !important;}
.switch-open::after{left: auto;right: 2px;}
.goods-edit-m0auto{margin: 0 auto !important;}
.make-offer-input{height: 88px;border-bottom: 1px solid #eee;}
.offer-input-wrap{flex:auto}
.make-offer-input input{text-align: center;border: none;outline: none;font-size: 32px;width: 100%;}
.make-offer-input input::placeholder{color: #ccc;}
.make-offer-input .select-wrapper{border: none!important;margin: 0!important;box-sizing: border-box;min-width: 110px;justify-content: end;}
.common-input-wrapper.disabled, .common-input-wrapper.disabled input{background:#f5f5f5!important;cursor:no-drop!important}
.classic-dark .common-input-wrapper.disabled,.classic-dark .common-input-wrapper.disabled input{background: #0C0E0F!important;}
.dark-body .common-input-wrapper.disabled,.dark-body .common-input-wrapper.disabled input{background: #0C0E0F!important;}
.new-point{position: relative;}
.new-point::after{position: absolute;content: '';width: 8px;height: 8px;display: inline-block;border: 1px solid #fff;border-radius: 50%;background: var(--brandColor);top: 14px;right: 12px;}
.bid-table-nav .new-point::after{content: '';top: 4px;right: 28px;}
.buyout-amount{padding: 32px 0;}
.bid-info-detail .collection-verified-icon{width: 14px;height: 14px;}
.add-price-container{padding: 8px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin-top: 32px;}
.add-price-container input{border: none;font-size: 32px;width: 100px;margin-right: 4px;padding-top: 4px;max-width: 240px;min-width: 100px;}
.add-price-container input::placeholder{font-size: 14px;}
.bg-logo-color{background: var(--brandColor) !important;}
.r-sel__control{border-radius: 4px;border-color: #eee!important;}
.classic-dark .r-sel__control{background: #0a0b0d!important}
.r-sel__indicators > span{display: none;}
.collection-top-unverified{background: rgba(255, 255, 255, 0.8);border-radius: 15px;border: 1px solid #EEEEEE;padding: 6px 12px;font-weight: 500;top: 16px;right: 16px;z-index: 2;font-size: 12px;display: none;}
.collection-item:hover .collection-top-unverified{display: block;}
.collection-apply{width: 12px;height: 12px;object-fit: contain;}
.rate-fee-wrapper{padding:20px 10px;border-radius: 4px;}
.icon-border{border: 1px solid #E6E6E6;display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 4px;}
.homepage-collection-verified{width: 48px;height: 48px;top: 0;left: 0;}
.homepage-collection-sort li{line-height: 32px;}
.nft-rank-table .collection-verified{border: 2px solid #fff;border-radius: 50%;}
.table-header-hover{border-bottom: 2px dashed #eee;}
.make-offer-times{margin-right: -10px;}
.make-offer-times li {margin-right: 10px;text-align: center;border: 1px solid;border-radius: 4px;height: 40px;line-height: 40px;width: 100%;cursor: pointer;}
.make-offer-times li.active{border-color: var(--brandColor)!important;color:var(--brandColor)!important;}
.makeoffer-date-icon{display: inline-block;width: 16px;height: 16px;background-image: url(/images/nft/makeoffer_calendar.png);background-size: 100%;background-repeat: no-repeat;pointer-events: none;position: absolute;right: 10px;}
.explore-data-btns button{outline: none;border:none;display: inline-block;height: 32px;line-height: 32px;padding: 0 18px;cursor: pointer;box-sizing:border-box;border-radius:4px;font-size:14px;}
.explore-data-btns button.explore-data-cancel{border:1px solid;background:#fff;color:#333;margin-right: 16px;}
.explore-data-btns button.explore-data-submit{color:#fff;}
.original-setting-wrapper{border-radius: 4px 4px 0 0;height: 84px;padding: 16px 20px;box-sizing: border-box;}
.setting-conection-info .goods-detail-img-wrapper{width: 440px;height: 440px;}
.setting-conection-info .goods-detail-img{width: 440px;height: 440px;object-fit: cover;}
.original-checked-wrapper i{display:inline-block;width:24px;height:24px;min-width:24px;cursor:pointer}
.good-box-sold > span{border-radius: 4px;padding: 7px 14px;}
.assets-avatar .avatar-head{top: 0;left: 0;margin-right: 8px;width: 34px;height: 34px;font-size: 18px;line-height: 34px;}
.assets-divide{width: 1px;height: 34px;border-left: 1px solid;}
.assets-border{border-top: 1px solid;border-bottom: 1px solid;}
.time-com > span{display: inline-block;padding: 0 4px;background: rgba(0, 0, 0, 0.8);border-radius: 4px;min-width: 24px;height: 24px;line-height: 26px;font-size: 16px;box-sizing: border-box;}
.attributes-item-flex{width: 166px;height: 70px;border-radius: 4px;padding: 0 16px;box-sizing: border-box;text-align: center;}
.redeemable-tag{word-break: keep-all;font-size: 14px;height: 26px;line-height: 26px;font-weight: 500;padding: 0 8px;border-radius: 4px;margin-left: 10px;}
.belong-chain{margin-left: 40px;width: 28%;}
.chain-detail-info{border-top: 1px solid;padding-top: 20px;}
.chain-detail-info > div{padding: 8px 0;}
.chain-detail-info > div:hover{padding-left: 8px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius: 4px;}
.goods-detail-tables{margin: 120px 0;}
.goods-detail-tables > ul{border-bottom: 1px solid;}
.goods-detail-tables > ul li{margin-right: 48px;cursor: pointer;padding-bottom: 12px;position: relative;}
.goods-detail-tables > ul li.active::after{position: absolute;content: ' ';width: 40px;height: 3px;background: var(--brandColor);border-radius: 2px;bottom: 0;}
.goods-detail-tables table{width: 100%;}
.goods-detail-tables table thead tr th{text-align: right;border-bottom: none;font-size: 12px;}
.goods-detail-tables table thead tr th:first-child, .goods-detail-tables table thead tr th:nth-child(2){text-align: left;}
.goods-detail-tables table.special-table thead tr th:nth-child(2){text-align: right;}
.goods-detail-tables table tbody tr td{text-align: right;border-top: 1px solid;}
.goods-detail-tables table tbody tr td:first-child, .goods-detail-tables table tbody tr td:nth-child(2){text-align: left;}
.goods-detail-tables table.special-table tbody tr td:nth-child(2){text-align: right;}
.goods-detail-tables table tbody tr:first-child td{border-top: none;}
.creater-royalty{padding: 1px 4px;border-radius: 4px;}
.offer-accept-btn{padding: 6px 16px;border: 1px solid var(--brandColor);border-radius: 4px;}
.create-info{width: 55px;margin-right: 60px;display: inline-block;white-space: nowrap;}
.sell-status-button{width: 100%;border-radius: 4px;padding: 13px 0;text-align: center;background: var(--brandColor);border: none;cursor: pointer;}
.sell-status-button2{width: 300px;border-radius: 4px;padding: 13px 0;text-align: center;background: var(--brandColor);border: none;cursor: pointer;}
.sell-status-button3{width: 162px;border-radius: 4px;padding: 12px 0;text-align: center;border: 1px solid var(--brandColor);cursor: pointer;}
.withdraw-status-button{width: 204px;border-radius: 4px;padding: 12px 0;text-align: center;border: 1px solid var(--brandColor);cursor: pointer;}
.wh600{width: 600px;height: 600px;}
.goods-detail-img-wrapper.wh600 .goods-detail-img{width: 600px;height: 600px;}
.box-rarity-level{padding: 2px 8px 0;height: 20px;line-height: 20px;text-align: center;border-radius: 4px;}
.box-rarity-level.SP{background: rgba(212, 194, 250, 0.3);}
.box-rarity-level.SSR{background: rgba(192, 224, 250, 0.3);}
.box-rarity-level.SR{background: rgba(250, 176, 137, 0.3);}
.box-rarity-level.R{background: rgba(250, 232, 149, 0.3);}
.box-rarity-level.N{background: rgba(230, 230, 230, 0.3);}
.go-to-list{padding: 9px 32px;border-radius: 4px;}
.goods-detail-comments{margin-bottom: 100px;}
.goods-detail-comments textarea{outline: none;height: 140px;padding: 20px 16px 0;border-radius: 4px;box-sizing: border-box;}
.goods-detail-comments .share-button > div{width: 16px;height: 16px;box-sizing: border-box;border-radius: 2px;margin-right: 8px;cursor: pointer;}
.goods-detail-comments .share-no{border: 1px solid;}
.goods-detail-comments .publish-button{width: 160px;padding: 13px 0;text-align: center;border-radius: 4px;}
.page-index-button{width: 24px;height: 24px;border-radius: 50%;}
.loading-conf{height: 302px;width: 100%;}
.seal-popup-wh100p-overlay{z-index: 99999!important;}
.seal-popup-wh100p-content{width: 100%;height: 100%;background: #000000;}
.seal-big-image{border: 1px solid rgba(255, 255, 255, 0.08);object-fit: contain;width: 100%;height: 100%;border-radius: 4px;}
.seal-full-screen{top: 32px; right: 120px;}
i.full-screen-icon{display: inline-block;width: 24px;height: 24px;object-fit: cover;background: url(/images/full_screen.png);}
i.full-screen-close-icon{display: inline-block;width: 24px;height: 24px;object-fit: cover;background: url(/images/full_screen_close.png);}
.nft-comments-wrapper{margin: 36px 177px 0;}
.comment-item-detail .avatar-head{top: 0;left: 0;margin-right: 8px;width: 40px;height: 40px;font-size: 24px;line-height: 40px;}
.comment-item-detail{margin-top: 24px;}
.comment-item-wrapper-detail{margin-left: 58px;padding-bottom: 16px;border-bottom: 1px solid;}
.comment-item-detail:last-child.border-bt0 > .comment-item-wrapper-detail{border: none;}
.comment-item-detail:last-child .reply-wapper .reply-item-wapper:last-child .comment-item-wrapper-detail{border: none;}
.comment-editor-container > textarea{margin-right: 8px;flex:auto;height:48px;background: #FFFFFF;border-radius: 6px;border: 1px solid #EEEEEE;resize:none;padding: 14px 16px 12px;}
.comment-editor-container > textarea:focus{border: 1px solid var(--brandColor);outline:0}
.comment-send-reply{padding: 6px 16px;border-radius: 4px;outline: 0;font-size: 14px;background: #DE5759;border: none;}
.border-single{border-left: 1px solid ;height: 14px;margin-right: 24px;}
.reply-wapper{margin-left: 58px;}
.overflow-text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.describe-expend{position: absolute;left: 0;}
.goods-detail-cols{padding-bottom: 44px;}
.describe-content{line-height: 22px;}
.soon-sell-time{line-height: 32px;}
.common-tip-button{padding: 6px 18px;border-radius: 4px;border: 1px solid var(--brandColor);font-size: 14px;line-height: 20px;}
.nft-mystery_box_image{width: 44px;height: 44px;border-radius: 3px;border: 1px solid #F0F0F0;object-fit: cover;margin-right: 12px;box-sizing: border-box;}
video.nft-mystery_box_image{object-fit: contain;}
.nft-free-out{padding-top: 20px;width: 100%;}
.nft-free-out > div.poa {top: 20px;left: 16px;}
.nft-free-avatar .avatar-head{top: 0;left: 0;width: 50px;height: 50px;font-size: 24px;line-height: 50px;min-width: auto;background: #D8D8D8;border: 1px solid #FF9500;background-repeat: no-repeat;}
.nft-free-avatar i{background: url(/images/king_crown@2x.png);width: 20px;height: 18px;background-size: contain;position: absolute;top: -12px;right: 15px;}
.nft-own-rect .rect-1{width: 114px;height: 40px;background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);border-radius: 4px;}
.nft-own-rect .rect-2{width: 148px;height: 54px;background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);border-radius: 4px;}
.goods-detail-tables .no-table-data img{width: 120px;height: 120px;object-fit: cover;}
.goods-detail-tables .no-table-data{height: auto;}
.trade-user{max-width: 200px;line-height: 36px;}
.comments-fold{height: 700px;overflow: hidden;}
.overflow-expand{position: relative;top: -20px;margin: 0 auto;width: 100%;}
.overflow-expand-shadow{width: 100%;height: 22px;background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%);}
.bidding-tag-detail{padding: 1px 8px;border-radius: 4px;}
.comments-title{line-height: 40px;}
.nft-overflow-expand-shadow{width:100%;height:22px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)}
.table-min-height{min-height: 500px;position: relative;}
.table-page-devide{right: 0;bottom: 0;}
.rights-use-button{width: 88px;border: 1px solid var(--brandColor);padding: 6px 0;border-radius: 4px;}
.gis-nft-content{padding: 28px 50px;}
.nft-rights-item > i{width: 34px;height: 14px;background-size: contain;margin-bottom: 4px;}
i.nft-rights-icon0{background: url(/images/rights_vip_1.svg);}
i.nft-rights-icon1{background: url(/images/rights_AMA.svg);}
i.nft-rights-icon2{background: url(/images/rights_DMM.svg);}
.rights-use-image{width: 64px;height: 53px;object-fit: contain;}
.rights-use-text{top: 0;left: 0;bottom: 0;right: 0;font-size: 12px;font-weight: 400;transform: scale(0.9);}
.rights-use-button > i, .rights-use-text > i {width: 14px;height: 14px;background: url(/images/count_down_red.svg);background-size: contain;background-repeat: no-repeat;transform: rotate(15deg);}
.rights-use-item{transform: rotate(-15deg);}
.rights-use-item i {transform: rotate(15deg);}
.gis-nft-title > i{width: 16px;height: 18px;background: url(/images/count_down_orange.svg);background-repeat: no-repeat;background-position: center;margin-left: 5px;background-size: contain;}
i.gis-nft-vip-icon{width: 34px;height: 14px;margin-left: 8px;background: url(/images/rights_vip_1.svg);background-size: contain;}
i.gis-nft-ama-icon{width: 34px;height: 14px;margin-left: 8px;background: url(/images/rights_AMA.svg);background-size: contain;}
i.gis-nft-mm-icon{width: 34px;height: 14px;margin-left: 8px;background: url(/images/rights_DMM.svg);background-size: contain;}
.right-use-submit{padding: 10px 20px;width: 200px;border-radius: 4px;color: #fff;text-align: center;}
.popup-rights-vip-content{width: 160px!important;}
.right-use-time i{width: 16px;height: 16px;position: absolute;right: 16px;background: url(/images/developer_datepicker.png);background-size: contain;pointer-events: none;}
.forbid-select-wrapper{width: 100%;box-sizing: border-box;padding: 0 16px;border: 1px solid #eee;border-radius: 4px;height: 40px;line-height: 40px;cursor: pointer;}
.forbid-select-wrapper i{display: inline-block;width: 16px;height: 16px;background-image:url(/images/drop_select.png);background-repeat: no-repeat;background-size: 100%;}
.forbid-button-wrapper button{padding: 0 18px;height:32px;cursor: pointer;border-radius: 4px;outline: none;border: none;}
.forbid-button-wrapper button.cancel-btn{border: 1px solid;}
.forbid-button-wrapper button.submt-btn{color: #fff;margin-left: 16px;background: var(--brandColor);}
.border-circle{border-radius: 50%;}
.report-popup textarea{resize: vertical;height: 120px;}
.report-popup textarea::placeholder{color: #ccc;font-weight: 400;}
.appeal-operation{display: flex;width: 100%;justify-content: flex-end;}
.appeal-operation button{outline: none;border: none;border-radius:4px; color: #fff;height: 24px;padding: 0 8px;cursor: pointer;font-size: 12px;font-weight: 500;margin-top: 8px;}
.common-tips-groups button{outline:none;border:none;cursor:pointer;margin-left:16px;height: 32px;line-height: 32px;padding: 0 18px;border-radius: 4px;color: #fff;}
.manage-table-collection .manage-collection-icon{width: 12px;height: 12px;min-width: 12px;left: 20px;}
i.works-edit-icon{display:none;width:24px;height:24px;background-image:url(/images/edit-collection.png);background-position:center;background-size:100%;background-repeat:no-repeat;cursor:pointer}
.card-wrapper:hover i.works-edit-icon{display: inline-block;}
.edit-upload{flex-direction: row;padding: 8px;height: 48px;box-sizing: border-box;}
.edit-upload > p{margin-top: 0;margin-left: 8px;}
.edit-upload .circular-chart{width: 32px;height: 32px;fill: none;}
.edit-upload-cantainer .collection-upload-image{box-sizing: border-box;}
.detail-edit-container{font-size: 12px;font-weight: 500;line-height: 24px;box-sizing: border-box;display: inline-block;}
.box-list-item{width: 282px;height: 388px;border-radius: 8px;padding: 16px;box-sizing: border-box;}
.box-list-item img.box-list-item-img{width: 250px;height: 250px;object-fit: cover;border-radius: 4px;}
.box-list-item video.box-list-item-img{width: 250px;height: 250px;object-fit: cover;border-radius: 4px;}
.box-list-item-SP{background: linear-gradient(180deg, rgba(233, 225, 250, 0.3) 0%, rgba(223, 210, 250, 0.3) 100%);}
.box-list-item-SSR{background: linear-gradient(180deg, rgba(225, 238, 250, 0.3) 0%, rgba(195, 224, 250, 0.3) 100%);}
.box-list-item-SR{background: linear-gradient(180deg, rgba(250, 234, 225, 0.3) 0%, rgba(250, 218, 200, 0.3) 100%);}
.box-list-item-R{background: linear-gradient(180deg, rgba(250, 246, 225, 0.3) 0%, rgba(250, 242, 200, 0.3) 100%);}
.box-list-item-N{background: linear-gradient(180deg, rgba(240, 240, 240, 0.3) 0%, rgba(230, 230, 230, 0.3) 100%);}
.box-list-item:nth-child(4n) {margin-right: 0;}
.verified-panel{position: fixed;bottom: 0;left: 0;right: 0;height: 96px;z-index: 9;padding: 0 80px 0 40px;}
.verified-list{overflow-x: scroll;overflow-y: hidden;margin: 0;}
.verified-list-item{width: 64px;height: 64px;border-radius: 4px;margin-right: 16px;flex-shrink: 0;overflow: hidden;box-sizing: border-box;}
.verified-list-item img{height: 100%;object-fit: cover;box-sizing: border-box;}
.multi-verified-button{padding: 10px 39px;border-radius: 4px;box-sizing: border-box;height: 40px;white-space: nowrap;}
.create-verified-list{overflow-y: auto;overflow-x: hidden;max-height: 300px;}
.create-verified-list .verified-list-item{margin-right: 0;}
.create-verified-card{margin-right: 8px;margin-top: 8px;}
.create-verified-card:nth-child(5n){margin-right: 0;}
.icon-nft_like_ok{color: #e62323;}
.offer-management{padding-left: 15px;border-left: 1px solid #E6E6E6;}
.offer-management > span{height: 16px;}
.offer-back .back-icon{border: 1px solid #eee;width: 24px;height: 24px;border-radius: 4px;}
.lowest-price > input{border: none;border-radius: 0;border-bottom: 1px solid #E6E6E6;text-align: right;padding-right: 48px;background-color: transparent;width: 200px;}
.lowest-price > span {right: 0;top: 0;}
.save-button{padding: 9px 32px;border-radius: 4px;color: #fff;}
.react-table.offer-set-table tbody tr:hover{
	cursor: default;
	background-color: transparent;
}
.goto-mraket-sell{padding: 13px 48px;font-size: 16px;line-height: 22px;color: #fff;background: var(--brandColor);border-radius: 4px;display: inline-block;margin: 16px 0 36px;}
span.icon-a-16px-tip{color: var(--colorFont3);}
span.icon-a-16px-tip:hover{color: var(--colorFont2);}
/* component CardBackground, OverlyingIcon common start */
.card-bg-outer{width: fit-content;height: fit-content;overflow: hidden;}
.card-bg-outer .card-bg-inner-border{z-index: -1;overflow: hidden;}
.card-bg-outer img{text-align: center;}
.overlying-icon-image{width: 160rem;height: 160rem;object-fit: cover;}
.overlying-icon1{z-index: -1;opacity: 0.4;width: auto;height: auto;filter: blur(1px);}
.overlying-icon2{z-index: -2;opacity: 0.2;width: auto;height: auto;filter: blur(1px);}
/* end */

/* 首页改版css components用*/
.hover-button:hover{background-color: var(--color-brand-2);}
.show-image-item{width: 100%;height: 100%;object-fit: cover;backdrop-filter: blur(1px);background: var(--slideBg1);}
.file-show-image .audio-card-cont{margin-top: 0}
.right-top-icon{background: rgba(0, 0, 0, 0.3);color: #fff;backdrop-filter: blur(10px);border-radius: 50%;width: 24px;height: 24px;}
.right-top-icon .content-type-tag{width: 10px;height: 10px;margin-right: 0;}
.common-card .right-top-icon{margin-right: 8px;}
i.creation-audio{background-image:url(/images/nft/creation_audio.svg);background-position:center;background-size: contain;background-repeat:no-repeat;}
i.creation-video{background-image:url(/images/nft/creation_video.svg);background-position:center;background-size: contain;background-repeat:no-repeat;margin-left: 2px;}
/* .nft-banner-bg::before{content: '';display: block;width: 100%;height: 1327px;background: linear-gradient(281.9deg, #7497FF 19.07%, #002AFF 30.56%, rgba(0, 240, 255, 0.3) 48.88%);opacity: 0.1;filter: blur(300px);position: absolute;bottom: 260px;} */
.colorgray3{color: var(--colorgray3)}
.mw60{min-width: 60px;}
.mw80{min-width: 80%;}
.mb24-rem{margin-bottom: 1.2rem;}
.dorpos-collection-name{color: var(--colorFont1);font-size: 1.2rem;}

.nft-header-right .nft-header-search .input-focus {border: 1px solid var(--brandColor)!important;background: #fff!important;}
.nft-header-search.focus svg.normal-menu-icon{color:var(--brandColor)}

/* 资产详情碎片化 */
.info-crowd{display: flex;width: 100%;justify-content: space-between;}
.info-crowd li:nth-child(1){width: 60%;}
.info-crowd li:nth-child(2){width: 40%;}
.info-crowd p{margin-bottom: 2px;font-size: 14px;}
.info-crowd-price span:first-child {font-size: 28px;font-weight: 500;}
.info-crowd-fail{margin: 32px 0 60px; font-size: 14px;color: #E64E62;line-height: 24px;}
.box-info-crowd ._minutes>div::before,
.box-info-crowd ._hours>div::before{content: ':';position: absolute;right: -5px;top: 0;color: #000;}
.box-info-crowd .box-countdown-item>div{height: 28px;width: auto;min-width: 24px;position: relative; font-size: 16px;font-weight: 500;line-height: 28px;padding: 0 4px;color: #fff;background-color: #000;}
.box-info-crowd .box-countdown-item{margin-right: 5px;}
.box-info-crowd .box-countdown-item span{font-size: 14px !important;}
.info-crowd-btn{width: 300px;height: 48px;line-height: 48px;text-align: center;border-radius: 4px;font-weight: 500;color: #fff; font-size: 16px; background: var(--brandColor);}
.info-crowd-parm{background-color: transparent;color: var(--brandColor);border: 1px solid var(--brandColor);}

/* 众筹盲盒 */
.crowd-plan{display: flex;position: relative;margin: 38px 0 20px;justify-content: space-between;}
.crowd-plan p{margin: 32px 0 8px;}
.crowd-plan li{width: 162px;display: flex;flex-direction: column;position: relative;}
.crowd-plan-icon{width: 24px;height: 24px;background: #EEF1FA;cursor: pointer;border-radius: 4px;position: absolute;z-index: 2;}
.crowd-plan-icon.icon-green{background: #17E6A1 !important;}
.crowd-plan-icon.icon-white{background: #fff !important;}
.crowd-plan-icon.icon-blue{background: var(--brandColor) !important;}
.crowd-plan-num,
.crowd-plan-num i{width: 494px;height: 4px;content: '';display: block;position: absolute;left: 24px;top: 10px;background: #EEF1FA;z-index: 1;}
.crowd-plan-num i{top: 0;left: 0; background: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);width: 20px;z-index: -1;transition: width 1s;}
.crowd-info{width: 100%;padding: 24px 16px;box-sizing: border-box;display: flex;background:#F8FAFD;border-radius: 8px;}
.crowd-info li{display: flex;flex-direction: column;width: 150px;position: relative;}
.crowd-info li:not(:last-child){margin-right: 16px;}
.crowd-info li span{white-space: nowrap;}
.crowd-info li span:first-child{font-size: 14px;}
.crowd-info li span:nth-child(2){margin: 6px 0 2px;font-size: 16px;}
.crowd i.box-detail-endding{bottom: 5px;}
.crowd .box-submit-btn, .free-mint-wrapper .box-submit-btn{bottom: -60px;}
.crowd .box-detail-anmi{font-family: 'PingFang SC';padding: 12px;font-size: 14px;background-color: #fff;filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1)); position: absolute;bottom: 60px; left: 160px;z-index: 2;animation: left_right_anim infinite 2s;}
.crowd .box-detail-anmi::before{content: '';display: block;width: 10px;height: 10px;background-color: #fff;border-radius: 2px;transform: rotate(45deg);position: absolute;left: -5px;top: 15px;}
@keyframes left_right_anim {
	0% {transform: translate(24px)}
    25% {transform: translate(0)}
    50% {transform: translate(24px)}
    75% {transform: translate(0)}
    100% {transform: translate(24px)}
}
.drops-bottom-info, .drops-bottom-info a{color: var(--nftColorGray4)}
.drops-collection-head .hot-collection-creation1{top: 0.75rem;right: 0.25rem;bottom: -0.3rem;left: 0.2rem;}
.drops-collection-head .hot-collection-creation2{top: 1.425rem;right: 0.45rem;bottom: -0.6rem;left: 0.4rem;}
/* .drops-swiper-button{margin-top: -4.95rem;} */
.header-banner-content-wrapper{background:linear-gradient(128deg, rgba(255, 255, 255, 0.8) 1.51%, rgba(255, 255, 255, 0.6) 26.62%, #FFFFFF 44.13%, rgba(255, 255, 255, 0.6) 64.06%, rgba(255, 255, 255, 0.8) 81.78%);}
.drops-mint-info,.dorpos-collection-info{color: #8d93a6}
.mint-info-item{height: 1.2rem;line-height: 1.2rem;}
.box-detail-fail{position: absolute;line-height: 24px;bottom: -40px;}
.crowd-plan .crowd-plan-icon:hover .bubble {display: block;}
.crowd-plan .bubble{width: 240px;border-radius: 4px;color: #fff;background: #000;padding: 8px;box-sizing: border-box;position: absolute; left: -106px;bottom: 40px;z-index: 2;font-size: 12px;display: none;line-height: 18px;}
.crowd-plan .bubble::after{content: '';display: block;position: absolute;left: 112px;bottom: -6px;width: 0px;height: 0px;border-top: 6px solid #000;border-left: 6px solid transparent;border-right: 6px solid transparent;}
span.icon-illustrate:hover{color: var(--brandColor)!important}
.nft-share-list{top: 28px;background: var(--nftWhite1);box-shadow: 0px 10px 24px 10px rgba(0, 0, 0, 0.06);border-radius: 4px;padding: 8px 0;z-index: 4;}
.nft-share-list li{height: 32px;width: 160px;line-height: 32px;color: var(--colorWhite2);padding: 0 16px;}
.nft-share-list li:hover{background: var(--tabBg);color:var(--brandColor)}
.card-setting-detail{top: 16px;right: 20px;cursor: pointer;}
/* .slideshow-card { width: 342px;position: relative;} */
.slideshow-card { width: calc(1200px / 4 - 16px);position: relative;border-radius: 16px;}
.slideshow-card .card-img img { width: calc(1200px / 4 - 32px);height: calc(1200px / 4 - 32px); border-radius: 16px; }
.slideshow-card .iconfont { display: none;}
.slideshow-card:hover { background-color: #fff;box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.03);}
.classic-dark .slideshow-card:hover { background-color: #151926;}
.slideshow-card:hover .iconfont { display: block;}
.slideshow-card .iconfont:hover { color: var(--brandColor);}
.slideshow-card .card-main{height: 22px;line-height: 22px;}
.slideshow-card .card-live {width: 50px;height: 24px;background: #ADB5CC;border-radius: 20px;justify-content: center;}
.classic-dark .slideshow-card .card-live{background: #292F40;}
.slideshow-card .card-live i {width: 8px;height: 8px;border-radius: 8px;display: block;background: #17E6A1;margin-right: 4px;}
.ino-banner {
  width: 100%;
  height: 272px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('/images/nft_ino_new/ino_banner_bg.png');
  background-size: cover;
}
.ino-banner-title {
  width: 787px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background: url('/images/nft_ino_new/ino_banner_bg_text.png') 100% 100%;
  padding-top: 111px;
  box-sizing: border-box;
}
html[lang="pt-br"] .ino-banner-title{padding-top: 80px;}
.calendar-list {
  width: 208px;
  background-color: #fff;
  box-shadow: 0px 10px 24px 10px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  position: absolute;
  right: 0px;
  top: 44px;
  overflow: hidden;
}
.calendar-list li {
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  display: flex;
  align-items: center;
  color: var(--colorWhite2);
  cursor: pointer;
}
button.cancel-btn{border:1px solid #eee;background:transparent;color:#333}
.calendar-list li:hover {background-color: #F2F7FF;}
.calendar-list li img {width: 14px;margin: 0 14px 0 18px;}
.calendar-list li .online {color: #8D93A6;}
.classic-dark .ino-banner { background: url('/images/nft_ino_new/ino_banner_bg_dark.png');background-size: cover; }
.classic-dark .ino-banner-title { background: url('/images/nft_ino_new/ino_banner_bg_text_dark.png') 100% 100%; }
.classic-dark .calendar-list {background-color: #1F2433;}
.classic-dark .calendar-list li:hover {background-color: #0F1F4D;}

/* ↓ 交易市场及搜索改版2.0 start*/
.nft-header-search-popup{width: 100%;background-color: #fff;box-shadow: 0px 0px 24px rgba(70, 100, 140, 0.15);border-radius: 8px;position: absolute;left: 0;top: 36px;box-sizing: border-box;}
.search-history-title{display: flex;justify-content: space-between;align-items: center;}
.search-history-list{display: flex;flex-wrap: wrap;}
.search-history-list span{max-width: 150px;background: var(--btnGray); border-radius: 4px;margin: 16px 16px 0 0;padding: 12px;cursor: pointer;}
.search-history-list span:hover{color: #fff;background-color: var(--brandColor);}
.nft-header-search-popup .title {padding: 24px 24px 16px;}
.nft-header-search-popup ul{display:flex;flex-wrap: wrap;}
.nft-header-search-popup ul li{width: 50%;height: 76px;cursor: pointer; display:flex;padding: 16px 24px 20px;box-sizing: border-box;}
.nft-header-search-popup ul li:hover{background-color: #F2F7FF;}
.nft-header-search-popup ul .right-info{width:calc(100% - 52px);margin-left: 12px; display:flex;flex-direction: column;justify-content: space-between;}
.identity-common-icon-1{display: inline-block;width: 14px;min-width: 14px;height: 14px;background-image: url(/images/nft/id-user-14px.png);background-size: 100%;background-repeat: no-repeat;margin-left: 4px;}
.identity-common-icon-2{display: inline-block;width: 14px;min-width: 14px;height: 14px;background-image: url(/images/nft/id-art-14px.png);background-size: 100%;background-repeat: no-repeat;margin-left: 4px;}
.identity-common-icon-12px-1{display: inline-block;width: 12px;min-width: 12px;height: 12px;background-image: url(/images/nft/id-user-12px.png);background-size: 100%;background-repeat: no-repeat;margin-left: 4px;}
.identity-common-icon-12px-2{display: inline-block;width: 12px;min-width: 12px;height: 12px;background-image: url(/images/nft/id-art-12px.png);background-size: 100%;background-repeat: no-repeat;margin-left: 4px;}
.nft-header-search-popup .more-btn{display: inline-block; padding: 12px;background-color: var(--btnGray);border-radius: 4px;}
.left-container-anmi{width:0;max-height: calc(100vh - 200px);overflow-y: auto;opacity: 0;box-shadow: 0px 0px 8px rgba(70, 100, 140, 0.15);position: relative;background-color: var(--nftBgColor);transition: width 0.5s!important}
.collections-list::-webkit-scrollbar,
.left-container-anmi::-webkit-scrollbar{width: 4px;}
.collections-list::-webkit-scrollbar-thumb, .left-container-anmi::-webkit-scrollbar-thumb {background-color: #eef1fa;}
.collections-list::-webkit-scrollbar, .left-container-anmi::-webkit-scrollbar{background-color: transparent;}
.left-top-btn{min-width: 120rem;height: 64px;background: linear-gradient(111.13deg, #E6F2FF 0%, #E0EDFF 52.61%, #E6ECFF 100%);display: flex;align-items: center;justify-content: space-between;padding: 0 24rem;box-sizing: border-box;border-radius: 0px 64px 64px 0px;white-space: nowrap;}
.left-top-btn svg{transition: all 0.3s;margin-left: 8px;}
@media screen and (max-width: 1200px){
  .left-top-btn.pre-wrap span{white-space: pre-wrap;}
}
.left-top-btn.showBox{animation: left-container-move-right .3s forwards;background: linear-gradient(111.13deg, rgba(230, 242, 255, 0.6) 0%, rgba(224, 237, 255, 0.6) 52.61%, rgba(230, 236, 255, 0.6) 100%);}
.left-top-btn.showBox path{stroke: var(--brandColor);}
.left-top-btn.hideBox{animation: left-container-move-left .3s forwards;}
.accordion-conten.show{animation: accordion-content-show .3s forwards;}
.accordion-conten.hide{animation: accordion-content-hide .3s forwards;}
.accordion-title{width: 100%;line-height: 100%;display: flex;font-weight: 600; font-size: 16px; justify-content: space-between;align-items: center;background-color: var(--nftBgColor); padding: 24px 22px 26px 24px;box-sizing: border-box;border-top: 1px solid var(--color-divider-2);}
.accordion-title .iconfont{display: inline-block;transition: .3s;font-weight: 600;}
.left-top-btn.showBox:hover svg{transform: rotate(-180deg);}
.left-top-btn.showBox:hover svg path{stroke: var(--brandColor);}
.showBox+.left-container-anmi{border-radius: 0px 16px 16px 0px;animation: left-container-width-right .5s forwards;opacity: 1;}
.hideBox+.left-container-anmi{animation: left-container-width-left .5s forwards;opacity: 0;}
@keyframes rolling {
	from {transform: translateX(0);}
	to {transform: translateX(-50%);}
}
@keyframes left-container-move-right {
  0% {min-width: 120rem;}
  100% {width: 100%;border-radius: 0 16px 0 0;}
}
@keyframes left-container-move-left {
  0% {width: 100%;}
  100% {min-width: 120rem;border-radius: 0 64px 64px 0;}
}
@keyframes left-container-width-right {
  0% {width: 0;}
  100% {width: 300px;}
}
@keyframes left-container-width-left {
  0% {width: 300px;}
  100% {width: 0;}
}
@keyframes accordion-content-show {
  0% {height: 0;}
  100% {height: auto;}
}
@keyframes accordion-content-hide {
  0% {height: auto;}
  100% {height: 0;}
}
.maket-banner{width: 100%;min-width: var(--areaWidth);height: 362px;background-image: url('/images/nft/nft_banner_bg.png');background-size: cover;position: absolute;left: 0;top: 0;}
.maket-banner h1{height: 66px;line-height: 66px;margin: 120px 0 0 20px;text-align: center;font-size: 60rem;letter-spacing: 0.9px;font-weight: 700;}
.carousel{width: 100%;margin-bottom: 128px;position: relative;padding: 0 48px;}
.carousel .btn{width: 40px;height: 40px;border-radius: 50%;color: #C2C5CC;background-color: #fff;padding: 0;display: flex;align-items: center;justify-content: center;position: absolute;top: 118px;}
.carousel-left.btn{left: 0;}
.carousel-right.btn{right: 0;}
.carousel .btn:hover{box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);color: var(--brandColor);}
.carousel .btn.none:hover{box-shadow: none;}
.carousel .btn.disabled:hover{box-shadow: none;color: #C2C5CC;}
.carousel-list{width: 100%;height: 100%;display: flex;overflow: hidden;}
.carousel-list-item{width: 100%;box-sizing: border-box;position: relative;}
.carousel-list-cont{height: auto !important;margin: 0 12px;}
.carousel-list-cont .home-card-bg{transition: none;-webkit-transition: none;}
.carousel-list-cont:hover .creator-card-item-border,
.carousel-list-cont:hover .creator-card-item-border .card-bg-inner-border{background: transparent;}
.carousel-list-swiper li {width: 93px;height: 93px;margin-right: 4px;}
.carousel-list-swiper li img{width: 100%;height: 100%;object-fit: cover;}
.creation-card-containter{width:100%;}
/* .creation-banners-swiper{margin: 0 calc(12.5% - 60px);padding: 8px 68px 160px;} */
/* .creation-card-item:hover .creation-card-user, .creation-card-item:hover .creation-card-like{opacity: 1;} */
/* .creator-banners-swiper{padding: 64px 60px;margin: 0 calc(12.5% - 60px);} */
.creator-card-item-border{background: var(--slideBg2);}
.carousel-list-item .card-bg-inner-border{background: var(--nftBgColor);height: 274px;}
.creator-card-content .creator-avatar-head{width: 9.05rem;height: 9.05rem;line-height: 9.05rem;left: auto;margin-top: 48px;border-radius: 50%;}
.creator-list-container{width: 100%;height: 93px;}
.creator-card-content .creator-name{max-width: 13.9rem;height: 24px;}
ul.creator-list{position: absolute;top: 0;left: 0;}
ul.creator-list .show-image-item{backdrop-filter: none}
.home-card-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background: var(--linearGradient4);width: auto;height: auto;opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.card-box-shadow{opacity: 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-shadow: 0px 16px 40px 4px rgba(70, 100, 140, 0.1);z-index: -2;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.creator-card-item:hover .creator-card-item-border, .creator-card-item:hover .creator-card-item-border .card-bg-inner-border{background: transparent;}
.carousel-list-cont:hover .home-card-bg, .creator-card-item:hover .home-card-bg, .creation-card-item:hover .home-card-bg,
.item-info{display: flex;padding: 30px 32px 0;}
.item-info-left{flex: 1;}
.item-info-left h2{display:flex;align-items: center;margin-top: 4px;}
.item-info-data{display:flex;justify-content: space-between;margin-top: 14px;}
.item-info-data li {width: 33.33%;text-align: left;display: flex;flex-direction: column;justify-content: space-between;}
.item-info-data li span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item-info-data li span:first-child{line-height: 12px;}
.item-info-data li span:last-child{line-height: 16px;}
.item-info .hot-collection-creation1{left: 4px;top: 14px;filter: blur(1px);opacity: 0.4;width: auto;height: auto;z-index: -1;backdrop-filter: blur(20px);}
.item-info .hot-collection-creation2{left: 8px;top: 28px;filter: blur(1px);opacity: 0.2;width: auto;height: auto;z-index: -2;}
.item-info .hot-collection-creation1 img{width: 68px;height: 68px;}
.item-info .hot-collection-creation2 img{width: 60px;height: 60px;}
.item-info .hot-collection-card-image{width: 76px;height: 76px;object-fit: cover;}
.coin-info img{width: 20px;height: 20px;}
.nfts-cart{width: 100%;padding: 8px 8px 20px;position: relative;box-sizing: border-box;}
.nfts-cart:nth-child(4n){margin-right: 0;}
.nfts-cart .item-goods{width: 100%;}
.nfts-cart .item-goods .item-goods-img{width: 100%;height: 100%;object-fit: cover;}
.nfts-cart:hover .home-card-bg{opacity: 1;}
.nfts-cart:hover .info-btn{opacity: 1;}
.nfts-cart .right-top-icon{border-radius: 50%;line-height: 24px;backdrop-filter:none;text-align: center; background: rgba(0, 0, 0, 0.3);}
.nfts-cart .left-bot-icon {position: absolute;left: 12px;bottom: 12px;display: flex;}
.rare-icon{background: rgba(0, 0, 0, 0.6);border-radius: 6px;margin-right: 8px; padding: 6px 8px;display: flex !important;justify-content: center;align-items: center;box-sizing: content-box;backdrop-filter: blur(15px);}
.nfts-cart .coming-icon{padding: 6px 8px;background: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);border-radius: 6px;}
.nfts-cart-info{padding: 24rem 13px 0;box-sizing: border-box;position:relative;font-size: 16px;display: flex;flex-direction: column;}
.nfts-cart-info>div, .nfts-cart-info>h3{line-height: 18px;height: 18px;margin-bottom: 14rem;}
.nfts-cart-info .info-price{margin-bottom: 24rem;}
.nfts-cart-info .info-like{height: auto;position: absolute;right: 8px;margin-bottom: 0;top: calc(52rem + 36px);display: flex;flex-direction: column;align-items: center;width: 25px;}
.nfts-cart-info .info-like .like-svg {transition: all .2s;position: absolute;top: 0;left: 2.5px;}
.info-like.like-scale .like-svg:hover {transform: scale(1.2) !important;}
.info-like.like .like-svg{animation: like-scale .3s forwards;}
.nfts-cart-info .info-like.nolike .like-svg{animation: nolike-show .6s forwards;transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}
@keyframes like-scale {
  0% {fill: rgba(242,48,48,.2);}
  100% {fill: rgba(242,48,48);transform: none !important;}
}
@keyframes nolike-show {
  0% {opacity: 0;width: 16px;height: 16px;}
  55% {opacity: 0.33;width: 20px;height: 20px;}
  100% {opacity: 1;transform: none;}
}
.nfts-cart-info .info-btn{width: 100%;height: 40rem;opacity: 0;line-height: 40rem;margin-bottom: 0;font-size: 16rem;text-align: center;background-color: var(--brandColor);color: #fff;}
.nfts-cart-info .info-btn:hover{background-color: var(--brandColor11);}
.nfts-cart-info .info-btn .info-btn-a{display: inline-block;width: 100%;height: 100%;color: #fff;}
.nfts-cart-info .info-creator{display: flex;align-items: center;}
.nfts-cart-info .info-status{padding-right: 35px;}
.free-text, .free-text-default{background-image: linear-gradient(90deg, #FFEC1A 0%, #FFAA33 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;text-fill-color: transparent;letter-spacing: 1px;}
.free-text-default{background-image: linear-gradient(90deg, #ADB5CC 0%, #8691B3 100%);}
.collections-search{height: 40px;display: flex;align-items: center;padding: 12px 8px;box-sizing: border-box;background-color: var(--slideBg1);border-radius: 8px;border: 1px solid var(--slideBg1);}
.collections-search:hover,
.collections-search.focus{border: 1px solid var(--brandColor) !important;}
.collections-search.focus .iconfont{color: var(--brandColor) !important;}
.collections-search.focus .input{caret-color: var(--brandColor);}
.collections-search .iconfont{color: var(--nftColorGray1);font-weight: 600;}
.collections-search input{border: none;flex: 1;margin: 0 9px;background:transparent !important;}
.collections-search input::placeholder{color: #C2C5CC;font-weight: 600;}
.collections-search i{display: inline-block;width: 14px;height: 14px;background: url(/images/nft/nft-header-close1.svg) 100% 100%;cursor: pointer;}
.nfts-search{padding: 0 12px !important;}
.nfts-search .collections-search{background-color: #fff;width: 200rem;border-radius: 4px;border: 1px solid var(--slideBg2);}
.sort-select{background-color: #fff;}
.nfts-search .collections-search input{max-width: 120rem;}
.no-search{padding: 24px 0 32px;display: flex;flex-direction: column;align-items: center;font-weight: 500;}
.no-search img{width: 80px;height: 80px;margin-bottom: 16px;}
.right-container .bottom-dyname-loading {margin-top: 100px;}
.nfts-cart .audio-card-cont{width: 100%;height: 100%; margin-top: 0;}
.nfts-title{height: 40px;align-items: flex-start; color:#3a3a3a;font-weight:500;font-size:14px;box-sizing: content-box;padding: 32px 0;}
.nfts-top-navs{flex-wrap: wrap;margin-bottom: 19px;}
.nfts-top-navs li{margin-bottom: 12px; display:flex;align-items: center;border-radius: 8px;margin-right:10px;padding:0 16px;color:var(--colorgray1); background-color: var(--slideBg1);font-weight: 600;height: 40px;}
.nfts-top-navs li>span{margin-right:12px}
.nfts-top-navs li.clear-btn{width: 40px;padding: 0;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.nfts-top-navs img{width: 14px;height: 14px;cursor:pointer}
.new-left-container{border-radius: 0 16px 16px 0;max-width: 300px;align-self:flex-start;}
.new-left-container.sticky-container{background-color: rgba(230, 236, 255);}
.new-left-container.sticky-container{padding-top: 0;top: 104px;}
.new-left-container::-webkit-scrollbar{width:2px}
.no-found{display: flex;align-items: center;}
.no-found span{color: var(--brandColor);max-width: 120px;display: inline-block;}
i.home-collection-verified-icon{display: inline-block;width: 14px;height: 14px;background: url(/images/nft/home_collection_verified.svg);background-size: contain;margin-left: 4px;flex-shrink: 0;}
.recharge-add{border-bottom: 1px dashed var(--brandColor);cursor: help;}
button.recharge-btn{outline: none;border: none;border-radius: 4px;color: #fff;background-color: var(--brandColor);font-size: 14px;display: inline-block;height: 40px;padding: 0 22px;margin-left: 12px;cursor: pointer;}
span.sealing-box-icon{display: inline-block;width: 28px;height: 28px;margin-right: 8px;background-repeat: no-repeat;background-size: 100%;background-image: url(/images/nft/sealing-box-icon.svg);animation: spin 800ms infinite linear}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(120deg); }
  100% { transform: rotate(360deg); }
}
.free-mint-plan{display: flex;position: relative;margin: 38px 0 20px;justify-content: space-between;}
.free-mint-plan li.free-mint-point{display: flex;flex-direction: column;flex:1;}
.free-mint-svg{width: 24px;height: 24px;border-radius: 4px;background: #EEF1FA;margin-bottom: 8px;display: flex;justify-content: center;}
.free-mint-point{position: relative;}
.fit-goods-wrapper{flex-direction: column;height: auto;}
.fit-goods-wrapper .container-title{margin-bottom: 12px;}
.fit-goods-wrapper .nfts-search{padding: 0 12px 0 0 !important;}
/* ↑ 交易市场及搜索改版2.0 end*/

/* 交易市场页面适配新版rem ↓ */
/* footer ↓*/
.explore-wrapper .main-container .fz14-rem{font-size: 14rem !important;}
.explore-wrapper .main-container .fz16-rem{font-size: 16rem !important;}
.explore-wrapper .main-container .fz18-rem{font-size: 18rem !important;}
.explore-wrapper .main-container .fz20-rem{font-size: 20rem !important;}
.explore-wrapper .home-footer-2{padding: 80rem 0 140rem;}
.explore-wrapper .nft-footer .nft-footer-left{width: 400rem;line-height: 24rem;}
.explore-wrapper .nft-footer .nft-footer-right{max-width: 768px;}
.explore-wrapper .nft-footer-right dl{width: 159rem;}
.explore-wrapper .nft-footer .fz16-rem{line-height: 24rem;}
.explore-wrapper .nft-footer h3,.explore-wrapper .nft-footer h4{font-size: 16rem;}
.explore-wrapper .nft-footer dl>dd.nft-social li a{width: 56rem;height: 56rem;line-height: 56rem;font-size: 28rem;}
.explore-wrapper .nft-footer dl>dd.nft-social li a > span{font-size: 28rem;}
/* footer ↑*/
/* 交易市场页面适配新版rem ↑ */

/* .free-mint-line::after{content: '';position: absolute;height: 4px;background:#EEF1FA;width: calc(100% - 24px);top: 10px;left: 24px;} */
.progress-width{width: 436px;height: 4px;position: absolute;left: 24px;top: 10px;background: #EEF1FA;}
.progress-width i{transition: width 1s;background: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);height: 4px;display: inline-block;position: absolute;}
.guide-recharge-groups {margin-left: 12px;}
.guide-recharge-groups button{outline: none;border: none;cursor: pointer;border-radius: 4px;background: var(--btnGray);color: var(--colorFont1);font-size: 12px;display: inline-block;height: 24px;line-height: 24px;padding: 0 12px;}
.guide-recharge-groups button a{color: var(--colorFont1)}
.guide-recharge-groups button:hover{color: var(--brandColor)}
.hot-collection-card-name{color: var(--colorgray1)}
/* 详情页蓝筹NFT投票相关 start */
.blue-chip-title{font-size: 16px;line-height: 22px;}
.blue-chip-cont{border-radius: 4px;background: var(--btnGray2);display: flex;justify-content: space-between;align-items: flex-start;padding: 24px 16px;}
.blue-chip-left-detail{display: flex;justify-content: start;align-items: flex-start;line-height: 28px;flex:1}
.blue-chip-left-detail i{display: inline-block;width: 28px;height: 28px;background-image: url(/images/nft/vote_rights.svg);background-size: 100%;background-repeat: no-repeat;min-width: 28px;}
.blue-chip-right button{outline: none;border: none;font-size: 14px;border-radius: 4px;border: 1px solid #e6e6e6;padding: 0 12px;height: 32px;line-height: 32px;margin-left: 12px;background: transparent;}
.classic-dark .blue-chip-right .cur-no{border-color: #342e2e!important;}
/* 详情页蓝筹NFT投票相关 end */
.mystery-box-type{padding: 1px 12px 1px 1px;border-radius: 40px;font-size: 12px;color: #fff;font-weight: 600;}
.type-mystery-box{background: linear-gradient(91.67deg, #3CF0B4 0%, #A1B2E6 55.73%, #E770FF 100%);}
.type-crowdfunding{background: linear-gradient(92.49deg, #57ECFA 0.04%, #6699FF 50.93%, #6759FF 100%);}
.type-free-mint{background: linear-gradient(273.43deg, #F255BE 0%, #F593A3 50%, #FAFA70 100%);}
.mystery-box-type .activity-icon{background: linear-gradient(135.69deg, rgba(78, 78, 78, 0.95) 7.28%, rgba(0, 0, 0, 0.95) 93.75%);padding: 4px;border-radius: 50%;margin-right: 8px;width: 22px;height: 22px;box-sizing: border-box;line-height: 14px;}
.mystery-box-type i{display: inline-block;background-repeat: no-repeat;background-size: 100%;background-position: center;width: 14px;height: 14px;}
.type-mystery-box i{background-image: url(/images/nft/unseal_box.svg);}
.type-crowdfunding i{background-image: url(/images/nft/fractional_nft.svg);}
.type-free-mint i{background-image: url(/images/nft/free_mint_icon.svg);}
.creation-card-rarity-level{padding: 6px 8px;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);border-radius: 6px;line-height: 12px;box-sizing: border-box;}
.creation-card-rarity-level img{height: 12px;}

/* 采用栅格 nft footer */
.nft-footer-wrapper{margin-top: 120rem;z-index: 0;}
.nft-footer-wrapper::before{content: '';background: var(--nftBgMask);position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.nft-footer-wrapper .nft-footer-left{width: 32.2%;margin-right: 24rem;}
.nft-footer-wrapper .nft-footer-right{flex: 1;max-width: none;}
.nft-footer-wrapper .nft-collapsible-icon{display: none;}
.nft-footer-wrapper .nft-footer-right dl:not(:first-child){margin-left: 24rem;}
.nft-footer-wrapper dl>dd.nft-social li{display: flex;}
.nft-footer-wrapper dl>dd.nft-social li a {max-width: 56px;max-height: 56px;width: 35%;height: auto;line-height: normal;margin-right: 15%;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 768px) {
  .nft-footer-wrapper{padding: 28rem 0 0;}
  .nft-footer-wrapper .nft-collapsible-icon{display: block;}
  .nft-footer-wrapper .nft-footer-container{flex-direction: column;justify-content: start;padding: 0;}
  .nft-footer-wrapper .nft-nav-logo, .nft-footer-wrapper .nft-footer-left h3{display: none;}
  .nft-footer-wrapper .nft-footer-left{width: 100%;margin-bottom: 20px;}
  .nft-footer-wrapper .nft-footer-right{flex-direction: column;}
  .nft-footer-wrapper .nft-footer-right dl{position: relative;width: 100%;margin-top: 24px;}
  .nft-footer-wrapper .nft-footer-right dl dt{font-size: 16px;line-height: 16px;margin-bottom: 16px;}
  .nft-footer-wrapper .nft-footer-right .nft-collapsible-icon{top: 0;right: 0;position: absolute;}
  .nft-footer-wrapper .nft-footer-right{max-width: none;width: 100%;}
  .nft-footer-wrapper .nft-footer-right dl:not(:first-child){margin-left: 0;}
  .nft-footer-wrapper .footer-date{position: relative;margin-top: 36px;border-color: rgba(0, 0, 0, 0.04);padding: 20px 0;font-size: 12px;line-height: 12px;}
  .nft-footer-wrapper dl>dd li a{font-size: 14px;line-height: 21px;}
  .nft-footer-wrapper .nft-footer-right dl>dd ul li:first-child a{margin-top: 8px;}
  .nft-footer-wrapper .nft-footer-right dl > dd:not(:last-child){display: none;}
  .nft-footer-wrapper .nft-footer-right dl.active dd{display: block;}
  .nft-footer-wrapper h4{font-size: 14px;line-height: 21px;}
  .nft-footer-wrapper dl>dd.nft-social li a{width: 40px;height: 40px;line-height: 40px;margin-right: 20px!important;margin-top: 16px!important;}
  .nft-footer-wrapper dl>dd.nft-social li a > span{font-size: 24px;}
  .nft-footer-wrapper .nft-social ul{display: flex;}
  .clearOverflow .nav-list .nft-collapsible-icon, .nft-footer-right .nft-collapsible-icon{font-size: 16px;width: 16px;height: 16px;transition: transform 0.5s;-webkit-transition: transform 0.5s;position: absolute;right: 16px;color: var(--color-text-3);}
  .setup-expanded-active .nft-collapsible-icon, .li-expanded-active .nft-collapsible-icon, .nft-footer-right dl.active .nft-collapsible-icon{transform: rotate(180deg);color: var(--brandColor)!important;}
  .home-card-bg{background: inherit;}
  .nfts-cart-info>h3{font-size: 16px;line-height: 1;margin-bottom: 12px;}
  .nfts-cart-info .info-status{margin-bottom: 8px;}
}
.outer-calendar-list{position: absolute;z-index:1;}

/* common button */
.nft-common-button-40{width: 100%;height: 40rem;background: var(--color-brand-1);color: #fff;font-size: 16rem;line-height: 16rem;font-weight: 600;cursor: pointer;}
.nft-common-button-52{width: 100%;height: 52rem;background: var(--color-brand-1);color: #fff;font-size: 20rem;line-height: 20rem;font-weight: 600;cursor: pointer;}
.nft-common-button-40.disabled, .nft-common-button-52.disabled{background: var(--color-neutral-3);color: var(--color-text-4);cursor: not-allowed;}
/* end */

/* component CommonSelect */
.common-select-container{position:relative;padding:0 12px;height:40px;border:1px solid var(--color-divider-1);border-radius:4px;cursor:pointer;background: var(--color-cmpt-2);box-sizing: border-box;}
.common-select-container.focused{border-color: var(--color-brand-1);border-width: 2px;}
.common-select-container .coins-list{background: var(--color-card-2);border: none;}
.common-select-container.focused .coins-list{width: calc(100% + 4px);left: -2px;}
.common-select-container .coins-list li{padding: 0 12px;}
.common-select-container .coins-list li:hover{background: var(--color-card-3);}
.classic-dark .common-select-container .coins-list li:hover{background: var(--color-card-3)!important;}
.common-select-container .coins-list li.selected{color: var(--color-brand-1);background: var(--color-card-3);}
/* end */

/* component TipConfirm */
.common-popup-new-main{background: var(--color-bg-3);position: relative;padding: 32rem 40rem;width: 500rem;}
.popup-common-title{font-size: 24rem;line-height: 36rem;}
.popup-common-close{position: absolute;right: 24rem;top: 24rem;cursor: pointer;color: var(--color-text-4);font-size: 16px;line-height: 16px;}
.tip-confirm-wrapper{padding: 24rem 40rem;background: var(--color-bg-3);width: 500rem;}
.popup-tip-content{font-size: 14rem;line-height: 22rem;color: var(--color-text-2);}
.popup-tip-button{width: 100%;height: 40rem;background: var(--color-brand-1);color: #fff;font-size: 16rem;line-height: 16rem;font-weight: 500;cursor: pointer;}
.popup-cancel-button{flex: 1;background: var(--color-neutral-2);color: var(--color-brand-1);}
body.classic-dark .popup-cancel-button{color: #fff;} 
.popup-confirm-button{flex: 1;margin-left: 24rem;}
.popup-confirm-button.disabled{background: var(--color-neutral-3);color: var(--color-text-4);cursor: not-allowed;}
.common-popup-new-cont{padding: 0;}
/* end */

/* component newReportPopup */
.popup-report-wrapper{padding: 32rem 40rem 24rem;background: var(--color-bg-3);border-radius: 16px;box-sizing: border-box;width: 500rem;}
.popup-report-reason span{font-weight: 400;color: var(--color-text-4);}
.popup-report-textarea{padding: 12px 8px 12px 12px;font-size: 14rem;line-height: 21rem;}
.popup-report-textarea textarea{font-weight: 500;}
.popup-report-textarea textarea.over-h{padding-right: 4px;}
/* end */

/* component CommonTextarea */
.nft-common-textarea{width: 100%;background: var(--color-cmpt-2)!important;border: var(--color-divider-1) solid 1px;box-sizing: border-box;border-radius: 8px;appearance:none;-webkit-appearance:none;}
.nft-common-textarea textarea{width: 100%;resize: none;border: none;outline: none;box-sizing: border-box;}
.classic-dark .nft-common-textarea textarea{color: var(--color-text-1)!important;}
.nft-common-textarea.focused{border-color: var(--color-brand-1);border-width: 2px;}
.nft-common-textarea .nft-common-scrollbar{scrollbar-color: #4d5366}
.nft-common-textarea .nft-common-scrollbar::-webkit-scrollbar-track{margin: -8px 0}
.unvisible-textarea{visibility: hidden;pointer-events: none;position:absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.nft-common-textarea.max-limit-text{border: 2px solid var(--color-pd-1);}
/* end */

/* adminTip popup */
.limit-show-tips{padding: 8px;font-size: 14px;color: var(--color-text-3);line-height: 1.5;margin-top: 24px;border-radius: 8px;background: var(--color-bg-2);}
.recommend-show-tips{margin-top: 24px;font-size: 14px;line-height: 1.5;color: var(--color-text-2);}
.limit-show-title{margin-top: 24px;font-weight: 600;color: var(--color-text-2);}
.limit-show-select{margin-top: 12px;}
.limit-show-textarea{margin-top: 12px;padding: 16px 8px 16px 16px;font-size: 14px;line-height: 1.5;}
.limit-show-textarea textarea{color: var(--color-text-1)!important;}
.common-select-container .coins-list li span{font-size: 14px;line-height: 1.5;}
/* end */

@media screen and (max-width:768px) {
  .common-popup-new-main{padding: 24px;width: 328px;}
  .popup-common-close{font-size: 16px;line-height: 16px;right: 16px;top: 16px;}
  .limit-show-select{margin-top: 8px;}
  .limit-show-textarea{margin-top: 8px;}
  .h5-mt24{margin-top: 24px}
  .coin-info img{width: 16px;height: 16px;}
}

/* 我的资产页改动 */
.offer-collection-image{padding-bottom: 8px;margin-right: 8px;}
.offer-collection-image .overlying-icon-image{width: 52px;height: 52px;}
.offer-collection-image .overlying-position1{top: 11px;left: 4px;right: 4px;bottom: -4px;}
.offer-collection-image .overlying-position2{top: 22px;left: 8px;right: 8px;bottom: -8px;}
/* end */

/* component CommonCoinSelect */
.coin-select-wrapper{width: 100%;height: 40rem;border: 1px solid var(--color-divider-1);background: var(--color-cmpt-2);position: relative;padding: 0 12rem;box-sizing: border-box;border-radius: 4px;}
.coin-select-wrapper.expended{border: 2px solid var(--color-brand-1);}
.coin-select-wrapper .coin-icon-16{width: 16px;height: 16px;object-fit: cover;}
.coin-select-wrapper .coins-list{background: var(--color-cmpt-2);border-radius: 4px;overflow: auto;max-height: 200rem;top: 44rem;border: none;}
.coin-select-wrapper .coins-list li{height: 40rem;font-size: 14rem;line-height: 14rem;padding: 0 12rem;}
.coin-select-wrapper .coins-list li:hover{background: var(--color-card-3)!important;}
/* end */

/* common scrollbar */
.nft-common-scrollbar::-webkit-scrollbar{width: 4px;height: 4px;}
.nft-common-scrollbar::-webkit-scrollbar:hover{background: transparent;}
.nft-common-scrollbar::-webkit-scrollbar-thumb, .pool-right-wrapper::-webkit-scrollbar-thumb{border-radius: 11px;background: #E6E9F2;}
.classic-dark .nft-common-scrollbar::-webkit-scrollbar-thumb,
.classic-dark .pool-right-wrapper::-webkit-scrollbar-thumb{background: #4D5366!important;}
/* end */

/* popup scrollbar */
.nft-popup-scrollbar::-webkit-scrollbar{width: 4px;}
.nft-popup-scrollbar::-webkit-scrollbar:hover{background: transparent;}
.nft-popup-scrollbar::-webkit-scrollbar-thumb{border-radius: 4px;background: #EEF1FA;}
.classic-dark .nft-popup-scrollbar::-webkit-scrollbar-thumb{background: #2A2F40!important;}
/* end */

.export-btn{display: flex;justify-content: end;padding: 0 24px 24px 0;box-sizing: border-box;}
.export-btn span{cursor: pointer;padding: 6px 18px;font-size: 14px;color: #333;background: #FFFFFF;border-radius: 4px;border-width: 1px;border-style: solid;}
.export-btn span:last-child{margin-left: 16px;color: #fff;background-color: var(--brandColor);border-width: 0;}

/* CommonBreadCrumbs */
.nft-bread-crumbs{height: 64rem;background: var(--color-card-1);box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);position: sticky;top: 64px;z-index: 9;}
.classic-dark .nft-bread-crumbs{box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);}

/* component DataEmptyComp */
.data-empty-comp-wrapper{width: 100%;display: flex;flex-direction: column;align-items: center;}
.data-empty-comp-wrapper > img{width: 180rem;height: 180rem;object-fit: cover;}
.data-empty-comp-goto-login{width: auto;padding: 0 32rem;height: 52rem;font-size: 20rem;line-height: 20rem;font-weight: 600;background: var(--color-brand-1);margin-top: 80rem;color: #fff;cursor: pointer;}

/* 版税记录页改版 */
.royalty-root{background: var(--color-bg-1);}
.classic-dark .royalty-root{background: var(--color-bg-1)!important;}
.royalty-record-description{font-size: 16rem;line-height: 24rem;}
.royalty-record-table{margin-top: 32rem;}
.royalty-record-table table{border-collapse: separate;border-spacing: 0 8rem;}
.royalty-record-table::before{position: absolute;content: '';top: 8rem;left: 0;width: 100%;height: 67rem;background: #EEF1FA;border-radius: 16px 16px 0 0;}
.royalty-record-table thead{background: #EEF1FA;border-radius: 16px 16px 0px 0px;height: 40rem;}
.classic-dark .royalty-record-table thead, .classic-dark .royalty-record-table::before{background: #0C0E15;}
.royalty-record-table .royalty-record-th:first-child{border-top-left-radius: 16px;}
.royalty-record-table .royalty-record-th:last-child{border-top-right-radius: 16px;}
.royalty-record-th{border: none;font-size: 14rem;padding-top: 4rem;color: var(--color-text-4);font-weight: 400;}
.royalty-record-table tbody tr{background: var(--color-card-2);}
.royalty-record-table tbody tr:hover{background: var(--color-card-3);}
.royalty-record-table tbody tr td:first-child{border-radius: 16px 0px 0px 16px;}
.royalty-record-table tbody tr td:last-child{border-radius: 0px 16px 16px 0px;}
/* .royalty-record-table tbody tr td{border-bottom: 8px solid var(--color-bg-1);} */
.royalty-status-unpaid{color: var(--color-other-2);}
.royalty-status-success{color: var(--color-text-4);}
.royalty-status-failed{color: var(--color-funct-3);}
.royalty-pl30{padding-left: 30rem;}
.royalty-pr32{padding-right: 32rem;}
.royalty-record-table thead tr[role="row"]{height: 40rem;}
.royalty-record-table tbody tr[role="row"]{height: 80rem;}
.royalty-asset-image{width: 40rem;height: 40rem;margin-right: 12rem;}
.royalty-asset-image img{background: #000;}
.royalty-asset-name{max-width: 222rem;color: var(--color-text-2);font-size: 16rem;line-height: 16rem;}
.royalty-asset-rare-icon{background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(15px);border-radius: 4px;padding: 4rem 3rem;}
.royalty-asset-rare-icon > img{height: 8rem;object-fit: contain;}
.royalty-asset-blind-icon{padding: 3rem;}
.royalty-asset-blind-icon > img{width: 10rem;height: 10rem;object-fit: cover;}
/* end */
.world-cup-agreement-wrapper{margin-top: 40px;}
.world-cup-agreement-wrapper i{cursor: pointer;}
i.need-checked{width: 20rem;height: 20rem;border: 1px solid var(--color-divider-2);border-radius: 2px;background: var(--color-bg-1);box-sizing: border-box;flex-shrink: 0;}
.world-cup-agreement-wrapper i.need-checked{width: 16px;height: 16px;}
.world-cup-agreement-wrapper i.is-checked{width: 16px;height: 16px;flex-shrink: 0;}
.world-cup-agreement-wrapper a, .world-cup-agreement-wrapper a:hover{color: var(--color-brand-1);}
.agreement-bid-butoon-wrapper .world-cup-agreement-wrapper{width: 100%;padding: 0 24px;box-sizing: border-box;}
.agreement-bid-butoon-wrapper button{width: 236px;height: 40px;line-height: 40px;border-radius: 5px;background: var(--color-brand-1);color: #fff;cursor: pointer;border: none;outline: 0;font-weight: 500;margin-top: 24px;margin-bottom: 40px;}
.agreement-bid-butoon-wrapper button.disabled{background: var(--color-neutral-2);color: var(--color-text-4);}
/* end */

/* mystery_box h5 */
.box-list-item-h5 {display: none;}
@media screen and (max-width: 768.9px) {
  .box-detail-header {flex-direction: column;}
  .box-detail-container, .bred-nav, .box-header {width: auto !important;padding: 0 24px;}
  .box-header-left, .box-list-item-h5 {width: 100%;min-width: 0;height: auto;padding-top: 100%;position: relative;margin-right: 0;}
  .box-list-item-img {display: none;}
  .box-list-item-h5 .box-list-item-img, .box-list-item-h5 {display: block;}
  .box-header-left img, .box-list-item-h5 .box-list-item-img {width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
  .box-heder-right {width: 100%;margin-top: 36px;}
  .box-list-wrapper {width: 100%;display: inline-block;}
  .box-list-wrapper .box-list {display: grid;grid-column: span 3;grid-gap: 24px;grid-template-columns: repeat(3, 1fr);}
  @media screen and (max-width: 520.9px) {
    .box-list-wrapper .box-list {grid-column: span 2;grid-template-columns: repeat(2, 1fr);}
  }
  .box-list-item {width: 100%;height: auto;padding: 12px;margin-top: 0 !important;margin-right: 0 !important;}
  .progress-width {width: 204px;}
  .box-submit-btn {width: 100%;}
  .box-now-price {font-size: 20px;line-height: 24px;}
  .box-now-price span {display: block;}
}

/* end */

/* common button */
.nft-common-button-40{width: 100%;height: 40rem;background: var(--color-brand-1);color: #fff;font-size: 16rem;line-height: 16rem;font-weight: 600;cursor: pointer;}
.nft-common-button-40.disabled{background: var(--color-neutral-3);color: var(--color-text-4);cursor: not-allowed;}
/* end */

/* 用户标识 */
.identity-icon-wrapper{position: absolute;bottom: 0;background: var(--color-card-2);right: calc(24rem - 1px);border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;}
.identity-icon-wrapper .identity-icon{width: 14px;height: 14px;}
.header-user .identity-icon-wrapper{z-index: 3;right: 1px;}
/* end */

/* 密码窗小语种 */
#tablePending{width: 100%;}
/* 密码窗end */

.sanjiaoxing{width: 18px;height: 18px;position: absolute;overflow: hidden;}
.sanjiaoxing span{position: absolute; border-radius: 0 3px 0px 0px;right: 13px;width: 100%;height: 100%;background-color: rgba(4, 9, 26, 0.9);transform: rotate(45deg);}
.sanjiaoxing.left{left: -34px;transform: rotate(180deg);}
.sanjiaoxing.right{right: -34px;}
.sanjiaoxing.top{top: 0;}
.sanjiaoxing.center{top: calc(50% - 4px);}
.sanjiaoxing.bottom{bottom: 0;} 

/* 充值入库改版 */
.coin-select-wrapper .recharge-select{border-radius: 8px;box-shadow: 0 8px 24px rgba(70, 100, 140, 0.15);background: var(--color-card-2);margin-top: 8px;overflow: inherit;max-height: inherit;}
.recharge-select-scroll{max-height: 360px;overflow: auto;}
.recharge-select-scroll::-webkit-scrollbar{width: 5px;border-radius: 2px;}
.recharge-select-scroll::-webkit-scrollbar-thumb {background: var(--color-scroll-1)!important;}
.recharge-select .recharge-search{background: var(--color-bg-3);margin: 8px;border-radius: 4px;height: 32px;}
.recharge-search .icon-nft_search{color: var(--color-text-4);}
.recharge-search input::placeholder{color: var(--color-text-4);font-weight: 500;}
.recharge-select .recharge-select-scroll li{color: var(--color-text-1);font-size: 14px;line-height: 1;padding: 0 12px;height: 40px;font-weight: 500;}
.recharge-select li.active{color: var(--color-brand-1);}
.recharge-select .recharge-search{border-color: var(--color-divider-1)}
.classic-dark .collections-search.recharge-search>svg path{fill: #61688a!important;}
/* 充值入库 */
/*NFT购买、报价、卖出、作品集报价弹窗*/ 
.popup-available-upgrade-content{
  width:auto !important;
}
/*NFT购买、报价、卖出、作品集报价弹窗 end*/