body{
	--arraycolor:#04091A;
	--buletext:#2354E6;
	--blacktipbg: rgba(4, 9, 26, 0.9);
	--bgwhite:#fff;
	--inputborder:#E6E9F2;
	--subtitle:#565D73;
	--textdetal:#8D93A6;
	--bannerBackGround:rgba(255, 255, 255, 0.5);
	--ThreePoint:rgba(35, 84, 230, 0.3);
	--notActive:#B8BDCC;
	--G11AD7A:#11AD7A;
	--G17E6A1:#17E6A1;
}
body.classic-dark {
	--arraycolor:#ffffff;
	--buletext:#3366FF;
	--blacktipbg: rgba(71, 79, 102, 0.9);
	--bgwhite:#292F40;
	--inputborder:#0F1526;
	--subtitle:#989FB3;
	--textdetal:#606880;
	--bannerBackGround:linear-gradient(308.17deg, rgba(255, 255, 255, 0.03) -3.78%, rgba(68, 163, 250, 0.1) 94.85%), rgba(28, 28, 28, 0.9);
	--ThreePoint:rgba(117, 122, 137, 0.3);
	--notActive:#565D73;
	--G11AD7A:#13BF86;
	--G17E6A1:#17E5A1;
}
.su-project-subscription-box{
	margin: 24px 0;
}
#web3-rules-control{
	cursor: pointer;
	color: var(--buletext);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
}
#web3-rules-control svg{
	position: relative;
	left: 10px;
}
#web3-rules-content li{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color: var(--textdetal);
	line-height: 18px;
}
#web3-rules-content li:first-child{
	margin-top: 12px;
}
.title-tip-WEB3{
	color: var(--G11AD7A)!important;
	background: #eef8f5!important;
}
.header-data-title{
	margin-bottom: 33.2px;
}
.header-data-name{
	margin-top: 13.2px;
	text-align: center;
}
.web3-startup-header-data{
	box-sizing: border-box;
	background: var(--bannerBackGround);
	/* background: linear-gradient(308.17deg, rgba(255, 255, 255, 0.03) -3.78%, rgba(68, 163, 250, 0.1) 94.85%), rgba(255, 255, 255, 0.9); */
	box-shadow: 0px 4px 40px rgba(23, 56, 153, 0.12);
	border-radius: 8px;
	padding: 24px;
}
.web3-startup-header-data .header-data-title{
	margin-bottom: 33.2px;
	font-weight: 600;
	font-size: 16px;
	color: var(--subtitle);
}
.web3-startup-header-data .header-data-name{
	margin-top: 13.2px;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	color: var(--textdetal);
}
.web3-startup-header-data .header-data-icon{
	color: var(--textdetal);
}
.header-data-icon svg{
	display: block;
	margin: auto;
}
.three-point-svg{
	color: var(--ThreePoint);
	width: 47px;
}
.three-point-svg svg{
	display: block;
    margin: auto;
    margin-top: 23.3px;
}
.startup-list-banner{
	background-image: url(/images/web3_startup/startup_list_banner.png);
	background-position: right;
}
.classic-dark .startup-list-banner{
	background-image: url(/images/web3_startup/startup_list_banner_dark.png);
}
.next-step-icon{
	width: 112px;
	height: 112px;
	background-image: url(/images/web3_startup/web3_startup_next_step.svg);
}
.classic-dark .next-step-icon{
	width: 112px;
	height: 112px;
	background-image: url(/images/web3_startup/web3_startup_next_step_dark.svg);
}
.banner-data-item-name{
	word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	margin: 8px 0;
	font-weight: 500;
}
.startup-banner-data{
	padding: 0 80px;
}
.startup-inProgress-timing .item-state{
	color: var(--buletext)!important;
}
.classic-dark .startup-banner-data{
	background:linear-gradient(180deg, #1A273C 0%, #1E2636 100%);
}
.startup-inProgress-title-tab{
	color: var(--notActive);
	text-align: center;
	cursor: pointer;
	margin-right: 32px;
}
.startup-inProgress-title-tab-active{
	color: var(--arraycolor)!important;
}
.green-squre{
	width: 12px;
	height: 12px;
	background: var(--G17E6A1);
	margin: 0 auto;
	margin-top: 12px;
}
.startup-history-container .startup-inProgress-introduction-advanced{
	width: calc(90% - 36px);
}
.web3-startup-history-item{
	width: 120px;
}
.web3-startup-history-item-num{
	color: var(--arraycolor);
	font-weight: 600;
	font-size: 24px;
	white-space: nowrap;
}
.web3-startup-history-item-desc{
	font-weight: 400;
	font-size: 14px;
	color: var(--textdetal);
	margin-top: 8px;
	white-space: nowrap;
}
.startup-inProgress-item:hover .web3-startup-history-item-num{
	color: var(--buletext)!important;
}
.startup-inProgress-item:hover .web3-startup-history-item-desc{
	color: var(--buletext)!important;
}
.startup-history-container .startup-history-project-label{
	position: absolute;
    top: 0;
    right: 0;
	width: 105px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	color: var(--bgwhite);
	border-radius: 4px;
}
.bg-Completed{
	background: var(--G11AD7A);
}
.bg-Subscribed{
	background: var(--buletext);
}
.history-empty{
	height: 350px;
}
.history-empty-bg{
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-top: 72px;
	background-image: url(/images/web3_startup/empty_status.png);
}
.classic-dark .history-empty-bg{
	background-image: url(/images/web3_startup/empty_status_dark.png);
}
.history-empty-text{
	font-weight: 600;
	font-size: 24px;
	color: var(--textdetal);
	text-align: center;
}
.su-contentdetail-item #coin_about img{
	width: 100%!important;
	height: auto!important;
}
.project-desc-first-tips{
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0px;
	color: var(--color-text-1);
}
.mgb-fix{
	margin-bottom:12px!important;
}
#startup-draw-shade .startup-popup-box{
	width: 500px;
	min-height: 475px;
	padding: 24px 40px;
}
#startup-draw-shade .startup-popup-box.su-subscribe-confirm{
	min-height: 330px;
}
#startup-draw-shade .startup-popup-box{
	overflow: visible;
	min-height: unset;
}
#startup-draw-shade .startup-popup-box .su-popup-title-text{
	margin-bottom: 32px;
}
#startup-draw-shade .su-project-input-text{
	font-size: 12px;
	margin-bottom: 12px;
}
.close-popup-btn{
	cursor: pointer;
}
.modal-submit-btn-disabled {
    cursor: not-allowed !important;
    background: var(--color-neutral-2) !important;
	color: var(--color-text-4)!important;
}
.modal-submit-btn-disabled:hover{
	color: var(--color-text-4)!important;
}
.classic-dark .modal-submit-btn-disabled{
    background: #252B3A !important;
	color: #474F66!important;
}
.classic-dark .modal-submit-btn-disabled:hover{
	color: #474F66!important;
}
#startup-draw-shade .su-buy-my_balance{
	margin-right: unset;
	margin-left: 8px;
}
#startup-draw-shade .su-project-subscription-needs-num{
	margin-right: unset;
	margin-left: 8px;
}
.web3-startup-detail-color-block{
	width: 24px;
	height: 24px;
	margin-top: 5px;
}
.web3-startup-detail-color-text{
	font-size: 28px;
	font-weight: 700;
	line-height: 34px;
	letter-spacing: 0px;
	margin-left: 12px;
}
.web3-startup-subscription-tips{
	display: flex;
	align-items: stretch;
}
.web3-startup-whitelist-tips{
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	color: var(--color-text-3);
	margin-top: 16px;
	padding-right: 8px;
}
.startup-list-common-title{
	margin-bottom: 40px;
}
.startup-list-inProgress{
	margin-bottom: 120px;
}
.startup-project-introduction-name{
	margin-right:16px
}
.startup-list-finish{
	margin-bottom: 40px;
}
.su-footer-desc.startup-project-info-left{
	width: unset;
}
@media screen and (min-width: 1440px) and (max-width: 1800px){
	.participate-startup{
		max-width: 400px;
	}
}
.su-project-content h4{
	font-weight: 600;
}
.noty_modal.gateioDialogTheme, .noty_modal.gateioNotyTheme{
	background-color: rgba(0, 0, 0, 0.85);
}
.startup-finish-show-more{
	display: flex;
	align-items: center;
}
.startup-finish-show-more svg{
	margin-left: 4px;
}
.startup-project-introduction-name.startup-inProgress-name{
	margin-top: 2px;
	margin-bottom: 2px;
}
.su-project-take-btn{
	background: var(--color-brand-1);
}

#startup-draw-shade .close-popup-btn{
	color: var(--color-text-4);
}
.sub-btn:hover{
	background: var(--color-brand-2);
}

#startup-Tips-shade .startup-popup-box{
	max-width: 500px;
	min-height:unset;
}
#startup-Tips-shade .asset-condition{
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--color-text-2);
	margin-bottom: 16px;
}
#startup-Tips-shade .asset-condition-tips{
	background: var(--color-neutral-2);
	display: flex;
	border-radius: 8px;
	padding: 12px;
}
#startup-Tips-shade .asset-condition-tips-left{
	color: var(--color-brand-1);
}
#startup-Tips-shade .asset-condition-tips-left svg{
	margin-top: 2px;
}
#startup-Tips-shade .asset-condition-tips-right{
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
	color: var(--color-text-1);
	margin-left: 8px;
}
.participate-startup{
	z-index: 2;
}
.startup-detail-confirm-steps{
	padding: 16px;
	background: var(--color-bg-1);
	border-radius: 8px;
	margin-right: 48px;
	margin-top: 24px;
}
.step-block{
	margin: unset!important;
	width: 16px;
	height: 16px;
	background: url(/images/startup/step_icon_light.svg);
}
.classic-dark .step-block{
	background: url(/images/startup/step_icon_dark.svg);
}
.startup-detail-confirm-steps .startup-detail-steps-title{
	font-size: 14px;
	font-weight: 500;
	color: var(--color-text-1);
}
.startup-detail-confirm-steps .startup-detail-steps-step{
	color: var(--color-text-2);
	font-size: 14px;
	font-weight: 500;
	display: flex;
	margin-top: 8px;
}
.startup-detail-confirm-steps .startup-detail-steps-step div{
	margin-left: 9px;
}
.startup-detail-confirm-steps .startup-detail-steps-step span{
	color: var(--color-text-6);
}
.free-confirm-steps-steps{
	padding: 0px;
	padding-bottom: 16px;
}
.free-confirm-steps-steps .startup-detail-steps-step{
	padding: 0 16px ;
}
.free-confirm-steps-steps .startup-detail-steps-title{
	padding: 0 16px ;
	line-height: 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.free-confirm-steps-tips{
	background: var(--color-neutral-2);
	font-size: 16px;
	font-weight: 500;
	padding: 14px 16px;
	border-radius: 8px 8px 0 0;
}
.startup-detail-footer-tips{
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0px;
	text-align: left;
	margin-top: 16px;
	color: var(--color-text-4);
	padding-left: 16px;
}
.startup-project-img-lable{
	position: absolute;
    width: 58px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: 12px;
	font-weight: 700;
    background: #EDF4FF;
    color: var(--color-text-6);
    text-align: center;
    top: 16px;
    left: 16px;
    border-radius: 2px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 500;
}
.classic-dark .startup-project-img-lable{
    background: #182253;
}