/* #content{
    --primary-color: var(--primary-color);
    --primary-hover-color: #ff8514;
    --primary-active-color: #bd4602;
    --secondary-color: #0070cc;
    --secondary-hover-color: #0985d8;
    --secondary-active-color: #0764bb;
    --primary-4t-color: rgba(255 106 0 / 4%);
    --primary-8t-color: rgba(255 106 0 / 8%);
    --primary-12t-color: rgba(255 106 0 / 12%);
    --primary-16t-color: rgba(255 106 0 / 16%);
    --primary-20t-color: rgba(255 106 0 / 20%);
    --primary-24t-color: rgba(255 106 0 / 24%);
    --primary-36t-color: rgba(255 106 0 / 36%);
    --primary-48t-color: rgba(255 106 0 / 48%);
    --primary-64t-color: rgba(255 106 0 / 64%);
    --primary-72t-color: rgba(255 106 0 / 72%);
    --primary-88t-color: rgba(255 106 0 / 88%);
    --primary-96t-color: rgba(255 106 0 / 96%);
    --secondary-4t-color: rgba(0 112 204 / 4%);
    --secondary-8t-color: rgba(0 112 204 / 8%);
    --secondary-12t-color: rgba(0 112 204 / 12%);
    --secondary-16t-color: rgba(0 112 204 / 16%);
    --secondary-20t-color: rgba(0 112 204 / 20%);
    --secondary-24t-color: rgba(0 112 204 / 24%);
    --secondary-36t-color: rgba(0 112 204 / 36%);
    --secondary-48t-color: rgba(0 112 204 / 48%);
    --secondary-64t-color: rgba(0 112 204 / 64%);
    --secondary-72t-color: rgba(0 112 204 / 72%);
    --secondary-88t-color: rgba(0 112 204 / 88%);
    --secondary-96t-color: rgba(0 112 204 / 96%);
    --success-color: #0cb868;
  }
  #main{
    --primary-color: var(--primary-color);
    --primary-hover-color: #ff8514;
    --primary-active-color: #bd4602;
    --secondary-color: #0070cc;
    --secondary-hover-color: #0985d8;
    --secondary-active-color: #0764bb;
    --primary-4t-color: rgba(255 106 0 / 4%);
    --primary-8t-color: rgba(255 106 0 / 8%);
    --primary-12t-color: rgba(255 106 0 / 12%);
    --primary-16t-color: rgba(255 106 0 / 16%);
    --primary-20t-color: rgba(255 106 0 / 20%);
    --primary-24t-color: rgba(255 106 0 / 24%);
    --primary-36t-color: rgba(255 106 0 / 36%);
    --primary-48t-color: rgba(255 106 0 / 48%);
    --primary-64t-color: rgba(255 106 0 / 64%);
    --primary-72t-color: rgba(255 106 0 / 72%);
    --primary-88t-color: rgba(255 106 0 / 88%);
    --primary-96t-color: rgba(255 106 0 / 96%);
    --secondary-4t-color: rgba(0 112 204 / 4%);
    --secondary-8t-color: rgba(0 112 204 / 8%);
    --secondary-12t-color: rgba(0 112 204 / 12%);
    --secondary-16t-color: rgba(0 112 204 / 16%);
    --secondary-20t-color: rgba(0 112 204 / 20%);
    --secondary-24t-color: rgba(0 112 204 / 24%);
    --secondary-36t-color: rgba(0 112 204 / 36%);
    --secondary-48t-color: rgba(0 112 204 / 48%);
    --secondary-64t-color: rgba(0 112 204 / 64%);
    --secondary-72t-color: rgba(0 112 204 / 72%);
    --secondary-88t-color: rgba(0 112 204 / 88%);
    --secondary-96t-color: rgba(0 112 204 / 96%);
    --success-color: #0cb868;
  }
.wozhenfan#content{
    --primary-color: rgb(0, 208, 194);
    --primary-hover-color: rgb(20, 224, 211);
    --primary-active-color: rgb(13, 184, 172);
    --secondary-color: rgb(76, 113, 240);
    --secondary-hover-color: rgb(94, 127, 235);
    --secondary-active-color: rgb(64, 99, 216);
    --primary-4t-color: rgba(20 224 211 / 4%);
    --primary-8t-color: rgba(20 224 211 / 8%);
    --primary-12t-color: rgba(20 224 211 / 12%);
    --primary-16t-color: rgba(20 224 211 / 16%);
    --primary-20t-color: rgba(20 224 211 / 20%);
    --primary-24t-color: rgba(20 224 211 / 24%);
    --primary-36t-color: rgba(20 224 211 / 36%);
    --primary-48t-color: rgba(20 224 211 / 48%);
    --primary-64t-color: rgba(20 224 211 / 64%);
    --primary-72t-color: rgba(20 224 211 / 72%);
    --primary-88t-color: rgba(20 224 211 / 88%);
    --primary-96t-color: rgba(20 224 211 / 96%);
    --secondary-4t-color: rgba(76 113 240 / 4%);
    --secondary-8t-color: rgba(76 113 240 / 8%);
    --secondary-12t-color: rgba(76 113 240 / 12%);
    --secondary-16t-color: rgba(76 113 240 / 16%);
    --secondary-20t-color: rgba(76 113 240 / 20%);
    --secondary-24t-color: rgba(76 113 240 / 24%);
    --secondary-36t-color: rgba(76 113 240 / 36%);
    --secondary-48t-color: rgba(76 113 240 / 48%);
    --secondary-64t-color: rgba(76 113 240 / 64%);
    --secondary-72t-color: rgba(76 113 240 / 72%);
    --secondary-88t-color: rgba(76 113 240 / 88%);
    --secondary-96t-color: rgba(76 113 240 / 96%);
    --success-color: #0cb868;
  }
  .wozhenfan{
    --primary-color: rgb(0, 208, 194);
    --primary-hover-color: rgb(20, 224, 211);
    --primary-active-color: rgb(13, 184, 172);
    --secondary-color: rgb(76, 113, 240);
    --secondary-hover-color: rgb(94, 127, 235);
    --secondary-active-color: rgb(64, 99, 216);
    --primary-4t-color: rgba(20 224 211 / 4%);
    --primary-8t-color: rgba(20 224 211 / 8%);
    --primary-12t-color: rgba(20 224 211 / 12%);
    --primary-16t-color: rgba(20 224 211 / 16%);
    --primary-20t-color: rgba(20 224 211 / 20%);
    --primary-24t-color: rgba(20 224 211 / 24%);
    --primary-36t-color: rgba(20 224 211 / 36%);
    --primary-48t-color: rgba(20 224 211 / 48%);
    --primary-64t-color: rgba(20 224 211 / 64%);
    --primary-72t-color: rgba(20 224 211 / 72%);
    --primary-88t-color: rgba(20 224 211 / 88%);
    --primary-96t-color: rgba(20 224 211 / 96%);
    --secondary-4t-color: rgba(76 113 240 / 4%);
    --secondary-8t-color: rgba(76 113 240 / 8%);
    --secondary-12t-color: rgba(76 113 240 / 12%);
    --secondary-16t-color: rgba(76 113 240 / 16%);
    --secondary-20t-color: rgba(76 113 240 / 20%);
    --secondary-24t-color: rgba(76 113 240 / 24%);
    --secondary-36t-color: rgba(76 113 240 / 36%);
    --secondary-48t-color: rgba(76 113 240 / 48%);
    --secondary-64t-color: rgba(76 113 240 / 64%);
    --secondary-72t-color: rgba(76 113 240 / 72%);
    --secondary-88t-color: rgba(76 113 240 / 88%);
    --secondary-96t-color: rgba(76 113 240 / 96%);
    --success-color: #0cb868;
  } */
:root {
    --primary-color: #1890ff;
    --primary-hover-color: rgb(24 144 255 / 80%);
    --primary-active-color: rgb(15, 126, 230);
    --primary-12t-color: rgb(24, 144, 255, .12);
    --primary-24t-color: rgb(24, 144, 255, .24);
    --secondary-color: rgb(76, 113, 240);
    --secondary-hover-color: rgb(94, 127, 235);
    --secondary-active-color: rgb(64, 99, 216);
    --index-use-color: #0F59FF;
    --loginbtn-color-1: #1890ff;
    --loginbtn-color-2: #0d4eff;
}

/* :root {
    --primary-color: #ff3318;
    --primary-hover-color: #ff3318;
    --primary-active-color: #ff3318;
    --secondary-color: rgb(76, 113, 240);
    --secondary-hover-color: rgb(94, 127, 235);
    --secondary-active-color: rgb(64, 99, 216);

} */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.clearfix {
    content: '';
    clear: both;
}

.f-wrap {
    flex-wrap: wrap;
}

.f-c-s {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.f-b-s {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.f-s-s {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.f-e-s {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.f-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.f-b-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.f-s-c {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.f-e-c {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.f-col {
    flex-direction: column;
}

.flex-normal {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex-column {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.flex-6 {
    flex: 6;
}

.flex-7 {
    flex: 7;
}

.flex-8 {
    flex: 8;
}

.flex-9 {
    flex: 9;
}

.preload {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.fadeInDown {
    animation-name: u;
}

.fadeInUp {
    animation-name: d;
}

.animated {
    animation-duration: .85s;
    animation-fill-mode: forwards;
}

.textoverflow1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.textoverflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;


}
.textoverflow3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;


}

@keyframes u {
    0% {
        opacity: 0;
        transform: translate3d(0, -35%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes d {
    0% {
        opacity: 0;
        transform: translate3d(0, 35%, 0);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.container {
    margin: 0 auto;
    width: 1200px;

}

.geo_title {
    font-size: 40px;
    color: #fff;
    letter-spacing: 10px;
    font-weight: 600;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.geo_time {
    font-size: 14px;
    color: #eee;
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: center;
}

.geo_bg_outer {
    height: 360px;
}

.geo_bg img {
    object-fit: cover;
    pointer-events: none;
    user-select: none;
    width: 100%;
    height: 100%;
}

.all-sin-aaa {
    width: 25%;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 16px 16px;
    transition: .25s ease-in-out;
}

.all-sin-aaa:hover {
    transform: translateY(-8px);
}

.data-item:nth-child(odd) {
    background-color: #ffffff;
}

.data-item:nth-child(even) {
    background: #f8f8f9;
}

.data-item:hover {
    background-color: #e6f1ff;
}

.datalisttabs {
    cursor: pointer;
    color: #777777;
    font-size: 17px;
    padding-bottom: 10px;
}

.datalisttabs:hover {
    color: var(--primary-color);
}

.datalisttabs.active {
    font-weight: 600;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.tabsin {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    padding: 15px 25px;
    border-radius: 30px;
    width: 100%;
    margin: 0;
    transition: .25s ease-in-out;
    background-color: rgb(255 255 255 / 8%);
    border: 2px solid transparent;
}

.tabsin .bx {
    font-size: 20px;
}

.tabsin:hover {
    background-color: var(--primary-24t-color);
    border: 2px solid rgb(255 255 255 / 30%);
    transform: translateX(-8px);
}

.tabsin.active {
    background-color: var(--primary-color);
    border: 2px solid rgb(255 255 255 / 80%);
}

.platlistsin {
    cursor: pointer;
    gap: 10px;
    background-color: #f6f6f6;
    padding: 15px 30px 15px 10px;
    border-radius: 6px;
}

.platlistsin:hover {
    background-color: rgb(24 144 255 / 10%);

}

.platlistsin.active {
    background-color: rgb(24 144 255 / 10%);

}

.tabbars-list-sin-new {
    cursor: pointer;
    color: #fff;
    position: relative;
}

.tabbars-list-sin-new .innertext {
    height: 64px;
    padding: 20px;
    border-radius: 12px;
    padding-left: 40px;
}

.tabbars-list-sin-new::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: calc(50% - 9px);
    width: 18px;
    height: 18px;
    transition: .25s ease-in-out;
    border-radius: 4px;
    transform: rotate(45deg);
    z-index: 0;
    display: none;
}

.tabbars-list-sin-new.colora1 .innertext {
    background: #aaaaaa;
}
.tabbars-list-sin-new.colora1 .innertext {
    background: linear-gradient(180deg, #2A83FF, #00B1FF);
}

.tabbars-list-sin-new.colora1::before {
    background-color: #00B1FF;
}

.tabbars-list-sin-new.colora2 .innertext {
    background: #aaaaaa;
}
.tabbars-list-sin-new.colora2 .innertext {
    background: linear-gradient(180deg, #f70639, #F45789);
}

.tabbars-list-sin-new.colora4 .innertext {
    background: #aaaaaa;
}
.tabbars-list-sin-new.colora4 .innertext {
    background: linear-gradient(180deg, #f79706, #f4cb57);
}
.tabbars-list-sin-new.colora2::before {
    background-color: #F45789;
}

.tabbars-list-sin-new.colora3 .innertext {
    background: #aaaaaa;
}
.tabbars-list-sin-new.colora3 .innertext {
    background: linear-gradient(180deg, #00bd79, #12e584);
}

.tabbars-list-sin-new.colora3::before {
    background-color: #12E5AB;
}
.tabbars-list-sin-new.colora4::before {
    background-color: #f4cb57;
}

.tabbars-list-sin-new.active::before {
    display: block;
}

.tabbars-list-sin {
    color: #999999;
    font-size: 17px;
    font-weight: 800;
    position: relative;
    transition: .25s ease-in-out;
    z-index: 1;
    cursor: pointer;
}

.tabbars-list-sin .bx {
    font-size: 22px;
    margin-right: 5px;
}

.tabbars-list-sin .innertext {
    position: relative;
    z-index: 2;
}

.tabbars-list-sin::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;

    width: 100%;
    height: 5px;
    background-color: var(--primary-color);
    transform: scaleX(0);
    transition: .25s ease-in-out;
    z-index: 1;
    border-radius: 10px;
    background-image: linear-gradient(90deg, #1890ff 0%, #0d4eff 100%);
}

.tabbars-list-sin.active::after {
    transform: scaleX(1);
}

.tabbars-list-sin:hover {
    color: #111111;
    font-size: 20px;
    font-weight: 800;
}

.tabbars-list-sin.active {
    color: #111111;
    font-size: 20px;
    font-weight: 800;
}

.loginnow-play {}

.loginnow-play .loginnow-play-rocket-img {
    width: 100%;
    transition: .25s ease-in-out;
    transform-origin: bottom;
}

.loginnow-play .loginnow-play-rocket {
    width: 60px;
    height: 90px;
    margin-top: -35px;
    transform: translate(15px, -15px) rotate(50deg);
}

body {
    overflow: hidden;
}

@keyframes loginPlayRocket {
    0% {
        transform: scale(1.0) translate(0, 0);
    }

    25% {
        transform: scale(1.05) translate(1px, 1px);
    }

    50% {
        transform: scale(1.0) translate(0, 0);
    }

    75% {
        transform: scale(1.05) translate(1px, -1px);
    }

    100% {
        transform: scale(1.0) translate(0, 0);
    }
}

.loginnow-play:hover .loginnow-play-rocket-img {
    animation: loginPlayRocket 1s linear forwards;
}

@media (max-width:800px) {
    .container {
        width: 100%;
    }

    #charts-3 {
        display: none;
    }

    .geo_title {
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
    }

    .geo_time {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
    }

    .geo_bg {
        display: none;
    }

    .geo_bg img {
        object-fit: contain;
    }

    .geo_bg_outer {
        height: 60px;
    }

    .alltogether {
        flex-wrap: wrap;
    }

    .all-sin-aaa {
        width: calc(50% - 10px);

    }
}