/*autoprefixer: off*/
/* eslint-disable */
.wrap .contents{max-width:none}.wrap .arrows-outside{display:none}.wrap section{position:relative;margin-top:40px;padding:0 25px}.wrap section .header-sect{margin-bottom:20px}.wrap section .header-sect .tit{margin-bottom:0;font-family:"Metropolis Medium","SUIT-SemiBold",sans-serif}.wrap .header+section{margin-top:0}.wrap .sect-band{margin-top:0;background:url("https://hive-fn.qpyou.cn/markup/img/nft/marketplace/main/bg_band_dex.jpg") 50% 50% no-repeat;background-size:cover;text-align:center}.wrap .sect-band:before{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.46;content:""}.wrap .sect-band .band-desc{position:relative;padding:30px 0;color:#fff;font-size:18px;line-height:26px}.wrap .sect-nft .slide-nft{width:calc(100% + 50px);max-width:none;margin:0 -25px;padding:0 25px}.wrap .sect-nft .slide-nft.swiper-initialized .item-nft{opacity:1}.wrap .sect-nft .item-nft{overflow:hidden;max-width:none;border-radius:30px;opacity:0;will-change:transform}.wrap .sect-nft .item-nft .thumb:after{position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.62) 100%);content:""}.wrap .sect-nft .item-nft .thumb>img{transition:transform .5s}.wrap .sect-nft .item-nft:hover .thumb>img{transform:scale(1.1)}.wrap .sect-nft .item-nft .info{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;font-family:"Metropolis Bold","SUIT-ExtraBold",sans-serif;font-weight:normal;font-size:18px;line-height:22px}.wrap .sect-nft .item-nft .info .bot{margin-top:2px}.wrap .sect-nft .item-nft .info .bot .bot-item:only-child{width:100%}.wrap .sect-nft .item-nft .info .bot .unit{font-family:"Metropolis Medium","SUIT-SemiBold",sans-serif;font-size:14px;line-height:18px}.wrap .sect-coll .header-sect{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:flex-end}.wrap .sect-coll .header-sect .btn-all{padding:10px 18px;border-radius:12px;border:2px solid #e6e8ec;color:#1a2b3b;font-family:"Metropolis Regular","SUIT-Regular",sans-serif;font-size:14px}.wrap .sect-coll .header-sect .btn-all:hover{background-color:#f6f7f9}.wrap .sect-coll .slide-coll{width:calc(100% + 50px);max-width:none;margin:0 -25px;padding:0 25px}.wrap .sect-coll .slide-coll .swiper-slide{width:154px;height:188px}.wrap .sect-coll .slide-coll .swiper-slide>a{display:block;height:100%;padding:16px 18px 0;border-radius:20px;border:2px solid rgba(0,0,0,0);transition:border-color,.5s,background-color .5s}.wrap .sect-coll .slide-coll .swiper-slide>a:hover{border-color:#e6e8ec;background-color:#f6f7f9}.wrap .sect-coll .slide-coll .swiper-slide>a:hover .coll-pic>img{transform:scale(1.1)}.wrap .sect-coll .slide-coll .swiper-slide .coll-pic{overflow:hidden;width:98px;height:98px;margin:0 auto;border-radius:50%}.wrap .sect-coll .slide-coll .swiper-slide .coll-pic>img{transition:transform .5s}.wrap .sect-coll .slide-coll .swiper-slide .coll-name{overflow:hidden;display:-webkit-box;margin-top:18px;color:#1a2b3b;font-family:"Metropolis Bold","SUIT-ExtraBold",sans-serif;font-weight:normal;font-size:14px;font-style:normal;line-height:18px;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.wrap .sect-rank .tbl-rank{margin-top:-10px;font-family:"Metropolis Bold","SUIT-ExtraBold",sans-serif;font-weight:normal;text-align:right}.wrap .sect-rank .tbl-rank th{height:34px;font-size:12px;line-height:14px}.wrap .sect-rank .tbl-rank td{height:66px;cursor:pointer}.wrap .sect-rank .tbl-rank td.rank-coll{overflow:hidden;display:flex;align-items:center;text-align:left}.wrap .sect-rank .tbl-rank td:nth-child(n+2){color:#1a2b3b}.wrap .sect-rank .tbl-rank .rank-coll{width:auto;text-align:left}.wrap .sect-rank .tbl-rank .rank-high,.wrap .sect-rank .tbl-rank .rank-low{display:none}.wrap .sect-rank .tbl-rank .rank-volume{width:80px;padding-left:20px}.wrap .sect-rank .tbl-rank .coll-num{display:block;width:16px}.wrap .sect-rank .tbl-rank .coll-img{display:block;width:46px;margin:0 6px 0 12px;border-radius:.6rem}.wrap .sect-rank .tbl-rank .coll-info{overflow:hidden;display:block;flex:1}.wrap .sect-rank .tbl-rank .info-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1a2b3b}.wrap .sect-rank .tbl-rank .info-high{display:block;margin-top:2px}.wrap .sect-rank .tbl-rank .info-high>span{font-family:"Metropolis Medium","SUIT-SemiBold",sans-serif}.wrap .sect-all{padding-bottom:60px}.wrap .sect-all .header-sect{flex-wrap:wrap;display:flex;justify-content:space-between;align-items:flex-end}.wrap .sect-all .header-sect .count-nft{margin-bottom:3px;font-family:"Metropolis Medium","SUIT-SemiBold",sans-serif;font-size:16px}.wrap .sect-all .header-sect .btns-filter{width:100%;margin-top:20px}.wrap .sect-all .all-none{margin-top:50px}.wrap .sect-all .all-none .subtit{font-size:24px;line-height:30px;text-align:center}.wrap .sect-all .all-none .subtit:after{display:block;width:120px;height:120px;margin:10px auto 0;background:url("https://hive-fn.qpyou.cn/markup/img/nft/marketplace/bg_search_none.png") 0 0 no-repeat;background-size:100% 100%;content:""}.wrap .sect-all .list-selected{display:flex;flex-wrap:wrap;margin:0 -10px -10px 0}.wrap .sect-all .list-selected>li{position:relative;margin:0 10px 10px 0;padding:9px 40px 9px 16px;border-radius:20px;border:2px solid #e6e8ec;color:#1a2b3b;font-size:14px;transition:background-color .5s}.wrap .sect-all .list-selected>li:hover{background-color:#f6f7f9}.wrap .sect-all .list-selected>li:hover .btn-del{background-color:#1a2b3b}.wrap .sect-all .list-selected .btn-del{position:absolute;right:6px;top:50%;width:34px;height:34px;background-color:#67737f;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231A2B3B' fill-rule='nonzero' d='M12 10.445 17.445 5 19 6.555 13.555 12 19 17.445 17.445 19 12 13.555 6.555 19 5 17.445 10.445 12 5 6.555 6.555 5z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231A2B3B' fill-rule='nonzero' d='M12 10.445 17.445 5 19 6.555 13.555 12 19 17.445 17.445 19 12 13.555 6.555 19 5 17.445 10.445 12 5 6.555 6.555 5z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;-webkit-mask-size:16px 16px;mask-size:16px 16px;transform:translateY(-50%)}.wrap .sect-all .list-product{grid-template-columns:repeat(1, 1fr);grid-gap:20px;gap:20px;width:100%;margin-top:20px}.wrap .sect-all .list-product .item-product>a{display:flex;flex-direction:column;border-radius:20px;box-shadow:0 6px 20px 0 rgba(83,83,83,.1)}.wrap .sect-all .list-product .item-product .thumb{overflow:hidden;will-change:transform}.wrap .sect-all .list-product .item-product .thumb>img{transition:transform .5s}.wrap .sect-all .list-product .item-product>a:hover .thumb>img{transform:scale(1.1)}.wrap .sect-all .list-product .item-product .info{width:100%;height:62px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrap .sect-all .list-product .item-product .info .category{margin-bottom:2px}.wrap .sect-all .list-product .item-product .serial{margin-top:6px;color:#1a2b3b;font-family:"Metropolis Bold","SUIT-ExtraBold",sans-serif;font-weight:normal}.wrap .sect-all .list-product .item-product .bot{flex-wrap:wrap;margin-top:auto}.wrap .sect-all .list-product .item-product .bot .price{width:100%;padding-left:26px;background:url("https://hive-fn.qpyou.cn/markup/img/nft/marketplace/ico_xpla_2.png") 0 0 no-repeat;background-size:20px 20px;color:#1a2b3b;font-family:"Metropolis Bold","SUIT-ExtraBold",sans-serif;font-weight:normal;line-height:20px}.wrap .sect-all .list-product .item-product .bot .price .unit{font-family:"Metropolis Medium","SUIT-SemiBold",sans-serif}.wrap .sect-all .list-product .item-product .bot .time{margin-top:10px;color:#9dacba;line-height:16px}[data-dark=true] .wrap .sect-nft .item-nft .info .bot{color:#fff}[data-dark=true] .wrap .sect-coll .header-sect .btn-all{border-color:#33353b;color:#fff}[data-dark=true] .wrap .sect-coll .header-sect .btn-all:hover{background-color:#242429}[data-dark=true] .wrap .sect-coll .slide-coll .swiper-slide>a:hover{border-color:#33353b;background-color:#242429}[data-dark=true] .wrap .sect-coll .slide-coll .swiper-slide .coll-name{color:#fff}[data-dark=true] .wrap .sect-rank .tbl-rank td:nth-child(n+2){color:#fff}[data-dark=true] .wrap .sect-rank .tbl-rank .info-name{color:#fff}[data-dark=true] .wrap .sect-all .list-selected>li{border-color:#33353b;color:#fff}[data-dark=true] .wrap .sect-all .list-selected>li:hover{background-color:#1c1d21}[data-dark=true] .wrap .sect-all .list-selected>li:hover .btn-del{background-color:#fff}[data-dark=true] .wrap .sect-all .list-selected .btn-del{background-color:#b1b5c3}[data-dark=true] .wrap .sect-all .list-product .item-product{background-color:#242429}[data-dark=true] .wrap .sect-all .list-product .item-product .serial{color:#fff}[data-dark=true] .wrap .sect-all .list-product .item-product .bot .price{color:#fff}[data-dark=true] .wrap .sect-all .list-product .item-product .bot .time{color:#5b616d}@media screen and (min-width: 600px){.wrap .sect-nft .slide-nft{width:100%;margin:0;padding:0}}@media screen and (min-width: 600px)and (max-width: 875px){.wrap .sect-all .list-product{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 876px)and (max-width: 1179px){.wrap .sect-all .list-product{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1024px){.wrap .wrap-swiper{position:relative}.wrap .arrows-outside{display:block}.wrap .arrows-outside [class^=swiper-button]{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:rgba(255,255,255,.8);box-shadow:0 6px 10px 0 rgba(0,0,0,.16);opacity:0;transition:background-color .5s,opacity .5s}.wrap .arrows-outside [class^=swiper-button]:hover{background-color:#fff}.wrap .arrows-outside [class^=swiper-button]:after{position:absolute;left:50%;top:50%;width:9px;height:16px;background-color:#1a2b3b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3E%3Cpath fill='%231A2B3B' fill-rule='evenodd' d='M7.268 0 0 8l7.268 8L9 14.096 3.461 8 9 1.904z'/%3E%3C/svg%3E") 100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3E%3Cpath fill='%231A2B3B' fill-rule='evenodd' d='M7.268 0 0 8l7.268 8L9 14.096 3.461 8 9 1.904z'/%3E%3C/svg%3E") 100% 100%;transform:translate(-50%, -50%);content:""}.wrap .arrows-outside .swiper-button-prev{left:-20px}.wrap .arrows-outside .swiper-button-next{right:-20px;transform:none}.wrap .arrows-outside .swiper-button-next:after{transform:translate(-50%, -50%) rotate(180deg)}.wrap .arrows-outside .swiper-button-disabled{display:none}.wrap .wrap-swiper:hover .arrows-outside [class^=swiper-button]{opacity:1}}@media screen and (min-width: 1180px){html{font-size:20px}.wrap .arrows-outside [class^=swiper-button]{width:48px;height:48px;margin-top:-24px;border:0;background-image:none}.wrap .arrows-outside .swiper-button-prev{left:-24px}.wrap .arrows-outside .swiper-button-next{right:-24px}.wrap section{margin-top:60px;padding:0 40px}.wrap section .header-sect{margin-bottom:30px}.wrap section .header-sect .tit{font-size:30px;line-height:36px}.wrap .sect-band .band-desc{font-size:24px;line-height:30px}.wrap .sect-nft .item-nft:hover{transform:none}.wrap .sect-coll .header-sect .btn-all{padding:13px 18px}.wrap .sect-coll .slide-coll{width:100%;margin:0;padding:0}.wrap .sect-coll .slide-coll .swiper-slide{width:180px;height:220px}.wrap .sect-coll .slide-coll .swiper-slide>a{padding:18px}.wrap .sect-coll .slide-coll .swiper-slide .coll-pic{width:120px;height:120px}.wrap .sect-coll .slide-coll .swiper-slide .coll-name{margin-top:20px;font-size:16px;line-height:20px}.wrap .sect-rank .tbl-rank{margin-top:0}.wrap .sect-rank .tbl-rank th{height:60px;background-color:#f6f7f9;font-size:16px;line-height:20px}.wrap .sect-rank .tbl-rank th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.wrap .sect-rank .tbl-rank th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.wrap .sect-rank .tbl-rank th.rank-coll{padding-left:60px}.wrap .sect-rank .tbl-rank td{height:110px;padding-top:10px;font-size:18px;line-height:22px}.wrap .sect-rank .tbl-rank td.rank-coll{padding-left:20px}.wrap .sect-rank .tbl-rank .rank-high{display:table-cell;width:20%;padding-right:1.81%;padding-left:3.63%}.wrap .sect-rank .tbl-rank .rank-low{display:table-cell;width:16.36%;padding-right:1.81%}.wrap .sect-rank .tbl-rank .rank-volume{width:18.18%;padding:0 3.63% 0 0}.wrap .sect-rank .tbl-rank .coll-num{width:30px}.wrap .sect-rank .tbl-rank .coll-img{width:80px;margin:0 40px 0 10px}.wrap .sect-rank .tbl-rank .info-name{white-space:normal}.wrap .sect-rank .tbl-rank .info-high{display:none}.wrap .sect-rank .tbl-rank .btn-range{position:relative;display:block;width:100%;height:100%;padding-right:18px;color:inherit;text-align:right}.wrap .sect-rank .tbl-rank .btn-range:after{position:absolute;right:0;top:0;width:10px;height:100%;background-color:#afb5bb;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath fill='%23444A52' fill-rule='evenodd' d='M5 13.172 1.444 9.693 0 11.107 5 16l5-4.893-1.444-1.414zM5 0 0 4.892l1.444 1.414L5 2.829l3.556 3.477L10 4.892z'/%3E%3C/svg%3E") 0 50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath fill='%23444A52' fill-rule='evenodd' d='M5 13.172 1.444 9.693 0 11.107 5 16l5-4.893-1.444-1.414zM5 0 0 4.892l1.444 1.414L5 2.829l3.556 3.477L10 4.892z'/%3E%3C/svg%3E") 0 50% no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;content:""}.wrap .sect-rank .tbl-rank .btn-range.type-up,.wrap .sect-rank .tbl-rank .btn-range.type-down{color:#1a2b3b}.wrap .sect-rank .tbl-rank .btn-range.type-up:after,.wrap .sect-rank .tbl-rank .btn-range.type-down:after{background-color:#1a2b3b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M5 3.31 1.444 0 0 1.345 5 6l5-4.655L8.556 0z'/%3E%3C/svg%3E")}.wrap .sect-rank .tbl-rank .btn-range.type-down:after{transform:rotate(180deg)}.wrap .sect-all{padding-bottom:80px}.wrap .sect-all .header-sect{justify-content:flex-start}.wrap .sect-all .header-sect .count-nft{flex:1;margin:0 0 4px 20px}.wrap .sect-all .header-sect .btns-filter{width:auto;margin-top:0}.wrap .sect-all .all-none{float:left;width:100%;margin-top:100px;padding-bottom:100px}.wrap .sect-all .all-none .subtit{font-size:30px;line-height:36px}.wrap .sect-all .all-none .subtit:after{width:160px;height:160px;margin-top:0}.wrap .sect-all .layer-filter.on~.all-none{width:calc(100% - 360px)}.wrap .sect-all .wrap-product:after{display:block;clear:both;content:""}.wrap .sect-all .layer-filter{float:left;width:340px;margin:0 20px 0 0}.wrap .sect-all .layer-filter.on{border-bottom:0}.wrap .sect-all .layer-filter .wrap-filter{border-radius:0}.wrap .sect-all .layer-filter .scroll{display:block}.wrap .sect-all .layer-filter .item-filter{height:auto}.wrap .sect-all .layer-filter .filter>dd{max-height:744px}.wrap .sect-all .layer-filter .list-filter{padding-bottom:20px}.wrap .sect-all .list-selected{float:left;margin-bottom:10px}.wrap .sect-all .list-product{float:left;grid-template-columns:repeat(4, 1fr);margin-top:0}.wrap .sect-all .layer-filter.on~.list-product{grid-template-columns:repeat(3, 1fr);width:calc(100% - 360px);margin-top:0}.wrap .sect-all .loading{float:left;width:100%;text-align:center}.wrap .sect-all .loading>img{width:40px}[data-dark=true] .wrap .sect-rank .tbl-rank th{background-color:#1c1d21}[data-dark=true] .wrap .sect-rank .tbl-rank .btn-range:after{background-color:#444a52}[data-dark=true] .wrap .sect-rank .tbl-rank .btn-range.type-up,[data-dark=true] .wrap .sect-rank .tbl-rank .btn-range.type-down{color:#fff}[data-dark=true] .wrap .sect-rank .tbl-rank .btn-range.type-up:after,[data-dark=true] .wrap .sect-rank .tbl-rank .btn-range.type-down:after{background-color:#fff}}@media screen and (min-width: 1440px)and (max-width: 1759px){.wrap .sect-all .list-product{grid-template-columns:repeat(5, 1fr)}.wrap .sect-all .layer-filter.on~.list-product{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 1760px)and (max-width: 2079px){.wrap .sect-all .list-product{grid-template-columns:repeat(6, 1fr)}.wrap .sect-all .layer-filter.on~.list-product{grid-template-columns:repeat(5, 1fr)}}@media screen and (min-width: 2080px)and (max-width: 2399px){.wrap .sect-all .list-product{grid-template-columns:repeat(7, 1fr)}.wrap .sect-all .layer-filter.on~.list-product{grid-template-columns:repeat(6, 1fr)}}@media screen and (min-width: 2400px){.wrap .sect-all .list-product{grid-template-columns:repeat(8, 1fr)}.wrap .sect-all .layer-filter.on~.list-product{grid-template-columns:repeat(7, 1fr)}}