shuichacha/shuichacha-for-KL/components/popup/popup.wxss

/* component/popup.wxss */

.scc-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.scc-popup-container {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 520rpx;
  border-radius: 8rpx;
  box-sizing: bordre-box;
  transform: translate(-50%, -50%);
  background: #fff;
}

.scc-popup-icon {
  width: 110rpx;
  height: 110rpx;
  border-radius: 100%;
  position: absolute;
  top: -45rpx;
  left: 50%;
  transform: translate(-50%, 0);
}

.scc-popup-icon image {
  width: 92rpx;
  height: 92rpx;
  position: absolute;
  left: 8rpx;
  top: 8rpx;
}

.scc-popup-box {
  margin-top: 60rpx;
  padding: 0 20rpx;
}
.scc-popup-box view {
  padding: 20rpx 0;
}
.scc-popup-title {
  text-align: center;
  font-size: 28rpx;
  color: #686b78;
  font-family: PingFangSC-Regular;
  margin: 20rpx 0;
}

.scc-popup-content {
  font-size: 28rpx;
  color: #686b78;
  text-align: center;
  font-family: PingFangSC-Light;
}

.scc-popup-subcontent {
  margin-top: 20rpx;
}

.scc-popup-btn {
  display: flex;
  justify-content: space-around;
  width: 100%;
  border-radius: 0 0 8rpx 8rpx;
  overflow: hidden;
  margin-top: 50rpx;
}

.scc-popup-btn text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 80rpx;
  border-top: 1rpx solid #eee;
  font-size: 28rpx;
  font-family: PingFangSC;
  font-weight: 300;
  line-height: 40px;
}

.scc-popup-btn.one-btn text {
  width: 100%;
  border-right: none;
}

.scc-popup-btn .scc-btn-confirm {
  color: #0091ff;
  border-left: 1rpx solid #eee;
}