.support-center-box .title {
  padding: .78125vw 0 1.302083vw;
  font-size: 1.5625vw;
}

.support-center-box .tip-box.tip-box1 li {
  margin-top: 1.302083vw
}

.support-center-box .tip-box li {
  margin-top: 2.604167vw;
  float: left;
  width: 25%;
  padding: 0 .260417vw
}

@media only all and (max-width:1000px) {
  .support-center-box .tip-box li {
    margin-top: 35px;
    width: 50%
  }
}

.support-center-box .tip-box li .img {
  width: 5.208333vw;
  height: 5.208333vw;
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all .4s;
  transition: all .4s
}

@media only all and (max-width:1199px) {
  .support-center-box .tip-box li .img {
    width: 75px;
    height: 75px
  }
}

@media only all and (max-width:1000px) {
  .support-center-box .tip-box li .img {
    width: 50px;
    height: 50px
  }
}

.support-center-box .tip-box li .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .4s;
  transition: all .4s
}

@media only all and (max-width:1199px) {
  .support-center-box .tip-box li .img img {
    max-width: 50px;
    max-height: 50px
  }
}

@media only all and (max-width:1000px) {
  .support-center-box .tip-box li .img img {
    max-width: 28px;
    max-height: 28px
  }
}

.support-center-box .tip-box li .img .img-hover {
  opacity: 0
}

.support-center-box .tip-box li h4 {
  text-align: center;
  margin-top: 1.041667vw;
  font-size: .833333vw;
  -webkit-transition: all .4s;
  transition: all .4s;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

@media only all and (max-width:1000px) {
  .support-center-box .tip-box li h4 {
    font-size: 14px
  }
}

.support-center-box .tip-box li:hover .img {
  background: #e60027
}

.support-center-box .tip-box li:hover .img .img-tip {
  opacity: 0
}

.support-center-box .tip-box li:hover .img .img-hover {
  opacity: 1
}

.support-center-box .tip-box li:hover h4 {
  color: #e60027
}

.support-center-box .tip-box li.active .img {
  background: #e60027
}

.support-center-box .tip-box li.active .img .img-tip {
  opacity: 0
}

.support-center-box .tip-box li.active .img .img-hover {
  opacity: 1
}

.support-center-box .tip-box li.active h4 {
  color: #e60027
}

.support-center-list {
  margin-top: 1.5625vw
}

.support-center-box .support-center-list .list {
  margin-bottom: 1.041667vw
}

.support-center-box .support-center-list .list .tip {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.572917vw;
  font-size: 1.041667vw;
  line-height: 1.145833vw;
  padding: 0 .833333vw;
  font-family: Arial;
  border-right: 1px dashed #999;
  color: #e60027
}

.support-center-box .support-center-list .list .list-title {
  width: 100%;
  padding-right: 2.5vw;
  font-size: .78125vw;
  line-height: 1.5
}

.support-center-box .support-center-list .list .list-title p {
  font-size: .729167vw
}

@media only all and (max-width:1000px) {
  .support-center-box .support-center-list .list .list-title p {
    font-size: 18px
  }

  .support-center-box .support-center-list .list .list-title {
    font-size: 18px;
  }

  .support-center-box .support-center-list .list {
    margin-bottom: 20px;
  }
}

.support-center-box .support-center-list .list .head {
  position: relative;
  padding: .78125vw 0;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5
}

.support-center-box .support-center-list .list:has(.active) {
  border-bottom: 1px solid #e5e5e5
}

.support-center-box .support-center-list .list .head .tip1 {
  position: absolute;
  top: 50%;
  right: .833333vw;
  color: #999;
  margin-top: -.416667vw
}

.support-center-box .support-center-list .list .head .tip1 span {
  display: block;
  -webkit-transition: all .4s;
  transition: all .4s
}

.support-center-box .support-center-list .list .head:hover {
  background: #f4f4f4
}

.support-center-box .support-center-list .list .head.active {
  background: #f4f4f4;
  border-bottom: 0
}

.support-center-box .support-center-list .list .head.active .tip1 span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.support-center-box .support-center-list .list .answer {
  display: none
}

.support-center-box .support-center-list .list .answer .answer-list {
  position: relative;
  padding: .78125vw 0
}

.support-center-box .support-center-list .list .answer .answer-list .list-title,
.support-center-box .support-center-list .list .answer .answer-list .tip {
  color: #666
}

.support-center-box .support-center-list .list:first-child .answer {
  display: block
}

.mask-dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000
}

.maskbg-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .9)
}

.form-content,
.form-result {
  display: none
}

.mask-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 31.25vw;
  background-color: #fff;
  padding: 3.125vw 4.166667vw
}

.mask-content .dialog-close {
  position: absolute;
  width: .885417vw;
  height: .885417vw;
  right: 1.5625vw;
  top: 1.5625vw;
  cursor: pointer
}

.form-content>h1 {
  font-size: 1.5625vw;
  font-weight: 400;
  color: #333;
  margin-bottom: .833333vw
}

.form-content>p {
  font-size: .833333vw;
  font-weight: 400;
  line-height: 1.25vw;
  margin-bottom: 1.770833vw
}

.el-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5625vw
}

.el-input label {
  position: relative;
  font-size: .833333vw;
  font-weight: 400;
  color: #333;
  margin-bottom: .520833vw
}

.el-input label:after {
  position: absolute;
  content: "*";
  color: #e60027;
  right: -.833333vw;
  top: .104167vw
}

.el-input input {
  outline: none;
  width: 100%;
  padding: .520833vw .3125vw;
  height: 2.34375vw;
  font-size: 1.041667vw;
  border: 1px solid #e5e5e5
}

.send-btn {
  display: inline-block;
  background: #e60027;
  cursor: pointer
}

.send-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .885417vw 1.458333vw;
  line-height: 1.5
}

.send-btn .send-ft {
  font-size: .833333vw;
  font-weight: 400;
  color: #fff
}

.send-btn .send-arrow {
  margin-left: 6.302083vw;
  color: #fff
}

.form-result {
  text-align: center
}

.form-result img {
  width: 4.166667vw;
  margin: 0 auto
}

.form-result h2 {
  font-size: 1.5625vw;
  font-weight: 400;
  color: #333;
  margin: 2.083333vw auto .833333vw
}

.form-result p {
  font-size: .833333vw;
  font-weight: 400;
  color: #333
}

@media only all and (max-width:1000px) {
  .mask-content {
    width: 90%;
    background-color: #fff;
    padding: 30px 20px
  }

  .el-input input {
    font-size: 24px
  }

  .support-center-box .support-center-list .list .head {
    padding: 10px 0;
  }

  .support-center-box .support-center-list .list .list-title {
    padding-right: 18px;
  }

  .iconfont {
    font-size: 18px;
  }

  .support-center-box .support-center-list .list .answer .answer-list {
    padding: 20px 0;
  }

  .support-center-box .support-center-list .list .answer .answer-list .list-title {
    padding-right: 0;
  }



}

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