.topCol{width:100%; background: var(--subtitleColor); position: fixed; top: 0; left: 0; display:flex; align-items:center;justify-content:space-around;padding:20rpx 30rpx;box-sizing:border-box;z-index:999;}
.topCol .city{width:20%;font-size:30rpx;color:#fff;text-align:left;position:relative;}
.topCol .city text{width:14rpx;height:14rpx;border-left:4rpx solid #fff;border-bottom:4rpx solid #fff;display:inline-block;transform:rotate(-45deg);margin-left:8rpx;position:absolute;top:8rpx;}
.topCol .city.navigator-hover{background: none;}
.topCol .city .bit{width:30rpx;height:30rpx;}
.topCol .searchBox{width:100%;height:60rpx;border-radius:30rpx;background-color:#F1F1F1;display:inline-flex;align-items:center;}
.icon-search{font-size:40rpx;margin-left:28rpx;}
.icon-search:before{color:#9C9D9D;}
.placeholder{color:#9C9D9D;font-size:30rpx;}
.searchBox .input{padding-left:20rpx;box-sizing:border-box;color:#9C9D9D;font-size:30rpx;}
.content{padding-top: 97rpx;}
.swiper{height:450rpx;overflow: hidden;
  border-radius: 30rpx;}
.slide-image{height: 450rpx; width: 100%; vertical-align: middle; border: 0 none;}

.grids{display: flex; flex-wrap: wrap;padding: 0 10rpx;}
.grids > .grids-item{box-sizing: border-box;}
.grids > .grids-item-20{flex-basis:50%;}
.grids > .grids-item > .grids-content{position: relative; display: flex; flex-direction: column; box-sizing: border-box; height: 100%;  align-items: center; justify-content: center;}
.grids .grids-content > .tips{display: inline-block; height: 25rpx; line-height: 25rpx; text-align: center; min-width: 25rpx; position: absolute; right: 24rpx; top:28rpx; border-radius: 50% 50% 50% 0; color: #fff; font-size: 18rpx;}
.grids .grids-content > .grids-img{width: 350rpx; height: 350rpx;margin-bottom: 20rpx; border-radius: 32rpx;margin-top: 20rpx;}
.grids .grids-content > .grids-text{color: #3E3A39; font-size: 24rpx; word-wrap: break-word; margin-top: 10rpx;}
.hot{background-color: #E03D42;}
.new{background-color: #22AC38;}

.live{padding: 0 20rpx;}
.live > image{width: 100%; height: 150rpx; border-radius: 20rpx;}
.banner{padding: 20rpx;}
.banner > image{width: 100%; height: 150rpx; border-radius: 20rpx;}
.screen{width:100%;padding:0 40rpx 0 20rpx;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ededed; border-bottom:10rpx solid #ededed;position:relative;background-color:#fff;}
.screenFix{position:fixed;left:0;top:97rpx;z-index:999;}
.screen-col{font-size:26rpx;color:#717171;line-height:70rpx;border-bottom:4rpx solid; position: relative; z-index: 1;}
.screenCol{border-color:#fff;}
.screenCol.line{border-left: 2rpx solid #ededed; padding-left: 20rpx; line-height: 70rpx;}
.screenCurrent{border-color:var(--subtitleColor);color:var(--subtitleColor);}
.screen .default{color:var(--subtitleColor);}
.screen .defaultHid{width:100%;position:absolute;left:0;top:76rpx;z-index:1;background-color:#fff;padding:0 20rpx;box-sizing:border-box;}
.default-box{position:fixed; top:-2rpx; left:0; width:100%; height:100%; z-index:0}
.defaultHid view{line-height:93rpx;color:#717171;border-bottom:1px solid #ededed;font-size:26rpx;}
.defaultHid .defaultCur{color:var(--subtitleColor);}
.drop{width:12rpx;height:12rpx;display:inline-block;}
.dropUp{transform:rotate(-135deg) translateY(1px) translateX(-4px);border-right:1px solid var(--subtitleColor);border-bottom:1px solid var(--subtitleColor);}
.dropDown{transform:rotate(45deg) translateY(-4px);border-right:1px solid #717171;border-bottom:1px solid #717171;}
.secondary-bar{margin: 20rpx; height: 88rpx;}
.secondary-bar image{width: 100%; height: 100%;}
.history-act-img{
  background: url('data:image/png;base64,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') no-repeat center;
  height: 60rpx;
  background-size: 60% auto;
  margin: 40rpx 0;
}