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

Page {
  background-color: #F5F5F5;
}

.bg-scroll-view {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
}

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

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

.banner+image, .banner+image+view {
  margin-top: -192rpx;
}

.banner+image+view {
  display: flex;
  flex-direction: column;
}

.banner+image+view>text:first-child {
  font-size: 48rpx;
  color: white;
  margin: 22rpx auto 12rpx 56rpx;
}

.banner+image+view>text:last-child {
  font-size: 26rpx;
  color: white;
  margin-left: 56rpx;
}

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

.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; 
}

/* tab-view */
.tab-view {
  width: 100%;
  height: 228rpx;
  background-color: white;
  display: flex;
}

.tab-view>view {
  width: 180rpx;
  height: 228rpx;
  display: flex;
  flex-direction: column;
  margin-right: auto;
}

.tab-view>view:first-child {
  margin-left: 40rpx;
}

.tab-view>view:last-child {
  margin-right: 40rpx;
}

.tab-view image {
  width: 92rpx;
  height: 92rpx;
  margin: 40rpx auto 20rpx;
}

.tab-view text {
  font-size: 28rpx;
  color: #333333;
  text-align: center;
}

.tab-view + button {
  width: 180rpx;
  height: 228rpx;
  display: flex;
  margin-left: 40rpx;
  margin-top: -228rpx;
}

/* question-view */
.question-view {
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 24rpx;
}

.question-view>view:first-child {
  width: 100%;
  height: 90rpx;
  display: flex;
}

.question-view>view:first-child>view:first-child {
  margin: auto 14rpx auto 30rpx;
  width: 6rpx;
  height: 28rpx;
  background-color: #3296FB;
  border-radius: 4px;
}

.question-view>view:first-child>text {
  font-size: 32rpx;
  color: #333333;
  font-weight: 700;
  line-height: 90rpx;
}

.question-view>view:first-child>view:last-child {
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #3296FB;
  line-height: 90rpx;
  margin-left: auto;
  margin-right: 40rpx;
}

/* question-item */
.question-item {
  background-color: white;
  width: 100%;
  height: 100rpx;
  display: flex;
}

.question-item>text {
  width: 620rpx;
  font-size: 32rpx;
  color: #333333;
  line-height: 100rpx;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
}

.question-item>image:first-child {
  width: 10rpx;
  height: 10rpx;
  margin: auto 20rpx auto 30rpx;
}

.question-item>image:last-child {
  width: 14rpx;
  height: 24rpx;
  margin: auto 30rpx auto 26rpx;
}

/* question-detail-view */
.question-detail-view {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.56);
  top: 0rpx;
  z-index: 10001;
}

.question-detail-view>view {
  width: 100%;
  height: 800rpx;
  position: fixed;
  background-color: white;
  bottom: -800rpx;
  display: flex;
  flex-direction: column;
}

.question-detail-view>view>view:nth-child(1) {
  width: 100%;
  /* height: 108rpx; */
  display: flex;
}

.question-detail-view>view>view:nth-child(1)>view {
  width: 6rpx;
  height: 32rpx;
  margin: 36rpx 20rpx 0 30rpx;
  background-color: #3296FB;
}

.question-detail-view>view>view:nth-child(1)>text {
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #333333;
  width: 600rpx;
  line-height: 56rpx;
  margin-right: auto;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis;
  overflow:hidden; */
  margin: 26rpx auto 26rpx 0;

}

.question-detail-view>view>view:nth-child(1)>image {
  width: 92rpx;
  height: 92rpx;
  margin: 8rpx 0 0;
}

.question-detail-view>view>view:nth-child(2), .question-detail-view>view>view:nth-child(4) {
  width: 100%;
  height: 0.7px;
  background-color: #eeeeee;
  
}
.question-detail-view>view>view:nth-child(2) {
  margin-top: -0.7px;
}

.question-detail-view>view>view:nth-child(5) {
  width: 100%;
  height: 100rpx;
  display: flex;
}

.question-detail-view>view>view:nth-child(5)>text {
  font-size: 28rpx;
  color: #333333;
  line-height: 100rpx;
  margin-left: 30rpx;
}

.question-detail-view>view>view:nth-child(5)>view:nth-child(3) {
  width: 0.7px;
  height: 56rpx;
  margin: auto 0;
  background-color: #eeeeee;
}

.question-detail-view>view>view:nth-child(5)>view:nth-child(2),.question-detail-view>view>view:nth-child(5)>view:nth-child(4) {
  width: 240rpx;
  height: 100rpx;
  display: flex;
}

.question-detail-view>view>view:nth-child(5)>view:nth-child(2) {
  margin-left: auto;
}

.question-detail-view>view>view:nth-child(5)>view image {
  width: 36rpx;
  height: 36rpx;
  margin: auto 14rpx auto auto;
}

.question-detail-view>view>view:nth-child(5)>view text {
  font-size: 28rpx;
  color: #3296FB ;
  line-height: 100rpx;
  margin-right: auto;
}

.question-detail-scroll {
  width: 100%;
  height: 590rpx;
}


.question-detail-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  line-height: 52rpx;
  margin: 30rpx 40rpx 0;
  display: block;
}

.question-detail-title+text {
  font-size: 30rpx;
  color: #151515;
  line-height: 52rpx;
  margin: 0 40rpx 44rpx;
  display: block;
}