@media (orientation: portrait) {}

@media screen and (max-width: 1080px) {
    * {
        touch-action: manipulation;
    }
    a:link {
        text-decoration: none;
        color: black;
    }
    .button-s {
        float: right;
        margin-right: 2vw;
        font-size: 35;
        width: 15vw;
        height: 4.5vh;
        margin-top: 16vh;
        border-radius: 10px;
        background-color: rgb(11, 124, 36);
        color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .button-s-l {
        float: left;
        margin-left: 4vw;
        font-size: 30;
        width: auto;
        height: 4.5vh;
        margin-top: 4vh;
        border-radius: 10px;
        background-color: rgb(11, 124, 36);
        color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        -webkit-animation: movetop 0.5s;
        animation: movetop 0.5s;
    }
    .button-m {
        float: left;
        margin-left: 7vw;
        font-size: 40;
        width: 30vw;
        height: 5vh;
        margin-top: 10vh;
        border-radius: 15px;
        background-color: rgb(11, 124, 36);
        color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .button-l {
        float: left;
        margin-left: 4vw;
        font-size: 30;
        width: 40vw;
        height: 3vh;
        margin-top: 1vh;
        border-radius: 5px;
        background-color: lightgrey;
        color: black;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .button-all {
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        color: white;
        width: 85%;
        height: 10vw;
        margin-top: 2vh;
        margin-left: 7.5vw;
        font-size: 40;
        border-radius: 10px;
        background-color: rgb(16, 126, 154);
        text-align: center;
    }
    .button-full {
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        color: white;
        width: 100%;
        height: 10vw;
        margin-top: 3vh;
        font-size: 40;
        border-radius: 12px;
        background-color: rgb(96, 156, 208);
        text-align: center;
    }
    .button-left {
        position: fixed;
        border: 0;
        bottom: 1;
        left: 0;
        font-size: 40;
        color: white;
        width: 30vw;
        height: 5vh;
        border-radius: 20px;
        background-color: grey;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .button-right {
        position: fixed;
        border: 0;
        bottom: 1;
        right: 0;
        font-size: 40;
        width: 30vw;
        height: 5vh;
        border-radius: 20px;
        background-color: rgb(11, 124, 36);
        color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .btn-auto {
        padding-left: 10;
        padding-right: 10;
        float: left;
        font-size: 35;
        width: auto;
        height: auto;
        border-radius: 10px;
        background-color: #00966b;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .btn10 {
        float: right;
        margin-right: 2vw;
        font-size: 35;
        width: 15vw;
        height: 4.5vh;
        margin-top: 16vh;
        border-radius: 10px;
        background: url("../image/button/bg10-2.jpg") no-repeat;
        background-size: 100% 100%;
        color: #FFF;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .btn11 {
        float: right;
        margin-right: 2vw;
        font-size: 35;
        width: 15vw;
        height: 4.5vh;
        margin-top: 16vh;
        border-radius: 10px;
        background: url("../image/button/bg11-2.jpg") no-repeat;
        background-size: 100% 100%;
        color: #FFF;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .column1 {
        width: 25px;
        bottom: 25px;
        position: absolute;
        border-radius: 10px;
        background: rgb(92, 155, 247);
    }
    .column2 {
        width: 25px;
        bottom: 25px;
        position: absolute;
        border-radius: 10px;
        background: rgb(201, 221, 249);
    }
    .column-bottom {
        width: 75px;
        height: 25px;
        bottom: 0;
        position: absolute;
        color: grey;
        font-size: 25;
        line-height: 75px;
        text-align: center;
    }
    .choice-header {
        width: 100vw;
        height: 12vh;
        left: 0;
        top: 0;
        position: fixed;
        padding-top: 6vh;
        border-bottom: 1px solid grey;
        background-color: #f7f7f7;
    }
    .choice-sss {
        width: 6vw;
        height: 3vh;
        line-height: 3vh;
        font-size: 20;
        color: black;
        float: left;
        overflow: hidden;
        text-align: center;
        border: 1px solid black;
    }
    .choice-ss {
        width: 7.5vw;
        height: 3vh;
        line-height: 3vh;
        font-size: 20;
        color: black;
        float: left;
        overflow: hidden;
        text-align: center;
        border: 1px solid black;
    }
    .choice-sm {
        width: 8.5vw;
        height: 3vh;
        line-height: 3vh;
        font-size: 20;
        color: black;
        float: left;
        overflow: hidden;
        text-align: center;
        border: 1px solid black;
    }
    .choice-s {
        width: 12.8vw;
        height: 3vh;
        line-height: 3vh;
        font-size: 20;
        color: black;
        float: left;
        overflow: hidden;
        text-align: center;
        border: 1px solid black;
    }
    .choice-m {
        width: 19.5vw;
        height: 3vh;
        line-height: 3vh;
        font-size: 20;
        color: black;
        float: left;
        overflow: hidden;
        text-align: center;
        border: 1px solid black;
    }
    .content0 {
        width: 100vw;
        position: absolute;
        left: 0;
        right: 0;
        top: 24vh;
        bottom: 8vh;
        overflow: auto;
        /* 锁定X轴的滚动条，防止浏览器左右闪动 */
        overflow-x: hidden;
    }
    .content {
        width: 100vw;
        position: absolute;
        left: 0;
        right: 0;
        top: 11vh;
        bottom: 8vh;
        overflow: auto;
        /* 锁定X轴的滚动条，防止浏览器左右闪动 */
        overflow-x: hidden;
    }
    .content1 {
        width: 100vw;
        position: absolute;
        left: 0;
        right: 0;
        top: 21vh;
        bottom: 8vh;
        overflow: auto;
        /* 锁定X轴的滚动条，防止浏览器左右闪动 */
        overflow-x: hidden;
    }
    .flow {
        width: 100%;
        margin: 30px auto;
        height: 50px;
        padding: 20px 0 0 0;
        position: relative;
    }
    .flowList {
        float: left;
        height: 1px;
        border: 2px solid #f2faff;
        background: #f2faff;
    }
    .flowListBox {
        width: 100%;
        margin: 0 auto;
    }
    .flowListBox .flowList {
        float: left;
        text-align: right;
        position: relative;
        width: 128px;
    }
    .flowListBox .flowList em {
        margin-top: -20px;
        display: inline-block;
        width: 70px;
        height: 70px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        text-align: center;
        line-height: 64px;
        font-style: normal;
        vertical-align: middle;
        color: #666;
        border: 3px solid #f2faff;
        background: white;
    }
    .flowListBox .flowList strong {
        display: inline-block;
        height: 50px;
        width: 100px;
        text-align: center;
        position: absolute;
        font-size: 25;
        left: 25%;
    }
    .flowListBox .flowList .strong1 {
        display: inline-block;
        width: 120px;
        margin-top: -50px;
        height: 50px;
        font-size: 15;
        text-align: center;
        position: absolute;
        left: 15%;
    }
    .flowListBox .for-cur strong {
        color: rgb(16, 126, 154);
        font-weight: 0;
    }
    .flowListBox .for-cur {
        width: 110px;
        border: 2px solid rgb(16, 126, 154);
        background-color: rgb(16, 126, 154);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .flowListBox .for-cur0 {
        width: 130px;
        border: 2px solid grey;
        background-color: grey;
    }
    .flowListBox em {
        position: absolute;
        left: 35%;
    }
    .flowListBox .for-cur .em0 {
        margin-top: -34px;
        width: 70px;
        height: 70px;
        font-size: 30;
        font-weight: 400;
        line-height: 70px;
        border: 3px solid grey;
        color: grey;
    }
    .flowListBox .for-cur .em1 {
        margin-top: -34px;
        width: 64px;
        height: 64px;
        font-size: 30;
        font-weight: 400;
        line-height: 64px;
        border: 3px solid rgb(16, 126, 154);
        color: rgb(16, 126, 154);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .flowListBox .for-cur0 .em0 {
        margin-top: -34px;
        width: 70px;
        height: 70px;
        font-size: 30;
        font-weight: 400;
        line-height: 70px;
        border: 3px solid grey;
        color: grey;
    }
    .flowListBox .for-cur0 .em1 {
        margin-top: -34px;
        width: 64px;
        height: 64px;
        font-size: 30;
        font-weight: 400;
        line-height: 64px;
        border: 3px solid rgb(16, 126, 154);
        color: rgb(16, 126, 154);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .header {
        width: 100vw;
        height: 9vh;
        left: 0;
        top: 0;
        position: fixed;
        text-align: center;
        font-size: 45;
        line-height: 10vh;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 30px;
        background-color: #f7f7f7;
    }
    .header img {
        margin-top: 4vh;
        width: 7vw;
        float: left;
    }
    .header2 {
        width: 100vw;
        height: 10vh;
        left: 0;
        top: 0;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        position: fixed;
        text-align: center;
        font-size: 45;
        line-height: 10vh;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 30px;
        border-bottom: 1px solid grey;
        background-color: #f7f7f7;
    }
    .h1 {
        font-size: 35;
    }
    .hr-black {
        width: 99%;
        height: 1px;
        background: rgb(37, 37, 37);
    }
    .hr-grey {
        width: 99%;
        height: 1px;
        background: lightgrey;
    }
    .hr-white {
        width: 99%;
        height: 1px;
        background: rgb(253, 251, 251);
    }
    .hr-red {
        width: 99%;
        height: 1px;
        background: rgb(245, 3, 3);
    }
    .hr-blue {
        width: 99%;
        height: 1px;
        background: rgb(3, 7, 245);
    }
    .hr-green {
        width: 99%;
        height: 1px;
        background: rgb(21, 253, 0);
    }
    .hr-yellow {
        width: 99%;
        height: 1px;
        background: rgb(253, 249, 0);
    }
    .middle-ssss {
        width: 5%;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
    }
    .middle-sss {
        width: 9vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
    }
    .middle-ss {
        width: 19%;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
    }
    .middle25 {
        width: 25%;
        height: 3vh;
        float: left;
        font-size: 30;
        line-height: 3vh;
        overflow: hidden;
        text-align: center;
        color: black;
    }
    .middle-s {
        width: 29vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
    }
    .middle-m {
        width: 40vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
    }
    .middle-half {
        width: 49.5vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
    }
    .middle-l {
        width: 60vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 3vh;
        text-align: center;
        overflow: hidden;
    }
    .middle-xl {
        width: 80vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
        color: white;
    }
    .middle90 {
        width: 90vw;
        height: 5vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        overflow: hidden;
        color: white;
    }
    .middle-all {
        width: 99vw;
        height: 5vh;
        margin-top: 1vh;
        float: left;
        font-size: 35;
        line-height: 5vh;
        -webkit-animation: movetop 0.5s;
        animation: movetop 0.5s;
    }
    @-webkit-keyframes movetop {
        0% {
            margin-top: 50vh;
        }
    }
    /* Standard syntax */
    @keyframes movetop {
        0% {
            margin-top: 50vh;
        }
    }
    .mylabel {
        width: 12vw;
        height: 4vh;
        float: left;
        font-size: 35;
        text-align: center;
        line-height: 4vh;
        border: 1px solid black;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        background-color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        overflow: hidden;
    }
    .mybody {
        font-size: 40;
        background-color: lightgrey;
    }
    .mymenu {
        z-index: 100;
        width: 20%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        position: fixed;
        top: 8vh;
        left: 79%;
        border-radius: 15px;
        color: white;
        background: rgb(122, 120, 120);
        -webkit-animation: myheight 0.7s;
        animation: myheight 0.7s;
    }
    @-webkit-keyframes myheight {
        0% {
            height: 0;
        }
    }
    /* Standard syntax */
    @keyframes myheight {
        0% {
            height: 0;
        }
    }
    .mymenuLR {
        z-index: 100;
        width: 70%;
        height: auto;
        position: fixed;
        top: 11vh;
        left: 0%;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        color: white;
        background: rgb(122, 120, 120);
        -webkit-animation: leftright 0.7s;
        animation: leftright 0.7s;
    }
    .mymenuRL {
        z-index: 100;
        width: 70%;
        height: auto;
        position: fixed;
        top: 11vh;
        left: -70%;
        border-radius: 15px;
        color: white;
        background: rgb(122, 120, 120);
        -webkit-animation: rightleft 1s;
        animation: rightleft 1s;
    }
    @-webkit-keyframes leftright {
        0% {
            left: -70%;
        }
    }
    /* Standard syntax */
    @keyframes leftright {
        0% {
            left: -70%;
        }
    }
    @-webkit-keyframes rightleft {
        0% {
            left: 0%;
        }
    }
    /* Standard syntax */
    @keyframes rightleft {
        0% {
            left: 0%;
        }
    }
    @-webkit-keyframes MyWidth {
        0% {
            width: 0%;
        }
    }
    /* Standard syntax */
    @keyframes MyWidth {
        0% {
            width: 0%;
        }
    }
    .mymenuLR div {
        z-index: 200;
        text-align: center;
        color: white;
        height: 5vh;
        line-height: 5vh;
    }
    .mymenuLR div div {
        z-index: 200;
        float: left;
        text-align: left;
        color: black;
        font-size: 35;
        height: 5vh;
        line-height: 5vh;
    }
    .mymenuRL div {
        z-index: 200;
        text-align: center;
        color: white;
        height: 5vh;
        line-height: 5vh;
    }
    .RLdiv {
        z-index: 200;
        text-align: center;
        color: white;
        height: 5vh;
        line-height: 5vh;
        animation: imgchange 0.7s ease-in;
        -webkit-animation: imgchange 0.7s ease-in;
    }
    .mymenu div {
        z-index: 200;
        text-align: center;
        color: white;
        height: 5vh;
        line-height: 5vh;
    }
    .home {
        width: 100%;
        height: 8vh;
        background: white;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
    }
    .homeout {
        width: 24%;
        height: 7vh;
        display: table;
    }
    .homein {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 25;
    }
    .homein p {
        line-height: 0;
        text-align: center;
        font-size: 25;
    }
    .max {
        width: 100%;
        height: 40vh;
        overflow: hidden;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        margin-top: 1vh;
        background-color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .maxpic {
        width: 100%;
        height: 30vh;
        overflow: hidden;
        background-color: white;
    }
    .maxpic img {
        width: 100%;
        height: 30vh;
        left: 0;
        animation: moveLR 1s linear infinite;
        -webkit-animation: moveLR 1s linear infinite;
    }
    @-webkit-keyframes moveLR {
        0% {
            left: 100;
        }
    }
    @keyframes moveLR {
        0% {
            left: 100;
        }
    }
    .max-auto {
        width: 99vw;
        height: auto;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        margin-top: 1vh;
        background-color: white;
        z-index: 2;
    }
    .max-auto2 {
        width: 99vw;
        height: auto;
        padding: 5px 5px 5px 5px;
        border-radius: 15px;
        margin-top: 1vh;
        background-color: white;
        z-index: 102;
        zoom: 1;
        overflow: hidden;
    }
    .max-auto3 {
        width: 99vw;
        height: auto;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        margin-top: 1vh;
        background-color: lightgray;
        z-index: 102;
        zoom: 1;
        overflow: hidden;
    }
    .max-home {
        position: fixed;
        bottom: 0;
        width: 99vw;
        height: 15vh;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        margin-top: 1vh;
        background-color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .max-s {
        width: 96%;
        height: 21vh;
        overflow: hidden;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        border-radius: 15px;
        margin-top: 1vh;
        margin-left: 1.5vw;
        background-color: white;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    }
    .out {
        width: 100vw;
        height: 10vh;
        overflow: hidden;
        text-align: center;
        float: left;
        margin-top: 3vh;
    }
    .in {
        width: 18vw;
        height: 5vh;
        display: table;
        float: left;
        margin-left: 5%;
        font-size: 30;
        text-align: center;
        vertical-align: middle;
        line-height: 5vh;
        color: black;
        border-radius: 20px;
    }
    .in-change {
        width: 18vw;
        height: 5vh;
        display: table;
        margin-left: 5vw;
        float: left;
        font-size: 30;
        text-align: center;
        vertical-align: middle;
        line-height: 5vh;
        color: black;
        border-radius: 20px;
        animation: animateColor 2s linear infinite;
        -webkit-animation: animateColor 2s linear infinite;
    }
    @-webkit-keyframes animateColor {
        0% {
            filter: brightness(0%);
            font-size: 1;
        }
        60%,
        65%,
        70%,
        80%,
        90%,
        100% {
            filter: brightness(100%);
            font-size: 30;
        }
    }
    @keyframes animateColor {
        0% {
            filter: brightness(0%);
            font-size: 1;
        }
        60%,
        65%,
        70%,
        80%,
        90%,
        100% {
            filter: brightness(100%);
            font-size: 30;
        }
    }
    .bground {
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        display: none;
        position: absolute;
        z-index: 100;
        background: black;
    }
    .mengban {
        width: 100%;
        left: 0;
        top: 0;
        display: none;
        position: absolute;
        z-index: 200;
        margin-top: 15vh;
    }
    .zhezhao {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 300;
        background-color: rgb(0, 0, 0, 0.8);
        opacity: 1;
        display: none;
        /* Chrome, Safari, Opera */
        -webkit-animation: light 0.3s;
        animation: light 0.3s;
    }
    .zhezhao2 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 100;
        background-color: rgb(172, 169, 169);
        opacity: 1;
        display: none;
        /* Chrome, Safari, Opera */
        -webkit-animation: light 0.3s;
        animation: light 0.3s;
    }
    /* Chrome, Safari, Opera */
    @-webkit-keyframes light {
        0% {
            opacity: 0;
        }
    }
    /* Standard syntax */
    @keyframes light {
        0% {
            opacity: 0;
        }
    }
    .pop1 {
        margin-top: 3vh;
        width: 100vw;
        height: 10vh;
        z-index: 101;
    }
    .pop1img {
        float: right;
        width: 10vw;
        margin-right: 3vw;
    }
    .pop-all {
        margin-top: 5vh;
        margin-left: 1vw;
        width: 98vw;
        height: 90vh;
        z-index: 101;
        background-color: rgb(88, 86, 86);
        border-radius: 15px;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        -webkit-animation: mytop 0.7s;
        animation: mytop 0.7s;
    }
    .pop40 {
        float: left;
        margin-top: 2vh;
        margin-left: 4vw;
        width: 90vw;
        height: 40vh;
        z-index: 101;
        background-color: white;
        border-radius: 15px;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        color: black;
    }
    .pop50 {
        float: left;
        margin-top: 2vh;
        margin-left: 4vw;
        width: 90vw;
        height: 50vh;
        z-index: 101;
        background-color: white;
        border-radius: 15px;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        -webkit-animation: mytop 0.7s;
        animation: mytop 0.7s;
        opacity: 1;
    }
    .pop100 {
        width: 100vw;
        height: 100vh;
        z-index: 101;
        background-color: white;
        overflow: hidden;
    }
    .pop {
        margin-top: 40vh;
        margin-left: 10vw;
        width: 80vw;
        height: 30vh;
        z-index: 101;
        background-color: white;
        border-radius: 15px;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        -webkit-animation: mytop 0.5s;
        animation: mytop 0.5s;
    }
    .pop select {
        margin-left: 25vw;
        font-size: 40;
        width: 30vw;
        height: 5vh;
        margin-top: 3vh;
        border-radius: 10px;
        text-align-last: center;
        float: left;
    }
    .pop img {
        margin-left: 3vw;
        font-size: 40;
        width: 9.5vw;
        float: left;
    }
    .pop textarea {
        margin-left: 5vw;
        font-size: 40;
        width: 70vw;
        height: 15vh;
        margin-top: 1vh;
        border: 2px solid black;
        border-radius: 10px;
        text-align-last: left;
    }
    .imgload {
        width: 11vw;
        margin-top: 45vh;
        margin-left: 45vw;
    }
    .imgmark {
        width: 50%;
        left: 40vw;
        top: 25vw;
        display: none;
        position: fixed;
        z-index: 10000;
        opacity: 0.7;
        display: none;
        -webkit-animation: imgmark 0.1s;
        animation: imgmark 0.1s;
    }
    .imgmark80 {
        width: 80%;
        left: 10%;
        top: 10%;
        display: none;
        position: absolute;
        z-index: 20;
        opacity: 0.7;
        display: none;
        -webkit-animation: imgmark 0.1s;
        animation: imgmark 0.1s;
    }
    @-webkit-keyframes imgmark {
        0% {
            left: 0;
            width: 100%;
        }
    }
    /* Standard syntax */
    @keyframes imgmark {
        0% {
            left: 0;
            width: 100%;
        }
    }
    .inpu-radio {
        width: 40px;
        height: 40px;
        margin-left: 9vw;
        float: left;
    }
    .inpu-boder-ss {
        width: 19vw;
        height: 3vh;
        float: left;
        margin-top: 4.5vh;
        font-size: 30;
        border: 1px solid rgb(0, 0, 0);
        text-align: center;
        outline: none;
        float: left;
        border-radius: 5px;
    }
    .inpu-boder-s {
        width: 25vw;
        height: 3vh;
        float: left;
        margin-top: 4vh;
        font-size: 30;
        border: 1px solid rgb(0, 0, 0);
        text-align: center;
        outline: none;
        float: left;
        border-radius: 5px;
    }
    .inpu-boder {
        width: 29vw;
        height: 5vh;
        font-size: 40;
        font-weight: 600;
        border: 4px solid rgb(0, 0, 0);
        border-radius: 10px;
        text-align: center;
        float: left;
        margin-left: 10vw;
        margin-right: 10vw;
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }
    .inpu-boder-change {
        width: 29vw;
        height: 5vh;
        font-size: 40;
        font-weight: 600;
        border: 4px solid rgb(0, 0, 0);
        border-radius: 10px;
        text-align: center;
        float: left;
        margin-left: 10vw;
        margin-right: 10vw;
        background-color: rgb(253, 250, 250);
        color: white;
        animation: fontchange 0.5s ease-in;
        -webkit-animation: fontchange 0.5s ease-in;
    }
    @-webkit-keyframes fontchange {
        20% {
            font-size: 65;
            background-color: rgb(2, 2, 2);
            text-shadow: 0 0 40px #fff, 0 0 80px rgb(97, 245, 78);
        }
        100% {
            font-size: 45;
            background-color: rgb(241, 232, 232);
            text-shadow: 0 0 80px #fff, 0 0 100px rgb(97, 245, 78);
        }
    }
    @keyframes fontchange {
        20% {
            font-size: 65;
            background-color: rgb(2, 2, 2);
            text-shadow: 0 0 40px #fff, 0 0 80px rgb(97, 245, 78);
        }
        100% {
            font-size: 45;
            background-color: rgb(241, 232, 232);
            text-shadow: 0 0 80px #fff, 0 0 100px rgb(97, 245, 78);
        }
    }
    .inpu-ss {
        width: 23vw;
        height: 5vh;
        float: left;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-s {
        width: 29vw;
        height: 5vh;
        float: left;
        line-height: 5vh;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 10px;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-s-before {
        width: 29vw;
        height: 5vh;
        float: left;
        line-height: 5vh;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 10px;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-s-before:before {
        content: attr(placeholder);
        color: rgb(63, 63, 63);
    }
    .inpu-select {
        width: 29vw;
        height: 4vh;
        float: left;
        line-height: 4vh;
        font-size: 35;
        margin-left: 25vw;
        border-radius: 10px;
        border: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-select-bf {
        text-align: center;
        width: 29vw;
        height: 4vh;
        float: left;
        margin-left: 25vw;
        line-height: 4vh;
        font-size: 35;
        border-radius: 10px;
        border: 1px solid black;
        outline: none;
    }
    .inpu-select-bf:before {
        text-align: center;
        content: attr(placeholder);
        color: rgb(63, 63, 63);
    }
    .inpu-m {
        width: 40vw;
        height: 6vh;
        float: left;
        line-height: 3vh;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-l {
        width: 60vw;
        height: 5vh;
        float: left;
        line-height: 5vh;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-xl {
        width: 80vw;
        height: 5vh;
        float: left;
        line-height: 5vh;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid black;
        text-align: left;
        outline: none;
    }
    .inpu-all {
        width: 100vw;
        height: 5vh;
        font-size: 35;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid black;
        text-align: center;
        outline: none;
    }
    .inpu-sub {
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
        color: white;
        width: 85%;
        height: 10vw;
        margin-top: 2vh;
        margin-left: 7.5vw;
        font-size: 40;
        border-radius: 5px;
        border-radius: 10px;
        background-color: rgb(16, 126, 154);
        text-align: center;
    }
    .imgchange {
        width: 10vw;
        -webkit-animation: tixing 1.5s ease-out infinite;
        animation: tixing 1.5s ease-out infinite;
    }
    @-webkit-keyframes tixing {
        50%,
        75% {
            width: 12vw;
        }
        80%,
        100% {
            opacity: 0;
        }
    }
    @keyframes tixing {
        50%,
        75% {
            width: 12vw;
        }
        80%,
        100% {
            opacity: 0;
        }
    }
    .pic {
        width: 200px;
        height: 200px;
        overflow: hidden;
        text-align: center;
        vertical-align: bottom;
        float: left;
        background: rgb(230, 230, 230);
        object-fit: cover;
    }
    .pic1 {
        width: 200px;
        height: 200px;
        vertical-align: middle;
        overflow: hidden;
        float: left;
        background: rgb(230, 230, 230)
    }
    .pic2 {
        width: 80px;
        height: 80px;
        vertical-align: center;
        vertical-align: bottom;
        float: left;
        border: 0;
    }
    .pic2 img {
        width: 80px;
        height: 80px;
        margin-top: 0px;
        display: none;
    }
    .switch-out {
        float: left;
        width: 160px;
        height: 80px;
        position: relative;
        z-index: 1;
    }
    .switch-down0 {
        top: 10px;
        left: 0;
        width: 160px;
        height: 60px;
        border-radius: 60px;
        background-color: rgb(192, 189, 189);
        position: absolute;
        z-index: 2;
        -webkit-animation: swichcolor0 0.2s;
        animation: swichcolor0 0.2s;
    }
    @-webkit-keyframes swichcolor0 {
        0% {
            background-color: rgb(14, 129, 14);
        }
    }
    /* Standard syntax */
    @keyframes swichcolor0 {
        0% {
            background-color: rgb(14, 129, 14);
        }
    }
    .switch-down1 {
        top: 10px;
        left: 0;
        width: 160px;
        height: 60px;
        border-radius: 60px;
        background-color: rgb(14, 129, 14);
        position: absolute;
        z-index: 2;
        -webkit-animation: swichcolor1 0.2s;
        animation: swichcolor1 0.2s;
    }
    @-webkit-keyframes swichcolor1 {
        0% {
            background-color: rgb(235, 238, 235);
        }
    }
    /* Standard syntax */
    @keyframes swichcolor1 {
        0% {
            background-color: rgb(235, 238, 235);
        }
    }
    .switch-img0 {
        top: 0;
        left: 0;
        width: 90px;
        position: absolute;
        z-index: 2;
        -webkit-animation: myswichimg0 0.1s;
        animation: myswichimg0 0.1s;
    }
    @-webkit-keyframes myswichimg0 {
        0% {
            left: 80px;
        }
    }
    /* Standard syntax */
    @keyframes myswichimg0 {
        0% {
            left: 80px;
        }
    }
    .switch-img1 {
        top: 0;
        left: 80px;
        width: 90px;
        position: absolute;
        z-index: 2;
        -webkit-animation: myswichimg1 0.2s;
        animation: myswichimg1 0.2s;
    }
    @-webkit-keyframes myswichimg1 {
        0% {
            left: 0;
        }
    }
    /* Standard syntax */
    @keyframes myswichimg1 {
        0% {
            left: 0;
        }
    }
    .switch-img01 {
        top: 0;
        left: 0;
        width: 45px;
        position: absolute;
        z-index: 2;
        -webkit-animation: myswichimg01 0.1s;
        animation: myswichimg01 0.1s;
    }
    @-webkit-keyframes myswichimg01 {
        0% {
            left: 40px;
        }
    }
    /* Standard syntax */
    @keyframes myswichimg01 {
        0% {
            left: 40px;
        }
    }
    .switch-img11 {
        top: 0;
        left: 40px;
        width: 45px;
        position: absolute;
        z-index: 2;
        -webkit-animation: myswichimg1 0.2s;
        animation: myswichimg1 0.2s;
    }
    @-webkit-keyframes myswichimg1 {
        0% {
            left: 0;
        }
    }
    /* Standard syntax */
    @keyframes myswichimg1 {
        0% {
            left: 0;
        }
    }
    .switch-up {
        top: 10px;
        left: 0;
        width: 80px;
        height: 80px;
        border-radius: 80px;
        background-color: rgb(158, 151, 151);
        position: absolute;
        z-index: 3;
        background-color: #999;
        background-image: linear-gradient(180deg, #CCC, #999);
        border-top: 3px solid #CCC;
        border-right: 3px solid #CCC;
        border-left: 4px solid #666;
        border-bottom: 4px solid #666;
    }
    .select-s {
        width: 18vw;
        height: 4vh;
        border-radius: 10px;
        font-size: 35;
    }
    .select-m {
        width: 40vw;
        height: 4vh;
        border-radius: 10px;
        font-size: 35;
    }
    .SelTittleSS {
        width: 19vw;
        height: 3vh;
        float: left;
        font-size: 30;
        text-align: center;
        line-height: 3vh;
    }
    .SelTittleS {
        width: 30vw;
        height: 3vh;
        float: left;
        font-size: 30;
        text-align: center;
        line-height: 3vh;
    }
    .SelTittleAll {
        width: 100%;
        height: 3vh;
        float: left;
        font-size: 30;
        text-align: left;
        line-height: 3vh;
    }
    .SelTittleMax {
        width: 100%;
        height: auto;
        float: left;
        border-radius: 15px;
        margin-top: 1vh;
        background-color: white;
    }
    .tittle-ssss {
        width: 5vw;
        height: 5vh;
        float: left;
        font-size: 40;
        text-align: center;
        line-height: 5vh;
    }
    .tittle-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        font-size: 40;
        text-align: center;
        line-height: 5vh;
    }
    .tittle-ss {
        width: 19vw;
        height: 5vh;
        float: left;
        font-size: 40;
        text-align: center;
        line-height: 5vh;
    }
    .tittle-s {
        width: 30vw;
        height: 5vh;
        float: left;
        font-size: 40;
        text-align: center;
        line-height: 5vh;
    }
    .tittle-half {
        width: 49.5%;
        height: 5vh;
        float: left;
        font-size: 30;
        text-align: left;
        line-height: 5vh;
        margin-top: 1vh;
    }
    .tittle-m input {
        width: 24.5%;
        height: 3vh;
        font-size: 40;
        border-radius: 6px;
    }
    .tittle-l {
        width: 60%;
        height: 5vh;
        float: left;
        font-size: 45;
        text-align: center;
        line-height: 5vh;
    }
    .tittle-xl {
        width: 80vw;
        height: 5vh;
        float: left;
        font-size: 45;
        text-align: center;
        line-height: 5vh;
        margin-top: 3vh;
    }
    .tittle-all {
        width: 100%;
        height: 5vh;
        float: left;
        font-size: 45;
        text-align: center;
        line-height: 5vh;
    }
    .tittle-all img {
        width: 8vw;
    }
    .tittle-all-h {
        width: 100%;
        height: 7vh;
        float: left;
        font-size: 45;
        text-align: center;
        line-height: 7vh;
    }
    .tittle5 {
        width: 30%;
        height: 9vh;
        float: left;
        line-height: 12vh;
        font-size: 25;
    }
    .tittle4 {
        width: 20%;
        height: 9vh;
        float: left;
        line-height: 11vh;
        font-size: 45;
    }
    .tittle3 {
        width: 90%;
        height: 9vh;
        float: right;
        line-height: 11vh;
        font-size: 45;
    }
    .tittle2 {
        width: 60%;
        height: 9vh;
        float: left;
        line-height: 11vh;
        font-size: 45;
    }
    .tittle1 {
        font-size: 48;
        width: 78%;
        height: 9vh;
        line-height: 11vh;
        float: left;
    }
    .tittle0 {
        font-size: 48;
        width: 45%;
        height: 9vh;
        line-height: 11vh;
        float: left;
    }
    .tittle0 img {
        margin-right: 3vw;
        width: 8vw;
        float: right;
    }
    .table-all {
        table-layout: fixed;
        width: 100%;
        font-size: 30;
        word-wrap: break-word;
        word-break: break-all;
    }
    .td-all {
        width: 100%;
        height: 2.7vh;
        text-align: center;
    }
    .td-div1 {
        height: 2.2vh;
        line-height: 2.2vh;
        font-size: 20;
        border-radius: 5px;
        background-color: rgb(107, 240, 107);
        float: left;
        display: none;
    }
    .td-div2 {
        width: 30%;
        font-size: 25;
        float: left;
        display: none;
    }
    .td-div3 {
        width: 20%;
        font-size: 25;
        float: left;
        display: none;
    }
    .td-div4 {
        width: 10%;
        font-size: 25;
        float: left;
        display: none;
    }
    .td-img1 {
        width: 4vw;
        float: left;
        display: none;
        animation: imgchange 0.5s ease-in;
        -webkit-animation: imgchange 0.5s ease-in;
    }
    @-webkit-keyframes imgchange {
        20% {
            width: 8vw;
            background-color: rgb(2, 2, 2);
            shadow: 0 0 40px #fff, 0 0 80px rgb(97, 245, 78);
        }
        100% {
            width: 8vw;
            background-color: rgb(241, 232, 232);
            shadow: 0 0 80px #fff, 0 0 100px rgb(97, 245, 78);
        }
    }
    @keyframes imgchange {
        20% {
            font-size: 65;
            background-color: rgb(2, 2, 2);
            text-shadow: 0 0 40px #fff, 0 0 80px rgb(97, 245, 78);
        }
        100% {
            font-size: 45;
            background-color: rgb(241, 232, 232);
            text-shadow: 0 0 80px #fff, 0 0 100px rgb(97, 245, 78);
        }
    }
    .td-img2 {
        width: 4vw;
        float: left;
        display: none;
    }
    .td-img3 {
        width: 4.5vw;
        float: left;
    }
    .td-xxl {
        width: 85%;
        height: 2.5vh;
        padding-left: 20px;
    }
    .td-xl {
        width: 72%;
        height: 2vh;
        padding-left: 20px;
    }
    .td-s {
        width: 27%;
        height: 2vh;
        text-align: center;
    }
    .td-s input {
        font-size: 35;
    }
    .td-s p {
        font-size: 40;
        color: brown;
    }
    .td-ss {
        width: 15%;
        height: 2vh;
        text-align: center;
    }
    .square {
        width: 47vw;
        height: 47vw;
        margin-top: 2vw;
        margin-left: 2vw;
        background-color: white;
        float: left;
        border-radius: 5px;
        position: relative;
    }
    .square1 {
        width: 45vw;
        height: 40vw;
        margin-top: 2vw;
        background-color: white;
        float: left;
        border-radius: 5px;
        position: sticky;
    }
    .square2 {
        width: 49vw;
        height: 20vw;
        margin-top: 2vw;
        background-color: white;
        float: left;
        border-radius: 5px;
        position: sticky;
    }
    .square4 {
        width: 24%;
        height: auto;
        margin-top: 1vw;
        margin-left: 1vw;
        background-color: white;
        float: left;
        border-radius: 10px;
    }
    .vedio {
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        display: none;
    }
    .imglib {
        margin-left: 15px;
        width: 200px;
        height: 128px;
        float: left;
    }
    /* 选中效果 */
    .active {
        box-shadow: 0 0 5px #000;
        margin-left: 15px;
        width: 200px;
        height: 128px;
        float: left;
    }
    .red-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #ce3333;
        float: left;
    }
    .black-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #040404;
        float: left;
    }
    .white-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #fbfafa;
        float: left;
    }
    .blue-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #055184;
        float: left;
    }
    .green-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #087616;
        float: left;
    }
    .yellow-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #cec114;
        float: left;
    }
    .orange-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #ee7205;
        float: left;
    }
    .color-sss {
        width: 10vw;
        height: 5vh;
        float: left;
        background-color: #a50bd4;
        float: left;
    }
}

@-webkit-keyframes header0move {
    0% {
        height: 20vh;
    }
}


/* Standard syntax */

@keyframes header0move {
    0% {
        height: 20vh;
    }
}

@-webkit-keyframes header1move {
    0% {
        height: 9vh;
    }
}


/* Standard syntax */

@keyframes header1move {
    0% {
        height: 9vh;
    }
}

@-webkit-keyframes dispalynone {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* Standard syntax */

@keyframes dispalynone {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* Chrome, Safari, Opera */

@-webkit-keyframes mytop {
    0% {
        opacity: 0;
    }
}


/* Standard syntax */

@keyframes mytop {
    0% {
        opacity: 0;
    }
}

@-webkit-keyframes labelchange {
    0% {
        font-size: 30;
        color: #000;
    }
}

@keyframes labelchange {
    0% {
        font-size: 30;
        color: #000;
    }
}

@-webkit-keyframes windowleft0 {
    0% {
        right: 0;
    }
    100% {
        right: 100%;
    }
}

@keyframes windowleft0 {
    0% {
        right: 0;
    }
    100% {
        right: 100%;
    }
}

@-webkit-keyframes windowleft1 {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@keyframes windowleft1 {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes windowright0 {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@keyframes windowright0 {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes windowright1 {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@keyframes windowright1 {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes fontchange {
    0% {
        font: 400%/1 Rockwell, serif;
        text-shadow: 0 0 .1em, 0 0 .3em;
    }
}

@keyframes fontchange {
    0% {
        font: 400%/1 Rockwell, serif;
        text-shadow: 0 0 .1em, 0 0 .3em;
    }
}

@-webkit-keyframes top {
    0% {
        top: 100vh;
    }
}

@keyframes top {
    0% {
        top: 100vh;
    }
}

.myred {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    left: 110;
    top: -20;
    text-align: center;
    line-height: -5vh;
    color: white;
    background: red;
    display: none;
}

.myred20 {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: absolute;
    left: 160;
    top: 10;
    text-align: center;
    line-height: -5vh;
    color: white;
    background: red;
    display: none;
}

@-webkit-keyframes mycloseout {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* Standard syntax */

@keyframes mycloseout {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tittle-m {
    width: 39vw;
    height: 5vh;
    float: left;
    font-size: 35;
    text-align: center;
    line-height: 4vh;
    background-color: rgb(165, 196, 240);
    border-radius: 50px;
    height: 4vh;
    color: #f7f7f7;
}

.header1 {
    width: 100vw;
    height: 21vh;
    left: 0;
    top: 0;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    position: fixed;
    text-align: center;
    font-size: 45;
    line-height: 10vh;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 30px;
    border-bottom: 1px solid grey;
    background-color: #f7f7f7;
    z-index: 1;
    background-size: cover;
}

@keyframes scroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

.middle33 {
    width: 33%;
    height: 3vh;
    float: left;
    font-size: 30;
    line-height: 3vh;
    overflow: hidden;
    text-align: center;
    color: black;
}

.middle66 {
    width: 66%;
    height: 3vh;
    float: left;
    font-size: 30;
    line-height: 3vh;
    overflow: hidden;
    text-align: center;
    color: black;
}

.middle50 {
    width: 50%;
    height: 3vh;
    float: left;
    font-size: 30;
    line-height: 3vh;
    overflow: hidden;
    text-align: center;
    color: black;
}

.middle40 {
    width: 40%;
    height: 3vh;
    float: left;
    font-size: 30;
    line-height: 3vh;
    overflow: hidden;
    text-align: center;
    color: black;
}

.middle100 {
    width: 100%;
    height: 3vh;
    float: left;
    font-size: 30;
    line-height: 3vh;
    overflow: hidden;
    text-align: center;
    color: black;
}

.myselect {
    width: 50vw;
    height: 3vh;
    font-size: 30;
}

.buttom-next {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    color: white;
    height: 5vh;
    font-size: 40;
    border-radius: 10px;
    text-align: center;
    background-color: rgb(16, 126, 154);
    text-align: center;
    position: absolute;
    width: 40%;
    bottom: 0;
    margin: 0;
    left: 55%;
    line-height: 5vh;
}

.buttom-back {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    color: white;
    height: 5vh;
    font-size: 40;
    border-radius: 10px;
    text-align: center;
    background-color: rgb(16, 126, 154);
    text-align: center;
    position: absolute;
    width: 40%;
    bottom: 0;
    margin: 0;
    left: 5%;
    line-height: 5vh;
}

.buttom-full {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
    color: white;
    height: 6vh;
    font-size: 40;
    text-align: center;
    background-color: rgb(16, 126, 154);
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    left: 0;
    line-height: 6vh;
}

.BTinput {
    width: 100%;
    height: 40%;
    position: fixed;
    bottom: 0;
    left: 0%;
    font-size: 40;
    background-color: white;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    z-index: 9999;
}

.BTgo {
    position: fixed;
    width: 50vw;
    right: 0;
    text-align: center;
    bottom: 0;
    line-height: 7vh;
    color: rgb(5, 5, 5);
    height: 7vh;
    font-size: 40;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgb(237, 237, 237);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.BTback {
    position: fixed;
    width: 50vw;
    left: 0;
    text-align: center;
    bottom: 0;
    line-height: 7vh;
    color: rgb(5, 5, 5);
    height: 7vh;
    font-size: 40;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgb(237, 237, 237);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.Text10 {
    font-size: 10;
    color: #000;
}

.Text15 {
    font-size: 15;
    color: #000;
}

.Text20 {
    font-size: 20;
    color: #000;
}

.Text30 {
    font-size: 30;
    color: #000;
}

.Text35 {
    font-size: 35;
    color: #000;
}

.Text40 {
    font-size: 40;
    color: #000;
}

.Text50 {
    font-size: 50;
    color: #000;
}

.Text60 {
    font-size: 60;
    color: #000;
}

.autodiv {
    height: auto;
    float: left;
    overflow: hidden;
}

.menu {
    position: fixed;
    right: 20;
    top: 120;
}

.menu img {
    width: 80px;
}

.cebian {
    width: 20vw;
    height: auto;
    position: absolute;
    left: 0;
    top: 20;
    background: rgb(207, 205, 205);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: scroll;
}

.cediv {
    text-align: center;
    line-height: 6vh;
    width: 25vw;
    height: 6vh;
    font-size: 36;
    font-weight: 500;
}

.right {
    overflow: scroll;
    width: 78.5vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 20;
    font-size: 35;
    background: white;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.headimg7 {
    width: 10vw;
    height: 10vw;
    border-radius: 10vw;
}

.TaoOut {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: relative;
}

.TaoOut2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: relative;
    border-radius: 20px;
    background-image: linear-gradient(to bottom, #E2F2FD, #AED4F8);
    /* 上下渐变的背景色样式 */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.1);
    /* 添加更强烈的立体感的阴影效果 */
}

.TaoOut2::before {
    content: "";
    position: absolute;
    top: -10px;
    /* 定位到容器上方略微超出的位置 */
    left: -10px;
    /* 定位到容器左侧略微超出的位置 */
    right: -10px;
    /* 定位到容器右侧略微超出的位置 */
    bottom: -10px;
    /* 定位到容器下方略微超出的位置 */
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), transparent);
    /* 上下渐变的半透明背景色样式 */
    z-index: -1;
    /* 将伪元素放到容器下方 */
}

.TaoInLeft {
    width: 20%;
    height: auto;
}

.TaoInRight {
    width: 79%;
    height: auto;
    float: left;
}

.gou {
    width: 100;
    position: absolute;
    top: 20;
    right: 400;
    z-index: 1;
    display: none;
    opacity: 0.7;
}

.TopBut {
    width: 150px;
    height: 70px;
    border-radius: 10px;
    font-size: 35;
    position: fixed;
    text-align: center;
    line-height: 70px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

#blinking-element {
    animation: blink 1s linear infinite;
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

#jumping-element {
    animation: blink 1s linear alternate infinite, bounce 1s ease-in-out infinite;
}

@-webkit-keyframes frombottom {
    0% {
        bottom: -20vh;
    }
}


/* Standard syntax */

@keyframes frombottom {
    0% {
        bottom: -20vh;
    }
}

@-webkit-keyframes tobottom {
    100% {
        bottom: -20vh;
    }
}


/* Standard syntax */

@keyframes tobottom {
    100% {
        bottom: -20vh;
    }
}

@-webkit-keyframes frombottom7 {
    0% {
        bottom: -7vh;
    }
}


/* Standard syntax */

@keyframes frombottom7 {
    0% {
        bottom: -7vh;
    }
}

@-webkit-keyframes tobottom7 {
    100% {
        bottom: -7vh;
    }
}


/* Standard syntax */

@keyframes tobottom7 {
    100% {
        bottom: -7vh;
    }
}

@keyframes fadein {
    0% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.liuyan {
    font-size: 25;
    width: 100%;
    height: 15vh;
    border: 0;
    text-align-last: left;
}

.chat {
    width: auto;
    padding: 10px;
    color: white;
    font-size: 30;
    background-image: url(img/chat.png);
}

.tooltip {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
}