body {
    font-family: 'Jost', sans-serif;
}

a {
    text-decoration: none;
}


.nav-scroller .nav-link {
  padding:0 1px;
  margin:0;
  color:#333;
}
.nav-scroller .active {
  color: #343a40;
}
.nav-scroller {
position: relative;
z-index: 1;
height:46px;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.breadcrumb li{
line-height:46px
}
.breadcrumb-item+.breadcrumb-item{
padding:0 10px;
}


.relative-div {
  position: relative;
}
.absolute-div {
  position: absolute;
  top: 0; 
  left: 0; 
  display: none;
  height:52px;
  z-index:10;
  width:100%;
}

.absolute-sp {
  position: absolute;
  top:0px; 
  left:2px; 
  z-index:10;

}
.title-left{width:100%;float:left}
.badge2{
width:28px;
height:28px;
line-height:28px;
text-align: center;
padding:0;
border:1px solid #ddd;
background-color: #fff;
font-weight: 500;
margin:5px 1px;
cursor:pointer;
}

.badge2:hover{
background-color:#eee
}

.avatar{
  width:100px;
  height:100px;
  border-radius:50%;
  line-height:100px;
}


/* Form control */
.form-control:focus,
.form-select:focus {
    border-color: var(--bs-focus-border-color);
}
.form-check-input{
border:1px solid #999
}


/* µ¯´°Ñùʽ1*/
.dg_bgcolor{background:#333;filter:alpha(opacity=60);opacity:0.6;position:absolute;top:0px;left:0px;position:fixed;width:100%;height:100%;z-index:120}
.dg_box_bar{ width:100%; height:100%; top:20%; z-index:1203; position: fixed; float:left} 
.dg_box{margin:0 auto;z-index:120}
.dg_box.ch{transform:scale(1);opacity: 1;filter: Alpha(opacity=100);background:#fff;box-shadow:2px 5px 10px rgba(0,0,0,.5);border-radius:8px}
.dg_box.rch{transform: scale(1.2); transition: all .2s ease}
.dg_box_con{width:100%;float:left}
.dg_box .name{ width:100%;height:50px;float:left;background:#eee;border-radius:8px 8px 0 0}
.dg_box .name span{padding:0 20px;font-weight:700;font-size:14px;line-height:50px;float:left}
.dg_box .name span#error_msg{font-weight:400;font-size:12px;color:#f00}
.dg_box .name em{width:20px; height:20px;font-family:"Arial";font-size:28px;line-height:20px; margin:15px 20px 0 0; text-align:center; cursor:pointer; float:right}
.dg_box .con{ width:100%;background:#fff;float:left;border-radius:10px}
.dg_box .con p{margin:35px 0;font-size:13px;padding:0 20px}

.tip_box_bar{ width:100%; height:100%; top:60px; z-index:1003; position: fixed; float:left}
.tip_box{width:100%;height:46px; margin:0 auto; position: relative; z-index:100; }
.tip_box .con{ width:100%; padding:0 10px;float:left;text-align:center;font-size:14px;line-height:46px}
.tip_box .con i{margin:0 5px;font-size:16px}

/*SKU Áбí*/
.sku_box{ width:100%;float:left;position: relative;}
.sku_box .error{ width:100%; background:#fcf6ec}
.sku_box a{margin:0 10px 0 0;border:1px solid #ddd;cursor:pointer; float:left;border-radius:3px;line-height:28px;padding:0 8px;color:#666} 
.sku_box a.selected{float:left;border:1px solid #0077dd;background:#fff url(../images/img_csk.png) no-repeat right bottom;background-size:16px}


.sku_box ul{list-style:none;padding:0}
.sku_box ul li{width:100%;float:left;}
.sku_box ul li span{float:left;line-height:28px}

.nav-tabs .nav-item button{color:#999}

@media (max-width: 1200px) {

}

@media (max-width:1399.98px) {

}

@media (max-width:1199.98px) {

}

@media (max-width:991.98px) {

}