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

Page {
  background-color: white;
}

.top {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.top>image {
  width: 120rpx;
  height: 120rpx;
  margin: 80rpx auto 34rpx;
}

.top>text:nth-child(2){
  font-family: PingFangSC-Regular;
  font-size: 40rpx;
  color: #333333;
  text-align: center;
}

.top>text:nth-child(3) {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #999999;
  text-align: center;
  line-height: 52rpx;
  margin-top: 30rpx;
}

.share {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 64rpx;
}

.share>button {
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #3296FB;
  text-align: center;
}

.interval {
  width: 100%;
  height: 24rpx;
  background-color: #f5f5f5;
  margin-top: 76rpx;
}

.interval+text {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 36rpx;
  color: #333333;
  text-align: center;
  margin-top: 84rpx;
}

.interval+text+text {
  display: block;
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #999999;
  text-align: center;
  margin: 14rpx 120rpx 0;
}

.interval+text+text+view,
.addCard>view,
.survey-button {
  background: #3296FB;
  border-radius: 44rpx;
  width: 360rpx;
  height: 88rpx;
  margin: 60rpx auto 0;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  line-height: 88rpx;
  color: #FFFFFF;
  text-align: center;
}

.interval+text+text+view+view {
  width: 360rpx;
  height: 88rpx;
  margin: 32rpx auto 0;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  line-height: 88rpx;
  color: #3296FB;
  text-align: center;
}

.addCard {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.addCard>text {
  margin-left: auto;
  margin-right: auto;
}

.addCard>text:nth-child(1) {
  font-family: PingFangSC-Light;
  font-size: 42rpx;
  color: #FF5E5E;
  line-height: 64rpx;
  margin-top: 74rpx;
}

.addCard>text:nth-child(2) {
  font-family: PingFangSC-Regular;
  font-size: 36rpx;
  color: #151515;
  line-height: 64rpx;
}

.addCard>text:nth-child(3) {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #999999;
  line-height: 48rpx;
  margin-top: 20rpx;
  margin-left: 120rpx;
  margin-right: 120rpx;
  text-align: center;
}

/* survey */
.survey-view {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.56);
  top: 0rpx;
  display: flex;
  /* flex-direction: column; */
}

.survey-bottom-view {
  position: fixed;
  width: 100%;
  height: 100rpx;
  background-color: white;
  bottom: 0;
}

.survey-view>view:nth-child(2) {
  width: 100%;
  height: 1000rpx;
  /* position: fixed; */
  background-color: white;
  margin-top: auto;
  margin-bottom: env(safe-area-inset-bottom);
  /* margin-top: -800rpx; */
  /* bottom: -800rpx; */
  display: flex;
  flex-direction: column;
}

.survey-view>view:nth-child(2)>view:nth-child(1) {
  width: 100%;
  height: 108rpx;
  display: flex;
}

.survey-view>view:nth-child(2)>view:nth-child(1)>view {
  width: 6rpx;
  height: 32rpx;
  margin: auto 20rpx auto 30rpx;
  background-color: #3296FB;
}

.survey-view>view:nth-child(2)>view:nth-child(1)>text {
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #333333;
  width: 600rpx;
  line-height: 56rpx;
  margin-right: auto;
  margin: auto auto auto 0;

}

.survey-view>view:nth-child(2)>view:nth-child(1)>image {
  width: 92rpx;
  height: 92rpx;
  margin: auto 0;
}

.survey-view>view:nth-child(2)>view:nth-child(2),
.survey-answer-item+view,
.survey-answer-bottom {
  width: 100%;
  height: 0.7px;
  background-color: #eeeeee;
  margin-top: -0.7px;
  
}

.survey-answer-item+view {
  margin-left: 126rpx;
}

.survey-question-view {
  width: 750rpx;
  height: 112rpx;
  background-color: #F5F5F5;
}

.survey-question-view>text:nth-child(1) {
  font-family: PingFangSC-Medium;
  font-size: 30rpx;
  color: #333333;
  line-height: 112rpx;
  margin-left: 32rpx;
}

.survey-question-view>text:nth-child(2) {
  font-family: PingFangSC-Regular;
  font-size: 30rpx;
  color: #3F3F3F;
  line-height: 112rpx;
}

.d-bg-view,
.t-bg-view {
  height: 892rpx;
  display: flex;
}

.d-bg-view {
  width: 300%;
}

.t-bg-view {
  width: 400%;
}

.survey-answer-view,
.survey-result-view {
  width: 750rpx;
  height: 892rpx;
  display: flex;
  flex-direction: column;
}

.survey-answer-scroll-view {
  width: 750rpx;
  height: 648rpx;
}

.survey-answer-item {
  width: 100%;
  height: 100rpx;
  display: flex;
}

.survey-answer-item>image {
  width: 48rpx;
  height: 48rpx;
  margin: auto 0 auto 32rpx;
}
.survey-answer-item>text {
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #333333;
  line-height: 100rpx;
  margin-left: 46rpx;
}

.survey-button-view {
  width: 100%;
  height: 132rpx;
  display: flex;
}

.survey-button-view>view {
  background-color: #3296FB;
  border-radius: 50rpx;
  margin: auto auto;
  width: 710rpx;
  height: 90rpx;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #FFFFFF;
  text-align: center;
  line-height: 90rpx;
}

.survey-result-view>view:nth-child(1) {
  width: 750rpx;
  height: 510rpx;
  display: flex;
  flex-direction: column;
}

.survey-result-view>view:nth-child(1)>image {
  width: 108rpx;
  height: 108rpx;
  margin: auto auto 0;
}

.survey-result-view>view:nth-child(1)>text {
  margin: 34rpx auto auto;
  font-family: PingFangSC-Regular;
  font-size: 30rpx;
  color: #333333;
  text-align: center;
  line-height: 50rpx;
}

.survey-result-view>view:nth-child(2) {
  width: 750rpx;
  height: 112rpx;
  display: flex;
  flex-direction: column;
}

.survey-result-view>view:nth-child(2)>view {
  width: 750rpx;
  height: 100rpx;
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #FF801A;
  text-align: center;
  line-height: 100rpx;
  background-color: #FDF8EC;
}

.survey-result-view>view:nth-child(2)>image {
  width: 26rpx;
  height: 12rpx;
  margin: 0 0 0 150rpx;
}