@charset "utf-8";
.swiper-pagination-bullet-active{ background: #FFF }

.nav{ background: #FFF; overflow: hidden;padding-top:13px;}
.nav li{ width:25%; float: left; text-align: center; margin-bottom: 13px;    font-size: 0.8rem;}
.nav li img{width:48%; display: block; margin:0 auto 5px;}
.adsense {overflow: hidden; margin:10px 0;}
.adsense div{ width: 50%; float: left;}
.adsense div:last-child{}
.floor-wrap{}
.i-title{ position: relative; text-align: center; height: 45px; line-height: 45px;}
.i-title b{ position: relative; z-index: 2; background: #ECECEF;    padding: 0 35px; font-size:1.125rem; font-weight: 700}
.i-title b:before{content:""; position: absolute;top:0; left:15px; width: 4px; height: 4px; border-radius: 50%; background: #28B5FD }
.i-title b:after{content:""; position: absolute;bottom:0; right:15px; width: 4px; height: 4px; border-radius: 50%; background: #FF2A3B }
.i-title i{ height: 1px; width: 100%; position: absolute;top:50%; left: 0; display: block; background: #929292}

.search-box{position:fixed;top:0; left:0;width:100%;z-index:99}
.banner{margin-top:40px;}


body{overflow-x: hidden;}
.nav{ background: #FFF; overflow: hidden;padding-top:13px;}
.nav li{ width:25%; float: left; text-align: center; margin-bottom: 13px;    font-size: 0.8rem;}
.nav li img{width:48%; display: block; margin:0 auto 5px;}
.adsense {overflow: hidden; margin:10px 0;}
.adsense div{ width: 50%; float: left;}
.i-title{ position: relative; text-align: center; height: 45px; line-height: 45px;}
.i-title b{ position: relative; z-index: 2; background: #ECECEF;    padding: 0 35px; font-size:1.125rem; font-weight: 700}
.i-title b:before{content:""; position: absolute;top:0; left:15px; width: 4px; height: 4px; border-radius: 50%; background: #28B5FD }
.i-title b:after{content:""; position: absolute;bottom:0; right:15px; width: 4px; height: 4px; border-radius: 50%; background: #FF2A3B }
.i-title i{ height: 1px; width: 100%; position: absolute;top:50%; left: 0; display: block; background: #929292}
.search-box{position:fixed;top:0; left:0;width:100%;z-index:99}
.banner{margin-top:40px;}
.swiper-pagination-bullet-active{ background: #FFF }
.pic-1{ overflow:hidden; width:100%; display:-moz-box;display:-webkit-box; display:box;}
.pic-1 > div{-moz-box-flex:1;    -webkit-box-flex:1;    box-flex:1; }
.pic-2 {overflow: hidden;}
.pic-2 div{ width: 50%;float: left;}

.pro-1-1{overflow: hidden;padding: 10px 10px 0;margin-bottom:-10px;}
.pro-1-1 li{width: 100%;float: left;border: solid 1px #ddd;margin-bottom: 10px;padding-bottom: 5px;background: #FFF;overflow: hidden;}
.pro-1-1 li .l-pic{width:100%;  overflow: hidden;margin-bottom: 5px; text-align:center}
.pro-1-1 li .l-pic img{width:auto;max-width:100%}
.pro-1-1 li .l-price{color: #FF3B30;padding:0 10px;font-size: 0.915rem;font-weight: 700;}
.pro-1-1 li .l-name{padding:0 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 1.4;margin-bottom: 5px;font-size: 0.825rem;}
.pro-1-2{overflow: hidden;padding: 10px 10px 0;margin-bottom:-10px;}
.pro-1-2 li{width: 100%;float: left;border: solid 1px #ddd;margin-bottom: 10px;background: #FFF;overflow: hidden;position: relative;}
.pro-1-2 li .l-pic{width:100%;overflow: hidden;text-align:center;}
.pro-1-2 li .l-pic img{width:auto;max-width:100%}
.pro-1-2 li .l-price{color: #fff;padding-right: 10px;position: absolute;right: 2%;background: rgba(0,0,0,0.5);bottom: 5px;line-height: 2;font-size: 0.825rem;width: 28%;text-align: right;border-radius: 0 2px 2px 0;}
.pro-1-2 li .l-name{padding: 0 30px 0 10px;font-size: 0.825rem;position: absolute;left: 2%;bottom: 5px;background: rgba(0,0,0,0.5);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2;width: 68%;color: #FFF;border-radius: 2px 0 0 2px;}
.pro-1-3{overflow: hidden;padding: 10px 0 0;}
.pro-1-3 li{width: 100%;float: left;padding-bottom: 5px;background: #FFF;overflow: hidden;}
.pro-1-3 li .l-pic{width:100%;  overflow: hidden;margin-bottom: 5px; text-align:center}
.pro-1-3 li .l-pic img{width:auto;max-width:100%}
.pro-1-3 li .l-price{color: #FF3B30;padding:0 10px;font-size: 0.915rem;font-weight: 700;}
.pro-1-3 li .l-name{padding:0 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 1.4;margin-bottom: 5px;font-size: 0.825rem;}
.pro-1-4{overflow: hidden;padding: 10px 0 0;margin-bottom:-10px;}
.pro-1-4 li{width: 100%;float: left;border: solid 1px #ddd;margin-bottom: 10px;background: #FFF;overflow: hidden;position: relative;}
.pro-1-4 li .l-pic{width:100%;overflow: hidden;text-align:center;}
.pro-1-4 li .l-pic img{width:auto;max-width:100%}
.pro-1-4 li .l-price{color: #fff;padding-right: 10px;position: absolute;right: 0;background: rgba(0,0,0,0.5);bottom: 0;line-height: 2.4;font-size: 0.825rem;width: 30%;text-align: right;}
.pro-1-4 li .l-name{padding: 0 30px 0 10px;font-size: 0.825rem;position: absolute;left: 0%;bottom: 0;background: rgba(0,0,0,0.5);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 2.4;width: 70%;color: #FFF;}
.pro-2-1{overflow: hidden;padding: 10px 10px 0;margin: 0 -1% -10px;}
.pro-2-1 li{width:48%;float: left;border: solid 1px #ddd;margin: 0 1% 10px;padding-bottom: 5px;background: #fafafa;overflow: hidden;}
.pro-2-1 li .l-pic{width:100%;  overflow: hidden;margin-bottom: 5px;}
.pro-2-1 li .l-price{color: #FF3B30;padding:0 10px;font-size: 0.825rem;font-weight: 700;}
.pro-2-1 li .l-name{padding:0 10px;overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 1.4;margin-bottom: 3px;font-size: 0.825rem;height: 35px;}
.pro-2-2{overflow: hidden;padding: 10px 10px 0;margin: 0 -1% -10px;}
.pro-2-2 li{width:48%;float: left;margin: 0 1% 10px;padding-bottom: 5px;background: #FFF;overflow: hidden;position: relative;}
.pro-2-2 li .l-pic{width:100%;overflow: hidden;}
.pro-2-2 li .l-price{padding: 0 8px;position: absolute;right: 10px;bottom: 10px;background: rgba(0, 0, 0, 0.7);font-size: 0.825rem;line-height: 2;color: #FFF;border-radius: 3px;}
.pro-2-2 li .l-name{display: none;}
.pro-2-3{overflow: hidden;margin-top: 10px;\: 0 -1%;background: #FFF;border-top: solid 1px #ddd;}
.pro-2-3 li{width: 50%;float: left;border-left: solid 1px #ddd;border-bottom: solid 1px #ddd;padding-bottom: 5px;background: #FFF;overflow: hidden;margin-left: -1px;}
.pro-2-3 li .l-pic{width:100%;  overflow: hidden;margin-bottom: 5px;}
.pro-2-3 li .l-price{padding:0 10px;font-size: 0.825rem;text-align: center;margin-bottom: 2px;color: #FF3B30;font-weight: 600;}
.pro-2-3 li .l-name{padding:0 10px;line-height: 1.4;font-size: 0.825rem;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-2-4{overflow: hidden;margin-top: 10px;\: 0 -1%;background: #FFF;border-top: solid 1px #ddd;}
.pro-2-4 li{width: 50%;float: left;border-left: solid 1px #ddd;border-bottom: solid 1px #ddd;padding-bottom: 5px;background: #FFF;overflow: hidden;margin-left: -1px;}
.pro-2-4 li .l-pic{width:100%;  overflow: hidden;margin-bottom: 5px;}
.pro-2-4 li .l-price{padding:0 10px;font-size: 0.825rem;margin-bottom: 2px;color: #FF3B30;font-weight: 600;}
.pro-2-4 li .l-name{padding:0 10px;line-height: 1.4;font-size: 0.825rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom: 5px;height: 35px;}
.pro-3-1{overflow: hidden;padding: 10px 10px 0;margin-bottom:-10px;}
.pro-3-1 li{width: 100%;float: left;border: solid 1px #ddd;margin-bottom: 10px;background: #FFF;overflow: hidden;padding: 10px;}
.pro-3-1 li .l-pic{width: 30%;overflow: hidden;text-align:center;float: left;}
.pro-3-1 li .l-pic img{width:auto;max-width:100%}
.pro-3-1 li .l-price{color: #FF3B30;padding:0 10px;font-size: 0.915rem;font-weight: 700;width: 70%;float: left;}
.pro-3-1 li .l-name{padding:0 10px;line-height: 1.6;margin: 4px 0 6px;font-size: 0.825rem;width: 70%;float: left;}
.pro-3-2{overflow: hidden;padding: 10px 0 0;}
.pro-3-2 li{width: 100%;float: left;border-bottom: solid 1px #ddd;background: #FFF;overflow: hidden;padding: 10px;}
.pro-3-2 li .l-pic{width: 30%;overflow: hidden;text-align:center;float: left;}
.pro-3-2 li .l-pic img{width:auto;max-width:100%}
.pro-3-2 li .l-price{color: #FF3B30;padding:0 10px;font-size: 0.915rem;font-weight: 700;width: 70%;float: left;}
.pro-3-2 li .l-name{padding:0 10px;line-height: 1.6;margin: 4px 0 6px;font-size: 0.825rem;width: 70%;float: left;}