@charset "UTF-8";
@font-face { font-family: "黑体"; src: local("SimHei"); }
@font-face { font-family: "微软雅黑"; src: local("Microsoft YaHei"); }
@font-face { font-family: "宋体"; src: local("SimSun"); }
@font-face { font-family: "楷体"; src: local("KaiTi"); }
@font-face { font-family: "ZiHun176"; src: url("/public/fonts/ZiHun176.ttf") format("truetype"); }
@font-face { font-family: "ZiHun107"; src: url("/public/fonts/ZiHun107.ttf") format("truetype"); }
@font-face { font-family: "字魂35号-经典雅黑"; src: url("/public/fonts/字魂35号-经典雅黑.ttf") format("truetype"); }
@font-face { font-family: "思源黑体"; src: url("/public/fonts/SOURCEHANSANSCN-REGULAR.OTF") format("truetype"); }
@font-face { font-family: "方正大黑简体"; src: url("/public/fonts/方正大黑简体.ttf") format("truetype"); }
@font-face { font-family: "华文行楷"; src: url("/public/fonts/STXINGKA.ttf") format("truetype"); }
@font-face { font-family: "方正兰亭特黑简体"; src: url("/public/fonts/FZLTTHJW.ttf") format("truetype"); }
@font-face { font-family: "字魂59号-创粗黑"; src: url("/public/fonts/字魂59号-创粗黑.ttf") format("truetype"); }
.layui-colorpicker-trigger-i { display: none; }

.layui-layer.layui-layer-page .layui-input { height: 38px !important; line-height: 1.3 !important; line-height: 38px \9 !important; border-width: 1px !important; border-style: solid !important; background-color: #fff; color: rgba(0, 0, 0, 0.85); border-radius: 2px; border-color: #eee !important; }

/* .layui-form-label { width: 110px;
} */
.xxo_addition { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 0; }

.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #5F59FF; }

.layui-table-page { text-align: right; }

.layui-laypage input:focus, .layui-laypage select:focus { border-color: #5F59FF !important; }

.layui-layer-page .layui-layer-content { overflow: visible; }

.layui-table-cell { line-height: 26px; }

@font-face { font-family: "iconfont";
  /* Project id 4889674 */
src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-icon_play:before { content: "\e60f"; }

.icon-zanting:before { content: "\e62a"; }

.icon-yinlianglabashengyin:before { content: "\e7b5"; }

.icon-gf-forward:before { content: "\ea7c"; }

.icon-yinpinpianduan:before { content: "\e85e"; }

.icon-a-5Jyinboyinpin:before { content: "\e671"; }

.icon-zip:before { content: "\e602"; }

.icon-shanchu:before { content: "\e603"; }

.icon-zhongxinshangchuan:before { content: "\e620"; }

.icon-luzhi:before { content: "\e624"; }

.icon-luyin:before { content: "\e661"; }

.icon-shangchuan:before { content: "\e635"; }

.icon-xiazai_xiazai:before { content: "\e616"; }

.icon-fasong:before { content: "\e642"; }

.icon-jiantou_shangxiaqiehuan:before { content: "\eb09"; }

.icon-a-shoucang-yishoucang:before { content: "\e627"; }

.icon-shoucang:before { content: "\e62e"; }

.icon-shoucang1:before { content: "\e601"; }

.icon-jiahao2fill:before { content: "\e728"; }

.icon-bofang1:before { content: "\e61d"; }

.icon-shangjiantou:before { content: "\e63a"; }

.icon-shangjiantou-copy:before { content: "\e8ba"; }

.icon-chexiao:before { content: "\e611"; }

.icon-zhongzuo:before { content: "\e673"; }

.icon-yanjianggao:before { content: "\e63e"; }

.icon-shuzi:before { content: "\e660"; }

.icon-moban:before { content: "\e600"; }

.icon-quanbubiaojiyidu:before { content: "\e640"; }

.icon-charutingdun:before { content: "\e864"; }

.icon-t-box-line:before { content: "\e770"; }

.icon-bofang:before { content: "\e621"; }

.icon-sousuo:before { content: "\e8b9"; }

.icon-duihao:before { content: "\e60e"; }

body::-webkit-scrollbar { display: none; }

.custom0830 .layui-form-checkbox[lay-skin=none], .custom0830 .layui-form-radio[lay-skin=none] { /*color: #303133;*/ background-image: url("/public/home/images/aibuild/Slice29.png"); background-repeat: no-repeat; background-size: 14px 14px; background-position: left center; padding-left: 23px; margin-right: 30px; line-height: 34px; }

.custom0830 .layui-textarea { resize: none; }

.custom0830 .layui-input:focus, .custom0830 .layui-textarea:focus { border-color: #5F59FF !important; -webkit-box-shadow: 0px 0px 2px 2px rgba(77, 164, 134, 0.18); box-shadow: 0px 0px 2px 2px rgba(77, 164, 134, 0.18); }

.custom0830 .layui-form-radioed, .custom0830 .layui-form-checked { background-image: url("/public/home/images/aibuild/Slice30.png") !important; }

.custom0830 .layui-form-checkbox > div { padding: 0; }

.custom0830 .layui-input-wrap { line-height: 32px; }

.custom0830 .layui-form-radio:hover > *, .custom0830 .layui-form-radioed, .custom0830 .layui-form-radioed > i { color: #303133; }

.custom0830 .layui-form-item { margin-bottom: 0; }

.custom0830 .layui-form-label { width: 85px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; padding-left: 0; padding-right: 0; }

.custom0830 .layui-input-block { margin-left: 85px; width: 372px; }

.custom0830 .layui-input, .custom0830 .layui-textarea { padding-left: 16px; padding-right: 16px; }

.custom0830 .layui-input, .custom0830 .layui-select, .custom0830 .layui-textarea { height: 32px; border-radius: 4px; }

#step1 .form-color a { margin: 0 10px; display: inline-block; }

#step1 .form-color .active, #step1 .form-color a:hover { color: #5F59FF; }

.layui-bg-blue { background-color: #5F59FF !important; }

.layui-btn-sm { height: 32px; line-height: 32px; border-radius: 4px; font-size: 14px; }

.layui-btn-primary { background-color: #F4F4FF; border-color: #F4F4FF; }
.layui-btn-primary:hover { background-color: #F4F4FF; border-color: #5F59FF; }

.layui-form-switch { height: 11px; line-height: 11px; min-width: 21px; width: 21px; background-color: #A19FC0; border-color: #A19FC0; margin-top: 12px; }

.layui-form-onswitch { background-color: #5F59FF; border-color: #5F59FF; }

.layui-form-onswitch > i { margin-left: 10px; }

.layui-form-switch > i { left: -1px; top: -1px; width: 11px; height: 11px; border-radius: 50%; background-color: #fff; }

@-webkit-keyframes play { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes play { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* .l_title { font-weight: 400; font-size: 16px; color: #333333; border-bottom: 1px solid #ECECEC; padding-bottom: 15px; margin-bottom: 15px; flex-shrink: 0;
} */
#step1 .bg-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2px; }
#step1 .bg-items > div { width: calc(25% - 2px); border-radius: 10px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px; cursor: pointer; overflow: hidden; }
#step1 .bg-items > div:hover, #step1 .bg-items > div.active { border-color: #5F59FF; }
#step1 .bg-items > div:hover .bg-item-name, #step1 .bg-items > div.active .bg-item-name { display: -webkit-box; display: -ms-flexbox; display: flex; }
#step1 .bg-item { width: 100%; aspect-ratio: 856 / 480; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; border-radius: 10px; position: relative; overflow: hidden; }
#step1 .bg-item img { position: absolute; }
#step1 .bg-item img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#step1 .bg-item img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; }
#step1 .bg-item.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#step1 .bg-item .bg-item-name { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; }
#step1 .bg-item .bg-item-name .name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 8ch; }
#step1 .bg-item .bg-item-name .iconfont { font-size: 14px; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
#step1.container { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100vh - 64px); }
#step1.container .l { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#step1.container .l .c { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; }
#step1.container .l .c::-webkit-scrollbar { display: none; }
#step1.container .r { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #F4EEFF; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 28px; }
#step1.container .r .con { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#step1.container .r .con::-webkit-scrollbar { display: none; }
#step1.container .r .top { aspect-ratio: 856 / 480; width: 100%; border-radius: 10px; background-color: #fff; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: relative; -ms-flex-negative: 0; flex-shrink: 0; }
#step1.container .r .top img { position: absolute; }
#step1.container .r .top img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#step1.container .r .top img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; display: none; }
#step1.container .r .top.has-peo img.ispeo { display: block; }
#step1.container .r .top.no-peo img.ispeo { display: none; }
#step1.container .r .top.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#step1.container .r .r-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; overflow-y: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
#step1.container .r .r-items::-webkit-scrollbar { display: none; }
#step1.container .r .r-items .item { width: calc(50% - 4.5px); aspect-ratio: 856 / 480; position: relative; border-radius: 10px; overflow: hidden; cursor: pointer; background-color: #fff; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; }
#step1.container .r .r-items .item:before { content: "\e60e"; width: 100%; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 2; font-family: "iconfont" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); }
#step1.container .r .r-items .item.active:before { display: -webkit-box; display: -ms-flexbox; display: flex; }
#step1.container .r .r-items .item img { position: absolute; }
#step1.container .r .r-items .item img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#step1.container .r .r-items .item img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; display: none; }
#step1.container .r .r-items .item.has-peo img.ispeo { display: block; }
#step1.container .r .r-items .item.no-peo img.ispeo { display: none; }
#step1.container .r .r-items .item.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#step1 .search_box { position: relative; }
#step1 .search_box .iconfont { position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }

#step1 .jixushengcheng, #step2 .jixushengcheng { font-size: 14px; color: #FFFFFF !important; height: 32px; line-height: 32px; background: linear-gradient(90deg, #C74CFF 0%, #6C58FF 100%); border-radius: 4px; text-align: center; position: -webkit-sticky; position: sticky; left: 0; bottom: 0; width: 100%; display: block; z-index: 100; }

#step1 .jixushengcheng:hover, #step2 .jixushengcheng:hover { opacity: 0.95; }

#step2.left.container > .l .top img.ispeo, #step2.left.container > .r .r-items .item img.ispeo { left: 0; }
#step2.left.container > .l .top img.isppt, #step2.left.container > .r .r-items .item img.isppt { left: calc(160 / 856 * 100%); }
#step2.center.container > .l .top img.ispeo, #step2.center.container > .r .r-items .item img.ispeo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(128 / 856 * 100%); }
#step2.center.container > .l .top img.isppt, #step2.center.container > .r .r-items .item img.isppt { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#step2.center.container > .l .top.no-peo img.ispeo, #step2.center.container > .r .r-items .item.no-peo img.ispeo { display: none; }
#step2.center.container > .l .top.no-peo .isppt, #step2.center.container > .r .r-items .item.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#step2.container { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F4F2FF; }
#step2.container > .l { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#step2.container > .l .c { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; }
#step2.container > .l .c::-webkit-scrollbar { display: none; }
#step2.container > .l .top { aspect-ratio: 856 / 480; border-radius: 10px; background-color: #f5f5f5; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: relative;margin: 0 auto;height: calc(100vh - 523px); }
#step2.container > .l .top img { position: absolute; }
#step2.container > .l .top img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#step2.container > .l .top img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; display: none; }
#step2.container > .l .top.has-peo img.ispeo { display: block; }
#step2.container > .l .top.no-peo img.ispeo { display: none; }
#step2.container > .l .top.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#step2.container > .l .top #clearBG { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 3; font-size: 20px; color: #333333; width: 30px; height: 30px; background-color: none; text-align: center; line-height: 30px; border-radius: 50%;display: none; }
#step2.container > .l .top #clearBG:hover { background-color: #5F59FF; color: #fff; }
#step2.container > .l .top:hover #clearBG {display: block;}
#step2.container > .l .top:hover .close-btn {display: flex;}
#step2.container > .l .top .zimu-yulan { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; z-index: 2; }
#step2.container > .l .top .zimu-yulan .text { font-size: 22px; fill: white; }
#step2.container > .l .top .zimu-yulan .stroke { stroke: none; stroke-width: 1px; paint-order: stroke; stroke-linecap: round; stroke-linejoin: round; }
#step2.container > .r { flex-shrink: 0;background-color: #fff;box-sizing: border-box;height: calc(100vh - 84px);position: sticky;top: 64px;padding: 0 20px 20px;overflow-y: auto;border-radius: 8px; }
#step2.container > .r .con { height: 100%; overflow-y: auto; position: relative; }
#step2.container > .r .con::-webkit-scrollbar { display: none; }
#step2.container > .r .r-items { margin-bottom: 10px;width: 340px; }
#step2.container > .r .r-items .item { position: relative; width: 100%; aspect-ratio: 856 / 480; border-radius: 10px; overflow: hidden; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; }
#step2.container > .r .r-items .item:before { content: "\e60e"; width: 100%; height: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 2; font-family: "iconfont" !important; font-size: 30px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; background-color: rgba(0, 0, 0, 0.5); }
#step2.container > .r .r-items .item img { position: absolute; }
#step2.container > .r .r-items .item img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#step2.container > .r .r-items .item img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; display: none; }
#step2.container > .r .r-items .item.has-peo img.ispeo { display: block; }
#step2.container > .r .r-items .item.no-peo img.ispeo { display: none; }
#step2.container > .r .r-items .item.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#step2.container > .r .r-items .item.active:before { display: -webkit-box; display: -ms-flexbox; display: flex; }
#step2 .main-content { background-color: #fff; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin-top: 20px; }
#step2 .main-content > .f1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #EFEBFF; padding-bottom: 20px; margin-bottom: 20px; }
#step2 .main-content > .f1 .st { font-size: 14px; text-align: center; cursor: pointer; }
#step2 .main-content > .f1 .st:hover { color: #5F59FF; }
#step2 .main-content > .f1 .line { width: 1px; height: 30px; background-color: #EFEBFF; margin-right: 35px; margin-left: 35px; }
#step2 .main-content > .f1 .yinse { width: 181px; border-radius: 90px; border: 1px solid #EEEBFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px; cursor: pointer; }
#step2 .main-content > .f1 .yinse:hover { border-color: #5F59FF; }
#step2 .main-content > .f1 .yinse .cover { -ms-flex-negative: 0; flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; margin-right: 10px; background-color: #eee; }
#step2 .main-content > .f1 .yinse .cover img { width: 100%; height: 100%; }
#step2 .main-content > .f1 .yinse .cover.isplay img { -webkit-animation: play 3s linear infinite; animation: play 3s linear infinite; }
#step2 .main-content > .f1 .other { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 14px; }
#step2 .main-content > .f1 .other > div { cursor: pointer; }
#step2 .main-content > .f1 .other > div:hover, #step2 .main-content > .f1 .other > div.active { color: #5F59FF; }
#step2 .main-content > .f1 .other > div:hover .iconfont, #step2 .main-content > .f1 .other > div.active .iconfont { color: #5F59FF; }
#step2 .main-content > .f1 .other .iconfont { font-size: 24px; color: #999999; margin-bottom: 5px; }
#step2 .main-content > .f2 > div { display: none; }
#step2 .main-content > .f2 #yinse > .f1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #EFEBFF; padding: 11px; margin-bottom: 11px; }
#step2 .main-content > .f2 #yinse > .f1 .cover { -ms-flex-negative: 0; flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; margin-right: 10px; background-color: #eee; }
#step2 .main-content > .f2 #yinse > .f1 .cover img { width: 100%; height: 100%; }
#step2 .main-content > .f2 #yinse > .f1 .cover.isplay { -webkit-animation: play 3s linear infinite; animation: play 3s linear infinite; }
#step2 .main-content > .f2 #yinse > .f1 .l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#step2 .main-content > .f2 #yinse > .f1 .r { border-radius: 21px; border: 1px solid #D3D3D3; padding: 2px 20px; cursor: pointer; }
#step2 .main-content > .f2 #yinse > .f1 .r:hover { border-color: #5F59FF; color: #5F59FF; }
#step2 .main-content > .f2 #yinse > .f1 .r:hover .iconfont { color: #5F59FF; }
#step2 .main-content > .f2 #yinse .tiaojie { border-radius: 6px 6px 6px 6px; background: #F8F8F8; padding: 20px; margin-bottom: 30px; }
#step2 .main-content > .f2 #yinse .tiaojie.active { display: none; margin-bottom: 0; }
#step2 .main-content > .f2 #yinse .tiaojie li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-bottom: 10px; }
#step2 .main-content > .f2 #yinse .tiaojie li:last-child { margin-bottom: 0; }
#step2 .main-content > .f2 #yinse .tiaojie li .t { font-size: 14px; color: #333333; -ms-flex-negative: 0; flex-shrink: 0; }
#step2 .main-content > .f2 #yinse .tiaojie li .mo { -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid #D6D4FF; border-radius: 30px; padding: 2px 10px; font-size: 12px; cursor: pointer; }
#step2 .main-content > .f2 #yinse .tiaojie li .slider { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; }
#step2 .main-content > .f2 #yinse .tiaojie li .slider span { color: #ACACAC; -ms-flex-negative: 0; flex-shrink: 0; }
#step2 .main-content > .f2 #yinse .tiaojie li .slider .s { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
#step2 .main-content > .f2 #yinse .list_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 2px solid #EFEBFF; }
#step2 .main-content > .f2 #yinse .list_title .layui-input { height: 33px; }
#step2 .main-content > .f2 #yinse .list_title .search_box { position: relative; margin-bottom: 10px; }
#step2 .main-content > .f2 #yinse .list_title .search_box .iconfont { position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
#step2 .main-content > .f2 #yinse .list_title .l { font-size: 14px; color: #333333; position: relative; padding-bottom: 10px; }
#step2 .main-content > .f2 #yinse .list_title .l::before { content: ''; display: inline-block; width: 100%; height: 2px; background-color: #5F59FF; position: absolute; left: 0; bottom: 0; }
#step2 .main-content > .f2 #yinse .yinse_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; margin-top: 10px; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_dingzhi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(33.333333% - 10px); line-height: 1; gap: 6px; border-radius: 6px; background: #F3F2FF; border: 1px dashed #5F59FF; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_dingzhi .text, #step2 .main-content > .f2 #yinse .yinse_list .yinse_dingzhi .iconfont { color: #5F59FF; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_dingzhi .iconfont { font-size: 24px; line-height: 1; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; border-radius: 6px; background: #F8F8F8; border: 1px solid #E9E9E9; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(33.333333% - 10px); cursor: pointer; position: relative; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item:hover .state { display: -webkit-box; display: -ms-flexbox; display: flex; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item.active { border-color: #5F59FF; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item.active .text { color: #5F59FF; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .cover { -ms-flex-negative: 0; flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; background-color: #eee; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .cover img { width: 100%; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .text { font-size: 14px; color: #333333; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .dingzhi { position: absolute; top: 0; right: 9px; background-image: url(/public/home/images/client/dingzhi.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; z-index: 1; width: 26px; aspect-ratio: 52 / 38; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; color: #fff; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state.state1 { background-color: #F3F2FF; color: #5F59FF; display: -webkit-box; display: -ms-flexbox; display: flex; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state.state3 { background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state.state3 .more-do { position: absolute; left: 50%; top: 70%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; border-radius: 4px; text-align: center; width: 80px; -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25); }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state.state3 .more-do div { font-size: 14px; cursor: pointer; color: #333333; padding: 5px 0; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state.state3 .more-do div:hover { color: #5F59FF; }
#step2 .main-content > .f2 #yinse .yinse_list .yinse_item .state.state4 { background-color: #FFF6E7; color: #FFBF59; display: -webkit-box; display: -ms-flexbox; display: flex; }
#step2 .main-content > .f2 #yinse .yinse_save { text-align: right; margin-top: 10px; }
#step2 .main-content > .f2 .jianggaodo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
#step2 .main-content > .f2 .jianggaodo button { background: none; border: none; padding: 0; margin: 0; font-size: 10px; cursor: pointer; }
#step2 .main-content > .f2 .jianggaodo .isr { border-radius: 8px; border: 1px solid #E4E4E4; padding: 0 13px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }
#step2 .main-content > .f2 .jianggaodo .isr .line { width: 1px; height: 10px; background-color: #999999; }
#step2 .main-content > .f2 .jianggaodo .isr .i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; }

#mobanView { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2px; }
#mobanView > div { width: calc(25% - 2px); border-radius: 10px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px; cursor: pointer; overflow: hidden; }
#mobanView > div:hover, #mobanView > div.active { border-color: #5F59FF; }
#mobanView .bg-item { width: 100%; aspect-ratio: 856 / 480; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; border-radius: 10px; position: relative; }
#mobanView .bg-item img { position: absolute; }
#mobanView .bg-item img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#mobanView .bg-item img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; }
#mobanView .bg-item.no-peo .ispeo { display: none; }
#mobanView .bg-item.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#mobanView .bg-item.has-peo .ispeo { display: block; }

#customBgView { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2px; margin-top: 10px; min-height: 80px; }
#customBgView > div { width: calc(25% - 2px); border-radius: 10px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3px; cursor: pointer; overflow: hidden; }
#customBgView > div:hover, #customBgView > div.active { border-color: #5F59FF; }
#customBgView > div:hover .layui-icon-delete { display: -webkit-box; display: -ms-flexbox; display: flex; }
#customBgView .bg-item { width: 100%; aspect-ratio: 856 / 480; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; border-radius: 10px; position: relative; }
#customBgView .bg-item img { position: absolute; }
#customBgView .bg-item img.isppt { width: calc(666 / 856 * 100%); aspect-ratio: 666 / 392; border-radius: 5px; left: calc(30 / 856 * 100%); top: calc(44 / 480 * 100%); }
#customBgView .bg-item img.ispeo { width: calc(214 / 856 * 100%); left: calc(642 / 856 * 100%); bottom: 0; }
#customBgView .bg-item.no-peo .ispeo { display: none; }
#customBgView .bg-item.no-peo .isppt { left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: calc(736 / 856 * 100%); aspect-ratio: 736 / 432; }
#customBgView .bg-item.has-peo .ispeo { display: block; }
#customBgView .bg-item .layui-icon-delete { position: absolute; top: 5px; right: 5px; cursor: pointer; z-index: 2; font-size: 16px; color: #fff; display: none; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; width: 30px; height: 30px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; -webkit-box-sizing: border-box; box-sizing: border-box; }
#customBgView .bg-item .layui-icon-delete:hover { color: #5F59FF; }

#mobanUpload #fileInner { display: none; line-height: 34px; border: 1px dashed #888888; margin-right: 5px; padding: 0 10px; width: calc(33.333333% - 10px); -webkit-box-sizing: border-box; box-sizing: border-box; }
#mobanUpload .mobanUploadBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(33.333333% - 10px); line-height: 1; gap: 6px; border-radius: 6px; background: #F3F2FF; border: 1px dashed #5F59FF; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; cursor: pointer; text-align: center; padding: 10px; }
#mobanUpload .mobanUploadBtn .text, #mobanUpload .mobanUploadBtn .iconfont { color: #5F59FF; }
#mobanUpload .mobanUploadBtn .iconfont { font-size: 24px; line-height: 1; }

#shuzirenView { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
#shuzirenView .shuziren_dingzhi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(25% - 10px); line-height: 1; gap: 6px; border-radius: 6px; background: #F3F2FF; border: 1px dashed #5F59FF; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 12px; cursor: pointer; text-align: center; padding: 10px; }
#shuzirenView .shuziren_dingzhi .text, #shuzirenView .shuziren_dingzhi .iconfont { color: #5F59FF; }
#shuzirenView .shuziren_dingzhi .iconfont { font-size: 24px; }
#shuzirenView .shuziren_item { border-radius: 6px; background: #F8F8F8; border: 1px solid #E9E9E9; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(25% - 10px); cursor: pointer; line-height: 1; padding: 10px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#shuzirenView .shuziren_item:hover, #shuzirenView .shuziren_item.active { border-color: #5F59FF; }
#shuzirenView .shuziren_item:hover .text, #shuzirenView .shuziren_item.active .text { color: #5F59FF; }
#shuzirenView .shuziren_item .cover { margin-bottom: 5px; }
#shuzirenView .shuziren_item .cover img { height: 50px; }

.shuziren_save { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#colorpicker .layui-colorpicker { width: 170px; }

#colorpicker-wenzi {
  height: 28px;
  background-color: #FFFFFF;
}

#colorpicker-wenzi .layui-colorpicker {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #CECECE;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

#colorpicker-wenzi .layui-colorpicker-trigger-span {
  border: none;
  background-repeat: no-repeat !important;
  background-image: url(/public/home/images/client/fontColor.png) !important;
  background-position: center center !important;
  background-size: 20px auto !important;
}

#colorpicker-wenzi:hover {
  background-color: #F2F2F2;
}

#colorpicker-miaobian {
  height: 28px;
}

#colorpicker-miaobian .layui-colorpicker {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #CECECE;
  background: #FFFFFF;
  box-sizing: border-box;
  margin: 0;
  padding: 3px;
}

#wenzi .layui-form-item { margin-bottom: 5px; }

#miaobian_chuxu { position: relative; }
#miaobian_chuxu input { width: 100%; padding-right: 55px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#miaobian_chuxu .miaobian_chuxu_btn { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; }
#miaobian_chuxu .miaobian_chuxu_btn .layui-icon { cursor: pointer; }
#miaobian_chuxu .miaobian_chuxu_btn .layui-icon:hover { color: #5F59FF; }

/* .change-moban-fillType{ display: flex;align-items: center;gap: 10px;
} */
.AIyouhua-box { background-color: #ffffff; z-index: 100; }
.AIyouhua-box #jianggao-t { background: #F4F4FF; border-radius: 6px; border: 1px solid #BAB7FF; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; max-height: 150px; overflow-y: auto; }
.AIyouhua-box #jianggao-t::-webkit-scrollbar { display: none; }
.AIyouhua-box .content { background: #F4F4FF; border-radius: 6px; border: 1px solid #BAB7FF; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.AIyouhua-box .content .title { font-weight: 600; font-size: 16px; color: #5F59FF; margin-bottom: 10px; }
.AIyouhua-box .content .input { height: 32px; background: #FFFFFF; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; gap: 10px; }
.AIyouhua-box .content .input input { height: 100%; border: none; outline: none; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.AIyouhua-box .content .input button { color: #fff; font-size: 14px; width: 53px; height: 100%; background: #5F59FF; border-radius: 60px; border: none; cursor: pointer; }
.AIyouhua-box .content .response { margin-top: 10px; }
.AIyouhua-box .content .response .text { font-size: 14px; color: #333333; background: #FFFFFF; border-radius: 6px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 200px; overflow-y: auto; }
.AIyouhua-box .content .response .text::-webkit-scrollbar { display: none; }
.AIyouhua-box .content .response .replace-box { margin-top: 10px; text-align: center; }
.AIyouhua-box .content .response .replace { width: 105px; height: 32px; border-radius: 90px; border: 1px solid #DEDEDE; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; text-align: center; line-height: 30px; background: none; cursor: pointer; }
.AIyouhua-box .content .response .replace:hover { border-color: #5F59FF; color: #5F59FF; }
.AIyouhua-box .content .do { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.AIyouhua-box .content .do div { background: #FFFFFF; border-radius: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; cursor: pointer; padding: 0 15px; border: 1px solid #FFFFFF; }
.AIyouhua-box .content .do div:hover { border-color: #5F59FF; }

#voice-page { background: url("/public/home/images/client/customized.png") no-repeat center center; }
#voice-page .container { background: #fff; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 89.6vw; margin: 0 auto; height: 85.5vh; margin-top: 7.25vh; }
#voice-page #step1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6px; margin: 0 auto; width: 49.9%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 55px; padding-top: 110px; overflow-y: auto; }
#voice-page #step1::-webkit-scrollbar { display: none; }
#voice-page #step1 .title { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 38px; }
#voice-page #step1 .title span { color: #5F59FF; }
#voice-page #step1 .download-btn { width: 139px; height: 75px; background: rgba(0, 0, 0, 0.6); border-radius: 6px 6px 6px 6px; margin-bottom: 24px; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; cursor: pointer; font-size: 12px; }
#voice-page #step1 .download-btn .iconfont { font-size: 20px; }
#voice-page #step1 .upload-guide { color: #DE9C0D; margin-bottom: 10px; }
#voice-page #step1 .upload-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-size: 16px; }
#voice-page #step1 .upload-btn a { width: 200px; height: 50px; background: #fff; border-radius: 6px; border: 1px solid #E9E9E9; line-height: 50px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; }
#voice-page #step1 .upload-btn a .iconfont { font-size: 20px; }
#voice-page #step1 .upload-btn a:hover { border-color: #5F59FF; color: #fff; background: #5F59FF; }
#voice-page #step1 .dongtu { height: 200px; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#voice-page #step1 .dongtu img { max-width: 100%; }
#voice-page #step2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; margin: 0 auto; text-align: center; height: 100%; }
#voice-page #step2 .wengao { font-weight: 500; font-size: 20px; }
#voice-page #step2 .upload-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 10px; font-size: 16px; }
#voice-page #step2 .upload-btn a { width: 200px; height: 50px; background: #fff; border-radius: 6px; border: 1px solid #E9E9E9; line-height: 50px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; }
#voice-page #step2 .upload-btn a .iconfont { font-size: 20px; }
#voice-page #step2 .upload-btn a:hover { border-color: #5F59FF; color: #fff; background: #5F59FF; }
#voice-page #step2 .upload-btn .recording-time, #voice-page #step2 .upload-btn .listen-btn { color: #666666; margin-bottom: 10px; cursor: pointer; }
#voice-page #step2 .dongtu { height: 200px; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#voice-page #step2 .dongtu img { max-width: 100%; }
#voice-page #step3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6px; margin: 0 auto; width: 49.9%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 55px; padding-top: 110px; overflow-y: auto; }
#voice-page #step3::-webkit-scrollbar { display: none; }
#voice-page #step3 .title { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 38px; }
#voice-page #step3 .upload-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; font-size: 16px; }
#voice-page #step3 .upload-btn a { width: 200px; height: 50px; background: #fff; border-radius: 6px; border: 1px solid #E9E9E9; line-height: 50px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; }
#voice-page #step3 .upload-btn a .iconfont { font-size: 20px; }
#voice-page #step3 .upload-btn a:hover { border-color: #5F59FF; color: #fff; background: #5F59FF; }
#voice-page #step3 .zip-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; border: 1px solid #DADADA; border-radius: 6px; padding: 20px; }
#voice-page #step3 .zip-file .zip-file-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }
#voice-page #step3 .zip-file .zip-file-name .iconfont { font-size: 30px; }
#voice-page #step3 .zip-file .zip-file-name .zip-file-name-text { font-size: 18px; }
#voice-page #step3 .zip-file .zip-file-name .zip-file-size { font-size: 12px; color: #999; }
#voice-page #step3 .zip-file .zip-file-do { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }
#voice-page #step3 .zip-file .zip-file-do .iconfont { width: 40px; height: 40px; font-size: 16px; cursor: pointer; border: 1px solid #E9E9E9; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#voice-page #step3 .zip-file .zip-file-do .iconfont:hover { color: #5F59FF; border-color: #5F59FF; }
#voice-page #step4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 6px; margin: 0 auto; width: 95; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 55px; padding-top: 110px; overflow-y: auto; }
#voice-page #step4::-webkit-scrollbar { display: none; }
#voice-page #step4 .title { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 38px; color: #5F59FF; }
#voice-page #step4 .dongtu { height: 200px; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#voice-page #step4 .dongtu img { max-width: 100%; }
#voice-page #step5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; margin: 0 auto; width: 95%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
#voice-page #step5::-webkit-scrollbar { display: none; }
#voice-page #step5 .title { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 38px; }
#voice-page #step5 .upload-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; position: absolute; bottom: 55px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; font-size: 16px; }
#voice-page #step5 .upload-btn a { width: 200px; height: 50px; background: #fff; border-radius: 6px; border: 1px solid #E9E9E9; line-height: 50px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; }
#voice-page #step5 .upload-btn a .iconfont { font-size: 20px; }
#voice-page #step5 .upload-btn a:hover { border-color: #5F59FF; color: #fff; background: #5F59FF; }
#voice-page #step6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; margin: 0 auto; width: 95%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
#voice-page #step6::-webkit-scrollbar { display: none; }
#voice-page #step6 .title { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 38px; }
#voice-page #step6 .error-msg-content { max-height: 200px; display: block; overflow-y: auto; }
#voice-page #step6 .error-msg-content::-webkit-scrollbar { display: none; }
#voice-page #step6 .dongtu { height: 200px; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#voice-page #step6 .dongtu img { max-width: 100%; }
#voice-page #step6 .upload-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; position: absolute; bottom: 55px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; font-size: 16px; }
#voice-page #step6 .upload-btn a { width: 200px; height: 50px; background: #fff; border-radius: 6px; border: 1px solid #E9E9E9; line-height: 50px; text-align: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; }
#voice-page #step6 .upload-btn a .iconfont { font-size: 20px; }
#voice-page #step6 .upload-btn a:hover { border-color: #5F59FF; color: #fff; background: #5F59FF; }

.layui-layer-page-listenVoice .title { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 38px; margin-top: 30px; }

.audio-player { width: 60%; padding: 12px 15px 12px 20px; border-radius: 6px; border: 1px solid #DADADA; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }
.audio-player .controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; word-break: break-all; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px; }
.audio-player .play-btn { width: 40px; height: 40px; border-radius: 50%; background: #EFEFFF; border: none; color: #333333; cursor: pointer; margin-right: 5px; -ms-flex-negative: 0; flex-shrink: 0; }
.audio-player .time-display { font-size: 18px; color: #666; }
.audio-player .progress-container { margin: 15px 0; display: none; }
.audio-player .progress-container .progress-bar { width: 100%; height: 4px; background: #ddd; border-radius: 2px; position: relative; cursor: pointer; }
.audio-player .progress-container .progress-bar .progress { height: 100%; background: #4CAF50; border-radius: 2px; width: 0; }
.audio-player .volume-container, .audio-player .speed-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 191px; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F2F2F2; border-radius: 6px; padding: 0 10px; }
.audio-player .volume-slider-container { position: relative; }
.audio-player .volume-slider-container .slider-background { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; height: 2px; background: #5F59FF; }
.audio-player .volume-container label, .audio-player .speed-container label { font-size: 16px; }
.audio-player .volume-slider, .audio-player .speed-slider { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 2px; -webkit-appearance: none; background: #E4E4E4; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.audio-player .volume-slider::-webkit-slider-thumb, .audio-player .speed-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 6px; height: 6px; background: #fff; border: 1px solid #5F59FF; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; cursor: pointer; position: relative; z-index: 2; }

.zimu-box {position: relative;z-index: 1;margin-bottom: 16px;height: 40px;display: flex;width: 852px;margin-left: auto;margin-right: auto;gap: 32px;}
.zimu-box .zimu-box-left {height: 36px;width: 76px;border: 1px solid #5E59F6;border-radius: 4px;line-height: 36px;text-align: center;font-size: 14px;font-weight: 500;color: #5E59F6;box-sizing: content-box;display: flex;gap: 6px;align-items: center;justify-content: center;cursor: pointer;background-image: url("/public/home/images/client/vector.png");background-repeat: no-repeat;background-position: right 13px center;padding-right: 13px;}
.zimu-box .zimu-box-left.active {background-image: url("/public/home/images/client/vector_active.png");}
.zimu-box .zimu-box-right {display: none;background-color: #fff;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);border-radius: 6px;box-sizing: border-box;padding: 6px;gap: 10px;align-items: center;}
.zimu-box .zimu-box-right .ziti {border: 1px solid #E1E1E1;border-radius: 4px;width: 114px;height: 28px;line-height: 26px;font-size: 14px;font-weight: 400;color: #333333;box-sizing: border-box;position: relative;text-align: left;}
.zimu-box .zimu-box-right .ziti.active {border-color: #5E59F6;}
.zimu-box .zimu-box-right .ziti.active .ziti-list {display: block;}
.zimu-box .zimu-box-right .ziti .ziti-text {text-align: left;width: 100%;height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 10px;padding-right: 10px;box-sizing: border-box;cursor: pointer;}
.zimu-box .zimu-box-right .ziti .ziti-list {box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);border-radius: 8px;background: #FFFFFF;padding: 16px;width: 326px;position: absolute;left: 50%;top: calc(100% + 13px);z-index: 1000;transform: translateX(-50%);}
.zimu-box .zimu-box-right .ziti .ziti-list .t1 {font-size: 16px;padding-left: 11px;margin-bottom: 10px;}
.zimu-box .zimu-box-right .ziti .ziti-list .t2 {border-radius: 4px;padding: 3px 11px;position: relative;}
.zimu-box .zimu-box-right .ziti .ziti-list .t2:hover {background: #F2F2F2;}
.zimu-box .zimu-box-right .ziti .ziti-list .t2::after {content: '\e605';font-family: layui-icon !important;position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: none;font-size: 16px;}
.zimu-box .zimu-box-right .ziti .ziti-list .t2.active::after {display: block;}
.zimu-box .zimu-box-right .line {width: 1px;height: 20px;background-color: #E1E1E1;}
.zimu-box .zimu-box-right .zimu_box-right-item {position: relative;}
.zimu-box .zimu-box-right .zimu_box-right-item .t1 {padding: 0 10px;height: 28px;border: 1px solid transparent;line-height: 26px;border-radius: 4px;box-sizing: border-box;cursor: pointer;}
.zimu-box .zimu-box-right .zimu_box-right-item.active .t1 {border: 1px solid #5E59F6;color: #5E59F6;}
.zimu-box .zimu-box-right .zimu_box-right-item:hover {background-color: #F2F2F2;}

.zimu-box .zimu-box-right .zimu_box-right-item.zimu_yangshi_box.active .zimu_yangshi {
  display: block;
}

.zimu_zihao {display: flex;align-items: center;border-radius: 4px;border: 1px solid #E1E1E1;background: #FFFFFF;width: 114px;height: 28px;box-sizing: border-box;padding: 0 9px;gap: 5px;}

.zimu_zihao:hover {border-color: #5E59F6;}

.zimu_zihao input {height: 100%;box-shadow: none;background: #FFFFFF;border: none;outline: none;box-sizing: border-box;flex: 1;}

.zimu_zihao .layui-icon {cursor: pointer;color: #333333;}

.zimu_biankuang {
  position: relative;
  background-image: url("/public/home/images/client/borderSetting.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #CECECE;
  box-sizing: border-box;
}

.zimu_biankuang #miaobian_chuxu {
  display: none;
  width: 170px;
}

.zimu_biankuang:hover #miaobian_chuxu {
  display: block;
}

.zimu_yangshi {
  padding: 20px;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  z-index: 1000;
  width: 326px;
  box-sizing: border-box;
  display: none;
}

.zimu_yangshi .zimu_yangshi_menu {
  display: inline-flex;
  align-items: center;
  background: rgba(94, 89, 246, 0.1);
  border-radius: 4px;
  height: 28px;
  line-height: 28px;
}

.zimu_yangshi .zimu_yangshi_menu > div {padding: 0 10px;cursor: pointer;}
.zimu_yangshi .zimu_yangshi_menu .active {background: #5E59F6;border-radius: 4px;color: #FFFFFF;}
.zimu_yangshi .zimu_yangshi_content {margin-top: 16px;display: none;}
.zimu_yangshi .zimu_yangshi_content.active {display: block;}
.zimu_yangshi .zimu_yangshi_content .zimu_yangshi_content_item {display: flex;flex-wrap: wrap;gap: 10px;}

.zimu_yangshi .zimu_yangshi_content .zimu_yangshi_content_item .yangshi {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 30px;
  box-sizing: border-box;
}

.zimu_yangshi .zimu_yangshi_content .zimu_yangshi_content_item .zimu_yangshi_content_item_title {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  margin-top: 6px;
}

.zimu_yangshi .zimu_yangshi_content .zimu_yangshi_content_item_content {
  cursor: pointer;
}

.zimu_yangshi .zimu_yangshi_content .zimu_yangshi_content_item_content:hover .yangshi, .zimu_yangshi .zimu_yangshi_content .zimu_yangshi_content_item_content.active .yangshi {
  border-color: #5E59F6;
}

.aizimutab {
  align-items: center;
  gap: 20px;
  display: none;
}

.aizimutab.active {
  display: flex;
}

.aizimutab .layui-form-switch {
  margin-top: 0;
}

.custom-menu .zimu_yangshi_content_item {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.custom-menu .zimu_yangshi_content_item .yangshi {
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 30px;
  box-sizing: border-box;
}

.custom-menu .zimu_yangshi_content_item .zimu_yangshi_content_item_title {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
  margin-top: 6px;
}

.shuangyuzimutab {
  display: none;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
}

.shuangyuzimutab.active {
  display: flex;
  color: #333 !important;
}

.shuangyuzimutab > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.shuangyuzimutab .layui-form-switch,
.shuangyuzimutab .layui-form-radio {
  margin-top: 0;
}

.shuangyuzimutab .layui-form-radio {
  padding-right: 0;
}

.jianggao_top {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 15px;
}

.jianggao_top .jianggao_top_item_line {
  width: 1px;
  height: 16px;
  background-color: #E1E1E1;
}

.jianggao_top .jianggao_top_item {
  position: relative;
}

.jianggao_top .jianggao_top_item .jianggao_top_item_t {
  color: #999999;
  cursor: pointer;
}

.jianggao_top .jianggao_top_item .jianggao_top_item_t.active {
  color: #5F59FF;
}

.jianggao_top .jianggao_top_item .custom-list-container {display: none;position: absolute;top: 30px;left: 0;background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.26);padding: 11px 0;z-index: 10;min-width: 109px;}

.jianggao_top .jianggao_top_item .custom-list-container .custom-list-item {padding: 5px 16px;cursor: pointer;color: #333333;}

.jianggao_top .jianggao_top_item .custom-list-container .custom-list-item:hover {background: #ECEFF2;}

.custom-layer-msg {background: #fff;border-radius: 8px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);border: none;}

.custom-layer-msg img {width: 20px;height: 20px;}

.custom-layer-msg .layui-layer-content {padding: 10px 32px;display: flex;align-items: center;gap: 12px;}

.piantou {margin-bottom: 10px;}

.piantou .btn {display: flex;align-items: center;justify-content: center;gap: 8px;color: #5F59FF;cursor: pointer;background-color: #fff;border: 1px solid #5F59FF;border-radius: 4px;box-sizing: border-box;height: 38px;line-height: 38px;}

.piantou .item {width: 340px;position: relative;aspect-ratio: 856 / 480;border-radius: 10px;overflow: hidden;background-color: #F4F2FE;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}

.piantou .iconfont {position: absolute;right: 16px;bottom: 16px;width: 24px;height: 24px;line-height: 24px;background-color: rgba(0, 0, 0, 0.5);color: #fff;font-size: 14px;text-align: center;border-radius: 50%;cursor: pointer;}

.piantou-list {width: 360px;background-color: #fff;padding: 0 30px 30px 30px;box-sizing: border-box;height: calc(100vh - 84px);display: flex;flex-direction: column;}

.piantou-list .piantou-tab {display: flex;align-items: center;position: sticky;top: 0;left: 0;background-color: #fff;z-index: 10;}

.piantou-list .piantou-tab .piantou-tab-item {padding-bottom: 10px;padding-top: 10px;cursor: pointer;flex: 1;text-align: center;border-bottom: 2px solid #fff;color: #999999;}

.piantou-list .piantou-tab .active {border-bottom: 2px solid #5F59FF;color: #333333;}

.piantou-list .iconfont {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);color: #fff;font-size: 28px;cursor: pointer;display: none;align-items: center;justify-content: center;}

.piantou-list .time {position: absolute;left: 16px;bottom: 16px;background-color: rgba(0, 0, 0, 0.5);color: #fff;font-size: 14px;padding: 2px 6px;border-radius: 4px;}

.piantou-list .piantou-list-item-item {margin-bottom: 14px;position: relative;}

.piantou-list .piantou-list-item-item .video-preview {position: absolute;top: 50%;right: 120%;transform: translateY(-50%);width: 540px;border-radius: 10px;padding: 10px;box-sizing: border-box;background-color: #fff;z-index: 10;box-shadow: 0px 2px 8px 0px rgba(99, 99, 99, 0.2);display: none;}

.piantou-list .piantou-list-item-item .video-preview video {width: 100%;height: 270px;object-fit: cover;}

.piantou-list .piantou-list-item-item .video-preview .video-name {font-size: 14px;color: #333333;margin-top: 4px;}

.piantou-list .piantou-list-item-item.active .item .iconfont, .piantou-list .piantou-list-item-item .uploadPiantou .item .iconfont, .piantou-list .piantou-list-item-item .uploadPianwei .item .iconfont {display: flex;}

.piantou-list .piantou-list-item-item:last-child {margin-bottom: 0;}

.piantou-list .piantou-list-item {flex: 1;overflow-y: auto;}

.piantou-list .piantou-list-item::-webkit-scrollbar {display: none;}

.piantou-list .piantou-list-item .item {width: 100%;position: relative;aspect-ratio: 856 / 480;border-radius: 10px;overflow: hidden;background-color: #F4F2FE;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;cursor: pointer;}

.piantou-list .piantou-list-item .name {text-align: center;font-size: 16px;color: #333333;margin-top: 12px;white-space: pre-line;word-break: break-all;}

.sucaiNav {position: relative;width: 360px;background-color: #fff;padding: 0 30px 30px 30px;box-sizing: border-box;height: calc(100vh - 84px);display: flex;flex-direction: column;}
.sucaiNav .sucaiTitle {text-align: center;line-height: 22px;margin-top: 16px;color: #333333;margin-bottom: 30px;font-size: 16px;}
.sucaiNav .sucaiType {display: flex;justify-content: space-between;}
.sucaiNav .sucaiType .sucaiTypeItem {line-height: 28px;color: #333333;}
.sucaiNav .sucaiType .sucaiTypeBtn {width: 82px;height: 16px;background-color: #5F59FF;border-radius: 4px;color: #fff;padding: 6px 10px;line-height: 16px;cursor: pointer;}
.sucaiNav .sucaiType .sucaiTypeBtn img {width: 13px;height: 12px;margin-right: 4px;}
.sucaiNav .sucaiList {display: flex;flex-wrap: wrap;margin-top: 19px;height: calc(100vh - 292px);align-content: flex-start;overflow-y: scroll;}
.sucaiNav .sucaiList::-webkit-scrollbar {display: none;}
.sucaiNav .sucaiList .sucaiListItem {width: 90px;height: 124px;margin-right: 15px;margin-bottom: 10px;cursor: pointer;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemCenter.active {border: 1px solid #5F59FF;}
.sucaiNav .sucaiList .sucaiListItem:nth-child(3n) {margin-right: 0;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemCenter {position: relative;border-radius: 6px;height: 100px;border: 1px solid transparent;background: #F5F5F5;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemCenter img {width: 100%;height: 100%;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemCenter:hover {border-color: #5F59FF;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemCenter:hover .sucaiListItemDelete {display: block;position: absolute;box-sizing: border-box;right: 3px;bottom: 3px;width: 24px;height: 24px;padding: 0 4px;border: 1px solid #CACACA;border-radius: 50%;cursor: pointer;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemDelete {display: none;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemDelete img {width: 13px;height: 14px;}
.sucaiNav .sucaiList .sucaiListItem .sucaiListItemTitle {text-align: center;line-height: 20px;margin-top: 6px;font-size: 14px;color: #333333;}
.sucaiNav .method {position: absolute;width: 300px;display: flex;justify-content: space-between;bottom: 62px;}

.sucaiNav .method .methodButton {width: 144px;height: 32px;line-height: 32px;border-radius: 6px;color: #fff;text-align: center;background-color: #5F59FF;cursor: pointer;}

.local-upload {background-color: #5F59FF;border-radius: 10px;padding: 4px;box-sizing: border-box;text-align: center;color: #fff;}
.local-upload .local-upload-title {font-size: 14px;}
.local-upload .local-upload-text {font-size: 12px;}
/*# sourceMappingURL=client.css.map */