@charset "UTF-8";
/* public css */
:root {
    /* 宽度 */
    --jq_w1200: 1200px;
    /* 颜色 */
    --jq_color1: #373f50;
    --jq_color2: #ffffff;
    --jq_color3: rgba(255,255,255,0.9);
    --jq_color4: #475467;
    --jq_color5: #171c61;
    --jq_color6: #393f4f;
    --jq_color7: #333333;
    --jq_color8: #f5f5f5;
    --jq_color9: #2d3444;
    --jq_color10: #666666;
    --jq_color11: rgba(0, 0, 0, 0.1);
    --jq_color12: #4b566b;
    --jq_color13: #e3e9ef;
    --jq_color14: #007fc8;
    --jq_color15: #fea569;
    --jq_color16: #f6f9fc;
    --jq_color17: rgba(0,0,0,0.085);
    --jq_color18: #7d879c;
    --jq_color19: #e60013;
    --jq_color20: #161954;
    --jq_color21: #14174d;
    --jq_color22: #e5e5e5;
    --jq_color23: #f5f5f5;
    --jq_color24: #67c23a;
    --jq_color25: #f7f9fc;
    /* 字体大小 */
    --jq_fs: 10px;
    --jq_fs1: 12px;
    --jq_fs2: 14px;
    --jq_fs3: 16px;
    --jq_fs4: 18px;
    --jq_fs5: 20px;
    --jq_fs6: 22px;
    --jq_fs7: 24px;
    --jq_fs8: 26px;
    --jq_fs9: 28px;
    --jq_fs10: 30px;
    --jq_fs11: 32px;
    --jq_fs11: 34px;
    /* 外边距 */
    --jq_ml1: 5px;
    --jq_ml2: 10px;
    --jq_ml3: 15px;
    --jq_ml4: 20px;
    --jq_ml5: 25px;
    --jq_ml6: 30px;
    --jq_ml7: 35px;
    --jq_ml8: 40px;
    --jq_ml9: 45px;
    --jq_ml10: 50px;
    --jq_mr1: 5px;
    --jq_mr2: 10px;
    --jq_mr3: 15px;
    --jq_mr4: 20px;
    --jq_mr5: 25px;
    --jq_mr6: 30px;
    --jq_mr7: 35px;
    --jq_mr8: 40px;
    --jq_mr9: 45px;
    --jq_mr10: 50px;
    --jq_mt1: 5px;
    --jq_mt2: 10px;
    --jq_mt3: 15px;
    --jq_mt4: 20px;
    --jq_mt5: 25px;
    --jq_mt6: 30px;
    --jq_mt7: 35px;
    --jq_mt8: 40px;
    --jq_mt9: 45px;
    --jq_mt10: 50px;
    --jq_mb1: 5px;
    --jq_mb2: 10px;
    --jq_mb3: 15px;
    --jq_mb4: 20px;
    --jq_mb5: 25px;
    --jq_mb6: 30px;
    --jq_mb7: 35px;
    --jq_mb8: 40px;
    --jq_mb9: 45px;
    --jq_mb10: 50px;
    /* 内边距 */
    --jq_pl1: 5px;
    --jq_pl2: 10px;
    --jq_pl3: 15px;
    --jq_pl4: 20px;
    --jq_pl5: 25px;
    --jq_pl6: 30px;
    --jq_pl7: 35px;
    --jq_pl8: 40px;
    --jq_pl9: 45px;
    --jq_pl10: 50px;
    --jq_pr1: 5px;
    --jq_pr2: 10px;
    --jq_pr3: 15px;
    --jq_pr4: 20px;
    --jq_pr5: 25px;
    --jq_pr6: 30px;
    --jq_pr7: 35px;
    --jq_pr8: 40px;
    --jq_pr9: 45px;
    --jq_pr10: 50px;
    --jq_pt1: 5px;
    --jq_pt2: 10px;
    --jq_pt3: 15px;
    --jq_pt4: 20px;
    --jq_pt5: 25px;
    --jq_pt6: 30px;
    --jq_pt7: 35px;
    --jq_pt8: 40px;
    --jq_pt9: 45px;
    --jq_pt10: 50px;
    --jq_pb1: 5px;
    --jq_pb2: 10px;
    --jq_pb3: 15px;
    --jq_pb4: 20px;
    --jq_pb5: 25px;
    --jq_pb6: 30px;
    --jq_pb7: 35px;
    --jq_pb8: 40px;
    --jq_pb9: 45px;
    --jq_pb10: 50px;
}

html, body, .app {
    width: 100%;
    height: 100%;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: var(--jq_fs2);
}

a {
    color: var(--jq_color7);
    text-decoration: none;
}

.box-1200 {
    width: var(--jq_w1200);
}

/* 布局样式 */
.layout-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* min-height: 100vh; */
}

/* AppHeader */
.header-box {
    width: 100%;
}

/* AppTipsEmailLanguage */
.tel-box {
    width: 100%;
    height: 35px;
    display: flex;
    justify-content: center;
    background-color: var(--jq_color1);
}
.tel-box .tips-email-language {
    width: var(--jq_w1200);
    height: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--jq_color2);
}
.tel-box .tips-email-language .tips {
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--jq_color3);
}
.tel-box .tips-email-language .tips i {
    font-size: var(--jq_fs3);
    margin-right: var(--jq_mr1);
}
.tel-box .tips-email-language .tips:hover {
    color: var(--jq_color2);
}
.tel-box .tips-email-language .tips:hover i {
    color: var(--jq_color2);
}
.tel-box .tips-email-language .email-language {
    height: 100%;
    display: flex;
    align-items: center;
}
.tel-box .tips-email-language .email-language .email {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: var(--jq_mr4);
    color: var(--jq_color3);
}
.tel-box .tips-email-language .email-language .email i {
    font-size: var(--jq_fs3);
    margin-right: var(--jq_mr1);
}
.tel-box .tips-email-language .email-language .email:hover {
    color: var(--jq_color2);
}
.tel-box .tips-email-language .email-language .email:hover i {
    color: var(--jq_color2);
}
.tel-box .tips-email-language .email-language .language {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.tel-box .tips-email-language .email-language .language a {
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--jq_color3);
}
.tel-box .tips-email-language .email-language .language a i {
    margin-right: var(--jq_mr1);
}
.tel-box .tips-email-language .email-language .language a:hover {
    color: var(--jq_color2);
}
.tel-box .tips-email-language .email-language .language .lang-child {
    width: 80px;
    position: absolute;
    top: 35px;
    right: 0;
    background-color: var(--jq_color1);
    display: none;
    z-index: 999;
}
.tel-box .tips-email-language .email-language .language .lang-child .lang-item {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: var(--jq_color2);
}
.tel-box .tips-email-language .email-language .language .lang-child .lang-item:hover {
    background-color: var(--jq_color4);
}
.tel-box .tips-email-language .email-language .language:hover .lang-child {
    display: block;
}

/* AppLogoSearchShoppingCart */
.alssc-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.alssc-box .alssc-top-box {
    width: 100%;
    height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart {
    width: var(--jq_w1200);
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .logo {
    width: 160px;
    height: auto;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .logo img {
    width: 100%;
    height: auto;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .search {
    width: 460px;
    height: 40px;
    border: 2px solid var(--jq_color5);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .search .input {
    width: calc(100% - 40px);
    height: 100%;
    background: none;
    border: none;
    outline: none;
    padding: 0 10px;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .search .btn {
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--jq_color5);
    color: var(--jq_color2);
    border: none;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart {
    display: flex;
    align-items: center;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check {
    width: 18px;
    height: 15px;
    display: none;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: var(--jq_mr4);
    cursor: pointer;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check span {
    width: 100%;
    height: 2px;
    background-color: var(--jq_color5);
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--jq_color5);
    position: absolute;
    top: 0px;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .phone-menu-check::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--jq_color5);
    position: absolute;
    bottom: 0px;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .shoppingCart {
    /* width: 82px; */
    padding: 0 var(--jq_pl2);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--jq_color5);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .shoppingCart i {
    margin-right: var(--jq_mr1);
    font-size: var(--jq_fs3);
}
.alssc-box .alssc-top-box .logo-search-shoppingCart .menu-check-shoppingCart .shoppingCart:hover {
    background-color: var(--jq_color5);
    color: var(--jq_color2);
}
.alssc-box .phone-menu-box {
    width: 100%;
    height: 0px;
    background: var(--jq_color5);
    flex-direction: column;
    overflow: hidden;
    transition: all 0.3s;
    display: none;
}
.alssc-box .phone-menu-box .phone-menu-search {
    width: 100%;
    height: 45px;
    background: var(--jq_color2);
    border-radius: 5px;
    display: flex;
}
.alssc-box .phone-menu-box .phone-menu-search i {
    width: 45px;
    height: 100%;
    font-size: var(--jq_fs3);
}
.alssc-box .phone-menu-box .phone-menu-search input {
    width: calc(100% - 45px);
    height: 100%;
    background: none;
    border: none;
    outline: none;
}
.alssc-box .phone-menu-box .phone-menu-tree-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.alssc-box .phone-menu-box .phone-menu-tree-box > a {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    color: var(--jq_color3);
    font-size: var(--jq_fs3);
}
.alssc-box .phone-menu-box .phone-menu-tree-box a:hover {
    color: var(--jq_color2);
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: var(--jq_color20);
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-item {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-item > a {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    color: var(--jq_color3);
    font-size: var(--jq_fs3);
    padding: 15px;
    border-bottom: 1px solid var(--jq_color3);
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-item a:hover {
    color: var(--jq_color2);
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box {
    width: 100%;
    padding: 15px;
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box .phone-menu-tree-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    background: var(--jq_color21);
    padding: 0 15px;
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box .phone-menu-tree-child > a {
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--jq_color3);
    font-size: var(--jq_fs2);
    padding: 10px 0;
}
.alssc-box .phone-menu-box .phone-menu-tree-box .phone-menu-tree-main .phone-menu-tree-child-box .phone-menu-tree-child a:hover {
    color: var(--jq_color2);
}
.alssc-box .phone-menu-box .phone-menu {
    width: 100%;
}
.alssc-box .phone-menu-box .phone-menu a {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--jq_color3);
    font-size: var(--jq_fs3);
}
.alssc-box .phone-menu-box .phone-menu a:hover {
    color: var(--jq_color2);
}
.alssc-box .phone-menu-box.active {
    height: auto;
    padding: 15px;
}

.alssc-box.flex {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: var(--jq_color2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* AppMenu */
.menu-box {
    width: 100%;
    height: 49px;
    background-color: var(--jq_color5);
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-box .menu-main {
    width: var(--jq_w1200);
    height: 100%;
    display: flex;
    /* 事件菜单 */
}
.menu-box .menu-main .classification-box {
    width: 200px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.menu-box .menu-main .classification-box > a {
    width: 100%;
    color: var(--jq_color3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--jq_fs3);
}
.menu-box .menu-main .classification-box > a i {
    font-size: var(--jq_fs1);
    margin-right: var(--jq_ml1);
}
.menu-box .menu-main .classification-box .classification {
    width: 280px;
    flex-direction: column;
    position: absolute;
    top: 49px;
    left: 0;
    background-color: var(--jq_color2);
    color: var(--jq_color7);
    border: 1px solid var(--jq_color8);
    display: none;
    z-index: 999;
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.menu-box .menu-main .classification-box .classification .classification-item {
    width: 100%;
    position: relative;
    border-bottom: 1px solid var(--jq_color8);
}
.menu-box .menu-main .classification-box .classification .classification-item > a {
    height: 45px;
    color: var(--jq_color5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    font-size: var(--jq_fs2);
}
.menu-box .menu-main .classification-box .classification .classification-item > a i {
    font-size: var(--jq_fs1);
}
.menu-box .menu-main .classification-box .classification .classification-item .classification-child {
    width: 530px;
    position: absolute;
    top: -11px;
    left: 278px;
    background-color: var(--jq_color2);
    border: 1px solid var(--jq_color8);
    display: none;
    border-radius: 5px;
    padding: 20px 24px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.menu-box .menu-main .classification-box .classification .classification-item .classification-child a {
    padding: 10px;
    color: var(--jq_color5);
    display: flex;
    flex-direction: column;
    padding: 5px 0;
    font-size: var(--jq_fs2);
}
.menu-box .menu-main .classification-box .classification .classification-item:hover .classification-child {
    display: block;
}
.menu-box .menu-main .classification-box:hover a {
    color: var(--jq_color2);
}
.menu-box .menu-main .classification-box:hover .classification {
    display: block;
}
.menu-box .menu-main .classification-event-box {
    width: 200px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999;
}
.menu-box .menu-main .classification-event-box > a {
    width: 100%;
    color: var(--jq_color3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--jq_fs3);
}
.menu-box .menu-main .classification-event-box > a i {
    font-size: var(--jq_fs1);
    margin-right: var(--jq_ml1);
}
.menu-box .menu-main .classification-event-box:hover .classification-event {
    display: flex;
}
.menu-box .menu-main .classification-event-box .classification-event {
    width: 280px;
    display: none;
    flex-direction: column;
    position: absolute;
    top: 49px;
    left: 0;
    background-color: var(--jq_color2);
    color: var(--jq_color7);
    border: 1px solid var(--jq_color8);
    z-index: 999;
    border-radius: 5px;
    padding: 5px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.menu-box .menu-main .classification-event-box .classification-event a {
    border-bottom: 1px solid #e3e9ef;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    color: #4b566b;
    font-size: var(--jq_fs2);
}
.menu-box .menu-main .classification-event-box .classification-event a i {
    font-size: var(--jq_fs1);
    position: relative;
    transform: rotate(90deg);
}
.menu-box .menu-main .classification-event-box .classification-event a:last-child {
    border-bottom: none;
}
.menu-box .menu-main .classification-event-box .classification-event a:hover {
    color: #171c61;
}
.menu-box .menu-main .classification-event-box .classification-event-child-box {
    width: 530px;
    position: absolute;
    top: 49px;
    left: 278px;
    background: #ffffff;
    border-radius: 5px;
    padding: 15px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 2;
    display: none;
}
.menu-box .menu-main .classification-event-box .classification-event-child-box .classification-event-child {
    width: 100%;
    display: none;
    flex-direction: column;
}
.menu-box .menu-main .classification-event-box .classification-event-child-box .classification-event-child a {
    width: 100%;
    padding: 5px 20px;
    font-size: var(--jq_fs2);
    color: #4b566b;
}
.menu-box .menu-main .classification-event-box .classification-event-child-box .classification-event-child a:hover {
    color: #171c61;
}
.menu-box .menu-main .classification-event-box .classification-event:hover + .classification-event-child-box, .menu-box .menu-main .classification-event-box .classification-event-child-box:hover {
    display: block;
}
.menu-box .menu-main .menu {
    height: 100%;
    display: flex;
    align-items: center;
}
.menu-box .menu-main .menu a {
    height: 100%;
    color: var(--jq_color3);
    display: flex;
    align-items: center;
    padding: 0 var(--jq_ml6);
    font-size: var(--jq_fs3);
}
.menu-box .menu-main .menu a:hover {
    color: var(--jq_color2);
}

/* AppFooter */
.footer-box {
    width: 100%;
    /* height: 275px; */
    /* background-color: var(--jq_color9); */
    background: var(--jq_color9) url("./icon/footer-bg.png") no-repeat center center;
    background-size: auto 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--jq_pt4);
}
.footer-box .footer {
    width: var(--jq_w1200);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.footer-box .footer .footer-main {
    width: 100%;
    height: calc(100% - 62px);
    display: flex;
    justify-content: space-between;
}
.footer-box .footer .footer-main .company-message {
    width: 300px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    flex-shrink: 0;
}
.footer-box .footer .footer-main .company-message .max-name {
    font-size: var(--jq_fs5);
    font-weight: bold;
    color: var(--jq_color2);
    margin-bottom: var(--jq_mb2);
}
.footer-box .footer .footer-main .company-message .min-name, .footer-box .footer .footer-main .company-message .time, .footer-box .footer .footer-main .company-message .email {
    font-size: var(--jq_fs2);
    color: var(--jq_color3);
    margin-bottom: var(--jq_mb2);
    display: flex;
    align-items: center;
}
.footer-box .footer .footer-main .company-message .min-name i, .footer-box .footer .footer-main .company-message .time i, .footer-box .footer .footer-main .company-message .email i {
    font-size: var(--jq_fs3);
    margin-right: var(--jq_mr1);
}
.footer-box .footer .footer-main .resources-box {
    width: 100%;
    height: 100%;
    display: flex;
    /* align-items: center; */
    padding: 0 100px 40px 100px;
}
.footer-box .footer .footer-main .resources-box .resources {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: var(--jq_mr10);
}
.footer-box .footer .footer-main .resources-box .resources .title {
    font-size: var(--jq_fs3);
    font-weight: bold;
    color: var(--jq_color2);
    margin-bottom: var(--jq_mb2);
}
.footer-box .footer .footer-main .resources-box .resources .list {
    display: flex;
    flex-direction: column;
}
.footer-box .footer .footer-main .resources-box .resources .list .list-items {
    font-size: var(--jq_fs2);
    color: var(--jq_color3);
    margin-bottom: var(--jq_mb2);
}
.footer-box .footer .footer-main .resources-box .resources .list .list-items:hover {
    color: var(--jq_color2);
}
.footer-box .footer .footer-main .subscribe {
    flex-shrink: 0;
    padding: 0 0 40px 0;
}
.footer-box .footer .footer-main .subscribe .title {
    font-size: var(--jq_fs3);
    font-weight: bold;
    color: var(--jq_color2);
    margin-bottom: var(--jq_mb2);
}
.footer-box .footer .footer-main .subscribe .form {
    margin-top: var(--jq_mt4);
    display: flex;
}
.footer-box .footer .footer-main .subscribe .form .input {
    width: calc(100% - 80px);
    height: 30px;
    border-radius: 4px 0 0 4px;
    padding: 0 10px;
    outline: none;
}
.footer-box .footer .footer-main .subscribe .form .btn {
    width: 80px;
    height: 30px;
    border-radius: 0 4px 4px 0;
    background-color: var(--jq_color6);
    color: var(--jq_color2);
    font-size: var(--jq_fs1);
    border: none;
}
.footer-box .footer .footer-main .subscribe .forward {
    margin-top: var(--jq_mt4);
    display: flex;
}
.footer-box .footer .footer-main .subscribe .forward a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--jq_color6);
    color: var(--jq_color2);
    font-size: var(--jq_fs1);
    margin-right: var(--jq_mr2);
    border-radius: 4px;
}
.footer-box .footer .footer-main .subscribe .forward a:hover {
    background-color: var(--jq_color2);
    color: var(--jq_color6);
}
.footer-box .footer .footer-bottom {
    width: 100%;
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #444b5b;
}
.footer-box .footer .footer-bottom .list-copyright {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-box .footer .footer-bottom .list-copyright .bottom-list {
    display: flex;
}
.footer-box .footer .footer-bottom .list-copyright .bottom-list .list-items {
    font-size: var(--jq_fs2);
    color: var(--jq_color3);
    margin-right: var(--jq_mr3);
}
.footer-box .footer .footer-bottom .list-copyright .bottom-list .list-items:hover {
    color: var(--jq_color2);
}
.footer-box .footer .footer-bottom .list-copyright .copyright {
    color: var(--jq_color3);
    font-size: var(--jq_fs2);
}
.footer-box .footer .footer-bottom .list-copyright .copyright:hover {
    color: var(--jq_color2);
}
.footer-box .footer .footer-bottom .play {
    display: flex;
    align-items: center;
}
.footer-box .footer .footer-bottom .play a {
    /*width: 43px;*/
    /*height: 30px;*/
    width: 56px;
    height: 30px;
    color: var(--jq_color3);
    margin-left: var(--jq_ml4);
    background: var(--jq_color2);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-box .footer .footer-bottom .play a img {
    width: 42px;
    height: 12px;
}

/* 动画代码 */
@keyframes example1 {
    from {
        opacity: 0;
        left: -60px;
    }
    to {
        opacity: 1;
        left: 0;
    }
}
@keyframes example2 {
    from {
        opacity: 0;
        left: -60px;
    }
    to {
        opacity: 1;
        left: 0;
    }
}
@keyframes example3 {
    from {
        opacity: 0;
        left: -60px;
    }
    to {
        opacity: 1;
        left: 0;
    }
}
/* AppBanner */
.banner-box {
    width: 100%;
    height: 600px;
    position: relative;
    margin-bottom: 145px;
}
.banner-box .swiper {
    height: 100%;
}
.banner-box .swiper .swiper-wrapper {
    height: 100%;
}
.banner-box .swiper .swiper-wrapper .swiper-slide {
    height: 100%;
}
.banner-box .swiper .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-box .swiper .swiper-wrapper .swiper-slide a img {
    width: 100%;
    height: 100%;
}
.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box {
    width: var(--jq_w1200);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: -100px;
    color: var(--jq_color2);
    padding: 0 20px;
}
.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .max-title {
    font-size: 1.75rem;
    opacity: 0;
    position: relative;
    transition: all 0.3;
}
.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .max-text {
    font-size: 3rem;
    opacity: 0;
    position: relative;
    transition: all 0.3;
}
.banner-box .swiper .swiper-wrapper .swiper-slide a .banner-text-box .min-text {
    font-size: 1.2rem;
    opacity: 0;
    position: relative;
    transition: all 0.3;
}
.banner-box .swiper .swiper-button-next, .banner-box .swiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: var(--jq_color2);
    opacity: 0;
    transition: all 0.3s;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-box .swiper .swiper-button-next::after, .banner-box .swiper .swiper-button-prev::after {
    color: var(--jq_color14);
    font-size: var(--jq_fs4);
}
.banner-box .swiper:hover .swiper-button-next, .banner-box .swiper:hover .swiper-button-prev {
    opacity: 1;
}

.banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .max-title {
    animation-name: example1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .max-text {
    animation-name: example2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

.banner-box .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a .banner-text-box .min-text {
    animation-name: example3;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.banner-product-box {
    width: 100%;
    height: 340px;
    position: absolute;
    bottom: -125px;
    left: 0;
    z-index: 998;
    display: flex;
    justify-content: center;
}
.banner-product-box .banner-product {
    width: var(--jq_w1200);
    height: 100%;
}
.banner-product-box .banner-product .banner-product-main {
    width: 810px;
    height: 100%;
    background-color: var(--jq_color2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    box-shadow: 0 0 10px var(--jq_color11);
    padding: 24px 14px;
}
.banner-product-box .banner-product .banner-product-main .banner-product-list {
    width: 33.333333333%;
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 10px;
}
.banner-product-box .banner-product .banner-product-main .banner-product-list .img {
    width: 100%;
    /* height: 285px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--jq_color8);
    border-radius: 5px;
    overflow: hidden;
}
.banner-product-box .banner-product .banner-product-main .banner-product-list .img img {
    width: 100%;
    height: auto;
}
.banner-product-box .banner-product .banner-product-main .banner-product-list .text {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--jq_fs4);
    font-weight: 600;
    color: var(--jq_color7);
    font-size: var(--jq_fs2);
}

/* AppCrumbs */
.crumbs-box {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: var(--jq_fs2);
    color: var(--jq_color10);
    display: flex;
}
.crumbs-box a {
    display: flex;
    align-items: center;
    color: #7d879c;
    font-size: var(--jq_fs2);
}

/* AppLeftMenu */
.LeftMenu {
    width: 100%;
}
.LeftMenu .LeftMenu-list {
    width: 100%;
    margin-bottom: var(--jq_mb4);
    background-color: var(--jq_color2);
    box-shadow: 0 0 15px var(--jq_color11);
    display: flex;
    flex-direction: column;
}
.LeftMenu .LeftMenu-list .LeftMenu-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid var(--jq_color8);
    color: var(--jq_color5);
}
.LeftMenu .LeftMenu-list .LeftMenu-title span {
    height: 100%;
    position: relative;
    display: inline-table;
    font-size: var(--jq_fs3);
}
.LeftMenu .LeftMenu-list .LeftMenu-title span::after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--jq_color20);
    position: absolute;
    left: 0;
    bottom: -2px;
}
.LeftMenu .LeftMenu-list .LeftMenu-box {
    width: 100%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}
.LeftMenu .LeftMenu-list .LeftMenu-box a {
    width: 100%;
    padding: 5px 0;
    font-size: var(--jq_fs2);
    color: var(--jq_color12);
}

/* page-index */
.content-box {
    width: 100%;
    min-height: calc(100vh - 400px);
}

/* page-index-FeaturedProducts */
.featuredProducts-box {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0 40px 0;
}
.featuredProducts-box .box-1200 {
    display: flex;
    flex-direction: column;
}
.featuredProducts-box .box-1200 .title {
    width: 100%;
    font-size: var(--jq_fs7);
    font-weight: bold;
    color: var(--jq_color1);
    text-align: center;
}
.featuredProducts-box .box-1200 .featuredProducts {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--jq_mt4);
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item {
    width: calc(25% - 20px);
    margin: 0 10px;
    margin-bottom: var(--jq_mb4);
    border: 1px solid var(--jq_color13);
    padding: 10px;
    transition: all 0.3s;
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .img img {
    width: 100%;
    height: auto;
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .min-text {
    width: 100%;
    font-size: var(--jq_fs1);
    color: var(--jq_color18);
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .max-text {
    width: 100%;
    font-size: var(--jq_fs2);
    color: var(--jq_color1);
    font-weight: bold;
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .money-stock {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .money-stock .money {
    color: var(--jq_color14);
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item .money-stock .stock {
    color: var(--jq_color15);
}
.featuredProducts-box .box-1200 .featuredProducts .featuredProducts-item:hover {
    border: 1px solid var(--jq_color14);
}
.featuredProducts-box .box-1200 .more {
    width: 100%;
    margin-top: var(--jq_mt4);
    display: flex;
    justify-content: center;
}
.featuredProducts-box .box-1200 .more a {
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--jq_color14);
    color: var(--jq_color14);
    font-size: var(--jq_fs2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
}
.featuredProducts-box .box-1200 .more a:hover {
    background: var(--jq_color14);
    color: var(--jq_color2);
}

/* page-index-ShopByBrand */
.shopByBrand-box {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    background: var(--jq_color16);
}
.shopByBrand-box .box-1200 {
    display: flex;
    flex-direction: column;
}
.shopByBrand-box .box-1200 .title {
    width: 100%;
    font-size: var(--jq_fs7);
    font-weight: bold;
    color: var(--jq_color1);
    text-align: center;
}
.shopByBrand-box .box-1200 .shopByBrand {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--jq_mt8);
}
.shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item {
    width: calc(25% - 20px);
    height: 100px;
    margin: 0 10px;
    margin-bottom: var(--jq_mb4);
    border: 1px solid var(--jq_color13);
    background: var(--jq_color2);
    border-radius: 5px;
    padding: 20px;
    transition: all 0.3s;
    overflow: hidden;
    box-shadow: 0 0 5px var(--jq_color11);
}
.shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shopByBrand-box .box-1200 .shopByBrand .shopByBrand-item a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* page-index-Technologiess */
.technologies-box {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px 0;
    background: var(--jq_color16);
    margin-top: var(--jq_mt4);
}
.technologies-box .box-1200 {
    display: flex;
    flex-direction: column;
}
.technologies-box .box-1200 .title {
    width: 100%;
    font-size: var(--jq_fs7);
    font-weight: bold;
    color: var(--jq_color1);
    text-align: center;
}
.technologies-box .box-1200 .technologies {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: var(--jq_mt8);
}
.technologies-box .box-1200 .technologies .technologies-max {
    width: 100%;
    /* height: 385px; */
    display: flex;
    justify-content: space-between;
}
.technologies-box .box-1200 .technologies .technologies-max .technologies-item {
    width: calc(50% - 10px);
    height: 100%;
    border-radius: 5px;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
}
.technologies-box .box-1200 .technologies .technologies-max .technologies-item .img {
    width: 100%;
    height: 295px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 5px;
}
.technologies-box .box-1200 .technologies .technologies-max .technologies-item .img img {
    width: 100%;
    height: 100%;
}
.technologies-box .box-1200 .technologies .technologies-max .technologies-item .max-text {
    width: 100%;
    font-size: var(--jq_fs2);
    font-weight: bold;
    color: var(--jq_color14);
    padding: 5px 0;
    margin-top: var(--jq_mt2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.technologies-box .box-1200 .technologies .technologies-max .technologies-item .min-text {
    width: 100%;
    font-size: var(--jq_fs1);
    color: var(--jq_color1);
    margin-top: var(--jq_mt2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
}
.technologies-box .box-1200 .technologies .technologies-min {
    width: 100%;
    /* height: 270px; */
    margin-top: var(--jq_mt4);
    display: flex;
    justify-content: space-between;
}
.technologies-box .box-1200 .technologies .technologies-min .technologies-item {
    width: calc(25% - 10px);
    height: 100%;
    border-radius: 5px;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
}
.technologies-box .box-1200 .technologies .technologies-min .technologies-item .img {
    width: 100%;
    height: 165px;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 5px;
}
.technologies-box .box-1200 .technologies .technologies-min .technologies-item .img img {
    width: 100%;
    height: 100%;
}
.technologies-box .box-1200 .technologies .technologies-min .technologies-item .max-text {
    width: 100%;
    font-size: var(--jq_fs2);
    font-weight: bold;
    color: var(--jq_color14);
    margin-top: var(--jq_mt2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.technologies-box .box-1200 .technologies .technologies-min .technologies-item .min-text {
    width: 100%;
    font-size: var(--jq_fs1);
    color: var(--jq_color1);
    margin-top: var(--jq_mt2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
}

/* page-index-Classification */
.classificationd-box {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    padding-top: 0px;
    margin-top: 20px;
}
.classificationd-box .classificationd {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
}
.classificationd-box .classificationd .classificationd-tab {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e3e9ef;
}
.classificationd-box .classificationd .classificationd-tab a {
    width: 33.333333333%;
    height: 100%;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.classificationd-box .classificationd .classificationd-tab a.active {
    font-weight: bold;
    border-bottom: 2px solid #171c61;
}
.classificationd-box .classificationd .classificationd-main {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.classificationd-box .classificationd .classificationd-main a {
    width: 25%;
    height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #4b566b;
}
.classificationd-box .classificationd .classificationd-main a:hover {
    color: #005f95;
}

/* page-manufacturers */
.manufacturers-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.manufacturers-box .manufacturers {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
.manufacturers-box .manufacturers .title {
    width: 100%;
    height: 60px;
    background: var(--jq_color2);
    box-shadow: 0px 0px 15px var(--jq_color11);
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: var(--jq_fs5);
    font-weight: bold;
    border-radius: 5px;
}
.manufacturers-box .manufacturers .manufacturers-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: var(--jq_mt3);
    background: var(--jq_color2);
    box-shadow: 0px 0px 15px var(--jq_color11);
}
.manufacturers-box .manufacturers .manufacturers-list .min-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: var(--jq_fs4);
    border-bottom: 1px solid var(--jq_color8);
}
.manufacturers-box .manufacturers .manufacturers-list .min-title span {
    height: 100%;
    position: relative;
    display: inline-table;
}
.manufacturers-box .manufacturers .manufacturers-list .min-title span::after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--jq_color20);
    position: absolute;
    left: 0;
    bottom: -1px;
}
.manufacturers-box .manufacturers .manufacturers-list .list-box {
    width: 100%;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
}
.manufacturers-box .manufacturers .manufacturers-list .list-box a {
    width: 50%;
    padding: 10px 0;
}

/* page-manufacturers-typeList */
.typeList-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.typeList-box .typeList-main {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
}
.typeList-box .typeList-main .typeList {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.typeList-box .typeList-main .typeList .typelist-items {
    width: 100%;
    border: 1px solid var(--jq_color17);
    margin-bottom: var(--jq_mb4);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid var(--jq_color17);
    font-size: var(--jq_fs4);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content {
    width: 100%;
    padding: 20px;
    display: flex;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong {
    display: flex;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong {
    padding-left: var(--jq_pl2);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .img {
    width: 200px;
    height: 100px;
    overflow: hidden;
    border: 1px solid var(--jq_color17);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--jq_pt1);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .img img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .brief-content {
    width: calc(100% - 210px);
    padding-left: 20px;
    font-size: var(--jq_fs2);
    line-height: 24px;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content.typelist-content-max {
    display: flex;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content-min {
    display: none;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content.products {
    flex-wrap: wrap;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content.products .page-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: var(--jq_mt4);
}

/* page-technologies */
.technologiesd-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.technologiesd-box .technologiesd {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
.technologiesd-box .technologiesd .title {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    font-size: var(--jq_fs6);
    font-weight: bold;
    border-radius: 5px;
    color: #373f50;
}
.technologiesd-box .technologiesd .technologiesd-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.technologiesd-box .technologiesd .technologiesd-list .list-items {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--jq_mb8);
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .img {
    width: 100%;
    height: 300px;
    overflow: hidden;
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time .text {
    font-size: var(--jq_fs3);
    font-weight: bold;
    color: var(--jq_color1);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time .time {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--jq_color18);
    padding-top: 2px;
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .text-time .time i {
    margin-right: var(--jq_mr1);
}
.technologiesd-box .technologiesd .technologiesd-list .list-items .min-text {
    font-size: var(--jq_fs2);
    color: var(--jq_color18);
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.technologiesd-box .technologiesd .page-box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: var(--jq_mt4);
}

/* page-technologies-id */
.technologiesDetail-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.technologiesDetail-box .technologiesDetail-main {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box {
    width: calc(100% - 380px);
    display: flex;
    flex-direction: column;
    padding-right: 60px;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .tDetail-left-title {
    font-size: var(--jq_fs7);
    font-weight: bold;
    margin-bottom: var(--jq_mb2);
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-time {
    font-size: var(--jq_fs2);
    color: var(--jq_color19);
    margin-bottom: var(--jq_mb4);
    display: flex;
    align-items: center;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-time i {
    margin-right: var(--jq_mr1);
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-content {
    font-size: var(--jq_fs3);
    line-height: 24px;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-content > * {
    font-size: var(--jq_fs3);
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-left-box .technologiesDetail-content h1 {
    font-size: var(--jq_fs5);
    font-weight: bold;
    margin: 20px 0;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box {
    width: 360px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDetail-right-title {
    height: 50px;
    font-size: var(--jq_fs5);
    font-weight: bold;
    border-bottom: 1px solid var(--jq_color17);
    display: flex;
    align-items: center;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: var(--jq_mt2);
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item .img {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.technologiesDetail-box .technologiesDetail-main .technologiesDetail .technologiesDetail-right-box .tDeiail-right-item .text {
    font-size: var(--jq_fs2);
    font-weight: bold;
    padding: 10px 0;
}

/* page-rfq */
.rfq-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.rfq-box .rfq {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
}
.rfq-box .rfq .rfq-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--jq_mb4);
    background: var(--jq_color2);
    box-shadow: 0px 0px 15px var(--jq_color11);
}
.rfq-box .rfq .rfq-list .min-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: var(--jq_fs4);
    border-bottom: 1px solid var(--jq_color8);
}
.rfq-box .rfq .rfq-list .list-box {
    width: 100%;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
}
.rfq-box .rfq .rfq-list .list-box .rfq-tips {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--jq_mb4);
    color: var(--jq_color1);
}
.rfq-box .rfq .rfq-list .list-box .rfq-tips span {
    width: 100%;
    font-size: var(--jq_fs2);
}
.rfq-box .rfq .rfq-list .list-box .rfq-tips .bold {
    font-size: var(--jq_fs3);
    font-weight: bold;
}
.rfq-box .rfq .rfq-list .list-box .clear-add {
    margin-top: var(--jq_mt4);
    display: flex;
    justify-content: flex-end;
}
.rfq-box .rfq .rfq-list .list-box .req-form {
    width: 100%;
}
.rfq-box .rfq .rfq-list .list-box .req-form .el-form {
    width: 100%;
    max-width: none !important;
    display: flex;
    flex-wrap: wrap;
}
.rfq-box .rfq .rfq-list .list-box .req-form .el-form .el-form-item {
    width: 50%;
    padding: 0 10px;
    margin-bottom: var(--jq_mb6);
}
.rfq-box .rfq .rfq-list .list-box .req-form .el-form .el-form-item .el-input {
    width: 100%;
}
.rfq-box .rfq .rfq-list .list-box .form-submit {
    /* margin-top: var(--jq_mt4); */
    display: flex;
    /* justify-content: center; */
}

/* page-aboutUs */
.aboutUs-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.aboutUs-box .aboutUs-main {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
}
.aboutUs-box .aboutUs-main .aboutUs {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutMenu {
    width: 250px;
    margin-right: var(--jq_mr2);
    flex-shrink: 0;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone {
    width: 100%;
    margin-bottom: var(--jq_mb4);
    background-color: var(--jq_color2);
    box-shadow: 0 0 15px var(--jq_color11);
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone a {
    margin: 0 10px;
    padding: 5px 0;
    font-size: var(--jq_fs3);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone a.active {
    color: var(--jq_color5);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutMenu.show {
    display: block;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutMenu-phone.show {
    display: none;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent {
    width: calc(100% - 250px);
    min-height: 600px;
    padding-left: 45px;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .content-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid var(--jq_color8);
    color: var(--jq_color5);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .content-title span {
    height: 100%;
    position: relative;
    display: inline-table;
    font-size: var(--jq_fs3);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .content-title span::after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--jq_color20);
    position: absolute;
    left: 0;
    bottom: -2px;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain {
    width: 100%;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    line-height: 24px;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain > img {
    width: 100%;
    margin-bottom: var(--jq_mb4);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain span {
    width: 100%;
    padding: 10px 0;
    font-size: var(--jq_fs3);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain span i {
    position: relative;
    top: 2px;
    margin-right: var(--jq_mr1);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain h1 {
    font-size: var(--jq_fs4);
    font-weight: bold;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-list a {
    width: calc(16.6666666667% - 10px);
    height: 100px;
    margin: 10px 5px;
    border: 1px solid var(--jq_color8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-list a img {
    width: 100%;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text {
    width: 100%;
    border: 1px solid var(--jq_color13);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: var(--jq_mb2);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text .img-text-items {
    width: calc(25% - 10px);
    margin-bottom: var(--jq_mb2);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text .img-text-items img {
    width: 100px;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .aboutMain .img-text .img-text-items .text {
    width: 100%;
    text-align: center;
    font-size: var(--jq_fs3);
    color: var(--jq_color5);
    margin-top: var(--jq_mt2);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .wco-img-text {
    margin-top: var(--jq_mt2);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-title {
    width: 100%;
    display: flex;
    margin: 10px 0;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-title .lvi-title-items {
    width: 50%;
    display: flex;
    justify-content: center;
    font-size: var(--jq_fs3);
    font-weight: bold;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .img-text-items .text {
    font-size: var(--jq_fs2);
    font-weight: normal;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-mintext {
    width: 100%;
    display: flex;
    margin: 20px 0;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.lvi-img-text .lvi-mintext .lvi-mintext-items {
    width: 50%;
    display: flex;
    justify-content: center;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.let-img-text .img-text-items {
    width: calc(50% - 10px);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .img-text.let-img-text .img-text-items img {
    width: 100%;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form {
    width: 100%;
    padding: 30px 150px;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .el-form {
    width: 100%;
    max-width: none !important;
    display: flex;
    flex-wrap: wrap;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .el-form .el-form-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: var(--jq_mb6);
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .el-form .el-form-item .el-input {
    width: 100%;
}
.aboutUs-box .aboutUs-main .aboutUs .aboutContent .contact-form .form-submit {
    display: flex;
    justify-content: flex-start;
    padding-left: 100px;
}

/* page-product */
.product-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.product-box .integratedCircuits {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
}
.product-box .integratedCircuits .integratedCircuits-items {
    margin-bottom: var(--jq_mb4);
}
.product-box .integratedCircuits .integratedCircuits-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: var(--jq_fs8);
    color: var(--jq_color14);
    display: flex;
    justify-content: center;
    margin-bottom: var(--jq_mb7);
}
.product-box .integratedCircuits .integratedCircuits-content {
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-box .integratedCircuits .integratedCircuits-content .ic-items {
    width: calc(50% - 10px);
    padding: 10px 0;
    font-size: var(--jq_fs2);
    color: var(--jq_color7);
    cursor: pointer;
}

/* page-product-slug */
.product-box {
    width: 100%;
    display: flex;
    justify-content: center;
}
.product-box .product-main {
    width: var(--jq_w1200);
    display: flex;
    flex-direction: column;
}
.product-box .product-main .product-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: var(--jq_fs4);
    font-weight: bold;
}
.product-box .product-main .product-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.product-box .product-main .product-content .product-left-box {
    width: 790px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.product-box .product-main .product-content .product-left-box .enlarge {
    width: 100%;
    height: auto;
    border: 1px solid var(--jq_color17);
    display: flex;
    padding: 20px;
}
.product-box .product-main .product-content .product-left-box .enlarge .enlarge-img {
    width: 165px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-box .product-main .product-content .product-left-box .enlarge .enlarge-img img {
    width: 100%;
    height: auto;
}
.product-box .product-main .product-content .product-left-box .enlarge .enlarge-img span {
    text-align: center;
}
.product-box .product-main .product-content .product-left-box .enlarge .enlarge-table {
    width: calc(100% - 165px);
    padding-left: 20px;
}
.product-box .product-main .product-content .product-left-box .specifications {
    width: 100%;
    height: auto;
    border: 1px solid var(--jq_color17);
    margin: var(--jq_mt2) 0;
}
.product-box .product-main .product-content .product-left-box .specifications .specifications-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid var(--jq_color17);
    font-size: var(--jq_fs4);
    background: var(--jq_color16);
    font-weight: bold;
}
.product-box .product-main .product-content .product-right-box {
    width: 390px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.product-box .product-main .product-content .product-right-box .quickInquiry {
    width: 100%;
    height: auto;
    border: 1px solid var(--jq_color17);
    margin-bottom: var(--jq_mb4);
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px solid var(--jq_color17);
    font-size: var(--jq_fs4);
    background: var(--jq_color16);
    font-weight: bold;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .el-form {
    width: 100%;
    max-width: none !important;
    display: flex;
    flex-wrap: wrap;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .el-form .el-form-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: var(--jq_mb3);
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .el-form .el-form-item .el-input {
    width: 100%;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .form-submit {
    width: 100%;
    display: flex;
    justify-content: center;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-text {
    margin: 10px 0;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-our {
    display: flex;
    flex-direction: column;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-our span {
    margin: 10px 0;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact {
    width: 100%;
    background: var(--jq_color16);
    padding: 20px;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items {
    width: 100%;
    display: flex;
    margin-bottom: var(--jq_mb2);
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .icon i {
    font-size: var(--jq_fs12);
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .text {
    width: calc(100% - 40px);
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}
.product-box .product-main .product-content .product-right-box .quickInquiry .quickInquiry-content .q-contact .q-contact-items .text .min-text {
    font-size: var(--jq_fs1);
}

/* products-table */
.products-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.products-table .theads {
    width: 100%;
}
.products-table .theads .ths {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--jq_color17);
    background: var(--jq_color16);
}
.products-table .theads .ths .tds {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--jq_fs2);
}
.products-table .theads .ths .tds.border {
    border: none;
    border-right: 1px solid var(--jq_color17);
}
.products-table .tbodys {
    width: 100%;
}
.products-table .tbodys .trs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--jq_color17);
}
.products-table .tbodys .trs .tds {
    width: 100%;
    display: flex;
    padding: var(--jq_pt1);
    align-items: center;
}
.products-table .tbodys .trs .tds .field-label {
    width: 100px;
    flex-shrink: 0;
    text-align: right;
}
.products-table .tbodys .trs .tds.center {
    justify-content: center;
    align-items: center;
}
.products-table .tbodys .trs .tds.border {
    border: none;
    border-right: 1px solid var(--jq_color17);
}
.products-table .tbodys .trs .tds.operate {
    justify-content: flex-end;
}
.products-table .tbodys .trs:nth-child(odd):hover, .products-table .tbodys .trs:hover {
    background: var(--jq_color17);
}
.products-table .tbodys .trs:nth-child(odd) {
    background: var(--jq_color25);
}

.products-table.border {
    border: 1px solid var(--jq_color17);
}

.products-table.pc-phone.products-table-phone {
    display: none;
}
.products-table.pc-phone.products-table-phone .tbodys {
    width: 100%;
}
.products-table.pc-phone.products-table-phone .tbodys .trs {
    display: flex;
    flex-direction: column;
}

/* form */
.jq-common-form {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.jq-common-form .form-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* margin-bottom: var(--jq_mb4); */
}
.jq-common-form .form-box .form-item {
    width: 100%;
    display: flex;
    margin-bottom: var(--jq_mb3);
    font-size: var(--jq_fs2);
}
.jq-common-form .form-box .form-item .field-label {
    width: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-shrink: 0;
    padding-top: 7px;
}
.jq-common-form .form-box .form-item .field-value {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.jq-common-form .form-box .form-item .field-value .field-value-input {
    width: 100%;
    display: flex;
}
.jq-common-form .form-box .form-item .field-value .field-value-input .input, .jq-common-form .form-box .form-item .field-value .field-value-input .textarea {
    width: 100%;
    height: 32px;
    padding: 0 var(--jq_pt2);
    border: 1px solid var(--jq_color17);
    outline: none;
    font-size: var(--jq_fs2);
    border-radius: 4px;
    transition: all 0.3s;
}
.jq-common-form .form-box .form-item .field-value .field-value-input .textarea {
    min-height: 64px;
    height: auto;
    padding: var(--jq_pt1) var(--jq_pt2);
}
.jq-common-form .form-box .form-item .field-value .field-value-input .input:hover, .jq-common-form .form-box .form-item .field-value .field-value-input .textarea:hover {
    border: 1px solid var(--jq_color14);
}
.jq-common-form .form-box .form-item .field-value .field-value-input .input.error, .jq-common-form .form-box .form-item .field-value .field-value-input .textarea.error {
    border: 1px solid var(--jq_color19);
}
.jq-common-form .form-box .form-item .field-value .field-value-input .imgs {
    width: 80px;
    height: 32px;
    margin-left: var(--jq_ml1);
    flex-shrink: 0;
}
.jq-common-form .form-box .form-item .field-value .field-value-error {
    width: 100%;
    font-size: var(--jq_fs1);
    color: var(--jq_color19);
    margin-top: 2px;
    display: none;
}
.jq-common-form .form-box .form-item .field-value .field-value-error.active {
    display: block;
}
.jq-common-form .form-box.w50 {
    flex-direction: initial;
    flex-wrap: wrap;
}
.jq-common-form .form-box.w50 .form-item {
    width: 50%;
}
.jq-common-form .form-box.form-left-right-box {
    flex-direction: initial;
    width: 100%;
}
.jq-common-form .form-box.form-left-right-box .form-left {
    width: 50%;
}
.jq-common-form .form-box.form-left-right-box .form-left .form-item .field-value .field-value-input .textarea {
    height: 100%;
}
.jq-common-form .form-box.form-left-right-box .form-right {
    width: 50%;
}
.jq-common-form .form-box.form-left-right-box .form-right .form-item {
    height: 100%;
}
.jq-common-form .form-box.form-left-right-box .form-right .form-item .field-value {
    height: 100%;
}
.jq-common-form .form-box.form-left-right-box .form-right .form-item .field-value .field-value-input {
    height: calc(100% - 16px);
}
.jq-common-form .form-box.form-left-right-box .form-right .form-item .field-value .field-value-input .textarea {
    height: 100%;
}
.jq-common-form .form-box.form-left-right-box .form-right .form-item .field-value .field-value-error {
    height: 17px;
    flex-shrink: 0;
}
.jq-common-form .form-submit {
    width: 100%;
}
.jq-common-form .form-submit .btn {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--jq_fs2);
    font-weight: bold;
    background: var(--jq_color14);
    border-radius: 5px;
    cursor: pointer;
    padding: 0 var(--jq_pt4);
    border: none;
    opacity: 0.8;
    color: var(--jq_color2);
}
.jq-common-form .form-submit .btn:hover {
    opacity: 1;
}

.input, .textarea {
    width: 100%;
    height: 32px;
    padding: 0 var(--jq_pt2);
    border: 1px solid var(--jq_color17);
    outline: none;
    font-size: var(--jq_fs2);
    border-radius: 4px;
    transition: all 0.3s;
}

.textarea {
    min-height: 64px;
    height: auto;
    padding: var(--jq_pt1) var(--jq_pt2);
}

.input:hover, .textarea:hover {
    border: 1px solid var(--jq_color14);
}

.input.error, .textarea.error {
    border: 1px solid var(--jq_color19);
}

.button {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--jq_fs2);
    font-weight: bold;
    background: var(--jq_color14);
    border-radius: 5px;
    cursor: pointer;
    padding: 0 var(--jq_pt4);
    border: none;
    opacity: 0.8;
    color: var(--jq_color2);
}
.button:hover {
    opacity: 1;
}

.button.danger {
    background: var(--jq_color19);
}

.button.info {
    background: var(--jq_color6);
}

.button.success {
    background: var(--jq_color24);
}

.appProductsBasicInfor-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.appProductsBasicInfor-box .appProductsBasicInfor-item {
    width: 100%;
    display: flex;
}
.appProductsBasicInfor-box .appProductsBasicInfor-item .field-label {
    width: 120px;
    padding: 5px 0;
    text-align: right;
    color: var(--jq_color5);
    flex-shrink: 0;
    font-size: var(--jq_fs2);
    font-weight: bold;
}
.appProductsBasicInfor-box .appProductsBasicInfor-item .field-value {
    width: calc(100% - 120px);
    padding: 5px 0;
    color: var(--jq_color18);
    font-size: var(--jq_fs2);
}
.appProductsBasicInfor-box .appProductsBasicInfor-item:hover {
    background-color: var(--jq_color23);
}

.appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item {
    padding: 10px 0;
    border-bottom: 1px solid var(--jq_color22);
}
.appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item .field-label {
    text-align: left;
}
.appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item .field-label, .appProductsBasicInfor-box.tableBorder .appProductsBasicInfor-item .field-value {
    width: 50%;
    padding: 5px 10px;
}

.AppProductsOtherList-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.AppProductsOtherList-box .AppProductsOtherList-item {
    width: 100%;
    display: flex;
    border-bottom: 1px solid var(--jq_color22);
}
.AppProductsOtherList-box .AppProductsOtherList-item .field-img {
    width: 50px;
    padding: 5px;
    flex-shrink: 0;
}
.AppProductsOtherList-box .AppProductsOtherList-item .field-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.AppProductsOtherList-box .AppProductsOtherList-item .field-number {
    width: 200px;
    padding: 5px;
    flex-shrink: 0;
    color: var(--jq_color14);
}
.AppProductsOtherList-box .AppProductsOtherList-item .field-label {
    width: calc(100% - 370px);
    padding: 5px;
}
.AppProductsOtherList-box .AppProductsOtherList-item .field-value {
    width: 120px;
    padding: 5px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}
.AppProductsOtherList-box .AppProductsOtherList-item .field-value .more {
    color: var(--jq_color18);
    font-size: var(--jq_fs1);
}
.AppProductsOtherList-box .AppProductsOtherList-item:nth-child(odd):hover, .AppProductsOtherList-box .AppProductsOtherList-item:hover {
    background-color: var(--jq_color17);
}
.AppProductsOtherList-box .AppProductsOtherList-item:nth-child(odd) {
    background: var(--jq_color25);
}

.page-box {
    width: 100%;
    height: 28px;
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}
.page-box .page-prev, .page-box .page-next {
    width: 28px;
    height: 28px;
    border: 1px solid #e3e9ef;
    color: #7d879c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    flex-shrink: 0;
}
.page-box .page-prev i, .page-box .page-next i {
    font-size: var(--jq_fs1);
}
.page-box .page-prev:hover, .page-box .page-next:hover {
    background: #f3f5f9;
}
.page-box .page-main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-box .page-main a {
    width: 28px;
    height: 28px;
    font-size: var(--jq_fs1);
    color: #171c61;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    flex-shrink: 0;
    margin: 0 5px;
}
.page-box .page-main a:hover {
    background: #f3f5f9;
}
.page-box .page-main a.active {
    background: #171c61;
    color: var(--jq_color2);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong {
    display: flex;
    align-items: center;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .img {
    width: 50px;
    height: 50px;
    border: 1px solid var(--jq_color17);
    flex-shrink: 0;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .img img {
    width: 100%;
    height: 100%;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong {
    padding-left: var(--jq_pl2);
    display: flex;
    flex-direction: column;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong .model {
    font-size: var(--jq_fs3);
    color: var(--jq_color5);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .imgModelBelong .modelBelong .belong {
    font-size: var(--jq_fs1);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .description {
    display: flex;
    flex-direction: column;
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .description .max-text {
    font-size: var(--jq_fs2);
    color: var(--jq_color5);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .description .min-text {
    font-size: var(--jq_fs1);
}
.typeList-box .typeList-main .typeList .typelist-items .typelist-content .btns i {
    margin-right: var(--jq_mr1);
}

.typeList-box .typeList-main .typeList .typelist-items .typelist-content.roductsCategory-box {
    flex-direction: column;
    padding: 10px 20px;
}

.roductsCategory-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.roductsCategory-list .roductsCategory-list-title {
    width: 100%;
    height: 34px;
    font-weight: bold;
    font-size: var(--jq_fs3);
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--jq_color22);
}
.roductsCategory-list .roductsCategory-list-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}
.roductsCategory-list .roductsCategory-list-content a {
    width: 50%;
    margin: 3px 0;
    font-size: var(--jq_fs1);
    color: #4b566b;
}
.roductsCategory-list .roductsCategory-list-content a i {
    margin-right: var(--jq_mr2);
    font-size: var(--jq_fs);
}
.roductsCategory-list .roductsCategory-list-content a:hover {
    color: #171c61;
}