:root {
    --header-height: 180px;
    --footer-height: 60px;
    --my-content-width: 1280px;
    --my-theme-color: #F20801;
}
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset006pxrgba(0,0,0,0.3);*/
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0,0,0,0.1);
    /*-webkit-box-shadow: inset006pxrgba(0,0,0,0.5);*/
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(184 168 168 / 40%);
}

.min-wrap {
    min-width: var(--my-content-width);
}

.wrap-content {
    width: var(--my-content-width);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    /*background: #0C0C0C;*/
}

body > header {
    height: var(--header-height);
}

body > main {
    /*background: #cccccc;*/
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
}

body > footer {
    min-height: 60px;
    background: no-repeat url("../../Content/images/layout/bg (4).png");
    background-size: 100% 100%;
    font-size: 14px;
    color: #FFFFFF;
    position: relative;
}

/*顶部*/
.header-top {
    height: 30px;
    /*background: no-repeat center/cover url("../../Content/images/layout/bg (1).png");*/
    /*background-size: 100% auto;*/
    position: relative;
    color: #FFFFFF;
    box-sizing: border-box;
    font-size: 14px;
}

.header-top .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #F20801;
    /*background-size: 100% auto;*/
}

.header-top .top-btn {
    margin-left: 10px;
    color: #FFFFFF;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    font-size: 18px;
    padding: 4px 8px;
}

.header-top .top-btn:hover {
    cursor: pointer;
    background: #FFFFFF;
    color: #0B2CFF;
}

.header-bottom {
    box-sizing: border-box;
    height: var(--header-height);
    background: #fff;
    background-size: 100% 100%;
}

/*顶部菜单*/
.top-menus {
    list-style: none;
}

.top-menus > li {
    display: inline;
    margin-left: 20px;

}

.top-menus > li > a {
    font-size: 22px;
    font-weight: 400;
    border-bottom: 4px solid transparent;
    color: #333333;
    transition: none;
    padding:8px 0;
}

.top-menus > li > a:hover {
    color: var(--my-theme-color);
}

.top-menus > li > a.active {
    border-bottom: 2px solid var(--my-theme-color);
    color: var(--my-theme-color);
}

/*底部*/
body > footer .img-qrcode {
    object-fit: cover;
    width: auto;
    height: 90px;
    border-radius: 10px;
    padding: 6px;
    box-sizing: content-box;
    background: #ffffff;
}

body > footer .qrcode-title {
    margin-top: 10px;
}