body {
  background: #01014b;
}
.pbanner {
  height: 758px;
  margin-bottom: -301px;
}
.cloud-activity-section {
  padding-top: 72px;
}
.cloud-activity-section .cloud-activity-title {
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 34px;
}
.cloud-activity-section .cloud-activity-title::before {
  content: '\200B';
  display: block;
  position: absolute;
  display: inline-block;
  position: relative;
  top: 13px;
  width: 30px;
  height: 14px;
  margin-right: 9px;
  background: url(../images/activities_1111_cloudPhone/header_left.png);
}
.cloud-activity-section .cloud-activity-title::after {
  content: '\200B';
  display: block;
  position: absolute;
  display: inline-block;
  position: relative;
  top: 13px;
  width: 30px;
  height: 14px;
  margin-left: 9px;
  background: url(../images/activities_1111_cloudPhone/header_right.png);
}
.cloud-activity-section.cloud-activity-sale {
  margin-bottom: 7px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item {
  height: 160px;
  margin-bottom: 20px;
  background: url(../images/activities_1111_cloudPhone/product.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config {
  float: left;
  height: 160px;
  padding: 48px 0 48px 40px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config .cloud-activity-sale-inner {
  border-right: 1px solid #1544b7;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config .cloud-activity-sale-inner span {
  display: block;
  font-size: 14px;
  color: #ccccd9;
  line-height: 28px;
  margin-bottom: 8px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config .cloud-activity-sale-inner strong {
  display: block;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc {
  width: 22.6%;
  padding-left: 35px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc .cloud-activity-sale-inner {
  border: none;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc strong {
  font-size: 20px;
  line-height: 38px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc span {
  margin-bottom: 0;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.cpu {
  width: 11.3%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.disk {
  width: 11.2%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.resolution {
  width: 12.4%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.system {
  width: 14.9%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.system .cloud-activity-sale-inner {
  border: none;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price {
  float: left;
  width: 27.6%;
  height: 160px;
  padding-top: 40px;
  padding-left: 48px;
  background: url(../images/activities_1111_cloudPhone/price.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price span {
  font-size: 14px;
  line-height: 40px;
  color: #ffffff;
  display: block;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price strong {
  font-size: 26px;
  line-height: 42px;
  color: #ffba00;
  font-weight: normal;
  margin-right: 5px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price strong b {
  position: relative;
  top: -1px;
  font-weight: normal;
  font-size: 16px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price i {
  color: #b4b4f8;
  font-size: 14px;
  line-height: 40px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price i:nth-child(3) {
  text-decoration: line-through;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price em {
  font-size: 14px;
  color: #ffba00;
  font-style: normal;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .buy-cloud {
  padding-top: 20px;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .buy-cloud a {
  display: block;
  width: 230px;
  height: 69px;
  margin: 0 auto 17px;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  line-height: 69px;
  background: url(../images/activities_1111_cloudPhone/buy.png) 0 0 no-repeat;
  background-size: 100% 100%;
}
.cloud-activity-section.cloud-activity-sale .cloud-activity-content .buy-cloud span {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #b8b8c1;
}
.cloud-activity-section.cloud-activity-new .cloud-activity-content {
  height: 504px;
  padding-top: 56px;
  padding-right: 171px;
  background: rgba(17, 36, 141, 0.36) url(../images/activities_1111_cloudPhone/scene.png) right top no-repeat;
  background-origin: content-box;
  border: 2px solid rgba(46, 130, 255, 0.44);
}
.cloud-activity-section.cloud-activity-new .cloud-activity-content dl {
  padding-top: 20px;
  padding-left: 168px;
  margin-bottom: 14px;
}
.cloud-activity-section.cloud-activity-new .cloud-activity-content dl dt {
  margin-bottom: 14px;
}
.cloud-activity-section.cloud-activity-new .cloud-activity-content dl dt h2 {
  width: 112px;
  height: 38px;
  background: url(../images/activities_1111_cloudPhone/title.png);
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  line-height: 38px;
}
.cloud-activity-section.cloud-activity-new .cloud-activity-content dl dd {
  width: 420px;
  color: #d3d4ff;
  font-size: 14px;
  line-height: 26px;
}
.cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list {
  margin-left: -8px;
  margin-right: -8px;
}
.cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li {
  float: left;
  width: 25%;
  padding: 8px;
}
.cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li .cloud-activity-power-item {
  height: 282px;
  padding-top: 61px;
  background: rgba(18, 36, 142, 0.36);
  border: 2px solid rgba(46, 130, 255, 0.44);
}
.cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li .cloud-activity-power-item img {
  display: block;
  height: 64px;
  margin: 0 auto 19px;
}
.cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li .cloud-activity-power-item strong {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  padding: 6px 0;
  line-height: 24px;
}
.cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li .cloud-activity-power-item span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  color: #ababd8;
}
.cloud-activity-section.cloud-activity-rule {
  margin-bottom: 88px;
}
.cloud-activity-section.cloud-activity-rule .cloud-activity-content {
  position: relative;
  height: 468px;
  padding-top: 45px;
  padding-left: 126px;
  background: rgba(18, 36, 142, 0.36);
  border: 2px solid rgba(46, 130, 255, 0.44);
}
.cloud-activity-section.cloud-activity-rule .cloud-activity-content .ball-up {
  position: absolute;
  right: 101px;
  top: 92px;
}
.cloud-activity-section.cloud-activity-rule .cloud-activity-content .ball-down {
  position: absolute;
  right: 199px;
  top: 218px;
}
.cloud-activity-section.cloud-activity-rule .cloud-activity-content .rule-detail h3 {
  color: #2e82ff;
  font-size: 14px;
  line-height: 28px;
}
.cloud-activity-section.cloud-activity-rule .cloud-activity-content .rule-detail p {
  color: #d3d3ff;
  font-size: 14px;
  line-height: 28px;
}
@media screen and (max-width: 1199px) {
  .pbanner {
    background-size: cover;
  }
  .cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li {
    width: 50%;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config {
    padding-left: 25px;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc {
    width: 25.6%;
    padding-left: 25px;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price {
    width: 24.6%;
    padding-left: 25px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content {
    padding-right: 100px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content dl {
    padding-left: 50px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content dl dd {
    width: 350px;
  }
}
@media (max-width: 1100px) {
  .pbanner {
    height: 600px;
    margin-bottom: -200px;
  }
}
@media (max-width: 991px) {
  .pbanner {
    height: 500px;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config {
    padding-left: 0;
    text-align: center;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc {
    width: 22.6%;
    padding-top: 34px;
    text-align: left;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.cpu {
    width: 13.8%;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.disk {
    width: 13.7%;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.resolution {
    width: 13.4%;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price {
    width: 21.6%;
    padding-top: 36px;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price strong {
    display: block;
    line-height: 30px;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price span,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price i,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price em {
    line-height: 30px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
    background: none;
    padding-right: 0;
    padding-top: 20px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content dl {
    padding-top: 0;
    padding-left: 50px;
    padding-right: 50px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content dl dd {
    width: auto;
  }
  .cloud-activity-section.cloud-activity-rule .cloud-activity-content {
    padding-left: 80px;
  }
  .cloud-activity-section.cloud-activity-rule .cloud-activity-content img {
    display: none;
  }
}
@media (max-width: 768px) {
  .pbanner {
    padding-top: 20px;
    background-origin: content-box;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item {
    padding-top: 5px;
    height: auto;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config {
    width: 100% !important;
    float: none;
    padding: 0 0 0 40px !important;
    height: 32px !important;
    line-height: 32px;
    text-align: left;
    border-bottom: 1px solid #1644b7;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config span {
    width: 35%;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config span,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config strong {
    margin: 0 !important;
    display: inline-block !important;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc {
    padding: 0 0 5px 0 !important;
    height: auto !important;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc span,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-config.desc strong {
    width: 100%;
    text-align: center;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price {
    width: 100% !important;
    float: none;
    height: 48px !important;
    background: none;
    padding: 0 0 0 40px !important;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price span {
    width: 35%;
    vertical-align: super;
  }
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price span,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price strong,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price em,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price i,
  .cloud-activity-section.cloud-activity-sale .cloud-activity-content .cloud-activity-sale-list .cloud-activity-sale-item .cloud-activity-sale-price b {
    display: inline-block;
    line-height: 48px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content dl {
    padding: 0 25px;
  }
}
@media (max-width: 648px) {
  .cloud-activity-section.cloud-activity-new .cloud-activity-content {
    display: block;
    height: auto;
    padding-top: 40px;
  }
  .cloud-activity-section.cloud-activity-new .cloud-activity-content dl {
    padding: 0 25px;
    margin-bottom: 30px;
  }
  .cloud-activity-section.cloud-activity-rule .cloud-activity-content {
    padding-left: 50px;
  }
}
@media (max-width: 576px) {
  .cloud-activity-section.cloud-activity-power .cloud-activity-content .cloud-activity-power-list li {
    width: 100%;
  }
  .cloud-activity-section.cloud-activity-rule .cloud-activity-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 450px) {
  .pbanner {
    padding-top: 25px;
  }
}
@media (max-width: 350px) {
  .pbanner {
    height: 165px;
  }
}
@media (max-width: 340px) {
  .pbanner {
    height: 160px;
  }
}
@media (max-width: 325px) {
  .pbanner {
    height: 155px;
  }
}