@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{font: 14px,,"Microsoft","微软雅黑","PingFang SC"; position:relative;}
a{ text-decoration:none;}
ul,ol{ list-style:none;}
fieldset, img {border: none;}
.clearfix:after{
        content: " ";
        display: block;
        clear: both;
        visibility: hidden;
    }
input{ border:none;}

.wrap{ width:1200px; margin:0 auto;}
.top{ width:100%; height:34px; background-color:#2b2b2b; line-height:34px;}
.fl{ float:left;}
.rt{ float:right;}
.re_lg a{ color:#fff; font-size:14px;}
.shu{padding: 0 14px; color: #4a4a4a;}

.top .site{ padding-left:10px; color:#FFF; font-size:12px; line-height:34px;}
.top .site a{ color:#FFF;}
.top .site a:hover,.g-user-card ul li a:hover{ color:#e6e6e6;}
.top .site .line{ margin:0 12px;}

.tips .iconfont:hover{ color:#FFF;}
.tips{ float:left; margin-right:20px;}
.icon-tixing{color:#aaaaaa; font-size:22px; display:inline-block; padding-top:2px;}
.tips .dot{position: absolute;width: 6px;height: 6px;background-color: #f01414;right:55px;top:7px;border-radius: 50%;}
.user{ position:relative; line-height:34px;}
.user-card{ float:right; width:40px; z-index:999;}
.user-card .img{display: block;height: 34px;line-height: 34px;width: 30px;text-align: center;}
.user-card img{ width:24px; height:24px; border-radius: 50%; margin-top:5px;display: inline-block;}
.g-user-card{ width:246px;background-color:#202428; position:absolute; top:34px; right:0px; z-index:10; display:none;}
.g-user-card .name{ background-color:#262c30; padding:16px 24px;}
.g-user-card .name a{ color:#FFF; line-height:24px; display:block;}
.g-user-card .name .color{ color:#33b349;}
.icon-xiaofei01,.icon-fuwushouxufei,.icon-daizhifu{ color:#fff;}
.g-user-card ul{ padding:10px 16px 0 24px;}
.g-user-card ul li a{ color:#ccc; padding-left:12px;}
.g-user-card ul .line{ width:208px; height:1px; background-color:#363c40; margin:14px 0 20px 0;}
.g-user-card ul .btn a{ display:block; float:right; padding:0 20px; color:#72767a; border:1px solid #72767a; line-height:26px; margin-bottom:20px;}
.g-user-card ul .btn a:hover{ color:#fff; background-color:#72767a;}

.header{height: 72px;box-shadow: 0 5px 5px rgba(0,0,0,0.1);position: relative;z-index:0;}
.header .logo{ display:block; margin-top:4px; width:248px; height:54px; float:left;}
.nav{ float:left; margin:24px 0 0 30px;}
.nav li{ float:left; margin-right:32px; width:28px; text-align:center;}
.nav li a{ font-size:14px; color:#333; position:relative; display:block; line-height:24px;}
.nav li .active,.nav li a:hover{border-bottom: 4px solid #ba2527;}
.header p{ float:right;}

/*购物车*/
.shop .caption{ margin-top:30px; font-size:18px; color:#323232;}
.icon-gouwuche{ font-size:24px; color:#333333; padding-right:12px;}
.empty{ height:240px; line-height:240px; text-align:center; font-size:16px;}
.empty img{ vertical-align:middle; padding-right:10px;}

/*产品*/
.content{ width:100%;background-color:#f8f8f8; margin-bottom:40px;}
.content .title{ text-align:center; padding-top:40px;}
.content .title h1{ font-size:30px; color:#3f444a; font-weight:500; margin-bottom:20px;}
.content .title p{ line-height:22px; font-size:16px; color:#3f444a;}
.content-list{ overflow:hidden; margin-top:45px; margin-left:-24px;}
.content-list li{ float:left; margin-left:24px; display:inline-block; width:382px; border:1px solid #ebeded; background-color:#fff; margin-bottom:24px; position:relative;}
.content-list li .list-top{ padding:20px 24px;border-bottom: 1px solid #ebeded;}
.content-list .list-top h3{ font-size:16px; color:#363c40; margin-bottom:10px; font-weight:500; height:18px;}
.content-list .list-top p{ font-size:12px; color:#9b9fa1; line-height:24px; }
.content-list li .list-bottom{ padding:16px 24px 25px; position:relative;}
.content-list li .list-bottom .money{ font-size:24px; color:#ff7800; margin-right:20px;}
.content-list li .list-bottom .money i{ font-size:10px;font-style:normal;}
.content-list li .list-bottom .sale{ padding:0px 6px; border:1px solid #ed8043; color:#ed8043; font-size:12px; position:absolute; top:20px;line-height:20px;}
.content-list li .list-bottom .btn-bottom{ padding:0px 136px; border:1px solid #00c1df; font-size:14px; color:#00c1df; display:block; line-height:38px; margin-top:12px; background-color:#fff; height:38px; cursor:pointer;}
.content-list li .list-hide{ position:absolute; top:-1px; left:-1px; width:356px; height:200px; background-color:#fff;-webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); padding:24px 14px; display:none;}
.content-list .list-hide .product{ height:34px; line-height:34px; font-size:14px; color:#717579; margin-bottom:24px;}
.content-list .list-hide .product span{ display:inline-block; line-height:34px; padding:0 18px; background-color:#00c1df; color:#fff;}
.content-list .list-hide .time p{ float:left; font-size:14px; color:#717579; line-height:34px;}
.content-list .list-hide .time .month{float:left; width:290px; margin-left:-4px;}
.content-list .list-hide .time .month a{ display:inline-block; line-height:30px; padding:0 10px; margin-right:4px; border:1px solid #d7d9d9; color:#717579; font-size:12px; margin-bottom:12px;}
.content-list .list-hide .time .month .active{ background-color:#00c1df; border:1px solid #00c1df;color:#fff;}
.content-list .list-hide .time .month a:hover{ background-color:#00c1df; border:1px solid #00c1df;color:#fff;}

.content-list .list-hide .buy-car{ line-height:34px; width:130px; margin:0 auto;color:#fff; background-color:#ff8b00; display:block; margin-top:12px; text-align:center; cursor:pointer;}

/*footer代码*/
.ggt{ width:1200px; margin:0 auto; margin-top:20px;}
.ggt img{ width:1200px; height:119px;}
.footer{ width:100%; background:#505050; height:390px;}
.footer_main{ width:1200px; margin:0 auto; margin-top:10px;}
.fm_z{ width:485px; text-align:center; margin-top:30px;}
.fm_z p{ color:#cbcbcb;}
.fm_y{ width:700px;text-align:center; padding-top:20px; margin:0 auto;}
.fot_nav{ width:540px; margin:0 auto; margin-top:15px;}
.fot_nav li{ float:left; margin-right:15px; margin-left:5px;}
.fot_nav li a{font-size:16px; color:#dadada;}
.fot_lj{ width:350px; margin:0 auto; margin-top:20px;}
.fot_lj li{ float:left; margin-right:5px; margin-left:5px; color:#b4b4b4;}
.fot_lj li a{font-size:12px; color:#b4b4b4;}