#nroot *{box-sizing:border-box}
.mr40{margin-right: 40px;}
.nft-col-bannercontainer{height:200px}
.nft-collection-page-banner{width:100%;height:100%;object-fit:cover}
.nft-col-container{margin:0 auto;width:1200px}
#nft-col-root{position:relative;top:-44px}
.col-top-iconbar{position:relative;display:flex;height:44px;justify-content:center}
.col-top-icon{overflow:hidden;width:88px;height:88px;border:2px solid #fff;border-radius:50%}
.col-top-icon img{width:100%;height:100%;object-fit:cover}
.col-top-verified{width:88px;height:88px;top: 0;}
.social-group{position:absolute;top:60px;right:0;z-index:2;display:flex;padding-left:10px;height:40px;border:1px solid #eee;border-radius:4px;align-items:center}
.social-group span{padding:0 10px;border-right:1px solid #eee;color:#8f95a8;cursor:pointer}
.social-group span:last-child{border-right:none}
.social-group span:first-child{padding-left:0}
.social-ownerinfo{display:flex;margin-top:60px;color:#333;font-weight:500;font-size:24px;justify-content:center}
.collection-statis{display:flex;justify-content:center}
.collection-statis li{display:flex;margin-top:20px;margin-right:10px;width:120px;height:80px;border-radius:4px;background:#fafafa;cursor:pointer;transition:all .3s;justify-content:center;align-items:center;flex-direction:column}
.collection-statis li:hover{box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}
.colllection-statis-row1{display:flex;color:#333;font-weight:500;font-size:20px;align-items:center}
.colllection-statis-row1 span{margin-right:2px}
.colllection-statis-row2{margin-top:6px;font-size:12px}
.collection-descrition{overflow:hidden;margin:0 auto;margin-top:20px;width:680px;max-height:90px;color:#6f7481;text-align:center;line-height:22px;transition:all .1s}
.expand-status{max-height:1000px}
.nft-col-tabs{display:flex;margin-top:20px;height:54px;background:#fafafa;justify-content:center;align-items: center;}
.nft-col-tabs div{height:54px;font-size:16px;cursor:pointer;line-height: 54px;margin-right: 60px;}
.nft-col-tabs div:last-child{margin-right: 0;}
.nft-col-tabs div.active{color:var(--brandColor);position: relative;}
.nft-col-tabs div.active::before{background:var(--brandColor);position: absolute;height: 3px;width: 32px;left: 50%;bottom: 0;content: '';margin-left: -16px;}
.nft-col-tabs div.active.bluechip::before{content: '';margin-left: -6px;}
.filter-button{display:flex;padding:0 20px;height:40px;border:1px solid #eee;border-radius:4px;background-color:transparent;color:#333;cursor:pointer;align-items:center}
.filter-button .iconfont{margin-right:10px}
.bottom-col-list{padding-top:20px;min-height:500px}
.search-container{display:flex;padding:0 10px;height:40px;border:1px solid #eee;border-radius:4px;align-items:center}
.search-container input{outline:0;border:0}
.sort-select{margin-left:10px;height:40px}
.col-filter-container{position:absolute;top:50px;z-index:10;padding:20px;width:100%;border-radius:4px;background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.06)}
.control-row{position:relative}
.col-status-filter label{width:100px;min-width:100px;display: inline-block;height: 28px;line-height: 28px;}
.col-status-filter ul{display:flex;align-items:center;flex-wrap: wrap;}
.col-status-filter ul li{display:flex;margin-right:20px;padding:2px 10px;cursor:pointer;align-items:center}
.col-status-filter ul li.active{border-radius:4px;background:#f2f7ff;color:var(--brandColor)}
.col-status-filter ul li i{display:inline-block;width:24px;height:24px;min-width:24px;cursor:pointer}
.col-filter-container .confirm-filter-btn{padding:0 30px;height:40px;outline:0;border:none;border-radius:4px;background:var(--brandColor);color:#fff;cursor:pointer}
.bottom-dynamic-loading{display:flex;height:40px;border-radius:5px;align-items:center;justify-content:center}
.bottom-dynamic-loading .loader{width:40px!important;height:26px}
/* .common-card-collection{width:342px} */
.bottom-activity-list{display:flex;padding-top:50px;min-height:500px}
.left-activity-filter{display:flex;padding-right:20px;width:140px;justify-content:flex-end}
.right-activity-list{margin-left:40px;flex:1 auto}
.bottom-activity-list .no-good-list{width:800px}
.left-activity-filter li{display:flex;margin-top:16px;width:96px;height:40px;border-radius:4px;background:#f2f2f2;cursor:pointer;align-items:center;justify-content:center}
.left-activity-filter li.active{background:#f2f7ff;color:var(--brandColor)!important}
.left-activity-filter .iconfont{margin-right:4px}
.right-activity-list .latest-good-item:first-child{margin-top:0}
.latest-good-item{/* width:800px; */height:240px}
.bred-nav-wrapper{position:absolute;top:36px}
.overflow-expand{position:relative;top:-20px;display:flex;margin:0 auto;width:680px;justify-content:center;flex-direction:column;align-items:center}
.overflow-expand-shadow{width:100%;height:22px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)}
.overflow-expand button{display:flex;width:32px;height:24px;outline:0;border:1px solid #eee;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .3s;transform:rotate(180deg);justify-content:center}
.rotate180::before{transform:rotate(0)}
.col-empty-banner{height:200px;background:#f2f7ff}
.top-edit-bar{position:absolute;width:100%;height:64px;background:rgba(0,0,0,.6)}
.edit-col{width:40px;height:40px;outline:0;border:0;border-radius:4px;background:#fff;font-size:24px;cursor:pointer}
.edit-col .iconfont{font-size:20px}
.create-col{margin-left:20px;padding:0 20px;height:40px;outline:0;border:0;border-radius:4px;background:var(--brandColor);color:#fff;line-height:40px;cursor:pointer}
.top-nav-tag{margin-bottom:0;flex-wrap:wrap}
.top-nav-tag li, .top-nav-tag>span{margin-top: 20px;}
.nft-user-link{cursor:pointer}
ul.count-down-time li{line-height:24px}
.left-activity-filter .light-font{color:#333!important}
.bottom-activity-list .bottom-dynamic-loading{width:800px}
.colllection-statis-row1 img{margin-right:4px;width:16px;height:16px}
.latest-good-item i.big-card-rarity-level{top:40px;left:40px;width:42px;height:42px}
.latest-good-item .open-punks-cont{padding-top:40px}
.top-nav-tag li{border-color: #eee;}
.col-top-unverified{background: var(--brandColorOpacity);border-radius: 15px;outline: 3px solid #FFFFFF;padding: 6px 12px;font-weight: 500;word-break: keep-all;bottom: 0;left: -12px;z-index: 2;}
ul.social-more-list{position: absolute;top: 108px;right: 0;min-width: 160px;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);border-radius: 4px;cursor: pointer;border: 1px solid #eee;font-size: 14px;line-height: 20px;font-weight: 500;padding: 14px 17px;}
ul.social-more-list > li:first-child{margin-top: 0;}
ul.social-more-list > li{margin-top: 16px;}
ul.social-more-list > li > span{margin-right: 13px;}
.blue-chip-wrapper{margin:0 auto;width:1200px;margin-top: 80px;}
.blue-chip-left {width: 800px;}
.blue-chip-right{width: 340px;align-self: self-start;}
.blue-chip-right li {border-left: 1px solid var(--color-card-1);padding: 24px;color: var(--color-text-3)}
.blue-chip-right li.active{background: var(--tabBg);border-left: 3px solid var(--brandGreen)}
.blue-chip-right li.active .blue-chip-title{font-weight: 500;color: var(--colorFont1);}
.blue-chip-title {font-size: 14px;}
.blue-time-wrapper{font-size: 12px;margin-top: 8px;}
.activity-info-wrapper{min-height: 400px;width: 100%}
.activity-progress li{flex:1}
.activity-point{position: relative;z-index: 2}
.activity-point p {display: inline-block;margin-bottom: 12px;color: var(--colorFont1);font-size: 16px;border-bottom: 1px dashed var(--color-text-4);font-weight: 500;}
.activity-point-item{border-radius: 50%;width: 14px;height: 14px;border: 1px solid var(--color-neutral-3);background-color: var(--color-bg-3);position: relative;z-index: 2;top: -1px;}
.activity-inner-point{display: none;width: 6px;height: 6px;border-radius: 50%;background: var(--brandColor);}
.activity-point.active .activity-point-item{border-color: var(--brandColor)}
.activity-point.active .activity-inner-point{display: block;}
.acticity-plan, .acticity-plan i{height: 1px;width: 62.5%;background: var(--borderGray);display: block;position: absolute;left: 0;top: 50%;z-index: 1;}
.acticity-plan i{left: 0;top: 0;background:var(--brandColor);width: 20px;z-index: -1;transition: width 1s;}
.acticity-plan1, .acticity-plan1 i{height: 0;width: 37.5%;border-bottom: 1px dashed var(--color-divider-1);display: block;position: absolute;left: 62.5%;top: 50%;z-index: 1;}
.acticity-plan1 i{left: 0;top: 0;border-bottom:1px dashed var(--brandColor);width: 20px;z-index: -1;transition: width 1s;}
.activity-time {margin-top: 16px;font-size: 12px;color: var(--nftColorGray2)}
.time-down-tips{padding: 32px;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);border-radius: 8px;margin-top:104px;background: var(--color-card-5)}
.time-down-title{color: var(--colorWhite2)}
.view-rules{color: var(--nftColorGray2);cursor: pointer;font-size: 16px;}
.view-rules:hover{color: var(--brandColor)}
.time-down-point{margin-top: 16px;}
.time-down-point li{margin-right: 12px;padding: 20px 16px;font-size: 32px;color: var(--brandColor);font-weight: 900;background: var(--slideBg1);border-radius: 8px;line-height: 32px;}
.vote-rule-popup, .post-popup-main, .vote-popup-main{box-sizing: border-box;margin: auto;width: 820px;border-radius: 16px;background: #fff;padding: 32px 40px;}
.post-popup-main, .vote-popup-main{width: 640px;}
.vote-popup-header{position: relative;font-size: 24px;line-height: 1.5;}
.voting-rule-detail{font-size: 16px;line-height: 1.5;color: var(--color-text-1);margin-top: 16px;margin-bottom: 32px;}
.vote-popup-cont .common-tips-groups button{margin: auto;width: 100%;height: 52px;border-radius: 8px;}
.activity-info-detail{margin-top: 104px;}
.activity-info-detail h3{font-size: 32px;}
.activity-info-detail ul li{margin-top: 24px;padding-left: 24px;position: relative;line-height: 1.5;font-size: 16px;}
.activity-info-detail ul li::after{content: '';display: inline-block;width: 8px;height: 8px;background: var(--brandGreen);position:absolute;left: 0;top:8px;}
button.post-my-propsal{outline: none;border: none;background: var(--brandColor);border-radius: 4px;cursor: pointer;padding: 0 24px;line-height: 40px;height: 40px;color: #fff;font-size: 16px;}
.post-input-wrapper{display: flex;border: 1px solid var(--borderGray);height: 52px;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 16px;border-radius: 8px;}
.post-input-wrapper i, i.eth-icon-24{display: inline-block;width: 24px;height: 24px;background-image: url(/images/nft/eth_icon.svg);background-size: 100%;background-repeat: no-repeat;}
.post-input-wrapper input{flex: 1;font-size: 16px;border: none!important;padding: 0 16px;height: 50px;}
.post-input-wrapper input::placeholder{color: var(--color-text-4)!important;font-weight: 500;}
.post-input-wrapper span{color: #b8bdcc}
.via-price{color: var(--color-text-3);margin-top: 16px;font-size: 14px;}
.via-tips-icon{display: inline-block;width: 14px;height: 14px;background-image: url(/images/nft/via-tips-icon.svg);background-size: 100%;background-repeat: no-repeat;position: relative;top: 1px;cursor: pointer;}
.post-tips-grounps {margin-top: 40px;}
.post-tips-grounps button {flex: 1;height: 52px;border-radius: 8px;}
.post-tips-grounps button.cancel-btn{border-color: var(--brandColor)!important;color: var(--brandColor)!important}
.proposal-list-cont{margin-top: 32px;margin-bottom: 80px;}
.proposal-item-wrapper{margin-top: 24px;padding: 32px;box-sizing: border-box;background: var(--brandColorMenuHover);border-radius: 8px;width: 800px;align-items: start}
.proposal-item-wrapper .avatar-head{position: inherit;align-self: start;left: 0;top: 0;width: 64px;height: 64px;line-height: 64px;}
.proposal-item-right {flex:1;margin-left: 24px;}
.proposal-item-name{font-size: 20px;color: var(--colorFont2);display: flex;justify-content: space-between;}
.proposal-item-info {margin-top: 16px;align-items: center;color: var(--color-text-3);font-size: 16px;}
.prosal-item-reason{margin-top: 32px;font-size: 16px;line-height: 1.5;word-break: break-all;}
.prosal-item-vote{align-items: center;}
.vote-button{height: 40px;display: flex;align-items: center;cursor: pointer;margin-left: 16px;background: var(--brandColor);color: #fff;font-size: 16px;padding: 0 24px;border-radius: 4px;}
.vote-button:hover{background: var(--brandHoverColor)}
.vote-button i{display: inline-block;width: 24px;height: 24px;background-image: url(/images/nft/vote-btn-icon.svg);background-size: 100%;background-repeat: no-repeat;}
.vote-button.disabled{background: transparent;color: var(--nftColorGray2);cursor: auto;}
.vote-button.disabled i{background-image: url(/images/nft/vote-btn-disabled.svg)}
.vote-popup-item{margin-top: 24px;}
.vote-left-title{font-size: 16px;color: var(--colorFont2);width: 132px;min-width: 132px;align-items: start;}
.vote-right{margin-left: 40px;}
.vote-right .avatar-head{width: 32px;height: 32px;align-self: start;position: inherit;left: 0;top: 0;}
.vote-number-input{width: 240px;height: 40px;border-radius: 4px;border: 1px solid var(--borderGray);padding: 0 12px;display: flex;justify-content: space-between;align-items: center;}
.vote-number-icon{display: inline-block;width: 16px;height: 16px;background-size: 100%;background-repeat: no-repeat;cursor: pointer;}
.vote-number-minus{background-image: url(/images/nft/vote-number-minus.svg);}
.vote-number-plus{background-image: url(/images/nft/vote-number-plus.svg);}
.classic-dark .vote-number-minus{background-image: url(/images/nft/vote-number-minus-dark.svg);}
.classic-dark .vote-number-plus{background-image: url(/images/nft/vote-number-plus-dark.svg);}
.proposal-winning-wrap{margin-bottom: 104px;}
.winning-title h3{font-size: 32px;line-height: 32px;color: var(--colorWhite2)}
.winning-tips{margin-top: 16px;font-size: 14px;line-height: 14px;margin-bottom: 32px;}
.proposal-winning-wrap .proposal-item-wrapper{background: var(--color-card-5);box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06)}
.proposal-fail-wrap{margin-bottom: 104px;padding: 48px;border-radius: 8px;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);height: 402px;flex-direction: column;}
.proposal-fail-wrap > img{width: 200px;height: 200px;}
.sale-faild-wrap{margin-top: 48px;margin-bottom: 32px;display: flex;align-items: center;flex-direction: column;}
.list-sale-card{height: 184px;border-radius: 8px;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);padding: 32px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;margin: 23px 0 104px;}
.list-sale-card.sale-success{margin-top: 32px;position: relative;}
.list-sale-card.sale-faild{margin-top: 32px;opacity: 0.3;}
.list-sale-info img{width: 120px;height: 120px;object-fit: contain;margin-right: 24px;}
.list-sale-card .time-down-point{margin-top:8px}
.list-sale-card .time-down-point li{margin-top: 0;padding: 12px 10px;margin-right: 0;margin-left: 4px;}
.list-sale-card .time-down-point li::after{display: none}
p.themeBrandColor{color: var(--brandColor)!important}
.sale-sucess-wrap{display: flex;align-items: center;flex-direction: column;margin-top: 80px;}
.sale-sucess-wrap h3{font-size: 24px;line-height: 24px;line-height: 1.5;}
.sale-sucess-wrap>div{margin-top: 24px;font-size: 14px;line-height: 1.5;width: 630px;}
.saler-address{position: absolute;right: 32px;bottom: 32px;font-size: 16px;}
.post-popup-cont .post-title{font-size: 16px;color: var(--color-text-2)}
.post-popup-cont .sort-wrapper {top: 52px;}
.post-popup-cont .sort-wrapper li{height: 52px;line-height: 52px;}
.common-textarea::placeholder{color: var(--color-text-4);font-size: 16px;font-weight: 500;}
.proposal-list-cont .no-good-list{height: auto;margin-top: 36px;margin-bottom: 104px;}
.proposal-list-cont .no-good-list span {font-size: 24px;}
.proposal-list-cont .no-good-list img{width: 200px;height: 200px;}