yuminge-app/yun-min-program-plugin-master/packageE/questionnaire/questionnaireIndex/questionnaireIndex.wxss

/* packageE/questionnaire/index/index.wxss */
page {
  background-color: #fff;
}

.questions {
  min-height: 100vh;
  background-color: #fff;
}

.topTxt {
  font-size: 40rpx;
  line-height: 40rpx;
  letter-spacing: 2rpx;

  /* padding-top: 150rpx; */
  display: flex;
  align-items: center;
}

.topTxt van-icon {
  margin-top: 10rpx;
}

.search {
  margin-top: 44rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inpBox {
  width: 595rpx;
  height: 64rpx;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  border-radius: 4rpx;
}

.inpBox icon {
  margin: -10rpx 18rpx 0 18rpx;
  color: #b2b2b2;
}

.inpBox text {
  color: #828282;
}

.tright {
  font-size: 28rpx;
  color: #828282;
}

.banner {
  width: 700rpx;
  height: 299rpx;
  border-radius: 20rpx;
  margin-top: 30rpx;
  margin-bottom: 51rpx;
}

.banner image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
}

.surveyBox {
  width: 700rpx;
  background-color: #f9fbfb;
  padding: 30rpx 0;
  margin-bottom: 20rpx;
  border-radius: 4rpx;
}

.surveyBox .time {
  margin-left: 17rpx;
  font-size: 26rpx;
  color: #afa7a7;
  letter-spacing: 0;
}

.surveyList {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newTxt {
  font-size: 36rpx;
  line-height: 40rpx;
  margin-bottom: 37rpx;
}

.surveyList .left {
  margin-left: 17rpx;
  font-size: 32rpx;
  color: #000;
  letter-spacing: 2rpx;
  flex: 1;
  margin-bottom: 10rpx;
}

.surveyList .left .survey-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.surveyList .right {
  width: 136rpx;
  height: 55rpx;
  background-image:
    linear-gradient(
      90deg,
      #72a3ff 0%,
      #4687ff 100%
    ),
    linear-gradient(
      #4a84fd,
      #4a84fd
    );
  background-blend-mode:
    normal,
    normal;
  border-radius: 28rpx;
  text-align: center;
  line-height: 55rpx;
  font-size: 28rpx;
  color: #fff;
  margin-right: 23rpx;
  margin-left: 30rpx;
}

.posBtn {
  position: fixed;
  top: 1000rpx;
  right: 32rpx;
  width: 120rpx;
  height: 120rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #2672ff;
  border-radius: 50%;
  color: #fff;
  font-size: 24rpx;
  z-index: 999;
}

.posBtn icon {
  color: #fff;
  font-size: 40rpx;
}


/* 说明弹窗 */
.explain {
  width: 590rpx;
  height: 608rpx;
  background-color: #fff;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.explain text {
  padding-top: 30rpx;
  font-size: 36rpx;
  color: #000;
}

.explainConten {
  padding: 34rpx 20rpx;
  width: 100%;
  text-indent: 30rpx;
  overflow: hidden;
  box-sizing: border-box;
}

.closeBtn {
  position: absolute;
  bottom: -120rpx;
  width: 82rpx;
  height: 82rpx;
  border-radius: 50%;

  /* border: 1rpx solid #ffffff; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.closeBtn icon {
  color: #fff;
  font-size: 80rpx;
}