/* 从 /stylesheets/index.css 迁移的首页基础样式。 */
html,
body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.swiper {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 18px;
    text-align: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-container {
    width: 100%;
    height: 500px;
}

.navigation .m .swiper-pagination-bullet {
    position: relative;
    width: 32px !important;
    height: 4px !important;
    border-radius: 5px !important;
    background: #fff !important;
    opacity: 1 !important;
}

.navigation .m .swiper-pagination-bullet::after {
    position: absolute;
    top: 0;
    left: -1px;
    display: inline-block;
    width: 0 !important;
    height: 4px !important;
    border-radius: 5px !important;
    background: #ff4332 !important;
    content: '';
}

.navigation .m .swiper-pagination-bullet.actPre::after {
    width: 34px !important;
}

.navigation .m .swiper-pagination-bullet.actNext::after {
    width: 34px !important;
    border-radius: 5px 0 0 5px !important;
    transition: width 3.2s linear;
}

.navigation .m .swiper-pagination {
    bottom: 16px !important;
}

.mains {
    background-color: #f2f2f2;
}

.mains .mainT {
    width: 100%;
    background-color: #fff;
}

.mains .mainT .t-box {
    width: 1400px;
    height: 206px;
    margin: 0 auto;
}

.mains .box_box {
    margin-top: -35px;
    background-color: #f2f2f2;
}

.navigation {
    position: relative;
    display: flex;
    height: 460px;
    align-items: flex-end;
    justify-content: space-between;
}

.navigation .l {
    width: 310px;
    height: 460px;
    box-sizing: border-box;
    padding: 10px 0 0;
    background-color: #fff;
    pointer-events: auto;
}

.navigation .l .l-item {
    display: flex;
    width: 100%;
    min-height: 64px;
    padding: 4px 15px 4px 16px;
    box-sizing: border-box;
    align-items: flex-start;
}

.navigation .l .l-item .home-category-icon {
    width: 16px;
    height: 16px;
    margin: 4px 10px 0 0;
    object-fit: contain;
}

.home-category-copy {
    min-width: 0;
    flex: 1;
}

.home-category-primary,
.home-category-secondary {
    overflow: hidden;
    white-space: nowrap;
}

.home-category-primary {
    color: #0f172a;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.home-category-secondary {
    margin-top: 4px;
    color: #64748b;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.home-category-primary a,
.home-category-secondary a {
    color: inherit;
}

.home-category-separator {
    margin: 0 2px;
}

.navigation .l .l-item.act {
    background: #f8fafc;
}

.navigation .l .l-item:hover .home-category-primary a,
.navigation .l .l-item:hover .home-category-secondary a {
    color: #d80f19;
}

.navigation .select2 {
    position: absolute;
    top: 0;
    left: 310px;
    z-index: 999;
    display: none;
    width: 780px;
    height: 460px;
    padding: 24px;
    border: 2px solid #d70c19;
    background-color: #fff;
    pointer-events: auto;
}

.navigation .select2::after {
    position: absolute;
    top: 0;
    left: -6px;
    display: inline-block;
    width: 10px;
    height: 100%;
    content: '';
}

.navigation .select2 .itemS {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.navigation .select2 .itemS .item-t {
    font-size: 14px;
    font-weight: bold;
}

.navigation .select2 .itemS .item-t a:hover {
    color: #d80f19 !important;
}

.navigation .select2 .itemS .item-b {
    display: flex;
    width: 100%;
    margin-top: 16px;
    flex-wrap: wrap;
}

.navigation .select2 .itemS .item-b .b-item2 {
    padding: 0 15px;
    margin-bottom: 12px;
}

.navigation .select2 .itemS .item-b .b-item2:hover {
    color: red;
    font-weight: bold;
}

.navigation .m {
    width: 1920px;
    height: 460px;
    margin: auto;
    overflow: hidden;
}

.navigation .m .swiper-pagination {
    z-index: 9;
}

.navigation .bannerTopContainer {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 9;
    display: flex;
    width: 1400px;
    justify-content: space-between;
    transform: translateX(-50%);
    pointer-events: none;
}

.navigation .r {
    display: flex;
    box-sizing: border-box;
    width: 310px;
    height: 460px;
    padding: 12px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #FFF1E8 0%, #FCF9F7 100%);
    pointer-events: auto;
}

.navigation .r img {
    border-radius: 3px;
}

.homepage-member-box {
    width: 200px;
    padding: 20px 0;
}

.homepage-member-box .member-box {
    margin-bottom: 20px;
}

.homepage-member-box .member-box .member-avatart {
    width: 48px;
    height: 48px;
    margin-right: 10px;
}

.homepage-member-box .member-box .member-avatart img {
    border-radius: 50%;
}

.homepage-member-box .member-box .member-info {
    width: 120px;
}

.homepage-member-box .member-box .member-info .p01 {
    overflow: hidden;
    color: #333;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.homepage-member-box .member-box .member-info .p02 {
    color: #696969;
    font-size: 12px;
}

.homepage-member-box .member-box .member-info .p03 {
    margin-top: 10px;
    color: #333;
    font-size: 14px;
}

.homepage-member-box .member-btns,
.homepage-member-box .member-login-btns {
    display: flex;
    margin-bottom:10px;
}

.homepage-member-box .member-btns .btn-item {
    display: inline-block;
    height: 30px;
    margin: 0 5px;
    flex: 1;
    border: 1px solid #d80f19;
    border-radius: 5px;
    color: #d80f19;
    cursor: pointer;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}

.homepage-member-box .member-btns a:hover,
.homepage-member-box .member-btns .current {
    background-color: #d80f19;
    color: #fff;
}

.homepage-member-box .applet-box {
    text-align: center;
}

.homepage-member-box .applet-box img {
    margin-bottom: 10px;
}

.homepage-member-box .applet-box p {
    height: 24px;
    font-size: 12px;
    line-height: 24px;
}

.homepage-member-box .applet-box .applet-title {
    color: #d80f19;
    font-size: 18px;
}

.homepage-member-box {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 4px;
    color: #0f172a;
    font-family: 'Alibaba PuHuiTi 3.0', 'Microsoft YaHei', sans-serif;
}

.home-member-greeting {
    margin: 0 0 10px;
}

.home-member-greeting strong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.home-member-greeting p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 22px;
}

.home_account_login_no .member-btns {
    margin-bottom: 10px;
}

.home_account_login_no .member-btns .btn-item {
    height: 36px;
    margin: 0;
    border: 0;
    border-radius: 4px;
    background: #e51a1a;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}

.home_account_login_no .member-btns .btn-item + .btn-item {
    margin-left: 12px;
}

.home_account_login_no .member-btns a:hover,
.home_account_login_no .member-btns .current {
    background: #ffdcdc;
    color: #e51a1a;
}

.home-member-services {
    box-sizing: border-box;
    height: 200px;
    padding: 14px 12px 10px;
    border-radius: 12px;
    background: #fff;
}

.home-member-highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 12px;
}

.home-member-highlights a {
    display: flex;
    min-width: 0;
    padding: 4px 0;
    border-radius: 6px;
    flex-direction: column;
    align-items: center;
    color: #0f172a;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.home-member-highlights img {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 6px;
    transition: transform .2s ease;
}

.home-member-highlights a:hover,
.home-member-highlights a:focus {
    background: #f0f6ff;
    color: #1d6ee8;
    outline: 0;
    transform: translateY(-2px);
}

.home-member-highlights a:hover img,
.home-member-highlights a:focus img {
    transform: scale(1.08);
}

.home-member-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px 10px;
}

.home-member-actions a {
    position: relative;
    display: flex;
    height: 34px;
    min-width: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #f8fafc;
    color: #0f172a;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}

.home-member-actions img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    transition: transform .2s ease;
}

.home-member-actions a:hover,
.home-member-actions a:focus {
    border-color: #b8d7ff;
    background: #f0f6ff;
    box-shadow: 0 4px 10px rgba(42, 114, 230, .12);
    color: #1d6ee8;
    outline: 0;
    transform: translateY(-2px);
}

.home-member-actions a:hover > img:not(.home-member-ai-icon),
.home-member-actions a:focus > img:not(.home-member-ai-icon) {
    transform: scale(1.08);
}

.home-member-actions .home-member-ai-icon {
    position: absolute;
    top: -6px;
    right: -4px;
    width: 16px;
    height: 16px;
    margin: 0;
}

.home-member-promo {
    display: block;
    height: 105px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 12px;
}

.home-member-promo .swiper-wrapper,
.home-member-promo .swiper-slide {
    height: 100%;
}

.home-member-promo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-member-promo .home-member-promo-pagination {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
}

.home-member-promo .home-member-promo-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 6px;
}

.home-member-promo .home-member-promo-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0;
    background: rgba(255, 255, 255, .7);
    opacity: 1;
}

.home-member-promo .home-member-promo-pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.2);
}

.launchSuccessful_model {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    background-color: rgba(0, 0, 0, .6);
}

.launchSuccessful_model .box {
    width: 480px;
    margin: 10% auto;
    border-radius: 2px;
    background: #fff;
}

.launchSuccessful_model .box .head {
    width: 100%;
    height: 160px;
    background: url('/img/title_beijing.png');
    background-size: 100% 100%;
}

.launchSuccessful_model .box .head .lef,
.launchSuccessful_model .box .head .righ {
    width: 15%;
    height: 80px;
    line-height: 80px;
}

.launchSuccessful_model .box .head .cente {
    width: 70%;
    height: 80px;
    padding-top: 47px;
    line-height: 80px;
}

.launchSuccessful_model .box .head .cente .img {
    width: 72px;
    height: 72px;
    margin: auto;
}

.launchSuccessful_model .box .head .righ .img {
    margin-top: 18px;
    margin-right: 18px;
}

.launchSuccessful_model .box .contain .title {
    margin-top: 24px;
    margin-bottom: 14px;
    color: #e00000;
    font-family: Microsoft YaHei;
    font-size: 20px;
    font-weight: bold;
}

.launchSuccessful_model .box .contain .tit {
    margin-bottom: 15px;
    color: #656570;
    font-family: Microsoft YaHei;
    font-size: 14px;
}

.launchSuccessful_model .box .contain .btn_box {
    margin-bottom: 36px;
}

.launchSuccessful_model .box .contain .btn_box .btn {
    width: 120px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    color: #656570;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 40px;
}
/*微信扫一扫*/
.launchSuccessful_model .box .contain .wx_box{
  width: 300px;
  margin: 10px auto;
  font-size: 14px;
}
.launchSuccessful_model .box .contain .wx_box img {
  width: 150px;
}
.launchSuccessful_model .box .contain .wx_box span{
  margin-top: 50px;
  margin-left: 10px;
  width: calc(100% - 160px);
}
.searchTipItems:hover {
    background-color: #f5c3c5;
    color: #333;
}

.home-redesign {
    min-width: 1400px;
    padding: 24px 0 0px;
    background: #f5f7fa;
    color: #1f2633;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

.home-redesign a {
    color: inherit;
}

.home-page-body .header_box .headers {
    width: 1400px;
}

.home-page-body .leave_box {
    width: 1400px;
}

.home-page-body .header_box .headers .right > .line:nth-last-child(2),
.home-page-body .header_box .headers .right > a:last-child {
    display: none;
}

.home-page-body .footer_box .footerBox {
    width: 1400px;
}

.home-page-body .national-top-box {
    position: relative;
    z-index: 1000;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #0055f3 url('/img/jiuku_appDownload.png') no-repeat center top;
    transition: height 1s cubic-bezier(.4, 0, .2, 1);
}

.home-page-body .national-top-box .close-btn {
    position: absolute;
    top: 22px;
    right: 10%;
    display: flex;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.home-page-body .national-top-box .openDownload {
    width: 1400px;
    margin: 0 auto;
    text-align: right;
}

.home-page-body .national-top-box .btn {
    width: 136px;
    height: 28px;
    margin-top: 15px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(90deg, #1e71ff, #75d5f3);
    box-shadow: 0 3px 4px rgba(0, 85, 243, .36);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    transition: background .6s, box-shadow .6s, transform .6s;
}

.home-page-body .national-top-box .btn:hover {
    background: #ff4d4f;
    box-shadow: 0 4px 12px rgba(224, 0, 0, .3);
    transform: translateY(-2px);
}

.home-page-body .app-download-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    opacity: 0;
    transition: opacity .3s;
}

.home-page-body .app-download-modal.show {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.home-page-body .app-download-modal .modal-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.home-page-body .app-download-modal .modal-content {
    position: relative;
    display: flex;
    width: 590px;
    height: 310px;
    overflow: hidden;
    border-radius: 2px;
    background: #fff url('/img/appDownload_bg.png') no-repeat center;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .2);
    animation: home-app-download-modal-in .3s ease-out;
}

@keyframes home-app-download-modal-in {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

.home-page-body .app-download-modal .modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.home-page-body .app-download-modal .modal-header {
    width: 332px;
    padding: 30px 0 0 52px;
}

.home-page-body .app-download-modal .modal-header h3 {
    margin: 0 0 12px;
    color: #214490;
    font-size: 30px;
    font-weight: bold;
    line-height: 42px;
}

.home-page-body .app-download-modal .app-download-title-sub {
    width: 116px;
    height: 28px;
    margin-bottom: 8px;
    border-radius: 9px;
    background: linear-gradient(0deg, #ff0000, #ff5400);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
}

.home-page-body .app-download-modal .modal-header p {
    margin: 0 0 12px;
    color: #434e67;
    font-size: 14px;
    line-height: 20px;
}

.home-page-body .app-download-modal .modal-header p img {
    margin: 0 6px 4px 0;
}

.home-page-body .app-download-modal .modal-body {
    padding: 86px 0 0 20px;
}

.home-page-body .app-download-modal .qrcode-container {
    margin-bottom: 10px;
    text-align: center;
}

.home-page-body .app-download-modal .qrcode-img {
    width: 140px;
    height: 140px;
}

.home-page-body .app-download-modal .download-tips {
    width: 127px;
    height: 26px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
    color: #244da6;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
}

.home-page-body .home-bottom-advert {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    height: 160px;
    overflow: hidden;
    text-align: center;
}

.home-page-body .home-bottom-advert-content {
    display: block;
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center top;
}

.home-page-body .home-bottom-advert-close {
    position: absolute;
    bottom: 110px;
    left: 50%;
    z-index: 1;
    width: 25px;
    height: 25px;
    margin-left: 640px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.home-page-body .home-bottom-advert-close img {
    width: 100%;
    height: 100%;
}

.home-shell {
    width: 1400px;
    margin: 0 auto;
}

.home-panel {
    margin-bottom: 24px;
    padding: 20px 0;
    background: #fff;
    border-radius: 8px;
}

.home-section-head {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
	padding-right:20px;
}

.home-section-title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.home-section-title::before {
    width: 3px;
    height: 22px;
    margin-right: 20px;
    background: #ed1c24;
    content: "";
}

.home-section-subtitle {
    margin-left: 16px;
    color: #8490a3;
    font-size: 14px;
    font-weight: 400;
}

.home-more {
    display: inline-flex;
    align-items: center;
    margin-left: 50px;
    color: #65758b !important;
    font-size: 14px;
}

.home-more:hover {
    color: #ed1c24 !important;
}

.home-more .icon-gengduo {
    margin-left: 6px;
    font-size: 12px;
}

.home-tabs {
    display: flex;
    align-items: center;
}

.home-tab + .home-tab {
    margin-left: 28px;
}

.home-tab {
    position: relative;
    padding: 6px 14px;
    border: 0;
    background: transparent;
    color: #465469;
    cursor: pointer;
    font: inherit;
}

.home-tab:hover,
.home-tab.active {
    color: #ed1c24;
}

.home-tab.active {
    border-radius: 18px;
    background: #ed1c24;
    color: #fff;
}

.home-scene-head {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    align-items: center;
    margin-bottom: 16px;
	padding-right:20px;
}

.home-scene-head .home-section-title::before {
    width: 3px;
    height: 22px;
    margin-right: 20px;
    background: #ed1c24;
    content: "";
}

.home-deal-ticker {
    display: flex;
    height: 42px;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    border-radius: 22px;
    background: #f1f6ff;
}

.home-deal-ticker strong {
    flex: 0 0 auto;
    margin: 0 26px 0 44px;
    color: #1687ff;
    font-size: 16px;
}
.home-deal-ticker strong img{
	margin-right:5px;
}
.home-deal-list {
    min-width: 0;
    flex: 1;
    overflow: hidden;
}

.home-deal-list .bd {
    width: 100%;
    overflow: hidden;
}

.home-deal-list ul {
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-deal-item {
    float: left;
    width: auto;
    max-width: 250px;
    margin-right: 20px;
    min-width: 0;
    overflow: hidden;
    color: #526279;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-deal-item::before {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border: 1px solid #1687ff;
    border-radius: 50%;
    color: #1687ff;
    content: "\2713";
    font-size: 11px;
}

.home-scene-grid {
	padding:0 20px;
    display: flex;
    justify-content: space-between;
}

.home-scene-card {
    position: relative;
    box-sizing: border-box;
	width:200px;
    height: 168px;
	padding: 24px 18px;
    overflow: hidden;
    border-radius: 8px;
    color: #fff !important;
    transition: transform .2s, box-shadow .2s;
}

.home-scene-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(37, 53, 78, .16);
}

.home-scene-card:nth-child(-n+5):hover::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(180deg, #7e0000 0%, rgba(123, 2, 2, .6) 100%);
    content: '';
}

.home-scene-card:nth-child(1) {
	background: url(https://img9.aijiuku.com/jiuku_pc/home/zhileng_bg.jpg) no-repeat;
}
.home-scene-card:nth-child(2) {
	background: url(https://img9.aijiuku.com/jiuku_pc/home/jixie_bg.jpg) no-repeat;
}
.home-scene-card:nth-child(3) {
	background: url(https://img9.aijiuku.com/jiuku_pc/home/jichuang_bg.jpg) no-repeat;
}
.home-scene-card:nth-child(4) {
	background: url(https://img9.aijiuku.com/jiuku_pc/home/kuangshan_bg.jpg) no-repeat;
}
.home-scene-card:nth-child(5) {
	background: url(https://img9.aijiuku.com/jiuku_pc/home/huagong_bg.jpg) no-repeat;
}
.home-scene-card:nth-child(6) {
	width:308px;
	background: url(https://img9.aijiuku.com/jiuku_pc/home/ruzhu_advert.jpg) no-repeat;
}

.home-scene-card h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 500;
}

.home-scene-card h3 a {
    color: inherit;
}

.home-scene-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 13px;
}


.home-scene-tags {
    position: relative;
    z-index: 1;
    display: none;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
    margin-top: 6px;
}

.home-scene-card:nth-child(-n+5):hover p {
    display: none;
}

.home-scene-card:nth-child(-n+5):hover .home-scene-tags {
    display: grid;
}

.home-scene-tags a {
    box-sizing: border-box;
    height: 20px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 3px;
    color: inherit;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.home-scene-tags a:hover,
.home-scene-tags a:focus {
    background: rgba(255, 255, 255, .16);
}


.home-purchase-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.25fr) minmax(340px, .95fr);
    grid-gap: 18px;
	padding:0 20px;
}

.home-purchase-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.home-purchase-tab-buttons {
    display: flex;
    align-items: center;
}

.home-purchase-tab-buttons button + button {
    margin-left: 28px;
}

.home-purchase-tab-buttons button {
    position: relative;
    padding: 0;
    border: 0;
    background: transparent;
    color: #67758a;
    cursor: pointer;
    font-size: 16px;
}

.home-purchase-tab-buttons button:first-child {
    position: relative;
}

.home-purchase-tab-buttons button:first-child::before {
    position: absolute;
    top: 50%;
    left:-20px;
    width: 3px;
    height: 22px;
    background: #ed1c24;
    content: "";
    transform: translateY(-50%);
}

.home-purchase-tab-buttons button.active {
    color: #ed1c24;
    font-size: 20px;
    font-weight: 700;
}

.home-purchase-tab-buttons button.active::after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: #ed1c24;
    content: "";
    transform: translateX(-50%);
}

.home-purchase-more {
    display: flex;
    align-items: center;
    color: #65758b;
    font-size: 14px;
}

.home-purchase-more:hover,
.home-purchase-more:focus {
    color: #ed1c24;
}

.home-purchase-more .icon-gengduo {
    margin-left: 6px;
    font-size: 12px;
}

.home-purchase-grid {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 16px;
}

.home-purchase-grid.active {
    display: grid;
}

.home-purchase-grid .empty-state {
    grid-column: 1 / -1;
}

.home-purchase-card {
    display: block;
    min-width: 0;
    height: 144px;
    padding: 16px;
    border: 1px solid #dfe5ed;
    border-radius: 6px;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
}

.home-purchase-card:hover {
    border-color: #f37b80;
    box-shadow: 0 6px 16px rgba(40, 57, 82, .08);
}

.home-purchase-card h3 {
    display: flex;
    min-width: 0;
    margin: 0 0 10px;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
}

.home-purchase-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-purchase-card h3 em {
    flex: 0 0 auto;
    margin-left: 6px;
    padding: 1px 4px;
    background: #fff1f1;
    color: #ed1c24;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}

.home-purchase-card h3 em.overseas {
    background: #f0f7ff;
    color: #0958d9;
}

.home-purchase-tags,
.home-purchase-meta,
.home-purchase-bottom {
    display: flex;
    align-items: center;
}

.home-purchase-tags {
    margin-bottom: 9px;
}

.home-purchase-tags span + span {
    margin-left: 6px;
}

.home-purchase-tags span {
    padding: 3px 8px;
    background: #f4f7fb;
    color: #738299;
    font-size: 12px;
}

.home-purchase-meta,
.home-purchase-bottom {
    justify-content: space-between;
    color: #74849b;
    font-size: 12px;
}

.home-purchase-meta.no-area {
    justify-content: flex-start;
}

.home-purchase-bottom {
    margin-top: 10px;
}

.home-purchase-service {
    position: relative;
    min-height: 316px;
    padding: 26px 24px 20px;
    border-radius: 8px;
    background: linear-gradient(145deg, #e8f6ff, #f9fcff 58%, #eef3ff);
}

.home-purchase-service h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 8px;
    color: #234d96;
    font-size: 21px;
}

.home-purchase-service > p {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    color: #738299;
}

.home-purchase-service textarea {
    width: 100%;
    height: 92px;
    padding: 12px;
    resize: none;
    border: 0;
    border-radius: 6px;
    outline: none;
    background: rgba(255, 255, 255, .92);
    color: #4e5d72;
    font: inherit;
}

.home-purchase-phone {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    margin-top: 10px;
}

.home-purchase-phone input {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 6px;
    outline: none;
}

.home-purchase-code {
    position: relative;
}

.home-purchase-code input {
    padding-right: 88px;
}

.home-purchase-code button {
    position: absolute;
    top: 0;
    right: 0;
    width: 88px;
    height: 38px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ed1c24;
    cursor: pointer;
    font-size: 12px;
    white-space: nowrap;
}

.home-purchase-submit {
    width: 100%;
    height: 46px;
    margin-top: 14px;
    border: 0;
    border-radius: 5px;
    background: #ed1c24;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.home-purchase-submit:hover {
    background: #d80f19;
}

/* 采购服务按首页新版表单规格覆盖基础样式。 */
.home-purchase-service {
    box-sizing: border-box;
    min-height: 345px;
    padding: 20px;
    background: linear-gradient(145deg, #ddecff 0%, #eff 45%, #f3ffff 100%);
}

.home-purchase-robot {
    position: absolute;
    top: -38px;
    right: 10px;
    z-index: 2;
    width: 96px;
    height: 96px;
    cursor: pointer;
    outline: 0;
}

.home-purchase-robot > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-purchase-robot-label {
    position: absolute;
    right: 8px;
    bottom: 4px;
    width: 80px;
    height: 19px;
    border-radius: 4px 4px 4px 0;
    background: linear-gradient(90deg, #e51a1a, #f04426);
    color: #fff;
    font-family: 'Alibaba PuHuiTi 3.0', 'Microsoft YaHei', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
}

.home-purchase-robot-tip {
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);
    display: none;
    width: 164px;
    padding: 12px 20px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    color: #64748b;
    font-family: 'Alibaba PuHuiTi 3.0', 'Microsoft YaHei', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    transform: translateY(-50%);
}

.home-purchase-robot-tip::after {
    position: absolute;
    top: 0;
    right: -16px;
    width: 16px;
    height: 100%;
    content: '';
}

.home-purchase-robot-tip strong,
.home-purchase-robot-tip > span {
    display: block;
}

.home-purchase-robot-tip strong {
    margin-bottom: 8px;
    color: #0f172a;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.home-purchase-robot-tip > img {
    display: block;
    width: 114px;
    height: 114px;
    margin-bottom: 8px;
    object-fit: cover;
}

.home-purchase-robot:hover .home-purchase-robot-tip,
.home-purchase-robot:focus .home-purchase-robot-tip {
    display: block;
    animation: home-purchase-robot-tip-in .24s ease-out both;
}

@keyframes home-purchase-robot-tip-in {
    from {
        opacity: 0;
        transform: translateY(-50%) scale(.75);
    }

    to {
        opacity: 1;
        transform: translateY(-50%) scale(1);
    }
}

.home-purchase-service h3 {
    margin-bottom: 4px;
    color: #001d66;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.home-purchase-service > p {
    margin-bottom: 14px;
    color: #334155;
    font-size: 14px;
    line-height: 22px;
}

.home-purchase-service textarea {
    box-sizing: border-box;
    height: 100px;
    border-radius: 8px;
    background: #fff;
}

.home-purchase-phone input {
    box-sizing: border-box;
    height: 40px;
    border-radius: 8px;
}

.home-purchase-code button {
    height: 40px;
}

.home-purchase-notice {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 20px;
    margin: 12px 0 8px;
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
}

.home-purchase-notice .bd {
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.home-purchase-notice ul {
    width: max-content;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-purchase-notice li {
    float: left;
    height: 20px;
    margin-right: 16px;
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-purchase-submit,
.home-purchase-submit:hover {
    height: 48px;
    margin-top: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, #f04426, #e51a1a);
    font-weight: 500;
}

.home-purchase-submit:disabled,
.home-purchase-code button:disabled {
    cursor: not-allowed;
    opacity: .7;
}

.home-purchase-captcha {
    position: fixed;
    z-index: 10001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(15, 23, 42, .45);
    align-items: center;
    justify-content: center;
}

.home-purchase-captcha.show {
    display: flex;
}

.home-purchase-captcha-box {
    box-sizing: border-box;
    width: 360px;
    padding: 24px;
    border-radius: 8px;
    background: #fff;
}

.home-purchase-captcha-box h2 {
    margin: 0 0 18px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.home-purchase-captcha-row {
    display: flex;
}

.home-purchase-captcha-row .home-purchase-captcha-image {
    margin-left: 10px;
}

.home-purchase-captcha-row input {
    box-sizing: border-box;
    width: 180px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #dfe5ed;
    border-radius: 4px;
    outline: 0;
}

.home-purchase-captcha-image {
    width: 120px;
    height: 40px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 4px;
    background: #f1f5f9;
    cursor: pointer;
}

.home-purchase-captcha-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-purchase-captcha-actions {
    display: flex;
    margin-top: 20px;
    justify-content: flex-end;
}

.home-purchase-captcha-actions button + button {
    margin-left: 10px;
}

.home-purchase-captcha-actions button {
    height: 34px;
    padding: 0 18px;
    border: 1px solid #dfe5ed;
    border-radius: 4px;
    background: #fff;
    color: #475569;
    cursor: pointer;
}

.home-purchase-captcha-actions button:last-child {
    border-color: #e51a1a;
    background: #e51a1a;
    color: #fff;
}

.home-merchant-actions {
    display: flex;
    align-items: center;
}

.home-merchant-action + .home-merchant-action {
    margin-left: 12px;
}

.home-merchant-action {
    box-sizing: border-box;
    height: 42px;
    padding: 0 28px 0 42px;
    border-radius: 18px;
    color: #fff !important;
    font-family: 'Alibaba PuHuiTi 3.0', 'Microsoft YaHei', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;
    text-align: center;
}

.home-merchant-action01 { width: 217px; background: url('https://img9.aijiuku.com/jiuku_pc/home/youzhi_bg.png') center / 100% 100% no-repeat; }
.home-merchant-action02 { width: 207px; background: url('https://img9.aijiuku.com/jiuku_pc/home/renzheng_bg.png') center / 100% 100% no-repeat; }

.home-cert-tags {
    display: flex;
    height: 22px;
    margin-left: 16px;
    padding: 0 10px;
    align-items: center;
    border: 1px solid #36b56d;
    border-radius: 12px;
    background: #eafff3;
}

.home-cert-tags span {
    display: flex;
    align-items: center;
    color: #36b56d;
    font-family: 'Alibaba PuHuiTi 3.0', 'Microsoft YaHei', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}

.home-cert-tags span + span {
    margin-left: 14px;
}

.home-cert-tags .icon-duigou {
    margin-right: 4px;
    color: #36b56d;
    font-size: 12px;
    line-height: 1;
}

.home-merchants-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(340px, .95fr);
    grid-gap: 18px;
	padding:0 20px;
}

.home-merchant-block {
    padding: 16px;
    border-radius: 6px;
    background: #f7f9fc;
}

.home-merchant-block h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 12px;
    font-size: 17px;
}

.home-merchant-block h3 > span {
    display: flex;
    align-items: center;
    min-width: 0;
	font-weight: 600;
}

.home-merchant-ranking-link {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    color: #7d8ba0;
    font-size: 13px;
    font-weight: 400;
}

.home-merchant-ranking-link .icon-gengduo {
    margin-left: 3px;
    font-size: 12px;
}

.home-merchant-ranking-link:hover,
.home-merchant-ranking-link:focus {
    color: #e51a1a;
}

.home-merchant-title-icon {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    object-fit: contain;
}

.home-merchant-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 12px;
}

.home-merchant-card {
    position: relative;
    display: block;
    min-width: 0;
    height: 84px;
    padding: 14px 12px;
    overflow: hidden;
    border: 1px solid #f0e7e5;
    border-radius: 4px;
    background: linear-gradient(360deg, #fff 0%, #fff1ec 100%);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-merchant-card:hover {
    border-color: #f2a49e;
    box-shadow: 0 8px 18px rgba(229, 26, 26, .14);
    transform: translateY(-3px);
}

.home-merchant-card h4 {
    margin: 0 0 10px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .2s ease;
}

.home-merchant-card:hover h4 {
    color: #e51a1a;
}

.home-merchant-card p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.home-merchant-main-business {
    min-width: 0;
    overflow: hidden;
    color: #7d8ba0;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-merchant-level-icon {
    max-width: 86px;
    height: 30px;
    margin-left: 8px;
    object-fit: contain;
    object-position: right center;
}

.home-merchant-card > span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 8px;
    border-radius: 0 4px 0 8px;
    background: var(--Linear, linear-gradient(270deg, #E51A1A 0%, #F04426 100%));
    color: #fff;
    font-size: 11px;
}

.home-ranking-list {
    display: flex;
    flex-direction: column;
}

.home-ranking-item + .home-ranking-item {
    margin-top: 8px;
}

.home-ranking-item {
    display: grid;
    min-width: 0;
    height: 31px;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    grid-gap: 8px;
}

.home-ranking-item em {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background: #8d949d;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
    text-align: center;
    transition: box-shadow .2s ease, transform .2s ease;
}

.home-ranking-item:nth-child(1) em { background: #e11920; }
.home-ranking-item:nth-child(2) em { background: #ff7c00; }
.home-ranking-item:nth-child(3) em { background: #ffbd00; }

.home-ranking-item:hover em,
.home-ranking-item:focus em {
    box-shadow: 0 4px 8px rgba(15, 23, 42, .2);
    transform: scale(1.12);
}

.home-ranking-item strong {
    overflow: hidden;
    font-size: 13px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .2s ease;
}

.home-ranking-item:hover strong,
.home-ranking-item:focus strong {
    color: #e51a1a;
}

.home-ranking-level-icon {
    max-width: 86px;
    height: 30px;
    object-fit: contain;
    object-position: right center;
}

.home-equipment-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    grid-gap: 12px;
	padding:0 20px;
}

.home-equipment-categories {
    height: 620px;
    padding: 28px 38px;
    border-radius: 6px;
    background: #6186ed url('https://img9.aijiuku.com/jiuku_pc/home/defalut_cate_bg.jpg') center / cover no-repeat;
}

.home-equipment-categories-grid {
	margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 18px 16px;
}

.home-equipment-categories a {
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .95);
    border-radius: 4px;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.home-equipment-categories a:hover {
    background: rgba(255, 255, 255, .16);
}

.home-equipment-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 14px 12px;
}

.home-equipment-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.home-equipment-image {
    position: relative;
    height: 180px;
    overflow: hidden;
    border-radius: 5px;
    background: #eef1f5;
}

.home-equipment-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}

.home-equipment-image > .home-equipment-recommend-icon {
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
    width: 38px;
    height: 20px;
    object-fit: contain;
}

.home-equipment-card:hover .home-equipment-image > img:not(.home-equipment-recommend-icon) {
    transform: scale(1.04);
}

.home-equipment-card h3 {
    height: 22px;
    margin: 10px 0 4px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-equipment-card p {
    margin: 0 0 8px;
    color: #5f6e84;
    font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-equipment-area {
    display: block;
    margin-bottom: 8px;
    overflow: hidden;
    color: #5f6e84;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-equipment-area .icon-address {
    margin-right: 4px;
    font-size: 12px;
}

.home-equipment-card .home-consult-btn {
    height: 32px;
    margin-top: auto;
    border: 1px solid #ed1c24;
    border-radius: 3px;
    color: #ed1c24;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
}

.home-equipment-card:hover .home-consult-btn {
    background: #ed1c24;
    color: #fff;
}

.home-bottom-layout {
    display: grid;
    grid-template-columns: 518px minmax(0, 1fr);
    grid-gap: 16px;
}

.home-bottom-layout .home-panel {
    margin-bottom: 0;
}

.home-cases,
.home-news {
    padding: 0;
	height:647px;
    border-radius: 12px;
}

.home-cases .home-section-head,
.home-news .home-section-head {
    margin: 16px 0 12px;
}

.home-case-feature {
    display: block;
    box-sizing: border-box;
    height: 200px;
    margin: 0 16px;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #f8fafc;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-case-feature:hover {
    border-color: #ffd0ca;
    box-shadow: 0 6px 16px rgba(229, 26, 26, .1);
    transform: translateY(-2px);
}

.home-case-feature-top {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    grid-gap: 12px;
}

.home-case-feature-image {
    position: relative;
    height: 120px;
    overflow: hidden;
    border-radius: 4px;
    background: #203b55;
}

.home-case-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.home-case-feature:hover .home-case-feature-image img {
    transform: scale(1.05);
}

.home-case-feature-image span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 0 0 2px;
    background: linear-gradient(90deg, #f04426, #e51a1a);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

.home-case-feature h3 {
    margin: 0;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-case-feature-info {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.home-case-feature-info > * + * {
    margin-top: 8px;
}

.home-case-feature .home-vip {
    display: block;
    max-width: 86px;
    height: 24px;
    margin-bottom: 0;
    padding: 0;
    object-fit: contain;
    object-position: left center;
}

.home-case-phone {
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    margin-right: 0;
    padding: 0 10px;
    border-radius: 4px;
    background: #fff1f1;
    color: #ed1c24;
    font-size: 14px;
    line-height: 32px;
}

.home-case-buy {
    display: inline-block;
    width: 100px;
    height: 32px;
    padding: 0;
    border-radius: 4px;
    background: #ed1c24;
    color: #fff !important;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
}

.home-case-contact {
    display: flex;
}

.home-case-contact .home-case-buy {
    margin-left: 8px;
}

.home-case-deal-info {
    margin: 0;
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-case-feature > p {
    margin: 10px 0 0;
    color: #65758b;
    font-size: 14px;
    line-height: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home-case-list {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
    padding: 0 16px;
}

.home-case-row + .home-case-row {
    margin-top: 12px;
}

.home-case-row {
    display: grid;
    box-sizing: border-box;
    min-width: 0;
    height: 80px;
    padding: 16px 12px;
    grid-template-columns: minmax(0, 1fr) 16px;
    align-items: start;
    grid-gap: 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #f8fafc;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-case-row:hover,
.home-case-row:focus {
    border-color: #ffd0ca;
    background: #fff;
    box-shadow: 0 6px 16px rgba(229, 26, 26, .1);
    outline: 0;
    transform: translateY(-2px);
}

.home-case-row em {
    padding: 0 8px;
    border-radius: 2px;
    background: linear-gradient(90deg, #f04426, #e51a1a);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
	margin-right:10px;
}

.home-case-row-content {
    min-width: 0;
}

.home-case-row-meta {
    display: flex;
    min-width: 0;
    align-items: center;
	margin-bottom: 5px;
}

.home-case-row-meta strong {
    margin-left: 10px;
}

.home-case-row span,
.home-case-row strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-case-row span {
    margin-bottom: 7px;
    color: #64748b;
    font-size: 14px;
    line-height: 22px;
}

.home-case-row-meta span {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
}

.home-case-row strong {
    color: #0f172a;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.home-case-row-arrow {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    color: #6a7b92;
    font-size: 16px;
    line-height: 16px;
    transition: color .2s ease, transform .2s ease;
}

.home-case-row:hover .home-case-row-arrow,
.home-case-row:focus .home-case-row-arrow {
    color: #e51a1a;
    transform: translateX(3px);
}

.home-news-layout {
    display: grid;
    margin: 0 16px;
    grid-template-columns: 400px minmax(0, 1fr);
    grid-gap: 12px;
}

.home-news-feature-list {
    display: grid;
    grid-gap: 12px;
}

.home-news-feature {
    position: relative;
    height: 278px;
    overflow: hidden;
    border-radius: 8px;
    transition: box-shadow .25s ease, transform .25s ease;
}

.home-news-feature img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .35s ease;
}

.home-news-feature:hover,
.home-news-feature:focus {
    box-shadow: 0 10px 22px rgba(15, 23, 42, .2);
    outline: 0;
    transform: translateY(-3px);
}

.home-news-feature:hover img,
.home-news-feature:focus img {
    transform: scale(1.06);
}

.home-news-feature div {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 50px;
    padding: 0 16px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background-color .25s ease;
}

.home-news-feature:hover div,
.home-news-feature:focus div {
    background: rgba(0, 0, 0, .74);
}

.home-news-feature div span {
    display: inline-block;
    margin-right: 10px;
    padding: 0 4px;
    border-radius: 2px;
    background: #1677ff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: middle;
}

.home-news-feature div strong {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-news-list-wrap {
    box-sizing: border-box;
    height: 568px;
    min-width: 0;
    padding: 16px;
    border-radius: 8px;
    background: #f8fafc;
}

.home-news-tabs {
    display: flex;
    margin-bottom: 14px;
    border-bottom: 1px solid #dfe5ed;
}

.home-news-tabs button + button {
    margin-left: 32px;
}

.home-news-tabs button {
    position: relative;
    padding: 0 0 11px;
    border: 0;
    background: transparent;
    color: #65758b;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
}

.home-news-tabs button.active {
    color: #1f2633;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.home-news-tabs button.active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: #ed1c24;
    content: "";
}

.home-news-list {
    display: none;
}

.home-news-list.active {
    display: block;
}

.home-news-list a {
    display: block;
    min-width: 0;
    overflow: hidden;
    margin-bottom: 14px;
    color: #0f172a;
    font-size: 14px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-news-list a::before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 12px;
    border-radius: 50%;
    background: #9bc8ff;
    vertical-align: 2px;
    content: "";
}

.home-news-list a:hover {
    color: #ed1c24;
}

.home-links {
    margin-top: 32px;
    padding: 4px 0 0px;
}

.home-links .map {
    margin-top: 0;
}

.home-links .map .map-item {
    justify-content: flex-start;
    margin-bottom: 10px;
}

.home-links .map .map-item .item-l {
    width: 90px;
    min-width: 90px;
    font-size: 15px;
}

.home-links .map .map-item .item-r {
    width: auto;
    flex: 1;
}

.home-links .map .map-item .item-r a {
    margin-right: 26px;
    color: #6f8097;
    font-size: 13px;
    transition: color .2s ease;
}

.home-links .map .map-item .item-r a:hover,
.home-links .map .map-item .item-r a:focus {
    color: #e51a1a;
    outline: 0;
}
.home-page ~ .footer_box {
    background: #E60000;
}
.home-redesign .empty-state {
    display: flex;
    min-height: 160px;
    align-items: center;
    justify-content: center;
    color: #95a1b2;
}
.footer_box .footerBox .r .r-t a:hover{
    color: #000;
}
@media (max-width: 1500px) {
    .home-redesign {
        min-width: 1200px;
    }

    .home-shell {
        width: 1200px;
    }

    .home-scene-card h3 {
        font-size: 18px;
    }

    .home-scene-card .scene-merchant-title {
        font-size: 19px;
    }

    .home-equipment-layout {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .home-equipment-categories {
        padding: 24px 28px;
    }

    .home-equipment-image {
        height: 160px;
    }

    .home-bottom-layout {
        grid-template-columns: 518px minmax(0, 1fr);
    }

    .home-news-layout {
        grid-template-columns: 400px minmax(0, 1fr);
    }
}
