.detail-sprites {
    background: url(/vcommon/theme/detail/img/detailimg.png?v=20240802) no-repeat;
}
.no, 
.na {
    display: none!important;
}
.noable{
    visibility: hidden;
}
.red, .hasPrice {
    color: #E52F2C!important;
}
.blod{
    font-weight: bold!important;
}
.newcomplex-detail .l-main a,
.newcomplex-detail .l-main a:link,
.newcomplex-detail .contrast a,
.newcomplex-detail .contrast a:link,
.newcomplex-detail .d-Mask a,
.newcomplex-detail .d-Mask a:link{
    text-decoration: none;
}

.new-swiper {
    width: 640px;
    height: 224px;
}

.l-breadcrumb > li > strong {
    color: #333333;
}

.l-breadcrumb > li > a {
    color: #999999;
}

.group-goods{
    padding: 10px 5px;
    border: 1px solid #003399;
    box-sizing: border-box;
    position: relative;
    border-top: none;
}

.new-swbox{
    margin: 0 5px;
}

.sw-self{
    width: 150px !important;
    padding-right: 10px;
}

.new-swiper dl {
    border: 1px solid #f3f3f3;
    height: 224px;
    box-sizing: border-box;
}

.sw-self dl dt {
    display: flex;
    justify-content: center;
    width: 120px;
    height: 120px;
    align-items: center;
}

.sw-self dl {
    cursor: pointer;
    margin: 0;
    width: 150px !important;
    padding: 0 10px 10px 10px;
    box-sizing: border-box;
}

.swiper-img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 120px;
}

.prev-click {
    outline: none;
    cursor: pointer;
    width: 28px;
    height: 32px;
    border-radius: 0px 100px 100px 0px;
    z-index: 3;
    position: absolute;
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    left: 0;
    top: calc(50% + 16px);
    background-position: -14px -1183px;
}

.next-click {
    outline: none;
    cursor: pointer;
    width: 28px;
    height: 32px;
    border-radius: 100px 0px 0px 100px;
    z-index: 3;
    position: absolute;
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    right: 0;
    top: calc(50% + 16px);
    background-position: -77px -1184px;
}

.swiper-button-next:not(.swiper-button-disabled):hover {
    background-position: -77px -1124px;
}

.swiper-button-prev:not(.swiper-button-disabled):hover {
    background-position: -14px -1123px;
}

.new-swiper dl:hover {
    border: 1px solid #003399 !important;
}

.new-swiper dl:hover .p-name {
    color: #003399 !important;
}

.new-swiper .p-brand{
    width: 100%;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    color: #999999;
    text-overflow: ellipsis;
    padding-top: 5px;
    white-space: nowrap;
}

.new-swiper .p-name{
    display: -webkit-box;
    color: #333;
    line-height: 16px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new-swiper .p-good-review,
.new-swiper .p-day{
    padding-top: 5px;
    line-height: 16px;
    height: 16px;
    color: #999999;
}
.new-swiper .p-day{
    padding-top: 6px;
}

.new-swiper .p-good-review span{
    color: #003399;
}

.new-swiper .p-package{
    padding-top: 2px;
}

.new-swiper .p-package span{
    color: #E52F2C;
    padding-left: 5px;
}

.new-swiper .p-allname,.new-swiper .p-allbrand{
    position: absolute;
    top: 0;
    left: 5px;
    width: 150px;
    background: #FFF7D6;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    padding: 4px 6px;
    line-height: 16px;
    z-index: 1;
    color: #333;
}

.new-swiper .p-day>div{
    display: inline-block;
}

.div-flex {
    display: flex;
}

.detailSimilar .new-swiper dd{
    width: 100%;
}

.days-to-ship-shanda {
    box-sizing: border-box;
    font-weight: 400;
    color: #333333;
    margin-top: 0;
    background: #FFFFFF;
    border: 1px solid #FFCC00;
    padding: 4px;
    display: flex;
    align-items: center;
    height: 20px;
    margin-right: 5px;
}

/* 仅仅火狐生效*/
@-moz-document url-prefix() {
    .r-goodsName .l-Recommend span,
    .r-goodsName .icons span,
    .days-to-ship-shanda span {
        display: inline-block;
        height: 17px;
        line-height: 16px;
    }
    .r-goodsName .icons.l-Discount {
        display: inline-block;
        line-height: 14px;
    }
}
/* IE10+*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .r-goodsName .l-Recommend span,
    .r-goodsName .icons span,
    .days-to-ship-shanda span {
        display: inline-block;
        height: 17px;
        line-height: 16px;
    }
    .r-goodsName .icons.l-Discount {
        display: inline-block;
        line-height: 14px;
    }
}
.r-goodsName .l-Recommend {
    display: inline-block;
    height: 15px;
    padding: 0 4px;
    background: #FFF4F4;
    border: 1px solid #E52F2C;
    text-align: center;
    color: #E52F2C;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    top: -1px;
    margin-right: 5px;
    margin-top: 6px;
}
.detailInfo .r-goodsName{
    -ms-word-break: break-all;
    flex: 1;
    padding: 0;
}
.detailInfo .r-goodsNamez{
    font-weight: 600;
    color: #333333;
    word-break: break-all;
    line-height: 24px;
    margin-right: 10px;
}
.r-goodsNamezz {
    position: relative;
    top: 1.5px;
    display: inline;
    font-size: 18px;
    vertical-align: middle;
}
.r-goodsName .icons{
    display: inline-block;
    height: 15px;
    background: #EEF4FC;
    border: 1px solid #003399;
    font-size: 12px;
    padding: 0 4px;
    color: #003399;
    line-height: 15px;
    position: relative;
    /* top: -1px; */
    margin-right: 5px;
    margin-top: 6px;
    vertical-align: middle;
}
.r-goodsName .icons.red{
    border: 1px solid #E52F2C;
    background: #FFF4F4;
}
.r-goodsName .icons.l-Discount {
    background: #FFF4F4;
    border: 1px solid #E52F2C;
    color: #E52F2C;
    vertical-align: middle;
}
.r-goodsName .l-new {
    width: 38px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    margin-top: 6px;
    vertical-align: middle;
}
.top_imgbox .iconStyle {
    max-height: 55px;
    display: inline-block;
    vertical-align: middle;
}
.top_imgbox .iconStyle img {
    width: 65px;
    vertical-align: middle;
}
.m-btn--similar.is-disabled, .m-btn--zipDL.is-disabled, .m-btn--save.is-disabled, .Model-fun .Model-constart.is-disabled {
    background-color: transparent!important;
    background-image: url(/vcommon/theme/detail/img/detailimg.png);
    cursor: default;
    pointer-events: none;
}
.Model-fun>p {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-right: 20px;
    border: none;
    background-color: transparent!important;
    box-shadow: none;
}
.Model-fun>p span{
    margin-left: 21px;
    color: #003399;
    line-height: 16px;
    height: 16px;
    font-weight: normal;
    background-color: #fff;
}
.m-btn--save, .m-btn--compare, .m-btn--zipDL {
    width: auto;
    padding: 0;
}
.detail-sprites.downloadDetail{
    height: 16px;
    background-position: -10px -192px;
    padding-right: 0;
}
.detail-sprites.m-btn--compare{
    height: 16px;
    background-position: -10px -140px;
}
.detail-sprites.m-btn--save{
    height: 16px;
    background-position: -10px -166px;
}
.is-evaluate {
    display: flex;
    font-size: 12px;
}
.evaluate-number {
    margin-left: 10px;
}
.see-eval {
    text-decoration: underline;
    cursor: pointer;
    color: #003399;
    line-height: 14px;
}
.rb-number {
    margin-left: 8px;
    color: #003399;
    line-height: 14px;
}
.rb-star {
    width: 86px;
    display: flex;
    justify-content: space-between;
}
.detail-sprites.loginicon {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
    background-position: -10px -2677px;
}
.login-area a, .login-area a:link {
    padding-left: 10px;
    color: #003399;
    line-height: 24px;
}
.r-goodsData,
.shiptobox {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-left: 10px;
}
.express-list, .express-list-init {
    display: flex;
    flex-wrap: wrap;
}
.express-list-day {
    position: relative;
}
.days-to-ship-item, .express-item {
    box-sizing: border-box;
    height: 20px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 12px;
    border: 1px solid #BED3FF;
    background-color: #fff;
    margin-left: 5px;
}
.days-to-ship-item {
    margin-left: 0;
}
.express-list>div:first-child>p {
    margin-left: 0;
}
.r-goodsData>p, 
.r-goodsDiscount>p {
    color: #666666;
    line-height: 20px;
}
.shiptobox>p{
    color: #666666;
    line-height: 28px;
}
.shiptoc{
    display: flex;
    align-items: center;
    color: #333333;
    font-size: 12px;
    padding-left: 10px;
}
.shiptoc_t{
    line-height: 28px;
    padding-left: 5px;
}
.shiptoc .select{
    width: 158px;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    line-height: 26px;
    position: relative;
    padding: 0 10px;
}
.shiptoc .select:hover{
    border-color: #003399;
}
.shiptoc .select:hover .downicon{
    background-position: -10px -10px;
}
.detail-sprites.downicon{
    width: 16px;
    height: 16px;
    background-position: -36px -10px;
}
.detail-sprites.downicon.on{
    background-position: -10px -10px;
}
.shiptoc .select .downicon{
    position: absolute;
    right: 10px;
    top: 6px;
}
.selecto{
    width: 138px;
    line-height: 28px;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, .1);
    position: absolute;
    top: 28px;
    max-height: 318px;
    display: none;
    left: -1px;
    padding: 0 10px;
}
.shiptoc_t span{
    font-weight: 600;
}
.detail-sprites.numzkicon{
    width: 49px;
    height: 40px;
    background-position: -10px -2333px;
}
.detail-sprites.annotation{
    width: 16px;
    height: 16px;
    background-position: -36px -114px;
    position: relative;
    cursor: pointer;
}
.Model-hint{
    display: none;
    position: absolute;
    color: #333;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: #FFF7D5;
    box-sizing: border-box;
    z-index: 1000;
    line-height: 18px;
}
.r-goodsDiscount .Model-hint,
.msp_goodsDiscount_title .Model-hint{
    width: 196px;
    top: 25px;
    left: -161px;
    padding: 8px;
    font-size: 12px;
    line-height: 18px;
}
.msp_goodsDiscount_title .Model-hint{
    left: -27px;
    font-weight: normal;
}

.intelligent-selection .Model-hint-box,
.detailinfo-partnumber .Model-hint-box,
.spec-partnumber-title .Model-hint-box {
    max-width: 448px;
    left: -20px;
    font-weight: normal;
    top: 25px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 20px;
    color: #333333;
    display: none;
    position: absolute;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background: #FFF7D5;
    box-sizing: border-box;
    z-index: 9999;
}

.detailinfo-partnumber .Model-hint-box .Model-hint-arrow,
.spec-partnumber-title .Model-hint-box .Model-hint-arrow {
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #FFF7D5;
    left: 29px;
    transform: translateX(-50%);
    top: -8px;
}

.detailinfo-partnumber .Model-hint-box a,
.spec-partnumber-title .Model-hint-box a {
    color: #003399;
    text-decoration: underline;
}

.detailinfo-partnumber .annotation,
.spec-partnumber-title .annotation {
    display: inline-block;
    z-index: 1;
    vertical-align: top;
}

.detailinfo-partnumber .annotation:hover .Model-hint-box,
.spec-partnumber-title .annotation:hover .Model-hint-box{
    display: block;
}

.r-goodsDiscount .Model-hint::before,
.msp_goodsDiscount_title .Model-hint::before {
    content: '';
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #FFF7D5;
    left: 168px;
    transform: translateX(-50%);
    top: -8px;
}

.msp_goodsDiscount_title .Model-hint::before{
    left: 35px;
}

.r-goodsDiscount .Model-hint a,
.msp_goodsDiscount_title .Model-hint a{
    color: #003399;
    text-decoration: underline;
}
.r-goodsDiscount .annotation:hover{
    background-position: -10px -114px;
}
.detailinfo-partnumber .hinticon:hover .Model-hint
.msp_goodsDiscount_title .hinticon:hover .Model-hint{
    display: block;
}

.shoes-cnt-input {
    width: 100%;
    height: 99%;
    border: none !important;
    outline: none;
    text-align: center;
    border-bottom: solid 1px #CDCDCD;
    box-shadow: none !important;
}
.shoes-cnt-minus, 
.shoes-cnt-plus, 
.shoes-cnt-area {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 24px;
    text-align: center;
    background: #fff;
    color: #333333;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.shoes-cnt-area {
    width: 80px;
    cursor: text;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
    font-size: 18px;
}
.fixed_priceInfo .shoes-cnt-minus, 
.fixed_priceInfo .shoes-cnt-plus, 
.fixed_priceInfo .shoes-cnt-area {
    width: 28px;
    height: 28px;
    line-height: 26px;
    font-size: 18px;
}
.fixed_priceInfo .shoes-cnt-area {
    width: 39px;
}
.brandAndPackage{
    display: flex;
    line-height: 16px;
}

.brandAndPackage p,
.brandAndPackage span,
.allPriceInfo-div p,
.all-price-div p,
.r-goodsPrice p {
    line-height: 16px;
}
.brand-and-evaluate .brandbox, 
.brandAndPackage .r-goodsPacking,
.r-goodsPrice,
.allPriceInfobox,
.allPriceInfo-div,
.all-price-div,
.unitPricebox,
.show-s-price-area {
    display: flex;
}
.all-price, 
.show-s-price {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}
.brandAndPackage .brandc{
    margin-right: 10px;
}
.all-price {
    min-width: 94px;
}
.show-s-price {
    text-decoration: line-through;
}

.all-price-div p{
    width: 69px;
}

.allPriceInfo-div p {
    width: 70px;
}

.r-goodsPacking>p,
.brand-and-evaluate .brandbox>p,
.allPriceInfo-div p,
.all-price-div p,
.r-goodsPrice p,
.show-s-price-area p {
    color: #666;
}

.r-goodsPrice,
.allPriceInfo-div,
.all-price-div,
.show-s-price-area {
    align-items: center;
    line-height: 16px;
}

.complexContentBox .allPriceInfo-div {
    font-weight: bold;
}

.unitPricebox{
    padding-bottom: 18px;
}
.pricearea{
    width: 100%;
    background: #F8F8F8;
    padding: 10px 10px 11px;
    box-sizing: border-box;
}
.newcomplex-detail .m-btn--close:hover,
#CAD_disagree:hover {
    background: rgba(251, 249, 210)!important;
    border: 1px solid rgba(251, 249, 210)!important;
    opacity: 1!important;
}
.ImmediatePurchase:hover,
.checkOutBtn:hover{
    background-color: #fff7d6;
}
.AddTocart:hover{
    background: #FFEA98; 
}
.my-Favorites:hover,
.alctf-btn:hover,
.allModels-Mask .goodsInform-model button:hover {
    background: rgba(229, 183, 0);
}
.AddTocart:active,
.my-Favorites:active,
.alctf-btn:active,
.allModels-Mask .goodsInform-model button:active {
    background: rgba(178, 142, 0);
}
.ImmediatePurchase:active,
.checkOutBtn:active,
.newcomplex-detail .m-btn--close:active,
#CAD_disagree:active {
    background: rgba(225, 223, 188)!important;
    border: 1px solid rgba(225, 223, 188)!important;
    opacity: 1!important;
}
.notice-tit li {
    cursor: pointer;
}
.notice-tit li:hover{
    color: #003399!important;
}
.notice-tit li:hover a,
.notice-tit li:hover a:link {
    color: #003399;
}
.num-switch {
    background: #EEF4FC;
    height: 45px;
    min-height: 45px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    align-items: center;
}
.m-resultHeader__td--r.model-num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 28px;
}
.m-pagination > li.on > a {
    color: #fff!important;
}
.ol-pages-list>li.on>a {
    background: none;
}
.show-div .m-loading {
    background: rgba(0, 0, 0, .4) url(/vcommon/common/img/loading_100_type2.gif) no-repeat center center;
    height: 200px;
}
.show-div .m-paginationWrap--right {
    margin-bottom: 0;
}
.ol-pages-list>li.on {
    background: #003399;
}
.ol-pages-list li {
    color: #9b9b9b;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    padding: 3px 8px;
    margin-right: 5px;
}
#dmm .model-num dl>dd>a {
    background: #fff;
    border: solid 1px #CDCDCD;
    margin: 0 5px;
    cursor: pointer;
    display: block;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 0 10px;
}
#dmm .model-num dl>dd.on>a {
    background: #003399;
    color: #fff;
    border-color: #003399;
}
.notice {
    overflow: hidden;
    /* box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    box-sizing: border-box; */
}
.m-codeTable .mc-code>span {
    font-weight: normal;
    display: -moz-inline-box;
    display: inline-block;
    width: 210px;
}
.m-codeTable .mc-code>a,
.m-codeTable .mc-code>a:link {
    font-weight: normal;
    display: -moz-inline-box;
    display: inline-block;
    text-decoration: underline;
    color: #004bb1;
}
.m-codeTable > thead > tr > th{
    border-left: 1px solid #fff;
}
.m-codeTable .mc-code>span:hover {
    color: #003399 !important;
}
.looks-info {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 10px;
    align-items: center;
}
.notice #preview_sample_remark {
    margin-bottom: 20px;
}
.notice .looks-info .m-h3 {
    padding: 0;
    margin: 0;
    line-height: 20px;
    margin-right: 20px;
    background: #fff;
    width: calc(100% - 195px);
}
.preview-btn {
    width: 0 !important;
    margin: 0 !important;
}
.preview-btn a {
    width: 175px;
    height: 36px;
    line-height: 36px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}
.m-btn--cadDL, .m-btn--cadDL2D3DPreview {
    background-image: none;
}
.m-btn--cadDL {
    background-color: #003399 !important;
}
.preview-btn .detail-sprites.cadDLicon {
    margin: 0 8px 0 0;
}
.detail-sprites.cadDLicon {
    width: 16px;
    height: 16px;
    margin: 8px 10px 8px 20px;
    background-position: -36px -192px;
}

.l-problem-dl{
    overflow: hidden;
}

.faq-titles {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    height: 20px;
    line-height: 20px;
}

.l-problem-dl dt {
    font-weight: 600;
    margin-bottom: 10px;
    height: 17px;
    line-height: 17px;
}

.l-problem-dl dd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CDCDCD;
    min-height: 17px;
    line-height: 17px;
}

.see {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #003399;
    cursor: pointer;
}

.see > img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.clear{
    clear: both;
}

#newaddS{
    position: relative;
}

#newaddS .tab-list,
.onlyview,
.onlybuy{
    margin-bottom: 10px;
}

.awseeitemBox{
    padding: 19px 0;
    display: flex;
    border-bottom: 1px solid #e8e8e8!important;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #fff;
    max-height: 175px;
    min-height: 161px;
    margin: 0 19px;
}

.awseeitemBox:nth-child(5n){
    max-height: 174px;
    min-height: 160px;
    box-sizing: border-box;
    border-bottom: #ffffff!important;
}

.awseeitemBox:last-child{
    max-height: 174px;
    min-height: 160px;
    box-sizing: border-box;
    border-bottom: #ffffff!important;
}

.awseeitemBox:hover{
    border: 1px solid #003399!important;
}

.awseeitemBox:hover .itemConName a,
.awseeitemBox:hover .itemConName a:link{
    color: #003399;
}

.awseeitemBox .itemImg{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f3f3f3;
    box-sizing: border-box;
    cursor: pointer;
}

.awseeitemBox .itemImg img{
    max-width: 118px;
    max-height: 118px;
}

.awseeitemBox .itemCon{
    width: 357px;
    padding-left: 10px;
}

.awseeitemBox .itemConPrice{
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 5px;
    height: 24px;
}

.awseeitemBox .itemConPrice span{
    font-size: 14px;
}

.awseeitemBox .itemConPrice .pdl5{
    padding-left: 5px;
}

.color999{
    color: #999999;
}

.awseeitemBox .itemConBrand,
.awseeitemBox .itemConName,
.awseeitemBox .itemConReview{
    width: 357px;
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    padding-bottom: 7px;
}
.awseeitemBox .itemConBrand,
.awseeitemBox .itemConReview{
    width: 162px;
    padding-bottom: 0;
    flex-shrink: 0;
}
.awseeitemBox .itemConDay{
    font-size: 14px;
    height: 19px;
    line-height: 19px;
}

.awseeitemBox .itemConName a,
.awseeitemBox .itemConName a:link {
    color: #333;
}

.awseeitemBox .itemConName a:hover{
    text-decoration: underline;
    color: #003399;
}

.awseeitemBox .itemConReview span{
    color: #003399;
}

.awseeitemBox .itemConDay{
    padding-bottom: 0;
}

.awseeitemBox .itemConDay>div{
    display: inline-block;
}

.awseeitem_btnup{
    width: 30px;
    height: 30px;
    background-position: -60px -2803px;
    position: absolute;
    bottom: 15px;
    left: 224px;
    cursor: pointer;
}

.awseeitem_btnup.unableClick{
    background-position: -10px -2753px;
    pointer-events: none;
}

.awseeitem_btnup.ableClick:hover{
    background-position: -110px -2753px;
}

.awseeitem_btndown{
    width: 30px;
    height: 30px;
    background-position: -60px -2753px;
    position: absolute;
    bottom: 15px;
    left: 274px;
    cursor: pointer;
}

.awseeitem_btndown.unableClick{
    background-position: -10px -2803px;
    pointer-events: none;
}

.awseeitem_btndown.ableClick:hover{
    background-position: -160px -2753px;
}

#awbuy{
    display: none;
}

.awseeitem_foot{
    width: 100%;
    height: 60px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    bottom: 0; 
}

.awseeBox{
    height: 804px;
    overflow: hidden;
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
    color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
    color: #999999;
}

.wicket-window a, 
.wicket-window a:link, 
.notice a, 
.notice a:link,
.noticeB a,
.noticeB a:link {
    color: #003399;
}

.left-wysiwyg {
    flex-shrink: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.left-wysiwygB{
    display: flex;
}

.noticeB{
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-sizing: border-box;
    flex-shrink: 0;
}

.customers {
    border-collapse: collapse;
    width: 100%;
}

.customers td.alt {
    width: 200px;
    color: #333333;
    background-color: #EEF4FC;
}

.customers td {
    font-size: 12px;
    border: 1px solid #CDCDCD;
    width: 287px;
    padding-left: 10px;
    height: 36px;
    box-sizing: border-box;
    letter-spacing: 1px;
}

.b-Other, 
.b-RelatedSeo {
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.b-commom-top,
.onlyview,
.onlybuy{
    border-top: 4px solid #999;
    height: 40px;
    background: #F3F3F3;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
}

.b-commom-top p,
.onlyview p,
.onlybuy p{
    line-height: 19px;
    padding-top: 7px;
}

.b-Othergoods,
.b-RelatedSeoKeyWords {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 37px 0 30px;
    justify-content: space-between;
    background-color: #fff;
    font-size: 14px;
}

.b-Othergoods a,
.b-Othergoods a:link {
    color: #003399;
    width: 200px;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    padding-bottom: 20px;
    text-decoration: underline;
}

.b-RelatedSeoKeyWords{
    justify-content: flex-start;
}

.b-RelatedSeoKeyWords a, 
.b-RelatedSeoKeyWords a:link {
    color: #003399;
    height: 19px;
    line-height: 19px;
    padding-right: 40px;
    padding-bottom: 20px;
    text-decoration: underline;
}

.more-tables {
    border: solid 1px #CDCDCD;
    height: 26px;
    text-align: center;
    cursor: pointer;
    border-top: none;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
    padding-top: 10px;
}

.more-img.downicon {
    margin: 0 auto;
    cursor: pointer;
}

/* CN_EC_REQ-1841 */
#ntIdEvaluationDiv {
    position: relative;
    min-height: 146px;
    box-sizing: border-box;
}

#ntIdEvaluationDiv #reviewLoadingImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}

.writereview {
    position: relative;
    width: 90px;
    height: 34px;
    background: #FFFFFF;
    border: 1px solid #FFCC00;
}

.writereview .gotoReivew {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}

.rb-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 11px;
    border: 1px solid #003399;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 14px;
}

.pricerevirw {
    position: absolute;
    display: flex;
    right: 0;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 16px;
}

.pricerevirw .check-box {
    margin-right: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #9B9B9B;
}

.pricerevirw .check-box.checkedimg {
    background: url(/vcommon/theme/review/imgs/checked.png) no-repeat;
    background-size: 100% 100%;
    border: 0;
}

.write-box {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 16px;
    box-sizing: border-box;
}

.reviewbox {
    margin-top: 20px;
    padding-bottom: 20px;
    display: flex;
    border-bottom: 1px solid #F3F3F3;
}

.reviewbox:first-child {
    margin-top: 0;
}

.rebox-left {
    width: 87px;
}

.rebox-left .rb-username {
    display: flex;
    height: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
}

.rebox-right {
    margin-left: 10px;
    flex: 1;
}

.rb-username span {
    color: #E52F2C;
}

.rb-icon {
    margin-top: 4px;
}

.rb-starbox {
    display: flex;
    align-items: center;
}

.rb-star {
    width: 85px;
    display: flex;
    justify-content: space-between;
}

.rb-star li {
    width: 13px;
    height: 13px;
}

.star-gray {
    background: url(/vcommon/theme/review/imgs/graystar.png) no-repeat;
    background-size: 100% 100%;
}

.star-light {
    background: url(/vcommon/theme/review/imgs/lightstar.png) no-repeat;
    background-size: 100% 100%;
}

.star-point {
    background: url(/vcommon/theme/review/imgs/pointstar.png) no-repeat;
    background-size: 100% 100%;
}

.rb-number {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500;
    color: #003399;
    line-height: normal;
}

.rb-data {
    margin-left: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 14px;
}

.user-review {
    padding-top: 10px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.user-review-border {
    padding-bottom: 10px;
    border-bottom: 1px solid #F3F3F3;
}

.u-review-right {
    display: flex;
    align-items: flex-end;
}

.u-review-txt {
    word-break: break-all;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    width: 690px;
    color:#333333;
}

.u-report {
    cursor: pointer;
    text-decoration: none;
    height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #999999 !important;
    line-height: 12px;
}

.u-review-right .u-report:hover,
.u-report:link {
    color: #9B9B9B !important;
}

.u-fabulous {
    cursor: pointer;
    margin-left: 20px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: #333333;
    width: 50px;
    margin-right:10px;
}

.adminreviewtime {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 14px;
}

.u-fabulous-img {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.fabulous-img {
    width: 100%;
    height: 100%;
}

.official-review {
    padding-top: 9px;
    /* max-width: 872px; */
    width: 100%;
}

.of-review-title {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 17px;
    margin-bottom: 5px;
}

.of-review-txt {
    width: 760px;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 17px;
}

.see-evaluate {
    display: flex;
    align-items: center;
}

.no-evaluate {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 14px;
    height:16px;
    text-decoration: underline !important;
}

.is-evaluate {
    display: flex;
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
    align-items: center;
}

.evaluate-number {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 16px;
}

.see-eval {
    text-decoration: underline !important;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 16px;
}

#review-pageToolbar {
    margin-top: 20px;
}

#review-pageToolbar .ui-paging-container li {
    padding: 0 8px;
    text-align: center;
    line-height: 22px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 0;
    font-size: 12px;
    color: #9b9b9b;
    border-radius: 0;
}

#review-pageToolbar .ui-paging-container li.focus {
    color: #ffffff;
}

#review-pageToolbar .ui-paging-container li.ui-paging-toolbar a {
    margin-left: 10px;
    background-color: #003399;
    color: #fff;
    width: 53px;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    border: none;
    vertical-align: initial;
    border-radius: unset;
}

#review-pageToolbar .ui-paging-container li.ui-paging-toolbar a:hover {
    color: #fff !important;
}

#review-pageToolbar .ui-paging-container li.ui-paging-toolbar .disable:hover {
    color: rgb(205, 205, 205) !important;
}

#review-pageToolbar .ui-paging-container li.ui-paging-toolbar {
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.alert-report {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 488px;
}

.ar-title {
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    background: #EEF4FC;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ar-under {
    padding: 20px 17px 30px 20px;
    min-height: 200px;
    box-sizing: border-box;
}

.ar-select {
    display: flex;
    flex-wrap: wrap;
}

.ar-select li {
    position: relative;
    cursor: pointer;
    margin-right: 15px;
    box-sizing: border-box;
    border: 1px solid #CDCDCD;
    padding: 9px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 12px;
}

.ar-select li.focus {
    border-color: #003399;
}

.ar-select li.focus::after {
    position: absolute;
    right: -2px;
    bottom: -2px;
    content: "";
    width: 17px;
    height: 17px;
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    background-position: -10px -496px;
}

.ar-select li:last-child {
    margin-right: 0;
}

.ar-select li.focus {
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 12px;
    border-color: #003399;
}

.textarea-box {
    border: 1px solid #CDCDCD;
    position: relative;
    margin-top: 20px;
    width: 448px;
    height: 160px;
}

.bug-box {
    position: absolute;
    margin-top: 5px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #E52F2C;
    line-height: 16px;
}

.bug-box img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

#ar-txt {
    overflow-y: hidden;
    padding: 6px 10px;
    box-sizing: border-box;
    width: 448px;
    height: 160px;
    border: none;
    outline: none;
    resize: none;
}

.textarea-box.bugborder {
    border-color: #E52F2C;
}

textarea::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
}

textarea:-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
}

textarea::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
}

textarea::-ms-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
}

.ar-surplus {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
}

.ar-button {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    height: 36px;
}

.ar-yes,
.ar-no {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    box-sizing: border-box;
}

.ar-yes.canbtn {
    background: #FFCC00;
}

.ar-yes.notbtn {
    cursor: auto;
    background: #F3F3F3;
    color: #CDCDCD;
}

.ar-no {
    margin-left: 20px;
    background: #FFFFFF;
    border: 1px solid #FFCC00;
}

.no-reviewbox {
    margin-top: 40px;
    text-align: center;
}

.no-review-img img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.no-reviewbox p {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.alert-report-success {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding-bottom: 30px;
    width: 400px;
    height: 288px;
    background: #FFFFFF;
}

.alrs-report-close,
.alrs-success-close,
.alro-success-close,
.alctf-success-close {
    top: 10px;
    right: 10px;
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.alrs-img {
    margin: 0 auto;
    margin-top: 50px;
    width: 50px;
    height: 50px;
}

.alrs-img img {
    width: 100%;
    height: 100%;
}

.alrs-title {
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
}

.alrs-msg {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
}

.alrs-btn {
    cursor: pointer;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 36px;
    background: #FFCC00;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.alert-report-overstep {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    padding-bottom: 30px;
    width: 400px;
    height: 256px;
    background: #FFFFFF;
}

.alro-msg {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.alro-btn {
    cursor: pointer;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 36px;
    background: #FFCC00;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.p-good-review,
.nop-good-review {
    font-size: 12px;
    font-weight: 400;
    color: #9B9B9B;
    line-height: 17px;
}

.p-good-review span {
    font-size: 12px;
    font-weight: 500;
    color: #003399;
    line-height: 17px;
}

.review-alert-overstep {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 256px;
    background: #FFFFFF;
    box-sizing: border-box;
    padding-bottom: 30px;
}

.rao-close {
    top: 10px;
    right: 10px;
    position: absolute;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.sua-img {
    margin: 0 auto;
    margin-top: 50px;
    width: 50px;
    height: 50px;
}

.sua-img img {
    width: 100%;
    height: 100%;
}

.rao-msg {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
}

.rao-btn {
    cursor: pointer;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 36px;
    background: #FFCC00;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.review-share {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 12px;
}

.review-share img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
/* CN_EC_REQ-1841 e */
.shoes-cnt-minus-blur {
    color: #999999;
    background: #F3F3F3;
    cursor: not-allowed;
}

[data-scroll-horizontal="wrap"] {
    visibility: visible;
}

.buyConditions{
    line-height: 16px;
    height: 16px;
    font-size: 12px;
}

.fixed_priceInfo .buyConditions{
    font-size: 12px;
    color: #333;
}

.has-unfitmsg {
    font-size: 12px;
    color: #999999;
    font-weight: normal;
}

.brandc{
    position: relative;
}

.brandc span {
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.brandAndPackage .brandc>span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    display: block;
    max-width: 128px;
}

.brandc .brand-copied {
    display: none;
    position: absolute;
    background: #FFF7D5;
    word-break: break-all;
    white-space: normal;
    top: 24px;
    left: -8px;
    z-index: 33;
    padding: 4px 6px;
    width: 200px;
    color: #333333;
    line-height: 18px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.brandc .brand-copied::after {
    content: '';
    position: absolute;
    top: -10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #FFF7D5;
    right: 35px;
}

.allPriceInfo{
    display: flex;
    align-items: baseline;
}

.allPriceInfoNoTax{
    font-size: 18px;
    font-weight: bold;
}

.Discount-sus{
    position: relative;
    box-shadow: 0px 0px 16px 0px rgba(16,0,0,0.09);
}

.Discount .b-sus,
.Discount .b-susMore {
    color: #999;
    text-align: center;
    width: 256px;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 0;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    box-sizing: border-box;
}
.t-sus,.t-sus-hide {
    width: 256px;
    font-size: 12px;
    color: #333;
    letter-spacing: -0.38px;
    border: 1px solid #E8E8E8;
}
.Discount-sus tbody tr{
    border-bottom: 1px solid #e8e8e8;
    height: 28px;
}
.Discount-sus tbody tr:last-child{
    border-bottom: none;
}

.t-sus thead th:first-child, 
.t-sus tbody td:first-child,
.t-sus-hide thead th:first-child,
.t-sus-hide tbody td:first-child {
    border-left: none;
}

.t-sus thead th,
.t-sus-hide thead th {
    background: #f5f5f5;
    border-bottom: 1px solid #E8E8E8;
}

.t-sus thead th,
.t-sus tbody td,
.t-sus-hide thead th,
.t-sus-hide tbody td {
    word-break: keep-all;
    text-align: left;
    line-height: 12px;
    padding: 8px 10px 7px 10px;
}

/* .t-sus tbody td,
.t-sus-hide tbody td{
    padding: 8px 10px 7px 10px;
} */

.t-sus-hide{
    display: none;
    z-index: 101;
}

.discntMore,
.discntuMore{
    display: flex;
    justify-content: center;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    width: 256px;
    border-top: none;
    align-items: center;
    cursor: pointer;
    color: #003399;
    position: absolute;
    background-color: #fff;
    z-index: 101;
}

.discntMore:hover{
    color: #003399;
}

.detail-sprites.moreicon{
    width: 12px;
    height: 12px;
    background-position: -34px -2506px;
    transform: rotate(180deg);
}

.detail-sprites.umoreicon{
    width: 12px;
    height: 12px;
    background-position: -34px -2506px;
}

.discntMore .moreicon {
    margin-left: 5px;
    top: -3px;
    position: relative;
}

.discntuMore .umoreicon {
    margin-left: 5px;
    top: 3px;
    position: relative;
}

.express-list>div:hover .Model-hint,
.express-list-init>div:hover .Model-hint {
    display: block;
}

.express-list .Model-hint,
.express-list-init .Model-hint {
    width: 267px;
    top: 31px;
    letter-spacing: -0.6px;
    left: 50%;
    transform: translate(-14%, 0);
    padding:8px 10px 10px 10px;
    background-color: #fff7d6;
    font-size: 12px;
}

.express-list .Model-hint::before,
.express-list-init .Model-hint::before {
    left: 34px;
    transform: translateX(-50%);
    border-bottom: 11px solid #FFF7D5;
    top: -11px;
}

.express-list-day .Model-hint::before {
    left: 36px;
}

.express-list .Model-hint::after,
.express-list-init .Model-hint::after {
    content: none;
}

.r-goodsData a,.r-goodsData a:link{
    text-decoration: underline;
    color: #003399;
}

.Model-hint::before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px dashed rgba(0, 0, 0, .1);
    left: 18px;
    top: -15px;
}

#choosePartNumberloadingContainer{
    z-index: 5999;
}

#choosePartNumberloadingContainer .c-productList__loading .cc-image{
    left: 50%;
}

.fancybox-skin {
    padding: 0 !important;
}

#modalZipDownload .m-loading {
    width: 560px;
    background: rgba(0, 0, 0, 0.4) url(/vcommon/common/img/loading_100_type2.gif) no-repeat center center;
    margin-left: 20px;
    height: 163px;
}

#modalZipDownload .m-btn--close {
    width: 170px;
    border: 1px solid rgba(255, 204, 0, 1);
    text-align: center;
    line-height: 44px;
    height: 44px;
    background-color: #FFFFFF!important;
    color: #333333!important;
    padding: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 16px;
}

#modalZipDownload .m-btn--ok {
    width: 130px;
    line-height: 36px;
    height: 36px;
    background-image: none;
    background-color: #FFCC00 !important;
    color: #333333 !important;
    font-weight: normal;
    box-shadow: none !important;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
}

#modalZipDownload .m-btn--center{
    margin: 73px auto 40px;
    width: fit-content;
}

#modalSimilar .m-h3,
#modalZipDownload .m-h3 {
    border-left: none;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 0 20px 0;
    color: #333333;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 600;
    background-color: #DFEEFF;
}

#modalZipDownload .m-h3 .closeicon {
    position: absolute;
    right: 0;
    top: 3px;
    width: 15px;
    vertical-align: middle;
}

.detail-sprites.closeicon {
    width: 15px;
    height: 15px;
    background-position: -36px -706px;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

.ar-report-close.closeicon{
    margin: 0;
}

.zipDownloadTitle {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.m-pdfBox{
    display: flex;
    height: 16px;
    font-size: 12px;
    color: #003399;
    line-height: 16px;
    align-items: center;
}

.detail-sprites.pdfIcon{
    width: 16px;
    height: 16px;
    background-position: -27px -3069px;
    margin-right: 5px;
}

.m-pdfBox a,
.m-pdfBox a:link {
    color: #003399;
}

.m-pdfBox a:hover{
    opacity: 1!important;
    text-decoration: underline;
}

.m-pdfBox .lidot,
.zipDownloadTitle .lidot,
.l-goodsSDS .lidot{
    width: 4px;
    height: 4px;
    background: #003399;
    border-radius: 50%;
    margin: 0 5px 0 20px;
}

.linkList-item{
    padding: 0 29px;
    display: flex;
    flex-wrap: wrap;
}

.linkList-item li{
    width: 220px;
    line-height: 19px;
    font-size: 14px;
    color: #003399;
    margin-bottom: 10px;
}

.linkList-item li:nth-child(2n-1){
    margin-right: 40px;
}

.linkList-item li a,
.linkList-item li a:link {
    text-decoration: underline;
    color: #003399;
}

.zipDownloadTitle{
    color: #333333;
    padding-bottom: 10px;
}

.detail_tip_icon{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.minQuantity-p,
#modalZipDownload .cadDLBox__error{
    font-size: 12px;
    color: #333;
    line-height: 17px;
    text-align: center;
}

#modalZipDownload .c-selectFileType__select {
    display: flex;
    align-items: center;
    position: relative;
}

#modalZipDownload .c-selectFileType__ttl {
    width: 56px;
    color: #333;
    font-weight: 400;
    padding-right: 5px;
    box-sizing: border-box;
}

#modalZipDownload .c-selectFileType__select>.m-select {
    width: 300px;
    margin-right: 10px;
    border-color: #CDCDCD;
    color: #333;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    cursor: pointer;
    padding-left: 10px;
    outline: none;
}
#modalZipDownload .c-selectFileType__select>.m-select:hover{
    border-color: #003399;
}
#modalZipDownload .c-selectFileType__select>.m-select::-ms-expand {
    display: none;
}

#modalZipDownload .m-btnList--center li>a:hover{
    background: rgba(229, 183, 0)!important;
    opacity: 1!important;
}

#modalZipDownload .m-btnList--center li>a:active {
    background: rgba(178, 142, 0)!important;
    opacity: 1!important;
}

#modalZipDownload #cadGenerateArea {
    border: 1px solid #CDCDCD;
    margin: 20px 20px 0 29px;
    padding: 10px;
}

#modalZipDownload #dlGenerateProgress{
    margin: 20px 0 10px;
    background-image: url(/vcommon/theme/detail/img/detailimg.png);
    height: 20px;
    background-position: -10px -2079px;
    background-size: unset;
}

#modalZipDownload #dlGenerateProgress.mc-step2{
    background-position: -10px -2101px;
}

#modalZipDownload #dlGenerateProgress.mc-step3{
    background-position: -10px -2123px;
}

#modalZipDownload #dlGenerateProgress.mc-step4{
    background-position: -10px -2145px;
}

#modalZipDownload #dlGenerateProgress.mc-step5{
    background-position: -10px -2167px;
}

#modalZipDownload .c-selectFileType {
    margin: 0 0 11px 29px;
}

#modalZipDownload .c-selectFileType+ul li {
    height: 16px;
    line-height: 16px;
}

#modalZipDownload .c-selectFileType+ul li a {
    margin-left: 29px;
    color: #4a4a4a;
}

#modalZipDownload .c-selectFileType+ul li a:before {
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    background-position: -10px -962px;
    content: "";
    display: inline;
    margin-right: 5px;
    padding: 0 0 0 16px;
}

#modalZipDownload .m-btnList--center {
    margin: 73px auto 40px;
}

#modalZipDownload .m-btnList--center a {
    padding: 0;
}

#cadGenerateArea .m-h4--cadDL {
    margin: 0;
    line-height: 20px;
    padding: 0;
    margin-bottom: 5px;
    color: #333333;
    border: none;
}

#modalLogin {
    margin: 15px;
    position: relative;
    overflow: hidden;
}

.detail-sprites.downgreyicon {
    width: 16px;
    height: 16px;
    background-position: -36px -12px;
    position: absolute;
    right: 20px;
    top: 8px;
    pointer-events: none;
}

.m-btnList--center .is-disabled {
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    background: #F3F3F3 !important;
    color: #CDCDCD !important;
    width: 130px;
    box-shadow: none;
    text-align: center;
    line-height: 36px;
}

/* 遮罩层 */
.d-Mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 1000000;
}

.Favorites,
.alert-certificate,
.alert-success-certificate,
.login_md_closed {
    display: none;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1000001;
}

.Favorites-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #ffffff;
}

.Favorites-content {
    width: 100%;
    background: #fff;
}

.detail-sprites.tips2icon {
    width: 50px;
    height: 50px;
    background-position: -46px -945px;
}

.Favorites-content-img,
.alert-success-certificate .alctf-img {
    display: block;
    margin: 20px auto 30px;
}

.Favorites-con-p {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

.my-Favorites,
.alctf-btn {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    background: #FFCC00;
    font-size: 14px;
    color: #333;
    margin: 30px auto 40px;
    text-decoration: none;
}

.Favorites-title .Close.closeicon {
    background-position: -10px -706px;
    float: right;
    width: 16px;
    height: 16px;
}

/* 型号确定弹窗 */
.modal_sure_partnumber {
    width: 800px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.msp_title {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    display: flex;
}

.detail-sprites.closeModalIcon {
    width: 16px;
    height: 16px;
    background-position: -10px -2853px;
    margin-left: auto;
    cursor: pointer;
}

.detail-sprites.closeModalIcon:hover {
    width: 16px;
    height: 16px;
    background-position: -60px -2853px;
    margin-left: auto;
}

.detail-sprites.mspInfoIcon {
    width: 50px;
    height: 50px;
    background-position: -10px -2889px;
    margin: 14px auto 0 auto;
}

.msp_info .msp_info_txt {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
}

.msp_content {
    width: 740px;
    background: #EEF4FC;
    padding: 20px 15px;
    margin: 20px auto;
    box-sizing: border-box;
}

.msp_content .flex_line {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
}

.msp_price_partnumber {
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    display: flex;
}

.msp_price_partnumber span{
    padding: 4px 0 3px 0;
    flex: none;
}

.msp_price_partnumber .partnumber_txt{
    font-size: 24px;
    font-weight: bold;
    color: #003399;
    line-height: 31px;
    margin-right: 10px;
    word-break: break-all;
}

.msp_price_partnumber .copy_txt{
    font-size: 14px;
    color: #003399;
    line-height: 19px;
    cursor: pointer;
}

.msp_cad_btns {
    width: 138px;
    margin-left: 20px;
}

.msp_cad_btns .msp--cadDowload {
    width: 138px;
    height: 36px;
    background: #003399;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 19px;
    display: flex;
    align-items: center;
}

.msp_cad_btns .ImmediatePurchase,
.msp_cad_btns .AddTocart,
.msp_cad_btns .checkOutBtn {
    width: 138px;
    height: 36px;
    font-size: 14px;
    margin-top: 10px;
    line-height: 34px;
}

.msp_cad_btns .AddTocart {
    margin-right: 0;
    line-height: 36px;
}

.msp_price_checked {
    font-size: 14px;
    color: #666666;
    display: flex;
    margin-top: 20px;
}

.msp_price_checked .allPriceInfo-div{
    padding-left: 20px;
    line-height: 19px;
}

.msp_price_checked .all-price-div{
    line-height: 19px;
}

.msp_price_checked .all-price-div p,
.msp_price_checked .allPriceInfo-div p{
    width: 80px;
}

.allPriceInfoNoTax-l{
    font-weight: bold;
    font-size: 12px;
}

.msp_price_checked .allPriceInfoNoTax-l{
    font-size: 14px;
}

.msp_price_checked .allPriceInfoNoTax {
    font-size: 22px;
    font-weight: bold;
}

.msp_goodsNumer {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
}

.msp_content .stock-numText{
    padding-left: 70px!important;
}

.msp_content .volumecharge-info, 
.msp_content .orderdeadline-info{
    padding-top: 2px;
}

.msp_content .stock-info, 
.msp_content .error-info, 
.msp_content .volumecharge-info, 
.msp_content .orderdeadline-info{
    width: 100%;
    max-width: none;
    padding: 0;
}

.msp_content .stock-numwb, 
.msp_content .stock-numText, 
.msp_content .error-info .unfitErrorMsg{
    padding-top: 2px;
}

.msp_goodsDiscount {
    margin-top: 9px;
    background: #FFFFFF;
}

.msp_goodsDiscount_title {
    font-size: 12px;
    font-weight: 600;
    color: #333333;
    line-height: 12px;
    display: flex;
    align-items: center;
    padding: 9px;
    border: 1px solid #E8E8E8;
}

.msp_goodsDiscount_tip {
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    line-height: 16px;
    margin-left: 10px;
}

.msp_goodsDiscount_body {
    width: 100%;
    display: flex;
}

.first_col {
    background: #F5F5F5;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    width: 88px;
}

.first_col .msp_goodsDiscount_cell {
    height: 28px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 10px;
    font-weight: 600;
}

.data_scroll_body {
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    flex: 1;
}

.data_row {
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    width: fit-content;
}

.data_row .msp_goodsDiscount_cell {
    min-width: 77px;
    height: 28px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    line-height: 28px;
    flex-shrink: 0;
}

.msp_goodsDiscount_cell.on,
.t-sus .on,
.t-sus-hide .on{
    background: #FFF7D6;
    color: #E52F2C;
}

.t-sus .on,
.t-sus-hide .on{
    font-size: 14px;
}

.msp_modal_btns {
    padding-top: 20px;
}

.msp--modalBack {
    width: 170px;
    height: 44px;
    background: #FFCC00;
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    margin: 0 auto;
}

.msp--modalBack  .afterStr {
    font-size: 14px;
    color: #333333;
    line-height: 19px;
}

.detail-sprites.checkBox {
    background-position: -10px -88px;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.msp_modal_btns .not_show_week a.checked .detail-sprites.checkBox {
    background-position: -36px -88px;
}

.msp_modal_btns .not_show_week a{
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    display: flex;
    justify-content: center;
}

.not_show_week {
    margin: 20px auto;
}

.stock-numwb .wos-btn {
    background: none;
    color: #003399;
    padding: 0;
    text-decoration: underline;
    margin-left: 0;
    font-size: 12px;
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}

.msp_copy{
    margin-top: 6px;
    flex-shrink: 0;
    position: relative;
}

.no-totalprice{
    font-size: 22px;
    font-weight: bold;
}

.detailInfo .no-totalprice{
    font-size: 18px;
}

.detail-sprites.erroricon{
    width: 16px;
    height: 16px;
    background-position: -10px -762px;
}

#previewErrorArea .m-alert--strong,
#previewErrorArea .m-alert {
    display: flex;
    align-items: center;
    justify-content: center;
}
#previewErrorArea .m-alert--strong .erroricon,
#previewErrorArea .m-alert .erroricon{
    margin-right: 5px;
}

#previewInfoArea .m-info-describe,
#previewErrorArea .m-sinus-describe{
    font-size: 12px;
    color: #9B9B9B;
    line-height: 16px;
    text-align: center;
    padding: 10px 0 50px 0;
}
#previewErrorArea .m-sinus-describe{
    padding: 10px 0 10px 0;
}
#previewInfoArea .m-info-describe span,
#previewErrorArea .m-sinus-describe span{
    padding-top: 6px;
    display: block;
}
#previewErrorArea .previewsinus{
    color: #003399;
    line-height: 19px;
    margin-top: 20px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.previewsinus9B9B9B {
    color: #9B9B9B !important;
}

.sinuspreviewfail {
    color: #E52F2C !important;
}

#preview_sample_remark {
    margin-bottom: 20px;
}

#preview_sample_remark>li {
    padding-left: 0;
    text-indent: 0;
    color: #9b9b9b;
}

#previewInfoArea .m-unit {
    margin: 10px 0 20px
}

#previewInfoArea .m-unit>li {
    margin: 10px 0 0;
    line-height: 17px;
}

#previewInfoArea .m-unit>li>a,
#previewInfoArea .m-unit>li>a:hover {
    color: #003399 !important;
    background: none;
    padding-left: 0;
}

#previewInfoArea .m-info {
    color: #003399;
    line-height: 19px;
    margin-top: 20px;
    height: 19px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

#previewInfoArea .m-info::before{
    content: none;
}

#previewInfoArea .m-info span,
#previewErrorArea .previewsinus span {
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    width: 16px;
    height: 16px;
    padding-right: 5px;
    background-position: -10px -962px;
}

/* CAD CSS start */
.positionr {
    position: relative;
}

.cad-wrap-dialog {
    top: 40px;
    left: 0;
}

.new_cadDl .m-h3 {
    background: none;
    border-left: 0;
    padding: 0;
    color: #333333;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    display: flex;
    align-items: center;
}

.new_cadDl .m-unit {
    margin-top: 10px;
}

.new_cadDl .c-selectFileType__select .m-btn--dataGenerate.is-disabled {
    background: #F3F3F3 !important;
    color: #CDCDCD !important;
    cursor: default;
}

.new_cadDl .c-selectFileType__select .m-btn--dataGenerate {
    width: 86px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    background: #FDD300!important;
    color: #4a4a4a!important;
    font-size: 12px;
    font-weight: 400;
    border: none;
    box-shadow: none;
}

.c-balloonBoxWrap--cadDL {
    z-index: 5000;
}

.new_cadDl .c-balloonBoxInner--cadDL p {
    color: #9b9b9b;
}

.m-linkList--CADData {
    max-height: 350px;
    overflow-y: auto;
    width: 440px;
    display: flex;
    flex-wrap: wrap;
}

.new_cadDl .m-linkList--CADData li {
    line-height: 15px;
    width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.new_cadDl .m-linkList>li,
.new_cadDl .m-linkList--CADData li {
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
}

.new_cadDl .m-linkList>li>a,
.new_cadDl .m-linkList--CADData li a {
    padding: 0;
    background: none;
    color: #003399 !important;
}

.new_cadDl .m-linkList--CADData li {
    line-height: 15px;
    width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}

.new_cadDl .m-linkList--CADData li:nth-child(2n) {
    padding-right: 0;
}

.new_cadDl .c-selectFileType__ttl {
    width: auto;
    min-width: 53px;
    max-width: 59px;
    color: #4a4a4a;
    font-weight: 400;
    padding-right: 5px;
    text-align: right;
    box-sizing: border-box;
}

.new_cadDl .c-selectFileType__select {
    display: flex;
    align-items: center;
    position: relative;
}

.new_cadDl .c-selectFileType__select>.m-select {
    width: 220px;
    margin-right: 10px;
    border-color: #CDCDCD;
    color: #4A4A4A;
    font-size: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    /*CN_NT-367*/
    cursor: pointer;
}

.new_cadDl .c-selectFileType__select>.m-select::-ms-expand {
    display: none;
}

.new_cadDl #cadGenerateArea {
    border: 1px solid #CDCDCD;
    padding: 10px;
    margin: 20px 0 20px 0;
}

.new_cadDl #cadGenerateArea .m-h4--cadDL {
    margin: 0;
    line-height: 20px;
    padding: 0;
    margin-bottom: 5px;
    color: #4A4A4A;
    border: none;
}

.new_cadDl #cadGenerateArea .m-h4--cadDL+p {
    margin-bottom: 10px;
    color: #4A4A4A;
}

.new_cadDl #cadGenerateArea .m-unit {
    margin-top: 5px;
}

.new_cadDl #cadGenerateArea .m-unit a {
    color: #003399;
    background: none;
    padding: 0;
}

.new_cadDl #cadGenerateArea>p>strong {
    font-weight: 400;
}

#cadGenerateArea {
    border: 1px solid #CDCDCD;
    margin: 20px 20px 0 20px;
    padding: 10px;
}

.new_cadDl #dlGenerateProgress {
    margin: 20px 0 10px;
    background-image: url(/vcommon/theme/detail/img/detailimg.png);
    height: 20px;
    background-position: -10px -2079px;
    background-size: unset;
}

.new_cadDl #dlGenerateProgress.mc-step2 {
    background-position: -10px -2101px;
}

.new_cadDl #dlGenerateProgress.mc-step3 {
    background-position: -10px -2123px;
}

.new_cadDl #dlGenerateProgress.mc-step4 {
    background-position: -10px -2145px;
}

.new_cadDl #dlGenerateProgress.mc-step5 {
    background-position: -10px -2167px;
}

.new_cadDl .m-btn--cadDL2D3DPreview {
    background-image: url(/vcommon/theme/detail/img/newCADdownLoad-y.png);
    background-size: 16px 16px;
    background-position-x: 10px;
    display: inline-block;
    width: auto;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF !important;
    background-color: #003399 !important;
    padding: 0 10px 0 31px;
    line-height: 36px;
    border-radius: inherit;
    text-align: left;
    margin: 0 0 10px;
    box-shadow: none;
}

.new_cadDl #CAD_configurator:hover {
    color: #CDCDCD !important;
}

.new_cadDl #CAD_MoldExpress {
    background-image: url(/vcommon/theme/detail/img/newCADdownLoad-y.png);
    background-color: #003399 !important;
    color: #fff !important;
}

.r-goodsName:first-child+.icons {
    margin-right: 4px;
}

.new-l-headerWrap {
    z-index: 9001;
}

.new_cadDl .m-info-text{
    padding-bottom: 20px;
    line-height: 16px;
}
.new_cadDl .c-balloonBoxInner--cadDL .new_alter--strong{
    line-height: 16px;
    margin-bottom: 20px;
    padding-top: 5px;
}

.new_cadDl .detail-sprites.downgreyicon {
    width: 16px;
    height: 16px;
    background-position: -36px -12px;
    position: absolute;
    left: 194px;
    top: 8px;
    pointer-events: none;
}

.new_cadDl .c-balloonBoxInner--cadDL .m-alert:not(.new-m-alert), 
.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong:not(.new_alter--strong) {
    display: flex;
    align-items: center;
}

/* CAD数据使用规则 */

#CAD_agree,
#CAD_disagree {
    width: 92px !important;
    height: 34px;
    line-height: 34px;
    background: none;
    background-color: #FFCC00 !important;
    border: none;
    padding: 0;
    font-size: 14px;
    color: #333333 !important;
    font-weight: normal;
    border-radius: inherit;
    box-shadow: none;
    box-sizing: border-box;
}

#CAD_disagree {
    background-color: #fff !important;
    border: 1px solid #CDCDCD;
}

.new_cadDl .u-center .m-checkbox__txt {
    background-position: left center;
    line-height: 16px;
    padding: 0;
    padding-left: 21px;
    color: #999999;
    background: url(/vcommon/theme/detail/img/newCADdown.png) no-repeat;
    background-size: 16px 16px;
}

.new_cadDl .m-checkbox input[type="checkbox"]:checked+.m-checkbox__txt {
    background-image: url(/vcommon/theme/detail/img/newCADdown-y.png);
}

.m-checkbox.u-center {
    text-align: left!important;
    margin-top: 10px;
    margin-left: 10px;
}

.c-termsBox {
    margin: 0;
    max-width: 350px;
    max-height: 226px;
    padding: 5px;
    border: none;
    scrollbar-width: none;
}

.c-termsBox::-webkit-scrollbar {
    display: none;
}

.m-checkbox+.m-btnList--center {
    margin: 20px auto 20px auto;
}

.c-balloonBox--cadDL {
    min-width: 370px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
}

.c-balloonBoxInner--cadDL {
    padding: 10px;
}

.c-balloonBoxWrap--cadDL:before {
    border-bottom-color: #e8e8e8;
}

.c-balloonBoxWrap--cadDL:after {
    top: -16px;
}

.floatPricebox {
    color: #666;
}

.new_cadDl .m-h3 .m-link--help span {
    width: 16px;
    height: 16px;
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    background-position: -36px -114px;
}

.new_cadDl .c-balloonBoxInner--cadDL .m-alert:not(.new-m-alert),
.new_cadDl .c-balloonBoxInner--cadDL .m-alert.new-m-alert li,
.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong.new_alter--strong {
    color: #E52F2C !important;
}

.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong {
    color: #E52F2C;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 5px;
}

.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong.new_alter--strong {
    /* background-position: left center; */
    display: flex;
}

.new_cadDl .m-alert--strong strong {
    font-weight: 400;
}

.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong+p {
    margin-bottom: 20px;
}

.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong+p a,
.new_cadDl .c-balloonBoxInner--cadDL .m-alert--strong+p a:link {
    color: #003399;
}

.new_cadDl .c-balloonBoxInner--cadDL p {
    color: #9b9b9b;
}

.new_cadDl .m-info {
    margin-top: 0;
    line-height: 19px;
    height: 19px;
    margin-bottom: 10px;
    padding-top: 5px;
    font-size: 14px;
}


.new_cadDl .m-info:before {
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    padding: 0;
    margin-right: 5px;
    background-position: -10px -962px;
    margin-top: 2px;
}

.new_cadDl .m-info strong {
    color: #003399;
    font-weight: 400;
}

.spec-partnumber-title a:link {
    color: #003399;
}

/* CAD CSS end */

/* 所有型号弹窗样式 start */
.allModels-Mask .allModels {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.allModels-Mask .container {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.allModels-Mask .t-content {
    box-sizing: border-box;
    position: relative;
    min-height: 316px;
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
    background-color: #fff;
    word-break: break-all;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}

.allModels-Mask .title {
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    background-color: #DFEEFF;
    height: 40px;
    color: #333333;
}

.allModels-Mask .title>span {
    margin-right: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

.allModels-Mask .title .closebicon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.allModels-Mask i {
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 14px;
    font-style: normal;
}

.allModels-Mask u {
    text-decoration: none;
    color: #E52F2C;
    font-weight: 600;
}

.allModels-Mask .allModels ul {
    box-sizing: border-box;
    max-height: 460px;
    overflow-y: auto;
    padding: 10px 0;
    background-color: #fff;
}

.allModels-Mask .allModels ul li {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 4px;
    min-height: 28px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
    padding-left: 10px;
    line-height: 18px;
}

.allModels-Mask .allModels ul li:hover {
    background: #DFEEFF;
    color: #003399;
}

.detail-sprites.closebicon{
    width: 16px;
    height: 16px;
    background-position: -10px -706px;
    cursor: pointer;
}
/* 所有型号弹窗样式 end */
/* 分享二维码弹框 css start */
.share-alert {
    padding-bottom: 20px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 530px;
    min-height: 354px;
    background: #ffffff;
  }
  .sa-tit {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    background: #dfeeff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 25px;
  }
  .share-alert-close {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    background-position: -10px -706px;
  }
  .under_titf {
    position: relative;
    margin-top: 20px;
    margin-left: 29px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 16px;
  }
  .ut_f_tiao {
    display: block;
    position: absolute;
    width: 4px;
    height: 15px;
    background: #003399;
    top: 1px;
    left: -9px;
  }
  .sa_url_box {
    margin-bottom: 10px;
    width: 100%;
    min-height: 36px;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
  }
  .sa_u_btxt {
    padding-top: 10px;
    display: block;
  }
  .share-url {
    margin-left: 5px;
    margin-right: 10px;
    width: 305px;
    height: 36px;
    background: rgba(0, 51, 153, 0.08);
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: underline;
  }
  .share-url-ipt {
    border: 1px solid #003399;
    display: none;
    margin-left: 5px;
    margin-right: 10px;
    width: 305px;
    min-height: 36px;
    background: rgba(255, 255, 255, 0.08);
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    color: #003399;
    line-height: 16px;
    text-decoration: underline;
    word-break: break-all;
  }
  .share_url_iv {
    background: rgba(0, 51, 153, 0.17);
    display: block;
    width: 100%;
    height: 100%;
  }
  .copy-btn {
    cursor: pointer;
    padding: 8px 27px;
    box-sizing: border-box;
    width: 110px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    background: #ffcc00;
  }
  .copy-ok {
    background: rgb(255, 247, 213);
    padding: 8px 16px 8px 17px;
    display: none;
    box-sizing: border-box;
    width: 110px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(51, 51, 51);
    line-height: 20px;
  }
  .copy-ok img {
    margin: 2px 5px 2px 0px;
    width: 16px;
    height: 16px;
  }
  .copy-ok span {
    width: 56px;
    vertical-align: bottom;
  }
  .under_u_txt {
    margin-left: 85px;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 16px;
  }
  .tiao_qie {
    width: 490px;
    margin: 0 auto;
    border-bottom: 1px dashed #cdcdcd;
  }
  .under_tits {
    position: relative;
    margin-top: 19px;
    margin-left: 29px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 16px;
  }
  .ut_s_tiao {
    display: block;
    position: absolute;
    width: 4px;
    height: 15px;
    background: #003399;
    top: 1px;
    left: -9px;
  }
  .under_er_box {
    display: flex;
    width: 100%;
    padding: 0 115px 0 85px;
    box-sizing: border-box;
  }
  .share_ewm {
    width: 100px;
    height: 100px;
  }
  .er_right_msg {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
  }
  .er_right_msg p {
    padding-top: 10px;
  }
  .er_right_msg p:nth-child(1) {
    padding-top: 16px;
  }
  /* 分享二维码弹框 css end */
.VNmodalDialogBG{
    z-index: 1000001;
}
.VNmodalMsg{
    z-index: 1000001;
}

.show-per-price-area{
    color: #666666;
}

.rotatePopup{
    z-index: 1000002; 
}

#dmm .viewerZoomDisp {
    left: 190px;
    width: 526px;
    height: 526px;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    z-index: 5010;
    top: 10px;
}

/*360模式样式*/

.rotatePopup360 {
    position: fixed;
    right: 0;
    top: 25px;
    left: 0;
    margin: 30px;
    min-width: 500px;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
    z-index: 20001;
}

.rotatePopup360 .popupTitle {
    padding: 20px;
}

.rotatePopup360 h2 {
    font-size: 16px;
    margin-right: 90px;
}

.rotatePopup360 .closeBtn {
    display: block;
    width: 23px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.rotatePopup360 .closeBtn a {
    display: block;
    width: 23px;
    height: 25px;
}

.rotatePopup360 .close360Btn {
    z-index: 9999;
}

.rotatePopup360 .close360Btn a,
.rotatePopup .closeBtn a {
    display: block;
    width: 23px;
    height: 25px;
}

.rotatePopup360 .closeBtn a,
.rotatePopup .closeBtn a {
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    background-position: -10px -706px;
}

.show360Img {
    margin: 30px auto;
}

.show360Div {
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #9B9B9B;
    letter-spacing: 0.23px;
    padding-bottom: 30px;
}

.VN360modalDialogBG {
    position: absolute;
    top: 0;
    left: 0;
    background: #333;
    width: 100%;
    height: 500px;
    z-index: 9000;
    filter: alpha(opacity=65);
    opacity: 0.65;
    cursor: pointer;
    z-index: 11111;
}

/*360模式样式 e*/

@keyframes fadelogIn {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    75% {
        -webkit-transform: none;
        transform: none;
    }

    80% {
        -webkit-transform: translate3d(0, 15%, 0);
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadelogIn {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
    }

    75% {
        -webkit-transform: none;
    }

    80% {
        -webkit-transform: translate3d(0, 15%, 0);
    }

    100% {
        -webkit-transform: none;
    }
}
/* incadlibrary */
.see > img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
.l-problem-inCAD  {
    width: 100%;
    border-top: 1px solid #CDCDCD;
}
.l-problem-inCAD-title {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: normal;
}
.l-inCAD-title-span {
    float: right;
    font-size: 12px;
    color: #9B9B9B;
    font-weight: normal;
    cursor: pointer;
}
.l-inCAD-title-span a{
    color: #004bb1;
    text-decoration: none;
}
.l-inCAD-title-span a:hover{
    color: #003399;
}
.l-problem-inCAD-con {
    width: 100%;
    box-sizing: border-box;
}
.l-problem-inCAD-con .l-inCAD-con-dl {
    float: left;
    width: 24%;
    padding: 0 10px;
    margin: 0 1% 10px 0;
    border: 1px solid #ededed;
    box-sizing: border-box;
    padding-bottom: 10px;
}
.compatible-name {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.l-inCAD-con-dl > a {
    display: block;
    text-decoration: none;
}
.l-problem-inCAD-con .l-inCAD-con-dl dt {
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.l-problem-inCAD-con .l-inCAD-con-dl dt img {
    display: block;
    width: auto;
    height: auto;
    max-width: 160px;
    max-height: 160px;
}
.l-problem-inCAD-con .l-inCAD-con-dl dd {
    width: 100%;
    font-size: 12px;
    padding-left: 10px;
}
.l-inCAD-dl-brand,
.l-inCAD-dl-name {
    color: #9B9B9B;
    margin-bottom: 3px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.l-inCAD-dl-name {
    color: #333;
}
/* incadlibrary e*/
/*类似品*/
.detail-sprites.sameicon{
    width: 16px;
    height: 16px;
    background-position: -10px -217px;
}
.more-list-show .downicon{
    margin: 0 auto;
}
#modalSimilar {
    width: 600px;
    overflow: hidden;
}
#modalSimilar>a {
    width: 15px;
    height: 15px;
    top: 13px !important;
}
#modalSimilar .m-btnList--center {
    margin: 20px auto 0;
    padding-bottom: 10px;
}

#modalSimilar .m-dataTable>tbody>tr>td {
    color: #333333;
}
#modalSimilar .m-btnList--center li:first-child {
    display: block;
    width: 100%;
}
#modalSimilar .m-btn--ok {
    width: 100px;
    height: 34px;
    background-image: none;
    background-color: #FFCC00 !important;
    color: #333333 !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 34px;
    padding: 0;
    font-weight: normal;
}
#modalSimilar .m-h3{
    margin: 0!important;
}
#modalSimilar .m-dataTable {
    margin: 12px 0 12px 10px;
}
#modalSimilar .m-listHF {
    margin: 0 10px;
    width: 580px;
    box-sizing: border-box;
    height: 249px;
    border: none;
    background-color: #fbfbfb;
}
#modalSimilar .m-chDl>li dl {
    color: #333333;
}

#modalSimilar .m-dataTable>tbody>tr>th {
    color: #999999;
}
#modalSimilar .m-chDl>li {
    min-height: 36px;
    box-sizing: border-box;
    background-position: 10px 10px!important;
    padding: 0 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAFdJREFUOBFjnD179n8GEIAxGGEMsCiKFEyECcaA0Vj0wKSIpzHtRdWLYSuqNAMD5Qoo8wfIA5S7YTCYAE8M6EFMDJ+oYCBkEMFQGDWAUAgwMFCWnIHmAwCV9x8WLKq7WwAAAABJRU5ErkJggg==);
}
#modalSimilar .m-chDl>li:hover {
    background-color: #EEF4FC;
}

#modalSimilar .m-chDl>li dl>dt,
#modalSimilar .m-chDl>li dl>dd {
    padding: 10px 0;
    border-bottom: none;
    line-height: 16px;
    vertical-align: top;
}

#modalSimilar .m-chDl>li dl>dt {
    font-weight: normal;
    width: 210px;
    line-height: 16px;
    padding: 10px 20px 10px 36px;
}

#modalSimilar .m-chDl>li dl>dd {
    width: 314px;
}

#modalSimilar .m-dataTable>tbody>tr>th,
#modalSimilar .m-dataTable>tbody>tr>td {
    padding: 0;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
}
/* 滚动条样式 */
.fancybox-skin .m-listHF::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    scrollbar-width: thin;
}
.fancybox-skin .m-listHF::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #CDCDCD;
}
.fancybox-skin .m-listHF::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
#modalSimilar .m-btnList--center li:last-child {
    display: none;
}
#modalSimilar .m-chDl>li.on {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAAXNSR0IArs4c6QAAAWxJREFUOBFjZDCe+Z8BCJhAxPdjSQyMcJHvx5JBgggREOf/mTRUAQwVIAGwaSCGpAgXiGJgml9vz8DOysSgIsMHFoBbA+YBCQwBmASMhpsJE+DnYWP4dTyZQVdFCCzEApN4si2agZeLlSG+4QADm+VcmDBhK0h3A9xsKAPDkSDxH8CALInRAyvBUHBzbRjDrz//GHqWXEIoeLk7lsFQXZjh5IIABhlxHgY+u/lgSRABdqSYIAfDsx0xDL///mfgtEJ4Ea4ArhwLA8MN6GoIhgO6BnQ+QRvQNaDziTJARICD4cHmSIZfJ1IY3u+PZ1CVhaQtkGHwxMDFwcJgZyjB8PjlV4Zr994zgFI7N1Ds2Hx/BnUFAYY/wLC3TtrIcPraaxRHwA0Apdop5TYMchLcDD9+/mW4cvc9OG7+A03yL9zJsPPEExSNMA5GIMqIcTM8BiZNEIip2cewdMcdmFqsNIYBWFXhESQqEPHoZwAAxkJoGy8vuzgAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-color: #fbfbfb !important;
}

/*类似品e*/
#more-problome {
    display: none;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    margin-bottom: 10px;
    background: #fff;
}
.l-problem {
    overflow: hidden;
    box-sizing: border-box;
}
.l-problem-inform.show-div{
    box-sizing: inherit;
}
.l-problem {
    overflow: hidden;
    box-sizing: border-box;
}
.l-problem-inform.show-div{
    box-sizing: inherit;
}
.l-problem-inform {
    display: block;
    position: relative;
    font-size: 12px;
    color: #333;
    padding: 20px;
    box-sizing: border-box;
}
.l-problem-inform h3 {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
#btn_similar_1 {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 19px;
    padding-right: 0;
    font-size: 14px;
    line-height: 19px;
    position: absolute;
    right: 20px;
    top: 20px;
}
#btn_similar_1 span {
    width: 151px;
    color: #003399;
    text-decoration:underline;
    margin-left: 5px;
}
.customers td.red-td {
    background: #FFCDCD !important;
}
.customers .hide-boredr {
    border-right: none;
}
.more-list-show {
    display: none;
    height: 36px;
    text-align: center;
    border: solid 1px #CDCDCD;
    border-top: none;
    cursor: pointer;
    padding-top: 10px;
    box-sizing: border-box;
}
/*类似品e*/
.spec-partnumber-title {
    background: #DFEEFF;
    flex-shrink: 0;
}
.modzipCon{
    max-height: 400px;
    padding-bottom: 20px;
    overflow-y: auto;
}
#modalZipDownload{
    padding-bottom: 20px;
}
#modalZipDownload .abs{
    position: absolute;
    bottom: 26px;
    right: 60px;
}
#modalZipDownload  .abs.absDisabled{
    bottom: 162px;
}
.group-goods .swiper-button-next.swiper-button-disabled,
.group-goods .swiper-button-prev.swiper-button-disabled{
    pointer-events: inherit;
}
.detail-sprites.blefticon{
    width: 12px;
    height: 12px;
    background-position: -10px -2721px;
}
#newaddS .tab-click:hover{
    color: #003399;
}
.msp_goodsNumer .stock-num{
    font-size: 14px!important;
}
.msp_goodsNumer>p {
    align-self: baseline;
    line-height: 28px;
}
.detail-sprites.brighticon{
    width: 12px;
    height: 12px;
    background-position: -42px -2721px;
}
.ni {
    visibility: hidden;
}

.div_mask {
    display: none;
    position: absolute;
    border: 1px dotted #003399;;
    background-color: rgba(0,51,153,0.3);
    box-sizing: border-box;
    animation: twinkle 0.6s 4 alternate;
    opacity: 0;
}

.after-process-spec-tab .div_mask{
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.table_mask {
    display: none;
    position: absolute;
    border: 2px dotted #ff0000;
    background-color: rgba(255, 148, 145, 0.5);
    box-sizing: border-box;
    animation: twinkle 0.3s 10 alternate;
    opacity: 0;
    top: 0;
    left: 0;
}

@keyframes twinkle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.annotation .hinticon{
    margin-top: 10px;
}

.svg-text-input {
    width: 200px;
    height: 40px;
    background: #FFFFFF;
    border: 2px solid #003399 !important;
    position: absolute;
    align-items: center;
}

.svg-Mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 800;
}

.modifySpecModal {
    width: 423px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
}

.modifySpecModal .title {
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    background-color: #DFEEFF;
    height: 40px;
    color: #333333;
}

.modifySpecModal .title>span {
    margin-right: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

.modifySpecModal .title .closebicon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.modifySpecModal .container {
    background-color: #FFFFFF;
}

.modifySpecModal .t-content {
    margin-top: 40px;
    margin-bottom: 40px;
}

.modifySpecModal .footer {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.modifySpecModal .btn-ok {
    width: 110px;
    height: 36px;
    background: #FFCC00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer;
}

.modifySpecModal .btn-cancel {
    display: flex;
    width: 110px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #FFCC00;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    box-sizing: border-box;
    margin-left: 10px;
    cursor: pointer;
}

.modifySpecModal .container .modify_spec_line {
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
    align-items: flex-start;
}

.modifySpecModal .container .modify_spec_left {
    padding-right: 10px;
    word-break: break-all;
}

.modifySpecModal .container .modify_spec_right {
    flex: none;
}

.modifySpecModal .container .modify_spec_disp {
    width: auto;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

.modifySpecModal .select_box_options {
    max-height: 200px !important;
}

.modifySpecModal .spec-input-error {
    font-size: 12px;
    color: #E52F2C;
    line-height: 16px;
    width: 276px;
    margin-top: 5px;
    position: absolute;
}

.svg_spec_right {
    display: block !important;
    width: 313px;
}

.svg_spec_left {
    display: flex;
    min-height: 40px;
    align-items: center;
}

.modifySpecModal .select_box_options {
    overflow: auto;
}

.modifySpecModal .extro_box {
    margin-top: 10px;
}

.modifySpecModal .modify_spec_line.red_case {
    width: 100% !important;
    background-color: transparent !important;
}

.modify_spec_block.is-selected:not(.notmust) .select_box,
.modify_spec_block.is-selected:not(.notmust) .is-specInputItem input,
.modify_spec_block.spec-checked:not(.notmust) .select_box,
.modify_spec_block.spec-checked:not(.notmust) .is-specInputItem input{
    border: 1px solid #DFEEFF;
}
.modify_spec_block.is-selected.notmust .select_box,
.modify_spec_block.is-selected.notmust .is-specInputItem input{
    border: none;
}
.detail-sprites.jjxicon{
    width: 74px;
    height: 24px;
    padding: 1px 0;
    background-position: -10px -1280px;
}
.page1 .catalogViewer .VN_catPageNav .left,
.page1 .catalogViewer .VN_catPageNav .right,
.page1 .catalogViewer .VN_catPlaceHolder {
  height: auto;
}
.page2 .catalogViewer .VN_catPageNav .left,
.page2 .catalogViewer .VN_catPageNav .right,
.page2 .catalogViewer .VN_catPlaceHolder {
  height: auto;
}
.right-spec input::-moz-placeholder{
    color:#999999;
    opacity: 1;
}
.picBox img{
    max-width: 120px;
    max-height: 120px;
}
.single-list-image{
    display: flex;
    align-items: center;
    justify-content: center;
}

.partnumber_options_list {
    max-height: 400px;
    overflow: auto;
}
.c-iframeWrap--sinus>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-iframeWrap--sinus {
    display: block;
    height: 0;
    position: relative;
    overflow: hidden;
    padding-top: 70%;
}
.c-canvas__help--sinus {
    position: relative;
}
.c-canvas__help--sinus>a {
    display: inline-block;
    box-sizing: border-box;
    height: 33px;
    position: absolute;
    top: -53px;
    left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAhCAYAAAC1ONkWAAADlElEQVR42ryX30tTYRjH3zM358bEibRcWU4UpCAaBYHhbKObCKOkLuxC2kXXzn8g8ibqboYXBV1MYQtMo3lhzYQ0S4QlqImMZrhd2JQINLc21zZPz3M8G4dyx/ccz/rC45nnx/N+3ud93ud9X4ZQimVZI1ysYNfB7GAWMCP/eAtsgbf3DMP4SamFQGD3wTZZekX4byylgnJJBNoP0Kk0lJtVTm6loDys8vIcFqqPLZ3ccqGcbOnVQ8PCCKBwBk3yZaCUwtLSACVlS+wlteD3HVqogcAXMjgeJtGNONlK/CaWWgNxXmkmrptnaD7H2odR66WK2O7ubhR6US/a1USadNx7S6YWYnstGLSF+yhrUw2Zf3ZLsaiRbDbbQZMcfcOfWWJ/ytpdo+zk/LfC/fmVH6yx3cM9e/UhQptrdkVnYrGGe/pnOLBezydaV31FgexP7Co+YudoM/dG6/5pOLW4N7z1tZVUfiB1HCKPo/hHlcvlfsqd+5vxHdb5aJKLlqXTR/0dgGF+qcTgy2UvhOvbrPXucCHvEFKK/qoK/0gnFywP5YL8kiNou6JIjnELvx5ybFuqU5yVUodPKGwT2y4WLW6MU6nUutTybTSUE8vRSnK2sUZW+U8mk6GD3tFFo1Ev+5+1trY2WHQo+YjlZmdn30nt8eOXS6T62gBpuP2cW5qkamVlJYiVShRsaGhoEcY8IcWxe2SJW4oQavRjVBIUpM6Gw+EYx3ImCub3+2PLy8svpDhvgIU7r0vWY5LAwuHwa71e/0sMLC+DzWa7nMlk4lLyBJcn4ZpJI0j69e7u7qtiM1KoMrDm6enp/lInfSAQeABtnTyo6gtVDXYhFAoNlwoK0mUE2jhPGy1hvp0As0UikTdKQ62urgbAdyvYcSnRygt3fqfUanUb9k7JSIFPG/huAtPI3ZPrwE6DtY2NjT3EZJULhJMJ8xZHgfepO9Rpoa6ujoPDXnZ1dXXOzc0NSAFEIPympaWlHXxcBF+NZrNZL9zKU5+S9lGFTqc7AoXXDA3h0qHy+XytVpDJZGo0Go1N0KiB32gmAHwjFostTExMzHi93q/BYBCXgyQY7iC/g2WkBIehmBBVYCaNRlMFwdAChAqAGMF5gcD/heverWyaP3AgUJymkEoFEx7zcHhx32wASB1EES4aBGfgdw6BtFptKp1OIwhuaXbE1kKlwITvMzxoGW/ceYaHyPLRYQ97Kv4jwABbKSA0A3nK6wAAAABJRU5ErkJggg==) no-repeat left top scroll;
    padding: 7px 0px 0px 38px;
    text-decoration: none;
    color: #004098;
    font-size: 12px;
}
.previewsinus003399 {
    color: #003399 !important;
    font-size: 14px!important;
}
.previewsinus:before {
    content: none;
}
.downloadwsinus{
    padding-top: 5px;
    line-height: 19px!important;
    height: 19px;
    margin-bottom: 10px!important;
}
.downloadwsinus:before {
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    content: "";
    display: inline;
    margin-right: 5px;
    padding: 2px 0 2px 16px;
    vertical-align: top;
    background-position: -10px -958px;
}
.u-fs-L.downloadwsinus:before {
    background-position: -10px -962px;
    width: 16px;
    height: 16px;
    padding: 0;
    margin-top: 2px;
}
.u-fs-L.downloadwsinus strong{
   flex:1; 
}
.visibleH{
    visibility: hidden;
}

/* 滚动条样式 */

.partnumber_options_list::-webkit-scrollbar,
.m-balloonBox--codeOption.error-m-balloonBox .new-error-list::-webkit-scrollbar,
.select_box_options::-webkit-scrollbar,
.select_option_box::-webkit-scrollbar,
.goodsInformModelTxt .txt-content::-webkit-scrollbar  {
    width: 5px;
    height: 5px;
    scrollbar-width: thin;
}

.partnumber_options_list::-webkit-scrollbar-thumb,
.m-balloonBox--codeOption.error-m-balloonBox .new-error-list::-webkit-scrollbar-thumb,
.select_box_options::-webkit-scrollbar-thumb,
.select_option_box::-webkit-scrollbar-thumb,
.goodsInformModelTxt .txt-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #CDCDCD;
}

.partnumber_options_list::-webkit-scrollbar-track,
.m-balloonBox--codeOption.error-m-balloonBox .new-error-list::-webkit-scrollbar-track,
.select_box_options::-webkit-scrollbar-track,
.select_option_box::-webkit-scrollbar-track,
.goodsInformModelTxt .txt-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
/* 火狐 */
.partnumber_options_list,
.m-balloonBox--codeOption.error-m-balloonBox .new-error-list,
.select_box_options,
.select_option_box,
.goodsInformModelTxt .txt-content {
    scrollbar-width: thin;
}

.contentBox{
    margin-top: 10px;
    justify-content: space-between;
}

.contentLeft {
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.contentLeftCd{
    overflow: auto;
    position: relative;
}
.right-elseBox{
    margin-top: 10px;
}

.after-process-clearPN:hover{
    text-decoration: underline;
}

.spec-filter-tab-box {
    display: flex;
    border-bottom: 1px solid #003399;
    height: 41px;
    box-sizing: border-box;
    position: relative;
}

.options-tab-disp,
.after-process-spec-tab-disp {
    display: flex;
}

.l-goodsSDS,
.certificateBtn,
.fixed_certificateBtn {
    position: relative;
    font-size: 14px;
    color: #003399;
    cursor: pointer;
    text-decoration: none;
    width: 124px;
    height: 36px;
    border: 1px solid #003399;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-left: 10px;
}
.l-goodsSDS .m-linkList--sdsmsds {
    line-height: 28px;
    text-align: left;
    font-size: 12px;
}
.sds-btn-after.downicon {
    margin-left: 19px;
    background-position: -10px -10px;
}
.detail-sprites.sdsicon {
    width: 20px;
    height: 20px;
    background-position: -25px -3145px;
    margin-right: 8px;
}
.m-balloonBox--sdsmsds{
    top: 40px;
}
.sds-btn::before, .sds-btn::after{
    left: 20% !important
}
.m-linkList > li > a,
.m-linkList > li > a:link{
    color: #003399;
}
.fp_right_box{
    position: relative;
}
.spec-tab-tip{
    position: absolute;
    top: -32px;
    width: 164px;
    height: 26px;
    background: #FFF7D6;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    z-index: 66;
    padding-top: 8px;
    left: -45px;
    display: none;
}
.spec-tab-tip::before {
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFF7D5;
    border-bottom: 0;
    left: calc(50% - 8px);
    transform: translateX(-50%);
    bottom: -8px;
}
.after-process-spec-tab:not(.ableClick):hover .spec-tab-tip{
    display: block;
}
.after-process-spec-tab.setable:hover .spec-tab-tip{
    display: none;
}
.after-process-spec-tab.ableClick:hover .spec-tab-title,
.options-tab-head.ableClick:not(.setable):hover .tab-scPartNumber {
    color: #003399;
}
.partnumberTipbox .spec-filter-tab-box{
    box-shadow: 0px 14px 14px -14px rgb(0 0 0 / 40%);
    width: 100%;
    height: 41px;
}
.partnumberTipbox .options-tab-head,
.partnumberTipbox .options-tab-head .tab-scPartNumber,
.partnumberTipbox .after-process-spec-tab,
.partnumberTipbox .spec-tab-title{
    height: 41px;
}
.partnumberTipbox .tab-lastOptions{
    margin-top: 5px;
}
.partnumberTipbox .tab-lastOptions::before{
    height: 9px;
    width: 9px;
    bottom: -5px;
}
.c-productList__loading .cc-image{
    left: 50%;
    z-index: 4445;
}
.sdsbtn{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
}

/* 型号交期表头 */
.m-codeTable > thead > tr > th {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 20px 15px;
    white-space: nowrap;
    color: #000;
}

#certificateListBoxloadingContainer .cc-bg{
    z-index: 4444;
    top: -9px !important;
    height: calc(100% + 9px);
}

#newaddS .m-icn--cvalue_new{
    background: url(/vcommon/theme/detail/img/icon_jjxtj.png) no-repeat;
    width: 58px;
    height: 19px;
    background-size: 100% 100%;
    vertical-align: top;
}
.zkIcon{
    margin: 0 2px 10px 2px;
    display: flex;
    flex-wrap: wrap;
    max-height: 47px;
    overflow: hidden;
    align-items: center;
}
#newaddS .zkIcon{
    margin: 0 0 10px 0;
}
.zkIcon img{
    width: 60px;
}
.priceAndReview{
    padding-bottom: 13px;
    justify-content: space-between;
    align-items: center;
}
.dayAndBrand{
    justify-content: space-between;
}
/* 6147 */
.estimatedADate{
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-left: 10px;
    position: relative;
}
.estimatedADate_c{
    margin: 0 5px 0 0;
    color: #333;
    line-height: 16px;
}
.estimatedADate_p{
    min-width: 72px;
    color: #666666;
    line-height: 16px;
}
.estimatedADate .annotation{
    margin-left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/vcommon/theme/detail/img/detailimg.png) no-repeat;
    background-position: -36px -114px;
}
.estimatedADate .annotation:hover{
    background-position: -10px -114px;
}
.estimatedADate .annotation:hover .Model-hint{
    display: block;
}
.estimatedADate .annotation .Model-hint {
    width: 272px;
    top: 35px;
    left: 10px;
    padding: 8px 10px 8px 10px;
    height: 52px;
    color: #333333;
    line-height: 18px;
}
.estimatedADate .Model-hint::after,
.estimatedADate .Model-hint::before{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #FFF7D6;
    left: 143px;
    top: -8px;
}
/* 证书下载 */
.certificateBox{
    position: relative;
    font-size: 14px;
}
.certificateListBox{
    position: absolute;
    top: 45px;
    width: 273px;
    max-height: 220px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #003399;
    right: -8px;
    box-sizing: border-box;
    padding: 9px 9px 9px 9px;
    z-index: 1;
    display: none;
}
.certificateListBox::before,
.certificateListBox::after{
    right: 78px;
    top: -8px;
    content: " ";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #003399;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
}
.certificateListBox::after{
    top: -7px;
    border-bottom-color: #fff;
}

.certificateListBox .title{
    color: #003399;
    line-height: 20px;
    height: 20px;
}
.certificateListBox .title span{
    text-decoration: underline;
}
.certificateList{
    max-height: 140px;
    overflow: auto;
}
.certificateList li{
    line-height: 20px;
    min-height: 20px;
    color: #003399;
    width: calc(50% - 10px);
}
.certificateList li:nth-child(n+3) {
    margin-top: 10px;
}
.certificateList li:nth-child(odd){
    margin-right: 20px;
}
.certificateList li a:link,
.certificateList li a{
    color: #003399;
    text-decoration: underline;
    word-break: break-all;
}
.certificateListBox .tip,
.certificateListBox .tip-no{
    color: #E52F2C;
    font-size: 14px;
    line-height: 20px;
    position: initial;
    width: auto;
    background: transparent;
}

.certificateListBox .tip::before{
    content: "";
    width: 100%;
    display: block;
    border-top: 1px dashed #CDCDCD;
    margin-bottom: 9px;
    margin-top: 10px;
}
.certificateListBox .tip{
    padding: 0;
}
.certificateListBox .tip-no{
    padding: 0;
}
.certificateListBox .tip span,
.certificateListBox .tip-no span{
    color: #003399;
    text-decoration: underline;
    cursor: pointer;
}
.alert-certificate{
    width: 620px;
    height: 489px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
.alert-certificate .ar-title{
    line-height: 40px;
    font-weight: bold;
    padding-right: 0;
    align-items: flex-start;
}
.ar-certificate-content div>p{
    width: 97px;
    padding-left: 20px;
    text-align: right;
    padding-right: 10px;
    color: #666;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
}
.ar-certificate-content>div{
    margin-top: 20px;
}
.ar-ctf-partnumber .con{
    width: 473px;
    height: 36px;
    background: #F3F3F3;
    border: 1px solid #CDCDCD;
    box-sizing: border-box;
    line-height: 34px;
    font-size: 12px;
    color: #666;
    padding-left: 9px;
}
.ar-ctf-select{
    width: 473px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    box-sizing: border-box;
    padding-left: 9px;
    padding-right: 26px;
    position: relative;
    line-height: 34px;
}
.ar-ctf-select .default{
    color: #999999;
    width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
}
.ar-ctf-select .default.selected{
    color: #333;
}
.ar-certificate-content .option{
    position: absolute;
    width: 473px;
    max-height: 267px;
    overflow: auto;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
    left: -1px;
    top: 36px;
    z-index: 1;
    display: none;
}
.ar-certificate-content .option::-webkit-scrollbar,
.certificateList::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    scrollbar-width: thin;
    background: #fff;
}
.ar-certificate-content .option::-webkit-scrollbar-thumb,
.certificateList::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #CDCDCD;
}
.ar-certificate-content .option::-webkit-scrollbar-track,
.certificateList::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.ar-ctf-select.active,
.ar-ctf-select:hover{
    border: 1px solid #003399;
}
.ar-certificate-content .option-item{
    background-color: #fff;
    line-height: 16px;
    padding: 9px 9px 9px 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAALklEQVQ4T2M8e/bsfwYKACPIACMjI7KMOHfuHMOoAaNhMJoOGBioFwZkZUWoJgBEMWBxsKDgugAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.ar-certificate-content .option .unableClick{
    background-color: #fff;
    line-height: 16px;
    padding: 8px 10px;
    color: #999;
}
.ar-certificate-content .option-item.on{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABP0lEQVQ4T2NkMJ75n4ECwDi0DJCX5GFwNJZiWLDlFtzTRHtBUoSL4dBsXwYlGT6GmJp9DMt33gUbQpQBIgIcDAdm+jBoKQkyvHz3ncEudTPD7UcfiTOAn4eNYd8MbwZDdRGGd59+MjimbWa4fPc9di/0FJgzrN17n+H45VdgBdycLAw7p3gxWOtLMHz6+ovBJXMLw+lrb1AiHe6F3HBthkml1gwfPv9kcMrYwnD9/geGLRPcGZzNZBi+/fjD4JG7jeHw+RcYKQZugCAfO8P+mT4MeipCDG8+/GC4eOstg4u5DMPPX38Z/Ip2MOw68RRrckMJRDEhToZDs3wZ1OT5GRgZGRn+/PnHEFqxh2HDgQc40ypGLMiIcYOjS16SlyGubj/D0h138CZ0rNGoJM0LDrjF224TzCVEpQN8pgy8AQCzonnBu1LbPwAAAABJRU5ErkJggg==);
    background-color: #DFEEFF;
}
.ar-certificate-content .option-item:hover{
    background-color: #DFEEFF;
}
.ar-certificate-content .option::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    scrollbar-width: thin;
    background: #fff;
}
.ar-certificate-content .option::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #CDCDCD;
}
.ar-certificate-content .option::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.ar-certificate-content .detail-sprites.downicon{
    background-position: -36px -10px;
    top: 10px;
    position: absolute;
    right: 10px;
}
.ar-ctf-select.active .detail-sprites.downicon{
    background-position: -36px -36px;
}
.ar-ctf-textarea{
    width: 473px;
    height: 180px;
    background: #FFFFFF;
    border: 1px solid #CDCDCD;
    box-sizing: border-box;
    position: relative;
}
#ar-ctf-textarea{
    outline: none;
    padding: 9px;
    width: calc(100% - 18px);
    border: none;
    height: calc(100% - 18px);
    resize: none;
    overflow: auto;
}
.ar-ctf-button{
    display: flex;
    justify-content: center;
    height: 36px;
    margin-top: 30px;
}
.ar-ctf-button .ar-ctf-yes,
.ar-ctf-button .ar-ctf-no{
    width: 120px;
    height: 36px;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    box-sizing: border-box;
    border: 1px solid #ffcc00;
    background-color: #ffcc00;
    cursor: pointer;
}
.ar-ctf-button .ar-ctf-yes:hover{
    background: #FFEA98;
    border: 1px solid #FFEA98;
}
.ar-ctf-button .ar-ctf-no:hover{
    background: #FFF7D6;
}
.ar-ctf-button .ar-ctf-no{
    background-color: #fff;
    margin-left: 20px;
}
.ar-ctf-type,
.ar-ctf-textareabox{
    position: relative;
}
.ar-ctf-type .errtip,
.ar-ctf-textareabox .errtip{
    position: absolute;
    bottom: -16px;
    line-height: 16px;
    height: 16px;
    color: #E52F2C;
    left: 127px;
    display: none;
}
.alert-certificate .existErrtip{
    padding-top: 5px;
    line-height: 16px;
    color: #E52F2C;
    width: 468px;
    text-align: center;
    padding-left: 81px;
    display: none;
}
.ar-ctf-select.error,
.ar-ctf-textarea.error{
    border-color: #E52F2C;
}
.alctf-msg{
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px
}
.alctf-msg-tip{
    font-size: 12px;
    line-height: 20px;
    color: #999;
    text-align: center;
}
.alctf-msg-tip a,
.alctf-msg-tip a:link{
    color: #003399;
    text-decoration: underline;
}
.alert-success-certificate .alctf-img {
    margin-top: 50px;
    background-position: -10px -2889px;
}
.ar-certificate-close.closebicon{
    margin: 12px 10px 12px 0;
}
.certificateBtn:hover,
.fixed_certificateBtn:hover{
    background-color: #EEF4FC;
}
.ar-ctf-type-tip{
    color: #666;
    line-height: 16px;
    height: 16px;
    position: absolute;
    top: 41px;
    left: 132px;
}
.ar-ctf-type{
    padding-bottom: 21px;
}
.ar-ctf-type .errtip{
    bottom: -18px;
}

.contentLeft.fixed-state .contentLeftCd{
    position: fixed;
    bottom: 0px;
}

.contentLeft.absulte-state .contentLeftCd{
    bottom: 10px;
    position: absolute;
}

.wysiwyg_area {
    overflow: visible;
}

/* .minwid-wysiwy {
    width: 100%;
    flex-shrink: 1 !important;
}

.left-wysiwygB.minwid-wysiwy .noticeB {
    width: 100%;
    flex-shrink: 1 !important;
} */

.m-balloonBox--codeOption.error-m-balloonBox a,
.m-balloonBox--codeOption.error-m-balloonBox a:link{
    color: #003399;
    text-decoration: underline;
}

.other-linkList {
    display: flex;
    flex-wrap: wrap;
}

#certificateListBoxloadingContainer.c-productList__loading .cc-image{
    left: 50%;
    background-size: 50px 50px !important;
    width: 50px !important;
    height: 50px !important;
    margin: -25px 0 0 -25px !important;
}

.alert-exist-certificate {
    display: none;
    width: 520px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1000001;
}

.alert-exist-certificate .alctf-img {
    margin-top: 50px;
    background-position: -46px -945px;
    margin: 50px auto 30px;
}

.alert-exist-certificate .ar-ctf-button {
    margin: 30px auto 40px;
}

.sds-linkList {
    display: none;
    position: absolute;
    background: #FFF7D6;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #CDCDCD;
    padding: 8px 10px;
    top: 1px;
    left: 85px;
    max-width: 200px;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sds-linkList-after {
    width: 8px;
    height: 14px;
    top: 10px;
    position: absolute;
    left: 78px;
    z-index: 9;
    display: none;
}

.sds-linkList-after::before,
.sds-linkList-after::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    pointer-events: none;
    border-left: 0;
    border-right: 8px solid #CDCDCD;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
}

.sds-linkList-after::after {
    left: 1px;
    border-right-color: #FFF7D6;
}

.sds-linkList li {
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
}

.sds-linkList li:last-child {
    margin-bottom: 0;
}

.AddTocart.discontinued_param,
.ImmediatePurchase.discontinued_param,
.checkOutBtn.discontinued_param{
    background: #F3F3F3;
    color: #cdcdcd;
    pointer-events: none;
}
.ImmediatePurchase.discontinued_param,
.checkOutBtn.discontinued_param{
    border: 1px solid #F3F3F3;
}
.discontinued,
.discontinuedB{
    height: 26px;
    background: #CDCDCD;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    color: #333;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
}

.brand-and-evaluate {
    display: flex;
    justify-content: space-between;
}

.brand-and-evaluate .brandbox {
    line-height: 16px;
    font-size: 12px;
    padding: 0 0 0 10px;
}

.priceInfoBox {
    margin-top: 10px;
    width: 100%;
    position: relative;
}

.r-goodsDiscount .discount-form {
    font-size: 12px;
    color: #E52F2C;
    line-height: 16px;
}

.DiscountTable {
    align-items: center;
    position: relative;
}

.showDiscountBtn:hover{
    background: #FFEA98; 
}

.detail-sprites.popclose {
    width: 16px;
    height: 16px;
    background-position: -36px -322px;
    position: absolute;
    cursor: pointer;
    top: -8px;
    right: -8px;
    z-index: 5800;
}

.detail-sprites.popclose:hover {
    background-position: -62px -322px;
}

.stock-condition {
    padding-top: 5px;
    clear: both;
}

.def-price {
    color: #333333;
}

.group-goods .p-allname{
    position: absolute;
    top: 0;
    left: 5px;
    width: 150px;
    background: #FFF7D6;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    padding: 4px 6px;
    line-height: 16px;
    z-index: 1;
    color: #333;
    box-sizing: border-box;
}

.c-policy-scroll {
    overflow-y: auto;
    max-height: 256px;
    margin-top: 5px;
}
/* 滚动条样式 */
.c-policy-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    scrollbar-width: thin;
}
.c-policy-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #CDCDCD;
}
.c-policy-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}

.stock-condition .stock-num {
    font-size: 12px;
    color: #333333;
    line-height: 16px;
    padding-right: 10px;
}

.complexContentBox .all-price {
    min-width: 0;
}

.grouptab div:not(.on):hover {
    color: #003399;
}

.DEV-body .na {
    display: block !important;
}

.DEV-body .float-spec-info.na {
    display: none !important;
}

.diyPlaceholder{
    position: absolute;
    top: 0;
    color: #999999;
    line-height: 16px;
    padding: 10px 0 0 10px;
    display: none;
    pointer-events: none;
}

.detailInfo .r-goodsName .iconStyle {
    max-height: 55px;
    display: inline-block;
    vertical-align: middle;
}

.detailInfo .r-goodsName .iconStyle img {
    width: 65px;
    vertical-align: middle;
}

.detailInfo .r-goodsNamez .iconStyle:nth-last-of-type(1) {
    margin-right: 8px;
}

.detailInfo .r-goodsName .detail-sprites.jjxicon,
.detailInfo .r-goodsName .zkicon img {
    margin-right: 2px;
}

.catchcopy {
    display: flex;
    width: 100%;
    margin-top: 10px;
}

.catchcopy p {
    line-height: 16px;
    font-size: 12px;
    padding: 0 0 0 10px;
    color: #666666;
    white-space: nowrap;
}

.catchcopy .r-goodsInform {
    display: flex;
    flex: 1;
}

.catchcopy .r-goodsInform-con {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #333333;
    line-height: 16px;
}

.catchcopy .r-goods-open {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #003399;
    cursor: pointer;
    padding-left: 10px;
    user-select: none;
    text-decoration: underline;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    white-space: nowrap;
}

.goodsInform-model{
    display: none;
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 9001;
}
.goodsInform-model button {
    margin-bottom: 40px;
    width: 120px;
    height: 36px;
    background: #FFCC00;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
    margin: 20px auto 40px;
}
.goodsInform-model button:hover{
    background: rgba(229, 183, 0);
}
.goodsInform-model button:active{
    background: rgba(178, 142, 0)!important;
    opacity: 1!important;
}
.goodsInform-model .t-title{
    width: 100%;
    height: 40px;
    background: #dfeeff;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    box-sizing: border-box;
}
.goodsInformModelTxt .txt-content{
    min-height: 180px;
    max-height: 300px;
    overflow: auto;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    padding: 10px 20px 0 20px;
}

.detailinfo-partnumber {
    background-color: #DFEEFF;
    min-height: 36px;
    display: flex;
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    box-sizing: border-box;
    margin-bottom: -10px;
    margin-top: 10px;
    position: relative;
}

.detailinfo-partnumber .pnum-span,
.detailinfo-partnumber .pnum{
    font-weight: bold;
    color: #333333;
}

.detailinfo-partnumber .pnum{
    word-break: break-all;
    display: inline;
    vertical-align: top;
}

.detailinfo-partnumber .l-goodsptn-ml, 
.detailinfo-partnumber .l-goodsptn-m {
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
    bottom: 0;
}

.detailinfo-partnumber .pnum-bts{
    display: inline-block;
    flex: 1;
}

.detailinfo-partnumber .annotation {
    display: inline-block;
    vertical-align: top;
}

.DiscountTips .Model-hint{
    width: 228px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #E8E8E8;
    left: -193px;
    padding: 10px;
    z-index: 5560;
    cursor: auto;
}

.DiscountTips .Model-hint::before,
.DiscountTips .Model-hint::after{
    top: -9px;
    content: " ";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #E8E8E8;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    left: 200px;
}

.DiscountTips .Model-hint::after{
    top: -7px;
    border-bottom-color: #fff;
    left: 194px;
}

.certificateListBoxLeft{
    left: 11px;
}
.certificateListBoxLeft::before, .certificateListBoxLeft::after {
    left: 48px;
}
.certificateListBoxRight::before, .certificateListBoxRight::after {
    right: 38px;
}
.certificateListBoxCenter{
    right: -95px !important;
}
.certificateListBoxCenter::before, .certificateListBoxCenter::after {
    right: 135px !important;
}
.DiscountTips .Discount-sus {
    box-shadow: none;
    width: 208px;
    margin-top: 10px;
}

.DiscountTips .Discount-sus .t-sus {
    width: 100%;
}

.DiscountTips .discntMoreTip {
    display: flex;
    justify-content: center;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    width: 100%;
    border-top: none;
    align-items: center;
    color: #666666;
}

.DiscountTips .discntMoreTip .moreicon{
    margin-left: 5px;
    top: 3px;
    position: relative;
    background-position: -10px -2506px;
    transform: rotate(0deg);
}

.DiscountTips .b-sus{
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    margin-top: 3px;
}

.DiscountTips .t-sus thead th:nth-child(2){
    padding: 8px 0 7px 0;
}

.DiscountTips .t-sus .on{
    font-size: 14px;
    line-height: 14px;
    padding: 10px 10px 9px 10px;
}
.DiscountTips .t-sus thead th,
.DiscountTips .t-sus tbody td {
    padding: 0;
    width: 69px;
}

.DiscountTips .t-sus thead th:first-child,
.DiscountTips .t-sus tbody td:first-child {
    padding: 8px 0 7px 10px;
}

.DiscountTips .t-sus thead th:last-child,
.DiscountTips .t-sus tbody td:last-child {
    padding: 8px 10px 7px 0;
}

.DiscountTips .t-sus thead th:nth-child(2)
.DiscountTips .t-sus tbody td:nth-child(2) {
    padding: 0;
    width: 70px;
}

.reg-na {
    display: none;
}

/* 智能选型设置 start */
.intelligent-selection {
    width: 100%;
    height: 36px;
    padding: 10px 15px;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.intelligent-selection .is-open-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.intelligent-selection .is-open-btn .detail-sprites.expendBtn {
    width: 12px;
    height: 12px;
    background-position: -20px -4159px;
}

.intelligent-selection .is-open-btn .detail-sprites.expendBtn.close {
    background-position: -52px -4159px;
}

.intelligent-selection .annotation .hinticon {
    margin-top: 0 !important;
}

.intelligent-selection .annotation:hover .detail-sprites.hinticon {
    width: 16px;
    height: 16px;
    background-position: -10px -114px;
}

.intelligent-selection .hint-info a {
    text-decoration: underline;
    color: #003399;
}

.intelligent-selection .annotation {
    margin-left: 5px;
    margin-right: 10px;
    position: relative;
}

.intelligent-selection span {
    font-size: 12px;
    color: #333333;
    line-height: 16px;
    cursor: pointer;
}

.intelligent-selection .is-open-btn span {
    color: #003399;
    padding-right: 5px;
}

.intelligent-selection>span:hover + .annotation .Model-hint-box,
.intelligent-selection .annotation:hover .Model-hint-box {
    display: block;
}

.intelligent-selection>span:hover + .annotation .detail-sprites.hinticon {
    background-position: -10px -114px;
}

.intelligent-selection .annotation .Model-hint-box {
    width: 116px;
    color: #003399;
    line-height: 16px;
    padding: 10px;
    left: -50px !important;
    top: calc(-100% - 28px);
}

.intelligent-selection .Model-hint-box .Model-hint-arrow {
    position: absolute;
    border-color: #FFF7D5 transparent transparent;
    border-width: 8px 8px 0;
    border-style: solid;
    left: 50px !important;
    bottom: -8px;
}

.intelligent-selection .is-open-btn .Model-hint{
    width: 195px;
    height: 145px;
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #E8E8E8;
    left: 0;
    padding: 10px;
    z-index: 5560;
    cursor: auto;
    bottom: 100%;
}

.intelligent-selection .is-open-btn .Model-hint::before,
.intelligent-selection .is-open-btn .Model-hint::after{
    bottom: -9px;
    top: auto;
    content: " ";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #E8E8E8;
    border-bottom: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    left: 128px;
}

.intelligent-selection .is-open-btn .Model-hint::after{
    bottom: -7px;
    top: auto;
    border-top-color: #fff;
    left: 128px;
}

.intelligent-selection .is-open-btn .Model-hint .setting-msg{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    line-height: 18px;
}

.intelligent-selection .is-open-btn .Model-hint .closeicon {
    width: 16px;
    height: 16px;
    top: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
}

.intelligent-selection .is-open-btn .Model-hint ul li {
    display: flex;
    font-size: 12px;
    color: #333333;
    line-height: 16px;
    margin-top: 4px;
    margin-right: 2px;
    align-items: center;
}

.intelligent-selection .is-open-btn .Model-hint ul li:first-child {
    margin-top: 7px;
}

.detail-sprites.switchIconOp {
    width: 33px;
    height: 22px;
    background-position: -19px -4117px;
    cursor: pointer;
    margin-right: 2px;
}

.detail-sprites.switchIconOp.close {
    background-position: -75px -4117px;
}
/* 智能选型设置 end */

.modifySpecModal .select_spec_text {
    outline: none;
    border: none;
    font-size: 16px;
    height: 100% !important;
    line-height: 20px !important;
}


.modifySpecModal .modify_spec_line {
    display: flex !important;
}

.modifySpecModal .select_box {
    height: 40px;
    font-size: 16px;
}

.login_md_closed .footer {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
    margin-top: 40px;
}

.login_md_closed .btn-ok {
    width: 120px;
    height: 36px;
    background: #FFCC00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer;
}

.login_md_closed .btn-ok:hover {
    background: #FFEA98;
}

.login_md_closed .btn-cancel {
    display: flex;
    width: 120px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #FFCC00;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    box-sizing: border-box;
    margin-left: 10px;
    cursor: pointer;
}

.login_md_closed .btn-cancel:hover{
    background: #FFF7D6;
}

.unfitChatBtn {
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    border: none !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}

.new-error-chat{
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 10px;
}

.new-error-chat .unfitChatBtn {
    font-size: 12px !important;
    line-height: 16px !important;
}

#conpleteLoginClose {
    top: 0 !important;
    right: 0 !important;
}

input.select_spec_text {
    caret-color: #003399;
}

.m-alert__icn:before {
    padding: 0 0 3px 15px;
}

.spec_option_nodata {
    display: none;
    color: #333333;
    padding: 11px 10px;
    text-align: center;
    pointer-events: none;
}

.modifySpecModal .m-inputText {
    height: 40px;
    width: 156px;
    font-size: 16px;
    color: #999999;
    line-height: 20px;
}

.annotation:hover .detail-sprites.hinticon {
    background-position: -10px -114px;
}

#sc_daysToShip .detail-sprites.selectOpen {
    background-position: -36px -10px;
}

#sc_daysToShip.openingState .detail-sprites.selectOpen {
    background-position: -36px -36px !important
}

#sc_daysToShip.selectedState:not([select-data-value="all"]) .detail-sprites.selectOpen {
    background-position: -36px -322px
}

#sc_daysToShip.selectedState:not([select-data-value="all"]) .detail-sprites.selectOpen:hover {
    background-position: -62px -322px;
}

.volumecharge-info .detail-sprites.annotation {
    line-height: 16px;
    vertical-align: top;
    margin: 2px 5px 5px 0;
    display: inline-block;
}

.volumecharge-info .annotation:hover {
    background-position: -10px -114px;
}

.volumecharge-info .annotation .Model-hint {
    padding: 10px;
    width: 152px;
    top: 0;
    left: 22px;
}

.volumecharge-info .annotation .Model-hint>a {
    color: #003399;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
}

.volumecharge-info .annotation .Model-hint::before,
.volumecharge-info .annotation .Model-hint::after{
    content: " ";
    border-left: 0;
    border-right: 8px solid #E8E8E8;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    top: 3px;
    left: -7px;
}

.volumecharge-info .annotation .Model-hint::after{
    top: 3px;
    border-right-color: #FFF7D6;
    left: -6px;
}

/* H品样式 start */
.box-h-series {
    background: #FFFFFF;
    border: 1px solid #FFCC00;
    position: relative;
    cursor: pointer;
    display: block;
}

.h-goodsIcons {
    display: flex;
    align-items: center;
    line-height: 1;
}

.h-goodsIcons .zkicon img {
    width: 65px;
}

.h-goodsIcons .zkicon img:not(:first-child){
    margin-left: 5px;
}

.h-goodsIcons .iconStyle .jjxicon {
    margin-right: 5px;
}

.h-recommend-lab {
    display: flex;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 162px;
    height: 39px;
    background: #FFCC00;
    border-radius: 0px 0px 0px 22px;
    justify-content: center;
    padding: 8px 0 11px 0px;
    box-sizing: border-box;
}

.h-recommend-lab img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.h-series-info {
    display: flex;
    margin-top: 12px;
}

.h-series-img {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.h-series-img img {
    max-width: 100%;
    max-height: 100%;
}

.h-series-messages {
    margin-left: 10px;
    width: calc(100% - 110px);
}

.h-series-messages .h-series-name {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.h-series-messages .h-series-tags {
    margin-top: 15px;
    min-height: 27px;
}

.h-series-messages .h-series-tags ul{
    display: flex;
    flex-wrap: wrap;
}

.h-series-messages .h-series-tags ul>li{
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #003399;
    font-weight: bold;
    font-size: 12px;
    color: #003399;
    line-height: 16px;
    box-sizing: border-box;
    height: 22px;
    padding: 2px 10px;
    margin-bottom: 5px;
}

.h-series-messages .h-series-tags ul>li:not(:first-child) {
    margin-left: 5px;
}

.h-series-messages .h-series-tips {
    margin-top: 10px;
    background: #FFF7D6;
    border-radius: 2px;
    padding: 5px 9px 5px 5px;
    line-height: 16px;
    color: #333333;
    font-size: 12px;
    width: 490px;
    box-sizing: border-box;
}

.h-tips-keyword {
    color: #003399;
    font-size: 12px;
}

.box-h-series:hover {
    border: 1px solid #003399;
}

.box-h-series:hover .h-series-messages .h-series-name {
    color: #003399;
    text-decoration-line: underline;
}
/* H品样式 end */
#fixcadData .m-h3,
#fixcadData .m-unit,
#fixcadData>p{
    padding: 0 10px;
}
#fixcadData>p{
    padding-bottom: 10px;
}
.c-balloonBoxInner--cadDL{
    padding-bottom: 0;
}
/* cad下载timeout start */
.timeoutError{
    display: flex;
    align-items: center;
    height: 40px;
    color: #E52F2C;
    font-size: 14px;
    padding: 10px 0;
    flex-wrap: wrap;
    width: 290px;
}
.timeoutTop,.timeoutBottom{
    display: flex;
    align-items: center;
}
.timeoutBottom{
    padding-left: 21px;
}
.timeoutError .erroricon{
    padding-left: 5px;
    top: -1px;
    position: relative;
}
.timeoutError .technologyChat{
    color: #003399;
    margin-left: 2px;
    text-decoration: underline;
    cursor: pointer;
}
#previewErrorArea .timeoutError{
    display: block;
    padding: 0;
    margin: 0 auto;
}

.CAD-download:hover .m-btn--cadDL{
    background-color: #325BAD !important;
}

.rotatePopup .displayItem .pagerArea li.prevBtn a {
    background-image: none;
    background-position: -20px -4191px !important;
}

.rotatePopup .displayItem .pagerArea li.nextBtn a {
    background-image: none;
    background-position: -80px -4191px !important;
}

.rotatePopup .displayItem .pagerArea li.prevBtn a,
.rotatePopup .displayItem .pagerArea li.nextBtn a {
    height: 40px;
    width: 40px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background: url(/vcommon/theme/detail/img/detailimg.png?v=20240802) no-repeat;
}

.Model-hint a,
.Model-hint a:link,
.Model-hint-box a,
.Model-hint-box a:link,
.contentLeft a[target="_blank"],
.contentLeft a[target="_blank"]:link,
.right-spec a[target="_blank"],
.right-spec a[target="_blank"]:link,
.right-elseBox a[target="_blank"],
.right-elseBox a[target="_blank"]:link {
    text-decoration: underline !important;
}

.l-breadcrumbWrap li a:hover {
    text-decoration: underline !important;
}

/* RoHS添加详细说明 start */
.RoHSTips {
    position: relative;
}

#more-problome .RoHSTips{
    display: flex;
    align-items: center;
}

#more-problome .RoHSTips .detail-sprites.hinticon {
    margin-left: 5px;
}

.RoHSTips .hinticon.div-show {
    background-position: -10px -114px;
}

.RoHSTipsPop.Model-hint-box{
    background: #FFF7D6;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #E8E8E8;
    left: 50%;
    padding: 10px;
    z-index: 5560;
    cursor: auto;
    top: 22px;
    font-size: 12px;
    line-height: 18px;
    transform: translateX(-50%);
    display: none;
    position:absolute;
}

.RoHSTipsPop.Model-hint-box .Model-hint-arrow {
    top: -8px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 0;
    border-bottom: 8px solid #FFF7D6;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    left: 50%;
    transform: translateX(-50%);
}

.RoHSTipsPop.Model-hint-box a{
    white-space: nowrap;
    color: #003399;
}

.RoHSTips .detail-sprites.hinticon {
    z-index: 0;
}
/* RoHS添加详细说明 end */

/* CN_EC_REQ-12011 start */
.fixed_partNumberInfo.visibleH [data-detail="balloonBox"] {
    display: none !important;
}

.fixed_partNumberInfo:not(.visibleH) + .contentBox .spec-partnumber-title [data-detail="balloonBox"] {
    display: none !important;
}
/* CN_EC_REQ-12011 end */
.top-sel-tool-box {
    position: relative;
    top: 10px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #003399;
    display: flex;
    font-size: 12px;
    color: #333333;
    justify-content: left;
    align-items: center;
    padding-left: 10px;
}
.top-sel-tool-box a {
    color: #003399;
    text-decoration: underline !important;
}
.top-sel-tool-box i {
    display: inline-block;
    background-image: url(/vcommon/theme/detail/img/arrow-right.png?v=20241114);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    background-size: contain;
}
.top-sel-tool-box .hinticon {
    margin-left: 5px;
    background-image: url(/vcommon/theme/detail/img/detailimg.png?v=20240802);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-position: -36px -114px;
}
.top-sel-tool-box .hinticon:hover {
    background-position: -10px -114px;
}
.top-sel-tool-box .hoverImg {
    display: none;
    position: absolute;
    width: 520px;
    height: 139px;
    top: 18px;
    left: 215px;
    cursor: pointer;
    background-image: url('/linked/archive/ec/img/2024/11/zxdjmz-hover.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 100;
}
.top-sel-tool-box .hoverImg.claw {
    background-image: url('/linked/archive/ec/img/2024/11/dz-hover.png');
}
.top-sel-tool-box .hinticon:hover .hoverImg {
    display: block;
}
.selectionToolBox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.r-goodsName .l-new {
    background: #FFF4F4;
    border: 1px solid #E52E2C;
    display: inline-block;
    line-height: 15px;
    text-align: center;
    position: relative;
}

.r-goodsName .l-new span{
    font-size: 12px;
    color: #E52E2C;
    font-style: normal;
}

/* 限时促销 start */
.tag_campaign {
    margin-left: 5px;
    width: 56px;
    height: 17px;
    background: #E52F2C;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
/* 限时促销 end */