.paddTP10{ padding:10px 0 0;}
.paddTP20{ padding:20px 0 0;}


.banner{padding:20px 0;}
.banner .banner-wrapper{overflow:hidden;}
.banner .banerbox{width:100%;}
.banner img{display:block; width:100%; height:auto;}

/* 商城首页：完整页头随页面滚出，精简页头固定在顶部 */
.home-suspending{position:relative; top:auto;}
.home-header-spacer{height:0;}
.home-header-sentinel{height:1px; margin-top:-1px; pointer-events:none;}
.home-suspending.is-compact{position:fixed; top:0; left:0; width:100%;}
.home-suspending.is-compact .category-nav-row,
.home-suspending.is-compact .search > dl > dd{display:none;}
.home-suspending.is-compact .header-search-row{padding:8px 0; box-shadow:0 2px 8px rgba(0,0,0,.12);}
.home-suspending.is-compact .shop_logo{height:38px; line-height:38px;}
.home-suspending.is-compact .shop_logo img{display:block; width:auto; height:38px; padding-right:20px;}
.home-suspending.is-compact .search{margin-top:0;}


.mall01{ padding:20px 0;}
.mall02{ padding:15px 0;}
.mall03{ padding:20px 0;}
.malltit{text-align: center;}
.malltit span{ font-size: 28px; font-weight: bold; position: relative; display: inline-block;  padding:7px 45px 5px;}
.malltit span::before{content: ''; position: absolute;  width: 29px; height: 43px; background: url(../Images/material/mateicon_01.png) no-repeat; left: 0; top: 0;}
.malltit span::after{content: ''; position: absolute;  width: 29px; height: 43px; background: url(../Images/material/mateicon_01.png) no-repeat; right: 0; top: 0;}

.latest{ margin: 0 -10px;}
.latelist{padding:10px}
.latebox{ background-color: #fff; padding:20px;}
.latebox .lateimg{ overflow: hidden; height: 139px; position: relative;}
.latebox .lateimg a{display: block; height: 100%;}
.latebox .lateimg img{ width: 100%;}
.latetxt {padding:10px 0 0;}
.latetxt .price-line{ display:block; line-height:24px; }
.latetxt .xprice{ color:#bdb5b5;}
.latetxt .stprice{ text-decoration: line-through;}
.latetxt .laprice{ color:#CD1120; font-size: 17px; font-weight: bold;}
.latetxt .latit{ margin-top: 5px; font-size: 16px; line-height: 22px; min-height: 44px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.goods-name-tooltip{
display:none;
position:fixed;
z-index:900100;
max-width:360px;
box-sizing:border-box;
padding:8px 12px;
border-radius:4px;
background:#000;
color:#fff;
font-size:14px;
line-height:20px;
text-align:left;
white-space:normal;
word-break:break-word;
pointer-events:none;
box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.goods-order-tag{ display:inline-block; padding:2px 8px; background:#F3ECAF!important; color:#000!important; font-size:14px!important; line-height:22px!important; border-radius:2px; box-sizing:border-box; }
.goods-order-tag[data-tooltip]{ cursor:help; }
.goods-order-tag-card{ position:absolute; top:0; right:0; z-index:3; max-width:100%; white-space:normal; text-align:right; }
.goods-order-tag.goods-order-tag-inline{ display:inline-block!important; position:static; margin-top:6px; max-width:100%; white-space:normal; }
.goods-order-tag-image{ position:relative; }
.product-detail-trigger{ cursor:pointer; }
.product-detail-page-lock{ overflow:hidden!important; }
.product-detail-layer{ border-radius:8px; overflow:hidden; }
.product-detail-layer .layui-layer-content{ height:100%!important; overflow:hidden; }
.product-detail-layer .layui-layer-setwin{ top:14px; right:18px; z-index:3; width:32px; height:32px; }
.product-detail-layer .layui-layer-setwin .layui-layer-close{ position:static; display:block; width:30px; height:30px; margin:0; border:1px solid #d5d5d5; border-radius:50%; box-sizing:border-box; background:#f5f5f5!important; color:#666; font-size:0; line-height:28px; text-align:center; }
.product-detail-layer .layui-layer-setwin .layui-layer-close:before{ content:'\00d7'; display:block; width:100%; height:100%; font-size:26px; font-family:Arial,sans-serif; font-weight:normal; line-height:27px; }
.product-detail-layer .layui-layer-setwin .layui-layer-close:hover{ border-color:#cd1120; background:#cd1120!important; color:#fff; }
.product-detail-modal{ height:100%; display:flex; flex-direction:column; background:#fff; color:#181818; }
.product-detail-header{ flex:0 0 auto; min-height:60px; padding:17px 52px 15px 24px; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; font-size:20px; font-weight:bold; line-height:28px; overflow-wrap:break-word; }
.product-detail-body{ flex:1 1 auto; min-height:0; padding:20px 24px 28px; box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; }
.product-detail-gallery{ width:100%; }
.product-detail-main{ position:relative; width:100%; height:330px; display:flex; align-items:center; justify-content:center; background:#f3f3f3; overflow:hidden; }
.product-detail-main-image{ display:block; width:100%; height:100%; object-fit:contain; }
.product-detail-arrow{ position:absolute; top:50%; width:42px; height:54px; margin-top:-27px; padding:0; border:0; background:rgba(255,255,255,.75); color:#181818; font-size:34px; line-height:54px; text-align:center; cursor:pointer; }
.product-detail-arrow:hover{ background:rgba(255,255,255,.95); }
.product-detail-prev{ left:10px; }
.product-detail-next{ right:10px; }
.product-detail-caption{ min-height:42px; padding:10px 12px; box-sizing:border-box; background:#f7f7f7; font-size:16px; line-height:22px; overflow-wrap:break-word; }
.product-detail-thumbs{ display:flex; gap:10px; margin-top:14px; padding-bottom:4px; overflow-x:auto; }
.product-detail-thumb{ flex:0 0 72px; width:72px; height:62px; padding:2px; border:2px solid transparent; box-sizing:border-box; background:#eee; cursor:pointer; }
.product-detail-thumb.active{ border-color:#181818; background:#fff; }
.product-detail-thumb img{ display:block; width:100%; height:100%; object-fit:contain; }
.product-detail-section{ margin-top:22px; }
.product-detail-section h3{ margin:0 0 10px; color:#181818; font-size:18px; font-weight:bold; line-height:26px; }
.product-detail-intro,.product-detail-content{ color:#444; font-size:16px; line-height:1.7; overflow-wrap:break-word; }
.product-detail-intro{ white-space:pre-wrap; }
.product-detail-content img,.product-detail-content video{ max-width:100%!important; height:auto!important; }
.product-detail-content table{ max-width:100%; }
.product-detail-no-image{ height:240px; display:flex; align-items:center; justify-content:center; background:#f3f3f3; color:#999; font-size:16px; }
@media (max-width:720px){
    .product-detail-header{ padding-left:16px; font-size:18px; }
    .product-detail-body{ padding:15px 16px 22px; }
    .product-detail-main{ height:280px; }
}
.product-list-btn{ display:block; width:100%; margin-top:10px; padding:5px 0; border:0; border-radius:4px; background:#ddd; color:#181818; font-size:16px; line-height:22px; text-align:center; cursor:pointer; }
.laspeci .product-list-btn{ width:calc(100% - 70px); height:30px; margin:0; padding:4px 0; box-sizing:border-box; line-height:22px; }
.latetxt .laspeci{margin: 10px 0 0; position: relative; height: 30px;}

.laspeci .regula select{ border-color: #ddd; width: 138px; height: 30px; line-height: 30px; border-radius: 3px;}
.laspeci .regula select:invalid{ background-color: #cd1020;;}
.laspeci .equipage{ line-height: 28px; width: 60px; height: 28px;border-radius: 3px;float: inherit; position: absolute; right: 0; top: 0;   background-color: transparent;}
.laspeci .equipage .jon_mun {
    padding: 0 0 0 0px;
    height: 30px;
    width: 55px; line-height: 30px;text-align: center;
    border: none;
    background-color: transparent;
}
.laspeci .equipage .add, .laspeci .equipage .min{ text-align: center; border:none;  height: 30px; line-height: 30px; font-size: 18px;   background-color: transparent;}
.laspeci .equipage .add{ right: 0; left: auto;}
.laspeci .equipage .min{ left: 0; right: auto;}

.latebox .cartbtns{ margin-top: 20px; display: block; border-radius:4px; background-color: #CD1120; color: #fff; width: 100%; padding:3px 0; text-align: center;}
.latebox .cartbtns i{ vertical-align: middle; margin:2px 5px 0 0; height: 22px; width: 22px; line-height: 22px; display: inline-block; text-align:center; background: #fff url(../Images/shop_buy.png) no-repeat center center; border-radius: 50%; }
.latebox .cartbtns span{vertical-align: middle; display: inline-block; }

.latebox .join_buys{ margin-top: 20px; display: block; border-radius:4px; background-color: #CD1120; color: #fff; width: 100%; padding:3px 0; text-align: center;}
.latebox .join_buys i{ vertical-align: middle; margin:2px 5px 0 0; height: 22px; width: 22px; line-height: 22px; display: inline-block; text-align:center; background: #fff url(../Images/shop_buy.png) no-repeat center center; border-radius: 50%; }
.latebox .join_buys span{vertical-align: middle; display: inline-block; }

/* Buyer favorite button */
.latebox .cartbtns,
.latebox .join_buys{
    display:inline-block;
    width:calc(100% - 48px);
    vertical-align:middle;
}
.latebox .favorite-btn{
    width:38px;
    height:34px;
    margin:20px 0 0 6px;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#CD1120;
    font-size:30px;
    line-height:34px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}
.latebox .favorite-btn:hover,
.latebox .favorite-btn:focus{ color:#e1303c; }
.latebox .favorite-btn[disabled]{ cursor:wait; opacity:.55; }
.latebox .favorite-btn .fa{ display:block; line-height:34px; }
.favorite-page-section{ min-height:420px; padding-bottom:30px; }
.favorite-empty{
    width:100%;
    padding:90px 20px;
    color:#666;
    text-align:center;
    box-sizing:border-box;
}
.favorite-empty-title{ color:#181818; font-size:18px; }
.favorite-empty-tip{ margin-top:12px; font-size:14px; }

/*弹窗*/
.castle{ background-color: #fff; display: none;}
.castle .castleTit{ border-bottom: 1px solid #E7E3E3; padding:15px 20px; line-height: 24px; color: #3A3A3A; font-size: 16px;}
.castle .castlecont{padding:15px 5px 25px;}
.castle .castlecont ul{ overflow-y: auto; padding:0px 15px; height: 350px;}
.castle .castlecont ul li{ font-size: 16px; line-height: 26px; padding:3px 0; color: #3A3A3A;}
.castle .castlecont ul li p{  line-height: 24px; }
.castle .castlecont ul li a{ color:#3A3A3A;}
.castle .castlecont ul li span{ color: #999999; padding-left: 5px;}
.demolayer{ width:600px; max-width:calc(100vw - 30px); }
.demolayer .layui-layer-content{ height:100%; max-height:calc(100vh - 40px); overflow:hidden; }
.demolayer .castle{ box-sizing:border-box; display:flex; flex-direction:column; height:100%; }
.demolayer .castle .castleTit{ flex:0 0 auto; }
.demolayer .castle .castlecont{ box-sizing:border-box; flex:1 1 auto; min-height:0; }
.demolayer .castle .castlecont ul{ height:100%; max-height:none; box-sizing:border-box; }
.demolayer .layui-layer-setwin{right: 45px;    top: 40px;}
.demolayer .layui-layer-setwin .layui-layer-close2{ width: 23px; height: 23px; background: url(../Images/material/colse.png) no-repeat center center; background-position:0;}
.demolayer .layui-layer-setwin .layui-layer-close2:hover{ background: url(../Images/material/colse.png) no-repeat center center;}

/* 滚动条凹槽的颜色，还可以设置边框属性 */
.castle .castlecont ul::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

/* 滚动条的宽度 */
.castle .castlecont ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 滚动条的设置 */
.castle .castlecont ul::-webkit-scrollbar-thumb {
  background-color: #ddd;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  background-clip: padding-box;
}

/* 滚动条鼠标移上去 */
.castle .castlecont ul::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}

.advertit img{ width: 100%;}
.adverbg{padding:18px; overflow: hidden; border-radius: 35px; background-color: #fa8618;}

.advertis{padding:18px;border-radius: 35px; border:1px solid rgba(255,255,255,0.5); }

.advertis .adverlist{padding:10px 15px;}
.advertis .adverlist .adverbox{ }
.advertis .adverlist .adverbox img{ width: 100%; }









.order_tab{ margin: 15px 0 10px!important; }
.order_tab .layui-tab-content{padding:0;}
.order_tab .layui-tab-title{ position: relative; text-align: center; background-color: #fff; height: 30px; line-height: 30px; padding:15px 0; }
.order_tab .layui-tab-title li{ padding:0 15px;margin:0 30px; height: 30px; line-height: 30px; }
.order_tab .morebtn{ z-index: 666;; color: blue; display: inline-block; position: absolute; top: 15px; right: 30px; }
 .order_tab .morebtn span{ font-size: 14px; color: blue;}
.order_tab .layui-tab-title li:after {
    position: absolute;
    left: 30px;
    top: 0;
    content: '';
    width: 100%;
    height: 30px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ddd;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;

}
.order_tab .layui-tab-title li:last-child:after{ display: none; }

.order_tab .layui-tab-title .layui-this{ background-color: #CD1120; color: #fff; border-radius: 35px; }




.semester{ padding:20px 0;}
.semester .semestit{padding:0 10px;}
.semester .semestit span{ height: 42px; line-height: 42px; padding:0 40px; display:inline-block; background-color: #CD1020; color: #fff; border-radius: 20px 20px 0 0;}
.semester .layui-tab{ background-color: #fff; margin: 0;}
.semester .layui-tab .layui-tab-title{ height: 42px; line-height: 42px; border: none; background-color: #F5F2CF;}
.semester .layui-tab .layui-tab-title .layui-this{ background-color: #fff;}
.semester .layui-tab .layui-tab-title li{height: 42px; line-height: 42px; padding:0 40px; }
.semester .layui-tab .layui-tab-title li::after{ content: ''; position: absolute; right: 0; height: 13px; width: 1px; background-color: #BBBABA; top: 50%; margin-top: -6px;}
.semester .layui-tab .layui-tab-title .layui-this:after{ display: none;}

.semester .latest{margin: 0; min-height: 322px;}
.semester .latelist{padding:0;}
.semester .layui-tab-content{padding:20px;}
.semester .latebox .lateimg{ height: 125px;}
.mall02 .semester .latebox .lateimg{ height: 144px;}
.mall02 .semester .latebox .lateimg img{ height: 144px;}


/*购物车组合商品*/
.fr{float: right;}
.graycor{ color: #a3a3a3;}
.blackcor{ color: #333;}
.redcor{ color: #cd0d1e;}

.combina{}
.combsplace{ line-height: 30px; padding:15px 0; font-weight: bold;}
.combsplace span{ color:#ED2F2F;}
.ordergods{background-color: #fff; padding:30px;}
.ordergods .subscr_tile{padding:0 0 20px;}
.ordergods .subscr_tile .exchange{    margin-left: 10px;}
.ordergods .subscr_tile .exchange .layui-btn{ background-color: #02acff;}
.ordergods .subscr_tile .subsc_r .layui-input-inline .layui-input{ border: 1px solid #ddd; height: 40px; line-height: 40px;}

.ordergods .volume{ height: 40px; color: #666; line-height: 40px; background-color: #F2F2F2; clear: both; }
.ordergods .volume span{ display: inline-block; text-align: center; }
.ordergods .group01{ width: 210px; padding-left: 50px; text-align: left!important; }
.ordergods .group02{width: 100px;}
.ordergods .group03{ width: 100px;}
.ordergods .group04{ width: 100px;}
.ordergods .group05{ width: 100px; }
.ordergods .group06{ width: 100px;}
.ordergods .group07{ width: 100px;}

.ordergods .quota{ width: 120px;}
.ordergods .clothing{ padding: 15px 0;}
.ordergods .clothing div{ float: left; text-align: center;  height: 50px;}
.ordergods .adorn_box{ height: 50px; width: 250px; padding:0;}
.ordergods .adorn_box h1{ width: 70px; height: 50px;  text-align: left;}
.ordergods .adorn_box img{ width: 100%; min-height: 50px; max-width:100%!important;}
.ordergods .adorn_box h2{ width: 170px;text-align: left;}
.ordergods .adorn_box h2 p{  margin-top: 0px;font-size: 12px; line-height: 14px;}
.ordergods .adorn_infr{ width: 100px; line-height: 50px;}

.ordergods .clothing .group02,.ordergods .clothing .group02,.ordergods .clothing .group03,.ordergods .clothing .group04,.ordergods .clothing .group05,.ordergods .clothing .group06,.ordergods .clothing .group07{ display: flex; align-items: center; justify-content: center;}

.ordergods .colsebtns{ height: 12px; width: 12px; display: inline-block; background: url(../Images/material/colseicon01.png) no-repeat center center;}
.ordergods .colsebtns:hover{background: url(../Images/material/colseicon02.png) no-repeat center center;}
.ordergods .livery{padding:0 15px;}
.ordergods .livery span{    padding: 0 5px 0 5px;}

.turnOver{ text-align: center; padding:30px 0 0;}
.turnOver a{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; background-color: #cd1020; margin: 0 1px;}
.turnOver .prevbtn,.turnOver .nextbtn{vertical-align: middle; font-weight:bold; background-color: transparent; color: #383838; }
.turnOver .nextbtn{margin: 0;}

.emptyPro{ height: 450px; width: 100%; display: flex;  justify-content: center; align-items: center;}
.search-empty{ text-align:center; color:#999; }
.search-empty-title{ color:#555; font-size:22px; line-height:36px; }
.search-empty-tip{ font-size:14px; line-height:28px; }


.search{ width: 510px;}
.search dl dt .lay_inp{width: 285px;}






 .layui-col-5ths {
        width: 20%;
        float: left;
				position: relative;
				display: block;
				box-sizing: border-box;
    }