#item_0 {
  left: 942px;
  top: calc(200px + (-144px));
}

#item_2 {
  left: 33vw;
  top: 2vw;
}

@media (min-width: 1200px) {
  #item_2 {
    left: 291px;
    top: calc(200px + (-144px));
  }
}

#item_3 {
  left: 2vw;
  top: 2vw;
}

@media (min-width: 1200px) {
  #item_3 {
    left: 14px;
    top: calc(200px + (-144px));
  }
}

#item_4 {
  left: 1vw;
  top: 24vw;
}

#item_4 {
/*  font-size: 0.7rem;*/
}

@media (min-width: 576px) {
  #item_4 {
/*    font-size: 0.8rem;*/
  }
}

@media (min-width: 1200px) {
  #item_4 {
    left: 0px;
    top: calc(200px + (120px));
  }
}

#item_5 {
  left: 2vw;
  top: 73vw;
}

@media (min-width: 1200px) {
  #item_5 {
    left: 0;
    top: calc(200px + (264px));
  }
}

#item_6 {
  left: 38vw;
  top: 78vw;
}

@media (min-width: 1200px) {
  #item_6 {
    left: 0;
    top: calc(200px + (408px));
  }
}

#item_7 {
  left: 2vw;
  top: 230vw;
}

@media (min-width: 1200px) {
  #item_7 {
    left: 0px;
    top: calc(200px + (1045px));
  }
}

#item_8 {
  left: 62vw;
  top: 180vw;
}

@media (min-width: 1200px) {
  #item_8 {
    left: 0;
    top: calc(200px + (1190px));
  }
}

#item_9 {
  left: 2vw;
  top: 110vw;
}

@media (min-width: 1200px) {
  #item_9 {
    left: 509px;
    top: calc(200px + (430px));
  }
}

#item_10 {
  left: 2vw;
  top: 92vw;
}

@media (min-width: 1200px) {
  #item_10 {
    left: 1060px;
    top: calc(200px + (217px));
  }
}

#item_11 {
  left: 1000px;
  top: calc(200px + (840px));
}

#item_12 {
  left: 60vw;
  top: 140vw;
}

@media (min-width: 1200px) {
  #item_12 {
    left: 1000px;
    top: calc(200px + (1059px));
  }
}

#line-0 {
  top: calc(200px + (83px));
  left: 687px;
  width: 0;
  transform: rotate(-26deg);
  transform-origin: left;
}

#line_1 {
  top: 28vw;
  left: 67vw;
  width: 0;
  transform: rotate(-45deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_1 {
    top: calc(200px + (100px));
    left: 600px;
    width: 0;
    transform: rotate(-83.6598deg);
    transform-origin: left;
  }
}

#line_2 {
  top: 27vw;
  left: 56vw;
  width: 0px;
  transform: rotate(236.31deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_2 {
    top: calc(200px + (142px));
    left: 542px;
    width: 0px;
    transform: rotate(236.31deg);
    transform-origin: left;
  }
}

#line_3 {
  top: 37vw;
  right: 62vw;
  width: 0px;
  transform: rotate(45deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line_3 {
    top: calc(200px + (158px));
    right: 731px;
    width: 0px;
    transform: rotate(31deg);
    transform-origin: right;
  }
}

#line_4 {
  top: 38vw;
  right: 65vw;
  width: 0;
  transform: rotate(30deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line_4 {
    top: calc(200px + (180px));
    right: 720px;
    width: 0;
    transform-origin: right;
    transform: rotate(0deg);
  }
}

#line_5 {
  top: 61vw;
  right: 79vw;
  width: 0;
  transform: rotate(-65deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line_5 {
    top: calc(200px + (317px));
    right: 860px;
    width: 0;
    transform: none;
  }
}

#line_6 {
  top: 62vw;
  left: 28vw;
  width: 0;
  transform: rotate(66deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_6 {
    top: calc(200px + (317px));
    right: 861px;
    width: 0;
    transform: rotate(-33deg);
    transform-origin: right;
    left: auto;
  }
}

#line_7 {
  top: 212vw;
  left: 22vw;
  width: 0px;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_7 {
    top: calc(200px + (867px));
    left: 140px;
    width: 0px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line_8 {
  top: 220vw;
  left: 80vw;
  width: 0px;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_8 {
    top: calc(200px + (1240px));
    right: 766px;
    width: 0px;
    left: auto;
    transform: none;
  }
}

#line_9 {
  top: 129vw;
  left: 23vw;
  width: 0;
  transform: rotate(211deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_9 {
    top: calc(200px + (720px));
    left: 629px;
    width: 0;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line_10 {
  top: 102vw;
  left: 82vw;
  width: 0px;
  transform: rotate(-177deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_10 {
    top: calc(200px + (500px));
    left: 1020px;
    width: 0px;
    transform: rotate(-75deg);
    transform-origin: left;
  }
}

#line_11 {
  top: calc(200px + (642px));
  right: 100px;
  width: 0;
  transform: rotate(-90deg);
  transform-origin: right;
}

#line_12 {
  top: 138vw;
  left: 42vw;
  width: 0;
  transform: rotate(27deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line_12 {
    top: calc(200px + (850px));
    left: 700px;
    width: 0;
    transform: rotate(42deg);
    transform-origin: left;
  }
}

#point-0 {
  top: calc(200px + (-57px));
  left: 956px;
}

#item-1 {
  left: 70vw;
  top: 2vw;
}

@media (min-width: 1200px) {
  #item-1 {
    left: 585px;
    top: calc(200px + (-144px));
  }
}

#point-1 {
  top: calc(16vw - 5px);
  left: calc(79vw - 5px);
}

@media (min-width: 1200px) {
  #point-1 {
    top: calc(200px + (-50px));
    left: 612px;
  }
}

#point-2 {
  top: calc(16vw - 5px);
  left: calc(49vw - 5px);
}

@media (min-width: 1200px) {
  #point-2 {
    top: calc(200px + (-49px));
    left: 409px;
  }
}

#point-3 {
  left: calc(17vw - 5px);
  top: calc(16vw - 5px);
}

@media (min-width: 1200px) {
  #point-3 {
    left: 130px;
    top: calc(200px + (-48px));
  }
}

#point-4 {
  top: calc(33vw - (5px));
  left: calc(26vw - (5px));
}

@media (min-width: 1200px) {
  #point-4 {
    top: calc(200px + (175px));
    left: 174px;
  }
}

#point-5 {
  top: calc(75vw - 5px);
  left: calc(14vw - 5px);
}

@media (min-width: 1200px) {
  #point-5 {
    top: calc(200px + (313px));
    left: 173px;
  }
}

#point-6 {
  top: calc(83vw - 5px);
  left: calc(38vw - 5px);
}

@media (min-width: 1200px) {
  #point-6 {
    top: calc(200px + (416px));
    left: 173px;
  }
}

#point-7 {
  top: calc(232vw - 5px);
  left: calc(22vw - 5px);
}

@media (min-width: 1200px) {
  #point-7 {
    top: calc(200px + (1057px));
    left: 135px;
  }
}

#point-8 {
  top: calc(194vw - 5px);
  left: calc(80vw - 5px);
}

@media (min-width: 1200px) {
  #point-8 {
    top: calc(200px + (1235px));
    left: 174px;
  }
}

#point-9 {
  top: calc(124vw - 5px);
  left: calc(12vw - 5px);
}

@media (min-width: 1200px) {
  #point-9 {
    top: calc(200px + (527px));
    left: 624px;
  }
}

#point-10 {
  top: calc(99vw - 5px);
  left: calc(27vw - 5px);
}

@media (min-width: 1200px) {
  #point-10 {
    top: calc(200px + (300px));
    left: 1068px;
  }
}

#point-11 {
  top: calc(200px + (848px));
  right: 94px;
}

#point-12 {
  top: calc(147vw - 5px);
  left: calc(60vw - 5px);
}

@media (min-width: 1200px) {
  #point-12 {
    top: calc(200px + (1116px));
    left: 994px;
  }
}

#app {
  padding-bottom: 100px;
  padding-top: 15vw;
}

@media (min-width: 1200px) {
  #app {
    padding-bottom: 100px;
    padding-top: 200px;
  }
}

#box-0 {
  top: calc(200px + (220px));
  left: 550px;
}

#box-1 {
  left: 150px;
  top: calc(200px + (1000px));
}

#box-2 {
  top: calc(200px + (1200px));
}

#box-3 {
  top: calc(200px + (500px));
  right: 100px;
}

#box-4 {
  top: calc(200px + (903px));
  right: 100px;
}

.web.top_image_hang_ye_ying_yong {
}

/*.fang_an_body_hang_ye_ying_yong > div {
  margin: 0px 0.2rem;
  text-align: center;
  font-size: 0.8rem;
  white-space: nowrap;
}*/

@media (max-width: 1199px) {
  .l1200-hide {
    display: none;
  }
}

@media (min-width: 1200px) {
  .u1200_hide {
    display: none;
  }
}

.phone-bg {
  width: 100%;
}

#phone-bg-2 {
  width: 60%;
}

#phone-bg-3 {
  width: 60%;
}

#bg-image-3-body {
  margin-top: -20vw;
  text-align: right;
}

#bg-image-2-body {
  margin-top: 20vw;
}

#app {
  height: auto;
}

#item_12 {
/*  font-size: 0.6rem;*/
}

@media (min-width: 576px) {
  #item_12 {
/*    font-size: 0.8rem;*/
  }
}