.masks { position:fixed; width:100%; height:100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: none;
}
.mask-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 340px;
  box-sizing: border-box;
  padding: 15px;
  background-color: #ffffff;
	border-radius: 10px;
}
.blue-title {
  font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	color: #0088bf;
  text-align: center;
}
.mask-box>p {
  font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: bold;
  line-height: 1.4;
	color: #000000;
  margin: 15px 0px;
}
.mask-btns {
  display: flex;
  justify-content: center;
}
.mask-btns .mask-btnl,
.mask-btns .mask-btnr {
  padding: 10px 15px;
  background-color: #0088bf;
	border-radius: 6px;
  font-family: MicrosoftYaHei;
	font-size:15px;
	font-weight: bold;
	color: #ffffff;
}
.mask-btns .mask-btnl {
  background-color: #eaeaea;
  color: #b3b1b1;
  margin-right: 10px;
}
.fdwx{ position:fixed; right:5px; z-index:100; top:50%; width:60px; margin-top:-35px; cursor:pointer}