html,body{
    background:#ffffff; /* 白底 */
    color:#333333; /* 深灰，护眼 */
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei",
    "Noto Sans CJK SC", sans-serif;
    margin:0;
    padding:0;
    width:100%;
}
.nowrap, .nowrap > *{ /*不换行*/
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
a{
    color:black;
    text-decoration:none;
}
a:link{
    color:black;
    text-decoration:none;
}
a:visited{
    color:black;
    text-decoration:none;
}
a:active{
    color:black;
    text-decoration:none;
}
/*以下是inform*/
#popout{
    background:rgba(3, 3, 3, 0.3);
    display:none;
    height:100%;
    position:absolute;
    width:100%;
    z-index:105;
}
.closePopout{
    color:#6f6f6f;
    cursor:pointer;
    display:block;
    font-size:16px;
    height:40px;
    height:30px;
    line-height:30px;
    position:absolute;
    right:0;
    top:9px;
    width:30px;
}
#popout > div{
    background:white;
    font-size:18px;
    max-height:350px;
    min-height:160px;
    left:50%;
    overflow:auto;
    padding:30px;
    position:fixed;
    top:50%;
    transform:translate(-50%, -50%);
    width:350px;
    word-break:break-all;
}
#banner{ /* 横幅 */
    background:#659DF6;
    color:#ffffff;
    display:none;
    font-size:14px;
    font-weight:bold;
    height:40px;
    line-height:40px;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:108;
}
.bannerBut, .bannerBut:link, .bannerBut:visited, .bannerBut:active{
    background:rgb(54, 118, 224);
    color:rgb(255, 255, 255);
    cursor:pointer;
    font-size:13px;
    font-weight:100;
    margin-left:16px;
    padding:3px 10px;
}
.bannerTitle, .bannerTitle:link, .bannerTitle:hover, .bannerTitle:visited, .bannerTitle:active{
    color:#ffffff;
    /*margin:0 0 0 5%;*/
}
.bannerBut:hover{
    color:rgb(214, 214, 214)
}
#inform{
    display:none;
    position:fixed;
    top:0;
    width:100%;
    z-index:106;
}
/*以上是inform*/
.noSelect{
    -webkit-touch-callout:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
/*以下是我的自定义下拉*/
.mySelect > span{
    display:inline-block;
}
#headerMsgId{
    display:none;
}
/*以上是我的自定义下拉*/
#headerShowSearchDiv{
    background:white;
    border:1px solid #cccccc;
    border-top:none;
    display:none;
    position:absolute;
    right:38px;
    text-align:left;
    top:40px;
    width:230px;
}
.headerSearchTitle{
    padding:5px;
}
#headerShowSearchDiv span{
    display:inline-block;
    font-size:12px;
    overflow:hidden;
    position:absolute;
    right:5%;
    text-align:right;
    text-overflow:ellipsis;
    top:2px;
    vertical-align:middle;
    white-space:nowrap;
    width:60%;
}
.headerSearchSingle{
    padding:1px 5%;
    position:relative;
}
.headerSearchSingle a{
    border-bottom:1px solid #797979;
}
input:-webkit-autofill{
    box-shadow:0 0 0 1000px white inset;
    z-index:10;
}
#slideBox ul{
    list-style:none;
    margin:0;
    padding:0;
}
#slideBox ol{
    list-style:none;
    padding:0;
}
#slideBox ul > li{
    margin-left:22px;
    width:82%;
}
#slideBox ol > li{
    border-bottom:1px dashed #000;
    height:38px;
    line-height:38px;
    width:89%;
}
#slideBox ol li:nth-child(1){
    border-top:1px dashed #000;
}
#slideBox ul li div{
    height:55px;
    line-height:55px;
}
#slideBox .rotateCla{
    transform:rotate(90deg);
    transition:200ms;
}
#slideBox .slideBox_span{
    display:inline-block;
    position:absolute;
    right:40px;
    transition:200ms;
}
#hUnameSpan{
    height:50px;
    max-width:70px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#acctBtnBox,#hUnamePar{
    margin-left:20px;
}
#lgRgBox .inputParDiv{
    border:1px solid #cccccc;
    margin-top:15px;
    padding-top:5px;
    position:relative;
}
#loginBox .inputParDiv{
    padding-bottom:65px;
    padding-top:5px;
}
#lgRgBox{
    background:rgb(0 0 0 / 0.5);
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:200;
}
#lgRgBox .reg_lg_title{
    font-size:17px;
    font-weight:100;
    height:20px;
    margin:0 0 15px 0;
}
#lgRgBox #lgRgCloseBox, #lgRgCloseBtn{
    cursor:pointer;
    display:block;
    font-size:20px;
    line-height:12px;
    margin:20px;
    position:absolute;
    right:0;
    top:0;
    width:17px;
}
#lgRgBox #qrcodeLoginDiv, #lgRgBox #qrcodeDiv{
    display:inline-block;
    margin:7px;
    vertical-align:top;
}
#lgRgBox #loginBox{
    background:white;
    border:1px solid #cccccc;
    border-radius:8px;
    left:50%;
    margin:0 auto;
    max-height:85%;
    overflow:auto;
    padding:15px;
    position:fixed;
    text-align:center;
    top:50%;
    transform:translate(-50%, -50%);
    width:381px;
}
#lgRgBox img{
    height:31px;
    margin-bottom:-10px;
    margin-top:10%;
    width:90px;
}
#lgRgBox section{
    margin:0 auto;
    text-align:center;
}
#lgRgBox #language{
    margin-top:20px;
    position:relative;
    right:190px;
}
#lgRgBox .inputAniDiv input{
    background:none;
    border:1px solid #dadce0;
    border-radius:4px;
    box-sizing:border-box;
    font-size:14px;
    height:35px;
    outline:none;
    padding:2px 12px;
    width:80%;
}
#lgRgBox .inputAniDiv input:focus-visible,#headerSearchInput:focus-visible{
    outline:2px solid #1a73e8;
    outline-offset:2px;
}
#lgRgBox .inputAniDiv{
    margin:16px auto;
    position:relative;
}
#lgRgBox #forget{
    margin-top:0;
    padding-left:35px;
    position:absolute;
}
#lgRgBox #tologin{
    margin-top:0;
    padding-left:32px;
    position:absolute;
}
#lgRgBox #tologin a{
    color:#1a73e8;
    cursor:pointer;
    font-size:17px;
    line-height:2;
    margin:8px;
    text-decoration:none;
}
#lgRgBox #loginBtn{
    background:#1a73e8;
    border-radius:4px;
    color:white;
    cursor:pointer;
    display:block;
    height:35px;
    line-height:35px;
    margin-left:325px;
    margin-top:0;
    position:absolute;
    text-align:center;
    width:87px;
}
#lgRgBox .loRegDiv{
    height:50px;
    margin:25px 0 0 0;
}
#lgRgBox .showNextText{
    color:#949494;
    font-size:14px;
}
#lgRgBox .rotate{
    transform:rotate(180deg);
    -moz-transition:transform 500ms ease-in-out;
    -o-transition:transform 500ms ease-in-out;
    -webkit-transition:transform 500ms ease-in-out;
    transition:transform 500ms ease-in-out;
}
#lgRgBox #checkVerify input{
    cursor:pointer;
    display:inline-block;
    height:18px;
    position:relative;
    top:5px;
    width:18px;
}
#lgRgBox #checkVerify span{
    color:#676767;
    cursor:pointer;
    display:inline-block;
    text-align:left;
    width:108px;
}
#lgRgBox #checkVerify{
    margin:-4px 0 13px 36px;
    text-align:left;
}
#toRegister{
    left:10%;
    margin-top:9px;
    position:absolute;
}
#toRegister a{
    color:#1a73e8;
    cursor:pointer;
}
#lgRgBox #forgetPswd{
    color:#1a73e8;
    cursor:pointer;
    left:30%;
    margin-top:9px;
    position:absolute;
}
#checkButton{
    display:none;
}
#lgRgBox #checkButton{
    background:#1a73e8;
    border:none;
    border-radius:4px;
    bottom:2%;
    color:white;
    cursor:pointer;
    font-size:14px;
    height:35px;
    margin:0;
    vertical-align:bottom;
    width:84px;
}
#lgRgBox .wxDirectLgOrReg{
    background:#1a73e8;
    border:none;
    border-radius:4px;
    color:white;
    display:none;
    font-size:14px;
    height:40px;
    left:50%;
    line-height:40px;
    margin:0 auto;
    padding:0 10px;
    position:absolute;
    text-align:center;
    transform:translateX(-50%);
    width:130px;
}
#lgRgBox .regAccountTitle{
    background:white;
    font-size:12px;
    left:10px;
    position:absolute;
    top:-10px;
}
@keyframes input_focus1{
    0%{
        bottom:10px;
        color:rgb(119, 119, 119);
    }
    100%{
        bottom:31px;
        color:#1a73e8;
    }
}
@keyframes input_blur1{
    0%{
        bottom:31px;
        color:#1a73e8;
    }
    100%{
        bottom:10px;
        color:rgb(119, 119, 119);
    }
}
#lgRgBox .titleDiv{
    text-align:center;
}
#lgRgBox .wxQrcodeDivRemind{
    background:white;
    font-size:12px;
    left:25px;
    position:absolute;
    top:42px;
}
#lgRgBox .wxQrcodeDivRemindPhone{
    bottom:5px;
    font-size:14px;
    margin:5px auto;
    position:relative;
    text-align:center;
    width:250px;
}
#lgRgBox #regBox{
    background:white;
    border:1px solid #cccccc;
    border-radius:8px;
    left:50%;
    margin:0 auto;
    max-height:85%;
    min-height:30%;
    overflow:auto;
    padding:15px;
    position:fixed;
    text-align:center;
    top:50%;
    transform:translate(-50%, -50%);
    width:381px;
}
#lgRgBox #input_login, #lgRgBox #captchaBtn, #lgRgBox #regBtn{
    background:#1a73e8;
    border:none;
    border-radius:4px;
    color:white;
    cursor:pointer;
    font-size:14px;
    height:35px;
    line-height:35px;
    margin:0 11px;
    position:absolute;
    right:24px;
    text-align:center;
    vertical-align:bottom;
    width:84px;
}
#lgRgBox label{
    background:white;
    border:3px solid white;
    bottom:7px;
    color:#80868b;
    cursor:text;
    /*font-family: "宋体", serif;*/
    font-size:14px;
    left:48px;
    position:absolute;
}
.inputAniDiv label{
    -webkit-touch-callout:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
#loginBox label{
    bottom:8px;
}
#lgRgBox #regAlertEmailCaptchaBtn{
    background:none;
    border:none;
    cursor:pointer;
    position:absolute;
    right:40px;
    top:7px;
}
.myselectMark{
    cursor:pointer;
    font-size:20px;
    height:15px;
    line-height:15px;
    margin:0;
    opacity:0;
    position:absolute;
    right:10%;
    top:17px;
    width:15px;
}
.mySelect:hover .myselectMark{
    opacity:1;
}
#lgRgBox .wxQrcodeDiv{
    border:1px solid #cccccc;
    padding:20px;
}
#lgRgBox .qrExpired{
    background:#f2f3f5;
    border:1px dashed #c9cdd4;
    border-radius:8px;
    box-sizing:border-box;
    color:#86909c;
    font-size:14px;
    height:150px;
    line-height:1.8;
    padding:35px 10px;
    text-align:center;
    width:150px;
}
#sideSlipBtn > img{
    display:none;
}
#toast-container{
    margin-top:50px;
}
body #toast-container > .toast-error{
    background-image:none !important;
}
.mySelect > div, #slideBox ol, #loginBox, .manageText,
#lgRgBox .certification, #regBox, #headerRight > div,
#searchDiv > *, #shade, #sideSlip, #sideSlipBtn, .lookBanner, #backImg, html, footer{
    display:none;
}
/* 高亮样式 */
.highlight{
    background:#fff9cd;
    color:#ff0000;
    font-weight:600;
}
/*中等屏幕*/
.siteShade{
    background:rgba(15, 23, 42, .45);
    display:none;
    position:fixed;
    inset:0;
    z-index:120;
}
.siteDrawer{
    box-sizing:border-box;
    background:white;
    display:none;
    height:100dvh;
    left:-320px;
    overflow:auto;
    overscroll-behavior:contain;
    position:fixed;
    top:0;
    width:80vw;
    max-width:320px;
    z-index:128;
}
.navLogo{
    border-bottom:1px solid #e2e8f0;
    font-size:21px;
    padding:15px 21px;
}
.sideSlipSelect{
    font-size:17px;
}
@media (min-width:601px){
    html,
    body{
        font-size:15px;
        height:100%;
        /*min-width:1190px;*/
        margin:0;
        padding:0;
    }
    body{
        display:flex;
        flex-direction:column;
        min-height:100vh;
    }
    header{
        height:50px;
        position:fixed;
        top:0;
        width:100%;
        z-index:101;
    }
    section{
        flex:1;
        margin:0 auto;
        margin-top:50px;
        position:relative;
        width:90%;
        z-index:10;
    }
    footer{ /* 底部 */
        background:#f2f2f2;
        /*padding:20px 0 0 0;*/
        /* top: 47px; */
        /* z-index: 100; */
        margin-top:20px;
    }
    #registerBtn, #loginBtn{
        cursor:pointer;
    }
    #registerBtn:hover, #loginBtn:hover{
        border-bottom:1px solid;
        color:#00a3e1;
    }
    .leaveTitle{
        height:40px;
        line-height:40px;
        margin:0 10px;
        text-align:left;
    }
    .userMsg{
        border-top:1px solid;
    }
    .userLeaveMsg > div{
        margin:0 0 0 10px;
    }
    .lowermostRight div, .lowermost a{
        cursor:pointer;
    }
    #backTop{
        background:rgba(132, 132, 132, 0.95);
        border:none;
        border-radius:5px;
        bottom:30px;
        box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
        color:white;
        display:flex;
        display:none;
        flex-direction:column;
        justify-content:center;
        outline:none;
        position:fixed;
        right:30px;
        width:45px;
        z-index:100;
    }
    /* Common styles for all child divs */
    #backTop > div{
        border-bottom:1px solid rgba(255, 255, 255, 0.5);
        cursor:pointer;
        font-size:30px;
        height:45px;
        line-height:45px;
        text-align:center;
        transition:background 0.3s ease, color 0.3s ease;
        width:45px;
    }
    #backTop > div:last-child{
        border-bottom:none;
    }
    #backTop > div:hover{
        background:rgba(100, 100, 100, 0.95);
        color:#ffffff;
    }
    /* Specific styles for each div */
    #backTop > #feedback{
        font-size:24px;
    }
    #backTop > #toTop{
        line-height:49px;
    }
    /* 以上是侧滑 */
    /* 下拉框悬浮 */
    #allProducts{
        background:white;
        left:10%;
        margin:0 auto;
        padding-bottom:20px;
        position:fixed;
        width:800px;
    }
    #allProducts > span{
        display:inline-block;
        text-align:left;
        vertical-align:top;
        width:18%;
    }
    #allProducts > span > span{
        display:inline-block;
        font-size:14px;
        margin:10px 0 0 0;
        vertical-align:top;
    }
    #allProducts > span > span > a{
        font-size:14px;
        font-weight:600
    }
    #allProducts a{
        font-size:14px;
        text-align:left;
    }
    #allProducts a:hover{
        background:none;
        text-decoration:underline;
    }
    /* 以上是下拉框 */
    #loginBtn{
        margin:0 0 0 10px;
    }
    #headerSearchInput{
        background:white;
        border:1px solid black;
        height:33px;
        outline:none;
        padding:5px 8px;
        position:absolute;
        right:33px;
        top:8px;
        width:232px;
        z-index:22;
    }
    #searchText{
        cursor:pointer;
        height:33px;
    }
    #logo{
        cursor:pointer;
        font-size:20px;
        line-height:49px;
        margin-right:20px;
    }
    #logo:hover{
        color:#00a3e1;
    }
    #headerLeft > div{
        display:inline-block;
        max-width:20%;
        min-width:5px;
        vertical-align:top;
    }
    #headerNav{
        /*position:fixed;*/
        background:white;
        font-size:14px;
        height:50px;
        line-height:50px;
        top:0;
        width:100%;
        z-index:105;
    }
    footer a{
        color:#616161;
        cursor:pointer;
    }
    #footerRegion{
        bottom:0;
        text-align:center;
        white-space:nowrap;
    }
    #footerRegion > div h2{
        color:#616161;
        font-size:15px;
    }
    #footerRegion > div > div{
        font-size:14px;
        margin:10px;
    }
    #footerRegion > div{
        display:inline-block;
        padding:0 7%;
        text-align:left;
        vertical-align:top;
    }
    #lowermostLeftId a{
        color:#616161;
        float:left;
        font-size:14px;
        line-height:20px;
        margin:0 -3% 0 5%;
        white-space:nowrap;
    }
    .lowermostRight > div{
        display:inline-block;
        padding:0 24px 4px 0;
    }
    .lowermostRight{
        color:#616161;
        float:right;
        font-size:14px;
        line-height:16px;
        margin:3px 0;
    }
    .lowermost{
        background:#f2f2f2;
        display:block;
        height:30px;
    }
    #headerRight > div{
        display:none;
        vertical-align:top;
    }
    #searchImg{
        cursor:pointer;
        height:18px;
        margin-top:-2px;
        vertical-align:middle;
        width:18px;
    }
    #headerLeft{
        display:inline-block;
        height:100%;
        padding-left:5%;
        vertical-align:top;
        white-space:nowrap;
        width:55%;
    }
    #headerRight{
        display:inline-block;
        height:100%;
        text-align:right;
        vertical-align:top;
        width:35%;
    }
    .minHeaderLeft a{
        display:block;
    }
    .mySelect > span{
        cursor:context-menu;
    }
    header .mySelect{
        position:relative;
        text-align:center;
        width:115px;
    }
    header .mySelect > div{
        background:white;
        border:1px solid #cccccc;
        margin-top:-5px;
    }
    #messageBtn:hover, #hUnameSpan:hover, #searchText:hover,
    .mySelect > span:hover, .mySelect > span:hover{
        color:deepskyblue !important;
    }
    header .mySelect > div a:hover{
        background:deepskyblue;
        cursor:pointer;
    }
    header .mySelect > span{
        height:33px;
    }
    #headerLeft .mySelect > span{
        margin-left:-10px;
    }
    header .mySelect > div a{
        background:#fff;
        display:block;
        font-size:14px;
        line-height:40px;
        text-align:center;
        width:100%;
    }
    header .msgSelectBox{
        width:55px;
    }
    #headerRight .mySelect{
        border:none;
    }
    #headerRight .mySelect > div{
        border:1px dashed;
        margin-left:-35px;
        width:135px;
    }
    #headerRight .mySelect:hover{
        margin-top:0;
    }
    .msgSelectBox > div{
        margin:0 0 0 -28px;
        width:110px;
    }
    #searchDiv{
        position:relative
    }
    #hUnamePar > .mySelect{
        height:50px;
        width:100%;
    }
    #hUnamePar > .mySelect > span{
        font-size:14px;
        white-space:nowrap;
    }
    #hUnamePar > .mySelect > div{
        position:absolute;
        width:113px;
    }
    .bannerHeaderNav{
        position:fixed;
        top:40px !important;
    }
    .bannerSection{
        margin-top:90px !important;
    }
    #sideSlipBtn{
        display:none;
        height:0;
        width:0;
    }
    .mbtn{
        background:deepskyblue;
        border:1px solid;
        border-radius:2px;
        box-sizing:border-box;
        color:white;
        cursor:pointer;
        display:inline-block;
        line-height:100%;
        margin:5px 0;
        outline:none;
        padding:8px;
        resize:none;
        vertical-align:middle;
    }
    .mbtn:active, input[type="button"]:active{
        background:#4a9bfa;
        border:1px dashed;
        box-sizing:border-box;
        opacity:0.8;
    }
    input[type="text"], input[type="password"], select{
        box-shadow:inset 0 0 0 50px white;
        box-sizing:border-box;
        outline:none;
        padding:8px;
        vertical-align:middle;
    }
    input[type="button"]{
        border:none;
        box-shadow:inset 0 0 0 50px deepskyblue;
        color:white;
    }
    ::-webkit-scrollbar{ /*滚动条整体样式*/
        height:10px;
        width:10px; /*高宽分别对应横竖滚动条的尺寸*/
    }
    ::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
        background:#535353;
        border-radius:10px;
        box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    ::-webkit-scrollbar-track{ /*滚动条里面轨道*/
        background:#ededed;
        border-radius:10px;
        box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
    }
    #feedbackBox{
        min-width:400px
    }
    #alertDiv{
        min-height:100px;
        min-width:400px;
        overflow:auto;
    }
    /*toastr*/
    body .toast-top-right{
        right:5%;
        top:50px;
    }
    body #toast-container > .toast-info{
        background-image:none !important;
    }
    body #toast-container > div{
        padding:15px 15px 15px 25px;
        width:20em;
    }
    body #toast-container .toast-close-button{
        top:0;
    }
}
@media (max-width:600px){
    /* Base styles for the back to top container */
    #backTop{
        background:rgba(132, 132, 132, 0.95);
        border:none;
        border-radius:5px;
        bottom:30px;
        box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
        color:white;
        display:flex;
        flex-direction:column;
        justify-content:center;
        outline:none;
        position:fixed;
        right:30px;
        width:45px;
        z-index:100;
    }
    /* Common styles for all child divs */
    #backTop > div{
        border-bottom:1px solid rgba(255, 255, 255, 0.5);
        cursor:pointer;
        font-size:30px;
        height:45px;
        line-height:45px;
        text-align:center;
        transition:background 0.3s ease, color 0.3s ease;
        width:45px;
    }
    #backTop > div:last-child{
        border-bottom:none;
    }
    #backTop > div:hover{
        background:rgba(100, 100, 100, 0.95);
        color:#ffffff;
    }
    /* Specific styles for each div */
    #backTop > #feedback{
        font-size:24px;
    }
    #backTop > #toTop{
        line-height:49px;
    }
    /* Additional styling for the side slip div */
    /* Media queries for mobile devices for sideSlipDivOne */
    #sideSlipBtn > img{ /* 侧滑 */
        display:inline-block;
        height:26px;
    }
    #sideSlipBtn{
        height:50px;
        left:0;
        top:0;
        line-height:60px;
        position:fixed;
        text-align:right;
        width:42px;
    }
    /* 以上是侧滑 */
    .lowermostRight > div{
        display:none;
    }
    #lowermostLeftId{
        height:28px;
        line-height:28px;
    }
    #lowermostLeftId a{
        margin:0 10px;
    }
    /* 以下是header */
    #headerSearchInput{
        box-sizing:border-box;
        border:1px solid #cbd5e1;
        border-radius:8px;
        font-size:16px;
        height:34px;
        min-width:0;
        width:100%;
        margin:0;
        outline:none;
        padding:0 10px;
        position:static;
    }
    #headerLeft{
        height:50px;
        width:auto;
        padding:0;
    }
    #logo{
        box-sizing:border-box;
        color:dodgerblue;
        cursor:pointer;
        font-size:20px;
        height:34px;
        left:50%;
        line-height:34px;
        padding:0 8px;
        position:absolute;
        top:50%;
        transform:translate(-50%, -50%);
    }
    #searchButton{
        background:none;
        display:none;
    }
    header{
        height:50px;
        position:fixed;
        top:0;
        width:100%;
        z-index:10;
    }
    #headerNav{
        background:white;
        height:50px;
        position:fixed;
        top:0;
        width:100%;
        z-index:105;
    }
    body{
        display:flex;
        flex-direction:column;
        min-height:100vh;
    }
    section{
        flex:1;
        margin:0 auto;
        margin-top:50px;
        width:93%;
        z-index:1;
    }
    footer{
        border-top:1px solid #cccccc;
        /*background:#f2f2f2;*/
        z-index:1;
    }
    #footerRegion{
        bottom:0;
        text-align:center;
        white-space:nowrap;
    }
    #footerRegion > div{
        display:inline-block;
        vertical-align:top;
        width:24%;
    }
    #footerRegion h2{
        font-size:14px;
        margin:5px 0;
    }
    #footerRegion a{
        display:inline-block;
        font-size:12px;
        margin:6px 0;
    }
    #backTop > div{
        font-size:25px;
        height:40px;
        /*border:1px solid;*/
        line-height:45px;
    }
    .lowermost{
        text-align:center;
    }
    .sideSlipSelect > .mySelect > div > div{
        font-size:16px;
        height:20px;
        line-height:20px;
        margin:3px 2px;
        padding:5px 0;
    }
    .mbtn{
        background:deepskyblue;
        border:1px solid;
        border-radius:2px;
        box-sizing:border-box;
        color:white;
        cursor:pointer;
        display:inline-block;
        font-size:16px;
        line-height:100%;
        margin:8px 0;
        outline:none;
        padding:8px;
        resize:none;
        vertical-align:middle;
    }
    #headerRight{
        box-sizing:border-box;
        height:50px;
        width:calc(50% - 46px);
        line-height:50px;
        position:absolute;
        right:0;
        top:0;
        text-align:right;
    }
    #acctBtnBox > div{
        display:inline-block;
    }
    #acctBtnBox{
        margin-left:0;
        position:absolute;
        right:16px;
        top:0;
        vertical-align:top;
    }
    #registerBtn{
        margin-right:3px;
    }
    .headerSearch{
        box-sizing:border-box;
        height:50px;
        width:28px;
        left:60px;
        top:0;
        line-height:50px;
        position:fixed;
    }
    .headerSearch.is-open{
        grid-template-columns:28px minmax(0, 1fr);
        align-items:center;
        gap:8px;
        height:34px;
        left:12px;
        right:12px;
        top:8px;
        width:auto;
        line-height:normal;
        background:white;
        z-index:106;
    }
    .headerSearchIcon{
        cursor:pointer;
        width:22px;
        height:22px;
        margin:0;
        object-fit:contain;
        vertical-align:middle;
    }
    #hUnamePar{
        height:40px;
        line-height:40px;
        margin-left:0;
        position:absolute;
        right:10px;
        top:0;
        vertical-align:top;
    }
    #hUnamePar > .mySelect{
        height:40px;
        line-height:40px;
    }
    body #hUnameSpan{
        font-size:20px;
        height:40px;
        line-height:45px;
        margin:-3px 8px 0 0;
        max-width:80px;
        overflow:hidden;
        text-overflow:ellipsis;
        vertical-align:middle;
        white-space:nowrap;
    }
    .minHeaderLeft{
        display:none
    }
    .bannerHeaderNav{
        position:fixed;
        top:40px !important;
    }
    .bannerSection{
        margin-top:90px !important;
    }
    #backTop > #feedback{
        font-size:18px;
        line-height:40px;
    }
    #backTop > #closeToTop{
        font-size:20px;
        line-height:35px;
    }
    #feedbackBox{
        width:90%;
    }
    #alertDiv{
        max-height:80%;
        overflow:auto;
        width:90%;
    }
    /*toastr*/
    body .toast-top-right{
        right:4%;
        top:50px;
    }
    body #toast-container > .toast-info{
        background-image:none !important;
        /*margin:0;*/
    }
    body #toast-container > div{
        padding:15px 15px 15px 15px;
        width:15em;
    }
    body #toast-container .toast-close-button{
        top:0;
    }
    #headerShowSearchDiv{
        box-sizing:border-box;
        background:white;
        border:1px solid #e2e8f0;
        border-radius:8px;
        display:none;
        left:0;
        right:0;
        top:42px;
        width:100%;
        max-height:60dvh;
        overflow:auto;
        position:absolute;
        text-align:left;
    }
    #lgRgBox #regBox{
        height:75%;
        width:84%;
    }
    #lgRgBox label{
        font-size:15px;
        left:40px;
    }
    #lgRgBox #tologin{
        padding-left:8%;
    }
    #lgRgBox #tologin a{
        font-size:15px;
    }
    #lgRgBox .loRegDiv{
        height:50px;
        margin:20px 0 0 0;
    }
    #lgRgBox #captchaBtn{
        right:18px !important;
    }
    #lgRgBox #regBtn{
        right:7%;
    }
    #lgRgBox #loginBox{
        width:80%;
    }
    #lgRgBox #input_login{
        right:5%;
    }
    #lgRgBox #forgetPswd{
        font-size:14px;
        left:35%;
    }
    #lgRgBox .wxQrcodeDiv{
        max-height:256px;
        min-height:40px;
        padding:20px;
        position:relative;
    }
    #lgRgBox label{
        font-size:14px;
        left:40px;
    }
    #lgRgBox .wxQrcodeDivRemind{
        left:10px;
        top:-4%;
    }
    #toRegister a{
        font-size:14px;
    }
}
