@charset "UTF-8";
div.server-banner {
  background-image: url(./img/banner.jpg);
}

.banner-title {
  margin-top: 0.8rem;
}

.banner-product-feature {
  background: url(./img/product_banner_shield.png) no-repeat 0;
  background-size: 0.525rem 0.55rem;
  color: #0af;
  font-size: 0.5rem;
  padding-left: 0.75rem;
  margin-top: 0.625rem;
}

/* 优势 */
.server-youshi-1:before {
  background-image: url(./img/product-adv-icon-1.png);
}

.server-youshi-2:before {
  background-image: url(./img/product-adv-icon-2.png);
}

.server-youshi-3:before {
  background-image: url(./img/product-adv-icon-3.png);
}

.server-youshi-4:before {
  background-image: url(./img/product-adv-icon-4.png);
}

.server-youshi-5:before {
  background-image: url(./img/product-adv-icon-5.png);
}

.server-youshi-6:before {
  background-image: url(./img/product-adv-icon-6.png);
}

.server-youshi-7:before {
  background-image: url(./img/product-adv-icon-7.png);
}

.server-youshi-8:before {
  background-image: url(./img/product-adv-icon-8.png);
}

.youshi-deck {
  position: relative;
  background-image: none;
  background-size: initial;
  background-position: center;
}
.youshi-deck:before {
  position: absolute;
  content: '';
  left: .6rem;
  width: 36px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
}

.product-title .icon-1 {
  background: url("./img/product-function-icon-1.png") no-repeat center;
  background-size: contain;
}

.product-title .icon-2 {
  background: url("./img/product-function-icon-2.png") no-repeat center;
  background-size: contain;
}

.product-title .icon-3 {
  background: url("./img/product-function-icon-3.png") no-repeat center;
  background-size: contain;
}

.server-situation {
  border-bottom: 0;
}

.scene-title {
  font-size: .6rem;
  color: #262829;
  font-weight: 700;
}

/* 推荐配置 */
.sit-title {
  font-size: 0.6rem;
  color: #333;
}

.server-situation {
  padding-bottom: 0.4rem;
  line-height: 2em;
  color: #666;
}

.server-config {
  line-height: 2em;
  padding-top: 0;
}

.server-config-button {
  margin-top: 0.5rem;
}

.scene-feature {
  width: 100%;
  padding: 0 0.2rem;
}

.scene-feature div {
  float: left;
  height: 2.15rem;
  margin-right: 10%;
  text-align: center;
  padding-top: 1.5rem;
  background: no-repeat center / 0.525rem 0.525rem;
  font-size: 0.45rem;
  color: #555555;
}

.scene-list .description {
  font-size: 12px;
  color: #999999;
  padding: 0 25px;
  line-height: 1.8em;
  margin-top: 10px;
}

.m-b-2 {
  margin-bottom: 0.2rem;
}

.scene-feature .icon-cdn {
  background-image: url(./img/cdn_icon_small.png);
}

.scene-feature .icon-store {
  background-image: url(./img/store_icon_small.png);
}

.scene-feature .icon-balance {
  background-image: url(./img/balance_icon_small.png);
}

.scene-feature .icon-server {
  background-image: url(./img/server_icon_small.png);
}

.scene-feature .icon-host {
  background-image: url(./img/host_icon_small.png);
}

.scene-feature .icon-domain {
  background-image: url(./img/domain_icon_small.png);
}

.scene-bg {
  height: 7.925rem;
  background-size: 13.625rem 7.925rem;
  background-repeat: no-repeat;
}

.scene-bg-1 {
  background-image: url(./img/scenebg1.jpg);
}

.scene-bg-2 {
  background-image: url(./img/scenebg2.jpg);
}

.scene-bg-3 {
  background-image: url(./img/scenebg3.jpg);
}

.scene-bg-4 {
  background-image: url(./img/scenebg4.jpg);
}