@charset "UTF-8";

body {
    font-family: Hiragino Sans GB, Microsoft Yahei, sans-serif !important;
    margin: 0;
    padding: 0;
    font-size: 15.5px !important;
    overflow-x: hidden
}

a {
    cursor: pointer;
    text-decoration: none
}

input {
    user-select: text !important
}

ul {
    padding-inline-start: 0px;
    padding: 0;
    margin: 0
}

ul>li {
    list-style: none
}

.common-style {
    display: grid;
    color: #444;
    word-break: break-all;
    min-height: 1.4rem;
    padding: 13px 10px;
    border-radius: 8px
}

@media (max-width: 991px) {
    .common-style {
        padding: 5px !important
    }
}

.common-style a {
    color: inherit
}

.common-style p.description {
    margin: 1px 0 0;
    color: #a2a2a2;
    line-height: 1.5;
    font-size: 12px;
    display: none;
    text-align: justify !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.common-style[data-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="4"] .amz-item-2 .amz-intro {
        max-width: 12.5vw
    }
}

.common-style[data-columns="5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="5"] .amz-item-2 .amz-intro {
        max-width: 10vw
    }
}

.common-style[data-columns="6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="6"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 6)
    }
}

.common-style[data-columns="7"] {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="7"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 7)
    }
}

.common-style[data-columns="8"] {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="8"] .amz-item-2 .amz-intro {
        max-width: 6.25vw
    }
}

.common-style[data-columns="9"] {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="9"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 9)
    }
}

.common-style[data-columns="10"] {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="10"] .amz-item-2 .amz-intro {
        max-width: 5vw
    }
}

.common-style[data-columns="11"] {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="11"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 11)
    }
}

.common-style[data-columns="12"] {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="12"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 12)
    }
}

.common-style[data-columns="13"] {
    grid-template-columns: repeat(13, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="13"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 13)
    }
}

.common-style[data-columns="14"] {
    grid-template-columns: repeat(14, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="14"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 14)
    }
}

.common-style[data-columns="15"] {
    grid-template-columns: repeat(15, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="15"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 15)
    }
}

.common-style[data-columns="16"] {
    grid-template-columns: repeat(16, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="16"] .amz-item-2 .amz-intro {
        max-width: 3.125vw
    }
}

.common-style[data-columns="17"] {
    grid-template-columns: repeat(17, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="17"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 17)
    }
}

.common-style[data-columns="18"] {
    grid-template-columns: repeat(18, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="18"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 18)
    }
}

.common-style[data-columns="19"] {
    grid-template-columns: repeat(19, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="19"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 19)
    }
}

.common-style[data-columns="20"] {
    grid-template-columns: repeat(20, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="20"] .amz-item-2 .amz-intro {
        max-width: 2.5vw
    }
}

.common-style[data-columns="21"] {
    grid-template-columns: repeat(21, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="21"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 21)
    }
}

.common-style[data-columns="22"] {
    grid-template-columns: repeat(22, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="22"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 22)
    }
}

.common-style[data-columns="23"] {
    grid-template-columns: repeat(23, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="23"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 23)
    }
}

.common-style[data-columns="24"] {
    grid-template-columns: repeat(24, minmax(0, 1fr))
}

@media (min-width: 992px) {
    .common-style[data-columns="24"] .amz-item-2 .amz-intro {
        max-width: calc(50vw / 24)
    }
}

.common-style[data-style="1"] {
    padding: 6px 0 0 26px;
    margin-top: 6px;
    margin-bottom: 2px;
    gap: 0px
}

@media (max-width: 991px) {
    .common-style[data-style="1"] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 0 10px !important
    }
}

.common-style[data-style="1"] .amz-container {
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 3px
}

.common-style[data-style="1"] .amz-container .amz-logo {
    width: 16px;
    height: 17px
}

.common-style[data-style="1"] .amz-container .amz-title {
    font-size: 14px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.common-style[data-style="2"] {
    box-sizing: border-box
}

@media (max-width: 991px) {
    .common-style[data-style="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.common-style[data-style="2"] .amz-conf .amz-item {
    cursor: move
}

.common-style[data-style="2"] .amz-item {
    padding: 0 5px;
    min-height: 89px;
    cursor: pointer;
    border-radius: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.common-style[data-style="2"] .amz-item-2 {
    display: flex;
    padding: 10px 16px
}

.common-style[data-style="2"] .amz-item-2 .amz-item-logo {
    max-width: 26px;
    min-width: 26px;
    max-height: 26px;
    min-height: 26px;
    padding-top: 6px;
    margin-right: 4px;
    position: relative;
    top: -2px
}

.common-style[data-style="2"] .amz-item-2 .amz-item-logo img {
    width: 26px;
    height: 26px
}

.common-style[data-style="2"] .amz-item-2 .amz-item-title {
    display: block;
    font-size: 14px;
    margin: 4px 0;
    padding: 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    color: #444;
    line-height: 1.3rem
}

.common-style[data-style="2"] .amz-item-2 .description {
    margin: 1px 0 0;
    color: #a2a2a2;
    line-height: 1.5;
    text-align: justify !important;
    font-size: 12px;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important
}

.common-style[data-style="2"] .amz-item-2 .amz-intro {
    flex-grow: 1;
    max-width: calc(100% - 26px) !important;
    overflow: hidden
}

.common-style[data-style="2"] .amz-item-2 .amz-intro .amz-item-title {
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 4px 0;
    padding: 0 0 0 2px;
    font-weight: 700;
    color: #444;
    padding-right: 0 !important
}

.common-style[data-style="2"] .amz-item-2 .amz-intro .amz-item-title:hover {
    color: #ff4500
}

.common-style[data-style="2"] .amz-item-2 .amz-intro .description {
    position: relative;
    bottom: .5px
}

.common-style[data-style="2"] .amz-item .amz-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.common-style[data-style="2"] .amz-item:hover {
    background: #f1f7fc
}

.common-style[data-style="2"] .amz-item:hover .amz-item-title {
    color: #ee521c !important
}

.common-style[data-style="2"] .amz-item:hover .description {
    color: #585858
}

.common-style[data-style="3"] {
    background-color: transparent;
    padding: 0;
    margin: 0;
    gap: 12px
}

@media (max-width: 1199px) {
    .common-style[data-style="3"] {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.common-style[data-style="3"] img.amz-pure-img:hover {
    bottom: 4px
}

.common-style[data-style="3"] img.amz-pure-img {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all .25s ease-in-out;
    bottom: 0
}

.common-style[data-style="4"] {
    gap: 12.5px
}

@media (max-width: 1199px) {
    .common-style[data-style="4"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.common-style[data-style="4"] .amz-item {
    border: 1px solid #e8e8e8;
    padding: 10px 16px
}

.common-style[data-style="4"] .amz-nav {
    display: flex;
    height: 70px;
    cursor: pointer
}

.common-style[data-style="4"] .amz-nav .amz-intro {
    overflow: hidden
}

.common-style[data-style="4"] .amz-nav .amz-intro .amz-item-title {
    position: relative;
    bottom: 2px;
    margin: 4px 0;
    padding: 0 2px 2px;
    font-weight: 700;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.common-style[data-style="4"] .amz-nav .amz-intro .amz-item-title:hover {
    color: #f16a27 !important
}

.common-style[data-style="4"] .amz-nav .amz-intro .amz-item-intro {
    color: #a2a2a2;
    line-height: 1.5;
    font-size: 12px;
    display: none;
    text-align: justify !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
    bottom: 6px
}

.common-style[data-style="4"] .amz-nav .amz-item-logo {
    width: 45px;
    height: 45px;
    margin-right: 8px;
    position: relative;
    top: 4px
}

.common-style[data-style="4"] .amz-link-group {
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: center;
    padding-top: 10px
}

.common-style[data-style="4"] .amz-link-group .amz-link-item {
    margin: 0 1px;
    padding: 0 5px;
    width: 100%;
    height: 26px;
    text-align: center;
    line-height: 26px;
    color: #999;
    font-size: 14px;
    background: #f4f6f7;
    overflow: hidden;
    -webkit-border-radius: 13px;
    border-radius: 13px
}

.common-style[data-style="4"] .amz-link-group .amz-link-item:hover {
    background: #f16a27;
    color: #fff
}

.common-style[data-style="5"] {
    line-height: 32px;
    margin: 0 0 8px 5px;
    padding: 15px 17px 10px 28px
}

@media (max-width: 1023px) {
    .common-style[data-style="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding-top: 20px;
        text-align: center
    }

    .common-style[data-style="5"] .amz-item-link {
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.common-style[data-style="5"] .amz-item {
    line-height: 32px;
    width: 100%
}

.common-style[data-style="5"] .amz-item .un_enable {
    color: #a89999 !important
}

.common-style[data-style="5"] .amz-item .amz-item-text {
    color: #e53333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.common-style[data-style="5"] .amz-item .amz-item-link {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #555
}

@media (max-width: 992px) {
    .common-style[data-style="5"] .amz-item .amz-item-link {
        padding: 0 5px
    }
}

.common-style[data-style="5"] .amz-item .amz-item-link a {
    font-size: 14px
}

.common-style[data-style="7"],
.common-style[data-style="8"] {
    display: flex;
    flex-wrap: wrap
}

.common-style[data-style="10"] {
    background-color: #fff;
    border-radius: 10px;
    padding-top: 14px;
    padding-left: calc(1% + 2px);
    padding-right: 1%;
    padding-bottom: 0
}

@media (max-width: 991px) {
    .common-style[data-style="10"] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.common-style[data-style="10"] .amz-item-10 {
    box-sizing: border-box;
    min-height: 90px;
    max-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
    border: 1px solid #fff;
    margin-bottom: 10px
}

.common-style[data-style="10"] .amz-item-10:hover {
    background: #ebebeb;
    border-radius: 8px
}

.common-style[data-style="10"] .amz-item-10 .amz-item-logo {
    width: 48px;
    height: 48px;
    margin-bottom: 6px
}

.common-style[data-style="10"] .amz-item-10 .amz-intro {
    flex-grow: 1;
    position: relative;
    bottom: 1px;
    line-height: 1.1rem;
    text-align: center;
    color: #555;
    font-size: 14px
}

.common-style[data-style="11"][data-columns="9"] .amz-item-11 {
    padding: 8px !important
}

.common-style[data-style="11"][data-columns="9"] .amz-item-11 img.amz-item-logo {
    width: 23px;
    height: 23px
}

@media (max-width: 992px) {
    .common-style[data-style="11"][data-columns="6"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.common-style[data-style="11"] .amz-item {
    padding: 0 5px
}

.common-style[data-style="11"] .amz-item-11 {
    gap: 6px;
    align-items: center;
    display: flex;
    min-height: 49px;
    border-radius: 6px;
    padding: 10px 16px
}

.common-style[data-style="11"] .amz-item-11:hover {
    background: #f1f8fc
}

.common-style[data-style="11"] .amz-item-11 img.amz-item-logo {
    width: 26px;
    height: 26px
}

.common-style[data-style="11"] .amz-item-11 .amz-item-title {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.common-style[data-style="11"] .amz-item-11 .amz-item-title:hover {
    color: #ee521c !important
}

.common-style[data-style="12"].amz-news {
    display: flex;
    flex-wrap: wrap;
    padding: 7px 10px
}

.common-style[data-style="12"].amz-news .amz-news-item {
    display: flex;
    width: 33%;
    height: 122px;
    padding: 18px;
    transition: all .2s ease-in
}

.common-style[data-style="12"].amz-news .amz-news-item:hover {
    box-shadow: 0 0 10px #00000026;
    transform: translate3d(0, 1px, -2px)
}

@media (max-width: 991px) {
    .common-style[data-style="12"].amz-news .amz-news-item {
        width: 100%
    }
}

.common-style[data-style="12"].amz-news .amz-news-item .amz-news-img {
    width: 120px;
    height: 90px;
    cursor: pointer;
    margin-right: 12px
}

.common-style[data-style="12"].amz-news .amz-news-item .amz-news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.common-style[data-style="12"].amz-news .amz-news-text {
    width: calc(100% - 140px);
    line-height: 1.5
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-title {
    display: -webkit-box;
    font-size: 18px;
    color: #555;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-content {
    cursor: pointer;
    margin-top: 5px;
    font-size: 12px;
    color: #787878;
    height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-info {
    margin-top: 5px;
    display: flex;
    justify-content: space-between
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-info .amz-news-author {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555;
    cursor: pointer
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-info .amz-news-author img {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-info .amz-news-author span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.common-style[data-style="12"].amz-news .amz-news-text .amz-news-info .amz-news-date {
    display: block;
    color: #212529;
    font-size: 12px
}

@media (max-width: 1200px) and (min-width: 993px) {
    .common-style[data-style="12"].amz-news .amz-news-text .amz-news-info .amz-news-date {
        display: none
    }
}

.common-style[data-style="13"] {
    background: white
}

.common-style[data-style="13"][data-dynamic-matrix-container=true] {
    display: block !important
}

.common-style[data-style="13"][data-dynamic-matrix-container=true] .dynamic-matrix-container {
    display: flex !important;
    justify-content: space-between;
    background: var(--amz-tab-bg-color, #f1f4f9);
    border-radius: 20px;
    padding: 7px 8px;
    margin-left: 12px;
    margin-right: 12px
}

.common-style[data-style="13"][data-dynamic-matrix-container=true] .dynamic-matrix-container .amz-item a {
    padding: 2px 12px;
    max-width: 9rem
}

.common-style[data-style="13"][data-dynamic-matrix-container=true] .dynamic-matrix-container .amz-item a span {
    font-size: 14px;
    line-height: 18.5px;
    font-weight: 400;
    color: #888
}

.common-style[data-style="13"][data-dynamic-matrix-container=true] .dynamic-matrix-container .amz-item a span {
    transition: all .3s ease-in-out
}

.common-style[data-style="13"][data-dynamic-matrix-container=true] .dynamic-matrix-container .amz-item a.current span {
    color: #fff
}

.common-style[data-style="13"]:has(.dynamic-matrix-container) {
    display: block !important
}

@media (max-width: 991px) {
    .common-style[data-style="13"]:has(.dynamic-matrix-container) {
        display: none !important
    }
}

.common-style[data-style="13"]:has(.dynamic-matrix-container) .dynamic-matrix-container {
    display: flex !important;
    justify-content: space-between;
    background: var(--amz-tab-bg-color, #f1f4f9);
    border-radius: 20px;
    padding: 7px 8px;
    margin-left: 12px;
    margin-right: 12px
}

.common-style[data-style="13"]:has(.dynamic-matrix-container) .dynamic-matrix-container .amz-item a {
    padding: 2px 12px;
    max-width: 9rem
}

.common-style[data-style="13"]:has(.dynamic-matrix-container) .dynamic-matrix-container .amz-item a span {
    font-size: 14px;
    line-height: 18.5px;
    font-weight: 400;
    color: #888
}

.common-style[data-style="13"]:has(.dynamic-matrix-container) .dynamic-matrix-container .amz-item a span {
    transition: all .3s ease-in-out
}

.common-style[data-style="13"]:has(.dynamic-matrix-container) .dynamic-matrix-container .amz-item a.current span {
    color: #fff
}

@media (max-width: 991px) {
    .common-style[data-style="13"] {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

.common-style[data-style="13"]:not(.dynamic_matrix) a {
    padding: 4px;
    border-radius: 16px
}

.common-style[data-style="13"]:not(.dynamic_matrix) a:hover,
.common-style[data-style="13"]:not(.dynamic_matrix) a.current {
    background: #d6e8ff;
    padding: 4px !important
}

.common-style[data-style="13"]:not(.dynamic_matrix) a:hover span,
.common-style[data-style="13"]:not(.dynamic_matrix) a.current span {
    color: #0585fd
}

.common-style[data-style="13"]:not(.dynamic_matrix) a:hover img,
.common-style[data-style="13"]:not(.dynamic_matrix) a.current img {
    background: white
}

@media (max-width: 1399px) {
    .common-style[data-style="13"]:not(.dynamic_matrix) a {
        padding: 3px 1px
    }
}

.common-style[data-style="13"] .amz-item {
    z-index: 2;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.common-style[data-style="13"] .amz-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%
}

.common-style[data-style="13"] .amz-item section {
    background: #f5f5f5;
    border-radius: 100%;
    min-width: 19px;
    max-width: 19px;
    min-height: 19px;
    max-height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px
}

@media (max-width: 1599px) {
    .common-style[data-style="13"] .amz-item section {
        margin-right: 6px
    }
}

.common-style[data-style="13"] .amz-item img {
    width: 16px;
    height: 16px;
    border-radius: 4px
}

.common-style[data-style="13"] .amz-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #666;
    padding-right: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.common-style[data-style="13"].dynamic_matrix a {
    padding: 4px
}

.common-style[data-style="13"].dynamic_matrix .dynamic-matrix-container:after {
    content: "";
    display: inline-block;
    background: var(--amz-tab-fore-color, #1a90ff);
    height: var(--amz-matrix-height);
    position: absolute;
    top: 18px;
    width: var(--amz-matrix-width);
    left: var(--amz-matrix-x);
    transition: all .3s ease-in-out;
    border-radius: 16px
}

.common-style[data-style="13"].dynamic_matrix .current span {
    color: #fff;
    transition: all .3s ease-in-out
}

.common-style li.amz-item[data-hidden=true] {
    display: none
}

.amz-tips {
    color: #fff;
    font-size: 16px;
    max-width: 200px;
    white-space: normal;
    text-align: center;
    padding: 10px
}

.el-popper.is-customized {
    padding: 6px;
    background: #5da855
}

.el-popper.is-customized .el-popper__arrow:before {
    background: #5da855;
    right: 0
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.amz-body {
    margin: 0 auto;
    padding: 0 10px
}

.amz-global-preview {
    background: #f1f4f9;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.amz-global-preview .amz-preview-content {
    width: 91.6666666667%;
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width: 991px) {
    .amz-global-preview .amz-preview-content {
        width: 100%
    }
}

.amz-footer {
    width: 100%;
    margin-top: auto !important
}

.amz-peg-menu {
    display: flex;
    float: left;
    flex-direction: column;
    width: 8.3333333333%;
    position: sticky;
    top: 15px;
    left: 12px;
    margin: 12px 0 14px
}

@media (max-width: 991px) {
    .amz-peg-menu {
        display: none
    }
}

.amz-peg-menu li {
    padding: 4.4px 0;
    user-select: none;
    color: #5e5d5b;
    letter-spacing: .5px;
    position: relative;
    right: 1px
}

.amz-peg-menu li:first-child {
    padding-top: 5px
}

.amz-peg-menu li:hover span {
    color: #fff !important;
    background-color: #ff4500 !important
}

@media (min-width: 1200px) {
    .amz-peg-menu li[data-focus=true] {
        color: #ff5a00
    }

    .amz-peg-menu li[data-focus=true]:before {
        content: "";
        display: inline-block;
        width: 12px;
        background: #000;
        height: 2px;
        position: absolute;
        left: -20px;
        top: 18px
    }

    .amz-peg-menu li[data-focus=true] span {
        color: #ff5a00
    }
}

.amz-peg-menu .amz-peg-menu-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #5e5d5b;
    line-height: 24px;
    padding: 5px;
    margin: 8px 0;
    font-size: 14px;
    border-radius: 4px;
    transition: .2s all ease-in-out
}

.amz-peg-menu .amz-peg-menu-item:hover {
    color: #fff
}

#amz-timezone {
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: 1px solid #eee;
    padding: 5px .5px;
    margin-bottom: -12px;
    margin-top: .5px;
    color: #a2a2a2;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 992px) {
    #amz-timezone {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 990px) {
    #amz-timezone {
        display: none
    }
}

@media (max-width: 1024px) {
    #amz-timezone {
        white-space: nowrap;
        font-size: 12px
    }
}

#amz-timezone .amz-timezone-item {
    height: 20px;
    display: flex;
    align-items: center;
    width: 16.2%;
    float: left;
    margin-left: 3.3px
}

#amz-timezone .amz-timezone-item img {
    width: 18px;
    height: 12px;
    vertical-align: bottom
}

.amz-holiday {
    color: #a2a2a2;
    font-size: 13px;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: -8px;
    margin-top: -6px;
    border: 1px solid #eee;
    align-items: center;
    background-color: #f1f4f9 !important
}

@media (max-width: 992px) {
    .amz-holiday {
        justify-content: center;
        margin: 0;
        padding: 0 10px;
        flex-wrap: unset
    }
}

@media (max-width: 1200px) {
    .amz-holiday {
        flex-wrap: nowrap;
        gap: .5rem;
        overflow: hidden
    }

    .amz-holiday .amz-holiday-box {
        display: flex;
        flex-wrap: nowrap !important
    }

    .amz-holiday .amz-holiday-box .amz-holiday-intro {
        justify-content: center
    }

    .amz-holiday .amz-holiday-box .amz-holiday-intro:last-child {
        display: none
    }
}

.amz-holiday #amz-current-year-info {
    color: #a2a2a2;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: 30%;
    font-size: 14px;
    box-sizing: border-box
}

@media (max-width: 991px) {
    .amz-holiday #amz-current-year-info {
        width: 100%;
        text-align: center;
        margin-top: -2px
    }
}

.amz-holiday .amz-holiday-box {
    margin-left: auto;
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap
}

@media (max-width: 900px) {
    .amz-holiday .amz-holiday-box {
        display: none
    }
}

.amz-holiday .amz-holiday-box:hover {
    cursor: pointer
}

@media (max-width: 1199px) {
    .amz-holiday .amz-holiday-box {
        margin-left: unset
    }
}

.amz-holiday .amz-holiday-box .amz-holiday-intro {
    display: flex;
    color: #1f4977;
    align-items: center
}

.amz-holiday .amz-holiday-box .amz-holiday-intro:hover {
    color: #f26929
}

.amz-holiday .amz-holiday-box .amz-holiday-intro .amz-holiday-name {
    color: #5a98de;
    padding: 0 4px
}

.amz-holiday .amz-holiday-box .amz-holiday-intro .amz-holiday-date {
    color: #ff4300;
    padding: 0 4px
}

.amz-holiday .holiday\2014 countdown {
    background: transparent !important;
    color: #a2a2a2;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-around;
    width: 70%;
    border: none;
    flex-wrap: nowrap;
    position: relative;
    cursor: pointer
}

@media (max-width: 991px) {
    .amz-holiday .holiday\2014 countdown {
        display: none !important
    }
}

.amz-holiday .holiday\2014 countdown .holiday {
    color: #5a98de
}

.amz-holiday .holiday\2014 countdown span {
    margin: 0 4px
}

.amz-holiday .holiday\2014 countdown .day {
    color: #ff4300
}

.amz-holiday .holiday\2014 countdown section {
    color: #1f4977
}

.amz-holiday .holiday\2014 countdown section:hover {
    color: #f26929
}

.amz-exchange-rate {
    color: #a2a2a2;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #eee;
    padding: 2px 0 0;
    margin: -6px 0 -5px;
    position: relative;
    bottom: 0px
}

@media (max-width: 1200px) {
    .amz-exchange-rate {
        justify-content: center;
        align-items: center;
        font-size: 12px
    }
}

@media (max-width: 991px) {
    .amz-exchange-rate {
        display: none
    }
}

.amz-exchange-rate .amz-exchange-time {
    color: #555;
    width: 361.59px;
    height: 19.5px;
    line-height: 23.5px;
    flex: 2.5
}

.amz-exchange-rate .amz-exchange-items {
    flex: 7.5;
    height: 23.5px;
    line-height: 23.5px;
    color: #555;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size: 13px;
    cursor: pointer
}

.amz-exchange-rate .amz-exchange-items span:hover {
    color: #f26929
}

@media (max-width: 1200px) {
    .amz-exchange-rate .amz-exchange-items {
        font-size: 12px
    }
}

.amz-show {
    display: auto
}

.amz-hidden {
    display: none !important
}

.amz-opacity-zero {
    opacity: 0
}

.amz-item {
    position: relative
}

.amz-item .amz-tooltip {
    display: none;
    max-width: 180px;
    width: max-content;
    white-space: normal
}

.amz-item:hover .amz-tooltip {
    display: block !important;
    position: absolute;
    bottom: 32px;
    background-color: #5da855;
    padding: 12px 14px;
    line-height: 1.2rem;
    border-radius: 6px;
    color: #fff;
    font-weight: 400;
    font-size: 15px
}

.amz-item:hover .amz-tooltip:after {
    content: "";
    border: 8px transparent solid;
    border-top: 8px #5da855 solid;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: -12px;
    left: 48px
}

.amz-move-show {
    margin-top: 0
}

.amz-move-hide {
    margin-top: -759px
}

.amz-search-frame-show {
    transform: translateY(-2px)
}

.amz-search-frame-hide {
    transform: translateY(-260px)
}

@media (max-width: 991px) {
    .amz-search-frame-hide {
        display: none
    }
}

.amz-search-frame {
    position: absolute;
    width: 100%;
    height: 200px;
    top: 54px;
    background: rgba(23, 24, 26, .85);
    z-index: 9;
    transition: .2s
}

@media (max-width: 991px) {
    .amz-search-frame {
        top: 800px
    }
}

.amz-search-frame .amz-search-input {
    width: 960px;
    padding: 40px 0 10px;
    margin: 0 auto;
    position: relative
}

.amz-search-frame .amz-search-input input {
    border: none;
    border-radius: 30px;
    width: 930px;
    height: 48px;
    font-size: 24px;
    color: #45474d;
    background: #fff;
    text-indent: 30px
}

.amz-search-frame .amz-search-input input {
    outline: medium
}

.amz-search-frame .amz-search-input .amz-search-icons {
    position: absolute;
    top: 64px;
    right: 50px;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    color: #a1a8b3
}

.amz-search-frame .amz-search-hots {
    margin: 0 auto;
    width: 46%
}

.amz-search-frame .amz-search-hots h2 {
    font-size: 20px;
    color: #dbdfe6;
    margin: 10px 0
}

.amz-search-frame .amz-search-hots .azm-search-sks {
    width: 1000px;
    display: flex;
    flex-wrap: wrap
}

.amz-search-frame .amz-search-hots .azm-search-sks a {
    font-size: 16px;
    color: #dbdfe6;
    padding: 0 20px;
    border-radius: 14px
}

.amz-search-frame .amz-search-hots .azm-search-sks a:hover {
    background-color: #3f7cea;
    color: #fff
}

.amz-bd {
    width: 27.5%;
    border: 1px solid #fff;
    height: 82px;
    float: right;
    position: relative;
    padding: 6px 6px 0;
    overflow: hidden
}

@media (max-width: 991px) {
    .amz-bd {
        width: 100%;
        margin-top: 4px
    }
}

.amz-bd .amz-temp-wrap {
    overflow: hidden;
    position: relative
}

.amz-bd .amz-temp-wrap .amz-pic-list {
    position: relative;
    padding: 0;
    margin: 0;
    top: 0px;
    overflow: hidden;
    zoom: 1
}

.amz-bd .amz-temp-wrap .amz-pic-list li {
    width: 356px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #a2a2a2
}

.amz-bd .amz-temp-wrap .amz-pic-list li a {
    color: #a2a2a2;
    font-size: 14px
}

@keyframes ActivityFont {
    0% {
        top: 0px
    }

    10% {
        top: 0px
    }

    20% {
        top: -73px
    }

    30% {
        top: -73px
    }

    40% {
        top: -145px
    }

    50% {
        top: -145px
    }

    60% {
        top: -217px
    }

    70% {
        top: -217px
    }

    80% {
        top: -289px
    }

    90% {
        top: -289px
    }

    to {
        top: 0px
    }
}

.amz-bd .amz-font-animation {
    animation-name: ActivityFont;
    animation-duration: 16s;
    animation-delay: 4s;
    animation-iteration-count: infinite
}

.amz-bd .amz-font-animation:hover {
    animation-play-state: paused
}

.amz-search-box {
    display: flex;
    margin-bottom: 1rem;
    cursor: pointer
}

.amz-search-box .amz-logo {
    margin-right: auto;
    margin-left: 30px
}

.amz-search-box .amz-search-w {
    min-width: 40%;
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.amz-search-box .amz-search-w .amz-search-text {
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    gap: 2.5rem .5rem;
    flex-wrap: wrap;
    color: #999
}

.amz-search-box .amz-search-w .amz-search-text .amz-tag-name {
    font-size: 15px
}

.amz-search-box .amz-search-w .amz-search-text .amz-active_search_tag {
    color: #000;
    position: relative
}

.amz-search-box .amz-search-w .amz-search-text .amz-active_search_tag:after {
    position: absolute;
    content: "";
    width: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: 4px;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%);
    background: #000
}

.amz-search-box .amz-search-w .amz-input {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    max-width: 96vw;
    z-index: 99;
    background: #fff;
    border-radius: 12px;
    border: 2px solid rgba(0, 68, 215, 0)
}

.amz-search-box .amz-search-w .amz-input input {
    flex-grow: 1;
    width: 100%;
    line-height: 24px;
    text-indent: 16px;
    height: 42px;
    font-size: 14px;
    vertical-align: middle;
    border-radius: 12px;
    border: 0;
    max-width: 640px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    box-shadow: none
}

.amz-search-box .amz-search-w .amz-input.active {
    border: 2px solid rgba(0, 68, 215, .35)
}

.amz-search-box .amz-search-w .amz-input.active svg {
    color: #0044d7
}

.amz-search-box .amz-search-w ::-webkit-input-placeholder {
    color: #7c838af0 !important;
    font-weight: 200 !important
}

.amz-search-box .amz-search-w :-ms-input-placeholder {
    color: #7c838af0 !important;
    font-weight: 200 !important
}

.amz-search-box .amz-search-w ::placeholder {
    color: #7c838af0 !important;
    font-family: Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif !important;
    position: relative;
    top: 1px;
    opacity: .97
}

.amz-search-box .amz-search-w .amz-search-icon {
    font-size: 20px
}

@media (max-width: 1379px) and (min-width: 1101px) {
    .amz-search-box .amz-search-w {
        width: 480px;
        margin-right: 12px
    }

    .amz-search-box .amz-search-w .amz-search-text {
        justify-content: flex-start !important;
        gap: 10px
    }
}

@media (max-width: 1429px) and (min-width: 1401px) {
    .amz-search-box .amz-search-w .amz-search-text {
        justify-content: flex-start !important;
        gap: 8px !important
    }
}

.amz-search-box #amz-hot-info-flow {
    margin-left: auto
}

@media (max-width: 1100px) and (min-width: 993px) {
    .amz-search-box .amz-logo {
        max-width: 230px;
        margin-left: 0
    }

    .amz-search-box .amz-search-text {
        justify-content: flex-start !important;
        gap: 5px !important
    }

    .amz-search-box #amz-hot-info-flow {
        max-width: 330px
    }

    .amz-search-box .amz-search-w {
        gap: .8rem;
        margin-right: 1rem
    }
}

@media (max-width: 992px) {
    .amz-search-box {
        gap: 2rem;
        flex-direction: column
    }

    .amz-search-box .amz-logo {
        display: none
    }

    .amz-search-box .amz-search-text {
        justify-content: space-evenly !important;
        gap: 10px 15px !important
    }

    .amz-search-box .amz-search-w {
        width: 92vw;
        margin: 0 auto
    }
}

@media (max-width: 640px) {
    .amz-search-box {
        flex-direction: column;
        gap: 1rem
    }

    .amz-search-box .amz-logo {
        display: none
    }

    .amz-search-box .amz-search-text {
        justify-content: flex-start !important;
        gap: 10px !important;
        align-items: stretch !important
    }

    .amz-search-box .amz-search-text .amz-tag-name {
        writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        padding-bottom: 6px
    }

    .amz-search-box .amz-search-w {
        width: 92vw;
        margin: 0 auto
    }
}

#amz-hot-info-flow {
    width: 27.5%;
    box-sizing: border-box;
    border: 1px solid #fff;
    height: 82px;
    float: right;
    overflow: hidden;
    position: relative;
    padding: .375rem;
    padding-bottom: 0;
    margin-right: 9.5px
}

@media (max-width: 1200px) {
    #amz-hot-info-flow {
        max-width: 350px
    }
}

@media (max-width: 991px) {
    #amz-hot-info-flow {
        max-width: 90vw;
        width: 90vw;
        margin: 4px auto
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    #amz-hot-info-flow {
        width: 60vw
    }
}

#amz-hot-info-flow.amz-active {
    display: block
}

.amz-info-flow-ul {
    animation-name: ActivityFont;
    animation-duration: 20s;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    padding: 0;
    margin: 0;
    position: relative;
    left: 0;
    right: 0
}

.amz-info-flow-ul:hover {
    animation-play-state: paused
}

.amz-info-flow-ul li {
    list-style: none;
    color: #a2a2a2;
    width: 94%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    font-size: 14px
}

.amz-info-flow-ul li a {
    color: inherit
}

.amz-info-flow-ul li:before {
    content: "";
    width: 2.5px;
    height: 2.5px;
    border-radius: 50%;
    margin: 0 10px 0 5px;
    position: relative;
    bottom: 3px;
    display: inline-block;
    background-color: #a2a2a2
}

.amz-tab-wrapper {
    background: #fff;
}

@media (max-width: 991px) {
    .amz-tab-wrapper[data-tab-style=vertical] .common-style[data-style="13"] {
        height: 0;
        min-height: 0;
        border: none !important
    }

    .amz-tab-wrapper[data-tab-style=vertical] .common-style[data-style="13"] li {
        display: none !important
    }
}

.amz-tab-wrapper[data-tab-style=vertical]:has(ul.common-style) {
    display: flex;
    gap: 12px;
    flex-direction: column;
    padding-bottom: 12px
}

.amz-tab-wrapper[data-tab-style=vertical]:has(ul.common-style) ul.common-style:not(:last-child) {
    margin: 0 0 4px;
    border-bottom: 1px solid #f1f4f9;
    border-end-start-radius: 0;
    border-end-end-radius: 0
}

.amz-tab-wrapper[data-tab-style=vertical]:has(ul.common-style) ul:not(.common-style:first-child) {
    padding-top: 0;
    padding-bottom: 0
}

.amz-tab-wrapper .amz-tab {
    max-width: 95vw;
    display: flex;
    border-bottom: 1px solid #f1f4f9;
    align-items: center;
    gap: 14px;
    padding-bottom: .5px
}

@media (max-width: 991px) {
    .amz-tab-wrapper .amz-tab {
        position: relative
    }

    .amz-tab-wrapper .amz-tab>a {
        position: absolute !important;
        top: -35px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 98vw
    }
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"] {
    padding: 13px 15px 13px 36px;
    display: flex;
    color: #3c3c3c;
    font-size: 16px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

@media (max-width: 991px) {
    .amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"] {
        padding-left: 14px
    }
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"] span[data-font-bold=true] {
    font-weight: 700
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"] .current {
    position: relative;
    color: #3c3c3c !important
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"] .current:after {
    content: "";
    display: block;
    width: 25px;
    position: relative;
    left: 50%;
    top: 10.5px;
    transform: translate(-50%);
    height: 2px;
    background-color: #ff5a00
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="0"] .amz-tab-item {
    margin-right: 40px;
    cursor: pointer;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    color: #666
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="1"]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] {
    animation: fade .4s ease-in-out;
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px;
    background-color: var(--amz-tab-bg-color, #f1f4f9);
    margin: 10px 20px 10px 22px;
    border-radius: 20px
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"]::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media (max-width: 991px) {
    .amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] {
        overflow: scroll;
        margin-left: 15px
    }
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"]:has(.amz-tab-item:hover) .amz-tab-name {
    color: #888 !important
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"]:has(.amz-tab-item:hover) .amz-tab-item:hover .amz-tab-name {
    color: #fff !important
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] .amz-tab-item {
    z-index: 2;
    cursor: pointer
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] .amz-tab-item.current .amz-tab-name {
    color: #fff
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] .amz-tab-item .amz-tab-name {
    padding: 2px 12px;
    font-size: 14px;
    color: #888;
    transition: all .3s ease-in-out;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] .amz-tab-mask {
    position: absolute;
    background-color: var(--amz-tab-fore-color, #1a90ff);
    border-radius: 20px;
    padding: 2px 12px;
    font-size: 14px;
    top: 5px;
    bottom: 5px;
    z-index: 1;
    transition: .35s
}

.amz-tab-wrapper .amz-tab .amz-tab-nav[data-style="2"] .active-tab {
    background-color: var(--amz-tab-fore_color);
    border-radius: 20px
}

.amz-tab-wrapper .amz-tab .amz-extra-link {
    position: relative;
    max-width: 30vw;
    top: 2px;
    right: 8px;
    font-size: 14px;
    padding-right: 12px;
    cursor: pointer;
    font-weight: 700;
    margin-left: auto;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

@keyframes tooltip {
    0% {
        opacity: 0
    }

    40% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

.template_elem {
    position: fixed;
    z-index: 999999;
    background-color: #5da855;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    animation: tooltip .5s ease-in-out
}

.template_elem:after {
    border: 6px solid transparent;
    border-top-color: #5da855;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%)
}

.amz-config-wrapper.common-style {
    gap: 8px !important
}

.amz-leading-3 {
    font-size: 20px
}

.amz-amz123-logo:hover .amz-logo-tip {
    display: block !important;
    opacity: 1;
    z-index: 999
}

.amz-amz123-logo a {
    display: flex;
    align-items: center
}

.amz-amz123-logo .amz-logo-tip {
    display: none;
    z-index: -1;
    position: absolute;
    top: 2px;
    left: 96px
}

@media (max-width: 1200px) {
    .amz-amz123-logo .amz-logo-tip {
        top: 1px;
        left: 48px
    }
}

@media (max-width: 991px) {
    .amz-amz123-logo .amz-logo-tip {
        display: none !important
    }
}

.amz-amz123-logo .amz-logo-tip svg {
    width: 2rem;
    color: #2459ec;
    position: relative;
    left: 115px;
    bottom: -5px;
    transform: rotate(30deg) scale(1.4);
    display: block
}

.amz-amz123-logo .amz-logo-tip span.amz-tip-text {
    background-color: #2459ec;
    padding: 1rem;
    font-size: 16px;
    color: #fff;
    border-radius: 4px
}

.amz-body-container {
    padding-top: 31px;
    margin: 0 auto;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 24px
}

@media (min-width: 1200px) {
    .amz-body-container {
        width: 92%
    }
}

@media (min-width: 1600px) {
    .amz-body-container {
        width: 1600px
    }
}

.common-style[data-style="2"] .amz-item[data-style="2"] .amz-item-2 {
    padding-right: 0 !important
}

.common-style[data-style="2"] .amz-item[data-style="2"] .amz-item-2 .amz-intro {
    position: relative;
    top: .5px
}

.common-style[data-style="2"] .amz-item[data-style="2"] .amz-item-2 .amz-intro p.amz-item-intro {
    padding-right: 16px
}

.common-style[data-columns="9"] .amz-item .amz-item-11 {
    gap: 9px
}

.amz-card-style {
    padding: 4px 0;
    border: 1 solid rgb(243, 244, 246);
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden
}

@media (max-width: 991px) {
    .amz-mobile-hidden {
        display: none !important
    }
}

@keyframes showSearchContainer {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(200px)
    }
}

.amz-search-container.active-search-container {
    animation: showSearchContainer ease-in-out .4s forwards
}

.amz-relative-tem-hidden {
    position: relative;
    left: -120vw
}

:root {
    --header-h: 51px
}

body {
    font-family: Hiragino Sans GB, Microsoft Yahei, sans-serif !important;
    margin: 0;
    padding: 0;
    font-size: 15.5px !important;
    overflow-x: hidden
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}

#amz-header ul {
    padding-inline-start: 0px;
    margin: 0 auto
}

#amz-header ul>li {
    list-style: none
}

@media (max-width: 1199px) {
    :root {
        --header-h: 39px
    }
}

#amz-header {
    z-index: 999
}

#amz-header a {
    -webkit-font-smoothing: antialiased
}

.amz-public-header {
    z-index: 999;
    background-color: #3d4557;
    display: flex;
    align-items: center;
    font-size: 16px;
    position: relative;
    color: #fff
}

@media (min-width: 1200px) {
    .amz-public-header {
        padding: 0 4%
    }
}

@media (max-width: 1199px) {
    .amz-public-header {
        font-size: 15px;
        padding: 0 12px
    }
}

@media (max-width: 991px) {
    .amz-public-header {
        display: none
    }
}

.amz-public-header .amz-amz123-logo {
    width: 206.5px
}

.amz-public-header .amz-amz123-logo img {
    max-width: 100%;
    width: 116.24px;
    z-index: 999999
}

.amz-public-header .amz-header-nav-list {
    display: flex;
    align-items: stretch;
    min-height: 52px
}

.amz-public-header .amz-header-nav-list .amz-dropdown-menu,
.amz-public-header .amz-header-nav-list .amz-dropdown-menu-tool,
.amz-public-header .amz-header-nav-list .amz-tool-icon-up {
    display: none
}

.amz-public-header .amz-header-nav-list .amz-nav-title {
    font-weight: 100;
    display: flex;
    gap: 2px;
    align-items: center;
    padding: 9.71px 15.5px
}

@media (max-width: 1399px) {
    .amz-public-header .amz-header-nav-list .amz-nav-title {
        padding: 4px 6px
    }

    .amz-public-header .amz-header-nav-list .amz-nav-title .amz-dropdown-menu li a {
        font-size: 13px
    }
}

.amz-public-header .amz-header-nav-list .amz-nav-title>svg {
    width: 16px
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover {
    font-weight: 700;
    position: relative
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover:not(.no_hover) {
    background: #4285f4
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-tool-icon-up {
    display: inline-block
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-tool-icon-down {
    display: none
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu {
    display: block;
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    font-weight: 100;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #444;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top: transparent
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu li {
    padding: 10px 0;
    font-size: 15.6px;
    z-index: 2
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu li:hover {
    background-color: #3d4557;
    color: #fff
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu-tool {
    position: absolute;
    display: grid;
    width: 325px;
    box-shadow: 0 2px 4px 3px #00000017 !important;
    border: none !important;
    grid-template-columns: repeat(2, 1fr);
    top: 100%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%);
    background-color: #fff;
    color: #444;
    font-weight: 400
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu-tool li {
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #e3e3e3
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu-tool li:hover {
    background-color: #3d4557;
    color: #fff
}

.amz-public-header .amz-header-nav-list .amz-nav-title:hover .amz-dropdown-menu-tool li:nth-child(2n-1) {
    border-right: 1px solid #e3e3e3
}

.amz-public-header .amz-user-nav {
    display: flex;
    align-items: center;
    margin-left: auto
}

.amz-public-header .amz-user-nav>li {
    font-weight: 100;
    padding: 9.71px 15.5px
}

@media (max-width: 1199px) {
    .amz-public-header .amz-user-nav>li {
        padding: 4px 6px
    }
}

.amz-public-header .amz-user-nav .amz-search-li {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px
}

.amz-dropdown-matrix-container {
    width: 92vw;
    margin: 0 auto;
    position: absolute;
    padding: 10px 0;
    left: 0;
    right: 0;
    background: white;
    color: #000;
    z-index: 2;
    font-weight: 400;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    box-shadow: 1px 1px 5px #ddd;
    transition: all .5s ease;
    gap: 12px
}

@media (max-width: 1199px) {
    .amz-dropdown-matrix-container {
        width: 100vw
    }
}

.amz-dropdown-matrix-container .amz-matrix-item {
    padding: 10px 16px;
    min-height: 89px;
    cursor: pointer;
    display: flex;
    gap: 4px
}

.amz-dropdown-matrix-container .amz-matrix-item:hover {
    background: #f1f7fc;
    border-radius: 10px
}

.amz-dropdown-matrix-container .amz-matrix-item img {
    width: 26px;
    height: 26px
}

.amz-dropdown-matrix-container .amz-matrix-item a {
    flex-grow: 1
}

.amz-dropdown-matrix-container .amz-matrix-item a .title {
    font-weight: 700;
    color: #444;
    font-size: 14px;
    display: block
}

.amz-dropdown-matrix-container .amz-matrix-item a .title:hover {
    color: #ff4500 !important
}

.amz-dropdown-matrix-container .amz-matrix-item a .intro {
    color: #a2a2a2;
    font-weight: 400;
    font-size: 12px;
    margin: 12px 0
}

.amz-nav-toolbox {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 10px 15.5px
}

.amz-nav-toolbox>svg {
    height: 16px;
    width: 16px
}

.amz-nav-toolbox:hover {
    color: #fff;
    background: #4285f4
}

.amz-nav-toolbox:hover .amz-dropdown-menu-tool {
    display: block;
    position: fixed;
    top: 52px;
    left: 4%;
    right: 4%
}

@keyframes showSearch {
    0% {
        bottom: 0px
    }

    to {
        bottom: -210px
    }
}

@keyframes reverseShowSearch {
    0% {
        bottom: 0;
        opacity: 1
    }

    to {
        opacity: 0;
        bottom: 416%
    }
}

.amz-search-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    background-color: #38383be8
}

@media (max-width: 991px) {
    .amz-search-container {
        display: none !important
    }
}

.amz-force-bottom-zero {
    bottom: 0 !important
}

.amz-search-wrapper,
.amz-search-container-inside {
    width: 960px;
    max-width: 90vw;
    padding: 80px 0 40px;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.amz-search-wrapper .input,
.amz-search-container-inside .input {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center
}

.amz-search-wrapper .input input,
.amz-search-container-inside .input input {
    border: none;
    border-radius: 30px;
    width: 960px;
    font-size: 24px;
    color: #45474d;
    background: #fff;
    padding: 5px 20px;
    outline: none
}

.amz-search-wrapper .input svg,
.amz-search-container-inside .input svg {
    position: relative;
    right: 64px
}

.amz-search-wrapper .amz-hot-container,
.amz-search-container-inside .amz-hot-container {
    margin-top: 20px;
    padding: 0 40px;
    width: 100%
}

.amz-search-wrapper .amz-hot-container .amz-search-tip,
.amz-search-container-inside .amz-hot-container .amz-search-tip {
    font-size: 20px;
    color: #dbdfe6;
    margin: 10px 0
}

.amz-search-wrapper .amz-hot-container .amz-hot-items,
.amz-search-container-inside .amz-hot-container .amz-hot-items {
    display: flex;
    flex-wrap: wrap
}

.amz-search-wrapper .amz-hot-container .amz-hot-items li,
.amz-search-container-inside .amz-hot-container .amz-hot-items li {
    font-size: 16px;
    color: #dbdfe6;
    padding: 0 20px
}

.amz-search-wrapper .amz-hot-container .amz-hot-items li:hover,
.amz-search-container-inside .amz-hot-container .amz-hot-items li:hover {
    background-color: #3f7cea;
    color: #fff;
    border-radius: 10px
}

.amz-search-container-inside {
    display: flex;
    position: relative;
    left: 0;
    right: 0;
    justify-self: start;
    align-items: center
}

@media (max-width: 991px) {
    .amz-search-container-inside {
        display: none !important;
        animation: none !important
    }
}

.amz-search-animation {
    animation: 2s ease-in-out 0s showSearch
}

.amz-search-reverse-animation {
    animation: 1s ease-in-out 2s reverseShowSearch
}

.amz-mobile-search .amz-mobile-search-container {
    display: flex;
    position: relative
}

.amz-mobile-search .amz-mobile-search-container input {
    flex-grow: 1;
    border-radius: 1rem;
    padding: 4px 4px 4px 16px;
    margin: 20px 20px 0;
    outline: none;
    color: #000
}

@media (max-width: 767px) {
    .amz-mobile-search .amz-mobile-search-container input {
        height: 34px;
        line-height: 34px
    }
}

.amz-mobile-search .amz-mobile-search-container svg {
    position: absolute;
    right: 32px;
    width: 18px;
    height: 18px;
    top: 28px
}

@media (max-width: 767px) {
    .amz-mobile-search .amz-mobile-search-container svg {
        top: 28px
    }
}

.amz-mobile-search .amz-hot-container {
    padding: 20px;
    border-bottom: 1px solid #555
}

.amz-mobile-search .amz-hot-container .amz-search-tip {
    font-size: 16px
}

.amz-mobile-search .amz-hot-container .amz-hot-items {
    padding-top: 10px;
    display: flex;
    gap: 10px
}

.amz-header-container {
    z-index: 999;
    position: relative
}

.amz-mobile-header {
    display: none
}

@media (max-width: 991px) {
    .amz-mobile-header {
        display: block;
        background-color: #3d4557;
        color: #fff
    }

    .amz-mobile-header .amz-mobile-header-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 12px;
        height: 40px
    }

    .amz-mobile-header-main a {
        display: flex
    }

    .amz-mobile-header .amz-mobile-header-main img {
        height: 38px;
        padding: 4.8px 0
    }

    .amz-mobile-header .amz-mobile-header-main>svg {
        transform: scale(.9)
    }

    .amz-mobile-header .amz-header-nav-list .amz-nav-title {
        font-weight: 100;
        user-select: none;
        padding: 13.7px 15.5px;
        border-bottom: 1px solid rgba(134, 142, 150, .3)
    }

    .amz-mobile-header .amz-header-nav-list .amz-nav-title .amz-dropdown-menu {
        padding: 10px 20px
    }

    .amz-mobile-header .amz-header-nav-list .amz-nav-matrix {
        display: flex;
        gap: 2px;
        align-items: center
    }

    .amz-mobile-header .amz-header-nav-list .amz-nav-search {
        display: flex;
        align-items: center;
        gap: 4px
    }

    .amz-mobile-header .amz-dropdown-matrix-ul {
        display: grid;
        background: white;
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 13px 20px;
        align-items: center
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .amz-mobile-header .amz-dropdown-matrix-ul {
        padding: 20px;
        padding-inline-start: 20px !important
    }
}

@media (max-width: 991px) {
    .amz-mobile-header .amz-dropdown-matrix-ul li {
        height: 100%
    }
}

@media (max-width: 991px) {
    .amz-mobile-header .amz-dropdown-matrix-ul .amz-item-card {
        display: flex;
        gap: 8px
    }

    .amz-mobile-header .amz-dropdown-matrix-ul .amz-item-card .amz-item-icon {
        min-width: 26px;
        max-width: 26px
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .amz-mobile-header .amz-dropdown-matrix-ul .amz-item-card .amz-item-icon img {
        min-width: 26px;
        max-width: 26px
    }
}

@media (max-width: 991px) {
    .amz-mobile-header .amz-dropdown-matrix-ul .amz-item-card .amz-item-content {
        flex-grow: 1
    }

    .amz-mobile-header .amz-dropdown-matrix-ul .amz-item-card .amz-item-content a {
        font-size: 14px;
        color: #444;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 700;
        display: block;
        max-width: 90%
    }

    .amz-mobile-header .amz-dropdown-matrix-ul .amz-item-card .amz-item-content p {
        font-size: 12px;
        color: #a2a2a2;
        max-width: 90%
    }
}

.amz-footer {
    margin: 24px auto 0;
    padding: 21.5px 0 0;
    background: rgb(34, 44, 60)
}

@media (max-width: 991px) {
    .amz-footer {
        display: none !important
    }
}

.amz-footer .amz-footer-common {
    background: rgb(34, 44, 60);
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1600px
}

@media (min-width: 1200px) {
    .amz-footer .amz-footer-common {
        width: 92%
    }
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper {
    margin: 0;
    display: flex;
    padding-bottom: 25px;
    color: #868e96;
    text-align: left
}

@media (min-width: 577px) {
    .amz-footer .amz-footer-common .amz-footer-common-wrapper {
        width: 91.6666666667%
    }
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper h2 {
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-size: 16px;
    height: 19.195px;
    line-height: 19.195px;
    font-weight: 600;
    font-family: Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif !important;
    position: relative;
    top: 2px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-about {
    width: 340px;
    margin-right: 30px;
    font-size: 85%;
    box-sizing: border-box
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-about .amz-site-text {
    font-size: 14px;
    color: #818394;
    line-height: 1.5;
    position: relative;
    top: 1px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-link {
    width: 260px;
    margin-left: 60px;
    margin-right: 30px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-link .amz-site-link {
    color: #818394;
    display: flex;
    flex-wrap: wrap
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-link .amz-site-link a:nth-child(odd) {
    width: 110px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-link .amz-site-link a {
    padding-bottom: 12px;
    font-size: 14px;
    line-height: 24.45px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr {
    width: 200px;
    height: 221.7px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr img {
    width: 108px;
    height: 108px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr .amz-site-qr {
    position: relative;
    top: 1.5px;
    display: flex
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr .amz-site-qr .amz-site-qr-switch .amz-qr-item {
    box-sizing: border-box;
    user-select: none;
    border: 1px solid #56595a;
    font-size: 14px;
    cursor: pointer;
    width: 30px;
    padding: 5px;
    text-align: center;
    line-height: 20.65px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr .amz-site-qr .amz-site-qr-switch .amz-qr-item:first-child {
    border-bottom: none
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr .amz-site-qr .amz-qr-active {
    background-color: #4e5a6e;
    color: #909496
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-qr .amz-site-qr .amz-qr-target {
    margin-left: 20px;
    position: relative;
    top: 15px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-group {
    margin-left: auto
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-group h2 {
    top: 2px !important;
    right: 2px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-group img {
    width: 108px;
    height: 108px;
    position: relative;
    top: 16.5px;
    right: 2px
}

.amz-footer .amz-footer-common .amz-footer-common-wrapper .amz-site-content-group .amz-site-group-text {
    text-align: center;
    margin-top: 10px;
    font-size: 13.175px;
    position: relative;
    top: 23px;
    right: 1.5px
}

.amz-footer .amz-site-copyright-wrapper {
    padding: 8px 15px;
    background: #2b374c;
    color: #818394
}

@media (max-width: 1512px) {
    .amz-footer .amz-site-copyright-wrapper {
        padding: 8px !important
    }
}

.amz-footer .amz-site-copyright-wrapper .amz-site-copyright,
.amz-footer .amz-site-copyright-wrapper .amz-site-bottom-link {
    margin: 18px auto 0;
    color: #868e96;
    font-size: 12px;
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 1621px) {

    .amz-footer .amz-site-copyright-wrapper .amz-site-copyright,
    .amz-footer .amz-site-copyright-wrapper .amz-site-bottom-link {
        width: 1600px
    }
}

@media (min-width: 1200px) {

    .amz-footer .amz-site-copyright-wrapper .amz-site-copyright,
    .amz-footer .amz-site-copyright-wrapper .amz-site-bottom-link {
        width: 92%
    }
}

.amz-footer .amz-site-copyright-wrapper .amz-site-copyright a,
.amz-footer .amz-site-copyright-wrapper .amz-site-copyright span,
.amz-footer .amz-site-copyright-wrapper .amz-site-bottom-link a,
.amz-footer .amz-site-copyright-wrapper .amz-site-bottom-link span {
    padding-right: 15px;
    font-size: 12px;
    line-height: 20px
}

.amz-footer .amz-site-copyright-wrapper .amz-site-copyright {
    display: flex;
    gap: 0;
    margin-top: 0 !important
}

.amz-footer .amz-site-copyright-wrapper .amz-site-copyright .amz-site-title {
    padding: 3.5px 10px;
    margin-right: 10px;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-size: 12px
}

.amz-footer .amz-site-copyright-wrapper .amz-site-copyright .active {
    background: #366ea7;
    color: #fffefe
}

.amz-phone-base-show {
    display: none;
    background: #222c3c;
    color: #818394;
    padding: 8px;
    font-size: 12px
}

@media (max-width: 991px) {
    .amz-phone-base-show {
        display: block
    }
}

.amz-sidebar-tool {
    position: fixed;
    top: 70%;
    right: 0px;
    z-index: 9;
    width: 40px;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    cursor: pointer
}

@media (max-width: 991px) {
    .amz-sidebar-tool {
        display: none
    }
}

.amz-sidebar-tool .amz-tool-feedback,
.amz-sidebar-tool .amz-tool-app,
.amz-sidebar-tool .amz-tool-qr {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border: solid 1px #d7dde3;
    margin-top: -1px;
    color: #8e9ca9;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    background: #fff
}

.amz-sidebar-tool .amz-tool-feedback img,
.amz-sidebar-tool .amz-tool-app img,
.amz-sidebar-tool .amz-tool-qr img {
    display: inline-block;
    vertical-align: baseline
}

.amz-sidebar-tool .amz-tool-feedback svg,
.amz-sidebar-tool .amz-tool-app svg,
.amz-sidebar-tool .amz-tool-qr svg {
    display: inline-block;
    vertical-align: baseline
}

.amz-sidebar-tool .amz-tool-feedback .amz-tool-feedback-icon,
.amz-sidebar-tool .amz-tool-feedback .amz-tool-app-icon,
.amz-sidebar-tool .amz-tool-feedback .amz-tool-qr-icon,
.amz-sidebar-tool .amz-tool-feedback .amz-app-icon-hover,
.amz-sidebar-tool .amz-tool-feedback .amz-qr-icon-hover,
.amz-sidebar-tool .amz-tool-app .amz-tool-feedback-icon,
.amz-sidebar-tool .amz-tool-app .amz-tool-app-icon,
.amz-sidebar-tool .amz-tool-app .amz-tool-qr-icon,
.amz-sidebar-tool .amz-tool-app .amz-app-icon-hover,
.amz-sidebar-tool .amz-tool-app .amz-qr-icon-hover,
.amz-sidebar-tool .amz-tool-qr .amz-tool-feedback-icon,
.amz-sidebar-tool .amz-tool-qr .amz-tool-app-icon,
.amz-sidebar-tool .amz-tool-qr .amz-tool-qr-icon,
.amz-sidebar-tool .amz-tool-qr .amz-app-icon-hover,
.amz-sidebar-tool .amz-tool-qr .amz-qr-icon-hover {
    width: 20px
}

.amz-sidebar-tool .amz-tool-feedback span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 15px;
    box-sizing: border-box;
    padding: 4px 7px;
    visibility: hidden;
    color: #fff
}

.amz-sidebar-tool .amz-tool-feedback:hover {
    background: #4089f2
}

.amz-sidebar-tool .amz-tool-feedback:hover span {
    visibility: visible
}

.amz-sidebar-tool .amz-tool-feedback:hover .amz-tool-feedback-icon {
    visibility: hidden
}

.amz-sidebar-tool .amz-tool-feedback.amz-hidden {
    display: none !important
}

.amz-sidebar-tool .amz-tool-app .amz-app-icon-hover,
.amz-sidebar-tool .amz-tool-app .amz-app-icon {
    width: 25px;
    position: relative;
    top: 1.7px;
    transform: scale(.9)
}

.amz-sidebar-tool .amz-tool-app:hover {
    background: #4089f2;
    color: #fff
}

.amz-sidebar-tool .amz-tool-app:hover .amz-app-icon {
    display: none
}

.amz-sidebar-tool .amz-tool-app:hover~.amz-tool-app-qr-min {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

.amz-sidebar-tool .amz-tool-app-qr-min {
    position: absolute;
    right: 54px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease .2s;
    top: 10px;
    width: 235px;
    text-align: center;
    box-shadow: 0 4px 8px #00000014;
    transform: translateY(-20px);
    display: flex;
    align-items: center;
    padding: 10px;
    cursor: auto
}

.amz-sidebar-tool .amz-tool-app-qr-min:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

.amz-sidebar-tool .amz-tool-app-qr-min .amz-app-qr-min-text {
    margin-left: 10px
}

.amz-sidebar-tool .amz-tool-app-qr-min .amz-app-qr-min-text span {
    color: #77797a
}

.amz-sidebar-tool .amz-tool-app-qr-min .amz-app-qr-min-text span:first-child {
    display: block;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #3e474d
}

.amz-sidebar-tool .amz-tool-app-qr-min img {
    width: 80px;
    height: 80px
}

.amz-sidebar-tool .amz-tool-qr .amz-qr-icon-hover,
.amz-sidebar-tool .amz-tool-qr:hover .amz-tool-qr-icon {
    display: none
}

.amz-sidebar-tool .amz-tool-qr:hover .amz-qr-icon-hover {
    display: inline-block;
    vertical-align: baseline
}

.amz-sidebar-tool .amz-tool-qr:hover {
    background: #4089f2
}

.amz-sidebar-tool .amz-tool-qr:hover .amz-tool-qr-icon {
    color: #fff
}

.amz-sidebar-tool .amz-tool-qr:hover~.amz-tool-qr-group {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

.amz-sidebar-tool .amz-tool-qr-group {
    position: absolute;
    right: 54px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease .2s;
    top: 0px;
    width: 235px;
    background: #f7f7f7;
    box-shadow: 0 4px 8px #00000014;
    transform: translateY(20px)
}

.amz-sidebar-tool .amz-tool-qr-group:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0)
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-tabs {
    display: flex;
    background: #e4e6e7;
    border-bottom: solid 1px #d7dde3
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-tabs .amz-tool-qr-tab {
    padding: 11px 0;
    margin-bottom: -1px;
    width: 33.3%;
    text-align: center;
    cursor: pointer
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-tabs .amz-tool-tab-active {
    background-color: #eee !important
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels {
    cursor: auto
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel {
    background: #ffffff;
    border: none;
    box-shadow: none;
    height: 110px;
    padding: 15px;
    box-sizing: border-box
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel .amz-tool-qr-panel-img {
    float: left;
    margin-right: 11px;
    text-align: center
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel .amz-tool-qr-panel-img img {
    width: 80px;
    height: 80px;
    display: block
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel-desc {
    overflow: hidden;
    line-height: 1.5;
    padding-top: 2px
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel-desc p {
    margin-top: 0;
    color: #666;
    font-size: 12px
}

.amz-show {
    display: auto
}

.amz-hidden {
    display: none !important
}

@keyframes delay_show_header {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel {
    box-sizing: border-box
}

#_login_in_btn_,
#_daily_sign_in_,
.amz-search-li span {
    font-size: 16px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

#_login_in_btn_:hover,
#_daily_sign_in_:hover,
.amz-search-li span:hover {
    font-weight: 700
}

.amz-amz123-logo:hover .amz-logo-tip {
    display: block !important;
    opacity: 1
}

.amz-amz123-logo a {
    display: flex;
    align-items: center
}

.amz-amz123-logo .amz-logo-tip {
    display: none;
    z-index: -1;
    position: absolute;
    top: 2px;
    left: 96px
}

@media (max-width: 1200px) {
    .amz-amz123-logo .amz-logo-tip {
        top: 1px;
        left: 48px
    }
}

@media (max-width: 991px) {
    .amz-amz123-logo .amz-logo-tip {
        display: none !important
    }
}

.amz-amz123-logo .amz-logo-tip svg {
    width: 2rem;
    color: #2459ec;
    position: relative;
    left: 115px;
    bottom: -5px;
    transform: rotate(30deg) scale(1.4);
    display: block
}

.amz-amz123-logo .amz-logo-tip span.amz-tip-text {
    background-color: #2459ec;
    padding: 1rem;
    font-size: 16px;
    color: #fff;
    border-radius: 4px
}

body {
    overflow-x: hidden;
    line-height: 1.75;
    font-family: Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    overflow-x: hidden !important;
    touch-action: none !important;
    touch-action: pan-y !important
}

html {
    touch-action: none !important;
    touch-action: pan-y !important
}

* {
    box-sizing: border-box
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(https://img.amz123.com/upload/index/carbon_chevron-down.svg) white no-repeat 98.5% !important;
    background: url(https://img.amz123.com/upload/index/carbon_chevron-down.svg) white no-repeat calc(100% - 10px) !important
}

select::-ms-expand {
    display: none
}

._text_over_hidden_ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #555;
    padding-right: 10px
}

.site_collection_container {
    background: #fff;
    margin: 8px 0;
    border-radius: 8px;
    padding: 10px 20px 6px
}

@media (min-width: 768px) {
    .site_collection_container {
        padding-bottom: 10px;
        padding-left: 22px;
        padding-right: 18px
    }
}

@media (max-width: 767px) {
    .site_collection_container {
        margin-top: -10px
    }
}

.site_collection_container .tab_container {
    display: flex;
    gap: 15px;
    padding-bottom: 0;
    margin-top: 3px
}

@media (max-width: 767px) {
    .site_collection_container .tab_container {
        gap: 4px
    }
}

@media (min-width: 1025px) {
    .site_collection_container .tab_container {
        margin-bottom: 6px
    }
}

.site_collection_container .tab_container button {
    border: none;
    color: #6b7386;
    cursor: pointer;
    border-radius: 16px;
    font-size: 13px;
    padding: 4.5px 15px;
    background: white
}

.site_collection_container .tab_container ._settings_ {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px
}

@media (max-width: 799px) {
    .site_collection_container .tab_container ._settings_ {
        display: none
    }
}

.tab_container button.active {
    color: #fff !important;
    background: #1a90ff
}

.amz-activity-config-one {
    display: none
}

.site_tab_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    right: 2px
}

@media (max-width: 799px) {
    .site_tab_items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width: 1000px) {
    .site_tab_items {
        grid-template-columns: repeat(7, 1fr)
    }
}

.site_tab_items li {
    padding: 4px 4px 4px 0;
    position: relative;
    overflow: hidden;
    border: 2px solid transparent
}

.site_tab_items li:hover {
    box-shadow: 0 1px 8px #ddd
}

.site_tab_items li a {
    display: flex;
    align-items: center;
    gap: 12px
}

.site_tab_items li._drag_ * {
    cursor: move
}

.site_tab_items li ._item_setting_ {
    opacity: 0;
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.site_tab_items li:hover ._item_setting_ {
    opacity: 1
}

.site_tab_items li .item_dots i {
    width: 2px;
    height: 2px;
    background: #a1b1a7;
    border-radius: 50%;
    display: inline-block
}

#_amz_tip_modal_ .box .close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(https://img.amz123.com/upload/index/material-symbols_close.svg) no-repeat center;
    background-size: 100%
}

._flex_center_ {
    display: flex;
    justify-content: center;
    align-items: center
}

._settings_ span {
    cursor: pointer
}

._settings_ * {
    user-select: none
}

div._settings_>span.item_dots {
    gap: 2px;
    width: 28px;
    height: 28px;
    box-shadow: 0 1px 3px #1a1a1a1a;
    border-radius: 50%
}

._settings_ span.item_dots:hover {
    background: #0084ff
}

div._settings_>span.item_dots i {
    width: 2px;
    height: 2px;
    background: #a1a7b7;
    border-radius: 50%;
    pointer-events: none
}

div._settings_>span.item_dots:hover i {
    background: white
}

._settings_ ._add_ {
    font-size: 12px;
    color: gray;
    box-shadow: 0 1px 3px #1a1a1a1a;
    padding: 2.5px 10px;
    border-radius: 10px
}

._settings_ ._add_:hover {
    background: #0084ff;
    color: #fff
}

._settings_ ._add_:hover span {
    color: #fff !important
}

._lock_ {
    box-shadow: 0 1px 3px #1a1a1a1a;
    padding: 0 8px;
    border-radius: 50%;
    color: #a1b1a7
}

._lock_:after,
._lock_:before {
    display: none
}

._lock_:hover:after,
._lock_:hover:before {
    display: inline-block
}

._lock_:hover {
    background: #0084ff;
    color: #fff;
    position: relative
}

._lock_.hover:after {
    content: "\6253\5f00\7f51\5740\6392\5e8f";
    width: max-content;
    background: black;
    color: #fff;
    position: absolute;
    top: -48px;
    left: -52px;
    padding: 8px 24px;
    border-radius: 6px;
    z-index: 999
}

._lock_.hover:before {
    content: "";
    border: 6px solid transparent;
    border-top-color: #000;
    position: absolute;
    top: -6px
}

._lock_.focus {
    border-radius: 12px;
    color: #fff;
    background: #0084ff
}

._lock_.focus:after {
    content: "\9501\5b9a\6392\5e8f";
    font-size: 12px;
    display: inline-block
}

._add_input_box {
    display: flex;
    height: 2rem;
    line-height: 2rem;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    margin-top: 1.4rem
}

._add_input_box input {
    outline: none;
    margin: 0 4px;
    padding: 0 10px;
    border: none;
    width: 70%
}

._add_input_box button {
    border: none;
    background: #f4f6f9;
    color: var(--text-color);
    flex-grow: 1;
    cursor: pointer
}

._site_name_ico {
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 18px
}

._upload_wrapper {
    width: 3rem;
    height: 2.4rem;
    position: relative;
    border-radius: 6px;
    border: solid 1px var(--border-color);
    cursor: pointer
}

#_web_ico_ {
    cursor: pointer
}

._upload_wrapper:hover:after {
    content: "\81ea\5b9a\4e49\56fe\6807\ff08\6700\5927 100Kb\ff0c\652f\6301\683c\5f0f\ff1asvg\3001ico\3001png\3001jpg\3001 bmp\3001gif\ff09";
    position: absolute;
    top: -2.65rem;
    left: 0rem;
    width: max-content;
    background: #333;
    color: #fff;
    border-radius: 8px;
    padding: 8px;
    font-size: 12px;
    cursor: pointer
}

._upload_wrapper:hover:before {
    position: absolute;
    top: -8px;
    left: 16px;
    content: "";
    border: solid 6px transparent;
    border-top-color: #000;
    cursor: pointer
}

#_upload_web_ico_ {
    background: green;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

._site_name_ico input {
    outline: none;
    flex-grow: 1;
    padding: 11px;
    border: 1px solid var(--border-color);
    border-radius: 6px
}

._option_ select {
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    outline: none;
    color: var(--text-color)
}

button._add_now_ {
    border: none;
    outline: none;
    color: var(--text-color);
    padding: 8px 0;
    border-radius: 6px;
    cursor: pointer
}

button._add_now_._ready_ {
    background: #0f88eb;
    color: #fff
}

#_dialog_wrapper_ {
    position: fixed;
    padding: 10px 8px;
    min-height: 4rem;
    min-width: 4rem;
    z-index: 10000;
    background: white;
    border-radius: 4px;
    border: 1px solid rgba(51, 51, 51, .1019607843);
    color: var(--text-color);
    font-size: 14px
}

#_dialog_wrapper_:after {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #3333331a;
    position: absolute;
    right: 8px;
    top: -16px
}

#_dialog_wrapper_:before {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    right: 8px;
    top: -15px;
    z-index: 2
}

._setting_item_ {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--text-color);
    padding: 0 4px;
    cursor: pointer;
    margin: 4px 0
}

._setting_item_ img {
    width: 1rem;
    height: 1rem
}

._setting_item_:hover {
    background-color: #ecf5ff;
    color: #66b1ff;
    border-radius: 4px
}

#amz-header>div>div>div.amz-activity-config-two.hidden {
    display: none
}

._setting_item_copy_,
._setting_item_edit_,
._setting_item_delete_ {
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--text-color);
    padding: 0 4px;
    cursor: pointer;
    margin: 4px 0
}

._setting_item_copy_:hover,
._setting_item_edit_:hover,
._setting_item_delete_:hover {
    background-color: #ecf5ff;
    color: #66b1ff;
    border-radius: 4px
}

.amz-sidebar-tool .amz-tool-qr-group .amz-tool-qr-panels .amz-tool-qr-panel {
    box-sizing: border-box
}

.amz-one-timeout .amz-timeout-text {
    line-height: 22px;
    font-size: 14px;
    padding: 0 3px
}

.amz-red-dot {
    width: 7px;
    height: 7px;
    position: relative;
    right: 4px;
    top: -3px;
    border-radius: 100%;
    background-color: red
}

#bookmark_vue {
    margin-top: 12px;
    transform: scaleY(1);
    transition: all .3s ease-in-out
}

#bookmark_vue .site_collection_container {
    margin-bottom: 0
}

div[data-opacity="1"],
span[data-opacity="1"],
ul[data-opacity="1"] {
    opacity: 0
}

div[data-opacity="2"],
span[data-opacity="2"],
ul[data-opacity="2"] {
    opacity: 1;
    transition: all .4s ease-in-out
}

.site_collection_container {
    transform: scaleY(1);
    transition: all .4s ease-in-out
}

.amz-input {
    z-index: 2
}

.amz123-search-suggestion-items {
    display: none;
    cursor: pointer;
    border-radius: 12px;
    background-color: #fff;
    gap: 10px
}

.amz123-search-suggestion-items.active {
    display: block;
    z-index: 999;
    position: relative
}

.amz123-search-suggestion-items .suggestion-item {
    position: relative;
    bottom: 5px;
    display: flex;
    padding: 2px 12px;
    align-items: center;
    border-radius: 0;
    gap: 12px
}

.amz123-search-suggestion-items .suggestion-item:hover,
.amz123-search-suggestion-items .suggestion-item.active {
    background: rgba(0, 68, 215, .0509803922)
}

.amz123-search-suggestion-items .suggestion-item img {
    width: 32px;
    height: 32px
}

.amz123-search-suggestion-items .suggestion-item section {
    font-size: 12px
}

.amz123-search-suggestion-items .suggestion-item span {
    color: #0044d7;
    margin-left: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    opacity: .8
}

.amz-card-style[data-style="12"] .amz-tab-wrapper {
    position: relative
}

.temp-skeleton {
    background: white;
    padding: 13px 10px;
    position: absolute;
    top: 45px;
    left: 10px;
    right: 10px;
    bottom: 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px
}

@media (max-width: 1259px) {
    .temp-skeleton {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr)
    }
}

@media (max-width: 992px) {
    .temp-skeleton {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr)
    }
}

.temp-skeleton .temp_skeleton_box {
    display: grid;
    grid-template-columns: 35% auto;
    grid-template-rows: auto;
    gap: 10px
}

.temp-skeleton .temp_skeleton_box .temp_img,
.temp-skeleton .temp_skeleton_box .temp_intro {
    border-radius: 4px
}

.temp-skeleton .temp_skeleton_box .temp_img {
    background: rgba(238, 238, 238, .5647058824)
}

.temp-skeleton .temp_skeleton_box .temp_intro {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.temp-skeleton .temp_skeleton_box .temp_intro .temp_title {
    height: 20%;
    background: rgba(238, 238, 238, .5647058824);
    width: 80%
}

.temp-skeleton .temp_skeleton_box .temp_intro .temp_description {
    flex-grow: 1;
    background: rgba(238, 238, 238, .3137254902);
    width: 90%
}

.temp-skeleton .temp_skeleton_box .temp_intro .temp_description.temp_width {
    width: 70%
}

.temp-skeleton .temp_skeleton_box .temp_intro .temp_author_info_and_date {
    height: 20%;
    background: rgba(238, 238, 238, .5647058824)
}

:root {
    --border-color: #8080802e;
    --text-color: #6c6c6c
}

@keyframes fade {
    0% {
        opacity: .3;
        left: 30px
    }

    to {
        opacity: 1;
        left: 0px
    }
}

#_amz_tip_modal_ {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background: rgba(54, 61, 76, .5411764706);
    display: flex;
    justify-content: center;
    align-items: center
}

#_amz_tip_modal_ .box {
    position: relative;
    animation: fade .3s ease-in-out;
    background: white;
    border-radius: 6px;
    padding: 10px 16px;
    display: flex;
    flex-direction: column
}

#_amz_tip_modal_ .box h2 {
    color: #333;
    font-weight: 500;
    font-size: 1.3rem;
    margin: 0;
    padding: 0
}

#_amz_tip_modal_ .box .close {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(https://api.iconify.design/material-symbols:close.svg?color=%23888888) no-repeat center;
    background-size: 100%
}

#_amz_tip_modal_ .box ._tip_ {
    padding: 18px 0;
    color: #333;
    font-size: 13px;
    text-align: center
}

#_amz_tip_modal_ .box ._tip_ a {
    color: #12127a
}

#_amz_tip_modal_ .box button._close_ {
    cursor: pointer;
    padding: 4px 12px;
    background: aliceblue;
    border: none;
    border-radius: 6px;
    color: #175790e3;
    margin-left: auto;
    font-size: 12px
}

._beautiful_msg_ {
    z-index: -1;
    background-color: #333333a5;
    position: fixed;
    left: -200vw;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

._beautiful_msg_ ._msg_box_ {
    animation: showAd .4s ease-in-out;
    position: relative
}

._beautiful_msg_ ._msg_box_ img._msg_ {
    max-width: min(600px, 90vw);
    margin: 0 auto;
    cursor: pointer
}

._beautiful_msg_ ._msg_box_ #_close_msg_ {
    cursor: pointer;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: -10px;
    right: -10px;
    background-color: #fff;
    border-radius: 100%
}

@keyframes showAd {
    0% {
        scale: .1;
        opacity: .1
    }

    to {
        scale: 1;
        opacity: 1
    }
}

.amz-one-timeout {
    padding: 20px 20px 10px;
    background: #fff;
    display: flex !important;
    font-size: 14px;
    line-height: 14px;
    color: #555
}

.amz-one-timeout .amz-timeout-text {
    line-height: 22px;
    font-size: 14px
}

.amz-one-timeout .amz-timeout-day {
    font-weight: 600;
    color: #242428;
    line-height: 22px;
    font-size: 14px;
    margin: 0 16px
}

.amz-one-timeout .amz-timeout-num {
    margin: 0 8px;
    background: #f0f6ff;
    color: #247ae6;
    padding: 4px 8px;
    border-radius: 4px
}

.amz-red-circle {
    position: relative
}

.amz-red-circle:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: -3px;
    right: -3px;
    border-radius: 100%;
    background-color: red
}

#_login_in_btn_ {
    opacity: 0
}

#_login_in_btn_:hover+.login-down {
    visibility: visible;
    opacity: 1;
    transition: all .2s
}

.login-down {
    position: fixed;
    top: 52px;
    visibility: hidden;
    opacity: 0;
    transition: all .7s;
    background: white;
    color: #000;
    box-shadow: #959da533 0 8px 24px
}

.login-down:hover {
    visibility: visible;
    opacity: 1
}

.login-down .login-div .info:before {
    left: 0;
    top: 0;
    opacity: .3;
    background-image: linear-gradient(44deg, #fedbc7 48%, #fff6f1 91%);
    width: 60px;
    height: 76px;
    border-radius: 0 0 100%
}

.login-down .login-div .info:after {
    right: 0;
    bottom: 0;
    opacity: .4;
    background-image: linear-gradient(43deg, #fedbc7 1%, #fff6f1 100%);
    width: 100px;
    height: 57px;
    border-radius: 100% 0 0
}

.login-down .login-div .info:before {
    content: "";
    display: block;
    position: absolute
}

.login-down .login-div .info:after {
    content: "";
    display: block;
    position: absolute
}

.login-down .login-div .info {
    background: #fff6f1;
    position: relative;
    padding: 30px 90px
}

.login-down .login-div .info .info-thumb {
    width: 50px;
    position: absolute;
    left: 20px;
    top: 30px;
    border: 4px solid #fff;
    box-shadow: 0 0 30px #eee;
    border-radius: 100%
}

.login-down .login-div .info .info-thumb .thumb {
    padding-top: 100%;
    border-radius: 100%;
    transition: none
}

.login-down .login-div .thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    transition: all .2s
}

.login-down .login-div .info h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 6px;
    line-height: 1.5;
    height: 1.5em;
    overflow: hidden
}

.login-down .login-div .main {
    padding: 20px 30px 35px;
    color: gray
}

.login-down .login-div .main a {
    font-weight: 400 !important
}

.login-down .login-div .main .main-menu {
    display: flex;
    margin: 0 -20px
}

.login-down .login-div .main .main-menu .item {
    position: relative;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 15px 0;
    flex-grow: 1;
    width: 33.3%;
    border-radius: 6px
}

.login-down .login-div .main .main-menu .item:hover {
    background-color: #f25d24;
    color: #fff
}

.login-down .login-div .main .main-menu .item:hover svg {
    fill: #fff
}

.login-down .login-div .main .main-menu .item .item-content a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

.login-down .login-div .main .main-menu .item span.noti {
    position: absolute;
    background: red;
    color: #fff;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    border-radius: 20px;
    top: 0;
    left: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 15px
}

.login-down .login-div .main .main-menu-2 .item a:hover {
    color: #ff4500 !important
}

.login-down .login-div .main .main-menu-2 {
    border-top: 1px solid #f3f3f3;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    font-size: 14px
}

.login-down .icon {
    width: 20px;
    height: 20px
}

#_message_wrapper_ {
    position: fixed;
    left: 0;
    right: 0;
    top: 4%;
    right: 2%;
    z-index: 9999999;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column
}

#_message_wrapper_ ._message_ {
    animation: fade .3s ease-in-out;
    min-width: 300px;
    max-width: 400px;
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 12px;
    margin: 12px 0;
    font-size: 16px;
    border-radius: 2px 6px 6px 2px;
    background: white;
    color: var(--text-color);
    gap: 12px;
    position: relative;
    animation: fade .2s ease-in-out;
    box-shadow: 1px 2px 3px #1a1a1a33
}

#_message_wrapper_ ._message_ ._tip_ {
    color: gray;
    font-weight: 700
}

#_message_wrapper_ ._message_ ._text_ {
    color: #000;
    padding-top: 2px;
    font-size: 14px
}

.amz-activity-config-one {
    width: 350px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    z-index: 3333;
    display: none
}

.amz-activity-config-one .amz-activity-one-head {
    padding: 11px 8px;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #498af8;
    color: #fff;
    font-size: 16px;
    border-radius: 5px 5px 0 0
}

.amz-activity-config-one .amz-activity-one-head .amz-activity-one-icon {
    color: #eff2f8;
    width: 18px;
    cursor: pointer;
    transition: all .4s ease 0s
}

.amz-activity-config-one .amz-activity-one-head .amz-activity-one-icon:hover {
    animation-name: ActivityRotate;
    animation-duration: .5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    transition: all .4s ease 0s
}

@keyframes ActivityRotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(180deg)
    }
}

.amz-activity-config-one .amz-activity-one-overflow {
    border: 1px solid #cfcfcf
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content {
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    display: flex
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-img {
    width: 135px;
    height: 75px;
    background-color: #f1eeb4;
    border-radius: 5px;
    overflow: hidden
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-img img {
    width: 100%;
    height: 100%
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-title {
    padding-left: 16px;
    font-size: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-title .amz-activity-one-name {
    line-height: 1.5;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-title .amz-activity-one-name:hover {
    color: #f60
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-title .amz-activity-one-btn {
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    padding: 3px 10px;
    width: 68px;
    background-color: #f36526;
    color: #fff !important
}

.amz-activity-config-one .amz-activity-one-overflow .amz-activity-one-content .amz-activity-one-title .amz-activity-one-btn:hover {
    background-color: #f7814f
}

.amz-activity-config-one .amz-activity-one-content {
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    display: flex;
    position: relative;
    box-sizing: border-box
}

.amz-activity-config-one .amz-activity-one-content.other .amz-activity-one-name {
    width: 138px !important
}

.amz-activity-config-one .amz-activity-one-content .amz-one-img-thumb {
    width: 100px !important;
    height: 60px !important
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-img {
    height: 75px;
    background-color: #f1eeb4;
    border-radius: 5px;
    overflow: hidden
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-img img {
    width: 100%;
    height: 100%
}

.amz-activity-config-one .amz-activity-one-content .amz-one-title-thumb {
    width: 160px !important;
    font-size: 13px !important
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-title {
    width: 200px;
    padding-left: 10px;
    font-size: 15px;
    position: relative
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-title p {
    font-size: 12px;
    color: #8e8e8e;
    margin: 0
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-title .amz-activity-one-name {
    line-height: 1.5;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-title .amz-activity-one-name:hover {
    color: #f60
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-title .amz-activity-one-btn {
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    padding: 6px 10px;
    background-color: #f36526;
    color: #fff
}

.amz-activity-config-one .amz-activity-one-content .amz-activity-one-title .amz-activity-one-btn:hover {
    background-color: #f7814f
}

.amz-activity-config-one .amz-activity-one-content .amz-one-btn-thumb {
    font-size: 12px;
    border: 1px solid #f26929;
    color: #f26929;
    padding: 3px;
    position: absolute;
    right: 14px;
    border-radius: 3px
}

.amz-activity-config-one .amz-activity-one-content .amz-one-btn-thumb:hover {
    background-color: #f26929;
    color: #fff
}

.amz-activity-config-one .other {
    justify-content: normal;
    align-items: center;
    border-top: 1px solid #ddd
}

.amz-activity-config-two {
    width: 350px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #fff;
    border-radius: 2px;
    z-index: 3333;
    box-shadow: 0 9px 28px 8px #0000000d, 0 6px 16px #00000014, 0 3px 6px -4px #0000001f
}

.amz-activity-config-two .amz-activity-two-hidden {
    position: absolute;
    right: 10px;
    top: -25px;
    width: 40px;
    height: 25px;
    background: rgb(255, 255, 255);
    border-radius: 4px 4px 0 0;
    box-shadow: 0 -30px 28px 9px #0000000d;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.amz-activity-config-two .amz-activity-two-hidden .amz-activity-two-icon {
    color: #000;
    width: 16px;
    cursor: pointer
}

.amz-activity-config-two .amz-activity-two-hidden .amz-activity-two-icon:hover {
    color: #f26929
}

.amz-activity-config-two .amz-activity-two-pd {
    padding: 13px 0 0
}

.amz-activity-config-two .amz-activity-two-count {
    margin: 5px 0;
    font-size: 14px;
    color: #555;
    padding: 0 20px 5px;
    display: flex
}

.amz-activity-config-two .amz-activity-two-count span {
    margin: 0 4px
}

.amz-activity-config-two .amz-activity-two-count .amz-timeout-day {
    font-weight: 600;
    color: #242428;
    line-height: 22px;
    font-size: 14px;
    margin: 0 18px
}

.amz-activity-config-two .amz-activity-two-count .amz-timeout-num {
    margin: 0 8px;
    background: #f0f6ff;
    color: #247ae6;
    padding: 4px 10px;
    border-radius: 4px
}

.amz-activity-config-two .amz-activity-two-content {
    width: 100%;
    padding: 10px 20px;
    background-color: #fff;
    display: flex;
    position: relative;
    box-sizing: border-box
}

.amz-activity-config-two .amz-activity-two-content .amz-two-img-thumb {
    width: 100px !important;
    height: 60px !important
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-img {
    width: 145px;
    height: 75px;
    background-color: #f1eeb4;
    border-radius: 5px;
    overflow: hidden
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-img img {
    width: 100%;
    height: 100%
}

.amz-activity-config-two .amz-activity-two-content .amz-two-title-thumb {
    width: 160px !important;
    font-size: 13px !important
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-title {
    width: 200px;
    padding-left: 15px;
    font-size: 15px;
    position: relative
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-title p {
    font-size: 12px;
    color: #8e8e8e;
    margin: 0
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-title .amz-activity-two-name {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-title .amz-activity-two-name:hover {
    color: #f60
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-title .amz-activity-two-btn {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    padding: 1px 10px;
    background-color: #f36526;
    color: #fff
}

.amz-activity-config-two .amz-activity-two-content .amz-activity-two-title .amz-activity-two-btn:hover {
    background-color: #f7814f
}

.amz-activity-config-two .amz-activity-two-content .amz-two-btn-thumb {
    font-size: 12px;
    border: 1px solid #f26929;
    color: #f26929;
    padding: 3px;
    position: absolute;
    right: 14px;
    border-radius: 3px
}

.amz-activity-config-two .amz-activity-two-content .amz-two-btn-thumb:hover {
    background-color: #f26929;
    color: #fff
}

.amz-activity-config-two .other {
    justify-content: normal;
    align-items: center
}

.amz-two-small,
.amz-one-small {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 350px;
    z-index: 6666;
    background: #fff;
    box-shadow: 0 9px 28px 8px #0000000d, 0 6px 16px #00000014, 0 3px 6px -4px #0000001f;
    border-radius: 4px;
    display: block
}

.amz-two-small .amz-two-small-pd,
.amz-two-small .amz-one-small-pd,
.amz-one-small .amz-two-small-pd,
.amz-one-small .amz-one-small-pd {
    padding: 8px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.amz-two-small .amz-two-small-title,
.amz-two-small .amz-one-small-title,
.amz-one-small .amz-two-small-title,
.amz-one-small .amz-one-small-title {
    width: 290px;
    color: #222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.amz-two-small .amz-two-small-title:hover,
.amz-two-small .amz-one-small-title:hover,
.amz-one-small .amz-two-small-title:hover,
.amz-one-small .amz-one-small-title:hover {
    color: #f26526
}

.amz-two-small .amz-two-small-icon,
.amz-two-small .amz-one-small-icon,
.amz-one-small .amz-two-small-icon,
.amz-one-small .amz-one-small-icon {
    width: 20px;
    text-align: right;
    cursor: pointer
}

.amz-two-small .amz-two-small-icon:hover,
.amz-two-small .amz-one-small-icon:hover,
.amz-one-small .amz-two-small-icon:hover,
.amz-one-small .amz-one-small-icon:hover {
    color: #f26526
}

.amz-activity-config-three {
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 5555;
    background-color: #fff;
    border-radius: 15px 0 0 15px;
    padding: 20px 17.5px 10px;
    box-shadow: 0 9px 28px 8px #0000000d, 0 6px 16px #00000014, 0 3px 6px -4px #0000001f
}

.amz-activity-config-three .amz-three-box {
    padding-bottom: 20px;
    padding-top: 3px;
    margin-left: 2px;
    border-bottom: 1px solid #f6f7f8
}

.amz-activity-config-three .amz-three-box:nth-child(2n+1) {
    padding-top: 17px
}

.amz-activity-config-three .amz-activity-three-icon {
    width: 20px;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer
}

.amz-activity-config-three .amz-activity-three-head {
    width: 226px;
    padding-bottom: 1px;
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    color: #303030;
    font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.amz-activity-config-three .amz-three-time {
    display: flex;
    margin-top: 7px;
    justify-content: space-between;
    font-size: 12px
}

.amz-activity-config-three .amz-three-time .amz-three-date {
    color: #7c8388;
    line-height: 20px;
    height: 20px
}

.amz-activity-config-three .amz-three-time .amz-three-btn {
    background-color: #3f82f5;
    border-radius: 20px;
    color: #fff;
    padding: 0 8px;
    line-height: 20px;
    height: 20px
}

.amz-three-small {
    display: none;
    box-sizing: border-box;
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 1000;
    width: 180px;
    height: 44px;
    background: linear-gradient(90deg, #3875f6, #438eff);
    border-radius: 44px 0 0 44px
}

.amz-three-small .amz-small-scroll {
    margin-left: 20px;
    overflow: hidden
}

.amz-three-small .amz-small-scroll .amz-small-scroll-title {
    padding-right: 5px;
    margin: 0;
    line-height: 44px;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    transition: all .3s;
    animation-name: ActivityScroll;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    transform: translate(20px);
    animation-timing-function: linear
}

@keyframes ActivityScroll {
    0% {
        transform: translate(20px)
    }

    to {
        transform: translate(-150px)
    }
}

/*Sat Mar 25 13:01:29 CST 2023*/