@charset "utf-8";

:root {
  --base-font-size: 16px;
  --main-color: #1e78ff;
  --font-weight-base: 400;
  --font-weight-bold: 500;
  --font-weight-bolder: 600;
  --font-weight-high: 700;
  --font-size-small: 0.875rem;
  --font-size-regular: 1rem;
  --font-size-big: 1.125rem;
  --font-color-black: #333b57;
  --font-color-grey: #8b95a8;
  --link-color-blue: #3da9ff;
  --color-green: #05d5ba;
  --color-blue: #0daaff;
  --color-orange: #ffb82e;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-base);
  letter-spacing: 0;
}

body {
  font-size: var(--font-size-regular);
  overflow-x: hidden;
}

.hide {
  visibility: hidden;
}

.main {
  width: 75rem;
  height: auto;
  margin: 0 auto;
}

.link-list {
  justify-content: space-between;
}

.link-list a {
  width: 10rem;
  height: 3.13rem;
  background-size: cover !important;
}

.link-list a:first-child {
  background: url(qhwy.png) no-repeat;
}

.link-list a:first-child:hover {
  background: url(qhwy_hover.png) no-repeat;
}

.link-list a:nth-child(2) {
  background: url(zcfw.png) no-repeat;
}

.link-list a:nth-child(2):hover {
  background: url(zcfw_hover.png) no-repeat;
}

.link-list a:nth-child(3) {
  background: url(qfjs.png) no-repeat;
}

.link-list a:nth-child(3):hover {
  background: url(qfjs_hover.png) no-repeat;
}

.link-list a:nth-child(4) {
  background: url(qfsq.png) no-repeat;
}

.link-list a:nth-child(4):hover {
  background: url(qfsq_hover.png) no-repeat;
}

.link-list a:nth-child(5) {
  background: url(qfdt.png) no-repeat;
}

.link-list a:nth-child(5):hover {
  background: url(qfdt_hover.png) no-repeat;
}

.link-list a:nth-child(6) {
  background: url(hdzx.png) no-repeat;
}

.link-list a:nth-child(6):hover {
  background: url(hdzx_hover.png) no-repeat;
}

.link-list a:nth-child(7) {
  background: url(yqkt.png) no-repeat;
}

.link-list a:nth-child(7):hover {
  background: url(yqkt_hover.png) no-repeat;
}

.content {
  margin-top: .9375rem;
  margin-bottom: 1.25rem;
  justify-content: space-between;
}

.content>div {
  height: 20rem;
  padding: 0.88rem;
  background: #FFFFFF;
  border: 1px solid rgba(209, 209, 209, 0.5);
  border-radius: .375rem;
}

.recommend {
  width: 24.5rem;
  height: 20rem;
}

.tit {
  align-items: center;
}

.tit>img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .625rem;
}

.tit>span {
  font-size: 1.25rem;
  color: #1A202D;
}

.change {
  font-size: 0.88rem;
  color: #1E78FF;
  padding-right: 1.25rem;
  margin-left: auto;
  background: url('./change-icon.png') no-repeat center right / .8462rem .8462rem;
  cursor: pointer;
}

.recommend-item {
  margin-top: .5rem;
  padding: .63rem .63rem .63rem .5rem;
  background: rgba(220, 223, 230, 0.18);
  border-radius: .375rem;
  justify-content: space-between;
  align-items: center;
}

.recommend-item:first-child {
  margin-top: .5rem;
}

.policy-icon {
  width: 2.13rem;
  height: 1.13rem;
  line-height: 1.13rem;
  text-align: center;
  font-size: .75rem;
  color: #FF890B;
  font-weight: 500;
  border: 0.8px solid rgba(255, 137, 11, 1);
  border-radius: .25rem;
}

.activity-icon {
  width: 2.13rem;
  height: 1.13rem;
  line-height: 1.13rem;
  text-align: center;
  font-size: .75rem;
  color: #1E78FF;
  font-weight: 500;
  border: 0.8px solid rgba(30, 120, 255, 1);
  border-radius: .25rem;
}

.right-wrapper {
  display: flex;
  margin-left: auto;
  flex-wrap: nowrap;
  align-items: center;
}

.recommend-tit {
  margin-right: 20px;
}

.recommend-tit span {
  margin-left: 0.88rem;
  color: #999;
  font-size: 1rem;
}

.recommend-tit span:first-child {
  margin-left: 0;
}

.recommend-tit .active {
  color: #1E78FF;
  border-bottom: 0.13rem solid #1E78FF;

}

.recommend-item .title {
  width: 16.875rem;
  font-size: 1rem;
  line-height: 1.125rem;
  margin-left: 0.3rem;
  color: #1A202D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recommend-item img {
  width: .875rem;
  height: .875rem;
}

.recommend-item .btn {
  width: 3.56rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: .94rem;
  color: #1E78FF;
  border-radius: .13rem;
  border: 0.04rem solid #1E78FF;
}

.hot-questions {
  width: 24.5rem;
  height: 20rem;
}

.hot-item {
  padding: 1.2rem 0 .95rem 0;
  border-bottom: 1px solid rgba(209, 209, 209, 0.49);
}

.hot-item:first-child {
  margin-top: .25rem;
}

.hot-item:last-child {
  border: none;
}

.hot-item .title {
  width: 100%;
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #1A202D;
  font-weight: 400;
  background: url(./xs.png) no-repeat center left / 1.25rem 1.25rem;
  background-position-y: top;
  padding-left: 1.625rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.hot-item img {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  vertical-align: sub;
}

.common-tools {
  width: 24.5rem;
  height: 20rem;
}

.common-tools .more {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 1rem;
  color: #1E78FF;
  margin-left: auto;
  font-weight: 400;
}

.common-list {
  flex-wrap: wrap;
  justify-content: space-between;
}

.common-item {
  width: 5.25rem;
  line-height: 1.125rem;
  margin-top: 1.1875rem;
  text-align: center;
}

.common-item>img {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 auto;
  margin-bottom: 10px;
  display: block;
}

/* #region 服务板块 */
.service-segment {
  width: 24.5rem;
  border: 0 !important;
  background: url(fwbk_bg.png) no-repeat 100% 100% !important;
  background-size: cover !important;
}

.common-title {
  font-family: "YouSheBiaoTiHei";
  display: inline-block;
  font-size: 1.625rem;
  line-height: 2.125rem;
  color: transparent;
  background-image: linear-gradient(to right, #40b0ff, #176eef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.common-title.yqb {
  display: flex;
  justify-content: center;
}

.common-title.yqb span {
  display: block;
  position: relative;
  color: transparent;
  background-image: linear-gradient(to right, #40b0ff, #176eef);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.common-title.yqb span i {
  color: transparent;
  background-image: linear-gradient(to right, #0C9AFF, #0C9AFF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 9;
}

.common-title.yqb span::after {
  position: absolute;
  bottom: 0;
  display: block;
  content: "";
  width: 4.5rem;
  height: 0.75rem;
  background-image: linear-gradient(270deg, rgba(49, 236, 245, 0) 0%, #FF9838 100%);
  transform: skewX(-45deg);
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
}

.service-segment .common-title {
  margin: 0.5rem 0;
}

.service-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.service-list a {
  display: flex;
  align-items: center;
  width: 11.13rem;
  background: #fff;
  border-radius: 0.39rem;
  height: 2.75rem;
  margin-bottom: 0.5rem;
}

.service-list a:hover {
  background: #fff url(hover_server.png) right bottom no-repeat;
  background-size: auto 3.5rem;
}

.service-list a:hover span {
  font-weight: var(--font-weight-bolder);
  color: var(--main-color);
}

.service-list a i {
  display: block;
  margin-left: 0.88rem;
  margin-right: 0.3rem;
  width: 2rem;
  height: 2rem;
  background-size: 2.75rem 2.75rem;
  background-repeat: no-repeat;
  background-position: cover;
}

.service-list a span {
  display: block;
  font-size: 1.13rem;
  color: var(--font-color-black);
}

.service-list a:first-child i {
  background-image: url(server_xm.png);
}

.service-list a:nth-child(2) i {
  background-image: url(server_zc.png);
}

.service-list a:nth-child(3) i {
  background-image: url(server_jr.png);
}

.service-list a:nth-child(4) i {
  background-image: url(server_rc.png);
}

.service-list a:nth-child(5) i {
  background-image: url(server_fz.png);
}

.service-list a:nth-child(6) i {
  background-image: url(server_kc.png);
}

.service-list a:nth-child(7) i {
  background-image: url(server_kf.png);
}

.service-list a:nth-child(8) i {
  background-image: url(server_zscq.png);
}

.service-list a:nth-child(9) i {
  background-image: url(server_sj.png);
}

.service-list a:nth-child(10) i {
  background-image: url(server_dd.png);
}

/* #endregion */
/* #endregion */
/* #region 企业全生命周期服务 */
.lifecycle {
  width: 75rem;
  margin: 0 auto 2.25rem;
}

.lifecycle .common-title {
  text-align: center;
}

.lifecycle-server {
  width: 75rem;
  height: 6.75rem;
  margin-top: 0.625rem;
}

.lifecycle-list-wrap {
  width: 75rem;
  height: 6.75rem;
  position: relative;
}

.lifecycle-list-wrap .blue-line {
  position: absolute;
  top: 2.25rem;
  left: 2%;
  width: 96%;
  border-top: 0.125rem dashed var(--main-color);
}

.lifecycle-swiper {
  width: 75rem;
  height: 6.75rem;
}

.lifecycle-swiper .swiper-wrapper {
  position: absolute;
  z-index: -1;
}

.lifecycle-swiper a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lifecycle-swiper .swiper-pagination {
  display: flex;
  justify-content: space-between;
  width: 75rem;
}

.lifecycle-swiper .swiper-pagination a {
  width: 4.625rem;
}

.life-cycle-icon {
  display: block;
  width: 4.625rem;
  height: 4.625rem;
  position: relative;
  transition: all 0.3s ease;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3.875rem 3.875rem;
}

.lifecycle-list-wrap div[data-bg="sczr"] {
  background-image: url(icon_sczr.png);
}

.lifecycle-list-wrap div[data-bg="jycs"] {
  background-image: url(icon_jycs.png);
}

.lifecycle-list-wrap div[data-bg="szgy"] {
  background-image: url(icon_szgy.png);
}

.lifecycle-list-wrap div[data-bg="ldyg"] {
  background-image: url(icon_ldyg.png);
}

.lifecycle-list-wrap div[data-bg="jrfw"] {
  background-image: url(icon_jrfw.png);
}

.lifecycle-list-wrap div[data-bg="gjmy"] {
  background-image: url(icon_gjmy.png);
}

.lifecycle-list-wrap div[data-bg="nsfw"] {
  background-image: url(icon_nsfw.png);
}

.lifecycle-list-wrap div[data-bg="ssjf"] {
  background-image: url(icon_ssjf.png);
}

.lifecycle-list-wrap div[data-bg="gpjz"] {
  background-image: url(icon_gpjz.png);
}

.lifecycle-list-wrap div[data-bg="blpc"] {
  background-image: url(icon_blpc.png);
}

.life-cycle-title {
  display: block;
  margin-top: 0.75rem;
  font-size: 1rem;
  color: var(--font-color-black);
  line-height: 1.375rem;
}

.lifecycle-list-wrap a.active span {
  color: var(--main-color);
  font-size: 1.125rem;
}

.lifecycle-list-wrap a.active div {
  background-size: 4.625rem 4.625rem;
}

.lifecycle-list-wrap a.active div[data-bg="sczr"] {
  background-image: url(hover_sczr.png);
}

.lifecycle-list-wrap a.active div[data-bg="jycs"] {
  background-image: url(hover_jycs.png);
}

.lifecycle-list-wrap a.active div[data-bg="szgy"] {
  background-image: url(hover_szgy.png);
}

.lifecycle-list-wrap a.active div[data-bg="ldyg"] {
  background-image: url(hover_ldyg.png);
}

.lifecycle-list-wrap a.active div[data-bg="jrfw"] {
  background-image: url(hover_jrfw.png);
}

.lifecycle-list-wrap a.active div[data-bg="gjmy"] {
  background-image: url(hover_gjmy.png);
}

.lifecycle-list-wrap a.active div[data-bg="nsfw"] {
  background-image: url(hover_nsfw.png);
}

.lifecycle-list-wrap a.active div[data-bg="ssjf"] {
  background-image: url(hover_ssjf.png);
}

.lifecycle-list-wrap a.active div[data-bg="gpjz"] {
  background-image: url(hover_gpjz.png);
}

.lifecycle-list-wrap a.active div[data-bg="blpc"] {
  background-image: url(hover_blpc.png);
}

/* #endregion */