body,
div,
pre,
form,
input,
textarea,
p,
th,
td {
  margin: 0;
  padding: 0;
}
.red{
    color: #e52f2c!important;
}
.font20{
    font-size: 20px;
}
.font24{
    font-size: 24px;
    letter-spacing: -0.3px;
}
.divflex {
    display: flex; 
}
.l-main{
    width: 100%;
    background-color: #F8F8F8;
}
.l-breadcrumbWrap{
    width: 1200px;
    margin: 10px auto;
}
.shopbanner{
    background: linear-gradient( 180deg, #BED3FF 0%, #F0F5FF 36%, #FFFFFF 100%);
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #E8E8E8;
}

.agentBrandBox {
    display: flex;
    flex-wrap: wrap;
}
.agentBrandBox>div {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.agentBrandBox .availableAreaButton {
    height: 30px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #003399;
    padding: 5px 12px;
    font-weight: 500;
    font-size: 14px;
    color: #003399;
    line-height: 20px;
    background: #ffffff;
    margin-left: 10px;
    cursor: pointer;
}
.separator{
    width: 19px;
    height: 14px;
    margin-left: 20px;
    border-left: 1px solid #CDCDCD;
}
.topTipBox {
    align-items: flex-start;
    box-sizing: border-box;
    width: 1200px;
    display: flex;
    margin: 0 auto;
    min-height: 38px;
    background: #FFF7D6;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #FFCC00;
    padding: 9px 16px;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    margin-top: 10px;
}
.topTipBox img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.shopBbox{
    width: 1200px;
    margin: 20px auto;
    justify-content: space-between;
}
.shopName  .name-left > h1 {
    font-size: 20px;
    font-weight: 600;
    /* height: 22px; */
    display: flex;
    line-height: 22px;
    align-items: center;
    max-width: 800px;
    word-break: break-all;
}
.shopName .shopOLCtime {
    word-break: keep-all;
    margin-left: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 19px;
}
.shopCardBox>img{
    width: 16px;
    margin-top: 10px;
    margin-left: 10px;
}
.shopStar,.shopBrand,.shopProducts{
    display: flex;
    line-height: 22px;
    font-weight: 400;
}
.shopStar,.shopProducts{
    margin-top: 6px;
}
.shopBrand{
    margin-top: 28px;
    font-size: 14px;
    color: #666;
}
.shopBrand p {
    flex-shrink: 0;
}
.shopProducts{
    color: #666;
    font-size: 14px;
}
.shopBrand .agentBrandBox,
.shopProducts span{
    color: #333;
    padding-left: 20px;
}
.shopBR{
    width: 140px;
    height: 38px;
    margin-left: 24px;
    background: #003399;
    border-radius: 4px 4px 4px 4px;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    color: #fff;
    align-self: center;
    cursor: pointer;
}
.shopBR>img{
    width: 16px;
    margin-right: 8px;
}
.shoptop{
    width: 1200px;
    margin: 10px auto 0 auto;
}
.renderBrandbox{
    background: #FFFFFF;
    border-top: 2px solid #003399;
}
.categoryb-title{
    width: 70px;
    height: 22px;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    padding-right: 16px;
}
.category-brand{
    box-sizing: border-box;
}
.renderBrandbox .category-Option{
    flex: 1;
    flex-wrap: wrap;
}
.renderBrandbox .category-Option li{
    flex-shrink: 0;
    background: url(/vcommon/theme/search/img/no.png) no-repeat 0px 5px / 14px 14px;
    padding-left: 21px;
    margin-right: 60px;
    margin-bottom: 16px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
}
.renderBrandbox .category-Option li:not(.only):hover{
    color: #003399;
    background: url(/vcommon/theme/search/img/nohover.png) no-repeat 0px 5px / 14px 14px;
}
.renderBrandbox .category-Option li a{
    align-items: center;
    height: 22px;
}
.showMore{
    width: 64px;
    height: 26px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #E8E8E8;  
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    justify-self: flex-end;
    margin-bottom: 16px;
    cursor: pointer;
    color: #666;
}
.showMore::after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background: url(/vcommon/theme/mkp/img/icon_more.png) no-repeat 0px 0px / 12px 12px;
}
.rb-starbox {
    margin-left: 10px;
}
.rb-number {
    display: none;
}
.shop-loading {
    height: 500px;
    background: url(/vcommon/common/img/loading_grey.gif) center center no-repeat;
}
.m-loading {
    width: 100%;
    height: 100%;
    background: url(/vcommon/common/img/loading_100_type2.gif) no-repeat center center;
}

.star-gray{
  background: url(/vcommon/theme/mkp/img/graystar.png) no-repeat;
  background-size: 100% 100%;
}
.star-light{
  background: url(/vcommon/theme/mkp/img/lightStarRed.png) no-repeat;
  background-size: 100% 100%;
}
.star-point{
  background: url(/vcommon/theme/review/imgs/pointstar.png) no-repeat;
  background-size: 100% 100%;
}
.shopName {
    position: relative;
    align-items: center;
}
.shopName .name-left {
    display: flex;
}
.shopCardBox {
    position: relative;
    height: 30px;
}
.shopCardBox:hover .shopCard {
    display: block;
}
/* 店铺名片 */
.shopCard {
    display: none;
  width: 480px;
  position: absolute;
  left: -100px;
  top: 28px;
  border-radius: 0px 0px 0px 0px;
  z-index: 1;
  box-shadow: 0px 4px 30px 0px rgba(27, 25, 86, 0.1);
}
.shopCard .titleBox {
    background: linear-gradient( 90deg, #BED3FF 0%, #F3F7FF 60%, #FFFFFF 100%);
    border-radius: 0px 0px 0px 0px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 14px;
}
.shopCard .cardName {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    word-break: break-all;
}
.shopCard .starBox > span{
    height: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.shopTitleCardContent {
    background-color: #fff;
    padding: 22px 14px 27px;
}
.shopTitleCardContent > div {
    display: flex;
    height: 17px;
    line-height: 17px;
}

.shopTitleCardContent > div:first-child {
    height: 28px;
    line-height: 28px;
    align-items: center;
}
.shopTitleCardContent > div  p{
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-right: 14px;
}
.shopTitleCardContent > div + span{
    height: 17px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 17px;
}
.shopTitleCardContent .cardStar{
    margin-left: auto;
}
.shopTitleCardContent > div {
    margin-bottom: 18px;
}
.shopTitleCardContent > div:last-child {
    margin-bottom: 0;
}
.qualificationCertificate {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-left: 20px;
    background: url(/vcommon/theme/mkp/img/shop-info.png) no-repeat;
    height: 20px;
    background-size: 20px;
    background-position-y: center;
}
.businessLicense {
    background: url(/vcommon/theme/mkp/img/business-show.png) no-repeat;
    margin-left: 24px;
    background-position-y: center;
    background-size: 20px;
}
.qualificationCertificate img{
    width: 16px;
    height: 16px;
}


/* 列表 */
.shop-content {
    width: 1200px;
    margin: 0 auto;
    margin-top: 16px;
}
.l-navbrand{
    max-height: 56px;
    overflow: hidden;
    /* box-sizing: border-box; */
}
.brand-container {
    padding: 14px 20px 0;
    padding-bottom: 4px;
}
/* 添加过渡动画 */
.category-Option {
    transition: max-height 0.3s ease-in-out;
    will-change: max-height; /* 启用硬件加速 */
    position: relative;
}
.category-Option {
    box-sizing: border-box;
    overflow: hidden;
    max-height: 58px; /* 精确控制列表区域 */
}

/* 隐藏计算时的布局变化 */
.brand-height-calculating {
    visibility: hidden;
    opacity: 0;
    position: absolute; /* 脱离文档流 */
    z-index: -1;
}


.category-Option .is-brandItemm.on{
    background: url(/vcommon/theme/search/img/yes.png) no-repeat 0px 5px / 14px 14px;
    color:#003399;
}
.category-Option .is-brandItemm.on:hover {
    background: url(/vcommon/theme/search/img/yes.png) no-repeat 0px 5px / 14px 14px !important;
}
.categoryb-else li.on,
.categoryso-itembox li.on p{
    background: url(/vcommon/theme/search/img/yes.png) no-repeat 0px 0 / 16px 16px;
}
.is-condItemm.on{
    background: url(/vcommon/theme/search/img/yes.png) no-repeat 0px bottom / 16px 16px;
}
.category-filter li.on {
    color: #003399 !important;
    font-weight: 500;
}
.categorytwo-filter li.on {
    font-weight: 500;
    color: #003399 !important;
}


.renderBrandbox  .is-brandItemm.only {
    padding-left: 0;
    background: none;
    color:#003399;
}
/* 分类 */
.renderCategoryfbox {
    border-top: 1px solid #E8E8E8;
}
.renderCategoryfbox .titleH3 {
    height: 22px;
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}
.renderCategoryfbox .l-navcondition {
    /* padding: 14px 20px 4px; */
    background: #FFFFFF;
    max-height: 56px;
    overflow: hidden;
}
.categoryFilterContainer {
    padding: 14px 20px 4px;
}

.renderCategoryfbox .categoryf-title {
    padding-right: 16px;
}
.renderCategoryfbox  .category-Option {
    flex: 1;
    flex-wrap: wrap;
}
.renderCategoryfbox  .category-Option li {
    flex-shrink: 0;
    margin-right: 60px;
    margin-bottom: 16px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
}
.categorytwo-filter {
    border-top: 1px solid #E8E8E8;
}
.category-filter.up,
.categorytwo-filter.up {
    max-height: none;
}
.category-filter.up .category-Option,
.categorytwo-filter.up .category-Option  {
    max-height: none;
}

.categorytwo-filter.up

/* 分类 end */

/* 代理店商品排序 */
.shop-content {
    margin-top: 16px;
}
.blue-txt {
    margin: 0 5px;
    color: #003399;
    font-weight: bold;
}
.mkp-content-sum {
    color: #333333;
    padding: 7px 23px;
    background: #FFFFFF;
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #CDCDCD;
    line-height: 22px;
}
.shop-content-top {
    padding: 10px 20px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px 0px rgba(27,25,86,0.1);
    border-radius: 0px 0px 0px 0px;
    font-size: 14px;
    justify-content: space-between;
    align-items: center;
}
.shop-content-right .page1 {
    box-sizing: border-box;
    width: 127px;
    background: #FFFFFF;
    border-radius: 0px 2px 2px 0px;
    border: 1px solid #CDCDCD;
    align-items: center;
    justify-content: center;
}
.shop-content-right .page1 .o-prev img {
    cursor: pointer;
}
.shop-content-right .page1 .o-next img {
    cursor: pointer;
}
.shop-content-top .sort {
    margin-right: 14px;
    cursor: pointer;
    width: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #CDCDCD;
    color: #666;
}
.o-num {
    font-weight: 400;
    color: #333333;
    margin: 0 12px;
}
.shop-content-left .sort.active {
    color: #003399;
    border-color: #003399;
}
.shop-content-left .sort:hover {
    border-color: #003399;
    color: #003399;
}
/* 商品列表 */
.clickLi{
    width: 228px;
}
.shopPhotoContent {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.shopPhotoContent {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.shopPhotoContent > li {
    position: relative;
    float: left;
    width: 288px;
    box-sizing: border-box;
    margin-right: 16px;
    margin-bottom: 16px;
}
.shopPhotoContent > li:nth-child(4n) {
    margin-right: 0;
}


.shopPhotoContent > li:hover .click-a,
.listContent > li:hover .name-a {
    text-decoration: underline;
    color: #003399;
}
.listContent > li:hover {
    border: 1px solid #003399;
    cursor: pointer;
}
.listContent > li:last-child:hover {
    border-bottom: 1px solid #003399;
}
.a-photo-content {
    width: 99.9%;
    height: 99.9%;
    padding-bottom: 0;
    box-sizing: border-box;
    position: relative;
    margin: 0.1px auto;
    padding-top: 0;
    background: #fff;
cursor: pointer;    
}
.shopPhotoContent .a-photo-content {
    border: 1px solid #ededed;
}
.shopPhotoContent .a-photo-content:hover {
    border: 1px solid #003399;
    cursor: pointer;
}
.listContent .a-photo-content {
    height: auto;
    padding: 5px 10px 6px 10px;
}
.shopPhotoContent .a-photo-panel {
    width: 100%;
}
.p-photo-List {
    min-height: 20px;
    clear:both;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    max-width: 226px;
    min-height: 60px;
}
.p-photo-List li {
    float:left;
    vertical-align: top;
    text-align: center;
    height: 20px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    color: #333;
    margin: 0 3px 0;
}

.p-photo-img {
    width: 100%;
    padding-bottom: 44px;
    height: 140px;
    border-bottom: 1px solid #e8e8e8;
}
.photo-Img {
    min-height: 140px;
}
.photo-Img > a {
    display: block;
    width: 100%;
    height: 100%;
}
.photo-Img img {
    display: block;
    max-width: 140px;
    max-height: 140px;
    margin: 44px auto;
}
.p-goods-brand,
.p-goods-data,
.p-goods-CAD {
    color: #666;
}

.p-goods-UnitPrice,
.p-goods-brand,
.p-goods-data,
.p-goods-CAD {
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.p-goods-brand {
    margin-bottom: 4px;
}
.p-goods-name {
    margin-bottom: 10px;
}

.p-goods-CAD {
    margin-left: 44px;
}
.p-goods-name a {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #333;
    word-wrap: break-word;
    display: -webkit-box;          /* 关键：使用旧版弹性盒模型 */
    -webkit-box-orient: vertical;  /* 垂直排列 */
    -webkit-line-clamp: 2;         /* 限制显示行数 */
    overflow: hidden;              /* 隐藏超出内容 */
    text-overflow: ellipsis;       /* 超出部分显示省略号 */
    word-break: break-all;         /* 允许单词内断行（可选） */
}
.listContent .p-goods-name {
    width: 364px;
}

.p-introduce {
    box-sizing: border-box;
    padding: 14px;
    height: 198px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.href_label {
    cursor: pointer;
}
.p-goods-CAD .href_label:hover{
    text-decoration: underline;
}

.contrast-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contrast-price .price {
    line-height: 16px;
    font-weight: 400;
    font-size: 12px;
    color: #E52F2C;
}
.contrast-price  .base-price {
    font-size: 18px;
}
.contrast-price .base-price  span {
    line-height: 18px;
}

.p-goods-constart {
    color: #666;
    padding-left: 20px;
    background: url(/vcommon/theme/spec/img/no.png) no-repeat left center / 14px 14px;
    cursor: pointer;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 14px;
}
.p-goods-constart.on {
    background: url(/vcommon/theme/search/img/yes.png) no-repeat left center / 14px 14px;
}

#pageToolbar {
    padding-top: 30px;
}
.ui-paging-container {
  color: #666;
  font-size: 13px;
}
.ui-paging-container ul {
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-paging-container ul,
.ui-paging-container li {
  list-style: none;
}
.js-page-prev,.js-page-next{
  min-width:68px;
  min-height:24px;
}
.js-page-prev img{
  margin-right:5px;
}
.js-page-next img{
  margin-left:5px;
}


.ui-paging-container li {
    padding: 0 9px;
    text-align: center;
    line-height: 22px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 0;
    font-size: 12px;
    color: #666666;
}


.ui-paging-container .js-page-action {
    width: 68px;
    position: relative;
    padding: 0 5px;
}

.ui-paging-container li.ui-pager-disabled{
  border-color:#E8E8E8 !important;
  color:#999999;
}
.ui-paging-container li.ui-pager-disabled,
.ui-paging-container li.ui-pager-disabled:hover {
  background-color: rgb(243, 243, 243);
  cursor: not-allowed;
}

.ui-paging-container li.ui-pager {
    cursor: pointer;
    border: 1px solid #cdcdcd;
    height: 26px;
    line-height: 24px;
    border-radius: 2px;
}

.ui-paging-container li.focus {
    background-color: #003399;
    border-radius: unset;
    color: #ffffff;
}
.ui-paging-container li.focus a{
  background-color: #003399;
  color: #ffffff !important;
}

.ui-paging-container li.ui-paging-toolbar {
    padding: 0;
    margin-left: 10px;
    height: 24px;
}
.ui-paging-container li.ui-paging-toolbar input {
    width: 85px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    background: #FFFFFF;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    color: #9b9b9b;
    box-sizing: border-box;
    vertical-align: initial;
    margin: 0 10px 0 0;
}
.ui-paging-container li.ui-paging-toolbar input::-webkit-input-placeholder {
    color: #9b9b9b;
}
.ui-paging-toolbar {
    margin-left: 0;
}
.ui-paging-container li.ui-paging-toolbar a {
  text-decoration: none;
  display: inline-block;
  height: 26px;
  border-radius: 2px;
  line-height: 24px;
  padding: 0 14px;
  cursor: pointer;
  color: #fff;
  background-color: #003399;
}
.shop-pageinit .ui-pager a {
    text-decoration: none !important;
    color: #666;
}

.contrast img,
.contrast a img {
  border: 0 none;
}
.contrast a{
  background-color: transparent;
}

.contrast {
    width: 990px;
    background: #fff;
    position: fixed;
    left: 50%;
    bottom: -300px;
    transform: translateX(-50%);
    z-index: 20000;
    box-shadow: 0 0 16px rgba(0,0,0,.1);
}
.contrast_bac {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    z-index: 1000000 !important;
}
.comparison {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 5px;
    color: #333;
    border-left: 5px solid #003399;
    margin: 10px;
    margin-bottom: 0;
}
.comparison::after {
    clear: both;
    content: "";
    display: block;
}
.comparison p {
    float: left;
    margin-right: 20px;
    height: 100%;
    letter-spacing: 1px;
}
.tips {
    display: none;
    float: left;
    height: 100%;
    color: #E52F2C;
    font-size: 12px;
    box-sizing: border-box;
}
.contrast-content {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
}
.content-left {
    width: auto;
    height: 244px;
    box-sizing: border-box;
}

.content-left dl{position:relative;float:left;width:140px;height:100%;background:#fff;border:1px solid #CDCDCD;margin-right:10px;padding:0 10px;box-sizing:border-box;}
.content-left dl:hover{border:1px solid #003399;transform:translateY(-5px);}
.content-left dl:hover .del_img{display:block;}
.content-left dt img{display:block;width:100px;height:100px;margin:20px auto 10px;overflow:hidden;}
.content-left dt .del_img{display:none;position:absolute;top:10px;right:10px;width:16px;height:16px;margin:0;cursor:pointer;}
.content-left dd{width:100%;margin:0 auto;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.contrast-content .money{color:#E52F2C;line-height:20px;font-size:14px;}
.contrast-content .price,.contrast-content .brand{color:#999999;line-height:17px;letter-spacing:-0.38px;}
.contrast-content .goodsname{color:#333;line-height:18px;position:relative;}
.nocompare-review-star{font-size:12px;font-weight:400;color:#9B9B9B;line-height:17px;}

.content-right {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
    height: 244px;
    box-sizing: border-box;
    font-size: 12px; /*CN_NT-257*/
}
.contrast .hide,
.contrast .show {
    display: none;
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #333 url(/vcommon/theme/compare/img/bottom2.png) no-repeat 70px center/ 12px 12px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.30);
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FFFFFF;
    padding-left: 17px;
    box-sizing: border-box;
    border-radius: 7px 7px 0 0;
    cursor: pointer;
}
.contrast .show {
    display: block;
    background: #333 url(/vcommon/theme/compare/img/top.png) no-repeat 70px center/ 12px 12px;

}
.contrast .hide,
.contrast .show {
    position: absolute;
    top: -46px;
    right: -10px;
}
.trastBtn,
.trastBtn2,
.empty {
    display: block;
    width: 60px;
    height: 28px;
    line-height: 30px;
    border: 1px solid transparent;
    text-align: center;
    color: #333;
    margin: 0 auto;
    cursor: pointer;
    user-select: none;
}
.trastBtn {
    margin: 134px auto 10px;
    background: #FFCC00;
}
.trastBtn2 {
    margin: 134px auto 10px;
    background: #F3F3F3;
    color: #CDCDCD;
    cursor: not-allowed;
}
.empty {
    background: #FFFFFF;
    border: 1px solid #FFCC00;
}
.search-brand-ul::after,
.search-brand::after,
.s-searchContent::after,
.ssl-goodsLabel::after,
.r-goodsNumer::after,
.ts-title::after,
.in-title::after,
.in-content::after,
.sn-content::after,
.sn-wrap::after,
.sn-over::after,
.new-title::after,
.text-search .products-number::after {
    clear: both;
    content: "";
    display: block;
}

.m-lblList {
  font-size: 0;
}

.m-lblList > li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
}
.p-Characteristi .p-label {
    background: #EEF4FC;
    border: 1px solid #003399;
    font-size: 12px;
    padding: 0 4px;
    margin-right: 6px;
    margin-bottom: 6px;
    color: #003399;
    display: inline-block;
}

.notFound {
    text-align: center;
    padding: 100px;
    background: #fff;
    margin-top: 10px;
    color: #333;
    font-size: 12px;
}
.notFound img {
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
}
.notFound a {
    color: #003399;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}

.qualificationInfoModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
.qualificationInfoBox {
    background-color: #fff;
    width: 720px;

}
.qualificationInfoBox .title {
    border-bottom: 1px solid #E6E6E6;
    justify-content: space-between;
    padding: 24px 20px 14px;
}
.qualificationInfoBox .left {
    font-weight: 500;
    font-size: 16px;
    color: #303133;
    line-height: 26px;
}
.qualificationInfoBox .cancel img {
    width: 16px;
    height: 16px;
    margin-top: 6px;
    cursor: pointer;
}
.qualificationInfoBox .content {
    padding: 20px 20px 28px;
    max-height: 385px;
    box-sizing: border-box;
    overflow-y: auto;
}
.qualificationInfoBox .content-info {
    padding: 16px 12px;
    line-height: 28px;
    font-weight: 400;
    font-size: 14px;
    background: rgba(255,204,0,0.06) url(/vcommon/theme/mkp/img/agencyBg.png) no-repeat right bottom/190px 200px;
}
.qualificationInfoBox .content-info > div {
    display: flex;
    margin-bottom: 16px;
}
.qualificationInfoBox .content-info > div p {
    height: 28px;
    color: #666666;
    margin-right: 14px;
    min-width: 112px;
    text-align: right;
}
.qualificationInfoBox .content-info > div span {
    color: #333333;
}
/* 营业执照显示 */
.qualificationInfoModal  .busiImgBox {
    position: relative;
    height: 80vh;
    border-radius: 2px;
}
.qualificationInfoModal .busiImgBox .close {
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -30px;
}
.qualificationInfoModal .busiImgBox .contentImg,
.qualificationInfoModal .busiImgBox .contentImg img {
    width: 100%;
    height: 100%;
}

.no {
    display: none !important;
}

/* 可售区域弹窗 */
.availableAreaModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.availableAreaBox {
    background-color: #fff;
    width: 720px;
    max-height: 80vh;
    border-radius: 0;
    overflow: hidden;
}   

.availableAreaBox .title {
    border-bottom: 1px solid #E6E6E6;
    justify-content: space-between;
    padding: 24px 20px;
    font-size: 16px;
    color: #303133;
    align-items: center;
}

.availableAreaBox .left {
    font-weight: 600;
    font-size: 16px;
    color: #303133;
    line-height: 24px;
}

.availableAreaBox .cancel img {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.availableAreaBox .content {
    padding: 14px 0 0;
    width: 680px;
    box-sizing: border-box;
    overflow-y: auto;
    margin: 0 auto;
}

.availableAreaBox .warning-box {
    display: flex;
    align-items: flex-start;
    padding: 9px 16px;
    background: #FFF7D6;
    border: 1px solid #FFCC00;
    border-radius: 2px;
    margin-bottom: 14px;
}

.availableAreaBox .warning-box img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 2px;
}

.availableAreaBox .warning-box span {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}

.availableAreaBox .area-table {
    overflow: hidden;
}

.availableAreaBox .table-header {
    display: flex;
    background: #F5F7FA;
    border-bottom: 1px solid #F3F3F3;
    padding: 12px 0;
}

.availableAreaBox .table-header .region-column,
.availableAreaBox .table-header .availability-column {
    width: 340px;
    text-align: center;
    color: #303133;
    height: 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.availableAreaBox .table-header .region-column {
    border-right: 1px solid #E8E8E8;
}

.availableAreaBox .table-body {
    height: 30vh;
    overflow-y: auto;
}

/* 可售区域弹窗 - 表格区域自定义滚动条样式 */
/* 滚动条整体样式 */
.availableAreaBox .table-body::-webkit-scrollbar {
    width: 6px;                          /* 滚动条宽度为8像素 */
    background: #f0f0f0;                 /* 滚动条轨道背景色为浅灰色 */
}

/* 滚动条滑块（可拖动部分）样式 */
.availableAreaBox .table-body::-webkit-scrollbar-thumb {
    background: #9B9FB3;                 /* 滑块默认颜色为灰色 */
}

/* 滚动条滑块悬停时的样式 */
.availableAreaBox .table-body::-webkit-scrollbar-thumb:hover {
    background: #9B9FB3;                 /* 鼠标悬停时滑块颜色变深 */
}

/* 滚动条轨道（背景部分）样式 */
.availableAreaBox .table-body::-webkit-scrollbar-track {
    background: #C2C5D3;                 /* 轨道背景色为浅灰色 */
}

/* 滚动条两端的按钮（上下箭头）样式 */
.availableAreaBox .table-body::-webkit-scrollbar-button {
    display: none;                       /* 隐藏滚动条两端的箭头按钮 */
}


.availableAreaBox .table-row {
    display: flex;
    border-bottom: 1px solid #F3F3F3;
    padding: 12px 0;
}


.availableAreaBox .table-row:last-child {
    border-bottom: none;
}

.availableAreaBox .table-row .region-column,
.availableAreaBox .table-row .availability-column {
    width: 340px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

.availableAreaBox .table-row.unavailable .region-column, 
.availableAreaBox .table-row.unavailable .availability-column {
    color: #999999;
}

.availableAreaBox .table-row .region-column {
    flex-shrink: 0;
}

.availableAreaBox .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    box-shadow: 0px -4px 16px 0px rgba(0,0,0,0.1);
}

.availableAreaBox .confirm-button {
    width: 88px;
    height: 32px;
    background: #FFCC00;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
    font-weight: 400;
}


.l-simip-p:hover {
    color: #003399;
}