* {
  margin: 0;
  padding: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.clearfix {
  *zoom: 1;
}
.displayOrder {
  width: 100%;
  height: 165PX;
  background: #ffffff;
  box-shadow: 0PX 0PX 15PX 0PX rgba(15, 26, 75, 0.1);
  overflow-y: auto;
  display: block;
}
.displayOrder .displayOrderArea {
  width: 1218PX;
  height: 165PX;
  margin: 0 auto;
  background: #fff;
  /*overflow: hidden;*/
}
.displayOrder .displayOrderArea .swiper-wrapper {
  width: 1218PX;
  height: 165PX;
  margin: 0 auto;
}
.displayOrder .displayOrderArea .orderArea {
  width: 390PX !important;
  height: 105PX !important;
  background: linear-gradient(90deg, #f4f6ff, #ffffff);
  border: 1PX solid #e1e5f1;
  float: left;
  cursor: pointer;
  position: relative;
  margin: 30PX 7PX;
}
.displayOrder .displayOrderArea .orderArea .typeIcon {
  width: 40PX;
  height: 40PX;
  float: left;
  margin-top: 24PX;
  margin-left: 20PX;
}
.displayOrder .displayOrderArea .orderArea .UPS {
  background: url('../images/UPS.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .videoMonitoring {
  background: url('../images/videoMonitoring.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .parkingLot {
  background: url('../images/parkingLot.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .intelligentLock {
  background: url('../images/IntelligentLock.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .airConditioning {
  background: url('../images/precisionAirConditioning.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .voltageRegulator {
  background: url('../images/voltageRegulator.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .modular {
  background: url('../images/modular.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .dieselGenerator {
  background: url('../images/dieselGenerator.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .loadTesting {
  background: url('../images/loadTesting.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .splicingScreen {
  background: url('../images/splicingScreen.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .vendingMachine {
  background: url('../images/vendingMachine.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .LEDdisplay {
  background: url('../images/LEDdisplay.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .LEDWindowTransparency {
  background: url('../images/LEDWindowTransparency.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .ITIcon {
  background: url('../images/ITIcon.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .IPphone {
  background: url('../images/IPphone.png') no-repeat;
}
.displayOrder .displayOrderArea .orderArea .typeTitle {
  float: left;
  height: 24PX;
  font-size: 18PX;
  font-family: PingFang SC;
  font-weight: 500;
  color: #3d4561;
  margin-left: 6PX;
  margin-top: 25PX;
}
.displayOrder .displayOrderArea .orderArea .haveOrder {
  width: 81PX;
  height: 18PX;
  background: #ffffff;
  border: 1PX solid #ffcdcd;
  border-radius: 3PX;
  text-align: center;
  margin-top: 25PX;
  margin-left: 6PX;
  float: left;
  font-size: 12PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #f63e1a;
  line-height: 18PX;
}
.displayOrder .displayOrderArea .orderArea .address {
  float: right;
  height: 13PX;
  font-size: 12PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #7a8ba6;
  position: absolute;
  top: 70PX;
  left: 65PX;
  line-height: 14PX;
}
.displayOrder .displayOrderArea .orderArea .address .positioningIcon {
  width: 14PX;
  height: 14PX;
  background: url('../images/addressIcon.png') no-repeat;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 2PX;
}
.displayOrder .displayOrderArea .orderArea .installationTime {
  position: absolute;
  height: 12PX;
  font-size: 12PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #7a8ba6;
  top: 50PX;
  left: 65PX;
  line-height: 14PX;
}
.displayOrder .displayOrderArea .orderArea .installationTime .timeIcon {
  width: 14PX;
  height: 14PX;
  background: url('../images/installationTime.png') no-repeat;
  margin-right: 2PX;
  display:inline-block;
  vertical-align: bottom;
}
.displayOrder .displayOrderArea .orderArea .installationTime span {
  margin-left: 7PX;
}
.displayOrder .displayOrderArea .expectedIncome {
  position: absolute;
  top: 64PX;
  right: 9PX;
  height: 12PX;
  font-size: 12PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ff7000;
  text-align: right;
}
.displayOrder .displayOrderArea .expectedIncome span {
  height: 18PX;
  font-size: 22PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ff7000;
}
.displayOrder::-webkit-scrollbar {
  display: none;
}
.displayOrder {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.yf-shadow {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: #000;
  opacity: 0.3;
  display: none;
}
.QrCodeWindow {
  position: fixed;
  width: 400PX;
  height: 400PX;
  background: url('../images/bgc.png') no-repeat;
  top: 50%;
  left: 50%;
  margin-left:-200PX;
  margin-top: -200PX;
  z-index: 1001;
  display: none;
}
.QrCodeWindow .title {
  height: 23PX;
  font-size: 24PX;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 30PX;
  margin: 29PX 66PX 32PX;
}
.QrCodeWindow .displayArea {
  width: 106PX;
  height: 106PX;
  background: #ffffff;
  box-shadow: 0PX 0PX 20PX 0PX rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  position: relative;
  margin-left: 147PX;
}
.QrCodeWindow .displayArea img {
  width: 37PX;
  height: 74PX;
  line-height: 74PX;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -37PX;
  margin-left: -18.5PX;
}
.QrCodeWindow .leftDown {
  position: absolute;
  width: 180PX;
  top: 215PX;
  left: 31PX;
}
.QrCodeWindow .leftDown div {
  height: 16PX;
  font-size: 16PX;
  font-family: PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 30PX;
  margin-left: 24PX;
}
.QrCodeWindow .leftDown .IOS {
  display: inline-block;
  width: 35PX;
  height: 43PX;
  background: url('../images/IOS.png') no-repeat;
  margin-left: 24PX;
  margin-top: 22PX;
}
.QrCodeWindow .leftDown .Android {
  display: inline-block;
  width: 35PX;
  height: 43PX;
  background: url('../images/Android.png') no-repeat;
  margin-left: 31PX;
  margin-top: 24PX;
  position: absolute;
  top: 17PX;
}
.QrCodeWindow .leftDown .versionNumber {
  height: 12PX;
  font-size: 12PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 37PX;
  margin-left: 26PX;
  margin-top: 8PX;
}
.QrCodeWindow .leftDown .releaseTime {
  height: 12PX;
  font-size: 12PX;
  font-family: PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 37PX;
  margin-top: 11PX;
  margin-left: 0;
}
.QrCodeWindow .rightQrCode {
  position: absolute;
  right: 44PX;
  bottom: 40PX;
}
.QrCodeWindow .rightQrCode img {
  width: 133PX;
  height: 133PX;
}