< style data-savepage-href = "/_nuxt/css/c0a288d.css" > @charset "UTF-8"; .el-message { align-items: center; background-color: #edf2fc; border: 1px solid #ebeef5; border-radius: 4px; box-sizing: border-box; display: flex; left: 50%; min-width: 380px; overflow: hidden; padding: 15px 15px 15px 20px; position: fixed; top: 20px; transform: translateX(-50%); transition: opacity .3s, transform .4s, top .4s } .el-message.is-center { justify-content: center } .el-message.is-closable .el-message__content { padding-right: 16px } .el-message p { margin: 0 } .el-message--info .el-message__content { color: #909399 } .el-message--success { background-color: #f0f9eb; border-color: #e1f3d8 } .el-message--success .el-message__content { color: #67c23a } .el-message--warning { background-color: #fdf6ec; border-color: #faecd8 } .el-message--warning .el-message__content { color: #e6a23c } .el-message--error { background-color: #fef0f0; border-color: #fde2e2 } .el-message--error .el-message__content { color: #f56c6c } .el-message__icon { margin-right: 10px } .el-message__content { font-size: 14px; line-height: 1; padding: 0 } .el-message__content:focus { outline-width: 0 } .el-message__closeBtn { color: #c0c4cc; cursor: pointer; font-size: 16px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) } .el-message__closeBtn:focus { outline-width: 0 } .el-message__closeBtn:hover { color: #909399 } .el-message .el-icon-success { color: #67c23a } .el-message .el-icon-error { color: #f56c6c } .el-message .el-icon-info { color: #909399 } .el-message .el-icon-warning { color: #e6a23c } .el-message-fade-enter, .el-message-fade-leave-active { opacity: 0; transform: translate(-50%, -100%) } @font-face { /*savepage-font-display="auto"*/ font-family: element-icons; font-style: normal; font-weight: 400; src: /*savepage-url=/_nuxt/fonts/element-icons.313f7da.woff*/ url(data:font/woff;base64,d09GRgABAAAAAG4oAAsAAAAA2pQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9Fkm8Y21hcAAAAYAAAAdUAAARKjgK0qlnbHlmAAAI1AAAWZoAALGMK9tC4GhlYWQAAGJwAAAALwAAADYU7r8iaGhlYQAAYqAAAAAdAAAAJAfeBJpobXR4AABiwAAAABUAAARkZAAAAGxvY2EAAGLYAAACNAAAAjR9hqpgbWF4cAAAZQwAAAAfAAAAIAIxAJhuYW1lAABlLAAAAUoAAAJhw4ylAXBvc3QAAGZ4AAAHsAAADQvkcwUbeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeLXh+irnhfwNDDHMDQwNQmBEkBwD5Vw1OeJzd1/W3l3UWxfH359JdUoPBYMugiNjJDAx2dzMY2N3d3d0oJd1IIx12d+s5JoPiICbuh/0H+Puw1ot17113rfu98ey9D1AHqCX/kNp68xeK3qLmR320rP54LRqu/njtmkV6vxMd9Xk10T+GxKSYFUtjeazKVtk+O2bn7JG9sk8uzCWrVoE+Z0AMjckxO5bFiqzJ1tkhO2WX7Jm9s28urj7nL/4Vfb1ObEJP9mcE45hHsJSVpWHpVrqXfjVdV39OjV5jbX0ndalHfRro9TaiMU1oSjOa04KWtGINWtOGtrSjPX+jA2uyFmuzjr6bv+srrMt6rM8GbMhGbKyv11nfdxc2ZTO6sjnd2ILubMlWbM02bMt2bM8O7MhO7Mwu9OCf/EuvsBf/pje7shu7swd7shd7sw/7sp9e+wEcyEEczCEcymEczhEcyVEczTEcSx/+Q1+O43hO4ET6cRIncwqnchqncwZnchZncw7nch7ncwEXchEXcwmXchmXcwVXchVXcw3Xch3XcwM3chM3cwu3chu3cwd3chd3cw/3ch/38wAP8hAP8wiP8hiP8wT9eZKnGMBABjGYITzNUIYxXD/tkYxiNGMYq5/7eCYwkUk8w2SmMJVpTGcGM5nFs8xmDnP1m5nPAhayiMUs4Tme5wXe4E3e4kXe5h1e4mVe4VVe411e5z3e5wM+5CM+5hM+5TM+5wv9bpMv+Yqv+YZv+U6/6f+yjO/5geX8yP9YwU+s5Gd+4Vd+43f+YFWhlFJTapXapU6pW+qV+qWB/joalcalSWlampXmpUVpWVqVNUrr0qa0Le30B1P3L//u/v//Na7+a9LV71Q/lehv1VMfA0xPFjHQqpSIQVYlRQy2KkFiiOkJJIaankVimOmpJIabnk9ihFXJEiNNzywxyqpXF6NNzzExxvREE2NNzzYxzvSUE+NNzzsxwfTkExNNGUBMMqUBMdmUC8QUU0IQU01ZQUwzqp/PdFN+EDNMSULMNGUKMcuULsRsU84Qc0yJQ8w1ZQ8xz5RCxHxTHhELTMlELDRlFLHIlFbEYlNuEUtMCUY8Z8oy4nlTqhEvmPKNeNGUdMRLpswjXraqDeIVUw4Sr5oSkXjNlI3E66aUJN4w5SXxpik5ibdMGUq8bUpT4h1TrhLvmhKWeM+UtcT7ptQlPjDlL/GhKYmJj0yZTHxsSmfiE1NOE5+aEpv4zJTdxOemFCe+MOU5EaZkJ9KU8cSXprQnvjLlPvG1qQGIb0xdQHxragXiO1M/EEtNTUEsM3UG8b2pPYgfTD1CLDc1CrHC1C3ET6aWIVaa+ob42dQ8xC+mDiJ+NbUR8Zupl4jfTQ1F/GHqKmKVqbXIGlN/kbVMTUbWNnUaWcfUbmRdU8+R9UyNR9Y3dR/ZwNSCZENTH5KNTM1INjZ1JNnE1JZkU1Nvks1MDUo2N3Up2cLUqmRLU7+SrUxNS7Y2dS7ZxtS+ZFtTD5PtTI1Mtjd1M9nB1NLkmqa+JtcyNTe5tqnDyXVMbU52NPU62cnU8OS6pq4n1zO1Prm+qf/JDUxLgNzQtAnIjUzrgNzYtBPITUyLgexs2g5kF9OKIDc17QlyM9OyILuaNga5uWltkN1Mu4PcwrRAyO6mLUJuaVol5FamfUJubVoq5DamzUJua1ov5HamHUNub1o05A6mbUPuaFo55E6mvUPubFo+5C6mDUT2MK0hsqdpF5G9TAuJ7G3aSuSuptVE7mbaT+TupiVF7mHaVOSepnVF7mXaWeTepsVF7mPaXuS+phVG7mfaY+T+pmVGHmDaaOSBprVGHmTabeTBpgVHHmLacuShplVHHmbad+ThpqVHHmHafOSRpvVHHmXageTRpkVIHmPahuSxppVI9jHtRbKvaTmSx5k2JHm8aU2SJ5h2JXmiaWGS/UxbkzzJtDrJk037kzzFtETJU02blDzNtE7J0007lTzDtFjJM03blTzLtGLJs017ljzHtGzJc00blzzPtHbJ8027l7zAtIDJC01bmLzItIrJi037mLzEtJTJS02bmbzMtJ7Jy007mrzCtKjJK03bmrzKtLLJq017m7zGtLzJa00bnLzOtMbJ6027nLzBtNDJG01bnbzJtNrJm037nbzFtOTJW02bnrzNtO7J2007n7zDtPjJO03bn7zLdAWQd5vuAfIe02VA3mu6Ecj7TNcCeb/pbiAfMF0Q5IOmW4J8yHRVkA+b7gvyEdOlQT5qujnIx0zXB/m46Q4hnzBdJGR/021CPmm6UsinTPcKOcB0uZADTTcMOch0zZCDTXcNOcR04ZBPm24dcqjp6iGHme4fcrjpEiJHmG4icqTpOiJHme4kcrTpYiLHGOr1HGvVoZ/jrOidHG+l6vwJVqrOn2il6vxJVqrOf8aqyyonW6k6f4qVqvOnWqk6f5qVqvOnW6k6f4aVqvNnWqk6f5aVqvOftVJ1/mwrVefPsVJ1/lwrVefPs1J1/nwr2v+5wErV/wutVP2/2ErV/0ustPsTkfxhoXicrL0JYFvVlTD87n3aV2u3LVvWYkl2HCu2ZUl2nNjPibM6GyGrQxKFhCRAEkKAsIYIaIeUJYQBSsO0YEjLsJXSQqa0LBVbof0oy7TTUjpQt512Ol9ppzt0Gr3859z7nvTkWCTM9yfWffu9525nv+cKegH+iYdEk+AQ4kKn0C/MEwQS8PcMkWxvMhF1EoM3YDSk6BBJJnrhZk/A74Wb0RnUaPD6e3KEXaZI5RE/J72/sDRYXu/rm3V04HXz7Yeal/STphs7g8HXl7++fHT09ablzWOdh8yeBgu5zmw+7mg1249bGrdZLMftMYv9uDlI7v6F2fz6wNFZfX2vWxo/uLGJ9C9pPtTZvLzp9dFRyOP1pqYNnYcsDR4zNUFJx+3mVshhm6XR8hQ7NQuiIJwsioIoCXVCm9AF9Yr0ZDOu3kQsEjX4XF5/Wu9zkGgimYmlSNI1SHKREAm4HMTYQXxQt2yGjBPB4XY75CKmRCDZlVkitWcJybarx4LkbnITAR6zl2TJ4ZbG27PZ9nF8qchfkvHlcXwOza0DuP4uviYuFDxChzAozAfIEoMkRAzGEBkkmTRAkCIz4EbAn81lE8mEwYiPAwhmwuDh3ZGAR/5AiBgdcDNpNIRIjhJdU2aaranRNTCUlOjYyMgYvdb5qU2bjtR7l69e++XcrFuuW0gkeu7SpfvOeSM02k+Cb2R7t2z95dpV7vmLf3qswfeK3RKzk2JwmjWY6TA2Bdw9EcgDcgptutIo7tpwzv3t8a6l7ea5VyxaeqFRPyZ/840g6R8NvbH7p4vnu1et/eXWLb1jvoZvYx8KRqjnSXGvOCJYBL8wJGwQzhMuFq6G2mZ6E9gDaRhlUWMmzS6bSbonRI0iVD4C9RQTgzQdywxSfyAb4IcQbcbadmCXxTKJGSQWNbSQCLRQBzEajL4kz8Y/QJJqjrGegAhtlIaOHyI0Dz0V9LrO87qwz/b64kGLbpaxt1XOt/YaZ+kswbivjqQWzbRGouzgn9Hmv87T27y/uddDDLrgqN0tNtNQs+i2jwb1+iJk4vIGC3CQ4l7XVo/ospFxm0v00HGJjYUnbNtsNtbt4+5w0ic/G+0gpCNKRnzJsHs8njEnWu3WODua9cFp9eOFQENDgBpNM3z2e++1+2aYjHQCP3/ZtpdnY5Nf3251Oq3blXH0LfF6sSDEhJQwU5CwZWEUp3v8XgO0EjRAJEQNlSZNwejKBTyRXIrkBmGWxqFZ+Gzw+onHQf0Ex2wBC4KESMmsbkaijbY2ylc0ttK2xAxdNtnbRg7pV5yjM+5eqS/9mbJ6lnDkk7/7cwtMs0QhDEMdmsTtCJOeZf360jONEUIijXSevn9ZDymWigv8B88+e591GDsB/mQTyViX710nGFh9xqE+Iowdm+ASZgvDUCdfOheJBdIeXzqF/W9M52AuKJUs1y0WTfRmB7CCVU3g80Q8ESr8vk4uFuuekD6qv/HoyBbP09KljzUsQNClfl2sXt5bH9P1s6os8P7DZk0b/FruCpMjpFgoFMjBb63ZaXRvGTlJb96HYPfVtxDSUk9eg4vNn/Yl1WqXJk4KgonVpQB1aYLeSQo5YQBmwFxhgSB4AD6oQIg0EwBe0zkwarM5PHdAe3kiiK1mE94/zcTrD6R9sQHi6yBw9MDv2/WP7d//WH04QRKRbl2sQd7XENN1R+DyXPL7+hvXr7+R/Eh2d5HDcoOmmx6XpKIkFST8R6+55DZKb7vE3BORImmzfJlSo5vNabjRY1+zk9Kd8iNygRShpVhzOdzwtURwrLHxVxSvAfyKNZzOMCw0fAvx844BwBOsY4agW2BS9mZhHvqdgGYDxkgyYoSR6BFzDpuL+qnH2Z0kbrs8y+4myW6nB265bA6jx04HHB6yQC9bdDl6rqX0mGU0Tg7FadFpKzgCpfftLpedRgOOgs25yeH1OjbxuskCFQDrIHxFgM8g2AWvEBSiQjtAmYN+WCIIceiHpMGoR7xvMMah3Y3+gAcpgT+AvRLI5uLYOdmcHrorB1VB6pBI4iu8Cx1EHCSIabx+Gp61J/V1p5vokym9XNKbiUufSn7drL8mtWeW27mFP5X/Dk+JqDfL/1156qobfr6k15ee52mwtTXb2kqm+Prj8q5zVfJ+vJzX8yVyNcHssq3QX5SNyTy0R5MwC/rKAJMJ+sZBnNRBfFAfqFVvYgaF+gFtyWWRIBmcQHhaCKuskVUcO5OGdHpDrMFAuodNbu/0lHj/NdfcL6ame93m+Rtsjth0W73DYAs1WYbX2WwwiHXf/uxnv60js7M252X0gM3uMgZdom1+9w5neFVqY0EUCxtTq8LOHemFSwO+dKPBEGgwetqc7i1zlrXtlq46JorHrpJ2ty1bsVNQ6vGy+IA4V8gK50A9soE0ksqAnzpZnWIGoA0pmPxOnGAGoJ8U0B1QyxaK9UJSCuQC30RWJUVi+BaS0gDvVnzXnQRckzDQdeGwGGj19ucWeta1OOoCmWgg6Tc6vQ3+OoMv5suuSC1O9McunVc/o7nJ3GDx+nSBRqvOvdDXYm70ELPN192YGWvqndHfKLXHs52dmWRbunWFNZdb6m2ZSZ8yicRoDszZJL9+RZvb1dBAzBbRqNebqNlCqLRgD7FfOLiAEpvNKoa8bbPtVlPA3n95MGwm7kaL3ewifV3b/3B2+zDRNVMaoiTbvYdYFw42UNEtMP7npPgy9HcvzNcl2FJQfYYocSIigmS1xsYzsHbKwihPAPoxMraCsRtZRFcMJ8HNuOac6H3TWpdexhgjhi7v8ve3Zl3rrjLpd6xde7jBv2RltG2g8ex5nvU7jNaDYxuuNNI9l3JugqVUp7kgz5+/aPbZnCAMnJ3uN+guWbf+Uy772Ko1n43EZq4aXnvFWtehsfUX6y4fG7tBPqx+B+mg5pyNjd+Ld4gewQ2jXCDGZC6p/gzugF+XA+4qySqWo49On53J3Zu6r+/brmO3bLFdcBGJXr5h9W+uueYrLc2jedJ2rO7V3H2pe/uyg9NvuVx+/6ILbFvyo80tX7nmmt+shnFoZPjlQWjfNMynecIyYa2QF86HUtkgCuHo8zso/EgUKG5KzKXoIDQ50iiFXClETMUiRvUkcMpJ7pQTGm7udkd37Mg4l/TV6RJDSX/jul3rGv3JoYSurm+JM7NjR9Td3czwNmNNJaDMwMBmf8QPD3/MgT5naKmf3jRt455RY2zJ3HZ9785583b26tvnLokZR/dsnNY0vb7FMFch4EXki5E1Vo4/m3T86aQjtJ2etZ0EbWcGLhjpRwfy5ypz3gD0Ls24daLy5BHOoyMV9MGPQFdzbptz3nK4itcm2UVI4UiRhBknNi4z/onk4U62vaTw7hQ++Wm+mBcUWWEE4HEDLCgDIR3LAf/dDWUiUctEFAyRgOETA5Yc0EYymgBqkMvwCQWsp8HoYqwHkj7sXyKYTPbMoD8ZSs5sbZ8XpjIMyQNX77/G6vXWdzf721pIvD/WvqD48NU6twPJtO7qh/MI6UkmeOTpxXq9GaiyJxBqJKEg/aef7LiGkn2bXR6fj3jqmxuJR/6d5ztbGZc4sfU7Hvkk7xQFT/I6NQsJqFE1aK5qwAkba8lMhIa15WvgknMHbvjUAQI1IGohAFelaDJ93y2U3rKvyERKVvYwlK0HTg5Lj/QmIwZ9hLWh8RRQkr25iB+kMezWuLysnXwk1zEepqiF5sC4KFFBEseptH9xfpzxJw/JsgIMdX712kIhP37tV9W6Y/kNQutUdS8XqNA9AK665uWy5K3ikd27j4gMLDpFaWQGPIV3ACSl3q+Ki4DT6BdGEBdQB02KvqryMyQBnF02l06C3AdjKwJNkkaGEORn/yCQJGBLAoA2UMYxE1EY2JTyrbwo964WPvnLdrdj4RyT6G8w58lK37ndtznc9hXdq8KJczY0yvdcZxJ9DebxxaSLdIkSGdx90ep6n/z+oxz8R8lLbp8VmK2zrY11ouXqmfMOAvtl9bl2WVL5de3N04cetDbUUcsb8oXkLs7rQae+CNXzw2hqB4wnkB7AcBSJAROf1aHkYjSCRCr19biQX4fbLlHIrO8Vcxsy0LVFaDQYWkA6sosIWVSaRhkVKWGaortWFlfuorTYu3H7hi665nwC7UtY9fMnBbIom11UeoHXhBZk9uqulUTi424CeL4w4JWY0AlcniuCxUMLe5BL8CG4PhWdlGFO92RzGZjWdKJUJK1BkIBbh6W2HCG5NglKkyWAkQMrQZtBS+VpoVQIthLSSgcAkUwAPimwemQpQzRFeQImhQOnIaMTD4hXiJsAOhdA1QVyzWJhDc6JTAT6PARZ9AzS2SCPKUJBLJqiOEAIAuc1RNloMXLwUV8xSOLaC21jExd5X442Z0YS2xMjmWZghKMOLzTe9t6NC5Ne0uLwekIe79VOD8zdZkwAQZbP5W76iNPjcZbWQEoeGDmUToxkm5qyI4n090BAfH/37TSxaGPv+/BFr9fxKDLckIwQj3M7nm9nuZbPT3zP0+z1NnsEBd8fBXloDuDXBiHMJFYmCQ0ShQVJE0M0CZI64y/0ysGMLEcgRRjHcZ3xwuWOwrp1l5tyI3oif8kSNctHhknIuKKvbwVZR1pMy/v7lstvkzrAUH9t2TbTvm7/ait0YHH5BcY1FxL9JesCmwZKv3Y4aH3fAkIW9LH0CvkScut93WmxfwFdPNMyQ5FDC4A7gkALZoC8MAj9JXigEwapwiMyZQRA5YvBsImngZtAhhP5piycOGDApfmJyNVKRk0XFYLds8P+y5Ysucwfnt0dFF8+Kh19mTS9qGsJO1bvW+0ItyzV18Wnx+v0ZOIWfvala7/qLH3K+VXK9VEMBZCJcF24f1qdftE6QtYt0tdN6w93Hf1h3ZYtdT/8RnJ+fW7u3Fz9/KS/rbGxzc9S+SZx/MCB8WMKhcB6fgNw1QKhW5gpzBEWAgezimn/vEaCY2sGcIGU8dLI9gPZA5QFp0gNc4PU38JZHH3EB2xlBBhqJJk9Q5SpDUFiyiaMyFgPETGqSyTkP3hSvSm33qMLRGP222xma9C9W+f2et3EWX4Si9oP203WRndpD/nWbDeRV48ZdDrDIW/ac9f5+yHdL//ktnrqsYOEC+lnaEyf3N4m/wGz0e12B61m2232WDSg8+jdkKeHOJUnjVaT/TZ7NBYQ36Wz3Y1jhgVGwyGP567/3O+BPA/d9hm7h9ItmNYLXCc6Li6BmdsM1INJtnFFPYhCEEcbiEVUTOKJobjkJLE4k5qIL5Kh35WWmkpzTEsl/4ZtgDxE6DOybQNgFxmwC/nemGxvNdt9BWK3NdgNNtlCpGLnp5ct+3Tn0MDTu7CXdz09MMxQTJAKMuo03/68wQiSUenfJRS/FZxcFAcFJ2C6XmEIxqiiKlBVBzlGVLggFEGdYoowwpNho9jIeXkSKavIAHeBPP0ilh5ujjXVZ6xdIVkX6rJm6ptizfqfHDv2o9ni8UOHjotEkp9tF+ss5ISlTmwnBWAvATMyDcGAtbtFCqZstzah4qfpVlsqKLV0W/XHfiTq370XvoUcTgoXWqxWy4UVXgF5wSTTQAO17s1C+wIlQWARBwKULsSDGRdXkzC86I+70iCviMoTQO8+IsDAbo4hfZ7fD2n/fNTJxMgXDurrfUtRUVeQyC/JAOMJXwE4OfMyc41dns34w5fsa2byey3dv5cL+8dWyvdy7a+Y/4c/P6jAWmCwzmSa2zOEVa/RGijPtZJVLcCfm7+eAGkDAkfWz4c74fQopaNplpJfkZmsIt+2fHxFHnPdtIWzKFtucsmfZ8/H6QWrVl1AWarg5yfFF8QRwSTEYbwPYN3iCJ6xRcRpDoOHcvElh5rnEAUBcQZB/XQKTxHtOWgI0ETAECKDNAWTgWy6zhkwFSgNzwnZEwvOHjDRcHvOlhhdHvpHsmL+yoc/ZVs+//jy7PS31/Sbtlw+cNbIj4k3nmwy1kW9fbbyaf+T1xnrHdeZwzQWWjGasOXaw9Q88+wFCXvz7cuOL1hm+9TDK+edRc6KzT1r1v4t5v61b//SG3UZm5NxL9Et9EbgNAGnIuI7GGzPwLxuBmmjG2TixcJKmDOqdhmxNy1P6UxChIqmeZ+lWT/hIWrQA2ansaiRfSNGfIqkEo9wDFEgm7/4z1LP+euT5qaobvqjwB2cFIA9eHS6LrxBUcpL9ODmzQevZXIT+Zd5RltrJhTwuS2e1nq6RS6iqQEkmofJniV5b8ntzdMWsv7wSGSw3jK8NStOD8r/M6+DSzAd84ihsUPP5d/NBylkjLaH5v6uRlOwRW9vScjLmQSUrz981VWHFZzxNvBHDqFRiAAnx3XGyE743cZIwi1qKJWqjcww4uYjBbowm11IH3jcd+Im/1euFZn0dQKnR0oUdD8+duzH5FnUNxG6O43c0MJcT6/83w8/TFyygROdwrEf63Q/Js3hYGtrMMzmPiTfgQNyBdMRmioFhS8kAlCDlHBItMCRiTy3yrDqbfri/m77iUP27v1flGUFmFYNgPTgMIdg2Ljmjq9t3Pi1O9bICxkw8nsKPSQwB2TxVtHOWoUx7MjaqvOacypcDZbmUgOzx5DIRqb+cGAma9678IKrCStdJyGmfEpH9mzc9Bxd6w4yxhFfc/QsjXd2PXspK/4YR4jn3ZeIoQhcBQPDHpxnReI7QJgCXJFD06pGLpf1iy5t9huXfX/ruWsamx/eC8VLHBhy1QUXvkfv6WGgMh426F4Z682+vGfXDRTK57Bc+uyMVFwo63ZRd2oVAtAznVyroRapRV05ZBUQUBHxIMd8vVkqaJWaPHeWfp8E24LwN4O1l1uUNNrKE6+ob0H6mBdfC5JnAcMxTIaivArb0wy2FmGJsE7YhjwLcsdpVwwIpDFpQHUPgBdzpbO5ZC6QbQFslEzAD54CMYz50gHUahoDuQCwJwF4B2hfOhNLIonMGTUVDbAq8r6mF7/f4W+1rVlTn+p4v2P+fEgCscrlXJu/c+bMzuieSHPC6xyZW2dp8jZH9kSrb5pDnubIh3ym8lSjBROlwmjjYOSkMDc7Whi12yEJzo4Q9dLmTZqsVtOANBDt7OsodDR31UfhQr2XysG9YDoQHVhaznzzwSr1GGu7l1nbNbDZ3w34j4SYUheZA0DawLbNIAloJeTcAkaSCxjFjGJ8VI7LKTF6zKU6g+2oyWueL/8+ptcZ77FFjLt04shZ56fIWRt2Pr8HKI4EpAv6FoYgeat00ijqdhkjtnuMOn2M1M03e01HbYa6ktkTeH7nBvkrqfPPor0SEKmVu16U2JiBvuY4u0gmYBx6YRy2CxngxgWPplvgBAddbzZe3W9owe1NTHnzia4hQoa6eKoMs21T3Js1xb2J8o2uoSFlLA+f4b0yz0b/C3g2lC5Ajo4T4BmR4eaMdiBeUQ3G9BVcWHVOGsg91rjTIq80NVr/06Kra7TSO8qKPsVcLan2aNU2fZiOOsVIXemfrHrTl02NftF0lKO+YtWhzFvqBDrB5n8MpCCB+IWAQTAmhGRWCFS3/9TTRfgjsVEq//mPf5T/TCmx/fGRn7e3//wRntaYAXTCL7/uZz/Si79p1jfnz3/TytJMzWHN7G0cX9lgZCegXSVhqTAm7EA9hUaI9mgv4sxGqLS2XnshZntAloH3YCr0Eu2Fh7s/cF8Ior2gAsdoDn4gbyi9AUmpUDk/YGk0M7+HQ2byhgUPHrhh+ZbZzJwZDpkb5XkWuNvowRuiNHUuxeqyZkz9NXmzUpjcUymM68f+KF4nOoAXGoAxyJXiae5ywChwLq2qGDIVWojahgot5P4Iom7texcA0ZPI7k2bnpu3UUth5Lqqy7VAHa9SXjxvWSvSwPPG463TF2upF41XkUrNawKnj98THxfTzJKKOjLslCHCpC9g9RTvE+gvB51BXJEkUqYWTT9FXFxS472Jz1zfnGYzx+x5iyVvj5lt00is3R43O/LmRkveTDz1Frxj8eCVOW9p9Fja5femoYMDXMANeNBO8u0O+BRuWPKQl6OdJKahwIZ5Wuo9xNwu/6QdPjWzN8z4CdxAXwt8AztrGkkoOstHYAx7GfXngoXXQRJJADXXjcB6epEFh/oYu7EGnNwSdEGwuj1G+UdmM/Tyn4p4Qdr5BTwTGQt44rcWp0mH94Nmi+VP9Ci7hG/YZWmm4p7CaMS4mBfzim4e2j3n4zq0HLC5KNZEYJ57JjnNJFU+YELRoJFSkUoo70pwHlY07gI/vqVgxEKeS7h5iYb52QlU0IvKayU8HuGYl8le3xJfERcIfSDrzmcciYN5BFSM/zHOfcAcDnD+hE1nZEs6SIqi8Q9YXT3HUnFeATHfk7YvyPk+cw7XLw6e6/MxAbjO6bhv3777HM461nzhudti3f3MlFn6oqLrKzBVJPlV87ZL1rrHdlOU3+bN5LiX7j1C6ZG9lONjsvS6y6KffVUUX32Wf4PqQlRlqvLvp6DfO0CKX6xa0WPJmI9jqohyjIG0AaxvzoPmdIVrN2Z4PX0kqbylnQOEFm+wu6hHqtsOoJ1EIXN7mqyXb3B4aD912W/gsqXEQSLfWQQvLMKhXICBWoChTPN19pfGecPwVBYkn4NK9jr/mn2U7lvj9w8sI2TZgF9uWvwrfONXi3FgFyyWAkwSVb7/3v97/SrTdhB4N0Ww/oT1QzcztWoOrOwnqV8rTmmlXnalrqpuE2nPMPCjaMnqRa8VjyLGlE0sikDj4uJLBuQcnxhxRTx8wPIxmtZecB8i5lmGqiMm5khcQU6KRZhapaJCBb7GDxTRAK8EnJTYGZ2QpJJEC7JQZgi0zEEROWrC9V1kHGi94NH4BBVEVmiJaRvzZeaAMB37OMiQwYr+QxHMFP6fCWhpMoHzIc8NcGgo5Da48VNv5RX5C+GgR4GGC/FkAiQdM0EtqpHc/X1UlqFxCDByg+W578MQc5yES0SqgqDWIUe/DtQfrb5oIQUG38A0EsjzAV8PWdETJ04gnTxxwg4DoHLeSh8+cQLpJFxAQZpzbkeDvEfon5n2XkBHR0TAjKDkzICak6fcIa+Y681k1GyWj5vr3WbSJ79m/vDUW/Q3JpP8qLnRLD9qcsNTiUjmessU9zQw1AHfjjBAeWbGlTDicMoN6sJS5NdInxlygTLNdPSUO7/BEuSiXDQ3uExktaXBTFafcou3Lb2TlQ3tb/BCZaFFk9A5vYko3YJZEW3m9DdQgQaLtgLuch9dSntZPhS7CHPKsWxEiRVa74ZCofIMDtqhZGiSn2JFNLjKfU1/wPpDQHAQJp4PVD0K3/PWdVfam/7GotRKU4CggakHaC6vmw9yMiNYGSW7/5IfM5vNDbwiDXAK1020Tf4nS72FQFEr5CcgxYvzzIyGf13UMVzQwWeHauX3pVWVRsXfokoFWPTY2dwc565+Ow+bdQe277zX7zr/i9zAxVLyNNlp96AqBX/0xh0773ZaL9m+/UF5m/oKpCrenWC6SuTh0WKnKS2g0Ud6MgpJV/CwQtTZFRU0Za/kWkSWfl81tSMWHRshReDGcboXNFDMUV+GVH4uz2k6x1Ccd8dzRddQEJeATNQC3AbXYzMHXdVhNz7JC0BfxdNzt0BfJOCLZJg6JMD0BarXG1Ws/SXuIEAWcXRZDO6fN28NIXlA+fTijed8IY5ubnJB9WiRsIIFxdkXjvdVuG+SHJZsjh0LpERjYdNN3ro1ayt0ANub14NLqp+kJjmV2Hmw+bEyZ1KRN3iLo0FVFsQjZ1yLcYn3E4xr6KFCYfcRdT4sESMwYgSFvQSuOspRTIDjFzrL1ej6d1Ojy0ycpkYTcZpdDWb6ZOmfbS6Xja7/v8jgkjBMlAmGnjnuGqYvwLxHn5yIKsgq2iIPw10ceYqCfC4D/XlWNzNmUGLZMOpWlmd/hGWUJjBV8o9U8lcpGDY8NLuoYhqc0AJ3w2bZKPnT8Mfnz9tkC+QfYNAbsDuNWpQD2dM/lb7M+ursSdUnSOb+i51BOfigAnMB8rQizB6NXjMwGatPaCzjQWLB7+UJM8tOyR4NA/KHk8tAOv1LUaIfIdxxF/e5TlajXSMNTwHeGL2WlXj9RxZfo1V+w2IhPdZGn0Uo9+X9vK3jvDH42MbsA7yVeSH5suqhqid5Qyvu8vkcFkg5xEK5L9X8y+2i8EWiOhRxxNTsy6oS2rUFoM2zqIMRznzSuWZjiGPGhIMG0gljwp3LtgYc1B+IQ8V83V4oPdPdG9D2EGByeIAiBYFHWVIgF28/98v7m8PPef5tqP+ii0nk+vO+lBd7ZHtYLIbDJ6TwOPeRY/PycW6XQaaqcPl3Bw0rPv/sxqGDN5GmHduCS40XfO3ldVIY/hUUjTkK+SANc90npy9Pib2CnY0bBwmBVGNI0ZzB49flDDrm2+bOGdy/X5weuPvNVxZc+tOHB5vMX95LEpd3yCceeujnddZnjm0z0yNLX/3erTOk5U2DD//0UpN8eJd527FnrHU/f+ghouu4XH5X9R98i+GziNAjCO2EOwky6R9Qbjyirk9AD1K4xzzMAXUZjGgN8gfoGvmPF9xp0RUuGPxN4drrvY2vyBeSuj33+9wX7ji/mK6LLc+Lposu7AvNPnjftS3BWP2Wyzd2NHaQf7jggs859m9p63z3UzfcP0xu2LXrydbI8i0tOssly1dsI6P9d92xiqxeLNblBsU5ey9qV8fNW6KfwQrj5jSQnhlk0mkgUcstijoYS9NgHKEOjzvUooIk0jNIEaVzDVmEux0yCkV/FrEFdl6/2WlOLjrLYLlglOydNjoQJmv7Nl5MxaOXyke23eow797iO7hm7U200RSePWI6ayhpdl86ungTDQ+MTlu056z6I/lL7hHptVu33dOw6kKDfoPW5xlpfqvQzXxN1grbhIuFa7kVeyoOQKypI1MFyVMUYfEKZxNNVF1whUwP17lUXdRkJnZXqbPkty2N5hSKaJ1m2gZYqRPVVilzaUfFDV0UKuelG8zmTpz3KXMj9Znx4MEbxRqsCH1O860mH3oA8kHpFzIo/aaSzwdTQIfopBo67jegw/VGHqarjqDVxIP4JBzwu40xHH9RtN8YtYhFr704u23D/itI/RX7N7TNbV+4Y+eH5+9Y2P5ZFYkQIUzgTMazW4l5zapVa+QPb73qg2VLliz74CqONDDhPkcKLFaQpuqZRnRIGBWEXBUe0xStjIWY4hOgHQN6zbouvWY8AFxMr4Tt9zsVtDx39pbEY1dddUxk7peoofySxTKCcvOIpeHEv1sa4MISgwtF5czALsJn8DF396Yg6nJO0eF+uPK+pZJNub0FqCPqfHuQ39LWL/f/VqXb6l665ZaX6oYd91188X2AaD++Jgq6zt/8pCg+efPew5Qe3gvE9XSVEBSaBHN2RPABDskJI8JZwqYqXGJUtG/ZBMMj0RTNMNcpvgKsqmLpM7ugv4jZ63cUNtdZ2odXELp1lBxZcoFZv+Yfxdt3yXu71460kj3r/AfWrL4pfM4lpajCaE51oBsN0YG5puVDbUb75jmjWynNL1lyyZdhrrWOrOsau9618gKDfv1y703yuZXG+PhEoXPPMX+ENsBgQtzHkZVaZeT3MwyX4XKFSiPxDvU7SRqVRdzBn4S3HKDl2my+hOquzs9fR8ma+domIGOvuN2mgqXVYz7vM3hmbKg3GM77mWT6hy2VSty2JX/IMWzfsWDhTqe22gu2LCQtdRN14bon8Ggz2BtsT6i+f5W+TcEYzQozcZyeee+mfbEc/IzKEX+frPfOZUt+8mr6CTpMkqQw/Malso4LHY9swJtFUSvsSXf3AI8d644Cd0ZymaToSvpiGb3iZ6l3pX3xHHOMScwgbIrjSioAg56f6CKkK1G6WyLFrfa6OvtWUQqfAAQCB/kLtt/Z5L+QOndjvk+XTRxJZHV9JPxuuxm4oCN2NzGX21Uq07k4ULp+1LudEYUzArECxAfEChCfJxMDoCM+ENAzaXTcErSEiVvnWfoQH/BuRLKF8HgR5KaTQlGSiwUNbZmrvg0peQ/EeCbLg7DFqi8UCsWizFJsR20dWoSk0AV1mANYepWwUdguXPQxtZkEs4dr3r0GUT1Jcpsos2vxkzigu1y2B9kzPAkRb9KPa0d7IVN2Mkh6ata9rVLb8SpqeFhxh1YX8/3KAYjN0uAhP7a3mm1AlH9jM7fagUJ+gPQctXe1WovOrjQOKahLCxTLZFWZS9QsUQuIWbaWC0XqDYUqOLWgGR8pnHWR2qPDZ8SGSuaA/4mFCIqQUYMHGlnjjhKjgqZJDmmcGo4hi86sVg5JWXC1WdK4p2iqOVfj4kCv4XIAJicFZeXXlwqFih3WyOz1z4vzWD1CUI+sMFdYXntkxAMorefiRpTEkkRdCJngXiy+eGKQBowo6hgj6LnF/J5qVku+rq/L0uo2kV/zo/zncdXIDH0z1mI9e0/3jKaBDqs9Jc5tsa68CK+mW+xSjfrODZ/tbKk7m6XkFtajrPqm7j1nW1tm2C3TB5pmaM4rtBH70Qf1n8YwqEB41dmaBSIopgJvvLxqRtMgek8EJkrE0w6oVQxzruS222+/TZ6QxzmrIo/zlg9yow5LSet2eKEoT2ynF5V+uIS+SCY4X7L+lzff/Eu5n0gTnFuZKCr9Pax+CukLJwVcJFlU4d+i4M16wJvMlh7Rcl5TV4ZUvVLm/OjUVRCQOQyfFMIMzdSClQgKe6jgcy1cg2cIlaLEVCw2ynoGNrZOC2SxbJwon5wGXO2redU+eWqbdgDXdCbQTzlATgv2OF8T1a5xU/hYsAvKMqfhahcFRc+5RTOWP8k4rjV2TwXukwKmm4QrB2tripNaFy/mKll2hMto3EBOJ+ftW7uTiE/edNOTItm5dt8tlKMIektN5fFsddkLotPPDDu7/S1DlA61+Ludw66zMrwymbNUW6oq/8ZqY3wPWxqqCOOCFpVr/NbqF//zIyabuPjBR002DRob0bis0cKjDy4WbaZHHhwVbYLiO15UdMC45ns591ZSFqHk0Ho+WQf8cZNKBOoej3DmBaUaxONFxSucL0AJlgpUWXtS4kfy2VMnWpFIslYJRQuqZV611pcXusCRFLOL5BdOmX0EuUG2MJ4lUFUza+/7ob4maG9cZ4Z6b4wichbqj/nocMWZspePDhg4+jQuv83FXD25bK43oY/5A/5AMu2KJlFpgwyvscoJVePzKfEBIudRuccHiJv890Zz1N908Fubh2fqPaVLNlkiAbjKSzP1xEN2S9IEc81xyJge1qygEIWTykAlgoRehny4ocxa3Bfx2/4iF6WZX7J7Je2FXCiWNXOcTPP585CyDnS+sAJGHWp9YriCAugt60puBMYQFyiXdLC1I5o1YWnC1ymx2AVZEGISHUSfYQEuQiRNJpZf6ouEeyydBqM/7F7PdZvr3WG/0ZAy94QjvkuXFzTG3bzMJ9KcBotLTFGTYb0srDeYaEp0WV60bl8abznqjoXqeOfWhWLuo6HE0u3WFxVeDseKsqbKZj1qsBSLFsNRq62Ce1WeNQQzrE3o/Ri+KuYDuTOQ8/kDGMMhm0MHXqOYiMIvW5PZXAgMdnNMircn5ZsvS7bH/4lmHR4689FHHp1JPTW4R3H2aybTa/9u98myz06a/E750/k8udrpnywrYAyAFNOG1IY6DZJLLJPOxDKe/1UFHmKy1vj/ohrkPWQdgNnO16zOJBwX+ph6UERx2ZroLTQg9V3VJtXCbG/J/7Nn2fx1e1S9M4+lIwl54D7TmkXMpxxVa2J6kuGzYgBtIZMWRE6OwEMmgCkjWr8MngKyQkZ56ifjxbI5wFHMK5hM4Edc1oemjrzyU7yNJt+S1LmtIEGiIkVBjbfygjjM2h1jegi5RB3T7tUZDeGkP5zL1iUTYaOhjvgDLKJADo64XphwrUUimU2wwAIv3XDDTWT7TZDK92y8nPRcvnfv5fIbl+8lF8dCHf5B6aFlRuPmV5csCssPbSouWhBrj4bbGmbNPrbUMLf83U03PAFfqd/SPqNx2UPSoL8jFOsML1ryqvyD9tiCRcVNBsPSY7NnNbRFNDK8XnAx6rgevU8NIZobFHPEIRrjKBIQbgHxw+DRocCImjLuaGesPjD1WZJ54+TKh160Ej4g/9Xmm3fZkaF9m+f55BekS+BAn7P5Ri5dKPet6brrPrJz05qeu+6T7yHbA+iD4e9EzViqsxNdbDo72VVnAF0xJj9Bx4wGYlmwf8QX8s3bvG+IDPnmb7p4cN+Cy0Z89lLXRnLefXf1rtkk33PfXT10oR/fD3Sitg2zhQw7O1Psyo8ZTn6CsChyeWV+xdlqEVwFOA9k87OEtUDmtTyRZvaJWehxYyJuMCbhTJ/z5wIGIGpwU89ukSzcYM/xZjwL7xqTAXykZ3dqes0/UB9obIvMoLujPZFpwYD8gDUWs6Z2T0+GmyMkmpxujTTLAXjWHqynVzbUB9sjPfKjqRS8tRgehZNkfTgUsU3XOtsPaAXRvfX+VKw/OTM3rS/e7XtjSKcbMnjs/j6XtclvH7K65HPwyQxgSb1d8b5pBw0GeKUHHvT58aUhuyKr8vlhFOoYL5ACDmiBKqsa/Xy9Ga7/ZpEmoOlCIi4hYrehjbJ4L+4HGhfAVZ+iByaVOsFEa3rA0HdwYJ3LNdQ52tLTdc6/dXatDjQsfGO7qW/jZfJvV399aNaNi4LhHbfubzRG5l9L7CFdrLVlzh3z8PnbbMLwSber+9r5UWPwsm8uOjRL+vpqXTi2/c0FjYHVXdOH92/sI3d1tyxODbraNzyTWDtwbZ9hQBq5Y25LLKZrmXPZxr7SUs3U5XjxXRgrXSCHoB9twJ+dwVzoaSKKur0WZO6hz1kANbaOkrIFlDREDWxa0RnALf+HzkA6nhap7uQ+aqL7Tuqo+PR0gy7kSUacYmLcabaHvO9vNUfbouat73tbbGbneEJ0RpKeb995BdHp5KdEI4n/p073n3FiFJ+SdTrSZxHr4973Pu9IJhvE8Hc8Xq/nO2GxIZl0fP49b7xeNJ+vpSMKNotXWNKcT8OzktPwr6KgYR01HKVc1FwwdrMKpZJFGm6TSBp+lBZPx5yq8hT3Q3PALE2hnhjXeJc56YzL0x1zcT9B7sFMutMuDY+d8yjLajir7eL0A1VOkqQonRxUKJ8Wy4/FMGp7OK8lnChylrKICiBROlm5gCfqayfLdPtJtvaikcVE8JUX88DQz3C1NjMSxqs0q/k9W4Mt3zxw4Jstwa17bj4UjPz0c5+bCAcPESvKoXRi/sA7V155B6V3XHnlOwPzZ5+8666vi+LX7/zsyS+EZZBsiRSu0qNwu+AgWoM+Rh9Wy2e+ptmvJpvxfLX5bE/FA4VqvNtrcCHiBo0DfFHjvFKVqcKfFFmsv8gUfgP6KsdEeEoEvlC/xJ0HqFRxmYTcuQMBZYUV2CsOyhwttP6evC07WeyXmi1JFJkeS1eEfTjV8yWVPJoS8JMs6IOD1JZEZcqZRBx8XOoBPv2qJmdEGmm1pltnYzSm6+wBk7URfjWakjzDuUysTVka3+6fO9QY6F/QSZ91mYJu+V0dy6IxMLmeXMf+sRrUsmZA1KpiatbpfVWfrqiuavGhz2iFf67imsQDt32MnK86F6nu/jXB6UALMvrsWMbRuPuZWuCsVB1wxvGDm6bQOVQFv6g1LvIad9zHa4CkOvfI+RrATFqnx9fpaC28ZW/iaCJwJpAo6vzwaQAqaj7511qwmU6BrVfoB7wzt3ZvJWv1Yg44JaClyayTAJsEJDZgqI1vaiif6P2d4x7PeOf9wb+Vz2rA/vcaeihyT/Xn7Exrw0U9iAuwe5CtZWdrJkGSBBLJlk2gYIOkM8KUPlVOAA6GQYHSFUjrL6nAyySomC8VxOPya2gZQwsZKRRQ4SwiuZSAQpaGiaSoLVDrLhdI4dDx0g3MFyDY2lrRO3Lc2MklX1wHA/xmiPjUwDiK7ObiARRx1SkPdoCkP8CgixswihVBC5LxDxJ5kwRT/nqGMU98mGMiGL1lH1v927M2lsp+7u51pMhglX+IphkzLbKDJBFJys6In92pGneIdNmjjQZcEGywdsdTs1pnFs6S/+8jcENC7p2+oviGVeIE2KF9MUaTwpcobInClHCehPm0KosElPAzmfL6fF/ZLALEgAoavX9WM3Z6rjqGaJYe3CxtPoi+rRiFTrV/OBjTc1KoSJnD8F1Fn7Ry14kX0QcC/R8cYb5qjZ9DrlLZwMNxLMbk8wOGXSCsFrag/3qKZFzKqmx1AYTLH/BjkJiczwu9kTTm/Dza5ZSVApYmipKmunYZ+HajpvvI5zsD9dVLI5aHhjIhKT12Xuq8VE6aqsJSatXZ8QTcDTXer+1Q0pUKSjGi1Hy6tIs3yUkhtchmbO0L90tX9q7rbTgvFZ2iCaTg3PatWX63YzT0z9oOR5r+nviQ2AY97wfeTh8kbA0PQZsVo59J8X/IUNsHpelWp2i1iBaz2wHc8Hd1Hr+TdJOfdsjfpcvlXxBnwA2SrE7ncJtPfGSxik4rKag+MmKRTjBdbRtbW5oV5pyBz6664rTKd8envRh3lPmHkkSVyGRK2DG6iNub5A1lo41yBB6DaykdqLFkrrtCZd3UfYql6aDG0UdXroNZWdEreMqs+ilwiyxikIirn1HJWFCVyCVoYWS2VQ1yqxj7sGl01WjTh6u/7+7p63F/n47LghqLhHHqysBHlDUk/7IlGm0hwT/4/H7fHxgufA/4cgHmaYj5wU8X+hjOUSYqWz2GDvBVGh9t82Wq2nIfdSiabhQFDt1ZF2NFK+KAzDhcldPF4zyMskLGlW8m9ttcXnpAeZmphZiVrKi1hVXg5VZ4Ia4F1pU7BVrVzp5WTyLqCXF/PLgT/ubm6c3Nj/CDfAE/jmtBfiV4Ksyd+Fb1nwL7WyzelQvwRxfwoguxpQP+dJmSev24ECaBkS4z5Qgk0aQH0EHvIBeM0prziOb8KzfWr8yXqWxrzH+OJ2ic2TZd99HLL3+kg3T3uW86Ag74g0o8Uj6TLyiftnVap+n/z5Ej/0cPae/2zuZvG5o9/5i5UvrSXwyGv3wJ0i4y297Q2GCH+kw+CioOUPvmtL3y8U1/ujZW6HilPZHjZV5lZ9ai2kGb016cQTs6y4NYRQZn0nRd2oFMq2A/E5gTya9cH1i5/dF/FcW3H3vsbbE14h8DyPraptHfvv32byn93VtXnNM23dame+3Ou17V6V69q2/n9OYXAI5bM9fMKcNBUszvlMviHJf2Ai4dZlHO1gpbT28B80xl8axqwinfqPLQnlDwk6SOALXbS1zp8MNTrfwWta2Lpz6TF5ex8oQ6oNTspUqubHDJL0zhBHAfdoucr/VExd0yfY3xM8yOQireYGorKY0EbdQDTcCj1U5i4BfvQgZwF9nFj/KdZNfN39DpvnGzfCc/hrpD8JcCpnMwtXQHpTuWspQehLf5N5Aughf56zd/Q17enJ6ZbobXU4OL1dch/aQwk/81zOTDUE9zc8//L0ALFT9tED1Q/iA+BKm8qLmXaV8C5dA/cE/MMJaxvDAKGGLlSUR5kxaUEUBwnEVD/fMxUpNqOJNUTVeRPZw5j7AIhfwh0tBFWcVoW4jNdM/35aUCf4aHk6c+P3dQ81yNm3MQ3nSxNacCiEWDuBrfyU4CfubonkxkMYaHA1f1DxFPgCTp66kNffZUzy0DGzrHlhfnDdtHjyvHscqTTvkPncTZuWHglp6UvW9DamzUPjyvuPy4chwrPyGz8FUAxVGWMfj8x4hyGGV7tbBJ2CHsFa4UrhdurnDstfBADpnVWEZxVsWTiHriQf1T2scoLj+JqCdMh+fDpd/qiUs9YSEeMpBbRj1xqSdE1S8qZnQUnZQ+48e/AgvmfhwT+Y3y6T+y66+x9F/djgK3hZdTsXDqPW5qL2hKkyqFsLiR15360YkpMkKj78dCJJT1YHNhdg4q7Z1k6+OYIRkD7PIgcCkiBlxA53tYhDgWy493RFQJ+Ifep1RoaiVfbpgddBisx81BJxUafG+0xEnrU/WR2fNmR2zWN9q7WdsJLRn3cbvVVO+Zfl47iEaAMP9+k5e6ba3O39vtZNgXNQxauiMPBVvlVR5SiM1qbZ0Ve8jqEgftczrkb0GbBOv/4O7ojNua9eFT7Mz1qvappl+KVl9qrNY+1bLRIhIeV6kuEWoYZGer/Dlz4GQ2jr+KN4kW5nnUAFAluEea1h+vhWhVF1pf0wHS3QPNDXCCZCYmSYAc2XxQFA9uzjMBkVxxnyjedzlLL2j6WRP8QdLU9Jc2Em+bQQ/myy/3q69h6sJ3+Ovyo/iqGg/lBWg/jDnqY3b6mSD5o1dGLJN2+VSvwLQvnUlm0j5PjLmUcoWuT28MVLmdKEE2YHhkIjllPwJoZdwkBh7RgsQVuVKhKBWlAr+QNy5YQGOlN+hKJgU97rBsNZm2WujxBaX3aMxR+gqTc85ymreZTNvMJFyUlYWvhcJ4sUjycGCXK1aMS8xP0LrXXG/ea5XrJt2o1r+o8V8wMpQQZ0EpktAnGOF1EDceSbJ4QRi9IhY1GANM1xF34IYvgRyPcKm+yN/gj1BgEjW9Sj/aEF2xZkV0Q+/BeQuuzU+f0dWxobGpqTHFrtPwcN3yiDzI7geDTY1kvs3qq49FGqVox5ImPGsYWji0VaO12gDvBYMb4It1Sh6R5WPLI+TFch7Veb9ltTUMtUJm/gBm1sqyrZd/rdXAqXSiqMQyxTXAvogWB6e1yLfW7KLCybLwp2KvsvxXQ3kiKmKigvWEk9oPlBC+/MNh7bJlHVtz9g1xhtAshGF2zWAQo8uFQ90XJptG9VkLyfmQypFc0hUJRHL6AK/SEEBLPuv06JZ4ts2RH5izzbNE53GSNSRU5xB/XUdcv7r9dvkuN/2au7Ss2TZ3Otk0fa6tmZRmNzrlPw+NEjI6RGzORrLY7TYZiXitJWmKzVkuPyZJha3TeoChmbZVGW/Qrs/RIpO6cHePEWGpIKjxR1RvH3/Ag5thKBHgY8qRjbl0NueKuCLpZAzYkByk5SjwevXkuohDWf37JZuLZqnHcY4utmDlgpjuen4M+gYXD/qeCHbKAn1oqeeBcHaO8zN10c7OESDh1/PjuNvBVxHnnTZ53Omftqizc9E0ll4QikZDSRfZKecLw7rwl/J5eZzgNyOdRDkK3MdL4Z1UXIxy5lJhI+qqavkhJ6vUm7VUz2q8JWgmDHMj6tUbuIkIEKIAoshaQ2ylirxrDkL5MMMgQGbyoqPBrxsr/Y3RUmudKBnq4/r+x6YRaZpUYzC+zyhEjYf0eXeT226VC3a/wWYnO1GXacPlTCb3I+90kXCXqnfNixuAajQIURbxGLocF4Hl9EwprxiocvFsjziVfDNBpQ890z1XEdHG1//aiBhfN/1UYYXOKT1P53zX6ez5gcVZuo0Nm4udlh80y+dNIX9o9I4Im5XZ6ntw7ZSLxe51+SIZ8RNB+CGV3jwtkEVyPUD4XXmwUKDPnyGcujL+8kEbtiOUQL9g3rCwm5XJ5tNDy8aVNeWq3Y+kCFfJAIGSJYxRy32DULkmA2o8MaENELmHQ0zz4yUpzDW8zDUf95KRlN1z2GSUC5U9VSo26ADgqgEelcqgeMVyDTtXSfcyz4+p7tfyJXkg1EJ0r9x99ys60tLSEtV/8JWvfKCPtUx5lxyAlJ9DCg/5K7pXyMBAKCptonSTFA0NNA7Gtl5N6dVbY4Pv1rh/HaT8fOvVg/CUvyNtEiq+rShDxYVFjLdH7OyKITsdQCKJrc92VmF7/3ANNMEoN6fcx/5hm7Fg77FvSXU78LFGBFoo3G2x6kw6Cv/0Rp3VUlqpXkvo+iqdcptf08fh2qinVC5onKNHuL80EYqkqH4pu6u//BEpwnD50eTb5HdV1/Jm7SYkla0t1HaiPwOua4EwKiwXzsZoXrzeGJeAtQRqmFm9Uc3MWiJzJq2kj/jY/wD8xILOYHSam1pKr7U0mZ1GDJXNrmmfci2ZTa4W57RppdemTXO2uExm5Zr2TZvmCMP1iYJY4L8C0mg6qzoj+VD1NblCPqR8qeRErqjKOSHhBkxa27Ee5m2zYpk0IvqDWQrYXTNPgYvEwE9xYEaSsWTa4+K8acZFZj8nCs/Ju8gDTssbJj5PTW9YJhBcUij0NPUorKYovFN6h7a9I1k/MNtKj7GJuspm/sAKgnQfxpB5TTopqKGGFJ9lhM0I0ir3xZjBKDh67roiiF5c7eiQC1CRiApolVE7MqXCasrlBRPyBAnDL89S+Ml5XLyMXgVS2aqXPxVd3jTFqhRgqgRUbKGCoKC4K/CVZadiz6GpMGolfrUoeGAWM4o0GW/q1TAkMTU0cJFCaao5A1LyO56p4o6NsaiopASn4vskFBX9R1HRhxS16wxcII3M4Nwok8YjKKrPJjGEhZeYroZooBz/1xehRbcDhTKHu4BxrTgEFV8OxwTh3OULuEUDxVVYBcD8eQYhh0ULJ9f1WaQyLn9JseG2o/1Wr1KQ8gmpcCgKW8q3OcN95sgTSozQ6fxYOoexH8C7Relmp0fMU5dNluDy6qfILStL/xZWguAR5Si2ABPhsD1Y75Qlq8Nho9tLRVJQ4PomdF0AuPhWtqq8XLZPDbwV4/b+iIecAnNezEHpe0WXtfRjygZNiTnNPk4deZlWwywKDVi6XVKdYiTUi5Qmg6rKXNXt1YWS8Cdrs3jSmEO3jE/ceOSic87p8MzyPCn3nVk7Snv23O33/6gcU1aZA9imLcxrY4qVFnrcaSjtAqyEC3BduOvQ5IkgAWuhbqhHpEJB49Ik4QAtFosF9P7i/pG/Z+XaAeeEgCNMsDXBAgYkNsaUVdqRQDqTS6tg5FA8D5CkRwvE00/3SfUMmdWvuGLh55gnxs6PCvemZEeqTgMLB6V4xUJ+LBTewjfEqAYmqszJHIwyP8cGRM8j/WjmXxHrId9C8ma/meRtvO7k53KI/JxYf0HiRqP8E+Dn/ptNKpezvD736vJ6YR4NoXvSKi0riYjY5CglxZTIfyStUZHEsLqSyufbt9L8Vnkped3mEi8WPc7SChgXF4suso9x6pKEB1FAN0PJYZUFZ329kwpWhyzwJbtyoSzLVPq+lcGFa1amxIWIcdiOixEFKebU0ExJNjb4blTABpfGNWF69jESJcBoUJARQbUtrsrYU2D3CwVRQMOwpITXY8xmSYA7+dKEYrfA8BUF+O5FoBz5fF6wTDlucecsFsNmKugDCreA/+MKrMhBEKS1k96FKcKX1Shs8h5kCMo/BLlQKmK9qFScqFpFc0pFUAeE67xxLFLeH1rDdpVPipmtyWC7fzkYgwAcDzchxJifTI74ylasQJmhP1v+Le6JUOh8krtWjGPkq91EGB/eSOnG4eGN93LqKSJ9ANQfHrl0J18/J8NgxkhZExP0wJYtByg98IKGdzOVaZRRo3dkNkDiirliU1FLrYLPV/OC5KX8ZOSRQttd9R+0psB/kiKYOFBIKZYNfdzaZ62i49WQsjgfU9J1nE1nBm3VxWTqTx0SDHc+p079mwJ6qSTQSTUoVvkvaMb0lJDnYMzirzBJaFtGiyVoVgFltFOGGY7Aim6wwPYB9QpNwHt0oj8CSLs44nLlooxoiHSw7VOAEPgqhjdfLoBxb/mih0QSm4P5JCu0FPDTogQQLS9dUXqCHkHdNw8wXszjZlUSidXt2lUXI+MUF6kUkPo63DPpPdlFpQhSLBgZzCiNkcLplr8vXfp3Sb7B67KtWWNzecvyxAuiwPbFdUIrsdnCW8SIy//TYgRoSCQDw5NEEJtqRXdPloRRoMnjPC6VgIF8VD6HrizKBRDlSneSd7zmp0TenuJTZpB1ixKQCgJ0vwBEghaJSz5qNMkPMYKzzmQkO1ycv+dyr6hEu+mtgYFQM9/NNPPdvWLSg5o7fzbnwS1WMc68cRy6MKwJNPoGEq8be96pX95ywNpgfqfnnYblLddYG0x0Ygo8A/9KTyZJY4slcJ5JtBBHm/zHFlP9NpNoneS/ijOkr2yt5BhFs2S1Ck5mQ0M4ufWMwVnbNReBkO9OfbNxJHQTEMj/mfa34HDTzeaAWdmG4lT3wp+wT8ypbzQYfOcaqXGia8Kv88KZSaj4JTHcWMf2rVUxfKRsj2Rbqrk8MIQJ21ktNnmfxBzjZqqNmgVumFEsUcAiFHBrXzSDwYCetIb0rxzz81cV9S+MDX5d4J79+Dn+WoOE0zmth/4w8iBQilJYsFWzNlbd8zF3Sp2YUvqT14V7MUn/izqcIexi1XjP1RjrmTTcTfsUQst+SDFiGb6YEH+nDncQ6sbZP5TqivhvqpE+Lo+T/Dijq3Aij/NTRb9/VEQpNsokKtXhN6bRjjEBIYLefynCgsQaCW7wkADJGz0CuTOeIj4pwXmR5ftshozgKin5GXJfU5N83GQ9vw432TWRJc1LlbXEFUe3JnepQPxGMg+XVMnPkoubljfDN9RJA3XnW41kSVPZn0di9JVFD2bMf3mBMMy0KAKGq4SJ8HJwTvDl0gTq3ACHfgRz6yNAo8hwzPuCz/cF+gwSmV8Apvy20fhtwJVis6PiUzkBTdMMXCeuQVqIK3NiyZgxxhX0VVvMYFthJOaqMEq5mhf06EWLL7oXfq8CXWPdwxoCQAmjNkoOc6/2x6sOBexWaKcw93osTeDaB1kgmuBjmnXVGhFCUPxevyH+StwOI68eMK123UiaR/wbJHoXmxjoGhkhxc9+1Vz3b0ePvBWUQvKHTz35a734A9JONjtfePPc4zfPNcgRcdZw6D+Ofu5lnfjErV/7gcn1t6ce/QuR77/tha4Ww9ybj58rVLUj0h0X08DCfPVF0mzsq2MsEMsF9LFkLiwWT0jABJckVb3x4uLbc2Th4mtzwA4wLWqJjZaJv4d/8pMwr9dPAR80sn3WIoLQSVx6QzLu8uj9uXjWH0B1GN7g3rDIvVBgROXDDod82Ez26fVkX3MHaamXr9Hr5WvqW0gHuVSSIll6MENppnQd/VaGkIyYaC5dVx/T4W6Oulg9PdicWF+SFF7vP2BOS6x+VqCsKlctIF+Pa4AJi66T9uEuKPjToz0imQtAXRCDjwPPXCyNdR5Cb4lDnaX1nWQ2PxUlpK9A2RGTNMAN+Q+QHC8/r7Qv5+EwIgSLF4fSJtv9EFAidzVBWaOWZY5MABQT3MEAPTGZJaQE6IxkazjBQ/sVOV47D5CdxJBeDWd3FcZvsfmKusyFwiphJ8A4WYUJzKKiwnSpas7kKSph1OlVKzUDWlEvp0ywhOrBDBUk/9LT4w7VWUwmS13I3dNz56TLOwcl/4wGO/xrmOGXBqsvdyKHyTEbQ2kYfpgWlE/lD6qzIl7lWlLykj+ozpt4lesC53LzyrRF//Vsu6JXU3EO7hc4JaLpIBwNoU48zjekCPD9KJJkxykI5VWOaehChlgCuNzkzgO7bXG77Y4bCtXYBNALCL7Cw+g5fcemQ059zPn0uWWfefQJtDNMiHwjsg44qlG26mVbN+YwIEOA2YIxJj/XfrAl2elIAvcMBy4Z3hALJSS6RSIg6TxRqvPPJvc793w/7jCL89FTia8IQeJ7gB4QLQZb/r0m+c2k00GK+EWR7a0qLOg/a/n8+RiKjBmFuZWfOdHPG0m133prf1+Xxm6d5CsWiKqTzPYom6QqvEHF6z+D7iwBvlUZ2utzcX5gu5eJBc6LhUZmRblEzvkxfh6dNRJiSxdYgrVUzy9ycQbO5YrNjKkuO8oqXdWmXcBHuH6BJ+VTjd+ZxPY3E+KMOjOoXBEOfIRDr0SCYXG0WMGyslZX5ntM0JnBt44AQmdjAwuYBATZf+sTIiBzRbb+m3hc7IWROI17tBNjeYd3wKs53ELBH+C7uMDMhDmZEz0YudUoJglu35fA6PtoiE5RnLohQoULyeLZs7d6XN19/XsjG+QPTHp/g4l8JnpRf1+3y7N19qxRknnb1ODXm95Lyjf6e7qa9X5/dHHKRr/o9+uau9O+sC21mAweHRyzmgcHBi5srI/1Xk9utjbU6a2lN3tj9Y0XDgwMmq1jg2QNabfq6xqs8kt98hqn3j+tN+X0O+YsbnCmMtP8+rr60WFHxfe9CKNFwdu42y8wkElfNf/TTAMuVH8A7wV8DVLiigIY6FWxWEARkoznZSFfUM18bsdrT0ikq43JkBXdtZN5tPee3pdNGzHYU1aFah0pGNZWjdeKR8W/aDQrh1UdxmROV6rwuFnkeQ8qiKBimFTiS7N99TrYrnrq0hjOlnLuAfhR1LgoT5QAJKKkROFBJRVzhEItlrKLHNdmUUmz6TLwodxZCuRtFAf4fMEzBmDFJ02AlpuBsRyrQz+oTH7ZiXtSu9JwRSeF+ypXqs1Z/epgOAVtAAetPx/fikbrhafyVu+LD4gjgptHZIoHeIBbQ2tSiYPg1novaAN1i00HcLnKgU/Lz16+z3D5NWTkuqs98loebImlfk1n3n4Agwsc2O25+joycs3lhn2Xy8/+UH0RUnKNuiioGqaZp4cpo1njXB1FKH16GPefEuXn9JBWv59XYtXRKrhPB/XpITsdHBpbq8LDRZT9Y4G6ismIMZZWLKctZJI9qRY/hRROFF4Ny2+Gfz2eMoc8pNsdMqfGywon8rjWlqzZxIwyEVqSNtZ5PHUbtQgGpnjFTjxHs4WZUPZvmNDAz6DHncHLW8W4NE5FrBJ6zUovkdnAQaSUTgCVV8yKFS6iNKFKEm7UkFGheFJgIoqDTKjBCXF4qrGMKngD99uriqaL+k9j0kxQY1NRYR6W/gRMLZmdUhZ00TnyIPkO3pNf6hQ+Lr94LmAGntqVrs7vg5T8Enz6J0mNKPlBp/wSsM1/It8R+N4zH4nHxHlsr9BsT4Av7k1iUPgAbt+hBOVPROF2iOBNB1s0RsdmHR3o65NfWv768tFRcndK3tnXB7fI7Hi8bXtSfhcFXZLolN9196Rb7SCfHWHP5ZdGR+ET8rmUfP7A0Vl9fWQ2vJ5IwAe4Iw1+4HHYW3u73RofRNTXzFVs/4wTrOZ7Een5puCPfRHUKujxoas3JUIzOUSfC+MXikrgVyKovhBGgz1gDbfMo8K8lrA1YDcYFS+Fu2W0DWNXF6jR6vaV9vvcViNlqJkbqgqqP8M5ypfFopKb/EUld3y7CKgdOLZ57HOWlfwMQbsR5KKhh3qQo/xClI9bnHc+ohm6MGwyXCGCShCMjiDDcG18UA4TDO+ndPoytJsBDSZCSaDSgw8yTeW4qj3GkKD4QrUul5fL7Wi1ykZhFcU4NOTXKPtxbJfxcUxrlo+xHCW5KFXxAZSVj/tNJH0BVvykeoO4mMyJiQeLvNxSXlvjJcdTv7i3E8tCi76AwFUKLH3zeOcv7tPIiKp+XLEXTqV7iit+7VDVmBJuDFXEWPPCJOOUuAdwNgjkEudzShKG+8LfFGb8cYZPALEhpi99DRvilDaI1m4DEJWhGaAhjMlaLTF3Q2psQ+fYWOeGsVSt9nh/LLVBfe3UPmisWT72f41y3+AVnrI8aJrJ8nlZMzBV22uH2WRbCRtfRTb7pjCMaIdWWebBkjGWHisrAnxlYLJfGxtakJ+8vSD/DwkXiIZAPXa88+cwsopAFgSYNmXHNUhlS3lcVZcV+5iyNF1Yo8TroGt4B0EPTlmupD6GdHLZwY8pm1t8pirTwbpvysLy0ieqnwY91SjrMMdOUxemoCa+V8Y3ma7MjqvvSESMeDKRZMyFPAgpCyMB1TMY3SDEPaVP5ek1PfKDhV/NFF1WuqzUz2gzAAATLsC9NkiRqekBp//aaseN3HiEEkeee2po1jZhXWvWdOraTVktPvafFR8WVwu4b7qF2SGEXMCTFAM5TyAHbICedONqAN+rL068+FHk9u0v9r8o7yQF0i0XPiILSPGne8mn9srSnSm6ae+5e0vP06NPlHYsA9KhiZfRoKzqUHbp5JoQNboYbvRSM3rG9zewfWrGMPDzhg0YB3psDPUjh2oFriiwx+qr/DMWyOPdWuErNPErAkKORV3eIOwQLhEO8jY+ZfdCXwTIT4UXr/ZfUqJ5aji3gOY89wnvQ18ixyazPcAAr/CA2ZVedWCcjrCqWtYkb5zhPWZSLTJGMcxTFAL5mdYuwe7Iyt6AxdMfBEHdY0qiiL8FM4lAWYA1qSQXKs8Y5+gxYyhKgi4EBVJQngFY+Iy4CAw2NiuJpO4JN86fmSkdl9lD3PKN8Yx/Ez8jmpnuXO836gcJj7+TiyNziLqQeILfS9CH5H81iaS+ecO6SPTsfE4v/7p+8fK0KbF4aYikHImx9Rnn0k009mxj8Pw2f2rtxumBJT3nR4O+WWfNi1mbnu1a0x5cdc6QroKDiLqHsuDR2BvjNc61W1OTQs0L7S7UtVKlrU/+UDwq1jPdvdHgD0y52/eru3Sisbyr900mr/kG+Q/Dep3xZltEpCWzx1jevvtmo04/TJw3mL2mm2wGhSdT8I9HifPCIiJNoYfxoY+VWF5+DB3gDeESUaah0/PVaNwvOqeGYBeFanUNDvWi1vG2sbMn1YAeHPK3orNU5Z7q+0gkJK5MSlXsVRNAcSe0Mlzj9Eb4a4ePYjNj8KdGMcMM1PF4Lf29UA+cfG7K8G6k6T+mDuDWdMXU0dnKch/KRU6mFWF73lVLeelJ1+Q0z9nsV0KRVU4Vo97k27hJnEY5oTmXpVpPVBm/yGwmBhzRcT5s4zxQbxrdRROsFxFf+1gwtpi6SS4plubX+f11M+nhvcQZbg07yb5b6Ey8pZheJT9g0D/tf7TBHfZ6w+7GRy/7EwwYv1DWo4ZFPNMzrOGL4EqfMHKs8gSQtiJILOqcQzst3xHmlJXnMcUH21l7PfW4GoSOHy9NmVrc8l9RD/BBS6YF/rqHCRnu1kYWGtesdWKqPa4GkJeGcrMg0+Hu7uHDVZaVSrwyK7ODajCAR9m8lEmyKWKsign5D1ttLQHrQWvYSoxOa4dT1EZ0LP12qzUQsh204sMOq1OoLicxdTlsJzsMFoBIIcc3hasKQ7kTirTt3GkLtEBaN83q5OdVRctXK8/5u07rtDp+Lqj7UOZZXAIW9w7VQFrCHpp6/T8VfHsHRlepyx1WjQ7s9Sk+0WsvpfTStSwN0zXDq58eO/I4pY8f2fD11cNryFdh9sfj2dbD4iVrlTcvqeIJncBdtwvC5BkUZ6tfQGKIYoxmUYOb8irDDhPqxDxLo+Vh0fpHS8jyeXPTg2UEVAn44nD/xzyL5WEStdmesRISL+OYqv5ITuqPGDbAAC437MnOxgWLaAvLsH31qjrkc3finLnTH/aXT6r74kLtI3YiiEpsTonpYXqrS1ZQrdfv6c0m0R6QyHlYLE6jzxBgq8mNogFjclaBQUhjNJqORuOUZEwug5ms0ze1xM5uIXipt4hrjU2xnpFqyP7Y0tsCf/LnDF7zbLOF6izE19SmI/3TnRZ2Q2+VP2hIGknfpLFbXw2xyKPz8G0eq6CK+uvIpVhl+Za6Sc0yD26H/f6qeG31aHfW5hyIGgIeZqCBJigveaqeEI1RGqCeJg+k0UYevqWqpGcSjYAvXS7AnY0JWSBNGK2lqapcL4v+r+19tSjmgZbmISETbIEq8iXVAPAy/VjNOXmbeXho6NLwsGt4UdKarUYI85SyiQ0RKVk5PLzL750xsz0a8s0anVGemwWYm+in24y+yGXvKGCzI9XbwcaoMKFRYNIQerKVN391UEmjEC0Na3d5xalnLtO8yfZ29L5miyFdMRFkigBa3IFTiKC3qivm8rAVy7EMLaA7XbEooVePBFI9v5QL3GtGcVU9KRSZNbSovCgLQCJwv52KLtLDdvJE+sToQjqDC96BahlQMUf3HlGM6Nkj6UTy3MK5yUTpPVEgX/wiJ2RfTFx65cKFV14qZyWN3F6plxBxMT8g9iPjRTmMPAtK/+iGh0qWMv1ntiv8xsE9+tT/xBjgqmi0DzGHUKxgkTnh4h5KghoLDVd0oOePoMc286IesRmFENQ3ss0NQhSxbQbtKoUiEebObo7Jxeam5SNu3+07l99z7bzSBNmx7rLPUEmSaHjFrT31wwm3Iz7HP/T1rTvvCrhatx+++LwrqSTed61K/7kflAklQqK0YMCjjmNA3fSyGx+gJ4r0gRsve4vuX7duP2UpuWjaO7fe+s60r5Aj6i1IlTzfYfOCYWXgxqHfDahyMCSNyVwiCd2fzSVzgWwgFxDLVAPQ0YnBht27GwZzD+bWrIGk6uoS7WLN66TVxdXS5vxmvx8S7YX8mMZRQkurjCDHu5g/Bup2sEdIkog4PorjJQkVhlekjpPZnfLvh4iATl10QpL/k9/6A/lZPq8ZFxgrIFj2PUwztZyRxZ7NMR5JDESowvi/hb39RBjdSTHZxnzsOFM/TsPj4/9fXdcXGkcRxndmbm8vd7t7t7v3JznbXC6XyzW1qUkv19PmTzeFWtRaS2na0tZyfclDX4RWiS/ClViagoIo9MnafZBQKIJooYIIByUoSh80oCKIafBJ9MWIWOxtnO+b3bu9syHZ3Zm92dm/M/PN7/t930d8OweacyTfZgXOIfwO5jGmiNA1Kv9LMH4n1bxB13pzubFc7p+OzWcNsFFaIpAe471413ahWXccWvfmFAIXiyDOYfG5sFEmA7TmOE2nVmPYCF1epLNtoAYAHifJVPmL5Q8UhlYY7QCaGKrfGXuLL7TXt+KABnNo/uud7/OFvCasQto6kzpy8RSM/SeBJYlVrhRkvhQLM4Gwf6CUaUoN9DoIBLug1zs6wD9+mzcpR3wDnr4SnukDdpPlPLYt8IGgMi/CCfqAga7Di0kHExZ2cz02N31jNR5fvTE9F2t+2JElDl+tx1d/5nvgh85coF9SoCUXBeUoX02n0HlB12qiauVpw0aU/wsGcgfpWrFp0HE37B9jGhc5RoKLFiO3vHHVRjnIAn0s1osu+IGHCTp0WsOawCkWiu+8G6o3INTMiGcPjYCmFOxTI+A3nRig0AFwBMhadq1W5x0X2Dq4a7UaF9aR2t6W50F3D9aBUjEvovmVQPdRyXuBZZDRzPOgW/OdLdm+OTjqIRre1ThOK0WkRiPYjmNeby8+OYV3IVXLa9NFaM2jS6NL/n/Ma9m8oyQDgf10BzZvfj9t/ELcM5+JGAg8GwhSSPAHkxHXRu5poz1nqiM+x4+wCCv2EMvI2MyuuweI2/z0xQYAHU17g7zt3nTPk6de8caVzU1+HPHmiGBrvycNJh34wvIVIhwJgC8jzFsdvxcq5EpsfGY8Rg66n2PC/ZesYOKK+MGd9AqsuJNif317obDdxhUZeHz6sWOXFRy7MgpC3QAh4dZuD11rTl3q+N75aFlEBDZfAQICH9sgAhxDep1db42VrT5ZSA3tXhmNNSuAtLb75Rqa7wrGu9cxbyLITiV8gazj/HFgR+TxCgxf82oDrQ8vnqBIQZGXC30atetdPnezj5HkWlOb/QCfQwAFQJsq4G9naxf/l+7fjz1MpR6qWXCel+0Q5B6tBFDKv5aWnl2O74kvR4iW1slhPa0RD4fp4rsLdHWLa+uI3giOaVqZLS+x0LLc2Prq6LagR0vY+t/yL+wDfm0gcVfgmXumpeVO869J4hlaxQmXBVknyFrxDU4XNYM+Qy29GdYtnjC0e76dlT1fpp+U581t5iZED6O19ImLlF48kU5ozYaeSnEhVUukJ48QcmTyBEhXgsKA61bbhn5pO36ZJQi7WfFEG3HF4nGWUnSAD4h1JzF/ldGFs+blU6cum2cXKLs6nxhAeRSS5xbVkxcovXBSXTwHBak3fv5OhR0s7zGBagWonGBP8umMvQEMajKiWGYMnc03920gDfsHJRSJR5mlmz6Outmgv7GkZEI9GOveD8AOjnsRE94ADgU/ktdFNx79gTDayp/RZF+Un4BX18LvllmEt4USnxvOSkekM7zGLh55MQ/a6GQ/LWNYa2NiN1WEo1ThJjUfzGR0dCsFE9mJYUU4DBIZNpodLPQ1l/sKg1l6urncu2vQsgZ39dLTXuodzTCyhuFeU03Y3sKsqYoN/WYw6/b3FQp9ZD07OE1MfqTbz480IUXWIXXHVN1VXlwjo5rRTqvmFDG0ftUw1H7NuM6TsL9fbeFaf7M3GPhznwZmQShHUmmgHwM+uhcQU9ThK8i8ru5FByUK/wNyiyyyQFyHwlWy6xoZPmMyOew6kYRsqj3WgwiTCTt4+4Vzo1P2t+eTOzUzxMJa4pr705nj++m7vFhGj6aHlER4txxS6L3jM4s5osTlX2WmbOPF35MTEUar0bHZ786/PDqlRq1sJC6rPcdn3uQn+z7ElEJmPJHhxx7idbX0xrPI2i5IY3hXrThUARpGOc9lJoa+8REDEe/P84AbzJCaAAMFICjUDDD9WuNTwAYoAfSOsMDtYH9gRPwI2O8OTBcBeLSFiYGowU8H5sdxaUo6DKNKF6MuTDPpEFIoAL5uExrT6AlI+DirFveWKqXhId/nmQ92f0wdIWE3a7j98tXqc0cJXdBjYRqKx4rG3N2nK6VjB65PUyKHwitGJJqQdYVMqHL8qOuSuRmFyTtkPZxL9mhJWWd2u64xqPujl1z39UvV5yNRXihjRGITpWNzd/eNRMYJC+vyZX6KXoWFvorq5ImLVfc21AV1JrUnk7kwk/4DIt+JnQAAeJxjYGRgYADiTPvpuvH8Nl8ZuFkYQODG871tCPr/TBYG5gYgl4OBCSQKADZ9C0oAeJxjYGRgYG7438AQw8IAAkCSkQEFMEoCAEchAoMAAAB4nGNhYGBgGcWjeBSPYhphALE7BGUAAAAAAAAAAG4AugEuAd4CRgKsAx4DbgP2BFoE7gVoBZ4GPAaEBu4HLAdsB6gIFAhoCLIJNAmKCf4KigreC0ILmAwEDHYM+A1ADYYNyA4MDloO+A9QD7gQDBBkEPwRWBHGEgoSVhLCEzITohQCFBoURhRkFJIU1BUSFTYVWhWAFagV7hZCFqYXCBcyF2IXkhe8F+4YGBhIGHgY2BkOGWQZoBnoGqYa7BteG8IcTBywHRQdXB2+Hmwe0B9QH7Af/CBaILYhAiFoIagiICKiIxgjciPaJBQkliT2JYomJiagJv4nXie2J/QoZCiaKQ4pXCmiKeAqLiqkKvIrVivALE4sfizgLSotgi3gLlAuiC7mLyQvvjAYMHQw3DEkMegyTDKYMuwzZDPwNEg0nDUSNa41/DZQNqA3FjeqOCw4ejj4OTY5hjnSOh46ejq2OwA7LDt4O9Y8PDyIPNw9QD1yPdI+HD5uPso/Nj+UP+BAOEBqQNJBDkE+QX5BvkIQQqRC8ENMQ7BD6kReRJRE7EUyRYBFykYmRmBGwEcIRzBHWEemSBxIWEiYSNBJGklaSY5Jxkn8SjpKbEqkSuJLDEs6S45MOkxITFZMZExyTK5M8E0iTZBNvE4YTlROaE68TvBPMk92T7hP9FBOUHpQtlEAUTZRdlGiUbxR3FIYUkJSiFKuUuBTGlMwU1pTilPCU/pUIFQ8VGxUmlSyVM5VGlU6VVJVelWaVeZWNFaIVrpW3lcCV4RX7FhGWMZ4nGNgZGBglGToYeBjAAEmIOYCQgaG/2A+AwAZ9wHLAHicXZE7TsNAEIZ/5ykciQIEFcVKSBRBch5lRBcp6VO4o3CcdR6yvdZ6Eykl5+EEnIAT0NJwCjp+O4MEsTUz3/w7Mx7bAK7wCQ+n64Z2Yg9dZidukO+Em+R74Ra5L9xGDyPhDvUnYR+PmAr3cI2cE7zWBbM+XoQ9XOJVuEF+E26S34Vb5A/hNm7xJdyh/i3sI/S6wj08eM/+1OrI6ZVaHtU2NnlicufrVGc6dwu93qeRlUxCqG25NbkaBUNR5jrX9ndGeViPnUtUYk2mZqZqS40qrNnp2AUb54rJYJCIHsQm40pTWGhEcPQrKCxxpN8ihuHHSGrvWKeR0jJalS8Y19hTi+r+v2f/s5DRouTEapLiTwgwPKuZ17GqO9+jxIHPGVN13EXRLOdkpJlsVk1KyQpFfbajElMPsKm7Ckww4J2c1Qf1G2Y/YAZrsQAAeJxtVgWY47oR3t9rCm327d49KjO67V6ZmZkZFFlJ1NiWT5I3L1dmZmZmZmZmZmZm5o7kJHv32nxf7BlpNBr8xxvBRvvrbvzfH05DgE2EiBAjQYoOuuihjwG2MMQ2TsIOdnEIh3EyTsGpJH86zoKz4mw4O86Bc+JcODfOg/PifDg/LoAL4kK4MC6CiyLDxXBxXAJ7OIJL4lK4NC6Dy+JyuDyugCviSrgyroKr4mq4Oq6Ba+JauDaug+vierg+boAb4ka4MW6Cm+JmuDlugVviVrg1boPb4na4Pe6AO+JOuDPugrvibmAYgSOHwBgTTCFxd8xQoEQFhRpHoWFg0WAfc5yBBY7hHrgn7oV74z64L+6H++MBeCAehAfjIXgoHoaH4xF4JB6FR+MxeCweh8fjCXginoQn4yl4Kp6Gp+MZeCaehWfjOXgunofn4wV4IV6EF+MleClehpfjFXglXoVX4zV4LV6H1+MNeCPehDfjLXgr3oa34x14J96Fd+M9eC/eh/fjA/ggPoQP4yP4KD6Gj+MT+CQ+hU/jM/gsPofP4wv4Ir6EL+Mr+Cq+hq/jG/gmvoVv4zv4Lr6H7+MH+CF+hB/jJ/gpfoaf4xf4JX6FX+M3+C1+h9/jD/gj/oQ/4y/4K/6Gv+Mf+Cf+hX/jP8FGgCAINoMwiII4SII06ATdoBf0g0GwFQyD7eCkYCfYDQ4Fh4OTg1OCU4PTgtM3hpKLjGvBykyrpsq3D3hztGFapIUqClmrelAry6zKjNWyNmkpi1lmBeu4A7mW1SxxFK3EXI3HQsRKs2oiwlowHbG6LkTMp0LrRXfOrNClKFQVTTSrRV+LsZYToUm93pmoUSHs8vZs3BTF4ISl3pJzO3FLd7kq8taIbnt5xpu64+/x1FTZzHOdtXtJLowR2kammTDdsYwUzUl9PGo0mdKdVXJM1ys967pHZmqlqoRPJZ+JKhwrlce5NNNsL3Qv74IgthBjO1gx5NTUDklrJatJphpbyEokRlhL/KCeqkqsVvul0msmHcuKlIo83JdinhSK5XQgWaoNKa6z0Cht6dBIFiLzmkiv3if3QiOKIjUuIqQuzgUFSESlrBoT1kVjIsoCn0W8UEYM8oxpreatpf0V55zo/g+Zq3nVO048bemm3pyJRdjQ9XFTFYrPQvfYtKru0H8p6yinK/JsOGJ8Fo+Utarst69Wrrdk/LUlRTyrvLwjt8nkJl9krMoz01TVYlAzbYtF1q7H7SvyWzE9Kc4demlpRLaXLKnuVLD9RaaZrDqFU+1S0/WUX+zOJamv1VzoiCqGTxP/zPYiK0uhe6xgunQ38lm/ZOST4sxKVQ3bOK/5PsvzNXNoRWSyomIqPb29XlxmPaoLxkVK5cTVvtCDsdTGZkzm2UxSALWqp4tsL26JqBQ5KxL/zPY6huLrDd0sJU9HzIgRo/YwinOhU6pW6/gubcyEJ1Njmc6oVwZc1QvKLW9KUdme66rMUIeIamDm0rk+aigl1SaTZcjp7lTlqiRXdegi0udScypBX1RbWpRk+sqh3eWeq7p19Y8IFI5Nm3BEVbrjizCrlJVj2QajS/Y7B6mgd22jK2didrCW1spIJ+cIy5nOKQTGsInY5lNmM3fFEieGfiFXK9zYWvMe6HqePV7Un/V7Xc97MqYqohJPV7aEqhYVgUxVCe7sCOnUbJPXTWSnTTmKx6JkhQjdI5o0MhfhVBR1WIm5Cc1U1pHVDZ8lI8kXFJpOrT1oskmb9qay8ZyyI2zIlayiklxedChks8z5ujlSZyQ1YQBlastMVV07XBmxSXbkRHZvuGbpnM2OnInf2zmRd1lPTKlmrhkqwviWjKaK2rrrsTErWFnHhk+VKoYUCGf3qJGFQ6a+VdJBck1grum8FSOlZtmRA3IvGpOEcUBdtIHraMGF3KfTw1pyCu+6bA6fiV/mxDRUjcz1croiQ1Ja9kUu7Up26+ACF9VBziwjwGDFwkjTqaUrVHK469dHytUPDQPnQ69kE8lpuhHAk5lK0yJzwOlC0PHyvklHujHThFAkp8pIKeWaCpmlhktDkGz6+5RzRVElsGBxi88Js1YzbhNKp6QRlx5TBHFkceIJWVGRMc2ncXuqb9lMsDlbZC7dTe3g/0jq0NdRHR9kTiOZKkFW1If9VfNmhDnpitler/rWFPngYIE6frjmWuA64NseTlwchDVbYxokbooulSzZ9tCKa490lxxZsdpwzSLyuOVCl6g1XrjODymsokMVSLVDANZvqXYE9FrGT4VuS/v5YSh/1F80LSOPCDvHBzyjsSfzpMW2KiR/msESH5ZbeeZ19U+UbwgmjYno64Sys8LlZFmHveNgLHQAHi9DtBzs6dFGGI9dbga2KmOTTbTT3AaOWFdB9HKhGBAa1jXN74bKYZGSTEP4XZKwpeYy7lBBaNshaarBiguiuCpddpyGgk16JiuZpvy4zwK6ir5GDG05qKGX6+3Y+OD3nWBF7rvDdFObVdJHVSuog9whQnPSV2tVKudFz5/UPgR0oqmcyV0SKJh1w4vuo+ag+eSMWkt22zSQ0KK3JBmFI2pNa4u4475Z/GdE4qmm3qWG4wSV5DgplRNyt4jIMpory3nqo7m1ujvzexsb/wWax2lD) format("woff"), /*savepage-url=/_nuxt/fonts/element-icons.4520188.ttf*/ url() format("truetype") } [class*=" el-icon-"], [class^=el-icon-] { speak: none; font-feature-settings: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: element-icons !important; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; vertical-align: baseline } .el-icon-ice-cream-round:before { content: "\e6a0" } .el-icon-ice-cream-square:before { content: "\e6a3" } .el-icon-lollipop:before { content: "\e6a4" } .el-icon-potato-strips:before { content: "\e6a5" } .el-icon-milk-tea:before { content: "\e6a6" } .el-icon-ice-drink:before { content: "\e6a7" } .el-icon-ice-tea:before { content: "\e6a9" } .el-icon-coffee:before { content: "\e6aa" } .el-icon-orange:before { content: "\e6ab" } .el-icon-pear:before { content: "\e6ac" } .el-icon-apple:before { content: "\e6ad" } .el-icon-cherry:before { content: "\e6ae" } .el-icon-watermelon:before { content: "\e6af" } .el-icon-grape:before { content: "\e6b0" } .el-icon-refrigerator:before { content: "\e6b1" } .el-icon-goblet-square-full:before { content: "\e6b2" } .el-icon-goblet-square:before { content: "\e6b3" } .el-icon-goblet-full:before { content: "\e6b4" } .el-icon-goblet:before { content: "\e6b5" } .el-icon-cold-drink:before { content: "\e6b6" } .el-icon-coffee-cup:before { content: "\e6b8" } .el-icon-water-cup:before { content: "\e6b9" } .el-icon-hot-water:before { content: "\e6ba" } .el-icon-ice-cream:before { content: "\e6bb" } .el-icon-dessert:before { content: "\e6bc" } .el-icon-sugar:before { content: "\e6bd" } .el-icon-tableware:before { content: "\e6be" } .el-icon-burger:before { content: "\e6bf" } .el-icon-knife-fork:before { content: "\e6c1" } .el-icon-fork-spoon:before { content: "\e6c2" } .el-icon-chicken:before { content: "\e6c3" } .el-icon-food:before { content: "\e6c4" } .el-icon-dish-1:before { content: "\e6c5" } .el-icon-dish:before { content: "\e6c6" } .el-icon-moon-night:before { content: "\e6ee" } .el-icon-moon:before { content: "\e6f0" } .el-icon-cloudy-and-sunny:before { content: "\e6f1" } .el-icon-partly-cloudy:before { content: "\e6f2" } .el-icon-cloudy:before { content: "\e6f3" } .el-icon-sunny:before { content: "\e6f6" } .el-icon-sunset:before { content: "\e6f7" } .el-icon-sunrise-1:before { content: "\e6f8" } .el-icon-sunrise:before { content: "\e6f9" } .el-icon-heavy-rain:before { content: "\e6fa" } .el-icon-lightning:before { content: "\e6fb" } .el-icon-light-rain:before { content: "\e6fc" } .el-icon-wind-power:before { content: "\e6fd" } .el-icon-baseball:before { content: "\e712" } .el-icon-soccer:before { content: "\e713" } .el-icon-football:before { content: "\e715" } .el-icon-basketball:before { content: "\e716" } .el-icon-ship:before { content: "\e73f" } .el-icon-truck:before { content: "\e740" } .el-icon-bicycle:before { content: "\e741" } .el-icon-mobile-phone:before { content: "\e6d3" } .el-icon-service:before { content: "\e6d4" } .el-icon-key:before { content: "\e6e2" } .el-icon-unlock:before { content: "\e6e4" } .el-icon-lock:before { content: "\e6e5" } .el-icon-watch:before { content: "\e6fe" } .el-icon-watch-1:before { content: "\e6ff" } .el-icon-timer:before { content: "\e702" } .el-icon-alarm-clock:before { content: "\e703" } .el-icon-map-location:before { content: "\e704" } .el-icon-delete-location:before { content: "\e705" } .el-icon-add-location:before { content: "\e706" } .el-icon-location-information:before { content: "\e707" } .el-icon-location-outline:before { content: "\e708" } .el-icon-location:before { content: "\e79e" } .el-icon-place:before { content: "\e709" } .el-icon-discover:before { content: "\e70a" } .el-icon-first-aid-kit:before { content: "\e70b" } .el-icon-trophy-1:before { content: "\e70c" } .el-icon-trophy:before { content: "\e70d" } .el-icon-medal:before { content: "\e70e" } .el-icon-medal-1:before { content: "\e70f" } .el-icon-stopwatch:before { content: "\e710" } .el-icon-mic:before { content: "\e711" } .el-icon-copy-document:before { content: "\e718" } .el-icon-full-screen:before { content: "\e719" } .el-icon-switch-button:before { content: "\e71b" } .el-icon-aim:before { content: "\e71c" } .el-icon-crop:before { content: "\e71d" } .el-icon-odometer:before { content: "\e71e" } .el-icon-time:before { content: "\e71f" } .el-icon-bangzhu:before { content: "\e724" } .el-icon-close-notification:before { content: "\e726" } .el-icon-microphone:before { content: "\e727" } .el-icon-turn-off-microphone:before { content: "\e728" } .el-icon-position:before { content: "\e729" } .el-icon-postcard:before { content: "\e72a" } .el-icon-message:before { content: "\e72b" } .el-icon-chat-line-square:before { content: "\e72d" } .el-icon-chat-dot-square:before { content: "\e72e" } .el-icon-chat-dot-round:before { content: "\e72f" } .el-icon-chat-square:before { content: "\e730" } .el-icon-chat-line-round:before { content: "\e731" } .el-icon-chat-round:before { content: "\e732" } .el-icon-set-up:before { content: "\e733" } .el-icon-turn-off:before { content: "\e734" } .el-icon-open:before { content: "\e735" } .el-icon-connection:before { content: "\e736" } .el-icon-link:before { content: "\e737" } .el-icon-cpu:before { content: "\e738" } .el-icon-thumb:before { content: "\e739" } .el-icon-female:before { content: "\e73a" } .el-icon-male:before { content: "\e73b" } .el-icon-guide:before { content: "\e73c" } .el-icon-news:before { content: "\e73e" } .el-icon-price-tag:before { content: "\e744" } .el-icon-discount:before { content: "\e745" } .el-icon-wallet:before { content: "\e747" } .el-icon-coin:before { content: "\e748" } .el-icon-money:before { content: "\e749" } .el-icon-bank-card:before { content: "\e74a" } .el-icon-box:before { content: "\e74b" } .el-icon-present:before { content: "\e74c" } .el-icon-sell:before { content: "\e6d5" } .el-icon-sold-out:before { content: "\e6d6" } .el-icon-shopping-bag-2:before { content: "\e74d" } .el-icon-shopping-bag-1:before { content: "\e74e" } .el-icon-shopping-cart-2:before { content: "\e74f" } .el-icon-shopping-cart-1:before { content: "\e750" } .el-icon-shopping-cart-full:before { content: "\e751" } .el-icon-smoking:before { content: "\e752" } .el-icon-no-smoking:before { content: "\e753" } .el-icon-house:before { content: "\e754" } .el-icon-table-lamp:before { content: "\e755" } .el-icon-school:before { content: "\e756" } .el-icon-office-building:before { content: "\e757" } .el-icon-toilet-paper:before { content: "\e758" } .el-icon-notebook-2:before { content: "\e759" } .el-icon-notebook-1:before { content: "\e75a" } .el-icon-files:before { content: "\e75b" } .el-icon-collection:before { content: "\e75c" } .el-icon-receiving:before { content: "\e75d" } .el-icon-suitcase-1:before { content: "\e760" } .el-icon-suitcase:before { content: "\e761" } .el-icon-film:before { content: "\e763" } .el-icon-collection-tag:before { content: "\e765" } .el-icon-data-analysis:before { content: "\e766" } .el-icon-pie-chart:before { content: "\e767" } .el-icon-data-board:before { content: "\e768" } .el-icon-data-line:before { content: "\e76d" } .el-icon-reading:before { content: "\e769" } .el-icon-magic-stick:before { content: "\e76a" } .el-icon-coordinate:before { content: "\e76b" } .el-icon-mouse:before { content: "\e76c" } .el-icon-brush:before { content: "\e76e" } .el-icon-headset:before { content: "\e76f" } .el-icon-umbrella:before { content: "\e770" } .el-icon-scissors:before { content: "\e771" } .el-icon-mobile:before { content: "\e773" } .el-icon-attract:before { content: "\e774" } .el-icon-monitor:before { content: "\e775" } .el-icon-search:before { content: "\e778" } .el-icon-takeaway-box:before { content: "\e77a" } .el-icon-paperclip:before { content: "\e77d" } .el-icon-printer:before { content: "\e77e" } .el-icon-document-add:before { content: "\e782" } .el-icon-document:before { content: "\e785" } .el-icon-document-checked:before { content: "\e786" } .el-icon-document-copy:before { content: "\e787" } .el-icon-document-delete:before { content: "\e788" } .el-icon-document-remove:before { content: "\e789" } .el-icon-tickets:before { content: "\e78b" } .el-icon-folder-checked:before { content: "\e77f" } .el-icon-folder-delete:before { content: "\e780" } .el-icon-folder-remove:before { content: "\e781" } .el-icon-folder-add:before { content: "\e783" } .el-icon-folder-opened:before { content: "\e784" } .el-icon-folder:before { content: "\e78a" } .el-icon-edit-outline:before { content: "\e764" } .el-icon-edit:before { content: "\e78c" } .el-icon-date:before { content: "\e78e" } .el-icon-c-scale-to-original:before { content: "\e7c6" } .el-icon-view:before { content: "\e6ce" } .el-icon-loading:before { content: "\e6cf" } .el-icon-rank:before { content: "\e6d1" } .el-icon-sort-down:before { content: "\e7c4" } .el-icon-sort-up:before { content: "\e7c5" } .el-icon-sort:before { content: "\e6d2" } .el-icon-finished:before { content: "\e6cd" } .el-icon-refresh-left:before { content: "\e6c7" } .el-icon-refresh-right:before { content: "\e6c8" } .el-icon-refresh:before { content: "\e6d0" } .el-icon-video-play:before { content: "\e7c0" } .el-icon-video-pause:before { content: "\e7c1" } .el-icon-d-arrow-right:before { content: "\e6dc" } .el-icon-d-arrow-left:before { content: "\e6dd" } .el-icon-arrow-up:before { content: "\e6e1" } .el-icon-arrow-down:before { content: "\e6df" } .el-icon-arrow-right:before { content: "\e6e0" } .el-icon-arrow-left:before { content: "\e6de" } .el-icon-top-right:before { content: "\e6e7" } .el-icon-top-left:before { content: "\e6e8" } .el-icon-top:before { content: "\e6e6" } .el-icon-bottom:before { content: "\e6eb" } .el-icon-right:before { content: "\e6e9" } .el-icon-back:before { content: "\e6ea" } .el-icon-bottom-right:before { content: "\e6ec" } .el-icon-bottom-left:before { content: "\e6ed" } .el-icon-caret-top:before { content: "\e78f" } .el-icon-caret-bottom:before { content: "\e790" } .el-icon-caret-right:before { content: "\e791" } .el-icon-caret-left:before { content: "\e792" } .el-icon-d-caret:before { content: "\e79a" } .el-icon-share:before { content: "\e793" } .el-icon-menu:before { content: "\e798" } .el-icon-s-grid:before { content: "\e7a6" } .el-icon-s-check:before { content: "\e7a7" } .el-icon-s-data:before { content: "\e7a8" } .el-icon-s-opportunity:before { content: "\e7aa" } .el-icon-s-custom:before { content: "\e7ab" } .el-icon-s-claim:before { content: "\e7ad" } .el-icon-s-finance:before { content: "\e7ae" } .el-icon-s-comment:before { content: "\e7af" } .el-icon-s-flag:before { content: "\e7b0" } .el-icon-s-marketing:before { content: "\e7b1" } .el-icon-s-shop:before { content: "\e7b4" } .el-icon-s-open:before { content: "\e7b5" } .el-icon-s-management:before { content: "\e7b6" } .el-icon-s-ticket:before { content: "\e7b7" } .el-icon-s-release:before { content: "\e7b8" } .el-icon-s-home:before { content: "\e7b9" } .el-icon-s-promotion:before { content: "\e7ba" } .el-icon-s-operation:before { content: "\e7bb" } .el-icon-s-unfold:before { content: "\e7bc" } .el-icon-s-fold:before { content: "\e7a9" } .el-icon-s-platform:before { content: "\e7bd" } .el-icon-s-order:before { content: "\e7be" } .el-icon-s-cooperation:before { content: "\e7bf" } .el-icon-bell:before { content: "\e725" } .el-icon-message-solid:before { content: "\e799" } .el-icon-video-camera:before { content: "\e772" } .el-icon-video-camera-solid:before { content: "\e796" } .el-icon-camera:before { content: "\e779" } .el-icon-camera-solid:before { content: "\e79b" } .el-icon-download:before { content: "\e77c" } .el-icon-upload2:before { content: "\e77b" } .el-icon-upload:before { content: "\e7c3" } .el-icon-picture-outline-round:before { content: "\e75f" } .el-icon-picture-outline:before { content: "\e75e" } .el-icon-picture:before { content: "\e79f" } .el-icon-close:before { content: "\e6db" } .el-icon-check:before { content: "\e6da" } .el-icon-plus:before { content: "\e6d9" } .el-icon-minus:before { content: "\e6d8" } .el-icon-help:before { content: "\e73d" } .el-icon-s-help:before { content: "\e7b3" } .el-icon-circle-close:before { content: "\e78d" } .el-icon-circle-check:before { content: "\e720" } .el-icon-circle-plus-outline:before { content: "\e723" } .el-icon-remove-outline:before { content: "\e722" } .el-icon-zoom-out:before { content: "\e776" } .el-icon-zoom-in:before { content: "\e777" } .el-icon-error:before { content: "\e79d" } .el-icon-success:before { content: "\e79c" } .el-icon-circle-plus:before { content: "\e7a0" } .el-icon-remove:before { content: "\e7a2" } .el-icon-info:before { content: "\e7a1" } .el-icon-question:before { content: "\e7a4" } .el-icon-warning-outline:before { content: "\e6c9" } .el-icon-warning:before { content: "\e7a3" } .el-icon-goods:before { content: "\e7c2" } .el-icon-s-goods:before { content: "\e7b2" } .el-icon-star-off:before { content: "\e717" } .el-icon-star-on:before { content: "\e797" } .el-icon-more-outline:before { content: "\e6cc" } .el-icon-more:before { content: "\e794" } .el-icon-phone-outline:before { content: "\e6cb" } .el-icon-phone:before { content: "\e795" } .el-icon-user:before { content: "\e6e3" } .el-icon-user-solid:before { content: "\e7a5" } .el-icon-setting:before { content: "\e6ca" } .el-icon-s-tools:before { content: "\e7ac" } .el-icon-delete:before { content: "\e6d7" } .el-icon-delete-solid:before { content: "\e7c9" } .el-icon-eleme:before { content: "\e7c7" } .el-icon-platform-eleme:before { content: "\e7ca" } .el-icon-loading { animation: rotating 2s linear infinite } .el-icon--right { margin-left: 5px } .el-icon--left { margin-right: 5px } @keyframes rotating { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .el-loading-parent--relative { position: relative !important } .el-loading-parent--hidden { overflow: hidden !important } .el-loading-mask { background-color: hsla(0, 0%, 100%, .9); bottom: 0; left: 0; margin: 0; position: absolute; right: 0; top: 0; transition: opacity .3s; z-index: 2000 } .el-loading-mask.is-fullscreen { position: fixed } .el-loading-mask.is-fullscreen .el-loading-spinner { margin-top: -25px } .el-loading-mask.is-fullscreen .el-loading-spinner .circular { height: 50px; width: 50px } .el-loading-spinner { margin-top: -21px; position: absolute; text-align: center; top: 50%; width: 100% } .el-loading-spinner .el-loading-text { color: #409eff; font-size: 14px; margin: 3px 0 } .el-loading-spinner .circular { animation: loading-rotate 2s linear infinite; height: 42px; width: 42px } .el-loading-spinner .path { stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 2; stroke: #409eff; stroke-linecap: round; animation: loading-dash 1.5s ease-in-out infinite } .el-loading-spinner i { color: #409eff } .el-loading-fade-enter, .el-loading-fade-leave-active { opacity: 0 } @keyframes loading-rotate { to { transform: rotate(1turn) } } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px } to { stroke-dasharray: 90, 150; stroke-dashoffset: -120px } } .error-page[data-v-9196a13c] { align-items: center; color: #fff; display: flex; gap: 40px; height: calc(100vh - 150px); justify-content: center; text-align: center; width: 100vw } .error-page img[data-v-9196a13c] { height: auto; width: 500px } .error-page .info[data-v-9196a13c] { display: flex; flex-direction: column; gap: 30px; height: 100%; justify-content: center } .error-page h1[data-v-9196a13c] { font-size: 30px; margin: 0 } .error-page a[data-v-9196a13c] { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 23px; color: #fff; font-size: 18px; padding: 10px 30px; text-decoration: none; text-decoration: initial } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { -webkit-text-size-adjust: 100%; line-height: 1.15 } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; -webkit-text-decoration: underline; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden], template { display: none } .lgraphcanvas { font-family: Tahoma, sans-serif; outline: none; user-select: none; -moz-user-select: none; -webkit-user-select: none } .lgraphcanvas * { box-sizing: border-box } .litegraph.litecontextmenu { background-color: #2e2e2e !important; box-shadow: 0 0 10px #000 !important; color: #aaf; font-family: Tahoma, sans-serif; left: 100px; min-width: 100px; padding: 0; position: fixed; top: 100px; z-index: 10 } .litegraph.litecontextmenu.dark { background-color: #000 !important } .litegraph.litecontextmenu .litemenu-title img { margin-left: 2px; margin-right: 4px; margin-top: 2px } .litegraph.litecontextmenu .litemenu-entry { margin: 2px; padding: 2px } .litegraph.litecontextmenu .litemenu-entry.submenu { background-color: #2e2e2e !important } .litegraph.litecontextmenu.dark .litemenu-entry.submenu { background-color: #000 !important } .litegraph .litemenubar ul { font-family: Tahoma, sans-serif; margin: 0; padding: 0 } .litegraph .litemenubar li { color: #999; cursor: pointer; display: inline-block; font-size: 14px; min-width: 50px; padding-left: 10px; padding-right: 10px; user-select: none; -moz-user-select: none; -webkit-user-select: none } .litegraph .litemenubar li:hover { background-color: #777; color: #eee } .litegraph .litegraph .litemenubar-panel { background-color: #444; border-bottom: 2px solid #aaf; box-shadow: 0 0 3px #000; left: 5px; min-width: 100px; padding: 4px; position: absolute; top: 5px; z-index: 10 } .litegraph .litemenu-entry, .litemenu-title { color: #aaa; cursor: pointer; font-size: 12px; margin: 2px; padding: 0 0 0 2px; -moz-user-select: none; -webkit-user-select: none; user-select: none } .litegraph .litemenu-entry .icon { display: inline-block; height: 12px; margin: 2px; vertical-align: top; width: 12px } .litegraph .litemenu-entry.checked .icon { background-color: #aaf } .litegraph .litemenu-entry .more { float: right; padding-right: 5px } .litegraph .litemenu-entry.disabled { cursor: default; opacity: .5 } .litegraph .litemenu-entry.separator { background-color: transparent; border-bottom: 1px solid #666; border-top: 1px solid #333; cursor: default !important; display: block; height: 0; margin: 3px 0 2px; padding: 0 !important; width: 100% } .litegraph .litemenu-entry.has_submenu { border-right: 2px solid cyan } .litegraph .litemenu-title { background-color: #111; color: #dde; cursor: default; margin: 0; padding: 2px } .litegraph .litemenu-entry:hover:not(.disabled):not(.separator) { background-color: #444 !important; color: #eee; transition: all .2s } .litegraph .litemenu-entry .property_name { display: inline-block; min-height: 1.2em; min-width: 80px; text-align: left } .litegraph .litemenu-entry .property_value { background-color: rgba(0, 0, 0, .5); display: inline-block; min-height: 1.2em; min-width: 80px; padding-right: 10px; text-align: right; vertical-align: middle } .litegraph.litesearchbox { background-color: rgba(0, 0, 0, .5); font-family: Tahoma, sans-serif; padding-top: 4px; position: absolute } .litegraph.litesearchbox input, .litegraph.litesearchbox select { background-color: #000; border: 0; color: #fff; margin-right: 5px; margin-top: 3px; max-width: 300px; min-height: 1.5em; min-width: 60px; padding-left: 10px } .litegraph.litesearchbox .name { display: inline-block; min-height: 1.5em; min-width: 60px; padding-left: 10px } .litegraph.litesearchbox .helper { margin-top: 2px; max-height: 200px; overflow: auto } .litegraph.lite-search-item { background-color: rgba(0, 0, 0, .5); color: #fff; font-family: Tahoma, sans-serif; padding-top: 2px } .litegraph.lite-search-item.not_in_filter { color: #b99; font-style: italic } .litegraph.lite-search-item.generic_type { color: #999; font-style: italic } .litegraph.lite-search-item.selected, .litegraph.lite-search-item:hover { background-color: #fff; color: #000; cursor: pointer } .litegraph.lite-search-item-type { background: rgba(0, 0, 0, .2); border-radius: 4px; display: inline-block; font-size: 14px; margin-left: 5px; opacity: .8; padding: 2px 5px; position: relative; top: -2px } .litegraph .dialog { background-color: #2a2a2a; border-radius: 6px; box-shadow: 0 0 4px #111; left: 50%; margin-left: -200px; margin-top: -150px; min-height: 200px; min-width: 400px; position: absolute; top: 50% } .litegraph .dialog.settings { height: calc(100% - 20px); left: 10px; margin: auto; max-width: 50%; top: 10px } .litegraph .dialog.centered { height: calc(100% - 100px); left: 50%; margin: auto; min-height: 300px; min-width: 600px; position: absolute; top: 50px; transform: translateX(-50%) } .litegraph .dialog .close { cursor: pointer; float: right; font-size: 1.4em; margin: 4px 10px 4px 4px } .litegraph .dialog .close:hover { color: #fff } .litegraph .dialog .dialog-header { border-bottom: 1px solid #161616; color: #aaa; height: 40px } .litegraph .dialog .dialog-footer { border-top: 1px solid #1a1a1a; height: 50px; padding: 10px } .litegraph .dialog .dialog-header .dialog-title { display: inline-block; font: 20px Arial; margin: 4px; padding: 4px 10px } .litegraph .dialog .dialog-alt-content, .litegraph .dialog .dialog-content { color: #aaa; display: inline-block; height: calc(100% - 90px); min-height: 100px; overflow: auto; width: 100% } .litegraph .dialog .dialog-content h3 { margin: 10px } .litegraph .dialog .dialog-content .connections { flex-direction: row } .litegraph .dialog .dialog-content .connections .connections_side { background-color: #000; display: flex; min-height: 100px; width: calc(50% - 5px) } .litegraph .dialog .node_type { display: block; font-size: 1.2em; margin: 10px } .litegraph .dialog .node_desc { display: block; margin: 10px; opacity: .5 } .litegraph .dialog .separator { border-bottom: 1px solid #333; border-top: 1px solid #000; display: block; height: 1px; margin: 10px 2px; padding: 0; width: calc(100% - 4px) } .litegraph .dialog .property { margin-bottom: 2px; padding: 4px } .litegraph .dialog .property:hover { background: #545454 } .litegraph .dialog .property_name { color: #737373; display: inline-block; margin-right: 6px; overflow: hidden; padding-left: 4px; text-align: left; vertical-align: top; width: 160px } .litegraph .dialog .property:hover .property_name { color: #fff } .litegraph .dialog .property_value { background-color: #1a1a1a; border-radius: 3px; color: #aaa; cursor: pointer; display: inline-block; max-height: 300px; max-width: calc(100% - 162px); min-height: 20px; min-width: 200px; overflow: hidden; padding: 4px 12px 4px 4px; text-align: right } .litegraph .dialog .property_value:hover { color: #fff } .litegraph .dialog .property.boolean .property_value { color: #a88; padding-right: 30px } .litegraph .dialog .property.boolean.bool-on .property_name, .litegraph .dialog .property.boolean.bool-on .property_value { color: #8a8 } .litegraph .dialog .btn { background-color: #060606; border: 0; border-radius: 4px; color: #8e8e8e; margin-left: 0; padding: 4px 20px } .litegraph .dialog .btn:hover { background-color: #111; color: #fff } .litegraph .dialog .btn.delete:hover { background-color: #f33; color: #000 } .litegraph .subgraph_property { padding: 4px } .litegraph .subgraph_property:hover { background-color: #333 } .litegraph .subgraph_property.extra { margin-top: 8px } .litegraph .subgraph_property span.name { font-size: 1.3em; padding-left: 4px } .litegraph .subgraph_property span.type { margin-right: 20px; opacity: .5; padding-left: 4px } .litegraph .subgraph_property span.label { display: inline-block; padding: 0 10px; width: 60px } .litegraph .subgraph_property input { background-color: #1a1a1a; border: 0; border-radius: 4px; color: #999; margin-right: 10px; padding: 4px 4px 4px 10px; width: 140px } .litegraph .subgraph_property button { background-color: #1c1c1c; border: 0; border-radius: 2px; color: #aaa; cursor: pointer; padding: 4px 10px } .litegraph .subgraph_property.extra { color: #ccc } .litegraph .subgraph_property.extra input { background-color: #111 } .litegraph .bullet_icon { background-color: #666; border-radius: 10px; display: inline-block; height: 12px; margin-left: 10px; margin-right: 4px; margin-top: 2px; transition: background-color .1s ease 0s; -moz-transition: background-color .1s ease 0s; width: 12px } .litegraph .bullet_icon:hover { background-color: #698; cursor: pointer } .graphcontextmenu { min-width: 100px; padding: 4px } .graphcontextmenu-title { background-color: #222; color: #dde; cursor: default; margin: 0; padding: 2px } .graphmenu-entry { box-sizing: border-box; margin: 2px; padding-left: 20px; transition: all .3s linear; user-select: none; -moz-user-select: none; -webkit-user-select: none } .graphmenu-entry.event, .litemenu-entry.event { border-left: 8px solid orange; padding-left: 12px } .graphmenu-entry.disabled { opacity: .3 } .graphmenu-entry.submenu { border-right: 2px solid #eee } .graphmenu-entry:hover { background-color: #555 } .graphmenu-entry.separator { background-color: #111; border-bottom: 1px solid #666; height: 1px; width: calc(100% - 20px); -moz-width: calc(100% - 20px); -webkit-width: calc(100% - 20px) } .graphmenu-entry .property_name { display: inline-block; min-height: 1.2em; min-width: 80px; text-align: left } .graphmenu-entry .property_value, .litemenu-entry .property_value { background-color: rgba(0, 0, 0, .5); display: inline-block; min-height: 1.2em; min-width: 80px; padding-right: 10px; text-align: right; vertical-align: middle } .graphdialog { background-color: #333; box-shadow: 0 0 10px #000 !important; font-size: 1.2em; left: 10px; min-height: 2em; position: absolute; top: 10px; z-index: 10 } .graphdialog.rounded { border-radius: 12px; padding-right: 2px } .graphdialog .name { display: inline-block; min-height: 1.5em; min-width: 60px; padding-left: 10px } .graphdialog input, .graphdialog select, .graphdialog textarea { background-color: #000; border: 0; color: #fff; margin: 3px; min-height: 1.5em; min-width: 60px; outline: none; padding-left: 10px } .graphdialog textarea { min-height: 150px } .graphdialog button { background-color: #999; border: 0; margin-top: 3px; vertical-align: top } .graphdialog button.rounded, .graphdialog input.rounded { border-radius: 0 12px 12px 0 } .graphdialog .helper { max-height: 200px; overflow: auto } .graphdialog .help-item { padding-left: 10px } .graphdialog .help-item.selected, .graphdialog .help-item:hover { background-color: #fff; color: #000; cursor: pointer } .litegraph .dialog { min-height: 0 } .litegraph .dialog .dialog-content { display: block } .litegraph .dialog .dialog-content .subgraph_property { padding: 5px } .litegraph .dialog .dialog-footer { margin: 0 } .litegraph .dialog .dialog-footer .subgraph_property { align-items: center; display: flex; margin-top: 0; padding: 5px } .litegraph .dialog .dialog-footer .subgraph_property .name { flex: 1 } .litegraph .graphdialog { align-items: center; border-radius: 20px; display: flex; padding: 4px 10px; position: fixed } .litegraph .graphdialog .name { font-size: 16px; min-height: 0; padding: 0; vertical-align: middle } .litegraph .graphdialog .value { font-size: 16px; margin: 0 10px; min-height: 0; padding: 2px 5px } .litegraph .graphdialog input[type=checkbox] { height: 16px; width: 16px } .litegraph .graphdialog button { border-radius: 20px; cursor: pointer; padding: 4px 18px } :root { --comfy-uifg-color: #000; --comfy-uibg-color: #fff; --comfy-uicomfy-menu-bg: #353535; --comfy-uicomfy-input-bg: #222; --comfy-uiinput-text: #ddd; --comfy-uidescrip-text: #999; --comfy-uidrag-text: #ccc; --comfy-uierror-text: #f44; --comfy-uiborder-color: #4e4e4e; --comfy-uitr-even-bg-color: #222; --comfy-uitr-odd-bg-color: #353535 } @media (prefers-color-scheme: dark) { :root { --comfy-uifg-color: #fff; --comfy-uibg-color: #202020 } } .comfy-multiline-input { background-color: #222; background-color: var(--comfy-uicomfy-input-bg); border: none; box-sizing: border-box; color: #ddd; color: var(--comfy-uiinput-text); font-size: 10px; overflow: hidden; overflow-y: auto; padding: 2px; resize: none; z-index: 2 !important } .comfy-modal { background-color: #353535; background-color: var(--comfy-uicomfy-menu-bg); border-radius: 10px; box-shadow: 0 0 20px #888; color: #f44; color: var(--comfy-uierror-text); display: none; font-family: monospace; font-size: 15px; justify-content: center; left: 50%; max-height: 80vh; max-width: 80vw; overflow: hidden; padding: 30px 30px 10px; position: fixed; top: 50%; transform: translate(-50%, -50%); z-index: 100 } .comfy-modal-content { display: flex; flex-direction: column } .comfy-modal p { margin-bottom: 20px; overflow: auto; white-space: pre-line } .comfy-modal input[type=button], .comfy-modal input[type=checkbox], .comfy-modal select { margin: 3px 3px 3px 4px } .comfy-menu-hamburger { cursor: pointer; display: none; flex-direction: column; gap: 8px; position: fixed; right: 10px; top: 10px; width: 30px; z-index: 9999 } .comfy-menu-hamburger div { background-color: #fff; border-radius: 20px; height: 3px; width: 100% } .comfy-menu { align-items: center; background-color: #353535; background-color: var(--comfy-uicomfy-menu-bg); border-radius: 0 8px 8px 8px; box-shadow: 3px 3px 8px rgba(0, 0, 0, .4); color: #999; color: var(--comfy-uidescrip-text); flex-direction: column; font-family: sans-serif; font-size: 15px; padding: 10px; position: absolute; right: 0; text-align: center; top: 50%; width: 170px; z-index: 999 } .comfy-menu, .comfy-menu-header { display: flex } .comfy-menu-actions { align-items: center; display: flex; font-size: 22px; gap: 3px; height: 20px; position: relative; top: -1px } .comfy-menu .comfy-menu-actions button { background-color: transparent; border: none; cursor: pointer; font-size: inherit; padding: 0 } .comfy-menu .comfy-menu-actions .comfy-settings-btn { font-size: .6em } button.comfy-close-menu-btn { color: #ccc; font-size: 1em; line-height: 12px; position: relative; top: -1px } .comfy-menu-queue-size { flex: auto } .comfy-menu button, .comfy-modal button { font-size: 20px } .comfy-menu-btns { margin-bottom: 10px; width: 100% } .comfy-menu-btns button { color: #999 !important; color: var(--comfy-uidescrip-text) !important; font-size: 10px; width: 50% } .comfy-menu > button { width: 100% } .comfy-btn, .comfy-menu .comfy-list button, .comfy-menu-btns button, .comfy-menu > button, .comfy-modal button { background-color: #222; background-color: var(--comfy-uicomfy-input-bg); border-color: #4e4e4e; border-color: var(--comfy-uiborder-color); border-radius: 8px; border-style: solid; color: #ddd; color: var(--comfy-uiinput-text); margin-top: 2px } .comfy-btn:hover:not(:disabled), .comfy-menu .comfy-list button:hover, .comfy-menu-actions button:hover, .comfy-menu-btns button:hover, .comfy-menu > button:hover, .comfy-modal button:hover { cursor: pointer; filter: brightness(1.2); will-change: transform } span.drag-handle { color: #ccc; color: var(--comfy-uidrag-text); cursor: move; display: inline-block; font-family: sans-serif; font-size: 12px; height: 20px; letter-spacing: 2px; line-height: 5px; margin-left: -.2em; margin-top: -.4em; overflow: hidden; padding: 3px 4px; text-shadow: 1px 0 1px #000; vertical-align: middle; width: 10px } span.drag-handle:after { content: ".. .. .." } .comfy-queue-btn { width: 100% } .comfy-list { background-color: #353535; background-color: var(--comfy-uicomfy-menu-bg); border-color: #4e4e4e; border-color: var(--comfy-uiborder-color); border-style: solid; color: #999; color: var(--comfy-uidescrip-text); margin-bottom: 10px } .comfy-list-items { background-color: #222; background-color: var(--comfy-uicomfy-input-bg); max-height: 100px; min-height: 25px; overflow-y: scroll; padding: 5px } .comfy-list h4 { font-weight: 400; margin: 0; min-width: 160px; padding: 3px } .comfy-list-items button { font-size: 10px } .comfy-list-actions { display: flex; gap: 5px; justify-content: center; margin: 5px } .comfy-list-actions button { font-size: 12px } button.comfy-queue-btn { margin: 6px 0 !important } .comfy-modal.comfy-manage-templates, .comfy-modal.comfy-settings { color: #999; color: var(--comfy-uidescrip-text); font-family: sans-serif; text-align: center; z-index: 99 } .comfy-modal.comfy-settings input[type=range] { vertical-align: middle } .comfy-modal.comfy-settings input[type=range] + input[type=number] { width: 3.5em } .comfy-modal input, .comfy-modal select { background-color: #222; background-color: var(--comfy-uicomfy-input-bg); border-color: #4e4e4e; border-color: var(--comfy-uiborder-color); border-radius: 8px; border-style: solid; color: #ddd; color: var(--comfy-uiinput-text); font-size: inherit } .comfy-tooltip-indicator { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-style: dashed } @media only screen and (max-height: 850px) { .comfy-menu { border-radius: 0; bottom: 0 !important; left: auto !important; right: 0 !important; top: 0 !important } .comfy-menu span.drag-handle { display: none } .comfy-menu-queue-size { flex: initial } .comfy-menu-header { justify-content: space-between } .comfy-menu-actions { font-size: 28px; gap: 10px } } .graphdialog { background-color: #353535; background-color: var(--comfy-uicomfy-menu-bg); min-height: 1em } .graphdialog .name { color: #999; color: var(--comfy-uidescrip-text); font-family: sans-serif; font-size: 14px } .graphdialog button { height: 1.6em; margin-top: 0; padding-right: 8px; vertical-align: baseline; vertical-align: initial } .graphdialog input, .graphdialog select, .graphdialog textarea { background-color: #222; background-color: var(--comfy-uicomfy-input-bg); border: 2px solid #4e4e4e; border-color: var(--comfy-uiborder-color); border-radius: 12px 0 0 12px; color: #ddd; color: var(--comfy-uiinput-text) } dialog { box-shadow: 0 0 20px #888 } dialog::backdrop { background: rgba(0, 0, 0, .5) } #comfy-settings-dialog { padding: 0; width: 41rem } #comfy-settings-dialog tr > td:first-child { text-align: right } #comfy-settings-dialog table > button, #comfy-settings-dialog tbody button { background-color: #fff; background-color: var(--comfy-uibg-color); border: 1px solid #4e4e4e; border: 1px solid var(--comfy-uiborder-color); border-radius: 0; color: #ddd; color: var(--comfy-uiinput-text); font-size: 1rem; padding: .5rem } #comfy-settings-dialog button:hover { background-color: #353535; background-color: var(--comfy-uitr-odd-bg-color) } .comfy-table { border-collapse: collapse; font-family: Arial, sans-serif; width: 100% } .comfy-table, .comfy-table caption { color: #ddd; color: var(--comfy-uiinput-text) } .comfy-table caption { background-color: #fff; background-color: var(--comfy-uibg-color); border-bottom: 1px solid #4e4e4e; border-bottom: 1px solid var(--comfy-uiborder-color); font-size: 1rem; font-weight: 700; padding: 8px; position: sticky; text-align: center; top: 0 } .comfy-table caption .comfy-btn { aspect-ratio: 1/1; border: none; border-radius: 0; bottom: 0; cursor: pointer; font-size: 20px; height: 100%; position: absolute; right: 0; top: -2px; -webkit-user-select: none; -moz-user-select: none; user-select: none } .comfy-table caption .comfy-btn:focus { outline: none } .comfy-table tr:nth-child(2n) { background-color: #222; background-color: var(--comfy-uitr-even-bg-color) } .comfy-table tr:nth-child(odd) { background-color: #353535; background-color: var(--comfy-uitr-odd-bg-color) } .comfy-table td, .comfy-table th { border: 1px solid #4e4e4e; border: 1px solid var(--comfy-uiborder-color); padding: 8px } .litegraph .dialog { font-family: Arial, sans-serif; z-index: 1 } .litegraph .litemenu-entry.has_submenu { padding-right: 20px; position: relative } .litemenu-entry.has_submenu:after { content: ">"; position: absolute; right: 2px; top: 0 } .litegraph.litecontextmenu, .litegraph.litecontextmenu.dark { background-color: #353535 !important; background-color: var(--comfy-uicomfy-menu-bg) !important; filter: brightness(95%); will-change: transform; z-index: 9999 !important } .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator) { filter: brightness(155%); will-change: transform } .litegraph.litecontextmenu .litemenu-entry.submenu, .litegraph.litecontextmenu .litemenu-entry:hover:not(.disabled):not(.separator), .litegraph.litecontextmenu.dark .litemenu-entry.submenu { background-color: #353535 !important; background-color: var(--comfy-uicomfy-menu-bg) !important; color: #ddd; color: var(--comfy-uiinput-text) } .litegraph.litecontextmenu input { background-color: #222 !important; background-color: var(--comfy-uicomfy-input-bg) !important; color: #ddd !important; color: var(--comfy-uiinput-text) !important } .comfy-context-menu-filter { border: 1px solid #999; box-sizing: border-box; margin: 0 0 5px 5px; width: calc(100% - 10px) } .comfy-img-preview { align-content: flex-start; display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; pointer-events: none } .comfy-img-preview img { height: var(--comfy-uicomfy-img-preview-height); -o-object-fit: contain; object-fit: contain; width: var(--comfy-uicomfy-img-preview-width) } .comfy-missing-nodes li button { font-size: 12px; margin-left: 5px } .litegraph.litesearchbox { background-color: #353535 !important; background-color: var(--comfy-uicomfy-menu-bg) !important; display: block; overflow: hidden; z-index: 9999 !important } .litegraph.litesearchbox input, .litegraph.litesearchbox select { background-color: #222 !important; background-color: var(--comfy-uicomfy-input-bg) !important; color: #ddd; color: var(--comfy-uiinput-text) } .litegraph.lite-search-item { background-color: #222; background-color: var(--comfy-uicomfy-input-bg); color: #ddd; color: var(--comfy-uiinput-text); filter: brightness(80%); padding-left: .2em; will-change: transform } .litegraph.lite-search-item.generic_type { color: #ddd; color: var(--comfy-uiinput-text); filter: brightness(50%); will-change: transform } @media only screen and (max-width: 450px) { #comfy-settings-dialog .comfy-table tbody, #comfy-settings-dialog .comfy-table tr { display: grid } #comfy-settings-dialog tr > td:first-child { border-bottom: none; padding-bottom: 0; text-align: center } #comfy-settings-dialog tr > td:not(:first-child) { border-top: none; text-align: center } } .about-content[data-v-30f5c97e] { display: flex; margin: 50px 0; padding: 0 77px } .about-content .column-title[data-v-30f5c97e] { color: #fcfcfd; font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 20px } .about-content .footer-logo[data-v-30f5c97e] { align-items: center; display: flex; flex-direction: column; flex-grow: 1; gap: 35px } .about-content .footer-logo .lang-btn[data-v-30f5c97e] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 6px; box-sizing: border-box; color: #777e91; cursor: pointer; display: flex; justify-content: space-between; padding: 10px 15px; width: 136px } .about-content .footer-links[data-v-30f5c97e] { display: flex; flex-grow: 1; justify-content: space-evenly; max-width: 540px; min-width: 170px } .about-content .footer-links .column .column-list[data-v-30f5c97e] { display: flex; flex-direction: column; gap: 18px } .about-content .footer-links .column .column-list .column-link[data-v-30f5c97e] { color: #777e90; cursor: pointer; -webkit-text-decoration: none; text-decoration: none } .about-content .footer-links .column .column-list .column-link[data-v-30f5c97e]:hover { color: #4784ff } .about-content .footer-apps[data-v-30f5c97e] { display: flex; flex-direction: column; flex-grow: 1; gap: 30px } .about-content .footer-apps .up .column-title[data-v-30f5c97e] { color: #fcfcfd; font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 20px } .about-content .footer-apps .up .app-btns[data-v-30f5c97e] { display: flex; flex-direction: column; gap: 10px } .about-content .footer-apps .up .app-btns .app-link[data-v-30f5c97e] { cursor: pointer; -webkit-text-decoration: none; text-decoration: none; width: 190px } .about-content .footer-apps .up .app-btns .app-link .app-btn[data-v-30f5c97e] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #ae3dfa, #09f); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 12px; box-sizing: border-box; color: #777e91; cursor: pointer; display: flex; gap: 10px; padding: 8px 15px; width: inherit } .about-content .footer-apps .up .app-btns .app-link .app-btn img[data-v-30f5c97e] { height: 32px; width: 32px } .about-content .footer-apps .up .app-btns .app-link .app-btn .btn-text[data-v-30f5c97e] { display: flex; flex-direction: column; gap: 5px } .about-content .footer-apps .up .app-btns .app-link .app-btn .btn-text .btn-sub[data-v-30f5c97e] { color: hsla(0, 0%, 100%, .8); font-size: 12px } .about-content .footer-apps .up .app-btns .app-link .app-btn .btn-text .btn-name[data-v-30f5c97e] { color: #fcfcfd; font-size: 14px } .about-content .footer-apps .down[data-v-30f5c97e] { width: 190px } .about-content .footer-apps .down .down-title[data-v-30f5c97e] { color: hsla(0, 0%, 100%, .9); font-size: 14px; font-weight: 500; line-height: 16px; margin-bottom: 16px } .about-content .footer-apps .down .connect-btns[data-v-30f5c97e] { display: flex; flex-wrap: wrap; gap: 10px } .about-content .footer-apps .down .connect-btns .connect-link[data-v-30f5c97e] { cursor: pointer } .about-content .footer-apps .down .connect-btns .connect-link img[data-v-30f5c97e] { border-radius: 50%; height: 30px; width: 30px } .footer[data-v-ddd775b8] { background: var(--containerBg); color: #7d7d78; font-size: 14px; height: 100%; width: 100% } .footer .bottom-line[data-v-ddd775b8] { align-items: center; display: flex; height: 60px; justify-content: center } .footer .bottom-line .el-divider--vertical[data-v-ddd775b8] { background: #7d7d78 } .footer .bottom-line .left-text[data-v-ddd775b8] { gap: 5px } .footer .bottom-line a[data-v-ddd775b8] { align-items: center; color: #7d7d78; display: flex; flex-wrap: nowrap; -webkit-text-decoration: none; text-decoration: none } .footer .bottom-line a[data-v-ddd775b8]:hover { color: #dbdee6; cursor: pointer } .footer .bottom-line a img[data-v-ddd775b8] { transform: scale(.65) } .footer .bottom-line .devide-line[data-v-ddd775b8]:after { background: #7d7d78; content: ""; display: inline-block; height: 12px; margin: 0 10px; width: 1px } .dropdown-panel[data-v-67d9f538] { padding-top: 10px; position: absolute; right: 0; top: 100% } .dropdown-panel .dropdown-panelCnt[data-v-67d9f538] { background-color: #161620; background-image: url(data:image/webp;base64,UklGRiQCAABXRUJQVlA4WAoAAAAQAAAA1QAAoQAAQUxQSNMAAAABcFtbe9p8pUqNEFDp0uPgPsEBSPsEO40Q0ADhmKHyVyoiJgANZaBPNu3tdrdKJDpU20/a+x8rr42YfFIKH0vRSJmURjNo4F9SIi9+zeCSUnlRFcKkZBpRWqZ0TgF4Dz4+ClilhGrIByMfmaSUBitO9I6Ts+XEps7/zv/O/87/zv/O/47LlhN74mSvOVkFnCTyw8hDQjOyAtSHj4cHYMrHEgCEYcOIEtSFi8sA1f6FiYuP+oHhwSg0FcsHB5+pQEtv9eh/H63QoUxWO9vf7EkHEg0BAFZQOCAqAQAAsA4AnQEq1gCiAD6dTqNOIiMREFqsAFgJxLS3bq9AnczvIAhKOLLARDf5q3WtSz7GMp/NY+oXF+AyT0E9Ca60uzQEeM+djn6KPei6ULpW5DBVqq0rytSMVIFzRfjPqvxezpgOrbqd6yLvoubeIvLANdS1ImHdmVVQ7GgqxGYAAP70UYYHKaDF+dDCKknFZR8+ECbKnS+D0q6OU+GV2iJM0O/5mi+ysNathCepJ7ECgVxEl01+krwe3nLTajvQ4Nn2w9K0bhT5Ll/gjI6u3XUYxxtGen/DLs60YIWFahIuwMUp1nBxnuMDrMNWo0Im6DJ6PBwYpAjKfxt7YMC9DyXAIalyQsnYKykCsF+uIpfB6wAAAAAAAAAANYoY3XT+On6Y8fD9EJdfUtdIAA==); background-repeat: no-repeat; background-size: 100% auto; border-radius: 18px; box-sizing: border-box; overflow: hidden; padding: 12px; width: 214px; z-index: 10 } .dropdown-panel .dropdown-list .dropdown-item[data-v-67d9f538] { color: #fff; cursor: pointer; margin-bottom: 10Px } .dropdown-panel .dropdown-list .dropdown-item[data-v-67d9f538]:last-child { margin-bottom: 0 } .dropdown-panel .dropdown-list .dropdown-item:hover > .item-label[data-v-67d9f538] { background: rgba(100, 105, 157, .2); border-radius: 6px } .dropdown-panel .dropdown-list .dropdown-item:hover .item-children[data-v-67d9f538] { display: block } .dropdown-panel .dropdown-list .dropdown-item .item-label[data-v-67d9f538] { align-items: center; display: flex; font-size: 14px; height: 40px; line-height: 40px; padding: 0 10px } .dropdown-panel .dropdown-list .dropdown-item .item-label .iconfont[data-v-67d9f538] { display: flex; font-size: 20px; justify-content: center; margin-right: 8px; width: 20px } .dropdown-panel .dropdown-list .dropdown-item .item-label .icon-upload[data-v-67d9f538] { font-size: 35px; margin-right: 8px } .dropdown-panel .dropdown-list .dropdown-item .item-label .words[data-v-67d9f538] { color: #fff; overflow: hidden; text-decoration: none; text-decoration: initial; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 37px) } .dropdown-panel .dropdown-list .dropdown-item .item-childrenBox[data-v-67d9f538] { padding-right: 23px; position: absolute; right: calc(100% - 24px); top: 65px } .dropdown-panel .dropdown-list .dropdown-item .item-children[data-v-67d9f538] { background-image: url(data:image/webp;base64,UklGRhoCAABXRUJQVlA4WAoAAAAQAAAA1QAA0wAAQUxQSNkAAAABcFtbe9p8pUqNEFDp0uOE9uEBSPsEO40Q0ADhmKHy1+WPiAlASd2zRx81dr9djjRqNJt31Pjvy6CKGr8jCu8LVcq4iEbXKhGeIyLPYUHrHFF5NjnKRWQ6lVlEdE4ABHc+3gZYRoRa6Dsjbz2KKO0tObFbTk6eEx+J/8X/4n/xv/hf/C/+F/+L//8r9Jz4Iyc7y8myx8lIvxm5a1hGloB583EPAEz4WACAcmw4lYE5c3FuIT88M3EOUdxyPDiDsmpx5+A9UagYLO/N720NatSj5dY3N3+0PY2SAFZQOCAaAQAAMBAAnQEq1gDUAD6dTqBOIhFREBQMWAnEtLdwtHhpu+pKM75AFZvRl4kTao7fRcRmP7hAydSB52TR0CwQFM92RefwpDIrOERT9oIeEmrBsIgVEdfzluvXp5n9R9zeckaJAK+COv8aWeojnsYPOtHjKrxHPXoy8Rz16MvEc9ejLxHPXsgKCGqo/VoAAP77VKIbDPPwDoc3A7xAGoJ6rfx3kJPKO+/po5THsG31BgfON/HuyMlcNboSl/Kfoh7qkAVzlJx33qb0W1bubMtYD2D9UqxBM9oblqYHvxeca9+miAnaPpvHRTUc80O/YZUbm5o3c1+01EFIMFrXVfFZbfykINTT3DgAAAAAAAAAADR+XG2+FACWioMcIgAA); background-repeat: no-repeat; background-size: 100% auto; border-radius: 16px; box-sizing: border-box; display: none; padding: 12px; width: 214px } .dropdown-panel .dropdown-list .dropdown-item .creation-badge[data-v-67d9f538] { align-items: center; background-color: #ef4444; border-radius: 50%; display: inline-flex; height: 8px; justify-content: center; margin-bottom: 10px; margin-left: 5px; width: 8px } .dropdown-panel .dropdown-list .dropdown-item .creation-badge[data-v-67d9f538] .el-badge__content { border-color: transparent } .svg-icon[data-v-df60ab1e] { fill: currentColor; height: 1em; overflow: hidden; vertical-align: -.15em; width: 1em } .svg-external-icon[data-v-df60ab1e] { background-color: currentColor; display: inline-block; -webkit-mask-size: cover !important; mask-size: cover !important } .tabs-container .tabs[data-v-e47e594e], .tabs-container[data-v-e47e594e] { box-sizing: border-box; width: 100% } .tabs-container .tabs[data-v-e47e594e] { align-items: flex-start; display: flex; flex-wrap: nowrap; height: 44px; padding: 0 } .tabs-container .tabs .item-tab[data-v-e47e594e] { box-sizing: border-box; cursor: pointer; font-family: ArialMT; font-size: 14px; height: 48px; line-height: 16px; padding: 16px 18px; position: relative } .tabs-container .tabs .item-tab > a[data-v-e47e594e], .tabs-container .tabs .item-tab[data-v-e47e594e] { color: #b8c0c9; -webkit-text-decoration: none; text-decoration: none } .tabs-container .tabs .item-tab.new[data-v-e47e594e]:before { background: /*savepage-url=/_nuxt/img/new.4ae2c8f.png*/ url() no-repeat; background-position: 50%; background-size: contain; content: ""; height: 18px; left: 85%; position: absolute; top: -2px; transform: translateX(-50%); width: 40% } .tabs-container .tabs .item-tab.active-tab[data-v-e47e594e]:not(.is-studio) { background: #242b3d; border-radius: 24px; color: #fff; font-family: Arial-BoldMT, Arial; font-weight: 400 } .tabs-container .tabs .item-tab.active-tab.is-studio[data-v-e47e594e] { color: #fff; font-weight: 400 } .tabs-container .tabs .item-tab.active-tab.is-studio[data-v-e47e594e]:after { background: /*savepage-url=/_nuxt/img/tab_after.b39118b.png*/ url() no-repeat; background-position: 50%; background-size: contain; bottom: -10px; content: ""; height: 28px; left: 50%; position: absolute; transform: translateX(-50%); width: 230% } .fastTools-box[data-v-e47e594e] { padding: 8px } .fastTools-box > .cell-item[data-v-e47e594e] { display: inline-block } .fastTools-box > .cell-item > .title[data-v-e47e594e] { color: #fff; cursor: pointer; font-size: 16px; height: 32px; padding-left: 30px } .fastTools-box > .cell-item > .list[data-v-e47e594e] { display: flex; flex-wrap: wrap; justify-content: flex-start } .fastTools-box > .cell-item > .list > .cell[data-v-e47e594e] { flex-shrink: 0; width: 140px } .fastTools-box > .cell-item > .list > .cell > .item[data-v-e47e594e] { height: 32px; text-decoration: none; text-decoration: initial; width: 100% } .fastTools-box > .cell-item > .list > .cell > .item[data-v-e47e594e]:hover { background-color: #1f2330; border-radius: 4px 4px 4px 4px } .fastTools-box > .cell-item > .list > .cell > .item .text[data-v-e47e594e] { color: #afb4bb; font-size: 14px; margin-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .myai-elpopover { margin-top: 24px !important } .big-item[data-v-051cd86e] { cursor: pointer; padding: 10px 12px } .big-item[data-v-051cd86e]:hover { background: hsla(0, 0%, 100%, .1); border-radius: 10px } .big-item > .left[data-v-051cd86e] { flex-shrink: 0; position: relative; width: 68px } .big-item > .left > .img[data-v-051cd86e] { border-radius: 12px; height: 68px; width: 68px } .big-item > .left[data-v-051cd86e] .image-err-slot { align-content: center; background: #373a48; border-radius: 12px; flex-wrap: wrap; height: 100%; width: 100% } .big-item > .left[data-v-051cd86e] .image-err-slot .iconfont { color: #83858d; font-size: 24px } .big-item > .left[data-v-051cd86e] .image-err-slot > .text { color: #83858d; font-size: 12px; text-align: center; width: 100% } .big-item > .left .img-num[data-v-051cd86e], .big-item > .left .video-time[data-v-051cd86e] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; color: #fff; display: flex; font-size: 12px; left: 6px; padding: 2px 6px; position: absolute; top: 6px; z-index: 1 } .big-item > .left .img-num > .iconfont[data-v-051cd86e], .big-item > .left .video-time > .iconfont[data-v-051cd86e] { margin-right: 2px; transform: scale(.8) } .big-item > .right[data-v-051cd86e] { flex-grow: 1; padding-left: 10px } .big-item > .right > .word-text[data-v-051cd86e] { color: hsla(0, 0%, 100%, .8); font-size: 14px; font-weight: 500; margin-bottom: 6px } .big-item > .right > .user-info[data-v-051cd86e] { height: 20px; margin-bottom: 6px } .big-item > .right > .user-info > .head[data-v-051cd86e] { background: #d9d9d9; border-radius: 50%; height: 20px; line-height: 20px; text-align: center; width: 20px } .big-item > .right > .user-info > .head > .img[data-v-051cd86e] { border-radius: 50%; height: 100%; width: 100% } .big-item > .right > .user-info > .head[data-v-051cd86e] b { color: #333; font-size: 16px } .big-item > .right > .user-info > .name[data-v-051cd86e] { color: hsla(0, 0%, 100%, .8); font-size: 12px; margin: 0 6px } .big-item > .right > .user-info > .type-model[data-v-051cd86e] { background: rgba(148, 198, 236, .1); border-radius: 18px; color: #94c6ec; font-size: 10px; height: 18px; padding: 0 6px } .big-item > .right > .look-data > .item[data-v-051cd86e] { background: rgba(20, 21, 23, .2); border-radius: 4px; color: #fff; font-size: 12px; font-weight: 700; height: 20px; margin-right: 4px; padding: 0 6px } .big-item > .right > .look-data > .item > .iconfont[data-v-051cd86e] { color: #c1c2c5; font-size: 12px; margin-right: 4px; margin-top: -2px; transform: scale(.9) } .item-active[data-v-051cd86e] { background: hsla(0, 0%, 100%, .1); border-radius: 10px } .big-item[data-v-a4bf7a9e] { cursor: pointer; padding: 10px 12px } .big-item[data-v-a4bf7a9e]:hover { background: hsla(0, 0%, 100%, .1); border-radius: 10px } .big-item > .left[data-v-a4bf7a9e] { flex-shrink: 0; width: 46px } .big-item > .left > .img[data-v-a4bf7a9e] { border-radius: 50%; height: 46px; width: 46px } .big-item > .left[data-v-a4bf7a9e] .image-err-slot { align-content: center; background: #373a48; border-radius: 12px; flex-wrap: wrap; height: 100%; width: 100% } .big-item > .left[data-v-a4bf7a9e] .image-err-slot .iconfont { color: #83858d; font-size: 24px } .big-item > .left[data-v-a4bf7a9e] .image-err-slot > .text { color: #83858d; font-size: 12px; text-align: center; width: 100% } .big-item > .right[data-v-a4bf7a9e] { flex-grow: 1; padding-left: 10px } .big-item > .right > .word-text[data-v-a4bf7a9e] { color: hsla(0, 0%, 100%, .8); font-size: 14px; font-weight: 500; margin-bottom: 6px; margin-top: 6px } .big-item > .right > .user-info[data-v-a4bf7a9e] { height: 20px; margin-bottom: 6px } .big-item > .right > .user-info > .head[data-v-a4bf7a9e] { background: #d9d9d9; border-radius: 50%; height: 20px; line-height: 20px; text-align: center; width: 20px } .big-item > .right > .user-info > .head > .img[data-v-a4bf7a9e] { border-radius: 50%; height: 100%; width: 100% } .big-item > .right > .user-info > .head[data-v-a4bf7a9e] b { color: #333; font-size: 16px } .big-item > .right > .user-info > .name[data-v-a4bf7a9e] { color: hsla(0, 0%, 100%, .8); font-size: 12px; margin: 0 6px } .big-item > .right > .user-info > .type-model[data-v-a4bf7a9e] { background: rgba(148, 198, 236, .1); border-radius: 18px; color: #94c6ec; font-size: 10px; height: 18px; padding: 0 6px } .big-item > .right > .look-data > .item[data-v-a4bf7a9e] { background: rgba(20, 21, 23, .2); border-radius: 4px; height: 20px; margin-right: 4px; padding: 0 6px } .big-item > .right > .look-data > .item > b[data-v-a4bf7a9e] { color: #fff; font-size: 12px; margin-right: 4px } .big-item > .right > .look-data > .item > span[data-v-a4bf7a9e] { color: hsla(0, 0%, 100%, .5); font-size: 12px; transform: scale(.9) } .item-active[data-v-a4bf7a9e] { background: hsla(0, 0%, 100%, .1); border-radius: 10px } .lenovo-list-box[data-v-3e23fb06] { padding: 0 10px } .big-item[data-v-3e23fb06] { padding: 10px 12px } .big-item[data-v-3e23fb06]:hover { background: hsla(0, 0%, 100%, .1); border-radius: 10px } .big-item > .left[data-v-3e23fb06] { flex-shrink: 0; width: 68px } .big-item > .left > .img[data-v-3e23fb06] { border-radius: 12px; height: 68px; width: 68px } .big-item > .right[data-v-3e23fb06] { flex-grow: 1; padding-left: 10px } .big-item > .right > .word-text[data-v-3e23fb06] { color: hsla(0, 0%, 100%, .8); font-size: 14px; font-weight: 500; margin-bottom: 6px } .big-item > .right > .user-info[data-v-3e23fb06] { height: 20px; margin-bottom: 6px } .big-item > .right > .user-info > .head[data-v-3e23fb06] { background: #d9d9d9; border-radius: 50%; height: 20px; width: 20px } .big-item > .right > .user-info > .head > .img[data-v-3e23fb06] { border-radius: 50%; height: 100%; width: 100% } .big-item > .right > .user-info > .name[data-v-3e23fb06] { color: hsla(0, 0%, 100%, .8); font-size: 12px; margin: 0 6px } .big-item > .right > .user-info > .type-model[data-v-3e23fb06] { background: rgba(148, 198, 236, .1); border-radius: 18px; color: #94c6ec; font-size: 10px; height: 18px; padding: 0 6px } .big-item > .right > .look-data > .item[data-v-3e23fb06] { background: rgba(20, 21, 23, .2); border-radius: 4px; color: #fff; font-size: 12px; font-weight: 700; height: 20px; margin-right: 4px; padding: 0 6px } .big-item > .right > .look-data > .item > .iconfont[data-v-3e23fb06] { color: #c1c2c5; font-size: 12px; margin-right: 4px; transform: scale(.9) } .home-search[data-v-07bda5ca] { position: relative } .home-search .title[data-v-07bda5ca] { margin-top: 20px; text-align: center } .home-search .title h1[data-v-07bda5ca] { color: #fff; font-family: "Helvetica-Bold", "Helvetica", var(--font-family); font-size: 36px; font-weight: 700; height: 43px; letter-spacing: 1px; line-height: 43px; margin-bottom: 0 } .home-search .title h2[data-v-07bda5ca] { color: #d6e0ef; font-family: "Helvetica", var(--font-family); font-size: 18px; font-weight: 500; line-height: 22px; margin: 8px auto 24px } .home-search .search-textarea[data-v-07bda5ca] { background: #252635; border: none; border-radius: 8px; display: flex; margin-top: 16px; padding: 16px 14px; position: relative; width: inherit } .home-search .search-textarea.sp-color[data-v-07bda5ca] { background: linear-gradient(135deg, rgba(15, 24, 232, .102), rgba(159, 157, 243, .102)); border: 1px solid hsla(0, 0%, 100%, .05) } .home-search .search-textarea .search-select[data-v-07bda5ca] { background: #333342; border-radius: 24px 0 0 24px; height: 48px; width: 140px } .home-search .search-textarea .search-select[data-v-07bda5ca] .el-input__inner { padding-left: 20px } .home-search .search-textarea .search-select.zhCN[data-v-07bda5ca], .home-search .search-textarea .search-select.zhTW[data-v-07bda5ca] { width: 120px } .home-search .search-textarea .textarea-left[data-v-07bda5ca] { flex: 1 } .home-search .search-textarea .textarea-left[data-v-07bda5ca] .el-input__inner { padding-right: 0 } .home-search .search-textarea .textarea-left[data-v-07bda5ca] .el-textarea__inner::-moz-placeholder { opacity: .5 } .home-search .search-textarea .textarea-left[data-v-07bda5ca] .el-textarea__inner::placeholder { opacity: .5 } .home-search .search-textarea .textarea-left[data-v-07bda5ca] .el-input__prefix { align-items: center; display: flex } .home-search .search-textarea .textarea-left .search-icon[data-v-07bda5ca] { color: #555668; font-size: 24px } .home-search .search-textarea .img-container[data-v-07bda5ca] { cursor: pointer; flex: 1; height: 84px; width: auto } .home-search .search-textarea .img-container .img[data-v-07bda5ca] { height: 100%; -o-object-fit: cover; object-fit: cover; width: auto } .home-search .search-textarea .textarea-right[data-v-07bda5ca] { height: 40px; overflow: hidden; width: 46px } .home-search .search-textarea .textarea-right .btn-clear[data-v-07bda5ca] { background-color: transparent; border: none; border-radius: 50%; color: #5b5566; cursor: pointer; font-size: 24px } .home-search .search-textarea .textarea-right .btn-clear[data-v-07bda5ca]:hover { background-color: #252634 } .home-search .search-textarea .bottom-button[data-v-07bda5ca] { margin-right: 18px } .home-search .search-textarea .bottom-button .img-search-btn[data-v-07bda5ca] { z-index: 1 } .home-search .search-textarea .bottom-button .img-search-img[data-v-07bda5ca] { align-items: center; background: transparent; border: none; border-radius: 6px; color: #fff; cursor: pointer; display: flex; justify-content: center; outline: none; padding: 0 !important; width: 34px } .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content[data-v-07bda5ca] { font-size: 12px } .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .iconfont[data-v-07bda5ca], .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .svg-icon[data-v-07bda5ca] { font-size: 24px; margin-right: 5px } .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .iconfont.loading[data-v-07bda5ca], .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .svg-icon.loading[data-v-07bda5ca] { animation: rotate 1s linear infinite } .home-search .search-textarea .bottom-button .img-search-img[data-v-07bda5ca] { box-sizing: border-box; height: 34px; padding-left: 33px } .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content[data-v-07bda5ca] { position: relative } .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .iconfont[data-v-07bda5ca], .home-search .search-textarea .bottom-button .img-search-img .img-search-img-content .svg-icon[data-v-07bda5ca] { font-size: 24px !important; margin-right: 0 } .home-search .search-textarea[data-v-07bda5ca] .el-textarea__inner { background-color: transparent; border: none; color: #fff; padding: 0 } .home-search .history-content[data-v-07bda5ca] { background: #1c1d2a; border-radius: 10px; color: #fff; font-family: "Arial-BoldMT", Arial, var(--font-family); left: 0; margin-top: 8px; max-height: 260px; overflow: hidden; padding: 18px 22px 32px; position: absolute; right: 0; z-index: 100 } .home-search .history-content .up-fixed[data-v-07bda5ca] { color: #91949b; font-size: 14px; margin-top: 8px } .home-search .history-content .up-fixed .icon-box[data-v-07bda5ca], .home-search .history-content .up-fixed .svg-icon[data-v-07bda5ca] { background: #2f303d; border-radius: 6px; cursor: pointer; height: 24px; width: 24px } .home-search .history-content .up-fixed .icon-box[data-v-07bda5ca] { align-items: center; display: flex; justify-content: center } .home-search .history-content .up-fixed .icon-box .iconfont[data-v-07bda5ca] { font-size: 14px } .home-search .history-content .down-items[data-v-07bda5ca] { color: #babcc3; overflow: hidden; overflow-y: auto } .home-search .history-content .down-items .his-item[data-v-07bda5ca] { background: #292a37; border-radius: 30px; cursor: pointer; font-family: "ArialMT", var(--font-family); font-size: 12px; margin: 10px 10px 0 0; max-width: 93%; padding: 5px 15px } .home-search .history-content .down-items .his-item .his-item-btn[data-v-07bda5ca] { background: transparent; border-radius: 50%; color: #9b9ea6; font-size: 24px; margin-left: 10px } .home-search .history-content .down-items .his-item .his-item-btn i[data-v-07bda5ca] { transform: scale(.6) } .home-search .history-content .down-items .his-item:hover .his-item-btn[data-v-07bda5ca] { background: #23242f } .home-search .associate-content[data-v-07bda5ca] { background: #1c1d2a; border-radius: 10px; color: #fff; font-family: "Arial-BoldMT", Arial, var(--font-family); margin-top: 8px; overflow: hidden; padding-top: 20px; position: absolute; right: 0; width: 100%; z-index: 100 } .home-search .associate-content > .item-list[data-v-07bda5ca] { max-height: 500px; overflow-y: auto } .home-search .associate-content > .item-list > .item[data-v-07bda5ca] { align-items: center; cursor: pointer; display: flex; height: 40px; padding: 0 24px } .home-search .associate-content > .item-list > .item[data-v-07bda5ca]:hover { background-color: #333342 } .home-search .associate-content > .item-list > .item > .search-icon[data-v-07bda5ca] { color: #555668; font-size: 24px; margin-right: 12px } .home-search .associate-content > .item-list > .item > .word-text[data-v-07bda5ca] { color: hsla(0, 0%, 100%, .5); font-size: 14px } .home-search .associate-content > .more-item[data-v-07bda5ca] { align-items: center; color: #3f8eff; cursor: pointer; display: flex; font-size: 14px; height: 40px; justify-content: center; width: 100% } .home-search .mock-associate-box[data-v-07bda5ca] { background-color: rgba(0, 0, 0, .5); bottom: 0; height: 100%; left: 0; position: fixed; width: 100%; z-index: -1 } .home-search .no-search-box[data-v-07bda5ca] { color: hsla(0, 0%, 100%, .7); font-size: 14px; padding-bottom: 20px; text-align: center } .home-search .no-search-box > p[data-v-07bda5ca] { margin-left: 20px; margin-top: 16px } .act-input[data-v-07bda5ca] { border: 1px solid #3f8eff !important } .act-input .search-select[data-v-07bda5ca] { height: 46px !important } .all-search-select .el-select-dropdown__wrap { max-height: none !important } .middle-search[data-v-65df98e5] { box-sizing: border-box; height: 48px; margin: 0 20px 0 5px } .middle-search[data-v-65df98e5] .home-search { box-sizing: border-box; height: 100%; width: 100% } .middle-search[data-v-65df98e5] .home-search .search-textarea { border-radius: 24px; box-sizing: border-box; height: 48px; margin: 0; padding: 0; width: 100% } .middle-search[data-v-65df98e5] .home-search .search-textarea .el-input { height: 100% } .middle-search[data-v-65df98e5] .home-search .search-textarea .el-input .el-input__inner { background: transparent; border: 0; border-radius: 24px; box-sizing: border-box; color: #fff; height: 100% } .middle-search[data-v-65df98e5] .home-search .search-textarea .el-input .el-input__inner::-moz-placeholder { color: #555668 } .middle-search[data-v-65df98e5] .home-search .search-textarea .el-input .el-input__inner::placeholder { color: #555668 } .middle-search[data-v-65df98e5] .home-search .search-textarea .img-container { height: 40px; margin-left: 20px; width: auto } .middle-search.sp-height[data-v-65df98e5] .home-search .search-textarea .bottom-button { bottom: auto } .side-item-help[data-v-357e4e5f] { border: 1px solid transparent; border-radius: 7px; color: #fff; display: flex; font-size: 16px; margin: 5px; padding: 12px 10px 12px 12px; transition: all .3s ease-in-out; vertical-align: middle } .side-item-help[data-v-357e4e5f]:active { background: #1e2e57; border-color: #475e95; border-radius: 6px } .side-item-help i[data-v-357e4e5f] { align-items: center; display: flex; margin-right: 10px } .side-item-help p[data-v-357e4e5f] { align-items: center; display: flex; justify-content: center; margin-top: 0; overflow: hidden; white-space: nowrap } .side-item-help .sidebar-icon-wrapper[data-v-357e4e5f] { align-items: center; color: #95b4f0; display: inline-flex; font-size: 22px } .side-item-help .sidebar-icon-wrapper .icon-notice[data-v-357e4e5f] { color: #a0a1a5; font-size: 22px; margin-right: 0 !important } .notice-popover .notice-list[data-v-357e4e5f] { color: #d7ddea; min-width: 332px; padding: 12px } .notice-popover .notice-list .tabs[data-v-357e4e5f] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); gap: 40px; padding: 12px } .notice-popover .notice-list .tabs .tab[data-v-357e4e5f] { color: #686a6c; cursor: pointer; position: relative } .notice-popover .notice-list .tabs .tab.active[data-v-357e4e5f] { color: #f7fbfa } .notice-popover .notice-list .tabs .tab.active[data-v-357e4e5f]:after { background: linear-gradient(90deg, #3f8cff, #20ffff); background-position: 50%; background-size: contain; bottom: -12px; content: ""; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); width: 100% } .notice-popover .notice-list .tabs .tab .unread-dot[data-v-357e4e5f] { position: absolute; right: -10px; top: 0 } .notice-popover .notice-list .btns[data-v-357e4e5f] { border-top: 1px solid hsla(0, 0%, 100%, .06); color: #6f767e; padding: 12px } .notice-popover .notice-list .btns .btn[data-v-357e4e5f] { cursor: pointer } .notice-popover .notice-list .no-data[data-v-357e4e5f] { margin: 20px } .notice-popover .notice-list .notices[data-v-357e4e5f] { max-height: 400px; overflow-y: auto; width: 332px } .notice-popover .notice-list .notices .notice[data-v-357e4e5f] { border-radius: 6px; box-sizing: border-box; cursor: pointer; width: 100% } .notice-popover .notice-list .notices .notice[data-v-357e4e5f]:last-child { margin-bottom: 0 } .notice-popover .notice-list .notices .notice[data-v-357e4e5f]:hover { background: hsla(0, 0%, 100%, .1) } .notice-popover .notice-list .notices .notice .title[data-v-357e4e5f] { color: #fff; font-family: var(--font-family); font-size: 14px; font-weight: 500; width: 155px } .notice-popover .notice-list .notices .notice .title.redDot[data-v-357e4e5f]:before { background-color: #ff3a3a; border-radius: 50%; content: " "; display: inline-block; height: 6px; line-height: 6px; margin-left: -11px; margin-right: 5px; width: 6px } .notice-popover .notice-list .notices .notice .time[data-v-357e4e5f] { color: hsla(0, 0%, 100%, .5); font-size: 10px; font-weight: 400 } .notice-popover .notice-list .notices .notice .creation-badge[data-v-357e4e5f] { align-items: center; background-color: #ef4444; border-radius: 50%; display: inline-flex; height: 8px; justify-content: center; margin-left: -8px; position: absolute; right: 0; top: 0; width: 8px } .notice-popover .notice-list .notices .down[data-v-357e4e5f], .notice-popover .notice-list .notices .other-down[data-v-357e4e5f] { color: #a3a6bc; font-size: 12px; font-weight: 400; margin-top: 8px } .notice-popover .notice-list .notices .down[data-v-357e4e5f], .notice-popover .notice-list .notices .other-down[data-v-357e4e5f], .notice-popover .notice-list .notices .title[data-v-357e4e5f] { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; word-break: break-all } .notice-popover .notice-list .notices .down[data-v-357e4e5f] { -webkit-line-clamp: 2 } .notice-popover .notice-list .notices .notice-item[data-v-357e4e5f] { gap: 10px; margin-bottom: 8px; padding: 12px; position: relative } .notice-popover .notice-list .notices .notice-item .right-main[data-v-357e4e5f] { flex-grow: 1 } .notice-popover .notice-list .notices .el-divider[data-v-357e4e5f] { background-color: hsla(0, 0%, 100%, .3); flex-shrink: 0; margin: 15px 0; width: 60% } .notice-popover .notice-list .notices .el-divider .el-divider__text[data-v-357e4e5f] { background: #0f121c; color: hsla(0, 0%, 100%, .3); font-size: 12px; font-weight: 700; padding: 0 2px; text-align: center; width: 130px; word-break: break-word } .notice-popover .notice-list .card-user-avatar[data-v-357e4e5f] { align-items: center; background-color: #e9e9e9; background-position: 50%; background-size: cover; border-radius: 50%; color: #212121; cursor: pointer; display: flex; flex-shrink: 0; font-size: 20px; height: 24px; justify-content: center; width: 24px } .creation-badge[data-v-357e4e5f] { align-items: center; background-color: #ef4444; border-radius: 50%; display: inline-flex; height: 8px; justify-content: center; margin-left: -8px; width: 8px } .creation-badge[data-v-357e4e5f] .el-badge__content { border-color: transparent } .notice-popover { background-color: rgba(27, 28, 38, .9); background-size: 100% auto; border: none !important; border-radius: 16px !important } .notice-popover ::-webkit-scrollbar { width: 4px } .top-bar-user-popover { border: 0 !important; border-radius: 16px } .top-bar-user { border: 1px solid transparent; border-radius: 7px; color: #fff; display: flex; font-size: 16px; padding: 10px; transition: all .3s ease-in-out; vertical-align: middle } .top-bar-user:active { background: #1e2e57; border-color: #475e95; border-radius: 6px } .top-bar-user .user-panel { align-items: center; cursor: pointer; display: flex } .top-bar-user .user-panel i { font-size: 10px; margin-left: 8px } .top-bar-user .user-avatar { align-items: center; background-color: #e9e9e9; border-radius: 50%; color: #212121; cursor: pointer; display: flex; height: 28px; justify-content: center; width: 28px } .top-bar-box, .top-bar-user .user-avatar { background-position: 50%; background-repeat: no-repeat; background-size: cover } .top-bar-box { border-radius: 16px; padding: 23px 12px 16px; width: 332px } .top-bar-box .top-bar-card { align-items: center; display: flex } .top-bar-box .top-bar-card .card-user-avatar { align-items: center; background-color: #e9e9e9; background-position: 50%; background-size: cover; border-radius: 50%; color: #212121; cursor: pointer; display: inline-flex; flex-shrink: 0; font-size: 20px; height: 42px; justify-content: center; width: 42px } .top-bar-box .top-bar-card .card-user-info { display: flex; flex-direction: column; margin-left: 10px } .top-bar-box .top-bar-card .card-user-info .card-user-info-nickname { color: #fff; font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; gap: 15px; line-height: 20px } .top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .username { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .group-tag { align-items: center; background: linear-gradient(90deg, #82bbff, #4075ff); border-radius: 6px; color: #fff; cursor: pointer; display: flex; padding: 2px 6px; text-align: center } .top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .group-tag span { font-size: 12px; font-weight: 600 } .top-bar-box .top-bar-card .card-user-info .card-user-info-nickname .group-tag i { font-size: 10px; margin-left: 7px; transform: rotate(90deg) } .top-bar-box .top-bar-card .card-user-info .card-user-info-nickname-icon { cursor: pointer } .top-bar-box .top-bar-card .card-user-info .card-user-info-id { color: hsla(0, 0%, 100%, .5); font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400; line-height: 20px } .top-bar-box .top-bar-card .top-bar-card-item { align-items: center; display: inline-flex; flex: 1 0 auto; flex-direction: column; height: 67px; justify-content: center; margin-left: 10px; margin-top: 10px; width: 70px } .top-bar-box .top-bar-card .top-bar-card-item:first-child { margin-left: 0 } .top-bar-box .top-bar-card .top-bar-card-item-title { color: #fff; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; line-height: 20px } .top-bar-box .top-bar-card .top-bar-card-item-sub-title { color: #b6bfdf; font-family: Arial-Regular, Arial; font-size: 13px; font-weight: 400; line-height: 20px; margin-top: 5px; text-align: center } .top-bar-box .top-bar-card .top-bar-card-item-icon { color: #b6bfdf; font-size: 24px } .top-bar-box .top-bar-card .top-bar-card-item-icon i { font-size: 24px } .top-bar-box .top-bar-card .top-bar-card-item-color { background: rgba(36, 37, 53, .6); border-radius: 8px; cursor: pointer } .top-bar-box .top-bar-card .top-bar-card-item-color:hover { background: rgba(36, 37, 53, .8) } .top-bar-box .top-bar-card .top-bar-card-item-color:hover .top-bar-card-item-icon { color: #fff } .top-bar-box .top-bar-card .top-bar-card-item-color:hover .top-bar-card-item-icon i { font-size: 24px } .top-bar-box .top-bar-card .top-bar-card-item-color:hover .top-bar-card-item-sub-title { color: #fff } .top-bar-box .top-bar-card .top-bar-middel-card { background-size: 100% 100%; box-sizing: border-box; display: flex; height: 62px; justify-content: space-between; margin-bottom: 5px; padding: 11px 14px; width: 100% } .top-bar-box .top-bar-card .top-bar-middel-card .left { align-content: center; display: flex; flex-wrap: wrap; height: 100%; justify-content: flex-start; width: calc(100% - 100px) } .top-bar-box .top-bar-card .top-bar-middel-card .left .vip-text { color: #68400b; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; width: 100% } .top-bar-box .top-bar-card .top-bar-middel-card .left .vip-desc { color: #68400b; font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .top-bar-box .top-bar-card .top-bar-middel-card .right { align-items: center; display: flex; height: 100%; justify-content: flex-start; width: 100px } .top-bar-box .top-bar-card .top-bar-middel-card .right .activate-now { align-items: center; background: linear-gradient(90deg, #fdfaeb, #f7cc7f); border: 0; border-radius: 20px; box-sizing: border-box; color: #7e4310; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; height: 30px; justify-content: center; padding: 3px; width: 100% } .top-bar-box .top-bar-card .top-bar-middel-card .right .activate-now span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .top-bar-box .top-bar-card .top-bar-middel-card.not-vip .left .vip-text { color: #121212 } .top-bar-box .top-bar-card .top-bar-middel-card.not-vip .left .vip-desc { color: hsla(0, 0%, 7%, .6) } .top-bar-box .top-bar-card .top-bar-middel-card.not-vip .right .activate-now { background: linear-gradient(90deg, #fff5c2, #ffc866) } .top-bar-box .top-bar-card .coins-container { display: flex; justify-content: space-between; margin-top: 8px; width: 100% } .top-bar-box .top-bar-card .coins-container .item-coin { align-items: center; background: #242535; border-radius: 8px; cursor: pointer; display: flex; flex: 1; height: 56px; justify-content: center; margin-right: 9px } .top-bar-box .top-bar-card .coins-container .item-coin .icon { height: 40px; width: 40px } .top-bar-box .top-bar-card .coins-container .item-coin.credit .icon { margin-right: 5px } .top-bar-box .top-bar-card .coins-container .item-coin .number { color: #fff; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 14px; font-weight: 700; margin-top: 5px; text-align: center } .top-bar-box .top-bar-card .coins-container .item-coin:last-child { margin-right: 0 } .top-bar-box .top-bar-card-admin .top-bar-card-item { width: 76px } .top-bar-box .top-bar-bottom-card { align-items: center; background: rgba(36, 37, 53, .6); border-radius: 8px; display: flex; height: 80px; justify-content: space-between; margin-top: 10px; padding: 0 14px } .top-bar-box .bottom-card-content .bottom-card-content-title { color: rgba(182, 191, 223, .5); font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400; line-height: 20px } .top-bar-box .bottom-card-content .bottom-card-content-code { align-items: center; color: #fff; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 6px } .top-bar-box .copy { color: #31a1f1; cursor: pointer; font-size: 24px; margin-left: 6px } .top-bar-box .copy .iconfont, .top-bar-box .copy svg { font-size: 24px } [data-v-385fa1ab] .comfyUIUpload { background-color: #24262a; border-radius: 20px } [data-v-385fa1ab] .comfyUIUpload .formBox .el-form-item__label { color: #a1a6ac; font-size: 14px } [data-v-385fa1ab] .comfyUIUpload .formBox .el-input__inner, [data-v-385fa1ab] .comfyUIUpload .formBox .el-textarea__inner, [data-v-385fa1ab] .comfyUIUpload .formBox .upJson { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; color: #fff; height: 40px; width: 100% } [data-v-385fa1ab] .comfyUIUpload .formBox .el-textarea__inner { height: 124px } [data-v-385fa1ab] .comfyUIUpload .formBox .el-input__count, [data-v-385fa1ab] .comfyUIUpload .formBox .el-input__count-inner { background-color: transparent; background-color: initial; color: #91929f; font-size: 12px } [data-v-385fa1ab] .comfyUIUpload .formBox .el-select { width: 100% } [data-v-385fa1ab] .comfyUIUpload .formBox .el-select .el-tag { background-color: hsla(0, 0%, 100%, .08); border-radius: 6px } [data-v-385fa1ab] .comfyUIUpload .formBox .el-select .el-tag span { color: #fff; font-size: 12px } [data-v-385fa1ab] .comfyUIUpload .formBox .el-select .el-tag i { background-color: #35383a } [data-v-385fa1ab] .comfyUIUpload .formBox .upJson { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; padding: 10px } [data-v-385fa1ab] .comfyUIUpload .formBox .upJson .svg-icon { color: #f4f4f4; font-size: 20px; margin-right: 5px } [data-v-385fa1ab] .comfyUIUpload .formBox .upJson span { color: #f4f4f4; font-size: 12px } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList { display: flex; flex-wrap: wrap; gap: 10px } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .imgBox { background-color: #313337; border-radius: 9px; height: 130px; position: relative; width: 130px } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .imgBox:hover i { opacity: 1 } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .imgBox i { background-color: rgba(0, 0, 0, .7); border-radius: 8px; color: #f44; cursor: pointer; font-size: 20px; opacity: 0; padding: 5px; position: absolute; right: 10px; top: 10px } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .imgBox img { background-color: #313337; border-radius: 9px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .upImg { align-items: center; background-color: #313337; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; display: flex; flex-direction: column; height: 130px; justify-content: center; width: 130px } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .upImg i { color: #9a9fa5; font-size: 13px; font-weight: 700 } [data-v-385fa1ab] .comfyUIUpload .formBox .imgList .upImg span { color: #9a9fa5; font-size: 14px } [data-v-385fa1ab] .comfyUIUpload .formBox .tip { color: #a1a6ac; font-size: 12px; line-height: 18px; margin-top: 10px } [data-v-385fa1ab] .comfyUIUpload .formBox .sourceCnt { align-items: center; display: flex } [data-v-385fa1ab] .comfyUIUpload .formBox .sourceCnt .sourceBox { align-items: center; background-color: #24262a; border: 1px solid #393e44; border-radius: 10px; box-sizing: border-box; display: flex; height: 40px; margin-right: 10px; padding: 4px } [data-v-385fa1ab] .comfyUIUpload .formBox .sourceCnt .sourceBox .sourceItem { align-items: center; color: #f4f4f4; display: flex; font-size: 14px; height: 32px; padding: 0 24px } [data-v-385fa1ab] .comfyUIUpload .formBox .sourceCnt .sourceBox .activateSource { background: #434452; border-radius: 8px; box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1); color: #f1f5f9 } [data-v-385fa1ab] .comfyUIUpload .el-dialog__header { border-bottom: 1px solid hsla(0, 0%, 100%, .08) } [data-v-385fa1ab] .comfyUIUpload .el-dialog__header .el-dialog__title { color: #efefef; font-size: 16px } [data-v-385fa1ab] .comfyUIUpload .el-dialog__header .el-dialog__close { color: #cecece; font-size: 20px } [data-v-385fa1ab] .comfyUIUpload .el-dialog__footer { border-top: 1px solid hsla(0, 0%, 100%, .08) } [data-v-385fa1ab] .comfyUIUpload .el-dialog__footer .el-button--default { background-color: #1a1d1f; border: none; border-radius: 8px } [data-v-385fa1ab] .comfyUIUpload .el-dialog__footer .el-button--default span { color: hsla(0, 0%, 100%, .7); font-size: 14px } [data-v-385fa1ab] .comfyUIUpload .el-button--primary { background: linear-gradient(99deg, #3271cc, #0fffff); border: none; border-radius: 8px } [data-v-385fa1ab] .comfyUIUpload .el-button--primary span { color: #fff; font-size: 14px } [data-v-385fa1ab] .checkBox { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between } [data-v-385fa1ab] .checkBox .el-checkbox__label { color: #cfd3dc; font-size: 14px } [data-v-385fa1ab] .checkBox .agreement { color: #409eff } [data-v-385fa1ab] .checkBox .el-checkbox { margin-right: 0 } .h-tools .painting[data-v-5306ab75], .h-tools[data-v-5306ab75] { align-items: center; display: flex } .h-tools .painting[data-v-5306ab75] { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 42px 42px 42px 42px; box-sizing: border-box; cursor: pointer; height: 36px; justify-content: space-between; margin-right: 20px; min-width: 150px; padding: 0 0 0 16px; position: relative } .h-tools .painting:hover .create-type-box[data-v-5306ab75] { display: block !important } .h-tools .painting .paint-left[data-v-5306ab75] { align-items: center; display: flex } .h-tools .painting .paint-left img[data-v-5306ab75] { height: 28px; margin-right: 5px; width: 28px } .h-tools .painting .paint-left span[data-v-5306ab75] { color: #fff; font-size: 14px } .h-tools .painting .creation-badge[data-v-5306ab75] { align-items: center; background-color: #ef4444; border-radius: 50%; display: inline-flex; height: 8px; justify-content: center; margin-bottom: 10px; margin-left: -2px; position: absolute; right: 10px; top: 5px; width: 8px } .h-tools .painting .creation-badge[data-v-5306ab75] .el-badge__content { border-color: transparent } .h-tools .painting .categroy[data-v-5306ab75] { align-items: center; border-left: 1px solid hsla(0, 0%, 100%, .6); display: flex; height: 100%; justify-content: center; margin-left: 20px; position: relative; width: 36px } .h-tools .painting .categroy .icon[data-v-5306ab75] { color: #fff; font-size: 14px; margin-right: 2px } .h-tools .painting .create-type-box[data-v-5306ab75] { animation: painAni .15s linear both; bottom: -110px; display: none; height: 120px; left: -10px; position: absolute } .h-tools .painting .create-type-box .createType[data-v-5306ab75] { background: #13141f; background: #191a27; border: 1px solid #272b30; border-radius: 12px; border-radius: 16px; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08); box-sizing: border-box; color: #fff; color: #fcfcfc; display: flex; flex-direction: column; font-size: 14px; justify-content: space-around; margin-top: 16px; padding: 12px; width: 226px } .h-tools .painting .create-type-box .createType .line[data-v-5306ab75] { align-items: center; box-sizing: border-box; color: #fcfcfc; display: flex; margin-bottom: 4px; min-height: 40px; padding: 8px 10px } .h-tools .painting .create-type-box .createType .line .title[data-v-5306ab75] { max-width: 60% } .h-tools .painting .create-type-box .createType .line[data-v-5306ab75]:hover { background: hsla(0, 0%, 100%, .1); border-radius: 8px } .h-tools .painting .create-type-box .createType .line .icon-box[data-v-5306ab75] { display: inline-block; min-width: 36px } .h-tools .painting .create-type-box .createType .line .icon-hot[data-v-5306ab75] { height: 22px; margin-left: 4px; width: 22px } .h-tools .painting .create-type-box .createType .line .icon_left[data-v-5306ab75] { font-size: 24px } .h-tools .painting .create-type-box .createType .line .icon-icon_huabi[data-v-5306ab75] { font-size: 18px } .h-tools .painting .create-type-box .createType .line .icon_right[data-v-5306ab75] { font-size: 22px; margin-left: 4px } .h-tools .painting .create-type-box .createType .line .svg-icon_left[data-v-5306ab75] { height: 18px; width: 18px } .h-tools .painting .create-type-box .createType .line .svg-icon_right[data-v-5306ab75] { height: 22px; margin-left: 4px; margin-top: -4px; width: 22px } .h-tools .painting .create-type-box .createType .line .beta[data-v-5306ab75] { background: rgba(241, 78, 78, .2); border-radius: 4px 4px 4px 4px; color: #f14e4e; font-size: 12px; height: 18px; line-height: 18px; margin-left: 16px; text-align: center; width: 32px } .h-tools .painting .create-type-box .createType .line-border[data-v-5306ab75] { align-items: center; display: flex; height: 22px } .h-tools .painting .create-type-box .createType .line-border .line-inner[data-v-5306ab75] { background: hsla(0, 0%, 100%, .1); height: 1px; width: 100% } .h-tools .painting.paintingShow[data-v-5306ab75] { justify-content: center; min-width: 120px; padding: 0 } .h-tools .toolMore[data-v-5306ab75] { margin-right: 16px } .h-tools .toolMore .svg-icon[data-v-5306ab75] { font-size: 28px } .h-tools .client-select[data-v-5306ab75] { margin-right: 10px } .h-tools .client-select[data-v-5306ab75] .el-input__inner { background: #1c1d2a; border: 0; border-radius: 36px; color: hsla(0, 0%, 100%, .9); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; height: 48px; text-align: center } .h-tools .discard-btn[data-v-5306ab75] { align-items: center; cursor: pointer; display: flex; margin-right: 22px } .h-tools .discard-btn .discard-icon[data-v-5306ab75] { height: 33px; width: 33px } .h-tools .discard-btn .discard-icon[data-v-5306ab75]:hover { transform: scale(1.2); transition: all .3s ease-in-out } .h-tools .user-balance[data-v-5306ab75] { align-items: center; cursor: pointer; display: flex; margin-right: 15px } .h-tools .user-balance .vip-icon[data-v-5306ab75] { height: 32px; width: 32px } .h-tools .user-balance .vip-icon[data-v-5306ab75]:hover { transform: scale(1.2); transition: all .3s ease-in-out } .h-tools .tools-item[data-v-5306ab75] { cursor: pointer; margin-right: 5px; padding: 10px; position: relative } .h-tools .tools-item[data-v-5306ab75]:hover { background: #222332; border-radius: 10px } .h-tools .tools-item:hover .iconfont[data-v-5306ab75], .h-tools .tools-item:hover svg[data-v-5306ab75] { color: #fff } .h-tools .tools-item:hover .dropdown-panel[data-v-5306ab75] { display: block } .h-tools .tools-item .iconfont[data-v-5306ab75], .h-tools .tools-item svg[data-v-5306ab75] { color: #a0a1a5; font-size: 24px } .h-tools .tools-item .msg-num[data-v-5306ab75] { background-color: #f56c6c; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; position: absolute; right: 20px; text-align: center; top: 10px; transform: translateY(-50%) translateX(100%); white-space: nowrap } .h-tools .tools-item .dropdown-panel[data-v-5306ab75] { display: none } .h-tools .tools-item[data-v-5306ab75]:last-child { margin-right: 0 } .h-tools .tools-item.notice[data-v-5306ab75] { padding: 0 } .h-tools .tools-item.notice[data-v-5306ab75] .el-popover__reference-wrapper .side-item-help { margin: 0; padding: 10px } .h-tools .tools-item.notice[data-v-5306ab75] .el-popover__reference-wrapper .side-item-help > p { display: none } .h-tools .tools-item.notice[data-v-5306ab75] .el-popover__reference-wrapper .side-item-help .sidebar-icon-wrapper .iconfont, .h-tools .tools-item.notice[data-v-5306ab75] .el-popover__reference-wrapper .side-item-help .sidebar-icon-wrapper .svg-icon { color: #a0a1a5 } .h-tools .tools-item .creation-badge[data-v-5306ab75] { align-items: center; background-color: #ef4444; border-radius: 50%; display: inline-flex; height: 8px; justify-content: center; margin-bottom: 10px; margin-left: -2px; width: 8px } .h-tools .tools-item .creation-badge[data-v-5306ab75] .el-badge__content { border-color: transparent } .h-tools .user-panel[data-v-5306ab75] { position: relative } .h-tools .user-panel .user-avatar[data-v-5306ab75] { background-color: #e9e9e9; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; color: #212121; cursor: pointer; height: 26px; line-height: 26px; text-align: center; width: 26px } .h-tools .user-panel .dropdown-panel[data-v-5306ab75] { display: none } .h-tools .user-panel:hover .dropdown-panel[data-v-5306ab75] { display: block } .h-tools .login-btn[data-v-5306ab75] { background: linear-gradient(90deg, #245cfb, #52c2ed); border: none; border-radius: 22px; color: #fff; font-size: 16px; height: 44px; line-height: 44px; padding: 0 20px; -webkit-text-decoration: none; text-decoration: none } .balance-tips { background-color: #c4cfdb !important; box-sizing: border-box; max-width: 800px; min-width: 235px; padding: 2px 8px !important; text-align: center; word-break: keep-all } .balance-tips .popper__arrow:after { border-bottom-color: #c4cfdb !important } .balance-tips .balance-tips-text { padding: 6px; word-break: keep-all } @keyframes painAni { 0% { bottom: -96px } to { bottom: -110px } } .top-menu[data-v-78ec074d] { align-items: center; background: #13141f; box-sizing: border-box; display: flex; height: 100%; height: auto; justify-content: center; justify-content: flex-start; padding: 12px 20px; width: 100% } .top-menu.sp-bg[data-v-78ec074d] { background: linear-gradient(180deg, #0a0716, #0b0717); border-bottom: 1px solid hsla(0, 0%, 80%, .07) } .top-menu .left-tabs[data-v-78ec074d] { align-items: center; display: flex; flex-wrap: nowrap; justify-content: center } .top-menu .left-tabs .logo[data-v-78ec074d] { cursor: pointer; height: 30px; margin-right: 20px; width: 30px } .top-menu .left-tabs .company-name[data-v-78ec074d] { -webkit-text-fill-color: transparent; background: linear-gradient(81deg, #3f8fff, #21feff); -webkit-background-clip: text; display: inline-block; flex-shrink: 0; font-size: 14px; margin-right: 4px } .top-menu .middle-search-area[data-v-78ec074d] { flex: 1 } .top-banner[data-v-f75176be] { height: 46px; position: relative } .top-banner a[data-v-f75176be] { display: block; font-size: 0 } .top-banner a img[data-v-f75176be] { height: 46px; -o-object-fit: cover; object-fit: cover; width: 100% } .top-banner .close-btn[data-v-f75176be] { background: hsla(0, 0%, 100%, .1); border-radius: 12px; color: #fff; cursor: pointer; height: 24px; line-height: 20px; position: absolute; right: 15px; text-align: center; top: 10px; width: 24px } .fixed-banner[data-v-f75176be] { left: 0; position: fixed; right: 0; top: 0; z-index: 11 } .join-group-dialog .main-part[data-v-fb91ecf6] { font-size: 16px; font-weight: 400; line-height: 27px } .join-group-dialog .main-part .info[data-v-fb91ecf6] { flex-direction: row; -o-object-fit: contain; object-fit: contain } .join-group-dialog .main-part .info p[data-v-fb91ecf6] { color: #fff; text-align: center } .join-group-dialog .main-part .info img[data-v-fb91ecf6] { width: 90% } @media (max-width: 767px) { .join-group-dialog .main-part .info[data-v-fb91ecf6] { flex-direction: column } .join-group-dialog .main-part .qq-part[data-v-fb91ecf6], .join-group-dialog .main-part .wechat-part[data-v-fb91ecf6] { margin-bottom: 20px } } .join-group-dialog .dialog-footer .my-dialog-btn[data-v-fb91ecf6] { border: none; color: red; font-size: 16px; height: 48px } .join-group-dialog .dialog-footer .btn-left[data-v-fb91ecf6] { background-color: transparent; color: #64748b } .join-group-dialog .dialog-footer .btn-left[data-v-fb91ecf6]:hover { background-color: rgba(76, 82, 134, .8); color: #fff } .join-group-dialog .dialog-footer .btn-right[data-v-fb91ecf6] { background-color: #2b6cb0; color: #fff } .join-group-dialog .dialog-footer .btn-right.notSelect[data-v-fb91ecf6] { background-color: #718096; color: #1a202c } .join-group-dialog { background-color: rgba(26, 30, 45, .502); border: 2px solid rgba(26, 30, 45, .5); border-radius: 15px; overflow: hidden } .join-group-dialog .el-dialog__header { background-color: rgba(8, 11, 22, .9); color: #fff; font-size: 16px; font-weight: 500; padding: 20px 24px } .join-group-dialog .el-dialog__header .el-icon-close { color: #64748b; font-size: 24px; font-weight: 600 } .lang-content[data-v-186e7eec] { padding: 10px } .lang-content .lang-item[data-v-186e7eec] { border-radius: 5px; cursor: pointer; padding: 10px 15px } .lang-content .lang-item[data-v-186e7eec]:hover { background: rgba(96, 98, 102, .129) } .lang-content .lang-item:hover .name[data-v-186e7eec] { color: #fff } .lang-content .lang-item .name[data-v-186e7eec] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .lang-content .lang-item .name.active[data-v-186e7eec] { color: #fff; font-weight: 700 } .lang-content .lang-item .el-icon-check[data-v-186e7eec] { color: #22d19d; font-size: 16px; margin-right: 5px } .lang-dialog .el-dialog { background: #24262a; border-radius: 20px; width: 563px } .lang-dialog .el-dialog__header { border-bottom: 1px solid hsla(0, 0%, 100%, .06); color: #efefef; font-size: 16px; font-weight: 400 } .lang-dialog .el-dialog__header .el-dialog__title { color: #efefef } .lang-dialog .el-dialog__body { padding: 0 } .task-invite-dialog .main-part[data-v-501ba63b] { font-size: 16px; font-weight: 400; line-height: 27px } .task-invite-dialog .main-part .title[data-v-501ba63b] { position: relative } .task-invite-dialog .main-part .title .img-part[data-v-501ba63b] { position: absolute; top: -150px } .task-invite-dialog .main-part .info[data-v-501ba63b] { color: #cfd3dc; font-family: ArialMT, var(--font-family); font-size: 14px; letter-spacing: 1px; margin: 50px 0 20px; text-align: center } @media (max-width: 767px) { .task-invite-dialog .main-part .info[data-v-501ba63b] { flex-direction: column } } .task-invite-dialog .dialog-footer .my-dialog-btn[data-v-501ba63b] { background-color: rgba(76, 82, 134, .8); background: /*savepage-url=/_nuxt/img/invitebtnbtn.f0bc78a.png*/ var(--savepage-url-28) no-repeat; background-size: 100% 100%; border: none; color: #fff; font-size: 16px; height: 48px; width: 60% } .task-invite-dialog .dialog-footer .my-dialog-btn[data-v-501ba63b]:hover { filter: brightness(1.1) } .task-invite-dialog { background: /*savepage-url=/_nuxt/img/invitebg.bfdfaa2.png*/ url() no-repeat; background-size: 100% 100%; border-radius: 15px; box-shadow: none; left: 50%; margin: 0 !important; outline: none; overflow: visible; overflow: initial; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 400px } .task-invite-dialog .el-dialog__header { background-color: transparent; color: #fff; font-size: 16px; font-weight: 500; padding: 20px 24px } .task-invite-dialog .el-dialog__header .el-dialog__headerbtn { top: -45px } .task-invite-dialog .el-dialog__header .el-icon-close { color: #64748b; font-size: 24px; font-weight: 600 } .task-invite-dialog .el-dialog__body { padding: 30px 36px } .task-invite-dialog .el-dialog__footer { padding: 0 20px 50px } .notice[data-v-92325810] { font-family: var(--font-family); font-size: 14px; line-height: 24px } .notice__header[data-v-92325810] { margin: 10px 0; text-align: center } .notice__title[data-v-92325810] { color: #d7ddea; font-size: 16px; font-weight: 500; margin-bottom: 10px } .notice__time[data-v-92325810] { color: hsla(220, 4%, 58%, .85); font-weight: 400; margin-bottom: 16px } .notice__content[data-v-92325810] { word-wrap: normal; color: #d7ddea; font-weight: 400; max-height: 400px; min-height: 200px; overflow-y: auto; white-space: pre-wrap; word-break: normal } .notice-dialog .el-loading-parent--relative { position: static !important } .star-dialog .el-dialog__header { border-bottom: 1px solid #e8e8e8; font-size: 16px; font-weight: 700; padding: 10px 24px } .star-dialog .el-dialog__headerbtn { top: 12px } .star-dialog .el-dialog__body { padding: 24px } .star-dialog .el-dialog__footer { border-top: 1px solid #e8e8e8; padding: 10px 20px } .star-dialog.with-footer .el-dialog__body { padding-bottom: 0 } .star-dialog .el-form-item__label { padding-bottom: 4px } .star-dialog.label-top .el-checkbox__label { color: rgba(0, 0, 0, .65); font-weight: 400; padding-left: 8px } .star-dialog.label-top .body:first-child { margin-top: 0 } .star-dialog .el-form--label-top .el-form-item__label { color: rgba(0, 0, 0, .85); font-weight: 400; line-height: 22px; padding-bottom: 8px } .notice-content[data-v-2a2bddb6] { align-items: center; display: flex; justify-content: flex-end; padding: 10px; position: absolute; right: 0 } .notice-content .item[data-v-2a2bddb6] { margin-left: 10px } .notice-content .item .svg-btn[data-v-2a2bddb6] { color: #fff; font-size: 40px } .notice-content .item[data-v-2a2bddb6] .el-badge__content { border: none; top: 10px } .channel-panel[data-v-0ea0751a] { color: #fff } .channel-panel .panel-head[data-v-0ea0751a] { align-items: center; color: #dbdce3; display: flex; justify-content: space-between; padding: 5px 15px } .channel-panel .panel-head i[data-v-0ea0751a] { color: #333; cursor: pointer; font-size: 18px } .channel-panel .panel-head svg[data-v-0ea0751a] { color: #6f7685; cursor: pointer; font-size: 20px } .channel-panel .channel-list[data-v-0ea0751a] { align-items: center; display: flex; flex-direction: column } .channel-panel .channel-list .channel-item[data-v-0ea0751a] { background: rgba(30, 46, 87, .2); border-radius: 6px; box-sizing: border-box; cursor: pointer; margin-top: 10px; min-height: 30px; padding: 10px 10px 10px 45px; position: relative; width: 186px } .channel-panel .channel-list .channel-item[data-v-0ea0751a]:last-child { margin-bottom: 10px } .channel-panel .channel-list .channel-item.active[data-v-0ea0751a], .channel-panel .channel-list .channel-item[data-v-0ea0751a]:hover { background: rgba(30, 46, 87, .5) } .channel-panel .channel-list .channel-item.new[data-v-0ea0751a]:before { background: red; border-radius: 4px; content: ""; height: 8px; left: 0; position: absolute; top: 0; width: 8px } .channel-panel .channel-list .channel-item .owner-icon[data-v-0ea0751a] { color: #0966f0; left: 20px; position: absolute; top: 50%; transform: translateY(-50%) } .channel-panel .channel-list .channel-item .more-btn[data-v-0ea0751a] { cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) } .channel-panel .channel-list .channel-item .channel-info .name[data-v-0ea0751a] { color: hsla(0, 0%, 100%, .8); font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500; line-height: 17px } .channel-panel .channel-list .channel-item .channel-info .des[data-v-0ea0751a] { color: hsla(0, 0%, 100%, .5); font-family: PingFangSC-Light, PingFang SC; font-size: 12px; font-weight: 300; line-height: 14px; margin-top: 3px } .channel-panel .channel-list .channel-item-add[data-v-0ea0751a] { align-items: center; background: rgba(30, 46, 87, .2); border: 1px solid #2b395c; border-radius: 6px; box-sizing: border-box; display: flex; height: 37px; justify-content: center; padding-left: 0; width: 186px } .channel-panel .channel-list .channel-item-add-icon[data-v-0ea0751a] { color: #95b4f0; cursor: pointer; font-size: 18px; margin-right: 16px } .generate-menu[data-v-0db260cc] { border-left: 1px solid #293045; min-width: 220px; width: 11% } .generate-menu .head[data-v-0db260cc] { align-items: center; color: #fff; display: flex; font-size: 16px; height: 70px; padding: 0 25px; position: relative } .generate-menu .head .logo[data-v-0db260cc] { height: 30px; margin-right: 15px; width: 30px } .generate-menu .head .iconfont[data-v-0db260cc], .generate-menu .head svg[data-v-0db260cc] { color: #fff; cursor: pointer; font-size: 30px; position: absolute; right: 25px; top: 20px } .generate-menu .menu-panel[data-v-0db260cc] { box-sizing: border-box; max-height: calc(100vh - 70px); overflow-x: hidden; overflow-y: auto; padding: 0 16px 16px } .generate-menu .menu-panel .menu-panel-top[data-v-0db260cc] { align-items: center; background: #181923; border-radius: 8px; box-shadow: 0 20px 24px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 36px; margin-bottom: 10px; padding: 4px 6px } .generate-menu .menu-panel .menu-panel-top .item-coin[data-v-0db260cc] { align-items: center; cursor: pointer; display: flex; flex: 1; height: 32px; justify-content: center } .generate-menu .menu-panel .menu-panel-top .item-coin .icon[data-v-0db260cc] { height: 24px; width: 24px } .generate-menu .menu-panel .menu-panel-top .item-coin.credit .icon[data-v-0db260cc] { margin-right: 5px } .generate-menu .menu-panel .menu-panel-top .item-coin .number[data-v-0db260cc] { color: #c6c6ce; font-family: Inter-Medium, Inter; font-size: 11px; font-weight: 500; text-align: center; white-space: nowrap } .generate-menu .menu-panel .menu-panel-top .item-coin[data-v-0db260cc]:last-child { margin-right: 0 } .generate-menu .menu-panel .menu-panel-top .item-coin-btn[data-v-0db260cc] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 4px; color: #fefefe; cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: Inter-Semi Bold, Inter; font-size: 10px; font-weight: 400; justify-content: center; padding: 4px 7px } .generate-menu[data-v-0db260cc] .el-menu { background: transparent; border: 0 } .generate-menu[data-v-0db260cc] .el-menu .iconfont, .generate-menu[data-v-0db260cc] .el-menu svg { color: #91919c; font-size: 20px; margin-right: 15px } .generate-menu[data-v-0db260cc] .el-menu .icon-play { color: #91919c !important; font-weight: 500 } .generate-menu[data-v-0db260cc] .el-menu .menu-item-icon { color: #91919c; font-size: 20px; margin-right: 15px; vertical-align: text-top } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item { align-items: center; display: flex } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child { color: #91919c; margin-top: 0 } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:nth-child(2) { color: #91919c } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item.is-active { background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5)); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05); color: #fff } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item.is-active .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item.is-active svg { color: #fff !important } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item.is-active .menu-item-icon { color: #fff } .generate-menu[data-v-0db260cc] .el-menu .edit-board-menu-item { align-items: center; color: #91919c !important; display: flex } .generate-menu[data-v-0db260cc] .el-menu .edit-board-menu-item .beta { background: rgba(241, 78, 78, .2); border-radius: 4px; color: #f14e4e; font-size: 12px; height: 18px; line-height: 18px; margin-left: 8px; text-align: center; width: 32px } .generate-menu[data-v-0db260cc] .el-menu .edit-board-menu-item .menu-item-icon { color: #91919c !important; font-size: 20px; margin-right: 15px; vertical-align: text-top } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title { border-radius: 8px; color: #53575b; height: 48px; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:focus, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:hover, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title:focus, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title:hover { background: transparent; box-shadow: none } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:focus .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:focus svg, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:hover .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:hover svg, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title:focus .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title:focus svg, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title:hover .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title:hover svg { color: #fff } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child:focus, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child:hover { background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5)); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05); color: #e9eef8 } .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child:focus .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child:focus svg, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child:hover .iconfont, .generate-menu[data-v-0db260cc] .el-menu .el-menu-item:first-child:hover svg { color: #fff } .generate-menu[data-v-0db260cc] .el-menu .el-submenu__title .el-submenu__icon-arrow { display: none } .generate-menu[data-v-0db260cc] .el-menu .el-submenu .el-menu-item { color: #a8b4cc; color: #91919c; height: 40px; line-height: 40px; margin-top: 0; max-width: 188px; min-width: 188px; padding: 0; padding: 0 20px !important } .generate-menu[data-v-0db260cc] .el-menu .el-submenu .el-menu-item.is-active { color: #fff; height: 40px } .generate-menu[data-v-0db260cc] .el-menu .el-submenu .el-menu-item.is-active, .generate-menu[data-v-0db260cc] .el-menu .el-submenu .el-menu-item:hover { background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5)); border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05) } .generate-menu[data-v-0db260cc] .el-menu .el-submenu .el-menu-item:hover { color: #e9eef8 } .generate-menu[data-v-0db260cc] .el-menu .swift-menu-item, .generate-menu[data-v-0db260cc] .el-menu .swift-menu-item .el-tooltip { align-items: center; display: flex } .generate-menu[data-v-0db260cc] .el-menu .swift-menu-item:hover .menu-item-icon { color: #fff } .generate-menu[data-v-0db260cc] .view-more-btn { align-items: center; cursor: pointer; display: flex } .icon-simple_icon[data-v-0db260cc] { color: #fff !important; font-size: 24px } .icon-character-repair-icon1[data-v-0db260cc] { margin-right: 10px !important } .loading-overlay[data-v-57a08d29] { align-items: center; background: rgba(0, 0, 0, .8); bottom: 0; display: flex; height: 100%; justify-content: center; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1000 } .loading-overlay .loading-content[data-v-57a08d29] { background: #24262a; border-radius: 20px; box-sizing: border-box; padding: 0 24px; width: 462px } .loading-overlay .loading-content .content-1[data-v-57a08d29] { align-items: center; display: flex; height: 90px; justify-content: space-between } .loading-overlay .loading-content .content-1 .title[data-v-57a08d29] { color: #cfd3dc; font-family: PingFang SC; font-size: 16px; font-weight: 600; height: 22px; width: 80px } .loading-overlay .loading-content .content-1 .iconfont[data-v-57a08d29] { color: #fff } .loading-overlay .loading-content .content-2[data-v-57a08d29] { border-bottom: 1px solid hsla(0, 0%, 100%, .08); color: #efefef; display: flex; font-size: 14px; font-weight: 400; height: 103px; justify-content: center } .loading-overlay .loading-content .content-3[data-v-57a08d29] { align-items: center; display: flex; justify-content: flex-end; padding: 15px 0 } .loading-overlay .loading-content .content-3 .btn[data-v-57a08d29] { align-items: center; border: initial; border-radius: 8px 8px 8px 8px; display: flex; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px; justify-content: center; width: 60px } .loading-overlay .loading-content .content-3 .cancel[data-v-57a08d29] { background: #1a1d1f; color: hsla(0, 0%, 100%, .7); margin-right: 8px } .loading-overlay .loading-content .content-3 .query[data-v-57a08d29] { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff; height: 38px } .view-image[data-v-3e74354c] { background: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999999 } .view-image img[data-v-3e74354c] { cursor: zoom-in; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all .1s linear; width: 100% } .view-image img.init-img[data-v-3e74354c] { -o-object-fit: contain; object-fit: contain; transform: none; transition: none } .view-image img.move-mouse[data-v-3e74354c] { cursor: grab } .view-image img.grabbing[data-v-3e74354c] { cursor: grabbing; transition: none } .view-image img.grab[data-v-3e74354c] { cursor: grab } .view-image .handle-btns[data-v-3e74354c] { position: absolute; right: 20px; top: 10px } .view-image .handle-btns .btn-box[data-v-3e74354c] { background: hsla(0, 0%, 100%, .2); border-radius: 50px; color: #fff; cursor: pointer; display: inline-block; height: 50px; line-height: 50px; margin-left: 10px; text-align: center; vertical-align: middle; width: 50px } .view-image .handle-btns .btn-box[data-v-3e74354c]:hover { background: hsla(0, 0%, 100%, .3) } .view-image .handle-btns .btn-box i[data-v-3e74354c] { color: #ddddde; font-size: 16px } .view-image .handle-btns .btn-box.zoom-btn i[data-v-3e74354c] { font-size: 22px } .view-image .handle-btns .btn-box.download-btn i[data-v-3e74354c] { font-size: 22px; font-weight: 700 } .modal-fade-enter-active[data-v-3e74354c], .modal-fade-leave-active[data-v-3e74354c] { transition: opacity .1s linear } .modal-fade-enter[data-v-3e74354c], .modal-fade-leave-to[data-v-3e74354c] { opacity: 0 } .el-image-viewer__chat[data-v-765d91e5] { background-color: #606266; color: #fff; font-size: 24px; height: 40px; right: 160px; top: 40px; width: 40px } .el-image-viewer__chat .iconfont[data-v-765d91e5] { font-size: 24px } .c-task-image-viewer[data-v-765d91e5] { display: flex } .c-task-image-viewer .task-image-viewer__canvas[data-v-765d91e5] { position: relative } .c-task-image-viewer .task-image-viewer__canvas > i[data-v-765d91e5] { color: #fff; cursor: pointer; font-size: 22px; position: absolute; right: 20px; top: 20px } .c-task-image-viewer .task-image-viewer__canvas > img[data-v-765d91e5] { cursor: zoom-in } .c-task-image-viewer .message__title-task-tag[data-v-765d91e5] { align-items: center; background: rgba(0, 82, 204, .2); border-radius: 3px; color: #3275d8; display: inline-flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500; margin-left: 8px; max-height: 20px; padding: 2px 5px } .c-task-image-viewer .el-image-viewer__download[data-v-765d91e5] { align-items: center; background-color: #606266; border-radius: 50%; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-size: 24px; height: 40px; justify-content: center; opacity: .8; right: 100px; top: 40px; width: 40px } .c-task-image-viewer .task-image-viewer__side-bar[data-v-765d91e5] { background: #11111c; box-shadow: inset 1px 0 0 0 #181b2a; flex: 0 0 auto; max-height: 100%; max-width: 325px; min-width: 325px; overflow-y: scroll; padding: 0 18px 20px 20px; z-index: 1 } .c-task-image-viewer .task-image-viewer__side-bar .el-image-viewer__close[data-v-765d91e5] { background: #1a1e2b; border-radius: 8px; right: 18px; top: 20px } .c-task-image-viewer .task-image-viewer__side-bar .btn-box[data-v-765d91e5] { display: flex; flex-wrap: wrap; margin-top: 70px; width: 100% } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button[data-v-765d91e5] { align-items: center; background: #3a28ab; border-radius: 10px; box-sizing: border-box; color: #fcfcfc; display: flex; justify-content: center; margin-bottom: 20px; padding: 6px 8px; width: calc(50% - 4px) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button[data-v-765d91e5]:hover { background: rgba(58, 40, 171, .769) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button .icon .iconfont[data-v-765d91e5], .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button .icon[data-v-765d91e5] { font-size: 24px } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button .label[data-v-765d91e5] { font-family: PingFang SC; font-size: 15px; font-weight: 500; margin-left: 8px } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.post[data-v-765d91e5] { background: linear-gradient(81deg, #3f8fff, #21feff) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.animGen[data-v-765d91e5] { background: rgba(73, 54, 99, .2) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.animGen[data-v-765d91e5]:hover { background: rgba(73, 54, 99, .35) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.variations[data-v-765d91e5] { background: rgba(125, 78, 189, .2) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.variations[data-v-765d91e5]:hover { background: rgba(125, 78, 189, .35) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.upscale[data-v-765d91e5] { background: rgba(178, 125, 62, .2) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.upscale[data-v-765d91e5]:hover { background: rgba(178, 125, 62, .35) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.extraUpscale[data-v-765d91e5] { background: rgba(0, 82, 204, .2) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.extraUpscale[data-v-765d91e5]:hover { background: rgba(0, 82, 204, .35) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.removeBackground[data-v-765d91e5] { background: rgba(45, 148, 136, .2) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.removeBackground[data-v-765d91e5]:hover { background: rgba(45, 148, 136, .35) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.download[data-v-765d91e5] { background: rgba(25, 110, 173, .2) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box .button.download[data-v-765d91e5]:hover { background: rgba(25, 110, 173, .35) } .c-task-image-viewer .task-image-viewer__side-bar .btn-box.odd[data-v-765d91e5] > :last-child { width: 100% } .c-task-image-viewer .task-image-viewer__side-bar .btn-box[data-v-765d91e5] > :nth-child(2n) { margin-left: 8px } .c-task-image-viewer .task-image-viewer__prompt-box[data-v-765d91e5] { margin-top: 16px } .c-task-image-viewer .task-image-viewer__prompt-box .task-image-viewer__prompt-title[data-v-765d91e5] { align-items: center; display: flex; margin-top: 12px } .c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn[data-v-765d91e5] { align-items: center; background: #1a1e2b; border-radius: 6px; color: #6f7687; cursor: pointer; display: flex; height: 34px; justify-content: center; margin-left: 14px; transition: all .3s; width: 34px } .c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn[data-v-765d91e5]:first-child { margin-left: 0 } .c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn .svg-icon[data-v-765d91e5] { font-size: 18px } .c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn .msg-item-more-icon-1[data-v-765d91e5] { font-size: 22px } .c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-btn[data-v-765d91e5]:hover { background: #494f80; color: #f8f8f9 } .c-task-image-viewer .task-image-viewer__prompt-box .prompt-title-text[data-v-765d91e5] { color: #c0d0f1; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; line-height: 24px } .c-task-image-viewer .task-image-viewer__prompt-box .task-image-viewer__prompt-content[data-v-765d91e5] { background: rgba(48, 59, 81, .2); border-radius: 4px; color: #aebcc3; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; line-height: 20px; margin-top: 8px; max-height: 160px; overflow-x: hidden; overflow-y: auto; padding: 10px } .c-task-image-viewer .task-image-viewer__prompt-box-margin-top[data-v-765d91e5] { margin-top: 70px } .c-task-image-viewer .task-image-viewer__params[data-v-765d91e5] { align-items: center; display: flex; gap: 10px; margin-top: 10px } .c-task-image-viewer .task-image-viewer__params[data-v-765d91e5]:first-child { margin-top: 21px } .c-task-image-viewer .task-image-viewer__params .scaleBox[data-v-765d91e5] { display: flex; flex-direction: column; flex-wrap: wrap; width: 210px } .c-task-image-viewer .task-image-viewer__params .scale-link-class[data-v-765d91e5] { color: #0072c6; cursor: pointer; font-size: 14px; max-width: 220px; overflow: hidden; position: relative; -webkit-text-decoration: underline; text-decoration: underline; text-overflow: ellipsis; transition: all .3s ease-in-out; white-space: nowrap } .c-task-image-viewer .task-image-viewer__params .scale-link-class[data-v-765d91e5]:hover { filter: brightness(1.2); -webkit-text-decoration: none; text-decoration: none } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-label[data-v-765d91e5] { color: #8a91a2; font-family: ArialMT; font-size: 14px; line-height: 28px; white-space: nowrap; width: 80px } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content[data-v-765d91e5] { background: #1d1f2a; color: #dde4e7; font-family: ArialMT; font-size: 12px; line-height: 28px; min-width: 210px; padding: 0 9px; width: 210px } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params2[data-v-765d91e5] { display: flex; justify-content: space-between } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params2 .task-image-viewer__params-content[data-v-765d91e5] { margin-left: 6px; min-width: 76px; width: 76px } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content2[data-v-765d91e5] { align-items: center; color: #dde4e7; display: flex; font-family: ArialMT; font-size: 12px; justify-content: space-between; line-height: 28px; min-width: 228px; width: 228px } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content2 .task-image-viewer__params-content-3[data-v-765d91e5] { background: #1d1f2a; display: inline-flex; font-size: 12px; margin-left: 6px; min-width: 76px; padding-left: 9px; width: 76px } .c-task-image-viewer .task-image-viewer__params .task-image-viewer__params-content2 .task-image-viewer__params-content-3[data-v-765d91e5]:first-child { margin-left: 0 } .c-task-image-viewer .message-divider[data-v-765d91e5] { align-items: center; border-top: thin solid rgba(78, 80, 88, .48); box-sizing: border-box; display: flex; flex: 0 0 auto; height: 0; justify-content: center; margin: 10px 0 25px; pointer-events: none; position: relative; z-index: 1 } .c-task-image-viewer .message-divider .message-divider-content[data-v-765d91e5] { border-color: #949ba4; border-radius: 8px; color: #949ba4; display: block; flex: 0 0 auto; font-size: 12px; font-weight: 600; line-height: 13px; margin-top: -1px; padding: 2px 4px } .task-image-viewer-popover { z-index: 10001 !important } .main[data-v-539ee6e6] { display: flex } .main .title[data-v-539ee6e6] { color: hsla(0, 0%, 100%, .92); font-size: 14px; font-weight: 500 } .main img[data-v-539ee6e6] { border-radius: 10px; margin-right: 10px; max-height: 321px; min-width: 204px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 204px } .main input[data-v-539ee6e6] { background-color: #05070b; border: 1px solid hsla(0, 0%, 100%, .16); border-radius: 4px; box-sizing: border-box; color: #fff; height: 40px; margin-top: 8px; outline: none; padding-left: 12px; width: 100% } .main input[data-v-539ee6e6]::-moz-placeholder { color: #545d6d; font-size: 14px } .main input[data-v-539ee6e6]::placeholder { color: #545d6d; font-size: 14px } .main .inputActive[data-v-539ee6e6] { border: 1px solid #577ae0 } .main .secret-box[data-v-539ee6e6] { display: flex; flex-direction: column; margin-top: 19px } .main .secret-box .secret-text span[data-v-539ee6e6]:first-child { color: #bac0cc; font-size: 14px } .main .secret-box .secret-text span[data-v-539ee6e6]:last-child { color: gray; font-size: 12px; font-weight: 400; margin-left: 8px; margin-top: 6px } .main .secret-box .secret-box-switch[data-v-539ee6e6] { margin-top: 10px } .main .deleteCollect[data-v-539ee6e6] { margin-top: 24px } .main .deleteCollect div[data-v-539ee6e6]:first-child { color: #cbd5e1; cursor: pointer; font-size: 14px } .main .deleteCollect div[data-v-539ee6e6]:last-child { color: #848c98; font-size: 12px; margin-top: 6px } [data-v-539ee6e6] .el-checkbox { margin-left: 5px; transform: scale(1.6) } [data-v-539ee6e6] .el-checkbox .el-checkbox__inner { background-color: #262c3a; border: 1px solid #979797 } .sure[data-v-539ee6e6] { color: #fff; font-size: 18px } .sureDesc[data-v-539ee6e6] { color: #cbd5e1; font-size: 14px; margin-top: 10px } .bntitem[data-v-539ee6e6] { display: flex; justify-content: center } .bntitem .el-button[data-v-539ee6e6] { border-radius: 8px; box-sizing: border-box; color: #fff; height: 40px; transition: all .5s ease-in-out; width: 202px } .bntitem .el-button[data-v-539ee6e6]:first-child { background: #05070b; border: 1px solid hsla(0, 0%, 100%, .16); border-radius: 8px; height: 40px; width: 202px } .bntitem .el-button[data-v-539ee6e6]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-539ee6e6]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-539ee6e6]:last-child { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; height: 40px; margin-left: 22px; width: 202px } .collection-create-dialog { background-color: #05070b !important; width: 510px !important } .collection-create-dialog .el-dialog__header { background-color: #05070b !important; color: #fff; font-size: 18px; font-weight: 500; padding: 28px 20px 16px; text-align: center } .collection-create-dialog .el-dialog__header .el-dialog__headerbtn { display: none; top: 32px } .collection-create-dialog .el-dialog__body { padding: 20px !important } .save-to-popover .folderList { background-color: #0f121c !important; border: 1px solid #23263f !important; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5) } .save-to-popover .folderList .el-popover__title { color: #abbad3; font-size: 18px; padding-top: 13px; text-align: center } .save-to-popover .svg-icon { cursor: pointer; font-size: 16px } .save-to-popover .cltpop-cent { box-sizing: border-box; display: flex; flex-direction: column; height: 440px; justify-content: space-between; overflow: hidden; width: 100% } .save-to-popover .cltpop-cent .search { align-items: center; background-color: #1b2132; border-radius: 20px; box-sizing: border-box; display: flex; height: 40px; padding: 0 8px; width: 100% } .save-to-popover .cltpop-cent .search .svg-icon { height: 26px; width: 26px } .save-to-popover .cltpop-cent .search .iconfont { color: #647289; font-size: 26px } .save-to-popover .cltpop-cent .search input { background-color: transparent; background-color: initial; border: none; color: #fff; font-size: 12px; height: 100%; outline: none; width: 200px } .save-to-popover .cltpop-cent .search input::-moz-placeholder { color: #66748c } .save-to-popover .cltpop-cent .search input::placeholder { color: #66748c } .save-to-popover .cltpop-cent .popTitle { color: #a0a8b3; font-size: 10px; padding: 10px 0 } .save-to-popover .cltpop-cent .loadbox { height: 70px; width: 100% } .save-to-popover .cltpop-cent .list { max-height: 340px; overflow-y: auto; width: 100% } .save-to-popover .cltpop-cent .itembox { align-items: center; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 60px; justify-content: space-between; margin-bottom: 14px; padding: 0 5px; width: 100% } .save-to-popover .cltpop-cent .itembox .itemboxinfo { align-items: center; display: flex; width: 200px } .save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft { align-items: center; background-color: #191f2e; border-radius: 4px; display: flex; height: 48px; justify-content: center; margin-right: 10px; width: 48px } .save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon, .save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i { color: #d8d8d8; font-size: 26px } .save-to-popover .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img { border-radius: 4px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .save-to-popover .cltpop-cent .itembox .itemboxinfo span { color: #cbd5e1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 140px } .save-to-popover .cltpop-cent .itembox .el-button { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; height: 30px; justify-content: center; min-width: 54px; opacity: 0; padding: 0 } .save-to-popover .cltpop-cent .itembox:hover { background-color: #282e43 } .save-to-popover .cltpop-cent .itembox:hover > .el-button { opacity: 1 } .save-to-popover .cltpop-cent .itembox:last-child { margin-bottom: 0 } .save-to-btn { align-items: center; display: flex } .save-to-btn span { color: #fff; font-size: 14px } .save-to-btn ::v-deep .el-icon-arrow-down { color: #fff; font-size: 14px; margin-left: 15px; transition: all .3s } .save-to-btn ::v-deep .el-icon-arrow-down:last-child { margin-left: 0 } .c-media-attachments-container[data-v-3277ab4e] { display: inline-flex; position: relative } .c-media-attachments-container .attachments-wrap[data-v-3277ab4e] { border-radius: 8px; display: inline-block; max-width: 100%; overflow: hidden; width: -moz-fit-content; width: fit-content } .c-media-attachments-container .attachments-wrap-checked[data-v-3277ab4e] { border: 1px solid #33b568 } .c-media-attachments-container .attachments-wrap-checked .media-attachments-img[data-v-3277ab4e] { border-radius: 8px; transform: scale(.75) } .c-media-attachments-container .message-attachment-media[data-v-3277ab4e] { align-items: flex-start; border-radius: 2px; display: flex; flex-flow: row nowrap; height: 100%; max-height: inherit; max-width: 100%; overflow: hidden; position: relative } .c-media-attachments-container .message-attachment-media-hover:hover .image-hover-mask[data-v-3277ab4e], .c-media-attachments-container .message-attachment-media:hover .image-hover-mask[data-v-3277ab4e] { display: flex; opacity: 1; transition: opacity .3s ease-in-out } .c-media-attachments-container .image-content[data-v-3277ab4e] { flex: auto; flex-flow: column nowrap; height: 100%; position: relative; width: 100% } .c-media-attachments-container .image-content-wrap[data-v-3277ab4e] { display: block; height: 100%; margin: auto; max-height: inherit; position: relative } .c-media-attachments-container .image-content-wrap .nsfw-flag[data-v-3277ab4e] { align-items: center; background: rgba(0, 0, 0, .3); border-radius: 8px; color: #fff; display: inline-flex; font-family: PingFang SC; font-size: 12px; font-weight: 600; justify-content: center; left: 8px; letter-spacing: .6px; padding: 4px 6px; position: absolute; top: 8px } .c-media-attachments-container .image-load-error[data-v-3277ab4e] { align-items: center; bottom: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100% } .c-media-attachments-container .image-load-error .image-load-error-icon[data-v-3277ab4e] { color: #39465b; font-size: 70px; height: 70px; width: 70px } .c-media-attachments-container .image-load-error .image-load-error-text[data-v-3277ab4e] { background: #2f2f2f; border-radius: 6px; color: #1790ff; cursor: pointer; font-family: Inter-Regular, Inter; font-size: 12px; font-weight: 400; padding: 6px 8px } .c-media-attachments-container .image-content-wrap-background[data-v-3277ab4e] { background: linear-gradient(46deg, #5e6cad, #a9b9da 24%, #9196c0 51%, #785f7c 73%, #3d3a57) } .c-media-attachments-container .blurBackground[data-v-3277ab4e] { filter: blur(19px) saturate(160%) } .c-media-attachments-container .image-opacity-0[data-v-3277ab4e] { opacity: 0 !important; transition: opacity .3s ease-in-out } .c-media-attachments-container .media-attachments-img[data-v-3277ab4e] { display: block; max-width: 100%; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0 } .c-media-attachments-container .media-attachments-img.blur[data-v-3277ab4e] { filter: blur(40px) } .c-media-attachments-container .media-attachments-img-show[data-v-3277ab4e] { opacity: 1; transition: opacity .3s ease-in-out } .c-media-attachments-container .media-attachments-img-nsfw[data-v-3277ab4e] { -o-object-fit: fill; object-fit: fill } .c-media-attachments-container .generate-view-nsfw-plus[data-v-3277ab4e] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 100%; color: #fff; cursor: pointer; display: flex; font-size: 18px; height: 32px; justify-content: center; position: absolute; right: 10px; top: 6px; width: 32px; z-index: 2 } .c-media-attachments-container .image-hover-mask[data-v-3277ab4e] { align-content: flex-end; background: linear-gradient(180deg, transparent, #000); bottom: 0; cursor: pointer; display: none; flex-wrap: wrap; height: 100%; justify-content: center; left: 0; max-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s ease-in-out; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-3277ab4e] { align-items: center; display: flex; justify-content: center; margin-bottom: 16px; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3277ab4e] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3277ab4e]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn-icon[data-v-3277ab4e] { font-size: 18px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom[data-v-3277ab4e] { display: flex; flex-direction: column; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item[data-v-3277ab4e] { align-items: center; display: flex; justify-content: space-around; margin-bottom: 16px; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3277ab4e] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3277ab4e]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn-icon[data-v-3277ab4e] { font-size: 18px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item-top[data-v-3277ab4e] { margin-bottom: 25px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-3277ab4e] { margin: 10px 10px 0 } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete[data-v-3277ab4e] { flex: 1; text-align: right } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete .svg-icon[data-v-3277ab4e] { color: #fff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete.nsfw-icon[data-v-3277ab4e] { box-sizing: border-box; padding-right: 35px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box[data-v-3277ab4e] { align-items: flex-end; display: flex; justify-content: center; margin-bottom: 11px; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item[data-v-3277ab4e] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 100px; display: flex; flex-direction: column; justify-content: center; min-height: 73px; width: 40px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .line-item[data-v-3277ab4e] { background: #818489; display: flex; height: 1px; width: 80% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3277ab4e] { align-items: center; border-radius: 50%; cursor: pointer; display: flex; height: 35px; justify-content: center; width: 40px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3277ab4e]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn .image-hover-mask-btn-icon[data-v-3277ab4e] { font-size: 16px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3277ab4e] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 50%; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 4px; width: 40px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3277ab4e]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single .image-hover-mask-btn-icon[data-v-3277ab4e] { font-size: 16px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item + .image-hover-item[data-v-3277ab4e] { margin-left: 4px } .c-media-attachments-container .image-post-check-mask[data-v-3277ab4e] { align-items: flex-end; bottom: 0; cursor: pointer; display: flex; height: 100%; justify-content: center; left: 0; max-width: 100%; position: absolute; right: 0; top: 0; width: 100% } .c-media-attachments-container .image-post-check-mask .image-post-check-box[data-v-3277ab4e] { left: 10px; position: absolute; top: 10px; transform: scale(1.1) } .c-media-attachments-container .image-post-check-mask-hover[data-v-3277ab4e] { background: rgba(0, 0, 0, .6); color: #fff } .c-media-attachments-container .image-post-check-mask-hover[data-v-3277ab4e], .c-media-attachments-container .loading-wrapper-inner[data-v-3277ab4e] { align-items: center; bottom: 0; display: flex; height: 100%; justify-content: center; left: 0; max-width: 100%; position: absolute; right: 0; top: 0; width: 100% } .c-media-attachments-container .loading-wrapper-inner[data-v-3277ab4e] { background-color: rgba(0, 0, 0, .05) } .c-media-attachments-container .img-loading[data-v-3277ab4e] { background-color: #f5f5f5 } .c-media-attachments-container .img-loading-indicator[data-v-3277ab4e] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .c-media-attachments-container .img-loaded img[data-v-3277ab4e] { opacity: 1; transition: opacity .3s ease-in-out } .c-media-attachments-container .img-load-failed[data-v-3277ab4e] { color: red } .c-media-attachments-container .loadingWrapperInner[data-v-3277ab4e] { height: 100%; width: 100% } .c-media-attachments-container .loadingWrapperInner .spinner[data-v-3277ab4e] { align-items: center; display: flex } .c-media-attachments-container .inner-MGEKwh[data-v-3277ab4e] { contain: paint; display: inline-block; height: 32px; position: relative; width: 32px } .c-media-attachments-container .item-2VgEex[data-v-3277ab4e] { animation: spinner-wandering-cubes-3277ab4e 1.8s ease-in-out infinite; background-color: #7983f5; height: 10px; left: 0; position: absolute; top: 0; width: 10px } .c-media-attachments-container .item-2VgEex[data-v-3277ab4e]:last-child { animation-delay: -.9s } @keyframes spinner-wandering-cubes-3277ab4e { 25% { transform: translateX(22px) rotate(-90deg) scale(.5) } 50% { transform: translateX(22px) translateY(22px) rotate(-180deg) } 75% { transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5) } to { transform: rotate(-1turn) } } .c-message-operate-btn .message-operate-btn[data-v-18e12132] { align-items: center; background: none; border: none; border-radius: 3px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; font-weight: 500; justify-content: center; line-height: 16px; margin: 4px 8px 4px 0; padding: 2px 16px; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } .c-message-operate-btn .message-operate-btn[data-v-18e12132]:disabled { cursor: not-allowed; opacity: .5 } .c-message-operate-btn .color-primary[data-v-18e12132] { background-color: #4e5058; color: #fff } .c-message-operate-btn .color-primary[data-v-18e12132]:hover { background-color: #6d6f78 } .c-message-operate-btn .color-primary[data-v-18e12132]:active { background-color: #80848e } .c-message-operate-btn .color-brand[data-v-18e12132] { background-color: #5865f2; color: #fff } .c-message-operate-btn .color-brand[data-v-18e12132]:hover { background-color: #4752c4 } .c-message-operate-btn .operate-btn-disable[data-v-18e12132] { cursor: no-drop } .c-message-operate-btn .operate-btn-disable[data-v-18e12132]:hover { background-color: #4e5058; color: #fff } .c-message-operate-btn .grow[data-v-18e12132] { width: auto } .c-message-operate-btn .size-small[data-v-18e12132] { height: 32px; min-height: 32px; min-width: 60px } .c-message-operate-btn .look-filled[data-v-18e12132] { transition: background-color .17s ease, color .17s ease } .c-message-operate-btn .contents-wrapper[data-v-18e12132] { margin: 0 auto; position: relative; white-space: nowrap } .c-message-operate-btn .contents-wrapper .content[data-v-18e12132] { align-items: center; display: flex; flex-direction: row; justify-content: center; margin: auto; min-width: 32px } .c-message-operate-btn .content-loading[data-v-18e12132] { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .c-message-operate-btn .content-loading-dots[data-v-18e12132] { pointer-events: none; transform: translateZ(0) } .c-message-operate-btn .content-loading-dots circle[data-v-18e12132] { animation: dots-18e12132 .9s ease-in-out infinite; transform-origin: center } .c-message-operate-btn .content-loading-dots circle[data-v-18e12132]:first-child { animation-delay: 0s } .c-message-operate-btn .content-loading-dots circle[data-v-18e12132]:nth-child(2) { animation-delay: .2s } .c-message-operate-btn .content-loading-dots circle[data-v-18e12132]:nth-child(3) { animation-delay: .4s } @keyframes dots-18e12132 { 0% { opacity: .2 } 25% { opacity: 1; transform: scale(1.05) } 50% { opacity: .2 } to { opacity: .2 } } .parameter[data-v-051bf29c] { width: 80px; word-break: keep-all } .flex-center[data-v-051bf29c] { align-items: center } .flex-center[data-v-051bf29c], .flex-wrpaer[data-v-051bf29c] { display: flex; justify-content: space-between } .flex-wrpaer[data-v-051bf29c] { margin-top: 14px } .tooltipWraper[data-v-051bf29c] { background: #1d1d2b; border-radius: 3px; color: #c1c2c5; max-height: 700px; padding: 7px 14px 16px; width: 415px } .tooltipWraper .PromptTitle[data-v-051bf29c] { align-items: center; background: #1a2e43; border-radius: 3px; box-sizing: border-box; color: #94c6ec; height: 20px; line-height: 20px; margin-left: 4px; padding: 2px 5px } .tooltipWraper .promptDesc[data-v-051bf29c] { background: #2a2a3b; border-radius: 2px; box-sizing: border-box; height: 160px; margin-top: 6px; overflow: auto; padding: 6px } .tooltipWraper .negativeTitle[data-v-051bf29c] { color: #c1c2c5; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; height: 20px; line-height: 20px; margin-top: 11px } .tooltipWraper .scaleClass[data-v-051bf29c] { background: #2a2a3b; border-radius: 2px; height: 28px; line-height: 28px; overflow: hidden; padding-right: 6px; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 109px } .tooltipWraper .copyClass[data-v-051bf29c] { align-items: center; background: rgba(25, 113, 194, .33); border-radius: 4px; cursor: pointer; display: flex; font-size: 14px; height: 44px; justify-content: center; margin-top: 16px; width: 362px; width: 100% } .tooltipWraper .scaleBox[data-v-051bf29c] { display: flex; flex-wrap: wrap; width: 210px } .tooltipWraper .scale-link-class[data-v-051bf29c] { color: #0072c6; cursor: pointer; overflow: hidden; position: relative; -webkit-text-decoration: underline; text-decoration: underline; text-overflow: ellipsis; transition: all .3s ease-in-out; white-space: nowrap } .tooltipWraper .scale-link-class[data-v-051bf29c]:hover { filter: brightness(1.2); -webkit-text-decoration: none; text-decoration: none } .c-swipe-list[data-v-6e0f919d] { color: #fff; position: relative } .c-swipe-list .swipeab-icon-box[data-v-6e0f919d] { height: 100%; top: 0 } .c-swipe-list .swipeab-icon-box .icon-bnt[data-v-6e0f919d], .c-swipe-list .swipeab-icon-box[data-v-6e0f919d] { align-items: center; display: flex; justify-content: center; position: absolute; z-index: 2 } .c-swipe-list .swipeab-icon-box .icon-bnt[data-v-6e0f919d] { background-color: #464c64; border: 1px solid hsla(0, 0%, 100%, .12); border-radius: 100%; cursor: pointer; margin-top: -20px; opacity: 0; top: 50%; transition: opacity .3s ease-in-out } .c-swipe-list .swipeab-icon-box .icon-bnt i[data-v-6e0f919d] { font-size: 18px; font-weight: 700; z-index: 2 } .c-swipe-list .swipeab-icon-box-left[data-v-6e0f919d] { background: linear-gradient(90deg, #080b16, transparent); left: 0 } .c-swipe-list .swipeab-icon-box-right[data-v-6e0f919d] { background-image: linear-gradient(270deg, #080b16, transparent); right: 0 } .c-swipe-list:hover > .swipeab-icon-box > .icon-bnt[data-v-6e0f919d] { opacity: 1 } .c-swipe-list .scroll-area[data-v-6e0f919d] { overflow: auto; scrollbar-width: none; width: 100% } .c-swipe-list .scroll-area[data-v-6e0f919d]::-webkit-scrollbar { display: none; width: 0 } .c-swipe-list .scroll-area[data-v-6e0f919d]::-ms-scrollbar { display: none; width: 0 } .c-swipe-list .scroll-area .tags-content[data-v-6e0f919d] { display: table } .c-swipe-list .list[data-v-6e0f919d] { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: flex-start; transition: all .3s } .c-msg-item[data-v-5820b1ce] { word-wrap: break-word; flex: 0 0 auto; margin: 1.0625rem 0; min-height: 2.75rem; padding: .125rem 48px .125rem 62px; position: relative } .c-msg-item .msg-item-more-panel[data-v-5820b1ce] { align-items: center; display: inline-flex; position: absolute; right: 78px; top: 10px } .c-msg-item .msg-item-more-panel-show[data-v-5820b1ce] { display: inline-flex } .c-msg-item[data-v-5820b1ce] .message-process-container { margin-top: 14px } .c-msg-item[data-v-5820b1ce] .message-process-container .message-process-panel { width: 350px } .c-msg-item[data-v-5820b1ce] .message-process-container .el-progress-bar__outer { background: #393d4a !important; border: 1px solid #586281; border-radius: 5px } .c-msg-item .message-text-list .message-text-list-item[data-v-5820b1ce] { background: #151925; border: 1px solid #262c3e; border-radius: 4px; display: flex; margin-bottom: 10px; padding: 10px 50px 10px 10px } .c-msg-item .message-text-list .message-text-list-item-order[data-v-5820b1ce] { align-items: center; background: #21293d; border-radius: 4px; color: #7f8395; display: inline-flex; flex-shrink: 0; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 25px; justify-content: center; width: 25px } .c-msg-item .message-text-list .message-text-list-item-text[data-v-5820b1ce] { color: #717b8c; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; line-height: 17px; margin-left: 17px } .c-msg-item .message-process-operate-box[data-v-5820b1ce] { align-items: center; display: flex; justify-content: space-between; margin-top: 11px; width: 500px } .c-msg-item .message-process-operate-box .process-operate-box-text[data-v-5820b1ce] { color: #7d8da3; flex: 1 0 auto; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .c-msg-item .message-process-operate-box .process-operate-box-text-strong[data-v-5820b1ce] { color: #dddde7; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-5820b1ce] { background: #da373d; border-color: #da373d; border-radius: 4px; color: #fff } .c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-5820b1ce]:hover { background: #8f2022; border-color: #8f2022 } .c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue[data-v-5820b1ce] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 6px; box-sizing: border-box; display: flex; height: 32px; justify-content: center; margin-left: 120px; padding: 0 12px 0 5px } .c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue[data-v-5820b1ce] > span { align-items: center; display: flex } .c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue .svg-icon[data-v-5820b1ce] { fill: #65cafa; height: 26px; width: 26px } .c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue .iconfont[data-v-5820b1ce] { font-size: 26px } .c-msg-item .message-process-operate-box .message-process-operate-box-btn.fast-queue .words[data-v-5820b1ce] { -webkit-text-fill-color: transparent; background: linear-gradient(81deg, #3f8fff, #21feff); -webkit-background-clip: text; font-family: Inter-Semi Bold, Inter; font-size: 12px; font-weight: 400; line-height: 16px } .c-msg-item .message-process-operate-box .isLoading[data-v-5820b1ce] { background: #953d3a; border-color: #953d3a; color: #bdb2ac; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500 } .c-msg-item .chat-message-header[data-v-5820b1ce] { margin-left: 0; padding-left: 0; position: static; text-indent: 0 } .c-msg-item .chat-message-content-box[data-v-5820b1ce] { padding-left: 62px; padding-right: 62px } .c-msg-item .chat-message__avatar[data-v-5820b1ce] { border-radius: 50%; cursor: pointer; flex: 0 0 auto; height: 30px; left: 16px; overflow: hidden; pointer-events: none; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 30px; z-index: 1 } .c-msg-item .chat-message__title[data-v-5820b1ce] { align-items: center; color: #f3f4f5; display: flex; font-size: 16px; line-height: 1.375rem; margin-bottom: 5px; min-height: 1.375rem; position: relative; white-space: break-spaces } .c-msg-item .chat-message__title-user[data-v-5820b1ce] { margin-right: 9px } .c-msg-item .chat-message__free[data-v-5820b1ce], .c-msg-item .chat-message__title-task-tag[data-v-5820b1ce] { background: rgba(0, 82, 204, .2); color: #3275d8; margin-right: 9px } .c-msg-item .chat-message__free[data-v-5820b1ce], .c-msg-item .chat-message__title-task-tag-2[data-v-5820b1ce], .c-msg-item .chat-message__title-task-tag[data-v-5820b1ce] { align-items: center; border-radius: 3px; display: inline-flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500; max-height: 20px; padding: 2px 5px } .c-msg-item .chat-message__title-task-tag-2[data-v-5820b1ce] { background: rgba(58, 54, 255, .2); color: #8a61ff; margin-right: 15px } .c-msg-item .chat-message__title-task-tag-expire-time[data-v-5820b1ce] { align-items: center; background: #1a1e2b; border-radius: 4px; color: #6f7687; cursor: pointer; display: inline-flex; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; margin-left: 8px; max-height: 20px; padding: 2px 5px } .c-msg-item .chat-message__free[data-v-5820b1ce] { background: rgba(32, 163, 132, .15); color: #20a384 } .c-msg-item .chat-message__title-id[data-v-5820b1ce], .c-msg-item .chat-message__title-time[data-v-5820b1ce] { color: #596576; font-size: 12px; font-weight: 500 } .c-msg-item .task-info-icon[data-v-5820b1ce] { color: #596576; cursor: pointer; font-size: 18px; font-weight: 400; margin-left: 5px } .c-msg-item .task-info-icon[data-v-5820b1ce]:hover { color: #cbd5e1 } .c-msg-item .msg-item-more-icon[data-v-5820b1ce] { align-items: center; border-radius: 6px; color: #6f7687; cursor: pointer; display: flex; height: 34px; justify-content: center; margin-left: 6px; transition: all .3s; width: 34px } .c-msg-item .msg-item-more-icon[data-v-5820b1ce]:first-child { margin-left: 0 } .c-msg-item .msg-item-more-icon .iconfont[data-v-5820b1ce], .c-msg-item .msg-item-more-icon .svg-icon[data-v-5820b1ce] { font-size: 14px } .c-msg-item .msg-item-more-icon .msg-item-more-icon-18[data-v-5820b1ce], .c-msg-item .msg-item-more-icon .msg-item-more-icon-1[data-v-5820b1ce] { font-size: 18px } .c-msg-item .msg-item-more-icon .msg-item-more-icon-20[data-v-5820b1ce] { font-size: 20px } .c-msg-item .msg-item-more-icon .msg-item-more-icon-24[data-v-5820b1ce] { font-size: 24px } .c-msg-item .msg-item-more-icon[data-v-5820b1ce]:hover { background: #1a1e2b; color: #f8f8f9 } .c-msg-item .message-text-content[data-v-5820b1ce] { color: #a1a3ad; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 16px; margin-left: -62px; padding-left: 62px; padding-right: 32px; -webkit-user-select: text; -moz-user-select: text; user-select: text } .c-msg-item .message-text-content .message-text-content-text[data-v-5820b1ce] { color: #a1a3ad; line-height: 18px } .c-msg-item .message-text-content .message-author-text[data-v-5820b1ce] { background: rgba(88, 101, 242, .4); border-radius: 3px; color: #c9cdfb; cursor: pointer; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; line-height: 1.375rem; margin-left: 10px; padding: 0 2px; transition: all .3s } .c-msg-item .message-text-content .message-author-text[data-v-5820b1ce]:hover { background-color: #5865f2; color: #fff } .c-msg-item .chat-message__content[data-v-5820b1ce] { background-color: #f2f2f2; border-radius: 4px; padding: 8px } .c-msg-item .chat-message__date[data-v-5820b1ce] { color: #999; font-size: 12px; margin-top: 5px } .c-msg-item .content-text[data-v-5820b1ce] { word-wrap: break-word; color: #f3f4f5; font-size: 1rem; line-height: 1.375rem; -webkit-user-select: text; -moz-user-select: text; user-select: text; white-space: pre-wrap; white-space: break-spaces } .c-msg-item .image-box[data-v-5820b1ce] { display: flex; flex-wrap: wrap; margin-top: .25rem; width: 450px } .c-msg-item .image-box__img[data-v-5820b1ce] { height: 220px; width: 220px } .c-msg-item .image-box__img img[data-v-5820b1ce] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .c-msg-item .operate-item[data-v-5820b1ce] { align-items: center; background-color: #686d73; border-color: #686d73; color: #fff; cursor: pointer; display: inline-flex; font-size: .8rem; font-weight: 600; height: 36px; justify-content: center; margin-right: 8px; margin-top: 8px; width: 78px } .c-msg-item .message-accessories[data-v-5820b1ce] { min-height: 0; min-width: 0; padding-bottom: .125rem; padding-top: .125rem; position: relative; text-indent: 0 } .c-msg-item .media-attachments-container[data-v-5820b1ce] { display: flex; flex-wrap: nowrap } .c-msg-item .media-attachments-container .c-media-attachments-container[data-v-5820b1ce] { margin-bottom: 6px; margin-right: 6px } .c-msg-item .media-attachments-container .c-media-attachments-container[data-v-5820b1ce]:last-child { margin-right: 0 } .c-msg-item .btn-container[data-v-5820b1ce] { align-self: start; display: flex; flex-direction: column; justify-self: start; overflow: hidden; width: 100% } .c-msg-item .operating-options[data-v-5820b1ce] { display: flex; flex-wrap: wrap } .c-msg-item .operating-options-text[data-v-5820b1ce] { display: flex; flex-wrap: wrap; margin-bottom: 10px; margin-top: 4px } .c-msg-item .operating-options-text[data-v-5820b1ce] .c-message-operate-btn .color-primary { background-color: #32394a } .c-msg-item .operating-options-text[data-v-5820b1ce] .c-message-operate-btn .message-operate-btn { color: #fff; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500 } .c-msg-item .operating-options-btn-icon[data-v-5820b1ce] { font-size: 20px; margin-right: 7px } .c-msg-item .operating-options-btn-icon-right[data-v-5820b1ce] { font-size: 20px; margin-left: 7px } .c-msg-item .operating-options-button[data-v-5820b1ce] { align-items: center; background: none; border: none; border-radius: 3px; box-sizing: border-box; display: flex; font-size: 14px; font-weight: 500; justify-content: center; line-height: 16px; padding: 2px 16px; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } .c-msg-item .color-primary[data-v-5820b1ce] { background-color: #4e5058; color: #fff } .c-msg-item .carousel-icon[data-v-5820b1ce] { color: #5c6a8e; cursor: pointer; font-size: 18px; left: 350px; margin-left: 12px; position: absolute; top: 0 } .c-msg-item .message-process-loading-span[data-v-5820b1ce] { display: inline-block; height: 1em; line-height: 1; overflow: hidden; text-align: left; vertical-align: -.25ex } .c-msg-item .message-process-loading-span[data-v-5820b1ce]:before { animation: dotdotdot-5820b1ce 3s step-start infinite both; content: "...\a..\a."; display: block; white-space: pre-wrap } @keyframes dotdotdot-5820b1ce { 33% { transform: translateY(-2em) } 66% { transform: translateY(-1em) } } .task-info-tips { box-sizing: border-box; min-width: 300px } .task-info-tips p { align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px } .task-info-tips p .task-pub-status { background: rgba(239, 70, 111, .08); border-radius: 4px; color: #ef466f; font-weight: 500; padding: 6px } .task-info-tips .task-info-tips-label { flex: 0 0 auto; margin-right: 20px } .task-info-tips .task-info-tips-content { flex: 1; text-align: right; white-space: nowrap } .audit-content[data-v-c995496a] { color: #efefef; padding: 10px } .audit-dialog .el-dialog { background: #24262a; border-radius: 20px; width: 410px } .audit-dialog .el-dialog__header { color: #efefef; font-size: 16px; font-weight: 400 } .audit-dialog .el-dialog__header .el-dialog__title { color: #efefef } .audit-dialog .el-dialog__footer { padding-top: 0 } .c-task-view[data-v-69991e7a] { border-radius: 5px; box-sizing: border-box; color: #fff; display: flex; height: calc(100% - 46px); position: relative } .c-task-view .message-list[data-v-69991e7a] { display: flex; flex: 1; flex-direction: column; height: 100%; min-height: 350px; position: relative } .c-task-view .no-data-content[data-v-69991e7a] { bottom: 68px; left: 18px; position: absolute } .c-task-view .no-data-content .no-data-content-normal[data-v-69991e7a] { color: #b8c1d2; font-family: PingFangSC-Medium, PingFang SC; font-size: 36px; font-weight: 500; line-height: 40px } .c-task-view .no-data-content .no-data-content-text[data-v-69991e7a] { align-items: center; color: #b8c1d2; display: flex; margin-top: 14px } .c-task-view .no-data-content .no-data-content-text .iconfont[data-v-69991e7a], .c-task-view .no-data-content .no-data-content-text .svg-icon[data-v-69991e7a] { font-size: 24px } .c-task-view .no-data-content .no-data-content-text span[data-v-69991e7a]:last-child { color: #b8c1d2; font-family: PingFangSC-Medium, PingFang SC; font-size: 20px; font-weight: 500; line-height: 40px; margin-left: 8px } .c-task-view .message-divider[data-v-69991e7a] { align-items: center; border-top: thin solid rgba(78, 80, 88, .48); box-sizing: border-box; display: flex; flex: 0 0 auto; height: 0; justify-content: center; margin-bottom: .5rem; margin-top: 1.5rem; pointer-events: none; position: relative; z-index: 1 } .c-task-view .message-divider .message-divider-content[data-v-69991e7a] { border-color: #949ba4; border-radius: 8px; color: #949ba4; display: block; flex: 0 0 auto; font-size: 12px; font-weight: 600; line-height: 13px; margin-top: -1px; padding: 2px 4px } .c-task-view .messages-wrapper[data-v-69991e7a] { flex: 1 1 auto; min-height: 0; min-width: 0; position: relative; z-index: 0 } .c-task-view .scroll-wrapper[data-v-69991e7a] { bottom: 0; left: 0; overflow-anchor: none; overflow-x: hidden; overflow-y: auto; padding-bottom: 50px; position: absolute; right: 0; top: 0 } .c-task-view .scroll-wrapper .c-msg-item[data-v-69991e7a]:nth-child(2n) { background-color: #141723 } .c-task-view .show-scroll-bar[data-v-69991e7a]::-webkit-scrollbar-thumb { display: none } .c-task-view .show-scroll-bar[data-v-69991e7a]::-webkit-scrollbar { opacity: 0 } .c-task-view .show-scroll-bar[data-v-69991e7a]::-webkit-scrollbar-track { background-color: transparent } .c-task-view .show-scroll-bar[data-v-69991e7a]::-webkit-scrollbar-thumb { opacity: 0 } .c-task-view .scroll-content[data-v-69991e7a] { display: flex; flex-direction: column; min-height: 100%; overflow-anchor: none; position: relative } .c-task-view .scroll-content .c-msg-item[data-v-69991e7a]:nth-child(2n) { background-color: #141723 } .c-task-view .scroll-bottom[data-v-69991e7a] { height: 60px } .c-task-view .generate-view-back-top[data-v-69991e7a] { align-items: center; background: #1d202f; border-radius: 8px; bottom: 62px; box-shadow: 0 0 6px rgba(0, 0, 0, .12); color: #fff; cursor: pointer; display: flex; font-size: 20px; height: 38px; justify-content: center; position: absolute; right: 20px; width: 38px; z-index: 9999 } .c-task-view .generate-view-back-top[data-v-69991e7a]:hover { background: #4c5184 } .c-task-view .generate-view-back-top-only[data-v-69991e7a] { bottom: 16px } .c-task-view .generate-view-nsfw-plus[data-v-69991e7a] { align-items: center; background: #1d202f; border-radius: 8px; bottom: 16px; box-shadow: 0 0 6px rgba(0, 0, 0, .12); color: #fff; cursor: pointer; display: flex; font-size: 20px; height: 38px; justify-content: center; position: absolute; right: 20px; width: 38px; z-index: 9999 } .c-task-view .generate-view-nsfw-plus .iconfont[data-v-69991e7a] { font-size: 20px } .c-task-view .generate-view-nsfw-plus[data-v-69991e7a]:hover { background: #4c5184 } .generate-prompt[data-v-1432f256] { align-items: flex-end; background: #25263a; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-sizing: border-box; display: flex; padding: 10px 15px 10px 0; position: relative; width: 100% } .generate-prompt[data-v-1432f256] .el-input { border: 1px solid #25263a } .generate-prompt[data-v-1432f256] .el-input .el-textarea__inner { background: #25263a; border-color: #25263a } .generate-prompt[data-v-1432f256] .el-textarea { box-sizing: border-box } .generate-prompt[data-v-1432f256] .el-textarea .el-textarea__inner { background: #25263a; border-color: #25263a } .generate-prompt[data-v-1432f256] .el-textarea .el-input__count { bottom: -5px } .generate-prompt > svg[data-v-1432f256] { box-sizing: border-box; cursor: pointer; height: 40px; margin-left: 5px; padding: 8px; width: 40px } .generate-prompt > svg[data-v-1432f256]:hover { background: #1a1e2b; border-radius: 3px } .generate-prompt .tools-translate[data-v-1432f256] { color: #93a2b6; padding: 2px } .generate-prompt .physical-exertion-text[data-v-1432f256] { background: #20283b; bottom: 5px; color: #cbd5e1; font-size: 12px; position: absolute; right: 0; transform: translateX(-80%); white-space: nowrap } .generate-prompt .physical-exertion-text-2[data-v-1432f256] { transform: translateX(-140%) } .generate-prompt .tutorial[data-v-1432f256] { align-items: center; background: #1d202f; border-radius: 8px; bottom: calc(100% + 16px); cursor: pointer; display: flex; height: 38px; justify-content: center; position: absolute; right: 20px; width: 38px } .generate-prompt .tutorial[data-v-1432f256]:hover { background: #4c5184 } .generate-prompt .tutorial .iconfont[data-v-1432f256], .generate-prompt .tutorial .svg-icon[data-v-1432f256] { font-size: 20px } .generate-prompt .random-prompt[data-v-1432f256] { align-items: center; background: #12121e; border: 1px solid #0d9488; border-radius: 5px; bottom: calc(100% + 10px); color: #0d9488; display: flex; left: 15px; max-width: calc(100% - 50px); padding: 3px 10px; position: absolute } .generate-prompt .random-prompt svg[data-v-1432f256] { cursor: pointer; font-size: 24px; margin-right: 5px } .generate-prompt .random-prompt svg.loading[data-v-1432f256] { animation: rotate-1432f256 1s linear infinite } .generate-prompt .random-prompt .iconfont[data-v-1432f256] { cursor: pointer; font-size: 24px; margin-right: 5px } .generate-prompt .random-prompt .iconfont.loading[data-v-1432f256] { animation: rotate-1432f256 1s linear infinite } .generate-prompt .random-prompt span[data-v-1432f256] { cursor: pointer; display: inline-block; flex: 1; font-size: 12px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @keyframes rotate-1432f256 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .custom-iconfont-box[data-v-1432f256] { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 5px; padding: 8px; width: 40px } .custom-iconfont-box[data-v-1432f256]:hover { background: #1a1e2b; border-radius: 3px } .custom-iconfont-box .iconfont[data-v-1432f256] { font-size: 20px } .slider-item .slider-label[data-v-ff13fe0e] { align-items: center; color: #cbd5e1; display: flex; justify-content: space-between } .slider-item .slider-label .el-input-number[data-v-ff13fe0e] { width: 82px } .cltpop-cent[data-v-074e0e5c] { flex-direction: column; height: 440px; justify-content: space-between; overflow: hidden } .cltpop-cent .search[data-v-074e0e5c], .cltpop-cent[data-v-074e0e5c] { box-sizing: border-box; display: flex; width: 100% } .cltpop-cent .search[data-v-074e0e5c] { align-items: center; background-color: #1b2132; border-radius: 20px; height: 40px; padding: 0 8px } .cltpop-cent .search .svg-icon[data-v-074e0e5c] { height: 26px; width: 26px } .cltpop-cent .search .iconfont[data-v-074e0e5c] { color: #647289; font-size: 26px } .cltpop-cent .search input[data-v-074e0e5c] { background-color: transparent; background-color: initial; border: none; color: #fff; font-size: 12px; height: 100%; outline: none; width: 200px } .cltpop-cent .search input[data-v-074e0e5c]::-moz-placeholder { color: #66748c } .cltpop-cent .search input[data-v-074e0e5c]::placeholder { color: #66748c } .cltpop-cent .loadbox[data-v-074e0e5c] { height: 70px; width: 100% } .cltpop-cent .title[data-v-074e0e5c] { color: #a0a8b3; font-size: 10px; padding: 10px 0 } .cltpop-cent .list[data-v-074e0e5c] { margin-top: 10px; max-height: 310px; overflow-y: scroll; width: 100% } .cltpop-cent .itembox[data-v-074e0e5c] { align-items: center; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 60px; justify-content: space-between; margin-bottom: 10px; padding: 0 5px; width: 100% } .cltpop-cent .itembox .itemboxinfo[data-v-074e0e5c] { align-items: center; display: flex; width: 200px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft[data-v-074e0e5c] { align-items: center; background-color: #191f2e; border-radius: 4px; display: flex; height: 48px; justify-content: center; margin-right: 10px; width: 48px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon[data-v-074e0e5c], .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i[data-v-074e0e5c] { color: #d8d8d8; font-size: 26px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img[data-v-074e0e5c] { border-radius: 4px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .cltpop-cent .itembox .itemboxinfo span[data-v-074e0e5c] { color: #cbd5e1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 140px } .cltpop-cent .itembox .el-button[data-v-074e0e5c] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; height: 30px; justify-content: center; min-width: 54px; opacity: 0; padding: 0 } .cltpop-cent .itembox[data-v-074e0e5c]:hover { background-color: #282e43 } .cltpop-cent .itembox:hover > .el-button[data-v-074e0e5c] { opacity: 1 } .cltpop-cent .itembox[data-v-074e0e5c]:last-child { margin-bottom: 0 } .cltpop-cent .create[data-v-074e0e5c] { background-color: #1b2132; padding: 0 10px 4px } .cltpop-cent .create .itemboxinfoleft[data-v-074e0e5c] { background-color: #282e43 !important } .cltpop-cent .create .itemboxinfoleft i[data-v-074e0e5c] { font-size: 14px !important } .cltpop-cent .create .itembox[data-v-074e0e5c]:hover { background-color: #1b2132 !important } .bnt[data-v-074e0e5c] { align-items: center; color: #fff; cursor: pointer; display: flex; height: 30px; width: 100px } .bnt div[data-v-074e0e5c] { font-size: 14px; margin-right: 14px; max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .bnt i[data-v-074e0e5c] { font-size: 16px; transition: all .3s } .CollectPopover { background-color: #0f121c !important; border: 1px solid #23263f !important; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5) } .CollectPopover .el-popover__title { color: #abbad3; font-size: 18px; padding-top: 13px; text-align: center } .modelPayNum[data-v-07f08919] { background-image: /*savepage-url=/_nuxt/img/modelPayNumBg.cea3df6.webp*/ url(); background-repeat: no-repeat; background-size: 100% auto; box-sizing: border-box; color: #fff; font-size: 18px; padding: 7px 0 0 41px; width: 71px } .modelPayNum.GPU-bg[data-v-07f08919] { align-items: center; background-image: linear-gradient(90deg, #ffe6b4, #f5c572); border-radius: 5px; color: #744100; display: flex; font-size: 14px; font-weight: 700; justify-content: center; padding: 7px 0 } .changeVer[data-v-0af93d65] { align-items: center; background: #2d303a; border: 1px solid hsla(0, 0%, 100%, .102); border-radius: 6px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; height: 24px; justify-content: space-between; padding: 0 8px; width: 155px; z-index: 9 } .changeVer span[data-v-0af93d65] { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .changeVer i[data-v-0af93d65] { font-size: 16px; margin-left: 15px } .verList[data-v-0af93d65] { box-sizing: border-box; max-height: 270px; min-height: 45px; overflow: auto; padding: 10px } .verList div[data-v-0af93d65] { color: #fff; cursor: pointer; font-size: 16px; margin-bottom: 10px } .verList div[data-v-0af93d65]:last-child { margin-bottom: 0 } .swipeab-leList[data-v-921d9f9a] { color: #fff; position: relative; width: 100% } .swipeab-leList .swipeab-icon-box[data-v-921d9f9a] { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; top: 0; z-index: 2 } .swipeab-leList .swipeab-icon-box .icon-bnt[data-v-921d9f9a] { align-items: center; background-color: #464c64; border: 1px solid hsla(0, 0%, 100%, .12); border-radius: 100%; cursor: pointer; display: flex; flex: 0 0 auto; justify-content: center; opacity: 0; transition: opacity .3s ease-in-out; z-index: 2 } .swipeab-leList .swipeab-icon-box .icon-bnt i[data-v-921d9f9a] { font-size: 18px; font-weight: 700; z-index: 2 } .swipeab-leList .swipeab-icon-box-left[data-v-921d9f9a] { background-image: linear-gradient(90deg, #080b16, transparent); left: 0 } .swipeab-leList .swipeab-icon-box-right[data-v-921d9f9a] { background-image: linear-gradient(270deg, #080b16, transparent); right: 0 } .swipeab-leList:hover > .swipeab-icon-box > .icon-bnt[data-v-921d9f9a] { opacity: 1 } .swipeab-leList .scroll-area[data-v-921d9f9a] { height: 100%; overflow-x: auto; scrollbar-width: none; width: 100% } .swipeab-leList .scroll-area[data-v-921d9f9a]::-webkit-scrollbar { display: none; width: 0 } .swipeab-leList .scroll-area[data-v-921d9f9a]::-ms-scrollbar { display: none; width: 0 } .swipeab-leList .scroll-area .tags-content[data-v-921d9f9a] { display: table } .swipeab-leList .content[data-v-921d9f9a] { width: -moz-max-content; width: max-content } .swipeab-leList .content .list[data-v-921d9f9a] { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; justify-content: flex-start; transition: all .3s } .Screening[data-v-0db29854], .el-dropdown-link[data-v-0db29854] { align-items: center; display: flex } .el-dropdown-link[data-v-0db29854] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-0db29854] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-0db29854] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-0db29854] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-0db29854] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-0db29854] { font-size: 18px } .selectTime[data-v-0db29854] { margin: 0 12px 0 0; min-width: 116px } .el-dropdown-item[data-v-0db29854] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-0db29854] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-0db29854] { color: #6f767e; font-size: 14px } .el-dropdown-item-time[data-v-0db29854] { width: 119px } .c-style-modal { background-color: #111522 !important; border: 1px solid #293045; border-radius: 16px !important; margin-top: 3vh !important; max-height: 900px; text-align: left !important } .c-style-modal .el-dialog__header { border: 1px solid hsla(0, 0%, 100%, .06) } .c-style-modal .el-dialog__title { color: #fff; font-size: 16px } .c-style-modal .el-dialog__body { padding: 0 !important } .c-style-modal .style-content-wrapper { background-color: #111522; display: flex; flex-direction: column; height: 100%; min-width: 900px; padding: 0 22px 29px } .c-style-modal .style-content__header { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; width: 100% } .c-style-modal .style-modal-header-item { align-items: center; display: flex; margin-top: 20px } .c-style-modal .style-modal-header-item .header-item-text { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 16px; font-weight: 500; margin-right: 20px } .c-style-modal .style-modal-header-item .header-item-desc-text { color: #777e90; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .c-style-modal .style-content__header-tabs { align-items: center; display: flex; gap: 10px } .c-style-modal .style-content__header-tabs-item { border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 8px; color: #d8d9dc; cursor: pointer; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; line-height: 25px; margin-left: 58px; padding: 8px 16px; transition: all .3s cubic-bezier(.645, .045, .355, 1) } .c-style-modal .style-content__header-tabs-item:first-child { margin-left: 0 } .c-style-modal .tab-active { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; color: #fff } .c-style-modal .style-content__search-box { align-items: center; display: flex; justify-content: space-between; margin-top: 15px } .c-style-modal .style-content__search-box .filterBox { align-items: center; background-color: #20293b; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .c-style-modal .style-content__search-box .filterBox div { align-items: center; display: flex } .c-style-modal .style-content__search-box .filterBox div .iconfont, .c-style-modal .style-content__search-box .filterBox div .svg-icon { font-size: 16px; margin-right: 6px } .c-style-modal .style-content__search-box .filterBox div span { color: hsla(0, 0%, 100%, .6); font-size: 14px } .c-style-modal .style-content__search-box .filterBox i { font-size: 16px } .c-style-modal .style-content__search-box .search-right { display: flex; gap: 12px } .c-style-modal .style-content__search-input { width: 228px } .c-style-modal .style-content__search-input .el-input__inner { background: #2d3245; border-color: transparent; color: #fff; height: 32px; padding-left: 37px } .c-style-modal .style-content__search-input .el-input__prefix { align-items: center; display: flex; justify-content: center; margin-left: 5px } .c-style-modal .style-content__search-input .search-icon { fill: #fff; font-size: 26px } .c-style-modal .style-content__search-btn { background: #212535; border: 1px solid; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-left: 19px; overflow: hidden; padding: 7px 15px; position: relative; text-overflow: ellipsis; white-space: nowrap } .c-style-modal .style-content__search-btn-gra-border { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .c-style-modal .style-content__list-wrapper { grid-gap: 20px; display: grid; grid-template-columns:repeat(5, 1fr); margin-top: 14px; max-height: 600px; min-height: 600px; overflow-x: hidden; overflow-y: auto; position: relative } .c-style-modal .style-content__list-wrapper-no-margin { grid-template-rows:30px auto } .c-style-modal .style-content__list-item { background: #202535; border-radius: 8px; cursor: pointer; height: 310px; overflow: hidden; position: relative; width: 240px } .c-style-modal .style-content__list-item:hover .model-type-flag, .c-style-modal .style-content__list-item:hover .top-box { opacity: 0 } .c-style-modal .style-content__list-item .top-box { align-items: center; display: flex; justify-content: space-between; left: 5px; opacity: 1; position: absolute; right: 5px; top: 5px; transition: all .3s; z-index: 1 } .c-style-modal .style-content__list-item .cltpop { align-items: flex-start; background-color: rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 80%; justify-content: space-between; left: 0; opacity: 0; padding: 6px 8px 0; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .c-style-modal .style-content__list-item .cltpop:hover { opacity: 1 } .c-style-modal .style-content__list-item .cltpop .collect-popover-container, .c-style-modal .style-content__list-item .cltpop .detail-button { height: 30px; line-height: 30px } .c-style-modal .style-content__list-item .cltpop .detail-button { color: #e2e8f0; display: block; max-width: 84px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap } .c-style-modal .style-content__list-item .model-type-flag { align-items: center; background-color: rgba(15, 18, 28, .6); border-radius: 10px; color: #e4e8f0; display: flex; font-size: 12px; font-weight: 500; justify-content: center; left: 10px; padding: 6px 12px; position: absolute; top: 10px } .c-style-modal .style-content__list-item .model-type-flag .model-type-flag-line { margin: 0 4px } .c-style-modal .style-content__list-item .model-type-flag .model-type-flag-icon { color: #e4e8f0; font-size: 16px } .c-style-modal .select-model-active { align-items: center; border: 2px solid #27b670; display: flex; flex-direction: column } .c-style-modal .select-model-active .list-item-image-card-image { border-radius: 8px } .c-style-modal .select-model-active .list-item-image-mask .list-item-image-mask-item__content { max-width: 150px } .c-style-modal .select-model-active .list-item-image-mask .content-width-limit { max-width: 70px } .c-style-modal .style-content__list-empty { align-items: center; color: #dde2e9; display: flex; flex-direction: column; font-size: 20px; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .c-style-modal .style-content__list-empty .style-content__list-empty-icon { height: 137px; width: 162px } .c-style-modal .list-item-image-wrapper { height: 80%; position: relative; width: 100% } .c-style-modal .list-item-image-card-image { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-style-modal .list-item-image-card-image .image-empty { align-items: center; background-color: #595c69; color: #e4e8f0; display: flex; height: 100%; justify-content: center; width: 100% } .c-style-modal .list-item-image-card-image .el-image__inner { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top } .c-style-modal .list-item-image-card-image .el-image__error, .c-style-modal .list-item-image-card-image .el-image__placeholder { background-color: #1b1f2d } .c-style-modal .list-item-image-mask { align-items: center; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; height: 38px; opacity: .86; padding: 5px; width: calc(100% - 8px) } .c-style-modal .list-item-image-mask .list-item-image-mask-item { display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 145px } .c-style-modal .list-item-image-mask .list-item-image-mask-item__title { color: #9ea3ad; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .c-style-modal .list-item-image-mask .list-item-image-mask-item__content { color: #e4e8f0; flex-shrink: 0; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; max-width: 210px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c-style-modal .list-item-image-mask .content-width-limit { max-width: 100px } .c-style-modal .list-item-image-mask .list-item-image-mask-row { align-items: center; display: flex; justify-content: space-between; padding: 4px 0; position: relative; width: 100% } .c-style-modal .list-item-image-mask .list-item-image-mask-row .use { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 4px; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 12px; font-weight: 500; height: 24px; justify-content: center; width: 64px } .c-style-modal .recommend-text { align-items: center; display: flex; margin: 13px 0; width: 100% } .c-style-modal .recommend-text .recommend-text-line { border: 1px dashed #777e91; box-sizing: border-box; flex: 1 0 auto } .c-style-modal .recommend-text .recommend-text-main { color: #777e91; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin: 0 12px } .c-style-modal .show-more-item { align-items: center; display: flex; justify-content: center; width: 100% } .c-style-modal .show-more-item .show-more-item-btn { border: 2px solid #383c47; border-radius: 90px; box-sizing: border-box; cursor: pointer; padding: 12px 16px } .c-style-modal .show-more-item .show-more-item-btn-text { color: #777e91; font-family: DM Sans-Bold, DM Sans; font-size: 14px; font-weight: 700 } .c-style-modal .show-more-item .show-more-item-btn-icon { color: #777e91; font-size: 16px } .generate-advanced[data-v-41ef125d] { background: rgba(23, 36, 29, .6) } .generate-advanced .item-head label[data-v-41ef125d] { color: #00875a !important } .generate-advanced .item-content[data-v-41ef125d] .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .generate-advanced .item-content > div[data-v-41ef125d] { background: hsla(0, 0%, 100%, .05); padding: 1px 10px !important } .generate-advanced .item-content > div label[data-v-41ef125d] { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .generate-advanced .item-content > div label .icon-warn[data-v-41ef125d] { color: #ffb31f; font-size: 12px; margin-left: 2px } .generate-advanced .item-content > div[data-v-41ef125d] .el-textarea__inner { background: #1e252c } .generate-advanced .item-content > div.select-item[data-v-41ef125d] .el-select .el-input__inner { background: none !important } .generate-advanced .item-content > div.seed-item[data-v-41ef125d] { display: flex; flex-direction: column; font-size: 12px; justify-content: space-between } .generate-advanced .item-content > div.seed-item label[data-v-41ef125d] { padding: 0 } .generate-advanced .item-content > div.seed-item .switch-seed[data-v-41ef125d] { background: hsla(0, 0%, 100%, .1); border: 1px solid #393e44; border-radius: 6px; margin-top: 4px; padding: 2px } .generate-advanced .item-content > div.seed-item .switch-seed .switch-btn[data-v-41ef125d] { background: transparent; border: none; border-radius: 4px; color: hsla(0, 0%, 100%, .6); min-width: 50px; outline: none; padding: 4px; word-break: normal } .generate-advanced .item-content > div.seed-item .switch-seed .switch-btn.active[data-v-41ef125d] { background: hsla(0, 0%, 100%, .2); color: #fff } .generate-advanced .item-content > div.seed-item .seed-temp[data-v-41ef125d] { color: #4784ff; cursor: pointer; margin: 6px 0 } .generate-advanced .item-content > div.seed-item[data-v-41ef125d] .el-input-number { line-height: 32px; width: 100% } .generate-advanced .item-content > div.seed-item[data-v-41ef125d] .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .generate-advanced .item-content .h-item-no-padding-top[data-v-41ef125d] { padding-bottom: 0 !important; padding-top: 0 !important } .generate-advanced .item-content .other-style[data-v-41ef125d], .generate-advanced .item-content .switch-item[data-v-41ef125d] { align-items: center; display: flex; justify-content: space-between } .generate-advanced .item-content .other-style[data-v-41ef125d] { height: 30px } .generate-advanced .item-content .h-item-embeding[data-v-41ef125d] { box-sizing: border-box; padding: 10px 0 } .generate-advanced .item-content .h-item-embeding .item-head[data-v-41ef125d] { padding: 5px 0 !important } .generate-advanced .item-content .h-item-embeding .item-head label[data-v-41ef125d] { color: #c0d0f1 !important } .generate-advanced .item-content .h-item-embeding .item-head .custom-tips-show[data-v-41ef125d] { margin-left: 4px } .generate-advanced .item-content .embeding-box[data-v-41ef125d] { background: #1e252c; border-radius: 4px; display: flex; flex-direction: column; margin-bottom: 5px; padding: 8px; row-gap: 12px } .generate-advanced .item-content .embeding-box .embeding-box-item[data-v-41ef125d] { align-items: center; display: flex; justify-content: space-between; min-height: 24px } .generate-advanced .item-content .embeding-box .embeding-box-item-title[data-v-41ef125d] { max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .generate-advanced .item-content .embeding-box .embeding-box-info-vesion[data-v-41ef125d], .generate-advanced .item-content .embeding-box .embeding-box-item-title[data-v-41ef125d] { color: #c0d0f1; font-family: PingFang SC; font-size: 12px; font-weight: 400 } .generate-advanced .item-content .embeding-box .embeding-box-info-vesion[data-v-41ef125d] { display: block; max-width: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .generate-advanced .item-content .embeding-box .embeding-box-info[data-v-41ef125d] { display: flex } .generate-advanced .item-content .embeding-box .embeding-box-info .el-icon-delete[data-v-41ef125d] { cursor: pointer; font-size: 16px; margin-left: 10px } .generate-advanced .item-content .item-head-icon[data-v-41ef125d] { align-items: center; color: #4784ff; cursor: pointer; display: flex; font-family: Inter; font-size: 12px; font-weight: 400 } .generate-advanced .item-content .item-head-icon i[data-v-41ef125d] { color: #4784ff !important; font-size: 14px !important; font-weight: 400; margin-left: 5px } .generate-advanced .item-content .trigger-words[data-v-41ef125d] { background: #1e252c; border-radius: 4px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 5px; max-height: 400px; overflow-x: hidden; overflow-y: auto; padding: 8px } .generate-advanced .item-content .trigger-words .trigger-words-item[data-v-41ef125d] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px 6px 6px 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); box-sizing: border-box; display: flex; justify-content: center; min-height: 28px; padding: 2px 6px } .generate-advanced .item-content .trigger-words .trigger-words-item .trigger-words-item-text[data-v-41ef125d] { cursor: pointer; flex: 1 0 auto; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .generate-advanced .item-content .trigger-words .trigger-words-item .trigger-words-item-icon[data-v-41ef125d] { color: #c0d0f1; cursor: pointer; font-size: 14px; margin-left: 5px } .vae-custom-select { width: auto !important } .sampler-custom-select, .vae-custom-select, .vae-custom-select .el-select-dropdown__wrap { max-width: 370px !important } .sampler-custom-select { width: auto !important } .sampler-custom-select .el-select-dropdown__wrap { max-width: 370px !important } .generate-controlnet[data-v-62549633] { background: rgba(255, 153, 31, .06) } .generate-controlnet .item-head label[data-v-62549633] { color: #ff991f } .generate-controlnet .item-head label i[data-v-62549633] { color: #fff !important; cursor: pointer; font-size: 14px !important } .generate-controlnet .item-head label .iconfont[data-v-62549633] { color: #ff991f !important; font-size: 16px !important } .generate-controlnet .item-content > div[data-v-62549633] { background: #2c262a } .generate-controlnet .item-content > div[data-v-62549633] .el-select .el-input__inner { background: #2c262a !important } .generate-controlnet .item-content > div .el-selects[data-v-62549633] { color: #8993a7; cursor: pointer; flex: 1; height: 32px; line-height: 32px; text-align: right } .generate-controlnet .item-content > div .el-selects i[data-v-62549633] { margin-left: 5px; vertical-align: middle } .generate-controlnet .item-content .radio-item[data-v-62549633] { display: flex } .custom-tips[data-v-62549633] { vertical-align: middle } .generate-image[data-v-929aa638] { background: #181b2a } .generate-image .item-head label[data-v-929aa638] { color: #6d59e3 } .generate-image[data-v-929aa638] .el-slider { padding-right: 0 !important } .generate-image[data-v-929aa638] .el-slider .el-slider__runway.show-input { width: 60% } .modelDownload[data-v-15951393] { align-items: center; background-color: inherit; border: none; border-radius: 100%; cursor: pointer; display: flex; font-size: 17px; height: 24px; justify-content: center; padding: 0; width: 24px } .modelDownload[data-v-15951393]:hover { background: hsla(0, 0%, 100%, .05) } .modelDownload .iconfont[data-v-15951393], .modelDownload .svg-icon[data-v-15951393] { color: #fff } .modelDownload[data-v-15951393]:focus { background-color: #52b976 } .item[data-v-15951393] { align-items: center; color: #3f8cff; cursor: pointer; display: flex } .item span[data-v-15951393] { font-size: 14px; margin-right: 13px } .item .iconfont[data-v-15951393], .item .svg-icon[data-v-15951393] { font-size: 16px } .downPop { background: #2a303c !important; border: none !important; box-sizing: border-box; min-width: 0 !important; padding: 10px !important } .downPop .popper__arrow, .downPop .popper__arrow:after { border-bottom-color: #2a303c !important } .modelDownload .el-loading-spinner { margin-top: 0; top: 0 } .modelDownload .el-loading-spinner .circular { height: 28px; width: 28px } .modelCnt .modelName[data-v-0627cd9c] { margin: 0 0 8px; position: relative } .modelCnt .modelName .payNum[data-v-0627cd9c] { left: 0; position: absolute; top: 5px } .modelCnt .modelName .text[data-v-0627cd9c] { color: #fff; font-size: 32px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .modelCnt .modelName .dowLoad[data-v-0627cd9c] { right: 40px } .modelCnt .modelName .dowLoad[data-v-0627cd9c], .modelCnt .modelName .edit[data-v-0627cd9c] { border: 1px solid hsla(0, 0%, 100%, .8); border-radius: 7px; height: 28px; position: absolute; top: 0; width: 28px } .modelCnt .modelName .edit[data-v-0627cd9c] { align-items: center; cursor: pointer; display: flex; justify-content: center; margin-left: 10px; right: 0 } .modelCnt .modelName .edit .iconfont[data-v-0627cd9c], .modelCnt .modelName .edit .svg-icon[data-v-0627cd9c] { font-size: 21px; transform: rotate(90deg) } .modelCnt .vnList .vnItem[data-v-0627cd9c], .modelCnt .vnList[data-v-0627cd9c] { align-items: center; display: flex } .modelCnt .vnList .vnItem[data-v-0627cd9c] { background: rgba(31, 35, 48, .43); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 32px; justify-content: center; margin-right: 6px; min-width: 38px; padding: 0 10px; white-space: nowrap } .modelCnt .vnList .vnItem[data-v-0627cd9c]:last-child { margin-right: 0 } .modelCnt .vnList .vnItem span[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .7); font-size: 12px } .modelCnt .vnList .vnItem .iconfont[data-v-0627cd9c], .modelCnt .vnList .vnItem .svg-icon[data-v-0627cd9c] { font-size: 10px; margin-left: 5px } .modelCnt .vnList .vnActivate[data-v-0627cd9c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 6px } .modelCnt .vnList .vnAdd[data-v-0627cd9c] { color: #3f8cff } .modelCnt .modelMain[data-v-0627cd9c] { display: flex; margin-top: 14px } .modelCnt .modelMain .mainLeft[data-v-0627cd9c] { width: 728px } .modelCnt .modelMain .mainLeft .imgMain[data-v-0627cd9c] { background: #1c1d2a; border-radius: 20px; height: 642px; overflow: hidden; width: 100% } .modelCnt .modelMain .mainLeft .imgMain .imgDef[data-v-0627cd9c] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .modelCnt .modelMain .mainLeft .imgBox[data-v-0627cd9c] { height: 100%; position: relative; width: 100% } .modelCnt .modelMain .mainLeft .imgBox .imgBg[data-v-0627cd9c] { background-size: cover; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8)); filter: blur(50px); height: 100%; width: 100% } .modelCnt .modelMain .mainLeft .imgBox .elimg[data-v-0627cd9c] { cursor: pointer; left: 0; position: absolute; top: 0 } .modelCnt .modelMain .mainLeft .imgBox .elimg img[data-v-0627cd9c], .modelCnt .modelMain .mainLeft .imgBox .elimg[data-v-0627cd9c] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .modelCnt .modelMain .mainLeft .imgBox .elimg:hover > .waterfall-hover-model[data-v-0627cd9c] { opacity: 1; transition: all .2s ease-in-out; z-index: 2 } .modelCnt .modelMain .mainLeft .imgBox .elimg:hover > .cltpop[data-v-0627cd9c] { opacity: 1 !important } .modelCnt .modelMain .mainLeft .imgBox .elimg .cltpop[data-v-0627cd9c] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; padding: 6px 0 0 8px; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model[data-v-0627cd9c] { background: #0f121c; border-radius: 8px; bottom: 50px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; flex-direction: column; height: 132px; left: 2%; opacity: 0; padding: 10px 16px 5px; position: absolute; transition: opacity .3s ease-in-out; width: 96%; z-index: 2 } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model[data-v-0627cd9c]:hover { cursor: default } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverTop[data-v-0627cd9c] { align-items: center; color: #ff3939; display: flex; font-size: 12px; height: 32px; justify-content: space-between } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverMiddle[data-v-0627cd9c] { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #cbd5e1; display: -webkit-box; flex: 1; font-size: 12px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-word } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom[data-v-0627cd9c] { align-items: center; color: #cbd5e1; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; height: 34px; justify-content: space-between; line-height: 34px; margin-top: 10px } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info[data-v-0627cd9c] { align-items: center; cursor: pointer; display: flex; justify-content: center } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info .avatorClass[data-v-0627cd9c] { background: #fff; border-radius: 50%; font-size: 18px; height: 26px; line-height: 26px; margin-right: 6px; text-align: center; width: 26px } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-0627cd9c] { align-items: center; border-radius: 17px; color: #cbd5e1; display: flex; font-size: 20px; justify-content: center; padding: 7px; position: relative } .modelCnt .modelMain .mainLeft .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-0627cd9c]:hover { background: #1d8d7b; color: #fff; cursor: pointer } .modelCnt .modelMain .mainLeft .imgNav[data-v-0627cd9c] { align-items: center; display: flex; height: 112px; justify-content: center } .modelCnt .modelMain .mainLeft .imgNav .imgItem[data-v-0627cd9c] { border: 1px solid hsla(0, 0%, 100%, .6); border-radius: 8px; cursor: pointer; height: 96px; margin-right: 10px; overflow: hidden; width: 130px } .modelCnt .modelMain .mainLeft .imgNav .imgItem[data-v-0627cd9c]:last-child { margin-right: 0 } .modelCnt .modelMain .mainLeft .imgNav .imgItem div[data-v-0627cd9c] { height: 100%; overflow: hidden; width: 100% } .modelCnt .modelMain .mainLeft .imgNav .imgItem div img[data-v-0627cd9c] { min-height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .modelCnt .modelMain .mainLeft .imgNav .imgActivate[data-v-0627cd9c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 12px; padding: 6px } .modelCnt .modelMain .mainLeft .intro[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .8); font-size: 14px; line-height: 24px; margin-top: 24px; white-space: normal } .modelCnt .modelMain .mainRight[data-v-0627cd9c] { margin-left: 24px; width: 391px } .modelCnt .modelMain .mainRight .subInfo[data-v-0627cd9c] { align-items: center; display: flex } .modelCnt .modelMain .mainRight .subInfo .modelType[data-v-0627cd9c] { align-items: center; background: rgba(63, 140, 255, .1); border-radius: 4px; box-sizing: border-box; display: flex; padding: 5px 8px } .modelCnt .modelMain .mainRight .subInfo .modelType .iconfont[data-v-0627cd9c], .modelCnt .modelMain .mainRight .subInfo .modelType .svg-icon[data-v-0627cd9c] { color: #85b7ff; font-size: 20px; margin-right: 5px } .modelCnt .modelMain .mainRight .subInfo .modelType span[data-v-0627cd9c] { color: #85b7ff; font-size: 14px } .modelCnt .modelMain .mainRight .subInfo .org[data-v-0627cd9c] { background: rgba(255, 194, 53, .1) } .modelCnt .modelMain .mainRight .subInfo .org .iconfont[data-v-0627cd9c], .modelCnt .modelMain .mainRight .subInfo .org .svg-icon[data-v-0627cd9c], .modelCnt .modelMain .mainRight .subInfo .org span[data-v-0627cd9c] { color: #ffac24 } .modelCnt .modelMain .mainRight .subInfo .subLine[data-v-0627cd9c] { background-color: hsla(0, 0%, 100%, .5); height: 20px; margin: 0 8px; width: 1px } .modelCnt .modelMain .mainRight .subInfo .modelUpdateTiem[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .8); font-size: 14px } .modelCnt .modelMain .mainRight .personal[data-v-0627cd9c] { align-items: center; background: #151522; border-radius: 10px 10px 10px 10px; box-sizing: border-box; display: flex; height: 58px; justify-content: space-between; margin-top: 15px; padding: 9px } .modelCnt .modelMain .mainRight .personal .personal-info[data-v-0627cd9c] { align-items: center; cursor: pointer; display: flex } .modelCnt .modelMain .mainRight .personal .personal-info .avatorClass[data-v-0627cd9c] { align-items: center; background-color: #adb8cd; border-radius: 100%; color: #fff; cursor: pointer; display: flex; font-size: 24px; height: 42px; justify-content: center; -o-object-fit: cover; object-fit: cover; width: 42px } .modelCnt .modelMain .mainRight .personal .personal-info .personal-text[data-v-0627cd9c] { color: #fff; font-size: 14px; margin-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px } .modelCnt .modelMain .mainRight .personal .follow[data-v-0627cd9c] { align-items: center; background: #38384a; border-radius: 9px; cursor: pointer; display: flex; height: 32px; justify-content: center; margin-right: 10px; width: 80px } .modelCnt .modelMain .mainRight .personal .follow span[data-v-0627cd9c] { color: #fff; font-size: 16px } .modelCnt .modelMain .mainRight .personal .follow[data-v-0627cd9c]:hover { background-color: #fff } .modelCnt .modelMain .mainRight .personal .follow:hover span[data-v-0627cd9c] { color: #000 } .modelCnt .modelMain .mainRight .personal .follow[data-v-0627cd9c]:active { background-color: #cbd5e1 } .modelCnt .modelMain .mainRight .personal .unfollow[data-v-0627cd9c]:hover { background-color: #9e2727 } .modelCnt .modelMain .mainRight .personal .unfollow:hover span[data-v-0627cd9c] { color: #fff } .modelCnt .modelMain .mainRight .personal .unfollow[data-v-0627cd9c]:active { background-color: #cbd5e1 } .modelCnt .modelMain .mainRight .statBox[data-v-0627cd9c] { align-items: center; display: flex; height: 66px; margin-top: 10px } .modelCnt .modelMain .mainRight .statBox .StatLine[data-v-0627cd9c] { background: #23263c; height: 30px; margin: 0 6px 0 16px; width: 1px } .modelCnt .modelMain .mainRight .statBox .statItem[data-v-0627cd9c] { margin-left: 15px; position: relative } .modelCnt .modelMain .mainRight .statBox .statItem div[data-v-0627cd9c]:first-child { color: hsla(0, 0%, 100%, .6); font-size: 12px } .modelCnt .modelMain .mainRight .statBox .statItem div[data-v-0627cd9c]:nth-child(2) { color: #fff; font-size: 22px; font-weight: 500; margin-top: 7px } .modelCnt .modelMain .mainRight .bnt[data-v-0627cd9c] { align-items: center; display: flex; justify-content: space-between } .modelCnt .modelMain .mainRight .bnt .bntItem[data-v-0627cd9c] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; height: 50px; justify-content: center; margin-top: 11px; width: 391px } .modelCnt .modelMain .mainRight .bnt .bntItem .iconfont[data-v-0627cd9c], .modelCnt .modelMain .mainRight .bnt .bntItem .svg-icon[data-v-0627cd9c] { font-size: 16px; margin-right: 5px } .modelCnt .modelMain .mainRight .bnt .bntItem span[data-v-0627cd9c] { font-size: 16px } .modelCnt .modelMain .mainRight .bnt .playBnt[data-v-0627cd9c] { background: linear-gradient(90deg, rgba(63, 140, 255, .99), #20ffff) } .modelCnt .modelMain .mainRight .bnt .playBnt .iconfont[data-v-0627cd9c], .modelCnt .modelMain .mainRight .bnt .playBnt .svg-icon[data-v-0627cd9c], .modelCnt .modelMain .mainRight .bnt .playBnt span[data-v-0627cd9c] { color: #fff } .modelCnt .modelMain .mainRight .bnt .collectBnt .iconfont[data-v-0627cd9c], .modelCnt .modelMain .mainRight .bnt .collectBnt .svg-icon[data-v-0627cd9c], .modelCnt .modelMain .mainRight .bnt .collectBnt span[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .8) } .modelCnt .modelMain .mainRight .rightTitle[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .6); font-size: 16px; margin-bottom: 11px } .modelCnt .modelMain .mainRight .state[data-v-0627cd9c] { align-items: flex-start; display: flex; margin-top: 22px } .modelCnt .modelMain .mainRight .state i[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .7); font-size: 16px; margin-right: 7px } .modelCnt .modelMain .mainRight .state span[data-v-0627cd9c] { color: hsla(0, 0%, 100%, .7); font-size: 12px; line-height: 16px } .modelCnt .modelMain .mainRight .line[data-v-0627cd9c] { border: 1px solid hsla(0, 0%, 100%, .05); height: 0; margin: 20px 0 27px; width: 100% } .modelCnt .modelMain .mainRight .modelInfos .infoItem[data-v-0627cd9c] { align-items: center; border: 1px solid rgba(38, 45, 60, .3); display: flex; margin-top: -1px } .modelCnt .modelMain .mainRight .modelInfos .infoItem .keys[data-v-0627cd9c] { align-items: center; box-sizing: border-box; display: flex; flex: 0 0 auto; font-size: 12px; min-height: 30px; padding-left: 14px; width: 125px } .modelCnt .modelMain .mainRight .modelInfos .infoItem .vals[data-v-0627cd9c] { align-items: center; border-left: 1px solid rgba(38, 45, 60, .3); box-sizing: border-box; color: #fff; display: flex; flex-wrap: wrap; font-size: 14px; margin-left: -1px; min-height: 30px; padding-left: 14px; width: 260px } .modelCnt .modelMain .mainRight .modelInfos .infoItem .vals .tag-item[data-v-0627cd9c] { background: #1a2e43; border-radius: 3px; color: #94c6ec; display: inline-block; font-size: 12px; font-weight: 500; margin: 3px 4px 3px 0; padding: 4px } .modelCnt .modelMain .mainRight .modelInfos .infoItem .vals .link[data-v-0627cd9c] { color: #0072c6 } .modelCnt .modelMain .mainRight .modelInfos .infoItem .vals .link[data-v-0627cd9c]:hover { filter: brightness(1.2); -webkit-text-decoration: none; text-decoration: none } .modelCnt .modelMain .mainRight .authority div[data-v-0627cd9c] { align-items: center; display: flex; margin-bottom: 16px } .modelCnt .modelMain .mainRight .authority div[data-v-0627cd9c]:last-child { margin-bottom: 0 } .modelCnt .modelMain .mainRight .authority div i[data-v-0627cd9c] { font-size: 16px } .modelCnt .modelMain .mainRight .authority div span[data-v-0627cd9c] { color: #fff; font-size: 14px; margin-left: 10px } .popBox[data-v-0627cd9c] { box-sizing: border-box; width: 100% } .popBox div[data-v-0627cd9c] { border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .popBox div[data-v-0627cd9c]:hover { background-color: #34396a } .popBox div[data-v-0627cd9c]:last-child { border: none } .lora-popup[data-v-e9f286d6] .el-dialog { background: #0a0b17; border-radius: 20px; box-sizing: border-box; margin-top: 56px !important; min-height: 827px; padding: 20px; width: 1183px } .lora-popup[data-v-e9f286d6] .el-dialog .el-dialog__header { display: none } .lora-popup[data-v-e9f286d6] .el-dialog .el-dialog__body { padding: 0 } .lora-list[data-v-09ba8dbd] { padding-bottom: 5px } .lora-list .lora-item[data-v-09ba8dbd] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex !important; justify-content: space-between; margin-top: 5px; position: relative } .lora-list .lora-item[data-v-09ba8dbd]:last-child { border-bottom: 0 } .lora-list .lora-item .image-box[data-v-09ba8dbd] { cursor: pointer; display: flex; flex: 0 0 auto; height: 60px; max-width: 60px; min-width: 60px; position: relative; width: 60px } .lora-list .lora-item .image-box .payNum[data-v-09ba8dbd] { left: -16px; position: absolute; top: -7px; transform: scale(.5); z-index: 2 } .lora-list .lora-item .image-box .version-item[data-v-09ba8dbd] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 0 0 5px 5px; bottom: 0; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 10px; font-weight: 600; height: 16px; justify-content: center; left: 0; overflow: hidden; padding: 0 5px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; z-index: 2 } .lora-list .lora-item .image-box[data-v-09ba8dbd] .el-image { border-radius: 5px; height: 100%; width: 100% } .lora-list .lora-item .image-box[data-v-09ba8dbd] .el-image img { height: auto; width: 100% } .lora-list .lora-item .image-box .empty-img[data-v-09ba8dbd] { align-items: center; background: #342f2f; border-radius: 5px; display: flex; font-size: 12px; justify-content: center; width: 100% } .lora-list .lora-item .image-box .lora-type-not-match[data-v-09ba8dbd] { align-items: center; background: rgba(0, 0, 0, .5); border-radius: 5px; bottom: 0; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 99 } .lora-list .lora-item .image-box .lora-type-not-match .iconfont[data-v-09ba8dbd] { color: #ffb31f; font-size: 20px } .lora-list .lora-item .slider[data-v-09ba8dbd] { align-items: center; display: flex; flex-wrap: wrap; margin-left: 10px; width: calc(100% - 90px) } .lora-list .lora-item .slider .lora-name[data-v-09ba8dbd] { color: #bec3cf; cursor: pointer; padding: 5px 0 10px; width: 130px } .lora-list .lora-item .slider[data-v-09ba8dbd] .el-slider { display: flex; flex-flow: row-reverse; width: 100% } .lora-list .lora-item .slider[data-v-09ba8dbd] .el-slider .el-input-number--small { margin-left: 10px; margin-top: 0; width: 50px } .lora-list .lora-item .slider[data-v-09ba8dbd] .el-slider .el-slider__runway { flex: 1 } .lora-list .lora-item .delete-icon[data-v-09ba8dbd] { color: #7a7c8a; cursor: pointer; position: absolute; right: 0; top: 10px } .lora-list .lora-item .delete-icon[data-v-09ba8dbd]:hover { color: #fff } .model-handle[data-v-ef5edf42] { background: rgba(125, 78, 189, .06) } .model-handle > .item-head label[data-v-ef5edf42] { color: #7d4ebd !important; font-size: 14px } .model-handle > .item-head .model-icon[data-v-ef5edf42] { fill: #fff } .model-handle > .item-head .model-icon.title[data-v-ef5edf42] { fill: #7d4ebd } .model-handle > .item-content .h-item[data-v-ef5edf42] { background: hsla(0, 0%, 100%, .05) } .model-handle > .item-content .h-item > .item-head[data-v-ef5edf42] { padding: 0 } .model-handle .image-loading[data-v-ef5edf42] { color: #fff; font-size: 20px; padding: 22px } .model-handle .h-item[data-v-ef5edf42] { background: #181b2a; border-radius: 5px; margin-bottom: 5px } .model-handle .h-item.m-item .item-head[data-v-ef5edf42], .model-handle .h-item.m-item[data-v-ef5edf42] { padding-right: 0 } .model-handle .h-item.l-item[data-v-ef5edf42] { padding-bottom: 5px } .model-handle .h-item.l-item .item-head[data-v-ef5edf42] { padding-bottom: 0 } .model-handle .h-item .item-head[data-v-ef5edf42] { align-items: center; display: flex; height: 30px; justify-content: space-between } .model-handle .h-item .item-head label[data-v-ef5edf42] { color: #c0d0f1; margin-right: 10px } .model-handle .h-item .item-head label svg[data-v-ef5edf42] { font-size: 16px; margin-right: 5px } .model-handle .h-item .item-head i[data-v-ef5edf42] { color: #333a4f; cursor: pointer; font-size: 18px } .model-handle .h-item .item-head[data-v-ef5edf42] .el-select { flex: 1 } .model-handle .h-item .item-head[data-v-ef5edf42] .el-select .el-input__inner { background: transparent; border: 0; color: #70798c; font-size: 12px; text-align: right } .model-handle .h-item .item-head[data-v-ef5edf42] .el-select .el-input__suffix .el-icon-arrow-up { color: #c0c4cc; font-size: 14px } .generate-style[data-v-31b78e2e] { background: #101833 } .generate-style[data-v-31b78e2e] .custom-select .el-select-dropdown__item.hover .custom-tips { display: inline-block } .generate-style .item-head label[data-v-31b78e2e] { color: #4784ff !important; font-size: 14px } .generate-style .item-content > div[data-v-31b78e2e] { background: hsla(0, 0%, 100%, .06) } .generate-style .item-content .fast-size-select label[data-v-31b78e2e] { color: #c0d0f1 } .generate-style .item-content .other-style[data-v-31b78e2e] { align-items: center; display: flex; height: 32px; justify-content: space-between } .generate-style .item-content .other-style[data-v-31b78e2e] .el-checkbox .el-checkbox__label { font-size: 12px } .generate-style .item-content .size-item[data-v-31b78e2e] { align-items: center; display: flex; height: 32px; justify-content: space-between } .generate-style .item-content .size-item-label[data-v-31b78e2e] { align-items: center; display: inline-flex } .generate-style .item-content .size-item-label .size-item-label-text[data-v-31b78e2e] { color: #c0d0f1; cursor: pointer; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-right: 12px; max-width: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .generate-style .item-content .size-item-label .el-input-number[data-v-31b78e2e] { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; opacity: 1; width: 46px } .generate-style .item-content .size-item-label .el-input-number--mini .el-input__inner[data-v-31b78e2e] { color: #fff; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; height: 22px; line-height: 22px; padding-left: 5px; padding-right: 5px } .generate-style .size-item-label .el-input-number--mini { line-height: 22px } .generate-style .size-item-label .el-input-number--mini .el-input__inner { color: #fff; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; height: 22px; line-height: 22px; padding-left: 0; padding-right: 0 } .handle-extra-upscale[data-v-545640f3] { background: #141c37 } .handle-extra-upscale .item-head label[data-v-545640f3] { color: #4784ff } .handle-extra-upscale .item-content > div[data-v-545640f3] { background: #1e2231 } .sendParams[data-v-a70ef696] { display: flex; justify-content: space-between; margin-top: 20px } .sendParams > span[data-v-a70ef696] { align-items: center; border-radius: 5px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-size: 12px; height: 42px; padding: 0 5px; width: 48% } .sendParams > span span[data-v-a70ef696] { word-break: break-word } .sendParams > span .iconfont[data-v-a70ef696], .sendParams > span svg[data-v-a70ef696] { font-size: 24px; margin-right: 5px } .sendParams > span.send-text[data-v-a70ef696] { background: #0d1e41 } .sendParams > span.send-text[data-v-a70ef696]:hover { background: rgba(0, 82, 204, .3) } .sendParams > span.send-image[data-v-a70ef696] { background: #112d32 } .sendParams > span.send-image[data-v-a70ef696]:hover { background: rgba(13, 148, 136, .3) } .sendParams > span[data-v-a70ef696] { background: #2a1f1d } .sendParams > span[data-v-a70ef696]:hover { background: rgba(163, 105, 36, .3) } .model-list[data-v-a0f36022] { padding-bottom: 5px } .model-list .lora-item[data-v-a0f36022] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex !important; justify-content: space-between; margin-top: 5px; position: relative } .model-list .lora-item[data-v-a0f36022]:last-child { border-bottom: 0 } .model-list .lora-item .image-box[data-v-a0f36022] { cursor: pointer; display: flex; flex: 0 0 auto; height: 60px; max-width: 60px; min-width: 60px; position: relative; width: 60px } .model-list .lora-item .image-box .version-item[data-v-a0f36022] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 0 0 5px 5px; bottom: 0; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 10px; font-weight: 600; height: 16px; justify-content: center; left: 0; overflow: hidden; padding: 0 5px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; z-index: 2 } .model-list .lora-item .image-box .payNum[data-v-a0f36022] { left: -16px; position: absolute; top: -7px; transform: scale(.5); z-index: 2 } .model-list .lora-item .image-box[data-v-a0f36022] .el-image { border-radius: 5px; height: 100%; width: 100% } .model-list .lora-item .image-box[data-v-a0f36022] .el-image img { height: auto; width: 100% } .model-list .lora-item .image-box .empty-img[data-v-a0f36022] { align-items: center; background: #342f2f; border-radius: 5px; display: flex; font-size: 12px; justify-content: center; width: 100% } .model-list .lora-item .slider[data-v-a0f36022] { align-items: center; display: flex; flex: 1; flex-wrap: wrap; margin-left: 10px; max-width: 100px } .model-list .lora-item .slider .lora-name[data-v-a0f36022] { color: #bec3cf; cursor: pointer; padding: 5px 0 10px; width: 90% } .model-list .lora-item .slider[data-v-a0f36022] .el-slider { display: flex; flex-flow: row-reverse; width: 100% } .model-list .lora-item .slider[data-v-a0f36022] .el-slider .el-input-number--small { margin-left: 10px; margin-top: 0; width: 50px } .model-list .lora-item .slider[data-v-a0f36022] .el-slider .el-slider__runway { flex: 1 } .model-list .lora-item .select-model-box[data-v-a0f36022] { align-items: center; align-self: center; background: rgba(71, 132, 255, .2); border-radius: 4px; cursor: pointer; display: flex; justify-content: center; padding: 4px } .model-list .lora-item .select-model-box .select-model-box-text[data-v-a0f36022] { color: #4784ff; font-family: PingFang SC; font-size: 11px; font-weight: 600; margin-left: 4px; max-width: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .model-list .lora-item .select-model-box .delete-icon[data-v-a0f36022] { color: #4784ff; font-size: 16px } .c-image-prompts-list[data-v-52d0453d] { box-sizing: border-box; padding-bottom: 5px } .c-image-prompts-list .image-prompts-list-item[data-v-52d0453d] { -moz-column-gap: 8px; column-gap: 8px; display: flex !important; margin-top: 10px; position: relative } .c-image-prompts-list .image-prompts-list-item .image-box[data-v-52d0453d] { cursor: pointer; display: flex; flex: 0 0 auto; height: 91px; max-width: 91px; min-width: 91px; position: relative; width: 91px } .c-image-prompts-list .image-prompts-list-item .image-box[data-v-52d0453d] .el-image { border-radius: 5px; height: 100%; overflow: hidden; width: 100% } .c-image-prompts-list .image-prompts-list-item .image-box[data-v-52d0453d] .el-image img { border-radius: 5px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-image-prompts-list .image-prompts-list-item .image-box .empty-img[data-v-52d0453d] { align-items: center; background: #342f2f; border-radius: 5px; display: flex; font-size: 12px; justify-content: center; width: 100% } .c-image-prompts-list .image-prompts-list-item .image-box .delete-icon[data-v-52d0453d] { align-items: center; background: rgba(0, 0, 0, .5); border-radius: 4px; color: #fff; cursor: pointer; display: flex; height: 18px; justify-content: center; min-height: 18px; min-width: 18px; position: absolute; right: 2px; top: 2px; width: 18px } .c-image-prompts-list .image-prompts-list-item .image-box .delete-icon i[data-v-52d0453d] { font-size: 12px } .c-image-prompts-list .image-prompts-list-item .right-params-box[data-v-52d0453d] { align-items: center; display: flex; flex: 1; flex-direction: column } .c-image-prompts-list .image-prompts-list-item .right-params-box .slider-item[data-v-52d0453d] { padding: 0 !important; width: 100% } .c-image-prompts-list .image-prompts-list-item .right-params-box .slider-item[data-v-52d0453d] .el-slider__runway { margin: 5px 0 } .c-select-generate-model-type[data-v-478fe721] { background: #152036 } .c-select-generate-model-type > .item-head[data-v-478fe721] { align-items: center; cursor: pointer; display: flex; height: 30px; justify-content: space-between; padding: 5px 10px } .c-select-generate-model-type > .item-head label[data-v-478fe721] { color: #c0d0f1 !important; font-size: 14px } .c-select-generate-model-type > .item-content[data-v-478fe721] { padding: 0 10px 10px } .c-select-generate-model-type > .item-content .h-item[data-v-478fe721] { background: hsla(0, 0%, 100%, .05) } .c-select-generate-model-type > .item-content .h-item .h-item.m-item[data-v-478fe721] { border-radius: 5px; margin-bottom: 5px; padding: 5px 10px } .c-select-generate-model-type > .item-content .h-item > .item-head[data-v-478fe721] { padding: 0 } .c-select-generate-model-type .image-loading[data-v-478fe721] { color: #fff; font-size: 20px; padding: 22px } .c-select-generate-model-type .h-item[data-v-478fe721] { background: #181b2a; border-radius: 5px; margin-bottom: 5px } .c-select-generate-model-type .h-item.m-item .item-head[data-v-478fe721], .c-select-generate-model-type .h-item.m-item[data-v-478fe721] { padding-right: 0 } .c-select-generate-model-type .h-item.l-item[data-v-478fe721] { padding-bottom: 5px } .c-select-generate-model-type .h-item.l-item .item-head[data-v-478fe721] { padding-bottom: 0 } .c-select-generate-model-type .h-item .item-head[data-v-478fe721] { align-items: center; display: flex; height: 30px; justify-content: space-between } .c-select-generate-model-type .h-item .item-head label[data-v-478fe721] { color: #c0d0f1; margin-right: 10px } .c-select-generate-model-type .h-item .item-head label .iconfont[data-v-478fe721], .c-select-generate-model-type .h-item .item-head label svg[data-v-478fe721] { font-size: 16px; margin-right: 5px } .c-select-generate-model-type .h-item .item-head i[data-v-478fe721] { color: #333a4f; cursor: pointer; font-size: 18px } .c-select-generate-model-type .h-item .item-head[data-v-478fe721] .el-select { flex: 1 } .c-select-generate-model-type .h-item .item-head[data-v-478fe721] .el-select .el-input__inner { background: transparent; border: 0; color: #70798c; font-size: 12px; text-align: right } .c-select-generate-model-type .h-item .item-head[data-v-478fe721] .el-select .el-input__inner:focus-visible { box-shadow: none !important } .c-select-generate-model-type .h-item .item-head[data-v-478fe721] .el-select .el-input__suffix .el-icon-arrow-up { color: #c0c4cc; font-size: 14px } .c-select-generate-model-type .h-item .custom-tips[data-v-478fe721] { display: none } .c-select-generate-model-type .h-item .custom-tips-show[data-v-478fe721] { display: inline-block; margin-left: 4px } .c-select-generate-model-type .h-item[data-v-478fe721] .custom-select .el-select-dropdown__item.hover .custom-tips { display: inline-block } .c-select-generate-model-type .h-item[data-v-478fe721] .custom-select .el-select-dropdown__item .vip-icon { height: 18px; margin-bottom: -2px; width: 18px } .c-select-generate-model-type .h-item .lora-item[data-v-478fe721] { border: 1px solid #1e2030; border-radius: 5px; display: flex !important; justify-content: space-between; margin-top: 5px; padding: 5px } .c-select-generate-model-type .h-item .lora-item .image-box[data-v-478fe721] { display: flex; height: 60px; position: relative; width: 60px } .c-select-generate-model-type .h-item .lora-item .image-box[data-v-478fe721] .el-image { border-radius: 5px; height: 100%; width: 100% } .c-select-generate-model-type .h-item .lora-item .image-box[data-v-478fe721] .el-image img { height: auto; width: 100% } .c-select-generate-model-type .h-item .lora-item .image-box:hover .box-mask[data-v-478fe721] { display: block } .c-select-generate-model-type .h-item .lora-item .image-box .box-mask[data-v-478fe721] { display: none; height: 100%; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 100% } .c-select-generate-model-type .h-item .lora-item .image-box .box-mask i[data-v-478fe721] { color: #fff; cursor: pointer; font-size: 14px; margin: 0 5px; position: relative; z-index: 1 } .c-select-generate-model-type .h-item .lora-item .image-box .box-mask[data-v-478fe721]:before { background: #000; border-radius: 5px; content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .c-select-generate-model-type .h-item .lora-item .slider[data-v-478fe721] { align-items: center; display: flex; width: calc(100% - 70px) } .c-select-generate-model-type .btn-box[data-v-478fe721] { align-items: center; display: inline-flex } .c-select-generate-model-type .item-head-btn[data-v-478fe721] { align-items: center; background: #20242e; border-radius: 6px; color: #858ea0; cursor: pointer; display: flex; font-size: 18px; height: 24px; justify-content: center; width: 24px } .c-select-generate-model-type .item-head-btn span[data-v-478fe721] { color: #858ea0; font-size: 16px } .c-select-generate-model-type .item-head-btn[data-v-478fe721]:hover { background: #20242e; color: #cbd9f3 } .c-select-generate-model-type .item-head-btn:hover span[data-v-478fe721] { color: #cbd9f3 } .c-select-generate-model-type .item-head-btn-margin[data-v-478fe721] { margin-right: 4px } .c-select-generate-model-type .item-head-btn + .item-head-btn[data-v-478fe721] { margin-left: 8px } .model-handle[data-v-478fe721] { background: rgba(125, 78, 189, .06) } .model-handle > .item-head label[data-v-478fe721] { color: #7d4ebd !important; font-size: 14px } .model-handle > .item-head .model-icon[data-v-478fe721] { fill: #fff } .model-handle > .item-head .model-icon.title[data-v-478fe721] { fill: #7d4ebd } .model-handle > .item-content .h-item[data-v-478fe721] { background: hsla(0, 0%, 100%, .05) } .model-handle > .item-content .h-item > .item-head[data-v-478fe721] { padding: 0 } .model-handle .image-loading[data-v-478fe721] { color: #fff; font-size: 20px; padding: 22px } .model-handle .h-item[data-v-478fe721] { background: #181b2a; border-radius: 5px; margin-bottom: 5px } .model-handle .h-item.m-item .item-head[data-v-478fe721], .model-handle .h-item.m-item[data-v-478fe721] { padding-right: 0 } .model-handle .h-item.l-item[data-v-478fe721] { padding-bottom: 5px } .model-handle .h-item.l-item .item-head[data-v-478fe721] { padding-bottom: 0 } .model-handle .h-item .item-head[data-v-478fe721] { align-items: center; display: flex; height: 30px; justify-content: space-between } .model-handle .h-item .item-head label[data-v-478fe721] { color: #c0d0f1; margin-right: 10px } .model-handle .h-item .item-head label svg[data-v-478fe721] { font-size: 16px; margin-right: 5px } .model-handle .h-item .item-head i[data-v-478fe721] { color: #333a4f; cursor: pointer; font-size: 18px } .model-handle .h-item .item-head[data-v-478fe721] .el-select { flex: 1 } .model-handle .h-item .item-head[data-v-478fe721] .el-select .el-input__inner { background: transparent; border: 0; color: #70798c; font-size: 12px; text-align: right } .model-handle .h-item .item-head[data-v-478fe721] .el-select .el-input__suffix .el-icon-arrow-up { color: #c0c4cc; font-size: 14px } .model-handle .h-item .item-head[data-v-478fe721] .opacity-inner .el-input__inner { opacity: 0 !important } .c-select-generate-model-type-popover { background: #161820; transform: translateX(-20px) } .c-select-generate-model-type-popover > .item-head { align-items: center; cursor: pointer; display: flex; height: 30px; justify-content: space-between; padding: 5px 10px } .c-select-generate-model-type-popover > .item-head label { color: #c0d0f1 !important; font-size: 14px } .c-select-generate-model-type-popover > .item-content { padding: 10px } .c-select-generate-model-type-popover > .item-content .h-item { background: hsla(0, 0%, 100%, .05) } .c-select-generate-model-type-popover > .item-content .h-item .h-item.m-item { border-radius: 5px; margin-bottom: 5px; padding: 5px 10px } .c-select-generate-model-type-popover > .item-content .h-item > .item-head { padding: 0 } .c-select-generate-model-type-popover .h-item { background: #181b2a; border-radius: 5px; margin-bottom: 5px; padding: 0 10px } .c-select-generate-model-type-popover .h-item.m-item, .c-select-generate-model-type-popover .h-item.m-item .item-head { padding-right: 0 } .c-select-generate-model-type-popover .h-item.l-item { padding-bottom: 5px } .c-select-generate-model-type-popover .h-item.l-item .item-head { padding-bottom: 0 } .c-select-generate-model-type-popover .h-item .item-head { align-items: center; display: flex; height: 30px; justify-content: space-between } .c-select-generate-model-type-popover .h-item .item-head label { color: #c0d0f1; margin-right: 10px } .c-select-generate-model-type-popover .h-item .item-head label svg { font-size: 16px; margin-right: 5px } .c-select-generate-model-type-popover .h-item .item-head i { color: #333a4f; cursor: pointer; font-size: 18px } .c-select-generate-model-type-popover .h-item .item-head .el-select { flex: 1 } .c-select-generate-model-type-popover .h-item .item-head .el-select .el-input__inner { background: transparent; border: 0; color: #70798c; font-size: 12px; text-align: right } .c-select-generate-model-type-popover .h-item .item-head .el-select .el-input__inner:focus-visible { box-shadow: none !important } .c-select-generate-model-type-popover .h-item .item-head .el-select .el-input__suffix .el-icon-arrow-up { color: #c0c4cc; font-size: 14px } .c-select-generate-model-type-popover .h-item .custom-tips { display: none } .c-select-generate-model-type-popover .h-item .custom-select .el-select-dropdown__item.hover .custom-tips { display: inline-block } .c-select-generate-model-type-popover .h-item .custom-select .el-select-dropdown__item .vip-icon { height: 18px; margin-bottom: -2px; width: 18px } .c-select-generate-model-type-popover .h-item .lora-list { padding: 0 5px } .c-select-generate-model-type-popover .h-item .lora-item { border: 1px solid #1e2030; border-radius: 5px; display: flex !important; justify-content: space-between; margin-top: 5px; padding: 5px } .c-select-generate-model-type-popover .h-item .lora-item .image-box { display: flex; height: 60px; position: relative; width: 60px } .c-select-generate-model-type-popover .h-item .lora-item .image-box .el-image { border-radius: 5px; height: 100%; width: 100% } .c-select-generate-model-type-popover .h-item .lora-item .image-box .el-image img { height: auto; width: 100% } .c-select-generate-model-type-popover .h-item .lora-item .image-box:hover .box-mask { display: block } .c-select-generate-model-type-popover .h-item .lora-item .image-box .box-mask { display: none; height: 100%; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 100% } .c-select-generate-model-type-popover .h-item .lora-item .image-box .box-mask i { color: #fff; cursor: pointer; font-size: 14px; margin: 0 5px; position: relative; z-index: 1 } .c-select-generate-model-type-popover .h-item .lora-item .image-box .box-mask:before { background: #000; border-radius: 5px; content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .c-select-generate-model-type-popover .h-item .lora-item .slider { align-items: center; display: flex; width: calc(100% - 70px) } .c-select-generate-model-type-popover .slider-item { flex: 1 } .c-select-generate-model-type-popover .slider-item p { font-size: 12px } .c-select-generate-model-type-popover .slider-item .el-slider__runway { height: 6px; margin: 10px 0 } .c-select-generate-model-type-popover .slider-item .el-slider__runway .el-slider__bar { background: #4784ff; height: 6px } .c-select-generate-model-type-popover .slider-item .el-slider__runway .el-slider__button-wrapper { height: 20px; top: -8px; width: 20px } .c-select-generate-model-type-popover .slider-item .el-slider__runway .el-slider__button-wrapper .el-slider__button { height: 12px; width: 12px } .c-select-generate-model-type-popover .slider-item .el-input-number.is-without-controls { line-height: 26px; width: 70px } .c-select-generate-model-type-popover .slider-item .el-input-number.is-without-controls .el-input__inner { height: 24px; line-height: 24px; padding: 0 } .c-select-generate-model-type-popover .slider-item .el-input.is-disabled .el-input__inner { background-color: #757676; border-color: #757676 } .c-select-generate-model-type-popover .handle-item { border-radius: 5px; margin-bottom: 20px } .c-select-generate-model-type-popover .handle-item .item-head { align-items: center; cursor: pointer; display: flex; height: 30px; justify-content: space-between; padding: 5px 10px } .c-select-generate-model-type-popover .handle-item .item-head label { cursor: pointer; margin-right: 10px } .c-select-generate-model-type-popover .handle-item .item-head label svg { font-size: 16px; margin-right: 5px; vertical-align: bottom } .c-select-generate-model-type-popover .handle-item .item-head i { color: #333a4f; cursor: pointer; font-size: 18px; transition: all .3s } .c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus { color: #333a4f; position: relative } .c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:before { position: relative; z-index: 2 } .c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:after { background: #b4b4b4; border-radius: 50%; content: ""; height: 14px; left: 2px; position: absolute; top: 2px; width: 14px } .c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:hover { color: #3e465f } .c-select-generate-model-type-popover .handle-item .item-head i.el-icon-circle-plus:hover:after { background: #fff } .c-select-generate-model-type-popover .handle-item .item-head i.zoom { transform: rotate(180deg) } .c-select-generate-model-type-popover .handle-item .item-content { padding: 0 10px 10px } .c-select-generate-model-type-popover .handle-item .item-content > div { border-radius: 5px; margin-bottom: 5px; padding: 0 10px } .c-select-generate-model-type-popover .handle-item .item-content > div label { color: #c0d0f1; font-size: 12px } .c-select-generate-model-type-popover .handle-item .item-content > div.select-item { align-items: center; display: flex; padding-right: 10px } .c-select-generate-model-type-popover .handle-item .item-content > div.select-item label { font-size: 12px } .c-select-generate-model-type-popover .handle-item .item-content > div.select-item .el-select { flex: 1 } .c-select-generate-model-type-popover .handle-item .item-content > div.select-item .el-select .el-input__suffix { align-items: center; display: flex } .c-select-generate-model-type-popover .handle-item .item-content > div.select-item .el-select .el-input__inner { background: transparent; border: 0; color: #70798c; font-size: 12px; height: 30px !important; line-height: 30px !important; text-align: right } .c-select-generate-model-type-popover .handle-item .item-content > div.radio-item { align-items: center; display: flex; height: 32px; justify-content: space-between } .c-select-generate-model-type-popover .handle-item .item-content > div.radio-item .el-radio { margin-right: 10px } .c-select-generate-model-type-popover .handle-item .item-content > div.radio-item .el-radio .el-radio__label { color: #8993a7; font-size: 12px } .c-select-generate-model-type-popover .handle-item .item-content > div.radio-item .el-radio.is-checked .el-radio__label { color: #409eff } .c-select-generate-model-type-popover .handle-item .item-content .slider-item { padding: 5px 10px } .c-select-generate-model-type-popover .handle-item .item-content .slider-item p { font-size: 12px } .c-select-generate-model-type-popover .handle-item .item-content .slider-item.slider { padding: 5px 0 } .c-select-generate-model-type-popover .handle-item .item-content:last-child { margin: 0 } .queue-switch .vip-icon { height: 18px; margin-bottom: -2px; width: 18px } .refiner-switch { align-items: center; background: hsla(0, 0%, 100%, .05); display: flex; justify-content: space-between; margin-top: 5px; padding: 5px 10px !important } .refiner-slider { background: hsla(0, 0%, 100%, .05); margin-bottom: 0 !important; padding: 5px 10px 0 !important } .c-handle-jump-to-ops .image-loading[data-v-76ef24d2] { color: #fff; font-size: 20px; padding: 22px } .c-handle-jump-to-ops .h-item[data-v-76ef24d2] { background: #181b2a; border-radius: 5px; margin-bottom: 5px } .c-handle-jump-to-ops .h-item.m-item .item-head[data-v-76ef24d2], .c-handle-jump-to-ops .h-item.m-item[data-v-76ef24d2] { padding-right: 0 } .c-handle-jump-to-ops .h-item.l-item[data-v-76ef24d2] { padding-bottom: 5px } .c-handle-jump-to-ops .h-item.l-item .item-head[data-v-76ef24d2] { padding-bottom: 0 } .c-handle-jump-to-ops .h-item .item-head[data-v-76ef24d2] { align-items: center; display: flex; height: 30px; justify-content: space-between } .c-handle-jump-to-ops .h-item .item-head label[data-v-76ef24d2] { color: #4784ff; margin-right: 10px } .c-handle-jump-to-ops .h-item .item-head label .iconfont[data-v-76ef24d2], .c-handle-jump-to-ops .h-item .item-head label svg[data-v-76ef24d2] { color: #4784ff; font-size: 16px; margin-right: 5px } .c-handle-jump-to-ops .h-item .item-head i[data-v-76ef24d2] { color: #333a4f; cursor: pointer; font-size: 18px } .c-handle-jump-to-ops .h-item .item-head[data-v-76ef24d2] .el-select { flex: 1 } .c-handle-jump-to-ops .h-item .item-head[data-v-76ef24d2] .el-select .el-input__inner { background: #181b2a; border: 0; color: #70798c; font-size: 12px; text-align: right } .c-handle-jump-to-ops .h-item .lora-list[data-v-76ef24d2] { padding: 0 5px } .c-handle-jump-to-ops .h-item .lora-item[data-v-76ef24d2] { border: 1px solid #1e2030; border-radius: 5px; display: flex !important; justify-content: space-between; margin-top: 5px; padding: 5px } .c-handle-jump-to-ops .h-item .lora-item .image-box[data-v-76ef24d2] { display: flex; height: 60px; position: relative; width: 60px } .c-handle-jump-to-ops .h-item .lora-item .image-box[data-v-76ef24d2] .el-image { border-radius: 5px; height: 100%; width: 100% } .c-handle-jump-to-ops .h-item .lora-item .image-box[data-v-76ef24d2] .el-image img { height: auto; width: 100% } .c-handle-jump-to-ops .h-item .lora-item .image-box:hover .box-mask[data-v-76ef24d2] { display: block } .c-handle-jump-to-ops .h-item .lora-item .image-box .box-mask[data-v-76ef24d2] { display: none; height: 100%; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 100% } .c-handle-jump-to-ops .h-item .lora-item .image-box .box-mask i[data-v-76ef24d2] { color: #fff; cursor: pointer; font-size: 14px; margin: 0 5px; position: relative; z-index: 1 } .c-handle-jump-to-ops .h-item .lora-item .image-box .box-mask[data-v-76ef24d2]:before { background: #000; border-radius: 5px; content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .c-handle-jump-to-ops .h-item .lora-item .slider[data-v-76ef24d2] { align-items: center; display: flex; width: calc(100% - 70px) } .generate-character-repair[data-v-b5571656] { background: rgba(178, 125, 62, .06) } .generate-character-repair .item-head label[data-v-b5571656] { color: #b27d3e !important } .generate-character-repair .item-content[data-v-b5571656] .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .generate-character-repair .item-content > div[data-v-b5571656] { background: hsla(0, 0%, 100%, .05); padding: 1px 10px !important } .generate-character-repair .item-content > div label[data-v-b5571656] { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .generate-character-repair .item-content > div[data-v-b5571656] .el-textarea__inner { background: #1e252c } .generate-character-repair .item-content > div.select-item[data-v-b5571656] .el-select .el-input__inner { background: none !important } .generate-character-repair .item-content > div.seed-item[data-v-b5571656] { align-items: center; display: flex; justify-content: space-between } .generate-character-repair .item-content > div.seed-item label[data-v-b5571656] { padding: 0 } .generate-character-repair .item-content > div.seed-item[data-v-b5571656] .el-input-number { line-height: 32px; width: 70px } .generate-character-repair .item-content > div.seed-item[data-v-b5571656] .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .generate-character-repair .item-content > div.input-item .custom-input[data-v-b5571656] { padding-bottom: 5px } .handle-roop { background: rgba(178, 125, 62, .06) } .handle-roop .item-head label { color: #42afed !important } .handle-roop .item-content ::v-deep .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .handle-roop .item-content > div { background: hsla(0, 0%, 100%, .05); padding: 5px 10px } .handle-roop .item-content > div label { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .handle-roop .item-content > div ::v-deep .el-textarea__inner { background: #1e252c } .handle-roop .item-content > div.select-item ::v-deep .el-select .el-input__inner { background: none !important } .handle-roop .item-content > div.seed-item { align-items: center; display: flex; justify-content: space-between } .handle-roop .item-content > div.seed-item label { padding: 0 } .handle-roop .item-content > div.seed-item ::v-deep .el-input-number { line-height: 30px; width: 70px } .handle-roop .item-content > div.seed-item ::v-deep .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .handle-roop .item-content-image-container { display: flex; justify-content: center; padding: 0 !important; position: relative } .handle-roop .item-content-image-container:hover .image-operate-btn-box { display: flex } .handle-roop .item-content-image-container .image-upload { width: 100% } .handle-roop .item-content-image-container .el-upload { display: block } .handle-roop .item-content-image-container .el-upload-dragger { background: #181823; border: 1px dashed #6a738a; width: 100% } .handle-roop .item-content-image-container .el-upload-dragger .el-upload__text { font-size: 12px } .handle-roop .item-content-image-container .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 48px; line-height: 50px; margin: 40px 0 16px } .handle-roop .item-content-image-container .roop-target-image { max-width: 50%; width: 50% } .handle-roop .item-content-image-container .image-operate-btn-box { align-items: center; background-color: rgba(0, 0, 0, .3); display: none; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50% } .handle-roop .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon { color: #fff; cursor: pointer; font-size: 16px } .handle-roop .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon:last-child { margin-left: 20px } .handle-prompt-magic { background: rgba(125, 78, 189, .06) } .handle-prompt-magic .item-head label, .handle-prompt-magic .item-head label .iconfont, .handle-prompt-magic .item-head label svg { color: #7d4ebd !important } .handle-prompt-magic .select-item ::v-deep .el-select .el-input__inner { background: none !important } .handle-prompt-magic .select-item .lab-tag-show-type ::v-deep .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .handle-prompt-magic .select-item .lab-tag-show-type ::v-deep .el-tag { background: #2e385e; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .handle-prompt-magic .select-item .lab-tag-show-type ::v-deep .el-tag__close { background-color: #3a4e92; color: #fff } .handle-prompt-magic .select-item .lab-tag-show-type ::v-deep .el-input__inner { background: #0a0b17; border: 0; border-radius: 10px } .handle-prompt-magic .item-content ::v-deep .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .handle-prompt-magic .item-content > div { background: hsla(0, 0%, 100%, .05); padding: 5px 10px } .handle-prompt-magic .item-content > div label { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .handle-prompt-magic .item-content > div ::v-deep .el-textarea__inner { background: #1e252c } .handle-prompt-magic .item-content > div.select-item .el-select .el-input__inner { background: none !important } .handle-prompt-magic .item-content > div.seed-item { align-items: center; display: flex; justify-content: space-between } .handle-prompt-magic .item-content > div.seed-item label { padding: 0 } .handle-prompt-magic .item-content > div.seed-item ::v-deep .el-input-number { line-height: 30px; width: 70px } .handle-prompt-magic .item-content > div.seed-item ::v-deep .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .handle-prompt-magic .item-content .other-style { align-items: center; display: flex; height: 30px; justify-content: space-between } .handle-prompt-magic .item-content-image-container { display: flex; justify-content: center; padding: 0 !important; position: relative } .handle-prompt-magic .item-content-image-container:hover .image-operate-btn-box { display: flex } .handle-prompt-magic .item-content-image-container .image-upload { width: 100% } .handle-prompt-magic .item-content-image-container .el-upload { display: block } .handle-prompt-magic .item-content-image-container .el-upload-dragger { background: #181823; border: 1px dashed #6a738a; width: 100% } .handle-prompt-magic .item-content-image-container .el-upload-dragger .el-upload__text { font-size: 12px } .handle-prompt-magic .item-content-image-container .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 48px; line-height: 50px; margin: 40px 0 16px } .handle-prompt-magic .item-content-image-container .roop-target-image { max-width: 50%; width: 50% } .handle-prompt-magic .item-content-image-container .image-operate-btn-box { align-items: center; background-color: rgba(0, 0, 0, .3); display: none; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50% } .handle-prompt-magic .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon { color: #fff; cursor: pointer; font-size: 16px } .handle-prompt-magic .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon:last-child { margin-left: 20px } .handle-prompt-magic .select-item .lab-tag-show-type .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .handle-prompt-magic .select-item .lab-tag-show-type .el-tag { background: #2e385e; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .handle-prompt-magic .select-item .lab-tag-show-type .el-tag__close { background-color: #3a4e92; color: #fff } .handle-prompt-magic .select-item .lab-tag-show-type .el-input__inner { background: #0a0b17; border: 0; border-radius: 10px } .handle-h-repair[data-v-0ff96538] { background: rgba(209, 106, 168, .06) } .handle-h-repair .item-head label[data-v-0ff96538] { color: #d16aa8 !important } .handle-h-repair .item-content[data-v-0ff96538] .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .handle-h-repair .item-content > div[data-v-0ff96538] { background: hsla(0, 0%, 100%, .05); padding: 1px 10px !important } .handle-h-repair .item-content > div label[data-v-0ff96538] { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .handle-h-repair .item-content > div[data-v-0ff96538] .el-textarea__inner { background: #1e252c } .handle-h-repair .item-content > div.select-item[data-v-0ff96538] .el-select .el-input__inner { background: none !important } .handle-h-repair .item-content > div.custom-fast-btn-box[data-v-0ff96538] { display: flex; flex-direction: column; padding-bottom: 10px !important } .handle-h-repair .item-content > div.seed-item[data-v-0ff96538] { align-items: center; display: flex; justify-content: space-between } .handle-h-repair .item-content > div.seed-item label[data-v-0ff96538] { padding: 0 } .handle-h-repair .item-content > div.seed-item[data-v-0ff96538] .el-input-number { line-height: 32px; width: 70px } .handle-h-repair .item-content > div.seed-item[data-v-0ff96538] .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .handle-h-repair .fast-size-select-label[data-v-0ff96538] { margin-top: 5px } .handle-h-repair .fast-size-select[data-v-0ff96538] { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5px } .handle-h-repair .fast-size-select .fast-size-select-btn[data-v-0ff96538] { align-items: center; background: #273247; border: 1px solid #363d5a; border-radius: 4px; color: #fff; cursor: pointer; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; justify-content: center; margin-left: 5px; padding: 4px 0; width: 48px } .handle-h-repair .fast-size-select .fast-size-select-btn[data-v-0ff96538]:first-child { margin-left: 0 } .handle-h-repair .fast-size-select .fast-size-select-btn-active[data-v-0ff96538], .handle-h-repair .fast-size-select .fast-size-select-btn[data-v-0ff96538]:active, .handle-h-repair .fast-size-select .fast-size-select-btn[data-v-0ff96538]:hover { border-color: #4784ff } .handle-advance-repair[data-v-5329f147] { background: rgba(178, 125, 62, .06); padding-bottom: 5px } .handle-advance-repair .item-head label[data-v-5329f147] { color: #b27d3e !important } .handle-advance-repair .item-content[data-v-5329f147] { padding: 0 10px !important } .handle-advance-repair .item-content[data-v-5329f147] .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .handle-advance-repair .item-content > div[data-v-5329f147] { background: hsla(0, 0%, 100%, .05); padding: 1px 10px !important } .handle-advance-repair .item-content > div label[data-v-5329f147] { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .handle-advance-repair .item-content > div[data-v-5329f147] .el-textarea__inner { background: #1e252c } .handle-advance-repair .item-content > div.select-item[data-v-5329f147] .el-select .el-input__inner { background: none !important } .handle-advance-repair .item-content > div.custom-fast-btn-box[data-v-5329f147] { display: flex; flex-direction: column; padding-bottom: 10px !important } .handle-advance-repair .item-content > div.seed-item[data-v-5329f147] { align-items: center; display: flex; justify-content: space-between } .handle-advance-repair .item-content > div.seed-item label[data-v-5329f147] { padding: 0 } .handle-advance-repair .item-content > div.seed-item[data-v-5329f147] .el-input-number { line-height: 32px; width: 70px } .handle-advance-repair .item-content > div.seed-item[data-v-5329f147] .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .handle-advance-repair .item-content-spacial > div[data-v-5329f147] { margin-bottom: 0 !important } .handle-advance-repair .item-content-spacial > div[data-v-5329f147]:last-child { border-radius: 0 0 5px 5px !important; margin-bottom: 5px !important; padding-bottom: 5px !important } .handle-advance-repair .item-content-spacial .select-item[data-v-5329f147] { margin-bottom: 0 !important } .handle-advance-repair .item-content-spacial .l-item .item-head[data-v-5329f147] { padding: 0 } .handle-advance-repair .item-content-spacial .l-item .item-head label[data-v-5329f147] { color: #c0d0f1 !important } .handle-advance-repair .item-content-spacial .l-item .item-lora[data-v-5329f147] { box-sizing: border-box; display: flex; padding: 5px 0; width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora[data-v-5329f147] .el-image { align-items: flex-start; border-radius: 5px; display: flex; height: 60px; justify-content: center; min-width: 60px; width: 60px } .handle-advance-repair .item-content-spacial .l-item .item-lora[data-v-5329f147] .el-image img { height: auto; width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora .right[data-v-5329f147] { align-content: space-around; box-sizing: border-box; display: flex; flex: 1; flex-wrap: wrap; max-width: calc(100% - 60px); padding-left: 8px } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .top[data-v-5329f147] { display: flex; width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .top .name[data-v-5329f147] { color: #bec3cf; flex: 1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .top .el-icon-delete[data-v-5329f147] { color: #cbd5e1; cursor: pointer; font-size: 14px; margin-left: 5px } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] { width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] .el-slider { box-sizing: border-box; padding: 0 0 0 5px !important; position: relative; width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] .el-slider .el-input-number { height: 24px; margin: 0; position: absolute; right: 0; top: -24px; width: 46px } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] .el-slider .el-input-number .el-input { box-sizing: border-box; height: 100%; width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] .el-slider .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #cbd5e1; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 100%; padding: 5px; width: 100% } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] .el-slider .el-slider__runway { margin: 0; width: 100%; width: calc(100% - 52px) } .handle-advance-repair .item-content-spacial .l-item .item-lora .right .bottom[data-v-5329f147] .el-slider .el-slider__input { top: -13px } .handle-advance-repair .item-content-spacial .h-item-spacial[data-v-5329f147] { border-radius: 0 !important } .handle-advance-repair .item-content-spacial .h-item-spacial-border[data-v-5329f147] { border-radius: 5px 5px 0 0 !important; margin-bottom: 0 !important; padding-top: 5px !important } .handle-advance-repair .fast-size-select-label[data-v-5329f147] { margin-top: 5px } .handle-advance-repair .fast-size-select[data-v-5329f147] { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5px } .handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-5329f147] { align-items: center; background: #273247; border: 1px solid #363d5a; border-radius: 4px; color: #fff; cursor: pointer; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; justify-content: center; margin-left: 5px; padding: 4px 0; width: 48px } .handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-5329f147]:first-child { margin-left: 0 } .handle-advance-repair .fast-size-select .fast-size-select-btn-active[data-v-5329f147], .handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-5329f147]:active, .handle-advance-repair .fast-size-select .fast-size-select-btn[data-v-5329f147]:hover { border-color: #4784ff } .handle-advance-repair .other-style[data-v-5329f147] { align-items: center; display: flex; height: 30px; justify-content: space-between } .handle-face-swap { background: rgba(178, 125, 62, .06) } .handle-face-swap .item-head label { color: #42afed !important } .handle-face-swap .item-content ::v-deep .slider-item .el-input-number.is-without-controls .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1) } .handle-face-swap .item-content > div { background: hsla(0, 0%, 100%, .05); padding: 5px 10px } .handle-face-swap .item-content > div label { color: #cbd5e1; display: block; font-size: 12px; padding: 5px 0 } .handle-face-swap .item-content > div ::v-deep .el-textarea__inner { background: #1e252c } .handle-face-swap .item-content > div.select-item ::v-deep .el-select .el-input__inner { background: none !important } .handle-face-swap .item-content > div.seed-item { align-items: center; display: flex; justify-content: space-between } .handle-face-swap .item-content > div.seed-item label { padding: 0 } .handle-face-swap .item-content > div.seed-item ::v-deep .el-input-number { line-height: 30px; width: 70px } .handle-face-swap .item-content > div.seed-item ::v-deep .el-input-number .el-input .el-input__inner { background: #2a3138; border: 1px solid hsla(0, 0%, 100%, .1); height: 24px; line-height: 24px } .handle-face-swap .item-content-image-container { display: flex; justify-content: center; padding: 0 !important; position: relative } .handle-face-swap .item-content-image-container:hover .image-operate-btn-box { display: flex } .handle-face-swap .item-content-image-container .image-upload { width: 100% } .handle-face-swap .item-content-image-container .el-upload { display: block } .handle-face-swap .item-content-image-container .el-upload-dragger { background: #181823; border: 1px dashed #6a738a; width: 100% } .handle-face-swap .item-content-image-container .el-upload-dragger .el-upload__text { font-size: 12px } .handle-face-swap .item-content-image-container .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 48px; line-height: 50px; margin: 40px 0 16px } .handle-face-swap .item-content-image-container .roop-target-image { max-width: 50%; width: 50% } .handle-face-swap .item-content-image-container .image-operate-btn-box { align-items: center; background-color: rgba(0, 0, 0, .3); display: none; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50% } .handle-face-swap .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon { color: #fff; cursor: pointer; font-size: 16px } .handle-face-swap .item-content-image-container .image-operate-btn-box .image-operate-btn-box-icon:last-child { margin-left: 20px } .HandleAnimGen[data-v-10d75640] { background-color: rgba(63, 143, 255, .06); box-sizing: border-box; padding: 5px 10px; width: 100% } .HandleAnimGen .title[data-v-10d75640] { align-items: center; display: flex } .HandleAnimGen .title .iconfont[data-v-10d75640], .HandleAnimGen .title .svg-icon[data-v-10d75640] { color: #3f8fff; font-size: 14px; margin-right: 6px } .HandleAnimGen .title span[data-v-10d75640] { color: #3f8fff; font-size: 14px } .HandleAnimGen .modelBox[data-v-10d75640] { background-color: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; margin-top: 8px; padding: 8px; width: 100% } .HandleAnimGen .modelBox .modelTit[data-v-10d75640] { align-items: center; cursor: pointer; display: flex; justify-content: space-between } .HandleAnimGen .modelBox .modelTit .titTxt[data-v-10d75640] { color: #c0d0f1; font-size: 12px } .HandleAnimGen .modelBox .modelTit i[data-v-10d75640] { color: #333a4f; font-size: 18px } .HandleAnimGen .modelBox .modelTit .el-icon-circle-plus[data-v-10d75640] { position: relative } .HandleAnimGen .modelBox .modelTit .el-icon-circle-plus[data-v-10d75640]:before { position: relative; z-index: 2 } .HandleAnimGen .modelBox .modelTit .el-icon-circle-plus[data-v-10d75640]:after { background: #b4b4b4; border-radius: 50%; content: ""; height: 14px; left: 2px; position: absolute; top: 2px; width: 14px } .HandleAnimGen .modelBox .modelTit div[data-v-10d75640] { align-items: center; background-color: rgba(71, 132, 255, .2); border-radius: 4px; cursor: pointer; display: flex; padding: 4px } .HandleAnimGen .modelBox .modelTit div .iconfont[data-v-10d75640], .HandleAnimGen .modelBox .modelTit div .svg-icon[data-v-10d75640] { color: #4784ff; font-size: 15px; margin-right: 4px } .HandleAnimGen .modelBox .modelTit div span[data-v-10d75640] { color: #4784ff; font-size: 11px } .HandleAnimGen .modelBox .modelInfo[data-v-10d75640] { align-items: center; display: flex } .HandleAnimGen .modelBox .modelInfo video[data-v-10d75640] { border-radius: 8px; height: 60px; margin-right: 8px; -o-object-fit: cover; object-fit: cover; width: 60px } .HandleAnimGen .modelBox .modelInfo div[data-v-10d75640] { width: 165px } .HandleAnimGen .modelBox .modelInfo div .indModelName[data-v-10d75640] { align-items: center; display: flex; justify-content: space-between; width: 100% } .HandleAnimGen .modelBox .modelInfo div .indModelName span[data-v-10d75640] { color: #fff; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .HandleAnimGen .modelBox .modelInfo div .indModelName i[data-v-10d75640] { cursor: pointer; font-size: 14px } .HandleAnimGen .modelBox .modelInfo div .indModelName i[data-v-10d75640]:hover { color: #fff } .HandleAnimGen .modelBox .modelInfo div .item-content[data-v-10d75640] { margin-top: 5px; width: 165px } .HandleAnimGen .modelBox .modelInfo div .item-content[data-v-10d75640] .el-slider { padding-right: 0 !important } .HandleAnimGen .modelBox .modelInfo div .item-content[data-v-10d75640] .el-slider .el-slider__runway.show-input { margin-top: 12px; width: 50% } .select-item[data-v-10d75640] { align-items: center; background-color: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; display: flex; justify-content: space-between; margin-top: 8px; padding: 0 10px } .select-item label[data-v-10d75640] { color: #c0d0f1; font-size: 12px; white-space: nowrap } .select-item[data-v-10d75640] .el-select .el-input__inner { background-color: transparent; border: 0; color: #70798c; font-size: 12px; text-align: right } .modelList[data-v-10d75640] { display: flex; flex-wrap: wrap; gap: 16px } .modelList .modelItem[data-v-10d75640] { background-color: #181823; border-radius: 8px; cursor: pointer; height: 240px; overflow: hidden; position: relative; width: 240px } .modelList .modelItem video[data-v-10d75640] { border-radius: 8px; -o-object-fit: contain; object-fit: contain; width: 100% } .modelList .modelItem .modelName[data-v-10d75640] { align-items: center; background: #0f121c; border-radius: 8px; bottom: 4px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; color: #e4e8f0; display: flex; flex-direction: row; font-size: 14px; height: 38px; left: 50%; opacity: .86; padding: 5px; position: absolute; transform: translate(-50%); width: calc(100% - 8px) } .modelList .modelItemA[data-v-10d75640] { border: 1px solid #27b670 } .styleModal { background-color: #111522 !important; border-radius: 16px; margin-top: 3vh !important; max-height: 900px } .styleModal .el-dialog__title { color: #fff } .generate-handle[data-v-6513e330] { background: #131424; border-right: 1px solid #293045; box-sizing: border-box; min-width: 320px; padding: 16px 10px; position: relative; width: 18% } .generate-handle .head[data-v-6513e330] { text-align: right } .generate-handle .head i[data-v-6513e330] { background: #181a28; color: #626f8a; color: rgba(235, 235, 245, .6); cursor: pointer; display: inline-block; font-size: 20px; font-weight: 400; height: 34px; line-height: 34px; text-align: center; width: 34px } .generate-handle .head-flex[data-v-6513e330] { align-items: center; background: #181b1f; border: 1px solid #1d2227; border-radius: 10px; box-sizing: border-box; display: flex; height: 40px; justify-content: space-between; margin-bottom: 10px; overflow: hidden; overflow: visible; padding: 4px; width: calc(100% - 10px) } .generate-handle .head-flex .head-item[data-v-6513e330] { align-items: center; box-sizing: border-box; color: silver; cursor: pointer; display: inline-flex; flex: 1 0 30%; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 400; justify-content: center } .generate-handle .head-flex .head-item-active[data-v-6513e330] { background: #20242e; border-radius: 8px; box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1); color: #f1f5f9; font-weight: 700; position: relative } .generate-handle .head-flex .head-item-studio[data-v-6513e330] { position: relative } .generate-handle .head-flex .head-item-studio[data-v-6513e330]:after { align-items: center; background: /*savepage-url=/_nuxt/img/icon_hot@2x.89452a1.webp*/ url() no-repeat; background-position: 50%; background-size: contain; box-sizing: border-box; content: ""; display: flex; font-family: Inter; font-size: 12px; font-weight: 400; height: 22px; justify-content: center; left: 85%; padding-right: 8px; padding-top: 3px; position: absolute; top: -5px; transform: translateX(-50%); width: 22px } .generate-handle .head-tab-box[data-v-6513e330] { display: flex; height: 100%; width: 100% } .generate-handle .head-tab-box .head-item-badge[data-v-6513e330] { position: relative } .generate-handle .head-tab-box .head-item-badge[data-v-6513e330]:before { background: /*savepage-url=/_nuxt/img/new.4ae2c8f.png*/ url() no-repeat; background-position: 50%; background-size: contain; content: ""; height: 18px; left: 85%; position: absolute; top: -2px; transform: translateX(-50%); width: 40% } .generate-handle .handle-list[data-v-6513e330] { height: calc(100% - 55px); margin-top: 5px; overflow-x: hidden; overflow-y: auto } .generate-handle .handle-list > div[data-v-6513e330] { border-radius: 5px } .generate-handle .handle-list > div > div[data-v-6513e330]:last-child { margin-bottom: 0 } .generate-handle[data-v-6513e330] .handle-item { border-radius: 5px; margin-bottom: 20px } .generate-handle[data-v-6513e330] .handle-item .el-input__suffix { right: -5px } .generate-handle[data-v-6513e330] .handle-item .item-head { align-items: center; cursor: pointer; display: flex; height: 30px; justify-content: space-between; padding: 5px 10px } .generate-handle[data-v-6513e330] .handle-item .item-head i { cursor: pointer; font-size: 18px; transition: all .3s } .generate-handle[data-v-6513e330] .handle-item .item-head i.el-icon-circle-plus { color: #333a4f; position: relative } .generate-handle[data-v-6513e330] .handle-item .item-head i.el-icon-circle-plus:before { position: relative; z-index: 2 } .generate-handle[data-v-6513e330] .handle-item .item-head i.el-icon-circle-plus:after { background: #b4b4b4; border-radius: 50%; content: ""; height: 14px; left: 2px; position: absolute; top: 2px; width: 14px } .generate-handle[data-v-6513e330] .handle-item .item-head i.el-icon-circle-plus:hover { color: #3e465f } .generate-handle[data-v-6513e330] .handle-item .item-head i.el-icon-circle-plus:hover:after { background: #fff } .generate-handle[data-v-6513e330] .handle-item .item-head i.zoom { transform: rotate(180deg) } .generate-handle[data-v-6513e330] .handle-item .item-head label { align-items: center; cursor: pointer; display: flex; margin-right: 10px } .generate-handle[data-v-6513e330] .handle-item .item-head label .iconfont, .generate-handle[data-v-6513e330] .handle-item .item-head label svg { font-size: 16px; margin-right: 5px; vertical-align: bottom } .generate-handle[data-v-6513e330] .handle-item .item-content { padding: 0 10px 10px } .generate-handle[data-v-6513e330] .handle-item .item-content > div { border-radius: 5px; margin-bottom: 5px; padding: 0 10px } .generate-handle[data-v-6513e330] .handle-item .item-content > div label { color: #c0d0f1; font-size: 12px } .generate-handle[data-v-6513e330] .handle-item .item-content > div.select-item { align-items: center; display: flex; padding-right: 10px } .generate-handle[data-v-6513e330] .handle-item .item-content > div.select-item label { font-size: 12px } .generate-handle[data-v-6513e330] .handle-item .item-content > div.select-item .el-select { flex: 1 } .generate-handle[data-v-6513e330] .handle-item .item-content > div.select-item .el-select .el-input__suffix { align-items: center; display: flex } .generate-handle[data-v-6513e330] .handle-item .item-content > div.select-item .el-select .el-input__inner { background: transparent; border: 0; color: #70798c; font-size: 12px; height: 30px !important; line-height: 30px !important; text-align: right } .generate-handle[data-v-6513e330] .handle-item .item-content > div.radio-item { align-items: center; display: flex; height: 32px; justify-content: space-between } .generate-handle[data-v-6513e330] .handle-item .item-content > div.radio-item .el-radio { margin-right: 10px } .generate-handle[data-v-6513e330] .handle-item .item-content > div.radio-item .el-radio .el-radio__label { color: #8993a7; font-size: 12px } .generate-handle[data-v-6513e330] .handle-item .item-content > div.radio-item .el-radio.is-checked .el-radio__label { color: #409eff } .generate-handle[data-v-6513e330] .handle-item .item-content .slider-item { padding: 5px 10px } .generate-handle[data-v-6513e330] .handle-item .item-content .slider-item p { font-size: 12px } .generate-handle[data-v-6513e330] .handle-item .item-content .slider-item.slider { padding: 5px 0 } .generate-handle[data-v-6513e330] .handle-item .item-content:last-child { margin: 0 } .generate-handle[data-v-6513e330] .slider-item { flex: 1 } .generate-handle[data-v-6513e330] .slider-item p { font-size: 12px } .generate-handle[data-v-6513e330] .slider-item .el-slider__runway { height: 6px; margin: 10px 0 } .generate-handle[data-v-6513e330] .slider-item .el-slider__runway .el-slider__bar { background: #4784ff; height: 6px } .generate-handle[data-v-6513e330] .slider-item .el-slider__runway .el-slider__button-wrapper { height: 20px; top: -8px; width: 20px } .generate-handle[data-v-6513e330] .slider-item .el-slider__runway .el-slider__button-wrapper .el-slider__button { height: 12px; width: 12px } .generate-handle[data-v-6513e330] .slider-item .el-input-number.is-without-controls { line-height: 26px; width: 70px } .generate-handle[data-v-6513e330] .slider-item .el-input-number.is-without-controls .el-input__inner { height: 24px; line-height: 24px; padding: 0 } .generate-handle[data-v-6513e330] .slider-item .el-input.is-disabled .el-input__inner { background-color: #757676; border-color: #757676 } .upload-panel[data-v-71973d7a] { position: relative } .upload-panel[data-v-71973d7a] .image-upload .el-upload .el-upload-dragger { background: #181823; border: 1px dashed #6a738a; border-radius: 10px; display: flex; flex-flow: column; height: 70vh; justify-content: center; max-height: 640px; max-width: 640px; width: 70vh } .upload-panel[data-v-71973d7a] .image-upload .el-upload .el-upload-dragger i { margin: 0 0 10px } .upload-panel[data-v-71973d7a] .image-upload .el-upload .el-upload-dragger .el-upload__text { color: #cbd5e1; font-size: 12px; line-height: 20px } .upload-panel .upload-link[data-v-71973d7a] { align-items: center; bottom: 10px; color: #3b9ef6; cursor: pointer; display: flex; flex-flow: row-reverse; height: 40px; position: absolute; right: 20px; width: 90% } .upload-panel .upload-link .iconfont[data-v-71973d7a], .upload-panel .upload-link svg[data-v-71973d7a] { margin-right: 0 } .upload-panel .upload-link .link-input[data-v-71973d7a] { flex: 1; margin-bottom: 5px; margin-right: 20px } .upload-panel .upload-link .link-input[data-v-71973d7a] .el-input .el-input__inner { background: #273247; border-color: #3d4048 } .upload-panel .upload-link .link-input[data-v-71973d7a] .el-input .el-input-group__append { background: #4784ff; border-color: #409eff; color: #fff } .upload-panel .upload-link .link-input[data-v-71973d7a] .el-input .el-input-group__append .el-button { border-color: #409eff } .c-g-image-draw[data-v-2f45ba4c] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 10 } .c-g-image-draw .toolbar[data-v-2f45ba4c] { position: absolute; right: 10px; top: 10px } .c-g-image-draw .toolbar button[data-v-2f45ba4c] { margin-right: 10px } .drag-box[data-v-ea8be77a] { font-size: 0; max-height: 100%; max-width: 100%; position: relative } .drag-box img[data-v-ea8be77a] { height: 100%; position: relative; width: 100% } .drag-box .border[data-v-ea8be77a] { background: #fff; cursor: pointer; position: absolute } .drag-box .border span[data-v-ea8be77a], .drag-box .border svg[data-v-ea8be77a] { color: #fff; position: absolute } .drag-box .border span[data-v-ea8be77a] { border-bottom: 4px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; height: 0; width: 45px } .drag-box .drag-left[data-v-ea8be77a], .drag-box .drag-right[data-v-ea8be77a] { bottom: 0; top: 0; width: 2px } .drag-box .drag-left .center-btn[data-v-ea8be77a], .drag-box .drag-right .center-btn[data-v-ea8be77a] { cursor: col-resize; top: calc(50% - 10px) } .drag-box .drag-left .angle-btn[data-v-ea8be77a], .drag-box .drag-right .angle-btn[data-v-ea8be77a] { cursor: nwse-resize } .drag-box .drag-left[data-v-ea8be77a] { left: 0 } .drag-box .drag-left .center-btn[data-v-ea8be77a] { left: -29px; transform: rotate(-90deg) } .drag-box .drag-left .angle-btn[data-v-ea8be77a] { left: -2px; top: -2px; transform: rotate(270deg) } .drag-box .drag-right[data-v-ea8be77a] { right: 0 } .drag-box .drag-right .center-btn[data-v-ea8be77a] { right: -29px; transform: rotate(90deg) } .drag-box .drag-right .angle-btn[data-v-ea8be77a] { bottom: -2px; right: -2px; transform: rotate(90deg) } .drag-box .drag-bottom[data-v-ea8be77a], .drag-box .drag-top[data-v-ea8be77a] { height: 2px; left: 0; right: 0 } .drag-box .drag-bottom .center-btn[data-v-ea8be77a], .drag-box .drag-top .center-btn[data-v-ea8be77a] { cursor: row-resize; right: calc(50% - 25px) } .drag-box .drag-bottom .angle-btn[data-v-ea8be77a], .drag-box .drag-top .angle-btn[data-v-ea8be77a] { cursor: nesw-resize } .drag-box .drag-top[data-v-ea8be77a] { top: 0 } .drag-box .drag-top .center-btn[data-v-ea8be77a] { top: -3px; transform: rotate(0deg) } .drag-box .drag-top .angle-btn[data-v-ea8be77a] { right: -2px; top: -2px } .drag-box .drag-bottom[data-v-ea8be77a] { bottom: 0 } .drag-box .drag-bottom .center-btn[data-v-ea8be77a] { bottom: -3px; transform: rotate(180deg) } .drag-box .drag-bottom .angle-btn[data-v-ea8be77a] { bottom: -2px; left: -2px; transform: rotate(180deg) } .rectItem[data-v-6789ba2c] { background-color: hsla(0, 0%, 89%, .6); border: 2px dashed #000; cursor: move; position: absolute; z-index: 2 } .rectItem .clear[data-v-6789ba2c] { align-items: center; background-color: #454b50; border-radius: 100%; cursor: pointer; display: flex; height: 20px; justify-content: center; position: absolute; right: 10px; top: 10px; width: 20px } .rectItem .clear i[data-v-6789ba2c] { color: #fff; font-size: 12px; margin: 1px 0 0 1px } [data-v-5d94cbda] .c-generate-redraw-modal .el-dialog__header { display: none } [data-v-5d94cbda] .c-generate-redraw-modal .el-dialog__body { height: 100%; padding: 0; width: 100% } [data-v-5d94cbda] .c-generate-redraw-modal .v-modal { display: none } .main[data-v-5d94cbda] { background-color: #02050e; height: 100%; overflow: hidden; position: relative; width: 100% } .main[data-v-5d94cbda]:before { background-image: radial-gradient(hsla(240, 2%, 76%, .5) 1px, transparent 0); background-size: 20px 20px; bottom: 0; content: ""; left: 0; opacity: .4; position: absolute; right: 0; top: 0 } .main .disabledStyle[data-v-5d94cbda] { opacity: .5 } .main .disabledStyle .bnt[data-v-5d94cbda], .main .disabledStyle .compare[data-v-5d94cbda], .main .disabledStyle .dragIcon[data-v-5d94cbda], .main .disabledStyle .rightBnt[data-v-5d94cbda], .main .disabledStyle .toolItem[data-v-5d94cbda], .main .disabledStyle[data-v-5d94cbda] { cursor: not-allowed !important } .main .top[data-v-5d94cbda] { background-color: #06060d; border-bottom: 1px solid #2a2832; box-sizing: border-box; height: 58px; justify-content: space-between; left: 0; padding: 0 16px; position: absolute; top: 0; width: 100%; z-index: 2 } .main .top .topItem .back[data-v-5d94cbda], .main .top .topItem[data-v-5d94cbda], .main .top[data-v-5d94cbda] { align-items: center; display: flex } .main .top .topItem .back[data-v-5d94cbda] { background-color: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; height: 36px; justify-content: center; width: 36px } .main .top .topItem .back i[data-v-5d94cbda] { color: #828086; font-size: 16px } .main .top .topItem .bntBox[data-v-5d94cbda] { align-items: center; border: 1px solid #2a2832; border-radius: 5px; display: flex; justify-content: center } .main .top .topItem .bntBox .bnt[data-v-5d94cbda] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 38px } .main .top .topItem .bntBox .bnt[data-v-5d94cbda]:nth-child(2) { border-left: 1px solid #2a2832; border-right: 1px solid #2a2832 } .main .top .topItem .bntBox .bnt .iconfont[data-v-5d94cbda], .main .top .topItem .bntBox .bnt .svg-icon[data-v-5d94cbda], .main .top .topItem .bntBox .bnt i[data-v-5d94cbda] { color: #c0c0c3; font-size: 23px } .main .top .topItem .rightBnt[data-v-5d94cbda] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; display: flex; height: 36px; padding: 0 16px } .main .top .topItem .rightBnt[data-v-5d94cbda]:first-child { margin-right: 16px } .main .top .topItem .rightBnt i[data-v-5d94cbda] { color: #fefefe; font-size: 14px; margin-right: 8px } .main .top .topItem .rightBnt span[data-v-5d94cbda] { color: #fefefe; font-size: 12px } .main .start[data-v-5d94cbda] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 6px; bottom: 60px; box-shadow: 0 4px 8px 0 rgba(0, 153, 255, .2); cursor: pointer; display: flex; height: 48px; left: 50%; padding: 0 74px; position: absolute; transform: translateX(-50%); z-index: 2 } .main .start .svg-icon[data-v-5d94cbda] { color: #fff; font-size: 18px; margin-right: 10px } .main .start span[data-v-5d94cbda] { color: #fff; font-size: 14px } .main .right[data-v-5d94cbda] { align-items: center; bottom: 60px; display: flex; position: absolute; right: 65px; z-index: 2 } .main .right .dragIcon[data-v-5d94cbda] { align-items: center; background-color: #24262a; border: 1px solid #2a2832; border-radius: 5px; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px } .main .right .dragIcon i[data-v-5d94cbda] { color: #c0c0c3; font-size: 18px } .main .right .sizeBox[data-v-5d94cbda] { background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; display: flex; height: 34px; margin: 0 11px } .main .right .sizeBox .sizeBnt[data-v-5d94cbda] { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 34px } .main .right .sizeBox .sizeBnt i[data-v-5d94cbda] { color: #c0c0c3; font-size: 16px } .main .right .sizeBox .sizeNum[data-v-5d94cbda] { align-items: center; border-left: 1px solid #35383c; border-right: 1px solid #35383c; color: #c0c0c3; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 56px } .main .right .compare[data-v-5d94cbda] { align-items: center; background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; cursor: pointer; display: flex; height: 34px; padding: 0 8px } .main .right .compare i[data-v-5d94cbda] { color: #c0c0c3; font-size: 18px; margin-right: 5px } .main .right .compare span[data-v-5d94cbda] { color: #c0c0c3; font-size: 14px } .main .left[data-v-5d94cbda] { background-color: #14161a; border-radius: 10px; left: 16px; padding: 10px; position: absolute; top: 90px; z-index: 2 } .main .left .toolItem[data-v-5d94cbda] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; height: 74px; justify-content: center; min-width: 64px; position: relative } .main .left .toolItem i[data-v-5d94cbda] { color: #9fa4ac; font-size: 24px; margin-bottom: 6px } .main .left .toolItem span[data-v-5d94cbda] { color: #9fa4ac; font-size: 12px } .main .left .toolItem[data-v-5d94cbda]:last-child { margin-bottom: 0 } .main .left .activateToolItem[data-v-5d94cbda] { background-color: #26292e } .main .left .activateToolItem i[data-v-5d94cbda], .main .left .activateToolItem span[data-v-5d94cbda] { color: #fff } .main .left[data-v-5d94cbda] .lineSize { align-items: center; background-color: #24262a; border-radius: 10px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); display: flex; padding: 14px 16px; position: absolute; right: -300px; top: 0 } .main .left[data-v-5d94cbda] .lineSize span { color: #fff; font-size: 14px; margin-right: 10px } .main .left[data-v-5d94cbda] .lineSize .el-slider { width: 200px } .main .left[data-v-5d94cbda] .lineSize .el-slider .el-input-number--small { width: 76px } .main .left[data-v-5d94cbda] .lineSize .el-slider .el-input-number--small .el-input__inner { background-color: #393b41; border: none; border-radius: 8px; color: #fff } .main .left[data-v-5d94cbda] .lineSize .el-slider .show-input { margin-right: 90px } .main .draggable[data-v-5d94cbda] { background-color: #2a2832; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1 } .main .draggable img[data-v-5d94cbda] { height: 100%; width: 100% } .main .draggable .laodMsk[data-v-5d94cbda] { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .main .draggable .segment-image-draw-img-hover-mask[data-v-5d94cbda] { pointer-events: none } .main .draggable .segment-image-draw-img-hover-mask[data-v-5d94cbda], .main .draggable canvas[data-v-5d94cbda] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); left: 0; position: absolute; top: 0 } .main .draggable canvas[data-v-5d94cbda] { height: 100%; width: 100%; z-index: 1 } .main .draggable .rectCanvas[data-v-5d94cbda] { left: 0; position: absolute; top: 0; z-index: 2 } .upload-view[data-v-3dfbb939] { position: relative } .upload-view .view-box-wrapper[data-v-3dfbb939] { background: #000; height: 100%; left: 0; opacity: .8; position: fixed; top: 0; width: 100%; z-index: 9990 } .upload-view .view-box[data-v-3dfbb939] { align-items: center; border: 1px dashed #6a738a; border-radius: 10px; display: flex; height: 70vh; justify-content: center; max-height: 640px; max-width: 640px; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 70vh } .upload-view .view-box img[data-v-3dfbb939] { height: 100%; -o-object-fit: contain; object-fit: contain; position: relative; width: 100%; z-index: 2 } .upload-view .view-box .redraw-mask-image[data-v-3dfbb939] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); position: absolute; z-index: 3 } .upload-view .view-box .moblie-display-canvas[data-v-3dfbb939] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .upload-view .image-tool[data-v-3dfbb939] { display: flex; flex-flow: column; position: absolute; right: -45px; top: 3px } .upload-view .image-tool .image-tool-panel[data-v-3dfbb939] { display: inline-flex } .upload-view .image-tool .image-tool-panel span[data-v-3dfbb939] { margin-left: 12px } .upload-view .image-tool .image-tool-panel span[data-v-3dfbb939]:first-child { margin-left: 0 } .upload-view .image-tool .image-tool-panel .image-tool-icon[data-v-3dfbb939] { margin-left: 12px } .upload-view .image-tool .image-tool-panel .image-tool-icon[data-v-3dfbb939]:first-child { margin-left: 0 } .upload-view .image-tool .iconfont[data-v-3dfbb939], .upload-view .image-tool svg[data-v-3dfbb939] { background: #364156; border-radius: 3px; color: #cfd6e1; cursor: pointer; font-size: 18px; margin-bottom: 10px; padding: 7px } .upload-view .image-tool .iconfont.active[data-v-3dfbb939], .upload-view .image-tool svg.active[data-v-3dfbb939] { background-image: linear-gradient(90deg, #265ffb, #51bfee) } .upload-view .image-tool .iconfont.active[data-v-3dfbb939]:hover, .upload-view .image-tool svg.active[data-v-3dfbb939]:hover { background-image: linear-gradient(90deg, #2051d6, #46a4cc) } .upload-view .image-tool .iconfont[data-v-3dfbb939]:focus, .upload-view .image-tool svg[data-v-3dfbb939]:focus { outline: none } .upload-view .image-tool .iconfont[data-v-3dfbb939]:hover, .upload-view .image-tool svg[data-v-3dfbb939]:hover { background: #40495b } .upload-view .image-tool .delete-icon[data-v-3dfbb939] { background: #b63c3c } .upload-view .image-tool .delete-icon[data-v-3dfbb939]:hover { background: #e63030 } .view-box-image-to-image .view-box[data-v-3dfbb939] { height: 85vh; max-height: 100vh; max-width: 1344px; width: 50vw; z-index: 9991 } .view-box-image-to-image .image-tool[data-v-3dfbb939] { z-index: 9991 } .custom-tooltip[data-v-3dfbb939] { background: #364156; border-radius: 3px; padding: 0 10px } .custom-tooltip[data-v-3dfbb939] .el-slider__runway { background-color: #232c40 } .custom-tooltip[data-v-3dfbb939] .el-slider__runway .el-slider__bar { height: 4px } .custom-tooltip[data-v-3dfbb939] .el-slider__runway .el-slider__button { height: 8px; width: 8px } .checkBox[data-v-60c4e74e] { border-radius: 17px; box-sizing: border-box; cursor: pointer; height: 100%; left: 0; padding: 10px 0 0 10px; position: absolute; top: 0; width: 100%; z-index: 2 } [data-v-60c4e74e] .el-checkbox { margin-left: 5px; transform: scale(1.6) } [data-v-60c4e74e] .el-checkbox .el-checkbox__inner { background-color: #262c3a; border: 1px solid #979797 } .galleryBox .imgNum[data-v-30d6f5c8] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; padding: 3px 6px; position: absolute; right: 5px; top: 5px } .galleryBox .imgNum .iconfont[data-v-30d6f5c8], .galleryBox .imgNum .svg-icon[data-v-30d6f5c8] { font-size: 15px } .galleryBox .imgNum span[data-v-30d6f5c8] { color: #fff; font-size: 10px; margin-left: 5px } .galleryBox .infoBar[data-v-30d6f5c8] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: hsla(0, 0%, 100%, .14); background: linear-gradient(45deg, rgba(37, 38, 43, .8), rgba(37, 38, 43, 0)); border-radius: 0 0 12px 12px; bottom: 0; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 32px; justify-content: space-between; left: 0; padding: 0 8px; position: absolute; width: 100% } .galleryBox .infoBar .infoBarUser[data-v-30d6f5c8] { align-items: center; display: flex; width: 100px } .galleryBox .infoBar .infoBarUser .infoBarUserAvator[data-v-30d6f5c8] { align-items: center; background-color: #fff; border-radius: 100%; color: #000; display: flex; flex: 0 0 auto; font-size: 18px; height: 24px; justify-content: center; -o-object-fit: cover; object-fit: cover; width: 24px } .galleryBox .infoBar .infoBarUser .infoBarUserText[data-v-30d6f5c8] { color: #cbd5e1; font-size: 12px; font-weight: 400; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .galleryBox .infoBar .infoNum .numBox[data-v-30d6f5c8], .galleryBox .infoBar .infoNum[data-v-30d6f5c8] { align-items: center; display: flex } .galleryBox .infoBar .infoNum .numBox .iconfont[data-v-30d6f5c8], .galleryBox .infoBar .infoNum .numBox .svg-icon[data-v-30d6f5c8] { color: #fff; font-size: 16px } .galleryBox .infoBar .infoNum .numBox span[data-v-30d6f5c8] { color: #fff; font-size: 12px; margin-left: 6px } .modelPoint[data-v-30d6f5c8] { -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; font-size: 12px; left: 6px; padding: 6px 10px; position: absolute; top: 6px; transition: opacity .3s ease-in-out } .ellipsis-text[data-v-30d6f5c8] { color: hsla(0, 0%, 100%, .6); display: block; font-size: 12px; line-height: 15px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .modelName[data-v-30d6f5c8] { color: #fff; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 4px } .flex-center[data-v-30d6f5c8] { align-items: center; cursor: pointer; display: flex } .flex-center-image[data-v-30d6f5c8] { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, .1); border-radius: 16px; position: relative; transition: all .3s ease-in-out } .flex-center-image img[data-v-30d6f5c8] { -o-object-fit: cover; object-fit: cover } .null-data-container[data-v-30d6f5c8] { align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .null-data-container .null-image[data-v-30d6f5c8] { height: 146px; width: 146px } .null-data-container .null-tips[data-v-30d6f5c8] { color: #aaacb3; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; text-align: center; width: 100% } .no-search-data-container[data-v-30d6f5c8] { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 260px } .no-search-data-container .no-search-image[data-v-30d6f5c8] { height: 120px; width: 120px } .no-search-data-container .null-tips[data-v-30d6f5c8] { color: #aaacb3; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-top: 10px; text-align: center; width: 100% } .at-bottom[data-v-30d6f5c8] { align-items: center; bottom: -70px; display: flex; flex-wrap: nowrap; justify-content: center; position: absolute; width: 100% } .at-bottom .dashed-line[data-v-30d6f5c8] { border: 1px dashed #55617d; height: 0; width: 120px } .at-bottom .tips[data-v-30d6f5c8] { color: #55617d; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; margin: 0 16px } .waterfall-container[data-v-30d6f5c8] { height: 100%; position: relative; width: 100% } .waterfall-item[data-v-30d6f5c8] { border-radius: 12px; position: absolute; -webkit-text-decoration: none; text-decoration: none } .waterfall-item .deffBox[data-v-30d6f5c8] { align-items: center; background-color: #2c354a; border-radius: 12px; display: flex; justify-content: center; position: relative } .waterfall-item .deffBox .iconfont[data-v-30d6f5c8], .waterfall-item .deffBox:hover > .svg-icon[data-v-30d6f5c8] { opacity: 1 } .waterfall-item .deffBox .iconfont[data-v-30d6f5c8], .waterfall-item .deffBox .svg-icon[data-v-30d6f5c8] { font-size: 24px; opacity: 0; position: absolute; right: 10px; top: 10px; transition: opacity .3s ease-in-out } .waterfall-item .deffBox div[data-v-30d6f5c8]:first-child { color: #525d74; font-size: 14px } .waterfall-item .deffBox div[data-v-30d6f5c8]:nth-child(2) { align-items: center; background-color: #202636; border-radius: 2px 0 12px 0; bottom: 0; display: flex; padding: 4px; position: absolute; right: 0 } .waterfall-item .deffBox div:nth-child(2) i[data-v-30d6f5c8] { color: #505c75; font-size: 12px } .waterfall-item .deffBox div:nth-child(2) span[data-v-30d6f5c8] { color: #505c75; font-size: 12px; margin-left: 5px } .waterfall-item .timeRow[data-v-30d6f5c8] { align-items: center; color: #fff; display: flex } .waterfall-item .listCnt[data-v-30d6f5c8] { align-items: center; background-color: #1e2a3b; border-radius: 12px; display: flex; justify-content: center; position: relative } .waterfall-item .listCnt .img-content[data-v-30d6f5c8] { border-radius: 12px; overflow: hidden } .waterfall-item .listCnt .img-content img[data-v-30d6f5c8] { -o-object-fit: cover; object-fit: cover; width: 100% } .waterfall-item .listCnt .statusCnt[data-v-30d6f5c8] { background: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .waterfall-item .listCnt .statusCnt .statusZg[data-v-30d6f5c8] { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .waterfall-item .listCnt .statusCnt .statusBox[data-v-30d6f5c8] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; margin-left: -45px; margin-top: -60px; position: absolute; top: 50%; width: 120px } .waterfall-item .listCnt .statusCnt .statusBox .svg-icon[data-v-30d6f5c8] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .waterfall-item .listCnt .statusCnt .statusBox .iconfont[data-v-30d6f5c8] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .waterfall-item .listCnt .statusCnt .statusBox div[data-v-30d6f5c8] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .waterfall-item .listCnt[data-v-30d6f5c8]:hover { cursor: pointer } .waterfall-item .listCnt:hover .hover-show[data-v-30d6f5c8], .waterfall-item .listCnt:hover .waterfall-hover-photo[data-v-30d6f5c8], .waterfall-item .listCnt:hover .waterfall-hover-try[data-v-30d6f5c8] { opacity: 1 !important; transition: all .3s ease-in-out } .waterfall-item .listCnt:hover .CollectPop[data-v-30d6f5c8], .waterfall-item .listCnt:hover .cltpop[data-v-30d6f5c8] { opacity: 1 !important } .waterfall-item .listCnt:hover .modelPoint[data-v-30d6f5c8], .waterfall-item .listCnt:hover .payNum[data-v-30d6f5c8] { opacity: 0 } .waterfall-item:hover .cntImg[data-v-30d6f5c8] { transform: scale(1.15) } .waterfall-item .cntImg[data-v-30d6f5c8] { height: 100%; transition: all .3s; width: 100% } .waterfall-item .cntVideo[data-v-30d6f5c8] { height: 100%; width: 100% } .waterfall-item .workInfo[data-v-30d6f5c8] { align-items: center; display: flex; justify-content: space-between; margin-top: 8px; width: 100% } .waterfall-item .workInfo .numInfo[data-v-30d6f5c8] { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(0, 0, 0, .1); border-radius: 24px; display: flex; height: 28px; padding: 0 7px } .waterfall-item .workInfo .numInfo .numItem[data-v-30d6f5c8] { align-items: center; display: flex } .waterfall-item .workInfo .numInfo .numItem .iconfont[data-v-30d6f5c8], .waterfall-item .workInfo .numInfo .numItem .svg-icon[data-v-30d6f5c8] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .waterfall-item .workInfo .numInfo .numItem span[data-v-30d6f5c8] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .waterfall-item .CollectPop[data-v-30d6f5c8] { left: 8px; opacity: 0; position: absolute; top: 6px; z-index: 2 } .waterfall-item .cltpop[data-v-30d6f5c8] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .waterfall-item .payNum[data-v-30d6f5c8] { left: 9px; opacity: 1; position: absolute; top: 6px; transition: all .3s } .waterfall-item .green-mode-div[data-v-30d6f5c8] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; left: 0; position: absolute; top: 0; z-index: 1 } .waterfall-item .waterfall-hover-try[data-v-30d6f5c8] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; display: flex; font-size: 16px; height: 32px; justify-content: center; opacity: 0; padding: 0 10px; position: absolute; right: 8px; top: 12px; transition: opacity .3s ease-in-out; z-index: 2 } .waterfall-item .hover-show[data-v-30d6f5c8], .waterfall-item .waterfall-hover-photo[data-v-30d6f5c8] { opacity: 0 } .waterfall-item img[data-v-30d6f5c8] { border-radius: inherit; display: block; min-height: 100%; transition: transform .3s ease-out } .waterfall-item .avatorClass[data-v-30d6f5c8] { align-items: center; background-color: #6d717e; border-radius: 50%; color: #fff; display: flex; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; margin-right: 6px; text-align: center; width: 20px } .waterfall-item .shade[data-v-30d6f5c8] { bottom: 0; color: #fff; height: 160px; left: 0; line-height: 160px; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 160px } .waterfall-item .shade p[data-v-30d6f5c8] { position: relative; z-index: 2 } .waterfall-item .shade[data-v-30d6f5c8]:after { background: #0f101b; border-radius: 80px; content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .waterfall-item .activity[data-v-30d6f5c8] { align-content: flex-end; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)); bottom: 0; cursor: default; display: flex; flex-wrap: wrap; left: 0; opacity: 0; position: absolute; right: 0; top: 0 } .waterfall-item .activity[data-v-30d6f5c8]:hover { opacity: 1 } .waterfall-item .activity .top-container[data-v-30d6f5c8] { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100% } .waterfall-item .activity .top-container .name[data-v-30d6f5c8] { box-sizing: border-box; color: hsla(0, 0%, 100%, .9); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; max-width: calc(100% - 72px); overflow: hidden; padding: 0 3px 0 8px; text-overflow: ellipsis; white-space: nowrap } .waterfall-item .activity .top-container .collect-num[data-v-30d6f5c8] { align-items: center; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; flex-wrap: nowrap; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: flex-end; padding-right: 8px; width: 72px } .waterfall-item .activity .top-container .collect-num .iconfont[data-v-30d6f5c8], .waterfall-item .activity .top-container .collect-num .svg-icon[data-v-30d6f5c8] { margin-right: 3px } .waterfall-item .activity .personal-info[data-v-30d6f5c8] { box-sizing: border-box; padding: 5px 8px 10px; width: 100% } .waterfall-item .activity .personal-info .left-info[data-v-30d6f5c8], .waterfall-item .activity .personal-info[data-v-30d6f5c8] { align-items: center; display: flex; flex-wrap: nowrap } .waterfall-item .activity .personal-info .left-info .avatorClass[data-v-30d6f5c8] { height: 26px; width: 26px } .waterfall-item .activity .personal-info .left-info .ellipsis-text[data-v-30d6f5c8] { max-width: calc(100% - 32px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .waterfall-item .activity .personal-info .like-num[data-v-30d6f5c8] { align-items: center; color: #fff; cursor: pointer; display: flex; flex-wrap: nowrap; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: flex-end; margin-left: 3px; width: 65px } .waterfall-item .activity .personal-info .like-num .iconfont[data-v-30d6f5c8], .waterfall-item .activity .personal-info .like-num .svg-icon[data-v-30d6f5c8] { margin-right: 3px } .prompt-show[data-v-30d6f5c8]:after { background-color: #d8d8d8; border: 1px solid #ddd; border-radius: 5px; color: #0f101b; content: "sign up for more options"; display: none; font-size: 12px; left: 25px; line-height: 24px; padding: 2px 5px; position: absolute; text-align: center; top: 35px; transition: opacity .5s ease-in-out; width: 150px; z-index: 10 } .prompt-show[data-v-30d6f5c8]:hover:after { display: inline } .waterfall-hover-photo[data-v-30d6f5c8] { background: #0f121c; border-radius: 8px; bottom: 5px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; flex-direction: column; left: 2%; padding: 10px 12px 15px; position: absolute; transition: opacity .3s ease-in-out; width: 96%; z-index: 2 } .waterfall-hover-photo[data-v-30d6f5c8]:hover { cursor: default } .waterfall-hover-photo .hoverTop[data-v-30d6f5c8] { color: #ff3939; font-size: 12px; height: 32px } .waterfall-hover-photo .hoverTop .moreEdit[data-v-30d6f5c8], .waterfall-hover-photo .hoverTop[data-v-30d6f5c8] { align-items: center; display: flex; justify-content: space-between } .waterfall-hover-photo .hoverMiddle[data-v-30d6f5c8] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #cbd5e1; display: -webkit-box; font-size: 12px; line-height: 15px; max-height: 45px; overflow: hidden; text-overflow: ellipsis; word-break: break-word } .waterfall-hover-photo .hoverBottom[data-v-30d6f5c8] { align-items: center; color: #cbd5e1; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; justify-content: space-between; line-height: 34px; margin-top: 6px } .waterfall-hover-model[data-v-30d6f5c8] { box-sizing: border-box; color: #fff !important; display: flex; flex-direction: column; width: 100%; z-index: 3 } .waterfall-hover-model[data-v-30d6f5c8]:hover { cursor: default } .waterfall-hover-model .hoverTop[data-v-30d6f5c8] { align-items: center; display: flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-size: 12px; font-weight: 500; justify-content: space-between; padding: 8px 16px 0 } .waterfall-hover-model .hoverTop span[data-v-30d6f5c8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .waterfall-hover-model .hoverBottom[data-v-30d6f5c8] { align-items: center; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; justify-content: space-between; margin-top: 6px } .login-waterFall-btn-icon-model[data-v-30d6f5c8] { border-radius: 4px; color: hsla(0, 0%, 100%, .6); cursor: pointer } .login-waterFall-btn-icon-model[data-v-30d6f5c8], .login-waterFall-btn-icon[data-v-30d6f5c8] { align-items: center; display: flex; font-size: 20px; justify-content: center; position: relative } .login-waterFall-btn-icon[data-v-30d6f5c8] { border: 1px solid transparent; border-radius: 17px; color: #cbd5e1; margin-left: 4px; padding: 3px } .login-waterFall-btn-icon[data-v-30d6f5c8]:hover { background: #494f80; border: 1px solid #494f80; color: #fff; cursor: pointer } .login-waterFall-btn-icon[data-v-30d6f5c8]:active { background: #1e2a3b; border: 1px solid #4c5286 } .noLogin-waterFall-btn-icon[data-v-30d6f5c8], .noLogin-waterFall-collect-icon[data-v-30d6f5c8] { align-items: center; border-radius: 17px; color: #cbd5e1; display: flex; font-size: 20px; justify-content: center; margin-left: 4px; padding: 3px; position: relative } .noLogin-waterFall-btn-icon[data-v-30d6f5c8]:hover, .noLogin-waterFall-collect-icon[data-v-30d6f5c8]:hover { background: #494f80; color: #fff } .noLogin-waterFall-btn-icon[data-v-30d6f5c8]:active, .noLogin-waterFall-collect-icon[data-v-30d6f5c8]:active { background: #1e2a3b; border-color: #4c5286 } .noLogin-waterFall-btn-icon[data-v-30d6f5c8]:after { background-color: #d8d8d8; border: 1px solid #ddd; border-radius: 5px; color: #0f101b; content: "sign in for more options"; font-size: 12px; left: 25px; line-height: 24px; opacity: 0; padding: 2px 5px; position: absolute; text-align: center; top: 35px; transition: opacity .5s ease-in-out; width: 140px; z-index: 10 } .noLogin-waterFall-btn-icon[data-v-30d6f5c8]:hover:after { opacity: 1 } .fade-enter-active[data-v-30d6f5c8], .fade-leave-active[data-v-30d6f5c8] { transition: opacity .5s } .fade-enter[data-v-30d6f5c8], .fade-leave-to[data-v-30d6f5c8] { opacity: 0 } .fade-move[data-v-30d6f5c8] { transition: transform .5s } .bntitem[data-v-30d6f5c8] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-30d6f5c8] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-30d6f5c8]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-30d6f5c8]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-30d6f5c8]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-30d6f5c8]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-30d6f5c8]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-30d6f5c8]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .c-pick-work-modal .header-item-text, .c-pick-work-modal .pick-work-modal-header-item .header-item-btn { word-break: normal } .CAnimView[data-v-4c586e2a] { background: #181823; border: 1px dashed #6a738a; border-radius: 10px; cursor: pointer; height: 70vh; max-height: 640px; max-width: 640px; position: relative; width: 70vh } .CAnimView .deleteBox[data-v-4c586e2a] { align-items: center; background-color: #b63c3c; border-radius: 4px; display: flex; height: 32px; justify-content: center; position: absolute; right: -45px; top: 3px; width: 32px } .CAnimView .deleteBox .iconfont[data-v-4c586e2a], .CAnimView .deleteBox .svg-icon[data-v-4c586e2a] { color: #fff; font-size: 14px } .CAnimView .imgBox[data-v-4c586e2a] { height: 100%; overflow: hidden; width: 100% } .CAnimView .imgBox img[data-v-4c586e2a] { border-radius: 10px; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .CAnimView .cnt[data-v-4c586e2a] { align-items: center; display: flex; flex-flow: column; height: 100%; justify-content: center; width: 100% } .CAnimView .cnt i[data-v-4c586e2a] { color: #6a738a; font-size: 32px } .CAnimView .cnt span[data-v-4c586e2a] { color: #6a738a; font-size: 14px; margin-top: 24px } .PromptItem[data-v-6087fcf6] { --h: 28px; --bk: rgba(234, 236, 244, .2); --bk-desc: linear-gradient(180deg, rgba(110, 148, 210, .82), rgba(111, 153, 215, .22)); border-radius: var(--padding-2); box-shadow: 0 2px 2px rgba(51, 54, 67, .251); color: #fff; cursor: pointer; display: flex; font-size: var(--font-size-1); margin: var(--padding-1); min-height: 28px; min-height: var(--h); overflow: hidden; position: relative; transition: all .2s ease; -webkit-user-select: none; -moz-user-select: none; user-select: none } .PromptItem[data-v-6087fcf6]:hover { box-shadow: 0 3px 2px rgba(51, 54, 67, .251); transform: translateY(-1px); transition: all .2s ease-in-out } .PromptItem[data-v-6087fcf6]:active { box-shadow: 0 1px 2px rgba(51, 54, 67, .251); transform: translateY(0); transition: all .1s ease } .PromptItem.disabled[data-v-6087fcf6] { box-shadow: none; filter: saturate(.5) brightness(.8); opacity: .5 } .PromptItem.disabled[data-v-6087fcf6]:hover { transform: translateY(0) } .PromptItem .content[data-v-6087fcf6] { display: flex } .PromptItem.isEdit[data-v-6087fcf6] { -webkit-user-select: text; -moz-user-select: text; user-select: text } .PromptItem.dnd-ghost[data-v-6087fcf6] { pointer-events: none; position: fixed; transition: none; z-index: 100 } .PromptItem.dnd-org[data-v-6087fcf6] { opacity: 0; pointer-events: none; transform: none } .PromptItem.dnd-org.dict-word[data-v-6087fcf6] { opacity: .5 } .PromptItem .displayName[data-v-6087fcf6] { align-items: flex-start; color: #eaecf4; display: flex; font-family: var(--font-family); font-weight: 300; justify-items: flex-start; place-items: flex-start } .PromptItem .langName[data-v-6087fcf6] { text-shadow: 0 -1px rgba(0, 0, 0, .169) } .PromptItem .name[data-v-6087fcf6]:first-child { background: var(--bk); border-radius: var(--padding-1) 0 0 var(--padding-1) } .PromptItem .name[data-v-6087fcf6]:first-child, .PromptItem .name[data-v-6087fcf6]:last-child { display: inline-flex; padding: var(--padding-1) var(--padding-2) } .PromptItem .name[data-v-6087fcf6]:last-child { background: var(--bk-desc); border-radius: 0 var(--padding-1) var(--padding-1) 0 } .PromptItem .name[data-v-6087fcf6]:first-child:last-child { background: var(--bk); border-radius: var(--padding-1) } .PromptItem .lv[data-v-6087fcf6] { align-items: center; background: #fff; border-radius: 2px; color: #626262; display: flex; font-family: var(--font-family); font-size: 12px; font-weight: 700; margin-left: 6px; margin-top: 2px; padding: 0 6px; text-shadow: 0 1px rgba(34, 49, 86, .122) } .PromptItem .input[data-v-6087fcf6] { color: #fff; display: flex; height: 20px; margin: 0; min-width: 10px; padding: 0 } .PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots[data-v-6087fcf6] { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-pre[data-v-6087fcf6] { border-left: 4px solid #4dc178; height: 100%; left: -6px; opacity: 0; position: absolute; top: 0; width: calc(50% + 8px) } .PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-pre[data-v-6087fcf6]:hover { opacity: 1 } .PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-next[data-v-6087fcf6] { border-right: 4px solid #4dc178; height: 100%; opacity: 0; position: absolute; right: -6px; top: 0; width: calc(50% + 8px) } .PromptItem:not(.dnd-org):not(.dnd-ghost) .dnd-slots .dnd-slot-next[data-v-6087fcf6]:hover { opacity: 1 } .PromptItem .link[data-v-6087fcf6] { align-content: center; align-items: center; background: linear-gradient(#285edb, #504f94); border-radius: 280px; box-shadow: 0 2px 4px rgba(86, 82, 199, .239); box-shadow: 0 2px 2px rgba(51, 54, 67, .251); display: none; font-size: 16px; height: 24px; justify-content: center; justify-items: center; place-content: center; place-items: center; position: absolute; right: -14px; top: -14px; transition: all .2s ease; width: 24px } .PromptItem:hover .link[data-v-6087fcf6] { display: flex } .PromptItem:hover .link[data-v-6087fcf6]:hover { transform: scale(1.1) } .dnd-ing .dnd-slots[data-v-6087fcf6] { display: flex !important } .dnd-ing .PromptItem[data-v-6087fcf6]:hover { transform: none } .PromptItem.subType-normal[data-v-6087fcf6] { --bk: rgba(234, 236, 244, .2); --bk-desc: linear-gradient(180deg, rgba(110, 148, 210, .82), rgba(111, 153, 215, .22)) } .PromptItem.subType-quality[data-v-6087fcf6] { --bk: rgba(234, 236, 244, .2); --bk-desc: linear-gradient(180deg, #12a096, #0d6e69) } .PromptItem.subType-command[data-v-6087fcf6] { --bk: linear-gradient(#584589, #7774a0); --bk-desc: linear-gradient(#8d79c0, #7a78dc) } .PromptItem.subType-style[data-v-6087fcf6] { --bk: #5243aa; --bk-desc: linear-gradient(180deg, #7e6edd, #5243aa) } .PromptItem.subType-eg[data-v-6087fcf6] { --bk: linear-gradient(#844444, #7c6c6c); --bk-desc: linear-gradient(#da4927, #c78a6e) } .AddButton[data-v-e91cf4fc] { align-content: center; align-items: center; border-radius: var(--padding-1); display: inline-flex; height: 28px; justify-content: center; margin: 4px; padding: 0; place-content: center; width: 28px } .PromptList.promptList-type-normal[data-v-feeb6e82] { background: linear-gradient(90deg, rgba(35, 86, 173, .1), rgba(36, 82, 180, .1)); border-left: 4px solid #2445b4; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5) } .PromptList.promptList-type-style[data-v-feeb6e82] { background: linear-gradient(90deg, rgba(93, 35, 173, .1), rgba(104, 36, 180, .1)); border-left: 4px solid #885bbb; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5) } .PromptList.promptList-type-quality[data-v-feeb6e82] { background: linear-gradient(90deg, rgba(67, 178, 158, .1), rgba(36, 181, 156, .06)) } .PromptList.promptList-type-command[data-v-feeb6e82], .PromptList.promptList-type-quality[data-v-feeb6e82] { border-left: 4px solid #43b29e; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5) } .PromptList.promptList-type-command[data-v-feeb6e82], .PromptList.promptList-type-eg[data-v-feeb6e82] { background: linear-gradient(90deg, rgba(36, 178, 153, .22), rgba(36, 181, 156, .06)) } .PromptList.promptList-type-eg[data-v-feeb6e82] { border-left: 4px solid #43b29e; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5) } .PromptMenu { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(0, 0, 0, .812); border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, .31), 0 8px 8px rgba(0, 0, 0, .078); display: flex; flex-direction: column; max-width: 200px; overflow: hidden; position: fixed; width: 170px; z-index: 100 } .PromptMenu .button-list { border-top: 1px solid #5a5a5a; display: flex; flex-direction: column } .PromptMenu .prompt-menu-btn { --bk-color: transparent; align-content: flex-start; align-items: center; color: #bcbece; display: flex; justify-content: flex-start; justify-items: center; place-content: flex-start; place-items: center; text-shadow: none } .PromptMenu .prompt-menu-btn .iconify { font-size: 1.2em; margin-right: 10px } .PromptMenu .prompt-menu-btn:hover { --bk-color: rgba(202, 194, 255, .149); color: hsla(0, 0%, 100%, .91) } .PromptMenu .prompt-menu-btn:active { --bk-color: rgba(0, 0, 0, .141); color: hsla(0, 2%, 53%, .91) } .PromptMenu-ghost { height: 100%; left: 0; position: fixed; top: 0; width: 100% } .PromptEditor .PromptWork { --margin-left: 80px; box-sizing: border-box; display: flex; margin-bottom: 80px; max-height: 99vh; overflow-x: hidden; overflow-y: auto; padding: var(--padding-4) 0 } .PromptEditor .PromptWork .PromptGroup .PromptGroupTitle { color: #505050; font-family: var(--font-family); font-size: var(--font-size-05); margin-bottom: 8px; margin-left: calc(10px + var(--margin-left)); margin-top: 8px } .PromptEditor .PromptWork .PromptGroup .PromptGroupTitle .name { align-items: center; background: #e6e6e6; border-radius: 3px; color: hsla(225, 6%, 49%, .639); display: inline-flex; padding: var(--padding-1) var(--padding-2); text-shadow: 0 1px hsla(0, 0%, 100%, .49) } .PromptEditor .PromptWork .PromptGroup .PromptGroupTitle .name .groupLv { align-items: center; background: hsla(0, 0%, 77%, .561); border-radius: 2px; color: #736c81; display: inline-flex; margin-left: .5em; padding: .1em .5em } .PromptEditor .PromptWork .PromptGroup .PromptGroupTitle .name input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; color: hsla(225, 6%, 49%, .639); font-size: var(--font-size-05); min-width: 10px; padding: 1px 2px; text-shadow: 0 1px hsla(0, 0%, 100%, .49); width: 36px } .PromptEditor .PromptWork .PromptList { display: flex; flex-direction: column; margin: 0 0 25px 16px; padding: 10px 25px } .PromptEditor .PromptWork .PromptList > .list { align-items: flex-end; display: flex; flex-wrap: wrap; margin-top: 10px; min-height: 36px; padding-right: 28px; position: relative; width: 100% } .PromptEditor .PromptWork .PromptList > .list .add-btn { background: rgba(173, 216, 230, .271); border-radius: 50%; color: #fff; cursor: pointer; height: 28px; margin: var(--padding-1); width: 28px } .PromptEditor .PromptWork .PromptList > .name-bar { align-content: flex-start; color: #9a9a9a; display: flex; flex: none; font-size: var(--font-size-1); justify-content: flex-start; margin: var(--padding-1); padding-right: var(--padding-2); padding-top: 0; place-content: flex-start; text-align: right; width: 55px } .PromptEditor .PromptWork .PromptList > .name-bar .name { background: transparent; overflow: hidden; padding-top: var(--padding-2); white-space: nowrap } .PromptEditor .PromptWork .PromptList .AddButton { position: absolute; right: 0; top: 0 } .PromptEditor .PromptWork .PromptList:hover .AddButton { display: inline-flex } .PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name { width: 5px } .PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name .content { display: none } .PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-normal { background: #cecece } .PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-style { background: #9ec9c6 } .PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-quality { background: #939bbd } .PromptEditor .PromptWork .hasGroup .PromptList .name-bar .name.type-command { background: #d6d3ec } .PromptEditor .PromptWork .hasGroup .PromptList:nth-of-type(2) .name-bar .name { border-radius: 4px 4px 0 0; margin-top: 4px } .PromptEditor .PromptWork .hasGroup .PromptList:last-of-type .name-bar .name { border-radius: 0 0 4px 4px; margin-bottom: 4px } .PromptEditor .PromptWork .hasGroup .PromptList:last-of-type:nth-of-type(2) .name-bar .name { border-radius: 4px; margin-bottom: 4px; margin-top: 4px } .PromptEditor .PromptWork .AddArea { display: flex; flex: none; flex-direction: column; margin-left: 20px; width: 414px } .PromptEditor .PromptWork .AddArea .c-select-generate-model-type { margin-bottom: 10px } .PromptEditor .PromptWork .AddArea .c-select-generate-model-type .h-item.m-item { padding: 0 16px } .PromptEditor .PromptWork .AddArea .c-select-generate-model-type .h-item.m-item .item-head { height: 40px } .PromptEditor .PromptWork .AddArea .c-select-generate-model-type .h-item.m-item .item-head .el-input__inner { background: transparent } .PromptEditor .PromptWork .AddArea > * { transition: all .2s ease } .PromptEditor .PromptWork .AddArea .cover-area { background: rgba(107, 112, 137, .051); border-radius: var(--padding-3); display: flex; flex-direction: column; margin-bottom: 15px; padding: 16px } .PromptEditor .PromptWork .AddArea .output { word-wrap: break-word; box-shadow: 0 2px 2px 0 rgba(36, 36, 36, .89), 0 4px 4px rgba(36, 36, 36, .09); color: #10da92; font-family: var(--font-family); font-size: var(--font-size-1); min-height: 30vh; padding: var(--padding-2); position: relative; white-space: normal; z-index: 2 } .PromptEditor .PromptWork .AddArea .output .pl { color: #7a8b7e } .PromptEditor .PromptWork .AddArea .options { align-items: flex-start; display: flex; flex: auto; flex-direction: column; gap: 6px; margin-top: 12px } .PromptEditor .PromptWork .AddArea .options .line { display: flex; gap: 6px; width: 100% } .PromptEditor .PromptWork .AddArea .options button { align-items: center; background: hsla(0, 0%, 100%, .051); color: hsla(0, 0%, 100%, .8); display: inline-flex; flex-grow: 1; justify-content: center; padding: 6px 12px } .PromptEditor .PromptWork .AddArea .options button .svg-icon { font-size: 23px } .PromptEditor .PromptWork .AddArea .options button:hover { background: hsla(0, 2%, 74%, .169) } .PromptEditor .PromptWork .AddArea .options button:active { background: hsla(0, 0%, 84%, .251) } .PromptEditor .PromptWork .AddArea .options button.icon { padding: 6px 9px } .PromptEditor .PromptWork .AddArea .options .line-generate-btn { background: linear-gradient(90deg, #245cfb, #52c2ed); border-radius: 3px } .PromptEditor .PromptWork .AddArea .options .line-generate-btn:active, .PromptEditor .PromptWork .AddArea .options .line-generate-btn:hover { background: linear-gradient(90deg, #245cfb, #52c2ed) } .PromptEditor .PromptWork .AddArea .options .button-group { align-items: center; background: #e9e9e9; border-radius: 4px; display: flex; font-size: var(--font-size-1); gap: 4px; height: 2.3em; padding: 0 4px } .PromptEditor .PromptWork .AddArea .options .button-group button { height: 1.8em; padding: 4px; width: 1.8em } .PromptEditor .PromptWork .AddArea .options .button-group button .iconify { font-size: var(--font-size-2); margin-right: 0 } .PromptEditor .PromptWork .AddArea .options .button-group button.disabled { opacity: .4; pointer-events: none } .PromptEditor .PromptWork .AddArea .options .parser-select { margin-left: auto; width: 150px } .PromptEditor .PromptWork .AddArea .options .more-options { margin-top: auto } .PromptEditor .PromptWork .AddArea .options .more-options .parser-select { margin-left: auto; padding-right: 35px; width: auto } .PromptEditor .PromptWork .main { flex-grow: 1; max-width: calc(100vw - 750px); min-width: 280px; width: 20vw } @media screen and (max-width: 1441px) { .PromptEditor .PromptWork .output { min-height: 24vh } .PromptEditor .PromptWork .input .el-textarea__inner { height: 24vh } } @media (max-width: 1215px) { .PromptEditor .PromptWork .AddArea { flex-grow: 1; max-width: 414px; min-width: 300px; width: 27vw } .PromptEditor .PromptWork .main { padding-right: 100px } } @media (max-width: 860px) { .PromptEditor .PromptWork { flex-wrap: wrap-reverse } .PromptEditor .PromptWork .main { max-width: calc(100vw - 300px) } } .PromptEditor .PromptWork .WorkInfoArea { display: flex; flex-direction: column; margin-bottom: 8px } .PromptEditor .PromptWork .WorkInfoArea .WorkName { display: flex; margin-bottom: 4px; margin-left: -4px } .PromptEditor .PromptWork .WorkInfoArea .WorkName input { background: transparent; border: none; border-radius: 3px; color: #d5d7e3; flex: none; font-family: var(--font-family); font-size: var(--font-size-2); font-weight: 600; width: calc(100% - 6px) } .PromptEditor .PromptWork .WorkInfoArea .WorkName input:focus-visible { box-shadow: 0 0 0 2px #b6b3b3; outline: none } .PromptEditor .PromptWork .output, .PromptEditor .PromptWork textarea { background: #2c2f41; border: none; border-radius: var(--padding-3); color: #fff; font-family: var(--font-family); font-size: var(--font-size-1); padding: var(--padding-2); resize: none; word-break: break-all } .PromptEditor .PromptWork .output:focus, .PromptEditor .PromptWork .output:focus-visible, .PromptEditor .PromptWork textarea:focus, .PromptEditor .PromptWork textarea:focus-visible { box-shadow: 0 0 0 1px hsla(0, 0%, 72%, .5); outline: none } .PromptEditor .PromptWork.isPNGExporting .PromptItem.disabled { display: none } .PromptEditor { flex-grow: 1; position: relative } .PromptEditor .debug { margin-top: 200px } .PromptEditor .operate-tool { display: flex; gap: 6px; margin: 20px } .PromptEditor .operate-tool .checkbox { margin-left: 32px } .PromptEditor .operate-tool .server-select { align-items: center; color: #5a5a5a; display: flex; font-size: var(--font-size-1); justify-items: center; margin-left: auto; place-items: center } .PromptEditor .operate-tool .server-select .iconify { font-size: 1.2em; margin-right: .25em } .PromptEditor .operate-tool .server-select select { width: 130px } .PromptEditor .回血-box { bottom: -93px; left: 18px; position: absolute } .PromptEditor .回血-box img { height: 52px } .PromptDict { display: flex; flex-direction: column; overflow: hidden; padding: 0 20px } .PromptDict .dir-buttons { border-radius: 4px; display: flex; flex: none; flex-wrap: wrap; height: auto; margin: 0 4px 12px; overflow: hidden; padding: 0; place-content: center } .PromptDict .dir-buttons, .PromptDict .dir-buttons button { align-content: center; justify-content: center; white-space: nowrap; width: auto } .PromptDict .dir-buttons button { background: transparent; border-radius: 0; color: hsla(0, 0%, 100%, .7); flex: auto; place-content: center } .PromptDict .dir-buttons button.active { border-bottom: 1px solid #fff; color: #fff; text-shadow: 0 1px 1px #313458 } .PromptDict .active-dir { height: auto; overflow-y: scroll } .PromptDict .active-dir .sub-dir > .name { color: hsla(0, 0%, 100%, .3); cursor: pointer; font-size: 14px; font-weight: 700; padding: 12px 0; text-shadow: 0 1px hsla(0, 0%, 100%, .49); -webkit-user-select: none; -moz-user-select: none; user-select: none } .PromptDict .active-dir .sub-dir > .name > .title { padding-left: 6px } .PromptDict .active-dir .sub-dir > .name > .len { align-content: center; background: #e6e6e6; border-radius: 4px; color: #3a3a3a; display: inline-flex; font-family: var(--font-family); font-size: 12px; font-weight: 400; justify-content: center; margin-left: 4px; padding: 1px 8px; place-content: center; text-align: center } .PromptDict .active-dir .sub-dir > .name::marker { color: hsla(0, 0%, 49%, .5) } .PromptDict .active-dir .list { display: flex; flex-wrap: wrap } .PromptDict .notion-settings .notion-me { font-size: 13px; height: 32px; position: absolute; right: 57px; top: 14px; z-index: 222 } .PromptDict .notion-settings .notion-config { background: #fff; border-radius: 4px; box-shadow: -2px 0 64px rgba(6, 5, 73, .122); height: auto; opacity: 0; padding: 49px 20px 20px; pointer-events: none; position: absolute; right: 54px; top: 11px; transition: all .2s ease; width: 420px; z-index: 100 } .PromptDict .notion-settings .notion-config .line:not(:last-child) { margin-bottom: 8px } .PromptDict .notion-settings .notion-config .help { align-items: center; color: #4b4894; display: flex; justify-items: center; place-items: center; position: absolute; top: 12px } .PromptDict .notion-settings .notion-config .help .iconify { margin-right: 4px } .PromptDict .notion-settings .notion-config .help a { font-weight: 700 } .PromptDict .notion-settings .notion-config a { color: #4b4894; font-size: 13px; -webkit-text-decoration: none; text-decoration: none } .PromptDict .notion-settings .notion-config a:hover { color: #4545b2; -webkit-text-decoration: underline; text-decoration: underline } .PromptDict .notion-settings .notion-config label { align-content: flex-end; color: #5a5a5a; display: inline-flex; font-size: 13px; justify-content: flex-end; margin-right: 12px; place-content: flex-end; white-space: nowrap; width: 140px } .PromptDict .notion-settings .notion-config input { background: hsla(0, 0%, 91%, .459); flex: auto; width: auto } .PromptDict .notion-settings .notion-config .full { align-content: center; flex: auto; justify-content: center; place-content: center; width: auto } .PromptDict .notion-settings .notion-config .line { align-content: flex-start; align-items: center; display: flex; justify-content: flex-start; justify-items: center; place-content: flex-start; place-items: center } .PromptDict .notion-settings .notion-config .line.checkbox input { flex: none } .PromptDict .notion-settings .notion-config .desc { color: #c9c9c9; flex: auto; font-size: 13px; text-align: right } .PromptDict .notion-settings .notion-config .buttons { align-content: center; justify-content: center; place-content: center } .PromptDict .notion-settings .notion-config .buttons button.disabled { opacity: .5; pointer-events: none } .PromptDict .notion-settings .notion-config:hover, .PromptDict .notion-settings.isHoverButton:hover .notion-config { opacity: 1; pointer-events: auto; transition: all .2s ease } .OPSIndexPage { align-self: flex-start; display: flex; height: 100%; width: 100% } .OPSIndexPage > nav { align-items: center; display: flex; justify-items: center; padding: 0; place-items: center; width: 0 } .OPSIndexPage > nav .logo { align-content: flex-start; color: #9f9f9f; display: flex; font-family: var(--font-family); font-weight: 200; justify-content: flex-start; place-content: flex-start; place-items: center; -webkit-text-decoration: none; text-decoration: none } .OPSIndexPage > nav .icon-link, .OPSIndexPage > nav .logo { align-items: center; justify-items: center; text-shadow: 0 1px 1px #fff } .OPSIndexPage > nav .icon-link { color: #888686; display: flex; font-size: 18px; margin-left: 6px; place-items: center } .OPSIndexPage > nav .dict-button-box { align-items: center; color: #6161b7; cursor: pointer; display: flex; font-size: 14px; justify-items: center; margin-left: auto; margin-right: 40px; place-items: center; text-shadow: 0 1px 1px #fff } .OPSIndexPage > nav .dict-button { background: transparent; color: #6161b7; font-size: 30px; height: auto; margin-left: 6px; position: fixed; right: 20px; top: 14px; z-index: 50 } .OPSIndexPage > nav .dict-button .iconfont { font-size: 30pxs } .OPSIndexPage > footer { border-top: 1px solid #d7d7d7; box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .922); padding-bottom: 20px; padding-right: 20px; padding-top: 32px } .OPSIndexPage > footer, .OPSIndexPage > footer a { align-content: flex-end; align-items: center; display: flex; justify-content: flex-end; justify-items: center; place-content: flex-end; place-items: center } .OPSIndexPage > footer a { color: #4b4a4a; font-family: var(--font-family); font-size: 13px; -webkit-text-decoration: none; text-decoration: none } .OPSIndexPage > footer a img { height: 21px; margin-left: 6px } .OPSIndexPage > footer a .icon, .OPSIndexPage > footer a:not(:last-child) { margin-right: .5em } .OPSIndexPage > .PromptDictPad { backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px); background: transparent; box-shadow: -2px 0 2px rgba(38, 37, 37, .071), -2px 0 12px rgba(38, 37, 37, .129), -2px 0 64px rgba(6, 5, 73, .122); display: flex; flex-direction: column; flex-grow: 1; height: 100vh; right: 0; top: 0; width: 20vw; z-index: 100 } @media (max-width: 1215px) { .OPSIndexPage > .PromptDictPad { min-width: 500px; position: fixed } } .OPSIndexPage > .PromptDictPad > .title { align-items: center; color: #6161b7; display: flex; font-size: 14px; font-weight: 700; justify-items: center; padding: 14px 20px; place-items: center; text-shadow: 0 1px 1px #fff } .OPSIndexPage > .PromptDictPad > .title > .iconify { color: #6161b7; filter: drop-shadow(0 1px 1px #ffffff); font-size: 22px; margin-right: 8px } .OPSIndexPage > .PromptDictPad > .title > .close-button { margin-left: auto } .OPSIndexPage > .PromptDictPad > .title .github-dict { align-items: center; color: #7a78dc; display: flex; font-weight: 400; justify-items: center; margin-left: 12px; place-items: center; -webkit-text-decoration: none; text-decoration: none } .OPSIndexPage > .PromptDictPad > .title .github-dict:hover { -webkit-text-decoration: underline; text-decoration: underline } .OPSIndexPage > .PromptDictPad > .title .github-dict .iconify { margin-right: 4px } .OPSIndexPage select { --bk-color: #e9e9e9; -moz-appearance: none; appearance: none; -webkit-appearance: none; background: #e9e9e9; background: var(--bk-color); background: url("data:image/svg+xml;utf8,") no-repeat; background-color: #e9e9e9; background-color: var(--bk-color); background-position: calc(100% - 14px) 14px; background-size: 9px; border: none; border-radius: 4px; color: #484644; cursor: pointer; font-size: var(--font-size-1); padding: 6px 10px; text-shadow: 0 1px 1px hsla(0, 0%, 100%, .161); transition: all .15s ease } .OPSIndexPage select:hover { --bk-color: #e0e0e0 } .OPSIndexPage select:active { --bk-color: #d7d7d7 } .OPSIndexPage select :before { content: "dd" } .OPSIndexPage select:focus-visible { box-shadow: 0 0 0 2px #b6b3b3; outline: none } .OPSIndexPage button { --bk-color: #e9e9e9; align-items: center; background: #e9e9e9; background: var(--bk-color); border: none; border-radius: 3px; color: #484644; cursor: pointer; display: flex; font-size: var(--font-size-1); height: 2.3em; justify-items: center; padding: var(--padding-2) var(--padding-3); place-items: center; text-shadow: 0 1px 1px hsla(0, 0%, 100%, .161); transition: all .15s ease } .OPSIndexPage button:hover { --bk-color: #e0e0e0 } .OPSIndexPage button:active { --bk-color: #d7d7d7 } .OPSIndexPage button:focus-visible { box-shadow: 0 0 0 2px #b6b3b3; outline: none } .OPSIndexPage button .iconify { font-size: 1.2em; margin-right: 10px } .OPSIndexPage button.icon { align-content: center; align-items: center; height: 2.3em; justify-content: center; justify-items: center; padding: 0; place-content: center; place-items: center; width: 2.3em } .OPSIndexPage button.icon .iconify { margin-right: 0 } .OPSIndexPage .input, .OPSIndexPage input { background: transparent; border: none; border-radius: 3px; color: #5f5c5c; flex: none; font-family: var(--font-family); font-size: var(--font-size-1) } .OPSIndexPage .input:focus-visible, .OPSIndexPage input:focus-visible { box-shadow: 0 0 0 2px #b6b3b3; outline: none } .OPSIndexPage .checkbox { align-items: center; color: #5f5c5c; display: flex; font-size: var(--font-size-1); justify-items: center; place-items: center; -webkit-user-select: none; -moz-user-select: none; user-select: none } .OPSIndexPage .checkbox input { margin-right: 6px } .change-work-tab[data-v-232979e4] { display: flex; max-width: 640px; padding-bottom: 10px; width: 70vh } .change-work-tab .tab-item[data-v-232979e4] { background: rgba(48, 59, 81, .2); border-radius: 5px; color: #4f5b72; cursor: pointer; height: 40px; line-height: 40px; margin-right: 10px; padding: 0 15px; position: relative; text-align: center } .change-work-tab .tab-item.active[data-v-232979e4], .change-work-tab .tab-item[data-v-232979e4]:hover { color: #fff } .change-work-tab .tab-item:hover .close-icon[data-v-232979e4] { display: block } .change-work-tab .tab-item .close-icon[data-v-232979e4] { background: rgba(48, 59, 81, .4); border-radius: 8px; display: none; font-size: 12px; height: 16px; line-height: 16px; position: absolute; right: -5px; top: -3px; transform: rotate(45deg); width: 16px } .work-body[data-v-034fb621] { align-items: center; display: flex; flex-flow: column; height: 100%; justify-content: center; width: 100% } .work-body .generate-btn[data-v-034fb621] { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 5px; color: #f2f5fa; cursor: pointer; font-size: 18px; font-weight: 700; height: 44px; margin-left: 10px; margin-top: 30px } .work-body .generate-btn span[data-v-034fb621] { font-size: 16px; font-weight: 400 } .work-body .read-btn[data-v-034fb621] { background: #262734; border-radius: 5px; color: #fff; margin-top: 15px; padding: 10px 15px } .work-body .read-btn > div[data-v-034fb621] { margin-left: 20px } .work-body .analysis-btn[data-v-034fb621], .work-body .redrawing-btn[data-v-034fb621] { background: #364156; border-color: #364156; border-radius: 5px; color: #fff; margin-top: 1vh } .work-body .analysis-btn[data-v-034fb621]:hover, .work-body .redrawing-btn[data-v-034fb621]:hover { background: #252e40; border-color: #252e40 } .landing-page-header[data-v-0c09dae5] { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: #0c0c0c; box-sizing: border-box; height: 80px; justify-content: space-between; padding: 0 27px; width: 100% } .landing-page-header .left-container[data-v-0c09dae5], .landing-page-header[data-v-0c09dae5] { align-items: center; display: flex } .landing-page-header .left-container .logo[data-v-0c09dae5] { height: 35px; margin-bottom: 3px; width: 35px } .landing-page-header .left-container .slogan[data-v-0c09dae5] { color: #fff; font-family: Sora-SemiBold, Sora; font-size: 24px; font-weight: 600; margin: 0 3px 0 8px } .landing-page-header .left-container .ai[data-v-0c09dae5] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #4093ff, #22feff); -webkit-background-clip: text; font-family: Sora-SemiBold, Sora; font-size: 24px; font-weight: 600 } .landing-page-header .right-container .chat-app[data-v-0c09dae5], .landing-page-header .right-container[data-v-0c09dae5] { align-items: center; display: flex; justify-content: center } .landing-page-header .right-container .chat-app[data-v-0c09dae5] { cursor: pointer; height: 40px } .landing-page-header .right-container .chat-app .svg-icon[data-v-0c09dae5] { height: 28px; width: 28px } .landing-page-header .right-container .chat-app .words[data-v-0c09dae5] { color: #fff; font-family: Roboto; font-size: 14px; font-weight: 600; margin-left: 5px } .landing-page-header .right-container .discord[data-v-0c09dae5] { align-items: center; cursor: pointer; display: flex; height: 40px; justify-content: center } .landing-page-header .right-container .discord .discord-icon[data-v-0c09dae5] { height: 24px; width: 24px } .landing-page-header .right-container .discord .words[data-v-0c09dae5] { color: #fff; font-family: Roboto; font-size: 14px; font-weight: 600; margin-left: 5px } .landing-page-header .right-container .enterprise[data-v-0c09dae5] { align-items: center; color: #fff; cursor: pointer; display: flex; font-family: Roboto; font-size: 14px; font-weight: 600; height: 40px; justify-content: center; margin-left: 25px } .landing-page-header .right-container .sign-up[data-v-0c09dae5] { background: #393c44; color: #f5f5f5; margin-left: 30px } .landing-page-header .right-container .log-in[data-v-0c09dae5], .landing-page-header .right-container .sign-up[data-v-0c09dae5] { border: 0; border-radius: 24px; box-sizing: border-box; font-family: Roboto; font-size: 14px; font-weight: 600; height: 40px; min-width: 72px; padding: 0 12px } .landing-page-header .right-container .log-in[data-v-0c09dae5] { background: linear-gradient(90deg, #4093ff, #22feff); color: #fff; margin-left: 10px } .recharge-banner[data-v-1532cd35] { align-items: center; background: linear-gradient(90deg, #111, #615b52 49%, #111); display: flex; height: 40px; justify-content: center; position: relative; width: 100%; z-index: 10 } .recharge-banner[data-v-1532cd35]:after, .recharge-banner[data-v-1532cd35]:before { border-bottom: 1px solid #716858; content: ""; height: 0; width: 60px } .recharge-banner .content[data-v-1532cd35] { align-items: center; display: flex; justify-content: center; padding: 0 10px } .recharge-banner .content p[data-v-1532cd35] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #fff2e6, #f8c49c); -webkit-background-clip: text } .recharge-banner .content[data-v-1532cd35]:after, .recharge-banner .content[data-v-1532cd35]:before { color: #716858; content: "·"; font-size: 30px; width: 20px } .recharge-banner .content[data-v-1532cd35]:after { text-align: right } .recharge-banner .content .sub-btn[data-v-1532cd35] { align-items: center; background: linear-gradient(90deg, #ffecda, #f8c9a5); border-radius: 16px; color: #261a05; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; gap: 6px; height: 28px; margin-left: 15px; padding: 0 10px } .recharge-banner .content .sub-btn .iconfont[data-v-1532cd35], .recharge-banner .content .sub-btn svg[data-v-1532cd35] { font-size: 20px } .recharge-banner .icon-close[data-v-1532cd35], .recharge-banner > svg[data-v-1532cd35] { color: #3c3a36; cursor: pointer; font-size: 14px; position: absolute; right: 20px; top: 13px } .pacman[data-v-57e5ef64] { position: relative } .pacman > div[data-v-57e5ef64]:nth-child(2) { animation: pacman-balls-57e5ef64 1s linear 0s infinite } .pacman > div[data-v-57e5ef64]:nth-child(3) { animation: pacman-balls-57e5ef64 1s linear .33s infinite } .pacman > div[data-v-57e5ef64]:nth-child(4) { animation: pacman-balls-57e5ef64 1s linear .66s infinite } .pacman > div[data-v-57e5ef64]:nth-child(5) { animation: pacman-balls-57e5ef64 1s linear .99s infinite } .pacman > div[data-v-57e5ef64]:first-of-type { animation: rotate_pacman_half_up-57e5ef64 .5s 0s infinite } .pacman > div[data-v-57e5ef64]:first-of-type, .pacman > div[data-v-57e5ef64]:nth-child(2) { border: 15px solid #fff; border-radius: 15px; border-right-color: transparent; height: 0; width: 0 } .pacman > div[data-v-57e5ef64]:nth-child(2) { animation: rotate_pacman_half_down-57e5ef64 .5s 0s infinite; margin-top: -30px } .pacman > div[data-v-57e5ef64]:nth-child(3), .pacman > div[data-v-57e5ef64]:nth-child(4), .pacman > div[data-v-57e5ef64]:nth-child(5), .pacman > div[data-v-57e5ef64]:nth-child(6) { background-color: #fff; border-radius: 100%; height: 8px; left: 100px; margin: 2px; position: absolute; top: 15px; transform: translateY(-6.25px); width: 8px } @keyframes rotate_pacman_half_up-57e5ef64 { 0% { transform: rotate(270deg) } 50% { transform: rotate(1turn) } to { transform: rotate(270deg) } } @keyframes rotate_pacman_half_down-57e5ef64 { 0% { transform: rotate(90deg) } 50% { transform: rotate(0deg) } to { transform: rotate(90deg) } } @keyframes pacman-balls-57e5ef64 { 75% { opacity: .7 } to { transform: translate(-100px, -6.25px) } } .message-process-operate-btn-common[data-v-21085cc5] { border-radius: 4px; color: #fff } .message-process-operate-btn-common[data-v-21085cc5]:hover { background: #8f2022; border-color: #8f2022 } .message-process-operate-btn-common.fast-queue[data-v-21085cc5] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 6px; box-sizing: border-box; display: flex; height: 32px; justify-content: center; padding: 0 12px 0 5px } .message-process-operate-btn-common.fast-queue[data-v-21085cc5] > span { align-items: center; display: flex } .message-process-operate-btn-common.fast-queue .svg-icon[data-v-21085cc5] { fill: #65cafa; height: 26px; width: 26px } .message-process-operate-btn-common.fast-queue .iconfont[data-v-21085cc5] { color: #65cafa; font-size: 26px } .message-process-operate-btn-common.fast-queue .words[data-v-21085cc5] { -webkit-text-fill-color: transparent; background: linear-gradient(81deg, #3f8fff, #21feff); -webkit-background-clip: text; font-family: Inter-Semi Bold, Inter; font-size: 12px; font-weight: 400; line-height: 16px } .image-panel[data-v-17f19a61] { background: #24262a; border-radius: 15px; display: flex; justify-content: center; overflow: hidden; position: relative; width: 50% } .image-panel .img-box[data-v-17f19a61] { background-position: 50%; background-repeat: no-repeat; background-size: contain; position: relative; width: 100% } .image-panel .img-box.nsfw-box[data-v-17f19a61]:before { background: linear-gradient(46deg, #5e6cad, #a9b9da 24%, #9196c0 51%, #785f7c 73%, #3d3a57); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0 } .image-panel .empty-box[data-v-17f19a61] { align-items: center; color: #fffdf5; display: flex; flex-flow: column; font-size: 38px; justify-content: center; text-align: center } .image-panel .empty-box[data-v-17f19a61]:after { content: attr(empty); display: block; font-size: 16px; margin-top: 10px } .image-panel .empty-box .iconfont[data-v-17f19a61] { font-size: 38px } .image-panel .generate-loading[data-v-17f19a61] { align-items: center; background: rgba(36, 38, 42, .541); bottom: 0; display: flex; flex-flow: column; justify-content: center; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0 } .image-panel .generate-loading > [data-v-17f19a61] { width: 30%; z-index: 1 } .image-panel .generate-loading .pacman[data-v-17f19a61] { width: 20% } .image-panel .generate-loading p[data-v-17f19a61] { color: #fffdf5; margin: 10px 0 20px } .image-panel .generate-loading span[data-v-17f19a61] { background: #da373d; border-radius: 5px; color: #fefefe; cursor: pointer; font-size: 14px; padding: 8px 25px; width: auto } .image-panel .generate-loading .process-text[data-v-17f19a61] { color: #7d8da3; font-size: 16px } .image-panel .generate-loading .btns-box[data-v-17f19a61] { align-items: center; display: flex; justify-content: center } .image-panel .generate-loading .btns-box .cancel[data-v-17f19a61] { flex-shrink: 0; margin-right: 20px } .image-panel .view-btn[data-v-17f19a61] { background: rgba(0, 0, 0, .2); border-radius: 100%; box-sizing: border-box; color: hsla(0, 0%, 100%, .541); cursor: pointer; height: 36px; padding: 5px; position: absolute; right: 10px; top: 10px; width: 36px } .image-panel .view-btn[data-v-17f19a61]:hover { color: #fff } .image-panel .handle-btn[data-v-17f19a61] { bottom: 20px; display: flex; gap: 10px; justify-content: center; left: 0; position: absolute; right: 0 } .image-panel .handle-btn > [data-v-17f19a61] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: hsla(0, 0%, 100%, .1); border-radius: 100%; color: #fff; cursor: pointer; font-size: 24px; height: 60px; line-height: 60px; text-align: center; width: 60px } .image-panel .handle-btn[data-v-17f19a61] > :hover { background: hsla(0, 0%, 100%, .2) } .image-panel .handle-btn span[data-v-17f19a61] { align-items: center; display: flex; justify-content: center; position: relative } .image-panel .handle-btn span:hover b[data-v-17f19a61] { display: block } .image-panel .handle-btn span[data-v-17f19a61]:after { text-wrap: wrap; width: 200px } .image-panel .handle-btn span b[data-v-17f19a61] { bottom: -20px; color: #fff; display: none; font-size: 14px; font-weight: 400; line-height: 22px; position: absolute; width: 140px } .image-panel .handle-btn span i[data-v-17f19a61] { font-size: 22px } span.custom-tips[data-v-56857e62] { color: #9a9fa5 } .prompt-panel[data-v-220ead5c] { flex: 1 } .prompt-panel .title[data-v-220ead5c] { color: #fffdf5; font-size: 16px } .prompt-panel[data-v-220ead5c] .el-textarea__inner { background: #24262a; border-color: #24262a; border-radius: 15px; color: #fff; font-size: 14px; width: 100% } .prompt-panel[data-v-220ead5c] .el-textarea__inner:focus { border-color: #3f91ff } .prompt-panel .prompt-input[data-v-220ead5c] .el-textarea { margin-top: 10px } .prompt-panel .negative-prompt[data-v-220ead5c] { background: #24262a; border-radius: 15px } .prompt-panel .negative-prompt .title[data-v-220ead5c] { padding: 15px; position: relative } .prompt-panel .negative-prompt .title .zoom-icon[data-v-220ead5c] { color: #fff; cursor: pointer; font-size: 18px; font-weight: 700; position: absolute; right: 15px; top: 15px; transition: all .3s ease } .prompt-panel .negative-prompt .title .zoom-icon.off[data-v-220ead5c] { transform: rotate(180deg) } .prompt-panel .negative-prompt .panel-main .el-textarea[data-v-220ead5c] { border-top: 1px solid hsla(0, 0%, 100%, .063); margin-bottom: 10px } .prompt-panel .negative-prompt .panel-main.off[data-v-220ead5c] { height: 0; overflow: hidden } .prompt-panel .negative-prompt[data-v-220ead5c] .el-textarea__inner { border-radius: 0 } .prompt-panel .negative-prompt[data-v-220ead5c] .el-textarea__inner:focus { border-color: #24262a } .prompt-panel .negative-prompt .reset-btn[data-v-220ead5c] { color: #3e94ff; cursor: pointer; display: block; font-size: 12px; padding: 0 15px 10px } .prompt-panel .random-prompt[data-v-220ead5c] { align-items: center; background: #12121e; border: 1px solid #0d9488; border-radius: 5px; color: #0d9488; cursor: pointer; display: flex; margin: 10px 0 25px; max-width: 70%; padding: 3px 10px } .prompt-panel .random-prompt svg[data-v-220ead5c] { cursor: pointer; font-size: 24px; margin-right: 5px } .prompt-panel .random-prompt svg.loading[data-v-220ead5c] { animation: rotate-220ead5c 1s linear infinite } .prompt-panel .random-prompt .iconfont[data-v-220ead5c] { cursor: pointer; font-size: 24px; margin-right: 5px } .prompt-panel .random-prompt .iconfont.loading[data-v-220ead5c] { animation: rotate-220ead5c 1s linear infinite } .prompt-panel .random-prompt span[data-v-220ead5c] { cursor: pointer; display: inline-block; flex: 1; font-size: 12px; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @keyframes rotate-220ead5c { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .line-scale[data-v-9b03ebd0] { line-height: normal; padding-top: 5px } @keyframes line-scale-9b03ebd0 { 0% { transform: scaley(1) } 50% { transform: scaley(.4) } to { transform: scaley(1) } } .line-scale > div[data-v-9b03ebd0]:first-child { animation: line-scale-9b03ebd0 1s cubic-bezier(.2, .68, .18, 1.08) .1s infinite } .line-scale > div[data-v-9b03ebd0]:nth-child(2) { animation: line-scale-9b03ebd0 1s cubic-bezier(.2, .68, .18, 1.08) .2s infinite } .line-scale > div[data-v-9b03ebd0]:nth-child(3) { animation: line-scale-9b03ebd0 1s cubic-bezier(.2, .68, .18, 1.08) .3s infinite } .line-scale > div[data-v-9b03ebd0]:nth-child(4) { animation: line-scale-9b03ebd0 1s cubic-bezier(.2, .68, .18, 1.08) .4s infinite } .line-scale > div[data-v-9b03ebd0]:nth-child(5) { animation: line-scale-9b03ebd0 1s cubic-bezier(.2, .68, .18, 1.08) .5s infinite } .line-scale > div[data-v-9b03ebd0] { animation-fill-mode: both; background-color: #fff; border-radius: 2px; display: inline-block; height: 30px; margin: 0 2px; width: 4px } .model-panel[data-v-f52122fa] { margin-top: 30px } .model-panel .title[data-v-f52122fa] { color: #fffdf5; font-size: 16px; margin-bottom: 15px; position: relative } .model-panel .title .view-all[data-v-f52122fa] { cursor: pointer; font-size: 14px; position: absolute; right: 0; top: 5px } .model-panel .title .model-handle[data-v-f52122fa] { display: flex; gap: 20px; margin-top: 15px } .model-panel .title .model-handle .select-list[data-v-f52122fa] { display: flex; flex-wrap: wrap; gap: 10px } .model-panel .title .model-handle .select-list .select-item[data-v-f52122fa] { background: #232627; border-radius: 8px; height: 38px; line-height: 38px; padding: 0 30px 0 10px; position: relative; text-align: center } .model-panel .title .model-handle .select-list .select-item[data-v-f52122fa]:hover { background: #323637 } .model-panel .title .model-handle .select-list .select-item i[data-v-f52122fa] { cursor: pointer; position: absolute; right: 10px; top: 10px } .model-panel .title[data-v-f52122fa] .el-input { display: block; max-height: 38px; width: 300px } .model-panel .title[data-v-f52122fa] .el-input .el-input__inner { background: #24262a; border-color: #24262a; border-radius: 8px; height: 38px } .model-panel .title[data-v-f52122fa] .el-input .el-input__inner:focus { border-color: #3f91ff } .model-panel .model-list[data-v-f52122fa] { overflow: hidden; padding: 0; position: relative; width: 100% } .model-panel .model-list .scroll-btn[data-v-f52122fa] { align-items: center; bottom: 0; color: #fff; display: flex; font-size: 28px; pointer-events: none; position: absolute; top: 0; width: 48px } .model-panel .model-list .scroll-btn b[data-v-f52122fa] { background-color: rgba(13, 14, 24, .3); border-radius: 100%; box-sizing: border-box; cursor: pointer; display: block; height: 48px; padding: 8px; pointer-events: all; width: 48px } .model-panel .model-list .scroll-btn:hover b[data-v-f52122fa] { background-color: rgba(13, 14, 24, .5) } .model-panel .model-list .scroll-btn.prev[data-v-f52122fa] { left: 0 } .model-panel .model-list .scroll-btn.next[data-v-f52122fa] { right: 0 } .model-panel .model-list .scroll-body[data-v-f52122fa] { display: inline-block; flex-shrink: 0; transition: all .3s ease-in; white-space: nowrap; width: 100% } .model-panel .model-list .scroll-body .model-item[data-v-f52122fa] { display: inline-block; margin: 0 10px; width: calc(16.66667% - 20px) } .model-panel .model-list .scroll-body .model-item .cover[data-v-f52122fa] { aspect-ratio: 1/1; background-repeat: no-repeat; background-size: cover; border-radius: 8px; cursor: pointer; position: relative; width: 100% } .model-panel .model-list .scroll-body .model-item .cover img[data-v-f52122fa] { border-radius: 8px; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100% } .model-panel .model-list .scroll-body .model-item .cover span[data-v-f52122fa] { bottom: 10px; color: #fff; font-size: 16px; position: absolute; right: 10px } .model-panel .model-list .scroll-body .model-item .name[data-v-f52122fa] { color: #fff; margin-top: 10px; text-align: center; width: 145px } .model-panel .model-list .scroll-body .model-item.active .cover[data-v-f52122fa] { border: 1px solid #35bf6d; box-sizing: border-box; padding: 10px } .model-panel .empty-list[data-v-f52122fa] { color: #fff; padding: 25px } .form-item[data-v-5604f89d] { box-sizing: border-box; padding: 25px 0 0 } .form-item .label[data-v-5604f89d] { color: #efefef; font-size: 16px; margin-bottom: 10px } .form-item .form-main[data-v-5604f89d] .el-input-number, .form-item .form-main[data-v-5604f89d] .el-select { display: block; width: 100% } .form-item .form-main[data-v-5604f89d] .el-slider { flex: 1 } .form-item .form-main[data-v-5604f89d] .el-input__inner { background: #313337; border: 1px solid #46474b; color: #fff; text-align: left } .form-item .form-main[data-v-5604f89d] .el-input__inner:focus { border-color: #409eff } .form-item .form-main.form-slider[data-v-5604f89d] { display: flex; gap: 30px } .form-item .form-main.form-slider[data-v-5604f89d] .el-input-number { width: 60px } .form-item .form-main.form-slider[data-v-5604f89d] .el-input__inner { border-radius: 8px; text-align: center } .form-item .form-main.form-slider[data-v-5604f89d] .el-slider__runway { background-color: #434954 } .form-item .form-main.form-slider[data-v-5604f89d] .el-slider__button-wrapper .el-slider__button { background-color: #409eff; border: 4px solid #fff; height: 7px; width: 7px } .form-item .form-main.form-input-part[data-v-5604f89d] { align-items: center; display: flex; gap: 20px } .form-item .form-main.form-input-part[data-v-5604f89d] .el-input-number { width: 50% } .setting-panel[data-v-2c8a25de] { background: #24262a; border-radius: 20px; margin-top: 30px } .setting-panel .title[data-v-2c8a25de] { color: #fff; font-size: 18px; padding: 20px; position: relative } .setting-panel .title .zoom-icon[data-v-2c8a25de] { color: #fff; cursor: pointer; font-size: 18px; font-weight: 700; position: absolute; right: 15px; top: 20px; transition: all .3s ease } .setting-panel .title .zoom-icon.off[data-v-2c8a25de] { transform: rotate(180deg) } .setting-panel .panel-main[data-v-2c8a25de] { align-content: flex-start; display: flex; flex-wrap: wrap; height: 220px; overflow: hidden; position: relative; transition: all .3s ease } .setting-panel .panel-main[data-v-2c8a25de]:before { border-top: 1px solid hsla(0, 0%, 100%, .06); content: ""; left: 0; position: absolute; right: 0; top: 0 } .setting-panel .panel-main > [data-v-2c8a25de] { padding: 25px 25px 0; width: 33.333% } .setting-panel .panel-main.off[data-v-2c8a25de] { height: 0 } .setting-panel .panel-main .switch-seed[data-v-2c8a25de] { background: hsla(0, 0%, 100%, .1); border: 1px solid #393e44; border-radius: 6px; padding: 2px } .setting-panel .panel-main .switch-seed .switch-btn[data-v-2c8a25de] { background: transparent; border: none; border-radius: 4px; color: hsla(0, 0%, 100%, .6); min-width: 50px; outline: none; padding: 4px } .setting-panel .panel-main .switch-seed .switch-btn.active[data-v-2c8a25de] { background: hsla(0, 0%, 100%, .2); color: #fff } .simple-generate[data-v-281a2996] { align-items: center; background: #0d0e18; display: flex; flex: 1; flex-flow: column; overflow: auto } .simple-generate.page-generate .head-panel[data-v-281a2996] { color: #fff; font-family: Arial-Bold, Arial; font-size: 48px; font-weight: 700; line-height: 56px; margin-bottom: 40px; position: relative; text-align: center } .simple-generate.page-generate .head-panel .iconfont[data-v-281a2996] { color: #fff; font-size: 48px; font-weight: 400 } .simple-generate.page-generate .head-panel h1[data-v-281a2996] { font-size: 48px } .simple-generate.page-generate .head-panel p[data-v-281a2996] { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 20px; margin-top: 10px } .simple-generate .simple-main[data-v-281a2996] { max-width: 1170px; padding-bottom: 30px; width: 100% } .simple-generate .generate-panel[data-v-281a2996] { display: flex; gap: 25px } .simple-generate .generate-panel .generate-btn[data-v-281a2996] { display: flex; gap: 15px; margin-top: 25px } .simple-generate .generate-panel .generate-btn > [data-v-281a2996] { border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 56px; line-height: 56px; text-align: center } .simple-generate .generate-panel .generate-btn .gen-btn[data-v-281a2996] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); color: #fff; display: flex; flex: 1; font-size: 20px; justify-content: center } .simple-generate .generate-panel .generate-btn .gen-btn[data-v-281a2996]:after { content: attr(tips); font-size: 14px; margin-left: 10px } .simple-generate .generate-panel .generate-btn .gen-btn.loading[data-v-281a2996]:after { content: "" } .simple-generate .generate-panel .generate-btn .set-btn[data-v-281a2996] { border: 1px solid #acacac; color: #acacac; width: 56px } .simple-generate .generate-panel .generate-btn .set-btn .iconfont[data-v-281a2996] { font-size: 24px } .simple-generate .head-panel[data-v-281a2996] { left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .controlnet-popup[data-v-0d9a5647] .el-dialog { background: #111522; border-radius: 10px; max-width: 1080px; width: 90% } .controlnet-popup[data-v-0d9a5647] .el-dialog .el-dialog__header { display: none } .controlnet-popup[data-v-0d9a5647] .el-dialog .el-dialog__body { padding: 30px 20px } .controlnet-popup .controlnet-body[data-v-0d9a5647] { height: 86vh; position: relative } .controlnet-popup .controlnet-body > i[data-v-0d9a5647] { color: #fff; cursor: pointer; font-size: 20px; position: absolute; right: -10px; top: -20px } .controlnet-popup .controlnet-body .controlnet-grid[data-v-0d9a5647] { display: flex; flex-wrap: wrap; height: 100%; overflow-y: overlay; padding-left: 15px } .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-0d9a5647] { background: #1b1f2d; border-radius: 10px; box-sizing: border-box; cursor: pointer; margin: 0 15px 15px 0; padding: 20px; width: calc(33.33333% - 15px) } .controlnet-popup .controlnet-body .controlnet-grid .grid-item.active[data-v-0d9a5647], .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-0d9a5647]:hover { border: 1px solid #27b670 } .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-0d9a5647] .el-image { border-radius: 10px } .controlnet-popup .controlnet-body .controlnet-grid .grid-item .cover[data-v-0d9a5647] { background-repeat: no-repeat; background-size: cover; border-radius: 10px; display: flex; flex-wrap: wrap; overflow: hidden; position: relative } .controlnet-popup .controlnet-body .controlnet-grid .grid-item .name[data-v-0d9a5647] { background: #0d9488; border-radius: 10px; bottom: 15px; color: #fff; font-size: 16px; height: 32px; left: 15px; line-height: 32px; padding: 0 10px; position: absolute } .controlnet-popup .controlnet-body .controlnet-grid .grid-item .tips-info[data-v-0d9a5647] { color: #939ba9; font-size: 14px; margin-top: 10px } .controlnet-popup .controlnet-body .controlnet-grid .studioGridItem[data-v-0d9a5647] { max-height: 430px } .person-list[data-v-af912dfc] { display: flex; flex-wrap: wrap; max-height: calc(85vh - 120px); min-height: 150px; overflow-y: overlay } .person-list > p[data-v-af912dfc] { color: #fff; text-align: center; width: 100% } .person-list .person-item[data-v-af912dfc] { align-items: center; box-sizing: border-box; display: flex; height: 48px; padding: 10px 15px; position: relative; width: 50% } .person-list .person-item[data-v-af912dfc]:hover { background: #34396a; border-radius: 5px } .person-list .person-item:hover .delete-icon[data-v-af912dfc] { display: inline } .person-list .person-item .head-img[data-v-af912dfc] { background: #404c5d; background-repeat: no-repeat; background-size: cover; border-radius: 13px; color: #fbfcfd; display: inline-block; height: 26px; line-height: 24px; text-align: center; width: 26px } .person-list .person-item p[data-v-af912dfc] { color: #cbd5e0; cursor: pointer; font-size: 18px; margin-left: 15px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .person-list .person-item .delete-icon[data-v-af912dfc] { color: #fff; cursor: pointer; display: none; font-size: 18px; position: absolute; right: 10px; top: 15px } .person-list .person-item .owner-icon[data-v-af912dfc] { color: #0966f0; margin-left: 5px } .c-channel-search .channel-search--input { width: 220px } .c-channel-search .channel-search--input .el-input__inner { background: #20242e; border-color: transparent; border-radius: 24px; color: #fff; height: 32px; padding-left: 37px } .c-channel-search .channel-search--input .el-input__prefix { align-items: center; display: flex; justify-content: center; margin-left: 5px } .c-channel-search .channel-search--input .el-input__suffix { align-items: center; display: flex; justify-content: center } .c-channel-search .channel-search--input .search-icon { fill: #fff; font-size: 26px } .channel-select-menu-btn[data-v-7911c7aa] { align-items: center; background: #20242e; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; height: 32px; justify-content: space-between; padding: 6px 12px; width: 173px } .c-channel-select-menu[data-v-7911c7aa] { top: 40px } .generate-popup[data-v-3d3677bc] .el-dialog { background: none } .generate-popup[data-v-3d3677bc] .el-dialog .el-dialog__header { display: none } .generate-popup[data-v-3d3677bc] .generate-view-back-top { z-index: 10 } .generate-popup[data-v-3d3677bc] .el-dialog__body { background: #0a0b17; height: 100%; padding: 0 } .generate-popup .generate-body[data-v-3d3677bc] { display: flex; height: 100% } .generate-popup .generate-body .generate-content[data-v-3d3677bc] { background: #12121d; display: flex; flex: 1; height: 99vh; position: relative } .generate-popup .generate-body .generate-content .generate-work[data-v-3d3677bc] { display: flex; flex: 1; flex-flow: column; overflow: auto } .generate-popup .generate-body .generate-content .generate-work .work-panel[data-v-3d3677bc] { flex: 1 } .generate-popup .generate-body .generate-content .generate-work .channel-title[data-v-3d3677bc] { color: #fff; height: 46px } .generate-popup .generate-body .generate-content .generate-work .channel-title .title-handle[data-v-3d3677bc] { align-items: center; background: #141823; display: flex; justify-content: space-between; padding: 13px 16px 8px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-left[data-v-3d3677bc] { align-items: center; display: flex; flex: 1 0 auto } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-left .c-channel-search[data-v-3d3677bc] { margin-left: 10px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right[data-v-3d3677bc] { align-items: center; display: flex; flex: 1 0 auto; justify-content: flex-end } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .channel-num[data-v-3d3677bc] { color: #727888; cursor: pointer } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .channel-num i[data-v-3d3677bc] { margin-right: 5px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area[data-v-3d3677bc] { align-items: center; display: flex } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .base-btn[data-v-3d3677bc] { align-items: center; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: inline-flex; justify-content: center; padding: 8px 20px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .base-btn + .base-btn[data-v-3d3677bc] { margin-left: 10px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .post-btn[data-v-3d3677bc] { background: #2d3441; color: hsla(0, 0%, 100%, .8); font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; padding: 4px 16px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .post-btn .post-btn-icon[data-v-3d3677bc] { font-size: 20px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .post-btn .post-btn-text[data-v-3d3677bc] { margin-left: 6px } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .cancel-btn[data-v-3d3677bc] { background: rgba(28, 29, 42, .6); border: 1px solid rgba(83, 90, 100, .5); color: #b2b1b7; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .generate-popup .generate-body .generate-content .generate-work .channel-title .channel-title-right .post-btn-area .next-step-btn[data-v-3d3677bc] { background: linear-gradient(81deg, #3f8fff, #21feff); color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .floating-box { display: flex; flex-direction: column; position: relative; z-index: 99 } .floating-box .admin-off { border: 1px solid #191a27; border-radius: 50%; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; margin-bottom: 12px; text-align: center; width: 40px } .floating-box .admin-off:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .floating-box .admin-off.open { background: #191a27; color: #fff } .floating-box .admin-off.open:before { display: none } .floating-box .item-tool { align-items: center; background: #191a27; border-radius: 50%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25); cursor: pointer; display: flex; height: 40px; justify-content: center; margin-bottom: 12px; position: relative; width: 40px } .floating-box .item-tool:last-child { margin-bottom: 0 } .floating-box .item-tool.img { background: transparent; height: 55px } .floating-box .item-tool .img-container { height: auto; width: 72px } .floating-box .item-tool .svg-icon { height: 22px; width: 22px } .floating-box .item-tool .iconfont { color: #fff; font-size: 22px } .floating-box .item-tool.floating-tools-aihelp { position: relative } .floating-box .item-tool.floating-tools-aihelp .iconfont, .floating-box .item-tool.floating-tools-aihelp .svg-icon { left: -15px; position: absolute; top: -4px } .floating-box .item-tool.floating-tools-aihelp .iconfont { color: #fff; font-size: 70px } .floating-box .item-tool .sub-menu-container { bottom: 0; box-sizing: border-box; min-width: 140px; padding-right: 10px; position: absolute; right: 35px } .floating-box .item-tool .sub-menu-container .sub-menu { background: #191a27; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 6px } .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu { align-items: center; box-sizing: border-box; color: #f2f5f9; display: flex; font-family: Helvetica-Regular, Helvetica; font-size: 14px; font-weight: 400; height: 40px; justify-items: flex-start; padding: 6px 5px; width: 100% } .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div { height: 22px; margin-right: 10px; position: relative; width: 22px } .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div .iconfont.floating-tools-aihelp, .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div .svg-icon.floating-tools-aihelp { height: 70px; left: -24px; position: absolute; top: -14px; width: 70px } .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div .iconfont.floating-tools-cooperation, .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .icon-div .svg-icon.floating-tools-cooperation { height: 28px; left: -3px; position: absolute; top: -3px; width: 28px } .floating-box .item-tool .sub-menu-container .sub-menu .item-sub-menu .words { white-space: nowrap } .floating-box .downloadApp-tool i { color: #fff; font-size: 24px } .business-transformation-dialog { z-index: 111111 !important } .business-transformation-dialog:after { background: rgba(0, 0, 0, .62); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0 } .business-transformation-dialog > div { z-index: 1 } .business-transformation-dialog.vip-dialog .el-dialog { height: 738px; margin-top: calc(50vh - 369px) !important; width: 914px } .business-transformation-dialog .el-dialog { background: transparent; box-sizing: border-box; height: 281px; margin-top: calc(50vh - 140px) !important; width: 260px } .business-transformation-dialog .el-dialog .el-dialog__header { display: none } .business-transformation-dialog .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits { background: /*savepage-url=/_nuxt/img/business-transformation-dialog-bg.4abb52d.webp*/ url() no-repeat; background-size: contain; box-sizing: border-box; height: 100%; position: relative; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .close-icon { color: #909399; cursor: pointer; font-size: 22px; position: absolute; right: -30px; top: -30px } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .top { height: 47px; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .content { align-content: center; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 171px; justify-content: center; padding: 0 18px; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .content .title { color: #000; font-family: PingFang SC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; margin: 10px 0; text-align: center; width: 100%; word-break: break-word } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .content .desc { color: rgba(0, 0, 0, .8); font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; text-align: center; width: 100%; word-break: break-word } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .btn { align-items: center; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; height: calc(100% - 218px); justify-content: center; padding: 0 41px 26px 40px; text-align: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .container-credits-btn { position: relative } .business-transformation-dialog .el-dialog .el-dialog__body .container-credits .container-credits-btn .desc { background: /*savepage-url=/_nuxt/img/freeNowBg.3483e00.webp*/ url(); background-position: 50%; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 11px; font-weight: 600; height: 28px; left: 80%; line-height: 24px; overflow: hidden; padding: 0 4px; position: absolute; text-overflow: ellipsis; top: -12px; transform: translateX(-50%); white-space: nowrap; width: 61px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip { background: #1c1c1e; border-radius: 16px; box-sizing: border-box; display: flex; height: 100%; position: relative; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .close-icon { color: #8b9098; cursor: pointer; font-size: 22px; position: absolute; right: 16px; top: 16px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img { background: /*savepage-url=/_nuxt/img/vipTransformation.be28b0d.webp*/ url() no-repeat; background-size: cover; border-radius: 16px 0 0 16px; height: 100%; position: relative; width: 350px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; left: 0; margin-top: 23px; padding: 0 15px; position: absolute; top: 0; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .img-box { align-items: center; display: flex; justify-content: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .img-box .vip-icon { height: 48px; width: 48px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .words-top { color: #fff; font-family: PingFang SC; font-size: 20px; font-weight: 500; line-height: 26px; margin-top: 6px; text-align: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .words-bottom { font-family: PingFang SC; font-size: 20px; font-weight: 500; line-height: 26px; margin-top: 3px; text-align: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .left-img .content .words-bottom > span { -webkit-text-fill-color: transparent; background: linear-gradient(#ffebd7, #f6b685); -webkit-background-clip: text } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content { align-content: flex-start; border-radius: 0 16px 16px 0; display: flex; flex: 1; flex-wrap: wrap; height: 100%; justify-content: center } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content > .title { color: #fcfcfd; font-family: DM Sans-Bold, DM Sans; font-size: 22px; font-weight: 700; height: 32px; line-height: 32px; margin-top: 35px; text-align: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content > .desc { color: hsla(0, 0%, 100%, .7); font-family: Poppins-Regular, Poppins; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; margin-top: 6px; text-align: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms { background: #161617; border-radius: 16px; box-shadow: 0 64px 64px -48px rgba(31, 47, 70, .12); box-sizing: border-box; margin: 35px 40px 0; max-height: 200px; padding: 15px 10px; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term { box-sizing: border-box; color: #fefefe; font-family: Inter-Bold, Inter; font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 10px; padding-left: 25px; position: relative } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term:last-child { margin-bottom: 0 } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term.term-three .before, .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term.term-two .before { color: #fcfcfd } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .icon { color: #22d19d; font-size: 16px; left: 0; position: absolute; top: 4px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .before { color: #fefefe } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .point { color: #fefefe; margin: 0 3px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .terms .item-term .after { color: #c7c2c2 } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege { align-content: flex-start; background: /*savepage-url=https://image9.cdn.seaart.me/static/upload/20231104/15544936-e39e-4962-b37c-369261d5cbee.png*/ url() no-repeat; background-size: 100% 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 336px; justify-content: center; margin-top: 20px; padding: 21px 45px 27px; width: 95% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .img { height: 100px; margin-top: 8px; width: 110px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .title { font-family: Inter-Bold, Inter; font-size: 16px; font-weight: 700; height: 19px; line-height: 19px; margin-top: 2px; text-align: center; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .title > span { -webkit-text-fill-color: transparent; background: linear-gradient(111deg, #d8baff, #b5e4ff); -webkit-background-clip: text } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content { line-height: 20px; margin-top: 10px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege { margin-bottom: 10px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege:last-child { margin-bottom: 0 } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege .before { color: #fcfcfd } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege .line { color: #d0c9c9; margin: 0 5px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .privilege .content .item-privilege .after { color: #c7c2c2; word-break: keep-all } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer { display: flex; height: 48px; justify-content: center; margin-top: 5px; width: 100% } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer .cancel { background: transparent; border: 0; border-radius: 12px; color: hsla(0, 0%, 99%, .3); font-size: 14px; height: 100%; width: 182px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer .to-mall { background: linear-gradient(90deg, #ffecda, #f6b686); border: 0; border-radius: 8px; box-shadow: inset 0 -2px 1px 0 hsla(0, 0%, 100%, .6); color: #4d1f00; font-family: Inter-Bold, Inter; font-size: 15px; font-weight: 700; height: 100%; height: 46px; margin-left: 20px; position: relative; width: 269px } .business-transformation-dialog .el-dialog .el-dialog__body .container-vip .right-content .footer .to-mall .desc { align-items: center; background: url(data:image/webp;base64,UklGRjIDAABXRUJQVlA4WAoAAAAQAAAAjwAAKQAAQUxQSG8BAAABkGtr27E5z6ex7fl5BmPbtj19bJU5gJS2nc4os1Lbtv3jHn759bxBFRETQOKoqiSWLe8/l3AUkOEy63dgv8RQx3eLi+SlALYoMj8jWOEaWV0C2Er8FImdAQy4RFICTNfuTEYFa/xU3A9wjRock2pMjw/1k9mJyKB5I1Q9cmJEXLrZmBDG0PyWTc9JZ8H2J+GxqYa02BBNYsqyzYbN86QsuQ0sCgyPS4gND1R4KjlsA5AzK2LgtA3AlWAtKCwsJFCTieGaC5h9lUht2PUes58bJEXz8/dTZYmdgJHbmHuiYft7zG2rICJJlmVJImYNG95j/u/QuYFcally9rENPF9QiUhdsCZEl2GbDXxbiIh6gI16Bj6Dc5ptuP66RMd68D6H/h4IhuG7aByDi51sGcD+b60WjjPC8Vw4IFBOD3Ayw+Z/H8+F44xwrBEOg2gcI8H4bhCNHhKMDeRhTl/3eYA8zcfbthtIHGyPzy6xkIsBAFZQOCCcAQAAkAkAnQEqkAAqAD6dRJ5MriQjp6TUCnCwE4lAzgMUBHB9a2GttBuIN4o9ADpTiIRHr2lr7W1Z7bGnULkkFd1SWXOsSUolBpcsgoEQsp0hc+hlsLbQgAD+6Pt//xQ+PSsM2m1ibJZpPOSQDuNUOGZZKliFix1cql6kRRPkVDSu4Gq8pvugzn5OBSWVWfwMvdELo0zc69pJoSb5CL/1EnnU6/l/2q3jHXVJj8S8Ylj7pqKyJzdJm0He+ysX69FhI6GsEr2a7/X7/n9PmlRrLKBGzuE/2MBoeHBvUwB74ej/HPNMSm2Ody/H9vfxYrRMj2YrwSBv72rCkwHXuNq8DnJRR59Qh5zWirNFI0tUFLD6xMwIWbEwTFzWfzfQOPfSedf68MgZOjsW96g/RrruviIPmghTTEPEm2ISdsOzQJ6LPenC8n/hm8S1F77K/V9MX96lNvA6JK1WDt1olmDLPbBK5oz0lFjgO9gHYtPAYWOWM6H5GUF1FzzX8EtpU7DoT68o5/U3/Cf/9////dgX/++OotFvrAvwxCcd/v24AA==) no-repeat; background-size: 100% 100%; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; height: 35px; justify-content: center; padding: 12px 13px 0 0; position: absolute; right: -32px; top: -25px; white-space: wrap; width: 135px; word-break: keep-all } .btn[data-v-6af214c7] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-6af214c7]:hover { background-color: #f5f5f5 } .btn[data-v-6af214c7]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-6af214c7] { cursor: not-allowed } .btn .svg-icon[data-v-6af214c7] { font-size: 24px; margin-right: 40px } .my-btn[data-v-6af214c7] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-6af214c7]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-6af214c7]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-6af214c7] { color: #747f91 } .text-right[data-v-6af214c7] { text-align: right } .m-b-20[data-v-6af214c7] { margin-bottom: 20px } .el-divider[data-v-6af214c7] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-6af214c7] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-6af214c7] { animation: shake-horizontal-6af214c7 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-6af214c7 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .email-login[data-v-6af214c7] { min-width: 343px } .email-login[data-v-6af214c7] .el-input .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111 } .email-login[data-v-6af214c7] .el-input .el-input__inner:focus { border-color: #3f8dff } .email-login[data-v-6af214c7] .el-form-item__error { width: 325px } .email-login .text-btn[data-v-6af214c7] { -webkit-text-decoration: underline; text-decoration: underline } .email-login .text-btn[data-v-6af214c7]:hover { color: #2982ff } .email-login .my-btn[data-v-6af214c7] { margin: 0 } .btn[data-v-1f2c4d10] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-1f2c4d10]:hover { background-color: #f5f5f5 } .btn[data-v-1f2c4d10]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-1f2c4d10] { cursor: not-allowed } .btn .svg-icon[data-v-1f2c4d10] { font-size: 24px; margin-right: 40px } .my-btn[data-v-1f2c4d10] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-1f2c4d10]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-1f2c4d10]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-1f2c4d10] { color: #747f91 } .text-right[data-v-1f2c4d10] { text-align: right } .m-b-20[data-v-1f2c4d10] { margin-bottom: 20px } .el-divider[data-v-1f2c4d10] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-1f2c4d10] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-1f2c4d10] { animation: shake-horizontal-1f2c4d10 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-1f2c4d10 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .phone-login[data-v-1f2c4d10] .el-input .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111 } .phone-login[data-v-1f2c4d10] .el-input .el-input__inner:focus { border-color: #3f8dff } .phone-login[data-v-1f2c4d10] .el-input .el-input-group__append, .phone-login[data-v-1f2c4d10] .el-input .el-input-group__prepend { background: transparent; border: 1px solid #d3d3d3; color: #bbbbbd } .phone-login[data-v-1f2c4d10] .el-input .el-input-group__append { border-left: 1px solid transparent } .phone-login[data-v-1f2c4d10] .el-input .el-input-group__prepend { border-right: 1px solid transparent; color: #111 } .phone-login .text-btn[data-v-1f2c4d10] { -webkit-text-decoration: underline; text-decoration: underline } .phone-login .text-btn[data-v-1f2c4d10]:hover { color: #2982ff } .phone-login .my-btn[data-v-1f2c4d10] { margin: 0 } .phone-login .append-time-btn[data-v-1f2c4d10] { max-width: 170px; min-width: 70px; padding: 12px 15px; width: auto } .phone-login .append-time-btn.able[data-v-1f2c4d10] { color: #3f8dff } .send-email-content[data-v-0b33dad8] .el-input .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111 } .send-email-content[data-v-0b33dad8] .el-input .el-input__inner:focus { border-color: #3f8dff } .send-email-content[data-v-0b33dad8] .el-input.is-disabled .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111; cursor: not-allowed } .btn[data-v-6470bfe4] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-6470bfe4]:hover { background-color: #f5f5f5 } .btn[data-v-6470bfe4]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-6470bfe4] { cursor: not-allowed } .btn .svg-icon[data-v-6470bfe4] { font-size: 24px; margin-right: 40px } .my-btn[data-v-6470bfe4] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-6470bfe4]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-6470bfe4]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-6470bfe4] { color: #747f91 } .text-right[data-v-6470bfe4] { text-align: right } .m-b-20[data-v-6470bfe4] { margin-bottom: 20px } .el-divider[data-v-6470bfe4] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-6470bfe4] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-6470bfe4] { animation: shake-horizontal-6470bfe4 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-6470bfe4 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .register-input-content .my-btn[data-v-6470bfe4] { margin: 0 } .register-input-content[data-v-6470bfe4] .el-input .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111 } .register-input-content[data-v-6470bfe4] .el-input .el-input__inner:focus { border-color: #3f8dff } .btn[data-v-5d7f0925] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-5d7f0925]:hover { background-color: #f5f5f5 } .btn[data-v-5d7f0925]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-5d7f0925] { cursor: not-allowed } .btn .svg-icon[data-v-5d7f0925] { font-size: 24px; margin-right: 40px } .my-btn[data-v-5d7f0925] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-5d7f0925]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-5d7f0925]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-5d7f0925] { color: #747f91 } .text-right[data-v-5d7f0925] { text-align: right } .m-b-20[data-v-5d7f0925] { margin-bottom: 20px } .el-divider[data-v-5d7f0925] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-5d7f0925] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-5d7f0925] { animation: shake-horizontal-5d7f0925 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-5d7f0925 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .send-email-content[data-v-5d7f0925] .el-input .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111 } .send-email-content[data-v-5d7f0925] .el-input .el-input__inner:focus { border-color: #3f8dff } .send-email-content[data-v-5d7f0925] .el-input.is-disabled .el-input__inner { background: #596277 } .send-email-content .my-btn[data-v-5d7f0925] { margin-bottom: 30px; margin-top: 20px } .send-email-content .my-select[data-v-5d7f0925] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #2a334c; border: 1px solid #3b4666; border-radius: 4px; color: #66748c; font-size: 16px; outline: none; padding: 8px 16px; width: 100% } .btn[data-v-3018b8bc] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-3018b8bc]:hover { background-color: #f5f5f5 } .btn[data-v-3018b8bc]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-3018b8bc] { cursor: not-allowed } .btn .svg-icon[data-v-3018b8bc] { font-size: 24px; margin-right: 40px } .my-btn[data-v-3018b8bc] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-3018b8bc]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-3018b8bc]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-3018b8bc] { color: #747f91 } .text-right[data-v-3018b8bc] { text-align: right } .m-b-20[data-v-3018b8bc] { margin-bottom: 20px } .el-divider[data-v-3018b8bc] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-3018b8bc] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-3018b8bc] { animation: shake-horizontal-3018b8bc .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-3018b8bc { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .tag-view-content[data-v-3018b8bc] { display: flex; flex-wrap: wrap; margin: 0 !important; width: 100% } .tag-view-content .top-background[data-v-3018b8bc] { height: 129px; width: 100% } .tag-view-content .top-background .background-image[data-v-3018b8bc] { height: 100%; width: 100% } .tag-view-content .introduce[data-v-3018b8bc] { height: 90px; width: 100% } .tag-view-content .introduce .top-start[data-v-3018b8bc] { box-sizing: border-box; color: #f6f7fa; font-family: PingFangSC-Semibold, PingFang SC; font-size: 20px; font-weight: 600; height: 20px; line-height: 20px; margin: 26px 5px 8px; text-align: center; width: calc(100% - 10px) } .tag-view-content .introduce .bottom-info[data-v-3018b8bc] { box-sizing: border-box; color: #d0d5df; font-family: PingFangSC-Regular, PingFang SC; font-size: 16px; font-weight: 400; height: 20px; line-height: 20px; text-align: center; width: 100% } .tag-view-content .tagView-form[data-v-3018b8bc] { box-sizing: border-box; height: calc(100% - 286px); overflow: auto; padding: 0 30.5px; width: 100% } .tag-view-content .tagView-form[data-v-3018b8bc] .el-form-item .el-form-item__label { color: #d5dbe5; font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500 } .tag-view-content .tagView-form .interestTag-wrap[data-v-3018b8bc] { height: 25vh; overflow: auto; padding-left: 10px } .tag-view-content .tagView-form .interestTag-wrap .tag-btn[data-v-3018b8bc] { border: 1px solid hsla(0, 0%, 100%, .12); border-radius: 21px; color: #d8d9dc; font-family: "Arial-BoldMT", Arial, var(--font-family); font-size: 14px; font-weight: 400; height: 38px; overflow: hidden; text-align: center } .tag-view-content .tagView-form .tag-switch[data-v-3018b8bc] { height: 34px } .tag-view-content .tagView-form .tag-switch[data-v-3018b8bc] .el-switch__core { background-color: #4b5164; border-color: transparent; border-radius: 12px; height: 24px; width: 46px } .tag-view-content .tagView-form .tag-switch[data-v-3018b8bc] .el-switch__core:after { height: 20px; width: 20px } .tag-view-content .tagView-form .tag-switch[data-v-3018b8bc] .el-switch.is-checked .el-switch__core { background-color: #409eff } .tag-view-content .select-btn[data-v-3018b8bc] { height: 40px; margin: 10px 10px 0 0; transition: all .5s ease-in-out; width: 168px } .tag-view-content .zh-width[data-v-3018b8bc] { width: 118px } .tag-view-content .age-btn.selected[data-v-3018b8bc] { background-color: #409eff; color: #fff } .tag-view-content .age-btn[data-v-3018b8bc]:hover { background-color: #000; color: #fafad2 } .tag-view-content .age-btn[data-v-3018b8bc]:active { background-color: red; color: #d3d3d3 } .tag-view-content .tag-btn[data-v-3018b8bc] { background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .1); color: #d8d9dc; font-family: "Arial-BoldMT", Arial, var(--font-family); font-size: 14px; line-height: 16px; padding: 0 15px 0 1px; transition: transform .2s ease-in-out } .tag-view-content .tag-btn.selected[data-v-3018b8bc] { background-clip: padding-box, border-box; background-color: #2d65cc; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; color: #fff; font-family: Arial-BoldMT, Arial; font-size: 14px; font-weight: 400; line-height: 16px } .tag-view-content .tag-btn[data-v-3018b8bc]:hover { filter: brightness(1.2); transform: scale(1.1) } .tag-view-content .tag-btn[data-v-3018b8bc]:active { color: #d3d3d3 } .tag-view-content .tag-btn .content[data-v-3018b8bc] { justify-content: flex-start } .tag-view-content .tag-btn .tag-img[data-v-3018b8bc] { border-radius: 50%; height: 35px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; width: 35px } .tag-view-content .tag-switch[data-v-3018b8bc] { height: 40px } .tag-view-content .tag-switch[data-v-3018b8bc] .el-form-item__error { width: 240px } .tag-view-content .term-text[data-v-3018b8bc] { color: #d5dbe5; font-size: 15px; height: 40px } .tag-view-content .my-btn[data-v-3018b8bc] { background: #141726; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 8px; color: #fff; font-family: "Arial-Regular", Arial, var(--font-family); font-size: 14px; font-weight: 400; height: 48px; margin: 15px auto; overflow: hidden; width: 328px } .tag-view-content .my-btn[data-v-3018b8bc]:hover { background-color: #1d2539 } .tag-view-content .my-btn[data-v-3018b8bc]:active { background-color: #2a334c; border: 1px solid #577ae0 } .tag-view-content[data-v-3018b8bc] .el-input .el-input__inner { background: #fff; border: 1px solid #d3d3d3; color: #111 } .tag-view-content[data-v-3018b8bc] .el-input .el-input__inner:focus { border-color: #3f8dff } .lang-content[data-v-3018b8bc] { display: flex; flex-direction: column; gap: 16px } .lang-content .lang-content-select .custom-select[data-v-3018b8bc] { display: block } .btn[data-v-d5c33220] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-d5c33220]:hover { background-color: #f5f5f5 } .btn[data-v-d5c33220]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-d5c33220] { cursor: not-allowed } .btn .svg-icon[data-v-d5c33220] { font-size: 24px; margin-right: 40px } .my-btn[data-v-d5c33220] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-d5c33220]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-d5c33220]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-d5c33220] { color: #747f91 } .text-right[data-v-d5c33220] { text-align: right } .m-b-20[data-v-d5c33220] { margin-bottom: 20px } .el-divider[data-v-d5c33220] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-d5c33220] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-d5c33220] { animation: shake-horizontal-d5c33220 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-d5c33220 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .btn[data-v-041d795e] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-041d795e]:hover { background-color: #f5f5f5 } .btn[data-v-041d795e]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-041d795e] { cursor: not-allowed } .btn .svg-icon[data-v-041d795e] { font-size: 24px; margin-right: 40px } .my-btn[data-v-041d795e] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-041d795e]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-041d795e]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-041d795e] { color: #747f91 } .text-right[data-v-041d795e] { text-align: right } .m-b-20[data-v-041d795e] { margin-bottom: 20px } .el-divider[data-v-041d795e] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-041d795e] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-041d795e] { animation: shake-horizontal-041d795e .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-041d795e { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .facebook-login .fb-signin-button[data-v-041d795e] { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .content[data-v-a2dca870] { box-sizing: border-box; font-size: 12px; margin-top: 14px; padding: 0 30px; text-align: center } .content .txt[data-v-a2dca870] { color: #898989 } .content .color[data-v-a2dca870] { color: #2982ff; font-weight: 450; -webkit-text-decoration: none; text-decoration: none } .btn[data-v-f225db60] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-f225db60]:hover { background-color: #f5f5f5 } .btn[data-v-f225db60]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-f225db60] { cursor: not-allowed } .btn .svg-icon[data-v-f225db60] { font-size: 24px; margin-right: 40px } .my-btn[data-v-f225db60] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-f225db60]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-f225db60]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-f225db60] { color: #747f91 } .text-right[data-v-f225db60] { text-align: right } .m-b-20[data-v-f225db60] { margin-bottom: 20px } .el-divider[data-v-f225db60] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-f225db60] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-f225db60] { animation: shake-horizontal-f225db60 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-f225db60 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .login-page[data-v-f225db60] { background: #3e94ff; background-size: cover; border-radius: 30px; display: flex; flex-direction: row-reverse; font-size: 14px; justify-content: center; max-height: 98vh; min-height: 81vh; overflow-y: auto; width: 1000px } .login-page.hide[data-v-f225db60] { background-color: transparent } .login-page .left-img[data-v-f225db60] { background-image: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 20px 0 0 20px; display: flex; flex-grow: 1; overflow: hidden; position: relative; width: 500px } .login-page .left-img .info[data-v-f225db60] { left: 53%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .login-page .left-img .info .info-title[data-v-f225db60] { gap: 10px } .login-page .left-img .info .info-title img[data-v-f225db60] { height: 100px; width: 115px } .login-page .left-img .info .info-title .info-title-name[data-v-f225db60] { color: #fff; font-family: "Inter-Extra Bold", Inter, var(--font-family); font-size: 32px; font-weight: 400 } .login-page .left-img .info .desc[data-v-f225db60] { gap: 24px; margin-top: 32px } .login-page .left-img .info .desc .desc-item[data-v-f225db60] { color: #fff } .login-page .left-img .info .desc .desc-item .dot[data-v-f225db60] { background-color: #fff; border-radius: 50%; display: inline-block; height: 6px; width: 6px } .login-page .left-img .info .desc .desc-item .item[data-v-f225db60] { font-family: "Inter-Regular", Inter, var(--font-family); font-size: 16px; font-weight: 400; margin-left: 12px; word-break: break-word } .login-page .login-card[data-v-f225db60] { align-items: center; display: flex; height: 100vh; justify-content: center } .login-page .login-header .text-center .logo img[data-v-f225db60] { height: 60px; width: 60px } .login-page .login-form[data-v-f225db60] { margin: 0 auto; width: 343px } .login-page .login-form.wide[data-v-f225db60] { width: 40vw } .login-page .text-title[data-v-f225db60] { min-height: 80px } .login-page .text-title .title[data-v-f225db60] { align-items: center; color: #e9eef8; display: flex; flex-wrap: nowrap; font-size: 34px; font-weight: 500; justify-content: center; line-height: 48px; margin: 10px auto } .login-page .text-title .title .beta[data-v-f225db60] { background: #364a68; border: 1px solid #2e4674; border-radius: 4px; color: #fff; font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 30px; line-height: 30px; margin-left: 8px; right: 119px; width: 58px } .login-page .text-title .title a[data-v-f225db60] { cursor: alias } .login-page .text-title .up-text[data-v-f225db60] { color: #8791a6; font-size: 18px; font-weight: 500; line-height: 20px; margin: 10px 0 0 } .login-page .text-title .set-password-text[data-v-f225db60] { background: rgba(235, 238, 245, .078); border-radius: 4px; color: #fff; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 48px; letter-spacing: 0; line-height: 48px; margin: 0 auto; width: 343px } .login-page .login-buttons[data-v-f225db60] { align-items: center; display: flex; flex-direction: column; margin-top: 12px; padding: 0 50px } .login-page .login-buttons .divider[data-v-f225db60] { background-color: #e6e8ec; margin: 30px 0 } .login-page .login-buttons .divider .el-divider__text[data-v-f225db60] { background-color: transparent } .login-page .login-buttons .divider .line[data-v-f225db60] { background-color: transparent; background: #fff; border: 1px solid #f0f1f4; border-radius: 50%; color: #6d6d6d; display: inline-block; font-size: 10px; height: 34px; line-height: 34px; text-align: center; width: 34px } .login-page .login-footer[data-v-f225db60] { bottom: 5px; font-size: 14px; position: absolute; right: 6px } .login-page .login-home[data-v-f225db60] { position: absolute; right: 6px; top: 5px } .login-page .el-card[data-v-f225db60] { align-items: center; background: #fff; border: none; border-radius: 0 20px 20px 0; color: #111; display: flex; overflow-y: auto; position: relative } .login-page .el-card[data-v-f225db60] .el-card__body { padding: 10px 20px } .login-page .el-card.wide-card[data-v-f225db60] { background: #0f0f17; border: 1px solid #2e2e35; border-radius: 10px; width: 641px } .login-page .el-card.wide-card[data-v-f225db60] .el-card__body { height: 100%; padding: 0 } .login-page .el-card.wide-card[data-v-f225db60] .el-card__body .login-form { height: 100%; margin: 0; width: 100% } .login-page .el-card .close-icon[data-v-f225db60] { color: #c0c4cc; cursor: pointer; position: absolute; right: 40px; top: 25px } .login-page[data-v-f225db60] .el-form-item { margin-bottom: 5px !important } .login-page[data-v-f225db60] .el-form-item .el-form-item__label { color: #111; padding: 0 } a[data-v-f225db60] { color: inherit; -webkit-text-decoration: none; text-decoration: none } .btn[data-v-3226100c] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-3226100c]:hover { background-color: #f5f5f5 } .btn[data-v-3226100c]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-3226100c] { cursor: not-allowed } .btn .svg-icon[data-v-3226100c] { font-size: 24px; margin-right: 40px } .my-btn[data-v-3226100c] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-3226100c]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-3226100c]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-3226100c] { color: #747f91 } .text-right[data-v-3226100c] { text-align: right } .m-b-20[data-v-3226100c] { margin-bottom: 20px } .el-divider[data-v-3226100c] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-3226100c] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-3226100c] { animation: shake-horizontal-3226100c .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-3226100c { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .login-popup[data-v-3226100c] { overflow: hidden } .login-popup[data-v-3226100c] .el-dialog { background: none; box-shadow: none; left: 50%; margin-top: 0 !important; position: absolute; top: 50%; transform: translate(-50%, -50%) } .login-popup[data-v-3226100c] .el-dialog .el-dialog__header { display: none } a[data-v-3226100c] { color: inherit; -webkit-text-decoration: none; text-decoration: none } .head-bar[data-v-b0bab2e6] { background: #1a1d1f; border: 1px solid hsla(0, 0%, 100%, .08); box-sizing: border-box; height: 72px; justify-content: space-between; margin-left: auto; margin-right: auto; min-height: 72px; padding: 0 24px; width: 100% } .head-bar .head-bar-content[data-v-b0bab2e6], .head-bar[data-v-b0bab2e6] { align-items: center; display: flex } .head-bar .head-bar-logo[data-v-b0bab2e6] { height: 32px; width: 32px } .head-bar .head-bar-title[data-v-b0bab2e6] { color: hsla(0, 0%, 100%, .8); font-family: PingFang SC-Semibold, PingFang SC; font-size: 17px; font-weight: 600; margin-left: 8px } .head-bar .head-bar-icon[data-v-b0bab2e6] { color: #fff; cursor: pointer; font-size: 30px; margin-left: 39px } .head-bar .avatar[data-v-b0bab2e6] { align-items: center; border-radius: 50%; color: #212121; display: flex; font-size: 14px; height: 28px; justify-content: center; max-height: 28px; max-width: 28px; min-height: 28px; min-width: 28px; width: 28px } .head-bar .avatar img[data-v-b0bab2e6] { border-radius: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .head-bar .avatar-color[data-v-b0bab2e6] { background-color: #e9e9e9 } .head-bar .name-text[data-v-b0bab2e6] { color: #9293a5; font-family: Inter-Semi Bold, Inter; font-size: 14px; font-weight: 400; margin-left: 13px } .creative-center-menu[data-v-1bba5ec2] { background: #1a1d1f; box-sizing: border-box; min-width: 207px; padding: 30px 16px } .creative-center-menu .creative-center-menu-item-icon[data-v-1bba5ec2] { margin-right: 12px } .creative-center-menu[data-v-1bba5ec2] .el-menu { background: transparent; border: 0 } .creative-center-menu[data-v-1bba5ec2] .el-menu .iconfont, .creative-center-menu[data-v-1bba5ec2] .el-menu svg { font-size: 20px; margin-right: 15px; vertical-align: text-top } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-menu-item.is-active { background: #1e2e57; color: #fff } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-menu-item, .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu__title { align-items: center; color: #e9eef8; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-menu-item:focus, .creative-center-menu[data-v-1bba5ec2] .el-menu .el-menu-item:hover, .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu__title:focus, .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu__title:hover { background: #1e2e57 } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-menu-item .iconfont, .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu__title .iconfont { color: #e9eef8 } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu { box-sizing: border-box } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu .el-menu { padding: 0 10px } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu .el-menu-item { color: #a8b4cc; height: 40px; line-height: 40px } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu .el-menu-item .iconfont { color: #a8b4cc } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu .el-menu-item.is-active { background: #1e2e57; border: 1px solid #475e95; border-radius: 6px; color: #fff } .creative-center-menu[data-v-1bba5ec2] .el-menu .el-submenu .el-menu-item:hover { background: #131d36; color: #e9eef8 } .handle-text-upload { position: relative } .handle-text-upload .text-upload-tip { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; left: 20px; position: absolute; top: 15px; z-index: 1 } .handle-text-upload .upload-area { height: 400px; position: relative; width: 100% } .handle-text-upload .upload-area .image-upload { height: 100%; width: 100% } .handle-text-upload .upload-area .el-upload { display: block; height: 100% } .handle-text-upload .upload-area .el-upload-dragger { align-items: center; background: #1a1d1f; border: 1px dashed #51575f; border-radius: 12px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .handle-text-upload .upload-area .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px } .handle-text-upload .upload-area .el-upload-dragger .image-upload-icon { color: #fcfcfc; font-size: 32px; margin: 0 } .handle-text-upload .upload-area .el-upload__text_1 { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; margin: 14px 0 } .handle-text-upload .upload-area .el-upload__text_2 { color: #6f767e; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500 } .handle-text-upload .upload-area .el-upload__btn-box { margin-top: 16px } .handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 6px; color: #fcfcfc; cursor: pointer; display: inline-flex; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; justify-content: center; padding: 8px 14px } .handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn-gradient { background: transparent; box-sizing: border-box; position: relative } .handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn-gradient .upload-box-btn-inner { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500 } .handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn-gradient:before { background: linear-gradient(81deg, #3f8fff, #21feff) border-box; border: 1px solid transparent; border-radius: 6px; box-sizing: border-box; content: ""; display: block; height: 100%; -webkit-mask: linear-gradient(#fff, #fff 0) padding-box, linear-gradient(#fff, #fff 0); -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; width: 100% } .handle-text-upload .upload-area .el-upload__btn-box .upload-box-btn + .upload-box-btn { margin-left: 12px } .handle-text-upload .upload-describe-wrapper { display: flex; margin-top: 10px } .handle-text-upload .upload-describe-wrapper .upload-describe-area-item { background: #1a1d1f; border: 2px solid #272b30; border-radius: 12px; box-sizing: border-box; flex: 1; height: 130px; opacity: 1; padding-top: 32px; text-align: center } .handle-text-upload .upload-describe-wrapper .upload-describe-area-item p { color: #fcfcfc; font-family: PingFang SC-Medium, PingFang SC; font-size: 15px; font-weight: 500; line-height: 22px; margin: 0 0 8px } .handle-text-upload .upload-describe-wrapper .upload-describe-area-item div { color: #6f767e; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; line-height: 16px } .handle-text-upload .upload-describe-wrapper .upload-describe-area-item-margin { margin: 0 10px } .handle-video-upload { position: relative } .handle-video-upload .video-upload-tip { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; left: 20px; position: absolute; top: 15px; z-index: 1 } .handle-video-upload .upload-area { height: 400px; position: relative; width: 100% } .handle-video-upload .upload-area .image-upload { height: 100%; width: 100% } .handle-video-upload .upload-area .el-upload { display: block; height: 100% } .handle-video-upload .upload-area .el-upload-dragger { align-items: center; background: #1a1d1f; border: 1px dashed #51575f; border-radius: 12px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .handle-video-upload .upload-area .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px } .handle-video-upload .upload-area .el-upload-dragger .image-upload-icon { color: #fcfcfc; font-size: 32px; margin: 0 } .handle-video-upload .upload-area .el-upload__text_1 { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; margin: 14px 0 } .handle-video-upload .upload-area .el-upload__text_2 { color: #6f767e; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500 } .handle-video-upload .upload-area .el-upload__btn-box { margin-top: 16px } .handle-video-upload .upload-area .el-upload__btn-box .upload-box-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 6px; color: #fcfcfc; cursor: pointer; display: inline-flex; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; justify-content: center; padding: 8px 14px } .handle-video-upload .upload-area .el-upload__btn-box .upload-box-btn + .upload-box-btn { margin-left: 12px } .handle-video-upload .upload-describe-wrapper { display: flex; margin-top: 10px } .handle-video-upload .upload-describe-wrapper .upload-describe-area-item { background: #1a1d1f; border: 2px solid #272b30; border-radius: 12px; box-sizing: border-box; flex: 1; height: 130px; opacity: 1; padding-top: 32px; text-align: center } .handle-video-upload .upload-describe-wrapper .upload-describe-area-item p { color: #fcfcfc; font-family: PingFang SC-Medium, PingFang SC; font-size: 15px; font-weight: 500; line-height: 22px; margin: 0 0 8px } .handle-video-upload .upload-describe-wrapper .upload-describe-area-item div { color: #6f767e; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; line-height: 16px } .handle-video-upload .upload-describe-wrapper .upload-describe-area-item-margin { margin: 0 10px } .upload-image-item[data-v-0f342204] { background: #272b30; border-radius: 12px; padding: 12px } .upload-image-item .upload-content[data-v-0f342204] { gap: 10px; max-height: 670px; overflow-y: auto } .upload-image-item .upload-image[data-v-0f342204] { height: 160px; width: 160px } .upload-image-item .upload-image-btn[data-v-0f342204] { align-items: center; background: rgba(0, 0, 0, .2); border: 1px dashed #8b9098; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 160px; justify-content: center; width: 160px } .upload-image-item .upload-image-btn .upload-image-btn-text[data-v-0f342204] { color: #777e91; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; margin-top: 10px } .upload-image-item .clear[data-v-0f342204] { align-self: flex-end; color: #94a3b8 } .upload-image-item[data-v-0f342204] .el-upload { display: block } .upload-image-item[data-v-0f342204] .el-upload-dragger { align-items: center; background: transparent; border: 1px dashed #8b9098; display: flex; height: 160px; justify-content: center; width: 100% } .upload-image-item i[data-v-0f342204] { color: #b6b8be; font-size: 18px } .upload-image-item .upload-tips[data-v-0f342204] { display: inline-block; margin-left: 15px; text-align: left } .upload-image-item .upload-tips p[data-v-0f342204] { color: #b6b8be; font-size: 16px; line-height: normal; margin: 0 } .upload-image-item .upload-tips p[data-v-0f342204]:last-child { color: #a6a8ae; font-size: 12px } .upload-image-item .image-item[data-v-0f342204] { background: rgba(0, 0, 0, .2); border-radius: 10px; gap: 5px; height: 160px; position: relative; width: 160px } .upload-image-item .image-item .img-handle[data-v-0f342204] { position: absolute; right: 5px; top: 0; visibility: hidden; z-index: 3 } .upload-image-item .image-item .img-handle i[data-v-0f342204] { border-radius: 3px; box-sizing: border-box; color: #ff6b6b; cursor: pointer; font-size: 16px; font-weight: 700 } .upload-image-item .image-item img[data-v-0f342204], .upload-image-item .image-item video[data-v-0f342204] { border-radius: 5px; cursor: pointer; display: inherit; height: auto; -o-object-fit: contain; object-fit: contain; width: 100% } .upload-image-item .image-item .loading > div[data-v-0f342204], .upload-image-item .image-item .loading[data-v-0f342204] { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .upload-image-item .image-item .loading > div[data-v-0f342204] { display: table; margin: auto; z-index: 2 } .upload-image-item .image-item .loading[data-v-0f342204]:after { background: #ccc; bottom: 0; content: ""; left: 0; opacity: .5; position: absolute; right: 0; top: 0; z-index: 1 } .upload-image-item .image-item .params-null[data-v-0f342204] { background: #1e2435; bottom: 0; color: #fff; display: table; left: 0; margin: auto; padding: 0 10px; position: absolute; right: 0; top: 0 } .upload-image-item .image-item:hover .img-handle[data-v-0f342204] { visibility: visible } .c-post-form .el-input__inner, .c-post-form .el-textarea__inner { background: #161819 !important; border: 1px solid #272b30 !important; border-radius: 6px; color: #cbd5e1 !important } .c-post-form .title-input .el-input__inner { padding-right: 50px } .c-post-form .el-textarea__inner { max-height: 300px !important; min-height: 90px !important } .c-post-form .el-input__count { background: transparent !important } .c-post-form .el-textarea .el-input__count { background: #161819 !important; border-radius: 12px; bottom: 5px; color: #c0c4cc; font-size: 14px; line-height: 14px; padding: 4px; position: absolute; right: 12px; text-align: right } .c-post-form .el-input__count-inner { background-color: transparent !important } .c-post-form .el-form-item { margin-bottom: 12px !important } .c-post-form .show-tag { background: #0f1021; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px !important } .c-post-form .show-tag ::v-deep .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .c-post-form .show-tag .el-tag { background: #2e385e; border-color: transparent; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .c-post-form .show-tag .el-tag__close { background-color: #3a4e92; color: #fff } .c-post-form .show-tag .el-input__inner { background: #0a0b17; border: none !important; border-radius: 6px } .c-post-form .links { align-items: center; display: flex; gap: 6px; margin-bottom: 10px } .c-post-form .links .el-icon-circle-plus-outline, .c-post-form .links .el-icon-remove-outline { color: #fff; cursor: pointer } .post-show-tag-select .el-select-dropdown__item.selected .label-flag, .post-show-tag-select .el-select-dropdown__item:hover .label-flag { color: #fff } .post-show-tag-select .label-flag { background: hsla(0, 0%, 100%, .2); border-radius: 4px; box-sizing: border-box; color: hsla(0, 0%, 100%, .541); font-family: Poppins; font-size: 10px; font-weight: 500; margin-left: 8px; padding: 4px; text-align: center } .handle-text-edit .handle-text-edit-header[data-v-46617402] { align-items: center; background: #1a1d1f; border-bottom: 1px solid hsla(0, 0%, 100%, .08); border-radius: 12px 12px 0 0; box-sizing: border-box; display: flex; height: 55px; justify-content: space-between; padding: 0 30px; width: 100% } .handle-text-edit .header-item[data-v-46617402] { align-items: center; display: flex } .handle-text-edit .header-item .header-item-border[data-v-46617402] { background: #3177da; border-radius: 4px; height: 25px; width: 6px } .handle-text-edit .header-item .header-item-text[data-v-46617402] { color: #f7fbfa; font-family: Arial-Bold, Arial; font-size: 20px; font-weight: 700; margin-left: 8px } .handle-text-edit .header-item .header-item-btn[data-v-46617402] { background: #2d3446; border: 1px solid #353e57; border-radius: 8px; color: #fcfcfc; cursor: pointer; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; padding: 6px 32px } .handle-text-edit .header-item .header-item-btn-gradient[data-v-46617402] { background: linear-gradient(81deg, #3f8fff, #21feff) } .handle-text-edit .header-item .header-item-btn + .header-item-btn[data-v-46617402] { margin-left: 12px } .handle-text-edit .handle-text-edit-content[data-v-46617402] { background: #1a1d1f; padding: 27px 30px } .handle-text-edit .top-tips[data-v-46617402] { align-items: center; display: flex } .handle-text-edit .top-tips .tips-select-count[data-v-46617402] { color: hsla(0, 0%, 100%, .7); font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .handle-text-edit .top-tips .tips-select-info-tips[data-v-46617402] { color: #777e90; font-family: PingFang SC-Regular, PingFang SC; font-size: 16px; font-weight: 400; margin-left: 8px } .handle-text-edit .top-tips .tips-select-desc-text[data-v-46617402] { margin-left: 8px } .handle-text-edit .pick-result-box[data-v-46617402] { margin-bottom: 26px; margin-top: 21px } .c-video-cover-edit-modal { background: #1a1d1f; position: relative; width: 100% } .c-video-cover-edit-modal ::v-deep .el-dialog { background: none } .c-video-cover-edit-modal ::v-deep .generate-view-back-top { z-index: 10 } .c-video-cover-edit-modal .el-dialog__title { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 16px; font-weight: 500 } .c-video-cover-edit-modal ::v-deep .el-dialog__body { background: #1a1d1f; height: 100%; padding: 0 } .c-video-cover-edit-modal .video-cover-edit-modal-header { border-bottom: 1px solid hsla(0, 0%, 100%, .08); display: flex; font-size: 20px; font-weight: 900; line-height: 28px; margin-bottom: 24px; width: 100% } .c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item { align-items: center; color: #686a6c; cursor: pointer; display: flex; font-family: Arial-Bold, Arial; font-size: 15px; font-weight: 700; justify-content: center; padding: 12px 24px; position: relative } .c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item:after { background: #f7fbfa; border-radius: 1px; bottom: 0; content: ""; display: none; height: 3px; left: 50%; position: absolute; transform: translate(-50%); width: 65% } .c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item-active { color: #f7fbfa; font-family: Arial-Bold, Arial; font-size: 15px; font-weight: 700 } .c-video-cover-edit-modal .video-cover-edit-modal-header .tab-item-active:after { display: block } .c-video-cover-edit-modal .image-upload { background: #272b30; height: 100%; height: 350px; width: 100% } .c-video-cover-edit-modal .el-upload { display: block; height: 100% } .c-video-cover-edit-modal .el-upload-dragger { align-items: center; background: #1a1d1f; border: 1px dashed #51575f; border-radius: 12px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .c-video-cover-edit-modal .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px } .c-video-cover-edit-modal .el-upload-dragger .image-upload-icon { color: #fcfcfc; font-size: 32px; margin: 0 } .c-video-cover-edit-modal .el-upload__text_1 { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; margin: 14px 0 } .c-video-cover-edit-modal .el-upload__text_2 { color: #6f767e; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500 } .c-video-cover-edit-modal .el-upload__btn-box { margin-top: 16px } .c-video-cover-edit-modal .el-upload__btn-box .upload-box-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 6px; color: #fcfcfc; cursor: pointer; display: inline-flex; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; justify-content: center; padding: 8px 14px } .c-video-cover-edit-modal .el-upload__btn-box .upload-box-btn + .upload-box-btn { margin-left: 12px } .c-video-cover-edit-modal .result-show { align-items: center; background: #272b30; border-radius: 12px; display: flex; height: 350px; justify-content: center; width: 552px } .c-video-cover-edit-modal .cover-img { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 100% } .c-video-cover-edit-modal .re-upload { align-items: center; cursor: pointer; display: flex; justify-content: center; margin-top: 20px } .c-video-cover-edit-modal .re-upload .re-upload-icon { color: #3e95ff; font-size: 20px } .c-video-cover-edit-modal .re-upload .re-upload-text { color: #3e95ff; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; margin-left: 8px } .c-video-cover-edit-modal .video-cover-edit-content { align-items: center; display: flex; flex-direction: column; justify-content: center } .c-video-cover-edit-modal .bottom-btn-box { align-items: center; display: flex; justify-content: center; margin-top: 20px } .c-video-cover-edit-modal .bottom-btn-box .bottom-btn-box-btn { background: #2d3446; border: 1px solid #353e57; border-radius: 8px; color: #fcfcfc; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; padding: 6px 32px } .c-video-cover-edit-modal .bottom-btn-box .bottom-btn-box-gradient { background: linear-gradient(81deg, #3f8fff, #21feff) } .c-video-cover-edit-modal .bottom-btn-box .bottom-btn-box-btn + .bottom-btn-box-btn { margin-left: 8px } .handle-video-edit .handle-video-edit-header[data-v-19415630] { align-items: center; background: #1a1d1f; border-bottom: 1px solid hsla(0, 0%, 100%, .08); border-radius: 12px 12px 0 0; box-sizing: border-box; display: flex; height: 55px; justify-content: space-between; padding: 0 30px; width: 100% } .handle-video-edit .header-item[data-v-19415630] { align-items: center; display: flex } .handle-video-edit .header-item .header-item-border[data-v-19415630] { background: #3177da; border-radius: 4px; height: 25px; width: 6px } .handle-video-edit .header-item .header-item-text[data-v-19415630] { color: #f7fbfa; font-family: Arial-Bold, Arial; font-size: 20px; font-weight: 700; margin-left: 8px } .handle-video-edit .header-item .header-item-btn[data-v-19415630] { background: #2d3446; border: 1px solid #353e57; border-radius: 8px; color: #fcfcfc; cursor: pointer; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; padding: 6px 32px } .handle-video-edit .header-item .header-item-btn-gradient[data-v-19415630] { background: linear-gradient(81deg, #3f8fff, #21feff) } .handle-video-edit .header-item .header-item-btn + .header-item-btn[data-v-19415630] { margin-left: 12px } .handle-video-edit .handle-text-edit-content[data-v-19415630] { background: #1a1d1f; display: flex; padding: 27px 30px } .handle-video-edit .handle-text-edit-content-left[data-v-19415630] { flex: 1; max-width: 832px } .handle-video-edit .handle-text-edit-content-left .content-left-title[data-v-19415630] { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 18px; font-weight: 500 } .handle-video-edit .handle-text-edit-content-left .content-main[data-v-19415630] { align-items: center; display: flex; margin-bottom: 22px; margin-top: 10px } .handle-video-edit .handle-text-edit-content-left .content-main-cover-box[data-v-19415630] { align-items: center; display: flex; flex-direction: column; justify-content: center } .handle-video-edit .handle-text-edit-content-left .content-main-cover-box .cover-image-box[data-v-19415630] { background: #444549; border-radius: 6px; height: 116px; width: 87px } .handle-video-edit .handle-text-edit-content-left .content-main-cover-box .cover-image-box .cover-image[data-v-19415630] { border-radius: 6px; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 100% } .handle-video-edit .handle-text-edit-content-left .content-main-cover-box .cover-image-title[data-v-19415630] { color: #6f767e; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; margin-top: 8px } .handle-video-edit .handle-text-edit-content-left .content-main-text-box[data-v-19415630] { flex: 1; margin-left: 16px } .handle-video-edit .handle-text-edit-content-left .content-main-text-box .main-title[data-v-19415630] { color: #fcfcfc; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; padding-right: 16px } .handle-video-edit .handle-text-edit-content-left .content-main-text-box .sub-title[data-v-19415630] { color: #6f767e; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; margin-top: 8px; padding-right: 16px } .handle-video-edit .handle-text-edit-content-left .content-main-btn-box[data-v-19415630] { flex: 0 0 auto } .handle-video-edit .handle-text-edit-content-left .content-main-btn-box .content-main-btn[data-v-19415630] { align-items: center; border: 1px solid; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; padding: 12px 20px; position: relative } .handle-video-edit .handle-text-edit-content-left .content-main-btn-box .content-main-btn .content-main-btn-text[data-v-19415630] { color: #fcfcfc; font-family: Inter-Bold, Inter; font-size: 14px; font-weight: 700 } .handle-video-edit .handle-text-edit-content-left .content-main-btn-box .content-main-btn[data-v-19415630]:before { background: linear-gradient(81deg, #3f8fff, #21feff) border-box; border: 1px solid transparent; border-radius: 8px; content: ""; display: block; height: 100%; -webkit-mask: linear-gradient(#fff, #fff 0) padding-box, linear-gradient(#fff, #fff 0); -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; width: 100% } .handle-video-edit .handle-text-edit-content-right[data-v-19415630] { margin-left: 42px } .handle-video-edit .handle-text-edit-content-right .video-preview-wrap[data-v-19415630] { background: #000; border: 10px solid #252829; border-radius: 12px; height: 481px; opacity: 1; width: 258px } .handle-video-edit .handle-text-edit-content-right .video-preview-wrap .video-preview-wrap-video[data-v-19415630] { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; width: 100% } .handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips[data-v-19415630] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips div[data-v-19415630] { color: #ff6a6a; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500 } .handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips div span[data-v-19415630] { color: #ff6a6a; font-size: 24px } .handle-video-edit .handle-text-edit-content-right .video-preview-wrap .empty-tips div[data-v-19415630]:last-child { margin-top: 10px } .handle-video-edit .cancel-btn[data-v-19415630] { color: #fcfcfc; cursor: pointer; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; margin-top: 16px; text-align: center } .handle-video-edit .refresh-btn[data-v-19415630] { align-items: center; cursor: pointer; display: flex; justify-content: center; margin-top: 16px } .handle-video-edit .refresh-btn .re-upload-icon[data-v-19415630] { color: #3e95ff; font-size: 20px } .handle-video-edit .refresh-btn .re-upload-text[data-v-19415630] { color: #3e95ff; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; margin-left: 8px } .c-creative-center-popup[data-v-77c4dc92] .el-dialog { background: none } .c-creative-center-popup[data-v-77c4dc92] .el-dialog .el-dialog__header { display: none } .c-creative-center-popup[data-v-77c4dc92] .generate-view-back-top { z-index: 10 } .c-creative-center-popup[data-v-77c4dc92] .el-dialog__body { background: #1a1d1f; height: 100%; padding: 0 } .c-creative-center-popup .creative-center-body[data-v-77c4dc92] { display: flex; flex-direction: column; height: 100%; width: 100% } .c-creative-center-popup .creative-center-body .main-content[data-v-77c4dc92] { display: flex; flex: 1 } .c-creative-center-popup .creative-center-body .creative-center-content[data-v-77c4dc92] { flex: 1 } .c-creative-center-popup .creative-center-body .creative-center-content-container[data-v-77c4dc92] { background: #111315; display: flex; flex: 1; justify-content: center } .c-creative-center-popup .creative-center-body .creative-center-content[data-v-77c4dc92] { box-sizing: border-box; max-width: 1184px } .c-creative-center-popup .creative-center-body .container-header[data-v-77c4dc92] { background: #1a1d1f; border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 12px 12px 0 0; display: flex; flex: 1; font-size: 20px; font-weight: 900; height: 55px; margin-bottom: 24px; opacity: 1 } .c-creative-center-popup .creative-center-body .container-header-tab[data-v-77c4dc92] { border-bottom: 1px solid #f0f0f0; display: flex; font-size: 20px; font-weight: 900; line-height: 28px; margin-bottom: 24px; width: 100% } .c-creative-center-popup .creative-center-body .tab-item[data-v-77c4dc92] { align-items: center; color: #686a6c; cursor: pointer; display: flex; font-family: Arial-Bold, Arial; font-size: 15px; font-weight: 700; justify-content: center; padding: 12px 24px; position: relative } .c-creative-center-popup .creative-center-body .tab-item[data-v-77c4dc92]:after { background: #f7fbfa; border-radius: 1px; bottom: 0; content: ""; display: none; height: 3px; left: 50%; position: absolute; transform: translate(-50%); width: 65% } .c-creative-center-popup .creative-center-body .tab-item-active[data-v-77c4dc92] { color: #f7fbfa; font-family: Arial-Bold, Arial; font-size: 15px; font-weight: 700 } .c-creative-center-popup .creative-center-body .tab-item-active[data-v-77c4dc92]:after { display: block } .c-creative-center-popup .creative-center-body .uploader-container[data-v-77c4dc92] { flex: 1; width: 100% } .CollectMsgBox[data-v-2e71f61d] { background: #fff; border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 12px; bottom: -100%; box-sizing: border-box; height: 52px; justify-content: space-between; left: 50%; opacity: 0; opacity: 1; padding: 0 24px; position: fixed; transform: translateX(-50%); transition: all .5s; width: 402px; z-index: 3 } .CollectMsgBox div[data-v-2e71f61d], .CollectMsgBox[data-v-2e71f61d] { align-items: center; display: flex } .CollectMsgBox div i[data-v-2e71f61d] { font-size: 15px } .CollectMsgBox div span[data-v-2e71f61d] { font-size: 14px } .CollectMsgBox .left[data-v-2e71f61d] { color: #3d3d3d } .CollectMsgBox .left i[data-v-2e71f61d] { margin-right: 5px } .CollectMsgBox .right[data-v-2e71f61d] { color: #f56c6c; cursor: pointer } .CollectMsgBox .right i[data-v-2e71f61d] { margin-left: 5px } .set-tag-modal .show-tag { background: #0f1021; border: 1px solid hsla(0, 0%, 100%, .1) } .set-tag-modal .show-tag ::v-deep .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .set-tag-modal .show-tag .el-tag { background: #2e385e; border-color: transparent; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .set-tag-modal .show-tag .el-tag__close { background-color: #3a4e92; color: #fff } .set-tag-modal .show-tag .el-input__inner { background: #0a0b17; border: 0; border-radius: 10px } .set-tag-modal .el-select__tags { max-width: 90% !important; width: 90% !important } .recommend-select[data-v-00ceb940] { width: 400px } .rights-components[data-v-1ca75a76] { height: 100%; position: relative; width: 550px } .rights-components .icon-icon-arrows-under[data-v-1ca75a76] { bottom: 0; cursor: pointer; left: 50%; position: absolute; transform: translateY(-50%); transition: all .5s; z-index: 1 } .rights-components .icon-icon-arrows-under.reverse[data-v-1ca75a76] { bottom: 10px; transform: rotate(180deg) } .rights-components .icon-icon-arrows-under.basic[data-v-1ca75a76] { color: #ff840a } .rights-components .icon-icon-arrows-under.standard[data-v-1ca75a76] { color: #3f8cff } .rights-components .icon-icon-arrows-under.professional[data-v-1ca75a76] { color: #3e5dfc } .rights-components-bg[data-v-1ca75a76] { height: 124px; -o-object-fit: cover; object-fit: cover; width: 100% } .rights-components-contents[data-v-1ca75a76] { align-items: flex-start; border-radius: 16px 16px 0 0; bottom: 0; box-sizing: border-box; display: flex; height: 554px; justify-content: center; left: 0; overflow-y: auto; padding: 18px 10px; position: absolute; width: 100%; z-index: 1 } .rights-components-contents[data-v-1ca75a76]::-webkit-scrollbar { width: 4px } .rights-components-contents[data-v-1ca75a76]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .15) } .rights-components-contents[data-v-1ca75a76]::-webkit-scrollbar-track { background-color: transparent } .rights-components-contents .label[data-v-1ca75a76] { color: #303133; font-size: 18px; font-weight: 700; text-align: center } .rights-components-contents .label[data-v-1ca75a76], .rights-components-contents .value[data-v-1ca75a76] { align-items: center; display: flex; font-family: Inter; height: 40px; justify-content: center; width: 100% } .rights-components-contents .value[data-v-1ca75a76] { color: #1b1e24; font-size: 12px; font-weight: 500; word-break: break-word } .rights-components-contents .value .icon[data-v-1ca75a76] { font-size: 16px } .rights-components-contents > div[data-v-1ca75a76] { width: 108px } .rights-components-contents > div > div[data-v-1ca75a76] { margin-bottom: 10px } .rights-components-contents > div > div[data-v-1ca75a76]:last-child { margin-bottom: 0 } .rights-components-contents .rights-desc[data-v-1ca75a76] { margin-right: 10px; width: 187px } .rights-components-contents .rights-desc .label[data-v-1ca75a76], .rights-components-contents .rights-desc .value[data-v-1ca75a76] { justify-content: flex-start } .rights-components-contents.basic[data-v-1ca75a76] { background: #fffaf5 } .rights-components-contents.basic .rights-desc .value[data-v-1ca75a76]:nth-child(2), .rights-components-contents.basic .rights-desc .value[data-v-1ca75a76]:nth-child(3) { color: #ff840a } .rights-components-contents.basic .basic-version[data-v-1ca75a76] { background-color: #fff3e5; border-left: 1px solid #ff840a; border-right: 1px solid #ff840a; position: relative } .rights-components-contents.basic .basic-version[data-v-1ca75a76]:before { border-radius: 12px 12px 0 0; border-top: 1px solid #ff840a; top: -8px } .rights-components-contents.basic .basic-version[data-v-1ca75a76]:after, .rights-components-contents.basic .basic-version[data-v-1ca75a76]:before { background: linear-gradient(90deg, #ff409f, #f80); border-left: 1px solid #ff840a; border-right: 1px solid #ff840a; content: ""; height: 8px; left: -1px; position: absolute; width: 100% } .rights-components-contents.basic .basic-version[data-v-1ca75a76]:after { border-bottom: 1px solid #ff840a; border-radius: 0 0 12px 12px; bottom: -8px } .rights-components-contents.basic .basic-version .label[data-v-1ca75a76], .rights-components-contents.basic .basic-version .value[data-v-1ca75a76] { color: #ff840a } .rights-components-contents.basic .professional-version[data-v-1ca75a76], .rights-components-contents.basic .standard-version[data-v-1ca75a76] { background-color: #fff8f0 } .rights-components-contents.standard[data-v-1ca75a76] { background: #f4f9fe } .rights-components-contents.standard .rights-desc .value[data-v-1ca75a76]:nth-child(2), .rights-components-contents.standard .rights-desc .value[data-v-1ca75a76]:nth-child(3) { color: #3f8cff } .rights-components-contents.standard .standard-version[data-v-1ca75a76] { background-color: #d9eaff; border-left: 1px solid #3f8cff; border-right: 1px solid #3f8cff; position: relative } .rights-components-contents.standard .standard-version[data-v-1ca75a76]:before { border-radius: 12px 12px 0 0; border-top: 1px solid #3f8cff; top: -8px } .rights-components-contents.standard .standard-version[data-v-1ca75a76]:after, .rights-components-contents.standard .standard-version[data-v-1ca75a76]:before { background: linear-gradient(90deg, #3f8cff, #20ffff); border-left: 1px solid #3f8cff; border-right: 1px solid #3f8cff; content: ""; height: 8px; left: -1px; position: absolute; width: 100% } .rights-components-contents.standard .standard-version[data-v-1ca75a76]:after { border-bottom: 1px solid #3f8cff; border-radius: 0 0 12px 12px; bottom: -8px } .rights-components-contents.standard .standard-version .label[data-v-1ca75a76], .rights-components-contents.standard .standard-version .value[data-v-1ca75a76] { color: #3f8cff } .rights-components-contents.standard .basic-version[data-v-1ca75a76], .rights-components-contents.standard .professional-version[data-v-1ca75a76] { background-color: #f3f5fe } .rights-components-contents.professional[data-v-1ca75a76] { background: #f4f9fe } .rights-components-contents.professional .rights-desc .value[data-v-1ca75a76] { word-break: break-word } .rights-components-contents.professional .rights-desc .value[data-v-1ca75a76]:nth-child(2), .rights-components-contents.professional .rights-desc .value[data-v-1ca75a76]:nth-child(3) { color: #3e5dfc } .rights-components-contents.professional .professional-version[data-v-1ca75a76] { background-color: #e8e5ff; border-left: 1px solid #3e5dfc; border-right: 1px solid #3e5dfc; position: relative } .rights-components-contents.professional .professional-version[data-v-1ca75a76]:before { border-radius: 12px 12px 0 0; border-top: 1px solid #3e5dfc; top: -8px } .rights-components-contents.professional .professional-version[data-v-1ca75a76]:after, .rights-components-contents.professional .professional-version[data-v-1ca75a76]:before { background: linear-gradient(270deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)); border-left: 1px solid #3e5dfc; border-right: 1px solid #3e5dfc; content: ""; height: 8px; left: -1px; position: absolute; width: 100% } .rights-components-contents.professional .professional-version[data-v-1ca75a76]:after { border-bottom: 1px solid #3e5dfc; border-radius: 0 0 12px 12px; bottom: -8px } .rights-components-contents.professional .professional-version .label[data-v-1ca75a76], .rights-components-contents.professional .professional-version .value[data-v-1ca75a76] { color: #3e5dfc } .rights-components-contents.professional .basic-version[data-v-1ca75a76], .rights-components-contents.professional .standard-version[data-v-1ca75a76] { background-color: #f3f5fe } .user-daily[data-v-e7705f4c] { background: #fff; border-radius: 12px; display: flex; height: 640px; overflow: hidden; position: relative; width: 1015px } .user-daily-close[data-v-e7705f4c] { background: rgba(36, 38, 42, .8); border-radius: 50%; cursor: pointer; height: 32px; position: absolute; right: 10px; top: 10px; width: 32px; z-index: 1 } .user-daily-close > i[data-v-e7705f4c] { color: #fff; font-size: 22px } .user-daily .left[data-v-e7705f4c] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 44px 40px; width: 465px } .user-daily .left.basic .discount[data-v-e7705f4c] { -webkit-text-fill-color: transparent; background: linear-gradient(0deg, #ff409f, #f80); background-clip: text; -webkit-background-clip: text } .user-daily .left.basic .item-level.active[data-v-e7705f4c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #fff3e5, #fff3e5), linear-gradient(90deg, #ff409f, #f80); background-origin: padding-box, border-box; border: 2px solid transparent } .user-daily .left.basic .left-btn[data-v-e7705f4c] { background: linear-gradient(90deg, #ff409f, #f80) } .user-daily .left.standard .discount[data-v-e7705f4c] { -webkit-text-fill-color: transparent; background: linear-gradient(351deg, #3f8fff, #21feff); background-clip: text; -webkit-background-clip: text } .user-daily .left.standard .item-level.active[data-v-e7705f4c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #f3f9ff, #f3f9ff), linear-gradient(81deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent } .user-daily .left.standard .left-btn[data-v-e7705f4c] { background: linear-gradient(81deg, #3f8fff, #21feff) } .user-daily .left.professional .discount[data-v-e7705f4c] { -webkit-text-fill-color: transparent; background: linear-gradient(180deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)); background-clip: text; -webkit-background-clip: text } .user-daily .left.professional .item-level.active[data-v-e7705f4c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #f3f5fe, #f3f5fe), linear-gradient(90deg, #ae3dfa, #09f); background-origin: padding-box, border-box; border: 2px solid transparent } .user-daily .left.professional .left-btn[data-v-e7705f4c] { background: linear-gradient(270deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)) } .user-daily .left-title[data-v-e7705f4c] { color: #1b1e24; font-family: Poppins; font-size: 22px; font-weight: 700; text-align: center; width: 100% } .user-daily .left-methods[data-v-e7705f4c] { background: #f1f5f9; border-radius: 8px; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .5); box-sizing: border-box; display: flex; height: 40px; margin-top: 16px; padding: 4px; width: 100% } .user-daily .left-methods > div[data-v-e7705f4c] { align-items: center; color: rgba(0, 0, 0, .5); cursor: pointer; display: flex; flex: 1; font-family: Inter; font-size: 14px; font-weight: 400; height: 100%; justify-content: center } .user-daily .left-methods > div.active[data-v-e7705f4c] { background: #fcfdfe; border-radius: 6px; box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1); color: #181b1f } .user-daily .left-methods-yearly[data-v-e7705f4c] { font-family: Inter; font-size: 14px; font-weight: 400 } .user-daily .left-methods-yearly .icon[data-v-e7705f4c] { height: 28px; width: 28px } .user-daily .left-methods-yearly .discount[data-v-e7705f4c] { margin-left: 4px } .user-daily .left-level[data-v-e7705f4c] { cursor: pointer; display: flex; flex-wrap: wrap; margin-top: 33px; width: 100% } .user-daily .left-level .item-level[data-v-e7705f4c] { align-items: center; border: 1px solid #d5d5d5; border-radius: 6px; box-sizing: border-box; display: flex; height: 72px; margin-bottom: 16px; padding: 0 12px; width: 100% } .user-daily .left-level .item-level[data-v-e7705f4c]:last-child { margin-bottom: 0 } .user-daily .left-level .item-level-label[data-v-e7705f4c] { color: #303133; font-family: PingFang SC; font-size: 18px; font-weight: 600 } .user-daily .left-level .item-level-price[data-v-e7705f4c] { box-sizing: border-box; flex: 1; height: 100%; padding-left: 5px } .user-daily .left-level .item-level-monthly[data-v-e7705f4c] { align-items: center; color: #1b1e24; display: flex; font-family: Helvetica Neue; font-size: 18px; font-weight: 700; justify-content: flex-end } .user-daily .left-level .item-level-monthly .sign[data-v-e7705f4c] { margin-right: 3px } .user-daily .left-level .item-level-yearly[data-v-e7705f4c] { align-content: center; display: flex; flex-wrap: wrap } .user-daily .left-level .item-level-yearly .top[data-v-e7705f4c] { color: #1b1e24; font-family: Helvetica Neue; font-size: 18px; font-weight: 700 } .user-daily .left-level .item-level-yearly .bottom[data-v-e7705f4c], .user-daily .left-level .item-level-yearly .top[data-v-e7705f4c] { align-content: center; display: flex; justify-content: flex-end; width: 100% } .user-daily .left-level .item-level-yearly .bottom .now-price[data-v-e7705f4c] { align-content: center; color: rgba(0, 0, 0, .3); display: flex; font-family: Inter; font-size: 14px; justify-content: flex-end } .user-daily .left-level .item-level-yearly .bottom .original-price[data-v-e7705f4c] { align-content: center; color: rgba(0, 0, 0, .5); display: flex; font-family: Inter; font-size: 14px; justify-content: flex-end; margin-left: 5px; -webkit-text-decoration: line-through; text-decoration: line-through } .user-daily .left-more[data-v-e7705f4c] { align-items: center; color: #606266; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; justify-content: flex-end; width: 100% } .user-daily .left-pay[data-v-e7705f4c] { align-items: center; display: flex; justify-content: space-between; margin-top: 10px; width: 100% } .user-daily .left-pay-desc-top[data-v-e7705f4c] { color: #303133; font-family: Inter; font-size: 14px; font-weight: 700; height: 24px; line-height: 24px } .user-daily .left-pay-desc-top[data-v-e7705f4c] > :last-child { color: #00ae70; margin-left: 12px } .user-daily .left-pay-desc-bottom[data-v-e7705f4c] { color: rgba(0, 0, 0, .5); font-family: Inter; font-size: 14px; font-weight: 500; height: 24px; line-height: 24px } .user-daily .left-pay-amount[data-v-e7705f4c] { -webkit-text-fill-color: transparent; background: linear-gradient(0deg, #ff409f, #f80); background-clip: text; -webkit-background-clip: text; font-family: Inter; font-size: 18px; font-weight: 700 } .user-daily .left-btn[data-v-e7705f4c] { border: 0; border-radius: 6px; color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600; height: 40px; width: 100% } .user-daily .right[data-v-e7705f4c] { height: 100%; width: 550px } .wait-payment-content[data-v-4be2eb1d] { height: 450px; margin: 0 auto } .wait-payment-content .wait-payment[data-v-4be2eb1d] { margin: 0 auto; position: relative; text-align: center } .wait-payment-content .wait-payment .loading-anime[data-v-4be2eb1d] { position: absolute; right: 50%; transform: translateX(50%) } .wait-payment-content .wait-payment .wait-title[data-v-4be2eb1d] { color: #303133; font-size: 16px; font-weight: 700; line-height: 28px; margin: 30px 0 10px } .wait-payment-content .wait-payment .wait-payment-txt[data-v-4be2eb1d] { color: #606266; font-size: 14px; font-weight: 400; line-height: 24px } .wait-payment-content .wait-payment .btns[data-v-4be2eb1d] { gap: 16px } .wait-payment-content .wait-payment .btns .btn[data-v-4be2eb1d] { background: #fff; border: 1px solid #dcdfe6; border-radius: 8px; height: 40px; margin-top: 30px; width: 76px } .wait-payment-content .wait-payment .btns .btn-done[data-v-4be2eb1d] { background: linear-gradient(99deg, #3271cc, #0fffff) } .payment-content[data-v-2d281df4] { background: #fff; border-radius: 12px; display: flex; height: auto; justify-content: space-between; max-height: 98vh; overflow: hidden; position: relative; width: 920px } .payment-content .close-icon[data-v-2d281df4] { border-radius: 50%; color: rgba(36, 38, 42, .8); cursor: pointer; height: 32px; position: absolute; right: 10px; top: 10px; width: 32px } .payment-content .close-icon > i[data-v-2d281df4] { font-size: 22px } .payment-content .in-payment-content .left[data-v-2d281df4] { box-sizing: border-box; height: 100%; overflow: auto; padding: 20px 40px; width: 50% } .payment-content .in-payment-content .left[data-v-2d281df4]::-webkit-scrollbar { width: 2px } .payment-content .in-payment-content .left[data-v-2d281df4]::-webkit-scrollbar-thumb, .payment-content .in-payment-content .left[data-v-2d281df4]::-webkit-scrollbar-track { display: none } .payment-content .in-payment-content .left .back-to[data-v-2d281df4] { color: #313131; cursor: pointer; display: inline-block; margin-bottom: 10px } .payment-content .in-payment-content .left .back-to i[data-v-2d281df4] { margin-right: 5px } .payment-content .in-payment-content .left .select-methods[data-v-2d281df4] { height: 75px } .payment-content .in-payment-content .left .select-methods .select-txt[data-v-2d281df4] { color: #6c7275; margin-bottom: 10px } .payment-content .in-payment-content .left .select-methods .methods[data-v-2d281df4] { display: flex; gap: 12px } .payment-content .in-payment-content .left .select-methods .methods .method-item[data-v-2d281df4] { align-items: center; background: #f3f5f7; border: 2px solid transparent; border-radius: 8px; cursor: pointer; display: flex; flex-grow: 1; height: 40px; justify-content: center; max-width: 120px } .payment-content .in-payment-content .left .select-methods .methods .method-item.active[data-v-2d281df4] { border-color: #0084ff } .payment-content .in-payment-content .left .select-methods .methods .method-item .method-name[data-v-2d281df4] { color: #141718 } .payment-content .in-payment-content .left .select-methods .haiyi-methods[data-v-2d281df4] { box-sizing: border-box; display: flex; gap: 20px; padding: 0 22px 22px 3px } .payment-content .in-payment-content .left .select-methods .haiyi-methods .alipay[data-v-2d281df4], .payment-content .in-payment-content .left .select-methods .haiyi-methods .wechat[data-v-2d281df4] { align-content: space-between; display: flex; flex-wrap: wrap; gap: 14px; height: 100%; width: 150px } .payment-content .in-payment-content .left .select-methods .haiyi-methods .box[data-v-2d281df4] { align-items: center; background: #f3f5f7; border-radius: 10px; display: flex; height: 150px; justify-content: center; width: 150px } .payment-content .in-payment-content .left .select-methods .haiyi-methods .box .icon[data-v-2d281df4] { height: 38px; width: 90px } .payment-content .in-payment-content .left .select-methods .haiyi-methods .box .words[data-v-2d281df4] { margin-left: 5px } .payment-content .in-payment-content .left .select-methods .haiyi-methods .btn[data-v-2d281df4] { align-items: center; border: 0; border-radius: 8px; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; height: 36px; justify-content: center; padding: 0 5px; position: relative; width: 100% } .payment-content .in-payment-content .left .select-methods .haiyi-methods .btn > span[data-v-2d281df4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .payment-content .in-payment-content .left .select-methods .haiyi-methods .btn .el-icon-arrow-right[data-v-2d281df4] { font-weight: 600; position: absolute; right: 8px; top: 50%; transform: translateY(-50%) } .payment-content .in-payment-content .left .select-methods .haiyi-methods .alipay .btn[data-v-2d281df4] { background: #1677ff } .payment-content .in-payment-content .left .select-methods .haiyi-methods .wechat .box .div[data-v-2d281df4] { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .payment-content .in-payment-content .left .select-methods .haiyi-methods .wechat .box .name[data-v-2d281df4] { color: #2e2e2e; font-size: 16px } .payment-content .in-payment-content .left .select-methods .haiyi-methods .wechat .btn[data-v-2d281df4] { background: #44a738 } .payment-content .in-payment-content .left .payment-form[data-v-2d281df4] { background: #fff; min-height: 200px } .payment-content .in-payment-content .left .payment-form .adyen-payment[data-v-2d281df4] { height: 100% } .payment-content .in-payment-content .left .payment-form .other-payment[data-v-2d281df4] { height: 100%; min-height: 200px } .payment-content .in-payment-content .left .payment-form .other-payment .other-payment-btn[data-v-2d281df4] { background-color: #00112c; border: 0; border-radius: 6px; color: #fff; cursor: pointer; display: flex; font-size: 1em; font-weight: 500; justify-content: center; margin-top: 24px; padding: 15px } .payment-content .in-payment-content .right[data-v-2d281df4] { align-content: center; background: #fff; box-sizing: border-box; height: auto; min-height: 600px; width: 50% } .right-part[data-v-48534ac2] { align-content: center; box-sizing: border-box; height: 100%; padding: 0 60px; width: 100% } .right-part.bgImg[data-v-48534ac2] { background-image: /*savepage-url=/_nuxt/img/vip_dialog_pay_bg.4ff455f.png*/ url(); background-position: 50%; background-repeat: no-repeat; background-size: cover } .right-part .renew-content .renew-sign[data-v-48534ac2] { color: #282828; font-size: 40px; line-height: 15px } .right-part .renew-txt[data-v-48534ac2] { color: #202020; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 20px; margin-top: 16px; position: relative; word-break: break-word } .right-part .steps .step[data-v-48534ac2] { display: flex } .right-part .steps .step.up .left-step .left-line[data-v-48534ac2] { background: linear-gradient(180deg, #3f8cff, #31bfff 45%, #20ffff) } .right-part .steps .step.up .box[data-v-48534ac2] { margin-bottom: 20px } .right-part .steps .step .left-step[data-v-48534ac2] { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; margin-right: 10px } .right-part .steps .step .left-step .left-icon[data-v-48534ac2] { align-items: center; background-color: #eaeaf0; border-radius: 5px; display: flex; flex-shrink: 0; font-size: 18px; height: 30px; justify-content: center; width: 30px } .right-part .steps .step .left-step .left-icon .icon[data-v-48534ac2] { color: #adadb5 } .right-part .steps .step .left-step .left-line[data-v-48534ac2] { background-color: #eaeaf0; height: 100%; width: 2px } .right-part .steps .step .box[data-v-48534ac2] { background-color: #f1f2ff; border-radius: 8px; flex-grow: 1; line-height: 24px; padding: 16px; word-break: break-word } .right-part .steps .step .box .title[data-v-48534ac2] { color: #303133; font-size: 16px; font-weight: 700; margin-bottom: 12px } .right-part .steps .step .box .desc[data-v-48534ac2] { color: #484848; font-size: 14px; font-weight: 500 } .right-part .avatar-content[data-v-48534ac2] { align-items: center; display: flex; margin: 20px 0 16px } .right-part .avatar-content .avatar[data-v-48534ac2] { border-radius: 50%; height: 35px; overflow: hidden; width: 35px } .right-part .avatar-content .avatar img[data-v-48534ac2] { height: 100%; width: 100% } .right-part .avatar-content .person-info[data-v-48534ac2] { display: flex; flex-direction: column; gap: 4px; margin-left: 10px } .right-part .avatar-content .person-info .name[data-v-48534ac2] { color: #141718; font-size: 14px } .right-part .avatar-content .person-info .title[data-v-48534ac2] { color: #575757; font-size: 12px; font-weight: 500; line-height: 16px } .right-part .to-mall[data-v-48534ac2] { align-items: center; color: #303133; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 58px; margin-top: 10px; width: 100% } .daily-dialog[data-v-177f065b] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .daily-dialog[data-v-177f065b] .el-dialog .el-dialog__header { display: none } .daily-dialog[data-v-177f065b] .el-dialog .el-dialog__body { padding: 0 } .break-info[data-v-9fd954d2] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; padding: 0 62px; width: 460px } .break-info-item[data-v-9fd954d2] { align-items: center; display: flex; width: 100% } .break-info-item > img[data-v-9fd954d2] { height: 42px; -o-object-fit: cover; object-fit: cover; width: 42px } .break-info-item .txt[data-v-9fd954d2] { color: #1b1e24; font-family: PingFang SC; font-size: 16px; font-weight: 700; margin-left: 10px } .break-info-rights[data-v-9fd954d2] { margin-top: 50px; width: 100% } .break-info-rights > div[data-v-9fd954d2] { margin-bottom: 10px } .break-info-rights .rights-label[data-v-9fd954d2] { color: #606266 } .break-info-rights .item-rights[data-v-9fd954d2], .break-info-rights .rights-label[data-v-9fd954d2] { align-items: center; display: flex; font-family: PingFang SC; font-size: 14px; min-height: 24px; width: 100% } .break-info-rights .item-rights[data-v-9fd954d2] { color: #1b1e24; word-break: break-word } .break-info-rights .item-rights > i[data-v-9fd954d2] { color: #303133; font-weight: 700; margin-right: 8px } .break-info-more[data-v-9fd954d2] { align-items: center; color: #4784ff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; justify-content: flex-start; margin-top: 50px; width: 100% } .user-break[data-v-a5b29808] { background: #fff; border-radius: 12px; display: flex; height: 672px; overflow: hidden; position: relative; width: 920px } .user-break-close[data-v-a5b29808] { cursor: pointer; height: 22px; position: absolute; right: 16px; top: 16px; width: 22px; z-index: 1 } .user-break-close > i[data-v-a5b29808] { color: #28303f; font-size: 18px } .user-break .left[data-v-a5b29808] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 44px 40px; width: 460px } .user-break .left.basic .discount[data-v-a5b29808] { -webkit-text-fill-color: transparent; background: linear-gradient(0deg, #ff409f, #f80); background-clip: text; -webkit-background-clip: text } .user-break .left.basic .item-level.active[data-v-a5b29808] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #fff3e5, #fff3e5), linear-gradient(90deg, #ff409f, #f80); background-origin: padding-box, border-box; border: 2px solid transparent } .user-break .left.basic .left-btn[data-v-a5b29808] { background: linear-gradient(90deg, #ff409f, #f80) } .user-break .left.standard .discount[data-v-a5b29808] { -webkit-text-fill-color: transparent; background: linear-gradient(351deg, #3f8fff, #21feff); background-clip: text; -webkit-background-clip: text } .user-break .left.standard .item-level.active[data-v-a5b29808] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #f3f9ff, #f3f9ff), linear-gradient(81deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent } .user-break .left.standard .left-btn[data-v-a5b29808] { background: linear-gradient(81deg, #3f8fff, #21feff) } .user-break .left.professional .discount[data-v-a5b29808] { -webkit-text-fill-color: transparent; background: linear-gradient(180deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)); background-clip: text; -webkit-background-clip: text } .user-break .left.professional .item-level.active[data-v-a5b29808] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #f3f5fe, #f3f5fe), linear-gradient(90deg, #ae3dfa, #09f); background-origin: padding-box, border-box; border: 2px solid transparent } .user-break .left.professional .left-btn[data-v-a5b29808] { background: linear-gradient(270deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)) } .user-break .left-title[data-v-a5b29808] { color: #1b1e24; font-family: Poppins; font-size: 22px; font-weight: 700; text-align: center; width: 100% } .user-break .left-methods[data-v-a5b29808] { background: #f1f5f9; border-radius: 8px; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .5); box-sizing: border-box; display: flex; height: 40px; margin-top: 16px; padding: 4px; width: 100% } .user-break .left-methods > div[data-v-a5b29808] { align-items: center; color: rgba(0, 0, 0, .5); cursor: pointer; display: flex; flex: 1; font-family: Inter; font-size: 14px; font-weight: 400; height: 100%; justify-content: center } .user-break .left-methods > div.active[data-v-a5b29808] { background: #fcfdfe; border-radius: 6px; box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1); color: #181b1f } .user-break .left-methods-yearly[data-v-a5b29808] { font-family: Inter; font-size: 14px; font-weight: 400 } .user-break .left-methods-yearly .icon[data-v-a5b29808] { height: 28px; width: 28px } .user-break .left-methods-yearly .discount[data-v-a5b29808] { margin-left: 4px } .user-break .left-level[data-v-a5b29808] { cursor: pointer; display: flex; flex-wrap: wrap; margin-top: 33px; width: 100% } .user-break .left-level .item-level[data-v-a5b29808] { align-items: center; border: 1px solid #d5d5d5; border-radius: 6px; box-sizing: border-box; display: flex; height: 72px; margin-bottom: 16px; padding: 0 12px; position: relative; width: 100% } .user-break .left-level .item-level[data-v-a5b29808]:last-child { margin-bottom: 0 } .user-break .left-level .item-level:nth-child(3) .item-level-icon[data-v-a5b29808] { background: linear-gradient(270deg, #2d61fc, rgba(166, 53, 255, .91) 75%, #ff6bc4); color: #fff } .user-break .left-level .item-level-icon[data-v-a5b29808] { background: #e8fdf6; border: 1px solid #c4efd8; border-radius: 6px 6px 6px 0; color: #00ae70; font-family: Inter; font-size: 12px; font-weight: 700; height: 24px; left: -2px; position: absolute; top: -12px; width: 52px } .user-break .left-level .item-level-icon > i[data-v-a5b29808] { margin-right: 4px } .user-break .left-level .item-level-label[data-v-a5b29808] { color: #303133; font-family: PingFang SC; font-size: 18px; font-weight: 600 } .user-break .left-level .item-level-price[data-v-a5b29808] { box-sizing: border-box; flex: 1; height: 100%; padding-left: 5px } .user-break .left-level .item-level-monthly[data-v-a5b29808] { align-items: center; color: #1b1e24; display: flex; font-family: Helvetica Neue; font-size: 18px; font-weight: 700; justify-content: flex-end } .user-break .left-level .item-level-monthly .sign[data-v-a5b29808] { margin-right: 3px } .user-break .left-level .item-level-yearly[data-v-a5b29808] { align-content: center; display: flex; flex-wrap: wrap } .user-break .left-level .item-level-yearly .top[data-v-a5b29808] { color: #1b1e24; font-family: Helvetica Neue; font-size: 18px; font-weight: 700 } .user-break .left-level .item-level-yearly .bottom[data-v-a5b29808], .user-break .left-level .item-level-yearly .top[data-v-a5b29808] { align-content: center; display: flex; justify-content: flex-end; width: 100% } .user-break .left-level .item-level-yearly .bottom .now-price[data-v-a5b29808] { align-content: center; color: rgba(0, 0, 0, .3); display: flex; font-family: Inter; font-size: 14px; justify-content: flex-end } .user-break .left-level .item-level-yearly .bottom .original-price[data-v-a5b29808] { align-content: center; color: rgba(0, 0, 0, .5); display: flex; font-family: Inter; font-size: 14px; justify-content: flex-end; margin-left: 5px; -webkit-text-decoration: line-through; text-decoration: line-through } .user-break .left-more[data-v-a5b29808] { align-items: center; color: #606266; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; justify-content: flex-end; margin-top: 52px; width: 100% } .user-break .left-btn[data-v-a5b29808] { border: 0; border-radius: 6px; color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600; height: 40px; margin-top: 52px; width: 100% } .user-break .right[data-v-a5b29808] { height: 100%; width: 460px } .break-dialog[data-v-430bc96a] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .break-dialog[data-v-430bc96a] .el-dialog .el-dialog__header { display: none } .break-dialog[data-v-430bc96a] .el-dialog .el-dialog__body { padding: 0 } .user-upgrade[data-v-0dbbc70a] { background: #fff; border-radius: 12px; display: flex; height: 672px; overflow: hidden; position: relative; width: 920px } .user-upgrade-close[data-v-0dbbc70a] { cursor: pointer; height: 22px; position: absolute; right: 16px; top: 16px; width: 22px; z-index: 1 } .user-upgrade-close > i[data-v-0dbbc70a] { color: #28303f; font-size: 18px } .user-upgrade .left[data-v-0dbbc70a] { align-content: flex-start; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 44px 40px; position: relative; width: 460px } .user-upgrade .left.standard .discount[data-v-0dbbc70a] { -webkit-text-fill-color: transparent; background: linear-gradient(351deg, #3f8fff, #21feff); background-clip: text; -webkit-background-clip: text } .user-upgrade .left.standard .item-level.active[data-v-0dbbc70a] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #f3f9ff, #f3f9ff), linear-gradient(81deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent } .user-upgrade .left.standard .left-btn[data-v-0dbbc70a] { background: linear-gradient(81deg, #3f8fff, #21feff) } .user-upgrade .left.professional .discount[data-v-0dbbc70a] { -webkit-text-fill-color: transparent; background: linear-gradient(180deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)); background-clip: text; -webkit-background-clip: text } .user-upgrade .left.professional .item-level.active[data-v-0dbbc70a] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #f3f5fe, #f3f5fe), linear-gradient(90deg, #ae3dfa, #09f); background-origin: padding-box, border-box; border: 2px solid transparent } .user-upgrade .left.professional .left-btn[data-v-0dbbc70a] { background: linear-gradient(270deg, #2d61fc, rgba(166, 53, 255, .91) 75%, rgba(255, 107, 196, .6)) } .user-upgrade .left-title[data-v-0dbbc70a] { color: #1b1e24; font-family: Poppins; font-size: 22px; font-weight: 700; text-align: center; width: 100% } .user-upgrade .left-level[data-v-0dbbc70a] { cursor: pointer; display: flex; flex-wrap: wrap; margin-top: 33px; width: 100% } .user-upgrade .left-level .item-level[data-v-0dbbc70a] { align-items: center; border: 1px solid #d5d5d5; border-radius: 6px; box-sizing: border-box; display: flex; height: 72px; margin-bottom: 16px; padding: 0 12px; position: relative; width: 100% } .user-upgrade .left-level .item-level[data-v-0dbbc70a]:last-child { margin-bottom: 0 } .user-upgrade .left-level .item-level:last-child .item-level-icon[data-v-0dbbc70a] { background: linear-gradient(270deg, #2d61fc, rgba(166, 53, 255, .91) 75%, #ff6bc4); color: #fff } .user-upgrade .left-level .item-level-icon[data-v-0dbbc70a] { background: #e8fdf6; border: 1px solid #c4efd8; border-radius: 6px 6px 6px 0; color: #00ae70; font-family: Inter; font-size: 12px; font-weight: 700; height: 24px; left: -2px; position: absolute; top: -12px; width: 52px } .user-upgrade .left-level .item-level-icon > i[data-v-0dbbc70a] { margin-right: 4px } .user-upgrade .left-level .item-level-label[data-v-0dbbc70a] { color: #303133; font-family: PingFang SC; font-size: 18px; font-weight: 600 } .user-upgrade .left-level .item-level-price[data-v-0dbbc70a] { box-sizing: border-box; flex: 1; height: 100%; padding-left: 5px } .user-upgrade .left-level .item-level-monthly[data-v-0dbbc70a] { align-items: center; color: #1b1e24; display: flex; font-family: Helvetica Neue; font-size: 18px; font-weight: 700; justify-content: flex-end } .user-upgrade .left-level .item-level-monthly .sign[data-v-0dbbc70a] { margin-right: 3px } .user-upgrade .left-level .item-level-yearly[data-v-0dbbc70a] { align-content: center; display: flex; flex-wrap: wrap } .user-upgrade .left-level .item-level-yearly .top[data-v-0dbbc70a] { color: #1b1e24; font-family: Helvetica Neue; font-size: 18px; font-weight: 700 } .user-upgrade .left-level .item-level-yearly .bottom[data-v-0dbbc70a], .user-upgrade .left-level .item-level-yearly .top[data-v-0dbbc70a] { align-content: center; display: flex; justify-content: flex-end; width: 100% } .user-upgrade .left-level .item-level-yearly .bottom .now-price[data-v-0dbbc70a] { align-content: center; color: rgba(0, 0, 0, .3); display: flex; font-family: Inter; font-size: 14px; justify-content: flex-end } .user-upgrade .left-level .item-level-yearly .bottom .original-price[data-v-0dbbc70a] { align-content: center; color: rgba(0, 0, 0, .5); display: flex; font-family: Inter; font-size: 14px; justify-content: flex-end; margin-left: 5px; -webkit-text-decoration: line-through; text-decoration: line-through } .user-upgrade .left-more[data-v-0dbbc70a] { align-items: center; color: #606266; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; justify-content: flex-end; margin-top: 52px; width: 100% } .user-upgrade .left-btn[data-v-0dbbc70a] { border: 0; border-radius: 6px; bottom: 60px; color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600; height: 40px; left: 40px; position: absolute; right: 40px } .user-upgrade .right[data-v-0dbbc70a] { height: 100%; width: 460px } .upgrade-dialog[data-v-81a5a0d0] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .upgrade-dialog[data-v-81a5a0d0] .el-dialog .el-dialog__header { display: none } .upgrade-dialog[data-v-81a5a0d0] .el-dialog .el-dialog__body { padding: 0 } .renewal-dialog[data-v-a2c42b5e] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .renewal-dialog[data-v-a2c42b5e] .el-dialog .el-dialog__header { display: none } .renewal-dialog[data-v-a2c42b5e] .el-dialog .el-dialog__body { padding: 0 } .vip-computing-dialog[data-v-d2a13c9e] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .vip-computing-dialog[data-v-d2a13c9e] .el-dialog .el-dialog__header { display: none } .vip-computing-dialog[data-v-d2a13c9e] .el-dialog .el-dialog__body { padding: 0 } .vip-computing-dialog .goods-content[data-v-d2a13c9e] { background-color: #fdffff; border-radius: 20px; max-width: 500px; overflow: hidden; position: relative } .vip-computing-dialog .goods-content .goods-head[data-v-d2a13c9e] { background: /*savepage-url=/_nuxt/img/computebgDlg.5b48b6d.png*/ url() no-repeat 100%; background-color: #f6f2fe; box-sizing: border-box; height: 105px; padding: 20px 0 20px 20px } .vip-computing-dialog .goods-content .goods-head .title[data-v-d2a13c9e] { color: #402fab; font-size: 20px; font-weight: 700; line-height: 28px } .vip-computing-dialog .goods-content .goods-head .title-sub[data-v-d2a13c9e] { color: #564a6a; font-size: 14px; font-weight: 400; line-height: 33px } .vip-computing-dialog .goods-content .goods[data-v-d2a13c9e] { box-sizing: border-box; padding: 20px 40px 40px 20px; width: 100% } .vip-computing-dialog .goods-content .goods .text[data-v-d2a13c9e] { align-items: center; display: flex; gap: 6px } .vip-computing-dialog .goods-content .goods .goods-all[data-v-d2a13c9e] { align-items: center; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; justify-content: flex-start; margin-top: 40px } .vip-computing-dialog .goods-content .goods .item-goods[data-v-d2a13c9e] { align-content: flex-end; background-repeat: no-repeat; background-size: cover; display: flex; flex-wrap: wrap; height: 173px; position: relative; width: 130px } .vip-computing-dialog .goods-content .goods .item-goods .discount[data-v-d2a13c9e] { align-content: space-around; background: /*savepage-url=/_nuxt/img/mall-sun-bg.81c1d86.png*/ var(--savepage-url-18) no-repeat; background-size: contain; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 70px; padding: 12px 0; position: absolute; right: -20px; top: -15px; transform: rotate(-45deg); width: 70px } .vip-computing-dialog .goods-content .goods .item-goods .discount .words[data-v-d2a13c9e] { box-sizing: border-box; color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; text-align: center; width: 100% } .vip-computing-dialog .goods-content .goods .item-goods .discount .number-old[data-v-d2a13c9e] { box-sizing: border-box; color: #fff; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 14px; font-weight: 700; text-align: center; -webkit-text-decoration: line-through; text-decoration: line-through; width: 100% } .vip-computing-dialog .goods-content .goods .item-goods .discount .number-new[data-v-d2a13c9e] { align-items: center; box-sizing: border-box; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 20px; font-weight: 700; justify-content: center; text-align: center; width: 100% } .vip-computing-dialog .goods-content .goods .item-goods .discount .number-new .icon[data-v-d2a13c9e] { height: 24px; width: 24px } .vip-computing-dialog .goods-content .goods .item-goods .goods-info[data-v-d2a13c9e] { height: 38px; width: 100% } .vip-computing-dialog .goods-content .goods .item-goods .goods-info .VIP_Card[data-v-d2a13c9e] { box-sizing: border-box; color: #1c77ff; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; overflow: hidden; padding: 0 5px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100% } .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Credit[data-v-d2a13c9e], .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Diamond[data-v-d2a13c9e] { align-items: center; display: flex; height: 39px; justify-content: center; line-height: 39px; margin-top: 3px; padding: 0 5px } .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Credit .words[data-v-d2a13c9e], .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Diamond .words[data-v-d2a13c9e] { color: #fff; font-family: Arial-Bold, Arial; font-size: 20px; font-weight: 700; text-shadow: -1px -1px 0 #7538cb, 1px -1px 0 #7538cb, -1px 1px 0 #7538cb, 1px 1px 0 #7538cb } .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Credit .icon[data-v-d2a13c9e], .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Diamond .icon[data-v-d2a13c9e] { height: 32px; -o-object-fit: contain; object-fit: contain; width: 32px } .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Credit .icon[data-v-d2a13c9e] { margin-bottom: 1px } .vip-computing-dialog .goods-content .goods .item-goods .goods-info .mall-Diamond .icon[data-v-d2a13c9e] { margin-bottom: 3px } .vip-computing-dialog .goods-content .goods .item-goods .purchase-btn[data-v-d2a13c9e] { align-items: center; background: transparent; border: 0; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 24px; font-style: italic; font-weight: 700; height: 32px; justify-content: center; margin: 0 auto; padding: 0; width: 100% } .vip-computing-dialog .goods-content .goods .item-goods .purchase-btn.is-loading[data-v-d2a13c9e]:before { background-color: transparent } .vip-computing-dialog .goods-content .goods .item-goods .purchase-btn[data-v-d2a13c9e]:before { color: hsla(0, 0%, 100%, .8); content: attr(disPrice); font-family: DIN Alternate-Bold, DIN Alternate; font-size: 20px; margin-right: 10px; -webkit-text-decoration: line-through; text-decoration: line-through } .vip-computing-dialog .goods-content .close-icon[data-v-d2a13c9e] { border-radius: 50%; color: rgba(36, 38, 42, .8); cursor: pointer; height: 32px; position: absolute; right: 10px; top: 10px; width: 32px } .vip-computing-dialog .goods-content .close-icon > i[data-v-d2a13c9e] { font-size: 22px } .not-vip-computing-dialog[data-v-5467df73] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .not-vip-computing-dialog[data-v-5467df73] .el-dialog .el-dialog__header { display: none } .not-vip-computing-dialog[data-v-5467df73] .el-dialog .el-dialog__body { padding: 0 } .activation-dialog[data-v-a95cddd2] .el-dialog { background-color: transparent; display: flex; justify-content: center; margin: 0 !important; width: auto } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__header { display: none } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body { background: #fff; border-radius: 12px; display: flex; min-height: 580px; overflow: auto; padding: 0; position: relative; width: 920px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .activation-dialog-close { cursor: pointer; height: 22px; position: absolute; right: 16px; top: 16px; width: 22px; z-index: 1 } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .activation-dialog-close > i { color: #28303f; font-size: 12px; font-weight: 700 } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left { box-sizing: border-box; flex-grow: 1; height: 100%; padding: 60px 40px; position: relative; width: 50% } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-header { align-items: center; display: flex } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-header-free { background: linear-gradient(90deg, #ff409f, #f80); border-radius: 6px 6px 0 6px; box-sizing: border-box; color: #fff; font-family: Poppins; font-size: 12px; font-weight: 700; height: 22px; padding: 0 5px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-header-free > i { font-size: 12px; margin-right: 4px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-header-try { color: #1b1e24; font-family: Poppins; font-size: 18px; font-weight: 700; margin-left: 6px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-desc { display: flex; flex-wrap: wrap; margin-top: 16px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-desc .item-terms { align-items: center; color: #1b1e24; display: flex; font-family: Inter; font-size: 14px; font-weight: 700; margin-bottom: 10px; min-height: 24px; width: 100% } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-desc .item-terms:last-child { margin-bottom: 0 } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-desc .item-terms > i { color: #22d19d; font-size: 16px; font-weight: 700; margin-right: 12px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-tips { display: flex; flex-wrap: wrap; margin-top: 84px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-tips .item-tip { align-items: center; box-sizing: border-box; color: #606266; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 10px; min-height: 24px; padding-left: 28px; position: relative; width: 100% } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-tips .item-tip:last-child { margin-bottom: 0 } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-tips .item-tip:before { background-color: #484848; border-radius: 50%; content: ""; height: 4px; left: 6px; position: absolute; top: 10px; width: 4px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body .left-btn { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 6px; bottom: 60px; color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600; height: 40px; left: 40px; position: absolute; width: 302px } .activation-dialog[data-v-a95cddd2] .el-dialog .el-dialog__body > .right-part { background-color: #fafcfd; flex-shrink: 0; height: 100%; width: 50% } .my-trick-dialog[data-v-409fcb5c] .el-dialog__header { display: none } .my-trick-dialog[data-v-409fcb5c] .el-dialog { background: transparent } .my-trick-dialog[data-v-409fcb5c] .el-dialog__body { padding: 0 } .title-box[data-v-409fcb5c] { background: /*savepage-url=/_nuxt/img/start.766321c.png*/ url() no-repeat center 10px; background-size: 307px 100%; color: #fff7ca; font-size: 30px; height: 96px; width: 100% } .title-box span[data-v-409fcb5c] { margin-top: 50px } .content-box[data-v-409fcb5c] { background-image: /*savepage-url=/_nuxt/img/shandian.573189e.png*/ url(), /*savepage-url=/_nuxt/img/bgimg.07075aa.png*/ url(); background-position: 125px 44px, 50%; background-repeat: no-repeat, no-repeat; background-size: 135px 140px, cover; height: 368px; position: relative; width: 365px } .content-box .money-num[data-v-409fcb5c] { background: linear-gradient(90deg, #9d521d, #d29a62); border: 1px solid #ffe7e9; border-radius: 100px 100px 100px 100px; color: #fff; font-size: 20px; font-style: italic; height: 32px; left: 178px; position: absolute; top: 152px; width: 82px } .content-box .move-btn[data-v-409fcb5c] { background: /*savepage-url=/_nuxt/img/button.c7a5332.png*/ url() no-repeat; background-size: 100% 100%; bottom: 64px; color: #3e1f0e; cursor: pointer; font-size: 16px; font-weight: 600; height: 50px; left: 73px; position: absolute; width: 240px } .content-box .move-btn .iconfont[data-v-409fcb5c] { font-size: 30px; margin-right: 12px } .content-box .claim[data-v-409fcb5c] { bottom: 32px; color: #fbe4cb; cursor: pointer; font-size: 14px; left: 42px; position: absolute; text-align: center; width: 295px } .my-trick-dialog[data-v-409fcb5c] { overflow: auto; text-align: center; white-space: nowrap } .my-trick-dialog[data-v-409fcb5c]:after { content: ""; display: inline-block; height: 100%; vertical-align: middle } .my-trick-dialog[data-v-409fcb5c] .el-dialog { box-shadow: none; display: inline-block; margin: 30px auto !important; text-align: center; vertical-align: middle; white-space: normal } .my-trick-dialog[data-v-409fcb5c] .el-dialog__body { margin-top: -72px; position: relative; transform: scale(1) } .share-create-dialog.custom-dialog .container[data-v-36496f12] { background: linear-gradient(131deg, #fcfbf5, #c1cffc 50%, #fbf1e3); background-size: 100% 100%; border-radius: 20px; display: flex; flex-direction: column } .share-create-dialog.custom-dialog .container .top[data-v-36496f12] { box-sizing: border-box; display: flex; flex-direction: column; gap: 5px; height: 75px; padding: 20px 0 0 16px; width: 100% } .share-create-dialog.custom-dialog .container .top .slogan[data-v-36496f12] { color: #333; font-size: 20px; font-weight: 700; line-height: 28px } .share-create-dialog.custom-dialog .container .top .desc[data-v-36496f12] { color: #555; font-size: 12px; font-weight: 400; line-height: 20px } .share-create-dialog.custom-dialog .container .content[data-v-36496f12] { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; gap: 16px; margin-top: 10px; padding: 0 16px; position: relative; width: 100% } .share-create-dialog.custom-dialog .container .content .mask[data-v-36496f12] { align-items: center; background: #fff; border-radius: 20px; display: flex; justify-content: center; overflow: hidden; position: relative; width: 100% } .share-create-dialog.custom-dialog .container .content .mask[data-v-36496f12]:after { background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent 50%); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; width: 100% } .share-create-dialog.custom-dialog .container .content .poster[data-v-36496f12] { border-radius: 20px; height: auto; min-height: 175px; min-width: 350px; width: 100% } .share-create-dialog.custom-dialog .container .content .rate-content[data-v-36496f12] { align-items: center; display: flex; justify-content: space-between } .share-create-dialog.custom-dialog .container .content .rate-content .rate-logo[data-v-36496f12] { height: 28px; width: auto } .share-create-dialog.custom-dialog .container .content .rate-content .rate-logo img[data-v-36496f12] { height: 100%; width: 100% } .share-create-dialog.custom-dialog .container .content .rate-content .rate-right[data-v-36496f12] { align-items: flex-end; display: flex; flex-direction: column; justify-content: center } .share-create-dialog.custom-dialog .container .content .rate-content .rate-right .rate-number[data-v-36496f12] { color: #ffd977; font-size: 38px; font-weight: 500; text-shadow: 1px 2px 1px #af8a2b } .share-create-dialog.custom-dialog .container .content .rate-content .rate-right .rate-star[data-v-36496f12] { align-items: center; color: #ffbb3a; display: flex; height: 28px } .share-create-dialog.custom-dialog .container .content .rate-content .rate-right .rate-star .iconfont[data-v-36496f12] { font-size: 20px } .share-create-dialog.custom-dialog .container .content .rate-content.height[data-v-36496f12] { align-items: flex-end; bottom: 10px; margin: 0 20px; position: absolute; width: 81% } .share-create-dialog.custom-dialog .container .bottom[data-v-36496f12] { box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; height: 56px; margin-top: 15px; padding: 0 10px; width: 100% } .share-create-dialog.custom-dialog .container .bottom .share-networks[data-v-36496f12] { display: flex; justify-content: space-evenly } .share-create-dialog.custom-dialog .container .bottom .share-networks .network[data-v-36496f12] { align-items: center; border-radius: 10px; cursor: pointer; display: flex; gap: 16px } .share-create-dialog.custom-dialog .container .bottom .share-networks .network i[data-v-36496f12] { align-items: center; border-radius: 50%; display: flex; font-size: 20px; height: 35px; justify-content: center; width: 35px } .share-create-dialog.custom-dialog[data-v-36496f12] .el-dialog { background: transparent; border: 0; border-radius: 20px; box-shadow: none; height: 600px; padding: 0; width: 382px } .share-create-dialog.custom-dialog[data-v-36496f12] .el-dialog .el-dialog__header { display: none } .share-create-dialog.custom-dialog[data-v-36496f12] .el-dialog .el-dialog__body { align-items: center; background: transparent; border-radius: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; padding: 0; position: relative; width: 100% } .share-create-dialog.custom-dialog[data-v-36496f12] .el-dialog .el-dialog__body .close-icon { color: #fff; cursor: pointer; font-size: 23px; position: absolute; right: -36px; top: -5px } .share-create-dialog.custom-dialog[data-v-36496f12] .el-dialog .el-dialog__body .el-rate .el-rate__icon { font-size: 24px } .share-create-dialog.custom-dialog.wide-dialog[data-v-36496f12] .el-dialog { max-height: 655px; width: 382px } .share-create-dialog.custom-dialog.tall-dialog[data-v-36496f12] .el-dialog { height: 425px; max-width: 560px } .payment-status-dialog2 .el-dialog { background: transparent; box-shadow: none; box-sizing: border-box; width: auto } .payment-status-dialog2 .el-dialog .el-dialog__header { display: none } .payment-status-dialog2 .el-dialog .el-dialog__body { background: #fff; border-radius: 36px; box-sizing: border-box; padding: 0 } .payment-status-dialog2 .el-dialog .el-dialog__body .container { box-sizing: border-box; height: 336px; position: relative; transition: height .5s ease 0s; width: 416px } .payment-status-dialog2 .el-dialog .el-dialog__body .container > .icon { height: 96px; left: 50%; position: absolute; top: -48px; transform: translateX(-50%); width: 160px } .payment-status-dialog2 .el-dialog .el-dialog__body .container .loading { align-content: flex-start; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .payment-status-dialog2 .el-dialog .el-dialog__body .container .loading > .icon { height: 68px; margin-top: 34px; width: 68px } .payment-status-dialog2 .el-dialog .el-dialog__body .container .loading > .icon.rotate-image { animation: spin 3s linear infinite } .payment-status-dialog2 .el-dialog .el-dialog__body .container .loading .words { color: #666; font-family: PingFang SC-Medium, PingFang SC; font-size: 18px; font-weight: 500; margin-top: 10px; text-align: center; width: 100% } .payment-status-dialog2 .el-dialog .el-dialog__body .container .loading .cancel-btn { background: #37c040; border: 0; border-radius: 8px; color: #fff; height: 36px; margin-top: 40px; width: 134px } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish { align-content: flex-start; align-items: center; background: /*savepage-url=/_nuxt/img/payment-status-dialog-bg.8d3a869.webp*/ url() no-repeat; background-size: contain; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; overflow: hidden; position: relative; width: 100% } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .tip { color: #104619; font-family: Helvetica Neue-Bold, Helvetica Neue; font-size: 20px; font-weight: 700; margin-top: 80px; text-align: center; width: 100% } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .amount { color: #104619; font-family: PingFang SC-Medium, PingFang SC; font-size: 18px; font-weight: 500; margin-top: 10px } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content { margin-top: 33px; padding: 0 32px; width: 100% } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content { display: flex; justify-content: space-between; margin-bottom: 10px; width: 100% } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content:last-child { margin-bottom: 0 } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content .label { align-items: center; color: #888; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content .detail { color: #333; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div { align-items: center; display: flex } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div .icon { height: 26px; margin-left: 5px; width: 26px } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div.credits .icon { margin-left: 3px } .payment-status-dialog2 .el-dialog .el-dialog__body .container .finish .done-btn { background: #37c040; border: 0; border-radius: 8px; color: #fff; height: 36px; margin-top: 30px; width: 134px } .make-digital-process-modal { background: #24262a; border-radius: 20px; height: 517px } .make-digital-process-modal .el-dialog__header { display: none } .make-digital-process-modal .el-dialog__body { align-items: center; display: flex; height: 100%; justify-content: center; padding: 0; width: 100% } .make-digital-process-modal .result-box { align-items: center; display: flex; flex-direction: column } .make-digital-process-modal .result-box .result-box-icon { height: 90px; width: 93px } .make-digital-process-modal .result-box .result-box-icon img { align-items: center; display: flex; height: 100%; justify-content: center; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .make-digital-process-modal .result-box .result-box-title-1 { color: #22d19d; font-family: PingFang SC; font-size: 16px; font-weight: 600; margin-top: 14px } .make-digital-process-modal .result-box .result-box-title-2 { color: #fff; font-family: PingFang SC; font-size: 14px; font-weight: 400; margin-top: 8px } .make-digital-process-modal .result-box .result-box-confirm-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 12px; color: #fcfcfd; cursor: pointer; display: flex; font-family: DM Sans; font-size: 16px; font-weight: 700; height: 58px; justify-content: center; margin-top: 67px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 224px } .make-digital-process-modal .result-box .result-box-remake-btn { margin-top: 28px } .make-digital-process-modal .process-box .process-box-title1 { color: #22d19d; font-family: PingFang SC; font-size: 16px; font-weight: 600; text-align: center } .make-digital-process-modal .process-box .process-box-title2 { color: #fff; font-family: PingFang SC; font-size: 14px; font-weight: 400; margin-top: 16px; text-align: center } .make-digital-process-modal .process-box .process-box-main { align-items: center; display: flex; justify-content: center; margin-top: 40px } .make-digital-process-modal .process-box .process-box-main .el-progress__text { color: #fff !important; font-family: Inter !important; font-size: 16px !important; font-weight: 400 !important } .make-digital-process-modal .process-box .message-process-loading-span { display: inline-block; height: 1em; line-height: 1; overflow: hidden; text-align: left; vertical-align: -.25ex } .make-digital-process-modal .process-box .message-process-loading-span:before { animation: dotdotdot 3s step-start infinite both; content: "...\a..\a."; display: block; white-space: pre-wrap } @keyframes dotdotdot { 33% { transform: translateY(-2em) } 66% { transform: translateY(-1em) } } .make-digital-process-modal .make-digital-process-modal-close { align-items: center; background: #1a202f; border-radius: 20px; color: #f7fbfa; cursor: pointer; display: flex; height: 44px; justify-content: center; position: absolute; right: 36px; top: 28px; width: 44px } .make-digital-process-modal .make-digital-process-modal-close i { color: #f7fbfa; font-size: 18px } .make-digital-process-modal .make-digital-process-modal-close:hover { background: #1a1e2b } .make-digital-process-modal2 { height: 387px } @media (min-width: 0)and (max-width: 430px) { html[data-v-2d632445] { font-size: 10px } } .justify-center[data-v-2d632445] { justify-content: center } .justify-between[data-v-2d632445] { justify-content: space-between } .justify-start[data-v-2d632445] { justify-content: flex-start } .justify-end[data-v-2d632445] { justify-content: flex-end } .items-baseline[data-v-2d632445] { align-items: baseline } .items-center[data-v-2d632445] { align-items: center } .items-end[data-v-2d632445] { align-items: flex-end } .item-stretch[data-v-2d632445] { align-items: stretch } .flex-wrap[data-v-2d632445] { flex-wrap: wrap } .flex-col[data-v-2d632445] { flex-direction: column } .flex-1[data-v-2d632445] { flex: 1 1 0% } .inline-flex[data-v-2d632445] { display: inline-flex } .h-full[data-v-2d632445] { height: 100% } .w-full[data-v-2d632445] { width: 100% } .mx-auto[data-v-2d632445] { margin-left: auto; margin-right: auto } .no-m[data-v-2d632445] { margin: 0 } .no-p[data-v-2d632445] { padding: 0 } .no-m-t[data-v-2d632445] { margin-top: 0 } .no-m-b[data-v-2d632445] { margin-bottom: 0 } .text-center[data-v-2d632445] { text-align: center } .text-right[data-v-2d632445] { text-align: right } .ud-line[data-v-2d632445] { text-decoration-line: underline } .text-no-wrap[data-v-2d632445] { white-space: nowrap } .text-no-wrap-2[data-v-2d632445], .text-no-wrap[data-v-2d632445] { overflow: hidden; text-overflow: ellipsis } .text-no-wrap-2[data-v-2d632445] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .f-12[data-v-2d632445] { font-size: 12px } .display_none[data-v-2d632445] { display: none !important } .flex[data-v-2d632445], .flex_wrap[data-v-2d632445] { display: flex } .flex_wrap[data-v-2d632445] { flex-wrap: wrap } .flex_b[data-v-2d632445] { align-items: flex-end; display: flex } .flex_tb[data-v-2d632445], .flex_tb_c[data-v-2d632445] { display: flex; flex-direction: column; justify-content: space-between } .flex_tb_c[data-v-2d632445] { align-items: center } .flex_line_c[data-v-2d632445], .flex_line_c_m[data-v-2d632445] { align-items: center; display: flex; flex-direction: column } .flex_line_c_m[data-v-2d632445] { justify-content: center } .flex_line_end[data-v-2d632445] { display: flex; flex-direction: column-reverse } .flex_lr[data-v-2d632445], .flex_lr_m[data-v-2d632445] { display: flex; justify-content: space-between } .flex_lr_m[data-v-2d632445] { align-items: center } .flex_c_m[data-v-2d632445] { justify-content: center } .flex_c_m[data-v-2d632445], .flex_cm_l[data-v-2d632445] { align-items: center; display: flex } .flex_cm_l[data-v-2d632445] { justify-content: flex-start } .flex_cm_r[data-v-2d632445] { align-items: center; display: flex; justify-content: flex-end } .flex_c[data-v-2d632445] { display: flex; justify-content: center } .flex_m[data-v-2d632445] { align-items: center; display: flex } .flex_nosize[data-v-2d632445] { flex-shrink: 0 } .flex_autosize[data-v-2d632445] { flex-grow: 1 } .flex_inline[data-v-2d632445] { display: inline-flex } .flex0[data-v-2d632445] { flex: 0; min-width: 0 } .flex1[data-v-2d632445] { flex: 1; min-width: 0 } .flex-nowrap[data-v-2d632445] { flex-wrap: nowrap } .page-leave-active[data-v-2d632445] { display: none } .waterfull-filter .filter-content[data-v-2d632445] { box-sizing: border-box; padding: 0 16px 24px; width: 265px } .waterfull-filter .filter-content .title[data-v-2d632445] { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 12px; font-weight: 800; height: 17px; line-height: 17px; margin-top: 10px; width: 100% } .waterfull-filter .filter-content .filter[data-v-2d632445] { display: flex; flex-wrap: wrap; margin-top: 8px } .waterfull-filter .filter-content .filter .item-filter[data-v-2d632445] { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; box-sizing: border-box; color: hsla(0, 0%, 100%, .8); display: flex; font-family: PingFang SC; font-size: 12px; height: 24px; justify-content: center; margin: 0 10px 10px 0; padding: 0 10px } .waterfull-filter .filter-content .filter-reset[data-v-2d632445] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px } .waterfull-filter .filter-content .active[data-v-2d632445] { background: #595c6a; color: #fff; font-family: Helvetica } .waterfull-filter .filter-content .active > i[data-v-2d632445] { color: #22d19d; font-size: 16px; margin-right: 6px } .SaDialog[data-v-2d632445] { background: #121627; border: 1px solid #282f40; border-radius: 8px } .SaDialog .el-dialog__header[data-v-2d632445] { background-color: #0f121e; border-radius: 8px 8px 0 0; font-size: 12px } .SaDialog .el-dialog__header .el-dialog__title[data-v-2d632445] { color: #fff; font-size: 16px; font-weight: 800 } .SaDialog .el-dialog__body[data-v-2d632445] { color: #cbd5e1; padding: 10px 22px } .SaDialog .el-dialog__footer[data-v-2d632445] { box-shadow: inset 0 1px 0 0 rgba(40, 46, 64, .6); padding: 10px 23px } .model-fitting-hover-popover[data-v-2d632445] { background-color: transparent !important; border: 0 !important; padding: 0 } .model-fitting-hover-popover .content[data-v-2d632445] { background-color: transparent; display: flex; position: relative } .model-fitting-hover-popover .content .arrow[data-v-2d632445] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .model-fitting-hover-popover .content .image[data-v-2d632445] { border: 0 !important; border-radius: 10px !important; height: 164px !important; margin: 0 !important; -o-object-fit: cover; object-fit: cover; width: 150px !important } .model-info-popover .model-info-box[data-v-2d632445] { background: #24262a; border: 1px solid #35383c; border-radius: 6px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); box-sizing: border-box; padding: 14px 12px; position: relative; width: 218px } .model-info-popover .model-info-box .close-btn[data-v-2d632445] { color: #c0c0c3; font-size: 16px; position: absolute; right: 6px; top: 6px } .model-info-popover .model-info-box .model-info-header[data-v-2d632445] { display: flex; width: 100% } .model-info-popover .model-info-box .model-info-header > .left[data-v-2d632445] { height: 46px; width: 46px } .model-info-popover .model-info-box .model-info-header > .left img[data-v-2d632445] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .model-info-popover .model-info-box .model-info-header > .right[data-v-2d632445] { display: flex; flex: 1; flex-wrap: wrap; margin-left: 8px } .model-info-popover .model-info-box .model-info-header > .right .model-name[data-v-2d632445] { color: #c0c0c3; font-family: PingFang SC; font-size: 16px; font-weight: 600; width: 100% } .model-info-popover .model-info-box .model-info-header > .right .model-info[data-v-2d632445] { color: #c0c0c3; font-family: PingFang SC; font-size: 12px; width: 100% } .model-info-popover .model-info-box .model-info-expression[data-v-2d632445] { margin-top: 15px; width: 100% } .model-info-popover .model-info-box .model-info-expression .title[data-v-2d632445] { color: #c0c0c3; font-family: PingFang SC; font-size: 14px; margin-bottom: 6px } .model-info-popover .model-info-box .model-info-expression .expressions-box[data-v-2d632445] { display: flex; flex-wrap: wrap; width: 100% } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression[data-v-2d632445] { background: #36393f; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; color: #c0c0c3; font-family: PingFang SC; font-size: 12px; margin: 0 6px 4px 0; padding: 4px 10px } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression.active[data-v-2d632445] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #36393f, #36393f), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box } .tooltip-box[data-v-2d632445] { align-items: center; display: flex; justify-content: center; position: relative } .tooltip-box[data-v-2d632445]:hover:after, .tooltip-box[data-v-2d632445]:hover:before { display: block } .tooltip-box[data-v-2d632445]:after, .tooltip-box[data-v-2d632445]:before { display: none; position: absolute } .tooltip-box[data-v-2d632445]:after { text-wrap: nowrap; word-wrap: break-word; background: #303133; border-radius: 4px; bottom: calc(100% + 10px); color: #fff; content: attr(data-text); font-size: 12px; left: auto; line-height: 1.2; margin: 0 auto; padding: 10px; right: auto; z-index: 9999 } .tooltip-box[data-v-2d632445]:before { border-color: #303133 transparent transparent; border-style: solid; border-width: 5px 5px 0; bottom: calc(100% + 5px); content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; z-index: 9999 } .tooltip-box.bottom[data-v-2d632445]:after { bottom: auto; top: calc(100% + 10px) } .tooltip-box.bottom[data-v-2d632445]:before { border-color: transparent transparent #303133; border-width: 0 5px 5px; bottom: auto; top: calc(100% + 5px) } .tooltip-box.left[data-v-2d632445]:after { bottom: auto; left: auto; right: calc(100% + 10px); top: auto } .tooltip-box.left[data-v-2d632445]:before { border-color: transparent transparent transparent #303133; border-width: 5px 0 5px 5px; bottom: auto; left: auto; right: calc(100% + 5px); top: auto } .tooltip-box.right[data-v-2d632445]:after { bottom: auto; left: calc(100% + 10px); right: auto; top: auto } .tooltip-box.right[data-v-2d632445]:before { border-color: transparent #303133 transparent transparent; border-width: 5px 5px 5px 0; bottom: auto; left: calc(100% + 5px); margin-left: 0; right: auto; top: auto } [data-v-2d632445] .top-menu-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; min-width: 196px; padding: 12px 16px } [data-v-2d632445] .top-menu-popover .content { width: 100% } [data-v-2d632445] .top-menu-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } [data-v-2d632445] .top-menu-popover .content .item:hover { background: #2f3238; border-radius: 4px } [data-v-2d632445] .top-menu-popover .content .item > img { height: 28px; margin-right: 12px; width: 28px } [data-v-2d632445] .top-menu-popover .content > :last-child { margin-bottom: 0 } [data-v-2d632445] .workflow-app-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 12px 16px } [data-v-2d632445] .workflow-app-popover .content { width: 100% } [data-v-2d632445] .workflow-app-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } [data-v-2d632445] .workflow-app-popover .content .item:hover { background: #2f3238; border-radius: 4px } [data-v-2d632445] .workflow-app-popover .content > :last-child { margin-bottom: 0 } .words-wrap[data-v-2d632445] { word-wrap: break-word; white-space: normal; word-break: normal } .overflow-ellipsis[data-v-2d632445] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .width-height-hundred[data-v-2d632445] { box-sizing: border-box; height: 100%; width: 100% } .el-rate__icon[data-v-2d632445] { font-size: 20px; margin-right: 0 } .right-click-menu[data-v-2d632445] { background-color: #24262a; border-radius: 6px; box-sizing: border-box; padding: 6px 7px; position: absolute; width: 212px; z-index: 999 } .right-click-menu .item-menu[data-v-2d632445] { cursor: pointer; height: 100%; position: relative; width: 100% } .right-click-menu .item-menu.have-children .label[data-v-2d632445] { width: 110% } .right-click-menu .item-menu .label[data-v-2d632445] { align-items: center; box-sizing: border-box; color: #c0c0c3; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu[data-v-2d632445]:hover { background-color: #2f3238; border-radius: 4px } .right-click-menu .item-menu:hover .sub-menu[data-v-2d632445] { display: block } .right-click-menu .item-menu .sub-menu[data-v-2d632445] { background-color: #24262a; border-radius: 6px; display: none; padding: 6px 7px; position: absolute; right: -230px; top: 0; width: 206px } .right-click-menu .item-menu .sub-menu[data-v-2d632445]:hover { display: block } .right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-2d632445] { align-items: center; box-sizing: border-box; color: #c0c0c3; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-2d632445]:hover { background-color: #2f3238; border-radius: 4px } .el-image-viewer__actions[data-v-2d632445] { display: none !important } h1[data-v-2d632445], p[data-v-2d632445] { margin: 0 } .el-badge__content[data-v-2d632445] { border: none } .el-dropdown-menu[data-v-2d632445] { background: #191a27; border: 1px solid #272b30; border-radius: 16px; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08); opacity: 1 } .el-dropdown-menu .el-dropdown-menu__item[data-v-2d632445]:hover { background-color: transparent; background-color: initial } .el-dropdown-menu .el-dropdown-menu__item:hover span[data-v-2d632445] { color: #fcfcfc } .el-popper[x-placement^=bottom] .popper__arrow[data-v-2d632445], .el-popper[x-placement^=top] .popper__arrow[data-v-2d632445] { display: none } .el-image__error[data-v-2d632445], .el-image__inner[data-v-2d632445], .el-image__placeholder[data-v-2d632445] { height: auto; min-height: 100% !important } .el-image__error[data-v-2d632445], .el-image__placeholder[data-v-2d632445] { background-color: transparent; background-color: initial } .image-slot[data-v-2d632445] { align-items: center; color: #fff; display: flex; font-size: 24px; height: 100%; justify-content: center; width: 100% } .galleryMetaPoper[data-v-2d632445] { background-color: transparent !important; background-color: initial !important; border-radius: 10px !important } [data-v-2d632445]:root { --padding-4: 22px; --padding-3: 16px; --padding-2: 8px; --padding-1: 4px; --font-size-05: 12px; --font-size-1: 14px; --font-size-2: 16px; --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif"; --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d); --containerBg: #0a0b17; --sidebarBg: #0a0b17 } [data-v-2d632445]::-webkit-scrollbar { width: 8px } [data-v-2d632445]::-webkit-scrollbar-track { background-color: #0a0b17; border-radius: 8px } [data-v-2d632445]::-webkit-scrollbar-thumb { background-color: #263141; border-radius: 8px } .hide-scrollbar[data-v-2d632445] { -ms-overflow-style: none; scrollbar-width: none } .hide-scrollbar[data-v-2d632445]::-webkit-scrollbar { height: 0; width: 0 } .flex-center[data-v-2d632445] { justify-content: center } .flex-between[data-v-2d632445], .flex-center[data-v-2d632445] { align-items: center; display: flex } .flex-between[data-v-2d632445] { justify-content: space-between } a.logo[data-v-2d632445] { -webkit-text-decoration: none; text-decoration: none } .el-backtop[data-v-2d632445] { background-color: #191a27; border-radius: 50%; color: #fff; height: 40px; width: 40px; z-index: 999 } .el-backtop[data-v-2d632445]:hover { background: #4c5184 } .el-switch .el-switch__core[data-v-2d632445] { background: #4b5164; border: 1px solid transparent } body[data-v-2d632445] { background-color: #0a0b17; font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif" } button[data-v-2d632445]:focus-visible { outline: none } .el-popover[data-v-2d632445] { background-color: #0f121c; border: 1px solid #293246; border-radius: 8px } .el-loading-spinner .path[data-v-2d632445] { stroke-width: 4px; stroke: #fff } .el-loading-mask[data-v-2d632445] { background: transparent } .el-popper[data-v-2d632445] { padding: 0 } [data-v-2d632445]:export { containerBg: #0a0b17; sidebarBg: #0a0b17; sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d) } .AIHelpSupportBox[data-v-2d632445] { background-color: #fff; height: 500px; right: 38%; top: 20%; width: 375px; z-index: 9999 } .close[data-v-2d632445] { background: #f9c633; border-radius: 25px; color: #fff; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 999 } .close[data-v-2d632445]:before { transform: rotate(45deg) } .close[data-v-2d632445]:after, .close[data-v-2d632445]:before { background: #fff; content: ""; height: 2px; left: 6px; position: absolute; top: 14px; width: 20px; z-index: 999 } .close[data-v-2d632445]:after { transform: rotate(-45deg) } .custom-table .table-body[data-v-2d632445] { height: calc(100% - 52px) } .custom-table .table-body .el-table[data-v-2d632445] { background: #252e42 } .custom-table .table-body .el-table th[data-v-2d632445] { background: #252e42; color: #a6b3cc } .custom-table .table-body .el-table tr[data-v-2d632445] { background: #192030 } .custom-table .table-body .el-table .el-table__fixed-right-patch[data-v-2d632445] { background: #252e42; border-bottom-color: #252e42 } .custom-table .table-body .el-table td.el-table__cell[data-v-2d632445], .custom-table .table-body .el-table th.el-table__cell.is-leaf[data-v-2d632445] { border-bottom-color: #313336 } .custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td[data-v-2d632445] { background-color: #171e2f !important } .custom-table .table-body .el-table tbody tr:hover > td[data-v-2d632445] { background: #171f34 !important } .custom-table .table-pagination[data-v-2d632445] { display: flex; justify-content: space-between; margin-top: 10px; padding-right: 20px } .custom-table .table-pagination .bottom-btn[data-v-2d632445] { align-items: center; display: flex; max-width: calc(100% - 480px); padding-left: 20px } .custom-table .table-pagination .bottom-btn .el-dropdown[data-v-2d632445] { margin-left: 10px } .custom-table .table-pagination .bottom-btn .el-dropdown > [disabled][data-v-2d632445] { background: #81aeaa; border-color: #81aeaa } .custom-table .table-pagination .el-pagination[data-v-2d632445] { padding: 10px 0; text-align: right } .custom-table .table-pagination .el-pagination .btn-next[data-v-2d632445], .custom-table .table-pagination .el-pagination .btn-prev[data-v-2d632445], .custom-table .table-pagination .el-pagination.is-background .el-pager li[data-v-2d632445] { background: #20283b } .custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active[data-v-2d632445], .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active[data-v-2d632445], .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-2d632445] { background: #0d9488 } .custom-table .table-pagination .el-pagination .el-input__inner[data-v-2d632445] { background: #20283b; border-color: #232e50; height: 22px } .custom-table .el-table[data-v-2d632445]:before, .custom-table .el-table__fixed-right[data-v-2d632445]:before { background: #192030 } .custom-table[data-v-2d632445] ::-webkit-scrollbar-corner { background: transparent } .custom-table[data-v-2d632445] ::-webkit-scrollbar { height: 8px !important; width: 8px !important } .el-dialog[data-v-2d632445] { background: #1a202f } .custom-dialog .el-dialog[data-v-2d632445] { background: #1a202f; border: 1px solid #293045; margin-top: 10vh !important; width: 600px } .custom-dialog .el-dialog .el-dialog__header[data-v-2d632445] { background: #0f121e; padding: 20px 30px; position: relative; z-index: 20000 } .custom-dialog .el-dialog .el-dialog__header span[data-v-2d632445] { color: #fff; font-size: 16px } .custom-dialog .el-dialog .el-dialog__body[data-v-2d632445] { padding: 20px 30px } .custom-dialog .dialog-btn button[data-v-2d632445] { background: #0d9488; border-color: #0d9488; color: #fff; font-size: 16px; height: 48px; width: 120px } .custom-dialog .dialog-btn button[data-v-2d632445]:first-child { background: #1e2435; border-color: #2d354b } .custom-dialog.big-body-dialog .el-dialog[data-v-2d632445], .custom-dialog.big-dialog .el-dialog[data-v-2d632445], .custom-dialog.big-footer-dialog .el-dialog[data-v-2d632445], .custom-dialog.big-head-dialog .el-dialog[data-v-2d632445] { margin: 3vh auto !important } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-2d632445], .custom-dialog.big-dialog .el-dialog .el-dialog__body[data-v-2d632445], .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-2d632445], .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-2d632445] { box-sizing: border-box; max-height: calc(94vh - 144px); overflow: auto } .custom-dialog.big-head-dialog .el-dialog .el-dialog__header[data-v-2d632445] { display: none } .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-2d632445] { max-height: calc(94vh - 80px) } .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-2d632445] { max-height: calc(94vh - 70px) } .custom-dialog.big-body-dialog[data-v-2d632445] { overflow: hidden } .custom-dialog.big-body-dialog .el-dialog .el-dialog__header[data-v-2d632445] { display: none } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-2d632445] { max-height: 94vh } .custom-dialog-canvas .el-dialog[data-v-2d632445] { background-color: #24262a; border-radius: 20px } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title[data-v-2d632445] { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close[data-v-2d632445] { color: #f7fbfa; font-size: 16px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button[data-v-2d632445] { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-2d632445] > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-2d632445] > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custom-form .el-date-editor .el-range-separator[data-v-2d632445] { color: #8e8f92 } .custom-form .el-input__inner[data-v-2d632445], .custom-form .el-textarea__inner[data-v-2d632445] { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-select-dropdown__item[data-v-2d632445] { color: #fff; font-weight: 500 } .custom-form .el-select-dropdown__item.hover[data-v-2d632445], .custom-form .el-select-dropdown__item[data-v-2d632445]:hover { background-color: #192133; color: #fff; font-weight: 500 } .custom-form .el-form-item__label[data-v-2d632445] { color: #cbd5e1; padding-bottom: 0 } .custom-form .el-range-input[data-v-2d632445], .custom-form .el-textarea__inner[data-v-2d632445] { background: #20283b; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-input.is-disabled .el-input__inner[data-v-2d632445] { background-color: #444851; border-color: #444851 } .custom-form .el-select:hover .el-input__inner[data-v-2d632445] { border-color: #464646 } .custom-form .el-select .el-input.is-disabled .el-input__inner[data-v-2d632445] { background-color: #444851; border-color: #444851 } .custom-form .el-select .el-tag[data-v-2d632445] { background: #192133; color: #fff } .custom-form .el-input-number__decrease[data-v-2d632445], .custom-form .el-input-number__increase[data-v-2d632445] { background: #192133; border-color: #0f1c38 } .custom-form .el-slider__runway[data-v-2d632445] { background-color: #393d4a; height: 8px } .custom-form .el-slider__runway .el-slider__bar[data-v-2d632445] { background-color: #cbd5e1; height: 8px } .custom-form .el-slider__runway .el-slider__button[data-v-2d632445] { background: #cbd5e1; border-color: #cbd5e1; border-radius: 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); box-sizing: border-box; height: 20px; width: 20px } .custom-form .el-checkbox[data-v-2d632445] { color: #cbd5e1; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-2d632445] { color: #3d8bf1 } .custom-form .el-checkbox .el-checkbox__inner[data-v-2d632445] { background: #262c3a; border: 1px solid #979797; border-radius: 2px; height: 14px; width: 14px } .custom-form .el-checkbox .el-checkbox__inner[data-v-2d632445]:after { height: 7px; left: 5px; top: 1px } .custom-form .el-checkbox .el-checkbox__input[data-v-2d632445] { vertical-align: text-bottom } .custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-2d632445] { background: #0052cc; border-color: #0052cc; height: 14px; width: 14px } .custom-form .el-radio__input.is-disabled .el-radio__inner[data-v-2d632445] { background: #434445; border-color: #434445 } .custom-form .el-radio__input.is-disabled + span.el-radio__label[data-v-2d632445] { color: #434445 } .custom-form .el-textarea.is-disabled .el-textarea__inner[data-v-2d632445] { background: #434445; border-color: #434445 } .custom-form .el-input__count[data-v-2d632445] { background: #20283b; color: #cbd5e1 } .p-tavern-new-character-container .el-textarea .el-input__count[data-v-2d632445] { line-height: 18px } .el-select .custom-select[data-v-2d632445] { position: absolute !important } .el-select .custom-select-fixed[data-v-2d632445] { position: fixed !important } .el-select .custom-select-top-40[data-v-2d632445] { top: 40px !important } .custom-select[data-v-2d632445] { background: #1c1d2a !important; border: 1px solid #293045 !important; border-radius: 8px !important; color: #5a7dc2 } .custom-select .el-select-dropdown__list[data-v-2d632445] { margin-bottom: 8px; margin-right: 8px; padding: 6px } .custom-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-2d632445], .custom-select.is-multiple .el-select-dropdown__item.selected[data-v-2d632445] { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; color: #fff } .custom-select .el-scrollbar__wrap[data-v-2d632445] { overflow: auto } .custom-select .el-select-dropdown__item[data-v-2d632445] { color: hsla(0, 0%, 100%, .6) } .custom-select .el-select-dropdown__item.selected[data-v-2d632445] { color: #fff; position: relative } .custom-select .el-select-dropdown__item.selected[data-v-2d632445]:after { content: "✓"; position: absolute; right: 10px } .custom-select .el-select-dropdown__item.hover[data-v-2d632445], .custom-select .el-select-dropdown__item[data-v-2d632445]:hover { background: #242534; border-radius: 5px; color: #fff } .custom-select .popper__arrow[data-v-2d632445], .custom-select .popper__arrow[data-v-2d632445]:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .custom-select .el-input__inner[data-v-2d632445] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .painting-board-select[data-v-2d632445] { border: 0 !important; border-radius: 6px !important; box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25) } .painting-board-select.select-canvas .el-select-dropdown__item.selected[data-v-2d632445], .painting-board-select.select-canvas .el-select-dropdown__item[data-v-2d632445], .painting-board-select[data-v-2d632445] { background: #1a1a22 !important } .painting-board-select.el-select-dropdown[data-v-2d632445] { margin-top: 3px } .painting-board-select.el-select-dropdown .add-canvas-option[data-v-2d632445] { align-items: center; background: #2f3238 !important; display: flex; justify-content: center } .painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus[data-v-2d632445] { font-size: 16px; margin-right: 5px } .painting-board-select.el-select-dropdown .more-btn[data-v-2d632445] { height: 34px; width: 20px } .painting-board-select.el-select-dropdown .more-btn .more-icon[data-v-2d632445] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .painting-board-select .el-select-dropdown__list[data-v-2d632445] { margin-bottom: 8px; margin-right: 8px; padding: 6px } .painting-board-select .el-select-dropdown__list[data-v-2d632445] > :last-child { margin-bottom: 0 } .painting-board-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-2d632445], .painting-board-select.is-multiple .el-select-dropdown__item.selected[data-v-2d632445] { background: #34396a; color: #fff } .painting-board-select .el-scrollbar__wrap[data-v-2d632445] { overflow: auto } .painting-board-select .el-select-dropdown__item[data-v-2d632445] { align-items: center; background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; color: #c0d0f1; display: flex; height: 32px; justify-content: space-between; margin-bottom: 4px; padding: 4px 8px } .painting-board-select .el-select-dropdown__item > .show-params-name[data-v-2d632445] { align-items: center; display: flex; height: 100%; justify-content: space-between; width: 100% } .painting-board-select .el-select-dropdown__item.selected[data-v-2d632445] { background: hsla(0, 0%, 100%, .1) } .painting-board-select .popper__arrow[data-v-2d632445], .painting-board-select .popper__arrow[data-v-2d632445]:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .painting-board-select .el-input__inner[data-v-2d632445] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .custom-btn.el-button--primary[data-v-2d632445] { background: #0d9488; border-color: #0d9488; color: #fff } .custom-btn.el-button--primary.is-disabled[data-v-2d632445] { background: #81aeaa; border-color: #81aeaa } .custom-btn.el-button--default[data-v-2d632445] { background: #293045; border-color: #293045; color: #fff } .custom-btn.el-button--default.is-disabled[data-v-2d632445] { background: #81aeaa; border-color: #81aeaa } .custom-btn-create.el-button--primary[data-v-2d632445] { background: linear-gradient(90deg, #3f8cff, #20ffff); border: none; color: #fff } .custom-btn-create.el-button--default[data-v-2d632445] { background: #101111; border-color: #101111; color: #fff } .el-message[data-v-2d632445] { min-width: 0; min-width: auto } .el-message-box.custom-confirm[data-v-2d632445] { background: #192133; border-color: #322d2d } .el-message-box.custom-confirm .el-message-box__title[data-v-2d632445] { color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__content[data-v-2d632445] { color: #fff } .el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner[data-v-2d632445] { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__status.el-icon-info[data-v-2d632445] { color: #fff } .el-message-box.custom-confirm .el-button--default[data-v-2d632445] { background: #293045; border-color: #293045; color: #fff } .el-message-box.custom-confirm .el-button--primary[data-v-2d632445] { background: #0d9488; border-color: #0d9488; color: #fff } .el-message-box.ai-face-swap-confirm[data-v-2d632445] { background: #24262a; border: 0; border-radius: 20px; min-height: 174px } .el-message-box.ai-face-swap-confirm .el-message-box__header[data-v-2d632445] { background: #24262a; padding: 20px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span[data-v-2d632445] { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close[data-v-2d632445] { color: #fff; font-size: 18px } .el-message-box.ai-face-swap-confirm .el-message-box__content[data-v-2d632445] { min-height: 61px; padding: 15px 24px 10px } .el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p[data-v-2d632445] { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 16px } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-2d632445] { padding: 5px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button[data-v-2d632445] { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-2d632445] > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-2d632445] > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custorm-messagebox[data-v-2d632445] { background: #192133; border-color: #322d2d } .custorm-messagebox .el-message-box__title[data-v-2d632445] { color: #fff } .custorm-messagebox .el-input__inner[data-v-2d632445] { background: #20283b; border-color: #232e50 } .custom-submenu .el-menu[data-v-2d632445] { background: #20283b } .custom-submenu .el-menu .el-submenu.is-active .el-submenu__title[data-v-2d632445] { color: #fff } .custom-submenu .el-menu .el-submenu__title[data-v-2d632445] { background-color: transparent; background-color: initial } .custom-submenu .el-menu .el-submenu__title[data-v-2d632445]:hover { background: #323d54; color: #fff } .custom-submenu .el-menu .el-menu-item[data-v-2d632445] { background: #20283b } .custom-submenu .el-menu .el-menu-item.is-active[data-v-2d632445], .custom-submenu .el-menu .el-menu-item[data-v-2d632445]:hover { background: #323d54; color: #fff } .custom-popver[x-placement^=bottom] .popper__arrow[data-v-2d632445] { border-bottom-color: #3c5288 !important } .custom-popver[x-placement^=bottom] .popper__arrow[data-v-2d632445]:after { border-bottom-color: #06080b !important } .custom-popver[x-placement^=top] .popper__arrow[data-v-2d632445] { border-top-color: #3c5288 !important } .custom-popver[x-placement^=top] .popper__arrow[data-v-2d632445]:after { border-top-color: #06080b !important } .custom-popver[x-placement^=left] .popper__arrow[data-v-2d632445] { border-left-color: #3c5288 !important } .custom-popver[x-placement^=left] .popper__arrow[data-v-2d632445]:after { border-left-color: #06080b !important } .custom-popver[x-placement^=right] .popper__arrow[data-v-2d632445] { border-right-color: #3c5288 !important } .custom-popver[x-placement^=right] .popper__arrow[data-v-2d632445]:after { border-right-color: #06080b !important } .custom-dropdown[data-v-2d632445] { background: #192133; border-color: #322d2d } .custom-dropdown .el-dropdown-menu__item[data-v-2d632445] { color: #9b9b9c } .custom-dropdown .el-dropdown-menu__item[data-v-2d632445]:focus, .custom-dropdown .el-dropdown-menu__item[data-v-2d632445]:hover { background: #323d54; color: #fff } .custom-dropdown .popper__arrow[data-v-2d632445] { border-bottom-color: #323d54 !important } .custom-dropdown .popper__arrow[data-v-2d632445]:after { border-bottom-color: #192133 !important } .custom-dropdown-canvas[data-v-2d632445] { background: #192133; border: 0; border-radius: 8px; margin-top: 3px !important } .custom-dropdown-canvas .el-dropdown-menu__item[data-v-2d632445] { color: #9b9b9c } .custom-dropdown-canvas .el-dropdown-menu__item[data-v-2d632445]:focus, .custom-dropdown-canvas .el-dropdown-menu__item[data-v-2d632445]:hover { background: #192133 !important; border-radius: 8px; color: #fff } .custom-dropdown-canvas .popper__arrow[data-v-2d632445] { border-bottom-color: #323d54 !important } .custom-dropdown-canvas .popper__arrow[data-v-2d632445]:after { border-bottom-color: #192133 !important } .AIHelpSupportBox[data-v-2d632445] { bottom: 0; height: 700px; left: 0; margin: auto; position: fixed; right: 0; top: 0; width: 600px } .zoom-box[data-v-2d632445]:before { content: ""; float: left; padding-top: 100% } .zoom-box[data-v-2d632445]:after { clear: both; content: ""; display: block } .PromptWork .el-textarea .el-input__count[data-v-2d632445] { background: transparent } .ellipsis-line[data-v-2d632445], .ellipsis-text[data-v-2d632445] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .ellipsis-text[data-v-2d632445] { -webkit-line-clamp: 5 } .ellipsis[data-v-2d632445] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .el-message-box[data-v-2d632445] { background: #1a202f; border: 1px solid #293045 } .el-message-box .el-dialog__header[data-v-2d632445], .el-message-box .el-message-box__header[data-v-2d632445] { background: #0f121e } .el-message-box .el-message-box__btns .el-button--primary[data-v-2d632445] { background: #0d9488; border-color: #0d9488; color: #fff } .bg-nsfw-s[data-v-2d632445], .bg-nsfw[data-v-2d632445] { background-image: /*savepage-url=/_nuxt/img/nsfw_lang.ec8566f.webp*/ url(); background-position: 0 0; background-repeat: no-repeat; background-size: cover } .marking-item[data-v-2d632445] { position: relative } .marking-item:hover .admin-marking[data-v-2d632445] { align-items: center; display: flex; flex-direction: column; gap: 30px; justify-content: center } .rounded-border[data-v-2d632445] { border-radius: 5px } .rounded-border[data-v-2d632445], .rounded-border[data-v-2d632445]:hover { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent } .custom-tips-popper-role[data-v-2d632445] { border: 1px solid #e4e7ed !important; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12); padding: 12px 16px } .custom-tips-popper-role .tooltip-txt[data-v-2d632445] { color: #606266; font-family: Archivo; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: justified; text-transform: none; width: 318px } .like-selected[data-v-2d632445] { color: #df8518 !important } .icon-collect_selected[data-v-2d632445] { color: #ff3d3d !important } .icon-link[data-v-2d632445] { color: #4784ff !important } .icon-mall-desc[data-v-2d632445] { color: #aeaeae !important } .icon-manage[data-v-2d632445] { color: #d8d8d8 !important } .icon-min-search[data-v-2d632445] { color: #737a85 !important } .icon-moveDelete[data-v-2d632445] { color: #abbdd7 !important } .icon-folder-search[data-v-2d632445] { color: #647289; font-size: 26px } .icon-postDelete[data-v-2d632445] { color: #fd4040 } .icon-ranks-user[data-v-2d632445] { color: #878c96 } .icon-remove-background[data-v-2d632445] { color: #e9e9ea } .icon-return[data-v-2d632445] { color: #d9d9d9 } .icon-right[data-v-2d632445] { font-size: 12px } .icon-round-wrong[data-v-2d632445] { color: #d81f05 } .icon-send1[data-v-2d632445] { color: #b7c4d4 } .icon-setting_icon[data-v-2d632445], .icon-sign_out[data-v-2d632445] { color: #5a7dc2 } .icon-simple_icon[data-v-2d632445] { color: #e9e0e4 } .icon-statusBox[data-v-2d632445] { font-size: 12px } .icon-success[data-v-2d632445] { color: #32a772 } .icon-add-tag[data-v-2d632445] { color: #aeaeae; font-size: 12px; font-weight: 400 } .icon-delete-gpt[data-v-2d632445] { color: #fd4040 } .icon-tagReplace[data-v-2d632445] { color: #aeaeae } .icon-tagTips[data-v-2d632445] { color: #788291 } .icon-task-upscale-icon[data-v-2d632445], .icon-task-variations-icon[data-v-2d632445] { color: #e9e9ea } .icon-translate[data-v-2d632445] { color: #8a8a8a } .icon-recommend[data-v-2d632445] { font-size: 14px; font-weight: 700 } .icon-tutorial[data-v-2d632445] { color: #c2c2c2 } .icon-changeit[data-v-2d632445] { color: #94959a } .icon-filterIcon[data-v-2d632445] { color: #9d9da2 } .icon-deff-mycollect[data-v-2d632445] { color: #646d85 !important } .icon-imgNum[data-v-2d632445], .icon-play[data-v-2d632445] { color: #fff !important } .funItem .icon-icon_jiedian[data-v-2d632445] { font-size: 12px !important } .icon-like_selected[data-v-2d632445] { color: #e08519 !important } .el-dropdown-item-2 .iconfont[data-v-2d632445] { font-size: 14px; margin-right: 5px } .el-dropdown-item-2 .icon-sort-arrow-down[data-v-2d632445] { font-size: 12px } #app[data-v-2d632445] { display: flex; height: 100%; justify-content: center } #app .container-wraper[data-v-2d632445] { background-color: #0a0b17; background-color: var(--containerBg); display: flex; flex-direction: column; min-height: 100vh; position: relative } #app .container-wraper .el-container[data-v-2d632445], #app .container-wraper .el-footer[data-v-2d632445], #app .container-wraper .el-header[data-v-2d632445] { width: 100% } #app .container-wraper .container[data-v-2d632445] { background-color: #0a0b17; background-color: var(--containerBg); display: flex; flex: 1; flex-direction: column; margin: 0 auto; min-height: calc(100vh - 172px); overflow: hidden; padding: 0 86px } #app .container-wraper .container.m-b-40[data-v-2d632445] { margin-bottom: 40px } #app .container-wraper .container .my-input-component[data-v-2d632445] { box-sizing: border-box; width: 100%; z-index: 99 } #app .container-wraper .footer.footer-fixed[data-v-2d632445] { bottom: -50px; height: 36px !important; position: fixed; transition: bottom .5s ease-out; z-index: 100 } #app .container-wraper .footer.show[data-v-2d632445] { bottom: 0 } #app .container-wraper .floating-tools[data-v-2d632445] { bottom: 82px; position: fixed; right: 30px } .v-modal { opacity: .8 } .graBorder { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .invite-dialog.custom-dialog .el-dialog__header { display: none } .invite-dialog.custom-dialog .el-dialog { background: transparent; border: 0; border-radius: 20px; height: 693px; padding: 0; width: 400px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body { align-items: center; background: transparent; border-radius: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; padding: 0; position: relative; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .close-icon { cursor: pointer; font-size: 23px; position: absolute; right: -65px; top: -5px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container { background: /*savepage-url=/_nuxt/img/invite_background.14bd46a.webp*/ url(); background-size: 100% 100%; border-radius: 8px; height: 626px; width: 400px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .top { box-sizing: border-box; height: 75px; padding: 25px 68px 20px; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .top .slogan { color: #fff; font-family: Arial-Bold, Arial; font-size: 13px; font-weight: 700; height: 19px; line-height: 19px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .top .desc { color: hsla(0, 0%, 100%, .8); font-family: Arial-Regular, Arial; font-size: 10px; font-weight: 400; height: 12px; line-height: 13px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 551px; justify-content: center; padding: 0 25px 25px; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .poster { background-size: cover; height: 367px; margin: 20px; width: 309px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .poster .img { box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal { align-items: center; box-sizing: border-box; display: flex; height: 120px; justify-content: center; padding: 0 20px; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info { align-items: center; align-items: flex-start; display: flex; justify-content: center; width: calc(100% - 83px) } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .avatar { background-color: #e9e9e9; border-radius: 50%; height: 56px; position: relative; width: 56px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .avatar .img { border-radius: 50%; box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .avatar .initials { border-radius: 50%; color: #212121; font-family: PingFangSC-Medium, PingFang SC; font-size: 34px; font-weight: 500; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .info { align-content: center; align-items: center; box-sizing: border-box; display: flex; flex: 1; flex-wrap: wrap; height: 100%; justify-content: center; max-width: calc(100% - 56px); padding: 0 5px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .info .name { color: #000; font-family: Arial-Bold, Arial; font-size: 13px; font-weight: 700; height: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .personal-info .info .text { color: rgba(0, 0, 0, .7); font-family: PingFang SC-Regular, PingFang SC; font-size: 10px; font-weight: 400; line-height: 16px; margin-top: 5px; width: 100%; word-break: break-word } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .container .content .personal .QR-code { height: 83px; width: 83px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom { align-items: flex-end; display: flex; height: 67px; justify-content: space-between; width: 100% } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .copy-link, .invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .download-img { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 600; height: 42px; justify-content: center; width: 182px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .copy-link { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 12px } .invite-dialog.custom-dialog .el-dialog .el-dialog__body .bottom .download-img { background: linear-gradient(90deg, #3f8cff, #20ffff) } .el-notification { background-color: #fff; border: 1px solid #ebeef5; border-radius: 8px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: border-box; display: flex; overflow: hidden; padding: 14px 26px 14px 13px; position: fixed; transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s; width: 330px } .el-notification.right { right: 16px } .el-notification.left { left: 16px } .el-notification__group { margin-left: 13px; margin-right: 8px } .el-notification__title { color: #303133; font-size: 16px; font-weight: 700; margin: 0 } .el-notification__content { color: #606266; font-size: 14px; line-height: 21px; margin: 6px 0 0; text-align: justify } .el-notification__content p { margin: 0 } .el-notification__icon { font-size: 24px; height: 24px; width: 24px } .el-notification__closeBtn { color: #909399; cursor: pointer; font-size: 16px; position: absolute; right: 15px; top: 18px } .el-notification__closeBtn:hover { color: #606266 } .el-notification .el-icon-success { color: #67c23a } .el-notification .el-icon-error { color: #f56c6c } .el-notification .el-icon-info { color: #909399 } .el-notification .el-icon-warning { color: #e6a23c } .el-notification-fade-enter.right { right: 0; transform: translateX(100%) } .el-notification-fade-enter.left { left: 0; transform: translateX(-100%) } .el-notification-fade-leave-active { opacity: 0 } .el-message-box, .el-popup-parent--hidden { overflow: hidden } .el-button-group > .el-button:first-child:last-child, .el-input__inner { border-radius: 4px } .el-message-box { backface-visibility: hidden; background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); display: inline-block; font-size: 18px; padding-bottom: 10px; text-align: left; vertical-align: middle; width: 420px } .el-message-box__wrapper { bottom: 0; left: 0; position: fixed; right: 0; text-align: center; top: 0 } .el-message-box__wrapper:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0 } .el-message-box__header { padding: 15px 15px 10px; position: relative } .el-message-box__title { color: #303133; font-size: 18px; line-height: 1; margin-bottom: 0; padding-left: 0 } .el-message-box__headerbtn { background: 0 0; border: none; cursor: pointer; font-size: 16px; outline: 0; padding: 0; position: absolute; right: 15px; top: 15px } .el-message-box__headerbtn .el-message-box__close { color: #909399 } .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { color: #409eff } .el-message-box__content { color: #606266; font-size: 14px; padding: 10px 15px } .el-message-box__container { position: relative } .el-message-box__input { padding-top: 15px } .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus { border-color: #f56c6c } .el-message-box__status { font-size: 24px !important; position: absolute; top: 50%; transform: translateY(-50%) } .el-message-box__status:before { padding-left: 1px } .el-message-box__status + .el-message-box__message { padding-left: 36px; padding-right: 12px } .el-message-box__status.el-icon-success { color: #67c23a } .el-message-box__status.el-icon-info { color: #909399 } .el-message-box__status.el-icon-warning { color: #e6a23c } .el-message-box__status.el-icon-error { color: #f56c6c } .el-message-box__message { margin: 0 } .el-message-box__message p { line-height: 24px; margin: 0 } .el-message-box__errormsg { color: #f56c6c; font-size: 12px; margin-top: 2px; min-height: 18px } .el-message-box__btns { padding: 5px 15px 0; text-align: right } .el-message-box__btns button:nth-child(2) { margin-left: 10px } .el-message-box__btns-reverse { flex-direction: row-reverse } .el-message-box--center { padding-bottom: 30px } .el-message-box--center .el-message-box__header { padding-top: 30px } .el-message-box--center .el-message-box__title { align-items: center; display: flex; justify-content: center; position: relative } .el-message-box--center .el-message-box__status { padding-right: 5px; position: relative; text-align: center; top: auto; transform: translateY(-1px) } .el-message-box--center .el-message-box__message { margin-left: 0 } .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content { text-align: center } .el-message-box--center .el-message-box__content { padding-left: 27px; padding-right: 27px } .msgbox-fade-enter-active { animation: msgbox-fade-in .3s } .msgbox-fade-leave-active { animation: msgbox-fade-out .3s } @keyframes msgbox-fade-in { 0% { opacity: 0; transform: translate3d(0, -20px, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes msgbox-fade-out { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(0, -20px, 0) } } .el-breadcrumb { font-size: 14px; line-height: 1 } .el-breadcrumb:after, .el-breadcrumb:before { content: ""; display: table } .el-breadcrumb:after { clear: both } .el-breadcrumb__separator { color: #c0c4cc; font-weight: 700; margin: 0 9px } .el-breadcrumb__separator[class*=icon] { font-weight: 400; margin: 0 6px } .el-breadcrumb__item { float: left } .el-breadcrumb__inner { color: #606266 } .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link { color: #303133; font-weight: 700; -webkit-text-decoration: none; text-decoration: none; transition: color .2s cubic-bezier(.645, .045, .355, 1) } .el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover { color: #409eff; cursor: pointer } .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover { color: #606266; cursor: text; font-weight: 400 } .el-breadcrumb__item:last-child .el-breadcrumb__separator { display: none } .el-color-predefine { display: flex; font-size: 12px; margin-top: 8px; width: 280px } .el-color-predefine__colors { display: flex; flex: 1; flex-wrap: wrap } .el-color-predefine__color-selector { border-radius: 4px; cursor: pointer; height: 20px; margin: 0 0 8px 8px; width: 20px } .el-color-predefine__color-selector:nth-child(10n+1) { margin-left: 0 } .el-color-predefine__color-selector.selected { box-shadow: 0 0 3px 2px #409eff } .el-color-alpha-slider__thumb, .el-color-hue-slider__thumb { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .6); left: 0; top: 0; z-index: 1 } .el-color-predefine__color-selector > div { border-radius: 3px; display: flex; height: 100% } .el-color-predefine__color-selector.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .el-color-hue-slider { background-color: red; box-sizing: border-box; height: 12px; padding: 0 2px; position: relative; width: 280px } .el-color-hue-slider__bar { background: linear-gradient(90deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red); height: 100%; position: relative } .el-color-hue-slider__thumb { background: #fff; border: 1px solid #f0f0f0; border-radius: 1px; box-shadow: 0 0 2px rgba(0, 0, 0, .6); box-sizing: border-box; cursor: pointer; height: 100%; position: absolute; width: 4px } .el-color-hue-slider.is-vertical { height: 180px; padding: 2px 0; width: 12px } .el-color-hue-slider.is-vertical .el-color-hue-slider__bar { background: linear-gradient(180deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red) } .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { height: 4px; left: 0; top: 0; width: 100% } .el-color-svpanel { height: 180px; position: relative; width: 280px } .el-color-svpanel__black, .el-color-svpanel__white { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .el-color-svpanel__white { background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0)) } .el-color-svpanel__black { background: linear-gradient(0deg, #000, transparent) } .el-color-svpanel__cursor { position: absolute } .el-color-svpanel__cursor > div { border-radius: 50%; box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4); cursor: head; height: 4px; transform: translate(-2px, -2px); width: 4px } .el-color-alpha-slider { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); box-sizing: border-box; height: 12px; position: relative; width: 280px } .el-color-alpha-slider__bar { background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); height: 100%; position: relative } .el-color-alpha-slider__thumb { background: #fff; border: 1px solid #f0f0f0; border-radius: 1px; box-shadow: 0 0 2px rgba(0, 0, 0, .6); box-sizing: border-box; cursor: pointer; height: 100%; position: absolute; width: 4px } .el-color-alpha-slider.is-vertical { height: 180px; width: 20px } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff) } .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { height: 4px; left: 0; top: 0; width: 100% } .el-color-dropdown { width: 300px } .el-color-dropdown__main-wrapper { margin-bottom: 6px } .el-color-dropdown__main-wrapper:after { clear: both; content: ""; display: table } .el-color-dropdown__btns { margin-top: 6px; text-align: right } .el-color-dropdown__value { color: #000; float: left; font-size: 12px; line-height: 26px; width: 160px } .el-color-dropdown__btn { background-color: transparent; border: 1px solid #dcdcdc; border-radius: 2px; color: #333; cursor: pointer; font-size: 12px; line-height: 24px; outline: 0; padding: 0 20px } .el-color-dropdown__btn[disabled] { color: #ccc; cursor: not-allowed } .el-color-dropdown__btn:hover { border-color: #409eff; color: #409eff } .el-color-dropdown__link-btn { color: #409eff; cursor: pointer; font-size: 12px; padding: 15px; -webkit-text-decoration: none; text-decoration: none } .el-color-dropdown__link-btn:hover { color: tint(#409eff, 20%) } .el-color-picker { display: inline-block; height: 40px; line-height: normal; position: relative } .el-color-picker.is-disabled .el-color-picker__trigger { cursor: not-allowed } .el-color-picker--medium { height: 36px } .el-color-picker--medium .el-color-picker__trigger { height: 36px; width: 36px } .el-color-picker--medium .el-color-picker__mask { height: 34px; width: 34px } .el-color-picker--small { height: 32px } .el-color-picker--small .el-color-picker__trigger { height: 32px; width: 32px } .el-color-picker--small .el-color-picker__mask { height: 30px; width: 30px } .el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon { transform: translate3d(-50%, -50%, 0) scale(.8) } .el-color-picker--mini { height: 28px } .el-color-picker--mini .el-color-picker__trigger { height: 28px; width: 28px } .el-color-picker--mini .el-color-picker__mask { height: 26px; width: 26px } .el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon { transform: translate3d(-50%, -50%, 0) scale(.8) } .el-color-picker__mask { background-color: hsla(0, 0%, 100%, .7); border-radius: 4px; cursor: not-allowed; height: 38px; left: 1px; position: absolute; top: 1px; width: 38px; z-index: 1 } .el-color-picker__trigger { border: 1px solid #e6e6e6; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 0; height: 40px; padding: 4px; position: relative; width: 40px } .el-color-picker__color { border: 1px solid #999; border-radius: 2px; box-sizing: border-box; display: block; height: 100%; position: relative; text-align: center; width: 100% } .el-color-picker__color.is-alpha { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) } .el-color-picker__color-inner { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .el-color-picker__empty, .el-color-picker__icon { font-size: 12px; left: 50%; position: absolute; top: 50% } .el-color-picker__empty { color: #999; transform: translate3d(-50%, -50%, 0) } .el-color-picker__icon { color: #fff; display: inline-block; text-align: center; transform: translate3d(-50%, -50%, 0); width: 100% } .el-color-picker__panel { background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: content-box; padding: 6px; position: absolute; z-index: 10 } .el-skeleton__item { background: #f2f2f2; border-radius: 4px; display: inline-block; height: 16px; width: 100% } .el-skeleton__circle { border-radius: 50%; height: 36px; line-height: 36px; width: 36px } .el-skeleton__circle--lg { height: 40px; line-height: 40px; width: 40px } .el-skeleton__circle--md { height: 28px; line-height: 28px; width: 28px } .el-skeleton__button { border-radius: 4px; height: 40px; width: 64px } .el-skeleton__p { width: 100% } .el-skeleton__p.is-last { width: 61% } .el-skeleton__p.is-first { width: 33% } .el-skeleton__text { height: 13px; width: 100% } .el-skeleton__caption { height: 12px } .el-skeleton__h1 { height: 20px } .el-skeleton__h3 { height: 18px } .el-skeleton__h5 { height: 16px } .el-skeleton__image { align-items: center; border-radius: 0; display: flex; justify-content: center; width: auto } .el-skeleton__image svg { fill: #dcdde0; height: 22%; width: 22% } @keyframes el-skeleton-loading { 0% { background-position: 100% 50% } to { background-position: 0 50% } } .el-skeleton { width: 100% } .el-skeleton__first-line, .el-skeleton__paragraph { background: #f2f2f2; height: 16px; margin-top: 16px } .el-skeleton.is-animated .el-skeleton__item { animation: el-skeleton-loading 1.4s ease infinite; background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%); background-size: 400% 100% } .el-step { flex-shrink: 1; position: relative } .el-step:last-of-type .el-step__line { display: none } .el-step:last-of-type.is-flex { flex-basis: auto !important; flex-grow: 0; flex-shrink: 0 } .el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main { padding-right: 0 } .el-step__head { position: relative; width: 100% } .el-step__head.is-process { border-color: #303133; color: #303133 } .el-step__head.is-wait { border-color: #c0c4cc; color: #c0c4cc } .el-step__head.is-success { border-color: #67c23a; color: #67c23a } .el-step__head.is-error { border-color: #f56c6c; color: #f56c6c } .el-step__head.is-finish { border-color: #409eff; color: #409eff } .el-step__icon { align-items: center; background: #fff; box-sizing: border-box; display: inline-flex; font-size: 14px; height: 24px; justify-content: center; position: relative; transition: .15s ease-out; width: 24px; z-index: 1 } .el-step.is-horizontal, .el-step__icon-inner { display: inline-block } .el-step__icon.is-text { border: 2px solid; border-color: inherit; border-radius: 50% } .el-step__icon.is-icon { width: 40px } .el-step__icon-inner { color: inherit; font-weight: 700; line-height: 1; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none } .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 25px; font-weight: 400 } .el-step__icon-inner.is-status { transform: translateY(1px) } .el-step__line { background-color: #c0c4cc; border-color: inherit; position: absolute } .el-step__line-inner { border: 1px solid; border-color: inherit; box-sizing: border-box; display: block; height: 0; transition: .15s ease-out; width: 0 } .el-step__main { text-align: left; white-space: normal } .el-step__title { font-size: 16px; line-height: 38px } .el-step__title.is-process { color: #303133; font-weight: 700 } .el-step__title.is-wait { color: #c0c4cc } .el-step__title.is-success { color: #67c23a } .el-step__title.is-error { color: #f56c6c } .el-step__title.is-finish { color: #409eff } .el-step__description { font-size: 12px; font-weight: 400; line-height: 20px; margin-top: -5px; padding-right: 10% } .el-step__description.is-process { color: #303133 } .el-step__description.is-wait { color: #c0c4cc } .el-step__description.is-success { color: #67c23a } .el-step__description.is-error { color: #f56c6c } .el-step__description.is-finish { color: #409eff } .el-step.is-horizontal .el-step__line { height: 2px; left: 0; right: 0; top: 11px } .el-step.is-vertical { display: flex } .el-step.is-vertical .el-step__head { flex-grow: 0; width: 24px } .el-step.is-vertical .el-step__main { flex-grow: 1; padding-left: 10px } .el-step.is-vertical .el-step__title { line-height: 24px; padding-bottom: 8px } .el-step.is-vertical .el-step__line { bottom: 0; left: 11px; top: 0; width: 2px } .el-step.is-vertical .el-step__icon.is-icon { width: 24px } .el-step.is-center .el-step__head, .el-step.is-center .el-step__main { text-align: center } .el-step.is-center .el-step__description { padding-left: 20%; padding-right: 20% } .el-step.is-center .el-step__line { left: 50%; right: -50% } .el-step.is-simple { align-items: center; display: flex } .el-step.is-simple .el-step__head { font-size: 0; padding-right: 10px; width: auto } .el-step.is-simple .el-step__icon { background: 0 0; font-size: 12px; height: 16px; width: 16px } .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) { font-size: 18px } .el-step.is-simple .el-step__icon-inner.is-status { transform: scale(.8) translateY(1px) } .el-step.is-simple .el-step__main { align-items: stretch; display: flex; flex-grow: 1; position: relative } .el-step.is-simple .el-step__title { font-size: 16px; line-height: 20px } .el-step.is-simple:not(:last-of-type) .el-step__title { max-width: 50%; word-break: break-all } .el-step.is-simple .el-step__arrow { align-items: center; display: flex; flex-grow: 1; justify-content: center } .el-step.is-simple .el-step__arrow:after, .el-step.is-simple .el-step__arrow:before { background: #c0c4cc; content: ""; display: inline-block; height: 15px; position: absolute; width: 1px } .el-step.is-simple .el-step__arrow:before { transform: rotate(-45deg) translateY(-4px); transform-origin: 0 0 } .el-step.is-simple .el-step__arrow:after { transform: rotate(45deg) translateY(4px); transform-origin: 100% 100% } .el-step.is-simple:last-of-type .el-step__arrow { display: none } .el-steps { display: flex } .el-steps--simple { background: #f5f7fa; border-radius: 4px; padding: 13px 8% } .el-steps--horizontal { white-space: nowrap } .el-steps--vertical { flex-flow: column; height: 100% } .el-empty { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: 40px 0; text-align: center } .el-empty__image { width: 160px } .el-empty__image img, .el-empty__image svg { height: 100%; vertical-align: top; width: 100% } .el-empty__image img { -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; user-select: none } .el-empty__image svg { fill: #dcdde0 } .el-empty__description { margin-top: 20px } .el-empty__description p { color: #909399; font-size: 14px; margin: 0 } .el-empty__bottom { margin-top: 20px } .el-carousel__item, .el-carousel__mask { height: 100%; left: 0; position: absolute; top: 0 } .el-carousel__item { display: inline-block; overflow: hidden; width: 100%; z-index: 0 } .el-carousel__item.is-active { z-index: 2 } .el-carousel__item--card, .el-carousel__item.is-animating { transition: transform .4s ease-in-out } .el-carousel__item--card { width: 50% } .el-carousel__item--card.is-in-stage { cursor: pointer; z-index: 1 } .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask { opacity: .12 } .el-carousel__item--card.is-active { z-index: 2 } .el-carousel__mask { background-color: #fff; opacity: .24; transition: .2s; width: 100% } .el-carousel { position: relative } .el-carousel--horizontal { overflow-x: hidden } .el-carousel--vertical { overflow-y: hidden } .el-carousel__container { height: 300px; position: relative } .el-carousel__arrow { background-color: rgba(31, 45, 61, .11); border: none; border-radius: 50%; color: #fff; cursor: pointer; font-size: 12px; height: 36px; margin: 0; outline: 0; padding: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: .3s; width: 36px; z-index: 10 } .el-carousel__arrow--left { left: 16px } .el-carousel__arrow--right { right: 16px } .el-carousel__arrow:hover { background-color: rgba(31, 45, 61, .23) } .el-carousel__arrow i { cursor: pointer } .el-carousel__indicators { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 2 } .el-carousel__indicators--horizontal { bottom: 0; left: 50%; transform: translateX(-50%) } .el-carousel__indicators--vertical { right: 0; top: 50%; transform: translateY(-50%) } .el-carousel__indicators--outside { bottom: 26px; position: static; text-align: center; transform: none } .el-carousel__indicators--outside .el-carousel__indicator:hover button { opacity: .64 } .el-carousel__indicators--outside button { background-color: #c0c4cc; opacity: .24 } .el-carousel__indicators--labels { left: 0; right: 0; text-align: center; transform: none } .el-carousel__indicators--labels .el-carousel__button { font-size: 12px; height: auto; padding: 2px 18px; width: auto } .el-carousel__indicators--labels .el-carousel__indicator { padding: 6px 4px } .el-carousel__indicator { background-color: transparent; cursor: pointer } .el-carousel__indicator:hover button { opacity: .72 } .el-carousel__indicator--horizontal { display: inline-block; padding: 12px 4px } .el-carousel__indicator--vertical { padding: 4px 12px } .el-carousel__indicator--vertical .el-carousel__button { height: 15px; width: 2px } .el-carousel__indicator.is-active button { opacity: 1 } .el-carousel__button { background-color: #fff; border: none; cursor: pointer; display: block; height: 2px; margin: 0; opacity: .48; outline: 0; padding: 0; transition: .3s; width: 30px } .carousel-arrow-left-enter, .carousel-arrow-left-leave-active { opacity: 0; transform: translateY(-50%) translateX(-10px) } .carousel-arrow-right-enter, .carousel-arrow-right-leave-active { opacity: 0; transform: translateY(-50%) translateX(10px) } .el-drawer.btt, .el-drawer.ttb, .el-drawer__container { left: 0; right: 0; width: 100% } @keyframes el-drawer-fade-in { 0% { opacity: 0 } to { opacity: 1 } } @keyframes rtl-drawer-in { 0% { transform: translate(100%) } to { transform: translate(0) } } @keyframes rtl-drawer-out { 0% { transform: translate(0) } to { transform: translate(100%) } } @keyframes ltr-drawer-in { 0% { transform: translate(-100%) } to { transform: translate(0) } } @keyframes ltr-drawer-out { 0% { transform: translate(0) } to { transform: translate(-100%) } } @keyframes ttb-drawer-in { 0% { transform: translateY(-100%) } to { transform: translate(0) } } @keyframes ttb-drawer-out { 0% { transform: translate(0) } to { transform: translateY(-100%) } } @keyframes btt-drawer-in { 0% { transform: translateY(100%) } to { transform: translate(0) } } @keyframes btt-drawer-out { 0% { transform: translate(0) } to { transform: translateY(100%) } } .el-drawer { background-color: #fff; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12); box-sizing: border-box; display: flex; flex-direction: column; outline: 0; overflow: hidden; position: absolute } .el-drawer.rtl { animation: rtl-drawer-out .3s; right: 0 } .el-drawer__open .el-drawer.rtl { animation: rtl-drawer-in .3s 1ms } .el-drawer.ltr { animation: ltr-drawer-out .3s; left: 0 } .el-drawer__open .el-drawer.ltr { animation: ltr-drawer-in .3s 1ms } .el-drawer.ttb { animation: ttb-drawer-out .3s; top: 0 } .el-drawer__open .el-drawer.ttb { animation: ttb-drawer-in .3s 1ms } .el-drawer.btt { animation: btt-drawer-out .3s; bottom: 0 } .el-drawer__open .el-drawer.btt { animation: btt-drawer-in .3s 1ms } .el-drawer__wrapper { bottom: 0; left: 0; margin: 0; overflow: hidden; position: fixed; right: 0; top: 0 } .el-drawer__header { align-items: center; color: #72767b; display: flex; margin-bottom: 32px; padding: 20px 20px 0 } .el-drawer__header > :first-child { flex: 1 } .el-drawer__title { flex: 1; font-size: 1rem; line-height: inherit; margin: 0 } .el-drawer__close-btn { background-color: transparent; border: none; color: inherit; cursor: pointer; font-size: 20px } .el-drawer__body { flex: 1; overflow: auto } .el-drawer__body > * { box-sizing: border-box } .el-drawer.ltr, .el-drawer.rtl, .el-drawer__container { bottom: 0; height: 100%; top: 0 } .el-drawer__container { position: relative } .el-drawer-fade-enter-active { animation: el-drawer-fade-in .3s } .el-drawer-fade-leave-active { animation: el-drawer-fade-in .3s reverse } .el-badge { display: inline-block; position: relative; vertical-align: middle } .el-badge__content { background-color: #f56c6c; border: 1px solid #fff; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 18px; padding: 0 6px; text-align: center; white-space: nowrap } .el-badge__content.is-fixed { position: absolute; right: 10px; top: 0; transform: translateY(-50%) translateX(100%) } .el-badge__content.is-fixed.is-dot { right: 5px } .el-badge__content.is-dot { border-radius: 50%; height: 8px; padding: 0; right: 0; width: 8px } .el-badge__content--primary { background-color: #409eff } .el-badge__content--success { background-color: #67c23a } .el-badge__content--warning { background-color: #e6a23c } .el-badge__content--info { background-color: #909399 } .el-badge__content--danger { background-color: #f56c6c } .el-collapse { border-bottom: 1px solid #ebeef5; border-top: 1px solid #ebeef5 } .el-collapse-item.is-disabled .el-collapse-item__header { color: #bbb; cursor: not-allowed } .el-collapse-item__header { align-items: center; background-color: #fff; border-bottom: 1px solid #ebeef5; color: #303133; cursor: pointer; display: flex; font-size: 13px; font-weight: 500; height: 48px; line-height: 48px; outline: 0; transition: border-bottom-color .3s } .el-collapse-item__arrow { font-weight: 300; margin: 0 8px 0 auto; transition: transform .3s } .el-collapse-item__arrow.is-active { transform: rotate(90deg) } .el-collapse-item__header.focusing:focus:not(:hover) { color: #409eff } .el-collapse-item__header.is-active { border-bottom-color: transparent } .el-collapse-item__wrap { background-color: #fff; border-bottom: 1px solid #ebeef5; box-sizing: border-box; overflow: hidden; will-change: height } .el-collapse-item__content { color: #303133; font-size: 13px; line-height: 1.769230769230769; padding-bottom: 25px } .el-collapse-item:last-child { margin-bottom: -1px } .el-rate__icon, .el-rate__item { display: inline-block; position: relative } .el-rate { height: 20px; line-height: 1 } .el-rate:active, .el-rate:focus { outline-width: 0 } .el-rate__item { font-size: 0; vertical-align: middle } .el-rate__icon { color: #c0c4cc; font-size: 18px; margin-right: 6px; transition: .3s } .el-rate__decimal, .el-rate__icon .path2 { left: 0; position: absolute; top: 0 } .el-rate__icon.hover { transform: scale(1.15) } .el-rate__decimal { display: inline-block; overflow: hidden } .el-rate__text { font-size: 14px; vertical-align: middle } .el-radio-group { display: inline-block; font-size: 0; line-height: 1; vertical-align: middle } .el-radio, .el-radio--medium.is-bordered .el-radio__label { font-size: 14px } .el-radio, .el-radio__input { line-height: 1; outline: 0; white-space: nowrap } .el-radio { font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label { font-size: 12px } .el-radio:last-child { margin-right: 0 } .el-radio__input { vertical-align: middle } .el-menu { background-color: #fff; border-right: 1px solid #e6e6e6; list-style: none; margin: 0; padding-left: 0; position: relative } .el-menu:after, .el-menu:before { content: ""; display: table } .el-menu:after { clear: both } .el-menu.el-menu--horizontal { border-bottom: 1px solid #e6e6e6 } .el-menu--horizontal { border-right: none } .el-menu--horizontal > .el-menu-item { border-bottom: 2px solid transparent; color: #909399; float: left; height: 60px; line-height: 60px; margin: 0 } .el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover { color: inherit } .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover { background-color: #fff } .el-menu--horizontal > .el-submenu { float: left } .el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { outline: 0 } .el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title { color: #303133 } .el-menu--horizontal > .el-submenu.is-active .el-submenu__title { border-bottom: 2px solid #409eff; color: #303133 } .el-menu--horizontal > .el-submenu .el-submenu__title { border-bottom: 2px solid transparent; color: #909399; height: 60px; line-height: 60px } .el-menu--horizontal > .el-submenu .el-submenu__title:hover { background-color: #fff } .el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { margin-left: 8px; margin-top: -3px; position: static; vertical-align: middle } .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title { background-color: #fff; color: #909399; float: none; height: 36px; line-height: 36px; padding: 0 10px } .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { color: #303133 } .el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover { color: #303133; outline: 0 } .el-menu--horizontal > .el-menu-item.is-active { border-bottom: 2px solid #409eff; color: #303133 } .el-menu--collapse { width: 64px } .el-menu--collapse > .el-menu-item [class^=el-icon-], .el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] { margin: 0; text-align: center; vertical-align: middle; width: 24px } .el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { display: none } .el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span { display: inline-block; height: 0; overflow: hidden; visibility: hidden; width: 0 } .el-menu--collapse > .el-menu-item.is-active i { color: inherit } .el-menu--collapse .el-menu .el-submenu { min-width: 200px } .el-menu--collapse .el-submenu { position: relative } .el-menu--collapse .el-submenu .el-menu { border: 1px solid #e4e7ed; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); left: 100%; margin-left: 5px; position: absolute; top: 0; z-index: 10 } .el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: none } .el-menu--popup { border: none; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); min-width: 200px; padding: 5px 0; z-index: 100 } .el-menu-item, .el-submenu__title { line-height: 56px; list-style: none; padding: 0 20px; position: relative; white-space: nowrap } .el-menu--popup-bottom-start { margin-top: 5px } .el-menu--popup-right-start { margin-left: 5px; margin-right: 5px } .el-menu-item { box-sizing: border-box; color: #303133; cursor: pointer; font-size: 14px; height: 56px; transition: border-color .3s, background-color .3s, color .3s } .el-menu-item * { vertical-align: middle } .el-menu-item i { color: #909399 } .el-menu-item:focus, .el-menu-item:hover { background-color: #ecf5ff; outline: 0 } .el-menu-item.is-disabled { background: 0 0 !important; cursor: not-allowed; opacity: .25 } .el-menu-item [class^=el-icon-] { font-size: 18px; margin-right: 5px; text-align: center; vertical-align: middle; width: 24px } .el-menu-item.is-active { color: #409eff } .el-menu-item.is-active i { color: inherit } .el-submenu { list-style: none; margin: 0; padding-left: 0 } .el-submenu__title { box-sizing: border-box; color: #303133; cursor: pointer; font-size: 14px; height: 56px; transition: border-color .3s, background-color .3s, color .3s } .el-submenu__title * { vertical-align: middle } .el-submenu__title i { color: #909399 } .el-submenu__title:focus, .el-submenu__title:hover { background-color: #ecf5ff; outline: 0 } .el-submenu__title.is-disabled { background: 0 0 !important; cursor: not-allowed; opacity: .25 } .el-submenu__title:hover { background-color: #ecf5ff } .el-submenu .el-menu { border: none } .el-submenu .el-menu-item { height: 50px; line-height: 50px; min-width: 200px; padding: 0 45px } .el-submenu__icon-arrow { font-size: 12px; margin-top: -7px; position: absolute; right: 20px; top: 50%; transition: transform .3s } .el-submenu.is-active .el-submenu__title { border-bottom-color: #409eff } .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { transform: rotate(180deg) } .el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title { background: 0 0 !important; cursor: not-allowed; opacity: .25 } .el-submenu [class^=el-icon-] { font-size: 18px; margin-right: 5px; text-align: center; vertical-align: middle; width: 24px } .el-menu-item-group > ul { padding: 0 } .el-menu-item-group__title { color: #909399; font-size: 12px; line-height: normal; padding: 7px 0 7px 20px } .horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { opacity: 0; transition: .2s } .el-date-table, .el-time-panel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div { background-color: #f2f6fc } .el-date-table { font-size: 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none } .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover { color: #606266 } .el-date-table.is-week-mode .el-date-table__row:hover td:first-child div { border-bottom-left-radius: 15px; border-top-left-radius: 15px; margin-left: 5px } .el-date-table.is-week-mode .el-date-table__row:hover td:last-child div { border-bottom-right-radius: 15px; border-top-right-radius: 15px; margin-right: 5px } .el-date-table td { box-sizing: border-box; cursor: pointer; height: 30px; padding: 4px 0; position: relative; text-align: center; width: 32px } .el-date-table td div { box-sizing: border-box; height: 30px; padding: 3px 0 } .el-date-table td span { border-radius: 50%; display: block; height: 24px; left: 50%; line-height: 24px; margin: 0 auto; position: absolute; transform: translateX(-50%); width: 24px } .el-date-table td.next-month, .el-date-table td.prev-month { color: #c0c4cc } .el-date-table td.today { position: relative } .el-date-table td.today span { color: #409eff; font-weight: 700 } .el-date-table td.today.end-date span, .el-date-table td.today.start-date span { color: #fff } .el-date-table td.available:hover { color: #409eff } .el-date-table td.current:not(.disabled) span { background-color: #409eff; color: #fff } .el-date-table td.end-date div, .el-date-table td.start-date div { color: #fff } .el-date-table td.end-date span, .el-date-table td.start-date span { background-color: #409eff } .el-date-table td.start-date div { border-bottom-left-radius: 15px; border-top-left-radius: 15px; margin-left: 5px } .el-date-table td.end-date div { border-bottom-right-radius: 15px; border-top-right-radius: 15px; margin-right: 5px } .el-date-table td.disabled div { background-color: #f5f7fa; color: #c0c4cc; cursor: not-allowed; opacity: 1 } .el-date-table td.selected div { background-color: #f2f6fc; border-radius: 15px; margin-left: 5px; margin-right: 5px } .el-date-table td.selected div:hover { background-color: #f2f6fc } .el-date-table td.selected span { background-color: #409eff; border-radius: 15px; color: #fff } .el-date-table td.week { color: #606266; font-size: 80% } .el-date-table th { border-bottom: 1px solid #ebeef5; color: #606266; font-weight: 400; padding: 5px } .el-month-table { border-collapse: collapse; font-size: 12px; margin: -1px } .el-month-table td { cursor: pointer; padding: 8px 0; text-align: center } .el-month-table td div { box-sizing: border-box; height: 48px; padding: 6px 0 } .el-month-table td.today .cell { color: #409eff; font-weight: 700 } .el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell { color: #fff } .el-month-table td.disabled .cell { background-color: #f5f7fa; color: #c0c4cc; cursor: not-allowed } .el-month-table td.disabled .cell:hover { color: #c0c4cc } .el-month-table td .cell { border-radius: 18px; color: #606266; display: block; height: 36px; line-height: 36px; margin: 0 auto; width: 60px } .el-month-table td .cell:hover { color: #409eff } .el-month-table td.in-range div, .el-month-table td.in-range div:hover { background-color: #f2f6fc } .el-month-table td.end-date div, .el-month-table td.start-date div { color: #fff } .el-month-table td.end-date .cell, .el-month-table td.start-date .cell { background-color: #409eff; color: #fff } .el-month-table td.start-date div { border-bottom-left-radius: 24px; border-top-left-radius: 24px } .el-month-table td.end-date div { border-bottom-right-radius: 24px; border-top-right-radius: 24px } .el-month-table td.current:not(.disabled) .cell { color: #409eff } .el-year-table { border-collapse: collapse; font-size: 12px; margin: -1px } .el-year-table .el-icon { color: #303133 } .el-year-table td { cursor: pointer; padding: 20px 3px; text-align: center } .el-year-table td.today .cell { color: #409eff; font-weight: 700 } .el-year-table td.disabled .cell { background-color: #f5f7fa; color: #c0c4cc; cursor: not-allowed } .el-year-table td.disabled .cell:hover { color: #c0c4cc } .el-year-table td .cell { color: #606266; display: block; height: 32px; line-height: 32px; margin: 0 auto; width: 48px } .el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell { color: #409eff } .el-time-spinner.has-seconds .el-time-spinner__wrapper { width: 33.3% } .el-time-spinner__wrapper { display: inline-block; max-height: 190px; overflow: auto; position: relative; vertical-align: top; width: 50% } .el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) { padding-bottom: 15px } .el-date-editor .el-range-input, .el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list { padding: 0; text-align: center } .el-time-spinner__wrapper.is-arrow { box-sizing: border-box; overflow: hidden; text-align: center } .el-time-spinner__wrapper.is-arrow .el-time-spinner__list { transform: translateY(-32px) } .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #fff; cursor: default } .el-time-spinner__arrow { color: #909399; cursor: pointer; font-size: 12px; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; width: 100%; z-index: 1 } .el-time-spinner__arrow:hover { color: #409eff } .el-time-spinner__arrow.el-icon-arrow-up { top: 10px } .el-time-spinner__arrow.el-icon-arrow-down { bottom: 10px } .el-time-spinner__input.el-input { width: 70% } .el-time-spinner__list { list-style: none; margin: 0 } .el-time-spinner__list:after, .el-time-spinner__list:before { content: ""; display: block; height: 80px; width: 100% } .el-time-spinner__item { color: #606266; font-size: 12px; height: 32px; line-height: 32px } .el-time-spinner__item:hover:not(.disabled):not(.active) { background: #f5f7fa; cursor: pointer } .el-time-spinner__item.active:not(.disabled) { color: #303133; font-weight: 700 } .el-time-spinner__item.disabled { color: #c0c4cc; cursor: not-allowed } .el-date-editor { display: inline-block; position: relative; text-align: left } .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 220px } .el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner { width: 300px } .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner { width: 350px } .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner { width: 400px } .el-date-editor--dates .el-input__inner { text-overflow: ellipsis; white-space: nowrap } .el-date-editor .el-icon-circle-close { cursor: pointer } .el-date-editor .el-range__icon { color: #c0c4cc; float: left; font-size: 14px; line-height: 32px; margin-left: -5px } .el-date-editor .el-range-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: #606266; display: inline-block; font-size: 14px; height: 100%; margin: 0; outline: 0; width: 39% } .el-date-editor .el-range-input::-moz-placeholder { color: #c0c4cc } .el-date-editor .el-range-input::placeholder { color: #c0c4cc } .el-date-editor .el-range-separator { color: #303133; display: inline-block; font-size: 14px; height: 100%; line-height: 32px; margin: 0; padding: 0 5px; text-align: center; width: 5% } .el-date-editor .el-range__close-icon { color: #c0c4cc; display: inline-block; float: right; font-size: 14px; line-height: 32px; width: 25px } .el-range-editor.el-input__inner { align-items: center; display: inline-flex; padding: 3px 10px } .el-range-editor .el-range-input { line-height: 1 } .el-range-editor.is-active, .el-range-editor.is-active:hover { border-color: #409eff } .el-range-editor--medium.el-input__inner { height: 36px } .el-range-editor--medium .el-range-separator { font-size: 14px; line-height: 28px } .el-range-editor--medium .el-range-input { font-size: 14px } .el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon { line-height: 28px } .el-range-editor--small.el-input__inner { height: 32px } .el-range-editor--small .el-range-separator { font-size: 13px; line-height: 24px } .el-range-editor--small .el-range-input { font-size: 13px } .el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon { line-height: 24px } .el-range-editor--mini.el-input__inner { height: 28px } .el-range-editor--mini .el-range-separator { font-size: 12px; line-height: 20px } .el-range-editor--mini .el-range-input { font-size: 12px } .el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon { line-height: 20px } .el-range-editor.is-disabled { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed } .el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover { border-color: #e4e7ed } .el-picker-panel, .el-time-panel { border: 1px solid #e4e7ed; -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-range-editor.is-disabled input { background-color: #f5f7fa; color: #c0c4cc; cursor: not-allowed } .el-range-editor.is-disabled input::-moz-placeholder { color: #c0c4cc } .el-range-editor.is-disabled input::placeholder { color: #c0c4cc } .el-range-editor.is-disabled .el-range-separator { color: #c0c4cc } .el-picker-panel { background: #fff; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); color: #606266; line-height: 30px; margin: 5px 0 } .el-picker-panel__body-wrapper:after, .el-picker-panel__body:after { clear: both; content: ""; display: table } .el-picker-panel__content { margin: 15px; position: relative } .el-picker-panel__footer { background-color: #fff; border-top: 1px solid #e4e4e4; font-size: 0; padding: 4px; position: relative; text-align: right } .el-picker-panel__shortcut { background-color: transparent; border: 0; color: #606266; cursor: pointer; display: block; font-size: 14px; line-height: 28px; outline: 0; padding-left: 12px; text-align: left; width: 100% } .el-picker-panel__shortcut:hover { color: #409eff } .el-picker-panel__shortcut.active { background-color: #e6f1fe; color: #409eff } .el-picker-panel__btn, .el-time-panel__btn { background-color: transparent; font-size: 12px } .el-picker-panel__btn { border: 1px solid #dcdcdc; border-radius: 2px; color: #333; cursor: pointer; line-height: 24px; outline: 0; padding: 0 20px } .el-picker-panel__btn[disabled] { color: #ccc; cursor: not-allowed } .el-picker-panel__icon-btn { background: 0 0; border: 0; color: #303133; cursor: pointer; font-size: 12px; margin-top: 8px; outline: 0 } .el-picker-panel__icon-btn:hover { color: #409eff } .el-picker-panel__icon-btn.is-disabled { color: #bbb } .el-picker-panel__icon-btn.is-disabled:hover { cursor: not-allowed } .el-picker-panel__link-btn { vertical-align: middle } .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar { background-color: #fff; border-right: 1px solid #e4e4e4; bottom: 0; box-sizing: border-box; overflow: auto; padding-top: 6px; position: absolute; top: 0; width: 110px } .el-picker-panel [slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body { margin-left: 110px } .el-date-picker { width: 322px } .el-date-picker.has-sidebar.has-time { width: 434px } .el-date-picker.has-sidebar { width: 438px } .el-date-picker.has-time .el-picker-panel__body-wrapper { position: relative } .el-date-picker .el-picker-panel__content { width: 292px } .el-date-picker table { table-layout: fixed; width: 100% } .el-date-picker__editor-wrap { display: table-cell; padding: 0 5px; position: relative } .el-date-picker__time-header { border-bottom: 1px solid #e4e4e4; box-sizing: border-box; display: table; font-size: 12px; padding: 8px 5px 5px; position: relative; width: 100% } .el-date-picker__header { margin: 12px; text-align: center } .el-date-picker__header--bordered { border-bottom: 1px solid #ebeef5; margin-bottom: 0; padding-bottom: 12px } .el-date-picker__header--bordered + .el-picker-panel__content { margin-top: 0 } .el-date-picker__header-label { color: #606266; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 22px; padding: 0 5px; text-align: center } .el-date-picker__header-label.active, .el-date-picker__header-label:hover { color: #409eff } .el-date-picker__prev-btn { float: left } .el-date-picker__next-btn { float: right } .el-date-picker__time-wrap { padding: 10px; text-align: center } .el-date-picker__time-label { cursor: pointer; float: left; line-height: 30px; margin-left: 10px } .el-date-range-picker { width: 646px } .el-date-range-picker.has-sidebar { width: 756px } .el-date-range-picker table { table-layout: fixed; width: 100% } .el-date-range-picker .el-picker-panel__body { min-width: 513px } .el-date-range-picker .el-picker-panel__content { margin: 0 } .el-date-range-picker__header { height: 28px; position: relative; text-align: center } .el-date-range-picker__header [class*=arrow-left] { float: left } .el-date-range-picker__header [class*=arrow-right] { float: right } .el-date-range-picker__header div { font-size: 16px; font-weight: 500; margin-right: 50px } .el-date-range-picker__content { box-sizing: border-box; float: left; margin: 0; padding: 16px; width: 50% } .el-date-range-picker__content.is-left { border-right: 1px solid #e4e4e4 } .el-date-range-picker__content .el-date-range-picker__header div { margin-left: 50px; margin-right: 50px } .el-date-range-picker__editors-wrap { box-sizing: border-box; display: table-cell } .el-date-range-picker__editors-wrap.is-right { text-align: right } .el-date-range-picker__time-header { border-bottom: 1px solid #e4e4e4; box-sizing: border-box; display: table; font-size: 12px; padding: 8px 5px 5px; position: relative; width: 100% } .el-date-range-picker__time-header > .el-icon-arrow-right { color: #303133; display: table-cell; font-size: 20px; vertical-align: middle } .el-date-range-picker__time-picker-wrap { display: table-cell; padding: 0 5px; position: relative } .el-date-range-picker__time-picker-wrap .el-picker-panel { background: #fff; position: absolute; right: 0; top: 13px; z-index: 1 } .el-time-range-picker { overflow: visible; width: 354px } .el-time-range-picker__content { padding: 10px; position: relative; text-align: center } .el-time-range-picker__cell { box-sizing: border-box; display: inline-block; margin: 0; padding: 4px 7px 7px; width: 50% } .el-time-range-picker__header { font-size: 14px; margin-bottom: 5px; text-align: center } .el-time-range-picker__body { border: 1px solid #e4e7ed; border-radius: 2px } .el-time-panel { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: content-box; left: 0; margin: 5px 0; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 180px; z-index: 1000 } .el-time-panel__content { font-size: 0; overflow: hidden; position: relative } .el-time-panel__content:after, .el-time-panel__content:before { border-bottom: 1px solid #e4e7ed; border-top: 1px solid #e4e7ed; box-sizing: border-box; content: ""; height: 32px; left: 0; margin-top: -15px; padding-top: 6px; position: absolute; right: 0; text-align: left; top: 50%; z-index: -1 } .el-time-panel__content:after { left: 50%; margin-left: 12%; margin-right: 12% } .el-time-panel__content:before { margin-left: 12%; margin-right: 12%; padding-left: 50% } .el-time-panel__content.has-seconds:after { left: 66.66667% } .el-time-panel__content.has-seconds:before { padding-left: 33.33333% } .el-time-panel__footer { border-top: 1px solid #e4e4e4; box-sizing: border-box; height: 36px; line-height: 25px; padding: 4px; text-align: right } .el-time-panel__btn { border: none; color: #303133; cursor: pointer; line-height: 28px; margin: 0 5px; outline: 0; padding: 0 5px } .el-time-panel__btn.confirm { color: #409eff; font-weight: 800 } .el-checkbox-button__inner, .el-checkbox__input { line-height: 1 } .el-checkbox-button__inner, .el-table-filter, .el-tag { -webkit-box-sizing: border-box } .el-table-column--selection .cell { padding-left: 14px; padding-right: 14px } .el-table-filter { background-color: #fff; border: 1px solid #ebeef5; border-radius: 2px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: border-box; margin: 2px 0 } .el-table-filter__list { list-style: none; margin: 0; min-width: 100px; padding: 5px 0 } .el-table-filter__list-item { cursor: pointer; font-size: 14px; line-height: 36px; padding: 0 10px } .el-table-filter__list-item:hover { background-color: #ecf5ff; color: #66b1ff } .el-table-filter__list-item.is-active { background-color: #409eff; color: #fff } .el-table-filter__content { min-width: 100px } .el-table-filter__bottom { border-top: 1px solid #ebeef5; padding: 8px } .el-table-filter__bottom button { background: 0 0; border: none; color: #606266; cursor: pointer; font-size: 13px; padding: 0 3px } .el-table-filter__bottom button:hover { color: #409eff } .el-table-filter__bottom button:focus { outline: 0 } .el-table-filter__bottom button.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-table-filter__wrap { max-height: 280px } .el-table-filter__checkbox-group { padding: 10px } .el-table-filter__checkbox-group label.el-checkbox { display: block; margin-bottom: 8px; margin-left: 5px; margin-right: 5px } .el-table-filter__checkbox-group .el-checkbox:last-child { margin-bottom: 0 } .el-checkbox, .el-checkbox-button__inner, .el-table th.el-table__cell { -webkit-user-select: none; -ms-user-select: none } .el-checkbox, .el-checkbox-button__inner, .el-checkbox__input, .el-tag { display: inline-block; white-space: nowrap } .el-checkbox__input { outline: 0; vertical-align: middle } .el-checkbox-button__inner, .el-table, .el-tag { -webkit-box-sizing: border-box } .el-checkbox-button { display: inline-block; position: relative } .el-checkbox-button__inner { outline: 0; position: relative; vertical-align: middle } .el-tag, .el-tooltip__popper { border-radius: 4px; font-size: 12px } .el-table, .el-table__expanded-cell { background-color: #fff } .el-table { box-sizing: border-box; color: #606266; flex: 1; font-size: 14px; max-width: 100%; overflow: hidden; position: relative; width: 100% } .el-table__empty-block { align-items: center; display: flex; justify-content: center; min-height: 60px; text-align: center; width: 100% } .el-table__empty-text { color: #909399; line-height: 60px; width: 50% } .el-table__expand-column .cell { padding: 0; text-align: center } .el-table__expand-icon { color: #666; cursor: pointer; font-size: 12px; height: 20px; position: relative; transition: transform .2s ease-in-out } .el-table__expand-icon--expanded { transform: rotate(90deg) } .el-table__expand-icon > .el-icon { left: 50%; margin-left: -5px; margin-top: -5px; position: absolute; top: 50% } .el-table__expanded-cell[class*=cell] { padding: 20px 50px } .el-table__expanded-cell:hover { background-color: transparent !important } .el-table__placeholder { display: inline-block; width: 20px } .el-table__append-wrapper { overflow: hidden } .el-table--fit { border-bottom: 0; border-right: 0 } .el-table--fit .el-table__cell.gutter { border-right-width: 1px } .el-table--scrollable-x .el-table__body-wrapper { overflow-x: auto } .el-table--scrollable-y .el-table__body-wrapper { overflow-y: auto } .el-table thead { color: #909399; font-weight: 500 } .el-table thead.is-group th.el-table__cell { background: #f5f7fa } .el-table .el-table__cell { box-sizing: border-box; min-width: 0; padding: 12px 0; position: relative; text-align: left; text-overflow: ellipsis; vertical-align: middle } .el-table .el-table__cell.is-center { text-align: center } .el-table .el-table__cell.is-right { text-align: right } .el-table .el-table__cell.gutter { border-bottom-width: 0; border-right-width: 0; padding: 0; width: 15px } .el-table .el-table__cell.is-hidden > * { visibility: hidden } .el-table--medium .el-table__cell { padding: 10px 0 } .el-table--small { font-size: 12px } .el-table--small .el-table__cell { padding: 8px 0 } .el-table--mini { font-size: 12px } .el-table--mini .el-table__cell { padding: 6px 0 } .el-table tr { background-color: #fff } .el-table tr input[type=checkbox] { margin: 0 } .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf { border-bottom: 1px solid #ebeef5 } .el-table th.el-table__cell.is-sortable { cursor: pointer } .el-table th.el-table__cell { background-color: #fff; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none } .el-table th.el-table__cell > .cell { box-sizing: border-box; display: inline-block; padding-left: 10px; padding-right: 10px; position: relative; vertical-align: middle; width: 100% } .el-table th.el-table__cell > .cell.highlight { color: #409eff } .el-table th.el-table__cell.required > div:before { background: #ff4d51; border-radius: 50%; content: ""; display: inline-block; height: 8px; margin-right: 5px; vertical-align: middle; width: 8px } .el-table td.el-table__cell div { box-sizing: border-box } .el-table td.el-table__cell.gutter { width: 0 } .el-table .cell { box-sizing: border-box; line-height: 23px; overflow: hidden; padding-left: 10px; padding-right: 10px; text-overflow: ellipsis; white-space: normal; word-break: break-all } .el-table .cell.el-tooltip { min-width: 50px; white-space: nowrap } .el-table--border, .el-table--group { border: 1px solid #ebeef5 } .el-table--border:after, .el-table--group:after, .el-table:before { background-color: #ebeef5; content: ""; position: absolute; z-index: 1 } .el-table--border:after, .el-table--group:after { height: 100%; right: 0; top: 0; width: 1px } .el-table:before { bottom: 0; height: 1px; left: 0; width: 100% } .el-table--border { border-bottom: none; border-right: none } .el-table--border.el-loading-parent--relative { border-color: transparent } .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { border-right: 1px solid #ebeef5 } .el-table--border .el-table__cell:first-child .cell { padding-left: 10px } .el-table--border th.el-table__cell, .el-table--border th.el-table__cell.gutter:last-of-type, .el-table__fixed-right-patch { border-bottom: 1px solid #ebeef5 } .el-table--hidden { visibility: hidden } .el-table__fixed, .el-table__fixed-right { box-shadow: 0 0 10px rgba(0, 0, 0, .12); left: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; top: 0 } .el-table__fixed-right:before, .el-table__fixed:before { background-color: #ebeef5; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; z-index: 4 } .el-table__fixed-right-patch { background-color: #fff; position: absolute; right: 0; top: -1px } .el-table__fixed-right { left: auto; right: 0; top: 0 } .el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper { left: auto; right: 0 } .el-table__fixed-header-wrapper { left: 0; position: absolute; top: 0; z-index: 3 } .el-table__fixed-footer-wrapper { bottom: 0; left: 0; position: absolute; z-index: 3 } .el-table__fixed-footer-wrapper tbody td.el-table__cell { background-color: #f5f7fa; border-top: 1px solid #ebeef5; color: #606266 } .el-table__fixed-body-wrapper { left: 0; overflow: hidden; position: absolute; top: 37px; z-index: 3 } .el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper { width: 100% } .el-table__footer-wrapper { margin-top: -1px } .el-table__footer-wrapper td.el-table__cell { border-top: 1px solid #ebeef5 } .el-table__body, .el-table__footer, .el-table__header { border-collapse: separate; table-layout: fixed } .el-table__footer-wrapper, .el-table__header-wrapper { overflow: hidden } .el-table__footer-wrapper tbody td.el-table__cell, .el-table__header-wrapper tbody td.el-table__cell { background-color: #f5f7fa; color: #606266 } .el-table__body-wrapper { overflow: hidden; position: relative } .el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right { box-shadow: none } .el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right { border-left: 1px solid #ebeef5 } .el-table .caret-wrapper { align-items: center; cursor: pointer; display: inline-flex; flex-direction: column; height: 34px; overflow: visible; overflow: initial; position: relative; vertical-align: middle; width: 24px } .el-table .sort-caret { border: 5px solid transparent; height: 0; left: 7px; position: absolute; width: 0 } .el-table .sort-caret.ascending { border-bottom-color: #c0c4cc; top: 5px } .el-table .sort-caret.descending { border-top-color: #c0c4cc; bottom: 7px } .el-table .ascending .sort-caret.ascending { border-bottom-color: #409eff } .el-table .descending .sort-caret.descending { border-top-color: #409eff } .el-table .hidden-columns { position: absolute; visibility: hidden; z-index: -1 } .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: #fafafa } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell, .el-table--striped .el-table__body tr.el-table__row--striped.selection-row td.el-table__cell { background-color: #ecf5ff } .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.selection-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.selection-row > td.el-table__cell, .el-table__body tr.hover-row > td.el-table__cell { background-color: #f5f7fa } .el-table__body tr.current-row > td.el-table__cell, .el-table__body tr.selection-row > td.el-table__cell { background-color: #ecf5ff } .el-table__column-resize-proxy { border-left: 1px solid #ebeef5; bottom: 0; left: 200px; position: absolute; top: 0; width: 0; z-index: 10 } .el-table__column-filter-trigger { cursor: pointer; display: inline-block; line-height: 34px } .el-table__column-filter-trigger i { color: #909399; font-size: 12px; transform: scale(.75) } .el-table--enable-row-transition .el-table__body td.el-table__cell { transition: background-color .25s ease } .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { background-color: #f5f7fa } .el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right { bottom: 0; overflow: hidden } .el-table [class*=el-table__row--level] .el-table__expand-icon { display: inline-block; height: 20px; line-height: 20px; margin-right: 3px; text-align: center; width: 20px } .el-progress-bar__inner:after, .el-upload-cover:after, .el-upload-list--picture-card .el-upload-list__item-actions:after { content: ""; vertical-align: middle } .el-progress-bar { vertical-align: middle } .el-progress-bar, .el-progress-bar__inner:after { display: inline-block } .el-progress-bar__innerText { display: inline-block; vertical-align: middle } .el-upload { cursor: pointer; display: inline-block; outline: 0; text-align: center } .el-upload__input { display: none } .el-upload__tip { color: #606266; font-size: 12px; margin-top: 7px } .el-upload iframe { filter: alpha(opacity=0); left: 0; opacity: 0; position: absolute; top: 0; z-index: -1 } .el-upload--picture-card { background-color: #fbfdff; border: 1px dashed #c0ccda; border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 148px; line-height: 146px; vertical-align: top; width: 148px } .el-upload--picture-card i { color: #8c939d; font-size: 28px } .el-upload--picture-card:hover, .el-upload:focus { border-color: #409eff; color: #409eff } .el-upload:focus .el-upload-dragger { border-color: #409eff } .el-upload-dragger { background-color: #fff; border: 1px dashed #d9d9d9; border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 180px; overflow: hidden; position: relative; text-align: center; width: 360px } .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 67px; line-height: 50px; margin: 40px 0 16px } .el-upload-dragger + .el-upload__tip { text-align: center } .el-upload-dragger ~ .el-upload__files { border-top: 1px solid #dcdfe6; margin-top: 7px; padding-top: 5px } .el-upload-dragger .el-upload__text { color: #606266; font-size: 14px; text-align: center } .el-upload-dragger .el-upload__text em { color: #409eff; font-style: normal } .el-upload-dragger:hover { border-color: #409eff } .el-upload-dragger.is-dragover { background-color: rgba(32, 159, 255, .06); border: 2px dashed #409eff } .el-upload-list { list-style: none; margin: 0; padding: 0 } .el-upload-list__item { border-radius: 4px; box-sizing: border-box; color: #606266; font-size: 14px; line-height: 1.8; margin-top: 5px; position: relative; transition: all .5s cubic-bezier(.55, 0, .1, 1); width: 100% } .el-upload-list__item .el-progress { position: absolute; top: 20px; width: 100% } .el-upload-list__item .el-progress__text { position: absolute; right: 0; top: -13px } .el-upload-list__item .el-progress-bar { margin-right: 0; padding-right: 0 } .el-upload-list__item:first-child { margin-top: 10px } .el-upload-list__item .el-icon-upload-success { color: #67c23a } .el-upload-list__item .el-icon-close { color: #606266; cursor: pointer; display: none; opacity: .75; position: absolute; right: 5px; top: 5px } .el-upload-list__item .el-icon-close:hover { opacity: 1 } .el-upload-list__item .el-icon-close-tip { color: #409eff; cursor: pointer; display: none; font-size: 12px; opacity: 1; position: absolute; right: 5px; top: 5px } .el-upload-list__item:hover { background-color: #f5f7fa } .el-upload-list__item:hover .el-icon-close { display: inline-block } .el-upload-list__item:hover .el-progress__text { display: none } .el-upload-list__item.is-success .el-upload-list__item-status-label { display: block } .el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover { color: #409eff; cursor: pointer } .el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip { display: inline-block } .el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus { outline-width: 0 } .el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip { display: none } .el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label { display: block } .el-upload-list__item-name { color: #606266; display: block; margin-right: 40px; overflow: hidden; padding-left: 4px; text-overflow: ellipsis; transition: color .3s; white-space: nowrap } .el-upload-list__item-name [class^=el-icon] { color: #909399; height: 100%; line-height: inherit; margin-right: 7px } .el-upload-list__item-status-label { display: none; line-height: inherit; position: absolute; right: 5px; top: 0 } .el-upload-list__item-delete { color: #606266; display: none; font-size: 12px; position: absolute; right: 10px; top: 0 } .el-upload-list__item-delete:hover { color: #409eff } .el-upload-list--picture-card { display: inline; margin: 0; vertical-align: top } .el-upload-list--picture-card .el-upload-list__item { background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; box-sizing: border-box; display: inline-block; height: 148px; margin: 0 8px 8px 0; overflow: hidden; width: 148px } .el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check { color: #fff } .el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label { display: none } .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text { display: block } .el-upload-list--picture-card .el-upload-list__item-name { display: none } .el-upload-list--picture-card .el-upload-list__item-thumbnail { height: 100%; width: 100% } .el-upload-list--picture-card .el-upload-list__item-status-label { background: #13ce66; box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2); height: 24px; position: absolute; right: -15px; text-align: center; top: -6px; transform: rotate(45deg); width: 40px } .el-upload-list--picture-card .el-upload-list__item-status-label i { font-size: 12px; margin-top: 11px; transform: rotate(-45deg) } .el-upload-list--picture-card .el-upload-list__item-actions { background-color: rgba(0, 0, 0, .5); color: #fff; cursor: default; font-size: 20px; height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; transition: opacity .3s; width: 100% } .el-upload-list--picture-card .el-upload-list__item-actions:after { display: inline-block; height: 100% } .el-upload-list--picture-card .el-upload-list__item-actions span { cursor: pointer; display: none } .el-upload-list--picture-card .el-upload-list__item-actions span + span { margin-left: 15px } .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete { color: inherit; font-size: inherit; position: static } .el-upload-list--picture-card .el-upload-list__item-actions:hover { opacity: 1 } .el-upload-list--picture-card .el-upload-list__item-actions:hover span { display: inline-block } .el-upload-list--picture-card .el-progress { bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 126px } .el-upload-list--picture-card .el-progress .el-progress__text { top: 50% } .el-upload-list--picture .el-upload-list__item { background-color: #fff; border: 1px solid #c0ccda; border-radius: 6px; box-sizing: border-box; height: 92px; margin-top: 10px; overflow: hidden; padding: 10px 10px 10px 90px; z-index: 0 } .el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check { color: #fff } .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label { background: 0 0; box-shadow: none; right: -12px; top: -2px } .el-upload-list--picture .el-upload-list__item:hover .el-progress__text { display: block } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name { line-height: 70px; margin-top: 0 } .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i { display: none } .el-upload-list--picture .el-upload-list__item-thumbnail { background-color: #fff; display: inline-block; float: left; height: 70px; margin-left: -80px; position: relative; vertical-align: middle; width: 70px; z-index: 1 } .el-upload-list--picture .el-upload-list__item-name { display: block; margin-top: 20px } .el-upload-list--picture .el-upload-list__item-name i { font-size: 70px; left: 9px; line-height: 1; position: absolute; top: 10px } .el-upload-list--picture .el-upload-list__item-status-label { background: #13ce66; box-shadow: 0 1px 1px #ccc; height: 26px; position: absolute; right: -17px; text-align: center; top: -7px; transform: rotate(45deg); width: 46px } .el-upload-list--picture .el-upload-list__item-status-label i { font-size: 12px; margin-top: 12px; transform: rotate(-45deg) } .el-upload-list--picture .el-progress { position: relative; top: -7px } .el-upload-cover { cursor: default; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 10 } .el-upload-cover:after { display: inline-block; height: 100% } .el-upload-cover img { display: block; height: 100%; width: 100% } .el-upload-cover__label { background: #13ce66; box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2); height: 24px; position: absolute; right: -15px; text-align: center; top: -6px; transform: rotate(45deg); width: 40px } .el-upload-cover__label i { color: #fff; font-size: 12px; margin-top: 11px; transform: rotate(-45deg) } .el-upload-cover__progress { display: inline-block; position: static; vertical-align: middle; width: 243px } .el-upload-cover__progress + .el-upload__inner { opacity: 0 } .el-upload-cover__content { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .el-upload-cover__interact { background-color: rgba(0, 0, 0, .72); bottom: 0; height: 100%; left: 0; position: absolute; text-align: center; width: 100% } .el-upload-cover__interact .btn { color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin-top: 60px; transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1); vertical-align: middle } .el-upload-cover__interact .btn span { opacity: 0; transition: opacity .15s linear } .el-upload-cover__interact .btn:not(:first-child) { margin-left: 35px } .el-upload-cover__interact .btn:hover { transform: translateY(-13px) } .el-upload-cover__interact .btn:hover span { opacity: 1 } .el-upload-cover__interact .btn i { color: #fff; display: block; font-size: 24px; line-height: inherit; margin: 0 auto 5px } .el-upload-cover__title { background-color: #fff; bottom: 0; color: #303133; font-size: 14px; font-weight: 400; height: 36px; left: 0; line-height: 36px; margin: 0; overflow: hidden; padding: 0 10px; position: absolute; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100% } .el-upload-cover + .el-upload__inner { opacity: 0; position: relative; z-index: 1 } .el-divider { background-color: #dcdfe6; position: relative } .el-divider--horizontal { display: block; height: 1px; margin: 24px 0; width: 100% } .el-divider--vertical { display: inline-block; height: 1em; margin: 0 8px; position: relative; vertical-align: middle; width: 1px } .el-divider__text { background-color: #fff; color: #303133; font-size: 14px; font-weight: 500; padding: 0 20px; position: absolute } .el-divider__text.is-left { left: 20px; transform: translateY(-50%) } .el-divider__text.is-center { left: 50%; transform: translateX(-50%) translateY(-50%) } .el-divider__text.is-right { right: 20px; transform: translateY(-50%) } .el-container { box-sizing: border-box; display: flex; flex: 1; flex-basis: auto; flex-direction: row; min-width: 0 } .el-container.is-vertical { flex-direction: column } .el-checkbox, .el-checkbox-button__inner, .el-radio { font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .el-checkbox-button__inner, .el-checkbox__input, .el-radio__input { outline: 0; vertical-align: middle } .el-checkbox, .el-checkbox-button__inner, .el-checkbox__input { white-space: nowrap } .el-radio, .el-radio__inner, .el-radio__input { display: inline-block; position: relative } .el-radio { color: #606266; cursor: pointer; font-size: 14px; line-height: 1; margin-right: 30px; outline: 0; white-space: nowrap } .el-cascader-node > .el-radio, .el-radio:last-child { margin-right: 0 } .el-radio.is-bordered { border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; height: 40px; padding: 12px 20px 0 10px } .el-radio.is-bordered.is-checked { border-color: #409eff } .el-radio.is-bordered.is-disabled { border-color: #ebeef5; cursor: not-allowed } .el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner { background-color: #f5f7fa; border-color: #e4e7ed } .el-radio.is-bordered + .el-radio.is-bordered { margin-left: 10px } .el-radio--medium.is-bordered { border-radius: 4px; height: 36px; padding: 10px 20px 0 10px } .el-radio--medium.is-bordered .el-radio__label { font-size: 14px } .el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label { font-size: 12px } .el-radio--medium.is-bordered .el-radio__inner { height: 14px; width: 14px } .el-radio--small.is-bordered { border-radius: 3px; height: 32px; padding: 8px 15px 0 10px } .el-radio--small.is-bordered .el-radio__inner { height: 12px; width: 12px } .el-radio--mini.is-bordered { border-radius: 3px; height: 28px; padding: 6px 15px 0 10px } .el-radio--mini.is-bordered .el-radio__inner { height: 12px; width: 12px } .el-radio__input { cursor: pointer; line-height: 1; white-space: nowrap } .el-radio__input.is-disabled .el-radio__inner { cursor: not-allowed } .el-radio__input.is-disabled .el-radio__inner:after { background-color: #f5f7fa; cursor: not-allowed } .el-radio__input.is-disabled .el-radio__inner + .el-radio__label { cursor: not-allowed } .el-radio__input.is-disabled.is-checked .el-radio__inner:after { background-color: #c0c4cc } .el-radio__input.is-disabled + span.el-radio__label { color: #c0c4cc; cursor: not-allowed } .el-radio__input.is-checked .el-radio__inner { background: #409eff; border-color: #409eff } .el-radio__input.is-checked .el-radio__inner:after { transform: translate(-50%, -50%) scale(1) } .el-radio__input.is-checked + .el-radio__label { color: #409eff } .el-radio__input.is-focus .el-radio__inner { border-color: #409eff } .el-radio__inner { background-color: #fff; border: 1px solid #dcdfe6; border-radius: 100%; box-sizing: border-box; cursor: pointer; height: 14px; width: 14px } .el-radio__inner:hover { border-color: #409eff } .el-radio__inner:after { background-color: #fff; border-radius: 100%; content: ""; height: 4px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) scale(0); transition: transform .15s ease-in; width: 4px } .el-radio__original { bottom: 0; left: 0; margin: 0; opacity: 0; outline: 0; position: absolute; right: 0; top: 0; z-index: -1 } .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner { box-shadow: 0 0 2px 2px #409eff } .el-radio__label { font-size: 14px; padding-left: 10px } .el-cascader-panel { border-radius: 4px; display: flex; font-size: 14px } .el-cascader-panel.is-bordered { border: 1px solid #e4e7ed; border-radius: 4px } .el-cascader-menu { border-right: 1px solid #e4e7ed; box-sizing: border-box; color: #606266; min-width: 180px } .el-cascader-menu:last-child { border-right: none } .el-cascader-menu:last-child .el-cascader-node { padding-right: 20px } .el-cascader-menu__wrap { height: 204px } .el-cascader-menu__list { box-sizing: border-box; list-style: none; margin: 0; min-height: 100%; padding: 6px 0; position: relative } .el-cascader-menu__hover-zone { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .el-cascader-menu__empty-text { color: #c0c4cc; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%) } .el-cascader-node { align-items: center; display: flex; height: 34px; line-height: 34px; outline: 0; padding: 0 30px 0 20px; position: relative } .el-cascader-node.is-selectable.in-active-path { color: #606266 } .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path { color: #409eff; font-weight: 700 } .el-cascader-node:not(.is-disabled) { cursor: pointer } .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover { background: #f5f7fa } .el-cascader-node.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-cascader-node__prefix { left: 10px; position: absolute } .el-cascader-node__postfix { position: absolute; right: 10px } .el-cascader-node__label { flex: 1; overflow: hidden; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap } .el-cascader-node > .el-radio .el-radio__label { padding-left: 0 } .el-backtop { align-items: center; background-color: #fff; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, .12); color: #409eff; cursor: pointer; display: flex; font-size: 20px; height: 40px; justify-content: center; position: fixed; width: 40px; z-index: 5 } .el-backtop:hover { background-color: #f2f6fc } .el-image__error, .el-image__placeholder { background: #f5f7fa } .el-image__error, .el-image__inner, .el-image__placeholder { height: 100%; width: 100% } .el-image { display: inline-block; overflow: hidden; position: relative } .el-image__inner { vertical-align: top } .el-image__inner--center { display: block; left: 50%; position: relative; top: 50%; transform: translate(-50%, -50%) } .el-image__error { align-items: center; color: #c0c4cc; display: flex; font-size: 14px; justify-content: center; vertical-align: middle } .el-image__preview { cursor: pointer } .el-image-viewer__wrapper { bottom: 0; left: 0; position: fixed; right: 0; top: 0 } .el-image-viewer__btn { align-items: center; border-radius: 50%; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; opacity: .8; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 1 } .el-image-viewer__close { background-color: #606266; color: #fff; font-size: 24px; height: 40px; right: 40px; top: 40px; width: 40px } .el-image-viewer__canvas { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .el-image-viewer__actions { background-color: #606266; border-color: #fff; border-radius: 22px; bottom: 30px; height: 44px; left: 50%; padding: 0 23px; transform: translateX(-50%); width: 282px } .el-image-viewer__actions__inner { align-items: center; color: #fff; cursor: default; display: flex; font-size: 23px; height: 100%; justify-content: space-around; text-align: justify; width: 100% } .el-image-viewer__next, .el-image-viewer__prev { background-color: #606266; border-color: #fff; color: #fff; font-size: 24px; height: 44px; top: 50%; width: 44px } .el-image-viewer__prev { left: 40px; transform: translateY(-50%) } .el-image-viewer__next { right: 40px; text-indent: 2px; transform: translateY(-50%) } .el-image-viewer__mask { background: #000; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .viewer-fade-enter-active { animation: viewer-fade-in .3s } .viewer-fade-leave-active { animation: viewer-fade-out .3s } @keyframes viewer-fade-in { 0% { opacity: 0; transform: translate3d(0, -20px, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes viewer-fade-out { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(0, -20px, 0) } } .el-footer { flex-shrink: 0; padding: 0 20px } .el-footer, .el-main { box-sizing: border-box } .el-main { display: block; flex: 1; flex-basis: auto; overflow: auto; padding: 20px } .el-header { box-sizing: border-box; flex-shrink: 0; padding: 0 20px } .el-card { background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; color: #303133; overflow: hidden; transition: .3s } .el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1) } .el-card__header { border-bottom: 1px solid #ebeef5; box-sizing: border-box; padding: 18px 20px } .el-card__body { padding: 20px } .el-time-spinner { white-space: nowrap; width: 100% } .el-spinner { display: inline-block; vertical-align: middle } .el-spinner-inner { animation: rotate 2s linear infinite; height: 50px; width: 50px } .el-spinner-inner .path { stroke: #ececec; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite } @keyframes rotate { to { transform: rotate(1turn) } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } to { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } .el-progress { line-height: 1; position: relative } .el-progress__text { color: #606266; display: inline-block; font-size: 14px; line-height: 1; margin-left: 10px; vertical-align: middle } .el-progress__text i { display: block; vertical-align: middle } .el-progress--circle, .el-progress--dashboard { display: inline-block } .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { left: 0; margin: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100% } .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { display: inline-block; vertical-align: middle } .el-progress--without-text .el-progress__text { display: none } .el-progress--without-text .el-progress-bar { display: block; margin-right: 0; padding-right: 0 } .el-progress-bar, .el-progress-bar__inner:after, .el-progress-bar__innerText { display: inline-block; vertical-align: middle } .el-progress--text-inside .el-progress-bar { margin-right: 0; padding-right: 0 } .el-progress.is-success .el-progress-bar__inner { background-color: #67c23a } .el-progress.is-success .el-progress__text { color: #67c23a } .el-progress.is-warning .el-progress-bar__inner { background-color: #e6a23c } .el-progress.is-warning .el-progress__text { color: #e6a23c } .el-progress.is-exception .el-progress-bar__inner { background-color: #f56c6c } .el-progress.is-exception .el-progress__text { color: #f56c6c } .el-progress-bar { box-sizing: border-box; margin-right: -55px; padding-right: 50px; width: 100% } .el-progress-bar__outer { background-color: #ebeef5; border-radius: 100px; height: 6px; overflow: hidden; position: relative; vertical-align: middle } .el-progress-bar__inner { background-color: #409eff; border-radius: 100px; height: 100%; left: 0; line-height: 1; position: absolute; text-align: right; top: 0; transition: width .6s ease; white-space: nowrap } .el-progress-bar__inner:after { content: ""; height: 100% } .el-progress-bar__innerText { color: #fff; font-size: 12px; margin: 0 5px } @keyframes progress { 0% { background-position: 0 0 } to { background-position: 32px 0 } } .el-col-pull-0, .el-col-pull-1, .el-col-pull-10, .el-col-pull-11, .el-col-pull-12, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-2, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-push-0, .el-col-push-1, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-2, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9 { position: relative } [class*=el-col-] { box-sizing: border-box; float: left } .el-col-0 { display: none; width: 0 } .el-col-offset-0 { margin-left: 0 } .el-col-pull-0 { right: 0 } .el-col-push-0 { left: 0 } .el-col-1 { width: 4.16667% } .el-col-offset-1 { margin-left: 4.16667% } .el-col-pull-1 { right: 4.16667% } .el-col-push-1 { left: 4.16667% } .el-col-2 { width: 8.33333% } .el-col-offset-2 { margin-left: 8.33333% } .el-col-pull-2 { right: 8.33333% } .el-col-push-2 { left: 8.33333% } .el-col-3 { width: 12.5% } .el-col-offset-3 { margin-left: 12.5% } .el-col-pull-3 { right: 12.5% } .el-col-push-3 { left: 12.5% } .el-col-4 { width: 16.66667% } .el-col-offset-4 { margin-left: 16.66667% } .el-col-pull-4 { right: 16.66667% } .el-col-push-4 { left: 16.66667% } .el-col-5 { width: 20.83333% } .el-col-offset-5 { margin-left: 20.83333% } .el-col-pull-5 { right: 20.83333% } .el-col-push-5 { left: 20.83333% } .el-col-6 { width: 25% } .el-col-offset-6 { margin-left: 25% } .el-col-pull-6 { right: 25% } .el-col-push-6 { left: 25% } .el-col-7 { width: 29.16667% } .el-col-offset-7 { margin-left: 29.16667% } .el-col-pull-7 { right: 29.16667% } .el-col-push-7 { left: 29.16667% } .el-col-8 { width: 33.33333% } .el-col-offset-8 { margin-left: 33.33333% } .el-col-pull-8 { right: 33.33333% } .el-col-push-8 { left: 33.33333% } .el-col-9 { width: 37.5% } .el-col-offset-9 { margin-left: 37.5% } .el-col-pull-9 { right: 37.5% } .el-col-push-9 { left: 37.5% } .el-col-10 { width: 41.66667% } .el-col-offset-10 { margin-left: 41.66667% } .el-col-pull-10 { right: 41.66667% } .el-col-push-10 { left: 41.66667% } .el-col-11 { width: 45.83333% } .el-col-offset-11 { margin-left: 45.83333% } .el-col-pull-11 { right: 45.83333% } .el-col-push-11 { left: 45.83333% } .el-col-12 { width: 50% } .el-col-offset-12 { margin-left: 50% } .el-col-pull-12 { right: 50% } .el-col-push-12 { left: 50% } .el-col-13 { width: 54.16667% } .el-col-offset-13 { margin-left: 54.16667% } .el-col-pull-13 { right: 54.16667% } .el-col-push-13 { left: 54.16667% } .el-col-14 { width: 58.33333% } .el-col-offset-14 { margin-left: 58.33333% } .el-col-pull-14 { right: 58.33333% } .el-col-push-14 { left: 58.33333% } .el-col-15 { width: 62.5% } .el-col-offset-15 { margin-left: 62.5% } .el-col-pull-15 { right: 62.5% } .el-col-push-15 { left: 62.5% } .el-col-16 { width: 66.66667% } .el-col-offset-16 { margin-left: 66.66667% } .el-col-pull-16 { right: 66.66667% } .el-col-push-16 { left: 66.66667% } .el-col-17 { width: 70.83333% } .el-col-offset-17 { margin-left: 70.83333% } .el-col-pull-17 { right: 70.83333% } .el-col-push-17 { left: 70.83333% } .el-col-18 { width: 75% } .el-col-offset-18 { margin-left: 75% } .el-col-pull-18 { right: 75% } .el-col-push-18 { left: 75% } .el-col-19 { width: 79.16667% } .el-col-offset-19 { margin-left: 79.16667% } .el-col-pull-19 { right: 79.16667% } .el-col-push-19 { left: 79.16667% } .el-col-20 { width: 83.33333% } .el-col-offset-20 { margin-left: 83.33333% } .el-col-pull-20 { right: 83.33333% } .el-col-push-20 { left: 83.33333% } .el-col-21 { width: 87.5% } .el-col-offset-21 { margin-left: 87.5% } .el-col-pull-21 { right: 87.5% } .el-col-push-21 { left: 87.5% } .el-col-22 { width: 91.66667% } .el-col-offset-22 { margin-left: 91.66667% } .el-col-pull-22 { right: 91.66667% } .el-col-push-22 { left: 91.66667% } .el-col-23 { width: 95.83333% } .el-col-offset-23 { margin-left: 95.83333% } .el-col-pull-23 { right: 95.83333% } .el-col-push-23 { left: 95.83333% } .el-col-24 { width: 100% } .el-col-offset-24 { margin-left: 100% } .el-col-pull-24 { right: 100% } .el-col-push-24 { left: 100% } @media only screen and (max-width: 767px) { .el-col-xs-0 { display: none; width: 0 } .el-col-xs-offset-0 { margin-left: 0 } .el-col-xs-pull-0 { position: relative; right: 0 } .el-col-xs-push-0 { left: 0; position: relative } .el-col-xs-1 { width: 4.16667% } .el-col-xs-offset-1 { margin-left: 4.16667% } .el-col-xs-pull-1 { position: relative; right: 4.16667% } .el-col-xs-push-1 { left: 4.16667%; position: relative } .el-col-xs-2 { width: 8.33333% } .el-col-xs-offset-2 { margin-left: 8.33333% } .el-col-xs-pull-2 { position: relative; right: 8.33333% } .el-col-xs-push-2 { left: 8.33333%; position: relative } .el-col-xs-3 { width: 12.5% } .el-col-xs-offset-3 { margin-left: 12.5% } .el-col-xs-pull-3 { position: relative; right: 12.5% } .el-col-xs-push-3 { left: 12.5%; position: relative } .el-col-xs-4 { width: 16.66667% } .el-col-xs-offset-4 { margin-left: 16.66667% } .el-col-xs-pull-4 { position: relative; right: 16.66667% } .el-col-xs-push-4 { left: 16.66667%; position: relative } .el-col-xs-5 { width: 20.83333% } .el-col-xs-offset-5 { margin-left: 20.83333% } .el-col-xs-pull-5 { position: relative; right: 20.83333% } .el-col-xs-push-5 { left: 20.83333%; position: relative } .el-col-xs-6 { width: 25% } .el-col-xs-offset-6 { margin-left: 25% } .el-col-xs-pull-6 { position: relative; right: 25% } .el-col-xs-push-6 { left: 25%; position: relative } .el-col-xs-7 { width: 29.16667% } .el-col-xs-offset-7 { margin-left: 29.16667% } .el-col-xs-pull-7 { position: relative; right: 29.16667% } .el-col-xs-push-7 { left: 29.16667%; position: relative } .el-col-xs-8 { width: 33.33333% } .el-col-xs-offset-8 { margin-left: 33.33333% } .el-col-xs-pull-8 { position: relative; right: 33.33333% } .el-col-xs-push-8 { left: 33.33333%; position: relative } .el-col-xs-9 { width: 37.5% } .el-col-xs-offset-9 { margin-left: 37.5% } .el-col-xs-pull-9 { position: relative; right: 37.5% } .el-col-xs-push-9 { left: 37.5%; position: relative } .el-col-xs-10 { width: 41.66667% } .el-col-xs-offset-10 { margin-left: 41.66667% } .el-col-xs-pull-10 { position: relative; right: 41.66667% } .el-col-xs-push-10 { left: 41.66667%; position: relative } .el-col-xs-11 { width: 45.83333% } .el-col-xs-offset-11 { margin-left: 45.83333% } .el-col-xs-pull-11 { position: relative; right: 45.83333% } .el-col-xs-push-11 { left: 45.83333%; position: relative } .el-col-xs-12 { width: 50% } .el-col-xs-offset-12 { margin-left: 50% } .el-col-xs-pull-12 { position: relative; right: 50% } .el-col-xs-push-12 { left: 50%; position: relative } .el-col-xs-13 { width: 54.16667% } .el-col-xs-offset-13 { margin-left: 54.16667% } .el-col-xs-pull-13 { position: relative; right: 54.16667% } .el-col-xs-push-13 { left: 54.16667%; position: relative } .el-col-xs-14 { width: 58.33333% } .el-col-xs-offset-14 { margin-left: 58.33333% } .el-col-xs-pull-14 { position: relative; right: 58.33333% } .el-col-xs-push-14 { left: 58.33333%; position: relative } .el-col-xs-15 { width: 62.5% } .el-col-xs-offset-15 { margin-left: 62.5% } .el-col-xs-pull-15 { position: relative; right: 62.5% } .el-col-xs-push-15 { left: 62.5%; position: relative } .el-col-xs-16 { width: 66.66667% } .el-col-xs-offset-16 { margin-left: 66.66667% } .el-col-xs-pull-16 { position: relative; right: 66.66667% } .el-col-xs-push-16 { left: 66.66667%; position: relative } .el-col-xs-17 { width: 70.83333% } .el-col-xs-offset-17 { margin-left: 70.83333% } .el-col-xs-pull-17 { position: relative; right: 70.83333% } .el-col-xs-push-17 { left: 70.83333%; position: relative } .el-col-xs-18 { width: 75% } .el-col-xs-offset-18 { margin-left: 75% } .el-col-xs-pull-18 { position: relative; right: 75% } .el-col-xs-push-18 { left: 75%; position: relative } .el-col-xs-19 { width: 79.16667% } .el-col-xs-offset-19 { margin-left: 79.16667% } .el-col-xs-pull-19 { position: relative; right: 79.16667% } .el-col-xs-push-19 { left: 79.16667%; position: relative } .el-col-xs-20 { width: 83.33333% } .el-col-xs-offset-20 { margin-left: 83.33333% } .el-col-xs-pull-20 { position: relative; right: 83.33333% } .el-col-xs-push-20 { left: 83.33333%; position: relative } .el-col-xs-21 { width: 87.5% } .el-col-xs-offset-21 { margin-left: 87.5% } .el-col-xs-pull-21 { position: relative; right: 87.5% } .el-col-xs-push-21 { left: 87.5%; position: relative } .el-col-xs-22 { width: 91.66667% } .el-col-xs-offset-22 { margin-left: 91.66667% } .el-col-xs-pull-22 { position: relative; right: 91.66667% } .el-col-xs-push-22 { left: 91.66667%; position: relative } .el-col-xs-23 { width: 95.83333% } .el-col-xs-offset-23 { margin-left: 95.83333% } .el-col-xs-pull-23 { position: relative; right: 95.83333% } .el-col-xs-push-23 { left: 95.83333%; position: relative } .el-col-xs-24 { width: 100% } .el-col-xs-offset-24 { margin-left: 100% } .el-col-xs-pull-24 { position: relative; right: 100% } .el-col-xs-push-24 { left: 100%; position: relative } } @media only screen and (min-width: 768px) { .el-col-sm-0 { display: none; width: 0 } .el-col-sm-offset-0 { margin-left: 0 } .el-col-sm-pull-0 { position: relative; right: 0 } .el-col-sm-push-0 { left: 0; position: relative } .el-col-sm-1 { width: 4.16667% } .el-col-sm-offset-1 { margin-left: 4.16667% } .el-col-sm-pull-1 { position: relative; right: 4.16667% } .el-col-sm-push-1 { left: 4.16667%; position: relative } .el-col-sm-2 { width: 8.33333% } .el-col-sm-offset-2 { margin-left: 8.33333% } .el-col-sm-pull-2 { position: relative; right: 8.33333% } .el-col-sm-push-2 { left: 8.33333%; position: relative } .el-col-sm-3 { width: 12.5% } .el-col-sm-offset-3 { margin-left: 12.5% } .el-col-sm-pull-3 { position: relative; right: 12.5% } .el-col-sm-push-3 { left: 12.5%; position: relative } .el-col-sm-4 { width: 16.66667% } .el-col-sm-offset-4 { margin-left: 16.66667% } .el-col-sm-pull-4 { position: relative; right: 16.66667% } .el-col-sm-push-4 { left: 16.66667%; position: relative } .el-col-sm-5 { width: 20.83333% } .el-col-sm-offset-5 { margin-left: 20.83333% } .el-col-sm-pull-5 { position: relative; right: 20.83333% } .el-col-sm-push-5 { left: 20.83333%; position: relative } .el-col-sm-6 { width: 25% } .el-col-sm-offset-6 { margin-left: 25% } .el-col-sm-pull-6 { position: relative; right: 25% } .el-col-sm-push-6 { left: 25%; position: relative } .el-col-sm-7 { width: 29.16667% } .el-col-sm-offset-7 { margin-left: 29.16667% } .el-col-sm-pull-7 { position: relative; right: 29.16667% } .el-col-sm-push-7 { left: 29.16667%; position: relative } .el-col-sm-8 { width: 33.33333% } .el-col-sm-offset-8 { margin-left: 33.33333% } .el-col-sm-pull-8 { position: relative; right: 33.33333% } .el-col-sm-push-8 { left: 33.33333%; position: relative } .el-col-sm-9 { width: 37.5% } .el-col-sm-offset-9 { margin-left: 37.5% } .el-col-sm-pull-9 { position: relative; right: 37.5% } .el-col-sm-push-9 { left: 37.5%; position: relative } .el-col-sm-10 { width: 41.66667% } .el-col-sm-offset-10 { margin-left: 41.66667% } .el-col-sm-pull-10 { position: relative; right: 41.66667% } .el-col-sm-push-10 { left: 41.66667%; position: relative } .el-col-sm-11 { width: 45.83333% } .el-col-sm-offset-11 { margin-left: 45.83333% } .el-col-sm-pull-11 { position: relative; right: 45.83333% } .el-col-sm-push-11 { left: 45.83333%; position: relative } .el-col-sm-12 { width: 50% } .el-col-sm-offset-12 { margin-left: 50% } .el-col-sm-pull-12 { position: relative; right: 50% } .el-col-sm-push-12 { left: 50%; position: relative } .el-col-sm-13 { width: 54.16667% } .el-col-sm-offset-13 { margin-left: 54.16667% } .el-col-sm-pull-13 { position: relative; right: 54.16667% } .el-col-sm-push-13 { left: 54.16667%; position: relative } .el-col-sm-14 { width: 58.33333% } .el-col-sm-offset-14 { margin-left: 58.33333% } .el-col-sm-pull-14 { position: relative; right: 58.33333% } .el-col-sm-push-14 { left: 58.33333%; position: relative } .el-col-sm-15 { width: 62.5% } .el-col-sm-offset-15 { margin-left: 62.5% } .el-col-sm-pull-15 { position: relative; right: 62.5% } .el-col-sm-push-15 { left: 62.5%; position: relative } .el-col-sm-16 { width: 66.66667% } .el-col-sm-offset-16 { margin-left: 66.66667% } .el-col-sm-pull-16 { position: relative; right: 66.66667% } .el-col-sm-push-16 { left: 66.66667%; position: relative } .el-col-sm-17 { width: 70.83333% } .el-col-sm-offset-17 { margin-left: 70.83333% } .el-col-sm-pull-17 { position: relative; right: 70.83333% } .el-col-sm-push-17 { left: 70.83333%; position: relative } .el-col-sm-18 { width: 75% } .el-col-sm-offset-18 { margin-left: 75% } .el-col-sm-pull-18 { position: relative; right: 75% } .el-col-sm-push-18 { left: 75%; position: relative } .el-col-sm-19 { width: 79.16667% } .el-col-sm-offset-19 { margin-left: 79.16667% } .el-col-sm-pull-19 { position: relative; right: 79.16667% } .el-col-sm-push-19 { left: 79.16667%; position: relative } .el-col-sm-20 { width: 83.33333% } .el-col-sm-offset-20 { margin-left: 83.33333% } .el-col-sm-pull-20 { position: relative; right: 83.33333% } .el-col-sm-push-20 { left: 83.33333%; position: relative } .el-col-sm-21 { width: 87.5% } .el-col-sm-offset-21 { margin-left: 87.5% } .el-col-sm-pull-21 { position: relative; right: 87.5% } .el-col-sm-push-21 { left: 87.5%; position: relative } .el-col-sm-22 { width: 91.66667% } .el-col-sm-offset-22 { margin-left: 91.66667% } .el-col-sm-pull-22 { position: relative; right: 91.66667% } .el-col-sm-push-22 { left: 91.66667%; position: relative } .el-col-sm-23 { width: 95.83333% } .el-col-sm-offset-23 { margin-left: 95.83333% } .el-col-sm-pull-23 { position: relative; right: 95.83333% } .el-col-sm-push-23 { left: 95.83333%; position: relative } .el-col-sm-24 { width: 100% } .el-col-sm-offset-24 { margin-left: 100% } .el-col-sm-pull-24 { position: relative; right: 100% } .el-col-sm-push-24 { left: 100%; position: relative } } @media only screen and (min-width: 992px) { .el-col-md-0 { display: none; width: 0 } .el-col-md-offset-0 { margin-left: 0 } .el-col-md-pull-0 { position: relative; right: 0 } .el-col-md-push-0 { left: 0; position: relative } .el-col-md-1 { width: 4.16667% } .el-col-md-offset-1 { margin-left: 4.16667% } .el-col-md-pull-1 { position: relative; right: 4.16667% } .el-col-md-push-1 { left: 4.16667%; position: relative } .el-col-md-2 { width: 8.33333% } .el-col-md-offset-2 { margin-left: 8.33333% } .el-col-md-pull-2 { position: relative; right: 8.33333% } .el-col-md-push-2 { left: 8.33333%; position: relative } .el-col-md-3 { width: 12.5% } .el-col-md-offset-3 { margin-left: 12.5% } .el-col-md-pull-3 { position: relative; right: 12.5% } .el-col-md-push-3 { left: 12.5%; position: relative } .el-col-md-4 { width: 16.66667% } .el-col-md-offset-4 { margin-left: 16.66667% } .el-col-md-pull-4 { position: relative; right: 16.66667% } .el-col-md-push-4 { left: 16.66667%; position: relative } .el-col-md-5 { width: 20.83333% } .el-col-md-offset-5 { margin-left: 20.83333% } .el-col-md-pull-5 { position: relative; right: 20.83333% } .el-col-md-push-5 { left: 20.83333%; position: relative } .el-col-md-6 { width: 25% } .el-col-md-offset-6 { margin-left: 25% } .el-col-md-pull-6 { position: relative; right: 25% } .el-col-md-push-6 { left: 25%; position: relative } .el-col-md-7 { width: 29.16667% } .el-col-md-offset-7 { margin-left: 29.16667% } .el-col-md-pull-7 { position: relative; right: 29.16667% } .el-col-md-push-7 { left: 29.16667%; position: relative } .el-col-md-8 { width: 33.33333% } .el-col-md-offset-8 { margin-left: 33.33333% } .el-col-md-pull-8 { position: relative; right: 33.33333% } .el-col-md-push-8 { left: 33.33333%; position: relative } .el-col-md-9 { width: 37.5% } .el-col-md-offset-9 { margin-left: 37.5% } .el-col-md-pull-9 { position: relative; right: 37.5% } .el-col-md-push-9 { left: 37.5%; position: relative } .el-col-md-10 { width: 41.66667% } .el-col-md-offset-10 { margin-left: 41.66667% } .el-col-md-pull-10 { position: relative; right: 41.66667% } .el-col-md-push-10 { left: 41.66667%; position: relative } .el-col-md-11 { width: 45.83333% } .el-col-md-offset-11 { margin-left: 45.83333% } .el-col-md-pull-11 { position: relative; right: 45.83333% } .el-col-md-push-11 { left: 45.83333%; position: relative } .el-col-md-12 { width: 50% } .el-col-md-offset-12 { margin-left: 50% } .el-col-md-pull-12 { position: relative; right: 50% } .el-col-md-push-12 { left: 50%; position: relative } .el-col-md-13 { width: 54.16667% } .el-col-md-offset-13 { margin-left: 54.16667% } .el-col-md-pull-13 { position: relative; right: 54.16667% } .el-col-md-push-13 { left: 54.16667%; position: relative } .el-col-md-14 { width: 58.33333% } .el-col-md-offset-14 { margin-left: 58.33333% } .el-col-md-pull-14 { position: relative; right: 58.33333% } .el-col-md-push-14 { left: 58.33333%; position: relative } .el-col-md-15 { width: 62.5% } .el-col-md-offset-15 { margin-left: 62.5% } .el-col-md-pull-15 { position: relative; right: 62.5% } .el-col-md-push-15 { left: 62.5%; position: relative } .el-col-md-16 { width: 66.66667% } .el-col-md-offset-16 { margin-left: 66.66667% } .el-col-md-pull-16 { position: relative; right: 66.66667% } .el-col-md-push-16 { left: 66.66667%; position: relative } .el-col-md-17 { width: 70.83333% } .el-col-md-offset-17 { margin-left: 70.83333% } .el-col-md-pull-17 { position: relative; right: 70.83333% } .el-col-md-push-17 { left: 70.83333%; position: relative } .el-col-md-18 { width: 75% } .el-col-md-offset-18 { margin-left: 75% } .el-col-md-pull-18 { position: relative; right: 75% } .el-col-md-push-18 { left: 75%; position: relative } .el-col-md-19 { width: 79.16667% } .el-col-md-offset-19 { margin-left: 79.16667% } .el-col-md-pull-19 { position: relative; right: 79.16667% } .el-col-md-push-19 { left: 79.16667%; position: relative } .el-col-md-20 { width: 83.33333% } .el-col-md-offset-20 { margin-left: 83.33333% } .el-col-md-pull-20 { position: relative; right: 83.33333% } .el-col-md-push-20 { left: 83.33333%; position: relative } .el-col-md-21 { width: 87.5% } .el-col-md-offset-21 { margin-left: 87.5% } .el-col-md-pull-21 { position: relative; right: 87.5% } .el-col-md-push-21 { left: 87.5%; position: relative } .el-col-md-22 { width: 91.66667% } .el-col-md-offset-22 { margin-left: 91.66667% } .el-col-md-pull-22 { position: relative; right: 91.66667% } .el-col-md-push-22 { left: 91.66667%; position: relative } .el-col-md-23 { width: 95.83333% } .el-col-md-offset-23 { margin-left: 95.83333% } .el-col-md-pull-23 { position: relative; right: 95.83333% } .el-col-md-push-23 { left: 95.83333%; position: relative } .el-col-md-24 { width: 100% } .el-col-md-offset-24 { margin-left: 100% } .el-col-md-pull-24 { position: relative; right: 100% } .el-col-md-push-24 { left: 100%; position: relative } } @media only screen and (min-width: 1200px) { .el-col-lg-0 { display: none; width: 0 } .el-col-lg-offset-0 { margin-left: 0 } .el-col-lg-pull-0 { position: relative; right: 0 } .el-col-lg-push-0 { left: 0; position: relative } .el-col-lg-1 { width: 4.16667% } .el-col-lg-offset-1 { margin-left: 4.16667% } .el-col-lg-pull-1 { position: relative; right: 4.16667% } .el-col-lg-push-1 { left: 4.16667%; position: relative } .el-col-lg-2 { width: 8.33333% } .el-col-lg-offset-2 { margin-left: 8.33333% } .el-col-lg-pull-2 { position: relative; right: 8.33333% } .el-col-lg-push-2 { left: 8.33333%; position: relative } .el-col-lg-3 { width: 12.5% } .el-col-lg-offset-3 { margin-left: 12.5% } .el-col-lg-pull-3 { position: relative; right: 12.5% } .el-col-lg-push-3 { left: 12.5%; position: relative } .el-col-lg-4 { width: 16.66667% } .el-col-lg-offset-4 { margin-left: 16.66667% } .el-col-lg-pull-4 { position: relative; right: 16.66667% } .el-col-lg-push-4 { left: 16.66667%; position: relative } .el-col-lg-5 { width: 20.83333% } .el-col-lg-offset-5 { margin-left: 20.83333% } .el-col-lg-pull-5 { position: relative; right: 20.83333% } .el-col-lg-push-5 { left: 20.83333%; position: relative } .el-col-lg-6 { width: 25% } .el-col-lg-offset-6 { margin-left: 25% } .el-col-lg-pull-6 { position: relative; right: 25% } .el-col-lg-push-6 { left: 25%; position: relative } .el-col-lg-7 { width: 29.16667% } .el-col-lg-offset-7 { margin-left: 29.16667% } .el-col-lg-pull-7 { position: relative; right: 29.16667% } .el-col-lg-push-7 { left: 29.16667%; position: relative } .el-col-lg-8 { width: 33.33333% } .el-col-lg-offset-8 { margin-left: 33.33333% } .el-col-lg-pull-8 { position: relative; right: 33.33333% } .el-col-lg-push-8 { left: 33.33333%; position: relative } .el-col-lg-9 { width: 37.5% } .el-col-lg-offset-9 { margin-left: 37.5% } .el-col-lg-pull-9 { position: relative; right: 37.5% } .el-col-lg-push-9 { left: 37.5%; position: relative } .el-col-lg-10 { width: 41.66667% } .el-col-lg-offset-10 { margin-left: 41.66667% } .el-col-lg-pull-10 { position: relative; right: 41.66667% } .el-col-lg-push-10 { left: 41.66667%; position: relative } .el-col-lg-11 { width: 45.83333% } .el-col-lg-offset-11 { margin-left: 45.83333% } .el-col-lg-pull-11 { position: relative; right: 45.83333% } .el-col-lg-push-11 { left: 45.83333%; position: relative } .el-col-lg-12 { width: 50% } .el-col-lg-offset-12 { margin-left: 50% } .el-col-lg-pull-12 { position: relative; right: 50% } .el-col-lg-push-12 { left: 50%; position: relative } .el-col-lg-13 { width: 54.16667% } .el-col-lg-offset-13 { margin-left: 54.16667% } .el-col-lg-pull-13 { position: relative; right: 54.16667% } .el-col-lg-push-13 { left: 54.16667%; position: relative } .el-col-lg-14 { width: 58.33333% } .el-col-lg-offset-14 { margin-left: 58.33333% } .el-col-lg-pull-14 { position: relative; right: 58.33333% } .el-col-lg-push-14 { left: 58.33333%; position: relative } .el-col-lg-15 { width: 62.5% } .el-col-lg-offset-15 { margin-left: 62.5% } .el-col-lg-pull-15 { position: relative; right: 62.5% } .el-col-lg-push-15 { left: 62.5%; position: relative } .el-col-lg-16 { width: 66.66667% } .el-col-lg-offset-16 { margin-left: 66.66667% } .el-col-lg-pull-16 { position: relative; right: 66.66667% } .el-col-lg-push-16 { left: 66.66667%; position: relative } .el-col-lg-17 { width: 70.83333% } .el-col-lg-offset-17 { margin-left: 70.83333% } .el-col-lg-pull-17 { position: relative; right: 70.83333% } .el-col-lg-push-17 { left: 70.83333%; position: relative } .el-col-lg-18 { width: 75% } .el-col-lg-offset-18 { margin-left: 75% } .el-col-lg-pull-18 { position: relative; right: 75% } .el-col-lg-push-18 { left: 75%; position: relative } .el-col-lg-19 { width: 79.16667% } .el-col-lg-offset-19 { margin-left: 79.16667% } .el-col-lg-pull-19 { position: relative; right: 79.16667% } .el-col-lg-push-19 { left: 79.16667%; position: relative } .el-col-lg-20 { width: 83.33333% } .el-col-lg-offset-20 { margin-left: 83.33333% } .el-col-lg-pull-20 { position: relative; right: 83.33333% } .el-col-lg-push-20 { left: 83.33333%; position: relative } .el-col-lg-21 { width: 87.5% } .el-col-lg-offset-21 { margin-left: 87.5% } .el-col-lg-pull-21 { position: relative; right: 87.5% } .el-col-lg-push-21 { left: 87.5%; position: relative } .el-col-lg-22 { width: 91.66667% } .el-col-lg-offset-22 { margin-left: 91.66667% } .el-col-lg-pull-22 { position: relative; right: 91.66667% } .el-col-lg-push-22 { left: 91.66667%; position: relative } .el-col-lg-23 { width: 95.83333% } .el-col-lg-offset-23 { margin-left: 95.83333% } .el-col-lg-pull-23 { position: relative; right: 95.83333% } .el-col-lg-push-23 { left: 95.83333%; position: relative } .el-col-lg-24 { width: 100% } .el-col-lg-offset-24 { margin-left: 100% } .el-col-lg-pull-24 { position: relative; right: 100% } .el-col-lg-push-24 { left: 100%; position: relative } } @media only screen and (min-width: 1920px) { .el-col-xl-0 { display: none; width: 0 } .el-col-xl-offset-0 { margin-left: 0 } .el-col-xl-pull-0 { position: relative; right: 0 } .el-col-xl-push-0 { left: 0; position: relative } .el-col-xl-1 { width: 4.16667% } .el-col-xl-offset-1 { margin-left: 4.16667% } .el-col-xl-pull-1 { position: relative; right: 4.16667% } .el-col-xl-push-1 { left: 4.16667%; position: relative } .el-col-xl-2 { width: 8.33333% } .el-col-xl-offset-2 { margin-left: 8.33333% } .el-col-xl-pull-2 { position: relative; right: 8.33333% } .el-col-xl-push-2 { left: 8.33333%; position: relative } .el-col-xl-3 { width: 12.5% } .el-col-xl-offset-3 { margin-left: 12.5% } .el-col-xl-pull-3 { position: relative; right: 12.5% } .el-col-xl-push-3 { left: 12.5%; position: relative } .el-col-xl-4 { width: 16.66667% } .el-col-xl-offset-4 { margin-left: 16.66667% } .el-col-xl-pull-4 { position: relative; right: 16.66667% } .el-col-xl-push-4 { left: 16.66667%; position: relative } .el-col-xl-5 { width: 20.83333% } .el-col-xl-offset-5 { margin-left: 20.83333% } .el-col-xl-pull-5 { position: relative; right: 20.83333% } .el-col-xl-push-5 { left: 20.83333%; position: relative } .el-col-xl-6 { width: 25% } .el-col-xl-offset-6 { margin-left: 25% } .el-col-xl-pull-6 { position: relative; right: 25% } .el-col-xl-push-6 { left: 25%; position: relative } .el-col-xl-7 { width: 29.16667% } .el-col-xl-offset-7 { margin-left: 29.16667% } .el-col-xl-pull-7 { position: relative; right: 29.16667% } .el-col-xl-push-7 { left: 29.16667%; position: relative } .el-col-xl-8 { width: 33.33333% } .el-col-xl-offset-8 { margin-left: 33.33333% } .el-col-xl-pull-8 { position: relative; right: 33.33333% } .el-col-xl-push-8 { left: 33.33333%; position: relative } .el-col-xl-9 { width: 37.5% } .el-col-xl-offset-9 { margin-left: 37.5% } .el-col-xl-pull-9 { position: relative; right: 37.5% } .el-col-xl-push-9 { left: 37.5%; position: relative } .el-col-xl-10 { width: 41.66667% } .el-col-xl-offset-10 { margin-left: 41.66667% } .el-col-xl-pull-10 { position: relative; right: 41.66667% } .el-col-xl-push-10 { left: 41.66667%; position: relative } .el-col-xl-11 { width: 45.83333% } .el-col-xl-offset-11 { margin-left: 45.83333% } .el-col-xl-pull-11 { position: relative; right: 45.83333% } .el-col-xl-push-11 { left: 45.83333%; position: relative } .el-col-xl-12 { width: 50% } .el-col-xl-offset-12 { margin-left: 50% } .el-col-xl-pull-12 { position: relative; right: 50% } .el-col-xl-push-12 { left: 50%; position: relative } .el-col-xl-13 { width: 54.16667% } .el-col-xl-offset-13 { margin-left: 54.16667% } .el-col-xl-pull-13 { position: relative; right: 54.16667% } .el-col-xl-push-13 { left: 54.16667%; position: relative } .el-col-xl-14 { width: 58.33333% } .el-col-xl-offset-14 { margin-left: 58.33333% } .el-col-xl-pull-14 { position: relative; right: 58.33333% } .el-col-xl-push-14 { left: 58.33333%; position: relative } .el-col-xl-15 { width: 62.5% } .el-col-xl-offset-15 { margin-left: 62.5% } .el-col-xl-pull-15 { position: relative; right: 62.5% } .el-col-xl-push-15 { left: 62.5%; position: relative } .el-col-xl-16 { width: 66.66667% } .el-col-xl-offset-16 { margin-left: 66.66667% } .el-col-xl-pull-16 { position: relative; right: 66.66667% } .el-col-xl-push-16 { left: 66.66667%; position: relative } .el-col-xl-17 { width: 70.83333% } .el-col-xl-offset-17 { margin-left: 70.83333% } .el-col-xl-pull-17 { position: relative; right: 70.83333% } .el-col-xl-push-17 { left: 70.83333%; position: relative } .el-col-xl-18 { width: 75% } .el-col-xl-offset-18 { margin-left: 75% } .el-col-xl-pull-18 { position: relative; right: 75% } .el-col-xl-push-18 { left: 75%; position: relative } .el-col-xl-19 { width: 79.16667% } .el-col-xl-offset-19 { margin-left: 79.16667% } .el-col-xl-pull-19 { position: relative; right: 79.16667% } .el-col-xl-push-19 { left: 79.16667%; position: relative } .el-col-xl-20 { width: 83.33333% } .el-col-xl-offset-20 { margin-left: 83.33333% } .el-col-xl-pull-20 { position: relative; right: 83.33333% } .el-col-xl-push-20 { left: 83.33333%; position: relative } .el-col-xl-21 { width: 87.5% } .el-col-xl-offset-21 { margin-left: 87.5% } .el-col-xl-pull-21 { position: relative; right: 87.5% } .el-col-xl-push-21 { left: 87.5%; position: relative } .el-col-xl-22 { width: 91.66667% } .el-col-xl-offset-22 { margin-left: 91.66667% } .el-col-xl-pull-22 { position: relative; right: 91.66667% } .el-col-xl-push-22 { left: 91.66667%; position: relative } .el-col-xl-23 { width: 95.83333% } .el-col-xl-offset-23 { margin-left: 95.83333% } .el-col-xl-pull-23 { position: relative; right: 95.83333% } .el-col-xl-push-23 { left: 95.83333%; position: relative } .el-col-xl-24 { width: 100% } .el-col-xl-offset-24 { margin-left: 100% } .el-col-xl-pull-24 { position: relative; right: 100% } .el-col-xl-push-24 { left: 100%; position: relative } } .el-row { box-sizing: border-box; position: relative } .el-row:after, .el-row:before { content: ""; display: table } .el-row:after { clear: both } .el-row--flex { display: flex } .el-row--flex:after, .el-row--flex:before { display: none } .el-row--flex.is-justify-center { justify-content: center } .el-row--flex.is-justify-end { justify-content: flex-end } .el-row--flex.is-justify-space-between { justify-content: space-between } .el-row--flex.is-justify-space-around { justify-content: space-around } .el-row--flex.is-align-top { align-items: flex-start } .el-row--flex.is-align-middle { align-items: center } .el-row--flex.is-align-bottom { align-items: flex-end } .el-switch { align-items: center; display: inline-flex; font-size: 14px; height: 20px; line-height: 20px; position: relative; vertical-align: middle } .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label { cursor: not-allowed } .el-switch__core, .el-switch__label { cursor: pointer; display: inline-block; vertical-align: middle } .el-switch__label { color: #303133; font-size: 14px; font-weight: 500; height: 20px; transition: .2s } .el-switch__label.is-active { color: #409eff } .el-switch__label--left { margin-right: 10px } .el-switch__label--right { margin-left: 10px } .el-switch__label * { display: inline-block; font-size: 14px; line-height: 1 } .el-switch__input { height: 0; margin: 0; opacity: 0; position: absolute; width: 0 } .el-switch__core { background: #dcdfe6; border: 1px solid #dcdfe6; border-radius: 10px; box-sizing: border-box; height: 20px; margin: 0; outline: 0; position: relative; transition: border-color .3s, background-color .3s; width: 40px } .el-switch__core:after { background-color: #fff; border-radius: 100%; content: ""; height: 16px; left: 1px; position: absolute; top: 1px; transition: all .3s; width: 16px } .el-switch.is-checked .el-switch__core { background-color: #409eff; border-color: #409eff } .el-switch.is-checked .el-switch__core:after { left: 100%; margin-left: -17px } .el-switch.is-disabled { opacity: .6 } .el-switch--wide .el-switch__label.el-switch__label--left span { left: 10px } .el-switch--wide .el-switch__label.el-switch__label--right span { right: 10px } .el-switch .label-fade-enter, .el-switch .label-fade-leave-active { opacity: 0 } .el-input__inner:hover, .el-slider__runway.disabled .el-slider__button { border-color: #c0c4cc } .el-slider:after, .el-slider:before { content: ""; display: table } .el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper:after { display: inline-block; vertical-align: middle } .el-slider:after { clear: both } .el-slider__runway { background-color: #e4e7ed; border-radius: 3px; cursor: pointer; height: 6px; margin: 16px 0; position: relative; vertical-align: middle; width: 100% } .el-slider__runway.show-input { margin-right: 160px; width: auto } .el-slider__runway.disabled { cursor: default } .el-slider__runway.disabled .el-slider__bar { background-color: #c0c4cc } .el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover { cursor: not-allowed } .el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover { cursor: not-allowed; transform: scale(1) } .el-slider__button-wrapper, .el-slider__stop { position: absolute; -webkit-transform: translateX(-50%) } .el-slider__input { float: right; margin-top: 3px; width: 130px } .el-slider__input.el-input-number--mini { margin-top: 5px } .el-slider__input.el-input-number--medium { margin-top: 0 } .el-slider__input.el-input-number--large { margin-top: -2px } .el-slider__bar { background-color: #409eff; border-bottom-left-radius: 3px; border-top-left-radius: 3px; height: 6px; position: absolute } .el-slider__button-wrapper { background-color: transparent; height: 36px; line-height: normal; text-align: center; top: -15px; transform: translateX(-50%); -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 36px; z-index: 1001 } .el-slider__button-wrapper:after { content: ""; height: 100% } .el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover { cursor: grab } .el-slider__button-wrapper.dragging { cursor: grabbing } .el-slider__button { background-color: #fff; border: 2px solid #409eff; border-radius: 50%; height: 16px; transition: .2s; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 16px } .el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover { transform: scale(1.2) } .el-slider__button.hover, .el-slider__button:hover { cursor: grab } .el-slider__button.dragging { cursor: grabbing } .el-slider__stop { background-color: #fff; border-radius: 100%; height: 6px; transform: translateX(-50%); width: 6px } .el-slider__marks { height: 100%; left: 12px; top: 0; width: 18px } .el-slider__marks-text { color: #909399; font-size: 14px; margin-top: 15px; position: absolute; transform: translateX(-50%) } .el-slider.is-vertical { position: relative } .el-slider.is-vertical .el-slider__runway { height: 100%; margin: 0 16px; width: 6px } .el-slider.is-vertical .el-slider__bar { border-radius: 0 0 3px 3px; height: auto; width: 6px } .el-slider.is-vertical .el-slider__button-wrapper { left: -15px; top: auto; transform: translateY(50%) } .el-slider.is-vertical .el-slider__stop { transform: translateY(50%) } .el-slider.is-vertical.el-slider--with-input { padding-bottom: 58px } .el-slider.is-vertical.el-slider--with-input .el-slider__input { bottom: 22px; float: none; margin-top: 15px; overflow: visible; position: absolute; width: 36px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner { padding-left: 5px; padding-right: 5px; text-align: center } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { border: 1px solid #dcdfe6; box-sizing: border-box; line-height: 20px; margin-top: -1px; top: 32px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease { border-bottom-left-radius: 4px; right: 18px; width: 18px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase { border-bottom-right-radius: 4px; width: 19px } .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase { border-color: #c0c4cc } .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase { border-color: #409eff } .el-slider.is-vertical .el-slider__marks-text { left: 15px; margin-top: 0; transform: translateY(50%) } .el-alert { align-items: center; background-color: #fff; border-radius: 4px; box-sizing: border-box; display: flex; margin: 0; opacity: 1; overflow: hidden; padding: 8px 16px; position: relative; transition: opacity .2s; width: 100% } .el-alert.is-light .el-alert__closebtn { color: #c0c4cc } .el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description { color: #fff } .el-alert.is-center { justify-content: center } .el-alert--success.is-light { background-color: #f0f9eb; color: #67c23a } .el-alert--success.is-light .el-alert__description { color: #67c23a } .el-alert--success.is-dark { background-color: #67c23a; color: #fff } .el-alert--info.is-light { background-color: #f4f4f5; color: #909399 } .el-alert--info.is-dark { background-color: #909399; color: #fff } .el-alert--info .el-alert__description { color: #909399 } .el-alert--warning.is-light { background-color: #fdf6ec; color: #e6a23c } .el-alert--warning.is-light .el-alert__description { color: #e6a23c } .el-alert--warning.is-dark { background-color: #e6a23c; color: #fff } .el-alert--error.is-light { background-color: #fef0f0; color: #f56c6c } .el-alert--error.is-light .el-alert__description { color: #f56c6c } .el-alert--error.is-dark { background-color: #f56c6c; color: #fff } .el-alert__content { display: table-cell; padding: 0 8px } .el-alert__icon { font-size: 16px; width: 16px } .el-alert__icon.is-big { font-size: 28px; width: 28px } .el-alert__title { font-size: 13px; line-height: 18px } .el-alert__title.is-bold { font-weight: 700 } .el-alert .el-alert__description { font-size: 12px; margin: 5px 0 0 } .el-alert__closebtn { cursor: pointer; font-size: 12px; opacity: 1; position: absolute; right: 15px; top: 12px } .el-alert__closebtn.is-customed { font-size: 13px; font-style: normal; top: 9px } .el-alert-fade-enter, .el-alert-fade-leave-active { opacity: 0 } .el-tabs__header { margin: 0 0 15px; padding: 0; position: relative } .el-tabs__active-bar { background-color: #409eff; bottom: 0; height: 2px; left: 0; list-style: none; position: absolute; transition: transform .3s cubic-bezier(.645, .045, .355, 1); z-index: 1 } .el-tabs__new-tab { border: 1px solid #d3dce6; border-radius: 3px; color: #d3dce6; cursor: pointer; float: right; font-size: 12px; height: 18px; line-height: 18px; margin: 12px 0 9px 10px; text-align: center; transition: all .15s; width: 18px } .el-tabs__new-tab .el-icon-plus { transform: scale(.8) } .el-tabs__new-tab:hover { color: #409eff } .el-tabs__nav-wrap { margin-bottom: -1px; overflow: hidden; position: relative } .el-tabs__nav-wrap:after { background-color: #e4e7ed; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100%; z-index: 1 } .el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap:after, .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap:after { content: none } .el-tabs__nav-wrap.is-scrollable { box-sizing: border-box; padding: 0 20px } .el-tabs__nav-scroll { overflow: hidden } .el-tabs__nav-next, .el-tabs__nav-prev { color: #909399; cursor: pointer; font-size: 12px; line-height: 44px; position: absolute } .el-tabs__nav-next { right: 0 } .el-tabs__nav-prev { left: 0 } .el-tabs__nav { float: left; position: relative; transition: transform .3s; white-space: nowrap; z-index: 2 } .el-tabs__nav.is-stretch { display: flex; min-width: 100% } .el-tabs__nav.is-stretch > * { flex: 1; text-align: center } .el-tabs__item { box-sizing: border-box; color: #303133; display: inline-block; font-size: 14px; font-weight: 500; height: 40px; line-height: 40px; list-style: none; padding: 0 20px; position: relative } .el-tabs__item:focus, .el-tabs__item:focus:active { outline: 0 } .el-tabs__item:focus.is-active.is-focus:not(:active) { border-radius: 3px; box-shadow: inset 0 0 2px 2px #409eff } .el-tabs__item .el-icon-close { border-radius: 50%; margin-left: 5px; text-align: center; transition: all .3s cubic-bezier(.645, .045, .355, 1) } .el-tabs__item .el-icon-close:before { display: inline-block; transform: scale(.9) } .el-tabs--card > .el-tabs__header .el-tabs__active-bar, .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { display: none } .el-tabs__item .el-icon-close:hover { background-color: #c0c4cc; color: #fff } .el-tabs__item.is-active { color: #409eff } .el-tabs__item:hover { color: #409eff; cursor: pointer } .el-tabs__item.is-disabled { color: #c0c4cc; cursor: default } .el-tabs__content { overflow: hidden; position: relative } .el-tabs--card > .el-tabs__header { border-bottom: 1px solid #e4e7ed } .el-tabs--card > .el-tabs__header .el-tabs__nav { border: 1px solid #e4e7ed; border-bottom: none; border-radius: 4px 4px 0 0; box-sizing: border-box } .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close { font-size: 12px; height: 14px; line-height: 15px; overflow: hidden; position: relative; right: -2px; top: -1px; transform-origin: 100% 50%; vertical-align: middle; width: 0 } .el-tabs--card > .el-tabs__header .el-tabs__item { border-bottom: 1px solid transparent; border-left: 1px solid #e4e7ed; transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1) } .el-tabs--card > .el-tabs__header .el-tabs__item:first-child { border-left: none } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover { padding-left: 13px; padding-right: 13px } .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close { width: 14px } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: #fff } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable { padding-left: 20px; padding-right: 20px } .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close { width: 14px } .el-tabs--border-card { background: #fff; border: 1px solid #dcdfe6; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12), 0 0 6px 0 rgba(0, 0, 0, .04) } .el-tabs--border-card > .el-tabs__content { padding: 15px } .el-tabs--border-card > .el-tabs__header { background-color: #f5f7fa; border-bottom: 1px solid #e4e7ed; margin: 0 } .el-tabs--border-card > .el-tabs__header .el-tabs__item { border: 1px solid transparent; color: #909399; margin-top: -1px; transition: all .3s cubic-bezier(.645, .045, .355, 1) } .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child { margin-left: -1px } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active { background-color: #fff; border-left-color: #dcdfe6; border-right-color: #dcdfe6; color: #409eff } .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover { color: #409eff } .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { color: #c0c4cc } .el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-left: 0 } .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 0 } .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child { padding-right: 0 } .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) { padding-left: 20px } .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child { padding-right: 20px } .el-tabs--bottom .el-tabs__header.is-bottom { margin-bottom: 0; margin-top: 10px } .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom { border-bottom: 0; border-top: 1px solid #dcdfe6 } .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom { margin-bottom: 0; margin-top: -1px } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) { border: 1px solid transparent } .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom { margin: 0 -1px -1px } .el-tabs--left, .el-tabs--right { overflow: hidden } .el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { height: 100% } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right { bottom: auto; height: auto; top: 0; width: 2px } .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right { margin-bottom: 0 } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { cursor: pointer; height: 30px; line-height: 30px; text-align: center; width: 100% } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i { transform: rotate(90deg) } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { left: auto; top: 0 } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { bottom: 0; right: auto } .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left:after { left: auto; right: 0 } .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { padding: 30px 0 } .el-tabs--left .el-tabs__nav-wrap.is-left:after, .el-tabs--left .el-tabs__nav-wrap.is-right:after, .el-tabs--right .el-tabs__nav-wrap.is-left:after, .el-tabs--right .el-tabs__nav-wrap.is-right:after { bottom: auto; height: 100%; top: 0; width: 2px } .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right { float: none } .el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right { display: block } .el-tabs--left .el-tabs__header.is-left { float: left; margin-bottom: 0; margin-right: 10px } .el-tabs--left .el-tabs__nav-wrap.is-left { margin-right: -1px } .el-tabs--left .el-tabs__item.is-left { text-align: right } .el-tabs--left.el-tabs--card .el-tabs__item.is-left { border: 1px solid #e4e7ed; border-bottom: none; border-left: none; text-align: left } .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { border-right: 1px solid #e4e7ed; border-top: none } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { border: none; border-right: 1px solid #fff; border-top: 1px solid #e4e7ed } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { border-top: none } .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { border-bottom: none } .el-tabs--left.el-tabs--card .el-tabs__nav { border-bottom: 1px solid #e4e7ed; border-radius: 4px 0 0 4px; border-right: none } .el-tabs--left.el-tabs--card .el-tabs__new-tab { float: none } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { border-right: 1px solid #dfe4ed } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { border: 1px solid transparent; margin: -1px 0 -1px -1px } .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { border-color: #d1dbe5 transparent } .el-tabs--right .el-tabs__header.is-right { float: right; margin-bottom: 0; margin-left: 10px } .el-tabs--right .el-tabs__nav-wrap.is-right { margin-left: -1px } .el-tabs--right .el-tabs__nav-wrap.is-right:after { left: 0; right: auto } .el-tabs--right .el-tabs__active-bar.is-right { left: 0 } .el-tabs--right.el-tabs--card .el-tabs__item.is-right { border-bottom: none; border-top: 1px solid #e4e7ed } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child { border-left: 1px solid #e4e7ed; border-top: none } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active { border: none; border-left: 1px solid #fff; border-top: 1px solid #e4e7ed } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child { border-top: none } .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { border-bottom: none } .el-tabs--right.el-tabs--card .el-tabs__nav { border-bottom: 1px solid #e4e7ed; border-left: none; border-radius: 0 4px 4px 0 } .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-left: 1px solid #dfe4ed } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border: 1px solid transparent; margin: -1px -1px -1px 0 } .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { border-color: #d1dbe5 transparent } .slideInLeft-transition, .slideInRight-transition { display: inline-block } .slideInRight-enter { animation: slideInRight-enter .3s } .slideInRight-leave { animation: slideInRight-leave .3s; left: 0; position: absolute; right: 0 } .slideInLeft-enter { animation: slideInLeft-enter .3s } .slideInLeft-leave { animation: slideInLeft-leave .3s; left: 0; position: absolute; right: 0 } @keyframes slideInRight-enter { 0% { opacity: 0; transform: translateX(100%); transform-origin: 0 0 } to { opacity: 1; transform: translateX(0); transform-origin: 0 0 } } @keyframes slideInRight-leave { 0% { opacity: 1; transform: translateX(0); transform-origin: 0 0 } to { opacity: 0; transform: translateX(100%); transform-origin: 0 0 } } @keyframes slideInLeft-enter { 0% { opacity: 0; transform: translateX(-100%); transform-origin: 0 0 } to { opacity: 1; transform: translateX(0); transform-origin: 0 0 } } @keyframes slideInLeft-leave { 0% { opacity: 1; transform: translateX(0); transform-origin: 0 0 } to { opacity: 0; transform: translateX(-100%); transform-origin: 0 0 } } .el-form--inline .el-form-item, .el-form--inline .el-form-item__content { display: inline-block; vertical-align: top } .el-form-item:after, .el-form-item__content:after { clear: both } .el-form--label-left .el-form-item__label { text-align: left } .el-form--label-top .el-form-item__label { display: inline-block; float: none; padding: 0 0 10px; text-align: left } .el-form--inline .el-form-item { margin-right: 10px } .el-form--inline .el-form-item__label { display: inline-block; float: none } .el-form--inline.el-form--label-top .el-form-item__content { display: block } .el-form-item:after, .el-form-item:before, .el-form-item__content:after, .el-form-item__content:before { content: ""; display: table } .el-form-item { margin-bottom: 22px } .el-form-item .el-form-item { margin-bottom: 0 } .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { margin-bottom: 18px } .el-form-item .el-input__validateIcon { display: none } .el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label { line-height: 36px } .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label { line-height: 32px } .el-form-item--small .el-form-item__error { padding-top: 2px } .el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label { line-height: 28px } .el-form-item--mini .el-form-item__error { padding-top: 1px } .el-form-item__label-wrap { float: left } .el-form-item__label-wrap .el-form-item__label { display: inline-block; float: none } .el-form-item__label { box-sizing: border-box; color: #606266; float: left; font-size: 14px; line-height: 40px; padding: 0 12px 0 0; text-align: right; vertical-align: middle } .el-form-item__content { font-size: 14px; line-height: 40px; position: relative } .el-form-item__content .el-input-group { vertical-align: top } .el-form-item__error { color: #f56c6c; font-size: 12px; left: 0; line-height: 1; padding-top: 4px; position: absolute; top: 100% } .el-form-item__error--inline { display: inline-block; left: auto; margin-left: 10px; position: relative; top: auto } .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { color: #f56c6c; content: "*"; margin-right: 4px } .el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus { border-color: #f56c6c } .el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner { border-color: transparent } .el-form-item.is-error .el-input__validateIcon { color: #f56c6c } .el-form-item--feedback .el-input__validateIcon { display: inline-block } .el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing) { outline-width: 0 } .el-tooltip__popper { word-wrap: break-word; border-radius: 4px; font-size: 12px; line-height: 1.2; min-width: 10px; padding: 10px; position: absolute; z-index: 2000 } .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow:after { border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0 } .el-tooltip__popper .popper__arrow { border-width: 6px } .el-tooltip__popper .popper__arrow:after { border-width: 5px; content: " " } .el-tooltip__popper[x-placement^=top] { margin-bottom: 12px } .el-tooltip__popper[x-placement^=top] .popper__arrow { border-bottom-width: 0; border-top-color: #303133; bottom: -6px } .el-tooltip__popper[x-placement^=top] .popper__arrow:after { border-bottom-width: 0; border-top-color: #303133; bottom: 1px; margin-left: -5px } .el-tooltip__popper[x-placement^=bottom] { margin-top: 12px } .el-tooltip__popper[x-placement^=bottom] .popper__arrow { border-bottom-color: #303133; border-top-width: 0; top: -6px } .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #303133; border-top-width: 0; margin-left: -5px; top: 1px } .el-tooltip__popper[x-placement^=right] { margin-left: 12px } .el-tooltip__popper[x-placement^=right] .popper__arrow { border-left-width: 0; border-right-color: #303133; left: -6px } .el-tooltip__popper[x-placement^=right] .popper__arrow:after { border-left-width: 0; border-right-color: #303133; bottom: -5px; left: 1px } .el-tooltip__popper[x-placement^=left] { margin-right: 12px } .el-tooltip__popper[x-placement^=left] .popper__arrow { border-left-color: #303133; border-right-width: 0; right: -6px } .el-tooltip__popper[x-placement^=left] .popper__arrow:after { border-left-color: #303133; border-right-width: 0; bottom: -5px; margin-left: -5px; right: 1px } .el-tooltip__popper.is-dark { background: #303133; color: #fff } .el-tooltip__popper.is-light { background: #fff; border: 1px solid #303133 } .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { border-top-color: #303133 } .el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after { border-top-color: #fff } .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow { border-bottom-color: #303133 } .el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #fff } .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow { border-left-color: #303133 } .el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after { border-left-color: #fff } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow { border-right-color: #303133 } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after { border-right-color: #fff } .el-popover__title, .el-popper[x-placement^=top] { margin-bottom: 12px } .el-popover { background: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); color: #606266; font-size: 14px; line-height: 1.4; min-width: 150px; padding: 12px; position: absolute; text-align: justify; word-break: break-all; z-index: 2000 } .el-popover--plain { padding: 18px 20px } .el-popover__title { color: #303133; font-size: 16px; line-height: 1 } .el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing) { outline-width: 0 } .el-button { color: #606266; font-size: 14px } .el-select-dropdown__item.is-disabled:hover { background-color: #fff } .el-input__inner, .el-textarea__inner { color: #606266; font-size: inherit } .el-checkbox, .el-checkbox-button__inner { color: #606266; font-size: 14px; font-weight: 500; -webkit-user-select: none; -ms-user-select: none } .el-checkbox, .el-checkbox-button__inner, .el-checkbox__input { cursor: pointer } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner, .el-checkbox__inner { height: 14px; width: 14px } .el-input, .el-textarea { font-size: 14px; width: 100% } .el-input-number { display: inline-block; line-height: 38px; position: relative; width: 180px } .el-input-number .el-input { display: block } .el-input-number .el-input__inner { -webkit-appearance: none; padding-left: 50px; padding-right: 50px; text-align: center } .el-input-number__decrease, .el-input-number__increase { background: #f5f7fa; color: #606266; cursor: pointer; font-size: 13px; height: auto; position: absolute; text-align: center; top: 1px; width: 40px; z-index: 1 } .el-input-number__decrease:hover, .el-input-number__increase:hover { color: #409eff } .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { border-color: #409eff } .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-input-number__increase { border-left: 1px solid #dcdfe6; border-radius: 0 4px 4px 0; right: 1px } .el-input-number__decrease { border-radius: 4px 0 0 4px; border-right: 1px solid #dcdfe6; left: 1px } .el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase { border-color: #e4e7ed; color: #e4e7ed } .el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover { color: #e4e7ed; cursor: not-allowed } .el-input-number--medium { line-height: 34px; width: 200px } .el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase { font-size: 14px; width: 36px } .el-input-number--medium .el-input__inner { padding-left: 43px; padding-right: 43px } .el-input-number--small { line-height: 30px; width: 130px } .el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase { font-size: 13px; width: 32px } .el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] { transform: scale(.9) } .el-input-number--small .el-input__inner { padding-left: 39px; padding-right: 39px } .el-input-number--mini { line-height: 26px; width: 130px } .el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase { font-size: 12px; width: 28px } .el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] { transform: scale(.8) } .el-input-number--mini .el-input__inner { padding-left: 35px; padding-right: 35px } .el-input-number.is-without-controls .el-input__inner { padding-left: 15px; padding-right: 15px } .el-input-number.is-controls-right .el-input__inner { padding-left: 15px; padding-right: 50px } .el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase { height: auto; line-height: 19px } .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] { transform: scale(.8) } .el-input-number.is-controls-right .el-input-number__increase { border-bottom: 1px solid #dcdfe6; border-radius: 0 4px 0 0 } .el-input-number.is-controls-right .el-input-number__decrease { border-left: 1px solid #dcdfe6; border-radius: 0 0 4px; border-right: none; bottom: 1px; left: auto; right: 1px; top: auto } .el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] { line-height: 17px } .el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] { line-height: 15px } .el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] { line-height: 13px } .el-input__inner { background-color: #fff } .el-button, .el-dropdown { color: #606266; font-size: 14px } .el-button { -webkit-appearance: none; background: #fff; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-block; font-weight: 500; line-height: 1; margin: 0; outline: 0; padding: 12px 20px; text-align: center; transition: .1s; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; white-space: nowrap } .el-button + .el-button { margin-left: 10px } .el-button:focus, .el-button:hover { background-color: #ecf5ff; border-color: #c6e2ff; color: #409eff } .el-button:active { border-color: #3a8ee6; color: #3a8ee6; outline: 0 } .el-button::-moz-focus-inner { border: 0 } .el-button [class*=el-icon-] + span { margin-left: 5px } .el-button.is-plain:focus, .el-button.is-plain:hover { background: #fff; border-color: #409eff; color: #409eff } .el-button.is-active, .el-button.is-plain:active { border-color: #3a8ee6; color: #3a8ee6 } .el-button.is-plain:active { background: #fff; outline: 0 } .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover { background-color: #fff; background-image: none; border-color: #ebeef5; color: #c0c4cc; cursor: not-allowed } .el-button.is-disabled.el-button--text { background-color: transparent } .el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover { background-color: #fff; border-color: #ebeef5; color: #c0c4cc } .el-button.is-loading { pointer-events: none; position: relative } .el-button.is-loading:before { background-color: hsla(0, 0%, 100%, .35); border-radius: inherit; bottom: -1px; content: ""; left: -1px; pointer-events: none; position: absolute; right: -1px; top: -1px } .el-button.is-round { border-radius: 20px; padding: 12px 23px } .el-button.is-circle { border-radius: 50%; padding: 12px } .el-button--primary { background-color: #409eff; border-color: #409eff; color: #fff } .el-button--primary:focus, .el-button--primary:hover { background: #66b1ff; border-color: #66b1ff; color: #fff } .el-button--primary.is-active, .el-button--primary:active { background: #3a8ee6; border-color: #3a8ee6; color: #fff } .el-button--primary:active { outline: 0 } .el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover { background-color: #a0cfff; border-color: #a0cfff; color: #fff } .el-button--primary.is-plain { background: #ecf5ff; border-color: #b3d8ff; color: #409eff } .el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover { background: #409eff; border-color: #409eff; color: #fff } .el-button--primary.is-plain:active { background: #3a8ee6; border-color: #3a8ee6; color: #fff; outline: 0 } .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover { background-color: #ecf5ff; border-color: #d9ecff; color: #8cc5ff } .el-button--success { background-color: #67c23a; border-color: #67c23a; color: #fff } .el-button--success:focus, .el-button--success:hover { background: #85ce61; border-color: #85ce61; color: #fff } .el-button--success.is-active, .el-button--success:active { background: #5daf34; border-color: #5daf34; color: #fff } .el-button--success:active { outline: 0 } .el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover { background-color: #b3e19d; border-color: #b3e19d; color: #fff } .el-button--success.is-plain { background: #f0f9eb; border-color: #c2e7b0; color: #67c23a } .el-button--success.is-plain:focus, .el-button--success.is-plain:hover { background: #67c23a; border-color: #67c23a; color: #fff } .el-button--success.is-plain:active { background: #5daf34; border-color: #5daf34; color: #fff; outline: 0 } .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover { background-color: #f0f9eb; border-color: #e1f3d8; color: #a4da89 } .el-button--warning { background-color: #e6a23c; border-color: #e6a23c; color: #fff } .el-button--warning:focus, .el-button--warning:hover { background: #ebb563; border-color: #ebb563; color: #fff } .el-button--warning.is-active, .el-button--warning:active { background: #cf9236; border-color: #cf9236; color: #fff } .el-button--warning:active { outline: 0 } .el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover { background-color: #f3d19e; border-color: #f3d19e; color: #fff } .el-button--warning.is-plain { background: #fdf6ec; border-color: #f5dab1; color: #e6a23c } .el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover { background: #e6a23c; border-color: #e6a23c; color: #fff } .el-button--warning.is-plain:active { background: #cf9236; border-color: #cf9236; color: #fff; outline: 0 } .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover { background-color: #fdf6ec; border-color: #faecd8; color: #f0c78a } .el-button--danger { background-color: #f56c6c; border-color: #f56c6c; color: #fff } .el-button--danger:focus, .el-button--danger:hover { background: #f78989; border-color: #f78989; color: #fff } .el-button--danger.is-active, .el-button--danger:active { background: #dd6161; border-color: #dd6161; color: #fff } .el-button--danger:active { outline: 0 } .el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover { background-color: #fab6b6; border-color: #fab6b6; color: #fff } .el-button--danger.is-plain { background: #fef0f0; border-color: #fbc4c4; color: #f56c6c } .el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover { background: #f56c6c; border-color: #f56c6c; color: #fff } .el-button--danger.is-plain:active { background: #dd6161; border-color: #dd6161; color: #fff; outline: 0 } .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover { background-color: #fef0f0; border-color: #fde2e2; color: #f9a7a7 } .el-button--info { background-color: #909399; border-color: #909399; color: #fff } .el-button--info:focus, .el-button--info:hover { background: #a6a9ad; border-color: #a6a9ad; color: #fff } .el-button--info.is-active, .el-button--info:active { background: #82848a; border-color: #82848a; color: #fff } .el-button--info:active { outline: 0 } .el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover { background-color: #c8c9cc; border-color: #c8c9cc; color: #fff } .el-button--info.is-plain { background: #f4f4f5; border-color: #d3d4d6; color: #909399 } .el-button--info.is-plain:focus, .el-button--info.is-plain:hover { background: #909399; border-color: #909399; color: #fff } .el-button--info.is-plain:active { background: #82848a; border-color: #82848a; color: #fff; outline: 0 } .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover { background-color: #f4f4f5; border-color: #e9e9eb; color: #bcbec2 } .el-button--medium { border-radius: 4px; font-size: 14px; padding: 10px 20px } .el-button--mini, .el-button--small { border-radius: 3px; font-size: 12px } .el-button--medium.is-round { padding: 10px 20px } .el-button--medium.is-circle { padding: 10px } .el-button--small, .el-button--small.is-round { padding: 9px 15px } .el-button--small.is-circle { padding: 9px } .el-button--mini, .el-button--mini.is-round { padding: 7px 15px } .el-button--mini.is-circle { padding: 7px } .el-button--text { background: 0 0; border-color: transparent; color: #409eff; padding-left: 0; padding-right: 0 } .el-button--text:focus, .el-button--text:hover { background-color: transparent; border-color: transparent; color: #66b1ff } .el-button--text:active { background-color: transparent; color: #3a8ee6 } .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active { border-color: transparent } .el-button-group .el-button--danger:last-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:last-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:last-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:last-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:last-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child), .el-button-group > .el-dropdown > .el-button { border-left-color: hsla(0, 0%, 100%, .5) } .el-button-group .el-button--danger:first-child, .el-button-group .el-button--danger:not(:first-child):not(:last-child), .el-button-group .el-button--info:first-child, .el-button-group .el-button--info:not(:first-child):not(:last-child), .el-button-group .el-button--primary:first-child, .el-button-group .el-button--primary:not(:first-child):not(:last-child), .el-button-group .el-button--success:first-child, .el-button-group .el-button--success:not(:first-child):not(:last-child), .el-button-group .el-button--warning:first-child, .el-button-group .el-button--warning:not(:first-child):not(:last-child) { border-right-color: hsla(0, 0%, 100%, .5) } .el-button-group { display: inline-block; vertical-align: middle } .el-button-group:after, .el-button-group:before { content: ""; display: table } .el-button-group:after { clear: both } .el-button-group > .el-button { float: left; position: relative } .el-button-group > .el-button + .el-button { margin-left: 0 } .el-button-group > .el-button.is-disabled { z-index: 1 } .el-button-group > .el-button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0 } .el-button-group > .el-button:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0 } .el-button-group > .el-button:first-child:last-child { border-radius: 4px } .el-button-group > .el-button:first-child:last-child.is-round { border-radius: 20px } .el-button-group > .el-button:first-child:last-child.is-circle { border-radius: 50% } .el-button-group > .el-button:not(:first-child):not(:last-child) { border-radius: 0 } .el-button-group > .el-button:not(:last-child) { margin-right: -1px } .el-button-group > .el-button.is-active, .el-button-group > .el-button:not(.is-disabled):active, .el-button-group > .el-button:not(.is-disabled):focus, .el-button-group > .el-button:not(.is-disabled):hover { z-index: 1 } .el-button-group > .el-dropdown > .el-button { border-bottom-left-radius: 0; border-top-left-radius: 0 } .el-dropdown { display: inline-block; position: relative } .el-dropdown .el-button-group { display: block } .el-dropdown .el-button-group .el-button { float: none } .el-dropdown .el-dropdown__caret-button { border-left: none; padding-left: 5px; padding-right: 5px; position: relative } .el-dropdown .el-dropdown__caret-button:before { background: hsla(0, 0%, 100%, .5); bottom: 5px; content: ""; display: block; left: 0; position: absolute; top: 5px; width: 1px } .el-dropdown .el-dropdown__caret-button.el-button--default:before { background: rgba(220, 223, 230, .5) } .el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled):before { bottom: 0; top: 0 } .el-dropdown .el-dropdown__caret-button .el-dropdown__icon { padding-left: 0 } .el-dropdown__icon { font-size: 12px; margin: 0 3px } .el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { outline-width: 0 } .el-dropdown [disabled] { color: #bbb; cursor: not-allowed } .el-dropdown-menu { background-color: #fff; border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); left: 0; margin: 5px 0; padding: 10px 0; position: absolute; top: 0; z-index: 10 } .el-dropdown-menu__item { color: #606266; cursor: pointer; font-size: 14px; line-height: 36px; list-style: none; margin: 0; outline: 0; padding: 0 20px } .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover { background-color: #ecf5ff; color: #66b1ff } .el-dropdown-menu__item i { margin-right: 5px } .el-dropdown-menu__item--divided { border-top: 1px solid #ebeef5; margin-top: 6px; position: relative } .el-dropdown-menu__item--divided:before { background-color: #fff; content: ""; display: block; height: 6px; margin: 0 -20px } .el-dropdown-menu__item.is-disabled { color: #bbb; cursor: default; pointer-events: none } .el-dropdown-menu--medium { padding: 6px 0 } .el-dropdown-menu--medium .el-dropdown-menu__item { font-size: 14px; line-height: 30px; padding: 0 17px } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 6px } .el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 6px; margin: 0 -17px } .el-dropdown-menu--small { padding: 6px 0 } .el-dropdown-menu--small .el-dropdown-menu__item { font-size: 13px; line-height: 27px; padding: 0 15px } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 4px } .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 4px; margin: 0 -15px } .el-dropdown-menu--mini { padding: 3px 0 } .el-dropdown-menu--mini .el-dropdown-menu__item { font-size: 12px; line-height: 24px; padding: 0 10px } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { margin-top: 3px } .el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { height: 3px; margin: 0 -10px } .el-input__inner, .el-textarea__inner { background-color: #fff; background-image: none; -webkit-box-sizing: border-box; width: 100% } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input, .el-input__inner { font-size: inherit } .el-input__inner:hover { border-color: #c0c4cc } .el-autocomplete { display: inline-block; position: relative } .el-autocomplete-suggestion { background-color: #fff; border: 1px solid #e4e7ed; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: border-box; margin: 5px 0 } .el-autocomplete-suggestion__wrap { box-sizing: border-box; max-height: 280px; padding: 10px 0 } .el-autocomplete-suggestion__list { margin: 0; padding: 0 } .el-autocomplete-suggestion li { color: #606266; cursor: pointer; font-size: 14px; line-height: 34px; list-style: none; margin: 0; overflow: hidden; padding: 0 20px; text-overflow: ellipsis; white-space: nowrap } .el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover { background-color: #f5f7fa } .el-autocomplete-suggestion li.divider { border-top: 1px solid #000; margin-top: 6px } .el-autocomplete-suggestion li.divider:last-child { margin-bottom: -6px } .el-autocomplete-suggestion.is-loading li { color: #999; font-size: 20px; height: 100px; line-height: 100px; text-align: center } .el-autocomplete-suggestion.is-loading li:after { content: ""; display: inline-block; height: 100%; vertical-align: middle } .el-autocomplete-suggestion.is-loading li:hover { background-color: #fff } .el-autocomplete-suggestion.is-loading .el-icon-loading { vertical-align: middle } .v-modal-enter { animation: v-modal-in .2s ease } .v-modal-leave { animation: v-modal-out .2s ease forwards } @keyframes v-modal-in { 0% { opacity: 0 } } @keyframes v-modal-out { to { opacity: 0 } } .v-modal { background: #000; height: 100%; left: 0; opacity: .5; position: fixed; top: 0; width: 100% } .el-popup-parent--hidden { overflow: hidden } .el-dialog { background: #fff; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); box-sizing: border-box; margin: 0 auto 50px; position: relative; width: 50% } .el-dialog.is-fullscreen { height: 100%; margin-bottom: 0; margin-top: 0; overflow: auto; width: 100% } .el-dialog__wrapper { bottom: 0; left: 0; margin: 0; overflow: auto; position: fixed; right: 0; top: 0 } .el-dialog__header { padding: 20px 20px 10px } .el-dialog__headerbtn { background: 0 0; border: none; cursor: pointer; font-size: 16px; outline: 0; padding: 0; position: absolute; right: 20px; top: 20px } .el-dialog__headerbtn .el-dialog__close { color: #909399 } .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { color: #409eff } .el-dialog__title { color: #303133; font-size: 18px; line-height: 24px } .el-dialog__body { color: #606266; font-size: 14px; padding: 30px 20px; word-break: break-all } .el-dialog__footer { box-sizing: border-box; padding: 10px 20px 20px; text-align: right } .el-dialog--center { text-align: center } .el-dialog--center .el-dialog__body { padding: 25px 25px 30px; text-align: left; text-align: initial } .el-dialog--center .el-dialog__footer { text-align: inherit } .dialog-fade-enter-active { animation: dialog-fade-in .3s } .dialog-fade-leave-active { animation: dialog-fade-out .3s } @keyframes dialog-fade-in { 0% { opacity: 0; transform: translate3d(0, -20px, 0) } to { opacity: 1; transform: translateZ(0) } } @keyframes dialog-fade-out { 0% { opacity: 1; transform: translateZ(0) } to { opacity: 0; transform: translate3d(0, -20px, 0) } } .el-input__inner, .el-textarea__inner { -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1) } .el-popper .popper__arrow, .el-popper .popper__arrow:after { border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0 } .el-popper .popper__arrow { border-width: 6px; filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03)) } .el-popper .popper__arrow:after { border-width: 6px; content: " " } .el-popper[x-placement^=top] { margin-bottom: 12px } .el-popper[x-placement^=top] .popper__arrow { border-bottom-width: 0; border-top-color: #ebeef5; bottom: -6px; left: 50%; margin-right: 3px } .el-popper[x-placement^=top] .popper__arrow:after { border-bottom-width: 0; border-top-color: #fff; bottom: 1px; margin-left: -6px } .el-popper[x-placement^=bottom] { margin-top: 12px } .el-popper[x-placement^=bottom] .popper__arrow { border-bottom-color: #ebeef5; border-top-width: 0; left: 50%; margin-right: 3px; top: -6px } .el-popper[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #fff; border-top-width: 0; margin-left: -6px; top: 1px } .el-popper[x-placement^=right] { margin-left: 12px } .el-popper[x-placement^=right] .popper__arrow { border-left-width: 0; border-right-color: #ebeef5; left: -6px; margin-bottom: 3px; top: 50% } .el-popper[x-placement^=right] .popper__arrow:after { border-left-width: 0; border-right-color: #fff; bottom: -6px; left: 1px } .el-popper[x-placement^=left] { margin-right: 12px } .el-popper[x-placement^=left] .popper__arrow { border-left-color: #ebeef5; border-right-width: 0; margin-bottom: 3px; right: -6px; top: 50% } .el-popper[x-placement^=left] .popper__arrow:after { border-left-color: #fff; border-right-width: 0; bottom: -6px; margin-left: -6px; right: 1px } .el-select-dropdown { background-color: #fff; border: 1px solid #e4e7ed; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: border-box; margin: 5px 0; position: absolute; z-index: 1001 } .el-input__inner, .el-select-dropdown__list, .el-tag, .el-textarea__inner { -webkit-box-sizing: border-box } .el-select-dropdown.is-multiple .el-select-dropdown__item { padding-right: 40px } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { background-color: #fff; color: #409eff } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover { background-color: #f5f7fa } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e6da"; font-family: element-icons; font-size: 12px; font-weight: 700; position: absolute; right: 20px } .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list { padding: 0 } .el-select-dropdown__empty { color: #999; font-size: 14px; margin: 0; padding: 10px 0; text-align: center } .el-select-dropdown__wrap { max-height: 274px } .el-select-dropdown__list { box-sizing: border-box; list-style: none; margin: 0; padding: 6px 0 } .el-textarea { display: inline-block; font-size: 14px; position: relative; vertical-align: bottom; width: 100% } .el-textarea__inner { background-color: #fff; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; color: #606266; display: block; font-size: inherit; line-height: 1.5; padding: 5px 15px; resize: vertical; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100% } .el-textarea__inner::-moz-placeholder { color: #c0c4cc } .el-textarea__inner::placeholder { color: #c0c4cc } .el-textarea__inner:hover { border-color: #c0c4cc } .el-textarea__inner:focus { border-color: #409eff; outline: 0 } .el-textarea .el-input__count { background: #fff; bottom: 5px; color: #909399; font-size: 12px; position: absolute; right: 10px } .el-textarea.is-disabled .el-textarea__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed } .el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { color: #c0c4cc } .el-textarea.is-disabled .el-textarea__inner::placeholder { color: #c0c4cc } .el-textarea.is-exceed .el-textarea__inner { border-color: #f56c6c } .el-textarea.is-exceed .el-input__count { color: #f56c6c } .el-input { display: inline-block; font-size: 14px; position: relative; width: 100% } .el-input::-webkit-scrollbar { width: 6px; z-index: 11 } .el-input::-webkit-scrollbar:horizontal { height: 6px } .el-input::-webkit-scrollbar-thumb { background: #b4bccc; border-radius: 5px; width: 6px } .el-input::-webkit-scrollbar-corner, .el-input::-webkit-scrollbar-track { background: #fff } .el-input::-webkit-scrollbar-track-piece { background: #fff; width: 6px } .el-input__inner, .el-select-dropdown__item.is-disabled:hover { background-color: #fff } .el-input .el-input__clear { color: #c0c4cc; cursor: pointer; font-size: 14px; transition: color .2s cubic-bezier(.645, .045, .355, 1) } .el-input .el-input__clear:hover { color: #909399 } .el-input .el-input__count { align-items: center; color: #909399; display: inline-flex; font-size: 12px; height: 100% } .el-input .el-input__count .el-input__count-inner { background: #fff; display: inline-block; line-height: normal; padding: 0 5px } .el-input__inner { -webkit-appearance: none; background-image: none; border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 40px; line-height: 40px; outline: 0; padding: 0 15px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); width: 100% } .el-input__inner:hover, .el-select:hover .el-input__inner { border-color: #c0c4cc } .el-input__prefix, .el-input__suffix { color: #c0c4cc; height: 100%; position: absolute; text-align: center; top: 0; -webkit-transition: all .3s } .el-input__inner::-ms-reveal { display: none } .el-input__inner::-moz-placeholder { color: #c0c4cc } .el-input__inner::placeholder { color: #c0c4cc } .el-input.is-active .el-input__inner, .el-input__inner:focus { border-color: #409eff; outline: 0 } .el-input__suffix { pointer-events: none; right: 5px; transition: all .3s } .el-input__suffix-inner { pointer-events: all } .el-input__prefix { left: 5px; transition: all .3s } .el-input__icon { height: 100%; line-height: 40px; text-align: center; transition: all .3s; width: 25px } .el-input__icon:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0 } .el-input__validateIcon { pointer-events: none } .el-input.is-disabled .el-input__inner { background-color: #f5f7fa; border-color: #e4e7ed; color: #c0c4cc; cursor: not-allowed } .el-input.is-disabled .el-input__inner::-moz-placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__inner::placeholder { color: #c0c4cc } .el-input.is-disabled .el-input__icon { cursor: not-allowed } .el-input.is-exceed .el-input__inner { border-color: #f56c6c } .el-input.is-exceed .el-input__suffix .el-input__count { color: #f56c6c } .el-input--suffix .el-input__inner { padding-right: 30px } .el-input--prefix .el-input__inner { padding-left: 30px } .el-input--medium { font-size: 14px } .el-input--medium .el-input__inner { height: 36px; line-height: 36px } .el-input--medium .el-input__icon { line-height: 36px } .el-input--small { font-size: 13px } .el-input--small .el-input__inner { height: 32px; line-height: 32px } .el-input--small .el-input__icon { line-height: 32px } .el-input--mini { font-size: 12px } .el-input--mini .el-input__inner { height: 28px; line-height: 28px } .el-input--mini .el-input__icon { line-height: 28px } .el-input-group { border-collapse: separate; border-spacing: 0; display: inline-table; line-height: normal; width: 100% } .el-input-group > .el-input__inner { display: table-cell; vertical-align: middle } .el-input-group__append, .el-input-group__prepend { background-color: #f5f7fa; border: 1px solid #dcdfe6; border-radius: 4px; color: #909399; display: table-cell; padding: 0 20px; position: relative; vertical-align: middle; white-space: nowrap; width: 1px } .el-input-group--prepend .el-input__inner, .el-input-group__append { border-bottom-left-radius: 0; border-top-left-radius: 0 } .el-input-group--append .el-input__inner, .el-input-group__prepend { border-bottom-right-radius: 0; border-top-right-radius: 0 } .el-input-group__append:focus, .el-input-group__prepend:focus { outline: 0 } .el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select { display: inline-block; margin: -10px -20px } .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner { background-color: transparent; border-color: transparent; border-bottom: 0; border-top: 0; color: inherit } .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input { font-size: inherit } .el-input-group__prepend { border-right: 0 } .el-input-group__append { border-left: 0 } .el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { border-color: transparent } .el-input__inner::-ms-clear { display: none; height: 0; width: 0 } .el-tag { background-color: #ecf5ff; border: 1px solid #d9ecff; border-radius: 4px; box-sizing: border-box; color: #409eff; display: inline-block; font-size: 12px; height: 32px; line-height: 30px; padding: 0 10px; white-space: nowrap } .el-tag.is-hit { border-color: #409eff } .el-tag .el-tag__close { color: #409eff } .el-tag .el-tag__close:hover { background-color: #409eff; color: #fff } .el-tag.el-tag--info { background-color: #f4f4f5; border-color: #e9e9eb; color: #909399 } .el-tag.el-tag--info.is-hit { border-color: #909399 } .el-tag.el-tag--info .el-tag__close { color: #909399 } .el-tag.el-tag--info .el-tag__close:hover { background-color: #909399; color: #fff } .el-tag.el-tag--success { background-color: #f0f9eb; border-color: #e1f3d8; color: #67c23a } .el-tag.el-tag--success.is-hit { border-color: #67c23a } .el-tag.el-tag--success .el-tag__close { color: #67c23a } .el-tag.el-tag--success .el-tag__close:hover { background-color: #67c23a; color: #fff } .el-tag.el-tag--warning { background-color: #fdf6ec; border-color: #faecd8; color: #e6a23c } .el-tag.el-tag--warning.is-hit { border-color: #e6a23c } .el-tag.el-tag--warning .el-tag__close { color: #e6a23c } .el-tag.el-tag--warning .el-tag__close:hover { background-color: #e6a23c; color: #fff } .el-tag.el-tag--danger { background-color: #fef0f0; border-color: #fde2e2; color: #f56c6c } .el-tag.el-tag--danger.is-hit { border-color: #f56c6c } .el-tag.el-tag--danger .el-tag__close { color: #f56c6c } .el-tag.el-tag--danger .el-tag__close:hover { background-color: #f56c6c; color: #fff } .el-tag .el-icon-close { border-radius: 50%; cursor: pointer; font-size: 12px; height: 16px; line-height: 16px; position: relative; right: -5px; text-align: center; top: -1px; vertical-align: middle; width: 16px } .el-tag .el-icon-close:before { display: block } .el-tag--dark { background-color: #409eff; color: #fff } .el-tag--dark, .el-tag--dark.is-hit { border-color: #409eff } .el-tag--dark .el-tag__close { color: #fff } .el-tag--dark .el-tag__close:hover { background-color: #66b1ff; color: #fff } .el-tag--dark.el-tag--info { background-color: #909399; border-color: #909399; color: #fff } .el-tag--dark.el-tag--info.is-hit { border-color: #909399 } .el-tag--dark.el-tag--info .el-tag__close { color: #fff } .el-tag--dark.el-tag--info .el-tag__close:hover { background-color: #a6a9ad; color: #fff } .el-tag--dark.el-tag--success { background-color: #67c23a; border-color: #67c23a; color: #fff } .el-tag--dark.el-tag--success.is-hit { border-color: #67c23a } .el-tag--dark.el-tag--success .el-tag__close { color: #fff } .el-tag--dark.el-tag--success .el-tag__close:hover { background-color: #85ce61; color: #fff } .el-tag--dark.el-tag--warning { background-color: #e6a23c; border-color: #e6a23c; color: #fff } .el-tag--dark.el-tag--warning.is-hit { border-color: #e6a23c } .el-tag--dark.el-tag--warning .el-tag__close { color: #fff } .el-tag--dark.el-tag--warning .el-tag__close:hover { background-color: #ebb563; color: #fff } .el-tag--dark.el-tag--danger { background-color: #f56c6c; border-color: #f56c6c; color: #fff } .el-tag--dark.el-tag--danger.is-hit { border-color: #f56c6c } .el-tag--dark.el-tag--danger .el-tag__close { color: #fff } .el-tag--dark.el-tag--danger .el-tag__close:hover { background-color: #f78989; color: #fff } .el-tag--plain { background-color: #fff; border-color: #b3d8ff; color: #409eff } .el-tag--plain.is-hit { border-color: #409eff } .el-tag--plain .el-tag__close { color: #409eff } .el-tag--plain .el-tag__close:hover { background-color: #409eff; color: #fff } .el-tag--plain.el-tag--info { background-color: #fff; border-color: #d3d4d6; color: #909399 } .el-tag--plain.el-tag--info.is-hit { border-color: #909399 } .el-tag--plain.el-tag--info .el-tag__close { color: #909399 } .el-tag--plain.el-tag--info .el-tag__close:hover { background-color: #909399; color: #fff } .el-tag--plain.el-tag--success { background-color: #fff; border-color: #c2e7b0; color: #67c23a } .el-tag--plain.el-tag--success.is-hit { border-color: #67c23a } .el-tag--plain.el-tag--success .el-tag__close { color: #67c23a } .el-tag--plain.el-tag--success .el-tag__close:hover { background-color: #67c23a; color: #fff } .el-tag--plain.el-tag--warning { background-color: #fff; border-color: #f5dab1; color: #e6a23c } .el-tag--plain.el-tag--warning.is-hit { border-color: #e6a23c } .el-tag--plain.el-tag--warning .el-tag__close { color: #e6a23c } .el-tag--plain.el-tag--warning .el-tag__close:hover { background-color: #e6a23c; color: #fff } .el-tag--plain.el-tag--danger { background-color: #fff; border-color: #fbc4c4; color: #f56c6c } .el-tag--plain.el-tag--danger.is-hit { border-color: #f56c6c } .el-tag--plain.el-tag--danger .el-tag__close { color: #f56c6c } .el-tag--plain.el-tag--danger .el-tag__close:hover { background-color: #f56c6c; color: #fff } .el-tag--medium { height: 28px; line-height: 26px } .el-tag--medium .el-icon-close { transform: scale(.8) } .el-tag--small { height: 24px; line-height: 22px; padding: 0 8px } .el-tag--small .el-icon-close { transform: scale(.8) } .el-tag--mini { height: 20px; line-height: 19px; padding: 0 5px } .el-tag--mini .el-icon-close { margin-left: -3px; transform: scale(.7) } .el-select-dropdown__item { box-sizing: border-box; color: #606266; cursor: pointer; font-size: 14px; height: 34px; line-height: 34px; overflow: hidden; padding: 0 20px; position: relative; text-overflow: ellipsis; white-space: nowrap } .el-select-dropdown__item.is-disabled { color: #c0c4cc; cursor: not-allowed } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #f5f7fa } .el-select-dropdown__item.selected { color: #409eff; font-weight: 700 } .el-select-group { margin: 0; padding: 0 } .el-select-group__wrap { list-style: none; margin: 0; padding: 0; position: relative } .el-select-group__wrap:not(:last-of-type) { padding-bottom: 24px } .el-select-group__wrap:not(:last-of-type):after { background: #e4e7ed; bottom: 12px; content: ""; display: block; height: 1px; left: 20px; position: absolute; right: 20px } .el-select-group__title { color: #909399; font-size: 12px; line-height: 30px; padding-left: 20px } .el-select-group .el-select-dropdown__item { padding-left: 20px } .el-scrollbar { overflow: hidden; position: relative } .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar { opacity: 1; transition: opacity .34s ease-out } .el-scrollbar__wrap { height: 100%; overflow: scroll } .el-scrollbar__wrap--hidden-default { scrollbar-width: none } .el-scrollbar__wrap--hidden-default::-webkit-scrollbar { height: 0; width: 0 } .el-scrollbar__thumb { background-color: hsla(220, 4%, 58%, .3); border-radius: inherit; cursor: pointer; display: block; height: 0; position: relative; transition: background-color .3s; width: 0 } .el-scrollbar__thumb:hover { background-color: hsla(220, 4%, 58%, .5) } .el-scrollbar__bar { border-radius: 4px; bottom: 2px; opacity: 0; position: absolute; right: 2px; transition: opacity .12s ease-out; z-index: 1 } .el-scrollbar__bar.is-vertical { top: 2px; width: 6px } .el-scrollbar__bar.is-vertical > div { width: 100% } .el-scrollbar__bar.is-horizontal { height: 6px; left: 2px } .el-scrollbar__bar.is-horizontal > div { height: 100% } .el-select { display: inline-block; position: relative } .el-select .el-select__tags > span { display: contents } .el-select .el-input__inner { cursor: pointer; padding-right: 35px } .el-select .el-input__inner:focus { border-color: #409eff } .el-select .el-input .el-select__caret { color: #c0c4cc; cursor: pointer; font-size: 14px; transform: rotate(180deg); transition: transform .3s } .el-select .el-input .el-select__caret.is-reverse { transform: rotate(0) } .el-select .el-input .el-select__caret.is-show-close { border-radius: 100%; color: #c0c4cc; font-size: 14px; text-align: center; transform: rotate(180deg); transition: color .2s cubic-bezier(.645, .045, .355, 1) } .el-select .el-input .el-select__caret.is-show-close:hover { color: #909399 } .el-select .el-input.is-disabled .el-input__inner { cursor: not-allowed } .el-select .el-input.is-disabled .el-input__inner:hover { border-color: #e4e7ed } .el-select .el-input.is-focus .el-input__inner { border-color: #409eff } .el-select > .el-input { display: block } .el-select__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; color: #666; font-size: 14px; height: 28px; margin-left: 15px; outline: 0; padding: 0 } .el-select__input.is-mini { height: 14px } .el-select__close { color: #c0c4cc; cursor: pointer; font-size: 14px; line-height: 18px; position: absolute; right: 25px; top: 8px; z-index: 1000 } .el-select__close:hover { color: #909399 } .el-select__tags { align-items: center; display: flex; flex-wrap: wrap; line-height: normal; position: absolute; top: 50%; transform: translateY(-50%); white-space: normal; z-index: 1 } .el-select__tags-text { overflow: hidden; text-overflow: ellipsis } .el-select .el-tag { align-items: center; background-color: #f0f2f5; border-color: transparent; box-sizing: border-box; display: flex; margin: 2px 0 2px 6px; max-width: 100% } .el-select .el-tag__close.el-icon-close { background-color: #c0c4cc; color: #fff; flex-shrink: 0; top: 0 } .el-select .el-tag__close.el-icon-close:hover { background-color: #909399 } .el-select .el-tag__close.el-icon-close:before { display: block; transform: translateY(.5px) } .el-pagination { color: #303133; font-weight: 700; padding: 2px 5px; white-space: nowrap } .el-pagination:after, .el-pagination:before { content: ""; display: table } .el-pagination:after { clear: both } .el-pagination button, .el-pagination span:not([class*=suffix]) { box-sizing: border-box; display: inline-block; font-size: 13px; height: 28px; line-height: 28px; min-width: 35.5px; vertical-align: top } .el-pagination .el-input__inner { -moz-appearance: textfield; line-height: normal; text-align: center } .el-pagination .el-input__suffix { right: 0; transform: scale(.8) } .el-pagination .el-select .el-input { margin: 0 5px; width: 100px } .el-pagination .el-select .el-input .el-input__inner { border-radius: 3px; padding-right: 25px } .el-pagination button { background: 0 0; border: none; padding: 0 6px } .el-pagination button:focus { outline: 0 } .el-pagination button:hover { color: #409eff } .el-pagination button:disabled { background-color: #fff; color: #c0c4cc; cursor: not-allowed } .el-pagination .btn-next, .el-pagination .btn-prev { background: 50% no-repeat #fff; background-size: 16px; color: #303133; cursor: pointer; margin: 0 } .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon { display: block; font-size: 12px; font-weight: 700 } .el-pagination .btn-prev { padding-right: 12px } .el-pagination .btn-next { padding-left: 12px } .el-pagination .el-pager li.disabled { color: #c0c4cc; cursor: not-allowed } .el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover { cursor: pointer } .el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child { border-color: transparent; font-size: 12px; height: 22px; line-height: 22px; min-width: 22px } .el-pagination--small .arrow.disabled { visibility: hidden } .el-pagination--small .more:before, .el-pagination--small li.more:before { line-height: 24px } .el-pagination--small button, .el-pagination--small span:not([class*=suffix]) { height: 22px; line-height: 22px } .el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner { height: 22px } .el-pagination__sizes { color: #606266; font-weight: 400; margin: 0 10px 0 0 } .el-pagination__sizes .el-input .el-input__inner { font-size: 13px; padding-left: 8px } .el-pagination__sizes .el-input .el-input__inner:hover { border-color: #409eff } .el-pagination__total { color: #606266; font-weight: 400; margin-right: 10px } .el-pagination__jump { color: #606266; font-weight: 400; margin-left: 24px } .el-pagination__jump .el-input__inner { padding: 0 3px } .el-pagination__rightwrapper { float: right } .el-pagination__editor { border-radius: 3px; box-sizing: border-box; height: 28px; line-height: 18px; margin: 0 2px; padding: 0 2px; text-align: center } .el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev { padding: 0 } .el-pagination__editor.el-input { width: 50px } .el-pagination__editor.el-input .el-input__inner { height: 28px } .el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { background-color: #f4f4f5; border-radius: 2px; color: #606266; margin: 0 5px; min-width: 30px } .el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled { color: #c0c4cc } .el-pagination.is-background .el-pager li:not(.disabled):hover { color: #409eff } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #409eff; color: #fff } .el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li { margin: 0 3px; min-width: 22px } .el-pager, .el-pager li { display: inline-block; margin: 0; vertical-align: top } .el-pager { font-size: 0; list-style: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .el-pager .more:before { line-height: 30px } .el-pager li { background: #fff; box-sizing: border-box; font-size: 13px; height: 28px; line-height: 28px; min-width: 35.5px; padding: 0 4px; text-align: center } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { color: #303133; line-height: 28px } .el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled { color: #c0c4cc } .el-pager li.active + li { border-left: 0 } .el-pager li:hover { color: #409eff } .el-pager li.active { color: #409eff; cursor: default } .adyen-checkout__spinner__wrapper { align-items: center; display: flex; height: 100%; justify-content: center } .adyen-checkout__spinner__wrapper--inline { display: inline-block; height: auto; margin-right: 8px } [dir=rtl] .adyen-checkout__spinner__wrapper--inline { margin-left: 8px; margin-right: 0 } .adyen-checkout__spinner { animation: rotate-spinner 1.5s linear infinite; border: 3px solid #0075ff; border-radius: 50%; border-top-color: transparent; height: 43px; width: 43px } .adyen-checkout__spinner--large { height: 43px; width: 43px } .adyen-checkout__spinner--small { border-width: 2px; height: 16px; width: 16px } .adyen-checkout__spinner--medium { height: 28px; width: 28px } @keyframes rotate-spinner { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .adyen-checkout__button { background: #00112c; border: 0; border-radius: 6px; color: #fff; cursor: pointer; font-size: 1em; font-weight: 500; height: 48px; margin: 0; padding: 15px; -webkit-text-decoration: none; text-decoration: none; transition: background .3s ease-out, box-shadow .3s ease-out; width: 100% } .adyen-checkout__button:focus { box-shadow: 0 0 0 2px #3070ed; outline: 0 } .adyen-checkout__button:hover { background: #1c3045; box-shadow: 0 0, 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14) } .adyen-checkout__button:active { background: #3a4a5c } .adyen-checkout__button:hover:focus { box-shadow: 0 0 0 2px #3070ed, 0 3px 4px rgba(0, 15, 45, .2) } .adyen-checkout__button:disabled, .adyen-checkout__button:disabled:hover { box-shadow: none; cursor: not-allowed; opacity: .4; -webkit-user-select: all; -moz-user-select: all; user-select: all } .adyen-checkout__button.adyen-checkout__button--loading { background: #687282; box-shadow: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .adyen-checkout__button.adyen-checkout__button--pay { display: flex; justify-content: center; margin-top: 24px } .adyen-checkout__button.adyen-checkout__button--pay:disabled { opacity: .4 } .adyen-checkout__button.adyen-checkout__button--standalone { margin-top: 0 } .adyen-checkout__button.adyen-checkout__button--inline { display: block; font-size: .81em; height: auto; padding: 10px 8px; width: auto } .adyen-checkout__button.adyen-checkout__button--ghost { background: none; border: 0; color: #00112c } .adyen-checkout__button.adyen-checkout__button--ghost:hover { background: #f7f8f9; box-shadow: none } .adyen-checkout__button.adyen-checkout__button--ghost:active { background: #e6e9eb; box-shadow: none } .adyen-checkout__button.adyen-checkout__button--secondary { background: #fff; border: 1px solid #00112c; color: #00112c; padding: 10px 12px } .adyen-checkout__button.adyen-checkout__button--secondary:hover { background: #f7f8f9; box-shadow: 0 2px 4px rgba(27, 42, 60, .2), 0 4px 5px rgba(27, 42, 60, .14) } .adyen-checkout__button.adyen-checkout__button--secondary:active, .adyen-checkout__button.adyen-checkout__button--secondary:active:hover { background: #f7f8f9; box-shadow: none } .adyen-checkout__button.adyen-checkout__button--secondary:disabled, .adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover { background-color: #f7f8f9; border-color: #99a3ad; box-shadow: none; cursor: not-allowed; opacity: .5; -webkit-user-select: all; -moz-user-select: all; user-select: all } .adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner { border-color: transparent #00112c #00112c } .adyen-checkout__button.adyen-checkout__button--action { background: rgba(0, 102, 255, .1); border: 1px solid transparent; color: #0075ff; padding: 10px 12px } .adyen-checkout__button.adyen-checkout__button--action:hover { background: rgba(0, 102, 255, .2); box-shadow: none } .adyen-checkout__button.adyen-checkout__button--action:active, .adyen-checkout__button.adyen-checkout__button--action:active:hover { background: rgba(0, 102, 255, .3); box-shadow: none } .adyen-checkout__button.adyen-checkout__button--link { background: transparent; border: 1px solid transparent; border-radius: 3px; color: #0075ff; font-weight: 400; padding: 2px } .adyen-checkout__button.adyen-checkout__button--link:hover { background: transparent; box-shadow: none; -webkit-text-decoration: underline; text-decoration: underline } .adyen-checkout__button.adyen-checkout__button--completed, .adyen-checkout__button.adyen-checkout__button--completed:active, .adyen-checkout__button.adyen-checkout__button--completed:active:hover, .adyen-checkout__button.adyen-checkout__button--completed:hover { background: #089a43; color: #fff } .adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon { filter: brightness(0) invert(1) } .adyen-checkout__button__content { align-items: center; display: flex; height: 100%; justify-content: center } .adyen-checkout__button__icon { margin-right: 12px } [dir=rtl] .adyen-checkout__button__icon { margin-left: 12px; margin-right: 0 } .adyen-checkout__button__text { display: block; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .adyen-checkout__button .adyen-checkout__spinner { border-color: transparent #fff #fff } .checkout-secondary-button__text { font-size: .85em; margin-left: 5px; margin-top: 1px } .adyen-checkout__iframe { border: 0 } .adyen-checkout__fieldset { border: none; display: block; margin: 0; padding: 0; width: 100% } .adyen-checkout__fieldset:last-of-type { padding-bottom: 0 } .adyen-checkout__fieldset + .adyen-checkout__fieldset { margin-top: 16px } .adyen-checkout__fieldset__title { color: #687282; display: block; font-size: .68em; font-weight: 700; letter-spacing: 1px; margin: 0; padding: 0 0 12px; text-transform: uppercase } .adyen-checkout__field-group, .adyen-checkout__fieldset__fields { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100% } @media (min-width: 480px) { .adyen-checkout__field-group:last-of-type .adyen-checkout__field { margin-bottom: 0 } } .adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type, :not(.adyen-checkout__field-group) > .adyen-checkout__field:last-of-type { margin-bottom: 0 } .adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields { color: #00112c; font-size: .81em; line-height: 19px; margin: 0 } .adyen-checkout__field { display: block; margin-bottom: 16px; width: 100% } .adyen-checkout__label { display: block; position: relative } .adyen-checkout__helper-text, .adyen-checkout__label__text { color: #00112c; display: block; font-size: .81em; font-weight: 400; line-height: 13px; padding-bottom: 5px } .adyen-checkout__label-adornment--end { position: absolute; right: 0; top: 0 } .adyen-checkout__helper-text { color: #687282 } .adyen-checkout__label__text { display: block; overflow: hidden; text-overflow: ellipsis; transition: color .1s ease-out; white-space: nowrap } .adyen-checkout__label__text--error { color: #c12424 } .adyen-checkout__label--focused .adyen-checkout__label__text { color: #0075ff } .adyen-checkout__error-text { align-items: center; color: #c12424; display: flex; font-size: .75em; font-weight: 400; margin-top: 4px } .adyen-checkout__field-wrapper { display: flex; width: 100% } @media (min-width: 480px) { .adyen-checkout__field--20 { width: 20% } .adyen-checkout__field--30 { width: 30% } .adyen-checkout__field--40 { width: 40% } .adyen-checkout__field--50 { width: 50% } .adyen-checkout__field--60 { width: 60% } .adyen-checkout__field--70 { width: 70% } .adyen-checkout__field--80 { width: 80% } .adyen-checkout__field--col-70 { width: calc(70% - 8px) } .adyen-checkout__field--col-30 { width: calc(30% - 8px) } .adyen-checkout__field--col-50 { width: calc(50% - 8px) } } .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child { margin-right: 8px } [dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child { margin-left: 8px; margin-right: 0 } .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) { margin-left: 8px } [dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) { margin-left: 0; margin-right: 8px } .adyen-checkout__field-wrapper:last-of-type > .adyen-checkout__field { margin-bottom: 0 } .adyen-checkout__input { background: #fff; border: 1px solid #b9c4c9; border-radius: 6px; box-sizing: border-box; caret-color: #0075ff; color: #00112c; display: block; font-family: inherit; font-size: 1em; height: 40px; outline: none; padding: 5px 8px; position: relative; transition: border .2s ease-out, box-shadow .2s ease-out; width: 100% } .adyen-checkout__input:hover { border-color: #99a3ad } .adyen-checkout__input:required { box-shadow: none } .adyen-checkout__input--disabled, .adyen-checkout__input[readonly] { background: #e6e9eb; border-color: #e6e9eb } .adyen-checkout__input--disabled:hover { border-color: #e6e9eb } .adyen-checkout__input-wrapper { display: block; position: relative } .adyen-checkout__input-wrapper--block { display: block } .adyen-checkout-input__inline-validation { height: 16px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 16px } [dir=rtl] .adyen-checkout-input__inline-validation { left: 14px; right: auto } [dir=ltr] .adyen-checkout-input__inline-validation { left: auto; right: 14px } .adyen-checkout-input__inline-validation--valid { color: #089a43 } .adyen-checkout-input__inline-validation--invalid { color: #c12424 } .adyen-checkout__input--valid { border-bottom-color: #089a43 } .adyen-checkout__input--error, .adyen-checkout__input--error:hover, .adyen-checkout__input--invalid, .adyen-checkout__input--invalid:hover { border-color: #c12424 } .adyen-checkout__input::-moz-placeholder { color: #707070; font-weight: 200 } .adyen-checkout__input::placeholder { color: #707070; font-weight: 200 } .adyen-checkout__input--date { padding-right: 30px } .adyen-checkout__input--focus, .adyen-checkout__input--focus:hover, .adyen-checkout__input:active, .adyen-checkout__input:active:hover, .adyen-checkout__input:focus, .adyen-checkout__input:focus:hover { border: 1px solid #0075ff; box-shadow: 0 0 0 2px #3070ed } .adyen-checkout__input[readonly], .adyen-checkout__input[readonly]:hover { background-color: #e6e9eb; border-color: transparent; color: #687282; cursor: default } .adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group { display: flex } .adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group { display: flex; margin: 8px 0 } .adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper { margin-right: 20px } .adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child { margin: 0 } .adyen-checkout__radio_group + .adyen-checkout-input__inline-validation { display: none } .adyen-checkout__radio_group__input { opacity: 0; position: absolute } .adyen-checkout__radio_group__label { color: inherit; display: block; font-size: .81em; font-weight: 400; line-height: 16px; overflow: visible; padding-bottom: 0; padding-left: 24px; position: relative } .adyen-checkout__label--focused .adyen-checkout__radio_group__label { color: inherit } .adyen-checkout__radio_group__label:before { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 50%; content: ""; height: 16px; left: 0; position: absolute; top: 0; transition: border-color .2s ease-out, box-shadow .2s ease-out; width: 16px } .adyen-checkout__radio_group__label:hover:before { border-color: #99a3ad; box-shadow: 0 0 0 2px #d4d9db; cursor: pointer } .adyen-checkout__radio_group__label:after { background-color: #fff; border-radius: 50%; box-shadow: 0 1px 1px rgba(0, 15, 45, .25); content: ""; display: block; height: 6px; left: 5px; margin: 0 auto; position: absolute; top: 5px; transform: scale(0); transition: transform .2s ease-out; width: 6px } .adyen-checkout__radio_group__label:hover { border-color: #0075ff; cursor: pointer } .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__label--selected { background-color: #0075ff; border: 0; transition: all .2s ease-out } .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after { transform: scale(1) } .adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before { border-color: #0075ff; box-shadow: 0 0 0 2px rgba(0, 102, 255, .4) } .adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:hover:before, .adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label:before { box-shadow: 0 0 0 2px rgba(0, 102, 255, .4) } .adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before { border: 1px solid #c12424 } .Select-module_adyen-checkout__dropdown__0Mj-n { position: relative } .Select-module_adyen-checkout__dropdown__button__yTyqq { align-items: center; cursor: pointer; display: flex } .Select-module_adyen-checkout__dropdown__button__yTyqq:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23687282' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; content: ""; height: 6px; position: absolute; right: 16px; width: 8px } [dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after { left: 16px; right: auto } .Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after { transform: rotate(180deg) } .Select-module_adyen-checkout__filter-input__CwPBS { background: #fff; border: 0; caret-color: #0075ff; color: #00112c; font-family: inherit; font-size: 1em; height: 100%; padding: 0; width: 100% } .Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder { color: #b9c4c9; font-weight: 200 } .Select-module_adyen-checkout__filter-input__CwPBS::placeholder { color: #b9c4c9; font-weight: 200 } .Select-module_adyen-checkout__filter-input__CwPBS:active, .Select-module_adyen-checkout__filter-input__CwPBS:focus { outline: 0 } .Select-module_adyen-checkout__filter-input__CwPBS[readonly] { background: #e6e9eb; border-color: transparent; color: #00112c; cursor: not-allowed } .Select-module_adyen-checkout__dropdown__list__YtEzj { background: #fff; display: none; list-style: none; margin: 0 0 50px; overflow-y: auto; padding: 0; position: absolute; width: 100%; z-index: 1 } .Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 { display: block } .Select-module_adyen-checkout__dropdown__element__ORU4- { align-items: center; display: flex } .adyen-checkout__image { opacity: 0; transition: opacity .6s ease-out } .adyen-checkout__image--loaded { opacity: 1 } .adyen-checkout__dropdown__button-icon--left { flex-direction: row-reverse; justify-content: flex-end } .adyen-checkout__dropdown__button-icon--left > img { margin-left: 0; margin-right: 12px } .adyen-checkout__dropdown { font-size: 1em; max-width: 100%; width: 100% } .adyen-checkout__dropdown__button { background: #fff; border: 1px solid #b9c4c9; border-radius: 6px; color: #00112c; font-size: 1em; height: 40px; line-height: 20px; outline: 0; padding: 7px 24px 7px 12px; -webkit-text-decoration: none; text-decoration: none; transition: border .2s ease-out, box-shadow .2s ease-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100% } [dir=rtl] .adyen-checkout__dropdown__button { padding: 7px 12px 7px 24px } .adyen-checkout__dropdown__button:hover { border-color: #99a3ad } .adyen-checkout__dropdown__button__icon { border-radius: 3px; height: 26px; margin-right: 12px; max-width: 40px } .adyen-checkout__dropdown__button--disabled { opacity: .4 } .adyen-checkout__dropdown__button--active, .adyen-checkout__dropdown__button--active:hover, .adyen-checkout__dropdown__button:active, .adyen-checkout__dropdown__button:focus { border-color: #0075ff; box-shadow: 0 0 0 2px #3070ed } .adyen-checkout__dropdown__button--readonly, .adyen-checkout__dropdown__button--readonly--active, .adyen-checkout__dropdown__button--readonly:focus, .adyen-checkout__dropdown__button--readonly:hover { background: #e6e9eb; border-color: transparent; color: #00112c; cursor: not-allowed } .adyen-checkout__dropdown__button--readonly:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E") } .adyen-checkout__dropdown__button--invalid { border-color: #c12424 } .adyen-checkout__dropdown__button--valid { border-bottom-color: #089a43 } .adyen-checkout__dropdown__button__text { flex-grow: 1; overflow: hidden; pointer-events: none; text-align: left; text-overflow: ellipsis; white-space: nowrap } .adyen-checkout__dropdown__button__secondary-text { margin-right: 16px } .adyen-checkout__dropdown__list { border-radius: 6px; box-shadow: 0 2px 7px rgba(0, 15, 45, .3); max-height: 375px; z-index: 2 } .adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active { margin-top: 2px } .adyen-checkout__dropdown__element { border: 1px solid transparent; cursor: pointer; font-size: .81em; -webkit-hyphens: auto; hyphens: auto; line-height: 20px; outline: 0; padding: 8px; transition: background .2s ease-out, border-color .2s ease-out; -webkit-user-select: none; -moz-user-select: none; user-select: none; word-break: break-word } .adyen-checkout__dropdown__element .adyen-checkout__icon { position: absolute; right: 8px } .adyen-checkout__dropdown__element:last-child { border-bottom: 0 } .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active { background: rgba(230, 233, 235, .6) } .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected { background: rgba(0, 102, 255, .1) } .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover { background: rgba(0, 102, 255, .15) } .adyen-checkout__dropdown__element--disabled { cursor: not-allowed; opacity: .4 } .adyen-checkout__dropdown__element__icon { border-radius: 3px; margin-right: 12px; max-height: 26px; max-width: 40px } .adyen-checkout__dropdown__element__text { flex-grow: 1 } .adyen-checkout__dropdown__element__secondary-text:not(:last-child) { margin-right: 8px } .adyen-checkout__dropdown__element__flag { margin-left: 8px; margin-right: 10px; max-height: 18px; max-width: 27px } .adyen-checkout__dropdown + .adyen-checkout-input__inline-validation { right: 32px } .adyen-checkout__address-search { position: relative } .adyen-checkout__address-search .adyen-checkout__dropdown__button:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; content: ""; height: 16px; left: 12px; position: absolute; width: 16px } .adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E"); transform: none } .adyen-checkout__address-search .adyen-checkout__filter-input { padding-left: 24px } .adyen-checkout__address-search__manual-add { position: absolute; right: 0; top: 0 } .adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button { border: 0; padding: 0 } .adyen-checkout__checkbox { display: block } .adyen-checkout__checkbox__label { color: #00112c; cursor: pointer; font-size: .81em; font-weight: 400; line-height: 19px; padding-left: 24px; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } [dir=rtl] .adyen-checkout__checkbox__label { padding-left: 0; padding-right: 24px } .adyen-checkout__checkbox__input { opacity: 0; pointer-events: none; position: absolute } .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:before { opacity: 1 } .adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after { background-color: #0075ff; border: 1px solid #0075ff } .adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after { border-color: #0075ff; box-shadow: 0 0 0 2px rgba(0, 102, 255, .4) } .adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after { border: 1px solid #0075ff; box-shadow: 0 0 0 2px #3070ed } .adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after { border-color: #99a3ad; box-shadow: 0 0 0 2px #d4d9db } .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before { border-color: transparent #fff #fff transparent; border-radius: 0 2px 1px; border-style: solid; border-width: 1px 2px 2px 1px; content: ""; height: 11px; left: 1px; opacity: 0; position: absolute; top: 2px; transform: rotate(37deg); transform-origin: 100% 100%; transition: opacity .2s ease-out; width: 6px; z-index: 1 } [dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before { left: auto; right: 8px } .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 3px; content: ""; height: 16px; left: 0; position: absolute; top: 0; transition: background .15s ease-out, border .05s ease-out, box-shadow .1s ease-out; width: 16px; z-index: 0 } [dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after { left: auto; right: 0 } .adyen-checkout__field--consentCheckbox { background: #e6e9eb; border: 1px solid #e6e9eb; border-radius: 6px; padding: 14px 14px 13px } [dir=rtl] .adyen-checkout__field--consentCheckbox { padding: 14px 14px 13px } .adyen-checkout__field--consentCheckbox.adyen-checkout__field--error { border-color: #c12424 } .adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation { right: -5px; top: 10px } .adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress { margin-bottom: 16px } .adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress { margin-top: 24px; padding-bottom: 8px } .adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress { margin-bottom: 0 } .adyen-checkout__input--separateDeliveryAddress + .adyen-checkout__checkbox__label, .adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox { margin-top: 16px } .adyen-checkout-form-instruction { color: #687282; font-size: .81em; font-weight: 400; line-height: 19px; margin-top: 0 } [dir=rtl] .adyen-checkout-form-instruction { padding-right: 0 } .adyen-checkout__amazonpay__button { margin: auto } .adyen-checkout__amazonpay .adyen-checkout__button--ghost { display: block; margin: 8px auto 0; width: auto } @supports (-webkit-appearance:-apple-pay-button) { .ApplePayButton-module_apple-pay-button__l5g-d, .ApplePayButton-module_apple-pay__gYjuP { -webkit-appearance: -apple-pay-button } .ApplePayButton-module_apple-pay-button__l5g-d { cursor: pointer; display: inline-block } .ApplePayButton-module_apple-pay-button-black__istwW { -apple-pay-button-style: #000 } .ApplePayButton-module_apple-pay-button-white__-wLaE { -apple-pay-button-style: #fff } .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 { -apple-pay-button-style: white-outline } .ApplePayButton-module_apple-pay-button--type-plain__ycfNl { -apple-pay-button-type: plain } .ApplePayButton-module_apple-pay-button--type-buy__9m8AB { -apple-pay-button-type: buy } .ApplePayButton-module_apple-pay-button--type-donate__HmRdK { -apple-pay-button-type: donate } .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd { -apple-pay-button-type: check-out } .ApplePayButton-module_apple-pay-button--type-book__-v-VY { -apple-pay-button-type: book } .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF { -apple-pay-button-type: subscribe } .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 { -apple-pay-button-type: add-money } .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e { -apple-pay-button-type: contribute } .ApplePayButton-module_apple-pay-button--type-order__ggI6j { -apple-pay-button-type: order } .ApplePayButton-module_apple-pay-button--type-reload__QbgLd { -apple-pay-button-type: reload } .ApplePayButton-module_apple-pay-button--type-rent__VzC-E { -apple-pay-button-type: rent } .ApplePayButton-module_apple-pay-button--type-support__6EjmY { -apple-pay-button-type: support } .ApplePayButton-module_apple-pay-button--type-tip__bdzGK { -apple-pay-button-type: tip } .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR { -apple-pay-button-type: top-up } } @supports not (-webkit-appearance:-apple-pay-button) { .ApplePayButton-module_apple-pay-button__l5g-d { background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 60%; border-radius: 5px; box-sizing: border-box; display: inline-block; max-height: 64px; min-height: 32px; min-width: 200px; padding: 0 } .ApplePayButton-module_apple-pay-button-black__istwW { background-color: #000; background-image: -webkit-named-image(apple-pay-logo-white) } .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7, .ApplePayButton-module_apple-pay-button-white__-wLaE { background-color: #fff; background-image: -webkit-named-image(apple-pay-logo-black) } .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 { border: .5px solid #000 } } .adyen-checkout__applepay__button { height: 48px; width: 240px } .adyen-checkout__dropin .adyen-checkout__applepay__button { width: 100% } .adyen-checkout__issuer-button { align-items: center; background-color: #fff; border: none; border-radius: 6px; box-shadow: inset 0 0 0 1px #b9c4c9; cursor: pointer; display: flex; flex-basis: 47%; flex-grow: 2; font-size: .81em; height: 40px; padding: 0 12px; transition: background .3s ease-out, box-shadow .3s ease-out } .adyen-checkout__issuer-button:active { color: #000 } .adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus { box-shadow: inset 0 0 0 2px #99a3ad; outline: none } .adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible { box-shadow: inset 0 0 0 2px #99a3ad; outline: none } .adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover { box-shadow: inset 0 0 0 2px #99a3ad; outline: none } .adyen-checkout__issuer-button--selected { background: #fff; box-shadow: inset 0 0 0 2px #0075ff; color: #0075ff; font-weight: 500; height: 40px; transition: none } .adyen-checkout__issuer-button-img { margin-right: 8px; max-height: 26px } .adyen-checkout__issuer-button-group { display: flex; flex-wrap: wrap; gap: 16px 16px } .adyen-checkout__content-separator { align-items: center; color: #687282; display: flex; font-size: 13px; justify-content: center; line-height: 19px; margin-bottom: 16px; margin-top: 16px; white-space: nowrap } .adyen-checkout__content-separator:after, .adyen-checkout__content-separator:before { background: #e6e9eb; content: ""; display: block; height: 1px; width: 100% } .adyen-checkout__content-separator:after { margin-left: 20px } .adyen-checkout__content-separator:before { margin-right: 20px } .adyen-checkout__field--issuer-list { margin-bottom: 0 } .adyen-checkout__issuer-list__termsAndConditions { text-align: center } .adyen-checkout-disclaimer__label { color: #687282; display: inline-block; font-size: .81em; font-weight: 400; line-height: 19px; margin-top: 16px; padding-left: 0 } [dir=rtl] .adyen-checkout-disclaimer__label { padding-right: 0 } .js-iframe { border: none; height: 100%; overflow: hidden; width: 100% } .adyen-checkout__card-input__form { transition: opacity .25s ease-out } .adyen-checkout__card__cardNumber { max-width: 400px } .adyen-checkout__card__cardNumber__input { padding: 5px 8px } .adyen-checkout__card__exp-date__input--oneclick { font-weight: 400; line-height: 30px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap } .adyen-checkout__field--storedCard .adyen-checkout__input[readonly], .adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover { color: #00112c } .adyen-checkout__card__holderName, .adyen-checkout__field--expiryDate, .adyen-checkout__field--storedCard { margin-bottom: 0 } .adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress, .adyen-checkout__card__holderName, .adyen-checkout__card__kcp-authentication, .adyen-checkout__card__socialSecurityNumber, .adyen-checkout__installments, .adyen-checkout__store-details { margin-top: 16px } .adyen-checkout__card-input.adyen-checkout__card-input--loading { pointer-events: none } .adyen-checkout__card__holderName:first-child { margin: 0 0 16px } .adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon, .adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand) + .adyen-checkout-input__inline-validation--valid { display: none } .adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint, .adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint { opacity: 0 } @keyframes cvc-indicate-location { 0% { opacity: 1 } to { opacity: .3 } } .adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location, .adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location { animation-direction: alternate; animation-duration: 1s; animation-iteration-count: infinite; animation-name: cvc-indicate-location } .adyen-checkout__card__cvc__hint__wrapper { align-items: center; backface-visibility: visible; display: flex; height: 100%; margin: 0 10px; position: absolute; right: 0; top: 0; transform: translateZ(0); transform-origin: center; transform-style: preserve-3d; transition: transform .3s cubic-bezier(.455, .03, .515, .955); width: 27px; will-change: transform } .adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper { transform: rotateY(180deg) } .adyen-checkout__card__cvc__hint { backface-visibility: hidden; position: absolute; transition: opacity .1s linear } .adyen-checkout__field__exp-date_hint_wrapper { align-items: center; bottom: 0; display: flex; position: absolute; right: 0; top: 0; transition: opacity .1s linear } .adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden { opacity: 0 } .adyen-checkout__field__exp-date_hint { height: 18px; margin: 0 10px 0 0; width: 27px } .adyen-checkout__card__cvc__hint--front { transform: rotateY(180deg) } @media (prefers-reduced-motion: reduce) { .adyen-checkout__card__cvc__hint__wrapper { transition: none } } .adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields { justify-content: left } .adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group { display: flex; flex-direction: column } .adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper { margin-top: 20px } .adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments { margin-left: 15px; position: relative; top: 42px; width: 30% } .LoadingWrapper-module_loading-input__form__ffCKa { opacity: 1 } .LoadingWrapper-module_loading-input__form--loading__7GmVo { opacity: 0 } .LoadingWrapper-module_loading-input__spinner__GxA51 { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .LoadingWrapper-module_loading-input__spinner--active__ENNBS { display: block } .CardInput-module_card-input__wrapper__wXSCw { position: relative } .CardInput-module_card-input__wrapper__wXSCw *, .CardInput-module_card-input__wrapper__wXSCw :after, .CardInput-module_card-input__wrapper__wXSCw :before { box-sizing: border-box } .CardInput-module_card-input__icon__3Cz5M { border-radius: 3px; height: 18px; margin-left: 7px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 27px } .CardInput-module_card-input__form__fRo1r { opacity: 1 } .CardInput-module_card-input__spinner__-j2Qi { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .CardInput-module_card-input__spinner--active__slD7w { display: block } .CardInput-module_card-input__form--loading__rrmdj { opacity: 0 } .CardInput-module_adyen-checkout__input__11tlB { display: block; max-height: 100px } .CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV, .CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- { display: none } .CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT { justify-content: flex-end } .CardInput-module_revolving-plan-installments__disabled__VhNj2 { opacity: .4; pointer-events: none } .adyen-checkout__card__dual-branding__buttons { display: flex; opacity: .4; pointer-events: none } .adyen-checkout__card__dual-branding__buttons--active { opacity: 1; pointer-events: auto } .adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon { cursor: pointer; opacity: 1 } .adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child { right: 40px } .adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected { opacity: .5 } .adyen-checkout__card__brands { display: flex; flex-basis: auto; flex-shrink: 1; flex-wrap: wrap; gap: 4px; height: 16px; margin-bottom: 16px; margin-top: -8px; overflow: hidden; transition: all .2s ease-out } .adyen-checkout__card__brands--hidden { height: 0; margin: -8px 0 8px; opacity: 0 } .adyen-checkout__card__brands img { border-radius: 3px; height: 16px; width: 24px } .adyen-checkout__card__brands__brand-wrapper { display: inline-block; height: 16px; position: relative; width: 24px } .adyen-checkout__card__brands__brand-wrapper:after { border: 1px solid rgba(0, 27, 43, .17); border-radius: 3px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .adyen-checkout-ctp__otp-resend-code { color: #0075ff; cursor: pointer; font-size: 13px; font-weight: 400; margin-left: auto } .adyen-checkout-ctp__otp-resend-code--confirmation, .adyen-checkout-ctp__otp-resend-code--disabled { color: #687282; cursor: default; font-size: 13px; font-weight: 400; margin-left: auto; pointer-events: none } .adyen-checkout-ctp__otp-resend-code--confirmation { align-items: center; display: flex } .adyen-checkout-ctp__otp-resend-code--confirmation > img { margin-left: 4px } .adyen-checkout-ctp__otp-resend-code-counter { color: #000; cursor: default; display: inline-block; font-size: 13px; font-weight: 400; margin-left: auto; text-align: right } .adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--otp { margin-bottom: 12px } .adyen_checkout-ctp__brand-wrapper { align-items: center; display: flex; height: 18px } .adyen_checkout-ctp__brand-logo { margin-right: 6px; width: 24px } .adyen_checkout-ctp__brand-pipe { height: 15px; margin-right: 6px } .adyen_checkout-ctp__brand-scheme { margin-right: 6px; -o-object-fit: none; object-fit: none } .adyen_checkout-ctp__brand-scheme-mc { width: 27px } .adyen_checkout-ctp__brand-scheme-visa { width: 35px } .adyen-checkout__modal-wrapper { align-items: center; display: flex; height: 100%; left: 0; overflow-y: auto; overscroll-behavior-y: contain; padding: 24px; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 10 } .adyen-checkout__modal-wrapper:before { background: rgba(0, 17, 44, .5); content: ""; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity .3s linear; width: 100%; z-index: 10 } .adyen-checkout__modal-wrapper--open { visibility: visible } .adyen-checkout__modal-wrapper--open .adyen-checkout__modal, .adyen-checkout__modal-wrapper--open:before { opacity: 1 } .adyen-checkout__modal { background-color: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 17, 44, .15); margin: auto; opacity: 0; padding: 16px; position: relative; transition: opacity .2s ease, visibility .2s ease; z-index: 11 } @media (max-width: 480px) { .adyen-checkout__modal-wrapper { padding: 0 } .adyen-checkout__modal { border-radius: 0; height: 100% } } .adyen-checkout__ctp-modal-header-image { display: block; margin: auto } .adyen-checkout__ctp-modal-title { font-size: 20px; font-weight: 700; line-height: 24px; margin: 0 0 12px; padding: 0 } .adyen-checkout__ctp-modal-text { font-size: 13px; font-weight: 400; line-height: 19px; margin-bottom: 16px } .adyen-checkout__ctp-modal-benefits { margin-left: 0; padding-left: 20px } .adyen-checkout__ctp-modal-benefits li { list-style: disc; margin-bottom: 16px } .adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal { max-width: 464px } .adyen_checkout-ctp__brand-wrapper--popup { justify-content: center; margin-bottom: 24px } .adyen-web__ctp-info-button { background-color: transparent; border: 0; cursor: pointer; padding: 0 } .adyen-checkout-ctp__section-logout-button { color: #0075ff; cursor: pointer; font-size: 13px; font-weight: 400; line-height: 19px; margin-left: auto } .adyen-checkout-ctp__section-logout-button--disabled { color: #687282; pointer-events: none } .adyen-checkout-ctp__section { background-color: #fff; border-radius: 12px; box-shadow: 0 6px 12px rgba(0, 17, 44, .08), 0 2px 4px rgba(0, 17, 44, .04); padding: 16px; position: relative } .adyen-checkout-ctp__section-brand { align-items: center; display: flex; height: 18px; margin-bottom: 16px } .adyen-checkout-ctp__section--standalone { all: unset } .adyen-checkout-ctp__section .adyen-checkout__fieldset { margin-bottom: 24px } .adyen-checkout-ctp__section-header { align-items: center; display: flex } .adyen-checkout-ctp__section-header-title { font-size: 17px; font-weight: 600; line-height: 22px; margin: 0; padding: 0; width: auto } @media screen and (max-width: 400px) { .adyen-checkout-ctp__section-header-title { font-size: 15px } } .adyen-checkout-ctp__section-header-adornment { margin-left: 5px } .adyen-checkout-ctp__section-text { color: #707070; font-size: 13px; font-weight: 400; line-height: 19px; margin: 0 0 16px } .adyen-checkout-ctp__separator { color: #00112c; font-size: 13px; font-weight: 400 } .adyen-checkout-ctp__otp-subtitle--highlighted { color: #00112c; font-weight: 500 } .adyen-checkout-ctp__otp-checkbox-container { background-color: #f7f8f9; border-radius: 6px; margin-bottom: 16px; padding: 12px } .adyen-checkout-ctp__otp-checkbox-container--checked { background-color: #f2f8ff } .adyen-checkout-ctp__otp-checkbox-container label { cursor: pointer } .adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container { margin-bottom: 4px } .adyen-checkout-ctp__otp-checkbox-info { color: #707070; font-size: 13px; font-weight: 400; line-height: 19px; margin: 4px 0 0 } .adyen-checkout-ctp__otp-readmore-button { all: unset; color: #0075ff; cursor: pointer; text-transform: lowercase } .adyen-checkout-ctp__card-list-single-card { align-items: center; background-color: #f7f8f9; border-radius: 6px; display: flex; font-size: 13px; font-weight: 400; height: 40px; line-height: 19px; padding: 12px } .adyen-checkout-ctp__card-list-single-card-expired { color: #687282; -webkit-text-decoration: line-through; text-decoration: line-through } .adyen-checkout-ctp__expired-label { color: #687282; font-weight: 500; line-height: 17px; margin-left: auto } .adyen-checkout-ctp__card-image { border-radius: 3px; height: 24px; margin-right: 8px } .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled { opacity: 1 } .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text { margin: 0; opacity: .4; -webkit-text-decoration: line-through; text-decoration: line-through } .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text { color: #687282; font-weight: 500; line-height: 17px } .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled { opacity: 1 } .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text { opacity: .4; -webkit-text-decoration: line-through; text-decoration: line-through } .adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text { color: #687282; font-weight: 500; opacity: 1 } .adyen-checkout-ctp__card { background-color: #fff; border: none; border-radius: 4px; box-shadow: 0 0 0 2px #999595; cursor: pointer; height: 40px; margin: 0 0 20px; width: 100% } .adyen-checkout-ctp__empty-cards { align-items: center; background-color: #f7f8f9; border-radius: 6px; color: #687282; display: flex; font-size: 13px; font-weight: 400; height: 40px; line-height: 19px; margin-bottom: 24px; padding: 12px 16px } .adyen-checkout__iframe--ctpIframe { pointer-events: auto } .adyen-checkout__iframe--ctpIframe-hidden { display: none } @keyframes card-bounce { 0% { animation-timing-function: cubic-bezier(.17, .17, .32, 1); -webkit-translate: 0 -60%; -moz-translate: 0 -60%; -ms-translate: 0 -60%; translate: 0 -60% } 9.70874% { animation-timing-function: cubic-bezier(.41, 0, .49, 1); -webkit-translate: 0 8.5%; -moz-translate: 0 8.5%; -ms-translate: 0 8.5%; translate: 0 8.5% } 23.4466% { animation-timing-function: cubic-bezier(.29, 0, .26, 1); -webkit-translate: 0 -22.5%; -moz-translate: 0 -22.5%; -ms-translate: 0 -22.5%; translate: 0 -22.5% } 47.7184% { -webkit-translate: 0; -moz-translate: 0; -ms-translate: 0; translate: 0 } 63.8835% { animation-timing-function: cubic-bezier(1, 0, .78, 1); -webkit-translate: 0; -moz-translate: 0; -ms-translate: 0; translate: 0 } 86.5534% { -webkit-translate: 0 40.7%; -moz-translate: 0 40.7%; -ms-translate: 0 40.7%; translate: 0 40.7% } to { -webkit-translate: 0 40.7%; -moz-translate: 0 40.7%; -ms-translate: 0 40.7%; translate: 0 40.7% } } @keyframes card-fade-100 { 0% { animation-timing-function: linear; opacity: 0 } 8.1068% { opacity: 1 } 78.4466% { opacity: 1 } 86.5534% { opacity: 0 } to { opacity: 0 } } @keyframes card-fade-60 { 0% { animation-timing-function: linear; opacity: 0 } 8.1068% { opacity: .6 } 78.4466% { opacity: .6 } 86.5534% { opacity: 0 } to { opacity: 0 } } @keyframes card-fade-20 { 0% { animation-timing-function: linear; opacity: 0 } 8.1068% { opacity: .2 } 78.4466% { opacity: .2 } 86.5534% { opacity: 0 } to { opacity: 0 } } .adyen-checkout-ctp__card-animation { aspect-ratio: 1/.438; filter: grayscale(1); margin: 40px auto 50px; max-width: 100%; position: relative; width: 140px } .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer { background-size: contain !important; height: 100%; opacity: 0; position: absolute; width: 100% } .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:first-of-type { animation: card-bounce 2.06s linear infinite both, card-fade-100 2.06s linear infinite both; animation-delay: .1s; background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.4 2.4 0 0 0-.548.23c-.132.08-.653.173-1.164.208m-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373m-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26m-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521m18.51-20.752-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52m-18.51 20.751 33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat; opacity: 1; z-index: 3 } .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(2) { animation: card-bounce 2.06s linear infinite both, card-fade-60 2.06s linear infinite both; animation-delay: 50ms; opacity: .6; transform: translateY(25%); z-index: 2 } .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(2), .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(3) { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat } .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(3) { animation: card-bounce 2.06s linear infinite both, card-fade-20 2.06s linear infinite both; opacity: .2; transform: translateY(50%); z-index: 1 } .adyen-checkout-ctp__loading-subtitle { font-size: 16px; line-height: 19px; margin: 0 auto 58px; max-width: 280px; text-align: center } .adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--shopperLogin { margin-bottom: 20px } .adyen-checkout__cashapp > .adyen-checkout__store-details { margin-bottom: 16px; margin-top: 0 } .adyen-checkout__button-group { background: transparent; display: flex; justify-content: space-between } .adyen-checkout__button-group .adyen-checkout__button { background: transparent; border: 0; box-shadow: inset 0 0 0 1px #99a3ad; color: #00112c; font-size: .81em; font-weight: 400; height: 40px; line-height: 40px; margin-right: 8px; padding: 0; text-align: center } .adyen-checkout__button-group .adyen-checkout__button:last-child { margin-right: 0 } .adyen-checkout__button-group .adyen-checkout__button:hover { background: transparent; box-shadow: inset 0 0 0 2px #99a3ad } .adyen-checkout__button-group .adyen-checkout__button:active { background: #f7f8f9; box-shadow: inset 0 0 0 2px #99a3ad } .adyen-checkout__button-group .adyen-checkout__button--disabled, .adyen-checkout__button-group .adyen-checkout__button--disabled:hover { cursor: not-allowed; opacity: .4; -webkit-user-select: none; -moz-user-select: none; user-select: none } .adyen-checkout__button-group .adyen-checkout__button--selected, .adyen-checkout__button-group .adyen-checkout__button--selected:active, .adyen-checkout__button-group .adyen-checkout__button--selected:active:hover, .adyen-checkout__button-group .adyen-checkout__button--selected:hover { background: #e5efff; box-shadow: inset 0 0 0 2px #0075ff; color: #0075ff; font-weight: 500; height: 40px; transition: none } .adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input { opacity: 0; pointer-events: none; position: absolute } .adyen-checkout__adyen-giving .adyen-checkout__status__icon { display: block; margin: 56px auto 32px } .adyen-checkout__adyen-giving .adyen-checkout__status__text { color: #00112c; margin-bottom: 56px; text-align: center } .adyen-checkout__campaign { background: #00112c; border-radius: 6px; height: 227px; overflow: hidden; position: relative } .adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description { -webkit-text-decoration: underline; text-decoration: underline } .adyen-checkout__campaign-container { height: 100% } .adyen-checkout__campaign-logo { border: 2px solid hsla(0, 0%, 100%, .4); border-radius: 3px; display: block; height: 48px; margin-bottom: 16px; overflow: hidden; width: 48px } .adyen-checkout__campaign-background-image { background-color: #00112c; background-position: 50%; background-size: cover; height: 100% } .adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before { background: inherit; content: ""; height: 100%; position: absolute; transition: transform .6s ease-out; width: 100% } .adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before { transform: scale(1.1) } .adyen-checkout__campaign-link .adyen-checkout__campaign-content { pointer-events: none } .adyen-checkout__campaign-content { bottom: 0; padding: 16px; position: absolute; z-index: 2 } .adyen-checkout__campaign-description, .adyen-checkout__campaign-title { color: #fff; font-weight: 400; margin: 0 } .adyen-checkout__campaign-title { font-size: 1em; margin-bottom: 8px } .adyen-checkout__campaign-description { font-size: .81em; line-height: 19px } .adyen-checkout__adyen-giving-actions { margin-top: 16px; text-align: center } .adyen-checkout__button.adyen-checkout__button--donate { margin: 16px auto 8px } .adyen-checkout__button.adyen-checkout__button--decline { display: block; margin: auto; width: auto } .adyen-checkout__paywithgoogle { height: 48px } .adyen-checkout__paywithgoogle > div > button, .adyen-checkout__paywithgoogle > div > button.long, .adyen-checkout__paywithgoogle > div > button.short { height: 48px; transition: background-color .3s ease-out, box-shadow .3s ease-out } .adyen-checkout__paywithgoogle > div > button.long:focus, .adyen-checkout__paywithgoogle > div > button.short:focus, .adyen-checkout__paywithgoogle > div > button:focus { box-shadow: 0 0 0 2px #99c2ff; outline: 0 } .adyen-checkout__paywithgoogle > div > button.gpay-button { padding: 15px 24px 13px } .adyen-checkout__econtext-input__field > .adyen-checkout__button--pay:only-child { margin-top: 0 } .adyen-checkout__voucher-result { border-radius: 12px; box-sizing: border-box; position: relative; text-align: center } .adyen-checkout__voucher-result__bottom, .adyen-checkout__voucher-result__top { background: #fff; border: 1px solid #d4d9db } .adyen-checkout__voucher-result__top { border-bottom: 0; border-radius: 12px 12px 0 0; padding: 40px 0 24px } .adyen-checkout__voucher-result__bottom { border-radius: 0 0 12px 12px; border-top: 0 } .adyen-checkout__voucher-result__separator { align-items: center; background: #fff; display: flex; height: 13px; margin: 0 auto; position: relative; width: calc(100% - 14px) } .adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTAgMCA1IDIgMS41IDRIN1Ywem0wIDEzIDUtMiAxLjUtNEg3djZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiNENEQ5REIiIGQ9Ik02LjQyMyA2LjVDNi40MjMgMy4zMTIgMy43ODMuNzU2LjUuNTE4YzMuMzg2LjIzNiA2IDIuODU1IDYgNS45ODJzLTIuNjE0IDUuNzQ2LTYgNS45ODN2LS4wMDFjMy4yODQtLjIzNyA1LjkyMy0yLjc5NCA1LjkyMy01Ljk4MloiLz48cGF0aCBmaWxsPSIjRDREOURCIiBkPSJNMCAwaDF2MUgwem0wIDEyaDF2MUgweiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoN3YxM0gweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==") } .adyen-checkout__voucher-result__separator:before { left: -7px } .adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before { background-position: 100%; background-repeat: no-repeat; content: ""; height: 13px; position: absolute; top: 0; width: 7px } .adyen-checkout__voucher-result__separator:after { right: -7px; transform: rotate(-180deg) } .adyen-checkout__voucher-result__separator__inner { border-top: 1px solid #e6e9eb; width: 100% } .adyen-checkout__voucher-result__image { align-items: center; display: flex; justify-content: center; margin-bottom: 40px; width: 100% } .adyen-checkout__link--voucher-result-instructions { display: inline-block } .adyen-checkout__voucher-result__image__wrapper { display: block; height: 48px; margin: 0 24px; position: relative } .adyen-checkout__voucher-result__image__wrapper:after { border: 1px solid rgba(0, 27, 43, .17); border-radius: 3px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .adyen-checkout__voucher-result__image__wrapper:nth-child(2):before { border-left: 1px solid #d4d9db; content: ""; height: 64px; left: -24.5px; position: absolute; top: -8px; width: 1px } .adyen-checkout__voucher-result__image__brand, .adyen-checkout__voucher-result__image__issuer { border-radius: 3px; height: 48px } .adyen-checkout__voucher-result__introduction { color: #00112c; font-size: .81em; line-height: 19px; margin: 0 auto; max-width: 400px; text-align: center } .adyen-checkout__voucher-result__amount { color: #00112c; font-size: 1em; font-weight: 700; margin: 24px auto 0; text-align: center } .adyen-checkout__voucher-result__surcharge { color: #687282; display: block; font-size: .81em; font-weight: 400; line-height: 19px; text-align: center } .adyen-checkout__voucher-result__code__label { display: block; font-weight: 400; left: 0; line-height: 19px; margin: 0 auto; position: absolute; right: 0; top: -2px; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: auto } .adyen-checkout__voucher-result__code__label:before { content: ""; position: absolute } .adyen-checkout__voucher-result__code__label__text { background: #fff; color: #00112c; font-size: 13px; letter-spacing: normal; line-height: 1; padding: 0 8px } .adyen-checkout__voucher-result__code__barcode { display: block; height: 56px; margin: 0 auto 8px; max-width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none } .adyen-checkout__voucher-result__code { border-width: 1px 0; color: #00112c; display: inline-block; font-size: 1.5em; font-weight: 700; letter-spacing: 1px; line-height: 1.2; margin: 0 auto; padding: 16px 48px; position: relative; text-align: center; -webkit-user-select: all; -moz-user-select: all; user-select: all; width: 100%; word-break: break-word } .adyen-checkout__voucher-result__details { list-style: none; margin: -1px auto 0; padding: 0 } .adyen-checkout__voucher-result__details__item { border-top: 1px solid #e6e9eb; color: #00112c; display: flex; font-size: .81em; justify-content: space-between; padding: 16px 24px; word-break: break-word } .adyen-checkout__voucher-result__details__item:last-child { margin-bottom: 0 } .adyen-checkout__voucher-result__details__label { max-width: 50%; text-align: left } .adyen-checkout__voucher-result__details__value { font-weight: 700; max-width: 50%; text-align: right } .adyen-checkout__voucher-result__actions { align-items: center; display: flex; justify-content: center; list-style: none; margin: 0 auto 32px; max-width: 100%; min-width: 200px; padding: 0; width: 300px } .adyen-checkout__voucher-result__actions__item { margin: 0 4px } .adyen-checkout__paypal__buttons { position: relative; z-index: 0 } .adyen-checkout__paypal__button { display: flex; margin-bottom: 16px } .adyen-checkout__paypal__button:empty { display: none } .adyen-checkout__paypal__status--pending { margin: 16px 0 } .adyen-checkout__paypal__status--processing { align-items: center; display: flex; font-size: 13px; justify-content: center; padding: 24px 0 } .adyen-checkout__paypal-processing .adyen-checkout__paypal__button { display: none } .adyen-checkout__payment-method .adyen-checkout__paypal__status--pending { margin: -16px 0 38px } .adyen-checkout__payment-method .adyen-checkout__paypal__status--processing { padding: 20px 0 65px } .adyen-checkout__phone-input { direction: ltr } .adyen-checkout__phone-input .adyen-checkout__input-wrapper { width: 100% } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input { height: auto; padding: 0 } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus { border: 1px solid #0075ff; box-shadow: 0 0 0 2px #99c2ff } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button { border: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; height: 35px; width: auto } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after { box-sizing: revert; height: 10px; left: 60px } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber { border: 1px solid transparent; height: 35px; margin-left: 8px; padding-left: 15px } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput { align-items: center; display: flex } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus { border: 1px solid #0075ff; box-shadow: 0 0 0 2px #99c2ff } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber { align-items: center; display: flex; margin-left: 65px; width: 100% } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag { position: absolute } .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover { box-shadow: none } .adyen-checkout__threeds2__challenge, .adyen-checkout__threeds2__challenge-container { background-color: transparent; box-sizing: border-box; display: block; height: inherit; min-height: 400px; overflow: hidden; position: relative; width: 100% } .adyen-checkout__threeds2__challenge--01, .adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe { height: 400px; width: 250px } .adyen-checkout__threeds2__challenge--02, .adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe { height: 400px; width: 390px } .adyen-checkout__threeds2__challenge--03, .adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe { height: 600px; width: 500px } .adyen-checkout__threeds2__challenge--04, .adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe { height: 400px; width: 600px } .adyen-checkout__threeds2__challenge--05, .adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe { height: 100%; width: 100% } .adyen-checkout__iframe--threeDSIframe { border: 0; left: 0; position: absolute; top: 0 } .adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon { display: block; margin: 56px auto 32px } .adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text { color: #c12424; margin-bottom: 56px; text-align: center } .adyen-checkout__qr-loader { background: #fff; border: 1px solid #d4d9db; border-radius: 12px; padding: 40px; text-align: center } .adyen-checkout__qr-loader--result { padding: 100px } .adyen-checkout__qr-loader__brand-logo { border-radius: 3px; width: 74px } .adyen-checkout__qr-loader__subtitle { margin: 32px auto 0; max-width: 400px } .adyen-checkout__qr-loader__subtitle--result { margin-bottom: 32px } .adyen-checkout__qr-loader__payment_amount, .adyen-checkout__qr-loader__subtitle { color: #00112c; font-size: 1em; line-height: 19px } .adyen-checkout__qr-loader__icon { height: 88px; width: 88px } .adyen-checkout__qr-loader__payment_amount { font-weight: 700 } .adyen-checkout__qr-loader__progress { background: #d4d9db; border-radius: 24px; height: 4px; margin: 32px auto 12px; padding-right: 3%; width: 152px } [dir=rtl] .adyen-checkout__qr-loader__progress { padding-left: 3%; padding-right: 0 } .adyen-checkout__qr-loader__percentage { background: #0075ff; border-radius: 24px; display: block; height: 100% } .adyen-checkout__qr-loader__countdown { color: #687282; font-size: .81em } .adyen-checkout__qr-loader > .adyen-checkout__spinner__wrapper { margin: 60px 0 } .adyen-checkout__qr-loader__app-link { display: none } .adyen-checkout__button.adyen-checkout__button--qr-loader { margin-top: 24px; -webkit-text-decoration: none; text-decoration: none } .adyen-checkout__qr-loader__instructions { color: #687282; font-size: 1em; line-height: 1.5; margin-top: 32px } .adyen-checkout__qr-loader__actions { align-items: center; display: flex; justify-content: center; margin-top: 32px } @media only screen and (max-device-width: 1200px) { .adyen-checkout__qr-loader__app-link { display: block } } .adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code, .adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code { font-size: .81em; line-height: 19px; padding: 24px; word-break: break-all } .adyen-checkout__alert-message { border-radius: 6px; display: flex; font-size: .81em; margin: 0 0 16px; padding: 12px; text-align: left } .adyen-checkout__alert-message--error { background: #fbe6ed } .adyen-checkout__alert-message--warning { background: #ffeacc } .adyen-checkout__alert-message--info { background: #e5efff } .adyen-checkout__alert-message__icon { height: 14px; margin-right: 8px; width: 14px } .adyen-checkout__giftcard-result__header { align-items: center; display: flex; flex-wrap: nowrap; font-size: 1em; font-weight: 400; justify-content: space-between; position: relative; width: 100% } .adyen-checkout__giftcard-result__header__title { align-items: center; display: flex } .adyen-checkout__giftcard-result__name { margin-left: 8px } .adyen-checkout__giftcard-result__balance { list-style: none; margin: 16px 0 0; padding: 0 } .adyen-checkout__giftcard-result__balance__item { display: flex; justify-content: space-between; margin-bottom: 8px } .adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit { color: #687282 } .adyen-checkout__giftcard-result__balance__item:last-child { margin-bottom: 0 } .adyen-checkout__giftcard-result__balance__value--amount { font-weight: 700 } .adyen-checkout__giftcard-result__remaining-balance { color: #687282; font-size: 13px; line-height: 19px; margin: 8px auto 0; text-align: center } .DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm { list-style: none; margin: 0; padding: 0 } .DropinComponent-module_adyen-checkout__payment-method__nWdwg { display: block; max-height: 60px } .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 { display: none } .DropinComponent-module_adyen-checkout__payment-method__image__nB80V { height: 26px; width: 40px } .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA { margin-right: 8px } [dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA { margin-left: 8px; margin-right: 0 } .DropinComponent-module_adyen-checkout__payment-method--selected__6egZF { max-height: 100% } .DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 { display: block } .adyen-checkout__payment-method__disable-confirmation { background: #c12424; border-left: 1px solid #b82222; border-right: 1px solid #b82222; color: #fff; font-size: .81em; margin: 0 -17px; max-height: 0; opacity: 0; overflow: hidden; transition: opacity .15s ease-out, max-height .15s linear, margin-bottom .1s linear } .adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open { margin-bottom: 16px; max-height: 62px; opacity: 1 } .adyen-checkout__payment-method__disable-confirmation__content { align-items: center; display: flex; justify-content: space-between; padding: 8px 16px } .adyen-checkout__payment-method__disable-confirmation__buttons { display: flex } .adyen-checkout__payment-method__disable-confirmation__button { background: #c12424; border: 1px solid transparent; border-radius: 6px; color: #fff; cursor: pointer; display: block; height: auto; line-height: 14px; margin: 0 0 0 8px; padding: 8px; width: auto } .adyen-checkout__payment-method__disable-confirmation__button:hover, .adyen-checkout__payment-method__disable-confirmation__button:hover:focus { background: #ac2020; box-shadow: none } .adyen-checkout__payment-method__disable-confirmation__button:active, .adyen-checkout__payment-method__disable-confirmation__button:hover:active { background: #961c1c; box-shadow: none } .adyen-checkout__payment-method__disable-confirmation__button--remove, .adyen-checkout__payment-method__disable-confirmation__button--remove:disabled { border-color: #fff } .adyen-checkout__payment-method__disable-confirmation__button--cancel, .adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled { border-color: transparent } .adyen-checkout__payment-method { background: #fff; border: 1px solid #e6e9eb; cursor: pointer; margin-top: -1px; position: relative; transition: opacity .3s ease-out; width: 100% } .adyen-checkout__payment-method:focus { outline: 0 } .adyen-checkout__payment-method--selected + .adyen-checkout__payment-method, .adyen-checkout__payment-method:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; margin-top: 0 } .adyen-checkout__payment-method--next-selected, .adyen-checkout__payment-method:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; margin-bottom: 0 } .adyen-checkout__payment-method--loading { opacity: .2 } .adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading { opacity: .9 } .adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content, .adyen-checkout__payment-method--disabling { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .adyen-checkout__payment-method--disabling { opacity: .3 } .adyen-checkout__payment-method__header { align-items: center; color: #00112c; display: flex; flex-wrap: nowrap; font-size: 1em; font-weight: 400; justify-content: space-between; padding: 12px 16px 12px 44px; position: relative; transition: background .1s ease-out; width: 100% } [dir=rtl] .adyen-checkout__payment-method__header { padding: 12px 44px 12px 12px } .adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header { padding: 16px } .adyen-checkout__payment-method__header__title { align-items: center; background: none; border: none; color: #00112c; cursor: pointer; display: flex; flex-shrink: 0; font-size: 1em; font-weight: 400; margin-right: 16px; max-width: 100%; padding: 4px } [dir=rtl] .adyen-checkout__payment-method__header__title { margin-left: 16px; margin-right: 0 } .adyen-checkout__payment-method__surcharge { color: #687282; margin-left: 5px } .adyen-checkout__payment-method--selected { background: #f7f8f9; border: 1px solid #e6e9eb; border-radius: 12px; cursor: default; margin: 8px 0; transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out } .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header { flex-wrap: wrap } .adyen-checkout__payment-method__details { padding: 0 16px; position: relative } .adyen-checkout__payment-method__details__content > :last-child { margin-bottom: 16px } .adyen-checkout__payment-method__image__wrapper { height: 26px; position: relative; width: 40px } .adyen-checkout__payment-method__image__wrapper--outline:after { border: 1px solid rgba(0, 27, 43, .17); border-radius: 3px; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .adyen-checkout__payment-method__image { border-radius: 3px; display: block } .adyen-checkout__payment-method__brands { display: flex; flex-basis: auto; flex-shrink: 1; flex-wrap: wrap; height: 16px; margin: 4px 0; overflow: hidden; text-align: right } .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number { color: #687282; font-size: 13px } .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands { height: auto; overflow: visible; text-align: left } .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper { display: inline-block; height: 16px; margin-right: 4px; transition: opacity .2s ease-out; width: 24px } .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child { margin: 0 } .adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper { margin-bottom: 4px } .adyen-checkout__payment-method__brands img { height: 16px; width: 24px } .adyen-checkout__payment-method__image__wrapper--disabled { opacity: .25 } .adyen-checkout__payment-method__radio { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 50%; height: 16px; left: 16px; position: absolute; transition: border-color .2s ease-out, box-shadow .2s ease-out; width: 16px } [dir=rtl] .adyen-checkout__payment-method__radio { left: auto; right: 16px } .adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio { display: none } .adyen-checkout__payment-method__radio:after { background-color: #fff; border-radius: 50%; content: ""; display: block; height: 6px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease-out; width: 6px } .adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio { border-color: #99a3ad; box-shadow: 0 0 0 2px #d4d9db; cursor: pointer } .adyen-checkout__payment-method__radio--selected { background-color: #0075ff; border: 0; transition: all .3s ease-out } .adyen-checkout__payment-method__radio--selected:hover { box-shadow: 0 0 0 2px rgba(0, 102, 255, .4) } .adyen-checkout__payment-method__radio--selected:after { transform: translateY(-50%) scale(1) } .adyen-checkout__payment-method__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .adyen-checkout__payment-method__name--selected { font-weight: 500 } .adyen-checkout__payment-method__additional-info { color: #687282; font-size: .81em } .adyen-checkout__payment-method__name_wrapper { align-items: flex-start; display: flex; flex-direction: column } .adyen-checkout__order-payment-methods-list { list-style: none; margin: 0 auto 16px; padding: 0 } .adyen-checkout__order-payment-method { background: #fff; border: 1px solid #e6e9eb; margin-top: -1px; position: relative; width: 100% } .adyen-checkout__order-payment-method:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px } .adyen-checkout__order-payment-method:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px } .adyen-checkout__order-payment-method__header { align-items: center; color: #00112c; display: flex; flex-wrap: nowrap; font-size: 1em; font-weight: 500; justify-content: space-between; padding: 16px; position: relative; transition: background .1s ease-out; width: 100% } .adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title { padding: 0 } .adyen-checkout__order-payment-method__details { padding: 0 16px 16px } .adyen-checkout__order-payment-method__deducted-amount { display: flex; font-size: 1em; justify-content: space-between; line-height: 1em } .adyen-checkout__order-payment-method__deducted-amount__label { font-size: .81em } .adyen-checkout__order-payment-method__deducted-amount__value { font-weight: 500 } .adyen-checkout__order-remaining-amount { background: #ffeacc; border-radius: 6px; color: #7f4a00; display: block; font-size: .81em; margin-bottom: 16px; padding: 8px 16px; width: 100% } .adyen-checkout__order-remaining-amount strong { font-weight: 700 } .adyen-checkout__status { align-items: center; background-color: #fff; border: 1px solid #d4d9db; border-radius: 6px; color: #00112c; display: flex; flex-direction: column; font-size: 1em; height: 350px; justify-content: center; margin: 0; padding: 32px; text-align: center } .adyen-checkout__status__icon { margin-bottom: 24px } .adyen-checkout__status .adyen-checkout__spinner__wrapper { max-height: 88px } .adyen-checkout__dropin, .adyen-checkout__dropin *, .adyen-checkout__dropin :after, .adyen-checkout__dropin :before { box-sizing: border-box } .adyen-checkout__payment-methods-list--loading { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .adyen-checkout__instant-payment-methods-list { list-style: none; margin: 0; padding: 0 } .adyen-checkout__instant-payment-methods-list li:not(:last-child) { margin-bottom: 8px } .adyen-checkout__link { color: #0075ff; -webkit-text-decoration: none; text-decoration: none } .adyen-checkout__link:hover { -webkit-text-decoration: underline; text-decoration: underline } .AchInput-module_sf-input__wrapper__lfdiv { position: relative } .AchInput-module_sf-input__wrapper__lfdiv *, .AchInput-module_sf-input__wrapper__lfdiv :after, .AchInput-module_sf-input__wrapper__lfdiv :before { box-sizing: border-box } .AchInput-module_adyen-checkout__input__8WwCR { display: block; max-height: 100px } .adyen-checkout__pm__holderName { margin-bottom: 0 } .adyen-checkout__fieldset__title + .adyen-checkout__ach-sf__form { margin-top: 0 } .adyen-checkout__ach-input .adyen-checkout__fieldset--address, .adyen-checkout__ach-sf__form { margin-top: 16px } .adyen-checkout__loading-input__form { transition: opacity .25s ease-out } .adyen-checkout-phone-input--new { direction: ltr } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper { width: 100% } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input { height: auto; padding: 0 } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within { border: 1px solid #0075ff } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector { border-right: 1px solid #0075ff } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button { border: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; height: 35px; width: auto } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after { box-sizing: revert; height: 10px } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover { box-shadow: none } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number { border: 1px solid transparent; height: 35px; line-height: 35px; min-height: 35px; padding-bottom: 0; padding-left: 15px; padding-top: 0 } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within { border: 1px solid #0075ff; box-shadow: 0 0 0 2px #99c2ff } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector { border-right: 1px solid #dce0e5; min-width: 144px; width: 144px } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input { align-items: center; display: flex } .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number { align-items: center; display: flex; flex: 3 } .adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder { margin-top: -10px } .adyen-checkout__await { background: #fff; border: 1px solid #d4d9db; border-radius: 12px; padding: 40px; text-align: center } .adyen-checkout__await--result { padding: 100px } .adyen-checkout__qr-loader--app { border: 0; border-radius: 0; padding: 0 } .adyen-checkout__await__brand-logo { border-radius: 3px; width: 74px } .adyen-checkout__await__indicator-text, .adyen-checkout__await__subtitle { color: #00112c; font-size: 1em; line-height: 19px; margin-top: 32px } .adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text { margin-left: 10px; margin-top: 6px } .adyen-checkout__await__indicator-holder { display: flex; justify-content: center; margin-bottom: 20px; margin-top: 32px } .adyen-checkout__await__subtitle--result { margin-bottom: 32px } .adyen-checkout__await__icon { height: 88px; width: 88px } .adyen-checkout__await__progress { background: #d4d9db; border-radius: 24px; height: 4px; margin: 32px auto 12px; width: 152px } .adyen-checkout__await__percentage { background: #0075ff; border-radius: 24px; display: block; height: 100% } .adyen-checkout__await__countdown { color: #687282; font-size: .81em } .adyen-checkout__await > .adyen-checkout__spinner__wrapper { margin: 60px 0 } .adyen-checkout__await__app-link { display: none; margin-top: 16px } @media only screen and (max-device-width: 1200px) { .adyen-checkout__await__app-link { display: block } } .adyen-checkout__blik__helper { color: #00112c; font-size: 1em; font-weight: 400; margin: 0 0 16px; padding: 0 } .adyen-checkout__bankTransfer__introduction { color: #00112c; font-size: .81em; font-weight: 400; margin: 0 0 16px; padding: 0 } .adyen-checkout__bankTransfer__emailField { margin: 0 0 16px } .adyen-checkout__bacs--confirm { position: relative } .adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid { display: none } .adyen-checkout__bacs .adyen-checkout__field--inactive { pointer-events: none } .adyen-checkout__bacs .adyen-checkout__bacs--edit { cursor: pointer; position: absolute; right: 0; top: -25px; width: 20% } .adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin { top: -50px } .adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button { background: none; border: none; color: #0075ff; cursor: pointer; text-align: right; -webkit-text-decoration: underline; text-decoration: underline } .adyen-checkout__voucher-result__introduction { font-size: 1em; max-width: 420px } .adyen-checkout__klarna-widget { pointer-events: all } .adyen-checkout__field--vpa { margin-bottom: 0 } .adyen-checkout__segmented-control { background: #fff; border: 1px solid #b9c4c9; border-radius: 6px; display: flex; gap: 4px; justify-content: space-between; padding: 4px 5px } .adyen-checkout__segmented-control--disabled { pointer-events: none } .adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment { color: #8390a3 } .adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment--selected { background: #f3f6f9; border: 1.5px solid #8390a3 } .adyen-checkout__segmented-control-segment { background: #fff; border: 0; border-radius: 6px; color: #0075ff; cursor: pointer; flex-grow: 1; font-weight: 500; height: 40px; text-align: center; transition: background .3s ease-out; width: 100% } .adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover { background-color: #f7f8f9 } .adyen-checkout__segmented-control-segment:active { background-color: #f7f8f9; border: 1.5px solid #687282 } .adyen-checkout__segmented-control-segment--selected { background: #e5f1ff; border: 1.5px solid #0075ff; color: #0075ff; font-weight: 700 } .adyen-checkout-radio-button { align-items: center; background: none; border: none; color: #00112c; cursor: pointer; display: flex; flex-shrink: 0; font-size: 1em; font-weight: 400; max-width: 100%; padding: 4px } .adyen-checkout-radio-button[aria-checked=false]:hover > .adyen-checkout-radio-button__radio { border-color: #99a3ad; box-shadow: 0 0 0 2px #d4d9db; cursor: pointer } .adyen-checkout-radio-button__radio { background-color: #fff; border: 1px solid #b9c4c9; border-radius: 50%; height: 16px; transition: border-color .2s ease-out, box-shadow .2s ease-out; width: 16px } [dir=rtl] .adyen-checkout-radio-button__radio { left: auto; right: 16px } .adyen-checkout-radio-button__radio:after { background-color: #fff; border-radius: 50%; content: ""; display: block; height: 6px; left: 0; margin: 0 auto; position: relative; right: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform .3s ease-out; width: 6px } .adyen-checkout-radio-button__radio--selected { background-color: #0075ff; border: 0; transition: all .3s ease-out } .adyen-checkout-radio-button__radio--selected:hover { box-shadow: 0 0 0 2px rgba(0, 102, 255, .4) } .adyen-checkout-radio-button__radio--selected:after { transform: translateY(-50%) scale(1) } .adyen-checkout-upi-app-item-header { padding: 6px 16px 6px 32px; position: relative } .adyen-checkout-upi-app-item { cursor: pointer; margin-top: -1px; transition: opacity .3s ease-out; width: 100% } .adyen-checkout-upi-app-item:first-child { margin-top: 0 } .adyen-checkout-upi-app-item--selected { cursor: default; transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out } .adyen-checkout-upi-app-item .adyen-checkout-radio-button__radio { left: 0; position: absolute } .adyen-checkout-upi-app-list { list-style: none; margin: 0; padding: 0 } .adyen-checkout-upi-app-list--loading { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none } .adyen-checkout_upi-mode-selection-text { font-size: 13px; font-weight: 400; line-height: 19px; margin-bottom: 7px; margin-top: 0 } .adyen-checkout__segmented-control--upi-margin-bottom { margin-bottom: 16px } .adyen-checkout-upi-area-intent .adyen-checkout__button--pay { margin-top: 16px } .adyen-checkout-upi-area-qr-code .adyen-checkout__button--pay { margin-top: 0 } .adyen-checkout-trustly { margin-bottom: 16px } .adyen-checkout-trustly__descriptor { font-size: 1em; font-weight: 500; margin: 0 0 4px } .adyen-checkout-trustly__description-list { font-size: .81em; line-height: 1.5; list-style-type: disc; margin: 0; padding-left: 20px } .adyen-checkout-payme-instructions { color: #5c687c; font-size: .81em; line-height: 20px; text-align: center } .adyen-checkout-payme-instructions__steps { list-style-position: inside; margin: 16px 0; padding-bottom: 8px; padding-left: 0 } .adyen-checkout-sr-panel { font-size: .75em; margin-bottom: 20px } .adyen-checkout-sr-panel--sr-only { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .c-tavern-tag-list[data-v-ed24e648] { color: #fff; position: relative } .c-tavern-tag-list .swipeab-icon-box[data-v-ed24e648] { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; top: 0; z-index: 2 } .c-tavern-tag-list .swipeab-icon-box .icon-bnt[data-v-ed24e648] { align-items: center; background: #30333b; border-radius: 100%; color: #fffdf5; cursor: pointer; display: flex; justify-content: center; position: absolute; top: 50%; transition: opacity .3s ease-in-out; z-index: 2 } .c-tavern-tag-list .swipeab-icon-box .icon-bnt i[data-v-ed24e648] { font-size: 18px; font-weight: 700; z-index: 2 } .c-tavern-tag-list .swipeab-icon-box-left[data-v-ed24e648] { background: linear-gradient(90deg, #080b16, transparent); left: 0 } .c-tavern-tag-list .swipeab-icon-box-right[data-v-ed24e648] { background-image: linear-gradient(270deg, #080b16, transparent); right: 0 } .c-tavern-tag-list .scroll-area[data-v-ed24e648] { overflow: auto; scrollbar-width: none; width: 100% } .c-tavern-tag-list .scroll-area[data-v-ed24e648]::-webkit-scrollbar { display: none; width: 0 } .c-tavern-tag-list .scroll-area[data-v-ed24e648]::-ms-scrollbar { display: none; width: 0 } .c-tavern-tag-list .scroll-area .tags-content[data-v-ed24e648] { display: table } .c-tavern-tag-list .scroll-area-list[data-v-ed24e648] { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; justify-content: flex-start; transition: all .3s } .c-tavern-tag-list .scroll-area-list .tavern-tag-item[data-v-ed24e648] { align-items: center; background: rgba(63, 66, 74, .6); border: 2px solid transparent; border-radius: 6px; box-sizing: border-box; color: #fffdf5; cursor: pointer; display: inline-flex; font-family: Inter; font-size: 14px; font-weight: 500; justify-content: center; padding: 8px 12px; transition-duration: .15s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); white-space: nowrap } .c-tavern-tag-list .scroll-area-list .tavern-tag-item-active[data-v-ed24e648] { border-color: #3f8fff } .no-scrollbar[data-v-ed24e648]::-webkit-scrollbar { display: none } .no-scrollbar[data-v-ed24e648] { -ms-overflow-style: none; scrollbar-width: none } .main .title[data-v-4beeafcc] { font-size: 16px } .main .list[data-v-4beeafcc] { margin-top: 0; max-height: 200px; min-height: 100px; overflow: auto; padding: 0 } .main .list li[data-v-4beeafcc] { align-items: center; display: flex; height: 48px; justify-content: space-between; width: 100% } .main .list li .user[data-v-4beeafcc] { align-items: center; cursor: pointer; display: flex } .main .list li .user .avatorClass[data-v-4beeafcc] { background: #fff; border-radius: 50%; color: #0f101b; flex: 0 0 auto; font-size: 18px; height: 22px; line-height: 22px; margin-right: 6px; text-align: center; width: 22px } .main .list li .user .ellipsis-text[data-v-4beeafcc] { color: #cbd5e1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .main .list li .user .ellipsis-text[data-v-4beeafcc]:hover { -webkit-text-decoration: underline; text-decoration: underline } .main .list li .bnt[data-v-4beeafcc] { cursor: pointer; font-size: 24px; margin-right: 11px } .setting-dialog { background: transparent } .setting-dialog .el-dialog { background: transparent; border-radius: 20px; margin-top: 5vh !important } .setting-dialog .el-dialog__header { display: none } .setting-dialog .el-dialog__body { background: #24262a; border-radius: 20px; box-sizing: border-box; padding: 29px 24px 0; position: relative; width: 690px } .setting-dialog .label { color: #efefef; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 24px; line-height: 24px } .setting-dialog .label .red-star { color: red; margin-right: 3px } .setting-dialog-close { color: #fff; cursor: pointer; font-size: 20px; position: absolute; right: 28px; top: 35px } .setting-dialog-title { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .setting-dialog-avatar { margin-top: 23px } .setting-dialog-avatar .uploader { background: hsla(0, 0%, 100%, .06); border: 1px dashed hsla(0, 0%, 100%, .2); border-radius: 50%; height: 100px; margin-top: 10px; overflow: hidden; width: 100px } .setting-dialog-avatar .uploader .el-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .setting-dialog-avatar .uploader .el-upload img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .setting-dialog-avatar .uploader .el-upload i { color: #cfd3dc; font-size: 16px } .setting-dialog-name { margin-top: 14px } .setting-dialog-name .user-name-input { height: 32px; margin-top: 10px; width: 100% } .setting-dialog-name .user-name-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 0; border-radius: 8px; color: #fff; height: 100%; width: 100% } .setting-dialog-name .user-name-input .el-input__count-inner { background: transparent !important; color: #999; font-family: PingFang SC; font-size: 14px } .setting-dialog-gender { margin-top: 14px } .setting-dialog-gender .gender-raido-group { margin-top: 10px } .setting-dialog-intro { margin-top: 14px } .setting-dialog-intro .setting-textarea { height: 84px; margin-top: 10px; width: 100% } .setting-dialog-intro .setting-textarea .el-textarea__inner { background: hsla(0, 0%, 100%, .06); border: 0; border-radius: 8px; color: #fff; height: 100%; width: 100% } .setting-dialog-intro .setting-textarea .el-input__count { background: transparent; background: #161819; border-radius: 12px; bottom: 3px; color: #999; font-family: PingFang SC; font-size: 14px; padding: 4px } .setting-dialog-notice { margin-top: 14px } .setting-dialog-notice .setting-textarea { height: 84px; margin-top: 10px; width: 100% } .setting-dialog-notice .setting-textarea .el-textarea__inner { background: hsla(0, 0%, 100%, .06); border: 0; border-radius: 8px; color: #fff; height: 100%; width: 100% } .setting-dialog-notice .setting-textarea .el-input__count { background: transparent; background: #161819; border-radius: 12px; bottom: 3px; color: #999; font-family: PingFang SC; font-size: 14px; padding: 4px } .setting-dialog-bg { margin-top: 14px } .setting-dialog-bg .uploader { background: hsla(0, 0%, 100%, .06); border: 1px dashed hsla(0, 0%, 100%, .2); border-radius: 8px; height: 94px; margin-top: 10px; overflow: hidden; width: 100% } .setting-dialog-bg .uploader .el-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .setting-dialog-bg .uploader .el-upload .uploaded-box { height: 100%; position: relative; width: 100% } .setting-dialog-bg .uploader .el-upload .uploaded-box:hover .del-icon { opacity: 1 } .setting-dialog-bg .uploader .el-upload .uploaded-box .del-icon { background: rgba(28, 29, 42, .6); border-radius: 4px; cursor: pointer; height: 26px; opacity: 0; position: absolute; right: 5px; top: 5px; width: 26px } .setting-dialog-bg .uploader .el-upload .uploaded-box .del-icon i { color: #fff; font-size: 16px } .setting-dialog-bg .uploader .el-upload .uploaded-box img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .setting-dialog-bg .uploader .el-upload .upload-tip { flex-wrap: wrap } .setting-dialog-bg .uploader .el-upload .upload-tip > i { color: hsla(0, 0%, 100%, .7); font-size: 28px } .setting-dialog-bg .uploader .el-upload .upload-tip > .text { color: #fefefe; font-family: PingFang SC; font-size: 12px; margin-top: 10px; text-align: center; width: 100% } .setting-dialog-overview { margin-top: 14px } .setting-dialog-overview .desc { color: hsla(0, 0%, 94%, .6); font-family: PingFang SC; font-size: 12px; line-height: 24px; position: relative; width: 100% } .setting-dialog-overview .desc > i { cursor: pointer; font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s } .setting-dialog-overview .desc > i.is-reverse { transform: translateY(-50%) rotate(180deg) } .setting-dialog-overview .list { margin-top: 10px; width: 100% } .setting-dialog-overview .list .item { align-items: center; background: #313337; border-radius: 8px; box-sizing: border-box; color: #efefef; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 600; height: 36px; justify-content: space-between; margin-bottom: 10px; padding: 0 16px; width: 100% } .setting-dialog-overview .list .item > i { font-size: 16px; margin-right: 10px } .setting-dialog-overview .list .item:last-child { margin-bottom: 0 } .setting-dialog-footer { align-items: center; border-top: 1px solid hsla(0, 0%, 100%, .08); display: flex; height: 70px; justify-content: flex-end; margin-top: 20px; width: 100% } .setting-dialog-footer .cancel { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .setting-dialog-footer .cancel, .setting-dialog-footer .save { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .setting-dialog-footer .save { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .user-info-left[data-v-08edb85e] { align-content: flex-start; background: #1a1d1f; box-shadow: 0 40px 32px -24px hsla(0, 0%, 6%, .12); display: flex; flex-wrap: wrap; height: calc(100vh - 74px); justify-content: center; overflow-y: auto; position: fixed; width: 320px } .user-info-left[data-v-08edb85e]::-webkit-scrollbar { width: 4px } .user-info-left-avatar[data-v-08edb85e] { height: 100px; margin-top: 26px; position: relative; width: 100px } .user-info-left-avatar > img[data-v-08edb85e] { border-radius: 50%; -o-object-fit: cover; object-fit: cover } .user-info-left-avatar > .name[data-v-08edb85e] { background: #516a8b; border-radius: 50%; color: #e9eef8; font-family: PingFangSC-Medium, PingFang SC; font-size: 46px } .user-info-left-avatar > .gender[data-v-08edb85e] { background: #fff; border-radius: 50%; bottom: 0; height: 30px; position: absolute; right: 0; width: 30px } .user-info-left-avatar > .gender > i[data-v-08edb85e] { font-size: 26px } .user-info-left-avatar > .gender > i.icon-icon-nan[data-v-08edb85e] { color: #1867ff } .user-info-left-avatar > .gender > i.icon-icon-nv[data-v-08edb85e] { color: #ff2b91 } .user-info-left-name[data-v-08edb85e] { box-sizing: border-box; color: hsla(0, 0%, 100%, .8); font-family: Inter; font-size: 20px; font-weight: 400; height: 32px; margin-top: 12px; padding: 0 10px; width: 100% } .user-info-left-name > img[data-v-08edb85e] { cursor: pointer; height: auto; margin-left: 5px; -o-object-fit: cover; object-fit: cover; width: 26px } .user-info-left-creation[data-v-08edb85e] { background: linear-gradient(90deg, #ff409f, #f80); border-radius: 100px; box-sizing: border-box; color: #fcfcfd; cursor: pointer; font-family: DM Sans; font-size: 14px; font-weight: 700; height: 42px; margin-top: 6px; padding: 0 18px } .user-info-left-creation i[data-v-08edb85e] { font-size: 26px; margin-right: 5px } .user-info-left-creation.join i[data-v-08edb85e] { font-size: 24px } .user-info-left-statistics[data-v-08edb85e] { display: flex; justify-content: center; margin: 28px 24px 32px; width: 100% } .user-info-left-statistics .item-num[data-v-08edb85e] { display: flex; flex: 1; flex-wrap: wrap; font-family: Inter; text-align: center } .user-info-left-statistics .item-num:hover .desc[data-v-08edb85e], .user-info-left-statistics .item-num:hover .num[data-v-08edb85e] { -webkit-text-decoration: underline; text-decoration: underline } .user-info-left-statistics .item-num > .num[data-v-08edb85e] { color: hsla(0, 0%, 100%, .8); font-size: 16px; font-weight: 700; width: 100% } .user-info-left-statistics .item-num > .desc[data-v-08edb85e] { color: #686a6c; font-size: 12px; margin-top: 4px; width: 100% } .user-info-left-tools[data-v-08edb85e] { display: flex; gap: 15px; justify-content: center; padding-bottom: 24px } .user-info-left-tools .item-tool[data-v-08edb85e] { border: 2px solid #353945; border-radius: 50%; cursor: pointer; height: 36px; width: 36px } .user-info-left-tools .item-tool > i[data-v-08edb85e] { color: #5e6371; font-size: 18px } .user-info-left-follow[data-v-08edb85e] { display: flex; justify-content: center; margin-top: 10px; width: 100% } .user-info-left-follow .follow-btn[data-v-08edb85e] { align-items: center; background: #3772ff; border-radius: 100px; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 121px } .user-info-left-follow .follow-btn > i[data-v-08edb85e] { color: #fcfcfd; font-size: 20px; margin-right: 6px } .user-info-left-follow .follow-btn span[data-v-08edb85e] { color: #fcfcfd; font-family: DM Sans; font-size: 14px; font-weight: 700 } .user-info-left-follow .follow-btn[data-v-08edb85e]:hover { background: #3069ef } .user-info-left-follow .follow-btn.following[data-v-08edb85e], .user-info-left-follow .follow-btn.following[data-v-08edb85e]:hover { background: #777e91 } .user-info-left-line[data-v-08edb85e] { background: #353945; height: 1px; width: 236px } .user-info-left-profile[data-v-08edb85e] { display: flex; flex-wrap: wrap; margin: 24px auto 0; width: 236px } .user-info-left-profile > .title[data-v-08edb85e] { color: #686a6c; font-family: Inter; font-size: 12px; font-weight: 400; width: 100% } .user-info-left-profile > .content[data-v-08edb85e] { color: #686a6c; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 16px; width: 100%; word-break: break-all } .user-info-left-medal[data-v-08edb85e] { display: flex; flex-wrap: wrap; margin: 24px auto 0; width: 236px } .user-info-left-medal > .title[data-v-08edb85e] { color: #686a6c; font-family: Inter; font-size: 12px; font-weight: 400; width: 100% } .user-info-left-medal > .medals[data-v-08edb85e] { margin-top: 18px } .user-info-left-medal > .medals > img[data-v-08edb85e] { cursor: pointer; height: 50px; width: 50px } .user-info-left-medal > .medals > img.model-creator[data-v-08edb85e] { height: 48px; margin-left: 6px; width: 60px } .user-info-left-link[data-v-08edb85e] { display: flex; flex-wrap: wrap; margin: 26px auto 0; width: 236px } .user-info-left-link > .title[data-v-08edb85e] { color: #686a6c; font-family: Inter; font-size: 12px; font-weight: 400; width: 100% } .user-info-left-link > .content[data-v-08edb85e] { color: #686a6c; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 20px; margin-top: 16px; width: 100%; word-break: break-all } .user-info-left-infos[data-v-08edb85e] { display: flex; flex-wrap: wrap; justify-content: center; margin: 110px auto 0; padding: 24px 0 50px; position: relative; width: 236px } .user-info-left-infos[data-v-08edb85e]:before { background: #353945; content: ""; height: 1px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 236px } .user-info-left-infos .qr-img[data-v-08edb85e] { background: #fff; border-radius: 4px; height: 82px; width: 83px } .user-info-left-infos .invite-code[data-v-08edb85e] { color: #fcfcfd; font-family: Inter; font-size: 14px; margin-top: 11px; width: 100% } .user-info-left-infos .invite-code > .code[data-v-08edb85e] { margin: 0 6px 0 5px } .user-info-left-infos .invite-code > .btn[data-v-08edb85e] { color: #91b1d5; cursor: pointer; font-size: 18px } .user-info-left-infos .user-id[data-v-08edb85e] { color: #777e90; font-family: Poppins; font-size: 12px; line-height: 20px; margin: 10px 0 40px; text-align: center; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list, .event-registration .el-dialog__body .event-registration-container .participating-model-list { align-content: flex-start; display: flex; flex-wrap: wrap; height: calc(100% - 88px); overflow: auto; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .model-item, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item { border: 2px solid transparent; border-radius: 16px; cursor: pointer; height: 240px; margin: 5px; position: relative; width: 240px } .event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container { box-sizing: border-box; height: 100%; transition: transform .3s ease-out; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .model-img, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .model-img { align-items: center; border-radius: 16px; box-sizing: border-box; display: flex; height: 100%; justify-content: center; -o-object-fit: cover; object-fit: cover; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .bottom-name, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .bottom-name { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-radius: 0 0 16px 16px; bottom: 0; display: flex; height: 32px; justify-content: center; left: 0; position: absolute; right: 0; width: 240px } .event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .bottom-name .name, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .bottom-name .name { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 220px } .event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item.selected { border: 2px solid #27b670 } .event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item.selected .model-item-container { transform: scale(.85) } .event-registration .el-dialog__body .event-registration-container .model-list .no-picture, .event-registration .el-dialog__body .event-registration-container .participating-model-list .no-picture { align-content: center; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .no-picture .tip, .event-registration .el-dialog__body .event-registration-container .participating-model-list .no-picture .tip { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; text-align: center; width: 100% } .event-registration .el-dialog__body .event-registration-container .participating-model-list { box-sizing: border-box; height: calc(100% - 48px); padding-top: 15px } .event-registration .el-dialog__body .event-registration-container .participating-model-list .participating-tip { align-items: center; background: hsla(0, 0%, 100%, .05); border-radius: 8px; box-sizing: border-box; display: flex; height: 32px; justify-content: center; justify-content: flex-start; padding: 0 8px; width: 100% } .event-registration .el-dialog__body .event-registration-container .participating-model-list .participating-tip .iconfont, .event-registration .el-dialog__body .event-registration-container .participating-model-list .participating-tip .svg-icon { margin-right: 5px } .event-registration .el-dialog__body .event-registration-container .participating-model-list .no-picture { height: calc(100% - 32px) } .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item { cursor: default } .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container { position: relative } .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .tip { align-items: center; border-radius: 8px; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; height: 28px; justify-content: center; left: 7px; padding: 3px 10px; position: absolute; top: 7px } .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .tip.competing { background: #0d9488 } .event-registration .el-dialog__body .event-registration-container .participating-model-list .model-item .model-item-container .tip.not-pass { background: #8e8e8e } .event-registration .el-dialog__header { padding: 20px 35px 10px } .event-registration .el-dialog__body { box-sizing: border-box; height: 877px; padding: 10px 25px 25px !important } .event-registration .el-dialog__body .event-registration-container { box-sizing: border-box; height: 100%; width: 100% } .event-registration .el-dialog__body .event-registration-container .top-div { box-sizing: border-box; padding: 0 10px; width: 100% } .event-registration .el-dialog__body .event-registration-container .top-div .header { align-items: center; box-shadow: inset 0 -1px 0 0 #1e293b; display: flex; height: 48px; justify-content: center; justify-content: space-between; width: 100% } .event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container { display: flex; flex-wrap: nowrap; height: 100% } .event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container .tab-item { box-sizing: border-box; cursor: pointer; margin-right: 25px; padding-top: 15px; position: relative } .event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container .tab-item.active:after { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 12px; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100% } .event-registration .el-dialog__body .event-registration-container .top-div .header .tabs-container :last-child { margin-right: 0 } .event-registration .el-dialog__body .event-registration-container .top-div .header .btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border: 0; border-radius: 8px 8px 8px 8px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; height: 38px; justify-content: center; line-height: 16px; padding: 10px 15px } .event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div { align-items: center; display: flex; height: 40px; justify-content: center; justify-content: space-between; width: 100% } .event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div .agree-rules > span, .event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div .select-num > span { color: #788290; font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400 } .event-registration .el-dialog__body .event-registration-container .top-div .checkbox-div .agree-rules .activity-rules { cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline } .event-registration .el-dialog__body .event-registration-container .model-list, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list { align-content: flex-start; display: flex; flex-wrap: wrap; height: calc(100% - 88px); overflow: auto; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .model-item, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item { border: 2px solid transparent; border-radius: 16px; cursor: pointer; height: 240px; margin: 5px; position: relative; width: 240px } .event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container { box-sizing: border-box; height: 100%; transition: transform .3s ease-out; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .model-item .model-item-container .model-img, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .model-img { align-items: center; border-radius: 16px; box-sizing: border-box; display: flex; height: 100%; justify-content: center; -o-object-fit: cover; object-fit: cover; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item.selected { border: 2px solid #27b670 } .event-registration .el-dialog__body .event-registration-container .model-list .model-item.selected .model-item-container, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item.selected .model-item-container { transform: scale(.85) } .event-registration .el-dialog__body .event-registration-container .model-list .no-picture, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .no-picture { align-content: center; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .event-registration .el-dialog__body .event-registration-container .model-list .no-picture .tip, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .no-picture .tip { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; text-align: center; width: 100% } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list { box-sizing: border-box; height: calc(100% - 48px); padding-top: 15px } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .participating-tip { align-items: center; background: hsla(0, 0%, 100%, .05); border-radius: 8px; box-sizing: border-box; display: flex; height: 32px; justify-content: center; justify-content: flex-start; padding: 0 8px; width: 100% } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .participating-tip .iconfont, .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .participating-tip .svg-icon { margin-right: 5px } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .no-picture { height: calc(100% - 32px) } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item { cursor: default } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container { position: relative } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .tip { align-items: center; border-radius: 8px; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; height: 28px; justify-content: center; left: 7px; padding: 3px 10px; position: absolute; top: 7px } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .tip.competing { background: #0d9488 } .event-registration .el-dialog__body .event-registration-container .participating-artwork-list .model-item .model-item-container .tip.not-pass { background: #8e8e8e } .ai-chat-by-details[data-v-7e213c75] { left: 18px; position: absolute; top: 26px } .ai-chat-by-details .ai-chat-by-details-btn[data-v-7e213c75] { align-items: center; cursor: pointer; display: flex } .ai-chat-by-details .ai-chat-by-details-btn:hover .msg-box[data-v-7e213c75] { animation: fade-in-7e213c75 1s forwards } .ai-chat-by-details .ai-chat-by-details-btn .bubble[data-v-7e213c75] { height: 56px; margin-right: 4px; width: 59px } @keyframes bubbleScale-7e213c75 { 0% { transform: scale(1) } to { transform: scale(1.05) } } .ai-chat-by-details .ai-chat-by-details-btn .msg-box[data-v-7e213c75] { background: hsla(0, 0%, 97%, .05); -o-border-image: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1)) 2 2; border-image: linear-gradient(180deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .1)) 2 2; border-radius: 100px; box-shadow: 0 32px 24px -16px rgba(0, 0, 0, .5), inset 0 0 8px 0 hsla(0, 0%, 97%, .35); color: #fff; font-family: PingFang SC; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; opacity: 0; padding: 8px 15px 9px 21px; text-align: left; text-transform: none } .ai-chat-by-details .ai-chat-by-details-btn .fade-in[data-v-7e213c75] { animation: fade-in-7e213c75 1s forwards } .ai-chat-by-details .ai-chat-by-details-btn .fade-out[data-v-7e213c75] { animation: fade-out-7e213c75 1s forwards } @keyframes fade-in-7e213c75 { 0% { opacity: 0 } 50% { opacity: .5 } to { opacity: 1 } } @keyframes fade-out-7e213c75 { 0% { opacity: 1 } 50% { opacity: .5 } to { opacity: 0 } } .ball-pulse div[data-v-4e16c0e4] { animation-fill-mode: both; background-color: #fff; border-radius: 100%; display: inline-block; height: 10px; margin: 2px; width: 10px } .ball-pulse div[data-v-4e16c0e4]:first-child { animation: scale-4e16c0e4 .75s cubic-bezier(.2, .68, .18, 1.08) .12s infinite } .ball-pulse div[data-v-4e16c0e4]:nth-child(2) { animation: scale-4e16c0e4 .75s cubic-bezier(.2, .68, .18, 1.08) .24s infinite } .ball-pulse div[data-v-4e16c0e4]:nth-child(3) { animation: scale-4e16c0e4 .75s cubic-bezier(.2, .68, .18, 1.08) .36s infinite } @keyframes scale-4e16c0e4 { 0% { opacity: 1; transform: scale(1) } 45% { opacity: .7; transform: scale(.1) } 80% { opacity: 1; transform: scale(1) } } .sound-item[data-v-0e9a0142] { background: #1f2330; border: 1px solid #202125; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(27, 22, 22, .06), 0 1px 3px 0 rgba(0, 0, 0, .1); box-sizing: border-box; cursor: pointer; display: flex; gap: 7px; height: 128px; overflow: hidden; padding: 9px 16px; position: relative; width: 398px } .sound-item .left[data-v-0e9a0142] { border-radius: 8px; height: 110px; position: relative; width: 110px } .sound-item .left .image-empty-sound[data-v-0e9a0142] { align-items: center; background-color: #595c69; border-radius: 8px; color: #e4e8f0; display: flex; height: 110px; justify-content: center; width: 110px } .sound-item .left .list-item-image-card-image[data-v-0e9a0142] { border-radius: 8px; height: 100%; width: 100% } .sound-item .left .player-icon[data-v-0e9a0142] { align-items: center; background: rgba(0, 0, 0, .5); border-radius: 50%; bottom: 9px; cursor: pointer; display: flex; height: 28px; justify-content: center; position: absolute; right: 11px; width: 28px; z-index: 999 } .sound-item .left .player-icon .el-icon-loading[data-v-0e9a0142] { color: #fff } .sound-item .left .player-icon .icon-play[data-v-0e9a0142] { border-bottom: 7.5px solid transparent; border-left: 13px solid #fff; border-radius: 1px; border-top: 7.5px solid transparent; height: 0; width: 0 } .sound-item .left .player-icon .icon-playing[data-v-0e9a0142] { background: transparent; display: flex; height: 10px; width: 10px } .sound-item .left .player-icon .icon-playing .icon-1[data-v-0e9a0142] { background: #fff; border-radius: 1px; height: 10px; width: 3px } .sound-item .left .player-icon .icon-playing .icon-1[data-v-0e9a0142]:first-child { margin-right: 4px } .sound-item .right[data-v-0e9a0142] { display: flex; flex: 1; flex-direction: column; justify-content: center } .sound-item .right .right-name[data-v-0e9a0142] { color: #fff; font-family: Inter; font-size: 16px; font-weight: 500 } .sound-item .right .right-tags[data-v-0e9a0142] { box-sizing: border-box; display: flex; flex-wrap: wrap; max-height: 77px; overflow: hidden; padding: 10px 0 4px; width: 100% } .sound-item .right .right-tags .tag-item[data-v-0e9a0142] { align-items: center; background: #1f2330; border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 8px; box-sizing: border-box; color: #d8d9dc; display: flex; font-family: Inter; font-size: 12px; font-weight: 400; height: 28px; margin-bottom: 6px; margin-right: 4px; padding: 0 10px } .cltpop[data-v-0e9a0142] { align-items: flex-start; background-color: rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 80%; justify-content: space-between; left: 0; opacity: 0; padding: 6px 8px 0; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .cltpop[data-v-0e9a0142]:hover { opacity: 1 } .cltpop .collect-popover-container[data-v-0e9a0142], .cltpop .detail-button[data-v-0e9a0142] { height: 30px; line-height: 30px } .cltpop .detail-button[data-v-0e9a0142] { color: #e2e8f0; display: block; max-width: 84px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap } .c-style-modal[data-v-923a19bc] { background-color: #111522 !important; border: 1px solid #293045; border-radius: 16px !important; margin-top: 3vh !important; max-height: 900px; text-align: left !important } .c-style-modal .el-dialog__header[data-v-923a19bc] { border: 1px solid hsla(0, 0%, 100%, .06) } .c-style-modal .el-dialog__title[data-v-923a19bc] { color: #fff; font-size: 16px } .c-style-modal .el-dialog__body[data-v-923a19bc] { padding: 0 !important } .c-style-modal .style-content-wrapper[data-v-923a19bc] { background-color: #111522; display: flex; flex-direction: column; height: 100%; min-width: 900px; padding: 0 22px 29px } .c-style-modal .style-content__header[data-v-923a19bc] { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; width: 100% } .c-style-modal .style-modal-header-item[data-v-923a19bc] { align-items: center; display: flex; margin-top: 20px } .c-style-modal .style-modal-header-item .header-item-text[data-v-923a19bc] { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 16px; font-weight: 500; margin-right: 20px } .c-style-modal .style-modal-header-item .header-item-desc-text[data-v-923a19bc] { color: #777e90; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .c-style-modal .style-content__header-tabs[data-v-923a19bc] { align-items: center; display: flex; gap: 10px } .c-style-modal .style-content__header-tabs-item[data-v-923a19bc] { border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 8px; color: #d8d9dc; cursor: pointer; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; line-height: 25px; margin-left: 58px; padding: 8px 16px; transition: all .3s cubic-bezier(.645, .045, .355, 1) } .c-style-modal .style-content__header-tabs-item[data-v-923a19bc]:first-child { margin-left: 0 } .c-style-modal .tab-active[data-v-923a19bc] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; color: #fff } .c-style-modal .style-content__search-box[data-v-923a19bc] { align-items: center; display: flex; justify-content: space-between; margin-top: 15px } .c-style-modal .style-content__search-box .filterBox[data-v-923a19bc] { align-items: center; background-color: #20293b; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .c-style-modal .style-content__search-box .filterBox div[data-v-923a19bc] { align-items: center; display: flex } .c-style-modal .style-content__search-box .filterBox div .iconfont[data-v-923a19bc], .c-style-modal .style-content__search-box .filterBox div .svg-icon[data-v-923a19bc] { font-size: 16px; margin-right: 6px } .c-style-modal .style-content__search-box .filterBox div span[data-v-923a19bc] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .c-style-modal .style-content__search-box .filterBox i[data-v-923a19bc] { font-size: 16px } .c-style-modal .style-content__search-box .search-right[data-v-923a19bc] { display: flex; gap: 12px } .c-style-modal .style-content__search-input[data-v-923a19bc] { width: 228px } .c-style-modal .style-content__search-input .el-input__inner[data-v-923a19bc] { background: #2d3245; border-color: transparent; color: #fff; height: 32px; padding-left: 37px } .c-style-modal .style-content__search-input .el-input__prefix[data-v-923a19bc] { align-items: center; display: flex; justify-content: center; margin-left: 5px } .c-style-modal .style-content__search-input .search-icon[data-v-923a19bc] { fill: #fff; font-size: 26px } .c-style-modal .style-content__search-btn[data-v-923a19bc] { background: #212535; border: 1px solid; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-left: 19px; overflow: hidden; padding: 7px 15px; position: relative; text-overflow: ellipsis; white-space: nowrap } .c-style-modal .style-content__search-btn-gra-border[data-v-923a19bc] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .c-style-modal .style-content__list-wrapper[data-v-923a19bc] { grid-gap: 20px; display: grid; grid-template-columns:repeat(5, 1fr); margin-top: 14px; max-height: 600px; min-height: 600px; overflow-x: hidden; overflow-y: auto; position: relative } .c-style-modal .style-content__list-wrapper-no-margin[data-v-923a19bc] { grid-template-rows:30px auto } .c-style-modal .style-content__list-item[data-v-923a19bc] { background: #202535; border-radius: 8px; height: 310px; overflow: hidden; position: relative; width: 240px } .c-style-modal .style-content__list-item:hover .model-type-flag[data-v-923a19bc], .c-style-modal .style-content__list-item:hover .top-box[data-v-923a19bc] { opacity: 0 } .c-style-modal .style-content__list-item .top-box[data-v-923a19bc] { align-items: center; display: flex; justify-content: space-between; left: 5px; opacity: 1; position: absolute; right: 5px; top: 5px; transition: all .3s; z-index: 1 } .c-style-modal .style-content__list-item .cltpop[data-v-923a19bc] { align-items: flex-start; background-color: rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 80%; justify-content: space-between; left: 0; opacity: 0; padding: 6px 8px 0; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .c-style-modal .style-content__list-item .cltpop[data-v-923a19bc]:hover { opacity: 1 } .c-style-modal .style-content__list-item .cltpop .collect-popover-container[data-v-923a19bc], .c-style-modal .style-content__list-item .cltpop .detail-button[data-v-923a19bc] { height: 30px; line-height: 30px } .c-style-modal .style-content__list-item .cltpop .detail-button[data-v-923a19bc] { color: #e2e8f0; display: block; max-width: 84px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap } .c-style-modal .style-content__list-item .model-type-flag[data-v-923a19bc] { align-items: center; background-color: rgba(15, 18, 28, .6); border-radius: 10px; color: #e4e8f0; display: flex; font-size: 12px; font-weight: 500; justify-content: center; left: 10px; padding: 6px 12px; position: absolute; top: 10px } .c-style-modal .style-content__list-item .model-type-flag .model-type-flag-line[data-v-923a19bc] { margin: 0 4px } .c-style-modal .style-content__list-item .model-type-flag .model-type-flag-icon[data-v-923a19bc] { color: #e4e8f0; font-size: 16px } .c-style-modal .select-model-active[data-v-923a19bc] { align-items: center; border: 2px solid #27b670; display: flex; flex-direction: column } .c-style-modal .select-model-active .list-item-image-card-image[data-v-923a19bc] { border-radius: 8px } .c-style-modal .select-model-active .list-item-image-mask .list-item-image-mask-item__content[data-v-923a19bc] { max-width: 150px } .c-style-modal .select-model-active .list-item-image-mask .content-width-limit[data-v-923a19bc] { max-width: 70px } .c-style-modal .style-content__list-empty[data-v-923a19bc] { align-items: center; color: #dde2e9; display: flex; flex-direction: column; font-size: 20px; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .c-style-modal .style-content__list-empty .style-content__list-empty-icon[data-v-923a19bc] { height: 137px; width: 162px } .c-style-modal .list-item-image-wrapper[data-v-923a19bc] { height: 80%; position: relative; width: 100% } .c-style-modal .list-item-image-card-image[data-v-923a19bc] { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-style-modal .list-item-image-card-image .image-empty[data-v-923a19bc] { align-items: center; background-color: #595c69; color: #e4e8f0; display: flex; height: 100%; justify-content: center; width: 100% } .c-style-modal .list-item-image-card-image .el-image__inner[data-v-923a19bc] { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top } .c-style-modal .list-item-image-card-image .el-image__error[data-v-923a19bc], .c-style-modal .list-item-image-card-image .el-image__placeholder[data-v-923a19bc] { background-color: #1b1f2d } .c-style-modal .list-item-image-mask[data-v-923a19bc] { align-items: center; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; height: 38px; opacity: .86; padding: 5px; width: calc(100% - 8px) } .c-style-modal .list-item-image-mask .list-item-image-mask-item[data-v-923a19bc] { display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 145px } .c-style-modal .list-item-image-mask .list-item-image-mask-item__title[data-v-923a19bc] { color: #9ea3ad; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .c-style-modal .list-item-image-mask .list-item-image-mask-item__content[data-v-923a19bc] { color: #e4e8f0; flex-shrink: 0; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; max-width: 210px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c-style-modal .list-item-image-mask .content-width-limit[data-v-923a19bc] { max-width: 100px } .c-style-modal .list-item-image-mask .list-item-image-mask-row[data-v-923a19bc] { align-items: center; display: flex; justify-content: space-between; padding: 4px 0; position: relative; width: 100% } .c-style-modal .list-item-image-mask .list-item-image-mask-row .use[data-v-923a19bc] { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 4px; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 12px; font-weight: 500; height: 24px; justify-content: center; width: 64px } .c-style-modal .recommend-text[data-v-923a19bc] { align-items: center; display: flex; margin: 13px 0; width: 100% } .c-style-modal .recommend-text .recommend-text-line[data-v-923a19bc] { border: 1px dashed #777e91; box-sizing: border-box; flex: 1 0 auto } .c-style-modal .recommend-text .recommend-text-main[data-v-923a19bc] { color: #777e91; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin: 0 12px } .c-style-modal .show-more-item[data-v-923a19bc] { align-items: center; display: flex; justify-content: center; width: 100% } .c-style-modal .show-more-item .show-more-item-btn[data-v-923a19bc] { border: 2px solid #383c47; border-radius: 90px; box-sizing: border-box; cursor: pointer; padding: 12px 16px } .c-style-modal .show-more-item .show-more-item-btn-text[data-v-923a19bc] { color: #777e91; font-family: DM Sans-Bold, DM Sans; font-size: 14px; font-weight: 700 } .c-style-modal .show-more-item .show-more-item-btn-icon[data-v-923a19bc] { color: #777e91; font-size: 16px } .Screening[data-v-923a19bc], .el-dropdown-link[data-v-923a19bc] { align-items: center; display: flex } .el-dropdown-link[data-v-923a19bc] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-923a19bc] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-923a19bc] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-923a19bc] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-923a19bc] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-923a19bc] { font-size: 18px } .selectTime[data-v-923a19bc] { margin: 0 12px 0 0; min-width: 116px } .el-dropdown-item[data-v-923a19bc] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-923a19bc] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-923a19bc] { color: #6f767e; font-size: 14px } .el-dropdown-item-time[data-v-923a19bc] { width: 119px } [data-v-923a19bc] .custom-select .el-input__inner { background: #10151f; border-color: transparent; border-radius: 8px; color: #fff; height: 32px } [data-v-923a19bc] .custom-select { border: 1px solid #282c42 } [data-v-923a19bc] .el-input__icon { line-height: inherit } [data-v-923a19bc] .el-input__inner::-moz-placeholder { color: #80838c !important; font-family: PingFang SC !important; font-size: 14px !important; font-weight: 400 !important } [data-v-923a19bc] .el-input__inner::placeholder { color: #80838c !important; font-family: PingFang SC !important; font-size: 14px !important; font-weight: 400 !important } .showType[data-v-923a19bc] { height: 32px; width: 166px } .c-style-modal-sound[data-v-923a19bc] { background-color: #111522 !important; border: 1px solid #293045; border-radius: 16px !important; margin-top: 3vh !important; max-height: 900px; text-align: left !important } .c-style-modal-sound .el-dialog__header[data-v-923a19bc] { border: 1px solid hsla(0, 0%, 100%, .06); border-left: initial !important; border-right: initial !important; box-sizing: border-box !important; height: 60px } .c-style-modal-sound .el-dialog__title[data-v-923a19bc] { color: #fff; font-size: 16px } .c-style-modal-sound .el-dialog__body[data-v-923a19bc] { padding: 0 !important } .c-style-modal-sound .tab-active[data-v-923a19bc] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; color: #fff } .c-style-modal-sound .el-dropdown-sound .el-dropdown-link[data-v-923a19bc] { height: 32px } .c-style-modal-sound .style-content__header[data-v-923a19bc] { align-items: center; display: flex; height: 40px; justify-content: space-between; margin: 0 auto; width: 100% } .c-style-modal-sound .style-content__header-tabs-sound[data-v-923a19bc] { align-items: center; display: flex; gap: 10px } .c-style-modal-sound .style-content__header-tabs-item-sound[data-v-923a19bc] { border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 8px; color: #fff; cursor: pointer; font-family: Inter; font-size: 14px; font-weight: 400; line-height: 16px; padding: 10px 16px; transition: all .3s cubic-bezier(.645, .045, .355, 1) } .c-style-modal-sound .style-content__header-tabs-item-sound[data-v-923a19bc]:first-child { margin-left: 0 } .c-style-modal-sound .style-content__search-box-sound[data-v-923a19bc] { align-items: center; display: flex; justify-content: space-between; padding-top: 22px } .c-style-modal-sound .style-content__search-box-sound .flex-a-center[data-v-923a19bc] { align-items: center; display: flex } .c-style-modal-sound .style-content__search-box-sound .filterBox[data-v-923a19bc] { align-items: center; background: #10151f; border: 1px solid #282c42; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; height: 32px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .c-style-modal-sound .style-content__search-box-sound .filterBox div[data-v-923a19bc] { align-items: center; display: flex } .c-style-modal-sound .style-content__search-box-sound .filterBox div .iconfont[data-v-923a19bc], .c-style-modal-sound .style-content__search-box-sound .filterBox div .svg-icon[data-v-923a19bc] { color: #9d9da2; font-size: 14px; margin-right: 6px } .c-style-modal-sound .style-content__search-box-sound .filterBox div span[data-v-923a19bc] { color: #fff; font-size: 14px } .c-style-modal-sound .style-content__search-box-sound .filterBox i[data-v-923a19bc] { font-size: 16px } .c-style-modal-sound .style-content__search-box-sound .search-right[data-v-923a19bc] { align-items: center; display: flex; gap: 10px } .c-style-modal-sound .select-sound-active[data-v-923a19bc] { border: 2px solid #27b670 } .c-style-modal-sound .style-content__search-input-sound[data-v-923a19bc] { background: hsla(0, 0%, 100%, .04); border-radius: 8px; width: 276px } .c-style-modal-sound .style-content__search-input-sound[data-v-923a19bc] .el-input__inner { background: hsla(0, 0%, 100%, .04); border-color: transparent; color: #fff; font-weight: 400; height: 32px; line-height: 32px; padding-left: 37px } .c-style-modal-sound .style-content__search-input-sound[data-v-923a19bc] .el-input__prefix { align-items: center; display: flex; justify-content: center; margin-left: 5px } .c-style-modal-sound .style-content__search-input-sound .search-icon-sound[data-v-923a19bc] { color: #747781; font-size: 24px } .c-style-modal-sound .style-content__list-wrapper-no-margin[data-v-923a19bc] { grid-template-rows:30px auto } .c-style-modal-sound .style-content__list-empty[data-v-923a19bc] { align-items: center; color: #dde2e9; display: flex; flex-direction: column; font-size: 20px; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .c-style-modal-sound .style-content__list-empty .style-content__list-empty-icon[data-v-923a19bc] { height: 137px; width: 162px } .c-style-modal-sound .recommend-text[data-v-923a19bc] { align-items: center; display: flex; margin: 13px 0; width: 100% } .c-style-modal-sound .recommend-text .recommend-text-line[data-v-923a19bc] { border: 1px dashed #777e91; box-sizing: border-box; flex: 1 0 auto } .c-style-modal-sound .recommend-text .recommend-text-main[data-v-923a19bc] { color: #777e91; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin: 0 12px } .c-style-modal-sound .show-more-item[data-v-923a19bc] { align-items: center; display: flex; justify-content: center; width: 100% } .c-style-modal-sound .show-more-item .show-more-item-btn[data-v-923a19bc] { border: 2px solid #383c47; border-radius: 90px; box-sizing: border-box; cursor: pointer; padding: 12px 16px } .c-style-modal-sound .show-more-item .show-more-item-btn-text[data-v-923a19bc] { color: #777e91; font-family: DM Sans-Bold, DM Sans; font-size: 14px; font-weight: 700 } .c-style-modal-sound .show-more-item .show-more-item-btn-icon[data-v-923a19bc] { color: #777e91; font-size: 16px } .c-style-modal-sound .style-content__list-wrapper-sound[data-v-923a19bc] { grid-gap: 16px !important; display: grid; grid-template-columns:repeat(5, 1fr); margin-top: 16px !important; max-height: 600px; min-height: 600px; overflow-x: hidden; overflow-y: auto; position: relative } .c-style-modal-sound .style-content-wrapper-sound[data-v-923a19bc] { background: #111522; display: flex; flex-direction: column; height: 100%; min-width: 824px; padding: 0 30px 20px } .audio-player-fcc[data-v-5dc86030] { align-items: center; background: rgba(0, 0, 0, .7); border-radius: 10px 10px 10px 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 42px; margin-bottom: 10px; min-width: 86px; padding: 12px 16px; width: -moz-fit-content; width: fit-content } .audio-player-fcc .el-icon-loading[data-v-5dc86030] { color: #fff; font-size: 20px } .audio-player-fcc .icon-container[data-v-5dc86030] { align-items: center; display: flex; position: relative } .audio-player-fcc .icon-container .custom-play-btn[data-v-5dc86030] { background: #fff; border-radius: 20px; display: inline-block; height: 20px; position: relative; visibility: visible; width: 20px } .audio-player-fcc .icon-container .custom-play-btn[data-v-5dc86030]:after { border-bottom: 6px solid transparent; border-left: 8px solid #000; border-top: 6px solid transparent; content: ""; display: inline-block; height: 0; left: 55%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 0 } .audio-player-fcc .icon-container .line-scale-audio-hide[data-v-5dc86030] { visibility: hidden } .audio-player-fcc .icon-container .mill[data-v-5dc86030] { align-items: flex-start; color: #fff; display: flex; font-family: Inter; font-size: 14px; font-weight: 700; line-height: 20px } .audio-player-fcc .icon-container .line-scale-audio[data-v-5dc86030] { align-items: center; display: flex; left: 0; min-width: 20px; padding-top: 0; position: absolute; top: 50%; transform: translateY(-50%); visibility: hidden } .audio-player-fcc .icon-container .line-scale-audio-active[data-v-5dc86030] { visibility: visible } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:first-child { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1.2s infinite } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:nth-child(2) { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1.3s infinite } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:nth-child(3) { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1s infinite } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:nth-child(4) { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1.1s infinite } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:nth-child(5) { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1.2s infinite } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:nth-child(6) { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1.3s infinite } .audio-player-fcc .icon-container .line-scale-audio > div[data-v-5dc86030]:nth-child(7) { animation: line-scale-5dc86030 1s cubic-bezier(.2, .68, .18, 1.08) 1.4s infinite } .audio-player-fcc .icon-container[data-v-5dc86030] .line-scale-audio > div { animation-fill-mode: both; background-color: #fff; border-radius: 1px; height: 17px; margin: 0 1px; width: 1px } @keyframes line-scale-5dc86030 { 0% { transform: scaley(1) } 50% { transform: scaley(.4) } to { transform: scaley(1) } } .msg-item[data-v-262edfb7] { align-items: flex-end; display: flex; gap: 10px; position: relative } .msg-item-cost[data-v-262edfb7] { align-items: center; color: #fff; display: none; font-size: 12px; left: 45px; min-width: 100px; position: absolute; top: -22px } .msg-item-cost img[data-v-262edfb7] { width: 20px } .msg-item-cost-right[data-v-262edfb7] { left: auto; right: 20px } .msg-item.my-msg[data-v-262edfb7] { flex-flow: row-reverse } .msg-item.my-msg .msg-body[data-v-262edfb7] { background: hsla(0, 0%, 100%, .7) } .msg-item.my-msg .msg-body .sender-name[data-v-262edfb7] { color: rgba(0, 0, 0, .5) } .msg-item.my-msg .msg-body .msg-content[data-v-262edfb7], .msg-item.my-msg .msg-body .msg-textarea[data-v-262edfb7] .el-textarea__inner { color: #000 } .msg-item .msg-sender[data-v-262edfb7] { background-color: #ced3dd; background-repeat: no-repeat; background-size: cover; border-radius: 50%; flex-shrink: 0; font-size: 12px; height: 30px; line-height: 30px; text-align: center; width: 30px } .msg-item .msg-sender.sender-name[data-v-262edfb7]:before { display: inline-block } .msg-item .msg-sender[data-v-262edfb7]:before { content: attr(data-sender); display: none } .msg-item.edit-item .msg-body[data-v-262edfb7] { border: 1px solid #409eff } .msg-item.edit-item .msg-handle[data-v-262edfb7] { display: inline-block !important } .msg-item .msg-body[data-v-262edfb7] { background: rgba(0, 0, 0, .7); border-radius: 10px; box-sizing: border-box; padding: 10px 30px 10px 15px; position: relative; width: 100% } .msg-item .msg-body:hover .handle-icon[data-v-262edfb7] { display: flex !important; flex-flow: column; gap: 5px } .msg-item .msg-body .msg-textarea[data-v-262edfb7] .el-textarea__inner { background-color: transparent; border: 0; color: #fff; padding: 0; resize: none } .msg-item .msg-body .sender-name[data-v-262edfb7] { color: hsla(0, 0%, 100%, .5); font-size: 12px; margin-bottom: 5px } .msg-item .msg-body .handle-icon[data-v-262edfb7] { color: #858ea0; display: none; position: absolute; right: 10px; top: 5px } .msg-item .msg-body .handle-icon i[data-v-262edfb7], .msg-item .msg-body .translate[data-v-262edfb7] { cursor: pointer } .msg-item .msg-body .msg-content[data-v-262edfb7] { color: #fff; line-height: 26px; word-break: break-word } .msg-item .msg-body .msg-content[data-v-262edfb7] em, .msg-item .msg-body .msg-content[data-v-262edfb7] i { color: #919191 } .msg-item .msg-body .msg-content[data-v-262edfb7] q { color: #e18a24 } .msg-item .msg-body .msg-content[data-v-262edfb7] font[color] em, .msg-item .msg-body .msg-content[data-v-262edfb7] font[color] i, .msg-item .msg-body .msg-content[data-v-262edfb7] font[color] q { color: inherit } .msg-item .msg-body .msg-content[data-v-262edfb7] code, .msg-item .msg-body .msg-content[data-v-262edfb7] pre code { background: #000; border-radius: 5px; display: block; overflow-x: auto; padding: 5px } .msg-item .msg-body .msg-content[data-v-262edfb7] h1, .msg-item .msg-body .msg-content[data-v-262edfb7] h2, .msg-item .msg-body .msg-content[data-v-262edfb7] strong, .msg-item .msg-body .msg-content[data-v-262edfb7] strong em { font-weight: 700 } .msg-item .msg-body .msg-content[data-v-262edfb7] rp { display: block } .msg-item .msg-body .msg-content[data-v-262edfb7] blockquote { background-color: rgba(0, 0, 0, .3); border-left: 3px solid #e18a24; margin: 0; padding-left: 10px } .msg-item .msg-body .msg-content[data-v-262edfb7] table { border-collapse: collapse; border-spacing: 0 } .msg-item .msg-body .msg-content[data-v-262edfb7] td, .msg-item .msg-body .msg-content[data-v-262edfb7] th { border: 1px solid; border-collapse: collapse; padding: .25em } .msg-item .msg-handle[data-v-262edfb7] { color: #fff; display: none } .msg-item .msg-handle i[data-v-262edfb7] { cursor: pointer; font-size: 20px } .msg-item .msg-handle i.el-icon-success[data-v-262edfb7] { color: #409eff } .msg-item .msg-handle i[data-v-262edfb7]:hover { transform: scale(1.2) } .msg-item:hover .msg-handle[data-v-262edfb7] { display: block } .msg-item:hover .msg-item-cost[data-v-262edfb7] { display: flex } .msg-item .msg-body-box[data-v-262edfb7] { display: flex; flex-direction: column; max-width: 70%; min-width: 120px } .aichat-msg[data-v-9e492816] { height: calc(100% - 60px); -webkit-mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .013) .81%, rgba(0, 0, 0, .049) 1.55%, rgba(0, 0, 0, .104) 2.25%, rgba(0, 0, 0, .175) 2.9%, rgba(0, 0, 0, .259) 3.53%, rgba(0, 0, 0, .352) 4.12%, rgba(0, 0, 0, .45) 4.71%, rgba(0, 0, 0, .55) 5.29%, rgba(0, 0, 0, .648) 5.88%, rgba(0, 0, 0, .741) 6.47%, rgba(0, 0, 0, .825) 7.1%, rgba(0, 0, 0, .896) 7.75%, rgba(0, 0, 0, .951) 8.45%, rgba(0, 0, 0, .987) 9.19%, #000 10%); mask-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .013) .81%, rgba(0, 0, 0, .049) 1.55%, rgba(0, 0, 0, .104) 2.25%, rgba(0, 0, 0, .175) 2.9%, rgba(0, 0, 0, .259) 3.53%, rgba(0, 0, 0, .352) 4.12%, rgba(0, 0, 0, .45) 4.71%, rgba(0, 0, 0, .55) 5.29%, rgba(0, 0, 0, .648) 5.88%, rgba(0, 0, 0, .741) 6.47%, rgba(0, 0, 0, .825) 7.1%, rgba(0, 0, 0, .896) 7.75%, rgba(0, 0, 0, .951) 8.45%, rgba(0, 0, 0, .987) 9.19%, #000 10%) } .aichat-msg .scroll-body[data-v-9e492816] { box-sizing: border-box; height: 100%; padding-bottom: 20px } .aichat-msg .msg-list[data-v-9e492816] { bottom: 0; display: flex; flex-direction: column-reverse; gap: 30px; height: 100%; overflow-y: scroll; position: relative; transition: all .3s ease-in-out } .aichat-msg .msg-list .line-scale[data-v-9e492816] { padding-top: 20px; text-align: center } .aichat-body[data-v-60ff7108] { box-sizing: border-box; display: flex; flex-flow: column; gap: 20px; height: 100%; justify-content: flex-end; padding-bottom: 40px; width: 50%; z-index: 3 } .aichat-body .aichat-input[data-v-60ff7108] { color: #fff; gap: 10px; position: relative; z-index: 1 } .aichat-body .aichat-input .set-layout > i[data-v-60ff7108] { cursor: pointer; font-size: 24px } .aichat-body .aichat-input .set-layout > i.active[data-v-60ff7108] { -webkit-text-fill-color: transparent; background: linear-gradient(81deg, #3f8fff, #21feff); -webkit-background-clip: text } .aichat-body .aichat-input .set-layout .layout-popup[data-v-60ff7108] { background: rgba(0, 0, 0, .8); border: 1px solid rgba(237, 242, 247, .5); border-radius: 15px; bottom: 120%; left: 0; padding: 10px 15px; position: absolute } .aichat-body .aichat-input .set-layout .layout-popup p[data-v-60ff7108] { color: #cfcfcf; font-size: 14px; margin-bottom: 5px } .aichat-body .aichat-input .set-layout .layout-popup .set-list[data-v-60ff7108] { border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 18px; display: flex; height: 36px; overflow: hidden; text-align: center; width: 180px } .aichat-body .aichat-input .set-layout .layout-popup .set-list.center i[data-v-60ff7108]:nth-child(2) { border-radius: 18px } .aichat-body .aichat-input .set-layout .layout-popup .set-list.center i[data-v-60ff7108]:nth-child(2), .aichat-body .aichat-input .set-layout .layout-popup .set-list.left i[data-v-60ff7108]:first-child, .aichat-body .aichat-input .set-layout .layout-popup .set-list.right i[data-v-60ff7108]:nth-child(3) { background: linear-gradient(81deg, #3f8fff, #21feff) } .aichat-body .aichat-input .set-layout .layout-popup .set-list i[data-v-60ff7108] { cursor: pointer; font-size: 20px; line-height: 36px; width: 32% } .aichat-body .aichat-input .set-layout .layout-popup .set-list i[data-v-60ff7108]:nth-child(2) { width: 36% } .aichat-body .aichat-input .set-layout .new-chat-btn[data-v-60ff7108] { font-size: 21px } .aichat-body .aichat-input .input-panel[data-v-60ff7108] { background: #000; border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 23px; box-sizing: border-box; flex: 1; gap: 10px; padding: 5px 13px 5px 10px; position: relative } .aichat-body .aichat-input .input-panel.max-input[data-v-60ff7108] { border-color: #ff3b3b } .aichat-body .aichat-input .input-panel.max-input[data-v-60ff7108]:after { color: #ff3b3b } .aichat-body .aichat-input .input-panel[data-v-60ff7108]:after { bottom: -20px; color: #fff; content: attr(data-length); font-size: 12px; position: absolute; right: 0 } .aichat-body .aichat-input .input-panel i[data-v-60ff7108] { color: #fff; cursor: pointer; font-size: 22px } .aichat-body .aichat-input .input-panel i.disabled[data-v-60ff7108] { color: #4d4d4d } .aichat-body .aichat-input .input-panel[data-v-60ff7108] .el-textarea textarea { background: #000; border: 0; color: #fff; height: 31px; resize: none } .aichat-body .aichat-input .input-panel[data-v-60ff7108] .el-textarea textarea::-webkit-scrollbar { height: 0; width: 0 } .aichat-figure[data-v-bee0a2c0] { bottom: -100px !important; height: 100%; opacity: 0; transition: all .2s ease-out; width: 50% } .aichat-figure.image-load[data-v-bee0a2c0] { bottom: 0 !important; opacity: 1 } .aichat-figure img[data-v-bee0a2c0] { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; vertical-align: middle; width: auto } .aichat-head[data-v-6df70024] { display: flex; justify-content: space-between; left: 0; padding: 20px 0; position: absolute; right: 0; top: 0; z-index: 15 } .aichat-head a[data-v-6df70024] { -webkit-text-decoration: none; text-decoration: none } .aichat-head .logo[data-v-6df70024] { gap: 10px } .aichat-head .logo img[data-v-6df70024] { width: 40px } .aichat-head .logo p[data-v-6df70024] { -webkit-text-fill-color: transparent; background: linear-gradient(99deg, #3271cc, #0fffff); -webkit-background-clip: text; font-size: 24px; font-weight: 700 } .aichat-head .info[data-v-6df70024] { gap: 10px } .aichat-head .info .voice-status[data-v-6df70024] { align-items: center; background: rgba(0, 0, 0, .2); border: 1px solid #b465da; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; gap: 10px; height: 40px; padding: 0 12px } .aichat-head .info .voice-status .el-icon-arrow-right[data-v-6df70024] { color: #fff } .aichat-head .info .voice-status .tip[data-v-6df70024] { color: #fff; font-family: Inter; font-size: 14px; font-weight: 500; text-align: center } .aichat-head .info .voice-status .voice-icon[data-v-6df70024] { align-items: center; background: #fff; border-radius: 50%; box-sizing: border-box; display: flex; height: 22px; justify-content: center; width: 22px } .aichat-head .info .voice-status .voice-icon > .iconfont[data-v-6df70024] { color: #ff227c } .aichat-head .info .info-item[data-v-6df70024] { cursor: pointer; transition: all .3s ease } .aichat-head .info .info-item.asset-item[data-v-6df70024] { background: rgba(63, 66, 74, .6); border-radius: 10px; gap: 5px; height: 40px; padding: 0 10px; position: relative } .aichat-head .info .info-item.handle-item[data-v-6df70024] { position: relative } .aichat-head .info .info-item.handle-item .handle-icon[data-v-6df70024] { background: #000; border-radius: 50%; color: #d9d9d9; display: inline-block; font-size: 20px; height: 40px; line-height: 28px; text-align: center; width: 40px } .aichat-head .info .info-item.handle-item .handle-icon[data-v-6df70024]:hover { color: #fff; font-size: 26px; line-height: 24px } .aichat-head .info .info-item.vip-item[data-v-6df70024] { margin: 0 5px } .aichat-head .info .info-item .handle-menu[data-v-6df70024] { height: 0; overflow: visible; position: absolute; right: 0; top: 40px; transition: all .3s ease; z-index: 5 } .aichat-head .info .info-item .handle-menu .menu-list[data-v-6df70024] { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, .5); border-radius: 10px; color: #fff; margin-top: 10px; padding: 10px 15px; width: 300px } .aichat-head .info .info-item .handle-menu .menu-list .menu-item[data-v-6df70024] { height: 40px; padding: 0 10px } .aichat-head .info .info-item .handle-menu .menu-list .menu-item .el-tooltip[data-v-6df70024] { color: #fff } .aichat-head .info .info-item .handle-menu .menu-list .menu-item > div[data-v-6df70024] { align-items: center; display: flex; gap: 10px } .aichat-head .info .info-item .handle-menu .menu-list .menu-item > div[data-v-6df70024]:first-child { flex: 1 } .aichat-head .info .info-item .handle-menu .menu-list .menu-item i[data-v-6df70024] { font-size: 24px } .aichat-head .info .info-item .handle-menu .menu-list .menu-item[data-v-6df70024]:hover { background-color: rgba(75, 78, 87, .6); border-radius: 10px } .aichat-head .info .info-item .handle-menu .menu-list .last-menu-item[data-v-6df70024] { border-top: 1px solid hsla(0, 0%, 100%, .1); color: #dc2626; margin-top: 5px } .aichat-head .info .info-item .handle-menu .menu-list .last-menu-item[data-v-6df70024]:hover { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border-radius: 0 } .aichat-head .info .info-item .handle-menu-mode .menu-list[data-v-6df70024] { width: 268px } .aichat-head .info .info-item .handle-menu-mode .menu-list .icon-gou[data-v-6df70024] { font-size: 16px } .aichat-head .info .info-item .handle-menu-mode .menu-list .el-icon-info-black[data-v-6df70024] { color: #c0d0f1 !important } .aichat-head .info .info-item .handle-menu-mode .menu-list .menu-item-active[data-v-6df70024] { background-color: rgba(75, 78, 87, .6); border-radius: 10px } .aichat-head .info .info-item .handle-menu-mode .menu-list .new-img[data-v-6df70024] { background-color: #ca3d35; border-radius: 10px; color: #fff; font-size: 12px; padding: 2px 4px } .aichat-head .info .info-item .mode-item[data-v-6df70024] { display: inline-block; height: 40px; line-height: 40px; padding: 0 10px } .aichat-head .info .info-item .el-icon-arrow-down[data-v-6df70024] { color: #fff } .aichat-head .info .info-item .icon-active[data-v-6df70024] { transform: rotate(180deg) } .aichat-head .info .info-item > img[data-v-6df70024] { width: 24px } .aichat-head .info .info-item > span[data-v-6df70024] { color: #c6c6ce; font-size: 14px } .aichat-head .info .info-item:hover > img[data-v-6df70024] { transform: scale(1.2) } .dark-select[data-v-6df70024] input::-webkit-input-placeholder { color: hsla(0, 0%, 100%, .5) } .dark-select[data-v-6df70024] input::-moz-input-placeholder { color: hsla(0, 0%, 100%, .5) } .dark-select[data-v-6df70024] input::-ms-input-placeholder { color: hsla(0, 0%, 100%, .5) } .dark-select[data-v-6df70024] .el-input, .dark-select[data-v-6df70024] .el-input__inner, .dark-select[data-v-6df70024] .el-select { background-color: hsla(0, 0%, 100%, .06); border: none; border-radius: 4px; color: hsla(0, 0%, 100%, .5); text-align: left } .dark-select[data-v-6df70024] .el-input__inner:hover { background-color: hsla(0, 0%, 100%, .12) } .dark-select[data-v-6df70024] .el-select .el-input .el-select__caret { color: hsla(0, 0%, 100%, .5) } .dark-select[data-v-6df70024] .el-scrollbar__wrap { margin-bottom: -16px !important } .dark-select[data-v-6df70024] .el-popper[x-placement^=bottom] .popper__arrow:after { border-bottom-color: rgba(43, 45, 55, .8); z-index: 9999 } .dark-select[data-v-6df70024] .popper__arrow { border: none } .dark-select[data-v-6df70024] .el-select-dropdown { background: rgba(43, 45, 55, .8) !important; border: none !important; z-index: 9999 } .dark-select[data-v-6df70024] .el-select-dropdown__item { color: hsla(0, 0%, 100%, .5) !important; z-index: 9999 } .dark-select[data-v-6df70024] .el-select-dropdown__item.selected span { color: hsla(0, 0%, 100%, .8) !important; z-index: 9999 } .dark-select[data-v-6df70024] .el-select-dropdown__item.hover { background-color: hsla(0, 0%, 100%, .06); color: hsla(0, 0%, 100%, .8) !important; z-index: 9999 } .dark-select[data-v-6df70024] .el-scrollbar__bar.is-vertical { top: 2px; width: 10px } .dark-select[data-v-6df70024] .el-select-dropdown__wrap { max-height: 200px } .c-workflow-version-info-modal .el-dialog { background: #24262a; border-radius: 20px; display: flex; flex-direction: column; height: 618px } .c-workflow-version-info-modal .el-dialog__title { color: #efefef; font-family: Inter; font-size: 16px; font-weight: 400 } .c-workflow-version-info-modal .el-dialog__body { display: flex; flex: 1; flex-direction: column; overflow: hidden; padding: 0 } .c-workflow-version-info-modal .version-info-title { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0 20px } .c-workflow-version-info-modal .version-info-title .version-info-title-text { color: hsla(0, 0%, 100%, .5); font-family: Inter; font-size: 14px; font-weight: 400; text-align: left } .c-workflow-version-info-modal .version-info-title .version-info-title-icon { color: hsla(0, 0%, 100%, .5); cursor: pointer; font-size: 16px } .c-workflow-version-info-modal .version-info-node-info { box-sizing: border-box; display: flex; flex: 1; flex-direction: column; margin-top: 8px; overflow-x: hidden; overflow-y: auto; padding: 0 20px 20px } .c-workflow-version-info-modal .version-info-node-info::-webkit-scrollbar { width: 4px } .c-workflow-version-info-modal .version-info-node-info .el-collapse { border: none } .c-workflow-version-info-modal .version-info-node-info .version-info-node-info-item .el-collapse-item__header, .c-workflow-version-info-modal .version-info-node-info .version-info-node-info-item .el-collapse-item__wrap { background-color: transparent; border: none; color: #fff } .c-workflow-version-info-modal .version-info-node-info .version-info-node-info-item .el-collapse-item__content { color: hsla(0, 0%, 100%, .8); display: flex; flex-wrap: wrap; gap: 8px } .c-workflow-version-info-modal .version-info-node-info .version-info-node-info-item .child-node-item { background: rgba(234, 236, 244, .2); border-radius: 8px; color: hsla(0, 0%, 100%, .8); font-family: Inter; font-size: 14px; font-weight: 400; padding: 4px 8px } .c-workflow-version-info-modal .v-modal { display: none } .c-work-flow-header[data-v-01f30148] { align-items: center; background-color: #06060d; box-sizing: border-box; display: flex; height: 64px; justify-content: space-between; left: 0; padding: 0 20px; position: fixed; right: 0; top: 0; width: 100%; z-index: 1001 } .c-work-flow-header .work-flow-header-item[data-v-01f30148] { align-items: center; display: flex; flex: 1 1 0 } .c-work-flow-header .work-flow-header-item-left[data-v-01f30148] { align-items: center; display: flex; flex: 1 1 0; gap: 12px } .c-work-flow-header .work-flow-header-item-left .back-preview-btn[data-v-01f30148] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 40px } .c-work-flow-header .work-flow-header-item-left .back-preview-btn[data-v-01f30148]:hover { background-color: #3b3b3b } .c-work-flow-header .work-flow-header-item-left .back-preview-btn i[data-v-01f30148] { color: hsla(0, 0%, 100%, .85); font-size: 16px } .c-work-flow-header .work-flow-header-item-left .header-item-left-box[data-v-01f30148] { align-items: center; display: flex; flex: 1 1 0; gap: 12px } .c-work-flow-header .header-btn[data-v-01f30148] { align-items: center; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; justify-content: center; padding: 0 16px; position: relative } .c-work-flow-header .header-btn .header-btn-inner[data-v-01f30148] { align-items: center; color: hsla(0, 0%, 100%, .85); display: flex; font-size: 14px } .c-work-flow-header .header-btn .header-btn-icon[data-v-01f30148] { color: hsla(0, 0%, 100%, .85); font-size: 16px; margin-right: 8px } .c-work-flow-header .header-btn .header-btn-badge[data-v-01f30148] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAmCAYAAACYsfiPAAAAAXNSR0IArs4c6QAAAjZJREFUaEPlmFFu2kAQhmd2a57pCRqrJopkP8ANwg2aE1Q+QeAENSdoOEHJCUpPUB8BKfESNUT4BvVDwkMi76RrQUSIY2xUCbO7j2a0nm/+n/HsIlRYtycnp8j5FyD6BIhtQGwCUbPCFv87NJREl1ajEdqTSVxmc9wWNG+3m/Lx8ZwY6+0ZrjBVJApYo3G5DbwQ+M7zzgkgqDPoRhViYKzvXF2N36tOLvC83T5Kn55+AMDpNgfU8Xel9mchBnm5vQFewv4GgKM6wpTNiQAuWlHU34x/BawL7AoyD/oV8Mx154eu7KaiJGW/NZ1erJ6/AN953jciCspa5oDiEm5ZnVX3zoCXVlbq6rpCJ4q6Ci4D/uO6IwbwVVdaxSWJOsdCTNAAdTMdiWjQEiLAW9ftIcB3ndVdssVOFNk4c131zT3IAaOqSDxNM+C/ALDPA0DVvHeOTxk7U8D/xmUzliTyjQJWQ4hRwMYpbNx/mBC7RlmaW9ZHk4CzedoYYNWwjoUYGQOspiz75iY2BXjoRFEvOx5qP2kRxXyx6NhxnJgAnPA07Sgrv1zxaK0wke8IMVo/Kehq6YQTdW0hJm+uaTVUOORp6q/bWFeFQ0IctK6vw6LD7qFbWjWjX4Q43gZatWkN1aZ1uSb4IGUCi0W8+tRUyatYYaKYGPPLVq/Ki/cVWwQ85A8PwS5V3BdMmffmASeEeKaTqu93acQxv7/3dVM1DzgBKX1nOq1NYypjz11icOZ5P3VXdb0wzwXeIQZfi4I6AAAAAElFTkSuQmCC) no-repeat; background-position: 50%; background-size: contain; color: #fff; display: flex; font-size: 10px; height: 19px; justify-content: center; line-height: 1.5; position: absolute; right: -15px; top: 3px; width: 29px; z-index: 3 } .c-work-flow-header .header-btn[data-v-01f30148]:hover { background-color: #3b3b3b } .c-work-flow-header .header-btn-gradient[data-v-01f30148] { background: linear-gradient(81deg, #3f8fff, #21feff); box-sizing: border-box; color: #fefefe; font-family: Inter; font-size: 14px; font-weight: 500 } .c-work-flow-header .work-flow-header-item-title[data-v-01f30148] { align-items: center; display: flex; justify-content: center } .c-work-flow-header .work-flow-header-item-title .header-item-title-btn[data-v-01f30148] { align-items: center; border-radius: 10px; cursor: pointer; display: flex; height: 40px; justify-content: center; padding: 0 14px } .c-work-flow-header .work-flow-header-item-title .header-item-title-btn[data-v-01f30148]:hover { background-color: #3b3b3b } .c-work-flow-header .work-flow-header-item-title .header-item-title-btn-content[data-v-01f30148] { align-items: center; color: hsla(0, 0%, 100%, .85); display: flex; flex-wrap: nowrap; font-size: 14px; min-width: 0 } .c-work-flow-header .work-flow-header-item-title .header-item-title-btn-icon[data-v-01f30148] { color: hsla(0, 0%, 100%, .85); font-size: 16px; margin-left: 6px } .c-work-flow-header .work-flow-header-item-right[data-v-01f30148] { align-items: center; display: flex; flex: 1 1 0; gap: 8px; justify-content: flex-end } .c-work-flow-header .work-flow-header-item-right .header-btn[data-v-01f30148] { background-color: #3b3b3b } .work-flow-header-create-popup-wrap { align-items: center; background: #24262a !important; border: 1px solid #35383c !important; border-radius: 6px !important; box-sizing: border-box !important; display: flex; justify-content: center; padding: 8px !important } .work-flow-header-create-popup-wrap .work-flow-header-create-popup { width: 100% } .work-flow-header-create-popup-wrap .work-flow-header-create-popup-item { align-items: center; border-radius: 4px !important; color: #c0c0c3; cursor: pointer; display: flex; flex: 1; font-family: PingFang SC; font-size: 13px; font-weight: 400; line-height: 13px; padding: 10px 12px; text-align: left } .work-flow-header-create-popup-wrap .work-flow-header-create-popup-item:hover { background: #2f3238 !important } .work-flow-header-title-popup-wrap { align-items: center; background-color: #000 !important; border: 1px solid #409eff !important; border-radius: 4px; box-sizing: border-box; display: flex; justify-content: center } .work-flow-header-title-popup-wrap .work-flow-header-title-wrap .el-input__inner { background-color: #000 !important; border-color: transparent !important } .c-history-img[data-v-0fd78960] { display: inline-flex; position: relative } .c-history-img .attachments-wrap[data-v-0fd78960] { border-radius: 8px; display: inline-block; max-width: 100%; overflow: hidden; width: -moz-fit-content; width: fit-content } .c-history-img .message-attachment-media[data-v-0fd78960] { align-items: flex-start; border-radius: 2px; display: flex; flex-flow: row nowrap; height: 100%; max-height: inherit; max-width: 100%; overflow: hidden; position: relative } .c-history-img .message-attachment-media-hover:hover .image-hover-mask[data-v-0fd78960], .c-history-img .message-attachment-media:hover .image-hover-mask[data-v-0fd78960] { display: flex; opacity: 1; transition: opacity .3s ease-in-out } .c-history-img .image-content[data-v-0fd78960] { flex: auto; flex-flow: column nowrap; height: 100%; position: relative; width: 100% } .c-history-img .image-content-wrap[data-v-0fd78960] { display: block; height: 100%; margin: auto; max-height: inherit; position: relative } .c-history-img .image-content-wrap .nsfw-flag[data-v-0fd78960] { align-items: center; background: rgba(0, 0, 0, .3); border-radius: 8px; color: #fff; display: inline-flex; font-family: PingFang SC; font-size: 12px; font-weight: 600; justify-content: center; left: 8px; letter-spacing: .6px; padding: 4px 6px; position: absolute; top: 8px } .c-history-img .image-content-wrap .image-render-box[data-v-0fd78960] { height: 100%; width: 100% } .c-history-img .image-load-error[data-v-0fd78960] { align-items: center; bottom: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100% } .c-history-img .image-load-error .image-load-error-icon[data-v-0fd78960] { color: #39465b; font-size: 70px; height: 70px; width: 70px } .c-history-img .image-load-error .image-load-error-text[data-v-0fd78960] { background: #2f2f2f; border-radius: 6px; color: #1790ff; cursor: pointer; font-family: Inter-Regular, Inter; font-size: 12px; font-weight: 400; padding: 6px 8px } .c-history-img .image-content-wrap-background[data-v-0fd78960] { background: linear-gradient(46deg, #566085, #6c77af, #c286b6 34%, #f1acbf 62%, #ffe0ca) } .c-history-img .blurBackground[data-v-0fd78960] { filter: blur(19px) saturate(160%) } .c-history-img .image-opacity-0[data-v-0fd78960] { opacity: 0 !important; transition: opacity .3s ease-in-out } .c-history-img .media-attachments-img[data-v-0fd78960] { display: block; max-width: 100%; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0 } .c-history-img .media-attachments-img.blur[data-v-0fd78960] { filter: blur(40px) } .c-history-img .media-attachments-img-show[data-v-0fd78960] { opacity: 1; transition: opacity .3s ease-in-out } .c-history-img .media-attachments-img-nsfw[data-v-0fd78960] { -o-object-fit: fill; object-fit: fill } .c-history-img .generate-view-nsfw-plus[data-v-0fd78960] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 100%; color: #fff; cursor: pointer; display: flex; font-size: 18px; height: 32px; justify-content: center; position: absolute; right: 10px; top: 6px; width: 32px; z-index: 2 } .c-history-img .image-hover-mask[data-v-0fd78960] { align-content: flex-end; background: linear-gradient(180deg, transparent, #000); bottom: 0; cursor: pointer; display: none; flex-wrap: wrap; height: 100%; justify-content: center; left: 0; max-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s ease-in-out; width: 100% } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top[data-v-0fd78960] { align-items: center; display: flex; justify-content: center; margin-bottom: 16px; width: 100% } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-0fd78960] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-0fd78960]:hover { color: #1e80ff } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn-icon[data-v-0fd78960] { font-size: 18px } .c-history-img .image-hover-mask .image-hover-mask-btn-box-bottom[data-v-0fd78960] { display: flex; flex-direction: column; width: 100% } .c-history-img .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item[data-v-0fd78960] { align-items: center; display: flex; justify-content: space-around; margin-bottom: 16px; width: 100% } .c-history-img .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-0fd78960] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-history-img .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-0fd78960]:hover { color: #1e80ff } .c-history-img .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn-icon[data-v-0fd78960] { font-size: 18px } .c-history-img .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item-top[data-v-0fd78960] { margin-bottom: 25px } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top[data-v-0fd78960] { margin: 10px 10px 0 } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top .delete[data-v-0fd78960] { flex: 1; text-align: right } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top .delete .svg-icon[data-v-0fd78960] { color: #fff } .c-history-img .image-hover-mask .image-hover-mask-btn-box-top .delete.nsfw-icon[data-v-0fd78960] { box-sizing: border-box; padding-right: 35px } .c-history-img .image-hover-mask .image-hover-mask-btn-box[data-v-0fd78960] { align-items: flex-end; display: flex; justify-content: center; margin-bottom: 11px; width: 100% } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-item[data-v-0fd78960] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 100px; display: flex; flex-direction: column; height: 73px; justify-content: center; width: 40px } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-item .line-item[data-v-0fd78960] { background: #818489; display: flex; height: 1px; width: 80% } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-0fd78960] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 35px; justify-content: center; width: 40px } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-0fd78960]:hover { color: #1e80ff } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn .image-hover-mask-btn-icon[data-v-0fd78960] { font-size: 16px } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-0fd78960] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 4px; width: 40px } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-0fd78960]:hover { color: #1e80ff } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single .image-hover-mask-btn-icon[data-v-0fd78960] { font-size: 16px } .c-history-img .image-hover-mask .image-hover-mask-btn-box .image-hover-item + .image-hover-item[data-v-0fd78960] { margin-left: 8px } .c-history-img .image-post-check-mask[data-v-0fd78960] { align-items: flex-end; bottom: 0; cursor: pointer; display: flex; height: 100%; justify-content: center; left: 0; max-width: 100%; position: absolute; right: 0; top: 0; width: 100% } .c-history-img .image-post-check-mask .image-post-check-box[data-v-0fd78960] { left: 10px; position: absolute; top: 10px; transform: scale(1.1) } .c-history-img .image-post-check-mask-hover[data-v-0fd78960] { background: rgba(0, 0, 0, .6); color: #fff } .c-history-img .image-post-check-mask-hover[data-v-0fd78960], .c-history-img .loading-wrapper-inner[data-v-0fd78960] { align-items: center; bottom: 0; display: flex; height: 100%; justify-content: center; left: 0; max-width: 100%; position: absolute; right: 0; top: 0; width: 100% } .c-history-img .loading-wrapper-inner[data-v-0fd78960] { background-color: rgba(0, 0, 0, .05) } .c-history-img .img-loading[data-v-0fd78960] { background-color: #f5f5f5 } .c-history-img .img-loading-indicator[data-v-0fd78960] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .c-history-img .img-loaded img[data-v-0fd78960] { opacity: 1; transition: opacity .3s ease-in-out } .c-history-img .img-load-failed[data-v-0fd78960] { color: red } .c-history-img .loadingWrapperInner[data-v-0fd78960] { height: 100%; width: 100% } .c-history-img .loadingWrapperInner .spinner[data-v-0fd78960] { align-items: center; display: flex } .c-history-img .inner-MGEKwh[data-v-0fd78960] { contain: paint; display: inline-block; height: 32px; position: relative; width: 32px } .c-history-img .item-2VgEex[data-v-0fd78960] { animation: spinner-wandering-cubes-0fd78960 1.8s ease-in-out infinite; background-color: #7983f5; height: 10px; left: 0; position: absolute; top: 0; width: 10px } .c-history-img .item-2VgEex[data-v-0fd78960]:last-child { animation-delay: -.9s } @keyframes spinner-wandering-cubes-0fd78960 { 25% { transform: translateX(22px) rotate(-90deg) scale(.5) } 50% { transform: translateX(22px) translateY(22px) rotate(-180deg) } 75% { transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5) } to { transform: rotate(-1turn) } } .c-workflow-history-item[data-v-37252d25] { word-wrap: break-word; flex: 0 0 auto; margin: 24px 0; min-height: 20px; position: relative } .c-workflow-history-item .workflow-history-item-header[data-v-37252d25] { margin-left: 0; padding-left: 0; position: static; text-indent: 0 } .c-workflow-history-item .workflow-history-item__avatar[data-v-37252d25] { border-radius: 50%; cursor: pointer; flex: 0 0 auto; height: 24px; margin-left: 4px; margin-right: 18px; overflow: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 24px; z-index: 1 } .c-workflow-history-item .workflow-history-item__title[data-v-37252d25] { align-items: center; color: #f3f4f5; display: flex; font-size: 14px; margin-bottom: 5px; position: relative; white-space: break-spaces } .c-workflow-history-item .workflow-history-item__title .workflow-history-item__btn-box[data-v-37252d25] { flex: 1; padding-right: 24px; text-align: right } .c-workflow-history-item .workflow-history-item__title .workflow-history-item__btn-box .task-info-icon[data-v-37252d25] { cursor: pointer; font-weight: 400 } .c-workflow-history-item .workflow-history-item__title-user[data-v-37252d25] { margin-right: 9px } .c-workflow-history-item .workflow-history-item__title-task-tag[data-v-37252d25] { align-items: center; background: rgba(0, 82, 204, .2); border-radius: 3px; color: #3275d8; display: inline-flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500; margin-right: 9px; max-height: 20px; padding: 2px 5px } .c-workflow-history-item .workflow-history-item__title-time[data-v-37252d25] { color: #596576; font-size: 12px; font-weight: 500; margin-bottom: 14px; margin-top: 4px; padding-left: 48px } .c-workflow-history-item .workflow-history-image-container[data-v-37252d25] { display: flex; flex-wrap: wrap; gap: 10px; margin-left: 44px; margin-right: 24px; max-width: 280px; padding-left: 4px } .c-workflow-history-item .workflow-history-image-container .c-history-img[data-v-37252d25] { aspect-ratio: 1/1; flex: 1 0 calc(50% - 5px); max-height: calc(50% - 5px); max-width: calc(50% - 5px); position: relative } .c-workflow-history-item .workflow-history-image-container-full .c-history-img[data-v-37252d25] { aspect-ratio: 1/1; flex: 1 0 auto; max-height: 310px; max-width: 100%; position: relative } .c-workflow-history-item[data-v-37252d25] .message-process-container { display: flex; flex-wrap: wrap; margin-top: 14px; max-width: 310px; padding-left: 4px } .c-workflow-history-item[data-v-37252d25] .message-process-container .message-process-panel { box-sizing: border-box; padding-left: 44px; width: 310px } .c-workflow-history-item[data-v-37252d25] .message-process-container .el-progress-bar__outer { background: #393d4a !important; border: 1px solid #586281; border-radius: 5px } .c-workflow-history-item .message-process-operate-box[data-v-37252d25] { align-items: center; display: flex; justify-content: space-between; margin-top: 11px; width: 310px } .c-workflow-history-item .message-process-operate-box .process-operate-box-text[data-v-37252d25] { color: #7d8da3; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; margin-left: 44px } .c-workflow-history-item .message-process-operate-box .process-operate-box-text-strong[data-v-37252d25] { color: #dddde7; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .c-workflow-history-item .message-process-loading-span[data-v-37252d25] { display: inline-block; height: 1em; line-height: 1; overflow: hidden; text-align: left; vertical-align: -.25ex } .c-workflow-history-item .message-process-loading-span[data-v-37252d25]:before { animation: dotdotdot-37252d25 3s step-start infinite both; content: "...\a..\a."; display: block; white-space: pre-wrap } @keyframes dotdotdot-37252d25 { 33% { transform: translateY(-2em) } 66% { transform: translateY(-1em) } } .c-workflow-history-modal[data-v-3c5490cf] { background: #141823; border-radius: 8px; bottom: 16px; box-sizing: border-box; display: flex; flex-direction: column; height: calc(100vh - 88px); justify-content: space-between; padding: 12px; position: fixed; right: 8px; width: 400px; z-index: 99 } .c-workflow-history-modal .workflow-history-modal__header[data-v-3c5490cf] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px } .c-workflow-history-modal .workflow-history-modal__header .workflow-history-modal__header-left[data-v-3c5490cf] { display: flex; gap: 12px } .c-workflow-history-modal .workflow-history-modal__header .workflow-history-modal__header-icon[data-v-3c5490cf] { align-items: center; color: #666; cursor: pointer; display: flex; font-size: 20px; height: 24px; justify-content: center; width: 24px } .c-workflow-history-modal .workflow-history-modal__header .header-icon-active[data-v-3c5490cf] { color: hsla(0, 0%, 100%, .85) } .c-workflow-history-modal .workflow-history-modal__content[data-v-3c5490cf] { box-sizing: border-box; flex: 1 1 0; overflow-x: hidden; overflow-y: auto } .c-workflow-history-modal .workflow-history-modal__content[data-v-3c5490cf]:first-child { margin-top: 0 } .c-workflow-history-modal .workflow-history-modal__content .workflow-history-modal-no-more[data-v-3c5490cf] { color: #a1a3ad; flex: 0 0 100%; font-size: 14px; font-weight: 400; padding-bottom: 24px; padding-top: 24px; text-align: center } .c-workflow-history-modal .card-flex-content[data-v-3c5490cf] { display: flex; flex-wrap: wrap; gap: 10px } .c-workflow-history-modal .card-flex-content .history-image-card[data-v-3c5490cf] { aspect-ratio: 1/1; border-radius: 16px; display: flex; flex: 0 0 calc(50% - 5px); max-height: calc(50% - 5px); max-width: calc(50% - 5px); position: relative } .c-workflow-history-modal .card-flex-content .history-image-card img[data-v-3c5490cf] { border-radius: 16px; max-width: 100%; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask[data-v-3c5490cf] { align-content: flex-end; background: linear-gradient(180deg, transparent, #000); bottom: 0; cursor: pointer; display: none; flex-wrap: wrap; height: 100%; justify-content: center; left: 0; max-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s ease-in-out; width: 100% } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top[data-v-3c5490cf] { align-items: center; display: flex; justify-content: center; margin-bottom: 16px; width: 100% } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3c5490cf] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3c5490cf]:hover { color: #1e80ff } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn-icon[data-v-3c5490cf] { font-size: 18px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-bottom[data-v-3c5490cf] { display: flex; flex-direction: column; width: 100% } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item[data-v-3c5490cf] { align-items: center; display: flex; justify-content: space-around; margin-bottom: 16px; width: 100% } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3c5490cf] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3c5490cf]:hover { color: #1e80ff } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn-icon[data-v-3c5490cf] { font-size: 18px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item-top[data-v-3c5490cf] { margin-bottom: 25px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top[data-v-3c5490cf] { margin: 10px 10px 0 } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top .delete[data-v-3c5490cf] { flex: 1; text-align: right } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top .delete .svg-icon[data-v-3c5490cf] { color: #fff } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box-top .delete.nsfw-icon[data-v-3c5490cf] { box-sizing: border-box; padding-right: 35px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box[data-v-3c5490cf] { align-items: flex-end; display: flex; justify-content: center; margin-bottom: 11px; width: 100% } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-item[data-v-3c5490cf] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 100px; display: flex; flex-direction: column; height: 73px; justify-content: center; width: 40px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-item .line-item[data-v-3c5490cf] { background: #818489; display: flex; height: 1px; width: 80% } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3c5490cf] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 35px; justify-content: center; width: 40px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3c5490cf]:hover { color: #1e80ff } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn .image-hover-mask-btn-icon[data-v-3c5490cf] { font-size: 16px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3c5490cf] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 4px; width: 40px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3c5490cf]:hover { color: #1e80ff } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single .image-hover-mask-btn-icon[data-v-3c5490cf] { font-size: 16px } .c-workflow-history-modal .card-flex-content .history-image-card .image-hover-mask .image-hover-mask-btn-box .image-hover-item + .image-hover-item[data-v-3c5490cf] { margin-left: 8px } .c-workflow-history-modal .card-flex-content .history-image-card:hover .image-hover-mask[data-v-3c5490cf] { display: flex; opacity: 1; transition: opacity .3s ease-in-out } .c-workflow-history-modal .workflow-history-modal__bottom[data-v-3c5490cf] { line-height: 16px; padding-bottom: 20px; padding-top: 12px } .c-workflow-history-modal .workflow-history-modal__bottom .workflow-history-modal__bottom-text[data-v-3c5490cf] { color: #a1a3ad; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 18px; text-align: center } .c-workflow-history-modal .workflow-history-modal__bottom .workflow-history-modal__bottom-link-text[data-v-3c5490cf] { color: #e19a30; cursor: pointer; font-family: Arial; font-size: 12px; font-weight: 400; line-height: 18px; margin-top: 4px; text-align: center } .c-publish-top-bar[data-v-e0c9b618] { align-items: center; border-bottom: 1px solid #2a2832; box-sizing: border-box; display: flex; height: 64px; justify-content: space-between; max-width: 100%; min-height: 64px; padding: 0 16px } .c-publish-top-bar .publish-top-bar-title[data-v-e0c9b618] { align-items: center; display: flex; gap: 25px } .c-publish-top-bar .publish-top-bar-title .publish-top-bar-title-text[data-v-e0c9b618] { color: #c0c0c3; font-family: Helvetica; font-size: 14px; font-weight: 400 } .c-publish-top-bar .back-preview-btn[data-v-e0c9b618] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 40px } .c-publish-top-bar .back-preview-btn[data-v-e0c9b618]:hover { background-color: #3b3b3b } .c-publish-top-bar .back-preview-btn i[data-v-e0c9b618] { color: hsla(0, 0%, 100%, .85); font-size: 16px } .c-publish-top-bar .tavern-top-bar-logo[data-v-e0c9b618] { align-items: center; cursor: pointer; display: flex; justify-content: space-between; -webkit-text-decoration: none; text-decoration: none } .c-publish-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-img[data-v-e0c9b618] { height: 32px; width: 32px } .c-publish-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-img img[data-v-e0c9b618] { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-publish-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-text[data-v-e0c9b618] { -webkit-text-fill-color: transparent; background: linear-gradient(99deg, #3271cc, #0fffff); -webkit-background-clip: text; font-family: Inter; font-size: 24px; font-weight: 700; margin-left: 7px } .c-publish-top-bar .tavern-top-bar-info .vip-info[data-v-e0c9b618], .c-publish-top-bar .tavern-top-bar-info[data-v-e0c9b618] { align-items: center; display: flex } .c-publish-top-bar .tavern-top-bar-info .vip-info .item-coin[data-v-e0c9b618] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; max-height: 40px; padding: 8px 12px } .c-publish-top-bar .tavern-top-bar-info .vip-info .item-coin img[data-v-e0c9b618] { height: 24px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 24px } .c-publish-top-bar .tavern-top-bar-info .vip-info .item-coin .number[data-v-e0c9b618] { color: #c6c6ce; font-family: Inter; font-size: 14px; font-weight: 500; margin-left: 10px } .c-publish-top-bar .tavern-top-bar-info .vip-info .item-coin:last-child .number[data-v-e0c9b618] { margin-left: 2px } .c-publish-top-bar .tavern-top-bar-info .vip-info .item-coin + .item-coin[data-v-e0c9b618] { margin-left: 10px } .c-publish-top-bar .tavern-top-bar-info .vip-info .vip-icon[data-v-e0c9b618] { cursor: pointer; height: 24px; margin-left: 20px; width: 24px } .c-publish-top-bar .tavern-top-bar-info .vip-info .vip-icon[data-v-e0c9b618]:hover { transform: scale(1.2); transition: all .3s ease-in-out } .c-publish-top-bar .tavern-top-bar-info .vip-info .vip-icon img[data-v-e0c9b618] { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-publish-top-bar .tavern-top-bar-info .user-info[data-v-e0c9b618] { align-items: center; display: flex; margin-left: 20px } .c-publish-top-bar .tavern-top-bar-info .user-info .avatar[data-v-e0c9b618] { align-items: center; border-radius: 50%; color: #1d1d1d; display: flex; font-family: Poppins; font-size: 16px; font-weight: 500; height: 40px; justify-content: center; max-height: 40px; max-width: 40px; min-height: 40px; min-width: 40px; width: 40px } .c-publish-top-bar .tavern-top-bar-info .user-info .avatar img[data-v-e0c9b618] { border-radius: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-publish-top-bar .tavern-top-bar-info .user-info .avatar-color[data-v-e0c9b618] { background-color: #d1d6e0 } .c-publish-top-bar .tavern-top-bar-info .user-info .name-text[data-v-e0c9b618] { color: #9293a5; font-family: Inter-Semi Bold, Inter; font-size: 14px; font-weight: 400; margin-left: 13px } .c-publish-top-bar .log-btn[data-v-e0c9b618] { align-items: center; background: linear-gradient(90deg, #245cfb, #52c2ed); border: none; border-radius: 22px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 44px; justify-content: center; line-height: 44px; padding: 0 20px; -webkit-text-decoration: none; text-decoration: none } .c-work-flow-effect-example-item[data-v-25f7b6fb] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 9px; box-sizing: border-box; display: flex; height: 130px; justify-content: center; min-height: 130px; min-width: 130px; position: relative; width: 130px } .c-work-flow-effect-example-item img[data-v-25f7b6fb] { border-radius: 20px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-work-flow-effect-example-item .el-image-viewer__close[data-v-25f7b6fb] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 30px; justify-content: center; position: absolute; right: 10px; top: 10px; width: 30px } .c-work-flow-effect-example-item .el-image-viewer__close .el-icon-close[data-v-25f7b6fb] { color: #fff; font-size: 16px } .c-example-img-list[data-v-ecedd430] { color: #fff; position: relative } .c-example-img-list .swipeab-icon-box[data-v-ecedd430] { align-items: center; display: flex; height: 100%; justify-content: center; position: absolute; top: 0; z-index: 2 } .c-example-img-list .swipeab-icon-box .icon-bnt[data-v-ecedd430] { align-items: center; background: #30333b; border-radius: 100%; color: #fffdf5; cursor: pointer; display: flex; justify-content: center; position: absolute; top: 50%; transition: opacity .3s ease-in-out; z-index: 2 } .c-example-img-list .swipeab-icon-box .icon-bnt i[data-v-ecedd430] { font-size: 18px; font-weight: 700; z-index: 2 } .c-example-img-list .swipeab-icon-box-left[data-v-ecedd430] { left: -60px } .c-example-img-list .swipeab-icon-box-right[data-v-ecedd430] { right: -60px } .c-example-img-list:hover > .swipeab-icon-box > .icon-bnt[data-v-ecedd430] { opacity: 1 } .c-example-img-list .scroll-area[data-v-ecedd430] { overflow: auto; scrollbar-width: none; width: 100% } .c-example-img-list .scroll-area[data-v-ecedd430]::-webkit-scrollbar { display: none; width: 0 } .c-example-img-list .scroll-area[data-v-ecedd430]::-ms-scrollbar { display: none; width: 0 } .c-example-img-list .scroll-area .tags-content[data-v-ecedd430] { display: table } .c-example-img-list .scroll-area-list[data-v-ecedd430] { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 12px; justify-content: flex-start; transition: all .3s } .c-example-img-list .scroll-area-list .tavern-tag-item[data-v-ecedd430] { align-items: center; border: 2px solid transparent; border-radius: 12px; box-sizing: border-box; display: inline-flex; gap: 10px; height: 130px; justify-content: center; min-height: 130px; min-width: 130px; overflow: hidden; width: 130px } .c-example-img-list .scroll-area-list .tavern-tag-item img[data-v-ecedd430] { background: #262731; border-radius: 12px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-example-img-list .scroll-area-list .tavern-tag-item-active[data-v-ecedd430] { border-color: #21feff } .no-scrollbar[data-v-ecedd430]::-webkit-scrollbar { display: none } .no-scrollbar[data-v-ecedd430] { -ms-overflow-style: none; scrollbar-width: none } .custom-select-transparent[data-v-2c061c82] { background: transparent; height: 100%; min-width: 170px } .custom-select-transparent[data-v-2c061c82] .el-input { box-sizing: border-box; height: 100%; width: 100% } .custom-select-transparent[data-v-2c061c82] .el-input .el-input__inner { background: transparent; border: 0; box-sizing: border-box; color: #8993a7; font-family: PingFang SC; font-size: 12px; height: 100%; text-align: right; width: 100% } .custom-select-transparent[data-v-2c061c82] .el-input .el-input__suffix { display: flex } .custom-select-transparent[data-v-2c061c82] .el-input .el-input__suffix .el-input__suffix-inner { align-items: center; display: flex } .custom-select-transparent[data-v-2c061c82] .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret { align-items: center; color: #fff; display: flex; justify-content: center } .custom-select-transparent[data-v-2c061c82] .el-input .el-input__inner { text-align: left } .my-el-select[data-v-2c061c82] { background-clip: padding-box, border-box !important; background-origin: padding-box, border-box !important; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px 6px 6px 6px; height: 32px !important } .my-el-option .selected[data-v-2c061c82] { color: #fff !important } .left-action-box[data-v-2c061c82] { height: 100%; width: 400px } .left-action-box .my-el-select[data-v-2c061c82] { background-image: linear-gradient(90deg, #2a2c36, #2a2c36), linear-gradient(90deg, #3271cc, #0fffff) !important } .left-action-box .back-btn[data-v-2c061c82] { border-right: 1px solid #2a2832; cursor: pointer; height: 100%; margin-right: 17px; width: 69px } .left-action-box .back-btn > .icon-back[data-v-2c061c82] { color: #828086; font-size: 16px } .font-select-box[data-v-0a30013b] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; height: 34px; width: 180px } .font-select-box > .img-item[data-v-0a30013b] { color: #7f8792; flex-grow: 1; font-size: 14px; padding-left: 10px } .font-select-box > .img-item > img[data-v-0a30013b] { max-height: 30px; max-width: 100% } .font-select-box > .icon-item[data-v-0a30013b] { color: #7f8792; width: 30px } .my-input-number[data-v-557c35d8] { line-height: 32px; margin-left: 10px; width: 110px } .my-input-number[data-v-557c35d8] .el-input-number__decrease, .my-input-number[data-v-557c35d8] .el-input-number__increase { background: #06060d !important } .my-input-number[data-v-557c35d8] .el-input__inner, .my-input-number[data-v-557c35d8] .el-select-dropdown__item.is-disabled:hover { background-color: #06060d !important } .my-input-number[data-v-557c35d8] .el-input-number__decrease, .my-input-number[data-v-557c35d8] .el-input-number__increase, .my-input-number[data-v-557c35d8] .el-input__inner { border-color: #2a2832 !important } .my-input-number[data-v-557c35d8] .el-input__inner { height: 34px } .icon-item[data-v-5b8ee168] { color: #fefefe; font-size: 16px } .tools-list-box[data-v-b791eaa0] { margin: 0 10px } .tools-list-box .tool-item[data-v-b791eaa0] { cursor: pointer; height: 32px; margin: 0 2px; width: 32px } .tools-list-box .tool-item > .icon-item[data-v-b791eaa0] { color: #fefefe; font-size: 16px } .tools-list-box .tool-item > .color-item[data-v-b791eaa0] { color: #fefefe; font-size: 18px; font-weight: 700; position: relative; text-align: center } .tools-list-box .tool-item > .color-item > .line[data-v-b791eaa0] { border: 1px solid #7f8792; border-radius: 5px; height: 5px; width: 22px } .tools-list-box .tool-item > .color-item > .linein[data-v-b791eaa0] { background-image: linear-gradient(90deg, #e52b0c, #d9e90c) } .tools-list-box .tool-item > .color-item > .color-picker[data-v-b791eaa0] { left: 0; opacity: 0; position: absolute; top: 0 } .tools-list-box .active[data-v-b791eaa0] { background: #2a2c36; border-radius: 4px 4px 4px 4px } .middle-tool-box[data-v-ce269a4c] { flex-grow: 1; height: 100% } .right-action-box[data-v-3c72aff4] { display: flex; height: 100%; justify-content: flex-end; width: 400px } .login-btn[data-v-3c72aff4] { background: linear-gradient(90deg, #245cfb, #52c2ed); border: none; border-radius: 16px; color: #fff; font-size: 15px; height: 32px; line-height: 32px; margin-left: 5px; padding: 0 14px; -webkit-text-decoration: none; text-decoration: none } .publish-btn[data-v-3c72aff4] { background: linear-gradient(90deg, #3f8fff, #21feff); border-radius: 6px; color: #fff; cursor: pointer; font-size: 12px; height: 32px; margin: 0 8px; padding: 0 12px } .publish-btn > .icon-icon-daochu[data-v-3c72aff4] { font-size: 14px } .publish-btn span[data-v-3c72aff4] { margin-left: 6px } .feed-back[data-v-3c72aff4] { background: rgba(63, 66, 74, .6); border-radius: 6px; box-sizing: border-box; color: #c6c6ce; cursor: pointer; height: 32px; margin-right: 10px; padding: 4px 12px } .feed-back > i[data-v-3c72aff4] { font-size: 16px; margin-right: 6px } .feed-back > span[data-v-3c72aff4] { font-family: Inter; font-size: 12px; font-weight: 500 } .top-nav-box[data-v-2840a8e3] { border-bottom: 1px solid #2a2832; height: 49px } .category[data-v-6b8ab6ad] { display: flex; flex-wrap: wrap; margin-top: 16px; width: 100% } .category .item-category[data-v-6b8ab6ad] { background-color: #24262a; border-radius: 6px; box-sizing: border-box; color: #7f8792; cursor: pointer; font-family: PingFang SC; font-size: 14px; height: 32px; margin: 0 4px 4px 0; padding: 0 12px } .category .item-category.active[data-v-6b8ab6ad] { background-color: #4784ff; color: #fff } .material-panel[data-v-18ce9b1a] { box-sizing: border-box; height: 100%; overflow-y: auto; padding: 0 16px; width: 100% } .material-panel[data-v-18ce9b1a]::-webkit-scrollbar { width: 4px } .material-panel .input-search[data-v-18ce9b1a] { align-items: center; background-color: #1c1d2a; border: 1px solid #35383c; border-radius: 8px; box-sizing: border-box; display: flex; height: 40px; margin-top: 12px; padding: 10px 13px; width: 100% } .material-panel .input-search .iconfont[data-v-18ce9b1a], .material-panel .input-search .svg-icon[data-v-18ce9b1a] { cursor: pointer; font-size: 24px } .material-panel .input-search input[data-v-18ce9b1a] { background-color: #1c1d2a; border: none; color: #fff; flex: 1; font-size: 14px; line-height: 1; outline: none; padding: 0 5px } .material-panel .input-search input[data-v-18ce9b1a]::-moz-placeholder { color: #737a85 } .material-panel .input-search input[data-v-18ce9b1a]::placeholder { color: #737a85 } .material-panel .input-search i[data-v-18ce9b1a] { color: #737a85; cursor: pointer } .material-panel .search-box[data-v-18ce9b1a] { height: calc(100% - 52px); width: 100% } .material-panel .search-box .empty-box[data-v-18ce9b1a] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .material-panel .search-box .empty-box .empty-img[data-v-18ce9b1a] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .material-panel .search-box .empty-box .empty-tip[data-v-18ce9b1a] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .material-panel .search-box .search-content[data-v-18ce9b1a] { width: 100% } .material-panel .search-box .search-content .label[data-v-18ce9b1a] { color: #7f8792; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; line-height: 36px; width: 100% } .material-panel .search-box .search-content .content-box[data-v-18ce9b1a] { background-color: #14161a; border-radius: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 3px; width: 100% } .material-panel .search-box .search-content .content-box .item-content[data-v-18ce9b1a] { background-color: #2a2c31; border-radius: 6px; height: 59px; margin: 4px; width: 59px } .material-panel .search-box .search-content .content-box .item-content .image[data-v-18ce9b1a] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .material-panel .normal-box[data-v-18ce9b1a] { height: 100%; width: 100% } .material-panel .normal-box .category[data-v-18ce9b1a] { display: flex; flex-wrap: wrap; margin-top: 16px; width: 100% } .material-panel .normal-box .category .item-category[data-v-18ce9b1a] { align-items: center; background-color: #24262a; border-radius: 6px; box-sizing: border-box; color: #7f8792; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 14px; height: 32px; justify-content: center; margin: 0 4px 4px 0; padding: 0 12px } .material-panel .normal-box .category .item-category.active[data-v-18ce9b1a] { background-color: #4784ff; color: #fff } .material-panel .normal-box .classify-container[data-v-18ce9b1a] { margin-top: 8px; width: 100% } .material-panel .normal-box .classify-container .item-classify[data-v-18ce9b1a] { margin-bottom: 8px; width: 100% } .material-panel .normal-box .classify-container .item-classify .label[data-v-18ce9b1a] { align-items: center; color: #7f8792; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; justify-content: space-between; line-height: 36px; width: 100% } .material-panel .normal-box .classify-container .item-classify .label .text[data-v-18ce9b1a] { color: #595f69; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 400 } .material-panel .normal-box .classify-container .item-classify .label .icon-back[data-v-18ce9b1a] { cursor: pointer; margin-right: 10px } .material-panel .normal-box .classify-container .item-classify .content-box[data-v-18ce9b1a] { background-color: #14161a; border-radius: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 3px; width: 100% } .material-panel .normal-box .classify-container .item-classify .content-box .item-content[data-v-18ce9b1a] { background-color: #2a2c31; border-radius: 6px; height: 59px; margin: 4px; width: 59px } .material-panel .normal-box .classify-container .item-classify .content-box .item-content .image[data-v-18ce9b1a] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .works-panel-box .add-words-btn[data-v-62cc1f3f] { background: #2a2c36; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 8px 8px 8px 8px; color: #fff; cursor: pointer; font-size: 14px; height: 40px; margin: 12px 16px; width: 280px } .works-panel-box > .words-title[data-v-62cc1f3f] { padding: 16px 16px 10px } .works-panel-box > .words-title > .left[data-v-62cc1f3f] { color: #7f8792; font-size: 14px; width: 50% } .works-panel-box > .words-title > .right[data-v-62cc1f3f] { color: #595f69; cursor: pointer; font-size: 12px; text-align: right; width: 50% } .works-panel-box > .words-list-box > .item[data-v-62cc1f3f] { background: hsla(0, 0%, 100%, .07); border-radius: 4px 4px 4px 4px; color: #fff; cursor: pointer; font-weight: 700; height: 64px; line-height: 64px; margin: 0 16px 8px; padding: 0 16px } .product[data-v-08a4e3ee] { box-sizing: border-box; color: #fff; height: 100%; overflow-y: auto; padding: 16px; width: 100% } .product[data-v-08a4e3ee]::-webkit-scrollbar { width: 4px } .product-tips[data-v-08a4e3ee] { color: #7f8792; font-family: PingFang SC; font-size: 14px; font-weight: 500; line-height: 21px } .product-list[data-v-08a4e3ee] { grid-gap: 10px; display: grid; gap: 10px; grid-template-columns:1fr 1fr; margin-top: 16px } [data-v-08a4e3ee] .product-list-item .el-upload { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 100% } .product-list-item[data-v-08a4e3ee] { align-items: center; background: #14161a; border-radius: 8px; box-sizing: border-box; color: #9a9fa5; cursor: pointer; display: flex; height: 120px; justify-content: center; overflow: hidden; position: relative; text-align: center; width: 100% } .product-list-item .upload-text[data-v-08a4e3ee] { display: block; font-size: 12px; margin-top: 5px } .product-list-item img[data-v-08a4e3ee] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .product-list-item-icon[data-v-08a4e3ee] { background: rgba(0, 0, 0, .5); border-radius: 6px; cursor: pointer; display: none; height: 24px; line-height: 24px; position: absolute; right: 6px; text-align: center; top: 6px; width: 24px } .product-list-item-icon .el-icon-delete[data-v-08a4e3ee], .product-list-item-icon .el-icon-download[data-v-08a4e3ee] { font-size: 16px } .product-list-item .right36[data-v-08a4e3ee] { right: 36px } .product-list-item:hover .image-icon[data-v-08a4e3ee] { display: block } .mine-panel[data-v-23323a9f] { box-sizing: border-box; height: 100%; overflow-y: auto; padding: 0 16px; width: 100% } .mine-panel[data-v-23323a9f]::-webkit-scrollbar { width: 4px } .mine-panel .empty-box[data-v-23323a9f] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .mine-panel .empty-box .empty-img[data-v-23323a9f] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .mine-panel .empty-box .empty-tip[data-v-23323a9f] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .mine-panel .content[data-v-23323a9f] { width: 100% } .mine-panel .content .label[data-v-23323a9f] { color: #7f8792; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; line-height: 36px; margin-top: 6px; width: 100% } .mine-panel .content .materials[data-v-23323a9f] { background-color: #14161a; border-radius: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin-bottom: 8px; padding: 3px; width: 100% } .mine-panel .content .materials .item-material[data-v-23323a9f] { background-color: #2a2c31; border-radius: 6px; height: 59px; margin: 4px; position: relative; width: 59px } .mine-panel .content .materials .item-material .image[data-v-23323a9f] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .mine-panel .content .materials .item-material-icon[data-v-23323a9f] { background: rgba(0, 0, 0, .5); border-radius: 4px; cursor: pointer; display: none; height: 16px; position: absolute; right: 3px; text-align: center; top: 3px; width: 16px } .mine-panel .content .materials .item-material-icon .el-icon-close[data-v-23323a9f] { color: #f7fbfa; display: block; font-size: 15px; padding-top: 1px } .mine-panel .content .materials .item-material:hover .item-material-icon[data-v-23323a9f] { align-items: center; display: flex; display: block; justify-items: center } .layer-list-max[data-v-388c896c] { height: 100%; width: 100% } .layer-list-max > .title[data-v-388c896c] { color: #fff; font-size: 16px; font-weight: 700; height: 50px; line-height: 50px; padding: 0 16px } .layer-list-max > .list-box[data-v-388c896c] { height: calc(100% - 100px); overflow-y: auto; padding: 0 16px } .layer-list-max > .list-box > .item[data-v-388c896c] { cursor: pointer; height: 50px; margin-bottom: 4px } .layer-list-max > .list-box > .item[data-v-388c896c]:hover { background: #15171b; border-radius: 8px } .layer-list-max > .list-box > .item > .left[data-v-388c896c] { color: #999; font-size: 18px; width: 38px } .layer-list-max > .list-box > .item > .center[data-v-388c896c] { flex-grow: 1; height: 100% } .layer-list-max > .list-box > .item > .center > .la-img[data-v-388c896c] { height: 24px; width: 24px } .layer-list-max > .list-box > .item > .center > .la-name[data-v-388c896c] { color: #999; font-size: 14px; padding-left: 10px } .layer-list-max > .list-box > .item > .center > .word-icon[data-v-388c896c] { color: #999; font-size: 24px } .layer-list-max > .list-box > .item > .right[data-v-388c896c] { color: #999; font-size: 18px; width: 38px } .layer-list-max > .list-box > .iacitve[data-v-388c896c] { background: #15171b; border-radius: 8px } .layer-list-max .bottom-btns[data-v-388c896c] { background-color: #06060d; box-sizing: border-box; height: 50px; width: 100%; z-index: 10 } .layer-list-max .bottom-btns .item-btn[data-v-388c896c] { cursor: pointer; height: 34px; width: 34px } .layer-list-max .bottom-btns .item-btn i[data-v-388c896c] { color: #c0c0c3; font-size: 16px } .layer-list-max .empty-box[data-v-388c896c] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .layer-list-max .empty-box .empty-img[data-v-388c896c] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .layer-list-max .empty-box .empty-tip[data-v-388c896c] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .el-checkbox, .el-checkbox__input { cursor: pointer; display: inline-block; position: relative } .el-checkbox-button__inner, .el-checkbox__input { outline: 0; vertical-align: middle; white-space: nowrap } .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity .2s linear } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0 } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity .2s linear } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0 } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all .3s cubic-bezier(.55, 0, .1, 1) } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0 } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: all .3s cubic-bezier(.55, 0, .1, 1) } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0) } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transform-origin: center top; transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1) } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0) } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transform-origin: center bottom; transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1) } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0) } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1); transform-origin: top left; transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1) } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(.45) } .collapse-transition { transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out } .horizontal-collapse-transition { transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out } .el-list-enter-active, .el-list-leave-active { transition: all 1s } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px) } .el-opacity-transition { transition: opacity .3s cubic-bezier(.55, 0, .1, 1) } .el-checkbox { color: #606266; font-size: 14px; font-weight: 500; margin-right: 30px; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap } .el-checkbox.is-bordered { border: 1px solid #dcdfe6; border-radius: 4px; box-sizing: border-box; height: 40px; line-height: normal; padding: 9px 20px 9px 10px } .el-checkbox.is-bordered.is-checked { border-color: #409eff } .el-checkbox.is-bordered.is-disabled { border-color: #ebeef5; cursor: not-allowed } .el-checkbox.is-bordered + .el-checkbox.is-bordered { margin-left: 10px } .el-checkbox.is-bordered.el-checkbox--medium { border-radius: 4px; height: 36px; padding: 7px 20px 7px 10px } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { font-size: 14px; line-height: 17px } .el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { height: 14px; width: 14px } .el-checkbox.is-bordered.el-checkbox--small { border-radius: 3px; height: 32px; padding: 5px 15px 5px 10px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { font-size: 12px; line-height: 15px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { height: 12px; width: 12px } .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after { height: 6px; width: 2px } .el-checkbox.is-bordered.el-checkbox--mini { border-radius: 3px; height: 28px; padding: 3px 15px 3px 10px } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { font-size: 12px; line-height: 12px } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { height: 12px; width: 12px } .el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after { height: 6px; width: 2px } .el-checkbox__input { line-height: 1 } .el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #edf2fc; border-color: #dcdfe6; cursor: not-allowed } .el-checkbox__input.is-disabled .el-checkbox__inner:after { border-color: #c0c4cc; cursor: not-allowed } .el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { cursor: not-allowed } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #f2f6fc; border-color: #dcdfe6 } .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after { border-color: #c0c4cc } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { background-color: #f2f6fc; border-color: #dcdfe6 } .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before { background-color: #c0c4cc; border-color: #c0c4cc } .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: #409eff; border-color: #409eff } .el-checkbox__input.is-disabled + span.el-checkbox__label { color: #c0c4cc; cursor: not-allowed } .el-checkbox__input.is-checked .el-checkbox__inner:after { transform: rotate(45deg) scaleY(1) } .el-checkbox__input.is-checked + .el-checkbox__label { color: #409eff } .el-checkbox__input.is-focus .el-checkbox__inner { border-color: #409eff } .el-checkbox__input.is-indeterminate .el-checkbox__inner:before { background-color: #fff; content: ""; display: block; height: 2px; left: 0; position: absolute; right: 0; top: 5px; transform: scale(.5) } .el-checkbox__input.is-indeterminate .el-checkbox__inner:after { display: none } .el-checkbox__inner { background-color: #fff; border: 1px solid #dcdfe6; border-radius: 2px; box-sizing: border-box; display: inline-block; height: 14px; position: relative; transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46); width: 14px; z-index: 1 } .el-checkbox__inner:hover { border-color: #409eff } .el-checkbox__inner:after { border: 1px solid #fff; border-left: 0; border-top: 0; box-sizing: content-box; content: ""; height: 7px; left: 4px; position: absolute; top: 1px; transform: rotate(45deg) scaleY(0); transform-origin: center; transition: transform .15s ease-in .05s; width: 3px } .el-checkbox__original { height: 0; margin: 0; opacity: 0; outline: 0; position: absolute; width: 0; z-index: -1 } .el-checkbox-button, .el-checkbox-button__inner { display: inline-block; position: relative } .el-checkbox__label { display: inline-block; font-size: 14px; line-height: 19px; padding-left: 10px } .el-checkbox:last-of-type { margin-right: 0 } .el-checkbox-button__inner { -webkit-appearance: none; background: #fff; border: 1px solid #dcdfe6; border-left: 0; border-radius: 0; box-sizing: border-box; color: #606266; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1; margin: 0; padding: 12px 20px; text-align: center; transition: all .3s cubic-bezier(.645, .045, .355, 1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .el-checkbox-button__inner.is-round { padding: 12px 20px } .el-checkbox-button__inner:hover { color: #409eff } .el-checkbox-button__inner [class*=el-icon-] { line-height: .9 } .el-checkbox-button__inner [class*=el-icon-] + span { margin-left: 5px } .el-checkbox-button__original { margin: 0; opacity: 0; outline: 0; position: absolute; z-index: -1 } .el-checkbox-button.is-checked .el-checkbox-button__inner { background-color: #409eff; border-color: #409eff; box-shadow: -1px 0 0 0 #8cc5ff; color: #fff } .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { border-left-color: #409eff } .el-checkbox-button.is-disabled .el-checkbox-button__inner { background-color: #fff; background-image: none; border-color: #ebeef5; box-shadow: none; color: #c0c4cc; cursor: not-allowed } .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { border-left-color: #ebeef5 } .el-checkbox-button:first-child .el-checkbox-button__inner { border-left: 1px solid #dcdfe6; border-radius: 4px 0 0 4px; box-shadow: none !important } .el-checkbox-button.is-focus .el-checkbox-button__inner { border-color: #409eff } .el-checkbox-button:last-child .el-checkbox-button__inner { border-radius: 0 4px 4px 0 } .el-checkbox-button--medium .el-checkbox-button__inner { border-radius: 0; font-size: 14px; padding: 10px 20px } .el-checkbox-button--medium .el-checkbox-button__inner.is-round { padding: 10px 20px } .el-checkbox-button--small .el-checkbox-button__inner { border-radius: 0; font-size: 12px; padding: 9px 15px } .el-checkbox-button--small .el-checkbox-button__inner.is-round { padding: 9px 15px } .el-checkbox-button--mini .el-checkbox-button__inner { border-radius: 0; font-size: 12px; padding: 7px 15px } .el-checkbox-button--mini .el-checkbox-button__inner.is-round { padding: 7px 15px } .el-checkbox-group { font-size: 0 } .el-tree { background: #fff; color: #606266; cursor: default; position: relative } .el-tree__empty-block { height: 100%; min-height: 60px; position: relative; text-align: center; width: 100% } .el-tree__empty-text { color: #909399; font-size: 14px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .el-tree__drop-indicator { background-color: #409eff; height: 1px; left: 0; position: absolute; right: 0 } .el-tree-node { outline: 0; white-space: nowrap } .el-tree-node:focus > .el-tree-node__content { background-color: #f5f7fa } .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label { background-color: #409eff; color: #fff } .el-tree-node__content { align-items: center; cursor: pointer; display: flex; height: 26px } .el-tree-node__content > .el-tree-node__expand-icon { padding: 6px } .el-tree-node__content > label.el-checkbox { margin-right: 8px } .el-tree-node__content:hover { background-color: #f5f7fa } .el-tree.is-dragging .el-tree-node__content { cursor: move } .el-tree.is-dragging .el-tree-node__content * { pointer-events: none } .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content { cursor: not-allowed } .el-tree-node__expand-icon { color: #c0c4cc; cursor: pointer; font-size: 12px; transform: rotate(0); transition: transform .3s ease-in-out } .el-tree-node__expand-icon.expanded { transform: rotate(90deg) } .el-tree-node__expand-icon.is-leaf { color: transparent; cursor: default } .el-tree-node__label { font-size: 14px } .el-tree-node__loading-icon { color: #c0c4cc; font-size: 14px; margin-right: 8px } .el-tree-node > .el-tree-node__children { background-color: transparent; overflow: hidden } .el-tree-node.is-expanded > .el-tree-node__children { display: block } .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background-color: #f0f7ff } .font-list-page[data-v-549359be] { height: 100%; overflow-y: scroll } .font-el-tree[data-v-549359be] { background-color: transparent; color: #7f8792; margin: 16px } .font-el-tree[data-v-549359be] .is-focusable .el-tree-node__content { background-color: transparent; color: #7f8792; height: auto } .font-el-tree[data-v-549359be] .is-expanded .el-tree-node__content { background-color: transparent; color: #7f8792 } .font-el-tree[data-v-549359be] .el-tree-node__content:hover, .font-el-tree[data-v-549359be] .is-current > .el-tree-node__content { background-color: #14161a; color: #fff } .tree-item > img[data-v-549359be] { max-height: 40px; max-width: 170px } .left-drawer[data-v-6b97ef5e] { background-color: #06060d; height: 100%; left: 72px; padding-left: 70px; position: absolute; top: 0; transition: all .2s; width: 310px; z-index: 1 } .left-drawer.hide-menu[data-v-6b97ef5e] { border-right: 0; left: -310px } .left-drawer.show-menu[data-v-6b97ef5e] { border-right: 1px solid #2a2832; left: 0 } .left-drawer > .open-btn[data-v-6b97ef5e] { align-items: center; background-color: #2a2832; border-radius: 0 20px 20px 0; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 92px; justify-content: center; position: absolute; right: -14px; top: calc(50% - 46px); width: 14px } .left-drawer > .open-btn i[data-v-6b97ef5e] { color: #7f8792; font-size: 16px } .left-drawer > .layer-btn[data-v-6b97ef5e] { background: hsla(0, 0%, 100%, .1); border-radius: 4px; bottom: 10px; cursor: pointer; height: 30px; position: absolute; right: -40px; width: 30px } .left-drawer > .layer-btn > .icon-icon_tuceng[data-v-6b97ef5e] { color: #7f8792; font-size: 16px } .left-menu-box[data-v-0f3721f3] { height: calc(100vh - 50px); left: 0; position: fixed; top: 50px; width: 69px; z-index: 11 } .left-menu-box > .menu-list[data-v-0f3721f3] { background-color: #06060d; border-right: 1px solid #2a2832; height: calc(100% - 16px); padding: 8px 0; position: absolute; width: 100%; z-index: 2 } .left-menu-box > .menu-list > .item[data-v-0f3721f3] { border-radius: 8px; color: #7f8792; cursor: pointer; font-size: 12px; height: 66px; margin: 0 8px 8px } .left-menu-box > .menu-list > .item > .icon[data-v-0f3721f3] { margin-bottom: 4px; padding-top: 12px; text-align: center } .left-menu-box > .menu-list > .item > .icon > .icon-tiaojiecanshu[data-v-0f3721f3] { font-size: 24px } .left-menu-box > .menu-list > .item > .text[data-v-0f3721f3] { text-align: center } .left-menu-box > .menu-list > .active[data-v-0f3721f3], .left-menu-box > .menu-list > .item[data-v-0f3721f3]:hover { background-color: #14161a; color: #fff } .layer-item[data-v-24dd1ba2] { position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none } .layer-item[data-v-24dd1ba2]:active { cursor: grabbing } .word-item-box > .words-content-box[data-v-24dd1ba2] { outline: 0; padding: 5px; word-break: break-all } .layer-item[data-v-7bb7f556] { display: inline-block; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none } .layer-item[data-v-7bb7f556]:active { cursor: grabbing } .img-item-box[data-v-7bb7f556] { height: 100%; width: 100% } .img-item-box > .img-tag[data-v-7bb7f556] { height: 100%; pointer-events: none; width: 100% } .board-title-nav[data-v-7958c34e] { height: 40px } .board-title-nav > .left[data-v-7958c34e] { flex-grow: 1 } .board-title-nav > .left > .box[data-v-7958c34e] { align-items: center; display: flex; margin-right: 4px } .board-title-nav > .left > .box-tips[data-v-7958c34e] { color: hsla(0, 0%, 100%, .7); font-size: 12px; font-weight: 500 } .board-title-nav > .left > .box .words[data-v-7958c34e] { color: #c0c0c3; font-family: Inter; font-size: 12px; font-weight: 400; margin-right: 8px } .board-title-nav > .left > .box[data-v-7958c34e] .input { height: 22px; width: 46px } .board-title-nav > .left > .box[data-v-7958c34e] .input .el-input { display: flex; height: 100% } .board-title-nav > .left > .box[data-v-7958c34e] .input .el-input .el-input__inner { background-color: transparent; border: 1px solid #757f94; height: 100%; padding: 0 3px; text-align: center } .board-title-nav > .left > .box[data-v-7958c34e] .input .el-input .el-input__inner:focus { border: 1px solid #4af } .board-title-nav > .right[data-v-7958c34e] { display: flex; flex-shrink: 0; justify-content: flex-end; width: 120px } .board-title-nav > .right > .btn-item[data-v-7958c34e] { color: #c0c0c3; cursor: pointer; font-size: 12px } .board-title-nav > .right > .btn-item > .icon-zhonghui[data-v-7958c34e] { margin-right: 4px } .top-area-box[data-v-18f21f24] { background: #24262a; border-radius: 8px 8px 8px 8px; height: 36px; left: -1000px; position: fixed; top: -1000px; z-index: 1000 } .top-area-box > .btn-list[data-v-18f21f24] { padding: 0 4px } .top-area-box > .btn-list > .item[data-v-18f21f24] { border-right: 1px solid #2f3238; cursor: pointer; height: 36px; width: 36px } .top-area-box > .btn-list > .item[data-v-18f21f24]:hover { background-color: #2f3238 } .top-area-box > .btn-list > .item[data-v-18f21f24]:last-child { border-right: none } .top-area-box > .btn-list > .item > .iconfont[data-v-18f21f24] { color: #c0c0c3; font-size: 18px } .right-menu-box[data-v-c2ed1330] { background: #24262a; border-radius: 6px; left: -1000px; min-width: 198px; padding: 6px 4px; position: fixed; top: -1000px; z-index: 10000 } .right-menu-box .menu-item[data-v-c2ed1330] { border-radius: 4px; color: #c0c0c3; cursor: pointer; font-size: 14px; height: 32px; padding: 0 12px; position: relative } .right-menu-box .menu-item[data-v-c2ed1330]:hover { background: #2f3238 } .right-menu-box .menu-item:hover > .sub-list[data-v-c2ed1330] { display: block } .right-menu-box .menu-item[data-v-c2ed1330]:after { content: ""; height: 100%; position: absolute; right: -18px; width: 20px } .right-menu-box .menu-item > .left[data-v-c2ed1330] { flex-grow: 1 } .right-menu-box .menu-item > .right[data-v-c2ed1330] { flex-shrink: 0; text-align: right; width: 80px } .right-menu-box .menu-item > .sub-list[data-v-c2ed1330] { background: #24262a; border-radius: 6px; display: none; left: calc(100% + 10px); min-width: 198px; padding: 6px 4px; position: absolute } .works-area-box[data-v-0b630572] { height: calc(100% - 50px); margin-left: 70px; overflow: hidden; width: calc(100% - 70px) } .works-area-box > .poster-area-box > .poster-whiteboard[data-v-0b630572] { background-color: #fff; overflow: hidden; transform-origin: 0 0 } .my-input-number[data-v-b71b4ce0] { line-height: 32px; margin-left: 10px; width: 110px } .my-input-number[data-v-b71b4ce0] .el-input-number__decrease, .my-input-number[data-v-b71b4ce0] .el-input-number__increase { background: #06060d !important } .my-input-number[data-v-b71b4ce0] .el-input__inner, .my-input-number[data-v-b71b4ce0] .el-select-dropdown__item.is-disabled:hover { background-color: #06060d !important } .my-input-number[data-v-b71b4ce0] .el-input-number__decrease, .my-input-number[data-v-b71b4ce0] .el-input-number__increase, .my-input-number[data-v-b71b4ce0] .el-input__inner { border-color: #2a2832 !important } .my-input-number[data-v-b71b4ce0] .el-input__inner { height: 34px } .zoom-board-box[data-v-b71b4ce0] { bottom: 20px; position: fixed; right: 30px; z-index: 100 } .zoom-board-box > .hand-move[data-v-b71b4ce0] { background: #1e1b26; border-radius: 4px; color: #828086; cursor: pointer; height: 28px; width: 28px } .zoom-board-box > .hand-move[data-v-b71b4ce0]:hover { color: #fff } .zoom-board-box > .hand-move > .icon-zhuashou-copy[data-v-b71b4ce0] { font-size: 18px } .zoom-board-box > .hand-active[data-v-b71b4ce0] { color: #fff } .activity-home-content .item-row[data-v-10dcc822] { align-items: center; background-color: transparent; display: flex; position: relative } .activity-home-content .item-row img[data-v-10dcc822] { -o-object-fit: contain; object-fit: contain; width: 100% } .activity-home-content .item-row .download-area[data-v-10dcc822] { height: 153%; position: absolute; width: 93% } .activity-home-content .item-row .download-btn[data-v-10dcc822] { background: transparent; border: none; cursor: pointer; height: 89px; left: 55%; position: absolute; top: 65%; transform: translate(-50%, -50%); width: 28vw; z-index: 5 } .galleryBox .imgNum[data-v-1f14d11d] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; padding: 3px 6px; position: absolute; right: 5px; top: 5px } .galleryBox .imgNum .svg-icon[data-v-1f14d11d] { font-size: 15px } .galleryBox .imgNum span[data-v-1f14d11d] { color: #fff; font-size: 12px; margin-left: 5px } .ellipsis-text[data-v-1f14d11d] { color: #cbd5e1; display: block; font-size: 12px; line-height: 15px; max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .no-search-data-container[data-v-1f14d11d] { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 260px } .no-search-data-container .no-search-image[data-v-1f14d11d] { height: 120px; width: 120px } .no-search-data-container .null-tips[data-v-1f14d11d] { color: #aaacb3; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-top: 10px; text-align: center; width: 100% } .at-bottom[data-v-1f14d11d] { align-items: center; bottom: -100px; display: flex; flex-wrap: nowrap; justify-content: center; position: absolute; width: 100% } .at-bottom .dashed-line[data-v-1f14d11d] { border: 1px dashed #55617d; height: 0; width: 120px } .at-bottom .tips[data-v-1f14d11d] { color: #55617d; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; margin: 0 16px } .waterfall-container[data-v-1f14d11d] { height: 100%; position: relative; width: 100% } .waterfall-item[data-v-1f14d11d] { border-radius: 12px; position: absolute; -webkit-text-decoration: none; text-decoration: none } .waterfall-item .timeRow[data-v-1f14d11d] { align-items: center; color: #fff; display: flex } .waterfall-item .listCnt[data-v-1f14d11d] { align-items: center; background-color: #1e2a3b; border-radius: 12px; display: flex; justify-content: center; position: relative } .waterfall-item .listCnt .img-content[data-v-1f14d11d] { border-radius: 12px; overflow: hidden } .waterfall-item .listCnt .img-content img[data-v-1f14d11d] { -o-object-fit: cover; object-fit: cover; width: 100% } .waterfall-item .listCnt .statusCnt[data-v-1f14d11d] { background: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .waterfall-item .listCnt .statusCnt .statusZg[data-v-1f14d11d] { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .waterfall-item .listCnt .statusCnt .statusBox[data-v-1f14d11d] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; margin-left: -45px; margin-top: -60px; position: absolute; top: 50%; width: 120px } .waterfall-item .listCnt .statusCnt .statusBox .svg-icon[data-v-1f14d11d] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .waterfall-item .listCnt .statusCnt .statusBox .iconfont[data-v-1f14d11d] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .waterfall-item .listCnt .statusCnt .statusBox div[data-v-1f14d11d] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .waterfall-item .listCnt[data-v-1f14d11d]:hover { cursor: pointer } .waterfall-item .listCnt:hover .hover-show[data-v-1f14d11d] { opacity: 1 !important; transition: all .3s ease-in-out } .waterfall-item .listCnt:hover .CollectPop[data-v-1f14d11d], .waterfall-item .listCnt:hover .cltpop[data-v-1f14d11d] { opacity: 1 !important } .waterfall-item .listCnt:hover .modelPoint[data-v-1f14d11d], .waterfall-item .listCnt:hover .payNum[data-v-1f14d11d] { opacity: 0 } .waterfall-item:hover .cntImg[data-v-1f14d11d] { transform: scale(1.15) } .waterfall-item .workInfo[data-v-1f14d11d] { align-items: center; bottom: 0; display: flex; height: 42px; justify-content: space-between; left: 0; position: absolute; width: 100%; z-index: 2 } .waterfall-item .workInfo .numInfo[data-v-1f14d11d] { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(0, 0, 0, .1); border-radius: 24px; display: flex; height: 28px; margin: 0 10px; padding: 0 7px } .waterfall-item .workInfo .numInfo .numItem[data-v-1f14d11d] { align-items: center; display: flex } .waterfall-item .workInfo .numInfo .numItem .svg-icon[data-v-1f14d11d] { color: #fff; font-size: 16px } .waterfall-item .workInfo .numInfo .numItem span[data-v-1f14d11d] { color: #fff; font-size: 12px; margin-left: 4px } .waterfall-item .workInfo .numInfo .numItem[data-v-1f14d11d]:first-child { margin-right: 18px } .waterfall-item .CollectPop[data-v-1f14d11d] { left: 8px; opacity: 0; position: absolute; top: 6px; z-index: 2 } .waterfall-item .cltpop[data-v-1f14d11d] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .waterfall-item .payNum[data-v-1f14d11d] { left: 9px; opacity: 1; position: absolute; top: 6px; transition: all .3s } .waterfall-item .green-mode-div[data-v-1f14d11d] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; left: 0; position: absolute; top: 0; z-index: 1 } .waterfall-item .waterfall-hover-try[data-v-1f14d11d] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; display: flex; font-size: 16px; height: 32px; justify-content: center; opacity: 0; padding: 0 10px; position: absolute; right: 8px; top: 12px; transition: opacity .3s ease-in-out; z-index: 2 } .waterfall-item .hover-show[data-v-1f14d11d] { opacity: 0 } .waterfall-item img[data-v-1f14d11d] { border-radius: inherit; display: block; min-height: 100%; transition: transform .3s ease-out } .waterfall-item .avatorClass[data-v-1f14d11d] { background: #fff; border-radius: 50%; color: #0f101b; flex: 0 0 auto; font-size: 18px; height: 22px; line-height: 22px; margin-right: 6px; text-align: center; width: 22px } .waterfall-item .shade[data-v-1f14d11d] { bottom: 0; color: #fff; height: 160px; left: 0; line-height: 160px; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 160px } .waterfall-item .shade p[data-v-1f14d11d] { position: relative; z-index: 2 } .waterfall-item .shade[data-v-1f14d11d]:after { background: #0f101b; border-radius: 80px; content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .waterfall-item .activity[data-v-1f14d11d] { align-content: flex-end; background: transparent; bottom: -45px; cursor: default; display: flex; flex-wrap: wrap; left: 0; position: absolute; right: 0; top: 0 } .waterfall-item .activity.langger[data-v-1f14d11d] { bottom: -65px } .waterfall-item .activity .top-container[data-v-1f14d11d] { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100% } .waterfall-item .activity .top-container .name[data-v-1f14d11d] { box-sizing: border-box; color: hsla(0, 0%, 100%, .9); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; max-width: calc(100% - 72px); overflow: hidden; padding: 0 3px 0 8px; text-overflow: ellipsis; white-space: nowrap } .waterfall-item .activity .top-container .points[data-v-1f14d11d] { color: #abaeb7; font-size: 14px; font-weight: 400; padding: 0 8px } .waterfall-item .activity .top-container .collect-num[data-v-1f14d11d] { align-items: center; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; flex-wrap: nowrap; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: flex-end; padding-right: 8px; width: 72px } .waterfall-item .activity .top-container .collect-num .svg-icon[data-v-1f14d11d] { margin-right: 3px } .waterfall-item .activity .personal-info[data-v-1f14d11d] { box-sizing: border-box; padding: 5px 8px 10px; width: 100% } .waterfall-item .activity .personal-info .left-info[data-v-1f14d11d], .waterfall-item .activity .personal-info[data-v-1f14d11d] { align-items: center; display: flex; flex-wrap: nowrap } .waterfall-item .activity .personal-info .left-info .avatorClass[data-v-1f14d11d] { cursor: pointer; height: 26px; width: 26px } .waterfall-item .activity .personal-info .left-info .ellipsis-text[data-v-1f14d11d] { cursor: pointer; max-width: calc(100% - 32px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .waterfall-item .activity .personal-info .right-btn[data-v-1f14d11d] { background: rgba(113, 235, 198, .3); border-radius: 20px; color: #00ffd1; cursor: pointer; font-size: 14px; font-weight: 500; min-width: 65px; padding: 6px 0; text-align: center } .waterfall-item .activity .personal-info .right-btn.disabled[data-v-1f14d11d] { background: #999; color: #fff; cursor: not-allowed } .waterfall-item .activity .gallery-tag[data-v-1f14d11d] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; padding: 3px 6px; position: absolute; right: 5px; top: 5px } .waterfall-item .activity .gallery-tag .iconfont[data-v-1f14d11d], .waterfall-item .activity .gallery-tag .svg-icon[data-v-1f14d11d] { font-size: 15px } .waterfall-item .activity .gallery-tag span[data-v-1f14d11d] { color: #fff; font-size: 12px; margin-left: 5px } .activity-waterfall[data-v-d907adfe] { margin: 0 80px; min-height: 250px } .activity-waterfall .wraper[data-v-d907adfe] { position: relative } .activity-waterfall[data-v-f35948ca] { margin: 0 80px; min-height: 850px; padding-top: 20px } .activity-waterfall .wraper[data-v-f35948ca] { position: relative } .claim-award .el-dialog { background: #1a202f; border: 0; border-radius: 30px; height: 680px; margin-top: calc(50vh - 411px) !important; width: 858px } .claim-award .el-dialog .el-dialog__header { background: #1a202f; padding: 0 } .claim-award .el-dialog .el-dialog__header .el-dialog__headerbtn { font-size: 20px } .claim-award .el-dialog .el-dialog__body { background: #1a202f; border-radius: 30px; box-sizing: border-box; height: 100%; padding: 50px 80px 59px; width: 100% } .claim-award .el-dialog .el-dialog__body .sub-title, .claim-award .el-dialog .el-dialog__body .title { color: #fff; font-family: Arial-Bold, Arial; font-size: 24px; font-weight: 700; text-align: center; width: 100% } .claim-award .el-dialog .el-dialog__body .sub-title { margin-top: 5px } .claim-award .el-dialog .el-dialog__body .first-tip { margin-top: 20px } .claim-award .el-dialog .el-dialog__body .first-tip, .claim-award .el-dialog .el-dialog__body .second-tip, .claim-award .el-dialog .el-dialog__body .third-tip { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; width: 100%; word-break: break-word } .claim-award .el-dialog .el-dialog__body .el-form { margin-top: 45px; position: relative } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label { height: 30px; line-height: 30px } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label .star { color: #ff3e3e } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label .number, .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .label .words { color: #f2f2f2; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .sub-label { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400; height: 16px; line-height: 16px; margin-bottom: 5px } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-input .el-input__inner, .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner { background: hsla(0, 0%, 100%, .1); border-color: transparent; border-radius: 8px; color: hsla(0, 0%, 100%, .5); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner { height: 40px; width: 170px } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner::-moz-placeholder { color: hsla(0, 0%, 100%, .5); font-family: Arial-Regular, Arial; font-size: 13px; font-weight: 400 } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__inner::placeholder { color: hsla(0, 0%, 100%, .5); font-family: Arial-Regular, Arial; font-size: 13px; font-weight: 400 } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__suffix .el-icon-circle-check, .claim-award .el-dialog .el-dialog__body .el-form .el-form-item .el-form-item__content .el-select .el-input__suffix .el-icon-circle-close { display: none } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item.is-error .el-input__inner { border-color: #f56c6c !important } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item.contract-type .el-form-item__error { width: 170px; word-break: break-word } .claim-award .el-dialog .el-dialog__body .el-form .el-form-item.contract-info { bottom: 0; margin-bottom: 0; position: absolute; right: 0; width: calc(100% - 180px) } .claim-award .el-dialog .el-dialog__body .submit { background: linear-gradient(90deg, #3f8cff, #20ffff); border: 0; border-radius: 8px; color: #fff; display: block; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; height: 56px; margin: 40px auto 0; width: 329px } .rankDelsList[data-v-fb69bc76] { background: hsla(0, 0%, 100%, .13); border-radius: 20px 20px 20px 20px; box-shadow: inset 1px 0 0 0 hsla(0, 0%, 100%, .1), inset 0 2px 0 0 hsla(0, 0%, 100%, .25); box-sizing: border-box; height: 706px; margin: 0 10px; padding: 20px 30px; width: 580px } .rankDelsList .title[data-v-fb69bc76] { display: flex; height: 50px; justify-content: space-between } .rankDelsList .title span[data-v-fb69bc76] { color: #fff; font-size: 24px } .rankDelsList .title .aceept[data-v-fb69bc76], .rankDelsList .title .end[data-v-fb69bc76], .rankDelsList .title .join[data-v-fb69bc76] { align-items: center; background: hsla(38, 83%, 68%, .2); border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 4px 4px 4px 4px; box-sizing: border-box; color: #f1c16c; cursor: pointer; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; height: 36px; justify-content: center; padding: 8px 10px } .rankDelsList .title .aceept .el-icon-d-arrow-right[data-v-fb69bc76], .rankDelsList .title .end .el-icon-d-arrow-right[data-v-fb69bc76], .rankDelsList .title .join .el-icon-d-arrow-right[data-v-fb69bc76] { margin-left: 5px } .rankDelsList .title .end[data-v-fb69bc76] { background: hsla(35, 21%, 89%, .6); color: hsla(0, 0%, 100%, .5); cursor: not-allowed } .rankDelsList .title .aceept[data-v-fb69bc76] { background: #eaab3c; color: #fff } .rankDelsList .list[data-v-fb69bc76] { height: calc(100% - 50px); overflow: auto; width: 100% } .rankDelsList .list[data-v-fb69bc76]::-webkit-scrollbar { display: none } .rankDelsList .list .item[data-v-fb69bc76] { align-items: center; background: hsla(0, 0%, 100%, .05); border-radius: 10px; box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .03); box-sizing: border-box; cursor: pointer; display: flex; justify-content: space-between; margin-bottom: 8px; padding: 15px 30px 15px 11px; transition: all .3s; width: 100% } .rankDelsList .list .item[data-v-fb69bc76]:hover { background: hsla(0, 0%, 100%, .15) } .rankDelsList .list .item[data-v-fb69bc76]:last-child { margin-bottom: 0 } .rankDelsList .list .item .left[data-v-fb69bc76] { align-items: center; display: flex; justify-content: space-between; width: 400px } .rankDelsList .list .item .info[data-v-fb69bc76] { align-items: center; display: flex; width: 260px } .rankDelsList .list .item .info .rankNum[data-v-fb69bc76] { align-items: center; display: flex; height: 36px; justify-content: center; width: 36px } .rankDelsList .list .item .info .rankNum img[data-v-fb69bc76] { height: 36px; width: 36px } .rankDelsList .list .item .info .rankNum span[data-v-fb69bc76] { color: #787d82; font-size: 14px } .rankDelsList .list .item .info .imgs[data-v-fb69bc76] { background-color: #595c69; border-radius: 100%; flex: 0 0 auto; height: 36px; margin-left: 5px; overflow: hidden; width: 36px } .rankDelsList .list .item .info .imgs img[data-v-fb69bc76] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .rankDelsList .list .item .info .imgsModel[data-v-fb69bc76] { border-radius: 8px; height: 64px; width: 64px } .rankDelsList .list .item .info .imgsModel img[data-v-fb69bc76] { align-items: flex-start; border-radius: 8px; height: auto; min-height: 100% } .rankDelsList .list .item .info .defImg[data-v-fb69bc76] { align-items: center; background-color: #fff; border-radius: 100%; color: #000; display: flex; font-size: 16px; height: 100%; justify-content: center; width: 100% } .rankDelsList .list .item .info .txt[data-v-fb69bc76] { display: flex; flex-direction: column; justify-content: center; margin-left: 6px; width: 150px } .rankDelsList .list .item .info .txt .name[data-v-fb69bc76] { align-items: center; display: flex } .rankDelsList .list .item .info .txt .name .name-text[data-v-fb69bc76] { color: #f1c16c; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rankDelsList .list .item .info .txt .text-content-main-image[data-v-fb69bc76], .rankDelsList .list .item .info .txt .vip-icon[data-v-fb69bc76] { align-items: center; display: flex; margin-left: 5px; min-width: 24px; width: 24px } .rankDelsList .list .item .info .txt .text-content-main-image img[data-v-fb69bc76], .rankDelsList .list .item .info .txt .vip-icon img[data-v-fb69bc76] { height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .rankDelsList .list .item .info .txt .creator-badge[data-v-fb69bc76] { cursor: pointer; margin-left: 5px; width: 24px } .rankDelsList .list .item .info .txt .followers[data-v-fb69bc76] { color: #b5b5b5; font-size: 12px; margin-top: 4px } .rankDelsList .list .item .quan[data-v-fb69bc76] { align-items: center; display: flex; width: 100px } .rankDelsList .list .item .quan .iconfont[data-v-fb69bc76], .rankDelsList .list .item .quan .svg-icon[data-v-fb69bc76] { font-size: 20px; margin-right: 5px } .rankDelsList .list .item .quan span[data-v-fb69bc76] { color: #fff; font-size: 14px } .rankDelsList .list .item .pop[data-v-fb69bc76] { flex-direction: column } .rankDelsList .list .item .pop .popNum[data-v-fb69bc76], .rankDelsList .list .item .pop[data-v-fb69bc76] { align-items: center; display: flex } .rankDelsList .list .item .pop .popNum span[data-v-fb69bc76] { color: 14px; font-size: 14px; margin-right: 5px } .rankDelsList .list .item .pop .popNum .iconfont[data-v-fb69bc76], .rankDelsList .list .item .pop .popNum .svg-icon[data-v-fb69bc76] { font-size: 12px } .rankDelsList .list .item .pop .popTxt[data-v-fb69bc76] { color: #9da2a6; font-size: 11px; margin-top: 5px } .rankDelsList.no-pop[data-v-fb69bc76] { width: 450px } .rankDelsList.no-pop .list .item[data-v-fb69bc76] { padding: 15px 11px } .rankDelsList.no-pop .list .item .left .quan[data-v-fb69bc76] { width: 80px } .rankDelsList.no-pop .list .item .left .quan span[data-v-fb69bc76] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rankDelsList.no-pop .list .item .left .quan .iconfont.like[data-v-fb69bc76], .rankDelsList.no-pop .list .item .left .quan .svg-icon.like[data-v-fb69bc76] { fill: #878c97 } .rankDelsList.no-pop .list .item .left .quan .iconfont.ranks-user[data-v-fb69bc76], .rankDelsList.no-pop .list .item .left .quan .svg-icon.ranks-user[data-v-fb69bc76] { font-size: 23px } .rankDelsList .el-select .el-input .el-input__inner { background-color: hsla(0, 0%, 100%, .1); border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 4px; color: #fff; height: 32px; line-height: 32px; outline: none; width: 113px } .rankDelsList .el-select .el-input .el-select__caret { align-items: center; color: #fff; display: flex; justify-content: center } .activity-rules .el-dialog__body pre { font-family: PingFang SC-Regular, PingFang SC, 微软雅黑; margin: 0 } .tab-btns[data-v-f62b75a8] { background: #271655; gap: .5vw; justify-content: center; position: relative } .tab-btns .tab-btn[data-v-f62b75a8] { border: none; color: #bfbfbf; cursor: pointer; font-size: 16px; font-weight: 700; padding: .8vw 1.5vw } .tab-btns .tab-btn[data-v-f62b75a8]:hover { background: rgba(28, 29, 42, .6); color: hsla(0, 0%, 100%, .8) } .tab-btns .tab-btn.active[data-v-f62b75a8] { background: #431f9e; color: #fff } .tab-btns .right[data-v-f62b75a8] { align-items: center; display: flex; height: 100%; position: absolute; right: 0 } .tab-btns .right .claim-btn[data-v-f62b75a8] { align-items: center; background: hsla(38, 83%, 68%, .2); border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 4px; box-sizing: border-box; color: #f1c16c; cursor: pointer; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; height: 32px; justify-content: center; margin-right: 24px; padding: 8px 10px } .tab-btns .right .claim-btn .el-icon-d-arrow-right[data-v-f62b75a8] { margin-left: 5px } .tab-btns .right .order-content[data-v-f62b75a8] { color: #fff; font-family: "Inter-Medium", Inter, var(--font-family); font-size: 14px; font-weight: 500; gap: 12px } .tab-btns .right .order-content .order-btn[data-v-f62b75a8] { cursor: pointer; padding: 6px 27px } .tab-btns .right .order-content .order-btn.active[data-v-f62b75a8] { color: #f44 } .active-join-dialog[data-v-dd70b288] .el-dialog { margin-top: 3vh !important } .active-join-dialog .select[data-v-dd70b288] { border-bottom: 1px solid #3a3a3a; gap: 25px } .active-join-dialog .select .tab-btn[data-v-dd70b288] { color: hsla(0, 0%, 100%, .8); font-family: "Arial-Regular", Arial, var(--font-family); font-size: 16px; font-weight: 400 } .active-join-dialog .select .tab-btn.tab-active[data-v-dd70b288] { color: #fff; position: relative } .active-join-dialog .select .tab-btn.tab-active[data-v-dd70b288]:after { background: linear-gradient(90deg, #3f8cff, #20ffff); background-position: 50%; background-size: contain; bottom: -2px; content: ""; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); width: 60% } .active-join-dialog .info[data-v-dd70b288] { font-family: "Arial-Regular", Arial, var(--font-family); font-weight: 400; gap: 20px; margin: 20px 0 } .active-join-dialog .info .title[data-v-dd70b288] { color: #fff; font-size: 18px; line-height: 21px } .active-join-dialog .info .txt[data-v-dd70b288] { color: hsla(0, 0%, 100%, .5); font-size: 12px } .active-join-dialog .info .txt .icon[data-v-dd70b288] { font-size: 16px; margin-right: 8px } .active-join-dialog .select-content[data-v-dd70b288] { background: rgba(60, 73, 89, .5); border-radius: 20px 20px 20px 20px; margin: 14px 0; max-height: calc(100vh - 345px); min-height: 500px; overflow-y: auto; width: 1056px } .active-join-dialog .select-content .select-items[data-v-dd70b288] { gap: 10px; padding: 24px } .active-join-dialog .select-content .select-items .item[data-v-dd70b288] { background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 16px; height: 240px; overflow: hidden; position: relative; width: 240px } .active-join-dialog .select-content .select-items .item.clicked[data-v-dd70b288] { outline: 4px solid #71ebc6 } .active-join-dialog .select-content .select-items .item.joined-hidden[data-v-dd70b288] { display: none } .active-join-dialog .select-content .select-items .item .added-btn[data-v-dd70b288] { background-color: #0d9488; border-radius: 8px; color: #fff; font-size: 14px; font-weight: 500; left: 6px; padding: 6px 10px; position: absolute; top: 6px } .active-join-dialog .select-content .select-items .item .text[data-v-dd70b288] { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(0, 0, 0, .2); border-radius: 0 0 16px 16px; bottom: 0; box-sizing: border-box; color: #fff; font-size: 14px; font-weight: 400; left: 0; padding: 8px 12px; position: absolute; right: 0; width: 100% } .active-join-dialog .select-content .select-items .item .item-cover[data-v-dd70b288] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .active-join-dialog .select-content .select-items .create-item[data-v-dd70b288] { background: #212839; color: #767982; cursor: pointer; font-size: 16px; gap: 24px } .active-join-dialog .select-content .select-items .create-item .icon[data-v-dd70b288] { transform: scale(2) } .active-join-dialog .select-content .select-items .gallery-item[data-v-dd70b288], .active-join-dialog .select-content .select-items .model-item[data-v-dd70b288] { cursor: pointer; justify-content: flex-end } .active-join-dialog .select-content .select-items .gallery-item .gallery-tag[data-v-dd70b288] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; padding: 3px 6px; position: absolute; right: 5px; top: 5px } .active-join-dialog .select-content .select-items .gallery-item .gallery-tag .iconfont[data-v-dd70b288], .active-join-dialog .select-content .select-items .gallery-item .gallery-tag .svg-icon[data-v-dd70b288] { font-size: 15px } .active-join-dialog .select-content .select-items .gallery-item .gallery-tag span[data-v-dd70b288] { color: #fff; font-size: 12px; margin-left: 5px } .active-join-dialog .submit-content[data-v-dd70b288] { align-items: center; display: flex; gap: 20px; justify-content: center; padding: 0 24px } .active-join-dialog .submit-content .submit-btn[data-v-dd70b288] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; cursor: pointer; font-size: 18px; font-weight: 600; padding: 11px 44px } .active-join-dialog .submit-content .submit-btn[data-v-dd70b288]:hover { filter: brightness(1.3) } .activity-index[data-v-6d81daa4] { background-color: #0a0a0a } .activity-index .top[data-v-6d81daa4], .activity-index[data-v-6d81daa4] { position: relative } .activity-index .top .top-img[data-v-6d81daa4] { align-items: center; display: flex } .activity-index .top .top-img img[data-v-6d81daa4] { -o-object-fit: contain; object-fit: contain; width: 100% } .activity-index .top .join-btn-content[data-v-6d81daa4] { bottom: 0; padding: 0 16.5vw; position: absolute; transition: all .3s; width: 100%; z-index: 1 } .activity-index .top .join-btn-content .join-btn[data-v-6d81daa4] { animation: heartbeat-6d81daa4 3s ease-in-out infinite both; background-repeat: no-repeat; background-size: cover; border: none; cursor: pointer; height: 10vw; width: 22vw } .activity-index .top .join-btn-content .join-btn.disabled[data-v-6d81daa4] { animation: none; cursor: not-allowed } .activity-index .tab-content[data-v-6d81daa4] { z-index: 1 } .activity-index .tab-content.sticky[data-v-6d81daa4] { -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); background: rgba(0, 0, 0, .4); bottom: auto; position: fixed; top: 72px } @keyframes text-focus-in-6d81daa4 { 0% { filter: blur(12px); opacity: 0 } to { filter: blur(0); opacity: 1 } } @keyframes heartbeat-6d81daa4 { 0% { animation-timing-function: ease-out; transform: scale(1); transform-origin: center center } 10% { animation-timing-function: ease-in; transform: scale(.91) } 17% { animation-timing-function: ease-out; transform: scale(.98) } 33% { animation-timing-function: ease-in; transform: scale(.87) } 45% { animation-timing-function: ease-out; transform: scale(1) } } .change-password[data-v-2e06f28c] { margin-top: 30px } .change-password .tagView-form[data-v-2e06f28c] { box-sizing: border-box; height: calc(100% - 286px); padding: 0 30.5px; width: 100% } .change-password .tagView-form .bottom-btn[data-v-2e06f28c] { background: #141726; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; font-family: var(--font-family); font-size: 16px; font-weight: 500; height: 48px; margin: 40px auto; transition: all .5s ease-in-out; width: 328px } .change-password .tagView-form .bottom-btn[data-v-2e06f28c]:hover { background-color: #494f80; border-color: #494f80 } .change-password .tagView-form .bottom-btn[data-v-2e06f28c]:active { background-color: #1e2a3b; border-color: #4c5286 } .change-password .tagView-form[data-v-2e06f28c] .el-form-item .el-form-item__label { color: #d5dbe5; font-family: var(--font-family); font-size: 16px; font-weight: 500 } .change-password .tagView-form[data-v-2e06f28c] .el-input .el-input__inner { background: #2a334c; border: 1px solid #3b4666; color: #fff } .change-password .tagView-form[data-v-2e06f28c] .el-input .el-input__inner:focus { background: transparent; border-color: #577ae0 } .change-password .tagView-form[data-v-2e06f28c] .el-input .el-input__count .el-input__count-inner { background: transparent } .name-and-tag-setting .person-content .tagView-form[data-v-20b872b8] { box-sizing: border-box; height: calc(100% - 286px); padding: 0 30.5px; width: 100% } .name-and-tag-setting .person-content .tagView-form .label-wrap[data-v-20b872b8] { gap: 8px } .name-and-tag-setting .person-content .tagView-form[data-v-20b872b8] .el-form-item .el-form-item__label { color: #d5dbe5; font-family: var(--font-family); font-size: 16px; font-weight: 500 } .name-and-tag-setting .person-content .tagView-form[data-v-20b872b8] .el-input .el-input__inner { background: #2a334c; border: 1px solid #3b4666; color: #fff } .name-and-tag-setting .person-content .tagView-form[data-v-20b872b8] .el-input .el-input__inner:focus { background: transparent; border-color: #577ae0 } .name-and-tag-setting .person-content .tagView-form[data-v-20b872b8] .el-input .el-input__count .el-input__count-inner { background: transparent } .name-and-tag-setting .person-content .interestTag-wrap[data-v-20b872b8] { gap: 10px; max-height: 270px; overflow: auto } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-20b872b8] { background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .1); color: #d8d9dc; font-family: ArialMT, var(--font-family); font-size: 14px; height: 40px; line-height: 16px; margin: 0; overflow: hidden; padding: 0 15px; transition: all .5s ease-in-out; width: 160px } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-20b872b8] > span { width: 100% } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn.selected[data-v-20b872b8] { background-color: #2d65cc; color: #fff; font-family: Arial-BoldMT, Arial; font-size: 14px; font-weight: 400; line-height: 16px } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-20b872b8]:hover { filter: brightness(1.2) } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn[data-v-20b872b8]:active { color: #d3d3d3 } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn .content[data-v-20b872b8] { justify-content: flex-start; width: 100% } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn .content > span[data-v-20b872b8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 45px) } .name-and-tag-setting .person-content .interestTag-wrap .tag-btn .tag-img[data-v-20b872b8] { border-radius: 50%; height: 35px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; width: 35px } .name-and-tag-setting .person-content .interestTag-wrap .zh-width[data-v-20b872b8] { width: 126px } .name-and-tag-setting .person-content .selected-tag[data-v-20b872b8] { gap: 8px; height: auto; max-height: 200px; overflow: auto } .name-and-tag-setting .person-content .selected-tag .tag-btn[data-v-20b872b8] { background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 50px; color: #d8d9dc; cursor: inherit; font-family: ArialMT, var(--font-family); font-size: 14px; height: 40px; line-height: 16px; margin-top: 10px; overflow: hidden; padding: 0 15px; transition: all .5s ease-in-out; width: 160px } .name-and-tag-setting .person-content .selected-tag .tag-btn[data-v-20b872b8]:hover { filter: brightness(1.2) } .name-and-tag-setting .person-content .selected-tag .tag-btn[data-v-20b872b8]:active { color: #d3d3d3 } .name-and-tag-setting .person-content .selected-tag .tag-btn .left[data-v-20b872b8] { cursor: pointer; gap: 8px; max-width: 85% } .name-and-tag-setting .person-content .selected-tag .tag-btn .right[data-v-20b872b8] { cursor: pointer } .name-and-tag-setting .person-content .selected-tag .tag-btn .tag-img[data-v-20b872b8] { border-radius: 50%; height: 35px; -o-object-fit: cover; object-fit: cover; width: 35px } .name-and-tag-setting .person-content .bottom-btn[data-v-20b872b8] { background: #141726; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; font-family: var(--font-family); font-size: 16px; font-weight: 500; height: 48px; margin: 20px auto; transition: all .5s ease-in-out; width: 328px } .name-and-tag-setting .person-content .bottom-btn[data-v-20b872b8]:hover { background-color: #494f80; border-color: #494f80 } .name-and-tag-setting .person-content .bottom-btn[data-v-20b872b8]:active { background-color: #1e2a3b; border-color: #4c5286 } .tag-setting-tips { background: #3c4047; box-sizing: border-box; color: #e5eaf3; max-width: 800px; padding: 2px 8px; text-align: center; word-break: keep-all } .tag-setting-tips .popper__arrow:after { border-bottom-color: #c4cfdb !important } .tag-setting-tips .balance-tips-text { padding: 6px; word-break: keep-all } .delete-account[data-v-5a7da582] { margin: 60px 50px 0 } .delete-account .up-content[data-v-5a7da582] { gap: 15px } .delete-account .up-content .warning[data-v-5a7da582] { background: rgba(215, 87, 87, .1); border-radius: 50%; color: #d75757; flex-shrink: 0; font-size: 25px; height: 48px; width: 48px } .delete-account .up-content .delete-account-text[data-v-5a7da582] { gap: 10px } .delete-account .up-content .delete-account-text .delete-account-title[data-v-5a7da582] { color: #fcfcfd; font-family: "Poppins-Medium", Poppins, var(--font-family); font-size: 16px; font-weight: 500; line-height: 24px } .delete-account .up-content .delete-account-text .delete-account-content[data-v-5a7da582] { color: #cfd7e9; font-family: "PingFang SC-Regular", PingFang SC, var(--font-family); font-size: 14px; font-weight: 400; line-height: 24px } .delete-account .bottom-btn[data-v-5a7da582] { background: #141726; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; font-family: var(--font-family); font-size: 16px; font-weight: 500; height: 48px; margin: 40px auto; transition: all .5s ease-in-out; width: 328px } .delete-account .bottom-btn[data-v-5a7da582]:hover { background-color: #494f80; border-color: #494f80 } .delete-account .bottom-btn[data-v-5a7da582]:active { background-color: #1e2a3b; border-color: #4c5286 } .delete-account .delete-account-dialog .dialog-footer[data-v-5a7da582] { margin-bottom: 30px; padding: 0 50px } .delete-account .delete-account-dialog .dialog-footer .my-dialog-btn[data-v-5a7da582] { border: none; color: #fcfcfc; flex: 1 } .delete-account .delete-account-dialog .dialog-footer .my-dialog-btn.btn-left[data-v-5a7da582] { background-color: #2c3140 } .delete-account .delete-account-dialog .dialog-footer .my-dialog-btn.btn-right[data-v-5a7da582] { background: linear-gradient(81deg, #3f8fff, #21feff) } .delete-account-dialog { background-color: #1a202f; background-size: 100% 100%; border-radius: 15px; box-shadow: none; left: 50%; margin: 0 !important; outline: none; overflow: visible; overflow: initial; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 510px } .delete-account-dialog .main-part { font-size: 16px; font-weight: 400; line-height: 27px } .delete-account-dialog .main-part .title { position: relative; text-align: center } .delete-account-dialog .main-part .title .title-main { color: #fcfcfd; font-size: 16px; font-weight: 500 } .delete-account-dialog .main-part .title .title-sub { color: #cfd7e9; font-size: 14px; font-weight: 400; margin: 20px 0 35px } .delete-account-dialog .main-part .confirm-input .input-text { color: #dde2e9; font-family: "PingFang SC-Semibold", "PingFang SC", var(--font-family); font-size: 14px; font-weight: 600; margin-bottom: 10px } .delete-account-dialog .main-part .confirm-input .input-text .name { color: #d75757; margin: 0 5px } .delete-account-dialog .main-part .confirm-input .el-input .el-input__inner { background: #2a334c; border: 1px solid #3b4666; color: #fff } .delete-account-dialog .main-part .confirm-input .el-input .el-input__inner:focus { background: transparent; border-color: #577ae0 } .delete-account-dialog .main-part .confirm-input .el-input .el-input__count .el-input__count-inner { background: transparent } .delete-account-dialog .el-dialog__header { background-color: transparent; color: #fff; font-size: 16px; font-weight: 500; padding: 20px 24px } .delete-account-dialog .el-dialog__header .el-icon-close { color: #64748b; font-size: 24px } .delete-account-dialog .el-dialog__body { padding: 30px 50px } .delete-account-dialog .el-dialog__footer { padding: 0 } .btn[data-v-4e03c5e6] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-4e03c5e6]:hover { background-color: #f5f5f5 } .btn[data-v-4e03c5e6]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-4e03c5e6] { cursor: not-allowed } .btn .svg-icon[data-v-4e03c5e6] { font-size: 24px; margin-right: 40px } .my-btn[data-v-4e03c5e6] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-4e03c5e6]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-4e03c5e6]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-4e03c5e6] { color: #747f91 } .text-right[data-v-4e03c5e6] { text-align: right } .m-b-20[data-v-4e03c5e6] { margin-bottom: 20px } .el-divider[data-v-4e03c5e6] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-4e03c5e6] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-4e03c5e6] { animation: shake-horizontal-4e03c5e6 .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-4e03c5e6 { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .p-settings-page[data-v-4e03c5e6] { align-items: center; display: flex; flex-direction: column; padding-top: 30px; position: relative; width: 100% } .p-settings-page .settings-page__wrapper[data-v-4e03c5e6] { width: 780px } .p-settings-page .setting-card-box-wrapper[data-v-4e03c5e6] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #0f0f17; border: 1px solid #2e2e35; border-radius: 4px; box-shadow: none; box-sizing: border-box; color: #c1c2c5; display: block; margin-bottom: 20px; max-width: 780px; min-height: 70vh; min-width: 640px; outline: 0; overflow: hidden; padding: 16px; position: relative; -webkit-text-decoration: none; text-decoration: none } .p-settings-page .setting-card-box-wrapper .my-el-menu[data-v-4e03c5e6] { background-color: transparent; border-bottom: 1px solid #283346 } .p-settings-page .setting-card-box-wrapper .my-el-menu[data-v-4e03c5e6] .el-menu-item { background-color: transparent; color: #a0adb9 } .p-settings-page .setting-card-box-wrapper .my-el-menu .el-menu-item.is-active[data-v-4e03c5e6], .p-settings-page .setting-card-box-wrapper .my-el-menu .el-menu-item[data-v-4e03c5e6]:focus, .p-settings-page .setting-card-box-wrapper .my-el-menu[data-v-4e03c5e6] .el-menu-item:hover { background-color: transparent; border-bottom-color: #d8d8d8; color: #dde2e9 } .p-settings-page .setting-card-box[data-v-4e03c5e6] { align-items: stretch; display: flex; flex-direction: column; gap: 16px; justify-content: flex-start } .p-settings-page .setting-card-main-title[data-v-4e03c5e6] { color: #d5dbe5; font-size: 16px; font-weight: 700; line-height: 1.35; margin-top: 30px } .p-settings-page .setting-card-main-title[data-v-4e03c5e6], .p-settings-page .setting-card-sub-title[data-v-4e03c5e6] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-decoration: none; text-decoration: none } .p-settings-page .setting-card-sub-title[data-v-4e03c5e6] { color: #7e868e; font-size: 14px; font-weight: 500; line-height: 1.55 } .p-settings-page .settings--card-content[data-v-4e03c5e6] { display: flex; flex-direction: column; gap: 16px } .p-settings-page .settings-switch[data-v-4e03c5e6] { display: inline-flex } .p-settings-page .settings--card-content-item[data-v-4e03c5e6] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); align-items: center; background-color: #192030; border: 1px solid #272f3e; border-radius: 4px; box-shadow: none; box-sizing: border-box; color: #c1c2c5; cursor: default; display: flex; font-size: 14px; height: 48px; line-height: 20px; outline: 0; overflow: hidden; padding: 0 16px; position: relative; -webkit-text-decoration: none; text-decoration: none } .p-settings-page .settings-name[data-v-4e03c5e6] { margin-left: 12px } .p-settings-page .bottom-btn[data-v-4e03c5e6] { background: #141726; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; font-family: var(--font-family); font-size: 16px; font-weight: 500; height: 48px; margin: 40px auto; transition: all .5s ease-in-out; width: 328px } .p-settings-page .bottom-btn[data-v-4e03c5e6]:hover { background-color: #494f80; border-color: #494f80 } .p-settings-page .bottom-btn[data-v-4e03c5e6]:active { background-color: #1e2a3b; border-color: #4c5286 } .p-settings-page .custom-select[data-v-4e03c5e6] { display: block } .p-settings-page .settings-page-close-button[data-v-4e03c5e6] { background-color: transparent; border-color: transparent; border-radius: 50%; color: #fff; cursor: pointer; display: none; font-size: 26px; height: 56px; position: fixed; right: 70px; top: 70px; width: 56px } .p-settings-page .settings-page-close-button[data-v-4e03c5e6]:hover { background-color: #1c2433 } .p-settings-page .settings-page-close-button[data-v-4e03c5e6]:active { background-color: #1d2349 } .p-settings-page .backIcon[data-v-4e03c5e6] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-size: 28px; height: 52px; justify-content: center; left: -35px; position: absolute; top: 0; width: 52px } .p-settings-page .backIcon[data-v-4e03c5e6]:hover { background-color: #1c2433 } .top[data-v-2c92c2f8] { justify-content: space-between } .inviteTips[data-v-2c92c2f8], .top[data-v-2c92c2f8] { align-items: center; display: flex } .inviteTips[data-v-2c92c2f8] { margin: 15px 0 0 } .inviteTips img[data-v-2c92c2f8] { height: 19px; width: 19px } .inviteTips span[data-v-2c92c2f8] { color: hsla(0, 0%, 100%, .8); font-size: 14px; margin-left: 5px } .rule[data-v-2c92c2f8] { align-items: center; display: flex } .rule span[data-v-2c92c2f8] { color: hsla(0, 0%, 100%, .8); font-size: 14px } .rule .iconfont[data-v-2c92c2f8], .rule .svg-icon[data-v-2c92c2f8] { color: hsla(0, 0%, 100%, .8); font-size: 16px; margin-left: 5px } .ruleCnt[data-v-2c92c2f8] { color: #fff; font-size: 14px; padding: 5px } .list[data-v-2c92c2f8] { display: flex; flex-wrap: wrap; margin: -11px; min-height: 200px } .list .defBox[data-v-2c92c2f8] { align-items: center; display: flex; flex-direction: column; height: calc(100vh - 110px); justify-content: center; width: 100% } .list .defBox img[data-v-2c92c2f8] { height: 114px; margin-bottom: 30px; width: 120px } .list .defBox span[data-v-2c92c2f8] { color: #aaacb3; font-size: 12px } .list .listItem[data-v-2c92c2f8] { box-sizing: border-box; margin-top: 79px; padding: 0 11px; width: 313px } .list .listItem.vip-diamond .listCnt[data-v-2c92c2f8] { background-image: /*savepage-url=/_nuxt/img/bg-small.27ba4b6.webp*/ url() } .list .listItem .listCnt[data-v-2c92c2f8] { align-items: center; background: rgba(28, 32, 57, .9); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; border: 1px solid #20243d; border-radius: 13px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; min-height: 274px; padding: 0 15px 34px; width: 100% } .list .listItem .listCnt .awardIcon[data-v-2c92c2f8] { display: flex; justify-content: center } .list .listItem .listCnt .awardIcon img[data-v-2c92c2f8] { height: 90px; margin-top: -50px; width: 100px } .list .listItem .listCnt .awardIcon img.is-credit[data-v-2c92c2f8] { height: 70px; margin-top: -30px; width: 70px } .list .listItem .listCnt .awardNum[data-v-2c92c2f8] { display: flex; height: 34px; justify-content: center; margin-top: 10px } .list .listItem .listCnt .awardNum .cpVip[data-v-2c92c2f8] { align-items: center; color: #fffcf9; display: flex; font-size: 14px } .list .listItem .listCnt .awardNum div[data-v-2c92c2f8] { align-items: center; background-repeat: no-repeat; background-size: 100% 100%; color: #fffcf9; display: flex; font-size: 22px; height: 34px; justify-content: center; min-width: 182px } .list .listItem .listCnt .desc[data-v-2c92c2f8] { color: #cfd3dc; font-size: 14px; line-height: 20px; margin: 20px 0; text-align: center } .list .listItem .listCnt .vip-expiry-tip[data-v-2c92c2f8] { color: #f8a300; font-family: PingFang SC-Medium, PingFang SC; font-size: 12px; font-weight: 500; text-align: center } .list .listItem .listCnt .bnt[data-v-2c92c2f8] { align-items: center; background-color: transparent; background-color: initial; background-repeat: no-repeat; background-size: 100% 100%; border: none; color: #fff; display: flex; height: 40px; justify-content: center; min-width: 160px } .btn-hover[data-v-2c92c2f8] { border: 1px solid #293246; border-radius: 4px; color: #fff; font-size: 14px; padding: 5px; text-align: center } .my-task-popover { border: 0 !important } .awardRecordlist[data-v-0eb0dd44] { margin-top: 15px } .awardRecordlist .topBar[data-v-0eb0dd44] { display: flex; margin-top: 30px } .awardRecordlist .topBar .topItem[data-v-0eb0dd44] { align-items: center; background-size: 100% 100%; border: 1px solid #20243d; border-radius: 16px; cursor: pointer; display: flex; height: 108px; width: 300px } .awardRecordlist .topBar .topItem .topCnt[data-v-0eb0dd44] { color: #dfe2f0; margin-left: 20px } .awardRecordlist .topBar .topItem .topCnt div[data-v-0eb0dd44]:first-child { font-size: 40px } .awardRecordlist .topBar .topItem .topCnt div[data-v-0eb0dd44]:nth-child(2) { font-size: 16px; margin-top: 4px } .awardRecordlist .head[data-v-0eb0dd44] { align-items: center; display: flex; height: 48px; margin-top: 24px; width: 100% } .awardRecordlist .head .headItem[data-v-0eb0dd44] { align-items: center; color: #cfd3dc; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 20% } .awardRecordlist .list[data-v-0eb0dd44] { min-height: 200px } .awardRecordlist .list .row[data-v-0eb0dd44] { align-items: center; background-color: #1b1e2e; border-radius: 10px; display: flex; margin-bottom: 17px; min-height: 48px } .awardRecordlist .list .row .cell[data-v-0eb0dd44] { align-items: center; box-sizing: border-box; color: #cfd3dc; display: flex; font-size: 14px; height: 100%; justify-content: center; padding: 5px 0; width: 20% } .awardRecordlist .list .row .cell .coinBox[data-v-0eb0dd44] { align-items: center; cursor: pointer; display: flex; width: 70px } .awardRecordlist .list .row .cell .coinImg[data-v-0eb0dd44] { height: 22px; margin-right: 8px; width: 22px } .awardRecordlist .list .row .cell .detailImg[data-v-0eb0dd44] { cursor: pointer; height: 80px; overflow: hidden; width: 100px } .awardRecordlist .list .row .cell .detailImg .modelName[data-v-0eb0dd44] { align-items: center; display: flex; height: 100%; justify-content: center } .awardRecordlist .list .row .cell .detailImg .el-image[data-v-0eb0dd44] { height: 100%; width: 100% } .awardRecordlist .list .row .cell .detailImg img[data-v-0eb0dd44] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .awardRecordlist .list .row .cell .coinNum[data-v-0eb0dd44] { color: #ffdaa1; white-space: nowrap } .awardRecordlist[data-v-0eb0dd44] .pagination { display: flex; justify-content: flex-end } .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination.is-background .btn-next, .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination.is-background .btn-prev, .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination.is-background .el-pager li, .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination__jump, .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination__total { color: #d9dfe7 } .awardRecordlist[data-v-0eb0dd44] .pagination .el-pager li, .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination .btn-next, .awardRecordlist[data-v-0eb0dd44] .pagination .el-pagination .btn-prev { background-color: transparent; background-color: initial } .IncentiveTesk[data-v-105147d5] { box-sizing: border-box; color: #fff; min-height: calc(100vh - 100px); width: 100% } .tabs[data-v-105147d5] { margin-top: 14px; padding-bottom: 10px; position: relative; width: 100% } .tabs .tabItem[data-v-105147d5], .tabs[data-v-105147d5] { align-items: center; display: flex } .tabs .tabItem[data-v-105147d5] { color: #939cb4; cursor: pointer; font-size: 16px; height: 40px; justify-content: center; min-width: 156px } .tabs .tabItem-activate[data-v-105147d5] { background-size: 100% 100%; color: #fff } .tabs[data-v-105147d5]:after { background: linear-gradient(90deg, #223474, rgba(32, 110, 99, 0)); bottom: 0; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100% } .WorkFlowCon[data-v-5c39609a] { display: flex; flex-direction: column; height: calc(100% - 106px); width: calc(100% - 600px) } .WorkFlowCon .flex[data-v-5c39609a] { align-items: center; display: flex } .WorkFlowCon .work-content[data-v-5c39609a] { background: #181924; border-radius: 12px 12px; display: flex; flex-direction: column; height: 100%; width: 100% } .WorkFlowCon .work-content .top[data-v-5c39609a] { align-items: center; background: #262731; border-bottom: 1px solid hsla(0, 0%, 100%, .06); border-radius: 12px 12px 0 0; box-sizing: border-box; color: #fff; color: #fefefe; display: flex; flex-shrink: 0; font-size: 12px; height: 40px; justify-content: space-between; padding: 0 36px 0 20px; width: 100% } .WorkFlowCon .work-content .top .left[data-v-5c39609a] { font-size: 12px } .WorkFlowCon .work-content .top .left .comfy[data-v-5c39609a] { cursor: pointer } .WorkFlowCon .work-content .top .left .comfy i[data-v-5c39609a] { font-size: 18px } .WorkFlowCon .work-content .top .left .work-edit[data-v-5c39609a] { margin-left: 32px } .WorkFlowCon .work-content .top .left .work-edit i[data-v-5c39609a] { font-weight: 700 } .WorkFlowCon .work-content .top .left .node[data-v-5c39609a] { color: #e5e9ec; cursor: pointer; margin-left: 26px } .WorkFlowCon .work-content .top .left .node i[data-v-5c39609a] { font-size: 13px } .WorkFlowCon .work-content .top .left i[data-v-5c39609a] { margin-right: 4px } .WorkFlowCon .work-content .top .right[data-v-5c39609a] { color: #a3aab2 } .WorkFlowCon .work-content .top .right .status[data-v-5c39609a] { background: #52b976; border-radius: 50%; display: inline-block; height: 8px; margin-right: 2px; width: 8px } .WorkFlowCon .work-content .swiper-box[data-v-5c39609a] { border-radius: 8px; flex: 1; margin: 0 auto; width: 100% } .WorkFlowCon .work-content .swiper-box .swiper-item[data-v-5c39609a] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .WorkFlowCon .work-content .swiper-box .swiper-item .pic[data-v-5c39609a] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .WorkFlowCon .work-content .swiper-box .swiper-item .video[data-v-5c39609a] { height: 100% } .WorkFlowCon .work-content .workflow-category[data-v-5c39609a] { background: #181924; border-radius: 0 0 12px 12px; border-top: 1px solid hsla(0, 0%, 100%, .06); display: flex; flex-shrink: 0; flex-wrap: nowrap; justify-content: center; overflow-x: auto; overflow-y: hidden; padding: 14px 0; width: 100% } .WorkFlowCon .work-content .workflow-category .list[data-v-5c39609a] { background: #363744; border-radius: 10px; box-sizing: border-box; flex-shrink: 0; height: 92px; margin-right: 16px; padding: 2px; width: 92px } .WorkFlowCon .work-content .workflow-category .list img[data-v-5c39609a] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .WorkFlowCon .work-content .workflow-category .list .video[data-v-5c39609a] { border-radius: 10px; height: 100%; width: 100% } .WorkFlowCon .work-content .workflow-category .list.active[data-v-5c39609a] { background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3)), linear-gradient(81deg, #3f8fff, #21feff) } .WorkFlowCon .work-content .workflow-category.cateFlex[data-v-5c39609a] { justify-content: flex-start } .WorkFlowCon .work-content .node-box[data-v-5c39609a] { border-top: 1px solid hsla(0, 0%, 100%, .06); height: 65vh; overflow-x: hidden; overflow-y: auto } .WorkFlowCon .work-content .node-box p[data-v-5c39609a] { color: #fefefe; font-size: 14px; margin: 10px 0 } [data-v-5c39609a] .el-dialog__body { padding: 10px 30px 20px } [data-v-5c39609a] .el-dialog__header span { color: #fff; font-size: 16px } [data-v-5c39609a] .el-dialog__header i { color: #fff; font-size: 18px } [data-v-5c39609a] .el-carousel__container .el-carousel__arrow--left, [data-v-5c39609a] .el-carousel__container .el-carousel__arrow--right { background: hsla(0, 0%, 100%, .2); border-radius: 50%; height: 32px; width: 32px } [data-v-5c39609a] .el-carousel__container .el-carousel__arrow--left i, [data-v-5c39609a] .el-carousel__container .el-carousel__arrow--right i { font-size: 15px; font-weight: 700 } .step-max-page[data-v-0bc07c72] { padding-bottom: 40px; padding-top: 20px } .step-max-page > .step-box[data-v-0bc07c72] { width: 1160px } .step-max-page > .step-box > .item[data-v-0bc07c72] { cursor: pointer; flex-grow: 1; position: relative } .step-max-page > .step-box > .item[data-v-0bc07c72]:last-child { flex-grow: 0 } .step-max-page > .step-box > .item[data-v-0bc07c72]:before { border-bottom: 1px dashed hsla(0, 0%, 100%, .5); content: ""; left: 0; position: absolute; top: 16px; width: 100%; z-index: 1 } .step-max-page > .step-box > .item > .num[data-v-0bc07c72] { background: #b8c0c9; border-radius: 50%; color: #fff; font-size: 14px; height: 32px; position: relative; width: 32px; z-index: 2 } .step-max-page > .step-box > .item > .num[data-v-0bc07c72]:before { background-color: var(--containerBg); content: ""; height: 100%; left: -12px; position: absolute; top: 0; width: 12px } .step-max-page > .step-box > .item > .text[data-v-0bc07c72] { background-color: var(--containerBg); color: #b8c0c9; font-size: 16px; font-weight: 500; padding: 0 12px; position: relative; z-index: 2 } .step-max-page > .step-box > .highlight[data-v-0bc07c72]:before { border-bottom: 1px solid #14b8a6; content: "" } .step-max-page > .step-box > .highlight > .num[data-v-0bc07c72] { background-color: #14b8a6 } .step-max-page > .step-box > .highlight > .text[data-v-0bc07c72] { color: #14b8a6 } .select-line-box[data-v-358bed9a] { background: #181924; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 10px 10px 10px 10px; cursor: pointer; height: 48px; padding: 0 4px } .select-line-box > .item[data-v-358bed9a] { color: hsla(0, 0%, 100%, .6); font-size: 14px; height: 38px; width: 50% } .select-line-box > .act-item[data-v-358bed9a] { background: #434452; border-radius: 8px; color: #f1f5f9 } .dis-line[data-v-358bed9a] { cursor: not-allowed; opacity: .5 } :host, :root { --w-e-textarea-bg-color: #fff; --w-e-textarea-color: #333; --w-e-textarea-border-color: #ccc; --w-e-textarea-slight-border-color: #e8e8e8; --w-e-textarea-slight-color: #d4d4d4; --w-e-textarea-slight-bg-color: #f5f2f0; --w-e-textarea-selected-border-color: #b4d5ff; --w-e-textarea-handler-bg-color: #4290f7; --w-e-toolbar-color: #595959; --w-e-toolbar-bg-color: #fff; --w-e-toolbar-active-color: #333; --w-e-toolbar-active-bg-color: #f1f1f1; --w-e-toolbar-disabled-color: #999; --w-e-toolbar-border-color: #e8e8e8; --w-e-modal-button-bg-color: #fafafa; --w-e-modal-button-border-color: #d9d9d9 } .w-e-text-container *, .w-e-toolbar * { box-sizing: border-box; margin: 0; outline: none; padding: 0 } .w-e-text-container blockquote, .w-e-text-container li, .w-e-text-container p, .w-e-text-container td, .w-e-text-container th, .w-e-toolbar * { line-height: 1.5 } .w-e-text-container { background-color: #fff; background-color: var(--w-e-textarea-bg-color); color: #333; color: var(--w-e-textarea-color); height: 100%; position: relative } .w-e-text-container .w-e-scroll { -webkit-overflow-scrolling: touch; height: 100% } .w-e-text-container [data-slate-editor] { word-wrap: break-word; border-top: 1px solid transparent; min-height: 100%; outline: 0; padding: 0 10px; white-space: pre-wrap } .w-e-text-container [data-slate-editor] p { margin: 15px 0 } .w-e-text-container [data-slate-editor] h1, .w-e-text-container [data-slate-editor] h2, .w-e-text-container [data-slate-editor] h3, .w-e-text-container [data-slate-editor] h4, .w-e-text-container [data-slate-editor] h5 { margin: 20px 0 } .w-e-text-container [data-slate-editor] img { cursor: default; display: inline !important; max-width: 100%; min-height: 20px; min-width: 20px } .w-e-text-container [data-slate-editor] span { text-indent: 0 } .w-e-text-container [data-slate-editor] [data-selected=true] { box-shadow: 0 0 0 2px #b4d5ff; box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color) } .w-e-text-placeholder { font-style: italic; left: 10px; top: 17px; width: 90% } .w-e-max-length-info, .w-e-text-placeholder { color: #d4d4d4; color: var(--w-e-textarea-slight-color); pointer-events: none; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none } .w-e-max-length-info { bottom: .5em; right: 1em } .w-e-bar { background-color: #fff; background-color: var(--w-e-toolbar-bg-color); color: #595959; color: var(--w-e-toolbar-color); font-size: 14px; padding: 0 5px } .w-e-bar svg { fill: #595959; fill: var(--w-e-toolbar-color); height: 14px; width: 14px } .w-e-bar-show { display: flex } .w-e-bar-hidden { display: none } .w-e-hover-bar { border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); border-radius: 3px; box-shadow: 0 2px 5px rgba(0, 0, 0, .122); position: absolute } .w-e-toolbar { flex-wrap: wrap; position: relative } .w-e-bar-divider { background-color: #e8e8e8; background-color: var(--w-e-toolbar-border-color); display: inline-flex; height: 40px; margin: 0 5px; width: 1px } .w-e-bar-item { display: flex; height: 40px; padding: 4px; position: relative; text-align: center } .w-e-bar-item, .w-e-bar-item button { align-items: center; justify-content: center } .w-e-bar-item button { background: transparent; border: none; color: #595959; color: var(--w-e-toolbar-color); cursor: pointer; display: inline-flex; height: 32px; overflow: hidden; padding: 0 8px; white-space: nowrap } .w-e-bar-item button:hover { background-color: #f1f1f1; background-color: var(--w-e-toolbar-active-bg-color); color: #333; color: var(--w-e-toolbar-active-color) } .w-e-bar-item button .title { margin-left: 5px } .w-e-bar-item .active { background-color: #f1f1f1; background-color: var(--w-e-toolbar-active-bg-color); color: #333; color: var(--w-e-toolbar-active-color) } .w-e-bar-item .disabled { color: #999; color: var(--w-e-toolbar-disabled-color); cursor: not-allowed } .w-e-bar-item .disabled svg { fill: #999; fill: var(--w-e-toolbar-disabled-color) } .w-e-bar-item .disabled:hover { background-color: #fff; background-color: var(--w-e-toolbar-bg-color); color: #999; color: var(--w-e-toolbar-disabled-color) } .w-e-bar-item .disabled:hover svg { fill: #999; fill: var(--w-e-toolbar-disabled-color) } .w-e-menu-tooltip-v5:before { background-color: #333; background-color: var(--w-e-toolbar-active-color); border-radius: 5px; color: #fff; color: var(--w-e-toolbar-bg-color); content: attr(data-tooltip); font-size: .75em; padding: 5px 10px; text-align: center; top: 40px; white-space: pre; z-index: 1 } .w-e-menu-tooltip-v5:after, .w-e-menu-tooltip-v5:before { opacity: 0; position: absolute; transition: opacity .6s; visibility: hidden } .w-e-menu-tooltip-v5:after { border: 5px solid transparent; border-bottom-color: #333; border-bottom: 5px solid var(--w-e-toolbar-active-color); content: ""; top: 30px } .w-e-menu-tooltip-v5:hover:after, .w-e-menu-tooltip-v5:hover:before { opacity: 1; visibility: visible } .w-e-menu-tooltip-v5.tooltip-right:before { left: 100%; top: 10px } .w-e-menu-tooltip-v5.tooltip-right:after { border-bottom-color: transparent; border-left-color: transparent; border-right-color: #333; border-right-color: var(--w-e-toolbar-active-color); border-top-color: transparent; left: 100%; margin-left: -10px; top: 16px } .w-e-bar-item-group .w-e-bar-item-menus-container { background-color: #fff; background-color: var(--w-e-toolbar-bg-color); border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, .122); display: none; left: 0; margin-top: 40px; position: absolute; top: 0; z-index: 1 } .w-e-bar-item-group:hover .w-e-bar-item-menus-container { display: block } .w-e-select-list { background-color: #fff; background-color: var(--w-e-toolbar-bg-color); border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, .122); left: 0; margin-top: 40px; max-height: 350px; min-width: 100px; overflow-y: auto; position: absolute; top: 0; z-index: 1 } .w-e-select-list ul { line-height: 1; list-style: none } .w-e-select-list ul .selected { background-color: #f1f1f1; background-color: var(--w-e-toolbar-active-bg-color) } .w-e-select-list ul li { cursor: pointer; padding: 7px 0 7px 25px; position: relative; text-align: left; white-space: nowrap } .w-e-select-list ul li:hover { background-color: #f1f1f1; background-color: var(--w-e-toolbar-active-bg-color) } .w-e-select-list ul li svg { left: 0; margin-left: 5px; margin-top: -7px; position: absolute; top: 50% } .w-e-bar-bottom .w-e-select-list { bottom: 0; margin-bottom: 40px; margin-top: 0; top: inherit } .w-e-drop-panel { background-color: #fff; background-color: var(--w-e-toolbar-bg-color); border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, .122); margin-top: 40px; min-width: 200px; padding: 10px; position: absolute; top: 0; z-index: 1 } .w-e-bar-bottom .w-e-drop-panel { bottom: 0; margin-bottom: 40px; margin-top: 0; top: inherit } .w-e-modal { background-color: #fff; background-color: var(--w-e-toolbar-bg-color); border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); border-radius: 3px; box-shadow: 0 2px 10px rgba(0, 0, 0, .122); color: #595959; color: var(--w-e-toolbar-color); font-size: 14px; min-height: 40px; min-width: 100px; padding: 20px 15px 0; position: absolute; text-align: left; z-index: 1 } .w-e-modal .btn-close { cursor: pointer; line-height: 1; padding: 5px; position: absolute; right: 8px; top: 7px } .w-e-modal .btn-close svg { fill: #595959; fill: var(--w-e-toolbar-color); height: 10px; width: 10px } .w-e-modal .babel-container { display: block; margin-bottom: 15px } .w-e-modal .babel-container span { display: block; margin-bottom: 10px } .w-e-modal .button-container { margin-bottom: 15px } .w-e-modal button { background-color: #fafafa; background-color: var(--w-e-modal-button-bg-color); cursor: pointer; font-weight: 400; height: 32px; padding: 4.5px 15px; text-align: center; touch-action: manipulation; transition: all .3s cubic-bezier(.645, .045, .355, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap } .w-e-modal button, .w-e-modal input[type=number], .w-e-modal input[type=text], .w-e-modal textarea { border: 1px solid #d9d9d9; border: 1px solid var(--w-e-modal-button-border-color); border-radius: 4px; color: #595959; color: var(--w-e-toolbar-color) } .w-e-modal input[type=number], .w-e-modal input[type=text], .w-e-modal textarea { font-feature-settings: "tnum"; background-color: #fff; background-color: var(--w-e-toolbar-bg-color); font-variant: tabular-nums; padding: 4.5px 11px; transition: all .3s; width: 100% } .w-e-modal textarea { min-height: 60px } body .w-e-modal, body .w-e-modal * { box-sizing: border-box } .w-e-progress-bar { background-color: #4290f7; background-color: var(--w-e-textarea-handler-bg-color); height: 1px; position: absolute; transition: width .3s; width: 0 } .w-e-full-screen-container { bottom: 0 !important; display: flex !important; flex-direction: column !important; height: 100% !important; left: 0 !important; margin: 0 !important; padding: 0 !important; position: fixed; right: 0 !important; top: 0 !important; width: 100% !important } .w-e-full-screen-container [data-w-e-textarea=true] { flex: 1 !important } .w-e-text-container [data-slate-editor] code { background-color: #f5f2f0; background-color: var(--w-e-textarea-slight-bg-color); border-radius: 3px; font-family: monospace; padding: 3px } .w-e-panel-content-color { list-style: none; text-align: left; width: 230px } .w-e-panel-content-color li { border: 1px solid #fff; border: 1px solid var(--w-e-toolbar-bg-color); border-radius: 3px 3px; cursor: pointer; display: inline-block; padding: 2px } .w-e-panel-content-color li:hover { border-color: #595959; border-color: var(--w-e-toolbar-color) } .w-e-panel-content-color li .color-block { border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); border-radius: 3px 3px; height: 17px; width: 17px } .w-e-panel-content-color .active { border-color: #595959; border-color: var(--w-e-toolbar-color) } .w-e-panel-content-color .clear { line-height: 1.5; margin-bottom: 5px; width: 100% } .w-e-panel-content-color .clear svg { height: 16px; margin-bottom: -4px; width: 16px } .w-e-text-container [data-slate-editor] blockquote { background-color: #f5f2f0; background-color: var(--w-e-textarea-slight-bg-color); border-left: 8px solid #b4d5ff; border-left: 8px solid var(--w-e-textarea-selected-border-color); display: block; font-size: 100%; line-height: 1.5; margin: 10px 0; padding: 10px } .w-e-panel-content-emotion { font-size: 20px; list-style: none; text-align: left; width: 300px } .w-e-panel-content-emotion li { border-radius: 3px 3px; cursor: pointer; display: inline-block; padding: 0 5px } .w-e-panel-content-emotion li:hover { background-color: #f5f2f0; background-color: var(--w-e-textarea-slight-bg-color) } .w-e-textarea-divider { border-radius: 3px; margin: 20px auto; padding: 20px } .w-e-textarea-divider hr { background-color: #ccc; background-color: var(--w-e-textarea-border-color); border: 0; display: block; height: 1px } .w-e-text-container [data-slate-editor] pre > code { background-color: #f5f2f0; background-color: var(--w-e-textarea-slight-bg-color); border: 1px solid #e8e8e8; border: 1px solid var(--w-e-textarea-slight-border-color); border-radius: 4px 4px; display: block; font-size: 14px; padding: 10px; text-indent: 0 } .w-e-text-container [data-slate-editor] .w-e-image-container { display: inline-block; margin: 0 3px } .w-e-text-container [data-slate-editor] .w-e-image-container:hover { box-shadow: 0 0 0 2px #b4d5ff; box-shadow: 0 0 0 2px var(--w-e-textarea-selected-border-color) } .w-e-text-container [data-slate-editor] .w-e-selected-image-container { overflow: hidden; position: relative } .w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger { background-color: #4290f7; background-color: var(--w-e-textarea-handler-bg-color); height: 7px; position: absolute; width: 7px } .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top { cursor: nwse-resize; left: 0; top: 0 } .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top { cursor: nesw-resize; right: 0; top: 0 } .w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom { bottom: 0; cursor: nesw-resize; left: 0 } .w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom { bottom: 0; cursor: nwse-resize; right: 0 } .w-e-text-container [contenteditable=false] .w-e-image-container:hover, .w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover { box-shadow: none } .w-e-text-container [data-slate-editor] .table-container { border: 1px dashed #ccc; border: 1px dashed var(--w-e-textarea-border-color); border-radius: 5px; margin-top: 10px; overflow-x: auto; padding: 10px; width: 100% } .w-e-text-container [data-slate-editor] table { border-collapse: collapse } .w-e-text-container [data-slate-editor] table td, .w-e-text-container [data-slate-editor] table th { border: 1px solid #ccc; border: 1px solid var(--w-e-textarea-border-color); line-height: 1.5; min-width: 30px; padding: 3px 5px; text-align: left } .w-e-text-container [data-slate-editor] table th { background-color: #f5f2f0; background-color: var(--w-e-textarea-slight-bg-color); font-weight: 700; text-align: center } .w-e-panel-content-table { background-color: #fff; background-color: var(--w-e-toolbar-bg-color) } .w-e-panel-content-table table { border-collapse: collapse } .w-e-panel-content-table td { border: 1px solid #e8e8e8; border: 1px solid var(--w-e-toolbar-border-color); cursor: pointer; height: 15px; padding: 3px 5px; width: 20px } .w-e-panel-content-table td.active { background-color: #f1f1f1; background-color: var(--w-e-toolbar-active-bg-color) } .w-e-textarea-video-container { background-image: linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee), linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee); background-position: 0 0, 10px 10px; background-size: 20px 20px; border: 1px dashed #ccc; border: 1px dashed var(--w-e-textarea-border-color); border-radius: 5px; margin: 10px auto 0; padding: 10px 0; text-align: center } .w-e-text-container [data-slate-editor] pre > code { word-wrap: normal; font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; -webkit-hyphens: none; hyphens: none; line-height: 1.5; margin: .5em 0; overflow: auto; padding: 1em; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; text-align: left; text-shadow: 0 1px #fff; white-space: pre; word-break: normal; word-spacing: normal } .w-e-text-container [data-slate-editor] pre > code .token.cdata, .w-e-text-container [data-slate-editor] pre > code .token.comment, .w-e-text-container [data-slate-editor] pre > code .token.doctype, .w-e-text-container [data-slate-editor] pre > code .token.prolog { color: #708090 } .w-e-text-container [data-slate-editor] pre > code .token.punctuation { color: #999 } .w-e-text-container [data-slate-editor] pre > code .token.namespace { opacity: .7 } .w-e-text-container [data-slate-editor] pre > code .token.boolean, .w-e-text-container [data-slate-editor] pre > code .token.constant, .w-e-text-container [data-slate-editor] pre > code .token.deleted, .w-e-text-container [data-slate-editor] pre > code .token.number, .w-e-text-container [data-slate-editor] pre > code .token.property, .w-e-text-container [data-slate-editor] pre > code .token.symbol, .w-e-text-container [data-slate-editor] pre > code .token.tag { color: #905 } .w-e-text-container [data-slate-editor] pre > code .token.attr-name, .w-e-text-container [data-slate-editor] pre > code .token.builtin, .w-e-text-container [data-slate-editor] pre > code .token.char, .w-e-text-container [data-slate-editor] pre > code .token.inserted, .w-e-text-container [data-slate-editor] pre > code .token.selector, .w-e-text-container [data-slate-editor] pre > code .token.string { color: #690 } .w-e-text-container [data-slate-editor] pre > code .language-css .token.string, .w-e-text-container [data-slate-editor] pre > code .style .token.string, .w-e-text-container [data-slate-editor] pre > code .token.entity, .w-e-text-container [data-slate-editor] pre > code .token.operator, .w-e-text-container [data-slate-editor] pre > code .token.url { color: #9a6e3a } .w-e-text-container [data-slate-editor] pre > code .token.atrule, .w-e-text-container [data-slate-editor] pre > code .token.attr-value, .w-e-text-container [data-slate-editor] pre > code .token.keyword { color: #07a } .w-e-text-container [data-slate-editor] pre > code .token.class-name, .w-e-text-container [data-slate-editor] pre > code .token.function { color: #dd4a68 } .w-e-text-container [data-slate-editor] pre > code .token.important, .w-e-text-container [data-slate-editor] pre > code .token.regex, .w-e-text-container [data-slate-editor] pre > code .token.variable { color: #e90 } .w-e-text-container [data-slate-editor] pre > code .token.bold, .w-e-text-container [data-slate-editor] pre > code .token.important { font-weight: 700 } .w-e-text-container [data-slate-editor] pre > code .token.italic { font-style: italic } .w-e-text-container [data-slate-editor] pre > code .token.entity { cursor: help } .editor-box[data-v-3276308c] { border: 1px solid #293045; border-radius: 4px } .editor-box-err[data-v-3276308c] { border-color: #f56c6c } .tools-bar[data-v-3276308c] { border-bottom: 1px solid #293045 } .edit-works[data-v-3276308c] .w-e-text-container { color: #fff } .my-edit-model-form[data-v-da5e2b14] .el-form-item { margin-bottom: 10px } .edit-model-max[data-v-da5e2b14] { margin: 0 auto; width: 1420px } .edit-model-max .board[data-v-da5e2b14] { background: #181924; border-radius: 12px; padding: 16px } .edit-model-max .content-box > .left[data-v-da5e2b14] { flex-grow: 1; padding-right: 12px } .edit-model-max .content-box > .left > .left-board[data-v-da5e2b14] { height: 495px } .edit-model-max .content-box > .left .push-income[data-v-da5e2b14] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-top: 20px } .edit-model-max .content-box > .left .push-income > .link-text[data-v-da5e2b14] { color: #409eff; cursor: pointer } .edit-model-max .content-box > .left .push-income > .link-text > .icon-a-copylink[data-v-da5e2b14] { font-size: 12px } .edit-model-max .content-box > .right .right-tips[data-v-da5e2b14] { color: #999; font-size: 12px; font-weight: 400; line-height: 19px } .edit-model-max .content-box > .right > .form-one[data-v-da5e2b14] { width: 576px } .edit-model-max .content-box > .right > .form-two[data-v-da5e2b14] { margin-top: 12px; width: 576px } .footer-box[data-v-da5e2b14] { justify-content: flex-end; padding-top: 20px } .footer-box .btnsub[data-v-da5e2b14] { background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 8px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 400; height: 48px; width: 200px } .way-type-1[data-v-da5e2b14], .way-type-2[data-v-da5e2b14] { position: relative } .way-type-1[data-v-da5e2b14]:before, .way-type-2[data-v-da5e2b14]:before { content: ""; height: 36px; position: absolute; right: 6px; top: 2px; width: 36px; z-index: 1 } .way-type-1[data-v-da5e2b14]:before { background: /*savepage-url=/_nuxt/img/credits_2x.4a56f3e.png*/ url() no-repeat; background-size: 100% 100% } .way-type-2[data-v-da5e2b14]:before { background: /*savepage-url=/_nuxt/img/diamond-medium_2x.798518c.webp*/ url() no-repeat; background-size: 100% 100% } .yes-run-text[data-v-da5e2b14] { background-color: hsla(0, 0%, 100%, .2); border-radius: 4px; color: #fff; font-size: 12px; padding: 4px 8px } .check-group-list[data-v-da5e2b14] .el-form-item__content { line-height: normal } .check-group-list .check-item[data-v-da5e2b14] { margin-bottom: 10px } .check-disabled[data-v-da5e2b14] { opacity: .5 } .bntitem[data-v-56833873] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-56833873] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-56833873]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-56833873]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-56833873]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-56833873]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-56833873]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-56833873]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .upload-file-item[data-v-56833873] .el-upload { display: block } .upload-file-item[data-v-56833873] .el-progress .el-progress-bar { margin-right: -65px; padding-right: 65px } .upload-file-item[data-v-56833873] .el-progress .el-progress__text { width: 55px } .upload-file-item .upload-btn[data-v-56833873] { background: #1c1d2a; border: 1px solid #293045; border-radius: 4px; box-sizing: border-box; color: #666; cursor: pointer; height: 40px; position: relative; width: 100% } .upload-file-item .upload-btn > div[data-v-56833873] { padding: 0 10px; text-align: left } .upload-file-item .upload-btn > div i[data-v-56833873] { color: #82858d } .upload-file-item .upload-btn > i[data-v-56833873] { color: #fff; position: absolute; right: 10px; top: 13px } .upload-file-item .upload-btn > i.el-icon-circle-check[data-v-56833873] { color: #0d9488 } .upload-file-item .upload-btn > i.el-icon-close[data-v-56833873], .upload-file-item .upload-btn > i.el-icon-refresh-left[data-v-56833873] { color: red; cursor: pointer } .upload-file-item[data-v-56833873] .el-progress { margin-top: 3px } .my-input-number[data-v-bd41c7d8] { width: 100% } .my-input-number[data-v-bd41c7d8] .el-input-number__decrease, .my-input-number[data-v-bd41c7d8] .el-input-number__increase { border-color: #293045 } .board[data-v-bd41c7d8] { background: #181924; border-radius: 12px; padding: 16px } .vmformbox[data-v-bd41c7d8] { scroll-margin-top: 80px } .item-box[data-v-bd41c7d8] { margin-bottom: 20px; padding: 16px; position: relative; width: 843px } .item-box .same-text[data-v-bd41c7d8] { color: #fff; padding-right: 10px } .item-box .action-right-btns[data-v-bd41c7d8] { background: #181924; border-radius: 8px; padding: 6px 0; position: absolute; right: -75px; top: 0; width: 63px } .item-box .action-right-btns > .item[data-v-bd41c7d8] { cursor: pointer; height: 44px } .item-box .action-right-btns > .item:hover > i[data-v-bd41c7d8] { color: #fff } .item-box .action-right-btns > .item > i[data-v-bd41c7d8] { color: #6c7275; font-size: 24px } .item-box .file-err[data-v-bd41c7d8] { border: 1px solid #f56c6c; border-radius: 4px } .is_community-item[data-v-bd41c7d8] { color: #efefef; font-size: 14px } .edit-version-max[data-v-6a344ccc] { margin: 0 auto; width: 950px } .edit-version-max > .top-btntab > .item[data-v-6a344ccc] { background: #262a34; border-radius: 10px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; height: 40px; margin: 0 5px; width: 294px } .edit-version-max > .top-btntab > .item > .iconfont[data-v-6a344ccc] { font-size: 22px; margin-right: 6px } .edit-version-max > .versions-tips[data-v-6a344ccc] { color: hsla(0, 0%, 100%, .6); font-size: 14px; margin: 16px 0 } .edit-version-max .action-btn-box > .item[data-v-6a344ccc] { border-radius: 8px; color: #fff; cursor: pointer; font-size: 14px; height: 48px; margin: 0 5px; width: 200px } .edit-version-max .action-btn-box > .prenext[data-v-6a344ccc] { background: hsla(0, 0%, 100%, .07); border: 1px solid hsla(0, 0%, 100%, .1) } .edit-version-max .action-btn-box > .nextstep[data-v-6a344ccc] { background: linear-gradient(99deg, #3271cc, #0fffff) } .upload-box[data-v-638c8e3e] .el-upload-dragger { background-color: #2a2832; border: 2px dashed #32333d; border-radius: 10px; height: 143px; width: 840px } .upload-box[data-v-638c8e3e] .el-icon-upload { font-size: 42px; margin-bottom: 6px; margin-top: 14px } .upload-box[data-v-638c8e3e] .el-upload__text { color: #4784ff; font-size: 12px; margin-bottom: 10px } .upload-box[data-v-638c8e3e] .el-upload__text_1 { color: #fefefe; font-size: 12px } .my-relate-dialog[data-v-5714d206] { overflow: hidden } .my-relate-dialog[data-v-5714d206] .el-dialog__title { color: #fff } .cancel-btn[data-v-5714d206] { background: #1a1d1f; border-color: #293045; color: #fff } .submit-btn[data-v-5714d206] { background: linear-gradient(99deg, #3271cc, #0fffff) } .img-list-box[data-v-5714d206] { flex-wrap: wrap; height: calc(100vh - 250px); overflow-y: auto } .img-list-box > .add-item[data-v-5714d206] { border: 2px dashed #888a90; border-radius: 12px; box-sizing: border-box; cursor: pointer; height: 230px; margin: 10px; width: 230px } .img-list-box > .add-item > .icon-add-icon[data-v-5714d206] { color: #888a90; font-size: 80px } .img-list-box > .item[data-v-5714d206] { border-radius: 12px; box-sizing: border-box; cursor: pointer; height: 230px; margin: 10px; width: 230px } .img-list-box > .item > .image[data-v-5714d206] { border-radius: 12px; height: 100%; width: 100% } .img-list-box > .act-item[data-v-5714d206] { border: 1px solid #3db670 } .no-data-box[data-v-5714d206] { flex-wrap: wrap } .no-data-box > .image[data-v-5714d206] { width: 126px } .no-data-box > .text[data-v-5714d206] { color: hsla(0, 0%, 100%, .5); font-size: 14px; margin-top: 20px; width: 100% } .no-data-box > .text > span[data-v-5714d206] { color: #4784ff; cursor: pointer } .no-data-box > .text > span > .icon-right[data-v-5714d206] { font-size: 12px } .board[data-v-e8b4fab0] { background: #181924; border-radius: 12px; padding: 16px } .add-image-max[data-v-e8b4fab0] { margin: 0 auto; width: 875px } .add-image-max > .image-edit-list > .img-item[data-v-e8b4fab0] { margin-bottom: 20px } .add-image-max > .image-edit-list > .img-item > .title-text[data-v-e8b4fab0] { color: #e6e8ef; font-size: 14px; font-weight: 500; line-height: 20px; padding: 8px 0 } .add-image-max > .image-edit-list > .img-item > .update-img-title[data-v-e8b4fab0] { padding: 8px 0 } .add-image-max > .image-edit-list > .img-item > .update-img-title > .left[data-v-e8b4fab0] { width: 50% } .add-image-max > .image-edit-list > .img-item > .update-img-title > .left > .text-1[data-v-e8b4fab0] { color: #e6e8ef; font-size: 14px } .add-image-max > .image-edit-list > .img-item > .update-img-title > .left > .text-1[data-v-e8b4fab0]:before { color: #f44; content: attr(data-star); margin-right: 4px } .add-image-max > .image-edit-list > .img-item > .update-img-title > .left > .text-2[data-v-e8b4fab0] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .add-image-max > .image-edit-list > .img-item > .update-img-title > .right[data-v-e8b4fab0] { color: #4784ff; cursor: pointer; font-size: 12px; justify-content: flex-end; width: 50% } .add-image-max > .image-edit-list > .img-item > .update-img-title > .right .icon-ruleIcon[data-v-e8b4fab0] { color: hsla(0, 0%, 100%, .5); font-size: 14px; margin-left: 6px } .add-image-max > .image-edit-list > .img-item > .img-list-box[data-v-e8b4fab0] { flex-wrap: wrap } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item[data-v-e8b4fab0] { border-radius: 8px; height: 120px; margin: 5px; position: relative; width: 120px } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item:hover .btn[data-v-e8b4fab0] { display: block } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item > .image[data-v-e8b4fab0] { border-radius: 8px; height: 100%; width: 100% } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item .btn[data-v-e8b4fab0] { background: rgba(0, 0, 0, .5); border-radius: 4px; cursor: pointer; display: none; height: 22px; line-height: 22px; position: absolute; text-align: center; width: 22px } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item > .del[data-v-e8b4fab0] { right: 4px; top: 4px } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item > .del > i[data-v-e8b4fab0] { color: #f44; font-size: 18px } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item .info[data-v-e8b4fab0] { right: 27px; top: 4px } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item .info > i[data-v-e8b4fab0] { color: #fff; font-size: 22px } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item > .no-img-info[data-v-e8b4fab0] { background: rgba(0, 0, 0, .5); border-radius: 0 0 12px 12px; bottom: 0; color: #fff; font-size: 12px; height: 26px; left: 0; position: absolute; width: 100% } .add-image-max > .image-edit-list > .img-item > .img-list-box > .item > .change-cover[data-v-e8b4fab0] { background: rgba(20, 21, 23, .6); border-radius: 4px; color: #fff; cursor: pointer; font-size: 12px; left: 4px; padding: 4px; position: absolute; top: 4px } .add-image-max .action-btn-box > .item[data-v-e8b4fab0] { border-radius: 8px; color: #fff; cursor: pointer; font-size: 14px; height: 48px; margin: 0 5px; width: 200px } .add-image-max .action-btn-box > .prenext[data-v-e8b4fab0] { background: hsla(0, 0%, 100%, .07); border: 1px solid hsla(0, 0%, 100%, .1) } .add-image-max .action-btn-box > .nextstep[data-v-e8b4fab0] { background: linear-gradient(99deg, #3271cc, #0fffff) } .img-info-box[data-v-e8b4fab0] { height: 100%; left: 0; position: fixed; top: 0; width: 100% } .img-info-box > .mask-box[data-v-e8b4fab0] { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .img-info-box > .info[data-v-e8b4fab0] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 400px; z-index: 2 } .imgItem[data-v-805a23a8] { background-color: rgba(0, 0, 0, .2); border-radius: 12px; cursor: pointer; position: relative } .imgItem .imgSize[data-v-805a23a8] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(0, 0, 0, .2); border-radius: 12px; color: #fff9f9; font-size: 12px; left: 4px; padding: 4px 6px; position: absolute; top: 4px } .imgItem img[data-v-805a23a8] { border-radius: 12px; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .imgItem .prompt[data-v-805a23a8] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(0, 0, 0, .2); border-radius: 8px; bottom: 5px; display: flex; height: 24px; justify-content: center; position: absolute; right: 7px; width: 24px; z-index: 2 } .imgItem .prompt i[data-v-805a23a8] { color: #fff; font-size: 14px } .imgItem .deleteBox[data-v-805a23a8] { background-color: rgba(0, 0, 0, .6); border-radius: 12px; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all .3s; width: 100% } .imgItem .deleteBox i[data-v-805a23a8] { color: #f44; cursor: pointer; font-size: 18px; position: absolute; right: 7px; top: 5px } .imgItem:hover .deleteBox[data-v-805a23a8] { opacity: 1 } .popoverPrompt { background-color: #323342 !important; border-radius: 8px !important; max-width: 222px } .popoverPrompt .promptTxt { color: #fff; font-size: 12px; padding: 10px } .imgDet[data-v-fbc182f0] { border-top: 1px solid hsla(0, 0%, 100%, .06); height: 75vh; min-height: 602px; padding-top: 10px } .imgDet .imgBox[data-v-fbc182f0], .imgDet[data-v-fbc182f0] { align-items: center; display: flex; justify-content: center } .imgDet .imgBox[data-v-fbc182f0] { flex-direction: column; height: 100%; position: relative } .imgDet .imgBox .changeBtn[data-v-fbc182f0] { align-items: center; background-color: hsla(0, 0%, 100%, .2); border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; top: 333px; width: 32px } .imgDet .imgBox .changeBtn i[data-v-fbc182f0] { color: #fff; font-size: 14px } .imgDet .imgBox .leftBtn[data-v-fbc182f0] { left: 0 } .imgDet .imgBox .rightBtn[data-v-fbc182f0] { right: 0 } .imgDet .imgBox[data-v-fbc182f0] .imgInfo { border-radius: 16px; height: 621px; width: 480px } .imgDet .imgBox[data-v-fbc182f0] .imgInfo img { background-color: rgba(0, 0, 0, .2); border-radius: 16px; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .imgDet .imgBox[data-v-fbc182f0] .imgInfo .el-carousel, .imgDet .imgBox[data-v-fbc182f0] .imgInfo .el-carousel .el-carousel__container { height: 100% } .imgDet .imgBox .imgList[data-v-fbc182f0] { align-items: center; display: flex; gap: 10px; height: 92px; margin-top: 16px; width: 480px } .imgDet .imgBox .imgList .imgItem[data-v-fbc182f0] { background-color: #262731; border: 2px solid #363744; border-radius: 18px; box-sizing: border-box; cursor: pointer; height: 88px; opacity: 1; padding: 7px; width: 88px } .imgDet .imgBox .imgList .imgItem img[data-v-fbc182f0] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .imgDet .imgBox .imgList .imgActivate[data-v-fbc182f0] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .imgDet[data-v-fbc182f0] .tagBox { height: 100%; margin-left: 25px; width: 648px } .imgDet[data-v-fbc182f0] .tagBox .tagInput { align-content: flex-start; background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 10px; height: 30vh; overflow-y: auto; padding: 12px 17px; width: 648px } .imgDet[data-v-fbc182f0] .tagBox .newTagInput { border-bottom: 1px solid hsla(0, 0%, 100%, .08); margin-top: 10px; padding-bottom: 10px } .imgDet[data-v-fbc182f0] .tagBox .btnItem { align-items: center; display: flex; height: 40px; justify-content: flex-end; margin-top: 15px } .imgDet[data-v-fbc182f0] .tagBox .btnItem div { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 36px; margin-left: 10px; padding: 0 16px } .imgDet[data-v-fbc182f0] .tagBox .tagTip { align-items: center; display: flex; margin-top: 10px } .imgDet[data-v-fbc182f0] .tagBox .tagTip i { color: #a1a6ac; font-size: 18px; margin-right: 5px } .imgDet[data-v-fbc182f0] .tagBox .tagTip span { color: #a1a6ac; font-size: 14px } .imgDet[data-v-fbc182f0] .tagBox .el-tag { background-color: hsla(0, 0%, 100%, .08); border: none; color: hsla(0, 0%, 100%, .8); font-size: 12px; height: 24px; line-height: 24px } .imgDet[data-v-fbc182f0] .tagBox .el-tag .el-tag__close { background-color: #35383a; color: #fff; font-size: 10px } .imgDet[data-v-fbc182f0] .tagBox .el-input { height: 32px; width: 200px } .imgDet[data-v-fbc182f0] .tagBox .el-input .el-input__inner { background-color: transparent; background-color: initial; border: none; color: #f4f4f4; font-size: 12px; height: 100%; width: 100% } [data-v-fbc182f0] .trainDialog { background-color: #24262a; border-radius: 20px } [data-v-fbc182f0] .trainDialog .el-dialog__header .el-dialog__title { color: #efefef; font-size: 16px } [data-v-fbc182f0] .trainDialog .el-dialog__header .el-dialog__close { color: #f7fbfa; font-size: 24px } [data-v-fbc182f0] .trainDialog .el-dialog__body { padding-top: 0 } .TrainUploadImgBox[data-v-4cdf67bf] { margin-top: 16px } .TrainUploadImgBox .imgBoxTit[data-v-4cdf67bf] { height: 36px; justify-content: space-between } .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgNumBox[data-v-4cdf67bf], .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft[data-v-4cdf67bf], .TrainUploadImgBox .imgBoxTit[data-v-4cdf67bf] { align-items: center; display: flex } .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgNumBox img[data-v-4cdf67bf] { height: 19px; margin-right: 6px; width: 21px } .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgNumBox span[data-v-4cdf67bf] { color: hsla(0, 0%, 100%, .8); font-size: 14px } .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgErrBox[data-v-4cdf67bf] { align-items: center; display: flex; margin-left: 6px } .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgErrBox i[data-v-4cdf67bf] { color: #f44; font-size: 14px; margin-right: 3px } .TrainUploadImgBox .imgBoxTit .imgBoxTitLeft .imgErrBox span[data-v-4cdf67bf] { color: #f44; font-size: 14px } .TrainUploadImgBox .imgBoxTit .otherUploadBtn[data-v-4cdf67bf] { align-items: center; display: flex } .TrainUploadImgBox .imgBoxTit .otherUploadBtn div[data-v-4cdf67bf] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 6px; color: #cfcfcf; cursor: pointer; display: flex; font-size: 14px; height: 36px; padding: 0 20px } .TrainUploadImgBox .main[data-v-4cdf67bf] { background-color: #262731; border-radius: 10px; box-sizing: border-box; height: calc(100vh - 400px); margin-top: 15px; padding: 16px 16px 35px; position: relative; width: 100% } .TrainUploadImgBox .main .allDelete[data-v-4cdf67bf] { bottom: 16px; color: hsla(0, 0%, 100%, .7); cursor: pointer; font-size: 12px; position: absolute; right: 16px } .TrainUploadImgBox .main .loadingBox[data-v-4cdf67bf] { align-items: center; background-color: rgba(0, 0, 0, .7); border-radius: 10px; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 3 } .TrainUploadImgBox .main .loadingBox[data-v-4cdf67bf] .progressBox { align-items: center; display: flex; flex-direction: column; justify-content: center } .TrainUploadImgBox .main .loadingBox[data-v-4cdf67bf] .progressBox .progressTip { color: #fff; font-size: 14px; margin-top: 10px } .TrainUploadImgBox .main .uplaodBox[data-v-4cdf67bf] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .TrainUploadImgBox .main .uplaodBox .mainTit[data-v-4cdf67bf] { color: #f7fbfa; font-size: 16px; line-height: 20px; margin-bottom: 8px } .TrainUploadImgBox .main .uplaodBox .mainTip[data-v-4cdf67bf] { color: #686a6c; font-size: 14px; line-height: 20px } .TrainUploadImgBox .main .uplaodBox .btnItem[data-v-4cdf67bf] { align-items: center; cursor: pointer; display: flex; justify-content: space-between; margin-top: 20px; width: 276px } .TrainUploadImgBox .main .uplaodBox .btnItem div[data-v-4cdf67bf] { align-items: center; border-radius: 10px; display: flex; font-size: 14px; height: 40px; justify-content: center; width: 128px } .TrainUploadImgBox .main .uplaodBox .btnItem div[data-v-4cdf67bf]:first-child { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; color: hsla(0, 0%, 100%, .8) } .TrainUploadImgBox .main .uplaodBox .btnItem div[data-v-4cdf67bf]:nth-child(2) { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .TrainUploadImgBox .main .imgBox[data-v-4cdf67bf] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 16px; height: 100%; overflow-y: auto; width: 100% } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox { align-items: flex-end; display: flex; justify-content: space-between; margin-top: 20px; position: relative } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureBoxZg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm { align-items: center; display: flex; gap: 10px } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .formLabel { color: #a1a6ac; font-size: 12px; margin-bottom: 10px } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-select .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: none; border-radius: 6px; color: #fff; font-size: 14px; height: 40px; outline: none; width: 122px } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-input-number { width: 122px } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-input-number .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: none; border-radius: 6px; color: #fff; font-size: 14px; height: 40px; outline: none; width: 122px } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .tris { background-color: hsla(0, 0%, 100%, .06); border: none; border-radius: 6px; box-sizing: border-box; color: #fff; font-size: 14px; height: 40px; outline: none; padding-left: 10px; width: 200px } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-input-number__decrease, .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-input-number__increase { background-color: transparent; background-color: initial; border: none } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-input-number__decrease i, .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureForm .formItem .el-input-number__increase i { color: #fff } .TrainUploadImgBox[data-v-4cdf67bf] .featureBox .featureBtn { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 6px; color: #fcfcfc; cursor: pointer; display: flex; font-size: 14px; height: 40px; justify-content: center; width: 138px } .popoverUnmatched { background-color: #24262a !important; border: 1px solid #35383c !important; border-radius: 6px !important; box-shadow: 0 8 0 40 0 #05020e !important } .popoverUnmatched .unmatchedCnt { max-height: 300px; overflow-y: auto; padding: 10px } .popoverUnmatched .unmatchedCnt .unmatchedItem { margin-bottom: 10px } .popoverUnmatched .unmatchedCnt .unmatchedItem:last-child { margin-bottom: 0 } .popoverUnmatched .unmatchedCnt .unmatchedItem .unmatchedItemName { color: #a1a6ac; font-size: 12px; line-height: 16px } .popoverUnmatched .unmatchedCnt .unmatchedItem .unmatchedItemTip { color: #f44; font-size: 12px; line-height: 16px } .upload-image-item[data-v-2a4a3729] { background: #1c1d2a; padding: 12px } .upload-image-item .upload-content[data-v-2a4a3729] { gap: 10px; max-height: 670px; overflow-y: auto } .upload-image-item .upload-image[data-v-2a4a3729] { height: 160px; width: 160px } .upload-image-item .clear[data-v-2a4a3729] { align-self: flex-end; color: #94a3b8 } .upload-image-item[data-v-2a4a3729] .el-upload { display: block } .upload-image-item[data-v-2a4a3729] .el-upload-dragger { align-items: center; background: transparent; border: 1px dashed #8b9098; display: flex; height: 160px; justify-content: center; width: 100% } .upload-image-item i[data-v-2a4a3729] { color: #b6b8be; font-size: 18px } .upload-image-item .upload-tips[data-v-2a4a3729] { display: inline-block; margin-left: 15px; text-align: left } .upload-image-item .upload-tips p[data-v-2a4a3729] { color: #b6b8be; font-size: 16px; line-height: normal; margin: 0 } .upload-image-item .upload-tips p[data-v-2a4a3729]:last-child { color: #a6a8ae; font-size: 12px } .upload-image-item .image-item[data-v-2a4a3729] { background: hsla(0, 0%, 100%, .039); gap: 5px; height: 160px; position: relative; width: 160px } .upload-image-item .image-item .img-handle[data-v-2a4a3729] { position: absolute; right: 5px; top: 0; visibility: hidden; z-index: 3 } .upload-image-item .image-item .img-handle i[data-v-2a4a3729] { border-radius: 3px; box-sizing: border-box; color: #ff6b6b; cursor: pointer; font-size: 16px; font-weight: 700 } .upload-image-item .image-item img[data-v-2a4a3729] { border-radius: 5px; cursor: pointer; display: inherit; height: auto; -o-object-fit: contain; object-fit: contain; width: 100% } .upload-image-item .image-item .loading > div[data-v-2a4a3729], .upload-image-item .image-item .loading[data-v-2a4a3729] { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .upload-image-item .image-item .loading > div[data-v-2a4a3729] { display: table; margin: auto; z-index: 2 } .upload-image-item .image-item .loading[data-v-2a4a3729]:after { background: #ccc; bottom: 0; content: ""; left: 0; opacity: .5; position: absolute; right: 0; top: 0; z-index: 1 } .upload-image-item .image-item .params-null[data-v-2a4a3729] { background: #1e2435; bottom: 0; color: #fff; display: table; left: 0; margin: auto; padding: 0 10px; position: absolute; right: 0; top: 0 } .upload-image-item .image-item:hover .img-handle[data-v-2a4a3729] { visibility: visible } .LoraPub .model-edit[data-v-796b0394] { align-items: center; display: flex; flex-flow: column; justify-content: center; padding-top: 20px; position: relative } .LoraPub .model-edit > i[data-v-796b0394] { color: hsla(0, 0%, 100%, .1); cursor: pointer; font-size: 44px; position: absolute; right: 80px; top: 40px } .LoraPub .model-edit .form-title[data-v-796b0394] { align-items: center; border-bottom: 1px solid #1e293b; box-sizing: border-box; color: #fff; display: flex; font-size: 18px; height: 60px; justify-content: space-between; max-width: 1015px; width: 90% } .LoraPub .model-edit .form-title .btn-group .el-button[data-v-796b0394] { background: #0d9488; border: 1px solid #0d9488; color: #fff; height: 32px; line-height: 32px; padding: 0 20px } .LoraPub .model-edit .form-title .btn-group .cancel-btn[data-v-796b0394] { background: #1e2435; border-color: #2a2b2d; color: #cbd5e1 } .LoraPub .model-edit .edit-form[data-v-796b0394] { display: flex; justify-content: center; overflow: auto; padding-top: 10px; width: 100% } .LoraPub .model-edit .edit-form[data-v-796b0394]::-webkit-scrollbar { width: 3px } .LoraPub .model-edit .edit-form .isCommunityBox[data-v-796b0394] { align-items: center; display: flex } .LoraPub .model-edit .edit-form .isCommunityBox span[data-v-796b0394] { color: #fff; margin-right: 10px } .LoraPub .model-edit .edit-form .sample div[data-v-796b0394] { color: #fff } .LoraPub .model-edit .edit-form .sample img[data-v-796b0394] { border-radius: 12px; height: 200px; margin-top: 10px; -o-object-fit: cover; object-fit: cover; width: 200px } .LoraPub .model-edit .edit-form .custom-form[data-v-796b0394] { max-width: 1015px; width: 90% } .LoraPub .model-edit .edit-form .custom-form .formBox[data-v-796b0394] { display: flex; justify-content: space-between } .LoraPub .model-edit .edit-form .custom-form .formBox .formCnt[data-v-796b0394] { width: 460px } .LoraPub .model-edit .edit-form .custom-form .formBox .VnAddBox[data-v-796b0394] { display: flex; justify-content: space-between } .LoraPub .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-796b0394]:first-child { width: 340px } .LoraPub .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-796b0394]:nth-child(2) { width: 112px } .LoraPub .model-edit .edit-form .custom-form .el-form-item[data-v-796b0394] { margin-bottom: 10px } .LoraPub .model-edit .edit-form .custom-form .el-select[data-v-796b0394] { display: block } .LoraPub .model-edit .edit-form .custom-form .type-select[data-v-796b0394] { background: #20283b; border-radius: 5px; box-sizing: border-box; display: flex; height: 40px; padding: 4px; text-align: center } .LoraPub .model-edit .edit-form .custom-form .type-select span[data-v-796b0394] { background: #20283b; border-radius: 5px; color: hsla(0, 0%, 100%, .2); height: 32px; line-height: 32px; width: 50% } .LoraPub .model-edit .edit-form .custom-form .type-select span.active[data-v-796b0394] { background: #494f80; color: #fff } .LoraPub .model-edit .edit-form .custom-form .type-select.model-payment span[data-v-796b0394] { cursor: pointer } .LoraPub .model-edit .edit-form .custom-form .el-form-item__label[data-v-796b0394] { color: #fff; padding-bottom: 0 } .LoraPub .model-edit .edit-form .custom-form .item-tips[data-v-796b0394] { color: #707883; font-size: 12px } .LoraPub .model-edit .edit-form .custom-form .form-item-tips[data-v-796b0394] { color: #97a5b7; font-size: 12px; height: 20px; line-height: 20px; margin: 0; padding-bottom: 10px } .LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-796b0394] { background: #1c1d2a; border-radius: 5px; box-sizing: border-box; height: 40px; margin-bottom: 8px; padding: 0 12px } .LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-796b0394]:last-child { margin-bottom: 0 } .LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-796b0394] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background: #27b670; border-color: #27b670 } .LoraPub .model-edit .edit-form .custom-form .checkbox-container[data-v-796b0394] .el-checkbox .el-checkbox__label { color: hsla(0, 0%, 100%, .8); font-family: PingFang SC-Regular, PingFang SC; font-size: 13px; font-weight: 400 } .LoraPub .model-edit .edit-form .custom-form .payBox[data-v-796b0394] { align-items: center; background: #20283b; border: 1px solid rgba(73, 79, 128, .5); border-radius: 4px; box-sizing: border-box; display: flex; height: 87px; justify-content: space-between; margin-top: 10px; padding: 15px 20px; width: 100% } .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt[data-v-796b0394] { height: 100%; line-height: 1; width: 188px } .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .payTit[data-v-796b0394] { color: hsla(0, 0%, 100%, .7); font-size: 12px } .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox[data-v-796b0394] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; display: flex; height: 30px; justify-content: space-between; margin-top: 8px; overflow: hidden; padding: 0 8px; width: 188px } .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-796b0394] { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border: none; color: hsla(0, 0%, 100%, .7); height: 100%; margin-top: 0; outline: none; padding-left: 0; width: 150px } .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-796b0394]::-webkit-inner-spin-button, .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-796b0394]::-webkit-outer-spin-button { -webkit-appearance: none !important } .LoraPub .model-edit .edit-form .custom-form .payBox .payCnt .inputBox img[data-v-796b0394] { height: 18px; width: 18px } .LoraPub .bntitem[data-v-796b0394] { display: flex; justify-content: flex-end } .LoraPub .bntitem .el-button[data-v-796b0394] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .LoraPub .bntitem .el-button[data-v-796b0394]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .LoraPub .bntitem .el-button[data-v-796b0394]:first-child:hover { background-color: #494f80; border-color: #494f80 } .LoraPub .bntitem .el-button[data-v-796b0394]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .LoraPub .bntitem .el-button[data-v-796b0394]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .LoraPub .bntitem .el-button[data-v-796b0394]:last-child:hover { background-color: #494f80; border-color: #494f80 } .LoraPub .bntitem .el-button[data-v-796b0394]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } [data-v-796b0394] .trainDialog { background-color: #0a0b17 !important; border-radius: 20px } [data-v-796b0394] .trainDialog .el-dialog__header { display: none } [data-v-796b0394] .trainDialog .el-dialog__body { padding-top: 0 } .payment-type-dialog .el-dialog { box-sizing: border-box; height: 480px; margin-top: calc(50vh - 240px) !important; width: 480px } .payment-type-dialog .el-dialog .el-dialog__header { background: #1a202f } .payment-type-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn { top: 15px } .payment-type-dialog .el-dialog .el-dialog__body { box-sizing: border-box; height: 440px; padding: 15px 55px 70px; width: 100% } .payment-type-dialog .el-dialog .el-dialog__body .tip { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; height: 18px; line-height: 18px; margin-bottom: 30px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100% } .payment-type-dialog .el-dialog .el-dialog__body .bg-image { background-repeat: no-repeat; background-size: contain; height: 214px; margin: 0 auto; position: relative; width: 186px } .payment-type-dialog .el-dialog .el-dialog__body .bg-image .VIP_Card { box-sizing: border-box; color: #1c77ff; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; line-height: 42px; overflow: hidden; padding: 150px 5px 0 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100% } .payment-type-dialog .el-dialog .el-dialog__body .bg-image .mall-credits { align-items: center; display: flex; height: 42px; justify-content: center; line-height: 42px; padding: 150px 5px 0 } .payment-type-dialog .el-dialog .el-dialog__body .bg-image .mall-credits .words { color: #c246fc; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700 } .payment-type-dialog .el-dialog .el-dialog__body .bg-image .mall-credits .icon { height: 32px; margin-bottom: 1px; -o-object-fit: contain; object-fit: contain; width: 32px } .payment-type-dialog .el-dialog .el-dialog__body .btns { align-items: center; display: flex; height: 44px; justify-content: center; justify-content: space-between; margin-top: 40px; width: 100% } .payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1a202f, #1a202f), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 24px; font-weight: 700; height: 44px; justify-content: center; width: 170px } .payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn .icon { height: 32px; margin: 1px 5px 0 0; -o-object-fit: contain; object-fit: contain; width: 32px } .payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn > span { align-items: center; display: flex; justify-content: center } .payment-type-dialog .el-dialog .el-dialog__body .btns .diamond-btn.is-loading:before { background-color: transparent } .payment-type-dialog .el-dialog .el-dialog__body .btns .cash-btn { align-items: center; background: linear-gradient(180deg, #65bff1, #0042ed); border: 0; border-radius: 7px; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 24px; font-weight: 700; height: 44px; justify-content: center; width: 170px } .payment-type-dialog .el-dialog .el-dialog__body .btns .cash-btn.is-loading:before { background-color: transparent } .haiyi-payment-method-dialog.custom-dialog .el-dialog { background: transparent; border: 0; box-sizing: border-box; height: 450px; margin-top: calc(50vh - 225px) !important; width: 470px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header { background: #1a202f; display: none } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn { top: 15px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container { background: /*savepage-url=/_nuxt/img/haiyi-payment-method-bg.2eedaa1.webp*/ url() no-repeat; background-size: contain; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; position: relative; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon { color: #fff; cursor: pointer; font-size: 20px; position: absolute; right: 20px; top: 18px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .title { align-items: center; color: #fff6d6; display: flex; font-family: PingFang SC-Bold, PingFang SC; font-size: 20px; font-weight: 700; height: 92px; justify-content: center; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .label { color: #5f451e; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; margin-left: 22px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .value { font-size: 16px; margin-left: 15px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name { align-items: flex-end; box-sizing: border-box; display: flex; height: 53px; justify-content: flex-start; padding: 0 23px 0 19px; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .label { margin-bottom: 1px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .value { color: #5f451e; font-family: PingFang SC-Heavy, PingFang SC; font-weight: 800 } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price { align-items: flex-end; box-sizing: border-box; display: flex; height: 45px; justify-content: flex-start; padding: 0 23px 0 19px; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .label { margin-bottom: 2px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .value { color: #ff2c2c; font-family: Arial-Bold, Arial; font-weight: 700 } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method { box-sizing: border-box; display: flex; flex: 1; padding: 28px 23px 26px 19px; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .left { box-sizing: border-box; height: 100%; width: 122px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right { box-sizing: border-box; display: flex; height: 100%; justify-content: space-between; padding: 0 22px 22px 3px; width: calc(100% - 122px) } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .alipay, .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat { align-content: space-between; display: flex; flex-wrap: wrap; height: 100%; width: 134px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box { align-items: center; background: #fcf3e7; border: 1px solid #f4a629; border-radius: 6px; display: flex; height: 134px; justify-content: center; width: 134px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .icon { height: 32px; width: 32px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .words { margin-left: 5px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn { align-items: center; border: 0; border-radius: 8px; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; height: 36px; justify-content: center; padding: 0 5px; position: relative; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn .el-icon-arrow-right { font-weight: 600; position: absolute; right: 8px; top: 50%; transform: translateY(-50%) } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .alipay .box .icon { height: 38px; width: 90px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .alipay .btn { background: #1677ff } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat .box .div { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat .box .name { color: #2e2e2e; font-size: 16px } .haiyi-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .wechat .btn { background: #44a738 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name { height: 53px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price { height: 45px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method { padding: 28px 23px 26px 19px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .left { height: 100%; width: 128px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right { display: flex; gap: 10px; justify-content: space-between; padding: 0 16px 22px 3px; width: calc(100% - 128px) } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .payermax, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .stripe { align-content: space-between; display: flex; flex-wrap: wrap; height: 100%; width: 130px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box { align-items: center; background: #fcf3e7; border: 1px solid #f4a629; border-radius: 6px; display: flex; height: 134px; justify-content: center; width: 134px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .icon { width: 126px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .box .words { margin-left: 5px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn { align-items: center; border: 0; border-radius: 8px; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; height: 36px; justify-content: center; padding: 0 5px; position: relative; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .btn .el-icon-arrow-right { font-weight: 600; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .paypal .btn { background: #1677ff } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .payermax .btn { background: #44a738 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .stripe .btn { background: #6772e5 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen .btn { background: #1677ff } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen .btn .el-icon-arrow-right { transition: all .3s ease } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen .btn .el-icon-arrow-right.show-content { transform: rotate(90deg) translateX(-50%) } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen .btn .adyen-methods { background: #fff; border-radius: 5px; left: 0; overflow: hidden; padding: 0 20px; position: absolute; top: 36px; transition: all .3s ease } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen .btn .adyen-methods .adyen-method-item { color: #303133; display: flex; padding: 12px 5px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .adyen .btn .adyen-methods .adyen-method-item:hover { color: #409eff } .seaart-payment-method-dialog.custom-dialog .el-dialog { background: transparent; border: 0; box-sizing: border-box; height: 450px; margin-top: calc(50vh - 225px) !important; width: 470px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header { background: #1a202f; display: none } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn { top: 15px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container { background: /*savepage-url=/_nuxt/img/haiyi-payment-method-bg.2eedaa1.webp*/ url() no-repeat; background-size: contain; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; position: relative; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon { color: #fff; cursor: pointer; font-size: 20px; position: absolute; right: 20px; top: 18px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .title { align-items: center; color: #fff6d6; display: flex; font-family: PingFang SC-Bold, PingFang SC; font-size: 20px; font-weight: 700; height: 92px; justify-content: center; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .label { color: #5f451e; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; margin-left: 16px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .row .value { font-size: 16px; margin-left: 15px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name { align-items: flex-end; box-sizing: border-box; display: flex; height: 45px; justify-content: flex-start; padding: 0 23px 0 19px; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .label { margin-bottom: 1px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-name .value { color: #5f451e; font-family: PingFang SC-Heavy, PingFang SC; font-weight: 800 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price { align-items: flex-end; box-sizing: border-box; display: flex; height: 36px; justify-content: flex-start; padding: 0 23px 0 19px; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .label { margin-bottom: 2px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .goods-price .value { color: #ff2c2c; font-family: Arial-Bold, Arial; font-weight: 700 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method { box-sizing: border-box; display: flex; flex: 1; flex-direction: column; padding: 14px 23px 22px 19px; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .left { box-sizing: border-box; display: flex; flex-shrink: 0; height: 36px; justify-content: space-between; padding-right: 30px; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right { box-sizing: border-box; height: 100%; justify-content: center; padding: 0 0 22px 3px; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out { display: flex; gap: 10px; height: 100%; justify-content: center; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .payermax, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .payermax, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe { align-content: space-between; display: flex; flex-wrap: wrap; height: 100%; width: 130px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe { position: relative } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal .free-try, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .free-try { text-wrap: balance; align-items: center; background-image: /*savepage-url=/_nuxt/img/isTrySubs.cd78bc8.webp*/ url(); background-repeat: no-repeat; background-size: 100% 100%; color: #fff; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 13px; font-weight: 500; height: 34px; justify-content: center; left: 0; position: absolute; text-align: center; top: -10px; width: 100px; word-break: keep-all } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .btn { background: #1677ff } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .paypal .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .paypal .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .btn > span { margin-right: 20px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .payermax .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .payermax .btn { background: #44a738 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .stripe .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .stripe .btn { background: #6772e5 } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn .el-icon-arrow-right, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn .el-icon-arrow-right { transition: all .3s ease } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn .el-icon-arrow-right.show-content, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn .el-icon-arrow-right.show-content { transform: rotate(90deg) translateX(-50%) } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn .adyen-methods, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn .adyen-methods { background: #fff; border-radius: 5px; left: 0; overflow: hidden; padding: 0 20px; position: absolute; top: 36px; transition: all .3s ease } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn .adyen-methods .adyen-method-item, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn .adyen-methods .adyen-method-item { color: #303133; display: flex; padding: 12px 5px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .adyen .btn .adyen-methods .adyen-method-item:hover, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .adyen .btn .adyen-methods .adyen-method-item:hover { color: #409eff } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .box, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .box { align-items: center; background: #fcf3e7; border: 1px solid #f4a629; border-radius: 6px; display: flex; height: 134px; justify-content: center; width: 173px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .box .icon, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .box .icon { width: 126px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .box .words, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .box .words { margin-left: 5px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .btn { align-items: center; border: 0; border-radius: 8px; box-sizing: border-box; color: #fff; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; height: 36px; justify-content: center; padding: 0 5px; position: relative; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .btn > span, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .btn > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .btn .el-icon-arrow-right, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .btn .el-icon-arrow-right { font-weight: 600; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .alipay, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .alipay, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat { align-content: space-between; display: flex; flex-wrap: wrap; height: 100%; width: 134px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .alipay .box .icon, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .alipay .box .icon { height: 38px; width: 90px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .alipay .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .alipay .btn { background: #1677ff } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .box .div, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .box .div { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .box .div .icon, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .box .div .icon { height: 32px; width: 32px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .box .name, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .box .name { color: #2e2e2e; font-size: 16px } .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .in .wechat .btn, .seaart-payment-method-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-method .right .out .wechat .btn { background: #44a738 } .adyen-payment-dialog .el-dialog { background: #f7f8f9; border: 1px solid #e6e9eb; border-radius: 12px; padding-bottom: 18px; padding-top: 18px } .up-or-down-dialog.custom-dialog .el-dialog { border: 0; border-radius: 16px; box-sizing: border-box; margin-top: calc(50vh - 252px) !important; width: 474px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__header { display: none } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container { background: #22232e; border-radius: 16px; box-sizing: border-box; height: 100%; padding: 16px 24px 32px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .close-icon { color: #8b9098; cursor: pointer; font-size: 20px; position: absolute; right: 20px; top: 18px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .title { color: #fefefe; font-family: Inter-Bold, Inter; font-size: 16px; font-weight: 700; height: 32px; line-height: 32px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .desc { align-items: center; display: flex; flex-wrap: wrap; font-family: PingFang SC-Semibold, PingFang SC; font-size: 12px; font-weight: 600; justify-content: center; justify-content: flex-start; margin-top: 5px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .desc .select-time { color: hsla(0, 0%, 100%, .8); width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .desc .tip { color: #606266; margin-top: 3px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area { border: 1px solid #343839; border-radius: 12px; box-sizing: border-box; margin-top: 12px; padding: 0 20px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area div { align-items: center; box-sizing: border-box; color: hsla(0, 0%, 100%, .9); cursor: pointer; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; height: 54px; justify-content: space-between; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area div:nth-child(2) { border-top: 1px solid hsla(0, 0%, 100%, .1) } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .select-area div .icon { color: #3578e2; font-size: 24px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail { background: #30313e; border-radius: 12px; box-sizing: border-box; margin-top: 12px; padding: 10px 20px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan { display: flex; flex-wrap: nowrap; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left { align-content: space-evenly; display: flex; flex: 1; flex-wrap: wrap; height: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left > div, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left > div { align-items: center; display: flex; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left > div .word, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left > div .word { color: #6c7275; margin-right: 5px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .left > div .plan, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .left > div .plan { color: #17e1f5; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .now-plan .right, .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan .right { align-items: flex-end; box-sizing: border-box; color: #fff; display: flex; font-family: Inter-Semi Bold, Inter; font-size: 16px; font-weight: 400; height: 100%; justify-content: flex-end; padding-bottom: 15px; width: 100px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .detail .origin-plan { border-bottom: 1px solid hsla(0, 0%, 100%, .1) } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-info { align-items: center; display: flex; height: 40px; justify-content: center; justify-content: space-between; margin-top: 12px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-info .amount { color: #fefefe; font-family: Inter-Bold, Inter; font-size: 20px; font-weight: 700 } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .payment-info .time { color: hsla(0, 0%, 94%, .7); font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .bottom { display: flex; height: 48px; justify-content: space-between; margin-top: 36px; width: 100% } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .bottom .cancel { align-items: center; background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border: 1px solid #343839; border-radius: 8px; color: #fefefe; display: flex; font-family: Inter-Semi Bold, Inter; font-size: 16px; font-weight: 400; height: 100%; justify-content: center; width: 203px } .up-or-down-dialog.custom-dialog .el-dialog .el-dialog__body .container .bottom .confirm { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border: 0; border-radius: 8px; color: #fefefe; display: flex; font-family: Inter-Semi Bold, Inter; font-size: 16px; font-weight: 400; height: 100%; justify-content: center; width: 203px } .subscription-item { background: hsla(0, 0%, 100%, .06); border-radius: 20px; flex-direction: column } .subscription-item, .subscription-item .header { align-items: center; display: flex; justify-content: center } .subscription-item .header { align-content: flex-start; flex-wrap: wrap; height: 295px; position: relative; width: 100% } .subscription-item .header .free-try { align-items: center; background: url(data:image/webp;base64,UklGRjIDAABXRUJQVlA4WAoAAAAQAAAAjwAAKQAAQUxQSG8BAAABkGtr27E5z6ex7fl5BmPbtj19bJU5gJS2nc4os1Lbtv3jHn759bxBFRETQOKoqiSWLe8/l3AUkOEy63dgv8RQx3eLi+SlALYoMj8jWOEaWV0C2Er8FImdAQy4RFICTNfuTEYFa/xU3A9wjRock2pMjw/1k9mJyKB5I1Q9cmJEXLrZmBDG0PyWTc9JZ8H2J+GxqYa02BBNYsqyzYbN86QsuQ0sCgyPS4gND1R4KjlsA5AzK2LgtA3AlWAtKCwsJFCTieGaC5h9lUht2PUes58bJEXz8/dTZYmdgJHbmHuiYft7zG2rICJJlmVJImYNG95j/u/QuYFcally9rENPF9QiUhdsCZEl2GbDXxbiIh6gI16Bj6Dc5ptuP66RMd68D6H/h4IhuG7aByDi51sGcD+b60WjjPC8Vw4IFBOD3Ayw+Z/H8+F44xwrBEOg2gcI8H4bhCNHhKMDeRhTl/3eYA8zcfbthtIHGyPzy6xkIsBAFZQOCCcAQAAkAkAnQEqkAAqAD6dRJ5MriQjp6TUCnCwE4lAzgMUBHB9a2GttBuIN4o9ADpTiIRHr2lr7W1Z7bGnULkkFd1SWXOsSUolBpcsgoEQsp0hc+hlsLbQgAD+6Pt//xQ+PSsM2m1ibJZpPOSQDuNUOGZZKliFix1cql6kRRPkVDSu4Gq8pvugzn5OBSWVWfwMvdELo0zc69pJoSb5CL/1EnnU6/l/2q3jHXVJj8S8Ylj7pqKyJzdJm0He+ysX69FhI6GsEr2a7/X7/n9PmlRrLKBGzuE/2MBoeHBvUwB74ej/HPNMSm2Ody/H9vfxYrRMj2YrwSBv72rCkwHXuNq8DnJRR59Qh5zWirNFI0tUFLD6xMwIWbEwTFzWfzfQOPfSedf68MgZOjsW96g/RrruviIPmghTTEPEm2ISdsOzQJ6LPenC8n/hm8S1F77K/V9MX96lNvA6JK1WDt1olmDLPbBK5oz0lFjgO9gHYtPAYWOWM6H5GUF1FzzX8EtpU7DoT68o5/U3/Cf/9////dgX/++OotFvrAvwxCcd/v24AA==); background-size: 100% 100%; box-sizing: border-box; color: #fff; display: flex; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; height: 40px; justify-content: center; min-width: 140px; padding: 13px 15px 0 0; position: absolute; right: -15px; top: -30px } .subscription-item .header .category { box-sizing: border-box; color: #fefefe; font-family: Inter-Medium, Inter; font-size: 22px; font-weight: 500; height: 88px; line-height: 40px; padding: 32px 0 16px; text-align: center; width: 100% } .subscription-item .header .price { align-items: center; align-items: flex-end; display: flex; height: 38px; justify-content: center; margin-bottom: 8px; width: 100% } .subscription-item .header .price .original-amount { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 28px; font-weight: 400; height: 26px; line-height: 26px; margin-bottom: 3px; margin-right: 10px; -webkit-text-decoration: line-through; text-decoration: line-through } .subscription-item .header .price .now-amount { -webkit-text-fill-color: transparent; text-fill-color: transparent; background: linear-gradient(270deg, #20ffff, #3f8cff); -webkit-background-clip: text; background-clip: text; font-family: Arial-Bold, Arial; font-size: 36px; font-weight: 700; height: 100%; line-height: 1; margin-right: 5px } .subscription-item .header .price .now-amount.free { -webkit-text-fill-color: unset; text-fill-color: unset; background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; -webkit-background-clip: unset; background-clip: border-box; background-clip: initial; color: #fff } .subscription-item .header .price span { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; height: 26px; line-height: 26px } .subscription-item .header .price.zh-CN .now-amount { line-height: 1.1 } .subscription-item .header .tip { color: #b9c3c8; font-family: Inter-Medium, Inter; font-size: 16px; font-weight: 500; height: 24px; line-height: 24px; margin-bottom: 16px; text-align: center; width: 100% } .subscription-item .header .subscription-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #00e2e2); border: 0; border-radius: 6px; color: #fff; display: flex; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; height: 40px; justify-content: center; margin-bottom: 18px; width: 218px } .subscription-item .header .subscription-btn.is-disabled { background: #2e3041; color: #545668 } .subscription-item .header .switch { align-items: center; display: flex; height: 24px; justify-content: center; line-height: 24px; width: 100% } .subscription-item .header .switch .words { color: #3f8cff; cursor: pointer; font-family: Inter-Medium, Inter; font-size: 14px; font-weight: 500; text-align: center } .subscription-item .explanation { background: rgba(150, 160, 255, .1); border: 1px solid #5c7ba8; border-radius: 12px; flex: 1; margin: 0 15px 15px; position: relative; width: calc(100% - 30px) } .subscription-item .explanation .discount { align-content: space-around; background: /*savepage-url=/_nuxt/img/mall-sun-bg.81c1d86.png*/ var(--savepage-url-18); background-size: contain; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 86px; padding: 17px 0; position: absolute; right: -20px; top: -15px; transform: rotate(-45deg); width: 86px } .subscription-item .explanation .discount .words { box-sizing: border-box; color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; text-align: center; width: 100% } .subscription-item .explanation .discount .number { align-items: center; box-sizing: border-box; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 18px; font-weight: 700; justify-content: center; text-align: center; width: 100% } .subscription-item .explanation .discount .number .icon { height: 24px; width: 24px } .subscription-item .explanation .top { align-content: space-around; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 16px 0; width: 100% } .subscription-item .explanation .top .stamina { align-items: center; background: hsla(0, 0%, 100%, .06); border: 2px solid hsla(0, 0%, 100%, .06); border-radius: 12px; color: #fff; display: flex; font-family: Inter-Semi Bold, Inter; font-size: 16px; height: 48px; justify-content: center; width: 100% } .subscription-item .explanation .content { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .1); box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 30px 16px; width: 100% } .subscription-item .explanation .content :nth-child(8) { padding-bottom: 30px; position: relative } .subscription-item .explanation .content :nth-child(8):after { background: hsla(0, 0%, 100%, .1); bottom: 0; content: ""; height: 1px; left: -16px; position: absolute; width: calc(100% + 32px) } .subscription-item .explanation .content :nth-child(9) { padding-top: 10px } .subscription-item .explanation .content .item-terms { color: #fff; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 20px; width: 100% } .subscription-item .explanation .content .item-terms .icon-div { height: 100%; margin-right: 10px; width: 16px } .subscription-item .explanation .content .item-terms .icon-div .icon { font-size: 16px } .subscription-item .explanation .content .item-terms .icon-div .icon.el-icon-check { color: #22d19d } .subscription-item .explanation .content .item-terms .icon-div .icon.el-icon-close { color: #ff3d3d } .subscription-item > .subscription-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #00e2e2); border: 0; border-radius: 6px; color: #fff; display: flex; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; height: 40px; justify-content: center; margin: 26px 0 40px; width: 218px } .subscription-item > .subscription-btn.is-disabled { background: #2e3041; color: #545668 } .subscription-item .help { margin-left: 10px } .subscription { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; overflow-x: auto; width: 100% } .subscription::-webkit-scrollbar { height: 4px } .subscription > .top { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; margin: 5px 0 19px; width: 100% } .subscription > .top .title { color: #fff; font-family: Arial-Bold, Arial; font-size: 56px; font-weight: 700; height: 60px; line-height: 60px; margin-bottom: 5px; text-align: center; width: 100% } .subscription > .top .desc { color: #d0d3dc; font-family: Arial-Regular, Arial; font-size: 18px; height: 26px; line-height: 26px; text-align: center; width: 100% } .subscription > .top .subscription-methods { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #37323f, #37323f), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 12px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 66px; justify-content: center; justify-content: space-between; padding: 5px; width: 558px } .subscription > .top .subscription-methods .monthly, .subscription > .top .subscription-methods .yearly { align-items: center; background: transparent; border-radius: 12px; color: #bfc0c1; cursor: pointer; display: flex; font-family: Arial-Regular, Arial; font-size: 18px; font-weight: 400; height: 54px; justify-content: center; width: 270px } .subscription > .top .subscription-methods .monthly.active, .subscription > .top .subscription-methods .yearly.active { background: linear-gradient(90deg, #3f8cff, #00e2e2); border-radius: 12px; color: #fff; font-weight: 700 } .subscription > .top .subscription-methods .yearly .discount { align-items: center; background: rgba(52, 81, 125, .2); border-radius: 27px; color: #fff; display: flex; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; height: 29px; justify-content: center; margin-left: 7px; width: 141px } .subscription > .top .subscription-methods .yearly .discount .img { height: 16px; margin-bottom: 2px; margin-left: 3px; -o-object-fit: cover; object-fit: cover; width: 16px } .subscription .middle { background: hsla(0, 0%, 100%, .1); border-radius: 12px; display: flex; flex-wrap: wrap; height: 222px; justify-content: center; margin: 5px 0; width: 336px } .subscription .middle .celebrate { font-size: 68px; margin-top: 18px; text-align: center; width: 100% } .subscription .middle .tip { font-family: Inter-Semi Bold, Inter; font-size: 16px; font-weight: 400; height: 32px; text-align: center; width: 100% } .subscription .middle .tip .u-sub { color: hsla(0, 0%, 94%, .7) } .subscription .middle .tip .level { color: #fcfcfc } .subscription .middle .manage-sub { align-items: center; background: hsla(0, 0%, 100%, .1); border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 12px; color: #fcfcfc; display: flex; font-family: Inter-Bold, Inter; font-size: 14px; font-weight: 700; height: 48px; justify-content: center; width: 248px } .subscription .bottom { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 19px; width: 100% } .subscription .bottom .subscription-contents { align-items: flex-start; display: flex; justify-content: flex-start; width: 100% } .subscription .bottom .subscription-contents .subscription-item { flex: 1; margin: 0 10px; min-width: 270px } .goods-container { background: hsla(0, 0%, 100%, .13); border-radius: 0 8px 8px 8px; box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25); box-sizing: border-box; height: 100%; padding: 30px 35px 35px; width: calc(100% - 230px) } .goods-container .old-mall .top-desc { box-sizing: border-box; margin-bottom: 3px; padding: 0 15px; position: relative; width: 100% } .goods-container .old-mall .top-desc .tip { height: 16px; left: -13px; position: absolute; top: 1px; width: 16px } .goods-container .old-mall .top-desc .words { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 20px; width: 100% } .goods-container .old-mall .goods { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; justify-content: flex-start } .goods-container .old-mall .goods .item-goods { align-content: flex-end; background-repeat: no-repeat; background-size: contain; display: flex; flex-wrap: wrap; height: 245px; margin: 15px; position: relative; width: 189px } .goods-container .old-mall .goods .item-goods .discount, .goods-container .old-mall .goods .item-goods .purchase-limit, .goods-container .old-mall .goods .item-goods .vip-lite { align-content: space-around; background: /*savepage-url=/_nuxt/img/mall-sun-bg.81c1d86.png*/ var(--savepage-url-18); background-size: contain; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 86px; padding: 17px 0; position: absolute; right: -20px; top: -15px; transform: rotate(-45deg); width: 86px } .goods-container .old-mall .goods .item-goods .discount .words, .goods-container .old-mall .goods .item-goods .purchase-limit .words, .goods-container .old-mall .goods .item-goods .vip-lite .words { box-sizing: border-box; color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; text-align: center; width: 100% } .goods-container .old-mall .goods .item-goods .discount .number-old, .goods-container .old-mall .goods .item-goods .purchase-limit .number-old, .goods-container .old-mall .goods .item-goods .vip-lite .number-old { box-sizing: border-box; color: #fff; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 14px; font-weight: 700; text-align: center; -webkit-text-decoration: line-through; text-decoration: line-through; width: 100% } .goods-container .old-mall .goods .item-goods .discount .number-new, .goods-container .old-mall .goods .item-goods .purchase-limit .number-new, .goods-container .old-mall .goods .item-goods .vip-lite .number-new { align-items: center; box-sizing: border-box; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 18px; font-weight: 700; justify-content: center; text-align: center; width: 100% } .goods-container .old-mall .goods .item-goods .discount .number-new .icon, .goods-container .old-mall .goods .item-goods .purchase-limit .number-new .icon, .goods-container .old-mall .goods .item-goods .vip-lite .number-new .icon { height: 24px; width: 24px } .goods-container .old-mall .goods .item-goods .vip-lite { background: /*savepage-url=/_nuxt/img/mall-vip-lite-sun-bg.f7b2162.png*/ url(); background-size: contain } .goods-container .old-mall .goods .item-goods .goods-info { height: 42px; margin-bottom: 5px; width: 100% } .goods-container .old-mall .goods .item-goods .goods-info .VIP_Card { box-sizing: border-box; color: #1c77ff; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; overflow: hidden; padding: 0 5px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100% } .goods-container .old-mall .goods .item-goods .goods-info .mall-Credit, .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond { align-items: center; display: flex; height: 39px; justify-content: center; line-height: 39px; margin-top: 3px; padding: 0 5px } .goods-container .old-mall .goods .item-goods .goods-info .mall-Credit .words, .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond .words { color: #c246fc; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700 } .goods-container .old-mall .goods .item-goods .goods-info .mall-Credit .icon, .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond .icon { height: 32px; -o-object-fit: contain; object-fit: contain; width: 32px } .goods-container .old-mall .goods .item-goods .goods-info .mall-Credit .icon { margin-bottom: 1px } .goods-container .old-mall .goods .item-goods .goods-info .mall-Diamond .icon { margin-bottom: 3px } .goods-container .old-mall .goods .item-goods .purchase-btn { align-items: center; background: transparent; border: 0; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 24px; font-style: italic; font-weight: 700; height: 45px; justify-content: center; margin: 0 auto; width: 174px } .goods-container .old-mall .goods .item-goods .purchase-btn.is-loading:before { background-color: transparent } .goods-container .old-mall .goods .item-goods .purchase-btn:before { color: hsla(0, 0%, 100%, .8); content: attr(disPrice); font-family: DIN Alternate-Bold, DIN Alternate; font-size: 20px; margin-right: 10px; -webkit-text-decoration: line-through; text-decoration: line-through } .member-benefits .tip .icon { height: 16px; width: 16px } .member-benefits .tip .words { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400 } .member-benefits .benefits-container { align-items: center; display: flex; justify-content: center; justify-content: space-between; margin-top: 15px; width: 100% } .member-benefits .benefits-container .item-container { background: hsla(0, 0%, 100%, .13); border-radius: 20px; box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25); flex: 1; margin-right: 20px; position: relative } .member-benefits .benefits-container .item-container:last-child { margin-right: 0 } .member-benefits .benefits-container .item-container.VIP { background: rgba(255, 223, 142, .2); box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25) } .member-benefits .benefits-container .item-container.VIP .sloganBg { background: linear-gradient(44deg, #ffe6b5, #f2b549); box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25) } .member-benefits .benefits-container .item-container.VIP .sloganBg .words { color: #6f3d0c } .member-benefits .benefits-container .item-container.LITE { background: hsla(0, 0%, 100%, .13); box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25) } .member-benefits .benefits-container .item-container.LITE .sloganBg { background: linear-gradient(44deg, #f0f0f0, #afafaf); box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25) } .member-benefits .benefits-container .item-container.LITE .sloganBg .words { color: #494263 } .member-benefits .benefits-container .item-container.FREE .sloganBg { background: hsla(0, 0%, 100%, .13); box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25) } .member-benefits .benefits-container .item-container.FREE .sloganBg .words { color: #fff } .member-benefits .benefits-container .item-container .sloganBg { align-items: center; border-radius: 20px 20px 0 0; display: flex; height: 52px; justify-content: center; width: 100% } .member-benefits .benefits-container .item-container .sloganBg .vip-icon { height: 30px; margin-bottom: 7px; margin-right: 7px; width: 30px } .member-benefits .benefits-container .item-container .sloganBg .words { align-items: center; display: flex; font-family: Arial-Bold, Arial; font-size: 24px; font-weight: 700; height: 100%; justify-content: center } .member-benefits .benefits-container .item-container .terms-container { box-sizing: border-box; height: 100%; padding: 15px; width: 100% } .member-benefits .benefits-container .item-container .terms-container .item-term { align-items: center; background: hsla(0, 0%, 100%, .05); border-radius: 8px; box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .03); box-sizing: border-box; display: flex; height: 44px; justify-content: center; justify-content: flex-start; margin-bottom: 5px; padding: 0 25px; width: 100% } .member-benefits .benefits-container .item-container .terms-container .item-term:last-child { margin-bottom: 0 } .member-benefits .benefits-container .item-container .terms-container .item-term .term-icon { font-size: 16px; height: 16px; margin-right: 10px; width: 16px } .member-benefits .benefits-container .item-container .terms-container .item-term .term-icon.el-icon-check { color: #22d19d } .member-benefits .benefits-container .item-container .terms-container .item-term .term-icon.el-icon-close { color: #ff3d3d } .member-benefits .benefits-container .item-container .terms-container .item-term .term-words { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } @keyframes color-change { 0% { color: hsla(0, 0%, 100%, .7) } 50% { color: hsla(0, 0%, 100%, .85) } to { color: #fff } } .common-questions { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .common-questions .title { color: #fff; font-family: Arial-Bold, Arial; font-size: 30px; font-weight: 700; height: 60px; line-height: 60px; margin-bottom: 10px; text-align: center; width: 100% } .common-questions .sub-title { color: #d0d3dc; font-family: Arial-Regular, Arial; font-size: 18px; font-weight: 400; height: 26px; line-height: 26px; margin-bottom: 50px; text-align: center; width: 100% } .common-questions .collapse { border: 0; box-sizing: border-box; padding-bottom: 98px; width: 100% } .common-questions .collapse .el-collapse-item .el-collapse-item__header { background: transparent; border-bottom: 0; box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .1); color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 18px; font-weight: 400; height: 68px; line-height: 24px; padding: 0 15px } .common-questions .collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.el-icon-arrow-right { margin: 0 0 0 15px } .common-questions .collapse .el-collapse-item .el-collapse-item__wrap { background: transparent; border-bottom: 0 } .common-questions .collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content { background: transparent; border-radius: 16px; box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .15) } .common-questions .collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content .content { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0 15px } .common-questions .collapse .el-collapse-item.is-active { background: rgba(28, 20, 49, .5) } .common-questions .collapse .el-collapse-item.is-active .el-collapse-item__header { animation-duration: 1s; animation-iteration-count: 1; animation-name: color-change; box-shadow: none; color: #fff } .purchase-record-dialog .el-dialog { border: 0; border-radius: 20px; box-sizing: border-box; height: 522px; margin-top: calc(50vh - 261px) !important; width: 798px } .purchase-record-dialog .el-dialog .el-dialog__header { background: #1a202f; border-radius: 20px; padding: 20px 35px } .purchase-record-dialog .el-dialog .el-dialog__body { align-content: space-between; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 457px; padding: 0 35px 18px; width: 100% } .purchase-record-dialog .el-dialog .el-dialog__body .container { box-sizing: border-box; height: 100%; width: 100% } .purchase-record-dialog .el-dialog .el-dialog__body .container .no-data-tip { align-items: center; box-sizing: border-box; display: flex; font-size: 16px; height: calc(100% - 32px); justify-content: center; width: 100% } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows { box-sizing: border-box; height: calc(100% - 32px); margin: 0; padding: 0; width: 100% } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row { align-items: center; background: #252b39; border-radius: 8px 8px 8px 8px; box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .03); box-sizing: border-box; display: flex; height: 50px; justify-content: center; justify-content: space-between; margin-bottom: 8px; padding: 5px 18px; width: 100% } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row.row-header > div { color: #898e99 !important; font-weight: 700 } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row.row-header .goods-consumption { box-sizing: border-box; padding-left: 5px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row.row-header .goods-time { justify-content: flex-start } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row:last-child { margin-bottom: 0 } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name { align-items: center; display: flex; flex: 1; justify-content: center; justify-content: flex-start } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .icon { height: 40px; -o-object-fit: contain; object-fit: contain; width: 40px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .icon.vip-icon { height: 35px; margin-left: 3px; width: 35px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .star { margin: 7px 5px 0 3px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .number, .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .star, .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-name .words { color: #f1c16c; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption { align-items: center; display: flex; justify-content: center; justify-content: flex-start; width: 125px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption .words { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption .words.cash { margin-left: 5px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-consumption .icon { height: 25px; -o-object-fit: contain; object-fit: contain; width: 28px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-number { align-items: center; color: #fff; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: center; justify-content: flex-start; width: 330px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-number .copy-icon { color: #409eff; cursor: pointer; font-size: 20px; margin-left: 5px } .purchase-record-dialog .el-dialog .el-dialog__body .container .rows .row .goods-time { align-items: center; color: #fff; display: flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: center; justify-content: flex-end; width: 130px } .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination { display: flex; justify-content: flex-end; width: 100% } .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination.is-background .btn-next, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination.is-background .btn-prev, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination.is-background .el-pager li, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination__jump, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination__total { color: #d9dfe7 } .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pager li, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination .btn-next, .purchase-record-dialog .el-dialog .el-dialog__body .container .el-pagination .el-pagination .btn-prev { background-color: transparent; background-color: initial } .mall-checkin-dialog .el-dialog { background: transparent; box-shadow: none; box-sizing: border-box; height: 732px; margin-top: calc(50vh - 410px) !important; width: 685px } .mall-checkin-dialog .el-dialog .el-dialog__header { display: none } .mall-checkin-dialog .el-dialog .el-dialog__body { background: /*savepage-url=/_nuxt/img/mall-checkin-dialog-bg.1a675e5.webp*/ url() no-repeat; background-size: contain; box-sizing: border-box; height: 100%; padding: 0; position: relative; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container { box-sizing: border-box; height: 100%; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .close-icon { color: #909399; cursor: pointer; font-size: 24px; position: absolute; right: 50px; top: 70px } .mall-checkin-dialog .el-dialog .el-dialog__body .container > .title { align-items: center; display: flex; height: 80px; justify-content: center; justify-content: flex-start; padding: 122px 295px 0 45px } .mall-checkin-dialog .el-dialog .el-dialog__body .container > .title .words { color: #fff; font-family: Helvetica-Bold, Helvetica; font-size: 27px; font-style: italic; font-weight: 700; text-shadow: 0 4px 0 rgba(0, 0, 0, .25) } .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc { align-content: center; background: linear-gradient(90deg, #fee59a, #fecc71); border-radius: 22px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 59px; justify-content: flex-start; margin: 13px 132px 12px 43px; padding: 6px 10px; width: 510px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .line-one { align-items: center; color: #6b4d20; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 600; justify-content: space-between; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .line-two { color: #786344; font-family: PingFang SC; font-size: 13px; margin-top: 8px; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .symbol-one { color: hsla(6, 97%, 66%, .282); margin-left: 6px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .symbol-two { color: hsla(6, 97%, 66%, .573) } .mall-checkin-dialog .el-dialog .el-dialog__body .container .desc .symbol-three { color: #fc6555 } .mall-checkin-dialog .el-dialog .el-dialog__body .container .sub-desc { align-items: center; box-sizing: border-box; display: flex; height: 32px; justify-content: center; justify-content: flex-start; margin: 5px 138px 0 45px; padding: 6px 0; width: 505px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .sub-desc .icon { color: #6a6a6a } .mall-checkin-dialog .el-dialog .el-dialog__body .container .sub-desc .words { margin-left: 5px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container { align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 127px 0 37px; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin { align-items: center; background: linear-gradient(180deg, #fff, #fff0cb); border: 5px solid #fff; border-radius: 14px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 143px; justify-content: center; margin: 5px; position: relative; width: 120px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .received-mask { align-items: center; background: rgba(0, 0, 0, .6); border-radius: 14px; display: flex; height: 143px; justify-content: center; left: -5px; position: absolute; top: -5px; width: 120px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .received-mask .received-icon { height: 30px; -o-object-fit: contain; object-fit: contain; widows: 37px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .top { align-items: center; display: flex; flex-wrap: wrap; height: calc(100% - 28px); justify-content: center; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .top .img { box-sizing: border-box; height: 75px; padding: 15px 25.5px 5px; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .top .goods-desc { align-items: center; box-sizing: border-box; color: #fff; display: flex; font-family: Helvetica-Bold, Helvetica; font-size: 16px; font-weight: 700; height: calc(100% - 75px); justify-content: center; line-height: 21px; text-shadow: -1px -1px 0 #a65a08, 1px -1px 0 #a65a08, -1px 1px 0 #a65a08, 1px 1px 0 #a65a08, 0 0 2px #a65a08; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin .title { align-items: center; background: #fff; box-sizing: border-box; color: #a65a08; display: flex; font-family: Helvetica-Bold, Helvetica; font-size: 14px; font-weight: 700; height: 28px; justify-content: center; padding-top: 5px; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.is-current { background: /*savepage-url=/_nuxt/img/mall-checkin-container-bg.6c74136.png*/ url() no-repeat 50% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.is-current .title { background-color: #fee6a7; border-radius: 0 0 12px 12px; height: 32px; margin-bottom: -4px; padding-top: 0 } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.not-received { background: linear-gradient(180deg, #fff, #a4a4a4) } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.not-received .top .goods-desc { text-shadow: -1px -1px 0 #6f6f6f, 1px -1px 0 #6f6f6f, -1px 1px 0 #6f6f6f, 1px 1px 0 #6f6f6f, 0 0 2px #6f6f6f } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container .item-checkin.not-received .title { color: #6f6f6f } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container :last-child, .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container :last-child .received-mask { width: 251px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .checkin-container :last-child .top .img { padding: 15px 91px 5px } .mall-checkin-dialog .el-dialog .el-dialog__body .container .btn { align-items: center; box-sizing: border-box; display: flex; height: 70px; justify-content: center; padding: 18px 220px 0 131px; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .btn .btn-div { background: transparent; border: 0; box-sizing: border-box; color: #fff; cursor: pointer; font-family: Arial-Bold, Arial; font-size: 18px; font-weight: 700; height: 100%; padding: 0; width: 100% } .mall-checkin-dialog .el-dialog .el-dialog__body .container .btn .btn-div.is-loading:before { background: transparent } @keyframes spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .payment-status-dialog .el-dialog { background: transparent; box-shadow: none; box-sizing: border-box; width: auto } .payment-status-dialog .el-dialog .el-dialog__header { display: none } .payment-status-dialog .el-dialog .el-dialog__body { background: #fff; border-radius: 36px; box-sizing: border-box; padding: 0 } .payment-status-dialog .el-dialog .el-dialog__body .container { box-sizing: border-box; position: relative; transition: height .5s ease 0s; width: 416px } .payment-status-dialog .el-dialog .el-dialog__body .container > .icon { height: 96px; left: 50%; position: absolute; top: -48px; transform: translateX(-50%); width: 160px } .payment-status-dialog .el-dialog .el-dialog__body .container .loading { align-content: flex-start; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .payment-status-dialog .el-dialog .el-dialog__body .container .loading > .icon { height: 68px; margin-top: 34px; width: 68px } .payment-status-dialog .el-dialog .el-dialog__body .container .loading > .icon.rotate-image { animation: spin 3s linear infinite } .payment-status-dialog .el-dialog .el-dialog__body .container .loading .words { color: #666; font-family: PingFang SC-Medium, PingFang SC; font-size: 18px; font-weight: 500; margin-top: 10px; text-align: center; width: 100% } .payment-status-dialog .el-dialog .el-dialog__body .container .loading .cancel-btn { background: #37c040; border: 0; border-radius: 8px; color: #fff; height: 36px; margin-top: 40px; width: 134px } .payment-status-dialog .el-dialog .el-dialog__body .container .finish { align-content: flex-start; align-items: center; background: /*savepage-url=/_nuxt/img/payment-status-dialog-bg.8d3a869.webp*/ url() no-repeat; background-size: contain; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; overflow: hidden; position: relative; width: 100% } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .tip { color: #104619; font-family: Helvetica Neue-Bold, Helvetica Neue; font-size: 20px; font-weight: 700; margin-top: 80px; text-align: center; width: 100% } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .amount { color: #104619; font-family: PingFang SC-Medium, PingFang SC; font-size: 18px; font-weight: 500; margin-top: 10px } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content { margin-top: 33px; padding: 0 32px; width: 100% } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content { display: flex; justify-content: space-between; margin-bottom: 10px; width: 100% } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content:last-child { margin-bottom: 0 } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .label { align-items: center; color: #888; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail { color: #333; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div { align-items: center; display: flex } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div .icon { height: 26px; margin-left: 5px; width: 26px } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .content .item-content .detail .detail-div.credits .icon { margin-left: 3px } .payment-status-dialog .el-dialog .el-dialog__body .container .finish .done-btn { background: #37c040; border: 0; border-radius: 8px; color: #fff; height: 36px; margin-top: 30px; width: 134px } .discount-dialog .el-dialog { background: transparent; box-shadow: none; box-sizing: border-box; height: 536px; margin-top: calc(50vh - 268px) !important; width: 536px } .discount-dialog .el-dialog .el-dialog__header { display: none } .discount-dialog .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container { background: /*savepage-url=/_nuxt/img/discount-dialog-bg.e46a943.webp*/ url() no-repeat; background-size: contain; border: 0; box-sizing: border-box; height: 100%; position: relative; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .close-icon { color: #909399; cursor: pointer; font-size: 24px; position: absolute; right: 100px; top: 60px } .discount-dialog .el-dialog .el-dialog__body .container .title { align-items: center; box-sizing: border-box; color: #323d36; display: flex; font-family: Arial-Bold, Arial; font-size: 18px; font-weight: 700; height: 177px; justify-content: center; padding: 110px 182px 0 84px; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .number { align-content: center; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 153px; justify-content: center; padding: 8px 217px 62px 236px; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .number .number-new { color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 20px; font-weight: 600; margin: 5px 0; text-align: center; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .number .number-old { color: #fff; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 18px; font-weight: 700; text-align: center; -webkit-text-decoration: line-through; text-decoration: line-through; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .remaining { align-content: center; align-items: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 102px; justify-content: center; padding: 0 160px 15px 59px; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .remaining .words { color: rgba(0, 0, 0, .8); font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; text-align: center; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .remaining .times { align-items: center; display: flex; justify-content: center; margin-top: 10px; width: 100% } .discount-dialog .el-dialog .el-dialog__body .container .remaining .times .hours, .discount-dialog .el-dialog .el-dialog__body .container .remaining .times .minutes, .discount-dialog .el-dialog .el-dialog__body .container .remaining .times .second { align-items: center; background: #fff; border-radius: 2px 2px 2px 2px; color: rgba(0, 0, 0, .8); display: flex; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; height: 22px; justify-content: center; width: 24px } .discount-dialog .el-dialog .el-dialog__body .container .remaining .times .colon { color: rgba(0, 0, 0, .8); font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; margin: 0 5px } .discount-dialog .el-dialog .el-dialog__body .container .btn { align-items: center; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Arial-Bold, Arial; font-size: 18px; font-weight: 700; height: 55px; justify-content: center; padding: 0 195px 0 94px; text-align: center; width: 100% } .seaart-mall { background-image: /*savepage-url=/_nuxt/img/rankBg.34a1394.webp*/ var(--savepage-url-11); background-repeat: no-repeat; box-sizing: border-box; height: 100%; padding-top: 75px; width: 100% } .seaart-mall > .back-to { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; cursor: pointer; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 40px; width: 52px; z-index: 98 } .seaart-mall > .back-to i { color: #fff; font-size: 28px } .seaart-mall > .back-to:hover { background-color: #1c2433 } .seaart-mall > .title { align-items: center; display: flex; font-family: Arial-Bold, Arial; font-size: 56px; font-weight: 700; height: 60px; justify-content: center; margin: 6px 0 } .seaart-mall > .title .words { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #1271ff, #20ffff); -webkit-background-clip: text } .seaart-mall > .title .star { height: 45px; margin-bottom: 10px; -o-object-fit: contain; object-fit: contain; width: 45px } .seaart-mall > .desc { color: #d0d3dc; font-family: Arial-Regular, Arial; font-size: 18px; height: 26px; margin-bottom: 25px } .seaart-mall > .desc, .seaart-mall > .detial { align-items: center; display: flex; justify-content: center } .seaart-mall > .detial { box-sizing: border-box; flex-wrap: nowrap; height: 66px; justify-content: space-between; margin: 20px auto 10px; padding: 0 80px 0 310px; width: 100% } .seaart-mall > .detial .left { align-items: center; display: flex; height: 100%; width: 603px } .seaart-mall > .detial .left .purchase-record-btn { background: hsla(0, 0%, 100%, .23); border-radius: 10px; box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25); height: 39px; line-height: 39px; margin-right: 13px; padding: 0 10px } .seaart-mall > .detial .left .purchase-record-btn .words { color: hsla(0, 0%, 100%, .8); cursor: pointer; font-family: Arial-Bold, Arial; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .seaart-mall > .detial .left .vip-expiry-date { color: hsla(0, 0%, 100%, .6); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .seaart-mall > .detial .right { align-items: center; display: flex; flex-wrap: nowrap; height: 100%; justify-content: center; justify-content: flex-end; width: 347px } .seaart-mall > .detial .right .coin { align-items: center; background: #413f53; border-radius: 30px; box-shadow: 0 4px 20px -1px rgba(0, 0, 0, .25), 0 4px 20px 0 rgba(47, 24, 108, .1); box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter-Semi Bold, Inter; font-size: 16px; font-weight: 400; height: 34px; justify-content: center; margin-right: 16px; padding-left: 15px; position: relative; width: 105px } .seaart-mall > .detial .right .coin:last-child { margin-right: 0 } .seaart-mall > .detial .right .coin .icon { position: absolute } .seaart-mall > .detial .right .coin.credits .icon { height: 47px; left: -18px; top: -5px; width: 47px } .seaart-mall > .detial .right .coin.stamina { padding-left: 5px } .seaart-mall > .detial .right .coin.stamina .icon { height: 50px; left: -15px; top: -8px; width: 50px } .seaart-mall > .container { box-sizing: border-box; margin-bottom: 25px; padding: 0 80px; position: relative; width: 100% } .seaart-mall > .container .checkin-btn { cursor: pointer; height: 120px; position: fixed; right: 0; top: 185px; width: 120px } .seaart-mall > .container .checkin-btn .icon { box-sizing: border-box; height: 100%; width: 100% } .seaart-mall > .container .checkin-btn .words { align-items: center; color: #fff; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; height: 26px; justify-content: center; position: absolute; right: 27px; top: 78px; width: 85px } .seaart-mall > .container .discount-btn { cursor: pointer; height: 110px; position: fixed; right: 0; top: 319px; width: 110px } .seaart-mall > .container .discount-btn .icon { box-sizing: border-box; height: 100%; width: 100% } .seaart-mall > .container .discount-btn .words { font-size: 12px; height: 50px; right: 0; text-align: center; top: 0; width: 50px } .seaart-mall > .container .discount-btn .times, .seaart-mall > .container .discount-btn .words { align-items: center; color: #fff; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-weight: 600; justify-content: center; position: absolute } .seaart-mall > .container .discount-btn .times { font-size: 14px; height: 32px; right: 17px; top: 76px; width: 92px } .seaart-mall > .container .discount-btn .times .hours, .seaart-mall > .container .discount-btn .times .minutes, .seaart-mall > .container .discount-btn .times .second { align-items: center; color: #fff; display: flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; justify-content: center } .seaart-mall > .container .discount-btn .times .colon { color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; margin: 0 3px } .seaart-mall > .container .goods-content { box-sizing: border-box; display: flex; flex-wrap: nowrap; height: 100%; transition: height .5s ease 0s; width: 100% } .seaart-mall > .container .goods-content .tabs { align-content: flex-start; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: flex-end; width: 230px } .seaart-mall > .container .goods-content .tabs .tab { align-items: center; background: hsla(0, 0%, 100%, .13); border-radius: 10px 0 0 10px; box-shadow: inset 3px 0 40px 0 hsla(0, 0%, 100%, .1), inset 0 2px 2px 0 hsla(0, 0%, 100%, .25); color: #fff; display: flex; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; height: 60px; justify-content: center; margin-bottom: 20px; position: relative; width: 184px } .seaart-mall > .container .goods-content .tabs .tab:last-child { margin-bottom: 0 } .seaart-mall > .container .goods-content .tabs .tab.active { background: /*savepage-url=/_nuxt/img/mall_tab_selected.fc27322.webp*/ var(--savepage-url-16); background-repeat: no-repeat; background-size: 100% 100%; box-shadow: none; box-sizing: border-box; font-family: Arial-Bold, Arial; font-size: 20px; font-weight: 700; height: 90px; margin-top: -14px; padding-left: 35px; padding-top: 16px; width: 230px } .seaart-mall > .container .goods-content .tabs .tab.active:before { left: -5px !important; top: -10px !important } .seaart-mall > .container .goods-content .tabs .tab:first-child:before, .seaart-mall > .container .goods-content .tabs .tab:nth-child(2):before { background-image: /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20231114/2352a749-bb0d-4803-83f2-6f3aaafd1da3.png*/ var(--savepage-url-15); background-repeat: no-repeat; background-size: cover; box-sizing: border-box; content: attr(tips); font-size: 16px; height: 55px; left: -20px; line-height: 55px; position: absolute; text-align: center; top: -25px; width: 110px } .seaart-mall > .container .goods-content .tabs .tab:nth-child(2):before { background-image: /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20231114/2352a749-bb0d-4803-83f2-6f3aaafd1da3.png*/ var(--savepage-url-15); padding-right: 5px } .seaart-mall > .container .goods-content .tabs .tab.sale-tab:before { display: none } .seaart-mall > .container .goods-content .tabs .tag { background: linear-gradient(88deg, #424242, #8d8d8d); border-radius: 12px 0 12px 0; color: #fff; font-size: 14px; height: 26px; left: 0; line-height: 26px; max-width: 180px; overflow: hidden; padding: 0 10px; position: relative; position: absolute; text-align: center; text-overflow: ellipsis; top: -13px; white-space: normal } .seaart-mall > .comparison-of-membership-benefits { margin: 0 auto 35px; width: 950px } .seaart-mall > .common-questions-container { margin: 0 auto; width: 950px } .c-tab[data-v-a2337098] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; height: 32px; justify-content: space-around; width: 100% } .c-tab .item-tab[data-v-a2337098] { color: #a3a6ad; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 16px; font-weight: 600; justify-content: center } .c-tab .item-tab[data-v-a2337098]:last-child { margin-right: 0 } .c-tab .item-tab.active[data-v-a2337098] { border-bottom: 2px solid; -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2; border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2; color: #fff } .c-category[data-v-77505de0] { height: 32px; position: relative; width: 100% } .c-category:hover .arrow[data-v-77505de0] { opacity: 1 } .c-category .arrow[data-v-77505de0] { align-items: center; background: #484c5b; border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-weight: 700; height: 20px; justify-content: center; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity .3s ease-in-out; width: 20px } .c-category .arrow.left-icon[data-v-77505de0] { left: 0 } .c-category .arrow.right-icon[data-v-77505de0] { right: 0 } .c-category .categorys[data-v-77505de0] { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; width: 100% } .c-category .categorys[data-v-77505de0]::-webkit-scrollbar { height: 0 } .c-category .categorys .item-category[data-v-77505de0] { align-items: center; box-sizing: border-box; color: #777e90; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 16px; font-size: 14px; font-weight: 500; justify-content: center; padding: 10px 12px; white-space: nowrap } .c-category .categorys .item-category.active[data-v-77505de0] { background: #353945; border-radius: 100px; box-sizing: border-box; color: #fcfcfd; font-family: DM Sans; font-size: 14px; font-weight: 500; padding: 10px 12px } .face-changing-example[data-v-ee4a5bac] .el-dialog { background: transparent; height: 678px; margin-top: calc(50vh - 339px) !important; width: 684px } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__header { display: none } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; position: relative; width: 100% } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .close-icon { color: #f7fbfa; cursor: pointer; font-size: 18px; font-weight: 600; position: absolute; right: 47px; top: 35px } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content { align-content: flex-start; background: #24262a; border-radius: 20px 20px 0 0; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 594px; justify-content: center; padding: 0 40px; width: 100% } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .title { color: #fcfcfc; font-family: Inter; font-size: 18px; font-weight: 400; line-height: 18px; padding-top: 36px; text-align: center; width: 100% } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .explain { margin: 28px auto 0 } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .explain > div { color: #b3bac2; font-family: PingFang SC; font-size: 14px; line-height: 24px } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example { margin-top: 19px; position: relative; width: 100% } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example:after, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example:after { background: hsla(0, 0%, 100%, .2); content: ""; height: 1px; left: 50%; position: absolute; top: 16px; transform: translateX(-50%); width: 100% } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .header, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header { align-items: center; background: #383c46; border-radius: 60px; display: flex; height: 32px; justify-content: center; margin: 0 auto; position: relative; width: 224px; z-index: 9 } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .header .svg-icon, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header .svg-icon { margin: 0 5px 2px 0 } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .header .words, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header .words { color: #bfc3cd; font-family: PingFang SC; font-size: 14px; font-weight: 600 } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .img-container, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .img-container { box-sizing: border-box; display: flex; justify-content: space-evenly; padding: 16px 0 27px } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .correct-example .img-container .item-img, .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .img-container .item-img { border-radius: 6px; height: 140px; margin: 0 5px; width: 140px } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example { margin-top: 0 } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .content .incorrect-example .header .svg-icon { margin-bottom: 0 } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .footer { align-items: center; background: #141416; border-radius: 0 0 20px 20px; display: flex; height: 84px; justify-content: center; width: 100% } .face-changing-example[data-v-ee4a5bac] .el-dialog .el-dialog__body .footer .btn { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 12px; color: #fff; font-family: Inter; font-size: 15px; font-weight: 700; height: 52px; line-height: 24px; width: 361px } .ai-face-changing[data-v-41bd9a31] { box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; width: 100% } .ai-face-changing .face-swap[data-v-41bd9a31] { display: flex; height: calc(100vh - 74px); width: 100% } .ai-face-changing .face-swap .left-area[data-v-41bd9a31] { background: #14151c; border-left: 1px solid #2a2832; border-right: 1px solid #2a2832; box-sizing: border-box; height: 100%; width: 420px } .ai-face-changing .face-swap .left-area[data-v-41bd9a31] .c-tab { margin: 16px 27px; width: calc(100% - 54px) } .ai-face-changing .face-swap .left-area[data-v-41bd9a31] .c-tab .item-tab { min-width: 82px } .ai-face-changing .face-swap .left-area[data-v-41bd9a31] .c-category { margin: 0 27px 16px; width: calc(100% - 54px) } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] { align-content: flex-start; box-sizing: border-box; display: flex; flex-wrap: wrap; height: calc(100% - 113px); overflow: auto; padding: 0 17px; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader { position: relative } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .el-upload { background: #2b2c32; border: 0; border-radius: 12px; box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .el-upload .uploader { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .el-upload .uploader .tip { color: #a3a6ad; font-family: PingFang SC; font-size: 12px; font-weight: 500; line-height: 24px; text-align: center; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .el-upload .el-upload-dragger { background: #2b2c32; border: 0; border-radius: 12px; box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .share { align-items: center; bottom: 7px; display: flex; justify-content: center; left: 50%; position: absolute; transform: translateX(-50%); width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .share .checkbox { align-items: center; border: 1px solid #414243; border-radius: 2px; display: flex; height: 12px; justify-content: center; width: 12px } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .share .checkbox i { color: #8d9095; font-size: 10px } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] .left-uploader .share .label { color: #8d9095; font-family: PingFang SC; font-size: 10px; font-weight: 500; margin-left: 4px; max-width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ai-face-changing .face-swap .left-area .content-container .item-box[data-v-41bd9a31] { background: #2b2c32; border-radius: 12px; cursor: pointer; height: 176px; margin: 5px; position: relative; width: calc(33.33333% - 10px) } .ai-face-changing .face-swap .left-area .content-container .item-box .duration[data-v-41bd9a31] { align-items: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 24px; justify-content: center; left: 4px; position: absolute; top: 4px; width: 41px } .ai-face-changing .face-swap .left-area .content-container .item-box .author[data-v-41bd9a31] { bottom: 6px; color: #bdbdbd; font-family: PingFang SC; font-size: 10px; font-weight: 600; max-width: calc(100% - 12px); overflow: hidden; position: absolute; right: 6px; text-overflow: ellipsis; white-space: nowrap } .ai-face-changing .face-swap .left-area .content-container .item-box .material[data-v-41bd9a31] { border-radius: 12px; box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-41bd9a31] > :last-child { margin-bottom: 15px } .ai-face-changing .face-swap .middle-area[data-v-41bd9a31] { align-content: flex-start; display: flex; flex: 1; flex-wrap: wrap; height: 100%; justify-content: center } .ai-face-changing .face-swap .middle-area .icon[data-v-41bd9a31] { height: 56px; margin-top: 10px; width: 56px } .ai-face-changing .face-swap .middle-area .title[data-v-41bd9a31] { color: #fff; font-family: Arial; font-size: 34px; font-weight: 700; line-height: 40px; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .explain[data-v-41bd9a31] { align-items: center; color: hsla(0, 0%, 100%, .7); display: flex; font-family: Arial; font-size: 16px; justify-content: center; line-height: 19px; margin-top: 6px; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .explain > .words[data-v-41bd9a31] { margin-right: 7px } .ai-face-changing .face-swap .middle-area .preview-box[data-v-41bd9a31] { align-items: center; background: #2a2832; border: 2px dashed hsla(0, 0%, 100%, .7); border-radius: 20px; display: flex; height: 612px; justify-content: center; margin-top: 18px; max-height: calc(100% - 268px); min-height: 280px; position: relative; width: calc(100% - 160px) } .ai-face-changing .face-swap .middle-area .preview-box .post-btn[data-v-41bd9a31] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 112px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .post-btn .iconfont[data-v-41bd9a31], .ai-face-changing .face-swap .middle-area .preview-box .post-btn .svg-icon[data-v-41bd9a31] { color: #fff; height: 18px; width: 18px } .ai-face-changing .face-swap .middle-area .preview-box .download-btn[data-v-41bd9a31] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 64px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .download-btn .iconfont[data-v-41bd9a31], .ai-face-changing .face-swap .middle-area .preview-box .download-btn .svg-icon[data-v-41bd9a31] { color: #fff; height: 18px; width: 18px } .ai-face-changing .face-swap .middle-area .preview-box .delete-btn[data-v-41bd9a31] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 16px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .delete-btn .iconfont[data-v-41bd9a31], .ai-face-changing .face-swap .middle-area .preview-box .delete-btn .svg-icon[data-v-41bd9a31] { color: #fff; height: 18px; width: 18px } .ai-face-changing .face-swap .middle-area .preview-box .video-preview[data-v-41bd9a31] { border-radius: 20px; box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .image-preview[data-v-41bd9a31] { border-radius: 20px; box-sizing: border-box; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .before-generate[data-v-41bd9a31] { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .before-generate .close-btn[data-v-41bd9a31] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 16px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .before-generate .close-btn .el-icon-close[data-v-41bd9a31] { color: #fff; font-size: 18px } .ai-face-changing .face-swap .middle-area .preview-box .before-generate .empty[data-v-41bd9a31] { color: hsla(0, 0%, 100%, .7); font-family: Arial; font-size: 14px; font-weight: 400; line-height: 16px } .ai-face-changing .face-swap .middle-area .preview-box .generating[data-v-41bd9a31] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .percentage[data-v-41bd9a31] { color: #fff; font-family: Arial; font-size: 16px; font-weight: 700; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .progress-bar[data-v-41bd9a31] { background: hsla(0, 0%, 47%, .4); border-radius: 30px; height: 12px; margin: 22px 0; width: 263px } .ai-face-changing .face-swap .middle-area .preview-box .generating .progress-bar .inner[data-v-41bd9a31] { background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 30px; box-sizing: border-box; height: 100%; transition: width 1s ease; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .tips[data-v-41bd9a31] { color: #999; font-family: Arial; font-size: 14px; margin-bottom: 40px; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .buttons[data-v-41bd9a31] { align-items: center; display: flex; justify-content: center } .ai-face-changing .face-swap .middle-area .preview-box .generating .get-more-credits[data-v-41bd9a31] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #2a2832, #2a2832), linear-gradient(90deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 6px; box-sizing: border-box; color: #fcfcfc; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 36px; justify-content: center; margin-right: 16px; padding: 0 12px } .ai-face-changing .face-swap .middle-area .preview-box .generating .get-more-credits .el-icon-right[data-v-41bd9a31] { font-size: 16px; margin-left: 8px } .ai-face-changing .face-swap .middle-area .preview-box .after-generate[data-v-41bd9a31] { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .middle-area .generate-box[data-v-41bd9a31] { align-items: center; display: flex; height: 40px; justify-content: center; margin-top: 36px; width: 100% } .ai-face-changing .face-swap .middle-area .generate-box .generate[data-v-41bd9a31] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 100%; justify-content: center; line-height: 14px; width: 282px } .ai-face-changing .face-swap .middle-area .generate-box .generate .estimated-cost[data-v-41bd9a31] { margin-left: 5px } .ai-face-changing .face-swap .right-area[data-v-41bd9a31] { background: #14151c; border-left: 1px solid #2a2832; border-right: 1px solid #2a2832; box-sizing: border-box; height: 100%; overflow: auto; padding: 0 12px; width: 420px } .ai-face-changing .face-swap .right-area > .title[data-v-41bd9a31] { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; height: 37px; margin-top: 16px; width: 100% } .ai-face-changing .face-swap .right-area > .title .words[data-v-41bd9a31] { color: #c0d0f1; font-family: PingFang SC; font-size: 16px; font-weight: 600; margin-right: 10px } .ai-face-changing .face-swap .right-area > .title .iconfont[data-v-41bd9a31], .ai-face-changing .face-swap .right-area > .title .svg-icon[data-v-41bd9a31] { color: #69676e; cursor: pointer; font-size: 14px } .ai-face-changing .face-swap .right-area .process[data-v-41bd9a31] { margin-top: 16px; width: 100% } .ai-face-changing .face-swap .right-area .process .sub-title[data-v-41bd9a31] { align-items: center; box-sizing: border-box; color: #c0d0f1; display: flex; font-family: PingFang SC; font-size: 14px; height: 24px; width: 100% } .ai-face-changing .face-swap .right-area .process .avatar-container[data-v-41bd9a31] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 100px; box-sizing: border-box; display: flex; height: 74px; justify-content: space-between; margin-top: 5px; padding: 8px 10px; position: relative; width: 182px } .ai-face-changing .face-swap .right-area .process .avatar-container[data-v-41bd9a31]:after { background: linear-gradient(90deg, rgba(226, 233, 247, 0), #dce5f7); content: ""; height: 2px; left: 50%; position: absolute; right: 50%; transform: translate(-50%, -50%); width: 24px } .ai-face-changing .face-swap .right-area .process .avatar-container .left-box[data-v-41bd9a31], .ai-face-changing .face-swap .right-area .process .avatar-container .right-box[data-v-41bd9a31] { align-items: center; background: #3e3f46; border-radius: 50%; display: flex; height: 58px; justify-content: center; position: relative; width: 58px } .ai-face-changing .face-swap .right-area .process .avatar-container .left-box > img[data-v-41bd9a31], .ai-face-changing .face-swap .right-area .process .avatar-container .right-box > img[data-v-41bd9a31] { border-radius: 50%; height: 56px; -o-object-fit: cover; object-fit: cover; width: 56px } .ai-face-changing .face-swap .right-area .process .avatar-container .left-box.active[data-v-41bd9a31], .ai-face-changing .face-swap .right-area .process .avatar-container .right-box.active[data-v-41bd9a31] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 50%; height: 58px; width: 58px } .ai-face-changing .face-swap .right-area .select-face[data-v-41bd9a31] { margin-top: 16px; width: 100% } .ai-face-changing .face-swap .right-area .select-face .sub-title[data-v-41bd9a31] { align-items: center; box-sizing: border-box; color: #c0d0f1; display: flex; font-family: PingFang SC; font-size: 14px; height: 24px; width: 100% } .ai-face-changing .face-swap .right-area .select-face .face-box[data-v-41bd9a31] { box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 7px 5px } .ai-face-changing .face-swap .right-area .select-face .face-box .face-uploader[data-v-41bd9a31] { border: 0 !important; height: 58px !important; width: 58px !important } .ai-face-changing .face-swap .right-area .select-face .face-box .face-uploader[data-v-41bd9a31] .el-upload { box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .right-area .select-face .face-box .face-uploader[data-v-41bd9a31] .el-upload .uploader { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 50%; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face[data-v-41bd9a31] { border: 2px solid #383943; border-radius: 50%; cursor: pointer; height: 56px; margin: 5px; position: relative; width: 56px } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face .face-image[data-v-41bd9a31] { border-radius: 50%; box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ai-face-changing .face-swap .delete-face[data-v-41bd9a31] { align-items: center; background: #515458; border-radius: 50%; cursor: pointer; display: flex; height: 20px; justify-content: center; position: absolute; right: -5px; top: -5px; width: 20px } .ai-face-changing .face-swap .delete-face .el-icon-close[data-v-41bd9a31] { color: #fff; font-size: 10px } .ai-face-changing .face-swap .uploader .el-icon-plus[data-v-41bd9a31] { color: #a9afbd; font-size: 16px } .ai-face-changing .footer[data-v-41bd9a31] { display: flex; flex-direction: column; width: 100% } .ai-face-changing .footer .line-4[data-v-41bd9a31] { color: #f1f5f9; font-family: Archivo; font-size: 48px; font-style: normal; height: 102px; line-height: 56px; margin-top: 230px; text-align: center } .ai-face-changing .footer .ai-tools[data-v-41bd9a31] { color: #fff; display: flex; font-size: 48px; font-weight: 700; justify-content: center; margin: 208px 0 24px; text-align: center } .ai-face-changing .footer .ai-tools h2[data-v-41bd9a31]:last-child { background: linear-gradient(181.5458554119deg, #5bd8ff, #2d61fc 95%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: 10px } .ai-face-changing .footer .line-5[data-v-41bd9a31] { color: #f6f6f6; font-size: 22px; margin-bottom: 60px; text-align: center } .ai-face-changing .footer[data-v-41bd9a31] .aiList, .ai-face-changing .footer[data-v-41bd9a31] .fqa { margin: 0 auto; width: 1213px } .ai-face-changing[data-v-41bd9a31] ::-webkit-scrollbar { width: 4px } .face-changing-example[data-v-7b15c9b3] .el-dialog { background: transparent; height: 678px; margin-top: calc(50vh - 339px) !important; width: 684px } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__header { display: none } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body { box-sizing: border-box; height: 100%; padding: 0; position: relative; width: 100% } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .close-icon { color: #f7fbfa; cursor: pointer; font-size: 18px; font-weight: 600; position: absolute; right: 47px; top: 35px } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content { align-content: flex-start; background: #24262a; border-radius: 20px 20px 0 0; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 594px; justify-content: center; padding: 0 40px; width: 100% } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .title { color: #fcfcfc; font-family: Inter; font-size: 18px; font-weight: 400; line-height: 18px; padding-top: 36px; text-align: center; width: 100% } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .explain { margin: 28px auto 0 } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .explain > div { color: #b3bac2; font-family: PingFang SC; font-size: 14px; line-height: 24px } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example { margin-top: 19px; position: relative; width: 100% } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example:after, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example:after { background: hsla(0, 0%, 100%, .2); content: ""; height: 1px; left: 50%; position: absolute; top: 16px; transform: translateX(-50%); width: 100% } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example .header, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example .header { align-items: center; background: #383c46; border-radius: 60px; display: flex; height: 32px; justify-content: center; margin: 0 auto; position: relative; width: 224px; z-index: 9 } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example .header .svg-icon, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example .header .svg-icon { margin: 0 5px 2px 0 } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example .header .words, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example .header .words { color: #bfc3cd; font-family: PingFang SC; font-size: 14px; font-weight: 600 } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example .img-container, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example .img-container { box-sizing: border-box; display: flex; justify-content: space-evenly; padding: 16px 0 27px } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .correct-example .img-container .item-img, .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example .img-container .item-img { border-radius: 6px; height: 140px; margin: 0 5px; width: 140px } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example { margin-top: 0 } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .content .incorrect-example .header .svg-icon { margin-bottom: 0 } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .footer { align-items: center; background: #141416; border-radius: 0 0 20px 20px; display: flex; height: 84px; justify-content: center; width: 100% } .face-changing-example[data-v-7b15c9b3] .el-dialog .el-dialog__body .footer .btn { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 12px; color: #fff; font-family: Inter; font-size: 15px; font-weight: 700; height: 52px; line-height: 24px; width: 361px } .diff-img-box[data-v-3179cbf0] { height: 100%; position: relative; width: 100% } .diff-img-box > .high-img-box[data-v-3179cbf0], .diff-img-box > .low-img-box[data-v-3179cbf0] { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100% } .diff-img-box > .high-img-box > .img-item[data-v-3179cbf0], .diff-img-box > .low-img-box > .img-item[data-v-3179cbf0] { max-height: 100%; min-height: 100% } .diff-img-box > .low-img-box[data-v-3179cbf0] { z-index: 2 } .diff-img-box > .high-img-box[data-v-3179cbf0] { z-index: 1 } .diff-img-box > .step-box[data-v-3179cbf0] { height: 100%; position: absolute; width: 100%; z-index: 3 } .diff-img-box > .step-box .image-view-slider[data-v-3179cbf0] { -webkit-appearance: none; background-color: transparent; height: 30px; left: 0; margin-left: -15px; outline: none; position: absolute; right: 0; top: calc(50% - 15px); width: calc(100% + 30px) } .diff-img-box > .step-box .image-view-slider[data-v-3179cbf0]::-moz-range-thumb { -webkit-appearance: none; background-size: contain; border: 2px solid #d4d4d4; border-radius: 50%; cursor: grab; height: 30px; width: 30px } .diff-img-box > .step-box .image-view-slider[data-v-3179cbf0]::-moz-range-thumb:active { cursor: grabbing } .diff-img-box > .step-box .image-view-slider[data-v-3179cbf0]::-webkit-slider-thumb { -webkit-appearance: none; background-color: #525252; background-size: contain; border: 2px solid #d4d4d4; border-radius: 50%; cursor: grab; height: 30px; width: 30px } .diff-img-box > .step-box .image-view-slider[data-v-3179cbf0]::-webkit-slider-thumb:active { cursor: grabbing } .diff-img-box > .step-box > .guide-line[data-v-3179cbf0] { background-color: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 2.5px } .has-detail[data-v-3179cbf0]:hover { cursor: grab } .has-detail[data-v-3179cbf0]:active { cursor: grabbing } .upload-box[data-v-079c24fa] .el-upload-dragger { background-color: #2a2832; border-width: 2px; height: 316px; width: 490px } .upload-box[data-v-079c24fa] .el-upload-dragger:hover { border-color: #d9d9d9 } .upload-box[data-v-079c24fa] .el-icon-upload { margin-top: 100px } .min-upload-box[data-v-079c24fa] { border-radius: 8px } .min-upload-box[data-v-079c24fa] .el-upload-dragger { background-color: #2a2832; border: 1px solid hsla(0, 0%, 100%, .14); height: 146px; width: 290px } .min-upload-box[data-v-079c24fa] .el-icon-plus { color: #ada8a8; font-size: 16px; margin-bottom: 6px; margin-top: 50px } .bard-box[data-v-3c973f42], .page-box .setup-box > .tips-word-box[data-v-3c973f42], .page-box .setup-box[data-v-3c973f42], .page-box > .magnification-box[data-v-3c973f42] { background: hsla(0, 0%, 100%, .03); border-radius: 8px; margin-top: 10px; padding: 10px 8px } .title-box > .left[data-v-3c973f42] { color: #677387; font-size: 14px; font-weight: 600; width: 80% } .title-box > .left > i[data-v-3c973f42] { font-size: 18px; margin-right: 4px } .title-box > .right[data-v-3c973f42] { cursor: pointer; text-align: right; width: 20% } .title-box > .right i[data-v-3c973f42] { transition: all .5 } .title-box > .right i.iconRate[data-v-3c973f42] { transform: rotate(180deg) } .word-text[data-v-3c973f42] { color: #c0d0f1; font-size: 12px; line-height: 24px; margin-bottom: 4px } .word-text > i[data-v-3c973f42] { margin-left: 4px } .page-box[data-v-3c973f42] { background: #06060d; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; overflow-y: auto; padding: 10px 0 110px 16px; position: relative } .page-box > .upload-box[data-v-3c973f42] { border-radius: 8px } .page-box > .upload-box[data-v-3c973f42] .el-upload-dragger { background-color: #2a2832; border: 1px solid hsla(0, 0%, 100%, .14); height: 146px; width: 290px } .page-box > .upload-box[data-v-3c973f42] .el-icon-plus { color: #ada8a8; font-size: 16px; margin-bottom: 6px; margin-top: 50px } .page-box > .img-thumbnail[data-v-3c973f42] { border: 1px solid hsla(0, 0%, 100%, .14); position: relative } .page-box > .img-thumbnail > .img-item[data-v-3c973f42], .page-box > .img-thumbnail[data-v-3c973f42] { border-radius: 8px; height: 146px; width: 291px } .page-box > .img-thumbnail > .close-img[data-v-3c973f42] { background: rgba(0, 0, 0, .2); border-radius: 50%; color: #fff; cursor: pointer; height: 20px; position: absolute; right: 6px; top: 6px; width: 20px } .page-box > .magnification-box > .num-list[data-v-3c973f42] { margin: 10px 0 } .page-box > .magnification-box > .num-list > .item[data-v-3c973f42] { background: hsla(0, 0%, 100%, .03); border-radius: 4px; color: #c0d0f1; cursor: pointer; font-size: 14px; height: 32px; margin-right: 8px; width: 63px } .page-box > .magnification-box > .num-list > .item[data-v-3c973f42]:last-child { margin-right: 0 } .page-box > .magnification-box > .num-list > .act-item[data-v-3c973f42] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #211d2b, #211d2b), linear-gradient(272deg, #5bd8ff, #2d61fc); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box } .page-box > .magnification-box > .text-info[data-v-3c973f42] { color: #c0c0c3; font-size: 12px; line-height: 24px } .page-box > .magnification-box > .text-info > span[data-v-3c973f42] { margin-right: 13px } .page-box .up-style[data-v-3c973f42] { background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; height: 40px; justify-content: space-between; margin: 10px 0; padding: 0 8px; width: 100% } .page-box .up-style .left[data-v-3c973f42], .page-box .up-style[data-v-3c973f42] { align-items: center; display: flex } .page-box .up-style .left .label[data-v-3c973f42] { margin-right: 4px } .page-box .setup-box[data-v-3c973f42] { transition: all .5 } .page-box .setup-box > .tips-word-box[data-v-3c973f42] { background: hsla(0, 0%, 100%, .03) } .page-box .setup-box > .tips-word-box[data-v-3c973f42] .el-textarea__inner { background-color: #0a1015; border-color: #0a1015 } .page-box .setup-box.hide[data-v-3c973f42] { height: 18px; overflow: hidden } .page-box .setup-box .slider-box .slider-list[data-v-3c973f42] { background: hsla(0, 0%, 100%, .03); border-radius: 4px 4px 4px 4px; box-sizing: border-box; height: 65px; margin-top: 4px; padding: 4px 8px 9px; width: 275px } .page-box .setup-box .slider-box .top[data-v-3c973f42] { align-items: center; display: flex } .page-box .setup-box .slider-box .top .label[data-v-3c973f42] { margin-right: 4px } .page-box .setup-box .slider-box .slider[data-v-3c973f42] .el-slider .el-slider__input { position: absolute; top: -18px } .page-box .setup-box .slider-box .slider[data-v-3c973f42] .el-slider .el-slider__runway { box-sizing: border-box; margin-left: 4px; margin-top: 18px; width: 100% } .page-box .setup-box .slider-box .slider[data-v-3c973f42] .el-slider .el-input-number__decrease, .page-box .setup-box .slider-box .slider[data-v-3c973f42] .el-slider .el-input-number__increase { display: none } .page-box .submit-box[data-v-3c973f42] { background: #06060d; border-top: 1px solid #2a2832; bottom: 0; color: #fff; height: 90px; left: 0; position: fixed; width: 310px; z-index: 2202 } .page-box .submit-box > .btn[data-v-3c973f42] { background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 6px 6px 6px 6px; box-shadow: 0 4px 8px 0 rgba(0, 153, 255, .2); cursor: pointer; height: 50px; width: 252px } .page-box .submit-box > .btn > .text-1[data-v-3c973f42] { font-size: 16px; margin-bottom: 4px; margin-top: 6px; text-align: center } .page-box .submit-box > .btn > .text-2[data-v-3c973f42] { font-size: 12px; text-align: center } .page-box[data-v-3c973f42] .el-slider { position: relative } .page-box[data-v-3c973f42] .el-slider .el-input-number { height: 24px; margin: 0; position: absolute; right: 0; top: -24px; width: 46px } .page-box[data-v-3c973f42] .el-slider .el-input-number .el-input { box-sizing: border-box; height: 100%; width: 100% } .page-box[data-v-3c973f42] .el-slider .el-input-number .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 100%; padding: 5px; width: 100% } .page-box[data-v-3c973f42] .el-slider .el-slider__runway { background-color: #363b44; margin: 17px auto 9px; width: 100% } .page-box[data-v-3c973f42] .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button { background: #4784ff; border: 3px solid #fff; border-radius: 50%; height: 9px; width: 9px } .page-box[data-v-3c973f42] .el-select input { background: none; border: none; border-radius: 4px; text-align: right; width: 160px } .page-box[data-v-7bf840c4] { height: 100%; width: 100% } .nav-sell[data-v-7bf840c4] { background: #141823; color: #666; height: 48px; padding: 0 22px } .nav-sell > .left[data-v-7bf840c4] { width: 70% } .nav-sell > .left > .left_iconfont[data-v-7bf840c4] { cursor: pointer; font-size: 24px; height: 24px; margin-right: 8px; width: 24px } .nav-sell > .left > .active-icon[data-v-7bf840c4] { color: #fff } .nav-sell > .right[data-v-7bf840c4] { display: flex; justify-content: flex-end; width: 30% } .nav-sell > .right > .iconfont[data-v-7bf840c4] { cursor: pointer; font-size: 20px } .history-list[data-v-7bf840c4] { align-content: flex-start; flex-wrap: wrap; height: calc(100% - 48px); overflow-y: auto } .history-list > .itembox-one[data-v-7bf840c4] { width: 100% } .history-list > .itembox-two[data-v-7bf840c4] { width: 50% } .history-list .item[data-v-7bf840c4] { margin-bottom: 24px; width: 100% } .history-list .item > .title-nav[data-v-7bf840c4] { height: 42px; justify-content: space-between } .history-list .item > .title-nav > .left[data-v-7bf840c4] { padding-left: 12px; width: 60% } .history-list .item > .title-nav > .left > .head-img[data-v-7bf840c4] { border-radius: 50%; height: 32px; margin-right: 10px; width: 32px } .history-list .item > .title-nav > .left > .name-text[data-v-7bf840c4] { color: #fff; font-size: 14px; margin-right: 10px } .history-list .item > .title-nav > .left > .tag-box[data-v-7bf840c4] { background: rgba(0, 82, 204, .2); border-radius: 4px 4px 4px 4px; color: #3275d8; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 74px } .history-list .item > .title-nav > .right[data-v-7bf840c4] { color: #596576; font-size: 12px; padding-right: 22px; text-align: right; width: 40% } .history-list .item > .img-box[data-v-7bf840c4] { overflow: hidden; padding-left: 54px; position: relative } .history-list .item > .img-box:hover .btn-bord[data-v-7bf840c4] { right: 0 } .history-list .item > .img-box > .action-img[data-v-7bf840c4] { background-color: hsla(0, 0%, 100%, .03); border-radius: 16px; cursor: pointer; height: 310px; width: 310px } .history-list .item-two[data-v-7bf840c4] { height: 184px; overflow: hidden; position: relative; width: 100% } .history-list .item-two:hover .btn-bord[data-v-7bf840c4] { right: 0 } .history-list .item-two > .action-img[data-v-7bf840c4] { background-color: hsla(0, 0%, 100%, .03); border-radius: 16px; cursor: pointer; height: calc(100% - 16px); margin: 8px; overflow: hidden; width: calc(100% - 16px) } .history-list .btn-bord[data-v-7bf840c4] { align-items: flex-end; bottom: 10px; display: flex; height: 40px; justify-content: center; position: absolute; right: -500px; width: 100% } .history-list .btn-bord > .item[data-v-7bf840c4] { background: rgba(51, 51, 51, .3); border-radius: 9px; border-radius: 50%; cursor: pointer; height: 32px; margin: 0 5px; width: 32px } .history-list .btn-bord > .item > .iconfont[data-v-7bf840c4] { color: #fff; font-size: 18px } .history-list .hisact-item[data-v-7bf840c4] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #211d2b, #211d2b), linear-gradient(272deg, #5bd8ff, #2d61fc); background-origin: padding-box, border-box; border: 3px solid transparent; border-radius: 16px; box-sizing: border-box } .history-list > .loading-box[data-v-7bf840c4] { height: 50px; overflow: hidden; position: relative; width: 100% } .history-list > .loading-box > .loading-item[data-v-7bf840c4] { height: 50px; left: 0; position: absolute; top: 0; width: 100% } .history-list .nolist-item[data-v-7bf840c4] { color: #fff; font-size: 12px; margin-top: 50px; width: 100% } .my-eldialog-style[data-v-cd1d5308] .el-dialog__body, .my-eldialog-style[data-v-cd1d5308] .el-dialog__footer, .my-eldialog-style[data-v-cd1d5308] .el-dialog__header { padding: 0 } .use-param-item[data-v-cd1d5308] { color: #e5eaf3; cursor: pointer; font-size: 14px; height: 32px; padding: 0 12px } .use-param-item[data-v-cd1d5308]:hover { background-color: #1f2330; border-radius: 4px } .work-content-box[data-v-cd1d5308] { background-color: #02050e; background-image: radial-gradient(#2a2832 4%, transparent 0); background-size: 30px 30px; height: 100vh } .work-content-box > .nav-box[data-v-cd1d5308] { background-color: #06060d; border-bottom: 1px solid #2a2832; height: 49px } .work-content-box > .nav-box > .left[data-v-cd1d5308] { height: 100%; padding-left: 16px; width: 200px } .work-content-box > .nav-box > .left > .back[data-v-cd1d5308] { background: hsla(0, 0%, 100%, .1); border-radius: 9px; color: #828086; height: 36px; width: 36px } .work-content-box > .nav-box > .center[data-v-cd1d5308] { color: hsla(0, 0%, 100%, .4); flex-grow: 1; font-size: 12px } .work-content-box > .nav-box > .right[data-v-cd1d5308] { align-items: center; height: 100%; justify-content: flex-end; padding-right: 16px } .work-content-box > .nav-box > .right > .history-btn[data-v-cd1d5308] { background: #2a2c36; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; color: #fefefe; cursor: pointer; font-size: 12px; height: 36px; width: 104px } .work-content-box > .nav-box > .right > .history-btn > .icon-qulishirenwu[data-v-cd1d5308] { margin-right: 4px } .work-content-box > .update-work-box[data-v-cd1d5308] { height: calc(100vh - 50px); width: 100% } .work-content-box > .update-work-box > .left-params[data-v-cd1d5308] { background-color: #02050e; flex-shrink: 0; height: 100%; width: 310px } .work-content-box > .update-work-box > .centre-hdimg[data-v-cd1d5308] { flex-grow: 1; height: 100%; position: relative } .work-content-box > .update-work-box > .centre-hdimg .parameter[data-v-cd1d5308] { display: flex; margin-top: 9px } .work-content-box > .update-work-box > .centre-hdimg .parameter .top-list[data-v-cd1d5308] { background: rgba(51, 51, 51, .3); border-radius: 8px; color: #eee; font-size: 12px; height: 24px; line-height: 24px; margin-left: 8px; padding: 0 10px } .work-content-box > .update-work-box > .centre-hdimg .parameter .top-list span[data-v-cd1d5308]:first-child { margin-right: 4px } .work-content-box > .update-work-box > .centre-hdimg > .diffimg-box[data-v-cd1d5308] { height: calc(100% - 20px); overflow: hidden; padding: 10px; width: calc(100% - 20px) } .work-content-box > .update-work-box > .centre-hdimg > .vague-box[data-v-cd1d5308] { filter: blur(5px) } .work-content-box > .update-work-box > .centre-hdimg > .loading-box[data-v-cd1d5308] { align-items: center; display: flex; left: 20px; position: absolute; top: 20px; z-index: 10 } .work-content-box > .update-work-box > .centre-hdimg > .loading-box .repairing-tips[data-v-cd1d5308] { background: rgba(0, 0, 0, .3); border-radius: 9px; color: #fffdf5; font-size: 12px; height: 32px; margin-right: 6px; padding: 0 10px } .work-content-box > .update-work-box > .centre-hdimg > .loading-box .repairing-tips > .el-icon-loading[data-v-cd1d5308] { font-size: 22px; margin-right: 6px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box[data-v-cd1d5308] { left: 0; position: absolute; top: 10px; width: 100%; z-index: 9 } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .left[data-v-cd1d5308] { padding: 8px 12px; width: 30% } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .left .item[data-v-cd1d5308] { background: rgba(51, 51, 51, .3); border-radius: 9px; cursor: pointer; height: 32px; margin: 0 4px; width: 32px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .left .item > .iconfont[data-v-cd1d5308] { color: #fff; font-size: 16px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right[data-v-cd1d5308] { display: flex; justify-content: flex-end; width: 70% } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list[data-v-cd1d5308] { justify-content: flex-end; padding: 8px 22px 0 8px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .item[data-v-cd1d5308] { background: rgba(51, 51, 51, .3); border-radius: 8px; color: #fff; font-size: 12px; height: 24px; margin-left: 8px; padding: 0 10px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .item > span[data-v-cd1d5308]:first-child { margin-right: 10px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .prompt[data-v-cd1d5308] { background-color: none; padding-bottom: 30px; position: relative } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .prompt > .name-text[data-v-cd1d5308] { background: rgba(51, 51, 51, .3); border-radius: 8px; color: #fff; font-size: 12px; height: 24px; margin-left: 0; padding: 0 10px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .prompt > .name-text > span[data-v-cd1d5308]:first-child { margin-right: 10px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .prompt:hover .info-prompt[data-v-cd1d5308] { display: block } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .prompt > .info-prompt[data-v-cd1d5308] { background: rgba(51, 51, 51, .5); border-radius: 8px; color: #fff; display: none; font-size: 12px; min-height: 64px; padding: 8px 12px; position: absolute; right: 0; top: 40px; width: 397px } .work-content-box > .update-work-box > .centre-hdimg > .operate-tool-box > .right > .param-list > .prompt > .info-prompt > .copy-text[data-v-cd1d5308] { cursor: pointer; position: absolute; right: 12px; top: 8px } .work-content-box > .update-work-box .right-history-list[data-v-cd1d5308] { background-color: #12121e; bottom: 0; height: calc(100vh - 50px); position: fixed; right: 0; width: 409px; z-index: 10 } .c-ai-photography-notice-modal { background: #1a202f; border-radius: 16px; margin-top: 30vh !important } .c-ai-photography-notice-modal .el-dialog__header, .c-ai-photography-notice-modal el-dialog__footer { display: none } .c-ai-photography-notice-modal .el-dialog__body { margin: 0; padding: 0 } .c-ai-photography-notice-modal .notice-modal-wrap { border-radius: 16px; padding: 40px 52px; position: relative } .c-ai-photography-notice-modal .notice-modal-wrap .notice-icon { height: 98px; left: 50%; position: absolute; top: 0; transform: translate(-50%, -60%); width: 120px } .c-ai-photography-notice-modal .notice-modal-wrap .notice-icon img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-title { color: #eef2fb; font-family: PingFang SC-Semibold, PingFang SC; font-size: 16px; font-weight: 600; margin-top: 5px; text-align: center } .c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-content { margin-top: 31px } .c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-content p { color: #fff; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; line-height: 20px; margin: 0 0 20px; padding: 0; word-break: break-word } .c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-content p:last-child { margin-bottom: 0 } .c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-confirm-btn-wrap { background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 8px; margin-top: 43px; overflow: hidden; padding: 1px; position: relative } .c-ai-photography-notice-modal .notice-modal-wrap .photography-notice-modal-confirm-btn-wrap .confirm-btn { align-items: center; background-color: #1b1e2c; border-radius: 8px; color: #fff; cursor: pointer; display: flex; justify-content: center; padding: 10px 12px; z-index: 2 } .c-ai-photography-digital-clone-list[data-v-1fe7abeb] { grid-gap: 24px; display: grid; margin-top: 26px; max-width: 100% } .c-ai-photography-digital-clone-list .card-item[data-v-1fe7abeb] { background: #1b1d1f; border-radius: 12px; height: 266px; position: relative; width: 266px } .c-ai-photography-digital-clone-list .card-item[data-v-1fe7abeb] .el-loading-text { color: #fcfcfd; font-family: Poppins; font-size: 14px; font-weight: 500 } .c-ai-photography-digital-clone-list .card-item .card-item-failed[data-v-1fe7abeb] { align-items: center; color: #f15a5a; display: flex; font-family: Poppins; font-size: 14px; font-weight: 500; justify-content: center } .c-ai-photography-digital-clone-list .card-item .card-item-image[data-v-1fe7abeb] { border-radius: 16px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-ai-photography-digital-clone-list .card-item .card-item-delete-btn[data-v-1fe7abeb] { align-items: center; background: hsla(0, 0%, 100%, .2); border-radius: 8px; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; width: 32px } .c-ai-photography-digital-clone-list .card-item .card-item-delete-btn span[data-v-1fe7abeb] { color: #fff; font-size: 16px } .c-ai-photography-digital-clone-list .card-item .bottom-bar[data-v-1fe7abeb] { align-items: center; -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); background: rgba(0, 0, 0, .2); border-radius: 12px; bottom: 0; box-sizing: border-box; color: #fcfcfd; display: flex; font-family: Poppins-Medium, Poppins; font-size: 16px; font-weight: 500; height: 40px; justify-content: center; padding: 13px 16px; position: absolute; width: 100% } .c-ai-photography-digital-clone-list .cart-item-failed[data-v-1fe7abeb] { align-items: center; display: flex; justify-content: center; text-align: center } .c-ai-photography-digital-clone-list .card-item-add[data-v-1fe7abeb] { align-items: center; cursor: pointer; display: flex; flex-direction: column; justify-content: center } .c-ai-photography-digital-clone-list .card-item-add span[data-v-1fe7abeb] { color: #fcfcfd; font-family: DM Sans-Regular, DM Sans; font-size: 37px; font-weight: 400 } .c-ai-photography-digital-clone-list .card-item-add .card-item-add-title[data-v-1fe7abeb] { color: #fcfcfd; font-family: Poppins-Medium, Poppins; font-size: 12px; font-weight: 500; margin-top: 15px } @media (max-width: 1440px) { .c-ai-photography-digital-clone-list[data-v-1fe7abeb] { grid-template-columns:repeat(4, 1fr) !important } } .c-media-attachments-container[data-v-3c82a66c] { display: inline-flex; position: relative } .c-media-attachments-container .attachments-wrap[data-v-3c82a66c] { border-radius: 8px; display: inline-block; max-width: 100%; overflow: hidden; width: -moz-fit-content; width: fit-content } .c-media-attachments-container .message-attachment-media[data-v-3c82a66c] { align-items: flex-start; border-radius: 2px; display: flex; flex-flow: row nowrap; height: 100%; max-height: inherit; max-width: 100%; overflow: hidden; position: relative } .c-media-attachments-container .message-attachment-media-hover:hover .image-hover-mask[data-v-3c82a66c], .c-media-attachments-container .message-attachment-media:hover .image-hover-mask[data-v-3c82a66c] { display: flex; opacity: 1; transition: opacity .3s ease-in-out } .c-media-attachments-container .image-content[data-v-3c82a66c] { flex: auto; flex-flow: column nowrap; height: 100%; position: relative; width: 100% } .c-media-attachments-container .image-content-wrap[data-v-3c82a66c] { display: block; height: 100%; margin: auto; max-height: inherit } .c-media-attachments-container .image-load-error[data-v-3c82a66c] { align-items: center; bottom: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100% } .c-media-attachments-container .image-load-error .image-load-error-icon[data-v-3c82a66c] { color: #39465b; font-size: 70px; height: 70px; width: 70px } .c-media-attachments-container .image-load-error .image-load-error-text[data-v-3c82a66c] { background: #2f2f2f; border-radius: 6px; color: #1790ff; cursor: pointer; font-family: Inter-Regular, Inter; font-size: 12px; font-weight: 400; padding: 6px 8px } .c-media-attachments-container .image-opacity-0[data-v-3c82a66c] { opacity: 0 !important; transition: opacity .3s ease-in-out } .c-media-attachments-container .media-attachments-img[data-v-3c82a66c] { display: block; max-width: 100%; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0 } .c-media-attachments-container .media-attachments-img.blur[data-v-3c82a66c] { filter: blur(40px) } .c-media-attachments-container .media-attachments-img-show[data-v-3c82a66c] { opacity: 1; transition: opacity .3s ease-in-out } .c-media-attachments-container .media-attachments-img-nsfw[data-v-3c82a66c] { -o-object-fit: fill; object-fit: fill } .c-media-attachments-container .generate-view-nsfw-plus[data-v-3c82a66c] { align-items: center; color: #fff; cursor: pointer; display: flex; font-size: 24px; height: 24px; justify-content: center; position: absolute; right: 10px; top: 6px; width: 24px; z-index: 2 } .c-media-attachments-container .image-hover-mask[data-v-3c82a66c] { align-content: flex-end; background: linear-gradient(180deg, transparent, #000); bottom: 0; cursor: pointer; display: none; flex-wrap: wrap; height: 100%; justify-content: center; left: 0; max-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .3s ease-in-out; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-3c82a66c] { align-items: center; display: flex; justify-content: center; margin-bottom: 16px; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3c82a66c] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn[data-v-3c82a66c]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .image-hover-mask-btn-icon[data-v-3c82a66c] { font-size: 18px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom[data-v-3c82a66c] { display: flex; flex-direction: column; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item[data-v-3c82a66c] { align-items: center; display: flex; justify-content: space-around; margin-bottom: 16px; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3c82a66c] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 20px; color: #c0d0f1; display: inline-flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 28px; justify-content: center; width: 28px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn[data-v-3c82a66c]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item .image-hover-mask-btn-icon[data-v-3c82a66c] { font-size: 18px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-bottom .image-hover-item-top[data-v-3c82a66c] { margin-bottom: 25px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top[data-v-3c82a66c] { margin: 10px 10px 0 } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete[data-v-3c82a66c] { flex: 1; text-align: right } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete .svg-icon[data-v-3c82a66c] { color: #fff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box-top .delete.nsfw-icon[data-v-3c82a66c] { box-sizing: border-box; padding-right: 35px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box[data-v-3c82a66c] { align-items: flex-end; display: flex; justify-content: center; margin-bottom: 11px; width: 100% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item[data-v-3c82a66c] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 100px; display: flex; flex-direction: column; height: 73px; justify-content: center; width: 40px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .line-item[data-v-3c82a66c] { background: #818489; display: flex; height: 1px; width: 80% } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3c82a66c] { align-items: center; border-radius: 50%; cursor: pointer; display: flex; height: 35px; justify-content: center; width: 40px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn[data-v-3c82a66c]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item .image-hover-mask-btn .image-hover-mask-btn-icon[data-v-3c82a66c] { font-size: 16px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3c82a66c] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 50%; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 4px; width: 40px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single[data-v-3c82a66c]:hover { color: #1e80ff } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-mask-btn-single .image-hover-mask-btn-icon[data-v-3c82a66c] { font-size: 16px } .c-media-attachments-container .image-hover-mask .image-hover-mask-btn-box .image-hover-item + .image-hover-item[data-v-3c82a66c] { margin-left: 4px } .c-media-attachments-container .image-post-check-mask[data-v-3c82a66c] { align-items: flex-end; bottom: 0; cursor: pointer; display: flex; height: 100%; justify-content: center; left: 0; max-width: 100%; position: absolute; right: 0; top: 0; width: 100% } .c-media-attachments-container .image-post-check-mask .image-post-check-box[data-v-3c82a66c] { left: 10px; position: absolute; top: 10px; transform: scale(1.1) } .c-media-attachments-container .image-post-check-mask-hover[data-v-3c82a66c] { background: rgba(0, 0, 0, .6); color: #fff } .c-media-attachments-container .image-post-check-mask-hover[data-v-3c82a66c], .c-media-attachments-container .loading-wrapper-inner[data-v-3c82a66c] { align-items: center; bottom: 0; display: flex; height: 100%; justify-content: center; left: 0; max-width: 100%; position: absolute; right: 0; top: 0; width: 100% } .c-media-attachments-container .loading-wrapper-inner[data-v-3c82a66c] { background-color: rgba(0, 0, 0, .05) } .c-media-attachments-container .img-loading[data-v-3c82a66c] { background-color: #f5f5f5 } .c-media-attachments-container .img-loading-indicator[data-v-3c82a66c] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .c-media-attachments-container .img-loaded img[data-v-3c82a66c] { opacity: 1; transition: opacity .3s ease-in-out } .c-media-attachments-container .img-load-failed[data-v-3c82a66c] { color: red } .c-media-attachments-container .loadingWrapperInner[data-v-3c82a66c] { height: 100%; width: 100% } .c-media-attachments-container .loadingWrapperInner .spinner[data-v-3c82a66c] { align-items: center; display: flex } .c-media-attachments-container .inner-MGEKwh[data-v-3c82a66c] { contain: paint; display: inline-block; height: 32px; position: relative; width: 32px } .c-media-attachments-container .item-2VgEex[data-v-3c82a66c] { animation: spinner-wandering-cubes-3c82a66c 1.8s ease-in-out infinite; background-color: #7983f5; height: 10px; left: 0; position: absolute; top: 0; width: 10px } .c-media-attachments-container .item-2VgEex[data-v-3c82a66c]:last-child { animation-delay: -.9s } @keyframes spinner-wandering-cubes-3c82a66c { 25% { transform: translateX(22px) rotate(-90deg) scale(.5) } 50% { transform: translateX(22px) translateY(22px) rotate(-180deg) } 75% { transform: translateX(0) translateY(22px) rotate(-270deg) scale(.5) } to { transform: rotate(-1turn) } } .message-img-viewer .el-image-viewer__mask { opacity: 1 !important } .task-image-viewer-popover { background: #cbd5e0 !important; border: 0; color: #171922; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; max-width: 249px; min-width: 0; min-width: auto; padding: 7px 8px !important; pointer-events: none !important; text-align: center } .task-image-viewer-popover .popper__arrow:after { border-bottom-color: #cbd5e0 !important } .c-msg-item[data-v-6537a8c1] { word-wrap: break-word; flex: 0 0 auto; margin: 1.0625rem 0; min-height: 2.75rem; padding: .125rem 48px .125rem 62px; position: relative } .c-msg-item[data-v-6537a8c1]:first-child { margin-top: 0 } .c-msg-item .msg-item-more-panel[data-v-6537a8c1] { align-items: center; display: inline-flex; position: absolute; right: 48px; top: 10px } .c-msg-item .msg-item-more-panel-show[data-v-6537a8c1] { display: inline-flex } .c-msg-item[data-v-6537a8c1] .message-process-container { margin-top: 14px } .c-msg-item[data-v-6537a8c1] .message-process-container .message-process-panel { width: 350px } .c-msg-item[data-v-6537a8c1] .message-process-container .el-progress-bar__outer { background: #393d4a !important; border: 1px solid #586281; border-radius: 5px } .c-msg-item .message-text-list .message-text-list-item[data-v-6537a8c1] { background: #151925; border: 1px solid #262c3e; border-radius: 4px; display: flex; margin-bottom: 10px; padding: 10px 50px 10px 10px } .c-msg-item .message-text-list .message-text-list-item-order[data-v-6537a8c1] { align-items: center; background: #21293d; border-radius: 4px; color: #7f8395; display: inline-flex; flex-shrink: 0; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 25px; justify-content: center; width: 25px } .c-msg-item .message-text-list .message-text-list-item-text[data-v-6537a8c1] { color: #717b8c; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; line-height: 17px; margin-left: 17px } .c-msg-item .message-process-operate-box[data-v-6537a8c1] { align-items: center; display: flex; justify-content: space-between; margin-top: 11px; width: 350px } .c-msg-item .message-process-operate-box .process-operate-box-text[data-v-6537a8c1] { color: #7d8da3; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .c-msg-item .message-process-operate-box .process-operate-box-text-strong[data-v-6537a8c1] { color: #dddde7; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-6537a8c1] { background: #da373d; border-color: #da373d; border-radius: 4px; color: #fff } .c-msg-item .message-process-operate-box .message-process-operate-box-btn[data-v-6537a8c1]:hover { background: #8f2022; border-color: #8f2022 } .c-msg-item .message-process-operate-box .isLoading[data-v-6537a8c1] { background: #953d3a; border-color: #953d3a; color: #bdb2ac; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500 } .c-msg-item .chat-message-header[data-v-6537a8c1] { margin-left: 0; padding-left: 0; position: static; text-indent: 0 } .c-msg-item .chat-message-content-box[data-v-6537a8c1] { padding-left: 62px; padding-right: 62px } .c-msg-item .chat-message__avatar[data-v-6537a8c1] { border-radius: 50%; cursor: pointer; flex: 0 0 auto; height: 30px; left: 16px; overflow: hidden; pointer-events: none; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 30px; z-index: 1 } .c-msg-item .chat-message__title[data-v-6537a8c1] { align-items: center; color: #f3f4f5; display: flex; font-size: 16px; line-height: 1.375rem; margin-bottom: 5px; min-height: 1.375rem; position: relative; white-space: break-spaces } .c-msg-item .chat-message__title-user[data-v-6537a8c1] { margin-right: 9px } .c-msg-item .chat-message__free[data-v-6537a8c1], .c-msg-item .chat-message__title-task-tag[data-v-6537a8c1] { align-items: center; background: #3b3c45; border-radius: 4px; color: #fff; display: inline-flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 700; max-height: 20px; padding: 2px 5px } .c-msg-item .chat-message__title-task-text[data-v-6537a8c1] { color: #fcfcfd; font-family: PingFang SC; font-size: 16px; font-weight: 600; margin-left: 10px } .c-msg-item .chat-message__title-task-tag-2[data-v-6537a8c1] { align-items: center; border: 1px solid #45b26b; border-radius: 4px; box-sizing: border-box; color: #45b26b; display: inline-flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 700; margin-left: 10px; margin-right: 10px; max-height: 20px; padding: 2px 5px } .c-msg-item .chat-message__title-task-tag-expire-time[data-v-6537a8c1] { align-items: center; background: #1a1e2b; border-radius: 4px; color: #6f7687; display: inline-flex; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; margin-left: 8px; max-height: 20px; padding: 2px 5px } .c-msg-item .chat-message__free[data-v-6537a8c1] { background: rgba(32, 163, 132, .15); color: #20a384 } .c-msg-item .chat-message__title-id[data-v-6537a8c1], .c-msg-item .chat-message__title-time[data-v-6537a8c1] { color: #94a3b8; font-size: 12px; font-weight: 500 } .c-msg-item .task-info-icon[data-v-6537a8c1] { color: #596576; cursor: pointer; font-size: 18px; font-weight: 400; margin-left: 10px } .c-msg-item .task-info-icon[data-v-6537a8c1]:hover { color: #cbd5e1 } .c-msg-item .msg-item-more-icon[data-v-6537a8c1] { align-items: center; background: #1a1e2b; border-radius: 6px; color: #6f7687; cursor: pointer; display: flex; height: 34px; justify-content: center; margin-left: 14px; transition: all .3s; width: 34px } .c-msg-item .msg-item-more-icon[data-v-6537a8c1]:first-child { margin-left: 0 } .c-msg-item .msg-item-more-icon .iconfont[data-v-6537a8c1], .c-msg-item .msg-item-more-icon .svg-icon[data-v-6537a8c1] { font-size: 18px } .c-msg-item .msg-item-more-icon .msg-item-more-icon-1[data-v-6537a8c1] { font-size: 22px } .c-msg-item .msg-item-more-icon[data-v-6537a8c1]:hover { background: #494f80; color: #f8f8f9 } .c-msg-item .message-text-content[data-v-6537a8c1] { color: #7e868e; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 16px; margin-left: -62px; padding-left: 62px; -webkit-user-select: text; -moz-user-select: text; user-select: text } .c-msg-item .message-text-content .message-text-content-text[data-v-6537a8c1] { line-height: 18px } .c-msg-item .message-text-content .message-author-text[data-v-6537a8c1] { background: rgba(88, 101, 242, .4); border-radius: 3px; color: #c9cdfb; cursor: pointer; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; line-height: 1.375rem; margin-left: 10px; padding: 0 2px; transition: all .3s } .c-msg-item .message-text-content .message-author-text[data-v-6537a8c1]:hover { background-color: #5865f2; color: #fff } .c-msg-item .chat-message__content[data-v-6537a8c1] { background-color: #f2f2f2; border-radius: 4px; padding: 8px } .c-msg-item .chat-message__date[data-v-6537a8c1] { color: #999; font-size: 12px; margin-top: 5px } .c-msg-item .content-text[data-v-6537a8c1] { word-wrap: break-word; color: #f3f4f5; font-size: 1rem; line-height: 1.375rem; -webkit-user-select: text; -moz-user-select: text; user-select: text; white-space: pre-wrap; white-space: break-spaces } .c-msg-item .image-box[data-v-6537a8c1] { display: flex; flex-wrap: wrap; margin-top: .25rem; width: 450px } .c-msg-item .image-box__img[data-v-6537a8c1] { height: 220px; width: 220px } .c-msg-item .image-box__img img[data-v-6537a8c1] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .c-msg-item .operate-item[data-v-6537a8c1] { align-items: center; background-color: #686d73; border-color: #686d73; color: #fff; cursor: pointer; display: inline-flex; font-size: .8rem; font-weight: 600; height: 36px; justify-content: center; margin-right: 8px; margin-top: 8px; width: 78px } .c-msg-item .message-accessories[data-v-6537a8c1] { min-height: 0; min-width: 0; padding-bottom: .125rem; padding-top: .125rem; position: relative; text-indent: 0 } .c-msg-item .media-attachments-container[data-v-6537a8c1] { display: flex; flex-wrap: nowrap } .c-msg-item .media-attachments-container .c-media-attachments-container[data-v-6537a8c1] { margin-bottom: 16px; margin-right: 16px } .c-msg-item .media-attachments-container .c-media-attachments-container[data-v-6537a8c1]:last-child { margin-right: 0 } .c-msg-item .btn-container[data-v-6537a8c1] { align-self: start; display: flex; flex-direction: column; justify-self: start; overflow: hidden; width: 100% } .c-msg-item .operating-options[data-v-6537a8c1] { display: flex; flex-wrap: wrap } .c-msg-item .operating-options-text[data-v-6537a8c1] { display: flex; flex-wrap: wrap; margin-bottom: 10px; margin-top: 4px } .c-msg-item .operating-options-text[data-v-6537a8c1] .c-message-operate-btn .color-primary { background-color: #32394a } .c-msg-item .operating-options-text[data-v-6537a8c1] .c-message-operate-btn .message-operate-btn { color: #fff; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500 } .c-msg-item .operating-options-btn-icon[data-v-6537a8c1] { font-size: 20px; margin-right: 7px } .c-msg-item .operating-options-btn-icon-right[data-v-6537a8c1] { font-size: 20px; margin-left: 7px } .c-msg-item .operating-options-button[data-v-6537a8c1] { align-items: center; background: none; border: none; border-radius: 3px; box-sizing: border-box; display: flex; font-size: 14px; font-weight: 500; justify-content: center; line-height: 16px; padding: 2px 16px; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none } .c-msg-item .color-primary[data-v-6537a8c1] { background-color: #4e5058; color: #fff } .c-msg-item .carousel-icon[data-v-6537a8c1] { color: #5c6a8e; cursor: pointer; font-size: 18px; left: 350px; margin-left: 12px; position: absolute; top: 0 } .c-msg-item .message-process-loading-span[data-v-6537a8c1] { display: inline-block; height: 1em; line-height: 1; overflow: hidden; text-align: left; vertical-align: -.25ex } .c-msg-item .message-process-loading-span[data-v-6537a8c1]:before { animation: dotdotdot-6537a8c1 3s step-start infinite both; content: "...\a..\a."; display: block; white-space: pre-wrap } @keyframes dotdotdot-6537a8c1 { 33% { transform: translateY(-2em) } 66% { transform: translateY(-1em) } } .msg-item-more-popover { background-color: #0f121c !important; border: 1px solid #222935 !important; color: #cad5e1 !important; padding: 16px; position: relative } .msg-item-more-popover .pop-btns { flex-direction: column } .msg-item-more-popover .pop-btns :first-child { border-top: 0 } .msg-item-more-popover .pop-btns button { background-color: transparent; border: none; border-top: 1px solid #2b2e4e; color: #cbd5e1; display: flex; justify-content: space-between; padding: 8px; text-align: left } .msg-item-more-popover .pop-btns button:hover { background-color: #34396a; cursor: pointer } .msg-item-more-popover .pop-btns button:hover .pop-btns-icon { color: #cbd5e1 } .msg-item-more-popover .pop-btns button .pop-btns-text { color: #cbd5e1; flex: 1 0 auto; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .msg-item-more-popover .pop-btns button .pop-btns-icon { color: #275279; flex: 0 0 auto; font-size: 16px } .task-info-tips { padding: 15px } .task-info-tips p { color: #cbd5e1; margin-bottom: 5px } .task-info-tips p:last-child { margin: 0 } .c-ai-photography-digital-task-view[data-v-becb1958] { margin-top: 10px; position: relative } .c-ai-photography-digital-task-view .tips-title[data-v-becb1958] { align-items: center; color: #777e90; display: flex; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; line-height: 16px } .c-ai-photography-digital-task-view .tips-title .tips-title-icon[data-v-becb1958] { font-size: 16px; margin-right: 8px } .c-ai-photography-digital-task-view .message-list[data-v-becb1958] { display: flex; flex: 1; flex-direction: column; height: 100%; min-height: 350px; overflow-x: hidden; overflow-y: auto; position: relative } .c-ai-photography-digital-task-view .empty-box[data-v-becb1958] { align-items: center; display: flex; flex-direction: column; height: 60vh; justify-content: center; width: 100% } .c-ai-photography-digital-task-view .empty-box .empty-img-box[data-v-becb1958] { height: 115px; width: 120px } .c-ai-photography-digital-task-view .empty-box .empty-img-box img[data-v-becb1958] { height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-ai-photography-digital-task-view .empty-box .empty-text-box[data-v-becb1958] { color: #aaacb3; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; line-height: 14px; margin-top: 29px } .c-ai-photography-digital-task-view .empty-box .empty-btn-box[data-v-becb1958] { align-items: center; display: flex; justify-content: center; margin-top: 29px } .c-ai-photography-digital-task-view .empty-box .empty-btn-box .empty-btn[data-v-becb1958] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 8px; color: #fff; cursor: pointer; display: inline-flex; font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; justify-content: center; padding: 11px 32px } .ai-photography-upload-image-item .upload-content[data-v-f5dacc18] { gap: 10px 27px; max-height: 670px; overflow-y: auto } .ai-photography-upload-image-item .upload-image[data-v-f5dacc18] { height: 140px; width: 140px } .ai-photography-upload-image-item .upload-image-btn[data-v-f5dacc18] { align-items: center; background: rgba(0, 0, 0, .2); border: 1px dashed #8b9098; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 140px; justify-content: center; width: 140px } .ai-photography-upload-image-item .upload-image-btn .upload-image-btn-text[data-v-f5dacc18] { color: #777e91; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; margin-top: 10px } .ai-photography-upload-image-item .clear[data-v-f5dacc18] { align-self: flex-end; color: #94a3b8 } .ai-photography-upload-image-item[data-v-f5dacc18] .el-upload { display: block } .ai-photography-upload-image-item[data-v-f5dacc18] .el-upload-dragger { align-items: center; background: transparent; border: 1px dashed #8b9098; display: flex; height: 140px; justify-content: center; width: 100% } .ai-photography-upload-image-item i[data-v-f5dacc18] { color: #b6b8be; font-size: 18px } .ai-photography-upload-image-item .upload-tips[data-v-f5dacc18] { display: inline-block; margin-left: 15px; text-align: left } .ai-photography-upload-image-item .upload-tips p[data-v-f5dacc18] { color: #b6b8be; font-size: 16px; line-height: normal; margin: 0 } .ai-photography-upload-image-item .upload-tips p[data-v-f5dacc18]:last-child { color: #a6a8ae; font-size: 12px } .ai-photography-upload-image-item .image-item[data-v-f5dacc18] { background: rgba(0, 0, 0, .2); border-radius: 10px; gap: 5px; height: 140px; position: relative; width: 140px } .ai-photography-upload-image-item .image-item .img-handle[data-v-f5dacc18] { align-items: center; background: hsla(0, 0%, 100%, .2); border-radius: 6px; display: flex; height: 24px; justify-content: center; position: absolute; right: 5px; top: 5px; width: 24px; z-index: 3 } .ai-photography-upload-image-item .image-item .img-handle i[data-v-f5dacc18] { border-radius: 3px; box-sizing: border-box; color: #e8eff1; cursor: pointer; font-size: 12px; font-weight: 700 } .ai-photography-upload-image-item .image-item .img-handle:hover i[data-v-f5dacc18] { color: #ff6b6b } .ai-photography-upload-image-item .image-item img[data-v-f5dacc18] { border-radius: 5px; cursor: pointer; display: inherit; height: auto; -o-object-fit: contain; object-fit: contain; width: 100% } .ai-photography-upload-image-item .image-item .loading[data-v-f5dacc18] { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .ai-photography-upload-image-item .image-item .loading > div[data-v-f5dacc18] { bottom: 0; display: table; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 2 } .ai-photography-upload-image-item .image-item .loading[data-v-f5dacc18]:after { background: #ccc; bottom: 0; content: ""; left: 0; opacity: .5; position: absolute; right: 0; top: 0; z-index: 1 } .ai-photography-upload-image-item .image-item .params-null[data-v-f5dacc18] { background: #1e2435; bottom: 0; color: #fff; display: table; left: 0; margin: auto; padding: 0 10px; position: absolute; right: 0; top: 0 } .c-make-digital-clone-modal { background: #1a202f; border-radius: 20px; padding: 20px 40px 24px } .c-make-digital-clone-modal .el-dialog__header { padding: 20px 20px 0 } .c-make-digital-clone-modal .el-dialog__body { padding: 0 } .c-make-digital-clone-modal .el-dialog__headerbtn .el-dialog__close { color: #fefefe; font-size: 28px } .c-make-digital-clone-modal .upload-box { background: #1b1d1f; border-radius: 20px; height: 432px; margin-top: 29px } .c-make-digital-clone-modal .upload-box .image-upload { height: 100%; width: 100% } .c-make-digital-clone-modal .upload-box .el-upload { display: block; height: 100% } .c-make-digital-clone-modal .upload-box .el-upload-dragger { align-items: center; background: #1a1d1f; border-color: transparent; border-radius: 20px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .c-make-digital-clone-modal .upload-box .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px; margin-top: 16px } .c-make-digital-clone-modal .upload-box .el-upload-dragger .image-upload-icon { color: #fcfcfc; font-size: 48px; margin: 0 } .c-make-digital-clone-modal .step-box { margin-top: 29px; padding: 0 39px 6px } .c-make-digital-clone-modal .modal-title, .c-make-digital-clone-modal .modal-title .title-order { align-items: center; display: flex; justify-content: center } .c-make-digital-clone-modal .modal-title .title-order { background: #383c46; border-radius: 50%; color: #fff; font-family: DM Sans-Bold, DM Sans; font-size: 32px; font-weight: 700; height: 43px; width: 43px } .c-make-digital-clone-modal .modal-title .title-text-box { display: flex; flex-direction: column; justify-content: center } .c-make-digital-clone-modal .modal-title .title-text-box .title-main-text { color: #fefefe; font-family: Inter-Bold, Inter; font-size: 20px; font-weight: 700; text-align: center } .c-make-digital-clone-modal .modal-title .title-text-box .title-sub-text { color: #bbc4c9; font-family: Karla-Regular, Karla; font-size: 16px; font-weight: 400; margin-top: 9px; text-align: center } .c-make-digital-clone-modal .modal-bottom-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 10px; color: #fcfcfd; cursor: pointer; display: flex; font-family: DM Sans-Bold, DM Sans; font-size: 16px; font-weight: 700; justify-content: center; margin-left: 50%; margin-top: 82px; padding: 20px 0; position: relative; transform: translateX(-50%); width: 475px } .c-make-digital-clone-modal .modal-bottom-btn .bottom-btn-text-sub-text-gray { color: rgba(252, 252, 253, .6); -webkit-text-decoration: line-through; text-decoration: line-through } .c-make-digital-clone-modal .modal-bottom-btn .bottom-btn-text-sub-text { color: #fff; margin-left: 5px } .c-make-digital-clone-modal .modal-bottom-btn .free-try { align-items: center; background: url(data:image/webp;base64,UklGRjIDAABXRUJQVlA4WAoAAAAQAAAAjwAAKQAAQUxQSG8BAAABkGtr27E5z6ex7fl5BmPbtj19bJU5gJS2nc4os1Lbtv3jHn759bxBFRETQOKoqiSWLe8/l3AUkOEy63dgv8RQx3eLi+SlALYoMj8jWOEaWV0C2Er8FImdAQy4RFICTNfuTEYFa/xU3A9wjRock2pMjw/1k9mJyKB5I1Q9cmJEXLrZmBDG0PyWTc9JZ8H2J+GxqYa02BBNYsqyzYbN86QsuQ0sCgyPS4gND1R4KjlsA5AzK2LgtA3AlWAtKCwsJFCTieGaC5h9lUht2PUes58bJEXz8/dTZYmdgJHbmHuiYft7zG2rICJJlmVJImYNG95j/u/QuYFcally9rENPF9QiUhdsCZEl2GbDXxbiIh6gI16Bj6Dc5ptuP66RMd68D6H/h4IhuG7aByDi51sGcD+b60WjjPC8Vw4IFBOD3Ayw+Z/H8+F44xwrBEOg2gcI8H4bhCNHhKMDeRhTl/3eYA8zcfbthtIHGyPzy6xkIsBAFZQOCCcAQAAkAkAnQEqkAAqAD6dRJ5MriQjp6TUCnCwE4lAzgMUBHB9a2GttBuIN4o9ADpTiIRHr2lr7W1Z7bGnULkkFd1SWXOsSUolBpcsgoEQsp0hc+hlsLbQgAD+6Pt//xQ+PSsM2m1ibJZpPOSQDuNUOGZZKliFix1cql6kRRPkVDSu4Gq8pvugzn5OBSWVWfwMvdELo0zc69pJoSb5CL/1EnnU6/l/2q3jHXVJj8S8Ylj7pqKyJzdJm0He+ysX69FhI6GsEr2a7/X7/n9PmlRrLKBGzuE/2MBoeHBvUwB74ej/HPNMSm2Ody/H9vfxYrRMj2YrwSBv72rCkwHXuNq8DnJRR59Qh5zWirNFI0tUFLD6xMwIWbEwTFzWfzfQOPfSedf68MgZOjsW96g/RrruviIPmghTTEPEm2ISdsOzQJ6LPenC8n/hm8S1F77K/V9MX96lNvA6JK1WDt1olmDLPbBK5oz0lFjgO9gHYtPAYWOWM6H5GUF1FzzX8EtpU7DoT68o5/U3/Cf/9////dgX/++OotFvrAvwxCcd/v24AA==); background-size: 100% 100%; box-sizing: border-box; color: #fff; display: flex; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; height: 40px; justify-content: center; min-width: 88px; padding: 13px 15px 0 0; position: absolute; right: -15px; top: -30px } .c-make-digital-clone-modal .modal-bottom-btn .desc { background: /*savepage-url=/_nuxt/img/freeNowBg.3483e00.webp*/ url(); background-position: 50%; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 11px; font-weight: 600; height: 28px; left: 100%; line-height: 24px; overflow: hidden; padding: 0 4px; position: absolute; text-overflow: ellipsis; top: -12px; transform: translateX(-50%); white-space: nowrap; width: 61px } .c-make-digital-clone-modal .example-box { display: flex; justify-content: space-between; margin-top: 23px } .c-make-digital-clone-modal .example-box .example-box-item { flex: 0 0 calc(50% - 12px) } .c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title { align-items: center; display: flex } .c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title .example-box-item-title-line { background-color: hsla(0, 0%, 100%, .2); flex: 1; height: 1px; opacity: .6 } .c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title .example-box-item-title-text { align-items: center; background: #383c46; border-radius: 80px; color: #bfc3cd; display: flex; justify-content: center; padding: 6px 23px } .c-make-digital-clone-modal .example-box .example-box-item .example-box-item-title .example-box-item-title-text .example-box-item-title-text-icon { font-size: 16px; margin-right: 5px } .c-make-digital-clone-modal .example-box .show-example-box { display: flex; justify-content: space-between; margin-top: 17px } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item { align-items: center; display: flex; flex: 1 0 auto; flex-direction: column; width: 140px } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-img { border-radius: 6px; height: 140px; width: 140px } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-img img { border-radius: 6px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-text { color: #fcfcfd; font-family: Poppins; font-size: 12px; font-weight: 500; margin-top: 11px } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-icon { align-items: center; display: flex; justify-content: center; margin-top: 10px } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-icon .iconfont, .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-icon svg { font-size: 16px } .c-make-digital-clone-modal .example-box .show-example-box .show-example-box-item .show-example-box-item-icon .iconfont { color: #22d19d } .c-make-digital-clone-modal .example-box .show-error-example-box { display: flex; justify-content: space-between; margin-top: 17px } .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item { align-items: center; display: flex; flex: 1 0 auto; flex-direction: column; width: 100px } .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-img { background: #fff; border-radius: 6px; height: 100px; width: 100px } .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-img img { border-radius: 6px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-text { color: #fcfcfd; font-family: Poppins; font-size: 12px; font-weight: 500; margin-top: 11px } .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-icon { align-items: center; display: flex; justify-content: center; margin-top: 10px } .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-icon .iconfont, .c-make-digital-clone-modal .example-box .show-error-example-box .show-example-box-item .show-example-box-item-icon svg { font-size: 20px } .c-content-list { margin: 20px auto 0; max-width: 1300px } .c-content-list .el-tabs__item { color: #b3b8bc } .c-content-list .el-tabs__item, .c-content-list .el-tabs__item.is-active { font-family: PingFang SC-Semibold, PingFang SC; font-size: 20px; font-weight: 600 } .c-content-list .el-tabs__item.is-active { color: #f7fbfa } .c-content-list .el-tabs__active-bar { background: linear-gradient(90deg, #3f8cff, #20ffff) } .c-content-list .el-tabs__nav-wrap:after { display: none } .c-content-list .el-tabs__nav-next, .c-content-list .el-tabs__nav-prev { font-size: 20px } .c-make-portrait-modal { background: #1a202f; border-radius: 20px; margin-top: 5vh } .c-make-portrait-modal .el-dialog__headerbtn .el-dialog__close { color: #fefefe; font-size: 28px } .c-make-portrait-modal .el-dialog__title { color: #fcfcfd } .c-make-portrait-modal .el-carousel__container { height: 441px } .c-make-portrait-modal .el-carousel__item { border: none; border-radius: 16px } .c-make-portrait-modal .el-carousel__button { border-radius: 50%; height: 8px; width: 8px } .c-make-portrait-modal .el-carousel__indicators--horizontal { bottom: 54px } .c-make-portrait-modal .make-portrait-modal-content { display: flex } .c-make-portrait-modal .category-box { height: 441px; width: 288px } .c-make-portrait-modal .digital-clone-box { display: flex; flex-wrap: wrap; gap: 10px 15px; height: 441px; margin-left: 15px; overflow-y: auto; width: 456px } .c-make-portrait-modal .digital-clone-box .digital-clone-item { border-radius: 12px; height: 180px; max-height: 180px; max-width: 180px; position: relative } .c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image { border-radius: 12px; height: 180px; position: relative; width: 180px } .c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image .image-viewer__close { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 30px; justify-content: center; position: absolute; right: 8px; top: 8px; width: 30px } .c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image .image-viewer__close .el-icon-close { color: #fff; font-size: 16px } .c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-image img { border-radius: 12px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-make-portrait-modal .digital-clone-box .digital-clone-item .digital-clone-item-name { ont-size: 14px; align-items: center; color: #fcfcfd; display: flex; font-family: Poppins; font-weight: 500; height: 20px; justify-content: center; margin-top: 10px } .c-make-portrait-modal .digital-clone-box .digital-clone-item-active .digital-clone-item-image { border: 2px solid #0dc990; box-sizing: border-box; padding: 5px } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add { align-items: center; align-self: baseline; cursor: pointer; display: flex; flex-direction: column; height: 180px; justify-content: center; position: relative; width: 180px } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .el-upload-dragger { background: transparent; border: none; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .image-file-upload { bottom: 0; height: 180px; left: 0; max-height: 180px; position: absolute; right: 0; top: 0; width: 100% } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .image-file-upload ::v-deep .image-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; z-index: 4 } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .image-file-upload ::v-deep .el-upload { height: 100%; width: 100% } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .digital-clone-item-content { align-items: center; background: #383c46; border-radius: 12px; cursor: pointer; display: flex; flex-direction: column; height: 180px; justify-content: center; width: 180px } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .digital-clone-item-content span { color: #fcfcfd; font-family: DM Sans-Regular, DM Sans; font-size: 37px; font-weight: 400 } .c-make-portrait-modal .digital-clone-box .digital-clone-item-add .digital-clone-item-content .digital-clone-item-content-add-title { color: #fcfcfd; font-family: Poppins-Medium, Poppins; font-size: 12px; font-weight: 500; margin-top: 6px; padding: 0 15px; word-break: normal } .c-make-portrait-modal .category-card-item { border-radius: 16px; cursor: pointer; max-height: 441px; max-width: 288px; min-height: 441px; min-width: 288px; position: relative } .c-make-portrait-modal .category-card-item .content-list-item-image { border-radius: 16px; height: 441px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-make-portrait-modal .category-card-item .content-list-item-subscript { align-items: center; border-radius: 6px; display: inline-flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 12px; font-weight: 600; justify-content: center; left: 10px; padding: 6px 10px; position: absolute; top: 10px } .c-make-portrait-modal .category-card-item .item-subscript2 { background: #0abf94; color: #fff } .c-make-portrait-modal .category-card-item .item-subscript1 { background: linear-gradient(90deg, #ffe4b1, #f6c776); color: #744100; font-family: PingFang SC-Semibold, PingFang SC; font-size: 12px; font-weight: 600 } .c-make-portrait-modal .category-card-item .content-list-item-bottom { -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); background: rgba(0, 0, 0, .2); border-radius: 16px; bottom: 0; box-sizing: border-box; height: 40px; padding: 13px 16px; position: absolute; width: 100% } .c-make-portrait-modal .category-card-item .main-title { color: #fcfcfd; font-family: Poppins-Medium, Poppins; font-size: 16px; font-weight: 500; text-align: center } .c-make-portrait-modal .category-card-item-custom { align-items: center; background: #1b1d1f; display: flex; justify-content: center; min-height: 441px; position: relative } .c-make-portrait-modal .category-card-item-custom .image-viewer__close { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 18px; top: 20px; width: 40px } .c-make-portrait-modal .category-card-item-custom .image-viewer__close .el-icon-close { color: #fff; font-size: 16px } .c-make-portrait-modal .category-card-item-custom .custom-item-banner { align-items: center; display: flex; flex-direction: column; justify-content: center; position: absolute } .c-make-portrait-modal .category-card-item-custom .custom-item-banner .el-upload-dragger { background: transparent; border: none; display: flex; flex-direction: column; height: 441px; justify-content: center; width: 288px } .c-make-portrait-modal .category-card-item-custom .custom-item-banner .custom-item-banner-icon { color: #a3a6ad; font-size: 23px } .c-make-portrait-modal .category-card-item-custom .custom-item-banner .custom-item-banner-text { color: #a3a6ad; font-family: Poppins-Medium, Poppins; font-size: 16px; font-weight: 500; margin-top: 16px } .c-make-portrait-modal .category-card-item-custom .content-list-item-bottom { background: rgba(0, 0, 0, .2); border-radius: 16px; bottom: 0; box-sizing: border-box; color: #fcfcfd; font-family: Poppins-Medium, Poppins; font-size: 16px; font-weight: 500; height: 40px; padding: 13px 16px; position: absolute; width: 100% } .c-make-portrait-modal .make-portrait-modal-content { height: 441px; width: 100% } .c-make-portrait-modal .make-portrait-modal-bottom-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 10px; color: #fcfcfd; cursor: pointer; display: flex; font-family: DM Sans-Bold, DM Sans; font-size: 16px; font-weight: 700; justify-content: center; margin-left: 50%; margin-top: 27px; padding: 20px 0; text-align: center; transform: translateX(-50%) } .c-make-portrait-modal .make-portrait-modal-bottom-btn .bottom-btn-text .bottom-btn-text-main { color: #fcfcfd; font-family: DM Sans; font-size: 16px; font-weight: 700 } .c-make-portrait-modal .make-portrait-modal-bottom-btn .bottom-btn-text .bottom-btn-text-sub { color: #fff; font-family: PingFang SC; font-size: 14px; font-weight: 500 } .c-make-portrait-modal .make-portrait-modal-bottom-btn .bottom-btn-text .bottom-btn-text-sub .bottom-btn-text-sub-tips { margin-left: 5px } .c-make-portrait-modal .tips-box { align-items: center; color: #777e90; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 400; justify-content: center; margin-top: 9px; width: 288px } .c-make-portrait-modal .tips-box .tips-box-icon { color: #777e90; font-size: 16px; margin-right: 4px } .ai-photography-message-tips { z-index: 9999 !important } .c-fast-tools-ai-photography { height: 100%; position: relative; width: 100% } .c-fast-tools-ai-photography .tools-back-to { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; cursor: pointer; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 150px; width: 52px; z-index: 198 } .c-fast-tools-ai-photography .tools-back-to i { color: #fff; font-size: 28px } .c-fast-tools-ai-photography .tools-back-to:hover { background-color: #1c2433 } .c-fast-tools-ai-photography .top-bar { align-items: center; display: flex; flex-direction: column; margin-top: 16px } .c-fast-tools-ai-photography .top-bar .top-bar-icon { width: 56px } .c-fast-tools-ai-photography .top-bar .top-bar-icon img { width: 100% } .c-fast-tools-ai-photography .top-bar .top-bar-main-title { color: #fff; font-family: Arial-Bold, Arial; font-size: 48px; font-weight: 700; line-height: 56px; margin-top: 13px } .c-fast-tools-ai-photography .top-bar .top-bar-sub-title { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 19px; margin-top: 9px } .c-fast-tools-ai-photography .content-list-operate-bar { align-items: center; display: flex; justify-content: space-between; margin-top: 32px } .c-fast-tools-ai-photography .content-list-operate-bar-left { display: flex; flex: 1 1 68%; flex-wrap: wrap; max-width: 68% } .c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn { align-items: center; color: #777e90; cursor: pointer; display: flex; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; justify-content: center; margin-left: 4px; padding: 10px 12px; white-space: nowrap } .c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn:first-child { margin-left: 0 } .c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn:hover { color: #fcfcfd; font-weight: 500 } .c-fast-tools-ai-photography .content-list-operate-bar-left .category-btn-active { background: #353945; border-radius: 100px; color: #fcfcfd; font-weight: 500 } .c-fast-tools-ai-photography .content-list-operate-bar-right { align-items: center; display: flex } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; justify-content: space-between; max-width: 210px; opacity: 1; padding: 0 12px } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div { align-items: center; display: flex } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div span { color: #fcfcfc; font-size: 14px; margin: 0 10px } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link div i { color: #fcfcfc; font-size: 18px } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-link i { font-size: 18px } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-item { align-items: center; display: flex; height: 40px; max-width: 210px } .c-fast-tools-ai-photography .content-list-operate-bar-right .el-dropdown-item span { color: #6f767e; font-size: 14px } .c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn-wrapper { background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 8px; margin-left: 10px; overflow: hidden; padding: 1px; position: relative } .c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn { align-items: center; background-color: #191a27; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; padding: 10px 12px; white-space: nowrap; z-index: 2 } .c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn .jump-btn-text { color: #fcfcfd; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600 } .c-fast-tools-ai-photography .content-list-operate-bar-right .jump-btn .jump-btn-icon { color: #fcfcfd; font-size: 18px; margin-left: 15px } .c-fast-tools-ai-photography .content-list { grid-gap: 16px; display: grid; grid-template-columns:repeat(5, 1fr); margin-top: 22px; min-height: 300px } .c-fast-tools-ai-photography .content-list-item { background: #000; border-radius: 16px; max-height: 520px; max-width: 337px; min-height: 520px; position: relative } .c-fast-tools-ai-photography .content-list-item .content-list-item-image { border-radius: 16px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-ai-photography .content-list-item .content-list-item-subscript { align-items: center; border-radius: 6px; display: inline-flex; font-family: PingFang SC-Semibold, PingFang SC; font-size: 12px; font-weight: 600; justify-content: center; left: 10px; padding: 6px 10px; position: absolute; top: 10px } .c-fast-tools-ai-photography .content-list-item .item-subscript2 { background: #0abf94; color: #fff } .c-fast-tools-ai-photography .content-list-item .item-subscript1 { background: linear-gradient(90deg, #ffe4b1, #f6c776); color: #744100; font-family: PingFang SC-Semibold, PingFang SC; font-size: 12px; font-weight: 600 } .c-fast-tools-ai-photography .content-list-item .content-list-item-bottom { -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); background: rgba(0, 0, 0, .2); border-radius: 16px; bottom: 0; box-sizing: border-box; height: 76px; padding: 13px 16px; position: absolute; width: 100% } .c-fast-tools-ai-photography .content-list-item .main-title { color: #fcfcfd; font-family: Poppins-Medium, Poppins; font-size: 16px; font-weight: 500 } .c-fast-tools-ai-photography .content-list-item .sub-title { align-items: center; box-sizing: border-box; color: #d3d3d3; display: flex; font-family: Poppins-Regular, Poppins; font-size: 12px; font-weight: 400; justify-content: space-between; margin-top: 12px } .c-fast-tools-ai-photography .content-list-item .sub-title .sub-tittle-left-icon { font-size: 16px; transform: translateY(1px) } .c-fast-tools-ai-photography .content-list-item .sub-title .sub-tittle-left-title { margin-left: 2px } .c-fast-tools-ai-photography .content-list-item .sub-title .sub-title-right-text { margin-right: 2px } .c-fast-tools-ai-photography .content-list-item .sub-title .sub-title-right-icon .iconfont, .c-fast-tools-ai-photography .content-list-item .sub-title .sub-title-right-icon svg { color: #ef4444; font-size: 16px } .c-fast-tools-ai-photography .content-list-item .bottom-btn-mask { background-color: #000; bottom: 0; display: none; height: 100%; left: 0; opacity: .35; position: absolute; right: 0; top: 0; width: 100%; z-index: 2 } .c-fast-tools-ai-photography .content-list-item .bottom-play-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; cursor: pointer; display: none; justify-content: center; left: 50%; padding: 8px 14px 8px 17px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 3 } .c-fast-tools-ai-photography .content-list-item .bottom-play-btn .bottom-download-btn-icon { color: #fff; font-size: 24px } .c-fast-tools-ai-photography .content-list-item .bottom-play-btn .bottom-download-btn-text { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; margin-left: 5px } .c-fast-tools-ai-photography .content-list-item:hover .bottom-btn-mask { display: block } .c-fast-tools-ai-photography .content-list-item:hover .bottom-play-btn { display: flex } .c-fast-tools-ai-photography .content-list-item-custom { align-items: center; background: #27292e; display: flex; justify-content: center } .c-fast-tools-ai-photography .content-list-item-custom .content-list-item-bottom { background: rgba(0, 0, 0, .2) } .c-fast-tools-ai-photography .content-list-item-custom .custom-item-banner { align-items: center; display: flex; flex-direction: column; justify-content: center; position: absolute; transform: translateY(-100%) } .c-fast-tools-ai-photography .content-list-item-custom .custom-item-banner .custom-item-banner-icon { color: #a3a6ad; font-size: 23px } .c-fast-tools-ai-photography .content-list-item-custom .custom-item-banner .custom-item-banner-text { color: #a3a6ad; font-family: Poppins-Medium, Poppins; font-size: 16px; font-weight: 500; margin-top: 16px } .c-fast-tools-ai-photography .process-bar { align-items: center; background: hsla(0, 0%, 100%, .4); border-radius: 30px 0 0 30px; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 500; justify-content: center; padding: 7px 14px; position: fixed; right: 0; top: 50vh; z-index: 666 } .c-fast-tools-ai-photography .process-bar .process-bar-text { color: #00dc8d; margin-left: 5px } .c-ai-filter-style-item[data-v-9e85045a] { align-items: center; display: flex; flex-direction: column } .c-ai-filter-style-item .filter-style-card-img[data-v-9e85045a] { border-radius: 10px; cursor: pointer; height: 130px; position: relative; width: 130px } .c-ai-filter-style-item .filter-style-card-img .defImg[data-v-9e85045a] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-ai-filter-style-item .filter-style-card-img .filter-style-card-video[data-v-9e85045a] { border-radius: 10px; height: 100%; transition-duration: .35s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% } .c-ai-filter-style-item .filter-style-card-img .filter-style-card-video video[data-v-9e85045a] { border-radius: 10px; box-sizing: border-box; display: block; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; vertical-align: middle; width: 100% } .c-ai-filter-style-item .filter-style-card-img .vipIcon[data-v-9e85045a] { align-items: center; background: linear-gradient(90deg, #ffe4b1, #f6c776); border-radius: 6px; color: #744100; display: flex; font-size: 12px; font-weight: 600; height: 18px; justify-content: center; left: 10px; position: absolute; top: 10px; width: 32px } .c-ai-filter-style-item .is-selected[data-v-9e85045a] { border: 2px solid #0dc990; box-sizing: border-box; padding: 5px } .c-ai-filter-style-item .filter-style-card-title[data-v-9e85045a] { color: #fff; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 10px } .c-fast-tools-ai-filter-style { display: flex; flex-direction: column; height: 100% } .c-fast-tools-ai-filter-style .el-tabs__item { color: #abbdd7; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .c-fast-tools-ai-filter-style .el-tabs__item.is-active { color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 16px; font-weight: 600 } .c-fast-tools-ai-filter-style .el-tabs__active-bar { background: linear-gradient(90deg, #3f8cff, #20ffff) } .c-fast-tools-ai-filter-style .el-tabs__nav-wrap:after { display: none } .c-fast-tools-ai-filter-style .el-tabs__nav-next, .c-fast-tools-ai-filter-style .el-tabs__nav-prev { font-size: 20px } .c-fast-tools-ai-filter-style .filter-style-list { grid-gap: 12px 10px; background: #2a2832; border-radius: 18px; box-sizing: border-box; display: grid; grid-auto-rows: minmax(160px, 160px); grid-template-columns:repeat(3, 1fr); height: 687px; max-height: 687px; overflow-y: auto; padding: 14px; width: 462px } .c-fast-tools-ai-filter-style .filter-style-list .filter-style-card { align-items: center; display: flex; flex-direction: column } .c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .filter-style-card-img { border-radius: 10px; cursor: pointer; height: 130px; width: 130px } .c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .filter-style-card-img img { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .is-selected { border: 2px solid #0dc990; box-sizing: border-box; padding: 5px } .c-fast-tools-ai-filter-style .filter-style-list .filter-style-card .filter-style-card-title { color: #fff; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 10px } .c-fast-tools-ai-filter-card { background: #2a2832; border-radius: 10px; height: 128px; position: relative; width: 128px } .c-fast-tools-ai-filter-card .refresh-btn { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 6px; cursor: pointer; display: flex; height: 26px; justify-content: center; position: absolute; right: 4px; top: 4px; width: 26px } .c-fast-tools-ai-filter-card .refresh-btn .refresh-btn-icon { color: #fff; font-size: 16px } .c-fast-tools-ai-filter-card .filter-card-result-img { border-radius: 6px; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-ai-filter-card .ai-filter-card-progress { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .c-fast-tools-ai-filter-card .ai-filter-card-progress .el-progress__text { color: #fff !important } .c-fast-tools-ai-filter, .c-fast-tools-ai-filter .top-bar { align-items: center; display: flex; flex-direction: column } .c-fast-tools-ai-filter .top-bar { margin-top: 59px } .c-fast-tools-ai-filter .top-bar .top-bar-icon { width: 56px } .c-fast-tools-ai-filter .top-bar .top-bar-icon img { width: 100% } .c-fast-tools-ai-filter .top-bar .top-bar-main-title { color: #fff; font-family: Arial-Bold, Arial; font-size: 48px; font-weight: 700; line-height: 56px; margin-top: 13px } .c-fast-tools-ai-filter .top-bar .top-bar-sub-title { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 19px; margin-top: 9px } .c-fast-tools-ai-filter .result-area { display: flex; height: 652px; margin-top: 40px; width: 1012px } .c-fast-tools-ai-filter .result-area .result-area-left { width: 536px } .c-fast-tools-ai-filter .result-area .result-area-left .show-result-bottom-list { grid-gap: 8px; display: grid; grid-template-columns:repeat(4, 1fr); margin-top: 17px } .c-fast-tools-ai-filter .result-area .result-area-left .show-content { background: #2a2832; border-radius: 16px; height: 574px; max-width: 536px; position: relative; width: 536px } .c-fast-tools-ai-filter .result-area .result-area-left .show-content img { border-radius: 16px; left: 50%; max-height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: top; object-position: top; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .c-fast-tools-ai-filter .result-area .result-area-left .show-content .el-image-viewer__close { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 18px; top: 20px; width: 40px } .c-fast-tools-ai-filter .result-area .result-area-left .show-content .el-image-viewer__close .el-icon-close { color: #fff; font-size: 16px } .c-fast-tools-ai-filter .result-area .result-area-left .show-content .bottom-download-btn { -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background: rgba(28, 29, 42, .4); border-radius: 8px; color: hsla(0, 0%, 100%, .8); cursor: pointer; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px } .c-fast-tools-ai-filter .result-area .result-area-left .show-content .icon-icon_xiazai { font-size: 14px } .c-fast-tools-ai-filter .result-area .result-area-left .show-content .bottom-btn-box { bottom: 10px; display: flex; gap: 10px; position: absolute; right: 10px } .c-fast-tools-ai-filter .result-area .result-area-left .loading-mask { align-items: center; background: rgba(0, 0, 0, .7); border-radius: 20px; bottom: 0; color: #fff; display: flex; flex-flow: column; font-size: 15px; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 1111 } .c-fast-tools-ai-filter .result-area .result-area-left .loading-mask .el-progress { margin: 20px 0; width: 60% } .c-fast-tools-ai-filter .result-area .result-area-left .loading-mask .el-progress .el-progress-bar__inner { background: linear-gradient(81deg, #3f8fff, #21feff) } .c-fast-tools-ai-filter .result-area .result-area-left .loading-mask .el-progress .el-progress-bar__outer { background: hsla(0, 0%, 47%, .8) !important } .c-fast-tools-ai-filter .result-area .result-area-left .bottom-generate-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; justify-content: center; margin-top: 20px; padding: 12px } .c-fast-tools-ai-filter .result-area .result-area-left .bottom-generate-btn .bottom-download-btn-icon { color: #fff; font-size: 24px } .c-fast-tools-ai-filter .result-area .result-area-left .bottom-generate-btn .bottom-download-btn-text { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400 } .c-fast-tools-ai-filter .result-area .result-area-left .bottom-generate-btn .bottom-download-btn-text-1 { color: #fff; font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400; margin-top: 4px } .c-fast-tools-ai-filter .result-area .result-area-left .bottom-generate-btn-disable { cursor: not-allowed } .c-fast-tools-ai-filter .result-area .upload-box { background: #2a2832; border-radius: 16px; height: 574px; width: 536px } .c-fast-tools-ai-filter .result-area .upload-box .image-upload { height: 100%; width: 100% } .c-fast-tools-ai-filter .result-area .upload-box .el-upload { display: block; height: 100% } .c-fast-tools-ai-filter .result-area .upload-box .el-upload-dragger { align-items: center; background: #181823; border: 2px dashed #fff; border-radius: 16px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .c-fast-tools-ai-filter .result-area .upload-box .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px } .c-fast-tools-ai-filter .result-area .upload-box .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 48px; line-height: 50px; margin: 40px 0 16px } .c-fast-tools-ai-filter .result-area .result-area-right { display: flex; flex-direction: column; height: 100%; margin-left: 14px; width: 462px } .c-draw-board[data-v-48ce66c6] { height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 10 } .c-draw-board .toolbar[data-v-48ce66c6] { display: flex; flex-direction: column; position: absolute; right: -14px; top: 0; transform: translateX(100%) } .c-draw-board .toolbar span[data-v-48ce66c6] { align-items: center; background: #242b3d; border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-top: 10px; width: 40px } .c-draw-board .toolbar span[data-v-48ce66c6]:first-child { margin-top: 0 } .c-draw-board .toolbar span .iconfont[data-v-48ce66c6], .c-draw-board .toolbar span svg[data-v-48ce66c6] { color: #fff; font-size: 20px } .c-draw-board .toolbar .gray-btn .iconfont[data-v-48ce66c6], .c-draw-board .toolbar .gray-btn svg[data-v-48ce66c6] { color: hsla(0, 0%, 100%, .4) } .c-draw-board .toolbar .active-tools[data-v-48ce66c6] { background: #4d559c } .c-draw-board .toolbar .active-btn .iconfont[data-v-48ce66c6], .c-draw-board .toolbar .active-btn svg[data-v-48ce66c6] { color: #fff } .c-draw-board canvas[data-v-48ce66c6] { background-color: #fff; border-radius: .75rem; height: 100%; width: 100% } .c-fast-tools-draft-design { margin: 0 auto; max-width: 850px; width: 100% } .c-fast-tools-draft-design .tools-content { display: flex; justify-content: center; padding-top: 120px; position: relative } .c-fast-tools-draft-design .tools-content .upload-model-box { left: 0; position: absolute; top: 0 } .c-fast-tools-draft-design .top-bar { align-items: center; display: flex; flex-direction: column; margin-top: 70px } .c-fast-tools-draft-design .top-bar .top-bar-icon { width: 56px } .c-fast-tools-draft-design .top-bar .top-bar-icon img { width: 100% } .c-fast-tools-draft-design .top-bar .top-bar-main-title { color: #fff; font-family: Arial-Bold, Arial; font-size: 48px; font-weight: 700; line-height: 56px; margin-top: 13px } .c-fast-tools-draft-design .top-bar .top-bar-sub-title { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 19px; margin-top: 9px } .c-fast-tools-draft-design .upload-model-box { align-items: center; background: #131522; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 12px; display: inline-flex; height: 44px; justify-content: center; margin-top: 34px; padding: 5px } .c-fast-tools-draft-design .upload-model-box .upload-model-btn { align-items: center; border-radius: 10px; color: hsla(0, 0%, 100%, .5); cursor: pointer; display: inline-flex; font-family: Helvetica-Bold, Helvetica; font-size: 14px; font-weight: 700; height: calc(100% - 10px); padding: 6px 13px 6px 14px } .c-fast-tools-draft-design .upload-model-box .upload-model-btn-active { background: #242b3d; color: #fff } .c-fast-tools-draft-design .upload-box { background: #2a2832; border-radius: 24px; height: 158px; margin-top: 12px; width: 850px } .c-fast-tools-draft-design .upload-box .image-upload { height: 100%; width: 100% } .c-fast-tools-draft-design .upload-box .el-upload { display: block; height: 100% } .c-fast-tools-draft-design .upload-box .el-upload-dragger { background: #181823; border: 2px dashed #fff; border-radius: 24px; height: 100%; width: 100% } .c-fast-tools-draft-design .upload-box .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px } .c-fast-tools-draft-design .upload-box .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 48px; line-height: 50px; margin: 40px 0 16px } .c-fast-tools-draft-design .draw-board-box-wrap { display: flex; justify-content: center } .c-fast-tools-draft-design .draw-board-box { height: 512px; margin-top: 12px; position: relative; width: 512px } .c-fast-tools-draft-design .show-content-wrap { align-items: center; display: flex; flex-direction: column; margin-top: 17px } .c-fast-tools-draft-design .show-content-wrap .show-content { border-radius: 24px; height: 512px; position: relative; width: 512px } .c-fast-tools-draft-design .show-content-wrap .show-content img { border-radius: 24px; max-height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-draft-design .show-content-wrap .show-content .el-image-viewer__close { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 18px; top: 20px; width: 40px } .c-fast-tools-draft-design .show-content-wrap .show-content .el-image-viewer__close .el-icon-close { color: #fff; font-size: 16px } .c-fast-tools-draft-design .prompt-input-area-wrap { align-items: center; display: flex; flex-direction: column; margin-top: 29px; width: 100% } .c-fast-tools-draft-design .prompt-input-area-wrap .prompt-input-area { align-items: center; background: #20242c; border-radius: 10px; display: flex; max-height: 56px; padding: 8px 10px; width: 512px } .c-fast-tools-draft-design .prompt-input-area-wrap .input-box { flex: 1 } .c-fast-tools-draft-design .prompt-input-area-wrap .input-box .el-input__inner { background: none; border: none; color: #fff } .c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box { align-items: center; display: inline-flex } .c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box .select-item { background: #454869; border-radius: 8px; height: 40px; max-width: 120px } .c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box .select-item .el-select .el-input__inner { background: none; border: none; color: #fff } .c-fast-tools-draft-design .prompt-input-area-wrap .operate-btn-box .submit-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; font-size: 14px; height: 40px; justify-content: center; letter-spacing: 2px; margin-left: 8px; min-width: 76px; padding: 12px 8px } .c-fast-tools-draft-design .example-display { align-items: center; display: flex; flex-direction: column; margin-top: 64px } .c-fast-tools-draft-design .example-display .example-title { align-items: center; color: #bababa; display: flex; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700 } .c-fast-tools-draft-design .example-display .example-title .example-title-icon { color: #bababa; font-size: 24px; margin-right: 5px } .c-fast-tools-draft-design .example-display .example-list { display: flex; margin-top: 28px } .c-fast-tools-draft-design .example-display .example-list-item { border-radius: 10px; cursor: pointer; height: 130px; margin-left: 16px; width: 130px } .c-fast-tools-draft-design .example-display .example-list-item:first-child { margin-left: 0 } .c-fast-tools-draft-design .example-display .example-list-item img { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-draft-design .result-show-area { align-items: center; display: flex; flex-direction: column; margin-top: 55px } .c-fast-tools-draft-design .result-show-area .result-show-content { background-color: #c0c4cc; border-radius: 24px; height: 512px; position: relative; width: 512px } .c-fast-tools-draft-design .result-show-area .result-show-content .quick-box { align-items: center; bottom: 0; display: flex; flex-direction: column; font-size: 14px; height: 34px; justify-content: center; left: 0; margin: auto; position: absolute; right: 0; top: 0 } .c-fast-tools-draft-design .result-show-area .result-show-content .quick-box .loading-icon-draf { font-size: 36px; margin-bottom: 20px } .c-fast-tools-draft-design .result-show-area .result-show-content img { border-radius: 24px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-draft-design .result-show-area .result-show-content .el-image-viewer__close { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 18px; top: 20px; width: 40px } .c-fast-tools-draft-design .result-show-area .result-show-content .el-image-viewer__close .el-icon-close { color: #fff; font-size: 16px } .c-fast-tools-draft-design .result-show-area .result-show-content .bottom-download-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; bottom: 16px; cursor: pointer; display: flex; justify-content: center; padding: 8px 14px 8px 17px; position: absolute; right: 16px } .c-fast-tools-draft-design .result-show-area .result-show-content .bottom-download-btn .bottom-download-btn-icon { color: #fff; font-size: 24px } .c-fast-tools-draft-design .result-show-area .result-show-content .bottom-download-btn .bottom-download-btn-text { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; margin-left: 5px } .c-fast-tools-draft-design .result-show-area .show-result-bottom-list { grid-gap: 8px; display: grid; grid-template-columns:repeat(4, 1fr); margin-top: 17px } .operate-btn-box[data-v-27bbe33e] .el-select-dropdown__wrap { max-height: 200px } [data-v-b2d79e48] .remove-bg-dialog .el-dialog__header { display: none } [data-v-b2d79e48] .remove-bg-dialog .el-dialog__body { height: 100%; padding: 0; width: 100% } .main[data-v-b2d79e48] { background-color: #02050e; height: 100%; overflow: hidden; position: relative; width: 100% } .main .disabledStyle[data-v-b2d79e48] { opacity: .5 } .main .disabledStyle .rightBnt[data-v-b2d79e48], .main .disabledStyle[data-v-b2d79e48] { cursor: not-allowed !important } .main .top[data-v-b2d79e48] { background-color: #06060d; border-bottom: 1px solid #2a2832; box-sizing: border-box; height: 58px; justify-content: space-between; left: 0; padding: 0 16px; position: absolute; top: 0; width: 100%; z-index: 2 } .main .top .topItem .back[data-v-b2d79e48], .main .top .topItem[data-v-b2d79e48], .main .top[data-v-b2d79e48] { align-items: center; display: flex } .main .top .topItem .back[data-v-b2d79e48] { background-color: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; height: 36px; justify-content: center; width: 36px } .main .top .topItem .back i[data-v-b2d79e48] { color: #828086; font-size: 16px } .main .top .topItem .bntBox[data-v-b2d79e48] { align-items: center; border: 1px solid #2a2832; border-radius: 5px; display: flex; margin-left: 160px } .main .top .topItem .bntBox .bnt[data-v-b2d79e48] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 38px } .main .top .topItem .bntBox .bnt[data-v-b2d79e48]:nth-child(2) { border-left: 1px solid #2a2832; border-right: 1px solid #2a2832 } .main .top .topItem .bntBox .bnt .svg-icon[data-v-b2d79e48], .main .top .topItem .bntBox .bnt i[data-v-b2d79e48] { color: #c0c0c3; font-size: 23px } .main .top .topItem .rightBnt[data-v-b2d79e48] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; display: flex; height: 36px; padding: 0 16px } .main .top .topItem .rightBnt[data-v-b2d79e48]:first-child { margin-right: 16px } .main .top .topItem .rightBnt i[data-v-b2d79e48] { color: #fefefe; font-size: 14px; margin-right: 8px } .main .top .topItem .rightBnt span[data-v-b2d79e48] { color: #fefefe; font-size: 12px } .main .content[data-v-b2d79e48] { align-items: center; box-sizing: border-box; display: flex; height: calc(100% - 58px); justify-content: center; width: 100% } .c-fast-tools-remove-background, .c-fast-tools-remove-background .top-bar { align-items: center; display: flex; flex-direction: column } .c-fast-tools-remove-background .top-bar { margin-top: 70px } .c-fast-tools-remove-background .top-bar .top-bar-icon { width: 56px } .c-fast-tools-remove-background .top-bar .top-bar-icon img { width: 100% } .c-fast-tools-remove-background .top-bar .top-bar-main-title { color: #fff; font-family: Arial-Bold, Arial; font-size: 48px; font-weight: 700; line-height: 56px; margin-top: 13px } .c-fast-tools-remove-background .top-bar .top-bar-sub-title { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 19px; margin-top: 9px } .c-fast-tools-remove-background .cnt { display: flex; justify-content: space-between; margin-top: 45px; width: 909px } .c-fast-tools-remove-background .cnt .left { background-color: #2a2832; border-radius: 24px; height: 520px; width: 400px } .c-fast-tools-remove-background .cnt .left video { border-radius: 24px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .c-fast-tools-remove-background .cnt .right { width: 490px } .c-fast-tools-remove-background .cnt .right .uploadBox { height: 316px; width: 100% } .c-fast-tools-remove-background .cnt .right .uploadBox .el-upload { height: 100%; width: 100% } .c-fast-tools-remove-background .cnt .right .uploadBox .el-upload .el-upload-dragger { align-items: center; background-color: #2a2832; border: 2px dashed #fff; border-radius: 24px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .c-fast-tools-remove-background .cnt .right .uploadBox .el-upload .el-upload-dragger .el-icon-upload { color: hsla(0, 0%, 100%, .7); font-size: 48px; margin-top: 0 } .c-fast-tools-remove-background .cnt .right .uploadBox .el-upload .el-upload-dragger .el-upload__text { color: #bababa; font-size: 14px } .c-fast-tools-remove-background .cnt .right .tip { align-items: center; display: flex; justify-content: center; margin: 24px 0 20px } .c-fast-tools-remove-background .cnt .right .tip i { color: #bababa; font-size: 24px; margin-right: 5px } .c-fast-tools-remove-background .cnt .right .tip span { color: #bababa; font-size: 14px } .c-fast-tools-remove-background .cnt .right .ex { background-color: #2a2832; border-radius: 13px; box-sizing: border-box; display: flex; gap: 14px; height: 136px; padding: 18px 24px } .c-fast-tools-remove-background .cnt .right .ex img { border-radius: 9px; cursor: pointer; height: 100px; -o-object-fit: cover; object-fit: cover; width: 100px } .c-fast-tools-remove-background .upload-box { background: #2a2832; border-radius: 24px; height: 158px; margin-top: 40px; width: 850px } .c-fast-tools-remove-background .upload-box .image-upload { height: 100%; width: 100% } .c-fast-tools-remove-background .upload-box .el-upload { display: block; height: 100% } .c-fast-tools-remove-background .upload-box .el-upload-dragger { background: #181823; border: 2px dashed #fff; border-radius: 24px; height: 100%; width: 100% } .c-fast-tools-remove-background .upload-box .el-upload-dragger .el-upload__text { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; line-height: 16px } .c-fast-tools-remove-background .upload-box .el-upload-dragger .el-icon-upload { color: #c0c4cc; font-size: 48px; line-height: 50px; margin: 40px 0 16px } .c-fast-tools-remove-background .example-display { align-items: center; display: flex; flex-direction: column; margin-top: 64px } .c-fast-tools-remove-background .example-display .example-title { align-items: center; color: #bababa; display: flex; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700 } .c-fast-tools-remove-background .example-display .example-title .example-title-icon { color: #bababa; font-size: 24px; margin-right: 5px } .c-fast-tools-remove-background .example-display .example-list { display: flex; margin-top: 28px } .c-fast-tools-remove-background .example-display .example-list-item { border-radius: 10px; cursor: pointer; height: 130px; margin-left: 16px; width: 130px } .c-fast-tools-remove-background .example-display .example-list-item:first-child { margin-left: 0 } .c-fast-tools-remove-background .example-display .example-list-item img { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-fast-tools-remove-background .result-show-area { background-color: #fff; border-radius: 24px; margin-top: 55px; max-width: 512px; position: relative } .c-fast-tools-remove-background .result-show-area .background-board { --checkerboard-black-color: #bfbfbf; --checkerboard-white-color: transparent; background-image: linear-gradient(45deg, #bfbfbf 25%, transparent 0), linear-gradient(-45deg, #bfbfbf 25%, transparent 0), linear-gradient(45deg, transparent 75%, #bfbfbf 0), linear-gradient(-45deg, transparent 75%, #bfbfbf 0); background-image: linear-gradient(45deg, var(--checkerboard-black-color) 25%, var(--checkerboard-white-color) 25%), linear-gradient(-45deg, var(--checkerboard-black-color) 25%, var(--checkerboard-white-color) 25%), linear-gradient(45deg, var(--checkerboard-white-color) 75%, var(--checkerboard-black-color) 75%), linear-gradient(-45deg, var(--checkerboard-white-color) 75%, var(--checkerboard-black-color) 75%); background-position: 0 0, 0 10px, 10px -10px, -10px 0; background-size: 20px 20px; border-radius: 24px; height: calc(100% - 2px); position: absolute; width: calc(100% - 2px) } .c-fast-tools-remove-background .result-show-area .image-view-slider { -webkit-appearance: none; background-color: transparent; height: 30px; left: 0; margin-left: -15px; outline: none; position: absolute; right: 0; top: calc(50% - 15px); width: calc(100% + 30px) } .c-fast-tools-remove-background .result-show-area .image-view-slider::-moz-range-thumb { -webkit-appearance: none; background-size: contain; border: 2px solid #d4d4d4; border-radius: 50%; cursor: grab; height: 30px; width: 30px } .c-fast-tools-remove-background .result-show-area .image-view-slider::-moz-range-thumb:active { cursor: grabbing } .c-fast-tools-remove-background .result-show-area .image-view-slider::-webkit-slider-thumb { -webkit-appearance: none; background-color: #525252; background-size: contain; border: 2px solid #d4d4d4; border-radius: 50%; cursor: grab; height: 30px; width: 30px } .c-fast-tools-remove-background .result-show-area .image-view-slider::-webkit-slider-thumb:active { cursor: grabbing } .c-fast-tools-remove-background .result-show-area .result-content-box { border-radius: 24px; box-sizing: border-box; height: 100%; overflow: hidden; position: relative } .c-fast-tools-remove-background .result-show-area .result-raw-img { border-radius: 24px; height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; transition-duration: .15s; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); vertical-align: middle; width: 100% } .c-fast-tools-remove-background .result-show-area .process-img-box { bottom: 0; box-sizing: border-box; left: 0; position: absolute; right: 0; top: 0 } .c-fast-tools-remove-background .result-show-area .process-img-box .processed-img { border-radius: 24px; height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; opacity: 1; position: absolute; top: 0; transition-duration: .15s; transition-property: opacity; transition-timing-function: cubic-bezier(.4, 0, .2, 1); vertical-align: middle; width: 100% } .c-fast-tools-remove-background .result-show-area .el-image-viewer__close { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 18px; top: 20px; width: 40px } .c-fast-tools-remove-background .result-show-area .el-image-viewer__close .el-icon-close { color: #fff; font-size: 16px } .c-fast-tools-remove-background .result-show-area .bottom-download-btn { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; bottom: 16px; cursor: pointer; display: flex; justify-content: center; padding: 8px 14px 8px 17px; position: absolute; right: 16px } .c-fast-tools-remove-background .result-show-area .bottom-download-btn .bottom-download-btn-icon { color: #fff; font-size: 24px } .c-fast-tools-remove-background .result-show-area .bottom-download-btn .bottom-download-btn-text { color: #fff; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; margin-left: 5px } .c-fast-tools-remove-background .quick-box { align-items: center; background: transparent; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 3001 } .c-fast-tools-remove-background .quick-box .quick-con { margin-top: 110px } .rectItem[data-v-48023ff6] { background-color: hsla(0, 0%, 89%, .6); border: 2px dashed #000; cursor: move; position: absolute; z-index: 2 } .rectItem .clear[data-v-48023ff6] { align-items: center; background-color: #454b50; border-radius: 100%; cursor: pointer; display: flex; height: 20px; justify-content: center; position: absolute; right: 10px; top: 10px; width: 20px } .rectItem .clear i[data-v-48023ff6] { color: #fff; font-size: 12px; margin: 1px 0 0 1px } [data-v-49f31642] .aiErase .el-dialog__header { display: none } [data-v-49f31642] .aiErase .el-dialog__body { height: 100%; padding: 0; width: 100% } .main[data-v-49f31642] { background-color: #02050e; height: 100%; overflow: hidden; position: relative; width: 100% } .main[data-v-49f31642]:before { background-image: radial-gradient(hsla(240, 2%, 76%, .5) 1px, transparent 0); background-size: 20px 20px; bottom: 0; content: ""; left: 0; opacity: .4; position: absolute; right: 0; top: 0 } .main .disabledStyle[data-v-49f31642] { opacity: .5 } .main .disabledStyle .bnt[data-v-49f31642], .main .disabledStyle .compare[data-v-49f31642], .main .disabledStyle .dragIcon[data-v-49f31642], .main .disabledStyle .rightBnt[data-v-49f31642], .main .disabledStyle .toolItem[data-v-49f31642], .main .disabledStyle[data-v-49f31642] { cursor: not-allowed !important } .main .top[data-v-49f31642] { background-color: #06060d; border-bottom: 1px solid #2a2832; box-sizing: border-box; height: 58px; justify-content: space-between; left: 0; padding: 0 16px; position: absolute; top: 0; width: 100%; z-index: 2 } .main .top .topItem .back[data-v-49f31642], .main .top .topItem[data-v-49f31642], .main .top[data-v-49f31642] { align-items: center; display: flex } .main .top .topItem .back[data-v-49f31642] { background-color: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; height: 36px; justify-content: center; width: 36px } .main .top .topItem .back i[data-v-49f31642] { color: #828086; font-size: 16px } .main .top .topItem .bntBox[data-v-49f31642] { align-items: center; border: 1px solid #2a2832; border-radius: 5px; display: flex; margin-left: 160px } .main .top .topItem .bntBox .bnt[data-v-49f31642] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 38px } .main .top .topItem .bntBox .bnt[data-v-49f31642]:nth-child(2) { border-left: 1px solid #2a2832; border-right: 1px solid #2a2832 } .main .top .topItem .bntBox .bnt .iconfont[data-v-49f31642], .main .top .topItem .bntBox .bnt .svg-icon[data-v-49f31642], .main .top .topItem .bntBox .bnt i[data-v-49f31642] { color: #c0c0c3; font-size: 23px } .main .top .topItem .rightBnt[data-v-49f31642] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; display: flex; height: 36px; padding: 0 16px } .main .top .topItem .rightBnt[data-v-49f31642]:first-child { margin-right: 16px } .main .top .topItem .rightBnt i[data-v-49f31642] { color: #fefefe; font-size: 14px; margin-right: 8px } .main .top .topItem .rightBnt span[data-v-49f31642] { color: #fefefe; font-size: 12px } .main .start[data-v-49f31642] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 6px; bottom: 60px; box-shadow: 0 4px 8px 0 rgba(0, 153, 255, .2); cursor: pointer; display: flex; height: 48px; left: 50%; padding: 0 74px; position: absolute; transform: translateX(-50%); z-index: 2 } .main .start .iconfont[data-v-49f31642], .main .start .svg-icon[data-v-49f31642] { color: #fff; font-size: 18px; margin-right: 10px } .main .start span[data-v-49f31642] { color: #fff; font-size: 14px } .main .right[data-v-49f31642] { align-items: center; bottom: 60px; display: flex; position: absolute; right: 65px; z-index: 2 } .main .right .dragIcon[data-v-49f31642] { align-items: center; background-color: #24262a; border: 1px solid #2a2832; border-radius: 5px; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px } .main .right .dragIcon i[data-v-49f31642] { color: #c0c0c3; font-size: 18px } .main .right .sizeBox[data-v-49f31642] { background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; display: flex; height: 34px; margin: 0 11px } .main .right .sizeBox .sizeBnt[data-v-49f31642] { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 34px } .main .right .sizeBox .sizeBnt i[data-v-49f31642] { color: #c0c0c3; font-size: 16px } .main .right .sizeBox .sizeNum[data-v-49f31642] { align-items: center; border-left: 1px solid #35383c; border-right: 1px solid #35383c; color: #c0c0c3; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 56px } .main .right .compare[data-v-49f31642] { align-items: center; background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; cursor: pointer; display: flex; height: 34px; padding: 0 8px } .main .right .compare i[data-v-49f31642] { color: #c0c0c3; font-size: 18px; margin-right: 5px } .main .right .compare span[data-v-49f31642] { color: #c0c0c3; font-size: 14px } .main .left[data-v-49f31642] { background-color: #14161a; border-radius: 10px; left: 16px; padding: 10px; position: absolute; top: 90px; z-index: 2 } .main .left .toolItem[data-v-49f31642] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; height: 74px; justify-content: center; min-width: 64px; position: relative } .main .left .toolItem i[data-v-49f31642] { color: #9fa4ac; font-size: 24px; margin-bottom: 6px } .main .left .toolItem span[data-v-49f31642] { color: #9fa4ac; font-size: 12px } .main .left .toolItem[data-v-49f31642]:last-child { margin-bottom: 0 } .main .left .activateToolItem[data-v-49f31642] { background-color: #26292e } .main .left .activateToolItem i[data-v-49f31642], .main .left .activateToolItem span[data-v-49f31642] { color: #fff } .main .left[data-v-49f31642] .lineSize { align-items: center; background-color: #24262a; border-radius: 10px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); display: flex; padding: 14px 16px; position: absolute; right: -300px; top: 0 } .main .left[data-v-49f31642] .lineSize span { color: #fff; font-size: 14px; margin-right: 10px } .main .left[data-v-49f31642] .lineSize .el-slider { width: 200px } .main .left[data-v-49f31642] .lineSize .el-slider .el-input-number--small { width: 76px } .main .left[data-v-49f31642] .lineSize .el-slider .el-input-number--small .el-input__inner { background-color: #393b41; border: none; border-radius: 8px; color: #fff } .main .left[data-v-49f31642] .lineSize .el-slider .show-input { margin-right: 90px } .main .draggable[data-v-49f31642] { background-color: #2a2832; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1 } .main .draggable img[data-v-49f31642] { height: 100%; width: 100% } .main .draggable .laodMsk[data-v-49f31642] { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .main .draggable .quick-box[data-v-49f31642] { align-items: center; background: transparent; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 3001 } .main .draggable .quick-box .quick-con[data-v-49f31642] { margin-top: 110px } .main .draggable .segment-image-draw-img-hover-mask[data-v-49f31642] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); left: 0; pointer-events: none; position: absolute; top: 0 } .main .draggable canvas[data-v-49f31642] { filter: opacity(60%); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .main .draggable .rectCanvas[data-v-49f31642] { left: 0; position: absolute; top: 0; z-index: 2 } .ai_erase[data-v-4f3e28fb] { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; padding-top: 28px; width: 100% } .ai_erase .topIcon[data-v-4f3e28fb] { width: 48px } .ai_erase .title[data-v-4f3e28fb] { color: #fff; font-size: 38px; font-weight: 700; margin-top: 15px } .ai_erase .desc[data-v-4f3e28fb] { color: hsla(0, 0%, 100%, .7); font-size: 16px; margin-top: 12px } .ai_erase .cnt[data-v-4f3e28fb] { display: flex; justify-content: space-between; margin-top: 45px; width: 909px } .ai_erase .cnt .left[data-v-4f3e28fb] { background-color: #2a2832; border-radius: 24px; height: 520px; width: 400px } .ai_erase .cnt .left video[data-v-4f3e28fb] { border-radius: 24px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ai_erase .cnt .right[data-v-4f3e28fb] { width: 490px } .ai_erase .cnt .right[data-v-4f3e28fb] .uploadBox { height: 316px; width: 100% } .ai_erase .cnt .right[data-v-4f3e28fb] .uploadBox .el-upload { height: 100%; width: 100% } .ai_erase .cnt .right[data-v-4f3e28fb] .uploadBox .el-upload .el-upload-dragger { align-items: center; background-color: #2a2832; border: 2px dashed #fff; border-radius: 24px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .ai_erase .cnt .right[data-v-4f3e28fb] .uploadBox .el-upload .el-upload-dragger .el-icon-upload { color: hsla(0, 0%, 100%, .7); font-size: 48px; margin-top: 0 } .ai_erase .cnt .right[data-v-4f3e28fb] .uploadBox .el-upload .el-upload-dragger .el-upload__text { color: #bababa; font-size: 14px } .ai_erase .cnt .right .tip[data-v-4f3e28fb] { align-items: center; display: flex; justify-content: center; margin: 24px 0 20px } .ai_erase .cnt .right .tip i[data-v-4f3e28fb] { color: #bababa; font-size: 24px; margin-right: 5px } .ai_erase .cnt .right .tip span[data-v-4f3e28fb] { color: #bababa; font-size: 14px } .ai_erase .cnt .right .ex[data-v-4f3e28fb] { background-color: #2a2832; border-radius: 13px; box-sizing: border-box; display: flex; gap: 14px; height: 136px; padding: 18px 24px } .ai_erase .cnt .right .ex img[data-v-4f3e28fb] { border-radius: 9px; cursor: pointer; height: 100px; -o-object-fit: cover; object-fit: cover; width: 100px } .handle-panel[data-v-6c0ee43f] { display: flex; flex-flow: column; gap: 15px; position: relative } .handle-panel .upload-box[data-v-6c0ee43f] { align-items: center; background: #1b1d1f; border-radius: 20px; display: flex; flex: 1; height: 100%; justify-content: center; overflow: hidden; position: relative } .handle-panel .upload-box .handle-btn[data-v-6c0ee43f] { -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background: rgba(28, 29, 42, .4); border-radius: 8px; color: hsla(0, 0%, 100%, .8); cursor: pointer; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px } .handle-panel .upload-box .icon-icon_xiazai[data-v-6c0ee43f] { font-size: 14px } .handle-panel .upload-box .del-btn[data-v-6c0ee43f] { position: absolute; right: 10px; top: 10px } .handle-panel .upload-box .handle-btns[data-v-6c0ee43f] { bottom: 10px; display: flex; gap: 10px; position: absolute; right: 10px } .handle-panel .upload-box img[data-v-6c0ee43f] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .handle-panel .upload-box .upload-btn[data-v-6c0ee43f] { cursor: pointer; font-size: 18px; text-align: center } .handle-panel .upload-box .upload-btn p[data-v-6c0ee43f] { font-size: 14px; margin-top: 5px } .handle-panel .upload-box .upload-btn[data-v-6c0ee43f] .el-upload:focus { color: #a3a6ad } .handle-panel .upload-box .upload-btn[data-v-6c0ee43f] .el-upload .el-upload-dragger { align-items: center; background-color: transparent; background-color: initial; border: 0; color: #a3a6ad; display: flex; flex-flow: column; justify-content: center } .handle-panel .strength-box[data-v-6c0ee43f] { align-items: center; background: #1b1d1f; border-radius: 15px; color: hsla(0, 0%, 100%, .8); display: flex; gap: 15px; height: 56px; padding: 0 15px } .handle-panel .strength-box span.num[data-v-6c0ee43f] { color: #fff } .handle-panel .strength-box[data-v-6c0ee43f] .el-slider { flex: 1 } .handle-panel .strength-box[data-v-6c0ee43f] .el-slider .el-slider__button-wrapper { height: 26px; top: -11px; width: 26px } .handle-panel .strength-box[data-v-6c0ee43f] .el-slider .el-slider__runway { background-color: #3a3c42; margin: 10px 0 } .handle-panel .strength-box[data-v-6c0ee43f] .el-slider .el-slider__button { border: 0; height: 20px; width: 20px } .handle-panel .loading[data-v-6c0ee43f] { align-items: center; background: rgba(0, 0, 0, .7); border-radius: 20px; bottom: 0; color: #fff; display: flex; flex-flow: column; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 1111 } .handle-panel .loading i.el-icon-loading[data-v-6c0ee43f] { font-size: 20px; margin-bottom: 5px } .handle-panel .loading[data-v-6c0ee43f] .el-progress { margin: 20px 0; width: 60% } .handle-panel .loading[data-v-6c0ee43f] .el-progress .el-progress-bar__inner { background: linear-gradient(81deg, #3f8fff, #21feff) } .handle-panel .loading[data-v-6c0ee43f] .el-progress .el-progress-bar__outer { background: hsla(0, 0%, 47%, .8) !important } .handle-panel .loading .wait-text[data-v-6c0ee43f] { margin-bottom: 20px; width: 60% } .beauty-popup[data-v-2be9f49e] .el-dialog { border: 0; border-radius: 20px; max-width: 900px; overflow: hidden; width: 90vw } .beauty-popup[data-v-2be9f49e] .el-dialog .el-dialog__body, .beauty-popup[data-v-2be9f49e] .el-dialog .el-dialog__footer, .beauty-popup[data-v-2be9f49e] .el-dialog .el-dialog__header { background: #24262a } .beauty-popup[data-v-2be9f49e] .el-dialog .el-dialog__body { height: 60vh; padding-top: 0 } .beauty-popup .dialog-body[data-v-2be9f49e] { display: flex; gap: 30px; height: 100% } .beauty-popup .dialog-body > div[data-v-2be9f49e] { width: 50% } .beauty-popup .style-panel[data-v-2be9f49e] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 10px; height: 100%; overflow-y: auto } .beauty-popup .style-panel[data-v-2be9f49e]::-webkit-scrollbar { width: 5px } .beauty-popup .style-panel .style-item[data-v-2be9f49e] { border-radius: 15px; box-sizing: border-box; cursor: pointer; height: 150px; position: relative; width: calc(33.33333% - 6.66667px) } .beauty-popup .style-panel .style-item.active[data-v-2be9f49e] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #24262a, #24262a), linear-gradient(90deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 15px; padding: 5px } .beauty-popup .style-panel .style-item.active img[data-v-2be9f49e] { border-radius: 10px } .beauty-popup .style-panel .style-item img[data-v-2be9f49e] { border-radius: 15px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .beauty-popup .style-panel .style-item p[data-v-2be9f49e] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; color: #fcfcfd; font-size: 12px; height: 24px; left: 0; line-height: 24px; position: absolute; right: 0; text-align: center } .beauty-popup .btn-group[data-v-2be9f49e] { text-align: center } .beauty-popup .btn-group button[data-v-2be9f49e] { background: linear-gradient(90deg, #3f8cff, #20ffff); border: 0; border-radius: 15px; color: #fff; font-size: 16px; height: 55px; padding: 10px 20px; width: 50% } .beauty-popup .btn-group button span.tips[data-v-2be9f49e] { display: block; font-size: 14px; margin-top: 5px } .style-banner[data-v-d575044e] { cursor: pointer; position: relative } .style-banner .banner-list[data-v-d575044e], .style-banner[data-v-d575044e] { width: calc(35vw - 25px) } .style-banner[data-v-d575044e] .el-carousel .el-carousel__container { height: calc(35vw - 25px) } .style-banner[data-v-d575044e] .el-carousel .el-carousel__indicators button.el-carousel__button { border-radius: 5px; height: 10px; width: 10px } .style-banner .banner-item[data-v-d575044e] { height: calc(35vw - 25px); width: calc(35vw - 25px) } .style-banner .banner-item .show-img[data-v-d575044e] { animation: compared-d575044e 4s infinite; background-size: calc(35vw - 25px); border-right: 1px solid #fff; height: calc(35vw - 25px); position: relative; width: 100% } .style-banner .banner-item[data-v-d575044e], .style-banner .show-img[data-v-d575044e] { background-repeat: no-repeat; background-size: 100% } @keyframes compared-d575044e { 0%, to { width: 0 } 50% { width: 100% } } .style-banner .style-name[data-v-d575044e] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); bottom: 27px; color: #fcfcfd; font-size: 16px; height: 40px; left: 0; line-height: 40px; position: absolute; right: 0; text-align: center; z-index: 11 } .beauty-page[data-v-cf47f3bc] { width: 100% } .beauty-page .title[data-v-cf47f3bc] { color: #fff; font-family: Arial; font-size: 38px; padding-top: 20px; text-align: center } .beauty-page .title h1[data-v-cf47f3bc], .beauty-page .title i[data-v-cf47f3bc] { -webkit-text-fill-color: transparent; background: linear-gradient(84deg, #f79533, #f37055 14%, #ef4e7b 29%, #a166ab 43%, #5073b8 57%, #1098ad 71%, #07b39b 86%, #6fba82); -webkit-background-clip: text; background-clip: text; color: transparent } .beauty-page .title h1[data-v-cf47f3bc] { display: inline-block; font-size: 38px } .beauty-page .title h1[data-v-cf47f3bc]:before { -webkit-text-fill-color: initial; color: #000; color: initial; content: "💄"; font-size: 34px; margin-right: 5px } .beauty-page .title i[data-v-cf47f3bc]:first-child { font-size: 22px; left: 10px; position: relative; top: -10px } .beauty-page .desc[data-v-cf47f3bc] { color: hsla(0, 0%, 100%, .7); font-size: 16px; padding-top: 10px; text-align: center } .beauty-page .example-list[data-v-cf47f3bc] { display: flex; flex-wrap: wrap; gap: 50px; justify-content: center; margin: 25px auto 0; width: 90vw } .beauty-page .example-list .loading[data-v-cf47f3bc] { display: flex; justify-content: center; margin: 100px 0; width: 100% } .dialog-top[data-v-7ef738a1] { align-items: center; border: 1px solid #2a2832; box-sizing: border-box; display: flex; height: 50px; justify-content: space-between; padding: 0 16px; position: relative; width: 100% } .dialog-top-left[data-v-7ef738a1] { background: hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; height: 24px; width: 24px } .dialog-top-left .el-icon-back[data-v-7ef738a1] { color: #828086 } .dialog-top-right[data-v-7ef738a1] { align-items: center; display: flex } .dialog-top-right .feed-back[data-v-7ef738a1] { background: rgba(63, 66, 74, .6); border-radius: 6px; box-sizing: border-box; color: #c6c6ce; cursor: pointer; height: 32px; margin-right: 10px; padding: 4px 12px } .dialog-top-right .feed-back > i[data-v-7ef738a1] { font-size: 16px; margin-right: 6px } .dialog-top-right .feed-back > span[data-v-7ef738a1] { font-family: Inter; font-size: 12px; font-weight: 500 } .dialog-top-right .coins-container[data-v-7ef738a1] { align-items: center; display: flex; margin-right: 20px } .dialog-top-right .coins-container .item-coin[data-v-7ef738a1] { background: rgba(63, 66, 74, .6); border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 32px; padding: 4px 12px } .dialog-top-right .coins-container .item-coin .icon[data-v-7ef738a1] { height: 24px; width: 24px } .dialog-top-right .coins-container .item-coin.credit[data-v-7ef738a1] { margin-right: 10px } .dialog-top-right .coins-container .item-coin.credit .icon[data-v-7ef738a1] { margin-right: 5px } .dialog-top-right .coins-container .item-coin .number[data-v-7ef738a1] { color: #c6c6ce; font-family: Inter; font-size: 14px; font-weight: 500 } .dialog-top-right .user-balance[data-v-7ef738a1] { cursor: pointer; height: 24px; margin: 0 20px 5px 0; width: 24px } .dialog-top-right .user-balance > img[data-v-7ef738a1] { height: 100%; width: 100% } .dialog-top-right[data-v-7ef738a1] .top-bar-user { border: 0; height: 32px; padding: 0; width: 32px } .dialog-top-right[data-v-7ef738a1] .top-bar-user .user-panel, .dialog-top-right[data-v-7ef738a1] .top-bar-user .user-panel .user-avatar { height: 100%; width: 100% } .dialog-top-right[data-v-7ef738a1] .top-bar-user .user-panel .el-icon-arrow-down { display: none } .dialog-content-tabs[data-v-0c4d058f] { height: 100%; width: 72px } .dialog-content-tabs .content-tab[data-v-0c4d058f] { background: #06060d; border-right: 1px solid #2a2832; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 8px; width: 100% } .dialog-content-tabs .content-tab .item-tab[data-v-0c4d058f] { margin-bottom: 8px } .dialog-content-tabs .content-tab .item-tab-box[data-v-0c4d058f] { align-content: space-between; box-sizing: border-box; color: #858ea0; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: center; min-height: 66px; padding: 10px 0; width: 100% } .dialog-content-tabs .content-tab .item-tab-box-icon[data-v-0c4d058f] { font-size: 20px } .dialog-content-tabs .content-tab .item-tab-box-label[data-v-0c4d058f] { font-family: PingFang SC; font-size: 12px; font-weight: 500; text-align: center; width: 100%; word-break: keep-all } .dialog-content-tabs .content-tab .item-tab .item-children-box[data-v-0c4d058f] { width: 100% } .dialog-content-tabs .content-tab .item-tab .item-children-box .item-tab-box[data-v-0c4d058f] { border-bottom: 1px solid hsla(0, 0%, 100%, .1) } .dialog-content-tabs .content-tab .item-tab .item-children-box .item-children[data-v-0c4d058f] { box-sizing: border-box; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 10px; width: 100% } .dialog-content-tabs .content-tab .item-tab .item-children-box .item-children img[data-v-0c4d058f] { border: 2px solid transparent; border-radius: 6px; height: 48px; margin-bottom: 5px; -o-object-fit: cover; object-fit: cover; width: 48px } .dialog-content-tabs .content-tab .item-tab .item-children-box .item-children img.active[data-v-0c4d058f] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box } .dialog-content-tabs .content-tab .item-tab .item-children-box > :last-child.item-children[data-v-0c4d058f] { padding-bottom: 10px } .dialog-content-tabs .content-tab .item-tab.active .item-children-box[data-v-0c4d058f], .dialog-content-tabs .content-tab .item-tab.active > .item-tab-box[data-v-0c4d058f] { background: #14161a; border-radius: 8px; color: #fff } .dialog-content-tabs .content-tab .item-tab.active .item-children-box .item-tab-box[data-v-0c4d058f] { color: #fff } .dialog-content-tabs .content-tab[data-v-0c4d058f] > :last-child { margin-bottom: 0 } .model-image-res-all[data-v-88112d4c] { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 100% } .model-image-res-all-back[data-v-88112d4c] { color: #7f8792; cursor: pointer; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; line-height: 36px; margin-top: 10px; width: 100% } .model-image-res-all .filter-box[data-v-88112d4c] { display: flex; height: 28px; justify-content: space-around; margin-top: 4px; width: 100% } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] { display: flex; height: 100%; width: 73px } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select { cursor: pointer; height: 100% } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select .el-select__tags { display: none } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select .el-input { height: 100% } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select .el-input .el-input__inner { background: #24262a; border: 1px solid #35383c; border-radius: 6px; height: 100% } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select .el-input .el-input__prefix { color: #e5eaf3; font-family: PingFang HK; font-size: 14px; line-height: 28px; max-width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select .el-input .el-input__suffix { display: flex; right: 0 } .model-image-res-all .filter-box .item-filter[data-v-88112d4c] > .el-select .el-input .el-input__suffix .el-select__caret { line-height: 28px } .model-image-res-all .selected-tag-box[data-v-88112d4c] { display: flex; flex-wrap: wrap; margin-bottom: 4px; width: 100% } .model-image-res-all .selected-tag-box .item-selected-tag[data-v-88112d4c] { align-items: center; background: hsla(0, 0%, 100%, .08); border-radius: 6px; color: #fff; display: flex; font-family: Helvetica; font-size: 12px; height: 22px; justify-content: space-between; margin-top: 7px; padding: 0 8px } .model-image-res-all .selected-tag-box .item-selected-tag > .del[data-v-88112d4c] { background: #35383a; border-radius: 50%; cursor: pointer; height: 14px; margin-left: 5px; width: 14px } .model-image-res-all .selected-tag-box .item-selected-tag > .del i[data-v-88112d4c] { color: #bababa; font-size: 10px } .model-image-res-all .res-box[data-v-88112d4c] { align-content: flex-start; display: flex; flex: 1; flex-wrap: wrap; justify-content: space-between; overflow: auto; width: 100% } .model-image-res-all .res-box .item-res[data-v-88112d4c] { border: 2px solid transparent; border-radius: 8px; cursor: pointer; height: 140px; margin: 3px 0; position: relative; width: 110px } .model-image-res-all .res-box .item-res .hover-content[data-v-88112d4c] { align-items: flex-end; background: rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 110px; justify-content: center; left: 0; opacity: 0; padding-bottom: 8px; position: absolute; top: 0; width: 110px; z-index: 1 } .model-image-res-all .res-box .item-res .hover-content-btn[data-v-88112d4c] { background: #f5f7fa; border: 1px solid #dcdfe6; border-radius: 60px; color: #303133; font-size: 12px; min-height: 24px; padding: 0 10px } .model-image-res-all .res-box .item-res .hover-content-btn i[data-v-88112d4c] { margin-right: 5px } .model-image-res-all .res-box .item-res:hover .hover-content[data-v-88112d4c] { opacity: 1 } .model-image-res-all .res-box .item-res .img-box[data-v-88112d4c] { border-radius: 8px; height: 110px; overflow: hidden; width: 110px } .model-image-res-all .res-box .item-res .img-box img[data-v-88112d4c] { height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .model-image-res-all .res-box .item-res .label[data-v-88112d4c] { height: 30px; line-height: 30px; text-align: center; width: 110px } .model-image-res-all .res-box .item-res.selected[data-v-88112d4c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; position: relative } .model-image-res-all .res-box .item-res.selected .label[data-v-88112d4c] { color: #fff } .model-image-res-all .res-box .item-res.selected[data-v-88112d4c]:after { align-items: center; background: #409eff; border-radius: 2px; color: #fff; content: "✓"; display: flex; font-size: 12px; height: 14px; justify-content: center; position: absolute; right: 5px; top: 5px; width: 14px } .model-image-res-all .generate-btn[data-v-88112d4c] { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 8px; color: #fcfcfc; cursor: pointer; height: 40px; margin: 6px 0 10px; width: 100% } .model-image-res-all .generate-btn.is-disabled[data-v-88112d4c] { cursor: not-allowed } .model-image-res-all .generate-btn .txt[data-v-88112d4c] { font-family: Inter; font-size: 16px; font-weight: 700 } .model-image-res-all .generate-btn .cost[data-v-88112d4c] { color: #fcfcfc; font-family: Inter; font-size: 12px; font-weight: 500; margin-left: 8px } .model-image[data-v-647f9244] { background: #06060d; border-right: 1px solid #2a2832; box-sizing: border-box; height: 100%; padding: 0 15px; width: 265px } .model-image-content[data-v-647f9244] { align-content: flex-start; display: flex; flex-wrap: wrap; height: 100%; width: 100% } .model-image-content .select-model[data-v-647f9244] { max-height: calc(50% - 28px); width: 100% } .model-image-content .select-model-top[data-v-647f9244] { align-items: center; color: #606266; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 36px; justify-content: space-between; width: 100% } .model-image-content .select-model-top > .all[data-v-647f9244] { cursor: pointer } .model-image-content .select-model-top > .all > i[data-v-647f9244] { color: #939599 } .model-image-content .select-model-content[data-v-647f9244] { align-content: flex-start; display: flex; flex-wrap: wrap; height: calc(100% - 36px); justify-content: space-between; overflow: auto; width: 100% } .model-image-content .select-model-content-item[data-v-647f9244] { border: 2px solid transparent; border-radius: 8px; cursor: pointer; height: 140px; margin: 3px 0; width: 110px } .model-image-content .select-model-content-item .img-box[data-v-647f9244] { border-radius: 8px; height: 110px; overflow: hidden; width: 110px } .model-image-content .select-model-content-item .img-box img[data-v-647f9244] { height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .model-image-content .select-model-content-item .label[data-v-647f9244] { height: 30px; line-height: 30px; text-align: center; width: 110px } .model-image-content .select-model-content-item.selected[data-v-647f9244] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; position: relative } .model-image-content .select-model-content-item.selected .label[data-v-647f9244] { color: #fff } .model-image-content .select-model-content-item.selected[data-v-647f9244]:after { align-items: center; background: #409eff; border-radius: 2px; color: #fff; content: "✓"; display: flex; font-size: 12px; height: 14px; justify-content: center; position: absolute; right: 5px; top: 5px; width: 14px } .model-image-content .select-model .selected-model[data-v-647f9244] { color: #606266; flex: 1; font-family: PingFang SC; font-size: 12px; font-weight: 500; margin: 0 3px; text-align: center } .model-image-content .select-model-content-item[data-v-647f9244] { position: relative } .model-image-content .select-model-content-item .hover-content[data-v-647f9244] { align-items: flex-end; background: rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 110px; justify-content: center; left: 0; opacity: 0; padding-bottom: 8px; position: absolute; top: 0; width: 110px; z-index: 1 } .model-image-content .select-model-content-item .hover-content-btn[data-v-647f9244] { background: #f5f7fa; border: 1px solid #dcdfe6; border-radius: 60px; color: #303133; font-size: 12px; min-height: 24px; padding: 0 10px } .model-image-content .select-model-content-item .hover-content-btn i[data-v-647f9244] { margin-right: 5px } .model-image-content .select-model-content-item:hover .hover-content[data-v-647f9244] { opacity: 1 } .model-image-content .select-scene[data-v-647f9244] { max-height: calc(50% - 28px); width: 100% } .model-image-content .select-scene-top[data-v-647f9244] { align-items: center; color: #606266; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 36px; justify-content: space-between; width: 100% } .model-image-content .select-scene-top > .all[data-v-647f9244] { cursor: pointer } .model-image-content .select-scene-top > .all > i[data-v-647f9244] { color: #939599 } .model-image-content .select-scene-content[data-v-647f9244] { align-content: flex-start; display: flex; flex-wrap: wrap; height: calc(100% - 36px); justify-content: space-between; overflow: auto; width: 100% } .model-image-content .select-scene-content-item[data-v-647f9244] { border: 2px solid transparent; border-radius: 8px; cursor: pointer; height: 140px; margin: 3px 0; width: 110px } .model-image-content .select-scene-content-item .img-box[data-v-647f9244] { border-radius: 8px; height: 110px; overflow: hidden; width: 110px } .model-image-content .select-scene-content-item .img-box img[data-v-647f9244] { height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .model-image-content .select-scene-content-item .label[data-v-647f9244] { height: 30px; line-height: 30px; text-align: center; width: 110px } .model-image-content .select-scene-content-item.selected[data-v-647f9244] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; position: relative } .model-image-content .select-scene-content-item.selected .label[data-v-647f9244] { color: #fff } .model-image-content .select-scene-content-item.selected[data-v-647f9244]:after { align-items: center; background: #409eff; border-radius: 2px; color: #fff; content: "✓"; display: flex; font-size: 12px; height: 14px; justify-content: center; position: absolute; right: 5px; top: 5px; width: 14px } .model-image-content .generate-btn[data-v-647f9244] { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 8px; color: #fcfcfc; cursor: pointer; height: 40px; margin: 6px 0 10px; width: 100% } .model-image-content .generate-btn.is-disabled[data-v-647f9244] { cursor: not-allowed } .model-image-content .generate-btn .txt[data-v-647f9244] { font-family: Inter; font-size: 16px; font-weight: 700 } .model-image-content .generate-btn .cost[data-v-647f9244] { color: #fcfcfc; font-family: Inter; font-size: 12px; font-weight: 500; margin-left: 8px } [data-v-51e7d293] .c-model-fitting-redraw-modal .el-dialog__header { display: none } [data-v-51e7d293] .c-model-fitting-redraw-modal .el-dialog__body { height: 100%; padding: 0; width: 100% } [data-v-51e7d293] .c-model-fitting-redraw-modal .v-modal { display: none } .main[data-v-51e7d293] { background-color: #02050e; height: 100%; overflow: hidden; position: relative; width: 100% } .main[data-v-51e7d293]:before { background-image: radial-gradient(hsla(240, 2%, 76%, .5) 1px, transparent 0); background-size: 20px 20px; bottom: 0; content: ""; left: 0; opacity: .4; position: absolute; right: 0; top: 0 } .main .disabledStyle[data-v-51e7d293] { opacity: .5 } .main .disabledStyle .bnt[data-v-51e7d293], .main .disabledStyle .compare[data-v-51e7d293], .main .disabledStyle .dragIcon[data-v-51e7d293], .main .disabledStyle .rightBnt[data-v-51e7d293], .main .disabledStyle .toolItem[data-v-51e7d293], .main .disabledStyle[data-v-51e7d293] { cursor: not-allowed !important } .main .top[data-v-51e7d293] { background-color: #06060d; border-bottom: 1px solid #2a2832; box-sizing: border-box; height: 58px; justify-content: space-between; left: 0; padding: 0 16px; position: absolute; top: 0; width: 100%; z-index: 2 } .main .top .topItem .back[data-v-51e7d293], .main .top .topItem[data-v-51e7d293], .main .top[data-v-51e7d293] { align-items: center; display: flex } .main .top .topItem .back[data-v-51e7d293] { background-color: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; height: 36px; justify-content: center; width: 36px } .main .top .topItem .back i[data-v-51e7d293] { color: #828086; font-size: 16px } .main .top .topItem .bntBox[data-v-51e7d293] { align-items: center; border: 1px solid #2a2832; border-radius: 5px; display: flex; justify-content: center } .main .top .topItem .bntBox .bnt[data-v-51e7d293] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 38px } .main .top .topItem .bntBox .bnt[data-v-51e7d293]:nth-child(2) { border-left: 1px solid #2a2832; border-right: 1px solid #2a2832 } .main .top .topItem .bntBox .bnt .iconfont[data-v-51e7d293], .main .top .topItem .bntBox .bnt .svg-icon[data-v-51e7d293], .main .top .topItem .bntBox .bnt i[data-v-51e7d293] { color: #c0c0c3; font-size: 23px } .main .top .topItem .rightBnt[data-v-51e7d293] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; display: flex; height: 36px; padding: 0 16px } .main .top .topItem .rightBnt[data-v-51e7d293]:first-child { margin-right: 16px } .main .top .topItem .rightBnt i[data-v-51e7d293] { color: #fefefe; font-size: 14px; margin-right: 8px } .main .top .topItem .rightBnt span[data-v-51e7d293] { color: #fefefe; font-size: 12px } .main .start[data-v-51e7d293] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 6px; bottom: 60px; box-shadow: 0 4px 8px 0 rgba(0, 153, 255, .2); cursor: pointer; display: flex; height: 48px; left: 50%; padding: 0 74px; position: absolute; transform: translateX(-50%); z-index: 2 } .main .start .svg-icon[data-v-51e7d293] { color: #fff; font-size: 18px; margin-right: 10px } .main .start span[data-v-51e7d293] { color: #fff; font-size: 14px } .main .right[data-v-51e7d293] { align-items: center; bottom: 60px; display: flex; position: absolute; right: 65px; z-index: 2 } .main .right .dragIcon[data-v-51e7d293] { align-items: center; background-color: #24262a; border: 1px solid #2a2832; border-radius: 5px; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px } .main .right .dragIcon i[data-v-51e7d293] { color: #c0c0c3; font-size: 18px } .main .right .sizeBox[data-v-51e7d293] { background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; display: flex; height: 34px; margin: 0 11px } .main .right .sizeBox .sizeBnt[data-v-51e7d293] { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 34px } .main .right .sizeBox .sizeBnt i[data-v-51e7d293] { color: #c0c0c3; font-size: 16px } .main .right .sizeBox .sizeNum[data-v-51e7d293] { align-items: center; border-left: 1px solid #35383c; border-right: 1px solid #35383c; color: #c0c0c3; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 56px } .main .right .compare[data-v-51e7d293] { align-items: center; background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; cursor: pointer; display: flex; height: 34px; padding: 0 8px } .main .right .compare i[data-v-51e7d293] { color: #c0c0c3; font-size: 18px; margin-right: 5px } .main .right .compare span[data-v-51e7d293] { color: #c0c0c3; font-size: 14px } .main .left[data-v-51e7d293] { background-color: #14161a; border-radius: 10px; left: 16px; padding: 10px; position: absolute; top: 90px; width: 84px; z-index: 2 } .main .left .toolItem[data-v-51e7d293] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; height: 74px; justify-content: center; margin-bottom: 8px; min-width: 64px; position: relative } .main .left .toolItem i[data-v-51e7d293] { color: #9fa4ac; font-size: 24px; margin-bottom: 6px } .main .left .toolItem span[data-v-51e7d293] { color: #9fa4ac; font-size: 12px; text-align: center; word-break: keep-all } .main .left .toolItem[data-v-51e7d293]:last-child { margin-bottom: 0 } .main .left .activateToolItem[data-v-51e7d293] { background-color: #26292e } .main .left .activateToolItem i[data-v-51e7d293], .main .left .activateToolItem span[data-v-51e7d293] { color: #fff } .main .left[data-v-51e7d293] .lineSize { align-items: center; background-color: #24262a; border-radius: 10px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); display: flex; padding: 14px 16px; position: absolute; right: -300px; top: 0 } .main .left[data-v-51e7d293] .lineSize span { color: #fff; font-size: 14px; margin-right: 10px } .main .left[data-v-51e7d293] .lineSize .el-slider { width: 200px } .main .left[data-v-51e7d293] .lineSize .el-slider .el-input-number--small { width: 76px } .main .left[data-v-51e7d293] .lineSize .el-slider .el-input-number--small .el-input__inner { background-color: #393b41; border: none; border-radius: 8px; color: #fff } .main .left[data-v-51e7d293] .lineSize .el-slider .show-input { margin-right: 90px } .main .draggable[data-v-51e7d293] { background-color: #2a2832; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1 } .main .draggable img[data-v-51e7d293] { height: 100%; width: 100% } .main .draggable .laodMsk[data-v-51e7d293] { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .main .draggable .segment-image-draw-img-hover-mask[data-v-51e7d293] { pointer-events: none } .main .draggable .segment-image-draw-img-hover-mask[data-v-51e7d293], .main .draggable canvas[data-v-51e7d293] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); left: 0; position: absolute; top: 0 } .main .draggable canvas[data-v-51e7d293] { height: 100%; width: 100%; z-index: 1 } .main .draggable .compareCanvas[data-v-51e7d293] { filter: none; z-index: 100 } .main .draggable .rectCanvas[data-v-51e7d293] { left: 0; position: absolute; top: 0; z-index: 2 } .c-task-image-viewer[data-v-251e75fa] { display: flex } .c-task-image-viewer .task-image-viewer__canvas[data-v-251e75fa] { position: relative } .c-task-image-viewer .message__title-task-tag[data-v-251e75fa] { align-items: center; background: rgba(0, 82, 204, .2); border-radius: 3px; color: #3275d8; display: inline-flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 12px; font-weight: 500; margin-left: 8px; max-height: 20px; padding: 2px 5px } .c-task-image-viewer .el-image-viewer__canvas[data-v-251e75fa] { display: flex; width: calc(100% - 394px) } .c-task-image-viewer .el-image-viewer__canvas .original-img[data-v-251e75fa] { flex: 1; margin-left: 0; margin-right: 20px; margin-top: 0; max-height: 100%; max-width: calc(50% - 10px) !important; transform: scale(1) rotate(0deg); z-index: 2 } .c-task-image-viewer .el-image-viewer__canvas .generated-img[data-v-251e75fa] { flex: 1; max-width: calc(50% - 10px) !important } .c-task-image-viewer .el-image-viewer__btn[data-v-251e75fa] { z-index: 9 } .c-task-image-viewer .el-image-viewer__next[data-v-251e75fa] { right: 434px } .c-task-image-viewer .el-image-viewer__close[data-v-251e75fa] { background: #24262a; border-radius: 6px; height: 40px; right: 42px; width: 40px; z-index: 2 } .c-task-image-viewer .el-image-viewer__close > i[data-v-251e75fa] { color: #fff; font-size: 22px } .c-task-image-viewer .el-image-viewer__download[data-v-251e75fa] { align-items: center; background-color: #606266; border-radius: 50%; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-size: 24px; height: 40px; justify-content: center; opacity: .8; right: 100px; top: 40px; width: 40px } .c-task-image-viewer .custom-image-viewer__side[data-v-251e75fa] { background: #11111c; box-sizing: border-box; height: 100%; padding: 100px 42px; width: 394px; z-index: 1 } .c-task-image-viewer .custom-image-viewer__side .btn[data-v-251e75fa] { align-items: center; background: #2a2c36; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); box-sizing: border-box; color: #fcfcfc; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 40px; justify-content: center; padding: 0 10px } .c-task-image-viewer .custom-image-viewer__side .btn > i[data-v-251e75fa] { margin-right: 12px } .c-task-image-viewer .custom-image-viewer__side .btn > i.icon-shanchu[data-v-251e75fa] { font-size: 19px } .c-task-image-viewer .custom-image-viewer__side .line-1[data-v-251e75fa] { display: flex; justify-content: space-between } .c-task-image-viewer .custom-image-viewer__side .line-1 > div[data-v-251e75fa] { width: calc(50% - 4px) } .c-task-image-viewer .custom-image-viewer__side .line-2[data-v-251e75fa] { margin-top: 8px } @keyframes switch-animate-2a4b8e1e { 0% { opacity: 0 } to { opacity: 1 } } @keyframes tools-switch-animate-2a4b8e1e { 0% { height: 0; padding: 0 15px } to { height: 188px; padding: 40px 15px } } .publicize-container[data-v-2a4b8e1e] { background: #0f0d16; box-sizing: border-box; position: relative; width: 100% } .publicize-container .header[data-v-2a4b8e1e] { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background: rgba(14, 12, 21, .9); box-sizing: border-box; height: 60px; justify-content: space-between; padding: 0 270px; position: fixed; top: 0; width: 100%; z-index: 1 } .publicize-container .header .left-container[data-v-2a4b8e1e], .publicize-container .header[data-v-2a4b8e1e] { align-items: center; display: flex } .publicize-container .header .left-container .logo[data-v-2a4b8e1e] { height: 35px; margin-bottom: 3px; width: 35px } .publicize-container .header .left-container .slogan[data-v-2a4b8e1e] { color: #fff; font-family: Sora-SemiBold, Sora; font-size: 24px; font-weight: 600; margin: 0 8px } .publicize-container .header .left-container .ai[data-v-2a4b8e1e] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #4093ff, #22feff); -webkit-background-clip: text; font-family: Sora-SemiBold, Sora; font-size: 24px; font-weight: 600 } .publicize-container .header .right-container .get-started[data-v-2a4b8e1e] { background: linear-gradient(90deg, #4093ff, #22feff); border: 0; border-radius: 10px; color: #fff; font-family: Source Code Pro-Bold, Source Code Pro; font-size: 12px; font-weight: 700; height: 38px } .publicize-container .special-title[data-v-2a4b8e1e] { color: #ada8c3; font-family: Space Grotesk-Regular, Space Grotesk; font-size: 12px; font-weight: 400; height: 16px; line-height: 16px; margin-bottom: 10px; text-align: center; width: 100% } .publicize-container .part-title[data-v-2a4b8e1e] { color: #fff; font-family: Sora-Regular, Sora; font-size: 48px; font-weight: 400; height: 60px; line-height: 60px; text-align: center; width: 100% } .publicize-container .top[data-v-2a4b8e1e] { background-repeat: no-repeat; background-size: contain; box-sizing: border-box; height: 920px; width: 100% } .publicize-container .top .content[data-v-2a4b8e1e] { box-sizing: border-box; height: 100%; padding: 330px 300px 0; width: 100% } .publicize-container .top .content .line-one .words[data-v-2a4b8e1e] { position: relative } .publicize-container .top .content .line-one .words .decorations[data-v-2a4b8e1e] { height: 15px; position: absolute; right: 0; top: 30px; width: 311px } .publicize-container .top .content .line-one .words .decorations > img[data-v-2a4b8e1e] { box-sizing: border-box; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .publicize-container .top .content .line-one[data-v-2a4b8e1e], .publicize-container .top .content .line-two[data-v-2a4b8e1e] { color: #fff; font-family: Sora-SemiBold, Sora; font-size: 58px; font-weight: 600; line-height: 96px; width: 100% } .publicize-container .top .content .line-three[data-v-2a4b8e1e] { color: #cac6dd; font-family: Sora-Regular, Sora; font-size: 20px; font-weight: 400; line-height: 32px; margin-top: 7px; width: 100% } .publicize-container .top .content .get-started[data-v-2a4b8e1e] { background: linear-gradient(90deg, #4093ff, #22feff); border: 0; border-radius: 8px; color: #fff; font-family: PingFang SC-Medium, PingFang SC; font-size: 18px; font-weight: 500; height: 56px; margin-top: 66px; padding: 12px 36px; position: relative } .publicize-container .top .content .get-started i[data-v-2a4b8e1e] { font-size: 20px; margin-left: 15px } .publicize-container .top .content .get-started .animation-div[data-v-2a4b8e1e] { height: 200px; left: 0; position: absolute; top: -72px; width: 185px } .publicize-container .top .content .get-started .animation-div .particle[data-v-2a4b8e1e] { background-size: cover; border-radius: 100px; position: absolute; will-change: transform } .publicize-container > .desc[data-v-2a4b8e1e] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 671px; justify-content: center; width: 100% } .publicize-container > .desc .contianer[data-v-2a4b8e1e] { align-items: flex-start; display: flex; flex-wrap: nowrap; justify-content: center; margin-top: 119px; width: 100% } .publicize-container > .desc .contianer .desc-item[data-v-2a4b8e1e] { display: flex; flex-wrap: wrap; margin: 0 20px; width: 320px } .publicize-container > .desc .contianer .desc-item .icon-contianer[data-v-2a4b8e1e] { align-items: center; border-radius: 12px; display: flex; height: 48px; justify-content: center; width: 48px } .publicize-container > .desc .contianer .desc-item .icon-contianer .iconfont[data-v-2a4b8e1e], .publicize-container > .desc .contianer .desc-item .icon-contianer .svg-icon[data-v-2a4b8e1e] { height: 24px; width: 24px } .publicize-container > .desc .contianer .desc-item .title[data-v-2a4b8e1e] { color: #f6f3ff; font-family: Sora-Regular, Sora; font-size: 24px; font-weight: 400; line-height: 28px; margin: 40px 0 20px; text-align: left; width: 100% } .publicize-container > .desc .contianer .desc-item .content[data-v-2a4b8e1e] { color: #ada8c3; font-family: Sora-Light, Sora; font-size: 16px; font-weight: 300; line-height: 18px; text-align: left } .publicize-container .create[data-v-2a4b8e1e] { box-sizing: border-box; height: 1191px; position: relative; width: 100% } .publicize-container .create .bg-container[data-v-2a4b8e1e] { background: /*savepage-url=/_nuxt/img/publicize-create-bg.f8f47da.png*/ url() no-repeat; background-position: 50% 35%; background-size: contain; background-size: 80% 80%; height: 1168px; left: 50%; max-width: 100%; position: absolute; top: 0; transform: translateX(-50%); width: 1440px } .publicize-container .create .bg-container .part-title .words[data-v-2a4b8e1e] { position: relative } .publicize-container .create .bg-container .part-title .words .decorations[data-v-2a4b8e1e] { height: 15px; position: absolute; right: 0; top: 30px; width: 200px } .publicize-container .create .bg-container .part-title .words .decorations > img[data-v-2a4b8e1e] { box-sizing: border-box; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .publicize-container .create .bg-container .tabs[data-v-2a4b8e1e] { align-items: center; background: rgba(28, 24, 31, .5); border: 1px solid #393e44; border-radius: 16px; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .1); box-sizing: border-box; display: flex; flex-wrap: nowrap; height: 66px; margin: 50px auto; width: 843px } .publicize-container .create .bg-container .tabs .item-tab[data-v-2a4b8e1e] { align-items: center; box-sizing: border-box; color: #f1f5f9; cursor: pointer; display: flex; font-family: Helvetica-Bold, Helvetica; font-size: 24px; font-weight: 700; height: calc(100% - 4px); justify-content: center; width: 281px } .publicize-container .create .bg-container .tabs .item-tab.active[data-v-2a4b8e1e] { background: rgba(41, 45, 50, .5); border-radius: 14px } .publicize-container .create .bg-container .tabs .item-tab.active .words[data-v-2a4b8e1e] { -webkit-text-fill-color: transparent; background: linear-gradient(102deg, #498fff, #2deeff); -webkit-background-clip: text } .publicize-container .create .bg-container .create-img[data-v-2a4b8e1e] { height: 702px; margin: 0 auto; max-width: 100%; width: 1024px } .publicize-container .create .bg-container .create-img > img[data-v-2a4b8e1e] { box-sizing: border-box; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .publicize-container .create .bg-container .create-img > img.animate[data-v-2a4b8e1e] { animation: switch-animate-2a4b8e1e 3s } .publicize-container .tools[data-v-2a4b8e1e] { box-sizing: border-box; height: 1219px; width: 100% } .publicize-container .tools .special-title[data-v-2a4b8e1e] { display: inline-block } .publicize-container .tools .tabs[data-v-2a4b8e1e] { align-items: flex-start; box-sizing: border-box; display: flex; flex-wrap: nowrap; justify-content: center; margin-top: 133px; width: 100% } .publicize-container .tools .tabs .item-tab[data-v-2a4b8e1e] { box-sizing: border-box; height: 188px; margin: 0 12px; position: relative; width: 294px } .publicize-container .tools .tabs .item-tab .content[data-v-2a4b8e1e] { align-content: flex-start; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 188px; left: 0; padding: 40px 15px; position: absolute; top: 0; width: 294px } .publicize-container .tools .tabs .item-tab .content .title[data-v-2a4b8e1e] { color: #fff; font-family: PingFang SC-Regular, PingFang SC; font-size: 20px; font-weight: 400; width: 100% } .publicize-container .tools .tabs .item-tab .content .desc[data-v-2a4b8e1e] { color: #c3bfe9; font-family: Sora-Light, Sora; font-size: 16px; font-weight: 300; margin-top: 10px; width: 100% } .publicize-container .tools .tabs .item-tab[data-v-2a4b8e1e]:after { background: #2e2e2e; content: ""; height: 2px; left: 0; position: absolute; top: 0; width: 100% } .publicize-container .tools .tabs .item-tab.active[data-v-2a4b8e1e] { animation: tools-switch-animate-2a4b8e1e 1s ease-in-out; background: linear-gradient(180deg, #181526, rgba(15, 13, 22, 0)) } .publicize-container .tools .tabs .item-tab.active[data-v-2a4b8e1e]:after { background: linear-gradient(63deg, #4093ff, #22feff) } .publicize-container .tools .tabs .item-tab.active .content .title[data-v-2a4b8e1e] { -webkit-text-fill-color: transparent; background: linear-gradient(93deg, #4992ff, #2fe9ff); -webkit-background-clip: text; font-weight: 600 } .publicize-container .tools .tabs .item-tab.active .content .desc[data-v-2a4b8e1e] { color: #fff } .publicize-container .tools > .content[data-v-2a4b8e1e] { box-sizing: border-box; display: flex; flex-wrap: nowrap; height: 570px; justify-content: space-between; margin: 36px auto 0; max-width: 100%; padding-right: 50px; width: 1229px } .publicize-container .tools > .content.animate[data-v-2a4b8e1e] { animation: switch-animate-2a4b8e1e 3s } .publicize-container .tools > .content .left[data-v-2a4b8e1e] { align-content: center; display: flex; flex-wrap: wrap; height: 100%; width: 512px } .publicize-container .tools > .content .left .img[data-v-2a4b8e1e] { height: 56px; width: 63px } .publicize-container .tools > .content .left .title[data-v-2a4b8e1e] { color: #fff; font-family: Helvetica-Bold, Helvetica; font-size: 38px; font-weight: 700; margin: 24px 0 30px; width: 100% } .publicize-container .tools > .content .left .desc[data-v-2a4b8e1e] { color: #ada8c3; font-family: Sora-Light, Sora; font-size: 16px; font-weight: 300; line-height: 24px; width: 100% } .publicize-container .tools > .content .right[data-v-2a4b8e1e] { box-sizing: border-box; height: 100%; padding-bottom: 20px; width: 605px } .publicize-container .tools > .content .right .video[data-v-2a4b8e1e] { border-radius: 30px 30px 0 0; box-sizing: border-box; height: 100%; width: 100% } .publicize-container .style[data-v-2a4b8e1e] { background: /*savepage-url=/_nuxt/img/publicize-style-bg.244dfed.webp*/ url() no-repeat; background-position: left 0 top 0; background-size: 905px 905px; box-sizing: border-box; height: 1980px; position: relative; width: 100% } .publicize-container .style .special-title[data-v-2a4b8e1e] { display: inline-block; margin-top: 120px } .publicize-container .style .content[data-v-2a4b8e1e] { display: flex; flex-wrap: nowrap; height: 1568px; margin: 80px auto 0; width: 1342px } .publicize-container .style .content .column[data-v-2a4b8e1e] { box-sizing: border-box; height: 100%; margin-right: 24px; width: 431px } .publicize-container .style .content .column .item[data-v-2a4b8e1e] { background: #0e0c15; border: 1px solid #252134; border-radius: 40px; box-sizing: border-box; padding: 26px 20px; width: 100% } .publicize-container .style .content .column .item .img[data-v-2a4b8e1e] { border-radius: 20px; -o-object-fit: contain; object-fit: contain; width: 100% } .publicize-container .style .content .column .item .title[data-v-2a4b8e1e] { color: #fff; font-family: Sora-Regular, Sora; font-size: 30px; font-weight: 400; margin: 26px 0 16px; width: 100% } .publicize-container .style .content .column .item .desc[data-v-2a4b8e1e] { color: #757185; font-family: Sora-Light, Sora; font-size: 16px; font-weight: 300; width: 100% } .publicize-container .style .content .column .item[data-v-2a4b8e1e]:hover { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0e0c15, #0e0c15), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 40px } .publicize-container .style .content .column[data-v-2a4b8e1e] > :first-child { margin-bottom: 24px } .publicize-container .style .content[data-v-2a4b8e1e] > :last-child { margin-right: 0 } .publicize-container .square[data-v-2a4b8e1e] { box-sizing: border-box; height: 1675px; width: 100% } .publicize-container .square .special-title[data-v-2a4b8e1e] { display: inline-block; margin-top: 30px } .publicize-container .square .content[data-v-2a4b8e1e] { display: flex; flex-wrap: nowrap; margin: 100px auto 0; max-width: 100%; width: 1190px } .publicize-container .square .content .column[data-v-2a4b8e1e] { margin-right: 24px; width: 278px } .publicize-container .square .content .column .item[data-v-2a4b8e1e] { border-radius: 16px; cursor: pointer; margin-bottom: 16px; overflow: hidden; width: 100% } .publicize-container .square .content .column .item .img[data-v-2a4b8e1e] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-out; width: 100% } .publicize-container .square .content .column .item .img[data-v-2a4b8e1e]:hover { transform: scale(1.1) } .publicize-container .square .btn[data-v-2a4b8e1e] { align-items: center; display: flex; justify-content: center; margin-top: 50px; width: 100% } .publicize-container .square .btn .get-started[data-v-2a4b8e1e] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 12px; color: #fff; font-family: Arial-Bold, Arial; font-size: 18px; font-weight: 700; height: 54px; min-width: 213px } .c-tavern-top-bar[data-v-b58a009c] { height: 80px; max-width: 100% } .c-tavern-top-bar .tavern-top-bar-logo[data-v-b58a009c], .c-tavern-top-bar[data-v-b58a009c] { align-items: center; display: flex; justify-content: space-between } .c-tavern-top-bar .tavern-top-bar-logo[data-v-b58a009c] { cursor: pointer; -webkit-text-decoration: none; text-decoration: none } .c-tavern-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-img[data-v-b58a009c] { height: 32px; width: 32px } .c-tavern-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-img img[data-v-b58a009c] { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-tavern-top-bar .tavern-top-bar-logo .tavern-top-bar-logo-text[data-v-b58a009c] { -webkit-text-fill-color: transparent; background: linear-gradient(99deg, #3271cc, #0fffff); -webkit-background-clip: text; font-family: Inter; font-size: 24px; font-weight: 700; margin-left: 7px } .c-tavern-top-bar .tavern-top-bar-info[data-v-b58a009c] { align-items: center; display: flex } .c-tavern-top-bar .tavern-top-bar-info .same-style[data-v-b58a009c] { align-items: center; background: #f1314e; border-radius: 10px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; justify-content: center; margin-right: 10px; max-height: 40px; padding: 12px 24px } .c-tavern-top-bar .tavern-top-bar-info .voice-status[data-v-b58a009c] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 10px 10px 10px 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; margin-right: 10px; padding: 8px 12px } .c-tavern-top-bar .tavern-top-bar-info .voice-status .iconfont[data-v-b58a009c] { color: #c6c6ce; font-size: 20px; margin-right: 10px } .c-tavern-top-bar .tavern-top-bar-info .voice-status .tip[data-v-b58a009c] { color: #c6c6ce; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center } .c-tavern-top-bar .tavern-top-bar-info .voice-status[data-v-b58a009c]:hover { background: rgba(63, 66, 74, .2) } .c-tavern-top-bar .tavern-top-bar-info .voice-status:hover .iconfont[data-v-b58a009c], .c-tavern-top-bar .tavern-top-bar-info .voice-status:hover .tip[data-v-b58a009c] { color: #fff } .c-tavern-top-bar .tavern-top-bar-info .vip-info[data-v-b58a009c] { align-items: center; display: flex } .c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin[data-v-b58a009c] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; max-height: 40px; padding: 8px 12px } .c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin img[data-v-b58a009c] { height: 24px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 24px } .c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin .number[data-v-b58a009c] { color: #c6c6ce; font-family: Inter; font-size: 14px; font-weight: 500; margin-left: 10px } .c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin:last-child .number[data-v-b58a009c] { margin-left: 2px } .c-tavern-top-bar .tavern-top-bar-info .vip-info .item-coin + .item-coin[data-v-b58a009c] { margin-left: 10px } .c-tavern-top-bar .tavern-top-bar-info .vip-info .vip-icon[data-v-b58a009c] { cursor: pointer; height: 24px; margin-left: 20px; width: 24px } .c-tavern-top-bar .tavern-top-bar-info .vip-info .vip-icon[data-v-b58a009c]:hover { transform: scale(1.2); transition: all .3s ease-in-out } .c-tavern-top-bar .tavern-top-bar-info .vip-info .vip-icon img[data-v-b58a009c] { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-tavern-top-bar .tavern-top-bar-info .user-info[data-v-b58a009c] { align-items: center; display: flex; margin-left: 20px } .c-tavern-top-bar .tavern-top-bar-info .user-info .avatar[data-v-b58a009c] { align-items: center; border-radius: 50%; color: #1d1d1d; display: flex; font-family: Poppins; font-size: 16px; font-weight: 500; height: 40px; justify-content: center; max-height: 40px; max-width: 40px; min-height: 40px; min-width: 40px; width: 40px } .c-tavern-top-bar .tavern-top-bar-info .user-info .avatar img[data-v-b58a009c] { border-radius: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-tavern-top-bar .tavern-top-bar-info .user-info .avatar-color[data-v-b58a009c] { background-color: #d1d6e0 } .c-tavern-top-bar .tavern-top-bar-info .user-info .name-text[data-v-b58a009c] { color: #9293a5; font-family: Inter-Semi Bold, Inter; font-size: 14px; font-weight: 400; margin-left: 13px } .c-tavern-top-bar .log-btn[data-v-b58a009c] { align-items: center; background: linear-gradient(90deg, #245cfb, #52c2ed); border: none; border-radius: 22px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 44px; justify-content: center; line-height: 44px; padding: 0 20px; -webkit-text-decoration: none; text-decoration: none } .c-tavern-top-bar-has-return[data-v-b58a009c] { width: 100% } .p-tavern[data-v-cb125cbc] { bottom: 0; height: 100%; left: 0; max-height: 100vh; position: fixed; right: 0; top: 0; width: 100% } .p-tavern .bg-container1[data-v-cb125cbc] { filter: blur(24px) } .p-tavern .bg-container1[data-v-cb125cbc], .p-tavern .bg-container2[data-v-cb125cbc] { background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: -1 } .p-tavern .bg-contain[data-v-cb125cbc] { background-size: contain } .p-tavern .bg-tavern[data-v-cb125cbc] { background-image: linear-gradient(180deg, transparent 68.79%, rgba(0, 0, 0, .2) 99.08%), linear-gradient(90deg, rgba(0, 0, 0, .3) 16.05%, transparent 39.31%), linear-gradient(270deg, rgba(0, 0, 0, .3) 16.36%, transparent 31.46%), /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20231211/af3b8892-05bf-4823-a304-9f8de1231b47.webp*/ url() } .p-tavern .tavern-top-bar[data-v-cb125cbc] { box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 0 20px; position: relative; z-index: 5 } .p-tavern .main-container[data-v-cb125cbc] { display: flex; flex-direction: column; height: 100%; margin: 0 auto; position: relative } .p-tavern .container[data-v-cb125cbc] { max-width: 1567px } .p-tavern .tavern-tabs[data-v-cb125cbc] { align-items: flex-start; display: flex; gap: 20px; justify-content: flex-start; padding: 16px 0 30px 20px; z-index: 20 } .p-tavern .tavern-tabs > .el-icon-back[data-v-cb125cbc] { background: #000; border-radius: 50%; color: #fff; cursor: pointer; font-size: 26px; height: 48px; line-height: 44px; margin-top: -10px; text-align: center; width: 48px } .p-tavern .tavern-tabs-item[data-v-cb125cbc] { align-items: center; cursor: pointer; display: flex; flex-direction: column; gap: 2.5px; justify-content: flex-start } .p-tavern .tavern-tabs-item .tavern-tabs-item-text[data-v-cb125cbc] { align-items: center; color: rgba(255, 253, 245, .8); display: flex; font-family: Inter; font-size: 18px; font-weight: 700; line-height: 24px; text-shadow: 0 2px 2px rgba(0, 0, 0, .25) } .p-tavern .tavern-tabs-item .tavern-tabs-item-text h1[data-v-cb125cbc] { font-size: 20px } .p-tavern .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-cb125cbc] { color: rgba(255, 253, 245, .8); font-size: 22px; margin-right: 4px } .p-tavern .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-text-sub[data-v-cb125cbc] { color: rgba(255, 253, 245, .8); font-family: Inter; font-size: 12px; font-weight: 700; margin-left: 8px } .p-tavern .tavern-tabs-item .tavern-tabs-item-text .tips-box[data-v-cb125cbc] { align-items: center; display: flex; justify-content: center; margin-left: 8px } .p-tavern .tavern-tabs-item .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-cb125cbc] { color: rgba(255, 253, 245, .8); font-size: 20px; font-weight: 400 } .p-tavern .tavern-tabs-item .tavern-tabs-item-line[data-v-cb125cbc] { border: 1px solid; -o-border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2; border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2; box-sizing: border-box; height: 0; visibility: hidden; width: 100% } .p-tavern .tavern-tabs-item-active .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-cb125cbc], .p-tavern .tavern-tabs-item-active .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-cb125cbc], .p-tavern .tavern-tabs-item-active .tavern-tabs-item-text[data-v-cb125cbc] { color: #fff } .p-tavern .tavern-tabs-item-active .tavern-tabs-item-line[data-v-cb125cbc] { visibility: visible } .p-tavern .tavern-main-content[data-v-cb125cbc] { display: flex; flex-direction: column; height: 100%; position: relative; width: 100% } .p-tavern .tavern-main-content-inner[data-v-cb125cbc] { bottom: 0; color: #fffdf5; display: flex; flex: 1 1 0; flex-direction: column; left: 20px; min-height: 0; padding-bottom: 100px; position: absolute; right: 20px; top: 0 } @media (min-width: 640px) { .p-tavern .container[data-v-cb125cbc] .role-card-item-content-subtitle { -webkit-line-clamp: 1 } } @media (min-width: 768px) { .p-tavern .container[data-v-cb125cbc] .role-card-item-content-subtitle { -webkit-line-clamp: 1 } } @media (min-width: 1024px) { .p-tavern .container[data-v-cb125cbc] .role-card-item-content-subtitle { -webkit-line-clamp: 1 } } @media (min-width: 1280px) { .p-tavern .container[data-v-cb125cbc] .role-card-item-content-subtitle { -webkit-line-clamp: 2 } } @media (min-width: 1536px) { .p-tavern .container[data-v-cb125cbc] .role-card-item-content-subtitle { -webkit-line-clamp: 3 } } @media (min-width: 1650px) { .p-tavern .container[data-v-cb125cbc] .role-card-item-content-subtitle { -webkit-line-clamp: 3 } } .tavern-tab-popover .content { background-color: rgba(30, 32, 32, .8); box-sizing: border-box; color: #fffdf5; display: flex; flex-direction: column; font-size: 14px; height: 100%; padding: 20px; width: 100%; word-break: break-word } .tavern-tab-popover .content .content-color { color: #3f8dff } .new-character-tabs[data-v-3056978f] { align-items: flex-start; display: flex; gap: 20px; justify-content: flex-start; padding: 36px 16px 30px; z-index: 20 } .new-character-tabs .tavern-tabs-item[data-v-3056978f] { align-items: center; cursor: pointer; display: flex; flex-direction: column; gap: 2.5px; justify-content: flex-start } .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text[data-v-3056978f] { align-items: center; color: rgba(255, 253, 245, .8); display: flex; font-family: Inter; font-size: 20px; font-weight: 700; line-height: 24px; text-shadow: 0 2px 2px rgba(0, 0, 0, .25) } .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-3056978f] { color: rgba(255, 253, 245, .8); font-size: 22px; margin-right: 4px } .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tavern-tabs-item-text-sub[data-v-3056978f] { color: rgba(255, 253, 245, .8); font-family: Inter; font-size: 12px; font-weight: 700; margin-left: 8px } .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tips-box[data-v-3056978f] { align-items: center; display: flex; justify-content: center; margin-left: 8px } .new-character-tabs .tavern-tabs-item .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-3056978f] { color: rgba(255, 253, 245, .8); font-size: 20px } .new-character-tabs .tavern-tabs-item .tavern-tabs-item-line[data-v-3056978f] { border: 1px solid; -o-border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2; border-image: linear-gradient(99deg, #3271cc, #0fffff) 2 2; box-sizing: border-box; height: 0; visibility: hidden; width: 100% } .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-text .tavern-tabs-item-left-icon[data-v-3056978f], .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-text .tips-box .tips-box-icon[data-v-3056978f], .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-text[data-v-3056978f] { color: #fff } .new-character-tabs .new-character-tabs-item-active .tavern-tabs-item-line[data-v-3056978f] { visibility: visible } .loading-overlay[data-v-b96ca748] { background: rgba(0, 0, 0, .65); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000 } .loading-overlay .loading-content[data-v-b96ca748], .loading-overlay[data-v-b96ca748] { align-items: center; display: flex; justify-content: center } .loading-overlay .loading-content[data-v-b96ca748] { background: hsla(0, 0%, 100%, .1); border-radius: 8px; flex-direction: column; font-family: Arial; font-size: 14px; font-style: normal; height: 91px; line-height: 22px; text-align: center; width: 108px } .loading-overlay .loading-content .loading-icon[data-v-b96ca748] { font-size: 32px; margin-bottom: 13px } .p-tavern-new-character[data-v-b96ca748] { display: flex; flex-direction: column; height: 100%; width: 100% } .p-tavern-new-character .p-tavern-new-character-container[data-v-b96ca748] { --tw-backdrop-blur: blur(4px); background-color: rgba(0, 0, 0, .7); border-radius: 12px; display: flex; flex-direction: column; height: 100%; max-width: 1098px } .p-tavern-new-character .bottom-btn-box[data-v-b96ca748] { align-items: center; display: flex; gap: 10px; height: 75px; justify-content: flex-end; margin-top: 31px } .p-tavern-new-character .bottom-btn-box .bottom-btn-box-btn[data-v-b96ca748] { align-items: center; background: #1e2020; border: 1px solid transparent; border-radius: 8px; box-sizing: border-box; color: #fcfcfc; cursor: pointer; display: flex; font-family: Inter; font-size: 15px; font-weight: 700; height: 44px; justify-content: center; padding: 10px 20px } .p-tavern-new-character .bottom-btn-box .bottom-btn-box-border[data-v-b96ca748] { border-color: hsla(0, 0%, 100%, .7) } .p-tavern-new-character .bottom-btn-box .bottom-btn-box-bg[data-v-b96ca748] { background: linear-gradient(99deg, #3271cc, #0fffff); border: none; padding: 11px 16px } .p-tavern-new-character .bottom-btn-box .auto-create-btn[data-v-b96ca748] { align-items: center; background: rgba(63, 66, 74, .6); border: 1px solid #20ffff; border-radius: 6px; color: #c6c6ce; cursor: pointer; display: flex; font-size: 14px; padding: 10px 16px } .p-tavern-new-character .bottom-btn-box .auto-create-btn .svg-icon[data-v-b96ca748] { height: 24px; margin-right: 10px; width: 24px } .p-tavern-new-character .tavern-new-character-scroll[data-v-b96ca748] { box-sizing: border-box; height: calc(100% - 95px); overflow-x: hidden; overflow-y: auto; padding: 16px; position: relative; width: 100% } .p-tavern-new-character .tavern-new-character-scroll .step-box .tips[data-v-b96ca748] { align-items: center; display: flex; margin-bottom: 16px } .p-tavern-new-character .tavern-new-character-scroll .step-box .tips .label[data-v-b96ca748] { font-family: Inter; font-size: 14px; font-weight: 500; height: 24px; line-height: 24px; margin-right: 10px } .p-tavern-new-character .tavern-new-character-scroll .step-box .tips .label > span[data-v-b96ca748] { color: #ff4b4b } .p-tavern-new-character .tavern-new-character-scroll .step-box .tips .tip[data-v-b96ca748] { color: rgba(252, 252, 253, .5); font-family: Inter; font-size: 12px; font-weight: 500; height: 24px; line-height: 24px; margin-left: 4px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-b96ca748] { align-items: center; -moz-column-gap: 16px; column-gap: 16px; display: flex } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar[data-v-b96ca748] { align-items: center; background: rgba(63, 66, 74, .7); border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex: 0 0 238px; height: 238px; justify-content: center; position: relative; width: 238px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar img[data-v-b96ca748] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .image-upload-trigger[data-v-b96ca748] { align-items: center; color: #cfcfcf; display: flex; flex-direction: column; font-family: Poppins; font-size: 12px; font-weight: 500; height: 100%; justify-content: center; left: 50%; line-height: 16px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 168px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .image-upload-trigger .iconfont[data-v-b96ca748] { margin-bottom: 11px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar[data-v-b96ca748] .image-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; z-index: 4 } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar[data-v-b96ca748] .el-upload { height: 100%; width: 100% } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .add-role-avatar-icon[data-v-b96ca748] { color: #626468; font-size: 75px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .el-image-viewer__close[data-v-b96ca748] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 50%; cursor: pointer; display: flex; height: 30px; justify-content: center; position: absolute; right: 0; top: 0; width: 30px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar .el-image-viewer__close .el-icon-close[data-v-b96ca748] { color: #fff; font-size: 16px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .add-role-avatar-1[data-v-b96ca748] { flex: 0 0 200px; height: 200px; width: 200px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-item-content[data-v-b96ca748] { align-self: flex-start; display: flex; flex: 1 } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-item-content[data-v-b96ca748] .el-input__inner { padding-right: 50px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box[data-v-b96ca748] { align-items: flex-end; align-self: flex-end; display: flex; flex: 1; justify-content: space-between; margin-bottom: 22px; margin-left: 10px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box[data-v-b96ca748] .el-checkbox__inner { background: rgba(63, 66, 74, .6); border: 1px solid #414243; border-radius: 4px; height: 16px; width: 16px } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box[data-v-b96ca748] .el-checkbox__label { color: #cfd3dc !important; font-family: PingFang SC; font-size: 14px; font-weight: 500 } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item .form-operate-box .form-operate-box-btn[data-v-b96ca748] { color: #cfd3dc; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 500 } .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-b96ca748] .el-input__count, .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-b96ca748] .el-input__count-inner, .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-b96ca748] .el-input__suffix, .p-tavern-new-character .tavern-new-character-scroll .step-box .form-item[data-v-b96ca748] .el-input__suffix-inner { background-color: transparent !important } .p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box[data-v-b96ca748] { align-items: center; display: flex; gap: 10px } .p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box .upload-config-icon-box[data-v-b96ca748] { align-items: center; background: #161819; border-radius: 6px; cursor: pointer; display: flex; height: 40px; justify-content: center; min-height: 40px; min-width: 40px; width: 40px } .p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box .upload-config-icon-box .iconfont[data-v-b96ca748], .p-tavern-new-character .tavern-new-character-scroll .step-box .upload-config-box .upload-config-icon-box svg[data-v-b96ca748] { color: #efefef; font-size: 24px } .p-tavern-new-character .tavern-new-character-scroll .step-box .import-json-error p[data-v-b96ca748] { color: #ef4444; font-size: 15px; margin-top: 5px } .p-tavern-new-character .tavern-new-character-scroll .step-box .category-box .category-box-grid[data-v-b96ca748] { grid-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; display: grid; grid-template-columns:repeat(3, minmax(0, 1fr)) } .p-tavern-new-character .tavern-new-character-scroll .step-box .category-box[data-v-b96ca748] .el-checkbox__inner { background: rgba(63, 66, 74, .6); border: 1px solid #414243; border-radius: 4px; height: 16px; width: 16px } .p-tavern-new-character .tavern-new-character-scroll .step-box .category-box[data-v-b96ca748] .el-checkbox__label { color: #cfd3dc !important; font-family: PingFang SC; font-size: 14px; font-weight: 500 } .p-tavern-new-character .tavern-new-character-scroll .step-box .advanced-mode-switch .advanced-mode-switch-title[data-v-b96ca748] { color: #fff; font-family: Inter; font-size: 14px; font-weight: 700; margin-right: 23px } .p-tavern-new-character .tavern-new-character-scroll .step-box .advanced-mode-switch .advanced-mode-switch-title[data-v-b96ca748] .el-switch__core { transform: scale(1.2) } .p-tavern-new-character .info-box[data-v-b96ca748], .p-tavern-new-character .visualize-box[data-v-b96ca748] { --tw-backdrop-blur: blur(4px); background-color: rgba(0, 0, 0, .7); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; max-width: 1098px } .p-tavern-new-character .info-box[data-v-b96ca748] { gap: 16px } .p-tavern-new-character .info-box[data-v-b96ca748] .el-form-item__label { display: flex !important } .p-tavern-new-character .info-box .custom-name-form-item .custom-name-form-item-input[data-v-b96ca748] { flex: 1 } .p-tavern-new-character .info-box .custom-name-form-item[data-v-b96ca748] .el-form-item__content { align-items: center; display: flex } .p-tavern-new-character .info-box .custom-name-form-item[data-v-b96ca748] .el-form-item__content .el-input .el-input__count { background-color: transparent !important } .p-tavern-new-character .info-box .custom-name-form-item[data-v-b96ca748] .el-form-item__content .el-input .el-input__count .el-input__count-inner { background-color: #1e2020 !important } .p-tavern-new-character .info-box .custom-name-form-item[data-v-b96ca748] .el-form-item__content .name-tip { color: #cfcfcf; cursor: pointer; display: inline-block; font-family: Inter; font-size: 12px; font-weight: 400; margin-left: 16px; min-width: 48px } .p-tavern-new-character .info-box .tavern-new-character-scroll[data-v-b96ca748] { position: inherit } .p-tavern-new-character .info-box .new-character-box[data-v-b96ca748] { margin-top: 16px } .p-tavern-new-character .info-box .new-character-box .new-character-title[data-v-b96ca748] { color: #fcfcfd; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .p-tavern-new-character .info-box .new-character-box .new-character-subtitle[data-v-b96ca748] { color: #cfcfcf; font-family: PingFang SC; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 6px } .p-tavern-new-character .info-box .new-character-box .upload-box[data-v-b96ca748] { display: flex; gap: 16px; margin-top: 18px } .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item[data-v-b96ca748] { align-items: center; background: rgba(63, 66, 74, .7); border-radius: 20px; display: flex; flex-direction: column; height: 180px; justify-content: center; min-height: 180px; min-width: 180px; width: 180px } .p-tavern-new-character .info-box .new-character-box .upload-box .pick-item[data-v-b96ca748] { cursor: pointer } .p-tavern-new-character .info-box .new-character-box .upload-box .pick-item svg[data-v-b96ca748] { color: #cfcfcf; font-size: 16px } .p-tavern-new-character .info-box .new-character-box .upload-box .pick-item .upload-item-text[data-v-b96ca748] { color: #cfcfcf; font-family: Poppins; font-size: 14px; font-weight: 500; margin-top: 10px } .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item-2[data-v-b96ca748] { position: relative } .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item-2 .image-upload-trigger[data-v-b96ca748] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item-2 .upload-item-text[data-v-b96ca748], .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item-2 svg[data-v-b96ca748] { pointer-events: none; z-index: 2 } .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item-2[data-v-b96ca748] .image-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; z-index: 4 } .p-tavern-new-character .info-box .new-character-box .upload-box .upload-item-2[data-v-b96ca748] .el-upload { height: 100%; width: 100% } .p-tavern-new-character .info-box .new-character-box .upload-box .show-result[data-v-b96ca748] { position: relative } .p-tavern-new-character .info-box .new-character-box .upload-box .show-result img[data-v-b96ca748] { border-radius: 20px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .p-tavern-new-character .info-box .new-character-box .upload-box .show-result .el-image-viewer__close[data-v-b96ca748] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 30px; justify-content: center; position: absolute; right: 10px; top: 10px; width: 30px } .p-tavern-new-character .info-box .new-character-box .upload-box .show-result .el-image-viewer__close .el-icon-close[data-v-b96ca748] { color: #fff; font-size: 16px } .p-tavern-new-character .info-box .bottom-btn-box[data-v-b96ca748] { justify-content: flex-end; width: calc(100% - 32px); z-index: 99 } .p-tavern-new-character .preview-box[data-v-b96ca748] { --tw-backdrop-blur: blur(4px); background-color: rgba(0, 0, 0, .7); border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; max-width: 1098px; position: relative } .p-tavern-new-character .preview-box .is-same-style[data-v-b96ca748] { align-items: center; display: flex; margin: 24px 0 } .p-tavern-new-character .preview-box .is-same-style > span[data-v-b96ca748] { font-family: Inter; font-size: 14px; font-weight: 500; line-height: 24px; margin-right: 23px } .p-tavern-new-character .preview-box .step-box[data-v-b96ca748] { -moz-column-gap: 20px; column-gap: 20px; display: flex; flex-direction: column; position: relative; width: 100% } .p-tavern-new-character .preview-box .step-box .form-label-item[data-v-b96ca748] { margin-top: 16px } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-title[data-v-b96ca748] { color: #efefef; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 24px } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab[data-v-b96ca748] { background: #2e2f34; border-radius: 20px; box-sizing: border-box; display: flex; height: 40px; margin-top: 8px; padding: 5px } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab > div[data-v-b96ca748] { color: hsla(0, 0%, 100%, .7); cursor: pointer; gap: 5px; width: 50% } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab > div span[data-v-b96ca748] { background-image: /*savepage-url=/_nuxt/img/vip_icon.2ec5057.png*/ url(); background-repeat: no-repeat; background-size: cover; height: 20px; width: 20px } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content .class-tab > div.active[data-v-b96ca748] { background: #56595c; border-radius: 15px; color: #f1f5f9 } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content2[data-v-b96ca748] { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px } .p-tavern-new-character .preview-box .step-box .form-label-item .form-label-item-content2 .select-tag-item[data-v-b96ca748] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 6px; box-sizing: inherit; color: #fffdf5; display: flex; font-family: Inter; font-size: 14px; font-weight: 400; justify-content: center; padding: 8px 12px } .p-tavern-new-character .preview-box .step-box .form-label-item-2[data-v-b96ca748] { display: flex } .p-tavern-new-character .preview-box .step-box .form-label-item-2 .timbre-box[data-v-b96ca748] { margin-left: 40px } .p-tavern-new-character .preview-box .step-box .other-form-params[data-v-b96ca748] { background: rgba(63, 66, 74, .7); border-radius: 20px; box-sizing: border-box; display: flex; flex-direction: column; gap: 20px; margin-top: 16px; max-height: 511px; min-height: 511px; overflow-x: hidden; overflow-y: auto; padding: 16px } .p-tavern-new-character .preview-box .step-box .other-form-params p[data-v-b96ca748] { margin: 0; padding: 0 } .p-tavern-new-character .preview-box .step-box .other-form-params .other-form-params-item .other-form-params-item-title[data-v-b96ca748] { color: #efefef; font-family: Inter; font-size: 14px; font-weight: 700; line-height: 24px; margin-bottom: 10px } .p-tavern-new-character .preview-box .step-box .other-form-params .other-form-params-item .other-form-params-item-sub-title[data-v-b96ca748] { word-wrap: break-word; color: #cfcfcf; font-family: Inter; font-size: 14px; font-weight: 500; line-height: 24px } .p-tavern-new-character .preview-box .step-box .voice-preview[data-v-b96ca748] { margin-top: 16px } .p-tavern-new-character .preview-box .step-box .voice-preview .voice-preview-title[data-v-b96ca748] { margin-bottom: 8px } .p-tavern-new-character .preview-box .step-box .voice-preview .sound-item[data-v-b96ca748] { width: auto } .p-tavern-new-character .preview-box .step-box .character-view-box[data-v-b96ca748] { align-items: center; background: rgba(63, 66, 74, .7); border-radius: 20px; display: flex; height: auto; justify-content: center; max-height: 511px; min-height: 511px; overflow: hidden; width: 100% } .p-tavern-new-character .preview-box .step-box .character-view-box[data-v-b96ca748]:first-child { max-height: 268px; min-height: 268px } .p-tavern-new-character .preview-box .step-box .character-view-box img[data-v-b96ca748] { max-height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; width: 100% } .custom-label[data-v-b96ca748] { position: relative; width: 100% } .custom-label .video-flag[data-v-b96ca748] { position: absolute; right: 0; top: 0 } .custom-label .video-flag .label[data-v-b96ca748] { font-size: 16px } .new-character-popover .content { align-items: center; background-color: rgba(30, 32, 32, .8); box-sizing: border-box; color: #fffdf5; display: flex; flex-direction: column; font-size: 14px; height: 100%; padding: 20px; width: 100% } .new-character-popover .content a { color: #3f8dff } .custom-form-character .el-input__inner { background: rgba(30, 32, 32, .8); border: transparent !important; border-radius: 6px } .custom-form-character .text-area-min-height { max-height: 524px !important } .custom-form-character .text-area-min-height .el-textarea__inner { background: rgba(30, 32, 32, .8); border-color: transparent !important; border-radius: 6px; max-height: 524px !important; min-height: 116px !important; overflow-y: auto } .sound-select-item { align-items: center; background: rgba(30, 32, 32, .8); border-radius: 6px 6px 6px 6px; color: #fff; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 32px; justify-content: space-between; padding: 5px 15px } .sound-select-item .sound-input { flex: 1 } .sound-select-item .btn-box { cursor: pointer; display: flex; justify-content: flex-end; width: 100px } .sound-select-item .btn-box .sound-input-btn { color: #fff; font-size: 18px; width: 18px } @keyframes switch-animate-3a908952 { 0% { opacity: 0 } to { opacity: 1 } } @keyframes tools-switch-animate-3a908952 { 0% { height: 0; padding: 0 15px } to { height: 188px; padding: 40px 15px } } .landing-page[data-v-3a908952] { background: #0c0c0c; box-sizing: border-box; position: relative; width: 100% } .landing-page .btn[data-v-3a908952] { align-items: center; background: linear-gradient(90deg, #ec008c, #fc6767); border: 0; border-radius: 100px; color: #fff; display: flex; font-family: Roboto; font-size: 18px; font-weight: 600; height: 64px; justify-content: center; width: 216px } .landing-page .btn .el-icon-right[data-v-3a908952] { font-size: 22px; margin-left: 13px } .landing-page .landing-page-header[data-v-3a908952] { position: fixed; top: 0; z-index: 1 } .landing-page .page-one[data-v-3a908952] { align-content: space-evenly; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100vh; padding-top: 90px; width: 100% } .landing-page .page-one .top[data-v-3a908952] { width: 100% } .landing-page .page-one .top .title[data-v-3a908952] { align-items: center; display: flex; justify-content: center; width: 100% } .landing-page .page-one .top .title .words[data-v-3a908952] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #32e1ea, #1dc2fd 26%, #ea83f1 57%, #ef7456); -webkit-background-clip: text; font-family: Inter; font-size: 60px; font-weight: 700; text-align: center } .landing-page .page-one .top .sub-title[data-v-3a908952] { box-sizing: border-box; color: #fff; font-family: Inter; font-size: 20px; line-height: 24px; margin-top: 15px; padding: 0 30px; text-align: center; width: 100% } .landing-page .page-one .video-box[data-v-3a908952] { align-items: center; display: flex; height: 55vh; justify-content: center; width: 100% } .landing-page .page-one .video-box .video[data-v-3a908952] { height: 55vh; -o-object-fit: cover; object-fit: cover; width: auto } .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-current-time-display, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-fullscreen-button, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-play-button, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-timeline { display: none } .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-enclosure, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-mute-button, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-time-remaining-display, .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-toggle-closed-captions-button { display: none } .landing-page .page-one .video-box video[data-v-3a908952]::-webkit-media-controls-volume-slider { display: none } .landing-page .page-one .btn[data-v-3a908952] { margin: 0 auto 30px } .landing-page .page-two[data-v-3a908952] { display: flex; width: 100% } .landing-page .page-two .left[data-v-3a908952] { margin-top: 310px; width: 50% } .landing-page .page-two .left .box[data-v-3a908952] { margin: 0 auto; width: 688px } .landing-page .page-two .left .box .title[data-v-3a908952] { color: #fff; font-family: Roboto; font-size: 52px; font-weight: 700; line-height: 72px; margin: 0 auto; text-align: center } .landing-page .page-two .left .box .sub-title[data-v-3a908952] { color: hsla(0, 0%, 100%, .8); font-family: Roboto; font-size: 23px; font-weight: 400; line-height: 28px; margin: 24px 140px 0; text-align: center } .landing-page .page-two .left .box .btn[data-v-3a908952] { margin: 46px auto 0 } .landing-page .page-two .right[data-v-3a908952] { width: 50% } .landing-page .page-two .right .img[data-v-3a908952] { height: 953px; margin: 58px 0 69px; width: 677px } .landing-page .page-three[data-v-3a908952] { background: /*savepage-url=/_nuxt/img/publicize-style-bg.244dfed.webp*/ url() no-repeat; background-position: right 0 top 0; background-size: 1104px 1188px; display: flex; height: 1188px; width: 100% } .landing-page .page-three .img-box .img[data-v-3a908952] { height: auto; margin: 241px 0 0 76px; max-width: 900px } .landing-page .page-three .content[data-v-3a908952] { flex: 1 } .landing-page .page-three .content .box[data-v-3a908952] { margin-top: 315px; max-width: 610px; width: 100% } .landing-page .page-three .content .box .title[data-v-3a908952] { color: #fff; font-family: Sora; font-size: 52px; font-weight: 600; text-align: center } .landing-page .page-three .content .box .sub-title[data-v-3a908952] { color: #cac6dd; font-family: Sora; font-size: 23px; font-weight: 400; line-height: 32px; margin: 24px 130px 0; text-align: center } .landing-page .page-three .content .box .btn[data-v-3a908952] { margin: 24px auto 0 } .landing-page .page-four[data-v-3a908952] { margin-top: 30px; width: 100% } .landing-page .page-four .tabs[data-v-3a908952] { align-items: flex-start; box-sizing: border-box; display: flex; flex-wrap: nowrap; justify-content: center; width: 100% } .landing-page .page-four .tabs .item-tab[data-v-3a908952] { box-sizing: border-box; cursor: pointer; height: 188px; margin: 0 12px; position: relative; width: 294px } .landing-page .page-four .tabs .item-tab .content[data-v-3a908952] { align-content: flex-start; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 188px; left: 0; padding: 40px 15px; position: absolute; top: 0; width: 294px } .landing-page .page-four .tabs .item-tab .content .title[data-v-3a908952] { color: #fff; font-family: PingFang SC-Regular, PingFang SC; font-size: 20px !important; font-weight: 400; width: 100% } .landing-page .page-four .tabs .item-tab .content .desc[data-v-3a908952] { color: #c3bfe9; font-family: Sora-Light, Sora; font-size: 16px; font-weight: 300; margin-top: 10px; width: 100% } .landing-page .page-four .tabs .item-tab[data-v-3a908952]:after { background: #2e2e2e; content: ""; height: 2px; left: 0; position: absolute; top: 0; width: 100% } .landing-page .page-four .tabs .item-tab.active[data-v-3a908952] { animation: tools-switch-animate-3a908952 1s ease-in-out; background: linear-gradient(180deg, #181526, rgba(15, 13, 22, 0)) } .landing-page .page-four .tabs .item-tab.active[data-v-3a908952]:after { background: linear-gradient(63deg, #4093ff, #22feff) } .landing-page .page-four .tabs .item-tab.active .content .title[data-v-3a908952] { -webkit-text-fill-color: transparent; background: linear-gradient(93deg, #4992ff, #2fe9ff); -webkit-background-clip: text; font-weight: 600 } .landing-page .page-four .tabs .item-tab.active .content .desc[data-v-3a908952] { color: #fff } .landing-page .page-four > .content[data-v-3a908952] { box-sizing: border-box; display: flex; flex-wrap: nowrap; height: 570px; justify-content: space-between; margin: 36px auto 0; max-width: 100%; padding-right: 50px; width: 1229px } .landing-page .page-four > .content.animate[data-v-3a908952] { animation: switch-animate-3a908952 3s } .landing-page .page-four > .content .left[data-v-3a908952] { box-sizing: border-box; height: 100%; width: 605px } .landing-page .page-four > .content .left .video[data-v-3a908952] { border-radius: 24px; box-sizing: border-box; height: 100%; width: 100% } .landing-page .page-four > .content .right[data-v-3a908952] { align-content: center; display: flex; flex-wrap: wrap; height: 100%; width: 512px } .landing-page .page-four > .content .right .title[data-v-3a908952] { color: #fff; font-family: Helvetica-Bold, Helvetica; font-size: 38px !important; font-weight: 700; margin: 24px 0 30px; width: 100% } .landing-page .page-four > .content .right .desc[data-v-3a908952] { color: #ada8c3; font-family: Sora-Light, Sora; font-size: 16px; font-weight: 300; line-height: 24px; width: 100% } .landing-page .page-four > .content .right .btn[data-v-3a908952] { margin-top: 40px } .landing-page .page-five[data-v-3a908952] { background-repeat: no-repeat; background-size: 100% 100%; height: 1080px; margin-top: 150px; position: relative; width: 100% } .landing-page .page-five .mask[data-v-3a908952] { align-items: center; background: hsla(0, 0%, 5%, .8); box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } @media (min-width: 0)and (max-width: 1500px) { .landing-page .title[data-v-3a908952] { font-size: 45px !important } .landing-page .sub-title[data-v-3a908952] { font-size: 20px !important } .landing-page .page-one .title .words[data-v-3a908952] { font-size: 45px !important } .landing-page .page-one .video-box .video[data-v-3a908952] { max-height: 390px; width: auto } .landing-page .page-two .left .box[data-v-3a908952] { width: 100% } .landing-page .page-two .left .box .title[data-v-3a908952] { box-sizing: border-box; padding: 0 30px } .landing-page .page-two .right .img[data-v-3a908952] { height: auto; width: 100% } .landing-page .page-three .content .box[data-v-3a908952] { width: 420px } .landing-page .page-three .content .box .sub-title[data-v-3a908952] { margin: 24px 70px 0 } } .chat-item[data-v-1322af10] { padding: 10px 0 } .chat-item .chat-item-avatar[data-v-1322af10] { flex-shrink: 0; height: 40px; overflow: hidden; width: 40px } .chat-item .chat-item-avatar.round[data-v-1322af10] { border-radius: 50% } .chat-item .chat-item-avatar img[data-v-1322af10] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .chat-item .chat-item-avatar .letter[data-v-1322af10] { background: #343844; border-radius: 50%; flex-shrink: 0; height: 40px; width: 40px } .chat-item .chat-item-content[data-v-1322af10] { align-items: flex-start; display: flex; flex: 1; flex-direction: column } .chat-item .chat-item-content.m-l[data-v-1322af10] { margin-left: 10px } .chat-item .chat-item-content.m-r[data-v-1322af10] { margin-right: 10px } .chat-item .chat-item-content .chat-item-content-time[data-v-1322af10] { color: #8f92a1; font-size: 12px; letter-spacing: 1px } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body[data-v-1322af10] { background: hsla(0, 0%, 100%, .051); border-radius: 10px; margin-top: 5px; padding: 14px; position: relative } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-text[data-v-1322af10] { color: hsla(0, 0%, 100%, .8); font-family: ArialMT, var(--font-family); font-size: 14px; line-height: 25px; white-space: normal } .chat-item .chat-item-content .chat-item-content-main.isUser[data-v-1322af10] { flex-direction: row-reverse } .chat-item .chat-item-content .chat-item-content-main.isUser .chat-item-content-body[data-v-1322af10] { background: rgba(0, 82, 204, .302); padding: 14px } .chat-item .chat-item-content .chat-item-content-main.isUser .chat-item-content-body .chat-item-content-body-cost[data-v-1322af10] { left: -56px } .chat-item.isUser[data-v-1322af10] { flex-direction: row-reverse } .chat-item.isUser .chat-item-content[data-v-1322af10] { align-items: flex-end } .chat-item .chat-item-btns[data-v-1322af10] { flex-grow: 1; flex-wrap: nowrap; visibility: hidden } .chat-item .chat-item-content-body-cost[data-v-1322af10] { bottom: 0; color: #c9c9c9; font-size: 12px; position: absolute; right: -56px; visibility: hidden } .chat-item .item-btn[data-v-1322af10] { background: transparent; border-radius: 4px; color: #5a5a68; cursor: pointer; flex-shrink: 0; height: 25px; margin: 0 3px; width: 25px } .chat-item .item-btn.copy[data-v-1322af10] { transform: scale(.9) } .chat-item .chat-item-star[data-v-1322af10] { width: 100% } .chat-item .chat-item-star .item-btn[data-v-1322af10]:hover { background: #222332; color: #c6c6d5 } .chat-item:hover .chat-item-btns[data-v-1322af10] { visibility: visible } .chat-item:hover .chat-item-btns .item-btn[data-v-1322af10]:hover { background: #222332; color: #c6c6d5 } .chat-item:hover .chat-item-content-body-cost[data-v-1322af10] { visibility: visible } .chat-item-list[data-v-6ac0e421] { padding: 0 10px } .chat-item-list .middle-container[data-v-6ac0e421] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .chat-item-list .middle-container .ai-img[data-v-6ac0e421] { animation: updown-6ac0e421 2s linear infinite; -o-object-fit: contain; object-fit: contain; width: 80px } .chat-item-list .middle-container .text-content[data-v-6ac0e421] { justify-content: space-evenly; margin: 20px 0 25px; min-height: 70px; text-align: center } .chat-item-list .middle-container .text-content .ai-title[data-v-6ac0e421] { color: #fbfcfd; font-family: "Arial-BoldMT", Arial, var(--font-family); font-size: 28px; font-weight: 400 } .chat-item-list .middle-container .text-content .ai-text[data-v-6ac0e421] { color: rgba(251, 252, 253, .43); font-family: ArialMT, var(--font-family); font-size: 16px } .chat-item-list .middle-container .btn-content[data-v-6ac0e421] { background-color: #202123; border-radius: 1rem; height: 56px; line-height: 24px; padding: 0 4px; width: 309px } .chat-item-list .middle-container .btn-content .switch-btn[data-v-6ac0e421] { background-color: transparent; border: none; border-radius: 10px; color: #94a3b8; cursor: pointer; font-weight: 500; height: 48px; outline: none; text-align: center; width: 148px } .chat-item-list .middle-container .btn-content .switch-btn .icon[data-v-6ac0e421] { font-size: 20px } .chat-item-list .middle-container .btn-content .switch-btn.active[data-v-6ac0e421] { background-color: #40414e; color: #f1f5f9 } .chat-item-list .middle-container .btn-content .switch-btn.active .icon[data-v-6ac0e421] { color: #19c37d } .chat-item-list .middle-container .btn-content .switch-btn[data-v-6ac0e421]:hover { background-color: rgba(52, 57, 106, .2); color: #f1f5f9 } .chat-item-list .middle-container .btn-content .switch-btn[data-v-6ac0e421]:active { background-color: rgba(52, 57, 106, .7); color: #f1f5f9 } .chat-item-list .middle-container .btn-content .switch-btn.btn-advance[data-v-6ac0e421] { position: relative } .chat-item-list .middle-container .btn-content .switch-btn.btn-advance .btn-text[data-v-6ac0e421] { background: hsla(0, 0%, 100%, .09); border-radius: 5px; bottom: -40px; display: inline-block; font-size: 12px; left: 50%; opacity: 0; padding: 5px 10px; position: absolute; transform: translateX(-50%); visibility: hidden; white-space: nowrap } .chat-item-list .middle-container .btn-content .switch-btn.btn-advance[data-v-6ac0e421]:hover { cursor: not-allowed } .chat-item-list .middle-container .btn-content .switch-btn.btn-advance:hover .btn-text[data-v-6ac0e421] { opacity: 1; visibility: visible } @keyframes updown-6ac0e421 { 0% { transform: translateY(0) } 25% { transform: translateY(-9px) } 50% { transform: translateY(-12px) } 80% { transform: translateY(-9px) } to { transform: translateY(2px) } } .chat-work-list[data-v-6b577f6c] { box-sizing: border-box; height: 100%; margin-top: 15px; padding-left: 95px; width: 100% } .chat-work-list .channel-list[data-v-6b577f6c] { background: #11131f; border-radius: 10px; box-sizing: border-box; flex-shrink: 0; padding: 20px; position: relative; width: 290px } .chat-work-list .channel-list .channel-list-title[data-v-6b577f6c] { border: 1px dashed #5780e2; border-radius: 10px; color: #048bff; left: 20px; position: absolute; right: 20px } .chat-work-list .channel-list .channel-list-title[data-v-6b577f6c]:hover { background: #0c1339 } .chat-work-list .channel-list .channel-list-title .text[data-v-6b577f6c] { font-size: 12px; font-weight: 500; letter-spacing: 1px; margin-left: 15px } .chat-work-list .channel-list .channel-list-content[data-v-6b577f6c] { margin-top: 45px; max-height: calc(100vh - 215px); overflow-y: auto } .chat-work-list .channel-list .channel-list-item[data-v-6b577f6c] { border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 10px; color: hsla(0, 0%, 100%, .8); font-size: 14px; margin-top: 18px; padding: 2px 17px } .chat-work-list .channel-list .channel-list-item.selected[data-v-6b577f6c] { background: #2e3040; color: #fff } .chat-work-list .channel-list .channel-list-item.selected .chat-item-close[data-v-6b577f6c], .chat-work-list .channel-list .channel-list-item.selected .chat-item-edit[data-v-6b577f6c] { opacity: 1; visibility: visible } .chat-work-list .channel-list .channel-list-item[data-v-6b577f6c]:hover { border: 1px solid hsla(0, 0%, 100%, .3) } .chat-work-list .channel-list .channel-list-item:hover .chat-item-close[data-v-6b577f6c] { opacity: 1; visibility: visible } .chat-work-list .channel-list .channel-list-item .chat-item-close[data-v-6b577f6c], .chat-work-list .channel-list .channel-list-item .chat-item-edit[data-v-6b577f6c] { color: #8f92a1; opacity: 0; visibility: hidden } .chat-work-list .channel-list .channel-list-item .channel-list-item__name[data-v-6b577f6c] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .chat-work-list .channel-list .channel-list-item .channel-list-item_input[data-v-6b577f6c] { position: relative; right: 10px } .chat-work-list .channel-list .channel-list-item[data-v-6b577f6c] .el-input__inner { background: transparent; border: 1px solid rgba(96, 98, 102, .451) } .chat-work-list .message-window[data-v-6b577f6c] { background: #11131f; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; height: calc(100vh - 140px); margin-left: 18px; min-width: 575px; padding: 10px } .chat-work-list .message-window.no-bg[data-v-6b577f6c] { background: transparent; margin: 0; max-width: 65vw } .chat-work-list .message-window .message-list[data-v-6b577f6c] { flex-grow: 1; overflow: auto; padding-bottom: 60px; position: relative } .chat-work-list .message-window .message-list .middle-container[data-v-6b577f6c] { align-self: center } .chat-work-list .message-window .message-form[data-v-6b577f6c] { background: #151727; border-radius: 10px; position: relative } .chat-work-list .message-window .message-form .input-wrapper[data-v-6b577f6c] { border-radius: 10px; flex-grow: 1; min-height: 40px } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-6b577f6c] { height: 100%; outline: none } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-6b577f6c] .el-textarea__inner { border: 1px solid transparent; height: 40px; line-height: 28px; min-height: 100% !important } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-6b577f6c] .el-textarea__inner::-moz-placeholder { line-height: 28px } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-6b577f6c] .el-textarea__inner::placeholder { line-height: 28px } .chat-work-list .message-window .message-form .iconfont[data-v-6b577f6c], .chat-work-list .message-window .message-form .svg-icon[data-v-6b577f6c] { box-sizing: border-box; cursor: pointer; height: 40px; margin-left: 5px; padding: 8px; width: 40px } .chat-work-list .message-window .message-form .svg-send[data-v-6b577f6c] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1; margin-left: -1px } .chat-work-list .message-window .message-form .svg-delete[data-v-6b577f6c] { background: rgba(224, 53, 11, .2); color: #792312 } .chat-work-list .message-window .message-form .svg-delete[data-v-6b577f6c], .chat-work-list .message-window .message-form .svg-send[data-v-6b577f6c] { cursor: pointer } .chat-work-list .message-window .message-form .svg-delete.disabled[data-v-6b577f6c], .chat-work-list .message-window .message-form .svg-send.disabled[data-v-6b577f6c] { cursor: not-allowed } .chat-work-list .message-window .message-form .stop-content[data-v-6b577f6c] { border-radius: 10px; left: 50%; position: absolute; top: -60px; transform: translateX(-50%) } .chat-work-list .message-window .message-form .stop-content .stop-btn[data-v-6b577f6c] { background: rgba(255, 153, 31, .2); padding: 0 } .chat-work-list .dialog[data-v-6b577f6c] { word-wrap: break-word; display: inline-block; font-size: 12px; white-space: break-spaces } .message-window[data-v-bf8d86ba] { background: transparent; border-radius: 10px; display: flex; flex-direction: column; height: calc(100vh - 130px); margin: 0 auto; max-width: 65vw; min-width: 575px; overflow-y: auto; padding: 10px } .message-window .message-list[data-v-bf8d86ba] { height: 100%; position: relative } .message-window .middle-container[data-v-bf8d86ba] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .message-window .middle-container .ai-img[data-v-bf8d86ba] { animation: updown-bf8d86ba 2s linear infinite; -o-object-fit: contain; object-fit: contain; width: 80px } .message-window .middle-container .text-content[data-v-bf8d86ba] { justify-content: space-evenly; margin: 20px 0 25px; min-height: 70px; text-align: center } .message-window .middle-container .text-content .ai-title[data-v-bf8d86ba] { color: #fbfcfd; font-family: "Arial-BoldMT", Arial, var(--font-family); font-size: 28px; font-weight: 400 } .message-window .middle-container .text-content .ai-text[data-v-bf8d86ba] { color: rgba(251, 252, 253, .43); font-family: ArialMT, var(--font-family); font-size: 16px } .message-window .middle-container .btn-content[data-v-bf8d86ba] { background-color: #202123; border-radius: 1rem; height: 56px; line-height: 24px; padding: 0 4px; width: 309px } .message-window .middle-container .btn-content .switch-btn[data-v-bf8d86ba] { background-color: transparent; border: none; border-radius: 10px; color: #94a3b8; cursor: pointer; font-weight: 500; height: 48px; outline: none; text-align: center; width: 148px } .message-window .middle-container .btn-content .switch-btn .icon[data-v-bf8d86ba] { font-size: 20px } .message-window .middle-container .btn-content .switch-btn.active[data-v-bf8d86ba] { background-color: #40414e; color: #f1f5f9 } .message-window .middle-container .btn-content .switch-btn.active .icon[data-v-bf8d86ba] { color: #19c37d } .message-window .middle-container .btn-content .switch-btn[data-v-bf8d86ba]:hover { background-color: rgba(52, 57, 106, .2); color: #f1f5f9 } .message-window .middle-container .btn-content .switch-btn[data-v-bf8d86ba]:active { background-color: rgba(52, 57, 106, .7); color: #f1f5f9 } .message-window .middle-container .btn-content .switch-btn.btn-advance[data-v-bf8d86ba] { position: relative } .message-window .middle-container .btn-content .switch-btn.btn-advance .btn-text[data-v-bf8d86ba] { background: hsla(0, 0%, 100%, .09); border-radius: 5px; bottom: -40px; display: inline-block; font-size: 12px; left: 50%; opacity: 0; padding: 5px 10px; position: absolute; transform: translateX(-50%); visibility: hidden; white-space: nowrap } .message-window .middle-container .btn-content .switch-btn.btn-advance[data-v-bf8d86ba]:hover { cursor: not-allowed } .message-window .middle-container .btn-content .switch-btn.btn-advance:hover .btn-text[data-v-bf8d86ba] { opacity: 1; visibility: visible } @keyframes updown-bf8d86ba { 0% { transform: translateY(0) } 25% { transform: translateY(-9px) } 50% { transform: translateY(-12px) } 80% { transform: translateY(-9px) } to { transform: translateY(2px) } } .SubjectTip[data-v-06d7fe8b] { box-sizing: border-box; display: flex; flex-grow: 1; height: calc(100vh - 120px); justify-content: center; overflow-y: scroll; padding: 10px } .cnt[data-v-06d7fe8b] { width: 60% } .row[data-v-06d7fe8b] { margin-bottom: 40px } .row[data-v-06d7fe8b]:last-child { margin-bottom: 0 } .row .title[data-v-06d7fe8b] { color: #fff; font-size: 16px; margin-bottom: 10px } .row .subTitle[data-v-06d7fe8b] { color: hsla(0, 0%, 100%, .52); font-size: 14px; margin-bottom: 15px } .list[data-v-06d7fe8b] { align-items: center; display: flex; flex-wrap: wrap; margin: -10px } .list .cell[data-v-06d7fe8b] { height: 129px; padding: 10px; width: 140px } .list .cell .item[data-v-06d7fe8b] { border-radius: 16px; box-sizing: border-box; cursor: pointer; height: 100%; padding: 10px; position: relative; width: 100% } .list .cell .item .collect[data-v-06d7fe8b] { cursor: pointer; position: absolute; right: 10px; top: 10px } .list .cell .item .collect .iconfont[data-v-06d7fe8b], .list .cell .item .collect .svg-icon[data-v-06d7fe8b] { font-size: 17px } .list .cell .item .iconBox[data-v-06d7fe8b] { margin-top: 25px } .list .cell .item .iconBox .iconfont[data-v-06d7fe8b], .list .cell .item .iconBox .svg-icon[data-v-06d7fe8b] { font-size: 24px } .list .cell .item .prompTitle[data-v-06d7fe8b] { color: #fff; font-size: 12px; margin-top: 15px } .main[data-v-06d7fe8b] { color: #fff } .main .head[data-v-06d7fe8b] { align-items: center; display: flex; flex-direction: column } .main .head .iconfont[data-v-06d7fe8b], .main .head .svg-icon[data-v-06d7fe8b] { font-size: 30px } .main .head .tit[data-v-06d7fe8b] { font-size: 24px; margin-top: 10px } .main .head .subTit[data-v-06d7fe8b] { color: hsla(0, 0%, 100%, .52); font-size: 12px; margin-top: 10px } .main .addTit[data-v-06d7fe8b] { font-size: 28px } .main .addSubTit[data-v-06d7fe8b] { color: hsla(0, 0%, 100%, .52); font-size: 18px; margin-top: 10px } .add[data-v-06d7fe8b] { align-items: center; background-color: #13c0ad; border-radius: 100%; bottom: 60px; cursor: pointer; display: flex; height: 50px; justify-content: center; position: fixed; right: 20px; width: 50px } .add i[data-v-06d7fe8b] { color: #fff; font-size: 25px } [data-v-06d7fe8b] .inputBox .el-textarea textarea { background-color: #1d2236; color: #fff; height: 200px; margin-top: 20px; width: 100% } [data-v-06d7fe8b] .inputBox .el-textarea .el-input__count { background-color: transparent; background-color: initial; color: #fff } .deletePop[data-v-06d7fe8b] { color: red; cursor: pointer; margin-top: 10px; text-align: center } .colorSelect[data-v-06d7fe8b] { align-items: center; display: flex } .colorSelect div[data-v-06d7fe8b]:first-child { border-radius: 100%; height: 20px; width: 20px } .colorSelect div[data-v-06d7fe8b]:nth-child(2) { margin-left: 20px } [data-v-06d7fe8b] .form .el-form .el-input__inner { background-color: #1d2236; border: 1px solid transparent; color: #fff; width: 100% } [data-v-06d7fe8b] .form .el-form .el-input__inner:focus { border: 1px solid #293045 } [data-v-06d7fe8b] .form .el-form .el-select { width: 100% } [data-v-06d7fe8b] .form .el-form .el-form-item__label { color: #fff } [data-v-06d7fe8b] .form .el-form .el-textarea textarea { background-color: #1d2236; color: #fff; height: 200px; width: 100% } [data-v-06d7fe8b] .form .el-form .el-textarea .el-input__count { background-color: transparent; background-color: initial; color: #fff } .bntitem[data-v-06d7fe8b] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-06d7fe8b] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-06d7fe8b]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-06d7fe8b]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-06d7fe8b]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-06d7fe8b]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-06d7fe8b]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-06d7fe8b]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .SaDialog .el-dialog__header { background-color: transparent; background-color: initial } .SaDialog .el-dialog__body .el-textarea__inner { border: 1px solid transparent } .SaDialog .el-dialog__body .el-textarea__inner:focus { border: 1px solid #293045 } .chat-item[data-v-b4f7a3bc] { padding: 10px 0 } .chat-item .chat-item-avatar[data-v-b4f7a3bc] { border-radius: 50%; flex-shrink: 0; height: 36px; overflow: hidden; width: 36px } .chat-item .chat-item-avatar.round[data-v-b4f7a3bc] { border-radius: 50% } .chat-item .chat-item-avatar img[data-v-b4f7a3bc] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .chat-item .chat-item-avatar .letter[data-v-b4f7a3bc] { background: #343844; border-radius: 50%; flex-shrink: 0; height: 40px; width: 40px } .chat-item .chat-item-content[data-v-b4f7a3bc] { align-items: flex-start; display: flex; flex: 1; flex-direction: column; max-width: 85% } .chat-item .chat-item-content.m-l[data-v-b4f7a3bc] { margin-left: 20px } .chat-item .chat-item-content.m-r[data-v-b4f7a3bc] { margin-right: 10px } .chat-item .chat-item-content .chat-item-content-time[data-v-b4f7a3bc] { color: #8f92a1; font-size: 12px; letter-spacing: 1px } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body[data-v-b4f7a3bc] { background: hsla(0, 0%, 100%, .051); background: linear-gradient(105deg, #e970c7, #4481b2 99%); border-radius: 10px; margin-top: 5px; padding: 9px } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-text[data-v-b4f7a3bc] { color: hsla(0, 0%, 100%, .8); font-family: ArialMT, var(--font-family); font-size: 14px; line-height: 25px; white-space: normal } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-img .selfie_img[data-v-b4f7a3bc] { flex-wrap: wrap; gap: 10px; max-width: 400px } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-img .selfie_img .img[data-v-b4f7a3bc] { border-radius: 8px; cursor: pointer; overflow: hidden } .chat-item .chat-item-content .chat-item-content-main .chat-item-content-body .chat-item-content-body-img .selfie_img .img img[data-v-b4f7a3bc] { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 200px } .chat-item .chat-item-content .chat-item-content-main.isUser[data-v-b4f7a3bc] { flex-direction: row-reverse } .chat-item .chat-item-content .chat-item-content-main.isUser .chat-item-content-body[data-v-b4f7a3bc] { background: hsla(0, 0%, 100%, .051) } .chat-item.isUser[data-v-b4f7a3bc] { flex-direction: row-reverse } .chat-item.isUser .chat-item-content[data-v-b4f7a3bc] { align-items: flex-end } .chat-item .chat-item-btns[data-v-b4f7a3bc] { flex-grow: 1; flex-wrap: nowrap; visibility: hidden } .chat-item .item-btn[data-v-b4f7a3bc] { background: transparent; border-radius: 4px; color: #5a5a68; cursor: pointer; flex-shrink: 0; height: 25px; margin: 0 3px; width: 25px } .chat-item .item-btn.copy[data-v-b4f7a3bc] { transform: scale(.9) } .chat-item .chat-item-star[data-v-b4f7a3bc] { width: 100% } .chat-item .chat-item-star .item-btn[data-v-b4f7a3bc]:hover { background: #222332; color: #c6c6d5 } .chat-item:hover .chat-item-btns[data-v-b4f7a3bc] { visibility: visible } .chat-item:hover .chat-item-btns .item-btn[data-v-b4f7a3bc]:hover { background: #222332; color: #c6c6d5 } .chat-item .code-block-wrapper { padding: 10px } .chat-item .code-block-header { align-items: center; background: #23241f; color: #b3b3b3; display: flex; justify-content: space-between; padding: 10px 10px 0 } .chat-item .code-block-header .code-block-header__lang { margin-right: 10px } .chat-item .code-block-header .code-block-header__copy.hidden { visibility: hidden } .chat-item .code-block-header .code-block-header__copy:hover { color: #65a665 } .person-info[data-v-f0fec71a] { flex-shrink: 0; gap: 15px; width: 350px } .person-info .big-img[data-v-f0fec71a] { background: #eee; border-radius: 10px; height: 380px; overflow: hidden; width: 100% } .person-info .big-img .rotation-img[data-v-f0fec71a] { background: #000 } .person-info .big-img img[data-v-f0fec71a] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .person-info .info-content[data-v-f0fec71a] { font-weight: 400; gap: 5px; padding: 0 20px } .person-info .info-content .title[data-v-f0fec71a] { font-family: "Arial-Regular", Arial, var(--font-family); font-size: 18px } .person-info .info-content .content[data-v-f0fec71a] { color: hsla(0, 0%, 100%, .8); font-family: "Arial-Regular", Arial, var(--font-family); font-size: 12px } .person-info .gallery[data-v-f0fec71a] { gap: 10px; padding: 0 20px } .person-info .gallery .title[data-v-f0fec71a] { color: #fff; font-family: "Arial-Regular", Arial, var(--font-family); font-size: 16px; font-weight: 400 } .person-info .gallery .blur-imgs[data-v-f0fec71a] { gap: 15px } .person-info .gallery .blur-imgs .img[data-v-f0fec71a] { border-radius: 10px; height: 108px; overflow: hidden; position: relative; width: 30% } .person-info .gallery .blur-imgs .img img[data-v-f0fec71a] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .person-info .gallery .blur-imgs .img .diamond[data-v-f0fec71a] { background: linear-gradient(9deg, #449ade, #e770e9); border-radius: 50%; cursor: pointer; height: 34px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 34px } .person-info .gallery .blur-imgs .img .diamond .diamond-img[data-v-f0fec71a] { transform: scale(.6); width: 100% } .person-info .gallery .more-btn[data-v-f0fec71a] { align-self: center; background: rgba(28, 29, 42, .6); background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: hsla(0, 0%, 100%, .6); cursor: pointer; height: 32px; opacity: 1; width: 180px } .comming-soon-dialog .el-dialog { background: linear-gradient(0deg, #3f273d, #23242f); border: 1px solid #293045; border-radius: 30px; height: 420px; margin-top: 24vh !important; overflow: hidden; width: 740px } .comming-soon-dialog .el-dialog .el-dialog__header { display: none; padding: 20px 30px; position: relative; z-index: 20000 } .comming-soon-dialog .el-dialog .el-dialog__header span { color: #fff; font-size: 16px } .comming-soon-dialog .el-dialog .el-dialog__body { padding: 0 } .comming-soon-dialog .el-dialog .el-dialog__body .close-btn { color: #fff; font-size: 30px; position: absolute; right: 20px; top: 20px } .comming-soon-dialog .el-dialog .el-dialog__body .left-img { height: 420px; overflow: hidden; width: 50% } .comming-soon-dialog .el-dialog .el-dialog__body .left-img .blurImg { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .comming-soon-dialog .el-dialog .el-dialog__body .right-content { box-sizing: border-box; font-family: "Arial-Regular", Arial, var(--font-family); font-size: 12px; gap: 15px; padding-left: 60px; width: 50% } .comming-soon-dialog .el-dialog .el-dialog__body .right-content .title { color: #fff; font-size: 28px; font-weight: 700; margin-bottom: 20px } .comming-soon-dialog .el-dialog .el-dialog__body .right-content .mid-line { color: hsla(0, 0%, 100%, .6); font-weight: 400 } .comming-soon-dialog .el-dialog .el-dialog__body .right-content .items { color: #fff; font-weight: 400; gap: 10px } .comming-soon-dialog .el-dialog .el-dialog__body .right-content .items .item .iconfont { color: #22d19d; margin-right: 7px; transform: scale(1.2) } .comming-soon-dialog .dialog-btn button { background: #0d9488; border-color: #0d9488; color: #fff; font-size: 16px; height: 48px; width: 120px } .comming-soon-dialog .dialog-btn button:first-child { background: #1e2435; border-color: #2d354b } .limit-dialog .main-part[data-v-1740b78d] { font-size: 16px; font-weight: 400; line-height: 27px } .limit-dialog .main-part .title[data-v-1740b78d] { position: relative } .limit-dialog .main-part .title .img-part[data-v-1740b78d] { position: absolute; top: -120px; transform: scale(.6) } .limit-dialog .main-part .info[data-v-1740b78d] { color: #cfd3dc; font-family: ArialMT, var(--font-family); font-size: 14px; letter-spacing: 1px; margin: 20px 0; text-align: center } .limit-dialog .dialog-footer .my-dialog-btn[data-v-1740b78d] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 8px; color: #fff; font-size: 16px; height: 38px; opacity: 1; width: 25% } .limit-dialog .dialog-footer .my-dialog-btn[data-v-1740b78d]:hover { filter: brightness(1.1) } .limit-dialog { background: /*savepage-url=/_nuxt/img/limit_bg.6918055.png*/ url() no-repeat; background-size: 100% 100%; border-radius: 15px; box-shadow: none; left: 50%; margin: 0 !important; outline: none; overflow: visible; overflow: initial; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 440px } .limit-dialog .el-dialog__header { background-color: transparent; color: #fff; display: none; font-size: 16px; font-weight: 500; padding: 20px 24px } .limit-dialog .el-dialog__header .el-dialog__headerbtn { top: -45px } .limit-dialog .el-dialog__header .el-icon-close { color: #64748b; font-size: 24px; font-weight: 600 } .limit-dialog .el-dialog__body { padding: 20px 30px 0 } .limit-dialog .el-dialog__footer { padding: 0 20px 10px } .chat-work-list[data-v-8671cd44] { gap: 15px; height: 100%; margin-top: 15px; width: 100% } .chat-work-list .channel-list[data-v-8671cd44] { background: radial-gradient(circle at right center, rgba(255, 89, 139, .278) -16%, #11131f 38%); border-radius: 10px; box-sizing: border-box; flex-shrink: 0; padding: 20px; position: relative; width: 290px } .chat-work-list .channel-list .channel-list-title[data-v-8671cd44] { background: #292e3c; border-radius: 10px; color: #048bff; color: hsla(250, 4%, 71%, .8); cursor: pointer; font-size: 14px; gap: 10px; height: 40px; left: 20px; padding: 0 10px; position: absolute; right: 20px } .chat-work-list .channel-list .channel-list-title[data-v-8671cd44]:hover { filter: brightness(1.1) } .chat-work-list .channel-list .channel-list-title .svg-add[data-v-8671cd44] { transform: scale(1.5) } .chat-work-list .channel-list .channel-list-title .text[data-v-8671cd44] { font-weight: 500; letter-spacing: 1px; margin-left: 10px } .chat-work-list .channel-list .channel-list-title .btn[data-v-8671cd44] { background: hsla(0, 0%, 72%, .2); border-radius: 6px; color: hsla(0, 0%, 100%, .6); font-size: 12px; padding: 4px 7px; transform: scale(.88) } .chat-work-list .channel-list .channel-list-content[data-v-8671cd44] { margin-top: 40px; max-height: calc(100vh - 215px); overflow-y: auto } .chat-work-list .channel-list .channel-list-content .channel-list-top[data-v-8671cd44] { color: hsla(0, 0%, 100%, .8); font-family: "Arial-Regular", Arial, var(--font-family); font-size: 14px; font-weight: 400; margin: 20px 0 10px } .chat-work-list .channel-list .channel-list-item[data-v-8671cd44] { border-radius: 10px; color: hsla(0, 0%, 100%, .8); font-size: 14px; padding: 12px 17px } .chat-work-list .channel-list .channel-list-item.selected[data-v-8671cd44] { background: /*savepage-url=/_nuxt/img/selected.35fc616.webp*/ url() no-repeat 0 50%; background-size: cover; color: #fff } .chat-work-list .channel-list .channel-list-item.selected .chat-item-close[data-v-8671cd44], .chat-work-list .channel-list .channel-list-item.selected .chat-item-edit[data-v-8671cd44] { opacity: 1; visibility: visible } .chat-work-list .channel-list .channel-list-item.selected .channel-list-item__name .avatar[data-v-8671cd44] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #fff, #fff), linear-gradient(to bottom right, #c427fb, #22d7ff); background-origin: padding-box, border-box } .chat-work-list .channel-list .channel-list-item[data-v-8671cd44]:hover { outline: 1px solid hsla(0, 0%, 100%, .1) } .chat-work-list .channel-list .channel-list-item:hover .chat-item-close[data-v-8671cd44] { opacity: 1; visibility: visible } .chat-work-list .channel-list .channel-list-item .chat-item-close[data-v-8671cd44], .chat-work-list .channel-list .channel-list-item .chat-item-edit[data-v-8671cd44] { color: #8f92a1; opacity: 0; visibility: hidden } .chat-work-list .channel-list .channel-list-item .channel-list-item__name[data-v-8671cd44] { gap: 10px } .chat-work-list .channel-list .channel-list-item .channel-list-item__name .avatar[data-v-8671cd44] { border: 1px solid transparent; border-radius: 50%; flex-shrink: 0; height: 38px; -o-object-fit: cover; object-fit: cover; width: 38px } .chat-work-list .channel-list .channel-list-item .channel-list-item__name .text[data-v-8671cd44] { font-family: "Arial-Regular", Arial, var(--font-family); font-size: 14px; font-weight: 400; gap: 4px } .chat-work-list .channel-list .channel-list-item .channel-list-item__name .text .name[data-v-8671cd44] { color: hsla(0, 0%, 100%, .8) } .chat-work-list .channel-list .channel-list-item .channel-list-item__name .text .first-msg[data-v-8671cd44] { color: hsla(0, 0%, 100%, .7); font-size: 12px; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .chat-work-list .channel-list .channel-list-item .channel-list-item_input[data-v-8671cd44] { position: relative; right: 10px } .chat-work-list .message-window[data-v-8671cd44] { background: #11131f; border-radius: 10px; display: flex; flex-direction: column; flex-grow: 1; height: calc(100vh - 130px); min-width: 575px } .chat-work-list .message-window .message-lists[data-v-8671cd44] { background: /*savepage-url=/_nuxt/img/bg.2b7e8a6.webp*/ url() no-repeat 0 50%; background-size: cover; border-radius: 10px 10px 0 0; flex-grow: 1; overflow: hidden; position: relative } .chat-work-list .message-window .message-lists .message-list[data-v-8671cd44] { overflow: auto; padding: 30px 10px 0 } .chat-work-list .message-window .message-lists .message-list .fake-loading[data-v-8671cd44] { margin: 10px 20px } .chat-work-list .message-window .message-lists .message-list .fake-loading .time[data-v-8671cd44] { color: #8f92a1; font-size: 12px; letter-spacing: 1px } .chat-work-list .message-window .message-lists .message-list .fake-loading .content[data-v-8671cd44] { background: linear-gradient(105deg, #e970c7, #4481b2 99%); border-radius: 10px; height: 25px; margin-top: 5px; padding: 9px; width: 100px } .chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading[data-v-8671cd44] { gap: 10px; height: 100%; position: relative; width: 100% } .chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line[data-v-8671cd44] { background: linear-gradient(180deg, #fb7f7f, #409eff); border-radius: 5px; bottom: 0; width: 8px } .chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line1[data-v-8671cd44] { animation: line-grow-8671cd44 .5s ease infinite alternate; left: 0 } .chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line2[data-v-8671cd44] { animation: line-grow-8671cd44 .5s ease .2s infinite alternate; left: 20px } .chat-work-list .message-window .message-lists .message-list .fake-loading .content .loading .line3[data-v-8671cd44] { animation: line-grow-8671cd44 .5s ease .4s infinite alternate; left: 40px } .chat-work-list .message-window .message-lists .middle-container[data-v-8671cd44] { align-self: center } .chat-work-list .message-window .message-lists .top-info[data-v-8671cd44] { background: #1c1d2a; flex-shrink: 0; height: 58px; padding: 0 17px } .chat-work-list .message-window .message-lists .top-info .person-info[data-v-8671cd44] { gap: 14px } .chat-work-list .message-window .message-lists .top-info .person-info .avatar[data-v-8671cd44] { border-radius: 50%; height: 42px; -o-object-fit: cover; object-fit: cover; width: 42px } .chat-work-list .message-window .message-lists .top-info .r-btn[data-v-8671cd44] { color: hsla(0, 0%, 100%, .7); cursor: pointer } .chat-work-list .message-window .message-lists .top-info .r-btn .hide-btn[data-v-8671cd44] { font-size: 14px; gap: 10px } .chat-work-list .message-window .message-form[data-v-8671cd44] { background: #151727; border-radius: 10px; position: relative } .chat-work-list .message-window .message-form .input-wrapper[data-v-8671cd44] { border-radius: 10px; flex-grow: 1; height: 100% } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-8671cd44] { height: 100%; outline: none } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-8671cd44] .el-textarea__inner { border: 1px solid transparent; line-height: 28px; min-height: 100% !important } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-8671cd44] .el-textarea__inner::-moz-placeholder { line-height: 28px } .chat-work-list .message-window .message-form .input-wrapper .msg-input[data-v-8671cd44] .el-textarea__inner::placeholder { line-height: 28px } .chat-work-list .message-window .message-form .iconfont[data-v-8671cd44], .chat-work-list .message-window .message-form .svg-icon[data-v-8671cd44] { box-sizing: border-box; cursor: pointer; height: 40px; margin-left: 5px; padding: 8px; width: 40px } .chat-work-list .message-window .message-form .svg-send[data-v-8671cd44] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1; margin-left: -1px } .chat-work-list .message-window .message-form .svg-delete[data-v-8671cd44] { background: rgba(224, 53, 11, .2); color: #792312 } .chat-work-list .message-window .message-form .svg-delete[data-v-8671cd44], .chat-work-list .message-window .message-form .svg-send[data-v-8671cd44] { cursor: pointer } .chat-work-list .message-window .message-form .svg-delete.disabled[data-v-8671cd44], .chat-work-list .message-window .message-form .svg-send.disabled[data-v-8671cd44] { cursor: not-allowed } .chat-work-list .message-window .message-form .stop-content[data-v-8671cd44] { border-radius: 10px; left: 50%; position: absolute; top: -60px; transform: translateX(-50%) } .chat-work-list .message-window .message-form .stop-content .stop-btn[data-v-8671cd44] { background: rgba(255, 153, 31, .2); padding: 0 } .chat-work-list .dialog[data-v-8671cd44] { word-wrap: break-word; display: inline-block; font-size: 12px; white-space: break-spaces } @keyframes line-grow-8671cd44 { 0% { height: 0 } to { height: 75% } } .person-chat[data-v-2b011a9a] { flex-grow: 1; gap: 10px; padding-left: 95px } .download-app[data-v-6fa1e758] { background: #0c0c0c; display: flex; height: 100%; margin: 0 auto; width: 100vw } .download-app .left-box[data-v-6fa1e758] { background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 100%; padding: 195px 0 186px 182px; position: relative; width: 43.75%; z-index: 100 } .download-app .left-box .img-title[data-v-6fa1e758] { cursor: pointer; left: 70px; position: absolute; top: 52px; width: 156px } .download-app .left-box .img-title img[data-v-6fa1e758] { height: auto; width: 100% } .download-app .left-box .text-imgs[data-v-6fa1e758] { height: 362px; margin-bottom: 53px; width: 642px } .download-app .left-box .text-imgs img[data-v-6fa1e758] { height: auto; width: 100% } .download-app .left-box .title-1[data-v-6fa1e758] { color: #e3e3e3; letter-spacing: 1px; line-height: 18px; margin-bottom: 78px } .download-app .left-box .title-1[data-v-6fa1e758], .download-app .left-box .title-2[data-v-6fa1e758] { font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30; font-size: 15px; font-style: normal; font-weight: 400; text-align: left; text-transform: none } .download-app .left-box .title-2[data-v-6fa1e758] { color: #fff; line-height: 21px; margin-bottom: 5px } .download-app .left-box .title-3[data-v-6fa1e758] { color: #e3e3e3; font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30; font-size: 9px; font-style: normal; font-weight: 400; line-height: 15px; margin-bottom: 53px; text-align: justified; text-transform: none } .download-app .left-box .cnt[data-v-6fa1e758] { display: flex; z-index: 2 } .download-app .left-box .cnt .code[data-v-6fa1e758] { align-items: center; background-color: #fff; border-radius: 14px; display: flex; height: 176px; justify-content: center; margin-right: 38px; position: relative; width: 174px } .download-app .left-box .cnt .code .code-logo[data-v-6fa1e758] { height: 34px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 34px } .download-app .left-box .cnt .code .code-tip[data-v-6fa1e758] { align-items: flex-end; bottom: 0; color: #6d6d6d; display: flex; font-family: Arial; font-size: 12px; font-style: normal; font-weight: 400; height: 176px; justify-content: center; left: 0; line-height: 12px; position: absolute; right: 0; text-align: center; text-transform: none; top: 0; width: 174px } .download-app .left-box .cnt .code .code-tip > span[data-v-6fa1e758] { padding: 0 23px 12px } .download-app .left-box .cnt .code-has-code-tip[data-v-6fa1e758] { align-items: center; box-sizing: border-box; flex-direction: column; justify-content: flex-start !important; padding-top: 22px; position: relative } .download-app .left-box .cnt .btns[data-v-6fa1e758] { align-items: center; display: flex; flex-direction: column; justify-content: center } .download-app .left-box .cnt .btns .btn-content[data-v-6fa1e758] { cursor: pointer; height: 49px; margin-bottom: 25px; -webkit-text-decoration: none; text-decoration: none; width: 191px } .download-app .left-box .cnt .btns .btn-content img[data-v-6fa1e758] { height: auto; width: 100% } .download-app .left-box .cnt .btns .btn-content[data-v-6fa1e758]:last-child { margin-bottom: 0 } .download-app .left-box .jp-tip-img[data-v-6fa1e758] { color: #fff; font-size: 14px; height: 17px; margin-top: 25px } .download-app .right-box[data-v-6fa1e758] { align-items: center; background-position: 50%; background-repeat: no-repeat; background-size: cover; display: flex; height: 100%; justify-content: center; position: relative; width: 56.25% } .download-app .right-box img[data-v-6fa1e758] { height: auto; width: 70.83% } .notice-tab[data-v-7721ab6b] { background-color: #212327; min-width: 200px; width: 26% } .notice-tab .title[data-v-7721ab6b] { color: #e8ecef; font-family: "Inter-Semi Bold", Inter, var(--font-family); font-size: 18px; font-weight: 400; height: 48px; line-height: 24px; margin: 16px 16px 10px } .notice-tab .tabs[data-v-7721ab6b] { flex-grow: 1; font-size: 16px; margin: 0 16px } .notice-tab .tabs .tab[data-v-7721ab6b] { border-radius: 8px; color: rgba(232, 236, 239, .75); cursor: pointer; padding: 20px } .notice-tab .tabs .tab[data-v-7721ab6b]:hover { color: hsla(0, 0%, 100%, .9) } .notice-tab .tabs .tab.active[data-v-7721ab6b] { background: hsla(0, 0%, 100%, .1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05); color: #fff } .notice-tab .tabs .tab-left[data-v-7721ab6b] { gap: 20px } .notice-tab .tabs .tab .tab-basic[data-v-7721ab6b] { align-items: center; background-color: #f15a5a; color: #e8ecef; display: flex; font-family: "PingFang SC-Medium", "PingFang SC", var(--font-family); font-size: 14px; justify-content: center } .notice-tab .tabs .tab .tab-num[data-v-7721ab6b] { border-radius: 15px; padding: 2px 5px; width: 26px } .notice-tab .tabs .tab .tab-round[data-v-7721ab6b] { border-radius: 50%; height: 20px; padding: 0; width: 20px } .notice-tab .read-all[data-v-7721ab6b] { color: #6c7275; cursor: pointer; font-family: "PingFang SC", var(--font-family); font-size: 14px; font-weight: 400; gap: 12px; line-height: 24px; margin-bottom: 10px } .msg-head[data-v-7d941635] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; line-height: 32px; overflow: hidden; text-overflow: ellipsis } .msg-head .head-event[data-v-7d941635] { display: inline-block; position: relative } .msg-head .head-event .head-start[data-v-7d941635] { gap: 8px; margin-right: 10px; position: relative } .msg-head .head-event .head-start .msg-desc[data-v-7d941635] { color: hsla(0, 0%, 100%, .5); margin-left: 32px } .msg-head .msg-content[data-v-7d941635] { color: hsla(0, 0%, 100%, .8) } .msg-head .card-user-avatar[data-v-7d941635] { align-items: center; background-color: #e9e9e9; background-position: 50%; background-size: cover; border-radius: 50%; color: #212121; cursor: pointer; display: flex; flex-shrink: 0; font-size: 20px; height: 24px; justify-content: center; position: absolute; width: 24px } .notice-item[data-v-362627c7] { background-color: #212327; border-radius: 12px; cursor: pointer; margin-bottom: 16px; padding: 20px } .notice-item .item-content[data-v-362627c7] { color: hsla(0, 0%, 100%, .7); font-family: "Inter-Medium", Inter, var(--font-family); font-size: 12px; font-weight: 500; gap: 8px; position: relative } .notice-item .item-content .sys-content-title[data-v-362627c7] { align-items: center; display: flex; gap: 16px; line-height: 32px } .notice-item .item-content .sys-content-title-text[data-v-362627c7] { color: #fff; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700 } .notice-item .item-content .sys-content-title-time[data-v-362627c7] { color: hsla(0, 0%, 100%, .5); flex-grow: 1; font-family: "Inter-Regular", Inter, var(--font-family); font-weight: 400 } .notice-item .item-content .item-content-main[data-v-362627c7] { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; min-height: 70px } .notice-item .item-content .item-content-main .name[data-v-362627c7] { color: hsla(0, 0%, 100%, .8) } .notice-item .item-content .item-content-main .msg-time[data-v-362627c7] { color: hsla(0, 0%, 100%, .5) } .notice-item .item-content .item-content-img[data-v-362627c7] { background: #303133; border-radius: 10px; display: flex; flex-shrink: 0; width: 9.5% } .notice-item .item-content .item-content-img img[data-v-362627c7] { border-radius: 10px; max-height: 80px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .notice-item .item-content .main-content[data-v-362627c7] { color: hsla(0, 0%, 100%, .8); line-height: 24px; max-width: 750px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .notice-item .item-content .other-read-status[data-v-362627c7], .notice-item .item-content .read-status[data-v-362627c7] { background: #f05a5a; border-radius: 50%; height: 8px; width: 8px } .notice-item .item-content .other-read-status.hide[data-v-362627c7], .notice-item .item-content .read-status.hide[data-v-362627c7] { opacity: 0 } .notice-item .item-content .other-read-status[data-v-362627c7] { align-self: flex-start; flex-shrink: 0 } .notice-item .item-content .other-read-status.hide[data-v-362627c7] { opacity: 0 } .system-msg[data-v-40f40eb3] { font-family: Inter, var(--font-family); overflow-y: auto; padding: 24px 56px; width: 100% } .system-msg .notice__title[data-v-40f40eb3] { color: #fff; font-size: 16px; font-weight: 700; line-height: 32px; text-align: center } .system-msg .notice__time[data-v-40f40eb3] { color: hsla(0, 0%, 100%, .6); font-size: 12px; font-weight: 500; line-height: 24px; text-align: center } .system-msg .notice__content[data-v-40f40eb3], .system-msg .notice_comfy-ui-app[data-v-40f40eb3] { color: hsla(0, 0%, 100%, .8); font-size: 14px; font-weight: 700; line-height: 32px } .system-msg .notice_comfy-ui-app[data-v-40f40eb3] { display: flex; flex-direction: column } .system-msg .notice_comfy-ui-app a[data-v-40f40eb3] { color: #0072c6; cursor: pointer; overflow: hidden; position: relative; -webkit-text-decoration: underline; text-decoration: underline; text-overflow: ellipsis; transition: all .3s ease-in-out; white-space: nowrap } .system-msg .notice_comfy-ui-app a[data-v-40f40eb3]:hover { filter: brightness(1.2); -webkit-text-decoration: none; text-decoration: none } .notice[data-v-44e0bede] { display: flex; height: calc(100vh - 180px); margin: 30px 0; position: relative } .notice .notice-content[data-v-44e0bede] { background-color: #1a1b23; border-radius: 16px; margin: 0 auto; overflow: hidden; width: 1200px } .notice .notice-content .notice-window[data-v-44e0bede] { flex: 1; padding: 24px 40px } .notice .notice-content .notice-window .notice-window-container[data-v-44e0bede] { height: 100%; overflow-y: auto } .notice .notice-content .notice-window .no-messages[data-v-44e0bede] { font-size: 100px; gap: 15px } .notice .notice-content .notice-window .no-messages .no-messages-text[data-v-44e0bede] { color: #707070; font-size: 14px } .notice .backIcon[data-v-44e0bede] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-size: 28px; height: 52px; justify-content: center; left: -35px; position: absolute; top: 0; width: 52px } .notice .backIcon[data-v-44e0bede]:hover { background-color: #1c2433 } .flex[data-v-df07b2a2] { display: flex; justify-content: center } .blog-header[data-v-df07b2a2] { background: linear-gradient(93deg, rgba(37, 113, 234, .3), rgba(113, 133, 208, .3) 29%, hsla(3, 80%, 80%, .3) 79%); color: #fff; height: 355px; padding-top: 56px; position: relative; width: 100% } .blog-header-top[data-v-df07b2a2] { background: linear-gradient(180deg, #0a0b0a 3%, transparent); height: 117px; left: 0; position: absolute; top: 0; width: 100% } .blog-header-left[data-v-df07b2a2] { color: #fff; font-family: Poppins; font-size: 58px; font-weight: 700; line-height: 80px; margin-right: 64px } .blog-header-left-title .text-top-gradient[data-v-df07b2a2] { -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(90deg, #00a2f6, #b4d7ff, #c584d1, #cc5ba1, #84008f); color: transparent } .blog-header-left-title .text-tips[data-v-df07b2a2] { font-family: Poppins; font-size: 20px; font-weight: 500; line-height: 25px; margin-top: 14px; width: 536px } .blog-header-left-title .text-btn[data-v-df07b2a2] { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 14px; cursor: pointer; display: inline-block; font-size: 23px; height: 69px; line-height: 69px; margin-top: 35px; max-width: 448px; min-width: 224px; text-align: center } .blog-header-video[data-v-df07b2a2] { background: rgba(0, 0, 0, .2); border-radius: 37px; cursor: pointer; height: 305px; margin-left: 64px; margin-top: -16px; position: relative; width: 617px } .blog-header-video-play[data-v-df07b2a2] { align-items: center; background: rgba(0, 0, 0, .2); border-radius: 80px; display: flex; height: 80px; justify-content: center; left: 50%; line-height: 80px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 80px } .blog-header-video-play .iconfont[data-v-df07b2a2] { font-size: 26px } .blog-header-video img[data-v-df07b2a2] { border-radius: 37px; height: 305px; -o-object-fit: cover; object-fit: cover; width: 617px } .dialog[data-v-df07b2a2] { align-items: center; background: rgba(0, 0, 0, .8); bottom: 0; display: flex; justify-content: center; left: 0; overflow: auto; position: fixed; right: 0; top: 0; z-index: 2056 } .dialog .el-icon-close[data-v-df07b2a2] { cursor: pointer; font-size: 20px; font-weight: 600; position: absolute; right: 20px; top: 20px } .banner[data-v-42f01eb3] { align-items: center; background: #141522; border-radius: 41px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; height: 388px; justify-content: center; text-decoration: none; text-decoration: initial; width: 1200px } .banner-left[data-v-42f01eb3] { height: 321px; width: 528px } .banner-left img[data-v-42f01eb3] { border-radius: 14px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .banner-right[data-v-42f01eb3] { display: flex; flex-direction: column; height: 324px; justify-content: space-between; margin-left: 28px; width: 584px } .banner-right-top[data-v-42f01eb3] { font-size: 30px; font-weight: 600; line-height: 38px } .banner-right-content[data-v-42f01eb3] { color: #ececec; font-size: 20px; font-weight: 300; margin-bottom: 70px } .banner-right-bottom[data-v-42f01eb3] { justify-content: space-between } .banner-right-bottom div[data-v-42f01eb3], .banner-right-bottom[data-v-42f01eb3] { align-items: center; display: flex } .banner-right-bottom img[data-v-42f01eb3] { border-radius: 100%; height: 32px; width: 32px } .banner-right-bottom span[data-v-42f01eb3] { color: #ececec; font-size: 14px; font-weight: 400; line-height: 24px; margin-left: 10px } .banner-right-bottom span[data-v-42f01eb3]:last-child { margin-right: 40px } [data-v-42f01eb3] .el-carousel { width: 100% } [data-v-42f01eb3] .el-carousel__item { align-items: center; display: flex; height: 388px; justify-content: center } [data-v-42f01eb3] .el-carousel__indicators--outside { align-items: center; display: flex; height: 38px; justify-content: center; line-height: 38px } [data-v-42f01eb3] .el-carousel__indicator .el-carousel__button { background: #ced4da; border-radius: 100%; height: 10px; opacity: .5; width: 10px } [data-v-42f01eb3] .el-carousel__indicator.is-active .el-carousel__button { background: #fff; border-radius: 100%; height: 14px; opacity: 1; width: 14px } .categroy[data-v-310b6c41] { align-items: center; color: #fff; display: flex; flex-direction: column; margin-top: 20px } .categroy-title[data-v-310b6c41] { color: #fff; display: flex; font-family: Poppins; font-size: 30px; font-weight: 700; justify-content: center; line-height: 45px; margin-bottom: 10px; margin-top: 54px; width: 100% } .categroy-title-content[data-v-310b6c41] { align-items: center; display: flex; justify-content: space-between; text-align: left; width: 1200px } .tag-list[data-v-310b6c41] { color: #fff; display: flex; gap: 15px; width: 1200px } .tag-list-item[data-v-310b6c41] { border: 2px solid #2b2e41; border-radius: 14px; cursor: pointer; display: flex; padding: 10px 16px } .tag-list-item span[data-v-310b6c41] { margin-left: 10px } .tag-list .active[data-v-310b6c41] { background-color: #fff; border: 2px solid #fff; color: #2b2e41 } .categroy-list[data-v-310b6c41] { grid-gap: 20px; display: grid; gap: 20px; grid-template-columns:1fr 1fr 1fr; margin-bottom: 80px; margin-top: 36px; width: 1200px } .categroy-list-item[data-v-310b6c41] { background: #1d1d1d; border-radius: 16px; box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, .25); display: flex; flex-direction: column; gap: 16px; justify-content: space-between; padding: 16px; text-decoration: none; text-decoration: initial } .categroy-list-item i.el-icon-time[data-v-310b6c41] { color: #fff } .categroy-list-item-img[data-v-310b6c41] { background: #d9d9d9; border-radius: 12px; height: 203px; -o-object-fit: cover; object-fit: cover; width: 348px } .categroy-list-item-top[data-v-310b6c41] { border: 1px solid #4caa6c; border-radius: 4px; color: #4caa6c; font-size: 12px; font-weight: 500; line-height: 12px; padding: 3px 5px; width: -moz-fit-content; width: fit-content } .categroy-list-item-content[data-v-310b6c41] { color: #fff; font-size: 18px; font-weight: 500 } .categroy-list-item-bottom[data-v-310b6c41] { justify-content: space-between } .categroy-list-item-bottom div[data-v-310b6c41], .categroy-list-item-bottom[data-v-310b6c41] { align-items: center; display: flex } .categroy-list-item-bottom img[data-v-310b6c41] { border-radius: 100%; height: 32px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; width: 32px } .categroy-list-item-bottom i[data-v-310b6c41] { margin-right: 10px } .categroy-list-item-bottom span[data-v-310b6c41] { color: #a5a5a5; font-family: Poppins; font-size: 14px; font-weight: 500; line-height: 32px } .defBox[data-v-310b6c41] { align-items: center; display: flex; flex-direction: column; height: 300px; justify-content: center; margin-top: -80px; width: 100% } .defBox img[data-v-310b6c41] { height: 142px; margin-bottom: 10px; width: 142px } .defBox span[data-v-310b6c41] { color: #aaacb3; font-size: 14px; margin-bottom: 16px } [data-v-310b6c41] .el-input__inner { background: #060707; border: 1px solid #2b2e41; border-radius: 10px; height: 44px } .blog[data-v-ea38eadc] { width: 100% } .blog-title[data-v-ea38eadc] { color: #fff; display: flex; font-family: Poppins; font-size: 30px; font-weight: 700; justify-content: center; line-height: 45px; margin-bottom: 10px; margin-top: 54px; width: 100% } .blog-title-content[data-v-ea38eadc] { align-items: center; display: flex; justify-content: space-between; text-align: left; width: 1200px } .blog-detail[data-v-716f7c9e] { align-items: center; display: flex; flex-direction: column; width: 100% } .blog-detail-content[data-v-716f7c9e] { color: #fff; width: 1200px } .blog-detail-content .breadcrumb[data-v-716f7c9e] { margin: 20px 0 } .blog-detail-content h1[data-v-716f7c9e] { color: #fff; font-size: 38px; font-weight: 600; line-height: 57px } .blog-detail-content-html[data-v-716f7c9e] { color: #fff } .blog-detail-content-html[data-v-716f7c9e] div[data-w-e-type=video] { text-align: center } .blog-detail-content-html[data-v-716f7c9e] p { color: hsla(0, 0%, 100%, .8); margin-bottom: 1em; margin-top: 1em } .blog-detail-content-html[data-v-716f7c9e] ol, .blog-detail-content-html[data-v-716f7c9e] ul { color: hsla(0, 0%, 100%, .8) } .blog-detail-content .tips[data-v-716f7c9e] { align-items: center; display: flex; font-size: 14px; height: 56px; justify-content: space-between } .blog-detail-content .tips .author[data-v-716f7c9e] { margin-right: 25px } .blog-detail-content .tips .time[data-v-716f7c9e] { color: #aca9bb; font-weight: 300; line-height: 21px } .blog-detail-content .meta[data-v-716f7c9e] { border-bottom: 1px solid hsla(0, 0%, 100%, .15); color: hsla(0, 0%, 100%, .8); font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 28px; padding: 8px 0 20px } [data-v-716f7c9e] .el-breadcrumb__inner { color: #00a4ff !important; cursor: pointer; font-family: Poppins; font-size: 14px; font-weight: 300; line-height: 21px } .flex[data-v-58d982b4] { display: flex; justify-content: center } .blog-header[data-v-58d982b4] { background: linear-gradient(93deg, rgba(37, 113, 234, .3), rgba(113, 133, 208, .3) 29%, hsla(3, 80%, 80%, .3) 79%); color: #fff; height: 355px; padding-top: 56px; position: relative; width: 100% } .blog-header-top[data-v-58d982b4] { background: linear-gradient(180deg, #0a0b0a 3%, transparent); height: 117px; left: 0; position: absolute; top: 0; width: 100% } .blog-header-left[data-v-58d982b4] { color: #fff; font-family: Poppins; font-size: 58px; font-weight: 700; line-height: 80px; margin-right: 64px } .blog-header-left-title .text-top-gradient[data-v-58d982b4] { -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(90deg, #00a2f6, #b4d7ff, #c584d1, #cc5ba1, #84008f); color: transparent } .blog-header-left-title .text-tips[data-v-58d982b4] { font-family: Poppins; font-size: 20px; font-weight: 500; line-height: 25px; margin-top: 14px; width: 536px } .blog-header-left-title .text-btn[data-v-58d982b4] { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 14px; cursor: pointer; display: inline-block; font-size: 23px; height: 69px; line-height: 69px; margin-top: 35px; max-width: 448px; min-width: 224px; text-align: center } .blog-header-video[data-v-58d982b4] { background: rgba(0, 0, 0, .2); border-radius: 37px; cursor: pointer; height: 305px; margin-left: 64px; margin-top: -16px; position: relative; width: 617px } .blog-header-video-play[data-v-58d982b4] { align-items: center; background: rgba(0, 0, 0, .2); border-radius: 80px; display: flex; height: 80px; justify-content: center; left: 50%; line-height: 80px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 80px } .blog-header-video-play .iconfont[data-v-58d982b4] { font-size: 26px } .blog-header-video img[data-v-58d982b4] { border-radius: 37px; height: 305px; -o-object-fit: cover; object-fit: cover; width: 617px } .dialog[data-v-58d982b4] { align-items: center; background: rgba(0, 0, 0, .8); bottom: 0; display: flex; justify-content: center; left: 0; overflow: auto; position: fixed; right: 0; top: 0; z-index: 2056 } .dialog .el-icon-close[data-v-58d982b4] { cursor: pointer; font-size: 20px; font-weight: 600; position: absolute; right: 20px; top: 20px } .banner[data-v-e65d20e0] { align-items: center; background: #141522; border-radius: 41px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; height: 388px; justify-content: center; text-decoration: none; text-decoration: initial; width: 1200px } .banner-left[data-v-e65d20e0] { height: 321px; width: 528px } .banner-left img[data-v-e65d20e0] { border-radius: 14px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .banner-right[data-v-e65d20e0] { display: flex; flex-direction: column; height: 324px; justify-content: space-between; margin-left: 28px; width: 584px } .banner-right-top[data-v-e65d20e0] { font-size: 30px; font-weight: 600; line-height: 38px } .banner-right-content[data-v-e65d20e0] { color: #ececec; font-size: 20px; font-weight: 300; margin-bottom: 70px } .banner-right-bottom[data-v-e65d20e0] { justify-content: space-between } .banner-right-bottom div[data-v-e65d20e0], .banner-right-bottom[data-v-e65d20e0] { align-items: center; display: flex } .banner-right-bottom img[data-v-e65d20e0] { border-radius: 100%; height: 32px; width: 32px } .banner-right-bottom span[data-v-e65d20e0] { color: #ececec; font-size: 14px; font-weight: 400; line-height: 24px; margin-left: 10px } .banner-right-bottom span[data-v-e65d20e0]:last-child { margin-right: 40px } [data-v-e65d20e0] .el-carousel { width: 100% } [data-v-e65d20e0] .el-carousel__item { align-items: center; display: flex; height: 388px; justify-content: center } [data-v-e65d20e0] .el-carousel__indicators--outside { align-items: center; display: flex; height: 38px; justify-content: center; line-height: 38px } [data-v-e65d20e0] .el-carousel__indicator .el-carousel__button { background: #ced4da; border-radius: 100%; height: 10px; opacity: .5; width: 10px } [data-v-e65d20e0] .el-carousel__indicator.is-active .el-carousel__button { background: #fff; border-radius: 100%; height: 14px; opacity: 1; width: 14px } .categroy[data-v-10390bc6] { align-items: center; color: #fff; display: flex; flex-direction: column; margin-top: 20px } .categroy-title[data-v-10390bc6] { color: #fff; display: flex; font-family: Poppins; font-size: 30px; font-weight: 700; justify-content: center; line-height: 45px; margin-bottom: 10px; margin-top: 54px; width: 100% } .categroy-title-content[data-v-10390bc6] { align-items: center; display: flex; justify-content: space-between; text-align: left; width: 1200px } .tag-list[data-v-10390bc6] { color: #fff; display: flex; gap: 15px; width: 1200px } .tag-list-item[data-v-10390bc6] { border: 2px solid #2b2e41; border-radius: 14px; cursor: pointer; display: flex; padding: 10px 16px } .tag-list-item span[data-v-10390bc6] { margin-left: 10px } .tag-list .active[data-v-10390bc6] { background-color: #fff; border: 2px solid #fff; color: #2b2e41 } .categroy-list[data-v-10390bc6] { grid-gap: 20px; display: grid; gap: 20px; grid-template-columns:1fr 1fr 1fr; margin-bottom: 80px; margin-top: 36px; width: 1200px } .categroy-list-item[data-v-10390bc6] { background: #1d1d1d; border-radius: 16px; box-shadow: 6px 6px 30px 0 rgba(0, 0, 0, .25); display: flex; flex-direction: column; gap: 16px; justify-content: space-between; padding: 16px; text-decoration: none; text-decoration: initial } .categroy-list-item i.el-icon-time[data-v-10390bc6] { color: #fff } .categroy-list-item-img[data-v-10390bc6] { background: #d9d9d9; border-radius: 12px; height: 203px; -o-object-fit: cover; object-fit: cover; width: 348px } .categroy-list-item-top[data-v-10390bc6] { border: 1px solid #4caa6c; border-radius: 4px; color: #4caa6c; font-size: 12px; font-weight: 500; line-height: 12px; padding: 3px 5px; width: -moz-fit-content; width: fit-content } .categroy-list-item-content[data-v-10390bc6] { color: #fff; font-size: 18px; font-weight: 500 } .categroy-list-item-bottom[data-v-10390bc6] { justify-content: space-between } .categroy-list-item-bottom div[data-v-10390bc6], .categroy-list-item-bottom[data-v-10390bc6] { align-items: center; display: flex } .categroy-list-item-bottom img[data-v-10390bc6] { border-radius: 100%; height: 32px; margin-right: 10px; -o-object-fit: cover; object-fit: cover; width: 32px } .categroy-list-item-bottom i[data-v-10390bc6] { margin-right: 10px } .categroy-list-item-bottom span[data-v-10390bc6] { color: #a5a5a5; font-family: Poppins; font-size: 14px; font-weight: 500; line-height: 32px } .defBox[data-v-10390bc6] { align-items: center; display: flex; flex-direction: column; height: 300px; justify-content: center; margin-top: -80px; width: 100% } .defBox img[data-v-10390bc6] { height: 142px; margin-bottom: 10px; width: 142px } .defBox span[data-v-10390bc6] { color: #aaacb3; font-size: 14px; margin-bottom: 16px } [data-v-10390bc6] .el-input__inner { background: #060707; border: 1px solid #2b2e41; border-radius: 10px; height: 44px } .blog[data-v-863e5308] { width: 100% } .blog-title[data-v-863e5308] { color: #fff; display: flex; font-family: Poppins; font-size: 30px; font-weight: 700; justify-content: center; line-height: 45px; margin-bottom: 10px; margin-top: 54px; width: 100% } .blog-title-content[data-v-863e5308] { align-items: center; display: flex; justify-content: space-between; text-align: left; width: 1200px } .blog-detail[data-v-126f8f3a] { align-items: center; display: flex; flex-direction: column; width: 100% } .blog-detail-content[data-v-126f8f3a] { color: #fff; width: 1200px } .blog-detail-content .breadcrumb[data-v-126f8f3a] { margin: 20px 0 } .blog-detail-content h1[data-v-126f8f3a] { color: #fff; font-size: 38px; font-weight: 600; line-height: 57px } .blog-detail-content-html[data-v-126f8f3a] { color: #fff } .blog-detail-content-html[data-v-126f8f3a] div[data-w-e-type=video] { text-align: center } .blog-detail-content-html[data-v-126f8f3a] p { color: hsla(0, 0%, 100%, .8); margin-bottom: 1em; margin-top: 1em } .blog-detail-content-html[data-v-126f8f3a] ol, .blog-detail-content-html[data-v-126f8f3a] ul { color: hsla(0, 0%, 100%, .8) } .blog-detail-content .tips[data-v-126f8f3a] { align-items: center; display: flex; font-size: 14px; height: 56px; justify-content: space-between } .blog-detail-content .tips .author[data-v-126f8f3a] { margin-right: 25px } .blog-detail-content .tips .time[data-v-126f8f3a] { color: #aca9bb; font-weight: 300; line-height: 21px } .blog-detail-content .meta[data-v-126f8f3a] { border-bottom: 1px solid hsla(0, 0%, 100%, .15); color: hsla(0, 0%, 100%, .8); font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 28px; padding: 8px 0 20px } [data-v-126f8f3a] .el-breadcrumb__inner { color: #00a4ff !important; cursor: pointer; font-family: Poppins; font-size: 14px; font-weight: 300; line-height: 21px } .xgplayer.not-allow-autoplay .xgplayer-controls, .xgplayer.xgplayer-inactive .controls-autohide, .xgplayer.xgplayer-nostart .xgplayer-controls { cursor: default; opacity: 0; pointer-events: none; visibility: hidden } .xgplayer.not-allow-autoplay .xgplayer-controls-initshow, .xgplayer.xgplayer-nostart .xgplayer-controls-initshow { opacity: 1; pointer-events: auto; visibility: visible } .xgplayer .xgplayer-controls { background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .37), rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)); bottom: 0; display: block; height: 48px; left: 0; opacity: 1; position: absolute; right: 0; transition: opacity .5s ease, visibility .5s ease; visibility: visible; z-index: 10 } .xgplayer .xgplayer-controls.show { display: block; opacity: 1; pointer-events: auto; visibility: visible } .xgplayer .xg-inner-controls { bottom: 0; display: flex; height: 40px; justify-content: space-between; position: absolute } .xgplayer .xg-left-grid, .xgplayer .xg-right-grid { display: flex; flex-shrink: 1; flex-wrap: wrap; height: 100%; position: relative; z-index: 1 } .xgplayer .xg-right-grid { flex-direction: row-reverse } .xgplayer .xg-right-grid > :first-child { margin-right: 0 } .xgplayer .xg-left-grid > :first-child, .xgplayer .xg-right-grid xg-icon { margin-left: 0 } .xgplayer .xg-left-grid xg-icon { margin-right: 0 } .xgplayer .xg-center-grid { display: block; left: 0; outline: none; padding: 5px 0; position: absolute; right: 0; text-align: center; top: -20px } .xgplayer .flex-controls .xg-inner-controls { bottom: 8px; display: flex; justify-content: space-around } .xgplayer .flex-controls .xg-center-grid { align-items: center; display: flex; flex: 1; height: 100%; justify-content: space-between; left: 0; padding: 0 16px; position: relative; right: 0; top: 0 } .xgplayer.xgplayer-mobile .xg-center-grid { z-index: 2 } .xgplayer.xgplayer-mobile .flex-controls .xg-center-grid { padding: 0 8px } .xgplayer .bottom-controls .xg-center-grid { padding: 0; top: 20px } .xgplayer .bottom-controls .xg-left-grid, .xgplayer .bottom-controls .xg-right-grid { bottom: 10px } .xgplayer .mini-controls { background-image: none } .xgplayer .mini-controls .xg-inner-controls { bottom: 0; left: 0; right: 0 } .xgplayer .mini-controls .xg-center-grid { bottom: -28px; padding: 0; top: auto } .xgplayer .mini-controls .xg-left-grid, .xgplayer .mini-controls .xg-right-grid { display: none } .xgplayer .controls-follow { bottom: 70px; transition: bottom .3s ease } .xgplayer.flex-controls .controls-follow { bottom: 45px } .xgplayer.mini-controls .controls-follow, .xgplayer.no-controls .controls-follow, .xgplayer.xgplayer-inactive .controls-follow { bottom: 10px } .xgplayer-fullscreen-parent { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999 } .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen, .xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen { position: absolute; z-index: 10 } .xgplayer-rotate-parent { bottom: 0; height: 100vw; left: 100%; position: fixed; right: 0; top: 0; transform: rotate(90deg); transform-origin: top left; width: 100vh; z-index: 9999 } .xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen { height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; transform: rotate(0); width: 100%; z-index: 10 } .xgplayer-rotate-parent .xgplayer-mobile video { z-index: -1 } .xgplayer { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; background: #000; cursor: pointer; font-family: PingFang SC, Helvetica Neue, Helvetica, STHeiTi, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; font-size: 14px; font-weight: 400; height: 100%; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100% } .xgplayer * { word-wrap: normal; border: 0; margin: 0; padding: 0; vertical-align: baseline; white-space: normal } .xgplayer li, .xgplayer ul { list-style: none } .xgplayer .xgplayer-none { display: none } .xgplayer.xgplayer-is-fullscreen { margin: 0; padding: 0 } .xgplayer.xgplayer-is-cssfullscreen, .xgplayer.xgplayer-is-fullscreen { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999 } .xgplayer.xgplayer-rotate-fullscreen { bottom: 0; height: 100vw; left: 100%; position: fixed; right: 0; top: 0; transform: rotate(90deg); transform-origin: top left; width: 100vh; z-index: 9999 } .xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video { z-index: -1 } .xgplayer xg-video-container.xg-video-container { bottom: 48px; display: block; position: absolute; top: 0; width: 100% } .xgplayer video { height: 100%; left: 0; outline: none; position: absolute; top: 0; width: 100% } .xgplayer[data-xgfill=contain] video { -o-object-fit: contain; object-fit: contain } .xgplayer[data-xgfill=cover] video { -o-object-fit: cover; object-fit: cover } .xgplayer[data-xgfill=fill] video { -o-object-fit: fill; object-fit: fill } .xgplayer .xg-pos { left: 10px; right: 10px } .xgplayer .xg-margin { margin-left: 16px; margin-right: 16px } .xgplayer .xg-bottom { bottom: 0 } .xgplayer .btn-text { font-size: 13px; height: 24px; position: relative; text-align: center; top: 50% } .xgplayer .btn-text span { background: rgba(0, 0, 0, .38); border-radius: 12px; display: inline-block; height: 24px; line-height: 24px; min-width: 52px } .xgplayer xg-icon { fill: #fff; box-sizing: border-box; color: hsla(0, 0%, 100%, .8); cursor: pointer; height: 40px; margin-left: 16px; margin-right: 16px; position: relative } .xgplayer xg-icon.xg-icon-disable { cursor: not-allowed } .xgplayer xg-icon .xg-tips { left: 50%; top: -30px; transform: translate(-50%) } .xgplayer xg-icon:active .xg-tips, .xgplayer xg-icon:hover .xg-tips { display: block } .xgplayer xg-icon:active .xg-tips.hide, .xgplayer xg-icon:hover .xg-tips.hide { display: none } .xgplayer xg-icon .xgplayer-icon { cursor: pointer; position: relative; top: 50%; transform: translateY(-50%) } .xgplayer xg-icon .xg-icon-disable { cursor: not-allowed } .xgplayer xg-icon .xg-img { width: 100% } .xgplayer xg-icon img, .xgplayer xg-icon svg { display: block; height: 100% } .xgplayer xg-bar { display: block } .xgplayer.xgplayer-inactive xg-bar, .xgplayer.xgplayer-mini xg-bar { display: none } .xgplayer.xgplayer-inactive .xg-top-bar { display: flex } .xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide { display: none } .xgplayer .xg-top-bar { display: flex; height: 50px; padding: 0 16px; position: absolute; top: 0; z-index: 10 } .xgplayer .xg-top-bar xg-icon { left: 0; margin-top: 0; position: relative; top: 10px; width: 34px } .xgplayer .xg-top-bar xg-icon:first-child { margin-left: 0 } .xgplayer .xg-left-bar, .xgplayer .xg-right-bar { bottom: 50px; position: absolute; top: 50px; width: 50px; z-index: 9 } .xgplayer .xg-left-bar { left: 0 } .xgplayer .xg-right-bar { right: 0 } .xgplayer .xg-tips { background: rgba(0, 0, 0, .54); border-radius: 4px; color: #fff; display: none; font-size: 12px; opacity: .85; padding: 4px 6px; position: absolute; text-align: center; white-space: nowrap } .xgplayer .xg-margin { left: 0; right: 0 } .xgplayer-mobile, .xgplayer-mobile * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .xgplayer-mobile * { -webkit-text-decoration: none; text-decoration: none } .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos, .xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar { left: 6%; right: 6% } .xgplayer-mobile xg-icon:hover .xg-tips { display: none } .xg-list-slide-scroll::-webkit-scrollbar-track { background-color: transparent; display: none } .xg-list-slide-scroll:hover::-webkit-scrollbar-track { display: block } .xg-list-slide-scroll::-webkit-scrollbar { -webkit-appearance: none; appearance: none; background: transparent; height: 4px; width: 4px } .xg-list-slide-scroll::-webkit-scrollbar-corner { background: transparent; display: none } .xg-list-slide-scroll::-webkit-scrollbar-thumb { background: hsla(0, 0%, 100%, .5); border-radius: 3px; display: none; width: 4px } .xg-list-slide-scroll:hover::-webkit-scrollbar-thumb { display: block } @media only screen and (max-width: 480px) { .xgplayer-mobile xg-icon { margin-left: 10px; margin-right: 10px } .xgplayer-mobile .xg-top-bar { left: 10px; right: 10px } } @media screen and (orientation: portrait) { .xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls, .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls { bottom: 34px; bottom: constant(safe-area-inset-bottom); bottom: env(safe-area-inset-bottom) } .xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar, .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar { top: 34px; top: constant(safe-area-inset-top); top: env(safe-area-inset-top) } } @media only screen and (orientation: landscape) { .xgplayer-mobile.xgplayer-is-fullscreen .xg-pos, .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar { left: 6%; right: 6% } .xgplayer-mobile.xgplayer-rotate-fullscreen { height: 100vh; left: 0; transform: rotate(0); width: 100vw } } .xgplayer .xgplayer-screen-container { display: block; width: 100% } .xgplayer .xg-options-icon { cursor: pointer; display: none } .xgplayer .xg-options-icon.show { display: block } @keyframes xg_right_options_active { 0% { transform: translate(50%) } to { transform: translate(-50%) } } @keyframes xg_right_options_hide { 0% { transform: translate(-50%) } to { transform: translate(50%) } } @keyframes xg_left_options_active { 0% { transform: translate(-50%) } to { transform: translate(50%) } } @keyframes xg_left_options_hide { 0% { transform: translate(50%) } to { transform: translate(-50%) } } .xgplayer .xg-options-list { background: rgba(0, 0, 0, .54); border-radius: 1px; bottom: 100%; color: hsla(0, 0%, 100%, .8); cursor: pointer; display: none; font-size: 14px; height: 0; opacity: .85; overflow: auto; position: absolute; right: 50%; transform: translate(50%); width: 78px; z-index: 5 } .xgplayer .xg-options-list li { color: hsla(0, 0%, 100%, .8); height: 20px; line-height: 20px; padding: 4px 0; position: relative; text-align: center } .xgplayer .xg-options-list li.selected, .xgplayer .xg-options-list li:hover { color: red; opacity: 1 } .xgplayer .xg-options-list li:first-child { margin-top: 12px; position: relative } .xgplayer .xg-options-list li:last-child { margin-bottom: 12px; position: relative } .xgplayer .xg-options-list:hover { opacity: 1 } .xgplayer .xg-options-list.active { display: block; height: auto } .xgplayer .xg-options-list.xg-side-list { background: rgba(0, 0, 0, .9); bottom: 0; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 20% } .xgplayer .xg-options-list.xg-side-list li { flex: 1; padding: 0; position: relative; width: 100% } .xgplayer .xg-options-list.xg-side-list li span { display: block; pointer-events: none; position: relative; top: 50%; transform: translateY(-50%) } .xgplayer .xg-options-list.xg-side-list li:first-child { margin-top: 20px } .xgplayer .xg-options-list.xg-side-list li:last-child { margin-bottom: 20px } .xgplayer .xg-options-list.xg-right-side { right: -10.5% } .xgplayer .xg-options-list.xg-right-side.active { animation: xg_right_options_active .2s ease-out forwards; height: 100% } .xgplayer .xg-options-list.xg-right-side.hide { animation: xg_right_options_hide .2s ease-in forwards; height: 100% } .xgplayer .xg-options-list.xg-left-side { left: -10.5%; transform: translate(-50%) } .xgplayer .xg-options-list.xg-left-side.active { animation: xg_left_options_active .2s ease-out forwards; height: 100% } .xgplayer .xg-options-list.xg-left-side.hide { animation: xg_left_options_hide .2s ease-in forwards; height: 100% } @media only screen and (max-width: 480px) { .xgplayer-mobile .xg-options-icon.portrait { display: none } .xgplayer-mobile .xg-options-list li:hover { color: hsla(0, 0%, 100%, .8) } .xgplayer-mobile .xg-options-list li.selected { color: red } } .xgplayer-replay { display: none } .xgplayer .xgplayer-replay { align-items: center; cursor: pointer; display: none; flex-direction: column; height: 100px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100px; z-index: 5 } .xgplayer .xgplayer-replay .xgplayer-replay-txt { color: #fff; display: inline-block; font-size: 14px; line-height: 34px; text-align: center } .xgplayer.xgplayer-mobile .xgplayer-replay-svg { height: 50px; width: 50px } .xgplayer.xgplayer-mobile .xgplayer-replay-txt { font-size: 12px; line-height: 24px } .xgplayer .xgplayer-poster { background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: block; height: 100%; left: 0; opacity: 1; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease, visibility .3s ease; visibility: visible; width: 100% } .xgplayer .xgplayer-poster.hide, .xgplayer.xgplayer-playing .xgplayer-poster { opacity: 0; visibility: hidden } .xgplayer.not-allow-autoplay .xgplayer-poster, .xgplayer.xgplayer-ended .xgplayer-poster, .xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay, .xgplayer.xgplayer-nostart .xgplayer-poster, .xgplayer.xgplayer-playing .xg-not-hidden, .xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay { opacity: 1; visibility: visible } .xgplayer.not-allow-autoplay .xgplayer-poster.hide, .xgplayer.xgplayer-ended .xgplayer-poster.hide, .xgplayer.xgplayer-nostart .xgplayer-poster.hide { opacity: 0; visibility: hidden } @keyframes playPause { 0% { opacity: 1; transform: scale(1) } 99% { opacity: 0; transform: scale(1.3) } to { opacity: 0; transform: scale(1) } } .xgplayer xg-start-inner { background: rgba(0, 0, 0, .38); border-radius: 50%; display: block; height: 100%; overflow: hidden; width: 100% } .xgplayer .xgplayer-start { cursor: pointer; height: 70px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 70px; z-index: 5 } .xgplayer .xgplayer-start svg { height: 100%; width: 100% } .xgplayer .xgplayer-start.focus-hide, .xgplayer .xgplayer-start.hide { display: none; pointer-events: none } .xgplayer .xgplayer-start:hover { opacity: .85 } .xgplayer .xgplayer-start .xg-icon-play { display: block } .xgplayer .xgplayer-start .xg-icon-pause, .xgplayer .xgplayer-start[data-state=pause] .xg-icon-play { display: none } .xgplayer .xgplayer-start.interact, .xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause { display: block } .xgplayer .xgplayer-start.interact xg-start-inner { animation: playPause .4s ease-out .1s forwards } .xgplayer .xgplayer-start.show { display: block } .xgplayer.xgplayer-mobile xg-start-inner { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border-radius: 0 } .xgplayer.xgplayer-mobile .xgplayer-start { height: 50px; width: 50px } .xgplayer.xgplayer-mobile .xgplayer-start:hover { opacity: 1 } .xgplayer.xgplayer-inactive .xgplayer-start.auto-hide, .xgplayer.xgplayer-is-enter .xgplayer-start, .xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide, .xgplayer.xgplayer-is-enter .xgplayer-start.show, .xgplayer.xgplayer-is-error .xgplayer-start, .xgplayer.xgplayer-is-error .xgplayer-start.show, .xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start { display: none } .xgplayer-enter { background: rgba(0, 0, 0, .8); display: none; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 5 } .xgplayer-enter .show { display: block } .xgplayer-enter .xgplayer-enter-spinner { display: block; height: 100px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100px; z-index: 1 } .xgplayer-enter .xgplayer-enter-spinner div { animation: fade 1s linear infinite; background-color: hsla(0, 0%, 100%, .702); border-radius: 30px; height: 13%; left: 45%; opacity: 0; position: absolute; top: 45%; width: 6% } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 { animation-delay: 0s; transform: rotate(0) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 { animation-delay: -.9163s; transform: rotate(30deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 { animation-delay: -.833s; transform: rotate(60deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 { animation-delay: -.7497s; transform: rotate(90deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 { animation-delay: -.6664s; transform: rotate(120deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 { animation-delay: -.5831s; transform: rotate(150deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 { animation-delay: -.4998s; transform: rotate(180deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 { animation-delay: -.4165s; transform: rotate(210deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 { animation-delay: -.3332s; transform: rotate(240deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 { animation-delay: -.2499s; transform: rotate(270deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 { animation-delay: -.1666s; transform: rotate(300deg) translateY(-140%) } .xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 { animation-delay: -.0833s; transform: rotate(330deg) translateY(-142%) } @keyframes fade { 0% { opacity: 1 } to { opacity: .25 } } .xgplayer.xgplayer-is-enter .xgplayer-enter { display: block; opacity: 1; transition: opacity .3s } .xgplayer.xgplayer-nostart .xgplayer-enter { display: none } .xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner { height: 70px; width: 70px } .xg-mini-layer { background: linear-gradient(180deg, rgba(57, 57, 57, .9), rgba(57, 57, 57, 0) 50.27%); display: none; z-index: 11 } .xg-mini-layer, .xg-mini-layer .mask { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .xg-mini-layer .mask { background-color: rgba(0, 0, 0, .4); pointer-events: none } .xg-mini-layer xg-mini-header { box-sizing: border-box; color: #fff; display: flex; font-size: 14px; justify-content: space-between; left: 0; padding: 10px 3px 0 8px; position: absolute; right: 40px; top: 0; z-index: 22 } .xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn { pointer-events: all } .xg-mini-layer xg-mini-header #disabledMini { display: none; position: relative } .xg-mini-layer xg-mini-header #disabledMini + label { align-items: center; cursor: pointer; display: flex; position: relative } .xg-mini-layer xg-mini-header #disabledMini + label:before { background-color: transparent; border: 1px solid #cdcdcd; border-radius: 2px; color: #ff142b; content: ""; display: inline-block; height: 16px; line-height: 16px; margin-right: 7px; text-align: center; vertical-align: middle; width: 16px } .xg-mini-layer xg-mini-header #disabledMini:checked + label { color: #ff142b } .xg-mini-layer xg-mini-header #disabledMini:checked + label:before { border-color: #ff142b } .xg-mini-layer xg-mini-header #disabledMini:checked + label:after { border-color: #ff142b; border-style: solid; border-width: 0 2px 2px 0; content: ""; height: 8px; left: 6px; position: absolute; top: 5px; transform: rotate(45deg); width: 4px } .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips { background-color: rgba(0, 0, 0, .541); border-radius: 4px; bottom: -30px; display: none; padding: 4px 6px; position: absolute; right: 15px; white-space: nowrap } .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label:before { border-color: #ff142b } .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini + label { color: #ff142b } .xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips { display: block } .xg-mini-layer .mini-cancel-btn { color: #fff; cursor: pointer; display: block; height: 38px; line-height: 38px; position: absolute; right: 0; text-align: center; top: 0; width: 40px } .xg-mini-layer .play-icon { background: rgba(0, 0, 0, .54); border-radius: 24px; cursor: pointer; height: 48px; left: 50%; margin: -24px 0 0 -24px; position: absolute; top: 50%; width: 48px } .xg-mini-layer .play-icon img, .xg-mini-layer .play-icon svg { fill: #faf7f7; height: 50px; width: 50px } .xg-mini-layer .xg-icon-play { display: none } .xg-mini-layer .xg-icon-pause, .xg-mini-layer[data-state=pause] .xg-icon-play { display: block } .xg-mini-layer[data-state=pause] .xg-icon-pause { display: none } .xgplayer-miniicon { display: block; outline: none; position: relative } .xgplayer-miniicon .name { color: hsla(0, 0%, 100%, .8); font-size: 13px; height: 20px; line-height: 20px; line-height: 40px; text-align: center } .xgplayer-miniicon .name span { background: rgba(0, 0, 0, .38); border-radius: 10px; display: inline-block; font-size: 13px; height: 20px; line-height: 20px; vertical-align: middle; width: 60px } .xgplayer-mini { box-shadow: 0 4px 7px 2px rgba(0, 0, 0, .2); height: 180px; position: fixed; width: 320px; z-index: 91 } .xgplayer-mini:hover { cursor: move } .xgplayer-mini:hover .xg-mini-layer { display: block } .xgplayer-mini.xgplayer-ended .xg-mini-layer { display: none } .xgplayer-mobile .xg-mini-layer .play-icon { background: none; border-radius: 0; border-radius: initial } .xgplayer.xgplayer-inactive { cursor: none } .xgplayer xg-thumbnail { display: block } .xgplayer xg-trigger { height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100% } .xgplayer xg-trigger .time-preview { color: #fff; display: none; font-size: 18px; left: 50%; margin: 0 auto; padding: 0 20px 30px; pointer-events: none; position: absolute; text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, .54); top: 50%; transform: translate(-50%, -50%); width: 200px } .xgplayer xg-trigger .time-preview span { line-height: 24px } .xgplayer xg-trigger .time-preview .xg-cur { color: red } .xgplayer xg-trigger .time-preview .xg-separator { font-size: 14px } .xgplayer xg-trigger .time-preview .xg-seek-show { transform: translate(-10px) } .xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre { transform: rotate(180deg) translate(-5px) } .xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon { display: none } .xgplayer xg-trigger .time-preview .xg-bar { background: hsla(0, 0%, 100%, .3); border-radius: 10px; box-sizing: content-box; height: 2px; margin: 8px auto 0; width: 96px } .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar { background-color: red; height: 100%; width: 0 } .xgplayer xg-trigger .time-preview .xg-bar.hide { display: none } .xgplayer xg-trigger .mobile-thumbnail { left: 50%; position: relative; transform: translate(-50%) } .xgplayer xg-trigger .xg-top-note { background: rgba(0, 0, 0, .3); border-radius: 100px; color: #fff; height: 32px; left: 50%; margin-left: -78px; position: absolute; top: 26px; width: 135px } .xgplayer xg-trigger .xg-top-note span { display: block; font-size: 13px; height: 32px; line-height: 32px; text-align: center } .xgplayer xg-trigger .xg-top-note i { color: red; margin: 0 5px } .xgplayer xg-trigger .xg-playbackrate { display: none } .xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate, .xgplayer xg-trigger[data-xg-action=seeking] .time-preview { display: block } .xgplayer .gradient { background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .36) 20%, transparent 36%, transparent 70%, rgba(0, 0, 0, .24) 77%, rgba(0, 0, 0, .36) 83%, rgba(0, 0, 0, .6)); display: none; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .xgplayer .gradient.top { background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .36) 20%, transparent 36%, transparent 70%) } .xgplayer .gradient.bottom { background-image: linear-gradient(transparent 70%, rgba(0, 0, 0, .24) 77%, rgba(0, 0, 0, .36) 83%, rgba(0, 0, 0, .6)) } .xgplayer .gradient.none, .xgplayer-mobile .xgplayer-controls { background-image: none } .xgplayer-mobile.xgplayer-playing .gradient { display: block } .xgplayer-mobile.xgplayer-inactive .gradient { background-image: none } .xgplayer-mobile .xgmask { background-color: transparent; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10 } @media (prefers-color-scheme: dark) { .xgplayer-mobile xg-trigger .time-preview { color: #fff } .xgplayer-mobile xg-trigger .time-preview span.xg-cur { color: red } .xgplayer-mobile xg-trigger .time-preview .xg-bar { background-color: hsla(0, 0%, 100%, .302) } .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar { background-color: red } } @keyframes loadingRotate { 0% { transform: rotate(0) } 25% { transform: rotate(90deg) } 50% { transform: rotate(180deg) } 75% { transform: rotate(270deg) } to { transform: rotate(1turn) } } @keyframes loadingDashOffset { 0% { stroke-dashoffset: 236 } to { stroke-dashoffset: 0 } } xg-loading-inner { animation: loadingRotate 1s linear .1s infinite; display: block; height: 100%; transform-origin: center; width: 100% } .xgplayer-loading { display: none; height: 70px; left: 50%; overflow: hidden; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 70px; z-index: 10 } .xgplayer-loading img, .xgplayer-loading svg { height: 100%; width: 100% } .xgplayer-mobile .xgplayer-loading { height: 50px; width: 50px } .xgplayer-isloading .xgplayer-loading { display: block } .xgplayer-is-ended .xgplayer-loading, .xgplayer-is-enter .xgplayer-loading, .xgplayer-is-error .xgplayer-loading, .xgplayer-nostart .xgplayer-loading, .xgplayer-pause .xgplayer-loading { display: none } .xgplayer .xgplayer-progress { align-items: center; cursor: pointer; display: flex; flex: 1; height: 20px; left: 0; min-width: 10px; outline: none; position: relative; right: 0; top: 0 } .xgplayer .xgplayer-progress-outer { border-radius: 3px; cursor: pointer; height: 2px; position: relative; width: 100% } .xgplayer .progress-list { border-radius: inherit; display: flex; height: 100%; width: 100% } .xgplayer .xgplayer-progress-inner { background: hsla(0, 0%, 100%, .3); border-radius: inherit; flex: 1; height: 100%; margin-right: 2px; pointer-events: none; position: relative; transition: height .2s ease-in, opacity .2s ease-out } .xgplayer .xgplayer-progress-inner:last-child, .xgplayer .xgplayer-progress-inner:only-child { margin-right: 0 } .xgplayer .inner-focus-point { background: #fff; position: relative } .xgplayer .inner-focus-point:after, .xgplayer .inner-focus-point:before { background: #fff; border-radius: 3px; content: " "; display: block; height: 300%; position: absolute; top: 0; top: 50%; transform: translateY(-50%); width: 2px; z-index: 1 } .xgplayer .inner-focus-point:before { left: 0 } .xgplayer .inner-focus-point:after { right: 0 } .xgplayer .xgplayer-progress-cache, .xgplayer .xgplayer-progress-played { border-radius: inherit; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 0 } .xgplayer .xgplayer-progress-played { background: linear-gradient(-90deg, #fa1f41, #e31106) } .xgplayer .xgplayer-progress-cache { background: hsla(0, 0%, 100%, .5) } .xgplayer .xgplayer-progress-btn { background: rgba(255, 94, 94, .304); border: .5px solid rgba(255, 94, 94, .057); border-radius: 30px; box-shadow: 0 0 1px rgba(255, 0, 0, .384); box-sizing: border-box; display: block; height: 20px; left: 0; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; z-index: 1 } .xgplayer .xgplayer-progress-btn:before { background: #fff; border-radius: 30px; content: " "; display: block; height: 12px; left: 50%; position: relative; top: 50%; transform: translate(-50%, -50%); width: 12px } .xgplayer .xgplayer-progress-btn.active { border: 4px solid rgba(255, 94, 94, .064) } .xgplayer .xgplayer-progress-btn.active:before { box-shadow: 0 0 3px rgba(248, 89, 89, .69) } .xgplayer .xgplayer-progress-dot { background: #fff; border-radius: 6px; display: inline-block; height: 100%; position: absolute; top: 0; width: 5px; z-index: 16 } .xgplayer .xgplayer-progress-dot .xgplayer-progress-tip { background: rgba(0, 0, 0, .3); border: 1px solid rgba(0, 0, 0, .8); border-radius: 6px; cursor: default; display: none; height: auto; left: 25%; line-height: 30px; position: absolute; top: -40px; transform: scale(.8) translate(-50%); white-space: nowrap; width: auto } .xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip { display: block } .xgplayer .flex-controls .xgplayer-progress { transform: translateY(0) } .xgplayer.xgplayer-pc .xgplayer-progress-btn { transform: translate(-50%, -50%) scale(0) } .xgplayer.xgplayer-pc .xgplayer-progress-outer { height: 3px } .xgplayer.xgplayer-pc .xgplayer-progress-inner { margin-right: 4px } .xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child, .xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child { margin-right: 0 } .xgplayer.xgplayer-pc .inner-focus-point:after, .xgplayer.xgplayer-pc .inner-focus-point:before { width: 3px } .xgplayer.xgplayer-pc .inner-focus-highlight { background: hsla(0, 0%, 100%, .8) } .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer { height: 6px; margin-bottom: 3px; transition: height .3s ease, margin-bottom .3s ease } .xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn { transform: translate(-50%, -50%) scale(1) } .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after, .xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before { width: 6px } .xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer { top: 9px } .xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before { height: 6px; width: 6px } .xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer { height: 4px } @media (prefers-color-scheme: dark) { .xgplayer .xgplayer-progress .xgplayer-progress-inner { background-color: hsla(0, 0%, 100%, .302) } .xgplayer .xgplayer-progress .inner-focus-highlight { background: hsla(0, 0%, 100%, .8) } .xgplayer .xgplayer-progress .xgplayer-progress-btn { background: rgba(255, 94, 94, .304); border: .5px solid rgba(255, 94, 94, .057); box-shadow: 0 0 1px rgba(255, 0, 0, .384) } .xgplayer .xgplayer-progress .xgplayer-progress-btn:before { background-color: #fff } .xgplayer .xgplayer-progress .xgplayer-progress-played { background-color: linear-gradient(-90deg, #fa1f41, #e31106) } .xgplayer .xgplayer-progress .xgplayer-progress-cache { background-color: hsla(0, 0%, 100%, .502) } } .xg-mini-progress { bottom: 0; display: none; height: 2px; left: 0; pointer-events: none; position: absolute; right: 0 } .xg-mini-progress xg-mini-progress-cache, .xg-mini-progress xg-mini-progress-played { border-radius: inherit; height: 100%; left: 0; position: absolute; top: 0; width: 0 } .xg-mini-progress xg-mini-progress-played { background: linear-gradient(-90deg, #fa1f41, #e31106) } .xg-mini-progress xg-mini-progress-cache { background: hsla(0, 0%, 100%, .5) } .xg-mini-progress-show, .xgplayer-inactive .xg-mini-progress, .xgplayer-mini .xg-mini-progress { display: block } .xgplayer .xgplayer-play .xg-icon-play { display: none } .xgplayer .xgplayer-play .xg-icon-pause, .xgplayer .xgplayer-play[data-state=pause] .xg-icon-play { display: block } .xgplayer .xgplayer-fullscreen .xg-exit-fullscreen, .xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause { display: none } .xgplayer .xgplayer-fullscreen .xg-get-fullscreen, .xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen { display: block } .xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen { display: none } .xgplayer .xg-top-bar .xgplayer-back { display: none; height: 40px; left: 0; position: relative; top: 16px; width: 34px } .xgplayer .xg-top-bar .xgplayer-back.show { display: block } .xgplayer .xgplayer-time { color: #fff; display: inline-block; font-family: PingFangSC-Semibold; font-size: 14px; line-height: 40px; min-width: 40px; pointer-events: none; text-align: center } .xgplayer .xgplayer-time span { display: inline-block; height: 40px; line-height: 40px } .xgplayer .xgplayer-time span .time-min-width { min-width: 2ch; text-align: center } .xgplayer .xgplayer-time span .time-min-width:first-child { text-align: right } .xgplayer .xgplayer-time span .time-min-width:last-child { text-align: left } .xgplayer .xgplayer-time .time-duration { color: hsla(0, 0%, 100%, .502) } .xgplayer .xgplayer-time .time-live-tag { display: none } .xgplayer .xgplayer-time.xg-time-left { margin-left: 0 } .xgplayer .xgplayer-time.xg-time-right { margin-right: 0 } .xgplayer.xgplayer-mobile .xgplayer-time { font-size: 12px; min-width: 30px } .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left { margin-right: 8px } .xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right { margin-left: 8px } .xgplayer .xgplayer-volume.slide-show .xgplayer-slider { display: block } .xgplayer .xgplayer-slider { background: rgba(0, 0, 0, .54); border-radius: 1px; bottom: 40px; display: none; height: 92px; outline: none; position: absolute; width: 28px } .xgplayer .xgplayer-slider:after { bottom: -15px; content: " "; cursor: auto; display: block; height: 15px; left: 0; position: absolute; width: 28px; z-index: 20 } .xgplayer .xgplayer-value-label { background-color: rgba(0, 0, 0, .541); bottom: 100%; color: #fff; font-size: 12px; left: 0; padding: 5px 0 0; position: absolute; right: 0; text-align: center } .xgplayer .xgplayer-bar, .xgplayer .xgplayer-drag { background: hsla(0, 0%, 100%, .3); border-radius: 100px; bottom: 6px; cursor: pointer; display: block; height: 76px; left: 12px; outline: none; position: absolute; width: 4px } .xgplayer .xgplayer-drag { background: #fa1f41; bottom: 0; left: 0; max-height: 76px } .xgplayer .xgplayer-drag:after { background: #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, .259); content: " "; display: inline-block; height: 8px; left: -2px; position: absolute; top: -4px; width: 8px } .xgplayer .xgplayer-volume[data-state=normal] .xg-volume { display: block } .xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute, .xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small, .xgplayer .xgplayer-volume[data-state=small] .xg-volume { display: none } .xgplayer .xgplayer-volume[data-state=small] .xg-volume-small { display: block } .xgplayer .xgplayer-volume[data-state=mute] .xg-volume, .xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small, .xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute { display: none } .xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute { display: block } .xgplayer .xgplayer-pip .xg-exit-pip, .xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider { display: none } .xgplayer .xgplayer-pip .xg-get-pip, .xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip { display: block } .xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip { display: none } .xgplayer .xgplayer-playnext { cursor: pointer; display: none; position: relative } .xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext { display: block } .xgplayer .xgplayer-playnext:hover { opacity: .85 } .xgplayer .xgplayer-playnext:hover .xgplayer-tips { display: block } .lang-is-en .xgplayer-playnext .xgplayer-tips { margin-left: -25px } .lang-is-jp .xgplayer-playnext .xgplayer-tips { margin-left: -38px } .xgplayer .xgplayer-download { cursor: pointer; display: block; position: relative } .lang-is-en .xgplayer-download .xgplayer-tips { margin-left: -32px } .lang-is-jp .xgplayer-download .xgplayer-tips { margin-left: -40px } .xgplayer .xgplayer-shot { display: none } .xgplayer-definition { cursor: pointer; display: none } .xgplayer .xgplayer-playbackrate { cursor: default; display: none } .xgplayer .xgplayer-cssfullscreen .xg-get-cssfull { display: block } .xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull, .xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull { display: none } .xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull { display: block } .xgplayer-error { align-items: center; background: #000; color: #fff; display: none; height: 100%; justify-content: center; left: 0; line-height: 100%; position: absolute; text-align: center; top: 0; width: 100%; z-index: 6 } .xgplayer-error .xgplayer-error-refresh { color: #fa1f41; cursor: pointer; padding: 0 3px } .xgplayer-error .xgplayer-error-text { display: block; line-height: 18px; margin: auto 6px 20px } .xgplayer-is-error .xgplayer-error { display: flex } .xgplayer .xgplayer-prompt { background: rgba(0, 0, 0, .5); border-radius: 50px; color: #fff; display: block; font-size: 12px; left: 10px; line-height: 17px; opacity: 0; padding: 6px 12px 5px; pointer-events: none; position: absolute; text-align: center; z-index: 1 } .xgplayer .xgplayer-prompt.show { display: block; opacity: 1; pointer-events: auto; z-index: 10 } .xgplayer .xgplayer-prompt.arrow { transform: translate(-50%) } .xgplayer .xgplayer-prompt.arrow:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, .5); bottom: 0; content: ""; display: block; height: 0; left: 50%; position: absolute; transform: translate(-50%, 100%); width: 0 } .xgplayer .xgplayer-prompt .highlight { color: red; cursor: pointer; display: inline-block; margin-left: 6px } .xgplayer.xgplayer-is-error .xgplayer-prompt.show { display: none; opacity: 1 } .xgplayer .xgplayer-spot { background: #fff; border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0 } .xgplayer .xgplayer-spot.mini { min-width: 6px; transform: translate(-50%) } .xgplayer .xgplayer-spot.active .xgplayer-spot-pop { display: block; opacity: 1; pointer-events: auto } .xgplayer .xgplayer-spot-pop { bottom: 5px; display: block; left: 50%; opacity: 0; padding-bottom: 5px; pointer-events: none; position: absolute; transform: translate(-50%) } .xgplayer-mobile .xgplayer-spot { height: 3px; min-width: 3px; opacity: 1; top: 50%; transform: translateY(-50%) } .xgplayer-mobile .xgplayer-spot.mini { min-width: 3px; transform: translate(-50%, -50%) } .xgplayer .xgplayer-progress.active .xgplayer-spot { opacity: 1; transition: opacity .3s; visibility: visible } .xgplayer .xg-spot-info { bottom: 100%; display: none; left: 0; position: absolute } .xgplayer .xg-spot-info.short-line .xg-spot-line { height: 6px } .xgplayer .xg-spot-info.short-line .xg-spot-content { bottom: -4px } .xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail { display: none } .xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point { display: block } .xgplayer .xg-spot-info.hide, .xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point { display: none } .xgplayer .xgplayer-progress.active .xg-spot-info { display: block } .xgplayer .xgplayer-progress.active .xg-spot-info.hide { display: none } .xgplayer .xg-spot-line { background-color: #fff; bottom: -7px; display: block; height: 41px; margin-left: 50%; pointer-events: none; position: relative; width: 1px } .xgplayer .xgplayer-progress-point { background: rgba(0, 0, 0, .54); border-radius: 4px; bottom: -4px; color: #fff; display: none; font-size: 11px; left: 50%; opacity: .85; padding: 4px 6px; position: relative; text-align: center; transform: translate(-50%); white-space: nowrap } .xgplayer .xg-spot-content { border-radius: 2px 2px 0 0; color: #fff } .xgplayer .xg-spot-content, .xgplayer .xg-spot-ext-text { bottom: -7px; position: relative } .xgplayer .xg-spot-thumbnail { background-color: #111010; border-radius: 2px 2px 0 0; pointer-events: none; position: relative } .xgplayer .xg-spot-time { bottom: 2px; font-size: 12px; left: 50%; line-height: 16.8px; pointer-events: none; position: absolute; transform: translate(-50%) } .xgplayer .progress-thumbnail { display: block; margin: 0 auto } .xgplayer .xg-spot-text { background: rgba(0, 0, 0, .8); border-radius: 0 0 2px 2px; box-sizing: border-box; display: none; padding: 5px 8px; pointer-events: none } .xgplayer .spot-inner-text { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-size: 12px; line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis } .xgplayer .xg-spot-content.show-text .xg-spot-text { display: block } .xgplayer .product .xg-spot-text { background: #3370ff } .xgplayer .product .xg-spot-line { background: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 7px solid #3370ff; height: 15px; left: -10px; width: 0 } .xgplayer .xgvideo-preview { background-color: #000; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: visibility .3s, opacity .3s; visibility: hidden; width: 100% } .xgplayer .xgvideo-preview .xgvideo-thumbnail { border-radius: 0; left: 50%; position: relative; top: 50%; transform: translate(-50%, -50%) } .xgplayer .xgvideo-preview.show { opacity: 1; visibility: visible } .xgplayer-dynamic-bg, .xgplayer-dynamic-bg canvas, .xgplayer-dynamic-bg xgfilter, .xgplayer-dynamic-bg xgmask { display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .xgplayer-dynamic-bg canvas { transform: translateZ(0) } .xgplayer-dynamic-bg xgmask { background: rgba(0, 0, 0, .7) } .my-player-style[data-v-7a8bfd86] { background-repeat: no-repeat; background-size: 100% 100% } .video-player-box[data-v-7a8bfd86] { position: relative } .video-player-box .title-box[data-v-7a8bfd86] { background: linear-gradient(180deg, #000, transparent); border-radius: 0 0 0 0; left: 0; min-height: 75px; position: absolute; top: 0; width: 100%; z-index: 1 } .video-player-box .loading-box[data-v-7a8bfd86] { background-color: #02050e; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .video-player-box .loading-box > .loading-gif[data-v-7a8bfd86] { height: 63px; width: 162px } .my-video-tips-dialog[data-v-7a8bfd86] .el-dialog__title { color: #fefefe } .my-video-tips-dialog[data-v-7a8bfd86] .el-dialog { border-radius: 24px; margin-top: calc(50vh - 110px) !important } .my-video-tips-dialog .tips-text[data-v-7a8bfd86] { color: hsla(0, 0%, 100%, .8); font-size: 14px; font-weight: 400; text-align: center } .my-video-tips-dialog .sound-btn[data-v-7a8bfd86] { background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 8px; color: #fefefe; cursor: pointer; font-size: 14px; font-weight: 600; height: 48px; margin: 40px auto 0; width: 183px } .unlock-confirm-dialog { background-color: transparent } .unlock-confirm-dialog .el-dialog { background: #22232e; border-radius: 24px } .unlock-confirm-dialog .el-dialog .el-dialog__header { display: none } .unlock-confirm-dialog .el-dialog .el-dialog__body { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; padding: 16px 24px 27px; position: relative } .unlock-confirm-dialog-close { color: #8b9098; cursor: pointer; font-size: 16px; font-weight: 700; position: absolute; right: 27px; top: 16px } .unlock-confirm-dialog-title { color: #fefefe; font-family: Inter; font-size: 16px; font-weight: 700; line-height: 32px; width: 100% } .unlock-confirm-dialog-content { box-sizing: border-box; color: hsla(0, 0%, 100%, .8); font-family: PingFang SC; font-size: 14px; line-height: 24px; padding: 50px 26px; text-align: center; width: 100% } .unlock-confirm-dialog-content > img { height: 32px; margin-bottom: -10px; -o-object-fit: contain; object-fit: contain; width: 32px } .unlock-confirm-dialog-btns { display: flex; gap: 12px; width: 100% } .unlock-confirm-dialog-btns .leave { background: #22232e; border: 2px solid #343839; border-radius: 8px; color: hsla(0, 0%, 100%, .6); flex: 1; font-family: PingFang SC; font-size: 16px; font-weight: 500 } .unlock-confirm-dialog-btns .unlock { background: linear-gradient(99deg, #3271cc, #0fffff); border: 0; border-radius: 8px; color: #fefefe; flex: 1; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .unlock-confirm-dialog-auto-unlock { margin-top: 24px } .unlock-confirm-dialog-auto-unlock .el-checkbox .el-checkbox__label { color: #929395; font-family: PingFang SC; font-size: 14px } .unlock-buy-dialog { background-color: transparent } .unlock-buy-dialog .el-dialog { border-radius: 20px; box-sizing: border-box; position: relative } .unlock-buy-dialog .el-dialog .el-dialog__header { display: none } .unlock-buy-dialog .el-dialog .el-dialog__body { padding: 0 } .unlock-buy-dialog.goods-page .el-dialog { background: #fdffff; height: 523px; padding: 35px 32px; width: 627px } .unlock-buy-dialog.payment-page .el-dialog { background-color: transparent; display: flex; justify-content: center; width: auto } .unlock-buy-dialog-goods { display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .unlock-buy-dialog-goods .el-icon-close { color: #666; cursor: pointer; font-size: 16px; font-weight: 700; position: absolute; right: 17px; top: 19px } .unlock-buy-dialog-goods .switch-tab { align-items: center; display: flex; height: 24px; width: 100% } .unlock-buy-dialog-goods .switch-tab .title { -webkit-text-fill-color: transparent; background: linear-gradient(0, #ff5e69, #ff8a56 72%, #ffa84b); background-clip: text; -webkit-background-clip: text; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 24px; line-height: 24px; position: relative } .unlock-buy-dialog-goods .switch-tab .title:after { background: linear-gradient(0, #ff5e69, #ff8a56 72%, #ffa84b); bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0 } .unlock-buy-dialog-goods .switch-tab .yearly .icon { height: 22px; margin-bottom: -5px; width: 22px } .unlock-buy-dialog-goods .svip-card { align-content: center; background-repeat: no-repeat; background-size: cover; border-radius: 14px; box-sizing: border-box; cursor: pointer; display: flex; height: 130px; justify-content: space-evenly; margin-top: 10px; padding: 19px 16px; width: 100% } .unlock-buy-dialog-goods .svip-card .left { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; max-width: 285px } .unlock-buy-dialog-goods .svip-card .left-top { color: #2d221b; font-family: PingFang SC; font-size: 22px; font-weight: 600; text-align: center } .unlock-buy-dialog-goods .svip-card .left-bottom { background: #413d38; border-radius: 100px; box-sizing: border-box; height: 32px; line-height: 32px; margin-top: 15px; padding: 0 14px } .unlock-buy-dialog-goods .svip-card .left-bottom span { -webkit-text-fill-color: transparent; background: linear-gradient(270deg, #faf3d7, #e8ad77); background-clip: text; -webkit-background-clip: text } .unlock-buy-dialog-goods .svip-card .right { align-content: center; align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .unlock-buy-dialog-goods .svip-card .right-top { color: #7a4800; font-family: Inter; font-size: 26px; font-weight: 700; text-align: center; width: 100% } .unlock-buy-dialog-goods .svip-card .right-bottom { display: flex; margin-top: 4px } .unlock-buy-dialog-goods .svip-card .right-bottom .now-price { color: rgba(0, 0, 0, .5); font-family: Inter; font-size: 14px; font-weight: 500 } .unlock-buy-dialog-goods .svip-card .right-bottom .original-price { color: rgba(0, 0, 0, .7); font-family: Inter; font-size: 14px; font-weight: 500; margin-left: 6px; -webkit-text-decoration: line-through; text-decoration: line-through } .unlock-buy-dialog-goods .goods-box { background: #f8f8f8; border-radius: 16px; height: 236px; margin-top: 22px; width: 100% } .unlock-buy-dialog-goods .goods-box .header { display: flex; justify-content: space-between; margin: 10px 10px 20px } .unlock-buy-dialog-goods .goods-box .header .price { color: #333; font-family: PingFang SC; font-size: 14px; font-weight: 600 } .unlock-buy-dialog-goods .goods-box .header .price > img { height: 32px; margin-bottom: -10px; -o-object-fit: contain; object-fit: contain; width: 32px } .unlock-buy-dialog-goods .goods-box .header .view-more { color: #606266; cursor: pointer; font-family: Inter; font-size: 14px; font-weight: 500 } .unlock-buy-dialog-goods .goods-box .goods-all { align-items: center; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods { align-content: flex-end; background-repeat: no-repeat; background-size: cover; display: flex; flex-wrap: wrap; height: 173px; position: relative; width: 130px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .discount { align-content: space-around; background: /*savepage-url=/_nuxt/img/mall-sun-bg.81c1d86.png*/ var(--savepage-url-18) no-repeat; background-size: contain; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 70px; padding: 12px 0; position: absolute; right: -20px; top: -15px; transform: rotate(-45deg); width: 70px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .discount .words { box-sizing: border-box; color: #fff; font-family: PingFang SC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; text-align: center; width: 100% } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .discount .number-old { box-sizing: border-box; color: #fff; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 14px; font-weight: 700; text-align: center; -webkit-text-decoration: line-through; text-decoration: line-through; width: 100% } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .discount .number-new { align-items: center; box-sizing: border-box; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 20px; font-weight: 700; justify-content: center; text-align: center; width: 100% } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .discount .number-new .icon { height: 24px; width: 24px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info { height: 38px; width: 100% } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .VIP_Card { box-sizing: border-box; color: #1c77ff; font-family: Arial-Bold, Arial; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; overflow: hidden; padding: 0 5px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100% } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Credit, .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Diamond { align-items: center; display: flex; height: 39px; justify-content: center; line-height: 39px; margin-top: 3px; padding: 0 5px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Credit .words, .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Diamond .words { color: #fff; font-family: Arial-Bold, Arial; font-size: 20px; font-weight: 700; text-shadow: -1px -1px 0 #7538cb, 1px -1px 0 #7538cb, -1px 1px 0 #7538cb, 1px 1px 0 #7538cb } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Credit .icon, .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Diamond .icon { height: 32px; -o-object-fit: contain; object-fit: contain; width: 32px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Credit .icon { margin-bottom: 1px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .goods-info .mall-Diamond .icon { margin-bottom: 3px } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .purchase-btn { align-items: center; background: transparent; border: 0; color: #fff; display: flex; font-family: DIN Alternate-Bold, DIN Alternate; font-size: 24px; font-style: italic; font-weight: 700; height: 32px; justify-content: center; margin: 0 auto; padding: 0; width: 100% } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .purchase-btn.is-loading:before { background-color: transparent } .unlock-buy-dialog-goods .goods-box .goods-all .item-goods .purchase-btn:before { color: hsla(0, 0%, 100%, .8); content: attr(disPrice); font-family: DIN Alternate-Bold, DIN Alternate; font-size: 20px; margin-right: 10px; -webkit-text-decoration: line-through; text-decoration: line-through } .unlock-buy-dialog-goods .auto-unlock { margin-top: 10px } .unlock-buy-dialog-goods .auto-unlock .el-checkbox .el-checkbox__label { color: #929395; font-family: PingFang SC; font-size: 14px } .ai-video-detail[data-v-5346c4dc] { box-sizing: border-box; display: flex; justify-content: space-between; padding: 0 16px; position: relative; width: 100% } .ai-video-detail-back[data-v-5346c4dc] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 120px; width: 52px; z-index: 98 } .ai-video-detail-back i[data-v-5346c4dc] { color: #fff; font-size: 28px } .ai-video-detail-back[data-v-5346c4dc]:hover { background-color: #1c2433 } .ai-video-detail-left[data-v-5346c4dc] { height: 100%; width: calc(100% - 364px) } .ai-video-detail-left[data-v-5346c4dc] .video-player-box { border-radius: 10px; height: 797px; margin-top: 12px } .ai-video-detail-left[data-v-5346c4dc] .video-player-box .video-header { color: #fff; font-family: PingFang SC; font-size: 26px; font-weight: 400; margin: 15px 0 0 32px } .ai-video-detail-left[data-v-5346c4dc] .video-player-box .video-header-episode { margin-left: 15px } .ai-video-detail-left .video-infos[data-v-5346c4dc] { margin-top: 19px; width: 100% } .ai-video-detail-left .video-infos .line-1-title[data-v-5346c4dc] { color: #fff; font-family: PingFang SC; font-size: 20px; font-weight: 500 } .ai-video-detail-left .video-infos .line-1-episode[data-v-5346c4dc] { color: hsla(0, 0%, 100%, .6); font-family: PingFang SC; font-size: 16px; margin-left: 10px } .ai-video-detail-left .video-infos .line-2[data-v-5346c4dc] { align-items: center; display: flex; height: 32px; margin-top: 10px } .ai-video-detail-left .video-infos .line-2-statistics[data-v-5346c4dc] { display: flex; gap: 20px } .ai-video-detail-left .video-infos .line-2-statistics .item-statistics[data-v-5346c4dc] { align-items: center; color: hsla(0, 0%, 100%, .7); cursor: pointer; display: flex; font-family: Arial; font-size: 14px } .ai-video-detail-left .video-infos .line-2-statistics .item-statistics .svg-icon[data-v-5346c4dc], .ai-video-detail-left .video-infos .line-2-statistics .item-statistics i[data-v-5346c4dc] { color: hsla(0, 0%, 100%, .7); font-size: 16px; margin-right: 8px } .ai-video-detail-left .video-infos .line-2-statistics .item-statistics.view[data-v-5346c4dc] { cursor: default } .ai-video-detail-left .video-infos .line-2-share[data-v-5346c4dc] { cursor: pointer } .ai-video-detail-left .video-infos .line-2-share i[data-v-5346c4dc] { color: hsla(0, 0%, 100%, .7); font-size: 18px; margin-left: 20px } .ai-video-detail-left .video-infos .line-2-tags[data-v-5346c4dc] { cursor: pointer; display: flex; gap: 4px; margin-left: 27px; position: relative } .ai-video-detail-left .video-infos .line-2-tags[data-v-5346c4dc]:after { background: linear-gradient(179deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .3) 50%, hsla(0, 0%, 100%, 0)); content: ""; height: 100%; left: -10px; position: absolute; top: 0; width: 1px } .ai-video-detail-left .video-infos .line-2-tags .item-tag[data-v-5346c4dc] { background: hsla(0, 0%, 100%, .1); border-radius: 3px; box-sizing: border-box; color: hsla(0, 0%, 100%, .4); font-family: PingFang SC; font-size: 14px; height: 26px; padding: 0 8px } .ai-video-detail-left .video-infos .line-2-tags .item-tag[data-v-5346c4dc]:hover { background: hsla(0, 0%, 100%, .2); color: #fff } .ai-video-detail-left .video-infos .synopsis[data-v-5346c4dc] { display: flex; flex-wrap: wrap; margin-top: 20px } .ai-video-detail-left .video-infos .synopsis > .title[data-v-5346c4dc] { color: hsla(0, 0%, 100%, .8); font-family: PingFang SC; font-size: 14px; width: 100% } .ai-video-detail-left .video-infos .synopsis > .txt[data-v-5346c4dc] { background: #1f202c; border-radius: 8px; box-sizing: border-box; color: #8e919b; font-family: PingFang SC; font-size: 14px; line-height: 16px; margin-top: 8px; padding: 10px; width: 100% } .ai-video-detail-right[data-v-5346c4dc] { background: hsla(0, 0%, 100%, .05); border-radius: 12px; box-sizing: border-box; margin: 19px 0 7px; padding: 16px; width: 340px } .ai-video-detail-right > .title[data-v-5346c4dc] { color: #fff; font-family: PingFang SC; font-size: 20px; font-weight: 600; line-height: 26px; width: 100% } .ai-video-detail-right .svip-box[data-v-5346c4dc] { background-repeat: no-repeat; background-size: cover; border-radius: 8px; box-sizing: border-box; display: flex; height: 62px; margin-top: 16px; padding: 0 10px; width: 100% } .ai-video-detail-right .svip-box > .left[data-v-5346c4dc] { align-content: center; box-sizing: border-box; display: flex; flex: 1; flex-wrap: wrap; padding-right: 8px } .ai-video-detail-right .svip-box > .left > .top[data-v-5346c4dc] { color: #ffdfba; font-family: PingFang SC; font-size: 14px; font-weight: 600; margin-bottom: 3px; width: 100% } .ai-video-detail-right .svip-box > .left > .bottom[data-v-5346c4dc] { color: rgba(255, 223, 186, .8); font-family: PingFang SC; font-size: 12px; width: 100% } .ai-video-detail-right .svip-box > .right > .btn[data-v-5346c4dc] { background: linear-gradient(90deg, #f7e1c1, #e6b673); border: 0; border-radius: 20px; color: #663c00; font-family: PingFang SC; font-size: 14px; height: 40px; padding: 0 20px } .ai-video-detail-right .pagination-box[data-v-5346c4dc] { margin-top: 22px } .ai-video-detail-right .pagination-box > .title .episode-list[data-v-5346c4dc] { color: #fff; font-family: PingFang SC; font-size: 16px; line-height: 24px } .ai-video-detail-right .pagination-box > .title .episode-all[data-v-5346c4dc] { color: hsla(0, 0%, 100%, .4); font-family: PingFang SC; font-size: 12px; line-height: 18px; margin-left: 5px } .ai-video-detail-right .pagination-box .pages-tabs[data-v-5346c4dc] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; gap: 12px; margin-top: 13px } .ai-video-detail-right .pagination-box .pages-tabs .item-tab[data-v-5346c4dc] { color: hsla(0, 0%, 100%, .4); cursor: pointer; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 28px; line-height: 28px } .ai-video-detail-right .pagination-box .pages-tabs .item-tab.active[data-v-5346c4dc] { color: #fff; position: relative } .ai-video-detail-right .pagination-box .pages-tabs .item-tab.active[data-v-5346c4dc]:after { background: linear-gradient(81deg, #3f8fff, #21feff); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; right: 0 } .ai-video-detail-right .pagination-box .episodes-box[data-v-5346c4dc] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px } .ai-video-detail-right .pagination-box .episodes-box .item-episode[data-v-5346c4dc] { background: hsla(0, 0%, 100%, .04); border-radius: 8px; color: hsla(0, 0%, 100%, .9); cursor: pointer; font-family: Inter; font-size: 18px; height: 48px; position: relative; width: 55px } .ai-video-detail-right .pagination-box .episodes-box .item-episode.active[data-v-5346c4dc] { color: #4784ff } .ai-video-detail-right .pagination-box .episodes-box .item-episode .lock-box[data-v-5346c4dc] { background: #e2c683; border-radius: 0 8px 0 8px; color: #402300; font-size: 10px; height: 14px; position: absolute; right: 0; top: 0; width: 17px } div[data-v-4f34ea47] { align-items: center; color: #fff; display: flex; font-size: 24px; height: 100vh; justify-content: center; transform: translateX(-5%); width: 100% } .qa-content .qa-item[data-v-284156e7] { background-color: transparent; border-bottom: 1px solid #31354b; border-radius: 10px; padding: .25em .17em; transition: all .3s ease } .qa-content .qa-item[data-v-284156e7]:last-child { border-bottom: none } .qa-content .qa-item.open[data-v-284156e7] { background-color: rgba(237, 245, 255, .1) } .qa-content .qa-item.open .qa-answer[data-v-284156e7] { height: auto; margin-top: 15px } .qa-content .qa-item .qa-title[data-v-284156e7] { color: #fff; font-size: .18em; font-weight: 500 } .qa-content .qa-item .qa-title .el-icon-arrow-right[data-v-284156e7] { margin-left: 25px; transition: all .3s ease } .qa-content .qa-item .qa-title .el-icon-arrow-right.open[data-v-284156e7] { transform: rotate(90deg) } .qa-content .qa-item .qa-answer[data-v-284156e7] { color: #9da7b7; font-size: .15em; font-weight: 500; gap: 10px; height: 0; overflow: hidden; transition: all .3s ease } .image-tooltips[data-v-c598949e] { padding: 0 10px 10px; position: relative } .image-tooltips > i[data-v-c598949e] { color: #cbd5e1; cursor: pointer; font-size: 20px; position: absolute; right: 10px; top: 10px; z-index: 1 } .image-tooltips .el-form-item[data-v-c598949e] { margin-bottom: 0 } .image-tooltips .model-item[data-v-c598949e] { align-items: center; display: flex; margin-top: 10px } .image-tooltips .model-item label[data-v-c598949e] { color: #cbd5e1; margin-right: 20px } .image-tooltips .model-item span[data-v-c598949e] { background: #20293b; border-radius: 4px; color: #cbd5e1; flex: 1; line-height: 28px; overflow: hidden; padding: 6px 10px; text-align: right; text-overflow: ellipsis; white-space: nowrap } .image-tooltips .cenerate-btn[data-v-c598949e] { margin-top: 10px; text-align: center } .image-tooltips .cenerate-btn button[data-v-c598949e] { display: inline-block; width: 90% } .image-tooltips[data-v-c598949e] .el-input-number .el-input__inner { text-align: right; width: 160px } .play-progress[data-v-152ebd68] { align-items: center; display: flex; gap: 20px } .duration[data-v-152ebd68] { background: #393d4a; cursor: pointer; flex: 1; width: 300px } .duration p[data-v-152ebd68], .duration[data-v-152ebd68] { border-radius: 3px; height: 6px } .duration p[data-v-152ebd68] { background: #cbd5e1; width: 50% } .share-box svg[data-v-12efebc2] { font-size: 26px } .share-list[data-v-12efebc2] { display: flex; gap: 15px; justify-content: space-between; min-width: 0; min-width: auto; padding: 10px } .share-list .iconfont[data-v-12efebc2], .share-list svg[data-v-12efebc2] { color: #fff; cursor: pointer; font-size: 20px } .share-list .iconfont[data-v-12efebc2]:hover, .share-list svg[data-v-12efebc2]:hover { transform: scale(1.1) } .tags-filter[data-v-b99e3182] { color: #fff; margin-bottom: 20px; position: relative } .tags-filter .left-icon[data-v-b99e3182], .tags-filter .right-icon[data-v-b99e3182] { align-items: center; cursor: pointer; display: flex; height: 24px; position: absolute; top: 0; width: 24px; z-index: 2 } .tags-filter .left-icon i[data-v-b99e3182], .tags-filter .right-icon i[data-v-b99e3182] { font-size: 18px; font-weight: 700; z-index: 2 } .tags-filter .left-icon[data-v-b99e3182]:before, .tags-filter .right-icon[data-v-b99e3182]:before { box-sizing: border-box; content: ""; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); width: 24px } .tags-filter .left-icon[data-v-b99e3182] { left: 0; padding-left: 3px } .tags-filter .left-icon[data-v-b99e3182]:before { background: linear-gradient(90deg, #090c16, transparent); left: 0; padding-right: 24px } .tags-filter .right-icon[data-v-b99e3182] { right: 0 } .tags-filter .right-icon[data-v-b99e3182]:before { background-image: linear-gradient(270deg, #090c16, transparent); padding-left: 24px; right: 0 } .tags-filter .scroll-area[data-v-b99e3182] { overflow: auto; scrollbar-width: none; width: 100% } .tags-filter .scroll-area[data-v-b99e3182]::-webkit-scrollbar { display: none; width: 0 } .tags-filter .scroll-area[data-v-b99e3182]::-ms-scrollbar { display: none; width: 0 } .tags-filter .scroll-area .tags-content[data-v-b99e3182] { display: table } .tags-filter .tags-list[data-v-b99e3182] { align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: 24px; justify-content: flex-start; line-height: 24px; transition: all .3s } .tags-filter .tags-list .tags-item[data-v-b99e3182] { background-color: #343a40; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; height: 26px; padding: 0 8px; text-align: left; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: pre; width: auto } .tags-filter .tags-list .tags-item[data-v-b99e3182]:hover { background-color: #212529 } .tags-filter .tags-list .active[data-v-b99e3182], .tags-filter .tags-list .active[data-v-b99e3182]:hover { background: #475e95 } .content_face[data-v-8c8881c0] { align-items: center; background: #24262a; border-radius: 30px; display: flex; flex-direction: column; font-weight: 600; height: 580px; left: 50%; margin-left: -405px; margin-top: -290px; position: absolute; top: 50%; width: 810px } .content_face .swiper[data-v-8c8881c0] { border-radius: 30px; height: 100%; margin: 0 auto; position: relative; width: 100% } .content_face .swiper .icon[data-v-8c8881c0] { background: hsla(0, 0%, 100%, .1); border-radius: 50%; color: #fff; font-size: 20px; font-weight: 700; height: 44px; line-height: 44px; margin-top: -22px; position: absolute; text-align: center; top: 50%; width: 44px; z-index: 2 } .content_face .swiper .left[data-v-8c8881c0] { left: 20px; opacity: 0 } .content_face .swiper .right[data-v-8c8881c0] { opacity: 0; right: 20px } .content_face .swiper :hover .left[data-v-8c8881c0], .content_face .swiper :hover .right[data-v-8c8881c0] { opacity: 1; transition: .5s } .content_face .close-btn[data-v-8c8881c0] { border-radius: 12px; color: #fff; cursor: pointer; font-size: 24px; height: 24px; line-height: 20px; position: absolute; right: 25px; text-align: center; top: 15px; width: 24px; z-index: 99 } .content_face .main[data-v-8c8881c0] { align-items: center; display: flex; flex-direction: column; position: relative } .content_face .main .swiperItem .mask[data-v-8c8881c0] { background: linear-gradient(180deg, transparent, #000); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .content_face .main .banner[data-v-8c8881c0] { border-radius: 30px; height: 580px; width: 810px } .content_face .main .main_con[data-v-8c8881c0] { bottom: 162px; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: 2 } .content_face .main .main_con .title[data-v-8c8881c0] { color: #f8f8f8; font-size: 38px; margin: 0 0 10px; text-align: center } .content_face .main .main_con .con[data-v-8c8881c0] { word-wrap: break-word; color: #c0c0c3; font-family: PingFang SC; font-size: 16px; height: 48px; line-height: 24px; margin: 0 auto; overflow-y: auto; text-align: center; width: 574px } .content_face .main .main_con .con[data-v-8c8881c0]::-webkit-scrollbar { display: none } .content_face .footer[data-v-8c8881c0] { bottom: 30px; position: absolute; text-align: center; width: 100%; z-index: 99 } .content_face .footer .button[data-v-8c8881c0] { display: flex; justify-content: center; margin-bottom: 36px } .content_face .footer .button .btn[data-v-8c8881c0] { border-radius: 8px 8px 8px 8px; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 14px; height: 40px; line-height: 40px; padding: 0 4px; text-align: center; width: 180px } .content_face .footer .button .btn_1[data-v-8c8881c0] { border: 1px solid hsla(0, 0%, 100%, .2); box-sizing: border-box; margin-right: 18px } .content_face .footer .button .btn_2[data-v-8c8881c0] { background: linear-gradient(90deg, #b16cea 14%, #ff5e69 45%, #ff8a56 72%, #ffa84b) } .content_face .footer .indicator[data-v-8c8881c0] { align-items: center; color: #787878; display: flex; font-size: 12px; justify-content: center } .content_face .footer .indicator .tips[data-v-8c8881c0] { background: hsla(0, 0%, 85%, .3); border-radius: 50%; display: inline-block; height: 8px; margin-left: 12px; width: 8px } .content_face .footer .indicator .tag_2[data-v-8c8881c0] { margin-left: 10px } .content_face .footer .selectTip[data-v-8c8881c0] { background: #d9d9d9 !important } [data-v-8c8881c0] .el-carousel__arrow { background: hsla(0, 0%, 100%, .1); font-size: 20px } .pointer[data-v-62f2a06f] { cursor: pointer } .PublishPop[data-v-62f2a06f] { background: #24262a; border-radius: 20px; bottom: 0; box-sizing: border-box; color: #fff; display: flex; flex-direction: column; height: 728px; left: 0; margin: auto; padding: 16px 20px; position: absolute; right: 0; top: 0; width: 481px } .PublishPop .before .flex[data-v-62f2a06f] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px } .PublishPop .before .pic[data-v-62f2a06f] { border-radius: 16px; height: 440px; -o-object-fit: cover; object-fit: cover; width: 440px } .PublishPop .before .inp[data-v-62f2a06f] { height: 48px; width: 210px } .PublishPop .before .footer[data-v-62f2a06f] { border-top: 1px solid hsla(0, 0%, 100%, .08); height: 62px; justify-content: space-between; margin-top: 20px; padding-top: 10px; width: 441px } .PublishPop .before .footer .agree[data-v-62f2a06f], .PublishPop .before .footer[data-v-62f2a06f] { align-items: center; display: flex } .PublishPop .before .footer .agree span[data-v-62f2a06f]:last-child { color: #6f767e; font-size: 12px; margin-left: 8px } .PublishPop .before .footer .agree .icon[data-v-62f2a06f] { background: #202121; border: 1px solid #414243; border-radius: 2px 2px 2px 2px; display: inline-block; height: 14px; line-height: 14px; opacity: 1; text-align: center; width: 14px } .PublishPop .before .footer .agree .active[data-v-62f2a06f]:after { color: #fff; content: "✓"; font-size: 14px } .PublishPop .before .footer .button[data-v-62f2a06f] { align-items: center; color: #fff; display: flex; font-size: 14px } .PublishPop .before .footer .button .btn[data-v-62f2a06f] { border-radius: 8px; height: 36px; line-height: 36px; text-align: center; width: 78px } .PublishPop .before .footer .button .cancel[data-v-62f2a06f] { background: #1a1d1f; margin-right: 10px } .PublishPop .before .footer .button .publish[data-v-62f2a06f] { background: linear-gradient(99deg, #3271cc, #0fffff) } .PublishPop .after[data-v-62f2a06f] { align-items: center; display: flex; flex-direction: column; font-size: 14px; height: 100%; justify-content: center; width: 100% } .PublishPop .after .close_publish[data-v-62f2a06f] { position: absolute; right: 20px; top: 20px } .PublishPop .after .Group[data-v-62f2a06f] { color: #24d19d; height: 50px; margin-bottom: 20px; width: 52px } .PublishPop .after .line_2[data-v-62f2a06f] { color: #c0c0c3; margin: 6px 0 26px } .PublishPop .after .foot[data-v-62f2a06f] { align-items: center; color: #4784ff; display: flex; justify-content: center; margin-top: 26px; width: 100% } .PublishPop .after .foot .share[data-v-62f2a06f] { align-items: center; border-right: 1px solid hsla(0, 0%, 100%, .2); cursor: pointer; display: flex; padding-right: 24px } .PublishPop .after .foot .share span[data-v-62f2a06f] { margin-left: 10px } .PublishPop .after .foot .view[data-v-62f2a06f] { cursor: pointer; display: flex; padding-left: 24px } .PublishPop .after .foot .view span[data-v-62f2a06f] { margin-left: 10px } [data-v-62f2a06f] .el-form-item { margin-bottom: 0 } [data-v-62f2a06f] .el-form-item .el-form-item__label { color: #efefef; font-size: 14px } [data-v-62f2a06f] .el-select-dropdown { z-index: 10001 } [data-v-62f2a06f] .el-input input { background: #1a1d1f; border: 2px solid #272b30; color: #636363; font-size: 14px } [data-v-62f2a06f] .el-input input::-webkit-input-placeholder { color: #636363 } [data-v-62f2a06f] .el-input input::-moz-placeholder { color: #636363 } .menu-item[data-v-413d7d6c] { color: #91919c; font-size: 14px } .menu-item .menu-info[data-v-413d7d6c] { align-items: center; cursor: pointer; display: flex; gap: 15px; height: 40px; justify-content: flex-start; padding-left: 10px; position: relative } .menu-item .menu-info svg[data-v-413d7d6c] { font-size: 20px } .menu-item .menu-info i[data-v-413d7d6c] { font-size: 18px; position: absolute; right: 5px; top: 10px; transition: all .3s ease } .menu-item .menu-info .iconfont[data-v-413d7d6c] { font-size: 20px } .menu-item .menu-info.active[data-v-413d7d6c], .menu-item .menu-info[data-v-413d7d6c]:hover { background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5)); border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), inset 0 1px 0 0 hsla(0, 0%, 100%, .05) } .menu-item .menu-child[data-v-413d7d6c] { overflow: hidden; transition: all .3s ease } .menu-item .menu-child .menu-info[data-v-413d7d6c] { padding-left: 25px } .menu-item .menu-child .menu-child .menu-info[data-v-413d7d6c] { padding-left: 40px } .menu-item.sub-menu > .menu-info[data-v-413d7d6c]:hover { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border: 0; box-shadow: none } .menu-item.open-item > .menu-info[data-v-413d7d6c] { color: #53575b } .menu-item.zoom-item > .menu-info i[data-v-413d7d6c] { transform: rotate(180deg); transition: all .3s ease } .menu-item.zoom-item > .menu-child[data-v-413d7d6c] { height: 0 } @keyframes ball-triangle-path-1-0bc2020a { 33% { transform: translate(25px, -50px) } 66% { transform: translate(50px) } to { transform: translate(0) } } @keyframes ball-triangle-path-2-0bc2020a { 33% { transform: translate(25px, 50px) } 66% { transform: translate(-25px, 50px) } to { transform: translate(0) } } @keyframes ball-triangle-path-3-0bc2020a { 33% { transform: translate(-50px) } 66% { transform: translate(-25px, -50px) } to { transform: translate(0) } } .ball-triangle-path[data-v-0bc2020a] { position: relative; transform: translate(-25px, -25px) } .ball-triangle-path > div[data-v-0bc2020a]:first-child { animation-delay: 0; animation-duration: 2s; animation-iteration-count: infinite; animation-name: ball-triangle-path-1-0bc2020a; animation-timing-function: ease-in-out } .ball-triangle-path > div[data-v-0bc2020a]:nth-child(2) { animation-delay: 0; animation-duration: 2s; animation-iteration-count: infinite; animation-name: ball-triangle-path-2-0bc2020a; animation-timing-function: ease-in-out } .ball-triangle-path > div[data-v-0bc2020a]:nth-child(3) { animation-delay: 0; animation-duration: 2s; animation-iteration-count: infinite; animation-name: ball-triangle-path-3-0bc2020a; animation-timing-function: ease-in-out } .ball-triangle-path > div[data-v-0bc2020a] { animation-fill-mode: both; border: 1px solid #fff; border-radius: 100%; height: 10px; position: absolute; width: 10px } .ball-triangle-path > div[data-v-0bc2020a]:first-of-type { top: 50px } .ball-triangle-path > div[data-v-0bc2020a]:nth-of-type(2) { left: 25px } .ball-triangle-path > div[data-v-0bc2020a]:nth-of-type(3) { left: 50px; top: 50px } .btn[data-v-24a79a2d] { align-items: center; background: #fff; border: 1px solid #e6e8ec; border-radius: 8px; box-sizing: border-box; color: #303133; cursor: pointer; display: flex; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 300; height: 40px; line-height: 24px; margin-bottom: 14px; outline: none; padding: 10px 0 10px 110px; position: relative; width: 343px } .btn[data-v-24a79a2d]:hover { background-color: #f5f5f5 } .btn[data-v-24a79a2d]:active { background-color: #2a334c; border: 1px solid #577ae0; color: #fff } .btn.disabled[data-v-24a79a2d] { cursor: not-allowed } .btn .svg-icon[data-v-24a79a2d] { font-size: 24px; margin-right: 40px } .my-btn[data-v-24a79a2d] { background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 8px; color: hsla(0, 0%, 100%, .92); display: block; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 700; height: 44px; margin: 0 auto 70px; width: 343px } .my-btn[data-v-24a79a2d]:hover { background-color: #494f80; border-color: #494f80 } .my-btn[data-v-24a79a2d]:active { background-color: #1e2a3b; border-color: #4c5286 } .text-gray[data-v-24a79a2d] { color: #747f91 } .text-right[data-v-24a79a2d] { text-align: right } .m-b-20[data-v-24a79a2d] { margin-bottom: 20px } .el-divider[data-v-24a79a2d] { background: #272f48; margin: 15px 0 } .el-divider .el-divider__text[data-v-24a79a2d] { background: transparent; color: #6d6d6d } .shake-horizontal[data-v-24a79a2d] { animation: shake-horizontal-24a79a2d .8s cubic-bezier(.455, .03, .515, .955) both } @keyframes shake-horizontal-24a79a2d { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70% { transform: translateX(-10px) } 20%, 40%, 60% { transform: translateX(10px) } 80% { transform: translateX(8px) } 90% { transform: translateX(-8px) } } .forget-password[data-v-24a79a2d] { min-height: 140px } .forget-password .login-buttons[data-v-24a79a2d] { align-items: center; display: flex; flex-direction: column; margin: 20px auto; padding: 0 50px } .forget-password .login-buttons .btn[data-v-24a79a2d] { margin-bottom: 20px } .litegraph label.ueprompt { background-color: transparent; border: 0; border-radius: 0; box-shadow: none !important; font-size: 12px; height: 30px; margin: 0; padding: 0 } .litegraph span.ueprompttext { background-color: inherit; color: var(--descrip-text); font-family: Arial, sans-serif; margin: 0; min-width: 30px; padding: 2px 2px 4px 0; text-align: right } .litegraph span.uepromptspan { background-color: inherit; margin: 0; padding-left: 12px; width: 100% } .litegraph input.uepromptinput { border: 2px solid var(--border-color); border-radius: 12px; color: var(--input-text); float: right; font-size: 12px; margin: 0; padding: 0 0 0 6px; width: 100% } .comfy-group-manage { background: var(--bg-color); border-color: #000; color: var(--fg-color); font-family: Arial, Helvetica, sans-serif; margin: 20vh auto; max-height: 60vh; padding: 0 } .comfy-group-manage-outer { display: flex; flex-direction: column; max-height: 60vh; min-width: 500px } .comfy-group-manage-outer > header { align-items: center; background: var(--comfy-menu-bg); display: flex; gap: 10px; justify-content: space-between; padding: 15px 20px } .comfy-group-manage-outer > header select { background: var(--comfy-input-bg); border: 1px solid var(--border-color); border-radius: 5px; color: var(--input-text); padding: 5px 10px } .comfy-group-manage h2 { font-weight: 400; margin: 0 } .comfy-group-manage main { display: flex; overflow: hidden } .comfy-group-manage .drag-handle { font-weight: 700 } .comfy-group-manage-list { border-right: 1px solid var(--comfy-menu-bg) } .comfy-group-manage-list ul { list-style: none; margin: 40px 0 0; padding: 0 } .comfy-group-manage-list-items { max-height: calc(100% - 40px); overflow-x: hidden; overflow-y: scroll } .comfy-group-manage-list li { align-items: center; cursor: pointer; display: flex; gap: 5px; padding: 10px 20px 10px 10px } .comfy-group-manage-list div { display: flex; flex-direction: column } .comfy-group-manage-list li:not(.selected):hover div { -webkit-text-decoration: underline; text-decoration: underline } .comfy-group-manage-list li.selected { background: var(--border-color) } .comfy-group-manage-list li span { font-size: smaller; opacity: .7 } .comfy-group-manage-node { background: var(--border-color); display: flex; flex: auto; flex-direction: column } .comfy-group-manage-node > div { overflow: auto } .comfy-group-manage-node header { background: var(--bg-color); display: flex; height: 40px } .comfy-group-manage-node header a { border-bottom: 1px solid var(--comfy-menu-bg); border-right: 1px solid var(--comfy-menu-bg); cursor: pointer; flex: auto; font-size: 15px; padding: 10px; text-align: center } .comfy-group-manage-node header a:last-child { border-right: none } .comfy-group-manage-node header a:not(.active):hover { -webkit-text-decoration: underline; text-decoration: underline } .comfy-group-manage-node header a.active { background: var(--border-color); border-bottom: none } .comfy-group-manage-node-page { display: none; overflow: auto } .comfy-group-manage-node-page.active { display: block } .comfy-group-manage-node-page div { align-items: center; display: flex; gap: 10px; padding: 10px } .comfy-group-manage-node-page input { background: var(--comfy-input-bg); border: none; color: var(--input-text); padding: 5px 10px } .comfy-group-manage-node-page input[type=text] { flex: auto } .comfy-group-manage-node-page label { align-items: center; display: flex; gap: 5px } .comfy-group-manage footer { border-top: 1px solid var(--comfy-menu-bg); display: flex; gap: 10px; padding: 10px } .comfy-group-manage footer button { border-radius: 0; font-size: 14px; padding: 5px 10px } .comfy-group-manage footer button:first-child { margin-right: auto } .pysssss-model-info { color: #fff; font-family: sans-serif; max-width: 90vw } .pysssss-model-content { display: flex; flex-direction: column; overflow: hidden } .pysssss-model-info h2 { margin: 0 0 10px; text-align: center } .pysssss-model-info p { margin: 5px 0 } .pysssss-model-info a { color: #1e90ff } .pysssss-model-info a:hover { -webkit-text-decoration: underline; text-decoration: underline } .pysssss-model-tags-list { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 10px 0; max-height: 200px; overflow: auto; padding: 0 } .pysssss-model-tag { align-items: center; background-color: #80d5f7; border-radius: 5px; color: #000; cursor: pointer; display: flex; gap: 5px; padding: 2px 5px } .pysssss-model-tag--selected span:before { background-color: #1e90ff; bottom: 0; content: "✅"; left: 0; position: absolute; right: 0; text-align: center; top: 0 } .pysssss-model-tag:hover { outline: 2px solid #1e90ff } .pysssss-model-tag p { margin: 0 } .pysssss-model-tag span { background-color: #1e90ff; border-radius: 5px; color: #fff; min-width: 20px; overflow: hidden; padding: 2px; position: relative; text-align: center } .pysssss-model-metadata .comfy-modal-content { max-width: 100% } .pysssss-model-metadata label { color: #ccc; margin-right: 1ch } .pysssss-model-metadata span { color: #1e90ff } .pysssss-preview { margin-left: 10px; max-width: 50%; position: relative } .pysssss-preview img { max-height: 300px } .pysssss-preview button { bottom: 10px; font-size: 12px; position: absolute; right: 10px } .pysssss-model-notes { background-color: rgba(0, 0, 0, .25); margin-top: 5px; padding: 5px } .pysssss-model-notes:empty { display: none } .rgthree-top-messages-container { align-items: center; display: flex; flex-direction: column; height: 0; justify-content: start; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999 } .rgthree-top-messages-container > div { height: -moz-fit-content; height: fit-content; margin-top: -100px; opacity: 0; padding: 4px; position: relative; transition: all .33s ease-in-out; z-index: 3 } .rgthree-top-messages-container > div:last-child { z-index: 2 } .rgthree-top-messages-container > div:not(.-show) { z-index: 1 } .rgthree-top-messages-container > div.-show { margin-top: 0 !important; opacity: 1; transform: translateY(0) } .rgthree-top-messages-container > div > div { background: #353535; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, .88); color: #fff; font-family: Arial, sans-serif; font-size: 14px; height: -moz-fit-content; height: fit-content; padding: 6px 12px; position: relative } .rgthree-top-messages-container > div > div, .rgthree-top-messages-container > div > div > span { align-items: center; display: flex; flex-direction: row; justify-content: center } .rgthree-top-messages-container > div > div > span svg { height: auto; margin-right: 8px; width: 20px } .rgthree-top-messages-container > div > div > span svg.icon-checkmark { fill: #2e9720 } .rgthree-top-messages-container [type=success]:before, .rgthree-top-messages-container [type=warn]:before { content: "⚠️"; display: inline-block; flex: 0 0 auto; font-size: 18px; line-height: 1; margin-right: 4px } .rgthree-top-messages-container [type=success]:before { content: "🎉" } .rgthree-top-messages-container a { color: #fc0; cursor: pointer; display: inline-block; line-height: 1; margin-left: 4px; -webkit-text-decoration: underline; text-decoration: underline } .rgthree-top-messages-container a:hover { color: #fc0; -webkit-text-decoration: none; text-decoration: none } .litegraph.litesearchbox input, .litegraph.litesearchbox select { max-width: 250px } .comfy-multiline-input { z-index: 1 !important } .comfy-multiline-input:focus { z-index: 2 !important } .litegraph .dialog { z-index: 3 !important } .rgthree-dialog.-settings { width: 100% } .rgthree-dialog.-settings fieldset { border: 1px solid hsla(0, 0%, 100%, .25); margin-bottom: 16px; padding: 0 12px 8px } .rgthree-dialog.-settings fieldset > legend { margin-left: 8px; opacity: .5; padding: 0 8px } .rgthree-dialog.-settings .formrow { display: flex; flex-direction: column } .rgthree-dialog.-settings .formrow + .formrow { border-top: 1px solid hsla(0, 0%, 100%, .25) } .rgthree-dialog.-settings .fieldrow { display: flex; flex-direction: row } .rgthree-dialog.-settings .fieldrow > label { flex: 1 1 auto; padding: 8px 12px 12px; -webkit-user-select: none; -moz-user-select: none; user-select: none } .rgthree-dialog.-settings .fieldrow > label span { font-weight: 700 } .rgthree-dialog.-settings .fieldrow > label small { display: block; font-size: .6875rem; margin-top: 4px; opacity: .75; padding-left: 16px } .rgthree-dialog.-settings .fieldrow ~ .fieldrow { border-top: 1px dotted hsla(0, 0%, 100%, .25); font-size: .9rem } .rgthree-dialog.-settings .fieldrow ~ .fieldrow label { padding-left: 28px } .rgthree-dialog.-settings .fieldrow:first-child:not(.-checked) ~ .fieldrow { display: none } .rgthree-dialog.-settings .fieldrow:hover { background: hsla(0, 0%, 100%, .1) } .rgthree-dialog.-settings .fieldrow ~ .fieldrow span { font-weight: 400 } .rgthree-dialog.-settings .fieldrow > .fieldrow-value { align-items: center; display: flex; flex: 0 0 auto; justify-content: end; max-width: 230px; width: 50% } .rgthree-dialog.-settings .fieldrow.-type-boolean > .fieldrow-value { max-width: 64px } .rgthree-dialog.-settings .fieldrow.-type-number input { text-align: right; width: 48px } .rgthree-dialog.-settings .fieldrow input[type=checkbox] { cursor: pointer; height: 24px; width: 24px } .rgthree-comfyui-settings-row div { align-items: center; display: flex; flex-direction: row; justify-content: end } .rgthree-comfyui-settings-row div svg { height: 36px; margin-right: 16px; width: 36px } .litegraph.litecontextmenu .litemenu-entry.rgthree-contextmenu-item, .litegraph.litecontextmenu .litemenu-title .rgthree-contextmenu-title-rgthree-comfy { align-items: center; display: flex; flex-direction: row; justify-content: start } .litegraph.litecontextmenu .litemenu-entry.rgthree-contextmenu-item svg, .litegraph.litecontextmenu .litemenu-title .rgthree-contextmenu-title-rgthree-comfy svg { fill: currentColor; height: 16px; margin-right: 6px; width: auto } .litegraph.litecontextmenu .litemenu-entry.rgthree-contextmenu-item svg.github-star { fill: #e3b341 } .litegraph.litecontextmenu .litemenu-entry.rgthree-contextmenu-label, .litegraph.litecontextmenu .litemenu-title .rgthree-contextmenu-title-rgthree-comfy { background-color: #212121 !important; color: #dde; cursor: default; font-weight: 700; margin: 0; opacity: 1; padding: 4px } .litegraph.litecontextmenu .litemenu-title .rgthree-contextmenu-title-rgthree-comfy { background-color: #090909 !important; color: #fff; font-size: 1.1em; justify-content: center; padding: 4px 8px } rgthree-progress-bar { background: hsla(0, 0%, 9%, .9); box-shadow: 0 0 3px rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25), 0 1px 0 hsla(0, 0%, 100%, .125); display: none; font-size: 10px; height: 14px; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 999 } :not(#fakeid) .rgthree-button { --padding-top: 7px; --padding-bottom: 9px; --padding-x: 16px; align-items: center; background: rgba(0, 0, 0, .5); background: #212121; border: 0; border-radius: .25rem; box-shadow: 0 0 2px #000; color: #fff; cursor: pointer; display: inline-flex; flex-direction: row; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; font-size: 1rem; justify-content: center; line-height: 1; margin: .25rem; padding: 7px 16px 9px; padding: var(--padding-top) var(--padding-x) var(--padding-bottom); position: relative; -webkit-text-decoration: none; text-decoration: none; transition: all .1s ease-in-out; white-space: nowrap } :not(#fakeid) .rgthree-button:after, :not(#fakeid) .rgthree-button:before { background: linear-gradient(180deg, hsla(0, 0%, 100%, .06), rgba(0, 0, 0, .15)); border-radius: .25rem; box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .12), inset -1px -1px 0 rgba(0, 0, 0, .75); content: ""; display: block; height: 100%; left: 0; mix-blend-mode: screen; position: absolute; top: 0; width: 100% } :not(#fakeid) .rgthree-button:after { mix-blend-mode: multiply } :not(#fakeid) .rgthree-button:hover { background: #303030 } :not(#fakeid) .rgthree-button:active { background: #121212; box-shadow: 0 0 0 transparent; padding: calc(var(--padding-top) + 1px) calc(var(--padding-x) - 1px) calc(var(--padding-bottom) - 1px) calc(var(--padding-x) + 1px) } :not(#fakeid) .rgthree-button:active:after, :not(#fakeid) .rgthree-button:active:before { box-shadow: 1px 1px 0 hsla(0, 0%, 100%, .15), inset 1px 1px 0 rgba(0, 0, 0, .5), inset 1px 3px 5px rgba(0, 0, 0, .33) } :not(#fakeid) .rgthree-button.-blue { background: #346599 !important } :not(#fakeid) .rgthree-button.-blue:hover { background: #3b77b8 !important } :not(#fakeid) .rgthree-button.-blue:active { background: #1d5086 !important } :not(#fakeid) .rgthree-button.-green { background: linear-gradient(180deg, hsla(0, 0%, 100%, .06), rgba(0, 0, 0, .15)), #14580b } :not(#fakeid) .rgthree-button.-green:hover { background: linear-gradient(180deg, hsla(0, 0%, 100%, .06), rgba(0, 0, 0, .15)), #1a6d0f } :not(#fakeid) .rgthree-button.-green:active { background: linear-gradient(180deg, rgba(0, 0, 0, .15), hsla(0, 0%, 100%, .06)), #0f3f09 } :not(#fakeid) .rgthree-button[disabled] { background: #666 !important; box-shadow: none; color: #aaa; pointer-events: none } :not(#fakeid) .rgthree-button[disabled]:after, :not(#fakeid) .rgthree-button[disabled]:before { display: none } .rgthree-dialog { background: #414141; border: 0; border-radius: 6px; box-shadow: inset 1px 1px 0 hsla(0, 0%, 100%, .05), inset -1px -1px 0 rgba(0, 0, 0, .5), 2px 2px 20px #000; box-sizing: border-box; color: #fff; font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; font-size: 1rem; max-height: calc(100% - 32px); max-width: 800px; outline: 0; padding: 0 } .rgthree-dialog *, .rgthree-dialog :after, .rgthree-dialog :before { box-sizing: inherit } .rgthree-dialog-container > * { padding: 8px 16px } .rgthree-dialog-container > :first-child { padding-top: 16px } .rgthree-dialog-container > :last-child { padding-bottom: 16px } .rgthree-dialog.-iconed:after { bottom: 0; content: ""; display: block; font-size: 276px; height: 186px; line-height: 1; opacity: .15; overflow: hidden; pointer-events: none; position: absolute; right: 0; width: 237px; z-index: -1 } .rgthree-dialog.-iconed.-help:after { content: "🛟" } .rgthree-dialog.-iconed.-settings:after { content: "⚙️" } @media (max-width: 832px) { .rgthree-dialog { max-width: calc(100% - 32px) } } .rgthree-dialog-container-title { align-items: center; display: flex; flex-direction: row; justify-content: start } .rgthree-dialog-container-title > svg:first-child { height: 36px; margin-right: 16px; width: 36px } .rgthree-dialog-container-title h2 { font-size: 1.375rem; font-weight: 700; margin: 0 } .rgthree-dialog-container-title h2 small { font-size: .8125rem; font-weight: 400; opacity: .75 } .rgthree-dialog-container-content { max-height: calc(100vh - 200px); overflow: auto } .rgthree-dialog-container-content p { font-size: .8125rem; margin-top: 0 } .rgthree-dialog-container-content ul li p { margin-bottom: 4px } .rgthree-dialog-container-content ul li p + p { margin-top: .5em } .rgthree-dialog-container-content ul li ul { margin-bottom: 1em; margin-top: .5em } .rgthree-dialog-container-content p code { background: hsla(0, 0%, 100%, .1); border: 1px solid hsla(0, 0%, 100%, .25); border-radius: 3px; display: inline-block; margin: 0 2px; padding: 2px 4px } .rgthree-dialog-container-footer { align-items: center; display: flex; justify-content: center } body.rgthree-dialog-open > :not(.rgthree-dialog):not(.rgthree-top-messages-container) { filter: blur(5px) } .lds-ring { display: inline-block; height: 1em; position: relative; width: 1em } .lds-ring div { animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite; border: .15em solid transparent; border-radius: 50%; border-top-color: #fff; box-sizing: border-box; display: block; height: 100%; position: absolute; width: 100% } .lds-ring div:first-child { animation-delay: -.45s } .lds-ring div:nth-child(2) { animation-delay: -.3s } .lds-ring div:nth-child(3) { animation-delay: -.15s } @keyframes lds-ring { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .comfy-user-selection { align-items: center; background: linear-gradient(var(--tr-even-bg-color), var(--tr-odd-bg-color)); display: flex; font-family: sans-serif; height: 100vh; justify-content: center; left: 0; position: absolute; top: 0; width: 100vw; z-index: 999 } .comfy-user-selection-inner { background: var(--comfy-menu-bg); border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, .3); margin-top: -30vh; min-width: 365px; padding: 20px 40px; position: relative } .comfy-user-selection-inner form { align-items: center; display: flex; flex-direction: column; width: 100% } .comfy-user-selection-inner h1 { font-weight: 400; margin: 10px 0 30px } .comfy-user-selection-inner label { display: flex; flex-direction: column; width: 100% } .comfy-user-selection input, .comfy-user-selection select { background-color: var(--comfy-input-bg); border: 0; border-radius: 5px; color: var(--input-text); margin-top: 10px; padding: 5px } .comfy-user-selection input::-moz-placeholder { color: var(--descrip-text); opacity: 1 } .comfy-user-selection input::placeholder { color: var(--descrip-text); opacity: 1 } .comfy-user-existing { width: 100% } .no-users .comfy-user-existing { display: none } .comfy-user-selection-inner .or-separator { color: var(--descrip-text); display: block; margin: 10px 0 10px -10px; overflow: hidden; padding: 10px; text-align: center; width: 100% } .comfy-user-selection-inner .or-separator:after, .comfy-user-selection-inner .or-separator:before { background-color: var(--border-color); content: ""; display: inline-block; height: 1px; position: relative; top: -1px; vertical-align: middle; width: calc(50% - 20px) } .comfy-user-selection-inner .or-separator:before { margin-left: -50%; right: 10px } .comfy-user-selection-inner .or-separator:after { left: 10px; margin-right: -50% } .comfy-user-selection-inner section { margin: -10px; padding: 10px; transition: background-color .2s; width: 100% } .comfy-user-selection-inner section.selected { background: var(--border-color); border-radius: 5px } .comfy-user-selection-inner footer { align-items: center; display: flex; flex-direction: column; margin-top: 20px } .comfy-user-selection-inner .comfy-user-error { color: var(--error-text); margin-bottom: 10px } .comfy-user-button-next { align-items: center; display: flex; font-size: 16px; gap: 5px; justify-content: center; padding: 6px 10px; width: 100px } .score[data-v-0cb9a754] { display: flex; flex-direction: column } .score .score-play[data-v-0cb9a754] { align-items: center; background: #12121e; border-radius: 9px 9px 9px 9px; box-sizing: border-box; display: flex; height: 67px; justify-content: center; margin-left: 16px; width: 377px } .score .score-play span[data-v-0cb9a754] { color: #fefefe; font-size: 14px; margin: 0 20px 0 8px } .score .user-score .infinite[data-v-0cb9a754] { height: 100% } .score .user-score .list[data-v-0cb9a754] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); box-sizing: border-box; padding: 20px 0 20px 16px } .score .user-score .list .info[data-v-0cb9a754] { align-items: center; display: flex; margin-top: 10px } .score .user-score .list .info .avatar[data-v-0cb9a754] { border-radius: 50%; height: 32px; width: 32px } .score .user-score .list .info .info-detail[data-v-0cb9a754] { display: flex; flex-direction: column; margin-left: 10px } .score .user-score .list .info .info-detail .name[data-v-0cb9a754] { color: #fefefe; font-size: 14px } .score .user-score .list .info .info-detail .date[data-v-0cb9a754] { color: #6c7275; font-size: 12px; margin-top: 4px } .score .user-score .list[data-v-0cb9a754] .el-rate__icon { font-size: 20px } [data-v-0cb9a754] .el-drawer { background: #191923 } [data-v-0cb9a754] .el-rate { height: 30px } [data-v-0cb9a754] .el-drawer__header span { color: #fff; font-weight: 700 } [data-v-0cb9a754] .el-rate__icon { font-size: 26px } ul[data-v-0cb9a754] { padding: 0 } ul li[data-v-0cb9a754] { list-style-type: none } .c-card-item a[data-v-6589abe4] { align-items: flex-start; background: #1c1e27; border-radius: 12px 12px 12px 12px; box-sizing: border-box; display: flex; height: 175px; justify-content: space-between; padding: 16px; -webkit-text-decoration: none; text-decoration: none } .c-card-item .card-item-banner[data-v-6589abe4] { flex-shrink: 0; height: 100%; width: 50% } .c-card-item .card-item-banner img[data-v-6589abe4] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .c-card-item .card-item-describe[data-v-6589abe4] { border-radius: 0 0 10px 10px; display: flex; flex-direction: column; justify-content: center; width: 50% } .c-card-item .card-item-describe .main-title[data-v-6589abe4] { align-items: center; display: flex; line-height: 23px } .c-card-item .card-item-describe .main-title .main-title-text[data-v-6589abe4] { color: #fff; font-family: Arial-Regular, Arial; font-size: 18px; font-weight: 400 } .c-card-item .card-item-describe .sub-title[data-v-6589abe4] { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 6px } .c-card-item .card-item-describe .ellipsis[data-v-6589abe4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c-card-item .card-item-describe .ellipsis-multiline[data-v-6589abe4] { -webkit-box-orient: vertical; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal } .c-card-item .card-item-describe .ellipsis-multiline-6[data-v-6589abe4] { -webkit-line-clamp: 6 } .aiList[data-v-06fc491e] { height: 100%; overflow-y: scroll } .title[data-v-06fc491e] { color: #e2e1e1; font-size: 22px; font-weight: 700; line-height: 26px; margin-top: 25px } .desc[data-v-06fc491e] { color: hsla(0, 0%, 100%, .6); font-size: 14px; line-height: 16px; margin-bottom: 20px; margin-top: 6px } .c-fast-tools-card-list[data-v-06fc491e] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 13px } .c-fast-tools-card-list > div[data-v-06fc491e] { width: calc(25% - 10px) } .collapse[data-v-efa60546] { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; padding: 20px 0 } .collapse .tag[data-v-efa60546] { color: #fff; cursor: pointer; font-size: 24px; font-weight: 700; margin-right: 32px } .collapse .label[data-v-efa60546] { color: #fcfdfe; font-size: 16px; font-weight: 400; height: 18px; overflow: hidden } .collapse .label .coll-value[data-v-efa60546] { color: #e7e8ea; font-size: 14px; letter-spacing: 1px; margin-top: 12px } .collapse .active[data-v-efa60546] { height: auto } .collapse[data-v-efa60546]:last-child { border-bottom: none } .ai-face-changing[data-v-6b1f3f00] { box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; width: 100% } .ai-face-changing .face-swap[data-v-6b1f3f00] { display: flex; height: calc(100vh - 74px); width: 100% } .ai-face-changing .face-swap .left-area[data-v-6b1f3f00] { background: #14151c; border-left: 1px solid #2a2832; border-right: 1px solid #2a2832; box-sizing: border-box; height: 100%; width: 420px } .ai-face-changing .face-swap .left-area[data-v-6b1f3f00] .c-tab { margin: 16px 27px; width: calc(100% - 54px) } .ai-face-changing .face-swap .left-area[data-v-6b1f3f00] .c-tab .item-tab { min-width: 82px } .ai-face-changing .face-swap .left-area[data-v-6b1f3f00] .c-category { margin: 0 27px 16px; width: calc(100% - 54px) } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] { align-content: flex-start; box-sizing: border-box; display: flex; flex-wrap: wrap; height: calc(100% - 113px); overflow: auto; padding: 0 17px; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader { position: relative } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .el-upload { background: #2b2c32; border: 0; border-radius: 12px; box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .el-upload .uploader { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .el-upload .uploader .tip { color: #a3a6ad; font-family: PingFang SC; font-size: 12px; font-weight: 500; line-height: 24px; text-align: center; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .el-upload .el-upload-dragger { background: #2b2c32; border: 0; border-radius: 12px; box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .share { align-items: center; bottom: 7px; display: flex; justify-content: center; left: 50%; position: absolute; transform: translateX(-50%); width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .share .checkbox { align-items: center; border: 1px solid #414243; border-radius: 2px; display: flex; height: 12px; justify-content: center; width: 12px } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .share .checkbox i { color: #8d9095; font-size: 10px } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] .left-uploader .share .label { color: #8d9095; font-family: PingFang SC; font-size: 10px; font-weight: 500; margin-left: 4px; max-width: calc(100% - 20px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .ai-face-changing .face-swap .left-area .content-container .item-box[data-v-6b1f3f00] { background: #2b2c32; border-radius: 12px; cursor: pointer; height: 176px; margin: 5px; position: relative; width: calc(33.33333% - 10px) } .ai-face-changing .face-swap .left-area .content-container .item-box .duration[data-v-6b1f3f00] { align-items: center; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 24px; justify-content: center; left: 4px; position: absolute; top: 4px; width: 41px } .ai-face-changing .face-swap .left-area .content-container .item-box .author[data-v-6b1f3f00] { background: hsla(0, 0%, 100%, .1); border-radius: 6px; bottom: 6px; color: #bdbdbd; font-family: PingFang SC; font-size: 10px; font-weight: 600; max-width: calc(100% - 12px); overflow: hidden; padding: 2px 4px; position: absolute; right: 6px; text-overflow: ellipsis; white-space: nowrap } .ai-face-changing .face-swap .left-area .content-container .item-box .material[data-v-6b1f3f00] { border-radius: 12px; box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ai-face-changing .face-swap .left-area .content-container[data-v-6b1f3f00] > :last-child { margin-bottom: 15px } .ai-face-changing .face-swap .middle-area[data-v-6b1f3f00] { align-content: flex-start; display: flex; flex: 1; flex-wrap: wrap; height: 100%; justify-content: center } .ai-face-changing .face-swap .middle-area .icon[data-v-6b1f3f00] { color: #fff; font-size: 56px; margin-top: 10px } .ai-face-changing .face-swap .middle-area .title[data-v-6b1f3f00] { color: #fff; font-family: Arial; font-size: 34px; font-weight: 700; line-height: 40px; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .explain[data-v-6b1f3f00] { align-items: center; color: hsla(0, 0%, 100%, .7); display: flex; font-family: Arial; font-size: 16px; justify-content: center; line-height: 19px; margin-top: 6px; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .explain > .words[data-v-6b1f3f00] { margin-right: 7px } .ai-face-changing .face-swap .middle-area .preview-box[data-v-6b1f3f00] { align-items: center; background: #2a2832; border: 2px dashed hsla(0, 0%, 100%, .7); border-radius: 20px; display: flex; height: 612px; justify-content: center; margin-top: 18px; max-height: calc(100% - 268px); min-height: 280px; position: relative; width: calc(100% - 160px) } .ai-face-changing .face-swap .middle-area .preview-box .post-btn[data-v-6b1f3f00] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 112px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .post-btn .svg-icon[data-v-6b1f3f00] { color: #fff; height: 18px; width: 18px } .ai-face-changing .face-swap .middle-area .preview-box .post-btn .iconfont[data-v-6b1f3f00] { color: #fff; font-size: 18px } .ai-face-changing .face-swap .middle-area .preview-box .download-btn[data-v-6b1f3f00] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 64px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .download-btn .svg-icon[data-v-6b1f3f00] { color: #fff; height: 18px; width: 18px } .ai-face-changing .face-swap .middle-area .preview-box .download-btn .download-svg[data-v-6b1f3f00] { color: #fff; font-size: 16px } .ai-face-changing .face-swap .middle-area .preview-box .delete-btn[data-v-6b1f3f00] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 16px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .delete-btn .svg-icon[data-v-6b1f3f00] { color: #fff; height: 18px; width: 18px } .ai-face-changing .face-swap .middle-area .preview-box .delete-btn .iconfont[data-v-6b1f3f00] { color: #fff; font-size: 18px } .ai-face-changing .face-swap .middle-area .preview-box .video-preview[data-v-6b1f3f00] { border-radius: 20px; box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .image-preview[data-v-6b1f3f00] { border-radius: 20px; box-sizing: border-box; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .before-generate[data-v-6b1f3f00] { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .before-generate .close-btn[data-v-6b1f3f00] { align-items: center; background: rgba(28, 29, 42, .6); border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 16px; top: 16px; width: 40px; z-index: 9 } .ai-face-changing .face-swap .middle-area .preview-box .before-generate .close-btn .el-icon-close[data-v-6b1f3f00] { color: #fff; font-size: 18px } .ai-face-changing .face-swap .middle-area .preview-box .before-generate .empty[data-v-6b1f3f00] { color: hsla(0, 0%, 100%, .7); font-family: Arial; font-size: 14px; font-weight: 400; line-height: 16px } .ai-face-changing .face-swap .middle-area .preview-box .generating[data-v-6b1f3f00] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .dance-loading[data-v-6b1f3f00] { color: #fff; font-size: 46px; margin-bottom: 40px } .ai-face-changing .face-swap .middle-area .preview-box .generating .percentage[data-v-6b1f3f00] { color: #fff; font-family: Arial; font-size: 16px; font-weight: 700; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .progress-bar[data-v-6b1f3f00] { background: hsla(0, 0%, 47%, .4); border-radius: 30px; height: 12px; margin: 22px 0; width: 263px } .ai-face-changing .face-swap .middle-area .preview-box .generating .progress-bar .inner[data-v-6b1f3f00] { background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 30px; box-sizing: border-box; height: 100%; transition: width 1s ease; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .tips[data-v-6b1f3f00] { color: #999; font-family: Arial; font-size: 14px; text-align: center; width: 100% } .ai-face-changing .face-swap .middle-area .preview-box .generating .get-more-credits[data-v-6b1f3f00] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #2a2832, #2a2832), linear-gradient(90deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 10px; box-sizing: border-box; color: #fcfcfc; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; justify-content: center; margin-top: 40px; padding: 12px 17px } .ai-face-changing .face-swap .middle-area .preview-box .generating .get-more-credits .el-icon-right[data-v-6b1f3f00] { font-size: 16px; margin-left: 8px } .ai-face-changing .face-swap .middle-area .preview-box .after-generate[data-v-6b1f3f00] { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .middle-area .generate-box[data-v-6b1f3f00] { align-items: center; display: flex; height: 40px; justify-content: center; margin-top: 36px; width: 100% } .ai-face-changing .face-swap .middle-area .generate-box .generate[data-v-6b1f3f00] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 100%; justify-content: center; line-height: 14px; width: 282px } .ai-face-changing .face-swap .middle-area .generate-box .generate .compute_coin-cost[data-v-6b1f3f00] { margin-left: 5px } .ai-face-changing .face-swap .right-area[data-v-6b1f3f00] { background: #14151c; border-left: 1px solid #2a2832; border-right: 1px solid #2a2832; box-sizing: border-box; height: 100%; overflow: auto; padding: 0 12px; width: 420px } .ai-face-changing .face-swap .right-area .process[data-v-6b1f3f00] { margin-top: 16px; width: 100% } .ai-face-changing .face-swap .right-area .process .sub-title[data-v-6b1f3f00] { align-items: center; box-sizing: border-box; color: #c0d0f1; display: flex; font-family: PingFang SC; font-size: 14px; height: 24px; width: 100% } .ai-face-changing .face-swap .right-area .process .svg-icon[data-v-6b1f3f00] { color: #69676e; cursor: pointer; font-size: 15px; margin-left: 6px } .ai-face-changing .face-swap .right-area .process .avatar-container[data-v-6b1f3f00] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; display: flex; height: 104px; justify-content: space-between; margin-top: 5px; padding: 8px 10px; position: relative; width: 186px } .ai-face-changing .face-swap .right-area .process .avatar-container[data-v-6b1f3f00]:after { background: linear-gradient(90deg, rgba(226, 233, 247, 0), #dce5f7); content: ""; height: 2px; left: 50%; position: absolute; right: 50%; transform: translate(-50%, -50%); width: 24px } .ai-face-changing .face-swap .right-area .process .avatar-container .left-box[data-v-6b1f3f00], .ai-face-changing .face-swap .right-area .process .avatar-container .right-box[data-v-6b1f3f00] { align-items: center; background: #3e3f46; border-radius: 10px; display: flex; height: 88px; justify-content: center; position: relative; width: 60px } .ai-face-changing .face-swap .right-area .process .avatar-container .left-box > img[data-v-6b1f3f00], .ai-face-changing .face-swap .right-area .process .avatar-container .right-box > img[data-v-6b1f3f00] { border-radius: 10px; height: 88px; -o-object-fit: cover; object-fit: cover; width: 60px } .ai-face-changing .face-swap .right-area .process .avatar-container .left-box.active[data-v-6b1f3f00], .ai-face-changing .face-swap .right-area .process .avatar-container .right-box.active[data-v-6b1f3f00] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 10px; height: 88px; width: 60px } .ai-face-changing .face-swap .right-area .select-face[data-v-6b1f3f00] { margin-top: 16px; width: 100% } .ai-face-changing .face-swap .right-area .select-face .sub-title[data-v-6b1f3f00] { align-items: center; box-sizing: border-box; color: #c0d0f1; display: flex; font-family: PingFang SC; font-size: 14px; height: 24px; width: 100% } .ai-face-changing .face-swap .right-area .select-face .sub-title-tip[data-v-6b1f3f00] { color: #6c7275; font-size: 12px; margin-top: 2px } .ai-face-changing .face-swap .right-area .select-face .face-box[data-v-6b1f3f00] { box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 7px 5px } .ai-face-changing .face-swap .right-area .select-face .face-box .face-uploader[data-v-6b1f3f00] { border: 0 !important; height: 88px !important; width: 60px !important } .ai-face-changing .face-swap .right-area .select-face .face-box .face-uploader[data-v-6b1f3f00] .el-upload { box-sizing: border-box; height: 100%; width: 100% } .ai-face-changing .face-swap .right-area .select-face .face-box .face-uploader[data-v-6b1f3f00] .el-upload .uploader { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; display: flex; height: 100%; justify-content: center; width: 100% } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face[data-v-6b1f3f00] { border: 2px solid #383943; border-radius: 10px; cursor: pointer; height: 88px; margin: 5px; position: relative; width: 60px } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face .face-image[data-v-6b1f3f00] { border-radius: 10px; box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face .delete-face[data-v-6b1f3f00] { opacity: 0 } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face:hover .delete-face[data-v-6b1f3f00] { opacity: 1 } .ai-face-changing .face-swap .right-area .select-face .face-box .item-face-active[data-v-6b1f3f00] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3f8fff, #21feff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 10px } .ai-face-changing .face-swap .delete-face[data-v-6b1f3f00] { align-items: center; background: #515458; border-radius: 50%; cursor: pointer; display: flex; height: 20px; justify-content: center; position: absolute; right: -5px; top: -5px; width: 20px } .ai-face-changing .face-swap .delete-face .el-icon-close[data-v-6b1f3f00] { color: #fff; font-size: 10px } .ai-face-changing .face-swap .uploader .el-icon-plus[data-v-6b1f3f00] { color: #a9afbd; font-size: 16px } .ai-face-changing[data-v-6b1f3f00] ::-webkit-scrollbar { width: 4px } .toolsBox[data-v-1396244f] { box-sizing: border-box; height: 100%; width: 100% } .c-fast-tools-hd-restoration .top-bar[data-v-0d5a64a9], .c-fast-tools-hd-restoration[data-v-0d5a64a9] { align-items: center; display: flex; flex-direction: column } .c-fast-tools-hd-restoration .top-bar[data-v-0d5a64a9] { margin-top: 40px } .c-fast-tools-hd-restoration .top-bar .top-bar-icon[data-v-0d5a64a9] { width: 78px } .c-fast-tools-hd-restoration .top-bar .top-bar-icon img[data-v-0d5a64a9] { width: 100% } .c-fast-tools-hd-restoration .top-bar .top-bar-main-title[data-v-0d5a64a9] { color: #fff; font-family: Arial-Bold, Arial; font-size: 48px; font-weight: 700; line-height: 56px; margin-top: 13px } .c-fast-tools-hd-restoration .top-bar .top-bar-sub-title[data-v-0d5a64a9] { color: hsla(0, 0%, 100%, .7); font-family: Arial-Regular, Arial; font-size: 16px; font-weight: 400; line-height: 19px; margin-top: 9px } .example-bord-box[data-v-0d5a64a9] { margin: 50px auto; width: 910px } .example-bord-box > .left[data-v-0d5a64a9] { background-color: #2a2832; border-radius: 24px; flex-shrink: 0; width: 400px } .example-bord-box > .right[data-v-0d5a64a9] { flex-grow: 1; padding-left: 20px } .example-bord-box > .right > .example-title[data-v-0d5a64a9] { color: #bababa; font-family: Arial-Bold, Arial; font-size: 14px; font-weight: 700; height: 68px } .example-bord-box > .right > .example-title .example-title-icon[data-v-0d5a64a9] { color: #bababa; font-size: 24px; margin-right: 5px } .example-bord-box > .right > .example-img-list[data-v-0d5a64a9] { background-color: #2a2832; border-radius: 13px; height: 136px; width: 490px } .example-bord-box > .right > .example-img-list > .item[data-v-0d5a64a9] { border-radius: 10px; height: 100px; margin: 0 7px; width: 100px } .imglook-item[data-v-0d5a64a9] { margin-bottom: 215px; width: 1200px } .imglook-item > .text-1[data-v-0d5a64a9] { color: #f1f5f9; font-size: 48px; font-weight: 600; line-height: 56px; text-align: center } .imglook-item > .text-2[data-v-0d5a64a9] { color: hsla(0, 0%, 100%, .6); font-size: 18px; font-weight: 600; line-height: 30px; text-align: center } .imglook-item > .imgdiff-type-list[data-v-0d5a64a9] { margin: 36px 0 } .imglook-item > .imgdiff-type-list > .item[data-v-0d5a64a9] { background: #2a2832; border-radius: 100px; color: #fff; cursor: pointer; font-size: 20px; height: 52px; margin: 0 19px; padding: 0 8px } .imglook-item > .imgdiff-type-list > .item > .image-item[data-v-0d5a64a9] { border-radius: 50%; height: 42px; width: 42px } .imglook-item > .imgdiff-type-list > .item > span[data-v-0d5a64a9] { margin: 0 18px } .imglook-item > .imgdiff-type-list > .act-item[data-v-0d5a64a9] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #211d2b, #211d2b), linear-gradient(272deg, #5bd8ff, #2d61fc); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 100px; box-sizing: border-box } .imglook-item > .imgdiff-box[data-v-0d5a64a9] { height: 675px; width: 1200px } .use-detail-box[data-v-0d5a64a9] { margin-bottom: 158px; width: 1200px } .use-detail-box > .text-1[data-v-0d5a64a9] { color: #fff; font-size: 48px; font-weight: 600; line-height: 60px; margin-bottom: 50px; text-align: center } .use-detail-box > .info-list > .item[data-v-0d5a64a9] { padding-right: 80px; position: relative; width: calc(33.33% - 40px) } .use-detail-box > .info-list > .item[data-v-0d5a64a9]:before { color: hsla(0, 0%, 100%, .15); content: attr(data-num); font-size: 140px; font-weight: 700; left: -20px; position: absolute; top: -30px } .use-detail-box > .info-list > .item[data-v-0d5a64a9]:last-child { padding-right: 0 } .use-detail-box > .info-list > .item > .text-2[data-v-0d5a64a9] { color: #fff; font-size: 18px; line-height: 40px; margin-bottom: 8px } .use-detail-box > .info-list > .item > .text-3[data-v-0d5a64a9] { color: #cdccdb; font-size: 16px; line-height: 24px; margin-bottom: 20px } .imgbetter-box[data-v-0d5a64a9] { width: 1200px } .imgbetter-box > .text-1[data-v-0d5a64a9] { color: #f1f5f9; font-size: 48px; font-weight: 600; line-height: 56px; margin-bottom: 80px; padding: 0 180px; text-align: center } .imgbetter-box > .img-info-item[data-v-0d5a64a9] { margin-bottom: 190px } .imgbetter-box > .img-info-item > .img-item[data-v-0d5a64a9] { width: 50% } .imgbetter-box > .img-info-item > .img-item > .isimage[data-v-0d5a64a9] { border-radius: 12px; height: 400px; width: 100% } .imgbetter-box > .img-info-item > .text-item[data-v-0d5a64a9] { padding-left: 88px; width: calc(50% - 88px) } .imgbetter-box > .img-info-item > .text-item > .text-1[data-v-0d5a64a9] { color: #fff; font-size: 28px; line-height: 42px; margin-bottom: 23px } .imgbetter-box > .img-info-item > .text-item > .text-2[data-v-0d5a64a9] { color: #cdccdb; font-size: 16px; line-height: 28px; margin-bottom: 70px } .imgbetter-box > .img-info-item > .text-item > .btn[data-v-0d5a64a9] { background: #fff; border-radius: 100px 100px 100px 100px; color: #000; cursor: pointer; font-size: 14px; height: 40px; line-height: 22px; width: 120px } .imgbetter-box > .img-info-item > .text-item-fan[data-v-0d5a64a9] { padding-left: 0; padding-right: 88px } .footer[data-v-0d5a64a9] { display: flex; flex-direction: column; width: 1213px } .footer .line-4[data-v-0d5a64a9] { color: #f1f5f9; font-family: Archivo; font-size: 48px; font-style: normal; height: 102px; line-height: 56px; margin-top: 230px; text-align: center } .footer .ai-tools[data-v-0d5a64a9] { color: #fff; display: flex; font-size: 48px; font-weight: 700; justify-content: center; margin: 208px 0 24px; text-align: center } .footer .ai-tools h2[data-v-0d5a64a9]:last-child { background: linear-gradient(181.5458554119deg, #5bd8ff, #2d61fc 95%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: 10px } .footer .line-5[data-v-0d5a64a9] { color: #f6f6f6; font-size: 22px; margin-bottom: 60px; text-align: center } .content[data-v-0f284893] { background: /*savepage-url=https://${this.cdnhost}/static/upload/20240227/15feb3dd-b169-4a5a-befe-9c774b1da101.webp*/ url() no-repeat 50%/100% 100%; color: #fff; font-size: 16px; min-width: 1920px; overflow-x: auto } .content .header[data-v-0f284893], .content[data-v-0f284893] { align-items: center; display: flex; flex-direction: column } .content .header[data-v-0f284893] { justify-items: center } .content .title[data-v-0f284893] { background: linear-gradient(90deg, #a95050, #f5734b 28%, #55eeeb 57%, #2975a3 80%, #133d47); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: Sora; font-size: 80px; font-style: normal; font-weight: 600; height: 110px; line-height: 110px; max-width: 1400px; text-align: center; text-transform: none } .content .line-1[data-v-0f284893] { color: #f6f6f6; font-size: 24px; font-weight: 400; letter-spacing: 9px; max-width: 1400px; position: relative } .content .line-1 img[data-v-0f284893] { bottom: -2px; height: 4px; position: absolute; right: 17px; width: 96px } .content .sora[data-v-0f284893] { display: flex; height: 586px; justify-content: center; margin-top: 52px } .content .sora .left[data-v-0f284893] { display: flex; flex-direction: column } .content .sora .left .prompt[data-v-0f284893] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 24px; box-sizing: border-box; height: 100%; margin-right: 15px; width: 380px } .content .sora .left .prompt .line[data-v-0f284893] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); color: #fffdf5; height: 40px; line-height: 40px; margin: 0 auto; width: 348px } .content .sora .left .prompt .inp[data-v-0f284893] textarea { background: none; border: none; height: 460px } .content .sora .left .btn[data-v-0f284893] { background: #211d2b; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #211d2b, #211d2b), linear-gradient(272deg, #5bd8ff, #2d61fc); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 12px 12px 12px 12px; border-radius: 12px; box-sizing: border-box; cursor: pointer; font-size: 18px; height: 54px; line-height: 54px; margin-top: 10px; text-align: center; width: 380px } .content .sora .video-box[data-v-0f284893] { align-items: center; border-radius: 24px; display: flex; flex-direction: column; height: 100%; width: 818px } .content .sora .video-box .border-box[data-v-0f284893] { background: linear-gradient(135deg, #ffc876, #79fff7 35%, #9f53ff 69%, #ff98e2); border-radius: 24px; box-sizing: border-box; height: 540px; padding: 1px; width: 818px } .content .sora .video-box .video[data-v-0f284893] { border-radius: 24px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .content .sora .video-box .icon-1[data-v-0f284893] { width: 762px } .content .sora .video-box .icon-1[data-v-0f284893], .content .sora .video-box .icon-2[data-v-0f284893] { background: hsla(0, 0%, 100%, .1); border-radius: 0 0 20px 20px; height: 24px } .content .sora .video-box .icon-2[data-v-0f284893] { opacity: .5; width: 706px } .content .list-box[data-v-0f284893] { display: flex; justify-content: space-between; margin-top: 190px } .content .list-box .list[data-v-0f284893] { align-items: center; display: flex; flex-direction: column; text-align: center } .content .list-box .list img[data-v-0f284893] { height: 48px; width: 48px } .content .list-box .list b[data-v-0f284893] { font-size: 18px; margin: 40px 0 20px } .content .list-box .list p[data-v-0f284893] { color: #c3c8d2; font-size: 16px; line-height: 24px; width: 300px } .content .list-box .list[data-v-0f284893]:nth-child(2) { width: 234px } .content .line-2[data-v-0f284893] { font-size: 48px; margin: 196px 0 24px; text-align: center } .content .line-3[data-v-0f284893] { color: #f6f6f6; font-size: 22px; font-weight: 300; margin-bottom: 78px; text-align: center } .content .swiper-box[data-v-0f284893] { border-radius: 24px; overflow: hidden; width: 100% } .content .swiper-box .swiper-item[data-v-0f284893] { border-radius: 24px; height: 558px } .content .swiper-box .swiper-item .swiper-video[data-v-0f284893] { border-radius: 24px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .content .footer[data-v-0f284893] { display: flex; flex-direction: column; width: 1213px } .content .footer .line-4[data-v-0f284893] { color: #f1f5f9; font-family: Archivo; font-size: 48px; font-style: normal; height: 102px; line-height: 56px; margin-top: 230px; text-align: center } .content .footer .collapse[data-v-0f284893] { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; padding: 20px 0 } .content .footer .collapse .tag[data-v-0f284893] { font-size: 24px; font-weight: 700; margin-right: 32px } .content .footer .collapse .label[data-v-0f284893] { color: #fcfdfe; font-size: 16px; font-weight: 400; height: 18px; overflow: hidden; transition: .4s } .content .footer .collapse .label .coll-value[data-v-0f284893] { color: #e7e8ea; font-size: 14px; letter-spacing: 1px; margin-top: 12px } .content .footer .collapse .label.active[data-v-0f284893] { height: 100% } .content .footer .collapse[data-v-0f284893]:last-child { border-bottom: none } .content .footer .ai-tools[data-v-0f284893] { display: flex; font-size: 48px; font-weight: 700; justify-content: center; margin: 208px 0 24px; text-align: center } .content .footer .ai-tools h2[data-v-0f284893]:last-child { background: linear-gradient(181.5458554119deg, #5bd8ff, #2d61fc 95%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: 10px } .content .footer .line-5[data-v-0f284893] { color: #f6f6f6; font-size: 22px; margin-bottom: 60px; text-align: center } .author[data-v-2d79d21d] { box-sizing: border-box; font-size: 20px; font-weight: 500; height: 40px; justify-content: space-between; width: 100% } .author .left[data-v-2d79d21d] { align-items: center; position: relative } .author .left .head[data-v-2d79d21d] { border-radius: 50%; cursor: pointer; height: 40px; min-width: 40px; overflow: hidden; position: relative; width: 40px } .author .left .head .avatar[data-v-2d79d21d] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .left .head img[data-v-2d79d21d] { position: relative; width: 100%; z-index: 1 } .author .left .head .letter[data-v-2d79d21d] { color: #fff; font-size: 24px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .author .left .name[data-v-2d79d21d] { color: #e2e8f0; cursor: pointer; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 18px; font-weight: 500; height: 28px; line-height: 28px; margin: 0; max-width: 200px; padding: 0 15px 0 10px } .author .left .name .personal-info-a[data-v-2d79d21d], .author .left .name[data-v-2d79d21d] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author .left .name .personal-info-a[data-v-2d79d21d] { color: #fff; display: block; font-size: 14px; margin-left: 8px; max-width: 124px; -webkit-text-decoration: none; text-decoration: none } .author .left .follow[data-v-2d79d21d] { background: #1a1d23; border: 0; border-radius: 20px; color: #fcfcfd; cursor: pointer; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 500; height: 32px; line-height: 32px; margin-right: 5px; padding: 0 18px; text-align: center } .author .left .follow .followed-icon[data-v-2d79d21d] { color: #32a772 } .author .left .follow[data-v-2d79d21d]:hover { color: #409eff } .author .left[data-v-2d79d21d] .follow.is-loading { cursor: not-allowed } .author .left[data-v-2d79d21d] .follow.is-loading:before { background-color: transparent } .author .right[data-v-2d79d21d] { align-items: center; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: flex-end } .author .right .right-btn[data-v-2d79d21d] { border-radius: 50%; box-sizing: border-box; color: #8e9cb1; font-size: 22px; height: 36px; margin-left: 0; width: 36px } .author .right .right-btn.with-num[data-v-2d79d21d] { align-items: center; display: flex; gap: 5px; width: 55px } .author .right .right-btn.with-num .num[data-v-2d79d21d] { font-size: 16px } .author .right .right-btn.mark-button[data-v-2d79d21d] { position: relative } .author .right .right-btn.mark-button:active .mark-icon[data-v-2d79d21d] { left: -2px; top: -2px } .author .right .right-btn.mark-button .mark-icon[data-v-2d79d21d] { height: 22px; left: -1px; padding: 8px; position: absolute; top: -1px; width: 22px } .author .right .right-btn.like-button .svg-icon[data-v-2d79d21d] { transform: scale(.92) } .author .right .right-btn.button-try[data-v-2d79d21d] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; padding: 0 28px; transition: opacity .3s ease-in-out; width: auto } .author .right .follow[data-v-2d79d21d] { background: #41454d; border: 0; border-radius: 20px; color: #fff; cursor: pointer; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 500; height: 32px; line-height: 32px; margin-right: 5px; padding: 0; text-align: center; width: 93px } .author .right .follow .followed-icon[data-v-2d79d21d] { color: #32a772 } .author .right .follow[data-v-2d79d21d]:hover { color: #409eff } .author .right[data-v-2d79d21d] .follow.is-loading { cursor: not-allowed } .author .right[data-v-2d79d21d] .follow.is-loading:before { background-color: transparent } .author button[data-v-2d79d21d] { background: transparent; border: none; cursor: pointer } .TarinAdvSet[data-v-71f38c92] { border-top: 1px solid hsla(0, 0%, 100%, .06); box-sizing: border-box; display: flex; height: 668px; padding-top: 10px; width: 100% } .TarinAdvSet .tabs[data-v-71f38c92] { width: 226px } .TarinAdvSet .tabs .tabItem[data-v-71f38c92] { border-radius: 8px; box-sizing: border-box; color: #6f767e; cursor: pointer; font-size: 14px; height: 40px; line-height: 40px; margin-bottom: 16px; padding-left: 16px; width: 100% } .TarinAdvSet .tabs .tabItem[data-v-71f38c92]:last-child { margin-bottom: 0 } .TarinAdvSet .tabs .activateIndex[data-v-71f38c92] { background-color: #313337; color: #fcfcfc } .TarinAdvSet .dataList[data-v-71f38c92] { box-sizing: border-box; height: 657px; margin-left: 20px; overflow: auto; padding-right: 10px; width: 584px } .TarinAdvSet .dataList .dataBox[data-v-71f38c92] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); margin-bottom: 16px; padding-bottom: 16px } .TarinAdvSet .dataList .dataBox[data-v-71f38c92]:last-child { border-bottom: none; margin-bottom: 0 } .TarinAdvSet .dataList .dataBox .dataTiT[data-v-71f38c92] { color: #fff; font-size: 16px; line-height: 32px; margin-bottom: 10px; width: 100% } .TarinAdvSet .dataList .dataBox .dataCnt[data-v-71f38c92] { width: 100% } .TarinAdvSet .dataList .dataBox .dataCnt .lr_box[data-v-71f38c92] { border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 10px; box-sizing: border-box; margin-bottom: 18px; padding: 10px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 18px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92]:last-child { margin-bottom: 0 } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel[data-v-71f38c92] { max-width: 240px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel div[data-v-71f38c92]:first-child, .TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel div[data-v-71f38c92]:nth-child(3) { color: #a1a6ac; font-size: 12px; line-height: 16px; margin-bottom: 2px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem .dataLabel div[data-v-71f38c92]:nth-child(2) { color: #fcfcfc; font-size: 12px; line-height: 16px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry { width: 308px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .el-slider .show-input { margin-right: 90px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .el-slider .el-slider__input { height: 32px; width: 77px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .el-slider .el-slider__input .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: none; color: #fff; font-size: 14px; outline: none } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .el-select { width: 100% } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .el-select .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); color: #fff; outline: none } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .resolutionBox { align-items: center; display: flex; justify-content: space-between } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .resolutionBox .el-input { height: 32px; width: 151px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .resolutionBox .el-input .el-input__prefix { box-sizing: border-box; height: 32px; line-height: 32px; padding-left: 4px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .resolutionBox .el-input .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); color: #fff; height: 32px; padding-left: 58px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .seedBox { align-items: center; display: flex; justify-content: space-between } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .seedBox input { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-sizing: border-box; color: #fff; height: 30px; outline: none; padding: 0 0 0 10px; width: 268px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .seedBox div { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px 6px 6px 6px; box-sizing: border-box; cursor: pointer; height: 32px; padding: 8px; width: 32px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .seedBox div img { height: 100%; width: 100% } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .el-textarea .el-textarea__inner { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); color: #fff; height: 65px; width: 308px } .TarinAdvSet .dataList .dataBox .dataCnt .dataItem[data-v-71f38c92] .dataEntry .inputBox .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); color: #fff; height: 32px; width: 308px } [data-v-71f38c92] .trainDialog { background-color: #24262a; border-radius: 20px } [data-v-71f38c92] .trainDialog .el-dialog__header .el-dialog__title { color: #efefef; font-size: 16px } [data-v-71f38c92] .trainDialog .el-dialog__header .el-dialog__close { color: #f7fbfa; font-size: 24px } [data-v-71f38c92] .trainDialog .el-dialog__body { padding-top: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } input[type=number] { -moz-appearance: textfield } .loraTrainingEdit[data-v-745b2f33] { color: #fff; display: flex; justify-content: center; min-height: calc(100vh - 160px); padding-top: 16px; width: 100% } .loraTrainingEdit .back[data-v-745b2f33] { align-items: center; background-color: #1c2433; border-radius: 50%; cursor: pointer; display: flex; height: 52px; justify-content: center; left: 10px; position: fixed; top: 90px; width: 52px; z-index: 98 } .loraTrainingEdit .back i[data-v-745b2f33] { font-size: 24px } .loraTrainingEdit .main[data-v-745b2f33] { display: flex; height: calc(100vh - 100px); width: 1300px } .loraTrainingEdit .main .cardStyle[data-v-745b2f33] { background-color: #181924; border-radius: 12px } .loraTrainingEdit .main .left[data-v-745b2f33] { height: 100%; width: 355px } .loraTrainingEdit .main .left .typeRow[data-v-745b2f33] { box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 12px; height: 231px; padding: 10px 15px; width: 100% } .loraTrainingEdit .main .left .typeRow .typeRowItem[data-v-745b2f33] { border-radius: 17px; box-sizing: border-box; cursor: pointer; height: 100px; padding: 3px; width: 100px } .loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt[data-v-745b2f33] { align-items: center; background-color: #24262c; border-radius: 10px; display: flex; height: 100%; justify-content: center; width: 100% } .loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt[data-v-745b2f33] { display: flex; height: 100%; justify-content: center; position: relative; width: 100% } .loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt img[data-v-745b2f33] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt i[data-v-745b2f33] { color: #fff; font-size: 33px; margin-top: 18px } .loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt .typeCnt .typeName[data-v-745b2f33] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, .1); border-radius: 0 0 10px 10px; bottom: 0; color: #fff; display: flex; font-size: 12px; height: 20px; justify-content: center; left: 0; position: absolute; width: 100% } .loraTrainingEdit .main .left .typeRow .typeRowItem .itemCnt span[data-v-745b2f33] { color: hsla(0, 0%, 100%, .8); font-size: 12px } .loraTrainingEdit .main .left .typeRow .defItem[data-v-745b2f33] { border: 3px solid #363744 } .loraTrainingEdit .main .left .typeRow .activateItem[data-v-745b2f33] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 3px solid transparent } .loraTrainingEdit .main .left .typeRow .activateItem .typeName[data-v-745b2f33] { background: linear-gradient(99deg, #3271cc, #0fffff) } .loraTrainingEdit .main .left .typeParamet[data-v-745b2f33] { box-sizing: border-box; height: calc(100vh - 339px); margin-top: 10px; overflow-y: auto; padding: 15px 20px; width: 100% } .loraTrainingEdit .main .left .typeParamet .typeParamet_tit[data-v-745b2f33] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; width: 100% } .loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titTxt[data-v-745b2f33] { align-items: center; display: flex } .loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titTxt i[data-v-745b2f33] { color: #fff; font-size: 18px; margin-right: 7px } .loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titTxt span[data-v-745b2f33] { color: hsla(0, 0%, 100%, .8); font-size: 14px } .loraTrainingEdit .main .left .typeParamet .typeParamet_tit .typeParamet_titBnt[data-v-745b2f33] { align-items: center; background-color: #1a1d1f; border: 2px solid #272b30; border-radius: 8px; color: #fcfcfc; cursor: pointer; display: flex; font-size: 12px; height: 32px; padding: 0 15px } .loraTrainingEdit .main .left .typeParamet .allStepTip[data-v-745b2f33] { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; margin-bottom: 15px; padding-bottom: 8px } .loraTrainingEdit .main .left .typeParamet .allStepTip i[data-v-745b2f33] { color: #9a9fa5; font-size: 14px; margin-right: 8px } .loraTrainingEdit .main .left .typeParamet .allStepTip span[data-v-745b2f33] { color: #a1a6ac; font-size: 12px } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] { margin-bottom: 25px } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33]:last-child { margin-bottom: 0 } .loraTrainingEdit .main .left .typeParamet .formBox .formTit[data-v-745b2f33] { align-items: center; display: flex; margin-bottom: 10px } .loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft[data-v-745b2f33] { align-items: center; display: flex } .loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft div[data-v-745b2f33] { color: #a1a6ac; font-size: 14px; font-weight: 500 } .loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft span[data-v-745b2f33] { color: #a1a6ac; font-size: 12px; font-weight: 400; margin-left: 4px } .loraTrainingEdit .main .left .typeParamet .formBox .formTit .formTitLeft i[data-v-745b2f33] { color: #a1a6ac; font-size: 13px; margin-left: 4px } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt { position: relative } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt .el-select { width: 100% } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt .el-select .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); color: #fcfcfc } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt .el-slider .el-input-number--small { height: 36px; position: absolute; right: 0; top: -38px; width: 68px } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt .el-slider .el-input-number--small .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); color: #fff } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt .el-slider .show-input { width: 100% !important } .loraTrainingEdit .main .left .typeParamet .formBox[data-v-745b2f33] .formCnt .el-textarea .el-textarea__inner { background-color: hsla(0, 0%, 100%, .06); border: none; border-radius: 10px; box-sizing: border-box; color: #f4f4f4; height: 232px; outline: none; padding: 10px } .loraTrainingEdit .main[data-v-745b2f33] .right { box-sizing: border-box; height: 100%; margin-left: 15px; padding: 20px; position: relative; width: 930px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn { align-items: center; display: flex; position: absolute; right: 20px; top: 20px; z-index: 3 } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .tranEdit { align-items: center; display: flex } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .tranEdit .tranEditBtn { align-items: center; background-color: #1a1d1f; border: 2px solid #272b30; border-radius: 15px; cursor: pointer; display: flex; height: 48px; justify-content: center; margin-right: 10px; width: 48px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .tranEdit .tranEditBtn i { font-size: 18px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSubBox { position: relative } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSubBox .logBox { height: 48px; position: absolute; right: -6px; top: -6px; width: 49px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSubBox .logBox img { height: 100%; width: 100% } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSubBox .logBox div { color: #fff; font-size: 12px; position: absolute; right: -6px; text-align: center; top: 10px; transform: rotate(48deg); white-space: nowrap; width: 100% } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSub { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 10px; cursor: pointer; display: flex; flex-direction: column; height: 48px; justify-content: center; width: 182px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSub div { color: #fcfcfc } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSub div:first-child { font-size: 16px; font-weight: 700 } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSub div:nth-child(2) { align-items: center; display: flex; margin-top: 5px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSub div:nth-child(2) span { font-size: 12px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainBtn .formSub div:nth-child(2) i { font-size: 14px; margin-left: 4px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainName { align-items: center; display: flex } .loraTrainingEdit .main[data-v-745b2f33] .right .trainName .namelabel { color: #a1a6ac; flex: 0 0 auto; font-size: 14px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainName .namelabel:before { color: #f56c6c; content: "*"; margin-right: 4px } .loraTrainingEdit .main[data-v-745b2f33] .right .trainName input { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-sizing: border-box; color: #fff; height: 40px; margin-left: 12px; outline: none; padding-left: 8px; width: 100% } .loraTrainingEdit .main[data-v-745b2f33] .right .el-tabs .el-tabs__item { color: #a1a6ac; font-size: 16px; font-weight: 400; margin-bottom: 20px } .loraTrainingEdit .main[data-v-745b2f33] .right .el-tabs .is-active { color: #fff; font-weight: 700 } .loraTrainingEdit .main[data-v-745b2f33] .right .el-tabs .el-tabs__active-bar { background: linear-gradient(99deg, #3f8fff, #21feff) } .loraTrainingEdit .main[data-v-745b2f33] .right .el-tabs .el-tabs__nav-wrap:after { background-color: hsla(0, 0%, 100%, .06); height: 1 } .circular-loading[data-v-04c1caa5] { border: 3px solid #4a4852; border-radius: 50%; position: relative } .circular-loading .progress[data-v-04c1caa5] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); white-space: nowrap } .circular-loading .progress-ring[data-v-04c1caa5] { left: -3px; position: absolute; top: -3px; transform: rotate(-90deg) } .circular-loading .progress-ring .progress-ring-circle[data-v-04c1caa5] { stroke: #21feff; transition: stroke-dasharray 1s ease, stroke 1s } .dialog-content-display[data-v-08785e43] { display: flex; flex: 1; height: 100% } .dialog-content-display-content[data-v-08785e43] { flex: 1; height: 100%; overflow: auto } .dialog-content-display-content .display-img-box[data-v-08785e43] { align-items: center; display: flex; height: 100% } .dialog-content-display-content .display-img-box > .display-img[data-v-08785e43] { position: relative } .dialog-content-display-content .display-img-box > .display-img .mask-loading[data-v-08785e43] { align-content: center; background: rgba(0, 0, 0, .5); bottom: 0; color: #fff; display: flex; flex-wrap: wrap; font-size: 36px; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 2 } .dialog-content-display-content .display-img-box > .display-img .mask-loading .txt[data-v-08785e43] { font-family: PingFang SC; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .dialog-content-display-content .display-img-box > .display-img .hover-btn[data-v-08785e43] { display: flex; position: absolute; right: 15px; top: 12px } .dialog-content-display-content .display-img-box > .display-img .hover-btn .item-btn[data-v-08785e43] { background: rgba(0, 0, 0, .4); border-radius: 5px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); cursor: pointer; height: 28px; margin-right: 8px; width: 28px } .dialog-content-display-content .display-img-box > .display-img .hover-btn .item-btn[data-v-08785e43]:last-child { margin-right: 0 } .dialog-content-display-content .display-img-box > .display-img .hover-btn .item-btn > i[data-v-08785e43] { color: #fff; font-size: 14px } .dialog-content-display-content .display-img-box > .display-img .change-box[data-v-08785e43] { background: rgba(0, 0, 0, .4); border-radius: 5px; bottom: 16px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); box-sizing: border-box; color: #fff; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 500; padding: 6px 9px; position: absolute; right: 18px } .dialog-content-display-content .display-img-box > .display-img .change-box i[data-v-08785e43] { margin-right: 5px } .dialog-content-display-content .display-img-box > .display-img > img[data-v-08785e43] { -o-object-fit: contain; object-fit: contain } .dialog-content-display-content .display-img-box .display-generated[data-v-08785e43] { margin-left: 44px; max-height: calc(100% - 20px); overflow-x: hidden; overflow-y: auto } .dialog-content-display-content .display-img-box .display-generated .item-generated-img[data-v-08785e43] { cursor: pointer; margin-bottom: 16px; position: relative } .dialog-content-display-content .display-img-box .display-generated .item-generated-img[data-v-08785e43]:last-child { margin-bottom: 0 } .dialog-content-display-content .display-img-box .display-generated .item-generated-img > img[data-v-08785e43] { -o-object-fit: cover; object-fit: cover } .dialog-content-display-content .display-img-box .display-generated .item-generated-img.loading[data-v-08785e43] { align-content: center; background: #24262a; color: #fff; display: flex; flex-wrap: wrap; justify-content: center } .dialog-content-display-content .display-img-box .display-generated .item-generated-img.loading > i[data-v-08785e43] { font-size: 36px } .dialog-content-display-content .display-img-box .display-generated .item-generated-img.loading > .txt[data-v-08785e43] { font-family: PingFang SC; font-size: 14px; margin: 10px 0 20px; text-align: center; width: 100% } .dialog-content-display-content .display-img-box .display-generated .item-generated-img:hover .hover-btns[data-v-08785e43] { opacity: 1 } .dialog-content-display-content .display-img-box .display-generated .item-generated-img .hover-btns[data-v-08785e43] { display: flex; opacity: 0; position: absolute; right: 8px; top: 8px } .dialog-content-display-content .display-img-box .display-generated .item-generated-img .hover-btns .item-btn[data-v-08785e43] { background: rgba(0, 0, 0, .4); border-radius: 5px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); cursor: pointer; height: 28px; margin-right: 4px; width: 28px } .dialog-content-display-content .display-img-box .display-generated .item-generated-img .hover-btns .item-btn[data-v-08785e43]:last-child { margin-right: 0 } .dialog-content-display-content .display-img-box .display-generated .item-generated-img .hover-btns .item-btn i[data-v-08785e43] { color: #fff; font-size: 19px } .dialog-content-display-content .display-img-box .display-generated .item-generated-img .hover-btns .item-btn i.icon-icon_xiazai[data-v-08785e43] { font-size: 14px } .dialog-content-display-content .display-img-box .display-generated .item-generated-img .hover-btns .item-btn i.icon-baocun[data-v-08785e43] { font-size: 16px } .dialog-content-display-content .display-uploader[data-v-08785e43] { display: flex; flex-wrap: wrap; justify-content: center } .dialog-content-display-content .display-uploader-btn[data-v-08785e43] { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 12px; color: #fcfcfc; cursor: pointer; height: 40px } .dialog-content-display-content .display-uploader-desc[data-v-08785e43] { color: #bababa; font-family: PingFang SC; font-size: 14px; font-weight: 500; margin: 30px 0 34px; text-align: center; width: 100% } .dialog-content-display-content .display-uploader-tip[data-v-08785e43] { color: #bababa; font-family: PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 20px; width: 100% } .dialog-content-display-content .display-uploader-tip > i[data-v-08785e43] { font-size: 18px; margin-bottom: 1px; margin-right: 5px } .dialog-content-display-content .display-uploader-example[data-v-08785e43] { background-color: #2a2832; border-radius: 13px; box-sizing: border-box; display: flex; gap: 14px; height: 136px; padding: 18px 24px } .dialog-content-display-content .display-uploader-example img[data-v-08785e43] { border-radius: 9px; cursor: pointer; height: 100px; -o-object-fit: cover; object-fit: cover; width: 100px } .dialog-content-upload[data-v-77ef4530] { border-left: 1px solid #292b33; box-sizing: border-box; height: 100%; overflow: auto; padding: 20px 0; width: 132px } .dialog-content-upload-images[data-v-77ef4530] { align-content: flex-start; display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .dialog-content-upload-images .item-img[data-v-77ef4530] { background: hsla(0, 0%, 100%, .2); border: 2px solid transparent; border-radius: 8px; cursor: pointer; height: 92px; margin-bottom: 10px; position: relative; width: 92px } .dialog-content-upload-images .item-img-loading[data-v-77ef4530] { color: #fff; font-size: 22px; height: 100%; width: 100% } .dialog-content-upload-images .item-img-box[data-v-77ef4530] { height: 100%; position: relative; width: 100% } .dialog-content-upload-images .item-img-box .mask-loading[data-v-77ef4530] { align-content: center; background: rgba(0, 0, 0, .5); bottom: 0; color: #fff; display: flex; flex-wrap: wrap; font-size: 22px; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .dialog-content-upload-images .item-img-box .mask-loading .txt[data-v-77ef4530] { color: #fff; font-family: PingFang SC; font-size: 10px; margin-top: 8px; text-align: center; width: 100% } .dialog-content-upload-images .item-img-box .del-item[data-v-77ef4530] { background: rgba(0, 0, 0, .5); border-radius: 4px; cursor: pointer; height: 18px; position: absolute; right: 6px; top: 6px; width: 18px } .dialog-content-upload-images .item-img-box .del-item i[data-v-77ef4530] { color: #fff; font-size: 14px } .dialog-content-upload-images .item-img-box img[data-v-77ef4530] { border-radius: 8px; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .dialog-content-upload-images .item-img.active[data-v-77ef4530] { border-color: #38f; position: relative } .dialog-content-upload-images .item-img.active[data-v-77ef4530]:after { border-bottom: 7px solid transparent; border-right: 7px solid #38f; border-top: 7px solid transparent; content: ""; height: 0; left: -9px; position: absolute; top: 50%; transform: translateY(-50%); width: 0 } .dialog-content-upload-uploader[data-v-77ef4530] { display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .dialog-content-upload-uploader[data-v-77ef4530] .uploader { margin-bottom: 6px } .dialog-content-upload-uploader[data-v-77ef4530] .uploader .upload-btn { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-sizing: border-box; color: #fcfcfc; cursor: pointer; font-family: PingFang SC; font-size: 14px; min-height: 32px; padding: 6px 8px; width: 92px } .dialog-content-upload-uploader[data-v-77ef4530] .uploader .upload-btn i { font-size: 16px } .dialog-content-upload-uploader[data-v-77ef4530] .uploader .upload-btn span { margin-left: 5px; word-break: keep-all } .dialog-content-upload-uploader[data-v-77ef4530] .uploader .upload-btn.loading { cursor: not-allowed } .dialog-content-upload-uploader .del-all[data-v-77ef4530] { box-sizing: border-box; color: hsla(0, 0%, 100%, .5); cursor: pointer; font-family: PingFang SC; font-size: 14px; min-height: 32px; padding: 6px 0; width: 92px } .dialog-content-upload-uploader .del-all span[data-v-77ef4530] { margin-left: 5px; word-break: keep-all } .dialog-content-histories[data-v-674796b2] { box-sizing: border-box; flex: 1; height: 100%; overflow: auto; padding: 16px 60px 16px 16px } .dialog-content-histories-item[data-v-674796b2] { margin-bottom: 16px; width: 100% } .dialog-content-histories-item[data-v-674796b2]:last-child { margin-bottom: 0 } .dialog-content-histories-item-header[data-v-674796b2] { align-items: center; display: flex; margin-bottom: 8px; width: 100% } .dialog-content-histories-item-header-logo[data-v-674796b2] { border-radius: 50%; height: 32px; width: 32px } .dialog-content-histories-item-header-bot[data-v-674796b2] { color: #fff; font-family: Arial; font-size: 14px; font-weight: 700; margin-left: 24px } .dialog-content-histories-item-header-tag[data-v-674796b2] { background: rgba(0, 82, 204, .2); border-radius: 4px; box-sizing: border-box; color: #3275d8; font-family: Arial; font-size: 12px; margin-left: 8px; padding: 5px } .dialog-content-histories-item-header-create-time[data-v-674796b2] { color: #596576; font-family: Arial; font-size: 12px; margin-left: 8px } .dialog-content-histories-item-header-info[data-v-674796b2] { margin-left: 10px } .dialog-content-histories-item-header-expiration-time[data-v-674796b2] { background: #1a1e2b; border-radius: 4px; box-sizing: border-box; color: #6f7687; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; margin-left: 8px; padding: 2px 5px } .dialog-content-histories-item-images[data-v-674796b2] { display: flex; margin-left: 56px } .dialog-content-histories-item-images .item-image[data-v-674796b2] { background: #24262a; border-radius: 16px; height: 330px; margin-right: 16px; overflow: hidden; width: 330px } .dialog-content-histories-item-images .item-image[data-v-674796b2]:last-child { margin-right: 0 } .dialog-content-histories-item-images .item-image img[data-v-674796b2] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .dialog-content-histories-item-images .item-image.original-image[data-v-674796b2] { position: relative } .dialog-content-histories-item-images .item-image.original-image .txt[data-v-674796b2] { background: rgba(0, 0, 0, .4); border-radius: 100px; color: #fff; font-family: Roboto; font-weight: 700; left: 12px; padding: 7px 10px; position: absolute; top: 12px } .dialog-content-histories-item-images .item-image.generated-images[data-v-674796b2] { cursor: pointer; position: relative } .dialog-content-histories-item-images .item-image.generated-images:hover .bottom-btns[data-v-674796b2], .dialog-content-histories-item-images .item-image.generated-images:hover .hover-btns[data-v-674796b2] { opacity: 1 } .dialog-content-histories-item-images .item-image.generated-images .hover-btns[data-v-674796b2] { display: flex; opacity: 0; position: absolute; right: 8px; top: 8px } .dialog-content-histories-item-images .item-image.generated-images .hover-btns .item-btn[data-v-674796b2] { background: rgba(0, 0, 0, .4); border-radius: 5px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); cursor: pointer; height: 28px; margin-right: 4px; width: 28px } .dialog-content-histories-item-images .item-image.generated-images .hover-btns .item-btn[data-v-674796b2]:last-child { margin-right: 0 } .dialog-content-histories-item-images .item-image.generated-images .hover-btns .item-btn i[data-v-674796b2] { color: #fff; font-size: 19px } .dialog-content-histories-item-images .item-image.generated-images .hover-btns .item-btn i.icon-baocun[data-v-674796b2] { font-size: 16px } .dialog-content-histories-item-images .item-image.generated-images .bottom-btns[data-v-674796b2] { align-items: center; background: rgba(0, 0, 0, .5); border-radius: 0 0 16px 16px; bottom: 0; cursor: pointer; display: flex; height: 38px; justify-content: space-evenly; left: 0; opacity: 0; position: absolute; width: 100% } .dialog-content-histories-item-images .item-image.generated-images .bottom-btns .item-btn[data-v-674796b2] { color: #fff; font-family: Roboto; font-size: 14px; font-weight: 500 } .dialog-content-histories-item-images .item-image.generated-images .bottom-btns .item-btn i[data-v-674796b2] { margin-right: 6px } [data-v-059465f1] .work-area-dialog .el-dialog__header { display: none } [data-v-059465f1] .work-area-dialog .el-dialog__body { background-color: #02050e; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; padding: 0; width: 100% } [data-v-059465f1] .work-area-dialog .el-dialog__body .dialog-content { display: flex; height: calc(100% - 50px); width: 100% } [data-v-059465f1] .work-area-dialog .el-dialog__body ::-webkit-scrollbar { width: 4px } .ai-model-fitting[data-v-a55b100c] { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; padding-top: 28px; width: 100% } .ai-model-fitting-icon[data-v-a55b100c] { width: 48px } .ai-model-fitting-title[data-v-a55b100c] { color: #fff; font-size: 38px; font-weight: 700; margin-top: 15px } .ai-model-fitting-desc[data-v-a55b100c] { color: hsla(0, 0%, 100%, .7); font-size: 16px; margin-top: 12px } .ai-model-fitting-content[data-v-a55b100c] { display: flex; justify-content: space-between; margin-top: 45px; width: 909px } .ai-model-fitting-content-left[data-v-a55b100c] { background-color: #2a2832; border-radius: 24px; height: 520px; width: 400px } .ai-model-fitting-content-left video[data-v-a55b100c] { border-radius: 24px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .ai-model-fitting-content-right[data-v-a55b100c] { width: 490px } .ai-model-fitting-content-right[data-v-a55b100c] .upload-box { height: 316px; width: 100% } .ai-model-fitting-content-right[data-v-a55b100c] .upload-box .el-upload { height: 100%; width: 100% } .ai-model-fitting-content-right[data-v-a55b100c] .upload-box .el-upload .el-upload-dragger { align-items: center; background-color: #2a2832; border: 2px dashed #fff; border-radius: 24px; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .ai-model-fitting-content-right[data-v-a55b100c] .upload-box .el-upload .el-upload-dragger .el-icon-upload { color: hsla(0, 0%, 100%, .7); font-size: 48px; margin-top: 0 } .ai-model-fitting-content-right[data-v-a55b100c] .upload-box .el-upload .el-upload-dragger .el-upload__text { color: #bababa; font-size: 14px } .ai-model-fitting-content-right .tip[data-v-a55b100c] { align-items: center; display: flex; justify-content: center; margin: 24px 0 20px } .ai-model-fitting-content-right .tip i[data-v-a55b100c] { color: #bababa; font-size: 24px; margin-right: 5px } .ai-model-fitting-content-right .tip span[data-v-a55b100c] { color: #bababa; font-size: 14px } .ai-model-fitting-content-right .example[data-v-a55b100c] { background-color: #2a2832; border-radius: 13px; box-sizing: border-box; display: flex; gap: 14px; height: 136px; padding: 18px 24px } .ai-model-fitting-content-right .example img[data-v-a55b100c] { border-radius: 9px; cursor: pointer; height: 100px; -o-object-fit: cover; object-fit: cover; width: 100px } .back-btn[data-v-56c901a4] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; cursor: pointer; display: flex; height: 48px; justify-content: center; left: 15px; position: fixed; top: 150px; width: 48px; z-index: 98 } .back-btn i[data-v-56c901a4] { color: #fff; font-size: 28px } .back-btn[data-v-56c901a4]:hover { background-color: #1c2433 } .result-success[data-v-b1633f50] { text-align: center } .result-success img[data-v-b1633f50] { height: auto; width: 120px } .result-success .result-info[data-v-b1633f50] { color: #22d19d; font-size: 16px; margin: 30px 0 15px } .result-success .result-tips[data-v-b1633f50] { color: #fff; font-size: 14px } .result-success .result-tips[data-v-b1633f50] a { color: #3f8cff; text-decoration: none; text-decoration: initial } .result-success .confirm-btn[data-v-b1633f50] { margin-top: 80px } .motivating-task[data-v-4b25af68] { background-image: /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20240226/c4dbbb2e-1972-46ad-8ac6-4647a1b7e591.png*/ url(); background-repeat: no-repeat; background-size: cover; box-sizing: border-box; height: 100%; overflow-y: auto; padding: 30px 0 0; position: relative } .motivating-task > div[data-v-4b25af68]:not(.back-btn) { margin: 0 auto; max-width: 1635px; width: 96% } .motivating-task > div:not(.back-btn).result-success[data-v-4b25af68] { margin-top: 150px } .motivating-task[data-v-4b25af68] .back-btn { position: absolute; top: 20px } .motivating-task .title[data-v-4b25af68] { align-items: center; color: #fff; display: flex; font-size: 40px; gap: 5px; justify-content: center } .motivating-task .title[data-v-4b25af68]:after { background-image: /*savepage-url=/_nuxt/img/lihua.6d643b5.png*/ url(); content: ""; display: inline-block; height: 56px; width: 56px } .motivating-task .content p[data-v-4b25af68] { color: rgba(207, 211, 220, .6); font-size: 14px; line-height: 28px; margin-bottom: 10px } .motivating-task .content p.tips[data-v-4b25af68]:before { color: #ff3d3d; content: "* " } .motivating-task .content p.tips[data-v-4b25af68] a { color: #3f8cff; text-decoration: none; text-decoration: initial } .motivating-task .panel-list[data-v-4b25af68] { display: flex; gap: 15px; justify-content: center; margin: 50px auto !important } .motivating-task .panel-list .panel-item[data-v-4b25af68] { background: hsla(0, 0%, 100%, .1); border-radius: 20px; box-sizing: border-box; cursor: pointer; padding: 10px; text-decoration: none; text-decoration: initial; width: 260px } .motivating-task .panel-list .panel-item img[data-v-4b25af68] { border-radius: 20px; height: auto; width: 100% } .motivating-task .panel-list .panel-item p[data-v-4b25af68] { color: hsla(0, 0%, 100%, .8); font-size: 16px; margin: 15px 0 5px } .motivating-task .panel-list .panel-item.wait[data-v-4b25af68] { align-items: center; color: hsla(0, 0%, 100%, .3); display: flex; font-size: 18px; justify-content: center } .motivating-task .join-btn button[data-v-4b25af68], .motivating-task[data-v-4b25af68] .confirm-btn { background-image: linear-gradient(99deg, #3271cc, #0fffff); border: 0; border-radius: 10px; font-size: 16px; height: 54px; line-height: 54px; padding: 0 90px } .motivating-task .join-btn button.is-disabled[data-v-4b25af68], .motivating-task[data-v-4b25af68] .confirm-btn.is-disabled { background-color: #a0cfff; background-image: none; border-color: #a0cfff } .motivating-task .join-btn[data-v-4b25af68] { text-align: center } .motivating-task .join-btn button[data-v-4b25af68] { margin-bottom: 20px; width: 385px } .motivating-task .join-btn > div[data-v-4b25af68] { color: #cfd3dc; display: block } .motivating-task .join-btn > div[data-v-4b25af68] a { color: #3f8cff; text-decoration: none; text-decoration: initial } .table-rows .cols[data-v-6d25b02c] { display: flex; flex-flow: column; gap: 10px; justify-content: center } .table-rows .cols p[data-v-6d25b02c] { color: #a3a8b1; font-size: 14px } .table-rows .cols span[data-v-6d25b02c] { color: #555d66; font-size: 12px } .table-rows .cols.status-cols[data-v-6d25b02c] { align-items: center; flex-flow: wrap; justify-content: flex-start } .table-rows .cols .income-status[data-v-6d25b02c] { border: 1px solid; border-radius: 5px; font-size: 12px; height: 20px; line-height: 20px; padding: 0 10px } .table-rows .cols .income-status.status0[data-v-6d25b02c] { color: #df9a4d } .table-rows .cols .income-status.status1[data-v-6d25b02c] { color: #45b26b } .table-rows .cols .income-status.status2[data-v-6d25b02c] { color: #ff5742 } .income-table[data-v-1d14c757] { display: flex; gap: 15px; height: calc(100% - 230px) } .income-table .table-left[data-v-1d14c757] { background: #11131f; border-radius: 10px; position: relative; width: 190px } .income-table .table-left .tab[data-v-1d14c757] { padding: 10px } .income-table .table-left .tab .tab-item[data-v-1d14c757] { align-items: center; box-sizing: border-box; color: #6f767e; cursor: pointer; display: flex; font-size: 14px; gap: 20px; height: 48px; padding: 10px 20px } .income-table .table-left .tab .tab-item i[data-v-1d14c757] { font-size: 24px } .income-table .table-left .tab .tab-item.active[data-v-1d14c757] { background: linear-gradient(270deg, #323337, rgba(70, 79, 111, .5)); border-radius: 10px; color: #fff } .income-table .table-left .fqa[data-v-1d14c757] { bottom: 15px; color: #999; cursor: pointer; font-size: 14px; left: 0; position: absolute; right: 0; text-align: center; text-decoration: none; text-decoration: initial } .income-table .table-content[data-v-1d14c757] { border-radius: 10px; flex: 1; overflow: hidden } .income-table .table-content[data-v-1d14c757] .table-rows { align-items: center; display: flex; padding: 0 35px; text-align: left } .income-table .table-content[data-v-1d14c757] .table-rows .cols { height: 70px } .income-table .table-content[data-v-1d14c757] .table-rows .cols:first-child { width: 50% } .income-table .table-content[data-v-1d14c757] .table-rows .cols:nth-child(2) { width: 35% } .income-table .table-content[data-v-1d14c757] .table-rows .cols:nth-child(3) { width: 15% } .income-table .table-content .table-bottom[data-v-1d14c757], .income-table .table-content .table-head[data-v-1d14c757] { background: linear-gradient(270deg, #1d1d22, #191b25) } .income-table .table-content .table-head[data-v-1d14c757] { color: #6f767e; font-size: 14px; line-height: 70px } .income-table .table-content .table-body[data-v-1d14c757] { height: calc(100% - 130px); overflow-y: scroll } .income-table .table-content .table-body[data-v-1d14c757]::-webkit-scrollbar { width: 5px } .income-table .table-content .table-bottom[data-v-1d14c757] { align-items: center; display: flex; height: 60px; justify-content: space-between; padding: 0 35px } .income-table .table-content .table-bottom .tips[data-v-1d14c757] { color: #6f767e; font-size: 12px } .income-table .table-content .table-bottom .tips[data-v-1d14c757]:before { color: #ff3d3d; content: "*"; margin-right: 5px } .income-table .table-content .table-bottom .total-info[data-v-1d14c757] { color: #a3a8b1; font-size: 16px } .income-table .table-content .empty-panel[data-v-1d14c757] { align-items: center; color: #aaacb3; display: flex; flex-flow: column; font-size: 14px; height: calc(100% - 130px); justify-content: center } .bind-account[data-v-8dc1c090] .el-dialog { border: 0; border-radius: 15px; width: 470px } .bind-account[data-v-8dc1c090] .el-dialog .el-dialog__body { background-color: #192035; background-image: /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20240228/bcac6e04-b57e-4652-be95-e5a9ac43a08a.png*/ url(); background-repeat: no-repeat; background-size: contain; border-radius: 15px; max-height: 94vh; max-height: calc(99vh - 80px) !important; padding: 30px } .bind-account .dialog-body .close-btn[data-v-8dc1c090] { color: #8b9098; cursor: pointer; font-size: 16px; position: absolute; right: 15px; top: 15px } .bind-account .dialog-body .title[data-v-8dc1c090] { color: #fff; font-size: 34px; text-align: center } .bind-account .dialog-body .tips[data-v-8dc1c090] { color: hsla(0, 0%, 100%, .4); font-size: 14px; line-height: 22px; margin: 30px 0 } .bind-account .dialog-body .custom-form[data-v-8dc1c090] .el-input .el-input__inner { background: #2a334c; height: 44px } .bind-account .dialog-body .custom-form[data-v-8dc1c090] .el-input .el-input-group__append { background: #2a334c; border: 0; color: #3f8cff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none } .bind-account .dialog-body .bind-btn[data-v-8dc1c090] { background: linear-gradient(99deg, #3271cc, #0fffff); border: 0; border-radius: 10px; box-sizing: border-box; font-size: 16px; height: 48px; margin: 30px 0 15px; width: 100% } .bind-account .dialog-body .bind-tips[data-v-8dc1c090] { color: #868d97; font-size: 12px; text-align: center } .bind-account .dialog-body .bind-tips span[data-v-8dc1c090] { color: #3f8cff; cursor: pointer } .income-popup[data-v-4217aa8c] .el-dialog { background-color: transparent; border: 0; border-radius: 0; width: 400px } .income-popup[data-v-4217aa8c] .el-dialog .el-dialog__header { display: none } .income-popup[data-v-4217aa8c] .el-dialog .el-dialog__body { background-color: transparent; background-image: /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20240228/334d3a6c-99cf-4bfb-9ca6-945c977e2085.png*/ url(); background-position: 40% 20%; background-repeat: no-repeat; background-size: contain; border-radius: 15px; display: flex; justify-content: center; max-height: 93vh !important; padding: 210px 0 0 } .income-popup .dialog-body[data-v-4217aa8c] { background: linear-gradient(137deg, #ffecde, #fff3ea 53%, #eee6ff); border-radius: 25px; box-sizing: border-box; padding: 80px 30px 30px; position: relative; text-align: center; width: 400px } .income-popup .dialog-body .close-btn[data-v-4217aa8c] { color: #8b9098; cursor: pointer; font-size: 16px; font-weight: 700; position: absolute; right: 15px; top: 15px } .income-popup .dialog-body .popup-icon[data-v-4217aa8c] { left: 0; margin: 0 auto; position: absolute; right: 0; top: -55px } .income-popup .dialog-body .title[data-v-4217aa8c] { color: #573c25; font-size: 20px; font-weight: 700 } .income-popup .dialog-body .price[data-v-4217aa8c] { color: #ff5a5a; font-size: 58px; font-weight: 700; margin: 40px 0 5px } .income-popup .dialog-body .tips[data-v-4217aa8c] { color: #ff5a5a; font-size: 12px } .income-popup .dialog-body .income-info[data-v-4217aa8c] { background: #fff; border-radius: 10px; margin: 30px 0 40px; padding: 10px 0 } .income-popup .dialog-body .income-info .income-type[data-v-4217aa8c] { align-items: center; color: #444; display: flex; font-size: 16px; font-weight: 700; gap: 5px; justify-content: center; margin-bottom: 15px } .income-popup .dialog-body .income-info .income-type i[data-v-4217aa8c] { color: #02a9f1; font-size: 20px } .income-popup .dialog-body .income-info .income-number[data-v-4217aa8c] { color: #3f8cff; font-size: 18px; font-weight: 700 } .income-popup .dialog-body .income-btn[data-v-4217aa8c] { background: linear-gradient(90deg, #fa995a, #fb6a88); border: 4px solid #fff; border-radius: 60px; box-shadow: 0 13px 14px 0 rgba(255, 104, 132, .3), inset 0 0 2px 0 #e1796e, inset 0 0 7px 0 rgba(255, 227, 156, .6); color: #fff; font-size: 18px; height: 60px; margin-bottom: 20px; padding: 0; width: 100% } .income-popup .dialog-body .income-btn[data-v-4217aa8c]:hover { box-shadow: 0 13px 14px 0 rgba(255, 104, 132, .3), inset 0 5px 2px 0 #e1796e, inset 0 -7px 7px 0 rgba(255, 227, 156, .6) } .income-popup .dialog-body .income-tips[data-v-4217aa8c] { color: #8e6f54; font-size: 12px } .income-popup .dialog-body .income-tips[data-v-4217aa8c] a { color: #288bff; text-decoration: none; text-decoration: initial } .income-popup.custom-dialog.big-head-dialog[data-v-4217aa8c] .el-dialog { margin: 0 auto !important } .creation-center[data-v-726350ec] { box-sizing: border-box; height: 100%; padding: 30px 0 0; position: relative } .creation-center > div[data-v-726350ec]:not(.back-btn) { margin: 0 auto; max-width: 1600px; width: 90% } .creation-center[data-v-726350ec] .back-btn { position: absolute; top: 20px } .creation-center .head[data-v-726350ec] { display: flex; justify-content: space-between } .creation-center .head .earnings-info[data-v-726350ec] { align-items: center; background: linear-gradient(90deg, #372d26, rgba(76, 62, 51, 0)); border-bottom-left-radius: 10px; border-top-left-radius: 10px; box-sizing: border-box; color: #f9d79e; display: flex; gap: 15px; height: 52px; padding: 5px } .creation-center .head .earnings-info span[data-v-726350ec] { align-items: center; display: flex; font-size: 12px; font-weight: 700; gap: 10px } .creation-center .head .earnings-info span b[data-v-726350ec] { font-size: 18px } .creation-center .head .handle-btn button[data-v-726350ec] { font-size: 14px; height: 36px; padding: 0 20px } .creation-center .head .handle-btn button[data-v-726350ec]:first-child { background: #1a1d1f; border: 2px solid #272b30 } .creation-center .head .handle-btn button[data-v-726350ec]:nth-child(2) { color: #fcfcfc } .creation-center .head .handle-btn button[data-v-726350ec]:nth-child(3) { background: linear-gradient(99deg, #3271cc, #0fffff); border: 0 } .creation-center .card-list[data-v-726350ec] { display: flex; gap: 15px; margin: 15px auto 25px !important } .creation-center .card-list .card-item[data-v-726350ec] { border-radius: 10px; padding: 25px 15px; position: relative; width: 25% } .creation-center .card-list .card-item .card-num[data-v-726350ec] { color: #fff; font-size: 28px; margin-bottom: 15px } .creation-center .card-list .card-item .card-title[data-v-726350ec] { color: #6f767e; font-size: 14px } .creation-center .card-list .card-item .card-icon[data-v-726350ec] { align-items: center; border-radius: 50%; color: #fff; display: flex; height: 34px; justify-content: center; position: absolute; right: 15px; top: 25px; width: 34px } .collapse-components[data-v-052dcf82] { background-color: #181924; border-radius: 12px; box-sizing: border-box; padding: 0 16px; width: 100% } .collapse-components-top[data-v-052dcf82] { align-items: center; cursor: pointer; display: flex; height: 40px; position: relative } .collapse-components-top-title[data-v-052dcf82] { color: #a1a6ac; font-family: Inter; font-size: 14px; font-weight: 700; padding-right: 20px } .collapse-components-top-icon[data-v-052dcf82] { color: #fefefe; font-size: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(0); transition: transform .5s } .collapse-components-top-icon.is-open[data-v-052dcf82] { transform: translateY(-50%) rotate(180deg) } .collapse-components-content[data-v-052dcf82] { box-sizing: border-box; color: #fff; font-family: Inter; font-size: 14px; overflow: hidden; transition: max-height .5s linear, padding .5s linear } .input-field.number-input[data-v-1d92f9b3] { background: #181924; border-radius: 12px; box-sizing: border-box; height: 40px; padding: 0 16px; width: 100% } .input-field.number-input .number-input-box[data-v-1d92f9b3] { align-items: center; display: flex; justify-content: space-between } .input-field.number-input .number-input-box .number-input-title[data-v-1d92f9b3] { color: #a1a6ac; font-family: Inter; font-size: 14px; font-weight: 700 } .input-field[data-v-1d92f9b3] .el-textarea { background-color: #181924 } .input-field[data-v-1d92f9b3] .el-textarea .el-textarea__inner { background-color: #181924; border: 0; color: #fff; font-family: Inter; font-size: 14px; height: 94px; padding: 0 } .input-field[data-v-1d92f9b3] .el-input-number { min-width: 130px } .input-field[data-v-1d92f9b3] .el-input-number .el-input-number__decrease { background-color: #262731; border-radius: 6px 0 0 6px; border-right: 1px solid hsla(0, 0%, 100%, .1) } .input-field[data-v-1d92f9b3] .el-input-number .el-input-number__decrease i { color: #8d9095 } .input-field[data-v-1d92f9b3] .el-input-number .el-input-number__increase { background-color: #262731; border-left: 1px solid hsla(0, 0%, 100%, .1); border-radius: 0 6px 6px 0 } .input-field[data-v-1d92f9b3] .el-input-number .el-input-number__increase i { color: #8d9095 } .input-field[data-v-1d92f9b3] .el-input-number .el-input__inner { background-color: #262731; border: 1px solid hsla(0, 0%, 100%, .1) !important; color: #cfd3dc } .c-pick-work-modal { background: #1a1d1f; border-radius: 20px; height: 80vh; margin-top: 5vh !important; padding: 24px; width: 1292px } .c-pick-work-modal .el-dialog__header { display: none } .c-pick-work-modal .el-dialog__body { display: flex; flex-direction: column; height: 100%; overflow: hidden; padding: 0; width: 100% } .c-pick-work-modal .pick-work-modal-header { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .08); display: flex; justify-content: space-between; padding-bottom: 15px } .c-pick-work-modal .pick-work-modal-body { display: flex; flex: 1; flex-direction: column } .c-pick-work-modal .pick-work-modal-header-item { align-items: center; display: flex } .c-pick-work-modal .pick-work-modal-header-item .header-item-btn { background: #2d3446; border: 1px solid #353e57; border-radius: 8px; color: #fcfcfc; cursor: pointer; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; padding: 6px 32px } .c-pick-work-modal .pick-work-modal-header-item .header-item-btn-gradient { background: linear-gradient(81deg, #3f8fff, #21feff) } .c-pick-work-modal .pick-work-modal-header-item .header-item-btn + .header-item-btn { margin-left: 12px } .c-pick-work-modal .header-item-text { color: #fcfcfc; font-family: Inter-Medium, Inter; font-size: 16px; font-weight: 500; margin-right: 20px } .c-pick-work-modal .header-item-text-tip { color: #777e91; cursor: pointer; font-size: 16px; margin-right: 6px } .c-pick-work-modal .header-item-desc-text { color: #777e90; font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .c-pick-work-modal .search-box { align-items: center; display: flex; margin-top: 21px } .c-pick-work-modal .search-box__search-input { width: 256px } .c-pick-work-modal .search-box__search-input .el-input__inner { background: #2d3245; border-color: transparent; color: #fff; height: 32px; padding-left: 20px } .c-pick-work-modal .search-box__search-input .el-input__suffix { align-items: center; display: flex; justify-content: center; margin-left: 5px } .c-pick-work-modal .search-box__search-input .search-icon { fill: #fff; font-size: 26px } .c-pick-work-modal .handle-work-scroll-list { display: flex; flex: 1; margin-top: 24px; max-height: 600px; overflow-x: hidden; overflow-y: auto; padding-right: 10px } .c-pick-work-modal .wraper { width: 100% } [data-v-0c47c300] .comicStoryboardAssistant { border: 1px solid #293045; border-radius: 16px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__header .el-dialog__title { color: #fff; font-size: 16px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body { padding-top: 0 } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt { border-top: 1px solid hsla(0, 0%, 100%, .06); padding-top: 20px; width: 100% } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt .tit { color: hsla(0, 0%, 100%, .5); font-size: 14px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt .storyList { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt .storyList .storyItme { align-items: center; background-color: #232627; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); color: #fefefe; cursor: pointer; display: flex; font-size: 14px; height: 36px; padding: 0 12px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt .el-textarea { margin-top: 20px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt .el-textarea .el-textarea__inner { background-color: #262731; border: 1px solid #3c3d46; border-radius: 8px; color: #999; height: 275px; width: 100% } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__body .cnt .el-textarea .el-input__count { background-color: transparent; background-color: initial; color: #abadb2; font-size: 12px } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__footer { padding-top: 0 } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__footer .footer .el-button:first-child { background-color: hsla(0, 0%, 100%, .07); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 8px; color: #fff } [data-v-0c47c300] .comicStoryboardAssistant .el-dialog__footer .footer .el-button:nth-child(2) { background: linear-gradient(90deg, #3f8cff, #20ffff); border: none; border-radius: 8px; color: #fff } .folderList[data-v-751a0bd6] { background-color: #0f121c !important; border: 1px solid #23263f !important; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5) } .folderList .el-popover__title[data-v-751a0bd6] { color: #abbad3; font-size: 18px; padding-top: 13px; text-align: center } .cltpop-cent[data-v-751a0bd6] { flex-direction: column; height: 440px; justify-content: space-between; overflow: hidden } .cltpop-cent .search[data-v-751a0bd6], .cltpop-cent[data-v-751a0bd6] { box-sizing: border-box; display: flex; width: 100% } .cltpop-cent .search[data-v-751a0bd6] { align-items: center; background-color: #1b2132; border-radius: 20px; height: 40px; padding: 0 8px } .cltpop-cent .search .svg-icon[data-v-751a0bd6] { height: 26px; width: 26px } .cltpop-cent .search .iconfont[data-v-751a0bd6] { font-size: 26px } .cltpop-cent .search input[data-v-751a0bd6] { background-color: transparent; background-color: initial; border: none; color: #fff; font-size: 12px; height: 100%; outline: none; width: 200px } .cltpop-cent .search input[data-v-751a0bd6]::-moz-placeholder { color: #66748c } .cltpop-cent .search input[data-v-751a0bd6]::placeholder { color: #66748c } .cltpop-cent .popTitle[data-v-751a0bd6] { color: #a0a8b3; font-size: 10px; padding: 10px 0 } .cltpop-cent .loadbox[data-v-751a0bd6] { height: 70px; width: 100% } .cltpop-cent .list[data-v-751a0bd6] { max-height: 290px; overflow-y: auto; width: 100% } .cltpop-cent .itembox[data-v-751a0bd6] { align-items: center; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 60px; justify-content: space-between; margin-bottom: 14px; padding: 0 5px; width: 100% } .cltpop-cent .itembox .itemboxinfo[data-v-751a0bd6] { align-items: center; display: flex; width: 200px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft[data-v-751a0bd6] { align-items: center; background-color: #191f2e; border-radius: 4px; display: flex; height: 48px; justify-content: center; margin-right: 10px; width: 48px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon[data-v-751a0bd6], .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i[data-v-751a0bd6] { color: #d8d8d8; font-size: 26px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img[data-v-751a0bd6] { border-radius: 4px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .cltpop-cent .itembox .itemboxinfo span[data-v-751a0bd6] { color: #cbd5e1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 140px } .cltpop-cent .itembox .el-button[data-v-751a0bd6] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; height: 30px; justify-content: center; min-width: 54px; opacity: 0; padding: 0 } .cltpop-cent .itembox[data-v-751a0bd6]:hover { background-color: #282e43 } .cltpop-cent .itembox:hover > .el-button[data-v-751a0bd6] { opacity: 1 } .cltpop-cent .itembox[data-v-751a0bd6]:last-child { margin-bottom: 0 } .create[data-v-751a0bd6] { background-color: #1b2132; padding: 0 10px 4px } .create .itemboxinfoleft[data-v-751a0bd6] { background-color: #282e43 !important } .create .itemboxinfoleft i[data-v-751a0bd6] { font-size: 14px !important } .create .itembox[data-v-751a0bd6]:hover { background-color: #1b2132 !important } .cnt[data-v-5598f498] { background-color: #12121e; border: none; border-radius: 0; height: calc(100vh - 65px); width: 409px } .cnt .head[data-v-5598f498] { background-color: #141823; box-sizing: border-box; height: 48px; justify-content: space-between; padding: 0 16px; width: 100% } .cnt .head .left[data-v-5598f498], .cnt .head[data-v-5598f498] { align-items: center; display: flex } .cnt .head .left[data-v-5598f498] { gap: 25px } .cnt .head .left .iconfont[data-v-5598f498], .cnt .head .left .svg-icon[data-v-5598f498] { color: #666; cursor: pointer; font-size: 24px } .cnt .head span[data-v-5598f498] { color: hsla(0, 0%, 100%, .85); cursor: pointer; font-size: 25px } .cnt .list[data-v-5598f498] { box-sizing: border-box; height: calc(100vh - 201px); overflow: auto; padding: 12px } .cnt .list .loadBox[data-v-5598f498] { height: 50px; width: 100% } .cnt .list .defBox[data-v-5598f498] { color: #fff; font-size: 14px; line-height: 20px; text-align: center } .cnt .list .row[data-v-5598f498] { margin-bottom: 10px } .cnt .list .row[data-v-5598f498]:last-child { margin-bottom: 0 } .cnt .list .row .tit[data-v-5598f498] { justify-content: space-between } .cnt .list .row .tit div[data-v-5598f498], .cnt .list .row .tit[data-v-5598f498] { align-items: center; display: flex } .cnt .list .row .tit .info img[data-v-5598f498] { height: 32px; margin-right: 5px; width: 32px } .cnt .list .row .tit .info span[data-v-5598f498]:nth-child(2) { color: #fff; font-size: 14px; margin-right: 5px } .cnt .list .row .tit .info span[data-v-5598f498]:nth-child(3) { color: #596576; font-size: 12px } .cnt .list .row .tit .btn[data-v-5598f498] { gap: 25px } .cnt .list .row .tit .btn .iconfont[data-v-5598f498], .cnt .list .row .tit .btn .svg-icon[data-v-5598f498], .cnt .list .row .tit .btn span[data-v-5598f498] { color: #6f7687; cursor: pointer; font-size: 20px } .cnt .list .row .imgs[data-v-5598f498] { box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 5px; padding-left: 34px } .cnt .list .row .imgs .imgBox[data-v-5598f498] { background-color: #434452; border-radius: 16px; font-size: 0; height: 160px; position: relative; width: 160px } .cnt .list .row .imgs .imgBox:hover .btnMask[data-v-5598f498] { opacity: 1 } .cnt .list .row .imgs .imgBox .el-image[data-v-5598f498], .cnt .list .row .imgs .imgBox img[data-v-5598f498] { border-radius: 16px; height: 100%; width: 100% } .cnt .list .row .imgs .imgBox img[data-v-5598f498] { -o-object-fit: cover; object-fit: cover } .cnt .list .row .imgs .imgBox .btnMask[data-v-5598f498] { background: linear-gradient(180deg, transparent, #000); border-radius: 13px; bottom: 0; display: flex; flex-direction: column; height: 20%; justify-content: flex-end; left: 0; opacity: 0; position: absolute; transition: all .5s; width: 100% } .cnt .list .row .imgs .imgBox .btnMask .hoverBtnBox[data-v-5598f498] { align-items: center; display: flex; justify-content: space-around; padding-bottom: 10px } .cnt .list .row .imgs .imgBox .btnMask .hoverBtnBox .hoverBtn[data-v-5598f498] { align-items: center; background-color: hsla(0, 0%, 100%, .08); border-radius: 100%; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 40px } .cnt .list .row .imgs .imgBox .btnMask .hoverBtnBox .hoverBtn .iconfont[data-v-5598f498], .cnt .list .row .imgs .imgBox .btnMask .hoverBtnBox .hoverBtn .svg-icon[data-v-5598f498] { color: #fff; font-size: 20px } .cnt .list .row .gridImg img[data-v-5598f498], .cnt .list .row .gridImg[data-v-5598f498] { height: auto !important; width: 100% !important } .historyPopover { border-radius: 0 !important } .loading-status[data-v-79da4069] { align-items: center; display: flex; height: 100vh; justify-content: center; width: 100vw } .loading-status .loading-gif[data-v-79da4069] { height: 63px; width: 162px } .c-import-image-modal { background: #24262a; border-radius: 16px } .c-import-image-modal .el-dialog__title { color: #f3f2f3; font-family: Helvetica; font-size: 14px; font-weight: 700 } .c-import-image-modal .el-dialog__close { color: #f3f2f3 } .c-import-image-modal .import-image-modal-describe { color: #c0c0c3; font-family: Helvetica; font-size: 12px; font-weight: 400 } .c-import-image-modal .import-image-modal-input { margin-top: 8px } .c-import-image-modal .import-image-modal-input .el-input__inner { background: #24262a; border-color: #393c3d; border-radius: 6px } .c-import-image-modal .cancel-btn { background: #1a1d1f; border-color: transparent; border-radius: 8px; color: #fff; font-family: PingFang HK; font-size: 14px; font-weight: 500 } .c-import-image-modal .confirm-btn { background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 8px; color: #fff } .action-item[data-v-40a6801a] { cursor: pointer; height: 49px; width: 48px } .action-item .icon-box[data-v-40a6801a] { height: 100%; width: 100% } .action-item[data-v-40a6801a]:hover { background-color: #2a2832; color: #fff } .act-item[data-v-40a6801a] { background-color: #4784ff !important } .disable-item[data-v-40a6801a] { cursor: not-allowed } .top-select-list .item[data-v-40a6801a] { padding-right: 10px } .top-select-list .item > div[data-v-40a6801a], .top-select-list .item > div[data-v-40a6801a] .el-upload, .top-select-list .item > div[data-v-40a6801a] .el-upload .upitem { box-sizing: border-box; height: 100%; width: 100% } .tooltip-video[data-v-55ea8a94] { animation: fadeIn 1s 1s forwards; border-radius: 6px; padding: 0 } .tooltip-video-title[data-v-55ea8a94] { border-radius: 6px; height: 30px; line-height: 30px; width: 100% } .tooltip-video-item[data-v-55ea8a94] { border-radius: 4px; height: 246px; -o-object-fit: cover; object-fit: cover; width: 270px } .action-item[data-v-17bafa12] { cursor: pointer; height: 49px; width: 48px } .action-item .icon-box[data-v-17bafa12] { height: 100%; width: 100% } .action-item[data-v-17bafa12]:hover { background-color: #2a2832; color: #fff } .act-item[data-v-17bafa12] { background-color: #4784ff !important } .disable-item[data-v-17bafa12] { cursor: not-allowed } .action-item[data-v-77d78438] { cursor: pointer; height: 49px; width: 48px } .action-item .icon-box[data-v-77d78438] { height: 100%; width: 100% } .action-item .icon-box > .iconfont[data-v-77d78438] { font-size: 20px } .action-item[data-v-77d78438]:hover { background-color: #2a2832; color: #fff } .act-item[data-v-77d78438] { background-color: #4784ff !important } .disable-item[data-v-77d78438] { cursor: not-allowed } .action-item[data-v-27873faf] { cursor: pointer; height: 49px; width: 48px } .action-item .icon-box[data-v-27873faf] { height: 100%; width: 100% } .action-item .icon-box i[data-v-27873faf] { color: #c0c0c3; font-size: 18px } .action-item[data-v-27873faf]:hover { background-color: #2a2832 } .action-item:hover i[data-v-27873faf] { color: #fff; font-size: 18px } .act-item[data-v-27873faf] { background-color: #4784ff !important } .disable-item[data-v-27873faf] { cursor: not-allowed } .disable-dom .iconfont[data-v-27873faf] { color: #8d8d8f; cursor: not-allowed } .color-max-box .top-item[data-v-ef29ef62] { height: 32px; padding-bottom: 7px; padding-top: 4px } .color-max-box .top-item > .left[data-v-ef29ef62] { background-color: #393b41; border-radius: 7px; height: 32px; margin-left: 6px } .color-max-box .top-item > .left > .item[data-v-ef29ef62] { height: 32px; width: 32px } .color-max-box .top-item > .left > .item > .iconfont[data-v-ef29ef62] { color: #c0c0c3; font-size: 16px } .color-max-box .top-item > .left > .act-item-top[data-v-ef29ef62] { background-color: #4784ff; border-radius: 7px; color: #fff } .color-max-box .top-item > .right[data-v-ef29ef62] { margin-right: 6px; width: calc(100% - 78px) } .color-max-box .top-item > .right > .icon-huak[data-v-ef29ef62] { color: #c0c0c3; font-size: 16px; height: 24px; margin: 0 4px; width: 24px } .color-max-box .top-item > .right > .slider-item[data-v-ef29ef62] { padding: 0 10px; width: 110px } .color-max-box .top-item > .right > .slider-input[data-v-ef29ef62] { background: #393b41; border-radius: 100px; height: 24px; width: 70px } .color-max-box .top-item > .right > .slider-input > .item[data-v-ef29ef62] { width: calc(100% - 20px) } .color-max-box .top-item > .right > .slider-input > .item[data-v-ef29ef62] .el-input__inner { background-color: transparent; border: 0; border-radius: 100px; color: #c0c0c3; font-size: 12px; height: 22px; padding: 0 10px } .color-max-box > .color-box[data-v-ef29ef62] { border-top: 1px solid #2a2832; height: 35px } .color-max-box > .color-box > .left[data-v-ef29ef62] { flex-grow: 1; height: 18px } .color-max-box > .color-box > .left > .item[data-v-ef29ef62] { border-radius: 4px; height: 18px; margin: 0 7px; position: relative; width: 18px } .color-max-box > .color-box > .left > .act-item-top[data-v-ef29ef62]:before { border: 1px solid #4784ff; border-radius: 4px; content: ""; display: block; height: 22px; left: -3px; position: absolute; top: -3px; width: 22px } .color-max-box > .color-box > .right[data-v-ef29ef62] { border-left: 1px solid #f0f0f0; justify-content: flex-end; padding-right: 7px; width: 28px } .color-max-box > .color-box > .right > .item[data-v-ef29ef62] { background: conic-gradient(from 180deg at 50% 50%, #ff34eb -40.67deg, #f44 37.83deg, #faff00 102.82deg, #00fff0 179.02deg, #7000ff 258.03deg, #ff34eb 319.33deg, #f44 397.83deg); border-radius: 4px; height: 18px; width: 18px } .color-picker[data-v-ef29ef62] .el-color-picker__trigger { border: 0 } .el-color-picker__panel { background-color: #2a2832; border-color: #2a2832 } .el-color-picker__panel .el-input__inner { background-color: #393c41; border: 0; color: #c0c0c3 } .el-color-picker__panel .el-button--default { background: linear-gradient(99deg, #3271cc, #0fffff) !important; border-color: #409eff; color: #fff !important } .el-color-picker__panel .el-button--text { display: none } .disable-dom { color: #6b6b6f !important; cursor: not-allowed } .action-item[data-v-90b26b90] { cursor: pointer; height: 49px; position: relative; width: 48px } .action-item[data-v-90b26b90] .arrow-box { height: 12px; transition: all .3s; width: 12px } .action-item[data-v-90b26b90] .el-icon-arrow-down { font-size: 12px } .action-item[data-v-90b26b90] .icon-arrow_act { transform: rotate(180deg); transition: all .3s } .action-item[data-v-90b26b90]:hover { background-color: #2a2832; color: #fff } .act-item[data-v-90b26b90] { background-color: #4784ff !important } .disable-item[data-v-90b26b90] { cursor: not-allowed } .top-select-list[data-v-90b26b90] { width: 230px } .top-select-list > .item[data-v-90b26b90] { padding-left: 20px; position: relative } .top-select-list > .item > .icon-gou[data-v-90b26b90] { font-size: 20px; left: 10px; margin: 0; position: absolute; top: 6px } .brush-style-box[data-v-90b26b90] { background-color: #24262a; border: 1px solid #2a2832; border-radius: 10px; height: 80px; left: 0; position: absolute; top: 60px; width: 297px; z-index: 10 } .top-select-list { background-color: #24262a; border-radius: 8px; cursor: pointer; padding: 6px } .top-select-list .item { color: #c0c0c3; font-size: 12px; height: 40px } .top-select-list .item:hover { background-color: #393b41 } .top-select-list .item .iconfont { margin-left: 17px; margin-right: 12px } .action-item[data-v-94bf75bc] { cursor: pointer; height: 49px; position: relative; width: 48px } .action-item[data-v-94bf75bc] .arrow-box { height: 12px; transition: all .3s; width: 12px } .action-item[data-v-94bf75bc] .el-icon-arrow-down { font-size: 12px } .action-item[data-v-94bf75bc] .icon-arrow_act { transform: rotate(180deg); transition: all .3s } .action-item[data-v-94bf75bc]:hover { background-color: #2a2832; color: #fff } .action-item > .iconfont[data-v-94bf75bc] { font-size: 22px } .act-item[data-v-94bf75bc] { background-color: #4784ff !important } .disable-item[data-v-94bf75bc] { cursor: not-allowed } .top-select-list[data-v-94bf75bc] { width: 230px } .top-select-list > .item[data-v-94bf75bc] { padding-left: 20px; position: relative } .top-select-list > .item > .icon-gou[data-v-94bf75bc] { font-size: 20px; left: 10px; margin: 0; position: absolute; top: 6px } .brush-style-box[data-v-94bf75bc] { background-color: #24262a; border: 1px solid #2a2832; border-radius: 10px; left: 0; position: absolute; top: 60px; width: 297px; z-index: 10 } .action-item[data-v-ddae60be] { cursor: pointer; height: 49px; position: relative; width: 48px } .action-item .icon-box[data-v-ddae60be] { height: 100%; width: 100% } .action-item[data-v-ddae60be]:hover { background-color: #2a2832; color: #fff } .brush-style-box[data-v-ddae60be] { background-color: #24262a; border: 1px solid #2a2832; border-radius: 10px; left: 0; position: absolute; top: 60px; width: 339px; z-index: 10 } .act-item[data-v-ddae60be] { background-color: #4784ff !important } .disable-item[data-v-ddae60be] { cursor: not-allowed } .image-field-display[data-v-5b181d3f] { border-radius: 12px; height: 150px; position: relative; width: 150px } .image-field-display .img[data-v-5b181d3f] { border-radius: 12px; -o-object-fit: cover; object-fit: cover } .image-field-display .delete-icon[data-v-5b181d3f] { background: rgba(0, 0, 0, .5); border-radius: 3px; color: #fff; cursor: pointer; font-size: 18px; opacity: 0; padding: 5px; position: absolute; right: 5px; top: 5px } .image-field-display .edit-mask-btn[data-v-5b181d3f] { align-items: center; background: rgba(20, 21, 23, .6); border-radius: 100px; bottom: 7px; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500; justify-content: center; left: 50%; padding: 6px 10px; position: absolute; transform: translateX(-50%); white-space: nowrap } .image-field-display:hover .delete-icon[data-v-5b181d3f] { opacity: 1 } .image-field-upload-box[data-v-5b181d3f] { -moz-column-gap: 10px; column-gap: 10px; display: flex } .image-field-upload-box .pick-item[data-v-5b181d3f] { align-items: center; display: flex; flex-direction: column; justify-content: center } .image-field-upload-box .pick-item .upload-item-text[data-v-5b181d3f] { color: #9a9fa5; font-family: Inter; font-size: 14px; font-weight: 400 } .image-field[data-v-5b181d3f] .el-upload { background: #262731; border: 0; border-radius: 12px; height: 150px; width: 150px } .image-field[data-v-5b181d3f] .el-upload .uploader { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .image-field[data-v-5b181d3f] .el-upload .el-upload-dragger { background: #262731; border: 0; border-radius: 12px; box-sizing: border-box; height: 100%; width: 100% } .image-field .cursor-pointer[data-v-5b181d3f] { cursor: pointer } .Screening[data-v-16a4156a], .el-dropdown-link[data-v-16a4156a] { align-items: center; display: flex } .el-dropdown-link[data-v-16a4156a] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-16a4156a] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-16a4156a] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-16a4156a] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-16a4156a] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-16a4156a] { font-size: 18px } .el-dropdown-link .custom-iconofnt[data-v-16a4156a] { color: #4c97fd; font-size: 24px } .selectTime[data-v-16a4156a] { margin: 0 12px 0 0; min-width: 116px } .el-dropdown-item[data-v-16a4156a] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .custom-iconofnt[data-v-16a4156a], .el-dropdown-item .svg-icon[data-v-16a4156a] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-16a4156a] { color: #6f767e; font-size: 14px } .el-dropdown-item-time[data-v-16a4156a] { width: 119px } .showType { height: 40px; width: 166px } .c-workflow-style-modal { background-color: #111522 !important; border: 1px solid #293045; border-radius: 16px !important; border-radius: 16px; margin-top: 3vh !important; max-height: 900px; text-align: left !important } .c-workflow-style-modal .el-dialog__header { border: 1px solid hsla(0, 0%, 100%, .06) } .c-workflow-style-modal .el-dialog__title { color: #fff; font-size: 16px } .c-workflow-style-modal .el-dialog__body { padding: 0 !important } .c-workflow-style-modal .style-content-wrapper { background-color: #111522; display: flex; flex-direction: column; height: 100%; min-width: 900px; padding: 0 22px 29px } .c-workflow-style-modal .style-content__header { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; width: 100% } .c-workflow-style-modal .style-content__header-tabs { align-items: center; display: flex; gap: 10px } .c-workflow-style-modal .style-content__header-tabs-item { border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 8px; color: #d8d9dc; cursor: pointer; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; line-height: 25px; margin-left: 58px; padding: 8px 16px; transition: all .3s cubic-bezier(.645, .045, .355, 1) } .c-workflow-style-modal .style-content__header-tabs-item:first-child { margin-left: 0 } .c-workflow-style-modal .tab-active { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; color: #fff } .c-workflow-style-modal .style-content__search-box { align-items: center; display: flex; justify-content: space-between; margin-top: 15px } .c-workflow-style-modal .style-content__search-box .filterBox { align-items: center; background-color: #20293b; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .c-workflow-style-modal .style-content__search-box .filterBox div { align-items: center; display: flex } .c-workflow-style-modal .style-content__search-box .filterBox div .iconfont, .c-workflow-style-modal .style-content__search-box .filterBox div .svg-icon { font-size: 16px; margin-right: 6px } .c-workflow-style-modal .style-content__search-box .filterBox div span { color: hsla(0, 0%, 100%, .6); font-size: 14px } .c-workflow-style-modal .style-content__search-box .filterBox i { font-size: 16px } .c-workflow-style-modal .style-content__search-box .search-right { display: flex; gap: 12px } .c-workflow-style-modal .style-content__search-input { width: 228px } .c-workflow-style-modal .style-content__search-input .el-input__inner { background: #2d3245; border-color: transparent; color: #fff; height: 32px; padding-left: 37px } .c-workflow-style-modal .style-content__search-input .el-input__prefix { align-items: center; display: flex; justify-content: center; margin-left: 5px } .c-workflow-style-modal .style-content__search-input .search-icon { fill: #fff; font-size: 26px } .c-workflow-style-modal .style-content__search-btn { background: #212535; border: 1px solid; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-left: 19px; overflow: hidden; padding: 7px 15px; position: relative; text-overflow: ellipsis; white-space: nowrap } .c-workflow-style-modal .style-content__search-btn-gra-border { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .c-workflow-style-modal .style-content__list-wrapper { grid-gap: 20px; display: grid; grid-template-columns:repeat(5, 1fr); margin-top: 14px; max-height: 600px; min-height: 600px; overflow-y: auto; position: relative } .c-workflow-style-modal .style-content__list-wrapper-no-margin { grid-template-rows:30px auto } .c-workflow-style-modal .style-content__list-item { background: #202535; border-radius: 8px; cursor: pointer; height: 310px; overflow: hidden; position: relative; width: 240px } .c-workflow-style-modal .style-content__list-item:hover .model-type-flag, .c-workflow-style-modal .style-content__list-item:hover .top-box { opacity: 0 } .c-workflow-style-modal .style-content__list-item .top-box { align-items: center; display: flex; justify-content: space-between; left: 5px; opacity: 1; position: absolute; right: 5px; top: 5px; transition: all .3s; z-index: 1 } .c-workflow-style-modal .style-content__list-item .top-box .sdxl-sign { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 25px; justify-content: center; width: 48px } .c-workflow-style-modal .style-content__list-item .cltpop { align-items: flex-start; background-color: rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 80%; justify-content: space-between; left: 0; opacity: 0; padding: 6px 8px 0; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .c-workflow-style-modal .style-content__list-item .cltpop:hover { opacity: 1 } .c-workflow-style-modal .style-content__list-item .cltpop .collect-popover-container, .c-workflow-style-modal .style-content__list-item .cltpop .detail-button { height: 30px; line-height: 30px } .c-workflow-style-modal .style-content__list-item .cltpop .detail-button { color: #e2e8f0; display: block; max-width: 84px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap } .c-workflow-style-modal .style-content__list-item .model-type-flag { align-items: center; background-color: rgba(15, 18, 28, .6); border-radius: 10px; color: #e4e8f0; display: flex; font-size: 12px; font-weight: 500; justify-content: center; padding: 6px 12px; position: absolute; right: 6px; top: 6px } .c-workflow-style-modal .style-content__list-item .model-type-flag .model-type-flag-line { margin: 0 4px } .c-workflow-style-modal .style-content__list-item .model-type-flag .model-type-flag-icon { color: #e4e8f0; font-size: 16px } .c-workflow-style-modal .select-model-active { align-items: center; border: 2px solid #27b670; display: flex; flex-direction: column } .c-workflow-style-modal .select-model-active .list-item-image-card-image { border-radius: 8px } .c-workflow-style-modal .select-model-active .list-item-image-mask .list-item-image-mask-item__content { max-width: 150px } .c-workflow-style-modal .select-model-active .list-item-image-mask .content-width-limit { max-width: 70px } .c-workflow-style-modal .style-content__list-empty { align-items: center; color: #dde2e9; display: flex; flex-direction: column; font-size: 20px; height: 100%; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .c-workflow-style-modal .style-content__list-empty .style-content__list-empty-icon { height: 137px; width: 162px } .c-workflow-style-modal .list-item-image-wrapper { height: 80%; position: relative; width: 100% } .c-workflow-style-modal .list-item-image-card-image { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .c-workflow-style-modal .list-item-image-card-image .image-empty { align-items: center; background-color: #595c69; color: #e4e8f0; display: flex; height: 100%; justify-content: center; width: 100% } .c-workflow-style-modal .list-item-image-card-image .el-image__inner { -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top } .c-workflow-style-modal .list-item-image-card-image .el-image__error, .c-workflow-style-modal .list-item-image-card-image .el-image__placeholder { background-color: #1b1f2d } .c-workflow-style-modal .list-item-image-mask { align-items: center; border-radius: 8px; box-sizing: border-box; display: flex; flex-direction: column; height: 38px; opacity: .86; padding: 5px; width: calc(100% - 8px) } .c-workflow-style-modal .list-item-image-mask .list-item-image-mask-item { display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 145px } .c-workflow-style-modal .list-item-image-mask .list-item-image-mask-item__title { color: #9ea3ad; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400 } .c-workflow-style-modal .list-item-image-mask .list-item-image-mask-item__content { color: #e4e8f0; flex-shrink: 0; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500; max-width: 210px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .c-workflow-style-modal .list-item-image-mask .content-width-limit { max-width: 100px } .c-workflow-style-modal .list-item-image-mask .list-item-image-mask-row { align-items: center; display: flex; justify-content: space-between; padding: 4px 0; position: relative; width: 100% } .c-workflow-style-modal .list-item-image-mask .list-item-image-mask-row .use { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 4px; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 12px; font-weight: 500; height: 24px; justify-content: center; width: 64px } .c-workflow-style-modal .recommend-text { align-items: center; display: flex; margin: 13px 0; width: 100% } .c-workflow-style-modal .recommend-text .recommend-text-line { border: 1px dashed #777e91; box-sizing: border-box; flex: 1 0 auto } .c-workflow-style-modal .recommend-text .recommend-text-main { color: #777e91; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin: 0 12px } .c-workflow-style-modal .show-more-item { align-items: center; display: flex; justify-content: center; width: 100% } .c-workflow-style-modal .show-more-item .show-more-item-btn { border: 2px solid #383c47; border-radius: 90px; box-sizing: border-box; cursor: pointer; padding: 12px 16px } .c-workflow-style-modal .show-more-item .show-more-item-btn-text { color: #777e91; font-family: DM Sans-Bold, DM Sans; font-size: 14px; font-weight: 700 } .c-workflow-style-modal .show-more-item .show-more-item-btn-icon { color: #777e91; font-size: 16px } .checkpoint-field-content[data-v-0e120f00] { align-items: center; display: flex; justify-content: space-between } .checkpoint-field-content-left[data-v-0e120f00] { align-items: center; display: flex; position: relative } .checkpoint-field-content-left .version-name[data-v-0e120f00] { background: rgba(0, 0, 0, .4); border-radius: 0 0 5px 5px; bottom: 0; color: #fff; font-family: PingFang SC; font-size: 10px; font-weight: 600; height: 16px; left: 0; position: absolute; width: 60px; z-index: 1 } .checkpoint-field-content-left .empty-img[data-v-0e120f00] { background: #342f2f; border-radius: 5px; color: #fff; font-size: 12px; height: 60px; width: 60px } .checkpoint-field-content-left[data-v-0e120f00] .el-image { border-radius: 5px; height: 60px; overflow: hidden; width: 60px } .checkpoint-field-content-left[data-v-0e120f00] .el-image .el-image__inner { height: 100%; width: 100% } .checkpoint-field-content-left .name[data-v-0e120f00] { color: #fff; font-family: PingFang SC; font-size: 14px; max-width: 226px; padding-left: 8px } .checkpoint-field-content-right[data-v-0e120f00] { background: rgba(71, 132, 255, .2); border-radius: 4px; box-sizing: border-box; color: #4784ff; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 24px; padding: 4px } .checkpoint-field-content-right .svg-icon[data-v-0e120f00] { height: 14px; margin-right: 5px; width: 14px } .checkpoint-field[data-v-0e120f00] .add-icon { background-color: #262731; border-radius: 50%; cursor: pointer; height: 30px; width: 30px } .lora-field-content[data-v-287904d4] { align-items: center; display: flex; justify-content: space-between } .lora-field-content-left[data-v-287904d4] { align-items: center; display: flex; position: relative } .lora-field-content-left .version-name[data-v-287904d4] { background: rgba(0, 0, 0, .4); border-radius: 0 0 5px 5px; bottom: 0; color: #fff; font-family: PingFang SC; font-size: 10px; font-weight: 600; height: 16px; left: 0; position: absolute; width: 60px; z-index: 1 } .lora-field-content-left .empty-img[data-v-287904d4] { background: #342f2f; border-radius: 5px; color: #fff; font-size: 12px; height: 60px; width: 60px } .lora-field-content-left[data-v-287904d4] .el-image { border-radius: 5px; height: 60px; overflow: hidden; width: 60px } .lora-field-content-left[data-v-287904d4] .el-image .el-image__inner { height: 100%; width: 100% } .lora-field-content-left .name[data-v-287904d4] { color: #fff; font-family: PingFang SC; font-size: 14px; max-width: 226px; padding-left: 8px } .lora-field-content-right[data-v-287904d4] { background: rgba(71, 132, 255, .2); border-radius: 4px; box-sizing: border-box; color: #4784ff; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 24px; padding: 4px } .lora-field-content-right .svg-icon[data-v-287904d4] { height: 14px; margin-right: 5px; width: 14px } .lora-field[data-v-287904d4] .add-icon { background-color: #262731; border-radius: 50%; cursor: pointer; height: 30px; width: 30px } .slider-field[data-v-42c5dc73] .el-slider { align-items: center; display: flex; height: 40px; position: relative } .slider-field[data-v-42c5dc73] .el-slider .el-input-number { height: 36px; line-height: 36px; margin: 0; position: absolute; right: 0; top: 1px; width: 68px } .slider-field[data-v-42c5dc73] .el-slider .el-input-number .el-input { box-sizing: border-box; height: 100%; width: 100% } .slider-field[data-v-42c5dc73] .el-slider .el-input-number .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 100%; padding: 5px; width: 100% } .slider-field[data-v-42c5dc73] .el-slider .el-slider__runway { background-color: #363b44; height: 8px; margin: 0 0 0 7px; width: calc(100% - 122px) } .slider-field[data-v-42c5dc73] .el-slider .el-slider__runway .el-slider__button-wrapper { height: 16px; top: -7px; width: 16px } .slider-field[data-v-42c5dc73] .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button { background: #4784ff; border: 4px solid #fff; border-radius: 50%; height: 6px; transform: scale(1) !important; width: 6px } .select-field[data-v-56548357] { align-items: center; background: #181924; border-radius: 12px; box-sizing: border-box; display: flex; height: 40px; justify-content: space-between; padding: 0 16px; width: 100% } .select-field-title[data-v-56548357] { color: #a1a6ac; font-family: Inter; font-size: 14px; font-weight: 700; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select-field[data-v-56548357] .custom-select-transparent { background: transparent; flex: 1; height: 28px } .select-field[data-v-56548357] .custom-select-transparent .el-input { box-sizing: border-box; height: 100%; padding-right: 30px; width: 100% } .select-field[data-v-56548357] .custom-select-transparent .el-input .el-input__inner { background: transparent; border: 0; box-sizing: border-box; color: #e5eaf3; font-family: PingFang SC; font-size: 12px; height: 100%; padding: 0; text-align: right; width: 100% } .select-field[data-v-56548357] .custom-select-transparent .el-input .el-input__suffix { display: flex; right: 0 } .select-field[data-v-56548357] .custom-select-transparent .el-input .el-input__suffix .el-input__suffix-inner { align-items: center; display: flex } .select-field[data-v-56548357] .custom-select-transparent .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret { align-items: center; color: #fff; display: flex; font-size: 16px; justify-content: center; width: auto } .seed-field[data-v-b35bfb80] { background: #181924; border-radius: 12px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 90px; padding: 0 16px; width: 100% } .seed-field-top[data-v-b35bfb80] { align-items: center; display: flex; height: 40px; justify-content: space-between; width: 100% } .seed-field-top-title[data-v-b35bfb80] { color: #a1a6ac; font-family: Inter; font-size: 14px; font-weight: 700 } .seed-field-top-switch[data-v-b35bfb80] { background: hsla(0, 0%, 100%, .06); border: 1px solid rgba(0, 0, 0, .1); border-radius: 6px; box-sizing: border-box; padding: 4px } .seed-field-top-switch .switch-btn[data-v-b35bfb80] { background: transparent; border: none; border-radius: 5px; color: hsla(0, 0%, 100%, .6); cursor: pointer; font-family: Inter; font-size: 12px; font-weight: 400; outline: none; padding: 4px 6px } .seed-field-top-switch .switch-btn.active[data-v-b35bfb80] { background: hsla(0, 0%, 100%, .1); box-shadow: 0 10px 10px -2px rgba(0, 0, 0, .1); color: #fff; font-weight: 500 } .seed-field-content[data-v-b35bfb80] { border-top: 1px solid hsla(0, 0%, 100%, .06); height: calc(100% - 41px); width: 100% } .seed-field-content[data-v-b35bfb80] .el-input-number { height: 28px; width: 100% } .seed-field-content[data-v-b35bfb80] .el-input-number .el-input { height: 100%; line-height: 28px } .seed-field-content[data-v-b35bfb80] .el-input-number .el-input .el-input__inner { background-color: #262731; border: 1px solid hsla(0, 0%, 100%, .1) !important; color: #cfd3dc; height: 100%; line-height: 26px } .code-viewer[data-v-20db1c52] { margin-right: 16px; position: relative; width: 471px } .code-viewer .items-component[data-v-20db1c52] { overflow: auto } .code-viewer .items-component[data-v-20db1c52]::-webkit-scrollbar { width: 4px } .code-viewer .items-component .item-component[data-v-20db1c52] { margin-bottom: 10px } .code-viewer .items-component[data-v-20db1c52] > :last-child { margin-bottom: 0 } .code-viewer .generate-btn[data-v-20db1c52] { background: linear-gradient(81deg, #3f8fff, #21feff); border: 0; border-radius: 12px; bottom: 10px; color: #fcfcfc; cursor: pointer; height: 48px; left: 0; position: absolute; right: 0 } .code-viewer .generate-btn .txt[data-v-20db1c52] { font-family: Inter; font-size: 16px; font-weight: 700 } .code-viewer .generate-btn .generate-tips[data-v-20db1c52] { font-size: 16px; font-weight: 400; margin-left: 5px } .code-viewer .generate-btn .estimated-cost[data-v-20db1c52] { font-size: 12px; margin-top: 5px } .p-workflow-publish[data-v-47b857b2] { background: #0a0b17; bottom: 0; display: flex; flex-direction: column; height: 100vh; left: 0; position: fixed; right: 0; top: 0; width: 100vw; z-index: 999 } .p-workflow-publish .workflow-publish-container[data-v-47b857b2] { box-sizing: border-box; display: flex; flex: 1; gap: 20px; max-height: calc(100vh - 84px); padding: 20px 5.3rem } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left[data-v-47b857b2] { box-sizing: border-box; display: flex; flex: 465; flex-direction: column; gap: 10px; height: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .publish-container-left-container[data-v-47b857b2] { background: #181924; border-radius: 12px; display: flex; flex: calc(100% - 130px); flex-direction: column; overflow-x: hidden; overflow-y: auto; overflow: hidden auto; padding: 16px 20px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .publish-container-left-container-package[data-v-47b857b2] { overflow: hidden; padding: 16px 0 } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .page-type-tabs[data-v-47b857b2] { align-items: center; background: #181924; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 10px; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .1); box-sizing: border-box; display: flex; height: 48px; justify-content: center; min-width: 445px; padding: 5px 4px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .page-type-tabs .page-type-tabs-item[data-v-47b857b2] { align-items: center; border-radius: 8px; box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1); box-sizing: border-box; color: #f4f4f4; cursor: pointer; display: flex; display: inline-block; flex: 0 0 50%; font-size: 14px; font-weight: 500; height: 38px; justify-content: center; line-height: 38px; overflow: hidden; padding: 0 16px; text-align: center; text-overflow: ellipsis; white-space: nowrap } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .page-type-tabs .page-type-tabs-item-active[data-v-47b857b2] { background: #434452; color: #f1f5f9; font-size: 14px; font-weight: 400 } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .page-type-tabs-margin20[data-v-47b857b2] { margin: 0 20px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .effect-example-upload-box[data-v-47b857b2] { display: flex; flex-wrap: wrap; gap: 10px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .effect-example-upload-box .upload-item[data-v-47b857b2] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 9px; box-sizing: border-box; color: #9a9fa5; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 400; height: 130px; justify-content: center; min-height: 130px; min-width: 130px; position: relative; width: 130px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .effect-example-upload-box .upload-item .image-upload[data-v-47b857b2] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .bottom-btn-box[data-v-47b857b2] { display: flex; flex-direction: column; gap: 28px; height: 158px; min-height: 158px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .bottom-btn-box .bottom-checkbox-wrap[data-v-47b857b2] { display: flex; flex-direction: column; gap: 10px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .bottom-btn-box .bottom-checkbox-wrap .bottom-checkbox-title[data-v-47b857b2] { color: #409eff; font-size: 14px; font-weight: 400; margin-left: 10px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .bottom-btn-box[data-v-47b857b2] .el-checkbox__inner { background: rgba(63, 66, 74, .6); border: 1px solid #414243; border-radius: 4px; height: 16px; width: 16px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .bottom-btn-box .publish-btn[data-v-47b857b2] { background: linear-gradient(99deg, #3271cc, #0fffff); border: none !important; border-radius: 12px; color: #fcfcfc; font-family: Inter; font-size: 16px; font-weight: 700; height: 48px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form-desc[data-v-47b857b2] { align-items: center; box-sizing: border-box; color: #9a9fa5; display: flex; font-family: Inter; font-size: 12px; font-weight: 500; justify-content: space-between; margin-top: 10px; padding: 0 20px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form-desc[data-v-47b857b2] .el-checkbox__inner { background: rgba(63, 66, 74, .6); border: 1px solid #414243; border-radius: 4px; height: 16px; width: 16px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form-desc[data-v-47b857b2] .el-checkbox__label { color: #9a9fa5; font-size: 12px; font-weight: 500 } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form[data-v-47b857b2] { box-sizing: border-box; -moz-column-gap: 40px; column-gap: 40px; display: flex; justify-content: space-between; margin-top: 10px; overflow-x: hidden; overflow-y: auto; padding: 0 20px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form[data-v-47b857b2]::-webkit-scrollbar { width: 4px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .drag-move[data-v-47b857b2] { transition: transform .3s } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .custom-select[data-v-47b857b2] { width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-input[data-v-47b857b2], .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-output[data-v-47b857b2] { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px) } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-input-item[data-v-47b857b2] { margin-top: 18px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-input-item .package-config-form-input-item-label[data-v-47b857b2] { align-items: center; display: flex; justify-content: space-between } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-input-item .package-config-form-input-item-label .input-item-label-text[data-v-47b857b2] { color: #efefef; flex: 1; font-family: Inter; font-size: 12px; font-weight: 500; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-input-item .package-config-form-input-item-label .input-item-operate-btn[data-v-47b857b2] { color: #efefef; cursor: pointer; font-size: 14px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-left .package-config-form .package-config-form-input-item .package-config-form-input-item-title[data-v-47b857b2] { margin-top: 10px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right[data-v-47b857b2] { background: #181924; border-radius: 12px; display: flex; flex: 1256; flex-direction: column; max-height: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area[data-v-47b857b2] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; position: relative } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .changeBtn[data-v-47b857b2] { align-items: center; background-color: hsla(0, 0%, 100%, .2); border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; top: 333px; width: 32px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .changeBtn i[data-v-47b857b2] { color: #fff; font-size: 14px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .leftBtn[data-v-47b857b2] { left: 40px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .rightBtn[data-v-47b857b2] { right: 40px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area[data-v-47b857b2] .imgInfo { border-radius: 16px; height: 621px; width: 80% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area[data-v-47b857b2] .imgInfo .img-info-video, .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area[data-v-47b857b2] .imgInfo img { background-color: rgba(0, 0, 0, .2); border-radius: 16px; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area[data-v-47b857b2] .imgInfo .el-carousel, .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area[data-v-47b857b2] .imgInfo .el-carousel .el-carousel__container { height: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .imgList[data-v-47b857b2] { align-items: center; display: flex; gap: 10px; height: 92px; margin-top: 16px; width: 480px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .imgList .imgItem[data-v-47b857b2] { background-color: #262731; border: 2px solid #363744; border-radius: 18px; box-sizing: border-box; cursor: pointer; height: 88px; opacity: 1; padding: 7px; width: 88px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .imgList .imgItem img[data-v-47b857b2] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-area .imgList .imgActivate[data-v-47b857b2] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-small-item[data-v-47b857b2] { align-items: center; background: #181924; border-radius: 0 0 12px 12px; box-sizing: border-box; display: flex; justify-content: center; max-height: 178px; min-height: 178px; padding: 0 50px; width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .image-view-small-item .image-view-small-item-img[data-v-47b857b2] { background: #262731; border-radius: 12px; height: 130px; width: 130px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .package-config-area[data-v-47b857b2] { box-sizing: border-box; height: 100%; max-height: 100%; overflow: hidden; padding-bottom: 52px; width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .package-config-area .package-config-area-header[data-v-47b857b2] { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .06); border-radius: 12px 0; box-sizing: border-box; color: #fefefe; display: flex; font-family: Inter; font-size: 14px; font-weight: 400; height: 52px; padding: 16px 20px 6px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .package-config-area .code-viewer[data-v-47b857b2] { min-width: 471px; width: 100% } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .package-config-area .code-viewer[data-v-47b857b2] .collapse-components-content { border-top: none !important } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .package-config-area .code-viewer[data-v-47b857b2] .el-textarea { background-color: #262731; border-radius: 10px } .p-workflow-publish .workflow-publish-container .workflow-publish-container-right .package-config-area .code-viewer[data-v-47b857b2] .el-textarea .el-textarea__inner { background-color: #262731; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 10px } .p-workflow-publish .workflow-publish-container .flex-771[data-v-47b857b2] { flex: 771 } .p-workflow-publish .workflow-publish-container .flex-590[data-v-47b857b2] { flex: 590 } .p-workflow-publish .workflow-publish-container-package[data-v-47b857b2] { max-height: calc(100vh - 191px) } .p-workflow-publish .package-operate-bar[data-v-47b857b2] { align-items: center; background: #181924; box-sizing: border-box; display: flex; height: 86px; justify-content: space-between; margin: 0 auto; padding: 16px 20px; width: calc(100% - 10.6rem) } .p-workflow-publish .package-operate-bar .bottom-checkbox-wrap[data-v-47b857b2] { display: flex; flex-direction: column; gap: 10px } .p-workflow-publish .package-operate-bar .bottom-checkbox-wrap .bottom-checkbox-wrap-text[data-v-47b857b2] { box-sizing: border-box; color: #9a9fa5; font-family: Inter; font-size: 14px; font-weight: 500; margin-top: 10px } .p-workflow-publish .package-operate-bar .bottom-checkbox-wrap .bottom-checkbox-title[data-v-47b857b2] { color: #409eff; font-size: 14px; font-weight: 400; margin-left: 10px } .p-workflow-publish .package-operate-bar[data-v-47b857b2] .el-checkbox__inner { background: rgba(63, 66, 74, .6); border: 1px solid #414243; border-radius: 4px; height: 16px; width: 16px } .p-workflow-publish .package-operate-bar .publish-btn[data-v-47b857b2] { background: linear-gradient(99deg, #3271cc, #0fffff); border: none !important; border-radius: 12px; color: #fcfcfc; font-family: Inter; font-size: 16px; font-weight: 700; height: 48px } .p-workflow-publish .workflow-publish-container-left .el-input__inner, .p-workflow-publish .workflow-publish-container-left .el-textarea__inner { background: #161819 !important; border: 1px solid #272b30 !important; border-radius: 6px; color: #cbd5e1 !important } .p-workflow-publish .workflow-publish-container-left .title-input .el-input__inner { padding-right: 50px } .p-workflow-publish .workflow-publish-container-left .el-textarea__inner { max-height: 300px !important; min-height: 90px !important } .p-workflow-publish .workflow-publish-container-left .el-input__count { background: transparent !important } .p-workflow-publish .workflow-publish-container-left .el-textarea .el-input__count { background: #161819 !important; border-radius: 12px; bottom: 5px; color: #c0c4cc; font-size: 14px; line-height: 14px; padding: 4px; position: absolute; right: 12px; text-align: right } .p-workflow-publish .workflow-publish-container-left .el-input__count-inner { background-color: transparent !important } .p-workflow-publish .workflow-publish-container-left .el-form-item { margin-bottom: 12px !important } .p-workflow-publish .workflow-publish-container-left .show-tag { background: #0f1021; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px !important } .p-workflow-publish .workflow-publish-container-left .show-tag ::v-deep .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .p-workflow-publish .workflow-publish-container-left .show-tag .el-tag { background: #2e385e; border-color: transparent; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .p-workflow-publish .workflow-publish-container-left .show-tag .el-tag__close { background-color: #3a4e92; color: #fff } .p-workflow-publish .workflow-publish-container-left .show-tag .el-input__inner { background: #0a0b17; border: none !important; border-radius: 6px } .workflow-history-record-modal .el-dialog { background: #24262a; border-radius: 20px; display: flex; flex-direction: column; height: 674px } .workflow-history-record-modal .el-dialog__title { color: #efefef; font-family: Inter; font-size: 16px; font-weight: 400 } .workflow-history-record-modal .el-dialog__body { display: flex; flex: 1; flex-direction: column; overflow: hidden } .workflow-history-record-modal .el-dialog__footer { align-items: center; display: flex; justify-content: flex-end } .workflow-history-record-modal .el-dialog__footer .cancel-btn, .workflow-history-record-modal .el-dialog__footer .confirm-btn { border: none; border-radius: 8px; height: 40px } .workflow-history-record-modal .el-dialog__footer .cancel-btn { background: #1a1d1f; color: hsla(0, 0%, 100%, .7); font-family: PingFang HK; font-size: 14px; font-weight: 500 } .workflow-history-record-modal .el-dialog__footer .confirm-btn { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff; font-family: PingFang HK; font-size: 14px; font-weight: 500 } .workflow-history-record-modal .el-dialog__footer .el-button + .el-button { margin-left: 8px } .workflow-history-record-modal .history-record-list { box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; height: 100%; max-height: 100%; overflow-x: hidden; overflow-y: auto; width: 100% } .workflow-history-record-modal .history-record-list .history-record-list-item { align-items: center; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; height: 102px; justify-content: space-between; padding: 8px 10px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left { display: flex; gap: 16px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .history-record-list-item-img { background-color: #777e90; border-radius: 10px; height: 86px; width: 86px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .history-record-list-item-img img { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content { display: flex; flex-direction: column; justify-content: center } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content-title { color: #fefefe; font-family: Inter; font-size: 14px; font-weight: 400; line-height: 24px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content-sub-title { color: #a1a6ac; font-family: Inter; font-size: 12px; font-weight: 400; gap: 8px; line-height: 24px; margin-top: 4px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right { align-items: center; -moz-column-gap: 20px; column-gap: 20px; display: flex } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .operate-icon { align-items: center; color: #a1a6ac; cursor: pointer; display: flex; font-family: Inter; font-size: 20px; font-weight: 400; height: 24px; justify-content: center; line-height: 24px; width: 24px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .operate-icon:hover { color: #fff } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .delete-icon { align-items: center; color: #a1a6ac; cursor: pointer; display: flex; font-family: Inter; font-size: 20px; font-weight: 400; height: 24px; justify-content: center; line-height: 24px; width: 24px } .workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .delete-icon:hover { color: #b63c3c } .workflow-history-record-modal .history-record-list .history-record-list-item-active, .workflow-history-record-modal .history-record-list .history-record-list-item:hover { background-color: #2f3238 } .create-workflow-modal .el-dialog { background: #24262a; border-radius: 20px; display: flex; flex-direction: column; height: 674px } .create-workflow-modal .el-dialog__title { color: #efefef; font-family: Inter; font-size: 16px; font-weight: 400 } .create-workflow-modal .el-dialog__body { display: flex; flex: 1; flex-direction: column; overflow: hidden } .create-workflow-modal .el-dialog__footer { align-items: center; display: flex; justify-content: flex-end } .create-workflow-modal .el-dialog__footer .cancel-btn, .create-workflow-modal .el-dialog__footer .confirm-btn { border: none; border-radius: 8px; height: 40px } .create-workflow-modal .el-dialog__footer .cancel-btn { background: #1a1d1f; color: hsla(0, 0%, 100%, .7); font-family: PingFang HK; font-size: 14px; font-weight: 500 } .create-workflow-modal .el-dialog__footer .confirm-btn { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff; font-family: PingFang HK; font-size: 14px; font-weight: 500 } .create-workflow-modal .el-dialog__footer .el-button + .el-button { margin-left: 8px } .create-workflow-modal .create-template-list { box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 16px; height: 100%; max-height: 100%; overflow-x: hidden; overflow-y: auto; width: 100% } .create-workflow-modal .create-template-list .create-template-list-item { background: #313337; border-radius: 9px; box-sizing: border-box; height: 258px; max-height: 258px; max-width: 200px; min-height: 258px; min-width: 200px; position: relative; width: 200px } .create-workflow-modal .create-template-list .create-template-list-item .create-template-list-item-image { border-radius: 9px; box-sizing: border-box; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top } .create-workflow-modal .create-template-list .create-template-list-item .list-item-bottom { bottom: 0; box-sizing: border-box; padding: 0 8px 8px; position: absolute; width: 100% } .create-workflow-modal .create-template-list .create-template-list-item .list-item-bottom .list-item-bottom-title { color: #fff; font-family: PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 12px; text-align: left } .create-workflow-modal .create-template-list .create-template-list-item .list-item-bottom .list-item-bottom-operate-bar { align-items: center; display: flex; justify-content: space-between } .create-workflow-modal .create-template-list .create-template-list-item .list-item-bottom .list-item-bottom-operate-bar .node-num-title { color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500 } .create-workflow-modal .create-template-list .create-template-list-item .list-item-bottom .list-item-bottom-operate-bar .list-item-bottom-operate-bar-btn { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 4px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 500; justify-items: center; padding: 4px 14px } .create-workflow-modal .create-template-list .create-template-list-item-add { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); cursor: pointer; display: flex; flex-direction: column; justify-content: center } .create-workflow-modal .create-template-list .create-template-list-item-add .list-item-title-icon { color: #9a9fa5; font-size: 20px } .create-workflow-modal .create-template-list .create-template-list-item-add .list-item-title { color: #9a9fa5; font-family: PingFang SC; font-size: 14px; font-weight: 400; margin-top: 10px } #graph-canvas { bottom: 0; height: 100vh; left: 0; position: fixed; right: 0; top: 0; width: 100vw; z-index: 1 } .p-work-flow .work-flow-bottom-btn[data-v-4946b134] { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 12px; bottom: 16px; box-sizing: border-box; cursor: pointer; display: flex; height: 48px; justify-content: center; left: 50%; min-width: 180px; padding: 12px 20px; position: fixed; transform: translate(-50%, -50%); z-index: 10 } .p-work-flow .work-flow-bottom-btn .work-flow-bottom-btn-inner[data-v-4946b134] { color: #fcfcfc; font-family: Inter; font-size: 16px; font-weight: 700; line-height: 24px } .p-work-flow .work-flow-bottom-btn .work-flow-bottom-btn-inner .work-flow-bottom-btn-main-text[data-v-4946b134] { align-items: center; display: flex; font-size: 16px; justify-content: center } .p-work-flow .work-flow-bottom-btn .work-flow-bottom-btn-inner .work-flow-bottom-btn-main-text span[data-v-4946b134] { font-size: 16px; font-weight: 400; margin-left: 5px } .p-work-flow .work-flow-bottom-btn .work-flow-bottom-btn-inner .work-flow-bottom-btn-main-sub-text[data-v-4946b134] { align-items: center; color: #fcfcfc; display: flex; font-size: 12px; font-weight: 500; justify-content: center; line-height: 18px } .p-work-flow .work-flow-bottom-btn-disable[data-v-4946b134] { cursor: not-allowed } .AiComic[data-v-1c478c95] { color: #fff; min-height: 100vh; z-index: 2 } .AiComic .top[data-v-1c478c95], .AiComic[data-v-1c478c95] { background-color: #06060d; width: 100% } .AiComic .top[data-v-1c478c95] { align-items: center; border-bottom: 1px solid #2a2832; box-sizing: border-box; display: flex; height: 63px; justify-content: space-between; padding: 0 16px } .AiComic .top .back[data-v-1c478c95] { align-items: center; background-color: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; display: flex; height: 36px; justify-content: center; width: 36px } .AiComic .top .back i[data-v-1c478c95] { color: #828086; font-size: 27px } .AiComic .top .rightBtn[data-v-1c478c95] { align-items: center; display: flex } .AiComic .top .rightBtn .btnBox[data-v-1c478c95] { align-items: center; background-color: #2a2c36; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); cursor: pointer; display: flex; height: 36px; margin-left: 10px; padding: 0 16px } .AiComic .top .rightBtn .btnBox .svg-icon[data-v-1c478c95], .AiComic .top .rightBtn .btnBox i[data-v-1c478c95] { color: #858ea0; font-size: 15px; margin-right: 8px } .AiComic .top .rightBtn .btnBox span[data-v-1c478c95] { color: #fefefe; font-size: 12px } .AiComic .main[data-v-1c478c95] { display: flex; height: calc(100vh - 63px); margin-top: 16px } .AiComic .main .funBox[data-v-1c478c95] { display: flex; flex-direction: column; height: calc(100vh - 79px); justify-content: space-between; margin-left: 86px; position: relative; width: 455px } .AiComic .main .funBox[data-v-1c478c95] .funCnt { max-height: calc(100vh - 198px); overflow: auto; position: relative; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt::-webkit-scrollbar { width: 0 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox { margin: 20px 0; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceTit { align-items: center; display: flex; height: 32px; justify-content: space-between; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceTit span { color: #efefef; font-size: 14px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList { display: flex; gap: 8px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceBnt { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; display: flex; flex-direction: column; height: 75px; justify-content: center; width: 75px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceBnt i { color: #9a9fa5; font-size: 12px; font-weight: 700 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceBnt span { color: #9a9fa5; font-size: 10px; margin-top: 5px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceImg { background-color: rgba(0, 0, 0, .2); border-radius: 8px; height: 75px; position: relative; width: 75px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceImg .faceDelete { background-color: rgba(0, 0, 0, .5); border-radius: 8px; cursor: pointer; opacity: 0; padding: 3px; position: absolute; right: 2px; top: 2px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceImg .faceDelete i { color: #f44; font-size: 14px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceImg:hover .faceDelete { opacity: 1 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .faceBox .faceList .faceImg img { border-radius: 9px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .numBox { margin: 16px 0; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .numBox .numBoxTit { align-items: center; display: flex; justify-content: space-between; margin-bottom: 6px; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .numBox .numBoxTit span { color: #a1a6ac; font-size: 14px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .numBox .numBoxTit .el-input { width: 68px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .numBox .numBoxTit .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 8px; color: #fff; font-size: 14px; height: 36px; text-align: center; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .el-textarea__inner { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; color: #fff; height: 100%; padding: 10px; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .el-select { width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .el-input__inner { background-color: hsla(0, 0%, 100%, .07); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; color: #fff } .AiComic .main .funBox[data-v-1c478c95] .funCnt .storyboardBox { background-color: #282933; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 8px; box-sizing: border-box; margin-top: 16px; padding: 10px 0 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .storyboardBox .storyboardItem { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .1); box-sizing: border-box; display: flex; padding: 0 10px; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .storyboardBox .storyboardItem:last-child { border: none } .AiComic .main .funBox[data-v-1c478c95] .funCnt .storyboardBox .storyboardItem .prepend { border: none; color: #a1a6ac; font-size: 12px; text-align: center; width: 36px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .storyboardBox .storyboardItem .el-textarea { padding: 8px 0 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .storyboardBox .storyboardItem .el-textarea .el-textarea__inner { background-color: transparent; background-color: initial; background-color: #171820; border: none; border-radius: 6px; color: #fff; font-size: 12px; height: 48px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funBase, .AiComic .main .funBox[data-v-1c478c95] .funCnt .funMore { background-color: #181924; border-radius: 12px; box-sizing: border-box; padding: 16px 20px; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit { align-items: center; display: flex; justify-content: space-between; margin: 16px 0 8px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit div { align-items: center; display: flex } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .funTitInfo span { color: #a1a6ac; font-size: 14px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .funTitInfo i { color: #e6e8ef; font-size: 14px; margin-left: 9px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .sample { cursor: pointer } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .sample span { color: #4784ff; font-size: 14px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .sample i { font-size: 12px; margin-left: 5px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .seedBox { align-items: center; background-color: hsla(0, 0%, 100%, .06); border: 1px solid rgba(0, 0, 0, .1); border-radius: 6px; display: flex; padding: 4px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .seedBox div { border-radius: 5px; color: hsla(0, 0%, 100%, .6); cursor: pointer; font-size: 12px; padding: 4px 6px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funTit .seedBox .activateSeed { background-color: hsla(0, 0%, 100%, .1); box-shadow: 0 10px 10px -2px rgba(0, 0, 0, .1); color: #fff } .AiComic .main .funBox[data-v-1c478c95] .funCnt .characterBox { position: relative } .AiComic .main .funBox[data-v-1c478c95] .funCnt .characterBox .iconfont, .AiComic .main .funBox[data-v-1c478c95] .funCnt .characterBox .svg-icon { bottom: 5px; cursor: pointer; position: absolute; right: 5px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .scaleBox { align-items: center; display: flex; justify-content: space-between; margin-top: 8px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .scaleBox div { align-items: center; display: flex; justify-content: center } .AiComic .main .funBox[data-v-1c478c95] .funCnt .scaleBox div span { color: #fff; font-size: 12px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .scaleBox div .el-input__inner { background-color: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; height: 24px; margin-left: 12px; text-align: center; width: 70px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funBase .funTab { align-items: center; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 10px; box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, .1); box-sizing: border-box; display: flex; height: 48px; padding: 5px; width: 100% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funBase .funTab div { align-items: center; color: hsla(0, 0%, 100%, .6); cursor: pointer; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 50% } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funBase .funTab .activateTab { background-color: #434452; border-radius: 8px; box-shadow: 0 16px 16px -4px rgba(0, 0, 0, .1); color: #f1f5f9 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funMore { margin-top: 16px; padding: 0 } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funMore .el-collapse { border: none } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funMore .el-collapse .el-collapse-item__header { background-color: transparent; background-color: initial; border: none; color: #a1a6ac; font-size: 16px; font-weight: 600; padding: 0 20px } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funMore .el-collapse .el-collapse-item__content { border-top: 1px solid hsla(0, 0%, 100%, .06) } .AiComic .main .funBox[data-v-1c478c95] .funCnt .funMore .el-collapse .el-collapse-item__wrap { background-color: transparent; background-color: initial; border: none; padding: 0 20px } .AiComic .main .funBox .funBtn[data-v-1c478c95] { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border: none; border-radius: 12px; cursor: pointer; display: flex; height: 52px; justify-content: center; margin-bottom: 30px; width: 100% } .AiComic .main .funBox .funBtn div[data-v-1c478c95]:first-child { color: #fcfcfc; font-size: 16px; font-weight: 700 } .AiComic .main .funBox .funBtn div[data-v-1c478c95]:nth-child(2) { align-items: center; display: flex; margin-top: 5px } .AiComic .main .funBox .funBtn div:nth-child(2) span[data-v-1c478c95] { color: #fcfcfc; font-size: 12px } .AiComic .main .funBox .funBtn div:nth-child(2) i[data-v-1c478c95] { color: #fcfcfc; font-size: 14px; margin-left: 5px } .AiComic .main .imgLoadBox[data-v-1c478c95] { height: 100%; position: relative; width: calc(100vw - 541px) } .AiComic .main .imgLoadBox .progressBox[data-v-1c478c95] { align-items: center; background-color: rgba(0, 0, 0, .5); display: flex; flex-direction: column; height: 100%; justify-content: center; position: absolute; width: 100%; z-index: 9 } .AiComic .main .imgLoadBox .progressBox .progressTip[data-v-1c478c95] { color: #fcfcfc; font-size: 14px; margin-top: 20px } .AiComic .main[data-v-1c478c95] .imgBox { box-sizing: border-box; height: 100%; padding-bottom: 44px; padding-left: 20px; position: relative; width: calc(100vw - 541px) } .AiComic .main[data-v-1c478c95] .imgBox .clear { align-items: center; background-color: hsla(0, 0%, 100%, .2); border-radius: 100%; cursor: pointer; display: flex; height: 15px; justify-content: center; padding: 10px; position: absolute; right: 20px; width: 15px; z-index: 99 } .AiComic .main[data-v-1c478c95] .imgBox .clear i { color: #fff; font-size: 14px } .AiComic .main[data-v-1c478c95] .imgBox .el-image, .AiComic .main[data-v-1c478c95] .imgBox .imgCnt, .AiComic .main[data-v-1c478c95] .imgBox img { height: 100%; width: 100% } .AiComic .main[data-v-1c478c95] .imgBox .el-carousel { height: 100% } .AiComic .main[data-v-1c478c95] .imgBox .el-carousel .el-carousel__container { height: 100%; padding: 0 32px } .AiComic .main[data-v-1c478c95] .imgBox .el-carousel .el-carousel__arrow { background-color: hsla(0, 0%, 100%, .2) } .storySample[data-v-1c478c95] { background-color: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 12px 26px } .storySample .storyItem[data-v-1c478c95] { align-items: center; color: #fefefe; cursor: pointer; display: flex; font-size: 14px; height: 40px; padding: 0 10px; white-space: nowrap } .storySample .storyItem[data-v-1c478c95]:hover { background-color: #2f3238; border-radius: 4px } .samplePopover { border-radius: 10px !important; margin-left: 30px !important } .poster-board-page { overflow: hidden } .poster-board-page .el-color-dropdown { z-index: 3000 !important } .poster-board-page img { pointer-events: none } .poster-max-box[data-v-174872c0] { background-color: #06060d; max-height: 100vh; max-width: 100vw; min-height: 100vh; min-width: 100vw; overflow: hidden } .poster-max-loading[data-v-174872c0] { left: 0; position: fixed; top: 0; z-index: 200 } .screenshot-lod[data-v-174872c0] { align-content: center; align-items: center; background-color: #000; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000 } .screenshot-lod > .text[data-v-174872c0] { color: #7f8792; font-size: 12px; margin-top: 10px; text-align: center; width: 100% } .consume-dialog[data-v-97cd6198] .el-dialog__header { padding: 0 } .consume-dialog[data-v-97cd6198] .el-dialog__header .el-dialog__headerbtn { top: 13px } .consume-dialog .task-info-tips[data-v-97cd6198] { box-sizing: border-box; min-width: 300px; padding: 15px } .consume-dialog .task-info-tips p[data-v-97cd6198] { align-items: center; color: #cbd5e1; display: flex; justify-content: space-between; margin-bottom: 12px } .consume-dialog .task-info-tips p .task-pub-status[data-v-97cd6198] { background: rgba(239, 70, 111, .08); border-radius: 4px; color: #ef466f; font-weight: 500; padding: 6px } .consume-dialog .task-info-tips p[data-v-97cd6198]:last-child { margin: 0 } .consume-dialog .task-info-tips .task-info-tips-label[data-v-97cd6198] { flex: 0 0 auto; margin-right: 20px } .consume-dialog .task-info-tips .task-info-tips-content[data-v-97cd6198] { flex: 1; text-align: right; white-space: nowrap } .content-viewer-images[data-v-672e3472] { background: #181924; border-radius: 12px; margin-top: 8px; width: 100% } .content-viewer-images-top[data-v-672e3472] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); box-sizing: border-box; padding: 10px 16px 5px } .content-viewer-images-top .content-viewer-desc[data-v-672e3472] { color: #fefefe; font-family: Inter; font-size: 14px; line-height: 24px; margin: 0; padding: 0; width: 100% } .content-viewer-images-top .switch-btn[data-v-672e3472] { align-items: center; color: #3f8cff; cursor: pointer; display: flex; font-family: Arial; font-size: 12px; font-weight: 700; height: 24px; width: 100% } .content-viewer-images-top .switch-btn > i[data-v-672e3472] { color: hsla(0, 0%, 100%, .5); font-size: 12px; margin-bottom: 2px; margin-left: 10px; transform: rotate(0); transition: transform .5s } .content-viewer-images-top.is-close .el-icon-arrow-up[data-v-672e3472] { transform: rotate(180deg) } .content-viewer-images-top.is-close .content-viewer-desc[data-v-672e3472] { height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .content-viewer-images-generating[data-v-672e3472] { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 512px; justify-content: center; margin: 0 auto; padding: 10px 16px; width: 100% } .content-viewer-images-generating .percentage[data-v-672e3472] { color: #fff; font-family: Arial; font-size: 16px; font-weight: 700; text-align: center; width: 100% } .content-viewer-images-generating .progress-bar[data-v-672e3472] { background: hsla(0, 0%, 47%, .4); border-radius: 30px; height: 12px; margin: 22px 0; width: 396px } .content-viewer-images-generating .progress-bar .inner[data-v-672e3472] { background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 30px; transition: width 1s ease } .content-viewer-images-contents[data-v-672e3472] { box-sizing: border-box; height: 512px; padding: 10px 11px; position: relative; width: 100% } .content-viewer-images-contents[data-v-672e3472] .workflow-app-popover.operate { min-width: 268px } .content-viewer-images-contents[data-v-672e3472] .workflow-app-popover.operate .iconfont { font-size: 18px } .content-viewer-images-contents[data-v-672e3472] .workflow-app-popover.operate .iconfont.icon-baocun { font-size: 16px; margin-left: 2px } .content-viewer-images-contents[data-v-672e3472] .workflow-app-popover.operate .iconfont.icon-morenzhanshi { margin-left: 2px } .content-viewer-images-contents[data-v-672e3472] .workflow-app-popover.operate .label { margin-left: 12px } .content-viewer-images-contents .more-operates[data-v-672e3472] { background: #24262a; border-radius: 12px; cursor: pointer; height: 36px; position: absolute; right: 16px; top: 10px; width: 36px; z-index: 1 } .content-viewer-images-contents .more-operates .iconfont[data-v-672e3472], .content-viewer-images-contents .more-operates .svg-icon[data-v-672e3472] { color: #fff; font-size: 24px } .content-viewer-images-contents .swiper—component[data-v-672e3472] { align-items: center; display: flex; height: 36px; justify-content: center; width: 100% } .content-viewer-images-contents .swiper—component > span[data-v-672e3472] { color: #fff; font-family: Arial; font-size: 14px } .content-viewer-images-contents .swiper—component > span.dividing-line[data-v-672e3472] { margin: 0 3px } .content-viewer-images-contents .swiper—component > i[data-v-672e3472] { color: #a1a6ac; cursor: pointer } .content-viewer-images-contents .swiper—component > i.el-icon-arrow-left[data-v-672e3472] { margin-right: 20px } .content-viewer-images-contents .swiper—component > i.el-icon-arrow-right[data-v-672e3472] { margin-left: 20px } .content-viewer-images-contents[data-v-672e3472] .el-carousel { margin-top: 20px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container { height: 414px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box { height: 100%; position: relative } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .hover-btns { display: flex; opacity: 0; position: absolute; right: 0; top: 10px; z-index: 1 } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .hover-btns .item-btn { background: rgba(26, 29, 31, .8); border-radius: 6px; cursor: pointer; height: 28px; margin-right: 10px; width: 28px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .hover-btns .item-btn .iconfont { color: #f8fafb; font-size: 14px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .hover-btns .item-btn .iconfont.icon-baocun { font-size: 15px; margin: 1px 0 0 2px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .hover-btns .item-btn .iconfont.icon-shanchu3 { font-size: 16px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .picture { cursor: pointer; height: 100%; -o-object-fit: contain; object-fit: contain; width: auto } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box .video { height: 100%; -o-object-fit: contain; object-fit: contain; width: auto } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container .swiper-item-box:hover .hover-btns { opacity: 1 } .content-viewer-images-contents .thumbnail-display[data-v-672e3472] { align-content: flex-start; display: flex; flex-wrap: wrap; overflow: auto } .content-viewer-images-contents .thumbnail-display-top[data-v-672e3472] { align-items: center; box-sizing: border-box; display: flex; height: 55px; padding: 0 5px; width: 100% } .content-viewer-images-contents .thumbnail-display-top-edit[data-v-672e3472] { color: #fefefe; cursor: pointer; font-family: Inter; font-size: 14px } .content-viewer-images-contents .thumbnail-display-top-edit > .iconfont[data-v-672e3472] { margin-left: 10px } .content-viewer-images-contents .thumbnail-display-top-expand[data-v-672e3472] { display: flex } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn[data-v-672e3472] { align-items: center; background: #2a2c36; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 12px; height: 30px; margin-right: 10px; padding: 0 10px } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn[data-v-672e3472] > :last-child { margin-right: 0 } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn .iconfont[data-v-672e3472] { color: #fff; font-size: 14px; margin-right: 8px } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn .iconfont.icon-shanchu3[data-v-672e3472] { font-size: 16px } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn.selected-all[data-v-672e3472] .el-checkbox { margin-right: 8px } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn.selected-all[data-v-672e3472] .el-checkbox .el-checkbox__inner { background-color: #262c3a; border: 1px solid #abbdd7 } .content-viewer-images-contents .thumbnail-display-top-expand .thumbnail-btn.cancel[data-v-672e3472] { background: transparent; border: 0; color: #4784ff } .content-viewer-images-contents .thumbnail-display .item-container[data-v-672e3472] { border: 2px solid transparent; border-radius: 16px; height: 200px; margin: 5px; overflow: hidden; width: 200px } .content-viewer-images-contents .thumbnail-display .item-container.selected[data-v-672e3472] { border-color: #27b670 } .content-viewer-images-contents .thumbnail-display .item-container .picture[data-v-672e3472], .content-viewer-images-contents .thumbnail-display .item-container .video[data-v-672e3472] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } @media screen and (max-width: 1600px) { .content-viewer-images-contents[data-v-672e3472], .content-viewer-images-generating[data-v-672e3472] { height: 370px } .content-viewer-images-contents .swiper—component[data-v-672e3472] { height: 30px } .content-viewer-images-contents[data-v-672e3472] .el-carousel { margin-top: 25px } .content-viewer-images-contents[data-v-672e3472] .el-carousel .el-carousel__container { height: 280px } .content-viewer-images-contents .thumbnail-display .item-container[data-v-672e3472] { height: 130px; width: 130px } } .content-viewer-histories[data-v-c171d834] { background: #181924; border-radius: 12px; margin-top: 10px; width: 100% } .content-viewer-histories-images[data-v-c171d834] { box-sizing: border-box; display: flex; flex-wrap: wrap; max-height: 292px; overflow: auto; padding: 0 8px } .content-viewer-histories-images .item-group[data-v-c171d834] { background: #262731; border: 2px solid #363744; border-radius: 12px; cursor: pointer; height: 130px; margin: 6px 8px; position: relative; width: 130px } .content-viewer-histories-images .item-group-generated .img-num[data-v-c171d834] { background: rgba(0, 0, 0, .5); border-radius: 20px; box-sizing: border-box; height: 18px; left: 5px; padding: 0 5px; position: absolute; top: 5px } .content-viewer-histories-images .item-group-generated .img-num .iconfont[data-v-c171d834], .content-viewer-histories-images .item-group-generated .img-num .svg-icon[data-v-c171d834] { font-size: 12px; margin-right: 3px } .content-viewer-histories-images .item-group-generated .img-num > span[data-v-c171d834] { color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 600 } .content-viewer-histories-images .item-group-generated .expiration-time[data-v-c171d834] { background: rgba(0, 0, 0, .5); border-radius: 20px; bottom: 5px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 18px; left: 5px; padding: 0 5px; position: absolute } .content-viewer-histories-images .item-group-generated .picture[data-v-c171d834], .content-viewer-histories-images .item-group-generated .video[data-v-c171d834] { background: #262731; border-radius: 8px; height: 117px; -o-object-fit: cover; object-fit: cover; width: 117px } .content-viewer-histories-images .item-group-generating[data-v-c171d834] { border: 3px solid #4a4852; border-radius: 50%; height: 56px; position: relative; width: 56px } .content-viewer-histories-images .item-group-generating .progress[data-v-c171d834] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); white-space: nowrap } .content-viewer-histories-images .item-group-generating .progress-ring[data-v-c171d834] { left: -3px; position: absolute; top: -3px; transform: rotate(-90deg) } .content-viewer-histories-images .item-group-generating .progress-ring .progress-ring-circle[data-v-c171d834] { stroke: #21feff; transition: stroke-dasharray 1s ease, stroke 1s } .content-viewer-histories-images .item-group.active[data-v-c171d834] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #262731, #262731), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent; border-radius: 12px } .content-viewer-histories-images .item-group.disabled[data-v-c171d834] { cursor: not-allowed } .content-viewer-histories-empty[data-v-c171d834] { color: hsla(0, 0%, 100%, .6); font-family: Inter; font-size: 14px; font-weight: 500; min-height: 142px; text-align: center } .content-viewer-histories .collapse-components-top[data-v-c171d834] { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; padding: 0 16px; position: relative } .content-viewer-histories .collapse-components-top-title[data-v-c171d834] { color: #a1a6ac; font-family: Inter; font-size: 14px; font-weight: 700 } .content-viewer-histories .collapse-components-top-title .longest-expiration-time[data-v-c171d834] { font-size: 12px; margin-left: 15px } .content-viewer-histories .collapse-components-top-title .longest-expiration-time .to-mall[data-v-c171d834] { color: #ffac24; cursor: pointer; margin-left: 10px } .content-viewer-histories .collapse-components-top-icon[data-v-c171d834] { color: #fefefe; font-size: 16px; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(0); transition: transform .5s } .content-viewer-histories .collapse-components-top-icon.is-open[data-v-c171d834] { transform: translateY(-50%) rotate(180deg) } .content-viewer-histories .collapse-components-content[data-v-c171d834] { box-sizing: border-box; color: #fff; font-family: Inter; font-size: 14px; overflow: hidden; transition: max-height .5s linear, padding .5s linear } [data-v-c5e8ca8a] .c-generate-redraw-modal .el-dialog__header { display: none } [data-v-c5e8ca8a] .c-generate-redraw-modal .el-dialog__body { height: 100%; padding: 0; width: 100% } [data-v-c5e8ca8a] .c-generate-redraw-modal .v-modal { display: none } .main[data-v-c5e8ca8a] { background-color: #02050e; height: 100%; overflow: hidden; position: relative; width: 100% } .main[data-v-c5e8ca8a]:before { background-image: radial-gradient(hsla(240, 2%, 76%, .5) 1px, transparent 0); background-size: 20px 20px; bottom: 0; content: ""; left: 0; opacity: .4; position: absolute; right: 0; top: 0 } .main .disabledStyle[data-v-c5e8ca8a] { opacity: .5 } .main .disabledStyle .bnt[data-v-c5e8ca8a], .main .disabledStyle .compare[data-v-c5e8ca8a], .main .disabledStyle .dragIcon[data-v-c5e8ca8a], .main .disabledStyle .rightBnt[data-v-c5e8ca8a], .main .disabledStyle .toolItem[data-v-c5e8ca8a], .main .disabledStyle[data-v-c5e8ca8a] { cursor: not-allowed !important } .main .top[data-v-c5e8ca8a] { background-color: #06060d; border-bottom: 1px solid #2a2832; box-sizing: border-box; height: 58px; justify-content: space-between; left: 0; padding: 0 16px; position: absolute; top: 0; width: 100%; z-index: 2 } .main .top .topItem .back[data-v-c5e8ca8a], .main .top .topItem[data-v-c5e8ca8a], .main .top[data-v-c5e8ca8a] { align-items: center; display: flex } .main .top .topItem .back[data-v-c5e8ca8a] { background-color: hsla(0, 0%, 100%, .1); border-radius: 9px; cursor: pointer; height: 36px; justify-content: center; width: 36px } .main .top .topItem .back i[data-v-c5e8ca8a] { color: #828086; font-size: 16px } .main .top .topItem .bntBox[data-v-c5e8ca8a] { align-items: center; border: 1px solid #2a2832; border-radius: 5px; display: flex; justify-content: center } .main .top .topItem .bntBox .bnt[data-v-c5e8ca8a] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 38px } .main .top .topItem .bntBox .bnt[data-v-c5e8ca8a]:nth-child(2) { border-left: 1px solid #2a2832; border-right: 1px solid #2a2832 } .main .top .topItem .bntBox .bnt .iconfont[data-v-c5e8ca8a], .main .top .topItem .bntBox .bnt .svg-icon[data-v-c5e8ca8a], .main .top .topItem .bntBox .bnt i[data-v-c5e8ca8a] { color: #c0c0c3; font-size: 23px } .main .top .topItem .rightBnt[data-v-c5e8ca8a] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; cursor: pointer; display: flex; height: 36px; padding: 0 16px } .main .top .topItem .rightBnt[data-v-c5e8ca8a]:first-child { margin-right: 16px } .main .top .topItem .rightBnt i[data-v-c5e8ca8a] { color: #fefefe; font-size: 14px; margin-right: 8px } .main .top .topItem .rightBnt span[data-v-c5e8ca8a] { color: #fefefe; font-size: 12px } .main .start[data-v-c5e8ca8a] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border: none; border-radius: 6px; bottom: 60px; box-shadow: 0 4px 8px 0 rgba(0, 153, 255, .2); cursor: pointer; display: flex; height: 48px; left: 50%; padding: 0 74px; position: absolute; transform: translateX(-50%); z-index: 2 } .main .start .svg-icon[data-v-c5e8ca8a] { color: #fff; font-size: 18px; margin-right: 10px } .main .start span[data-v-c5e8ca8a] { color: #fff; font-size: 14px } .main .right[data-v-c5e8ca8a] { align-items: center; bottom: 60px; display: flex; position: absolute; right: 65px; z-index: 2 } .main .right .dragIcon[data-v-c5e8ca8a] { align-items: center; background-color: #24262a; border: 1px solid #2a2832; border-radius: 5px; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px } .main .right .dragIcon i[data-v-c5e8ca8a] { color: #c0c0c3; font-size: 18px } .main .right .sizeBox[data-v-c5e8ca8a] { background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; display: flex; height: 34px; margin: 0 11px } .main .right .sizeBox .sizeBnt[data-v-c5e8ca8a] { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 34px } .main .right .sizeBox .sizeBnt i[data-v-c5e8ca8a] { color: #c0c0c3; font-size: 16px } .main .right .sizeBox .sizeNum[data-v-c5e8ca8a] { align-items: center; border-left: 1px solid #35383c; border-right: 1px solid #35383c; color: #c0c0c3; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 56px } .main .right .compare[data-v-c5e8ca8a] { align-items: center; background-color: #24262a; border: 1px solid #35383c; border-radius: 5px; cursor: pointer; display: flex; height: 34px; padding: 0 8px } .main .right .compare i[data-v-c5e8ca8a] { color: #c0c0c3; font-size: 18px; margin-right: 5px } .main .right .compare span[data-v-c5e8ca8a] { color: #c0c0c3; font-size: 14px } .main .left[data-v-c5e8ca8a] { background-color: #14161a; border-radius: 10px; left: 16px; padding: 10px; position: absolute; top: 90px; z-index: 2 } .main .left .toolItem[data-v-c5e8ca8a] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; height: 74px; justify-content: center; min-width: 64px; position: relative } .main .left .toolItem i[data-v-c5e8ca8a] { color: #9fa4ac; font-size: 24px; margin-bottom: 6px } .main .left .toolItem span[data-v-c5e8ca8a] { color: #9fa4ac; font-size: 12px } .main .left .toolItem[data-v-c5e8ca8a]:last-child { margin-bottom: 0 } .main .left .activateToolItem[data-v-c5e8ca8a] { background-color: #26292e } .main .left .activateToolItem i[data-v-c5e8ca8a], .main .left .activateToolItem span[data-v-c5e8ca8a] { color: #fff } .main .left[data-v-c5e8ca8a] .lineSize { align-items: center; background-color: #24262a; border-radius: 10px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); display: flex; padding: 14px 16px; position: absolute; right: -300px; top: 0 } .main .left[data-v-c5e8ca8a] .lineSize span { color: #fff; font-size: 14px; margin-right: 10px } .main .left[data-v-c5e8ca8a] .lineSize .el-slider { width: 200px } .main .left[data-v-c5e8ca8a] .lineSize .el-slider .el-input-number--small { width: 76px } .main .left[data-v-c5e8ca8a] .lineSize .el-slider .el-input-number--small .el-input__inner { background-color: #393b41; border: none; border-radius: 8px; color: #fff } .main .left[data-v-c5e8ca8a] .lineSize .el-slider .show-input { margin-right: 90px } .main .draggable[data-v-c5e8ca8a] { background-color: #2a2832; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1 } .main .draggable img[data-v-c5e8ca8a] { height: 100%; width: 100% } .main .draggable .laodMsk[data-v-c5e8ca8a] { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .main .draggable .segment-image-draw-img-hover-mask[data-v-c5e8ca8a] { pointer-events: none } .main .draggable .segment-image-draw-img-hover-mask[data-v-c5e8ca8a], .main .draggable canvas[data-v-c5e8ca8a] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); left: 0; position: absolute; top: 0 } .main .draggable canvas[data-v-c5e8ca8a] { height: 100%; width: 100%; z-index: 1 } .main .draggable .rectCanvas[data-v-c5e8ca8a] { left: 0; position: absolute; top: 0; z-index: 2 } .sizeListBox .sizeList { background-color: #24262a; padding: 6px 16px } .sizeListBox .sizeList .sizeItem { color: #c0c0c3; cursor: pointer; font-size: 14px; height: 32px; line-height: 32px } .aichat-last[data-v-09229eaa] { display: flex; flex-flow: column; gap: 20px; left: 0; position: absolute; right: 0; top: 80px; width: 100%; z-index: 5 } .aichat-last > i[data-v-09229eaa] { background: #000; border-radius: 50%; color: #fff; cursor: pointer; font-size: 26px; height: 48px; line-height: 44px; text-align: center; width: 48px } .aichat-last .last-panel[data-v-09229eaa] { cursor: pointer; max-height: 550px } .aichat-last .last-panel .last-title[data-v-09229eaa] { box-sizing: border-box; color: #fff; margin-bottom: 20px; position: relative; width: 120px; z-index: 4 } .aichat-last .last-panel .last-title i[data-v-09229eaa] { transition: all .2s ease } .aichat-last .last-panel .last-list[data-v-09229eaa] { display: flex; flex-flow: column; gap: 10px; max-height: 0; overflow: hidden; transition: all .2s ease } .aichat-last .last-panel .last-list .inner-last-list[data-v-09229eaa] { align-items: center; display: flex } .aichat-last .last-panel .last-list .inner-last-list .time[data-v-09229eaa] { color: #fff; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; margin-left: 12px; text-align: left; text-transform: none } .aichat-last .last-panel .last-list .inner-last-list .avatar[data-v-09229eaa] { background-color: hsla(0, 0%, 80%, .52); background-image: /*savepage-url=https://storage.googleapis.com/syr-art-prod-character-images/8029d4b0-b91b-43e8-9c56-9f666ac73bbf.jpg*/ url(); background-repeat: no-repeat; background-size: cover; border-radius: 50%; display: inline-block; height: 56px; width: 56px } .aichat-last .last-panel.off-panel .last-title i[data-v-09229eaa] { transform: rotate(180deg) } .aichat-last .last-panel.off-panel .last-list[data-v-09229eaa] { max-height: 500px } .delchat-popup[data-v-38cb3fe7] .el-dialog { background: #24262a; border-radius: 20px; margin-top: 15vh !important } .delchat-popup[data-v-38cb3fe7] .el-dialog .el-dialog__header { background: none; padding: 0 30px 20px } .delchat-popup[data-v-38cb3fe7] .el-dialog .el-dialog__footer { padding: 0 } .delchat-popup .popup-body[data-v-38cb3fe7] { color: #fff } .delchat-popup .popup-body .title[data-v-38cb3fe7] { font-size: 18px; margin-bottom: 20px } .delchat-popup .popup-body .title i[data-v-38cb3fe7] { background: rgba(220, 38, 38, .2); border-radius: 50%; color: #dc2626; display: inline-block; font-size: 18px; height: 32px; line-height: 32px; margin-right: 15px; text-align: center; width: 32px } .delchat-popup .popup-body .popup-desc[data-v-38cb3fe7] { color: hsla(0, 0%, 100%, .5); padding-left: 45px } .delchat-popup .handle-btn[data-v-38cb3fe7] { border-top: 1px solid hsla(0, 0%, 100%, .08); padding: 15px 30px } .delchat-popup .handle-btn button[data-v-38cb3fe7] { border: 0; border-radius: 7px } .delchat-popup .handle-btn button[data-v-38cb3fe7]:hover { box-shadow: 0 0 5px #494c4e } .delchat-popup .handle-btn .cancel-btn[data-v-38cb3fe7] { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .delchat-popup .handle-btn .submit-btn[data-v-38cb3fe7] { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .allchat-popup[data-v-56fadf5a] .el-dialog { background: #24262a; border-radius: 20px; margin-top: 15vh !important } .allchat-popup[data-v-56fadf5a] .el-dialog .el-dialog__header { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; padding-bottom: 0 } .allchat-popup .popup-body[data-v-56fadf5a] { color: #fff } .allchat-popup .popup-body .title[data-v-56fadf5a] { font-size: 18px; margin-bottom: 20px } .allchat-popup .popup-body .el-icon-close[data-v-56fadf5a] { color: hsla(0, 0%, 100%, .5); cursor: pointer; font-size: 22px; position: absolute; right: 20px; top: 20px } .allchat-popup .popup-body .el-icon-close[data-v-56fadf5a]:hover { color: #fff } .allchat-popup .popup-body .aichat-list[data-v-56fadf5a] { max-height: 440px; overflow-y: scroll } .allchat-popup .popup-body .aichat-list .aichat-item[data-v-56fadf5a] { display: flex; gap: 15px; margin-bottom: 20px } .allchat-popup .popup-body .aichat-list .aichat-item .aichat-head[data-v-56fadf5a] { background-image: /*savepage-url=https://storage.googleapis.com/syr-art-prod-character-images/8029d4b0-b91b-43e8-9c56-9f666ac73bbf.jpg*/ url(); background-repeat: no-repeat; background-size: cover; border-radius: 10px; cursor: pointer; height: 130px; width: 130px } .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info[data-v-56fadf5a] { flex: 1; font-size: 16px } .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-name[data-v-56fadf5a] { color: #fff; cursor: pointer; margin-bottom: 15px } .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-date[data-v-56fadf5a], .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-time[data-v-56fadf5a] { color: hsla(0, 0%, 100%, .5); margin-bottom: 3px } .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-del[data-v-56fadf5a] { color: #a5abb5; cursor: pointer; padding-top: 20px; text-align: right } .allchat-popup .popup-body .aichat-list .aichat-item .aichat-info .info-del i[data-v-56fadf5a]:hover { color: red } .upload-avatar[data-v-1212e135] { height: 150px; width: 100% } .upload-avatar .img-text[data-v-1212e135] { color: #9dabc1; font-weight: 500; line-height: 20px; margin-top: 10px } .upload-avatar .avatar-uploader[data-v-1212e135] { align-items: center; background: #394456; border: 1px dashed #adb6cd; display: flex; height: 150px; justify-content: center; overflow: hidden; width: 150px } .upload-avatar .avatar-uploader .upload[data-v-1212e135] { align-items: center; background: #20283b; border: 1px dashed #404962; display: flex; height: 100%; justify-content: center; position: relative; width: 100% } .upload-avatar .avatar-uploader .upload .upload-demo[data-v-1212e135] { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 100% } .upload-avatar .avatar-uploader .upload .upload-demo.disabled[data-v-1212e135] { cursor: not-allowed } .upload-avatar .avatar-uploader .upload .upload-demo .avatar[data-v-1212e135] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .upload-avatar .avatar-uploader .upload .img-handle[data-v-1212e135] { position: absolute; right: 5px; top: 0; visibility: hidden; z-index: 3 } .upload-avatar .avatar-uploader .upload .img-handle i[data-v-1212e135] { border-radius: 3px; box-sizing: border-box; color: #ff6b6b; cursor: pointer; font-size: 16px; font-weight: 700 } .upload-avatar .avatar-uploader .upload:hover .img-handle[data-v-1212e135] { visibility: visible } .upload-avatar .avatar-uploader .el-icon-plus[data-v-1212e135] { font-size: 16px } .upload-avatar .avatar-uploader[data-v-1212e135] .el-upload-dragger { align-items: center; background: #20283b; border: 1px dashed #404962; display: flex; height: 100%; justify-content: center; width: 100% } .upload-avatar .avatar-uploader[data-v-1212e135] .el-upload-dragger .avatar { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .upload-avatar .avatar-uploader[data-v-1212e135] .el-upload { height: 100%; width: 100% } .LoraDialogList[data-v-719e7767] { align-content: flex-start; border-top: 1px solid hsla(0, 0%, 100%, .06); display: flex; flex-wrap: wrap; gap: 10px; height: 602px; overflow-y: auto; padding-top: 10px; width: 100% } .LoraDialogList .listItem[data-v-719e7767] { align-items: center; border: 1px dashed #616161; border-radius: 12px; cursor: pointer; display: flex; height: 302px; justify-content: center; position: relative; width: 198px } .LoraDialogList .listItem:hover .itemHover[data-v-719e7767] { opacity: 1 } .LoraDialogList .listItem .itemHover[data-v-719e7767] { align-items: center; background-color: rgba(0, 0, 0, .6); border-radius: 12px; display: flex; height: 100%; justify-content: center; left: 0; opacity: 0; position: absolute; top: 0; transition: all .3s; width: 100% } .LoraDialogList .listItem img[data-v-719e7767] { border-radius: 12px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .LoraDialogList .listItem .name[data-v-719e7767] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, .2); border-radius: 0 0 12px 12px; bottom: 0; box-sizing: border-box; color: #fff; display: flex; font-size: 14px; height: 32px; justify-content: center; left: 0; overflow: hidden; padding: 0 10px; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100% } .LoraDialogList .listItem .tipCnt[data-v-719e7767] { align-items: center; display: flex; flex-direction: column; justify-content: center } .LoraDialogList .listItem .tipCnt i[data-v-719e7767] { color: #fff; font-size: 36px } .LoraDialogList .listItem .tipCnt span[data-v-719e7767] { color: #fff; font-size: 14px; margin-top: 8px } [data-v-719e7767] .trainDialog { background-color: #24262a; border-radius: 20px } [data-v-719e7767] .trainDialog .el-dialog__header .el-dialog__title { color: #efefef; font-size: 16px } [data-v-719e7767] .trainDialog .el-dialog__header .el-dialog__close { color: #f7fbfa; font-size: 24px } [data-v-719e7767] .trainDialog .el-dialog__body { padding-top: 0 } .loraTrainingDet[data-v-584e009f] { box-sizing: border-box; color: #fff; display: flex; justify-content: center; padding-top: 16px } .loraTrainingDet .back[data-v-584e009f] { align-items: center; background-color: #1c2433; border-radius: 50%; cursor: pointer; display: flex; height: 52px; justify-content: center; left: 100px; position: fixed; top: 90px; width: 52px; z-index: 98 } .loraTrainingDet .back i[data-v-584e009f] { font-size: 24px } .loraTrainingDet .main[data-v-584e009f] { background-color: #12131e; border-radius: 24px; box-sizing: border-box; display: flex; height: 827px; padding: 10px 20px 20px; width: 1309px } .loraTrainingDet .main .left[data-v-584e009f] { height: 100%; width: 822px } .loraTrainingDet .main .left .progBox[data-v-584e009f] { display: flex; flex-direction: column; height: 60px; justify-content: center; width: 100% } .loraTrainingDet .main .left .progBox .progTxt[data-v-584e009f] { align-items: center; display: flex } .loraTrainingDet .main .left .progBox .progTxt div[data-v-584e009f] { color: #fff; font-size: 16px } .loraTrainingDet .main .left .progBox .progTxt span[data-v-584e009f] { color: hsla(0, 0%, 100%, .6); font-size: 14px; font-weight: 500; margin-left: 10px } .loraTrainingDet .main .left .progBox .loadingTxt[data-v-584e009f]:after { animation: loading-animation-584e009f 4s infinite; content: "..." } @keyframes loading-animation-584e009f { 25% { content: "" } 50% { content: "." } 75% { content: ".." } to { content: "..." } } .loraTrainingDet .main .left .progBox .progBar[data-v-584e009f] { background-color: #262731; border-radius: 100px; height: 18px; margin-top: 10px; position: relative; width: 100% } .loraTrainingDet .main .left .progBox .progBar .progItem[data-v-584e009f] { background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 100px; height: 100%; transition: all .5s; width: 20% } .loraTrainingDet .main .left .progBox .progBar .progBarInfo[data-v-584e009f] { align-items: center; color: hsla(0, 0%, 100%, .5); display: flex; font-size: 12px; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100% } .loraTrainingDet .main .left .trainDet[data-v-584e009f] { background-color: #262731; border-radius: 12px; box-sizing: border-box; height: 725px; margin-top: 12px; padding: 10px 15px 5px; width: 100% } .loraTrainingDet .main .left .trainDet .detTop[data-v-584e009f] { align-items: center; border-bottom: 1px solid hsla(0, 0%, 100%, .06); display: flex; height: 40px; justify-content: space-between; width: 100% } .loraTrainingDet .main .left .trainDet .detTop .detTopLeft[data-v-584e009f] { align-items: center; display: flex } .loraTrainingDet .main .left .trainDet .detTop .detTopLeft span[data-v-584e009f]:first-child { color: #f7fbfa; font-size: 16px; font-weight: 700 } .loraTrainingDet .main .left .trainDet .detTop .detTopLeft span[data-v-584e009f]:nth-child(2) { color: #409eff; font-size: 14px; font-weight: 700; margin-left: 6px } .loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem[data-v-584e009f], .loraTrainingDet .main .left .trainDet .detTop .detTopRight[data-v-584e009f] { align-items: center; display: flex } .loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem i[data-v-584e009f] { color: #efefef; font-size: 20px; margin-right: 8px } .loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem span[data-v-584e009f] { color: #efefef; font-size: 14px } .loraTrainingDet .main .left .trainDet .detTop .detTopRight .topItem .el-switch[data-v-584e009f] { margin-left: 8px } .loraTrainingDet .main .left .trainDet .detTop .detTopRight .topLine[data-v-584e009f] { background-color: hsla(0, 0%, 100%, .06); height: 18px; margin: 0 10px; width: 1px } .loraTrainingDet .main .left .trainDet .detCnt[data-v-584e009f] { height: 602px; margin-top: 10px; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .detList[data-v-584e009f] { display: flex; flex-wrap: wrap; gap: 10px; height: 100%; overflow-y: auto; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem[data-v-584e009f] { background-color: hsla(0, 0%, 100%, .03); border-radius: 12px; height: 302px; width: 186px } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox[data-v-584e009f] { border-radius: 12px; cursor: pointer; height: 100%; position: relative; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox .loraNmae[data-v-584e009f] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, .2); border-radius: 0 0 12px 12px; bottom: 0; color: #fff; display: flex; font-size: 14px; height: 32px; justify-content: center; left: 0; position: absolute; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox .loraCheck[data-v-584e009f] { left: 10px; position: absolute; top: 10px } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox img[data-v-584e009f] { border-radius: 12px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .loraBox .loraZG[data-v-584e009f] { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4 } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-584e009f] { align-items: center; border: 1px dashed #616161; border-radius: 12px; display: flex; height: 100%; justify-content: center; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-584e009f] .listProg { height: 52px; position: relative; width: 52px } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-584e009f] .listProg .progLine { border: 2px dashed #9b9b9b; border-radius: 100%; height: 48px; width: 48px } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-584e009f] .listProg .el-progress { left: 0; position: absolute; top: 0; z-index: 2 } .loraTrainingDet .main .left .trainDet .detCnt .detList .listItem .listProgBox[data-v-584e009f] .listProg .el-progress .el-progress__text { font-size: 14px !important } .loraTrainingDet .main .left .trainDet .detCnt .chartBox[data-v-584e009f] { height: 387px; width: 100% } .loraTrainingDet .main .left .trainDet .detCnt .minLoraList[data-v-584e009f] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px } .loraTrainingDet .main .left .trainDet .detCnt .minLoraItem[data-v-584e009f] { align-items: center; background-color: #30313d; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 6px; cursor: pointer; display: flex; height: 32px; justify-content: center; width: 88px } .loraTrainingDet .main .left .trainDet .detCnt .minLoraItem div[data-v-584e009f] { align-items: center; background-color: #2a2b33; border-radius: 100%; display: flex; height: 16px; justify-content: center; margin-right: 6px; width: 16px } .loraTrainingDet .main .left .trainDet .detCnt .minLoraItem div i[data-v-584e009f] { color: #bababa; font-size: 8px } .loraTrainingDet .main .left .trainDet .detCnt .minLoraItem span[data-v-584e009f] { color: hsla(0, 0%, 96%, .8); font-size: 14px } .loraTrainingDet .main .left .trainDet .detCnt .minLoraItemActivate[data-v-584e009f] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent } .loraTrainingDet .main .left .trainDet .detBottom[data-v-584e009f] { align-items: center; display: flex; height: 48px; justify-content: space-between; margin-top: 10px; position: relative; width: 100% } .loraTrainingDet .main .left .trainDet .detBottom .detBottomZg[data-v-584e009f] { cursor: not-allowed; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 } .loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft[data-v-584e009f] { align-items: center; display: flex } .loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .el-checkbox__label[data-v-584e009f] { color: #409eff; font-size: 14px } .loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .checkTxt[data-v-584e009f]:nth-child(2) { color: #606266; cursor: pointer; font-size: 14px; margin-left: 8px; transition: all .25s } .loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .checkTxt[data-v-584e009f]:nth-child(3) { color: #a1a6ac; font-size: 14px; margin-left: 10px } .loraTrainingDet .main .left .trainDet .detBottom .detBottomLeft .checkTxt[data-v-584e009f]:nth-child(4) { color: #fff; font-size: 14px; margin-left: 8px } .loraTrainingDet .main .left .trainDet .detBottom .detBottomRight[data-v-584e009f] { align-items: center; display: flex } .loraTrainingDet .main .left .trainDet .detBottom .detBottomRight .detBottomBtn[data-v-584e009f] { align-items: center; background-color: #1a1d1f; border-radius: 6px; cursor: pointer; display: flex; margin-left: 10px; padding: 8px 12px } .loraTrainingDet .main .left .trainDet .detBottom .detBottomRight .detBottomBtn i[data-v-584e009f] { color: #cfcfd0; font-size: 15px; margin-right: 4px } .loraTrainingDet .main .left .trainDet .detBottom .detBottomRight .detBottomBtn span[data-v-584e009f] { color: #cfcfd0; font-size: 12px } .loraTrainingDet .main .right[data-v-584e009f] { height: 100%; margin-left: 10px; width: 433px } .loraTrainingDet .main .right .rifhtTop[data-v-584e009f] { align-items: center; display: flex; height: 60px; justify-content: flex-end; width: 100% } .loraTrainingDet .main .right .rifhtTop .rifhtTopBtn[data-v-584e009f] { align-items: center; border: 1.5px solid #272b30; border-radius: 10px; color: hsla(0, 0%, 100%, .8); cursor: pointer; display: flex; font-size: 16px; margin-left: 10px; padding: 12px 20px } .loraTrainingDet .main .right .rifhtTop .rifhtTopBtn span[data-v-584e009f] { color: #fcfcfc; font-size: 14px } .loraTrainingDet .main .right .rifhtTop .rifhtTopBtn i[data-v-584e009f] { font-size: 16px; margin-left: 8px } .loraTrainingDet .main .right .imgDet[data-v-584e009f] { background-color: #262731; border-radius: 12px; box-sizing: border-box; display: flex; flex-direction: column; height: 725px; justify-content: space-between; margin-top: 12px; padding: 10px 15px 20px; width: 100% } .loraTrainingDet .main .right .imgDet .imgDetTop[data-v-584e009f] { align-items: center; color: hsla(0, 0%, 100%, .9); display: flex; font-size: 16px; height: 36px; width: 100% } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo { height: 544px; width: 100% } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__container { height: 510px } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__container .el-carousel__arrow { background-color: rgba(31, 45, 61, .7) } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__container .imgCnt { border-radius: 12px; height: 510px; position: relative; width: 100% } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__container .imgCnt img { background-color: #181924; border-radius: 12px; cursor: pointer; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__container .imgCnt .imgTips { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, .2); border-radius: 0 0 12px 12px; bottom: 0; box-sizing: border-box; height: 54px; left: 0; padding: 0 12px; position: absolute; width: 100% } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__container .imgCnt .imgTips div { box-sizing: border-box; color: #fff; font-size: 14px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .loraTrainingDet .main .right .imgDet[data-v-584e009f] .imgInfo .el-carousel .el-carousel__button { border-radius: 100%; height: 8px; width: 8px } .loraTrainingDet .main .right .imgDet .imgDef[data-v-584e009f] { align-items: center; background-color: #2d2e37; border-radius: 12px; display: flex; flex-direction: column; height: 456px; justify-content: center; width: 100% } .loraTrainingDet .main .right .imgDet .imgDef img[data-v-584e009f] { width: 150px } .loraTrainingDet .main .right .imgDet .imgDef span[data-v-584e009f] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .loraTrainingDet .main .right .imgDet .btnBox .onPub[data-v-584e009f] { align-items: center; background: linear-gradient(99deg, #3271cc, #0fffff); border: none; border-radius: 10px; color: #fcfcfc; display: flex; font-size: 16px; font-weight: 700; height: 48px; justify-content: center; width: 100% } .loraTrainingDet .main .right .imgDet .btnBox .btnItem[data-v-584e009f] { display: flex; justify-content: space-between; margin-top: 12px; width: 100% } .loraTrainingDet .main .right .imgDet .btnBox .btnItem div[data-v-584e009f] { align-items: center; background-color: #30313d; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 10px; cursor: pointer; display: flex; height: 48px; justify-content: center; width: 190px } .loraTrainingDet .main .right .imgDet .btnBox .btnItem div i[data-v-584e009f] { color: #f4f4f4; font-size: 20px; margin-right: 8px } .loraTrainingDet .main .right .imgDet .btnBox .btnItem div span[data-v-584e009f] { color: #f4f4f4; font-size: 16px } .trainDetPopper { background-color: #262731 !important; border: none !important; border-radius: 10px !important } .trainDetPopper .expendBox { padding: 12px } .trainDetPopper .expendBox .expendItem { align-items: center; background-color: #2d2e37; border-radius: 8px; box-sizing: border-box; display: flex; height: 44px; justify-content: space-between; margin-bottom: 6px; padding: 0 10px; width: 248px } .trainDetPopper .expendBox .expendItem span { font-size: 14px } .trainDetPopper .expendBox .expendItem span:first-child { color: hsla(0, 0%, 100%, .7) } .trainDetPopper .expendBox .expendItem span:nth-child(2) { color: #fff } .trainDetPopper .expendBox .expendItem:last-child { margin-bottom: 0 } .review-post[data-v-4685173e] { padding-left: 10px; position: fixed; right: 0; top: 20%; transition: all .3s ease } .review-post.close-post[data-v-4685173e] { right: -130px } .review-post.close-post .zoom[data-v-4685173e] { transform: rotate(180deg) } .review-post .zoom[data-v-4685173e] { border-bottom: 10px solid transparent; border-left: 10px solid hsla(0, 0%, 100%, .15); border-top: 10px solid transparent; cursor: pointer; left: -5px; position: absolute; top: 38% } .review-post .btn[data-v-4685173e] { background: hsla(0, 0%, 100%, .15); border-bottom-left-radius: 15px; border-top-left-radius: 15px; color: #c2e4a9; cursor: pointer; font-size: 12px; height: 30px; line-height: 30px; margin-bottom: 10px; padding: 0 15px; text-align: center; width: 100px } .review-post .btn[data-v-4685173e]:hover { background: hsla(0, 0%, 100%, .25) } .review-post .btn.not[data-v-4685173e] { color: red } .Evaluate[data-v-13a8add5] { color: #fff; display: flex; flex-direction: column } .Evaluate .score-box .score[data-v-13a8add5], .Evaluate .score-box[data-v-13a8add5] { align-items: center; display: flex } .Evaluate .score-box .score[data-v-13a8add5] { position: relative } .Evaluate .score-box .score .fraction[data-v-13a8add5] { background-color: #393e44; border-radius: 8px; color: #f1f5f9; font-size: 14px; margin-left: 5px; margin-right: 16px; padding: 5px 8px } .Evaluate .score-box .score .mask[data-v-13a8add5] { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .Evaluate .score-box .score-num[data-v-13a8add5] { background: #393e44; border-radius: 8px; color: #f1f5f9; font-size: 14px; margin-right: 16px; padding: 2px 6px } .Evaluate .score-play[data-v-13a8add5] { align-items: center; background: #12121e; border-radius: 9px 9px 9px 9px; box-sizing: border-box; display: flex; height: 67px; justify-content: center; margin-left: 16px; width: 377px } .Evaluate .score-play span[data-v-13a8add5] { color: #fefefe; font-size: 14px; margin: 0 20px 0 8px } .Evaluate .content[data-v-13a8add5] { height: 100%; position: absolute; right: 0 } .Evaluate .content .user-score[data-v-13a8add5] { height: 100%; overflow: scroll } .Evaluate .content .user-score .list[data-v-13a8add5] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); box-sizing: border-box; padding: 20px 0 20px 16px } .Evaluate .content .user-score .list .info[data-v-13a8add5] { align-items: center; display: flex; margin-top: 10px } .Evaluate .content .user-score .list .info .avatar[data-v-13a8add5] { border-radius: 50%; height: 32px; -o-object-fit: cover; object-fit: cover; width: 32px } .Evaluate .content .user-score .list .info .avatar-name[data-v-13a8add5] { background: #516a8b; border-radius: 50%; color: #e9eef8; font-size: 14px; height: 32px; line-height: 32px; text-align: center; width: 32px } .Evaluate .content .user-score .list .info .info-detail[data-v-13a8add5] { display: flex; flex-direction: column; margin-left: 10px } .Evaluate .content .user-score .list .info .info-detail .name[data-v-13a8add5] { color: #fefefe; font-size: 14px } .Evaluate .content .user-score .list .info .info-detail .date[data-v-13a8add5] { color: #6c7275; font-size: 12px; margin-top: 4px } .Evaluate .content .user-score .list[data-v-13a8add5] .el-rate__icon { font-size: 20px } [data-v-13a8add5] .el-drawer { background: #191923 } [data-v-13a8add5] .el-rate { height: 30px } [data-v-13a8add5] .el-drawer__header span { color: #fff; font-weight: 700 } [data-v-13a8add5] .el-rate__icon { font-size: 26px } ul[data-v-13a8add5] { padding: 0 } ul li[data-v-13a8add5] { list-style-type: none } .content-viewer-top[data-v-b2e103d0] { width: 100% } .content-viewer-top-info[data-v-b2e103d0] { align-items: center; display: flex; height: 30px } .content-viewer-top-info.space-between[data-v-b2e103d0] { justify-content: space-between } .content-viewer-top-info-left[data-v-b2e103d0] { align-items: center; display: flex; height: 100%; max-width: 830px } .content-viewer-top-info-left .title[data-v-b2e103d0] { color: #fefefe; font-family: Inter; font-size: 20px; font-weight: 400; margin-right: 24px; max-width: 600px } .content-viewer-top-info-right[data-v-b2e103d0] { align-items: center; display: flex; flex: 1; height: 100%; justify-content: flex-end } .content-viewer-top-info-right .collect[data-v-b2e103d0] { align-items: center; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; margin-right: 0; margin-top: 4px } .content-viewer-top-info-right .collect[data-v-b2e103d0] .collectBnt, .content-viewer-top-info-right .collect[data-v-b2e103d0] .collectBnt i { color: #d4d4d4; font-size: 24px } .content-viewer-top-info-right .collect .view-num[data-v-b2e103d0] { align-items: center; display: flex; margin-left: 15px } .content-viewer-top-info-right .collect .view-num i[data-v-b2e103d0] { color: #d4d4d4; font-size: 24px } .content-viewer-top-info-right .collect[data-v-b2e103d0] .el-popover__reference-wrapper { align-items: center; display: flex } .content-viewer-top-info-right .collect[data-v-b2e103d0] .collect-num { color: #d4d4d4; font-family: Arial; font-size: 16px; font-weight: 700; margin-left: 8px } .content-viewer-top-info-right > span[data-v-b2e103d0] { margin-top: 3px } .content-viewer-top-info-right > span .icon-jumper[data-v-b2e103d0] { color: #6c7275; cursor: pointer; font-size: 18px; margin-left: 25px } .content-viewer-top-info-right > span[data-v-b2e103d0] .workflow-app-popover.jumper { min-width: 160px } .content-viewer-top-info-type[data-v-b2e103d0] { background: rgba(255, 194, 53, .1); border-radius: 6px; color: #ffac24; font-size: 12px; height: 28px; margin-right: 10px; padding: 0 8px } .content-viewer-top-info-type .iconfont[data-v-b2e103d0], .content-viewer-top-info-type .svg-icon[data-v-b2e103d0] { font-size: 14px } .content-viewer-top-info-type .txt[data-v-b2e103d0] { margin-left: 6px } .content-viewer-top-info-author[data-v-b2e103d0] { align-items: center; display: flex; margin-right: 10px } .content-viewer-top-info-author .head[data-v-b2e103d0] { border-radius: 50%; cursor: pointer; height: 24px; overflow: hidden; position: relative; width: 24px } .content-viewer-top-info-author .head .avatar[data-v-b2e103d0] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .content-viewer-top-info-author .head img[data-v-b2e103d0] { position: relative; width: 100%; z-index: 1 } .content-viewer-top-info-author .head .letter[data-v-b2e103d0] { color: #fff; font-size: 24px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .content-viewer-top-info-author .name[data-v-b2e103d0] { color: #fefefe; cursor: pointer; font-family: Karla; font-size: 14px; height: 28px } .content-viewer-top-info-author .name .personal-info-a[data-v-b2e103d0] { color: #fff; display: block; font-size: 14px; margin-left: 5px; max-width: 124px; -webkit-text-decoration: none; text-decoration: none } .content-viewer-top-info-date[data-v-b2e103d0] { color: #777e90; font-size: 12px } .content-viewer[data-v-5fe9033d] { height: 100%; width: calc(100% - 487px) } .img-comment[data-v-28342f8a] { margin: 25px 0; width: 100% } .img-comment .comment-cnt[data-v-28342f8a] { flex: 0 0 auto; margin: auto } .img-comment .comment-cnt .comment-title[data-v-28342f8a] { align-items: center; display: flex; margin-bottom: 15px } .img-comment .comment-cnt .comment-title .tit[data-v-28342f8a] { color: #ecf4f8; font-size: 16px; margin-right: 12px } .img-comment .comment-cnt .comment-title div[data-v-28342f8a] { align-items: center; background-color: #192030; border-radius: 4px; cursor: pointer; display: flex; padding: 4px 8px } .img-comment .comment-cnt .comment-title div .iconfont[data-v-28342f8a], .img-comment .comment-cnt .comment-title div .svg-icon[data-v-28342f8a] { color: #4c98ff; font-size: 14px; margin-right: 7px } .img-comment .comment-cnt .comment-title div span[data-v-28342f8a] { color: #4c98ff; font-size: 12px } .img-comment .comment-cnt .comment-list[data-v-28342f8a] { display: flex; flex-wrap: wrap; margin: -8.5px; overflow: hidden } .img-comment .comment-cnt .comment-list .comment-item[data-v-28342f8a] { box-sizing: border-box; padding: 8.5px; width: 25% } .img-comment .comment-cnt .comment-list .comment-item .item-cnt[data-v-28342f8a] { background-color: #1f2532; border: 1px solid #36393e; border-radius: 6px; box-sizing: border-box; height: 100%; padding: 7px; width: 100% } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title[data-v-28342f8a] { align-items: center; display: flex; justify-content: space-between } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title .item-user[data-v-28342f8a] { align-items: center; display: flex } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title .item-user .item-avator[data-v-28342f8a] { align-items: center; background-color: #757e8a; border-radius: 100%; color: #e7e8e9; display: flex; font-size: 14px; height: 26px; justify-content: center; width: 26px } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-title .item-user .item-name[data-v-28342f8a] { color: #fff; font-size: 12px; margin-left: 4px } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-text[data-v-28342f8a] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #c0c1c4; display: -webkit-box; font-size: 12px; margin-top: 15px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; word-break: break-word } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info[data-v-28342f8a] { align-items: center; display: flex; justify-content: space-between; margin-top: 9px } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-time[data-v-28342f8a] { color: #fff; font-size: 10px } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num[data-v-28342f8a] { align-items: center; background-color: #262f43; border-radius: 20px; cursor: pointer; display: flex; padding: 5px 7px } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num .iconfont[data-v-28342f8a], .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num .svg-icon[data-v-28342f8a] { color: #4c98ff; font-size: 15px; margin-right: 5px } .img-comment .comment-cnt .comment-list .comment-item .item-cnt .item-info .item-num span[data-v-28342f8a] { color: #4c98ff; font-size: 12px } .img-comment .more[data-v-28342f8a] { display: flex; justify-content: center; margin-top: 49px } .img-comment .more span[data-v-28342f8a] { color: #82b3f5; cursor: pointer; font-size: 14px } .img-comment .addcomment .addcmt-title .addcmt-user[data-v-28342f8a], .img-comment .addcomment .addcmt-title[data-v-28342f8a] { align-items: center; display: flex } .img-comment .addcomment .addcmt-title .addcmt-user .addcmt-avator[data-v-28342f8a] { align-items: center; background-color: #757e8a; border-radius: 100%; color: #e7e8e9; display: flex; font-size: 20px; height: 42px; justify-content: center; margin-right: 10px; width: 42px } .img-comment .addcomment .addcmt-title .addcmt-user .addcmt-userinfo div[data-v-28342f8a]:first-child { color: #fff; font-size: 16px } .img-comment .addcomment .addcmt-title .addcmt-user .addcmt-userinfo div[data-v-28342f8a]:nth-child(2) { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-top: 5px } .img-comment .addcomment .addcmt-text[data-v-28342f8a] { color: #fff; font-size: 16px; margin-top: 10px } .img-comment .addcomment .addcmt-num[data-v-28342f8a] { color: #fff; font-size: 14px; margin-top: 34px } .img-comment .addcomment .addcmt-num span[data-v-28342f8a] { color: #cbd5e1; margin-left: 5px } .img-comment .addcomment .addcmt-input[data-v-28342f8a] { background: #20283b; border: 1px solid #293045; border-radius: 4px; box-sizing: border-box; color: #fff; height: 40px; margin-top: 8px; padding-left: 10px; width: 100% } .img-comment .addcomment .addcmt-input[data-v-28342f8a]::-moz-placeholder { color: #545d6d } .img-comment .addcomment .addcmt-input[data-v-28342f8a]::placeholder { color: #545d6d } .img-comment .addcomment .errTxtBox[data-v-28342f8a] { color: red; font-size: 12px; margin-top: 10px } .img-comment .addcomment .bntitem[data-v-28342f8a] { display: flex; justify-content: flex-end; margin-top: 10px } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a] { border-radius: 8px; color: #fff; height: 40px; margin-left: 12px; min-width: 90px; transition: all .5s ease-in-out } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a]:first-child:hover { background-color: #494f80; border-color: #494f80 } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a]:last-child { background: #0d9488; border: none; border-radius: 8px } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a]:last-child:hover { background-color: #494f80; border-color: #494f80 } .img-comment .addcomment .bntitem .el-button[data-v-28342f8a]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .img-comment .addcomment .addcmt-list[data-v-28342f8a] { margin-top: 20px; max-height: 210px; overflow: auto } .img-comment .addcomment .addcmt-list .adcmt-item[data-v-28342f8a] { display: flex; margin-bottom: 20px } .img-comment .addcomment .addcmt-list .adcmt-item .list-avator[data-v-28342f8a] { align-items: center; background-color: #757e8a; border-radius: 100%; color: #e7e8e9; display: flex; font-size: 16px; height: 32px; justify-content: center; margin-right: 10px; width: 32px } .img-comment .addcomment .addcmt-list .adcmt-item .list-text[data-v-28342f8a] { margin-top: 10px } .img-comment .addcomment .addcmt-list .adcmt-item .list-text .list-name[data-v-28342f8a] { color: #fff; font-size: 14px } .img-comment .addcomment .addcmt-list .adcmt-item .list-text .list-cnt[data-v-28342f8a] { color: #fff; font-size: 14px; margin-top: 5px } .share-dialog.custom-dialog .container[data-v-0a6200fc] { background: linear-gradient(180deg, #fffdf6, #cad6fc 50%, #ebe9f4); background-size: 100% 100%; border-radius: 20px; display: flex; flex-direction: column; height: 430px; width: 466px } .share-dialog.custom-dialog .container .top[data-v-0a6200fc] { box-sizing: border-box; display: flex; flex-direction: column; gap: 5px; height: 75px; padding: 20px 0 0 16px; width: 100% } .share-dialog.custom-dialog .container .top .slogan[data-v-0a6200fc] { color: #333; font-size: 20px; font-weight: 700; line-height: 28px } .share-dialog.custom-dialog .container .top .desc[data-v-0a6200fc] { color: #555; font-size: 12px; font-weight: 400; line-height: 20px } .share-dialog.custom-dialog .container .content[data-v-0a6200fc] { border-bottom: 1px solid #cecece; box-sizing: border-box; display: flex; flex-grow: 1; gap: 25px; margin-top: 5px; padding: 0 16px; width: 100% } .share-dialog.custom-dialog .container .content .poster[data-v-0a6200fc] { background-color: #fff; background-position: 50%; background-repeat: no-repeat; background-size: contain; border-radius: 20px; height: 225px; width: 274px } .share-dialog.custom-dialog .container .content .share-networks[data-v-0a6200fc] { display: flex; flex-direction: column; justify-content: space-evenly } .share-dialog.custom-dialog .container .content .share-networks .network[data-v-0a6200fc] { align-items: center; border-radius: 10px; cursor: pointer; display: flex; gap: 16px } .share-dialog.custom-dialog .container .content .share-networks .network i[data-v-0a6200fc] { align-items: center; border-radius: 50%; display: flex; font-size: 20px; height: 35px; justify-content: center; width: 35px } .share-dialog.custom-dialog .container .content .share-networks .network span[data-v-0a6200fc] { color: #333; font-size: 14px; font-weight: 500; line-height: 20px } .share-dialog.custom-dialog .container .bottom[data-v-0a6200fc] { box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; height: 94px; margin-top: 15px; padding: 0 10px; width: 100% } .share-dialog.custom-dialog .container .bottom .title[data-v-0a6200fc] { color: #333; font-size: 14px; font-weight: 400; line-height: 20px } .share-dialog.custom-dialog .container .bottom .link-holder[data-v-0a6200fc] { display: flex; gap: 10px } .share-dialog.custom-dialog .container .bottom .link-holder .btn[data-v-0a6200fc] { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 7px; color: #fff; cursor: pointer; display: flex; font-size: 14px; font-weight: 600; justify-content: center; min-width: 20%; padding: 0 10px } .share-dialog.custom-dialog[data-v-0a6200fc] .el-dialog { background: transparent; border: 0; border-radius: 20px; height: 430px; padding: 0; width: 466px } .share-dialog.custom-dialog[data-v-0a6200fc] .el-dialog .el-dialog__header { display: none } .share-dialog.custom-dialog[data-v-0a6200fc] .el-dialog .el-dialog__body { align-items: center; background: transparent; border-radius: 20px; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; padding: 0; position: relative; width: 100% } .share-dialog.custom-dialog[data-v-0a6200fc] .el-dialog .el-dialog__body .close-icon { color: #fff; cursor: pointer; font-size: 23px; position: absolute; right: -36px; top: -5px } .author[data-v-dea00d5a] { box-sizing: border-box; font-size: 20px; font-weight: 500; height: 40px; justify-content: space-between; margin: 20px 0 10px; width: 100% } .author .left[data-v-dea00d5a] { align-items: center; position: relative } .author .left .head[data-v-dea00d5a] { border-radius: 50%; cursor: pointer; height: 40px; min-width: 40px; overflow: hidden; position: relative; width: 40px } .author .left .head .avatar[data-v-dea00d5a] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .left .head img[data-v-dea00d5a] { position: relative; width: 100%; z-index: 1 } .author .left .head .letter[data-v-dea00d5a] { color: #fff; font-size: 24px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .author .left .name[data-v-dea00d5a] { cursor: pointer; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 18px; font-weight: 500; height: 28px; line-height: 28px; margin: 0; max-width: 200px; padding: 0 15px 0 10px } .author .left .name .personal-info-a[data-v-dea00d5a], .author .left .name[data-v-dea00d5a] { color: #e2e8f0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author .left .name .personal-info-a[data-v-dea00d5a] { display: block; max-width: 124px; -webkit-text-decoration: none; text-decoration: none } .author .left .follow[data-v-dea00d5a] { background: #1a1d23; border: 0; border-radius: 20px; color: #fcfcfd; cursor: pointer; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 500; height: 32px; line-height: 32px; margin-right: 5px; padding: 0 18px; text-align: center } .author .left .follow .followed-icon[data-v-dea00d5a] { color: #32a772 } .author .left .follow[data-v-dea00d5a]:hover { color: #409eff } .author .left[data-v-dea00d5a] .follow.is-loading { cursor: not-allowed } .author .left[data-v-dea00d5a] .follow.is-loading:before { background-color: transparent } .author .right[data-v-dea00d5a] { align-items: center; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: flex-end } .author .right .right-btn[data-v-dea00d5a] { border-radius: 50%; box-sizing: border-box; color: #8e9cb1; font-size: 22px; height: 36px; margin-left: 0; width: 36px } .author .right .right-btn.with-num[data-v-dea00d5a] { align-items: center; display: flex; gap: 5px; width: 55px } .author .right .right-btn.with-num .num[data-v-dea00d5a] { font-size: 16px } .author .right .right-btn.mark-button[data-v-dea00d5a] { position: relative } .author .right .right-btn.mark-button:active .mark-icon[data-v-dea00d5a] { left: -2px; top: -2px } .author .right .right-btn.mark-button .mark-icon[data-v-dea00d5a] { height: 22px; left: -1px; padding: 8px; position: absolute; top: -1px; width: 22px } .author .right .right-btn.like-button .svg-icon[data-v-dea00d5a] { transform: scale(.92) } .author .right .right-btn.button-try[data-v-dea00d5a] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; padding: 0 28px; transition: opacity .3s ease-in-out; width: auto } .author .right .follow[data-v-dea00d5a] { background: #1a1d23; border: 0; border-radius: 20px; color: #a6b4cf; cursor: pointer; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 500; height: 32px; line-height: 32px; margin-right: 5px; padding: 0; text-align: center; width: 93px } .author .right .follow .followed-icon[data-v-dea00d5a] { color: #32a772 } .author .right .follow[data-v-dea00d5a]:hover { color: #409eff } .author .right[data-v-dea00d5a] .follow.is-loading { cursor: not-allowed } .author .right[data-v-dea00d5a] .follow.is-loading:before { background-color: transparent } .author button[data-v-dea00d5a] { background: transparent; border: none; cursor: pointer } .sticky-element[data-v-4a4ad9ef] { font-size: 14px; height: -moz-max-content; height: max-content; width: 100% } .sticky-element .sticky[data-v-4a4ad9ef] { background-color: #080b16; box-sizing: border-box; position: fixed; z-index: 9 } .tab-cnt[data-v-4a4ad9ef] { position: relative } .tab-cnt .tab-box[data-v-4a4ad9ef] { padding-top: 21px } .filter-buttons[data-v-4a4ad9ef] { align-items: center; color: #94a3b8; display: flex; margin-top: 10px; padding-bottom: 20px } .filter-buttons .filter-button[data-v-4a4ad9ef] { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 20px; color: #94a3b8; cursor: pointer; display: flex; font-size: 14px; height: 34px; justify-content: center; margin-left: 10px; padding: 0 16px; transition: all .5s ease-in-out } .filter-buttons .filter-button .svg-icon[data-v-4a4ad9ef] { font-size: 18px } .filter-buttons .filter-button[data-v-4a4ad9ef]:first-child { margin-left: 0 } .filter-buttons .filter-button[data-v-4a4ad9ef]:hover { background-color: #1c2433 } .filter-buttons .filter-button[data-v-4a4ad9ef]:active { border-color: #5c749a } .filter-buttons .filter-button-icon[data-v-4a4ad9ef] { transition: all .5s ease-in-out } .filter-buttons .active[data-v-4a4ad9ef] { background-color: #1c2433; color: #fff } .slotBox[data-v-4a4ad9ef] { display: flex; justify-content: flex-start } .filter-type-buttons[data-v-4a4ad9ef] { align-items: center; display: flex; position: absolute; right: 0; top: 20px } .filter-type-buttons .filter-type-button[data-v-4a4ad9ef] { background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .12); border-radius: 16px; color: #abbdd7; cursor: pointer; font-size: 16px; margin-right: 10px; padding: 6px 16px } .filter-type-buttons .filter-type-button[data-v-4a4ad9ef]:last-child { margin-right: 0 } .filter-type-buttons .typeActive[data-v-4a4ad9ef] { background-color: #212e52; border: 1px solid #3b589b; color: #fff } .input-search[data-v-4a4ad9ef] { align-items: center; background-color: #151623; border: 1px solid #151623; border-radius: 24px; box-sizing: border-box; display: flex; height: 38px; padding: 0 13px; position: absolute; right: 0; top: 75px; width: 350px } .input-search .iconfont[data-v-4a4ad9ef], .input-search .svg-icon[data-v-4a4ad9ef] { font-size: 24px } .input-search input[data-v-4a4ad9ef] { background-color: #151623; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .input-search input[data-v-4a4ad9ef]::-moz-placeholder { color: #737a85 } .input-search input[data-v-4a4ad9ef]::placeholder { color: #737a85 } .input-search i[data-v-4a4ad9ef] { color: #737a85; cursor: pointer } .inputBorder[data-v-4a4ad9ef] { border: 1px solid #577ae0 } [data-v-4a4ad9ef] .el-tabs .el-tabs__nav-wrap { position: sticky; top: 80px } [data-v-4a4ad9ef] .el-tabs .el-tabs__nav-wrap .el-tabs__nav-scroll { display: flex } [data-v-4a4ad9ef] .el-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item { color: #a0adbf; font-size: 20px } [data-v-4a4ad9ef] .el-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active { color: #dde2e9 } [data-v-4a4ad9ef] .el-tabs .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar { background-color: #d8d8d8 } [data-v-4a4ad9ef] .el-tabs .el-tabs__nav-wrap:after { background-color: #1e293b; box-shadow: inset 0 -1px 0 0 rgba(30, 41, 59, .5); height: 1px } .bntitem { display: flex; justify-content: flex-end } .bntitem .el-button { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .model-box[data-v-70fd175c] { border-radius: 15px; cursor: pointer; height: 330px; position: relative; width: 330px } .model-box:hover .payNum[data-v-70fd175c] { opacity: 0 } .model-box .payNum[data-v-70fd175c] { left: 9px; opacity: 1; position: absolute; top: 6px; z-index: 2 } .model-box .img-box[data-v-70fd175c] { align-items: center; background-color: #1c1d2a; background-repeat: no-repeat; background-size: cover; border-radius: 15px; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .model-box .img-box p[data-v-70fd175c] { color: #999bac } .model-box .box-mask[data-v-70fd175c] { background-color: rgba(0, 0, 0, .5); border-radius: 15px; display: none; height: 100%; left: 0; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 2 } .model-box .box-mask.show[data-v-70fd175c] { display: block } .model-box:hover .btn-group .try-btn[data-v-70fd175c], .model-box:hover .cltpop[data-v-70fd175c] { opacity: 1 } .model-box:hover .box-mask[data-v-70fd175c] { display: block } .model-box .cltpop[data-v-70fd175c] { left: 10px; opacity: 0; position: absolute; top: 10px; z-index: 3 } .model-box .btn-group[data-v-70fd175c] { position: absolute; right: 10px; top: 10px; z-index: 3 } .model-box .btn-group button[data-v-70fd175c] { border-radius: 20px; color: #fff; height: 40px } .model-box .btn-group button.try-btn[data-v-70fd175c] { background-color: #f1314e; border-color: #f1314e; opacity: 0 } .model-box .btn-group button.release-btn[data-v-70fd175c] { background-color: #0d9488; border-color: #0d9488 } .model-box .model-info[data-v-70fd175c] { -webkit-backdrop-filter: blur(13px) saturate(160%); backdrop-filter: blur(13px) saturate(160%); background: linear-gradient(45deg, rgba(37, 38, 43, .8), rgba(37, 38, 43, 0)); border-radius: 0 0 8px 8px; bottom: 0; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; color: #fff; display: flex; font-size: 12px; justify-content: space-between; left: 0; padding: 5px 16px 3px; position: absolute; width: 100%; z-index: 3 } .model-box .model-info .model-author[data-v-70fd175c] { align-items: center; display: flex } .model-box .model-info .model-author .author-img[data-v-70fd175c] { background: #fff; border-radius: 50%; color: #0f101b; flex: 0 0 auto; font-size: 18px; height: 22px; line-height: 22px; margin-right: 6px; text-align: center; width: 22px } .model-box .model-info .model-author .author-name[data-v-70fd175c] { max-width: 135px } .model-box .model-info .model-handle[data-v-70fd175c] { align-items: center; display: flex } .model-box .model-info .model-handle > div[data-v-70fd175c] { align-items: center; border-radius: 4px; color: #fff; display: flex; padding: 2px 6px } .model-box .model-info .model-handle > div[data-v-70fd175c]:hover { background: hsla(0, 0%, 100%, .2); cursor: pointer } .model-box .model-info .model-handle svg[data-v-70fd175c] { font-size: 20px; margin-right: 5px } .model-box .mid-banded[data-v-70fd175c] { color: #fff; font-size: 14px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 3 } .model-box .mid-banded .forbidden-icon[data-v-70fd175c] { font-size: 40px } .model-box .mid-banded .disabled-text[data-v-70fd175c] { margin: 8px 0 20px } .model-box .mid-banded .disabled-btn[data-v-70fd175c] { background: rgba(28, 29, 42, .6); background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; height: 30px; line-height: 30px; text-align: center; width: 100px } .more-btn[data-v-70fd175c]:hover { background-color: hsla(0, 0%, 100%, .2); border-radius: 4px } .more-btn .icon-editModel[data-v-70fd175c] { font-size: 20px; font-weight: 700 } .popBox[data-v-70fd175c] { box-sizing: border-box; width: 100% } .popBox div[data-v-70fd175c] { border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .popBox div[data-v-70fd175c]:hover { background-color: #34396a } .popBox div[data-v-70fd175c]:last-child { border: none } .model-list[data-v-cdfa89f8] { height: calc(100vh - 207px) } .model-list .filter-panel[data-v-cdfa89f8] { display: flex; justify-content: space-between } .model-list .filter-panel .upload-btn[data-v-cdfa89f8] { background: #0d9488; border-color: #0d9488; border-radius: 8px } .model-list .list-panel[data-v-cdfa89f8] { display: flex; flex-wrap: wrap; gap: 15px; height: calc(100% - 55px); margin-top: 15px; overflow: auto } .model-list .list-panel .loading[data-v-cdfa89f8] { color: #fff; padding: 10px 0; text-align: center; width: 100% } .model-list .upload-btn[data-v-cdfa89f8] { background: #0d9488; border-color: #0d9488; border-radius: 8px } .model-list[data-v-cdfa89f8] .el-empty { padding-top: 10% } .eHpower[data-v-64472f1c] { align-items: center; display: flex; margin-top: 10px } .eHpower i[data-v-64472f1c], .eHpower span[data-v-64472f1c] { color: #fff; font-size: 12px } .eHpower i[data-v-64472f1c] { margin-left: 5px } .c-train-base-model-modal { background: #121627; border: 1px solid #282f40; border-radius: 8px } .c-train-base-model-modal .el-dialog__header { background-color: #0f121e } .c-train-base-model-modal .el-dialog__header .el-dialog__title { color: #fff; font-size: 16px; font-weight: 800 } .c-train-base-model-modal .el-dialog__body { color: #cbd5e1; padding: 24px 25px 18px } .c-train-base-model-modal .train-model-main .train-model-main-item { margin-top: 20px } .c-train-base-model-modal .train-model-main .train-model-main-item:first-child { margin-top: 0 } .c-train-base-model-modal .train-model-main .train-model-main-item-label { margin-bottom: 10px } .c-train-base-model-modal .train-model-main .train-model-main-item-select { display: block } .c-train-base-model-modal .train-model-btn { align-items: center; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: inline-flex; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: center; margin-left: 28px; padding: 11px 16px } .c-train-base-model-modal .train-model-btn:first-child { margin-left: 0 } .c-train-base-model-modal .train-model-btn__cancel { border: 1px solid #535a64; color: #b2b1b7 } .c-train-base-model-modal .train-model-btn__confirm { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff; display: inline-block; padding: 1px } .c-train-base-model-modal .train-model-btn__confirm .train-model-btn-text { align-items: center; background: #282f40; border-radius: 8px; display: inline-flex; justify-content: center; padding: 11px 16px } .LoraTrainingHistory[data-v-360d75c7] { border-top: 1px solid hsla(0, 0%, 100%, .06); height: 365px; overflow-y: auto; padding-top: 10px; width: 100% } .LoraTrainingHistory .row[data-v-360d75c7] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px } .LoraTrainingHistory .row[data-v-360d75c7]:last-child { margin-bottom: 0 } .LoraTrainingHistory .title span[data-v-360d75c7] { color: hsla(0, 0%, 100%, .6); font-size: 12px; width: 25% } .LoraTrainingHistory .list span[data-v-360d75c7] { color: #fcfcfc; font-size: 12px; width: 25% } .LoraTrainingHistory .list span[data-v-360d75c7]:last-child { color: #4784ff; cursor: pointer } .LoraTrainingHistory .list .stateBox[data-v-360d75c7] { width: 25% } .LoraTrainingHistory .list .stateBox div[data-v-360d75c7] { word-wrap: break-word; align-items: center; background-color: #202121; border: 1px solid #2d2d2f; border-radius: 4px; display: flex; font-size: 12px; justify-content: center; min-height: 24px; padding: 2px 8px; width: 100px } .LoraTrainingHistory .list .stateBox .Queuing[data-v-360d75c7] { background-color: #18222c; border: 1px solid #1d3043; color: #409eff } .LoraTrainingHistory .list .stateBox .TrainingIng[data-v-360d75c7] { background-color: #292218; border: 1px solid #3e301c; color: #e6a23c } [data-v-360d75c7] .trainDialog { background-color: #24262a; border-radius: 20px } [data-v-360d75c7] .trainDialog .el-dialog__header .el-dialog__title { color: #efefef; font-size: 16px } [data-v-360d75c7] .trainDialog .el-dialog__header .el-dialog__close { color: #f7fbfa; font-size: 24px } [data-v-360d75c7] .trainDialog .el-dialog__body { padding-top: 0 } .LoraTrainingList[data-v-20e1cf66] { color: #fff; height: calc(100vh - 230px) } .LoraTrainingList .defBox[data-v-20e1cf66] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .LoraTrainingList .defBox img[data-v-20e1cf66] { width: 170px } .LoraTrainingList .defBox .defDesc[data-v-20e1cf66] { color: #fff; font-size: 16px } .LoraTrainingList .defBox .goPage[data-v-20e1cf66] { background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 8px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 400; margin-top: 20px; padding: 10px 40px } .cntTop[data-v-20e1cf66] { justify-content: space-between } .cntTop .topBntBox[data-v-20e1cf66], .cntTop[data-v-20e1cf66] { align-items: center; display: flex } .cntTop .topBntBox[data-v-20e1cf66] { gap: 16px } .cntTop .topBntBox .trainiRecord[data-v-20e1cf66] { border: 2px solid #272b30; border-radius: 8px; color: hsla(0, 0%, 100%, .8); cursor: pointer; font-size: 14px; font-weight: 500; padding: 12px 16px } .cntTop .progress[data-v-20e1cf66] { align-items: center; background: #151522; border-radius: 6px; cursor: pointer; display: flex; padding: 12px 16px } .cntTop .progress div[data-v-20e1cf66]:first-child { color: #fff; font-size: 14px } .cntTop .progress div[data-v-20e1cf66]:nth-child(2) { align-items: center; color: #fff; display: flex; font-size: 14px; justify-content: space-between; margin-left: 6px; width: 20px } .cntTop .progress div:nth-child(2) span[data-v-20e1cf66] { border-radius: 100%; height: 3px; width: 3px } .cnt[data-v-20e1cf66] { height: calc(100% - 45px); margin-top: 5px; overflow: auto } .cnt .ball-pulse > div[data-v-20e1cf66]:first-child { animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) .12s infinite } .cnt .ball-pulse > div[data-v-20e1cf66]:nth-child(2) { animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) .24s infinite } .cnt .ball-pulse > div[data-v-20e1cf66]:nth-child(3) { animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) .36s infinite } .cnt .ball-pulse > div[data-v-20e1cf66] { animation-fill-mode: both; background-color: #fff; border-radius: 100%; display: inline-block; height: 15px; margin: 2px; width: 15px } .cnt .list[data-v-20e1cf66] { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 22px } .cnt .list .item[data-v-20e1cf66] { background: #1c1d2a; border-radius: 16px; cursor: pointer; display: flex; height: 300px; overflow: hidden; position: relative; width: 400px } .cnt .list .item:hover > .bntBox[data-v-20e1cf66] { opacity: 1 } .cnt .list .item .TrainType[data-v-20e1cf66] { align-items: center; background: rgba(28, 29, 42, .8); border-radius: 29px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 40px; justify-content: center; padding: 0 15px; position: absolute; right: 12px; top: 10px; z-index: 2 } .cnt .list .item .TrainIngType[data-v-20e1cf66] { background: rgba(29, 223, 200, .5) } .cnt .list .item .bntBox[data-v-20e1cf66] { background: linear-gradient(120deg, transparent, rgba(0, 0, 0, .7)); height: 100%; opacity: 0; position: absolute; transition: all .3s; width: 100% } .cnt .list .item .bntBox .bntItem[data-v-20e1cf66] { bottom: 50px; box-sizing: border-box; display: flex; justify-content: space-between; left: 0; padding: 0 12px; position: absolute; width: 100% } .cnt .list .item img[data-v-20e1cf66] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 33.333% } .cnt .list .item .name[data-v-20e1cf66] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(0, 0, 0, .2); bottom: 0; box-sizing: border-box; color: #fff; font-size: 16px; height: 38px; left: 0; padding: 10px 16px; position: absolute; width: 100% } .main .diaTitle[data-v-20e1cf66] { color: #fff; font-size: 14px; margin-bottom: 10px } .main input[data-v-20e1cf66] { background: #20283b; border: none; border-radius: 4px; box-sizing: border-box; color: #fff; height: 40px; outline: none; padding-left: 17px; width: 100% } .main .showType[data-v-20e1cf66] { background: #0f1021; border: 1px solid #181b2a; border-radius: 8px; height: 40px; width: 100% } .main .showType[data-v-20e1cf66] .el-input__inner { border: 0 } .addBox[data-v-20e1cf66] { background: linear-gradient(90deg, #3271cc, #0fffff); border-radius: 8px; box-sizing: border-box; cursor: pointer; padding: 1px } .addBox .add[data-v-20e1cf66] { align-items: center; background-color: #0a0b17; border-radius: 8px; display: flex; justify-content: center; padding: 12px 16px } .addBox .add .svg-icon[data-v-20e1cf66] { font-size: 18px; margin-right: 17px } .addBox .add span[data-v-20e1cf66] { color: #fff; font-size: 14px } .LoraTrainingList .v-modal { opacity: .9 } .train .el-dialog__footer { box-shadow: none; padding-top: 36px } .bntitem[data-v-67644d98] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-67644d98] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-67644d98]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-67644d98]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-67644d98]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-67644d98]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-67644d98]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-67644d98]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .upload-file-item[data-v-67644d98] .el-upload { display: block } .upload-file-item[data-v-67644d98] .el-progress .el-progress-bar { margin-right: -65px; padding-right: 65px } .upload-file-item[data-v-67644d98] .el-progress .el-progress__text { width: 55px } .upload-file-item .upload-btn[data-v-67644d98] { background: #20283b; border: 1px solid #293045; border-radius: 4px; box-sizing: border-box; color: #666; cursor: pointer; height: 40px; position: relative; width: 100% } .upload-file-item .upload-btn > div[data-v-67644d98] { padding: 0 10px; text-align: left } .upload-file-item .upload-btn > div i[data-v-67644d98] { color: #82858d } .upload-file-item .upload-btn > i[data-v-67644d98] { color: #fff; position: absolute; right: 10px; top: 13px } .upload-file-item .upload-btn > i.el-icon-circle-check[data-v-67644d98] { color: #0d9488 } .upload-file-item .upload-btn > i.el-icon-close[data-v-67644d98], .upload-file-item .upload-btn > i.el-icon-refresh-left[data-v-67644d98] { color: red; cursor: pointer } .upload-file-item[data-v-67644d98] .el-progress { margin-top: 3px } .upload-model-dialog .el-dialog__body[data-v-9b1362fa] { max-height: 50vh; overflow: auto } .upload-model-dialog .el-select[data-v-9b1362fa] { display: block } .upload-model-dialog .type-select[data-v-9b1362fa] { background: #20283b; border-radius: 5px; box-sizing: border-box; display: flex; height: 40px; padding: 4px; text-align: center } .upload-model-dialog .type-select span[data-v-9b1362fa] { background: #20283b; border-radius: 5px; color: hsla(0, 0%, 100%, .2); cursor: pointer; height: 32px; line-height: 32px; width: 50% } .upload-model-dialog .type-select span.active[data-v-9b1362fa] { background: #494f80; color: #fff } .upload-model-dialog .upload-tips[data-v-9b1362fa] { color: #ff3e3e; font-size: 12px } .upload-model-dialog .dialog-btn[data-v-9b1362fa] { display: flex; justify-content: center } .upload-model-dialog .dialog-btn .el-button[data-v-9b1362fa] { background: #0d9488; border: 1px solid #0d9488; color: #fff; width: 40% } .upload-model-dialog .dialog-btn .cancel-btn[data-v-9b1362fa] { background: #1e2435; border-color: #2a2b2d; color: #cbd5e1 } .temp-head[data-v-78a76196] { margin-bottom: 70px; text-align: center } .temp-head h2[data-v-78a76196] { color: #f1f5f9; font-size: 48px; font-weight: 600; line-height: 56px; margin-bottom: 30px; width: 100% } .temp-head h2[data-v-78a76196] b { background: linear-gradient(181.5458554119deg, #5bd8ff, #2d61fc 95%); -webkit-background-clip: text; background-clip: text; color: transparent; margin-left: 10px } .temp-head p[data-v-78a76196] { color: hsla(0, 0%, 100%, .6); font-size: 18px; font-weight: 600; line-height: 30px; margin-top: 20px; width: 100% } .class-temp[data-v-1590f135] { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between } .class-temp .info-item[data-v-1590f135] { align-items: center; display: flex; flex-flow: column; justify-content: flex-start; text-align: center; width: calc(25% - 15px) } .class-temp .info-item img[data-v-1590f135] { height: 48px; -o-object-fit: cover; object-fit: cover; width: 48px } .class-temp .info-item .title[data-v-1590f135] { color: #fff; font-size: 18px; margin: 40px 0 20px } .class-temp .info-item .desc[data-v-1590f135] { color: #c3c8d2; font-size: 16px; line-height: 24px } .banner-temp[data-v-779c59e5] { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between } .banner-temp .info-item[data-v-779c59e5] { width: calc(25% - 15px) } .banner-temp .info-item img[data-v-779c59e5] { border-radius: 25px; height: auto; -o-object-fit: cover; object-fit: cover; width: 100% } .fqa-temp[data-v-0ed33e47] { display: flex; flex-flow: column } .fqa-temp .info-item[data-v-0ed33e47] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); padding: 20px 0 20px 30px; position: relative } .fqa-temp .info-item .off-btn[data-v-0ed33e47] { color: #fff; cursor: pointer; font-size: 24px; font-weight: 700; left: 0; position: absolute; top: 15px } .fqa-temp .info-item .fqa-content .fqa-title[data-v-0ed33e47] { color: #fcfdfe; cursor: pointer; font-size: 16px; font-weight: 400; height: 19px } .fqa-temp .info-item .fqa-content .answer-list[data-v-0ed33e47] { box-sizing: border-box; color: #e7e8ea; font-size: 14px; letter-spacing: 1px; max-height: 0; overflow: hidden; transition: all .3s } .fqa-temp .info-item .fqa-content .answer-list.expand[data-v-0ed33e47] { max-height: 200px } .fqa-temp .info-item .fqa-content .answer-list.answers p[data-v-0ed33e47]:before { content: attr(data-index); display: inline-block; min-width: 14px } .fqa-temp .info-item .fqa-content .answer-list p[data-v-0ed33e47] { display: flex; flex-wrap: wrap; gap: 10px; line-height: 22px; min-height: 0 } .fqa-temp .info-item .fqa-content .answer-list p[data-v-0ed33e47] a { color: teal; text-decoration: none; text-decoration: initial } .fqa-temp .info-item .fqa-content .answer-list p[data-v-0ed33e47]:first-child { padding-top: 10px } .tools-temp[data-v-6e26634c] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 15px } .tools-temp a[data-v-6e26634c] { background: #1c1e27; border-radius: 10px; box-sizing: border-box; display: flex; flex-flow: row; gap: 10px; height: 175px; padding: 15px; text-decoration: none; text-decoration: initial; width: calc(25% - 11.25px) } .tools-temp a > [data-v-6e26634c] { height: 100%; width: calc(50% - 5px) } .tools-temp .card-info .title[data-v-6e26634c] { color: #fff; font-size: 18px; font-weight: 400; margin-bottom: 5px } .tools-temp .card-info .desc[data-v-6e26634c] { -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: hsla(0, 0%, 100%, .7); display: -webkit-box; font-size: 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: normal } .tools-temp .card-info .desc[data-v-6e26634c] a { color: hsla(0, 0%, 100%, .7) } .tools-temp img[data-v-6e26634c] { border-radius: 10px; -o-object-fit: cover; object-fit: cover } .step-temp[data-v-2dbb9c0f] { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between } .step-temp .info-item[data-v-2dbb9c0f] { display: flex; flex-flow: column; min-height: 140px; position: relative; width: calc(25% - 22.5px) } .step-temp .info-item[data-v-2dbb9c0f]:before { color: hsla(0, 0%, 100%, .15); content: attr(data-num); font-size: 140px; font-weight: 700; left: -20px; position: absolute; top: -30px } .step-temp .info-item .title[data-v-2dbb9c0f] { color: #fff; font-size: 18px; line-height: 40px; margin-bottom: 8px } .step-temp .info-item .desc[data-v-2dbb9c0f] { color: #cdccdb; font-size: 16px; line-height: 24px } .text-img-temp[data-v-83f8098e] { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between } .text-img-temp .info-item[data-v-83f8098e] { display: flex; gap: 20px; margin-bottom: 150px; width: 100% } .text-img-temp .info-item.layout[data-v-83f8098e] { flex-direction: row-reverse } .text-img-temp .info-item.layout .card-info[data-v-83f8098e] { padding: 30px 50px 0 0; text-align: right } .text-img-temp .info-item.layout .card-info .btn[data-v-83f8098e] { left: auto; right: 50px } .text-img-temp .info-item .card-info[data-v-83f8098e] { font-weight: 700; padding: 30px 0 0 50px; position: relative; width: calc(50% - 10px) } .text-img-temp .info-item .card-info h3[data-v-83f8098e] { color: #fff; font-size: 28px; margin: 20px 0 } .text-img-temp .info-item .card-info p[data-v-83f8098e] { -webkit-line-clamp: 8; color: #cdccdb; font-size: 16px; line-height: 26px } .text-img-temp .info-item .card-info p[data-v-83f8098e] a { color: teal; text-decoration: none; text-decoration: initial } .text-img-temp .info-item .card-info .btn[data-v-83f8098e] { background: #fff; border-radius: 40px; bottom: 30px; color: #000; cursor: pointer; font-size: 14px; height: 40px; left: 50px; line-height: 40px; padding: 0 30px; position: absolute; text-decoration: none; text-decoration: initial } .text-img-temp .info-item img[data-v-83f8098e] { border-radius: 10px; height: auto; max-height: 400px; -o-object-fit: cover; object-fit: cover; width: calc(50% - 10px) } .diff-img-box[data-v-0693691e] { height: 100%; position: relative; width: 100% } .diff-img-box > .high-img-box[data-v-0693691e], .diff-img-box > .low-img-box[data-v-0693691e] { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100% } .diff-img-box > .high-img-box > .img-item[data-v-0693691e], .diff-img-box > .low-img-box > .img-item[data-v-0693691e] { max-height: 100%; min-height: 100% } .diff-img-box > .low-img-box[data-v-0693691e] { z-index: 2 } .diff-img-box > .high-img-box[data-v-0693691e] { z-index: 1 } .diff-img-box > .high-img-box img[data-v-0693691e] { background-image: linear-gradient(45deg, #bfbfbf 25%, transparent 0, transparent 75%, #bfbfbf 0), linear-gradient(45deg, #bfbfbf 25%, transparent 0, transparent 75%, #bfbfbf 0); background-position: 0 0, 15px 15px; background-size: 30px 30px } .diff-img-box > .step-box[data-v-0693691e] { height: 100%; position: absolute; width: 100%; z-index: 3 } .diff-img-box > .step-box .image-view-slider[data-v-0693691e] { -webkit-appearance: none; background-color: transparent; height: 30px; left: 0; margin-left: -15px; outline: none; position: absolute; right: 0; top: calc(50% - 15px); width: calc(100% + 30px) } .diff-img-box > .step-box .image-view-slider[data-v-0693691e]::-moz-range-thumb { -webkit-appearance: none; background-size: contain; border: 2px solid #d4d4d4; border-radius: 50%; cursor: grab; height: 30px; width: 30px } .diff-img-box > .step-box .image-view-slider[data-v-0693691e]::-moz-range-thumb:active { cursor: grabbing } .diff-img-box > .step-box .image-view-slider[data-v-0693691e]::-webkit-slider-thumb { -webkit-appearance: none; background-color: #525252; background-size: contain; border: 2px solid #d4d4d4; border-radius: 50%; cursor: grab; height: 30px; width: 30px } .diff-img-box > .step-box .image-view-slider[data-v-0693691e]::-webkit-slider-thumb:active { cursor: grabbing } .diff-img-box > .step-box > .guide-line[data-v-0693691e] { background-color: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 2.5px } .has-detail[data-v-0693691e]:hover { cursor: grab } .has-detail[data-v-0693691e]:active { cursor: grabbing } .label-temp .label-list[data-v-7241612c] { display: flex; flex-wrap: nowrap; gap: 40px; justify-content: center; overflow: auto; width: 100% } .label-temp .label-list[data-v-7241612c]::-webkit-scrollbar { height: 5px } .label-temp .label-list .label-item[data-v-7241612c] { align-items: center; background: #2a2832; border-radius: 52px; color: #fff; cursor: pointer; display: flex; flex-shrink: 0; font-size: 20px; height: 52px; padding: 0 8px } .label-temp .label-list .label-item img[data-v-7241612c] { border-radius: 50%; height: 42px; -o-object-fit: cover; object-fit: cover; overflow: hidden; width: 42px } .label-temp .label-list .label-item span[data-v-7241612c] { padding: 0 18px } .label-temp .label-list .label-item.active-item[data-v-7241612c] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #211d2b, #211d2b), linear-gradient(272deg, #5bd8ff, #2d61fc); background-origin: padding-box, border-box; border: 2px solid transparent; box-sizing: border-box } .label-temp .diff-show[data-v-7241612c] { height: 90vw; margin-top: 35px; max-height: 600px; width: 100% } .video-temp[data-v-20324d83] { display: flex; gap: 30px } .video-temp > [data-v-20324d83] { width: calc(50% - 15px) } .video-temp video[data-v-20324d83] { border-radius: 10px } .video-temp .video-step[data-v-20324d83] { color: #fff } .video-temp .video-step .step-item[data-v-20324d83] { margin-bottom: 30px; padding-left: 45px; position: relative } .video-temp .video-step .step-item[data-v-20324d83]:before { content: attr(data-index); font-size: 40px; font-weight: 700; left: 0; position: absolute; top: -10px } .video-temp .video-step .step-item .step-title[data-v-20324d83] { font-size: 18px; font-weight: 700; margin-bottom: 10px } .video-temp .video-step .step-item .step-desc[data-v-20324d83] { color: #cdccdb; font-size: 16px; line-height: 24px } .comment-temp[data-v-34c8fd0c] { position: relative } .comment-temp .comment-list[data-v-34c8fd0c] { overflow-x: hidden; width: 100% } .comment-temp .scorll-body[data-v-34c8fd0c] { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0 15px; transform: translateX(0); transition: all .3s ease-in-out } .comment-temp .info-item[data-v-34c8fd0c] { background: hsla(0, 0%, 100%, .15); border-radius: 20px; box-sizing: border-box; display: flex; flex-flow: column; flex-shrink: 0; height: 345px; justify-content: space-between; margin-left: 30px; padding: 40px 30px; width: calc(33.33333% - 20px) } .comment-temp .info-item[data-v-34c8fd0c]:first-child { margin-left: 0 } .comment-temp .info-item .sender-info[data-v-34c8fd0c] { display: flex; flex-flow: column; gap: 10px; justify-content: center; padding-left: 60px; position: relative } .comment-temp .info-item .sender-info img[data-v-34c8fd0c] { border-radius: 50%; bottom: 0; height: 48px; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; width: 48px } .comment-temp .info-item .sender-info .sender-desc[data-v-34c8fd0c], .comment-temp .info-item .sender-info .sender-name[data-v-34c8fd0c] { color: #cdccdb; font-size: 14px; line-height: 20px } .comment-temp .info-item .sender-info .sender-desc[data-v-34c8fd0c] { color: #999 } .comment-temp .info-item .title[data-v-34c8fd0c] { -webkit-line-clamp: 7; color: #fff; font-size: 16px; line-height: 28px; text-align: left } .comment-temp .paging-btn[data-v-34c8fd0c] { background: hsla(0, 0%, 100%, .2); border-radius: 50%; cursor: pointer; font-size: 20px; height: 40px; left: -55px; line-height: 40px; position: absolute; text-align: center; top: 150px; width: 40px } .comment-temp .paging-btn[data-v-34c8fd0c]:hover { background: hsla(0, 0%, 100%, .3) } .comment-temp .paging-btn.right-btn[data-v-34c8fd0c] { left: auto; right: -55px } .download-temp[data-v-ae616e00] { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between } .download-temp > img[data-v-ae616e00] { height: 400px; max-width: 600px; width: 50% } .download-temp .download-info[data-v-ae616e00] { max-width: 480px; width: 50% } .download-temp .download-info h2[data-v-ae616e00] { color: #fff; font-size: 24px } .download-temp .download-info h2[data-v-ae616e00] b { color: #ae70fe } .download-temp .download-info .desc[data-v-ae616e00] { color: #cdccdb; font-size: 18px; line-height: 32px } .download-temp .download-info .downlaod-btns[data-v-ae616e00] { display: flex; gap: 40px; margin: 30px 0 } .download-temp .download-info .downlaod-btns a[data-v-ae616e00] { border-radius: 12px; display: block; height: 60px; overflow: hidden; width: 200px } .download-temp .download-info .downlaod-btns a img[data-v-ae616e00] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .download-temp .download-info .download-code[data-v-ae616e00] { align-items: center; background: hsla(0, 0%, 100%, .15); border-radius: 12px; display: flex; gap: 20px; padding: 15px } .download-temp .download-info .download-code img[data-v-ae616e00] { border-radius: 12px } .download-temp .download-info .download-code p[data-v-ae616e00] { color: #fff; font-size: 16px } .page-seo[data-v-2229d035] { display: flex; flex-flow: column; gap: 120px; margin: 100px 0 } .page-seo .seo-temp[data-v-2229d035] { margin: 0 auto; max-width: 1200px; width: 100% } .model-container[data-v-a2929a5c] { padding-top: 20px } .model-container[data-v-a2929a5c] .el-tabs .el-tabs__item { color: #abbdd7; font-size: 16px } .model-container[data-v-a2929a5c] .el-tabs .el-tabs__item.is-active { color: #fff } .model-container[data-v-a2929a5c] .el-tabs .el-tabs__active-bar { background-color: #fff } .model-container[data-v-a2929a5c] .el-tabs .el-tabs__nav-wrap:after { background-color: rgba(30, 41, 59, .5) } .p-fast-tools[data-v-6a102d3f] { display: flex; flex-flow: column; height: 100%; justify-content: center; position: relative; width: 100% } .chat-gpt[data-v-2adf8002] { box-sizing: border-box; color: #fff; padding: 0 0 0 12px; position: relative; width: 100% } .chat-gpt .chat-tabs[data-v-2adf8002] { gap: 5px; left: 15px; max-width: 86px; position: fixed; top: 135px } .chat-gpt .chat-tabs .tab-btn[data-v-2adf8002] { background: rgba(25, 28, 34, .42); border: none; border-radius: 12px; color: #78819f; font-size: 13px; height: 76px; margin-left: 0; width: 76px } .chat-gpt .chat-tabs .tab-btn.active[data-v-2adf8002], .chat-gpt .chat-tabs .tab-btn[data-v-2adf8002]:hover { background: #2c303d; color: #fff } .chat-gpt .chat-tabs .tab-btn .tab-img[data-v-2adf8002] { height: 30px; -o-object-fit: contain; object-fit: contain; width: 30px } .chat-gpt .chat-tabs .tab-btn .tab-name[data-v-2adf8002] { white-space: pre-line; width: 80px } .chat-gpt .chat-content[data-v-2adf8002] { display: flex; flex-flow: column; width: 100% } .workflow-app-detail[data-v-5122fb2d] { padding-top: 20px } .workflow-app-detail-content[data-v-5122fb2d], .workflow-app-detail[data-v-5122fb2d] { box-sizing: border-box } .workflow-app-detail-content.no-data[data-v-5122fb2d] { align-content: center; background: #2c354a; border-radius: 30px; display: flex; flex-wrap: wrap; height: 626px; justify-content: center; margin: 0 auto; max-width: 1300px; width: 100% } .workflow-app-detail-content.no-data .null-image[data-v-5122fb2d] { height: 168px; min-height: 168px; width: 159px } .workflow-app-detail-content.no-data .null-tips[data-v-5122fb2d] { color: #55617d; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; margin-top: 22px; text-align: center; width: 100% } .detail-content[data-v-5122fb2d] { display: flex; flex-wrap: nowrap; width: 100% } .work-box[data-v-2edfdc45] { border-radius: 10px; box-sizing: border-box; height: 240px; position: relative; width: 240px } .work-box.check-box .del-btn[data-v-2edfdc45] { display: none } .work-box.check-box.check[data-v-2edfdc45], .work-box.check-box[data-v-2edfdc45]:hover { border: 1px solid #0dc990 } .work-box.check-box.check[data-v-2edfdc45] { padding: 20px } .work-box .img-box[data-v-2edfdc45] { background-repeat: no-repeat; background-size: cover; border-radius: 10px; cursor: pointer; height: 100%; width: 100% } .work-box .del-btn[data-v-2edfdc45] { background: #19191d; border-radius: 5px; color: #ff3e3e; cursor: pointer; height: 28px; line-height: 28px; position: absolute; right: 5px; text-align: center; top: 5px; width: 28px } .work-box .del-btn[data-v-2edfdc45]:hover { background: #37373c } .relation-work[data-v-198387c3] { margin-top: 20px } .relation-work .title[data-v-198387c3] { border-bottom: 1px solid #1e293b; color: #e6e8ef } .relation-work .title .form-item-tips[data-v-198387c3] { color: #97a5b7; font-size: 12px; height: 20px; line-height: 20px; margin: 0; padding-bottom: 10px } @keyframes rotate-198387c3 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .relation-work .title i[data-v-198387c3] { cursor: pointer } .relation-work .title i.loading[data-v-198387c3] { animation: rotate-198387c3 1s linear infinite } .relation-work .work-list[data-v-198387c3] { display: flex; flex-wrap: wrap; gap: 15px; min-height: 470px; padding-top: 15px } .relation-work .work-list[data-v-198387c3] .el-empty { width: 100% } .relation-work .work-list .scroll-loading[data-v-198387c3] { color: #fff; padding: 10px 0; text-align: center; width: 100% } .model-work .work-list[data-v-65f472fa] { display: flex; flex-wrap: wrap; gap: 15px } .model-work .work-list .generate-box[data-v-65f472fa] { align-items: center; background: #1c1d2a; border-radius: 12px; box-sizing: border-box; color: #a6a8ae; cursor: pointer; display: flex; flex-flow: column; height: 240px; justify-content: center; width: 240px } .model-work .work-list .generate-box .iconfont[data-v-65f472fa], .model-work .work-list .generate-box svg[data-v-65f472fa] { font-size: 28px; margin-bottom: 10px } .model-edit[data-v-6b20bab2] { align-items: center; display: flex; flex-flow: column; justify-content: center; padding-top: 20px; position: relative } .model-edit > i[data-v-6b20bab2] { color: hsla(0, 0%, 100%, .1); cursor: pointer; font-size: 44px; position: absolute; right: 80px; top: 40px } .model-edit .form-title[data-v-6b20bab2] { align-items: center; border-bottom: 1px solid #1e293b; box-sizing: border-box; color: #fff; display: flex; font-size: 18px; height: 60px; justify-content: space-between; max-width: 1015px; width: 90% } .model-edit .form-title .btn-group .el-button[data-v-6b20bab2] { background: #0d9488; border: 1px solid #0d9488; color: #fff; height: 32px; line-height: 32px; padding: 0 20px } .model-edit .form-title .btn-group .cancel-btn[data-v-6b20bab2] { background: #1e2435; border-color: #2a2b2d; color: #cbd5e1 } .model-edit .edit-form[data-v-6b20bab2] { display: flex; height: calc(100vh - 90px); justify-content: center; overflow: auto; padding-top: 10px; width: 100% } .model-edit .edit-form[data-v-6b20bab2]::-webkit-scrollbar { width: 3px } .model-edit .edit-form .custom-form[data-v-6b20bab2] { max-width: 1015px; width: 90% } .model-edit .edit-form .custom-form .formBox[data-v-6b20bab2] { display: flex; justify-content: space-between } .model-edit .edit-form .custom-form .formBox .formCnt[data-v-6b20bab2] { width: 460px } .model-edit .edit-form .custom-form .formBox .VnAddBox[data-v-6b20bab2] { display: flex; justify-content: space-between } .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-6b20bab2]:first-child { width: 340px } .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-6b20bab2]:nth-child(2) { width: 112px } .model-edit .edit-form .custom-form .el-form-item[data-v-6b20bab2] { margin-bottom: 10px } .model-edit .edit-form .custom-form .el-select[data-v-6b20bab2] { display: block } .model-edit .edit-form .custom-form .type-select[data-v-6b20bab2] { background: #20283b; border-radius: 5px; box-sizing: border-box; display: flex; height: 40px; padding: 4px; text-align: center } .model-edit .edit-form .custom-form .type-select span[data-v-6b20bab2] { background: #20283b; border-radius: 5px; color: hsla(0, 0%, 100%, .2); height: 32px; line-height: 32px; width: 50% } .model-edit .edit-form .custom-form .type-select span.active[data-v-6b20bab2] { background: #494f80; color: #fff } .model-edit .edit-form .custom-form .type-select.model-payment span[data-v-6b20bab2] { cursor: pointer } .model-edit .edit-form .custom-form .el-form-item__label[data-v-6b20bab2] { color: #fff; padding-bottom: 0 } .model-edit .edit-form .custom-form .item-tips[data-v-6b20bab2] { color: #707883; font-size: 12px } .model-edit .edit-form .custom-form .form-item-tips[data-v-6b20bab2] { color: #97a5b7; font-size: 12px; height: 20px; line-height: 20px; margin: 0; padding-bottom: 10px } .model-edit .edit-form .custom-form .checkbox-container[data-v-6b20bab2] { background: #1c1d2a; border-radius: 5px; box-sizing: border-box; height: 40px; margin-bottom: 8px; padding: 0 12px } .model-edit .edit-form .custom-form .checkbox-container[data-v-6b20bab2]:last-child { margin-bottom: 0 } .model-edit .edit-form .custom-form .checkbox-container[data-v-6b20bab2] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background: #27b670; border-color: #27b670 } .model-edit .edit-form .custom-form .checkbox-container[data-v-6b20bab2] .el-checkbox .el-checkbox__label { color: hsla(0, 0%, 100%, .8); font-family: PingFang SC-Regular, PingFang SC; font-size: 13px; font-weight: 400 } .model-edit .edit-form .custom-form .payBox[data-v-6b20bab2] { align-items: center; background: #20283b; border: 1px solid rgba(73, 79, 128, .5); border-radius: 4px; box-sizing: border-box; display: flex; height: 87px; justify-content: space-between; margin-top: 10px; padding: 15px 20px; width: 100% } .model-edit .edit-form .custom-form .payBox .payCnt[data-v-6b20bab2] { height: 100%; line-height: 1; width: 188px } .model-edit .edit-form .custom-form .payBox .payCnt .payTit[data-v-6b20bab2] { color: hsla(0, 0%, 100%, .7); font-size: 12px } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox[data-v-6b20bab2] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; display: flex; height: 30px; justify-content: space-between; margin-top: 8px; overflow: hidden; padding: 0 8px; width: 188px } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-6b20bab2] { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border: none; color: hsla(0, 0%, 100%, .7); height: 100%; margin-top: 0; outline: none; padding-left: 0; width: 150px } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-6b20bab2]::-webkit-inner-spin-button, .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-6b20bab2]::-webkit-outer-spin-button { -webkit-appearance: none !important } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox img[data-v-6b20bab2] { height: 18px; width: 18px } .bntitem[data-v-6b20bab2] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-6b20bab2] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-6b20bab2]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-6b20bab2]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-6b20bab2]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-6b20bab2]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-6b20bab2]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-6b20bab2]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .model-edit .show-tag { background: #0f1021; border: 1px solid hsla(0, 0%, 100%, .1) } .model-edit .show-tag ::v-deep .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .model-edit .show-tag .el-tag { background: #2e385e; border: none; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .model-edit .show-tag .el-tag__close { background-color: #3a4e92; color: #fff } .model-edit .show-tag .el-input__inner { background: #0a0b17; border: 0; border-radius: 10px } .model-edit .el-select__tags { max-width: 90% !important; width: 90% !important } .show-tag-select { background: #1c1d2a !important; border: 1px solid #293045 !important; border-radius: 8px !important; color: #5a7dc2 } .show-tag-select .el-select-dropdown__list { margin-bottom: 8px; margin-right: 8px; padding: 6px } .show-tag-select.is-multiple .el-select-dropdown__item.selected, .show-tag-select.is-multiple .el-select-dropdown__item.selected.hover { background: #34396a; color: #fff } .show-tag-select .el-scrollbar__wrap { overflow: auto } .show-tag-select .el-select-dropdown__item { color: hsla(0, 0%, 100%, .6) } .show-tag-select .el-select-dropdown__item.selected { color: #fff; position: relative } .show-tag-select .el-select-dropdown__item.selected:after { content: "✓"; position: absolute; right: 10px } .show-tag-select .el-select-dropdown__item.hover, .show-tag-select .el-select-dropdown__item:hover { background: #242534; border-radius: 5px; color: #fff } .show-tag-select .popper__arrow, .show-tag-select .popper__arrow:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .show-tag-select .el-input__inner { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .show-tag-select.is-multiple .el-select-dropdown__item.selected { background: rgba(83, 100, 138, .3) !important; border-radius: 6px; margin-bottom: 4px } .model-edit[data-v-2cb7aaba] { align-items: center; display: flex; flex-flow: column; justify-content: center; padding-top: 20px; position: relative } .model-edit > i[data-v-2cb7aaba] { color: hsla(0, 0%, 100%, .1); cursor: pointer; font-size: 44px; position: absolute; right: 80px; top: 40px } .model-edit .form-title[data-v-2cb7aaba] { align-items: center; border-bottom: 1px solid #1e293b; box-sizing: border-box; color: #fff; display: flex; font-size: 18px; height: 60px; justify-content: space-between; max-width: 1015px; width: 90% } .model-edit .form-title .btn-group .el-button[data-v-2cb7aaba] { background: #0d9488; border: 1px solid #0d9488; color: #fff; height: 32px; line-height: 32px; padding: 0 20px } .model-edit .form-title .btn-group .cancel-btn[data-v-2cb7aaba] { background: #1e2435; border-color: #2a2b2d; color: #cbd5e1 } .model-edit .edit-form[data-v-2cb7aaba] { display: flex; height: calc(100vh - 90px); justify-content: center; overflow: auto; padding-top: 10px; width: 100% } .model-edit .edit-form[data-v-2cb7aaba]::-webkit-scrollbar { width: 3px } .model-edit .edit-form .custom-form[data-v-2cb7aaba] { max-width: 1015px; width: 90% } .model-edit .edit-form .custom-form .isCommunityBox[data-v-2cb7aaba] { align-items: center; display: flex } .model-edit .edit-form .custom-form .isCommunityBox span[data-v-2cb7aaba] { color: #fff; margin-right: 10px } .model-edit .edit-form .custom-form .formBox[data-v-2cb7aaba] { display: flex; justify-content: space-between } .model-edit .edit-form .custom-form .formBox .formCnt[data-v-2cb7aaba] { width: 460px } .model-edit .edit-form .custom-form .formBox .VnAddBox[data-v-2cb7aaba] { display: flex; justify-content: space-between } .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-2cb7aaba]:first-child { width: 340px } .model-edit .edit-form .custom-form .formBox .VnAddBox .el-input[data-v-2cb7aaba]:nth-child(2) { width: 112px } .model-edit .edit-form .custom-form .el-form-item[data-v-2cb7aaba] { margin-bottom: 10px } .model-edit .edit-form .custom-form .el-select[data-v-2cb7aaba] { display: block } .model-edit .edit-form .custom-form .type-select[data-v-2cb7aaba] { background: #20283b; border-radius: 5px; box-sizing: border-box; display: flex; height: 40px; padding: 4px; text-align: center } .model-edit .edit-form .custom-form .type-select span[data-v-2cb7aaba] { background: #20283b; border-radius: 5px; color: hsla(0, 0%, 100%, .2); height: 32px; line-height: 32px; width: 50% } .model-edit .edit-form .custom-form .type-select span.active[data-v-2cb7aaba] { background: #494f80; color: #fff } .model-edit .edit-form .custom-form .type-select.model-payment span[data-v-2cb7aaba] { cursor: pointer } .model-edit .edit-form .custom-form .el-form-item__label[data-v-2cb7aaba] { color: #fff; padding-bottom: 0 } .model-edit .edit-form .custom-form .item-tips[data-v-2cb7aaba] { color: #707883; font-size: 12px } .model-edit .edit-form .custom-form .form-item-tips[data-v-2cb7aaba] { color: #97a5b7; font-size: 12px; height: 20px; line-height: 20px; margin: 0; padding-bottom: 10px } .model-edit .edit-form .custom-form .checkbox-container[data-v-2cb7aaba] { background: #1c1d2a; border-radius: 5px; box-sizing: border-box; height: 40px; margin-bottom: 8px; padding: 0 12px } .model-edit .edit-form .custom-form .checkbox-container[data-v-2cb7aaba]:last-child { margin-bottom: 0 } .model-edit .edit-form .custom-form .checkbox-container[data-v-2cb7aaba] .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background: #27b670; border-color: #27b670 } .model-edit .edit-form .custom-form .checkbox-container[data-v-2cb7aaba] .el-checkbox .el-checkbox__label { color: hsla(0, 0%, 100%, .8); font-family: PingFang SC-Regular, PingFang SC; font-size: 13px; font-weight: 400 } .model-edit .edit-form .custom-form .payBox[data-v-2cb7aaba] { align-items: center; background: #20283b; border: 1px solid rgba(73, 79, 128, .5); border-radius: 4px; box-sizing: border-box; display: flex; height: 87px; justify-content: space-between; margin-top: 10px; padding: 15px 20px; width: 100% } .model-edit .edit-form .custom-form .payBox .payCnt[data-v-2cb7aaba] { height: 100%; line-height: 1; width: 188px } .model-edit .edit-form .custom-form .payBox .payCnt .payTit[data-v-2cb7aaba] { color: hsla(0, 0%, 100%, .7); font-size: 12px } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox[data-v-2cb7aaba] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; display: flex; height: 30px; justify-content: space-between; margin-top: 8px; overflow: hidden; padding: 0 8px; width: 188px } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-2cb7aaba] { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; border: none; color: hsla(0, 0%, 100%, .7); height: 100%; margin-top: 0; outline: none; padding-left: 0; width: 150px } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-2cb7aaba]::-webkit-inner-spin-button, .model-edit .edit-form .custom-form .payBox .payCnt .inputBox input[data-v-2cb7aaba]::-webkit-outer-spin-button { -webkit-appearance: none !important } .model-edit .edit-form .custom-form .payBox .payCnt .inputBox img[data-v-2cb7aaba] { height: 18px; width: 18px } .bntitem[data-v-2cb7aaba] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-2cb7aaba] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-2cb7aaba]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-2cb7aaba]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-2cb7aaba]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-2cb7aaba]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-2cb7aaba]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-2cb7aaba]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } .payCnt .el-select { margin-top: 10px; width: 188px } .payCnt .el-select .el-input__inner { background: hsla(0, 0%, 100%, .08); border: none; border-radius: 4px; color: hsla(0, 0%, 100%, .7); height: 30px; padding-left: 8px } .payCnt .el-select .el-icon-arrow-up { color: hsla(0, 0%, 100%, .7) } .payCnt .el-select .el-input__suffix { align-items: center; display: flex } .payType { background: #32394b; border: none; box-sizing: border-box; margin-bottom: 4px !important; margin-top: 4px !important; padding: 8px } .payType .el-scrollbar__wrap::-webkit-scrollbar { height: 0 } .payType .el-select-dropdown__list { padding: 0 } .payType .el-select-dropdown__item { background: hsla(0, 0%, 100%, .04); border-radius: 4px; color: hsla(0, 0%, 100%, .7); margin-bottom: 8px } .payType .el-select-dropdown__item:hover { background-color: hsla(0, 0%, 100%, .07) } .payType .selected { background: rgba(73, 79, 128, .7) } .payType .selected:hover { background: #494f80 } .payType .popper__arrow { display: none } .model-edit .el-textarea__inner { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1; height: 92px } .model-edit .el-input__count { background: #1c1d2a } .model-edit .el-radio { color: #fff } .model-edit .is-disabled .el-input__inner { background: hsla(0, 0%, 100%, .2); border: none; cursor: not-allowed } .cmtComments[data-v-840333be] { height: calc(100% - 40px); overflow: hidden; position: relative; width: 100% } .cmtComments .commMain[data-v-840333be] { height: calc(100% - 180px); overflow: auto; width: 100% } .cmtComments .commMain[data-v-840333be]::-webkit-scrollbar { display: none } .cmtComments .commMain .commCnt[data-v-840333be] { box-sizing: border-box } .cmtComments .commMain .commCnt .commNum[data-v-840333be] { color: hsla(0, 0%, 100%, .9); font-size: 14px; font-weight: 400; line-height: 24px; margin-top: 16px } .commInput[data-v-840333be] { background: #141416; border-radius: 0 0 30px 0; border-top: 1px solid #1f1f23; bottom: 40px; box-sizing: border-box; height: 133px; left: 0; padding: 15px 0; position: absolute; width: 100% } .commInput .commFunBar[data-v-840333be] { align-items: center; display: flex; justify-content: space-between; margin-top: 10px } .commInput .commFunBar .funBarBnt[data-v-840333be] { align-items: center; display: flex; gap: 25px } .commInput .commFunBar .commFunNum[data-v-840333be] { align-items: center; cursor: pointer; display: flex } .commInput .commFunBar .commFunNum .svg-icon[data-v-840333be], .commInput .commFunBar .commFunNum i[data-v-840333be] { color: #fff; font-size: 20px } .commInput .commFunBar .commFunNum .icon-work-show[data-v-840333be] { font-size: 22px } .commInput .commFunBar .commFunNum span[data-v-840333be] { color: #fff; font-size: 12px; line-height: 24px; margin-left: 5px } .commInput .commFunBar .commFunBarRight .commFunNum[data-v-840333be]:last-child { margin-left: 10px } .inputBox[data-v-840333be] { align-items: center; background: hsla(0, 0%, 100%, .06); border-radius: 100px; box-sizing: border-box; display: flex; height: 40px; justify-content: space-between; margin-top: 20px; padding: 0 16px; width: 100% } .inputBox input[data-v-840333be] { background-color: transparent; background-color: initial; border: none; color: #fff; height: 40px; outline: none; width: 90% } .inputBox div[data-v-840333be], .inputBox img[data-v-840333be] { cursor: pointer; height: 24px; width: 24px } .list[data-v-840333be] { margin-top: 20px } .list .commItem[data-v-840333be] { margin-bottom: 20px } .list .commItem[data-v-840333be]:last-child { margin-bottom: 0 } .replies[data-v-840333be] { margin-top: 15px } .replies .avatar .avatarHead[data-v-840333be] { height: 24px; width: 24px } .avatar[data-v-840333be] { cursor: pointer; justify-content: flex-start; width: -moz-max-content; width: max-content } .avatar .avatarHead[data-v-840333be], .avatar[data-v-840333be] { align-items: center; display: flex } .avatar .avatarHead[data-v-840333be] { background-color: #adb8cd; border-radius: 100%; color: #fff; font-size: 16px; height: 32px; justify-content: center; -o-object-fit: cover; object-fit: cover; width: 32px } .avatar .avatarName[data-v-840333be] { align-items: center; display: flex; margin-left: 8px } .avatar .avatarName span[data-v-840333be] { color: hsla(0, 0%, 100%, .7); font-size: 14px; line-height: 32px } .avatar .avatarName .isAuthor[data-v-840333be] { background: hsla(0, 0%, 100%, .1); border-radius: 4px; color: hsla(0, 0%, 100%, .5); font-size: 10px; line-height: 7px; margin-left: 6px; padding: 5px } .morRep[data-v-840333be] { color: #1b5cb9; cursor: pointer; font-size: 14px; line-height: 18px; margin-left: 37px; margin-top: 10px } .commListCnt[data-v-840333be] { box-sizing: border-box; margin-top: 3px; padding-left: 40px } .commListCnt .commTxt[data-v-840333be] { color: #fff; font-size: 14px; line-height: 20px } .commListCnt .commTxt span[data-v-840333be] { opacity: .8 } .commListCnt .txtFunBar[data-v-840333be] { align-items: center; display: flex; justify-content: space-between; margin-top: 12px } .commListCnt .txtFunBar .commDate[data-v-840333be] { color: hsla(0, 0%, 100%, .7); font-size: 12px; line-height: 24px } .commListCnt .txtFunBar .txtFunBarRight[data-v-840333be] { align-items: center; display: flex } .commListCnt .txtFunBar .txtFunBarRight .funNum[data-v-840333be] { align-items: center; color: hsla(0, 0%, 100%, .7); cursor: pointer; display: flex } .commListCnt .txtFunBar .txtFunBarRight .funNum[data-v-840333be]:hover { color: #fefefe } .commListCnt .txtFunBar .txtFunBarRight .funNum[data-v-840333be]:last-child { margin-left: 30px } .commListCnt .txtFunBar .txtFunBarRight .funNum .svg-icon[data-v-840333be], .commListCnt .txtFunBar .txtFunBarRight .funNum i[data-v-840333be] { font-size: 14px } .commListCnt .txtFunBar .txtFunBarRight .funNum span[data-v-840333be] { font-size: 12px; line-height: 24px; margin-left: 8px } .RightParams[data-v-edaede40] { display: flex; flex-direction: column; height: calc(100% - 10px); justify-content: space-between; margin-left: 36px; margin-right: 30px; width: 468px } .RightParams .content[data-v-edaede40] { box-sizing: border-box; padding-top: 0 } .RightParams .content .line-1[data-v-edaede40] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px } .RightParams .content .line-1 .title[data-v-edaede40] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #fcfcfd; display: -webkit-box; font-family: DM Sans; font-size: 20px; font-style: normal; font-weight: 700; line-height: 34px; overflow: hidden; text-align: left; text-overflow: ellipsis; text-transform: none; width: 358px; word-break: break-all } .RightParams .content .line-1 .work-create[data-v-edaede40] { background: #f1314e; border-radius: 42px; color: #fff; font-size: 16px; height: 40px; line-height: 40px; text-align: center; width: 90px } .RightParams .content .original[data-v-edaede40] { align-items: center; display: flex; margin: 10px 0 15px } .RightParams .content .original .type[data-v-edaede40] { align-items: center; background: rgba(255, 194, 53, .1); border-radius: 6px 6px 6px 6px; color: #ffac24; display: flex; flex-shrink: 0; font-size: 12px; font-weight: 400; height: 28px; justify-content: center; margin-right: 13px; padding: 0 8px } .RightParams .content .original .type .txt[data-v-edaede40] { margin-left: 6px } .RightParams .content .original .date[data-v-edaede40] { color: #777e90; font-size: 12px; margin: 10px 0 } .RightParams .content .author_box[data-v-edaede40] { align-items: center; background: #151522; border-radius: 10px; box-sizing: border-box; display: flex; height: 58px; justify-content: space-between; padding: 0 16px 0 12px; width: 100% } .RightParams .content .author_box .cell[data-v-edaede40] { align-items: center; display: flex; font-size: 14px; width: 100% } .RightParams .content .author_box .follow[data-v-edaede40] { background: #1a1d23; border-radius: 16px; color: #fcfcfd; font-size: 14px; height: 32px; line-height: 32px; padding: 0 10px; text-align: center } .RightParams .content .line-2[data-v-edaede40] { background: hsla(0, 0%, 100%, .06); height: 1px; margin: 15px 0 20px; width: 434px } .RightParams .content .operate[data-v-edaede40] { display: flex; margin: 20px 0 32px } .RightParams .content .operate .statBox[data-v-edaede40] { align-items: center; display: flex; gap: 8px; height: 64px; justify-content: space-between } .RightParams .content .operate .statBox .stat-item[data-v-edaede40] { background: #1a1d23; border-radius: 16px; cursor: pointer; flex: 1; padding: 8px 16px; position: relative; width: 120px } .RightParams .content .operate .statBox .stat-item[data-v-edaede40]:hover { background-color: #262a31 } .RightParams .content .operate .statBox .stat-item-text[data-v-edaede40] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .RightParams .content .operate .statBox .stat-item-num[data-v-edaede40] { color: #fff; font-size: 22px; font-weight: 500; margin-top: 7px } .RightParams .content .operate .statBox .stat-item-num .stat-btn[data-v-edaede40] { align-items: center; border-radius: 50%; display: flex; font-size: 17px; height: 24px; justify-content: center; width: 24px } .RightParams .content .operate .statBox .stat-item-num .stat-btn.btn-create[data-v-edaede40] { background: #3f8bfd } .RightParams .content .operate .statBox .stat-item-num .stat-btn.btn-collect[data-v-edaede40] { background: #333a47 } .RightParams .content .operate .statBox .stat-item-num .stat-btn.btn-download[data-v-edaede40] { background: #52b976 } .RightParams .content .tagList[data-v-edaede40] { display: flex; flex-wrap: wrap; margin: 30px 0 26px } .RightParams .content .tagList .tag[data-v-edaede40] { background: hsla(0, 0%, 100%, .08); border-radius: 6px; color: #fff; display: inline-block; font-size: 14px; font-weight: 300; height: 27px; line-height: 27px; margin-bottom: 6px; margin-right: 6px; padding: 0 8px; text-align: center } .RightParams .content .desc[data-v-edaede40] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .RightParams .content .desc[data-v-edaede40], .RightParams .content .moreDec[data-v-edaede40] { color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 1px; line-height: 20px; margin: 32px 0 10px } .RightParams .content .moreDec[data-v-edaede40] { height: 100% } .RightParams .content .descMore[data-v-edaede40] { color: #fff; font-size: 14px; text-align: right } .workFlow[data-v-23ad8cb3] { display: flex; height: 100vh; justify-content: center; margin-top: 16px } .comment-drawer { background-color: #121212 !important; color: #fff } .comment-drawer .el-drawer__header { display: none } .comment-drawer .el-drawer__body { display: flex; flex-direction: column; overflow: hidden } .comment-drawer .comment-drawer-header { box-sizing: border-box; color: #fff; font-size: 20px; font-weight: 400; height: 83px; padding: 20px 28px 10px; position: relative } .comment-drawer .comment-drawer-header:after { background-color: #252525; bottom: 0; box-sizing: border-box; content: ""; height: 1px; position: absolute; width: calc(100% - 56px) } .comment-drawer .comment-drawer-header .comment-drawer-header-sub .info-num { align-items: center; color: #bdbdbd; display: inline-flex; font-size: 14px; font-weight: 400 } .comment-drawer .comment-drawer-header .comment-drawer-header-sub .info-num .info-num-icon { align-items: center; display: inline-flex; font-size: 16px; margin-right: 5px; transform: scale(1.2) } .comment-drawer .comment-drawer-header .comment-drawer-header-sub .info-num + .info-num { margin-left: 24px } .comment-drawer .comment-drawer-content { display: flex; flex: 1 0 auto; flex-direction: column; max-height: calc(100% - 83px) } .comment-drawer .comment-drawer-content .cmtComments { flex: 1 0 auto; height: 100% } .comment-drawer .comment-drawer-content .cmtComments .commMain { box-sizing: border-box; height: calc(100% - 72px); max-height: calc(100% - 72px); overflow-x: hidden; overflow-y: auto; padding: 16px } .comment-drawer .comment-drawer-content .cmtComments .commCnt .commNum { display: none } .comment-drawer .comment-drawer-content .cmtComments .inputBox { margin-top: 0 } .comment-drawer .comment-drawer-content .commInput { border-top: 1px solid #252525; bottom: 0; box-sizing: border-box; height: 72px; padding: 16px; position: relative } .comment-drawer .comment-drawer-content .commInput .commFunBar { display: none } .comment-drawer .comment-drawer-bottom { border-top: 1px solid #252525; box-sizing: border-box; height: 72px; padding: 16px; position: relative } .comment-drawer .comment-drawer-bottom .inputBox { align-items: center; background: hsla(0, 0%, 100%, .06); border-radius: 100px; box-sizing: border-box; display: flex; height: 40px; justify-content: space-between; padding: 0 16px; width: 100% } .comment-drawer .comment-drawer-bottom .inputBox input { background-color: transparent; background-color: initial; border: none; color: #fff; height: 40px; outline: none; width: 90% } .comment-drawer .comment-drawer-bottom .inputBox div, .comment-drawer .comment-drawer-bottom .inputBox img { cursor: pointer; height: 24px; width: 24px } .imgpage-image-hold[data-v-0b0b29cf] { cursor: zoom-out } .imgpage-image-hold .imgpage-image-info-container[data-v-0b0b29cf] { background: #141416; border-radius: 30px; cursor: auto; display: flex; flex-wrap: nowrap; height: 100%; justify-content: center; margin: 20px auto 0; max-height: calc(100vh - 162px); max-width: 1300px; min-width: 1250px; position: relative } .imgpage-image-hold .imgpage-image-info-container.m60[data-v-0b0b29cf] { margin-top: 60px } .imgpage-image-hold .imgpage-image-info-container.no-data[data-v-0b0b29cf] { align-content: center; background: #2c354a; border-radius: 30px 30px 30px 30px; flex-wrap: wrap; height: 626px; justify-content: center; width: 100% } .imgpage-image-hold .imgpage-image-info-container.no-data .null-image[data-v-0b0b29cf] { height: 168px; min-height: 168px; width: 159px } .imgpage-image-hold .imgpage-image-info-container.no-data .null-tips[data-v-0b0b29cf] { color: #55617d; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; margin-top: 22px; text-align: center; width: 100% } .lora-train-info[data-v-735ba19f] { background: #24262a; border-color: hsla(0, 0%, 100%, .06); border-radius: 10px; color: #c1c2c5; gap: 16px; padding: 20px 16px } .lora-train-info .lora-train-info-item[data-v-735ba19f] { text-wrap: balance; font-size: 14px; padding-left: 12px; text-align: left; word-break: break-word } .lora-train-info .lora-train-info-item .lora-train-info-item-key[data-v-735ba19f] { color: hsla(0, 0%, 100%, .7); flex-shrink: 0; margin-right: 19px; width: 98px } .lora-train-info .lora-train-info-item .lora-train-info-item-value[data-v-735ba19f] { color: hsla(0, 0%, 100%, .9) } .lora-train-info .show-all-btn[data-v-735ba19f] { align-items: center; background: #3c3d45; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 44px; justify-content: center; width: 100% } .play-video[data-v-30eea4e8] { padding-bottom: 56.25%; position: relative; width: 100% } .play-video video[data-v-30eea4e8] { background: radial-gradient(ellipse at center, hsla(0, 0%, 100%, .2), #000); height: 100%; left: 0; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100% } .ImgWaterFall[data-v-380992f2] { height: 100%; width: 100% } .ImgWaterFall:hover .cntImg[data-v-380992f2] { transform: scale(1.15) } .ImgWaterFall .cntImg[data-v-380992f2] { min-height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out; width: 100% } .admin-marking[data-v-7f8b5d6a] { background-color: rgba(0, 0, 0, .33); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 13 } .admin-marking span[data-v-7f8b5d6a] { color: #fff; cursor: pointer; font-size: 14px; margin-right: 20px } .admin-marking span.not-btn[data-v-7f8b5d6a] { color: red } .el-dropdown-item[data-v-7f8b5d6a] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-7f8b5d6a] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-7f8b5d6a] { color: #6f767e; font-size: 14px } .el-dropdown-item-time[data-v-7f8b5d6a] { width: 119px } .user-head[data-v-ccc0093a] { cursor: pointer; display: flex } .user-head .user-avatar[data-v-ccc0093a] { background-color: #e9e9e9; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; color: #212121; font-size: 24px; height: 50px; line-height: 50px; text-align: center; width: 50px } .user-head .user-name[data-v-ccc0093a] { color: #bababa; font-size: 12px; margin-left: 10px } .video-item[data-v-cbd8592e] { cursor: pointer; padding-bottom: 40px; width: 280px } .video-item .make-loading[data-v-cbd8592e] { background: #000; box-sizing: border-box; color: #ccd2dd; display: flex; flex-flow: column; height: 100%; justify-content: center; padding: 0 50px; text-align: center; width: 100% } .video-item .video-body[data-v-cbd8592e] { border-radius: 10px; height: 18vw; overflow: hidden; position: relative; width: 100% } .video-item .video-body .video-cover[data-v-cbd8592e], .video-item .video-body video[data-v-cbd8592e] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .video-item .video-body video[data-v-cbd8592e] { background-color: rgba(0, 0, 0, .6); display: none; left: 0; position: absolute; top: 0; z-index: 2 } .video-item .video-body .video-handle[data-v-cbd8592e] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); bottom: 0; box-sizing: border-box; display: flex; gap: 10px; height: 32px; justify-content: right; line-height: 32px; opacity: 0; padding: 0 10px; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .video-item .video-body .video-handle .iconfont[data-v-cbd8592e], .video-item .video-body .video-handle svg[data-v-cbd8592e] { color: #fff; font-size: 20px; opacity: .7 } .video-item .video-body .video-handle .iconfont[data-v-cbd8592e]:hover, .video-item .video-body .video-handle svg[data-v-cbd8592e]:hover { opacity: 1 } .video-item .video-body .video-handle .iconfont.loading[data-v-cbd8592e], .video-item .video-body .video-handle svg.loading[data-v-cbd8592e] { animation: blink-cbd8592e 1s ease-in-out infinite; cursor: wait } .video-item .video-body .video-handle > .iconfont[data-v-cbd8592e], .video-item .video-body .video-handle > svg[data-v-cbd8592e] { margin: 0 } .video-item .video-body .duration[data-v-cbd8592e] { background: rgba(0, 0, 0, .6); border-radius: 12px; bottom: 5px; color: #fff; font-size: 12px; height: 24px; line-height: 24px; padding: 0 10px; position: absolute; right: 5px; z-index: 2 } .video-item .video-body:hover .video-handle[data-v-cbd8592e] { opacity: 1 } .video-item .video-body:hover .duration[data-v-cbd8592e] { display: none } .video-item .video-body:hover video[data-v-cbd8592e] { display: block } .video-item .video-info[data-v-cbd8592e] { display: flex; gap: 10px; padding-top: 10px } .video-item .video-info .video-params[data-v-cbd8592e] { color: #81879f; display: flex; flex: 1; flex-flow: column; font-size: 12px; gap: 5px; position: relative } .video-item .video-info .video-params .video-name[data-v-cbd8592e] { color: #f2f2f2; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px } .video-item .video-info .video-params .author-name[data-v-cbd8592e], .video-item .video-info .video-params .like-num[data-v-cbd8592e], .video-item .video-info .video-params .play-info[data-v-cbd8592e] { color: #777; font-size: 12px } .video-item .video-info .video-params .author-name[data-v-cbd8592e] { align-items: center; display: flex; gap: 5px } .video-item .video-info .video-params .like-num[data-v-cbd8592e] { bottom: 0; cursor: pointer; position: absolute; right: 0 } .video-item .video-info .video-params .like-num svg[data-v-cbd8592e] { font-size: 16px; margin-right: 5px } .video-item .video-info .video-params .like-num[data-v-cbd8592e]:hover { color: #fff } @keyframes blink-cbd8592e { 0% { opacity: 0 } 50% { opacity: 1 } to { opacity: 0 } } .input-box[data-v-c147f492] { position: relative } .input-box .tag-box[data-v-c147f492] { background-color: #293045; border-radius: 8px; box-sizing: border-box; left: 0; padding: 10px; position: absolute; top: 50px; width: 100%; z-index: 12 } .input-box .tag-box .boxtit[data-v-c147f492] { color: #9dabbd; font-size: 14px; padding: 10px 0 } .input-box .tag-box .tags-list[data-v-c147f492] { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; justify-content: flex-start; transition: all .3s } .input-box .tag-box .tags-list .tags-item[data-v-c147f492] { align-items: center; background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .12); border-radius: 21px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 12px; height: 38px; max-width: 152px; padding: 0 16px } .input-box .tag-box .tags-list .tags-item img[data-v-c147f492] { border-radius: 100%; flex: 0 0 auto; height: 30px; margin-right: 7px; width: 30px } .input-box .tag-box .tags-list .tags-item span[data-v-c147f492] { color: #d8d9dc; white-space: nowrap } .search-input[data-v-c147f492] { width: 100% } .my-input-component[data-v-c147f492] { background: var(--containerBg); padding: 15px 0; position: fixed; top: 0; z-index: 11 } .my-input-component .my-input[data-v-c147f492] { width: 100% } .my-input-component .my-input[data-v-c147f492] input { background: #232742; border: 1px solid #1e1a2d; border-radius: 30px; color: #fff; height: 48px } .my-input-component .my-input[data-v-c147f492] .el-input__suffix { display: flex } .btn-icon[data-v-c147f492], .my-input-component .my-input[data-v-c147f492] .el-input__suffix .el-input__suffix-inner { align-items: center; display: flex } .btn-icon[data-v-c147f492] { height: 48px; justify-content: center } .upload-model-btn[data-v-c147f492] { height: 48px; line-height: 48px } .upload-model-btn .iconfont[data-v-c147f492], .upload-model-btn .svg-icon[data-v-c147f492] { cursor: pointer; font-size: 48px } .clearSearch[data-v-c147f492] { align-items: center; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 40px } .clearSearch i[data-v-c147f492] { font-size: 20px } .search-icon[data-v-c147f492] { fill: #fff; cursor: pointer } @keyframes spin-c147f492 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .btn-fresh[data-v-c147f492]:active { animation-duration: .1s; animation-iteration-count: 2; animation-name: spin-c147f492; animation-timing-function: ease-in-out } .autocomplete-popper { background: #20283b !important; border: 1px solid #293045 !important; border-radius: 8px !important; color: #9dabbd } .autocomplete-popper .el-scrollbar__wrap { overflow: auto } .autocomplete-popper li.selected { color: #fff; font-weight: 500 } .autocomplete-popper li.highlighted, .autocomplete-popper li.hover, .autocomplete-popper li:hover { background-color: #192133; color: #fff; font-weight: 500 } .autocomplete-popper .popper__arrow, .autocomplete-popper .popper__arrow:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .autocomplete-popper li { color: #9dabbd } .tags-item[data-v-3a90e460] { align-items: center; background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; height: 38px; padding: 0 16px 0 4px; -webkit-text-decoration: none; text-decoration: none } .tags-item img[data-v-3a90e460] { border-radius: 100%; flex: 0 0 auto; height: 30px; margin-right: 7px; -o-object-fit: cover; object-fit: cover; width: 30px } .tags-item span[data-v-3a90e460] { color: #d8d9dc; white-space: nowrap } .tags-item[data-v-3a90e460]:hover { background-color: #313648; border: 1px solid hsla(0, 0%, 100%, .08) } .active[data-v-3a90e460] { background-color: #2d65cc; border: 1px solid hsla(0, 0%, 100%, .12) } .active span[data-v-3a90e460] { color: #fff } .active[data-v-3a90e460]:hover { background-color: #1d55bb } a[data-v-75d741a2] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-75d741a2] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-75d741a2], .boxItem[data-v-75d741a2] { height: 100%; width: 100% } .boxItem[data-v-75d741a2] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-75d741a2], .boxItem:hover .NSFWSHOW[data-v-75d741a2], .boxItem:hover .cltpop[data-v-75d741a2], .boxItem:hover .deleteBox[data-v-75d741a2], .boxItem:hover .waterfall-hover-try[data-v-75d741a2] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-75d741a2] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-75d741a2], .boxItem:hover .paletIcon[data-v-75d741a2] { opacity: 0 } .defBox[data-v-75d741a2] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-75d741a2] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-75d741a2] { color: #fff; font-size: 18px } .cntImg[data-v-75d741a2] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-75d741a2], .cntVideo[data-v-75d741a2] { height: 100%; width: 100% } .waterfall-hover-try[data-v-75d741a2] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-75d741a2], .waterfall-hover-try[data-v-75d741a2] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-75d741a2] { left: 8px; top: 6px } .cltpop[data-v-75d741a2] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-75d741a2] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-75d741a2] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-75d741a2], .author[data-v-75d741a2] { align-items: center; display: flex } .author .authorHead[data-v-75d741a2] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-75d741a2] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-75d741a2] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-75d741a2], .numItem[data-v-75d741a2] { align-items: center; display: flex } .numItem .funItem[data-v-75d741a2] { cursor: pointer } .numItem .funItem .iconfont[data-v-75d741a2], .numItem .funItem .svg-icon[data-v-75d741a2] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-75d741a2] { font-size: 12px } .numItem .funItem span[data-v-75d741a2] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-75d741a2]:first-child { margin-right: 18px } .deleteBox[data-v-75d741a2] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-75d741a2], .deleteBox .svg-icon[data-v-75d741a2] { font-size: 16px } .statusCnt[data-v-75d741a2] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-75d741a2], .statusCnt[data-v-75d741a2] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-75d741a2] { z-index: 1 } .statusCnt .statusBox[data-v-75d741a2] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-75d741a2] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-75d741a2] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-75d741a2] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-75d741a2] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-75d741a2] { cursor: zoom-in } .NSFWSHOW[data-v-75d741a2] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-75d741a2] { color: #fff; font-size: 18px } .boxItem:hover .waterfall-hover-photo[data-v-75d741a2] { opacity: 1 } .waterfall-hover-photo[data-v-75d741a2] { background: #0f121c; border-radius: 8px; bottom: 6px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; flex-direction: column; left: 2%; opacity: 0; padding: 10px 12px 15px; position: absolute; transition: opacity .3s ease-in-out; width: 96%; z-index: 2 } .waterfall-hover-photo[data-v-75d741a2]:hover { cursor: default } .waterfall-hover-photo .hoverTop[data-v-75d741a2] { color: #ff3939; font-size: 12px; height: 32px } .waterfall-hover-photo .hoverTop .moreEdit[data-v-75d741a2], .waterfall-hover-photo .hoverTop[data-v-75d741a2] { align-items: center; display: flex; justify-content: space-between } .waterfall-hover-photo .hoverMiddle[data-v-75d741a2] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #cbd5e1; display: -webkit-box; font-size: 12px; line-height: 15px; max-height: 45px; overflow: hidden; text-overflow: ellipsis; word-break: break-word } .waterfall-hover-photo .hoverBottom[data-v-75d741a2] { align-items: center; color: #cbd5e1; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; height: 34px; justify-content: space-between; line-height: 34px; margin-top: 14px } .login-waterFall-btn-icon[data-v-75d741a2] { align-items: center; border: 1px solid transparent; border-radius: 17px; color: #cbd5e1; display: flex; font-size: 20px; justify-content: center; margin-left: 4px; padding: 3px; position: relative } .login-waterFall-btn-icon[data-v-75d741a2]:hover { background: #494f80; border: 1px solid #494f80; color: #fff; cursor: pointer } .login-waterFall-btn-icon[data-v-75d741a2]:active { background: #1e2a3b; border: 1px solid #4c5286 } .prompt-show[data-v-75d741a2]:after { background-color: #d8d8d8; border: 1px solid #ddd; border-radius: 5px; color: #0f101b; content: "sign up for more options"; display: none; font-size: 12px; left: 25px; line-height: 24px; padding: 2px 5px; position: absolute; text-align: center; top: 35px; transition: opacity .5s ease-in-out; width: 150px; z-index: 10 } .userBox { align-items: center; display: flex } a[data-v-043dbcc3] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-043dbcc3] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-043dbcc3], .boxItem[data-v-043dbcc3] { height: 100%; width: 100% } .boxItem[data-v-043dbcc3] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden } .boxItem:hover .CollectPop[data-v-043dbcc3], .boxItem:hover .NSFWSHOW[data-v-043dbcc3], .boxItem:hover .cltpop[data-v-043dbcc3], .boxItem:hover .deleteBox[data-v-043dbcc3], .boxItem:hover .waterfall-hover-try[data-v-043dbcc3] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-043dbcc3] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-043dbcc3], .boxItem:hover .paletIcon[data-v-043dbcc3] { opacity: 0 } .defBox[data-v-043dbcc3] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-043dbcc3] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-043dbcc3] { color: #fff; font-size: 18px } .cntImg[data-v-043dbcc3] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-043dbcc3], .cntVideo[data-v-043dbcc3] { height: 100%; width: 100% } .waterfall-hover-try[data-v-043dbcc3] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-043dbcc3], .waterfall-hover-try[data-v-043dbcc3] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-043dbcc3] { left: 8px; top: 6px } .cltpop[data-v-043dbcc3] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-043dbcc3] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-043dbcc3] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-043dbcc3], .author[data-v-043dbcc3] { align-items: center; display: flex } .author .authorHead[data-v-043dbcc3] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-043dbcc3] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-043dbcc3] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-043dbcc3], .numItem[data-v-043dbcc3] { align-items: center; display: flex } .numItem .funItem[data-v-043dbcc3] { cursor: pointer } .numItem .funItem .iconfont[data-v-043dbcc3], .numItem .funItem .svg-icon[data-v-043dbcc3] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-043dbcc3] { font-size: 12px } .numItem .funItem span[data-v-043dbcc3] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-043dbcc3]:first-child { margin-right: 18px } .deleteBox[data-v-043dbcc3] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-043dbcc3], .deleteBox .svg-icon[data-v-043dbcc3] { font-size: 16px } .statusCnt[data-v-043dbcc3] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-043dbcc3], .statusCnt[data-v-043dbcc3] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-043dbcc3] { z-index: 1 } .statusCnt .statusBox[data-v-043dbcc3] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-043dbcc3] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-043dbcc3] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-043dbcc3] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-043dbcc3] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-043dbcc3] { cursor: zoom-in } .NSFWSHOW[data-v-043dbcc3] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-043dbcc3] { color: #fff; font-size: 18px } .cnt[data-v-043dbcc3] { background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); border-radius: 8px; bottom: 0; box-sizing: border-box; left: 0; padding: 12px; position: absolute; width: 100% } .cnt .user[data-v-043dbcc3] { align-items: center; cursor: pointer; display: flex } .cnt .user .authorHead[data-v-043dbcc3] { align-items: center; background-color: #6d717e; border-radius: 100%; color: #fff; display: flex; flex: 0 0 auto; font-size: 14px; height: 32px; justify-content: center; width: 32px } .cnt .user .authorHead img[data-v-043dbcc3] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .cnt .user .authorName[data-v-043dbcc3] { color: hsla(0, 0%, 100%, .6); font-size: 14px; margin-left: 8px; max-width: 100px; white-space: nowrap } .cnt .title[data-v-043dbcc3], .cnt .user .authorName[data-v-043dbcc3] { overflow: hidden; text-overflow: ellipsis } .cnt .title[data-v-043dbcc3] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fff; display: -webkit-box; font-size: 20px; font-weight: 700; margin-top: 12px } .cnt .rate[data-v-043dbcc3] { align-items: center; display: flex; margin-top: 13px } .cnt .rate span[data-v-043dbcc3] { background-color: #393e44; border-radius: 8px; color: #f1f5f9; font-size: 12px; margin-left: 5px; padding: 5px 8px } .cnt .numItem[data-v-043dbcc3] { align-items: center; cursor: pointer; display: flex; margin-top: 10px } .cnt .numItem .play[data-v-043dbcc3] { align-items: center; display: flex; margin-left: 10px } .cnt .numItem .play span[data-v-043dbcc3] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .cnt .numItem .play .iconfont[data-v-043dbcc3], .cnt .numItem .play .svg-icon[data-v-043dbcc3] { color: hsla(0, 0%, 100%, .6) !important; font-size: 16px; margin-right: 5px } .cnt .numItem .funItem[data-v-043dbcc3] { align-items: center; background-color: rgba(20, 21, 23, .2); border-radius: 4px; cursor: pointer; display: flex; margin-left: 10px; padding: 2px 6px } .cnt .numItem .funItem .iconfont[data-v-043dbcc3], .cnt .numItem .funItem .svg-icon[data-v-043dbcc3] { color: #fff; font-size: 16px } .cnt .numItem .funItem span[data-v-043dbcc3] { color: #fff; font-size: 12px; margin-left: 4px } .boxItem[data-v-043dbcc3] { position: relative } .boxItem:hover .modelType[data-v-043dbcc3] { opacity: 0 } .modelTagH[data-v-043dbcc3] { background: linear-gradient(90deg, #ffe4b1, #f6c776); color: #744100 } .modelType[data-v-043dbcc3] { -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; left: 6px; padding: 6px 10px; position: absolute; top: 6px; transition: opacity .3s ease-in-out } .modelType .iconfont[data-v-043dbcc3], .modelType[data-v-043dbcc3] { font-size: 12px } .cltpop .iconfont[data-v-043dbcc3], .cltpop .svg-icon[data-v-043dbcc3] { opacity: 0 } a[data-v-5af05414] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-5af05414] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-5af05414], .boxItem[data-v-5af05414] { height: 100%; width: 100% } .boxItem[data-v-5af05414] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-5af05414], .boxItem:hover .NSFWSHOW[data-v-5af05414], .boxItem:hover .cltpop[data-v-5af05414], .boxItem:hover .deleteBox[data-v-5af05414], .boxItem:hover .waterfall-hover-try[data-v-5af05414] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-5af05414] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-5af05414], .boxItem:hover .paletIcon[data-v-5af05414] { opacity: 0 } .defBox[data-v-5af05414] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-5af05414] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-5af05414] { color: #fff; font-size: 18px } .cntImg[data-v-5af05414] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-5af05414], .cntVideo[data-v-5af05414] { height: 100%; width: 100% } .waterfall-hover-try[data-v-5af05414] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-5af05414], .waterfall-hover-try[data-v-5af05414] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-5af05414] { left: 8px; top: 6px } .cltpop[data-v-5af05414] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-5af05414] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-5af05414] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-5af05414], .author[data-v-5af05414] { align-items: center; display: flex } .author .authorHead[data-v-5af05414] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-5af05414] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-5af05414] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-5af05414], .numItem[data-v-5af05414] { align-items: center; display: flex } .numItem .funItem[data-v-5af05414] { cursor: pointer } .numItem .funItem .iconfont[data-v-5af05414], .numItem .funItem .svg-icon[data-v-5af05414] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-5af05414] { font-size: 12px } .numItem .funItem span[data-v-5af05414] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-5af05414]:first-child { margin-right: 18px } .deleteBox[data-v-5af05414] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-5af05414], .deleteBox .svg-icon[data-v-5af05414] { font-size: 16px } .statusCnt[data-v-5af05414] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-5af05414], .statusCnt[data-v-5af05414] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-5af05414] { z-index: 1 } .statusCnt .statusBox[data-v-5af05414] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-5af05414] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-5af05414] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-5af05414] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-5af05414] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-5af05414] { cursor: zoom-in } .NSFWSHOW[data-v-5af05414] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-5af05414] { color: #fff; font-size: 18px } .bannerBox[data-v-5af05414] { cursor: pointer; height: 100%; width: 100% } .bannerBox img[data-v-5af05414] { border-radius: 16px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .bannerBox .el-carousel__button { border-radius: 26px; height: 4px; width: 4px } .bannerBox .el-carousel__indicators--horizontal { display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .bannerBox .el-carousel__indicator.is-active button { width: 20px } a[data-v-61f83dc0] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-61f83dc0] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-61f83dc0], .boxItem[data-v-61f83dc0] { height: 100%; width: 100% } .boxItem[data-v-61f83dc0] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-61f83dc0], .boxItem:hover .NSFWSHOW[data-v-61f83dc0], .boxItem:hover .cltpop[data-v-61f83dc0], .boxItem:hover .deleteBox[data-v-61f83dc0], .boxItem:hover .waterfall-hover-try[data-v-61f83dc0] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-61f83dc0] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-61f83dc0], .boxItem:hover .paletIcon[data-v-61f83dc0] { opacity: 0 } .defBox[data-v-61f83dc0] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-61f83dc0] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-61f83dc0] { color: #fff; font-size: 18px } .cntImg[data-v-61f83dc0] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-61f83dc0], .cntVideo[data-v-61f83dc0] { height: 100%; width: 100% } .waterfall-hover-try[data-v-61f83dc0] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-61f83dc0], .waterfall-hover-try[data-v-61f83dc0] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-61f83dc0] { left: 8px; top: 6px } .cltpop[data-v-61f83dc0] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-61f83dc0] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-61f83dc0] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-61f83dc0], .author[data-v-61f83dc0] { align-items: center; display: flex } .author .authorHead[data-v-61f83dc0] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-61f83dc0] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-61f83dc0] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-61f83dc0], .numItem[data-v-61f83dc0] { align-items: center; display: flex } .numItem .funItem[data-v-61f83dc0] { cursor: pointer } .numItem .funItem .iconfont[data-v-61f83dc0], .numItem .funItem .svg-icon[data-v-61f83dc0] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-61f83dc0] { font-size: 12px } .numItem .funItem span[data-v-61f83dc0] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-61f83dc0]:first-child { margin-right: 18px } .deleteBox[data-v-61f83dc0] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-61f83dc0], .deleteBox .svg-icon[data-v-61f83dc0] { font-size: 16px } .statusCnt[data-v-61f83dc0] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-61f83dc0], .statusCnt[data-v-61f83dc0] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-61f83dc0] { z-index: 1 } .statusCnt .statusBox[data-v-61f83dc0] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-61f83dc0] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-61f83dc0] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-61f83dc0] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-61f83dc0] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-61f83dc0] { cursor: zoom-in } .NSFWSHOW[data-v-61f83dc0] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-61f83dc0] { color: #fff; font-size: 18px } .videoBox[data-v-61f83dc0] { background: #1e2a3b; border-radius: 16px; cursor: pointer } .videoBox video[data-v-61f83dc0] { border-radius: 16px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .videoBanner .el-carousel__indicators { display: none } a[data-v-24d62652] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-24d62652] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-24d62652], .boxItem[data-v-24d62652] { height: 100%; width: 100% } .boxItem[data-v-24d62652] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-24d62652], .boxItem:hover .NSFWSHOW[data-v-24d62652], .boxItem:hover .cltpop[data-v-24d62652], .boxItem:hover .deleteBox[data-v-24d62652], .boxItem:hover .waterfall-hover-try[data-v-24d62652] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-24d62652] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-24d62652], .boxItem:hover .paletIcon[data-v-24d62652] { opacity: 0 } .defBox[data-v-24d62652] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-24d62652] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-24d62652] { color: #fff; font-size: 18px } .cntImg[data-v-24d62652] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-24d62652], .cntVideo[data-v-24d62652] { height: 100%; width: 100% } .waterfall-hover-try[data-v-24d62652] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-24d62652], .waterfall-hover-try[data-v-24d62652] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-24d62652] { left: 8px; top: 6px } .cltpop[data-v-24d62652] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-24d62652] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-24d62652] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-24d62652], .author[data-v-24d62652] { align-items: center; display: flex } .author .authorHead[data-v-24d62652] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-24d62652] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-24d62652] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-24d62652], .numItem[data-v-24d62652] { align-items: center; display: flex } .numItem .funItem[data-v-24d62652] { cursor: pointer } .numItem .funItem .iconfont[data-v-24d62652], .numItem .funItem .svg-icon[data-v-24d62652] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-24d62652] { font-size: 12px } .numItem .funItem span[data-v-24d62652] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-24d62652]:first-child { margin-right: 18px } .deleteBox[data-v-24d62652] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-24d62652], .deleteBox .svg-icon[data-v-24d62652] { font-size: 16px } .statusCnt[data-v-24d62652] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-24d62652], .statusCnt[data-v-24d62652] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-24d62652] { z-index: 1 } .statusCnt .statusBox[data-v-24d62652] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-24d62652] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-24d62652] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-24d62652] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-24d62652] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-24d62652] { cursor: zoom-in } .NSFWSHOW[data-v-24d62652] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-24d62652] { color: #fff; font-size: 18px } .imgNum[data-v-24d62652] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; left: 6px; padding: 3px 6px; position: absolute; top: 6px; z-index: 1 } .imgNum .iconfont[data-v-24d62652], .imgNum .svg-icon[data-v-24d62652] { font-size: 15px } .imgNum span[data-v-24d62652] { color: #fff; font-size: 10px; margin-left: 5px } .comfyUIitem[data-v-f8385f02] { background-color: #1d1d1d; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 219px; justify-content: space-between; padding: 10px; -webkit-text-decoration: none; text-decoration: none; width: 263px } .comfyUIitem .imgBox[data-v-f8385f02] { border-radius: 10px; height: 80%; overflow: hidden; position: relative; width: 100% } .comfyUIitem .imgBox .tag-box[data-v-f8385f02] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 100px 100px 100px 100px; color: #fff; display: flex; font-family: Roboto; font-size: 10px; font-weight: 700; justify-content: center; left: 6px; padding: 5px 10px; position: absolute; top: 6px } .comfyUIitem .imgBox img[data-v-f8385f02] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .comfyUIitem .name[data-v-f8385f02] { color: #fff; font-size: 13px; font-weight: 500 } .tag-item[data-v-07633d25] { display: flex; flex-flow: column; gap: 10px; position: absolute } .tag-item a[data-v-07633d25] { align-items: center; background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 15px; display: flex; flex: 1; height: 100px; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none } .tag-item a span[data-v-07633d25] { color: #fff; font-size: 16px; position: relative; z-index: 2 } .tag-item a[data-v-07633d25]:after { background: rgba(0, 0, 0, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1 } .galleryBox .imgNum[data-v-16eaaab6] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; padding: 3px 6px; position: absolute; right: 5px; top: 5px } .galleryBox .imgNum .iconfont[data-v-16eaaab6], .galleryBox .imgNum .svg-icon[data-v-16eaaab6] { font-size: 15px } .galleryBox .imgNum span[data-v-16eaaab6] { color: #fff; font-size: 10px; margin-left: 5px } .galleryBox .infoBar[data-v-16eaaab6] { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: hsla(0, 0%, 100%, .14); background: linear-gradient(45deg, rgba(37, 38, 43, .8), rgba(37, 38, 43, 0)); border-radius: 0 0 12px 12px; bottom: 0; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; height: 32px; justify-content: space-between; left: 0; padding: 0 8px; position: absolute; width: 100% } .galleryBox .infoBar .infoBarUser[data-v-16eaaab6] { align-items: center; display: flex; width: 100px } .galleryBox .infoBar .infoBarUser .infoBarUserAvator[data-v-16eaaab6] { align-items: center; background-color: #fff; border-radius: 100%; color: #000; display: flex; flex: 0 0 auto; font-size: 18px; height: 24px; justify-content: center; -o-object-fit: cover; object-fit: cover; width: 24px } .galleryBox .infoBar .infoBarUser .infoBarUserText[data-v-16eaaab6] { color: #cbd5e1; font-size: 12px; font-weight: 400; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .galleryBox .infoBar .infoNum .numBox[data-v-16eaaab6], .galleryBox .infoBar .infoNum[data-v-16eaaab6] { align-items: center; display: flex } .galleryBox .infoBar .infoNum .numBox .iconfont[data-v-16eaaab6], .galleryBox .infoBar .infoNum .numBox .svg-icon[data-v-16eaaab6] { color: #fff; font-size: 16px } .galleryBox .infoBar .infoNum .numBox span[data-v-16eaaab6] { color: #fff; font-size: 12px; margin-left: 6px } .modelPoint[data-v-16eaaab6] { -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; font-size: 12px; left: 6px; padding: 6px 10px; position: absolute; top: 6px; transition: opacity .3s ease-in-out } .ellipsis-text[data-v-16eaaab6] { color: hsla(0, 0%, 100%, .6); display: block; font-size: 12px; line-height: 15px; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .modelName[data-v-16eaaab6] { color: #fff; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 4px; max-width: 200px } .flex-center[data-v-16eaaab6] { align-items: center; cursor: pointer; display: flex } .flex-center-image[data-v-16eaaab6] { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, .1); border-radius: 16px; position: relative; transition: all .3s ease-in-out } .flex-center-image img[data-v-16eaaab6] { -o-object-fit: cover; object-fit: cover } .null-data-container[data-v-16eaaab6] { align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .null-data-container .null-image[data-v-16eaaab6] { height: 146px; width: 146px } .null-data-container .null-tips[data-v-16eaaab6] { color: #aaacb3; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; text-align: center; width: 100% } .no-search-data-container[data-v-16eaaab6] { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 260px } .no-search-data-container .no-search-image[data-v-16eaaab6] { height: 120px; width: 120px } .no-search-data-container .null-tips[data-v-16eaaab6] { color: #aaacb3; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-top: 10px; text-align: center; width: 100% } .at-bottom[data-v-16eaaab6] { align-items: center; bottom: -70px; display: flex; flex-wrap: nowrap; justify-content: center; position: absolute; width: 100% } .at-bottom .dashed-line[data-v-16eaaab6] { border: 1px dashed #55617d; height: 0; width: 120px } .at-bottom .tips[data-v-16eaaab6] { color: #55617d; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; margin: 0 16px } .waterfall-container[data-v-16eaaab6] { font-size: 14px; height: 100%; position: relative; width: 100% } .waterfall-container.server-list[data-v-16eaaab6] { display: flex; flex-wrap: wrap; gap: 15px } .waterfall-container.server-list .tag-item[data-v-16eaaab6], .waterfall-container.server-list .waterfall-item[data-v-16eaaab6] { min-width: 250px; position: static; width: calc(14.28571% - 12.85714px) } .waterfall-container.server-list .tag-item .img-content[data-v-16eaaab6], .waterfall-container.server-list .waterfall-item .img-content[data-v-16eaaab6] { height: 354px } .waterfall-item[data-v-16eaaab6] { border-radius: 12px; position: absolute; -webkit-text-decoration: none; text-decoration: none } .waterfall-item .deffBox[data-v-16eaaab6] { align-items: center; background-color: #2c354a; border-radius: 12px; display: flex; justify-content: center; position: relative } .waterfall-item .deffBox:hover > .iconfont[data-v-16eaaab6], .waterfall-item .deffBox:hover > .svg-icon[data-v-16eaaab6] { opacity: 1 } .waterfall-item .deffBox .iconfont[data-v-16eaaab6], .waterfall-item .deffBox .svg-icon[data-v-16eaaab6] { font-size: 24px; opacity: 0; position: absolute; right: 10px; top: 10px; transition: opacity .3s ease-in-out } .waterfall-item .deffBox div[data-v-16eaaab6]:first-child { color: #525d74; font-size: 14px } .waterfall-item .deffBox div[data-v-16eaaab6]:nth-child(2) { align-items: center; background-color: #202636; border-radius: 2px 0 12px 0; bottom: 0; display: flex; padding: 4px; position: absolute; right: 0 } .waterfall-item .deffBox div:nth-child(2) i[data-v-16eaaab6] { color: #505c75; font-size: 12px } .waterfall-item .deffBox div:nth-child(2) span[data-v-16eaaab6] { color: #505c75; font-size: 12px; margin-left: 5px } .waterfall-item .timeRow[data-v-16eaaab6] { align-items: center; color: #fff; display: flex } .waterfall-item .listCnt[data-v-16eaaab6] { align-items: center; background-color: #1e2a3b; border-radius: 12px; cursor: zoom-in !important; display: flex; justify-content: center; position: relative } .waterfall-item .listCnt .img-content[data-v-16eaaab6] { border-radius: 12px; overflow: hidden; position: relative } .waterfall-item .listCnt .img-content .NSFWSHOW[data-v-16eaaab6] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; opacity: 0; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .waterfall-item .listCnt .img-content .NSFWSHOW .iconfont[data-v-16eaaab6], .waterfall-item .listCnt .img-content .NSFWSHOW .svg-icon[data-v-16eaaab6] { color: #fff; font-size: 18px } .waterfall-item .listCnt .img-content img[data-v-16eaaab6] { -o-object-fit: cover; object-fit: cover; width: 100% } .waterfall-item .listCnt .img-content:hover .cntImg[data-v-16eaaab6] { transform: scale(1.15) } .waterfall-item .listCnt .statusCnt[data-v-16eaaab6] { background: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .waterfall-item .listCnt .statusCnt .statusZg[data-v-16eaaab6] { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .waterfall-item .listCnt .statusCnt .statusBox[data-v-16eaaab6] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; margin-left: -45px; margin-top: -60px; position: absolute; top: 50%; width: 120px } .waterfall-item .listCnt .statusCnt .statusBox .svg-icon[data-v-16eaaab6] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .waterfall-item .listCnt .statusCnt .statusBox .iconfont[data-v-16eaaab6] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .waterfall-item .listCnt .statusCnt .statusBox div[data-v-16eaaab6] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .waterfall-item .listCnt[data-v-16eaaab6]:hover { cursor: pointer } .waterfall-item .listCnt:hover .hover-show[data-v-16eaaab6], .waterfall-item .listCnt:hover .waterfall-hover-photo[data-v-16eaaab6], .waterfall-item .listCnt:hover .waterfall-hover-try[data-v-16eaaab6] { opacity: 1 !important; transition: all .3s ease-in-out } .waterfall-item .listCnt:hover .CollectPop[data-v-16eaaab6], .waterfall-item .listCnt:hover .NSFWSHOW[data-v-16eaaab6], .waterfall-item .listCnt:hover .cltpop[data-v-16eaaab6] { opacity: 1 !important } .waterfall-item .listCnt:hover .modelPoint[data-v-16eaaab6], .waterfall-item .listCnt:hover .payNum[data-v-16eaaab6] { opacity: 0 } .waterfall-item .cntImg[data-v-16eaaab6] { height: 100%; transition: all .3s; width: 100% } .waterfall-item .cntVideo[data-v-16eaaab6] { height: 100%; width: 100% } .waterfall-item .workInfo[data-v-16eaaab6] { align-items: center; display: flex; justify-content: space-between; margin-top: 8px; width: 100% } .waterfall-item .workInfo .numInfo[data-v-16eaaab6] { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(0, 0, 0, .1); border-radius: 24px; display: flex; height: 28px; padding: 0 7px } .waterfall-item .workInfo .numInfo .numItem[data-v-16eaaab6] { align-items: center; display: flex } .waterfall-item .workInfo .numInfo .numItem .iconfont[data-v-16eaaab6], .waterfall-item .workInfo .numInfo .numItem .svg-icon[data-v-16eaaab6] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .waterfall-item .workInfo .numInfo .numItem span[data-v-16eaaab6] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .waterfall-item .CollectPop[data-v-16eaaab6] { left: 8px; opacity: 0; position: absolute; top: 6px; z-index: 2 } .waterfall-item .cltpop[data-v-16eaaab6] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .waterfall-item .payNum[data-v-16eaaab6] { left: 9px; opacity: 1; position: absolute; top: 6px; transition: all .3s } .waterfall-item .green-mode-div[data-v-16eaaab6] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; left: 0; position: absolute; top: 0; z-index: 1 } .waterfall-item .waterfall-hover-try[data-v-16eaaab6] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; opacity: 0; padding: 0 10px; position: absolute; right: 8px; top: 12px; transition: opacity .3s ease-in-out; z-index: 2 } .waterfall-item .hover-show[data-v-16eaaab6], .waterfall-item .waterfall-hover-photo[data-v-16eaaab6] { opacity: 0 } .waterfall-item img[data-v-16eaaab6] { border-radius: inherit; display: block; min-height: 100%; transition: transform .3s ease-out } .waterfall-item .avatorClass[data-v-16eaaab6] { align-items: center; background-color: #6d717e; border-radius: 50%; color: #fff; display: flex; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; margin-right: 6px; text-align: center; width: 20px } .waterfall-item .shade[data-v-16eaaab6] { bottom: 0; color: #fff; height: 160px; left: 0; line-height: 160px; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 160px } .waterfall-item .shade p[data-v-16eaaab6] { position: relative; z-index: 2 } .waterfall-item .shade[data-v-16eaaab6]:after { background: #0f101b; border-radius: 80px; content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100% } .waterfall-item .activity[data-v-16eaaab6] { align-content: flex-end; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)); bottom: 0; cursor: default; display: flex; flex-wrap: wrap; left: 0; opacity: 0; position: absolute; right: 0; top: 0 } .waterfall-item .activity[data-v-16eaaab6]:hover { opacity: 1 } .waterfall-item .activity .top-container[data-v-16eaaab6] { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100% } .waterfall-item .activity .top-container .name[data-v-16eaaab6] { box-sizing: border-box; color: hsla(0, 0%, 100%, .9); font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; max-width: calc(100% - 72px); overflow: hidden; padding: 0 3px 0 8px; text-overflow: ellipsis; white-space: nowrap } .waterfall-item .activity .top-container .collect-num[data-v-16eaaab6] { align-items: center; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; flex-wrap: nowrap; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: flex-end; padding-right: 8px; width: 72px } .waterfall-item .activity .top-container .collect-num .iconfont[data-v-16eaaab6], .waterfall-item .activity .top-container .collect-num .svg-icon[data-v-16eaaab6] { margin-right: 3px } .waterfall-item .activity .personal-info[data-v-16eaaab6] { box-sizing: border-box; padding: 5px 8px 10px; width: 100% } .waterfall-item .activity .personal-info .left-info[data-v-16eaaab6], .waterfall-item .activity .personal-info[data-v-16eaaab6] { align-items: center; display: flex; flex-wrap: nowrap } .waterfall-item .activity .personal-info .left-info .avatorClass[data-v-16eaaab6] { height: 26px; width: 26px } .waterfall-item .activity .personal-info .left-info .ellipsis-text[data-v-16eaaab6] { max-width: calc(100% - 32px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .waterfall-item .activity .personal-info .like-num[data-v-16eaaab6] { align-items: center; color: #fff; cursor: pointer; display: flex; flex-wrap: nowrap; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; justify-content: flex-end; margin-left: 3px; width: 65px } .waterfall-item .activity .personal-info .like-num .iconfont[data-v-16eaaab6], .waterfall-item .activity .personal-info .like-num .svg-icon[data-v-16eaaab6] { margin-right: 3px } .prompt-show[data-v-16eaaab6]:after { background-color: #d8d8d8; border: 1px solid #ddd; border-radius: 5px; color: #0f101b; content: "sign up for more options"; display: none; font-size: 12px; left: 25px; line-height: 24px; padding: 2px 5px; position: absolute; text-align: center; top: 35px; transition: opacity .5s ease-in-out; width: 150px; z-index: 10 } .prompt-show[data-v-16eaaab6]:hover:after { display: inline } .waterfall-hover-photo[data-v-16eaaab6] { background: #0f121c; border-radius: 8px; bottom: 5px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; flex-direction: column; left: 2%; padding: 10px 12px 15px; position: absolute; transition: opacity .3s ease-in-out; width: 96%; z-index: 2 } .waterfall-hover-photo[data-v-16eaaab6]:hover { cursor: default } .waterfall-hover-photo .hoverTop[data-v-16eaaab6] { color: #ff3939; font-size: 12px; height: 32px } .waterfall-hover-photo .hoverTop .moreEdit[data-v-16eaaab6], .waterfall-hover-photo .hoverTop[data-v-16eaaab6] { align-items: center; display: flex; justify-content: space-between } .waterfall-hover-photo .hoverMiddle[data-v-16eaaab6] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #cbd5e1; display: -webkit-box; font-size: 12px; line-height: 15px; max-height: 45px; overflow: hidden; text-overflow: ellipsis; word-break: break-word } .waterfall-hover-photo .hoverBottom[data-v-16eaaab6] { align-items: center; color: #cbd5e1; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; justify-content: space-between; line-height: 34px; margin-top: 6px } .waterfall-hover-model[data-v-16eaaab6] { box-sizing: border-box; color: #fff !important; display: flex; flex-direction: column; width: 100%; z-index: 3 } .waterfall-hover-model[data-v-16eaaab6]:hover { cursor: default } .waterfall-hover-model .hoverTop[data-v-16eaaab6] { align-items: center; display: flex; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-size: 12px; font-weight: 500; justify-content: space-between; padding: 8px 16px 0 } .waterfall-hover-model .hoverTop span[data-v-16eaaab6] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .waterfall-hover-model .hoverBottom[data-v-16eaaab6] { align-items: center; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; font-weight: 400; justify-content: space-between; margin-top: 6px } .login-waterFall-btn-icon-model[data-v-16eaaab6] { border-radius: 4px; color: hsla(0, 0%, 100%, .6); cursor: pointer } .login-waterFall-btn-icon-model[data-v-16eaaab6], .login-waterFall-btn-icon[data-v-16eaaab6] { align-items: center; display: flex; font-size: 20px; justify-content: center; position: relative } .login-waterFall-btn-icon[data-v-16eaaab6] { border: 1px solid transparent; border-radius: 17px; color: #cbd5e1; margin-left: 4px; padding: 3px } .login-waterFall-btn-icon[data-v-16eaaab6]:hover { background: #494f80; border: 1px solid #494f80; color: #fff; cursor: pointer } .login-waterFall-btn-icon[data-v-16eaaab6]:active { background: #1e2a3b; border: 1px solid #4c5286 } .noLogin-waterFall-btn-icon[data-v-16eaaab6], .noLogin-waterFall-collect-icon[data-v-16eaaab6] { align-items: center; border-radius: 17px; color: #cbd5e1; display: flex; font-size: 20px; justify-content: center; margin-left: 4px; padding: 3px; position: relative } .noLogin-waterFall-btn-icon[data-v-16eaaab6]:hover, .noLogin-waterFall-collect-icon[data-v-16eaaab6]:hover { background: #494f80; color: #fff } .noLogin-waterFall-btn-icon[data-v-16eaaab6]:active, .noLogin-waterFall-collect-icon[data-v-16eaaab6]:active { background: #1e2a3b; border-color: #4c5286 } .noLogin-waterFall-btn-icon[data-v-16eaaab6]:after { background-color: #d8d8d8; border: 1px solid #ddd; border-radius: 5px; color: #0f101b; content: "sign in for more options"; font-size: 12px; left: 25px; line-height: 24px; opacity: 0; padding: 2px 5px; position: absolute; text-align: center; top: 35px; transition: opacity .5s ease-in-out; width: 140px; z-index: 10 } .noLogin-waterFall-btn-icon[data-v-16eaaab6]:hover:after { opacity: 1 } .fade-enter-active[data-v-16eaaab6], .fade-leave-active[data-v-16eaaab6] { transition: opacity .5s } .fade-enter[data-v-16eaaab6], .fade-leave-to[data-v-16eaaab6] { opacity: 0 } .fade-move[data-v-16eaaab6] { transition: transform .5s } .bntitem[data-v-16eaaab6] { display: flex; justify-content: flex-end } .bntitem .el-button[data-v-16eaaab6] { border-radius: 8px; color: #fff; height: 48px; margin-left: 12px; transition: all .5s ease-in-out; width: 120px } .bntitem .el-button[data-v-16eaaab6]:first-child { background-color: #121627; border: 1px solid #1e2435; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-16eaaab6]:first-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-16eaaab6]:first-child:active { background-color: #1e2a3b; border-color: #4c5286 } .bntitem .el-button[data-v-16eaaab6]:last-child { background: #0d9488; border: none; border-radius: 8px; height: 48px; width: 120px } .bntitem .el-button[data-v-16eaaab6]:last-child:hover { background-color: #494f80; border-color: #494f80 } .bntitem .el-button[data-v-16eaaab6]:last-child:active { background-color: #1e2a3b; border-color: #4c5286 } a[data-v-f578ed78] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-f578ed78] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-f578ed78], .boxItem[data-v-f578ed78] { height: 100%; width: 100% } .boxItem[data-v-f578ed78] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-f578ed78], .boxItem:hover .NSFWSHOW[data-v-f578ed78], .boxItem:hover .cltpop[data-v-f578ed78], .boxItem:hover .deleteBox[data-v-f578ed78], .boxItem:hover .waterfall-hover-try[data-v-f578ed78] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-f578ed78] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-f578ed78], .boxItem:hover .paletIcon[data-v-f578ed78] { opacity: 0 } .defBox[data-v-f578ed78] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-f578ed78] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-f578ed78] { color: #fff; font-size: 18px } .cntImg[data-v-f578ed78] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-f578ed78], .cntVideo[data-v-f578ed78] { height: 100%; width: 100% } .waterfall-hover-try[data-v-f578ed78] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-f578ed78], .waterfall-hover-try[data-v-f578ed78] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-f578ed78] { left: 8px; top: 6px } .cltpop[data-v-f578ed78] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-f578ed78] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-f578ed78] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-f578ed78], .author[data-v-f578ed78] { align-items: center; display: flex } .author .authorHead[data-v-f578ed78] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-f578ed78] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-f578ed78] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-f578ed78], .numItem[data-v-f578ed78] { align-items: center; display: flex } .numItem .funItem[data-v-f578ed78] { cursor: pointer } .numItem .funItem .iconfont[data-v-f578ed78], .numItem .funItem .svg-icon[data-v-f578ed78] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-f578ed78] { font-size: 12px } .numItem .funItem span[data-v-f578ed78] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-f578ed78]:first-child { margin-right: 18px } .deleteBox[data-v-f578ed78] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-f578ed78], .deleteBox .svg-icon[data-v-f578ed78] { font-size: 16px } .statusCnt[data-v-f578ed78] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-f578ed78], .statusCnt[data-v-f578ed78] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-f578ed78] { z-index: 1 } .statusCnt .statusBox[data-v-f578ed78] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-f578ed78] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-f578ed78] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-f578ed78] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-f578ed78] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-f578ed78] { cursor: zoom-in } .NSFWSHOW[data-v-f578ed78] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-f578ed78] { color: #fff; font-size: 18px } .videoBg[data-v-f578ed78] { z-index: 2 } .videoBg[data-v-f578ed78], video[data-v-f578ed78] { border-radius: 16px; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% } .times[data-v-f578ed78] { -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; font-size: 12px; left: 6px; padding: 3px 9px; position: absolute; top: 6px; z-index: 3 } .water-fall-popover { background-color: #0f121c !important; border: 1px solid #222935 !important; color: #cad5e1 !important; position: relative } .water-fall-popover .pop-btns { flex-direction: column } .water-fall-popover .pop-btns :first-child { border-top: 0 } .water-fall-popover .pop-btns button { background-color: transparent; border: none; border-top: 1px solid #2b2e4e; color: #cbd5e1; padding: 8px; text-align: left } .water-fall-popover .pop-btns button:hover { background-color: #34396a; cursor: pointer } .appealCnt .el-textarea .el-textarea__inner { background-color: #1d2236; color: #fff; height: 100px } .appealCnt .el-textarea .el-input__count { background-color: transparent; background-color: initial } .main .list[data-v-427e60b4] { max-height: 200px; overflow: auto; padding: 0 } .main .list li[data-v-427e60b4] { align-items: center; color: #fff; display: flex; height: 48px; justify-content: space-between; width: 100% } .main .list li span[data-v-427e60b4] { font-size: 14px } .main .list li i[data-v-427e60b4] { cursor: pointer } .rmdModelList .title[data-v-b20e96fc] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 17px } .rmdModelList .title .titleLeft[data-v-b20e96fc] { align-items: center; cursor: pointer; display: flex } .rmdModelList .title .titleLeft span[data-v-b20e96fc] { color: #d5dbe5; font-size: .16em; font-weight: 500 } .rmdModelList .title .titleLeft i[data-v-b20e96fc] { color: #94959a; font-size: 12px; margin-left: 6px } .rmdModelList .title .changeit[data-v-b20e96fc] { align-items: center; background: #1a1c1e; background-color: #1a1c1e; border: 1px solid #363945; border-radius: .04em; cursor: pointer; display: flex; height: .28em; padding: 0 .08em } .rmdModelList .title .changeit[data-v-b20e96fc]:hover { background-color: #111417 } .rmdModelList .title .changeit .iconfont[data-v-b20e96fc], .rmdModelList .title .changeit .svg-icon[data-v-b20e96fc] { font-size: .16em; margin-right: .1em } .rmdModelList .title .changeit .iconLoad[data-v-b20e96fc] { transform: rotate(1turn); transition: all .5s } .rmdModelList .title .changeit span[data-v-b20e96fc] { color: #94959a; font-size: .12em } .rmdModelList .list[data-v-b20e96fc] { display: flex; height: 2.96em } .rmdModelList .list .itme[data-v-b20e96fc] { box-sizing: border-box; cursor: pointer; margin-right: .16em; -webkit-text-decoration: none; text-decoration: none; width: 2.36em } .rmdModelList .list .itme .imgs[data-v-b20e96fc] { background-color: #595c69; border-radius: .16em; height: 2.36em; overflow: hidden; position: relative; width: 2.36em } .rmdModelList .list .itme .imgs:hover > img[data-v-b20e96fc] { transform: scale(1.15) } .rmdModelList .list .itme .imgs:hover > .cltpop[data-v-b20e96fc], .rmdModelList .list .itme .imgs:hover > .waterfall-hover-try[data-v-b20e96fc] { opacity: 1 !important } .rmdModelList .list .itme .imgs .defTxt[data-v-b20e96fc] { align-items: center; color: #fff; display: flex; font-size: 14px; height: 100%; justify-content: center; width: 100% } .rmdModelList .list .itme .imgs img[data-v-b20e96fc] { border-radius: .16em; min-height: 100%; -o-object-fit: cover; object-fit: cover; transition: all .3s; width: 100% } .rmdModelList .list .itme .imgs .waterfall-hover-try[data-v-b20e96fc] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; display: flex; font-size: 16px; height: 32px; justify-content: center; opacity: 0; padding: 0 10px; position: absolute; right: 8px; top: 12px; transition: opacity .3s ease-in-out; z-index: 2 } .rmdModelList .list .itme .imgs .svg-icon[data-v-b20e96fc] { bottom: 10px; color: #fff; cursor: pointer; font-size: 16px; position: absolute; right: 10px; z-index: 2 } .rmdModelList .list .itme .imgs .cltpop[data-v-b20e96fc] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; padding: 6px 0 0 8px; position: absolute; top: 0; transition: opacity .3s ease-in-out; transition: all .3s; width: 100%; z-index: 1 } .rmdModelList .list .itme .modelName[data-v-b20e96fc] { color: #f2f2f2; font-size: .14em; margin: .5em 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rmdModelList .list .itme .user[data-v-b20e96fc] { align-items: center; display: flex } .rmdModelList .list .itme .user .userImg[data-v-b20e96fc] { align-items: center; background-color: #595c69; border-radius: 100%; display: flex; height: .24em; justify-content: center; margin-right: .06em; width: .24em } .rmdModelList .list .itme .user .userImg img[data-v-b20e96fc] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .rmdModelList .list .itme .user .userImg .defHead[data-v-b20e96fc] { align-items: center; background-color: #fff; border-radius: 100%; color: #000; display: flex; font-size: .16em; height: 100%; justify-content: center; width: 100% } .rmdModelList .list .itme .user .userName[data-v-b20e96fc] { color: #bababa; font-size: .12em } .rmdModelList .list .itme[data-v-b20e96fc]:last-child { margin-right: 0 } .activity-rank { box-sizing: border-box; margin-top: 70px; padding: 0 10px; width: 100% } .activity-rank .tabs-container { align-items: center; display: flex; flex-wrap: nowrap; height: 40px; justify-content: center; width: 100% } .activity-rank .tabs-container .tab-item { align-items: center; box-sizing: border-box; color: hsla(0, 0%, 100%, .8); cursor: pointer; display: flex; font-family: Helvetica-Bold, Helvetica; font-size: 14px; font-weight: 700; height: 40px; justify-content: center; margin-right: 25px; padding: 0 10px; position: relative } .activity-rank .tabs-container .tab-item.active { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 55px; color: #fff } .activity-rank .tabs-container :last-child { margin-right: 0 } .activity-rank .tags-container { align-items: center; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: flex-start; margin: 5px 0 12px; width: 100% } .activity-rank .tags-container .filter-button { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 20px; color: #94a3b8; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 10px; padding: 0 16px; transition: all .5s ease-in-out } .activity-rank .tags-container .filter-button .iconfont, .activity-rank .tags-container .filter-button .svg-icon { font-size: 18px; transition: all .5s ease-in-out } .activity-rank .tags-container .filter-button .words { color: #94a3b8; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-left: 5px } .activity-rank .tags-container .filter-button:first-child { margin-left: 0 } .activity-rank .tags-container .filter-button:hover { background-color: #1c2433 } .activity-rank .tags-container .filter-button.active { background: rgba(31, 35, 48, .8); border-radius: 20px } .activity-rank .tags-container .filter-button.active .words { color: #e7edf5; font-weight: 500 } .activity-rank .rank { width: 100% } .rankDetail[data-v-776a4309] { color: #fff; min-height: calc(100vh - 72px) } .rankDetail .bg[data-v-776a4309] { background-image: /*savepage-url=/_nuxt/img/rankBg.34a1394.webp*/ var(--savepage-url-11); background-repeat: repeat-y; background-size: auto; display: flex; justify-content: center; min-height: calc(100vh - 72px); padding-bottom: 60px; width: 100% } .rankDetail .bg .cnt[data-v-776a4309] { align-items: center; display: flex; flex-direction: column; width: 100% } .rankDetail .bg .cnt .title[data-v-776a4309] { font-size: 56px; margin-top: 10px } .rankDetail .bg .cnt .title .sa[data-v-776a4309] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #1271ff, #20ffff); -webkit-background-clip: text; font-family: Arial-Bold, Arial; font-size: 56px; font-weight: 700 } .rankDetail .bg .cnt .title .hotRank[data-v-776a4309] { margin-left: 20px } .rankDetail .bg .cnt .subTitle[data-v-776a4309] { color: #d0d3dc; font-size: 18px; margin-top: 6px; text-align: center } .rankDetail .bg .cnt .tabsBox[data-v-776a4309] { background: linear-gradient(90deg, #3271cc, #0fffff); border-radius: 12px; box-sizing: border-box; height: 66px; margin-top: 20px; padding: 1px; width: 816px } .rankDetail .bg .cnt .tabsBox .tabs[data-v-776a4309] { background-color: #191520; border-radius: 12px; box-sizing: border-box; display: flex; height: 100%; justify-content: space-between; padding: 6px; width: 100% } .rankDetail .bg .cnt .tabsBox .tabs .tabItem[data-v-776a4309] { align-items: center; border-radius: 12px; color: #bfc0c1; cursor: pointer; display: flex; flex: 1; font-size: 18px; height: 100%; justify-content: center } .rankDetail .bg .cnt .tabsBox .tabs .tabItemActivate[data-v-776a4309] { background: linear-gradient(90deg, #3f8cff, #20ffff); color: #fff } .rankDetail .bg .cnt .activityRules[data-v-776a4309] { color: rgba(208, 211, 220, .7); cursor: pointer; font-family: Arial-Regular, Arial; font-size: 14px; font-weight: 400; position: absolute; right: 80px; top: -35px } .rankDetail .bg .cnt .activityRules .words[data-v-776a4309] { -webkit-text-decoration: underline; text-decoration: underline } .rankDetail .bg .cnt .ranks[data-v-776a4309] { display: flex; height: 706px; justify-content: center; margin-top: 32px; width: 100% } .rankDetail .bg .cnt .ranks.activity[data-v-776a4309] { box-sizing: border-box; display: flex; flex-wrap: wrap; height: auto; padding: 0 70px; position: relative } .rankDetail .bg .cnt .ranks.activity .rankContainer[data-v-776a4309] { box-sizing: border-box; display: flex; flex-wrap: nowrap; width: 100% } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] { flex: 1 } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left { width: 100% } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .name .vip-icon { margin-bottom: 2px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .create-and-collect { align-items: center; display: flex; flex-wrap: nowrap; margin-top: 3px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .create-and-collect .iconfont, .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .create-and-collect .svg-icon { fill: #878c97; height: 14px; width: 14px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .create-and-collect .words { color: #fff; font-family: Arial-Regular, Arial; font-size: 12px; font-weight: 400 } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .create-and-collect .collect { margin-left: 25px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .info .txt .followers { margin-top: 1px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .quan { width: 73px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .quan .svg-icon { margin-right: 3px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .quan .svg-icon.ranks-user { font-size: 21px; margin-right: 2px } .rankDetail .bg .cnt .ranks.activity .rankDelsList[data-v-776a4309] .list .item .left .quan .svg-icon.like { font-size: 18px; margin-right: 5px } .scroll:hover .scroll-btn[data-v-19af3088] { display: block } .scroll .scroll-wrapper[data-v-19af3088] { overflow: hidden } .scroll .scroll-content[data-v-19af3088] { display: flex; gap: 16px; overflow: visible; position: relative; transition: transform .3s ease-out } .scroll .scroll-btn[data-v-19af3088] { background-color: hsla(0, 0%, 100%, .4); border: none; border-radius: 50%; color: #fff; cursor: pointer; display: none; font-size: 20px; font-weight: bolder; height: 40px; opacity: .95; outline: none; padding: 0; position: absolute; top: 40%; transform: translateY(-50%); transition: all .3s ease-in-out; width: 40px } .scroll .scroll-btn[data-v-19af3088]:hover { opacity: 1 } .scroll .scroll-btn.disabled[data-v-19af3088] { cursor: not-allowed } .scroll .scroll-btn.disabled[data-v-19af3088]:hover { opacity: .5 } .scroll .scroll-btn-left[data-v-19af3088] { left: -25px } .scroll .scroll-btn-right[data-v-19af3088] { right: -25px } .main[data-v-53104dbe] { width: 100% } .main .changeBnt[data-v-53104dbe], .main[data-v-53104dbe] { display: flex; justify-content: center } .main .changeBnt[data-v-53104dbe] { align-items: center; background-color: rgba(119, 126, 144, .3); border-radius: 100%; cursor: pointer; height: 40px; position: fixed; top: 370px; width: 40px } .main .changeBnt i[data-v-53104dbe] { color: #fff; font-size: 25px } .main .left[data-v-53104dbe] { left: 10% } .main .right[data-v-53104dbe] { right: 10% } .main .cnt[data-v-53104dbe] { background: #141416; border-radius: 14px 14px 14px 14px; box-sizing: border-box; min-height: 536px; padding: 24px; position: relative; width: 876px } .main .cnt .el-icon-close[data-v-53104dbe] { color: hsla(0, 0%, 100%, .8); cursor: pointer; font-size: 17px; position: absolute; right: 33px; top: 25px } .main .cnt .cntinfo[data-v-53104dbe] { display: flex; height: 536px; width: 100% } .main .cnt .cntinfo .img[data-v-53104dbe] { border-radius: 13px; height: 536px; overflow: hidden; position: relative; width: 354px } .main .cnt .cntinfo .img:hover .bntBng[data-v-53104dbe], .main .cnt .cntinfo .img:hover .bntBox[data-v-53104dbe] { opacity: 1 } .main .cnt .cntinfo .img .bntBox[data-v-53104dbe] { bottom: 20px; box-sizing: border-box; display: flex; justify-content: space-between; left: 0; opacity: 0; padding: 0 20px; position: absolute; transition: all .3s; width: 100%; z-index: 1 } .main .cnt .cntinfo .img .bntBox .bnts[data-v-53104dbe] { align-items: center; border-radius: 100%; cursor: pointer; display: flex; height: 40px; justify-content: center; transition: all .3s; width: 40px } .main .cnt .cntinfo .img .bntBox .bnts[data-v-53104dbe]:hover { background: rgba(0, 115, 255, .36) } .main .cnt .cntinfo .img .bntBox .bnts .iconfont[data-v-53104dbe], .main .cnt .cntinfo .img .bntBox .bnts .svg-icon[data-v-53104dbe] { color: #fff; font-size: 25px } .main .cnt .cntinfo .img .bntBng[data-v-53104dbe] { background: linear-gradient(rgba(18, 19, 21, 0) -2.43%, #121315 97.57%); cursor: pointer; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: all .3s; width: 100%; z-index: 1 } .main .cnt .cntinfo .img .el-image[data-v-53104dbe] { border-radius: 13px; height: 100%; width: 100% } .main .cnt .cntinfo .infos[data-v-53104dbe] { margin-left: 20px; width: 454px } .main .cnt .cntinfo .infos .name[data-v-53104dbe] { color: #fcfcfd; font-size: 28px; font-weight: 700 } .main .cnt .cntinfo .infos .promptTit[data-v-53104dbe] { color: #777e90; font-size: 14px; font-weight: 500; line-height: 24px; margin: 10px 0 } .main .cnt .cntinfo .infos .promptTxt[data-v-53104dbe] { background: #1a1d23; border-radius: 16px; box-shadow: 0 64px 64px -48px rgba(31, 47, 70, .12); box-sizing: border-box; color: rgba(252, 252, 253, .8); font-size: 14px; height: 216px; line-height: 24px; overflow: auto; padding: 12px 24px; width: 100% } .main .cnt .cntinfo .infos .bnt[data-v-53104dbe] { display: flex; justify-content: space-between; margin-top: 21px; width: 100% } .main .cnt .cntinfo .infos .bnt .bntItem[data-v-53104dbe] { align-items: center; background: #1a1d23; border-radius: 8px; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 220px } .main .cnt .cntinfo .infos .bnt .bntItem .iconfont[data-v-53104dbe], .main .cnt .cntinfo .infos .bnt .bntItem .svg-icon[data-v-53104dbe] { color: #91b1d5; font-size: 24px; margin-right: 6px } .main .cnt .cntinfo .infos .bnt .bntItem span[data-v-53104dbe] { color: #91b1d5; font-size: 14px } .main .cnt .cntinfo .infos .line[data-v-53104dbe] { background: hsla(0, 0%, 100%, .1); height: 1px; margin: 21px 0 15px; width: 100% } .main .cnt .cntinfo .infos .otherInfo[data-v-53104dbe] { display: flex; justify-content: space-between; width: 100% } .main .cnt .cntinfo .infos .otherInfo .otherItem[data-v-53104dbe] { width: 50% } .main .cnt .cntinfo .infos .otherInfo .otherItem div[data-v-53104dbe] { box-sizing: border-box; padding-left: 24px } .main .cnt .cntinfo .infos .otherInfo .otherItem div[data-v-53104dbe]:first-child { color: #777e90; font-size: 12px; font-weight: 500; line-height: 24px } .main .cnt .cntinfo .infos .otherInfo .otherItem div[data-v-53104dbe]:nth-child(2) { color: #fcfcfd; font-size: 14px; font-weight: 500; line-height: 40px } .main .cnt .cntinfo .infos .tryBox[data-v-53104dbe] { display: flex; justify-content: center; margin-top: 20px; width: 100% } .main .cnt .cntinfo .infos .tryBox .try[data-v-53104dbe] { align-items: center; background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 47px; color: #fcfcfd; cursor: pointer; display: flex; font-size: 16px; height: 56px; justify-content: center; width: 362px } .main .cnt .recommend .tit[data-v-53104dbe] { color: #fff; display: flex; font-size: 16px; font-weight: 400; justify-content: space-between; line-height: 24px; margin: 25px 0 15px } .main .cnt .recommend .tit .view-more[data-v-53104dbe] { cursor: pointer } .studioImageInfo { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: rgba(0, 0, 0, .5) } .studioImageInfo .el-dialog__header { padding: 0 } .studioImageInfo .el-dialog__body { height: calc(100vh - 160px); overflow: auto; padding: 80px 0; width: 100% } .c-studio-filter-component[data-v-28e7729c] { background-color: var(--containerBg); color: #fff; font-size: 20px; margin-bottom: 16px; position: relative; width: inherit; z-index: 1 } .c-studio-filter-component .filter-buttons-box[data-v-28e7729c] { align-items: center; background: #0a0b17; border-radius: 8px; display: inline-flex; height: 40px; width: 353px } .c-studio-filter-component .modelType[data-v-28e7729c], .c-studio-filter-component .showType[data-v-28e7729c] { position: absolute; right: 0; top: 0 } .c-studio-filter-component .showType[data-v-28e7729c] { background: #0f1021; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; height: 40px; width: 233px } .c-studio-filter-component .showType[data-v-28e7729c] .el-select__tags { flex-wrap: nowrap; max-width: 140px !important } .c-studio-filter-component .showType[data-v-28e7729c] .el-tag { background: #2e385e; border-radius: 6px; color: #fff; font-family: Inter-Medium, Inter; font-size: 12px; font-weight: 500; height: 26px; line-height: 14px; text-shadow: 0 1px 0 rgba(0, 0, 0, .25) } .c-studio-filter-component .showType[data-v-28e7729c] .el-tag__close { background-color: #3a4e92; color: #fff } .c-studio-filter-component .showType[data-v-28e7729c] .el-input__inner { background: #0a0b17; border: 0; border-radius: 10px } .top[data-v-28e7729c] { display: flex } .top .filter-title[data-v-28e7729c] { font-size: 36px; margin-bottom: 24px } .filter-buttons .filter-button[data-v-28e7729c] { align-items: center; background: transparent; border: none !important; border-radius: 8px; box-sizing: border-box; color: #94a3b8; cursor: pointer; display: flex; height: 32px; justify-content: center; margin-left: 5px; padding: 0 16px; transition: all .5s ease-in-out; width: 114px } .filter-buttons .filter-button .svg-icon[data-v-28e7729c] { font-size: 18px } .filter-buttons .filter-button span[data-v-28e7729c] { font-size: 14px } .filter-buttons .filter-button[data-v-28e7729c]:first-child { margin-left: 0 } .filter-buttons .filter-button[data-v-28e7729c]:hover { background-color: #1c2433 } .filter-buttons .filter-button[data-v-28e7729c]:active { background: linear-gradient(90deg, #3f8cff, #20ffff) } .filter-buttons .filter-button:active span[data-v-28e7729c] { color: #fff } .filter-buttons .filter-button-icon[data-v-28e7729c] { transition: all .5s ease-in-out } .filter-buttons .active[data-v-28e7729c] { background: linear-gradient(90deg, #3f8cff, #20ffff); color: #fff } .filter-buttons .active .filter-button-icon[data-v-28e7729c] { color: #fff } [data-v-28e7729c] .el-tabs__nav-wrap .el-tabs__nav-scroll { display: flex; justify-content: flex-end } [data-v-28e7729c] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item { color: #64748b; font-size: 18px } [data-v-28e7729c] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active { color: #e2e8f0 } [data-v-28e7729c] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar { background-color: #d8d8d8 } [data-v-28e7729c] .el-tabs__nav-wrap:after { background-color: transparent } .studio-show-type.is-multiple .el-select-dropdown__item.selected { background: rgba(83, 100, 138, .3) !important; border-radius: 6px; margin-bottom: 4px } .studio-index[data-v-5562f644] { box-sizing: border-box; color: #fff; width: 100% } .studio-index .content[data-v-5562f644] { margin-top: 35px; position: relative } .studio-index .content[data-v-5562f644]:first-child { margin-top: 20px } .studio-index .content .title[data-v-5562f644] { -webkit-text-fill-color: transparent; background: linear-gradient(110deg, #39bec5, #1dc7fd 20%, #ea83f1 67%, #ef7456); -webkit-background-clip: text; display: inline-block; font-family: "Inter-Medium", Inter, var(--font-family); font-size: 22px; font-weight: 500; height: 30px; line-height: 30px; margin-bottom: 14px } .studio-index .content .title.s-font[data-v-5562f644] { font-size: 20px } .studio-index .content .view-more[data-v-5562f644] { color: #ccc; cursor: pointer; float: right; font-family: Helvetica-Regular, Helvetica; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px } .studio-index .wraper[data-v-5562f644] { position: relative } .studio-index .no-data-text[data-v-5562f644] { align-items: center; color: #909399; display: flex; font-size: 20px; height: 400px; justify-content: center } .studio-index .lab-list[data-v-5562f644] { position: relative } .studio-index .lab-list .lab-item[data-v-5562f644] { border-radius: 10px; cursor: pointer; flex-shrink: 0; height: auto; overflow: hidden; width: 280px } .studio-index .lab-list .lab-item .lab-img-content[data-v-5562f644] { background-position: top; background-size: cover; height: 240px; overflow: hidden; width: 100% } .studio-index .lab-list .lab-item .lab-img-content .lab-img-item[data-v-5562f644] { height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform .3s ease-out; width: 100% } .studio-index .lab-list .lab-item .lab-type[data-v-5562f644] { background: #131313; color: #fefefe; flex-grow: 1; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 400; line-height: 20px; width: 100% } .studio-index .lab-list .lab-item .lab-type .lab-type-title[data-v-5562f644] { line-height: 20px; margin: 10px 14px 2px } .studio-index .lab-list .lab-item .lab-type .lab-type-text[data-v-5562f644] { color: #dbdbdb; font-size: 12px; font-weight: 400; line-height: 18px; margin: 2px 14px 10px } .studio-index .lab-list .lab-item:hover .lab-img-content[data-v-5562f644] { filter: brightness(.6) } .studio-index .lab-list .lab-item:hover .lab-type[data-v-5562f644] { background: #232323 } .studio-index .admin-off[data-v-5562f644] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .studio-index .admin-off[data-v-5562f644]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .studio-index .admin-off.open[data-v-5562f644] { background: #191a27; color: #fff } .studio-index .admin-off.open[data-v-5562f644]:before { display: none } .filter-component[data-v-632f8952] { background-color: var(--containerBg); color: #fff; font-size: 20px; margin: 16px 0; position: relative; width: inherit; z-index: 1 } .filter-component .modelType[data-v-632f8952], .filter-component .showType[data-v-632f8952] { position: absolute; right: 0; top: 0 } .filter-component .showType[data-v-632f8952] { background: #0f1021; border: 1px solid #181b2a; border-radius: 8px; height: 40px; width: 166px } .filter-component .showType[data-v-632f8952] .el-input__inner { border: 0 } .top[data-v-632f8952] { display: flex } .top .filter-title[data-v-632f8952] { font-size: 36px; margin-bottom: 24px } .filter-buttons .filter-button[data-v-632f8952] { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 20px; color: #94a3b8; cursor: pointer; display: flex; height: 40px; justify-content: center; margin-left: 10px; padding: 0 16px; transition: all .5s ease-in-out } .filter-buttons .filter-button .svg-icon[data-v-632f8952] { font-size: 18px } .filter-buttons .filter-button span[data-v-632f8952] { font-size: 14px } .filter-buttons .filter-button[data-v-632f8952]:first-child { margin-left: 0 } .filter-buttons .filter-button[data-v-632f8952]:hover { background-color: #1c2433 } .filter-buttons .filter-button[data-v-632f8952]:active { border-color: #1e293b } .filter-buttons .filter-button:active span[data-v-632f8952] { color: #fff } .filter-buttons .filter-button-icon[data-v-632f8952] { transition: all .5s ease-in-out } .filter-buttons .active[data-v-632f8952] { background-color: #1c2433; color: #fff } [data-v-632f8952] .el-tabs__nav-wrap .el-tabs__nav-scroll { display: flex; justify-content: flex-end } [data-v-632f8952] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item { color: #64748b; font-size: 18px } [data-v-632f8952] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active { color: #e2e8f0 } [data-v-632f8952] .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar { background-color: #d8d8d8 } [data-v-632f8952] .el-tabs__nav-wrap:after { background-color: transparent } .video-list[data-v-744368cd] { width: 100% } .video-list .item[data-v-744368cd] { -webkit-text-decoration: none; text-decoration: none; width: calc(16.66667% - 12.5px) } .video-list .bottom-loading[data-v-744368cd] { padding: 10px 0; text-align: center; width: 100% } .video-list .list[data-v-744368cd] { display: flex; flex-wrap: wrap; gap: 15px } .video-list .no-search-data-container[data-v-744368cd] { align-content: center; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px } .video-list .no-search-data-container .no-search-image[data-v-744368cd] { height: 120px; width: 120px } .video-list .no-search-data-container .null-tips[data-v-744368cd] { color: #aaacb3; font-family: PingFang SC-Regular, PingFang SC; font-size: 14px; font-weight: 400; margin-top: 10px; text-align: center; width: 100% } .explore[data-v-d63ae344] { box-sizing: border-box; color: #fff; position: relative; width: 100% } .explore .loading[data-v-d63ae344] { bottom: -10px; height: 100px; left: 50%; position: absolute; transform: translateX(-50%); width: 100px; z-index: 99 } .explore .admin-off[data-v-d63ae344] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .explore .admin-off[data-v-d63ae344]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .explore .admin-off.open[data-v-d63ae344] { background: #191a27; color: #fff } .explore .admin-off.open[data-v-d63ae344]:before { display: none } .explore .search-result[data-v-d63ae344] { margin-top: 15px } .explore .search-result .content[data-v-d63ae344] { color: #3f8cff } .explore .search-result .content[data-v-d63ae344], .explore .search-result .tip[data-v-d63ae344] { font-family: Inter-Semi Bold, Inter; font-size: 20px; font-weight: 400; height: 24px; line-height: 24px } .explore .search-result .tip[data-v-d63ae344] { color: hsla(0, 0%, 100%, .7) } .following[data-v-d63ae344] { margin: 16px 0 40px } .wraper[data-v-d63ae344] { margin-top: 16px; min-height: 45vh } .wraper.server-list[data-v-d63ae344] { display: none } .title[data-v-d63ae344] { align-items: center; color: #d5dbe5; display: flex; font-size: 18px; font-weight: 500; justify-content: space-between; margin-bottom: 17px } .title span[data-v-d63ae344]:last-child { cursor: pointer } .more-recommend[data-v-d63ae344] { height: 100px; padding: 20px 0 } .more-recommend .btn-more[data-v-d63ae344] { background: #212e52; border: 1px solid #3b589b; border-radius: 20px; color: #dde2e9; font-size: 14px; font-weight: 400; height: 40px; width: 125px } .more-recommend .btn-more[data-v-d63ae344]:hover { filter: brightness(1.2) } .explore .el-backtop { background-color: #191a27; border-radius: 100%; height: 40px; width: 40px } .p-studio-style-list .studio-style-list-title[data-v-6b0ec339] { margin-bottom: 16px; margin-top: 20px } .p-studio-style-list .studio-style-list-title .studio-style-list-title-text[data-v-6b0ec339] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #39bec5, #1dc2fd 32%, #ea83f1 62%, #ef7456); -webkit-background-clip: text; font-family: Inter-Medium, Inter; font-size: 20px; font-weight: 500; line-height: 30px } .p-studio-style-list .studio-style-list[data-v-6b0ec339] { grid-gap: 16px; display: grid; grid-template-columns:repeat(6, 1fr) } .p-studio-style-list .studio-style-list .lab-item[data-v-6b0ec339] { border-radius: 10px; cursor: pointer; flex-shrink: 0; height: auto; max-height: 336px; max-width: 278px; overflow: hidden } .p-studio-style-list .studio-style-list .lab-item .lab-img-content[data-v-6b0ec339] { background-position: top; background-size: cover; height: 240px; overflow: hidden; width: 100% } .p-studio-style-list .studio-style-list .lab-item .lab-img-content .lab-img-item[data-v-6b0ec339] { height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform .3s ease-out; width: 100% } .p-studio-style-list .studio-style-list .lab-item .lab-type[data-v-6b0ec339] { background: #131313; color: #fefefe; flex-grow: 1; font-family: "Inter-Bold", Inter, var(--font-family); font-size: 14px; font-weight: 400; height: 96px; line-height: 20px; width: 100% } .p-studio-style-list .studio-style-list .lab-item .lab-type .lab-type-title[data-v-6b0ec339] { line-height: 20px; margin: 10px 14px 2px } .p-studio-style-list .studio-style-list .lab-item .lab-type .lab-type-text[data-v-6b0ec339] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #dbdbdb; display: -webkit-box; font-size: 12px; font-weight: 400; line-height: 18px; margin: 2px 14px 10px; overflow: hidden; text-overflow: ellipsis } .p-studio-style-list .studio-style-list .lab-item:hover .lab-img-content[data-v-6b0ec339] { filter: brightness(.6) } .p-studio-style-list .studio-style-list .lab-item:hover .lab-type[data-v-6b0ec339] { background: #232323 } .p-studio-style-list .mobile-back-to[data-v-6b0ec339] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 80px; width: 52px; z-index: 98 } .p-studio-style-list .mobile-back-to i[data-v-6b0ec339] { color: #fff; font-size: 28px } .p-studio-style-list .mobile-back-to[data-v-6b0ec339]:hover { background-color: #1c2433 } .ai-tools[data-v-3c46da1a] { display: flex; gap: 16px } .ai-tools .ai-tools-item[data-v-3c46da1a] { background: #1c1e27; border-radius: 16px; color: #e7e7e7; display: flex; flex-direction: column; height: 235px; padding: 14px; -webkit-text-decoration: none; text-decoration: none } .ai-tools .ai-tools-item .ai-tools-img[data-v-3c46da1a] { border-radius: 8px } .ai-tools .ai-tools-item .ai-tools-title[data-v-3c46da1a] { color: #e7e7e7; font-size: 18px; margin-top: 14px } .ai-tools .ai-tools-item .ai-tools-subtitle[data-v-3c46da1a] { color: hsla(0, 0%, 100%, .7); font-size: 12px; font-weight: 400; margin-top: 12px } .ai-tools .ai-tools-item .ai-tools-more[data-v-3c46da1a] { align-items: center; display: flex; height: 100%; justify-content: center } @media (min-width: 0)and (max-width: 430px) { html[data-v-031264ef] { font-size: 10px } } .justify-center[data-v-031264ef] { justify-content: center } .justify-between[data-v-031264ef] { justify-content: space-between } .justify-start[data-v-031264ef] { justify-content: flex-start } .justify-end[data-v-031264ef] { justify-content: flex-end } .items-baseline[data-v-031264ef] { align-items: baseline } .items-center[data-v-031264ef] { align-items: center } .items-end[data-v-031264ef] { align-items: flex-end } .item-stretch[data-v-031264ef] { align-items: stretch } .flex-wrap[data-v-031264ef] { flex-wrap: wrap } .flex-col[data-v-031264ef] { flex-direction: column } .flex-1[data-v-031264ef] { flex: 1 1 0% } .inline-flex[data-v-031264ef] { display: inline-flex } .h-full[data-v-031264ef] { height: 100% } .w-full[data-v-031264ef] { width: 100% } .mx-auto[data-v-031264ef] { margin-left: auto; margin-right: auto } .no-m[data-v-031264ef] { margin: 0 } .no-p[data-v-031264ef] { padding: 0 } .no-m-t[data-v-031264ef] { margin-top: 0 } .no-m-b[data-v-031264ef] { margin-bottom: 0 } .text-center[data-v-031264ef] { text-align: center } .text-right[data-v-031264ef] { text-align: right } .ud-line[data-v-031264ef] { text-decoration-line: underline } .text-no-wrap[data-v-031264ef] { white-space: nowrap } .text-no-wrap-2[data-v-031264ef], .text-no-wrap[data-v-031264ef] { overflow: hidden; text-overflow: ellipsis } .text-no-wrap-2[data-v-031264ef] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .f-12[data-v-031264ef] { font-size: 12px } .display_none[data-v-031264ef] { display: none !important } .flex[data-v-031264ef], .flex_wrap[data-v-031264ef] { display: flex } .flex_wrap[data-v-031264ef] { flex-wrap: wrap } .flex_b[data-v-031264ef] { align-items: flex-end; display: flex } .flex_tb[data-v-031264ef], .flex_tb_c[data-v-031264ef] { display: flex; flex-direction: column; justify-content: space-between } .flex_tb_c[data-v-031264ef] { align-items: center } .flex_line_c[data-v-031264ef], .flex_line_c_m[data-v-031264ef] { align-items: center; display: flex; flex-direction: column } .flex_line_c_m[data-v-031264ef] { justify-content: center } .flex_line_end[data-v-031264ef] { display: flex; flex-direction: column-reverse } .flex_lr[data-v-031264ef], .flex_lr_m[data-v-031264ef] { display: flex; justify-content: space-between } .flex_lr_m[data-v-031264ef] { align-items: center } .flex_c_m[data-v-031264ef] { justify-content: center } .flex_c_m[data-v-031264ef], .flex_cm_l[data-v-031264ef] { align-items: center; display: flex } .flex_cm_l[data-v-031264ef] { justify-content: flex-start } .flex_cm_r[data-v-031264ef] { align-items: center; display: flex; justify-content: flex-end } .flex_c[data-v-031264ef] { display: flex; justify-content: center } .flex_m[data-v-031264ef] { align-items: center; display: flex } .flex_nosize[data-v-031264ef] { flex-shrink: 0 } .flex_autosize[data-v-031264ef] { flex-grow: 1 } .flex_inline[data-v-031264ef] { display: inline-flex } .flex0[data-v-031264ef] { flex: 0; min-width: 0 } .flex1[data-v-031264ef] { flex: 1; min-width: 0 } .flex-nowrap[data-v-031264ef] { flex-wrap: nowrap } .page-leave-active[data-v-031264ef] { display: none } .waterfull-filter .filter-content[data-v-031264ef] { box-sizing: border-box; padding: 0 16px 24px; width: 265px } .waterfull-filter .filter-content .title[data-v-031264ef] { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 12px; font-weight: 800; height: 17px; line-height: 17px; margin-top: 10px; width: 100% } .waterfull-filter .filter-content .filter[data-v-031264ef] { display: flex; flex-wrap: wrap; margin-top: 8px } .waterfull-filter .filter-content .filter .item-filter[data-v-031264ef] { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; box-sizing: border-box; color: hsla(0, 0%, 100%, .8); display: flex; font-family: PingFang SC; font-size: 12px; height: 24px; justify-content: center; margin: 0 10px 10px 0; padding: 0 10px } .waterfull-filter .filter-content .filter-reset[data-v-031264ef] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px } .waterfull-filter .filter-content .active[data-v-031264ef] { background: #595c6a; color: #fff; font-family: Helvetica } .waterfull-filter .filter-content .active > i[data-v-031264ef] { color: #22d19d; font-size: 16px; margin-right: 6px } .SaDialog[data-v-031264ef] { background: #121627; border: 1px solid #282f40; border-radius: 8px } .SaDialog .el-dialog__header[data-v-031264ef] { background-color: #0f121e; border-radius: 8px 8px 0 0; font-size: 12px } .SaDialog .el-dialog__header .el-dialog__title[data-v-031264ef] { color: #fff; font-size: 16px; font-weight: 800 } .SaDialog .el-dialog__body[data-v-031264ef] { color: #cbd5e1; padding: 10px 22px } .SaDialog .el-dialog__footer[data-v-031264ef] { box-shadow: inset 0 1px 0 0 rgba(40, 46, 64, .6); padding: 10px 23px } .model-fitting-hover-popover[data-v-031264ef] { background-color: transparent !important; border: 0 !important; padding: 0 } .model-fitting-hover-popover .content[data-v-031264ef] { background-color: transparent; display: flex; position: relative } .model-fitting-hover-popover .content .arrow[data-v-031264ef] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .model-fitting-hover-popover .content .image[data-v-031264ef] { border: 0 !important; border-radius: 10px !important; height: 164px !important; margin: 0 !important; -o-object-fit: cover; object-fit: cover; width: 150px !important } .model-info-popover .model-info-box[data-v-031264ef] { background: #24262a; border: 1px solid #35383c; border-radius: 6px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); box-sizing: border-box; padding: 14px 12px; position: relative; width: 218px } .model-info-popover .model-info-box .close-btn[data-v-031264ef] { color: #c0c0c3; font-size: 16px; position: absolute; right: 6px; top: 6px } .model-info-popover .model-info-box .model-info-header[data-v-031264ef] { display: flex; width: 100% } .model-info-popover .model-info-box .model-info-header > .left[data-v-031264ef] { height: 46px; width: 46px } .model-info-popover .model-info-box .model-info-header > .left img[data-v-031264ef] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .model-info-popover .model-info-box .model-info-header > .right[data-v-031264ef] { display: flex; flex: 1; flex-wrap: wrap; margin-left: 8px } .model-info-popover .model-info-box .model-info-header > .right .model-name[data-v-031264ef] { color: #c0c0c3; font-family: PingFang SC; font-size: 16px; font-weight: 600; width: 100% } .model-info-popover .model-info-box .model-info-header > .right .model-info[data-v-031264ef] { color: #c0c0c3; font-family: PingFang SC; font-size: 12px; width: 100% } .model-info-popover .model-info-box .model-info-expression[data-v-031264ef] { margin-top: 15px; width: 100% } .model-info-popover .model-info-box .model-info-expression .title[data-v-031264ef] { color: #c0c0c3; font-family: PingFang SC; font-size: 14px; margin-bottom: 6px } .model-info-popover .model-info-box .model-info-expression .expressions-box[data-v-031264ef] { display: flex; flex-wrap: wrap; width: 100% } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression[data-v-031264ef] { background: #36393f; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; color: #c0c0c3; font-family: PingFang SC; font-size: 12px; margin: 0 6px 4px 0; padding: 4px 10px } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression.active[data-v-031264ef] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #36393f, #36393f), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box } .tooltip-box[data-v-031264ef] { align-items: center; display: flex; justify-content: center; position: relative } .tooltip-box[data-v-031264ef]:hover:after, .tooltip-box[data-v-031264ef]:hover:before { display: block } .tooltip-box[data-v-031264ef]:after, .tooltip-box[data-v-031264ef]:before { display: none; position: absolute } .tooltip-box[data-v-031264ef]:after { text-wrap: nowrap; word-wrap: break-word; background: #303133; border-radius: 4px; bottom: calc(100% + 10px); color: #fff; content: attr(data-text); font-size: 12px; left: auto; line-height: 1.2; margin: 0 auto; padding: 10px; right: auto; z-index: 9999 } .tooltip-box[data-v-031264ef]:before { border-color: #303133 transparent transparent; border-style: solid; border-width: 5px 5px 0; bottom: calc(100% + 5px); content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; z-index: 9999 } .tooltip-box.bottom[data-v-031264ef]:after { bottom: auto; top: calc(100% + 10px) } .tooltip-box.bottom[data-v-031264ef]:before { border-color: transparent transparent #303133; border-width: 0 5px 5px; bottom: auto; top: calc(100% + 5px) } .tooltip-box.left[data-v-031264ef]:after { bottom: auto; left: auto; right: calc(100% + 10px); top: auto } .tooltip-box.left[data-v-031264ef]:before { border-color: transparent transparent transparent #303133; border-width: 5px 0 5px 5px; bottom: auto; left: auto; right: calc(100% + 5px); top: auto } .tooltip-box.right[data-v-031264ef]:after { bottom: auto; left: calc(100% + 10px); right: auto; top: auto } .tooltip-box.right[data-v-031264ef]:before { border-color: transparent #303133 transparent transparent; border-width: 5px 5px 5px 0; bottom: auto; left: calc(100% + 5px); margin-left: 0; right: auto; top: auto } [data-v-031264ef] .top-menu-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; min-width: 196px; padding: 12px 16px } [data-v-031264ef] .top-menu-popover .content { width: 100% } [data-v-031264ef] .top-menu-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } [data-v-031264ef] .top-menu-popover .content .item:hover { background: #2f3238; border-radius: 4px } [data-v-031264ef] .top-menu-popover .content .item > img { height: 28px; margin-right: 12px; width: 28px } [data-v-031264ef] .top-menu-popover .content > :last-child { margin-bottom: 0 } [data-v-031264ef] .workflow-app-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 12px 16px } [data-v-031264ef] .workflow-app-popover .content { width: 100% } [data-v-031264ef] .workflow-app-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } [data-v-031264ef] .workflow-app-popover .content .item:hover { background: #2f3238; border-radius: 4px } [data-v-031264ef] .workflow-app-popover .content > :last-child { margin-bottom: 0 } .words-wrap[data-v-031264ef] { word-wrap: break-word; white-space: normal; word-break: normal } .overflow-ellipsis[data-v-031264ef] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .width-height-hundred[data-v-031264ef] { box-sizing: border-box; height: 100%; width: 100% } .el-rate__icon[data-v-031264ef] { font-size: 20px; margin-right: 0 } .right-click-menu[data-v-031264ef] { background-color: #24262a; border-radius: 6px; box-sizing: border-box; padding: 6px 7px; position: absolute; width: 212px; z-index: 999 } .right-click-menu .item-menu[data-v-031264ef] { cursor: pointer; height: 100%; position: relative; width: 100% } .right-click-menu .item-menu.have-children .label[data-v-031264ef] { width: 110% } .right-click-menu .item-menu .label[data-v-031264ef] { align-items: center; box-sizing: border-box; color: #c0c0c3; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu[data-v-031264ef]:hover { background-color: #2f3238; border-radius: 4px } .right-click-menu .item-menu:hover .sub-menu[data-v-031264ef] { display: block } .right-click-menu .item-menu .sub-menu[data-v-031264ef] { background-color: #24262a; border-radius: 6px; display: none; padding: 6px 7px; position: absolute; right: -230px; top: 0; width: 206px } .right-click-menu .item-menu .sub-menu[data-v-031264ef]:hover { display: block } .right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-031264ef] { align-items: center; box-sizing: border-box; color: #c0c0c3; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-031264ef]:hover { background-color: #2f3238; border-radius: 4px } .el-image-viewer__actions[data-v-031264ef] { display: none !important } h1[data-v-031264ef], p[data-v-031264ef] { margin: 0 } .el-badge__content[data-v-031264ef] { border: none } .el-dropdown-menu[data-v-031264ef] { background: #191a27; border: 1px solid #272b30; border-radius: 16px; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08); opacity: 1 } .el-dropdown-menu .el-dropdown-menu__item[data-v-031264ef]:hover { background-color: transparent; background-color: initial } .el-dropdown-menu .el-dropdown-menu__item:hover span[data-v-031264ef] { color: #fcfcfc } .el-popper[x-placement^=bottom] .popper__arrow[data-v-031264ef], .el-popper[x-placement^=top] .popper__arrow[data-v-031264ef] { display: none } .el-image__error[data-v-031264ef], .el-image__inner[data-v-031264ef], .el-image__placeholder[data-v-031264ef] { height: auto; min-height: 100% !important } .el-image__error[data-v-031264ef], .el-image__placeholder[data-v-031264ef] { background-color: transparent; background-color: initial } .image-slot[data-v-031264ef] { align-items: center; color: #fff; display: flex; font-size: 24px; height: 100%; justify-content: center; width: 100% } .galleryMetaPoper[data-v-031264ef] { background-color: transparent !important; background-color: initial !important; border-radius: 10px !important } [data-v-031264ef]:root { --padding-4: 22px; --padding-3: 16px; --padding-2: 8px; --padding-1: 4px; --font-size-05: 12px; --font-size-1: 14px; --font-size-2: 16px; --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif"; --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d); --containerBg: #0a0b17; --sidebarBg: #0a0b17 } [data-v-031264ef]::-webkit-scrollbar { width: 8px } [data-v-031264ef]::-webkit-scrollbar-track { background-color: #0a0b17; border-radius: 8px } [data-v-031264ef]::-webkit-scrollbar-thumb { background-color: #263141; border-radius: 8px } .hide-scrollbar[data-v-031264ef] { -ms-overflow-style: none; scrollbar-width: none } .hide-scrollbar[data-v-031264ef]::-webkit-scrollbar { height: 0; width: 0 } .flex-center[data-v-031264ef] { justify-content: center } .flex-between[data-v-031264ef], .flex-center[data-v-031264ef] { align-items: center; display: flex } .flex-between[data-v-031264ef] { justify-content: space-between } a.logo[data-v-031264ef] { -webkit-text-decoration: none; text-decoration: none } .el-backtop[data-v-031264ef] { background-color: #191a27; border-radius: 50%; color: #fff; height: 40px; width: 40px; z-index: 999 } .el-backtop[data-v-031264ef]:hover { background: #4c5184 } .el-switch .el-switch__core[data-v-031264ef] { background: #4b5164; border: 1px solid transparent } body[data-v-031264ef] { background-color: #0a0b17; font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif" } button[data-v-031264ef]:focus-visible { outline: none } .el-popover[data-v-031264ef] { background-color: #0f121c; border: 1px solid #293246; border-radius: 8px } .el-loading-spinner .path[data-v-031264ef] { stroke-width: 4px; stroke: #fff } .el-loading-mask[data-v-031264ef] { background: transparent } .el-popper[data-v-031264ef] { padding: 0 } [data-v-031264ef]:export { containerBg: #0a0b17; sidebarBg: #0a0b17; sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d) } .AIHelpSupportBox[data-v-031264ef] { background-color: #fff; height: 500px; right: 38%; top: 20%; width: 375px; z-index: 9999 } .close[data-v-031264ef] { background: #f9c633; border-radius: 25px; color: #fff; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 999 } .close[data-v-031264ef]:before { transform: rotate(45deg) } .close[data-v-031264ef]:after, .close[data-v-031264ef]:before { background: #fff; content: ""; height: 2px; left: 6px; position: absolute; top: 14px; width: 20px; z-index: 999 } .close[data-v-031264ef]:after { transform: rotate(-45deg) } .custom-table .table-body[data-v-031264ef] { height: calc(100% - 52px) } .custom-table .table-body .el-table[data-v-031264ef] { background: #252e42 } .custom-table .table-body .el-table th[data-v-031264ef] { background: #252e42; color: #a6b3cc } .custom-table .table-body .el-table tr[data-v-031264ef] { background: #192030 } .custom-table .table-body .el-table .el-table__fixed-right-patch[data-v-031264ef] { background: #252e42; border-bottom-color: #252e42 } .custom-table .table-body .el-table td.el-table__cell[data-v-031264ef], .custom-table .table-body .el-table th.el-table__cell.is-leaf[data-v-031264ef] { border-bottom-color: #313336 } .custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td[data-v-031264ef] { background-color: #171e2f !important } .custom-table .table-body .el-table tbody tr:hover > td[data-v-031264ef] { background: #171f34 !important } .custom-table .table-pagination[data-v-031264ef] { display: flex; justify-content: space-between; margin-top: 10px; padding-right: 20px } .custom-table .table-pagination .bottom-btn[data-v-031264ef] { align-items: center; display: flex; max-width: calc(100% - 480px); padding-left: 20px } .custom-table .table-pagination .bottom-btn .el-dropdown[data-v-031264ef] { margin-left: 10px } .custom-table .table-pagination .bottom-btn .el-dropdown > [disabled][data-v-031264ef] { background: #81aeaa; border-color: #81aeaa } .custom-table .table-pagination .el-pagination[data-v-031264ef] { padding: 10px 0; text-align: right } .custom-table .table-pagination .el-pagination .btn-next[data-v-031264ef], .custom-table .table-pagination .el-pagination .btn-prev[data-v-031264ef], .custom-table .table-pagination .el-pagination.is-background .el-pager li[data-v-031264ef] { background: #20283b } .custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active[data-v-031264ef], .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active[data-v-031264ef], .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-031264ef] { background: #0d9488 } .custom-table .table-pagination .el-pagination .el-input__inner[data-v-031264ef] { background: #20283b; border-color: #232e50; height: 22px } .custom-table .el-table[data-v-031264ef]:before, .custom-table .el-table__fixed-right[data-v-031264ef]:before { background: #192030 } .custom-table[data-v-031264ef] ::-webkit-scrollbar-corner { background: transparent } .custom-table[data-v-031264ef] ::-webkit-scrollbar { height: 8px !important; width: 8px !important } .el-dialog[data-v-031264ef] { background: #1a202f } .custom-dialog .el-dialog[data-v-031264ef] { background: #1a202f; border: 1px solid #293045; margin-top: 10vh !important; width: 600px } .custom-dialog .el-dialog .el-dialog__header[data-v-031264ef] { background: #0f121e; padding: 20px 30px; position: relative; z-index: 20000 } .custom-dialog .el-dialog .el-dialog__header span[data-v-031264ef] { color: #fff; font-size: 16px } .custom-dialog .el-dialog .el-dialog__body[data-v-031264ef] { padding: 20px 30px } .custom-dialog .dialog-btn button[data-v-031264ef] { background: #0d9488; border-color: #0d9488; color: #fff; font-size: 16px; height: 48px; width: 120px } .custom-dialog .dialog-btn button[data-v-031264ef]:first-child { background: #1e2435; border-color: #2d354b } .custom-dialog.big-body-dialog .el-dialog[data-v-031264ef], .custom-dialog.big-dialog .el-dialog[data-v-031264ef], .custom-dialog.big-footer-dialog .el-dialog[data-v-031264ef], .custom-dialog.big-head-dialog .el-dialog[data-v-031264ef] { margin: 3vh auto !important } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-031264ef], .custom-dialog.big-dialog .el-dialog .el-dialog__body[data-v-031264ef], .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-031264ef], .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-031264ef] { box-sizing: border-box; max-height: calc(94vh - 144px); overflow: auto } .custom-dialog.big-head-dialog .el-dialog .el-dialog__header[data-v-031264ef] { display: none } .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-031264ef] { max-height: calc(94vh - 80px) } .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-031264ef] { max-height: calc(94vh - 70px) } .custom-dialog.big-body-dialog[data-v-031264ef] { overflow: hidden } .custom-dialog.big-body-dialog .el-dialog .el-dialog__header[data-v-031264ef] { display: none } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-031264ef] { max-height: 94vh } .custom-dialog-canvas .el-dialog[data-v-031264ef] { background-color: #24262a; border-radius: 20px } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title[data-v-031264ef] { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close[data-v-031264ef] { color: #f7fbfa; font-size: 16px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button[data-v-031264ef] { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-031264ef] > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-031264ef] > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custom-form .el-date-editor .el-range-separator[data-v-031264ef] { color: #8e8f92 } .custom-form .el-input__inner[data-v-031264ef], .custom-form .el-textarea__inner[data-v-031264ef] { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-select-dropdown__item[data-v-031264ef] { color: #fff; font-weight: 500 } .custom-form .el-select-dropdown__item.hover[data-v-031264ef], .custom-form .el-select-dropdown__item[data-v-031264ef]:hover { background-color: #192133; color: #fff; font-weight: 500 } .custom-form .el-form-item__label[data-v-031264ef] { color: #cbd5e1; padding-bottom: 0 } .custom-form .el-range-input[data-v-031264ef], .custom-form .el-textarea__inner[data-v-031264ef] { background: #20283b; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-input.is-disabled .el-input__inner[data-v-031264ef] { background-color: #444851; border-color: #444851 } .custom-form .el-select:hover .el-input__inner[data-v-031264ef] { border-color: #464646 } .custom-form .el-select .el-input.is-disabled .el-input__inner[data-v-031264ef] { background-color: #444851; border-color: #444851 } .custom-form .el-select .el-tag[data-v-031264ef] { background: #192133; color: #fff } .custom-form .el-input-number__decrease[data-v-031264ef], .custom-form .el-input-number__increase[data-v-031264ef] { background: #192133; border-color: #0f1c38 } .custom-form .el-slider__runway[data-v-031264ef] { background-color: #393d4a; height: 8px } .custom-form .el-slider__runway .el-slider__bar[data-v-031264ef] { background-color: #cbd5e1; height: 8px } .custom-form .el-slider__runway .el-slider__button[data-v-031264ef] { background: #cbd5e1; border-color: #cbd5e1; border-radius: 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); box-sizing: border-box; height: 20px; width: 20px } .custom-form .el-checkbox[data-v-031264ef] { color: #cbd5e1; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-031264ef] { color: #3d8bf1 } .custom-form .el-checkbox .el-checkbox__inner[data-v-031264ef] { background: #262c3a; border: 1px solid #979797; border-radius: 2px; height: 14px; width: 14px } .custom-form .el-checkbox .el-checkbox__inner[data-v-031264ef]:after { height: 7px; left: 5px; top: 1px } .custom-form .el-checkbox .el-checkbox__input[data-v-031264ef] { vertical-align: text-bottom } .custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-031264ef] { background: #0052cc; border-color: #0052cc; height: 14px; width: 14px } .custom-form .el-radio__input.is-disabled .el-radio__inner[data-v-031264ef] { background: #434445; border-color: #434445 } .custom-form .el-radio__input.is-disabled + span.el-radio__label[data-v-031264ef] { color: #434445 } .custom-form .el-textarea.is-disabled .el-textarea__inner[data-v-031264ef] { background: #434445; border-color: #434445 } .custom-form .el-input__count[data-v-031264ef] { background: #20283b; color: #cbd5e1 } .p-tavern-new-character-container .el-textarea .el-input__count[data-v-031264ef] { line-height: 18px } .el-select .custom-select[data-v-031264ef] { position: absolute !important } .el-select .custom-select-fixed[data-v-031264ef] { position: fixed !important } .el-select .custom-select-top-40[data-v-031264ef] { top: 40px !important } .custom-select[data-v-031264ef] { background: #1c1d2a !important; border: 1px solid #293045 !important; border-radius: 8px !important; color: #5a7dc2 } .custom-select .el-select-dropdown__list[data-v-031264ef] { margin-bottom: 8px; margin-right: 8px; padding: 6px } .custom-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-031264ef], .custom-select.is-multiple .el-select-dropdown__item.selected[data-v-031264ef] { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; color: #fff } .custom-select .el-scrollbar__wrap[data-v-031264ef] { overflow: auto } .custom-select .el-select-dropdown__item[data-v-031264ef] { color: hsla(0, 0%, 100%, .6) } .custom-select .el-select-dropdown__item.selected[data-v-031264ef] { color: #fff; position: relative } .custom-select .el-select-dropdown__item.selected[data-v-031264ef]:after { content: "✓"; position: absolute; right: 10px } .custom-select .el-select-dropdown__item.hover[data-v-031264ef], .custom-select .el-select-dropdown__item[data-v-031264ef]:hover { background: #242534; border-radius: 5px; color: #fff } .custom-select .popper__arrow[data-v-031264ef], .custom-select .popper__arrow[data-v-031264ef]:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .custom-select .el-input__inner[data-v-031264ef] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .painting-board-select[data-v-031264ef] { border: 0 !important; border-radius: 6px !important; box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25) } .painting-board-select.select-canvas .el-select-dropdown__item.selected[data-v-031264ef], .painting-board-select.select-canvas .el-select-dropdown__item[data-v-031264ef], .painting-board-select[data-v-031264ef] { background: #1a1a22 !important } .painting-board-select.el-select-dropdown[data-v-031264ef] { margin-top: 3px } .painting-board-select.el-select-dropdown .add-canvas-option[data-v-031264ef] { align-items: center; background: #2f3238 !important; display: flex; justify-content: center } .painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus[data-v-031264ef] { font-size: 16px; margin-right: 5px } .painting-board-select.el-select-dropdown .more-btn[data-v-031264ef] { height: 34px; width: 20px } .painting-board-select.el-select-dropdown .more-btn .more-icon[data-v-031264ef] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .painting-board-select .el-select-dropdown__list[data-v-031264ef] { margin-bottom: 8px; margin-right: 8px; padding: 6px } .painting-board-select .el-select-dropdown__list[data-v-031264ef] > :last-child { margin-bottom: 0 } .painting-board-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-031264ef], .painting-board-select.is-multiple .el-select-dropdown__item.selected[data-v-031264ef] { background: #34396a; color: #fff } .painting-board-select .el-scrollbar__wrap[data-v-031264ef] { overflow: auto } .painting-board-select .el-select-dropdown__item[data-v-031264ef] { align-items: center; background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; color: #c0d0f1; display: flex; height: 32px; justify-content: space-between; margin-bottom: 4px; padding: 4px 8px } .painting-board-select .el-select-dropdown__item > .show-params-name[data-v-031264ef] { align-items: center; display: flex; height: 100%; justify-content: space-between; width: 100% } .painting-board-select .el-select-dropdown__item.selected[data-v-031264ef] { background: hsla(0, 0%, 100%, .1) } .painting-board-select .popper__arrow[data-v-031264ef], .painting-board-select .popper__arrow[data-v-031264ef]:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .painting-board-select .el-input__inner[data-v-031264ef] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .custom-btn.el-button--primary[data-v-031264ef] { background: #0d9488; border-color: #0d9488; color: #fff } .custom-btn.el-button--primary.is-disabled[data-v-031264ef] { background: #81aeaa; border-color: #81aeaa } .custom-btn.el-button--default[data-v-031264ef] { background: #293045; border-color: #293045; color: #fff } .custom-btn.el-button--default.is-disabled[data-v-031264ef] { background: #81aeaa; border-color: #81aeaa } .custom-btn-create.el-button--primary[data-v-031264ef] { background: linear-gradient(90deg, #3f8cff, #20ffff); border: none; color: #fff } .custom-btn-create.el-button--default[data-v-031264ef] { background: #101111; border-color: #101111; color: #fff } .el-message[data-v-031264ef] { min-width: 0; min-width: auto } .el-message-box.custom-confirm[data-v-031264ef] { background: #192133; border-color: #322d2d } .el-message-box.custom-confirm .el-message-box__title[data-v-031264ef] { color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__content[data-v-031264ef] { color: #fff } .el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner[data-v-031264ef] { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__status.el-icon-info[data-v-031264ef] { color: #fff } .el-message-box.custom-confirm .el-button--default[data-v-031264ef] { background: #293045; border-color: #293045; color: #fff } .el-message-box.custom-confirm .el-button--primary[data-v-031264ef] { background: #0d9488; border-color: #0d9488; color: #fff } .el-message-box.ai-face-swap-confirm[data-v-031264ef] { background: #24262a; border: 0; border-radius: 20px; min-height: 174px } .el-message-box.ai-face-swap-confirm .el-message-box__header[data-v-031264ef] { background: #24262a; padding: 20px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span[data-v-031264ef] { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close[data-v-031264ef] { color: #fff; font-size: 18px } .el-message-box.ai-face-swap-confirm .el-message-box__content[data-v-031264ef] { min-height: 61px; padding: 15px 24px 10px } .el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p[data-v-031264ef] { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 16px } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-031264ef] { padding: 5px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button[data-v-031264ef] { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-031264ef] > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-031264ef] > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custorm-messagebox[data-v-031264ef] { background: #192133; border-color: #322d2d } .custorm-messagebox .el-message-box__title[data-v-031264ef] { color: #fff } .custorm-messagebox .el-input__inner[data-v-031264ef] { background: #20283b; border-color: #232e50 } .custom-submenu .el-menu[data-v-031264ef] { background: #20283b } .custom-submenu .el-menu .el-submenu.is-active .el-submenu__title[data-v-031264ef] { color: #fff } .custom-submenu .el-menu .el-submenu__title[data-v-031264ef] { background-color: transparent; background-color: initial } .custom-submenu .el-menu .el-submenu__title[data-v-031264ef]:hover { background: #323d54; color: #fff } .custom-submenu .el-menu .el-menu-item[data-v-031264ef] { background: #20283b } .custom-submenu .el-menu .el-menu-item.is-active[data-v-031264ef], .custom-submenu .el-menu .el-menu-item[data-v-031264ef]:hover { background: #323d54; color: #fff } .custom-popver[x-placement^=bottom] .popper__arrow[data-v-031264ef] { border-bottom-color: #3c5288 !important } .custom-popver[x-placement^=bottom] .popper__arrow[data-v-031264ef]:after { border-bottom-color: #06080b !important } .custom-popver[x-placement^=top] .popper__arrow[data-v-031264ef] { border-top-color: #3c5288 !important } .custom-popver[x-placement^=top] .popper__arrow[data-v-031264ef]:after { border-top-color: #06080b !important } .custom-popver[x-placement^=left] .popper__arrow[data-v-031264ef] { border-left-color: #3c5288 !important } .custom-popver[x-placement^=left] .popper__arrow[data-v-031264ef]:after { border-left-color: #06080b !important } .custom-popver[x-placement^=right] .popper__arrow[data-v-031264ef] { border-right-color: #3c5288 !important } .custom-popver[x-placement^=right] .popper__arrow[data-v-031264ef]:after { border-right-color: #06080b !important } .custom-dropdown[data-v-031264ef] { background: #192133; border-color: #322d2d } .custom-dropdown .el-dropdown-menu__item[data-v-031264ef] { color: #9b9b9c } .custom-dropdown .el-dropdown-menu__item[data-v-031264ef]:focus, .custom-dropdown .el-dropdown-menu__item[data-v-031264ef]:hover { background: #323d54; color: #fff } .custom-dropdown .popper__arrow[data-v-031264ef] { border-bottom-color: #323d54 !important } .custom-dropdown .popper__arrow[data-v-031264ef]:after { border-bottom-color: #192133 !important } .custom-dropdown-canvas[data-v-031264ef] { background: #192133; border: 0; border-radius: 8px; margin-top: 3px !important } .custom-dropdown-canvas .el-dropdown-menu__item[data-v-031264ef] { color: #9b9b9c } .custom-dropdown-canvas .el-dropdown-menu__item[data-v-031264ef]:focus, .custom-dropdown-canvas .el-dropdown-menu__item[data-v-031264ef]:hover { background: #192133 !important; border-radius: 8px; color: #fff } .custom-dropdown-canvas .popper__arrow[data-v-031264ef] { border-bottom-color: #323d54 !important } .custom-dropdown-canvas .popper__arrow[data-v-031264ef]:after { border-bottom-color: #192133 !important } .AIHelpSupportBox[data-v-031264ef] { bottom: 0; height: 700px; left: 0; margin: auto; position: fixed; right: 0; top: 0; width: 600px } .zoom-box[data-v-031264ef]:before { content: ""; float: left; padding-top: 100% } .zoom-box[data-v-031264ef]:after { clear: both; content: ""; display: block } .PromptWork .el-textarea .el-input__count[data-v-031264ef] { background: transparent } .ellipsis-line[data-v-031264ef], .ellipsis-text[data-v-031264ef] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .ellipsis-text[data-v-031264ef] { -webkit-line-clamp: 5 } .ellipsis[data-v-031264ef] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .el-message-box[data-v-031264ef] { background: #1a202f; border: 1px solid #293045 } .el-message-box .el-dialog__header[data-v-031264ef], .el-message-box .el-message-box__header[data-v-031264ef] { background: #0f121e } .el-message-box .el-message-box__btns .el-button--primary[data-v-031264ef] { background: #0d9488; border-color: #0d9488; color: #fff } .bg-nsfw-s[data-v-031264ef], .bg-nsfw[data-v-031264ef] { background-image: /*savepage-url=/_nuxt/img/nsfw_lang.ec8566f.webp*/ url(); background-position: 0 0; background-repeat: no-repeat; background-size: cover } .marking-item[data-v-031264ef] { position: relative } .marking-item:hover .admin-marking[data-v-031264ef] { align-items: center; display: flex; flex-direction: column; gap: 30px; justify-content: center } .rounded-border[data-v-031264ef] { border-radius: 5px } .rounded-border[data-v-031264ef], .rounded-border[data-v-031264ef]:hover { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent } .custom-tips-popper-role[data-v-031264ef] { border: 1px solid #e4e7ed !important; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12); padding: 12px 16px } .custom-tips-popper-role .tooltip-txt[data-v-031264ef] { color: #606266; font-family: Archivo; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: justified; text-transform: none; width: 318px } .like-selected[data-v-031264ef] { color: #df8518 !important } .icon-collect_selected[data-v-031264ef] { color: #ff3d3d !important } .icon-link[data-v-031264ef] { color: #4784ff !important } .icon-mall-desc[data-v-031264ef] { color: #aeaeae !important } .icon-manage[data-v-031264ef] { color: #d8d8d8 !important } .icon-min-search[data-v-031264ef] { color: #737a85 !important } .icon-moveDelete[data-v-031264ef] { color: #abbdd7 !important } .icon-folder-search[data-v-031264ef] { color: #647289; font-size: 26px } .icon-postDelete[data-v-031264ef] { color: #fd4040 } .icon-ranks-user[data-v-031264ef] { color: #878c96 } .icon-remove-background[data-v-031264ef] { color: #e9e9ea } .icon-return[data-v-031264ef] { color: #d9d9d9 } .icon-right[data-v-031264ef] { font-size: 12px } .icon-round-wrong[data-v-031264ef] { color: #d81f05 } .icon-send1[data-v-031264ef] { color: #b7c4d4 } .icon-setting_icon[data-v-031264ef], .icon-sign_out[data-v-031264ef] { color: #5a7dc2 } .icon-simple_icon[data-v-031264ef] { color: #e9e0e4 } .icon-statusBox[data-v-031264ef] { font-size: 12px } .icon-success[data-v-031264ef] { color: #32a772 } .icon-add-tag[data-v-031264ef] { color: #aeaeae; font-size: 12px; font-weight: 400 } .icon-delete-gpt[data-v-031264ef] { color: #fd4040 } .icon-tagReplace[data-v-031264ef] { color: #aeaeae } .icon-tagTips[data-v-031264ef] { color: #788291 } .icon-task-upscale-icon[data-v-031264ef], .icon-task-variations-icon[data-v-031264ef] { color: #e9e9ea } .icon-translate[data-v-031264ef] { color: #8a8a8a } .icon-recommend[data-v-031264ef] { font-size: 14px; font-weight: 700 } .icon-tutorial[data-v-031264ef] { color: #c2c2c2 } .icon-changeit[data-v-031264ef] { color: #94959a } .icon-filterIcon[data-v-031264ef] { color: #9d9da2 } .icon-deff-mycollect[data-v-031264ef] { color: #646d85 !important } .icon-imgNum[data-v-031264ef], .icon-play[data-v-031264ef] { color: #fff !important } .funItem .icon-icon_jiedian[data-v-031264ef] { font-size: 12px !important } .icon-like_selected[data-v-031264ef] { color: #e08519 !important } .el-dropdown-item-2 .iconfont[data-v-031264ef] { font-size: 14px; margin-right: 5px } .el-dropdown-item-2 .icon-sort-arrow-down[data-v-031264ef] { font-size: 12px } button[data-v-031264ef] { background: transparent; border: none; cursor: pointer } button.disabled[data-v-031264ef] { cursor: not-allowed } .image-gallery[data-v-031264ef] { background-color: #111522 } .image-gallery .imgpage-info[data-v-031264ef] .el-popover__reference { padding: 0 } .dialog[data-v-031264ef], .el-popover[data-v-031264ef] { color: #fff } .dialog[data-v-031264ef] { background-color: #01030f; border-radius: 0; box-shadow: none } .imgpage-content[data-v-031264ef] { height: 100%; justify-content: space-between; position: relative } .imgpage-inner[data-v-031264ef] { background: #0c1018; border: 1px solid #1f263c; margin: 0 auto; overflow-x: hidden; overflow-y: hidden; position: relative; width: 58vw } .btn-zoom[data-v-031264ef] { border-radius: 50%; height: 36px; position: absolute; right: 32px; top: 32px; width: 36px; z-index: 1 } .btn-zoom[data-v-031264ef]:hover { background-color: #1c2433 } .btn-zoom[data-v-031264ef]:active { background-color: #1d2349 } .left-button[data-v-031264ef], .right-button[data-v-031264ef] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; font-size: 26px; height: 56px; justify-content: center; margin: 0 50px; position: fixed; top: 50%; transform: translateY(-50%); width: 56px } .left-button[data-v-031264ef]:hover, .right-button[data-v-031264ef]:hover { background-color: #1c2433 } .left-button[data-v-031264ef]:active, .right-button[data-v-031264ef]:active { background-color: #1d2349 } .right-button[data-v-031264ef] { right: 0 } .left-button[data-v-031264ef]:hover, .right-button[data-v-031264ef]:hover { opacity: 1 } .close-button[data-v-031264ef] { border-radius: 50%; color: #fff; cursor: pointer; font-size: 26px; height: 56px; position: fixed; right: 70px; top: 70px; width: 56px } .close-button[data-v-031264ef]:hover { background-color: #1c2433 } .close-button[data-v-031264ef]:active { background-color: #1d2349 } .imgpage-image[data-v-031264ef] { justify-content: center; min-width: 600px; position: relative } .imgpage-image.bold-border[data-v-031264ef] { padding: 32px 32px 0 } .imgpage-image img[data-v-031264ef] { cursor: zoom-in; height: calc(100vh - 200px); margin-bottom: 10px; max-width: 100%; min-height: 400px; -o-object-fit: contain; object-fit: contain } .imgpage-image img.full[data-v-031264ef] { height: auto; width: 100% } .imgpage-image img.blur[data-v-031264ef] { filter: blur(40px) } .imgpage-info .description[data-v-031264ef], .imgpage-info .parent-category[data-v-031264ef] { margin-bottom: 30px } .imgpage-info .description[data-v-031264ef] { word-wrap: break-word; color: #e2e8f0; font-size: 20px; letter-spacing: 1px; line-height: 28px; width: 100%; word-break: break-all } .imgpage-related[data-v-031264ef] { margin-bottom: 20px; padding: 0 32px } .imgpage-related .title[data-v-031264ef] { color: #e2e8f0; justify-content: space-between } .imgpage-related .title .left[data-v-031264ef] { font-size: 24px } .imgpage-related .title .right[data-v-031264ef] { align-items: center; border-radius: 15px; cursor: pointer; display: flex; font-size: 16px; padding: 0 15px } .imgpage-related .title .right[data-v-031264ef]:hover { background-color: #34396a } .imgpage-related .related-images[data-v-031264ef] { margin-top: 25px; min-height: 50px; position: relative } .imgpage-related .related-image[data-v-031264ef] { margin-bottom: 10px; margin-right: 10px; width: calc(33.33333% - 10px) } .imgpage-related .related-image[data-v-031264ef]:last-child { margin-right: 0 } .imgpage-related .related-image img[data-v-031264ef] { width: 100% } .pop-btns[data-v-031264ef] { flex-direction: column } .pop-btns button[data-v-031264ef] { border-radius: 5px; color: #cbd5e1; padding: 8px; text-align: left } .pop-btns button[data-v-031264ef]:hover { background-color: #34396a } .image-gallery[data-v-031264ef] { background: #090b15; min-height: calc(100vh - 110px); position: relative } .image-gallery .admin-off[data-v-031264ef] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .image-gallery .admin-off[data-v-031264ef]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .image-gallery .admin-off.open[data-v-031264ef] { background: #191a27; color: #fff } .image-gallery .admin-off.open[data-v-031264ef]:before { display: none } .image-gallery .mask[data-v-031264ef] { background-color: #000; bottom: 0; height: 100vh; left: 0; opacity: .8; position: fixed; right: 0; top: 0; width: 100vw; z-index: 100 } .image-gallery .mobile-back-to[data-v-031264ef] { align-items: center; background-color: #1c2433; border-radius: 50%; cursor: pointer; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 120px; width: 52px; z-index: 98 } .image-gallery .mobile-back-to .svg-icon[data-v-031264ef], .image-gallery .mobile-back-to i[data-v-031264ef] { color: #fff; font-size: 28px } .image-gallery .mobile-home-to[data-v-031264ef] { top: 25px } .image-gallery .mobile-home-to .svg-icon[data-v-031264ef], .image-gallery .mobile-home-to i[data-v-031264ef] { font-size: 22px } .image-gallery .imgpage-content[data-v-031264ef] { min-width: 1200px } .image-gallery .imgpage-content .imgpage-inner[data-v-031264ef] { background: #090b15; border: 0; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner[data-v-031264ef] .imgpage-image-hold { display: flex } .image-gallery .imgpage-content .imgpage-inner[data-v-031264ef] .imgpage-image-hold .imgpage-image-info-container { height: calc(100vh - 200px); min-width: 0; min-width: auto } .image-gallery .imgpage-content .imgpage-inner[data-v-031264ef] .imgpage-image-hold .imgpage-image-info-container .seo-title { color: hsla(0, 0%, 100%, .9); font-size: 20px; font-weight: 700; left: 0; line-height: 30px; position: absolute; top: -40px; z-index: 1 } .image-gallery .imgpage-content .imgpage-inner .close-button[data-v-031264ef] { position: absolute; right: 20px; top: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-031264ef] { border-radius: 30px 0 0 30px; flex-shrink: 0; min-width: 440px; padding: 0; position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-031264ef] { background: #141416; border-radius: 30px 0 0 30px; box-sizing: border-box; height: 100%; overflow: hidden; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video[data-v-031264ef] { box-sizing: border-box; cursor: default; cursor: zoom-in; height: 100%; height: auto; margin-bottom: 0; margin-top: -1px; -o-object-fit: contain; object-fit: contain; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img.blur-img[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video.blur-img[data-v-031264ef] { filter: blur(19px) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-031264ef] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons[data-v-031264ef] { align-items: center; align-items: flex-end; background: linear-gradient(rgba(18, 19, 21, 0) -2.43%, #121315 97.57%); border-radius: 30px 0 0 30px; bottom: 0; box-sizing: border-box; display: flex; flex-wrap: nowrap; height: 100%; justify-content: center; left: 0; opacity: 0; padding-bottom: 15px; pointer-events: none; position: absolute; transition-duration: .2s; width: 100%; z-index: 2 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .cltpop[data-v-031264ef] { cursor: pointer; left: 25px; position: absolute; top: 15px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container[data-v-031264ef] { bottom: 15px; pointer-events: all; width: 508px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container[data-v-031264ef] { align-items: center; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: space-around; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button[data-v-031264ef] { align-items: center; background: rgba(31, 39, 61, .26); border-radius: 20px; color: #e9e9ea; cursor: pointer; display: flex; height: 40px; justify-content: center; width: 40px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button .iconfont[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button .svg-icon[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button .iconfont[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button .svg-icon[data-v-031264ef] { font-size: 25px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button > span[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button > span[data-v-031264ef] { color: #c4cde2 !important; font-family: PingFangSC-Semibold, PingFang SC; font-size: 14px; font-weight: 600; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button[data-v-031264ef]:hover, .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button[data-v-031264ef]:hover { background: rgba(0, 115, 255, .36) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container .operate-button:hover > span[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .single-picture-container .operate-button:hover > span[data-v-031264ef] { -webkit-text-fill-color: transparent; background: linear-gradient(90deg, #5f93f5, #76c3ed); -webkit-background-clip: text; color: #c4cde2 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale[data-v-031264ef] { position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale .V[data-v-031264ef] { border-radius: 0 0 20px 20px; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale .U[data-v-031264ef] { border-radius: 20px 20px 0 0; position: absolute; top: -40px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-extraUpscale[data-v-031264ef] { position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-extraUpscale .V[data-v-031264ef] { border-radius: 0 0 20px 20px; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-extraUpscale .extra-upscale[data-v-031264ef] { border-radius: 20px 20px 0 0; position: absolute; top: -40px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-upscale-extraUpscale[data-v-031264ef] { position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-upscale-extraUpscale .U[data-v-031264ef] { border-radius: 0 0 20px 20px; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-upscale-extraUpscale .extra-upscale[data-v-031264ef] { border-radius: 20px 20px 0 0; position: absolute; top: -40px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale[data-v-031264ef] { position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale .V[data-v-031264ef] { border-radius: 0 0 20px 20px; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale .U[data-v-031264ef] { border-radius: 0; box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .2); position: absolute; top: -40px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .quick-operate-buttons .button-container .four-picture-container.exist-variation-upscale-extraUpscale .extra-upscale[data-v-031264ef] { border-radius: 20px 20px 0 0; position: absolute; top: -80px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-031264ef] { opacity: 1 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-031264ef] { border-radius: 0 30px 30px 0; box-sizing: border-box; flex-shrink: 0; max-height: calc(100vh - 162px); position: relative; width: 450px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description[data-v-031264ef] { box-sizing: border-box; margin-bottom: 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header[data-v-031264ef] { align-items: center; border-top: 1px solid #1f2024; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: space-between; padding: 10px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left[data-v-031264ef] { align-items: center; display: flex; gap: 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .title[data-v-031264ef] { color: #777e91; font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy[data-v-031264ef] { align-items: center; display: flex } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-031264ef] { align-items: center; color: #91b1d5; cursor: pointer; display: flex; font-family: PingFangSC-Medium, PingFang SC, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 12px; font-weight: 400; height: 20px; justify-content: center } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .iconfont[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .svg-icon[data-v-031264ef] { font-size: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .iconfont[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .svg-icon[data-v-031264ef], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-031264ef]:hover { color: #409eff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy.copied[data-v-031264ef] { cursor: default } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-031264ef] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; padding: 4px; transition: all .3s } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .svg-icon[data-v-031264ef] { height: 26px; width: 26px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .iconfont[data-v-031264ef] { font-size: 26px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-031264ef]:hover { background-color: #262f43 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .button-try[data-v-031264ef] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; padding: 0 20px; transition: opacity .3s ease-in-out } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-031264ef] { background: hsla(0, 0%, 100%, .06); border-radius: 10px; box-sizing: border-box; color: #777e91; display: flex; font-family: PingFangSC-Regular, PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"; font-family: "PingFangSC-Regular", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 400; line-height: 20px; max-height: 100px; overflow: hidden; width: 100%; word-break: keep-all } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-031264ef]:hover { display: block; overflow-y: auto } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-031264ef] { margin: 12px; overflow: hidden } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-031264ef]::-moz-selection { background-color: #5478a6; color: #fff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-031264ef]::selection { background-color: #5478a6; color: #fff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info[data-v-031264ef] { border-bottom: 1px solid #1f2024; color: hsla(0, 0%, 100%, .7); display: flex; flex-direction: column; gap: 15px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header[data-v-031264ef] { border-bottom: 1px solid #1f2024; color: #777e91; font-size: 25px; padding: 18px 0 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .iconfont[data-v-031264ef] { font-size: 25px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .title[data-v-031264ef] { font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .model-seo-name[data-v-031264ef] { color: #777e90; font-size: 12px; font-weight: 500; margin-top: 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models[data-v-031264ef] { gap: 15px; padding: 0 0 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-031264ef] { color: #b9b9b9; cursor: pointer; gap: 14px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; width: 48% } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-031264ef]:hover { color: #cfcfcf } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cover[data-v-031264ef] { border-radius: 8px; flex-shrink: 0; height: 55px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 55px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont[data-v-031264ef] { height: 100%; justify-content: space-evenly } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type[data-v-031264ef] { font-size: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span[data-v-031264ef] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 4px; color: #26c7e3; padding: 0 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span.isLora[data-v-031264ef] { background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560); color: #d15bd3 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-name[data-v-031264ef] { font-size: 14px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items[data-v-031264ef] { font-size: 16px; gap: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item[data-v-031264ef] { color: #4086d4 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item a[data-v-031264ef] { color: #4086d4; -webkit-text-decoration: none; text-decoration: none } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content[data-v-031264ef] { box-sizing: border-box } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info[data-v-031264ef] { font-size: 14px; gap: 45px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .name[data-v-031264ef] { color: #777e90; font-size: 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .value[data-v-031264ef] { color: #bfc8d4; margin-top: 6px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag[data-v-031264ef] { border-bottom: 1px solid #1f2024; color: hsla(0, 0%, 100%, .7); gap: 10px; padding: 10px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag .time[data-v-031264ef] { font-size: 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-031264ef] { margin: 0 6px; padding: 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-031264ef]:last-child { margin-left: 6px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related[data-v-031264ef] { margin-top: 25px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div[data-v-031264ef] { align-items: center; display: flex; justify-content: center; margin: 25px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div .title[data-v-031264ef] { color: #e2e8f0; font-family: PingFangSC-Medium, PingFang SC; font-size: 20px; font-weight: 500; height: 28px; line-height: 28px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .related-images[data-v-031264ef] { min-height: 166px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .loading-div[data-v-031264ef] { bottom: 18px; height: 0; position: absolute; width: 100% } .image-gallery[data-v-031264ef] .el-loading-mask { z-index: 97 } .bigVideo { align-items: center; background-color: #000; cursor: zoom-out; display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999 } .bigVideo img, .bigVideo video { cursor: auto; height: 100%; -o-object-fit: contain; object-fit: contain } .bigVideo .videoClear { align-items: center; background-color: #606266; border-radius: 100%; cursor: pointer; display: flex; height: 40px; justify-content: center; position: absolute; right: 40px; top: 40px; width: 40px } .bigVideo .videoClear i { color: #fff; font-size: 24px } .imageGatherDetails[data-v-4b1514fe] { color: #fff; min-height: calc(100vh - 72px); width: 100% } .imageGatherDetails .topBox[data-v-4b1514fe] { background: #0a0b17; box-shadow: inset 0 -1px 0 0 rgba(30, 41, 59, .5); height: 48px; justify-content: space-between; margin-top: 12px; width: 100% } .imageGatherDetails .topBox .left[data-v-4b1514fe], .imageGatherDetails .topBox[data-v-4b1514fe] { align-items: center; display: flex } .imageGatherDetails .topBox .left .item[data-v-4b1514fe] { align-items: center; display: flex; margin-right: 90px } .imageGatherDetails .topBox .left .item .lab[data-v-4b1514fe] { color: #94a3b8; font-size: 14px } .imageGatherDetails .topBox .left .item .txt[data-v-4b1514fe] { color: #fff; font-size: 14px; margin-left: 26px } .imageGatherDetails .topBox .right[data-v-4b1514fe] { align-items: center; display: flex; justify-content: space-between } .imageGatherDetails .myImgs .imgTit[data-v-4b1514fe] { align-items: center; display: flex; margin: 10px 0 } .imageGatherDetails .myImgs .imgTit span[data-v-4b1514fe] { color: #94a3b8; font-size: 14px } .imageGatherDetails .myImgs .imgTit div[data-v-4b1514fe] { align-items: center; display: flex; margin-left: 23px } .imageGatherDetails .myImgs .imgTit div i[data-v-4b1514fe] { color: rgba(148, 163, 184, .6); font-size: 14px; margin-right: 8px } .imageGatherDetails .myImgs .imgTit div span[data-v-4b1514fe] { color: rgba(148, 163, 184, .6); font-size: 12px } .imageGatherDetails .imgs[data-v-4b1514fe] { background: #1c1d2a; border-radius: 8px; box-sizing: border-box; margin-top: 18px; padding: 12px; position: relative } .imageGatherDetails .imgs .clearAll[data-v-4b1514fe] { align-items: center; bottom: 17px; cursor: pointer; display: flex; position: absolute; right: 28px } .imageGatherDetails .imgs .clearAll .iconfont[data-v-4b1514fe], .imageGatherDetails .imgs .clearAll .svg-icon[data-v-4b1514fe] { font-size: 16px } .imageGatherDetails .imgs .clearAll span[data-v-4b1514fe] { color: #94a3b8; font-size: 16px; margin-left: 5px } .imageGatherDetails .imgs .defTxt[data-v-4b1514fe] { align-items: center; color: #9dabc1; display: flex; font-size: 20px; height: 100px; justify-content: center; width: 100% } .imageGatherDetails .imgs .imgList[data-v-4b1514fe] { display: flex; flex-wrap: wrap; padding-bottom: 20px } .imageGatherDetails .imgs .imgList .imgItem[data-v-4b1514fe] { background: rgba(49, 51, 69, .4); border-radius: 8px; height: 157px; margin: 0 14px 14px 0; overflow: hidden; position: relative; width: 157px } .imageGatherDetails .imgs .imgList .imgItem:hover .imgClear[data-v-4b1514fe] { opacity: 1 } .imageGatherDetails .imgs .imgList .imgItem img[data-v-4b1514fe] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .imageGatherDetails .imgs .imgList .imgItem .imgClear[data-v-4b1514fe] { align-items: center; background: rgba(226, 83, 83, .2); bottom: 0; cursor: pointer; display: flex; height: 22px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100% } .imageGatherDetails .imgs .imgList .imgItem .imgClear .svg-icon[data-v-4b1514fe] { font-size: 14px } .imageGatherDetails .trainTabs[data-v-4b1514fe] { margin-top: 25px } .imageGatherDetails .workTip[data-v-4b1514fe] { align-items: center; display: flex; margin-top: 10px } .imageGatherDetails .workTip i[data-v-4b1514fe] { color: #fff; font-size: 12px; margin-right: 5px } .imageGatherDetails .workTip span[data-v-4b1514fe] { color: #fff; font-size: 12px } .imageGatherDetails .search[data-v-4b1514fe] { background: #1c1d2a; border-radius: 100px; box-sizing: border-box; height: 32px; justify-content: space-between; margin-top: 14px; padding: 0 14px; width: 700px } .imageGatherDetails .search div[data-v-4b1514fe], .imageGatherDetails .search[data-v-4b1514fe] { align-items: center; display: flex } .imageGatherDetails .search div .iconfont[data-v-4b1514fe], .imageGatherDetails .search div .svg-icon[data-v-4b1514fe] { font-size: 18px } .imageGatherDetails .search div input[data-v-4b1514fe] { background-color: transparent; background-color: initial; border: none; color: #fff; height: 100%; outline: none; width: 600px } .imageGatherDetails .search i[data-v-4b1514fe] { cursor: pointer } .imageGatherDetails .wraper[data-v-4b1514fe] { margin-top: 14px } .addBox[data-v-4b1514fe] { background: linear-gradient(90deg, #3271cc, #0fffff); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin-left: 16px; padding: 1px } .addBox .add[data-v-4b1514fe] { align-items: center; background-color: #0a0b17; border-radius: 8px; display: flex; justify-content: center; padding: 12px 16px } .addBox .add .svg-icon[data-v-4b1514fe] { font-size: 18px; margin-right: 17px } .addBox .add span[data-v-4b1514fe] { color: #fff; font-size: 14px } .trainTabs .el-tabs__item { color: #abbdd7; font-size: 16px } .trainTabs .el-tabs__item.is-active { color: #fff } .trainTabs .el-tabs__nav-wrap:after { background-color: transparent; background-color: initial; box-shadow: inset 0 -1px 0 0 rgba(30, 41, 59, .5) } .trainTabs .el-tabs__active-bar { background: linear-gradient(90deg, #3f8cff, #20ffff) } a[data-v-c37414fc] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-c37414fc] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-c37414fc], .boxItem[data-v-c37414fc] { height: 100%; width: 100% } .boxItem[data-v-c37414fc] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-c37414fc], .boxItem:hover .NSFWSHOW[data-v-c37414fc], .boxItem:hover .cltpop[data-v-c37414fc], .boxItem:hover .deleteBox[data-v-c37414fc], .boxItem:hover .waterfall-hover-try[data-v-c37414fc] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-c37414fc] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-c37414fc], .boxItem:hover .paletIcon[data-v-c37414fc] { opacity: 0 } .defBox[data-v-c37414fc] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-c37414fc] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-c37414fc] { color: #fff; font-size: 18px } .cntImg[data-v-c37414fc] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-c37414fc], .cntVideo[data-v-c37414fc] { height: 100%; width: 100% } .waterfall-hover-try[data-v-c37414fc] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-c37414fc], .waterfall-hover-try[data-v-c37414fc] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-c37414fc] { left: 8px; top: 6px } .cltpop[data-v-c37414fc] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-c37414fc] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-c37414fc] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-c37414fc], .author[data-v-c37414fc] { align-items: center; display: flex } .author .authorHead[data-v-c37414fc] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-c37414fc] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-c37414fc] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-c37414fc], .numItem[data-v-c37414fc] { align-items: center; display: flex } .numItem .funItem[data-v-c37414fc] { cursor: pointer } .numItem .funItem .iconfont[data-v-c37414fc], .numItem .funItem .svg-icon[data-v-c37414fc] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-c37414fc] { font-size: 12px } .numItem .funItem span[data-v-c37414fc] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-c37414fc]:first-child { margin-right: 18px } .deleteBox[data-v-c37414fc] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-c37414fc], .deleteBox .svg-icon[data-v-c37414fc] { font-size: 16px } .statusCnt[data-v-c37414fc] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-c37414fc], .statusCnt[data-v-c37414fc] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-c37414fc] { z-index: 1 } .statusCnt .statusBox[data-v-c37414fc] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-c37414fc] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-c37414fc] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-c37414fc] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-c37414fc] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-c37414fc] { cursor: zoom-in } .NSFWSHOW[data-v-c37414fc] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-c37414fc] { color: #fff; font-size: 18px } a[data-v-2b77b4b6] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-2b77b4b6] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-2b77b4b6], .boxItem[data-v-2b77b4b6] { height: 100%; width: 100% } .boxItem[data-v-2b77b4b6] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-2b77b4b6], .boxItem:hover .NSFWSHOW[data-v-2b77b4b6], .boxItem:hover .cltpop[data-v-2b77b4b6], .boxItem:hover .deleteBox[data-v-2b77b4b6], .boxItem:hover .waterfall-hover-try[data-v-2b77b4b6] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-2b77b4b6] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-2b77b4b6], .boxItem:hover .paletIcon[data-v-2b77b4b6] { opacity: 0 } .defBox[data-v-2b77b4b6] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-2b77b4b6] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-2b77b4b6] { color: #fff; font-size: 18px } .cntImg[data-v-2b77b4b6] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-2b77b4b6], .cntVideo[data-v-2b77b4b6] { height: 100%; width: 100% } .waterfall-hover-try[data-v-2b77b4b6] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-2b77b4b6], .waterfall-hover-try[data-v-2b77b4b6] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-2b77b4b6] { left: 8px; top: 6px } .cltpop[data-v-2b77b4b6] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-2b77b4b6] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-2b77b4b6] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-2b77b4b6], .author[data-v-2b77b4b6] { align-items: center; display: flex } .author .authorHead[data-v-2b77b4b6] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-2b77b4b6] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-2b77b4b6], .numItem[data-v-2b77b4b6] { align-items: center; display: flex } .numItem .funItem[data-v-2b77b4b6] { cursor: pointer } .numItem .funItem .iconfont[data-v-2b77b4b6], .numItem .funItem .svg-icon[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-2b77b4b6] { font-size: 12px } .numItem .funItem span[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-2b77b4b6]:first-child { margin-right: 18px } .deleteBox[data-v-2b77b4b6] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-2b77b4b6], .deleteBox .svg-icon[data-v-2b77b4b6] { font-size: 16px } .statusCnt[data-v-2b77b4b6] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-2b77b4b6], .statusCnt[data-v-2b77b4b6] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-2b77b4b6] { z-index: 1 } .statusCnt .statusBox[data-v-2b77b4b6] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-2b77b4b6] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-2b77b4b6] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-2b77b4b6] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-2b77b4b6] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-2b77b4b6] { cursor: zoom-in } .NSFWSHOW[data-v-2b77b4b6] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-2b77b4b6] { color: #fff; font-size: 18px } .boxItemjidian[data-v-2b77b4b6] { background-color: rgba(0, 0, 0, .4); border-radius: 100%; color: #fff; font-size: 20px; padding: 10px; position: absolute; right: 12px; top: 12px } .cnt[data-v-2b77b4b6] { background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); bottom: 0; box-sizing: border-box; left: 0; padding: 12px; position: absolute; width: 100% } .cnt .user[data-v-2b77b4b6] { align-items: center; cursor: pointer; display: flex } .cnt .user .authorHead[data-v-2b77b4b6] { align-items: center; background-color: #6d717e; border-radius: 100%; color: #fff; display: flex; flex: 0 0 auto; font-size: 14px; height: 32px; justify-content: center; width: 32px } .cnt .user .authorHead img[data-v-2b77b4b6] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .cnt .user .authorName[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 14px; margin-left: 8px; max-width: 100px; white-space: nowrap } .cnt .title[data-v-2b77b4b6], .cnt .user .authorName[data-v-2b77b4b6] { overflow: hidden; text-overflow: ellipsis } .cnt .title[data-v-2b77b4b6] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #fff; display: -webkit-box; font-size: 20px; font-weight: 700; margin-top: 12px } .cnt .rate[data-v-2b77b4b6] { align-items: center; display: flex; margin-top: 13px } .cnt .rate span[data-v-2b77b4b6] { background-color: #393e44; border-radius: 8px; color: #f1f5f9; font-size: 12px; margin-left: 5px; padding: 5px 8px } .cnt .numItem[data-v-2b77b4b6] { cursor: pointer; margin-top: 10px } .cnt .numItem .play[data-v-2b77b4b6], .cnt .numItem[data-v-2b77b4b6] { align-items: center; display: flex } .cnt .numItem .play span[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .cnt .numItem .play .iconfont[data-v-2b77b4b6], .cnt .numItem .play .svg-icon[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6) !important; font-size: 16px; margin-right: 5px } .cnt .numItem .funItem[data-v-2b77b4b6] { align-items: center; cursor: pointer; display: flex; margin-left: 10px } .cnt .numItem .funItem .iconfont[data-v-2b77b4b6], .cnt .numItem .funItem .svg-icon[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .cnt .numItem .funItem span[data-v-2b77b4b6] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .cnt .numItem .funItem[data-v-2b77b4b6]:first-child { margin-right: 18px } .aichat-report[data-v-054f33fd] .el-dialog { background: #24262a; border-radius: 20px; width: 620px } .aichat-report[data-v-054f33fd] .el-dialog .el-dialog__header { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial } .aichat-report[data-v-054f33fd] .el-dialog .el-dialog__body { padding-top: 0 } .aichat-report[data-v-054f33fd] .el-dialog .el-dialog__footer { padding: 0 } .aichat-report .report-body .title[data-v-054f33fd] { color: #efefef; margin-bottom: 10px } .aichat-report .report-body .report-reason .reason-list[data-v-054f33fd] { display: flex; flex-flow: column; gap: 10px } .aichat-report .report-body .report-reason .reason-list p[data-v-054f33fd] { background: hsla(0, 0%, 100%, .06); border-radius: 10px; color: #cfcfcf; cursor: pointer; height: 40px; line-height: 40px; padding: 0 10px } .aichat-report .report-body .report-reason .reason-list p[data-v-054f33fd]:hover { background: hsla(0, 0%, 100%, .1) } .aichat-report .report-body .report-remark[data-v-054f33fd] .el-textarea__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid #24262a; border-radius: 10px; color: #fff; resize: none } .aichat-report .report-body .report-result[data-v-054f33fd] { padding-bottom: 20px; text-align: center } .aichat-report .report-body .report-result .result-text[data-v-054f33fd] { color: #efefef; font-size: 18px; margin: 15px 0 5px } .aichat-report .report-body .report-result .result-tips[data-v-054f33fd] { color: #cfcfcf } .aichat-report .handle-btn[data-v-054f33fd] { border-top: 1px solid hsla(0, 0%, 100%, .08); padding: 15px 30px } .aichat-report .handle-btn button[data-v-054f33fd] { border: 0; border-radius: 7px } .aichat-report .handle-btn button[data-v-054f33fd]:hover { box-shadow: 0 0 5px #494c4e } .aichat-report .handle-btn .cancel-btn[data-v-054f33fd] { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .aichat-report .handle-btn .submit-btn[data-v-054f33fd] { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .popper-ai-chat-cover { background: rgba(63, 66, 74, .5); background-color: transparent; border: none !important; box-shadow: none; padding: 0 } .popper-ai-chat-cover .pop-btns { flex-direction: column; padding: 8px } .popper-ai-chat-cover .pop-btns button { background: transparent; border: none; border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .popper-ai-chat-cover .pop-btns button:hover { background-color: #34396a } .popper-ai-chat-cover .handle-item { align-items: center; background: rgba(63, 66, 74, .5); border-radius: 8px; color: #dc2626; cursor: pointer; display: flex; font-size: 14px; gap: 5px; height: 32px; padding: 0 30px 0 10px } .popper-ai-chat-cover .handle-item i { font-size: 20px } .loading-overlay[data-v-1f0013f5] { background: rgba(0, 0, 0, .65); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000 } .loading-overlay .create-loading[data-v-1f0013f5], .loading-overlay[data-v-1f0013f5] { align-items: center; display: flex; justify-content: center } .loading-overlay .create-loading[data-v-1f0013f5] { flex-direction: column } .loading-overlay .create-loading .loading-tip[data-v-1f0013f5] { align-items: center; color: #fcfcfc; display: flex; font-family: Arial; font-size: 14px; font-weight: 400; justify-content: center; line-height: 16px; margin-top: 24px; min-width: 200px; text-align: center } .loading-overlay .create-loading .loading-tip .loading-tip-animo[data-v-1f0013f5]:after { animation: ellipsis-1f0013f5 2s infinite; content: "" } @keyframes ellipsis-1f0013f5 { 0% { content: "" } 25% { content: "." } 50% { content: ".." } 75% { content: "..." } to { content: "" } } .loading-overlay .create-err[data-v-1f0013f5] { align-items: center; display: flex; flex-direction: column; justify-content: center } .loading-overlay .create-err .svg-icon[data-v-1f0013f5] { height: 80px; width: 80px } .loading-overlay .create-err .tip[data-v-1f0013f5] { color: #fcfcfc; font-family: PingFang SC; font-size: 16px; font-weight: 500; line-height: 19px; margin-top: 19px; text-align: center; text-transform: none } .loading-overlay .create-err .btn-box[data-v-1f0013f5] { align-items: center; display: flex; gap: 10px; margin-top: 30px } .loading-overlay .create-err .btn-box[data-v-1f0013f5] .el-button { min-width: 108px; padding: 13px 18px } .aichat-cover[data-v-1f0013f5] { background-position: 0; background-repeat: no-repeat; background-size: cover; height: 100vh; left: 0; position: fixed; right: 0; top: 0; width: 100vw } .aichat-cover .aichat-last[data-v-1f0013f5] { box-sizing: border-box; margin: 0 auto; max-width: 1567px; padding: 0 20px } .aichat-cover .aichat-last[data-v-1f0013f5] .last-list { border-radius: 10px; width: 268px } .aichat-cover .aichat-last[data-v-1f0013f5] .last-panel.off-panel .last-list { background: rgba(0, 0, 0, .3); padding: 12px 16px } .aichat-cover.default-cover[data-v-1f0013f5] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px) } .aichat-cover.full-cover .figure-img[data-v-1f0013f5] { height: 100%; opacity: 1; right: 0 } .aichat-cover .figure-img[data-v-1f0013f5] { bottom: 0; height: 80%; left: 0; margin: 0 auto; opacity: 0; position: absolute; right: 100px; transition: all .3s ease-out; width: 50%; z-index: 10 } .aichat-cover .figure-img img[data-v-1f0013f5] { height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; vertical-align: middle; width: auto } .aichat-cover .show-img[data-v-1f0013f5] { opacity: 1; right: 0 } .aichat-cover .figure-info[data-v-1f0013f5] { bottom: 10%; position: absolute; right: 10%; z-index: 10 } .aichat-cover .figure-info .info-panel[data-v-1f0013f5] { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(0, 0, 0, .7); border-radius: 10px; box-sizing: border-box; margin-bottom: 20px; max-width: 484px; min-width: 350px; padding: 15px; position: relative } .aichat-cover .figure-info .info-panel .info-title[data-v-1f0013f5] { color: #fff; font-size: 20px; max-width: 75%; padding-right: 35px; word-break: break-all } .aichat-cover .figure-info .info-panel .info-title h1[data-v-1f0013f5] { font-size: 20px } .aichat-cover .figure-info .info-panel .info-title img[data-v-1f0013f5] { vertical-align: top; width: 22px } .aichat-cover .figure-info .info-panel .info-by[data-v-1f0013f5] { color: #fff; font-size: 14px; margin: 15px 0 } .aichat-cover .figure-info .info-panel .info-by span[data-v-1f0013f5] { color: #3f93ff; cursor: pointer; -webkit-text-decoration: underline; text-decoration: underline } .aichat-cover .figure-info .info-panel .info-num[data-v-1f0013f5] { align-items: center; color: hsla(0, 0%, 100%, .7); display: flex; font-size: 14px } .aichat-cover .figure-info .info-panel .info-num i[data-v-1f0013f5] { font-size: 16px; margin-right: 3px; vertical-align: top } .aichat-cover .figure-info .info-panel .info-num .info-num-icon[data-v-1f0013f5] { align-items: center; display: inline-flex; font-size: 16px; margin-right: 5px; transform: scale(1.2) } .aichat-cover .figure-info .info-panel .info-num .info-num-time[data-v-1f0013f5] { color: #9094a6; font-size: 12px; font-weight: 400; margin-left: 10px } .aichat-cover .figure-info .info-panel .info-tag[data-v-1f0013f5] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 15px } .aichat-cover .figure-info .info-panel .info-tag span[data-v-1f0013f5] { background: hsla(0, 0%, 100%, .2); border-radius: 5px; color: #b0b4ba; font-size: 12px; height: 24px; line-height: 24px; padding: 0 6px } .aichat-cover .figure-info .info-panel .info-desc[data-v-1f0013f5] { color: #cfcfcf; line-height: 24px; margin-top: 10px; max-height: 120px; overflow-y: scroll } .aichat-cover .figure-info .info-panel .info-handle[data-v-1f0013f5] { align-items: center; display: flex; position: absolute; right: 15px; top: 15px } .aichat-cover .figure-info .info-panel .info-handle .comment-btn[data-v-1f0013f5] { align-items: center; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: inline-flex; padding: 5px 8px; position: relative } .aichat-cover .figure-info .info-panel .info-handle .comment-btn[data-v-1f0013f5]:hover { background: #393b45 } .aichat-cover .figure-info .info-panel .info-handle .comment-btn[data-v-1f0013f5] .comment-btn-icon { color: #fff; font-size: 16px } .aichat-cover .figure-info .info-panel .info-handle .comment-btn[data-v-1f0013f5] .el-popover__reference-wrapper { align-items: center; display: flex } .aichat-cover .figure-info .info-panel .info-handle .comment-btn .comment-btn-text[data-v-1f0013f5] { color: #fff; font-size: 12px; font-weight: 400; margin-left: 4px } .aichat-cover .figure-info .info-panel .info-handle .more-box[data-v-1f0013f5] { cursor: pointer; margin-left: 10px } .aichat-cover .figure-info .info-panel .info-handle .same-style[data-v-1f0013f5] { align-items: center; background: #f1314e; border-radius: 42px 42px 42px 42px; color: #fff; cursor: pointer; display: flex; font-family: Arial; font-size: 14px; font-weight: 700; justify-content: center; margin-left: 10px; padding: 8px 14px } .aichat-cover .figure-info .info-panel .info-handle > a[data-v-1f0013f5] { -webkit-text-decoration: none; text-decoration: none } .aichat-cover .figure-info .info-panel .info-handle > i[data-v-1f0013f5] { color: #fff; cursor: pointer; font-size: 18px } .aichat-cover .figure-info .handle-btn[data-v-1f0013f5] { display: flex; gap: 10px; justify-content: flex-end } .aichat-cover .figure-info .handle-btn > [data-v-1f0013f5] { cursor: pointer; height: 44px; line-height: 44px } .aichat-cover .figure-info .handle-btn > i[data-v-1f0013f5] { background: rgba(15, 17, 18, .8); border-radius: 10px; color: #fff; font-size: 26px; line-height: 44px; text-align: center; width: 44px } .aichat-cover .figure-info .handle-btn > i[data-v-1f0013f5]:hover { background: rgba(15, 17, 18, .9) } .aichat-cover .figure-info .handle-btn .start-btn[data-v-1f0013f5] { background: linear-gradient(99deg, #3271cc, #0fffff); border-radius: 10px; box-sizing: border-box; color: #fff; display: flex; justify-content: center; min-width: 130px; padding: 0 20px; position: relative } .aichat-cover .figure-info .handle-btn .start-btn[data-v-1f0013f5]:hover { box-shadow: 0 0 10px #ccc } .aichat-cover .figure-info .handle-btn .start-btn .zoom[data-v-1f0013f5] { border-bottom-right-radius: 10px; border-top-right-radius: 10px; display: inline-block; height: 44px; line-height: 44px; text-align: center; width: 44px } .aichat-cover .figure-info .handle-btn .start-btn .zoom i[data-v-1f0013f5] { transition: all .3s ease } .aichat-cover .figure-info .handle-btn .start-btn .zoom[data-v-1f0013f5]:hover { background: rgba(15, 255, 255, .4) } .aichat-cover .figure-info .handle-btn .start-btn .last-list[data-v-1f0013f5] { background: rgba(0, 0, 0, .7); border-top-left-radius: 10px; border-top-right-radius: 10px; bottom: 100%; display: none; left: 0; overflow: hidden; position: absolute; right: 0; transition: all .3s ease; z-index: 99 } .aichat-cover .figure-info .handle-btn .start-btn .last-list .list-scroll[data-v-1f0013f5] { max-height: 180px; overflow-y: scroll } .aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item[data-v-1f0013f5] { cursor: pointer; font-size: 14px; height: 36px; line-height: 36px; padding: 0 10px; position: relative } .aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item .el-icon-error[data-v-1f0013f5] { color: #ccc; cursor: pointer; display: none; position: absolute; right: 10px; top: 10px } .aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item .el-icon-error[data-v-1f0013f5]:hover { color: #fff } .aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item[data-v-1f0013f5]:hover { background: hsla(0, 0%, 100%, .2) } .aichat-cover .figure-info .handle-btn .start-btn .last-list .last-item:hover i.el-icon-error[data-v-1f0013f5] { display: inline; display: initial } .aichat-cover .figure-info .handle-btn .start-btn.next-btn[data-v-1f0013f5] { justify-content: space-between; padding-right: 0 } .aichat-cover .figure-info .handle-btn .start-btn.off-btn[data-v-1f0013f5] { border-top-left-radius: 0; border-top-right-radius: 0 } .aichat-cover .figure-info .handle-btn .start-btn.off-btn .zoom i[data-v-1f0013f5] { transform: rotate(180deg) } .aichat-cover .figure-info .handle-btn .start-btn.off-btn .last-list[data-v-1f0013f5] { display: block } .reset-chat-popup[data-v-232a81e8] .el-dialog { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .allchat-popup[data-v-232a81e8] .el-dialog { background: #24262a; border-radius: 20px; margin-top: 15vh !important } .allchat-popup[data-v-232a81e8] .el-dialog .el-dialog__footer { padding: 0 } .allchat-popup .popup-body[data-v-232a81e8] { color: #fff } .allchat-popup .popup-body .title[data-v-232a81e8] { font-size: 18px; margin-bottom: 20px } .allchat-popup .popup-body .el-icon-close[data-v-232a81e8] { color: hsla(0, 0%, 100%, .5); cursor: pointer; font-size: 22px; position: absolute; right: 20px; top: 20px } .allchat-popup .popup-body .el-icon-close[data-v-232a81e8]:hover { color: #fff } .allchat-popup .handle-btn[data-v-232a81e8] { border-top: 1px solid hsla(0, 0%, 100%, .08); padding: 15px 30px } .allchat-popup .handle-btn button[data-v-232a81e8] { border: 0; border-radius: 7px } .allchat-popup .handle-btn button[data-v-232a81e8]:hover { box-shadow: 0 0 5px #494c4e } .allchat-popup .handle-btn .cancel-btn[data-v-232a81e8] { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .allchat-popup .handle-btn .submit-btn[data-v-232a81e8] { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .aichat-page[data-v-10117552] { box-sizing: border-box; height: 100vh; padding: 0 100px; width: 100vw } .aichat-page .bg[data-v-10117552] { background-image: /*savepage-url=https://storage.googleapis.com/syr-art-prod-character-images/9d1b0600-b292-4bf3-ac98-4d10efdb2764.webp*/ url(); background-position: 0; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: fixed; right: 0; top: 0 } .aichat-page.full-page[data-v-10117552] .last-panel, .aichat-page.full-page[data-v-10117552] .set-layout { display: none !important } .aichat-page.full-page[data-v-10117552] .aichat-msg { max-height: 100% !important } .aichat-page.dim-bg .bg[data-v-10117552] { filter: blur(20px) } .aichat-page.dim-bg .aichat-main .aichat-content .aichat-figure[data-v-10117552] { bottom: 0; display: flex; left: 0; position: fixed; right: 0; top: 0; width: 100% } .aichat-page.dim-bg .aichat-left .aichat-figure[data-v-10117552] { justify-content: flex-end } .aichat-page.dim-bg .aichat-right .aichat-figure[data-v-10117552] { justify-content: flex-start } .aichat-page.hideback .bg[data-v-10117552] { background-image: none !important; background: linear-gradient(180deg, #292c33, #000) } .aichat-page .aichat-main[data-v-10117552] { box-sizing: border-box; height: 100%; margin: 0 auto; max-width: 1600px; padding-top: 130px; position: relative; width: 100% } .aichat-page .aichat-main .show-img[data-v-10117552] { bottom: 0 !important; opacity: 1 } .aichat-page .aichat-main[data-v-10117552]:after { background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .013) 8.1%, rgba(0, 0, 0, .049) 15.5%, rgba(0, 0, 0, .104) 22.5%, rgba(0, 0, 0, .175) 29%, rgba(0, 0, 0, .259) 35.3%, rgba(0, 0, 0, .352) 41.2%, rgba(0, 0, 0, .45) 47.1%, rgba(0, 0, 0, .55) 52.9%, rgba(0, 0, 0, .648) 58.8%, rgba(0, 0, 0, .741) 64.7%, rgba(0, 0, 0, .825) 71%, rgba(0, 0, 0, .896) 77.5%, rgba(0, 0, 0, .951) 84.5%, rgba(0, 0, 0, .987) 91.9%, #000); bottom: 0; content: ""; height: 50%; left: 0; position: fixed; right: 0 } .aichat-page .aichat-main.aichat-left .aichat-content[data-v-10117552] { display: flex } .aichat-page .aichat-main.aichat-left[data-v-10117552] .aichat-last .last-panel { align-self: flex-end } .aichat-page .aichat-main.aichat-left[data-v-10117552] .aichat-last .last-panel .last-list { align-items: flex-end } .aichat-page .aichat-main.aichat-center .aichat-content > div[data-v-10117552] { bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0 } .aichat-page .aichat-main.aichat-center .aichat-content > div.aichat-body[data-v-10117552] { z-index: 2 } .aichat-page .aichat-main.aichat-center .aichat-content > div[data-v-10117552] .aichat-msg { max-height: 50% } .aichat-page .aichat-main.aichat-right .aichat-content[data-v-10117552] { display: flex; flex-flow: row-reverse } .aichat-page .aichat-main .aichat-content[data-v-10117552] { height: 100%; position: relative; width: 100% } .c-role-card-item[data-v-59de8219] { align-items: stretch; background: rgba(35, 36, 40, .7); border-radius: 20px; box-sizing: border-box; -moz-column-gap: 8px; column-gap: 8px; cursor: pointer; display: flex; padding: 8px; position: relative; width: calc(33.33333% - 5.33333px) } .c-role-card-item .role-card-item-cover[data-v-59de8219] { border-radius: 20px; width: 40% } .c-role-card-item .role-card-item-cover .role-card-item-cover-image-box[data-v-59de8219] { border-radius: 20px; padding-top: 100%; position: relative } .c-role-card-item .role-card-item-cover .role-card-item-cover-image-box .voice-icon[data-v-59de8219] { align-items: center; background: #fff; border-radius: 84px; box-sizing: border-box; display: flex; height: 30px; justify-content: center; left: 4px; position: absolute; top: 5px; width: 30px } .c-role-card-item .role-card-item-cover .role-card-item-cover-image-box .voice-icon .iconfont[data-v-59de8219] { color: #ff227c; font-size: 20px } .c-role-card-item .role-card-item-cover .item-cover-img[data-v-59de8219] { border-radius: 20px; height: 100%; left: 0; max-height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; position: absolute; top: 0; width: 100% } .c-role-card-item .role-card-item-cover .item-cover-operate[data-v-59de8219] { color: #fff; font-size: 20px; position: absolute; right: 10px; top: 10px } .c-role-card-item .role-card-item-content[data-v-59de8219] { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 60% } .c-role-card-item .role-card-item-content .role-card-item-content-title[data-v-59de8219] { align-items: center; display: flex; height: 30px; justify-content: space-between; max-width: 100% } .c-role-card-item .role-card-item-content .role-card-item-content-title .item-content-title-icon[data-v-59de8219] { align-items: center; cursor: pointer; display: flex; height: 21px; justify-content: center; margin-right: 8px; width: 21px } .c-role-card-item .role-card-item-content .role-card-item-content-title .item-content-title-icon img[data-v-59de8219] { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100% } .c-role-card-item .role-card-item-content .role-card-item-content-title > a[data-v-59de8219] { -webkit-text-decoration: none; text-decoration: none } .c-role-card-item .role-card-item-content .role-card-item-content-title .item-content-title-text[data-v-59de8219] { box-sizing: border-box; color: #fcfcfd; font-family: Arial; font-size: 18px; font-weight: 700; height: 100%; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .c-role-card-item .role-card-item-content .role-card-item-content-title .same-style[data-v-59de8219] { align-items: center; background: #f1314e; border-radius: 42px 42px 42px 42px; color: #fff; cursor: pointer; display: flex; font-family: Arial; font-size: 14px; font-weight: 700; justify-content: center; padding: 8px 14px; visibility: hidden } .c-role-card-item .role-card-item-content .role-card-item-content-subtitle[data-v-59de8219] { -webkit-line-clamp: 3; -webkit-box-orient: vertical; box-sizing: border-box; color: #b6b6b6; display: -webkit-box; font-family: Arial; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-break: break-word } .c-role-card-item .role-card-item-content .card-info[data-v-59de8219] { flex: 1 } .c-role-card-item .role-card-item-content .item-content-tags[data-v-59de8219] { display: flex; flex-wrap: wrap; gap: 4px } .c-role-card-item .role-card-item-content .item-content-tags .item-content-tags-item[data-v-59de8219] { align-items: center; background: rgba(4, 4, 5, .6); border-radius: 4px; box-sizing: border-box; color: #868d97; display: inline-flex; font-family: Arial; font-size: 10px; font-weight: 700; justify-content: center; line-height: 16px; padding: 4px 6px } .c-role-card-item .role-card-item-content .item-content-bottom[data-v-59de8219] { align-items: center; display: flex; justify-content: space-between; margin-top: 14px } .c-role-card-item .role-card-item-content .item-content-bottom .author-name[data-v-59de8219] { color: #cfcfcf; font-family: Inter; font-size: 12px; font-weight: 400; word-break: break-all } .c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box[data-v-59de8219] { -moz-column-gap: 4px; column-gap: 4px; display: flex } .c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box .operate-btn-item[data-v-59de8219] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 8px; -moz-column-gap: 4px; column-gap: 4px; cursor: pointer; display: flex; justify-content: center; padding: 4px 10px } .c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box .operate-btn-item .operate-btn-item-icon[data-v-59de8219] { color: #f8f8f8; font-size: 16px } .c-role-card-item .role-card-item-content .item-content-bottom .operate-btn-box .operate-btn-item .operate-btn-item-text[data-v-59de8219] { color: #f8f8f8; font-family: Inter; font-size: 12px; font-weight: 400 } .c-role-card-item .close-btn[data-v-59de8219] { background: #414141; border-radius: 50%; color: #fffdf5; cursor: pointer; height: 20px; line-height: 20px; position: absolute; right: 0; text-align: center; top: 0; width: 20px } .c-role-card-item .close-btn[data-v-59de8219]:hover { background: #6c6b6b } .c-role-card-item:hover .same-style[data-v-59de8219] { visibility: visible !important } .c-role-card-item:hover .item-content-title-text-same[data-v-59de8219] { max-width: calc(100% - 60px) } .c-tavern-list[data-v-7d73e782] { display: flex; min-height: 0; position: relative } .c-tavern-list .tavern-list-box[data-v-7d73e782] { background-color: rgba(0, 0, 0, .7); border-radius: 15px; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; padding: 20px; width: 100% } .c-tavern-list .no-scrollbar[data-v-7d73e782]::-webkit-scrollbar { display: none } .c-tavern-list .no-scrollbar[data-v-7d73e782] { -ms-overflow-style: none; scrollbar-width: none } .c-tavern-list .tavern-list-box-bottom-mask[data-v-7d73e782] { background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .006) 8.07%, rgba(0, 0, 0, .022) 15.54%, rgba(0, 0, 0, .048) 22.5%, rgba(0, 0, 0, .085) 29.04%, rgba(0, 0, 0, .13) 35.26%, rgba(0, 0, 0, .185) 41.25%, rgba(0, 0, 0, .248) 47.1%, rgba(0, 0, 0, .319) 52.9%, rgba(0, 0, 0, .397) 58.75%, rgba(0, 0, 0, .483) 64.74%, rgba(0, 0, 0, .575) 70.96%, rgba(0, 0, 0, .673) 77.5%, rgba(0, 0, 0, .777) 84.46%, rgba(0, 0, 0, .886) 91.93%, #000); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; bottom: 0; height: 55px; left: 0; pointer-events: none; position: absolute; right: 0 } .c-tavern-list[data-v-7d73e782] .tavern-list-title { align-items: center; color: #fffdf5; display: flex; font-family: Inter; font-size: 18px; font-weight: 700; gap: 20px; text-align: center; width: 100% } .c-tavern-list[data-v-7d73e782] .tavern-list-title:after, .c-tavern-list[data-v-7d73e782] .tavern-list-title:before { background: hsla(0, 0%, 90%, .4); box-sizing: border-box; content: ""; flex: 1 1 0; height: 1px } .c-tavern-list .tavern-list-title-2[data-v-7d73e782] { height: 44px } .c-tavern-list .btn-box[data-v-7d73e782] { display: flex; justify-content: flex-end } .c-tavern-list .edit-btn[data-v-7d73e782] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-weight: 500; justify-content: center; padding: 6px 10px } .c-tavern-list .edit-btn .edit-btn-icon[data-v-7d73e782] { color: #fff; font-size: 16px } .c-tavern-list .edit-btn .edit-btn-text[data-v-7d73e782] { color: #fff; font-family: Inter; font-size: 12px; font-weight: 700; margin-left: 12px } .c-tavern-list .edit-btn .edit-btn-icon-active[data-v-7d73e782] { color: #19c37d } .c-tavern-list .tavern-last-chat-list[data-v-7d73e782] { display: flex; flex-direction: column } .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-wrap[data-v-7d73e782], .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content[data-v-7d73e782] { width: 100% } .c-tavern-list .tavern-last-chat-list .tavern-last-chat-list-content .last-chat-role-list-content[data-v-7d73e782] { display: flex; width: 100% } .c-tavern-list .tavern-last-chat-list .tavern-last-chat-more-btn[data-v-7d73e782] { align-items: center; display: flex; justify-content: center; width: 100% } .c-tavern-list .tavern-last-chat-list .tavern-last-chat-more-btn span[data-v-7d73e782] { color: #fff; cursor: pointer; font-size: 30px } .c-tavern-list .tavern-last-chat-list .role-item-wrap[data-v-7d73e782] { align-items: center; display: flex; flex-direction: column; gap: 6px; height: 136px; margin-right: 10px; position: relative; width: 96px } .c-tavern-list .tavern-last-chat-list .role-item-wrap[data-v-7d73e782]:last-child { margin-right: 0 } .c-tavern-list .tavern-last-chat-list .role-item-content[data-v-7d73e782] { cursor: pointer; position: relative; width: 100% } .c-tavern-list .tavern-last-chat-list .role-item-content[data-v-7d73e782]:after { box-sizing: border-box; content: ""; display: block; padding-bottom: 100% } .c-tavern-list .tavern-last-chat-list .role-item-content .role-item-content-img[data-v-7d73e782] { border-radius: 50%; height: 96px; overflow: hidden; position: absolute; width: 96px } .c-tavern-list .tavern-last-chat-list .role-item-content .role-item-content-img .voice-icon[data-v-7d73e782] { align-items: center; background: #fff; border-radius: 50%; box-sizing: border-box; display: flex; height: 20px; justify-content: center; left: 13px; position: absolute; top: 10px; width: 20px } .c-tavern-list .tavern-last-chat-list .role-item-content .role-item-content-img .voice-icon .iconfont[data-v-7d73e782] { color: #ff227c; font-size: 14px } .c-tavern-list .tavern-last-chat-list .role-item-content .role-item-content-img img[data-v-7d73e782] { border-radius: 50%; box-sizing: border-box; display: block; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; transition-duration: .15s; transition-property: filter; transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: 100% } .c-tavern-list .tavern-last-chat-list .role-item-content .role-item-delete-btn[data-v-7d73e782] { align-items: center; background-color: #3f424a; border-radius: 50%; color: #fff; cursor: pointer; display: flex; height: 30px; justify-content: center; position: absolute; right: 0; top: 0; width: 30px } .c-tavern-list .tavern-last-chat-list .role-item-content .role-item-delete-btn i[data-v-7d73e782] { color: #fff; font-size: 18px } .c-tavern-list .tavern-last-chat-list .role-item-title[data-v-7d73e782] { color: #cfcfcf; font-family: Inter; font-size: 14px; font-weight: 700; text-align: center; word-break: break-word } .c-tavern-list .tavern-role-list[data-v-7d73e782] { display: flex; flex: 1 1 0; flex-direction: column } .c-tavern-list .tavern-role-list .tavern-list-search-box[data-v-7d73e782] { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px } .c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-7d73e782] { align-items: center; display: flex; gap: 24px; justify-content: center } .c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-7d73e782] .el-checkbox { color: #cfd3dc; font-family: PingFang SC; font-size: 14px; font-weight: 500 } .c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-7d73e782] .el-checkbox__inner { background-color: transparent !important } .c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-left[data-v-7d73e782] .custom-select .el-input__inner { background: rgba(63, 66, 74, .6) !important } .c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-tips[data-v-7d73e782] { align-items: center; color: #a1a1a1; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500 } .c-tavern-list .tavern-role-list .tavern-list-search-box .tavern-list-search-box-tips .tips-title-icon[data-v-7d73e782] { color: #a1a1a1; font-size: 16px; margin-right: 2px } .c-tavern-list .tavern-role-list .justify-end[data-v-7d73e782] { justify-content: flex-end !important } .c-tavern-list .tavern-role-list .tavern-list-search-input[data-v-7d73e782] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 10px; box-sizing: border-box; display: flex; height: 40px; padding: 0 13px; width: 320px } .c-tavern-list .tavern-role-list .tavern-list-search-input .iconfont[data-v-7d73e782], .c-tavern-list .tavern-role-list .tavern-list-search-input .svg-icon[data-v-7d73e782] { color: #fff; font-size: 32px } .c-tavern-list .tavern-role-list .tavern-list-search-input input[data-v-7d73e782] { background: transparent !important; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .c-tavern-list .tavern-role-list .tavern-list-search-input input[data-v-7d73e782]::-moz-placeholder { color: #737a85 } .c-tavern-list .tavern-role-list .tavern-list-search-input input[data-v-7d73e782]::placeholder { color: #737a85 } .c-tavern-list .tavern-role-list .tavern-list-search-input i[data-v-7d73e782] { color: #737a85; cursor: pointer } .c-tavern-list .tavern-role-list .inputBorder[data-v-7d73e782] { border: 1px solid #577ae0 } .c-tavern-list .tavern-role-list .tavern-list-tag-box[data-v-7d73e782] { margin-bottom: 16px; position: relative } .c-tavern-list .tavern-role-list .tavern-list-content-wrap[data-v-7d73e782] { display: flex; flex-direction: column; gap: 20px } .c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content[data-v-7d73e782] { display: flex; flex-wrap: wrap; gap: 8px } .c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content[data-v-7d73e782] { line-height: 26px; padding-bottom: 30px; padding-top: 30px; width: 100% } .c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content p[data-v-7d73e782] { margin: 0; text-align: center } .c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content .list-empty-content-main-title[data-v-7d73e782] { color: #fffdf5; font-size: 25px; font-weight: 700 } .c-tavern-list .tavern-role-list .tavern-list-content-wrap .tavern-list-content .list-empty-content .list-empty-content-subtitle[data-v-7d73e782] { color: #cfcfcf; font-size: 18px } .el-dropdown-link[data-v-7d73e782] { background: rgba(63, 66, 74, .6); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-7d73e782], .el-dropdown-link[data-v-7d73e782] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-7d73e782] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-7d73e782] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-7d73e782] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-7d73e782] { font-size: 18px } .el-dropdown-item[data-v-7d73e782] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-7d73e782] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-7d73e782] { color: #6f767e; font-size: 14px } .el-dropdown-item-time[data-v-7d73e782] { width: 119px } a[data-v-d8134516] { -webkit-text-decoration: none; text-decoration: none } .cyberBarItem[data-v-d8134516] { align-items: center; background: rgba(35, 36, 40, .8); border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 2% 5%; width: 100% } .cyberBarItem .name[data-v-d8134516] { color: #fcfcfd; flex-shrink: 0; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .cyberBarItem .imgBox[data-v-d8134516] { border-radius: 16px; display: flex; flex: 0 0 auto; flex-direction: column; height: 70%; justify-content: center; overflow: hidden; position: relative; width: 100% } .cyberBarItem .imgBox .voice-icon[data-v-d8134516] { align-items: center; background: #fff; border-radius: 50%; box-sizing: border-box; display: flex; height: 30px; justify-content: center; left: 8px; position: absolute; top: 8px; width: 30px } .cyberBarItem .imgBox .voice-icon .iconfont[data-v-d8134516] { color: #ff227c; font-size: 20px } .cyberBarItem .imgBox .imgBox-num[data-v-d8134516] { align-items: center; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); border-radius: 0 0 16px 16px; bottom: 0; display: flex; height: 42px; justify-content: flex-end; padding-right: 10px; position: absolute; width: 100% } .cyberBarItem .imgBox .imgBox-num .imgBox-num-item[data-v-d8134516] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 8px; -moz-column-gap: 4px; column-gap: 4px; cursor: pointer; display: flex; margin-right: 10px; padding: 4px 10px } .cyberBarItem .imgBox .imgBox-num .imgBox-num-item .imgBox-num-item-icon[data-v-d8134516] { color: #f8f8f8; font-size: 16px } .cyberBarItem .imgBox .imgBox-num .imgBox-num-item .imgBox-num-item-text[data-v-d8134516] { color: #f8f8f8; font-size: 12px } .cyberBarItem .info[data-v-d8134516] { box-sizing: border-box; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: space-between; margin-top: 12px; width: 100% } .cyberBarItem .info .top .desc[data-v-d8134516] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #fefefe; display: -webkit-box; font-size: 12px; height: 32px; line-height: 16px; overflow: hidden; text-overflow: ellipsis } .cyberBarItem .info .bottom[data-v-d8134516] { margin-top: 10px } .cyberBarItem .info .bottom .item-content-tags[data-v-d8134516] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 4px; height: 25px; overflow: hidden } .cyberBarItem .info .bottom .item-content-tags .item-content-tags-item[data-v-d8134516] { align-items: center; background-color: rgba(4, 4, 5, .6); border-radius: 4px; box-sizing: border-box; color: #868d97; display: inline-flex; font-size: 10px; font-weight: 700; justify-content: center; line-height: 16px; padding: 4px 6px } .cyberBarItem .info .bottom .author[data-v-d8134516] { align-items: center; display: flex; justify-content: space-between; margin-top: 5px } .cyberBarItem .info .bottom .author .authorName[data-v-d8134516] { align-items: center; color: #cfcfcf; display: flex; font-size: 12px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .cyberBarItem .info .bottom .author .authorName img[data-v-d8134516] { border-radius: 50%; height: 20px; margin-right: 5px; width: 20px } .cyberBarItem .info .bottom .author .item-cover-operate[data-v-d8134516] { color: #fff; font-size: 20px } .null-data-container[data-v-322c46fc] { align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .null-data-container .null-image[data-v-322c46fc] { height: 146px; width: 146px } .null-data-container .null-tips[data-v-322c46fc] { color: #aaacb3; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; text-align: center; width: 100% } .overview-list[data-v-322c46fc] { display: flex; font-size: 14px; gap: 10px; height: 100%; position: relative; width: 100% } .overview-list[data-v-322c46fc] .defBox { height: 100% !important; width: 100% !important } .overview-list.artwork[data-v-322c46fc] { flex-wrap: wrap } .overview-list.artwork .box[data-v-322c46fc] { margin-bottom: 28px } .overview-list.artwork .box[data-v-322c46fc] .cntVideo { -o-object-fit: cover; object-fit: cover } .overview-list.server-list[data-v-322c46fc] { display: flex; flex-wrap: wrap; gap: 15px } .overview-list.server-list .box[data-v-322c46fc] { height: 354px; min-width: 230px; position: static !important; width: calc(14.28571% - 12.85714px) } .overview-list.server-list .box.lora_train-box[data-v-322c46fc], .overview-list.server-list .box.model-box[data-v-322c46fc], .overview-list.server-list .box.swift_ai-box[data-v-322c46fc], .overview-list.server-list .box.workflow-box[data-v-322c46fc] { height: 470px !important; width: calc(20% - 12px) !important } .overview-list.server-list .box.cyber_bar-box[data-v-322c46fc] { height: 211px !important; width: calc(25% - 15px) !important } .overview-list .timeRow[data-v-322c46fc] { align-items: center; color: #fff; display: flex } .editTitle[data-v-06a66570] { height: 123px; width: 100% } .editTitle .sticky[data-v-06a66570] { position: fixed !important; z-index: 9 !important } .editTitle .title[data-v-06a66570] { background-color: #080b16; box-sizing: border-box; height: 123px; padding: 20px 0 } .editTitle .title .titleCnt[data-v-06a66570] { align-items: center; display: flex; justify-content: space-between; padding-bottom: 10px } .editTitle .title .titleCnt .titleName[data-v-06a66570] { align-items: center; color: #fff; display: flex; width: calc(100% - 400px) } .editTitle .title .titleCnt .titleName .backIcon[data-v-06a66570] { align-items: center; background-color: hsla(0, 0%, 100%, .22); border-radius: 100%; cursor: pointer; display: flex; flex: 0 0 auto; height: 40px; justify-content: center; margin-right: 10px; width: 40px } .editTitle .title .titleCnt .titleName .txt[data-v-06a66570] { color: #707b8c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .manageGroup[data-v-06a66570] { align-items: center; display: flex } .manageGroup span[data-v-06a66570] { cursor: pointer; font-size: 18px } .manageGroup .postFun[data-v-06a66570] { align-items: center; background: #1d222f; border-radius: 10px; display: flex; margin-left: 10px; padding: 10px } .manageGroup .postFun .nxt[data-v-06a66570] { color: #fff; font-size: 14px } .manageGroup .postFun .line[data-v-06a66570] { background-color: #3d455a; height: 15px; margin: 0 20px; width: 1px } .manageGroup .postFun .clear[data-v-06a66570] { color: #abbdd7; font-size: 14px } .manageGroup .funKey[data-v-06a66570] { align-items: center; background-color: #111520; border-radius: 27px; color: #fff; display: flex; font-size: 16px; height: 39px; justify-content: space-between; margin-left: 10px; padding: 0 17px } .manageGroup .funKey .setAll[data-v-06a66570] { margin-right: 15px; position: relative } .manageGroup .funKey .setAll .checkZG[data-v-06a66570] { cursor: pointer; height: 17px; left: 0; position: absolute; width: 14px; z-index: 2 } .manageGroup .funKey .setAll span[data-v-06a66570] { color: #abbdd7; font-size: 14px } .manageGroup .funKey .manageBntItem[data-v-06a66570] { align-items: center; display: flex; justify-content: space-between } .manageGroup .funKey .manageBntItem .download[data-v-06a66570] { cursor: pointer; margin-right: 19px } .manageGroup .funKey .manageBntItem .download .svg-icon[data-v-06a66570] { fill: #cbd4e0 } .manageGroup .funKey .manageBntItem .download .iconfont[data-v-06a66570] { color: #cbd4e0 } .manageGroup .funKey .manageBntItem .download.disabledDiv .svg-icon[data-v-06a66570] { fill: #bad2f5 } .manageGroup .funKey .manageBntItem .download.disabledDiv .iconfont[data-v-06a66570] { color: #bad2f5 } .manageGroup .funKey .manageBntItem .download.is-loading[data-v-06a66570] { cursor: wait } .manageGroup .funKey .move[data-v-06a66570] { position: relative } .manageGroup .funKey .move .iconfont[data-v-06a66570], .manageGroup .funKey .move .svg-icon[data-v-06a66570] { cursor: pointer; font-size: 16px } .manageGroup .funKey .move .moveBnt[data-v-06a66570] { align-items: center; background-color: #1d222f; border-radius: 16px; display: flex; padding: 8px 10px } .manageGroup .funKey .move .moveBnt span[data-v-06a66570] { color: #abbdd7; font-size: 14px } .manageGroup .funKey .move .moveBnt i[data-v-06a66570] { color: #85878f; font-size: 8px; margin-left: 26px; transition: all .3s } .manageGroup .funKey .moveLine[data-v-06a66570] { background-color: #919aa7; height: 10px; margin: 0 10px; width: 2px } .manageGroup .funKey .disabledDiv[data-v-06a66570] { opacity: .5 } .manageGroup .edit[data-v-06a66570] { align-items: center; background-color: #1a1c2e; border-radius: 10px; cursor: pointer; display: flex; height: 39px; justify-content: center; margin-left: 10px; width: 39px } .manageGroup .edit .iconfont[data-v-06a66570], .manageGroup .edit .svg-icon[data-v-06a66570] { color: #fff; font-size: 24px } .manageGroup .edit[data-v-06a66570]:hover { background-color: #222332 } .manageGroup .nsfw-btn[data-v-06a66570] { color: #fff } .manageGroup .cncel[data-v-06a66570] { color: #abbdd7; cursor: pointer; font-size: 14px } .cltpop-cent[data-v-06a66570] { flex-direction: column; height: 440px; justify-content: space-between; overflow: hidden } .cltpop-cent .search[data-v-06a66570], .cltpop-cent[data-v-06a66570] { box-sizing: border-box; display: flex; width: 100% } .cltpop-cent .search[data-v-06a66570] { align-items: center; background-color: #1b2132; border-radius: 20px; height: 40px; padding: 0 8px } .cltpop-cent .search .svg-icon[data-v-06a66570] { height: 26px; width: 26px } .cltpop-cent .search input[data-v-06a66570] { background-color: transparent; background-color: initial; border: none; color: #fff; font-size: 12px; height: 100%; outline: none; width: 200px } .cltpop-cent .search input[data-v-06a66570]::-moz-placeholder { color: #66748c } .cltpop-cent .search input[data-v-06a66570]::placeholder { color: #66748c } .cltpop-cent .popTitle[data-v-06a66570] { color: #a0a8b3; font-size: 10px; padding: 10px 0 } .cltpop-cent .loadbox[data-v-06a66570] { height: 70px; width: 100% } .cltpop-cent .list[data-v-06a66570] { max-height: 290px; overflow-y: auto; width: 100% } .cltpop-cent .itembox[data-v-06a66570] { align-items: center; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 60px; justify-content: space-between; margin-bottom: 14px; padding: 0 5px; width: 100% } .cltpop-cent .itembox .itemboxinfo[data-v-06a66570] { align-items: center; display: flex; width: 200px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft[data-v-06a66570] { align-items: center; background-color: #191f2e; border-radius: 4px; display: flex; height: 48px; justify-content: center; margin-right: 10px; width: 48px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft .svg-icon[data-v-06a66570], .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft i[data-v-06a66570] { color: #d8d8d8; font-size: 26px } .cltpop-cent .itembox .itemboxinfo .itemboxinfoleft img[data-v-06a66570] { border-radius: 4px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .cltpop-cent .itembox .itemboxinfo span[data-v-06a66570] { color: #cbd5e1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 140px } .cltpop-cent .itembox .el-button[data-v-06a66570] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; height: 30px; justify-content: center; min-width: 54px; opacity: 0; padding: 0 } .cltpop-cent .itembox[data-v-06a66570]:hover { background-color: #282e43 } .cltpop-cent .itembox:hover > .el-button[data-v-06a66570] { opacity: 1 } .cltpop-cent .itembox[data-v-06a66570]:last-child { margin-bottom: 0 } .create[data-v-06a66570] { background-color: #1b2132; padding: 0 10px 4px } .create .itemboxinfoleft[data-v-06a66570] { background-color: #282e43 !important } .create .itemboxinfoleft i[data-v-06a66570] { font-size: 14px !important } .create .itembox[data-v-06a66570]:hover { background-color: #1b2132 !important } .inputBox[data-v-06a66570] { border-top: 1px solid #1e293b; padding-top: 10px } .inputBox .inputLeft[data-v-06a66570], .inputBox[data-v-06a66570] { align-items: center; display: flex; justify-content: space-between } .inputBox .inputLeft .el-icon-close[data-v-06a66570] { font-size: 20px } .inputBox .input-search[data-v-06a66570] { align-items: center; background-color: #1c1d2a; border: 1px solid #151623; border-radius: 10px; box-sizing: border-box; display: flex; height: 38px; margin-right: 12px; padding: 0 5px; width: 350px } .inputBox .input-search .iconfont[data-v-06a66570], .inputBox .input-search .svg-icon[data-v-06a66570] { font-size: 24px } .inputBox .input-search input[data-v-06a66570] { background-color: #1c1d2a; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .inputBox .input-search input[data-v-06a66570]::-moz-placeholder { color: #737a85 } .inputBox .input-search input[data-v-06a66570]::placeholder { color: #737a85 } .inputBox .input-search i[data-v-06a66570] { color: #737a85; cursor: pointer } .inputBox .input-search .inputBorder[data-v-06a66570] { border: 1px solid #577ae0 } .filter-box[data-v-06a66570] { border: 2px solid #353945; border-radius: 8px; box-sizing: border-box; cursor: pointer; height: 36px; justify-content: space-between; margin-left: 10px; padding: 0 10px; position: relative; width: 126px } .filter-box div[data-v-06a66570], .filter-box[data-v-06a66570] { align-items: center; display: flex } .filter-box div .iconfont[data-v-06a66570], .filter-box div .svg-icon[data-v-06a66570] { font-size: 16px; margin-right: 6px } .filter-box div span[data-v-06a66570] { font-family: Helvetica } .filter-box div span[data-v-06a66570], .filter-box i[data-v-06a66570] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .collectConfirm { background: #192133; border-color: #0f1c38; width: -moz-max-content; width: max-content } .collectConfirm .el-message-box__title { color: #cbd5e1 } .collectConfirm .el-message-box__message { color: #fff } .collectConfirm .el-button { background: #293045; border-color: #293045; color: #fff } .collectConfirm .el-button--primary { background: #0d9488; border-color: #0d9488; color: #fff } .setAll .el-checkbox { margin-right: 8px } .setAll .el-checkbox .el-checkbox__inner { background-color: #262c3a; border: 1px solid #abbdd7 } .folderList { background-color: #0f121c !important; border: 1px solid #23263f !important; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5) } .folderList .el-popover__title { color: #abbad3; font-size: 18px; padding-top: 13px; text-align: center } .folderListHide { display: none !important } .inputLeft .el-select { height: 39px; margin-right: 12px; width: 142px } .inputLeft .el-select .el-input__inner { background-color: #1c1d2a; border: none; border-radius: 10px; color: #fff } .inputLeft .el-select .el-icon-arrow-up { color: #85878f } .inputLeft .el-date-editor { background-color: #1c1d2a; border: none; border-radius: 10px; height: 39px; width: 300px } .inputLeft .el-date-editor .el-range-input { background-color: #1c1d2a; color: #fff } .inputLeft .el-date-editor .el-range__icon { color: #fff } .inputLeft .el-date-editor input::-moz-placeholder { color: #fff } .inputLeft .el-date-editor input::placeholder { color: #fff } .inputLeft .el-date-editor .el-range-separator { color: #fff } .screen { background-color: #1c1d2a; border: none } .screen .el-select-dropdown__item { color: #fff } .screen .hover { background-color: #222332 } .screen .popper__arrow, .screen .popper__arrow:after { border-bottom-color: #1c1d2a !important; border-top-color: #1c1d2a !important } .checkTIme { background-color: #1c1d2a; border: none; color: #fff } .checkTIme .next-month, .checkTIme .prev-month { color: #606266 !important } .checkTIme .el-date-table td.in-range div, .checkTIme .el-date-table td.in-range div:hover, .checkTIme .el-date-table.is-week-mode .el-date-table__row.current div, .checkTIme .el-date-table.is-week-mode .el-date-table__row:hover div { background-color: #222332 } .checkTIme .el-date-table th { border-bottom: 1px solid #606266 } .checkTIme .el-picker-panel__icon-btn { color: #fff } .checkTIme .el-date-range-picker__content.is-left { border-right: 1px solid #606266 } .checkTIme .popper__arrow, .checkTIme .popper__arrow:after { border-bottom-color: #1c1d2a !important; border-top-color: #1c1d2a !important } a[data-v-72b28106] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-72b28106] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-72b28106], .boxItem[data-v-72b28106] { height: 100%; width: 100% } .boxItem[data-v-72b28106] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-72b28106], .boxItem:hover .NSFWSHOW[data-v-72b28106], .boxItem:hover .cltpop[data-v-72b28106], .boxItem:hover .deleteBox[data-v-72b28106], .boxItem:hover .waterfall-hover-try[data-v-72b28106] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-72b28106] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-72b28106], .boxItem:hover .paletIcon[data-v-72b28106] { opacity: 0 } .defBox[data-v-72b28106] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-72b28106] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-72b28106] { color: #fff; font-size: 18px } .cntImg[data-v-72b28106] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-72b28106], .cntVideo[data-v-72b28106] { height: 100%; width: 100% } .waterfall-hover-try[data-v-72b28106] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-72b28106], .waterfall-hover-try[data-v-72b28106] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-72b28106] { left: 8px; top: 6px } .cltpop[data-v-72b28106] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-72b28106] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-72b28106] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-72b28106], .author[data-v-72b28106] { align-items: center; display: flex } .author .authorHead[data-v-72b28106] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-72b28106] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-72b28106] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-72b28106], .numItem[data-v-72b28106] { align-items: center; display: flex } .numItem .funItem[data-v-72b28106] { cursor: pointer } .numItem .funItem .iconfont[data-v-72b28106], .numItem .funItem .svg-icon[data-v-72b28106] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-72b28106] { font-size: 12px } .numItem .funItem span[data-v-72b28106] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-72b28106]:first-child { margin-right: 18px } .deleteBox[data-v-72b28106] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-72b28106], .deleteBox .svg-icon[data-v-72b28106] { font-size: 16px } .statusCnt[data-v-72b28106] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-72b28106], .statusCnt[data-v-72b28106] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-72b28106] { z-index: 1 } .statusCnt .statusBox[data-v-72b28106] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-72b28106] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-72b28106] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-72b28106] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-72b28106] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-72b28106] { cursor: zoom-in } .NSFWSHOW[data-v-72b28106] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-72b28106] { color: #fff; font-size: 18px } .imgNum[data-v-72b28106] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; left: 6px; padding: 3px 6px; position: absolute; top: 6px; z-index: 1 } .imgNum .svg-icon[data-v-72b28106] { font-size: 15px } .imgNum span[data-v-72b28106] { color: #fff; font-size: 10px; margin-left: 5px } .defBox .foot-box[data-v-72b28106] { background: linear-gradient(180deg, transparent, #000); bottom: 0; height: 58px; left: 0; position: absolute; width: 100% } .defBox .foot-box > .num-video-look[data-v-72b28106] { color: #fff; font-size: 12px; padding-left: 10px; padding-top: 30px } .null-data-container[data-v-943e64e2] { align-items: center; display: flex; flex-wrap: wrap; justify-content: center } .null-data-container .null-image[data-v-943e64e2] { height: 146px; width: 146px } .null-data-container .null-tips[data-v-943e64e2] { color: #aaacb3; font-family: PingFangSC-Regular, PingFang SC; font-size: 14px; font-weight: 400; height: 20px; line-height: 20px; text-align: center; width: 100% } .homeList[data-v-943e64e2] { font-size: 14px; height: 100%; position: relative; width: 100% } .homeList.server-list[data-v-943e64e2] { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px } .homeList.server-list .box[data-v-943e64e2] { height: 354px; min-width: 230px; position: static !important; width: calc(14.28571% - 12.85714px) } .homeList.server-list .box.lora_train-box[data-v-943e64e2], .homeList.server-list .box.model-box[data-v-943e64e2], .homeList.server-list .box.swift_ai-box[data-v-943e64e2], .homeList.server-list .box.workflow-box[data-v-943e64e2] { height: 470px !important; width: calc(20% - 12px) !important } .homeList.server-list .box.cyber_bar-box[data-v-943e64e2] { height: 586px !important; width: calc(20% - 12px) !important } .homeList .box[data-v-943e64e2] { left: 0; position: absolute; top: 0 } .homeList .timeRow[data-v-943e64e2] { align-items: center; color: #fff; display: flex } .AIitem[data-v-6c44f112] { background-color: #1d1d1d; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 219px; justify-content: space-between; padding: 10px; -webkit-text-decoration: none; text-decoration: none; width: 263px } .AIitem .imgBox[data-v-6c44f112] { border-radius: 10px; height: 80%; overflow: hidden; position: relative; width: 100% } .AIitem .imgBox .tag-box[data-v-6c44f112] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 100px 100px 100px 100px; color: #fff; display: flex; font-family: Roboto; font-size: 10px; font-weight: 700; justify-content: center; left: 6px; padding: 5px 10px; position: absolute; top: 6px } .AIitem .imgBox img[data-v-6c44f112] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .AIitem .name[data-v-6c44f112] { color: #fff; font-size: 13px; font-weight: 500 } a[data-v-6658d49c] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-6658d49c] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-6658d49c], .boxItem[data-v-6658d49c] { height: 100%; width: 100% } .boxItem[data-v-6658d49c] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-6658d49c], .boxItem:hover .NSFWSHOW[data-v-6658d49c], .boxItem:hover .cltpop[data-v-6658d49c], .boxItem:hover .deleteBox[data-v-6658d49c], .boxItem:hover .waterfall-hover-try[data-v-6658d49c] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-6658d49c] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-6658d49c], .boxItem:hover .paletIcon[data-v-6658d49c] { opacity: 0 } .defBox[data-v-6658d49c] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-6658d49c] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-6658d49c] { color: #fff; font-size: 18px } .cntImg[data-v-6658d49c] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-6658d49c], .cntVideo[data-v-6658d49c] { height: 100%; width: 100% } .waterfall-hover-try[data-v-6658d49c] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-6658d49c], .waterfall-hover-try[data-v-6658d49c] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-6658d49c] { left: 8px; top: 6px } .cltpop[data-v-6658d49c] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-6658d49c] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-6658d49c] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-6658d49c], .author[data-v-6658d49c] { align-items: center; display: flex } .author .authorHead[data-v-6658d49c] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-6658d49c] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-6658d49c] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-6658d49c], .numItem[data-v-6658d49c] { align-items: center; display: flex } .numItem .funItem[data-v-6658d49c] { cursor: pointer } .numItem .funItem .iconfont[data-v-6658d49c], .numItem .funItem .svg-icon[data-v-6658d49c] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-6658d49c] { font-size: 12px } .numItem .funItem span[data-v-6658d49c] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-6658d49c]:first-child { margin-right: 18px } .deleteBox[data-v-6658d49c] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-6658d49c], .deleteBox .svg-icon[data-v-6658d49c] { font-size: 16px } .statusCnt[data-v-6658d49c] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-6658d49c], .statusCnt[data-v-6658d49c] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-6658d49c] { z-index: 1 } .statusCnt .statusBox[data-v-6658d49c] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-6658d49c] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-6658d49c] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-6658d49c] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-6658d49c] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-6658d49c] { cursor: zoom-in } .NSFWSHOW[data-v-6658d49c] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-6658d49c] { color: #fff; font-size: 18px } .recPortfolioItem[data-v-6658d49c] { display: flex; flex-direction: column; height: 358px; justify-content: space-between; width: 236px } .recPortfolioItem .imgBox[data-v-6658d49c] { background-color: #1d1d1d; border-radius: 16px; height: 90%; overflow: hidden; position: relative; width: 100% } .recPortfolioItem .imgBox video[data-v-6658d49c] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .recPortfolioItem .imgBox .imgNum[data-v-6658d49c] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; left: 6px; padding: 3px 6px; position: absolute; top: 6px; z-index: 1 } .recPortfolioItem .imgBox .imgNum .iconfont[data-v-6658d49c], .recPortfolioItem .imgBox .imgNum .svg-icon[data-v-6658d49c] { font-size: 15px } .recPortfolioItem .imgBox .imgNum span[data-v-6658d49c] { color: #fff; font-size: 10px; margin-left: 5px } a[data-v-72c72644] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-72c72644] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-72c72644], .boxItem[data-v-72c72644] { height: 100%; width: 100% } .boxItem[data-v-72c72644] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-72c72644], .boxItem:hover .NSFWSHOW[data-v-72c72644], .boxItem:hover .cltpop[data-v-72c72644], .boxItem:hover .deleteBox[data-v-72c72644], .boxItem:hover .waterfall-hover-try[data-v-72c72644] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-72c72644] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-72c72644], .boxItem:hover .paletIcon[data-v-72c72644] { opacity: 0 } .defBox[data-v-72c72644] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-72c72644] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-72c72644] { color: #fff; font-size: 18px } .cntImg[data-v-72c72644] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-72c72644], .cntVideo[data-v-72c72644] { height: 100%; width: 100% } .waterfall-hover-try[data-v-72c72644] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-72c72644], .waterfall-hover-try[data-v-72c72644] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-72c72644] { left: 8px; top: 6px } .cltpop[data-v-72c72644] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-72c72644] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-72c72644] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-72c72644], .author[data-v-72c72644] { align-items: center; display: flex } .author .authorHead[data-v-72c72644] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-72c72644] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-72c72644] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-72c72644], .numItem[data-v-72c72644] { align-items: center; display: flex } .numItem .funItem[data-v-72c72644] { cursor: pointer } .numItem .funItem .iconfont[data-v-72c72644], .numItem .funItem .svg-icon[data-v-72c72644] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-72c72644] { font-size: 12px } .numItem .funItem span[data-v-72c72644] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-72c72644]:first-child { margin-right: 18px } .deleteBox[data-v-72c72644] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-72c72644], .deleteBox .svg-icon[data-v-72c72644] { font-size: 16px } .statusCnt[data-v-72c72644] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-72c72644], .statusCnt[data-v-72c72644] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-72c72644] { z-index: 1 } .statusCnt .statusBox[data-v-72c72644] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-72c72644] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-72c72644] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-72c72644] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-72c72644] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-72c72644] { cursor: zoom-in } .NSFWSHOW[data-v-72c72644] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-72c72644] { color: #fff; font-size: 18px } .recPortfolioItem[data-v-72c72644] { display: flex; flex-direction: column; height: 358px; justify-content: space-between; width: 236px } .recPortfolioItem .imgBox[data-v-72c72644] { background-color: #1d1d1d; border-radius: 16px; height: 90%; overflow: hidden; position: relative; width: 100% } .recPortfolioItem .imgBox video[data-v-72c72644] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .recPortfolioItem .imgBox .imgNum[data-v-72c72644] { align-items: center; background: rgba(0, 0, 0, .35); border-radius: 20px; display: flex; left: 6px; padding: 3px 6px; position: absolute; top: 6px; z-index: 1 } .recPortfolioItem .imgBox .imgNum .svg-icon[data-v-72c72644] { font-size: 15px } .recPortfolioItem .imgBox .imgNum span[data-v-72c72644] { color: #fff; font-size: 10px; margin-left: 5px } .foot-box[data-v-72c72644] { background: linear-gradient(180deg, transparent, #000); bottom: 0; height: 58px; left: 0; position: absolute; width: 100% } .foot-box > .num-video-look[data-v-72c72644] { color: #fff; font-size: 12px; padding-left: 10px; padding-top: 30px } a[data-v-cd2bd744] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-cd2bd744] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-cd2bd744], .boxItem[data-v-cd2bd744] { height: 100%; width: 100% } .boxItem[data-v-cd2bd744] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-cd2bd744], .boxItem:hover .NSFWSHOW[data-v-cd2bd744], .boxItem:hover .cltpop[data-v-cd2bd744], .boxItem:hover .deleteBox[data-v-cd2bd744], .boxItem:hover .waterfall-hover-try[data-v-cd2bd744] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-cd2bd744] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-cd2bd744], .boxItem:hover .paletIcon[data-v-cd2bd744] { opacity: 0 } .defBox[data-v-cd2bd744] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-cd2bd744] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-cd2bd744] { color: #fff; font-size: 18px } .cntImg[data-v-cd2bd744] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-cd2bd744], .cntVideo[data-v-cd2bd744] { height: 100%; width: 100% } .waterfall-hover-try[data-v-cd2bd744] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-cd2bd744], .waterfall-hover-try[data-v-cd2bd744] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-cd2bd744] { left: 8px; top: 6px } .cltpop[data-v-cd2bd744] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-cd2bd744] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-cd2bd744] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-cd2bd744], .author[data-v-cd2bd744] { align-items: center; display: flex } .author .authorHead[data-v-cd2bd744] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-cd2bd744] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-cd2bd744] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-cd2bd744], .numItem[data-v-cd2bd744] { align-items: center; display: flex } .numItem .funItem[data-v-cd2bd744] { cursor: pointer } .numItem .funItem .iconfont[data-v-cd2bd744], .numItem .funItem .svg-icon[data-v-cd2bd744] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-cd2bd744] { font-size: 12px } .numItem .funItem span[data-v-cd2bd744] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-cd2bd744]:first-child { margin-right: 18px } .deleteBox[data-v-cd2bd744] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-cd2bd744], .deleteBox .svg-icon[data-v-cd2bd744] { font-size: 16px } .statusCnt[data-v-cd2bd744] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-cd2bd744], .statusCnt[data-v-cd2bd744] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-cd2bd744] { z-index: 1 } .statusCnt .statusBox[data-v-cd2bd744] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-cd2bd744] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-cd2bd744] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-cd2bd744] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-cd2bd744] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-cd2bd744] { cursor: zoom-in } .NSFWSHOW[data-v-cd2bd744] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-cd2bd744] { color: #fff; font-size: 18px } .recVideoItem[data-v-cd2bd744] { display: flex; flex-direction: column; height: 358px; justify-content: space-between; width: 236px } .recVideoItem:hover .CollectPop[data-v-cd2bd744], .recVideoItem:hover .cltpop[data-v-cd2bd744], .recVideoItem:hover .waterfall-hover-try[data-v-cd2bd744] { opacity: 1 !important } .recVideoItem .imgBox[data-v-cd2bd744] { background-color: #1d1d1d; border-radius: 16px; height: 90%; overflow: hidden; position: relative; width: 100% } .recVideoItem .imgBox video[data-v-cd2bd744] { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% } .recVideoItem .imgBox .times[data-v-cd2bd744] { -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background: rgba(0, 0, 0, .4); border-radius: 20px; color: #fff; font-size: 12px; left: 6px; padding: 3px 9px; position: absolute; top: 6px; z-index: 3 } .recModelItem[data-v-3cc728ad], a[data-v-3cc728ad] { -webkit-text-decoration: none; text-decoration: none } .recModelItem[data-v-3cc728ad] { cursor: pointer; display: block; height: 466px; position: relative; width: 338px } .recModelItem .imgBox[data-v-3cc728ad] { background-color: #1d1d1d; border-radius: 8px; height: 100%; overflow: hidden; width: 100% } .recModelItem .modelType[data-v-3cc728ad] { background-color: rgba(0, 0, 0, .4); border-radius: 100px; color: #fff; font-size: 12px; font-weight: 700; left: 11px; padding: 7px 16px; position: absolute; top: 12px; transition: all .3s } .recModelItem .waterfall-hover-try[data-v-3cc728ad] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px; z-index: 2 } .recModelItem .cltpop[data-v-3cc728ad], .recModelItem .waterfall-hover-try[data-v-3cc728ad] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out } .recModelItem .cltpop[data-v-3cc728ad] { background-color: rgba(0, 0, 0, .5); border-radius: 8px; box-sizing: border-box; height: 100%; left: 0; pointer-events: none; top: 0; width: 100% } .recModelItem .CollectPop[data-v-3cc728ad] { left: 8px; opacity: 0; position: absolute; top: 6px; transition: opacity .3s ease-in-out; z-index: 2 } .recModelItem .cnt[data-v-3cc728ad] { background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); border-radius: 8px; bottom: 0; box-sizing: border-box; left: 0; padding: 12px; position: absolute; width: 100% } .recModelItem .cnt .user[data-v-3cc728ad] { align-items: center; cursor: pointer; display: flex } .recModelItem .cnt .user .authorHead[data-v-3cc728ad] { align-items: center; background-color: #6d717e; border-radius: 100%; color: #fff; display: flex; flex: 0 0 auto; font-size: 14px; height: 32px; justify-content: center; width: 32px } .recModelItem .cnt .user .authorHead img[data-v-3cc728ad] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .recModelItem .cnt .user .authorName[data-v-3cc728ad] { color: hsla(0, 0%, 100%, .6); font-size: 14px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .recModelItem .cnt .title[data-v-3cc728ad] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #fff; display: -webkit-box; font-size: 20px; font-weight: 700; margin-top: 12px; overflow: hidden; text-overflow: ellipsis } .recModelItem .cnt .rate[data-v-3cc728ad] { align-items: center; display: flex; margin-top: 13px } .recModelItem .cnt .rate span[data-v-3cc728ad] { background-color: #393e44; border-radius: 8px; color: #f1f5f9; font-size: 12px; margin-left: 5px; padding: 5px 8px } .recModelItem .cnt .numItem[data-v-3cc728ad] { align-items: center; cursor: pointer; display: flex; margin-top: 10px } .recModelItem .cnt .numItem .play[data-v-3cc728ad] { align-items: center; display: flex; margin-left: 10px } .recModelItem .cnt .numItem .play span[data-v-3cc728ad] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .recModelItem .cnt .numItem .play .iconfont[data-v-3cc728ad], .recModelItem .cnt .numItem .play .svg-icon[data-v-3cc728ad] { color: hsla(0, 0%, 100%, .6) !important; font-size: 16px; margin-right: 5px } .recModelItem .cnt .numItem .funItem[data-v-3cc728ad] { align-items: center; background-color: rgba(20, 21, 23, .2); border-radius: 4px; cursor: pointer; display: flex; margin-left: 10px; padding: 2px 6px } .recModelItem .cnt .numItem .funItem .iconfont[data-v-3cc728ad], .recModelItem .cnt .numItem .funItem .svg-icon[data-v-3cc728ad] { color: #fff; font-size: 16px } .recModelItem .cnt .numItem .funItem span[data-v-3cc728ad] { color: #fff; font-size: 12px; margin-left: 4px } .recModelItem:hover .CollectPop[data-v-3cc728ad], .recModelItem:hover .cltpop[data-v-3cc728ad], .recModelItem:hover .deleteBox[data-v-3cc728ad], .recModelItem:hover .waterfall-hover-try[data-v-3cc728ad] { opacity: 1 !important } .recModelItem:hover .modelType[data-v-3cc728ad], .recModelItem:hover .paletIcon[data-v-3cc728ad] { opacity: 0 } .navItem[data-v-085444ef] { cursor: pointer; display: flex; flex-direction: column; height: 226px; justify-content: space-between; -webkit-text-decoration: none; text-decoration: none; width: 274px } .navItem .imgBox[data-v-085444ef] { background-color: #1d1d1d; border-radius: 12px; height: 90%; -o-object-fit: cover; object-fit: cover; width: 100% } .navItem .imgBox img[data-v-085444ef] { border-radius: 12px; height: 100%; width: 100% } .navItem .name[data-v-085444ef] { color: #fff; font-size: 16px; font-weight: 500 } a[data-v-64e94469] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-64e94469] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-64e94469], .boxItem[data-v-64e94469] { height: 100%; width: 100% } .boxItem[data-v-64e94469] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-64e94469], .boxItem:hover .NSFWSHOW[data-v-64e94469], .boxItem:hover .cltpop[data-v-64e94469], .boxItem:hover .deleteBox[data-v-64e94469], .boxItem:hover .waterfall-hover-try[data-v-64e94469] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-64e94469] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-64e94469], .boxItem:hover .paletIcon[data-v-64e94469] { opacity: 0 } .defBox[data-v-64e94469] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-64e94469] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-64e94469] { color: #fff; font-size: 18px } .cntImg[data-v-64e94469] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-64e94469], .cntVideo[data-v-64e94469] { height: 100%; width: 100% } .waterfall-hover-try[data-v-64e94469] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-64e94469], .waterfall-hover-try[data-v-64e94469] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-64e94469] { left: 8px; top: 6px } .cltpop[data-v-64e94469] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-64e94469] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-64e94469] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-64e94469], .author[data-v-64e94469] { align-items: center; display: flex } .author .authorHead[data-v-64e94469] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-64e94469] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-64e94469] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-64e94469], .numItem[data-v-64e94469] { align-items: center; display: flex } .numItem .funItem[data-v-64e94469] { cursor: pointer } .numItem .funItem .iconfont[data-v-64e94469], .numItem .funItem .svg-icon[data-v-64e94469] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-64e94469] { font-size: 12px } .numItem .funItem span[data-v-64e94469] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-64e94469]:first-child { margin-right: 18px } .deleteBox[data-v-64e94469] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-64e94469], .deleteBox .svg-icon[data-v-64e94469] { font-size: 16px } .statusCnt[data-v-64e94469] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-64e94469], .statusCnt[data-v-64e94469] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-64e94469] { z-index: 1 } .statusCnt .statusBox[data-v-64e94469] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-64e94469] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-64e94469] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-64e94469] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-64e94469] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-64e94469] { cursor: zoom-in } .NSFWSHOW[data-v-64e94469] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-64e94469] { color: #fff; font-size: 18px } .canvasItem[data-v-64e94469] { display: flex; flex-direction: column; height: 358px; justify-content: space-between; width: 236px } .canvasItem .imgBox[data-v-64e94469] { background-color: #1d1d1d; border-radius: 16px; height: 90%; overflow: hidden; position: relative; width: 100% } .canvasItem .imgBox:hover .paletIcon[data-v-64e94469] { opacity: 0 } .canvasItem .imgBox:hover .CollectPop[data-v-64e94469], .canvasItem .imgBox:hover .cltpop[data-v-64e94469], .canvasItem .imgBox:hover .waterfall-hover-try[data-v-64e94469] { opacity: 1 !important } a[data-v-0cb5ff36] { -webkit-text-decoration: none; text-decoration: none } .SysTag[data-v-0cb5ff36] { border-radius: 8px; font-size: 12px; padding: 6px 10px; position: absolute; right: 8px; top: 8px; z-index: 2 } .Acnt[data-v-0cb5ff36], .boxItem[data-v-0cb5ff36] { height: 100%; width: 100% } .boxItem[data-v-0cb5ff36] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; overflow: hidden; position: relative } .boxItem:hover .CollectPop[data-v-0cb5ff36], .boxItem:hover .NSFWSHOW[data-v-0cb5ff36], .boxItem:hover .cltpop[data-v-0cb5ff36], .boxItem:hover .deleteBox[data-v-0cb5ff36], .boxItem:hover .waterfall-hover-try[data-v-0cb5ff36] { opacity: 1 !important } .boxItem:hover .cntImg[data-v-0cb5ff36] { transform: scale(1.15) } .boxItem:hover .SysTag[data-v-0cb5ff36], .boxItem:hover .paletIcon[data-v-0cb5ff36] { opacity: 0 } .defBox[data-v-0cb5ff36] { background-color: #1e2a3b; border-radius: 16px; cursor: zoom-in; height: 100%; overflow: hidden; position: relative; width: 100% } .paletIcon[data-v-0cb5ff36] { align-items: center; background-color: rgba(0, 0, 0, .35); border-radius: 6px; display: flex; height: 28px; justify-content: center; left: 10px; opacity: 1; position: absolute; top: 10px; transition: all .3s; width: 28px } .paletIcon i[data-v-0cb5ff36] { color: #fff; font-size: 18px } .cntImg[data-v-0cb5ff36] { border-radius: 16px; -o-object-fit: cover; object-fit: cover; transition: all .3s ease-in-out } .cntImg[data-v-0cb5ff36], .cntVideo[data-v-0cb5ff36] { height: 100%; width: 100% } .waterfall-hover-try[data-v-0cb5ff36] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 32px; justify-content: center; padding: 0 10px; right: 8px; top: 12px } .CollectPop[data-v-0cb5ff36], .waterfall-hover-try[data-v-0cb5ff36] { opacity: 0; position: absolute; transition: opacity .3s ease-in-out; z-index: 2 } .CollectPop[data-v-0cb5ff36] { left: 8px; top: 6px } .cltpop[data-v-0cb5ff36] { background-color: rgba(0, 0, 0, .5); box-sizing: border-box; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100% } .objName[data-v-0cb5ff36] { color: #fff; cursor: pointer; font-size: 14px; line-height: 22px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .author[data-v-0cb5ff36] { cursor: pointer; justify-content: space-between; margin-top: 4px; width: 100% } .author .authorHead[data-v-0cb5ff36], .author[data-v-0cb5ff36] { align-items: center; display: flex } .author .authorHead[data-v-0cb5ff36] { background-color: #6d717e; border-radius: 100%; color: #fff; flex: 0 0 auto; font-size: 12px; height: 20px; justify-content: center; width: 20px } .author .authorHead img[data-v-0cb5ff36] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .author .authorName[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 8px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .numItem .funItem[data-v-0cb5ff36], .numItem[data-v-0cb5ff36] { align-items: center; display: flex } .numItem .funItem[data-v-0cb5ff36] { cursor: pointer } .numItem .funItem .iconfont[data-v-0cb5ff36], .numItem .funItem .svg-icon[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .numItem .funItem i[data-v-0cb5ff36] { font-size: 12px } .numItem .funItem span[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .numItem .funItem[data-v-0cb5ff36]:first-child { margin-right: 18px } .deleteBox[data-v-0cb5ff36] { align-items: center; background: rgba(226, 83, 83, .5); bottom: 0; cursor: pointer; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .deleteBox .iconfont[data-v-0cb5ff36], .deleteBox .svg-icon[data-v-0cb5ff36] { font-size: 16px } .statusCnt[data-v-0cb5ff36] { background: rgba(0, 0, 0, .5) } .statusCnt .statusZg[data-v-0cb5ff36], .statusCnt[data-v-0cb5ff36] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusZg[data-v-0cb5ff36] { z-index: 1 } .statusCnt .statusBox[data-v-0cb5ff36] { align-items: center; color: #bcc9d4; display: flex; height: 90px; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 120px } .statusCnt .statusBox .svg-icon[data-v-0cb5ff36] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .statusCnt .statusBox .iconfont[data-v-0cb5ff36] { font-size: 82px; height: 100%; left: 4px; position: absolute; top: -2px; width: 100% } .statusCnt .statusBox div[data-v-0cb5ff36] { font-size: 18px; transform: rotate(-33deg); width: -moz-max-content; width: max-content } .green-mode-div[data-v-0cb5ff36] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .imgBox[data-v-0cb5ff36] { cursor: zoom-in } .NSFWSHOW[data-v-0cb5ff36] { align-items: center; background: rgba(0, 0, 0, .4); border-radius: 8px; border-radius: 100%; cursor: pointer; display: flex; height: 32px; justify-content: center; position: absolute; right: 10px; top: 10px; transition: all .3s ease-in-out; width: 32px; z-index: 3 } .NSFWSHOW .svg-icon[data-v-0cb5ff36] { color: #fff; font-size: 18px } .boxItem[data-v-0cb5ff36] { height: 411px; width: 319px } .boxItemjidian[data-v-0cb5ff36] { background-color: rgba(0, 0, 0, .4); border-radius: 100%; color: #fff; font-size: 20px; padding: 10px; position: absolute; right: 12px; top: 12px } .cnt[data-v-0cb5ff36] { background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); bottom: 0; box-sizing: border-box; left: 0; padding: 12px; position: absolute; width: 100% } .cnt .user[data-v-0cb5ff36] { align-items: center; cursor: pointer; display: flex } .cnt .user .authorHead[data-v-0cb5ff36] { align-items: center; background-color: #6d717e; border-radius: 100%; color: #fff; display: flex; flex: 0 0 auto; font-size: 14px; height: 32px; justify-content: center; width: 32px } .cnt .user .authorHead img[data-v-0cb5ff36] { border-radius: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .cnt .user .authorName[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 14px; margin-left: 8px; max-width: 100px; white-space: nowrap } .cnt .title[data-v-0cb5ff36], .cnt .user .authorName[data-v-0cb5ff36] { overflow: hidden; text-overflow: ellipsis } .cnt .title[data-v-0cb5ff36] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #fff; display: -webkit-box; font-size: 20px; font-weight: 700; margin-top: 12px } .cnt .rate[data-v-0cb5ff36] { align-items: center; display: flex; margin-top: 13px } .cnt .rate span[data-v-0cb5ff36] { background-color: #393e44; border-radius: 8px; color: #f1f5f9; font-size: 12px; margin-left: 5px; padding: 5px 8px } .cnt .numItem[data-v-0cb5ff36] { cursor: pointer; margin-top: 10px } .cnt .numItem .play[data-v-0cb5ff36], .cnt .numItem[data-v-0cb5ff36] { align-items: center; display: flex } .cnt .numItem .play span[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .cnt .numItem .play .iconfont[data-v-0cb5ff36], .cnt .numItem .play .svg-icon[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6) !important; font-size: 16px; margin-right: 5px } .cnt .numItem .funItem[data-v-0cb5ff36] { align-items: center; cursor: pointer; display: flex; margin-left: 10px } .cnt .numItem .funItem .iconfont[data-v-0cb5ff36], .cnt .numItem .funItem .svg-icon[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .cnt .numItem .funItem span[data-v-0cb5ff36] { color: hsla(0, 0%, 100%, .6); font-size: 12px; margin-left: 4px } .cnt .numItem .funItem[data-v-0cb5ff36]:first-child { margin-right: 18px } .comfyUIitem[data-v-0cb5ff36] { background-color: #1d1d1d; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 219px; justify-content: space-between; padding: 10px; -webkit-text-decoration: none; text-decoration: none; width: 263px } .comfyUIitem .imgBox[data-v-0cb5ff36] { border-radius: 10px; height: 80%; overflow: hidden; width: 100% } .comfyUIitem .imgBox img[data-v-0cb5ff36] { border-radius: 10px; min-height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .comfyUIitem .name[data-v-0cb5ff36] { color: #fff; font-size: 13px; font-weight: 500 } a[data-v-649a8392] { -webkit-text-decoration: none; text-decoration: none } .cyberBarItem[data-v-649a8392] { align-items: center; background-color: rgba(35, 36, 40, .8); border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 2% 5%; width: 100% } .cyberBarItem .name[data-v-649a8392] { color: #fcfcfd; flex-shrink: 0; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .cyberBarItem .imgBox[data-v-649a8392] { border-radius: 16px; flex: 0 0 auto; height: 70%; overflow: hidden; position: relative; width: 100% } .cyberBarItem .imgBox .voice-icon[data-v-649a8392] { align-items: center; background: #fff; border-radius: 50%; box-sizing: border-box; display: flex; height: 30px; justify-content: center; left: 8px; position: absolute; top: 8px; width: 30px } .cyberBarItem .imgBox .voice-icon > .iconfont[data-v-649a8392] { color: #ff227c; font-size: 20px } .cyberBarItem .imgBox .imgBox-num[data-v-649a8392] { align-items: center; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); border-radius: 0 0 16px 16px; bottom: 0; display: flex; height: 42px; justify-content: flex-end; padding-right: 10px; position: absolute; width: 100% } .cyberBarItem .imgBox .imgBox-num .imgBox-num-item[data-v-649a8392] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 8px; -moz-column-gap: 4px; column-gap: 4px; cursor: pointer; display: flex; margin-right: 10px; padding: 4px 10px } .cyberBarItem .imgBox .imgBox-num .imgBox-num-item .imgBox-num-item-icon[data-v-649a8392] { color: #f8f8f8; font-size: 16px } .cyberBarItem .imgBox .imgBox-num .imgBox-num-item .imgBox-num-item-text[data-v-649a8392] { color: #f8f8f8; font-size: 12px } .info[data-v-649a8392] { box-sizing: border-box; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: space-between; margin-top: 12px; width: 100% } .info .top .desc[data-v-649a8392] { line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #b6b6b6; display: -webkit-box; font-size: 12px; height: 32px; line-height: 16px; overflow: hidden; text-overflow: ellipsis } .info .bottom[data-v-649a8392] { margin-top: 10px } .info .bottom .item-content-tags[data-v-649a8392] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 4px; height: 25px; overflow: hidden } .info .bottom .item-content-tags .item-content-tags-item[data-v-649a8392] { align-items: center; background-color: rgba(4, 4, 5, .6); border-radius: 4px; box-sizing: border-box; color: #868d97; display: inline-flex; font-size: 10px; font-weight: 700; justify-content: center; line-height: 16px; padding: 4px 6px } .info .bottom .author[data-v-649a8392] { align-items: center; display: flex; justify-content: space-between; margin-top: 5px } .info .bottom .author .authorName[data-v-649a8392] { align-items: center; color: #cfcfcf; display: flex; font-size: 12px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .info .bottom .author .authorName img[data-v-649a8392] { border-radius: 50%; height: 20px; margin-right: 5px; width: 20px } .info .bottom .author .item-cover-operate[data-v-649a8392] { color: #fff; font-size: 20px } [data-v-649a8392] .msg-item-more-popover .iconfont { color: #4c97fd } [data-v-649a8392] .msg-item-more-popover .icon-moveDelete { color: red } .cyberBarRecently[data-v-5d088a98] { align-items: center; background: #1b1d23; border-radius: 10px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; left: -70px; padding: 12px 6px; position: absolute; top: 0; width: 52px } .cyberBarRecently .cyberBarRecently-box[data-v-5d088a98] { align-items: center; display: flex; flex-direction: column; gap: 14px } .cyberBarRecently .cyberBarRecently-box .icon[data-v-5d088a98] { cursor: pointer; font-size: 18px; margin: 10px 0 } .cyberBarRecently .cyberBarRecently-box .cyberBarRecently-box-text[data-v-5d088a98] { color: #fff; font-size: 12px; font-weight: 500; margin: 5px 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 52px } .cyberBarRecently .cyberBarRecently-box .cyberBarRecently-box-item[data-v-5d088a98] { align-items: center; border-radius: 100%; cursor: pointer; display: flex; height: 42px; justify-content: center; overflow: hidden; width: 42px } .cyberBarRecently .cyberBarRecently-box .cyberBarRecently-box-item .cyberBarRecently-box-item-img[data-v-5d088a98] { align-items: center; display: flex; height: 42px; justify-content: center; opacity: .3; overflow: hidden; width: 42px } .cyberBarRecently .cyberBarRecently-box .cyberBarRecently-box-item .cyberBarRecently-box-item-img img[data-v-5d088a98] { background: rgba(0, 0, 0, .3); border-radius: 100%; height: 40px; -o-object-fit: cover; object-fit: cover; width: 40px } .cyberBarRecently .cyberBarRecently-box .cyberBarRecently-box-item .cyberBarRecently-box-item-img[data-v-5d088a98]:hover { background: linear-gradient(90deg, #ae3dfa, #09f); opacity: 1 } .cyberBarRecently-hover[data-v-5d088a98] { align-items: center; border-radius: 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; justify-content: center; padding: 10px 12px; width: 337px } .cyberBarRecently-hover .name[data-v-5d088a98] { color: #fcfcfd; cursor: pointer; flex-shrink: 0; font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .cyberBarRecently-hover .imgBox[data-v-5d088a98] { border-radius: 16px; flex: 0 0 auto; height: 258px; overflow: hidden; position: relative; width: 100% } .cyberBarRecently-hover .imgBox .imgBox-num[data-v-5d088a98] { background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7)); border-radius: 0 0 16px 16px; bottom: 0; height: 42px; position: absolute; width: 100% } .cyberBarRecently-hover .imgBox .voice-icon[data-v-5d088a98] { align-items: center; background: #fff; border-radius: 50%; box-sizing: border-box; display: flex; height: 30px; justify-content: center; left: 8px; position: absolute; top: 8px; width: 30px } .cyberBarRecently-hover .imgBox .voice-icon > .iconfont[data-v-5d088a98] { color: #ff227c; font-size: 20px } .info[data-v-5d088a98] { box-sizing: border-box; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: space-between; width: 100% } .info .top .desc[data-v-5d088a98] { line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #b6b6b6; display: -webkit-box; font-size: 12px; height: 32px; line-height: 16px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis } .info .bottom .item-content-tags[data-v-5d088a98] { align-content: flex-start; display: flex; flex-wrap: wrap; gap: 4px; height: 25px; overflow: hidden } .info .bottom .item-content-tags .item-content-tags-item[data-v-5d088a98] { align-items: center; background-color: rgba(4, 4, 5, .6); border-radius: 4px; box-sizing: border-box; color: #868d97; display: inline-flex; font-size: 10px; font-weight: 700; justify-content: center; line-height: 16px; padding: 4px 6px } .info .bottom .author[data-v-5d088a98] { align-items: center; cursor: pointer; display: flex; justify-content: space-between; margin-top: 5px } .info .bottom .author .authorName[data-v-5d088a98] { align-items: center; color: #cfcfcf; display: flex; font-size: 12px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .info .bottom .author .authorName img[data-v-5d088a98] { border-radius: 50%; height: 20px; margin-right: 5px; width: 20px } .info .bottom .author .item-cover-operate[data-v-5d088a98] { color: #fff; font-size: 20px } .info .bottom .author .imgBox-num-item[data-v-5d088a98] { align-items: center; -moz-column-gap: 4px; column-gap: 4px; cursor: pointer; display: flex } .info .bottom .author .imgBox-num-item .imgBox-num-item-icon[data-v-5d088a98] { color: #f8f8f8; font-size: 16px } .info .bottom .author .imgBox-num-item .imgBox-num-item-text[data-v-5d088a98] { color: #f8f8f8; font-size: 12px } .recList-out[data-v-1d66118b] { position: relative } .recList-out .recList[data-v-1d66118b] { display: flex; gap: 16px } .adv[data-v-1d66118b] { max-height: 219px; overflow: hidden; width: 263px } .morePage .moreItem[data-v-4e5681fa] { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px } .tabBar[data-v-4e5681fa] { background-repeat: no-repeat; background-size: 100% 100%; box-sizing: border-box; display: flex; justify-content: center; position: relative; z-index: 2 } .tabBar[data-v-4e5681fa], .tabBar[data-v-4e5681fa]:after { height: 83px; width: 100% } .tabBar[data-v-4e5681fa]:after { background: linear-gradient(180deg, transparent, #0a0b17); content: ""; left: 0; position: absolute; top: 0; z-index: -1 } .tabBar .tabCnt[data-v-4e5681fa] { align-items: center; background: #141524; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 100px; display: flex; height: 83px; justify-content: center; margin-top: 38px; width: auto } .tabBar .tabCnt .tabItem[data-v-4e5681fa] { height: 81px; max-width: 180px; min-width: 102px; text-decoration: none; text-decoration: initial } .tabBar .tabCnt .tabItem .tabItemBox[data-v-4e5681fa], .tabBar .tabCnt .tabItem[data-v-4e5681fa] { align-items: center; display: flex; justify-content: center; position: relative } .tabBar .tabCnt .tabItem .tabItemBox[data-v-4e5681fa] { box-sizing: border-box; cursor: pointer; flex-direction: column; height: 62px; padding: 10px 16px; width: 100%; z-index: 2 } .tabBar .tabCnt .tabItem .tabItemBox .tagIcon[data-v-4e5681fa] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAmCAYAAACYsfiPAAAAAXNSR0IArs4c6QAAAjZJREFUaEPlmFFu2kAQhmd2a57pCRqrJopkP8ANwg2aE1Q+QeAENSdoOEHJCUpPUB8BKfESNUT4BvVDwkMi76RrQUSIY2xUCbO7j2a0nm/+n/HsIlRYtycnp8j5FyD6BIhtQGwCUbPCFv87NJREl1ajEdqTSVxmc9wWNG+3m/Lx8ZwY6+0ZrjBVJApYo3G5DbwQ+M7zzgkgqDPoRhViYKzvXF2N36tOLvC83T5Kn55+AMDpNgfU8Xel9mchBnm5vQFewv4GgKM6wpTNiQAuWlHU34x/BawL7AoyD/oV8Mx154eu7KaiJGW/NZ1erJ6/AN953jciCspa5oDiEm5ZnVX3zoCXVlbq6rpCJ4q6Ci4D/uO6IwbwVVdaxSWJOsdCTNAAdTMdiWjQEiLAW9ftIcB3ndVdssVOFNk4c131zT3IAaOqSDxNM+C/ALDPA0DVvHeOTxk7U8D/xmUzliTyjQJWQ4hRwMYpbNx/mBC7RlmaW9ZHk4CzedoYYNWwjoUYGQOspiz75iY2BXjoRFEvOx5qP2kRxXyx6NhxnJgAnPA07Sgrv1zxaK0wke8IMVo/Kehq6YQTdW0hJm+uaTVUOORp6q/bWFeFQ0IctK6vw6LD7qFbWjWjX4Q43gZatWkN1aZ1uSb4IGUCi0W8+tRUyatYYaKYGPPLVq/Ki/cVWwQ85A8PwS5V3BdMmffmASeEeKaTqu93acQxv7/3dVM1DzgBKX1nOq1NYypjz11icOZ5P3VXdb0wzwXeIQZfi4I6AAAAAElFTkSuQmCC) no-repeat; background-position: 50%; background-size: contain; color: #fff; display: flex; font-size: 11px; height: 19px; justify-content: center; position: absolute; right: 7px; top: -5px; width: 29px; z-index: 3 } .tabBar .tabCnt .tabItem .tabItemBox .tabItemBox-img[data-v-4e5681fa] { height: 38px; -o-object-fit: contain; object-fit: contain; width: 38px } .tabBar .tabCnt .tabItem .tabItemBox .tabItemBox-title[data-v-4e5681fa] { color: #c5c9d9; font-size: 12px; font-weight: 500; margin-top: 6px; white-space: nowrap } .tabBar .tabCnt .tabItem .border-right[data-v-4e5681fa] { border-right: 1px solid hsla(0, 0%, 100%, .05) } .tabBar .tabCnt .tabItem-gen[data-v-4e5681fa] { align-items: center; border: 1px solid hsla(0, 0%, 100%, .06); border-radius: 100%; box-shadow: 0 0 13px 0 rgba(43, 152, 252, .1); box-sizing: border-box; display: flex; height: 134px; justify-content: center; width: 134px } .tabBar .tabCnt .tabItem-gen[data-v-4e5681fa]:hover { background: linear-gradient(99deg, #e86158, #e858ad, #462ed9); border: none; border-radius: 100%; box-shadow: 0 0 13px 0 rgba(43, 152, 252, .3); height: 134px; width: 134px } .tabBar .tabCnt .tabItem-gen .tabItemBox[data-v-4e5681fa] { background: #141524; border-radius: 100%; height: 132px; width: 132px } .tabBar .tabCnt .tabItem-gen .tabItemBox .tabItemBox-img[data-v-4e5681fa] { height: 62px; width: 62px } .tabBar .tabCnt .tabItem-gen .tabItemBox .tabItemBox-title[data-v-4e5681fa] { margin-bottom: 20px; margin-top: 0 } .tabBar .tabCnt .activateTab[data-v-4e5681fa] { background: #1b1c2a; height: 81px; max-width: 180px; min-width: 102px } .tabBar .tabCnt .activateTab .tabItemBox-title[data-v-4e5681fa] { color: #fff !important } .tabBar .tabCnt .activateTab[data-v-4e5681fa]:before { background: linear-gradient(90deg, #ae3dfa, #09f); border-radius: 10px 10px 10px 10px; bottom: 0; content: ""; height: 3px; left: 0; margin: auto; position: absolute; right: 0; transition: all .1s; width: 26px } .tabBar .tabCnt a[data-v-4e5681fa]:first-child { border-radius: 100px 0 0 100px } .tabBar .tabCnt a[data-v-4e5681fa]:last-child { border-radius: 0 100px 100px 0 } .main[data-v-4e5681fa] { box-sizing: border-box; margin-top: 40px; padding: 26px 77px } .main .bg-tavern[data-v-4e5681fa] { background-image: /*savepage-url=https://image.cdn2.seaart.ai/static/upload/20231211/af3b8892-05bf-4823-a304-9f8de1231b47.webp*/ url(); background-position: 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; transform: none; width: 100%; z-index: 0 } .main .bg-tavern[data-v-4e5681fa]:after { background: linear-gradient(180deg, #0a0b17, rgba(10, 11, 23, 0)); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .main .title[data-v-4e5681fa] { align-items: center; display: flex; justify-content: space-between } .main .title .txt[data-v-4e5681fa] { color: #fff; font-size: 20px !important; font-weight: 700; z-index: 1 } .main-cyber[data-v-4e5681fa] { padding: 26px 110px } .homeWaterfall[data-v-4e5681fa] { min-height: 100vh } .homeWaterfall .title[data-v-4e5681fa] { align-items: center; display: flex; justify-content: space-between; margin: 16px 0 } .homeWaterfall .title .txt[data-v-4e5681fa] { color: #fff; font-size: 20px; font-weight: 700; margin: initial } .homeWaterfall .title .Screening[data-v-4e5681fa] { align-items: center; display: flex } .homeWaterfall .wraper[data-v-4e5681fa] { margin-top: 0 } .homeWaterfall .filterBox[data-v-4e5681fa] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .homeWaterfall .filterBox div[data-v-4e5681fa], .homeWaterfall .filterBox[data-v-4e5681fa] { align-items: center; display: flex } .homeWaterfall .filterBox div .iconfont[data-v-4e5681fa], .homeWaterfall .filterBox div .svg-icon[data-v-4e5681fa] { font-size: 16px; margin-right: 6px } .homeWaterfall .filterBox div span[data-v-4e5681fa] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .homeWaterfall .filterBox i[data-v-4e5681fa] { font-size: 16px } .homeWaterfall .filterBox .icon-a-filterIcon[data-v-4e5681fa] { color: hsla(0, 0%, 100%, .6) } .loadBox[data-v-4e5681fa] { height: 80px; width: 100% } .el-dropdown-link[data-v-4e5681fa] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-4e5681fa], .el-dropdown-link[data-v-4e5681fa] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-4e5681fa] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-4e5681fa] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-4e5681fa] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-4e5681fa] { font-size: 18px } .el-dropdown-link .custom-iconfont[data-v-4e5681fa] { color: #4c97fd; font-size: 24px } .selectTime[data-v-4e5681fa] { margin: 0 10px; min-width: 116px } .el-dropdown-item[data-v-4e5681fa] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-4e5681fa] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-4e5681fa] { color: #6f767e; font-size: 14px } .el-dropdown-item .custom-iconfont[data-v-4e5681fa] { font-size: 24px; margin-right: 12px } .el-dropdown-item-time[data-v-4e5681fa] { width: 119px } .homeFilter .filterCnt { box-sizing: border-box; min-height: 237px; padding: 12px 16px; width: 255px } .homeFilter .filterCnt .filterTit { color: hsla(0, 0%, 100%, .5); font-size: 12px } .homeFilter .filterCnt .filterList { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px } .homeFilter .filterCnt .filterList .filterItem { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; cursor: pointer; display: flex; padding: 4px 10px } .homeFilter .filterCnt .filterList .filterItem i { color: #22d19d; font-size: 16px; margin-right: 6px } .homeFilter .filterCnt .filterList .filterItem span { color: hsla(0, 0%, 100%, .8); font-size: 12px } .homeFilter .filterCnt .filterList .AfilterItem { background: #595c6a } .homeFilter .filterCnt .filterList .AfilterItem span { color: #fff } .homeFilter .filterCnt .filterReset { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px; widows: 100% } .homeFilter .comfyFilter { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 12px !important; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .25), 0 0 14px -4px rgba(0, 0, 0, .05) } .homeFilter .comfyFilter .filterCnt { background-color: #24262a; border-radius: 12px; box-sizing: border-box; padding: 24px } .homeFilter .comfyFilter .filterCnt .el-checkbox__label { color: #fff } .homeFilter .comfyFilter .filterCnt .filterTit { color: #6f767e; font-size: 14px; margin-bottom: 10px; margin-top: 26px } .homeFilter .comfyFilter .filterCnt .filterSelect .el-input__inner { background-color: #35373b; border: 1px solid #40424c } .homeFilter .comfyFilter .filterCnt .filterSelect .el-tag { background-color: #575a5e } .homeFilter .comfyFilter .filterCnt .filterSelect .el-tag .el-select__tags-text { color: #fefefe } .homeFilter .comfyFilter .filterCnt .filterReset { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px; width: 200px } .page-info[data-v-10c672a4] { align-items: center; display: flex; flex-flow: column; left: 0; position: fixed; right: 0; top: calc(100% - 40px); transition: all .2s ease-in-out; z-index: 11 } .page-info.open-info[data-v-10c672a4] { top: 118px } .page-info.open-info .page-switch i[data-v-10c672a4] { transform: rotate(180deg) } .page-info.open-info .page-seo[data-v-10c672a4] { background-color: rgba(19, 20, 31, .95); height: calc(100vh - 208px); margin: 0; overflow-x: hidden; overflow-y: auto; padding-bottom: 50px; width: 100% } .page-info .page-switch[data-v-10c672a4] { background-image: linear-gradient(0deg, rgba(19, 20, 31, .9), rgba(255, 0, 0, 0)); box-sizing: border-box; height: 40px; padding-top: 5px; text-align: center; width: 100% } .page-info .page-switch i[data-v-10c672a4] { -webkit-text-fill-color: transparent; animation: bounce-10c672a4 1s linear infinite; background-clip: text; -webkit-background-clip: text; background-image: linear-gradient(180deg, #fff, #505050); color: #fff; cursor: pointer; display: inline-block; font-size: 24px; transform: rotate(0deg) } @keyframes bounce-10c672a4 { 0%, to { animation-timing-function: cubic-bezier(.8, 0, 1, 1); margin-top: 5px } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); margin-top: 0 } } .funBar[data-v-714dcaa0] { align-items: center; display: flex; justify-content: space-between; margin: 15px 0; position: relative; width: 100% } .funBar .funType[data-v-714dcaa0] { border-radius: 10px; box-sizing: border-box; display: flex; height: 44px; min-width: 151px } .funBar .funType[data-v-714dcaa0]:after { border-bottom: 1px solid hsla(0, 0%, 100%, .06); bottom: 2px; content: ""; position: absolute; width: 100% } .funBar .funType .typeItem[data-v-714dcaa0] { align-items: center; box-sizing: border-box; color: #686a6c; cursor: pointer; display: flex; font-size: 16px; height: 100%; justify-content: center; min-width: 71px; padding: 0 20px } .funBar .funType .typeItem[data-v-714dcaa0]:after { background: rgba(71, 132, 255, .2); border-radius: 8px; box-sizing: border-box; color: #4784ff; content: attr(data-num); font-size: 12px; height: 24px; left: 5px; line-height: 24px; min-width: 24px; padding: 0 8px; position: relative; top: 0; z-index: 2 } .funBar .funType .typeActivate[data-v-714dcaa0] { border-bottom: 2px solid; -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2; border-image: linear-gradient(81deg, #3f8fff, #21feff) 2; color: #f7fbfa } .funBar .Screening[data-v-714dcaa0] { align-items: center; display: flex; margin-bottom: 10px } .el-dropdown-link[data-v-714dcaa0] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-714dcaa0], .el-dropdown-link[data-v-714dcaa0] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-714dcaa0] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-714dcaa0] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-714dcaa0] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-714dcaa0] { font-size: 18px } .el-dropdown-link .custom-iconfont[data-v-714dcaa0] { color: #4c97fd; font-size: 24px } .filterBox[data-v-714dcaa0] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .filterBox div[data-v-714dcaa0], .filterBox[data-v-714dcaa0] { align-items: center; display: flex } .filterBox div .iconfont[data-v-714dcaa0], .filterBox div .svg-icon[data-v-714dcaa0] { font-size: 16px; margin-right: 6px } .filterBox div span[data-v-714dcaa0] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .filterBox i[data-v-714dcaa0] { color: #fff; font-size: 16px } .selectTime[data-v-714dcaa0] { margin-right: 10px; min-width: 116px } .el-dropdown-item[data-v-714dcaa0] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-714dcaa0] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-714dcaa0] { color: #6f767e; font-size: 14px } .el-dropdown-item .custom-iconfont[data-v-714dcaa0] { font-size: 24px; margin-right: 12px } .el-dropdown-item-time[data-v-714dcaa0] { width: 119px } .wraper[data-v-714dcaa0] { position: relative } .wraper .review-tab[data-v-714dcaa0] { display: flex; gap: 10px; position: absolute; right: 20px; top: -40px } .wraper .review-tab > div[data-v-714dcaa0] { background: #1f2330; border: 1px solid hsla(0, 0%, 100%, .12); border-radius: 16px; color: #abbdd7; cursor: pointer; padding: 6px 16px } .wraper .review-tab > div.active[data-v-714dcaa0] { background-color: #212e52; border: 1px solid #3b589b; color: #fff } .admin-off[data-v-714dcaa0] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .admin-off[data-v-714dcaa0]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .admin-off.open[data-v-714dcaa0] { background: #191a27; color: #fff } .admin-off.open[data-v-714dcaa0]:before { display: none } .tagdetail[data-v-714dcaa0] { box-sizing: border-box; min-height: calc(100vh - 110px); width: 100% } .title[data-v-714dcaa0] { color: #d5dbe5; font-size: 18px; font-weight: 500; margin-bottom: 17px } .head[data-v-714dcaa0] { border-radius: 8px; height: 92px; margin-top: 47px; position: relative; width: 100% } .head .head-bg[data-v-714dcaa0] { overflow: hidden } .head .head-bg img[data-v-714dcaa0], .head .head-bg[data-v-714dcaa0] { border-radius: 8px; height: 100%; width: 100% } .head .head-bg img[data-v-714dcaa0] { filter: blur(50px); -o-object-fit: cover; object-fit: cover } .head .head-info[data-v-714dcaa0] { background-color: rgba(0, 0, 0, .53); height: 100%; left: 0; position: absolute; top: 0; width: 100% } .head .head-info .user[data-v-714dcaa0], .head .head-info[data-v-714dcaa0] { align-items: center; display: flex; justify-content: space-between } .head .head-info .user[data-v-714dcaa0] { flex-grow: 1; padding-right: 38px } .head .head-info .user img[data-v-714dcaa0] { border-radius: 12px; height: 120px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; position: relative; top: -15px; width: 120px } .head .head-info .user h1[data-v-714dcaa0] { color: #fff; font-size: 20px; margin-bottom: 8px } .head .head-info .user .name-box[data-v-714dcaa0] { display: inline-flex; flex-direction: column; justify-content: center; margin-left: 25px } .head .head-info .user .collect-box[data-v-714dcaa0] { background: #0d9488; border-radius: 42px; color: #fff; cursor: pointer; font-family: PingFang SC-Medium, PingFang SC; font-size: 14px; font-weight: 500; padding: 10px 20px } .head .head-info .user .collect-box .svg-icon[data-v-714dcaa0] { font-size: 16px } .head .head-info .user .collect-box span[data-v-714dcaa0] { color: #fff; font-size: 14px } .head .head-info .user .collect-box-active[data-v-714dcaa0] { background: #cbd5e1; color: #1a1e2d } .head .head-info .user .collect-box-active[data-v-714dcaa0]:hover { background: #9e2727; color: #fff } .head .head-info .user .collect-box-2[data-v-714dcaa0] { align-items: center; background: hsla(0, 0%, 100%, .9); border-radius: 100px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25); color: #313131; cursor: pointer; display: flex; font-size: 15px; gap: 12px; justify-content: space-between; padding: 12px 20px } .head .head-info .user .collect-box-2[data-v-714dcaa0]:hover { filter: brightness(1.1) } .head .head-info .postBnt[data-v-714dcaa0] { align-items: center; background: linear-gradient(81deg, #3f8fff, #21feff); border-radius: 90px; cursor: pointer; display: flex; margin-right: 18px; padding: 10px 20px } .head .head-info .postBnt .svg-icon[data-v-714dcaa0] { font-size: 16px; margin-right: 10px } .head .head-info .postBnt span[data-v-714dcaa0] { color: #fff; font-size: 14px } .head .head-info .tags[data-v-714dcaa0] { align-items: center; background: hsla(0, 0%, 100%, .7); border-radius: 24px; cursor: pointer; display: flex; justify-content: center; margin-left: 16px; padding: 6px 12px } .head .head-info .tags .svg-icon[data-v-714dcaa0] { margin-right: 8px } .head .head-info .tags span[data-v-714dcaa0] { color: #323438; font-size: 14px } .head .head-info .add-tag[data-v-714dcaa0]:hover { background: #fff } .head .head-info .edit-tag[data-v-714dcaa0] { background-color: #1f2330 } .head .head-info .edit-tag span[data-v-714dcaa0] { color: #fff } .head .head-info .edit-tag[data-v-714dcaa0]:hover { background-color: #313648 } .backIcon[data-v-714dcaa0] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; display: flex; font-size: 28px; height: 52px; justify-content: center; left: 15px; position: fixed; top: 115px; width: 52px } .backIcon[data-v-714dcaa0]:hover { background-color: #1c2433 } .taglist[data-v-714dcaa0] { margin-top: 25px } .work-num-show-box .work-num-show-box-item[data-v-714dcaa0], .work-num-show-box[data-v-714dcaa0] { align-items: center; display: inline-flex } .work-num-show-box .work-num-show-box-item .work-num-show-box-item-num[data-v-714dcaa0] { color: #fff; font-family: Inter-Bold, Inter; font-size: 14px; font-weight: 700; letter-spacing: 1px } .work-num-show-box .work-num-show-box-item .work-num-show-box-item-text[data-v-714dcaa0] { color: #c6cacd; font-family: Inter-Regular, Inter; font-size: 12px; font-weight: 400; margin-left: 8px } .work-num-show-box .work-num-show-box-item-line[data-v-714dcaa0] { background-color: #abb1b6; display: block; height: 13px; margin: 0 10px; width: 1px } .homeFilter .filterCnt[data-v-714dcaa0] { box-sizing: border-box; min-height: 237px; padding: 12px 16px; width: 255px } .homeFilter .filterCnt .filterTit[data-v-714dcaa0] { color: hsla(0, 0%, 100%, .5); font-size: 12px } .homeFilter .filterCnt .filterList[data-v-714dcaa0] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px } .homeFilter .filterCnt .filterList .filterItem[data-v-714dcaa0] { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; cursor: pointer; display: flex; padding: 4px 10px } .homeFilter .filterCnt .filterList .filterItem i[data-v-714dcaa0] { color: #22d19d; font-size: 16px; margin-right: 6px } .homeFilter .filterCnt .filterList .filterItem span[data-v-714dcaa0] { color: hsla(0, 0%, 100%, .8); font-size: 12px } .homeFilter .filterCnt .filterList .AfilterItem[data-v-714dcaa0] { background: #595c6a } .homeFilter .filterCnt .filterList .AfilterItem span[data-v-714dcaa0] { color: #fff } .homeFilter .filterCnt .filterReset[data-v-714dcaa0] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px; widows: 100% } .homeFilter .comfyFilter[data-v-714dcaa0] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 12px !important; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .25), 0 0 14px -4px rgba(0, 0, 0, .05) } .homeFilter .comfyFilter .filterCnt[data-v-714dcaa0] { background-color: #24262a; border-radius: 12px; box-sizing: border-box; padding: 24px } .homeFilter .comfyFilter .filterCnt .el-checkbox__label[data-v-714dcaa0] { color: #fff } .homeFilter .comfyFilter .filterCnt .filterTit[data-v-714dcaa0] { color: #6f767e; font-size: 14px; margin-bottom: 10px; margin-top: 26px } .homeFilter .comfyFilter .filterCnt .filterSelect .el-input__inner[data-v-714dcaa0] { background-color: #35373b; border: 1px solid #40424c } .homeFilter .comfyFilter .filterCnt .filterSelect .el-tag[data-v-714dcaa0] { background-color: #575a5e } .homeFilter .comfyFilter .filterCnt .filterSelect .el-tag .el-select__tags-text[data-v-714dcaa0] { color: #fefefe } .homeFilter .comfyFilter .filterCnt .filterReset[data-v-714dcaa0] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px; width: 200px } .my-character[data-v-c12bcfae] { background: rgba(0, 0, 0, .7); border-radius: 10px; box-sizing: border-box; padding: 15px } .my-character .class-tab[data-v-c12bcfae] { background: #2e2f34; border-radius: 20px; box-sizing: border-box; display: flex; height: 40px; padding: 5px } .my-character .class-tab > div[data-v-c12bcfae] { color: hsla(0, 0%, 100%, .7); cursor: pointer; gap: 5px; width: 50% } .my-character .class-tab > div span[data-v-c12bcfae] { background-image: /*savepage-url=/_nuxt/img/vip_icon.2ec5057.png*/ url(); background-repeat: no-repeat; background-size: cover; height: 20px; width: 20px } .my-character .class-tab > div.active[data-v-c12bcfae] { background: #56595c; border-radius: 15px; color: #f1f5f9 } .my-character .btn-box[data-v-c12bcfae] { display: flex; justify-content: flex-end; margin-bottom: 10px } .my-character .edit-btn[data-v-c12bcfae] { align-items: center; background: rgba(63, 66, 74, .6); border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-weight: 500; justify-content: center; padding: 6px 10px } .my-character .edit-btn .edit-btn-icon[data-v-c12bcfae] { color: #fff; font-size: 16px } .my-character .edit-btn .edit-btn-text[data-v-c12bcfae] { color: #fff; font-family: Inter; font-size: 12px; font-weight: 700 } .my-character .edit-btn .edit-btn-icon-active[data-v-c12bcfae] { color: #19c37d } .my-character .aichat-tags[data-v-c12bcfae] { padding: 19px 0 5px } .my-character .aichat-list[data-v-c12bcfae] { display: flex; flex-wrap: wrap; gap: 8px; max-height: calc(100vh - 300px); overflow-y: scroll } .my-character .list-empty-content[data-v-c12bcfae] { line-height: 26px; padding-bottom: 30px; padding-top: 30px; width: 100% } .my-character .list-empty-content p[data-v-c12bcfae] { margin: 0; text-align: center } .my-character .list-empty-content .list-empty-content-main-title[data-v-c12bcfae] { color: #fffdf5; font-size: 25px; font-weight: 700 } .my-character .list-empty-content .list-empty-content-subtitle[data-v-c12bcfae] { color: #cfcfcf; font-size: 18px } .no-scrollbar[data-v-c12bcfae]::-webkit-scrollbar { display: none } .no-scrollbar[data-v-c12bcfae] { -ms-overflow-style: none; scrollbar-width: none } .tags-item[data-v-da2c2c24] { align-items: center; background-color: #1f2330; border: 1px solid hsla(0, 0%, 100%, .08); border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; font-size: 14px; height: 38px; padding: 0 16px 0 4px; -webkit-text-decoration: none; text-decoration: none } .tags-item img[data-v-da2c2c24] { border-radius: 100%; flex: 0 0 auto; height: 30px; margin-right: 7px; -o-object-fit: cover; object-fit: cover; width: 30px } .tags-item span[data-v-da2c2c24] { color: #d8d9dc; font-size: 12px; white-space: nowrap } .active[data-v-da2c2c24] { background-color: #2d65cc; border: 1px solid hsla(0, 0%, 100%, .12) } .active span[data-v-da2c2c24] { color: #fff } .active[data-v-da2c2c24]:hover { background-color: #1d55bb } .ComfyUI_list[data-v-37ab5772] { box-sizing: border-box; padding: 30px 0 } .ComfyUI_list .title[data-v-37ab5772] { align-items: center; display: flex; justify-content: space-between } .ComfyUI_list .title span[data-v-37ab5772] { color: #c1c2c5; font-size: 32px; font-weight: 700 } .ComfyUI_list .title .more[data-v-37ab5772] { align-items: center; cursor: pointer; display: flex } .ComfyUI_list .title .more div[data-v-37ab5772] { color: #999; font-size: 14px } .ComfyUI_list .title .more i[data-v-37ab5772] { color: #999; font-size: 16px; margin-left: 10px } .ComfyUI_list .appList[data-v-37ab5772] { margin-top: 17px } .ComfyUI_list .funBox[data-v-37ab5772] { height: 49px; justify-content: space-between; margin-top: 5px; width: 100% } .ComfyUI_list .funBox .bnt[data-v-37ab5772], .ComfyUI_list .funBox .funItem[data-v-37ab5772], .ComfyUI_list .funBox[data-v-37ab5772] { align-items: center; display: flex } .ComfyUI_list .funBox .bnt[data-v-37ab5772] { background-color: #232627; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15); cursor: pointer; height: 38px; padding: 0 17px } .ComfyUI_list .funBox .bnt i[data-v-37ab5772] { color: #fefefe; font-size: 16px; margin-right: 8px } .ComfyUI_list .funBox .bnt span[data-v-37ab5772] { color: #fefefe; font-size: 12px } .ComfyUI_list .funBox .tip[data-v-37ab5772] { color: #cfd3dc; font-size: 14px; margin-left: 16px } .ComfyUI_list .funBox .tip i[data-v-37ab5772] { background-color: hsla(0, 0%, 100%, .2); border-radius: 100%; font-size: 17px; padding: 7px } .ComfyUI_list .workList[data-v-37ab5772] { margin-top: 16px; min-height: 80px } .el-dropdown-link[data-v-37ab5772] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-37ab5772], .el-dropdown-link[data-v-37ab5772] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-37ab5772] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-37ab5772] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-37ab5772] { color: #fcfcfc; font-size: 18px } .el-dropdown-link div .custom-iconfont[data-v-37ab5772] { color: #4c97fd; font-size: 24px } .el-dropdown-link i[data-v-37ab5772] { font-size: 18px } .selectTime[data-v-37ab5772] { margin: 0 10px; min-width: 116px } .el-dropdown-item[data-v-37ab5772] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-37ab5772] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-37ab5772] { color: #6f767e; font-size: 14px } .el-dropdown-item .custom-iconfont[data-v-37ab5772] { font-size: 24px; margin-right: 12px } .el-dropdown-item-time[data-v-37ab5772] { width: 119px } .filterBox[data-v-37ab5772] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .filterBox div[data-v-37ab5772], .filterBox[data-v-37ab5772] { align-items: center; display: flex } .filterBox div .iconfont[data-v-37ab5772], .filterBox div .svg-icon[data-v-37ab5772] { font-size: 16px; margin-right: 6px } .filterBox div span[data-v-37ab5772] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .filterBox i[data-v-37ab5772] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .filter-select { background-color: #35373b; border: 1px solid #414243; border-radius: 4px } .comfyFilter { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 12px !important; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .25), 0 0 14px -4px rgba(0, 0, 0, .05) } .comfyFilter .filterCnt { background-color: #24262a; border-radius: 12px; box-sizing: border-box; padding: 24px } .comfyFilter .filterCnt .el-checkbox__label { color: #fff } .comfyFilter .filterCnt .filterTit { color: #6f767e; font-size: 14px; margin-bottom: 10px; margin-top: 26px } .comfyFilter .filterCnt .filterSelect .el-input__inner { background-color: #35373b; border: 1px solid #40424c } .comfyFilter .filterCnt .filterSelect .el-tag { background-color: #575a5e } .comfyFilter .filterCnt .filterSelect .el-tag .el-select__tags-text { color: #fefefe } .comfyFilter .filterCnt .filterReset { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px; width: 200px } .el-dropdown-link[data-v-488756ee] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-488756ee], .el-dropdown-link[data-v-488756ee] { align-items: center; display: flex } .el-dropdown-link div .svg-icon[data-v-488756ee] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-488756ee] { color: #fcfcfc; font-size: 14px !important; margin: 0 10px } .el-dropdown-link div i[data-v-488756ee] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-488756ee] { font-size: 18px } .selectTime[data-v-488756ee] { margin: 0 10px; min-width: 116px } .el-dropdown-item[data-v-488756ee] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-488756ee] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-488756ee] { color: #6f767e; font-size: 14px !important } .el-dropdown-item .custom-iconfont[data-v-488756ee] { font-size: 24px; margin-right: 12px } .applist[data-v-488756ee] { padding-top: 20px } .applist .mobile-back-to[data-v-488756ee] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; display: flex; height: 52px; justify-content: center; left: 7px; position: fixed; top: 85px; width: 52px; z-index: 98 } .applist .mobile-back-to i[data-v-488756ee] { color: #fff; font-size: 28px } .applist .mobile-back-to[data-v-488756ee]:hover { background-color: #1c2433 } .applist .title[data-v-488756ee] { align-items: center; display: flex; justify-content: space-between } .applist .title span[data-v-488756ee] { color: #c1c2c5; font-size: 32px; font-weight: 700 } .applist .title .filterBox[data-v-488756ee] { align-items: center; display: flex } .applist .workList[data-v-488756ee] { margin-top: 16px; min-height: 80px } .max-box[data-v-2224bdb0] { min-height: 81px } .tabs-nav-box[data-v-2224bdb0] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); padding-top: 10px; width: 1256px } .tabs-nav-box > .title[data-v-2224bdb0] { color: hsla(0, 0%, 100%, .8); font-size: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .tabs-nav-box > .tab-version > .left[data-v-2224bdb0] { width: 60% } .tabs-nav-box > .tab-version > .right[data-v-2224bdb0] { color: hsla(0, 0%, 100%, .7); font-size: 12px; text-align: right; width: 40% } .tabs-nav-box .vnList .vnItem[data-v-2224bdb0], .tabs-nav-box .vnList[data-v-2224bdb0] { align-items: center; display: flex } .tabs-nav-box .vnList .vnItem[data-v-2224bdb0] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 32px; justify-content: center; margin-right: 6px; min-width: 38px; padding: 0 10px; white-space: nowrap } .tabs-nav-box .vnList .vnItem[data-v-2224bdb0]:last-child { margin-right: 0 } .tabs-nav-box .vnList .vnItem span[data-v-2224bdb0] { color: hsla(0, 0%, 100%, .7); font-size: 16px } .tabs-nav-box .vnList .vnItem i[data-v-2224bdb0] { font-size: 10px; margin-left: 5px; transform: rotate(90deg) } .tabs-nav-box .vnList .vnActivate[data-v-2224bdb0] { border-bottom: 2px solid; -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2; border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2; border-radius: 6px } .tabs-nav-box .vnList .vnAdd[data-v-2224bdb0] { color: #3f8cff } .openrule-box .vals .el-icon-arrow-down[data-v-2224bdb0], .openrule-box .vals .el-icon-arrow-up[data-v-2224bdb0] { color: #b9b9b9; cursor: pointer; font-size: 18px } .openrule-box .item-bard[data-v-2224bdb0] { background: #1a1d23; border-radius: 10px; margin-left: 16px; padding: 10px 16px; width: 100% } .openrule-box .item-bard > .cell[data-v-2224bdb0] { color: hsla(0, 0%, 100%, .7); font-size: 12px; margin-bottom: 12px } .openrule-box .item-bard > .cell[data-v-2224bdb0]:last-child { margin-bottom: 0 } .openrule-box .item-bard > .cell > .left[data-v-2224bdb0] { flex-shrink: 0; width: 110px } .openrule-box .item-bard > .cell > .right[data-v-2224bdb0] { flex-grow: 1; flex-wrap: wrap } .openrule-box .item-bard > .cell > .right > .text[data-v-2224bdb0] { margin-bottom: 6px; margin-right: 30px } .openrule-box .item-bard > .cell > .right > .text[data-v-2224bdb0]:last-child { margin-bottom: 0 } .openrule-box .item-bard > .cell > .right > .text > .err[data-v-2224bdb0] { color: #ff3d3d } .openrule-box .item-bard > .cell > .right > .text > .succ[data-v-2224bdb0] { color: #22d19d } button[data-v-6ce38c12] { background: transparent; border: none; cursor: pointer } button.disabled[data-v-6ce38c12] { cursor: not-allowed } .model-detail[data-v-6ce38c12] { background: #090b15; min-height: 100vh; position: relative } .model-detail .auditStatus[data-v-6ce38c12] { align-items: center; color: #ef3b3b; display: flex; justify-content: center; margin-bottom: 10px } .model-detail .auditStatus i[data-v-6ce38c12] { font-size: 15px; margin-right: 6px } .model-detail .auditStatus span[data-v-6ce38c12] { font-size: 12px } .model-detail .mask[data-v-6ce38c12] { background-color: #000; bottom: 0; height: 100vh; left: 0; opacity: .8; position: fixed; right: 0; top: 0; width: 100vw; z-index: 100 } .model-detail .mobile-back-to[data-v-6ce38c12] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 120px; width: 52px; z-index: 98 } .model-detail .mobile-back-to i[data-v-6ce38c12] { color: #fff; font-size: 28px } .model-detail .mobile-back-to[data-v-6ce38c12]:hover { background-color: #1c2433 } .model-detail .indicator[data-v-6ce38c12] { background: hsla(0, 0%, 100%, .15); border-radius: 12px; color: #fff; font-size: 14px; padding: 2px 8px; position: absolute; right: 20px; top: 20px; z-index: 3 } .model-detail .rotation-cont[data-v-6ce38c12], .model-detail .rotation-cont[data-v-6ce38c12] .el-carousel__container { height: 100% } .model-detail .rotation-cont[data-v-6ce38c12] .el-carousel__container .el-carousel__arrow { background: rgba(0, 0, 0, .5); font-size: 22px; height: 48px; width: 48px } .model-detail .rotation-cont[data-v-6ce38c12] .el-carousel__indicators { bottom: 32px; display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .model-detail .rotation-cont[data-v-6ce38c12] .el-carousel__indicators .el-carousel__button { border-radius: 50%; height: 8px; width: 8px } .model-detail img[data-v-6ce38c12] { border-radius: 30px 0 0 30px; box-sizing: border-box; cursor: default; cursor: pointer; height: 100%; margin-bottom: 0; margin-top: -1px; -o-object-fit: contain; object-fit: contain; width: 100% } .model-detail .green-mode-div[data-v-6ce38c12] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .model-detail:hover .quick-operate-buttons[data-v-6ce38c12] { opacity: 1 } .model-detail .imgpage-content[data-v-6ce38c12] { height: calc(100% - 24px); min-width: 1200px } .model-detail .imgpage-content .imgpage-inner[data-v-6ce38c12] { background: #090b15; border: 0; position: relative; width: 100% } .model-detail .imgpage-content .imgpage-inner[data-v-6ce38c12] .imgpage-image-hold { display: flex } .model-detail .imgpage-content .imgpage-inner[data-v-6ce38c12] .imgpage-image-hold .imgpage-image-info-container { height: calc(100vh - 240px); min-width: 0; min-width: auto } .model-detail .imgpage-content .imgpage-inner .imgpage-image-hold[data-v-6ce38c12] { height: calc(100% - 24px) } .model-detail .imgpage-content .imgpage-inner .close-button[data-v-6ce38c12] { position: absolute; right: 20px; top: 20px } .model-detail .imgpage-content .imgpage-inner .imgpage-image[data-v-6ce38c12] { border-radius: 30px 0 0 30px; flex-shrink: 0; padding: 0; position: relative } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-6ce38c12] { background: #141416; border-radius: 30px 0 0 30px; box-sizing: border-box; height: 100%; position: relative; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgMain[data-v-6ce38c12] { background: #1c1d2a; border-radius: 20px 0 0 20px; box-sizing: border-box; height: 100%; overflow: hidden; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgMain .imgDef[data-v-6ce38c12] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox[data-v-6ce38c12] { height: 100%; position: relative; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .imgBg[data-v-6ce38c12] { background-size: cover; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8)); filter: blur(50px); height: 100%; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg[data-v-6ce38c12] { cursor: pointer; height: 100%; left: 0; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg img[data-v-6ce38c12] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .waterfall-hover-model[data-v-6ce38c12] { opacity: 1; transition: all .2s ease-in-out; z-index: 2 } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .CollectPop[data-v-6ce38c12], .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .cltpop[data-v-6ce38c12] { opacity: 1 !important } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg:hover > .from[data-v-6ce38c12] { opacity: 0 } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from[data-v-6ce38c12] { left: 8px; position: absolute; top: 6px; z-index: 2 } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType[data-v-6ce38c12] { align-items: center; background: hsla(0, 0%, 100%, .2); border-radius: 4px; box-sizing: border-box; color: #fff; display: flex; padding: 5px 16px } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType .iconfont[data-v-6ce38c12], .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType .svg-icon[data-v-6ce38c12] { font-size: 18px; margin-right: 5px } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .from .modelType span[data-v-6ce38c12] { font-size: 14px } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .CollectPop[data-v-6ce38c12] { left: 8px; opacity: 0; position: absolute; top: 6px; z-index: 2 } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .cltpop[data-v-6ce38c12] { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1 } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model[data-v-6ce38c12] { background: #0f121c; border-radius: 8px; bottom: 50px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .5); box-sizing: border-box; display: flex; flex-direction: column; height: 132px; left: 2%; opacity: 0; padding: 10px 16px 5px; position: absolute; transition: opacity .3s ease-in-out; width: 96%; z-index: 2 } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model[data-v-6ce38c12]:hover { cursor: default } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverTop[data-v-6ce38c12] { align-items: center; color: #ff3939; display: flex; font-size: 12px; height: 32px; justify-content: space-between } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverMiddle[data-v-6ce38c12] { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #cbd5e1; display: -webkit-box; flex: 1; font-size: 12px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; word-break: break-word } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom[data-v-6ce38c12] { align-items: center; color: #cbd5e1; display: flex; font-family: PingFangSC-Regular, PingFang SC; font-size: 12px; height: 34px; justify-content: space-between; line-height: 34px; margin-top: 10px } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info[data-v-6ce38c12] { align-items: center; cursor: pointer; display: flex; justify-content: center } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .personal-info .avatorClass[data-v-6ce38c12] { background: #fff; border-radius: 50%; font-size: 18px; height: 26px; line-height: 26px; margin-right: 6px; -o-object-fit: cover; object-fit: cover; text-align: center; width: 26px } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-6ce38c12] { align-items: center; border-radius: 17px; color: #cbd5e1; display: flex; font-size: 20px; justify-content: center; padding: 7px; position: relative } .model-detail .imgpage-content .imgpage-inner .imgpage-image .image-container .imgBox .elimg .waterfall-hover-model .hoverBottom .login-waterFall-btn-icon[data-v-6ce38c12]:hover { background: #1d8d7b; color: #fff; cursor: pointer } .model-detail .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-6ce38c12] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .model-detail .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-6ce38c12] { opacity: 1 } .model-detail .imgpage-content .imgpage-inner .imgpage-info[data-v-6ce38c12] { border-radius: 0 30px 30px 0; box-sizing: border-box; margin: 0 24px; max-height: 88vh; min-height: 75vh !important; padding: 0; position: relative; width: 508px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .publish-btn[data-v-6ce38c12] { background: #2d2f41; border-radius: 8px; color: hsla(0, 0%, 100%, .8); font-size: 15px; height: auto; padding: 10px 20px; width: auto } .model-detail .imgpage-content .imgpage-inner .imgpage-info .likewise-lora[data-v-6ce38c12] { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; color: hsla(0, 0%, 100%, .8); font-size: 15px; gap: 8px; margin-left: 6px; padding: 11px 16px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .waterfall-hover-try[data-v-6ce38c12] { align-items: center; background-color: #f1314e; border: none; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 18px; height: 32px; justify-content: center; margin-left: 10px; padding: 0 10px; z-index: 2 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox[data-v-6ce38c12] { align-items: center; display: flex; gap: 8px; height: 64px; justify-content: space-between } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item[data-v-6ce38c12] { background: #1a1d23; border-radius: 16px; cursor: pointer; flex: 1; padding: 8px 16px; position: relative } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item[data-v-6ce38c12]:hover { background-color: #262a31 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-text[data-v-6ce38c12] { color: hsla(0, 0%, 100%, .6); font-size: 12px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num[data-v-6ce38c12] { color: #fff; font-size: 22px; font-weight: 500; margin-top: 7px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn[data-v-6ce38c12] { align-items: center; border-radius: 50%; display: flex; font-size: 17px; height: 24px; justify-content: center; width: 24px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn.btn-create[data-v-6ce38c12] { background: #3f8bfd } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn.btn-collect[data-v-6ce38c12] { background: #333a47 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn.btn-download[data-v-6ce38c12] { background: #52b976 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .stat-item-num .stat-btn .iconfont[data-v-6ce38c12] { font-size: 17px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .statBox .no-ceate-text[data-v-6ce38c12] { color: hsla(0, 0%, 100%, .6); font-size: 12px; height: 48px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem[data-v-6ce38c12] { align-items: center; display: flex; flex-wrap: wrap } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .keys[data-v-6ce38c12] { align-items: center; box-sizing: border-box; color: hsla(0, 0%, 100%, .7); display: flex; flex: 0 0 auto; font-size: 14px; min-height: 30px; padding-left: 14px; width: 125px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals[data-v-6ce38c12] { align-items: center; box-sizing: border-box; color: #fff; display: flex; flex-wrap: wrap; font-size: 14px; margin-left: -1px; min-height: 30px; padding-left: 14px; width: 380px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .model-type[data-v-6ce38c12] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 4px; color: #26c7e3; font-size: 10px; padding: 2px 5px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .model-type.isLora[data-v-6ce38c12] { background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560); color: #d15bd3 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .tag-item[data-v-6ce38c12] { background: #1a2e43; border-radius: 3px; color: #94c6ec; display: inline-block; font-size: 12px; font-weight: 500; margin: 3px 4px 3px 0; padding: 4px 8px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .tag-item.cursor[data-v-6ce38c12] { cursor: pointer } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .tag-item.cursor a[data-v-6ce38c12] { color: #4086d4; -webkit-text-decoration: none; text-decoration: none } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority[data-v-6ce38c12] { align-items: center; display: flex; margin-left: 15px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority[data-v-6ce38c12]:first-child { margin-left: 0 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority i[data-v-6ce38c12] { font-size: 16px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .authority span[data-v-6ce38c12] { color: #fff; font-size: 14px; margin-left: 10px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList[data-v-6ce38c12] { align-items: center; display: flex } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem[data-v-6ce38c12] { align-items: center; background: rgba(31, 35, 48, .43); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px; box-sizing: border-box; cursor: pointer; display: flex; height: 32px; justify-content: center; margin-right: 6px; min-width: 38px; padding: 0 10px; white-space: nowrap } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem[data-v-6ce38c12]:last-child { margin-right: 0 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem span[data-v-6ce38c12] { color: hsla(0, 0%, 100%, .7); font-size: 12px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnItem i[data-v-6ce38c12] { font-size: 10px; margin-left: 5px; transform: rotate(90deg) } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnActivate[data-v-6ce38c12] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 6px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .vnList .vnAdd[data-v-6ce38c12] { color: #3f8cff } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .link[data-v-6ce38c12] { color: #0072c6 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .infoItem .vals .link[data-v-6ce38c12]:hover { filter: brightness(1.2); -webkit-text-decoration: none; text-decoration: none } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .vals .el-icon-arrow-down[data-v-6ce38c12], .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .vals .el-icon-arrow-up[data-v-6ce38c12] { color: #b9b9b9; cursor: pointer; font-size: 18px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard[data-v-6ce38c12] { background: #1a1d23; border-radius: 10px; margin-left: 16px; padding: 10px 16px; width: 100% } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell[data-v-6ce38c12] { color: hsla(0, 0%, 100%, .7); font-size: 12px; margin-bottom: 12px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell[data-v-6ce38c12]:last-child { margin-bottom: 0 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell > .left[data-v-6ce38c12] { flex-shrink: 0; width: 110px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell > .right[data-v-6ce38c12] { flex-grow: 1; flex-wrap: wrap } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell > .right > .text[data-v-6ce38c12] { margin-bottom: 6px; margin-right: 30px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell > .right > .text[data-v-6ce38c12]:last-child { margin-bottom: 0 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell > .right > .text > .err[data-v-6ce38c12] { color: #ff3d3d } .model-detail .imgpage-content .imgpage-inner .imgpage-info .modelInfos .openrule-box .item-bard > .cell > .right > .text > .succ[data-v-6ce38c12] { color: #22d19d } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro[data-v-6ce38c12] { color: #fff; overflow: hidden; text-overflow: ellipsis; transition: all .3s; white-space: nowrap } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro-title[data-v-6ce38c12] { gap: 10px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro-name[data-v-6ce38c12] { word-wrap: break-word; text-wrap: balance; font-size: 20px; font-weight: 500; margin: 0; word-break: break-word } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc[data-v-6ce38c12] { font-size: 14px; margin-top: 10px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-6ce38c12], .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-6ce38c12] p { text-wrap: balance; word-wrap: break-word; line-height: 20px; word-break: break-word } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-6ce38c12] p a { color: #0072c6 } .model-detail .imgpage-content .imgpage-inner .imgpage-info .model-intro .model-intro-desc-content[data-v-6ce38c12] h1 { line-height: 33px } .model-detail .imgpage-content .imgpage-inner .imgpage-info .time-more[data-v-6ce38c12] { color: hsla(0, 0%, 100%, .6); cursor: pointer; font-size: 12px; margin-top: 5px } .model-detail .imgpage-related[data-v-6ce38c12] { margin-top: 25px; padding: 0 32px } .model-detail .imgpage-related .title-div[data-v-6ce38c12] { align-items: center; display: flex; justify-content: center; position: relative } .model-detail .imgpage-related .title-div .title[data-v-6ce38c12] { color: #e2e8f0; font-family: PingFangSC-Medium, PingFang SC; font-size: 20px; font-weight: 500; height: 28px; line-height: 28px } .model-detail .imgpage-related .title-div .Screening[data-v-6ce38c12] { align-items: center; display: flex; position: absolute; right: 0 } .model-detail .imgpage-related .loading-div[data-v-6ce38c12] { bottom: 18px; height: 0; position: absolute; width: 100% } .model-detail .imgpage-related .related-images[data-v-6ce38c12] { margin-top: 25px; min-height: 50px; position: relative } .model-detail[data-v-6ce38c12] .el-loading-mask { z-index: 97 } .model-detail .popBox[data-v-6ce38c12] { box-sizing: border-box; width: 100% } .model-detail .popBox div[data-v-6ce38c12] { border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .model-detail .popBox div[data-v-6ce38c12]:hover { background-color: #34396a } .model-detail .popBox div[data-v-6ce38c12]:last-child { border: none } .model-detail .line[data-v-6ce38c12] { background-color: #191a27; height: 1px; margin: 20px 0; width: 100% } .el-dropdown-link[data-v-6ce38c12] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-6ce38c12], .el-dropdown-link[data-v-6ce38c12] { align-items: center; display: flex } .el-dropdown-link div .iconfont[data-v-6ce38c12], .el-dropdown-link div .svg-icon[data-v-6ce38c12] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-6ce38c12] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-6ce38c12] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-6ce38c12] { font-size: 18px } .selectTime[data-v-6ce38c12] { margin: 0 10px; min-width: 116px } .el-dropdown-item[data-v-6ce38c12] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .iconfont[data-v-6ce38c12], .el-dropdown-item .svg-icon[data-v-6ce38c12] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-6ce38c12] { color: #6f767e; font-size: 14px } .el-dropdown-item-time[data-v-6ce38c12] { width: 119px } .my-popover .popBox { box-sizing: border-box; width: 100% } .my-popover .popBox div { border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .my-popover .popBox div:hover { background-color: #34396a } .my-popover .popBox div:last-child { border: none } .imgMain .imgMain-carousel { height: 100% } .imgMain .el-carousel__arrow { background-color: hsla(0, 0%, 100%, .6) } .imgMain .el-carousel__arrow i { color: #000 } .imgMain .el-carousel__container { height: 100% } .imgMain .el-carousel__container .el-carousel__arrow { background-color: hsla(0, 0%, 100%, .6); font-size: 22px; height: 48px; width: 48px } .imgMain .el-carousel__indicators { bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .imgMain .el-carousel__indicators .el-carousel__button { border-radius: 50%; height: 8px; width: 8px } .popBox { box-sizing: border-box; width: 100% } .popBox div { border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .popBox div:hover { background-color: #34396a } .popBox div:last-child { border: none } button[data-v-5813a666] { background: transparent; border: none; cursor: pointer } button.disabled[data-v-5813a666] { cursor: not-allowed } .imgpage-related[data-v-5813a666] { margin-top: 25px } .imgpage-related .title-div[data-v-5813a666] { margin-bottom: 20px; text-align: center } .imgpage-related .title-div .title[data-v-5813a666] { color: #e2e8f0; font-family: PingFangSC-Medium, PingFang SC; font-size: 20px; font-weight: 500; height: 28px; line-height: 28px } .imgpage-related .loading-div[data-v-5813a666] { height: 80px; width: 100% } .image-gallery[data-v-5813a666] { background: #090b15; position: relative } .image-gallery .admin-off[data-v-5813a666] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .image-gallery .admin-off[data-v-5813a666]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .image-gallery .admin-off.open[data-v-5813a666] { background: #191a27; color: #fff } .image-gallery .admin-off.open[data-v-5813a666]:before { display: none } .image-gallery .mask[data-v-5813a666] { background-color: #000; bottom: 0; height: 100vh; left: 0; opacity: .8; position: fixed; right: 0; top: 0; width: 100vw; z-index: 100 } .image-gallery .mobile-back-to[data-v-5813a666] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 120px; width: 52px; z-index: 98 } .image-gallery .mobile-back-to i[data-v-5813a666] { color: #fff; font-size: 28px } .image-gallery .mobile-back-to[data-v-5813a666]:hover { background-color: #1c2433 } .image-gallery .bigImg[data-v-5813a666] { align-items: center; background-color: #000; display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 999 } .image-gallery .bigImg .bigImgCnt[data-v-5813a666] { height: 100%; width: 95% } .image-gallery .bigImg .bigImgCnt[data-v-5813a666] .el-carousel__arrow { background: hsla(0, 0%, 100%, .5) !important; font-size: 22px; height: 48px; width: 48px } .image-gallery .indicator[data-v-5813a666] { background: hsla(0, 0%, 100%, .15); border-radius: 12px; color: #fff; font-size: 14px; padding: 2px 8px; position: absolute; right: 20px; top: 20px; z-index: 3 } .image-gallery .rotation-cont[data-v-5813a666], .image-gallery .rotation-cont[data-v-5813a666] .el-carousel__container { height: 100% } .image-gallery .rotation-cont[data-v-5813a666] .el-carousel__container .el-carousel__arrow { background: rgba(0, 0, 0, .5); font-size: 22px; height: 48px; width: 48px } .image-gallery .rotation-cont[data-v-5813a666] .el-carousel__indicators { bottom: 32px; display: flex; flex-wrap: wrap; justify-content: center; width: 100% } .image-gallery .rotation-cont[data-v-5813a666] .el-carousel__indicators .el-carousel__button { border-radius: 50%; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3); height: 8px; width: 8px } .image-gallery img[data-v-5813a666], .image-gallery video[data-v-5813a666] { border-radius: 30px 0 0 30px; box-sizing: border-box; cursor: pointer; height: 100%; margin-bottom: 0; margin-top: -1px; -o-object-fit: contain; object-fit: contain; width: 100% } .image-gallery .green-mode-div[data-v-5813a666] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3 } .image-gallery:hover .quick-operate-buttons[data-v-5813a666] { opacity: 1 } .image-gallery .imgpage-content[data-v-5813a666] { min-width: 1200px } .image-gallery .imgpage-content .imgpage-inner[data-v-5813a666] { background: #090b15; border: 0; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner[data-v-5813a666] .imgpage-image-hold { display: flex } .image-gallery .imgpage-content .imgpage-inner[data-v-5813a666] .imgpage-image-hold .imgpage-image-info-container { height: calc(100vh - 162px); min-width: 0; min-width: auto } .image-gallery .imgpage-content .imgpage-inner .close-button[data-v-5813a666] { position: absolute; right: 20px; top: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-5813a666] { border-radius: 30px 0 0 30px; flex-shrink: 0; padding: 0; position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-5813a666] { background: #141416; border-radius: 30px 0 0 30px; box-sizing: border-box; height: 100%; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .indicator[data-v-5813a666] { background: hsla(0, 0%, 100%, .15); border-radius: 12px; color: #fff; font-size: 14px; padding: 2px 8px; position: absolute; right: 20px; top: 20px; z-index: 3 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-5813a666], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-5813a666] .el-carousel__container { height: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-5813a666] .el-carousel__container .el-carousel__arrow { background: rgba(0, 0, 0, .5); font-size: 22px; height: 48px; width: 48px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-5813a666] .el-carousel__indicators { bottom: 32px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-5813a666] .el-carousel__indicators .el-carousel__button { border-radius: 50%; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3); height: 8px; width: 8px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-5813a666], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video[data-v-5813a666] { border-radius: 30px 0 0 30px; box-sizing: border-box; cursor: default; height: 100%; margin-bottom: 0; margin-top: -1px; -o-object-fit: contain; object-fit: contain; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img.blur-img[data-v-5813a666], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video.blur-img[data-v-5813a666] { filter: blur(19px) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-5813a666] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-5813a666] { opacity: 1 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-5813a666] { border-radius: 0 30px 30px 0; box-sizing: border-box; margin: 0 24px; max-height: 88vh; min-height: 75vh !important; padding: 0; position: relative; width: 508px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description[data-v-5813a666] { box-sizing: border-box; margin-bottom: 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header[data-v-5813a666] { align-items: center; border-top: 1px solid #1f2024; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: space-between; padding: 10px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left[data-v-5813a666] { align-items: center; display: flex; gap: 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .title[data-v-5813a666] { color: #777e91; font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy[data-v-5813a666] { align-items: center; display: flex } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-5813a666] { align-items: center; color: #91b1d5; cursor: pointer; display: flex; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 12px; font-weight: 400; height: 20px; justify-content: center } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .iconfont[data-v-5813a666], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .svg-icon[data-v-5813a666] { font-size: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .iconfont[data-v-5813a666], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .svg-icon[data-v-5813a666], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-5813a666]:hover { color: #409eff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy.copied[data-v-5813a666] { cursor: default } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-5813a666] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; padding: 4px; transition: all .3s } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .svg-icon[data-v-5813a666] { height: 26px; width: 26px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .iconfont[data-v-5813a666] { font-size: 26px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-5813a666]:hover { background-color: #262f43 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .button-try[data-v-5813a666] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; padding: 0 20px; transition: opacity .3s ease-in-out } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-5813a666] { background: hsla(0, 0%, 100%, .06); border-radius: 10px; box-sizing: border-box; color: #777e91; display: flex; font-family: "PingFangSC-Regular", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 400; line-height: 20px; max-height: 100px; overflow: hidden; width: 100%; word-break: keep-all } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-5813a666]:hover { display: block; overflow-y: auto } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-5813a666] { font-size: 13px; margin: 12px; overflow: hidden } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-5813a666]::-moz-selection { background-color: #5478a6; color: #fff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-5813a666]::selection { background-color: #5478a6; color: #fff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info[data-v-5813a666] { border-bottom: 1px solid #1f2024; color: hsla(0, 0%, 100%, .7); display: flex; flex-direction: column; gap: 15px; padding-bottom: 24px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header[data-v-5813a666] { border-bottom: 1px solid #1f2024; color: #777e91; font-size: 25px; padding: 18px 0 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .title[data-v-5813a666] { font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models[data-v-5813a666] { gap: 15px; padding: 20px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-5813a666] { color: #b9b9b9; cursor: pointer; gap: 14px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; width: 48% } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-5813a666]:hover { color: #cfcfcf } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cover[data-v-5813a666] { border-radius: 8px; flex-shrink: 0; height: 55px; -o-object-fit: cover; object-fit: cover; width: 55px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont[data-v-5813a666] { height: 100%; justify-content: space-evenly } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type[data-v-5813a666] { font-size: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span[data-v-5813a666] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 4px; color: #26c7e3; padding: 0 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span.isLora[data-v-5813a666] { background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560); color: #d15bd3 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-name[data-v-5813a666] { font-size: 14px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content[data-v-5813a666] { box-sizing: border-box } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info[data-v-5813a666] { font-size: 14px; gap: 50px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .name[data-v-5813a666] { color: #777e90; font-size: 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .value[data-v-5813a666] { color: #bfc8d4; margin-top: 6px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info[data-v-5813a666] { border-bottom: 1px solid #1f2024; gap: 15px; padding: 20px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .gallery-title[data-v-5813a666] { color: #fff; font-size: 20px; font-weight: 700; line-height: 24px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .gallery-intro[data-v-5813a666] { color: hsla(0, 0%, 100%, .7); font-size: 16px; font-weight: 400; word-break: break-word } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .gallery-intro[data-v-5813a666] a { color: #4086d4; display: inline-block; -webkit-text-decoration: none; text-decoration: none; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .tag-items[data-v-5813a666] { font-size: 16px; gap: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .tag-items .tag-item[data-v-5813a666] { color: #4086d4 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .tag-items .tag-item a[data-v-5813a666] { color: #4086d4; -webkit-text-decoration: none; text-decoration: none } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .gallery-info .time[data-v-5813a666] { color: hsla(0, 0%, 100%, .7); font-size: 12px } .image-gallery[data-v-5813a666] .el-loading-mask { z-index: 97 } .CollectionDetail[data-v-0f633085] { color: #fff; min-height: 100vh; width: 100% } button[data-v-8fa574f2] { background: transparent; border: none; cursor: pointer } button.disabled[data-v-8fa574f2] { cursor: not-allowed } .imgpage-related[data-v-8fa574f2] { margin-top: 25px } .imgpage-related .title-div[data-v-8fa574f2] { margin-bottom: 20px; text-align: center } .imgpage-related .title-div .title[data-v-8fa574f2] { color: #e2e8f0; font-family: PingFangSC-Medium, PingFang SC; font-size: 20px; font-weight: 500; height: 28px; line-height: 28px } .imgpage-related .loading-div[data-v-8fa574f2] { height: 80px; width: 100% } .image-gallery[data-v-8fa574f2] { background: #090b15; position: relative } .image-gallery .admin-off[data-v-8fa574f2] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .image-gallery .admin-off[data-v-8fa574f2]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .image-gallery .admin-off.open[data-v-8fa574f2] { background: #191a27; color: #fff } .image-gallery .admin-off.open[data-v-8fa574f2]:before { display: none } .image-gallery .mask[data-v-8fa574f2] { background-color: #000; bottom: 0; height: 100vh; left: 0; opacity: .8; position: fixed; right: 0; top: 0; width: 100vw; z-index: 100 } .image-gallery .mobile-back-to[data-v-8fa574f2] { align-items: center; background: rgba(7, 11, 21, .431); border-radius: 50%; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 120px; width: 52px; z-index: 98 } .image-gallery .mobile-back-to i[data-v-8fa574f2] { color: #fff; font-size: 28px } .image-gallery .mobile-back-to[data-v-8fa574f2]:hover { background-color: #1c2433 } .image-gallery .imgpage-content[data-v-8fa574f2] { min-width: 1200px } .image-gallery .imgpage-content .imgpage-inner[data-v-8fa574f2] { background: #090b15; border: 0; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner .close-button[data-v-8fa574f2] { position: absolute; right: 20px; top: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-8fa574f2] { border-radius: 30px 0 0 30px; flex: 1; padding: 0; position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-8fa574f2] { background: #141416; border-radius: 30px 0 0 30px; box-sizing: border-box; height: 100%; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .indecator[data-v-8fa574f2] { background: rgba(0, 0, 0, .03); border-radius: 12px; color: #fff; font-size: 14px; padding: 2px 8px; position: absolute; right: 20px; top: 20px; z-index: 3 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-8fa574f2], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-8fa574f2] .el-carousel__container { height: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container .rotation-cont[data-v-8fa574f2] .el-carousel__indicators .el-carousel__button { border-radius: 50%; height: 10px; width: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-8fa574f2] { border-radius: 30px 0 0 30px; box-sizing: border-box; cursor: default; height: 100%; margin-bottom: 0; margin-top: -1px; -o-object-fit: contain; object-fit: contain; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-8fa574f2] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .image-gallery .imgpage-content .imgpage-inner .imgpage-image:hover .quick-operate-buttons[data-v-8fa574f2] { opacity: 1 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-8fa574f2] { border-radius: 0 30px 30px 0; box-sizing: border-box; margin: 0 24px; max-height: 88vh; min-height: 75vh !important; padding: 0; position: relative; width: 400px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info[data-v-8fa574f2] { border-bottom: 1px solid #1f2024; border-top: 1px solid #1f2024; color: hsla(0, 0%, 100%, .7); gap: 15px; padding: 10px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info h1[data-v-8fa574f2] { color: #fff; font-size: 20px; font-weight: 700; line-height: 24px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .desc[data-v-8fa574f2] { font-size: 16px; font-weight: 400; word-break: break-word } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .desc[data-v-8fa574f2] a { color: #4086d4; display: inline-block; -webkit-text-decoration: none; text-decoration: none; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .tag-items[data-v-8fa574f2] { font-size: 16px; gap: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .tag-items .tag-item[data-v-8fa574f2] { color: #4086d4 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .tag-items .tag-item a[data-v-8fa574f2] { color: #4086d4; -webkit-text-decoration: none; text-decoration: none } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .video-info .time[data-v-8fa574f2] { font-size: 12px } .image-gallery[data-v-8fa574f2] .el-loading-mask { z-index: 97 } .tabs-box-list > .item[data-v-9a1b419c] { align-items: center; box-sizing: border-box; color: #686a6c; display: flex; font-size: 16px; height: 100%; justify-content: center; margin: 0 18px; padding-bottom: 10px; position: relative; -webkit-text-decoration: none; text-decoration: none } .tabs-box-list > .active[data-v-9a1b419c] { border-bottom: 2px solid; -o-border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2; border-image: linear-gradient(81deg, #3f8fff, #21feff) 2 2; color: #f7fbfa } .nodata-box[data-v-04c45aa1] { color: #fff } .nodata-box > .no-img[data-v-04c45aa1] { display: flex; justify-content: center; padding: 20px 0 } .nodata-box > .no-text[data-v-04c45aa1] { color: hsla(0, 0%, 100%, .7); display: flex; font-size: 14px; justify-content: center; padding-bottom: 20px } .nodata-box > .no-text > .taget-word[data-v-04c45aa1] { color: #3f8cff; margin: 0 13px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .loading-box[data-v-54280984], .loading-box[data-v-656ae098] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-54280984] { display: flex; margin: 20px 0; width: 100% } .loading-box[data-v-22846dc7] { height: 40px; margin-top: -40px } .el-dropdown-link[data-v-398e7bef] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; min-width: 184px; opacity: 1; padding: 0 12px } .el-dropdown-link div[data-v-398e7bef], .el-dropdown-link[data-v-398e7bef] { align-items: center; display: flex } .el-dropdown-link div .iconfont[data-v-398e7bef], .el-dropdown-link div .svg-icon[data-v-398e7bef] { color: #4c97fd; font-size: 24px } .el-dropdown-link div span[data-v-398e7bef] { color: #fcfcfc; font-size: 14px; margin: 0 10px } .el-dropdown-link div i[data-v-398e7bef] { color: #fcfcfc; font-size: 18px } .el-dropdown-link i[data-v-398e7bef] { font-size: 18px } .el-dropdown-item[data-v-398e7bef] { align-items: center; display: flex; height: 40px; width: 144px } .el-dropdown-item .svg-icon[data-v-398e7bef] { font-size: 24px; margin-right: 12px } .el-dropdown-item span[data-v-398e7bef] { color: #6f767e; font-size: 14px } .el-dropdown-item .iconfont[data-v-398e7bef] { font-size: 24px } .el-dropdown-item .iconfont-1[data-v-398e7bef] { font-size: 24px; margin-right: 12px } .homeFilter .filterCnt[data-v-2539c8ea] { box-sizing: border-box; min-height: 237px; padding: 12px 16px; width: 255px } .homeFilter .filterCnt .filterTit[data-v-2539c8ea] { color: hsla(0, 0%, 100%, .5); font-size: 12px } .homeFilter .filterCnt .filterList[data-v-2539c8ea] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px } .homeFilter .filterCnt .filterList .filterItem[data-v-2539c8ea] { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; cursor: pointer; display: flex; padding: 4px 10px } .homeFilter .filterCnt .filterList .filterItem i[data-v-2539c8ea] { color: #22d19d; font-size: 16px; margin-right: 6px } .homeFilter .filterCnt .filterList .filterItem span[data-v-2539c8ea] { color: hsla(0, 0%, 100%, .8); font-size: 12px } .homeFilter .filterCnt .filterList .AfilterItem[data-v-2539c8ea] { background: #595c6a } .homeFilter .filterCnt .filterList .AfilterItem span[data-v-2539c8ea] { color: #fff } .homeFilter .filterCnt .filterReset[data-v-2539c8ea] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px; widows: 100% } .filterBox[data-v-2539c8ea] { border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; cursor: pointer; height: 40px; justify-content: space-between; padding: 0 10px; position: relative; width: 116px } .filterBox div[data-v-2539c8ea], .filterBox[data-v-2539c8ea] { align-items: center; display: flex } .filterBox div .iconfont[data-v-2539c8ea], .filterBox div .svg-icon[data-v-2539c8ea] { font-size: 16px; margin-right: 6px } .filterBox div span[data-v-2539c8ea] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .filterBox i[data-v-2539c8ea] { color: hsla(0, 0%, 100%, .6); font-size: 16px } .loading-box[data-v-4b47e7a0] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-4b47e7a0] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .user-list[data-v-24d3658c] { display: flex; flex-wrap: wrap; padding-bottom: 50px } .user-list > .uitem[data-v-24d3658c] { margin: 12px; width: calc(16.66667% - 24px) } .user-list > .uitem > .up-bard[data-v-24d3658c] { background-color: #222326; border-radius: 10px; cursor: pointer; height: 256px; overflow: hidden; position: relative } .user-list > .uitem > .up-bard .bgimg[data-v-24d3658c] { height: 120px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .user-list > .uitem > .up-bard > .user-info[data-v-24d3658c] { left: 0; position: absolute; top: 65px; width: 100%; z-index: 11 } .user-list > .uitem > .up-bard > .user-info > .user-head[data-v-24d3658c] { display: flex; justify-content: center; width: 100% } .user-list > .uitem > .up-bard > .user-info > .user-head > .head-img[data-v-24d3658c] { border: 3px solid #fff; border-radius: 50%; height: 70px; overflow: hidden; width: 70px } .user-list > .uitem > .up-bard > .user-info > .user-head > .head-img .head-err[data-v-24d3658c] { align-items: center; background-color: #fff; color: #1c1d20; display: flex; font-size: 40px; height: 70px; justify-content: center; width: 70px } .user-list > .uitem > .up-bard > .user-info > .user-name[data-v-24d3658c] { align-items: center; display: flex; justify-content: center; margin-bottom: 16px } .user-list > .uitem > .up-bard > .user-info > .user-name > span[data-v-24d3658c] { color: #fff; font-size: 16px; line-height: 24px; margin-right: 4px; margin-top: 4px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .user-list > .uitem > .up-bard > .user-info > .user-flow[data-v-24d3658c] { display: flex } .user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item[data-v-24d3658c] { line-height: 24px; text-align: center; width: 33.33% } .user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .num[data-v-24d3658c] { color: #fff; font-size: 14px; margin-bottom: 4px } .user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .text[data-v-24d3658c] { color: hsla(0, 0%, 100%, .5); font-size: 12px } .user-list > .uitem .btn-bard[data-v-24d3658c] { align-items: center; background-color: #222326; border-radius: 10px; cursor: pointer; display: flex; font-size: 14px; height: 40px; justify-content: center; margin-top: 4px } .user-list > .uitem .no-follw[data-v-24d3658c] { color: #3f8cff } .user-list > .uitem .yes-follw[data-v-24d3658c]:before { color: hsla(0, 0%, 100%, .5); content: attr(data-yesflow) } .user-list > .uitem .yes-follw[data-v-24d3658c]:hover:before { color: hsla(0, 0%, 100%, .8); content: attr(data-unflow) } @media (max-width: 1699.98px) { .user-list > .uitem[data-v-24d3658c] { width: calc(20% - 24px) } } @media (max-width: 1499.98px) { .user-list > .uitem[data-v-24d3658c] { width: calc(25% - 24px) } } .loading-box[data-v-2cb463d0], .loading-box[data-v-7173903a] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-7173903a] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .user-list[data-v-5233c484] { display: flex; flex-wrap: wrap; padding-bottom: 50px } .user-list > .uitem[data-v-5233c484] { margin: 12px; width: calc(16.66667% - 24px) } .user-list > .uitem > .up-bard[data-v-5233c484] { background-color: #222326; border-radius: 10px; height: 256px; overflow: hidden; position: relative } .user-list > .uitem > .up-bard .bgimg[data-v-5233c484] { height: 120px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .user-list > .uitem > .up-bard > .user-info[data-v-5233c484] { left: 0; position: absolute; top: 65px; width: 100%; z-index: 11 } .user-list > .uitem > .up-bard > .user-info > .user-head[data-v-5233c484] { display: flex; justify-content: center; width: 100% } .user-list > .uitem > .up-bard > .user-info > .user-head > .head-img[data-v-5233c484] { border: 3px solid #fff; border-radius: 50%; height: 70px; overflow: hidden; width: 70px } .user-list > .uitem > .up-bard > .user-info > .user-head > .head-img .head-err[data-v-5233c484] { align-items: center; background-color: #fff; color: #1c1d20; display: flex; font-size: 40px; height: 70px; justify-content: center; width: 70px } .user-list > .uitem > .up-bard > .user-info > .user-name[data-v-5233c484] { align-items: center; display: flex; justify-content: center; margin-bottom: 16px } .user-list > .uitem > .up-bard > .user-info > .user-name > span[data-v-5233c484] { color: #fff; font-size: 16px; line-height: 24px; margin-right: 4px; margin-top: 4px; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .user-list > .uitem > .up-bard > .user-info > .user-flow[data-v-5233c484] { display: flex } .user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item[data-v-5233c484] { line-height: 24px; text-align: center; width: 33.33% } .user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .num[data-v-5233c484] { color: #fff; font-size: 14px; margin-bottom: 4px } .user-list > .uitem > .up-bard > .user-info > .user-flow > .uf-item > .text[data-v-5233c484] { color: hsla(0, 0%, 100%, .5); font-size: 12px } .user-list > .uitem .btn-bard[data-v-5233c484] { align-items: center; background-color: #222326; border-radius: 10px; cursor: pointer; display: flex; font-size: 14px; height: 40px; justify-content: center; margin-top: 4px } .user-list > .uitem .no-follw[data-v-5233c484] { color: #3f8cff } .user-list > .uitem .yes-follw[data-v-5233c484]:before { color: hsla(0, 0%, 100%, .5); content: attr(data-yesflow) } .user-list > .uitem .yes-follw[data-v-5233c484]:hover:before { color: hsla(0, 0%, 100%, .8); content: attr(data-unflow) } @media (max-width: 1699.98px) { .user-list > .uitem[data-v-5233c484] { width: calc(20% - 24px) } } @media (max-width: 1499.98px) { .user-list > .uitem[data-v-5233c484] { width: calc(25% - 24px) } } .loading-box[data-v-2805b222], .loading-box[data-v-43068a4f] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-2805b222] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .loading-box[data-v-2a0459d2], .loading-box[data-v-ffd53f0e] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-2a0459d2] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .loading-box[data-v-5924eddf], .loading-box[data-v-8b239cb8] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-8b239cb8] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .loading-box[data-v-2a0cee91], .loading-box[data-v-ee909fe8] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-ee909fe8] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .loading-box[data-v-53dc52ea], .loading-box[data-v-62acfba2] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-53dc52ea] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .loading-box[data-v-7013aa1d], .loading-box[data-v-e7ad5be2] { height: 40px; margin-top: -40px } .screen-nav-box[data-v-e7ad5be2] { display: flex; justify-content: space-between; margin: 20px 0; width: 100% } .search-page-box[data-v-55b35d28] { padding: 72px 62px } .search-page-box .menu-box[data-v-55b35d28] { left: 0; position: fixed; top: 0; width: 100%; z-index: 99 } .search-page-box .screen-nav-box[data-v-55b35d28] { display: flex; margin: 20px 0; width: 100% } .search-page-box[data-v-3a20762f] { padding: 72px 62px } .search-page-box .menu-box[data-v-3a20762f] { left: 0; position: fixed; top: 0; width: 100%; z-index: 99 } .search-page-box .screen-nav-box[data-v-3a20762f] { display: flex; margin: 20px 0; width: 100% } @media (min-width: 0)and (max-width: 430px) { html[data-v-33cb7880] { font-size: 10px } } .justify-center[data-v-33cb7880] { justify-content: center } .justify-between[data-v-33cb7880] { justify-content: space-between } .justify-start[data-v-33cb7880] { justify-content: flex-start } .justify-end[data-v-33cb7880] { justify-content: flex-end } .items-baseline[data-v-33cb7880] { align-items: baseline } .items-center[data-v-33cb7880] { align-items: center } .items-end[data-v-33cb7880] { align-items: flex-end } .item-stretch[data-v-33cb7880] { align-items: stretch } .flex-wrap[data-v-33cb7880] { flex-wrap: wrap } .flex-col[data-v-33cb7880] { flex-direction: column } .flex-1[data-v-33cb7880] { flex: 1 1 0% } .inline-flex[data-v-33cb7880] { display: inline-flex } .h-full[data-v-33cb7880] { height: 100% } .w-full[data-v-33cb7880] { width: 100% } .mx-auto[data-v-33cb7880] { margin-left: auto; margin-right: auto } .no-m[data-v-33cb7880] { margin: 0 } .no-p[data-v-33cb7880] { padding: 0 } .no-m-t[data-v-33cb7880] { margin-top: 0 } .no-m-b[data-v-33cb7880] { margin-bottom: 0 } .text-center[data-v-33cb7880] { text-align: center } .text-right[data-v-33cb7880] { text-align: right } .ud-line[data-v-33cb7880] { text-decoration-line: underline } .text-no-wrap[data-v-33cb7880] { white-space: nowrap } .text-no-wrap-2[data-v-33cb7880], .text-no-wrap[data-v-33cb7880] { overflow: hidden; text-overflow: ellipsis } .text-no-wrap-2[data-v-33cb7880] { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .f-12[data-v-33cb7880] { font-size: 12px } .display_none[data-v-33cb7880] { display: none !important } .flex[data-v-33cb7880], .flex_wrap[data-v-33cb7880] { display: flex } .flex_wrap[data-v-33cb7880] { flex-wrap: wrap } .flex_b[data-v-33cb7880] { align-items: flex-end; display: flex } .flex_tb[data-v-33cb7880], .flex_tb_c[data-v-33cb7880] { display: flex; flex-direction: column; justify-content: space-between } .flex_tb_c[data-v-33cb7880] { align-items: center } .flex_line_c[data-v-33cb7880], .flex_line_c_m[data-v-33cb7880] { align-items: center; display: flex; flex-direction: column } .flex_line_c_m[data-v-33cb7880] { justify-content: center } .flex_line_end[data-v-33cb7880] { display: flex; flex-direction: column-reverse } .flex_lr[data-v-33cb7880], .flex_lr_m[data-v-33cb7880] { display: flex; justify-content: space-between } .flex_lr_m[data-v-33cb7880] { align-items: center } .flex_c_m[data-v-33cb7880] { justify-content: center } .flex_c_m[data-v-33cb7880], .flex_cm_l[data-v-33cb7880] { align-items: center; display: flex } .flex_cm_l[data-v-33cb7880] { justify-content: flex-start } .flex_cm_r[data-v-33cb7880] { align-items: center; display: flex; justify-content: flex-end } .flex_c[data-v-33cb7880] { display: flex; justify-content: center } .flex_m[data-v-33cb7880] { align-items: center; display: flex } .flex_nosize[data-v-33cb7880] { flex-shrink: 0 } .flex_autosize[data-v-33cb7880] { flex-grow: 1 } .flex_inline[data-v-33cb7880] { display: inline-flex } .flex0[data-v-33cb7880] { flex: 0; min-width: 0 } .flex1[data-v-33cb7880] { flex: 1; min-width: 0 } .flex-nowrap[data-v-33cb7880] { flex-wrap: nowrap } .page-leave-active[data-v-33cb7880] { display: none } .waterfull-filter .filter-content[data-v-33cb7880] { box-sizing: border-box; padding: 0 16px 24px; width: 265px } .waterfull-filter .filter-content .title[data-v-33cb7880] { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 12px; font-weight: 800; height: 17px; line-height: 17px; margin-top: 10px; width: 100% } .waterfull-filter .filter-content .filter[data-v-33cb7880] { display: flex; flex-wrap: wrap; margin-top: 8px } .waterfull-filter .filter-content .filter .item-filter[data-v-33cb7880] { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; box-sizing: border-box; color: hsla(0, 0%, 100%, .8); display: flex; font-family: PingFang SC; font-size: 12px; height: 24px; justify-content: center; margin: 0 10px 10px 0; padding: 0 10px } .waterfull-filter .filter-content .filter-reset[data-v-33cb7880] { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px } .waterfull-filter .filter-content .active[data-v-33cb7880] { background: #595c6a; color: #fff; font-family: Helvetica } .waterfull-filter .filter-content .active > i[data-v-33cb7880] { color: #22d19d; font-size: 16px; margin-right: 6px } .SaDialog[data-v-33cb7880] { background: #121627; border: 1px solid #282f40; border-radius: 8px } .SaDialog .el-dialog__header[data-v-33cb7880] { background-color: #0f121e; border-radius: 8px 8px 0 0; font-size: 12px } .SaDialog .el-dialog__header .el-dialog__title[data-v-33cb7880] { color: #fff; font-size: 16px; font-weight: 800 } .SaDialog .el-dialog__body[data-v-33cb7880] { color: #cbd5e1; padding: 10px 22px } .SaDialog .el-dialog__footer[data-v-33cb7880] { box-shadow: inset 0 1px 0 0 rgba(40, 46, 64, .6); padding: 10px 23px } .model-fitting-hover-popover[data-v-33cb7880] { background-color: transparent !important; border: 0 !important; padding: 0 } .model-fitting-hover-popover .content[data-v-33cb7880] { background-color: transparent; display: flex; position: relative } .model-fitting-hover-popover .content .arrow[data-v-33cb7880] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .model-fitting-hover-popover .content .image[data-v-33cb7880] { border: 0 !important; border-radius: 10px !important; height: 164px !important; margin: 0 !important; -o-object-fit: cover; object-fit: cover; width: 150px !important } .model-info-popover .model-info-box[data-v-33cb7880] { background: #24262a; border: 1px solid #35383c; border-radius: 6px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); box-sizing: border-box; padding: 14px 12px; position: relative; width: 218px } .model-info-popover .model-info-box .close-btn[data-v-33cb7880] { color: #c0c0c3; font-size: 16px; position: absolute; right: 6px; top: 6px } .model-info-popover .model-info-box .model-info-header[data-v-33cb7880] { display: flex; width: 100% } .model-info-popover .model-info-box .model-info-header > .left[data-v-33cb7880] { height: 46px; width: 46px } .model-info-popover .model-info-box .model-info-header > .left img[data-v-33cb7880] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .model-info-popover .model-info-box .model-info-header > .right[data-v-33cb7880] { display: flex; flex: 1; flex-wrap: wrap; margin-left: 8px } .model-info-popover .model-info-box .model-info-header > .right .model-name[data-v-33cb7880] { color: #c0c0c3; font-family: PingFang SC; font-size: 16px; font-weight: 600; width: 100% } .model-info-popover .model-info-box .model-info-header > .right .model-info[data-v-33cb7880] { color: #c0c0c3; font-family: PingFang SC; font-size: 12px; width: 100% } .model-info-popover .model-info-box .model-info-expression[data-v-33cb7880] { margin-top: 15px; width: 100% } .model-info-popover .model-info-box .model-info-expression .title[data-v-33cb7880] { color: #c0c0c3; font-family: PingFang SC; font-size: 14px; margin-bottom: 6px } .model-info-popover .model-info-box .model-info-expression .expressions-box[data-v-33cb7880] { display: flex; flex-wrap: wrap; width: 100% } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression[data-v-33cb7880] { background: #36393f; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; color: #c0c0c3; font-family: PingFang SC; font-size: 12px; margin: 0 6px 4px 0; padding: 4px 10px } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression.active[data-v-33cb7880] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #36393f, #36393f), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box } .tooltip-box[data-v-33cb7880] { align-items: center; display: flex; justify-content: center; position: relative } .tooltip-box[data-v-33cb7880]:hover:after, .tooltip-box[data-v-33cb7880]:hover:before { display: block } .tooltip-box[data-v-33cb7880]:after, .tooltip-box[data-v-33cb7880]:before { display: none; position: absolute } .tooltip-box[data-v-33cb7880]:after { text-wrap: nowrap; word-wrap: break-word; background: #303133; border-radius: 4px; bottom: calc(100% + 10px); color: #fff; content: attr(data-text); font-size: 12px; left: auto; line-height: 1.2; margin: 0 auto; padding: 10px; right: auto; z-index: 9999 } .tooltip-box[data-v-33cb7880]:before { border-color: #303133 transparent transparent; border-style: solid; border-width: 5px 5px 0; bottom: calc(100% + 5px); content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; z-index: 9999 } .tooltip-box.bottom[data-v-33cb7880]:after { bottom: auto; top: calc(100% + 10px) } .tooltip-box.bottom[data-v-33cb7880]:before { border-color: transparent transparent #303133; border-width: 0 5px 5px; bottom: auto; top: calc(100% + 5px) } .tooltip-box.left[data-v-33cb7880]:after { bottom: auto; left: auto; right: calc(100% + 10px); top: auto } .tooltip-box.left[data-v-33cb7880]:before { border-color: transparent transparent transparent #303133; border-width: 5px 0 5px 5px; bottom: auto; left: auto; right: calc(100% + 5px); top: auto } .tooltip-box.right[data-v-33cb7880]:after { bottom: auto; left: calc(100% + 10px); right: auto; top: auto } .tooltip-box.right[data-v-33cb7880]:before { border-color: transparent #303133 transparent transparent; border-width: 5px 5px 5px 0; bottom: auto; left: calc(100% + 5px); margin-left: 0; right: auto; top: auto } [data-v-33cb7880] .top-menu-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; min-width: 196px; padding: 12px 16px } [data-v-33cb7880] .top-menu-popover .content { width: 100% } [data-v-33cb7880] .top-menu-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } [data-v-33cb7880] .top-menu-popover .content .item:hover { background: #2f3238; border-radius: 4px } [data-v-33cb7880] .top-menu-popover .content .item > img { height: 28px; margin-right: 12px; width: 28px } [data-v-33cb7880] .top-menu-popover .content > :last-child { margin-bottom: 0 } [data-v-33cb7880] .workflow-app-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 12px 16px } [data-v-33cb7880] .workflow-app-popover .content { width: 100% } [data-v-33cb7880] .workflow-app-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } [data-v-33cb7880] .workflow-app-popover .content .item:hover { background: #2f3238; border-radius: 4px } [data-v-33cb7880] .workflow-app-popover .content > :last-child { margin-bottom: 0 } .words-wrap[data-v-33cb7880] { word-wrap: break-word; white-space: normal; word-break: normal } .overflow-ellipsis[data-v-33cb7880] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .width-height-hundred[data-v-33cb7880] { box-sizing: border-box; height: 100%; width: 100% } .el-rate__icon[data-v-33cb7880] { font-size: 20px; margin-right: 0 } .right-click-menu[data-v-33cb7880] { background-color: #24262a; border-radius: 6px; box-sizing: border-box; padding: 6px 7px; position: absolute; width: 212px; z-index: 999 } .right-click-menu .item-menu[data-v-33cb7880] { cursor: pointer; height: 100%; position: relative; width: 100% } .right-click-menu .item-menu.have-children .label[data-v-33cb7880] { width: 110% } .right-click-menu .item-menu .label[data-v-33cb7880] { align-items: center; box-sizing: border-box; color: #c0c0c3; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu[data-v-33cb7880]:hover { background-color: #2f3238; border-radius: 4px } .right-click-menu .item-menu:hover .sub-menu[data-v-33cb7880] { display: block } .right-click-menu .item-menu .sub-menu[data-v-33cb7880] { background-color: #24262a; border-radius: 6px; display: none; padding: 6px 7px; position: absolute; right: -230px; top: 0; width: 206px } .right-click-menu .item-menu .sub-menu[data-v-33cb7880]:hover { display: block } .right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-33cb7880] { align-items: center; box-sizing: border-box; color: #c0c0c3; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu .sub-menu .item-sub-menu[data-v-33cb7880]:hover { background-color: #2f3238; border-radius: 4px } .el-image-viewer__actions[data-v-33cb7880] { display: none !important } h1[data-v-33cb7880], p[data-v-33cb7880] { margin: 0 } .el-badge__content[data-v-33cb7880] { border: none } .el-dropdown-menu[data-v-33cb7880] { background: #191a27; border: 1px solid #272b30; border-radius: 16px; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08); opacity: 1 } .el-dropdown-menu .el-dropdown-menu__item[data-v-33cb7880]:hover { background-color: transparent; background-color: initial } .el-dropdown-menu .el-dropdown-menu__item:hover span[data-v-33cb7880] { color: #fcfcfc } .el-popper[x-placement^=bottom] .popper__arrow[data-v-33cb7880], .el-popper[x-placement^=top] .popper__arrow[data-v-33cb7880] { display: none } .el-image__error[data-v-33cb7880], .el-image__inner[data-v-33cb7880], .el-image__placeholder[data-v-33cb7880] { height: auto; min-height: 100% !important } .el-image__error[data-v-33cb7880], .el-image__placeholder[data-v-33cb7880] { background-color: transparent; background-color: initial } .image-slot[data-v-33cb7880] { align-items: center; color: #fff; display: flex; font-size: 24px; height: 100%; justify-content: center; width: 100% } .galleryMetaPoper[data-v-33cb7880] { background-color: transparent !important; background-color: initial !important; border-radius: 10px !important } [data-v-33cb7880]:root { --padding-4: 22px; --padding-3: 16px; --padding-2: 8px; --padding-1: 4px; --font-size-05: 12px; --font-size-1: 14px; --font-size-2: 16px; --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif"; --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d); --containerBg: #0a0b17; --sidebarBg: #0a0b17 } [data-v-33cb7880]::-webkit-scrollbar { width: 8px } [data-v-33cb7880]::-webkit-scrollbar-track { background-color: #0a0b17; border-radius: 8px } [data-v-33cb7880]::-webkit-scrollbar-thumb { background-color: #263141; border-radius: 8px } .hide-scrollbar[data-v-33cb7880] { -ms-overflow-style: none; scrollbar-width: none } .hide-scrollbar[data-v-33cb7880]::-webkit-scrollbar { height: 0; width: 0 } .flex-center[data-v-33cb7880] { justify-content: center } .flex-between[data-v-33cb7880], .flex-center[data-v-33cb7880] { align-items: center; display: flex } .flex-between[data-v-33cb7880] { justify-content: space-between } a.logo[data-v-33cb7880] { -webkit-text-decoration: none; text-decoration: none } .el-backtop[data-v-33cb7880] { background-color: #191a27; border-radius: 50%; color: #fff; height: 40px; width: 40px; z-index: 999 } .el-backtop[data-v-33cb7880]:hover { background: #4c5184 } .el-switch .el-switch__core[data-v-33cb7880] { background: #4b5164; border: 1px solid transparent } body[data-v-33cb7880] { background-color: #0a0b17; font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif" } button[data-v-33cb7880]:focus-visible { outline: none } .el-popover[data-v-33cb7880] { background-color: #0f121c; border: 1px solid #293246; border-radius: 8px } .el-loading-spinner .path[data-v-33cb7880] { stroke-width: 4px; stroke: #fff } .el-loading-mask[data-v-33cb7880] { background: transparent } .el-popper[data-v-33cb7880] { padding: 0 } [data-v-33cb7880]:export { containerBg: #0a0b17; sidebarBg: #0a0b17; sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d) } .AIHelpSupportBox[data-v-33cb7880] { background-color: #fff; height: 500px; right: 38%; top: 20%; width: 375px; z-index: 9999 } .close[data-v-33cb7880] { background: #f9c633; border-radius: 25px; color: #fff; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 999 } .close[data-v-33cb7880]:before { transform: rotate(45deg) } .close[data-v-33cb7880]:after, .close[data-v-33cb7880]:before { background: #fff; content: ""; height: 2px; left: 6px; position: absolute; top: 14px; width: 20px; z-index: 999 } .close[data-v-33cb7880]:after { transform: rotate(-45deg) } .custom-table .table-body[data-v-33cb7880] { height: calc(100% - 52px) } .custom-table .table-body .el-table[data-v-33cb7880] { background: #252e42 } .custom-table .table-body .el-table th[data-v-33cb7880] { background: #252e42; color: #a6b3cc } .custom-table .table-body .el-table tr[data-v-33cb7880] { background: #192030 } .custom-table .table-body .el-table .el-table__fixed-right-patch[data-v-33cb7880] { background: #252e42; border-bottom-color: #252e42 } .custom-table .table-body .el-table td.el-table__cell[data-v-33cb7880], .custom-table .table-body .el-table th.el-table__cell.is-leaf[data-v-33cb7880] { border-bottom-color: #313336 } .custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td[data-v-33cb7880] { background-color: #171e2f !important } .custom-table .table-body .el-table tbody tr:hover > td[data-v-33cb7880] { background: #171f34 !important } .custom-table .table-pagination[data-v-33cb7880] { display: flex; justify-content: space-between; margin-top: 10px; padding-right: 20px } .custom-table .table-pagination .bottom-btn[data-v-33cb7880] { align-items: center; display: flex; max-width: calc(100% - 480px); padding-left: 20px } .custom-table .table-pagination .bottom-btn .el-dropdown[data-v-33cb7880] { margin-left: 10px } .custom-table .table-pagination .bottom-btn .el-dropdown > [disabled][data-v-33cb7880] { background: #81aeaa; border-color: #81aeaa } .custom-table .table-pagination .el-pagination[data-v-33cb7880] { padding: 10px 0; text-align: right } .custom-table .table-pagination .el-pagination .btn-next[data-v-33cb7880], .custom-table .table-pagination .el-pagination .btn-prev[data-v-33cb7880], .custom-table .table-pagination .el-pagination.is-background .el-pager li[data-v-33cb7880] { background: #20283b } .custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active[data-v-33cb7880], .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active[data-v-33cb7880], .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active[data-v-33cb7880] { background: #0d9488 } .custom-table .table-pagination .el-pagination .el-input__inner[data-v-33cb7880] { background: #20283b; border-color: #232e50; height: 22px } .custom-table .el-table[data-v-33cb7880]:before, .custom-table .el-table__fixed-right[data-v-33cb7880]:before { background: #192030 } .custom-table[data-v-33cb7880] ::-webkit-scrollbar-corner { background: transparent } .custom-table[data-v-33cb7880] ::-webkit-scrollbar { height: 8px !important; width: 8px !important } .el-dialog[data-v-33cb7880] { background: #1a202f } .custom-dialog .el-dialog[data-v-33cb7880] { background: #1a202f; border: 1px solid #293045; margin-top: 10vh !important; width: 600px } .custom-dialog .el-dialog .el-dialog__header[data-v-33cb7880] { background: #0f121e; padding: 20px 30px; position: relative; z-index: 20000 } .custom-dialog .el-dialog .el-dialog__header span[data-v-33cb7880] { color: #fff; font-size: 16px } .custom-dialog .el-dialog .el-dialog__body[data-v-33cb7880] { padding: 20px 30px } .custom-dialog .dialog-btn button[data-v-33cb7880] { background: #0d9488; border-color: #0d9488; color: #fff; font-size: 16px; height: 48px; width: 120px } .custom-dialog .dialog-btn button[data-v-33cb7880]:first-child { background: #1e2435; border-color: #2d354b } .custom-dialog.big-body-dialog .el-dialog[data-v-33cb7880], .custom-dialog.big-dialog .el-dialog[data-v-33cb7880], .custom-dialog.big-footer-dialog .el-dialog[data-v-33cb7880], .custom-dialog.big-head-dialog .el-dialog[data-v-33cb7880] { margin: 3vh auto !important } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-33cb7880], .custom-dialog.big-dialog .el-dialog .el-dialog__body[data-v-33cb7880], .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-33cb7880], .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-33cb7880] { box-sizing: border-box; max-height: calc(94vh - 144px); overflow: auto } .custom-dialog.big-head-dialog .el-dialog .el-dialog__header[data-v-33cb7880] { display: none } .custom-dialog.big-head-dialog .el-dialog .el-dialog__body[data-v-33cb7880] { max-height: calc(94vh - 80px) } .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body[data-v-33cb7880] { max-height: calc(94vh - 70px) } .custom-dialog.big-body-dialog[data-v-33cb7880] { overflow: hidden } .custom-dialog.big-body-dialog .el-dialog .el-dialog__header[data-v-33cb7880] { display: none } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body[data-v-33cb7880] { max-height: 94vh } .custom-dialog-canvas .el-dialog[data-v-33cb7880] { background-color: #24262a; border-radius: 20px } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title[data-v-33cb7880] { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close[data-v-33cb7880] { color: #f7fbfa; font-size: 16px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button[data-v-33cb7880] { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-33cb7880] > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer[data-v-33cb7880] > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custom-form .el-date-editor .el-range-separator[data-v-33cb7880] { color: #8e8f92 } .custom-form .el-input__inner[data-v-33cb7880], .custom-form .el-textarea__inner[data-v-33cb7880] { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-select-dropdown__item[data-v-33cb7880] { color: #fff; font-weight: 500 } .custom-form .el-select-dropdown__item.hover[data-v-33cb7880], .custom-form .el-select-dropdown__item[data-v-33cb7880]:hover { background-color: #192133; color: #fff; font-weight: 500 } .custom-form .el-form-item__label[data-v-33cb7880] { color: #cbd5e1; padding-bottom: 0 } .custom-form .el-range-input[data-v-33cb7880], .custom-form .el-textarea__inner[data-v-33cb7880] { background: #20283b; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-input.is-disabled .el-input__inner[data-v-33cb7880] { background-color: #444851; border-color: #444851 } .custom-form .el-select:hover .el-input__inner[data-v-33cb7880] { border-color: #464646 } .custom-form .el-select .el-input.is-disabled .el-input__inner[data-v-33cb7880] { background-color: #444851; border-color: #444851 } .custom-form .el-select .el-tag[data-v-33cb7880] { background: #192133; color: #fff } .custom-form .el-input-number__decrease[data-v-33cb7880], .custom-form .el-input-number__increase[data-v-33cb7880] { background: #192133; border-color: #0f1c38 } .custom-form .el-slider__runway[data-v-33cb7880] { background-color: #393d4a; height: 8px } .custom-form .el-slider__runway .el-slider__bar[data-v-33cb7880] { background-color: #cbd5e1; height: 8px } .custom-form .el-slider__runway .el-slider__button[data-v-33cb7880] { background: #cbd5e1; border-color: #cbd5e1; border-radius: 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); box-sizing: border-box; height: 20px; width: 20px } .custom-form .el-checkbox[data-v-33cb7880] { color: #cbd5e1; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label[data-v-33cb7880] { color: #3d8bf1 } .custom-form .el-checkbox .el-checkbox__inner[data-v-33cb7880] { background: #262c3a; border: 1px solid #979797; border-radius: 2px; height: 14px; width: 14px } .custom-form .el-checkbox .el-checkbox__inner[data-v-33cb7880]:after { height: 7px; left: 5px; top: 1px } .custom-form .el-checkbox .el-checkbox__input[data-v-33cb7880] { vertical-align: text-bottom } .custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner[data-v-33cb7880] { background: #0052cc; border-color: #0052cc; height: 14px; width: 14px } .custom-form .el-radio__input.is-disabled .el-radio__inner[data-v-33cb7880] { background: #434445; border-color: #434445 } .custom-form .el-radio__input.is-disabled + span.el-radio__label[data-v-33cb7880] { color: #434445 } .custom-form .el-textarea.is-disabled .el-textarea__inner[data-v-33cb7880] { background: #434445; border-color: #434445 } .custom-form .el-input__count[data-v-33cb7880] { background: #20283b; color: #cbd5e1 } .p-tavern-new-character-container .el-textarea .el-input__count[data-v-33cb7880] { line-height: 18px } .el-select .custom-select[data-v-33cb7880] { position: absolute !important } .el-select .custom-select-fixed[data-v-33cb7880] { position: fixed !important } .el-select .custom-select-top-40[data-v-33cb7880] { top: 40px !important } .custom-select[data-v-33cb7880] { background: #1c1d2a !important; border: 1px solid #293045 !important; border-radius: 8px !important; color: #5a7dc2 } .custom-select .el-select-dropdown__list[data-v-33cb7880] { margin-bottom: 8px; margin-right: 8px; padding: 6px } .custom-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-33cb7880], .custom-select.is-multiple .el-select-dropdown__item.selected[data-v-33cb7880] { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; color: #fff } .custom-select .el-scrollbar__wrap[data-v-33cb7880] { overflow: auto } .custom-select .el-select-dropdown__item[data-v-33cb7880] { color: hsla(0, 0%, 100%, .6) } .custom-select .el-select-dropdown__item.selected[data-v-33cb7880] { color: #fff; position: relative } .custom-select .el-select-dropdown__item.selected[data-v-33cb7880]:after { content: "✓"; position: absolute; right: 10px } .custom-select .el-select-dropdown__item.hover[data-v-33cb7880], .custom-select .el-select-dropdown__item[data-v-33cb7880]:hover { background: #242534; border-radius: 5px; color: #fff } .custom-select .popper__arrow[data-v-33cb7880], .custom-select .popper__arrow[data-v-33cb7880]:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .custom-select .el-input__inner[data-v-33cb7880] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .painting-board-select[data-v-33cb7880] { border: 0 !important; border-radius: 6px !important; box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25) } .painting-board-select.select-canvas .el-select-dropdown__item.selected[data-v-33cb7880], .painting-board-select.select-canvas .el-select-dropdown__item[data-v-33cb7880], .painting-board-select[data-v-33cb7880] { background: #1a1a22 !important } .painting-board-select.el-select-dropdown[data-v-33cb7880] { margin-top: 3px } .painting-board-select.el-select-dropdown .add-canvas-option[data-v-33cb7880] { align-items: center; background: #2f3238 !important; display: flex; justify-content: center } .painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus[data-v-33cb7880] { font-size: 16px; margin-right: 5px } .painting-board-select.el-select-dropdown .more-btn[data-v-33cb7880] { height: 34px; width: 20px } .painting-board-select.el-select-dropdown .more-btn .more-icon[data-v-33cb7880] { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .painting-board-select .el-select-dropdown__list[data-v-33cb7880] { margin-bottom: 8px; margin-right: 8px; padding: 6px } .painting-board-select .el-select-dropdown__list[data-v-33cb7880] > :last-child { margin-bottom: 0 } .painting-board-select.is-multiple .el-select-dropdown__item.selected.hover[data-v-33cb7880], .painting-board-select.is-multiple .el-select-dropdown__item.selected[data-v-33cb7880] { background: #34396a; color: #fff } .painting-board-select .el-scrollbar__wrap[data-v-33cb7880] { overflow: auto } .painting-board-select .el-select-dropdown__item[data-v-33cb7880] { align-items: center; background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; color: #c0d0f1; display: flex; height: 32px; justify-content: space-between; margin-bottom: 4px; padding: 4px 8px } .painting-board-select .el-select-dropdown__item > .show-params-name[data-v-33cb7880] { align-items: center; display: flex; height: 100%; justify-content: space-between; width: 100% } .painting-board-select .el-select-dropdown__item.selected[data-v-33cb7880] { background: hsla(0, 0%, 100%, .1) } .painting-board-select .popper__arrow[data-v-33cb7880], .painting-board-select .popper__arrow[data-v-33cb7880]:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .painting-board-select .el-input__inner[data-v-33cb7880] { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .custom-btn.el-button--primary[data-v-33cb7880] { background: #0d9488; border-color: #0d9488; color: #fff } .custom-btn.el-button--primary.is-disabled[data-v-33cb7880] { background: #81aeaa; border-color: #81aeaa } .custom-btn.el-button--default[data-v-33cb7880] { background: #293045; border-color: #293045; color: #fff } .custom-btn.el-button--default.is-disabled[data-v-33cb7880] { background: #81aeaa; border-color: #81aeaa } .custom-btn-create.el-button--primary[data-v-33cb7880] { background: linear-gradient(90deg, #3f8cff, #20ffff); border: none; color: #fff } .custom-btn-create.el-button--default[data-v-33cb7880] { background: #101111; border-color: #101111; color: #fff } .el-message[data-v-33cb7880] { min-width: 0; min-width: auto } .el-message-box.custom-confirm[data-v-33cb7880] { background: #192133; border-color: #322d2d } .el-message-box.custom-confirm .el-message-box__title[data-v-33cb7880] { color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__content[data-v-33cb7880] { color: #fff } .el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner[data-v-33cb7880] { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__status.el-icon-info[data-v-33cb7880] { color: #fff } .el-message-box.custom-confirm .el-button--default[data-v-33cb7880] { background: #293045; border-color: #293045; color: #fff } .el-message-box.custom-confirm .el-button--primary[data-v-33cb7880] { background: #0d9488; border-color: #0d9488; color: #fff } .el-message-box.ai-face-swap-confirm[data-v-33cb7880] { background: #24262a; border: 0; border-radius: 20px; min-height: 174px } .el-message-box.ai-face-swap-confirm .el-message-box__header[data-v-33cb7880] { background: #24262a; padding: 20px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span[data-v-33cb7880] { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close[data-v-33cb7880] { color: #fff; font-size: 18px } .el-message-box.ai-face-swap-confirm .el-message-box__content[data-v-33cb7880] { min-height: 61px; padding: 15px 24px 10px } .el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p[data-v-33cb7880] { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 16px } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-33cb7880] { padding: 5px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button[data-v-33cb7880] { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-33cb7880] > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .el-message-box.ai-face-swap-confirm .el-message-box__btns[data-v-33cb7880] > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custorm-messagebox[data-v-33cb7880] { background: #192133; border-color: #322d2d } .custorm-messagebox .el-message-box__title[data-v-33cb7880] { color: #fff } .custorm-messagebox .el-input__inner[data-v-33cb7880] { background: #20283b; border-color: #232e50 } .custom-submenu .el-menu[data-v-33cb7880] { background: #20283b } .custom-submenu .el-menu .el-submenu.is-active .el-submenu__title[data-v-33cb7880] { color: #fff } .custom-submenu .el-menu .el-submenu__title[data-v-33cb7880] { background-color: transparent; background-color: initial } .custom-submenu .el-menu .el-submenu__title[data-v-33cb7880]:hover { background: #323d54; color: #fff } .custom-submenu .el-menu .el-menu-item[data-v-33cb7880] { background: #20283b } .custom-submenu .el-menu .el-menu-item.is-active[data-v-33cb7880], .custom-submenu .el-menu .el-menu-item[data-v-33cb7880]:hover { background: #323d54; color: #fff } .custom-popver[x-placement^=bottom] .popper__arrow[data-v-33cb7880] { border-bottom-color: #3c5288 !important } .custom-popver[x-placement^=bottom] .popper__arrow[data-v-33cb7880]:after { border-bottom-color: #06080b !important } .custom-popver[x-placement^=top] .popper__arrow[data-v-33cb7880] { border-top-color: #3c5288 !important } .custom-popver[x-placement^=top] .popper__arrow[data-v-33cb7880]:after { border-top-color: #06080b !important } .custom-popver[x-placement^=left] .popper__arrow[data-v-33cb7880] { border-left-color: #3c5288 !important } .custom-popver[x-placement^=left] .popper__arrow[data-v-33cb7880]:after { border-left-color: #06080b !important } .custom-popver[x-placement^=right] .popper__arrow[data-v-33cb7880] { border-right-color: #3c5288 !important } .custom-popver[x-placement^=right] .popper__arrow[data-v-33cb7880]:after { border-right-color: #06080b !important } .custom-dropdown[data-v-33cb7880] { background: #192133; border-color: #322d2d } .custom-dropdown .el-dropdown-menu__item[data-v-33cb7880] { color: #9b9b9c } .custom-dropdown .el-dropdown-menu__item[data-v-33cb7880]:focus, .custom-dropdown .el-dropdown-menu__item[data-v-33cb7880]:hover { background: #323d54; color: #fff } .custom-dropdown .popper__arrow[data-v-33cb7880] { border-bottom-color: #323d54 !important } .custom-dropdown .popper__arrow[data-v-33cb7880]:after { border-bottom-color: #192133 !important } .custom-dropdown-canvas[data-v-33cb7880] { background: #192133; border: 0; border-radius: 8px; margin-top: 3px !important } .custom-dropdown-canvas .el-dropdown-menu__item[data-v-33cb7880] { color: #9b9b9c } .custom-dropdown-canvas .el-dropdown-menu__item[data-v-33cb7880]:focus, .custom-dropdown-canvas .el-dropdown-menu__item[data-v-33cb7880]:hover { background: #192133 !important; border-radius: 8px; color: #fff } .custom-dropdown-canvas .popper__arrow[data-v-33cb7880] { border-bottom-color: #323d54 !important } .custom-dropdown-canvas .popper__arrow[data-v-33cb7880]:after { border-bottom-color: #192133 !important } .AIHelpSupportBox[data-v-33cb7880] { bottom: 0; height: 700px; left: 0; margin: auto; position: fixed; right: 0; top: 0; width: 600px } .zoom-box[data-v-33cb7880]:before { content: ""; float: left; padding-top: 100% } .zoom-box[data-v-33cb7880]:after { clear: both; content: ""; display: block } .PromptWork .el-textarea .el-input__count[data-v-33cb7880] { background: transparent } .ellipsis-line[data-v-33cb7880], .ellipsis-text[data-v-33cb7880] { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .ellipsis-text[data-v-33cb7880] { -webkit-line-clamp: 5 } .ellipsis[data-v-33cb7880] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .el-message-box[data-v-33cb7880] { background: #1a202f; border: 1px solid #293045 } .el-message-box .el-dialog__header[data-v-33cb7880], .el-message-box .el-message-box__header[data-v-33cb7880] { background: #0f121e } .el-message-box .el-message-box__btns .el-button--primary[data-v-33cb7880] { background: #0d9488; border-color: #0d9488; color: #fff } .bg-nsfw-s[data-v-33cb7880], .bg-nsfw[data-v-33cb7880] { background-image: /*savepage-url=/_nuxt/img/nsfw_lang.ec8566f.webp*/ url(); background-position: 0 0; background-repeat: no-repeat; background-size: cover } .marking-item[data-v-33cb7880] { position: relative } .marking-item:hover .admin-marking[data-v-33cb7880] { align-items: center; display: flex; flex-direction: column; gap: 30px; justify-content: center } .rounded-border[data-v-33cb7880] { border-radius: 5px } .rounded-border[data-v-33cb7880], .rounded-border[data-v-33cb7880]:hover { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent } .custom-tips-popper-role[data-v-33cb7880] { border: 1px solid #e4e7ed !important; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12); padding: 12px 16px } .custom-tips-popper-role .tooltip-txt[data-v-33cb7880] { color: #606266; font-family: Archivo; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: justified; text-transform: none; width: 318px } .like-selected[data-v-33cb7880] { color: #df8518 !important } .icon-collect_selected[data-v-33cb7880] { color: #ff3d3d !important } .icon-link[data-v-33cb7880] { color: #4784ff !important } .icon-mall-desc[data-v-33cb7880] { color: #aeaeae !important } .icon-manage[data-v-33cb7880] { color: #d8d8d8 !important } .icon-min-search[data-v-33cb7880] { color: #737a85 !important } .icon-moveDelete[data-v-33cb7880] { color: #abbdd7 !important } .icon-folder-search[data-v-33cb7880] { color: #647289; font-size: 26px } .icon-postDelete[data-v-33cb7880] { color: #fd4040 } .icon-ranks-user[data-v-33cb7880] { color: #878c96 } .icon-remove-background[data-v-33cb7880] { color: #e9e9ea } .icon-return[data-v-33cb7880] { color: #d9d9d9 } .icon-right[data-v-33cb7880] { font-size: 12px } .icon-round-wrong[data-v-33cb7880] { color: #d81f05 } .icon-send1[data-v-33cb7880] { color: #b7c4d4 } .icon-setting_icon[data-v-33cb7880], .icon-sign_out[data-v-33cb7880] { color: #5a7dc2 } .icon-simple_icon[data-v-33cb7880] { color: #e9e0e4 } .icon-statusBox[data-v-33cb7880] { font-size: 12px } .icon-success[data-v-33cb7880] { color: #32a772 } .icon-add-tag[data-v-33cb7880] { color: #aeaeae; font-size: 12px; font-weight: 400 } .icon-delete-gpt[data-v-33cb7880] { color: #fd4040 } .icon-tagReplace[data-v-33cb7880] { color: #aeaeae } .icon-tagTips[data-v-33cb7880] { color: #788291 } .icon-task-upscale-icon[data-v-33cb7880], .icon-task-variations-icon[data-v-33cb7880] { color: #e9e9ea } .icon-translate[data-v-33cb7880] { color: #8a8a8a } .icon-recommend[data-v-33cb7880] { font-size: 14px; font-weight: 700 } .icon-tutorial[data-v-33cb7880] { color: #c2c2c2 } .icon-changeit[data-v-33cb7880] { color: #94959a } .icon-filterIcon[data-v-33cb7880] { color: #9d9da2 } .icon-deff-mycollect[data-v-33cb7880] { color: #646d85 !important } .icon-imgNum[data-v-33cb7880], .icon-play[data-v-33cb7880] { color: #fff !important } .funItem .icon-icon_jiedian[data-v-33cb7880] { font-size: 12px !important } .icon-like_selected[data-v-33cb7880] { color: #e08519 !important } .el-dropdown-item-2 .iconfont[data-v-33cb7880] { font-size: 14px; margin-right: 5px } .el-dropdown-item-2 .icon-sort-arrow-down[data-v-33cb7880] { font-size: 12px } button[data-v-33cb7880] { background: transparent; border: none; cursor: pointer } button.disabled[data-v-33cb7880] { cursor: not-allowed } .image-gallery[data-v-33cb7880] { background-color: #111522 } .image-gallery .imgpage-info[data-v-33cb7880] .el-popover__reference { padding: 0 } .dialog[data-v-33cb7880], .el-popover[data-v-33cb7880] { color: #fff } .dialog[data-v-33cb7880] { background-color: #01030f; border-radius: 0; box-shadow: none } .imgpage-content[data-v-33cb7880] { height: 100%; justify-content: space-between; position: relative } .imgpage-inner[data-v-33cb7880] { background: #0c1018; border: 1px solid #1f263c; margin: 0 auto; overflow-x: hidden; overflow-y: hidden; position: relative; width: 58vw } .btn-zoom[data-v-33cb7880] { border-radius: 50%; height: 36px; position: absolute; right: 32px; top: 32px; width: 36px; z-index: 1 } .btn-zoom[data-v-33cb7880]:hover { background-color: #1c2433 } .btn-zoom[data-v-33cb7880]:active { background-color: #1d2349 } .left-button[data-v-33cb7880], .right-button[data-v-33cb7880] { align-items: center; border-radius: 50%; color: #fff; cursor: pointer; font-size: 26px; height: 56px; justify-content: center; margin: 0 50px; position: fixed; top: 50%; transform: translateY(-50%); width: 56px } .left-button[data-v-33cb7880]:hover, .right-button[data-v-33cb7880]:hover { background-color: #1c2433 } .left-button[data-v-33cb7880]:active, .right-button[data-v-33cb7880]:active { background-color: #1d2349 } .right-button[data-v-33cb7880] { right: 0 } .left-button[data-v-33cb7880]:hover, .right-button[data-v-33cb7880]:hover { opacity: 1 } .close-button[data-v-33cb7880] { border-radius: 50%; color: #fff; cursor: pointer; font-size: 26px; height: 56px; position: fixed; right: 70px; top: 70px; width: 56px } .close-button[data-v-33cb7880]:hover { background-color: #1c2433 } .close-button[data-v-33cb7880]:active { background-color: #1d2349 } .imgpage-image[data-v-33cb7880] { justify-content: center; min-width: 600px; position: relative } .imgpage-image.bold-border[data-v-33cb7880] { padding: 32px 32px 0 } .imgpage-image img[data-v-33cb7880] { cursor: zoom-in; height: calc(100vh - 200px); margin-bottom: 10px; max-width: 100%; min-height: 400px; -o-object-fit: contain; object-fit: contain } .imgpage-image img.full[data-v-33cb7880] { height: auto; width: 100% } .imgpage-image img.blur[data-v-33cb7880] { filter: blur(40px) } .imgpage-info .description[data-v-33cb7880], .imgpage-info .parent-category[data-v-33cb7880] { margin-bottom: 30px } .imgpage-info .description[data-v-33cb7880] { word-wrap: break-word; color: #e2e8f0; font-size: 20px; letter-spacing: 1px; line-height: 28px; width: 100%; word-break: break-all } .imgpage-related[data-v-33cb7880] { margin-bottom: 20px; padding: 0 32px } .imgpage-related .title[data-v-33cb7880] { color: #e2e8f0; justify-content: space-between } .imgpage-related .title .left[data-v-33cb7880] { font-size: 24px } .imgpage-related .title .right[data-v-33cb7880] { align-items: center; border-radius: 15px; cursor: pointer; display: flex; font-size: 16px; padding: 0 15px } .imgpage-related .title .right[data-v-33cb7880]:hover { background-color: #34396a } .imgpage-related .related-images[data-v-33cb7880] { margin-top: 25px; min-height: 50px; position: relative } .imgpage-related .related-image[data-v-33cb7880] { margin-bottom: 10px; margin-right: 10px; width: calc(33.33333% - 10px) } .imgpage-related .related-image[data-v-33cb7880]:last-child { margin-right: 0 } .imgpage-related .related-image img[data-v-33cb7880] { width: 100% } .pop-btns[data-v-33cb7880] { flex-direction: column } .pop-btns button[data-v-33cb7880] { border-radius: 5px; color: #cbd5e1; padding: 8px; text-align: left } .pop-btns button[data-v-33cb7880]:hover { background-color: #34396a } .image-gallery[data-v-33cb7880] { background: #090b15; min-height: calc(100vh - 110px); position: relative } .image-gallery .admin-off[data-v-33cb7880] { border: 1px solid #191a27; border-radius: 50%; bottom: 135px; box-sizing: border-box; color: #fff; cursor: pointer; height: 40px; line-height: 38px; position: fixed; right: 30px; text-align: center; width: 40px } .image-gallery .admin-off[data-v-33cb7880]:before { border-bottom: 1px solid #191a27; content: ""; height: 1px; left: 0; position: absolute; top: 18px; transform: rotate(-45deg); width: 38px } .image-gallery .admin-off.open[data-v-33cb7880] { background: #191a27; color: #fff } .image-gallery .admin-off.open[data-v-33cb7880]:before { display: none } .image-gallery .mask[data-v-33cb7880] { background-color: #000; bottom: 0; height: 100vh; left: 0; opacity: .8; position: fixed; right: 0; top: 0; width: 100vw; z-index: 100 } .image-gallery .mobile-back-to[data-v-33cb7880] { align-items: center; background-color: #1c2433; border-radius: 50%; cursor: pointer; display: flex; height: 52px; justify-content: center; left: 15px; position: fixed; top: 120px; width: 52px; z-index: 98 } .image-gallery .mobile-back-to .svg-icon[data-v-33cb7880], .image-gallery .mobile-back-to i[data-v-33cb7880] { color: #fff; font-size: 28px } .image-gallery .mobile-home-to[data-v-33cb7880] { top: 25px } .image-gallery .mobile-home-to .svg-icon[data-v-33cb7880], .image-gallery .mobile-home-to i[data-v-33cb7880] { font-size: 22px } .image-gallery .imgpage-content[data-v-33cb7880] { min-width: 1200px } .image-gallery .imgpage-content .imgpage-inner[data-v-33cb7880] { background: #090b15; border: 0; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner[data-v-33cb7880] .imgpage-image-hold { display: flex } .image-gallery .imgpage-content .imgpage-inner[data-v-33cb7880] .imgpage-image-hold .imgpage-image-info-container { height: calc(100vh - 90px); min-width: 0; min-width: auto } .image-gallery .imgpage-content .imgpage-inner .close-button[data-v-33cb7880] { position: absolute; right: 20px; top: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-image[data-v-33cb7880] { border-radius: 30px 0 0 30px; flex-shrink: 0; min-width: 440px; padding: 0; position: relative } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container[data-v-33cb7880] { background: #141416; border-radius: 30px 0 0 30px; box-sizing: border-box; height: 100%; overflow: hidden; position: relative; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img[data-v-33cb7880], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video[data-v-33cb7880] { box-sizing: border-box; cursor: default; cursor: zoom-in; height: 100%; height: auto; margin-bottom: 0; margin-top: -1px; -o-object-fit: contain; object-fit: contain; width: 100% } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container img.blur-img[data-v-33cb7880], .image-gallery .imgpage-content .imgpage-inner .imgpage-image .image-container video.blur-img[data-v-33cb7880] { filter: blur(19px) } .image-gallery .imgpage-content .imgpage-inner .imgpage-image .green-mode-div[data-v-33cb7880] { -webkit-backdrop-filter: blur(19px) saturate(160%); backdrop-filter: blur(19px) saturate(160%); border-radius: 12px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info[data-v-33cb7880] { border-radius: 0 30px 30px 0; box-sizing: border-box; flex-shrink: 0; max-height: calc(100vh - 90px); position: relative; width: 450px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description[data-v-33cb7880] { box-sizing: border-box; margin-bottom: 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header[data-v-33cb7880] { align-items: center; border-top: 1px solid #1f2024; display: flex; flex-wrap: nowrap; justify-content: center; justify-content: space-between; padding: 10px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left[data-v-33cb7880] { align-items: center; display: flex; gap: 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .title[data-v-33cb7880] { color: #777e91; font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy[data-v-33cb7880] { align-items: center; display: flex } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-33cb7880] { align-items: center; color: #91b1d5; cursor: pointer; display: flex; font-family: PingFangSC-Medium, PingFang SC, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"; font-family: "PingFangSC-Medium", "PingFang SC", var(--font-family); font-size: 12px; font-weight: 400; height: 20px; justify-content: center } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .iconfont[data-v-33cb7880], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy .svg-icon[data-v-33cb7880] { font-size: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .iconfont[data-v-33cb7880], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy:hover .svg-icon[data-v-33cb7880], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy[data-v-33cb7880]:hover { color: #409eff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-copy .prompt-copy.copied[data-v-33cb7880] { cursor: default } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-33cb7880] { align-items: center; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; padding: 4px; transition: all .3s } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .iconfont[data-v-33cb7880], .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .svg-icon[data-v-33cb7880] { height: 26px; width: 26px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans .iconfont[data-v-33cb7880] { font-size: 26px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .header-left .header-trans[data-v-33cb7880]:hover { background-color: #262f43 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .header .button-try[data-v-33cb7880] { align-items: center; background-color: #f1314e; border-radius: 20px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 36px; justify-content: center; padding: 0 20px; transition: opacity .3s ease-in-out } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-33cb7880] { background: hsla(0, 0%, 100%, .06); border-radius: 10px; box-sizing: border-box; color: #777e91; display: flex; font-family: PingFangSC-Regular, PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif"; font-family: "PingFangSC-Regular", "PingFang SC", var(--font-family); font-size: 13px; font-weight: 400; line-height: 20px; max-height: 100px; overflow: hidden; width: 100%; word-break: keep-all } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container[data-v-33cb7880]:hover { display: block; overflow-y: auto } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-33cb7880] { margin: 12px; overflow: hidden } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-33cb7880]::-moz-selection { background-color: #5478a6; color: #fff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .description .prompt-container .prompt[data-v-33cb7880]::selection { background-color: #5478a6; color: #fff } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info[data-v-33cb7880] { border-bottom: 1px solid #1f2024; color: hsla(0, 0%, 100%, .7); display: flex; flex-direction: column; gap: 15px; padding-bottom: 24px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header[data-v-33cb7880] { border-bottom: 1px solid #1f2024; color: #777e91; font-size: 25px; padding: 18px 0 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .iconfont[data-v-33cb7880] { font-size: 25px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .header .title[data-v-33cb7880] { font-family: PingFangSC-Medium, PingFang SC; font-size: 16px; font-weight: 500; height: 20px; line-height: 20px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models[data-v-33cb7880] { gap: 15px; padding: 20px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-33cb7880] { color: #b9b9b9; cursor: pointer; gap: 14px; overflow: hidden; -webkit-text-decoration: none; text-decoration: none; width: 48% } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item[data-v-33cb7880]:hover { color: #cfcfcf } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cover[data-v-33cb7880] { border-radius: 8px; flex-shrink: 0; height: 55px; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 55px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont[data-v-33cb7880] { height: 100%; justify-content: space-evenly } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type[data-v-33cb7880] { font-size: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span[data-v-33cb7880] { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3f8dff, #20feff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 4px; color: #26c7e3; padding: 0 5px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-type span.isLora[data-v-33cb7880] { background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #923efc, #ef7560); color: #d15bd3 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .models .model-item .model-cont .model-name[data-v-33cb7880] { font-size: 14px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items[data-v-33cb7880] { font-size: 16px; gap: 10px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item[data-v-33cb7880] { color: #4086d4 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .tag-items .tag-item a[data-v-33cb7880] { color: #4086d4; -webkit-text-decoration: none; text-decoration: none } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content[data-v-33cb7880] { box-sizing: border-box } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info[data-v-33cb7880] { font-size: 14px; gap: 50px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .name[data-v-33cb7880] { color: #777e90; font-size: 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .model-info .meta-content .info .item .value[data-v-33cb7880] { color: #bfc8d4; margin-top: 6px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag[data-v-33cb7880] { border-bottom: 1px solid #1f2024; color: hsla(0, 0%, 100%, .7); gap: 10px; padding: 10px 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .hash-tag .time[data-v-33cb7880] { font-size: 12px } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-33cb7880] { margin: 0 6px; padding: 0 } .image-gallery .imgpage-content .imgpage-inner .imgpage-info .commFunNum[data-v-33cb7880]:last-child { margin-left: 6px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related[data-v-33cb7880] { margin-top: 25px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div[data-v-33cb7880] { align-items: center; display: flex; justify-content: center } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .title-div .title[data-v-33cb7880] { color: #e2e8f0; font-family: PingFangSC-Medium, PingFang SC; font-size: 20px; font-weight: 500; height: 28px; line-height: 28px } .image-gallery .imgpage-content .imgpage-inner .imgpage-related .loading-div[data-v-33cb7880] { bottom: 18px; height: 0; position: absolute; width: 100% } .image-gallery[data-v-33cb7880] .el-loading-mask { z-index: 97 } .my-popover { background-color: #0f121c; border: 1px solid #222935; color: #cad5e1 !important } .my-popover .pop-btns { flex-direction: column } .my-popover .pop-btns button { background: transparent; border: none; border-radius: 5px; color: #cbd5e1; cursor: pointer; padding: 8px; text-align: left } .my-popover .pop-btns button:hover { background-color: #34396a } .tip-popover { background-color: #d8d8d8 !important; border: 1px solid #ddd; border-radius: 5px; color: #0f101b; padding: 2px 5px !important } .quick-button-title, .tip-popover { font-family: PingFangSC-Regular, PingFang SC; text-align: center } .quick-button-title { background: #cbd5e0 !important; border: 0; color: #171922; font-size: 12px; font-weight: 400; min-width: 0; min-width: auto; padding: 7px 8px !important } .el-message-box { background: #192133; border-color: #322d2d } .el-message-box .el-message-box__title { color: #cbd5e1 } .el-message-box .el-message-box__content, .el-message-box .el-message-box__status.el-icon-info { color: #fff } .el-message-box .el-button--default { background: #293045; border-color: #293045; color: #fff } .el-message-box .el-button--primary { background: #0d9488; border-color: #0d9488; color: #fff } .no-data[data-v-72aa6710] { align-content: center; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; min-height: 568px; width: 100% } .no-data img[data-v-72aa6710] { height: 105px; -o-object-fit: contain; object-fit: contain; width: 120px } .no-data .desc[data-v-72aa6710] { color: hsla(0, 0%, 100%, .7); font-family: Inter; font-size: 14px; line-height: 24px; margin-top: 20px; text-align: center; width: 100% } .overview-page[data-v-5bd088e1] { margin-top: 30px; width: 100% } .overview-page .item-category[data-v-5bd088e1] { margin-bottom: 61px; width: 100% } .overview-page .item-category[data-v-5bd088e1]:last-child { margin-bottom: 0 } .overview-page .item-category .head[data-v-5bd088e1] { align-items: center; display: flex; height: 42px; justify-content: space-between; width: 100% } .overview-page .item-category .head .title[data-v-5bd088e1] { color: #c1c2c5; font-family: Roboto; font-size: 32px; font-weight: 700 } .overview-page .item-category .head .more[data-v-5bd088e1] { color: #999; cursor: pointer; font-family: Roboto; font-size: 14px; font-weight: 600 } .overview-page .item-category .head .more > i[data-v-5bd088e1] { font-size: 16px; font-weight: 700; margin-left: 10px } .overview-page .item-category .container[data-v-5bd088e1] { display: flex; margin-top: 17px; width: 100% } .overview-page .item-category.work[data-v-5bd088e1] .green-mode-div { height: 100% !important; width: 100% } .overview-page .item-category.post .overview-list[data-v-5bd088e1] { padding-bottom: 52px } .overview-page .item-category.canvas .overview-list[data-v-5bd088e1] { padding-bottom: 56px } .listDef[data-v-a1ae4da4] { align-items: center; display: flex; flex-direction: column; height: calc(100vh - 434px); justify-content: center; width: 100% } .listDef img[data-v-a1ae4da4] { height: 142px; margin-bottom: 10px; width: 142px } .listDef span[data-v-a1ae4da4] { color: #aaacb3; font-size: 14px; margin-bottom: 16px } .collection[data-v-a1ae4da4] { display: flex; flex-wrap: wrap; gap: .2em } .collectionlist[data-v-a1ae4da4] { cursor: pointer; flex: 0 0 auto } .collectionlist .listItem[data-v-a1ae4da4] { width: 2.79em } .collectionlist .listItem.add[data-v-a1ae4da4] { align-content: center; display: flex; flex-wrap: wrap; justify-content: center } .collectionlist .listItem.add .text[data-v-a1ae4da4] { color: #485269; font-family: DM Sans; font-size: 14px; font-weight: 500; margin-top: 12px; text-align: center; width: 100% } .collectionlist .add[data-v-a1ae4da4] { align-items: center; border: 1px dashed #485269; border-radius: 10px; display: flex; height: 2em; justify-content: center } .collectionlist .add i[data-v-a1ae4da4] { color: #485269; font-size: 28px } .collectionlist .imgs[data-v-a1ae4da4] { border-radius: 10px; height: 2em; overflow: hidden; position: relative; width: 100% } .collectionlist .imgs:hover > .edit[data-v-a1ae4da4] { opacity: 1 } .collectionlist .imgs .edit[data-v-a1ae4da4] { align-items: center; background-color: #64748b; border-radius: 18px; bottom: 10px; display: flex; height: 36px; justify-content: center; opacity: 0; position: absolute; right: 10px; transition: opacity .3s ease-in-out; width: 36px } .collectionlist .imgs .edit .iconfont[data-v-a1ae4da4], .collectionlist .imgs .edit .svg-icon[data-v-a1ae4da4] { color: #fff; font-size: 24px } .collectionlist .imgs .imgsitem[data-v-a1ae4da4] { background-color: #2c354a; border-radius: 10px; box-shadow: inset -1px 0 0 0 hsla(0, 0%, 100%, .58); height: 100%; left: 0; position: absolute; top: 0; transition: transform 1s; width: 100% } .collectionlist .imgs .imgsitem .imgslist[data-v-a1ae4da4] { border-radius: 10px; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .collectionlist .imgs .imgsitem:last-child > .imgslist[data-v-a1ae4da4] { box-shadow: none } .collectionlist .myimgsitem[data-v-a1ae4da4] { background-color: #2c354a; position: relative } .collectionlist .myimgsitem[data-v-a1ae4da4]:first-child { border-radius: 10px 0 0 10px; height: 100%; left: 0; position: absolute; top: 0; width: 1.7em } .collectionlist .myimgsitem:first-child img[data-v-a1ae4da4] { border-radius: 10px 0 0 10px } .collectionlist .myimgsitem[data-v-a1ae4da4]:nth-child(2) { border-radius: 0 10px 0 0; height: 49%; margin-bottom: 2px; position: absolute; right: 0; top: 0; width: 1.05em } .collectionlist .myimgsitem:nth-child(2) img[data-v-a1ae4da4] { border-radius: 0 10px 0 0 } .collectionlist .myimgsitem[data-v-a1ae4da4]:nth-child(3) { border-radius: 0 0 10px 0; height: 49%; margin-bottom: 2px; position: absolute; right: 0; top: 51%; width: 1.05em } .collectionlist .myimgsitem:nth-child(3) img[data-v-a1ae4da4] { border-radius: 0 0 10px 0 } .collectionlist .myimgsitem img[data-v-a1ae4da4] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .collectionlist .infos[data-v-a1ae4da4] { color: #aeb6c3; margin-top: 15px } .collectionlist .infos .name[data-v-a1ae4da4] { align-items: center; display: flex; justify-content: space-between; width: 100% } .collectionlist .infos .name span[data-v-a1ae4da4] { color: #ccd2dd; font-size: .18em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .collectionlist .infos .name .iconfont[data-v-a1ae4da4], .collectionlist .infos .name .svg-icon[data-v-a1ae4da4] { font-size: 24px } .collectionlist .infos .count[data-v-a1ae4da4] { font-size: 14px; margin-top: 5px } .title[data-v-a1ae4da4] { align-items: center; display: flex; height: 50px; justify-content: space-between } .title span[data-v-a1ae4da4] { color: #d0d4e2; font-size: 20px; font-weight: 500 } .work-page[data-v-e5acf6e4] { font-size: 100px; margin-top: 30px } .model-page[data-v-fe130eda] { margin-top: 30px } .model-page-head[data-v-fe130eda] { align-items: center; display: flex; justify-content: space-between } .model-page-head .input-search[data-v-fe130eda] { align-items: center; background-color: #1c1d2a; border: 1px solid #151623; border-radius: 10px; box-sizing: border-box; display: flex; height: 38px; margin: 20px 0; padding: 0 5px; width: 350px } .model-page-head .input-search .iconfont[data-v-fe130eda], .model-page-head .input-search .svg-icon[data-v-fe130eda] { font-size: 24px } .model-page-head .input-search input[data-v-fe130eda] { background-color: #1c1d2a; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .model-page-head .input-search input[data-v-fe130eda]::-moz-placeholder { color: #737a85 } .model-page-head .input-search input[data-v-fe130eda]::placeholder { color: #737a85 } .model-page-head .input-search i[data-v-fe130eda] { color: #737a85; cursor: pointer; font-size: 20px } .model-page-head .end[data-v-fe130eda] { display: flex } .model-page-head .end .on-model-btn-box[data-v-fe130eda] { display: flex; justify-content: flex-end } .model-page-head .end .on-model-btn-box .on-model-btn[data-v-fe130eda] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; height: 34px; padding: 0 20px } .model-page-head .end .on-model-btn-box .on-model-btn i[data-v-fe130eda] { font-size: 16px; margin-right: 5px } .model-page-head .end .on-model-btn-box .on-model-btn span[data-v-fe130eda] { font-size: 16px } .model-page-head .end .filter-box[data-v-fe130eda] { align-items: center; border: 2px solid #353945; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; height: 36px; justify-content: space-between; margin-left: 10px; padding: 0 10px; position: relative; width: 126px } .model-page-head .end .filter-box div[data-v-fe130eda] { align-items: center; display: flex } .model-page-head .end .filter-box div .iconfont[data-v-fe130eda], .model-page-head .end .filter-box div .svg-icon[data-v-fe130eda] { font-size: 16px; margin-right: 6px } .model-page-head .end .filter-box div span[data-v-fe130eda] { color: hsla(0, 0%, 100%, .6); font-family: Helvetica; font-size: 14px } .model-page-head .end .filter-box i[data-v-fe130eda] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .model-page-list[data-v-fe130eda] { margin-top: 18px } .post-page[data-v-63507f00] { font-size: 12px; margin-top: 30px } .post-page .post-list-def[data-v-63507f00] { align-items: center; display: flex; flex-direction: column; height: calc(100vh - 434px); justify-content: center } .post-page .post-list-def img[data-v-63507f00] { height: 142px; margin-bottom: 10px; width: 142px } .post-page .post-list-def span[data-v-63507f00] { color: #aaacb3; font-size: 14px; margin-bottom: 16px } .post-page .post-list-def div[data-v-63507f00] { background: linear-gradient(90deg, #3f8cff, #20ffff); border-radius: 8px; color: #fff; cursor: pointer; font-size: 14px; padding: 10px 16px } .post-page-head[data-v-63507f00] { align-items: center; display: flex; justify-content: space-between } .post-page-head .input-search[data-v-63507f00] { align-items: center; background-color: #1c1d2a; border: 1px solid #151623; border-radius: 10px; box-sizing: border-box; display: flex; height: 38px; margin: 20px 0; padding: 0 5px; width: 350px } .post-page-head .input-search .iconfont[data-v-63507f00], .post-page-head .input-search .svg-icon[data-v-63507f00] { font-size: 24px } .post-page-head .input-search input[data-v-63507f00] { background-color: #1c1d2a; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .post-page-head .input-search input[data-v-63507f00]::-moz-placeholder { color: #737a85 } .post-page-head .input-search input[data-v-63507f00]::placeholder { color: #737a85 } .post-page-head .input-search i[data-v-63507f00] { color: #737a85; cursor: pointer; font-size: 20px } .post-page-head .end[data-v-63507f00] { display: flex } .post-page-head .end .on-post-btn-box[data-v-63507f00] { display: flex; justify-content: flex-end } .post-page-head .end .on-post-btn-box .on-post-btn[data-v-63507f00] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; height: 34px; padding: 0 20px } .post-page-head .end .on-post-btn-box .on-post-btn .iconfont[data-v-63507f00], .post-page-head .end .on-post-btn-box .on-post-btn .svg-icon[data-v-63507f00] { font-size: 20px; margin-right: 5px } .post-page-head .end .on-post-btn-box .on-post-btn span[data-v-63507f00] { font-size: 16px } .post-page-head .end .filter-box[data-v-63507f00] { align-items: center; border: 2px solid #353945; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; height: 36px; justify-content: space-between; margin-left: 10px; padding: 0 10px; position: relative; width: 126px } .post-page-head .end .filter-box div[data-v-63507f00] { align-items: center; display: flex } .post-page-head .end .filter-box div .iconfont[data-v-63507f00], .post-page-head .end .filter-box div .svg-icon[data-v-63507f00] { font-size: 16px; margin-right: 6px } .post-page-head .end .filter-box div span[data-v-63507f00] { color: hsla(0, 0%, 100%, .6); font-family: Helvetica; font-size: 14px } .post-page-head .end .filter-box i[data-v-63507f00] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .post-page .personal-center__list[data-v-63507f00] { margin-top: 20px } .add-or-edit-canvas .label[data-v-075e2cd7] { color: #efefef; font-family: PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 10px; word-break: break-word } .add-or-edit-canvas[data-v-075e2cd7] .canvas-name-input .el-input__inner { background-color: #313337; border: 0; border-radius: 8px; color: #efefef; height: 32px } .reset-action[data-v-429a88b0] { margin-right: 32px } .reset-action > .item[data-v-429a88b0] { border: 1px solid #2a2832; cursor: pointer; height: 26px; width: 28px } .reset-action > .item > .icon-haiyi[data-v-429a88b0] { color: #828086; font-size: 14px } .reset-action > .item.forbidden[data-v-429a88b0] { cursor: not-allowed } .reset-action > .disable-sta[data-v-429a88b0] { cursor: not-allowed; opacity: .5 } .top-select-list[data-v-219d4cc4] { background-color: #24262a; border-radius: 8px; cursor: pointer; padding: 6px } .top-select-list .item[data-v-219d4cc4] { color: #c0c0c3; font-size: 12px; height: 40px } .top-select-list .item[data-v-219d4cc4]:hover { background-color: #393b41 } .top-select-list .item .iconfont[data-v-219d4cc4] { margin-left: 17px; margin-right: 12px } .select-canvas[data-v-219d4cc4] { z-index: 10000 !important } .el-dropdown-menu[data-v-219d4cc4] { z-index: 10001 !important } .topnav-box[data-v-219d4cc4] { height: 100% } .topnav-box > .left[data-v-219d4cc4] { background-color: #06060d; width: 450px; z-index: 10000 } .topnav-box > .left > .back-icon[data-v-219d4cc4] { border-right: 1px solid #2a2832; color: #828086; cursor: pointer; font-size: 24px; width: 71px } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] { background: transparent; height: 100%; min-width: 170px } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] .el-input { box-sizing: border-box; height: 100%; width: 100% } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] .el-input .el-input__inner { background: transparent; border: 0; box-sizing: border-box; color: #8993a7; font-family: PingFang SC; font-size: 12px; height: 100%; text-align: right; width: 100% } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] .el-input .el-input__suffix { display: flex } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] .el-input .el-input__suffix .el-input__suffix-inner { align-items: center; display: flex } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret { align-items: center; color: #fff; display: flex; justify-content: center } .topnav-box > .left .custom-select-transparent[data-v-219d4cc4] .el-input .el-input__inner { text-align: left } .topnav-box > .center[data-v-219d4cc4] { flex-grow: 1; position: relative } .topnav-box > .center > .options-list[data-v-219d4cc4] { height: 100% } .topnav-box > .center > .options-list > .item[data-v-219d4cc4] { color: #c0c0c3; cursor: pointer; font-size: 24px; height: 100%; width: 48px } .topnav-box > .right[data-v-219d4cc4] { justify-content: flex-end; padding-right: 10px; width: 440px } .topnav-box > .right > .reset-action[data-v-219d4cc4] { margin-right: 16px } .topnav-box > .right > .reset-action > .item[data-v-219d4cc4] { border: 1px solid #2a2832; cursor: pointer; height: 26px; width: 28px } .topnav-box > .right > .reset-action > .item > .icon-haiyi[data-v-219d4cc4] { color: #828086; font-size: 14px } .topnav-box > .right > .reset-action > .item.forbidden[data-v-219d4cc4] { cursor: not-allowed } .topnav-box > .right > .live-box[data-v-219d4cc4] { height: 100% } .topnav-box > .right > .live-box > .text[data-v-219d4cc4] { color: #c0c0c3; font-size: 14px; margin-left: 10px } .topnav-box > .right > .live-box .icon-help[data-v-219d4cc4] { color: #69676e; font-size: 16px; margin-left: 4px; margin-top: 2px } .topnav-box > .right > .feed-back[data-v-219d4cc4] { background: rgba(63, 66, 74, .6); border-radius: 6px; box-sizing: border-box; color: #c6c6ce; cursor: pointer; height: 32px; margin-right: 10px; padding: 4px 12px } .topnav-box > .right > .feed-back > i[data-v-219d4cc4] { font-size: 16px; margin-right: 6px } .topnav-box > .right > .feed-back > span[data-v-219d4cc4] { font-family: Inter; font-size: 12px; font-weight: 500 } .topnav-box > .right > .publish-btn[data-v-219d4cc4] { align-items: center; background: linear-gradient(90deg, #3f8fff, #21feff); border-radius: 6px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; padding: 0 12px } .topnav-box > .right > .publish-btn span[data-v-219d4cc4] { margin-left: 3px } .topnav-box > .right > .publish_disabled[data-v-219d4cc4] { cursor: not-allowed; opacity: .4 } .topnav-box > .right > .head-img[data-v-219d4cc4] { align-items: center; background: #333; border-radius: 50%; display: flex; height: 32px; justify-content: center; margin-left: 16px; overflow: hidden; width: 32px } .topnav-box > .right > .head-img .avatar-text[data-v-219d4cc4] { color: #e9eef8; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500 } [data-v-219d4cc4] .icon-box i { color: #c0c0c3 } [data-v-219d4cc4] .action-item:hover { background-color: #2a2832 } [data-v-219d4cc4] .action-item:hover i { color: #fff } [data-v-219d4cc4] .act-item { background-color: #4784ff } [data-v-219d4cc4] .act-item i { color: #fff } .login-btn[data-v-219d4cc4] { background: linear-gradient(90deg, #245cfb, #52c2ed); border: none; border-radius: 16px; color: #fff; font-size: 15px; height: 32px; line-height: 32px; margin-left: 5px; padding: 0 14px; -webkit-text-decoration: none; text-decoration: none } .my-el-select[data-v-219d4cc4] { background-clip: padding-box, border-box !important; background-image: linear-gradient(90deg, #2a2c36, #2a2c36), linear-gradient(90deg, #3271cc, #0fffff) !important; background-origin: padding-box, border-box !important; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 6px 6px 6px 6px; height: 32px !important; margin-left: 8px; margin-top: 8px } .my-el-option .selected[data-v-219d4cc4] { color: #fff !important } .controlnet-popup[data-v-1025fe17] .el-dialog { background: #111522; border-radius: 10px; max-width: 1080px; width: 90% } .controlnet-popup[data-v-1025fe17] .el-dialog .el-dialog__header { display: none } .controlnet-popup[data-v-1025fe17] .el-dialog .el-dialog__body { padding: 30px 20px } .controlnet-popup .controlnet-body[data-v-1025fe17] { height: 86vh; position: relative } .controlnet-popup .controlnet-body > i[data-v-1025fe17] { color: #fff; cursor: pointer; font-size: 20px; position: absolute; right: -10px; top: -20px } .controlnet-popup .controlnet-body .controlnet-grid[data-v-1025fe17] { display: flex; flex-wrap: wrap; height: 100%; overflow-y: overlay; padding-left: 15px } .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-1025fe17] { background: #1b1f2d; border-radius: 10px; box-sizing: border-box; cursor: pointer; margin: 0 15px 15px 0; padding: 20px; width: calc(33.33333% - 15px) } .controlnet-popup .controlnet-body .controlnet-grid .grid-item.active[data-v-1025fe17], .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-1025fe17]:hover { border: 1px solid #27b670 } .controlnet-popup .controlnet-body .controlnet-grid .grid-item[data-v-1025fe17] .el-image { border-radius: 10px } .controlnet-popup .controlnet-body .controlnet-grid .grid-item .cover[data-v-1025fe17] { background-repeat: no-repeat; background-size: cover; border-radius: 10px; display: flex; flex-wrap: wrap; overflow: hidden; position: relative } .controlnet-popup .controlnet-body .controlnet-grid .grid-item .name[data-v-1025fe17] { background: #0d9488; border-radius: 10px; bottom: 15px; color: #fff; font-size: 16px; height: 32px; left: 15px; line-height: 32px; padding: 0 10px; position: absolute } .controlnet-popup .controlnet-body .controlnet-grid .grid-item .tips-info[data-v-1025fe17] { color: #939ba9; font-size: 14px; margin-top: 10px } .custom-tips-popper.controlnet { max-width: 280px } .generate-panel[data-v-015b1b54] { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 10px 16px; width: 100% } .generate-panel .panel-item[data-v-015b1b54] { margin-top: 16px } .generate-panel .panel-item[data-v-015b1b54]:first-child { margin-top: 0 } .generate-panel .panel-item .panel-item__title[data-v-015b1b54] { color: #828286; font-family: Helvetica; font-size: 16px; font-weight: 700 } .generate-panel .panel-item .panel-item__title .icon-help[data-v-015b1b54] { cursor: pointer; font-size: 16px } .generate-panel .panel-item .panel-item__subtitle[data-v-015b1b54] { color: #444349; font-family: Helvetica; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 8px } .generate-panel .panel-item .panel-item__upload-area[data-v-015b1b54] { align-items: center; background: #110f1a; border-radius: 8px; cursor: pointer; display: flex; justify-content: center; margin-top: 10px; min-height: 88px; position: relative; width: 100% } .generate-panel .panel-item .panel-item__upload-area[data-v-015b1b54] .image-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; z-index: 4 } .generate-panel .panel-item .panel-item__upload-area[data-v-015b1b54] .el-upload { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; min-height: 88px; width: 100% } .generate-panel .panel-item .panel-item__upload-area .upload-area-box-icon[data-v-015b1b54] { color: #a1a1aa; font-size: 18px } .generate-panel .panel-item .panel-item__upload-area .upload-area-result-image[data-v-015b1b54] { filter: blur(10px); height: auto; max-width: 60%; position: relative } .generate-panel .panel-item .panel-item__upload-area .upload-area-result-image:hover .image-operate-btn-box[data-v-015b1b54] { opacity: 1 } .generate-panel .panel-item .panel-item__upload-area .image-operate-btn-box[data-v-015b1b54] { align-items: center; background-color: rgba(0, 0, 0, .4); border-radius: 50%; display: flex; height: 40px; justify-content: center; opacity: 0; position: absolute; right: calc(20% + 5px); top: 10px; width: 40px } .generate-panel .panel-item .panel-item__upload-area .image-operate-btn-box .image-operate-btn[data-v-015b1b54] { color: #fff; font-size: 16px } .generate-panel .panel-item .panel-item__upload-area .image-operate-btn-box .image-operate-btn[data-v-015b1b54]:hover { color: red } .generate-panel .panel-item .panel-item__upload-area:hover .upload-area-result-image[data-v-015b1b54] { filter: blur(0) } .generate-panel .panel-item .panel-item__upload-area:hover .image-operate-btn-box[data-v-015b1b54] { opacity: 1 } .generate-panel .panel-item .option-box .option-box-item[data-v-015b1b54] { align-items: center; background: #14161a; border: 1px solid transparent; border-radius: 10px; box-sizing: border-box; cursor: pointer; display: flex; height: 48px; margin-top: 12px; padding: 0 12px } .generate-panel .panel-item .option-box .option-box-item[data-v-015b1b54] .el-checkbox__inner { background: #202121; border: 1px solid #414243; height: 14px; width: 14px } .generate-panel .panel-item .option-box .option-box-item[data-v-015b1b54] .el-checkbox__label { color: #cfd3dc !important; font-family: PingFang SC; font-size: 14px; font-weight: 500 } .generate-panel .panel-item .option-box .option-box-item[data-v-015b1b54]:first-child { margin-top: 16px } .generate-panel .panel-item .option-box .option-box-item .option-box-item-content[data-v-015b1b54] { align-items: center; display: flex; flex: 1 } .generate-panel .panel-item .option-box .option-box-item .content-img-box[data-v-015b1b54] { border-radius: 6px; height: 38px; min-height: 38px; min-width: 38px; width: 38px } .generate-panel .panel-item .option-box .option-box-item .content-img-box img[data-v-015b1b54] { border-radius: 6px; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; width: 100% } .generate-panel .panel-item .option-box .option-box-item .content-img-box .content-img-box-text[data-v-015b1b54], .generate-panel .panel-item .option-box .option-box-item .content-img-box-text[data-v-015b1b54] { color: #c0c0c3; font-family: Helvetica; font-size: 14px; font-weight: 400; margin-left: 8px } .generate-panel .panel-item .option-box .option-box-item .el-icon-delete[data-v-015b1b54] { color: #a1a1a9; cursor: pointer; font-size: 16px } .generate-panel .panel-item .option-box .option-box-item-add[data-v-015b1b54] { align-items: center; display: flex; justify-content: center } .generate-panel .panel-item .option-box .option-box-item-add .option-box-item-add-icon[data-v-015b1b54] { color: #c0c0c3; font-size: 18px; font-weight: 400 } .generate-panel .panel-item .option-box .option-box-item-add .option-box-item-add-text[data-v-015b1b54] { color: #c0c0c3; font-family: Helvetica; font-size: 14px; font-weight: 400; margin-left: 10px } .generate-panel .panel-item .option-box .option-box-item-active[data-v-015b1b54] { border-color: #4784ff } .generate-panel .panel-item-disable[data-v-015b1b54] { opacity: .5 } .generate-panel .panel-item-disable-gray[data-v-015b1b54] { filter: blur(10px) grayscale(100%) !important } .generate-panel .panel-item-disable-gray[data-v-015b1b54]:hover { filter: blur(0) grayscale(100%) !important } .disable-panle[data-v-015b1b54] { opacity: .5; position: relative } .disable-panle[data-v-015b1b54]:before { content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100 } .add-or-edit-canvas .label[data-v-55500810] { color: #efefef; font-family: PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 10px; word-break: break-word } .add-or-edit-canvas[data-v-55500810] .canvas-name-input .el-input__inner { background-color: #313337; border: 0; border-radius: 8px; color: #efefef; height: 32px } .category[data-v-1670de6a] { display: flex; flex-wrap: wrap; margin-top: 16px; width: 100% } .category .item-category[data-v-1670de6a] { background-color: #24262a; border-radius: 6px; box-sizing: border-box; color: #7f8792; cursor: pointer; font-family: PingFang SC; font-size: 14px; height: 32px; margin: 0 4px 4px 0; padding: 0 12px } .category .item-category.active[data-v-1670de6a] { background-color: #4784ff; color: #fff } .drop-active[data-v-12b1c7f0] { background-color: #292c31 !important } .el-dropdown-menu__item[data-v-12b1c7f0]:first-child { border-radius: 16px 16px 0 0 } .el-dropdown-menu__item[data-v-12b1c7f0]:last-of-type { border-radius: 0 0 16px 16px } .template-panel[data-v-12b1c7f0] { box-sizing: border-box; height: 100%; overflow-y: auto; padding: 0 16px } .template-panel[data-v-12b1c7f0]::-webkit-scrollbar { width: 4px } .template-panel-search[data-v-12b1c7f0] { margin-top: 12px } .template-panel-search .icon-box[data-v-12b1c7f0] { background-color: #1c1d2a; border: 1px solid #35383c; border-radius: 8px; color: #737a85; cursor: pointer; height: 40px; margin-right: 8px; width: 40px } .template-panel-search .icon-box .icon-loudou[data-v-12b1c7f0] { font-size: 16px } .template-panel .input-search[data-v-12b1c7f0] { align-items: center; background-color: #1c1d2a; border: 1px solid #35383c; border-radius: 8px; box-sizing: border-box; display: flex; height: 40px; padding: 10px 13px; width: 100% } .template-panel .input-search .iconfont[data-v-12b1c7f0], .template-panel .input-search .svg-icon[data-v-12b1c7f0] { cursor: pointer; font-size: 24px } .template-panel .input-search input[data-v-12b1c7f0] { background-color: #1c1d2a; border: none; color: #fff; flex: 1; font-size: 14px; line-height: 1; outline: none; padding: 0 5px } .template-panel .input-search input[data-v-12b1c7f0]::-moz-placeholder { color: #737a85 } .template-panel .input-search input[data-v-12b1c7f0]::placeholder { color: #737a85 } .template-panel .input-search i[data-v-12b1c7f0] { color: #737a85; cursor: pointer } .template-panel-list[data-v-12b1c7f0] { grid-gap: 10px; color: #7f8792; display: grid; gap: 10px; grid-template-columns:1fr 1fr; margin-top: 10px } .template-panel-list-item[data-v-12b1c7f0] { cursor: pointer; gap: 10px; text-align: center; width: 135px } .template-panel-list-item .image[data-v-12b1c7f0] { background-color: #14161a; border-radius: 8px; flex-shrink: 0; height: 200px; margin-bottom: 4px; overflow: hidden; position: relative; width: 135px } .template-panel-list-item .image img[data-v-12b1c7f0] { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .template-panel-list-item .image-icon[data-v-12b1c7f0] { background: rgba(0, 0, 0, .5); border-radius: 6px; display: none; height: 24px; position: absolute; right: 6px; top: 6px; width: 24px } .template-panel-list-item .image-icon .icon-shanchu3[data-v-12b1c7f0] { font-size: 20px } .template-panel-list-item:hover .image-icon[data-v-12b1c7f0] { display: block } .template-panel-list-item-name[data-v-12b1c7f0] { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 135px } .template-panel .empty-box[data-v-12b1c7f0] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .template-panel .empty-box .empty-img[data-v-12b1c7f0] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .template-panel .empty-box .empty-tip[data-v-12b1c7f0] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .material-panel[data-v-54aeb0f1] { box-sizing: border-box; height: 100%; overflow-y: auto; padding: 0 16px; width: 100% } .material-panel[data-v-54aeb0f1]::-webkit-scrollbar { width: 4px } .material-panel .input-search[data-v-54aeb0f1] { align-items: center; background-color: #1c1d2a; border: 1px solid #35383c; border-radius: 8px; box-sizing: border-box; display: flex; height: 40px; margin-top: 12px; padding: 10px 13px; width: 100% } .material-panel .input-search .iconfont[data-v-54aeb0f1], .material-panel .input-search .svg-icon[data-v-54aeb0f1] { cursor: pointer; font-size: 24px } .material-panel .input-search input[data-v-54aeb0f1] { background-color: #1c1d2a; border: none; color: #fff; flex: 1; font-size: 14px; line-height: 1; outline: none; padding: 0 5px } .material-panel .input-search input[data-v-54aeb0f1]::-moz-placeholder { color: #737a85 } .material-panel .input-search input[data-v-54aeb0f1]::placeholder { color: #737a85 } .material-panel .input-search i[data-v-54aeb0f1] { color: #737a85; cursor: pointer } .material-panel .search-box[data-v-54aeb0f1] { height: calc(100% - 52px); width: 100% } .material-panel .search-box .empty-box[data-v-54aeb0f1] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .material-panel .search-box .empty-box .empty-img[data-v-54aeb0f1] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .material-panel .search-box .empty-box .empty-tip[data-v-54aeb0f1] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .material-panel .search-box .search-content[data-v-54aeb0f1] { width: 100% } .material-panel .search-box .search-content .label[data-v-54aeb0f1] { color: #7f8792; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; line-height: 36px; width: 100% } .material-panel .search-box .search-content .content-box[data-v-54aeb0f1] { background-color: #14161a; border-radius: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 3px; width: 100% } .material-panel .search-box .search-content .content-box .item-content[data-v-54aeb0f1] { background-color: #2a2c31; border-radius: 6px; height: 59px; margin: 4px; width: 59px } .material-panel .search-box .search-content .content-box .item-content .image[data-v-54aeb0f1] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .material-panel .normal-box[data-v-54aeb0f1] { height: 100%; width: 100% } .material-panel .normal-box .category[data-v-54aeb0f1] { display: flex; flex-wrap: wrap; margin-top: 16px; width: 100% } .material-panel .normal-box .category .item-category[data-v-54aeb0f1] { align-items: center; background-color: #24262a; border-radius: 6px; box-sizing: border-box; color: #7f8792; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 14px; height: 32px; justify-content: center; margin: 0 4px 4px 0; padding: 0 12px } .material-panel .normal-box .category .item-category.active[data-v-54aeb0f1] { background-color: #4784ff; color: #fff } .material-panel .normal-box .classify-container[data-v-54aeb0f1] { margin-top: 8px; width: 100% } .material-panel .normal-box .classify-container .item-classify[data-v-54aeb0f1] { margin-bottom: 8px; width: 100% } .material-panel .normal-box .classify-container .item-classify .label[data-v-54aeb0f1] { align-items: center; color: #7f8792; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; justify-content: space-between; line-height: 36px; width: 100% } .material-panel .normal-box .classify-container .item-classify .label .text[data-v-54aeb0f1] { color: #595f69; cursor: pointer; font-family: PingFang SC; font-size: 12px; font-weight: 400 } .material-panel .normal-box .classify-container .item-classify .label .icon-back[data-v-54aeb0f1] { cursor: pointer; margin-right: 10px } .material-panel .normal-box .classify-container .item-classify .content-box[data-v-54aeb0f1] { background-color: #14161a; border-radius: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; padding: 3px; width: 100% } .material-panel .normal-box .classify-container .item-classify .content-box .item-content[data-v-54aeb0f1] { background-color: #2a2c31; border-radius: 6px; height: 59px; margin: 4px; width: 59px } .material-panel .normal-box .classify-container .item-classify .content-box .item-content .image[data-v-54aeb0f1] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .mine-panel[data-v-1c576434] { box-sizing: border-box; height: 100%; overflow-y: auto; padding: 0 16px; width: 100% } .mine-panel[data-v-1c576434]::-webkit-scrollbar { width: 4px } .mine-panel .empty-box[data-v-1c576434] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .mine-panel .empty-box .empty-img[data-v-1c576434] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .mine-panel .empty-box .empty-tip[data-v-1c576434] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .mine-panel .content[data-v-1c576434] { width: 100% } .mine-panel .content .label[data-v-1c576434] { color: #7f8792; font-family: PingFang SC; font-size: 14px; font-weight: 500; height: 36px; line-height: 36px; margin-top: 6px; width: 100% } .mine-panel .content .materials[data-v-1c576434] { background-color: #14161a; border-radius: 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; margin-bottom: 8px; padding: 3px; width: 100% } .mine-panel .content .materials .item-material[data-v-1c576434] { background-color: #2a2c31; border-radius: 6px; height: 59px; margin: 4px; position: relative; width: 59px } .mine-panel .content .materials .item-material .image[data-v-1c576434] { border-radius: 6px; box-sizing: border-box; cursor: pointer; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .mine-panel .content .materials .item-material-icon[data-v-1c576434] { background: hsla(0, 0%, 100%, .2); border-radius: 4px; cursor: pointer; display: none; height: 14px; position: absolute; right: 3px; text-align: center; top: 3px; width: 14px } .mine-panel .content .materials .item-material-icon .el-icon-close[data-v-1c576434] { color: #f7fbfa; display: block; font-size: 15px; padding-top: 1px } .mine-panel .content .materials .item-material:hover .item-material-icon[data-v-1c576434] { align-items: center; display: flex; display: block; justify-items: center } .layer-panel .content[data-v-5ff7c672], .layer-panel[data-v-5ff7c672] { box-sizing: border-box; height: 100%; width: 100% } .layer-panel .content[data-v-5ff7c672] { overflow: auto; padding: 10px 15px 44px; position: relative } .layer-panel .content[data-v-5ff7c672]::-webkit-scrollbar { width: 4px } .layer-panel .content .title[data-v-5ff7c672] { color: #fff; font-family: Helvetica; font-size: 16px; font-weight: 700; margin-bottom: 15px } .layer-panel .content .layer-box[data-v-5ff7c672] { width: 100% } .layer-panel .content .layer-box .item-layer[data-v-5ff7c672] { align-items: center; box-sizing: border-box; display: flex; height: 42px; justify-content: space-between; margin-bottom: 3px; padding: 0 8px; width: 100% } .layer-panel .content .layer-box .item-layer.selected[data-v-5ff7c672] { background: #15171b; border-radius: 6px } .layer-panel .content .layer-box .item-layer.selected .left .name[data-v-5ff7c672] { color: #fff } .layer-panel .content .layer-box .item-layer .left[data-v-5ff7c672] { align-items: center; display: flex; max-width: calc(100% - 22px) } .layer-panel .content .layer-box .item-layer .left .eyes-box[data-v-5ff7c672] { align-items: center; background-color: #212327; border-radius: 5px; display: flex; height: 20px; justify-content: center; width: 20px } .layer-panel .content .layer-box .item-layer .left .eyes-box .svg-icon[data-v-5ff7c672] { fill: #999; cursor: pointer } .layer-panel .content .layer-box .item-layer .left .eyes-box .iconfont[data-v-5ff7c672] { color: #999; cursor: pointer } .layer-panel .content .layer-box .item-layer .left .layer[data-v-5ff7c672] { height: 24px; margin-left: 10px; -o-object-fit: contain; object-fit: contain; width: 24px } .layer-panel .content .layer-box .item-layer .left .name[data-v-5ff7c672] { color: #999; font-family: Inter; font-size: 14px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .layer-panel .content .layer-box .item-layer .lock-box i[data-v-5ff7c672] { color: #999; cursor: pointer } .layer-panel .content .layer-box[data-v-5ff7c672] > :last-child { margin-bottom: 0 } .layer-panel .content .bottom-btns[data-v-5ff7c672] { align-items: center; background-color: #06060d; bottom: 0; box-sizing: border-box; display: flex; height: 44px; left: 70px; padding: 0 0 10px 10px; position: fixed; width: 308px } .layer-panel .content .bottom-btns .item-btn[data-v-5ff7c672] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px } .layer-panel .content .bottom-btns .item-btn i[data-v-5ff7c672] { color: #c0c0c3; font-size: 16px } .layer-panel .empty-box[data-v-5ff7c672] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .layer-panel .empty-box .empty-img[data-v-5ff7c672] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .layer-panel .empty-box .empty-tip[data-v-5ff7c672] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .layer-panel .content[data-v-66fdb158], .layer-panel[data-v-66fdb158] { box-sizing: border-box; height: 100%; width: 100% } .layer-panel .content[data-v-66fdb158] { overflow: auto; padding: 10px 15px 44px; position: relative } .layer-panel .content[data-v-66fdb158]::-webkit-scrollbar { width: 4px } .layer-panel .content .title[data-v-66fdb158] { color: #fff; font-family: Helvetica; font-size: 16px; font-weight: 700; margin-bottom: 15px } .layer-panel .content .layer-box[data-v-66fdb158] { width: 100% } .layer-panel .content .layer-box .item-layer[data-v-66fdb158] { align-items: center; box-sizing: border-box; display: flex; height: 42px; justify-content: space-between; margin-bottom: 3px; padding: 0 8px; width: 100% } .layer-panel .content .layer-box .item-layer.selected[data-v-66fdb158] { background: #15171b; border-radius: 6px } .layer-panel .content .layer-box .item-layer.selected .left .name[data-v-66fdb158] { color: #fff } .layer-panel .content .layer-box .item-layer .left[data-v-66fdb158] { align-items: center; display: flex; max-width: calc(100% - 22px) } .layer-panel .content .layer-box .item-layer .left .eyes-box[data-v-66fdb158] { align-items: center; background-color: #212327; border-radius: 5px; display: flex; height: 20px; justify-content: center; width: 20px } .layer-panel .content .layer-box .item-layer .left .eyes-box .svg-icon[data-v-66fdb158] { fill: #999; cursor: pointer } .layer-panel .content .layer-box .item-layer .left .eyes-box .iconfont[data-v-66fdb158] { color: #999; cursor: pointer } .layer-panel .content .layer-box .item-layer .left .layer[data-v-66fdb158] { height: 24px; margin-left: 10px; -o-object-fit: contain; object-fit: contain; width: 24px } .layer-panel .content .layer-box .item-layer .left .name[data-v-66fdb158] { color: #999; font-family: Inter; font-size: 14px; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .layer-panel .content .layer-box .item-layer .lock-box i[data-v-66fdb158] { color: #999; cursor: pointer } .layer-panel .content .layer-box[data-v-66fdb158] > :last-child { margin-bottom: 0 } .layer-panel .content .bottom-btns[data-v-66fdb158] { align-items: center; background-color: #06060d; bottom: 0; box-sizing: border-box; display: flex; height: 44px; left: 70px; padding: 0 0 10px 10px; position: fixed; width: 308px } .layer-panel .content .bottom-btns .item-btn[data-v-66fdb158] { align-items: center; cursor: pointer; display: flex; height: 34px; justify-content: center; width: 34px } .layer-panel .content .bottom-btns .item-btn i[data-v-66fdb158] { color: #c0c0c3; font-size: 16px } .layer-panel .empty-box[data-v-66fdb158] { align-content: center; box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; width: 100% } .layer-panel .empty-box .empty-img[data-v-66fdb158] { height: 66px; -o-object-fit: contain; object-fit: contain; width: 90 } .layer-panel .empty-box .empty-tip[data-v-66fdb158] { color: #7f8792; font-family: Inter; font-size: 14px; margin-top: 10px; text-align: center; width: 100% } .product[data-v-7e36059b] { box-sizing: border-box; color: #fff; height: 100%; overflow-y: auto; padding: 16px; width: 100% } .product[data-v-7e36059b]::-webkit-scrollbar { width: 4px } .product-tips[data-v-7e36059b] { color: #7f8792; font-family: PingFang SC; font-size: 14px; font-weight: 500; line-height: 21px } .product-list[data-v-7e36059b] { grid-gap: 10px; display: grid; gap: 10px; grid-template-columns:1fr 1fr; margin-top: 16px } [data-v-7e36059b] .product-list-item .el-upload { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; width: 100% } .product-list-item[data-v-7e36059b] { align-items: center; background: #14161a; border-radius: 8px; box-sizing: border-box; color: #9a9fa5; cursor: pointer; display: flex; height: 120px; justify-content: center; overflow: hidden; position: relative; text-align: center; width: 100% } .product-list-item .upload-text[data-v-7e36059b] { display: block; font-size: 12px; margin-top: 5px } .product-list-item img[data-v-7e36059b] { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .product-list-item-icon[data-v-7e36059b] { background: rgba(0, 0, 0, .5); border-radius: 6px; cursor: pointer; display: none; height: 24px; line-height: 24px; position: absolute; right: 6px; text-align: center; top: 6px; width: 24px } .product-list-item-icon .el-icon-delete[data-v-7e36059b], .product-list-item-icon .el-icon-download[data-v-7e36059b] { font-size: 16px } .product-list-item .right36[data-v-7e36059b] { right: 36px } .product-list-item:hover .image-icon[data-v-7e36059b] { display: block } .left-drawer[data-v-daef3f88] { background-color: #06060d; border-right: 1px solid #2a2832; height: calc(100vh - 50px); left: 72px; position: absolute; top: 0; transition: all .3s; width: 310px; z-index: 999 } .left-drawer > .content[data-v-daef3f88] { box-sizing: border-box; height: 100%; width: 100% } .left-drawer > .open-btn[data-v-daef3f88] { align-items: center; background-color: #2a2832; border-radius: 0 20px 20px 0; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 92px; justify-content: center; position: absolute; right: -14px; top: calc(50% - 46px); width: 14px } .left-drawer > .open-btn i[data-v-daef3f88] { color: #7f8792; font-size: 16px } .left-drawer > .layer-btn[data-v-daef3f88] { align-items: center; background: hsla(0, 0%, 100%, .1); border-radius: 4px; bottom: 10px; cursor: pointer; display: flex; height: 30px; justify-content: center; position: absolute; right: -40px; width: 30px } .left-drawer > .layer-btn > .icon-icon_tuceng[data-v-daef3f88] { color: #7f8792; font-size: 16px } .left-drawer.hide-menu[data-v-daef3f88] { left: -240px } .left-drawer.show-menu[data-v-daef3f88] { left: 72px } .left-menu-box[data-v-2a873c04] { box-sizing: border-box; height: 100% } .left-menu-box > .menu-list[data-v-2a873c04], .left-menu-box[data-v-2a873c04] { background-color: #06060d; position: relative } .left-menu-box > .menu-list[data-v-2a873c04] { border-right: 1px solid #2a2832; height: calc(100% - 16px); padding: 8px 0; z-index: 1000 } .left-menu-box > .menu-list > .item[data-v-2a873c04] { border-radius: 8px; color: #7f8792; cursor: pointer; font-size: 12px; height: 66px; margin: 0 8px 8px } .left-menu-box > .menu-list > .item > .icon[data-v-2a873c04] { margin-bottom: 4px; padding-top: 12px; text-align: center } .left-menu-box > .menu-list > .item > .icon > .icon-tiaojiecanshu[data-v-2a873c04] { font-size: 24px } .left-menu-box > .menu-list > .item > .text[data-v-2a873c04] { text-align: center } .left-menu-box > .menu-list > .active[data-v-2a873c04], .left-menu-box > .menu-list > .item[data-v-2a873c04]:hover { background-color: #14161a; color: #fff } .add-params .label[data-v-57acec7c] { color: #efefef; font-family: PingFang SC; font-size: 14px; font-weight: 500; margin-bottom: 10px } .add-params[data-v-57acec7c] .canvas-name-input .el-input__inner { background-color: #313337; border: 0; border-radius: 8px; color: #efefef; height: 32px } .right-params-page[data-v-6fe8cb7e] { height: calc(100vh - 50px); overflow-y: auto } .right-params-page .right-params-box[data-v-6fe8cb7e] { box-sizing: border-box; height: 100%; overflow-y: scroll; padding-bottom: 70px; padding-right: 4px; position: relative; width: 100% } .right-params-page .right-params-box[data-v-6fe8cb7e]::-webkit-scrollbar-track { background-color: #06060d } .right-params-page .right-params-box[data-v-6fe8cb7e]::-webkit-scrollbar { width: 4px } .right-params-page .right-params-box .basic-params[data-v-6fe8cb7e] { box-sizing: border-box; width: 100% } .right-params-page .right-params-box .basic-params .label[data-v-6fe8cb7e] { align-items: center; color: #c0d0f1; display: flex; font-family: PingFang SC; font-size: 12px } .right-params-page .right-params-box .basic-params .item-param[data-v-6fe8cb7e] { background: hsla(0, 0%, 100%, .03); box-sizing: border-box; margin-top: 10px; padding: 8px; width: 100% } .right-params-page .right-params-box .basic-params .item-param.denoising-strength[data-v-6fe8cb7e] { background: rgba(73, 54, 99, .15); box-sizing: border-box; margin-top: 0; padding: 15px 8px 10px } .right-params-page .right-params-box .basic-params .item-param.denoising-strength[data-v-6fe8cb7e] .el-slider .el-slider__runway { width: calc(100% - 12px) } .right-params-page .right-params-box .basic-params .item-param.denoising-strength > .brush-werght-name .custom-tips[data-v-6fe8cb7e] { font-size: 16px } .right-params-page .right-params-box .basic-params .item-param.l-r[data-v-6fe8cb7e] { display: flex; justify-content: space-between } .right-params-page .right-params-box .basic-params .item-param.l-r .left[data-v-6fe8cb7e], .right-params-page .right-params-box .basic-params .item-param.l-r .right[data-v-6fe8cb7e] { align-items: center; display: flex } .right-params-page .right-params-box .basic-params .item-param.l-r .right .number[data-v-6fe8cb7e] { height: 24px; width: 48px } .right-params-page .right-params-box .basic-params .item-param.l-r .right .dice[data-v-6fe8cb7e] { fill: #828086; cursor: pointer; height: 20px; margin-left: 10px; width: 20px } .right-params-page .right-params-box .default-params[data-v-6fe8cb7e] { background: hsla(0, 0%, 100%, .03); box-sizing: border-box; margin-top: 10px; padding: 8px } .right-params-page .right-params-box .default-params .top[data-v-6fe8cb7e] { display: flex; justify-content: space-between; width: 100% } .right-params-page .right-params-box .default-params .top .label[data-v-6fe8cb7e] { color: #c0d0f1; font-family: PingFang SC; font-size: 12px } .right-params-page .right-params-box .default-params .top .el-icon-plus[data-v-6fe8cb7e] { color: #c0c0c3; cursor: pointer; font-size: 12px } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] { width: 100% } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select { background: hsla(0, 0%, 100%, .03); border-radius: 4px; height: 32px; margin-top: 8px; width: 100% } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-input { box-sizing: border-box; height: 100%; width: 100% } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-input .el-input__inner { background: transparent; border: 0; color: #8993a7; font-family: PingFang SC; font-size: 12px; height: 100%; text-align: right; width: 100% } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-input .el-input__suffix { display: flex } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-input .el-input__suffix .el-input__suffix-inner { align-items: center; display: flex } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret { align-items: center; color: #fff; display: flex; justify-content: center } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-input .el-input__inner { box-sizing: border-box; padding: 4px 8px; text-align: left } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-select-dropdown__item:hover .operations { opacity: 1 } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-select-dropdown__item .param-name { color: #8993a7; font-family: PingFang SC; font-size: 12px; line-height: 1 } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-select-dropdown__item .param-name .el-input__inner { box-sizing: border-box; height: 100%; padding: 0; width: 100% } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-select-dropdown__item .operations { opacity: 0 } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-select-dropdown__item .operations.alwaysShow { opacity: 1 } .right-params-page .right-params-box .default-params .bottom[data-v-6fe8cb7e] .el-select .el-select-dropdown__item .operations .el-icon-edit { margin-right: 5px } .right-params-page .right-params-box .advanced-params[data-v-6fe8cb7e] { align-items: center; background: rgba(0, 127, 135, .06); box-sizing: border-box; display: flex; flex-wrap: wrap; margin-top: 10px; padding: 0 8px; width: 100% } .right-params-page .right-params-box .advanced-params .title[data-v-6fe8cb7e] { align-items: center; cursor: pointer; display: flex; height: 48px; justify-content: space-between; width: 100% } .right-params-page .right-params-box .advanced-params .title .label[data-v-6fe8cb7e] { align-items: center; color: #2d9488; display: flex; font-family: PingFang SC; font-size: 14px; height: 28px; width: 100% } .right-params-page .right-params-box .advanced-params .title .label .iconfont[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .title .label .svg-icon[data-v-6fe8cb7e] { height: 14px; margin-right: 5px; width: 14px } .right-params-page .right-params-box .advanced-params .title .el-icon-caret-bottom[data-v-6fe8cb7e] { align-items: center; color: #606060; display: flex; justify-content: center; transform: rotate(0deg); transition: transform .3s } .right-params-page .right-params-box .advanced-params .title .el-icon-caret-bottom.reverse[data-v-6fe8cb7e] { transform: rotate(180deg) } .right-params-page .right-params-box .advanced-params .content[data-v-6fe8cb7e] { box-sizing: border-box; padding-bottom: 8px; transition: all .5s; width: 100% } .right-params-page .right-params-box .advanced-params .content.hide[data-v-6fe8cb7e] { height: 0; opacity: 0; overflow: hidden; padding: 0 } .right-params-page .right-params-box .advanced-params .content .item-param[data-v-6fe8cb7e] { background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; margin-bottom: 5px; padding: 8px; width: 100% } .right-params-page .right-params-box .advanced-params .content .item-param[data-v-6fe8cb7e] > :last-child { margin-bottom: 0 } .right-params-page .right-params-box .advanced-params .content .item-param .label[data-v-6fe8cb7e] { color: #c0d0f1; font-family: PingFang SC; font-size: 12px } .right-params-page .right-params-box .advanced-params .content .item-param .top[data-v-6fe8cb7e] { align-items: center; display: flex; justify-content: space-between; width: 100% } .right-params-page .right-params-box .advanced-params .content .item-param .bottom[data-v-6fe8cb7e] { margin-top: 10px; width: 100% } .right-params-page .right-params-box .advanced-params .content .item-param .bottom[data-v-6fe8cb7e] .el-image { align-items: flex-start; border-radius: 5px; display: flex; height: 60px; justify-content: center; min-width: 60px; width: 60px } .right-params-page .right-params-box .advanced-params .content .item-param .bottom[data-v-6fe8cb7e] .el-image img { height: auto; width: 100% } .right-params-page .right-params-box .advanced-params .content .item-param.select-model[data-v-6fe8cb7e] { background: hsla(0, 0%, 100%, .03); border-radius: 4px; height: 109px } .right-params-page .right-params-box .advanced-params .content .item-param.select-model .top[data-v-6fe8cb7e] .el-input__inner { color: transparent } .right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom[data-v-6fe8cb7e] { align-items: center; display: flex; justify-content: space-between } .right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .name[data-v-6fe8cb7e] { color: #fff; font-family: PingFang SC; font-size: 12px; max-width: 126px; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .swap[data-v-6fe8cb7e] { align-items: center; background: rgba(71, 132, 255, .2); border-radius: 4px; box-sizing: border-box; color: #4784ff; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 600; height: 24px; justify-content: center; padding: 4px } .right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .swap .svg-icon[data-v-6fe8cb7e] { height: 14px; margin-right: 5px; width: 14px } .right-params-page .right-params-box .advanced-params .content .item-param.select-model .bottom .swap .iconfont[data-v-6fe8cb7e] { font-size: 14px; margin-right: 5px } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .el-icon-circle-plus[data-v-6fe8cb7e] { color: #8993a7; cursor: pointer; font-size: 18px } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom[data-v-6fe8cb7e] { display: flex; flex-wrap: wrap } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora[data-v-6fe8cb7e] { border-bottom: 1px solid hsla(0, 0%, 100%, .06); box-sizing: border-box; display: flex; padding: 5px 0; width: 100% } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right[data-v-6fe8cb7e] { box-sizing: border-box; display: flex; flex: 1; flex-wrap: wrap; max-width: calc(100% - 60px); padding-left: 8px } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .top .name[data-v-6fe8cb7e] { color: #bec3cf; flex: 1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .top .el-icon-delete[data-v-6fe8cb7e] { color: #7a7c8a; cursor: pointer; font-size: 14px; margin-left: 5px } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .bottom[data-v-6fe8cb7e] .el-slider { width: 100% } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .bottom[data-v-6fe8cb7e] .el-slider .el-slider__runway { margin: 0; width: calc(100% - 60px) } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom .item-lora .right .bottom[data-v-6fe8cb7e] .el-slider .el-slider__input { top: -13px } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom[data-v-6fe8cb7e] > :first-child { padding-top: 0 } .right-params-page .right-params-box .advanced-params .content .item-param.select-style .bottom[data-v-6fe8cb7e] > :last-child { border-bottom: 0; padding-bottom: 0 } .right-params-page .right-params-box .advanced-params .content .item-param.negative-prompt .top[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .item-param.style-prompt .top[data-v-6fe8cb7e] { justify-content: flex-start } .right-params-page .right-params-box .advanced-params .content .item-param.vae[data-v-6fe8cb7e] { display: flex } .right-params-page .right-params-box .advanced-params .content .item-param.vae .left[data-v-6fe8cb7e] { align-items: center; display: flex; margin-top: 2px } .right-params-page .right-params-box .advanced-params .content .item-param.vae .right[data-v-6fe8cb7e] { flex: 1 } .right-params-page .right-params-box .advanced-params .content .item-param.vae .right .custom-select-transparent[data-v-6fe8cb7e] { width: 100% } .right-params-page .right-params-box .advanced-params .content .default-type[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type[data-v-6fe8cb7e] { background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; padding: 0 8px 8px; width: 100% } .right-params-page .right-params-box .advanced-params .content .default-type > .title[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type > .title[data-v-6fe8cb7e] { color: #c0d0f1; font-family: PingFang SC; font-size: 12px; height: 40px } .right-params-page .right-params-box .advanced-params .content .default-type[data-v-6fe8cb7e] > :last-child, .right-params-page .right-params-box .advanced-params .content .live-type[data-v-6fe8cb7e] > :last-child { margin-bottom: 0 } .right-params-page .right-params-box .advanced-params .content .default-type .item-param[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param[data-v-6fe8cb7e] { display: flex } .right-params-page .right-params-box .advanced-params .content .default-type .item-param .left[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param .left[data-v-6fe8cb7e] { align-items: center; display: flex; margin-top: 2px } .right-params-page .right-params-box .advanced-params .content .default-type .item-param .right[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param .right[data-v-6fe8cb7e] { flex: 1 } .right-params-page .right-params-box .advanced-params .content .default-type .item-param.t-b[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param.t-b[data-v-6fe8cb7e] { flex-wrap: wrap } .right-params-page .right-params-box .advanced-params .content .default-type .item-param .top[data-v-6fe8cb7e], .right-params-page .right-params-box .advanced-params .content .live-type .item-param .top[data-v-6fe8cb7e] { align-items: center; display: flex; justify-content: flex-start; width: 100% } .right-params-page .right-params-box .advanced-params .content .default-type .item-param .bottom[data-v-6fe8cb7e] .el-slider .el-slider__input, .right-params-page .right-params-box .advanced-params .content .live-type .item-param .bottom[data-v-6fe8cb7e] .el-slider .el-slider__input { top: -35px } .right-params-page .right-params-box .advanced-params .content .default-type .item-param .bottom[data-v-6fe8cb7e] .el-slider .el-slider__runway, .right-params-page .right-params-box .advanced-params .content .live-type .item-param .bottom[data-v-6fe8cb7e] .el-slider .el-slider__runway { margin: 9px 0 5px } .right-params-page .right-params-box .advanced-params .content .live-type[data-v-6fe8cb7e] { margin-top: 5px } .right-params-page .right-params-box .bottom-btns[data-v-6fe8cb7e] { background-color: #06060d; bottom: 0; box-sizing: border-box; display: flex; height: 70px; justify-content: flex-end; padding-top: 14px; position: fixed; right: 0; width: 289px; z-index: 1001 } .right-params-page .right-params-box .bottom-btns .reset[data-v-6fe8cb7e] { background-color: #46484d; color: #ebebeb; margin-right: 10px; padding: 0 10px } .right-params-page .right-params-box .bottom-btns .reset[data-v-6fe8cb7e], .right-params-page .right-params-box .bottom-btns .save[data-v-6fe8cb7e] { align-items: center; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 33px; justify-content: center } .right-params-page .right-params-box .bottom-btns .save[data-v-6fe8cb7e] { background-image: linear-gradient(90deg, #3f8fff, #21feff); color: #fff; margin-right: 20px; padding: 0 20px } .right-params-page .right-params-box > .action-btn-box[data-v-6fe8cb7e] { bottom: 10px; justify-content: flex-end; left: -320px; position: absolute; width: 300px } .right-params-page .right-params-box > .action-btn-box > .fitin-box[data-v-6fe8cb7e] { background-color: #1e1b26; border: 1px solid #2a2832; border-radius: 4px; height: 28px; margin-right: 10px; width: 28px } .right-params-page .right-params-box > .action-btn-box > .fitin-box > .iconfont[data-v-6fe8cb7e] { color: #828086; font-size: 16px } .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] { width: 110px } .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-input-number__decrease, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-input-number__increase { background: #1e1b26 !important } .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-input__inner, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-select-dropdown__item.is-disabled:hover { background-color: #1e1b26 !important } .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-input-number__decrease, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-input-number__increase, .right-params-page .right-params-box > .action-btn-box > .input-nuber .my-input-number[data-v-6fe8cb7e] .el-input__inner { border-color: #2a2832 !important } .right-params-page .right-params-box .custom-select-transparent[data-v-6fe8cb7e] { background: transparent; height: 18px } .right-params-page .right-params-box .custom-select-transparent[data-v-6fe8cb7e] .el-input { box-sizing: border-box; height: 100%; width: 100% } .right-params-page .right-params-box .custom-select-transparent[data-v-6fe8cb7e] .el-input .el-input__inner { background: transparent; border: 0; box-sizing: border-box; color: #8993a7; font-family: PingFang SC; font-size: 12px; height: 100%; text-align: right; width: 100% } .right-params-page .right-params-box .custom-select-transparent[data-v-6fe8cb7e] .el-input .el-input__suffix { display: flex } .right-params-page .right-params-box .custom-select-transparent[data-v-6fe8cb7e] .el-input .el-input__suffix .el-input__suffix-inner { align-items: center; display: flex } .right-params-page .right-params-box .custom-select-transparent[data-v-6fe8cb7e] .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret { align-items: center; color: #fff; display: flex; justify-content: center } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-textarea { width: 100% } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-textarea .el-textarea__inner { background: rgba(0, 0, 0, .2); border: 0; border-radius: 4px; box-sizing: border-box; color: #444349; font-family: PingFang SC; font-size: 12px; min-height: 38px; padding: 5px; width: 100% } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-slider { position: relative } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-slider .el-input-number { height: 24px; margin: 0; position: absolute; right: 0; top: -24px; width: 46px } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-slider .el-input-number .el-input { box-sizing: border-box; height: 100%; width: 100% } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-slider .el-input-number .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 100%; padding: 5px; width: 100% } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-slider .el-slider__runway { background-color: #363b44; margin: 17px auto 9px; width: 100% } .right-params-page .right-params-box[data-v-6fe8cb7e] .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button { background: #4784ff; border: 3px solid #fff; border-radius: 50%; height: 9px; width: 9px } .right-params-page .right-params-box .custom-tips[data-v-6fe8cb7e] { color: rgba(192, 208, 241, .5); margin-bottom: 2px; margin-left: 5px } .right-params-page .right-params-box .number[data-v-6fe8cb7e] .el-input { box-sizing: border-box; height: 100%; width: 100% } .right-params-page .right-params-box .number[data-v-6fe8cb7e] .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 100%; padding: 5px; width: 100% } .right-params-page .right-params-box .image-loading[data-v-6fe8cb7e] { color: #fff; font-size: 20px; margin-top: 20px } .right-params-page .right-params-box .empty-img[data-v-6fe8cb7e] { align-items: center; background: #342f2f; border-radius: 8px; color: #8993a7; display: flex; font-size: 12px; height: 60px; justify-content: center; width: 60px } .right-params-page .footer[data-v-6fe8cb7e] { align-items: center; background-color: #06060d; border-top: 2px solid #2a2832; bottom: 0; box-sizing: border-box; display: flex; justify-content: flex-end; padding: 12px 22px 22px 0; position: fixed; right: 0; width: 289px; z-index: 9999 } .right-params-page .footer .copy[data-v-6fe8cb7e] { font-size: 16px } .right-params-page .footer .download[data-v-6fe8cb7e] { font-size: 14px; margin: 0 50px 0 22px } .right-params-page .footer .confirm[data-v-6fe8cb7e] { align-items: center; background: linear-gradient(90deg, #3f8fff, #21feff); border-radius: 6px; color: #fff; display: flex; font-size: 14px; height: 36px; justify-content: center; width: 140px } .right-params-page .footer .confirm span[data-v-6fe8cb7e] { margin-left: 3px } .right-params-page .footer .publish_disabled[data-v-6fe8cb7e] { cursor: not-allowed; opacity: .4 } .adjust-box[data-v-f2efff4c] { background: hsla(0, 0%, 100%, .03); height: 32px; margin-bottom: 6px; padding: 0 6px } .adjust-box > .left[data-v-f2efff4c] { color: #c0d0f1; font-size: 12px; width: 48px } .adjust-box > .center[data-v-f2efff4c] { padding: 0 12px } .adjust-box > .center > .adjust-item[data-v-f2efff4c] { height: 14px; margin-bottom: 4px; position: relative; width: 120px } .adjust-box > .center > .adjust-item > .target-flag[data-v-f2efff4c] { align-items: flex-end; color: #fff; cursor: pointer; height: 14px; justify-content: center; left: -2px; position: absolute; top: 0; width: 8px } .adjust-box > .center > .adjust-item > .target-flag[data-v-f2efff4c]:before { background-color: #000; content: ""; display: block; height: 14px; left: 0; position: absolute; top: 0; width: 1px } .adjust-box > .center > .adjust-item > .target-flag > .icon-a-Vector2900[data-v-f2efff4c] { bottom: -8px; font-size: 16px; left: -6px; position: absolute; transform: rotate(30deg) scale(.5) } .adjust-box > .center > .hue[data-v-f2efff4c] { background: linear-gradient(90deg, red, green, blue) } .adjust-box > .center > .saturation[data-v-f2efff4c] { background: linear-gradient(90deg, #fff, red) } .adjust-box > .center > .brightness[data-v-f2efff4c] { background: linear-gradient(90deg, #000, #fff) } .adjust-box > .right[data-v-f2efff4c] { width: 46px } .adjust-box > .right > .my-el-input-number[data-v-f2efff4c] .el-input-number__decrease, .adjust-box > .right > .my-el-input-number[data-v-f2efff4c] .el-input-number__increase { display: none } .adjust-box > .right > .my-el-input-number[data-v-f2efff4c] .el-input--mini { width: 46px } .adjust-box > .right > .my-el-input-number[data-v-f2efff4c] .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px 4px 4px 4px; color: #fff; height: 24px; padding: 0 } .pointer[data-v-2a82fe4f] { cursor: pointer } .selectParams[data-v-2a82fe4f] { color: #c0d0f1; height: calc(100vh - 50px); overflow-x: hidden; overflow-y: auto; padding: 0 9px } .selectParams .prompt[data-v-2a82fe4f], .selectParams[data-v-2a82fe4f] { box-sizing: border-box; font-size: 12px } .selectParams .prompt[data-v-2a82fe4f] { border-radius: 4px; padding: 8px 10px } .selectParams .prompt .line[data-v-2a82fe4f] { margin-bottom: 4px } .selectParams .prompt .line .label[data-v-2a82fe4f] { margin-right: 8px } .selectParams .negative-prompt[data-v-2a82fe4f] { border-radius: 4px; box-sizing: border-box; margin-top: 8px; padding: 8px 10px } .selectParams .negative-prompt .line[data-v-2a82fe4f] { margin-bottom: 4px } .selectParams .negative-prompt .line .label[data-v-2a82fe4f] { flex-shrink: 0; margin-right: 8px } .selectParams .flex[data-v-2a82fe4f] { align-items: center; display: flex } .selectParams .params[data-v-2a82fe4f] { border-radius: 4px; box-sizing: border-box; margin-top: 6px; padding: 8px 20px 0 16px } .selectParams .params .params-title[data-v-2a82fe4f] { font-weight: 500; margin-bottom: 10px; margin-left: -6px } .selectParams .params .params-line[data-v-2a82fe4f] { display: flex; font-weight: 400; justify-content: space-between; padding: 12px 0; width: 100% } .selectParams .params .params-line .line_txt[data-v-2a82fe4f] { color: #4784ff; cursor: pointer; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 190px } .selectParams .footer[data-v-2a82fe4f] { align-items: center; background-color: #06060d; border-top: 2px solid #2a2832; bottom: 0; display: flex; justify-content: center; padding: 12px 0 22px; position: fixed; right: 0; width: 289px; z-index: 9999 } .selectParams .footer .copy[data-v-2a82fe4f] { font-size: 16px } .selectParams .footer .download[data-v-2a82fe4f] { font-size: 14px; margin: 0 50px 0 22px } .selectParams .footer .confirm[data-v-2a82fe4f] { align-items: center; background: linear-gradient(90deg, #3f8fff, #21feff); border-radius: 6px; color: #fff; display: flex; font-size: 14px; height: 36px; justify-content: center; width: 140px } .selectParams .footer .confirm span[data-v-2a82fe4f] { margin-left: 3px } .selectParams .sampling-steps[data-v-2a82fe4f] { border-radius: 4px; box-sizing: border-box; height: 66px; padding: 8px; width: 100% } .selectParams .sampling-steps .top[data-v-2a82fe4f] { display: flex; padding-left: 8px } .selectParams .sampling-steps .bottom[data-v-2a82fe4f] .el-slider .el-slider__input { position: absolute; top: -18px } .selectParams .sampling-steps .bottom[data-v-2a82fe4f] .el-slider .el-slider__runway { box-sizing: border-box; margin-left: 4px; margin-top: 26px; width: 222px } .selectParams .common-bg[data-v-2a82fe4f] { background: hsla(0, 0%, 100%, .03) } .selectParams[data-v-2a82fe4f] .my-input .el-textarea__inner { background: rgba(0, 0, 0, .2); border: none; box-sizing: border-box; color: #444349; padding: 4px 8px; text-align: left } .selectParams[data-v-2a82fe4f] .el-slider { position: relative } .selectParams[data-v-2a82fe4f] .el-slider .el-input-number { height: 24px; margin: 0; position: absolute; right: 0; top: -24px; width: 46px } .selectParams[data-v-2a82fe4f] .el-slider .el-input-number .el-input { box-sizing: border-box; height: 100%; width: 100% } .selectParams[data-v-2a82fe4f] .el-slider .el-input-number .el-input .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 100%; padding: 5px; width: 100% } .selectParams[data-v-2a82fe4f] .el-slider .el-slider__runway { background-color: #363b44; margin: 17px auto 9px; width: 100% } .selectParams[data-v-2a82fe4f] .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button { background: #4784ff; border: 3px solid #fff; border-radius: 50%; height: 9px; width: 9px } .hsv-bord[data-v-2a82fe4f] { background: hsla(0, 0%, 100%, .03); border-radius: 4px; margin-top: 6px; padding: 8px 10px } .hsv-bord > .title-name[data-v-2a82fe4f] { color: #c0d0f1; font-size: 12px; margin-bottom: 6px } .action-btn-box[data-v-7751e5d0] { bottom: 10px; justify-content: flex-end; position: absolute; right: 310px; z-index: 110 } .action-btn-box > .fitin-box[data-v-7751e5d0] { background-color: #1e1b26; border: 1px solid #2a2832; border-radius: 4px; cursor: pointer; height: 28px; margin-right: 10px; width: 28px } .action-btn-box > .fitin-box > .icon-Union2[data-v-7751e5d0] { color: #828086; font-size: 16px } .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] { width: 110px } .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-input-number__decrease, .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-input-number__increase { background: #1e1b26 !important } .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-input__inner, .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-select-dropdown__item.is-disabled:hover { background-color: #1e1b26 !important } .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-input-number__decrease, .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-input-number__increase, .action-btn-box > .input-nuber .my-input-number[data-v-7751e5d0] .el-input__inner { border-color: #2a2832 !important } .action-btn-box[data-v-4b25c4bd] { bottom: 10px; justify-content: flex-end; position: absolute; right: 310px; z-index: 110 } .action-btn-box > .fitin-box[data-v-4b25c4bd] { background-color: #1e1b26; border: 1px solid #2a2832; border-radius: 4px; cursor: pointer; height: 28px; margin-right: 10px; width: 28px } .action-btn-box > .fitin-box > .icon-Union2[data-v-4b25c4bd] { color: #828086; font-size: 16px } .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] { width: 110px } .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-input-number__decrease, .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-input-number__increase { background: #1e1b26 !important } .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-input__inner, .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-select-dropdown__item.is-disabled:hover { background-color: #1e1b26 !important } .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-input-number__decrease, .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-input-number__increase, .action-btn-box > .input-nuber .my-input-number[data-v-4b25c4bd] .el-input__inner { border-color: #2a2832 !important } .right-bard-box[data-v-1c11e38d] { background-color: #06060d; border-left: 1px solid #2a2832; bottom: 0; box-sizing: border-box; height: calc(100vh - 50px); position: fixed; right: 0; transition: all .3s; width: 290px; z-index: 100 } .open-btn[data-v-1c11e38d] { align-items: center; background-color: #2a2832; border-radius: 20px 0 0 20px; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; height: 92px; justify-content: center; left: -14px; position: absolute; top: calc(50% - 46px); width: 14px } .open-btn i[data-v-1c11e38d] { color: #7f8792; font-size: 16px } .hide-bard[data-v-1c11e38d] { right: -290px } .c-open-pose-editor[data-v-6f47a3d0] { height: 100%; width: 100% } .c-open-pose-editor .open-pose-editor-wrap[data-v-6f47a3d0] { height: 100%; margin: 0 auto; position: relative; width: 100% } .c-open-pose-editor .open-pose-editor-wrap .open-pose-editor-svg[data-v-6f47a3d0] { height: 100%; width: 100% } .c-open-pose-editor .open-pose-editor-wrap .open-pose-editor-operate-box[data-v-6f47a3d0] { bottom: 15px; color: #fff; cursor: pointer; display: flex; flex-direction: column; font-size: 14px; gap: 12px; position: absolute; right: 10px } .c-open-pose-editor .open-pose-editor-wrap .open-pose-editor-operate-box .open-pose-editor-operate-active[data-v-6f47a3d0] { color: #4784ff } .generation-frame[data-v-8ddcdb3a] { background: #000; position: absolute; top: 30px; width: 570px; z-index: 999 } .generation-frame .generation-frame-head[data-v-8ddcdb3a] { align-items: center; background: #24262a; border-radius: 12px 12px 0 0; box-sizing: border-box; color: #c0c0c3; display: flex; font-family: PingFang SC; font-size: 14px; font-weight: 600; height: 32px; justify-content: space-between; padding: 0 12px; width: 100% } .generation-frame .generation-frame-head .head-close-btn[data-v-8ddcdb3a] { cursor: pointer; font-size: 18px } .generation-frame .generation-frame-head .head-close-btn[data-v-8ddcdb3a]:hover { color: #4784ff } .generation-frame .generation-frame-area[data-v-8ddcdb3a] { background-image: linear-gradient(45deg, #515255 25%, transparent 0, transparent 75%, #515255 0, #515255), linear-gradient(45deg, #515255 25%, transparent 0, transparent 75%, #515255 0, #515255); background-position: 0 0, 10px 10px; background-size: 20px 20px; height: 570px; width: 100% } .generation-frame .generation-frame-area .generation-frame-area-content[data-v-8ddcdb3a] { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; width: 100% } .generation-frame .generation-frame-area .generation-frame-area-content .image-upload-trigger[data-v-8ddcdb3a] { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100% } .generation-frame .generation-frame-area .generation-frame-area-content[data-v-8ddcdb3a] .image-upload { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; z-index: 4 } .generation-frame .generation-frame-area .generation-frame-area-content[data-v-8ddcdb3a] .el-upload { height: 100%; width: 100% } .generation-frame .generation-frame-area .generation-frame-area-content .upload-box-btn[data-v-8ddcdb3a] { align-items: center; background: rgba(0, 0, 0, .3); border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 6px; box-sizing: border-box; color: #ebebeb; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; justify-content: center; padding: 10px } .generation-frame .generation-frame-area .generation-frame-area-content .generation-frame-area-content-image[data-v-8ddcdb3a] { height: 100%; -o-object-fit: contain; object-fit: contain; position: relative; width: 100% } .generation-frame .generation-frame-area .generation-frame-area-content .image-operate-btn-box[data-v-8ddcdb3a] { bottom: 10px; color: #fff; position: absolute; right: 10px; z-index: 9 } .generation-frame .generation-frame-area .generation-frame-area-content .image-operate-btn-box .image-operate-btn[data-v-8ddcdb3a] { cursor: pointer } .generation-frame .generation-frame-bottom[data-v-8ddcdb3a] { align-items: center; background: #24262a; border-radius: 0 0 12px 12px; box-sizing: border-box; display: flex; height: 88px; justify-content: space-between; padding: 10px 12px; width: 100% } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] { box-sizing: border-box; flex: 0 0 240px; padding: 6px 8px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item .option-item-label[data-v-8ddcdb3a] { color: #7f8792; font-family: PingFang SC; font-size: 12px; font-weight: 400 } .generation-frame .generation-frame-bottom .generation-frame-bottom-item .option-item-content[data-v-8ddcdb3a] { background: #14161a; border-radius: 6px; color: #7f8792; display: flex; font-family: PingFang SC; font-size: 12px; font-weight: 400; justify-content: space-between; margin-top: 8px; padding: 0 6px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item .el-selects[data-v-8ddcdb3a] { align-items: center; color: #8993a7; cursor: pointer; display: flex; flex: 1; font-family: PingFang SC; font-size: 12px; font-weight: 400; height: 32px; justify-content: space-between; line-height: 32px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item .el-selects i[data-v-8ddcdb3a] { color: #8993a7; font-size: 14px; vertical-align: middle } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item { flex: 1 } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item p { font-size: 12px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-slider { margin-top: 8px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .slider-label { color: #7f8792; font-family: PingFang SC; font-size: 12px; font-weight: 400 } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-slider__runway { background: #14161a; border-radius: 4px; height: 6px; margin: 10px 0 } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-slider__runway .el-slider__bar { background: #4784ff; height: 6px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-slider__runway .el-slider__button-wrapper { height: 20px; top: -12px; width: 20px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-slider__runway .el-slider__button-wrapper .el-slider__button { height: 12px; width: 12px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-input-number.is-without-controls { line-height: 26px; width: 70px } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-input-number.is-without-controls .el-input__inner { background: hsla(0, 0%, 100%, .06); border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 4px; box-sizing: border-box; color: #fff; font-family: PingFang SC; font-size: 12px; font-weight: 500; height: 24px; line-height: 24px; padding: 0 } .generation-frame .generation-frame-bottom .generation-frame-bottom-item[data-v-8ddcdb3a] .slider-item .el-input.is-disabled .el-input__inner { background-color: #757676; border-color: #757676 } @media screen and (max-width: 1440px) { .generation-frame[data-v-8ddcdb3a] { width: 470px } .generation-frame .generation-frame-area[data-v-8ddcdb3a] { height: 400px } .generation-frame .generation-frame-bottom-item[data-v-8ddcdb3a] { flex: 1 0 calc(50% - 16px) !important } } .board-max-box[data-v-16f4f1a7] { left: 0; position: absolute; top: 0; z-index: 100 } .base-canvas-box[data-v-16f4f1a7], .board-max-box[data-v-16f4f1a7] { height: 100%; width: 100% } .live-panel[data-v-01a14202] { display: flex; gap: 20px; height: 100%; margin: auto; width: 100% } .live-panel .w-h-box[data-v-01a14202] { display: flex; height: 32px; left: 0; position: absolute; top: -42px; width: 500px } .live-panel .w-h-box[data-v-01a14202] > :first-child { margin-right: 40px } .live-panel .w-h-box .box[data-v-01a14202] { align-items: center; display: flex } .live-panel .w-h-box .box .words[data-v-01a14202] { color: #c0c0c3; font-family: Inter; font-size: 12px; font-weight: 400; margin-right: 8px } .live-panel .w-h-box .box[data-v-01a14202] .input { height: 22px; width: 46px } .live-panel .w-h-box .box[data-v-01a14202] .input .el-input { display: flex; height: 100% } .live-panel .w-h-box .box[data-v-01a14202] .input .el-input .el-input__inner { background-color: transparent; border: 1px solid #757f94; height: 100%; padding: 0 3px; text-align: center } .live-panel .live-win[data-v-01a14202] { background: #fff; height: 100%; position: relative; width: 100% } .prompt-box[data-v-01a14202] { background: #24262a; box-sizing: border-box; padding: 15px 10px; position: absolute; right: 0; width: 500px } .prompt-box[data-v-01a14202] textarea { background: #14161a; border: 0 } .top-menu[data-v-7c65398c] { left: 0; position: fixed; top: 0; z-index: 100 } .top-menu[data-v-7c65398c]:after { bottom: -5px; color: #fff; content: attr(data-size); font-size: 12px; position: absolute; right: 0; z-index: 1 } .no-sizetext[data-v-7c65398c]:after { content: "" } .clip-box[data-v-7c65398c] { display: flex; height: 34px } .clip-box .left[data-v-7c65398c] { align-items: center; background-color: #35383c; border-radius: 8px 0 0 8px; display: flex; height: 100%; justify-content: center; width: 36px } .clip-box .left > i[data-v-7c65398c] { color: #c0c0c3 } .clip-box .right[data-v-7c65398c] { align-items: center; background-color: #4784ff; border-radius: 0 8px 8px 0; color: #fff; cursor: pointer; display: flex; font-family: Helvetica; font-size: 12px; height: 100%; justify-content: center; padding: 0 10px } .top-action-nav[data-v-7c65398c] { background-color: #24262a; border: 1px solid #35383c; border-radius: 8px; display: inline-block; height: 36px; position: relative; z-index: 2 } .top-action-nav > .action-list[data-v-7c65398c] { height: 100% } .top-action-nav > .action-list > .item[data-v-7c65398c] { border-right: 1px solid #35383c; color: #c0c0c3; cursor: pointer; font-size: 16px; height: 100%; width: 37px } .top-action-nav > .action-list > .item[data-v-7c65398c]:last-child { border: 0 } .prompt-panel > div[data-v-e2e43aa0] { z-index: 2 } .edit-content[data-v-e2e43aa0] { background-color: #24262a; border: 1px solid #3b3847; border-radius: 8px; height: 160px; left: -500px; overflow: hidden; position: absolute; top: -500px; width: 380px } .edit-content > .btn-input[data-v-e2e43aa0] { height: 110px } .edit-content > .btn-input[data-v-e2e43aa0] .el-textarea { height: 100% } .edit-content > .btn-input[data-v-e2e43aa0] .el-textarea__inner { background-color: #24262a; border: none; height: 100% } .edit-content > .btn-box[data-v-e2e43aa0] { border-top: 1px solid #3b3847; height: 50px; justify-content: flex-end; padding: 0 18px } .edit-content > .btn-box[data-v-e2e43aa0] .el-button--primary { background: linear-gradient(99deg, #3271cc, #0fffff) } .edit-content > .btn-box .cancel-btn[data-v-e2e43aa0] { background: hsla(0, 0%, 80%, .169); border-color: hsla(0, 0%, 80%, .169) } .aibox-title-info[data-v-e2e43aa0] { align-items: flex-end; color: #fff; font-size: 12px; height: 30px; left: -500px; position: absolute; top: -500px } .aibox-title-info > .left[data-v-e2e43aa0] { width: 60px } .aibox-title-info > .right[data-v-e2e43aa0] { display: flex; flex-grow: 1; justify-content: flex-end } .my-el-input-number[data-v-e2e43aa0] { height: 30px; width: 46px } .my-el-input-number[data-v-e2e43aa0] .el-input-number__decrease, .my-el-input-number[data-v-e2e43aa0] .el-input-number__increase { display: none } .my-el-input-number[data-v-e2e43aa0] .el-input__inner { background-color: transparent !important; border: 1px solid #c0c0c3; color: #c0c0c3; font-size: 12px; height: 20px; line-height: 20px; padding: 0 4px } .edit-content[data-v-65529d99] { background-color: #24262a; border: 1px solid #3b3847; border-radius: 8px; height: 160px; left: -500px; overflow: hidden; position: absolute; top: -500px; width: 380px } .edit-content > .btn-input[data-v-65529d99] { height: 110px } .edit-content > .btn-input[data-v-65529d99] .el-textarea { height: 100% } .edit-content > .btn-input[data-v-65529d99] .el-textarea__inner { background-color: #24262a; border: none; height: 100% } .edit-content > .btn-box[data-v-65529d99] { border-top: 1px solid #3b3847; height: 50px; justify-content: flex-end; padding: 0 18px } .edit-content > .btn-box[data-v-65529d99] .el-button--primary { background: linear-gradient(99deg, #3271cc, #0fffff) } .drag-nav { background-color: red; height: 40px; width: 100% } .group-select-box[data-v-37ce073a] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .cube[data-v-37ce073a] { --color: #4af; background: #eee; border-radius: 5px; display: inline-block; height: 40px; line-height: 40px; margin: 4px; width: 40px } .elements[data-v-37ce073a] { border: 2px solid #eee; height: 100%; width: 100% } .selecto-area[data-v-37ce073a] { padding: 20px } #selecto1 .cube[data-v-37ce073a] { transition: all .2s ease } .moveable #selecto1 .cube[data-v-37ce073a] { transition: none } .selecto-area .selected[data-v-37ce073a] { background: var(--color); color: #fff } .scroll[data-v-37ce073a] { overflow: auto; padding-top: 10px; -webkit-user-select: none; -moz-user-select: none; user-select: none } .infinite-viewer[data-v-37ce073a], .scroll[data-v-37ce073a] { box-sizing: border-box; height: 300px; width: 100% } .infinite-viewer .viewport[data-v-37ce073a] { padding-top: 10px } .empty.elements[data-v-37ce073a] { border: none } .correct[data-v-37ce073a] { margin: auto; padding: 20px; width: 100% } .correct .target[data-v-37ce073a], .correct[data-v-37ce073a] { position: relative; text-align: center } .correct .target[data-v-37ce073a] { color: #fff; display: inline-block; height: 100px; line-height: 100px; margin: 10px 20px; width: 100px } .correct svg[data-v-37ce073a] { height: 100%; left: 0; opacity: .9; pointer-events: none; position: absolute; top: 0; transform: translateZ(0); width: 100% } .correct svg path[data-v-37ce073a] { stroke: #333; stroke-width: 2; fill: transparent } .move-box[data-v-89b8bf6c], .move-container[data-v-89b8bf6c] { height: 100%; width: 100% } .move-container .move-item[data-v-89b8bf6c] { background-color: red; height: 100px; margin: 10px; width: 100px } .move-container .selected[data-v-89b8bf6c] { background-color: #ccc } .page-box[data-v-746198d8] { height: 100%; width: 100% } .top-action-nav[data-v-30a900e0] { background-color: #24262a; border: 1px solid #35383c; border-radius: 8px; height: 36px; left: 0; overflow: hidden; position: absolute; top: 0 } .top-action-nav > .action-list[data-v-30a900e0] { height: 100% } .top-action-nav > .action-list > .item[data-v-30a900e0] { border-right: 1px solid #35383c; color: #c0c0c3; cursor: pointer; font-size: 16px; height: 100%; width: 37px } .top-action-nav > .action-list > .item[data-v-30a900e0]:last-child { border: 0 } .top-action-nav > .action-list > .item-btn[data-v-30a900e0] { background-color: #4784ff; color: #fff; cursor: pointer; font-size: 12px; min-width: 47px } .top-action-nav > .action-list > .item-btn-gray[data-v-30a900e0] { background-color: #393b41; color: #fff } .c-generate-mode-redraw canvas[data-v-5e879486], .c-generate-mode-redraw[data-v-5e879486] { height: 100%; width: 100% } .c-generate-mode-redraw .generate-mode-redraw-canvas[data-v-5e879486] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%) } .c-segment-cmp[data-v-6315c930] { height: 100%; width: 100% } .c-segment-cmp .segment-cmp-canvas[data-v-6315c930], .c-segment-cmp[data-v-6315c930] { left: 0; position: absolute; top: 0 } .c-segment-cmp .segment-image-draw-img-hover-mask[data-v-6315c930] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); pointer-events: none } .c-segment-cmp .segment-cmp-svg[data-v-6315c930] { box-sizing: border-box; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100% } .c-segment-cmp .segment-cmp-svg .segment-cmp-g[data-v-6315c930] { box-sizing: border-box } .c-image-redraw-tools[data-v-3479f09f] { left: 0; position: absolute; top: 0 } .c-image-redraw-tools canvas[data-v-3479f09f], .c-image-redraw-tools[data-v-3479f09f] { height: 100%; width: 100% } .c-image-redraw-tools .generate-mode-redraw-canvas[data-v-3479f09f] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%) } .c-image-redraw-tools .segment-cmp-canvas[data-v-3479f09f] { left: 0; position: absolute; top: 0 } .c-image-redraw-tools .segment-image-draw-img-hover-mask[data-v-3479f09f] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); pointer-events: none } .c-image-redraw-tools .segment-cmp-svg[data-v-3479f09f] { box-sizing: border-box; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100% } .c-image-redraw-tools .segment-cmp-svg .segment-cmp-g[data-v-3479f09f] { box-sizing: border-box } @keyframes rotate-4823f608 { 0% { transform: rotate(0deg) scale(1) } 50% { transform: rotate(180deg) scale(.6) } to { transform: rotate(1turn) scale(1) } } .ball-clip-rotate-multiple[data-v-4823f608] { position: relative } .ball-clip-rotate-multiple > div[data-v-4823f608] { animation-fill-mode: both; animation: rotate-4823f608 1s ease-in-out 0s infinite; border-color: transparent #fff; border-radius: 100%; border-style: solid; border-width: 2px; height: 35px; left: 0; position: absolute; top: 0; width: 35px } .ball-clip-rotate-multiple > div[data-v-4823f608]:last-child { animation-direction: reverse; animation-duration: .5s; border-color: #fff transparent; display: inline-block; height: 15px; left: 10px; top: 10px; width: 15px } .ai-loading-box[data-v-d573285e] { background: rgba(0, 0, 0, .6); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999 } .ai-loading-box > .loading-content[data-v-d573285e] { display: flex; flex-wrap: wrap; justify-content: center } .ai-loading-box > .loading-content > .spin-icon[data-v-d573285e] { height: 42px; margin-bottom: 4px; width: 42px } .ai-loading-box > .loading-content > .text-str[data-v-d573285e] { color: #fff; font-size: 12px; text-align: center; width: 100% } .img-move-page[data-v-08f449c6] { image-rendering: pixelated } .img-content-box[data-v-08f449c6] { position: relative } .img-content-box .loading[data-v-08f449c6] { background-color: rgba(0, 0, 0, .5); color: #fff; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 10 } .img-content-box .loading > div[data-v-08f449c6] { display: inline-block; height: 40px; width: 40px } .img-content-box .loading .process[data-v-08f449c6] { font-size: 12px; margin-top: 10px } .img-content-box .loading .process.wait[data-v-08f449c6]:after { animation: dots-08f449c6 1.5s step-end infinite; content: ""; display: inline-block } .img-content-box > .base-canvas[data-v-08f449c6] { left: 0; position: absolute; top: 0; z-index: 1 } .img-content-box > .mack-canvas[data-v-08f449c6] { left: 0; position: absolute; top: 0; z-index: 2 } .edit-content[data-v-08f449c6] { background-color: #24262a; border: 1px solid #3b3847; border-radius: 8px; bottom: -170px; height: 160px; left: 0; overflow: hidden; position: absolute; width: 380px } .edit-content > .btn-input[data-v-08f449c6] { height: 110px } .edit-content > .btn-input[data-v-08f449c6] .el-textarea { height: 100% } .edit-content > .btn-input[data-v-08f449c6] .el-textarea__inner { background-color: #24262a; border: none; height: 100% } .edit-content > .btn-box[data-v-08f449c6] { border-top: 1px solid #3b3847; height: 50px; justify-content: flex-end; padding: 0 18px } .edit-content > .btn-box[data-v-08f449c6] .el-button--primary { background: linear-gradient(99deg, #3271cc, #0fffff) } @keyframes dots-08f449c6 { 0%, 20% { content: "." } 40%, 60% { content: ".." } 80%, to { content: "..." } } .aiimg-page-box[data-v-47cd2a9e] .moveable-line { background-color: transparent } .aiimg-box[data-v-47cd2a9e] { border: 2px solid; -o-border-image: linear-gradient(90deg, #b16cea, #ffa84b) 1; border-image: linear-gradient(90deg, #b16cea, #ffa84b) 1; box-sizing: border-box; height: 256px; width: 256px } .aiimg-box .loading[data-v-47cd2a9e] { background-color: rgba(0, 0, 0, .5); color: #fff; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100% } .aiimg-box .loading > div[data-v-47cd2a9e] { display: inline-block; height: 40px; width: 40px } .aiimg-box .loading .process[data-v-47cd2a9e] { font-size: 12px; margin-top: 20px } .aiimg-box .loading .process.wait[data-v-47cd2a9e]:after { animation: dots-47cd2a9e 1.5s step-end infinite; content: ""; display: inline-block } .aiimg-box > .ai-content[data-v-47cd2a9e] { height: 100%; width: 100% } .aiimg-box > .edit-content[data-v-47cd2a9e] { background-color: #24262a; border: 1px solid #3b3847; border-radius: 8px; bottom: -170px; height: 160px; left: 0; overflow: hidden; position: absolute; width: 380px } .aiimg-box > .edit-content > .btn-input[data-v-47cd2a9e] { height: 110px } .aiimg-box > .edit-content > .btn-input[data-v-47cd2a9e] .el-textarea { height: 100% } .aiimg-box > .edit-content > .btn-input[data-v-47cd2a9e] .el-textarea__inner { background-color: #24262a; border: none; height: 100% } .aiimg-box > .edit-content > .btn-box[data-v-47cd2a9e] { border-top: 1px solid #3b3847; height: 50px; justify-content: flex-end; padding: 0 18px } .aiimg-box > .edit-content > .btn-box[data-v-47cd2a9e] .el-button--primary { background: linear-gradient(99deg, #3271cc, #0fffff) } .aiimg-box .result-list[data-v-47cd2a9e] { display: flex; gap: 10px; left: calc(100% + 10px); position: absolute; top: 0 } .aiimg-box .result-list > div[data-v-47cd2a9e] { background: hsla(0, 0%, 85%, .1) } @keyframes dots-47cd2a9e { 0%, 20% { content: "." } 40%, 60% { content: ".." } 80%, to { content: "..." } } .c-live-mode-redraw[data-v-83d3058a] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 99999 } .c-live-mode-redraw canvas[data-v-83d3058a], .c-live-mode-redraw[data-v-83d3058a] { height: 100%; width: 100% } .c-live-mode-redraw .live-mode-redraw-canvas[data-v-83d3058a] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%) } .live-view[data-v-551646d3] { left: 0; position: fixed; top: 0 } .live-view[data-v-551646d3]:after { color: #c0c0c3; content: attr(data-title); font-size: 12px; left: 0; position: absolute; top: -20px } .live-view .live-show[data-v-551646d3] { background: #fff; height: 100%; width: 100% } .live-view .live-show .result-img[data-v-551646d3] { height: 100%; -o-object-fit: fill; object-fit: fill; width: 100% } .live-view .live-show .handle[data-v-551646d3] { display: flex; gap: 10px; position: absolute; right: 15px; top: 15px } .live-view .live-show .handle i[data-v-551646d3] { background: rgba(0, 0, 0, .5); border-radius: 5px; color: #e3e3e3; display: inline-block; height: 28px; line-height: 28px; text-align: center; width: 28px } .live-view .live-show .loading[data-v-551646d3] { align-items: center; background-color: rgba(0, 0, 0, .5); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .live-view .live-prompt[data-v-551646d3] { background: #24262a; box-sizing: border-box; padding: 15px 10px } .live-view .live-prompt[data-v-551646d3] textarea { background: #14161a; border: 0 } .live-size[data-v-87ade2ea] { display: flex; height: 32px; left: 0; position: fixed; position: absolute; top: 0; top: -42px } .live-size[data-v-87ade2ea] > :first-child { margin-right: 4px } .live-size .box[data-v-87ade2ea] { align-items: center; display: flex } .live-size .box-tips[data-v-87ade2ea] { color: hsla(0, 0%, 100%, .7); font-size: 12px; font-weight: 500 } .live-size .box .words[data-v-87ade2ea] { color: #c0c0c3; font-family: Inter; font-size: 12px; font-weight: 400; margin-right: 8px } .live-size .box[data-v-87ade2ea] .input { height: 22px; width: 46px } .live-size .box[data-v-87ade2ea] .input .el-input { display: flex; height: 100% } .live-size .box[data-v-87ade2ea] .input .el-input .el-input__inner { background-color: transparent; border: 1px solid #757f94; height: 100%; padding: 0 3px; text-align: center } .live-size .box[data-v-87ade2ea] .input .el-input .el-input__inner:focus { border: 1px solid #4af } .live-size .box-right[data-v-87ade2ea] { display: flex; justify-content: end; width: 100% } .live-size .box-right .iconfont[data-v-87ade2ea] { color: #fff; cursor: pointer; font-size: 26px } .right-click-menu-container[data-v-1c03e003] { height: 100%; width: 100% } .item-menu > .label[data-v-1c03e003] { position: relative } .item-menu > .label > .ri-icon[data-v-1c03e003] { font-size: 16px; position: absolute; right: 26px; top: 8px } .board-page[data-v-457cb333] { position: relative } .wh100[data-v-457cb333] { height: 100%; width: 100% } #canvas[data-v-457cb333] { left: 0; position: absolute; top: 0 } .gripper[data-v-457cb333] { cursor: grabbing } .popup_parent[data-v-82b1f0c4] { align-items: center; background: rgba(0, 0, 0, .65) !important; background: none; display: flex; height: 100%; justify-content: center; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 3000 } .homeIndex[data-v-746d5837] { color: #fff; min-height: calc(100vh - 132px); width: 100% } .homeIndex .homeTaskBox[data-v-746d5837] { bottom: 300px; position: fixed; right: 13px; width: 80px; z-index: 3 } .homeIndex .homeTaskBox img[data-v-746d5837] { width: 80px } .homeIndex .homeTaskBox .timeBox[data-v-746d5837] { left: 0; position: absolute; top: 60px; width: 100% } .homeIndex .homeTaskBox .timeBox .PB[data-v-746d5837] { background-color: #832000; border-radius: 174px; height: 12px; left: 0; position: absolute; top: 0; width: 100% } .homeIndex .homeTaskBox .timeBox .PB .PBitem[data-v-746d5837] { background-color: #ffe900; border-radius: 174px; height: 12px; transition: all 1s; width: 0 } .homeIndex .homeTaskBox .timeBox .timeBoxTxt[data-v-746d5837] { background: #828282; border-radius: 0 0 20px 20px; box-sizing: border-box; color: #fff; font-size: 11px; margin-top: 7px; padding: 10px; text-align: center } .video-box[data-v-17f698d2] { background: rgba(0, 0, 0, .8); flex-direction: column; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100010 } .video-box-item[data-v-17f698d2] { background-repeat: no-repeat; background-size: contain; height: 614px; overflow: hidden; width: 852px } .video-box-item video[data-v-17f698d2] { border-radius: 8px; height: 466px; margin-bottom: 8px; -o-object-fit: cover; object-fit: cover; width: 714px } .video-box .btn[data-v-17f698d2] { margin-bottom: 10px } .video-box .btn-item[data-v-17f698d2] { border: 1px solid hsla(0, 0%, 100%, .2); border-radius: 8px; color: #929292; cursor: pointer; height: 40px; margin: 49px 9px; width: 180px } .live-size[data-v-57250b56] { display: flex; height: 32px } .live-size[data-v-57250b56] > :first-child { margin-right: 4px } .live-size .box-left[data-v-57250b56] { margin-top: 4px; width: 150px } .live-size .box[data-v-57250b56] { align-items: center; display: flex; margin-right: 4px } .live-size .box-tips[data-v-57250b56] { color: hsla(0, 0%, 100%, .7); font-size: 12px; font-weight: 500 } .live-size .box .words[data-v-57250b56] { color: #c0c0c3; font-family: Inter; font-size: 12px; font-weight: 400; margin-right: 8px } .live-size .box[data-v-57250b56] .input { height: 22px; width: 46px } .live-size .box[data-v-57250b56] .input .el-input { display: flex; height: 100% } .live-size .box[data-v-57250b56] .input .el-input .el-input__inner { background-color: transparent; border: 1px solid #757f94; height: 100%; padding: 0 3px; text-align: center } .live-size .box[data-v-57250b56] .input .el-input .el-input__inner:focus { border: 1px solid #4af } .live-size .box-right[data-v-57250b56] { display: flex; flex-grow: 1; font-size: 12px; justify-content: end } .live-size .box-right .iconfont[data-v-57250b56] { color: #fff; cursor: pointer; font-size: 26px; margin-right: 4px } .live-size .box-right .icon-delete-gpt[data-v-57250b56] { font-size: 20px } .live-size .box-right .box-clear[data-v-57250b56] { align-items: center; cursor: pointer; display: flex; margin-right: 10px } .live-size .box-right .disabled[data-v-57250b56] { cursor: not-allowed; opacity: .6 } .live-size .box-right .disabled .iconfont[data-v-57250b56] { cursor: not-allowed } .board-max-box[data-v-5880da5c] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); left: 0; position: absolute; top: 0; z-index: 100 } .base-canvas-box[data-v-5880da5c], .board-max-box[data-v-5880da5c] { height: 100%; width: 100% } .live-layer-box[data-v-a7e0ab78] { image-rendering: pixelated; position: relative } .live-layer-box > .ai-eraser-box[data-v-a7e0ab78], .live-layer-box > .base-canvas-bg[data-v-a7e0ab78] { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .live-layer-box .ai-eraser-box[data-v-a7e0ab78] { z-index: 10 } .board-max-box[data-v-4b792e9f] { left: 0; position: absolute; top: 0; z-index: 100 } .base-canvas-box[data-v-4b792e9f], .board-max-box[data-v-4b792e9f] { height: 100%; width: 100% } .layer-top-area[data-v-66952cac] { position: fixed } .top-action-nav[data-v-4181c3ea] { border-radius: 8px; position: relative; z-index: 2 } .top-action-nav > .action-list[data-v-4181c3ea] { flex-grow: 1 } .top-action-nav > .action-list > .item-box[data-v-4181c3ea] { background-color: #24262a; border: 1px solid #35383c } .top-action-nav > .action-list > .item-box[data-v-4181c3ea]:last-child { border-radius: 0 8px 8px 0; border-right: 1px solid #35383c } .top-action-nav > .action-list > .item-box[data-v-4181c3ea]:first-child { border-radius: 8px 0 0 8px } .top-action-nav > .action-list > .item-box > .item[data-v-4181c3ea] { border-right: 0; color: #c0c0c3; cursor: pointer; font-size: 16px; height: 36px; width: 37px } .top-action-nav > .size-box[data-v-4181c3ea] { width: 100px } .top-action-nav > .size-box > .text[data-v-4181c3ea] { background-color: rgba(0, 0, 0, .5); border-radius: 6px; color: #ccc; font-size: 12px; padding: 2px 4px } .clip-box[data-v-0ba6c442] { display: flex; height: 34px } .clip-box .left[data-v-0ba6c442] { align-items: center; background-color: #35383c; border-radius: 8px 0 0 8px; display: flex; height: 100%; justify-content: center; width: 36px } .clip-box .left > i[data-v-0ba6c442] { color: #c0c0c3 } .clip-box .right[data-v-0ba6c442] { align-items: center; background-color: #4784ff; border-radius: 0 8px 8px 0; color: #fff; cursor: pointer; display: flex; font-family: Helvetica; font-size: 12px; height: 100%; justify-content: center; padding: 0 10px } .top-aieraser-area[data-v-f77e593a] { position: fixed } .clip-box[data-v-f77e593a] { display: flex; height: 34px } .clip-box .left[data-v-f77e593a] { align-items: center; background-color: #35383c; border-radius: 8px 0 0 8px; display: flex; height: 100%; justify-content: center; width: 36px } .clip-box .left > i[data-v-f77e593a] { color: #c0c0c3 } .clip-box .right[data-v-f77e593a] { align-items: center; border-radius: 0 8px 8px 0; color: #fff; cursor: pointer; display: flex; font-family: Helvetica; font-size: 12px; height: 100%; justify-content: center; padding: 0 10px } .clip-box .btn-init[data-v-f77e593a] { background-color: #4784ff } .clip-box .btn-gray[data-v-f77e593a] { background-color: #393b41 } .viewer-amx-box[data-v-4e2274aa], .works-max-box[data-v-4e2274aa] { height: 100%; width: 100% } .works-max-box[data-v-4e2274aa] { overflow: hidden; position: relative } .viewport-box[data-v-4e2274aa] { height: 100%; position: relative; transform: scale(.5); transform-origin: 0 0; width: 100% } .viewport-box .live-layer-item[data-v-4e2274aa] { position: absolute } .board-max-box[data-v-7e019434] { filter: opacity(60%) brightness(0) saturate(100%) invert(14%) sepia(81%) saturate(6216%) hue-rotate(352deg) brightness(91%) contrast(118%); left: 0; position: absolute; top: 0; z-index: 100 } .base-canvas-box[data-v-7e019434], .board-max-box[data-v-7e019434] { height: 100%; width: 100% } .live-result-box[data-v-f27f009a] { background-color: #fff; position: relative } .live-result-box .resultimg-box[data-v-f27f009a], .live-result-box[data-v-f27f009a] { height: 100%; width: 100% } .live-result-box .result-img[data-v-f27f009a] { height: 100%; -o-object-fit: fill; object-fit: fill; width: 100% } .live-result-box .handle[data-v-f27f009a] { display: flex; gap: 10px; position: absolute; right: 15px; top: 15px } .live-result-box .handle i[data-v-f27f009a] { background: rgba(0, 0, 0, .5); border-radius: 5px; color: #e3e3e3; cursor: pointer; display: inline-block; height: 28px; line-height: 28px; text-align: center; width: 28px } .live-result-box .loading[data-v-f27f009a] { align-items: center; background-color: rgba(0, 0, 0, .5); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .live-model-box[data-v-c87411e2] { height: calc(100vh - 50px); left: 72px; position: fixed; top: 50px; width: calc(100vw - 72px); z-index: 9 } .live-model-box > .mask-box[data-v-c87411e2] { background-color: rgba(0, 0, 0, .5); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .live-model-box > .mask-box-black[data-v-c87411e2] { background-color: #000 } .live-model-box > .live-box[data-v-c87411e2] { position: absolute; z-index: 11 } .live-model-box > .live-box > .head-nav[data-v-c87411e2] { min-width: 500px; position: relative } .live-model-box > .live-box > .head-nav > .left[data-v-c87411e2], .live-model-box > .live-box > .head-nav > .right[data-v-c87411e2] { width: 50% } .live-model-box > .live-box > .head-nav > .right > .left > .title[data-v-c87411e2] { color: hsla(0, 0%, 100%, .7); font-size: 12px; line-height: 32px; padding-left: 10px } .live-model-box > .live-box > .head-nav > .right > .right[data-v-c87411e2] { justify-content: flex-end } .live-model-box > .live-box > .head-nav > .right > .right > .item[data-v-c87411e2] { color: #4784ff; cursor: pointer; font-size: 14px } .live-model-box > .live-box > .head-nav > .right > .right > .item > .add-icon[data-v-c87411e2] { border: 1px solid #4784ff; border-radius: 4px; font-size: 12px; margin-right: 4px; padding: 1px } .live-model-box > .live-box > .draw-canvas-box > .line[data-v-c87411e2] { height: 100%; width: 4px } .live-model-box > .live-box > .draw-canvas-box > .left[data-v-c87411e2] { position: relative } .live-model-box > .live-box > .draw-canvas-box > .left > .live-canvas-box[data-v-c87411e2] { background-color: #fff; height: 100%; position: relative; width: 100% } .live-model-box > .live-box > .draw-canvas-box > .left .live-prompt[data-v-c87411e2] { background: #24262a; box-sizing: border-box; padding: 15px 10px } .live-model-box > .live-box > .draw-canvas-box > .left .live-prompt[data-v-c87411e2] textarea { background: #14161a; border: 0 } .screenshot-lod[data-v-c87411e2] { align-items: center; background-color: rgba(0, 0, 0, .5); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .bel-item { left: 0; position: absolute; top: 0 } .moveable-control { background: #fff !important; border: 2px solid #4285f4 !important; border-radius: 0 !important; border-radius: initial !important; height: 10px !important; margin-left: -5px !important; margin-top: -5px !important; width: 10px !important } .shortcut-key { background-color: rgba(0, 0, 0, .4); border-radius: 4px; color: #fff; display: inline-block; height: 20px; line-height: 20px; margin-left: 4px; padding: 0 5px; text-align: center } .loding-box { align-items: center; background-color: rgba(0, 0, 0, .5); display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } .infinite-viewer-scroll-bar { visibility: hidden } .top-nav-box[data-v-7cba7cc4] { background-color: #06060d; border-bottom: 1px solid #2a2832; color: #fff; height: 49px; position: relative } .z-index1000[data-v-7cba7cc4] { z-index: 1000 } .content-box[data-v-7cba7cc4] { height: calc(100vh - 50px); position: relative } .content-box > .left-menu[data-v-7cba7cc4] { background-color: #06060d; flex-shrink: 0; height: 100%; width: 72px; z-index: 110 } .content-box > .board-box[data-v-7cba7cc4] { background-color: #02050e; flex-grow: 1 } .vip-mask[data-v-7cba7cc4] { align-items: center; background: rgba(0, 0, 0, .6); bottom: 0; cursor: not-allowed; display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 999 } .vip-mask img[data-v-7cba7cc4] { height: 100px; width: 100px } .vip-mask span[data-v-7cba7cc4] { color: #fff; cursor: pointer; font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 24px; text-align: center; width: 288px } .defBox[data-v-18a714c4] { align-items: center; display: flex; flex-direction: column; height: calc(100vh - 434px); justify-content: center; width: 100% } .defBox img[data-v-18a714c4] { height: 142px; margin-bottom: 10px; width: 142px } .defBox span[data-v-18a714c4] { color: #aaacb3; font-size: 14px; margin-bottom: 16px } .canvasTplList[data-v-18a714c4] { align-items: center; display: flex; justify-content: center; min-height: 300px } .canvasTplList .bntBox[data-v-18a714c4] { display: flex; justify-content: flex-end; width: 100% } .canvasTplList .bntBox .bnt[data-v-18a714c4] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 40px; justify-content: center; min-width: 96px; padding: 0 16px } .canvasTplList > .box[data-v-18a714c4] { width: 100% } .canvasTplList .list[data-v-18a714c4] { cursor: pointer; display: flex; flex-wrap: wrap; gap: .16em; margin-top: 10px; width: 100% } .canvasTplList .list .listItem[data-v-18a714c4] { width: 2.85em } .canvasTplList .list .listItem .imgBox[data-v-18a714c4] { background-color: #2c354a; border-radius: .12em; height: 2.08em; position: relative; width: 100% } .canvasTplList .list .listItem .imgBox:hover .deleteBox[data-v-18a714c4] { opacity: 1 !important } .canvasTplList .list .listItem .imgBox img[data-v-18a714c4] { border-radius: .11em; height: 100%; -o-object-fit: contain; object-fit: contain; width: 100% } .canvasTplList .list .listItem .imgBox .deleteBox[data-v-18a714c4] { align-items: center; background: rgba(226, 83, 83, .5); border-radius: 0 0 .12em .12em; bottom: 0; display: flex; height: 32px; justify-content: center; left: 0; opacity: 0; position: absolute; transition: all .3s; width: 100%; z-index: 4 } .canvasTplList .list .listItem .imgBox .deleteBox .svg-icon[data-v-18a714c4] { font-size: 16px } .canvasTplList .list .listItem .name[data-v-18a714c4] { color: #e6eaf2; font-size: .16em; line-height: 2; margin-top: .7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .canvas-page[data-v-819c475c] { font-size: 100px; margin-top: 30px } .canvas-page-head[data-v-819c475c] { justify-content: flex-end; padding: 21px 0; position: relative } .canvas-page-head .input-search[data-v-819c475c], .canvas-page-head[data-v-819c475c] { align-items: center; box-sizing: border-box; display: flex } .canvas-page-head .input-search[data-v-819c475c] { background-color: #1c1d2a; border: 1px solid #151623; border-radius: 10px; height: 38px; left: 0; padding: 0 5px; position: absolute; top: 50%; transform: translateY(-50%); width: 350px } .canvas-page-head .input-search .iconfont[data-v-819c475c], .canvas-page-head .input-search .svg-icon[data-v-819c475c] { font-size: 24px } .canvas-page-head .input-search input[data-v-819c475c] { background-color: #1c1d2a; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .canvas-page-head .input-search input[data-v-819c475c]::-moz-placeholder { color: #737a85 } .canvas-page-head .input-search input[data-v-819c475c]::placeholder { color: #737a85 } .canvas-page-head .input-search i[data-v-819c475c] { color: #737a85; cursor: pointer; font-size: 20px } .canvas-page-head .add-canvas-btn[data-v-819c475c] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 16px; height: 34px; padding: 0 16px } .canvas-page-head .add-canvas-btn > i[data-v-819c475c] { font-size: 16px; margin-right: 8px } .canvas-page-head .add-canvas-btn span[data-v-819c475c] { font-size: 16px } .canvas-page-head .filter-box[data-v-819c475c] { border: 2px solid #353945; border-radius: 8px; box-sizing: border-box; cursor: pointer; height: 36px; justify-content: space-between; margin-left: 10px; padding: 0 10px; position: relative; width: 126px } .canvas-page-head .filter-box div[data-v-819c475c], .canvas-page-head .filter-box[data-v-819c475c] { align-items: center; display: flex } .canvas-page-head .filter-box div .iconfont[data-v-819c475c], .canvas-page-head .filter-box div .svg-icon[data-v-819c475c] { font-size: 16px; margin-right: 6px } .canvas-page-head .filter-box div span[data-v-819c475c] { font-family: Helvetica } .canvas-page-head .filter-box div span[data-v-819c475c], .canvas-page-head .filter-box i[data-v-819c475c] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .canvas-page .personal-center__list[data-v-819c475c] { margin-top: 10px } .comfyui-page[data-v-70e48038] { font-size: 12px; margin-top: 30px } .comfyui-page-head[data-v-70e48038] { align-items: center; display: flex; justify-content: space-between } .comfyui-page-head .input-search[data-v-70e48038] { align-items: center; background-color: #1c1d2a; border: 1px solid #151623; border-radius: 10px; box-sizing: border-box; display: flex; height: 38px; margin: 20px 0; padding: 0 5px; width: 350px } .comfyui-page-head .input-search .iconfont[data-v-70e48038], .comfyui-page-head .input-search .svg-icon[data-v-70e48038] { font-size: 24px } .comfyui-page-head .input-search input[data-v-70e48038] { background-color: #1c1d2a; border: none; color: #fff; font-size: 14px; outline: none; padding-left: 5px; width: 275px } .comfyui-page-head .input-search input[data-v-70e48038]::-moz-placeholder { color: #737a85 } .comfyui-page-head .input-search input[data-v-70e48038]::placeholder { color: #737a85 } .comfyui-page-head .input-search i[data-v-70e48038] { color: #737a85; cursor: pointer; font-size: 20px } .comfyui-page-head .end[data-v-70e48038] { display: flex } .comfyui-page-head .end .on-comfyui-btn-box[data-v-70e48038] { display: flex; justify-content: flex-end } .comfyui-page-head .end .on-comfyui-btn-box .on-comfyui-btn[data-v-70e48038] { align-items: center; border-radius: 8px; color: #fff; cursor: pointer; display: flex; height: 34px; padding: 0 20px } .comfyui-page-head .end .on-comfyui-btn-box .on-comfyui-btn .iconfont[data-v-70e48038], .comfyui-page-head .end .on-comfyui-btn-box .on-comfyui-btn .svg-icon[data-v-70e48038] { font-size: 20px; margin-right: 5px } .comfyui-page-head .end .on-comfyui-btn-box .on-comfyui-btn span[data-v-70e48038] { font-size: 16px } .comfyui-page-head .end .filter-box[data-v-70e48038] { align-items: center; border: 2px solid #353945; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: flex; height: 36px; justify-content: space-between; margin-left: 10px; padding: 0 10px; position: relative; width: 126px } .comfyui-page-head .end .filter-box div[data-v-70e48038] { align-items: center; display: flex } .comfyui-page-head .end .filter-box div .iconfont[data-v-70e48038], .comfyui-page-head .end .filter-box div .svg-icon[data-v-70e48038] { font-size: 16px; margin-right: 6px } .comfyui-page-head .end .filter-box div span[data-v-70e48038] { color: hsla(0, 0%, 100%, .6); font-family: Helvetica; font-size: 14px } .comfyui-page-head .end .filter-box i[data-v-70e48038] { color: hsla(0, 0%, 100%, .6); font-size: 14px } .comfyui-page .personal-center__list[data-v-70e48038] { font-size: 12px; margin-top: 20px } .collect-page[data-v-7422ae5a] { font-size: 100px; margin-top: 30px } .user-info-right[data-v-70bcf969] { box-sizing: border-box; height: 100%; margin-left: 320px; padding: 0 47px 0 16px; width: calc(100% - 320px) } .user-info-right-category[data-v-70bcf969] { display: flex; margin-top: 20px; width: 100% } .user-info-right-category .item-category[data-v-70bcf969] { box-sizing: border-box; color: hsla(0, 0%, 100%, .7); cursor: pointer; font-family: Plus Jakarta Sans; font-size: 14px; font-weight: 600; height: 40px; padding: 0 17px } .user-info-right-category .item-category .count[data-v-70bcf969] { background: rgba(71, 132, 255, .2); border-radius: 8px 8px 8px 8px; color: #4784ff; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 700; line-height: 24px; margin-left: 10px; padding: 0 8px; text-align: left; text-transform: none } .user-info-right-category .item-category > i[data-v-70bcf969] { font-size: 20px; margin-right: 10px } .user-info-right-category .item-category.active[data-v-70bcf969] { background: #202232; border-radius: 10px; color: #fff } .user-info-right-header[data-v-70bcf969] { border-radius: 10px; margin-top: 14px; overflow: hidden; width: 100% } .user-info-right-header > .bg[data-v-70bcf969] { background-position: 50%; background-size: cover; height: 330px; width: 100% } .user-info-right-header > .notice[data-v-70bcf969] { background: #23262f; box-sizing: border-box; color: #e6e6e6; font-family: PingFang SC; font-size: 14px; line-height: 20px; padding: 12px 15px 40px 48px; position: relative; width: 100%; word-break: break-word } .user-info-right-header > .notice .time[data-v-70bcf969] { bottom: 10px; color: #686a6c; font-family: Inter; font-size: 12px; left: 48px; position: absolute } .user-info-right-header > .notice > i[data-v-70bcf969] { color: #c1c2c5; font-size: 24px; left: 16px; position: absolute; top: 12px } .user-info-right-content[data-v-70bcf969] { width: 100% } .user-info[data-v-5c490e45] { display: flex; width: 100% } < / style > < style data-savepage-href = "/_nuxt/css/0f3cabc.css" > @media (min-width: 0)and (max-width: 430px) { html { font-size: 10px } } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .items-baseline { align-items: baseline } .items-center { align-items: center } .items-end { align-items: flex-end } .item-stretch { align-items: stretch } .flex-wrap { flex-wrap: wrap } .flex-col { flex-direction: column } .flex-1 { flex: 1 1 0% } .inline-flex { display: inline-flex } .h-full { height: 100% } .w-full { width: 100% } .mx-auto { margin-left: auto; margin-right: auto } .no-m { margin: 0 } .no-p { padding: 0 } .no-m-t { margin-top: 0 } .no-m-b { margin-bottom: 0 } .text-center { text-align: center } .text-right { text-align: right } .ud-line { text-decoration-line: underline } .text-no-wrap { white-space: nowrap } .text-no-wrap, .text-no-wrap-2 { overflow: hidden; text-overflow: ellipsis } .text-no-wrap-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box } .f-12 { font-size: 12px } .display_none { display: none !important } .flex, .flex_wrap { display: flex } .flex_wrap { flex-wrap: wrap } .flex_b { align-items: flex-end; display: flex } .flex_tb, .flex_tb_c { display: flex; flex-direction: column; justify-content: space-between } .flex_tb_c { align-items: center } .flex_line_c, .flex_line_c_m { align-items: center; display: flex; flex-direction: column } .flex_line_c_m { justify-content: center } .flex_line_end { display: flex; flex-direction: column-reverse } .flex_lr, .flex_lr_m { display: flex; justify-content: space-between } .flex_lr_m { align-items: center } .flex_c_m { justify-content: center } .flex_c_m, .flex_cm_l { align-items: center; display: flex } .flex_cm_l { justify-content: flex-start } .flex_cm_r { align-items: center; display: flex; justify-content: flex-end } .flex_c { display: flex; justify-content: center } .flex_m { align-items: center; display: flex } .flex_nosize { flex-shrink: 0 } .flex_autosize { flex-grow: 1 } .flex_inline { display: inline-flex } .flex0 { flex: 0; min-width: 0 } .flex1 { flex: 1; min-width: 0 } .flex-nowrap { flex-wrap: nowrap } .page-leave-active { display: none } .waterfull-filter .filter-content { box-sizing: border-box; padding: 0 16px 24px; width: 265px } .waterfull-filter .filter-content .title { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 12px; font-weight: 800; height: 17px; line-height: 17px; margin-top: 10px; width: 100% } .waterfull-filter .filter-content .filter { display: flex; flex-wrap: wrap; margin-top: 8px } .waterfull-filter .filter-content .filter .item-filter { align-items: center; background: #2b2d38; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 39px; box-sizing: border-box; color: hsla(0, 0%, 100%, .8); display: flex; font-family: PingFang SC; font-size: 12px; height: 24px; justify-content: center; margin: 0 10px 10px 0; padding: 0 10px } .waterfull-filter .filter-content .filter-reset { align-items: center; background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #1c1d2a, #1c1d2a), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 1px solid transparent; border-radius: 8px; color: #fff; cursor: pointer; display: flex; font-size: 14px; height: 32px; justify-content: center; margin-top: 20px } .waterfull-filter .filter-content .active { background: #595c6a; color: #fff; font-family: Helvetica } .waterfull-filter .filter-content .active > i { color: #22d19d; font-size: 16px; margin-right: 6px } .SaDialog { background: #121627; border: 1px solid #282f40; border-radius: 8px } .SaDialog .el-dialog__header { background-color: #0f121e; border-radius: 8px 8px 0 0; font-size: 12px } .SaDialog .el-dialog__header .el-dialog__title { color: #fff; font-size: 16px; font-weight: 800 } .SaDialog .el-dialog__body { color: #cbd5e1; padding: 10px 22px } .SaDialog .el-dialog__footer { box-shadow: inset 0 1px 0 0 rgba(40, 46, 64, .6); padding: 10px 23px } .model-fitting-hover-popover { background-color: transparent !important; border: 0 !important; padding: 0 } .model-fitting-hover-popover .content { background-color: transparent; display: flex; position: relative } .model-fitting-hover-popover .content .arrow { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .model-fitting-hover-popover .content .image { border: 0 !important; border-radius: 10px !important; height: 164px !important; margin: 0 !important; -o-object-fit: cover; object-fit: cover; width: 150px !important } .model-info-popover .model-info-box { background: #24262a; border: 1px solid #35383c; border-radius: 6px; box-shadow: 0 8px 40px 0 rgba(5, 2, 14, .6); box-sizing: border-box; padding: 14px 12px; position: relative; width: 218px } .model-info-popover .model-info-box .close-btn { color: #c0c0c3; font-size: 16px; position: absolute; right: 6px; top: 6px } .model-info-popover .model-info-box .model-info-header { display: flex; width: 100% } .model-info-popover .model-info-box .model-info-header > .left { height: 46px; width: 46px } .model-info-popover .model-info-box .model-info-header > .left img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } .model-info-popover .model-info-box .model-info-header > .right { display: flex; flex: 1; flex-wrap: wrap; margin-left: 8px } .model-info-popover .model-info-box .model-info-header > .right .model-name { color: #c0c0c3; font-family: PingFang SC; font-size: 16px; font-weight: 600; width: 100% } .model-info-popover .model-info-box .model-info-header > .right .model-info { color: #c0c0c3; font-family: PingFang SC; font-size: 12px; width: 100% } .model-info-popover .model-info-box .model-info-expression { margin-top: 15px; width: 100% } .model-info-popover .model-info-box .model-info-expression .title { color: #c0c0c3; font-family: PingFang SC; font-size: 14px; margin-bottom: 6px } .model-info-popover .model-info-box .model-info-expression .expressions-box { display: flex; flex-wrap: wrap; width: 100% } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression { background: #36393f; border: 1px solid transparent; border-radius: 5px; box-sizing: border-box; color: #c0c0c3; font-family: PingFang SC; font-size: 12px; margin: 0 6px 4px 0; padding: 4px 10px } .model-info-popover .model-info-box .model-info-expression .expressions-box .item-expression.active { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #36393f, #36393f), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box } .tooltip-box { align-items: center; display: flex; justify-content: center; position: relative } .tooltip-box:hover:after, .tooltip-box:hover:before { display: block } .tooltip-box:after, .tooltip-box:before { display: none; position: absolute } .tooltip-box:after { text-wrap: nowrap; word-wrap: break-word; background: #303133; border-radius: 4px; bottom: calc(100% + 10px); color: #fff; content: attr(data-text); font-size: 12px; left: auto; line-height: 1.2; margin: 0 auto; padding: 10px; right: auto; z-index: 9999 } .tooltip-box:before { border-color: #303133 transparent transparent; border-style: solid; border-width: 5px 5px 0; bottom: calc(100% + 5px); content: ""; height: 0; left: 50%; margin-left: -5px; width: 0; z-index: 9999 } .tooltip-box.bottom:after { bottom: auto; top: calc(100% + 10px) } .tooltip-box.bottom:before { border-color: transparent transparent #303133; border-width: 0 5px 5px; bottom: auto; top: calc(100% + 5px) } .tooltip-box.left:after { bottom: auto; left: auto; right: calc(100% + 10px); top: auto } .tooltip-box.left:before { border-color: transparent transparent transparent #303133; border-width: 5px 0 5px 5px; bottom: auto; left: auto; right: calc(100% + 5px); top: auto } .tooltip-box.right:after { bottom: auto; left: calc(100% + 10px); right: auto; top: auto } .tooltip-box.right:before { border-color: transparent #303133 transparent transparent; border-width: 5px 5px 5px 0; bottom: auto; left: calc(100% + 5px); margin-left: 0; right: auto; top: auto } ::v-deep .top-menu-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; min-width: 196px; padding: 12px 16px } ::v-deep .top-menu-popover .content { width: 100% } ::v-deep .top-menu-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } ::v-deep .top-menu-popover .content .item:hover { background: #2f3238; border-radius: 4px } ::v-deep .top-menu-popover .content .item > img { height: 28px; margin-right: 12px; width: 28px } ::v-deep .top-menu-popover .content > :last-child { margin-bottom: 0 } ::v-deep .workflow-app-popover { background: #24262a; border: 1px solid hsla(0, 0%, 100%, .1); border-radius: 10px; box-sizing: border-box; padding: 12px 16px } ::v-deep .workflow-app-popover .content { width: 100% } ::v-deep .workflow-app-popover .content .item { align-items: center; border-radius: 12px; box-sizing: border-box; color: #fff; cursor: pointer; display: flex; font-family: Inter; font-size: 14px; font-weight: 500; height: 40px; margin-bottom: 8px; padding: 0 10px } ::v-deep .workflow-app-popover .content .item:hover { background: #2f3238; border-radius: 4px } ::v-deep .workflow-app-popover .content > :last-child { margin-bottom: 0 } .words-wrap { word-wrap: break-word; white-space: normal; word-break: normal } .overflow-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .width-height-hundred { box-sizing: border-box; height: 100%; width: 100% } .el-rate__icon { font-size: 20px; margin-right: 0 } .right-click-menu { background-color: #24262a; border-radius: 6px; box-sizing: border-box; padding: 6px 7px; position: absolute; width: 212px; z-index: 999 } .right-click-menu .item-menu { cursor: pointer; height: 100%; position: relative; width: 100% } .right-click-menu .item-menu.have-children .label { width: 110% } .right-click-menu .item-menu .label { align-items: center; box-sizing: border-box; color: #c0c0c3; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu:hover { background-color: #2f3238; border-radius: 4px } .right-click-menu .item-menu:hover .sub-menu { display: block } .right-click-menu .item-menu .sub-menu { background-color: #24262a; border-radius: 6px; display: none; padding: 6px 7px; position: absolute; right: -230px; top: 0; width: 206px } .right-click-menu .item-menu .sub-menu:hover { display: block } .right-click-menu .item-menu .sub-menu .item-sub-menu { align-items: center; box-sizing: border-box; color: #c0c0c3; cursor: pointer; display: flex; font-family: PingFang SC; font-size: 13px; min-height: 32px; padding: 8px 12px; width: 100% } .right-click-menu .item-menu .sub-menu .item-sub-menu:hover { background-color: #2f3238; border-radius: 4px } .el-image-viewer__actions { display: none !important } h1, p { margin: 0 } .el-badge__content { border: none } .el-dropdown-menu { background: #191a27; border: 1px solid #272b30; border-radius: 16px; box-shadow: 0 32px 48px -8px rgba(0, 0, 0, .1), 0 0 14px -4px rgba(0, 0, 0, .05), 0 40px 64px -12px rgba(0, 0, 0, .08); opacity: 1 } .el-dropdown-menu .el-dropdown-menu__item:hover { background-color: transparent; background-color: initial } .el-dropdown-menu .el-dropdown-menu__item:hover span { color: #fcfcfc } .el-popper[x-placement^=bottom] .popper__arrow, .el-popper[x-placement^=top] .popper__arrow { display: none } .el-image__error, .el-image__inner, .el-image__placeholder { height: auto; min-height: 100% !important } .el-image__error, .el-image__placeholder { background-color: transparent; background-color: initial } .image-slot { align-items: center; color: #fff; display: flex; font-size: 24px; height: 100%; justify-content: center; width: 100% } .galleryMetaPoper { background-color: transparent !important; background-color: initial !important; border-radius: 10px !important } :root { --padding-4: 22px; --padding-3: 16px; --padding-2: 8px; --padding-1: 4px; --font-size-05: 12px; --font-size-1: 14px; --font-size-2: 16px; --font-family: "PingFangSC-Medium", "PingFang SC", "serif", "Microsoft YaHei", "Helvetica", "Arial", "sans-serif"; --sidebarNoFixedBg: linear-gradient(to bottom right, #0e1222, #1a1e2d); --containerBg: #0a0b17; --sidebarBg: #0a0b17 } ::-webkit-scrollbar { width: 8px } ::-webkit-scrollbar-track { background-color: #0a0b17; border-radius: 8px } ::-webkit-scrollbar-thumb { background-color: #263141; border-radius: 8px } .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none } .hide-scrollbar::-webkit-scrollbar { height: 0; width: 0 } .flex-center { justify-content: center } .flex-between, .flex-center { align-items: center; display: flex } .flex-between { justify-content: space-between } a.logo { -webkit-text-decoration: none; text-decoration: none } .el-backtop { background-color: #191a27; border-radius: 50%; color: #fff; height: 40px; width: 40px; z-index: 999 } .el-backtop:hover { background: #4c5184 } .el-switch .el-switch__core { background: #4b5164; border: 1px solid transparent } body { background-color: #0a0b17; font-family: PingFang SC, PingFangSC-Medium, "serif", Microsoft YaHei, Helvetica, Arial, "sans-serif" } button:focus-visible { outline: none } .el-popover { background-color: #0f121c; border: 1px solid #293246; border-radius: 8px } .el-loading-spinner .path { stroke-width: 4px; stroke: #fff } .el-loading-mask { background: transparent } .el-popper { padding: 0 } .AIHelpSupportBox { background-color: #fff; height: 500px; right: 38%; top: 20%; width: 375px; z-index: 9999 } .close { background: #f9c633; border-radius: 25px; color: #fff; cursor: pointer; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; z-index: 999 } .close:before { transform: rotate(45deg) } .close:after, .close:before { background: #fff; content: ""; height: 2px; left: 6px; position: absolute; top: 14px; width: 20px; z-index: 999 } .close:after { transform: rotate(-45deg) } .custom-table .table-body { height: calc(100% - 52px) } .custom-table .table-body .el-table { background: #252e42 } .custom-table .table-body .el-table th { background: #252e42; color: #a6b3cc } .custom-table .table-body .el-table tr { background: #192030 } .custom-table .table-body .el-table .el-table__fixed-right-patch { background: #252e42; border-bottom-color: #252e42 } .custom-table .table-body .el-table td.el-table__cell, .custom-table .table-body .el-table th.el-table__cell.is-leaf { border-bottom-color: #313336 } .custom-table .table-body .el-table .el-table__body .el-table__row.hover-row td { background-color: #171e2f !important } .custom-table .table-body .el-table tbody tr:hover > td { background: #171f34 !important } .custom-table .table-pagination { display: flex; justify-content: space-between; margin-top: 10px; padding-right: 20px } .custom-table .table-pagination .bottom-btn { align-items: center; display: flex; max-width: calc(100% - 480px); padding-left: 20px } .custom-table .table-pagination .bottom-btn .el-dropdown { margin-left: 10px } .custom-table .table-pagination .bottom-btn .el-dropdown > [disabled] { background: #81aeaa; border-color: #81aeaa } .custom-table .table-pagination .el-pagination { padding: 10px 0; text-align: right } .custom-table .table-pagination .el-pagination .btn-next, .custom-table .table-pagination .el-pagination .btn-prev, .custom-table .table-pagination .el-pagination.is-background .el-pager li { background: #20283b } .custom-table .table-pagination .el-pagination .btn-next:not(.disabled).active, .custom-table .table-pagination .el-pagination .btn-prev:not(.disabled).active, .custom-table .table-pagination .el-pagination.is-background .el-pager li:not(.disabled).active { background: #0d9488 } .custom-table .table-pagination .el-pagination .el-input__inner { background: #20283b; border-color: #232e50; height: 22px } .custom-table .el-table:before, .custom-table .el-table__fixed-right:before { background: #192030 } .custom-table ::-webkit-scrollbar-corner { background: transparent } .custom-table ::-webkit-scrollbar { height: 8px !important; width: 8px !important } .el-dialog { background: #1a202f } .custom-dialog .el-dialog { background: #1a202f; border: 1px solid #293045; margin-top: 10vh !important; width: 600px } .custom-dialog .el-dialog .el-dialog__header { background: #0f121e; padding: 20px 30px; position: relative; z-index: 20000 } .custom-dialog .el-dialog .el-dialog__header span { color: #fff; font-size: 16px } .custom-dialog .el-dialog .el-dialog__body { padding: 20px 30px } .custom-dialog .dialog-btn button { background: #0d9488; border-color: #0d9488; color: #fff; font-size: 16px; height: 48px; width: 120px } .custom-dialog .dialog-btn button:first-child { background: #1e2435; border-color: #2d354b } .custom-dialog.big-body-dialog .el-dialog, .custom-dialog.big-dialog .el-dialog, .custom-dialog.big-footer-dialog .el-dialog, .custom-dialog.big-head-dialog .el-dialog { margin: 3vh auto !important } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body, .custom-dialog.big-dialog .el-dialog .el-dialog__body, .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body, .custom-dialog.big-head-dialog .el-dialog .el-dialog__body { box-sizing: border-box; max-height: calc(94vh - 144px); overflow: auto } .custom-dialog.big-head-dialog .el-dialog .el-dialog__header { display: none } .custom-dialog.big-head-dialog .el-dialog .el-dialog__body { max-height: calc(94vh - 80px) } .custom-dialog.big-footer-dialog .el-dialog .el-dialog__body { max-height: calc(94vh - 70px) } .custom-dialog.big-body-dialog { overflow: hidden } .custom-dialog.big-body-dialog .el-dialog .el-dialog__header { display: none } .custom-dialog.big-body-dialog .el-dialog .el-dialog__body { max-height: 94vh } .custom-dialog-canvas .el-dialog { background-color: #24262a; border-radius: 20px } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__title { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .custom-dialog-canvas .el-dialog .el-dialog__header .el-dialog__close { color: #f7fbfa; font-size: 16px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer .el-button { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .custom-dialog-canvas .el-dialog .el-dialog__footer .footer > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custom-form .el-date-editor .el-range-separator { color: #8e8f92 } .custom-form .el-input__inner, .custom-form .el-textarea__inner { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-select-dropdown__item { color: #fff; font-weight: 500 } .custom-form .el-select-dropdown__item.hover, .custom-form .el-select-dropdown__item:hover { background-color: #192133; color: #fff; font-weight: 500 } .custom-form .el-form-item__label { color: #cbd5e1; padding-bottom: 0 } .custom-form .el-range-input, .custom-form .el-textarea__inner { background: #20283b; border: 1px solid #293045; color: #cbd5e1 } .custom-form .el-input.is-disabled .el-input__inner { background-color: #444851; border-color: #444851 } .custom-form .el-select:hover .el-input__inner { border-color: #464646 } .custom-form .el-select .el-input.is-disabled .el-input__inner { background-color: #444851; border-color: #444851 } .custom-form .el-select .el-tag { background: #192133; color: #fff } .custom-form .el-input-number__decrease, .custom-form .el-input-number__increase { background: #192133; border-color: #0f1c38 } .custom-form .el-slider__runway { background-color: #393d4a; height: 8px } .custom-form .el-slider__runway .el-slider__bar { background-color: #cbd5e1; height: 8px } .custom-form .el-slider__runway .el-slider__button { background: #cbd5e1; border-color: #cbd5e1; border-radius: 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5); box-sizing: border-box; height: 20px; width: 20px } .custom-form .el-checkbox { color: #cbd5e1; font-family: PingFangSC-Medium, PingFang SC; font-size: 14px; font-weight: 500 } .custom-form .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label { color: #3d8bf1 } .custom-form .el-checkbox .el-checkbox__inner { background: #262c3a; border: 1px solid #979797; border-radius: 2px; height: 14px; width: 14px } .custom-form .el-checkbox .el-checkbox__inner:after { height: 7px; left: 5px; top: 1px } .custom-form .el-checkbox .el-checkbox__input { vertical-align: text-bottom } .custom-form .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background: #0052cc; border-color: #0052cc; height: 14px; width: 14px } .custom-form .el-radio__input.is-disabled .el-radio__inner { background: #434445; border-color: #434445 } .custom-form .el-radio__input.is-disabled + span.el-radio__label { color: #434445 } .custom-form .el-textarea.is-disabled .el-textarea__inner { background: #434445; border-color: #434445 } .custom-form .el-input__count { background: #20283b; color: #cbd5e1 } .p-tavern-new-character-container .el-textarea .el-input__count { line-height: 18px } .el-select .custom-select { position: absolute !important } .el-select .custom-select-fixed { position: fixed !important } .el-select .custom-select-top-40 { top: 40px !important } .custom-select { background: #1c1d2a !important; border: 1px solid #293045 !important; border-radius: 8px !important; color: #5a7dc2 } .custom-select .el-select-dropdown__list { margin-bottom: 8px; margin-right: 8px; padding: 6px } .custom-select.is-multiple .el-select-dropdown__item.selected, .custom-select.is-multiple .el-select-dropdown__item.selected.hover { background: transparent none repeat 0 0/auto auto padding-box border-box scroll; background: initial; color: #fff } .custom-select .el-scrollbar__wrap { overflow: auto } .custom-select .el-select-dropdown__item { color: hsla(0, 0%, 100%, .6) } .custom-select .el-select-dropdown__item.selected { color: #fff; position: relative } .custom-select .el-select-dropdown__item.selected:after { content: "✓"; position: absolute; right: 10px } .custom-select .el-select-dropdown__item.hover, .custom-select .el-select-dropdown__item:hover { background: #242534; border-radius: 5px; color: #fff } .custom-select .popper__arrow, .custom-select .popper__arrow:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .custom-select .el-input__inner { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .painting-board-select { border: 0 !important; border-radius: 6px !important; box-shadow: 0 8px 6px 0 rgba(0, 0, 0, .25) } .painting-board-select, .painting-board-select.select-canvas .el-select-dropdown__item, .painting-board-select.select-canvas .el-select-dropdown__item.selected { background: #1a1a22 !important } .painting-board-select.el-select-dropdown { margin-top: 3px } .painting-board-select.el-select-dropdown .add-canvas-option { align-items: center; background: #2f3238 !important; display: flex; justify-content: center } .painting-board-select.el-select-dropdown .add-canvas-option .el-icon-plus { font-size: 16px; margin-right: 5px } .painting-board-select.el-select-dropdown .more-btn { height: 34px; width: 20px } .painting-board-select.el-select-dropdown .more-btn .more-icon { align-items: center; display: flex; height: 100%; justify-content: center; width: 100% } .painting-board-select .el-select-dropdown__list { margin-bottom: 8px; margin-right: 8px; padding: 6px } .painting-board-select .el-select-dropdown__list > :last-child { margin-bottom: 0 } .painting-board-select.is-multiple .el-select-dropdown__item.selected, .painting-board-select.is-multiple .el-select-dropdown__item.selected.hover { background: #34396a; color: #fff } .painting-board-select .el-scrollbar__wrap { overflow: auto } .painting-board-select .el-select-dropdown__item { align-items: center; background: hsla(0, 0%, 100%, .03); border-radius: 4px; box-sizing: border-box; color: #c0d0f1; display: flex; height: 32px; justify-content: space-between; margin-bottom: 4px; padding: 4px 8px } .painting-board-select .el-select-dropdown__item > .show-params-name { align-items: center; display: flex; height: 100%; justify-content: space-between; width: 100% } .painting-board-select .el-select-dropdown__item.selected { background: hsla(0, 0%, 100%, .1) } .painting-board-select .popper__arrow, .painting-board-select .popper__arrow:after { border-bottom-color: #20293b !important; border-top-color: #20293b !important } .painting-board-select .el-input__inner { background-color: #20293b; border: 1px solid #293045; color: #cbd5e1 } .custom-btn.el-button--primary { background: #0d9488; border-color: #0d9488; color: #fff } .custom-btn.el-button--primary.is-disabled { background: #81aeaa; border-color: #81aeaa } .custom-btn.el-button--default { background: #293045; border-color: #293045; color: #fff } .custom-btn.el-button--default.is-disabled { background: #81aeaa; border-color: #81aeaa } .custom-btn-create.el-button--primary { background: linear-gradient(90deg, #3f8cff, #20ffff); border: none; color: #fff } .custom-btn-create.el-button--default { background: #101111; border-color: #101111; color: #fff } .el-message { min-width: 0; min-width: auto } .el-message-box.custom-confirm { background: #192133; border-color: #322d2d } .el-message-box.custom-confirm .el-message-box__title { color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__content { color: #fff } .el-message-box.custom-confirm .el-message-box__content .el-message-box__input .el-input__inner { background-color: #1c1d2a; border: 1px solid #293045; color: #cbd5e1 } .el-message-box.custom-confirm .el-message-box__status.el-icon-info { color: #fff } .el-message-box.custom-confirm .el-button--default { background: #293045; border-color: #293045; color: #fff } .el-message-box.custom-confirm .el-button--primary { background: #0d9488; border-color: #0d9488; color: #fff } .el-message-box.ai-face-swap-confirm { background: #24262a; border: 0; border-radius: 20px; min-height: 174px } .el-message-box.ai-face-swap-confirm .el-message-box__header { background: #24262a; padding: 20px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__title span { color: #fff; font-family: PingFang SC; font-size: 16px; font-weight: 600 } .el-message-box.ai-face-swap-confirm .el-message-box__header .el-message-box__headerbtn .el-message-box__close { color: #fff; font-size: 18px } .el-message-box.ai-face-swap-confirm .el-message-box__content { min-height: 61px; padding: 15px 24px 10px } .el-message-box.ai-face-swap-confirm .el-message-box__content .el-message-box__message p { color: hsla(0, 0%, 100%, .5); font-family: PingFang SC; font-size: 14px; font-weight: 400; line-height: 16px } .el-message-box.ai-face-swap-confirm .el-message-box__btns { padding: 5px 24px 0 } .el-message-box.ai-face-swap-confirm .el-message-box__btns .el-button { border: 0; border-radius: 8px; font-family: PingFang HK; font-size: 14px; font-weight: 500; height: 40px } .el-message-box.ai-face-swap-confirm .el-message-box__btns > :first-child { background: #1a1d1f; color: hsla(0, 0%, 100%, .7) } .el-message-box.ai-face-swap-confirm .el-message-box__btns > :last-child { background: linear-gradient(99deg, #3271cc, #0fffff); color: #fff } .custorm-messagebox { background: #192133; border-color: #322d2d } .custorm-messagebox .el-message-box__title { color: #fff } .custorm-messagebox .el-input__inner { background: #20283b; border-color: #232e50 } .custom-submenu .el-menu { background: #20283b } .custom-submenu .el-menu .el-submenu.is-active .el-submenu__title { color: #fff } .custom-submenu .el-menu .el-submenu__title { background-color: transparent; background-color: initial } .custom-submenu .el-menu .el-submenu__title:hover { background: #323d54; color: #fff } .custom-submenu .el-menu .el-menu-item { background: #20283b } .custom-submenu .el-menu .el-menu-item.is-active, .custom-submenu .el-menu .el-menu-item:hover { background: #323d54; color: #fff } .custom-popver[x-placement^=bottom] .popper__arrow { border-bottom-color: #3c5288 !important } .custom-popver[x-placement^=bottom] .popper__arrow:after { border-bottom-color: #06080b !important } .custom-popver[x-placement^=top] .popper__arrow { border-top-color: #3c5288 !important } .custom-popver[x-placement^=top] .popper__arrow:after { border-top-color: #06080b !important } .custom-popver[x-placement^=left] .popper__arrow { border-left-color: #3c5288 !important } .custom-popver[x-placement^=left] .popper__arrow:after { border-left-color: #06080b !important } .custom-popver[x-placement^=right] .popper__arrow { border-right-color: #3c5288 !important } .custom-popver[x-placement^=right] .popper__arrow:after { border-right-color: #06080b !important } .custom-dropdown { background: #192133; border-color: #322d2d } .custom-dropdown .el-dropdown-menu__item { color: #9b9b9c } .custom-dropdown .el-dropdown-menu__item:focus, .custom-dropdown .el-dropdown-menu__item:hover { background: #323d54; color: #fff } .custom-dropdown .popper__arrow { border-bottom-color: #323d54 !important } .custom-dropdown .popper__arrow:after { border-bottom-color: #192133 !important } .custom-dropdown-canvas { background: #192133; border: 0; border-radius: 8px; margin-top: 3px !important } .custom-dropdown-canvas .el-dropdown-menu__item { color: #9b9b9c } .custom-dropdown-canvas .el-dropdown-menu__item:focus, .custom-dropdown-canvas .el-dropdown-menu__item:hover { background: #192133 !important; border-radius: 8px; color: #fff } .custom-dropdown-canvas .popper__arrow { border-bottom-color: #323d54 !important } .custom-dropdown-canvas .popper__arrow:after { border-bottom-color: #192133 !important } .AIHelpSupportBox { bottom: 0; height: 700px; left: 0; margin: auto; position: fixed; right: 0; top: 0; width: 600px } .zoom-box:before { content: ""; float: left; padding-top: 100% } .zoom-box:after { clear: both; content: ""; display: block } .PromptWork .el-textarea .el-input__count { background: transparent } .ellipsis-line, .ellipsis-text { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis } .ellipsis-text { -webkit-line-clamp: 5 } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .el-message-box { background: #1a202f; border: 1px solid #293045 } .el-message-box .el-dialog__header, .el-message-box .el-message-box__header { background: #0f121e } .el-message-box .el-message-box__btns .el-button--primary { background: #0d9488; border-color: #0d9488; color: #fff } .bg-nsfw, .bg-nsfw-s { background-image: /*savepage-url=/_nuxt/img/nsfw_lang.ec8566f.webp*/ url(); background-position: 0 0; background-repeat: no-repeat; background-size: cover } .marking-item { position: relative } .marking-item:hover .admin-marking { align-items: center; display: flex; flex-direction: column; gap: 30px; justify-content: center } .rounded-border { border-radius: 5px } .rounded-border, .rounded-border:hover { background-clip: padding-box, border-box; background-image: linear-gradient(90deg, #0a0b17, #0a0b17), linear-gradient(90deg, #3271cc, #0fffff); background-origin: padding-box, border-box; border: 2px solid transparent } .custom-tips-popper-role { border: 1px solid #e4e7ed !important; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12); padding: 12px 16px } .custom-tips-popper-role .tooltip-txt { color: #606266; font-family: Archivo; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; text-align: justified; text-transform: none; width: 318px } .like-selected { color: #df8518 !important } .icon-collect_selected { color: #ff3d3d !important } .icon-link { color: #4784ff !important } .icon-mall-desc { color: #aeaeae !important } .icon-manage { color: #d8d8d8 !important } .icon-min-search { color: #737a85 !important } .icon-moveDelete { color: #abbdd7 !important } .icon-folder-search { color: #647289; font-size: 26px } .icon-postDelete { color: #fd4040 } .icon-ranks-user { color: #878c96 } .icon-remove-background { color: #e9e9ea } .icon-return { color: #d9d9d9 } .icon-right { font-size: 12px } .icon-round-wrong { color: #d81f05 } .icon-send1 { color: #b7c4d4 } .icon-setting_icon, .icon-sign_out { color: #5a7dc2 } .icon-simple_icon { color: #e9e0e4 } .icon-statusBox { font-size: 12px } .icon-success { color: #32a772 } .icon-add-tag { color: #aeaeae; font-size: 12px; font-weight: 400 } .icon-delete-gpt { color: #fd4040 } .icon-tagReplace { color: #aeaeae } .icon-tagTips { color: #788291 } .icon-task-upscale-icon, .icon-task-variations-icon { color: #e9e9ea } .icon-translate { color: #8a8a8a } .icon-recommend { font-size: 14px; font-weight: 700 } .icon-tutorial { color: #c2c2c2 } .icon-changeit { color: #94959a } .icon-filterIcon { color: #9d9da2 } .icon-deff-mycollect { color: #646d85 !important } .icon-imgNum, .icon-play { color: #fff !important } .funItem .icon-icon_jiedian { font-size: 12px !important } .icon-like_selected { color: #e08519 !important } .el-dropdown-item-2 .iconfont { font-size: 14px; margin-right: 5px } .el-dropdown-item-2 .icon-sort-arrow-down { font-size: 12px } < / style > < style id = "googleidentityservice_button_styles" > .qJTHM { -webkit-user-select: none; color: #202124; direction: rtl; -webkit-touch-callout: none; font-family: "Roboto-Regular", arial, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; margin: 0; overflow: hidden; -webkit-text-size-adjust: 100% } .ynRLnc { right: -9999px; position: absolute; top: -9999px } .L6cTce { display: none } .bltWBb { word-break: break-all } .hSRGPd { color: #1a73e8; cursor: pointer; font-weight: 500; text-decoration: none } .Bz112c-W3lGp { height: 16px; width: 16px } .Bz112c-E3DyYd { height: 20px; width: 20px } .Bz112c-r9oPif { height: 24px; width: 24px } .Bz112c-uaxL4e { -webkit-border-radius: 10px; border-radius: 10px } .LgbsSe-Bz112c { display: block } .S9gUrf-YoZ4jf, .S9gUrf-YoZ4jf * { border: none; margin: 0; padding: 0 } .fFW7wc-ibnC6b > .aZ2wEe > div { border-color: #4285f4 } .P1ekSe-ZMv3u > div:nth-child(1) { background-color: #1a73e8 !important } .P1ekSe-ZMv3u > div:nth-child(2), .P1ekSe-ZMv3u > div:nth-child(3) { background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important } .haAclf { display: inline-block } .nsm7Bb-HzV7m-LgbsSe { -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .218s, border-color .218s; transition: background-color .218s, border-color .218s; -webkit-user-select: none; -webkit-appearance: none; background-color: #fff; background-image: none; border: 1px solid #dadce0; color: #3c4043; cursor: pointer; font-family: "Google Sans", arial, sans-serif; font-size: 14px; height: 40px; letter-spacing: 0.25px; outline: none; overflow: hidden; padding: 0 12px; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto } @media screen and (-ms-high-contrast: active) { .nsm7Bb-HzV7m-LgbsSe { border: 2px solid windowText; color: windowText } } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe { font-size: 14px; height: 32px; letter-spacing: 0.25px; padding: 0 10px } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe { font-size: 11px; height: 20px; letter-spacing: 0.3px; padding: 0 8px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe { padding: 0; width: 40px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe { width: 32px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe { width: 20px } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK { -webkit-border-radius: 20px; border-radius: 20px } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe { -webkit-border-radius: 16px; border-radius: 16px } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe { -webkit-border-radius: 10px; border-radius: 10px } .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc { border: none; color: #fff } .nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc { background-color: #1a73e8 } .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc { background-color: #202124; color: #e8eaed } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 18px; margin-left: 8px; min-width: 18px; width: 18px } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 14px; min-width: 14px; width: 14px } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { height: 10px; min-width: 10px; width: 10px } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin-right: 8px; margin-left: -4px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin: 0; padding: 10px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { padding: 8px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c { padding: 4px } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; -webkit-align-items: center; align-items: center; background-color: #fff; height: 36px; margin-right: -10px; margin-left: 12px; min-width: 36px; width: 36px } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c, .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c { margin: 0; padding: 0 } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { height: 28px; margin-right: -8px; margin-left: 10px; min-width: 28px; width: 28px } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { height: 16px; margin-right: -6px; margin-left: 8px; min-width: 16px; width: 16px } .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-radius: 3px; border-radius: 3px; margin-right: 2px; margin-left: 0; padding: 0 } .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-radius: 18px; border-radius: 18px } .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-radius: 14px; border-radius: 14px } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-radius: 8px; border-radius: 8px } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; position: relative; width: 100% } .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX { justify-content: center } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId { -webkit-flex-grow: 1; flex-grow: 1; font-family: "Google Sans", arial, sans-serif; font-weight: 500; overflow: hidden; text-overflow: ellipsis; vertical-align: top } .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId { font-weight: 300 } .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId { -webkit-flex-grow: 0; flex-grow: 0 } .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe { -webkit-transition: background-color .218s; transition: background-color .218s; bottom: 0; right: 0; position: absolute; left: 0; top: 0 } .nsm7Bb-HzV7m-LgbsSe:hover, .nsm7Bb-HzV7m-LgbsSe:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #d2e3fc; outline: none } .nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(66, 133, 244, .04) } .nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(66, 133, 244, .1) } .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe, .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(255, 255, 255, .24) } .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe { background: rgba(255, 255, 255, .32) } .nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY { -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; height: 20px; margin-right: -4px; margin-left: 8px; min-width: 20px; width: 20px } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId { font-family: "Roboto"; font-size: 12px; text-align: right } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf, .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS { overflow: hidden; text-overflow: ellipsis } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; color: #5f6368; fill: #5f6368; font-size: 11px; font-weight: 400 } .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff { color: #e8eaed; fill: #e8eaed } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c { height: 18px; margin: -3px 2px -3px -3px; min-width: 18px; width: 18px } .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-right: 12px; margin-left: -10px } .nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf { -webkit-border-radius: 18px; border-radius: 18px } .L5Fo6c-sM5MNb { border: 0; display: block; right: 0; position: relative; top: 0 } .L5Fo6c-bF1uUb { -webkit-border-radius: 4px; border-radius: 4px; bottom: 0; cursor: pointer; right: 0; position: absolute; left: 0; top: 0 } .L5Fo6c-bF1uUb:focus { border: none; outline: none } sentinel { } < / style > < script data-savepage-type = "" type = "text/plain" charset = "utf-8" data-savepage-src = "/_nuxt/540b52e.js" > < / script > < style type = "text/css" data-fbcssmodules = "css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget css:fb.css.customer_chat_plugin_iframe" > .fb_hidden { position: absolute; top: -10000px; z-index: 10001 } .fb_reposition { overflow: hidden; position: relative } .fb_invisible { display: none } .fb_reset { background: none; border: 0; border-spacing: 0; color: #000; cursor: auto; direction: ltr; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0; overflow: visible; padding: 0; text-align: left; text-decoration: none; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal } .fb_reset > div { overflow: hidden } @keyframes fb_transform { from { opacity: 0; transform: scale(.95) } to { opacity: 1; transform: scale(1) } } .fb_animate { animation: fb_transform .3s forwards } .fb_hidden { position: absolute; top: -10000px; z-index: 10001 } .fb_reposition { overflow: hidden; position: relative } .fb_invisible { display: none } .fb_reset { background: none; border: 0; border-spacing: 0; color: #000; cursor: auto; direction: ltr; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0; overflow: visible; padding: 0; text-align: left; text-decoration: none; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal } .fb_reset > div { overflow: hidden } @keyframes fb_transform { from { opacity: 0; transform: scale(.95) } to { opacity: 1; transform: scale(1) } } .fb_animate { animation: fb_transform .3s forwards } .fb_dialog { background: rgba(82, 82, 82, .7); position: absolute; top: -10000px; z-index: 10001 } .fb_dialog_advanced { border-radius: 8px; padding: 10px } .fb_dialog_content { background: #fff; color: #373737 } .fb_dialog_close_icon { background: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png*/ url() no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 15px; position: absolute; right: 18px; top: 17px; width: 15px } .fb_dialog_mobile .fb_dialog_close_icon { left: 5px; right: auto; top: 5px } .fb_dialog_padding { background-color: transparent; position: absolute; width: 1px; z-index: -1 } .fb_dialog_close_icon:hover { background: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png*/ url() no-repeat scroll 0 -15px transparent } .fb_dialog_close_icon:active { background: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png*/ url() no-repeat scroll 0 -30px transparent } .fb_dialog_iframe { line-height: 0 } .fb_dialog_content .dialog_title { background: #6d84b4; border: 1px solid #365899; color: #fff; font-size: 15px; font-weight: bold; margin: 0 } .fb_dialog_content .dialog_title > span { background: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif*/ url() no-repeat 5px 50%; float: left; padding: 5px 0 7px 26px } body.fb_hidden { height: 100%; left: 0; margin: 0; overflow: visible; position: absolute; top: -10000px; transform: none; width: 100% } .fb_dialog.fb_dialog_mobile.loading { background: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif*/ url() white no-repeat 50% 50%; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0; z-index: 10001 } .fb_dialog.fb_dialog_mobile.loading.centered { background: none; height: auto; min-height: initial; min-width: initial; width: auto } .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner { width: 100% } .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content { background: none } .loading.centered #fb_dialog_loader_close { clear: both; color: #fff; display: block; font-size: 19px; padding-top: 20px } #fb-root #fb_dialog_ipad_overlay { background: rgba(0, 0, 0, .4); bottom: 0; left: 0; min-height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 10000 } #fb-root #fb_dialog_ipad_overlay.hidden { display: none } .fb_dialog.fb_dialog_mobile.loading iframe { visibility: hidden } .fb_dialog_mobile .fb_dialog_iframe { position: sticky; top: 0 } .fb_dialog_content .dialog_header { background: linear-gradient(from(#738aba), to(#2c4987)); border-bottom: 1px solid; border-color: #043b87; box-shadow: white 0 1px 1px -1px inset; color: #fff; font: bold 14px Helvetica, sans-serif; text-overflow: ellipsis; text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0; vertical-align: middle; white-space: nowrap } .fb_dialog_content .dialog_header table { height: 43px; width: 100% } .fb_dialog_content .dialog_header td.header_left { font-size: 13px; padding-left: 5px; vertical-align: middle; width: 60px } .fb_dialog_content .dialog_header td.header_right { font-size: 13px; padding-right: 5px; vertical-align: middle; width: 60px } .fb_dialog_content .touchable_button { background: linear-gradient(from(#4267B2), to(#2a4887)); background-clip: padding-box; border: 1px solid #29487d; border-radius: 3px; display: inline-block; line-height: 18px; margin-top: 3px; max-width: 85px; padding: 4px 12px; position: relative } .fb_dialog_content .dialog_header .touchable_button input { background: none; border: none; color: #fff; font: bold 12px Helvetica, sans-serif; margin: 2px -12px; padding: 2px 6px 3px 6px; text-shadow: rgba(0, 30, 84, .296875) 0 -1px 0 } .fb_dialog_content .dialog_header .header_center { color: #fff; font-size: 17px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle } .fb_dialog_content .dialog_content { background: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif*/ url() no-repeat 50% 50%; border: 1px solid #4a4a4a; border-bottom: 0; border-top: 0; height: 150px } .fb_dialog_content .dialog_footer { background: #f5f6f7; border: 1px solid #4a4a4a; border-top-color: #ccc; height: 40px } #fb_dialog_loader_close { float: left } .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon { visibility: hidden } #fb_dialog_loader_spinner { animation: rotateSpinner 1.2s linear infinite; background-color: transparent; background-image: /*savepage-url=https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png*/ url(); background-position: 50% 50%; background-repeat: no-repeat; height: 24px; width: 24px } @keyframes rotateSpinner { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .fb_iframe_widget { display: inline-block; position: relative } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify } .fb_iframe_widget iframe { position: absolute } .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { max-width: 100% } .fb_iframe_widget_fluid_desktop iframe { min-width: 220px; position: relative } .fb_iframe_widget_lift { z-index: 1 } .fb_iframe_widget_fluid { display: inline } .fb_iframe_widget_fluid span { width: 100% } .fb_mpn_mobile_landing_page_slide_out { animation-duration: 200ms; animation-name: fb_mpn_landing_page_slide_out; transition-timing-function: ease-in } .fb_mpn_mobile_landing_page_slide_out_from_left { animation-duration: 200ms; animation-name: fb_mpn_landing_page_slide_out_from_left; transition-timing-function: ease-in } .fb_mpn_mobile_landing_page_slide_up { animation-duration: 500ms; animation-name: fb_mpn_landing_page_slide_up; transition-timing-function: ease-in } .fb_mpn_mobile_bounce_in { animation-duration: 300ms; animation-name: fb_mpn_bounce_in; transition-timing-function: ease-in } .fb_mpn_mobile_bounce_out { animation-duration: 300ms; animation-name: fb_mpn_bounce_out; transition-timing-function: ease-in } .fb_mpn_mobile_bounce_out_v2 { animation-duration: 300ms; animation-name: fb_mpn_fade_out; transition-timing-function: ease-in } .fb_customer_chat_bounce_in_v2 { animation-duration: 300ms; animation-name: fb_bounce_in_v2; transition-timing-function: ease-in } .fb_customer_chat_bounce_in_from_left { animation-duration: 300ms; animation-name: fb_bounce_in_from_left; transition-timing-function: ease-in } .fb_customer_chat_bounce_out_v2 { animation-duration: 300ms; animation-name: fb_bounce_out_v2; transition-timing-function: ease-in } .fb_customer_chat_bounce_out_from_left { animation-duration: 300ms; animation-name: fb_bounce_out_from_left; transition-timing-function: ease-in } .fb_invisible_flow { display: inherit; height: 0; overflow-x: hidden; width: 0 } @keyframes fb_mpn_landing_page_slide_out { 0% { margin: 0 12px; width: 100% -24px } 60% { border-radius: 18px } 100% { border-radius: 50%; margin: 0 24px; width: 60px } } @keyframes fb_mpn_landing_page_slide_out_from_left { 0% { left: 12px; width: 100% -24px } 60% { border-radius: 18px } 100% { border-radius: 50%; left: 12px; width: 60px } } @keyframes fb_mpn_landing_page_slide_up { 0% { bottom: 0; opacity: 0 } 100% { bottom: 24px; opacity: 1 } } @keyframes fb_mpn_bounce_in { 0% { opacity: .5; top: 100% } 100% { opacity: 1; top: 0 } } @keyframes fb_mpn_fade_out { 0% { bottom: 30px; opacity: 1 } 100% { bottom: 0; opacity: 0 } } @keyframes fb_mpn_bounce_out { 0% { opacity: 1; top: 0 } 100% { opacity: .5; top: 100% } } @keyframes fb_bounce_in_v2 { 0% { opacity: 0; transform: scale(0, 0); transform-origin: bottom right } 50% { transform: scale(1.03, 1.03); transform-origin: bottom right } 100% { opacity: 1; transform: scale(1, 1); transform-origin: bottom right } } @keyframes fb_bounce_in_from_left { 0% { opacity: 0; transform: scale(0, 0); transform-origin: bottom left } 50% { transform: scale(1.03, 1.03); transform-origin: bottom left } 100% { opacity: 1; transform: scale(1, 1); transform-origin: bottom left } } @keyframes fb_bounce_out_v2 { 0% { opacity: 1; transform: scale(1, 1); transform-origin: bottom right } 100% { opacity: 0; transform: scale(0, 0); transform-origin: bottom right } } @keyframes fb_bounce_out_from_left { 0% { opacity: 1; transform: scale(1, 1); transform-origin: bottom left } 100% { opacity: 0; transform: scale(0, 0); transform-origin: bottom left } } @keyframes slideInFromBottom { 0% { opacity: .1; transform: translateY(100%) } 100% { opacity: 1; transform: translateY(0) } } @keyframes slideInFromBottomDelay { 0% { opacity: 0; transform: translateY(100%) } 97% { opacity: 0; transform: translateY(100%) } 100% { opacity: 1; transform: translateY(0) } } < / style >