@charset "UTF-8";
/* 主题色 */
/* 文字颜色 */
/* 背景色 */
.yhkDrift {
  width: 47px;
  position: fixed;
  z-index: 8;
  top: 450px;
  right: 12px; }
  .yhkDrift_fixed {
    top: 31%; }
    .yhkDrift_fixed .small_window {
      top: calc(31%); }
    .yhkDrift_fixed_mobile {
      top: 50%;
      -ms-transform: scale(0.9);
          transform: scale(0.9); }
  .yhkDrift .assix-advice {
    position: relative;
    bottom: 10px;
    right: 5px;
    width: 60px;
    height: 60px;
    cursor: pointer; }
    .yhkDrift .assix-advice-img {
      width: 100%;
      height: 100%; }
  .yhkDrift-content {
    width: 50px;
    text-align: center;
    font-size: 14px; }
    .yhkDrift-content__top {
      width: 100%;
      padding: 8px 0;
      border-radius: 4px 4px 0px 0px;
      background: linear-gradient(180deg, #4c8df7 0%, #62b3ff 100%);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.18);
      color: #fff;
      cursor: pointer;
      text-align: center; }
      .yhkDrift-content__top .text {
        display: block;
        margin-top: -4px; }
      .yhkDrift-content__top .icon-search {
        display: inline-block;
        width: 20px;
        height: 20px;
         }
    .yhkDrift-content__bottom .text {
      color: #4b5b76;
      letter-spacing: 2px;
      line-height: 20px; }
    .yhkDrift-content__bottom .border {
      width: 0px;
      height: 0;
      margin: 20px auto; 
	}
    .yhkDrift-content__bottom .top-boder {
      font-size: 20px;
      color: #4b5b76;
      position: relative;
      cursor: pointer; }
      .yhkDrift-content__bottom .top-boder::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 16px;
        height: 0;
        border-bottom: 2px solid #4b5b76;
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
      .yhkDrift-content__bottom .top-boder:hover {
        color: #1975ff; }
        .yhkDrift-content__bottom .top-boder:hover::before {
          border-color: #1975ff; }
    .yhkDrift-content__bottom .assix-suggest {
      background: linear-gradient(180deg, #006400, #6A5ACD 99%);
	  box-shadow: 0 8px 15px rgba(71, 71, 71, 0.4);
      margin-bottom: 12px; }
      .yhkDrift-content__bottom .assix-suggest > img {
        width: 30px;
        height: 31px; }
      .yhkDrift-content__bottom .assix-suggest .text {
        color: #ffffff; }
    .yhkDrift-content__bottom .yhkDrift-applet {
      background: #ffffff;
      box-shadow: 0px 2px 10px 0px rgba(33, 59, 102, 0.08); }
      .yhkDrift-content__bottom .yhkDrift-applet > img {
        width: 18px;
        height: 18px; }
      .yhkDrift-content__bottom .yhkDrift-applet .text {
        color: #181818; }
    .yhkDrift-content__bottom .activity-img {
      width: 44px;
      height: 48px;
	  box-shadow: 0 8px 15px rgba(71, 71, 71, 0.4);
      background: linear-gradient(180deg, #FF834A 26.56%, #FFAD60 100%);
      border-radius: 50%;
      margin-bottom: 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .yhkDrift-content__bottom .activity-img div {
        width: 20px;
        height: 20px;}
      .yhkDrift-content__bottom .activity-img:hover {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(180deg, #FF834A 26.56%, #FFAD60 100%); }
    .yhkDrift-content__bottom .yhkDrift-box {
      width: 120px;
      height: 68px;
      position: relative;
      right: 70px;
      cursor: pointer;
      margin-top: 10px;
      background: linear-gradient(176deg, #cceaff 0%, #ffffff 40%, #ffffff 91%);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
      border-radius: 6px; }
      .yhkDrift-content__bottom .yhkDrift-box .yhkDrift-box-content {
        width: 100%;
        height: 100%;
        background-size: 176px 100px;
        background-position: center;
        padding: 14px;
        box-sizing: border-box; }
        .yhkDrift-content__bottom .yhkDrift-box .yhkDrift-box-content .box-title {
          font-family: PingFang SC;
          font-size: 14px;
          font-weight: 600;
          line-height: normal;
          text-align: center;
          background: linear-gradient(169deg, #3775f7 20%, #76b4ff 68%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text; }
        .yhkDrift-content__bottom .yhkDrift-box .yhkDrift-box-content .box-desc {
          font-family: PingFang SC;
          font-size: 12px;
          font-weight: normal;
          line-height: normal;
          text-align: center;
          color: #171717;
          margin-top: 5px; }
      .yhkDrift-content__bottom .yhkDrift-box:hover {
        opacity: 0.9; }
    .yhkDrift-content__bottom .assix-live {
      width: 70px;
      height: 137px;
      margin-left: -7px;
      cursor: pointer; }
    .yhkDrift-content__bottom .assix-suggest,
    .yhkDrift-content__bottom .yhkDrift-applet,
    .yhkDrift-content__bottom .yhkDrift-search,
    .yhkDrift-content__bottom .affox-box {
      cursor: pointer;
      font-size: 14px;
	  box-shadow: 0 8px 15px rgba(71, 71, 71, 0.4);
      width: 46px;
      height: 130px;
      border-radius: 23px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      .yhkDrift-content__bottom .assix-suggest > img,
      .yhkDrift-content__bottom .yhkDrift-applet > img,
      .yhkDrift-content__bottom .yhkDrift-search > img,
      .yhkDrift-content__bottom .affox-box > img {
        margin-bottom: 5px; }
      .yhkDrift-content__bottom .assix-suggest .text,
      .yhkDrift-content__bottom .yhkDrift-applet .text,
      .yhkDrift-content__bottom .yhkDrift-search .text,
      .yhkDrift-content__bottom .affox-box .text {
        width: 14px;
        line-height: 18px;
        font-weight: 500; }
      .yhkDrift-content__bottom .assix-suggest:hover,
      .yhkDrift-content__bottom .yhkDrift-applet:hover,
      .yhkDrift-content__bottom .yhkDrift-search:hover,
      .yhkDrift-content__bottom .affox-box:hover {
        opacity: 0.8; }
  .yhkDrift-trial {
    position: absolute;
    right: 60px;
    top: 0px;
    width: 0;
    height: auto;
    opacity: 0;
    transition: opacity 0.1s, width 0.1s;
    background-color: transparent;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(195, 195, 195, 0.24); }
    .yhkDrift-trial_top {
      top: -10px; }
    .yhkDrift-trial_top_other {
      top: 60px; }
    .yhkDrift-trial__active {
      opacity: 1; }
      .yhkDrift-trial__active.yhkDrift-trial__search {
        width: 440px; }
    .yhkDrift-trial__active_custom {
      width: 160px; }
      .yhkDrift-trial__active_custom .yhkDrift-trial-content__suggest {
        padding-left: 12px; }
    .yhkDrift-trial-content__suggest {
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      padding: 24px 0 29px 26px;
      background-color: #fff;
      display: none; }
      .yhkDrift-trial-content__suggest__show {
        display: block; }
      .yhkDrift-trial-content__suggest .panel-item {
        margin-bottom: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .yhkDrift-trial-content__suggest .panel-item .img-packet {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          width: 28px;
          height: 28px;
          margin-right: 17px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .yhkDrift-trial-content__suggest .panel-item .img-packet > img {
            max-width: 100%;
            max-height: 100%; }
        .yhkDrift-trial-content__suggest .panel-item .text {
          font-weight: 600;
          color: #181818;
          cursor: pointer; }
          .yhkDrift-trial-content__suggest .panel-item .text:hover {
            color: #1975ff; }
        .yhkDrift-trial-content__suggest .panel-item-consult {
          -ms-flex-align: center;
              align-items: center; }
        .yhkDrift-trial-content__suggest .panel-item-call__right {
          text-align: left; }
          .yhkDrift-trial-content__suggest .panel-item-call__right .call-text {
            font-size: 14px;
            font-weight: 550;
            color: #181818; }
          .yhkDrift-trial-content__suggest .panel-item-call__right .call-number {
            font-size: 18px;
            color: #1975ff;
            font-weight: 600; }
          .yhkDrift-trial-content__suggest .panel-item-call__right .qrcode {
            width: 66px;
            margin-top: 6px; }
        .yhkDrift-trial-content__suggest .panel-item:last-child {
          margin-bottom: 0; }
    .yhkDrift-trial-content__search {
      border-radius: 10px;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      background-color: #fff;
      text-align: center;
      overflow: hidden;
      display: none;
      color: #4b5b76; }
      .yhkDrift-trial-content__search__show {
        display: block; }
    .yhkDrift-trial-content__applet {
      border-radius: 10px;
      box-shadow: 0px 12px 11px 0px rgba(0, 0, 0, 0.09);
      padding: 18px 0;
      background-color: #fff;
      text-align: center;
      overflow: hidden;
      display: none;
      color: #4b5b76; }
      .yhkDrift-trial-content__applet__show {
        display: block; }
      .yhkDrift-trial-content__applet .title {
        font-size: 16px;
        font-weight: 600; }
      .yhkDrift-trial-content__applet .desc {
        font-size: 12px; }
      .yhkDrift-trial-content__applet > img {
        width: 140px;
        margin: 4px 0 2px; }
  .yhkDrift .yhkDrift-applet-live {
    position: relative;
    width: 72px;
    height: auto;
    margin-top: 14px;
    justify-self: center;
    cursor: pointer; }
    .yhkDrift .yhkDrift-applet-live > img {
      width: 100%;
      height: auto; }
  .yhkDrift .feedback-modal {
    position: absolute;
    right: 60px;
    top: -190px;
    background-color: #fff;
    box-shadow: 0px 7px 13px 0px rgba(53, 53, 69, 0.08);
    border-radius: 5px;
    z-index: 2;
    cursor: default;
    color: #38485c;
    text-align: center;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease; }
    .yhkDrift .feedback-modal.feedMdoal-show {
      width: 461px;
      height: 555px;
      opacity: 1; }
    .yhkDrift .feedback-modal .modal-top {
      font-size: 34px;
      color: #c8cacd;
      width: 100%;
      height: 33px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
      font-weight: lighter;
      cursor: pointer;
      box-sizing: border-box;
      padding: 0 20px; }
      .yhkDrift .feedback-modal .modal-top > span {
        display: inline-block;
        height: 100%;
        width: 30px;
        line-height: 40px; }
      .yhkDrift .feedback-modal .modal-top > p {
        width: 132px;
        height: 20px;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 36px;
        letter-spacing: 1px;
        color: #38485c; }
    .yhkDrift .feedback-modal .modal-title {
      font-size: 20px;
      letter-spacing: 1px;
      color: #38485c;
      margin-bottom: 32px; }
    .yhkDrift .feedback-modal .modal-mention {
      font-size: 14px;
      color: #38485c;
      width: 400px;
      margin: 0 auto 30px;
      text-align: justify; }
      .yhkDrift .feedback-modal .modal-mention span {
        color: #2277e6;
        cursor: pointer;
        text-decoration: underline; }
    .yhkDrift .feedback-modal .modal-content {
      box-sizing: border-box;
      padding: 0 30px;
      margin-bottom: 30px; }
      .yhkDrift .feedback-modal .modal-content .modal-ipt-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: start;
            align-items: flex-start;
        height: auto;
        margin-bottom: 20px;
        position: relative; }
        .yhkDrift .feedback-modal .modal-content .modal-ipt-item:nth-last-child(1) {
          margin-bottom: 0;
          height: 128px; }
        .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-left {
          width: 81px;
          text-align: left;
          font-size: 15px;
          line-height: 34px; }
          .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-left .star {
            color: #ff6d68; }
        .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right {
          -ms-flex: 1;
              flex: 1;
          height: 100%; }
          .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt {
            width: 100%;
            height: 40px;
            border: 1px solid #d9d9d9;
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            padding: 0 4px;
            box-sizing: border-box; }
            .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt:focus {
              border-color: #40a9ff;
              border-right-width: 1px !important;
              outline: 0;
              box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }
            .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right .ipt.textarea {
              resize: none;
              padding: 10px 14px;
              height: 126px; }
          .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone {
            display: -ms-flexbox;
            display: flex; }
         .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .ipt {
           border-top-left-radius: 0px;
           border-bottom-left-radius: 0px;
           border-left: none; }
         .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .select {
           width: 150px !important; }
         .yhkDrift .feedback-modal .modal-content .modal-ipt-item .modal-ipt-item-right.phone .select.ipt {
           border-top-right-radius: 0;
           border-bottom-right-radius: 0;
           border-left: 1px solid #d9d9d9;
           color: #999; }
        .yhkDrift .feedback-modal .modal-content .modal-ipt-item .err-tip {
          position: absolute;
          bottom: -18px;
          left: 81px;
          color: #f5222d;
          font-size: 13px; }
	    .yhkDrift .feedback-modal .gaia-btn:disabled {
	      background-color: #f5f5f5;
	      border-color: #d9d9d9;
	      color: rgba(0, 0, 0, 0.25); }
	    .yhkDrift .feedback-modal .modal-success-tip {
	      color: #3d4665;
	      letter-spacing: 1px;
	      padding: 48px;
	      text-align: left;
	      text-indent: 2em;
	      line-height: 28px; }
	      
	      .activity-popover {
  width: 240px;
  padding: 0px 0px; }
  .activity-popover .label {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    font-weight: 500;
    font-family: 'PingFang SC';
    margin-bottom: 6px;
    margin-left: 8px; }
  .activity-popover .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 10px;
    box-sizing: border-box;
    width: 216px; }
    .activity-popover .content .content-left {
      width: 24px;
      height: 24px;
      background: url("../img/gift2.svg") no-repeat;
      margin-right: 10px; }
    .activity-popover .content .content-right-title {
      color: #333;
      font-family: 'PingFang SC';
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      /* 142.857% */
      margin-bottom: 4px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .activity-popover .content .content-right-title span {
        margin-left: 6px;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-top: 4px;
       }
    .activity-popover .content .content-right-desc {
      color: rgba(0, 0, 0, 0.5);
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 133.333% */ }
    .activity-popover .content:hover {
      border-radius: 8px;
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), var(--industrybar-industrybar, #f4f4f5);
      cursor: pointer; }
  .activity-popover .line {
    width: 200px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: 12px 0 16px 8px; }
    
    
    
    
    
				 /* 遮罩层 */
			        .mask {
			            position: fixed;
			            left: 0;
			            top: 0;
			            width: 100%;
			            height: 100%;
			            background: rgba(0,0,0,0.45);
			            display: none;
			            z-index:999;
			        }
			        /* 弹窗容器 */
			        .login-box {
			            width: 400px;
			            background: #fff;
			            border-radius:14px;
			            padding:45px 40px;
			            position:absolute;
			            left:50%;
			            top:50%;
			            transform:translate(-50%,-50%);
			        }
			        /* 关闭按钮 */
			        .close {
			            position:absolute;
			            right:22px;
			            top:18px;
			            font-size:28px;
			            cursor:pointer;
			        }
			        /* 顶部圆形图标 */
			        .icon-circle{
			            width:120px;
			            height:120px;
			            margin:0 auto 24px;
			            border-radius:50%;
			            background:linear-gradient(90deg,#255bff,#9b2cff);
			            display:flex;
			            align-items:center;
			            justify-content:center;
			        }
			        .icon-circle::after{
			            content:"";
			            width:42px;
			            height:54px;
			            border:5px solid #fff;
			            border-radius:6px;
			            position:relative;
			        }
			        .icon-circle::before{
			            content:"";
			            width:8px;
			            height:8px;
			            background:#fff;
			            border-radius:50%;
			            position:absolute;
			            top:62px;
			        }
			        /* 标题 */
			       .mask .title{
			            text-align:center;
			            font-size:32px;
			            font-weight:bold;
			            margin-bottom:40px;
			        }
			        /* 输入框通用 */
			        .inp-item{
			            border:1px solid #ddd;
			            border-radius:10px;
			            height:58px;
			            display:flex;
			            align-items:center;
			            padding:0 16px;
			            margin-bottom:20px;
			            width: 350px;
			        }
			        .inp-item input{
			            flex:1;
			            border:none;
			            outline:none;
			            font-size:18px;
			            padding-left:8px;
			        }
			        /* 验证码行 */
			        .code-box{
			            display:flex;
			            width:350px;
			        }
			        .code-box input{
			            flex:1;
			        }
			        .get-code{
			            color:#0066ff;
			            white-space:nowrap;
			            cursor:pointer;
			            font-size:17px;
			        }
			        /* 登录按钮 */
			        .login-btn{
			            width:100%;
			            height:52px;
			            border:none;
			            border-radius:10px;
			            background:linear-gradient(90deg,#2358ff,#9c2bff);
			            color:#fff;
			            font-size:22px;
			            margin:12px 0 24px;
			            cursor:pointer;
			        }
			        /* 底部协议 */
			        .agree-txt{
			            text-align:center;
			            font-size:17px;
			            color:#666;
			        }
			        .agree-txt a{
			            color:#0055ff;
			            text-decoration:none;
			        }