html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{
  font-family: NotoKufiArabic,'Gate_Sans',Arial,sans-serif;
  font-weight: 400;
  /* 禁止锚点行为 */
  overflow-anchor: none;
}
.nft-banner-bg, .main-container{overflow-x: hidden;}
p{margin-bottom: 0;}
img{ -webkit-user-drag: none;}
.flex-wrap{flex-wrap: wrap;}
.w100p{width: 100% !important;}
.mt8-rem{margin-top: 8rem;}
.mt12-rem{margin-top: 12rem;}
.mt16-rem{margin-top: 16rem;}
.mt18-rem{margin-top: 18rem;}
.mt24-rem{margin-top: 24rem;}
.mt32-rem{margin-top: 32rem;}
.mt36-rem{margin-top: 36rem;}
.mt48-rem{margin-top: 48rem;}
.mt64-rem{margin-top: 64rem;}
.mt160-rem{margin-top: 160rem;}
.mb64-rem{margin-bottom: 64rem;}
.mb120-rem{margin-bottom: 120rem;}
.mb160-rem{margin-bottom: 160rem;}
.ml4-rem{margin-left: 4rem;}
.ml8-rem{margin-left: 8rem;}
.ml12-rem{margin-left: 12rem;}
.mr54-rem{margin-right: 54rem;}
.pd8{padding: 8px;}
.mt120{margin-top: 120px;}
.mt160{margin-top: 160px;}
.mb160{margin-bottom: 160px;}
.fz16-rem{font-size: 16rem;line-height: 16rem;}
.fz20-rem{font-size: 20rem;line-height: 20rem;}
.fz24-rem{font-size: 24rem;}
.fz28-rem{font-size: 28rem;}
.fz40-rem{font-size: 40rem;line-height: 40rem;}
.h16{height: 16px;} 
.h24{height: 24px;}
.h28-rem{height: 28rem;}
.op2{opacity: 0.2;}
.dis-none{display: none;}
.colorgray1{color: var(--colorFont1);}
.colorGray2{color: var(--nftColorGray2);}
.colorGray3{color: var(--nftColorGray3);}
#nroot{background: var(--nftBgColor);}
.home-common-wrapper{position: relative;display: flex;align-items: center;justify-content: space-between;}
.home-common-title, .unveil-swiper-pagination, .about-nft-magic-box, .certified-artist, .home-common-wrapper{color: var(--colorFont1);}
.swiper-button-prev, .swiper-button-next{position: absolute;width: 40rem;height: 40rem;box-shadow: 0px 0px 16px rgba(35, 84, 230, 0.1);color: var(--nftColorGray1);background: var(--nftWhite1);z-index: 1;}
.swiper-button-prev:hover, .swiper-button-next:hover{color: var(--brandColor);}
.swiper-button-prev{left: -60rem;}
.swiper-button-next{right: -60rem;}
.swiper-button-prev > span, .swiper-button-next > span{font-size: 20rem;}
.home-common-wrapper .swiper-button-next.swiper-button-disabled, .home-common-wrapper .swiper-button-prev.swiper-button-disabled{opacity: 1;box-shadow: none;color: var(--nftColorGray1);pointer-events: none;}
@media screen and (max-width: 1200px){
  .swiper-button-prev{left: -36rem;}
  .swiper-button-next{right: -36rem;}
  .user-wrapper .swiper-button-next{right: 0 !important;}
  .user-wrapper .swiper-button-prev{left: 0 !important;}
}
@media screen and (max-width: 768px){
  .swiper-button-prev{left: -20rem;}
  .swiper-button-next{right: -20rem;}
}
.creation-card-containter{width:100%;}
/* .creation-banners-swiper{margin: 0 calc(12.5% - 60px);padding: 8px 68px 160rem;} */
.creation-card-item{transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
/* .creation-card-item .creation-hover-bg.card-bg-outer{top: -8px;left: -8px;right: -8px;bottom: -20px;} */
.creation-card-item .left-bottom-rarity-level{padding: 6px 8px;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);border-radius: 6px;position: absolute;left: 12px;bottom: 12px;font-size: 12px;color: #fff;line-height: 12px;}
.creation-card-user{opacity: 0;border-radius: 20px;background: var(--slideBg1);padding: 2px 10px 2px 2px;max-width: 152rem;width: fit-content;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.creation-card-user .avatar-head{width: 28px;height: 28px;background: var(--iconGray);font-size: 16rem;line-height: 28px;left: 0;top: 0;margin-right: 4px;background-size: cover;flex-shrink: 0;}
.creation-card-info .creation-name, .creation-collection-name{line-height: 20rem;}
.creation-card-like{opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.creation-card-like .icon-a-nft_like_v21{color: #ADB5CC;}
.creation-card-like > span{line-height: 16px;}
.creation-card-user > span{line-height: 28px;}
.creation-card-item .card-box-shadow{bottom: 2px;right: 1px;}
.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{width: 100%;background: var(--slideBg2);}
.creator-card-item-border .card-bg-inner-border{background: var(--nftBgColor);}
.creator-card-content{padding-bottom: 32px;}
.creator-card-content .avatar-head{width: 181rem;height: 181rem;line-height: 181rem;left: auto;margin-top: 48px;}
.creator-list-container{width: calc(100% - 64px);height: 90rem;}
.creator-card-content .creator-name{max-width: 85%;height: 24px;}
ul.creator-list{position: absolute;top: 0;left: 0;}
ul.creator-list li img, ul.creator-list li .creator-openpunks-show{margin-right: 4rem;width: 90rem;height: 90rem;object-fit: cover;}
ul.creator-list .show-image-item{backdrop-filter: none}
.creator-card-item:hover .creator-card-item-border, .creator-card-item:hover .creator-card-item-border .card-bg-inner-border{background: transparent;}
@keyframes rolling {
	from {transform: translateX(0);}
	to {transform: translateX(-50%);}
}
.hot-collection-card-container{padding: 36rem;width: 100%;position: relative;z-index: 3;}
.hot-collection-card-container .card-bg-outer{background: var(--slideBg1);}
.hot-collection-creation1{top: 23rem;right: 7rem;bottom: -9rem;left: 7rem;filter: blur(1px);opacity: 0.3;width: auto;height: auto;z-index: -1;backdrop-filter: blur(20px);}
.hot-collection-creation2{top: 46rem;right: 15rem;bottom: -16rem;left: 15rem;filter: blur(1px);opacity: 0.3;width: auto;height: auto;z-index: -2;}
.hot-collection-card-image{width: 100%;height: 100%;object-fit: cover;}
/* .hot-collection-card-item:hover .hot-collection-card-container{background: var(--linearGradient4)} */
.hot-collection-card-item:hover .home-card-bg{opacity: 1;}
.hot-collection-card-item:hover .card-box-shadow{opacity: 1;}
.hot-collection-card-item .home-card-bg{z-index: 1;}
.hot-collection-card-item .card-box-shadow{z-index: 2;}
/* .magic-box-item{margin-right: 24px;} */
.about-nft-magic-box ul li.magic-box-item:last-child{margin-right: 0;}
.magic-box-item img{width: 100%;height: 256rem;object-fit: contain;}
.certified-artist-item{margin-bottom: 64rem;}
.certified-artist-item img{width: 98rem;height: 96rem;object-fit: cover;margin-right: 32px;}
.certified-artist-item > div > div.fz24-rem{line-height: 32rem;}
.apply-to-join{padding: 18px 32px;color: #fff;}
.apply-to-join .card-bg-inner > span{line-height: 24rem;}
.start-to-explore{padding: 15px 64px;color: #fff;}
.start-to-explore .card-bg-inner > span{font-size: 28rem;line-height: 42rem;}
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;}
i.creation_user_vip{display: inline-block;width: 14px;height: 14px;background: url(/images/nft/creation_user_vip.svg);background-size: contain;margin-left: 4px;background-repeat: no-repeat;flex-shrink: 0;}
.icon-nft_like{color: #ADB5CC;}
.certified-artist-right img{width: 100%;height: 730rem; object-fit: contain;}
ul.home-collection-sorts{background: var(--slideBg1);border-radius: 8px;}
ul.home-collection-sorts li{padding: 12px 16px;color: var(--colorgray2);}
ul.home-collection-sorts li.active{border-radius: 8px;background: var(--brandColor);color: #FFFFFF;}
.hot-rank-gradient1{background: linear-gradient(349.17deg, #6C38FF 13.99%, #4462FF 26.81%, #00A3FF 56.77%, #00E0FF 73.08%);}
.hot-rank-gradient2{background: linear-gradient(180deg, #B9CAFF 0%, rgba(185, 202, 255, 0.8) 45.32%, rgba(185, 202, 255, 0.1) 100%);}
.hot-collection-rank-index{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;transform: matrix(0.96, 0, -0.29, 1, 0, 0);font-size: 30rem;position: absolute;top: -15rem;left: -30px;width: 40px;height: 30rem;line-height: 30rem;text-align: right;font-family: 'Gate_Sans Bold';font-weight: 900;}
.unveil-banners-container{background: #EEF1FA;padding: 32px;width: 100%;}
.unveil-banners-swiper{width: calc(100% - 396rem);height: 312rem;margin-left: 396rem;}
.unveil-banners-swiper .swiper-slide{padding: 48rem 40rem 56rem;}
.unveil-swiper-content-bg{background: var(--nftMenuBg);position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: auto;width: auto;}
.unveil-swiper-pagination{width: 396rem !important;position: absolute;left: 0;}
.unveil-swiper-pagination .swiper-pagination-bullet{width: 100%;height: 24rem;line-height: 24rem;padding-right: 66rem;background: transparent;text-align: right;font-size: 24rem;margin: 40rem 0 0!important;color: var( --colorFont4);}
.unveil-swiper-pagination .swiper-pagination-bullet:first-child{margin: 0!important;}
.unveil-swiper-pagination .swiper-pagination-bullet-active{color: var(--colorFont1);}
.unveil-swiper-pagination .swiper-pagination-bullet-active::after{content: ' ';position: absolute;right: 41rem;width: 8px;height: 8px;margin-top: calc(12rem - 4px);background: rgba(23, 229, 161, 1);}
.swiper-slide{height: auto;}
.icon-nft_like_ok_v2{color: #FF005C;}
.certified-artist-item div.fz16-rem, .unveil-banners-describe, .magic-box-item div.fz16-rem{line-height: 24rem;}
.creation-card-item:hover .creation-card-info{max-width: calc(100% - 70rem);}
.creation-card-item:not(:hover) .creation-card-info{max-width: 100%;}
.hot-collection-card-item .hot-volume-traded{color: #8D93A6;}
.magic-box-item > span{line-height: 32rem;}
.popup-tooltips-content.widthauto-content{max-width: 196px;word-break: break-all;border-radius: 8px;mix-blend-mode: normal;box-shadow: 0px 0px 16px rgba(70, 100, 140, 0.3);}
.creation-card-item .audio-card-wrapper{background: var(--slideBg1);}
.creator-card-content .file-show-image .audio-card-cont{width: auto;height: auto;}
i.red-value-up{display: inline-block;width: 10rem;height: 10rem;background: url(/images/nft/red_value_up.svg);background-size: contain;background-repeat: no-repeat;}
i.green-value-down{display: inline-block;width: 10rem;height: 10rem;background: url(/images/nft/green_value_down.svg);background-size: contain;background-repeat: no-repeat;}
i.head-avater-default{display: inline-block;width: 181rem;height: 181rem;background: url(/images/nft/head_avater_default_light.svg);background-size: contain;background-repeat: no-repeat;}
.creation-card-item i.head-avater-default{width: 28px;height: 28px;margin-right: 4px;flex-shrink: 0;}
.unveil-banners-swiper .swiper-slide{opacity: 0;transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.unveil-banners-swiper .swiper-slide.swiper-slide-active{opacity: 1;}
i.nft-free-creation{background-image: url(/images/nft/free_creation.png?v=0614);}
i.nft-real-time-royalties{background-image: url(/images/nft/real_time_royalties.png?v=0614);}
i.nft-high-quality-creations{background-image: url(/images/nft/high_quality_creations.png?v=0614);}
i.nft-popular-starter{background-image: url(/images/nft/popular_starter.png?v=0614);}
.magic-box-item > i{width: 100%;height: 256rem;background-size: contain;background-repeat: no-repeat;}
/* .home-shadow .swiper-button-prev{left: calc(12.5% - 60rem);}
.home-shadow .swiper-button-next{right: calc(12.5% - 60rem);} */
/* .creation-card-item:not(.active-group), .creator-card-item:not(.active-group){opacity: 0;pointer-events: none;} */
.hot-collection-card-name{line-height: 28rem;}
.creation-card-info > span, .drops-creator-info > span{line-height: 20rem;}
.creator-name > span.fz24-rem{line-height: 28rem;}
.creation-card-item .right-top-icon{position: absolute;top: 12px;right: 12px;}
.creation-card-item .home-card-bg{z-index: -1;}
/* banner ↓ */
.nft-banner-bg{width: 100%;aspect-ratio: 1/0.5;background: linear-gradient(180deg, rgba(248, 249, 251, 0.5) 0%, rgba(248, 249, 251, 0) 10.33%, rgba(248, 249, 251, 0) 24.77%, rgba(248, 249, 251, 0.8) 64.49%, #F8F9FB 100%);position: absolute;top: 0;left: 0;pointer-events: none;}
.nft-banner-bg::after{content: '';display: block;background-image: url(/images/nft/new-header-bg.png);background-size:100%;background-repeat: no-repeat;width: 100%;height: 100%;}
.nft-banner-bg::before{content: '';position: absolute;display: block;width: 102.5%;height: 100%;background-image: url(/images/nft/slide-mask.png);background-repeat: no-repeat;background-size: 100%;right: -14.58%;top:0;pointer-events: none;}
@media screen and (max-width: 1200px) {
  .nft-banner-bg::before {
    right: -17.58%;
  }
}
.header-banner-wrapper{width: 100%;aspect-ratio: 1/0.5;padding-top: 42rem;background-color: transparent;min-height: 532px;}
.header-banner-container{padding: 48px 0 0;margin: 0 auto;align-items: flex-start;}
.header-banner__left{width: 30%;display: flex;flex-direction: column;justify-content: center;}
.banner-creator-info{position: absolute;right: 0;top: 0;width: auto!important;height: auto!important;background: linear-gradient(90deg, rgba(221, 86, 255, 0.06) 2.23%, rgba(165, 133, 255, 0.09) 30.4%, rgba(107, 149, 255, 0.1) 70.91%, rgba(0, 194, 255, 0.07) 102.39%), rgba(255, 255, 255, 0.75);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);}
.banner-creator-wrapper{max-width:160rem;padding: 20rem;color: var(--colorFont1)}
.creator-info-avatar{width: 48px;height: 48px;padding: 4px;box-sizing: content-box;background: rgba(255,255,255,.4);border-radius: 50%;}
.creator-info-avatar img{border-radius: 50%}
.creator-info-avatar.creator-info-identity{background: url(/images/nft/identity-bg.svg) no-repeat 100%;width: 56px;height: 56px;box-sizing: border-box;border-radius: 0;}
.header-banner__left #slogan{font-size: 36rem;line-height: 150%;font-weight: 700;font-family: 'Gate_Sans Bold';color: var(--color-text-1);letter-spacing: 0.004em;}
html[lang="zh-CN"] .header-banner__left #slogan{font-size: 52rem}
html[lang="zh"] .header-banner__left #slogan{font-size: 52rem}
.header-banner__left h4{margin-top: 8px;font-weight: 400;color: var(--color-text-1);line-height: 1.5;font-size: 16px;font-family: 'Gate_Sans';}
.header-banner__left .header-banner-btns{margin-top: 64rem;}
.goto-explore, .goto-create{height: 52rem;line-height: 52rem;padding: 0 32rem;cursor: pointer;font-size: 20rem;white-space: nowrap;}
.goto-create{background: var(--brandColor);color: #fff;}
.goto-create:hover{color: #fff;}
.goto-explore{background: transparent;color: var(--brandColor)}
.header-banner-explore{background: var(--brandColor)}
.header-banner-explore .card-bg-inner-border{background: #f1f7fb!important}
.header-banner__right{width: 65%;aspect-ratio: 1/0.746;padding: 40rem;overflow: hidden;}
.banner-swiper-pagination{position: absolute;right: -8px;top: 50%;z-index: 7;}
.banner-swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;border-radius: 0;margin:12px 0!important;}
.banner-swiper-pagination .swiper-pagination-bullet-active{background: var(--brandColor) !important;}
.header-banner-item{padding:32rem; display: flex;justify-content: center;align-items: center;-webkit-transform:rotate(0);transform: rotate(0);}
.header-banner-content{background: #f0f7fc;padding: 20rem;}
.header-banner-img img{object-fit: cover}
.header-banner-img .slide-img{aspect-ratio: 1/0.7;}
.header-banner__right .banners-swiper .swiper-slide,.creator-info-avatar img,.header-banner-content,.header-banner__right .card-bg-inner-border,
.header-banner-img, .header-banner-img img, .header-banner-content-wrapper,.header-banner__right .banners-swiper {width: 100%;height: 100%;}
.banner-logos-wrapper{position: absolute;bottom: 12px;right: 38px;background: #000;width: auto!important;height: auto!important}
.banner-logos{padding: 10px}
.banner-type-info{position: absolute;bottom: 0;left: 0;width: auto!important;height: auto!important;background: linear-gradient(90deg, rgba(221, 86, 255, 0.06) 1.03%, rgba(165, 133, 255, 0.09) 14.06%, rgba(107, 149, 255, 0.1) 32.79%, rgba(0, 194, 255, 0.07) 47.35%), rgba(255, 255, 255, 0.75);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);padding: 20rem 30rem 20rem 20rem;}
/* .banner-type-wrapper{background: linear-gradient(90deg, rgba(221, 86, 255, 0.06) 1.02%, rgba(165, 133, 255, 0.09) 13.9%, rgba(107, 149, 255, 0.1) 32.42%, rgba(0, 194, 255, 0.07) 46.81%), rgba(255, 255, 255, 1);backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);padding: 20rem;} */
.banner-type-1{padding: 2px 4px;display: inline-block;font-size: 12px;border-radius: 4px;background-color: rgba(255,255,255,.4);color: #8D93A6;}
.banner-type-2{height: 24rem;line-height: 24rem;}
.banner-type-2 > span{line-height: 28rem;}
.banner-type-3{color: #2a2f40;}
.banner-type-4{color: #04091a;opacity: 0.2;}
.banner-animation-class{opacity: 0;/* transition: all .5s; */border-radius: 16px;}
.swiper-slide:hover .banner-animation-class{opacity: 1;}
.client-logo img{height: 16px;width: auto;}
.user-wrapper {padding: 0 calc(var(--layout-padding) - 40px) 0 calc(var(--layout-padding) - 40px);margin: 0 auto;}
@media screen and (min-width: 1920px){
  .user-wrapper{max-width: calc(1680px + 2 * var(--layout-padding) - 40px);}
}
.user-wrapper .home-common-title{padding: 0 40px;}
.user-wrapper .creation-banners-swiper, .user-wrapper .creator-banners-swiper{padding: 0 40px 160rem;}
.user-wrapper .swiper-button-next{right: -20rem}
.user-wrapper .swiper-button-prev{left: -20rem}
@media screen and (max-width: 1600px) {
  .header-banner__left #slogan{font-size: 30px;}
}
@media screen and (max-width: 992px) {
  .certified-artist-continaer{align-items: center;}
}
@media screen and (max-width: 900px) {
  .header-banner-wrapper{height: auto;aspect-ratio: auto;}
  .header-banner-wrapper .home-common-wrapper{flex-direction: column;}
  .header-banner__left{height: auto;min-height: 0;margin-top: 16px;width: 100%;padding: 0 24px;}
  .header-banner__right{width: 100%;height: auto; margin: 52rem auto 68rem;}
  .header-banner__right::after{display: none;}
  .header-banner__right .banners-swiper{margin-bottom: 20px;}
  .banner-swiper-pagination.swiper-pagination-bullets.swiper-pagination-vertical{display: flex;right: 44%;top: auto;}
  .banner-swiper-pagination .swiper-pagination-bullet{margin: 4px !important;display: inline-block !important;}
  .nft-banner-bg::before{display: none;}
  .header-banner-wrapper > .home-common-wrapper > .header-banner-container{display: block;}
  .header-banner__left{width: 100%;}
  .header-banner-content{padding: 12px; background: #fff;}
  .main-container{margin-top: 32px;}
  .header-banner__left #slogan{font-size: 28px;}
  .header-banner__left h4{font-size: 24px !important;}
  .header-banner__left .header-banner-btns{margin-top: 24px;}
  .goto-explore, .goto-create{padding: 14px 24px;font-size: 16px;height: auto;line-height: 16px;}
  a.goto-explore{display: inline-block;}
  .banner-swiper-pagination{display: flex;justify-content: center;align-items: center;}
  .header-banner-item, .header-banner__right{padding: 0;}
  .banner-swiper-pagination .swiper-pagination-bullet-active{background: var(--brandColor)!important;}
  .banner-animation-class{display: none;}
}
/* banner ↑ */

/* 热门首发 ↓ */
.drops-swiper-wrapper{padding:0 12px 160rem;}
.drops-item-content{width: 100%;aspect-ratio: 1; position: relative;-webkit-perspective: 1600;perspective: 1600;margin: 0 auto;}
.drops-animation-wrapper{width: 100%;height: 100%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;position: relative;transition: all .8s;-webkit-transform:rotateY(52.5deg);transform: rotateY(52.5deg);}
.drops-animation-wrapper .drops-animation{position: absolute;width:100%;aspect-ratio: 1; /* top:6px; */text-align: center;backface-visibility:hidden;-webkit-backface-visibility: hidden;}
.drops-animation.drops-item-left{transition: all 0.8s;}
.drops-animation.drops-item-right{transition: all 0.8s;}
.drops-item-botttom{width: 240rem;height: 52rem;background-image: url(/images/nft/dorp_bottom.png);background-repeat: no-repeat;background-size: 100%;margin: 24rem auto;}
.hoverleft{-webkit-transform: rotate(105deg);transform: rotateY(105deg);}
.hoverleft .drops-animation.drops-item-left{left: 0;top:0;-webkit-transform: rotateY(-104.3deg) translate3d(0,0, 160rem) scale(0.865);transform: rotateY(-104.3deg) translate3d(0,0, 160rem) scale(0.865);}
.hoverright{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}
.hoverright .drops-animation.drops-item-right{left: 0;top:0;-webkit-transform:translate(0,0);transform: translate(0,0);}
.drops-item-left-default{width: 100%;height: 100%;background: radial-gradient(94.62% 27.98% at 0% 13.7%, rgba(242, 245, 255, 0.15) 0%, rgba(242, 245, 255, 0) 100%), radial-gradient(82.74% 26.5% at 0% 83.33%, rgba(242, 245, 255, 0.15) 0%, rgba(242, 245, 255, 0) 100%), linear-gradient(162.37deg, rgba(250, 0, 255, 0.12) 5.86%, rgba(124, 79, 255, 0.12) 16.06%, rgba(0, 56, 255, 0.144) 47.02%, rgba(0, 133, 255, 0.2) 101.92%), linear-gradient(270.76deg, #909AC0 0.29%, #BAC3E2 98.99%);flex-direction: column;border-radius: 16px 0 0 16px;}
/* .drops-item-left-default::after */.drops-left-default-after{/* content: ''; */width: 20rem;height: 100%;position: absolute;top: 0;right: 0;border-radius: 0 20rem 20rem 0;-webkit-transform: translateX(16rem);transform: translateX(16rem);background: linear-gradient(0deg, rgba(150, 114, 255, 0.3) 0%, rgba(75, 114, 255, 0.18) 53.53%, rgba(0, 178, 255, 0.2) 100.05%), rgba(255, 255, 255, 0.5);}
.drops-item-avatar{width: 137rem;height: 141rem;opacity: 0.25;margin-top: -8rem}
.drops-item-avatar img{width: 100%;height: 100%;border-radius: 50%}
.dorpos-item-name{margin-top: 20rem;color: #fff;opacity: 0.2;text-transform: uppercase;max-width: 80%;padding: 0 20rem;}
.drops-item-right-default{width: 100%;height: 100%;cursor: pointer;border-radius: 16px}
.drops-item-right-default img{width: 100%;height: 100%;border-radius: 16px}
.drops-item-left-hovered{padding: 40rem;background:linear-gradient(111.13deg, #E6F2FF 0%, #E0EDFF 52.61%, #E6ECFF 100%);text-align: left;width: 428rem;-webkit-transform: scale(1.058);transform: scale(1.058);}
.drops-item-name{font-size: 24rem;color: var(--colorFont1);text-align: left;}
.drops-item-des{font-size: 16rem;color: #8d93a6;margin-top:24rem;line-height: 1.5;}
.drops-item-bottom-name{height: 24rem;}
.drops-creator-info{position: relative;border-radius: 20px;height: 32rem;line-height:32rem;background: var(--slideBg1);padding-right: 10px;padding-left: 2px;color:#565D73;display: inline-flex;}
.creator-head{width: 28rem;height: 28rem;border-radius: 50%;}
.drops-left-bottom{bottom: 40rem;left: 0;height:40rem;width: 100%;padding: 0 40rem;display: flex;align-items: center;justify-content: space-between;}
.drops-living{background: #ADB5CC;padding: 0 6px 0 8px;height: 24rem;color: #fff;border-radius: 20rem;display: inline-flex;line-height: 24rem}
.drops-living > .live-point{width: 8rem;height: 8rem;display: inline-block;background: #17E6A1;margin-right: 4px;border-radius: 50%}
.drops-comming{color: #17E6A1;}
.drops-buy{padding: 0 16px;color: #fff;background: var(--brandColor);height: 32rem;line-height: 32rem;}
.drops-item-right-hovered, .drops-item-right-hovered img{width: 100%;height: 100%}
.dorpos-collection-name{color: var(--colorFont1);font-size: 24rem;}
.drops-swiper-button{top: 36%;}
.hot-collection-banners-swiper{--layout-itemMargin: 40px 24px;}

/* 热门首发 ↑ */
.certified-artist-left{width: 40%;margin-right: 36rem;}
.certified-artist-right{flex: 1;}
.hot-collection-card-item{overflow: hidden;}
.unveil-banner-mobile, .swiper-pagination-btn{display: none;}
.creator-card-content .creator-avatar-head{width: 181rem;height: 181rem;line-height: 181rem;}

@media screen and (max-width: 1820px) and (min-width: 1600px) {
  .drops-item-des{-webkit-line-clamp: 3}
  .drops-item-left-hovered{padding: 30rem;}
  .drops-left-bottom{padding: 0 30rem;}
}
@media screen and (max-width: 1600px) {
  .drops-item-des{-webkit-line-clamp: 3}
}

@media screen and (max-width: 1440px) {
  .drops-item-des{-webkit-line-clamp: 5}
}

@media screen and (max-width: 1380px) {
  .drops-item-des{-webkit-line-clamp: 3}
}

@media screen and (max-width: 1200px) {
  .drops-item-des{-webkit-line-clamp: 4}
}
@media screen and (max-width: 1300px) and (min-width: 1200px){
  .drops-creator-info {margin-top:24rem;}
  .drops-item-des{margin-top: 24rem;}
  .drops-item-left-hovered{padding: 30rem;}
  .drops-left-bottom{padding: 0 30rem;}
}

@media screen and (max-width: 768px) {
  .swiper-button-next,.swiper-button-prev,.unveil-banners-container,.certified-artist-right{display: none;}
  .unveil-banner-mobile{display: block;}
  .certified-artist-left{width: 100%;margin-right: 0;}
  .certified-artist-right.dis-none, .swiper-pagination-btn{display: flex;}
  .apply-to-join{margin: 0 auto;}
  .certified-artist-right img{width: 60%;margin: 0 auto;height: auto;}
  .drops-swiper-wrapper{overflow: hidden;}
  .user-wrapper .creation-banners-swiper, .user-wrapper .creator-banners-swiper{padding: 0 var(--layout-padding) 36px;}
  .user-wrapper .home-common-title{padding: 0 var(--layout-padding);}
  .drops-swiper-wrapper{padding:0 12px 36px;}
  /* h5代码 ↓*/
  .fz16-rem, .fz24-rem{font-size: 16px;line-height: 20px;}
  .creator-head{width: 28px!important;height: 28px!important;}
  .creation-card-info .creation-name, .creation-collection-name, .creation-card-info > span, .drops-creator-info > span{line-height: 20px;}
  .home-common-wrapper{flex-direction: column;height: 100%;}
  .swiper-pagination-bullet{width: 4px!important;height: 4px!important;margin: 20px 4px 36px 0!important;background: var(--slideBg2);border-radius: 0!important}
  .swiper-pagination-bullet-active{background: var(--brandColor)!important;}
  .nft-banner-bg{height: 678px;}
  .home-container{padding-top: 8px;}
  .home-common-title{height: auto;}
  .home-common-title h3{font-size: 24px;line-height: 24px;}
  .home-card-bg, .card-box-shadow, .creation-card-user, .creation-card-like{display: none;}
  .creation-card-item, .creator-card-item{opacity: 1!important;}
  .creator-list-container{width: calc(100% - 56px);height: 79px;margin-top: 32px;}
  ul.creator-list li img, ul.creator-list li .creator-openpunks-show{width: 79px;height: 79px;margin-right: 4px;}
  .hot-collection-wrapper .home-common-title{align-items: flex-start;}
  .hot-collection-wrapper .common-title-left{flex-direction: column;align-items: flex-start;}
  .common-title-right{font-size: 14px;}
  .hot-collection-wrapper .common-title-right{margin-top: 5px;}
  ul.home-collection-sorts{margin-top: 24px;margin-left: 0;height: 24px;font-size: 12px;line-height: 12px;border-radius: 4px;}
  ul.home-collection-sorts li{padding: 6px 16px;}
  ul.home-collection-sorts li.active{border-radius: 4px;}
  .creator-card-item .home-card-bg{display: none;}
  .certified-artist-continaer{flex-direction: column;}
  ul.certified-artist-left{margin-top: 44px;}
  .certified-artist-item{margin-bottom: 40px;}
  .certified-artist-right img{position: relative;width: 100%;height: 472px;}
  .unveil-banners-main .swiper-wrapper{flex-direction: column;}
  .unveil-banners-container .nft-collapsible-icon{font-size: 14px;width: 14px;height: 14px;transition: transform 0.5s;-webkit-transition: transform 0.5s;position: absolute;top: 0;right: 0px;color: var(--iconGray);}
  .unveil-banners-container{padding: 44px 30px;width: auto;}
  .unveil-banners-describe{position: relative;margin-top: 24px;padding: 32px 6px;display: none;}
  .unveil-banners-describe .unveil-swiper-content-bg{z-index: -1;left: -14px;right: -14px;}
  .unveil-banners-main{overflow: visible!important;}
  .unveil-box-item:not(:last-child){margin-bottom: 32px;}
  .unveil-box-item.active .unveil-banners-describe{display: block;}
  .unveil-box-item.active .nft-collapsible-icon{transform: rotate(180deg);color: var(--brandColor);}
  .unveil-box-item > div:first-child{line-height: 14px;font-size: 14px;}
  .unveil-box-item > div:last-child{line-height: 18px;font-size: 12px;}
  .about-nft-magic-box ul{flex-wrap: wrap;padding: 0 8px 0 16px;margin-top: 24px;}
  .about-nft-magic-box, .certified-artist, .unveil-nft-magic-box, .drops-wrapper{margin-top: 36px;}
  .start-to-explore, .apply-to-join{width: 100%;height: 44px;margin-top: 40px;margin-bottom: 36px;border-radius:21.6px 8px !important;clip-path: polygon(16px 0px, 100% 0px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0px 100%, 0px 16px) !important;}
  .start-to-explore .card-bg-inner > span, .apply-to-join .card-bg-inner > span{font-size: 16px;line-height: 18px;}
  .hot-collection-card-container{padding: 20px;border-radius: 0!important;clip-path: none!important;overflow: visible;}
  .hot-collection-wrapper .home-common-title{height: auto;}
  .home-common-wrapper > div.mt64{margin-top: 0;}
  .drops-swiper-wrapper .swiper-slide{width: 100%;}
  .drops-swiper-wrapper .swiper-wrapper{margin-bottom: 0;}
  .drops-back{width: 24px;height: 24px;background: rgba(0, 0, 0, 0.6);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;margin-bottom: 16px;}
  .drops-back > span{font-size: 10px;}
  .drops-item-left-hovered{padding: 24px 20px 28px;}
  .drops-item-right-hovered .drops-back{position: absolute;top: 24px;left: 24px;}
  .drops-item-name{font-size: 20px!important;line-height: 20px!important;}
  .drops-item-des{font-size: 14px!important;line-height: 21px!important;margin-top: 16px!important;-webkit-line-clamp: 4}
  .drops-item-collection .drops-item-des{-webkit-line-clamp: 1;margin-top: 26px!important;}
  .drops-creator-info{margin-top: 20px!important;height: 32px!important;line-height: 32px!important;}
  .drops-living{height: 24px!important;padding: 6px 8px!important;line-height: 12px!important;font-size: 12px!important;border-radius: 20px;}
  .drops-buy{padding: 8px 16px!important;height: 32px!important;line-height: 16px!important;font-size: 16!important;}
  .dorpos-collection-name{font-size: 20px!important;}
  .drops-bottom-info{display: flex;align-items: center;justify-content: center;}
  .drops-bottom-info > span{font-size: 12px;line-height: 16px;}
  .artist-item-describe{font-size: 14px!important;line-height: 21px!important;}
  .header-banner__left h4, .box-item-describe{font-size: 12px!important;line-height: 18px!important;}
  .creator-name > span.fz24-rem{line-height: 24px;font-size: 20px;}
  .creator-card-content .creator-name{height: 20px;}
  .creator-works{line-height: 16px;}
  .hot-collection-card-name{font-size: 20px;line-height: 24px;}
  .hot-collection-name-height{height: 20px;}
  .hot-price{font-size: 14px;line-height: 14px;}
  .nft-banner-bg::before{opacity: 0.2;filter: blur(100px);background: linear-gradient(269.92deg, #00C2FF 0.09%, #0085FF 104.54%, #6B79FF 119.97%);}
  .drops-item-right-default{background: var(--borderGray);}
  .creation-card-item:not(.active-group), .creator-card-item:not(.active-group){pointer-events: auto;}
  .creator-card-content .avatar-head, i.head-avater-default{width: 159px;height: 159px;}
  .certified-artist-item img{width: 80px;height: 80px;}
  .header-banner__left .header-banner-btns .header-banner-btn.mr24{margin-right: 12px;}
  #toolsMenu, .activity_link{display: none!important;}
  .drops-item-botttom{width: 176px;height: 38px;margin: 16px auto 24px;}
  .drops-bottom-info{margin-top: 12px;}
  .hot-collection-rank-index{font-size: 30px;line-height: 30px;width: 40px;height: 30px;top: -15px;}
  .unveil-box-item.active::after{content: ' ';position: absolute;width: 6px;height: 6px;background: #17E6A1;transform: matrix(-1, 0, 0, 1, 0, 0);left: -14px;top: 4px;}
  .hot-collection-card-item .hot-volume-traded{color: var(--colorFont1);}
  i.red-value-up, i.green-value-down{width: 10px;height: 10px;}
  .drops-item-bottom-name{font-size: 20px;}
  ul.creator-list{animation: none !important;}
  .banner-logos-wrapper{right: 24px;}
  .creation-card-item .creation-card-info{max-width: 276px!important}
  .creator-card-content .creator-name{max-width: 244px;}
  .magic-box-item > div.mt24{margin-top: 16px!important;}
  .magic-box-item .box-item-describe{margin-top: 12px!important;}
  .about-nft-magic-box ul li:nth-child(n+3){margin-top: 24px;}
  .drops-living > .live-point{width: 8px;height: 8px;}
  .drops-left-bottom{bottom: 32px;line-height: 20px;height: 20px;}
  .drops-left-bottom .drops-comming > span:first-child{font-size: 16px;}
  .drops-left-bottom .drops-comming > span:last-child{font-size: 20px;}
  .dorpos-collection-name > span{max-width: 100%!important;}
  .drops-collection-head > div.ml12-rem{max-width: calc(100% - 80px);}
  .drops-collection-head{max-width: 100%;}
  .drops-collection-head .card-bg-outer:first-child{width: 68px!important;height: 68px!important;}
  .drops-collection-head .hot-collection-creation1{top: 12px;right: 4px;bottom: -4px;left: 4px;}
  .drops-collection-head .hot-collection-creation2{top: 26px;right: 8px;bottom: -10px;left: 8px;}
  .drops-comming{color: #11AD7A;}
  .hot-collection-name-height{max-width: 161px!important;}
  .creation-collection-name{height: 22px;}
  .drops-mint-info{font-size: 12px;}
  .drops-collection-head > div.ml12-rem{margin-left: 12px;}
  .creator-card-item:hover .creator-card-item-border{background: var(--slideBg2);}
  .creator-card-item:hover .creator-card-item-border .card-bg-inner-border{background: var(--nftBgColor);}
  .nft-header-search svg.normal-menu-icon{width: 20px;height: 20px;color: #000!important;}
  .nft-header-search input{padding-left: 36px;}
  .header-banner-explore .card-bg-inner-border{background: #eafaff!important;}
  .creation-card-info .creation-name{color: var(--colorFont1);}
  .drops-bottom-info, ul.home-collection-sorts li, .nft-footer .footer-date{color: #8D93A6;}
  .magic-box-item{padding-right: 16px;}
  .magic-box-item > div.mr24{margin-right: 0;}
  .common-title-right > div > span:first-child{font-size: 14px;}
  .common-title-right > div > span:last-child{font-size: 12px;}
  .creator-works{margin-top: 14px;}
  .common-title-right span.icon-expend_hide{transform: rotate(270deg);}
  .collection-swiper-pagination .swiper-pagination-bullet{margin: 2px 4px 36px 0!important;}
  /* .header-banner__left h4{color: #8D93A6;} */
  .creation-banners-swiper{padding-bottom: 0;}
  .header-banner-content,.header-banner-img, .header-banner__right, .header-banner__left{min-height: 0;min-width: 0;}
  .header-banner__left{height: auto;padding: 0;}
  .header-banner-container{padding-top: 0;}
  .magic-box-item > i{height: 128rem;}
  .drops-animation.drops-item-left{-webkit-transform: rotateY(-106.2deg) translateZ(160rem) scale(0.724);transform: rotateY(-106.2deg) translateZ(160rem) scale(0.724);}
  .drops-animation.drops-item-right{-webkit-transform: rotateY(0.9deg) translateZ(88rem) scale(0.74);transform: rotateY(0.9deg) translateZ(88rem) scale(0.74);}
  /* h5代码 ↑ */

  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 4px !important;}
  .swiper-pagination-bullets.swiper-pagination-horizontal{top: auto !important;bottom: 30px !important;}
  .swiper-wrapper{margin-bottom: 20px;}
  .home-common-title{margin-bottom: 44px !important;}
}

@media screen and (max-width: 520px) {
  .drops-left-bottom .drops-comming > span{font-size: 12px!important;}
  .drops-item-goods > div.mt24-rem, .drops-item-des{display: none;}
  .dorpos-collection-info > span{font-size: 12px;}
  .drops-animation-wrapper > .drops-creator-info{margin-top: 24px!important;}
  .drops-mint-info > div:first{display: none;}
  .hot-collection-banners-swiper.col-sm-3{--layout-rowNumer: 2;}
  .creation-card-item, .creator-card-item{width: 300px!important;}
}

/* 认证用户标志 */
.banner-creator-wrapper .identity-icon-wrapper{position: absolute;right: calc(20rem - 1px);top: calc(20rem + 36px);background:rgba(233,233,241);border-radius: 50%;padding: 3px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.banner-creator-wrapper .identity-icon {width: 14px;height: 14px;position: absolute;right: 4px;bottom: 4px;}
/* end */

/* 适配阿拉伯 */
html[lang="ar"] .banner-swiper-pagination {right: inherit !important;left: 0 !important;}
html[lang="ar"] .header-banner-btn {margin-left: 24rem;}
html[lang="ar"] .common-title-left h2 {margin-left: 28rem;}
html[lang="ar"] .unveil-swiper-pagination {left: inherit;right: 0;}
html[lang="ar"] .unveil-banners-swiper {margin-left: 0;margin-right: 396rem;}
/* end */