* {font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;margin: 0;padding: 0;border: 0;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;-moz-user-select: none;user-select: none;outline: none;font-size: 17px;text-decoration: none;color: #333;list-style: none;}  .header{width: 100%;position: fixed;z-index: 99;background: #fff;top: 0}  .header-content{width: 1260px;margin: 0 auto;position: relative;height: 90px;}  .logo{width: 350px;position: absolute;top: 50%;transform: translate(0,-50%)}  .menu{float: right;width: 800px;position: relative}  .menu-li{display: inline-block;float: right;font-size: 20px;font-weight: 500;line-height: 90px;padding-left: 90px}  .menu-li:hover{color: #c00 !important}  .p-menu{position: absolute;left: 488px;top: 90px;background: #fff;padding-bottom: 10px;display: none}  .p-menu a{display: block;text-align: center;height: 50px;line-height: 50px;width: 220px;font-size: 16px;}  .p-menu a:hover{color: #c00}  .is-here{color: #c00 !important}  .footer-pc{width: 100%;overflow: hidden;background: #f2f2f2;padding: 20px 0}  .footer-pc-content{width: 1260px;margin: 0 auto;text-align: center;line-height: 29px;font-size: 15px}  .header-line{width: 100%;height: 90px;}  .pagination{width: 100%;text-align: center}  .pagination li{display: inline-block;border: 1px solid #eee;margin: 0 3px;padding: 2px 10px;color: #666}  .pagination .active{color: #1472ff;background: rgba(20,114,255,.1)}  .pagination li a:hover{color: #1472ff}  .pagination li *{font-size: 15px}  @media screen and (max-width: 768px) {  .header-content{height: 19vw;width: 100%}  .header-line{height: 19vw}  .logo{width: 64vw;margin-left: 3vw}  .menu,.ban-pc,.footer-pc{display: none}  .wap-menu-btn{width: 5.2vw;position: absolute;right: 5vw;top: 52%;transform: translate(0,-50%)}  .wap-menu-btn i{width: 100%;display: block;height: .8vw;background: #221713;margin: 1vw 0}  .wap-menu-list{position: fixed;right: 0;top: 0;background: #fff;z-index: 98;height: 100%;width: 100%;background: rgba(0,0,0,.5);display: none}  .wap-menu-list div{padding-top: 20vw;width: 50vw;height: 100%;background: #fff;position: absolute;right: -34vw;transition: .5s}  .wap-menu-list div a{display: block;padding: 0 4vw;font-size: 4.6vw;font-weight: 400}  .wap-menu-list div i{display: block;height: 1px;background: #ddd;margin: 4vw 3vw}  .p-nav{display: block;padding: 1.6vw 0 0 7vw !important}  .p-nav a{font-size: 3.8vw !important;padding: 2.2vw 0 !important}  .products-list{width: 95vw;overflow: hidden;margin: 0 auto}  .products-list a{width: 50%;float: left}  .products-list a img{width: 44vw;height: 44vw;display: block;margin: 0 auto;border: 1px solid #fff}  .products-list a p{text-align: center;height: 14vw;line-height: 12vw;font-size: 4.3vw}  .products-list a:active img{border: 1px solid #221713}  .products-list a:active p{color: #c00}  .footer-wap{width: 100%;background: #f4f1eb}  .footer-wap-menu{border-bottom: 1px solid #221713;padding: 2.8vw 7.5vw;overflow: hidden}  .footer-wap-menu a{display: block;float: left;width: 100%;position: relative;height: 10vw;line-height: 10vw}  .footer-wap-menu a span{font-weight: 600;font-size: 4.8vw}  .footer-wap-menu a img{position: absolute;right: 0;width: 2.5vw;top: 50%;transform: translate(0,-50%)}  .footer-wap-copyright{padding:2vw 7.5vw 1vw;font-size: 4.1vw}  .footer-wap-txt{padding: 0 7.5vw 5vw;font-size: 3.1vw;color: #615c58;line-height: 5vw}  .footer-wap-menu a:active span{color: #c00}  }  @media screen and (min-width: 769px) {  .wap-menu-btn,.ban-wap,.footer-wap,.wap-menu-list{display: none !important}  .products-list{width: 1300px;margin: 0 auto;overflow: hidden}  .products-list a{display: block;float: left;width: 20%;position: relative;overflow: hidden}  .products-list a img{width: 226px;height: 226px;display: block;margin: 0 auto;border: 1px solid #fff}  .products-list a p{height: 58px;line-height: 48px;text-align: center;font-weight: 600;font-size: 19px}  .products-list a:hover img{border: 1px solid #968774}  .products-list a:hover p{color: #c00}  }