:root {
    --table-header-bg-color: #eff2f5;
    --color-total-secondary: #474d57;
    --color-up: #2ebd85;
    --color-down: #f6465d;
    --color-text-assist: #707a8a;
    --cooperation-color:#f9f9f9;
    --color-text-secondary: #474d57;
    --color-border: #eaecef;
    --register-hover-bgcolor: #1072fb;
    --bg-color-slider: #f9f9f9;
    --font-5-color: #32383E;
    --p-color-slider: #707a8a;
    --body-bgcolor: #fff;
    --item-a-bg-color: #f2f2f2;
}
[data-joy-color-scheme="dark"] {
    --table-header-bg-color: #0b0e11;
    --color-total-secondary: #aaafb7;
    --color-up: #0ecb81;
    --color-down: #ae3943;
    --color-text-assist: #5f6673;
    --cooperation-color: #0d0d0d;
    --color-text-secondary: #aaafb7;
    --color-border: #2b3139;
    --bg-color-slider: #1d1f27;
    --font-5-color: #CDD7E1;
    --p-color-slider: #5f6673;
    --body-bgcolor: #010409;
    --item-a-bg-color: #161b22;
}
.main {
    display: flex;
    padding: 1px 15px;
    font-family: Roboto, PingFangSC-Medium, PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
    font-variant: tabular-nums;
    line-height: 1.5715;
    margin-top: 20px;
}
body {
    background-color: #F8F8F8;
}
.sidebar .module{
    border-radius: 20px;
    margin-top: 16px;
    padding: 24px 24px;
    border: 1px solid var(--item-a-bg-color);
    border-radius: 14px;
    box-shadow: 0 9px 29px 0 rgba(0, 0, 0, .05);
    background-color: initial;
}
.con {
    position: relative;
    width: calc(100vw - 342px);
    font-family: Inter, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Arial, sans-serif;
    padding-right: 12px;
}
.row {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin: -2px;
}
.side {
    padding: 12px;
    width: auto;
    flex: 0 0 342px;
}
.d-flex {
    display: flex !important;
}
.align-center {
    align-items: center !important;
}
.breadcrumb .link,.breadcrumb .link1{
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.5em;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: var(--footer-color);
}
.breadcrumb .iconfont {
    color: #c0c4cc;
    font-weight: 700;
    margin: 0 9px;
    font-size: 8px;
}
.breadcrumb:last-child .link {
    cursor: unset;
}
.breadcrumb:last-child .iconfont {
    display: none;
}
.base-info .base-head .head{
    padding: 12px 0;
    width: 100%;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
}
.base-info .base-head .head .row{
    align-items: center !important;
    flex-direction: row !important;
}
.base-info .logo{
    border-radius: 50%;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 80px;
    margin-right: 16px !important;
    flex-shrink: 0 !important;
}
.base-info .logo{
    flex-direction: column !important;
}
.base-info .base-head .head .tit{
    margin-bottom: 5px !important;
    align-items: center !important;
    flex-direction: row !important;
}
.base-info .base-head .head .name{
    color: var(--footer-color);
    font-size: 32px;
    font-weight: 500;
    line-height: 1em;
}
.base-info .base-head .head .h3{
    color: var(--footer-color);
    font-size: 26px;
    font-weight: 500;
    margin-left: 16px !important;
    line-height: 36px;
}
.base-head .head .detail_intro {
    color: #707a8a;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 0;
}
.base-head .tracker{
    border: 1px solid #eaecef;
    border-radius: 7px;
    height: 42px;
    min-width: 0;
    padding: 0;
    transition-property: none !important;
    width: 42px;
    margin-right: 16px;
    align-items: center;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.base-head .tracker .iconfont{
    font-size: 20px;
    color: var(--footer-color);
}
.base-head .tracker:last-child{
    margin-right: 0px;
}
.dark .base-head .tracker{
    border: 1px solid #2b3139;
}
.base-info .links{
    margin-top: 24px;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    display: flex !important;
}
.base-info .links .links-list{
    flex-wrap: wrap !important;
    flex-direction: row !important;
}
.links-list .chips,.links-list .chips .more-a{
    cursor: pointer;
}
.chips{
    color: var(--footer-color);
    display: flex !important;
    justify-content: center !important;
    background: #eff2f5;
    border-radius: 9px;
    padding: 4px 10px 4px 2px;
    align-items: center !important;
    margin-right: 12px !important;
    margin-bottom: 16px !important;
    font-weight: 500;
}
.dark .chips{
    background: #5f5f5f;
}
.chips .iconfont{
    margin: 2px 3px 0 8px;
}
.chips .icon-down{
    font-size: 8px;
    margin: 3px 0 0 4px;
}
.coin-de .tabs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--item-a-bg-color);
}
.coin-de .tabs .root{
    overflow: hidden;
    min-height: 48px;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.coin-de .tabs .scroller{
    position: relative;
    white-space: nowrap;
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0px;
    display: flex;
    flex: none;
    width: 100%;
}
.coin-de .tabs .scroller .tablist{
    position: relative;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: scroll;
    white-space: nowrap;
    transform: translate(0);
}
.coin-de .tabs .scroller .tablist::-webkit-scrollbar {
    display: none;
}
.coin-de .tabs .scroller .tablist span,.coin-de .tabs .scroller .tablist a{
    color: var(--item-p-color);
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0;
    border: 0;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    max-width: 360px;
    min-width: 90px;
    position: relative;
    min-height: 48px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px 16px;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    -webkit-flex-direction: row;
}
.coin-de .tabs .scroller .tablist span.active,.coin-de .tabs .scroller .tablist a.active{
    font-weight: 500 !important;
    color: var(--item-p-hover-color) !important;
    border-bottom: 2px solid rgb(255, 149, 0);
}
#charts{
    position: relative;
}
#charts,#tradingview{
    margin-top: 30px;
    height: 450px;
}
.charts-tip{
    background-color: var(--language-select-bgcolor);
    border: 0px;
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid var(--border-bottom-color);
    color: var(--item-p-hover-color);
}
.charts-tip .charts-time{
    font-size: 14px;
}
.charts-tip .charts-name{
    font-size: 14px;
    font-weight: 600;
}
.charts-tip .charts-value{
    font-size: 14px;
    font-weight: 600;
    margin-left: 30px;
}
.charts-tip .charts-dot{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba( 255, 107, 1, 1);
    border-radius: 50%;
    margin-right: 3px;
}
.head-cate{
    margin-top: 5px;
    display: flex !important;
    justify-content: space-between !important;
}
.head-cate .headl{
    display: flex !important;
}
.head-cate .tabs-bar{
    background: var(--table-header-bg-color);
    border-radius: 8px;
    height: 40px;
    padding: 0 4px;
    align-items: center !important;
    flex-direction: row !important;
    display: flex !important;
}
.v-btn {
    font-family: auto;
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    justify-content: center;
    outline: 0;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 8px;
    height: 32px;
    min-width: 64px;
    padding: 0 12px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    background: var(--table-header-bg-color);
    color: var(--item-p-color);
}
.v-btn.active {
    background: var(--body-bgcolor);
    color: var(--item-p-hover-color);
}
#tradingview{
    display: none;
}
.about .card {
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 30px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .02);
    border-radius: 16px;
    background-color: var(--more-data-bg-color);
    border: 1px solid var(--item-a-bg-color);
    color: var(--item-p-color);
    font-size: 16px;
    font-weight: 400;
}
.about .card .detail {
    max-height: 250px;
    overflow: hidden;
    position: relative;
}
.about .card h2, .about .card h3 {
    font-size: 1.17em;
    line-height: 28px;
    letter-spacing: 0;
    margin: 10px 0px 10px 0px;
    color: var(--item-p-color);
}
.about .card p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 12px;
}
.about .card .more {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 48px;
    border-radius: 8px;
    border-color: transparent;
    background-color: var(--item-a-bg-color);
}
.about .card .detail:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 8em;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--body-bgcolor));
}
.tag_item,.item-info .item{
    margin-top: 24px !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    display: flex !important;
    align-items: center !important;
}
.tag_item .label,.item-info .item .label,.item-info .item .val{
    color: #999;
    font-size: 14px;
    margin-bottom: 16px;
    margin-right: 6px !important;
}
.coin .item-info .item{
    margin-top: 1px !important;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.coin .item-info{
    margin-top: 8px !important;
}
.tag_item .chips{
    padding-left: 10px !important;
    margin-right: 16px !important;
    font-size: 14px;
}
.tag_item .chips span{
    font-weight: 500;
}
.coin-de .about{
    margin-top: 30px;
}
.detail_common_title,.main .side .detail_common_title{
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    margin-top: 10px;
    color: var(--item-p-color);
    font-family: Inter, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Arial, sans-serif;
}
.infoList{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.infoList .listCell {
    flex: 1 1 calc(50% - 10px);
    margin: 5px 0px 5px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--item-a-bg-color);
    height: 50px;
    line-height: 50px;
    font-size: 15px;
}
.infoList .listCell .tit{
    display:inline-block;
    margin-right: 16px;
    color: #999;
}
.infoList .listCell .val,.item .val{
    font-weight: 500;
    color: var(--item-p-hover-color) !important;
}
.coin .item .val,.coin .item .label{
    font-size: 15px;
}
.samllContent{
    margin-top: 30px;
}
.team_title{
    margin-top: 25px;
}
.team{
    height: 100%;
    position: relative;
    width: 100%;
    margin-top: 26px !important;
}
.team .row {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin: -12px;
}
.team .item{
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 12px;
}
.team .card{
    border: 1px solid var(--item-a-bg-color);
    border-radius: 14px;
    box-shadow: 0 9px 29px 0 rgba(0, 0, 0, .05);
    display: block;
    min-height: 88px;
    position: relative;
    width: 100%;
    padding-left: 16px !important;
    padding-right: 16px !important;
    align-items: center !important;
    flex-direction: row !important;
    display: flex !important;
}
.team a.card{
    cursor: pointer;
}
.team .card .logo-wraper img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.team .card .content{
    width: 70%;
    flex-grow: 1 !important;
    flex-direction: column !important;
    display: flex !important;
}
.team .card .card-name{
    align-items: center !important;
    justify-content: space-between !important;
    flex-grow: 1 !important;
    flex-direction: row !important;
    display: flex !important;
}
.team .card h2{
    color: var(--footer-color);
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 8px !important;
}
.team .card .intro{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px !important;
}
.coin-de .agency .item{
    flex: 0 0 25%;
    max-width: 25%;
}
.card .status_position{
    position: absolute;
    right: 0;
    top: 0;
    background: #fc6a01;
    border-radius: 0 14px 0 14px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
}
.card .resign{
    background: #A3A3A3;
}
.more,.a-more{
    align-self: center !important;
    align-items: center;
    text-align: center;
}
.more .theme--light,.a-more .theme--light{
    height: 36px;
    min-width: 64px;
    padding: 0 16px;
    margin-top: 16px !important;
    background: var(--body-bgcolor);
    color: var(--register-hover-bgcolor);
}
.more .theme--light:hover,.a-more .theme--light:hover{
    background: var(--table-header-bg-color);
}
.more .v-btn__content ,.a-more .v-btn__content {
    font-size: 14px;
    align-items: center;
    color: inherit;
    display: flex;
    flex: 1 0 auto;
    justify-content: inherit;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity;
}
.price_con .price_wrap{
    display: flex !important;
    align-items: center;
}
.price_con .price_head .price{
    color: var(--footer-color);
    font-size: 32px;
    font-weight: 500;
    margin-right: 16px;
}
.price_con .price_wrap{
    font-size: 16px;
}
.price_con .price_wrap .iconfont{
    font-size: 18px;
    margin-right: 5px;
    font-weight: 600;
}
.price_con .amount_list{
    margin-top: 18px;
}
.price_con .amount_list li{
    padding-bottom: 16px;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    display: flex !important;
}
.price_con .amount_list .label{
     color: #474d57;
     font-size: 12px;
     font-weight: 400;
     padding-right: 4px;
 }
.dark .price_con .amount_list .label{
    color: #aaafb7;
}
.price_con .amount_list .val{
    display: flex !important;
    align-items: center !important;
}
.price_con .amount_list .value{
    color: var(--footer-color);
    display: flex;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
}
.price_con .amount_list .date{
    font-size: 12px;
    color: var(--color-text-assist);
    margin-left: 6px;
}
.price_con .amount_list .rank{
    background: #eff2f5;
    border-radius: 4px;
    color: var(--footer-color);
    font-size: 12px;
    margin-left: 4px;
    padding: 2px 4px;
}
.dark .price_con .amount_list .rank{
    background: #1d1f27 ;
    color: var(--footer-color);
}
.price_con .team_title{
    margin-top: 5px;
}
.event{
    margin-top: 16px;
    position: relative;
}
.event:before{
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 5px;
    width: 2px;
    background: rgba(0, 0, 0, .12);
}
.dark .event:before{
    background: hsla(0, 0%, 100%, .12);
}
.event-item{
    display: flex;
    justify-content: start;
    padding-bottom: 0;
    flex-direction: row-reverse !important;
}
.event-body{
    display: flex;
    flex: 1;
    max-width: max-content;
    padding-left: 20px;
    flex: 1 1 auto;
    height: 100%;
    position: relative;
}
.event-content{
    display: flex !important;
    padding-bottom: 16px !important;
    flex-direction: column !important;
}
.event .date{
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 4px;
    text-align: left;
}
.event .event-con{
    color: var(--footer-color);
}
.event-timeline{
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.event-timeline .dot{
    box-shadow: none;
    height: auto;
    width: auto;
    background: #fff;
    align-self: start;
}
.dark .event-timeline .dot{
    background: #121212;
}
.event-timeline .inner-dot{
    background-color: var(--body-bgcolor);
    border-color: #fff;
    height: inherit;
    margin: 0;
    width: inherit;
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
}
.event-timeline .inner-dot i{
    background: #fff;
    border: 2px solid rgb(255, 149, 0);
    border-radius: 28px;
    display: block;
    height: 12px;
    position: relative;
    width: 12px;
}
.dark .event-timeline .inner-dot i{
    border: 2px solid #ff8a33;
}
.side .more .theme--light{
    margin-top: 5px !important;
}
.vote{
    margin-top: 18px !important;
    padding-bottom: 32px;
}
.vote .vote-title{
    color: var(--item-p-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
    text-align: left;
}
.vote .vote-total{
    color: var(--color-total-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    text-align: left;
}
.vote .vote-bar{
    align-items: flex-end;
    display: flex;
    gap: 1px;
}
.vote .vote-bar .vote-bar-yes{
    background: var(--color-up);
    border-radius: 10px 0 0 10px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 28px;
    transition: all .4s ease-in-out;
}
.vote .vote-bar .vote-bar-no .vote-bar-rate span, .vote .vote-bar .vote-bar-yes .vote-bar-rate span{
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}
.vote .vote-bar .vote-bar-no .vote-bar-voted,.vote .vote-bar .vote-bar-yes .vote-bar-voted{
    align-items: center;
    display: inline-flex;
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: all .4s ease-in-out;
}
.vote .vote-bar .vote-bar-no .vote-bar-voted span, .vote .vote-bar .vote-bar-yes .vote-bar-voted span{
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
}
.vote .vote-bar .vote-bar-no .vote-bar-rate, .vote .vote-bar .vote-bar-yes .vote-bar-rate{
    align-items: center;
    display: inline-flex;
}
.vote .vote-bar .vote-bar-no .vote-bar-voted .voted-icon, .vote .vote-bar .vote-bar-yes .vote-bar-voted .voted-icon{
    aspect-ratio: 1;
    background-image: url(data:image/webp;base64,UklGRvwAAABXRUJQVlA4WAoAAAAQAAAAGwAAGwAAQUxQSK4AAAABcE3bdu1shI0QhIsQhCLEoDE616AIQTgIQTgI+yPPUYKImAD8bcr5ucPaQmMrZ9/QZi97NB0aN+g6dq5MF21RdLXO+p3gUHQcIUl1aEfOz9AGnTphQwB4TpwwTROQZ9YnTpjmeRVIXZITpp00kSF1OWFaPwBiIkP6EaZNAGgzGQDTZhvqQkbTbhkYi8OOab1TZnhvGJb0M+cKfE9eYrv0nag4Lm0SrRJXn5wT/hZWUDggKAAAAJACAJ0BKhwAHAA+nUCaSAMAgAsBOJaQAAe8bSq4AP73HA1f+G4AAAA=) !important;
    background-position: 50%;
    background-size: cover;
    display: inline-flex;
    height: 14px;
    margin-right: 2px;
    width: 14px;
}
.vote .vote-bar .vote-bar-no{
    align-items: flex-end;
    background: var(--color-down);
    border-radius: 0 10px 10px 0;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    height: 28px;
    justify-content: center;
    transition: all .4s ease-in-out;
}
.vote .vote-actions {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 12px;
}
.vote .vote-actions .vote-action{
    align-items: center;
    background: #f4f4f5;
    border-radius: 18px;
    display: flex;
    flex: 1;
    height: 36px;
    justify-content: center;
    cursor: pointer;
}
.vote .vote-actions .vote-action-no .action-icon-yes, .vote .vote-actions .vote-action-yes .action-icon-yes{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKUSURBVHgBzVjddZswFL64AfPjnnqDOhukE1SdoO4E9QbNBnEn6AhJJyidoHQDP/YtdAMeYgebA8q9AQlZJnYwwcp3DnAlIfHp6v7ZAK8Mb+AF4LrBzHGGU9cdjjebzT8wCSLjeQFXrtsgCGZwJDpryLadX/gYK11jzmHqODZkWfYXWmIAHUDawcekasbV9QjOrbnrjhi0RCdClgVXcqEBfB8O7Q8oRvU4v4JTQbOdW9E/Rqg2Re0Wyx6vIV07Qk4QoBwdbNtXP4R021kulzfaKyqJBPom9JR2CKPRoyELQnGlsf4IHdJOnvMLISPxCFqiNaF92inHrY/Ku/3GIc/zvsF+28H4w5nSXEBLnOkdZAOkdtzplnfgbt8VBZ+JdpN2MGVcFEVt0Bgcp74/mkIDkHjCuR2maRJvfUcIFC/W64zSAIPDiO/vl+d6J8adS3z8gBbA4DlfrVZyc/LI1uvN9XPIoKYWuLNPTWOYw1p5VDnHmqMpXMr16VYd0x/lozd4/19PqlMAasba9wHywsHAmsBBIoDGL+0twbRzLkMEnvNchHrfD671yWoqgBcEpRyxLtkf9TV4Wa2ZvoGOI484z0sn6pTtu8B13QmaggyiaXoXgUlCWBuyWua/hWSMEDrOVyGjE4RSBnNgQshzOxKyEUK+/1aN3gs1WhvSUPFZSHhcWwnYCCEMikzIeQ6hOnZyQlUAnFTNRLg7mCKE1QCrW3ynXjJxZKr9hPrgSQlVP4mYaKvuDiohKpbqLv4eekKaZoq7W5FenBHOSkLWAgulkg6HGWZ80MoPOYEqAzgCuxUn/9n4nhCwBKB6iMFpEFOR16QhaUNYIH3BciCE/vEkGcJO9Uf/WGABz6AHoMtHetx59XgAjS/2fwEiu9EAAAAASUVORK5CYII=);
}
.vote .vote-actions .vote-action-yes:hover .action-text{
    color: #16c784
}
.vote .vote-actions .vote-action-no .action-icon, .vote .vote-actions .vote-action-yes .action-icon{
    background-position: 50%;
    background-size: cover;
    height: 18px;
    width: 18px;
}
.vote .vote-actions .vote-action-no .action-text, .vote .vote-actions .vote-action-yes .action-text{
    color: #18181b;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 8px;
    text-align: left;
}
.vote .vote-actions .vote-action-no .action-icon-no, .vote .vote-actions .vote-action-yes .action-icon-no {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKdSURBVHgB1ZiLcdNAEIb3ZDlWJDPjDlAJogJEBYQKsDuACoAKoAOSCjAVWHTgDiIqQDNYtoLjHLsanbx6GOssJCffjOJ7aM5/dvdu9wzwyBDHXhiPx/7DA/jQAYYBwWq1CqCJIMuyXCEGC2y60ClyPhpdzCLkoKD+xOQEm038ihpm/fzAh72YyDDEjZQQwQlIKT+othDiE5txcc23Wce3rLGfJEX35VxeOgt8JD2O40yhBWodespztu1cs/l3NGaUXyJ3kWLVHw6Hc+gMEeYtISa1gjJ3qdcCFWx9URGE8fJ635PfoWcqgjAI/XwSzwnomYIgOgTxY5J1wziOl9AzBUG7HVypthD9W4coCEIRL9lU7/GTfqtq0HbH+PFUf73+3eF2byCovN3hTOSC+HY3DHkDZyIXhO7KA3q3GwZwJlJB2XZXLJMkCuFMpILQOjw9TKA35PPySFp+YAIN7+62USbGpWyPye7HseWEkHR4XkNDbHv8kYvB8mOqeliVBumaaiBL/59BE0wvszpRdIwYxuAbfql3fBUx32xWb9L11BBWbF+k5AVUM/A/q3UxVZwNxQSjkTnLe+XprHy9UvVJHbwKRAu9KOc8y3KmeOp/zbq1FSfFLRpgebBKbApWkB6r8n7VvYPjt+VKsCkGaIIJmLlBVgKfrAP7ejykUIAuBaGLWAKuphh0FXendkxqC8JY8PdtUYkdYNbRORJOYoL8K3547Jx6W9GyUJIkfOcVds3/so6WIDwSuAiXLKY6bWPnZPglktokiqzDxm6hBUd//ShDV17MYQs2FGafLv05lEqaMgBN7u//hKY5woM8320TYDeV9TqeQQu0BWWiAtO8+ImiPCaGrPN+u922ujppu6yMbT/DSlN6uqXIk+EvyOv3bUcBbxEAAAAASUVORK5CYII=);
}
.vote .vote-actions .vote-action-yes:hover .action-icon{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI/SURBVHgB1VaxUttAEN09e4BSjYFS/IHTWUkR8QWBL8jkC6DNGE/kAU9Kki+AP4A/QC6ImTRxvgCVximiEmYibfbOurOkYHxyUMGbsXVaafftrvZ2D+AlwP0RONujzy6sAISKaF0P2oh0xZoOq0csOp963b6tvoCKEIJOZ2QS5PIv2LoZXFjrQwVsj459AvDLciLa27w+DixMVCMkwE/mBvGcJfNUNvDAxoY1YTk6QaI/9XoBexFn3jiymJbZaYIlytFNOh8jWAFWET4Wnby2vg/auoCQKzZ6FcTPQvhPdN4sOvGH/PlL9NPG1lLCRdEpDoFv537gJVjAbHy1oQUcYKnsueQds+84ummn+0E/2/x28ts84+Jh0kJKCSnmv7EA0ddZQUNmuscizzBCELtaUba2FJJbsAJGItNVKeXILpaRpSnsazKJ+/uHGGetzQLkEiRnctXMPHUzy7Eg2mdxRJTsEcKpeh0h/PWmO86biHdVRe483cRTPwU6y2y0FWHREYwn3lEol63RgCMgWIZ81GWwMyFAUpBVbt5VkHCEeo0pDGsnFEDvDWG2bWojdK4CpzhZRFgr4dp6w9drJBib7gR1AcW7+Q0N9arOb+gbboTLWgnVFFHHD1B7e+L1wloJC1MEik29npQimO8nCIaFR7J819abt+WuX5gSj0yCp0A6nZIQGjv5bqSmxdbNySHRrG8+J5Do693r3mFeplJ61zn6ok5g+kD0v1B2qF8mU06UBase4fPY2HiIF51v/gJk+OYisN8ksgAAAABJRU5ErkJggg==)
}
.vote .vote-actions .vote-action-no:hover .action-icon{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJRSURBVHgBvVbBTttAEJ3ZpOKEGg6J6M18QemhUoIqdUmo1FvDF5T+AfkCwhcUvgD6BZRzG7onUqkX/gDfUJODfazq2NPZdezYFiGbUPMkS7Pj3X07O7tvFuCJgfN+eLJb+wN+DR6JF0q5CwnHO+0jIDwkgEcTMoEPSCf166vjabtA1mp/JsBD+M+IgHqbw6uTHKHXfO8EGNxmXC5YgieqJTuio2Lbz/oY/rO19a1qdlAAf2UmaNUYDnbBEr9bnXMe+VHbhKLXuP52ru1Rq6MDcPgzZ0LkRgl8m5gR4CWUgDwhQXfGjQpKQEo4frMnYbbfLm/JDZSAlJBCSqPjNCooCSkh4ix/gqCU/KWE+joQ0XbirKytKygJhjC+DinUhvrqQ0kwhCjwQ+pB+gIlwhASgUwcYRQpKBHVoqMihLyTUs0bUFT/eyGi5zyHU51UHT79uQJgdGzU2vvBcUqwg8ua+CqbZ+/1u+2gGl1ALGFzx7FUbpktDWnyCeyF2snWSSP4C8hMiZqE+1M7xl1TOgIrfb6PLzmpxW3IqT6vdCP5N9rpnLEkHiQT6ypRYFMQhKeNX+omR/gQRs32ASvDmbYjgMvN4aCbRpcpZ0i4W//5XT00lwAL5K4NzEQ9EMFRpptaRGZNyNcmVaGkiujokq00yyA8tplrIaEnpc6dM236SRVZJTorwnsXsWJ0pq9NJ34meJC8V5D6/MjKEi71FLHLIeJpahP2V43O9LftOG51LviOdQvupaLTsM5hfTjYpzgaV7fjB67owVNAq9JtfHqXxj/TUtoXHHAjCQAAAABJRU5ErkJggg==)
}
.vote .vote-actions .vote-action-no:hover .action-text{
    color: #ea3943
}
.vote .vote-actions .vote-action-done{
    cursor: not-allowed;
}
.vote .vote-bar .vote-bar-no .vote-bar-rate i.vote-rate-icon, .vote .vote-bar .vote-bar-yes .vote-bar-rate i.vote-rate-icon{
    aspect-ratio: 1;
    background-position: 50%;
    background-size: cover;
    display: none;
    flex-shrink: 0;
    height: 16px;
    width: 16px;
}
.vote .vote-bar .vote-bar-yes .vote-bar-rate i.vote-rate-icon{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG3SURBVHgBzVfRcYMwDBW5/jcblG7QDeoNmg3KBmWDtJOknSDpBCETlA1oJigbqHJiE9kYQ3Jg8+58CMsoL8+2LAPMDAmMAETM6JFSK5Mk2UFMSDJoolIEoxGq0I01hIalTuUgJyAkLAKS3JLanvXtIRRsdVj/0lJpCSFgq+PxpTA1utRh/r+gCvWoI3xkpyDTp07O/BuYGj51lH/r849N5q1vOqz18wRX4s4RUNBDBrIX4z21jL1/OL61v1tR3wrcqKnt6Oz7dXqxndR86FInx+ux7iK0HRjgBztyC7YP2qHIdYxEBRL04Gn+k9qRvTf/giT2lix4KUX68ExNKFtO3yOFrnWQd8Z24/iRBjAi0Nyxpw2wcIw7QjjUzD5thgVEglqHTVqg6SogJiG4rB+Jb23EJPTK7KYOn4tChTaiEEIze5c8W8dS6IXZB+6IRUgw27jHBSekEmCqXmu93SEWITDVOdjOGIT4+mldu4MSwnPBL1hXYY/RhPiZ8gDTgW/3wlWc6YqxZH2ZOtSdh6ysDOA22BXnl3c0Dq8Wx0CFfRdIPJewQ6vGycgkDmICzIU3Jgo778we/9hRb9LJYu74AAAAAElFTkSuQmCC) !important;
    margin-left: 4px;
}
.vote .vote-bar .vote-bar-no .vote-bar-rate i.vote-rate-icon{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG4SURBVHgB1ZiBVcMgEIYvPgfIBmaEOoHZQDeQEbKBOknbCVonSJzAbEA20A3wzoDvgiHQVKB+7/ECgeZ+fiDQAFwYha+BUqrGSw1x6Iqi6IJaopAKk1TxOWAqL0WMoTWxrx2aakyVzn9i2uvrGp5Y/oXlK0yPJh6Kqp3DR4qZegFnwG2Yqdux6obuXc00qmA6iY8Qj4Hly1lBMBVDq2DtUK1iTtA9y79CYrwOQWImgtT4EjTvhAGHq4fE2A49sHwHGbAF3bF88vlD/AjSy31jyjhcMZc7eAVB5sls4IL4ct9DJrig7BOa+Bakl7uhx/kzQCaMQ3x7KCEdN/YNc/wYYBRFYip9PnkDP/Ty3EEg+NxnS4xg5c5u3Kh1CEdw6th74DMO4OqBOp3G8SwZ+PtWsSNsMdczGFfc0lzip8Bbe89To2tbXXSdOKncBx/yXWCwDevdh6ON9Dn4Z1DvWbCjp15CbDDIdqn3ljsCYmMFrK265O6US/MnhzuVy4Hk7uig3CGiZHUyqTsscMsCt1pkeneYoNpySWZzh4lybTFp3bFECfV7vxJwJt4PVgHCaN+jPwcnHUX+DV8MVm7Nf3C9qwAAAABJRU5ErkJggg==) !important;
    margin-right: 4px;
}
.vote .vote-bar .vote-select{
    height: 42px;
}
.vote .vote-bar .vote-select .vote-bar-voted{
    margin-bottom: 4px;
    max-height: 99px;
}
.vote .vote-bar .vote-select .vote-bar-rate i.vote-rate-icon{
    display: inline-flex
}
.weixin{
    position: relative;
}
.weixin:hover .weixin-code {
    display: block;
}
.weixin .weixin-code {
    background-color: #fff;
    display: none;
    position: absolute;
    left: -43px;
}
.weixin-code .qr_code{
    display: block;
    height: 124px;
}
.weixin-code .text{
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.more,.contract{
    position: relative;
}
.more .more-data,.contract .more-data{
    display: none;
    border: 1px solid var(--news-border-bottom-color);
    background-color: var(--more-data-bg-color);
    padding: 8px 0;
    width: 216px;
    box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .05);
    flex-direction: column;
    gap: 4px;
    max-height: 236px;
    overflow-y: auto;
    right: 0;
    top: 30px;
    border-radius: 12px;
    z-index: 900;
    left: 0px;
    position: absolute;
}
.more #show, .contract #show{
    display: block;
}
.more:hover .more-data,.contract:hover .more-data{
    display: block;
}
.more .more-data .more-a {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 40px;
    padding: 0 12px 0 16px;
}
.more .more-data .more-a p {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--item-p-color);
}
.v-avatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-color: #bfbfbf;
    cursor: pointer;
}
.v-avatar .iconfont{
    font-size: 18px;
    color: #fff;
}
.coin-de .coin .team .moreshow,.event .moreshow{
    display: none !important;
}
.contract{
    align-items: center !important;
}
.contract_logo{
    display: flex !important;
    align-items: center !important;
    border-radius: 50%;
    height: 18px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 18px;
    margin-right: 3px !important;
}
.contract .address{
    color: #ff8001;
    font-size: 12px;
    cursor: pointer;
    font-weight: 500;
    align-items: center !important;
    flex-direction: row !important;
    display: flex !important;
}
.contract .icon-copy{
    cursor: pointer;
    font-size: 10px;
    margin: 0px 3px 0px 3px;
    color: var(--footer-color);
}
.contract .addtometamask{
    cursor: pointer;
}
.contract .icon-arrow-down-filling{
    cursor: pointer;
    font-size: 10px;
    margin: 0px 3px 0px 3px;
}
.contract:hover .icon-arrow-down-filling{
    margin-top: -2px;
    transform: scaleY(-1);
}
.amount_list .more-data{
    top:25px;
    width: 318px;
    max-height: 300px;
}
.contract .more-list,.contract .more-list .more-r,.contract .more-list .more-left{
    align-items: center !important;
    display: flex !important;
}
.contract .more-list{
    justify-content: space-between !important;
    font-size: 12px;
    padding: 8px 16px;
    font-weight: 500;
}
.cooperation .list{
    background: var(--cooperation-color);
    border-radius: 20px;
    margin-top: 16px;
    padding: 24px 0;
}
.cooperation .coo-a{
    cursor: pointer;
    margin-top: 24px;
    padding: 0 24px;
    flex-direction: row !important;
    display: flex !important;
}
.cooperation .coo-a:first-child {
    margin-top: 0px;
}
.cooperation .logo{
    padding-top: 0px;
    flex-grow: 0 !important;
    border-radius: 50%;
    height: 32px;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 32px;
}
.cooperation .coo-info{
    justify-content: space-between !important;
    flex-direction: column !important;
    display: flex !important;
}
.cooperation .coo-info h4{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--item-p-color);
    margin-bottom: 4px !important;
}
.cooperation .coo-info p{
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    color: var(--footer-color);
    font-size: 12px;
}
.table-container .iconfont{
    margin-right: 2px;
}
.markets .head-cate{
    margin-bottom: 8px;
}
.markets{
    margin-top: 8px;
}
.mkcol1{
    width: 50px;
}
.mkcol2{
    width: 135px;
}
.mkcol3{
    width: 110px;
}
.mkcol4,.mkcol5{
    width: 125px;
}
.mkcol8{
    width: 60px;
}
.mkcol9{
    width: 90px;
}
.mkcol6,.mkcol7{
    width: 100px;
}
.table {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0;
    font-family: Roboto, PingFangSC-Medium, PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
}
table .nocontent {
    height: 18px;
    display: inline-flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 4px;
    border-radius: 4px;
    background-color: var(--table-header-bg-color);
    color: var(--search-color);
}
.table thead tr{
    height: 45px;
    font-size: 0.75rem;
    background-color: var(--table-header-bg-color);
}
.table tr th{
    padding: 0px;
    margin: 0px;
    background-color: var(--table-header-bg-color);
    color: var(--a-color);
    border-bottom: 1px solid var(--table-header-bg-color);
    font-family: XPK, Arial, sans-serif;
    font-weight: 500;
}
.table tr th:nth-last-child(1),.table tr td:nth-last-child(1){
    padding-right: 10px !important;
}
.table .star .icon-star1,.table .star .icon-star2{
    font-size: 12px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table .star .icon-star1:hover,.table .star .icon-star2:hover{
    font-size: 14px;
    cursor: pointer;
}
.table tr td{
    border-bottom: 1px solid var(--table-td-border-bottom-color);
    height: 60px;
    color: var(--a-color);
    background-color: var(--body-bgcolor);
}
.table tr td:nth-child(1),.table tr th:nth-child(1){
    padding-left: 10px !important;
}
.table tbody tr:hover > td{
    background-color: var(--table-header-td-color);
}
.table .tr-content{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.symbol {
    display: flex;
    align-items: center;
}
.symbol .logo {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    padding-top: 0px;
}
.symbol .name {
    font-size: 18px;
    line-height: 26px;
    color: var(--font-5-color);
    font-family: 'Roboto', sans-serif;
    padding-left: 5px;
}
.text-right {
    text-align: right;
}
.table .symbol{
    margin-bottom: 0px;
}
.table .symbol .name {
    font-weight: 550;
    font-size: 14px;
}
.pagination li a{
    font-family: Roboto, PingFangSC-Medium, PingFang SC, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
}
.introduce .des{
    color: var(--footer-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
    padding-top: 16px !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Arial, sans-serif;
}
.introduce h3{
    margin-top: 20px;
}
.introduce .work{
    margin-top: 15px !important;
}
.introduce .work .card .intro{
    margin-top: 0px !important;
    color: var(--color-text-secondary);
}
.tag_div{
    align-items: center !important;
    flex-direction: row !important;
    display: flex !important;
}
.tag_div .tag{
    position: relative;
    transition: .5s;
    align-items: center !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    display: flex !important;
}
.tag_div .tag .label{
    color: #999;
    margin-right: 6px;
    font-size: 14px;
    font-weight: 500;
}
.tag_div .tag .val{
    margin-right: 32px !important;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-main) !important;
}
.latest-investor .investor{
    flex-wrap: wrap !important;
    flex-direction: row !important;
    display: flex !important;
}
.latest-investor .investor .item{
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    width: 50%;
    justify-content: space-between !important;
    flex-direction: column !important;
    display: flex !important;
}
.latest-investor .investor .item:nth-child(odd):before {
    background: var(--color-border);
    content: "";
    height: 46px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.latest-investor .investor .item h4{
    color: var(--color-text-secondary);
    font-weight: 500;
    width: 130px;
    font-size: 14px;
}
.latest-investor .investor .item h2{
    color: var(--color-text-main);
    font-size: 22px;
    font-weight: 600;
    font-family: DinAlternate-bold;
}
.investor-news{
    margin-top: 45px;
}
.coin-ai{
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: var(--footer-color);
}
.coin-ai .opportunities,.coin-ai .risks,.coin-ai .community_sentiment{
    padding: 12px;
}
.coin-ai .tldr{
    background: linear-gradient(90deg, rgb(107, 188, 255) 0.45%, rgb(112, 122, 255) 45.25%, rgb(197, 163, 255) 90.05%, rgb(255, 172, 99) 100%);
    border-radius:12px;
    padding: 1px;
}
.coin-ai .tldr .tldrType{
    background-color: #fff;
    border-radius:12px;
}
.coin-ai .tldr .tldrType .tldr-con{
    background: linear-gradient(88deg, rgba(107, 188, 255, 0.08) 0.45%, rgba(112, 122, 255, 0.08) 45.25%, rgba(197, 163, 255, 0.08) 90.05%, rgba(255, 172, 99, 0.08) 100%);
    padding: 24px;
    border-radius: 12px;
}
.coin-ai .icon{
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.coin-ai .icon .icon-title{
    align-items: center;
    display: flex;
}
.coin-ai .icon .icon-title .iconfont{
    font-size: 15px;
}
.coin-ai .icon .icon-title .icon-name{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--footer-color);
    margin-left: 6px;
}
.coin-ai .icon .icon-date{
    color: #757575;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.coin-ai .tip{
    border-top: 1px solid #EDEDED;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #929AA5;
    margin-top: 10px;
    padding-top: 10px;
}
.dark .coin-ai .tip{
    border-top: 1px solid #333B47;
}
.offs {
    margin-top: 20px !important;
    color: #999;
    font-size: 12px;
    line-height: 28px;
    padding: 12px;
}
.aihis a:hover{
    color: var(--news-hover-color);
}
.tab-operations-btn{
    display: none;
    position: relative;
    padding: 8px 16px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: rgb(var(--font-4-color));
}
.tab-operations{
    box-sizing: border-box;
    height: 46px;
    line-height: 46px;
    box-shadow: -3px 0 3px var(--box-shadow);
}
#operations{
    display: none;
    min-width: 46px;
    background-color: var(--language-select-bgcolor);
    position: absolute;
    will-change: transform;
    z-index: 999999;
    visibility: visible;
    top: 0px;
    left: 0px;
    margin: 0px;
    border: 1px solid var(--login-hover-bgcolor);
    box-shadow: var(--language-select-box-shadow) 0px 2px 10px 0px;
}
#operations .list{
    min-width: 120px;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    flex-direction: column;
    width: 100%;
    color: var(--font-4-color);
}
#operations .list a{
    padding: 12px 16px;
}
#operations .list a:focus, #operations .list a:hover{
    background-color: var(--language-select-hover-bgcolor);
}
.side .small {
    flex-direction: column !important;
    display: flex !important;
}
.side .small .tit {
    align-items: center !important;
    justify-content: space-between !important;
    display: flex !important;
}
.side .small .sub-tit, .team_title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    margin-top: 10px;
    color: var(--footer-color);
    font-family: Inter, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Arial, sans-serif;
    font-weight: 600;
}
.detail_common_title, .main .side .detail_common_title {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    margin-top: 10px;
    color: var(--item-p-color);
    font-family: Inter, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Arial, sans-serif;
}
.latest-people .content, .latest-news .content {
    border-radius: 20px;
    margin-top: 16px;
    padding: 24px 0;
    border: 1px solid var(--item-a-bg-color);
    border-radius: 14px;
    box-shadow: 0 9px 29px 0 rgba(0, 0, 0, .05);
}
.latest-people .content a,.latest-people .content>div{
    cursor: pointer;
    padding: 0 24px;
    margin-top: 24px;
    align-items: center !important;
    flex-direction: row !important;
    display: flex !important;
}
.latest-people .content>div{
    cursor: inherit;
}
.latest-people .content a:first-child,.latest-people .content>div:first-child {
    margin-top: 0;
}
.latest-people .content .logo {
    border-radius: 50%;
    height: 40px;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 40px;
    flex-grow: 0 !important;
    padding-top: 0px;
}
.latest-people .content .info {
    justify-content: space-between !important;
    flex-direction: column !important;
    display: flex !important;
}
.latest-people .content .info h4 {
    display: -webkit-box;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--font-5-color);
    font-size: 14px;
    -webkit-line-clamp: 1;
}
.latest-people .content .info p {
    font-size: 12px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0 !important;
    color: var(--p-color-slider) !important;
}
#m-con p {
    margin: 15px 0;
    color: #303133;
    line-height: 32px;
    font-size: 15px;
    text-indent: 2em;
}
#m-con ul li,#m-con dl dd {
    line-height: 32px;
    text-indent: 2em;
}
#m-con dl dt {
    line-height: 32px;
    margin: 10px 0;
    font-weight: bold;
}
#m-con h2,#m-con h3 {
    margin: 15px 0;
    font-size: 17px;
    font-weight: bold;
}
@media (max-width: 1400px) {
    .table-container {
        overflow-x: scroll;
    }
    .table-con{
        position: relative;
    }
    .table-container:after,.table-container .scroll:after{
        position: absolute;
        top: 0px;
        bottom: 8px;
        z-index: 4;
        width: 30px;
        transition: box-shadow .3s;
        content: "";
        pointer-events: none;
        right: 0;
    }
    .td-after:after{
        position: absolute;
        top: 0;
        right: 0;
        bottom: -1px;
        width: 30px;
        transform: translateX(100%);
        transition: box-shadow .3s;
        content: "";
        pointer-events: none;
    }
    .box-shadow:after{
        box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .15);
    }
    .td-after:after{
        box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .15);
    }
    .sticky1 {
        position: sticky !important;
        left: 0;
        z-index: 9;
    }
    .sticky2 {
        position: sticky !important;
        left: 50px;
        z-index: 9;
    }
}
@media (max-width: 1250px) {
    .team .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .card {
        max-width: 100%;
    }
    .coin-de .agency .item {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}
@media (max-width: 1200px) {
    .con {
        width: calc(100vw - 322px);
    }
    .side {
        flex: 0 0 322px;
    }
    .item-info .item{
        flex-direction: column !important;
    }
    .item-info .item .label{
        margin-bottom: 5px;
    }
    .coin .item-info .item {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (max-width: 1080px) {
    .coin-de .agency .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .coin .item-info .item {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}
@media (max-width: 960px) {
    .coin-de{
        display: block;
    }
    .con {
        width: 100%;
        padding-right: 0px;
    }
    .side {
        flex: 0 0 322px;
    }
    .team .item {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .coin-de .agency .item {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .coin .item-info .item {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .side .wrapper {
        overflow-y: auto;
        overflow-x: hidden;
        position: inherit;
        max-height: inherit;
    }
}
@media (max-width: 900px) {
    .team .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .coin .item-info .item {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}
@media (max-width: 899px) {
    .main  .sidebar {
        display: block;
        width: 100%;
        margin-left: 0px !important;
        margin-top: 10px;
    }
    .main .uk-flex{
        display: block;
    }
    .main{
        padding-bottom: 15px;
    }
    .main{
        background-color: var(--bg-c);
        background-image: inherit;
    }
}
@media (max-width: 800px) {
    .coin-de .agency .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 720px) {
    .coin .item-info .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .coin-de .tabs .scroller .tablist a{
        min-width: 70px;
    }
}
@media (max-width: 600px) {
    .side {
        padding: 12px 0px;
    }
    .cooperation .coo-a{
        padding: 0px 10px;
    }
    .main {
        padding: 1px 10px;
    }
    .about .card{
        padding: 20px;
    }
    .base-info .logo {
        height: 65px;
        width: 65px;
        margin-bottom: 5px;
    }
    .head-cate{
        display: block!important;
    }
    .head-cate .headr{
        margin-top: 5px;
    }
    .team .row{
        margin: 0px;
    }
    .team .item{
        padding: 2px;
    }
}

@media (max-width: 500px) {
    .coin-de{
        padding: 0px;
    }
}
