@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
.bg-fff {
  background-color: #fff !important;
}
.bg-f7 {
  background-color: #f7f7f7 !important;
}
.clearfix {
  clear: both;
  overflow: hidden;
}
h3 {
  font-weight: normal;
}
a {
  text-decoration: none;
}
body {
  font-family: '微软雅黑';
}
.cloud-helper {
  font-size: 0.24rem;
}
.cloud-helper * {
  box-sizing: border-box;
}
.ch_banner {
  height: 4rem;
  background: url("../../../img/m_cloud_helper_02.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 0.54rem;
  text-align: center;
  color: #fff;
}
.ch_banner .banner_title {
  line-height: 0.78rem;
  font-size: 0.48rem;
}
.ch_banner .banner_info {
  line-height: 0.62rem;
  font-size: 0.36rem;
  margin-bottom: 0.25rem;
}
.ch_banner .banner_btn {
  width: 4.8rem;
  margin: 0 auto;
  overflow: hidden;
}
.ch_banner .banner_btn a {
  width: 1.8rem;
  height: 0.56rem;
  text-align: center;
  line-height: .52rem;
  color: #fff;
  font-size: 0.24rem;
  float: left;
  border: 1px solid #fff;
  border-radius: 4px;
}
.ch_banner .banner_btn a:last-child {
  float: right;
}
.ch_banner .banner_btn a.active {
  background: #00aaff;
  border: 1px solid #00aaff;
}
.ch_banner .banner_download {
  height: .24rem;
  width: auto;
  text-align: center;
  margin-top: .25rem;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.24rem;
}
.ch_banner .banner_download .download_icon {
  width: .24rem;
  height: .24rem;
  display: inline-block;
  background-image: url("../../../img/cloud_helper_03.png");
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: bottom;
}
.section-icon,
.cloud_helper_icon {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  margin: .1rem auto;
  background-image: url("../../../img/cloud_helper_icon.png");
  background-repeat: no-repeat;
  background-size: 6.72rem 5.75rem;
}
.cloud_helper_icon {
  margin: 0;
}
.cloud-section {
  padding-bottom: .52rem;
  text-align: center;
}
.cloud-section .section-title {
  line-height: 0.82rem;
  font-size: 0.36rem;
  color: #333333;
}
.cloud-section .section-title.active {
  width: 1.5rem;
  margin: 0 auto;
  color: #f33010;
  border-bottom: 2px solid #f33010;
}
.cloud-section .section-info {
  line-height: .42rem;
  color: #666;
  margin-bottom: 0.4rem;
  font-size: 0.24rem;
}
.cloud-section .section-list {
  height: 1.27rem;
  margin-bottom: 0.48rem;
  overflow: hidden;
}
.cloud-section .section-list .section-li {
  float: left;
  width: 1.7rem;
  margin-right: 1rem;
}
.cloud-section .section-list .section-li p {
  font-size: .28rem;
  color: #666;
  line-height: 0.52rem;
}
.cloud-section .section-list .section-li:last-child {
  margin-right: 0;
}
.cloud-section .section-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 4.42rem;
}
.section1 {
  padding: .4rem .2rem;
  background: #fff;
}
.section1 .xt {
  background-position: -0.2rem -0.2rem;
}
.section1 .wl {
  background-position: -0.88rem -0.2rem;
}
.section1 .yy {
  background-position: -1.57rem -0.2rem;
}
.section1 .section-image {
  background-image: url("../../../img/cloud_helper_05.png");
}
.section2 {
  padding: .4rem .2rem;
  padding-bottom: .6rem;
  background: #f5f5f5;
}
.section2 .tj {
  background-position: -0.2rem -0.88rem;
}
.section2 .jg {
  background-position: -0.89rem -0.88rem;
}
.section2 .xtld {
  background-position: -1.57rem -0.88rem;
}
.section2 .section-image {
  background-image: url("../../../img/cloud_helper_07.png");
}
.section3 {
  padding: .4rem .2rem;
  background: #fff;
}
.section3 .jzgl {
  background-position: -0.2rem -1.57rem;
}
.section3 .dj {
  background-position: -0.89rem -1.57rem;
}
.section3 .webdj {
  background-position: -1.57rem -1.57rem;
}
.section3 .section-image {
  background-image: url("../../../img/cloud_helper_11.png");
}
.section4 {
  padding: .4rem .2rem;
  background: #f5f5f5;
}
.section4 .rdpdl {
  background-position: -0.2rem -2.27rem;
}
.section4 .sshlj {
  background-position: -0.89rem -2.27rem;
}
.section4 .ycgl {
  background-position: -1.57rem -2.27rem;
}
.section4 .section-image {
  background-image: url("../../../img/cloud_helper_15.png");
}
.section-title {
  line-height: 1.56rem;
  color: #333333;
  font-size: .36rem;
  text-align: center;
}
.section-version {
  background: #fff;
  overflow: hidden;
  padding: 0 0.2rem;
}
.section-version .version-list {
  width: 7.1rem;
  height: 2.4rem;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}
.section-version .version-list span {
  width: 50%;
  height: 0.8rem;
  line-height: 0.8rem;
  float: left;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #333;
  font-size: 0.24rem;
  text-align: left;
  padding-left: 0.36rem;
  background: #fafafa;
}
.section-version .version-list span i {
  display: inline-block;
  vertical-align: middle;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.15rem;
}
.section-version .version-list span .window {
  background-position: -3.1rem -0.18rem;
}
.section-version .version-list span .opensuse {
  background-position: -3.64rem -0.18rem;
}
.section-version .version-list span .debian {
  background-position: -4.18rem -0.18rem;
}
.section-version .version-list span .centos {
  background-position: -4.72rem -0.18rem;
}
.section-version .version-list span .ubuntu {
  background-position: -5.3rem -0.18rem;
}
.section-version .version-list span .more {
  background-position: -5.85rem -0.18rem;
}
.section-service {
  background: #fff;
  text-align: center;
  padding-bottom: 0.2rem;
  overflow: hidden;
}
.section-service-list .section-service-li {
  width: 50%;
  text-align: center;
  height: 2.3rem;
  margin-bottom: 0.4rem;
  float: left;
}
.section-service-list .section-service-li .icon_wrap {
  background: none;
  float: none;
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.15rem;
  border-radius: 0.8rem;
  box-shadow: 0 0 12px #ccc;
  padding-top: 0.37rem;
}
.section-service-list .section-service-li .icon_wrap i {
  width: 0.73rem;
  height: 0.67rem;
  display: block;
  margin: 0 auto;
}
.section-service-list .section-service-li .ky {
  background-position: -3.08rem -0.9rem;
}
.section-service-list .section-service-li .zd {
  background-position: -4.4rem -0.9rem;
}
.section-service-list .section-service-li .zj {
  background-position: -5.74rem -0.9rem;
}
.section-service-list .section-service-li .jk {
  background-position: -3.08rem -2.08rem;
}
.section-service-list .section-service-li .wj {
  background-position: -4.4rem -2.08rem;
}
.section-service-list .section-service-li .yc {
  background-position: -5.74rem -2.08rem;
}
.section-service-list .section-service-li .section-service-p {
  line-height: 0.4rem;
  margin-bottom: .1rem;
  font-size: 0.28rem;
  color: #333;
}
.section-service-list .section-service-li .section-service-span {
  line-height: 0.36rem;
  color: #999;
  font-size: 0.24rem;
}
.section-download {
  padding-top: 0.4rem;
  overflow: hidden;
  text-align: center;
  padding-bottom: 0.4rem;
}
.section-download-btn {
  padding: 0.12rem 0;
  color: #fff;
  font-size: 0.28rem;
  border-radius: 4px;
  background: #f2171f;
  display: block;
  margin: 0 auto;
  width: 2.2rem;
}
.section-download-btn i {
  width: 0.28rem;
  height: 0.28rem;
  display: inline-block;
  vertical-align: -0.04rem;
  margin-right: 0.1rem;
  background: url("../../../img/cloud_helper_download.png") no-repeat center center;
  background-size: contain;
}
.section-download-btn:hover {
  background: #e2383a;
}
.section-download p {
  width: 5.6rem;
  text-align: center;
  line-height: 0.38rem;
  margin: 0.2rem auto;
  font-size: 0.24rem;
  color: #666;
}