/* ==========================================================================
   快易播 - 公共样式 common.css
   包含各页面通用的基础重置与 flex 布局工具类
   （工具类含义：flex-col=纵向布局, flex-row=横向布局,
     justify-*=主轴对齐, align-*=交叉轴对齐）
   ========================================================================== */

html, body {
  margin: 0;
  padding: 0;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
}

input {
  background-color: transparent;
  border: 0;
}

button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

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

.align-start {
  display: flex;
  align-items: flex-start;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: flex-end;
}

/* ==========================================================================
   站点公共页脚（index / about 等页面共用同一板块，规则原自 index.css）
   ========================================================================== */
.box_36 { background-color: rgba(255, 255, 255, 1.0); width: 100%; height: 237px; margin: -1px 0px 0px 0px; }
.box_36 span { white-space: nowrap; }
/* 页脚内链接（网站首页/关于我们/服务协议）：统一深色，去下划线 */
.box_36 a { text-decoration: none; color: rgba(17, 17, 17, 1.0); transition: color .2s ease; }
/* 悬停：站点主紫高亮 */
.box_36 a:hover { color: rgba(86, 82, 255, 1.0); }
.section_28 { width: 1205px; height: 122px; margin: 28px 0 0 calc(50% - 599px); }
.box_47 { width: 226px; height: 122px; }
.section_29 { width: 225px; height: 30px; margin: 0px 0px 0px 1px; }
.image_19 { width: 109px; height: 30px; }
.block_20 { background-color: rgba(17, 17, 17, 1.0); width: 2px; height: 12px; margin: 9px 0 0 11px; }
.text_136 { width: 95px; height: 30px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 30px; margin: 0 0 0 8px; }
.image-text_61 { width: 200px; height: 19px; margin: 21px 0 0 3px; }
.thumbnail_12 { width: 19px; height: 19px; }
.text_130 { width: 170px; height: 19px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 24px; font-family: MiSans-Semibold; font-weight: 600; text-align: left; line-height: 19px; }
.text-wrapper_24 { height: 30px; background: url('../assets/slices/home/text-wrapper_24.png') 100% no-repeat; background-size: 100% 100%; width: 106px; margin: 22px 0px 0px 0px; justify-content: center; align-items: center; text-decoration: none; }
.text_134 { width: auto; height: auto; overflow-wrap: break-word; color: rgba(255, 255, 255, 1); font-size: 16px; font-family: MiSans-Normal; font-weight: normal; text-align: center; line-height: normal; margin: 0; }
/* 在线咨询胶囊：悬停抬升 + 提亮（transform/filter 不触发回流） */
.text-wrapper_24 { cursor: pointer; transition: transform .2s ease, filter .2s ease; }
.text-wrapper_24:hover { transform: translateY(-2px); filter: brightness(1.1); }
.text-wrapper_28 { width: 90px; height: 58px; margin: 37px 0 0 61px; }
.text_137 { width: 50px; height: 12px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 1px; }
.paragraph_5 { width: 90px; height: 33px; overflow-wrap: break-word; color: rgba(112, 112, 112, 1); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 13px 0px 0px 0px; }
.text-wrapper_29 { width: 187px; height: 56px; margin: 38px 0 0 32px; }
.text_138 { width: 51px; height: 11px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 1px; }
.paragraph_2 { width: 187px; height: 33px; overflow-wrap: break-word; color: rgba(112, 112, 112, 1); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 12px 0px 0px 0px; }
.paragraph_3 { width: 254px; height: 33px; overflow-wrap: break-word; color: rgba(112, 112, 112, 1); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 61px 0 0 21px; }
.text-wrapper_30 { width: 52px; height: 57px; margin: 37px 0 0 40px; }
.text_139 { width: 50px; height: 13px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; white-space: nowrap; line-height: 20px; margin: 0px 0px 0px 1px; }
.paragraph_6 { width: 52px; height: 33px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 13px; font-family: SourceHanSansCN-Normal; font-weight: normal; text-align: left; line-height: 20px; margin: 11px 0px 0px 0px; }
.box_48 { width: 82px; height: 102px; margin: 9px 0 0 63px; }
.image-wrapper_15 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; height: 82px; width: 82px; }
.image_17 { width: 75px; height: 74px; margin: 4px 0 0 4px; }
.text_131 { width: 50px; height: 12px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 13px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 8px 0 0 18px; }
.box_49 { width: 82px; height: 102px; margin: 9px 0 0 15px; }
.image-wrapper_16 { background-color: rgba(255, 255, 255, 1.0); border-radius: 10px; height: 82px; width: 82px; }
.image_18 { width: 75px; height: 74px; margin: 4px 0 0 3px; }
.text_132 { width: 49px; height: 12px; overflow-wrap: break-word; color: rgba(17, 17, 17, 1.0); font-size: 13px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 8px 0 0 21px; }
.section_30 { background-color: rgba(151, 151, 151, 0.3); width: 100%; height: 1px; margin: 36px 0px 0px 0px; }
.text_135 { width: 571px; height: 13px; overflow-wrap: break-word; color: rgba(85, 85, 85, 1); font-size: 12px; font-family: MiSans-Normal; font-weight: normal; text-align: left; line-height: 1.58928; margin: 18px 0 19px calc(50% - 286px); }
.text_135 a { color: inherit; }