@media screen and (max-width: 800px) {
    body{
        background: url(../../images/Frame_427319395@2x.png) no-repeat center top;
        background-size: contain;
        background-repeat: no-repeat;
        /*background-position: center top 20px;*/
        background-size: 100% auto;
    }
    input:focus {
        outline: none;
    }

    /* 针对webkit内核浏览器 */
    #mySelect::-webkit-calendar-picker-indicator,
    #mySelect::-webkit-inner-spin-button,
    #mySelect::-webkit-outer-spin-button {
        display: none;
        -webkit-appearance: none;
        margin: 0;
    }

    /* 针对Firefox */
    #mySelect {
        -moz-appearance: none;
        appearance: none;
        background-color: white; /* 自定义背景颜色 */
        border: 1px solid #ccc; /* 自定义边框样式 */
    }
    .search-Department{
        font-size: 0.29rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        font-weight: 500;

        font-family:'HarmonyOS Sans SC' !important;
    }
    .search-Department-img{
        width:0.32rem;
        height:0.32rem;
    }
    .mySelectinner{
        display: flex;
        align-items: center;
        font-family: "HarmonyOS Sans SC";
        line-height: 24px;
        margin-left:10px;
    }
    .headContent-search{
        padding: 0 0.32rem 0 0.13rem;
        /* padding: 0.13rem 0.32rem 0.16rem 0.13rem; */
        border-radius: 0.39rem;
        background:#f7f8fa;
        width:100%;
        border:none;
        font-size: 0.29rem;
        line-height: 0.78rem;
    }
    .headContent-search::placeholder {
        color: rgba(169, 174, 184, 1);
    }
    .search-md{
        width: 0.4rem;
        height: 0.4rem;
        /*position:absolute;*/
        /*left:0.12rem;*/
        /*top:0.14rem;*/
    }
    .headContent-border{
        border-bottom: 1px solid rgb(243, 244, 255, 1);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .headContent-display{
        position: relative;
        padding: 0.2rem 4%;
        background:#fff;
    }
    .headContent-width{
        width: 35%;
        line-height: 0.78rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        background: #f7f8fa;
        border-radius: 0.39rem;
    }
    #swiper-containerImage{
        margin-top: -0.08rem;
    }
    #LiveStreamingInProgress{
        padding-top: 0.2rem;
    }
    .search-mdSpan{
        position: relative;
        display: flex;
        width: 60%;
        align-items: center;
        background: #f7f8fa;
        border-radius: 99px;
        padding-left: 0.32rem;
    }
    .headOrder-list{
        padding:0.2rem 0px;
        background: rgb(255, 255, 255, 0.9);
        border-bottom-right-radius: 0.16rem;
        border-bottom-left-radius: 0.16rem;
    }
    .headOrder-list .active{
        background: rgb(103, 116, 255);
        border-radius: 99px;
        padding: 0.09rem 0.32rem;
        color: rgba(255, 255, 255, 1);
    }
    .headOrder-list ul{
        width:100%;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: scroll;
        flex-wrap: nowrap;
        padding-left:4%;
        padding-right:4%;
    }
    .headOrder-list ul li{
        font-size:14px;
        padding: 0.06rem 0.32rem;
        color: rgba(134, 144, 156, 1);
    }
    .headOrder-list ul::-webkit-scrollbar { /* WebKit */
        display: none;
    }
    .headContent-NameList-top{
        position:absolute;
        top:0.9rem;
        right:0.7px;
        width:2.1rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        text-align: left;
        background: #fff;
        border-radius: 0.24rem;
        padding-bottom: 0.2rem;
        padding-top:0.2rem;
        z-index:100;
        border: 1px solid rgba(203, 206, 255, 1);
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.25);
    }
    .headContent-NameList{
        line-height: normal;
        text-align: center;
        display: flex;
        flex-direction: column;
        text-align: left;
        background: #fff;
        border-radius: 6px;
        padding:0.08rem;
        z-index:10;
        height: 2.8rem;
        max-height: 5rem;
        overflow: auto;
    }
    .headContent-NameList li{
        background: #fff;
        padding: 0.16rem 0rem;
        text-align: center;
        font-size:0.28rem;
    }
    .addClickType{
        border-radius: 0.16rem !important;
        background: rgba(243, 244, 255, 1) !important;
        padding: 0.16rem 0rem !important;
    }
}