body {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    background-color: #f7f7f7;
}

.ind-logo {
    cursor: pointer;
}

.ind-logo.jNavCurr, .ind-logo.jNavCurr:hover {
    background: none;
}

.index-l {
    padding-top: 4px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
    /*overflow: hidden;*/
}

.index-l > h1 {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    text-align: center;
    box-sizing: border-box;
}

.index-l > h1 > p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 10px 0 0 0;
}

/* 首页全屏模式样式见 css/v4/header.css（V4 顶栏 Logo + 隐藏左侧导航） */

nav::-webkit-scrollbar {
    width: 8px;
}

nav::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #a3a7ab;
}

nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #dadada;
}

/* ========== 左侧产品导航：竖排 Tab + 右侧产品目录 ========== */
.product-nav-panel {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.product-nav-side-tabs {
    display: flex;
    flex-direction: column;
    flex: 0 0 42px;
    width: 42px;
    align-self: flex-start;
    box-sizing: border-box;
    background-color: #f5f7fa;
    border-right: 1px solid #ddd;
}

.product-nav-side-tabs .product-nav-tab {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #3c5298;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    user-select: none;
    padding: 12px 0;
    box-sizing: border-box;
    background-color: #fff;
}

.product-nav-side-tabs .product-nav-tab-text {
    display: inline-block;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

.product-nav-side-tabs .product-nav-tab.active .product-nav-tab-text {
    font-weight: bold;
}

.product-nav-side-tabs .product-nav-tab:last-child {
    border-bottom: none;
}

.product-nav-side-tabs .product-nav-tab:hover {
    background-color: #3c5298;
    color: #fff;
}

.product-nav-side-tabs .product-nav-tab.active {
    background-color: #3c5298;
    color: #fff;
}

.nav-catalog-label {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    margin: 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    background-color: rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
}

.nav-wrap {
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    background-color: #00a0ea;
    display: flex;
    flex-direction: column;
}

.nav-wrap nav {
    flex: 1;
    min-height: 0;
}

.nav-wrap .iScrollVerticalScrollbar {
    top: 80px;
    bottom: 34px;
}

.file-wrap .iScrollVerticalScrollbar {
    top: 0;
}

.nav-item-name {
    position: relative;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    background-color: #005bac;
}

.nav-pointer {
    cursor: pointer;
}

.borderBottom {
    border-bottom: 1px solid #393d43;
}

.nav-item-name .nav-icon {
    position: absolute;
    left: 20px;
    top: 1px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
}

.nav-tog {
    float: right;
    font-size: 8px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    transform: rotateZ(180deg);
    transition: transform .6s;
}

.nav-item-link {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    padding: 0 0 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-bottom: 2px solid #00a0ea;
}

/*nav .nav-item-link:nth-child(1) {
    border-top: 0 none;
}*/

.nav-item-link.jNavCurr {
    color: #00a0ea;
    background-color: #fff;
}

.nav-item-name .icon-wrap {
    position: absolute;
    top: 3px;
    width: 40px;
    height: 36px;
    margin: 0 0 0 -40px;
    line-height: 36px;
    text-align: right;
    font-size: 0;
}

.nav-item-link .icon-wrap {
    position: absolute;
    top: 0;
    width: 40px;
    height: 30px;
    margin: 0 0 0 -40px;
    line-height: 30px;
    text-align: right;
    font-size: 0;
}

.icon-wrap > i {
    display: inline-block;
    /*vertical-align: middle;*/
    width: 13px;
    height: 13px;
    margin: 8px 4px 0 0;
    background: url(../img/icon.png) no-repeat -34px 0;
}

.icon-wrap i.icon-new {
    margin: 8px 4px 0 0;
    background-position: -34px -23px;
}

.icon-wrap i.icon-hui {
    background-position: -34px 0;
}

.jNavCurr {
    color: #38bfef;
}

.nav-item-link:hover {
    color: #00a0ea;
    background-color: #fff;
}

.nav-center-signout {
    cursor: pointer;
}

.nav-center-signout:hover {
    color: #00a0ea;
    background-color: #fff;
}

/*.jNavCurr:hover{
    color: #38bfef;
}*/
.link-icon {
    position: absolute;
    left: 23px;
    top: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.link-fav {
    background: #eb4411;
}

.link-new {
    background: #1dc066;
}

.recharge img {
    display: block;
    cursor: pointer;
    width: 100%;
}

.contact-wrap {
    cursor: pointer;
    background: #393d43;
}

.contact-wrap a {
    color: #269d67;
}

.contact-wrap .nav-icon {
    color: #269d67;
}

.account-b {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    /*background: #f28d23;*/
    background: #00a0ea;
}

.account-num {
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #7c7f83;
}

.account-num a {
    font-size: 14px;
    padding: 0 0 0 10px;
    color: rgba(255, 255, 255, 0.6);
}

.account-set {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    position: relative;
    cursor: pointer;
    padding-right: 10px;
}

.account-set .account-xl {
    position: absolute;
    left: 0;
    bottom: 34px;
    z-index: 99999;
    background-color: #ffffff;
}

.account-set .account-xl span {
    display: inline-block;
    width: 160px;
    color: #333333;
}

.account-set .account-xl span:first-child {
    border-bottom: 1px solid #2391f2;
}

.account-set i {
    font-size: 16px;
    color: #fff;
    margin: -1px 2px 0 0;
}

.account-set .jDown {
    transform: rotateZ(0deg);
}

.content-r {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 100%;
    position: relative;
}

/* ========== 顶部导航（账户中心，产品 Tab 已移至左侧） ========== */
.tab-box {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background-color: #fff;
    padding-right: 10px;
    /*background: #2391f2;*/
}

.tab-refresh, .tab-cloOth {
    -ms-flex: 0 0 68px;
    flex: 0 0 68px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    /*color: rgba(255,255,255,0.6);*/
    /*color: #fff;*/
    color: #000;
}

.tab-refresh > i {
    font-size: 16px;
    margin: 0 4px 0 0;
    color: rgba(255, 255, 255, 0.6);
}

.tab-refresh:hover, .tab-refresh:hover i {
    color: #00a0ea;
    /*color: #1b808a;*/
}

.tab-cloOth {
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
}

.tab-cloOth:hover {
    /*color: #fff;
    background: #474b53;*/
    color: #000;
    background: #f0eeef;
}

.tab-wrap {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    padding: 4px 0 0 0;
}

.tab-item {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    /*color: #fff;*/
    color: #000;
    margin: 0 2px 0 0;
    padding: 0 4px;
    background: #f0eeef;
    /*background: #474b53;*/
    cursor: pointer;
    /*border-top-left-radius: 2px;
    border-top-right-radius: 2px;*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: width .6s;
    font-weight: bold;
}

.tab-item .jTabClose {
    display: none;
    position: absolute;
    right: 4px;
    top: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
}

.tab-item.jTabCurr .jTabClose {
    /*background: #2caa72;*/
    background: #00a0ea;
}

.jTabClose .iconfont {
    font-size: 12px;
    line-height: 16px;
    color: #fda003;
    /*color: #5f6571;*/
    vertical-align: top;
}

.tab-item:hover .jTabClose {
    display: block;
}

.tab-item .jTabClose:hover {
    background: #ef4c0b;
}

.jTabClose:hover .iconfont {
    color: #fff;
}

.jTabCurr {
    background: #fda003;
    color: #fff;
    /*background: #2caa72;*/
}

.page-box {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 80px);
}

.page-wrap {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.page-item {
    display: none;
    height: 100%;
}

.page-item.jPageCurr {
    display: block;
}

.page-item iframe {
    width: 100%;
    /*height: 100%;*/
}

.file-wrap {
    position: relative;
    display: none;
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    height: 100%;
    max-height: 100%;
    /*background: #ebf0f7;*/
    overflow: hidden;
}

#fileInfo {
    position: absolute;
    left: -218px;
    top: 190px;
}

.file-wrap .Popup-content {
    padding: 24px 0 80px;
    font-size: 14px;
    text-align: center;
}

.jShow {
    display: block;
}

.file-det {
    position: relative;
    z-index: 1;
    padding-bottom: 24px;
    box-sizing: border-box;
}

.file-det-t {
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 10px 8px 10px 12px;
    background: #ff6633;
    cursor: pointer;
    font-weight: bold;
    /*background: #2cab72;*/
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.file-ttl {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
}

.file-ttl > i {
    font-size: 18px;
    color: #fff;
    margin: 0 6px 0 0;
}

.file-time {
    font-size: 14px;
}

.file-time > i {
    font-size: 14px;
    color: #fff;
    margin: -2px 0 0 6px;
}

.file-opera {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 10px 0;
    background: #005bac;
    justify-content: center;
    align-items: center;
}

.file-btn {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    /*background: #fff;*/
    overflow: hidden;
    color: #fff;
}

.file-btn > input {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.file-btn-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #77a6f3;
    margin: -3px 6px 0 0;
    text-align: center;
}

.file-btn-icon > i {
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    color: #fff;
}

.file-clear {
    position: absolute;
    right: 0;
    top: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 10px;
    color: #fff;
    border: 1px solid #d7dde5;
    border-radius: 12px;
}

.file-list-un {
    position: relative;
    min-height: 400px;
}

/* 上传区 / 购物车区占位，与待下单列表同高，切换时不挤压下方列表 */
.file-top-slot {
    position: relative;
    min-height: 400px;
}

/* 商城购物车模式：顶部区随内容高度，避免 min-height:400 挤占下方待付款/已下单 */
.file-top-slot-cart {
    min-height: 0;
}

.file-top-slot-cart .selling-cart-panel {
    min-height: 0;
}

/* 销售商品购物车：替换上传区，独立样式，不浮层遮挡待付款/已下单 */
.selling-cart-panel {
    position: relative;
    background: #fff;
    border-bottom: 3px solid #005bac;
    box-shadow: 0 2px 10px rgba(0, 91, 172, 0.18);
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.selling-cart-panel .selling-cart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    padding: 0 12px;
    background: linear-gradient(135deg, #005bac 0%, #0078d4 100%);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.selling-cart-panel .selling-cart-head-ops span {
    margin-left: 12px;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    opacity: 0.95;
}

.selling-cart-panel .selling-cart-head-ops span:hover {
    text-decoration: underline;
}

.selling-cart-panel .selling-cart-head-ops span.selling-cart-refreshing {
    /* 刷新进行中：禁用重复点击 */
    opacity: 0.6;
    cursor: wait;
    pointer-events: none;
}

.selling-cart-panel .selling-cart-list {
    flex: 1;
    min-height: 200px;
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #f5f9fc;
}

.selling-cart-panel .selling-cart-item {
    display: flex;
    align-items: flex-start;
    padding: 10px 10px 10px 8px;
    border-bottom: 1px solid #dce8f2;
    cursor: pointer;
    background: #fff;
}

/* 覆盖 .file-item 的 space-between / center，避免与购物车两行布局冲突 */
.selling-cart-panel .selling-cart-item.file-item {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 10px 10px 8px;
    margin: 0;
}

.selling-cart-panel .selling-cart-item.fileSel {
    background: #e8f4fc;
}

.selling-cart-panel .selling-cart-item .selling-cart-check {
    margin-right: 8px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.selling-cart-panel .selling-cart-item-body {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.selling-cart-panel .selling-cart-row1 {
    margin-bottom: 8px;
    box-sizing: border-box;
}

.selling-cart-panel .selling-cart-name {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.selling-cart-panel .selling-cart-line-price {
    flex: 0 0 auto;
    font-size: 13px;
    color: #fe0010;
    font-weight: 600;
    line-height: 26px;
    white-space: nowrap;
    margin-left: 8px;
}

.selling-cart-panel .selling-cart-offline {
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

.selling-cart-panel .selling-cart-row2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.selling-cart-panel .selling-cart-qty-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 1;
    min-width: 0;
}

.selling-cart-panel .selling-cart-qty-label {
    font-size: 12px;
    color: #666;
    margin-right: 4px;
    white-space: nowrap;
}

.selling-cart-panel .selling-cart-remove {
    font-size: 12px;
    color: #fe0010;
    flex: 0 0 auto;
    white-space: nowrap;
    margin-left: auto;
    position: relative;
    z-index: 1;
}

.selling-cart-panel .selling-cart-item .cart-qty-input {
    width: 56px;
    height: 26px;
    line-height: 26px;
    padding: 0 4px;
    border: 1px solid #b8cfe0;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    -moz-appearance: textfield;
}
.selling-cart-panel .selling-cart-item .cart-qty-input::-webkit-outer-spin-button,
.selling-cart-panel .selling-cart-item .cart-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.selling-cart-panel .selling-cart-footer {
    padding: 10px 12px 14px;
    background: #fff;
    border-top: 1px solid #dce8f2;
}

.selling-cart-panel .selling-cart-total {
    color: #fe0010;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

.selling-cart-panel .selling-cart-submit {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #269d67;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
}

.selling-cart-panel .selling-cart-submit.orderLock {
    background: #999;
    cursor: not-allowed;
}

.selling-cart-panel .selling-cart-empty {
    padding: 60px 20px;
    text-align: center;
    color: #888;
    font-size: 14px;
    line-height: 1.8;
}

.selling-cart-panel.selling-cart-locked {
    position: relative;
    pointer-events: none;
    user-select: none;
}

.selling-cart-panel.selling-cart-locked::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.45);
    z-index: 2;
}

.file-head {
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding: 0 16px 0 10px;
    /*background: #a8d5ff;*/
    background: #38bfef;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
}

.headTog {
    cursor: pointer;
}

.file-head-l {
    color: #666;
}

.file-head-l > i {
    color: #999;
    font-size: 12px;
    cursor: pointer;
    margin: -2px 6px 0 0;
    transform: rotateZ(180deg);
    transition: transform .6s;
}

.file-head-l .jDown, .jTogMenu .jDown {
    transform: rotateZ(0deg);
}

.file-head-r {
    color: #666;
}

.file-content {
    background: #fff;
    overflow: hidden;
}

.file-content.file-cont-al {
    overflow: visible;
}

.file-item {
    display: -ms-flexbox;
    display: flex;
    min-height: 30px;
    padding: 10px 0 10px 10px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    margin: 0 0 2px 0;
}

.file-cont-un > li:nth-of-type(odd) {
    background: #fff;
}

.file-cont-un > li:nth-of-type(even) {
    background: #f8f9fb;
}

.file-content .file-item.fileSel, .file-content .file-item.fileSel:hover {
    /*background: #269d67;*/
    background: #1b808a;
}

.file-content .file-item.fileSel, .file-content .file-item.fileSel p:last-child a:first-child {
    color: #fff !important;
}

.file-content .file-item.fileFail, .file-content .file-item.fileFail:hover {
    background: #fddec6;
}

.file-content > li:hover {
    background: #e5ecf5;
}

.file-cont-al > li:hover .file-name {
    text-decoration: underline;
}

.file-cont-al .file-item {
    /*background: #ebf0f7;*/
}

.file-item > i {
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 18px;
    background: url(../img/icon.png) no-repeat 0 -140px;
}

.file-cont-al .file-item > i {
    background: url(../img/icon.png) no-repeat 0 -308px;
}

.file-item .icon-ai {
    background-position: 0 0;
}

.file-cont-al .file-item .icon-ai {
    background-position: 0 -168px;
}

.file-item .icon-cdr {
    background-position: 0 -28px;
}

.file-cont-al .file-item .icon-cdr {
    background-position: 0 -196px;
}

.file-item .icon-pdf {
    background-position: 0 -56px;
}

.file-cont-al .file-item .icon-pdf {
    background-position: 0 -224px;
}

.file-item .icon-zip {
    background-position: 0 -84px;
}

.file-cont-al .file-item .icon-zip {
    background-position: 0 -252px;
}

.file-item .icon-rar {
    background-position: 0 -112px;
}

.file-cont-al .file-item .icon-rar {
    background-position: 0 -280px;
}

.file-name {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all;
    font-size: 12px;
    line-height: 14px;
    color: #222;
    padding: 0 50px 0 8px;
}

.file-cont-al .file-name {
    padding: 0 10px 0 8px;
}

.fileSel .file-name, .fileSel .file-progress, .fileSel .file-ord, .fileSel .file-del {
    color: #fff;
}

.fileFail .file-progress {
    color: #f95f0b;
}

.file-del {
    display: none;
    position: absolute;
    top: 50%;
    right: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #4074cb;
    padding: 0 10px;
    margin: -7px 0 0 0;
}

.file-item:hover .file-del {
    display: block;
}

.file-state {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    text-align: left;
    line-height: 1;
}

.file-progress {
    display: block;
    font-size: 14px;
    color: #6c7b94;
}

.file-ord {
    display: block;
    font-size: 12px;
    color: #f95f0b;
}

.file-ord-time {
    font-size: 12px;
    color: #999;
}

.colorWhite {
    color: #fff !important;
}

.drag-info {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    color: #becee4;
}

.Popup .Popup-dialog-remind {
    width: 400px;
    border-radius: 20px;
    overflow: hidden;
}

.Popup-dialog-remind h2 {
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 20px 0;
    font-size: 36px;
    color: #eef3f9;
    background: url(../img/remind.png) no-repeat 0 0;
}

.remind-content {
    display: none;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #333;
    padding: 25px 8px 0;
}

.remind-num {
    color: #3462f3;
    padding: 0 4px;
}

.remind-tot {
    color: #f53a00;
    padding: 0 4px;
}

.remind-content a {
    font-size: 14px;
    color: #3361f3;
}

.remind-btn {
    display: block;
    margin: 20px auto;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #31b679;
    border-radius: 20px;
}

/*支付方式样式*/
.payArea div.payWay {
    display: inline-block;
    width: 158px;
    height: 48px;
    border: #d9d9d9 1px solid;
    text-align: center;
    font-size: 14px;
    line-height: 48px;
    color: #333;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

.payArea div.payWay.on {
    border: #41b17e 2px solid;
    width: 156px;
    height: 46px;
    line-height: 46px;
}

.payArea div.payWay img {
    vertical-align: middle;
    margin-right: 10px;
}

.payArea div.payWay.on:before {
    font-style: normal;
    font-weight: normal;
    font-family: 'iconfont';
    vertical-align: baseline;
    content: '\e68a';
    display: inline-block;
    color: #269d67;
    position: absolute;
    right: -1px;
    bottom: -16px;
    font-size: 16px;
}

/*支付样式结束*/
/*产品优惠、热销样式开始*/
.nav-item-link.pro_icon_hui:before, .nav-item-link.pro_icon_hot:before {
    margin: 0 5px 0 -25px;
    padding: 1px 4px;
    font-size: 12px;
    color: #fff;
}

.nav-item-link.pro_icon_hui:before {
    content: "\60e0";
    background-color: #f28d23;
}

.nav-item-link.pro_icon_hot:before {
    content: "\70ed";
    background-color: #dd4b39;
}

/*产品优惠、热销样式结束*/
/*字体滚动开始*/
.index_wordsLoopBox {
    color: #fe0010;
    font-size: 20px;
    line-height: 40px;
    padding: 0 350px 0 24px;
    flex: 0 0 80px;
    display: flex;
}

.index_wordsLoopBox > div {
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
}

.index_wordsLoopBox i.iconfont {
    font-size: 22px;
}

.index_wordsLoopBoxClose {
    color: #cdcdcd;
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.wordsLoop {
    background-color: #fff;
    z-index: 10;
    white-space: nowrap;
    display: inline-block;
    animation: 80s wordsLoop linear infinite normal;
}

.wordsLoop:hover {
    animation: none;
}

@keyframes wordsLoop {
    0% {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}

/*字体滚动结束*/

/*顶部账户中心导航栏开始*/
.head_nav {
    overflow: hidden;
    flex: 0 0 40px;
    background-color: #fff;
    padding-right: 350px;
    overflow-x: auto;
}

@media (max-width: 1574px) {
    .page-box {
        height: calc(100% - 120px);
    }
    .head_nav {
        flex: 0 0 80px;
    }
}

.head_nav_item {
    padding: 0 0 0 15px;
    background: #ff6633;
}

.head_nav_item li {
    text-align: center;
    line-height: 40px;
    float: left;
    /*border: 1px solid #00a0ea;*/
}

.head_nav_item li a {
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid transparent;
}

.head_nav_item li a:hover {
    /*color: #00a0ea;*/
    /*border-bottom: 2px solid #00a0ea;*/
    /*background-color: #00a0ea;*/
}

/*顶部账户中心导航栏结束*/

/*右上角业务经理、送货员、专属客服信息开始*/
.content-r .cusInfoContent {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    max-width: calc(100% - 180px);
    height: auto;
    padding: 0 5px 0 0;
    font-size: 12px;
    line-height: 20px;
    box-sizing: border-box;
    /*background: #38bfef;*/
}

.content-r .cusInfoContent-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.content-r .cusInfoContent-row > p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
}

.content-r .cusInfoContent-row > p > span:nth-child(2n) {
    margin-left: 2px;
}
/*右上角业务经理、送货员、专属客服信息结束*/


/*问卷调查选择框样式开始*/
#questionnaire .pro-wrap-vos {
    margin: 15px 0 0 110px;
    font-size: 24px;
    color: #56472b;
}

#questionnaire .pro-wrap-vos > div, #questionnaire .pro-wrap-vos > p, #questionnaire .sel-vo-wrap > div, #questionnaire .sel-vo-wrap > p {
    display: inline-block;
    vertical-align: middle;
}
#questionnaire .sel-vo-wrap {
    cursor: pointer;
}

#questionnaire .mutipl-sel {
    position: relative;
    width: 20px;
    height: 20px;
    background: #7e8679;
    border: 1px solid #7e8679;
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
}

#questionnaire .pro-vos-ttl {
    font-size: 24px;
    color: #56472b;
    font-weight: normal;
}

#questionnaire .pro-vos-ttl:first-child {
    margin-left: 6px;
}

#questionnaire .pro-wrap-vos.selected .pro-vos-ttl {
    color: #269d67;
}

#questionnaire .mutipl-sel i.iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    line-height: 1;
    color: #7e8679;
}

#questionnaire .pro-wrap-vos.selected .mutipl-sel {
    background: #269d67;
    border-color: #269d67;
}

#questionnaire .pro-wrap-vos.selected .mutipl-sel i.iconfont {
    color: #fff;
}

#questionnaire .pro-wrap-vos.selected .ui-select-txt span, #questionnaire .pro-wrap-vos.selected .ui-numTxt .ipt1, #questionnaire .pro-wrap-vos.selected .ui-numTxt .ui-info {
    color: #269d67;
}
/*问卷调查选择框样式结束*/

/*产品目录样式开始*/
#nav1 {
    position: relative;
    cursor: pointer;
}

#nav1 .dd_show {
    display:none;
    width: 860px;
    height: 380px;
    position: absolute;
    top:0;
    left:190px;
    z-index:99;
    background-color: #005bac;
    color: #fff;
    font-size: 16px;
    overflow-y: auto;
    padding: 14px 20px 0 30px;
    vertical-align: top;
}

#nav1 .dd_show .searchInput {
    display: block;
    margin: 0 0 20px -20px;
    color: #bfb2b2;
}

#nav1 .dd_show > div {
    display: inline-block;
}

#nav1 .dd_show .shangWu {
    width: 400px;
    vertical-align: top;
    margin-right: 20px;
}

#nav1 .dd_show .guangGao {
    width: 410px;
}

#nav1 .dd_show .xieZhen, .dd_show .tiaoFu {
    vertical-align: top;
}

#nav1 .dd_show .xieZhen {
    margin-bottom: 24px;
}

#nav1 .dd_show .itemRow {
    margin-bottom: 15px;
}

#nav1 .dd_show .itemRow p {
    color: #fff;
    display: inline-block;
    margin-right: 3px;
    padding: 6px;
}

#nav1 #searchBtn {
    margin: 5px 0 0 0;
    width: 164px;
    height: 30px;
    line-height: 30px;
    padding: 2px 8px;
    border: #c8d0dc 1px solid;
    border-radius: 8px;
}

#nav1 #searchBtn::placeholder {
    color: #555;
}

#nav1 .dd_show .itemRow p:hover, #nav1 .dd_show .itemRow p.select {
    color: #000;
    font-weight:bold;
    background-color: #ffeb3b;
    border-radius: 6px;
}

/*产品目录样式结束*/

/*菜单置顶样式开始*/
#menuZhiDingBox {
    display: none;
    width: 800px;
    position: fixed; /* 由 JS 按左侧栏与悬停项计算 top/left，避免 V4 布局下 absolute 错位 */
    left: 0;
    top: 0;
    z-index: 200;
    background-color: #005bac;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    vertical-align: top;
    border-radius: 10px;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
    box-sizing: border-box;
}

#menuZhiDingBox #menuItemList {
    margin: 5px;
    padding: 5px;
    background: #ebf0f7;
    border-radius: 5px;
}

#menuZhiDingBox #menuItemList li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 125px;
    min-width: 110px;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin: 0 2px 4px 0;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    border: 2px solid transparent;
    padding: 4px 0;
}

#menuZhiDingBox #menuItemList li:hover {
    border: 2px solid #ec6100;
}

#menuZhiDingBox #menuItemList li img {
    width: 60px;
    height: 60px;
}

#menuZhiDingBox #menuItemList li p {
    line-height: 38px;
    font-size: 18px;
}

/*菜单置顶样式结束*/

/*专属客服内容开始*/
#customerService .customerServicer {
    width: 850px;
    height: 300px;
    margin: 40px auto 0;
    font-size: 28px;
    letter-spacing: 4px;
}

#customerService .questionBack {
    background: url("img/index/questionnaireBack.jpg") no-repeat center center;
    background-size: cover;
    min-width: 1200px;
}

#customerService .question_item > div {
    margin: 8px 0 26px 0;
    color: #383838;
    font-size: 20px;
}

#customerService .question_item > div > label {
    display: inline-block;
    margin: 15px 15px 0 0;
}
/*专属客服内容结束*/