page {

  background: #F3F3F3;
  padding-bottom:180rpx;
  color: #333;
}
view,text{
  font-size: 30rpx;
}
.top-img{
  width:750rpx;
  height: 178rpx;
  display: block;
}
.top-block{
  margin:12rpx 0 12rpx;
background: #FFFFFF;
padding:24rpx 24rpx 14rpx;
}
.top-block .title{
  line-height: 42rpx;
  height: 42rpx;
  white-space: nowrap;
}
.top-block .slogan{
  height: 42rpx;
  line-height: 42rpx;
  color:#999;
  margin-top:12rpx;
}
.bottom-img{
  position: fixed;
  bottom:0;
  left:0;
  right:0;
  width:750rpx;
}
.service-satisfy{
  padding:24rpx 24rpx 34rpx;
  background:#fff;
  margin:0 0 24rpx;
}
.satisfy-title{
  height: 48rpx;
  display: flex;
  align-items: center;
}
.satisfy-title .dot{
  width: 12rpx;
height: 12rpx;
background: #09AFFF;
border-radius:12rpx;
margin-right:16rpx;
}
.satisfy-title .text{
  font-size: 34rpx;
  line-height: 48rpx;
}
.satisfy-select{
  margin:24rpx 0;
  display: flex;
  height: 72rpx;
  justify-content: space-between;
}
.satisfy-select view{
  width: 218rpx;
height: 72rpx;
line-height: 72rpx;
background: #F5F5F5;
border-radius: 8rpx;
text-align: center;
}
.satisfy-select view.yes{
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/revisit-check.png') no-repeat right bottom;
  background-size:40rpx 32rpx ;
  background-color: #E7F1FF;
  color: #1677FF;
}
.satisfy-select view.no{
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/qw/icon-no.png') no-repeat right bottom;
  background-size:40rpx 32rpx ;
  background-color: #FFF1F0;
  color: #F5222D;
}
.satisfy-select view.common{
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/qw/icon-common.png') no-repeat right bottom;
  background-size:40rpx 32rpx ;
  background-color:  #F0F5FF;
  color: rgba(0,0,0,0.45);
}
.satisfy-result view{
  line-height: 46rpx;
  color:#999;
}
.satisfy-result image{
  margin:6rpx 0 -34rpx;
  width:702rpx;
  height: 142rpx;
}
.satisfy-common{
  color: #6AACC2;
  line-height: 46rpx;
}
.remark-wrapper{
  padding:24rpx;
  background:#fff;
  margin-bottom:24rpx;
}
.remark-wrapper .tips{
  font-size: 34rpx;
  line-height: 48tpx;
  margin-bottom:18rpx;
}
.remark-wrapper .textarea{
  width: 702rpx;
height: 174rpx;
border-radius: 12rpx;
border: 1rpx solid #DADADA;
padding:12rpx 12rpx 12rpx 24rpx;
line-height: 42rpx;
box-sizing: border-box;
color:#666;
}
.upload-wrapper{
  margin:18rpx -20rpx 56rpx 0;
  display: flex;
  flex-wrap: wrap;
}
.upload{
  width: 160rpx;
height: 160rpx;
background: #FAFAFA;
border-radius: 2rpx;
border: 1rpx solid #D9D9D9;
display:flex;
align-items: center;
flex-direction: column;
justify-content: center;
margin-right:16rpx;
box-sizing: border-box;
}
.upload image{
  width:38rpx;
  height: 38rpx;
  margin-bottom:22rpx;
}
.upload view{
  font-weight: 400;
color: #C5C3C3;
line-height: 48rpx;
font-size: 26rpx;
}
.img-item{
  width: 160rpx;
  height: 160rpx;
  background: #fff;
  border-radius: 2rpx;
  border: 1rpx solid #D9D9D9;
  margin:0 20rpx 24rpx 0;
  padding:8rpx;
  position: relative;
  box-sizing: border-box;
}
.img-item .user-upload{
  width:144rpx;
  height:144rpx;
}
.img-item .close-img{
  width:28rpx;
  height:28rpx;
  position:absolute;
  top:0;
  right:0;
}



.service-block{
  margin-bottom:10rpx;
  background:#fff;
  font-size: 30rpx;
}
.service-block .title{
  height: 90rpx;
  line-height: 90rpx;
  padding:0 24rpx;
  border-bottom: 1rpx solid #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
view.view-detail{
  color: #09afff;
  font-size: 28rpx;
}
.service-block .content{
  padding:20rpx 24rpx;
  position: relative;
}
.service-block .item{
  line-height: 56rpx;
  color: #666;
}
.service-block .item text{
  color: #999;
}
.service-times{
  position: absolute;
  top:22rpx;
  right:48rpx;
  color: #666;
}
.topic-block{
  /* margin-bottom:114rpx; */
}
.topic-item{
  padding:24rpx 24rpx 32rpx;
  background: #fff;
  margin-bottom:12rpx;
  font-size: 34rpx;
}
.topic-item .issue{
  /* height: 48rpx; */
  line-height: 48rpx;
  margin-bottom:22rpx;
  display: flex;
}
.issue .dot{
  width: 12rpx;
height: 12rpx;
background: #09AFFF;
border-radius:12rpx;
margin-right:12rpx;
margin-top:18rpx;
}
.issue text{
  font-size: 34rpx;
}
.issue .refer{
  color: #C5C5C5;
  margin-left:12rpx;
  font-size: 30rpx;
  font-weight: 400;
}
.topic-item .answer{
 flex-wrap: wrap;
  display: flex;
  /* justify-content: space-between; */
}
.answer .answer-item{
  /* width: 218rpx; */
  min-width:160rpx;
  padding:0 20rpx;
  height: 72rpx;
  line-height: 72rpx;
  border-radius: 8rpx;
  text-align: center;
  color: #333;
  font-size: 28rpx;
  margin:0 20rpx 24rpx 0;
  box-sizing: border-box;
}
.answer .common-answer{
 
  background: #F5F5F5;
  color: #333;
}
.topic-item .answer .selected-answer{
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/revisit-check.png') no-repeat right bottom;
  background-size:40rpx 32rpx ;
  background-color: #E7F1FF;
  color: #1677FF;

}
.submit-btn{
  width: 702rpx;
height: 88rpx;
background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%);
border-radius: 88rpx;
margin:0 24rpx 60rpx;
line-height: 88rpx;
font-size: 32rpx;
color: #fff;
text-align: center;
margin-top:100rpx;
}
.submit-btn.disable-btn{
  background: #ccc;
  box-shadow: 4rpx 4rpx 10rpx 0rpx rgba(201, 205, 207, 0.25);
}
.topic-item .answer.unmask{
  justify-content: flex-start;
}
.topic-item .answer.unmask view{
  margin-right:24rpx;
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.block {
  width: 700rpx;
  height: 300rpx;
  padding-top:200rpx;
  background-color: #fff;
  border-radius:20rpx;
}
.block  .submit-btn{
  width:600rpx;
  margin:0 50rpx 0;
}