.w282{width: 100%!important;height: 282px!important;}
.w200{width: 100%!important;height: 200px!important;}
.inblock{display: inline-block;}
.ino-header-banner{height: 200px;width: 100%;overflow: hidden;}
.ino-header-cont{width: 1200px;margin: 0 auto;height: 200px}
.ino-header-left h3{font-size: 40px;color: #fff;height: 56px;line-height: 56px;}
.ino-header-left h3 span{color: var(--brandColor);}
.ino-header-left h4{font-size: 18px;color: #fff;height: 24px;line-height: 24px;font-weight: 400;}
.ino-header-right{width: 650px;height: 200px;}
.ino-header-right img{width: 460px;object-fit: cover;height: 220px;}
.ino-tabs-wrapper{box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.1);}
.ino-main-tabs{height: 80px;width: 1200px;margin: 0 auto;}
.ino-main-tabs li{margin-right: 60px;height: 80px;line-height: 80px;cursor: pointer;position: relative;}
.ino-main-tabs li.active{border-bottom: 3px solid;}
.ino-introduction{padding: 80px 0;}
.intro-title{height: 46px;line-height: 46px;z-index: 1;}
.intro-main{width: 1200px;margin: 50px auto 10px;z-index: 1;}
.intro-main > img{width: 444px;height: 367px;margin-left: 98px;}
.apply-exbg{width: 800px;height: 100%;z-index: 0;top: 0;left: 50%;margin-left: -400px;transform: skew(-30deg)}
.ino-introduction p{margin:0;line-height: 28px;}
.apply-button{margin-top: 64px;outline:none;color: #fff;background:var(--brandColor);border-radius: 4px;height: 48px;line-height: 48px;cursor: pointer;padding: 0 50px;border: none;}
.ino-hot-container{width: 1200px;margin: 26px auto 0;align-items: start;}
.hot-img-wrapper{width: 570px;height: 570px;box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08);border-radius: 8px;padding: 32px;box-sizing: border-box;cursor: pointer;}
.hot-img-wrapper img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.ino-hot-info{padding:0 36px;flex:1;height: 540px;border-radius: 0 8px 8px 0;margin-top: 15px;}
.ino-hot-title {font-size: 22px;font-weight: 600;height: 30px;line-height: 30px;margin-top: 54px;max-width: 594px;}
.ino-info-item{margin-top: 24px;align-items: start;}
.m100{min-width: 100px;max-width: 100px;}
.hot-level-wrapper{width: 193px;height: 46px;padding: 0 16px;border-radius: 8px;}
.hot-level-wrapper li{width: 28px;height: 28px;background-size: 100%;background-repeat: no-repeat;}
.hot-level-wrapper li.hot-red{background-image:url(/images/nft/hot_red.png);}
.hot-level-wrapper li.hot-gray{background-image:url(/images/nft/hot_gray.png);}
.hot-ino-btn{display: inline-block;width: 230px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: var(--brandColor);border-radius: 4px;cursor: pointer;}
.hot-ino-btn:hover{background:var(--linearGradient1);}
.all-ino-item{margin-right: 24px;width: 282px;border-radius: 4px;border: 1px solid;box-sizing: border-box;border-radius: 4px;}
.all-ino-item:hover{box-shadow: 0 8px 24px 0 rgba(0,0,0,.08);border: none;}
.new-ino-swiper .swiper-slide:hover{box-shadow: 0 8px 24px 0 rgba(0,0,0,.08);border: none!important;}
.all-ino-item img{width: 282px;height: 282px;object-fit: cover;}
.ino-item-detail{padding: 24px 20px;}
.show-more-ino button{height: 48px;border-radius: 4px;background: var(--brandColor);padding: 0 48px;cursor: pointer;color: #fff;font-size: 16px;display: inline-block;line-height: 48px;margin: 64px auto 0;outline: none;border: none;}
.new-ino-item img{width: 100%!important;height: 384px;object-fit: cover;cursor: pointer;}
.new-ino-swiper .swiper-slide{width: 384px;height: auto;margin-right: 24px;box-sizing: border-box;}
.all-ino-container{width: 1200px;margin: 80px auto 60px;}
.all-ino-container .sold-drop-item {margin-right: 21px;}
.all-ino-container .sold-drop-item:nth-child(4n) {margin-right: 0;}
.sort-select{border: none;border-radius: 4px;height: 40px;line-height: 40px;}
.list-title{margin-right: 24px;}
.common-search{min-width: 400px;height: 40px;border-radius: 4px;border: none;}
.common-search input::placeholder{color: #999;}
.ino-search-btn{display: inline-block;height: 40px;position: absolute;right: 0;border: none;border-radius: 4px;outline: none;color: #fff;padding: 0 16px;cursor: pointer;background: var(--brandColor);}
.ino-search-btn:hover{background: var(--linearGradient1)}
.news-swiper-pagination{display:flex;margin-top:24px;justify-content:center}
.news-swiper-pagination .swiper-pagination-bullet{margin-right:16px;width:24px;height:6px;border-radius:3px;background:#f2f2f2}
.news-swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
.news-swiper-pagination .swiper-pagination-bullet-active{background:var(--brandColor)}
.news-swiper-pagination .swiper-pagination-bullet:focus{outline:0}
.swiper-button-prev1, .swiper-button-next1{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;position: absolute;cursor: pointer;top: 50%;margin-top: -14px;z-index: 1;}
.swiper-button-prev1:focus, .swiper-button-next1:focus{border: none!important;}
.swiper-button-prev1::after, .swiper-button-next1::after{content:''}
.swiper-button-prev1{left:-14px;}
.swiper-button-next1{right: -14px;}
.swiper-button-prev1 img, .swiper-button-next1 img{width: 16px;height: 16px;}
.swiper-button-next1.swiper-button-disabled, .swiper-button-prev1.swiper-button-disabled{opacity:0}
.ino-main-tabs li .new-icon{background: var(--linearGradient1);position: absolute;width: 35px;height: 18px;line-height: 18px;color: white;font-size: 12px;right: -24px;top: 10px;transform: scale(0.8);padding: 1px 1px 0 0;border-radius: 9px 9px 9px 0px;text-align: center;}
.hot-img-tag{position: absolute;right:24px;top:24px;background-image: url(/images/nft/ino_hot_img.png);background-size: 100%;background-repeat: no-repeat;width: 112px;height: 135px;}
.no-good-list{margin-top: 40px;}