.ml24-rem{margin-left: 24rem}
.blue-chip-wrapper{padding-top: 40rem;}
.blue-chip-info{width: 100%;background: #EEF1FA;border-radius: 16rem;padding: 32rem;box-sizing: border-box;position: relative;z-index: 3;}
.classic-dark .blue-chip-info{background: #0C0E15}
.blue-chip-left{width: 320rem;}
.blue-chip-right{width: 1048rem}
.blue-chip-title{font-size: 16rem;line-height: 16rem;text-transform: capitalize}
.blue-chip-round{font-size: 28rem;line-height: 28rem;margin-top: 16rem;}
.blue-chip-round span.iconfont{margin-left: 12rem;font-size: 12rem;}
.blue-chip-rules{margin-top: 16rem;}
.blue-chip-rules .icon-a-16px-shuoming{margin-left: 4rem;}
.common-collection-popup-content{padding: 12rem;background: rgba(4, 9, 26, 0.9);font-size: 12rem;line-height: 1.5;color: #fff;width: auto;border-radius: 8rem;transform: translateY(-4rem)!important}
.common-collection-popup-arrow{color: rgba(4, 9, 26, 0.9);top: 1rem;}
.classic-dark .common-collection-popup-content{background: #474F66!important;}
.classic-dark .common-collection-popup-arrow{color: #474F66;}
.voting-rules-popup-content{transform: translate(-20rem, 0)!important}
.voting-rules-popup-arrow{transform: translate(-20rem, 0)}
.voting-rules-ul {width: 500rem;}
.voting-rules-ul li{margin-top: 32rem;}
.blue-round-list {position: absolute;left: 0;top: 36rem;background-color: var(--color-card-2);border-radius: 4px;max-height: 400rem;overflow-y: scroll;z-index: 3;box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);}
.classic-dark .blue-round-list{box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.2);}
.blue-round-list::-webkit-scrollbar{width: 4rem;border-radius: 12rem;}
.blue-round-list li{height: 40rem;padding: 0 12rem;line-height: 40rem;width: 200rem;}
.blue-round-list li.active{color: var(--color-brand-1);background: var(--color-card-3);}
.blue-round-list li:hover{background-color: var(--color-card-3)}
.blue-chip-right{display: flex;flex-direction: column;justify-content: flex-start;}
.activity-block{z-index: 2;display: flex;flex-direction: column;}
.activity-block .activity-point{width: 24rem;height: 24rem;border-radius: 50%;background: var(--color-text-4);display: inline-flex;align-items: center;justify-content: center;}
.activity-block.active .activity-point{background: #17E6A1;}
.activity-point .iconfont{color: #000;}
.classic-dark .activity-point .iconfont{color: #fff;}
.classic-dark .activity-block.active .activity-point .iconfont{color: #000;}
.activity-plan, .activity-plan i{width: 1048rem;height: 2px;background: var(--color-text-4);display: block;position: absolute;left: 0;top: 12rem;z-index: 1;}
.activity-plan i{left: 0;top: 0;width: 20rem;z-index:-1;transition: width 1s;}
.stage-title{color: var(--color-text-2);font-size: 16rem;word-break: keep-all;margin-top: 24rem;cursor: pointer;line-height: 16rem;}
.activity-block.active .stage-title{color: var(--color-text-3);}
.activity-block .stage-title.active{color: #17E6A1;}
/* .blue-chip-content{margin-top: 72rem;} */
.my-proposal{margin-top: 40rem;}
.blue-chip-content .voting-rules-ul{margin-top: 24rem;width: auto;font-size: 20rem;color: var(--color-text-2);line-height: 1.8;}
.activity-count-down{margin-top: 12rem;color: var(--color-text-3);font-size: 16rem;}
.time-down-point{line-height: 16rem;}
.no-data-list {flex-direction: column;margin-top: 160rem;}
.no-data-list>img{width: 180rem;height: 180rem;}
.no-data-list>div{margin-top: 24rem;}
.post-my-proposal-wrap{margin-top: 80rem!important;}
.post-my-proposal{font-size: 20rem;background: var(--color-brand-1);color: #fff;padding: 0 32rem;height: 52rem;line-height: 52rem;cursor: pointer;}
.else-post-my-proposal{height: 40rem;line-height: 40rem;padding: 0 24rem;font-size: 16rem;}
.proposals-sorts{display: flex;justify-content: flex-start;border-radius: 4rem;overflow: hidden;background: var(--color-neutral-2);}
.proposals-sorts li{height: 40rem;line-height: 40rem;padding:0 16rem;color: var(--color-text-2);cursor: pointer;}
.proposals-sorts li.active{color: #FFFFFF;background: var(--color-brand-1);border-radius: 4rem;}
.proposals-sorts li span.iconfont{color: var(--color-text-2);font-size: 16rem;margin-left: 4rem;}
.proposals-sorts li.active span.iconfont{color:#fff;}
.post-popup-main{width: 500rem;border-radius: 16rem;background-color:var(--color-bg-3)!important;padding: 32rem 40rem;}
.popup-common-subtitle{font-size: 16rem;color: var(--color-text-2);line-height: 16rem;}
.vote-input-wrapper{height: 40rem;background:var(--color-card-2);box-sizing: border-box;border: 1px solid var(--color-divider-1);border-radius: 4rem;display: flex;justify-content: flex-start;margin-top: 12rem;padding: 0 12rem;align-items: center;}
.vote-input-wrapper.focus{border: 2px solid var(--color-brand-1)}
.vote-input-wrapper input{font-size: 14rem;flex:1;border: none;caret-color:var(--color-brand-1);background:var(--color-card-2)!important;min-width: 0;}
.vote-input-wrapper input::placeholder{color:var(--color-text-4);font-size: 14rem;}
.divider-line{background: var(--color-divider-1);height: 16rem;width: 1rem;margin: 0 16rem;}
.via-price{font-size: 12rem;color: var(--color-text-4);margin-top: 12rem;}
.vote-common-textarea{outline: none;box-sizing: border-box;caret-color: var(--color-brand-1);height: 192rem;padding: 10rem 12rem;font-size: 14rem;line-height: 1.5;width: 100%;border: 1px solid var(--color-divider-1)!important;margin-top: 12rem;border-radius: 8rem;resize:none;max-height: 552rem;color:var(--color-text-1)!important;}
.classic-dark .vote-common-textarea{background-color: var(--color-neutral-2)!important;}
.vote-common-textarea:focus{border: 2px solid var(--color-brand-1)!important;}
.vote-common-textarea::placeholder{color: var(--color-text-4);font-size: 14rem;line-height: 1.5;}
.vote-common-textarea::-webkit-scrollbar{width: 4px;border-radius: 11px;}
.vote-common-textarea.error{border:2px solid var(--color-other-3)!important;}
.via-price .error{color: var(--color-other-3)}
.vote-popup-submit{margin-top: 48rem;width: 100%!important;}
.vote-submit-btn{height: 52rem;width: 100%;line-height: 52rem;background: var(--color-brand-1);color: #fff;text-align: center;cursor: pointer;font-size: 20rem;}
.vote-submit-btn.disabled{background: var(--color-neutral-2);color:var(--color-text-4)!important;cursor: not-allowed;text-shadow:none;}
.proposal-item-wrapper{position: relative;padding: 24rem 40rem 24rem 32rem;align-items: flex-start;background: var(--color-card-2);margin-top: 24rem;border-radius: 16rem;}
.proposal-item-left{display: flex;justify-content: flex-start;align-items: center;height: 100rem;}
.proposal-item-left>img{width: 64rem;height: 64rem;min-width: 64rem;}
.proposal-item-left>.avatar-head{left: 0;top: 0;width: 64rem;height: 64rem;line-height: 64rem;}
.proposal-item-avatar{margin-left: 16rem;width: 176rem;}
.proposal-item-nick{font-size: 16rem;color: var(--color-text-2);height: 16rem;line-height: 16rem;}
.proposal-item-time{font-size: 14rem;line-height: 1;color: var(--color-text-4);margin-top: 8rem;}
.proposal-center-title{font-size: 16rem;line-height: 16rem;color: var(--color-text-3);}
.proposal-center-left{width: 300rem;}
.proposal-item-center{height: 100rem;display: flex;border-radius: 16rem;background: var(--color-bg-1);padding: 24rem;box-sizing: border-box;justify-content: space-between;}
.propoasl-center-price {margin-top: 12rem;display: flex;align-items: flex-end;}
.proposal-vote-info{margin-top: 12rem;display: flex;justify-content: flex-start;align-items: center;line-height: 24rem;}
.vote-progress, .vote-progress i{flex:1;height: 8rem;border-radius: 6rem;background: var(--color-divider-2);margin-left: 8rem;}
.vote-progress i{background: var(--color-gradient-7);display: inline-block;position: absolute;left: 0;top: 0;;margin: 0;}
.proposal-center-reason{position: relative;margin-top: 16rem;font-size: 14rem;line-height: 1.5;color: var(--color-text-3);word-break: break-all;display: flex;}
.show-hide-box::before{content: '';float: right;width: 0;height: 21rem;margin-bottom: 0.1rem;}
.proposal-center-reason label{float: right;clear: both;font-size: 14rem;line-height: 1.5;}
.proposal-center-right{flex:1;margin-left: 40rem;}
.vote-btn{color: #fff;background: var(--color-brand-1);font-size: 14rem;height: 40rem;line-height: 40rem;width: 120rem;}
.vote-btn .iconfont{color: #fff;font-size: 24rem;margin-right: 8rem;}
.vote-btn.disabled{background: var(--color-neutral-2);color:var(--color-text-4)!important;cursor: not-allowed;text-shadow:none;}
.vote-btn.disabled .iconfont{color: var(--color-text-4)}
.proposal-item-center-wrapper{flex:1;margin: 0 40rem;}
.proposal-item-right{height: 100rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.my-vote-number{font-size: 16rem;margin-bottom: 16rem;color: var(--color-text-2);}
.my-vote-number>.avatar-head{width: 20rem;height: 20rem;left: 0;top: 0;line-height: 20rem;font-size: 14rem;}
.vote-detail-info{border-radius: 8rem;background: var(--color-card-1);padding: 20rem;margin-top: 16rem;}
.vote-info-item{font-size: 14rem;color: var(--color-text-3);display: flex;justify-content: space-between;margin-top: 16rem;}
.vote-info-item .avatar-head{width: 14rem;height: 14rem;line-height: 14rem;font-size: 12rem;top: 0;left: -4rem;}
.vote-number-input{display: flex;justify-content: space-between;align-items: center;font-size: 16rem;color: var(--color-text-1);padding: 12rem;border: 1px solid var(--color-divider-1);border-radius: 4rem;height: 40rem;background: var(--color-cmpt-2);margin-top: 12rem;box-sizing: border-box}
.new-btn-groups>div{flex:1;font-size: 16rem;}
.new-btn-cancel{width: 100%;height: 40rem;background:var(--color-neutral-2);color: var(--color-brand-1);text-align: center;line-height: 40rem;}
.classic-dark .new-btn-cancel{color: #fff;}
.new-btn-confirm{width: 100%;height: 40rem;background: var(--color-brand-1);color: #fff;text-align: center;line-height: 40rem;}
.new-btn-confirm.disabled{background: var(--color-neutral-2);color:var(--color-text-4)!important;cursor: not-allowed;text-shadow:none;}
.vote-number-info>span{font-size: 12rem;color: var(--color-text-4);margin-top: 12rem;}
.proposal-item-edit{position: absolute;right: 16rem;top: 16rem;}
.proposal-edit-list{width: 180rem;background: var(--color-cmpt-2);position: absolute;top: 40rem;right: 16rem;box-shadow: 0px 4px 24px rgba(23, 56, 153, 0.08);border-radius: 8rem;}
.classic-dark .proposal-edit-list{box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.16);}
.proposal-edit-list li{width: 100%;box-sizing: border-box;padding: 0 16rem;height:40rem;line-height: 40rem;cursor: pointer;}
.not-reached-60-wrapper{height: 77rem;position: relative;border-radius: 10rem;z-index: 1;top: 32rem;background: var(--color-cmpt-4);margin-top: -32rem;}
.not-reached-60{font-size: 14rem;line-height: 1.5;padding: 12rem 16rem;color: var(--color-other-2);border-radius: 8rem;background: var(--color-cmpt-3);}
.not-reached-60>.iconfont{color: var(--color-other-2);font-size: 16rem;}
.has-passed-60-quorum{padding: 32rem;border-radius: 16rem;background:var(--color-card-2);margin-top: 40rem;}
.has-passed-60-quorum h3{font-size: 24rem;line-height: 1;color: var(--color-text-1)}
.else-passed-60-quorum h3{color: var(--color-text-3)}
.proposal-win-tips {font-size: 16rem;line-height: 1.5;color: var(--color-text-3);margin-top: 12rem;}
.else-passed-60-quorum .proposal-win-tips{color: var(--color-text-4)}
.proposal-win-wrapper{border-radius: 12rem;background: var(--color-bg-1);padding: 32rem;padding-right: 24rem;margin-top: 24rem;}
.proposal-win-cont{display: flex;align-items: center;}
.proposal-win-cont .proposal-item-left{height: auto;}
.proposal-win-cont .proposal-item-center{height: auto;padding: 0;}
.proposal-win-cont .propoasl-center-price,.proposal-win-cont .proposal-vote-info{margin-top: 16rem;}
.proposal-win-cont .proposal-center-reason{display: none}
.proposal-win-cont .proposal-item-center-wrapper{margin-right: 0}
.else-center-reason{margin-left: 80rem;margin-top: 32px;padding-top: 32rem;border-top: 1px solid var(--color-divider-1)}
.sale-status-wrapper{margin-top: 40rem;}
.else-passed-60-quorum{margin: 0;padding-top: 84rem;background: #EEF1FA;position: relative;z-index: 1;top: -52rem;}
.classic-dark .else-passed-60-quorum{margin: 0;padding-top: 84rem;background: #0C0E15;}
.list-for-sale{padding: 32rem;position: relative;z-index: 2;background: var(--color-card-2);border-radius: 16rem;}
.list-for-sale-title{color: var(--color-text-1);font-size: 24rem;line-height: 1;margin-left: 16rem;}
.list-for-sale-title .icon-a-24px-success-fill{font-size: 56rem;color: var(--color-funct-2);}
.list-for-sale-title .icon-a-24px-qingkong{font-size: 56rem;color: var(--color-funct-3);}
.sale-title-right{margin-left: 16rem;}
.sale-sucess-info span{color: var(--color-text-3);font-size: 16rem;}
.list-for-sale-cont{display: flex;background: var(--color-bg-1);border-radius: 12rem;padding: 24rem;margin-top: 24rem;align-items: center;}
.list-sale-image img {width: 104rem;height: 104rem;object-fit: cover}
.list-sale-price {margin-left:16rem;line-height: 100%;width: 200rem;margin-right: 28rem;}
.list-count-down{font-size: 24rem;line-height: 24rem;color: var(--color-text-1);margin: 12rem 0;}
.list-count-down>span{color: var(--color-text-3);font-size: 20rem;width: 20rem;height: 20rem;line-height: 20rem;text-align: center;}
.start-to-end-time{font-size: 16rem;color: var(--color-text-4);line-height: 16rem;}
.sale-result-tip{flex: 1;margin-left: 100rem;background: var(--color-neutral-2);border-radius: 8rem;color: var(--color-text-1);line-height: 1.5;font-size: 14rem;padding: 16rem;display: flex;justify-content: flex-start;}
.blue-chip-round .icon-a-12px-jiantou-shang{color: var(--color-brand-1)}
/* AMM Pools Detail start */
.bread-crumbs-wrapper {height: 64rem;box-shadow: 0px 4px 16px rgba(23, 56, 153, 0.06);background: var(--color-card-1);}
.classic-dark .bread-crumbs-wrapper{box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);}
.bread-crumbs-list{font-size: 16rem;line-height: 16rem;color: var(--color-text-4);}
.bread-crumbs-list a{color: var(--color-text-4);}
.bread-crumbs-list span.iconfont{margin: 0 4rem;}
.back-to-collection:hover span{color: var(--color-brand-1);}
.pool-info-wrapper{margin-top: 64rem;}
.pool-info-title{height: 44rem;display: flex;align-items: center;justify-content: space-between;}
.pool-info-avatar{display: flex;height: 40rem;background: var(--color-card-2);border-radius: 20rem;padding: 0 12rem 0 8rem;align-items: center;justify-content: flex-start;}
.pool-info-avatar .avatar-head{width: 24rem;height: 24rem;left: 0;top: 0;}
.pool-avatar-name{margin-left: 4rem;font-size: 16rem;color: var(--color-text-2);line-height: 16rem;max-width: 96rem;}
.pool-title-token img{width: 40px;height: 40px;}
.pool-title-token>span, .pool-title-collection>span{font-size: 40rem;line-height: 40rem;color: var(--color-text-1);margin-left: 12rem;}
.poll-title-left .iconfont{font-size: 40rem;color: var(--color-text-1);margin: 0 32rem;}
.poll-title-left .icon-a-12px-newpage{transform: rotate(45deg);display: inline-block;}
.pool-title-collection .overlying-icon-image{width: 40rem;height: 40rem;}
.pool-title-collection .overlying-position1{width: 36rem;height: 36rem;top: 6rem;left: 2rem;right: 2rem;bottom: -2rem;}
.pool-title-collection .overlying-position2{width: 32rem;height: 32rem;top: 12rem;left: 4rem;right: 4rem;bottom: -4rem;}
.pool-title-collection .home-collection-verified-icon{margin-left: 8rem;}
.pool-info-cont{display: flex;justify-content: space-between;margin-top: 40rem;gap: 24rem;}
.pool-info-cont-left, .pool-info-cont-right{width: 830rem;height: 364rem;background: var(--color-card-2);border-radius: 16rem;padding: 32rem;position: relative;box-sizing: border-box}
/* .pool-info-cont-swap .pool-info-cont-left, .pool-info-cont-right{height: 372rem;} */
.pool-info-cont-swap .pools-sale-btn{margin-top: 32rem;}
.pool-right-wrapper {height: 188rem;overflow: auto;margin-top: 24rem;padding-right: 12rem;}
.pool-right-wrapper::-webkit-scrollbar-corner {background-color: transparent !important;}
.classic-dark .pool-right-wrapper::-webkit-scrollbar-thumb {background-color: #2A2F40 !important;}
.pool-right-wrapper::-webkit-scrollbar {width: 4px;}
.pool-info-cont-right{flex:1;}
.pool-info-cont-right .pool-right-item {margin-top: 45rem;}
.pool-info-cont-right .pool-right-item:first-child {margin-top: 0;}
.pools-or-token{background: var(--color-bg-1);border-radius: 12rem;height:114rem;margin-top: 8rem;padding: 24rem;box-sizing: border-box;}
.pools-or-token:first-child{margin-top: 0;}
.pools-token-title{font-size: 14rem;line-height: 14rem;color: var(--color-text-4);display: flex;justify-content: space-between;}
.pools-sale-btn, .pools-edit-btn{font-size: 16rem;background: var(--color-brand-1);color: #fff;height: 40rem;line-height: 40rem;cursor: pointer;width: 100%;text-align: center;margin-top: 24rem;}
.pools-edit-btn{background: var(--color-neutral-2);color: var(--color-text-1);position: absolute;bottom: 32rem;width: calc(100% - 64rem)}
.pools-sale-btn.disabled, .pools-edit-btn.disabled{color:var(--color-text-4)!important;background: var(--color-neutral-2);cursor: default;pointer-events: none;text-shadow:none;}
.pools-token-amount{display: flex;justify-content: space-between;margin-top: 20rem;}
.pools-token-amount>span{font-size: 32rem;color: var(--color-text-1);line-height: 32rem;}
.pool-right-title{font-size: 24rem;line-height: 24rem;color: var(--color-text-1);}
.pool-right-item{display: flex;justify-content: space-between;align-items: baseline;margin-top: 24rem;}
.pool-right-item>span:first-child{font-size: 14rem;line-height: 14rem;color: var(--color-text-3);font-weight: 500;}
.pool-right-item>span:last-child{font-weight: 600;font-size: 20rem;line-height: 20rem;color: var(--color-text-1);}
.trade-history-wrapper{margin-top: 80rem;}
.trade-history-title{font-size: 24rem;line-height: 24rem;color: var(--color-text-1);margin-bottom: 32rem;}
.pools-trade-item{border-radius: 16rem;background: var(--color-card-2);padding: 0 20rem;height: 80rem;margin-bottom: 8rem;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.pools-trade-item:hover{background: var(--color-card-3);}
.trade-item-token{display: flex;width: 320rem;align-items:center;}
.trade-item-token>img{width: 40rem;height: 40rem;border-radius: 50%}
.trade-item-image{width: 40rem;height: 40rem;}
.trade-item-image img{width: 100%;height: 100%;object-fit: cover;}
.trade-item-from{display: flex;align-items: center;margin-left: 100rem;}
.trade-item-from .avatar-head{width: 16rem;height: 16rem;top: 0;left: 0;margin-left: 12rem;margin-right: 4rem;line-height: 16rem;font-size: 14rem;}
.trade-item-from{font-size: 16rem;}
.trade-item-time{flex:1;text-align: right;font-size: 16rem;color: var(--color-text-4);white-space: nowrap;width: 140rem;}
.trade-item-amount{margin-left: 12rem;font-size: 16rem;}
/* AMM Pools Detail end */
.avatar-head{border: none;z-index: 1;}

/* h5 start */
@media screen and (max-width:768px) {
  .blue-chip-wrapper{padding-top: 20px;}
  .blue-chip-info{flex-direction: column;flex-wrap: wrap;padding: 20px 16px;border-radius: 12px;}
  .blue-chip-left{width: 100%;}
  .blue-chip-title{font-size: 14px;line-height: 1;}
  .blue-chip-round{font-size: 16px;line-height: 1;margin-top: 16px;display: inline-flex;}
  .blue-chip-round span.iconfont{font-size: 12px;margin-left: 8px;}
  .blue-chip-rules{margin-top: 24px;}
  .blue-chip-right{width: 100%;}
  .activity-plan, .activity-plan i{width: 2px;height: 96px;left: 8px;top: 20px;}
  .activity-progress{display: flex;gap: 16px;margin-top: 24px;flex-direction: column;}
  .activity-block{display: flex;justify-content: space-between;flex-direction: row;}
  .activity-block .activity-point{width: 20px;height: 20px;}
  .activity-point .iconfont{font-size: 14px;}
  .stage-title{font-size: 14px;margin: 0;line-height: 1;margin-left: 8px;}
  .activity-count-down{margin: 0;font-size: 14px;line-height: 1;}
  .blue-round-list li{width: 120px;line-height: 40px;height: 40px;padding: 0 12px;font-size: 14px;}
  .blue-round-list{top: 32px;max-height: 200px;}
  .voting-rules-ul li{margin-top: 24px;}
  .h5-voting-rules-popup-content{margin-left: 20px;margin-top: -4px;padding: 12px;font-size: 12px;border-radius: 8px;transform: none;}
  .h5-voting-rules-popup-arrow{transform: translateX(20px);}
  .en-rule-popup-content{margin-left: -16px;}
  .en-rule-popup-arrow{transform: translateX(-16px);}
  .blue-chip-rules .icon-a-16px-shuoming{margin-left: 4px;}
  .activity-plan i{left: 0;top: 0;}
  .h5-fz20{font-size: 20px}
  .h5-fz24{font-size: 24px;}
  .blue-chip-content .voting-rules-ul{margin-top: 16px;font-size: 16px;line-height: 1.8}
  .post-popup-main{width: 328px;border-radius: 16px;padding: 24px;}
  .popup-common-subtitle{font-size: 14px;line-height: 1;margin-top: 12px;}
  .vote-input-wrapper{height: 40px;border-radius: 4px;margin-top: 12px;padding: 0 12px;}
  .vote-input-wrapper input{font-size: 14px;}
  .via-price{font-size: 12px;margin-top: 8px;}
  .h5-fz12{font-size: 12px;}
  .h5-fz16{font-size: 16px;}
  .divider-line{height: 16px;margin:0 8px;width: 1px;}
  .vote-common-textarea{padding: 12px;font-size: 14px;margin-top: 12px;}
  .vote-submit-btn{height: 40px;line-height: 40px;font-size: 16px;}
  .my-proposal{margin-top: 16px;}
  .proposal-item-wrapper{flex-wrap: wrap;padding: 16px;margin-top: 12px;border-radius: 12px;}
  .proposal-item-left{height: auto;width: 100%;}
  .proposal-item-left>.avatar-head{width: 32px;height: 32px;line-height: 32px;min-width: 32px;}
  .proposal-item-avatar{width: 100%;margin-left: 8px;}
  .proposal-item-nick{font-size: 14px;height: 14px;line-height: 1;display: -webkit-inline-box;}
  .proposal-item-center-wrapper{margin: 20px 0 16px;}
  .proposal-item-right{width: 100%;height: auto;display: flex;justify-content: space-between;flex-direction: row;}
  .proposal-item-center{height: auto;border-radius: 8px;padding: 16px;flex-wrap: wrap;}
  .proposal-center-left{width: 100%;}
  .proposal-center-title{font-size: 12px;line-height: 1;}
  .propoasl-center-price{margin-top: 12px;}
  .proposal-center-right{margin-left: 0;margin-top: 32px;}
  .proposal-vote-info{margin-top: 12px;line-height: 1;}
  .vote-progress, .vote-progress{height: 8px;margin-left: 8px;border-radius: 6px}
  .proposal-center-reason{margin-top: 16px;font-size: 14px;}
  .show-hide-box::before{height:21px;margin: 0;}
  .proposal-center-reason label{font-size: 14px;}
  .my-vote-number{margin: 0;font-size: 12px;}
  .my-vote-number>.avatar-head{width: 12px;height: 12px;font-size: 12px;line-height: 12px;}
  .proposal-item-time{font-size: 14px;margin: 0;}
  .vote-btn{height: 40px;line-height: 40px;width: 120px;font-size: 14px;}
  .vote-btn .iconfont{font-size: 24px;margin-right: 8px;}
  .proposal-item-edit{top: 16px;right: 16px;}
  .proposal-edit-list{width: 100px;top: 24px;right: 16px;border-radius: 8px;}
  .proposal-edit-list li{padding: 0 12px;height: 40px;line-height: 40px;}
  .new-btn-groups>div{font-size: 16px;}
  .new-btn-cancel, .new-btn-confirm{height: 40px;line-height: 40px;}
  .post-my-proposal{height: 40px;padding: 0 32px;line-height: 40px;font-size: 14px;}
  .no-data-list{margin-top: 80px;}
  .no-data-list>img{width: 120px;height: 120px;}
  .no-data-list>div{margin-top: 12px;}
  .post-my-proposal-wrap{margin-top: 40px!important;}
  .vote-detail-info{border-radius: 8px;margin-top: 12px;padding: 16px;}
  .vote-info-item{font-size: 12px;margin-top: 12px;}
  .vote-info-item .avatar-head{width: 12px;height: 12px;line-height: 12px;left: -4px;font-size: 12px;}
  .vote-number-input{font-size: 16px;padding: 12px;height: 40px;margin-top: 8px;border-radius: 4px;}
  .vote-number-info>span{font-size: 12px;margin-top: 8px;}
  .not-reached-60-wrapper{height: auto;border-radius: 8px;top: 27px;margin-top: -27px;padding-bottom: 27px;}
  .not-reached-60{font-size: 14px;padding: 12px 16px;border-radius: 8px;}
  .not-reached-60>.iconfont{font-size: 16px;}
  .proposals-sorts li{height: 32px;line-height: 32px;padding: 0 12px;font-size: 14px;border-radius: 4px;}
  .proposals-sorts li.active{border-radius: 4px;}
  .proposals-sorts li span.iconfont{font-size: 14px;margin-left: 4px;}
  .has-passed-60-quorum{padding: 16px;padding-top: 20px;border-radius: 12px;margin-top: 20px;}
  .has-passed-60-quorum h3{font-size: 16px;}
  .proposal-win-tips{font-size: 12px;margin-top: 4px;}
  .proposal-win-wrapper{border-radius: 8px;margin-top: 16px;padding: 20px 16px;}
  .proposal-win-cont{flex-wrap: wrap;}
  .proposal-win-cont .propoasl-center-price, .proposal-win-cont .proposal-vote-info{margin-top: 12px;}
  .has-passed-60-quorum .proposal-center-right{margin-top: 20px;}
  .vote-progress, .vote-progress i{height: 8px;border-radius: 6px;}
  .else-center-reason{margin-left: 0;padding-top: 0;border-top: none}
  .else-post-my-proposal{height: 32px;font-size: 14px;line-height: 32px;padding: 0 8px;}
  .list-sale-image img{width: 120px;height: 120px;}
  .list-sale-price{margin: 0;width: auto;}
  .list-count-down{font-size: 16px;line-height: 1;margin: 8px 0;}
  .start-to-end-time{font-size: 12px;line-height: 1;}
  .list-for-sale-cont{padding: 20px 16px;border-radius: 12px;margin-top: 20px;flex-wrap: wrap;}
  .list-sale-image{min-width: 120px;}
  .sale-result-tip{margin: 0;margin-top: 12px;border-radius: 8px;font-size: 12px;padding: 16px;}
  .list-for-sale-title .icon-a-24px-qingkong{font-size: 56px;}
  .list-for-sale-title .icon-a-24px-success-fill{font-size: 56px;}
  .list-for-sale-title{font-size: 24px;margin-left: 8px;}
  .sale-title-right{font-size: 16px;margin-left: 8px;}
  .sale-sucess-info{font-size: 12px;line-height: 1.5;}
  .h5-lh15{line-height: 1.5}
  .list-count-down{font-size: 16px;line-height: 1;}
  .list-count-down>span{font-size: 14px;width: 14px;height: 14px;line-height: 1;text-align: center;}
  .common-collection-popup-content{font-size: 12px;}
  #noty_center_layout_container li, .gateioNotyTheme{width: 328px;margin: 0 auto;}
  .vote-common-textarea::placeholder{font-size: 14px;}
  .vote-input-wrapper input::placeholder{font-size: 14px;}
}
/* h5 end */