@charset "utf-8";

/* main */

.items {
  padding: 60px 0;
}

.items-title {
  font-size: 30px;
  color: #333;
}

.items-subtitle {
  font-size: 14px;
  margin-top: 10px;
}

/*  */

.main-banner {
  background: url(../../images/online/fastsite1/banner-fastsite1.jpg) no-repeat
    center #01233f;
}

.main-banner .main-banner-title{
  position: relative;
}
.main-banner .main-banner-title .activity_btn_wrap{
  min-width: 62px;
  height: 62px;
  position: absolute;
  bottom: 0;
  left: 190px;
}
.main-banner .main-banner-title .activity_btn_wrap .active_title{
  width: 0px;
  height: 38px;
  background: #fe4f06;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  line-height: 38px;
  z-index: 0;
  overflow: hidden;
  transition: 0.2s width;
}
.main-banner .main-banner-title .activity_btn_wrap .active_title span{
  margin-left: 45px;
}
.main-banner .main-banner-title .activity_btn_wrap:hover .active_title{
  width: 120px;
}
.main-banner .main-banner-title .activity_btn_wrap:hover .animated{
  -webkit-animation-name: none;
  animation-name: none;
}
.main-banner .main-banner-title .activity_btn_wrap .icon{
  width: 62px;
  height: 62px;
  position: relative;
  z-index: 1;
}
.main-banner .main-banner-title .activity_btn_wrap .animated{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-name: rubber;
  animation-name: rubber;
}
.main-banner .main-banner-title .activity_btn_wrap .animated.infinite{
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* 礼盒抖动动画 */
@-webkit-keyframes rubber {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  5% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.85, 1);
  }
  10% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.85, 1.25, 1);
  }
  20% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.25, 0.85, 1);
  }
  25% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubber {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  5% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.85, 1);
  }
  10% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.85, 1.25, 1);
  }
  20% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.25, 0.85, 1);
  }
  25% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.main-banner-button:not(:first-child) {
  margin-left: 16px;
}

/* 所有模板均采用响应式设计 */

.items-responsive .items-block {
  margin-top: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.items-responsive .img-block {
  margin: 0;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.items-responsive .img-block:not(:nth-child(-n + 4)) {
  margin-top: 20px;
}

.items-responsive .item-btn {
  text-align: center;
  margin-top: 30px;
}

.items-responsive .item-button {
  width: 120px;
  height: 46px;
  line-height: 44px;
}

/* 简单、易用，3步完成建站 */

.items-video {
  padding-top: 0;
}

.items-video .items-block {
  box-sizing: border-box;
  width: 886px;
  height: 531px;
  margin: 50px auto 0;
  background: url(../../images/online/fastsite1/v-bg.png) no-repeat center;
  padding: 24px 57px 0 43px;
}

.items-video video {
  display: block;
  width: 100%;
  height: 100%;
}

.v-block {
  position: relative;
  height: 442px;
}

.v-controls {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.v-play {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OSIgaGVpZ2h0PSI3MCI+PHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGQ9Ik0zNCA2OGMxOC4yMjUgMCAzMy0xNC45OTkgMzMtMzMuNUM2NyAxNS45OTggNTIuMjI1IDEgMzQgMVMxIDE1Ljk5OCAxIDM0LjVDMSA1My4wMDEgMTUuNzc1IDY4IDM0IDY4eiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRiIgZD0iTTI4IDIxdjI3YzAgMS4xMDYuNzMxIDEuNDg1IDEuNjM1Ljg0OGwxOC43My0xMy4xOTZjLjkwNC0uNjM3LjkwNC0xLjY2NyAwLTIuMzA0bC0xOC43My0xMy4xOTZDMjguNzMxIDE5LjUxNSAyOCAxOS44OTQgMjggMjF6Ii8+PC9zdmc+)
    no-repeat center;
  background-size: 70px auto;
  left: 0;
  top: 0;
  z-index: 1;
}

/* 不同版本满足各类中小企业建站需求 */

.items-ver .items-sublink {
  text-align: center;
  margin-top: 14px;
}

.items-ver .items-sublink a {
  font-size: 16px;
  text-decoration: underline;
}

.items-ver .items-block {
  margin-top: 66px;
  justify-content: space-between;
  align-items: flex-start;
}

.items-ver .item {
  box-sizing: border-box;
  width: 360px;
  height: 480px;
  border: 1px solid #d8d8d8;
  transition: all 0.3s ease;
}

.items-ver .item:hover {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.items-ver .item-title-block {
  height: 120px;
  color: #fff;
  margin: -1px -1px 0;
}

.items-ver .item:nth-child(1) .item-title-block {
  background-color: #4dc4da;
}

.items-ver .item:nth-child(2) .item-title-block {
  background-color: #23b9a9;
}

.items-ver .item:nth-child(3) .item-title-block {
  background-color: #2290e8;
}

.items-ver .item-title {
  font-size: 22px;
  font-weight: bold;
}

.items-ver .item-tag {
  margin-top: 10px;
  font-size: 16px;
}

.items-ver .item-tag:before,
.items-ver .item-tag:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 1px;
  background-color: #fff;
  margin: 0 15px;
}

.items-ver .item-subtitle {
  margin-top: 10px;
}

.items-ver .item-content {
  padding: 15px 30px 0;
}

.items-ver ul {
  height: 230px;
}

.items-ver li {
  color: #666;
  font-size: 13px;
  line-height: 2.2em;
  padding-left: 15px;
  position: relative;
}

.items-ver li:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #999;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotateZ(45deg);
}

.items-ver .item-price {
  font-size: 14px;
  text-align: center;
}

.items-ver .item-price.tag .current-price:before {
  content: "";
  position: absolute;
  width: 74px;
  height: 20px;
  background: url(../../images/online/fastsite1/tag.png) no-repeat center;
  left: 0;
  top: 0;
  transform: translate(0, -28px);
}

.items-ver .current-price {
  position: relative;
}

.items-ver .current-price .em {
  font-size: 24px;
  color: #ff8b47;
}

.items-ver .origin-price {
  color: #999;
  margin-left: 15px;
}

.items-ver .item-btn {
  text-align: center;
  margin-top: 20px;
}

.info-intro-ver .item-btn {
  text-align: center;
  margin-top: 15px;
}

.items-ver .item-button,
.info-intro-ver .item-button {
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  background-color: #ff8b47;
  color: #fff;
  border-radius: 3px;
}

.items-ver .item-button:hover,
.info-intro-ver .item-button:hover {
  background-color: #e28148;
}

.items-ver .item-button.trial,
.info-intro-ver .item-button.trial {
  margin-right: 30px;
  background: transparent;
  color: #ff8b47;
  border: 1px solid #ff8b47;
}

.items-ver .item-button.trial:hover,
.info-intro-ver .item-button.trial:hover {
  color: #e28148;
  border: 1px solid #e28148;
}

/* 速成建站，亮点功能 */

.items-highlight .items-block {
  margin-top: 60px;
  flex-wrap: wrap;
}

.items-highlight .item {
  width: 171px;
  text-align: center;
}

.items-highlight .item:not(:nth-child(-n + 7)) {
  margin-top: 40px;
}

.items-highlight .img-block img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.items-highlight .item-title {
  font-size: 16px;
  margin-top: 16px;
  font-weight: bold;
}

.items-highlight .item-p {
  color: #666;
  line-height: 1.5em;
  margin-top: 6px;
}

/* 为您提供专业的搭建服务，省时、省心 */

.items-bottom-banner {
  height: 240px;
  background: url(../../images/online/fastsite1/bottom-banner-bg.jpg) no-repeat
    center #2290e8;
  color: #fff;
}

.items-bottom-banner .item-title {
  font-size: 30px;
  font-weight: bold;
}

.items-bottom-banner .item-text {
  margin-top: 20px;
}

.items-bottom-banner .item-p {
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
  position: relative;
}

.items-bottom-banner .item-p:not(:first-child):before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  background-color: #fff;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.items-bottom-banner .item-button {
  width: 140px;
  height: 46px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #fff;
  margin-top: 36px;
  font-size: 16px;
}
.items-highlight .item-button {
  margin: 0 auto;
  margin-top: 40px;
  width: 140px;
  height: 46px;
  display: block;
  line-height: 46px;
  text-align: center;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(35, 185, 169, 1);
  font-size: 16px;
  font-weight: 800;
  color: rgba(35, 185, 169, 1);
}

/* 弹窗 */

.hd-pop {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: none;
}

.hd-pop-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.hd-pop-content {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 420px;
  border-radius: 10px;
  padding: 50px;
}

.hd-content {
  text-align: center;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.hd-pop-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyM3B4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyMDQsIDIwNCwgMjA0KSIgZD0iTTIyLjEwNywyMS4zOTkgTDIxLjM5OSwyMi4xMDcgTDExLjUwMCwxMi4yMDcgTDEuNjAwLDIyLjEwNyBMMC44OTMsMjEuMzk5IEwxMC43OTMsMTEuNTAwIEwwLjg5MywxLjYwMCBMMS42MDAsMC44OTMgTDExLjUwMCwxMC43OTMgTDIxLjM5OSwwLjg5MyBMMjIuMTA3LDEuNjAwIEwxMi4yMDcsMTEuNTAwIEwyMi4xMDcsMjEuMzk5IFoiLz48L3N2Zz4=)
    no-repeat center;
  z-index: 1;
  cursor: pointer;
}

.disable-order-title {
  font-size: 18px;
  font-weight: bold;
}

.disable-order-title:before {
  content: "";
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgxMTQ4OTUwOTA1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxMzEiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMy4zODA0NCA5MjAuNDU2NzYyYzIyNS42MTEzODcgMCA0MDkuMTUzNjM0LTE4My41NDMyNyA0MDkuMTUzNjM0LTQwOS4xNTQ2NTdTNzM4Ljk5MTgyOCAxMDIuMTQ4NDcxIDUxMy4zODA0NCAxMDIuMTQ4NDcxIDEwNC4yMjU3ODMgMjg1LjY5MTc0MSAxMDQuMjI1NzgzIDUxMS4zMDMxMjggMjg3Ljc2OTA1MyA5MjAuNDU2NzYyIDUxMy4zODA0NCA5MjAuNDU2NzYyTTUxMy4zODA0NCA5NTcuNjU4MDM2Yy0yNDYuNTE0NDYzIDAtNDQ2LjM1NDkwNy0xOTkuODQwNDQ0LTQ0Ni4zNTQ5MDctNDQ2LjM1NDkwNyAwLTI0Ni41MTQ0NjMgMTk5Ljg0MDQ0NC00NDYuMzU0OTA3IDQ0Ni4zNTQ5MDctNDQ2LjM1NDkwN3M0NDYuMzU0OTA3IDE5OS44NDA0NDQgNDQ2LjM1NDkwNyA0NDYuMzU0OTA3Qzk1OS43MzQzMjQgNzU3LjgxNzU5MiA3NTkuODk0OTAzIDk1Ny42NTgwMzYgNTEzLjM4MDQ0IDk1Ny42NTgwMzZMNTEzLjM4MDQ0IDk1Ny42NTgwMzYgNTEzLjM4MDQ0IDk1Ny42NTgwMzZ6IiBwLWlkPSIyMTMyIiBmaWxsPSIjRkY1NjJBIj48L3BhdGg+PHBhdGggZD0iTTM2Ni4xNDYxMjEgNDQ5LjIzNTUxNGMtMjEuNDA2NTQyIDAtMzguNzM2MjMzLTE3LjYyMTMzMy0zOC43MzYyMzMtMzkuNDAxMzgybDAtNy44ODQ1NzRjMC0yMS43Njk4MTYgMTcuMzI5NjktMzkuMzkxMTQ5IDM4LjczNjIzMy0zOS4zOTExNDkgMjEuNDA3NTY2IDAgMzguNzM2MjMzIDE3LjYyMTMzMyAzOC43MzYyMzMgMzkuMzkxMTQ5bDAgNy44ODQ1NzRDNDA0Ljg4MjM1NCA0MzEuNTg0NTA2IDM4Ny41MzMyMiA0NDkuMjM1NTE0IDM2Ni4xNDYxMjEgNDQ5LjIzNTUxNEwzNjYuMTQ2MTIxIDQ0OS4yMzU1MTQgMzY2LjE0NjEyMSA0NDkuMjM1NTE0IDM2Ni4xNDYxMjEgNDQ5LjIzNTUxNHoiIHAtaWQ9IjIxMzMiIGZpbGw9IiNGRjU2MkEiPjwvcGF0aD48cGF0aCBkPSJNNjY2Ljc3NTA2MyA0NDkuMjM1NTE0Yy0yMS4zODcxIDAtMzguNzM2MjMzLTE3LjYyMTMzMy0zOC43MzYyMzMtMzkuNDAxMzgybDAtNy44ODQ1NzRjMC0yMS43Njk4MTYgMTcuMzQ5MTMzLTM5LjM5MTE0OSAzOC43MzYyMzMtMzkuMzkxMTQ5IDIxLjM4NzEgMCAzOC43NDY0NjYgMTcuNjIxMzMzIDM4Ljc0NjQ2NiAzOS4zOTExNDlsMCA3Ljg4NDU3NEM3MDUuNTIxNTI4IDQzMS41ODQ1MDYgNjg4LjE2MjE2MiA0NDkuMjM1NTE0IDY2Ni43NzUwNjMgNDQ5LjIzNTUxNEw2NjYuNzc1MDYzIDQ0OS4yMzU1MTQgNjY2Ljc3NTA2MyA0NDkuMjM1NTE0IDY2Ni43NzUwNjMgNDQ5LjIzNTUxNHoiIHAtaWQ9IjIxMzQiIGZpbGw9IiNGRjU2MkEiPjwvcGF0aD48cGF0aCBkPSJNMzEzLjk0NjI0OCA3MDkuMzM1MzkxYzQyLjk1NTMyNC03Mi40Nzg3MzEgMTIyLjExMDEwNS0xMTcuNDk4MDY0IDIwNi41NzE3NTItMTE3LjQ5ODA2NCA4My44MjcxOTcgMCAxNjAuMTYxNzQ2IDQyLjQ1MTg1OCAyMDQuMTk0NjEyIDExMy41NzE2MzggNS40MDcxNSA4Ljc0MDA1OCAyLjcwODY5MiAyMC4xOTkwNDEtNi4wMjExMzQgMjUuNjA2MTkxLTguNzQwMDU4IDUuNDA3MTUtMjAuMTk5MDQxIDIuNzA4NjkyLTI1LjYwNjE5MS02LjAyMTEzNC0zNS42NDQ4MjUtNTcuNTc2MzIzLTk5LjU5NTMyMi05NS45NjA1MzktMTcyLjU2NzI4Ny05NS45NjA1MzktNzQuMzYxNjE1IDAtMTM5LjM1ODk1NSAzOS44NjM5MTYtMTc0LjU4MTE1NCA5OS4yNzI5ODEtNS4yMzYyNTggOC44MzExMzItMTYuNjQ1MDk5IDExLjc1MDYyNS0yNS40NzUyMDggNi41MTQzNjdDMzExLjYyMDI3MyA3MjkuNTg1NTk3IDMwOC43MDA3ODEgNzE4LjE3Njc1NiAzMTMuOTQ2MjQ4IDcwOS4zMzUzOTFMMzEzLjk0NjI0OCA3MDkuMzM1MzkxIDMxMy45NDYyNDggNzA5LjMzNTM5MXoiIHAtaWQ9IjIxMzUiIGZpbGw9IiNGRjU2MkEiPjwvcGF0aD48L3N2Zz4=)
    no-repeat center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.disable-order-text {
  text-align: left;
  margin-top: 20px;
  font-size: 16px;
  color: #666;
  line-height: 1.8em;
}

.disable-order-text .em {
  color: #ff5f36;
}

.disable-order-btn {
  margin-top: 20px;
}

.disable-order-button {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  background-color: #5282f0;
  color: #fff;
  font-size: 18px;
}

.disable-order-button:hover {
  transform: translateY(-4px);
}

.swiper-container {
  width: 1189px;
  margin: 50px 0 0 10px;
}

.swiper-slide a {
  transition: 0.2s;
}
.swiper-slide a:hover {
  opacity: 0.6;
}
.swiper-button-prev {
  width: 40px;
  height: 40px;
  left: -50px;
  top: 115px;
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  border-radius: 5px;
  margin-top: 0;
  z-index: 99;
  transition: 0.2s;
}
.swiper-button-next {
  width: 40px;
  height: 40px;
  right: -40px;
  top: 115px;
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  border-radius: 5px;
  margin-top: 0;
  z-index: 99;
  transition: 0.2s;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.6;
}
.sw-container {
    border:1px solid rgba(221,221,221,1);
    padding: 14px;
    box-sizing: border-box;
    position: relative;
    animation: 1s ease;
    margin-left: 1px;
}
@keyframes img-gradient {
    0% {opacity: 0;}/*初始状态 透明度为0*/
    100% {opacity: 1;}/*结束状态 透明度为1*/
}
.sw-container:hover {
    box-shadow:0 0 16px 0 rgba(0,0,0,0.2);
}
.sw-container .sw-bottom {
    background: white;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 69px;
    animation: img-gradient 0.3s linear;
}
.sw-container .sw-bottom .sw-title{
    margin-left: 14px;
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
}
.sw-container .sw-bottom .sw-detail{
    margin-left: 14px;
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
}
.sw-container:hover .sw-bottom {
    display: block;
}