@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page {
  background: #ffff;
  min-height: 100%;
  height: auto;
}
.status_bar {
  height: 25px;
}
.top-search {
  height: 80rpx;
  padding: 0 20rpx;
  background-color: #fff;
}
.top-search .top-logo {
  width: 50rpx;
  margin-right: 10rpx;
}
.top-search .top-logo image {
  width: 48rpx;
}
.top-search .search-box {
  justify-content: center;
  width: 698rpx;
  height: 60rpx;
  background: #EEEEEE;
  border-radius: 30rpx;
}
.top-search .search-box .search {
  width: 34rpx;
  height: 34rpx;
}
.top-search .search-box .search-font {
  margin-left: 14rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #CBCBCB;
}
.top-swiper {
  width: 750rpx;
  height: 348rpx;
}
.top-swiper image {
  width: 750rpx;
  height: 348rpx;
}
.jg {
  height: 20rpx;
  background: #F8F8F8;
}
.art-box {
  width: 690rpx;
  margin: 0 auto 20rpx;
  flex-wrap: wrap;
}
.art-box .art-item {
  margin-top: 20rpx;
  width: 330rpx;
  height: 370rpx;
  border-radius: 20rpx;
}
.art-box .art-item image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
}
.good-list {
  width: 750rpx;
}
.good-list .good {
  margin: 20rpx auto;
  width: 690rpx;
  height: 370rpx;
}
.good-list .good image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
}