.container.top-c-container{
    padding:0rem 34rem;
}
.product-content .container,.product-description.container ,.related-products.container,.review-product.container{
     padding:0rem 34rem;
}
.top-c{
    width: 192rem;
    height: 10rem;
    background: #F6F1EF;
       
}
.top_c_l{
     gap: 3.6rem;
}
.top-c a,.top-c span{

        font-family: Roboto;
        font-weight: 500;
        font-size: 1.6rem;
        color: #555555;
        position: relative;
        cursor: pointer;
        text-decoration: none;
}
.top-c a:hover,.top-c span:hover{
     color: #F8931F;
     border-bottom: 1px solid  #F8931F;
}
.top-c ul{
            position: absolute;
    width: 19.3rem;
    height: auto;
    background: #FFFFFF;
    border-radius: 1rem;
    border: 0px solid #DCDCDC;
    list-style: none;
    padding: 2.8rem 1.8rem;
    line-height: 3rem;
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #555;
    line-height: 3rem;
    top: 3rem;
    cursor: pointer;
    z-index: 999;
}


.top-c1 ul {
  display: none;
  /* 其他样式 */
}

.top-c1:hover ul{
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

}
.top-c ul li:hover{
     color: #F8931F;
}
.product-s span:nth-child(2){
          
        font-family: Roboto;
        font-weight: 400;
        font-size: 1.4rem;
        color: #555555;
}
.top_c_r{
    gap: 2rem;
}
.top_c_r .bulk{
    width: 13.3rem;
    height: 4rem;
    background: #FFFFFF;
    box-shadow: 0rem 1rem 1rem 0rem #DBD4D2;
    border-radius: 0.5rem;
    border: 1px solid #DCDCDC;
     
    font-family: Roboto;
    font-weight: bold;
    font-size: 1.6rem;
    color: #F8931F;
    line-height: 4rem;
    cursor: pointer;
}
.top_c_r .bulk:hover{
    background-color: #F8931F;
    color: #fff;
}
.product-content-data{
    width: 100%;
    padding-top: 3rem;
}
.product-content{
    padding-top: 3rem;
    width: 100%;
}
.product-content .breadcrumb ,.product-content .breadcrumb ol{
    padding: 0px;
}
.product-content .breadcrumb li{
   
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #777777;
}
.product-content .breadcrumb li a{
     color: #777777;
}
.product-content .product-content-image{
    gap: 2.2rem;
    width: 65.2rem;
}
.product-content .product-content-image-left{
        width: 8rem;
        background: #FFFFFF;
        border-radius: 0.5rem;
        border: 0px solid #DCDCDC;
        height: 100%;
        gap: 2rem;
        cursor: pointer;
    
}
.product-content .product-content-image-left img{
     width: 100%;
     height: 8rem;
     object-fit:cover;
     border: 1px solid #ccc;
     border-radius: 5px;
}
.product-content .product-content-image-left img:hover{
    border: 1px solid orange;
    cursor: pointer;
}
.product-content .product-content-image-right{
    width: 55rem;
    height: 55rem;
    background: #FFFFFF;
    border-radius: 1rem;
    position: relative;
}
.product-content .product-content-image-right img{
    /*width: 51.2rem;*/
    height: 34.6rem;
    /*margin-top: -4rem;*/
}
.product-content .product-content-image-right .tag{
    position: absolute;
    top: 0px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    left: 4px;
}
.product-content .product-content-image-right .tag span{
    width: 2.8rem;
height: 1rem;
font-family: Roboto;
font-weight: 500;
font-size: 1.4rem;
color: #1ABB0F;
top: 1rem;
}
.product-content .product-content-image-right .tag .Hot{
    color: orange;
}
.product-content .product-content-image-right .tag .New{
    color: green;
}
.product-content .product-content-image-right .tag .Sale{
    color: red;
}
.product-content .product-content-image-right span.hot{
    width: 2.3rem;
height: 1rem;
font-family: Roboto;
font-weight: 500;
font-size: 1.4rem;
color: #F8931F;
}
.product-content-attribute{
     width: calc(100% - 65.2rem);
    height: 100%;
}

.product-content-attribute .product-title{
        font-family: Roboto;
    font-weight: 500;
    font-size: 2.4rem;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 84%;
}






.product-content-attribute .Reviews-star {
    gap: 1rem;
}

.product-content-attribute .Reviews-star a{
        font-family: Roboto;
        font-weight: 400;
        font-size: 1.4rem;
        color: #777777;
        text-decoration: none;
}
.product-content-attribute .Reviews-star a:hover{
     color: orange; /* 鼠标悬停时字体变橙色 */
    text-decoration-color: orange; /* 下划线颜色变橙色 */
}
.product-content-attribute .price{
    gap: 2rem;
}
.product-content-attribute .price .rfp,.product-s .rfp{
    font-family: Roboto;
    font-weight: 500;
    font-size: 2.4rem;
    color: #000000;
}
.product-content-attribute .price .old-price-s,.product-s .old-price-s{
        font-family: Roboto;
    font-weight: 400;
    font-size: 2.4rem;
    color: #F8931F;
}

.product-content-attribute .price .old-price,.product-s .old-price{
        font-family: Roboto;
    font-weight: 400;
    font-size: 1.8rem;
    color: #777777;
    text-decoration-line: line-through;

}

.product-content-attribute .price .current-price,.product-s .current-price{
        font-family: Roboto;
    font-weight: 400;
    font-size: 2.4rem;
    color: #F8931F;
}
.product-content-attribute .des li{
    font-family: Roboto;
    font-weight: normal;
    font-size: 1.4rem;
    color: #777777;
    margin-top: 1.7rem;
    line-height: 1;
}



.product-content-attribute .select-control{
    gap: 3rem;
}
.product-content-attribute .select-control .select-item{
    gap: 1.3rem;
}
.product-content-attribute .select-control .select-item label{
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #000000;
}
.product-content-attribute .select-control .select-item select{
    width: 24rem;
    height: 4rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    border: 1px solid #DCDCDC;
}
.category{
        font-family: Roboto;
    font-weight: bold;
    font-size: 1.4rem;
    color: #000000;
    margin-top: 3rem;
    line-height: 1;
}
.category span:nth-child(2){
        color: #777;
        font-weight: normal;
}
.category span:nth-child(2) a{
     color: #777 !important;
}
.category span:nth-child(2) a:hover{
    color: orange !important;
}
.post_content{
    margin-top:4rem;
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #333333;
    }
.isp{
        font-family: Roboto;
    font-weight: 500;
    font-size: 1.4rem;
    color: #088BFA;
    margin-top: 1.4rem;
    line-height: 1;
}
.isp span:nth-child(2){
    color: #777;
}
.shipping{
        gap: 1rem;
        /*margin-top: 3rem;*/
}
.shipping label{
        font-family: Roboto;
    font-weight: bold;
    font-size: 1.4rem;
    color: #000000;
    /*margin-top: -3.5rem;*/
}
.shipping-select select{
        width: 24rem;
    height: 4rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    border: 1px solid #DCDCDC;
    /*margin-bottom: 1.4rem;*/
    font-size: 1.4rem;
}
.shipping-select .shipping-des{
        font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #000;
}
.shipping-des span:nth-child(1){
    color: #777;
}

.times{
    margin-top: 3rem;
    gap: 5.1rem;
}
.times img{
    height: 4rem;
    width: auto;
    object-fit: contain;
}
.stock-availability{

font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #777777;
width: 51rem;
border-bottom: 1px solid #ccc;
padding-bottom: 1rem;
margin-top: 2.7rem;
}
.stock-availability span:nth-child(2){
    color: #1ABB0F;
}
.quality-container{
    width: 51rem;
    margin-top: 2rem;
    /*align-items: center !important*/
    /*;*/
}
.quality-container .quality span:nth-child(1){

    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #7E7E7E;
}


.quality-container .bluk{
    width: 18rem;
height: 4rem;
background: #F7931E;
border-radius: 2rem;
text-align: center;
line-height: 4rem;
}
.quality-container .bluk a,.quality-container .bluk span{

    font-family: Roboto;
    font-weight: bold;
    font-size: 1.6rem;
    color: #FFFFFF;
    cursor: pointer;
}
.quality-container .quality-input{
    width: 16.5rem;
    height: 4rem;
    background: #FFFFFF;
    border-radius: 2rem;
    border: 1px solid #DCDCDC;
    position: relative;
    margin-top: 0.8rem;
}
.quality-container .quality-input input{
            position: absolute;
    height: 88%;
    border: none;
    left: 1rem;
    width: 7.8rem;
    top: 6%;
    font-size: 1.2rem;
    padding-left: 1rem;

}
.quality-container .quality-input .jia{
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    font-family: Roboto;
    font-weight: bold;
    font-size: 1.6rem;
    color: #6D6D6D;
    left: 9.8rem;
        top: 0.8rem;
        cursor: pointer;
}
.quality-container .quality-input .jian{
    position: absolute;
    width: 0.5rem;
    height: 0.2rem;
    font-family: Roboto;
    font-weight: bold;
    font-size: 1.6rem;
    color: #6D6D6D;
    left: 13.6rem;
    top: 0.6rem;
    cursor: pointer;
}
.quality-container .quality-input .jia:hover,.quality-container .quality-input .jian:hover{
    color: orange;
}
/*.quality-input input:focus ~ .jia,*/
/*.quality-input input:focus ~ .jian {*/
/*    color: orange;*/
/*}*/


.quality-input input:focus {
    outline: none;       /* 移除默认的蓝色外边框 */
    border: none;        /* 移除边框 */
    box-shadow: none;    /* 移除可能的阴影效果 */
}

.related-products-title{
    gap: 1.2rem;
}
.related-products-title img{
    width: 2rem;
    height: 1.9rem;
}
.related-products-title span{
        font-family: Roboto;
    font-weight: 500;
    font-size: 2.4rem;
    color: #010101;
}

.related-products-data .imtes-related{
    width: calc(20% - 3px);
    height: 35rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    margin-top:7rem;
    padding-left: 2rem;
    cursor: pointer;
    text-decoration: none;
        border-right: 1px solid #ccc;
       
}
.related-products-data .imtes-related:nth-child(4n) {
    border-right: none; /* 每行最后一个去掉右边框 */
}

.related-products-data .imtes-related:hover{
    border: none !important;
    box-shadow: 0 0.5rem 1rem 0 #DDDDDD; 

   
}
.related-products-data .imtes-related .items-img{
    width: 100%;
    height: 20rem ;
}
.related-products-data .imtes-related .items-img img{
    width: 90%;
    max-height: 90%;
    object-fit: contain;
}
.related-products-data .imtes-related .bulk{
    gap:2rem
}


.related-products-data .imtes-related .bulk span:nth-child(1){
    width: 10rem;
    height: 3rem;
    background: #F8931F;
    border-radius: 0.5rem;

    font-family: Roboto;
    font-weight: 500;
    font-size: 1.4rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 3rem;
}



.related-products-data .imtes-related .product_title{

        font-family: Roboto;
        font-weight: 500;
        font-size: 1.4rem;
        color: #555555;
        line-height: 2rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
        width: 100%;
          display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 4rem;
  width: 23rem;
}
.related-products-data .imtes-related .review-number{

font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #777777;
white-space: nowrap;
}
.related-products-data .imtes-related .stock{

    font-family: Roboto;
    font-weight: 400;
    font-size: 1.3rem;
    color: #1ABB0F;
    margin-left: 9px;
        white-space: nowrap;
}
.related-products.container{
        padding-bottom: 7.3rem !important;
  
}
.review-product .review_tittle{
      border-top: 1px solid #ccc;
      padding-top: 6.5rem !important;
      gap:1.2rem;
}
.review-product span{
  
    font-family: Roboto;
    font-weight: 500;
    font-size: 2.4rem;
    color: #010101;
    line-break: 1;
}
.review-product img{
    width: 2rem;
    height: 1.8rem;
}
.review-product .write_view{
    display: block;
    margin-left: auto;
    /* width: 92px; */
    /* height: 10px; */
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #0094D2;
    cursor: pointer;
}

.review-product .cancel_review{
    display: none;
     margin-left: auto;
    /* width: 92px; */
    /* height: 10px; */
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #0094D2;
    cursor: pointer;
}
.tab-review{
    margin-bottom: 3.5rem;
    margin-top: 4.5rem;
    gap: 1rem;
}
.tab-review span{

        background: #F2F2F2;
    border-radius: 4.25rem;
    padding: 0.5rem 1.5rem;
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #010101;
    display: block;
    cursor: pointer;

}
.tab-review span:hover{
    background-color: #ccc;
}
.review_list{
    padding-top: 3rem;
    border-top: 1px solid #ccc;
    padding-bottom: 3.5rem;
    /*margin-top: 9rem;*/
}

.review_list .review_list_left{
    width: 20%;
    gap: 1.4rem;
}
.review_list .review_list_left .avtar{
    width: 3rem;
    height: 3rem;
    border-radius: 30%;
    background-color: #ccc;
        color: #998f8f;
    line-height: 3rem;
    text-align: center;
}

.review_list .review_list_left .customer-title{

        font-family: Roboto;
        font-weight: 400;
        font-size: 1.4rem;
        color: #010101;
        line-height: 1;
}
.review_list .review_list_left .date{
    margin-top: 1.6rem;
    margin-bottom: 1.4rem;
      line-height: 1;
}
.review_list .review_list_left .date span{
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #777777;
    line-height: 1;
    
    
}

.review_list .review_list_right{
    width: 80%;
}
.review_list_right .imgs{
    gap: 2rem;
}

.review_list_right .imgs img{
         width: 6.2rem;
    height: 6.2rem;
    border: 1px solid #ccc;
}

.review_list_right .model{
    margin-top: 3rem;
    line-height:1;
    margin-bottom: 2.4rem;

font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #777777;
}

.review_list_right .review_content span{
    line-height: 1;
    display: block;

font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #777777;
}
.review_list_right .review_content span:nth-child(1){
    margin-bottom: 0.9rem;

font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #000000;
}

.review_list:last-child{
    border-bottom: 1px solid #dcdcdc;
}

.product-description.container{
   
  
    margin-top: 6.4rem;
}

.product-description .over{
    border-bottom: 1px  solid #ccc;
    padding-bottom: 6.5rem;
    margin-bottom: 6.5rem;
      border-top: 1px solid #ccc;
       padding-top: 6.5rem;
}
.product-description .specification{
    margin-bottom: 8rem;
}

/*#Overview,#specification,#reviews_contaner{*/
/*    scroll-margin-top: 400px !important;*/
    
/*-webkit-scroll-margin-top:400px !important;*/
/*}*/




/*html {*/
/*  scroll-padding-top: 400px;*/
/*  -webkit-scroll-padding-top: 400px;*/
/*}*/


.country_select {
  position: relative;
  width: 24rem;
  user-select: none;
  font-family: Arial, sans-serif;
}



.custom-select {
  position: relative;
  width: 24rem;
  user-select: none;
  font-family: Arial, sans-serif;
}

.select-display {
  background: #fff;
  border-radius: 1rem;
  border: 1px solid #ccc;
  padding: 0.6rem 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
   font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #000000;
    outline: none;
}


/* 下拉箭头 */
.select-display::after {
   content: '';
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.6rem;
  height: 0.6rem;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}


/* 下拉内容容器 */
.select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 24rem;
  background: #FFFFFF;
  border-radius: 1rem;
  border: 1px solid #DCDCDC;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  margin-top: 0.4rem;
  overflow-y: auto;
  display: none;
  z-index: 1000;
  padding-top: 2.9rem;
  padding-bottom: 2.2rem;
  
}

/* 显示下拉 */
.select-dropdown.active {
  display: block;
}

/* 下拉项 */
.select-item {
  padding: 0.8rem 1rem;
  cursor: pointer;
  font-size: 1rem;
  color: #333;
font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;


}
.select-item:hover{
    color: #F8931F;
}



.hover-img-wrapper {
  position: relative;
  display: inline-block;
}


.quickview-tooltip {
  position: absolute;
  top: -45px; /* 上移以显示在图片上方 */
  left: 50%;
  transform: translateX(-50%);
  background-color: #ccc;
  color: #000;
  padding: 6px 12px;
      font-size: 1.4rem;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 10;
}

.quickview-tooltip::after {
  content: '';
  position: absolute;
  top: 100%; /* 三角形放在底部 */
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #ccc transparent transparent transparent; /* 上黑下透明形成小三角 */
}



























.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw; /* 使用 vw 保证适配所有屏幕 */
  height: 100vh;
  background: rgba(0, 0, 0, 0.4); /* 黑色+透明度 */
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  z-index: 999;           /* 保证在最上层 */
}


.popup-content {
  background: #fff;


 width: 130rem;
height: 65rem;
padding-top: 5.7rem;
padding-left: 3.5rem;
position: relative;

}

.overlay .product-content .product-content-image-right{
   width: 51.2rem;
    height: 34.6rem;
}
.overlay .product-content{
    padding-top: 0px;
}
.overlay .product-content-attribute{
    align-items: flex-start;
}
.overlay .product-content-attribute .des li{
    text-align: left;
}



.overlay .close{
    position: absolute;
  
    font-family: Roboto;
    font-weight: 400;
    font-size: 2.4rem;
    color: #777777;
    top: 0.5rem;
    right:7rem;
}


.sale{
    position: fixed !important;
    width: 20rem !important;
    height: 29rem !important;
    background: #FFFFFF !important;
    box-shadow: 0rem 1rem 1rem 0rem #DDDDDD !important;
    border-radius: 1rem !important;
    border: 0px solid #DCDCDC !important;
    top: 56.8rem !important;
    left: 3.9rem !important;
    padding-left: 2.2rem !important;
    padding-top: 2.2rem !important;
    cursor: pointer;
    
}
.sale .sales{
    display: block;
    width: 2.7rem;
height: 1.1rem;
font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
width: 5.5rem;
height: 2rem;
background: #DE0909;
border-radius: 1rem;
color: #FFFFFF;
text-align: center;
cursor: pointer;
}
.sale .sales:hover{
     text-decoration-line: underline;
}
.sale img{
    width: 12.9rem;
height: 9.2rem;

margin-top: 2.5rem;
}
.sale .product_title{
    width: 14rem;
font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #777777;
display: block;
margin-top: 1.4rem;

white-space: nowrap;        /* 不换行 */
    overflow: hidden;           /* 超出的隐藏 */
    text-overflow: ellipsis;   
    
}
.sale .bulk{
 
font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
color: #F8931F;
display: block;
margin-left: 4.1rem;
margin-top: 2.3rem;
}



.review_submit{
     width: 18rem;
    height: 4rem;
    background: #EEEEEE;
    border-radius: 2rem;
    color: #000;
    /* width: 12rem; */
    /* height: 1.4rem; */
    font-family: Roboto;
    font-weight: bold;
    font-size: 1.8rem;
    color: #000000;
    border: none;
}
.review_submit:hover{
    background-color: orange;
    color: #fff;
}
  /* 表单基础样式 */
  .cmf-form {
        width: 117rem;
            border-bottom: 1px solid #ccc;
    padding-bottom: 4rem;
    display: none;
  }
  .cmf-form label{
  
        font-family: Roboto;
        font-weight: 400;
        font-size: 1.4rem;
        color: #010101;
        margin-bottom: 1.2rem;
  }
  .cmf-form input{
          width: 100%
    height: 4rem;
    background: #FFFFFF;
    border-radius: 2rem;
    border: 1px solid #DCDCDC;
    /* width: 15.3rem; */
    /* height: 1.4rem; */
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #AAAAAA;
    padding-left: 1rem;
  }
  
  .cmf-form textarea{
          width:100%;
    height: 10rem;
    background: #FFFFFF;
    border-radius: 2rem;
    border: 1px solid #DCDCDC;
    /* width: 16.5rem; */
    /* height: 1.4rem; */
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.4rem;
    color: #AAAAAA;
    padding-left: 1rem;
  }
  .cmf-form .form-des{
      
font-family: Roboto;
font-weight: 400;
font-size: 1.4rem;
display: block;
margin-bottom: 3rem;
color: #010101;
  }
  
  .form-group {
    margin-bottom: 20px;
  }
  
  label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
  }
  
  /* 星星评分样式 */
  .star-rating {
    font-size: 30px;
    line-height: 1;
    display: flex;
    position: relative;
  }
  
  .star {
    cursor: pointer;
    color: #ddd;
    transition: color 0.2s;
    /*margin-right: 5px;*/
    position: relative;
    /*width: 30px;*/
    text-align: center;
  }
  
  .star.active {
    color: orange;
  }
  
  .star.half:after {
    content: "☆";
    color: #ddd;
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
  }
  
  .rating-text {
    margin-top: 5px;
    color: #666;
  }
  
  /* 上传区域样式 */
  .upload-area {
    border: 2px dashed #ddd;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .upload-area:hover {
    border-color: orange;
  }
  
  .upload-placeholder i {
    font-size: 40px;
    color: #ccc;
    display: block;
    margin-bottom: 10px;
  }
  
  .upload-placeholder p {
    margin: 0;
    color: #999;
  }
  
  .preview-area {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  
  .preview-item {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
  }
  
 #previewArea img, .preview-item video {
    width: 18rem;
    height: 18rem;
    object-fit: cover;
  }
  
  .remove-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
  }
  
  
  .star-rating {
  font-size: 2rem;
  cursor: pointer;
  user-select: none;
}
.star {
  color: #ccc;
  font-family: Arial, sans-serif;
  transition: color 0.3s;
}
/* 激活的星星颜色 */
.star.active {
  color: #EABE12;
}
/* 鼠标悬浮时高亮 */
.star-rating:hover .star {
  color: #ccc;
}
.star-rating:hover .star:hover,
.star-rating:hover .star:hover ~ .star {
  color: #EABE12;
}

.star.empty path {
  fill: #ccc; /* 空星灰色 */
}

.star.active path {
  fill: #EABE12; /* 实星黄色 */
}

tbody, td, tfoot, th, thead, tr{
border:1px solid #ccc !important;    
}





.country_select input:focus {
    outline: none;         
    box-shadow: none;      
    border-color: #ccc;    
    
}

.country_select input{
    border: none !important;
}