zhywpt-plug/wxminipro/plugin/etc/pages/deviceUpgrade/deviceUpgrade.wxss

/* plugin/etc/pages/deviceUpgrade/deviceUpgrade.wxss */
@import '../../style/etc.wxss';

.content-bg{
  height: 100vh;
  background-color: #F6F6F6;
  padding: 32rpx;
}
.box-block {
  padding: 30rpx;
  border-radius: 12rpx;
  background-color: #ffffff;
  box-shadow: 0rpx 4rpx 13rpx 3rpx rgba(223, 223, 223, 0.8);
}

.block-title {
  font-size: 30rpx;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #333333;
  margin-bottom: 30rpx;
}

.details .details-item {
  display: flex;
  font-size: 26rpx;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #999999;
  margin-bottom: 30rpx;
}
.details-item .text{
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
}

.card-content{
  margin-top: 32rpx;
}

.card {
  height: 150rpx;
  background: #ffffff;
  box-shadow: 0rpx 4rpx 13rpx 3rpx rgba(223, 223, 223, 0.8);
  border-radius: 20rpx;
  padding: 30rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card .card-left {
  display: flex;
  align-items: center;
}

.card-left image {
  width: 100rpx;
  height: 90rpx;
}

.card-center {
  margin-left: 30rpx;
}


.card-center-head {
  font-size: 32rpx;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #333333;
}

.tips {
  font-size: 26rpx;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #666666;
}

.tips-card {
  width: 70rpx;
  height: 40rpx;
  background: #d3f2ef;
  border-radius: 6rpx;
  font-size: 20rpx;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #0a8f8a;
  padding: 5rpx 10rpx;
  margin-left: 20rpx;
}

.choose-item {
  margin-right: 20rpx;
  height: 50rpx;
  border-radius: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 25rpx;
  align-self: end;
}

.choose-item .active {
  width: 38rpx;
  height: 38rpx;
  background: #00b38b;
  border-radius: 50%;
}

.remark {
  font-size: 26rpx;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #666666;
  text-indent: 30rpx;
  margin-bottom: 30rpx;
}

.submit {
  margin-top: 100rpx;
  width: 670rpx;
  height: 80rpx;
  background: linear-gradient(-90deg, #43a1e0 0%, #13e7c1 100%);
  border-radius: 40rpx;
  font-size: 32rpx;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: #ffffff;
  line-height: 80rpx;
}

.submit::after {
  border: 0;
}

.submit[disabled] {
  background: #f0f0f0;
  color: #333;
}


.failTitle {
	margin-top: 40rpx;
	height: 44rpx;
	font-weight: 500;
	font-size: 32rpx;
	color: #090E1A;
	line-height: 44rpx;
	text-align: center;
}

.failMsg {
	margin-top: 16rpx;
	width: 590rpx;
	height: 80rpx;
	font-size: 28rpx;
	color: #59677F;
	line-height: 40rpx;
	text-align: center;
}

.re-btn {
	margin-top: 64rpx;
	width: 654rpx;
	height: 88rpx;
	font-weight: 500;
	font-size: 32rpx;
	color: #FFFFFF;
	border-radius: 44rpx;
	background: #3E7DF5
}


.title {
	color: rgb(8, 14, 26);
	font-size: 32rpx;
	font-weight: 700;
}

.tip-img {
	margin-top: 28rpx;
	width: 100%;
	height: 276rpx;
}

.tip-msg {

	color: rgb(0, 0, 0);
	font-size: 26rpx;
	opacity: 0.6;
}

.tip-msg-warn {
	margin-top: 16rpx;
	font-size: 22rpx;
	color: rgb(229, 19, 19);
}