/* * 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%;font-size:100px;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: #f1f1f1;position: relative;font-size:.14em;scroll-behavior: smooth;overflow: auto;height: 100%;width: 100%; --zColor:0,160,255; --zFont:white; --jbColor:linear-gradient(to right,rgba(0,204,255,1),rgba(0,160,255,1)); --radius:6px; --fmenuColor:rgba(0,160,255,.1); --fmenuFont:rgba(0,160,255,1); --red:255,0,71; --reds:248,215,218; --green:rgba(37,201,118,.9); --orange:rgba(255,152,0,.9); --fontZb:20px; --fontFb:14px; --fontFb1:15px; } .tcMain.mbt{align-items: center;justify-content: center;flex-direction: column-reverse;} 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::before{content: '*';position: absolute;top:0;left:-8px;color:#e20000;z-index:99} .hide{display: none !important;} .mt-6{margin-top: 6px !important;}.mt-10{margin-top:10px !important}.mt-20{margin-top:20px !important;}.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;} .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%);} /* 开始主题样式 */ /* .67em-15px */ div.edit-post-visual-editor__post-title-wrapper{background-color: #f1f1f1;margin: 0;padding: 4rem 0;} .btnTm.b-red{background-color:rgba(var(--reds),1);border:1px solid rgba(var(--red),.5);color:rgba(var(--red),1)} .btnTm.b-red .icon{background-color: rgba(var(--red),1);} .btnTm.b-red:hover{background-color:rgba(var(--red),.9);color:white;} .btnTm.b-red:hover .icon{background-color:white} .icon{ width:.92em;height:.92em;background-color:#000; 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;} /*动画预设*/ .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;} .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-72{width:72%} .flex-28{width:28%} /* 禁止双击 */ .in-ap,.selectVal,.info,.btnTm,.bt,.fb,.content{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;} .showImg{position: relative;width:750px;margin:0 auto} .showImg>img{width:100%} .postImg{width:350px} .postImg img{width:100%} /* 表单规格 */ .in-ap-2 .in-ap{width:48%} .in-ap{width:100%;line-height:38px;position: relative;display: inline-block;margin-top:10px;} .in-ap.in-row{display: flex;display: -webkit-flex;justify-content: space-between;margin:1em 0;flex-wrap: wrap;} .in-ap.in-row .bt{line-height:inherit;} .in-row>.in-hd{white-space:nowrap;} .in-row form{width:100%} .in-row>.in-box{line-height:inherit;} .error-tips{color:#e20000;line-height:38px} /* .in-ap.in-row>.in-box{width: calc(100% - 100px);display: flex;display: -webkit-flex;justify-content:flex-end} */ .in-hd{cursor: pointer;width: fit-content;width:100%} .in-hd>.bt{display: flex;display: -webkit-flex;} .in-ft{justify-content: center;padding:15px 0;border-top:1px solid #eee;} /* tips */ .in-tips .icon{width: 16px;margin-left:4px;fill:#bbb} .int-div{position: absolute;min-width:100px;max-width:600px;top:2.6em;left:0;z-index: 1000;background-color:rgba(0,0,0,.9); color:white;padding:4px 10px 0 10px;border-radius:3px;display: none;white-space: nowrap;font-size:13px} .in-tips{display: flex;display: -webkit-flex;align-items: center;} .in-tips:hover .int-div{display: block;} .int-div::after{content:'';position: absolute;top:-4px;left:10px;height: 10px;width:10px;background-color:rgba(0,0,0,1); transform: rotate(45deg);-o-transform: rotate(45deg);z-index: -1;border-radius:2px} .in-tip{padding:0 10px;background-color: white;font-size: 14px;margin-top:6px;border-radius: 3px; position: absolute;box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);color:#e20000; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); visibility: hidden; opacity: 0; z-index: 9999; width: 100%; } .in-tip::after{content:'';width:12px;height:12px;background-color: white; position: absolute;top:0;left:6px;transform: rotateZ(45deg) translateY(-50%); } .in-ap.err .in-tip{ visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .in-ap.err .in-nr,.in-ap.err .tag-input{border: 1px solid red !important;} .in-ap.err .in-nr{background-color:rgba(var(--red),.05);} .in-box{line-height:inherit;position: relative;} .in-nr,.selectVal{width:100%;border:1px solid #ddd;border-radius:3px;padding:0 5px 0 8px;position:relative;height:38px;line-height:38px;} .in-err-tips{position: absolute;top:0;right:0;padding:0 10px;color:red;z-index: 999;height:100%;display: none;} .in-ap.err .in-err-tips{display: flex;display: -webkit-flex;} .in-box .in-nr:focus ~ .in-err-tips .icon{display: none;} .in-box .in-nr:focus ~ .in-err-tips .in-err-div{ visibility: visible; opacity: 1; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); } .in-err-tips .icon{fill: red;width:24px;cursor: pointer;display: flex;display: -webkit-flex;align-items: center;justify-content: center;background-color: initial;height:100%;} .in-err-tips .icon .icon-err{background-color:#e20000} .in-err-tips:hover .in-err-div{ visibility: visible; opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); } .in-err-div{position: absolute;top:40px;right:0;background-color: white;font-size: 14px; min-width:200px;padding:0 10px;margin-top:5px; box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);border-radius: 3px; -webkit-transform: translateY(15px);-moz-transform: translateY(15px);-ms-transform: translateY(15px);-o-transform: translateY(15px); transform: translateY(15px); visibility: hidden; opacity: 0; 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; } .in-ap.in-row .in-err-div{top:100%;margin:0} .in-ap.in-row .in-err-div::after{display: none;} .in-err-div::after{content:'';position: absolute;top:i-4px;right:10px;height: 10px;width:10px;background-color:white;transform: rotate(45deg);-o-transform: rotate(45deg);z-index: -1;border-radius:2px} .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:white;overflow: hidden;flex-wrap: wrap; padding: 5px; width: 100%; min-height: 38px; border-radius: 3px; border: 1px solid #ddd; } /* .upload-file:hover{height: auto;} */ .files-name{background-color: #00a0ff;color: white;line-height: 25px;text-overflow: ellipsis; padding:0 5px;border-radius: 3px;align-items: center;position: relative;z-index:10} /* 图片字提示 */ .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 #ddd;align-items: center;justify-content: center;cursor: pointer;border-radius: 6px;position: relative;} .img-one-box .icon{fill: #aaa;width:1.9em;height:1.9em} .img-one-box img{width:100%;pointer-events: none;} .img-one-show{overflow: hidden;border-radius: 6px;width:100%;height:100%;position: absolute;top:0;left:0;align-items: center;justify-content: center;z-index:9} .files-hd{justify-content: space-between;align-items: center;} .files-hd .icon-close,.tag-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;} .file-progress{height: 2px;width: 0; background-color: rgba(var(--zColor),1);margin-bottom: 4px;} .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 #aaa;border-radius:6px;justify-content: center;align-items: center;} .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:0;padding:0 10px;width: 100%;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(--zColor),.05);padding: 10px;min-height: 100px;align-items: flex-start;} .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(--zColor),.2);color: var(--zFont);padding:5px 10px;justify-content: space-between;} .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;} .file-img-close .icon{fill:white;width:.92em;height:.92em;pointer-events: none;} .files-close{align-items: center;} .files-close .icon{pointer-events: none;} .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;background-color:white;margin-top: 5px;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}.sku-item-s:last-child{margin:0} .sku-select-item.ac .icon-right{transform: rotateZ(90deg);} .file-table{width:100%} .file-table thead .hd{background-color: rgba(var(--zColor),.5);color:#000} .file-table tbody .hd{color:#000} .file-table .hd{height:34px !important;} .file-table td{padding:0 10px;height:30px;line-height: 30px;} .file-table tr:nth-child(even){background-color: rgba(var(--zColor),.12);} .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;} /* 下拉框 */ .selectTm{border-radius:0;border:0;position:relative;width:100%} .selectTm.position{overflow:unset} .selectTm.position .selectOp{position:absolute;width:100%;box-shadow:0 5px 8px -2px rgb(0 0 0 / 8%);margin-top:1px;z-index:9989;} .selectHd{display: flex;display: -webkit-flex;position:relative;} .selectVal{cursor: pointer;border-radius:3px;border: 1px solid #ddd;padding-right:36px} .SO-right,.SO-kan{position:absolute;right:0;top:0;width:36px;height:100%;display: flex;display: -webkit-flex;fill:#ccc;align-items: center;justify-content: center;} .selectTm.ac .SO-right{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} .selectOp{ position:absolute; width:100%; box-shadow:0 5px 8px -2px rgb(0 0 0 / 8%); z-index:998; border-radius: 0 0 6px 6px; border: 1px solid #ddd; padding:10px;background-color:white; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); visibility: hidden; opacity: 0; margin-top:-1px; } .selectOp.ac{ visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .SO-ul{flex-wrap:wrap;min-height:100px;max-height:200px;overflow: auto;padding:10px 0} /* .SO-ul::-webkit-scrollbar {width: 0;} */ .SO-bt,.SO-icon,.SO-right,.SO-kan .icon{pointer-events:none} .SO-bt{white-space: nowrap;text-overflow: ellipsis;width:100%;overflow: hidden;font-size: 14px;} .SO-right .icon{width:1.2em;height:1.2em;background-color:#ccc} .SO-icon{margin-right:6px} /* ✓ */ /* .select-icon{position:relative;width:13px;height:13px;} .select-icon:checked:after{content:'✓';position:absolute;top:0;left:0;height:10px;width:10px} */ .select-icon:checked:after{background-color:rgba(var(--zColor),1);} .SO-li{cursor: pointer;padding:10px;font-size: 15px;height:38px;align-items: center;} .SO-li .icon{background-color: #ccc;margin-right:2px;} .SO-li.ac{background-color: rgba(var(--zColor),.05);color:rgba(var(--zColor),1);} .SO-li.ac .icon,.SO-li:hover .icon{background-color: rgba(var(--zColor),1)} .flex-1 .SO-li{width:100%;border-radius: 3px;} .So-bt{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* 手机表单 */ .phone-box .in-nr{flex:1;border-radius: 3px 0 0 3px;border-right:0} .phone-box .btnTm{width:80px;padding:0;display: flex;display: -webkit-flex;justify-content: center;border-radius: 0 3px 3px 0;margin-right:0} /* 密码表单 */ .passwdTm{position: relative;} .SO-kan{cursor: pointer}.passVal{padding-right:36px;} /* .icon-zk,.SO-kan.ac .icon-gb{display:none}.SO-kan.ac .icon-zk{display:block;} */ /* 下拉框搜索 */ .SO-search{border-radius:3px;overflow:hidden;padding:0 0 10px 0;border-bottom:1px solid #eee} .SO-search .searchVal{width:calc(100% - 80px);border:1px solid #eee;padding:0 5px;font-size:.9em;border-right: 0;height: 38px;} .SO-search .searchBtn{width:80px;border:1px solid rgba(var(--zColor),1);border-radius: 0 3px 3px 0;justify-content: center;} /* switch */ .switch-ul{width:100%;background-color:#fff;border-radius:0 0 3px 3px;display: none;margin-top: 10px;border-radius: 10px;} .switch-ul::before{content:'';position: absolute;top:-5px;left:20px;height:10px;width:10px;background-color: white;transform: rotateZ(45deg);} .switch-ul.ac{padding:0 20px 0 20px;display: block;} /* textarea */ textarea.in-nr{resize:none;line-height:20px;padding:5px} .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} .tag-item .bt{font-size:13px} .tag-item {background-color: rgba(var(--zColor),1);} .tag-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 {display: flex;display: -webkit-flex} .in-tag-ct {height: 60px;background-color: rgba(var(--zColor),.05);padding: 10px;flex-wrap: wrap;align-content: flex-start;overflow: auto} .in-tag-ft {background-color: rgba(var(--zColor),.2);color: var(--zFont);height: 46px;padding: 0 5px;align-items: center} .tag-input { height: 80%;width: calc(100% - 70px);border: 0;border-radius: 3px 0 0 3px;border: 1px solid #aaa;padding: 0 5px;color: #333;border-right:0} .in-tag-ft .btnTm {height: 80%;border-radius: 0 3px 3px 0;width: 70px;justify-content: center} /* 按钮并列 */ .in-btn{display: flex;display: -webkit-flex;} .in-btn .in-nr{width:calc(100% - 100px);border-radius:3px 0 0 3px;border-right:0;} .in-btn .btnTm{width:100px;justify-content: center;border-radius: 0 3px 3px 0;} .in-btn-box{justify-content: center;padding:10px 0} /* 表单的开关按钮 */ 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.6em;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.3em;height: 1.3em;border-radius: 1.3em;background: white; left: .18em;top: 50%;margin-top:-.66em;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.46em);} input[type=checkbox].radioTm:checked{background-color:rgba(var(--zColor),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;} /* 按钮 */ .btnTm{height:38px;line-height:38px;background:rgba(var(--zColor),1);border: 0;color:white;padding:0 20px;white-space: nowrap;border-radius:3px;display: flex;display: -webkit-flex;vertical-align: text-bottom;align-items: center;cursor:pointer;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;justify-content: center;} .btnTm:active{scale: 0.65;} button.radius{border-radius: var(--radius);} button.jb{background:var(--jbColor)} .btnTm .icon{width:1.2em;height:1.2em;background-color:white;margin-right:2px;fill:white} .tcBtnOne .ft .btnTm{width:100%;justify-content:center;background-color:transparent;color:rgba(var(--zColor),1);} .btnTm>.ct.el-main{padding:0;min-height:50px;background-color:initial;} .btnTm>.ct.el-main .content{min-width: fit-content;} /* 弹窗 */ .tcMain{position: fixed;top:0;height:0;width:100vw;height:100%;flex-direction: column;z-index:999990;} .el-main{position:absolute;} .el-main .content,.el-main .content.row{padding:2px 10px;} .el-main .content{align-items: center;} .el-main .content.row .icon{height:24px;width: 24px;} .el-main::before{content:'';} .tcMain .in-ap{margin-bottom:5px} .wear{pointer-events:none} .tcMain.ct{align-items: center;justify-content: center;} .tcMain.lt{align-items: flex-start;justify-content: center;padding-left:20px} .tcMain.rt{align-items: flex-end;justify-content: center;padding-right:20px} /* 顶部位置 */ .tcMain.topct{align-items: center;justify-content: flex-start;padding-top:20px} .tcMain.toplt{align-items: flex-start;justify-content: flex-start;padding:20px 0 0 20px} .tcMain.toprt{align-items: flex-end;justify-content: flex-start;padding:20px 20px 0 0} /* 底部位置 */ .tcMain.botlt{align-items: flex-start;justify-content: flex-start;padding:0 0 20px 20px;flex-direction: column-reverse;} .tcMain.botct{align-items: center;justify-content: flex-start;padding:0 20px 0 0;flex-direction: column-reverse;} .tcMain.botrt{align-items: flex-end;justify-content: flex-start;padding:0 20px 20px 0;flex-direction: column-reverse;} /* 背景 */ .toast-box .bg,.modal-box .bg,.tcMain .bg{background-color:rgba(0,0,0,.4);width: 100%;height:100%;position: absolute;top:0;left:0;backdrop-filter: saturate(30%);} /* tips */ .toast-box,.load-box{margin: 3px 0;} .toast-box .content,.load-box .content{background-color:rgba(0,0,0,.8);color:white;padding:15px 20px;border-radius:6px;position:relative;z-index: 1;min-width:120px;text-align: center;} .content.row{display: flex;display: -webkit-flex;line-height:32px;padding:15px} .content.row .icon{width:34px;height:34px;background-color:white}.content.row .info{margin:0 0 0 10px} .toast-box .info,.load-box .info{margin-top:12px;line-height: 34px;} /* loading */ .load-box .icon{width:auto;} .load-box .content .icon{background-color: initial;} /* 操作窗体 */ .modal-box{max-height: 80vh;max-width:100vw;max-height: 100dvh;} .modal-box .content{min-width:300px;max-width:100%;height:100%;position:relative;z-index:1;} .modal-box .content>.hd{height:50px;background-color:#eee;line-height:50px;border-radius: 6px 6px 0 0 ;align-items:center} .modal-box .hd>.lt{padding-left: 20px;} .hd .icon{width: .92em;height:.92em;vertical-align:sub;margin-right: 4px;background-color:#383838} .modal-box .ct{background-color:white;padding:15px 20px;overflow: auto;max-height: calc(100% - 100px - env(safe-area-inset-bottom) - env(safe-area-inset-top));min-height:150px;scroll-behavior: smooth;} .modal-box .tc-table .ct{overflow: unset;} .tips .ct{min-height:80px;align-items: center;display: flex;display: -webkit-flex;} .modal-box .ft{background-color:#eee;border-radius:0 0 6px 6px;padding:6px;height:50px;display: flex;display: -webkit-flex;}.modal-box .ft .btnTm{margin:0 5px} .modal-box .ft:empty{height:0;padding:0} .modal-box .noft .ct{max-height:calc(100% - 50px);border-radius: 0 0 6px 6px;} .modal-box .close{padding:0 20px;cursor: pointer;}.modal-box .close:hover{fill:rgba(var(--zColor),1)} .modal-box .rt{height: 100%;} /* 图标 */ .icon-box{display: flex;display: -webkit-flex;height:100%;align-items: center;justify-content: center;} .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);}} .success{ height: 32px;cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg width='32px' viewBox='0 0 12 12' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C2.7 0 0 2.7 0 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zM4.5 9.4L1.8 6.5l.4-.8 2.1 1.7 5.1-4.8.5.4-5.4 6.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position: 50%} /*滚动条样式*/ .dhscroll{visibility:hidden} .dhscroll.show{visibility:visible;animation: leftShow 0.3s ease-in-out both;-webkit-animation: leftShow 0.3s ease-in-out both;animation-fill-mode:forwards;-webkit-nimation-fill-mode:forwards} /*浮动导航*/ #fixed-nav{position:fixed;bottom:60px;right:10px;z-index:999} #fixed-nav .nav-li{display:flex;display:-webkit-flex;position:relative;margin:10px 0} #fixed-nav .nav-icon{width:50px;height:50px;padding:0 15px;background-color:rgba(var(--zColor),1);fill:var(--zFont);cursor:pointer} #fixed-nav .nav-div{padding-right:10px;transform:translateX(200px);opacity:0;position:absolute;right:50px;top:0;white-space: nowrap;height:100%;z-index:-1} #fixed-nav .nav-li:hover .nav-div,#fixed-nav.ac .nav-up{transform:translateX(0);opacity:1;} #fixed-nav .nav-ct{background-color:rgba(var(--zColor),1);padding:10px;color:var(--zFont);min-height:100%;display:flex;display:-webkit-flex;align-items:center;cursor:pointer;flex-direction: column;} #fixed-nav .nav-up{transform:translateX(200px);opacity:0;} /*联系方式*/ .contact-main{width:100%;} .contact-bt{line-height:38px;}.contact-title{font-size:26px;margin-bottom:80px} .contact-input{line-height:38px;border:1px solid #eee;padding:0 5px;color:#aaa;width:100%} .contact-ul{margin:0;padding:0} .contact-li{cursor:pointer} .contact-textarea{color:#aaa;width:100%;border:1px solid #eee;height:150px;padding:5px} .contact-100{width:100%;margin-top:20px} .contact-3{width:31.3333%} .contact-btn{margin-top:15px;cursor:pointer;height:42px} .contact-flex{justify-content:center} /* 联级 */ .cascader-box{width:100%;overflow: hidden;position: absolute;top:40px;left:0;border-left:1px solid white;border-right:1px solid white;border-radius: 0 0 6px 6px;z-index: 99; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); visibility: hidden; opacity: 0; } .in-box.ac .cascader-box{ visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cascader-box-main.ac .cascader-box{border-bottom:1px solid white;border-color: #ddd;} .cascader-op{background-color:white;height:300px;} .cascader-icon{padding-right: 10px;} .cascader-icon .icon-success{background-color:#ddd} .cascader-item{padding: 0 20px;cursor: pointer;align-items: center;}.cascader-item:nth-child(odd){background-color:rgba(var(--zColor),.03)} .cascader-item:hover{background-color: rgba(var(--zColor),.1);} .cascader-item .title,.cascader-icon{pointer-events: none;} .cascader-item.ac{background-color: rgba(var(--zColor),.1);color:rgba(var(--zColor),1)} .cascader-item.ac .icon-success{background-color: rgba(var(--zColor),1);} .cascader-op-item{width:100%;overflow: auto;} .cascader-value{height: 50px;background-color: white;padding: 0 20px;align-items: center;} .cascader-tab{padding: 0 10px;cursor: pointer;} .cascader-tab.ac{color:rgba(var(--zColor),1)} .cascader-box-hd{height:38px;border:1px solid #ddd;padding: 0 5px;background-color: white;cursor: pointer;border-radius: 3px;} .cascader-box-main.ac .cascader-box-hd .icon{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .cascader-box-hd .rt,.cascader-box-hd .lt{pointer-events: none;} .cascader-box-hd .rt{padding: 0 10px;display: flex;display: -webkit-flex;align-items: center;} .cascader-box-hd .rt .icon-right{background-color:#ccc} .cascader-box-hd .rt .icon{fill: #ccc;width:12px;} .cascader-bg,.in-date-bg{display: none;} /*tab*/ .post-tab-main{background-color:white;padding: 10px;} .tab{height:38px;line-height:38px;padding:0 10px;cursor:pointer}.tab.ac{color:rgba(var(--zColor),1)} .tab-ct{align-items: center;}.tab.ac .icon{background-color:rgba(var(--zColor),1)} .tab-ct .bt{margin-left:2px} .tab-div{display:none;padding:20px 0}.tab-div.ac{display:block} .radio-item{align-items: center;justify-content: flex-start;cursor: pointer;}.radio-item input{margin-right: 10px;}.radio-nr{pointer-events: none;align-items: center;height: 100%;} .radio-item-sub{display: none;padding-left: 20px;}.radio-item-sub.ac{display: block} .radio-item-sub .in-ap{margin:0} /*日期*/ .in-date-hd{align-items: center;background-color:white;cursor: pointer;} .in-date-bt{width: calc(100% - 20px);height:100%} .in-date-hd .icon-right{background-color:#ddd} .date-main .cascader-box{border:0;overflow: unset;} .date-main .cascader-box .hd{justify-content: space-between;height:38px} .date-main .cascader-box .ct{padding:0} .date-main .cascader-box .rt,.date-main .cascader-box .lt{align-items: center;padding:0 10px} .date-main .cascader-box .rt:hover,.date-main .cascader-box .lt:hover{background-color: rgba(var(--zColor),.1);} .date-main .cascader-box .icon{width:20px;height:20px;margin-right:0} .date-main .bd{flex-wrap: wrap;} .calendar-item{width:calc(100% / 7);display: flex;display: -webkit-flex;justify-content: center;align-items: center;border-radius: 3px;cursor: pointer;} .calendar-item.show:hover{background-color:rgba(var(--zColor),.1)} .calendar-item.h{background-color:rgba(var(--red),.05);} .calendar-item.ac{background-color: rgba(var(--zColor),.08);position: relative;} .calendar-item.ac::before{content:'';border:1px solid rgba(var(--zColor),1);width:100%;height:100%;position: absolute;border-radius: 3px;} .date-op{position: relative;} .date-op:nth-child(2){border-left:1px solid rgba(var(--zColor),.1)} .date-day-ul,.date-his-d{position: absolute;top:38px;left:0;background-color: rgba(var(--zColor),.2);backdrop-filter: blur(5px); width:100%;overflow: auto;z-index: 9999;scrollbar-width: none;display: none;box-shadow: 0 3px 5px 0 rgb(0 0 0 / 5%);border-radius:0 0 6px 6px;} .date-his-d{height:100px;overflow: hidden;} .month-item{justify-content: center;width:calc(100% / 6);cursor: pointer;position: relative;} .date-day{width:100%;justify-content: center;} .day-ac .date-day{border:1px solid rgba(var(--zColor),.3);position: relative;z-index: 999999;} .day-ac .date-day-ul{display: block;} .date-day-m:hover .date-day-ul{display: flex;display: -webkit-flex;flex-wrap: wrap;} .date-day-m:hover .date-day{background-color: rgba(var(--zColor),.1);} .month-item:hover{color:#000;background-color:rgba(var(--zColor),.3);} .month-item:hover::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(var(--zColor),.5);} .month-item.ac{background-color:rgba(var(--zColor),1);color:white} .date-his-m:hover .date-his-d{display:flex;display:-webkit-flex;} .date-his-d>div{width:calc(100% / 3);align-items: center;justify-content: flex-start;flex-direction: column;overflow: auto;scrollbar-width: none;overflow: hidden;} .date-h-ul{width:100%;cursor: pointer;} .date-h-item{justify-content: center;} .date-his-d::before{content:'';position:absolute;top:50%;left:0;border-top:1px solid rgba(var(--zColor),.3);border-bottom:1px solid rgba(var(--zColor),.3);width:100%;height:38px;transform: translateY(-50%);} .date-h-v,.date-i-v{position: relative;} .date-h-v::before,.date-i-v::before{content:':';position:absolute;top:50%;right:0;transform: translateY(-50%);} /*列表排序*/ .flex-5,.flex-4,.flex-3{width:102%;flex-wrap:wrap}.flex-1{width:100%;flex-wrap:wrap} .flex-li .flex-img{width:100%;overflow:hidden} .flex-img img{width:100%;height:auto}.flex-li.flex .flex-img{width:100px;} .flex-li{margin:10px 2% 10px 0;background-color:white} .flex-5 .flex-li{width:18%;} .flex-4 .flex-li{width:23%;} .flex-3 .flex-li{width:31.3333%;} .flex-1 .flex-li{width:100%;} .flex-li .flex-box{padding:0 10px 10px 10px;} .flex-li .flex-ct{padding:20px 0} .flex-li .flex-ft{color:#aaa;font-size:14px} .flex-li a{color:#000} .flex-3>.SO-li{width:33.333333%} .flex-2>.SO-li{width:49%;margin:0;} .flex-li.flex .flex-box{flex-direction:column;justify-content: space-between;padding:10px 15px;width:calc(100% - 120px)} .flex-li.flex .flex-title{font-weight:bold;font-size:16px} .flex-li.flex .flex-fb{line-height:22px;padding-top:6px} .flex-li.flex .flex-ft{align-items:center} .flex-1 .flex-li.flex{height:130px;margin-right:0} .flex-1 .flex-li.flex .flex-img{align-items:center;width:120px} .c-ul432,.c-ul321,.c-ul542,.c-ul21 {flex-wrap: wrap;width: 102%} .c-li:hover {-webkit-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);} .c-ul542 .c-li {width: 18%;margin-right: 2%;} .cli-img {position: relative;border-radius: var(--radius) var(--radius) 0 0;overflow: hidden;cursor: pointer;} .cli-store .cli-ct {text-align: center;} .cli-ct>.bt {font-size: 14px;height: 38px;margin: 10px 0;cursor: pointer;text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:20px} .cli-ct .price {margin: 6px 0 12px 0;font-size: 20px} .cli-img img {width: 100%;height:100%;object-fit: cover;} .cli-ct {background-color: white;padding: 0 10px;text-align: left;border-radius: 0 0 var(--radius) var(--radius);overflow: hidden;} .cli-store .cli-ct {text-align: center;} .cli-icon-box {position: absolute;top: 0;left: 10px;font-size: 14px;} .icon-li {padding: 0 9px;color: white;font-size: 12px;line-height: 24px;height: 24px;display: inline-block;border-radius: 0 0 var(--radius) var(--radius);cursor: pointer;} .bg-red {background-color: rgba(var(--red),.5);} .bg-blue {background-color: #424ddd;} .cat-li {position: relative;padding-left: 10px;} .cat-li::before {content: '';width: 6px;height: 6px;border-radius: 6px;background-color: rgba(var(--zColor),1);display: inline-block;position: absolute;top: calc(50% - 4px);left: 0;} .cat-li a {color: #aaa;} .cli-cat-box {height: 24px;line-height: 24px;text-align: left;font-size: 12px;margin-top: 6px;} .cli-ft {line-height: 38px;font-size: 12px;color: #aaa;align-items: center;} .c-li .icon{width:16px;height:16px;background-color:#aaa} .icon-box .bt{margin-left:4px} .c-ul21 .cli-img {width: 120px;} .c-ul21 .cli-ct {width: calc(100% - 120px);border-radius: 0 var(--radius) var(--radius) 0;padding: 0 20px 0 20px;} .c-ul21 .cli-img, .c-ul1 .cli-img {border-radius: var(--radius) 0 0 var(--radius);} .c-ul21 .c-li {height: 120px;} .c-ul21 .c-li {width: 48%;margin-right: 2%;} .c-ul21>.bt {margin-top: 5px;} .c-ul21 .cli-ft{height:32px} .c-ul1 .c-li {height: 80px;margin-bottom: 10px;} .c-ul1 .cli-img {width: 80px;} .c-ul1 .cli-ct {width: calc(100% - 80px);border-radius: 0 var(--radius) var(--radius) 0;padding: 0 20px 0 20px;} .c-ul432 .c-li {width: 23%;margin-right: 2%;} @media (min-width: 1181px) { .flex-img:hover img{transform:scale(1.1)} .dh-swiper:hover .swiper-button-prev,.dh-swiper:hover .swiper-button-next,.dh-swiper:hover .swiper-pagination{visibility:visible} .SO-li:hover{color:rgba(var(--zColor),1);} .SO-li:hover .So-bt{transform: translateX(6px);} } @media screen and (min-width: 768px) and (max-width: 1180px) { .flex-5 .flex-li{width:23%;} .c-ul432 .c-li{width: 31.33333%;} .c-ul542 .c-li, .swiper-wrapper.c-ul542 .c-li{width: 23%;} } @media only screen and (min-width: 0px) and (max-width: 767px) { .flex-5,.flex-4,.flex-3{width:103%;} .flex-5 .flex-li,.flex-4 .flex-li,.flex-3 .flex-li{width:47%;margin-right:3%} .file-img-close,.tag-close,.files-name .icon{display: flex;display: -webkit-flex;} .cascader-box,.selectOp{position: fixed;bottom: 0;left: 0;height: 350px;top:unset;z-index: 999;border-radius: 10px 10px 0 0;} .cascader-bg,.in-date-bg{width: 100vw;height: 100vh;position: fixed;bottom: 0;left: 0;background-color:rgba(0,0,0,.05);z-index: 99;} .cascader-box,.selectOp{-webkit-transform: translateY(150px);-moz-transform: translateY(150px);-ms-transform: translateY(150px);-o-transform: translateY(150px);transform: translateY(150px);} .cascader-box-main.ac .cascader-bg,.selectOp.ac~.cascader-bg{display: block;} .SO-ul{max-height:100%} .c-ul432, .c-ul542 {width: 100%;justify-content: space-between;} .c-ul432 .c-li, .c-ul542 .c-li, .swiper-wrapper.c-ul542 .c-li{width: 49%;margin:0} .c-ul21{width:100%} .c-ul21 .c-li {width: 100%;margin:5px 0} } /* .dhxd{animation: boxdx 3s;-webkit-animation: boxdx 3s;} */ .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 ease-in-out both;-moz-animation: leftShow 0.3s ease-in-out both;animation: leftShow 0.3s ease-in-out both;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;} @-webkit-keyframes leftShow { 0% {-webkit-transform: translateX(110px);transform: translateX(110px);opacity: 0;} to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} } @keyframes leftShow { 0% {-webkit-transform: translateX(110px);transform: translateX(110px);opacity: 0;} to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} } .leftHide{animation: leftHide 0.3s ease-in-out both;-webkit-animation: leftHide 0.3s ease-in-out both;-moz-animation: leftHide 0.3s ease-in-out 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(110px);transform: translateX(110px);opacity: 0;} } @keyframes leftHide { 0% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;} to {-webkit-transform: translateX(110px);transform: translateX(110px);opacity: 0;} } .topShow{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(110px);transform: translateY(110px);opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } @keyframes topShow { 0% {-webkit-transform: translateY(110px);transform: translateY(110px);opacity: 0;} to {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} } .topHide{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} /* 删除动画 */ @-webkit-keyframes topHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(110px);transform: translateY(110px);opacity: 0;} } @keyframes topHide { 0% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} to {-webkit-transform: translateY(110px);transform: translateY(110px);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.3s; -webkit-animation: boxshow 0.3s;-moz-animation: boxshow 0.3s;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.3s; -webkit-animation: boxhide 0.3s;-moz-animation: boxhide 0.3s;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;}} /*后台区块搜索样式*/ .components-search-control__input-wrapper .components-search-control__input{padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;} #media-search-input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} /*轮播图*/ .block-lbt-div{min-height:200px;background-color:#eee;align-items:center;justify-content:center;cursor:pointer;display:none}.block-lbt-div img{width:100%} .block-lbt-div.ac{display:flex;display:-webkit-flex} .block-lbt-tabbox{margin-top:0;min-height:80px;align-items:center;border-top:#eee;} .block-lbt-tab{cursor:pointer;padding:0 10px;line-height:80px;height:80px;min-width:100px;text-align:center;position:relative} .block-lbt-tab.ac{background-color:#eee;} .block-lbt-close{position:absolute;top:-10px;left:50%;height:20px;width:20px;margin-left:-10px} .block-lbt-close::before{position:relative;top:-25px;left:0} /* block样式 */ .lbt-tab{min-width:100px;margin-right:10px;padding:5px 10px;border:1px solid #eee;border-bottom:0;cursor:pointer}.lbt-tab.ac{background-color:#f1f1f1} .lbt-tab .close{width:20px;height:38px;display:flex;display:-webkit-flex;justify-content: center;align-items: center;} .lbt-tab .ct{width:calc(100% - 20px);line-height:38px} .lbt-tab .close::before,.block-lbt-close::before{ content: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='M827.392 195.584q65.536 65.536 97.792 147.456t32.256 167.936-32.256 167.936-97.792 147.456-147.456 98.304T512 957.44t-168.448-32.768-147.968-98.304T97.28 678.912 64.512 510.976 97.28 343.04t98.304-147.456 147.968-97.792T512 65.536t167.936 32.256 147.456 97.792zM720.896 715.776q21.504-21.504 18.944-49.152t-24.064-49.152l-107.52-107.52 107.52-107.52q21.504-21.504 24.064-49.152t-18.944-49.152-51.712-21.504-51.712 21.504l-107.52 106.496-104.448-104.448q-21.504-20.48-49.152-23.04t-49.152 17.92q-21.504 21.504-21.504 52.224t21.504 52.224l104.448 104.448L307.2 614.4q-21.504 21.504-21.504 51.712t21.504 51.712 49.152 18.944 49.152-24.064l104.448-104.448 107.52 107.52q21.504 21.504 51.712 21.504t51.712-21.504z'/%3E%3C/svg%3E"); width:20px;height:20px;display: inline-block; } .lbtCt{overflow:hidden;flex-direction:column} .lbt-ct{display:none;width:100%;min-height:200px;position:relative;}.lbt-ct.ac{display:block;} .lbt-onclick{min-height:200px;cursor:pointer} .lbt-onclick::after{ content:'点击上传图片';pointer-events:none; display:flex;display:-webkit-flex;justify-content: center;align-items:center;height:100%;font-size:15px;color:#aaa;cursor:pointer; position:absolute;top:0;left:0;width:100%; } .lbt-ct img{width:100%} .lbt-add{display:flex;display:-webkit-flex;justify-content: center;align-items: center;cursor: pointer;border:1px solid #eee;border-bottom:0;padding:0 20px} .lbt-add::after{ content: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='M514.048 62.464q93.184 0 175.616 35.328t143.872 96.768 96.768 143.872 35.328 175.616q0 94.208-35.328 176.128t-96.768 143.36-143.872 96.768-175.616 35.328q-94.208 0-176.64-35.328t-143.872-96.768-96.768-143.36T61.44 514.048q0-93.184 35.328-175.616t96.768-143.872 143.872-96.768 176.64-35.328zm258.048 514.048q26.624 0 45.056-18.944T835.584 512t-18.432-45.056-45.056-18.432H579.584V256q0-26.624-18.944-45.568t-45.568-18.944-45.056 18.944T451.584 256v192.512H259.072q-26.624 0-45.056 18.432T195.584 512t18.432 45.568 45.056 18.944h192.512V768q0 26.624 18.432 45.568t45.056 18.944 45.568-18.944T579.584 768V576.512h192.512z'/%3E%3C/svg%3E"); width:20px;height:20px;display: inline-block;margin-left:10px; } .lbt-ct-edit{height:50px;line-height:50px;text-align:center;background-color:#eee;cursor:pointer} .lbtTab{white-space: nowrap;} .dh-swiper .swiper-slide img{width:100%} .block-li{display: inline-block;margin-bottom:20px;width:100%} .block-li .block-bt{margin-bottom:10px} .theme-browser .theme .theme-name{height:48px} /*文章列表*/ .blockHd{padding:20px 0;font-size:18px} .blockCt{min-height:250px;background-color:#eee} .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-cat{ --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M893.7 524.1L499.8 130.2c-23.3-23.3-57.6-33.1-89.7-25.7l-189.6 43.8c-35.6 8.2-64 36.5-72.2 72.2l-43.8 189.7c-7.5 32.6 2.1 66.1 25.7 89.7l393.9 393.9c18.2 18.2 42.4 28.2 68.1 28.2 25.7 0 49.9-10 68.1-28.2l233.4-233.4c18.2-18.2 28.2-42.4 28.2-68.1 0-25.8-10-50-28.2-68.2zM328 402.5c-42 0-76.1-34.1-76.1-76.1s34.1-76.1 76.1-76.1 76.1 34.1 76.1 76.1-34 76.1-76.1 76.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; } .file-th-1{width:40%;overflow: hidden;} .file-th-2{width:25%;overflow: hidden;} .file-th-3{width:20%;overflow: hidden;} .file-th-4{width:15%;overflow: hidden;} @media (min-width: 1571px){ body{ --width:1320px; } .btnTm:hover{background-color: rgb(0, 190, 237);} .SO-li:hover{color:rgba(var(--zColor),1)} } @media screen and (min-width: 1401px) and (max-width : 1570px) { body{ --width:1100px; } .btnTm:hover{background-color: rgb(0, 190, 237);} .SO-li:hover{color:rgba(var(--zColor),1)} } @media screen and (min-width: 1181px) and (max-width : 1400px) { body{ --width:960px; } .btnTm:hover{background-color: rgb(0, 190, 237);} .SO-li:hover{color:rgba(var(--zColor),1)} } @media screen and (min-width: 768px) and (max-width: 1180px) { body{ --width:96%; } } @media only screen and (min-width: 0px) and (max-width: 767px) { body{ --width:92%; } .tcMain.mbt{justify-content: flex-start;} .tcMain.mbt .modal-box{width:100%;max-height:calc(100% - 60px);} .tcMain.mbt .ct{max-height:calc(100% - 100px);overflow: auto;} .tcMain.mbt .ft{border-radius: 0;justify-content: center;} .tcMain.mbt .btnTm{border-radius: 100px;} .in-box .calendar-end-value, .in-box .calendar-start-value{width:100%} .calendar-main .calendar-ul{overflow: auto;min-width: 100%;} .calendar-main .clear{width:100%;display: flex;flex-direction: column;} .calendar-main .calendar-li{width:100%} .calendar-li-1{border:0} .in-box .calendar-value-lt:before, .in-box .calendar-value-rt:before{text-align: left;padding:0 5px;} .tcMain.botct{padding:0} } /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}