﻿.search-common{width: 100%;padding: 10px;height: 48px;font-size: 14px;position: fixed;z-index: 10;}
.search-group{width: 100%;height: 30px;margin: 0;line-height: 30px;border-radius: 15px;font-size: 14px;position: relative;background-color: #fff;overflow: hidden;}
.search-input{border: none;height: 30px;margin: 0;padding: 0 15px 0 30px;font-size: 12px;}
.sea-left{background-color: #f0f0f0;height: 30px;border-radius: 15px;display: inline-block;width: 100%;}
.sea-left:after{font-family: iconfont;content: "\e7d4";position: absolute;right:10px;font-size: 16px;top:0px; color:#999}
.sea-left span{display: inline-block;font-size: 13px;line-height: 30px;padding: 0 10px;position: relative;}
.sea-left span:after{font-family: iconfont;content: "\e62b";position: absolute;right:-5px;font-size: 12px;}
.sea-left p{display: inline-block;border: none;position: absolute;height: 30px;margin: 0;padding: 0;font-size: 12px;line-height: 30px;text-indent: -140px; font-weight:normal}
.top-news{width: 100%;background-color: #fff;padding: 10px;position: relative;}
.top-news:before{content: "";height: 1px;background-color: #e5e5e5;left:0;right: 0;top:0;position: absolute;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.top-news .top-news-icon{float: left;width: 50px;height: 18px;}
.top-news .top-news-icon img{height: 100%;}
.top-news p{font-size: 12px;line-height: 18px;margin: 0;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333;}
.hot-brand{width: 100%;background-color: #fff;margin-top: 10px;overflow: hidden;}
.hot-brand .hot-title{width: 100%;height: 21px;line-height: 21px;text-align: center;margin-top: 10px;}
.hot-brand .hot-title p{display: inline-block;margin: 0;background: url("../images/title-bg.png") no-repeat center;background-size: 50% 90%;width: 270px;color: #333;font-weight: bold;}
.hot-brand a{float: left;width: 24.33%;padding: 10px 15px;}
.hot-brand a img{width: 100%;height: 100%;}
.floor-group{background-color: #fff;width: 100%;margin-top: 10px;overflow: hidden;}
.floor-group .floor-title{height: 40px;line-height: 40px;position: relative;}
.floor-group .floor-title:before{content: "";height: 1px;background-color: #e5e5e5;position: absolute;bottom:0;left:0;right: 0;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
.floor-group .floor-title:after{font-family: Muiicons;  font-size: inherit;  line-height: 1;  position: absolute;  top: 50%;  display: inline-block;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  text-decoration: none;  color: #bbb;  -webkit-font-smoothing: antialiased;right: 5px;
    content: '\e583';}
.floor-group .floor-title .floor-num{color: #1269d3;font-weight: bold;font-size: 14px;display: inline-block;padding: 0 5px 0 10px;}
.floor-group .floor-title .floor-name{font-size: 14px;color: #333;font-weight: bold;}
.floor-group .floor-goods{float: left;width: 33.33%;padding: 15px 10px;font-size: 12px;}
.floor-group .floor-goods p{margin: 0;display: block;background-color: #fafafa;border: 1px solid #f5f5f5;border-radius: 5px;}
.floor-group .floor-goods img{width: 100%;height: 100%;display: inline-block;padding: 15px 10px;}
.floor-group .floor-goods span{line-height: 21px;color: #333;font-weight: bold;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.floor-group .floor-goods .goods-name{color:#666;padding-top: 10px;font-weight: normal;}
.copyright{text-align: center;padding: 10px 0;}
.copyright p{margin: 0;line-height: 21px;font-size: 12px;}
.backToTop{position: fixed;width: 40px;height: 40px;border:1px solid #d2d2d2;border-radius: 50%;background-color: #fff;color:#666;text-align: center;right: 10px;bottom:100px;z-index: 999;display: none;}
.backToTop span{font-size:10px;display:block;margin-top: -3px;-webkit-transform:scale(0.9);}