.width34{
    width:34%;
}
.width8{
    width:12%;
}
.hInput{
    height:2.1875rem;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search_items{
    display:flex;
    justify-content:space-between;
    margin:0.5rem 0;
    /* text-align:center; */
}
.search_items div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.language{
    position: absolute;
    right: 10%;
    height: 100%;
    line-height: 4.5rem;
    cursor: pointer;
}
.search_items div:nth-child(1){
    width:20%;
}
.search_items div:nth-child(2){
    width:40%;
}
.search_items div:nth-child(3){
    width:30%;
}
.search_items div:nth-child(4){
    width:10%;
    cursor:pointer;
}
.search_popup{
    background:#eee;
    width:40%;
    position:absolute;
    top:100%;
    left:30%;
    padding:1rem 4rem;
    font-size:0.875rem;
}
.home .home_card:nth-child(1){
    margin-top:2rem;
}
.ss_items{
    width:6rem;
    position:absolute;
    top:105%;
    left:0;
    font-size: .875rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    border-top: 0;
    z-index: 9;
    /* display:none; */
}
.ss_items div{
    padding: 0.375rem 0.75rem;
    cursor: pointer;
}
.ss_items div:hover{
    background:#eee;
}
.s_select{
    width: 6rem;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1;
    color: #495057;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content:center;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 1rem;
}
.sm_input{
    width:100%;
    border-radius:1rem;
    background:#eee;
    height:2.5rem;
    padding:0 4rem 0 8rem;
    outline:none;
    border:0;
}
.search_main{
    position:relative;
    width:30%;
}
.search_main img{
    width:1.5rem;
    position:absolute;
    right:5%;
    top:20%;
    cursor:pointer;
}
.search{
    width:100%;
    padding:1rem 0;
    position:fixed;
    background:#fff;
    top:0;
    right:0;
    z-index:99;
    display:flex;
    align-items:center;
    justify-content: center;
    font-family:'OPPO-M';
}
.ch_title{
    font-size:1.2rem;
    font-family:'OPPO-M';
    color:#333;
    margin-bottom:2rem;
}
.flex_bet{
    display:flex;
    justify-content:space-between;
}
.radios{
    display:flex;
    align-items:center;
    height:2.3rem;
}
.radios div:nth-child(1){
    margin-right:2rem;
}
.checkboxs{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:2.3rem;
}
.checkbox{
    display:flex;
    align-items:center;
    cursor:pointer;
}
.input_item label,.input_item2 label{
    color:#495057;
    font-family:'OPPO-M';
    font-size:0.875rem;
}
.upload{
    position:relative;
    margin-bottom:1rem;
}
.file_mask{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:3rem;
}
html {
    font-size: calc(16/1920*100vw);
}
.desktop-only {
    display: block
}
.mobile-only {
    display: none
}
img{
    width:100%;
    display:block;
}
a{
    text-decoration: none;
    color:inherit;
}
video{
    display:block;
} 
html,body,ul,li{
    margin:0;
    padding:0 !important;
}
input,textarea,select{
    color:inherit;
    outline:none;
    font-family:inherit;
}
div,input,textarea{
    box-sizing:border-box;
}
.login{
    background:url('https://cdn.shopifycdn.net/s/files/1/0502/8033/3505/files/20230807-155600.jpg?v=1691395197') no-repeat 100% center;
    background-size:100% 100%;
}
.honor_but{
    display:flex;
}
.honor_title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:1.5rem;
    font-family:'OPPO-M';
    color:#6c757d;
    font-size:1rem;
}
.honor_title input{
    font-size:0.875rem;
}
.h_button1,.h_button2{
    width:4rem;
    text-align: center;
    color:white;
    border-radius:4px;
    cursor:pointer;
    padding:0.5rem 0rem;
    font-size:0.875rem;
}
.h_button1{
    background:#409eff;
}
.h_button2{
    background:#f56c6c;
}
.button{
    padding:0.75rem 3rem;
    font-size:0.875rem;
    font-family:'OPPO-M';
}
textarea{
    resize:vertical;
    height:6rem;
}
.about_ban1{
    display:flex;
    align-items:flex-start;
}
.active{
    background:#eee;
}
.br{
    font-size: 0.875rem !important;
    font-family: 'OPPO-M' !important;
    color: #6c757d !important;
}
.save_but{
    text-align:right;
    margin-top:2rem;
}
/* .item input:nth-child(even){
    margin-right:3%;
} */
.ch_input,textarea{
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: .875rem;
    /* margin-bottom:1rem; */
    font-family:'OPPO-M';
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.filesItem{
    margin-top:0.5rem;
    font-size: .875rem;
    font-family:'OPPO-M';
    line-height: 1.5;
    color: #495057;
    display:flex;
}
.filesItem a{
    cursor:pointer;
}
.filesItem div:nth-child(2){
    margin-left:1rem;
    cursor:pointer;
}
.ch_input:focus,textarea:focus{
    color: #495057;
    background-color: #fff;
    border-color: #9bbcff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(27,104,255,.25);
}
.custom_select{
    position:relative;
}
.is_items{
    width: 100%;
    font-size: .875rem;
    font-family:'OPPO-M';
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    position:absolute;
    top:100%;
    left:0;
    border-top:0;
    z-index:9;
}
.is_items div{
    padding: 0.375rem 0.75rem;
    cursor:pointer;
}
.upfile{
    padding: 0;
    width: 50%;
    opacity: 0;
    position: relative;
    height: 3rem;
    z-index: 1;
}
.is_items div:hover{
    background:#eee;
}
.item_select{
    cursor:pointer;
}
.item_title{
    color:#6c757d;
    font-family:'OPPO-M';
    font-size:1rem;
    margin-bottom:0.5rem;
}
.input_item{
    width:48%;
}
.input_item2{
    width:100%;
}
.item2{
    width:48%;
    margin-bottom:1.5rem;
    display:flex;
    justify-content:space-between;
}
.item{
    width:100%;
    margin-bottom:1.5rem;
    display:flex;
    justify-content:space-between;
}
.home_card{
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    padding:1rem 1.5rem;
    box-sizing:border-box;
    box-shadow: 0 .5rem 1rem rgba(18,38,63,.05);
    margin-bottom:4rem;
}
.edit {
    display: none;
}

#login {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background-color:red;
    border: 0;
    padding: 0.5rem 1rem;
    color: white;
    border-radius: 0.2rem;
    width: 10rem;
    cursor: pointer;
    font-family: "OPPO-M";
    font-size: 1rem;
    margin: 1rem auto 0;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

#username,
#password {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.2);
    width: 12.5rem;
    border-radius: 0.2rem;
    padding: 0.5rem 1rem;
    margin: 0 auto 0.8rem;
    text-align: center;
    font-size: 1rem;
    /* color: white; */
    color:#333;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    font-family: 'OPPO-M';
    cursor: pointer;
    background:#eee;
}
.tips{
    color: #6c757d;
    font-family: 'OPPO-M';
    font-size: 0.875rem;
}
/* 滚动条 */
::-webkit-scrollbar{
    height:1rem;
    width:0.5rem;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb{
    background: rgba(217,217,227,1);
    border:1px solid white;
    border-radius: 2rem;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track{
    background-color: transparent;
    border-radius: 5rem;
}
/* #username:hover,
#password:hover {
    background-color: rgba(255, 255, 255, 0.4);
} */

/* #username:focus,
#password:focus {
    background-color: white;
    width: 14rem;
    color: #333;
} */

.login {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_login {
    border-radius: 1rem;
    text-align: center;
    background: #fff;
    padding: 4% 0px;
    width: 24%;
}

.nav_item {
    display: flex;
    align-items: center;
    font-family: 'OPPO-M';
    font-size: 1rem;
    color: #515151;
    padding: 0.7rem 1rem;
    cursor: pointer;
}
.nav_item img {
    width: 1rem;
    margin-right: 1rem;
}

.main_nav {
    margin-top: 3rem;
}

.logo {
    width: 80%;
    display: block;
    cursor: pointer;
    margin: 2rem auto;
}
.content{
    width:83%;
    position:absolute;
    right:2%;
    top:0;
    padding:5rem 0;
    box-sizing:border-box;
}
.nav {
    position: fixed;
    width: 15rem;
    height: 100vh;
    z-index: 999;
    top: 0;
    left: 0;
    background: white;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    box-shadow: 0px 0px 1px 1px #eee;
}
.tawB{
    width:86%;
}
.tawM{
    width:10%;
}

@font-face {
    font-family: "OPPO-B";
    src: url('https://cdn.shopify.com/s/files/1/0502/8033/3505/files/OPPOSans-B.ttf?v=1687922048');
}

@font-face {
    font-family: "OPPO-L";
    src: url('https://cdn.shopify.com/s/files/1/0502/8033/3505/files/OPPOSans-L.ttf?v=1687922033');
}

@font-face {
    font-family: "OPPO-M";
    src: url('https://cdn.shopify.com/s/files/1/0502/8033/3505/files/OPPOSans-M.ttf?v=1687922049');
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url('https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-Bold.ttf?v=1679589094');
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url('https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-Medium.ttf?v=1679589094');
}

html,
body {
    background: #f8f9fa;
}


@media (max-width:750px){
    html{
        font-size: calc(16/390*100vw);
    }
    .desktop-only {
        display: none
    }
    .mobile-only {
        display: block;
    }
    .logo{
        display:none;
    }
    .nav{
        width:3rem;
    }
    .main_nav{
        margin-top:0;
    }
    .hInput{
        height:1.65rem;
    }
    .Mnav{
        position:absolute;
        left:4%;
    }
    .nav_img{
        width:2rem;
    }
    .nav_item{
        font-size:0.875rem;
        padding:0.5rem 1rem;
    }
    .mnav_items{
        font-size: .875rem;
        font-family: 'OPPO-M';
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #dee2e6;
        position: absolute;
        top: 3rem;
        left: -1rem;
        z-index: 10;
        width:100vw;
    }
    .s_select{
        width:5rem;
        font-size:0.75rem;
        height:2rem;
        border-radius:0.5rem;
    }
    .sm_input{
        border-radius:0.5rem;
        height:2rem;
        padding:0 2rem 0 5.5rem;
    }
    .search_main{
        width:60%;
    }
    .search_main img{
        width:1rem;
        top:26%;
    }
    .ss_items{
        width:5rem;
        font-size:0.75rem;
    }
    .search_popup{
        width:82%;
        left:15%;
        width:83%;
        font-size:0.75rem;
        padding:1rem;
    }
    .home .home_card:nth-child(1){
        margin-top:1rem;
    }
    .home_card{
        padding:1rem;
        margin-bottom:2rem;
    }
    .item2{
        width:100%;
    }
    .item_title{
        font-size:0.875rem;
    }
    .ch_input, textarea{
        font-size:0.75rem;
        padding:0.2rem 0.5rem;
    }
    .flex_bet{
        flex-wrap:wrap;
    }
    .is_items{
        font-size:0.75rem;
    }
    .ch_title{
        font-size:1rem;
        margin-bottom:1.5rem;
    }
    .input_item label, .input_item2 label{
        font-size:0.75rem;
    }
    .checkbox{
        margin:0.5rem 0.5rem 0.5rem 0;
    }
    .h_button1, .h_button2{
        font-size:0.75rem;
        width:3.5rem;
    }
    .checkboxs{
        height:auto;
        flex-wrap:wrap;
        justify-content:flex-start;
    }
    .width34{
        width:63%;
        margin-left:0.3rem;
    }
    .width8{
        width:23%;
    }
    .ch_input:focus, textarea:focus{
        box-shadow:0 0 0 0.15rem rgba(27,104,255,.25);
    }
    .Minput_item{
        width:100%;
    }
    .radios{
        height:auto;
    }
    .radios input{
        margin:0 0.2rem;
    }
    .item{
        margin-bottom:1rem;
        flex-wrap:wrap;
    }
    .mt1{
        margin-top:1rem;
    }
    .Mscroll{
        overflow:scroll;
        padding-left:0.2rem;
    }
    .honor_title{
        margin-bottom:0.5rem;
        font-size:0.875rem;
    }
    .Mitem{
        width:400%;
    }
    .filesItem{
        font-size:0.75rem;
    }
    .filesItem div:nth-child(1){
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width:84%;
    }
    .el-message-box{
        width:22rem;
    }
    .upfile{
        width:30%;
    }
    .is_items div{
        padding:0.2rem 0.5rem;
    }
    .login{
        background-size:auto 100%;
    }
    .main_login{
        padding:2rem 0;
        width:82%;
    }
    .Mscroll::-webkit-scrollbar{
        height:0.4rem;
    }
    .mb0{
        margin-bottom:0;
    }
    .honor_title input{
        font-size:0.75rem;
    }
    .tawB{
        width:78%;
    }
    .tawM{
        width:auto;
    }
    .language{
        line-height:4rem;
        font-size:0.875rem;
        right:4%;
    }
    .content{
        width:96%;
    }
}