*,:before,:after{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:before,:after{
    --tw-content:""
}
html{
    -webkit-text-size-adjust:100%;
    tab-size:4;
    font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height:1.5
}
body{
    line-height:inherit;
    margin:0
}
hr{
    height:0;
    color:inherit;
    border-top-width:.01rem
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp,pre{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button;
    background-color:#0000;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-.02rem
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
    margin:0
}
fieldset{
    margin:0;
    padding:0
}
legend{
    padding:0
}
ol,ul,menu{
    margin:0;
    padding:0;
    list-style:none
}
textarea{
    resize:vertical
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
button,[role=button]{
    cursor:pointer
}
:disabled{
    cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object{
    vertical-align:middle;
    display:block
}
img,video{
    max-width:100%;
    height:auto
}
*,:before,:after{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#3b82f680;
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#3b82f680;
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
.visible{
    visibility:visible
}
.static{
    position:static
}
.fixed{
    position:fixed
}
.mt-40{
    margin-top:10rem
}
.mt-8{
    margin-top:2rem
}
.mt-20{
    margin-top:5rem
}
.mt-60{
    margin-top:15rem
}
.mt-1{
    margin-top:.25rem
}
.block{
    display:block
}
.flex{
    display:flex
}
.hidden{
    display:none
}
.transform{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}
.flex-col{
    flex-direction:column
}
.items-end{
    align-items:flex-end
}
.items-center{
    align-items:center
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.justify-around{
    justify-content:space-around
}
.text-center{
    text-align:center
}
.opacity-40{
    opacity:.4
}
.opacity-70{
    opacity:.7
}
.transition{
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,-webkit-backdrop-filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}

html,body{
    width:100%;
    height:100%;
    color:#fff;
    box-sizing:border-box;
    background:#16161f
}
.link-active{
    color:#9583ff!important
}
.fixed{
    background:linear-gradient(#16161f,#0000 100%)
}
@keyframes loading{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
header{
    z-index:999;
    width:100%;
    height:102px;
    background:linear-gradient(#16161f,#0000 100%);
    position:fixed;
    top:0;
    left:0
}
header .head-content{
    width:100%;
    max-width:1440px;
    box-sizing:border-box;
    justify-content:space-between;
    align-items:center;
    margin:0 auto;
    padding:0 .4rem;
    display:flex
}
header .head-content .left{
    width:1.82rem;
    min-width:98px;
    height:.36rem;
    min-height:18px;
    flex-shrink:0;
    position:relative
}
header .head-content .left img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
header .head-content .right,header .head-content .right nav{
    align-items:center;
    display:flex
}
header .head-content .right nav a{
    color:#fff;
    box-sizing:border-box;
    margin-right:.04rem;
    padding:0 .4rem;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:all .3s ease-in-out;
    position:relative
}
header .head-content .right nav a:hover{
    color:#9583ff
}
header .head-content .right nav a:after{
    content:"";
    width:1px;
    height:8px;
    background:#fff;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%)
}
header .head-content .right nav a:last-child:after{
    display:none
}
header .head-content .right .user-box{
    background:#ffffff40;
    border-radius:50%;
    padding:.06rem;
    display:none;
    overflow:hidden
}
header .head-content .right .user-box img{
    width:32px;
    height:32px;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%
}
header .head-content .right .login-box{
    width:1.69rem;
    min-width:90px;
    height:.44rem;
    min-height:23px;
    -webkit-backdrop-filter:blur(21px);
    -webkit-backdrop-filter:blur(21px);
    -webkit-backdrop-filter:blur(21px);
    backdrop-filter:blur(21px);
    box-sizing:border-box;
    background:#ffffff40;
    border-radius:26px;
    justify-content:center;
    align-items:center;
    display:flex;
    overflow:hidden
}
header .head-content .right .login-box span{
    max-width:1.5rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:0 .1rem;
    font-size:.16rem;
    font-weight:600;
    display:inline-block;
    overflow:hidden
}
footer{
    width:100%;
    height:1.25rem;
    box-sizing:border-box;
    background:#ffffff0a;
    justify-content:space-between;
    align-items:center;
    padding:0 .8rem;
    display:flex
}
footer .left a{
    cursor:pointer;
    opacity:.85;
    margin-right:.6rem;
    text-decoration:none
}
footer .right{
    height:100%;
    flex-direction:column;
    justify-content:center;
    display:flex;
    overflow:hidden
}
footer .right img{
    width:1.26rem;
    height:.34rem
}
footer .right span{
    opacity:.4
}
@media screen and (max-width:767px){
    .head_large{
        display:none
    }
    .head_small{
        width:100%;
        z-index:999;
        height:1.04rem;
        box-sizing:border-box;
        background:#16161f;
        justify-content:space-between;
        align-items:center;
        padding:0 .42rem 0 .36rem;
        display:flex;
        position:fixed;
        top:0;
        left:0
    }
    .head_small .logo{
        width:2.4rem;
        height:.48rem
    }
    .head_small .menu-right{
        display:flex
    }
    .head_small .menu-right .avatar{
        width:.48rem;
        height:.48rem;
        background:#ffffff40;
        border-radius:50%;
        margin-right:.32rem;
        display:none
    }
    .head_small .menu-right .avatar img{
        -o-object-fit:cover;
        object-fit:cover;
        border-radius:50%
    }
    
    .head_small .menu-wrap .menu-list .menu__item{
        height:1.44rem;
        color:#fff;
        padding-left:.48rem;
        font-family:Roboto-Bold,Roboto;
        font-size:.4rem;
        font-weight:700;
        line-height:1.44rem
    }
    .head_small .menu-wrap .menu-list .menu__item.menu__item_active{
        color:#9583ff
    }
    .head_small .menu-wrap .menu-list .menu__item a{
        display:block
    }
    main{
        margin-top:1.04rem
    }
    footer{
        align-items:unset;
        height:2.78rem;
        background:#000;
        flex-direction:column;
        padding:.48rem
    }
    footer .left{
        width:100%;
        grid-template-columns:repeat(3,1fr);
        gap:.4rem 0;
        font-size:.24rem;
        line-height:.28rem;
        display:grid
    }
    footer .left a{
        margin-right:0
    }
    footer .right{
        margin-top:.56rem
    }
    footer .right img{
        display:none
    }
}
@media screen and (min-width:768px){
    .head_large{
        display:flex
    }
    .head_small{
        display:none
    }
}
.mt-8{
    margin-top:.08rem
}
.mt-20{
    margin-top:.2rem
}
.mt-40{
    margin-top:.4rem
}
.mt-60{
    margin-top:.6rem
}
.mt-100{
    margin-top:1rem
}
.mt-150{
    margin-top:1.5rem
}
.mt-200{
    margin-top:2rem
}
.mr-100{
    margin-right:1rem
}
.f-16{
    font-size:.16rem
}
.f-18{
    font-size:.18rem
}
.f-20{
    font-size:.2rem
}
.f-28{
    font-size:.28rem
}
.f-35{
    font-size:.35rem
}
.f-54{
    font-size:.54rem
}
.f-60{
    font-size:.6rem
}
.f-70{
    font-size:.7rem
}
.f-80{
    font-size:.8rem
}
.f-90,.f-120{
    font-size:.9rem
}
.opacity-70{
    opacity:.7
}
.opacity-45{
    opacity:.45
}
.opacity-85{
    opacity:.85
}
.preload,.preload img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center;
    transition:all .4s;
    position:absolute;
    left:0;
    right:0
}
.preload:before{
    content:"";
    width:100%;
    height:100%;
    -webkit-backdrop-filter:blur(.1rem);
    -webkit-backdrop-filter:blur(.1rem);
    -webkit-backdrop-filter:blur(.1rem);
    backdrop-filter:blur(.1rem);
    transition:all .4s;
    position:absolute
}
.preload.load:before{
    opacity:0
}