2025-02-13

king

2025-02-13 bea1f5567eeb2f9ace1c43b7857bdc4cf6a6d90d

2025-02-13

 src/tabviews/zshare/mutilform/index.jsx

@@ -1548,7 +1548,7 @@
          } else if (item.declare === 'decimal') {
            _item.type = 'number'
            _item.fieldlen = item.decimal || 0
          } else if (['text', 'textarea', 'linkMain'].includes(item.type)) {
          } else if (['text', 'textarea', 'linkMain', 'brafteditor'].includes(item.type)) {
            _item.value = _item.value + ''
            _item.value = _item.value.replace(/\t+|\v+/g, '')       // 去除制表符


 src/templates/zshare/modalform/index.jsx

@@ -41,7 +41,7 @@
  hint: ['label', 'field', 'type', 'blacklist', 'supField', 'message', 'span', 'labelwidth', 'splitline', 'marginTop', 'marginBottom'],
  split: ['label', 'type', 'marginTop', 'marginBottom', 'splitline', 'splitctrl', 'supField', 'opacity'],
  formula: ['label', 'type', 'marginTop', 'marginBottom', 'splitline', 'supField', 'span', 'labelwidth', 'formula', 'eval', 'postfix'],
  brafteditor: ['required', 'hidelabel', 'hidden', 'readin', 'fieldlength', 'readonly', 'span', 'labelwidth', 'tooltip', 'extra', 'encryption', 'marginTop', 'marginBottom', 'contHeidht'],
  brafteditor: ['required', 'hidelabel', 'hidden', 'readin', 'fieldlength', 'readonly', 'span', 'labelwidth', 'tooltip', 'interception', 'extra', 'encryption', 'marginTop', 'marginBottom', 'contHeidht'],
  funcvar: ['span', 'labelwidth', 'splitline', 'marginTop', 'marginBottom'],
  linkMain: ['readonly', 'required', 'hidden','declare', 'span', 'labelwidth', 'tooltip', 'interception', 'extra', 'place', 'marginTop', 'marginBottom', 'verifyVal'],
  popSelect: ['initval', 'readonly', 'required', 'hidden', 'readin', 'linkSubField', 'span', 'labelwidth', 'tooltip', 'extra', 'place', 'enter', 'dataSource', 'columns', 'primaryKey', 'order', 'controlField', 'laypage', 'onload', 'searchKey', 'showField', 'popWidth'],
@@ -295,6 +295,10 @@
      if (this.record.interception === 'func') {
        shows.push('func')
      }
    } else if (type === 'brafteditor') {
      if (this.record.interception === 'func') {
        shows.push('func')
      }
    } else if (type === 'popSelect') {
      if (this.record.enter === 'tab' || this.record.enter === 'sub') {
        shows.push('tabField')
@@ -421,7 +425,9 @@

      if (value === 'brafteditor') {
        this.record.encryption = 'true'
        this.record.interception = 'false'
        _fieldval.encryption = 'true'
        _fieldval.interception = 'false'
      }

      if (value === 'linkMain') {

 src/views/mkai/index.jsx

@@ -1,5 +1,5 @@
import React, { Component, useState } from 'react'
import { Spin, notification, Tooltip } from 'antd'
import { Spin, notification, Tooltip, Input } from 'antd'

import Api from '@/api'
// import Utils from '@/utils/utils.js'
@@ -7,6 +7,9 @@
import avatar from '@/assets/img/avatar.jpg'
import './index.scss'

const { TextArea } = Input

const burl = window.atob('aHR0cHM6Ly9jbG91$mkZC5tazloLmNu'.replace('$mk', ''))
let logo = window.GLOB.doclogo || ''
let uavatar = sessionStorage.getItem('avatar') || avatar
let fullname = sessionStorage.getItem('Full_Name') || ''
@@ -70,11 +73,11 @@

class MkAi extends Component {
  state = {
    url: window.atob('aHR0cHM6Ly9jbG91$mkZC5tazloLmNu'.replace('$mk', '')) + '/webapi/dostars',
    loading: true,
    UserID: '',
    LoginUID: '',
    sql: ''
    textInput: '',
    type: 'deepseek-chat', // deepseek-chat deepseek-reasoner
  }

  UNSAFE_componentWillMount() {
@@ -88,6 +91,9 @@
      this.props.history.replace('/login')
      return
    }

    let node = document.getElementById('mk-input')
    node && node.focus()
  }

  login = () => {
@@ -97,7 +103,7 @@
        this.setState({
          UserID: res.UserID,
          LoginUID: res.LoginUID,
          sql: sessionStorage.getItem('deepseek_sql') || ''
          textInput: sessionStorage.getItem('deepseek_sql') || ''
        }, () => {
          sessionStorage.removeItem('deepseek_sql')
          this.getList()
@@ -115,7 +121,7 @@

    Api.genericInterface({
      func: 's_get_deepseek_list',
      rduri: window.atob('aHR0cHM6Ly9jbG91$mkZC5tazloLmNu'.replace('$mk', '')) + '/webapi/dostars',
      rduri: burl + '/webapi/dostars',
      userid: UserID,
      LoginUID: LoginUID,
      u_id: sessionStorage.getItem('UserID')
@@ -135,11 +141,53 @@
  }

  newContent = () => {
    this.setState({textInput: ''})
    let node = document.getElementById('mk-input')
    node && node.focus()
  }

  changeVal = (e) => {
    this.setState({textInput: e.target.value})
  }

  changeType = () => {
    const { type } = this.state

    this.setState({type: type === 'deepseek-reasoner' ? 'deepseek-chat' : 'deepseek-reasoner'})
  }

  submit = () => {
    const { textInput } = this.state

    let val = textInput.replace(/\t+|\v+/g, '').replace(/^\s+|\s+$/g, '')

    if (!val) return

    let node = document.getElementById('mk-input')
    node && node.blur()

    this.setState({textInput: ''})

    // Api.directRequest({
    //   url: burl + '/chat/completions',
    //   method: 'post',
    //   headers: { 'Content-Type': 'application/json' },
    //   data: {
    //     model: this.state.type,
    //     messages: [
    //       { role: 'user', content: val }
    //     ],
    //     stream: false
    //   }
    // }).then(result => {

    // })
  }

  render () {
    const { loading } = this.state
    const { loading, textInput, type } = this.state

    let able = textInput && !/^\s+$/.test(textInput)

    return (
      <div className="mk-deepseek-wrap">
@@ -170,44 +218,44 @@
                <div className="c9dd4ww">
                  <div className="dd442025">
                    <div className="fad49dec">
                      <textarea id="chat-input" className="c92459f0" placeholder="给 DeepSeek 发送消息 " rows="2"></textarea>
                      <div className="b13855df"></div>
                      <TextArea id="mk-input" value={textInput} autoSize={{minRows: 2, maxRows: 12}} placeholder="给 DeepSeek 发送消息 " onChange={this.changeVal} onPressEnter={this.submit}/>
                    </div>
                    <div className="ec4f5d61">
                      <div role="button" className="ds-button ds-button--primary ds-button--filled ds-button--rect ds-button--m d9f56c96">
                        <div className="ds-button__icon">
                          <span>
                            <div className="ds-icon">
                              <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2.656 17.344c-1.016-1.015-1.15-2.75-.313-4.925.325-.825.73-1.617 1.205-2.365L3.582 10l-.033-.054c-.5-.799-.91-1.596-1.206-2.365-.836-2.175-.703-3.91.313-4.926.56-.56 1.364-.86 2.335-.86 1.425 0 3.168.636 4.957 1.756l.053.034.053-.034c1.79-1.12 3.532-1.757 4.957-1.757.972 0 1.776.3 2.335.86 1.014 1.015 1.148 2.752.312 4.926a13.892 13.892 0 0 1-1.206 2.365l-.034.054.034.053c.5.8.91 1.596 1.205 2.365.837 2.175.704 3.911-.311 4.926-.56.56-1.364.861-2.335.861-1.425 0-3.168-.637-4.957-1.757L10 16.415l-.053.033c-1.79 1.12-3.532 1.757-4.957 1.757-.972 0-1.776-.3-2.335-.86zm13.631-4.399c-.187-.488-.429-.988-.71-1.492l-.075-.132-.092.12a22.075 22.075 0 0 1-3.968 3.968l-.12.093.132.074c1.308.734 2.559 1.162 3.556 1.162.563 0 1.006-.138 1.298-.43.3-.3.436-.774.428-1.346-.008-.575-.159-1.264-.449-2.017zm-6.345 1.65l.058.042.058-.042a19.881 19.881 0 0 0 4.551-4.537l.043-.058-.043-.058a20.123 20.123 0 0 0-2.093-2.458 19.732 19.732 0 0 0-2.458-2.08L10 5.364l-.058.042A19.883 19.883 0 0 0 5.39 9.942L5.348 10l.042.059c.631.874 1.332 1.695 2.094 2.457a19.74 19.74 0 0 0 2.458 2.08zm6.366-10.902c-.293-.293-.736-.431-1.298-.431-.998 0-2.248.429-3.556 1.163l-.132.074.12.092a21.938 21.938 0 0 1 3.968 3.968l.092.12.074-.132c.282-.504.524-1.004.711-1.492.29-.753.442-1.442.45-2.017.007-.572-.129-1.045-.429-1.345zM3.712 7.055c.202.514.44 1.013.712 1.493l.074.13.092-.119a21.94 21.94 0 0 1 3.968-3.968l.12-.092-.132-.074C7.238 3.69 5.987 3.262 4.99 3.262c-.563 0-1.006.138-1.298.43-.3.301-.436.774-.428 1.346.007.575.159 1.264.448 2.017zm0 5.89c-.29.753-.44 1.442-.448 2.017-.008.572.127 1.045.428 1.345.293.293.736.431 1.298.431.997 0 2.247-.428 3.556-1.162l.131-.074-.12-.093a21.94 21.94 0 0 1-3.967-3.968l-.093-.12-.074.132a11.712 11.712 0 0 0-.71 1.492z" fill="currentColor" stroke="currentColor" strokeWidth=".1"></path><path d="M10.706 11.704A1.843 1.843 0 0 1 8.155 10a1.845 1.845 0 1 1 2.551 1.704z" fill="currentColor" stroke="currentColor" strokeWidth=".2"></path></svg>
                            </div>
                      {type === 'deepseek-chat' ? <Tooltip placement="left" title="调用新模型 DeekSeek-R1，解决推理问题">
                        <div className="ds-button" onClick={this.changeType}>
                          <span className="ds-icon">
                            <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2.656 17.344c-1.016-1.015-1.15-2.75-.313-4.925.325-.825.73-1.617 1.205-2.365L3.582 10l-.033-.054c-.5-.799-.91-1.596-1.206-2.365-.836-2.175-.703-3.91.313-4.926.56-.56 1.364-.86 2.335-.86 1.425 0 3.168.636 4.957 1.756l.053.034.053-.034c1.79-1.12 3.532-1.757 4.957-1.757.972 0 1.776.3 2.335.86 1.014 1.015 1.148 2.752.312 4.926a13.892 13.892 0 0 1-1.206 2.365l-.034.054.034.053c.5.8.91 1.596 1.205 2.365.837 2.175.704 3.911-.311 4.926-.56.56-1.364.861-2.335.861-1.425 0-3.168-.637-4.957-1.757L10 16.415l-.053.033c-1.79 1.12-3.532 1.757-4.957 1.757-.972 0-1.776-.3-2.335-.86zm13.631-4.399c-.187-.488-.429-.988-.71-1.492l-.075-.132-.092.12a22.075 22.075 0 0 1-3.968 3.968l-.12.093.132.074c1.308.734 2.559 1.162 3.556 1.162.563 0 1.006-.138 1.298-.43.3-.3.436-.774.428-1.346-.008-.575-.159-1.264-.449-2.017zm-6.345 1.65l.058.042.058-.042a19.881 19.881 0 0 0 4.551-4.537l.043-.058-.043-.058a20.123 20.123 0 0 0-2.093-2.458 19.732 19.732 0 0 0-2.458-2.08L10 5.364l-.058.042A19.883 19.883 0 0 0 5.39 9.942L5.348 10l.042.059c.631.874 1.332 1.695 2.094 2.457a19.74 19.74 0 0 0 2.458 2.08zm6.366-10.902c-.293-.293-.736-.431-1.298-.431-.998 0-2.248.429-3.556 1.163l-.132.074.12.092a21.938 21.938 0 0 1 3.968 3.968l.092.12.074-.132c.282-.504.524-1.004.711-1.492.29-.753.442-1.442.45-2.017.007-.572-.129-1.045-.429-1.345zM3.712 7.055c.202.514.44 1.013.712 1.493l.074.13.092-.119a21.94 21.94 0 0 1 3.968-3.968l.12-.092-.132-.074C7.238 3.69 5.987 3.262 4.99 3.262c-.563 0-1.006.138-1.298.43-.3.301-.436.774-.428 1.346.007.575.159 1.264.448 2.017zm0 5.89c-.29.753-.44 1.442-.448 2.017-.008.572.127 1.045.428 1.345.293.293.736.431 1.298.431.997 0 2.247-.428 3.556-1.162l.131-.074-.12-.093a21.94 21.94 0 0 1-3.967-3.968l-.093-.12-.074.132a11.712 11.712 0 0 0-.71 1.492z" fill="currentColor" stroke="currentColor" strokeWidth=".1"></path><path d="M10.706 11.704A1.843 1.843 0 0 1 8.155 10a1.845 1.845 0 1 1 2.551 1.704z" fill="currentColor" stroke="currentColor" strokeWidth=".2"></path></svg>
                          </span>
                          <span className="text">深度思考 (R1)</span>
                        </div>
                        <span className="ad0c98fd">深度思考 (R1)</span>
                      </div>
                      <div role="button" className="ds-button ds-button--primary ds-button--filled ds-button--rect ds-button--m d9f56c96">
                        <div className="ds-button__icon">
                          <span>
                            <div className="ds-icon">
                              <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="currentColor" strokeWidth="1.8"></circle><path d="M10 1c1.657 0 3 4.03 3 9s-1.343 9-3 9M10 19c-1.657 0-3-4.03-3-9s1.343-9 3-9M1 10h18" stroke="currentColor" strokeWidth="1.8"></path></svg>
                            </div>
                          </span>
                        </div>
                        <span className="ad0c98fd">联网搜索</span>
                      </div>
                      </Tooltip> : <div className="ds-button active" onClick={this.changeType}>
                        <span className="ds-icon">
                          <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2.656 17.344c-1.016-1.015-1.15-2.75-.313-4.925.325-.825.73-1.617 1.205-2.365L3.582 10l-.033-.054c-.5-.799-.91-1.596-1.206-2.365-.836-2.175-.703-3.91.313-4.926.56-.56 1.364-.86 2.335-.86 1.425 0 3.168.636 4.957 1.756l.053.034.053-.034c1.79-1.12 3.532-1.757 4.957-1.757.972 0 1.776.3 2.335.86 1.014 1.015 1.148 2.752.312 4.926a13.892 13.892 0 0 1-1.206 2.365l-.034.054.034.053c.5.8.91 1.596 1.205 2.365.837 2.175.704 3.911-.311 4.926-.56.56-1.364.861-2.335.861-1.425 0-3.168-.637-4.957-1.757L10 16.415l-.053.033c-1.79 1.12-3.532 1.757-4.957 1.757-.972 0-1.776-.3-2.335-.86zm13.631-4.399c-.187-.488-.429-.988-.71-1.492l-.075-.132-.092.12a22.075 22.075 0 0 1-3.968 3.968l-.12.093.132.074c1.308.734 2.559 1.162 3.556 1.162.563 0 1.006-.138 1.298-.43.3-.3.436-.774.428-1.346-.008-.575-.159-1.264-.449-2.017zm-6.345 1.65l.058.042.058-.042a19.881 19.881 0 0 0 4.551-4.537l.043-.058-.043-.058a20.123 20.123 0 0 0-2.093-2.458 19.732 19.732 0 0 0-2.458-2.08L10 5.364l-.058.042A19.883 19.883 0 0 0 5.39 9.942L5.348 10l.042.059c.631.874 1.332 1.695 2.094 2.457a19.74 19.74 0 0 0 2.458 2.08zm6.366-10.902c-.293-.293-.736-.431-1.298-.431-.998 0-2.248.429-3.556 1.163l-.132.074.12.092a21.938 21.938 0 0 1 3.968 3.968l.092.12.074-.132c.282-.504.524-1.004.711-1.492.29-.753.442-1.442.45-2.017.007-.572-.129-1.045-.429-1.345zM3.712 7.055c.202.514.44 1.013.712 1.493l.074.13.092-.119a21.94 21.94 0 0 1 3.968-3.968l.12-.092-.132-.074C7.238 3.69 5.987 3.262 4.99 3.262c-.563 0-1.006.138-1.298.43-.3.301-.436.774-.428 1.346.007.575.159 1.264.448 2.017zm0 5.89c-.29.753-.44 1.442-.448 2.017-.008.572.127 1.045.428 1.345.293.293.736.431 1.298.431.997 0 2.247-.428 3.556-1.162l.131-.074-.12-.093a21.94 21.94 0 0 1-3.967-3.968l-.093-.12-.074.132a11.712 11.712 0 0 0-.71 1.492z" fill="currentColor" stroke="currentColor" strokeWidth=".1"></path><path d="M10.706 11.704A1.843 1.843 0 0 1 8.155 10a1.845 1.845 0 1 1 2.551 1.704z" fill="currentColor" stroke="currentColor" strokeWidth=".2"></path></svg>
                        </span>
                        <span className="text">深度思考 (R1)</span>
                      </div>}
                      {/* <div className="ds-button">
                        <span className="ds-icon">
                          <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="currentColor" strokeWidth="1.8"></circle><path d="M10 1c1.657 0 3 4.03 3 9s-1.343 9-3 9M10 19c-1.657 0-3-4.03-3-9s1.343-9 3-9M1 10h18" stroke="currentColor" strokeWidth="1.8"></path></svg>
                        </span>
                        <span className="text">联网搜索</span>
                      </div> */}
                      <div className="bf38813a">
                        <div className="f02f0e25">
                          <div role="button" aria-disabled="true" className="f6d670 bcc55ca1">
                            <div className="ds-icon">
                              <svg width="14" height="16" viewBox="0 0 14 16" fill="none"><path fillRule="evenodd" clipRule="evenodd" d="M7 16c-.595 0-1.077-.462-1.077-1.032V1.032C5.923.462 6.405 0 7 0s1.077.462 1.077 1.032v13.936C8.077 15.538 7.595 16 7 16z" fill="currentColor"></path><path fillRule="evenodd" clipRule="evenodd" d="M.315 7.44a1.002 1.002 0 0 1 0-1.46L6.238.302a1.11 1.11 0 0 1 1.523 0c.421.403.421 1.057 0 1.46L1.838 7.44a1.11 1.11 0 0 1-1.523 0z" fill="currentColor"></path><path fillRule="evenodd" clipRule="evenodd" d="M13.685 7.44a1.11 1.11 0 0 1-1.523 0L6.238 1.762a1.002 1.002 0 0 1 0-1.46 1.11 1.11 0 0 1 1.523 0l5.924 5.678c.42.403.42 1.056 0 1.46z" fill="currentColor"></path></svg>
                            </div>
                        {able ? <div className="ds-icon" onClick={this.submit}>
                          <svg width="14" height="16" viewBox="0 0 14 16" fill="none"><path fillRule="evenodd" clipRule="evenodd" d="M7 16c-.595 0-1.077-.462-1.077-1.032V1.032C5.923.462 6.405 0 7 0s1.077.462 1.077 1.032v13.936C8.077 15.538 7.595 16 7 16z" fill="currentColor"></path><path fillRule="evenodd" clipRule="evenodd" d="M.315 7.44a1.002 1.002 0 0 1 0-1.46L6.238.302a1.11 1.11 0 0 1 1.523 0c.421.403.421 1.057 0 1.46L1.838 7.44a1.11 1.11 0 0 1-1.523 0z" fill="currentColor"></path><path fillRule="evenodd" clipRule="evenodd" d="M13.685 7.44a1.11 1.11 0 0 1-1.523 0L6.238 1.762a1.002 1.002 0 0 1 0-1.46 1.11 1.11 0 0 1 1.523 0l5.924 5.678c.42.403.42 1.056 0 1.46z" fill="currentColor"></path></svg>
                        </div> : 
                        <Tooltip placement="top" title="请输入你的问题">
                          <div className="ds-icon disabled">
                            <svg width="14" height="16" viewBox="0 0 14 16" fill="none"><path fillRule="evenodd" clipRule="evenodd" d="M7 16c-.595 0-1.077-.462-1.077-1.032V1.032C5.923.462 6.405 0 7 0s1.077.462 1.077 1.032v13.936C8.077 15.538 7.595 16 7 16z" fill="currentColor"></path><path fillRule="evenodd" clipRule="evenodd" d="M.315 7.44a1.002 1.002 0 0 1 0-1.46L6.238.302a1.11 1.11 0 0 1 1.523 0c.421.403.421 1.057 0 1.46L1.838 7.44a1.11 1.11 0 0 1-1.523 0z" fill="currentColor"></path><path fillRule="evenodd" clipRule="evenodd" d="M13.685 7.44a1.11 1.11 0 0 1-1.523 0L6.238 1.762a1.002 1.002 0 0 1 0-1.46 1.11 1.11 0 0 1 1.523 0l5.924 5.678c.42.403.42 1.056 0 1.46z" fill="currentColor"></path></svg>
                          </div>
                        </div>
                        </Tooltip>}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="mk-tail">内容由 AI 生成，请仔细甄别</div>
          </div>
        </div>
      </div>

 src/views/mkai/index.scss

@@ -193,7 +193,7 @@
      }
    }
    .mk-right {
      // flex-direction: row;
      position: relative;
      flex-grow: 1;
      min-width: 0;
      display: flex;
@@ -266,7 +266,7 @@
          }
        }
        .input-wrap {
          width: 670px;
          width: 800px;
          .c9dd4ww {
            cursor: text;
            box-sizing: border-box;
@@ -281,14 +281,116 @@
            display: flex;
            position: relative;

            .dd442025 {
              background-color: rgb(243, 244, 246);
              box-shadow: 0px 0px 0px .5px #dce0e9;
              border-radius: 24px;
              z-index: 1;
              flex-direction: column;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 10px;
              display: flex;
              overflow: hidden;

              .fad49dec {
                cursor: text;
                width: 100%;
                .ant-input {
                  width: 100%;
                  border: none!important;
                  box-shadow: none!important;
                  outline: none!important;
                  background-color: transparent;
                  resize: none;
                }
              }
              .ec4f5d61 {
                width: calc(100% - 2px);
                padding-left: 2px;
                flex-wrap: wrap;
                align-items: center;
                margin-top: 4px;
                display: flex;

                .ds-button {
                  border: 1px solid rgba(0, 0, 0, 0.12);
                  border-radius: 14px;
                  justify-content: center;
                  align-items: center;
                  height: 28px;
                  margin-right: 10px;
                  padding: 0 7px;
                  display: flex;
                  color: #4c4c4c;
                  font-size: 14px;
                  line-height: 25px;
                  background-color: #fff;
                  cursor: pointer;

                  .ds-icon {
                    margin-right: 4px;
                  }
                  .text {
                    font-size: 12px;
                  }
                }
                .ds-button.active {
                  background-color: var(--mk-sys-color1);
                  border-color: var(--mk-sys-color3);
                  color: var(--mk-sys-color);
                }
                .ds-button:not(.active):hover {
                  background-color: rgba(0, 0, 0, 0.07);
                }
                .ds-button.active:hover {
                  background-color: var(--mk-sys-color2);
                }

                .bf38813a {
                  flex: 1;
                  display: flex;
                  justify-content: right;

                  .ds-icon {
                    white-space: nowrap;
                    cursor: pointer;
                    color: #fff;
                    background: var(--mk-sys-color);
                    border: none;
                    border-radius: 16px;
                    min-width: 32px;
                    height: 32px;
                    align-items: center;
                    justify-content: center;
                    display: flex;
                  }

                  .ds-icon.disabled {
                    background: var(--mk-sys-color4);
                    opacity: 0.9;
                    cursor: not-allowed;
                  }
                }
              }
            }
            .ds-icon {
              font-size: 16px;
              width: 16px;
              height: 16px;
              height: 20px;
            }
          }
        }
      }
      .mk-tail {
        text-align: center;
        width: 100%;
        margin-top: auto;
        position: absolute;
        bottom: 0;
        font-size: 12px;
        color: rgb(163, 163, 163);
        margin: 6px 0;
        line-height: 14px;
      }
    }
  }
}