@charset "UTF-8";
.cif-section {
  position: relative;
  width: 100%; }
  .cif-section__head {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 56px;
    font-size: 14px;
    border-bottom: 1px solid #ebeced; }
    .cif-section__head::after {
      content: "";
      display: block;
      width: 100%;
      height: 0;
      clear: both; }
    .cif-section__head.is-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      display: table-cell\9; }
      .cif-section__head.is-flex::after, .cif-section__head.is-flex::before {
        display: none; }
      .cif-section__head.is-flex .cif-navtab {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 56px; }
      .cif-section__head.is-flex .text {
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .cif-section__head .text {
      float: left;
      font-size: 16px;
      color: #333;
      font-weight: bold; }
    .cif-section__head .desc {
      float: left;
      margin-left: 17px;
      color: #999; }
    .cif-section__head .more {
      float: right;
      color: #999;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .cif-section__head .more .iconfont {
        font-size: 12px; }
    .cif-section__head .opt {
      float: right;
      font-size: 14px;
      color: #999;
      font-weight: normal; }
      .cif-section__head .opt .opt-item {
        position: relative;
        display: inline-block;
        margin-left: 16px;
        cursor: pointer; }
        .cif-section__head .opt .opt-item.is-active {
          font-weight: bold;
          color: #333; }
          .cif-section__head .opt .opt-item.is-active::after {
            content: "";
            position: absolute;
            bottom: 10px;
            left: 50%;
            margin-left: -15px;
            width: 30px;
            height: 2px;
            background: #3599e1; }
  .cif-section__cont {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%; }
    .cif-section__cont.is-padding {
      padding: 0 30px; }
  .cif-section--box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 1px 2px 12px -5px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 2px 12px -5px rgba(0, 0, 0, 0.1); }
  .cif-section--solid {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    border: 1px solid #eff1f3; }
  .cif-section--s {
    width: 190px; }
  .cif-section--b {
    width: 990px; }
    .cif-section--b .cif-section--b {
      width: 690px; }
    .cif-section--b .cif-section--s {
      width: 280px; }
  .cif-section.is-normal .cif-section--simple {
    width: 1200px; }
  .cif-section.is-normal .cif-section--b {
    width: 880px; }
  .cif-section.is-normal .cif-section--s {
    width: 300px; }
  .cif-section.is-informationFlow .cif-section__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 0;
    width: 100%; }
    .cif-section.is-informationFlow .cif-section__head .text {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-width: 100%; }
    .cif-section.is-informationFlow .cif-section__head .more {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .cif-section.is-informationFlow .cif-section__head .label {
      display: inline-block;
      font-weight: normal;
      height: 26px;
      line-height: 26px;
      -webkit-border-radius: 13px;
              border-radius: 13px;
      font-size: 12px;
      padding: 0 9px;
      color: #f60;
      background: #fff6f1;
      border: 1px solid #f9cab1;
      margin-left: 10px; }
      .cif-section.is-informationFlow .cif-section__head .label .iconfont {
        font-size: 12px; }
      .cif-section.is-informationFlow .cif-section__head .label:hover {
        background: #ff8739;
        color: #fff; }
    .cif-section.is-informationFlow .cif-section__head::after {
      display: none; }
  .cif-section.is-informationFlow .cif-section__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

body,
html,
form,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
img {
  margin: 0;
  padding: 0;
  border: 0;
  word-break: break-all;
  font-family: "Microsoft YaHei", 微软雅黑, 宋体, Arial, Tahoma, Helvetica, sans-serif; }

ul {
  list-style: none; }

a {
  text-decoration: none;
  color: inherit; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear::after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0; }

.clear {
  zoom: 1; }

.text-ellipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.is-pr {
  position: relative !important; }

.is-pa {
  position: absolute !important; }

.is-pf {
  position: fixed !important; }

.is-db {
  display: block !important; }

.is-di {
  display: inline !important; }

.is-dib {
  display: inline-block !important; }

.is-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.textl {
  text-align: left !important; }

.textr {
  text-align: right !important; }

.textc {
  text-align: center !important; }

.bdnone {
  border: none !important; }

.ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap; }

.ellipsis,
.ellipsis--1 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.ellipsis--2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.ellipsis--3 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.ellipsis--1 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.ellipsis--2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.ellipsis--3 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.ellipsis--4 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; }

.ellipsis--5 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; }

.ellipsis--6 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; }

.is-fwb {
  font-weight: bold; }

.is-fwn {
  font-weight: normal; }

.c1 {
  color: #ff6600; }

.bgc1 {
  background-color: #ff6600 !important; }

.c2 {
  color: #ff8739; }

.bgc2 {
  background-color: #ff8739 !important; }

.c3 {
  color: #333; }

.bgc3 {
  background-color: #333 !important; }

.c4 {
  color: #666; }

.bgc4 {
  background-color: #666 !important; }

.c5 {
  color: #999; }

.bgc5 {
  background-color: #999 !important; }

.c6 {
  color: #ccc; }

.bgc6 {
  background-color: #ccc !important; }

.c7 {
  color: #ebeced; }

.bgc7 {
  background-color: #ebeced !important; }

.c8 {
  color: #f2f4f6; }

.bgc8 {
  background-color: #f2f4f6 !important; }

.c9 {
  color: #fff; }

.bgc9 {
  background-color: #fff !important; }

.c10 {
  color: #fc583d; }

.bgc10 {
  background-color: #fc583d !important; }

.c11 {
  color: #ffecdd; }

.bgc11 {
  background-color: #ffecdd !important; }

.c12 {
  color: #ed6a07; }

.bgc12 {
  background-color: #ed6a07 !important; }

.c13 {
  color: #aaa; }

.bgc13 {
  background-color: #aaa !important; }

.c14 {
  color: #f2f2f2; }

.bgc14 {
  background-color: #f2f2f2 !important; }

.c15 {
  color: #55bc61; }

.bgc15 {
  background-color: #55bc61 !important; }

.bg-lucid {
  background-color: transparent !important; }

.pa-20 {
  padding: -20px !important; }

.pt-20 {
  padding-top: -20px !important; }

.pb-20 {
  padding-bottom: -20px !important; }

.mt-20 {
  margin-top: -20px !important; }

.mb-20 {
  margin-bottom: -20px !important; }

.mr-20 {
  margin-right: -20px !important; }

.ml-20 {
  margin-left: -20px !important; }

.pa-15 {
  padding: -15px !important; }

.pt-15 {
  padding-top: -15px !important; }

.pb-15 {
  padding-bottom: -15px !important; }

.mt-15 {
  margin-top: -15px !important; }

.mb-15 {
  margin-bottom: -15px !important; }

.mr-15 {
  margin-right: -15px !important; }

.ml-15 {
  margin-left: -15px !important; }

.pa-10 {
  padding: -10px !important; }

.pt-10 {
  padding-top: -10px !important; }

.pb-10 {
  padding-bottom: -10px !important; }

.mt-10 {
  margin-top: -10px !important; }

.mb-10 {
  margin-bottom: -10px !important; }

.mr-10 {
  margin-right: -10px !important; }

.ml-10 {
  margin-left: -10px !important; }

.pa-5 {
  padding: -5px !important; }

.pt-5 {
  padding-top: -5px !important; }

.pb-5 {
  padding-bottom: -5px !important; }

.mt-5 {
  margin-top: -5px !important; }

.mb-5 {
  margin-bottom: -5px !important; }

.mr-5 {
  margin-right: -5px !important; }

.ml-5 {
  margin-left: -5px !important; }

.pa0 {
  padding: 0px !important; }

.pt0 {
  padding-top: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.mt0 {
  margin-top: 0px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mr0 {
  margin-right: 0px !important; }

.ml0 {
  margin-left: 0px !important; }

.pa5 {
  padding: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.mt5 {
  margin-top: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.pa10 {
  padding: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.mt10 {
  margin-top: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.pa15 {
  padding: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.pa20 {
  padding: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.mt20 {
  margin-top: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.pa25 {
  padding: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.mt25 {
  margin-top: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.ml25 {
  margin-left: 25px !important; }

.pa30 {
  padding: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.mt30 {
  margin-top: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.pa35 {
  padding: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.mt35 {
  margin-top: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

.ml35 {
  margin-left: 35px !important; }

.pa40 {
  padding: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.pa45 {
  padding: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.mt45 {
  margin-top: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

.ml45 {
  margin-left: 45px !important; }

.pa50 {
  padding: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.pa55 {
  padding: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.mt55 {
  margin-top: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

.ml55 {
  margin-left: 55px !important; }

.pa60 {
  padding: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.mt60 {
  margin-top: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.pa70 {
  padding: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.mt70 {
  margin-top: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.pa75 {
  padding: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.mt75 {
  margin-top: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.pa90 {
  padding: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.mt90 {
  margin-top: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.pa100 {
  padding: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.ft0 {
  font-size: 0px !important; }

.ft12 {
  font-size: 12px !important; }

.ft14 {
  font-size: 14px !important; }

.ft15 {
  font-size: 15px !important; }

.ft16 {
  font-size: 16px !important; }

.ft18 {
  font-size: 18px !important; }

.ft20 {
  font-size: 20px !important; }

.ft24 {
  font-size: 24px !important; }

.ft26 {
  font-size: 26px !important; }

.ft28 {
  font-size: 28px !important; }

.ft30 {
  font-size: 30px !important; }

.ft40 {
  font-size: 40px !important; }

.none {
  display: none !important; }

.overhide {
  overflow: hidden; }

.hidebox {
  width: 100%;
  height: 0;
  overflow: hidden; }

.cs-forbid {
  cursor: not-allowed !important; }

.cs-pointer {
  cursor: pointer !important; }

.cs-default {
  cursor: default !important; }

.bginherit {
  background-color: inherit !important; }

.bg-type1 {
  background-color: #f2f4f6;
  overflow: hidden; }

.cif-container {
  position: relative;
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .cif-container::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both; }

.cif-btn {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 98px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  background-color: #ff6600;
  border: 1px solid #ff6600; }
  .cif-btn .cif-btn__icon {
    font-size: 12px; }
  .cif-btn .sd-btn__icon {
    font-size: 14px; }
  .cif-btn.is-round {
    -webkit-border-radius: 15px;
            border-radius: 15px; }
  .cif-btn.is-plain {
    color: #ff6600;
    background-color: transparent;
    border: 1px solid #ff6600; }
  .cif-btn:hover, .cif-btn:focus, .cif-btn:active, .cif-btn.is-plain:hover, .cif-btn.is-plain:focus, .cif-btn.is-plain:active {
    color: #fff;
    background-color: #ff8739;
    border: 1px solid #ff8739; }
  .cif-btn__text {
    display: inline-block; }
  .cif-btn__icon {
    display: inline-block; }
    .cif-btn__icon + .cif-btn__text {
      margin-left: 5px; }
  .cif-btn--normal {
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    -webkit-border-radius: 4px;
            border-radius: 4px; }
    .cif-btn--normal .cif-btn__icon {
      font-size: 14px; }
    .cif-btn--normal .sd-btn__icon {
      font-size: 16px; }
    .cif-btn--normal.is-round {
      -webkit-border-radius: 19px;
              border-radius: 19px; }
  .cif-btn--mini {
    width: 74px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    -webkit-border-radius: 4px;
            border-radius: 4px; }
    .cif-btn--mini .cif-btn__icon {
      font-size: 12px; }
    .cif-btn--mini .sd-btn__icon {
      font-size: 14px; }
    .cif-btn--mini.is-round {
      -webkit-border-radius: 15px;
              border-radius: 15px; }
  .cif-btn--text {
    color: #999;
    background-color: transparent;
    border: 1px solid transparent; }
    .cif-btn--text.is-plain {
      color: #999;
      background-color: transparent;
      border: 1px solid transparent; }
    .cif-btn--text:hover, .cif-btn--text:focus, .cif-btn--text:active, .cif-btn--text.is-plain:hover, .cif-btn--text.is-plain:focus, .cif-btn--text.is-plain:active {
      color: #999;
      background-color: transparent;
      border: 1px solid transparent; }
  .cif-btn--info {
    color: #999;
    background-color: #f2f4f6;
    border: 1px solid #f2f4f6; }
    .cif-btn--info.is-plain {
      color: #666;
      background-color: transparent;
      border: 1px solid #ebeced; }
    .cif-btn--info:hover, .cif-btn--info:focus, .cif-btn--info:active, .cif-btn--info.is-plain:hover, .cif-btn--info.is-plain:focus, .cif-btn--info.is-plain:active {
      color: #999;
      background-color: #ebeced;
      border: 1px solid #ebeced; }
  .cif-btn.is-round {
    -webkit-border-radius: 15px;
            border-radius: 15px; }
  .cif-btn.is-auto {
    width: auto;
    padding: 0 15px; }
  .cif-btn.is-forbid {
    cursor: not-allowed;
    color: #999;
    border: 1px solid #eaeaea;
    background: #eaeaea; }
    .cif-btn.is-forbid:hover {
      cursor: not-allowed;
      color: #999;
      border: 1px solid #eaeaea;
      background: #eaeaea; }
  .cif-btn.is-type1 {
    background-color: white;
    border: 1px solid #ff6600;
    color: #ff6600; }
    .cif-btn.is-type1:hover {
      background-color: #ff6600;
      border: 1px solid #ff6600;
      color: white; }

.cif-flexbox__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  margin-right: 42px;
  position: relative; }
  .cif-flexbox__wrap:nth-child(3n) {
    margin-right: 0; }

.cif-flexbox__imgbox {
  width: 120px;
  height: 68px;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden; }
  .cif-flexbox__imgbox img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    height: 100%; }
  .cif-flexbox__imgbox .tag {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 1px;
            border-radius: 1px;
    color: white;
    text-align: center;
    font-size: 12px; }
    .cif-flexbox__imgbox .tag.is-type1 {
      background: #fe6d00; }
    .cif-flexbox__imgbox .tag.is-type2 {
      background: #55bc61; }
    .cif-flexbox__imgbox .tag.is-type3 {
      background: #50a7e5; }
  .cif-flexbox__imgbox .video-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2); }
    .cif-flexbox__imgbox .video-mask:hover {
      background: transparent; }
    .cif-flexbox__imgbox .video-mask::before {
      content: "";
      width: 26px;
      height: 26px;
      display: block;
      position: absolute;
      background: url(https://img.cifnews.com/dev/20210121/1c7e26b5aa9d44cbaacd3724892b8e2e.png) center no-repeat;
      -webkit-background-size: 100% 100%;
      background-size: 100%;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-border-radius: 50%;
              border-radius: 50%;
      z-index: 2; }
  .cif-flexbox__imgbox .video-time {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    position: absolute;
    right: 6px;
    bottom: 4px; }
  .cif-flexbox__imgbox:hover img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }

.cif-flexbox__info {
  width: 245px;
  height: 68px; }
  .cif-flexbox__info .title {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #666666; }
    .cif-flexbox__info .title:hover {
      color: #ff6600; }
  .cif-flexbox__info .desc {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 20px; }
  .cif-flexbox__info .star-info {
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: #888888; }
    .cif-flexbox__info .star-info .star-count img {
      width: 11px;
      height: 11px; }
    .cif-flexbox__info .star-info .star-people {
      font-size: 12px;
      font-family: Arial;
      font-weight: 400;
      color: #888888;
      margin-left: 6px; }
  .cif-flexbox__info .price {
    font-size: 14px;
    font-weight: bold;
    color: #fc583d;
    margin-bottom: -4px; }
    .cif-flexbox__info .price del {
      font-size: 12px;
      color: #aaaaaa;
      font-weight: 500;
      margin-left: 4px; }

.cif-tags__imgtag {
  width: auto;
  min-width: 60px;
  height: 26px;
  line-height: 26px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 6px;
  right: 6px;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px; }
  .cif-tags__imgtag.is-type1 {
    background: #55bc61; }
  .cif-tags__imgtag.is-type2 {
    background: #B2B2B2; }
  .cif-tags__imgtag.is-type3 {
    background: #55bc61; }

body {
  background: #f2f4f6;
  font-family: Microsoft YaHei; }

.cif-container-detail {
  width: 1200px; }

.cif-sidebar {
  margin-top: 80px; }

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  background: #f2f5fa; }

img {
  vertical-align: bottom;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */ }

.none {
  display: none !important; }

.cif-ai {
  padding-top: 30px !important; }

.head_bg {
  position: absolute;
  top: 66px;
  width: 100%;
  height: 300px;
  background: url("https://img.cifnews.com/dev/20250911/f8485e8a92f74666bf39b9e901c9b1a9.png") no-repeat;
  -webkit-background-size: contain;
          background-size: contain; }

.default-btn {
  padding: 6px 13px;
  background: #2950ff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer; }
  .default-btn:hover {
    background: #6a85ff; }

.review-btn {
  padding: 6px 13px;
  background: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #2950ff;
  border: 1px solid #2950ff; }

.review-btn:hover {
  background: #2950ff;
  color: #ffffff; }

.end-btn {
  padding: 6px 13px;
  background: #b2b2b2;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #fff; }

.cif-content {
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px auto 0;
  gap: 20px; }
  .cif-content__left {
    width: 880px; }
  .cif-content__right {
    width: 300px;
    /* AI工具容器 - Block */
    /* 工具标题 - Element */
    /* 工具项 - Element */
    /* 工具项hover状态 - Modifier */
    /* 工具图标 - Element */
    /* 工具名称 - Element */ }
    .cif-content__right .ai-tools {
      width: 300px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #fff;
      border: 1px solid #eee;
      -webkit-border-radius: 3px;
              border-radius: 3px;
      font-family: 'Microsoft Yahei', sans-serif; }
    .cif-content__right .ai-tools__title {
      font-size: 16px;
      font-weight: bold;
      color: #333;
      border-bottom: 1px solid #f0f0f0;
      background: url("https://img.cifnews.com/dev/20250912/8cf830b734d041408fe948805d123014.png") no-repeat;
      -webkit-background-size: contain;
              background-size: contain; }
    .cif-content__right .ai-tools__cont {
      padding: 20px;
      padding-bottom: 12px; }
    .cif-content__right .ai-tools__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px;
      margin-bottom: 8px;
      background-color: #f2f5fa;
      -webkit-border-radius: 6px;
              border-radius: 6px;
      -webkit-transition: background-color 0.2s ease;
      -o-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
      cursor: pointer; }
    .cif-content__right .ai-tools__item--hover:hover .ai-tools__name {
      color: #2950ff; }
    .cif-content__right .ai-tools__icon {
      width: 30px;
      height: 30px;
      -webkit-border-radius: 50%;
              border-radius: 50%;
      margin-right: 10px;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-color: #eee; }
    .cif-content__right .ai-tools__name {
      font-size: 14px;
      color: #666;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }

.cif-breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.5);
  padding: 6px 16px 5px 16px;
  -webkit-border-radius: 9999px;
          border-radius: 9999px;
  height: 30px;
  line-height: 30px; }
  .cif-breadcrumb__item {
    font-size: 14px;
    color: #555;
    position: relative;
    margin-right: 20px;
    cursor: pointer; }
    .cif-breadcrumb__item::after {
      content: '>';
      position: absolute;
      right: -15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #555;
      cursor: default;
      pointer-events: none; }
    .cif-breadcrumb__item:last-child {
      margin-right: 0; }
      .cif-breadcrumb__item:last-child::after {
        content: none; }
    .cif-breadcrumb__item:not(.cur-item):hover {
      color: #2950ff; }
    .cif-breadcrumb__item.cur-item {
      cursor: default; }

.cif-guide {
  margin: 20px auto;
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .cif-guide.is-subscribe .cif-guide__left--container {
    min-height: auto; }
  .cif-guide__left {
    width: 880px;
    margin-right: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative; }
    .cif-guide__left--child {
      background: #fff; }
      .cif-guide__left--child::before {
        content: '';
        display: table; }
    .cif-guide__left--container {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative;
      min-height: 300px; }
      .cif-guide__left--container .cif-section .cif-section__head .text {
        font-size: 20px; }
    .cif-guide__left--comment {
      margin-top: 30px;
      padding: 0px 30px 30px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #fff; }
      .cif-guide__left--comment .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .cif-guide__left--comment .title .icon {
          width: 8px;
          height: 18px;
          -webkit-border-radius: 3px;
                  border-radius: 3px;
          background: url(https://img.cifnews.com/dev/20230607/b0dba5b7197e4e6dab57d04bb96ec09f.png) no-repeat;
          -webkit-background-size: 100% 100%;
                  background-size: 100% 100%;
          margin-right: 17px; }
        .cif-guide__left--comment .title .text {
          font-size: 16px;
          color: #333;
          font-weight: normal;
          font-family: Source Han Sans CN, Source Han Sans CN; }
      .cif-guide__left--comment .info {
        padding: 20px 0 15px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 30px; }
        .cif-guide__left--comment .info .info-left {
          font-size: 16px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #333; }
          .cif-guide__left--comment .info .info-left .number {
            color: #999999;
            margin-left: 3px; }
        .cif-guide__left--comment .info .info-right .text {
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #fe6d00; }
      .cif-guide__left--comment .info-item-name {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #666666;
        margin-right: 2px; }
      .cif-guide__left--comment .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 20px;
        padding-left: 0;
        border-bottom: 1px solid #e8e8e8; }
      .cif-guide__left--comment .head-btn {
        width: 71px;
        height: 30px;
        background: #2950ff;
        -webkit-border-radius: 3px 3px 3px 3px;
                border-radius: 3px 3px 3px 3px;
        font-size: 14px;
        font-weight: normal;
        color: #ffffff;
        line-height: 30px;
        text-align: center;
        margin-left: auto;
        cursor: pointer; }
        .cif-guide__left--comment .head-btn:hover {
          opacity: 0.9; }
      .cif-guide__left--comment .evaluate-container {
        margin-top: 30px; }
        .cif-guide__left--comment .evaluate-container .item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-bottom: 1px solid #e8e8e8;
          padding-bottom: 20px; }
          .cif-guide__left--comment .evaluate-container .item:not(:first-child) {
            margin-top: 20px; }
          .cif-guide__left--comment .evaluate-container .item .item-img {
            width: 40px;
            height: 40px;
            background: url("https://img.cifnews.com/dev/20250916/69ef2841dc304eb8a83cdb65f271c722.png") no-repeat;
            border: 1px solid #e8e8e8;
            -webkit-border-radius: 50%;
                    border-radius: 50%; }
          .cif-guide__left--comment .evaluate-container .item .item-info {
            margin-left: 14px;
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1; }
            .cif-guide__left--comment .evaluate-container .item .item-info .item-info__head {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              cursor: pointer; }
              .cif-guide__left--comment .evaluate-container .item .item-info .item-info__head .head-title {
                font-size: 14px;
                font-weight: 500;
                color: #333333; }
              .cif-guide__left--comment .evaluate-container .item .item-info .item-info__head .head-tag {
                width: 72px;
                height: 20px;
                background: #fff1e5;
                -webkit-border-radius: 10px;
                        border-radius: 10px;
                margin-left: 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center; }
                .cif-guide__left--comment .evaluate-container .item .item-info .item-info__head .head-tag .head-tag__icon {
                  width: 15px;
                  height: 15px;
                  background-image: url(https://img.cifnews.com/dev/20221222/9937430ee1ee4d0b9eb92f26cd2ea2f6.png);
                  -webkit-background-size: 100% 100%;
                          background-size: 100% 100%;
                  background-repeat: no-repeat; }
                .cif-guide__left--comment .evaluate-container .item .item-info .item-info__head .head-tag .head-tag__span {
                  font-size: 12px;
                  font-weight: 500;
                  color: #fe6d00;
                  margin-left: 3px; }
          .cif-guide__left--comment .evaluate-container .item .item-info__date {
            font-size: 14px;
            font-weight: 500;
            color: #999999;
            margin-top: 4px; }
          .cif-guide__left--comment .evaluate-container .item .item-info__score {
            margin-top: 6px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
            .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-icon {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 auto;
                      flex: 0 0 auto;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-icon .icon {
                color: #d7dbde;
                margin-right: 5px;
                cursor: pointer; }
                .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-icon .icon.selected {
                  color: #ff6600; }
                .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-icon .icon.hover {
                  color: #ff6600; }
                .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-icon .icon:last-child {
                  margin-right: 20px; }
              .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-icon .active {
                color: #ff6600; }
            .cif-guide__left--comment .evaluate-container .item .item-info__score > .info-item-info {
              -webkit-box-flex: 1;
                  -ms-flex: 1 1 auto;
                      flex: 1 1 auto;
              margin-left: 5px;
              font-size: 14px;
              font-family: MicrosoftYaHei;
              font-weight: normal;
              color: #ff6600; }
          .cif-guide__left--comment .evaluate-container .item .item-info__main {
            margin-top: 20px;
            color: #666666;
            font-weight: 400;
            font-size: 14px; }
            .cif-guide__left--comment .evaluate-container .item .item-info__main .main-text:not(:first-child) {
              border-top: 1px dashed #ccc;
              padding-top: 16px;
              margin-top: 16px; }
            .cif-guide__left--comment .evaluate-container .item .item-info__main .more-wrap {
              display: inline-block; }
            .cif-guide__left--comment .evaluate-container .item .item-info__main .more {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              cursor: pointer; }
              .cif-guide__left--comment .evaluate-container .item .item-info__main .more .more-span {
                font-size: 14px;
                font-weight: 500;
                color: #ff6600; }
              .cif-guide__left--comment .evaluate-container .item .item-info__main .more .more-icon {
                width: 13px;
                height: 7px;
                background-repeat: no-repeat;
                -webkit-background-size: 100% 100%;
                        background-size: 100% 100%;
                margin-left: 10px; }
              .cif-guide__left--comment .evaluate-container .item .item-info__main .more.more-unflod .more-icon {
                background-image: url(https://img.cifnews.com/dev/20221222/facf4f74674f49a498988df1388d2c57.png); }
              .cif-guide__left--comment .evaluate-container .item .item-info__main .more.more-packup .more-icon {
                background-image: url(https://img.cifnews.com/dev/20221222/cd134cef77be43d1917b85578e5d3ee2.png); }
        .cif-guide__left--comment .evaluate-container .cont-empty {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background: #fff; }
          .cif-guide__left--comment .evaluate-container .cont-empty .empty-icon {
            width: 106px;
            height: 129px;
            background-image: url(https://img.cifnews.com/dev/20221223/ef797df1f93c4ab2968f37496270b072.png);
            -webkit-background-size: 100% 100%;
                    background-size: 100% 100%;
            background-repeat: no-repeat; }
          .cif-guide__left--comment .evaluate-container .cont-empty .empty-tips {
            font-size: 14px;
            font-weight: 400;
            color: #999999;
            margin-top: 9px; }
  .cif-guide__right {
    width: 300px; }
    .cif-guide__right--banner {
      margin-bottom: 20px; }
    .cif-guide__right--adviser {
      width: 100%;
      height: 140px;
      background: -webkit-gradient(linear, left top, left bottom, from(#f7fde6), color-stop(50%, #ffffff));
      background: -webkit-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: -o-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: linear-gradient(180deg, #f7fde6 0%, #ffffff 50%);
      -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.03);
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      border: 1px solid #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-bottom: 20px; }
      .cif-guide__right--adviser .left {
        width: 80px;
        height: 80px;
        margin-right: 20px;
        margin-left: 30px; }
        .cif-guide__right--adviser .left img {
          width: 100%;
          height: 100%;
          -webkit-border-radius: 50%;
                  border-radius: 50%; }
      .cif-guide__right--adviser .right .right-title {
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: bold;
        color: #333333; }
      .cif-guide__right--adviser .right .right-info {
        font-size: 12px;
        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        margin-top: 3px; }
      .cif-guide__right--adviser .right .right-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 98px;
        height: 32px;
        background: #ffffff;
        -webkit-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
        border: 1px solid #2c50fa;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #2c50fa;
        text-align: center;
        line-height: 32px;
        margin-top: 14px;
        cursor: pointer; }
        .cif-guide__right--adviser .right .right-btn i {
          width: 21px;
          height: 19px;
          background: url(https://img.cifnews.com/dev/20220621/f8792193d2f949d7a390d6b3773d177f.png) no-repeat;
          -webkit-background-size: 100% 100%;
                  background-size: 100% 100%;
          margin-right: 3px; }
        .cif-guide__right--adviser .right .right-btn:hover {
          color: #5673fb;
          border: 1px solid #5673fb; }
    .cif-guide__right--evaluate.is-type1 {
      width: 300px;
      background: -webkit-gradient(linear, left top, left bottom, from(#f7fde6), color-stop(50%, #ffffff));
      background: -webkit-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: -o-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: linear-gradient(180deg, #f7fde6 0%, #ffffff 50%);
      -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.03);
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      margin-bottom: 20px;
      padding-bottom: 30px; }
      .cif-guide__right--evaluate.is-type1 .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 300px;
        height: 52px;
        border-bottom: 1px solid #ebeced;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 20px; }
        .cif-guide__right--evaluate.is-type1 .head .head-title {
          font-size: 16px;
          font-family: MicrosoftYaHei;
          font-weight: bold;
          color: #333333; }
        .cif-guide__right--evaluate.is-type1 .head .head-btn {
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #999;
          cursor: pointer; }
          .cif-guide__right--evaluate.is-type1 .head .head-btn:hover {
            color: #2c50fa; }
      .cif-guide__right--evaluate.is-type1 .body {
        padding: 24px 20px 30px 20px; }
        .cif-guide__right--evaluate.is-type1 .body .body-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          margin-bottom: 14px; }
          .cif-guide__right--evaluate.is-type1 .body .body-item:last-child {
            margin-bottom: 0; }
          .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-name {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            font-size: 16px;
            font-family: MicrosoftYaHei;
            font-weight: normal;
            color: #666666;
            margin-right: 2px; }
          .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-icon {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-icon .icon {
              color: #d7dbde;
              margin-right: 5px;
              cursor: pointer; }
              .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-icon .icon:last-child {
                margin-right: 0; }
              .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-icon .icon.selected {
                color: #2c50fa; }
              .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-icon .icon.hover {
                color: #2c50fa; }
          .cif-guide__right--evaluate.is-type1 .body .body-item .body-item-info {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            font-size: 14px;
            font-family: MicrosoftYaHei;
            font-weight: normal;
            color: #999999;
            text-align: right; }
      .cif-guide__right--evaluate.is-type1 .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .cif-guide__right--evaluate.is-type1 .footer .footer-btn {
          cursor: pointer;
          width: 80px;
          height: 32px;
          background: #2c50fa;
          -webkit-border-radius: 3px 3px 3px 3px;
                  border-radius: 3px 3px 3px 3px;
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #ffffff;
          text-align: center;
          line-height: 32px; }
          .cif-guide__right--evaluate.is-type1 .footer .footer-btn:hover {
            background: #5673fb; }
    .cif-guide__right--evaluate.is-type2 {
      width: 100%;
      height: 80px;
      background: -webkit-gradient(linear, left top, left bottom, from(#f7fde6), color-stop(50%, #ffffff));
      background: -webkit-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: -o-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: linear-gradient(180deg, #f7fde6 0%, #ffffff 50%);
      -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.03);
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer; }
      .cif-guide__right--evaluate.is-type2:hover .info .info-title {
        color: #2c50fa; }
      .cif-guide__right--evaluate.is-type2:hover .icon {
        color: #2c50fa; }
      .cif-guide__right--evaluate.is-type2 .sign {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 40px;
        height: 40px;
        background: url(https://img.cifnews.com/dev/20220421/06cdbbb88657435195e6a04720f3c6fd.png) no-repeat;
        -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
        margin-right: 14px; }
      .cif-guide__right--evaluate.is-type2 .info {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
        .cif-guide__right--evaluate.is-type2 .info .info-title {
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: bold;
          color: #333333; }
        .cif-guide__right--evaluate.is-type2 .info .info-subtitle {
          font-size: 12px;
          font-family: Microsoft YaHei-Regular, Microsoft YaHei;
          font-weight: 400;
          color: #999999;
          margin-top: 3px; }
      .cif-guide__right--evaluate.is-type2 .icon {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        color: #999999;
        text-align: right; }
    .cif-guide__right--idea {
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 152px;
      background: -webkit-gradient(linear, left top, left bottom, from(#f7fde6), color-stop(50%, #ffffff));
      background: -webkit-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: -o-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: linear-gradient(180deg, #f7fde6 0%, #ffffff 50%);
      -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.03);
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      margin-bottom: 20px; }
      .cif-guide__right--idea .title {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: bold;
        color: #333333; }
      .cif-guide__right--idea .info {
        font-size: 12px;
        font-family: Microsoft YaHei-Regular, Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        margin-top: 8px; }
      .cif-guide__right--idea .input {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .cif-guide__right--idea .input input {
          width: 200px;
          height: 40px;
          -webkit-border-radius: 3px 0px 0px 3px;
                  border-radius: 3px 0px 0px 3px;
          border: 1px solid #e8e8e8;
          padding: 10px 14px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          outline: none;
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #333333; }
          .cif-guide__right--idea .input input:focus {
            border: 1px solid #2c50fa; }
        .cif-guide__right--idea .input .btn {
          width: 60px;
          height: 40px;
          background: #2c50fa;
          -webkit-border-radius: 0px 3px 3px 0px;
                  border-radius: 0px 3px 3px 0px;
          text-align: center;
          color: #ffffff;
          line-height: 38px;
          cursor: pointer; }
          .cif-guide__right--idea .input .btn:hover {
            background: #5673fb; }
    .cif-guide__right--contact .type1 {
      width: 100%;
      height: 80px;
      background: -webkit-gradient(linear, left top, left bottom, from(#f7fde6), color-stop(50%, #ffffff));
      background: -webkit-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: -o-linear-gradient(top, #f7fde6 0%, #ffffff 50%);
      background: linear-gradient(180deg, #f7fde6 0%, #ffffff 50%);
      -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.03);
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer; }
      .cif-guide__right--contact .type1:hover .info .info-title {
        color: #2c50fa; }
      .cif-guide__right--contact .type1:hover .icon {
        color: #2c50fa; }
      .cif-guide__right--contact .type1 .sign {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 40px;
        height: 40px;
        background: url(https://img.cifnews.com/dev/20220421/543187f5de634da0b0881edc82b3bca5.png) no-repeat;
        -webkit-background-size: 100% 100%;
                background-size: 100% 100%;
        margin-right: 14px; }
      .cif-guide__right--contact .type1 .info {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
        .cif-guide__right--contact .type1 .info .info-title {
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: bold;
          color: #333333; }
        .cif-guide__right--contact .type1 .info .info-subtitle {
          font-size: 12px;
          font-family: Microsoft YaHei-Regular, Microsoft YaHei;
          font-weight: 400;
          color: #999999;
          margin-top: 3px; }
      .cif-guide__right--contact .type1 .icon {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        color: #999999;
        text-align: right; }
    .cif-guide__right--contact .type2 {
      display: none;
      width: 100%;
      padding: 17px 20px 20px 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 397px;
      background: #ffffff;
      -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.03);
              box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.03);
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px; }
      .cif-guide__right--contact .type2 .head {
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: bold;
        color: #333333; }
      .cif-guide__right--contact .type2 .body {
        margin-top: 18px;
        width: 260px;
        height: 320px; }
        .cif-guide__right--contact .type2 .body img {
          width: 100%;
          height: 100%; }
    .cif-guide__right--hot {
      background: #fff;
      margin-bottom: 20px; }
      .cif-guide__right--hot .head {
        height: 60px;
        border-bottom: 1px solid #ebeced;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 20px; }
        .cif-guide__right--hot .head .left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .cif-guide__right--hot .head .left .left-icon {
            width: 22px;
            height: 25px;
            background: url(https://img.cifnews.com/dev/20220613/868ae39cf5f84922bfafbc9784cfc0ca.png) no-repeat;
            -webkit-background-size: 100% 100%;
                    background-size: 100% 100%;
            margin-right: 9px; }
          .cif-guide__right--hot .head .left .left-text {
            font-size: 16px;
            font-family: MicrosoftYaHei;
            font-weight: bold;
            color: #333333; }
        .cif-guide__right--hot .head .right {
          font-size: 12px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #999999;
          cursor: pointer; }
          .cif-guide__right--hot .head .right:hover {
            color: #2c50fa; }
      .cif-guide__right--hot .body {
        padding: 20px; }
        .cif-guide__right--hot .body .body-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-bottom: 20px;
          cursor: pointer; }
          .cif-guide__right--hot .body .body-item:hover .body-item-left {
            -webkit-transform: scale(1.1);
                -ms-transform: scale(1.1);
                    transform: scale(1.1); }
          .cif-guide__right--hot .body .body-item:hover .body-item-right .title {
            color: #2c50fa; }
          .cif-guide__right--hot .body .body-item:last-child {
            margin-bottom: 0; }
          .cif-guide__right--hot .body .body-item .body-item-left {
            width: 106px;
            height: 60px;
            -webkit-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transition: all 0.3s linear; }
          .cif-guide__right--hot .body .body-item .body-item-right {
            margin-left: 14px; }
            .cif-guide__right--hot .body .body-item .body-item-right .title {
              font-size: 14px;
              font-family: MicrosoftYaHei;
              font-weight: bold;
              color: #333333;
              display: -webkit-box;
              overflow: hidden;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1; }
            .cif-guide__right--hot .body .body-item .body-item-right .number {
              margin-top: 20px;
              font-size: 12px;
              font-family: Microsoft YaHei-Regular, Microsoft YaHei;
              font-weight: 400;
              color: #999999; }
      .cif-guide__right--hot .foot {
        width: 260px;
        height: 37px;
        background: #f7f7f7;
        -webkit-border-radius: 2px 2px 2px 2px;
                border-radius: 2px 2px 2px 2px;
        margin: 0 auto;
        line-height: 37px;
        text-align: center;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #999999;
        cursor: pointer; }
    .cif-guide__right--intelligence {
      background: #fff;
      margin-bottom: 20px; }
      .cif-guide__right--intelligence .head {
        height: 60px;
        border-bottom: 1px solid #ebeced;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 20px; }
        .cif-guide__right--intelligence .head .left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .cif-guide__right--intelligence .head .left .left-icon {
            width: 34px;
            height: 34px;
            background: url(https://img.cifnews.com/dev/20250120/78c1205584334e059e0c5c8f2badec9f.png) no-repeat;
            -webkit-background-size: 100% 100%;
                    background-size: 100% 100%;
            margin-right: 9px; }
          .cif-guide__right--intelligence .head .left .left-text {
            font-size: 16px;
            font-family: MicrosoftYaHei;
            font-weight: bold;
            color: #333333; }
        .cif-guide__right--intelligence .head .right {
          font-size: 12px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #999999;
          cursor: pointer; }
          .cif-guide__right--intelligence .head .right:hover {
            color: #2c50fa; }
      .cif-guide__right--intelligence .body {
        padding: 20px; }
        .cif-guide__right--intelligence .body .intelligence-item {
          display: block;
          cursor: pointer; }
          .cif-guide__right--intelligence .body .intelligence-item:hover .intelligence-item__title .title {
            color: #2c50fa !important; }
          .cif-guide__right--intelligence .body .intelligence-item:not(:first-child) {
            margin-top: 24px; }
          .cif-guide__right--intelligence .body .intelligence-item .intelligence-item__title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .cif-guide__right--intelligence .body .intelligence-item .intelligence-item__title .title {
              font-weight: 600;
              font-size: 16px;
              color: #333333;
              overflow: hidden;
              -o-text-overflow: ellipsis;
                 text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1; }
            .cif-guide__right--intelligence .body .intelligence-item .intelligence-item__title .icon {
              display: inline-block;
              width: 50px;
              height: 20px;
              -webkit-box-flex: 0;
                  -ms-flex: 0;
                      flex: 0; }
            .cif-guide__right--intelligence .body .intelligence-item .intelligence-item__title::before {
              display: inline-block;
              content: '';
              width: 8px;
              height: 18px;
              background-image: url(https://img.cifnews.com/dev/20230607/b0dba5b7197e4e6dab57d04bb96ec09f.png);
              background-repeat: no-repeat;
              -webkit-background-size: 100% 100%;
                      background-size: 100% 100%;
              margin-right: 10px; }
          .cif-guide__right--intelligence .body .intelligence-item .intelligence-item__desc {
            margin-top: 6px;
            font-size: 14px;
            color: #666666;
            line-height: 22px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; }
          .cif-guide__right--intelligence .body .intelligence-item .intelligence-item__date {
            margin-top: 12px;
            font-size: 12px;
            color: #999999; }

.cif-module {
  margin-bottom: 34px;
  width: 100%; }
  .cif-module__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow: hidden;
    margin-bottom: 20px; }
    .cif-module__head .title {
      font-family: Microsoft YaHei, Microsoft YaHei;
      font-weight: bold;
      font-size: 18px;
      color: #333333;
      height: 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .cif-module__head img {
      width: 140px;
      height: 28px;
      background: transparent; }
    .cif-module__head .subtitle {
      font-size: 14px;
      color: #333;
      line-height: 28px;
      text-align: center;
      margin-left: 10px; }
  .cif-module__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .cif-module__cont .tool-box {
      width: 280px;
      padding: 20px 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: #ffffff;
      -webkit-border-radius: 8px;
              border-radius: 8px;
      -webkit-transition: 0.25s;
      -o-transition: 0.25s;
      transition: 0.25s;
      cursor: pointer; }
      .cif-module__cont .tool-box .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .cif-module__cont .tool-box .top .img-box {
          width: 40px;
          height: 40px;
          background: #f7f7f7;
          -webkit-border-radius: 20px;
                  border-radius: 20px; }
          .cif-module__cont .tool-box .top .img-box img {
            width: 100%;
            height: 100%;
            -webkit-border-radius: 50%;
                    border-radius: 50%; }
        .cif-module__cont .tool-box .top .right {
          margin-left: 10px; }
          .cif-module__cont .tool-box .top .right .title {
            width: 194px;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap; }
        .cif-module__cont .tool-box .top .item-info__score {
          margin-top: 8px;
          height: 12px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .cif-module__cont .tool-box .top .item-info__score > .info-item-icon {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            .cif-module__cont .tool-box .top .item-info__score > .info-item-icon .icon {
              color: #d7dbde;
              margin-right: 5px;
              cursor: pointer; }
              .cif-module__cont .tool-box .top .item-info__score > .info-item-icon .icon.selected {
                color: #ff6600; }
              .cif-module__cont .tool-box .top .item-info__score > .info-item-icon .icon.hover {
                color: #ff6600; }
              .cif-module__cont .tool-box .top .item-info__score > .info-item-icon .icon:last-child {
                margin-right: 20px; }
            .cif-module__cont .tool-box .top .item-info__score > .info-item-icon .active {
              color: #ff6600; }
          .cif-module__cont .tool-box .top .item-info__score > .info-item-info {
            -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                    flex: 1 1 auto;
            margin-left: 5px;
            font-size: 14px;
            font-family: MicrosoftYaHei;
            font-weight: normal;
            color: #ff6600; }
      .cif-module__cont .tool-box .desc {
        font-size: 12px;
        color: #999;
        width: 100%;
        height: 34px;
        line-height: 17px;
        margin-top: 15px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        /* 设置盒子内子元素的排列方式 */
        -webkit-line-clamp: 2;
        /* 显示的最大行数 */
        overflow: hidden;
        /* 超出部分隐藏 */
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        /* 省略号样式 */ }
      .cif-module__cont .tool-box .desc-row1 {
        font-size: 12px;
        color: #999;
        width: 100%;
        height: 34px;
        line-height: 18px;
        margin-top: 15px; }
        .cif-module__cont .tool-box .desc-row1 .text {
          width: 100%;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap; }
        .cif-module__cont .tool-box .desc-row1 .try-btn {
          font-weight: 400;
          font-size: 12px;
          color: #2950ff;
          cursor: pointer; }
          .cif-module__cont .tool-box .desc-row1 .try-btn:hover {
            color: #6a85ff; }
    .cif-module__cont .tool-box:hover {
      -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.08);
      -webkit-transform: translateY(-4px);
          -ms-transform: translateY(-4px);
              transform: translateY(-4px);
      color: #2950ff; }
  .cif-module .top-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px;
    padding: 30px;
    padding-right: 20px;
    background: #fff;
    font-family: Microsoft YaHei; }
    .cif-module .top-card .left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .cif-module .top-card .left .img-box {
        width: 120px;
        height: 120px;
        min-width: 120px;
        margin-right: 30px; }
        .cif-module .top-card .left .img-box img {
          width: 100%;
          height: 100%;
          -webkit-border-radius: 30px;
                  border-radius: 30px; }
      .cif-module .top-card .left .info-box .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /* 或者如果新图标是另一个i标签类名，可使用这种方式 */
        /* 气泡样式 */
        /* 气泡的小三角箭头 */
        /* 鼠标悬浮时显示气泡 */ }
        .cif-module .top-card .left .info-box .title .text {
          font-weight: bold;
          font-size: 30px;
          color: #333333; }
        .cif-module .top-card .left .info-box .title .collect {
          width: 96px;
          height: 26px;
          margin-left: 20px;
          padding: 4px 10px;
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background: rgba(41, 80, 255, 0.1);
          -webkit-border-radius: 13px 13px 0px 13px;
                  border-radius: 13px 13px 0px 13px;
          font-size: 13px;
          font-family: Microsoft YaHei-Regular;
          color: #333;
          cursor: pointer; }
          .cif-module .top-card .left .info-box .title .collect i {
            color: #2950ff; }
        .cif-module .top-card .left .info-box .title .collect:hover {
          background: #2950ff;
          color: #fff; }
          .cif-module .top-card .left .info-box .title .collect:hover i {
            color: #fff; }
        .cif-module .top-card .left .info-box .title .collect.active .icon-tongyong_qiujiachang {
          /* 隐藏原图标 */
          display: none; }
        .cif-module .top-card .left .info-box .title .collect.active::before {
          /* 显示新图标，假设icon_like是通过伪元素实现的图标 */
          content: '\e61f';
          /* 替换为icon_like对应的Unicode编码 */
          font-family: 'iconfont';
          /* 使用你的图标字体家族 */
          font-size: 14px;
          /* 设置字体大小为14号 */
          color: #2950ff; }
        .cif-module .top-card .left .info-box .title .collect:hover.active::before {
          /* 显示新图标，假设icon_like是通过伪元素实现的图标 */
          content: '\e61f';
          /* 替换为icon_like对应的Unicode编码 */
          font-family: 'iconfont';
          /* 使用你的图标字体家族 */
          font-size: 14px;
          /* 设置字体大小为14号 */
          color: #fff; }
        .cif-module .top-card .left .info-box .title .collect .icon_like {
          display: none;
          /* 默认隐藏新图标 */
          font-size: 14px; }
        .cif-module .top-card .left .info-box .title .collect.active .icon-tongyong_qiujiachang {
          display: none;
          /* 激活时隐藏原图标 */ }
        .cif-module .top-card .left .info-box .title .collect.active .icon_like {
          display: inline-block;
          /* 激活时显示新图标 */ }
        .cif-module .top-card .left .info-box .title .tooltip-content {
          /* 气泡定位 */
          position: absolute;
          bottom: 100%;
          /* 位于元素上方 */
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-8px);
              -ms-transform: translateX(-50%) translateY(-8px);
                  transform: translateX(-50%) translateY(-8px);
          /* 水平居中并向上偏移一点 */
          /* 气泡外观 */
          background-color: #333;
          color: white;
          padding: 6px 12px;
          -webkit-border-radius: 4px;
                  border-radius: 4px;
          font-size: 12px;
          white-space: nowrap;
          /* 防止文本换行 */
          /* 默认隐藏 */
          opacity: 0;
          visibility: hidden;
          /* 过渡动画 */
          -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
          -o-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
          /* 确保气泡在最上层 */
          z-index: 100; }
        .cif-module .top-card .left .info-box .title .tooltip-content::after {
          content: '';
          position: absolute;
          top: 100%;
          /* 位于气泡底部 */
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          /* 三角箭头样式 */
          border-width: 4px;
          border-style: solid;
          border-color: #333 transparent transparent transparent; }
        .cif-module .top-card .left .info-box .title .collect:hover .tooltip-content {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateX(-50%) translateY(-8px);
              -ms-transform: translateX(-50%) translateY(-8px);
                  transform: translateX(-50%) translateY(-8px);
          /* 调整位置，消除偏移 */ }
      .cif-module .top-card .left .info-box .desc {
        margin: 10px auto;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #333333; }
      .cif-module .top-card .left .info-box .item-info__score {
        margin-top: 6px;
        height: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .cif-module .top-card .left .info-box .item-info__score > .info-item-icon {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .cif-module .top-card .left .info-box .item-info__score > .info-item-icon .icon {
            color: #d7dbde;
            margin-right: 5px;
            cursor: pointer; }
            .cif-module .top-card .left .info-box .item-info__score > .info-item-icon .icon.selected {
              color: #ff6600; }
            .cif-module .top-card .left .info-box .item-info__score > .info-item-icon .icon.hover {
              color: #ff6600; }
            .cif-module .top-card .left .info-box .item-info__score > .info-item-icon .icon:last-child {
              margin-right: 20px; }
          .cif-module .top-card .left .info-box .item-info__score > .info-item-icon .active {
            color: #ff6600; }
        .cif-module .top-card .left .info-box .item-info__score > .info-item-info {
          margin-left: 5px;
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #ff6600; }
        .cif-module .top-card .left .info-box .item-info__score > .info-item-evaluate {
          margin-left: 10px;
          font-weight: 400;
          font-size: 12px;
          color: #999; }
      .cif-module .top-card .left .info-box .tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 12px; }
        .cif-module .top-card .left .info-box .tags .tag {
          margin-right: 10px;
          margin-bottom: 10px;
          padding: 4px 10px;
          background: #f0f2f5;
          -webkit-border-radius: 0px 12px 12px 12px;
                  border-radius: 0px 12px 12px 12px;
          font-size: 12px;
          font-family: Microsoft YaHei-Regular;
          color: #666;
          cursor: pointer; }
    .cif-module .top-card .btns .try {
      width: 124px;
      height: 44px;
      margin-bottom: 16px;
      line-height: 44px;
      text-align: center;
      background: #2950ff;
      color: #fff;
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      cursor: pointer;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .cif-module .top-card .btns .visit {
      width: 124px;
      height: 44px;
      margin-bottom: 16px;
      line-height: 44px;
      text-align: center;
      -webkit-border-radius: 3px 3px 3px 3px;
              border-radius: 3px 3px 3px 3px;
      border: 1px solid #2950ff;
      color: #2950ff;
      cursor: pointer;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
    .cif-module .top-card .btns .try:hover {
      background: #6a85ff;
      color: #fffefe; }
    .cif-module .top-card .btns .visit:hover {
      background: #2950ff;
      color: #fff; }
  .cif-module .tabs {
    width: 100%;
    background: #fff; }
    .cif-module .tabs .tabs__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding: 0 30px;
      padding-bottom: 12px;
      width: 880px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      border-bottom: 1px solid #ebeced; }
      .cif-module .tabs .tabs__head .item {
        margin-right: 40px;
        line-height: 30px; }
      .cif-module .tabs .tabs__head .active {
        color: #2950ff;
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
      .cif-module .tabs .tabs__head .active::before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: -12px;
        width: 28px;
        height: 2px;
        -webkit-border-radius: 50px;
                border-radius: 50px;
        background: #2950ff; }
    .cif-module .tabs .tabs__head.is-head-fixed {
      position: fixed;
      top: 0;
      z-index: 999;
      padding-top: 12px;
      background: #fff; }
    .cif-module .tabs .tabs__content--item {
      padding: 20px 30px;
      padding-right: 30px; }
    .cif-module .tabs .tabs__title {
      font-size: 18px;
      font-weight: bold;
      font-family: Microsoft YaHei-Bold;
      color: #333333;
      position: relative;
      margin-bottom: 20px;
      padding-left: 11px; }
    .cif-module .tabs .tabs__title::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 0;
      width: 5px;
      height: 18px;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      background: #2950ff; }
    .cif-module .tabs .video-box {
      display: block;
      width: 400px;
      height: 306px;
      -webkit-border-radius: 8px;
              border-radius: 8px; }
      .cif-module .tabs .video-box .video-preview {
        width: 100%;
        height: 225px;
        -webkit-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        transition: all linear 0.3s; }
        .cif-module .tabs .video-box .video-preview .preview-bg {
          width: 100%;
          height: 100%;
          position: relative;
          -webkit-background-size: cover;
                  background-size: cover;
          -webkit-border-radius: 8px 8px 0px 0px;
                  border-radius: 8px 8px 0px 0px; }
          .cif-module .tabs .video-box .video-preview .preview-bg .mask {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 8px 8px 0px 0px;
                    border-radius: 8px 8px 0px 0px; }
          .cif-module .tabs .video-box .video-preview .preview-bg .video-duration {
            position: absolute;
            bottom: 10px;
            right: 10px;
            font-size: 13px;
            color: #fff; }
          .cif-module .tabs .video-box .video-preview .preview-bg .player-btn {
            --playerColor: #666;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            cursor: pointer;
            width: 40px;
            height: 40px;
            -webkit-border-radius: 50%;
                    border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            z-index: 99;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background: #fff; }
            .cif-module .tabs .video-box .video-preview .preview-bg .player-btn::after {
              content: '';
              width: 0;
              height: 0;
              border: 8px solid transparent;
              border-left-color: var(--playerColor);
              border-left-width: 12px;
              margin-left: 12px; }
            .cif-module .tabs .video-box .video-preview .preview-bg .player-btn:hover {
              --playerColor: $theme-color;
              background: #fff; }
      .cif-module .tabs .video-box .video-preview:hover .mask {
        display: none; }
      .cif-module .tabs .video-box .desc-box {
        padding: 16px;
        max-height: 45px;
        line-height: 24px;
        overflow: hidden;
        color: #333;
        -webkit-border-radius: 0px 0px 8px 8px;
                border-radius: 0px 0px 8px 8px;
        background: #f7f7f7; }
      .cif-module .tabs .video-box .desc {
        line-height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #333;
        -webkit-border-radius: 0px 0px 8px 8px;
                border-radius: 0px 0px 8px 8px;
        cursor: pointer; }
      .cif-module .tabs .video-box .desc:hover {
        color: #2950ff; }
    .cif-module .tabs .active-box {
      width: 100%;
      height: 190px;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      background: #f7f7f7;
      position: relative; }
      .cif-module .tabs .active-box .swiper-btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 40px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background: #fff;
        text-align: center;
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        color: #2950ff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 2; }
        .cif-module .tabs .active-box .swiper-btn.is-prev {
          left: -20px; }
        .cif-module .tabs .active-box .swiper-btn.is-next {
          right: -20px; }
        .cif-module .tabs .active-box .swiper-btn.swiper-button-disabled {
          display: none; }
        .cif-module .tabs .active-box .swiper-btn:hover {
          color: #fff;
          background: #2950ff; }
      .cif-module .tabs .active-box .img-box {
        width: 278px;
        height: 150px;
        margin-right: 19px;
        -webkit-border-radius: 3px;
                border-radius: 3px;
        position: relative;
        overflow: hidden;
        /* 或者如果新图标是另一个i标签类名，可使用这种方式 */
        /* 气泡样式 */
        /* 气泡的小三角箭头 */
        /* 鼠标悬浮时显示气泡 */
        /* 气泡样式 */
        /* 气泡的小三角箭头 - 改为向下指向 */
        /* 鼠标悬浮时显示气泡（保持不变） */
        /* 鼠标悬浮时显示气泡 */ }
        .cif-module .tabs .active-box .img-box img {
          width: 100%;
          height: 100%;
          -webkit-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .cif-module .tabs .active-box .img-box .collect {
          width: 68px;
          height: 26px;
          padding: 4px 10px;
          position: absolute;
          top: 10px;
          right: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background: #fff;
          -webkit-border-radius: 13px 13px 0px 13px;
                  border-radius: 13px 13px 0px 13px;
          font-size: 13px;
          font-family: Microsoft YaHei-Regular;
          color: #666;
          cursor: pointer; }
          .cif-module .tabs .active-box .img-box .collect i {
            color: #2950ff; }
        .cif-module .tabs .active-box .img-box .collect:hover {
          background: #2950ff;
          color: #fff; }
          .cif-module .tabs .active-box .img-box .collect:hover i {
            color: #fff; }
        .cif-module .tabs .active-box .img-box .collect.active .icon-tongyong_qiujiachang {
          /* 隐藏原图标 */
          display: none; }
        .cif-module .tabs .active-box .img-box .collect.active::before {
          /* 显示新图标，假设icon_like是通过伪元素实现的图标 */
          content: '\e61f';
          /* 替换为icon_like对应的Unicode编码 */
          font-family: 'iconfont';
          /* 使用你的图标字体家族 */
          font-size: 14px;
          /* 设置字体大小为14号 */
          color: #2950ff; }
        .cif-module .tabs .active-box .img-box .collect:hover.active::before {
          /* 显示新图标，假设icon_like是通过伪元素实现的图标 */
          content: '\e61f';
          /* 替换为icon_like对应的Unicode编码 */
          font-family: 'iconfont';
          /* 使用你的图标字体家族 */
          font-size: 14px;
          /* 设置字体大小为14号 */
          color: #fff; }
        .cif-module .tabs .active-box .img-box .collect .icon_like {
          display: none;
          /* 默认隐藏新图标 */
          font-size: 14px; }
        .cif-module .tabs .active-box .img-box .collect.active .icon-tongyong_qiujiachang {
          display: none;
          /* 激活时隐藏原图标 */ }
        .cif-module .tabs .active-box .img-box .collect.active .icon_like {
          display: inline-block;
          /* 激活时显示新图标 */ }
        .cif-module .tabs .active-box .img-box .tooltip-content {
          /* 气泡定位 */
          position: absolute;
          bottom: 100%;
          /* 位于元素上方 */
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-8px);
              -ms-transform: translateX(-50%) translateY(-8px);
                  transform: translateX(-50%) translateY(-8px);
          /* 水平居中并向上偏移一点 */
          /* 气泡外观 */
          background-color: #333;
          color: white;
          padding: 6px 12px;
          -webkit-border-radius: 4px;
                  border-radius: 4px;
          font-size: 12px;
          white-space: nowrap;
          /* 防止文本换行 */
          /* 默认隐藏 */
          opacity: 0;
          visibility: hidden;
          /* 过渡动画 */
          -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
          -o-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
          /* 确保气泡在最上层 */
          z-index: 100; }
        .cif-module .tabs .active-box .img-box .tooltip-content::after {
          content: '';
          position: absolute;
          top: 100%;
          /* 位于气泡底部 */
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          /* 三角箭头样式 */
          border-width: 4px;
          border-style: solid;
          border-color: #333 transparent transparent transparent; }
        .cif-module .tabs .active-box .img-box .collect:hover .tooltip-content {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateX(-50%) translateY(-8px);
              -ms-transform: translateX(-50%) translateY(-8px);
                  transform: translateX(-50%) translateY(-8px);
          /* 调整位置，消除偏移 */ }
        .cif-module .tabs .active-box .img-box .tooltip-content-b {
          /* 气泡定位 - 改为显示在元素下方 */
          position: absolute;
          top: 100%;
          /* 位于元素下方（原bottom: 100%） */
          left: 30%;
          -webkit-transform: translateX(-50%) translateY(8px);
              -ms-transform: translateX(-50%) translateY(8px);
                  transform: translateX(-50%) translateY(8px);
          /* 水平居中并向下偏移一点 */
          /* 气泡外观（保持不变） */
          background-color: #333;
          color: white;
          padding: 6px 12px;
          -webkit-border-radius: 4px;
                  border-radius: 4px;
          font-size: 12px;
          white-space: nowrap;
          /* 默认隐藏（保持不变） */
          opacity: 0;
          visibility: hidden;
          /* 过渡动画（保持不变） */
          -webkit-transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s;
          -o-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
          transition: opacity 0.2s, visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
          /* 确保气泡在最上层（保持不变） */
          z-index: 100; }
        .cif-module .tabs .active-box .img-box .tooltip-content-b::after {
          content: '';
          position: absolute;
          bottom: 100%;
          /* 位于气泡顶部（原top: 100%） */
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          /* 三角箭头样式 - 改为向上指向（指向元素） */
          border-width: 4px;
          border-style: solid;
          border-color: transparent transparent #333 transparent;
          /* 原#333 transparent transparent transparent */ }
        .cif-module .tabs .active-box .img-box .collect:hover .tooltip-content-b {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateX(-50%) translateY(8px);
              -ms-transform: translateX(-50%) translateY(8px);
                  transform: translateX(-50%) translateY(8px);
          /* 与初始定位一致，保持向下偏移 */ }
        .cif-module .tabs .active-box .img-box .collect:hover .tooltip-content {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateX(-50%) translateY(-8px);
              -ms-transform: translateX(-50%) translateY(-8px);
                  transform: translateX(-50%) translateY(-8px);
          /* 调整位置，消除偏移 */ }
      .cif-module .tabs .active-box .img-box:hover img {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1); }
    .cif-module .tabs .case-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative; }
      .cif-module .tabs .case-box .video-card {
        width: 260px;
        margin-right: 20px;
        -webkit-border-radius: 8px;
                border-radius: 8px;
        position: relative; }
        .cif-module .tabs .case-box .video-card .video-preview {
          -webkit-transition: all linear 0.3s;
          -o-transition: all linear 0.3s;
          transition: all linear 0.3s;
          width: 100%;
          height: 146px; }
          .cif-module .tabs .case-box .video-card .video-preview .preview-bg {
            width: 100%;
            height: 100%;
            position: relative;
            -webkit-background-size: cover;
                    background-size: cover;
            -webkit-border-radius: 8px 8px 0px 0px;
                    border-radius: 8px 8px 0px 0px; }
            .cif-module .tabs .case-box .video-card .video-preview .preview-bg .mask {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              background: rgba(0, 0, 0, 0.3);
              -webkit-border-radius: 8px 8px 0px 0px;
                      border-radius: 8px 8px 0px 0px; }
            .cif-module .tabs .case-box .video-card .video-preview .preview-bg .video-duration {
              position: absolute;
              bottom: 10px;
              right: 10px;
              font-size: 13px;
              color: #fff; }
            .cif-module .tabs .case-box .video-card .video-preview .preview-bg .player-btn {
              --playerColor: #666;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              cursor: pointer;
              width: 40px;
              height: 40px;
              -webkit-border-radius: 50%;
                      border-radius: 50%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              position: absolute;
              z-index: 99;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              background: #fff; }
              .cif-module .tabs .case-box .video-card .video-preview .preview-bg .player-btn::after {
                content: '';
                width: 0;
                height: 0;
                border: 8px solid transparent;
                border-left-color: var(--playerColor);
                border-left-width: 12px;
                margin-left: 12px; }
              .cif-module .tabs .case-box .video-card .video-preview .preview-bg .player-btn:hover {
                --playerColor: $theme-color;
                background: #fff; }
        .cif-module .tabs .case-box .video-card .video-preview:hover .mask {
          display: none; }
        .cif-module .tabs .case-box .video-card .desc-box {
          padding: 16px;
          height: 24px;
          line-height: 24px;
          overflow: hidden;
          color: #333;
          -webkit-border-radius: 0px 0px 8px 8px;
                  border-radius: 0px 0px 8px 8px;
          background: #f7f7f7; }
        .cif-module .tabs .case-box .video-card .desc {
          height: 24px;
          line-height: 24px;
          overflow: hidden;
          -o-text-overflow: ellipsis;
             text-overflow: ellipsis;
          white-space: nowrap;
          color: #333;
          -webkit-border-radius: 0px 0px 8px 8px;
                  border-radius: 0px 0px 8px 8px; }
        .cif-module .tabs .case-box .video-card .desc:hover {
          cursor: pointer;
          color: #2950ff; }
      .cif-module .tabs .case-box .video-box:last-child {
        margin-right: 0; }
      .cif-module .tabs .case-box .swiper-btn {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 40px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        background: #fff;
        text-align: center;
        -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        color: #2950ff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        z-index: 2; }
        .cif-module .tabs .case-box .swiper-btn.is-prev {
          left: -20px; }
        .cif-module .tabs .case-box .swiper-btn.is-next {
          right: -20px; }
        .cif-module .tabs .case-box .swiper-btn.swiper-button-disabled {
          display: none; }
        .cif-module .tabs .case-box .swiper-btn:hover {
          color: #fff;
          background: #2950ff; }
    .cif-module .tabs .info-box {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 16px;
      cursor: pointer; }
      .cif-module .tabs .info-box .title {
        font-size: 18px;
        color: #333333;
        line-height: 24px; }
      .cif-module .tabs .info-box .info {
        font-size: 14px;
        color: #999999; }
        .cif-module .tabs .info-box .info .desc {
          margin-bottom: 10px; }
        .cif-module .tabs .info-box .info .flex-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
          .cif-module .tabs .info-box .info .flex-box .bottom {
            position: relative;
            bottom: -48px; }
    .cif-module .tabs .info-box:hover .title {
      color: #2950ff; }

.cif-paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 88px;
  background: #ffffff;
  margin-top: 30px; }
  .cif-paging .el-pagination li.active {
    background: #ff6600 !important;
    color: #fff !important; }
  .cif-paging .el-pagination li:not(.active):hover {
    color: #ff6600 !important; }
  .cif-paging .el-pagination.is-background .el-pager li {
    width: 28px;
    height: 28px;
    background: #f1f2f3;
    -webkit-border-radius: 2px 2px 2px 2px;
            border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    font-weight: normal;
    color: #999999; }
  .cif-paging .el-pagination__total {
    margin-left: 20px;
    font-size: 14px;
    font-weight: normal;
    color: #666666; }

.act-layer {
  background: #fff; }
  .act-layer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative; }
    .act-layer__container--close {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 12px;
      color: #999;
      cursor: pointer; }
    .act-layer__container--body {
      padding: 0 30px; }
      .act-layer__container--body .img {
        width: 260px;
        margin: 0 auto;
        padding: 30px 0; }
        .act-layer__container--body .img img {
          width: 100%; }
    .act-layer__container--title {
      width: 100%;
      height: 61px;
      line-height: 61px;
      padding-left: 20px;
      font-size: 16px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
      border-bottom: 1px solid #ebeced;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
    .act-layer__container--info {
      margin-top: 30px; }
      .act-layer__container--info .info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: 14px; }
        .act-layer__container--info .info-item:last-child {
          margin-bottom: 0; }
        .act-layer__container--info .info-item .info-item-name {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          font-size: 16px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #666666;
          margin-right: 2px; }
        .act-layer__container--info .info-item .info-item-icon {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 auto;
                  flex: 0 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .act-layer__container--info .info-item .info-item-icon .icon {
            color: #d7dbde;
            margin-right: 5px;
            cursor: pointer; }
            .act-layer__container--info .info-item .info-item-icon .icon.selected {
              color: #ff6600; }
            .act-layer__container--info .info-item .info-item-icon .icon.hover {
              color: #ff6600; }
            .act-layer__container--info .info-item .info-item-icon .icon:last-child {
              margin-right: 20px; }
        .act-layer__container--info .info-item .info-item-info {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          font-size: 14px;
          font-family: MicrosoftYaHei;
          font-weight: normal;
          color: #999999; }
    .act-layer__container--input {
      margin: 30px 0 0;
      width: 440px;
      height: 150px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: relative; }
      .act-layer__container--input textarea {
        width: 100%;
        height: 150px;
        background: #f3f4f4;
        -webkit-border-radius: 2px 2px 2px 2px;
                border-radius: 2px 2px 2px 2px;
        border: 1px solid #eaeaea;
        padding: 12px 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        outline: none;
        resize: none;
        color: #666; }
        .act-layer__container--input textarea::-webkit-input-placeholder {
          color: #999; }
      .act-layer__container--input .limit {
        position: absolute;
        bottom: 6px;
        right: 8px;
        font-size: 12px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #aaaaaa; }
        .act-layer__container--input .limit.active {
          color: #f63f3f; }
    .act-layer__container--btn {
      margin-top: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .act-layer__container--btn .btn1 {
        width: 100px;
        height: 36px;
        background: #f2f3f4;
        -webkit-border-radius: 2px 2px 2px 2px;
                border-radius: 2px 2px 2px 2px;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #999999;
        line-height: 36px;
        text-align: center;
        margin-right: 20px;
        cursor: pointer; }
        .act-layer__container--btn .btn1:hover {
          color: #2c50fa; }
      .act-layer__container--btn .btn2 {
        width: 100px;
        height: 36px;
        background: #2c50fa;
        -webkit-border-radius: 2px 2px 2px 2px;
                border-radius: 2px 2px 2px 2px;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #ffffff;
        line-height: 36px;
        text-align: center;
        cursor: pointer; }
        .act-layer__container--btn .btn2:hover {
          background: #5673fb; }
  .act-layer.is-notice .act-layer__container {
    padding-bottom: 50px; }
    .act-layer.is-notice .act-layer__container--info {
      font-size: 16px;
      font-family: MicrosoftYaHei;
      font-weight: normal;
      color: #666666;
      line-height: 28px;
      margin-top: 43px;
      text-align: center; }
    .act-layer.is-notice .act-layer__container--img {
      width: 160px;
      height: 160px;
      margin: 50px auto 0; }
    .act-layer.is-notice .act-layer__container--info {
      margin-top: 16px;
      font-size: 14px;
      font-family: MicrosoftYaHei;
      font-weight: normal;
      color: #666666;
      line-height: 24px; }
    .act-layer.is-notice .act-layer__container--btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 30px; }
      .act-layer.is-notice .act-layer__container--btn .confirm {
        width: 100px;
        height: 36px;
        background: #2c50fa;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #ffffff;
        line-height: 36px;
        text-align: center;
        cursor: pointer; }
  .act-layer.is-success .act-layer__container {
    height: auto !important;
    padding-top: 28px;
    padding-bottom: 45px; }
    .act-layer.is-success .act-layer__container--icon {
      width: 40px;
      height: 40px;
      background: url(https://img.cifnews.com/dev/20201010/5e51d8ff5add470e92509201deec25f1.png) no-repeat;
      -webkit-background-size: 100% 100%;
              background-size: 100% 100%;
      margin: 50px auto 0; }
    .act-layer.is-success .act-layer__container--title {
      font-size: 16px;
      font-family: MicrosoftYaHei;
      font-weight: bold;
      color: #333333;
      text-align: center;
      margin-top: 17px;
      height: auto;
      line-height: initial;
      border-bottom: 0;
      padding: 0; }
    .act-layer.is-success .act-layer__container--info {
      font-size: 14px;
      font-family: MicrosoftYaHei;
      font-weight: normal;
      color: #666666;
      text-align: center;
      margin-top: 10px; }
    .act-layer.is-success .act-layer__container--step {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 54px 0 3px; }
      .act-layer.is-success .act-layer__container--step .step-icon {
        margin: 0 30px;
        color: #d6dadc;
        font-size: 16px; }
    .act-layer.is-success .act-layer__container--wetchat-img {
      display: block;
      width: 170px;
      height: 170px;
      margin: 10px auto 0; }
    .act-layer.is-success .act-layer__container--step-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .act-layer.is-success .act-layer__container--step-item .step-item__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #2c50fa;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        margin-right: 10px; }
      .act-layer.is-success .act-layer__container--step-item .step-item__title {
        font-size: 14px;
        font-weight: bold;
        color: #2c50fa; }
    .act-layer.is-success .act-layer__container--img {
      width: 160px;
      margin: 30px auto 35px; }
      .act-layer.is-success .act-layer__container--img img {
        width: 100%; }
  .act-layer.is-confirm .act-layer__container {
    padding-bottom: 50px; }
    .act-layer.is-confirm .act-layer__container--info {
      font-size: 16px;
      font-family: MicrosoftYaHei;
      font-weight: normal;
      color: #666666;
      line-height: 28px;
      margin-top: 43px;
      text-align: center; }
    .act-layer.is-confirm .act-layer__container--btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 30px; }
      .act-layer.is-confirm .act-layer__container--btn .cancel {
        width: 100px;
        height: 36px;
        background: #f2f3f4;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #999999;
        line-height: 36px;
        text-align: center;
        margin-right: 20px;
        cursor: pointer; }
        .act-layer.is-confirm .act-layer__container--btn .cancel:hover {
          color: #2c50fa; }
      .act-layer.is-confirm .act-layer__container--btn .confirm {
        width: 100px;
        height: 36px;
        background: #2c50fa;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #ffffff;
        line-height: 36px;
        text-align: center;
        cursor: pointer; }
        .act-layer.is-confirm .act-layer__container--btn .confirm:hover {
          background-color: #5673fb; }

.rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  /* 星星大小 */
  line-height: 1;
  color: #ddd;
  /* 未填充颜色 */
  cursor: default; }

.rating-star {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  position: relative;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease; }

.rating-star::before {
  content: '\e645';
  position: absolute;
  left: 0;
  top: 0; }

.rating-star::after {
  content: '\e645';
  position: absolute;
  left: 0;
  top: 0;
  color: #ff6600;
  overflow: hidden;
  width: 0;
  /* 初始宽度为0，将通过JS动态设置 */
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  /* 平滑过渡效果 */ }

.ai-activity-container {
  width: 300px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-family: 'Microsoft Yahei', sans-serif; }
  .ai-activity-container .cif-section__head {
    background: url("https://img.cifnews.com/dev/20250912/8cf830b734d041408fe948805d123014.png") no-repeat;
    -webkit-background-size: contain;
            background-size: contain; }
  .ai-activity-container .ai-activity-content {
    padding: 20px;
    padding-bottom: 0; }
    .ai-activity-container .ai-activity-content .activity-desc {
      width: 100%;
      margin-top: 10px;
      margin-bottom: 9px;
      max-height: 41px;
      line-height: 22px;
      font-size: 14px;
      color: #333;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .ai-activity-container .activity-item {
    cursor: pointer; }
  .ai-activity-container .activity-item:hover .activity-desc {
    color: #2950ff; }
  .ai-activity-container .activity-item .img-box {
    width: 100%;
    overflow: hidden; }
  .ai-activity-container .activity-img {
    width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .ai-activity-container .activity-img:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .ai-activity-container .activity-info {
    font-size: 12px;
    color: #999;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px; }
    .ai-activity-container .activity-info .icon-dingwei1 {
      margin-left: 15px; }

.rich-text {
  line-height: 24px; }

.video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  -webkit-border-radius: 8px;
          border-radius: 8px; }
  .video-mask .advert-box {
    width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: all;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #fff; }
    .video-mask .advert-box .tool-img {
      width: 40px;
      height: 40px;
      margin-bottom: 12px; }
      .video-mask .advert-box .tool-img img {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
                border-radius: 50%; }
    .video-mask .advert-box .tool-title {
      font-size: 18px;
      font-weight: bold;
      font-family: Microsoft YaHei, Microsoft YaHei; }
    .video-mask .advert-box .tool-desc {
      font-size: 12px;
      line-height: 18px;
      margin-top: 12px;
      margin-bottom: 4px; }
    .video-mask .advert-box .item-info__score {
      margin-top: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .video-mask .advert-box .item-info__score > .info-item-icon {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .video-mask .advert-box .item-info__score > .info-item-icon .icon {
          color: #d7dbde;
          margin-right: 5px;
          cursor: pointer; }
          .video-mask .advert-box .item-info__score > .info-item-icon .icon.selected {
            color: #ff6600; }
          .video-mask .advert-box .item-info__score > .info-item-icon .icon.hover {
            color: #ff6600; }
          .video-mask .advert-box .item-info__score > .info-item-icon .icon:last-child {
            margin-right: 20px; }
        .video-mask .advert-box .item-info__score > .info-item-icon .active {
          color: #ff6600; }
      .video-mask .advert-box .item-info__score > .info-item-info {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin-left: 5px;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-weight: normal;
        color: #ff6600; }
        .video-mask .advert-box .item-info__score > .info-item-info.is-empty {
          color: #999; }
    .video-mask .advert-box .btns {
      width: 100%;
      height: 35px;
      line-height: 35px;
      font-size: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 10px;
      text-align: center;
      margin-top: 12px; }
      .video-mask .advert-box .btns .btn {
        -webkit-border-radius: 8px;
                border-radius: 8px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center;
        background: #2950ff;
        color: #fff; }
      .video-mask .advert-box .btns .btn:not(:last-child) {
        background: transparent !important;
        border: 1px solid #fff; }
    .video-mask .advert-box .btn_close {
      width: 20px;
      height: 20px;
      background: url("https://img.cifnews.com/dev/20250911/e157d4316dfd4633ba908adca59ca806.png") no-repeat center center;
      -webkit-background-size: cover;
              background-size: cover;
      margin-top: 16px;
      cursor: pointer;
      opacity: 0.6; }

.cif-video-layer.layui-layer {
  -webkit-border-radius: 16px !important;
          border-radius: 16px !important; }

.cif-video-layer .layui-layer-content {
  -webkit-border-radius: 8px !important;
          border-radius: 8px !important; }

/* 为锚点定位元素添加偏移 */
#introduce,
#active,
#explainerVideos,
#case,
#comment-box {
  scroll-margin-top: 85px; }