body{background: #F2F2F2;}
.layui-container{width:100%;max-width:1024px}
.header{padding-top: 2px;height: 65px;}
.header .logo a{color:#1e9fff;font-size:22px;line-height:55px;}
.header .menu {padding:5px 5px 0 0}
.header .menu span{display:none;text-align:right}
.header .menu span i{font-size:18px;line-height:35px;color:#1e9fff;cursor:pointer}
.nav{background-color:#1e9fff;}
.nav .layui-nav{background-color:#1e9fff;padding:0}
.nav .layui-nav li{line-height:40px}
.nav .layui-nav li.active{background-color:#0072C6}
.nav .layui-nav a{color:#fff;font-size:14px}
.breadcrumb{margin-top: 10px;background: #f5f5f5;padding: 5px;border: 1px solid #ddd;visibility: visible}
.layui-elem-quote{border-left: 5px solid #1e9fff;}
.layui-card-header{font-weight: bold;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;position: relative;}
.layui-card-header .more{display:inline-block;float:right;color:#ccc;font-weight:normal}
.layui-card-header .buy{position:absolute;right:10px;top:10px}
#products p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
#products p{text-align:center;margin-bottom:5px}
#products img{max-width:100%;width:100%}
span.coupon{color:#ccc}
#bread{
    color:#bbb;
    margin:15px 0
}
#bread a{
    color:#bbb;
}
#bread a:last-of-type{
    color:#000;
}
#pagelist .prev{
    text-align:right
}
#pagelist .next{
    text-align:left
}

.footer{
    margin-top:120px;
    margin-bottom:30px;
    text-align:center;
}

@media screen and (max-width: 992px){
  .header-container{padding:0}
  .header{padding-top: 0px;height: 40px;background-color:#1c86d1;}
  .header .logo{text-indent:5px}
  .header .logo a{color:#fff;font-size:22px;line-height:40px}
  .header{border-bottom:1px solid #ccc}
  .header .menu span{display:block;text-indent:5px}
  .header .menu span i{color:#fff;}
  .nav{display:none;border:1px solid #eee;position:fixed;right:0;top:50px;z-index:999;background-color:#fff;padding:5px;}
  .nav .layui-nav{background-color:#fff}
  .nav .layui-nav .layui-nav-item{display:block}
  .nav .layui-nav li.active{background-color:#fff;color:#1c86d1}
  .nav .layui-nav a{color:#333;font-weight:500}
  .nav .layui-nav li.active a{color:#1c86d1}
  .nav .layui-nav li:hover a{color:#1c86d1;background-color:#fff;}
}