#bg-0 {
  width: 70%;
  margin-top: 5vw;
  margin-left: 20vw;
}

@media (min-width: 1200px) {
  #bg-0 {
    width: 814px;
    display: inline-block;
    margin-left: 200px;
    margin-top: 0;
  }
}

#item_0 {
  position: absolute;
  top: 10vw;
  left: 72vw;
  width: 25vw;
  height: 15vw;
  align-items: center;
  padding: 0;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  #item_0 {
    left: auto;
    height: auto;
    width: auto;
    align-items: center;
    white-space: nowrap;
    font-size: var(--bs-body-font-size) !important;
    top: 19px;
    right: 600px;
    padding: 20px;
  }
}

.hang_ye_ying_yong_btn_hang_ye_ying_yong {
  width: 95px;
  height: 62px;
  position: absolute;
}

#item-1 {
  left: 10vw;
  top: 0;
  width: 23vw;
  height: 12vw;
  line-height: 0.8rem;
  white-space: normal;
}

@media (min-width: 1200px) {
  #item-1 {
    right: 900px;
    top: 19px;
    left: auto;
    width: 200px;
    height: auto;
    padding: 20px 10px;
  }
}

@media (min-width: 1200px) {
  #item-1 {
    right: 900px;
    top: 19px;
    width: auto;
    height: auto;
    padding: 20px 10px;
  }
}

#item-2 {
  left: 37vw;
  top: 0;
  padding: 0 10px;
  height: 12vw;
  width: auto;

}

@media (min-width: 1200px) {
  #item-2 {
    right: 900px;
    top: 135px;
    left: auto;
    width: auto;
    height: auto;
    padding: 20px;
  }
}

#item-3 {
  left: 0;
  top: 40vw;
  line-height: 0.8rem;
  white-space: normal;
}

@media (min-width: 1200px) {
  #item-3 {
    width: auto;
    right: 900px;
    top: 250px;
    left: auto;
    padding: 20px;
    font-size: var(--bs-body-font-size) !important;
  }
}

#item-4 {
  left: 0;
  top: 26vw;
}

#item-4 {
  font-size: 0.6rem;
}

@media (min-width: 576px) {
  #item-4 {
    font-size: 0.8rem;
  }
}

@media (min-width: 1200px) {
  #item-4 {
    right: 900px;
    top: 365px;
    left: auto;
    font-size: var(--bs-body-font-size) !important;
  }
}

#item-5 {
  left: 0;
  top: 55vw;
}

@media (min-width: 1200px) {
  #item-5 {
    left: auto;
    top: 480px;
    right: 900px;
  }
}

#item-6 {
  right: 0;
  top: 49vw;
}

@media (min-width: 1200px) {
  #item-6 {
    left: 900px;
    top: 360px;
    right: auto;
    font-size: var(--bs-body-font-size) !important;
  }
}

#item-7 {
  right: 0;
  top: 61vw;
  white-space: normal;
  padding: 10px;
}

.center_in_title {
  padding: 0px 25px;
  background: url("/assets/img/hang_ye_ying_yong/zhi_hui_wu_liu/title_bg.png") center / cover;
  text-align: center;
  display: inline-block;
}

#fen_bo_zhong_xin {}

#line-0 {
  width: 0;
  transform: rotate(90deg);
  transform-origin: right;
  right: 41vw;
  top: 33vw;
}

@media (min-width: 1200px) {
  #line-0 {
    width: 80px;
    transform: rotate(90deg);
    transform-origin: right;
    right: 537px;
    top: 156px;
  }
}

#line-1 {
  width: 0;
  transform: rotate(-90deg);
  left: 49vw;
  top: 40vw;
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-1 {
    width: 0px;
    transform: rotate(-90deg);
    left: 560px;
    top: 225px;
    transform-origin: left;
  }
}

#line-2 {
  width: 0;
  right: 51vw;
  top: 20vw;
}

@media (min-width: 1200px) {
  #line-2 {
    width: 0;
    transform: rotate(-90deg);
    left: 395px;
    top: 185px;
    transform-origin: left;
  }
}

#line-3 {
  width: 0;
  left: 24vw;
  top: 20vw;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-3 {
    width: 0;
    right: 809px;
    top: 73px;
    left: auto;
    transform: none;
  }
}

#line-4 {
  width: 0;
  right: 61vw;
  top: 46vw;
}

@media (min-width: 1200px) {
  #line-4 {
    width: 0;
    right: 770px;
    top: 300px;
    left: auto;
  }
}

#line-7 {
  width: 0;
  right: 64vw;
  top: 51vw;
  transform: rotate(-90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line-7 {
    width: 0;
    right: 795px;
    top: 378px;
    transform: rotate(-90deg);
    transform-origin: right;
  }
}

#line-9 {
  width: 0;
  left: 55vw;
  top: 60vw;
}

@media (min-width: 1200px) {
  #line-9 {
    width: 0;
    left: 675px;
    top: 460px;
  }
}

#line-12 {
  width: 0;
  left: 67vw;
  top: 60vw;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-12 {
    width: 0;
    left: 775px;
    top: 460px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-5 {
  width: 0;
  right: 68vw;
  top: 46vw;
  transform: rotate(90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line-5 {
    width: 0;
    right: 870px;
    top: 300px;
    transform: rotate(-90deg);
    transform-origin: right;
  }
}

#line-6 {
  width: 0;
  right: 68vw;
  top: 32vw;
}

@media (min-width: 1200px) {
  #line-6 {
    width: 0;
    right: 870px;
    top: 415px;
  }
}

#line-8 {
  width: 0;
  right: 64vw;
  top: 61vw;
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line-8 {
    width: 0;
    right: 798px;
    top: 530px;
    transform-origin: right;
  }
}

#line-10 {
  width: 0;
  left: 67vw;
  top: 55vw;
}

@media (min-width: 1200px) {
  #line-10 {
    width: 0;
    left: 775px;
    top: 410px;
  }
}

#line-11 {
  width: 0;
  left: 67vw;
  top: 60vw;
  transform: rotate(-90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-11 {
    width: 0;
    left: 775px;
    top: 460px;
    transform: rotate(-90deg);
    transform-origin: left;
  }
}

#line-13 {
  width: 0;
  right: 50%;
  top: 143vw;
}

@media (min-width: 1200px) {
  #line-13 {
    width: 0;
    right: 1000px;
    top: 920px;
  }
}

#line-14 {
  width: 0;
  left: 67vw;
  top: 67vw;
}

@media (min-width: 1200px) {
  #line-14 {
    width: 0;
    left: 775px;
    top: 510px;
  }
}

#bg-1 {
  width: 80%;
  display: inline-block;
}

#bg-3 {
  width: 80%;
  display: inline-block;
}

#bg-4 {
  width: 80%;
}

#bg-2 {
  width: 15px;
  margin-top: 30px;
}

#bg-6 {
  width: 15px;
  transform: rotate(90deg);
}

#bg-5 {
  width: 15px;
  transform: rotate(90deg);
}

#kuai_di_yi_zhan {}

#qu_pai_ye_wu {}

#ying_ye_wang_dian {}

@media (min-width: 1200px) {
  #item-7 {
    left: 900px;
    top: 460px;
    right: auto;
    font-size: var(--bs-body-font-size) !important;
  }
}

#item-8 {
  right: 70vw;
  top: 136vw;
}

@media (min-width: 1200px) {
  #item-8 {
    left: auto;
    top: 875px;
    right: 1035px;

  }
}

#item-11 {
  right: 70vw;
  top: 233vw;
}

@media (min-width: 1200px) {
  #item-11 {
    right: 641px;
    top: 847px;
  }
}

#item-12 {
  left: 60vw;
  top: 233vw;
}

@media (min-width: 1200px) {
  #item-12 {
    left: 630px;
    top: 936px;
  }
}

#item-14 {
  right: 40vw;
  top: 327vw;
  width: auto;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  #item-14 {
    right: 120px;
    top: 980px;
  }
}

#item-13 {
  right: 40vw;
  top: 310vw;
  width: auto;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  #item-13 {
    right: 120px;
    top: 874px;
  }
}

#item-10 {
  left: 57vw;
  top: 145vw;
}

@media (min-width: 1200px) {
  #item-10 {
    left: 235px;
    top: 940px;
    font-size: var(--bs-body-font-size) !important;
  }
}

#line-15 {
  top: 134vw;
  width: 0;
  transform: rotate(90deg);
  left: 50%;
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-15 {
    top: 850px;
    width: 0;
    transform: rotate(90deg);
    left: 200px;
    transform-origin: left;
  }
}

#line-20 {
  top: 288vw;
  width: 0;
  left: 70vw;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-20 {
    top: 798px;
    width: 0;
    left: 1120px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-22 {
  top: 316vw;
  width: 0;
  right: 30vw;
}

@media (min-width: 1200px) {
  #line-22 {
    top: 925px;
    width: 0;
    right: 80px;
    transform-origin: right;
  }
}

#line-23 {
  top: 828px;
  width: 118px;
  transform: rotate(90deg);
  left: 660px;
  transform-origin: left;
}

#line-16 {
  width: 0;
  left: 50vw;
  top: 150vw;
}

@media (min-width: 1200px) {
  #line-16 {
    width: 0;
    left: 200px;
    top: 977px;
  }
}

#line-18 {
  top: 240vw;
  width: 0;
  right: 50vw;
}

@media (min-width: 1200px) {
  #line-18 {
    top: 928px;
    width: 0;
    right: 590px;
  }
}

#line-19 {
  top: 225vw;
  width: 0;
  left: 50vw;
  transform: rotate(90deg);
  transform-origin: left;
}

@media (min-width: 1200px) {
  #line-19 {
    top: 863px;
    width: 0;
    left: 610px;
    transform: rotate(90deg);
    transform-origin: left;
  }
}

#line-21 {
  top: 213vw;
  width: 0;
  right: 34vw;
  transform: rotate(-90deg);
  transform-origin: right;
}

@media (min-width: 1200px) {
  #line-21 {
    top: 826px;
    width: 0;
    right: 548px;
    transform: rotate(-90deg);
    transform-origin: right;
  }
}

#line-24 {
  top: 333vw;
  width: 0;
  right: 30vw;
}

@media (min-width: 1200px) {
  #line-24 {
    top: 1030px;
    width: 0;
    right: 80px;
  }
}

#line-25 {
  top: 908px;
  width: 32px;
  right: 88px;
}

#line-17 {
  width: 0;
  right: 50%;
  top: 156vw;
}

@media (min-width: 1200px) {
  #line-17 {
    width: 0;
    right: 1000px;
    top: 1030px;
  }
}

@media (min-width: 1200px) {
  .hang_ye_ying_yong_btn_hang_ye_ying_yong img {
    display: block;
    height: 50px;
    width: auto;
  }
}

@media (min-width: 1200px) {
  .main_canvas_hang_ye_ying_yong {
    padding-top: 100px;
  }
}

.p_name {
  white-space: nowrap;
}

#app a>img {
  display: block;
  height: 8vw;
  width: auto;
  margin: 0;
}

@media (min-width: 1200px) {
  #app a>img {
    display: block;
    height: 60px;
    width: auto;
    margin: 0;
  }
}

#app a {
  align-items: center;
  display: flex;
  min-height: 60px;
}

.wu_liu_item {
  width: 25vw;
  height: 12vw;
}

@media (min-width: 1200px) {
  .wu_liu_item {
    width: auto;
    height: auto;
    padding: 20px;
  }
}

.jian_tou_h_contain {
  display: none;
}

@media (min-width: 1200px) {
  .jian_tou_h_contain {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
  }
}

#app {
  padding-bottom: 100px;
}

#line-30 {
  left: 59vw;
  top: 17vw;
  width: 0;
}

@media (min-width: 1200px) {
  #line-30 {
    right: 537px;
    top: 76px;
    width: 0;
    left: auto;
  }
}

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

@media (min-width: 1200px) {
  #point-0 {
    top: 71px;
    right: 595px;
    left: auto;
  }
}

#line-31 {
  top: 185px;
  right: 640px;
  width: 0;
}

#point-1 {
  left: calc(49vw - 5px);
  top: calc(12vw - 8px);
}

@media (min-width: 1200px) {
  #point-1 {
    right: 895px;
    top: 180px;
    left: auto;
  }
}

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

@media (min-width: 1200px) {
  #point-2 {
    right: 896px;
    top: 69px;
    left: auto;
  }
}

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

@media (min-width: 1200px) {
  #point-3 {
    right: 895px;
    top: 295px;
    left: auto;
  }
}

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

@media (min-width: 1200px) {
  #point-4 {
    right: 895px;
    top: 411px;
    left: auto;
  }
}

#point-5 {
  left: calc(25vw - 5px);
  top: calc(61vw - 5px);
}

@media (min-width: 1200px) {
  #point-5 {
    right: 895px;
    top: 526px;
    left: auto;
  }
}

#point-6 {
  right: calc(25vw - 5px);
  top: calc(55vw - 5px);
}

@media (min-width: 1200px) {
  #point-6 {
    left: 895px;
    top: 405px;
  }
}

#point-7 {
  right: calc(25vw - 5px);
  top: calc(67vw - 5px);
}

@media (min-width: 1200px) {
  #point-7 {
    left: 895px;
    top: 505px;
  }
}

.bottom_center_contain {
  text-align: center;
  margin-top: 18vw;
  height: 10vw;
}

@media (min-width: 1200px) {
  .bottom_center_contain {
    text-align: center;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    margin-top: 0;
    height: 50px;
  }
}

@media (min-width: 1200px) {
  #down_body {
    min-height: 500px;
    display: flex;
  }
}

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

@media (min-width: 1200px) {
  #point-8 {
    left: 158px;
    top: 915px;
  }
}

#item-9 {
  right: 57vw;
  top: 150vw;
}

@media (min-width: 1200px) {
  #item-9 {
    left: auto;
    top: 980px;
    right: 1035px;
    font-size: var(--bs-body-font-size) !important;
  }
}

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

@media (min-width: 1200px) {
  #point-9 {
    left: 158px;
    top: 1025px;
  }
}

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

@media (min-width: 1200px) {
  #point-10 {
    left: 230px;
    top: 971px;
  }
}

#point-11 {
  top: calc(240vw - 5px);
  right: calc(70vw - 5px);
}

@media (min-width: 1200px) {
  #point-11 {
    top: 923px;
    left: 553px;
    right: auto;
  }
}

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

@media (min-width: 1200px) {
  #point-12 {
    left: 647px;
    top: 945px;
  }
}

#point-13 {
  right: calc(40vw - 5px);
  top: calc(316vw - 5px);
}

@media (min-width: 1200px) {
  #point-13 {
    right: 117px;
    top: 920px;
  }
}

#point-14 {
  right: calc(40vw - 5px);
  top: calc(333vw - 5px);
}

@media (min-width: 1200px) {
  #point-14 {
    right: 115px;
    top: 1026px;
  }
}

#box-0 {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: calc(50% - 50px);
  top: 28vw;
  height: 100px;
  width: 100px;
  z-index: 100;
  visibility: hidden;
}

@media (min-width: 1200px) {
  #box-0 {
    position: absolute;
    background-color: black;
    left: 500px;
    top: 150px;
    height: 100px;
    width: 100px;
    z-index: 100;
    /*visibility: hidden;*/
  }
}

.line_hang_ye_ying_yong {
  /*min-width: 5vw;*/
}

@media (max-width: 1199px) {
  #qupaiyewu_btn {
    margin-top: 4vw;
  }
}

@media (max-width: 768px) {
  #kyz_btn {
    margin-top: 23vw;
  }
}

#item-9 {
  font-size: 0.56rem;
}

@media (min-width: 576px) {
  #item-9 {
    font-size: 0.8rem;
  }
}

#item-10 {
  font-size: 0.6rem;
}

@media (min-width: 576px) {
  #item-10 {
    font-size: 0.8rem;
  }
}

#item-6 {
  font-size: 0.6rem;
}

@media (min-width: 576px) {
  #item-6 {
    font-size: 0.8rem;
  }
}

#item-7 {
  font-size: 0.6rem;
}

@media (min-width: 576px) {
  #item-7 {
    font-size: 0.8rem;
  }
}

#item_0 {
  font-size: 0.6rem;
}

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