body {
  background: #f2f2f5;
  transition: all .1s;
  display: flex;
  font-family: -apple-system-font, Helvetica Neue, sans-serif; }

.my-bullet-active {
  opacity: 1 !important;
  background: #f43632 !important; }

.header {
  width: 100%;
  height: 12.315vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.963vw;
  padding: 2.778vw;
  background: #fff; }
  .header div {
    height: 100%; }
  .header div:nth-child(1) a img {
    height: 100%;
    width: auto; }
  .header div:nth-child(2) img {
    height: 100%;
    width: auto; }

.canner {
  height: 37.037vw;
  width: 100%; }
  .canner a {
    background-size: auto 100% !important; }

.note {
  border-bottom: 1px solid #eee;
  background: #fff;
  display: flex;
  height: 9.259vw;
  align-items: center;
  padding: 0 2.778vw !important; }
  .note ul {
    flex: auto; }
    .note ul li, .note ul li > a {
      width: 95%;
      height: 9.259vw;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .note ul li p:nth-child(1), .note ul li > a p:nth-child(1) {
        width: 75%;
        font-size: 2.963vw;
        color: #808080;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .note ul li p:nth-child(2), .note ul li > a p:nth-child(2) {
        color: #c5c5c5;
        font-size: 2.963vw; }
  .note img {
    height: 2.963vw;
    margin-right: 1.852vw;
    width: auto; }

nav {
  border-bottom: 1px solid #eee;
  background: #fff; }
  nav ul {
    padding: 2.778vw;
    display: flex;
    justify-content: space-between; }
    nav ul .nav-item {
      width: 15%;
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-around;
      align-items: center; }
      nav ul .nav-item a {
        font-size: 2.963vw;
        margin-top: 0.463vw; }
      nav ul .nav-item img {
        width: 100%;
        height: auto; }

.list {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border-top: 1px solid #eee;
  background: #fff;
  margin-top: 2.778vw; }
  .list .list-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .list .list-item div {
      display: flex;
      align-items: center;
      font-size: 3.889vw; }
      .list .list-item div a {
        color: #000000; }
      .list .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
      .list .list-item div p {
        width: 0.926vw;
        height: 0.926vw;
        border-radius: 50%;
        background: #E20;
        margin-right: 1.852vw; }
      .list .list-item div a {
        font-size: 3.241vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .list .list-item div:nth-child(1) {
      width: 70%; }
    .list .list-item div:nth-child(2) a {
      color: #c5c5c5;
      font-size: 2.963vw; }

.sever-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border-top: 1px solid #eee;
  background: #fff;
  margin-top: 2.778vw; }
  .sever-list .list-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .sever-list .list-item div {
      display: flex;
      align-items: center;
      font-size: 3.889vw; }
      .sever-list .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
    .sever-list .list-item div:nth-child(1) {
      width: 70%; }
    .sever-list .list-item div:nth-child(2) a {
      color: #c5c5c5;
      font-size: 2.963vw; }
  .sever-list .sever-item {
    padding: 2.778vw 0px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .sever-list .sever-item > div {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: space-around;
      border-bottom: 1px solid #db6561; }
      .sever-list .sever-item > div > a {
        font-size: 0px; }
      .sever-list .sever-item > div img {
        width: 100%;
        height: auto; }
      .sever-list .sever-item > div .text-bottom {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 3.241vw;
        padding: 2.315vw;
        background: #f2f2f5; }
        .sever-list .sever-item > div .text-bottom a {
          display: block;
          width: 37.037vw;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .sever-list .sever-item > div .text-bottom img {
          height: 1.481vw;
          width: auto;
          margin-right: 1.852vw; }
        .sever-list .sever-item > div .text-bottom text {
          font-size: 1rem; }

.sever-customer {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border-top: 1px solid #eee;
  background: #fff;
  margin-top: 2.778vw; }
  .sever-customer .list-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .sever-customer .list-item div {
      display: flex;
      align-items: center;
      font-size: 3.889vw; }
      .sever-customer .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
    .sever-customer .list-item div:nth-child(1) {
      width: 80%; }
    .sever-customer .list-item div:nth-child(2) > a {
      font-size: 2.963vw;
      color: #c5c5c5; }
  .sever-customer .customer-item {
    padding: 0.926vw;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 0.741vw;
    border-bottom: 1px solid #eeeeee; }
    .sever-customer .customer-item div {
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
      justify-content: space-around;
      padding: 2.778vw;
      font-size: 2.963vw; }
      .sever-customer .customer-item div a {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        justify-content: space-around;
        font-size: 2.963vw; }
      .sever-customer .customer-item div img {
        width: 40%;
        margin-bottom: 2.778vw; }
      .sever-customer .customer-item div p > a {
        font-size: 1.481vw; }
      .sever-customer .customer-item div .text-bottom {
        display: flex;
        align-items: baseline;
        justify-content: flex-start; }
    .sever-customer .customer-item div:nth-child(1) {
      background: #fff9d8; }
    .sever-customer .customer-item div:nth-child(2) {
      background: #edffdb; }
    .sever-customer .customer-item div:nth-child(3) {
      background: #dcf6ff;
      padding: 2.778vw 0.463vw; }
    .sever-customer .customer-item div:nth-child(4) {
      background: #ffebe6; }

.loadmore {
  height: 11.667vw;
  display: flex;
  flex-flow: row nowrap;
  background: #fff;
  margin-top: 2.778vw;
  margin-bottom: 2.778vw;
  align-items: center;
  justify-content: center; }
  .loadmore img {
    width: 5.093vw;
    margin-right: 3.519vw; }

footer {
  margin-top: 0px !important; }

.list {
  background: #fff;
  margin-bottom: 2.778vw; }
  .list > div {
    width: 100%; }
  .list .list-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.778vw;
    border-bottom: 1px solid #eeeeee; }
    .list .list-item div {
      display: flex;
      align-items: center;
      font-size: 3.889vw; }
      .list .list-item div img {
        height: 3.889vw;
        width: auto;
        margin-right: 1.852vw; }
    .list .list-item div:nth-child(1) {
      width: 80%; }
      .list .list-item div:nth-child(1) span {
        display: inline-block;
        width: 0.278vw;
        height: 5.093vw;
        background: #d3d3d3;
        margin: 0px 0.926vw; }
    .list .list-item #tab1 {
      position: relative; }
      .list .list-item #tab1 div {
        position: relative; }
      .list .list-item #tab1 div.active::after {
        content: " ";
        display: block;
        width: 22.87vw;
        height: 0.185vw;
        position: absolute;
        bottom: -2.778vw;
        left: 0px;
        background: #d11f1b; }
    .list .list-item #tab1.active::after {
      content: " ";
      display: block;
      width: 22.87vw;
      height: 0.185vw;
      position: absolute;
      bottom: -2.778vw;
      left: 0px;
      background: #d11f1b; }
    .list .list-item div:nth-child(2) a {
      color: #c5c5c5;
      font-size: 2.963vw; }