@charset "utf-8";

html {
    font-size: 5.2vw;
}

body {
    font-size: 0.160256rem;
}

.gld {
    width: 1.2rem;
    text-align: center;
    position: absolute;
    left: 3.5rem;
    font-size: 0.18rem;
    color: #00FCFC;
    text-shadow: 0 0 0.1rem #14587e, 0 0 0.1rem #14587e;
    font-weight: 400;
}

.logn {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background-image: url(/shuangtan/images/bg-6375b5b5a44a31192678e76060aa0781.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
    display: flex;
    justify-content: center;
}

.head {
    width: 11.77rem;
    height: 2.36rem;
    display: flex;
    align-items: flex-start;
    background: url(/shuangtan/images/T-ceb74330676d8cc40ffd77e500ceb2e4.png) no-repeat top center;
    background-size: 100% auto;
    padding-bottom: 0rem;
    position: fixed;
    top: .82rem;
    left: 0;
}

.zt-g {
    position: fixed;
    right: 7.6%;
    top: 57%;
    transform: translateY(-50%);
}

.lg-d {
    background-size: 100% 100%;
    margin: 0 auto;
    position: relative;

    padding: 0.5rem;
    border-image-slice: 188 489 198 270 fill;
    border-image-width: 2rem 5rem 2rem 2.3rem;
    border-image-outset: 0.15rem 0.2rem 0.15rem 0.2rem;
    border-image-repeat: stretch repeat;
    border-image-source: url(/shuangtan/images/kk-11d6895db89ab217f42e9a67bbf091c7.png);
    border-style: solid;
}

.lg-y,
.lg-xs {
    border-bottom: 1px solid #00FCFC;
}

.lg-y li,
.lg-xs li {
    margin: 0 0.2rem 0 0;
    min-width: 25%;
    text-shadow: 0 0 0.1rem #14587e, 0 0 0.1rem #14587e;
    font-size: 0.18rem;
    font-weight: 400;
    color: #00FCFC;
    font-family: Microsoft YaHei;
    height: 0.33rem;
}

.lg-y li:hover,
.gld:hover,
.dla:hover,
.zca:hover {
    cursor: pointer;
}

.lg-y li:hover {
    color: #fff;
}

.dla:hover,
.zca:hover {
    filter: hue-rotate(190deg) brightness(1.2);
    color: #fff;
}

.lg-d .lg-y .yqy,
.lg-xs li {
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: 0rem 0rem 0rem rgba(14, 42, 214, 0.75);
}

.lg-xs li {
    text-align: center;
}

.yqy::before {
    content: "";
    background: url(/shuangtan/images/dljx-f4b37ec53280e9d496a675d7ba5ca9f2.png)no-repeat top center;
    background-size: 100% 100%;
    display: inline-block;
    width: 1.01rem;
    height: 0.09rem;
    position: absolute;
    top: 0.75rem;
    margin: 0 auto;
}

.lg-kt li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #00FCFC;
    margin: 0.3rem 0 0;
    height: 0.4rem;
}

.tdip {
    background: none;
    outline: none;
    color: #00FCFC;
    font-size: 0.14rem;
    flex: 1;
}

.wjma {
    color: #00FCFC;
    margin-top: 0.1rem;
}

.wjma:hover {
    cursor: pointer;
    color: hsl(180, 100%, 100%);
}

.dlanz {
    margin: 0.1rem auto 0;
}

.dla,
.zca {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.01rem;
    height: 0.48rem;
    margin-top: 0.3rem;
}

.dla {
    background: url(/shuangtan/images/btn_22-638c113bcbd6b518137ae5dd1ee8a165.png) no-repeat;
    background-size: 100% 100%;
    color: #0855B4;
}

.zca {
    background: url(/shuangtan/images/btn_11-acde676c3013495f235bb3d90dc23911.png) no-repeat;
    background-size: 100% 100%;
    color: #00FCFC;
}

.dla:hover {
    /* background-color: orange;
    filter: brightness(1.2);
    color: #fff; */
}



.zcs {
    margin-top: 0.2rem;
}

.zcs input[type="checkbox"] {
    width: 2vmin;
    height: 2vmin;
    margin-right: 1vmin;
}

.zcs p {
    color: #00FCFC;
}

.xy {
    color: #d3f1fe;
    border-bottom: #d3f1fe solid 1px;
}


.xy:hover {
    cursor: pointer;
    color: rgb(108, 200, 243);
    border-color: rgb(108, 200, 243);
}

::placeholder {
    color: #01FAFC;
}

.dlkt {
    display: none;
}

.xstz {
    display: block;
}

.xstz .lg-kt li {
    margin-top: 0.1rem;
}


.xztb .input {
    height: 0.42rem;
}

.input>select {
    padding: 0 0.1rem;
    height: 100%;
    width: 100%;
    background: #0e3150;
    box-shadow: rgb(13 181 239 / 70%) 0 0 0.125rem inset;
    border: rgb(13 181 239 / 80%) solid 1px;
    color: var(--cyanbring);
    outline: none;
    background: none;
}

.input .searchable-select-dropdown {
    background-color: #1071ed;
}

.xstz .input,
.xstz .input::after,
.xstz .input::before {
    background: none;
    border: none;
}

.xstz .searchable-select {
    box-shadow: none;
}

.xstz .searchable-select-holder {
    padding: 0;
    text-indent: 0;
    font-size: 0.14rem;
}

.xstz img {
    margin-right: 0.1rem;
}

.xstz .searchable-select-caret {
    border-color: #00FCFC transparent transparent transparent;
}

.hqym {
    color: #01FAFC;
    width: 2rem;
    background-color: #209edd;
}

.input>input {
    height: 0.33rem;
    padding: 0;
    width: 100%;
    box-shadow: none;
    border: none;
    color: #00FCFC;
    background: transparent;
    position: relative;
    z-index: 1;
    flex: 1;
    font-size: 0.14rem;
}

.input>input:focus {
    box-shadow: none;
}

/*

.lg-zc {
    height: 6.86rem;
}
*/


.dltstt {
    position: relative;
}

.dltstt::before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #01FAFC;
    width: 62%;
    top: 0.2rem;
}

.dltstt p {
    padding: 0.1rem 0.2rem;
    background-color: #0f72ed;
    z-index: 1;
}

.dltstt p {
    color: #01FAFC;
}

.dlxxs button {
    outline: none;
    padding: 0.05rem 0.2rem;
    border-radius: 0.05rem;
    margin-top: 0.08rem;
    border: 0.03rem solid #01FAFC;
    background: rgb(48 102 212 / 30%);
    color: #01FAFC;
    margin: 0.08rem 0.01rem 0;
}

.zc-hd {
    bottom: 0.6rem;
}

.wjmm {
    min-width: 8rem;
    min-height: 53vh;
}

.adminLogin {
    min-width: 6rem;
    min-height: 34vh;
}

.adminLogin .cs-nr {
    height: 100%;
    margin-top: .5rem;
    padding: 0 .4rem;
}

.m_r_0_1 {
    margin-right: 0.1rem;
}

.wjmm .input>input,
.adminLogin .input>input {
    height: 0.53rem;
    padding: 0 0.1rem 0 0.16rem;
}

.wjmm .input>input:focus,
.adminLogin .input>input:focus {
    box-shadow: var(--cyanbring) 0 0 0.12rem, var(--cyanbring) 0 0 0.01rem inset, rgb(13 181 239 / 70%) 0 0 0.125rem inset;
}

.yzm {
    color: #31bfff;
    text-indent: 0.8rem;
}

.cs-nr .flex-sub {
    margin: 0.2rem 0;
}

.cs-nr label {
    color: #31bfff;
    width: 0.8rem;
    text-align: center;
}

.cs-nr label {
    color: #31bfff;
    width: 0.8rem;
    text-align: center;
}

.btnbx-cj {
    justify-content: center;
    margin-top: 0.3rem;
}

.btn-cj.lagra {
    width: 2rem;
    height: 0.76rem;
    padding-bottom: 0;
}

.btn-an {
    background-image: url(/shuangtan/images/tjan-0074190796f18681fbb2427166ab5d5f.png);
}

.btn-cj {
    font-size: 110%;
    font-weight: 1000;
    color: #fff;
    transition: background .5s ease;
    text-shadow: rgb(0 0 0 / 50%) 0 0 0.5vmin;
    margin: 0 0.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    background-position: left top;
    text-align: center;
    background-size: 100% 100%;
    background-color: transparent;
}

.xys {
    height: 8rem;
    min-width: 65%;
}

.txt-content {
    height: 6.5rem;
    padding: 0.2rem 0.2rem;
}

.txt-content p,
.txt-content h1,
.txt-content li,
.txt-content dd {
    text-indent: 0.3rem;
    color: #01FAFC;
    margin: 0.1rem 0;
}

.txt-content h1 {
    font-size: 170%;
}

.showdiv {
    display: block;
}

.lg-kt li i {
    font-size: 0.2rem;
    color: #00FCFC;
    margin-right: 0.1rem;
}

.hqym:hover {
    background-color: orange;
    filter: brightness(1.2);
    color: #fff;
}

.input .searchable-select-input {
    background: none;
}




@media only screen and (max-width: 900px) {
    body {
        font-size: calc(100vw * 18 / 1920);
    }

    .xstz .searchable-select-holder,
    .tdip,
    ::placeholder,
    .input input {
        font-size: 100%;
        color: #00FCFC;
    }

    .input>input::placeholder {
        color: #00FCFC;
    }

    .lg-d {
        padding: 0.2rem;
    }

    .lg-kt li {
        height: 0.3rem;
    }

    .yqy::before {
        content: "";
        background: url(/shuangtan/images/dljx-f4b37ec53280e9d496a675d7ba5ca9f2.png)no-repeat top center;
        background-size: 100% 100%;
        display: inline-block;
        width: 1.01rem;
        height: 0.09rem;
        position: absolute;
        top: 0.45rem;
        margin: 0 auto;
    }

    .gld {
        position: absolute;
        left: 3.1rem;
    }

    .searchable-select-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* .lg-y li,
    .lg-xs li {
        font-size: 0.22rem;
    } */

}

.code_box {
    cursor: pointer;
    width: 1.4rem;
    height: 0.4rem;
}

.code_box img {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}

.code_box.code2 {
    height: .53rem;
}