input::placeholder, textarea::placeholder {
    color: #ccc;
}

.pbt_info_text img {
    max-width: 100%;
}
.text-right {text-align:right;}

.mobileMsgMark {
    position: fixed;
    z-index: 10000;
    display: none;
    background-color:rgba(0,0,0,0.3);
    width: 100%; height: 100%; left: 0; top: 0;
}
.mobileMsgPlane {
    position: fixed;
    z-index: 10001;
    left: 50%; margin-left: -200px;
    top:50%; margin-top: -220px;
    background: #fff;
    width: 420px; height: 280px;
    padding:10px;
    border-radius: 5px;
}

.copyright_text a{ color:#fff;}

.sub_categories .singlecats {
	padding:5px 10px;
}
.sub_categories .singlecats span { font-size:14px;}

.text-cut {
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tophead_items {
    font-size: 14px;
}

.withsubs a{
    font-size: 16px;
}

.copyright_text {
    font-size: 14px;
}

.align-center {
    display: flex; justify-content: center;
}

.maxLineTwo {
	text-overflow: -o-ellipsis-lastline;
	max-height: 46px;
	line-height: 16px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.topariv_img{
    width: 100%;        /* 容器宽度 */
    position: relative; /* 为绝对定位子元素提供定位上下文 */
    padding-top: 100%;  /* 关键：垂直方向padding基于父容器宽度计算，100%即高度=宽度 */
}
.product_box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* 图片填充方式 */
}

.sna_img{
    width: 100%;        /* 容器宽度 */
    position: relative; /* 为绝对定位子元素提供定位上下文 */
    padding-top: 100%;  /* 关键：垂直方向padding基于父容器宽度计算，100%即高度=宽度 */
}
.sna_img img.prd_img {
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* 图片填充方式 */
}

.helplist {
    display: flex; justify-content: space-between;
    border-bottom: 1px solid #efefef;
    font-weight: normal; font-size: 16px;
}
.helplist dt {
    font-weight: normal;
}
.helplist dd {
    font-size: 12px; color: #999;
}

/*---分页---*/
.pages .pagination {
    display: flex; justify-content: center; align-content: center;
}
.pages .pagination li {
    margin: 0 4px; padding: 0px 10px;
    border-radius: 2px;
    border: 1px solid #efefef;
}
.pages .pagination li.active {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
}

.article_title {
    font-size: 18px; font-weight: bold; text-align: center; padding: 10px;
}
.article_time {
    text-align: center; background: #f5f5f5; font-size: 12px; line-height: 32px;
}
.article_content {
    line-height: 28px;
    padding: 20px 15px;
    font-size: 14px;
}
.article_back {
    display: flex; justify-content: space-between; align-content: center;
    padding: 15px;
}
.article_back a {
    color: red;
}
.article_back span {
    font-size: 12px;
}


body .layui-layer-btn a {
    height: 50px;
    line-height: 50px;
    padding:0 25px;
    min-width: 140px;
    border-radius: 5px;
    box-shadow: 0 2px 6px #FF0000;
}
body .layui-layer-btn a.layui-layer-btn1 {
    box-shadow: 0 2px 6px #f9f9f9;
}
.mycustomClass .layui-layer-title {
    padding: 0 81px 0 40px;
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #f9f9f9;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 2px 2px 0 0;
    display: none;
}
.mycustomClass .layui-layer-setwin span {
     font-size: 20px; color: #999; top: 5px; right: 5px;
}
.mycustomClass .layui-layer-content{
    text-align: center;
    padding: 40px 30px 20px 30px;
    font-size: 16px;
}
.mycustomClass .layui-layer-content .layui-layer-face {
    position: relative;
    width: 100%; display: block;
    text-align: center; font-size: 60px; left: 0; top: 0;
    height: 78px; line-height: 60px;
}

body .layui-layer-dialog.mycustomClass{
    min-width: 450px;
    border-radius: 5px;
}
body .layui-layer-hui {
    min-width: 100px;
}
body .layui-layer-btn .layui-layer-btn0 {
    border-color: transparent;
    background-color: #FF8220;
	background-image: linear-gradient(45deg,#FF0000,#DD342B);
    color: #fff;
}

body .layui-layer-dialog.mycustomClass .layui-layer-btn {
    padding: 30px 15px 40px 15px;
}

.acprof_link_title {
    font-size: 16px !important;
}
.acprof_link_title i {font-size:20px;}

.flex-start {
    display: flex; justify-content: flex-start; align-items: center;
}



.ly-logo {
    max-height: 40px;
}
.padding-tb-sm {
    padding: 10px 0;
}

.margin-bottom {
    margin-bottom: 15px;
}

.empty-text {
    text-align: center;
    padding: 100px 0;
    color: #999;
}

.text-sm {
    font-size: 12px !important; font-style: normal;
}

.show {
    display: block !important;
}
.hide {
    display: none !important;
}

.cu-avatar {
    width: 48px; height: 48px;
}
.round {
    border-radius: 100%;
}

.visibility{
    opacity:1; visibility:visible
}
.unvisibility{
    opacity:0; visibility:hidden;
}


.element {
  position: relative;
  background-size: cover;
}
.element::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  filter: blur(20px); /* 调整模糊程度 */
  z-index: 0; /* 确保伪元素在内容之下 */
}
.topIndex {
    position: absolute; left: 50%; top: 0;
    z-index: 2; margin-left: -700px;
    width: 100%; height: 100%;
}

.text-gray {color:#999 !important;}

.index_banner {
    height: 510px; background-repeat: no-repeat; background-position: 0 0;
    background-size: 100% 100%;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.more-cate {
    margin-bottom: 24px;
}
.more-cate a {
    padding: 0 10px; color: #666; font-size: 16px; font-weight: 500;
}

.cate_ico {
    width: 16px; height: 16px; margin-right: 5px;
}

.order_img_box {
    width: 60px; height: 60px;
    margin-right: 8px;
}
.order_img{
    border-radius: 5px;
    width: 60px; height: 60px;
}

.blank50 {height: 50px;}
.blank30 {height: 30px;}
.blank20 {height: 20px;}
.blank10 {height: 10px;}

.text-bold {font-weight:bold;}

.text-red {
    color: var(--primary-color) !important;
}
.text-black {color:#333;}

.padding-lg {
    padding:25px;
}
.padding-left {padding-left: 15px;}

.flex-between {
    display: flex; justify-content: space-between; align-items: center;
}

.text-xxl {
    font-size: 20px;
}
.text-lg {
    font-size: 16px;
}
.font-14 {
    font-size: 14px;
}
.font-24 {
    font-size: 24px !important;
}
.text-df {font-size:14px !important;}

.margin-left { margin-left:15px;}
.margin-right { margin-right:15px;}

.margin-top {
    margin-top: 10px;
}

.info-list {
    border-bottom:1px solid #efefef;
    padding: 15px 0;
    display: flex; justify-content: space-between; align-items: center;
}
.info-list h2 {
    font-size: 16px; line-height: 25px;
}
.info-list p {
    color: #999; font-size: 14px; line-height: 22px;
}

.address_list {
    padding: 20px 0;
    border-bottom:1px solid #efefef;
}

.checkbox-lg {
    zoom: 1.5;
}

.padding-left-xs {
    padding-left: 2px;
}

.bg-gray {
    background-color: #dedede !important;
}

@media (max-width: 575.98px){
    .index_banner {
        height: 330px;
    }
    
    body .layui-layer-dialog.mycustomClass {
        min-width: 250px;
        border-radius: 5px;
    }
}