@import "../../public/pages/public-view.wxss";

Page {
  background-color: #FFF;
}

.bg-scroll-view {
  width: 100%;
  height: 100%;
  background-color:#F5F5F5;
}

/* banner */
.banner, .banner+view  {
  width: 750rpx;
  height: 192rpx;
  display: block;
}

.banner {
  margin-top: -900rpx;
}

.banner+view {
  display: flex;
  /* margin-top: -192rpx; */
  margin-top: -226rpx;
}

.banner+view>view:first-child {
  width: 120rpx;
  height: 120rpx;
  border-radius: 60rpx;
  margin: auto 0 auto 56rpx;
  background-color: white;
  display: flex;
}

.banner+view>view:first-child>open-data {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50rpx;
  margin: auto auto;
  background-color: white;
  overflow: hidden;
}

.banner+view>open-data {
  font-size: 32rpx;
  color: white;
  margin: auto 30rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
}

.banner+view>view:nth-child(3) {
  display: flex;
  margin: auto 48rpx auto auto;
}

.banner+view>view:nth-child(3)>image {
  width: 28rpx;
  height: 28rpx;
  margin: auto 6rpx;
}

.banner+view>view:nth-child(3)>text {
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #FFFFFF;
  line-height: 36rpx;
}

/* tab-view */
.tab-view, .red-dot {
  width: 710rpx;
  height: 180rpx;
  display: flex;
  margin: -10rpx 20rpx 0 20rpx;
  border-radius: 4px;
}

.tab-view {
  background-color: #FFF;
  /* box-shadow: 0 0 32px 0 rgba(50,150,251,0.08); */
  box-shadow:0 3px 12px 0 rgba(50,150,251,0.08);
}

.tab-view>view, .red-dot>view {
  width: 142rpx;
  height: 180rpx;
  margin-right: 10rpx;
  display: flex;
  flex-direction: column;
}

.tab-view>view:last-child, .red-dot>view:last-child {
  margin-right: 0;
}

.tab-view>view>image {
  width: 48rpx;
  height: 48rpx;
  margin: auto auto 18rpx;
}

.tab-view>view>text {
  font-size: 26rpx;
  color: #333333;
  text-align: center;
  margin: 0 auto auto;
}

/* red-dot */
.red-dot {
  margin-top: -180rpx;
}

.red-dot>view {
  flex-direction: row;
}

.red-dot>view>view {
  min-width: 32rpx;
  height: 32rpx; 
  border: 4rpx solid white;
  border-radius: 20rpx;
  background-color: #FF5E5E;
  margin: 26rpx auto 0 80rpx; 
  display: flex;
}

.red-dot>view>view>text {
  text-align: center;
  font-size: 22rpx;
  color: white;
  line-height: 32rpx;
  margin: 0 10rpx; 
}

/* row */
.row:first-child{
  margin-top: -40rpx;
}
.row-top {
  margin-top: 25rpx;
}

.row>view:first-child {
  width: 100%;
  height: 100rpx;
  background-color: white;
  display: flex;
}

.row>view:first-child>image:first-child {
  width: 48rpx;
  height: 48rpx;
  margin: auto 0 auto 30rpx;
}

.row>view:first-child>image:last-child {
  width: 14rpx;
  height: 24rpx;
  margin: auto 30rpx auto 0;
}

.row>view:first-child text {
  font-size: 30rpx;
  line-height: 100rpx;
}

.row>view:first-child>text:nth-child(2) {
  color: #333333;
  margin: 0 0 0 40rpx;
}

.row>view:first-child>text:nth-child(3) {
  color: #999999;
  margin: 0 22rpx 0 auto;
}

.row-line {
  width: 100%;
  height: 0.7px;
  background-color: white;
}

.row-line>view {
  margin: 0 0 0 110rpx;
  height: 0.7px;
  background-color: #eeeeee;
}

/* broadcast */
.broadcast {
  width: 100%;
  height: 90rpx;
  background-color: #FDF8EC;
  display: flex;
  margin-top: 40rpx;
  margin-bottom: -25rpx;
}

.broadcast>view {
  margin-left: 30rpx;
  width: 640rpx; 
  overflow: hidden; 
}

.broadcast>view>view {
  display: flex;
}

.broadcast view {
  height: 90rpx;
}

.broadcast text {
  margin-right: 200rpx;
  line-height: 90rpx;
  font-size: 26rpx;
  white-space: nowrap;
  overflow: hidden; 
  /* background-color: #FDF8EC; */
}

.broadcast-text-n {
  color: #FF801A;
}

.broadcast-text-h {
  color: rgba(0, 0, 0, 0);
}

.broadcast>image {
  width: 60rpx;
  height: 60rpx;
  margin: auto 0; 
}