@charset "UTF-8";
/* 需要放到文件最上面 */
/* 水平间距 */
/* 水平间距 */
/*
 以下变量是默认值，如不需要修改可以不用给下面的变量重新赋值
 */
/* 水平间距 */
.aircondition-box {
  padding: 30rpx;
}
.aircondition-box .popup-content {
  border-radius: 16rpx 16rpx 0 0;
  background: #fff;
}
.aircondition-box .popup-content .popup-operation {
  padding: 30rpx 0;
}
.aircondition-box .popup-content .model-popup {
  display: flex;
}
.aircondition-box .popup-content .model-popup .model-popup-item {
  flex: 1;
  text-align: center;
}
.aircondition-box .popup-content .model-popup .model-popup-item.active {
  color: #08979c;
}
.aircondition-box .popup-content .model-popup .model-popup-label {
  font-size: 24rpx;
  margin-top: 10rpx;
  font-weight: 300;
}
.aircondition-box .popup-content .wind-popup {
  padding: 0 30rpx;
  box-sizing: border-box;
}
.aircondition-box .popup-content .wind-popup .wind-title {
  display: flex;
  align-items: center;
}
.aircondition-box .popup-content .wind-popup .big-title {
  font-size: 32rpx;
}
.aircondition-box .popup-content .wind-popup .line {
  width: 2rpx;
  height: 26rpx;
  background: #f2f2f2;
  margin: 0 16rpx;
}
.aircondition-box .popup-content .wind-popup .wind-auto {
  padding: 20rpx 30rpx;
  border-radius: 26rpx;
  box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  display: flex;
  align-items: center;
  margin: 30rpx 0;
}
.aircondition-box .popup-content .wind-popup .wind-auto .big-title {
  flex: 1;
  margin-left: 20rpx;
}
.aircondition-box .popup-content .wind-popup .wind-hand {
  padding-top: 20rpx;
}
.aircondition-box .popup-content .wind-popup .hand-text {
  position: relative;
  color: #8c8c8c;
  font-size: 24rpx;
  height: 34rpx;
  margin-top: 20rpx;
}
.aircondition-box .popup-content .wind-popup .hand-text .number20 {
  position: absolute;
  left: 20%;
  margin-left: -26rpx;
}
.aircondition-box .popup-content .wind-popup .hand-text .number40 {
  position: absolute;
  left: 40%;
  margin-left: -26rpx;
}
.aircondition-box .popup-content .wind-popup .hand-text .number60 {
  position: absolute;
  left: 60%;
  margin-left: -26rpx;
}
.aircondition-box .popup-content .wind-popup .hand-text .number80 {
  position: absolute;
  left: 80%;
  margin-left: -26rpx;
}
.aircondition-box .popup-content .wind-popup .hand-text .number100 {
  position: absolute;
  left: 100%;
  margin-left: -52rpx;
}
.aircondition-box .popup-content .popup-close {
  border-top: 20rpx solid #f2f2f2;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  color: #8c8c8c;
}
.aircondition-box .aircondition-control {
  padding: 30rpx;
  background: #fff;
  border-radius: 16rpx;
  box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
}
.aircondition-box .aircondition-toogle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40rpx;
}
.aircondition-box .toogle-icon-text {
  display: flex;
  align-items: center;
}
.aircondition-box .toogle-icon-text .text {
  font-size: 36rpx;
  margin-left: 20rpx;
}
.aircondition-box .toogle-icon {
  width: 80rpx;
  height: 80rpx;
  background: #08979c;
  text-align: center;
  line-height: 80rpx;
  border-radius: 8px;
}
.aircondition-box .aircondition-show {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 40rpx 30rpx 40rpx;
}
.aircondition-box .aircondition-icon {
  width: 60rpx;
  height: 60rpx;
  background-color: #f2f2f2;
  text-align: center;
  line-height: 60rpx;
  border-radius: 50%;
}
.aircondition-box .aircondition-label {
  flex: 1;
  width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #434343;
}
.aircondition-box .aircondition-label .value {
  font-size: 80rpx;
  height: 100rpx;
}
.aircondition-box .aircondition-label .unit {
  font-size: 40rpx;
}
.aircondition-box .aircondition-model {
  display: flex;
  margin-top: 30rpx;
}
.aircondition-box .aircondition-model .box {
  flex: 1;
  background: #fff;
  border-radius: 16rpx;
  box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  height: 160rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 60rpx 0 30rpx;
  box-sizing: border-box;
}
.aircondition-box .aircondition-model .box .content .title {
  font-size: 32rpx;
  font-weight: 300;
}
.aircondition-box .aircondition-model .box .content .sub-title {
  font-size: 24rpx;
  color: #8c8c8c;
  font-weight: 200;
  margin-top: 10rpx;
}
.aircondition-box .aircondition-model .bg {
  width: 30rpx;
}