.top{box-sizing: border-box;align-items: center;}
.top-bg{display: block;width: 100%;height: 192rpx;position: absolute;top: 0;left: 0;z-index: 1;}
.topcon{position: relative;z-index: 2;display: flex;display: -webkit-flex;padding-top: 20rpx;padding-bottom: 20rpx;}
.logo{display: block;width: 80rpx;height: 80rpx;z-index: 2;}
.areas{align-items: center;color: #fff; z-index: 3;}
.areas image{width: 22rpx;height: 17rpx;margin-left: 10rpx;margin-top: 10rpx;}
.recent{align-items: center;font-size: 22rpx;color: #fff;margin-top: 10rpx;}
.recent text{display: block;width: 100rpx;height: 32rpx;text-align: center;line-height: 32rpx;border-radius: 16rpx;margin-right: 9rpx;font-size: 22rpx;}
.renqi{padding: 0 35rpx;text-align: center;font-size: 34rpx;color: #fff;}
.renqi text{display: block;opacity: .7;font-size: 24rpx;margin-top: 10rpx;}
.box1{border-radius: 50rpx 50rpx 0 0;padding-top: 26rpx;padding-bottom: 5rpx;position: relative;
  z-index: 2;} 
.search{background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 15rpx 0 30rpx;align-items: center;font-size: 26rpx;color: #666;}
.search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
.search image.sao{width: 42rpx;height: 42rpx;}
.cont{flex-wrap: wrap;font-size: 26rpx;}
.cont .li{align-items: center;margin-right: 20rpx; color: #fff;margin-top: 5rpx;}
.cont image{width: 30rpx;
  height: 30rpx;}
  
 
.top-nav{position: relative;z-index: 5;padding-right: 80rpx;}
.top-nav scroll-view{white-space: nowrap;height: 70rpx;padding-right: 30rpx;}
.top-nav .li{display: inline-block;font-size: 28rpx;color: #fff;margin-right: 30rpx;line-height: 70rpx;}
.top-nav .li:last-child{margin-right: 0;}
.top-nav .li:first-child{margin-left: 30rpx;}
.column{position: absolute;top: 0;right: 0;font-size: 28rpx;color: #fff;height: 70rpx;align-items: center;padding: 0 20rpx;}
.column image{width: 35rpx;height: 35rpx;margin-right: 10rpx;}