@media screen and (max-width: 1200px) {
  body .wrapper {
    width: 170rem;
  }

  body .yj-location .local-con .local-con-de {
    width: 90rem;
  }

  body .yj-location .local-con .local-con-de {
    line-height: initial;
  }
}

html {
  line-height: 1;
}

section {
  min-width: 120rem;
}

ul {
  margin: 0;
}

.wrapper {
  width: 120rem;
  margin: 0 auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

textarea:focus {
  outline: none;
}

input:-webkit-autofill {
  box-shadow: 0 0 0rem 100rem white inset !important;
}

select:-webkit-autofill {
  box-shadow: 0 0 0rem 100rem white inset !important;
}

textarea:-webkit-autofill {
  box-shadow: 0 0 0rem 100rem white inset !important;
}

/* banner start */
.yj-banner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 46.2rem;
  background: url('/images/yjdc/banner.jpg') no-repeat;
  background-position: center;
  background-size: 100%;
}

.yj-banner .nav-list {
  padding-left: 13rem;
  /* margin-top: 41.7rem; */
  font-family: PingFangSC-Semibold;
  font-size: 2rem;
  letter-spacing: 0rem;
  color: #ffffff;
}

.yj-banner .wrapper {
  margin-top: 41.7rem;
}

.yj-banner .fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  margin-top: 0;
}

.yj-banner .nav-list>li {
  float: left;
  margin-right: 13.1rem;
  cursor: pointer;
}

.yj-banner .nav-list>li.active {
  color: #89de16;
}

/* banner end */
.yj-title {
  margin: 4.8rem 0 6.6rem;
  padding-left: 1.9rem;
  position: relative;
  font-family: PingFangSC-Semibold;
  font-size: 2.4rem;
  letter-spacing: 0rem;
  color: #152034;
}

.yj-title::after {
  content: "";
  position: absolute;
  left: 0;
  top: -0.2rem;
  width: 1.2rem;
  height: 3.3rem;
  background: url('/images/yjdc/t_tip.png') no-repeat;
}

/* 地理位置 start */
.yj-location .local-cost {
  float: right;
  margin-top: -8.5rem;
  font-family: PingFangSC-Semibold;
  font-size: 1.8rem;
  color: #383838;
}

.yj-location .local-cost>p {
  margin: 0;
  padding: 0;
}

.yj-location .local-cost .netnic {
  margin-bottom: 1.5rem;
  text-align: right;
}

.yj-location .local-cost .c-num {
  position: relative;
  margin-top: 1.5rem;
  font-size: 2.1rem;
  line-height: 4rem;
}

.yj-location .local-cost .time>span {
  display: inline-block;
  padding: .8rem;
  margin-right: .3rem;
  background: linear-gradient(0deg, rgba(218, 187, 109, 1) 0%, rgba(132, 104, 45, 1) 100%);
  color: #fff;
  font-size: 2.1rem;
}

.yj-location .local-cost .unit {
  line-height: 4.2rem;
}

.yj-location .local-map {
  width: 71.2rem;
  font-size: 0;
}

.yj-location .local-map>img {
  width: 100%;
}

.yj-location .local-con .local-con-title {
  margin-top: 5.3rem;
  font-family: PingFangSC-Semibold;
  font-size: 2rem;
  font-weight: 600;
  color: #232323;
}

.yj-location .local-con .local-con-de {
  margin-top: 2.9rem;
  width: 40.5rem;
  font-family: PingFangSC-Regular;
  font-size: 1.2rem;
  line-height: 2.6rem;
  color: #383838;
}

.yj-location .local-btns {
  margin-top: 5rem;
}

.yj-location .local-btns>a {
  float: left;
  width: 14.8rem;
  height: 3.9rem;
  line-height: 3.7rem;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 1.6rem;
  color: #0c4497;
  background-color: #dbe4f0;
  border-radius: 2rem;
  border: solid .1rem #0c4497;
}

.yj-location .local-btns .local-btn:hover {
  background-color: #0c4497;
  color: #fff;
}

/* 地理位置 end */
/* 数据中心优势 start */
.yj-good .good-items {
  display: flex;
  justify-content: space-between;
}

.yj-good .good-item .item-img {
  height: 8.5rem;
  text-align: center;
  font-size: 0;
}

.yj-good .good-item .item-title {
  margin-top: 4.4rem;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 2rem;
  letter-spacing: 0rem;
  color: #152034;
}

.yj-good .good-item .item-detail {
  margin-top: 2.8rem;
  width: 25.7rem;
  font-family: PingFangSC-Regular;
  font-size: 1.4rem;
  text-align: justify;
  text-align-last: center;
  line-height: 2.6rem;
  color: #383838;
}

/* 数据中心优势 end */

/* 数据中心实景 start */
.yz-scene .adv-tabs {
  display: flex;
  justify-content: center;
  height: 3rem;
  border-bottom: .1rem solid #a0a0a0;
  font-family: PingFangSC-Semibold;
  font-size: 2rem;
  letter-spacing: 0rem;
  color: #263048;
}

.yz-scene .adv-tabs .tab-item {
  position: relative;
  cursor: pointer;
}

.yz-scene .adv-tabs .tab-item::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: -1rem;
  width: 9.8rem;
  height: .3rem;
  background-color: transparent;
  transition: background-color .3s;
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -ms-transition: background-color .3s;
  -o-transition: background-color .3s;
}

.yz-scene .adv-tabs .tab-item.active::after {
  background-color: #6ab024;
  transition: background-color .3s;
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  -ms-transition: background-color .3s;
  -o-transition: background-color .3s;
}

.yz-scene .adv-tabs .tab-item+.tab-item {
  margin-left: 9.2rem;
}

.yz-scene .adv-content {
  position: relative;
  padding: 4.9rem 0 0 2.8rem;
}

.yz-scene .adv-content .adv-con-item {
  display: none;
  opacity: 0;
}

.yz-scene .adv-content .adv-con-item.active {
  display: block;
  opacity: 1;
}

.yz-scene .adv-content .con-item-left {
  position: relative;
  margin-top: .6rem;
  width: 36.2rem;
  background-color: #ffffff;
}

.yz-scene .adv-content .le-img {
  width: 36.2rem;
  height: 19.9rem;
  font-size: 0;
  background-color: #0f56e8;
  border-radius: 1rem;
  overflow: hidden;
}

.yz-scene .adv-content .le-img>img {
  width: 100%;
  height: 100%;
}

.yz-scene .adv-content .le-title {
  margin-top: 2.7rem;
  padding: 0 1.9rem 0 .7rem;
  font-family: PingFangSC-Semibold;
  font-size: 1.6rem;
  color: #374567;
}

.yz-scene .adv-content .le-title .f-left {
  max-width: 25rem;
}

.yz-scene .adv-content .contact {
  font-size: 1.4rem;
  color: #4448ff;
}

.yz-scene .adv-content .contact:hover {
  color: #8789f2;
}

.yz-scene .adv-content .contact>span,
.yz-scene .adv-content .contact>img {
  display: inline-block;
  vertical-align: middle;
}

.yz-scene .adv-content .le-detail {
  margin-top: 2rem;
  padding: 0 1.9rem 0 .7rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: .1rem;
  color: #7a8ba6;
}

.yz-scene .con-item-right {
  margin-left: 8.4rem;
}

.yz-scene .con-item-right .con-title {
  font-family: PingFangSC-Medium;
  font-size: 1.8rem;
  /* font-weight: 600; */
  letter-spacing: .1rem;
  color: #576272;
}

.yz-scene .con-item-right .con-para {
  /* font-family: PingFangSC-Light; */
  margin: 1rem 0 1.8rem;
  width: 62.2rem;
  font-size: 1.4rem;
  line-height: 3rem;
  letter-spacing: .1rem;
  color: #576272;
}

.yz-scene .data-foot {
  margin-top: 1.1rem;
  padding: 3rem 3.8rem;
  height: 33.6rem;
  background-color: #ffffff;
  box-shadow: 0rem 0rem 3.8rem 0rem rgba(245, 247, 253, 0.53);
  border: solid .1rem #e1e6f0;
}

.yz-scene .data-foot .data-foot-imgs {
  /* display: flex;
  justify-content: space-between; */
  overflow: hidden;
}

.yz-scene .data-foot-imgs .swiper-slide {
  width: auto;
}

.yz-scene .data-foot-imgs .swiper-slide img {
  width: 27.1rem;
  height: 17.4rem;
}

.yz-scene .good-order-content {
  margin-top: 1.8rem;
}

.yz-scene .good-order-content .order-para {
  position: relative;
  padding-left: 4.2rem;
  font-size: 1.8rem;
  letter-spacing: 0rem;
  color: #3e3e3e;
}

.yz-scene .good-order-content .order-para::after {
  content: "";
  position: absolute;
  left: .3rem;
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url('/images/midyear_discount/bell.png') no-repeat;
}

.yz-scene .good-order-content .order-form {
  margin-top: 1.8rem;
  display: flex;
  justify-content: space-between;
}

.yz-scene .order-form input {
  padding-left: 1.2rem;
  width: 24.8rem;
  height: 4.6rem;
  line-height: 4.6rem;
  border: .1rem solid #c1c1c2;
  border-radius: 0 .3rem .3rem 0;
  -webkit-border-radius: 0 .3rem .3rem 0;
  -moz-border-radius: 0 .3rem .3rem 0;
  -ms-border-radius: 0 .3rem .3rem 0;
  -o-border-radius: 0 .3rem .3rem 0;
}

input:focus {
  outline: none;
}

.yz-scene .order-form .phone-input>input {
  width: 29.8rem;
}

.yz-scene .order-form .phone-input>input {
  float: left;
}

.yz-scene .order-form .label {
  float: left;
  position: relative;
  padding-left: 2.2rem;
  width: 11.6rem;
  height: 4.6rem;
  line-height: 4.6rem;
  color: #252729;
  font-size: 1.9rem;
  border: .1rem solid #c1c1c2;
  cursor: pointer;
  border-right: none;
  border-radius: .3rem 0 0 .3rem;
  -webkit-border-radius: .3rem 0 0 .3rem;
  -moz-border-radius: .3rem 0 0 .3rem;
  -ms-border-radius: .3rem 0 0 .3rem;
  -o-border-radius: .3rem 0 0 .3rem;
  background-color: #f4f4f5;
}

.yz-scene .order-form .caret {
  float: right;
  margin: 1.8rem 1.8rem 0 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem .7rem 0 .7rem;
  border-color: #252729 transparent transparent transparent;
  transition: transform .3s;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
}

.yz-scene .order-form .caret.rotate {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform .3s;
  -webkit-transition: transform .3s;
  -moz-transition: transform .3s;
  -ms-transition: transform .3s;
  -o-transition: transform .3s;
}

.yz-scene .order-form .dropdown {
  display: none;
  position: absolute;
  top: 4.5rem;
  right: -0.1rem;
}

.yz-scene .order-form .dropdown li {
  border: .1rem solid #c1c1c2;
  border-top: none;
  line-height: 2.8rem;
  width: 11.7rem;
  text-align: center;
}

.yz-scene .order-form .dropdown li:hover {
  background-color: #f4f4f5;
}

.yz-scene .order-form .form-btn {
  display: block;
  width: 12.8rem;
  height: 4.2rem;
  line-height: 4rem;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 1.6rem;
  letter-spacing: .1rem;
  color: #0c4497;
  background-color: #dbe4f0;
  box-shadow: 0rem 0rem 3.8rem 0rem rgba(245, 247, 253, 0.53);
  border-radius: .4rem;
  border: solid .1rem #0c4497;
}

.yz-scene .order-form .form-btn:hover {
  background-color: #0c4497;
  color: #fff;
}

/* 数据中心实景 end */

/* 数据中心参数 start */
.yj-param .param-items {
  padding-left: 1.6rem;
  background: url('/images/yjdc/param_line.png') no-repeat;
  background-position: 1.6rem 1.5rem;
}

.yj-param .param-item {
  float: left;
  width: 17.7rem;
  margin: 0 15rem 6rem 0;
}

.yj-param .mr0 {
  margin-right: 0;
}

.yj-param .param-items .p-item-img {
  float: left;
  margin-right: 2.1rem;
  width: 5.6rem;
  height: 6.4rem;
}

.yj-param .param-items .p-item-img>img {
  object-fit: contain;
}

.yj-param .param-items .p-con-title {
  margin: .6rem 0 1rem;
  font-family: PingFangSC-Semibold;
  font-size: 1.4rem;
  line-height: 2.6rem;
  color: #152034;
}

/* 数据中心参数 end */

/* 增值服务 start */
.vas-nav>p>strong {
  display: block;
  font-size: 3.2rem;
  font-weight: normal;
}

.vas-nav>p>span {
  display: block;
  font-size: 1.8rem;
  margin-top: 1.6rem;
  color: #D6DFFF;
  line-height: 3.3rem;
}

.vas {
  margin-top: 8rem;
}

.vas-content {
  margin-top: 6.5rem;
  display: flex;
  justify-content: space-between;
  padding-bottom: 5rem;
}

.vas-item {
  color: #152034;
  /* #F3F6FF; */
  font-size: 2rem;
}

.vas-item>i {
  margin-left: 1rem;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: .7rem;
  border-style: solid;
  border-color: transparent transparent transparent #0c4497;
}

.form-table {
  display: flex;
  min-width: 118rem;
}

.table-l {
  width: 52rem;
  font-size: 3.2rem;
  line-height: 1.2;
}

.table-r {
  flex: 1;
}

.form-table {
  background: #F7F6F9;
}

.table-content {
  display: flex;
  padding-top: 5rem;
  padding-bottom: 8rem;
}

.table-group {
  display: flex;
  justify-content: space-between;
}

.table-group.info>input {
  width: 20rem;
  height: 4.4rem;
  border: .1rem solid #D3D3D3;
  padding: 0 1.5rem;
}

.table-group>label {
  cursor: pointer;
}

.table-group>label>input {
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .7rem;
}

.table-group>textarea {
  width: 100%;
  padding: 1.5rem;
  resize: none;
  height: 10rem;
}

.checklist {
  margin: 2rem 0;
  font-size: 1.3rem;
  color: rgba(33, 33, 33, 1);
}

.warn>p {
  font-size: 1.4rem;
  margin: 1rem 0 2rem;
}

.warn>p>span {
  color: #E7927C;
}

.table-group>a {
  display: block;
  width: 100%;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  color: #fff;
  background: rgba(118, 179, 37, 1);
  border-radius: .4rem;
}

.background-item .active-bj {
  opacity: 1;
}

/* 增值服务 end */