/* packageH/installationSever/installationSeverApply/installationSeverApply.wxss */

.tips {
  padding-left: 12px;
  text-align: left;
  color: #ff5d5c;
  font-size: 12px;
  background: #fff;
}

.banner {
  width: 100%;
  height: 10.94rem;
  background: #999;
}

.banner .banner_swiper {
  height: 10.94rem;
}

.banner image {
  width: 100%;
}

.main {
  padding-bottom: 36rpx;
}

.supplier .main {
  position: relative;
}

.tittop {
  margin-top: 20rpx;
}

.nrig {
  margin-left: 516rpx;
  color: red;
}

.button-spe {
  position: absolute !important;
  width: 100% !important;
  height: 80rpx !important;
  opacity: 0 !important;
  top: -20rpx !important;
}

button {
  position: absolute;
  right: 24rpx;
  width: 32rpx;
  height: 32rpx;
  padding: 0;
  margin: 0;
  font-size: inherit;
  background-color: #fff;
  opacity: 0;
}

button::after {
  border: none;
}

.supplier .titlemessage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding-left: 30rpx;
  line-height: 90rpx;
  font-size: 28rpx;
  text-align: left;
  color: #888;
  background: #fff;
}

.supplier .titlemessage .titleIcon {
  width: 6rpx;
  height: 28rpx;
  background-color: rgba(248, 112, 112, 1);
}

.supplier .titlemessage :nth-child(2) {
  font-size: 28rpx;
  color: rgba(248, 110, 110, 1);
  padding-left: 26rpx;
}

.mapshow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90rpx;
  background: #fff;
  border-bottom: 1rpx solid rgba(242, 242, 242, 1);
}

.mapshow text {
  color: red;
}

.mapshow .left {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  padding-left: 30rpx;
}

.mapshow .left view {
  width: 155px;
  padding-left: 55rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mapshow .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 34rpx;
}

.top {
  color: red;
  padding-left: 20rpx;
  box-sizing: border-box;
}

.mapshow .right .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(153, 153, 153, 1);
}

.mapshow .right .bottom van-icon {
  margin-top: 5rpx;
  margin-right: 10rpx;
}

.image-list {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.image-list .otherphoto .top {
  text-align: left;
  padding-left: 26rpx;
  line-height: 100rpx;
  box-sizing: border-box;
}

.image-list .otherphoto .top text {
  color: red;
}

.image-list .otherphoto .top .span {
  font-size: 30rpx;
  color: rgba(51, 51, 51, 1);
}

.section {
  display: flex;
  justify-content: space-between;
  height: 200rpx;
  padding-right: 26rpx;
  box-sizing: border-box;
}

.image-list .otherphoto .imgflex {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 24rpx;
  height: 119rpx;
  width: 240rpx;
}

.image-list .otherphoto .imgflex2 {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 41rpx;
  height: 119rpx;
  width: 309rpx;
}

.image-list .otherphoto .imgflex .photobox {
  position: relative;
  width: 190rpx;
  height: 190rpx;
  margin-right: 6rpx;
  margin-left: 6rpx;
  margin-bottom: 6rpx;
  border: 2rpx dashed rgb(192, 204, 218);
  overflow: hidden;
}

.image-list .otherphoto .imgflex2 .photobox {
  position: relative;
  width: 190rpx;
  height: 190rpx;
  margin-right: 6rpx;
  margin-left: 6rpx;
  margin-bottom: 6rpx;
  overflow: hidden;
  border: 2rpx dashed rgb(192, 204, 218);
}

.image-list .otherphoto .imgflex .photobox image {
  width: 100%;
}

.image-list .otherphoto .imgflex2 .photobox image {
  width: 100%;
}

.image-list .otherphoto .imgflex .photobox .i {
  position: absolute;
  top: 4rpx;
  right: 4rpx;
  width: 40rpx;
  height: 40rpx;
  background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/close_iocn.png") no-repeat;
  background-size: 100%;
  z-index: 100;
}

.image-list .otherphoto .imgflex2 .photobox .i {
  position: absolute;
  top: 4rpx;
  right: 4rpx;
  width: 40rpx;
  height: 40rpx;
  background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/close_iocn.png") no-repeat;
  background-size: 100%;
  z-index: 100;
}

.image-list .otherphoto .imgflex .photoshow {
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 119rpx;
  height: 119rpx;
  border: 2rpx dashed rgb(192, 204, 218);
  overflow: hidden;
  border-radius: 8rpx;
}

.image-list .otherphoto .imgflex2 .photoshow {
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  width: 221rpx;
  height: 81rpx;
  border: 2rpx dashed rgb(192, 204, 218);
  overflow: hidden;
  border-radius: 8rpx;
}

.cimg {
  width: 46rpx;
  height: 46rpx;
}

.yimg {
  width: 100%;
  height: 100%;
}

.imtext {
  color: rgba(153, 153, 153, 1);
  font-size: 20rpx;
  margin-top: 10rpx;
}

.choosebtn {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  padding-left: 30rpx;
  padding-top: 20rpx;
  box-sizing: border-box;
}

.choosebtn .left text {
  font-size: 20rpx;
  color: #ff5959;
}

.choosebtn .left {
  padding-left: 20rpx;
  font-size: 20rpx;
  color: #999;
}

.choosebtn .right {
  border-radius: 50%;
}

.main .btn.submit {
  width: 90%;
  height: 64rpx;
  color: #fff;
  margin: 20rpx 24rpx 0;
  padding: 0 10rpx;
  box-sizing: border-box;
  text-align: center;
  font-size: 28rpx;
  line-height: 64rpx;
  background: #f55955;
  border-radius: 8rpx;
}

/* 地址选择器 */

/* -------------------------------- */
.btn-area {
  padding: 0rpx 20rpx;
}

.dateBe {
  position: fixed;
  bottom: 0rpx;
  left: -5rpx;
  width: 760rpx;
  padding: 0rpx 5rpx;
  font-size: 28rpx;
  border-top: 1rpx solid #d9d9d9;
  z-index: 200;
  opacity: 0;
  box-sizing: border-box;
  transform: translate(-750rpx, 0rpx);
}

.dateBe.true {
  opacity: 1;
  transform: translate(0rpx, 0rpx);
}

.dateBe .head {
  display: flex;
  flex-flow: nowrap;
  padding: 0rpx 30rpx;
  line-height: 80rpx;
  border-bottom: 1rpx solid #d9d9d9;
  background: #f8f8f8;
}

.dateBe .head .ll {
  flex: 1;
}

.dateBe .head .rr {
  text-align: right;
  flex: 1;
}

.dateBe .main {
  background: #f8f8f8;
}

.dateBe .main view {
  text-align: center;
}

/* -------------------------------- */

.supplier .main .vip_main {
  margin: 30rpx 0;
  background: #fff;
}

.supplier .main .vip_main .title {
  padding: 20rpx;
  font-size: 24rpx;
  border-bottom: 2rpx solid #eee;
}

.supplier .main .vip_main .vip {
  padding: 30rpx 20rpx;
  overflow: hidden;
  font-size: 24rpx;
  color: #999;
}

.supplier .main .vip_main .vip .text {
  width: 100%;
}

.supplier .main .vip_main .vip .text .t1 {
  font-size: 32rpx;
  color: #333;
  margin-bottom: 20rpx;
  text-align: left;
}

.supplier .success {
  height: 400rpx;
  padding-top: 130rpx;
  background: #fff;
}

.supplier .success .ico {
  height: 130rpx;
  width: 130rpx;
  margin: 0 auto;
}

.supplier .success .text {
  height: 64rpx;
  margin-top: 60rpx;
  color: #666;
  line-height: 51rpx;
  text-align: center;
}

.supplier .success .a .sub {
  height: 64rpx;
  width: 80%;
  margin-bottom: 40rpx;
  margin: 40rpx auto;
  color: #fff;
  line-height: 64rpx;
  text-align: center;
  font-size: 28rpx;
  border-radius: 64rpx;
  background: #f55955;
}

.bwText {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60rpx;
  margin-bottom: 20rpx;
  font-size: 20rpx;
  color: rgba(153, 153, 153, 1);
  background: #fff;
}

.bwText view {
  margin-left: 30rpx;
  box-sizing: border-box;
}

.introduce {
  background: #fff;
}

.introduce .area {
  margin: 0 30rpx;
  box-sizing: border-box;
  border-radius: 15rpx;
}

.introduce .area .mark {
  width: 100%;
  height: 300rpx;
  background-color: rgba(248, 248, 248, 1);
}

.introduce .area textarea {
  width: 100%;
  background-color: rgba(248, 248, 248, 1);
}

.areaimgBox {
  /* margin-top: 20rpx; */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.areimage {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120rpx;
  height: 120rpx;
  margin-left: 20rpx;
  margin-top: 20rpx;
  border-radius: 8rpx;
  border: solid 1rpx rgba(153, 153, 153, 1);
}

.areaimgBox .dbox {
  margin-left: 18rpx;
  margin-top: 20rpx;
}

.dbox {
  position: relative;
  width: 120rpx;
  height: 120rpx;
}

.icon-cel {
  position: absolute;
  top: -4rpx;
  right: 0;
  color: red;
}

.area text {
  padding-top: 19rpx;
  font-size: 20rpx;
  color: rgba(153, 153, 153, 1);
  box-sizing: border-box;
}

.statusSet {
  background: #fff;
  margin-bottom: 19rpx;
}

.statusBox {
  margin: 0 57rpx 42rpx 30rpx;
  box-sizing: border-box;
}

.statusTitle {
  font-size: 24rpx;
  color: rgba(51, 51, 51, 1);
}

.statusBox text {
  color: red;
}

.staImg {
  width: 641rpx;
  height: 341rpx;
  margin-left: 23rpx;
  margin-top: 22rpx;
}

.staImg image {
  width: 96%;
  height: 97%;
}

.imaborder {
  border: 1rpx solid rgba(153, 153, 153, 1);
}

.qitaTitle {
  margin-left: 29rpx;
  font-size: 24rpx;
  color: #333;
  margin-bottom: 22rpx;
}

.qitaimgbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 54rpx;
  margin-right: 57rpx;
  padding-bottom: 39rpx;
  box-sizing: border-box;
  background: #fff;
}

.qitaimage {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200rpx;
  height: 200rpx;
  margin: 5rpx 7rpx;
  border-radius: 8rpx;
  border: solid 1rpx rgba(153, 153, 153, 1);
}

.qitaMin {
  width: 76rpx;
  height: 76rpx;
}

.qitaMax {
  width: 98%;
  height: 98%;
  border-radius: 8rpx;
}

.textWork {
  padding-bottom: 45rpx;
  box-sizing: border-box;
  background: #fff;
}

.textWork .area {
  margin: 0 30rpx;
  box-sizing: border-box;
  border-radius: 15rpx;
}

.textWork .area .mark {
  width: 100%;
  height: 300rpx;
  background-color: rgba(248, 248, 248, 1);
}

.textWork .area textarea {
  width: 100%;
  height: 450rpx;
  background-color: rgba(248, 248, 248, 1);
}

/* kefu */
.icon-close11 {
  position: absolute;
  right: 45%;
  bottom: -80rpx;
  font-size: 18px;
  color: #fff;
}

.pop-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 650rpx;
  padding: 35rpx 0;
  text-align: center;
  background: #fff;
  border-radius: 38rpx;
}

.pop-content .pop-top {
  display: flex;
  justify-content: center;
  width: 100%;
}

.pop-content .pop-top .left {
  display: flex;
  justify-content: center;
  position: relative;
  width: 50%;
}

.pop-content .pop-top .left .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pop-content .pop-top .left .wrap .image {
  width: 84rpx;
  height: 84rpx;
  margin: 0 auto;
  margin-bottom: 16rpx;
}

.pop-content .pop-top .left .wrap .image image {
  width: 100%;
  height: 100%;
}

.pop-content .pop-top .right {
  display: flex;
  justify-content: center;
  width: 50%;
}

.pop-content .pop-top .right .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pop-content .pop-top .right .wrap .image {
  width: 84rpx;
  height: 84rpx;
  margin: 0 auto;
  margin-bottom: 16rpx;
}

.pop-content .pop-top .right .wrap .image image {
  width: 100%;
  height: 100%;
}

.pop-content .line {
  width: 1px;
  height: 51rpx;
  background-color: #999;
}

.pop-bottom {
  display: flex;
  justify-content: center;
  width: 327rpx;
  height: 327rpx;
  margin-top: 32rpx;
}

.pop-bottom .image {
  width: 100%;
  height: 100%;
}

.pop-bottom .image image {
  width: 100%;
  height: 100%;
}

.kefuxiaoxi {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}

.msgbox {
  line-height: 40rpx;
  box-sizing: border-box;
  padding: 20rpx;
}

/* ------------------ */

.explainWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 680rpx;
}

.explainWrapper .explainTextWrapper {
  background: #fff;
  border-radius: 18rpx;
}

.explainWrapper .explainTextWrapper .explainTextTitle {
  padding-top: 26rpx;
  text-align: center;
  color: #000;
  font-size: 30rpx;
}

.explainWrapper .explainTextWrapper .explainTextContent {
  max-height: 50vh;
  overflow: scroll;
  color: #666;
  line-height: 48rpx;
  letter-spacing: 2rpx;
  font-size: 28rpx;
  padding: 40rpx 40rpx 80rpx 40rpx;
}

.explainWrapper .close {
  color: #fff;
  font-size: 60rpx;
}