/* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the Classic and block * editors. The following font-face override fixes the issue by manually inserting * a custom font that includes just a Hoefler Text space replacement for that * character instead. * 50=>3.59em 13=>.92em 20=>1.43 16=>1.14 */ @font-face { font-family: 'NonBreakingSpaceOverride'; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } html {line-height: 1.15;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth; height: 100%;width: 100%;overflow: hidden;font-family:"PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"; } body{ margin: 0;padding: 0;background: white;position: relative;scroll-behavior: smooth;overflow: auto;height: 100%;width: 100%; --radius:6px; --red:255,0,71; --reds:248,215,218; --green:rgba(37,201,118,.9); --orange:rgba(255,152,0,.9); --bg: 247,248,249; --border: 241,242,244; --surface: 255,255,255; --text-primary: 9,30,66; --text-secondary: rgb(98,111,134); --primary: 29,122,252; --text-inverse: rgb(255 255 255); --text-second:225, 225, 225; --text-tips:119, 119, 119; --dbt:1.73rem; --dblh:2.8rem; --dfb:1.25rem; --dtext:.9rem; --dlh:1.2rem; --stext:.8rem; --dslh:1.2rem; --ns:.08rem; --ns10:.9rem; --ns20:.16rem; font-size:var(--dtext); --jbColor:linear-gradient(to right,rgba(var(--primary),1),rgba(var(--primary),0)); --loadbg:0,0,0; --text-load:255,255,255; } body.sunset{ --bg: 21,28,25; --border: 66,79,74; --surface: 47,56,52; --text-primary: 236,210,197; --text-secondary: rgb(192,171,146); --primary: 192,171,146; --text-inverse: rgb(21 28 25); } body.sunrise{ --bg: 236,210,197; --border: 215,201,198; --surface: 243,232,229; --text-primary: 79,39,51; --text-secondary: rgb(104,88,68); --primary: 160,77,102; --text-inverse: rgb(243 232 229); } body.dark{ --bg: 16,18,20; --border: 34,39,43; --surface: 22,26,29; --text-primary: 222,228,234; --text-secondary: rgb(115,132,150); --primary: 29,122,252; --text-inverse: rgb(255 255 255); --red:255,38,99; --text-second:51,51,51 } body{ background-color: rgba(var(--bg),1); color:rgba(var(--text-primary),1) } h1 {font-size: 2em;margin: 0.67em 0;} hr {box-sizing: content-box;height: 0;overflow: visible;} pre {font-family: monospace, monospace;font-size: 1em;} *{-webkit-tap-highlight-color: transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a{text-decoration: none;background-color: transparent;}img{vertical-align: top;border: none;}li{list-style:none;}ul{margin: 0;padding: 0} audio,canvas,progress,video{display: inline-block;vertical-align: baseline;} strong {font-weight: bold;}pre{overflow: auto;}button,input,optgroup,select,textarea {margin: 0;font: inherit;color: inherit;outline: none;} button {overflow: visible;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}.clear:after,.clear:before{content:" ";display:table}.clear:after{clear:both} .must{position: relative;} .must::after{content: '*';position: absolute;top:0;left:-8px;color:rgba(var(--red),1);z-index:99} .hide{display: none !important;} .mt-6{margin-top: 6px !important;}.mt-10{margin-top:var(--ns10)}.mt-20{margin-top:var(--ns20)}.mt-30{margin-top:30px !important}.mt-40{margin-top:40px !important;}.mt-50{margin-top:50px !important} .mb-6{margin-bottom: 6px !important;}.mb-10{margin-bottom:10px !important}.mb-20{margin-bottom:20px !important;}.mb-30{margin-bottom:30px !important}.mb-40{margin-bottom:40px !important;}.mb-50{margin-bottom:50px !important} .pt-6{padding-top:6px !important}.pt-10{padding-top:10px !important}.pt-20{padding-top:20px !important}.pt-30{padding-top:30px !important}.pt-40{padding-top:40px !important}.pt-50{padding-top:50px !important} .pl-20{padding-left: 20px;} .dh-bt{font-size:var(--dbt);margin:var(--ns) 0;line-height: var(--dblh);} .dh-fb{font-size:var(--dfb);margin:var(--ns) 0} .dh-text{font-size:var(--dtext);margin:var(--ns) 0;line-height: var(--dlh);} .dh-stext{font-size:var(--stext);margin:var(--ns) 0;line-height: var(--dslh);} .db{font-weight: bold;} .row{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;} .row2{-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal;} .row3{-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal;} .price {color: rgba(var(--red),1);font-size: 15px;position: relative;} .price::before {content: '￥';font-size: 12px;} .price.h {color: #ccc;margin-right: 10px;}.price.h .number{text-decoration: line-through;} .price.h::after {content: '原价';font-size: 12px;position: absolute;top: -0;left: 0;text-decoration: auto;transform: translateY(-100%);} /* 去除number类型的上下箭头 */ input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none !important;} input[type="number"] {-moz-appearance: textfield;} .flex{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex} .flex-s{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content:space-between;flex-wrap:wrap;position: relative} .flex-c{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;position: relative;flex-direction: column} .flex-sa{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content:space-between;} .flex-a{display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;} .flex-tb{--number:1;--gap:0px;--mt:10px;width:calc(100% + var(--gap));flex-wrap: wrap;gap:var(--mt,10px) var(--gap);display: flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex} .flex-li,.flex-tb>div,.flex-tb>a{width:calc(100% / var(--number) - var(--gap));} /* json代码格式样式 */ .json-data .string { color: green; } .json-data .number { color: darkorange; } .json-data .boolean { color: blue; } .json-data .null { color: magenta; } .json-data .key { color: red; } /* 文章默认列表 */ .n-item{background-color: white;border-radius: var(--radius);position: relative;} .flex-img{position: relative;}.flex-tips{position: absolute;bottom:0;left:0;width: 100%;height: 32px;display: flex;display: -webkit-flex;align-items: center;padding:0 10px;font-size:.1rem} .flex-img img,.flex-product img{width: 100%;height:100%;object-fit: cover;} .flex-ct{padding: 10px;} .flex-ct .bt{font-size: var(--dtext);text-align: justify;line-height: var(--dlh);font-weight: 500;} .flex-ft{display: flex;display: -webkit-flex;justify-content: space-between;font-size:var(--stext);color:#aaa;padding:10px 0 0 0 ;} .flex-img.p{padding: 10px 10px 0 10px;} .flex-img.p img{border-radius: var(--radius) var(--radius) 0 0;} .n-item.row .flex-img.p{padding:10px 0 10px 10px} .n-item.row .flex-img.p img{border-radius: var(--radius) 0 0 var(--radius);} .flex-ct.m{position: absolute;bottom:0;left:0;width: 100%;background: linear-gradient(to top,rgba(var(--primary),1),rgba(var(--primary),0));-webkit-backdrop-filter: blur(2px) saturate(125%);backdrop-filter: blur(2px) saturate(125%);color:var(--text-inverse);padding:30px 10px 10px 10px;z-index: 10;} .flex-ct.m .flex-ft{color:var(--text-inverse);} .flex-product{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;display: -webkit-flex;justify-content: center;align-items: center;padding:10px} .flex-product img{object-fit: contain;} .n-item.row{display: flex;display: -webkit-flex;--w:160px} .n-item.row .flex-img{width:var(--w);} .n-item.row .flex-ct{width:calc(100% - var(--w));display: flex;display: -webkit-flex;flex-direction: column;justify-content: space-between;} .flex-zy{font-size: var(--stext);color:#aaa;padding-top:.2rem;line-height: var(--dslh);} .dhm{background: linear-gradient(to top,rgba(var(--primary),1),rgba(var(--primary),0));color:var(--text-inverse);-webkit-backdrop-filter: blur(2px) saturate(125%);backdrop-filter: blur(2px) saturate(125%);} /*动画预设*/ .icon,.dh02{transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out;} .dh03{transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;} .dh04{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .dh05{transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out;} /* 禁止双击 */ .in-ap,.selectVal,.info,.btnTm,.bt,.fb,.content{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;} /* 弹窗样式 */ .tc-list-box{flex-direction: column;position: fixed;top:0;left:0;width: 100vw;height:100vh;z-index:99999} .tc-list-box .tc-item{position: relative;height:auto;width:auto;} .tc-list-box .tc-toast{margin:2px 0} .tc-list-box .tc-modal{max-width:100%;max-height:100%} .tc-list-box .tc-modal .tc-box{height:100%} .tc-item{position: fixed;height:100vh;width:100vw;top:0;left:0;flex-direction: column;z-index:9999} .tc-item.ct{justify-content: center;align-items: center;} .tc-item.lt{align-items: flex-start;justify-content: center;padding-left:20px} .tc-item.rt{align-items: flex-end;justify-content: center;padding-right:20px} /* 顶部位置 */ .tc-item.topct{align-items: center;justify-content: flex-start;padding-top:20px} .tc-item.toplt{align-items: flex-start;justify-content: flex-start;padding:20px 0 0 20px} .tc-item.toprt{align-items: flex-end;justify-content: flex-start;padding:20px 20px 0 0} /* 底部位置 */ .tc-item.botlt{align-items: flex-start;justify-content: flex-start;padding:0 0 20px 20px;flex-direction: column-reverse;} .tc-item.botct{align-items: center;justify-content: flex-start;padding:0 0 20px 0;flex-direction: column-reverse;} .tc-item.botrt{align-items: flex-end;justify-content: flex-start;padding:0 20px 20px 0;flex-direction: column-reverse;} .tc-toast{--bgColor:0,0,0;--zFont:white} .tc-box{position: relative;z-index: 1;} .tc-toast .tc-box{padding:13px;border-radius: 6px;min-width:100px;max-width:230px;justify-content: center;align-items: center;background-color:rgba(var(--bgColor),.8);color:var(--zFont);width: fit-content;}.tc-box.column{flex-direction: column;} .tc-box.column .tc-text{margin-top:4px;text-align: center;}.tc-box.row .tc-text{padding-left:2px;width:calc(100% - 32px);white-space: normal;} .tc-toast .icon{background-color:var(--zFont);width:32px;height:32px;} .tc-modal .tc-box{min-width:300px;max-width:100%;flex-direction: column;max-height:100%} .tc-modal .tc-hd{height:38px;width:100%;background-color:rgba(var(--surface),1);color:rgba(var(--text-primary),1);border-radius:var(--radius) var(--radius) 0 0;overflow: hidden;} .tc-modal .tc-hd .lt{padding-left: 10px;align-items: center;} .tc-modal .tc-hd .icon{background-color: rgba(var(--text-primary),1);width:14px;height:14px;} .tc-modal .tc-hd .close-box:hover{background-color:rgba(var(--text-primary),.2)} .close-box:hover .icon{transform: rotateZ(0deg);} .tc-modal .tc-ct{min-height:80px;padding:10px;overflow: auto;background-color: rgba(var(--bg),1);color: rgba(var(--text-primary), 1);} .tc-modal .tc-control-ct{width:380px} .tc-modal .tc-ft{height:50px;background-color:rgba(var(--surface),1);border-radius: 0 0 var(--radius) var(--radius);justify-content: center;align-items: center;gap:10px} .tc-load .tc-box{background-color:rgba(var(--loadbg),.6);min-width:100px;width:fit-content;color:rgba(var(--text-load),1);align-items: center;padding:10px;border-radius: var(--radius);pointer-events: none;} .tc-load .tc-text{margin-left:6px} .tc-load .loaders{width:26px;height:26px} .tc-bg{position: absolute;top:0;left:0;width:100%;height:100%;backdrop-filter: saturate(30%);} .tc-modal .tc-box.tcTailor .tc-ft{background-color:#eee} .tc-modal .tc-box.tcTailor .tc-ft .btnTm{margin:0 5px} .tc-modal .tc-full{height:100vh;width:100vw;padding:10px} .tc-modal .tc-full .tc-ct{height: 100%;} /* 表单样式 */ .in-ap.err .in-box-hd{border-color:rgba(var(--red),.4)} .nr-flex{width: 100%;height:100%} .control{overflow: hidden;padding:0 2px} .in-ap{--hd:38px;min-height:var(--hd);font-size:var(--dtext);margin:10px 0} .in-ap.ac .in-box-hd,.in-ap.ac .sel-i-box,.in-box-hd:focus-within,textarea:focus,.in-ap.ac .sicon-box{box-shadow: 0 0 0 1.2px rgba(var(--primary), .2);border-color: rgba(var(--primary), 1);} .in-ap.ac.errShow .in-box-hd,.in-ap.ac.errShow .sel-i-box,.in-ap.errShow .in-box-hd:focus-within,.errShow textarea:focus,.errShow .sicon-box,.errShow .sel-tag{box-shadow: 0 0 0 1.2px rgba(var(--red), .2);border-color: rgba(var(--red), 1);} .in-ap.in-row{display: flex;display: -webkit-flex;align-items:center} .in-ap .in-nr{border-radius: 6px;background-color: rgba(var(--surface), 1);color: rgba(var(--text-primary),1);} .in-textarea .in-nr{width:100%;min-height:80px;border:1px solid rgba(var(--border),1);background-color:rgba(var(--surface), 1);color:rgba(var(--text-primary),1);padding:8px 5px;resize:none;border-radius:var(--radius)} .in-hd .bt{padding-left:15px;position: relative;}.in-hd .bt.must::after{content:'*';position: absolute;top:0;left:2px;width:15px;text-align: center;} .in-hd{align-items: center;height:var(--hd);width:100%;cursor: pointer;} .in-ap.in-row .in-hd{width:var(--w);} .in-box{position:relative;} .in-box-hd,.sel-i-box{height:var(--hd);width:100%;border:1px solid rgba(var(--border),1);border-radius:var(--radius);background-color:rgba(var(--surface),1);color:rgba(var(--text-primary),1);cursor: pointer;overflow: hidden; transition:All 0.2s ease-in-out;-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out; } .in-box-hd .in-nr,.sel-i-box .in-nr,.sel-input{border:0;padding:0 5px;width:100%;height:100%} .in-box-hd.flex{--w:38px} .in-box-hd.flex .sel-input{width: calc(100% - var(--w));} .in-box-hd.flex .icon-box,.in-box-hd.flex .icon-box2{width: var(--w);} .sel-i-box .sel-hd{--w:30px;border:0} .in-btn-box{border:0;} .in-btn-box .in-nr{border-radius:6px 0 0 6px;border:1px solid rgba(var(--border),1);border-right:0;} .in-btn-box .btnTm{border:1px solid rgba(var(--border),1);border-left:0} .in-btn-box .btnTm{border-radius:0 6px 6px 0;} .in-btn-box .icon{width: 16px;height:16px;background-color: var(--text-secondary);} .in-ap .bg{position: fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.2);visibility: hidden;opacity: 0;z-index:996} .nr-flex .in-nr{width:calc(100% - var(--w));border-radius: var(--radius) 0 0 var(--radius);} .nr-flex .btnTm{border-radius: 0 ;overflow: hidden;width: var(--w);height:var(--hd);padding:6px 10px} .error-main{ position:absolute;top:0;right:0; height:100%;align-items:center;justify-content:center;} .error-main .tips-div{position:absolute;top:100%;right:0;width:230px;padding:10px;background-color:rgba(255,230,226,1);border-radius:3px;margin-top:10px;color:rgba(229, 32, 0,1); z-index: 99;display: none;} .error-main .tips-div.tt{top:unset;bottom:100%;margin-bottom:10px} .error-main .tips-div::before{ content:'';position: absolute;top:-5px;right:10px;width:10px;height:10px;background-color: rgba(255,230,226,1);transform: rotateZ(135deg); clip-path: polygon(0 0, 0 100%, 100% 100%);border-radius: 0 0 0 2px; } .error-main .tips-div.tt::before{ bottom:-5px;top:unset; transform: rotateZ(-45deg); } .error-main:hover .tips-div{display:block} .error-main .icon-tips{display: none;} .errShow .icon-tips{display:block} .errShow .in-nr:focus ~ .error-main .tips-div,.in-ap.ac.errShow .error-main .tips-div{display: block;} .errShow .in-nr:focus ~ .error-main .icon{display: none;} .errShow .in-btn-box .in-nr,.errShow .in-btn-box .btnTm,.errShow .in-box-hd{border-color:rgba(var(--red),.4);background-color: rgba(var(--surface),1);} /* .errShow .in-nr{background-color: rgb(255, 245, 243);} */ .errShow .img-one-box{border-color: rgba(var(--red),.4);background-color: rgba(var(--surface),1);} .errShow .img-one-box .icon{background-color:rgba(var(--red),1)} .errShow .file-img-box,.errShow .upload-file,.errShow .radio-main,.errShow .in-tag-ct{background-color: rgba(255,230,226,1);} .errShow .error-main{padding:0 5px} .errShow .radio-main{border-radius: 6px;} .errShow .in-textarea .in-nr{border-color: rgba(var(--red),.4);} .errShow .sel-i-box{border-color:rgba(var(--red),.4)} .img-one-ul{gap:6px;flex-wrap:wrap} .img-tips{font-size:13px;margin:6px 0 12px 0;color:rgba(var(--text-tips),1);} /* 下拉框 */ .sel-hd{height:var(--hd);cursor: pointer;width: 100%;}.sel-hd .icon-right{background-color:var(--text-secondary);width:16px;height:16px} .sel-input{color:rgba(var(--text-tips),1);display: flex;display: -webkit-flex;align-items: center;overflow: auto;}.sel-input.sel{color:rgba(var(--text-primary),1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .table-body,.sel-input,.tc-ct,.sel-op,body,.table-scroll,.sel-ul,.s-ul-s,.table-right .table-nr,.s-ct{scrollbar-width: thin;scrollbar-color: rgba(var(--primary),.8) rgba(var(--primary),.08);} .table-body .scroll{scrollbar-width: none;scrollbar-color: transparent transparent;} .table-body .scroll::-webkit-scrollbar{height:0;width: 0;} .date-item{padding:8px 10px;cursor: pointer;} .date-item:hover{color:rgba(var(--primary),1)} .s-date{height:100%;overflow: hidden;width: 100%;text-align: center;justify-content: center;} .s-date-ul .s-item {height:var(--h);display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .s-date-tips{position: absolute;top:50%;left:0;transform: translateY(-50%);height:50px;width:100%;border-top:1px solid rgba(var(--primary),1);border-bottom:1px solid rgba(var(--primary),1)} .s-date-ul .s-item{color:rgba(var(--text-second),1)} .s-date-ul .s-item.t{color:rgba(var(--text-primary), 1);transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;} .sel-date .sel-input{white-space: nowrap;} .sel-date .sel-input::-webkit-scrollbar{height:0} .sel-date .s-ul-s{overflow: hidden;} .sel-date .s-date-ul{cursor: pointer;} .date-ct-li{width: 100%;} .date-li-hd{height:var(--hd);width:100%;align-items: center;} .in-box-hd.flex .date-li-hd .sel-input{width: calc(100% - 16px);} .in-box-hd.flex .date-li-hd .icon-box2{width:20px} .date-select{height: var(--hd);width:80px;position: relative;} .date-select .s-item{height:var(--hd);line-height: var(--hd);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .date-li-ct{padding:10px 0} .date-li-ct .calendar-item{display: flex;display: -webkit-flex;justify-content: center;align-items: center;} .date-li-ct .calendar-item:hover{background-color: rgba(var(--primary), .08);} .date-li-ct .calendar-item.ac{background-color: rgba(var(--primary), 1);color:white} .date-select.ac{width:var(--w);} .date-select .sel-ul{overflow: unset;} .date-li-ct .calendar-item.h{color:rgba(var(--text-tips),.6)} .sel-v-li{padding:2px 4px} .sel-v-li:hover,.sel-v-item.ac .sel-v-li{background-color: rgba(var(--primary), .08);color:rgba(var(--primary), 1)} .date-his .sel-input{text-align: center;} .date-close{display: none;position: relative;z-index: 99999;} .in-ap:hover .date-close{display: block;} .sel-box{position: relative;} .sea-box{height: var(--sh);--w:80px;} .sea-box .ss{width:calc(100% - var(--w));border-radius: var(--radius) 0 0 var(--radius);} .sea-box .btnTm{width:var(--w);border-radius: 0 var(--radius) var(--radius) 0;} .sel-op,.in-op2{border:1px solid #eee;min-height:100px;width:100%;position:absolute;left:0;margin-top:5px;overflow: auto;--h:0px;--sh:0px} .sel-select .sel-op{max-height:300px;overflow: hidden;} .date-select .in-op2{max-height:160px} .sel-op-hd{justify-content: space-between;align-items: center;position: sticky;top:0;left:0;background-color: rgba(var(--surface),1);color:rgba(var(--text-primary), 1);border-bottom:1px solid rgba(var(--border),1);height:50px;display: none;z-index:1} .sel-op-close{padding:0 15px;height:100%;align-items: center;cursor: pointer;margin-right: -10px;} .sel-op-hd .icon{background-color:rgba(var(--text-primary), 1);width:13px;height:13px} .sel-op-input{height:100%} .sel-in-item{padding:0 10px;height:100%;display: flex;display: -webkit-flex;align-items: center;cursor: pointer;} .sel-in-item.ac{color:rgba(var(--primary),1);border-bottom:1px solid rgba(var(--primary),1)} .sel-op.sear{--sh:38px} .sel-ul{height:calc(100% - calc(var(--sh) + var(--h)));overflow: auto;max-height:300px} .sel-ul.sec{height:calc(100% - 48px)} .sel-ul .s-item{border-radius:3px;cursor: pointer;margin:5px 0} .sel-ul .s-item:hover{background-color: rgba(var(--primary),.08)} .s-item .s-check{margin-right:6px} .sel-op.show{--h:50px} .sel-op.show .sel-op-hd{display: flex;display: -webkit-flex;} .sel-ul-box{padding:10px 0 0 0;overflow: hidden;width:100%;height:calc(100% - var(--h))} .sel-ul-box .s-item{border:0;} .s-ul-s{width:100%;height:100%;overflow: auto;} .sel-u-b{height:100%} /* 常规列表 */ .s-item{align-items: center;padding:0 10px;cursor: pointer;} .cas-ul .s-item{position: relative;width:260px} .s-item .control{padding-left: 20px;} .s-item .s-info{align-items: center;width:100%;height:100%;height:36px} .s-item.ac{color:rgba(var(--primary),1);background-color:rgba(var(--primary),.1)} .s-item-ul{position: absolute;top:0;left:100%;display: none;z-index:99;padding:0 10px;width:260px;background-color:white;margin-left:1px;} .s-item-ul .s-item{width:100%;} .cas-ul .s-item:hover>.s-item-ul{display: block;} .cas-op{position: absolute;width:fit-content;overflow: unset;} .cas-op .sel-ul{overflow: unset;background-color: white;} .state-b .s-item-ul{bottom:0;top:unset} .state-t .s-item-ul .s-item{margin-top:0} .state-b .s-item-ul .s-item{margin-bottom:0} /* 单选框 */ .s-radio{ /* --icon:url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M512 170.667a341.333 341.333 0 0 0-290.133 521.216 42.667 42.667 0 0 1-72.534 45.013 424.875 424.875 0 0 1-64-224.896C85.333 276.352 276.352 85.333 512 85.333S938.667 276.352 938.667 512 747.648 938.667 512 938.667a424.875 424.875 0 0 1-234.667-70.315 42.667 42.667 0 1 1 46.934-71.21A341.333 341.333 0 1 0 512 170.666zm222.165 264.832a42.667 42.667 0 0 0-60.33-60.331L469.333 579.669 350.165 460.501a42.667 42.667 0 0 0-60.33 60.331l149.333 149.333a42.667 42.667 0 0 0 60.33 0L734.166 435.5z' fill='%2314101C'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: 18px;width:18px; background-color: rgba(var(--text-primary),1); */ display: flex;display: -webkit-flex;align-items: center;justify-content: center;pointer-events: none;border-radius:3px;width:13px;height:13px; border: 1px solid rgba(var(--text-primary),1); border-radius: 100px; } .s-radio.ac{background-color: rgba(var(--primary), 1);} .sel-radio-u{gap:10px;flex-wrap: wrap;} .s-radio-item{align-items: center;padding:6px 10px;border-radius: var(--radius);background-color: rgba(var(--surface), 1);cursor: pointer;} .s-radio-item:hover{background-color: rgba(var(--primary), .08);} .s-radio-item:hover .s-radio{background-color: rgba(var(--primary), .3);} .s-radio-item.ac{background-color: rgba(var(--primary), 1);color:var(--text-inverse);} .s-radio-item.ac .s-radio{background-color: rgba(var(--surface), 1);border-color:rgba(var(--surface), 1);border-width: 2px;} .s-radio-item.ac .s-radio-text{color: rgba(var(--surface), 1);} .s-radio-item.ac .s-radio::before{content:''; position: absolute;top:0;left:0;width:100%;height:100%;border-radius: var(--radius);background-color: rgba(var(--primary), 1); } .s-radio-item .s-radio,.s-radio-item .s-check{margin-right: 4px;border-color:rgba(var(--text-primary),.3);position: relative;} .s-check{display: flex;display: -webkit-flex;align-items: center;justify-content: center;pointer-events: none;border-radius:3px;width:16px;height:16px;border: 1px solid rgba(var(--primary),1);} .s-check.ac,.s-item.ac .s-check{background-color:rgba(var(--primary),1);border-color:rgba(var(--primary),1)} .s-check::before{content: '';width:0;} .s-check.ac::before,.s-item.ac .s-check::before,.s-radio-item.ac .s-check::before{ width: 30%;height:2px;background-color: rgba(var(--surface), 1); transform: rotateZ(45deg) translateX(52%) translateY(-20%); transition:width 0.2s ease-in-out;-webkit-transition:width 0.2s ease-in-out;-moz-transition:width 0.2s ease-in-out;-o-transition:width 0.2s ease-in-out; } .s-check::after{content: '';width:0;} .s-check.ac::after,.s-item.ac .s-check::after,.s-radio-item.ac .s-check::after{ content: ''; width: 70%;height:2px;background-color: rgba(var(--surface), 1); transform: rotateZ(-45deg) translateX(-8%); transition:width 0.3s ease-in-out;-webkit-transition:width 0.3s ease-in-out;-moz-transition:width 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out; } .s-radio-item.ac .s-check{border-color:rgba(var(--surface), 1);background-color:rgba(var(--surface), 1)} .s-radio-item.ac .s-check::after,.s-radio-item.ac .s-check::before{background-color:rgba(var(--primary), 1);} .s-check.hc{background-color:var(--orange);border-color:var(--orange)} .s-check.hc::before{content:'';height:2px;width:70%;background-color:white;} .sel-flex{display: flex;display: -webkit-flex;justify-content: space-between;--w:100px;align-items: center;} .sel-lt{width:var(--w);display: flex;display: -webkit-flex;align-items: center;} .sel-lt .sel-hd{width: 100%;border:0;height:36px} .sel-rt{width:calc(100% - var(--w));display: flex;display: -webkit-flex;align-items: center;height: 100%;} .radio-item{padding: 5px 0 10px 0;cursor: pointer;} /* 搜索 */ .ss{border:1px solid rgba(var(--primary),.3);padding:0 5px;background-color:rgba(var(--surface),1)} /* 下拉框窗体 */ .in-op,.in-op2{box-shadow:0 5px 8px -2px rgb(0 0 0 / 8%);z-index:998;border-radius: 0 0 6px 6px;border: 1px solid rgba(var(--border),1);padding:10px 10px 10px 10px;background-color:rgba(var(--surface),1);color:rgba(var(--text-primary), 1);font-size:14px; visibility: hidden;pointer-events: none; --show:3%;animation: topHide 0.3s ease-in-out both;-webkit-animation: topHide 0.3s ease-in-out both;-moz-animation: topHide 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards; } .in-ap.ac .sel-select .in-op,.sel-i-box.ac .in-op,.radd-item.ac .in-op,.date-select.ac .in-op2,.sel-v-item.ac .in-op{visibility: visible;pointer-events: unset; --show:3%;animation: topShow 0.3s ease-in-out both;-webkit-animation: topShow 0.3s ease-in-out both;-moz-animation: topShow 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards; } .sel-v-item::after{content:'~';position: relative;left:10px;} .sel-v-item:last-child::after{content:''} .sel-v-item .in-op{top:100%} .in-ap.errShow .sel-v-item.red{color:rgba(var(--red),.8)} .in-ap.errShow .sel-v-item.red .sel-v-li{background-color: rgba(var(--red),.05);} /* 图标 */ .icon-box,.icon-box2{align-items: center;justify-content: center;} .in-ap.ac .sel-select .icon-box .icon,.sel-i-box.ac .icon-box .icon,.radd-item.ac .icon-box .icon,.date-select.ac .icon-box2 .icon{ transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);-ms-transform: rotateZ(90deg); } /* 按钮的样式 */ .btnTm,button{height:38px;padding:6px 20px;background-color:rgba(var(--primary),1);color:var(--text-inverse);display: flex;display: -webbkit-flex;align-items: center;justify-content: center;cursor: pointer;border-radius: var(--radius);border:0; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; font-weight: 300;position: relative; } button:hover,.file-hd .btnTm:hover{transform: scale(1.05) translateY(1px);} button:active,.file-hd .btnTm:active{transform: translateY(-8px);} .btnTm.red{background-color:rgba(var(--red),1)} /* 表单的开关按钮 */ input[type=checkbox].radioTm{margin:0;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;cursor: pointer;} input[type=checkbox].radioTm:checked::before{content:'';} input[type=checkbox].radioTm{min-width: 46px;width:46px;height:1.5em;border-radius: 1.8em;line-height: 1.8em;margin: auto 0; overflow: hidden;border:0; background-color: rgba(var(--red),.8);position: relative;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .radioTm:after{content: '';position: absolute;width: 1.2em;height: 1.2em;border-radius: 1.3em;background: white; left: .18em;top: 50%;margin-top:-.61em;box-shadow: 1px 1px 7px 1px rgb(0 0 0 / 30%); -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .radioTm:checked:after{left: calc(100% - 1.38em);} input[type=checkbox].radioTm:checked{background-color:rgba(var(--primary),1);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} input[type=checkbox].radioTm:focus{border:0;box-shadow: none;} input[type=color]{height:2.4em;width:100px;padding:0 3px;cursor: pointer;} /* 图片 */ .in-files{position: absolute;top: 0;left: 0;opacity: 0;pointer-events:none;height:100%} .upload-file{display: flex;display: -webkit-flex;display: -o-flex;display: -moz-flex;align-items: center;background-color:rgba(var(--surface), 1);overflow: hidden;flex-wrap: wrap; padding: 5px; width: 100%; min-height: 38px; border-radius: 3px; border: 1px solid rgba(var(--border),1); } /* .upload-file:hover{height: auto;} */ .files-name{background-color: rgba(var(--primary),1);color: var(--text-inverse);line-height: 25px;text-overflow: ellipsis; padding:0 5px;border-radius: 3px;align-items: center;position: relative;z-index:10;margin-right: 10px;} .sel-icon .icon-li{width:30px;height:30px;border:1px solid rgba(var(--border),1);border-radius:var(--radius);padding:3px} .sel-icon .icon-li:hover{border-color:rgba(var(--primary), 1)} .sel-icon .icon-li div{background-color:var(--text-secondary);width:100%;height:100%} .sel-icon .sicon-box{height:60px;width:60px;background-color:rgba(var(--surface),1);border-radius:6px;position: relative;} .sel-icon .sicon-box .sel-input{height:100%;width:100%;display: flex;display: -webkit-flex;justify-content: center;} .sel-icon .sicon-box .sel-input .icon-add{background-color: var(--text-secondary);width: 1.9em;height: 1.9em;} .sel-icon .sicon-box.ac .sel-input .icon-add{display: none;} .sel-icon .sicon-box.ac .sel-input{background-color:rgba(var(--text-primary),1);} .sel-icon .sel-ul{display: flex;display:-webkit-flex;gap:8px;height: fit-content;flex-wrap: wrap;} /* 图片字提示 */ .file-row::before{content: attr(data-title);position: absolute;top:0;left:0;z-index: 1;width: 80%;color:#aaa;padding:0 10px;} .img-one-box{height:80px;width:80px;border:1px solid rgba(var(--border),1);align-items: center;justify-content: center;cursor: pointer;border-radius: 6px;position: relative;background-color: rgba(var(--surface),1);} .img-one-box .icon{background-color: var(--text-secondary);width:1.9em;height:1.9em} .img-one-box img{width:100%;height:100%;pointer-events: none;display: none;object-fit: contain;} .img-one-show{border-radius: var(--radius);width:100%;height:100%;position: absolute;top:0;left:0;align-items: center;justify-content: center;z-index:9;padding:6px;} .img-one-show .img-mask,.sel-icon .img-mask{position: absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(var(--loadbg),.7);display: flex;display: -webkit-flex;justify-content: center;align-items: center;display: none;z-index:9;} .img-add-box{width:100%;height:100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .img-add-box .icon-add{pointer-events: none;} .img-one-show .file-img{position: absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(255,255,255,1);justify-content: center;align-items: center;pointer-events: none;display: none;} .img-one-show .file-img .icon{width:65%;height:65%;background-color: rgba(var(--primary),.8);} .img-one-box.ac:hover .img-mask,.sel-icon .sicon-box.ac:hover .img-mask{display: flex;display: -webkit-flex;} .img-one-box.ac .img-add-box{display: none;} .img-mask{gap:10px;border-radius: var(--radius);} .img-mask .icon{background-color: white;width: 20px;height: 20px;} .img-one-box:hover{border-color:rgba(var(--primary),.38)} .img-one-box:hover .icon-add{background-color: rgba(var(--primary), 1);} .img-one-box .error-main{height:auto;top:50%;right:0;transform: translateY(-50%) translateX(50%);} .files-hd{justify-content: space-between;align-items: center;} .files-hd .icon-close,.tag-close .icon,.sku-norms-close .icon{background-color: white;height:.7em;width:.7em} .files-name .icon{margin-left:2px;width:30px;cursor: pointer; position: absolute;top:-5px;right:-4px;height:18px;width:18px;background-color:rgba(var(--red),.7); display: none;align-items: center;justify-content: center;border-radius:18px} .files-name:hover .icon{display: flex;animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .file-progress{height: 2px;width: 0; background-color: rgba(var(--primary),1);margin-bottom: 4px;} .file-progress.jz::after{content:'';position: absolute;height:3px;top:0;left:0;width:100%;background-color:rgba(var(--text-tips),.1);z-index:-1} .upload-file .file-progress{background-color:white} .file-progress.suc,.file-img .file-progress.suc{display: none;} .files-hd .bt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px;cursor: pointer;} .file-img{height:80px;width:80px;border-radius:6px;position: relative;margin-right:10px;margin-bottom:10px} .file-img-ct{height:100%;width:100%;overflow: hidden;border:1px solid rgba(var(--border),1);border-radius:6px;justify-content: center;align-items: center;background-color:rgba(var(--surface),1)} .file-img-add{align-items: center;justify-content: center;cursor: pointer;border:1px solid #aaa;}.file-img-add .icon{width:24px;fill:#aaa;} .file-img-p{position: absolute;top:10px;left:10%;width: 80%;line-height: 2px;z-index:999} .file-img .file-progress{background-color: rgba(var(--zColor),.8);display: inline-block;height:3px} .file-img img{max-width:100%;max-height:100%;pointer-events: none;} .in-img{flex-wrap: wrap;}.file-img-box{flex-wrap: wrap;background-color: rgba(var(--surface),1);padding: 10px;min-height: 100px;align-items: flex-start;border-radius: 0 0 var(--radius) var(--radius);} .agenda-ul{flex-direction: column;} .agenda-item{width:100%}.agenda-item:hover{background-color:rgba(var(--zColor),.1);cursor: pointer;border-radius: 3px;} .agenda-list{margin:0 10px} .agenda-list .val{margin:0 10px} .file-hd{height:42px;background-color: rgba(var(--surface),1);color: var(--text-primary);padding:5px 10px;justify-content: space-between;border-radius: var(--radius) var(--radius) 0 0;} .file-hd .icon{background-color: var(--text-inverse);} .file-hd .btnTm{height:32px;width: fit-content;padding:0 10px} .file-hd .rt .btnTm{margin-left: 10px;} .file-hd .rt .btnTm:first-child{margin-left: 0;} .file-hd .btnTm span{width:calc(100% - 20px)} .file-img{cursor: pointer;} .file-img-close{ width:20px;height:20px;background-color: rgba(var(--red),.7);position: absolute;z-index:99;top:-7px; right:-7px;border-radius: 20px;cursor: pointer;display: none;align-items: center;justify-content: center;} /* .file-img:hover .file-img-close,.img-one-box:hover .file-img-close{display:flex;display: -webkit-flex;animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} */ .file-img-close .icon{fill:white;width:.92em;height:.92em;pointer-events: none;} .files-close{align-items: center;} .files-close .icon{pointer-events: none;width:16px;height:16px;background-color: var(--text-secondary);} .sku-select-item{width:100%;margin-bottom: 10px;} /* .sku-select-item:last-child{margin-bottom: 0;} */ .sku-select-item .sku-select-ct{height:0;overflow: hidden;padding:0 10px 0 20px;border-radius: 3px;} .sku-select-hd{align-items: center;} .sku-item-s{height:30px;padding:0 20px;border-radius: 3px;margin-right: 4px;border-color:#bbb; background-color:rgba(var(--surface),1); color:var(--text-primary); border:1px solid rgba(var(--border),1)}.sku-item-s:last-child{margin:0} /* .sku-item-s option:checked{ background-color: rgba(var(--primary),1);color:var(--text-inverse) } */ .sku-select-item.ac .icon-right{transform: rotateZ(90deg);} .sku-s-rt .icon-right,.sku-s-rt .icon-del{background-color:rgba(var(--text-primary),1);} .sel-sku,.sel-tag,.sel-box2{background-color: rgba(var(--surface),1);color:rgba(var(--text-primary),1);padding:10px;border-radius: var(--radius);} .sel-sku .in-modal-ct .ct,.sel-sku .in-modal-ct .control{overflow: unset;} .sel-tag-hd{background-color: rgba(var(--primary),.05);border-radius: var(--radius) var(--radius) 0 0;padding:10px;min-height:60px;max-height:100px;flex-wrap: wrap;width: 100%;position: relative;} .sel-tag-hd:empty::after{content:'请下方输入并添加内容';position: absolute;top:0;left:0;width:100%;height:100%;color:rgba(var(--text-tips),.5);display: flex;display: -webkit-flex;align-items: center;justify-content: flex-start;padding-left: 10px;} .sel-tag-ct{margin-top: 6px;--btnw:80px} .sel-tag-ct .sel-nr{width:calc(100% - var(--btnw));border-radius: 0;border:0;padding:0 5px;font-size:14px;border-bottom:1px solid rgba(var(--primary),.3)} .sel-tag-ct .btnTm{height:32px;width: var(--btnw);border-radius: 0 0 var(--radius) 0;} .sel-sku-hd .btnTm{height:32px} .sel-sku-norms{margin-right: 20px;gap:5px} .sel-sku-list{min-height:60px;margin-top:10px;border-radius: var(--radius);position: relative;} .sel-sku-list:empty::after{content:'暂无商品规格';position: absolute;top:0;left:0;width:100%;height:100%;color:rgba(var(--text-tips),.5);display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .sku-list-hd{padding:0 5px} .sku-list-hd .control{overflow: unset;display: flex;display: -webkit-flex;gap:5px} .sku-list-hd .control .in-ap{width:33.333%} .sel-sku-list .item{border-bottom:1px solid rgba(var(--border),1);background-color: rgba(var(--primary), .05);margin-bottom:10px;border-radius: var(--radius);} .sel-sku-list:last-child{margin-bottom:0} .sel-sku-list .item:last-child{border-bottom:0} .sku-list-ct{padding:0 10px;height:0;overflow: hidden;} .sku-add-list{margin-top:10px} .sku-norms{width: calc(100% - 50px);} .sku-list-hd .oper{width:50px;align-items: center;justify-content: space-between;} .oper .icon{width:22px} .sel-sku-list .item.edit .oper .icon-right{transform: rotateZ(90deg);} .errShow .sel-sku{box-shadow: 0 0 0 1.2px rgba(var(--red), .2);border-color: rgba(var(--red), 1);} .file-table{width:100%} .file-table thead .hd{background-color: rgba(var(--primary),1);color:var(--text-inverse);} .file-table tbody .hd{color:rgba(var(--text-primary),1)} .file-table .hd{height:34px !important;font-size:14px} .file-table td{padding:0 10px;height:30px;line-height: 30px;} .file-table tr:nth-child(even){background-color: rgba(var(--primary),.1);} .file-table tr .btnTm{height: 30px;} td .file-progress{background-color: rgba(var(--zColor),.5);} .files-tips{color:red;position:relative} .files-div{position:absolute;right:0;display: none;z-index: 999;} .files-tips:hover .files-div{display: block;background-color: white;text-align: right;width:300px;} .in-img .in-err-tips{height:38px;top:46px} .in-row .in-img{display:flex;display:-webkit-flex;flex-direction: column;} /* 截图样式 */ .tailor-img{width:750px;height:750px} .tailor-img-ct{position:relative;width: 100%;background-repeat: no-repeat;background-position: center;background-size: 100% 100%;box-shadow: 0 0 2000px 2000px rgb(0 0 0 / 50%);} .tailor-drag{position:absolute;outline-color: rgba(51,153,255,.75);outline: 1px solid #39f;box-shadow: 0 0 2000px 2000px rgb(0 0 0 / 50%);cursor: grab;z-index: 3;} .tailor-img{display: flex;justify-content: center;align-items: center;border: 1px solid #ccc;background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAEAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAQABADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9LMx+if8AjtfZ272/nRu9v518Y5j9E/8AHaAP/9k=); overflow: hidden;} .tailor-drag div{position: absolute;background: #39f;width: 6px;height: 6px;z-index: 5;font-size: 0;} .rRightDown {bottom: -3px;right: -3px}.rRightDown:hover,.rLeftUp:hover{cursor:nwse-resize} .rLeftDown {bottom: -3px;left: -3px} .rRightUp{top:-3px;right:-3px}.rRightUp:hover,.rLeftDown:hover{cursor:nesw-resize} .rLeftUp{top:-3px;left:-3px} .rRight{top:50%;right:-3px}.rRight:hover,.rLeft:hover{cursor:col-resize} .rLeft{top:50%;left:-3px} .rUp{top:-3px;left:50%}.rUp:hover,.rDown:hover{cursor:row-resize} .rDown{bottom:-3px;left:50%} #tailor-main img,.tailor-img,.tailor-main,.tailor-img-ct{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;} #tailor-main img{pointer-events:none;position:relative} #tailor-preview{overflow:hidden} .tailor-preview-main{padding:0 0 0 20px} .in-slot{width:100%;height:100%;} .in-slot.flex{display: flex;display: -webkit-flex;flex-direction: column;} /* 分类表单 */ .tag-item {height: 26px;line-height: 26px; color: var(--zFont); display: inline-block;border-radius: 3px;margin-right: 10px;position: relative;margin-bottom: 10px;padding: 0 10px;background-color: rgba(var(--primary),1);color: var(--text-inverse); animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; } .tag-item .bt{font-size:var(--stext)} .tag-close,.sku-norms-close{position: absolute;top: -8px;right: -8px;height: 100%;align-items:center;display: none;cursor: pointer;padding:0 2px; width:18px;height:18px;background-color: rgba(var(--red),.7);align-items: center;justify-content: center;border-radius: 18px;} .tag-item:hover .tag-close,.norms-item:hover .sku-norms-close{display: flex;display: -webkit-flex;animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} .in-tag-ct {min-height: 60px;max-height:300px;background-color: rgba(var(--surface),1);color:var(--text-primary);padding: 10px;flex-wrap: wrap;align-content: flex-start;overflow: auto; border-radius: var(--radius) var(--radius) 0 0;border:1px solid rgba(var(--border),1);border-bottom:0} .in-tag-ft {background-color: rgba(var(--surface),1);color: var(--text-primary);height: 46px;padding: 0 5px;align-items: center;border-radius: 0 0 var(--radius) var(--radius); border:1px solid rgba(var(--border),1);border-top:0 } .tag-input { height: 80%;width: calc(100% - 70px);border-radius: 3px 0 0 3px;border: 1px solid rgba(var(--primary),1);padding: 0 5px;color: rgba(var(--text-primary),1);border-right:0;background-color: rgba(var(--surface),1);} .in-tag-ft .btnTm {height: 80%;border-radius: 0 3px 3px 0;width: 70px;justify-content: center} /* 表单弹窗 */ .in-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display: none;z-index: 999;justify-content: center;align-items: center;} .in-ap.ac .sel-modal .modal-bg,.in-modal.ac .modal-bg{background-color:rgba(0,0,0,.3);width:100%;height:100%;position:absolute;top: 0;left: 0;} .in-modal-ct{background-color: rgba(var(--surface),1);color:rgba(var(--text-primary),1);position: relative;z-index: 1;border-radius: var(--radius); --hd:38px;--ft:50px; min-width:500px;max-width:calc(100% - 20px); min-height:150px;max-height:calc(100% - 20px);overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(var(--primary), .8) rgba(var(--primary), .08); } .in-modal-ct .hd{height:var(--hd);top:0;left:0;border-bottom:1px solid rgba(var(--border),1);} .in-modal-ct .ft{height:var(--ft);bottom:0;left:0;border-top: 1px solid rgba(var(--border),1);} .in-modal-ct .hd,.in-modal-ct .ft{align-items: center;padding:0 10px;position: sticky;background-color: rgba(var(--surface),1);color:rgba(var(--text-primary),1);z-index: 1;} .in-modal-ct .ct{padding:10px;overflow: auto;height:calc(100% - var(--hd) - var(--ft));background-color:rgba(var(--bg),1);color:rgba(var(--text-primary),1)} .in-ap.ac .sel-modal,.in-modal.ac{display: flex;display: -webkit-flex;} .in-img .in-modal-ct{width:100%;height:100%} .in-img .ft{justify-content: center;gap:10px;} .tc-item .in-modal{transform: translateY(-50%) translateX(-50%);left:50%;top:50%} /* 树状选项 */ .cade-item{cursor: pointer;} .cade-ihd{width: 100%;height:38px;align-items: center;padding:0 10px;border-radius: var(--radius);} .cade-ihd:hover{background-color: rgba(var(--primary), .08);} .cade-item .cade-ihd .bt{padding-left: 10px;width: calc(100% - 32px);} .cade-item .cade-ihd .icon-right{width:16px;height:16px} .cade-ul{padding-left:20px;display: none;position: relative;} .cade-item.ac>.cade-ul{display: block;} .cade-item.ac>.cade-ul.flex-tb{display: flex;display: -webkit-flex;--number:3;--gap:10px} .cade-item.ac>.cade-ihd .icon-right{transform: rotate(90deg);} .cade-ul::after{content:'';display: block;width:1px;height:100%;background-color: rgba(var(--primary),.5);top:0;left:17px;position: absolute;} .bt-slider{width:100%;height:2px;position: absolute;bottom: 2px;left: 0;background-color: rgba(var(--bg),1);} .bt-slider-item{height:2px;background-color: rgba(var(--primary),1);} .cas-ul{padding-left:20px} .cas-hd{align-items: center;height:30px} .cas-hd .s-check{margin-right:4px} .cas-ul-box{--number:1;--gap:4px;margin:6px 0;} .cas-ul-box>.cas-li{background-color: rgba(var(--surface),1);color:rgba(var(--text-primary),1);border-radius: var(--radius);padding:10px} .cas-list,.cas-active{padding:0 0 0 15px} .cas-list>.bt,.cas-active>.bt{font-size:var(--stext);color:rgba(var(--text-tips),1)} /* 列表 */ .table-box td{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;} .table-hds{padding:4px 0;height:var(--hd)} .table-hds .btnTm{height:30px;border-radius: 0 var(--radius) var(--radius) 0;} .table-hds input{border-radius:var(--radius) 0 0 var(--radius)} .table-hd-btn .btnTm{border-radius: var(--radius);margin-right:4px} .table-top{height:50px;justify-content: space-between;align-items: center;} .table-footer{height:50px;align-items: center;justify-content: center;} .table-main{height:calc(100% - var(--hd) - var(--ft));width:100%;position: relative;--tbhd:40px;overflow: hidden;flex:1} .table-box{width: 100%;height: 100%;} .table-hd td .td-box{height:var(--tbhd);background-color: rgba(var(--primary), .7);color: var(--text-inverse);} .table-hd{height: var(--tbhd);} .table-body{overflow-x: auto;overflow-y: hidden;} /* .table-body .table-nr{overflow-y: auto;overflow-x: hidden;} */ .table-body .table-hd{overflow-x: auto;} .table-right .table-nr{overflow-y: auto;overflow-x: hidden;} .table-nr{height:calc(100% - var(--tbhd));overflow-y: auto;} .table-left{ position: absolute;left:0;top:0;height:100%;background: rgba(var(--surface), 1);color: rgba(var(--text-primary), 1);} .table-right{ position: absolute;right:0;top:0;height:100%;background: rgba(var(--surface), 1);color: rgba(var(--text-primary), 1);} .table-body .table-hd, .table-left .table-nr {scrollbar-width: none;} .table-left .table-nr,.table-right .table-nr{overflow-x: hidden;} .table-body .table-hd::-webkit-scrollbar,.table-body .table-nr::-webkit-scrollbar,.table-left .table-nr::-webkit-scrollbar { display: none; } .table-td{padding:0} .table-right.ac{box-shadow: -4px 0 10px rgb(0 0 0 / 12%);} .table-left.ac{box-shadow: 0 0 10px rgb(0 0 0 / 12%);} .operate{gap:6px;} .operate .btnTm{height:28px;font-size:.8rem;padding:0 15px;} .operate .op-btn-box{pointer-events: none;} .table-tr:nth-child(odd){ background-color: rgba(var(--primary), .08); } .table-box table{width: 100%;max-height: 100%;} .table-tr.hover{background-color: rgba(var(--primary), .2);} .table-empty{display: flex;display: -webkit-flex;justify-content: center;align-items: center;min-height: 100px;} .search-main{--hd:32px;} .search-main .ss{border:1px solid rgba(var(--border),1);border-radius: var(--radius) 0 0 var(--radius);height:var(--hd)} .search-main .btnTm{border-radius: 0 var(--radius) var(--radius) 0;height:var(--hd)} .ck-search{line-height: 24px;} .ck-item{padding:4px 0} .table-t-tp{--hd:32px;width:50%;overflow-x: auto;overflow-y:hidden;white-space:nowrap} .table-t-tp .btnTm{height:var(--hd);margin-right:10px} .td-edit{position:absolute;top:50%;left:100%;white-space: nowrap;transform: translateY(-50%);width: 20px;height:20px;display: flex;display:-webkit-flex;align-items: center;justify-content: center;cursor: pointer;;} .td-edit .icon-edit{background-color: rgba(var(--primary), .5);--w:16px} .td-box .control{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;display: -webkit-flex;align-items: center;} .td-box .control .in-ap{margin: 0;width: 100%;} .td-box .sel-box:focus,.sel-lt:focus{outline: none;} .td-box .in-box-hd .in-nr, .sel-input{width: 100%;} .tb-box{height: 100%;} .table-head { height: var(--hd); align-items: center; padding: 0 10px; } .tb-h-btn{gap:6px} .tb-tc-config .tc-ct,.tc-one-edit .tc-ct,.tc-one-edit .control{overflow: unset;} /* .table-tr:hover .td-edit::after{content:'右键编辑';position: absolute;top:50%;right: .8rem;transform: translateY(-50%); background-color: rgba(var(--primary), 1);border-radius: var(--radius);color:var(--text-inverse);padding:.18rem .48rem;font-size:0.75rem} .td-edit.dh-edit::after{display: none;} */ .td-box{padding: 0 10px;height:var(--td);display: flex;display: -webkit-flex;align-items: center; /* overflow: hidden; 加上的时候会让编辑时的提示无法超出 */ } .td-box>div{height:var(--td);padding:4px 0 4px 0; line-height: calc(var(--td) / 2.5);align-items: center;} .td-edit-box{overflow:unset;position:relative;align-items:center;padding-right:20px} .td-box .td-edit-box .control{display: none;} .td-edit-box.ac{min-width: 120px;} .td-edit-box.ac .control{display: flex;display: -webkit-flex;} .td-edit-box.ac .td-edit .icon-edit{--icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M512 16.384C237.568 16.384 14.336 237.568 14.336 512S237.568 1009.664 512 1009.664 1009.664 786.432 1009.664 512 786.432 16.384 512 16.384zm212.992 645.12c18.432 18.432 18.432 47.104 0 63.488-18.432 18.432-47.104 18.432-63.488 0L512 577.536 362.496 727.04c-18.432 18.432-47.104 18.432-63.488 0-18.432-18.432-18.432-47.104 0-63.488l149.504-149.504-149.504-149.504c-18.432-18.432-18.432-47.104 0-63.488 18.432-18.432 47.104-18.432 63.488 0L512 450.56l149.504-149.504c18.432-18.432 47.104-18.432 63.488 0s18.432 47.104 0 63.488L575.488 512l149.504 149.504z'/%3E%3C/svg%3E")} .btn-more-div{position: absolute;right:0;background: rgba(var(--surface), 1);color:rgba(var(--text-primary), 1); z-index: 9999;border:1px solid rgba(var(--border),1);padding:10px;border-radius: 0 0 var(--radius) var(--radius); box-shadow: -4px 0 10px rgb(0 0 0 / 12%);width:100%; -webkit-transform: translateY(10px);transform: translateY(10px);opacity: 0; visibility: hidden; transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; } .btn-more-div .btnTm{border-radius: var(--radius);} .search-btn-more:hover .btn-more-div{ visibility: visible; -webkit-transform: translateY(0);transform: translateY(0);opacity: 1; transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out; } .tc-table-list{width: 650px;} .table-foot{height: var(--ft);display: flex;display: -webkit-flex;align-items: center;} .table-tips{position: absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(var(--loadbg),.3);color:rgba(var(--text-load),1);} .table-tips.flex{align-items: center;justify-content: center;} .table-pagin{padding:6px 10px} .table-pagin .page-box{--w:30px} .table-head{font-size:.8rem} .table-search{position: relative;} .table-search .tb-ss{border-radius: var(--radius) 0 0 var(--radius);border:1px solid rgba(var(--border),1);padding:0 5px} .table-search .tb-btn{border-radius: 0 var(--radius) var(--radius) 0;} .table-head .btnTm{height:32px;} .tb-ss-tips{position: absolute;top:50%;right:100%;transform: translateY(-50%);display: none;} .tb-ss:focus ~ .tb-ss-tips{display: flex;display: -webkit-flex;align-items:center;justify-content: center;border:1px solid rgba(var(--border),1);padding:6px;border-radius: var(--radius);margin-right:6px;} .tb-btn-div{position: absolute;top:100%;right:0;z-index:99999;width: 100%;padding:6px 0;display: none;cursor: default;} .tb-btn-div>div{background-color:rgba(var(--bg),1);color:rgba(var(--text-primary),1);} .btn-ck:hover .tb-btn-div{display: block; --show:10px; animation: topShow 0.3s ease-in-out both;-webkit-animation: topShow 0.3s ease-in-out both;-moz-animation: topShow 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} /* 分页 */ .page-ct{width:100%;align-items:center} .page-item.ac{background-color: rgba(var(--primary), 1);color: var(--text-inverse);} .page-item:hover{border-color:rgba(var(--border),1)} .page-select{margin-left:2px;position: relative;} .page-title{height:32px;border:1px solid rgba(0,0,0,0);align-items: center;padding:0 10px;border-radius: var(--radius);cursor: pointer;} .page-title:hover{border: 1px solid rgba(var(--border),1);} .page-select-div{position: absolute;bottom:100%;left:0;display: none; background-color: rgba(var(--surface), 1); color: rgba(var(--text-primary), 1); padding:10px; border:1px solid rgba(var(--border),1); border-radius: var(--radius); } .page-select-div.ac{display: block;} .page-s-item{text-align: center;border-radius: var(--radius);margin:2px 0;cursor: pointer;} .page-s-item:hover,.page-s-item.ac{background-color: rgba(var(--primary), 1);color: var(--text-inverse);} .table-page{padding:0 10px;height: var(--ft);align-items: center;width:100%;} .page-box{width: 100%;align-items: center;justify-content: space-between;font-size: var(--stext);--w:38px;height:var(--w);} .page-main{align-items: center;justify-content: center;} .page-item{width:var(--w);min-height:var(--w);display:flex;display:-webkit-flex;align-items:center;justify-content:center;background-color: rgba(var(--text-second),.5);margin:0 10px 0 0;cursor: pointer;position: relative;border-radius: var(--radius); -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none; } .page-item .btn-loading{position: absolute;top:2px;right:2px;width:14px !important;height:14px !important; } .page-tips-page{margin-right:4px} .loading{background-color: rgba(var(--primary),1);} .loading .loaders{font-size:8.2px} .tab-main .hd{position: relative;padding-bottom:6px;margin-bottom:4px} .tab-main .tab-item{padding:10px;color:rgba(var(--text-primary), 1);cursor: pointer;border-radius:6px 6px 0 0;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;} .tab-main .tab-item.ac{background-color: rgba(var(--primary),1);color:var(--text-inverse)} .tab-div{height:200px;display: none;padding:10px;} .tab-div.ac{display: block;} .page-select select{height:var(--w);border:1px solid rgba(var(--border),1);padding:0 5px} .page-select select::selection {background: rgba(var(--primary), 1);} /* 地址 */ .radd-hd{height:var(--hd);display: flex;display: -webkit-flex;align-items: center;padding:10px 10px 0 10px;border-radius: var(--radius) var(--radius) 0 0;} .radd-val{gap:10px}.radd-val .sel-ul{overflow: unset;} .radd-ct{background-color: rgba(var(--surface),1);color:rgba(var(--text-primary),1);border-radius: 0 0 var(--radius) var(--radius);padding:6px 10px 6px 10px;} .radd-item{--hd:30px;position: relative;}.radd-item .sel-input{padding:0 10px 0 5px} .radd-item .sel-hd,.date-select .sel-hd,.date-his {border: 1px solid rgba(var(--border), 1);border-radius: var(--radius)} .radd-item-hd{border:1px solid rgba(var(--border),1);padding:5px 35px;border-radius: var(--radius);cursor: pointer;} .radd-item-hd:hover{border:1px solid rgba(var(--primary), .5)} .radd-ct textarea{width:100%;min-height:60px;max-height:100px;border:1px solid rgba(var(--border),1);padding:5px;border-radius: var(--radius);resize: none;color:rgba(var(--text-primary),1);background-color: rgba(var(--surface), 1);} .radd-item-box{position: absolute;top:100%;left:0;width: 100%;padding-top:6px} .radd-item-ul{background-color: rgba(var(--surface),1);color:rgba(var(--text-primary),1);padding:10px; border:1px solid rgba(var(--border));border-radius: var(--radius);box-shadow: 0 5px 8px -2px rgb(0 0 0 / 8%);} .radd-i-u{padding:10px 0 0 0;} .radd-i-i{text-align: center;height:var(--hd);display: flex;display: -webkit-flex;align-items: center;padding:0 10px} .radd-i-i:hover,.radd-i-i.ac{background-color: rgba(var(--primary), .08);color:rgba(var(--primary), 1)} .radd-item .sel-op{min-height:100px;max-height:200px;width:150px} .radd-i-i .bt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .text-ul{--number:1;--gap:2px;padding:10px;box-sizing: border-box;} .text-li{--h:36px;height:var(--h);line-height: var(--h);font-size:var(--dtext);color: rgba(var(--text-primary),1);} .text-li a{color: rgba(var(--text-primary),1);} .text-li>.bt{width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .text-li .bt.d{--w:6px;padding-left:calc(var(--w) * 3);position: relative;box-sizing: border-box;} .text-li .bt.d::after{content:'';width:var(--w);height:var(--w);border-radius:var(--w);background-color: rgba(var(--primary),1);position: absolute; top:50%;left:calc(var(--w) * 3 / 2);transform: translateY(-50%) translateX(-50%);} .text-flex{display: flex;display: -webkit-flex;--w:60px} .text-flex .bt{width:var(--w);} .text-flex .bt.j{text-align-last: justify;-ms-text-align-last: justify;-moz-text-align-last: justify;--pt:10px;padding-right: var(--pt);position: relative;box-sizing: border-box;} .text-flex .bt.j::after{content:':';position: absolute;right:calc(var(--pt) / 3);top:50%;transform: translateY(-50%);} .text-flex .val{width:calc(100% - var(--w));white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /* 图片管理 */ .img-man{height: 100%;gap:10px;--w:500px;} .img-man .left{width: calc(100% - var(--w));overflow-y: auto;overflow-x: hidden;} .img-man .right{width:var(--w);position: relative;background-color: white;font-size:.8rem} .img-man .left,.img-man .right{height: 100%;padding:10px} .img-m-view{width:100%;height:300px;background-color: rgba(var(--text-tips),.1);object-fit: contain;} .img-man .right .bt{font-size:1rem;padding:10px 0} .img-man .right .desc,.img-man .right .date{font-size:.8rem;text-align: justify;padding:0 0 10px 0;} .img-man .btn-box{gap:10px;position: absolute;bottom:10px;left:10px;justify-content: center;width: 100%;} .img-m-box{--number:10;--gap:10px} .img-man-item{background-color: rgba(var(--surface), 1);border-radius: var(--radius);cursor: pointer;position: relative;border:1px solid rgba(var(--bg),1);color:rgba(var(--text-primary),1)} .img-man-item .img-box{height:150px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding:10px} .img-man-item img{max-width: 100%;max-height:100%;} .img-man-item .bt{padding:10px} .img-m-check{position: absolute;top:10px;right:10px;} .img-man-item.ac{border-color:rgba(var(--primary), 1)} @media only screen and (min-width: 0px) and (max-width: 767px) { .in-op, .in-op2{--h:50px} .in-op{ position: fixed;bottom:0;left:0;width:100%;border-radius:6px 6px 0 0;padding-top:0;z-index:999; --animation:100%;animation: selectHide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;-webkit-animation: selectHide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;-moz-animation: selectHide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards; } .in-ap.ac .sel-select .in-op,.sel-i-box.ac .in-op,.radd-item.ac .in-op,.sel-v-item.ac .in-op{ --animation:100%;animation: selectShow 0.3s ease-out both;-webkit-animation: selectShow 0.3s ease-out both;-moz-animation: selectShow 0.3s ease-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards; } .sel-v-item .in-op{top:unset} .date-li-hd{margin-top:10px} .tc-item.botct{padding:0} #tailor-main{flex-direction: column;} .tailor-img{width:100%;height:100%} .sel-op-hd{display: flex;display: -webkit-flex;} .file-img-close, .tag-close, .files-name .icon{ display: flex; display: -webkit-flex; } .in-op{--animation:100%;animation: selectHide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;-webkit-animation: selectHide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;-moz-animation: selectHide 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;} .in-op.ac{--animation:100%;animation: selectShow 0.3s ease-out both;-webkit-animation: selectShow 0.3s ease-out both;-moz-animation: selectShow 0.3s ease-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;} .radd-item .sel-op{width:100%;height:300px;} .sel-ul.sec{height:calc(100% - 98px)} .img-one-box.ac:hover .img-mask,.sel-icon .sicon-box.ac:hover .img-mask{display: none;} .in-modal{justify-content: center;align-items: flex-end;} .in-modal-ct{min-width:100%} } .loaders{margin:0 auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 0.3em solid rgba(255, 255, 255, 0.2);border-right: 0.3em solid rgba(255, 255, 255, 0.2);border-bottom: 0.3em solid rgba(255, 255, 255, 0.2);border-left: 0.3em solid #ffffff;-webkit-animation: loaders 1.1s infinite linear;animation: loaders 1.1s infinite linear;} .loaders,.loaders:after{border-radius: 50%;width: inherit;height: inherit;overflow: hidden} @-webkit-keyframes loaders {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes loaders {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} .icon{--w:16px;background-color: rgba(var(--text-tips),1); --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333v-192h64v-64H0V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zm0-170.667v-64H64v64h64zm64-64v64h64v-64h-64zm64-64v64h64v-64h-64zm64 64v64h64v-64h-64zm106.667-64v128h234.666v-128H426.667zm-298.667 0v64h64v-64h-64zm448 21.334h64V640h-64v-85.333z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover; } .icon-home{ -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' overflow='hidden'%3E%3Cpath d='M829.781 960H617.92c-12.075 0-21.867-9.77-21.867-21.867V642.22H427.925v295.936c0 12.074-9.77 21.866-21.866 21.866h-211.84c-55.168 0-74.816-38.656-74.816-74.816V589.248h-66.71c-21.482 0-35.285-6.933-41.088-20.63-8.64-20.394 7.318-40.66 22.208-56.063L459.051 86.912C472.448 73.024 491.029 64.789 511.147 64c21.866.79 40.469 9.024 54.122 23.21l424.598 425.067c15.146 15.68 31.168 35.968 22.549 56.363-5.803 13.675-19.648 20.63-41.11 20.63H904.62v295.935c0 36.139-19.67 74.795-74.838 74.795z' /%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' overflow='hidden'%3E%3Cpath d='M829.781 960H617.92c-12.075 0-21.867-9.77-21.867-21.867V642.22H427.925v295.936c0 12.074-9.77 21.866-21.866 21.866h-211.84c-55.168 0-74.816-38.656-74.816-74.816V589.248h-66.71c-21.482 0-35.285-6.933-41.088-20.63-8.64-20.394 7.318-40.66 22.208-56.063L459.051 86.912C472.448 73.024 491.029 64.789 511.147 64c21.866.79 40.469 9.024 54.122 23.21l424.598 425.067c15.146 15.68 31.168 35.968 22.549 56.363-5.803 13.675-19.648 20.63-41.11 20.63H904.62v295.935c0 36.139-19.67 74.795-74.838 74.795z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-err{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M512 128c212.064 0 384 171.936 384 384S724.064 896 512 896 128 724.064 128 512s171.936-384 384-384zm0 64c-176.704 0-320 143.296-320 320s143.296 320 320 320 320-143.296 320-320-143.296-320-320-320zm6.848 429.728a48 48 0 1 1 0 96 48 48 0 0 1 0-96zM516.576 320a32 32 0 0 1 32 32v182.848a32 32 0 1 1-64 0V352a32 32 0 0 1 32-32z' fill='%23111'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M512 128c212.064 0 384 171.936 384 384S724.064 896 512 896 128 724.064 128 512s171.936-384 384-384zm0 64c-176.704 0-320 143.296-320 320s143.296 320 320 320 320-143.296 320-320-143.296-320-320-320zm6.848 429.728a48 48 0 1 1 0 96 48 48 0 0 1 0-96zM516.576 320a32 32 0 0 1 32 32v182.848a32 32 0 1 1-64 0V352a32 32 0 0 1 32-32z' fill='%23111'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-gb{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon icon-gb' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M926.034 339.87c-9.866 0-19.17 4.143-26.179 11.086-14.09 13.946-39.444 30.94-79.856 47.278-79.862 32.286-192.123 50.8-307.994 50.8s-228.137-18.514-307.993-50.8c-40.413-16.338-65.767-33.332-79.857-47.278-7.015-6.943-16.312-11.08-26.179-11.08-33.054 0-48.998 40.356-24.985 63.073 72.832 68.895 241.97 117.171 439.02 117.171s366.186-48.28 439.019-117.17c24.002-22.723 8.054-63.08-24.996-63.08z'/%3E%3Cpath d='M353.838 642.412L376.76 512.41a35.548 35.548 0 0 1 70.001 12.339L423.839 654.75a35.538 35.538 0 1 1-70-12.34zm256.476 12.344l-22.922-130.002a35.533 35.533 0 0 1 28.83-41.17 35.533 35.533 0 0 1 41.17 28.83l22.923 130.003a35.548 35.548 0 0 1-70 12.339zm268.483-65.377l-93.343-93.343a35.538 35.538 0 1 1 50.263-50.263l93.343 93.343a35.538 35.538 0 1 1-50.263 50.263zm-773.699-50.263l93.343-93.343a35.538 35.538 0 1 1 50.263 50.263l-93.343 93.343a35.538 35.538 0 1 1-50.263-50.263z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon icon-gb' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M926.034 339.87c-9.866 0-19.17 4.143-26.179 11.086-14.09 13.946-39.444 30.94-79.856 47.278-79.862 32.286-192.123 50.8-307.994 50.8s-228.137-18.514-307.993-50.8c-40.413-16.338-65.767-33.332-79.857-47.278-7.015-6.943-16.312-11.08-26.179-11.08-33.054 0-48.998 40.356-24.985 63.073 72.832 68.895 241.97 117.171 439.02 117.171s366.186-48.28 439.019-117.17c24.002-22.723 8.054-63.08-24.996-63.08z'/%3E%3Cpath d='M353.838 642.412L376.76 512.41a35.548 35.548 0 0 1 70.001 12.339L423.839 654.75a35.538 35.538 0 1 1-70-12.34zm256.476 12.344l-22.922-130.002a35.533 35.533 0 0 1 28.83-41.17 35.533 35.533 0 0 1 41.17 28.83l22.923 130.003a35.548 35.548 0 0 1-70 12.339zm268.483-65.377l-93.343-93.343a35.538 35.538 0 1 1 50.263-50.263l93.343 93.343a35.538 35.538 0 1 1-50.263 50.263zm-773.699-50.263l93.343-93.343a35.538 35.538 0 1 1 50.263 50.263l-93.343 93.343a35.538 35.538 0 1 1-50.263-50.263z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-zk{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon icon-zk' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 284.19c72.35 0 160.19 36.578 247.332 102.99 64.686 49.3 108.308 99.368 126.177 125.178-17.843 25.524-62.295 75.643-129.331 125.635C668.129 703.657 581.412 739.814 512 739.814c-70.528 0-157.68-36.587-245.402-103.024-65.136-49.331-109.266-99.098-127.677-125.051 18.135-25.984 61.573-75.648 125.752-124.56C351.811 320.764 439.65 284.192 512 284.192m0-70.876C291.671 213.315 61.44 463.908 61.44 512S296.622 810.685 512 810.685c210.427 0 450.56-245.53 450.56-298.685 0-48.092-230.231-298.685-450.56-298.685z'/%3E%3Cpath d='M512 446.188c36.285 0 65.812 29.521 65.812 65.812S548.285 577.812 512 577.812 446.188 548.291 446.188 512s29.527-65.812 65.812-65.812m0-70.877c-75.49 0-136.689 61.195-136.689 136.689S436.511 648.689 512 648.689 648.689 587.494 648.689 512 587.489 375.311 512 375.311z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon icon-zk' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 284.19c72.35 0 160.19 36.578 247.332 102.99 64.686 49.3 108.308 99.368 126.177 125.178-17.843 25.524-62.295 75.643-129.331 125.635C668.129 703.657 581.412 739.814 512 739.814c-70.528 0-157.68-36.587-245.402-103.024-65.136-49.331-109.266-99.098-127.677-125.051 18.135-25.984 61.573-75.648 125.752-124.56C351.811 320.764 439.65 284.192 512 284.192m0-70.876C291.671 213.315 61.44 463.908 61.44 512S296.622 810.685 512 810.685c210.427 0 450.56-245.53 450.56-298.685 0-48.092-230.231-298.685-450.56-298.685z'/%3E%3Cpath d='M512 446.188c36.285 0 65.812 29.521 65.812 65.812S548.285 577.812 512 577.812 446.188 548.291 446.188 512s29.527-65.812 65.812-65.812m0-70.877c-75.49 0-136.689 61.195-136.689 136.689S436.511 648.689 512 648.689 648.689 587.494 648.689 512 587.489 375.311 512 375.311z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-close{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M597.9 512l294.8 293.5c23.7 23.9 24.2 62.2 1.2 86.8-22.2 23.8-59.4 25-83.2 2.9-.5-.5-1.1-1-1.6-1.6L512 597.6l-297.2 296c-22.9 23.1-60.1 23.3-83.2.4-.5-.5-1-1.1-1.6-1.6-23.1-24.5-22.5-62.9 1.2-86.8L426 512 131.2 218.5c-23.7-23.9-24.2-62.2-1.2-86.8 22.2-23.8 59.4-25 83.2-2.9.5.5 1.1 1 1.6 1.6l297.2 296 297.2-296c22.9-23.1 60.1-23.3 83.2-.4.5.5 1 1.1 1.6 1.6 23.1 24.5 22.5 62.9-1.2 86.8L597.9 512z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M597.9 512l294.8 293.5c23.7 23.9 24.2 62.2 1.2 86.8-22.2 23.8-59.4 25-83.2 2.9-.5-.5-1.1-1-1.6-1.6L512 597.6l-297.2 296c-22.9 23.1-60.1 23.3-83.2.4-.5-.5-1-1.1-1.6-1.6-23.1-24.5-22.5-62.9 1.2-86.8L426 512 131.2 218.5c-23.7-23.9-24.2-62.2-1.2-86.8 22.2-23.8 59.4-25 83.2-2.9.5.5 1.1 1 1.6 1.6l297.2 296 297.2-296c22.9-23.1 60.1-23.3 83.2-.4.5.5 1 1.1 1.6 1.6 23.1 24.5 22.5 62.9-1.2 86.8L597.9 512z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-close-1{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 113c-226.2 0-409.6 183.4-409.6 409.6S285.8 932.2 512 932.2s409.6-183.4 409.6-409.6C921.6 296.3 738.2 113 512 113zm181.2 518.1c20.1 20.1 20.1 52.6 0 72.7s-52.6 20.1-72.7 0L512 594.8l-108.6 109c-20.1 20.1-52.6 20.1-72.7 0s-20.1-52.6 0-72.7l109.1-108.5L330.7 414c-20.1-20.1-20.1-52.6 0-72.7s52.6-20.1 72.7 0L512 450.4l108.5-109.1c20.1-20.1 52.6-20.1 72.7 0s20.1 52.6 0 72.7l-109 108.6 109 108.5z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 113c-226.2 0-409.6 183.4-409.6 409.6S285.8 932.2 512 932.2s409.6-183.4 409.6-409.6C921.6 296.3 738.2 113 512 113zm181.2 518.1c20.1 20.1 20.1 52.6 0 72.7s-52.6 20.1-72.7 0L512 594.8l-108.6 109c-20.1 20.1-52.6 20.1-72.7 0s-20.1-52.6 0-72.7l109.1-108.5L330.7 414c-20.1-20.1-20.1-52.6 0-72.7s52.6-20.1 72.7 0L512 450.4l108.5-109.1c20.1-20.1 52.6-20.1 72.7 0s20.1 52.6 0 72.7l-109 108.6 109 108.5z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-add{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 113.3c-220.2 0-398.7 178.5-398.7 398.7S291.8 910.7 512 910.7s398.8-178.5 398.8-398.8S732.2 113.3 512 113.3zm.7 737c-186.8 0-338.3-151.3-338.3-338s151.5-338 338.3-338S851 325.6 851 512.3s-151.5 338-338.3 338z'/%3E%3Cpath d='M654.8 480.1H545V370.3c0-17.8-14.5-32.3-32.3-32.3-17.8 0-32.3 14.5-32.3 32.3V480H370.7c-17.8 0-32.3 14.5-32.3 32.3 0 17.8 14.5 32.3 32.3 32.3h109.7v109.8c0 17.8 14.5 32.3 32.3 32.3 17.8 0 32.3-14.5 32.3-32.3V544.7h109.7c17.8 0 32.3-14.5 32.3-32.3.1-17.9-14.4-32.4-32.2-32.3z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 113.3c-220.2 0-398.7 178.5-398.7 398.7S291.8 910.7 512 910.7s398.8-178.5 398.8-398.8S732.2 113.3 512 113.3zm.7 737c-186.8 0-338.3-151.3-338.3-338s151.5-338 338.3-338S851 325.6 851 512.3s-151.5 338-338.3 338z'/%3E%3Cpath d='M654.8 480.1H545V370.3c0-17.8-14.5-32.3-32.3-32.3-17.8 0-32.3 14.5-32.3 32.3V480H370.7c-17.8 0-32.3 14.5-32.3 32.3 0 17.8 14.5 32.3 32.3 32.3h109.7v109.8c0 17.8 14.5 32.3 32.3 32.3 17.8 0 32.3-14.5 32.3-32.3V544.7h109.7c17.8 0 32.3-14.5 32.3-32.3.1-17.9-14.4-32.4-32.2-32.3z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-right{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M605.086 512.146L338.36 245.272l51.76-51.687L708.536 512.17l-318.44 318.244-51.687-51.736z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M605.086 512.146L338.36 245.272l51.76-51.687L708.536 512.17l-318.44 318.244-51.687-51.736z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-del{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M328.777 377.905l31.72 449.658h310.662l31.695-449.658h73.265l-32.012 454.802a73.143 73.143 0 0 1-72.948 67.999H360.497a73.143 73.143 0 0 1-72.948-68.023l-32.061-454.778h73.29zm159.208 22.65v341.333h-73.143V400.555h73.143zm133.73 0v341.333H548.57V400.555h73.143zM146.284 256h731.43v73.143h-731.43V256zm518.267-121.905v73.143H371.98v-73.143h292.572z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M328.777 377.905l31.72 449.658h310.662l31.695-449.658h73.265l-32.012 454.802a73.143 73.143 0 0 1-72.948 67.999H360.497a73.143 73.143 0 0 1-72.948-68.023l-32.061-454.778h73.29zm159.208 22.65v341.333h-73.143V400.555h73.143zm133.73 0v341.333H548.57V400.555h73.143zM146.284 256h731.43v73.143h-731.43V256zm518.267-121.905v73.143H371.98v-73.143h292.572z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-ban{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 910.7c-220.2 0-398.7-178.5-398.7-398.8S291.7 113.2 512 113.2 910.7 291.8 910.7 512 732.2 910.7 512 910.7zm.7-736.3c-186.8 0-338.3 151.3-338.3 338s151.5 338 338.3 338S851 699 851 512.3 699.5 174.4 512.7 174.4zm135.8 368.8H376.9c-17.1 0-30.9-13.8-30.9-30.9 0-17.1 13.8-30.9 30.9-30.9h271.6c17.1 0 30.9 13.8 30.9 30.9s-13.8 30.9-30.9 30.9z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 910.7c-220.2 0-398.7-178.5-398.7-398.8S291.7 113.2 512 113.2 910.7 291.8 910.7 512 732.2 910.7 512 910.7zm.7-736.3c-186.8 0-338.3 151.3-338.3 338s151.5 338 338.3 338S851 699 851 512.3 699.5 174.4 512.7 174.4zm135.8 368.8H376.9c-17.1 0-30.9-13.8-30.9-30.9 0-17.1 13.8-30.9 30.9-30.9h271.6c17.1 0 30.9 13.8 30.9 30.9s-13.8 30.9-30.9 30.9z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-tips{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 113c-220.4 0-399 178.6-399 399s178.7 399 399 399 399-178.6 399-399-178.6-399-399-399zm0 662.9c-28.1 0-50.9-22.8-50.9-50.9 0-28.1 22.8-50.9 50.9-50.9s50.9 22.8 50.9 50.9c-.1 28.2-22.8 50.9-50.9 50.9zm50.8-215.8c0 28.1-22.8 50.9-50.9 50.9S461 588.2 461 560.1V343c0-28.1 22.8-50.9 50.9-50.9s50.9 22.8 50.9 50.9v217.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 113c-220.4 0-399 178.6-399 399s178.7 399 399 399 399-178.6 399-399-178.6-399-399-399zm0 662.9c-28.1 0-50.9-22.8-50.9-50.9 0-28.1 22.8-50.9 50.9-50.9s50.9 22.8 50.9 50.9c-.1 28.2-22.8 50.9-50.9 50.9zm50.8-215.8c0 28.1-22.8 50.9-50.9 50.9S461 588.2 461 560.1V343c0-28.1 22.8-50.9 50.9-50.9s50.9 22.8 50.9 50.9v217.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-success{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 910.7c-220.2 0-398.7-178.5-398.7-398.7S291.7 113.2 512 113.2 910.7 291.7 910.7 512 732.2 910.7 512 910.7zm0-60.5c186.8 0 338.2-151.4 338.3-338.2 0-186.8-151.4-338.2-338.2-338.3h-.1c-186.8 0-338.2 151.5-338.2 338.3S325.2 850.2 512 850.2zm167.8-480.4c12.8-13.8 34.4-14.5 48.2-1.7 13.8 12.8 14.5 34.4 1.7 48.2-.5.6-1.1 1.2-1.7 1.7L486.8 659.2c-13.3 13.3-34.9 13.3-48.2 0L318 538.6c-13.8-12.8-14.5-34.4-1.7-48.2 12.8-13.8 34.4-14.5 48.2-1.7.6.5 1.2 1.1 1.7 1.7l96.5 96.5 217.1-217.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 910.7c-220.2 0-398.7-178.5-398.7-398.7S291.7 113.2 512 113.2 910.7 291.7 910.7 512 732.2 910.7 512 910.7zm0-60.5c186.8 0 338.2-151.4 338.3-338.2 0-186.8-151.4-338.2-338.2-338.3h-.1c-186.8 0-338.2 151.5-338.2 338.3S325.2 850.2 512 850.2zm167.8-480.4c12.8-13.8 34.4-14.5 48.2-1.7 13.8 12.8 14.5 34.4 1.7 48.2-.5.6-1.1 1.2-1.7 1.7L486.8 659.2c-13.3 13.3-34.9 13.3-48.2 0L318 538.6c-13.8-12.8-14.5-34.4-1.7-48.2 12.8-13.8 34.4-14.5 48.2-1.7.6.5 1.2 1.1 1.7 1.7l96.5 96.5 217.1-217.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-send{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M886.4 169.4L128 462.1c-42.7 16.5-41.7 40.5 2.2 53.5L313.5 570 388 791.7c9.8 29 35.2 35.1 57 13.6l96.1-95.2 189.7 139c24.6 18.1 50 8.6 56.6-21.4L926 203.6c6.6-29.9-11.1-45.2-39.6-34.2zM771 310.5L447.5 598.7c-5.8 5.2-11.1 15.5-11.9 23.1L421.3 756c-1.6 15.1-6.8 15.7-11.6 1.2l-62.6-188.7c-2.5-7.4.9-16.4 7.4-20.4L764.8 302c26.2-15.5 29-11.8 6.2 8.5z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M886.4 169.4L128 462.1c-42.7 16.5-41.7 40.5 2.2 53.5L313.5 570 388 791.7c9.8 29 35.2 35.1 57 13.6l96.1-95.2 189.7 139c24.6 18.1 50 8.6 56.6-21.4L926 203.6c6.6-29.9-11.1-45.2-39.6-34.2zM771 310.5L447.5 598.7c-5.8 5.2-11.1 15.5-11.9 23.1L421.3 756c-1.6 15.1-6.8 15.7-11.6 1.2l-62.6-188.7c-2.5-7.4.9-16.4 7.4-20.4L764.8 302c26.2-15.5 29-11.8 6.2 8.5z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-menu{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M385.4 113.1c4.3.9 8.7 1.7 12.9 2.8 42.8 10.6 72.2 48 72.6 92.2.2 27 .1 54.2.1 81.3v181.4c-2.4.1-4.3.3-6.2.3-84.3 0-168.5-.3-252.8.1-52.1.3-89.6-36.2-97.1-77.8-.6-2.7-1.2-5.3-1.6-8V113.1h272.1zm253.2-.1c-.9.3-1.7.7-2.7.9-50.1 8-83 46.4-83 96.9v260.3h231.9c11.7-.1 23.2.1 34.8-.3 41.6-1.6 77.3-30.5 87.8-70.9 1.3-4.7 2.2-9.6 3.2-14.4 0-90.7 0-181.5.1-272.3H638.6v-.2zm211.1 260.3c-3.6 20.9-21.4 36.2-42.5 37.8-2.8.1-5.5.3-8.3.3H612.7c-.1-2.4-.3-4.5-.3-6.4 0-60.5-.1-120.9 0-181.4.1-30.9 20.1-50.7 51-50.7H851c0 2.9 0 5.1.1 7.3 0 54.9 0 109.8-.1 164.8 0 9.3.4 19-1.3 28.3zM113.2 638.7c1-4.9 2-9.7 3.2-14.4 10.4-40.2 45.9-69 87.3-71 3.2-.1 6.6-.2 9.9-.2H471v260.2c0 50.5-32.9 89-83 96.9-.9.1-1.7.6-2.7.9H113.2V638.7zm525.2 272.2c-6.2-1.5-12.6-2.5-18.7-4.4-38-11.7-64.8-46.4-66.7-86.1-.1-2.4-.1-4.7-.1-7.2V553.4c2.2-.1 3.9-.3 5.8-.3 84.7 0 169.6-.1 254.4.1 48.9.1 86.8 31.3 96.1 78.1.6 2.5 1 5 1.6 7.5V911H638.4v-.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M385.4 113.1c4.3.9 8.7 1.7 12.9 2.8 42.8 10.6 72.2 48 72.6 92.2.2 27 .1 54.2.1 81.3v181.4c-2.4.1-4.3.3-6.2.3-84.3 0-168.5-.3-252.8.1-52.1.3-89.6-36.2-97.1-77.8-.6-2.7-1.2-5.3-1.6-8V113.1h272.1zm253.2-.1c-.9.3-1.7.7-2.7.9-50.1 8-83 46.4-83 96.9v260.3h231.9c11.7-.1 23.2.1 34.8-.3 41.6-1.6 77.3-30.5 87.8-70.9 1.3-4.7 2.2-9.6 3.2-14.4 0-90.7 0-181.5.1-272.3H638.6v-.2zm211.1 260.3c-3.6 20.9-21.4 36.2-42.5 37.8-2.8.1-5.5.3-8.3.3H612.7c-.1-2.4-.3-4.5-.3-6.4 0-60.5-.1-120.9 0-181.4.1-30.9 20.1-50.7 51-50.7H851c0 2.9 0 5.1.1 7.3 0 54.9 0 109.8-.1 164.8 0 9.3.4 19-1.3 28.3zM113.2 638.7c1-4.9 2-9.7 3.2-14.4 10.4-40.2 45.9-69 87.3-71 3.2-.1 6.6-.2 9.9-.2H471v260.2c0 50.5-32.9 89-83 96.9-.9.1-1.7.6-2.7.9H113.2V638.7zm525.2 272.2c-6.2-1.5-12.6-2.5-18.7-4.4-38-11.7-64.8-46.4-66.7-86.1-.1-2.4-.1-4.7-.1-7.2V553.4c2.2-.1 3.9-.3 5.8-.3 84.7 0 169.6-.1 254.4.1 48.9.1 86.8 31.3 96.1 78.1.6 2.5 1 5 1.6 7.5V911H638.4v-.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-setting{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M930.2 423.4c-1.3-6.4-5.2-12-10.6-15.6-5.5-3.6-12.2-4.8-18.5-3.5-7.4 1.5-15 2.3-22.5 2.3-39.8 0-75.3-20.2-95-54.1-23.5-40.4-18.1-91.2 13.2-126.6 9-10.1 8.1-25.5-2.1-34.5-44.1-38.9-94.5-67.9-149.8-86.1-12.9-4.2-26.9 2.7-31.2 15.5-15.1 44.8-56.8 74.9-103.9 74.9s-88.8-30.1-103.9-74.9c-4.3-12.8-18.2-19.7-31.2-15.5-55.3 18.2-105.7 47.2-149.8 86.1-10.2 9-11.1 24.4-2.1 34.5 31.4 35.4 36.7 86.2 13.2 126.6-19.6 33.9-55.2 54.1-95 54.1-7.5 0-15.1-.8-22.5-2.3-6.4-1.3-13.1 0-18.5 3.5-5.4 3.6-9.3 9.2-10.6 15.6-5.8 28.1-8.7 57-8.7 85.9 0 28.9 2.9 57.8 8.7 85.9 1.3 6.4 5.2 12 10.6 15.5 5.5 3.6 12.2 4.8 18.5 3.5 7.4-1.5 15-2.3 22.5-2.3 39.8 0 75.3 20.2 95 54.1 23.5 40.4 18.2 91.2-13.2 126.6-9 10.1-8.1 25.6 2.1 34.5C269 866 319.4 895 374.7 913.2c2.6.8 5.2 1.2 7.8 1.2 10.3 0 20-6.5 23.4-16.7C421 853.1 462.8 823 509.8 823s88.8 30.1 103.9 74.9c4.3 12.8 18.3 19.7 31.2 15.5 55.3-18.2 105.7-47.2 149.8-86.1 10.2-9 11.1-24.4 2.1-34.5-31.4-35.4-36.7-86.2-13.2-126.6 19.6-33.9 55.2-54.1 95-54.1 7.5 0 15.1.8 22.5 2.3 6.3 1.3 13.1.1 18.5-3.5s9.3-9.1 10.6-15.5c5.8-28.1 8.7-57.1 8.7-85.9 0-29.1-2.9-58-8.7-86.1M509.8 665.5c-86.9 0-157.3-69.9-157.3-156.1 0-86.2 70.4-156.1 157.3-156.1s157.3 69.9 157.3 156.1c0 86.2-70.4 156.1-157.3 156.1'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M930.2 423.4c-1.3-6.4-5.2-12-10.6-15.6-5.5-3.6-12.2-4.8-18.5-3.5-7.4 1.5-15 2.3-22.5 2.3-39.8 0-75.3-20.2-95-54.1-23.5-40.4-18.1-91.2 13.2-126.6 9-10.1 8.1-25.5-2.1-34.5-44.1-38.9-94.5-67.9-149.8-86.1-12.9-4.2-26.9 2.7-31.2 15.5-15.1 44.8-56.8 74.9-103.9 74.9s-88.8-30.1-103.9-74.9c-4.3-12.8-18.2-19.7-31.2-15.5-55.3 18.2-105.7 47.2-149.8 86.1-10.2 9-11.1 24.4-2.1 34.5 31.4 35.4 36.7 86.2 13.2 126.6-19.6 33.9-55.2 54.1-95 54.1-7.5 0-15.1-.8-22.5-2.3-6.4-1.3-13.1 0-18.5 3.5-5.4 3.6-9.3 9.2-10.6 15.6-5.8 28.1-8.7 57-8.7 85.9 0 28.9 2.9 57.8 8.7 85.9 1.3 6.4 5.2 12 10.6 15.5 5.5 3.6 12.2 4.8 18.5 3.5 7.4-1.5 15-2.3 22.5-2.3 39.8 0 75.3 20.2 95 54.1 23.5 40.4 18.2 91.2-13.2 126.6-9 10.1-8.1 25.6 2.1 34.5C269 866 319.4 895 374.7 913.2c2.6.8 5.2 1.2 7.8 1.2 10.3 0 20-6.5 23.4-16.7C421 853.1 462.8 823 509.8 823s88.8 30.1 103.9 74.9c4.3 12.8 18.3 19.7 31.2 15.5 55.3-18.2 105.7-47.2 149.8-86.1 10.2-9 11.1-24.4 2.1-34.5-31.4-35.4-36.7-86.2-13.2-126.6 19.6-33.9 55.2-54.1 95-54.1 7.5 0 15.1.8 22.5 2.3 6.3 1.3 13.1.1 18.5-3.5s9.3-9.1 10.6-15.5c5.8-28.1 8.7-57.1 8.7-85.9 0-29.1-2.9-58-8.7-86.1M509.8 665.5c-86.9 0-157.3-69.9-157.3-156.1 0-86.2 70.4-156.1 157.3-156.1s157.3 69.9 157.3 156.1c0 86.2-70.4 156.1-157.3 156.1'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-right-1{ -webkit-mask: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M709.717 546.901a46.805 46.805 0 0 0 0-69.802L368.981 181.077c-28.032-24.32-70.314-3.328-70.314 34.944V807.98c0 38.272 42.282 59.306 70.314 34.944L709.717 546.9z'/%3E%3C/svg%3E") no-repeat 50% 50%; mask: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M709.717 546.901a46.805 46.805 0 0 0 0-69.802L368.981 181.077c-28.032-24.32-70.314-3.328-70.314 34.944V807.98c0 38.272 42.282 59.306 70.314 34.944L709.717 546.9z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask-size: cover; mask-size: cover; height: 20px;width:20px; } .icon-cat{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M883.6 523.8L500.2 140.4c-22.7-22.7-56-32.3-87.3-25L228.3 158c-34.7 8-62.3 35.5-70.2 70.2l-42.6 184.6c-7.3 31.7 2 64.3 25 87.3l383.4 383.4c17.7 17.7 41.2 27.4 66.3 27.4 25 0 48.6-9.7 66.3-27.4l227.2-227.2c17.7-17.7 27.5-41.2 27.5-66.3-.2-25-9.9-48.5-27.6-66.2zM332.9 405.4c-40.9 0-74.1-33.2-74.1-74.1s33.2-74.1 74.1-74.1 74.1 33.2 74.1 74.1-33.2 74.1-74.1 74.1z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: 20px;width:20px; } .icon-search{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M930.56 749.44l-160-103.36A400.96 400.96 0 1 0 646.08 768l103.36 160a133.44 133.44 0 0 0 39.36 39.36 130.88 130.88 0 0 0 141.76-220.48zM432 704a272 272 0 1 1 272-272 272 272 0 0 1-272 272z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: 20px;width:20px; } .icon-dui{ --icon:url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M512 1024C229.248 1024 0 794.752 0 512S229.248 0 512 0s512 229.248 512 512-229.248 512-512 512zM397.824 713.045a53.333 53.333 0 0 0 75.435 0l323.328-323.328a53.333 53.333 0 1 0-75.435-75.434L433.237 597.589 304.384 468.736a53.333 53.333 0 1 0-75.435 75.435l168.875 168.874z' fill='%233D3D3D'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: 20px;width:20px; } .icon-sxjt{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M264.47 434.27c13.97 14.99 35.42 14.99 49.39 0l197.57-231.3L709 434.27c14.23 16.77 37.37 16.86 51.69.2.06-.07.12-.13.17-.2 13.05-16.25 13.05-41.58 0-57.83l-221.27-263.1c-7.29-9-17.57-13.85-28.15-13.3-9.71-.17-19.03 4.45-25.68 12.72L264.47 374.14c-14.19 16.36-14.35 43.09-.38 59.7.12.14.25.29.38.43zM759.91 587.47c-13.97-14.99-35.42-14.99-49.39 0l-197.57 231.3-197.57-231.3c-14.23-16.77-37.37-16.86-51.69-.2-.06.07-.12.13-.17.2-13.05 16.25-13.05 41.58 0 57.83L484.8 908.41c7.29 9 17.57 13.85 28.15 13.3 9.71.17 19.03-4.45 25.68-12.72l221.28-261.37c14.19-16.36 14.35-43.09.38-59.7-.13-.15-.26-.3-.38-.45z'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: 20px;width:20px; } .icon-edit{ --icon:url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M874.667 768A21.333 21.333 0 0 1 896 789.333V832a21.333 21.333 0 0 1-21.333 21.333H533.333A21.333 21.333 0 0 1 512 832v-42.667A21.333 21.333 0 0 1 533.333 768h341.334zm-266.88-642.859a21.333 21.333 0 0 1 30.165 0l211.2 211.2a21.333 21.333 0 0 1 0 30.166L389.547 826.155a21.333 21.333 0 0 1-17.067 6.144l-193.536-17.622a21.333 21.333 0 0 1-19.328-19.285l-17.579-193.621a21.333 21.333 0 0 1 6.144-16.982zm15.061 105.643l-393.13 393.13 10.069 110.635 110.634 10.027 259.456-259.499-118.869-118.869 60.33-60.33 118.87 118.869 73.301-73.302-120.661-120.661z' fill='%23434A54'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-expand{ --icon:url("data:image/svg+xml,%3Csvg class='icon' style='width:1em;height:1em;vertical-align:middle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M650.445 418.765a32 32 0 0 1-48.947-40.858l3.737-4.403 213.3-213.35a32 32 0 0 1 48.947 40.806l-3.687 4.454-213.35 213.35z' /%3E%3Cpath d='M853.35 138.65c16.026 0 29.338 11.878 31.642 27.29l.358 4.71v161.484a32 32 0 0 1-63.692 4.71l-.308-4.71-.05-129.484H691.813a32 32 0 0 1-31.641-27.239l-.359-4.761c0-16.026 11.879-29.338 27.29-31.642l4.71-.358H853.35zM650.445 605.235a32 32 0 0 0-48.947 40.858l3.737 4.403 213.3 213.35a32 32 0 0 0 48.947-40.806l-3.687-4.454-213.35-213.35z' /%3E%3Cpath d='M853.35 885.35a32 32 0 0 0 31.642-27.29l.358-4.71V691.866a32 32 0 0 0-63.692-4.71l-.308 4.71-.05 129.484H691.813a32 32 0 0 0-31.641 27.239l-.359 4.761c0 16.026 11.879 29.338 27.29 31.642l4.71.358H853.35zM373.555 418.765a32 32 0 0 0 48.947-40.858l-3.737-4.403-213.3-213.35a32 32 0 0 0-48.947 40.806l3.687 4.454 213.35 213.35z' /%3E%3Cpath d='M170.65 138.65a32 32 0 0 0-31.642 27.29l-.358 4.71v161.484a32 32 0 0 0 63.692 4.71l.308-4.71V202.65h129.536a32 32 0 0 0 31.641-27.239l.359-4.761a32 32 0 0 0-27.29-31.642l-4.71-.358H170.65zm202.905 466.585a32 32 0 0 1 48.947 40.858l-3.737 4.403-213.3 213.35a32 32 0 0 1-48.947-40.806l3.687-4.454 213.35-213.35z' /%3E%3Cpath d='M170.65 885.35a32 32 0 0 1-31.642-27.29l-.358-4.71V691.866a32 32 0 0 1 63.692-4.71l.308 4.71V821.35h129.536c16.025 0 29.337 11.776 31.641 27.239l.359 4.761a32 32 0 0 1-27.29 31.642l-4.71.358H170.65z' /%3E%3Cpath d='M0 0h1024v1024H0z' fill='none'/%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-stars{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M764.587 610.987c-11.094 10.666-16.214 26.453-13.654 41.386l37.974 209.92c2.986 17.92-4.267 35.84-19.2 46.08a46.933 46.933 0 0 1-49.92 3.414l-189.014-98.56a48.47 48.47 0 0 0-21.333-5.547h-11.52a34.603 34.603 0 0 0-11.52 3.84l-189.013 98.987c-9.387 4.693-20.054 6.4-30.294 4.693a47.36 47.36 0 0 1-37.973-54.187l37.973-209.92a47.787 47.787 0 0 0-13.653-41.813L99.413 459.947c-12.8-12.8-17.493-31.147-11.52-48.214 5.547-16.64 20.054-29.013 37.974-32l212.053-30.72c16.213-1.706 30.293-11.52 37.547-26.026l93.44-191.574c2.133-4.266 5.12-8.106 8.533-11.52l3.84-2.986c1.707-2.134 4.267-3.84 6.827-5.547l4.693-1.707 7.253-2.986h17.92c16.214 1.706 30.294 11.52 37.547 25.6l94.72 190.72c6.827 14.08 20.053 23.466 35.413 26.026l212.054 30.72c17.92 2.56 32.853 14.934 38.826 32 5.547 17.067.854 35.84-12.373 48.214l-159.573 151.04z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-ai{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zm213.12-359.51L236.288 746.668h48l24.96-68.736h114.816l24.96 68.736h48L392.192 472.49H341.12zm-18.432 168.577l43.392-120.192h1.536l43.008 120.192h-87.936zM523.904 472.49v274.176h44.928V472.49h-44.928z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-psd{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM75.221 472.49v274.177h44.928V641.45h67.968c66.816 0 100.224-28.416 100.224-84.864 0-56.064-33.408-84.096-99.456-84.096H75.221zm44.928 38.4h65.28c19.584 0 34.176 3.457 43.392 10.753 9.216 6.912 14.208 18.432 14.208 34.944 0 16.512-4.608 28.416-13.824 35.712-9.216 6.912-23.808 10.752-43.776 10.752h-65.28v-92.16zm303.36-43.775c-29.568 0-53.76 6.528-72.96 19.968-20.736 13.824-30.72 33.024-30.72 57.216s10.368 42.624 31.488 55.296c8.064 4.608 29.184 12.288 62.976 23.04 30.336 9.216 48 15.36 53.376 18.048 16.896 8.448 25.728 19.968 25.728 34.56 0 11.52-6.144 20.352-17.664 27.264-11.52 6.528-27.648 9.984-47.616 9.984-22.656 0-39.168-4.224-49.92-11.904-11.904-8.832-19.2-23.808-22.272-44.544h-44.544c1.92 34.944 14.592 60.288 37.632 76.416 18.816 13.056 45.312 19.584 79.104 19.584 34.944 0 62.208-7.296 81.408-21.12 19.2-14.208 28.8-33.792 28.8-58.368 0-25.344-11.904-44.928-35.712-59.136-10.752-6.144-34.56-15.36-71.808-26.88-25.344-8.064-41.088-13.824-46.848-16.896-13.056-6.912-19.2-16.512-19.2-28.032 0-13.056 5.376-22.656 16.896-28.416 9.216-4.992 22.272-7.296 39.552-7.296 19.968 0 35.328 3.456 45.312 11.136 9.984 7.296 17.28 19.584 21.12 36.48h44.544c-2.688-29.952-13.824-52.224-33.024-66.432-18.048-13.44-43.392-19.968-75.648-19.968zm153.216 5.376v274.176H676.95c44.544 0 77.952-12.288 100.992-36.864 21.888-23.424 33.024-56.832 33.024-100.224 0-43.776-11.136-77.184-33.024-100.224-23.04-24.576-56.448-36.864-100.992-36.864H576.725zm44.928 38.4h46.848c34.176 0 59.136 7.68 74.88 23.424 15.36 15.36 23.04 40.704 23.04 75.264 0 33.792-7.68 58.752-23.04 74.88-15.744 15.744-40.704 23.808-74.88 23.808h-46.848V510.89z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-pdf{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM88.47 472.49v274.177h44.927V641.45h67.968c66.816 0 100.224-28.416 100.224-84.864 0-56.064-33.408-84.096-99.456-84.096H88.47zm44.927 38.4h65.28c19.584 0 34.176 3.457 43.392 10.753 9.216 6.912 14.208 18.432 14.208 34.944 0 16.512-4.608 28.416-13.824 35.712-9.216 6.912-23.808 10.752-43.776 10.752h-65.28v-92.16zm206.592-38.4v274.177h100.224c44.544 0 77.952-12.288 100.992-36.864 21.888-23.424 33.024-56.832 33.024-100.224 0-43.776-11.136-77.184-33.024-100.224-23.04-24.576-56.448-36.864-100.992-36.864H339.99zm44.928 38.4h46.848c34.176 0 59.136 7.68 74.88 23.425 15.36 15.36 23.04 40.704 23.04 75.264 0 33.792-7.68 58.752-23.04 74.88-15.744 15.744-40.704 23.808-74.88 23.808h-46.848V510.89zm231.552-38.4v274.177h44.928V625.323h134.016v-38.4H661.397V510.89h142.08v-38.4H616.47z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-ppt,.icon-pptx{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM94.613 472.49v274.177h44.928V641.45h67.968c66.816 0 100.224-28.416 100.224-84.864 0-56.064-33.408-84.096-99.456-84.096H94.613zm44.928 38.4h65.28c19.584 0 34.176 3.457 43.392 10.753 9.216 6.912 14.208 18.432 14.208 34.944 0 16.512-4.608 28.416-13.824 35.712-9.216 6.912-23.808 10.752-43.776 10.752h-65.28v-92.16zm206.592-38.4v274.177h44.928V641.45h67.968c66.816 0 100.224-28.416 100.224-84.864 0-56.064-33.408-84.096-99.456-84.096H346.133zm44.928 38.4h65.28c19.584 0 34.176 3.457 43.392 10.753 9.216 6.912 14.208 18.432 14.208 34.944 0 16.512-4.608 28.416-13.824 35.712-9.216 6.912-23.808 10.752-43.776 10.752h-65.28v-92.16zm185.472-38.4v38.4h89.856v235.777h44.928V510.89h89.856v-38.4h-224.64z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-doc{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM65.92 472.49v274.177h91.35c40.597 0 71.04-12.288 92.053-36.864 19.946-23.424 30.101-56.832 30.101-100.224 0-43.776-10.155-77.184-30.101-100.224-20.992-24.576-51.456-36.864-92.054-36.864H65.92zm40.96 38.4h42.667c31.146 0 53.909 7.68 68.266 23.425 13.995 15.36 20.992 40.704 20.992 75.264 0 33.792-6.997 58.752-21.013 74.88-14.336 15.744-37.099 23.808-68.245 23.808H106.88V510.89zm322.005-43.775c-38.506 0-68.608 13.44-90.304 41.088-21.013 26.112-31.146 59.904-31.146 101.76 0 41.472 10.133 75.264 31.146 101.376 21.696 26.88 51.798 40.704 90.304 40.704 38.144 0 68.246-13.44 90.304-40.32 20.992-25.728 31.488-59.52 31.488-101.76s-10.496-76.416-31.488-102.144c-22.058-27.264-52.16-40.704-90.304-40.704zm0 39.552c25.899 0 45.846 8.832 59.84 27.264 13.654 18.432 20.651 43.776 20.651 76.032s-6.997 57.216-20.65 75.264c-13.995 18.048-33.942 27.264-59.84 27.264-25.9 0-46.209-9.6-60.203-28.416-13.654-18.432-20.31-43.008-20.31-74.112 0-31.488 6.656-56.064 20.31-74.496 14.336-19.2 34.304-28.8 60.202-28.8zm268.8-39.552c-39.893 0-70.357 14.208-91.349 43.392-18.56 25.344-27.648 58.752-27.648 99.456 0 41.472 8.747 74.496 26.603 99.072 20.288 28.416 51.434 43.008 93.098 43.008 26.944 0 50.048-8.448 69.291-25.344 20.65-18.048 33.6-43.008 39.21-75.264h-39.893c-4.906 20.736-13.312 36.48-25.216 46.848-11.2 9.216-25.898 14.208-43.733 14.208-27.307 0-47.616-9.6-60.565-28.032-11.904-17.28-17.856-42.24-17.856-74.496 0-31.488 5.973-56.064 18.218-73.728 13.291-19.968 32.896-29.568 59.136-29.568 17.494 0 31.851 3.84 43.051 12.288 11.563 8.448 19.264 21.504 23.467 39.552h39.893c-3.84-27.648-14.72-49.92-32.896-66.048-18.901-16.896-43.413-25.344-72.81-25.344z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-rar{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM83.456 472.49v274.177h42.88V634.923h67.797c14.656 0 26.027 3.072 33.707 9.984 7.339 6.528 11.733 17.28 13.227 32.256l3.285 33.792c1.45 15.36 5.12 27.264 11.35 35.712h46.549c-8.79-9.984-14.294-23.424-15.766-40.32l-4.394-44.16c-2.923-26.88-15.744-42.624-38.486-48v-.768a56.96 56.96 0 0 0 33.366-24.192 67.584 67.584 0 0 0 10.986-38.016c0-26.112-8.426-46.08-24.533-59.904-15.403-12.672-36.672-18.816-63.424-18.816H83.456zm42.88 38.4h67.797c17.6 0 30.422 3.073 38.486 9.985 8.064 6.528 12.096 17.28 12.096 32.256 0 13.824-4.054 24.576-12.096 32.256-8.79 7.296-21.632 11.136-38.486 11.136h-67.797V510.89zm286.976-38.4L313.259 746.668h45.802l23.83-68.736H492.48l23.83 68.736h45.802L462.059 472.49h-48.747zm-17.6 168.577l41.43-120.192h1.45l41.067 120.192h-83.947zM587.776 472.49v274.176h42.88V634.923h67.797c14.656 0 26.027 3.072 33.707 9.984 7.339 6.528 11.733 17.28 13.227 32.256l3.285 33.792c1.472 15.36 5.12 27.264 11.37 35.712h46.529c-8.79-9.984-14.294-23.424-15.744-40.32l-4.395-44.16c-2.944-26.88-15.787-42.624-38.485-48v-.768a56.96 56.96 0 0 0 33.344-24.192 67.584 67.584 0 0 0 10.986-38.016c0-26.112-8.426-46.08-24.533-59.904-15.403-12.672-36.672-18.816-63.424-18.816H587.776zm42.88 38.4h67.797c17.6 0 30.422 3.072 38.486 9.984 8.064 6.528 12.096 17.28 12.096 32.256 0 13.824-4.032 24.576-12.096 32.256-8.79 7.296-21.611 11.136-38.486 11.136h-67.797V510.89z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-zip{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zm32.661-359.51v38.4h147.072L149.141 711.34v35.328h226.176v-38.4H207.893l158.208-200.064V472.49h-205.44zm251.136 0v274.177h44.928V472.49h-44.928zm98.688 0v274.177h44.928V641.45h67.968c66.816 0 100.224-28.416 100.224-84.864 0-56.064-33.408-84.096-99.456-84.096H510.485zm44.928 38.4h65.28c19.584 0 34.176 3.457 43.392 10.753 9.216 6.912 14.208 18.432 14.208 34.944 0 16.512-4.608 28.416-13.824 35.712-9.216 6.912-23.808 10.752-43.776 10.752h-65.28v-92.16z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-7z{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zm91.99-359.51v40.705h140.16l-98.305 233.472h47.616l96-238.08V472.49H219.99zm221.951 0v38.4h147.072L430.421 711.34v35.328h226.176v-38.4H489.173l158.208-200.064V472.49h-205.44z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-wps{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM64 472.49l64.896 274.177h39.573l44.31-206.208h1.28l43.968 206.208h39.253l65.195-274.176h-41.771l-42.432 208.512h-1.259L232.384 472.49h-38.293l-44.63 208.512h-1.28L105.813 472.49H64zm322.24 0v274.177h40.576V641.45h61.397c60.352 0 90.518-28.416 90.518-84.864 0-56.064-30.166-84.096-89.814-84.096H386.24zm40.576 38.4h58.965c17.707 0 30.87 3.457 39.19 10.753 8.32 6.912 12.842 18.432 12.842 34.944 0 16.512-4.16 28.416-12.48 35.712-8.32 6.912-21.504 10.752-39.552 10.752h-58.965v-92.16zm274.005-43.775c-26.709 0-48.554 6.528-65.898 19.968-18.731 13.824-27.734 33.024-27.734 57.216s9.366 42.624 28.438 55.296c7.274 4.608 26.346 12.288 56.874 23.04 27.392 9.216 43.35 15.36 48.214 18.048 15.253 8.448 23.253 19.968 23.253 34.56 0 11.52-5.547 20.352-15.979 27.264-10.389 6.528-24.96 9.984-43.008 9.984-20.458 0-35.37-4.224-45.077-11.904-10.752-8.832-17.344-23.808-20.117-44.544h-40.235c1.728 34.944 13.184 60.288 33.984 76.416 17.003 13.056 40.939 19.584 71.467 19.584 31.552 0 56.17-7.296 73.514-21.12 17.344-14.208 26.027-33.792 26.027-58.368 0-25.344-10.773-44.928-32.277-59.136-9.707-6.144-31.211-15.36-64.854-26.88-22.89-8.064-37.12-13.824-42.304-16.896-11.797-6.912-17.344-16.512-17.344-28.032 0-13.056 4.843-22.656 15.254-28.416 8.32-4.992 20.117-7.296 35.733-7.296 18.027 0 31.893 3.456 40.917 11.136 9.024 7.296 15.616 19.584 19.072 36.48h40.235c-2.432-29.952-12.48-52.224-29.824-66.432-16.299-13.44-39.19-19.968-68.33-19.968z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-xlsx{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M743.36 0L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36zm-26.645 64H213.333A21.333 21.333 0 0 0 192 85.333V384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.683L716.715 64z' fill='%236BB103'/%3E%3Cpath d='M40.917 472.49h51.307l60.288 96.769L212.8 472.49h51.307L177.62 604.97l92.246 141.696H218.56l-66.027-105.984-66.048 105.984H35.2l91.499-141.696-85.76-132.48zm228.928 0h44.288v235.777h83.712v38.4h-128V472.49zm222.87-5.375c27.285 0 48.725 6.528 64 19.968 16.234 14.208 25.664 36.48 27.946 66.432h-37.696c-3.242-16.896-9.429-29.184-17.877-36.48-8.448-7.68-21.44-11.136-38.336-11.136-14.613 0-25.664 2.304-33.45 7.296-9.75 5.76-14.294 15.36-14.294 28.416 0 11.52 5.184 21.12 16.235 28.032 4.885 3.072 18.197 8.832 39.637 16.896 31.51 11.52 51.648 20.736 60.757 26.88 20.139 14.208 30.208 33.792 30.208 59.136 0 24.576-8.106 44.16-24.362 58.368-16.256 13.824-39.318 21.12-68.886 21.12-28.586 0-50.986-6.528-66.922-19.584-19.478-16.128-30.208-41.472-31.83-76.416h37.675c2.603 20.736 8.79 35.712 18.859 44.544 9.088 7.68 23.061 11.904 42.24 11.904 16.874 0 30.506-3.456 40.277-9.984 9.75-6.912 14.933-15.744 14.933-27.264 0-14.592-7.466-26.112-21.76-34.56-4.544-2.688-19.498-8.832-45.162-18.048-28.587-10.752-46.443-18.432-53.27-23.04-17.877-12.672-26.645-31.104-26.645-55.296s8.448-43.392 25.984-57.216c16.256-13.44 36.715-19.968 61.739-19.968zm102.869 5.376h51.307l60.288 96.768 60.288-96.768h51.306l-86.485 132.48 92.245 141.696h-51.306L707.2 640.683l-66.048 105.984h-51.285l91.498-141.696-85.76-132.48z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-xlsx{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M743.36 0L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36zm-26.645 64H213.333A21.333 21.333 0 0 0 192 85.333V384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.683L716.715 64zm-53.568 403.115c-29.568 0-53.76 6.528-72.96 19.968-20.736 13.824-30.72 33.024-30.72 57.216s10.368 42.624 31.488 55.296c8.064 4.608 29.184 12.288 62.976 23.04 30.336 9.216 48 15.36 53.376 18.048 16.896 8.448 25.728 19.968 25.728 34.56 0 11.52-6.144 20.352-17.664 27.264-11.52 6.528-27.648 9.984-47.616 9.984-22.656 0-39.168-4.224-49.92-11.904-11.904-8.832-19.2-23.808-22.272-44.544h-44.544c1.92 34.944 14.592 60.288 37.632 76.416 18.816 13.056 45.312 19.584 79.104 19.584 34.944 0 62.208-7.296 81.408-21.12 19.2-14.208 28.8-33.792 28.8-58.368 0-25.344-11.904-44.928-35.712-59.136-10.752-6.144-34.56-15.36-71.808-26.88-25.344-8.064-41.088-13.824-46.848-16.896-13.056-6.912-19.2-16.512-19.2-28.032 0-13.056 5.376-22.656 16.896-28.416 9.216-4.992 22.272-7.296 39.552-7.296 19.968 0 35.328 3.456 45.312 11.136 9.984 7.296 17.28 19.584 21.12 36.48h44.544c-2.688-29.952-13.824-52.224-33.024-66.432-18.048-13.44-43.392-19.968-75.648-19.968zm-507.648 5.376h-54.912l91.776 132.48-97.92 141.696h54.912l70.656-105.984 70.656 105.984h54.912L246.89 604.97l92.544-132.48h-54.912l-64.512 96.768-64.512-96.768zm257.408 0h-44.544v274.176h171.434v-38.4h-126.89V472.49z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-csv{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M743.36 0L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36zm-26.645 64H213.333A21.333 21.333 0 0 0 192 85.333V384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.683L716.715 64zM191.189 467.115c-43.776 0-77.184 14.208-100.224 43.392-20.352 25.344-30.336 58.752-30.336 99.456 0 41.472 9.6 74.496 29.184 99.072 22.272 28.416 56.448 43.008 102.144 43.008 29.568 0 54.912-8.448 76.032-25.344 22.656-18.048 36.864-43.008 43.008-75.264h-43.776c-5.376 20.736-14.592 36.48-27.648 46.848-12.288 9.216-28.416 14.208-48 14.208-29.952 0-52.224-9.6-66.432-28.032-13.056-17.28-19.584-42.24-19.584-74.496 0-31.488 6.528-56.064 19.968-73.728 14.592-19.968 36.096-29.568 64.896-29.568 19.2 0 34.944 3.84 47.232 12.288 12.672 8.448 21.12 21.504 25.728 39.552h43.776c-4.224-27.648-16.128-49.92-36.096-66.048-20.736-16.896-47.616-25.344-79.872-25.344zm258.816 0c-29.568 0-53.76 6.528-72.96 19.968-20.736 13.824-30.72 33.024-30.72 57.216s10.368 42.624 31.488 55.296c8.064 4.608 29.184 12.288 62.976 23.04 30.336 9.216 48 15.36 53.376 18.048 16.896 8.448 25.728 19.968 25.728 34.56 0 11.52-6.144 20.352-17.664 27.264-11.52 6.528-27.648 9.984-47.616 9.984-22.656 0-39.168-4.224-49.92-11.904-11.904-8.832-19.2-23.808-22.272-44.544h-44.544c1.92 34.944 14.592 60.288 37.632 76.416 18.816 13.056 45.312 19.584 79.104 19.584 34.944 0 62.208-7.296 81.408-21.12 19.2-14.208 28.8-33.792 28.8-58.368 0-25.344-11.904-44.928-35.712-59.136-10.752-6.144-34.56-15.36-71.808-26.88-25.344-8.064-41.088-13.824-46.848-16.896-13.056-6.912-19.2-16.512-19.2-28.032 0-13.056 5.376-22.656 16.896-28.416 9.216-4.992 22.272-7.296 39.552-7.296 19.968 0 35.328 3.456 45.312 11.136 9.984 7.296 17.28 19.584 21.12 36.48h44.544c-2.688-29.952-13.824-52.224-33.024-66.432-18.048-13.44-43.392-19.968-75.648-19.968zm177.024 5.376h-48.768l97.536 274.176h54.144l97.536-274.176H778.71l-75.264 223.488h-1.152L627.03 472.49z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .icon-html{ --icon:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M192 384h640a42.667 42.667 0 0 1 42.667 42.667v362.666A42.667 42.667 0 0 1 832 832H192v106.667A21.333 21.333 0 0 0 213.333 960h725.334A21.333 21.333 0 0 0 960 938.667V308.82l-10.09-10.154H823.38a98.048 98.048 0 0 1-98.048-98.048V72.66L716.715 64H213.333A21.333 21.333 0 0 0 192 85.333V384zm-64 448H42.667A42.667 42.667 0 0 1 0 789.333V426.667A42.667 42.667 0 0 1 42.667 384H128V85.333A85.333 85.333 0 0 1 213.333 0H743.36L1024 282.453v656.214A85.333 85.333 0 0 1 938.667 1024H213.333A85.333 85.333 0 0 1 128 938.667V832zM64 472.49v274.177h37.227V625.323h93.866v121.344h37.248V472.49h-37.248v114.432h-93.866V472.49H64zm195.37 0v38.4h52.545v235.777h37.248V510.89h52.522v-38.4H259.392zm169.387 0v274.177h37.227V557.739h1.28l66.795 188.928h32.128l66.837-188.928h1.28v188.928h37.227V472.49h-43.606l-77.013 215.04h-1.28L472.32 472.49h-43.605zm287.36 0v274.177H832v-38.4h-78.976V472.49h-36.907z' /%3E%3C/svg%3E") no-repeat 50% 50%; -webkit-mask: var(--icon);mask: var(--icon);-webkit-mask-size: cover;mask-size: cover;height: var(--w);width:var(--w); } .sizeShow{ animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both; -moz-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both; -webkit-animation: sizeShow .3s cubic-bezier(.4,.45,.15,.91) both; animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards; } @keyframes sizeShow { 0% {opacity: 0;-moz-transform: scale3d(.3,.3,.3);-webkit-transform: scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to { opacity: 1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);} } @-webkit-keyframes sizeShow { 0% {opacity: 0;-moz-transform: scale3d(.3,.3,.3);-webkit-transform: scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to {opacity: 1; -webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1); } } .sizeHide{animation: sizeHide 0.3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: sizeHide 0.3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation: sizeHide 0.3s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes sizeHide { 0% {opacity: 1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}to {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-moz-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} } @keyframes sizeHide { 0% {opacity: 1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}to {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-moz-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} } .leftShow{-webkit-animation: leftShow 0.3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: leftShow 0.3s cubic-bezier(.4,.45,.15,.91) both;animation: leftShow 0.3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;} @-webkit-keyframes leftShow { 0% {-webkit-transform: translateX(16%);transform: translateX(16%);opacity: 0;} to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} } @keyframes leftShow { 0% {-webkit-transform: translateX(16%);transform: translateX(16%);opacity: 0;} to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} } .leftHide{animation: leftHide 0.3s cubic-bezier(.4,.45,.15,.91) both;-webkit-animation: leftHide 0.3s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: leftHide 0.3s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} /* 删除动画 */ @-webkit-keyframes leftHide { 0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} to {-webkit-transform: translateX(16%);transform: translateX(16%);opacity: 0;} } @keyframes leftHide { 0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} to {-webkit-transform: translateX(16%);transform: translateX(16%);opacity: 0;} } .topShow{--show:30px;animation: topShow 0.3s ease-in-out both;-webkit-animation: topShow 0.3s ease-in-out both;-moz-animation: topShow 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes topShow { 0% {-webkit-transform: translateY(var(--show));transform: translateY(var(--show));opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } @keyframes topShow { 0% {-webkit-transform: translateY(var(--show));transform: translateY(var(--show));opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } .topHide{--show:30px;animation: topHide 0.5s ease-in-out both;-webkit-animation: topHide 0.5s ease-in-out both;-moz-animation: topHide 0.5s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} /* 删除动画 */ @-webkit-keyframes topHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(var(--show));transform: translateY(var(--show));opacity: 0;} } @keyframes topHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(var(--show));transform: translateY(var(--show));opacity: 0;} } .bottomShow{animation: bottomShow 0.3s ease-in-out both;-webkit-animation: bottomShow 0.3s ease-in-out both;-moz-animation: bottomShow 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes bottomShow { 0% {-webkit-transform: translateY(-110px);transform: translateY(-110px);opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } @keyframes bottomShow { 0% {-webkit-transform: translateY(-110px);transform: translateY(-110px);opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } .bottomHide{animation: bottomHide 0.3s ease-in-out both;-webkit-animation: bottomHide 0.3s ease-in-out both;-moz-animation: bottomHide 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes bottomHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(-110px);transform: translateY(-110px);opacity: 0;} } @keyframes bottomHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(-110px);transform: translateY(-110px);opacity: 0;} } .tcmbtShow{animation: tcmbtShow 0.3s ease-in-out both;-webkit-animation: tcmbtShow 0.3s ease-in-out both;-moz-animation: tcmbtShow 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes tcmbtShow { 0% {-webkit-transform: translateY(300px);transform: translateY(300px);opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } @keyframes tcmbtShow { 0% {-webkit-transform: translateY(300px);transform: translateY(300px);opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } .tcmbtHide{animation: tcmbtHide 0.3s ease-in-out both;-webkit-animation: tcmbtHide 0.3s ease-in-out both;-moz-animation: tcmbtHide 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} /* 删除动画 */ @-webkit-keyframes tcmbtHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(300px);transform: translateY(300px);opacity: 0;} } @keyframes tcmbtHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(300px);transform: translateY(300px);opacity: 0;} } .dhShow{animation: boxshow 0.5s cubic-bezier(.4,.45,.15,.91) both; -webkit-animation: boxshow 0.5s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: boxshow 0.5s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes boxshow {0% {opacity: 0;}100% {opacity: 1;}} @keyframes boxshow {0% {opacity: 0;}100% {opacity: 1;}} .dhHide{animation: boxhide 0.5s cubic-bezier(.4,.45,.15,.91) both; -webkit-animation: boxhide 0.5s cubic-bezier(.4,.45,.15,.91) both;-moz-animation: boxhide 0.5s cubic-bezier(.4,.45,.15,.91) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes boxhide {0% {opacity: 1;}100% {opacity: 0;}} @keyframes boxhide {0% {opacity: 1;}100% {opacity: 0;}} .selectShow{--animation:100%;animation: selectShow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;-webkit-animation: selectShow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;-moz-animation: selectShow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards} @-webkit-keyframes selectShow { 0% {-webkit-transform: translateY(var(--animation));transform: translateY(var(--animation));opacity: 0;} 20% {opacity: 1;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } @keyframes selectShow { 0% {-webkit-transform: translateY(var(--animation));transform: translateY(var(--animation));opacity: 0;} 20% {opacity: 1;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } .selectHide{ --animation:100%;animation: selectHide 0.3s ease-out both;-webkit-animation: selectHide 0.3s ease-out both;-moz-animation: selectHide 0.3s ease-out both;} /* 删除动画 */ @-webkit-keyframes selectHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} 60% {opacity: 1;} to {-webkit-transform: translateY(var(--animation));transform: translateY(var(--animation));opacity: 0;} } @keyframes selectHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} 60% {opacity: 1;} to {-webkit-transform: translateY(var(--animation));transform: translateY(var(--animation));opacity: 0;} } @keyframes clip { from { clip-path: circle(0% at var(--x) var(--y)); } to{ clip-path: circle(100% at var(--x) var(--y)); } } ::view-transition-old(root) { animation: none; } ::view-transition-new(root) { mix-blend-mode: normal;animation: clip 0.5s ease-in-out; }