@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../font/montserrat-normal-latin.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../font/montserrat-normal-latin-ext.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../font/montserrat-normal-cyrillic.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("../font/montserrat-italic-latin.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("../font/montserrat-italic-latin-ext.woff2") format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url("../font/montserrat-italic-cyrillic.woff2") format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
body {
    padding: 0px;
    margin: 0px;
    background: rgb(255, 255, 255);
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    color: rgb(129, 129, 129);
}
input {
    font-family: Montserrat, sans-serif !important;
}
h1,
h2,
h3,
h4 {
    padding: 0px;
    margin: 0px 0px 10px;
}
a {
    text-decoration: none;
}
img {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}
.head-line {
    background: rgb(20, 20, 20);
}
.head-line-w {
    width: 1228px;
    height: 80px;
    position: relative;
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin: 0px auto;
    text-align: left;
}
.logo {
    font-weight: bold;
    font-size: 23px;
    color: rgb(255, 255, 255);
    height: 40px;
    line-height: 40px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17411 6.28664C6.97343 5.61435 6 6.1651 6 7.51578V17.4832C6 18.8353 6.97343 19.3853 8.17411 18.7137L17.0992 13.7174C18.3003 13.0448 18.3003 11.9552 17.0992 11.2829L8.17411 6.28664Z' fill='%23E81522'/%3E%3C/svg%3E%0A") right center no-repeat;
    padding: 0px 26px 0px 0px;
}
.logo span {
    color: rgb(132, 138, 148);
}
.head-r {
    display: flex;
}
.rbt {
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    background: rgb(232, 21, 34);
    border-radius: 10px;
    padding: 0px 30px;
    font-weight: 600;
    font-size: 15px;
    color: rgb(255, 255, 255);
    margin-right: 15px;
}
.rbt:hover {
    background: rgb(203, 19, 30);
}
.main-center-block {
    width: 1228px;
    margin: 0px auto;
    text-align: left;
}
.footer {
    padding: 165px 0px 0px;
    position: relative;
}
.footer-bg {
    background: rgb(20, 20, 20);
    padding: 100px 0px 0px;
}
.footer-w {
    width: 1228px;
    margin: 0px auto;
    text-align: left;
}
.footer-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px;
    border-top: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
}
.footer-copy {
    color: rgb(133, 138, 146);
    font-size: 16px;
}
.footer-soc a {
    color: rgb(255, 255, 255);
    margin: 0px 10px;
}
.footer-soc a:hover {
    color: rgb(232, 21, 34);
}
.login-block {
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    top: 80px;
    width: 292px;
    border-radius: 20px;
    background: rgb(48, 48, 48);
    transition: 0.3s;
    display: none;
    transform: scale(0.5);
    text-align: left;
    z-index: 100;
}
.login-block2 {
    width: 365px;
    padding: 34px;
}
.login-line {
    margin: 0px 0px 20px;
}
.login-input-text {
    background: rgb(36, 36, 36);
    border-radius: 10px;
    border: 0px;
    margin: 0px;
    padding: 0px 5%;
    display: block;
    height: 44px;
    line-height: 44px;
    width: 90%;
    color: rgb(255, 255, 255);
    font-size: 15px;
    outline: none;
}
.rrlink {
    padding: 5px 0px 25px;
    margin: 0px 0px 20px;
    text-align: center;
    border-bottom: 1px solid rgb(72, 76, 82);
}
.rrlink a {
    font-size: 17px;
    color: rgb(255, 255, 255);
    font-weight: 500;
}
.rrlink a:hover {
    color: rgb(232, 21, 34);
}
.enter {
    height: 50px;
    line-height: 50px;
    background: rgb(232, 21, 34);
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 15px;
    outline: none;
    border: 0px;
    margin: 0px;
    width: 47%;
    box-sizing: border-box;
}
.enter:hover {
    background: rgb(203, 19, 30);
}
.lbt {
    display: flex;
    justify-content: space-between;
}
.lbt a {
    width: 47%;
    border: 4px solid rgb(204, 204, 204);
    height: 50px;
    line-height: 42px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 15px;
}
.lbt a:hover {
    border: 4px solid rgb(232, 21, 34);
}
.mob-menu,
.mob-search {
    display: none;
}
@media (max-width: 1250px) {
    .mob-shad {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgb(255, 255, 255);
        z-index: 8888;
        opacity: 0.8;
        cursor: pointer;
        left: 0px;
        top: 0px;
        display: none;
    }
    .mob-panel {
        position: fixed;
        width: 260px;
        height: 100%;
        background: rgb(20, 20, 20);
        box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 13px;
        z-index: 8889;
        left: -330px;
        top: 0px;
        overflow-y: auto;
        text-align: left;
    }
    .mob-panel2 {
        padding: 0px;
    }
    .mob-close {
        width: 30px;
        height: 30px;
        position: fixed;
        left: 275px;
        top: -50px;
        cursor: pointer;
        z-index: 8889;
        background: url("../images/close2.png") center center no-repeat;
    }
    .mob-menu {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 60px;
        height: 100%;
        background: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 224 224' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='translate(0 -562.36)'%3E%3Cg%3E%3Cg%3E%3Cpath d='M13.35,590.166h197.3c17.8,0.5,17.8-28.299,0-27.799H13.35C-4.45,561.866-4.45,590.666,13.35,590.166z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3Cpath d='M210.65,660.464H13.35c-17.8-0.5-17.8,28.299,0,27.799h197.3C228.45,688.763,228.45,659.964,210.65,660.464z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3Cpath d='M210.65,758.061H13.35c-17.8,0-17.8,28.299,0,28.299h197.3C228.45,786.36,228.45,758.061,210.65,758.061z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
            center center / 22px no-repeat;
        display: block;
        cursor: pointer;
    }
    .head-line {
        height: 80px;
    }
    .head-line-w {
        width: auto;
        padding: 0px 15px 0px 70px;
    }
    .login-block {
        right: 5px;
    }
    .main-center-block {
        width: auto;
    }
    .footer-w {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-line {
        display: block;
        text-align: center;
    }
    .footer-copy {
        padding: 15px 0px;
    }
}
@media (max-width: 820px) {
    .footer-bg {
        padding: 20px 0px 0px;
    }
}
@media (max-width: 650px) {
    .footer {
        padding: 30px 0px 0px;
    }
    .mob-search {
        position: absolute;
        right: 70px;
        top: 18px;
        display: block;
        width: 45px;
        height: 45px;
        border-radius: 100%;
        background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4339 10.8194C14.3404 8.14424 14.0937 4.40634 11.6936 2.00631C9.01856 -0.668771 4.68139 -0.66877 2.00631 2.00631C-0.668771 4.68139 -0.668771 9.01856 2.00631 11.6936C4.40634 14.0937 8.14424 14.3404 10.8194 12.4339L14.3854 16L16 14.3854L12.4339 10.8194ZM10.0791 3.62087C11.8625 5.40425 11.8625 8.2957 10.0791 10.0791C8.2957 11.8625 5.40425 11.8625 3.62087 10.0791C1.83748 8.2957 1.83748 5.40425 3.62087 3.62087C5.40425 1.83748 8.2957 1.83748 10.0791 3.62087Z' fill='%23D7D7D7'/%3E%3C/svg%3E%0A") center center no-repeat rgb(48, 48, 48);
        cursor: pointer;
    }
}
.stb-wrap {
    width: 900px;
    margin: 0px auto;
    text-align: left;
    padding: 40px 0px;
    font-size: 16px;
    color: rgb(113, 113, 113);
    line-height: 22px;
}
.stb-sp {
    margin: 0px 0px 16px;
}
.stb-sp-title {
    padding: 18px 70px 18px 24px;
    cursor: pointer;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    background: rgb(249, 249, 249);
    position: relative;
    transition: 0.3s;
}
.stb-sp-title::after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 7V11H7V13H11V17H13V13H17V11H13V7H11ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z' fill='%23141414'/%3E%3C/svg%3E") center center no-repeat;
    width: 24px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0px;
    display: block;
    transition: 0.3s;
}
.stb-sp-title:hover {
    background: rgb(236, 236, 236);
}
.stb-sp-content {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
    color: rgb(82, 86, 93);
    font-size: 16px;
    line-height: 22px;
}
.stb-wrap a {
    color: rgb(232, 21, 34);
}
.stb-wrap a:hover {
    color: rgb(0, 0, 0);
}
.stb-sp-content ol {
    margin: 0px;
    padding: 0px;
    counter-reset: listitem 0;
}
.stb-sp-content ol li {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    list-style-type: none;
    position: relative;
}
.stb-sp-content ol li::before {
    counter-increment: listitem 1;
    content: counter(listitem) ".";
    position: absolute;
    left: 0px;
    top: 0px;
}
@media (max-width: 950px) {
    .stb-wrap {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.stb-wrap {
    margin: 0px auto;
    text-align: left;
    font-size: 16px;
    color: rgb(113, 113, 113);
    line-height: 22px;
}
.stb-sp {
    margin: 0px 0px 60px;
}
.tpl-clear-h40.tpl-clear-h40.tpl-clear-h40 {
    clear: both;
    height: 40px;
}
.tpl-color-green.tpl-color-green.tpl-color-green {
    color: green;
}
.tpl-form-reset.tpl-form-reset.tpl-form-reset {
    margin: 0px;
    padding: 0px;
}
.tpl-full-width.tpl-full-width.tpl-full-width {
    max-width: 100%;
    width: 100%;
}
.tpl-nav-icon.tpl-nav-icon.tpl-nav-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}
.tpl-padding-0.tpl-padding-0.tpl-padding-0 {
    padding: 0px;
}

.hhln {
    height: 80px;
    line-height: 80px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(132, 138, 148);
    margin: 0px 0px 0px 25px;
}
.hhln:hover {
    color: rgb(255, 255, 255);
}
.hhln:hover::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 10px;
    background: rgb(232, 21, 34);
    width: 100%;
}
.hhlns {
    height: 80px;
    line-height: 80px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    margin: 0px 0px 0px 25px;
}
.login-open-m {
    height: 80px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(132, 138, 148);
    margin: 0px 0px 0px 25px;
}
.login-open-m a {
    color: inherit;
}
.fgnght {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    flex: 0 0 45px;
    margin: 0px 0px 0px 15px;
}
.l1,
.l2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
}
.l1 {
    display: block;
    background: #303030 url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C9.243 2 7 4.243 7 7C7 9.757 9.243 12 12 12C14.757 12 17 9.757 17 7C17 4.243 14.757 2 12 2ZM12 10C10.346 10 9 8.654 9 7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7C15 8.654 13.654 10 12 10ZM21 21V20C21 16.141 17.859 13 14 13H10C6.14 13 3 16.141 3 20V21H5V20C5 17.243 7.243 15 10 15H14C16.757 15 19 17.243 19 20V21H21Z' fill='%23D7D7D7'/%3E%3C/svg%3E%0A") center center no-repeat;
}
.l2 {
    display: none;
    background: #303030 url("data:image/svg+xml,%3Csvg height='365pt' viewBox='0 0 365.71733 365' width='365pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f44336'%3E%3Cpath d='m356.339844 296.347656-286.613282-286.613281c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503906-12.5 32.769532 0 45.25l286.613281 286.613282c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082032c12.523438-12.480468 12.523438-32.75.019532-45.25zm0 0'/%3E%3Cpath d='m295.988281 9.734375-286.613281 286.613281c-12.5 12.5-12.5 32.769532 0 45.25l15.082031 15.082032c12.503907 12.5 32.769531 12.5 45.25 0l286.632813-286.59375c12.503906-12.5 12.503906-32.765626 0-45.246094l-15.082032-15.082032c-12.5-12.523437-32.765624-12.523437-45.269531-.023437zm0 0'/%3E%3C/g%3E%3C/svg%3E") center center / 16px auto no-repeat;
}
.mthead {
    background: url("data:image/svg+xml,%3Csvg width='1920' height='1055' viewBox='0 0 1920 1055' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cg opacity='0.57' filter='url(%23filter0_f_941_5727)'%3E%3Cellipse cx='661' cy='378.2' rx='222' ry='176.7' fill='%230029FF'/%3E%3C/g%3E%3Cg opacity='0.57' filter='url(%23filter1_f_941_5727)'%3E%3Cellipse cx='1215' cy='378.2' rx='222' ry='176.7' fill='%238F00FF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_941_5727' x='-61' y='-298.5' width='1444' height='1353.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_941_5727'/%3E%3C/filter%3E%3Cfilter id='filter1_f_941_5727' x='493' y='-298.5' width='1444' height='1353.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_941_5727'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
        center top no-repeat rgb(20, 20, 20);
}
.mthead-w {
    width: 1228px;
    margin: 0px auto;
    text-align: left;
}
.mthead-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 460px;
}
.mthead-logo picture {
    display: contents;
}
.search-block-m {
    position: relative;
    height: 70px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    padding: 0px 70px 0px 0px;
    margin: 0px 0px 30px;
}
.form-text-m {
    height: 70px;
    line-height: 70px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 25px;
    color: rgb(112, 117, 125);
    font-size: 20px;
    margin: 0px;
    border: 0px;
    outline: none;
    background: none;
    display: block;
}
.form-search-m {
    display: block;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    margin: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 0px 16px 16px 0px;
    width: 70px;
    height: 70px;
    outline: none;
    background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0203 23.4642C29.039 19.2285 28.6482 13.3102 24.8482 9.51016C20.6126 5.27461 13.7455 5.27461 9.50991 9.51016C5.27437 13.7457 5.27437 20.6129 9.50991 24.8484C13.31 28.6485 19.2283 29.0392 23.464 26.0206L29.1102 31.6668L31.6666 29.1104L26.0203 23.4642ZM22.2918 12.0665C25.1155 14.8902 25.1155 19.4683 22.2918 22.292C19.4681 25.1157 14.89 25.1157 12.0663 22.292C9.24259 19.4683 9.24259 14.8902 12.0663 12.0665C14.89 9.24284 19.4681 9.24284 22.2918 12.0665Z' fill='white' /%3E%3C/svg%3E") center center no-repeat rgb(232, 21, 34);
}
.cmcm-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -17px;
    position: relative;
    z-index: 22;
}
.cmcm {
    width: 232px;
    box-sizing: border-box;
    margin: 0px 17px 17px 0px;
    height: 240px;
    border-radius: 13px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(rgb(33, 37, 41) 0%, rgb(19, 20, 21) 100%);
}
.cmcm-title {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    box-sizing: border-box;
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    padding: 12px;
    color: rgb(255, 255, 255);
}
.cmcm-images {
    position: absolute;
    left: 13px;
    top: 123px;
    white-space: nowrap;
}
.cmcm-i {
    width: 123px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px 0px;
}
.cmcm-i img {
    border-radius: 8px;
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
.cmcm-i:nth-child(2) {
    margin-top: -20px;
    margin-left: -86px;
}
.cmcm-i:nth-child(3) {
    margin-top: -40px;
    margin-left: -86px;
}
.mthead {
    position: relative;
}
.link8k {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    font-size: 20px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: rgb(48, 48, 48);
    margin: 0px 20px 40px 0px;
}
.link8k img {
    width: 34px;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
}
.ccnt {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: rgb(99, 104, 112);
    margin: 0px 0px 40px;
}
.ccnt span {
    font-weight: 700;
    font-size: 38px;
    color: rgb(0, 0, 0);
    display: block;
}
.footer {
    padding-top: 0px;
}
body {
    background: rgb(20, 20, 20);
}
.mthead-wt {
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
}
.mthead-wt::after {
    content: "";
    background: rgb(255, 255, 255);
    display: block;
    position: absolute;
    left: 0px;
    top: -30px;
    height: 30px;
    width: 100%;
}
.mthead-wt-w {
    width: 1228px;
    margin: 0px auto;
    text-align: left;
    padding: 30px 0px 60px;
}
.mthead-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #455063;
    margin: 0px 0px 60px;
}
.mthead-text a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.mthead-title {
    color: rgb(20, 20, 20);
    font-weight: 700;
    font-size: 24px;
    line-height: normal;
    margin: 0px 0px 22px;
}
.mthead-title h1,
.mthead-title h2,
.mthead-title h3 {
    font-weight: inherit;
    font-size: inherit;
    display: inline;
    margin: 0px;
    padding: 0px;
    line-height: inherit;
}
.load-more2 {
    display: inline-block;
    vertical-align: top;
    margin: 0px auto 40px;
    position: relative;
    height: 55px;
    line-height: 55px;
    padding: 0px 60px;
    cursor: pointer;
    box-shadow: rgba(236, 52, 90, 0.25) 4px 4px 10px 0px;
}
.footer {
    display: none !important;
}
.mtfooter {
    background: rgb(20, 20, 20);
}
.mtfooter-w {
    width: 1228px;
    margin: 0px auto;
    text-align: left;
    padding: 60px 0px 0px;
}
.mtfooter .ccnt {
    color: rgb(132, 138, 148);
}
.mtfooter .ccnt span {
    color: rgb(255, 255, 255);
}
.mtfooter-soc {
    display: flex;
    justify-content: space-between;
    margin: 0px -10px 20px;
}
.mtfooter-soc a {
    width: calc(33.3333% - 20px);
    margin: 0px 10px 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 105px;
    padding: 12px;
}
.mtfooter-soc a span {
    width: calc(100% - 100px);
    font-weight: 400;
    font-size: 16px;
    color: rgb(132, 138, 148);
}
.mtfooter-soc a span i {
    font-style: normal;
    display: block;
    font-weight: 600;
    font-size: 24px;
    color: rgb(255, 255, 255);
}
.mtfooter-soc a:hover {
    background: rgba(255, 255, 255, 0.15);
}
.mtfooter-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgb(132, 138, 148);
    margin: 0px 0px 30px;
}
.footer-line {
    border-bottom: 0px;
}
.stb-wrap {
    width: 900px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    font-size: 16px;
    color: rgb(113, 113, 113);
    line-height: 22px;
}
.stb-sp {
    margin: 0px 0px 16px;
}
.stb-sp-title {
    padding: 18px 70px 18px 24px;
    cursor: pointer;
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    background: rgb(249, 249, 249);
    position: relative;
    transition: 0.3s;
}
.stb-sp-title::after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 7V11H7V13H11V17H13V13H17V11H13V7H11ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12Z' fill='%23141414'/%3E%3C/svg%3E") center center no-repeat;
    width: 24px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0px;
    display: block;
    transition: 0.3s;
}
.stb-sp-title:hover {
    background: rgb(236, 236, 236);
}
.stb-sp-content {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s;
    color: rgb(82, 86, 93);
    font-size: 16px;
    line-height: 22px;
}
.stb-wrap a {
    color: rgb(232, 21, 34);
}
.stb-wrap a:hover {
    color: rgb(0, 0, 0);
}
.stb-sp-content ol {
    margin: 0px;
    padding: 0px;
    counter-reset: listitem 0;
}
.stb-sp-content ol li {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    list-style-type: none;
    position: relative;
}
.stb-sp-content ol li::before {
    counter-increment: listitem 1;
    content: counter(listitem) ".";
    position: absolute;
    left: 0px;
    top: 0px;
}
@media (max-width: 1250px) {
    .hhln,
    .hhlns {
        display: none;
    }
    .bnhty {
        display: block;
    }
    .login-open-m {
        font-size: 0px;
    }
    .mob-menu {
        display: none;
    }
    .head-line-w {
        padding: 0px 10px 0px 20px;
    }
    .mthead-w {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mthead-wt-w {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .mtfooter-w {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .cmcm-wrap {
        margin-left: -10px;
        margin-right: -10px;
    }
    .cmcm {
        width: calc(25% - 20px);
        margin: 0px 10px 20px;
    }
    .ccnt span {
        font-size: 32px;
    }
    .mthead-logo {
        height: auto;
        padding: 30px 0px;
    }
    .mthead-logo img {
        max-width: 80%;
        height: auto;
    }
    .mob-search {
        display: none;
    }
}
@media (max-width: 950px) {
    .stb-wrap {
        width: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .cmcm {
        width: calc(33.3333% - 20px);
    }
    .mtfooter-soc {
        flex-wrap: wrap;
    }
    .mtfooter-soc a {
        width: calc(100% - 20px);
    }
}
@media (max-width: 650px) {
    .cmcm-wrap {
        margin-left: -5px;
        margin-right: -5px;
    }
    .cmcm {
        width: calc(50% - 10px);
        margin: 0px 5px 10px;
    }
    .cmcm-title {
        font-size: 15px;
    }
    .cmcm {
        height: 180px;
    }
    .cmcm-images {
        transform: scale(0.7);
        left: -47px;
        top: 77px;
    }
}
body {
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: rgb(244, 244, 244);
}
.table-container {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
}
table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}
th,
td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid rgb(221, 221, 221);
}
th {
    background-color: rgb(255, 193, 54);
    color: white;
}
td {
    background-color: rgb(249, 249, 249);
}
tr:nth-child(2n) td {
    background-color: rgb(242, 242, 242);
}
tr:hover td {
    background-color: rgb(225, 225, 225);
}
.section-title {
    font-size: 1.5em;
    margin-bottom: 10px;
    color: rgb(51, 51, 51);
}
@media (max-width: 768px) {
    table {
        width: 100%;
        font-size: 14px;
    }
    th,
    td {
        padding: 10px;
    }
    .section-title {
        font-size: 1.3em;
        margin-bottom: 15px;
    }
}
@media (max-width: 480px) {
    .table-container {
        margin: 10px;
    }
    th,
    td {
        padding: 8px;
        font-size: 12px;
    }
    .section-title {
        font-size: 1.2em;
    }
}
.content {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
}
.list {
    margin: 10px 0px;
    padding-left: 20px;
}
.special-offer {
    font-weight: bold;
    color: rgb(76, 175, 80);
}
.stb-download-more.stb-download-more {
    padding-left: 0px;
    list-style: none;
}
.stb-download-more.stb-download-more::before {
    content: none;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    border: 0px;
}
.loginactive {
    transform: scale(1);
}
.stb-sp-active .stb-sp-title::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 2 6.48 2 12ZM4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12ZM7 11V13H17V11H7Z' fill='%23141414'/%3E%3C/svg%3E");
}
.stb-sp-active .stb-sp-content {
    height: auto;
    opacity: 1;
    padding: 25px;
}
.stb-sp-active .stb-sp-title {
    background: rgb(245, 245, 245);
    border-radius: 8px 8px 0px 0px;
}