.imgbox {
  margin: 70px auto 70px;
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*flex-direction: row;*/
  /*column-count: 4;*/
  /*column-gap: 0;*/
  transition: .2s ease;
  position: relative;
}

.imglist {
  width: 300px;
  cursor: pointer;
  position: absolute;
  padding: 0px 10px 20px;
  display: flex;
  /*flex-direction: column;*/
  /*width: calc(100%/4);*/
}
.imglist .border {
  background-image: url("../image/lefttops.jpg"), url("../image/righttops.jpg"), url("../image/leftbottoms.jpg"), url("../image/rightbottoms.jpg"), url("../image/vers.jpg"), url("../image/vers.jpg"), url("../image/levels.jpg"), url("../image/levels.jpg");
  background-repeat: no-repeat, no-repeat,no-repeat, no-repeat,no-repeat, no-repeat,no-repeat, no-repeat;
  background-position: left top, right top, left bottom, right bottom, left 17px, right 17px, 18px top, 18px 98%;
  background-color: #fff;
  background-origin: border-box;
  padding: 27px;
  box-sizing: border-box;
}
.imglist .border img {
  width: 100%;
  height: 100%;
}

.item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#shadow {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
}

.alertBox {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow-y: scroll;
  display: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.alertBox::-webkit-scrollbar {
  display: none;
}

.alert {
  width: 850px;
  margin: 20px auto 0;
}
.alert .al-title {
  width: 100%;
  height: 94px;
  box-sizing: border-box;
  background-image: url("../image/lefttopx.jpg"), url("../image/righttopx.jpg"), url("../image/leftbottomx.jpg"), url("../image/rightbottomx.jpg"), url("../image/xx_v.jpg"), url("../image/xx_v.jpg"), url("../image/xx_l.jpg"), url("../image/xx_l.jpg");
  background-repeat: no-repeat, no-repeat,no-repeat, no-repeat,no-repeat, no-repeat,no-repeat, no-repeat;
  background-position: left top, right top, left bottom, right bottom, left 17px, right 17px, 18px top, 18px bottom;
  background-color: #fff;
  background-origin: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a3a8e;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
}
.alert .al-content {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../image/lefttopx.jpg"), url("../image/righttopx.jpg"), url("../image/leftbottomx.jpg"), url("../image/rightbottomx.jpg"), url("../image/xx_v.jpg"), url("../image/xx_v.jpg"), url("../image/xx_l.jpg"), url("../image/xx_l.jpg");
  background-repeat: no-repeat, no-repeat,no-repeat, no-repeat,no-repeat, no-repeat,no-repeat, no-repeat;
  background-position: left top, right top, left bottom, right bottom, left 17px, right 17px, 18px top, 18px 99%;
  background-color: #fff;
  box-sizing: border-box;
  background-origin: border-box;
  padding: 30px 0;
}
.alert .al-content img {
  width: 94% !important;
}
.alert .close {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #2a3a8e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 30px;
  cursor: pointer;
}

@media all and (max-width: 700px) {
  .imgbox {
    column-count: 2;
  }
}
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar {
  display: none;
}

@media all and (max-width: 850px) {
  .alert {
    width: 90% !important;
  }

  .long .al-title {
    height: auto !important;
  }

  .alert .al-content {
    height: auto !important;
  }
}

/*# sourceMappingURL=place.css.map */