tourism-wxapp/nova-tourism/pages/my/my-order/my-refund/refund-good/refund-express/index.wxss

/* nova-tourism/pages/my/my-order/my-refund/refund-detail/index.wxss */
page {
  background: white;
  font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
}
.title {
  width: 100%;
  font-size: 36rpx;
  background-color: white;
  display: flex;
  justify-content: center;
  padding-bottom: 25rpx;
  border-bottom: #F4F4F4 20rpx solid;
}
.cardbox {
  width: 100%;
  padding-left: 30rpx;
  padding-right: 30rpx;
  padding-top: 20rpx;
  padding-bottom: 10rpx;
  margin-top: 20rpx;
  background-color: white;
}
.cardbox .title2 {
  width: 100%;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  margin-bottom: 30rpx;
}
.cardbox .roombox {
  width: 100%;
  display: flex;
  margin-top: 20rpx ;
  padding-bottom: 20rpx;
  margin-bottom: 20rpx;
  border-bottom: 1rpx solid #D9D9D9;
}
.cardbox .roombox image {
  width: 150rpx;
  height: 150rpx;
}
.cardbox .roombox .room {
  margin-left: 20rpx;
}
.cardbox .roombox .room .room-name {
  width: 460rpx;
  font-size: 24rpx;
  margin-bottom: 10rpx;
  color: #000000;
}
.cardbox .roombox .room .room-tag {
  font-size: 26rpx;
  width: 460rpx;
  color: #F37B40;
  margin-bottom: 10rpx;
}
.cardbox .roombox .room .room-text {
  width: 460rpx;
  font-size: 26rpx;
  color: #737373;
}
.cardbox .roombox .room .room-text2 {
  width: 460rpx;
  font-size: 20rpx;
  margin-top: 100rpx;
  color: #979797;
}
.cardbox .text1 {
  padding: 5rpx 0;
  width: 100%;
  font-size: 24rpx;
  display: flex;
  color: #000000;
  margin-bottom: 20rpx;
}
.cardbox .text1 .tex1 {
  white-space: nowrap;
  display: flex;
  margin-right: 20rpx;
}
.cardbox .text1 .tex1 .tex1-1 {
  color: #E22525;
  margin-left: 4rpx;
}
.cardbox .text1 .tex2 {
  margin-left: auto;
  font-size: 24rpx;
  color: #F05C14;
}
.cardbox .text1 .tex3 {
  margin-left: auto;
  font-size: 24rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cardbox .areabox {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cardbox .areabox textarea {
  font-size: 24rpx;
  background-color: #F4F4F4;
  width: 100%;
  padding: 15rpx;
  border-radius: 5rpx;
  min-height: 100rpx;
}
.cardbox .areabox .number {
  color: gray;
  position: absolute;
  bottom: 5rpx;
  right: 20rpx;
  font-size: 26rpx;
}
.cardbox .uploadbox {
  width: 100vw;
  margin-top: 20rpx;
  display: flex;
  justify-content: space-between;
}
.cardbox .uploadbox .up {
  width: 160rpx;
}
.cardbox .uploadbox .box {
  width: 560rpx ;
  display: flex;
  flex-wrap: wrap;
}
.cardbox .uploadbox .box .image {
  position: relative;
}
.cardbox .uploadbox .box .image image {
  margin: 5rpx;
  width: 160rpx;
  height: 160rpx;
}
.cardbox .uploadbox .box .image van-icon {
  position: absolute;
  right: 0rpx;
  background: rgba(255, 255, 255, 0.87);
  border-radius: 0 0 0 30rpx;
  padding: 8rpx;
  font-size: 25rpx;
}
.submitbox {
  margin-top: 20rpx;
  width: 100%;
  height: 110rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30rpx;
}
.submitbox .submit {
  background-color: #F89B7F;
  color: white;
  width: 50%;
  height: 100%;
  border-radius: 20rpx;
  font-size: 30rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup {
  width: 100%;
  height: 70vh;
}
.popup .title {
  font-size: 30rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 1rpx solid whitesmoke;
}
.popup .itemBox {
  overflow-y: auto;
  height: calc(70vh - 250rpx);
}
.popup .itemBox .item {
  padding: 20rpx;
  font-size: 28rpx;
  border-bottom: 1rpx solid whitesmoke;
}