@charset "UTF-8";.body[data-v-1d7a66a9] {
  background-color: white;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-size: contain;
  position: relative;
  display: flex;
  box-sizing: border-box;
}
.bg-img[data-v-1d7a66a9] {
  height: 100%;
  width: 100%;
  background: url("https://cdn.yay.chat/operations/tolink-admin/login-bg.webp") no-repeat left;
  object-fit: cover;
  image-rendering: auto;
  background-size: auto 100%;
}
.login-container[data-v-1d7a66a9] {
  position: absolute;
  width: 560px;
  height: 100%;
  background-color: white;
  right: 0%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  box-sizing: border-box;
  padding: 0 50px;
}
.login-container .logo[data-v-1d7a66a9] {
  width: 220px;
  height: 43px;
  margin-top: 50%;
  content: url("/assets/login-logo-2Asr8_Ai.webp");
}
.login-container .input-layout[data-v-1d7a66a9] {
  width: 400px;
  height: 54px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #333;
  font-size: 18px;
  font-weight: 400;
  box-sizing: border-box;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #BDC7DA;
  margin-top: 20px;
}
.login-container .icon[data-v-1d7a66a9] {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.login-container .login-btn[data-v-1d7a66a9] {
  background-color: #2A4CD5;
  width: 400px;
  height: 54px;
  font-weight: 500;
  color: white;
  font-size: 18px;
  margin-top: 36px;
  border-radius: 8px;
}
.auth-loading[data-v-1d7a66a9] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 0px;
  color: #999;
}
.auth-loading span[data-v-1d7a66a9] {
  padding: 20px 0px;
}.slider[data-v-180cb9c4] {
  height: 100vh;
  overflow-y: scroll;
  background: rgb(42, 76, 212);
  width: 256px;
  flex-shrink: 0;
}
[data-v-180cb9c4]::-webkit-scrollbar {
  display: none;
}
.logo-layout[data-v-180cb9c4] {
  display: flex;
  width: 100%;
  height: 60px;
  justify-content: center;
  align-items: center;
}
.logo[data-v-180cb9c4] {
  width: 133px;
}
[data-v-180cb9c4] .ant-menu {
  padding: 0 8px;
  font-size: 16px !important;
  color: white !important;
}
[data-v-180cb9c4] .ant-menu-item {
  height: 60px !important;
  border-radius: 6px;
}
[data-v-180cb9c4] .ant-menu-submenu-title {
  border-radius: 6px;
  height: 60px !important;
}
[data-v-180cb9c4] .ant-menu-item-icon {
  width: 28px;
  height: 28px;
  image-rendering: auto;
}.header[data-v-800900ed] {
  width: 100%;
  height: 60px;
  background: #FFF;
  flex-direction: row-reverse;
  padding: 0 20px;
  border-bottom: 1px solid #F0F2F5;
}
.desc[data-v-800900ed] {
  color: #333;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-right: 10px;
}
.avatar[data-v-800900ed] {
  width: 36px;
  height: 36px;
  border-radius: 36px;
  overflow: hidden;
  transition: 0.3s;
}
.avatar img[data-v-800900ed] {
  width: 100%;
  height: 100%;
}
.avatar[data-v-800900ed]:hover {
  transform: scale(1.2);
  transition: 0.3s;
}
.divider[data-v-800900ed] {
  width: 1px;
  height: 20px;
  background: rgb(231, 234, 246);
  margin: 0 20px;
}
.icon[data-v-800900ed] {
  width: 20px;
  height: 20px;
}.breadcrumb[data-v-f51587e1] {
  width: 100%;
  background: #fff;
  padding: 10px 16px;
}
.tab-container[data-v-f51587e1] {
  padding-top: 8px;
  flex-wrap: wrap;
  flex-shrink: 1;
}
.tabs[data-v-f51587e1] {
  border-radius: 6px;
  border: 1px solid #E7EAF6;
  height: 36px;
  background: #FFF;
  padding: 8px 12px;
  margin: 0 4px;
  margin-bottom: 8px;
  color: #666666;
  cursor: pointer;
  font-size: 14px;
}
.tabs span[data-v-f51587e1] {
  margin-right: 16px;
}
.tabs .icon[data-v-f51587e1] {
  width: 10px;
  height: 10px;
}
.tabs.selected[data-v-f51587e1] {
  border: 1px solid #2A4CD4;
  background: rgba(42, 76, 212, 0.1019607843);
  color: #2A4CD4;
}
.tabs.selected .icon[data-v-f51587e1] {
  filter: invert(35%) sepia(75%) saturate(4902%) hue-rotate(217deg) brightness(91%) contrast(106%);
}
.tabs[data-v-f51587e1]:hover {
  border: 1px solid #2A4CD4;
  background: rgba(42, 76, 212, 0.1019607843);
  color: #2A4CD4;
}
.tabs:hover .icon[data-v-f51587e1] {
  filter: invert(35%) sepia(75%) saturate(4902%) hue-rotate(217deg) brightness(91%) contrast(106%);
}.layout[data-v-3aaab045] {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.right[data-v-3aaab045] {
  flex: 1;
  height: 100%;
  overflow: auto;
}
.container[data-v-3aaab045] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.page[data-v-3aaab045] {
  flex: 1;
  background: #F0F2F5;
  padding: 20px;
  overflow: auto;
}.pagination[data-v-5a4dc6b0] {
  margin-top: 18px;
}.model_title[data-v-d75d0a0f] {
  color: #333;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
}.model_title[data-v-872cc0b3] {
  color: #333;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
}.page[data-v-10e0d583] {
  padding: 20px;
  border-radius: 8px;
  background: #FFF;
}
.text_copy[data-v-10e0d583] {
  color: #2A4CD4;
  font-size: 14px;
  cursor: pointer;
}
.text_copy img[data-v-10e0d583] {
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
.text_copy[data-v-10e0d583]:hover {
  opacity: 0.8;
}
.circle-normal[data-v-10e0d583] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(81, 196, 25);
}
.image-padding[data-v-10e0d583] {
  padding-left: 10px;
}
.circle-danger[data-v-10e0d583] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(255, 0, 0);
}
.normal-m[data-v-10e0d583] {
  margin: 4px 0;
}
.search-area[data-v-10e0d583] {
  margin-bottom: 20px;
}
.button-area[data-v-10e0d583] {
  margin-bottom: 20px;
}
.button-area button[data-v-10e0d583] {
  margin-right: 10px;
}
.input[data-v-10e0d583] {
  width: 280px;
  margin-right: 10px;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
}.page[data-v-e806f2e4] {
  background: #000;
  padding: 20px;
  border-radius: 8px;
  background: #FFF;
}
.text_copy[data-v-e806f2e4] {
  color: #2A4CD4;
  font-size: 14px;
  cursor: pointer;
}
.text_copy img[data-v-e806f2e4] {
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
.circle-normal[data-v-e806f2e4] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(81, 196, 25);
}
.normal-m[data-v-e806f2e4] {
  margin: 4px 0;
}
.search-area[data-v-e806f2e4] {
  flex-wrap: wrap;
}
.search-area .search-item[data-v-e806f2e4] {
  margin-right: 48px;
  margin-bottom: 12px;
}
.button-area[data-v-e806f2e4] {
  margin-bottom: 20px;
}
.button-area button[data-v-e806f2e4] {
  margin-right: 10px;
}
.normal-m[data-v-e806f2e4] {
  margin: 4px 0;
}
.order-info[data-v-e806f2e4] {
  margin-bottom: 20px;
}
.button-area[data-v-e806f2e4] {
  margin-bottom: 20px;
}
.button-area button[data-v-e806f2e4] {
  margin-right: 10px;
}
.title_board[data-v-e806f2e4] {
  width: 100%;
  border-radius: 4px;
  background: #F0F2F5;
  padding: 15px 26px;
}
.right[data-v-e806f2e4] {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background: #EEF1FC;
}
.data-board[data-v-e806f2e4] {
  width: 273px;
  height: 72px;
  border-radius: 8px;
  border: 1px solid #E7EAF6;
  background: #FFF;
  padding: 11px 20px;
}
.data-board .label[data-v-e806f2e4]:nth-child(1) {
  color: #999;
  font-family: PingFang SC;
  font-size: 14px;
  margin-bottom: 3px;
}
.data-board .label[data-v-e806f2e4]:nth-child(2) {
  color: #333;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}
[data-v-e806f2e4] .ant-select-selector {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px !important;
  border: 1px solid #D8D8D8 !important;
  border-radius: 6px !important;
}.page[data-v-00d03e15] {
  background: #000;
  padding: 20px;
  border-radius: 8px;
  background: #FFF;
}
.text_copy[data-v-00d03e15] {
  color: #2A4CD4;
  font-size: 14px;
  cursor: pointer;
}
.text_copy img[data-v-00d03e15] {
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
.circle-normal[data-v-00d03e15] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(81, 196, 25);
}
.normal-m[data-v-00d03e15] {
  margin: 4px 0;
}
.search-area[data-v-00d03e15] {
  flex-wrap: wrap;
}
.search-area .search-item[data-v-00d03e15] {
  margin-right: 48px;
  margin-bottom: 12px;
}
.button-area[data-v-00d03e15] {
  margin-bottom: 20px;
}
.button-area button[data-v-00d03e15] {
  margin-right: 10px;
}
.normal-m[data-v-00d03e15] {
  margin: 4px 0;
}
.order-info[data-v-00d03e15] {
  margin-bottom: 20px;
}
.button-area[data-v-00d03e15] {
  margin-bottom: 20px;
}
.button-area button[data-v-00d03e15] {
  margin-right: 10px;
}
.title_board[data-v-00d03e15] {
  width: 100%;
  border-radius: 4px;
  background: #F0F2F5;
  padding: 15px 26px;
}
.right[data-v-00d03e15] {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background: #EEF1FC;
}
.data-board[data-v-00d03e15] {
  width: 273px;
  height: 72px;
  border-radius: 8px;
  border: 1px solid #E7EAF6;
  background: #FFF;
  padding: 11px 20px;
}
.data-board .label[data-v-00d03e15]:nth-child(1) {
  color: #999;
  font-family: PingFang SC;
  font-size: 14px;
  margin-bottom: 3px;
}
.data-board .label[data-v-00d03e15]:nth-child(2) {
  color: #333;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}
.body[data-v-c8695d49] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}
.group-select[data-v-c8695d49] {
    width: 100%;
    height: 52px;
    margin-top: 12px;
    color: #333333;
    font-size: 16px !important;
    font-weight: 400 !important;
}
[data-v-c8695d49] .ant-select-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px !important;
    border: 1px solid #E8E8E9 !important;
    border-radius: 12px !important;
}
[data-v-c8695d49] .ant-select-selection-item {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
[data-v-c8695d49] .ant-select-selection-placeholder {
    font-size: 16px !important;
    font-weight: 400 !important;
}
.group-model[data-v-c8695d49] {
    margin-top: 12px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #E8E8E9 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.add-type-layout[data-v-c8695d49] {
    display: flex;
    flex-direction: row;
    margin-top: 6px;
}
.add-type-item[data-v-c8695d49] {
    border: 1px solid #2A4CD4;
    border-radius: 6px;
    display: flex;
    color: #2A4CD4;
    font-weight: 400;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    box-sizing: border-box;
    padding: 4px 12px;
}
.add-type-item[data-v-c8695d49]:active {
    background-color: #2A4CD420;
}
.add-content-layout {
&[data-v-c8695d49] {
    width: 100%;
    height: 72px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    border: 1px solid #E8E8E9;
    border-radius: 12px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    }
.index[data-v-c8695d49] {
        font-weight: 600;
        color: #999999;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
}
.content[data-v-c8695d49] {
        flex: 1;
        text-overflow: ellipsis;
        overflow: auto;
        max-height: 65px;
}
.del[data-v-c8695d49] {
        width: 16px;
        height: 16px;
        margin: 0px 12px;
        content: url("data:image/svg+xml,%3csvg%20width='15'%20height='17'%20viewBox='0%200%2015%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.25017%207.54521C8.25017%207.12827%208.58674%206.79002%209.00033%206.79002C9.41393%206.79002%209.7505%207.12827%209.7505%207.54521V12.0713C9.7505%2012.4883%209.41393%2012.8265%209.00033%2012.8265C8.58674%2012.8265%208.25017%2012.4883%208.25017%2012.0713V7.54521ZM5.2495%207.54521C5.2495%207.12827%205.58607%206.79002%205.99966%206.79002C6.41326%206.79002%206.74983%207.12827%206.74983%207.54521V12.0713C6.74983%2012.4883%206.41326%2012.8265%205.99966%2012.8265C5.58607%2012.8265%205.2495%2012.4883%205.2495%2012.0713V7.54521ZM11.9993%204.5278H3.00067V14.3352C3.00067%2014.7522%203.33724%2015.0904%203.75084%2015.0904H11.2508C11.6644%2015.0904%2012.001%2014.7522%2012.001%2014.3352V4.5278H11.9993ZM9.7505%203.01741V2.2639C9.7505%201.84695%209.41393%201.50871%209.00033%201.50871H5.99966C5.58607%201.50871%205.2495%201.84695%205.2495%202.2639V3.01741H9.7505ZM11.2492%203.01741H14.2498C14.6634%203.01741%2015%203.35566%2015%203.77261C15%204.18955%2014.6634%204.5278%2014.2498%204.5278H13.4997V14.3352C13.4997%2015.5844%2012.4916%2016.5991%2011.2492%2016.5991H3.75084C2.50837%2016.5991%201.50033%2015.5861%201.50033%2014.3352V4.5278H0.750167C0.336571%204.5278%200%204.18955%200%203.77261C0%203.35566%200.336571%203.01741%200.750167%203.01741H3.75084V2.2639C3.75084%201.01474%204.75887%200%206.00134%200H9.00201C10.2445%200%2011.2525%201.01306%2011.2525%202.2639V3.01741H11.2492Z'%20fill='%23666666'/%3e%3c/svg%3e");
}
.content-img[data-v-c8695d49] {
        width: 52px;
        height: 52px;
}
.content-audio-layout {
&[data-v-c8695d49] {
        width: 150px;
        height: 42px;
        display: flex;
        flex-direction: row;
        box-sizing: border-box;
        border-radius: 12px;
        background-color: #2A4CD41A;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        font-weight: 500;
        color: #2A4CD4;
        padding: 0px 12px;
        }
.audio-svg[data-v-c8695d49] {
            width: 50px;
            height: 14px;
            content: url("data:image/svg+xml,%3csvg%20width='50'%20height='14'%20viewBox='0%200%2050%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%2014C13.55%2014%2014%2013.55%2014%2013V1C14%200.45%2013.55%200%2013%200C12.45%200%2012%200.45%2012%201V13C12%2013.55%2012.45%2014%2013%2014ZM37%2014C37.55%2014%2038%2013.55%2038%2013V1C38%200.45%2037.55%200%2037%200C36.45%200%2036%200.45%2036%201V13C36%2013.55%2036.45%2014%2037%2014ZM10%2010C10%2010.55%209.55%2011%209%2011C8.45%2011%208%2010.55%208%2010V4C8%203.45%208.45%203%209%203C9.55%203%2010%203.45%2010%204V10ZM33%2011C33.55%2011%2034%2010.55%2034%2010V4C34%203.45%2033.55%203%2033%203C32.45%203%2032%203.45%2032%204V10C32%2010.55%2032.45%2011%2033%2011ZM18%2010C18%2010.55%2017.55%2011%2017%2011C16.45%2011%2016%2010.55%2016%2010V4C16%203.45%2016.45%203%2017%203C17.55%203%2018%203.45%2018%204V10ZM41%2011C41.55%2011%2042%2010.55%2042%2010V4C42%203.45%2041.55%203%2041%203C40.45%203%2040%203.45%2040%204V10C40%2010.55%2040.45%2011%2041%2011ZM22%208C22%208.55%2021.55%209%2021%209C20.45%209%2020%208.55%2020%208V6C20%205.45%2020.45%205%2021%205C21.55%205%2022%205.45%2022%206V8ZM45%209C45.55%209%2046%208.55%2046%208V6C46%205.45%2045.55%205%2045%205C44.45%205%2044%205.45%2044%206V8C44%208.55%2044.45%209%2045%209ZM26%207C26%207.55%2025.55%208%2025%208C24.45%208%2024%207.55%2024%207C24%206.45%2024.45%206%2025%206C25.55%206%2026%206.45%2026%207ZM49%208C49.55%208%2050%207.55%2050%207C50%206.45%2049.55%206%2049%206C48.45%206%2048%206.45%2048%207C48%207.55%2048.45%208%2049%208ZM2%207C2%207.55%201.55%208%201%208C0.45%208%200%207.55%200%207C0%206.45%200.45%206%201%206C1.55%206%202%206.45%202%207ZM5%209C5.55%209%206%208.55%206%208V6C6%205.45%205.55%205%205%205C4.45%205%204%205.45%204%206V8C4%208.55%204.45%209%205%209ZM30%208C30%208.55%2029.55%209%2029%209C28.45%209%2028%208.55%2028%208V6C28%205.45%2028.45%205%2029%205C29.55%205%2030%205.45%2030%206V8Z'%20fill='%232A4CD4'/%3e%3c/svg%3e");
}
}
}
.content-list[data-v-c8695d49] {
    max-height: 300px;
    width: 100%;
    overflow-y: auto;
    flex: 1;
    margin-top: 12px;
}
.footer-layout[data-v-c8695d49] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 12px;
}
.media-upload[data-v-c8695d49] {
    width: 60px;
    height: 60px;
    border: 1px dashed #D8D8D8;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.media-upload[data-v-c8695d49]:active {
    background-color: #F8F8F8;
}

.body[data-v-960b34f2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}
.group-model[data-v-960b34f2] {
    margin-top: 12px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #E8E8E9 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.footer-layout[data-v-960b34f2] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}
.page[data-v-0883aaa6] {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 0px;
  color: #333333;
}
.header[data-v-0883aaa6] {
  display: flex;
  flex-direction: row;
  height: 76px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  box-sizing: border-box;
  align-items: center;
  justify-self: center;
  color: #333333;
  font-size: 14px;
}
.header .btn[data-v-0883aaa6] {
  height: 36px;
  min-width: 80px;
  background-color: #2A4CD4;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.header .input[data-v-0883aaa6] {
  width: 180px;
  height: 36px;
  margin-right: 8px;
}
.diver[data-v-0883aaa6] {
  width: 100%;
  height: 1px;
  background-color: #F0F2F5;
}
.v-diver[data-v-0883aaa6] {
  width: 1px;
  height: 100%;
  background-color: #F0F2F5;
}
.content[data-v-0883aaa6] {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  box-sizing: border-box;
}
.content .left-side[data-v-0883aaa6] {
  width: 240px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  font-size: 14px;
  position: relative;
}
.content .left-side .title[data-v-0883aaa6] {
  padding-top: 20px;
  padding-left: 20px;
  height: 50px;
}
.content .left-side .group-content[data-v-0883aaa6] {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  overflow-y: auto;
  position: absolute;
  top: 50px;
  bottom: 0;
}
.content .left-side .group-item-container[data-v-0883aaa6] {
  height: 68px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.content .left-side .group-item[data-v-0883aaa6] {
  display: flex;
  flex-direction: row;
  height: 48px;
  width: 100%;
  padding: 0px 10px;
  align-items: center;
  border-radius: 4px;
  font-size: 16px;
}
.content .left-side .group-item .group-title[data-v-0883aaa6] {
  flex: 1;
}
.content .left-side .group-item .img[data-v-0883aaa6] {
  width: 16px;
  height: 16px;
}
.content .left-side .group-item .icon[data-v-0883aaa6] {
  width: 18px;
  height: 18px;
  content: url("data:image/svg+xml,%3csvg%20width='14'%20height='13'%20viewBox='0%200%2014%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.1111%2012.7306H0.967201C0.967201%2012.7306%20-1.83029e-10%2012.8811%200%2011.5914V1.16704C0%201.16704%200.0215045%200.00639307%201.20364%200.00639307H5.45937C5.45937%200.00639307%205.97523%20-0.101074%206.4051%200.565217C6.81347%201.21003%207.04991%201.61841%207.04991%201.61841C7.04991%201.61841%207.20037%201.79035%207.54426%201.79035C7.24335%201.79035%2013.0251%201.79035%2013.0251%201.79035C13.0251%201.79035%2013.9923%201.68288%2013.9923%202.75755V11.6559C13.9923%2011.6559%2014.1428%2012.7306%2013.1111%2012.7306ZM12.2084%204.56304C12.2084%204.30511%2011.9934%204.09017%2011.7355%204.09017H2.27831C1.99889%204.09017%201.78395%204.30512%201.78395%204.56304V4.60602C1.78395%204.88544%201.99889%205.10037%202.27831%205.10037H11.7355C11.9934%205.10037%2012.2084%204.88542%2012.2084%204.60602V4.56304Z'%20fill='%239BA0A9'/%3e%3c/svg%3e");
  margin-right: 8px;
}
.content .left-side .group-item .icon.select[data-v-0883aaa6] {
  content: url("data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.8571%2016.3679H1.24354C1.24354%2016.3679%20-2.35322e-10%2016.5614%200%2014.9033V1.50048C0%201.50048%200.0276486%200.00821967%201.54754%200.00821967H7.01919C7.01919%200.00821967%207.68244%20-0.129952%208.23512%200.726708C8.76018%201.55576%209.06417%202.08081%209.06417%202.08081C9.06417%202.08081%209.25762%202.30188%209.69977%202.30188C9.31288%202.30188%2016.7466%202.30188%2016.7466%202.30188C16.7466%202.30188%2017.9901%202.1637%2017.9901%203.54542V14.9862C17.9901%2014.9862%2018.1836%2016.3679%2016.8571%2016.3679ZM15.6965%205.86676C15.6965%205.53514%2015.4201%205.25879%2015.0885%205.25879H2.92925C2.57%205.25879%202.29366%205.53516%202.29366%205.86676V5.92202C2.29366%206.28127%202.57%206.55762%202.92925%206.55762H15.0885C15.4201%206.55762%2015.6965%206.28126%2015.6965%205.92202V5.86676Z'%20fill='%232A4CD4'/%3e%3c/svg%3e");
}
.content .left-side .group-item.select[data-v-0883aaa6] {
  background-color: rgba(42, 76, 212, 0.0784313725);
  color: #2A4CD4;
}
.content .right-side[data-v-0883aaa6] {
  height: 100%;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.table-op[data-v-0883aaa6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #2A4CD4;
  font-size: 14px;
  font-weight: 400;
}
.table-op span[data-v-0883aaa6] {
  margin-right: 16px;
}
.modal-title[data-v-0883aaa6] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
}
.tag-layout[data-v-0883aaa6] {
  display: flex;
  flex-direction: row;
}.page[data-v-2c72d7de] {
  padding: 0px;
}
.text_copy[data-v-2c72d7de] {
  color: #2A4CD4;
  font-size: 14px;
  cursor: pointer;
}
.text_copy img[data-v-2c72d7de] {
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
.circle-normal[data-v-2c72d7de] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(81, 196, 25);
}
.normal-m[data-v-2c72d7de] {
  margin: 4px 0;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
  flex: 1;
  padding-left: 20px;
  box-sizing: border-box;
}
.order-info[data-v-2c72d7de] {
  margin-bottom: 20px;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.button-area[data-v-2c72d7de] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.button-area button[data-v-2c72d7de] {
  margin-right: 10px;
}
.title_board[data-v-2c72d7de] {
  width: 100%;
  border-radius: 4px;
  background: #F0F2F5;
  height: 50px;
  display: flex;
  flex-direction: row;
}
.right[data-v-2c72d7de] {
  width: 50px;
  height: 50px;
}
.data-board[data-v-2c72d7de] {
  width: 180px;
  height: 72px;
  border-radius: 8px;
  border: 1px solid #E7EAF6;
  background: #FFF;
  padding: 11px 20px;
}
.data-board .label[data-v-2c72d7de]:nth-child(1) {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 3px;
}
.data-board .label[data-v-2c72d7de]:nth-child(2) {
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin-top: 5px;
}
.table-content[data-v-2c72d7de] {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 8px;
  padding: 20px;
}
.ant-table-striped[data-v-2c72d7de] .table-striped td {
  background-color: rgb(230, 230, 230);
}
.circle-normal[data-v-2c72d7de] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(81, 196, 25);
}
.circle-danger[data-v-2c72d7de] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(255, 0, 0);
}.page[data-v-3ff83def] {
  padding: 20px;
  border-radius: 8px;
  background: #FFF;
}
.normal-m[data-v-3ff83def] {
  margin: 4px 0;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.order-info[data-v-3ff83def] {
  margin-bottom: 20px;
}
.button-area[data-v-3ff83def] {
  margin-bottom: 20px;
  display: flex;
}
.button-area button[data-v-3ff83def] {
  margin-right: 10px;
}
.title_board[data-v-3ff83def] {
  width: 100%;
  border-radius: 4px;
  background: #F0F2F5;
  padding: 15px 26px;
}
.text_copy[data-v-3ff83def] {
  color: #2A4CD4;
  font-size: 14px;
  cursor: pointer;
}
.text_copy img[data-v-3ff83def] {
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
.text_copy[data-v-3ff83def]:hover {
  opacity: 0.5;
}
.button-area[data-v-3ff83def] {
  margin-bottom: 20px;
}
.button-area button[data-v-3ff83def] {
  margin-right: 10px;
}
.circle-normal[data-v-3ff83def] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(81, 196, 25);
}
.circle-danger[data-v-3ff83def] {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  margin-right: 3px;
  background: rgb(255, 0, 0);
}.body[data-v-36f0d201] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  color: #333;
  font-size: 14px;
}
.input[data-v-36f0d201] {
  margin: 12px 0px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #E8E8E9 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.footer-layout[data-v-36f0d201] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}.page[data-v-623cf484] {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: #333333;
}
.header[data-v-623cf484] {
  display: flex;
  flex-direction: row;
  height: 76px;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-self: center;
  color: #333333;
  font-size: 14px;
  margin-bottom: 20px;
}
.header .btn[data-v-623cf484] {
  height: 36px;
  min-width: 80px;
  background-color: #2A4CD4;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.avatar[data-v-623cf484] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #999;
}
.table-op[data-v-623cf484] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #2A4CD4;
  font-size: 14px;
  font-weight: 400;
}
.table-op span[data-v-623cf484] {
  margin-right: 16px;
}
.modal-title[data-v-623cf484] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
}
.share[data-v-0abb1559] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* 使得容器占据整个视口高度 */
}
.body[data-v-eb585cc8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}
.group-select[data-v-eb585cc8] {
    width: 100%;
    height: 52px;
    margin-top: 12px;
    color: #333333;
    font-size: 16px !important;
    font-weight: 400 !important;
}
[data-v-eb585cc8] .ant-select-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px !important;
    border: 1px solid #E8E8E9 !important;
    border-radius: 12px !important;
}
[data-v-eb585cc8] .ant-select-selection-item {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
[data-v-eb585cc8] .ant-select-selection-placeholder {
    font-size: 16px !important;
    font-weight: 400 !important;
}
.group-model[data-v-eb585cc8] {
    margin-top: 12px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #E8E8E9 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.add-type-layout[data-v-eb585cc8] {
    display: flex;
    flex-direction: row;
    margin-top: 6px;
}
.add-type-item[data-v-eb585cc8] {
    border: 1px solid #2A4CD4;
    border-radius: 6px;
    display: flex;
    color: #2A4CD4;
    font-weight: 400;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    box-sizing: border-box;
    padding: 4px 12px;
}
.add-type-item[data-v-eb585cc8]:active {
    background-color: #2A4CD420;
}
.add-content-layout {
&[data-v-eb585cc8] {
    width: 100%;
    height: 72px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row;
    border: 1px solid #E8E8E9;
    border-radius: 12px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    }
.index[data-v-eb585cc8] {
        font-weight: 600;
        color: #999999;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
}
.content[data-v-eb585cc8] {
        flex: 1;
        text-overflow: ellipsis;
        overflow: auto;
        max-height: 65px;
}
.del[data-v-eb585cc8] {
        width: 16px;
        height: 16px;
        margin: 0px 12px;
        content: url("data:image/svg+xml,%3csvg%20width='15'%20height='17'%20viewBox='0%200%2015%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.25017%207.54521C8.25017%207.12827%208.58674%206.79002%209.00033%206.79002C9.41393%206.79002%209.7505%207.12827%209.7505%207.54521V12.0713C9.7505%2012.4883%209.41393%2012.8265%209.00033%2012.8265C8.58674%2012.8265%208.25017%2012.4883%208.25017%2012.0713V7.54521ZM5.2495%207.54521C5.2495%207.12827%205.58607%206.79002%205.99966%206.79002C6.41326%206.79002%206.74983%207.12827%206.74983%207.54521V12.0713C6.74983%2012.4883%206.41326%2012.8265%205.99966%2012.8265C5.58607%2012.8265%205.2495%2012.4883%205.2495%2012.0713V7.54521ZM11.9993%204.5278H3.00067V14.3352C3.00067%2014.7522%203.33724%2015.0904%203.75084%2015.0904H11.2508C11.6644%2015.0904%2012.001%2014.7522%2012.001%2014.3352V4.5278H11.9993ZM9.7505%203.01741V2.2639C9.7505%201.84695%209.41393%201.50871%209.00033%201.50871H5.99966C5.58607%201.50871%205.2495%201.84695%205.2495%202.2639V3.01741H9.7505ZM11.2492%203.01741H14.2498C14.6634%203.01741%2015%203.35566%2015%203.77261C15%204.18955%2014.6634%204.5278%2014.2498%204.5278H13.4997V14.3352C13.4997%2015.5844%2012.4916%2016.5991%2011.2492%2016.5991H3.75084C2.50837%2016.5991%201.50033%2015.5861%201.50033%2014.3352V4.5278H0.750167C0.336571%204.5278%200%204.18955%200%203.77261C0%203.35566%200.336571%203.01741%200.750167%203.01741H3.75084V2.2639C3.75084%201.01474%204.75887%200%206.00134%200H9.00201C10.2445%200%2011.2525%201.01306%2011.2525%202.2639V3.01741H11.2492Z'%20fill='%23666666'/%3e%3c/svg%3e");
}
.content-img[data-v-eb585cc8] {
        width: 52px;
        height: 52px;
}
.content-audio-layout {
&[data-v-eb585cc8] {
        width: 150px;
        height: 42px;
        display: flex;
        flex-direction: row;
        box-sizing: border-box;
        border-radius: 12px;
        background-color: #2A4CD41A;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        font-weight: 500;
        color: #2A4CD4;
        padding: 0px 12px;
        }
.audio-svg[data-v-eb585cc8] {
            width: 50px;
            height: 14px;
            content: url("data:image/svg+xml,%3csvg%20width='50'%20height='14'%20viewBox='0%200%2050%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13%2014C13.55%2014%2014%2013.55%2014%2013V1C14%200.45%2013.55%200%2013%200C12.45%200%2012%200.45%2012%201V13C12%2013.55%2012.45%2014%2013%2014ZM37%2014C37.55%2014%2038%2013.55%2038%2013V1C38%200.45%2037.55%200%2037%200C36.45%200%2036%200.45%2036%201V13C36%2013.55%2036.45%2014%2037%2014ZM10%2010C10%2010.55%209.55%2011%209%2011C8.45%2011%208%2010.55%208%2010V4C8%203.45%208.45%203%209%203C9.55%203%2010%203.45%2010%204V10ZM33%2011C33.55%2011%2034%2010.55%2034%2010V4C34%203.45%2033.55%203%2033%203C32.45%203%2032%203.45%2032%204V10C32%2010.55%2032.45%2011%2033%2011ZM18%2010C18%2010.55%2017.55%2011%2017%2011C16.45%2011%2016%2010.55%2016%2010V4C16%203.45%2016.45%203%2017%203C17.55%203%2018%203.45%2018%204V10ZM41%2011C41.55%2011%2042%2010.55%2042%2010V4C42%203.45%2041.55%203%2041%203C40.45%203%2040%203.45%2040%204V10C40%2010.55%2040.45%2011%2041%2011ZM22%208C22%208.55%2021.55%209%2021%209C20.45%209%2020%208.55%2020%208V6C20%205.45%2020.45%205%2021%205C21.55%205%2022%205.45%2022%206V8ZM45%209C45.55%209%2046%208.55%2046%208V6C46%205.45%2045.55%205%2045%205C44.45%205%2044%205.45%2044%206V8C44%208.55%2044.45%209%2045%209ZM26%207C26%207.55%2025.55%208%2025%208C24.45%208%2024%207.55%2024%207C24%206.45%2024.45%206%2025%206C25.55%206%2026%206.45%2026%207ZM49%208C49.55%208%2050%207.55%2050%207C50%206.45%2049.55%206%2049%206C48.45%206%2048%206.45%2048%207C48%207.55%2048.45%208%2049%208ZM2%207C2%207.55%201.55%208%201%208C0.45%208%200%207.55%200%207C0%206.45%200.45%206%201%206C1.55%206%202%206.45%202%207ZM5%209C5.55%209%206%208.55%206%208V6C6%205.45%205.55%205%205%205C4.45%205%204%205.45%204%206V8C4%208.55%204.45%209%205%209ZM30%208C30%208.55%2029.55%209%2029%209C28.45%209%2028%208.55%2028%208V6C28%205.45%2028.45%205%2029%205C29.55%205%2030%205.45%2030%206V8Z'%20fill='%232A4CD4'/%3e%3c/svg%3e");
}
}
}
.content-list[data-v-eb585cc8] {
    max-height: 300px;
    width: 100%;
    overflow-y: auto;
    flex: 1;
    margin-top: 12px;
}
.footer-layout[data-v-eb585cc8] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 12px;
}
.media-upload[data-v-eb585cc8] {
    width: 60px;
    height: 60px;
    border: 1px dashed #D8D8D8;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.media-upload[data-v-eb585cc8]:active {
    background-color: #F8F8F8;
}

.body[data-v-cf2592cd] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}
.group-model[data-v-cf2592cd] {
    margin-top: 12px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid #E8E8E9 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.footer-layout[data-v-cf2592cd] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}
.page[data-v-f747f054] {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 0px;
  color: #333333;
}
.header[data-v-f747f054] {
  display: flex;
  flex-direction: row;
  height: 76px;
  width: 100%;
  padding: 0px 20px 0px 20px;
  box-sizing: border-box;
  align-items: center;
  justify-self: center;
  color: #333333;
  font-size: 14px;
}
.header .btn[data-v-f747f054] {
  height: 36px;
  min-width: 80px;
  background-color: #2A4CD4;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.header .input[data-v-f747f054] {
  width: 180px;
  height: 36px;
  margin-right: 8px;
}
.diver[data-v-f747f054] {
  width: 100%;
  height: 1px;
  background-color: #F0F2F5;
}
.v-diver[data-v-f747f054] {
  width: 1px;
  height: 100%;
  background-color: #F0F2F5;
}
.content[data-v-f747f054] {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  box-sizing: border-box;
}
.content .left-side[data-v-f747f054] {
  width: 240px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  font-size: 14px;
  position: relative;
}
.content .left-side .title[data-v-f747f054] {
  padding-top: 20px;
  padding-left: 20px;
  height: 50px;
}
.content .left-side .group-content[data-v-f747f054] {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  overflow-y: auto;
  position: absolute;
  top: 50px;
  bottom: 0;
}
.content .left-side .group-item-container[data-v-f747f054] {
  height: 68px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.content .left-side .group-item[data-v-f747f054] {
  display: flex;
  flex-direction: row;
  height: 48px;
  width: 100%;
  padding: 0px 10px;
  align-items: center;
  border-radius: 4px;
  font-size: 16px;
}
.content .left-side .group-item .group-title[data-v-f747f054] {
  flex: 1;
}
.content .left-side .group-item .img[data-v-f747f054] {
  width: 16px;
  height: 16px;
}
.content .left-side .group-item .icon[data-v-f747f054] {
  width: 18px;
  height: 18px;
  content: url("data:image/svg+xml,%3csvg%20width='14'%20height='13'%20viewBox='0%200%2014%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.1111%2012.7306H0.967201C0.967201%2012.7306%20-1.83029e-10%2012.8811%200%2011.5914V1.16704C0%201.16704%200.0215045%200.00639307%201.20364%200.00639307H5.45937C5.45937%200.00639307%205.97523%20-0.101074%206.4051%200.565217C6.81347%201.21003%207.04991%201.61841%207.04991%201.61841C7.04991%201.61841%207.20037%201.79035%207.54426%201.79035C7.24335%201.79035%2013.0251%201.79035%2013.0251%201.79035C13.0251%201.79035%2013.9923%201.68288%2013.9923%202.75755V11.6559C13.9923%2011.6559%2014.1428%2012.7306%2013.1111%2012.7306ZM12.2084%204.56304C12.2084%204.30511%2011.9934%204.09017%2011.7355%204.09017H2.27831C1.99889%204.09017%201.78395%204.30512%201.78395%204.56304V4.60602C1.78395%204.88544%201.99889%205.10037%202.27831%205.10037H11.7355C11.9934%205.10037%2012.2084%204.88542%2012.2084%204.60602V4.56304Z'%20fill='%239BA0A9'/%3e%3c/svg%3e");
  margin-right: 8px;
}
.content .left-side .group-item .icon.select[data-v-f747f054] {
  content: url("data:image/svg+xml,%3csvg%20width='18'%20height='17'%20viewBox='0%200%2018%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.8571%2016.3679H1.24354C1.24354%2016.3679%20-2.35322e-10%2016.5614%200%2014.9033V1.50048C0%201.50048%200.0276486%200.00821967%201.54754%200.00821967H7.01919C7.01919%200.00821967%207.68244%20-0.129952%208.23512%200.726708C8.76018%201.55576%209.06417%202.08081%209.06417%202.08081C9.06417%202.08081%209.25762%202.30188%209.69977%202.30188C9.31288%202.30188%2016.7466%202.30188%2016.7466%202.30188C16.7466%202.30188%2017.9901%202.1637%2017.9901%203.54542V14.9862C17.9901%2014.9862%2018.1836%2016.3679%2016.8571%2016.3679ZM15.6965%205.86676C15.6965%205.53514%2015.4201%205.25879%2015.0885%205.25879H2.92925C2.57%205.25879%202.29366%205.53516%202.29366%205.86676V5.92202C2.29366%206.28127%202.57%206.55762%202.92925%206.55762H15.0885C15.4201%206.55762%2015.6965%206.28126%2015.6965%205.92202V5.86676Z'%20fill='%232A4CD4'/%3e%3c/svg%3e");
}
.content .left-side .group-item.select[data-v-f747f054] {
  background-color: rgba(42, 76, 212, 0.0784313725);
  color: #2A4CD4;
}
.content .right-side[data-v-f747f054] {
  height: 100%;
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.table-op[data-v-f747f054] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #2A4CD4;
  font-size: 14px;
  font-weight: 400;
}
.table-op span[data-v-f747f054] {
  margin-right: 16px;
}
.modal-title[data-v-f747f054] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
}
.tag-layout[data-v-f747f054] {
  display: flex;
  flex-direction: row;
}.body[data-v-df7c3aff] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  color: #333;
  font-size: 14px;
}
.input[data-v-df7c3aff] {
  margin: 12px 0px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #E8E8E9 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.footer-layout[data-v-df7c3aff] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}.page[data-v-34eae980] {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: #333333;
}
.header[data-v-34eae980] {
  display: flex;
  flex-direction: row;
  height: 76px;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-self: center;
  color: #333333;
  font-size: 14px;
  margin-bottom: 20px;
}
.header .btn[data-v-34eae980] {
  height: 36px;
  min-width: 80px;
  background-color: #2A4CD4;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.avatar[data-v-34eae980] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #999;
}
.table-op[data-v-34eae980] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #2A4CD4;
  font-size: 14px;
  font-weight: 400;
}
.table-op span[data-v-34eae980] {
  margin-right: 16px;
}
.modal-title[data-v-34eae980] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
}.body[data-v-cfdffd4f] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  color: #333;
  font-size: 14px;
}
.input[data-v-cfdffd4f] {
  margin: 12px 0px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #E8E8E9 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.footer-layout[data-v-cfdffd4f] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}.page[data-v-2d611ea7] {
  background-color: white;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  color: #333333;
}
.header[data-v-2d611ea7] {
  display: flex;
  flex-direction: row;
  height: 76px;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-self: center;
  color: #333333;
  font-size: 14px;
  margin-bottom: 20px;
}
.header .btn[data-v-2d611ea7] {
  height: 36px;
  min-width: 80px;
  background-color: #2A4CD4;
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.avatar[data-v-2d611ea7] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #999;
}
.creator[data-v-2d611ea7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
}
.creator span[data-v-2d611ea7] {
  margin-top: 5px;
}
.modal-title[data-v-2d611ea7] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
}