﻿@charset "utf-8";

/*公告布局*/
.marqueen{position:absolute;top:10px;right:0px;overflow:hidden;width:220px;height:400px;text-align:left;z-index:99;}
.marqueen_box{width:210px;height:390px;background:#FFF;position:absolute;left:5px;top:5px;z-index:9;}
.marqueen_box_bg{width:220px;height:400px;background:#FFF;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;}
.banner-news{height:135px;overflow:hidden;padding:0 0 10px 0;box-sizing:border-box;}
.banner-news li{width:100%;height:30px;line-height:30px;padding:0 10px;font-size:12px;box-sizing:border-box;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.marqueen-title{font-size:12px;text-align:left;padding-left:10px;background:#f5f6fa;height:30px;line-height:30px;font-weight:400;color:#353b48;margin-bottom:5px;box-sizing:border-box;}
.mod-vip{display:block;padding:10px;height:123px;overflow:hidden;box-sizing:border-box;}
.m-baseinfo{position:relative;height:50px;}
.m-baseinfo img.user-avatar{display:block;width:50px;height:50px;border-radius:50px;}
.m-baseinfo .s-name{width:130px;height:50px;position:absolute;top:0px;left:60px;font-size:12px;color:#3C3C3C;}
.m-baseinfo .s-name dl{width:130px;height:50px;padding:5px 0;box-sizing:border-box;}
.m-baseinfo .s-name dl dt{width:130px;height:20px;line-height:20px;float:left;color:#353b48;}
.m-baseinfo .s-name dl dt a{color:#353b48;}
.m-baseinfo .s-name dl dt a:hover{color:#e84118;}
.m-baseinfo .s-name dl dd{width:130px;height:20px;line-height:20px;float:left;color:#718093;}
.m-baseinfo .s-name dl dd a{color:#718093;}
.m-baseinfo .s-name dl dd a:hover{color:#e84118;}
.member-login .btn{width:90px;height:25px;display:inline-block;line-height:25px;text-align:center;font-size:12px;}
.member-login .btn:hover{color:#fff !important;text-decoration:none;opacity:0.8;}
.member-login{overflow:hidden;height:25px;text-align:center;margin-top:15px;}
.member-login .member-login-btn{background:#e84118;color:#FFF !important;border-radius:3px;float:left;}
.member-login .member-reg-btn{background:#273c75;color:#FFF !important;border-radius:3px;float:right;}
.member-center{overflow:hidden;height:43px;margin-top:10px;}
.member-center a{float:left;margin-left:-1px;width:33.33%;text-align:center;border-left:1px solid #EEE;font-size:12px;text-decoration:none;color:#353b48;box-sizing:border-box;}
.member-center a:hover{color:#e84118;}
.member-center a strong{height:18px;display:block;font-size:14px;color:#e84118;margin-bottom:5px;}
.kuaijie-btn-box{width:209px;height:132px;overflow:hidden;border-top:1px solid #dcdde1;box-sizing:border-box;}
.kuaijie-btn-box ul{width:210px;}
.kuaijie-btn-box ul li{width:70px;height:66px;float:left;overflow:hidden;border-right:1px solid #dcdde1;border-bottom:1px solid #dcdde1;box-sizing:border-box;}
.kuaijie-btn-box ul li a{display:inline-block;width:100%;height:100%;text-align:center;font-size:12px;box-sizing:border-box;}
.kuaijie-btn-box ul li a .iconfont{font-size:20px;display:block;height:24px;line-height:24px;margin:10px 0 5px 0;}


/*首页大幻灯*/
.slideall{width:1200px;margin:0px auto;height:420px;position:relative;}
.carousel-box{width:100%;height:420px;overflow:hidden;position:absolute;left:0;z-index:99;}
#index-carousel .carousel-item li{height:420px;position:relative;}
#index-carousel .carousel-item li img{width:1200px;left:50%;position:absolute;margin-left:-600px;display:block;max-width:100%;}
.item-box{width:100%;height:420px;text-align:center;min-width:1200px;}
.item-box img{width:1200px;height:auto;}
.item-box a{display:block;width:100%;height:100%;}

/*品牌精选*/
.brand_box{background:#FFF;}
.brand_box .brand_left{width:180px;height:290px;float:left;background:#e84118;box-shadow:0 2px 2px 0 rgba(44, 71, 146, 0.17);}
.brand_box .brand_left img{}
.brand_box .brand_right{width:1010px;height:290px;float:right;}
.brand_box .brand_right ul{width:1020px;}
.brand_box .brand_right li{width:160px;height:90px;background:#FFF;float:left;margin:0 10px 10px 0;padding:10px;box-shadow:0 2px 2px 0 rgba(44, 71, 146, 0.17);box-sizing:border-box;}
.brand_box .brand_right li img{width:100%;height:100%;display:block;object-fit:cover;border-radius:3px;}
.brand_box .brand_right li a{width:100%;height:100%;display:block;text-align:center;line-height:70px;}


/*楼层*/
.home-floor{width:100%;background:#F5F6FA;overflow:visible;margin-bottom:30px;}
.items-nav-title{text-align:left;position:relative;margin-top:20px;height:38px;background:#F5F6FA;border-bottom:1px solid #f1f2f6;}
.items-nav-title h4{float:left;border:none;font-size:18px;font-weight:600;color:#273c75;}
.items-nav-title h3{display:block;font-size:12px;color:#999;float:left;margin-left:10px;margin-top:12px;}
.items-nav-title .today-brands{display:block;position:absolute;right:55px;overflow:hidden;height:20px;top:11px;text-align:right;}
.items-nav-title .today-brands a{font-size:12px;display:inline-block;vertical-align:middle;margin:0px 5px;color:#57606f;}
.items-nav-title .today-brands a:hover{color:#e84118;}
.items-nav-title .more{display:block;position:absolute;right:0px;top:12px;font-size:12px;overflow:hidden;}
.items-nav-title .more a{color:#57606f;}
.items-nav-title .more a:hover{color:#e84118;}
.floor-box{width:1200px;margin:0 auto;background:#fff;position:relative;border:none;box-shadow:0 2px 2px 0 rgba(44, 71, 146, 0.17);margin-bottom:15px;}
.floor-left{width:222px;height:560px;overflow:hidden;float:left;background-color:#ececec;}
.floor-left .img_box{width:222px;height:328px;background:#718093;overflow:hidden;}
.floor-left .img_box img{width:100%;height:auto;}




.floor-left .cat_box{width:222px;height:196px;background:#f5f6fa;color:#353b48;border-left:1px solid #f1f2f6;border-bottom:1px solid #f1f2f6;border-right:1px solid #f1f2f6;padding:10px;overflow:hidden;box-sizing:border-box;}
.floor-left .cat_box .cat_con{width:250px;height:175px;overflow:hidden;}
.floor-left .cat_box a{background:#FFF;box-shadow:0 2px 3px rgba(0, 0, 0, 0.08);float:left;width:auto;letter-spacing:0.5px;line-height:14px;color:#57606f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 10px;border:1px solid #e6e6e6;margin:2px 6px 4px 0;font-size:12px;box-sizing:border-box;}
.floor-left .cat_box a:hover{background:#e84118;color:#FFF;}
.floor-right{width:978px;height:560px;overflow:hidden;box-sizing:border-box;background-color:#fafafa;}
.goods-list .goods-items{height:274px;width:calc(25% - 6px);padding:0px;margin:3px;float:left;position:relative;overflow:hidden;box-sizing:border-box;background-color:#fff;border:1px solid #eaeaea;}




.goods-items:hover{z-index:99;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;-ms-transition:box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in;}

/*.goods-items:hover .product-info{
top:120px;
}*/


.goods-items:hover  .goods-items-img .img_ov{
  opacity:0.5;
   -moz-opacity:0.5;
   filter:alpha(opacity=50);
}





.goods-items a.img_box{display:block;width:100%;overflow:hidden;height:100%;margin-bottom:5px;}



.goods-items a.img_box img{width:100%;height:100%;-webkit-transition:all .5s ease-out .1s;transition:all .5s ease-out .1s;object-fit:cover;border-radius:3px;max-width:100%;padding:10px;box-sizing:border-box;}



.goods-items .goods-items-img{
    width:100%;
    height:70%;
    overflow:hidden;
    float:left;
    position:relative;
}

.goods-items .goods-items-img .img_ov{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color:#000;
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
}


.goods-items .product-info{
    width:100%;
    background-color:#fff;
   position:absolute;
   z-index:5;
   /*bottom:34px;*/
   top:212px;
   left:0px;
 
   box-sizing:border-box;
    transition: top 0.5s;
    -webkit-transition: top 0.5s; /* Safari */

}

.goods-items .product-info .txt{
     width:100%;
    float:left;
    box-sizing:border-box;
    border-top:1px dashed #e5e5e5;

}



.goods-items .product-info .txt p{
    margin:0px;
    padding:2px 5px;
    color:#999;
    box-sizing:border-box;
}

.goods-items .outer-con{
    width:100%;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:10;
    padding:2px 5px;
    box-sizing:border-box;
    background-color:#fff;
    border-top: 1px dashed #e5e5e5;
}






.goods-items .goods-title{line-height:20px;word-break:break-all;font-size:14px;float:left;width:100%;padding:0px 5px;margin:5px 0px;box-sizing:border-box;}
.goods-items .no_goods_pic{font-size: 36px;text-align: center;height: 150px;line-height: 150px;background: #F5F7FA;color: #7f8fa6;}
.outer-con .price, .outer-con .original_price{color:#718093;height:26px;line-height:26px;width:50%;float:left;font-size:12px;}
.outer-con .original_price em{color:#7f8fa6;}
.outer-con .price em{color:#e84118;font-weight:600;}



.noticeplane{
    clear: both;font-size: 1px;height: 0;line-height:45px;height: 45px;background-color:rgba(39, 60, 117, 0.95)
}
.noticeplane .wp{
   background-color:#273c75;
   height:45px;
}

.noticetitle{
   float:left;
   height:45px;
   width:80px;
   color:#fff;
   text-align:center;
   font-size:14px;
}


.noticelist{
    float:left;
    width:calc(100% - 80px);
    margin:0px auto;
    position: relative;
    height:45px;
    overflow: hidden;
}
.noticelist ul{
    width:100%;
    float:left;
}
.noticelist ul li{
    width:100%;
    float:left;
    color:#fff;
    line-height:45px;
    height:45px;
    padding:0px 20px;
}
.noticelist ul.line{
    border:none;
}


.noticelist ul li a{
    color:#fff;font-size:14px;
}

.flloor-left-factorty{
    width:100%;
    float:left;
    padding:5px 4px;
    box-sizing:border-box;

}
.flloor-left-factorty li{
    float:left;
    margin:3px 3px;
    width:100px;
    height:50px;
    background-color:#fff;
    overflow:hidden;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.flloor-left-factorty li a{
    display:block;
    width:100%;
    height:100%;
    float:left;
}

.flloor-left-factorty li:hover{
     border:1px solid #e84118;
     -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .1s ease-in;-ms-transition:box-shadow .1s ease-in;-o-transition:box-shadow .1s ease-in;transition:box-shadow .1s ease-in;
}


.flloor-left-factorty li a:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    height:100%;

}

.flloor-left-factorty li img{
    width:90%;
    height:auto;
    display:inline-block;
    vertical-align:middle;

}

.hottype_box{
    width:100%;
    height:320px;
    padding:30px 0px;
    background-color:#e8e9ee;
    
}
.hottype_box .wp{
    height:300px;
}
.hottype_box ul{
    float:left;
    width:100%;
}
.hottype_box ul li{
   float:left;
   margin:15px 25px;
   width:250px;
   height:125px;
   overflow:hidden;
   border-radius:10px;
   position:relative;
   background-color:#fff;
}
.hottype_box ul li:hover{
    -webkit-box-shadow:0 10px 30px rgba(39, 60, 117, 0.50);-moz-box-shadow:0 10px 30px rgba(39, 60, 117, 0.50));box-shadow:0 10px 30px rgba(39, 60, 117, 0.50);-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;-ms-transition:box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in;
}




.hottype_box ul li img{
    width:100%;float:left;
    height:auto;
}
.hottype_box ul li .title{
    position:absolute;
    width:100%;
    bottom:0px;
    left:0px;
    line-height:32px;
    color:#fff;
    text-align:center;
    font-size:16px;
    background-color:#273c75;
}