
*{ padding:0; margin:0; }
.blank20{height: 20px; clear: both;}
.blank15{height: 15px; clear: both;}
.paddT30{padding-top:30px;}
.padd30{ padding:30px 0 10px; }
.wrapper{ width: 1320px; margin:0 auto;  }
.wrapper2{ width: 1320px; margin:0 auto;  }
.backGBff{ background-color: #fff; }
.onthis_red{ color: #CD1120!important;}

.blankbg10{ height: 10px; background-color: #f2f2f2; }

.blank189{ height: 189px; }
.blank146{ height: 146px; }
.suspending{width: 100%; position: fixed; top:0;   z-index: 899898}
/*商城头部*/
.red_colr{ color: #CD1120; font-weight: bold; }
.shop_head{ height: 26px; background:#F5F5F5; color: #ACACAC; line-height: 26px; }
.head_single{ float: right; }
.head_single ul{}
.head_single ul li{ padding:0 0 0 16px; display: inline-block; float: left;}
.head_single ul li a.red_colr{ font-weight: normal; }
.head_single ul li span.red_colr{ padding-left: 5px;}
.personal{position: relative;}
.personal .pres_btn i{ float:right; color: #aaa; margin-left: 5px; background:url(../Images/arr_icon02.png) no-repeat center center; width: 10px; height: 5px; margin-top: 10px;   }

.pres_cont a{display: block;}
.personal .pres_cont{display: none; padding:5px 5px; position: absolute; top: 26px; background: #fff; color: #aaa; text-align: center; width: 128%; right: -12px;}
.personal:hover .pres_cont{ display: block; }
.personal:hover .pres_btn i{background:url(../Images/arr_icon01.png) no-repeat;}
.buy_sy img{padding-right: 3px;}

.notice{position: relative;}
.notice i,.notice span{ color: #CD1120; }
.bulletin{ display: none; position: absolute;  z-index: 8977; top: 26px; left: -180px; background: #fff; width: 400px; padding:10px 30px 20px 40px;} 
.bulletin ul{ display: block; padding:0px 0px 0 0px; }
.bulletin ul li{ font-size: 14px; padding:10px 0; clear: both; width: 100%; position: relative; }
.bulletin ul li a{ width: 320px; float: left;
    color: #666; 
    line-height: 22px;
    max-height: 66px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; 
    color: #555;
 }
.bulletin ul li a:hover{ color: #CD1120; }

 li.on_icons:before{ content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #CD1120; position: absolute; left: -18px; top: 16px; }
.bulletin ul li span{ width: 80px; float: right; text-align: right;line-height: 22px; color: #aaa; }
.nurse{ width: 100%; }
.nurse .nur_more{ color: #0677CD; font-size: 12px; }
.nurse .onekey{ border-radius:5px; float: right; background-color: #CD1120; font-size: 14px; height: 28px; line-height: 28px; }
.notice:hover .bulletin{ display: block; }
.article{ height: 90px; background:url(../Images/through01.png) no-repeat; }
.head_single ul li .advice{ color: #ACACAC; }
.head_single ul li.head-shortcut a,
.head_single ul li.buy_sy a{ color:#ACACAC; }
.head_single ul li.head-shortcut a:hover,
.head_single ul li.buy_sy a:hover{ color:#CD1120; }
.head_single ul li.head-shortcut i{ margin-right:4px; color:#CD1120; }

/* 商城右侧快捷功能 */
.favorite-float{
    position:fixed;
    top:50%;
    right:18px;
    z-index:899999;
    width:46px;
    padding:5px 0;
    border:1px solid #e3e3e3;
    border-radius:6px 0 0 6px;
    background:#fff;
    box-shadow:0 2px 12px rgba(0,0,0,.15);
    transform:translateY(-50%);
    box-sizing:border-box;
    transition:width .2s ease;
}
.favorite-float-toggle,
.favorite-float-link{
    position:relative;
    display:block;
    width:44px;
    height:42px;
    padding:0;
    border:0;
    background:#fff;
    color:#666;
    font-size:20px;
    line-height:42px;
    text-align:center;
    box-sizing:border-box;
    cursor:pointer;
}
.favorite-float-toggle{
    width:100%;
    height:28px;
    border-bottom:1px solid #eee;
    color:#999;
    font-size:18px;
    line-height:27px;
}
.favorite-float-link:hover,
.favorite-float-toggle:hover,
.favorite-float-link:focus-visible,
.favorite-float-toggle:focus-visible{
    background:#CD1120;
    color:#fff;
    outline:0;
}
.favorite-float-link + .favorite-float-link{ border-top:1px solid #f0f0f0; }
.favorite-float-link:before,
.favorite-float-toggle:before{
    content:attr(data-tooltip);
    position:absolute;
    top:50%;
    right:calc(100% + 9px);
    visibility:hidden;
    opacity:0;
    min-width:68px;
    padding:5px 8px;
    border-radius:3px;
    background:#000;
    color:#fff;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    white-space:nowrap;
    pointer-events:none;
    transform:translateY(-50%);
    transition:opacity .15s ease;
}
.favorite-float-link:hover:before,
.favorite-float-toggle:hover:before,
.favorite-float-link:focus-visible:before,
.favorite-float-toggle:focus-visible:before{ visibility:visible; opacity:1; }
.favorite-float.is-collapsed{
    width:32px;
    padding:0;
}
.favorite-float.is-collapsed .favorite-float-links{ display:none; }
.favorite-float.is-collapsed .favorite-float-toggle{
    height:42px;
    border-bottom:0;
    line-height:42px;
}
@media (max-width: 1400px){
    .favorite-float{ right:14px; }
}

.shop_logo{ height: 70px; line-height: 70px; color: #181818; font-size: 12px;  float: left; }
.shop_logo img{ padding-right: 20px;}
.search{ width: 540px; float: left; margin-left: 25px; }
.search dl dt{ height: 34px; border:2px solid #CD1120; line-height: 30px;font-size: 14px;}
.search dl dt .search_mode{ float:left; width:105px; height:30px; line-height:30px; padding:0 8px; border:0; border-right:1px solid #ddd; background:#fff; color:#333; outline:none; }
.search dl dt .lay_inp{ float: left; background: none; border:none; line-height: 34px; padding:0 15px;width:315px;  }
.search dl dt .sear_tbn{ float: right; background:#CD1120; width:85px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:14px; border:0; box-sizing:border-box;}
.search dl dd{ line-height:20px; color:#979797; padding-top: 10px; }
.search dl dd a{ color: #666; padding:0 2px; }

.shiper{ float: right;margin-right: 130px;}
.shiper li{ float: left; width: 135px; font-size: 14px; }
.shiper li img{float: left;}
.shiper li h2{ float: left; font-size: 14px; margin-top: 10px; color: #181818; text-align: center; padding-left: 10px; }
.shiper li h2 span{ font-size: 12px; color: #aaa; }

.navs{ padding-left: 40px; display: inline-block; }
.navs li{ float: left; font-size: 16px; padding:0 20px;  line-height: 50px; }
.navs li a.ons_this{ color: #CD1120!important; }
.navs > li{ position: relative; }
.navs > li.nav-category:hover > a{ color: #CD1120; }
.category-menu{
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 1000;
    min-width: 320px;
    width: max-content;
    max-width: 960px;
    padding: 0;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.16);
    transform: translateX(-50%);
    white-space: nowrap;
}
.navs > li.nav-category:hover .category-menu{ display: flex; }
.navs > li:nth-last-child(-n+3) .category-menu{ left: auto; right: 0; transform: none; }
.category-menu-group{ min-width: 160px; border-left: 1px solid #ddd; }
.category-menu-group:first-child{ border-left: none; }
.category-menu .category-menu-title{
    display: block;
    padding: 0 18px;
    line-height: 50px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.navs .category-menu ul{ margin: 0; padding: 8px 0; }
.navs .category-menu li{ float: none; padding: 0; font-size: 15px; line-height: 40px; }
.navs .category-menu li a{ display: block; padding: 0 18px; line-height: 40px; }
.navs .category-menu a:hover{ color: #CD1120; background: #f5f5f5; }

.seek_bear{padding-left: 0; padding-bottom: 5px; }
.seek_bear li{padding:0 40px 0 0; position: relative;  }
.seek_find{ padding-top: 15px; }
.seek_bear li:after{ width: 1px; height: 12px; background: #dddd; content: ""; position: absolute; top:19px; right: 20px; }
.seek_bear li:last-child:after{display: none;}

.boundary{ border-bottom: 1px solid #ddd; }



.effec_list{ width: 100%; float: left; position: relative; }
.effec_list:after { position: absolute;
    right: -10px;
    top: 0;
    content: '';
    width: 1px;
    height: 286px; background: url(../Images/wire_bg.jpg) no-repeat center center;
}
.effec_list h1{ width: 130px; height: 130px; margin:0 auto; overflow: hidden; }
.effec_list h1 img{ width: 100%; }
.effec_list h2{ font-size:14px; color: #CD1120; padding:5px 0; }
.effec_list h2 em{ font-size: 10px; }
.effec_list h3{ color: #181818; font-size: 14px; overflow: hidden; height: 60px; line-height: 20px;}
.effec_list p{ font-size: 10px; margin:5px 0; height: 35px; line-height: 18px; display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; color: #aaa;
}
.effec_list h4{ padding:10px 0; }
.stock{ color: #666; font-size: 10px; }
.effec_list a.join_buy{ margin-top: 5px; display: block; border-radius:4px; background-color: #CD1120; color: #fff; width: 100%; height: 30px; line-height:30px; text-align: center;}
.effec_list a.join_buys{ margin-top: 5px; display: block; border-radius:4px; background-color: #CD1120; color: #fff; width: 100%; height: 30px; line-height:30px; text-align: center;}
.effec_list a.join_buy i{ margin-right: 5px; height: 22px; width: 22px; line-height: 22px; display: inline-block; text-align:center; background: #fff; border-radius: 50%; }
.effec_list a.join_buys i{ margin-right: 5px; height: 22px; width: 22px; line-height: 22px; display: inline-block; text-align:center; background: #fff; border-radius: 50%; }
.equipage{ width: 50px; border:1px solid #ddd; height: 22px; float: right; position: relative; }
.equipage .add,.equipage .min{ background-color: #fff; border:1px solid #ddd;
 width:20px; height: 11px; line-height: 10px; 
 font-size: 10px; 
 position: absolute; 
 right: 0; color: #666; 
 overflow: hidden;
}
.equipage .add{top: 0;  z-index: 9; }
.equipage .min{ bottom: 0;z-index: 8;  }
.jon_mun{ padding:0 0 0 5px; height: 20px; width:45px; border:none; background-color: none; }


/**猜你喜欢*/
.guess{ font-size: 18px; color: #181818; padding-top: 15px; display:block; }
.producter{ width: 1220px; margin-left: -7px; padding:7px 0!important; }
.commodity_lsy{width: 200px; padding:15px 24px 0; height: 310px; background-color: #fff; margin:8px;}
.commodity_lsy h1{ width: 195px; height: 130px; }
.commodity_lsy:after { display: none; }



/*我的订单*/
.detriment{ padding:20px 0; }
.detriment .shop_logo{ font-size: 24px;}
.detriment .shop_logo img{  float: left; padding-right: 15px; }
.detriment .shop_logo span{padding-top: 5px; display: inline-block; }
.detriment .search{ float: right; margin-top: 15px; }

.home_ret{ float: left; line-height: 80px; padding-left: 30px; }
.home_ret a{color: #0677CD!important; }
.home_ret a i{ padding-right: 5px; font-size: 16px; }



.snapup{ display: none; }
.favor{ background-color: transparent!important; box-shadow: none!important; }
.favor .layui-layer-setwin {
    position: absolute;
    right: 50px;
    top: 100px;
    font-size: 0;
    line-height: initial;
}
.favor .layui-layer-ico{ background:url(../Images/colse_icon.png) no-repeat; }
.favor .layui-layer-close2 {
    position: absolute;
    right: 0px!important;
    top: 0px!important;width: 22px!important; height: 27px!important; 
    margin-left: 0;
    background-position:0!important;
    _display: none;
}
.snap_btn { text-align: center; }
.snap_btn .layui-btn{ height: 50px; line-height: 50px; width: 140px; background-color: #CD1120; border-radius:50px; }

.nodata{text-align: center; padding:80px 0;}
.nodata i{ background:url(../Images/case_no.png) no-repeat; width: 89px;height: 89px; display: block; margin:0 auto;}
.nodata p{text-align: center; line-height: 45px; color: #181818; font-size: 16px;}


/*信息提示框*/
.errormotify {
    position: fixed;
    top: 35%;
    left: 50%;
    width: 220px;
    padding: 0;
    margin: 0 0 0 -110px;
    z-index: 9999;
    background: #ea4335;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.5em;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.errormotify .motify-inner {
    padding: 10px 10px;
    text-align: center;
    word-wrap: break-word;
    color: #fff;
}
.errormotify .motify-inner span{display:inline-block;width:22px;height:23px;background:url(../Images/error.png) no-repeat;background-size:100%; vertical-align:middle;margin-right:0.6rem;}
.okmotify {
    position: fixed;
    top: 25%;
    left: 50%;
    width: 220px;
    padding: 0;
    margin: 0 0 0 -110px;
    z-index: 9999;
    background: #01b4bf;
    color: #fff;
    font-size: 14px;
    line-height: 1.5em;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
.okmotify .motify-inner {
    padding: 10px 10px;
    text-align: center;
    word-wrap: break-word;
    color: #fff;
}
.okmotify .motify-inner span{display:inline-block;width:22px;height:23px;background:url(../Images/tsok.png) no-repeat;background-size:100%; vertical-align:middle;margin-right:0.6rem;}


.turning{padding:20px 30px; text-align: center;}
.turning a{ cursor: pointer; display: inline-block; margin:0 5px; width: 24px; height: 24px; vertical-align: middle; line-height: 24px;text-align: center; font-size: 14px; }
.turn_on{ background-color: #CD1120; color: #fff;  }
.turning a.pag{ font-size: 20px; margin:0 5px; }
.turning a.pag i{ line-height: 24px; font-size: 24px; }
.turning a.turn_on:hover{ color: #fff; }
