.browser-tips__wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.browser-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -202px;
  margin-left: -342px;
  width: 684px;
  height: 404px;
  background: url('data:image/png;base64,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')
center center no-repeat;
  text-align: center;
} 
.browser-tips__close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  color: #DCDFE6;
}
.browser-tips__close-btn:hover {
  color: #606266;
}
.browser-tips__close-btn i {
  font-size: 20px;
  line-height: 40px;
}
.browser-tips__title {
  margin-bottom: 20px;
  padding-top: 20px;
  line-height: 50px;
  font-size: 18px;
} 
.browser-tips__desc {
  margin-bottom: 20px;
  padding: 0 90px;
  line-height: 32px;
  font-size: 16px;
}
.browser-tips__know-btn {
  display: inline-block;
  width: 120px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  background-color: #01AAFA;
  border-color: #01AAFA;
  text-decoration: none;
}
.browser-tips__know-btn:hover {
  background: #34bbfb;
  border-color: #34bbfb;
}
.browser-tips__icon-close {
  font-family: 'element-icons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  color: #909399;
  text-align: center;
  cursor: pointer;
}
.browser-tips__icon-close:before {
    content: "\E60F";
}