@charset "UTF-8";
.templateCard {
  display: flex;
  width: 100%;
  flex-direction: column;
  background-color: var(--new-grey-2);
  border-radius: 16px;
  border: 1px solid var(--new-grey-4);
  cursor: pointer; }
  .templateCard.active, .templateCard:hover {
    border: 1px solid var(--new-grey-5);
    outline: 3px solid var(--new-grey-4); }
    .templateCard.active .templateCardImgWrap .templateCardTag, .templateCard:hover .templateCardImgWrap .templateCardTag {
      opacity: 1; }
    .templateCard.active .templateCardImgWrap .templateCardMaskBox, .templateCard:hover .templateCardImgWrap .templateCardMaskBox {
      opacity: 1; }
    .templateCard.active .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview .main-image-wrapper .main-image.video-box, .templateCard:hover .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview .main-image-wrapper .main-image.video-box {
      display: block; }
  .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview .main-image-wrapper .main-image.video-box {
    display: none; }
  .templateCard .templateCardImgWrap {
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    position: relative;
    outline: 3px solid transparent;
    transition: all 0.3s var(--qtd-transition-cubic-1);
    /* TplPreview 使用全局类名 img-box / new-tpl-preview / thumbnail-list，原样式写在 .qtd-ai-card-b 下；模板卡片需在此同步一份 */ }
    .templateCard .templateCardImgWrap .go-detail-btn {
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 2;
      width: 32px;
      height: 32px;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
    .templateCard .templateCardImgWrap .templateCardTag {
      position: absolute;
      top: 8px;
      right: 8px;
      display: flex;
      padding: 2px 8px;
      justify-content: center;
      align-items: center;
      gap: 4px;
      border-radius: 100px;
      background: rgba(0, 0, 0, 0.65);
      color: #FFF;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      color: rgba(255, 255, 255, 0.85);
      opacity: 0; }
    .templateCard .templateCardImgWrap .templateCardMaskBox {
      display: flex;
      height: 137px;
      width: 100%;
      padding: 16px 8px;
      align-items: flex-end;
      justify-content: center;
      gap: 8px;
      position: absolute;
      bottom: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 0;
      transition: all 0.3s var(--qtd-transition-cubic-1); }
      .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-button,
      .templateCard .templateCardImgWrap .templateCardMaskBox .ant-select,
      .templateCard .templateCardImgWrap .templateCardMaskBox .ant-cascader-picker {
        pointer-events: auto; }
      .templateCard .templateCardImgWrap .templateCardMaskBox.active {
        opacity: 1; }
      .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-line-button {
        display: flex;
        height: 32px;
        width: max-content;
        justify-content: center;
        align-items: center;
        min-width: 32px;
        padding: 0 8px;
        max-width: 120px;
        gap: 2px;
        background-color: #141414;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border: 1px solid #141414;
        border-radius: 500px;
        color: var(--qtd-ai-light-color-6);
        font-size: 12px;
        font-weight: 500;
        line-height: 20px; }
        .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-line-button .icon-Heart {
          display: none; }
        .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-line-button.active .icon-Heart {
          display: block; }
        .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-line-button.active .icon-xin {
          display: none; }
        .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-line-button:hover {
          border: 1px solid var(--qtd-ai-light-color-6);
          color: var(--qtd-ai-text-color-0);
          background-color: var(--qtd-ai-light-color-6); }
      .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-button {
        display: flex;
        height: 32px;
        max-width: 120px;
        width: max-content;
        padding: 0 16px;
        justify-content: center;
        align-items: center;
        gap: 2px;
        background-color: var(--qtd-ai-light-color-6);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        border-radius: 500px;
        color: var(--qtd-ai-text-color-0);
        font-size: 12px;
        font-weight: 500;
        line-height: 20px; }
        .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-button.same-btn {
          flex: 1; }
        .templateCard .templateCardImgWrap .templateCardMaskBox .qtd-ai-button:hover {
          opacity: .9; }
    .templateCard .templateCardImgWrap .templateCardPreviewWrap {
      position: relative;
      width: 100%;
      z-index: 1; }
      .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box {
        border: unset !important;
        margin-bottom: 0;
        background-color: var(--qtd-ai-drak-func-color-1);
        position: relative; }
      .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview {
        position: relative;
        overflow: hidden;
        width: 100%; }
        .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview .main-image-wrapper {
          width: 100%;
          height: 100%;
          position: relative; }
          .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview .main-image-wrapper .main-image.video-box {
            display: none; }
        .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview .main-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center top; }
        .templateCard .templateCardImgWrap .templateCardPreviewWrap .img-box.new-tpl-preview img {
          background-image: url("//icon.qiantucdn.com/static/images/brandTool/img_bg_3.png");
          background-size: 24px; }
      .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list {
        position: absolute;
        left: 8px;
        bottom: 16px;
        display: flex;
        gap: 4px;
        z-index: 4;
        transition: bottom 0.2s ease; }
        .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list .thumbnail-item {
          width: 48px;
          height: 48px;
          border-radius: 8px;
          overflow: hidden;
          cursor: pointer;
          border: 1px solid #fff;
          transition: all 0.2s ease;
          flex-shrink: 0;
          position: relative; }
          .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list .thumbnail-item img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list .thumbnail-item .thumbnail-item-more {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.5);
            border-radius: 8px; }
            .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list .thumbnail-item .thumbnail-item-more span {
              color: #fff;
              font-size: 12px;
              font-weight: 600; }
      .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list .thumbnail-item:hover,
      .templateCard .templateCardImgWrap .templateCardPreviewWrap .thumbnail-list .thumbnail-item.active {
        border: 1px solid #D8FF00; }
    .templateCard .templateCardImgWrap .templateCardImgFallback {
      width: 100%;
      aspect-ratio: 3 / 4;
      background: var(--new-grey-3); }
    .templateCard .templateCardImgWrap .templateCardImgBox {
      display: grid;
      height: 100%;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 2px; }
      .templateCard .templateCardImgWrap .templateCardImgBox .templateCardImgItem {
        width: 100%;
        height: 100%;
        aspect-ratio: 3 / 4;
        display: flex;
        align-items: flex-start; }
        .templateCard .templateCardImgWrap .templateCardImgBox .templateCardImgItem img {
          width: 100%;
          min-height: 100%;
          object-fit: cover; }
  .templateCard:hover .templateCardPreviewWrap .thumbnail-list {
    bottom: 60px; }
  .templateCard .templateCardInfoBox {
    display: flex;
    gap: 4px;
    width: 100%;
    padding: 12px;
    height: 40px;
    align-items: center;
    min-width: 0; }
    .templateCard .templateCardInfoBox .templateCardName {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--new-text-1);
      font-size: 14px;
      font-weight: 600;
      line-height: 22px; }
    .templateCard .templateCardInfoBox .like-btn {
      display: flex;
      height: 32px;
      padding: 0 8px;
      justify-content: center;
      margin-right: -8px;
      align-items: center;
      gap: 2px;
      border-radius: 500px;
      color: var(--new-text-3);
      font-weight: 600;
      font-size: 14px;
      line-height: 22px; }
      .templateCard .templateCardInfoBox .like-btn .icon {
        font-weight: normal;
        font-size: 20px;
        line-height: 22px; }
      .templateCard .templateCardInfoBox .like-btn .icon-Heart {
        font-size: 22px;
        display: none; }
      .templateCard .templateCardInfoBox .like-btn:hover {
        background-color: var(--new-grey-3); }
      .templateCard .templateCardInfoBox .like-btn.active .icon-Heart {
        display: block; }
      .templateCard .templateCardInfoBox .like-btn.active .icon-xin {
        display: none; }
      .templateCard .templateCardInfoBox .like-btn .icon-Heart {
        color: var(--qtd-ai-drak-color-6); }
    .templateCard .templateCardInfoBox .templateCardModel {
      width: max-content;
      flex-shrink: 0;
      color: var(--qtd-ai-text-color-2);
      font-size: 14px;
      line-height: 22px;
      font-weight: 600;
      display: inline-flex;
      border-radius: 8px;
      padding: 0 4px;
      height: 24px;
      border: 1px solid var(--qtd-ai-drak-func-color-4); }

.logo-info-qiye {
  position: absolute;
  width: 256px;
  background: #FFFFFF;
  box-shadow: 0px 2px 11px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px 4px 4px 4px;
  top: 40px;
  left: 0;
  display: flex;
  padding-bottom: 0;
  transition: 0.05s height ease;
  z-index: 11; }
  .logo-info-qiye.new-qiye-box-dialog {
    position: unset;
    height: auto;
    width: 100% !important;
    box-shadow: none;
    display: block; }
    .logo-info-qiye.new-qiye-box-dialog .info-qiye-box {
      padding-top: 0 !important; }
      .logo-info-qiye.new-qiye-box-dialog .info-qiye-box .qiye-box-title {
        display: block !important; }
  .logo-info-qiye.is-no-qiye .qiye-box-overflow {
    display: none; }
  .logo-info-qiye.is-no-qiye .qiye-box-title.is-qiye {
    display: none; }
  .logo-info-qiye .info-qiye-box {
    width: 100%; }
    .logo-info-qiye .info-qiye-box .qiye-box-tip {
      color: var(--qtd-fun-color-10);
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      margin-bottom: 8px;
      display: inline-block;
      padding-left: 24px; }
    .logo-info-qiye .info-qiye-box .qiye-box-title {
      color: #333;
      font-size: 12px;
      line-height: 20px;
      padding-left: 16px;
      display: block;
      margin-top: 17px; }
      .logo-info-qiye .info-qiye-box .qiye-box-title:nth-child(1) {
        margin-top: 0; }
    .logo-info-qiye .info-qiye-box .qiye-box-overflow {
      max-height: 320px; }
      .logo-info-qiye .info-qiye-box .qiye-box-overflow.is-overflow-y {
        overflow-y: auto; }
    .logo-info-qiye .info-qiye-box .qiye-box-list {
      width: 100%;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li {
        width: calc(100% - 16px);
        height: calc(100% - 4px);
        display: flex;
        align-items: center;
        padding-left: 16px;
        position: relative; }
        .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .go-index-btn {
          font-size: 12px;
          padding: 0 !important; }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .go-index-btn > i {
            font-size: 12px;
            margin-left: 4px; }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .go-index-btn:hover {
            background: transparent;
            color: var(--qtd-business-color-6); }
            .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .go-index-btn:hover > i {
              animation: cateAJqiantou 1.5s ease-in-out infinite; }
        .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .an-point {
          width: 28px;
          height: 28px;
          position: absolute;
          right: 10px; }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .an-point > span {
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            left: 50%;
            top: 50%;
            background: #1980ff;
            transform: translate(-50%, -50%); }
            .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .an-point > span:nth-child(1) {
              animation: tipAn 2.1s linear infinite; }
            .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .an-point > span:nth-child(2) {
              animation: tipAn 2.1s linear .7s infinite; }
            .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li .an-point > span:nth-child(3) {
              animation: tipAn 2.1s linear 1.4s infinite; }
        .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > img {
          display: block;
          width: 24px;
          height: 24px;
          border-radius: 50%;
          margin-right: 8px; }
        .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > p {
          display: flex;
          flex: 1;
          flex-direction: column; }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > p > span.status-1 {
            position: absolute;
            width: 16px;
            height: 16px;
            background: url(http://icon.qiantucdn.com/static/images/vipIcon/qy.png) no-repeat center;
            background-size: contain;
            left: 20px;
            bottom: 4px; }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > p > span.status-2 {
            position: absolute;
            width: 16px;
            height: 16px;
            background: url(http://icon.qiantucdn.com/static/images/vipIcon/none.png) no-repeat center;
            background-size: contain;
            left: 20px;
            bottom: 4px; }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > p > span.status-3 {
            position: absolute;
            display: inline-block;
            font-size: 12px;
            height: 14px;
            line-height: 14px;
            background-color: #fff;
            color: var(--qtd-business-color-6);
            padding: 0 2px;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
            bottom: 4px;
            left: 16px;
            transform: scale(0.8); }
          .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > p > em {
            font-size: 14px;
            color: var(--qtd-fun-color-12);
            display: inline-block;
            width: 65%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
            .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > p > em:nth-child(2) {
              color: var(--qtd-fun-color-10);
              font-size: 12px; }
        .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li > .icon {
          display: none;
          position: absolute;
          right: 9px;
          font-size: 20px;
          color: #666; }
        .logo-info-qiye .info-qiye-box .qiye-box-list .qiye-box-li:hover {
          transition: 0.2s ease all;
          border-radius: 4px; }
      .logo-info-qiye .info-qiye-box .qiye-box-list.active .qiye-box-li > .icon {
        display: block; }
  .logo-info-qiye .info-qiye-add {
    width: 100%;
    height: 58px;
    padding-top: 8px;
    margin-top: 8px;
    line-height: 50px;
    padding-left: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: #fff;
    z-index: 1;
    position: relative; }
    .logo-info-qiye .info-qiye-add:after {
      content: '';
      display: block;
      height: 1px;
      width: calc(100% - 16px);
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
      background: #f5f5f5;
      position: absolute; }
    .logo-info-qiye .info-qiye-add:hover > span {
      color: #1980FF; }
      .logo-info-qiye .info-qiye-add:hover > span .icon {
        color: #1980FF; }
    .logo-info-qiye .info-qiye-add > span {
      font-size: 14px;
      color: #666; }
      .logo-info-qiye .info-qiye-add > span .icon {
        margin-right: 10px;
        font-size: 14px;
        color: #666; }
    .logo-info-qiye .info-qiye-add em {
      display: block;
      width: 68px;
      height: 20px;
      background: #ECF7FF;
      border-radius: 4px 4px 4px 4px;
      opacity: 1;
      text-align: center;
      line-height: 20px;
      color: #1980FF;
      margin-left: 8px;
      font-size: 12px; }
  .logo-info-qiye .info-qiye-footer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding-top: 16px;
    padding-right: 24px;
    gap: 8px; }
    .logo-info-qiye .info-qiye-footer::after {
      content: ' ';
      display: block;
      height: 1px;
      right: 0;
      margin: auto;
      top: 0;
      background: #f5f5f5;
      position: absolute; }
  .logo-info-qiye.new-qiye-box-list {
    top: 40px;
    width: 270px; }
    .logo-info-qiye.new-qiye-box-list .qiye-box-title {
      display: none !important; }
    .logo-info-qiye.new-qiye-box-list .info-qiye-box {
      padding-top: 8px; }
    .logo-info-qiye.new-qiye-box-list .qiye-box-overflow {
      margin-top: 8px;
      max-height: 320px; }
    .logo-info-qiye.new-qiye-box-list .qiye-box-list {
      position: relative;
      height: 56px;
      margin-bottom: 8px;
      flex-direction: column;
      padding-right: 4px; }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list:last-child {
        margin-bottom: 0px; }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list.is-sp {
        margin-bottom: 16px; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list.is-sp:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 1px;
          background-color: var(--qtd-fun-color-4);
          left: 0;
          bottom: -8px; }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li {
        height: 100%; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .type-text {
          color: #666;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          margin-right: 8px; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li > img {
          width: 40px;
          height: 40px; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li > p > em {
          font-weight: 600; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content {
          display: flex; }
          .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p {
            display: flex;
            flex-direction: column; }
            .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(1) {
              position: relative;
              display: flex;
              align-items: center;
              font-weight: 500;
              font-size: 14px;
              height: 22px;
              line-height: 22px;
              color: var(--qtd-fun-color-12);
              width: 100%; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(1) span:nth-child(1) {
                display: flex;
                width: 0;
                flex: 1;
                max-width: max-content; }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(1) span:nth-child(1) > em {
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(1) span:nth-child(2) {
                display: inline-block;
                background: var(--qtd-business-color-1);
                border: 1px solid var(--qtd-business-color-3);
                border-radius: 4px;
                font-size: 12px;
                height: 16px;
                line-height: 16px;
                color: var(--qtd-business-color-6);
                margin-left: 4px;
                padding: 0 4px;
                box-sizing: content-box; }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(1) span:nth-child(2).is-plus {
                  background: #474747;
                  border: 1px solid var(--qtd-gold-color-6);
                  color: var(--qtd-gold-color-6); }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(1) span:nth-child(2).is-free {
                  background: var(--qtd-brand-color-1);
                  border: 1px solid var(--qtd-brand-color-3);
                  color: var(--qtd-brand-color-6); }
            .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(2) {
              display: inline-block;
              font-size: 12px;
              height: 20px;
              line-height: 20px;
              color: var(--qtd-fun-color-10); }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(2) span {
                display: inline-block;
                background: var(--qtd-business-color-1);
                border: 1px solid var(--qtd-business-color-3);
                border-radius: 4px;
                font-size: 12px;
                height: 16px;
                line-height: 16px;
                color: var(--qtd-business-color-6);
                padding: 0 4px;
                box-sizing: content-box;
                transform: scale(0.8); }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(2) span.is-plus {
                  background: #474747;
                  border: 1px solid var(--qtd-gold-color-6);
                  color: var(--qtd-gold-color-6); }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content > p > em:nth-child(2) span.is-free {
                  background: var(--qtd-brand-color-1);
                  border: 1px solid var(--qtd-brand-color-3);
                  color: var(--qtd-brand-color-6); }
          .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth {
            display: none;
            align-items: center; }
            .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .hover-box {
              position: absolute;
              display: none;
              width: max-content;
              max-width: 240px;
              height: auto;
              font-size: 12px;
              border-radius: 4px;
              padding: 10px;
              color: var(--qtd-fun-color-10);
              background-color: var(--qtd-fun-color-1);
              z-index: 9999;
              box-shadow: 0 0 8px 2px rgba(191, 191, 191, 0.34); }
            .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth > span {
              color: var(--qtd-fun-color-10);
              font-size: 12px; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth > span .icon-yiwen1 {
                font-size: 12px;
                margin-right: 4px;
                margin-left: 2px; }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth > span .icon-yiwen1:hover .hover-box {
                  opacity: 1;
                  z-index: 9999;
                  display: block; }
            .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item {
              display: flex;
              align-items: center;
              height: 22px;
              font-size: 12px;
              color: var(--qtd-fun-color-10);
              transition: all 0.38s var(--qtd-transition-cubic-1);
              cursor: pointer;
              margin-right: 8px; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item span {
                position: relative;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                border: 1px solid var(--qtd-fun-color-4);
                margin-right: 2px;
                transition: all 0.38s var(--qtd-transition-cubic-1); }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item span em {
                  position: absolute;
                  width: 6px;
                  height: 6px;
                  left: calc(50% - 6px/2);
                  top: calc(50% - 6px/2);
                  background: var(--qtd-business-color-6);
                  border-radius: 50%;
                  opacity: 0; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item.active span {
                border-color: var(--qtd-business-color-6); }
                .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item.active span em {
                  opacity: 1; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item.disabled {
                cursor: not-allowed;
                color: var(--qtd-fun-color-8) !important; }
              .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .qiye-box-li-content .change-down-auth .radio-item:hover {
                color: var(--qtd-fun-color-12); }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list .qiye-box-li .icon-PLG-dui {
          color: var(--qtd-business-color-6); }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list:hover .qiye-box-li .qiye-box-li-content > p > em:nth-child(2) {
        display: none; }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list:hover .qiye-box-li .qiye-box-li-content .change-down-auth {
        display: flex; }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list.active {
        background-color: var(--qtd-business-color-1) !important; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list.active .qiye-box-li .qiye-box-li-content > p > em:nth-child(2) {
          display: none; }
        .logo-info-qiye.new-qiye-box-list .qiye-box-list.active .qiye-box-li .qiye-box-li-content .change-down-auth {
          display: flex; }
      .logo-info-qiye.new-qiye-box-list .qiye-box-list:hover {
        background-color: var(--qtd-fun-color-3); }

.down-setting-dialog .ant-modal-content {
  border-radius: 24px; }
  .down-setting-dialog .ant-modal-content .ant-modal-header {
    border-radius: 24px 24px 0 0; }

.down-setting-dialog .ant-modal-body {
  padding: 0;
  padding-bottom: 24px; }