checkbox白昼黑夜版特效

代码语言:html

所属分类:表单美化

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title> -Checkbox CSS Toggle - Day / Night Mode</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css'>
    <style>
        body {
            padding: 0px;
            margin: 0px;
            width: 100%;
            height: 100vh;
            background: radial-gradient(#74b9ff,#0984e3);
        }

        .wrapper {
            width: 130px;
            height: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .switch {
            position: relative;
            width: 130px;
            height: 50px;
            margin: 0px;
            appearance: none;
            -webkit-appearance: none;

            background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYYAAACWCAYAAADaIS/KAAAACXBIWXMAACE3AAAhNwEzWJ96AAAgAElEQVR42u19O48k25bWtx8RmVmPPuf0ucxlLAxskEBcAwMcQCMBBr8CpJkBCQ3iJwACwYyE+AE4GOCAgZjrI2yMQcJgeEjMcM+ru6sqMyNi773WwtgRkZlVmVX5rHytTyr1OV2dkRE79l7fei/z537rlwKFQqFQKFp4o2ugUCgUigViUGZQKBQKhVoMCoVCoXiFGDTEoFAoFAq1GBQKhUKhxKBQKBSKtYgBygwKhUKhUItBoVAoFEoMCoVCoVgLVpdAoVAoFAsWgzKDQqFQKBaIQYPPCoVCoVggBuUFhUKhUMzDGgCX9PMv/+4v8OsfR7i057qGn0O8u3PfD//pn/wV/NU//+u6P/TnXX80xKBQnDD+6McJ/vevxroQineF+ct/7/e1WZJCoVAoemiMQaFQKBSLxKBZSQqFQqFQi0GhUCgUSgwKheK4+N3f/gX+9e//If7r//iki3HqxKCuJIVC8R74V//+v+NXnyqozFGLQaFQKAAAf/hHTwCUF86EGDRbVaFQKBQzaIGbQqFQKBYtBjXsFAqFQrFADEoLl49//tu/wD/9N3+A7z5VuhgKhWINYlBmuAoYk38UCoXiTXnx1/6+9kpSKBQKxbzFoGugUCgUijloVpJCoVAoFi0GTUpSKBSK08Of/dMf8c9+8xf4jd/55fsTg/KCQqFQnB7+1x8/4rf+xX85iu6uxKBQKBQniEmV8D//6OkoxKAxBoVCoVAsWgwaY1AoFAqFWgwKhUKhWG0xqMGgUCgUCrUYFIp3xu3I42/9pT+lC6E4GaTEqCtaYTGoyaBQHBx/8uMIf/HP/Br+w3/+P7oYiqNj/Bjx6fs6Ky33Ht/+fLTwe/PX/4H2SlIoFIprQWgY3/3f6cLfffy1IW7vff//6kpSKBSKK0FsGD/+v6rvttz9PPzUIDasxKBQKBTXBGHB5x8biADGmIUfEeDHX83mtWhWkkKhUFwBHr9EpMQwK8wBwWyepxa4KRQKxRWgmibYN7KNYmQUpYXX5VIoFIrLRYyMhx8DZN4kWIGmIiUGhUKhuGSEhvH5+wYA3rQWAGA6Tri9L+CNFjJshH/8d36B3/23f4DvP1e6GAqF4qTx9DlsNutdgKYmtRgUCoXiEjEdJzDLymDzSiujJpi/+Q9/qQVuCoVCcUFgFnz6roHIduJdLQaFQqG4MIwfIoBcr6DEoFAoFFeOyVNCbBi7hI+1jkGhUCguBKEiNNOEXXOKtPJZoVAoLgBNxZg8Juwj01RdSQqFQnHmoCSYjhOM3Y+qr8SgUCgUZwwRtJbC/q6p3VUPCCZBrAlhnECBIZoYrDhz/KO//Qv82jcjXYgTwvQxLe2YusuPxwlUPlND4CRL+3i4wmbzyAIcGBQZQjMJ64cOtrQ4dgU3JwYFBsfc01wYC/dJc73Oe1YuDPzQwQ3cogZAAtjFVDMRQWwYzhm4QvlccSQYzJr4K46OapxAJHt/HeZv/M5sghsnzgIagCstbCeUNxGQrWA01sC4xc8KCzgwRCQLPWtANYET7/gUBtaZpZu4vPMLm1hYVj6TUCan+d8LC6ihJUQguU9t+2+EZbf7b9MAhNprGYNi5OCGmTTqSVoYpOGcweiDh7Y0USiuExQZ06d0kGv7OF5+4ZQIQBaIptNQWSAkMM7AFpk4OqEoSXpSeKkam/7zy+Xi7sJtXjufR/MQ4YYOnAQyd3+msLBuJpBTw/3vjTOwZX42btYjrV2fQZK8uFaqCKlhmMIiBVn4DmageiLcfPCLxBulr3Y0xsAW5iURiuT1YMCVM+1POP+99WYpeQoLKHC24joiFgHF1Z85LTfIX8Dv/bv/pn2ujgAhgUj3Z1bOjDWwrbHM1Boizuh+WBPNlA+mGPp1ogxCc8LRZrcGBQKFZ5r0ymvJG78/vKvq+fcLMYgACi/vX0SWfuYoLirJLrRl719YUD8lFKVtrb0lJFYD1ltYa8Adic8RdKoBVziIyMLnrbew3mLRmuR+PY3Nvkhu94YxBm7g4Aa2t3okCZjzda1rLVBnINT+nTWww3xvmeyyFfbc+mOaWWcwWG4drm+cXY0XJJN/VgCsnylB741UM1K9nmZrbOteLd/n4O1zP3T79Pk6Z///Pi0FyYqsyMH2svmN3/yPGhI9Ne1KAAbAa1QfGgDOyFnXKRpnMlnNCf/O+lhqCba/t97C2NbCc+pSWxAcFeF5toMbOPjh+2k6nASpppXW/FsSO7uzT/fdimTXOUd+qby0SlV2OWeL2t8shnSZpI89uoHtn5Nb70tH7HmvGxhvQU1ezyQGhxTcXlnhlHYaML+/sMarF+TPOAOcKzu8EByC14VJ+3ummcXauQV7K2dHy+LcEFqXML+ybqkhpLl4mfMW/ma/iRtMOY7IJK/eyzpSNzUENDMFKLuv3z/5QkQgtGipcxTQqtioZP//AlknAT/GBVfZ/PpQZNjWmpYlngEOAgTuvQhy4BRHD2WG0zD7keMGW/IJkuRQjr1SxZmTtIkT8+6w7JaYxyWSBZP0SSObWRYMfsptma3LPhVbmN61t8l1KDIkycFSsgUABQYFIKJ1ZdpsObrSHuy9igjihHYjublnkFfe0zrvMMla+uIeiEFxEqRAvPt1OmtDvSqzgxaeJVcYmzXPHEDH+ZpZmCUDrEz6WPMawnNCqQb80MIN7Btrk90gqWEcQ7ns7htoEyJKCz9y+9k3gbM1IPPfc3y0Xql3gRLDsYRW6zY6xHUF2gRrtUDJNSWdb9ffuLOsC6HISFM6jACqc02OH7reJ86MPqswJ5+clquBAgOQlhzMlnsjx0Q4np4bhd6RFFpiUF/SMUghHVALEQHE4awD0oL3uf80TZCBa1MnTWtFnL4llKbpsOvPQDzwd+yfHLL1APvSHcYs+eC1gWHr7OxdtzGBXSyvQ58FeudbWx58brXOg6RCzUXur09dnbmNDk3HzIA9I0VY5KWpXNj3SS1NzXLN25XZ5eROzPyiwKrOvaF50aqCU5nFRM7mcY7grVvY8tSSaremORUyCxiz46HnFxk3iyjs5QZOBUCk9325SQDL+QWfet4+cRtUe/4MDJRH1OA5MDgwkjcoRv5kiFb4PNKTu3PPnRxR9+bWCtN7I1sMrWuDX2YN9lFwb2Ya6FoFG901562E1wQZZ3K4NEtC2nU4RgM9FiAgH0h/oi6SRCsL4nsT+tgCWZKgeYpwhUUxdBsPV9+HxpiqnBkjZ9CJkbhLqZx7BvN+FuAlITGO4u33zK3gekPIx8VMQBgAhZsJIJ5Ll5T2wG/yPCJAoCwEnDl/fnhufR39XlJ+X6eyrjwnQN46GOWJ3HROl5zrV1ValKPDM64Bzsb1QaviZ5KtZu+0pfO6XgbiwySorEUMcctv7t0jsnjYd14Myh2arDVna34mAYjk5DZaSEDhDIyZaXQsgH9HN15irPb/rtpnbHCKiUMUGI1gIdBpXFtst8cFlTZoeuqBhawQyuvvMgHeGU2pXku2Hu+F+9BE+LLYysQ75H0TCwizLr8AYI2BP3F1g+T1w3FshCX3FgkovDm4JhdZtsqu6IikOEEtgSMvV4hMrix2hYUrzMbniik3rGRpM23OINq8blJFJEHC4fZcdwZzHySTq6bteVgqneJ07Nft66cKsDXKYYlyWJ5ch0yZIyCWXFnpT1jdiHR++SLZmhCUDgfr1phIdjKLibMGVZyLqilAiowUGeXIwb/RFE5EwDRXRXyGaUcssvGem1f0rNlt/7HIgntSFoTHzP29cydkkTZr0+zFNUsiYD4Nt3NPDNw226knDepJk7Uc72DsfGdNemHWWGfhCg9fvu9MgCR5A1iTTfh5i+KockCAxHLWU9qaBFgjcBYwMKD2oFkDOAu4LZWGSLK3ym4DOWnFYKmVVhFCtdjXqRjmWScUMnkI46zBsl2ufaQFIwul3/w8i2SSeevo9e5Uv73rlFjm4qfS3rPZWgYRy8IanAwxPF/OlKidxfDWGwVQ557Vhfdwb+QVusLDObcXi6QP6rZpe87mwTXHEBeR5Ch5xoc84EzdMVr8u0QC7zYjCGLZa3EOMeDOvHiPSdBMCJeCHDvYTy+hQILBhnUjJOu7XjpLpXCbKzosL4V4fz2fXd2bPm860W3gu1kLIgLr3LPbXu9BY0yI8a0qydwm0XmHYlCgGBQLVskum4kpa+ulf78gKksOpPEVVRp1GpdprYouC23+PHQWkzH5vyPtNxY174KwOmHyNCyiPZ4DmfMIrHsO0xZ7LCSg9Hkfv6WIdM/GK9LOZe56m8ifdMLyw/Pc07IxWVhLbmls/f5bKXUWSTWp4b1DOSxRDMu9bKgmAsPi8LmuwoImXa8gEHlb0/F2kSj2SsrcdyCGsznTav6dCwtiu60Lh71mCCmen2fZuivwSmFMgFnDamAWhB3OYUgzN6ldMtI38vodjzv5U/oZYUHaoPeS/ZeSHLQtzs7EMH94hQiGuY8nCOXYgnGHydXuLA07qTG8HaAc7E4QTZyfamRy3vQe5UJn7mpPgjcExjuZyERZQDhn2nkWi90wAwPGCkpn1LrY9/lNm6Ueb7J3RHIsYOW/4Sxc92H5z4T/7tcL8fkGBWCye2x+/6UTT1LxPO8AFmDeW0dMMMZAhGDd4ZK9mAjTxymmpsJgWMK1AW1fbG6xyEK/8lnw1DuDXR6hq2BOpIxwihbMa73shYFGBKU32pZhj6SQDugHSSzgCAyWpPoe+rv3v0GBJgm8NbAWZxGT9G8VUUjb/8K8R18CEdTTBpg2L2+0dLDWwZc+xyc2UP+4zVowyLnT6xIEcedjPO9so4Nr7YlQT2qIMIyxGN2NDqpIbEseIQoGhVoOuwvt9xHMLNkD0JFDF7OiMwzs5XuXbEGcAfw61XXZajjuy4hNApDQVA2sNRiMBihvhhv5j7vApbPo2XvVv4tJ3r3V7bkhNAGxCgjNov2cQsTdN/dwJ9agqXv/g0KZYScB945d3ViAKuQzq+fxPYlhDVIwJ6b9MQuqSY1q2uDmfoRytFlsotN4LMwLC4JbzVIbG68g6DoiNjGTwQplgVkw/jLG/cf7kyuYJOkySJQctoExi+7m97RSFCdkMYjkwdfe+9NLHhfB5HGCpgq4/XCzsfuCIWii5NJ8Y8AsZ1m5fEjtkBIhhpj/bML6ApgIT5/HuP/m/uRcN4kkt1dx+o63Nr0UF04Ma/jrjDXPgrqZMPKBNy8EgnPve+JiE/HlhweM7kYY3Aw21lLDe03YPralRYxQhV7QG2NWkmkKu+fjppDw5YcvuLm/edWqo0igROgSIYw1KAbFQeMUTWIkNjkgrXJg/T2kCXlXQgxrqo4ijPlG9EwEZoYvi54chDnXP7jjqGLTcYVqUmF4O8JgVJ5cAPRoCh7noH41rl6ofnRgx62wYPwwgR1XKErf7w1hbq2R1QRUlB6juxF8eZjR5MSCOuT+S2o9rKmEqUV9JcSwRlBZRCAJsC6rC9IWwGWtMMJaB+ssiAjWOhwzhUcEqJ6mqJ6mfT+novQoB9dJFDFETB4m4CNH7jgRmg2LG2KT4xm+LDC6G6Ioi4N4RUISGGO27gV1NQoGNF1bieEZDAuI04vsJBEBM8OQBSAwpT8ZU5OIQRQQ6oAJpnDeYTAawBeutXSye4WJICxIicBEL7Roayxc8bZK6X03VN4dnYSylVAvsRLOk9zipwhfegxGAwxGg71/R06LhJLDK0hJUzKuiBjWFLJvtH8UYRgAsW7giuLkslEAIMWEFLf0ndebf6QoiyzMhoN3S90UYYQ6YjqeHt1K2DtBtBbE5HGC4WiA4c1wb25LAVAHgXfSzwmgdiqhUkVXC6TroBbDlofLGJP/VNWiF2TVUwXrLZz38MX6gsx73xNs8czPLiJIbatHJgZR9tenJl6+S4ME1bhGNa7hCo/R7RDlsNhL+/dEL90lzuYYhL9Sa0IA1PE6EjQUrezZ/8s2EGGI0cDvgsWVcuZNqHUt9msFRjx9iTDGohwWuSljuV+LNXFueDYorpMcYjtJTnFVFsP+XRmSAFMoMVysBinSV8ObEylSEGHU0ya3VAHgC4eizO3dyz107wXaBo0+z/5YtiZdbJ0xGyNpzPKJg11v/+ceWmdn87gBZEvl2IOJlBOukBgO8NaFGSmmnOIqAuv8ybVHWAUmAoyBtUpsaPtkpZggzHBFDthTjHDeQUTgvD/JW0+RkGJu726Mwc39DUa3w7U+G+qA8eMsk8sVDsPREOWwRC0WA2T3UtdDqxvWtPJ6SfpKa+pm+q44ds/DQsSZXI4ZFBclB7UY9rWViNKcFnT8XkvrgigXfhnttNaTe/fuDBGYcyt2iQJjLewZvFcRwfhhjNAE3H/9epuO6dMU06fp4jqEhHEYAw95EuHwZoDBcLB25plI56PfDnUUjAocpTOsIBOf8sL1gIn3G3xeCmPAzEcretsEoWmyhWNt7woQ4pPrFfUumyOlBXIHgJTinMDI81Ut2bNZn6YOSD98xlcfPyxNP376Mu5dUa+R5fghYfwwwWBYYnQ7QjE4rNUkAky7Qjy7vDtw18Bg3+SRJ/ApLVwDYpNQTSo0dcBhig6MaUc7Cpx1Wfs+8b3VT7KTzJjCnGcwxADHvn8u57ILRVoCuVgY+/Y7kxyUdGckNygxPn3/BcObAYY3A/jCIzQR06dpn+W1NtFUAU0VMLob4vb+5uBWZkyC+MZLcS15FHvSw0h7YFyBZ4Awfhy3HawzDhJjMCLwgyEoEWwbWzh1YzTFuKAZxRD6/+80ZWMsjDXZx16UuFQDW0SQQrPW0zGls6wor6Y1qul+UsSm4wqhibj/+n6r4VJ73cdtum0kYOBXt5bfxFoRreS40HPOeUDa5GUR7EEsBgEQ6gadqtE11TulLJbnglCeRQ+Xmc8ijFg3gDGQ0OTnsQ7OuaNYD4daT+H1BxNl60quPiaTQsKXH7/g/ut7DEbl0e+HGKhidj8Vzmwt2kUjzxdrJTx+fgKtKPj1B3vp7axoY23/DSlF+KI8uUUios02/9xEN6EEmXvGQ7A68DIYzkSgGFEMh3v/ztm0vjWfqi1qvHoNjAUPnx4xuh3lNvBHrnmQdnJhSJkgNp17rfULl4lqUmP8MH5V+Tto8Nmg1VTa7xDutMvTWihrHRhteu0WYGFYsS8O5T6ek9rkeP8sLZSZ+3TgfQuTHHQWrDfdz0Lnnj47eOMp6mmFoiwwuh1hMDy+MhSTIKbc7mOw5pCiJml84dLw+PkJ9Rou1AN3vMteeCKGMAECEOd5Dcy8t7RQIgaEt8+pN1nrxZathYQYbGVOWBqkGODL3QWCtEFxefZsQnk9BXsuODMAjM2ksM7esGotrLIemjqgqQOcc7j9cIPhzfDo9xWSwJm3i+ZElO8vaj+K4PMPX9buFecPqRIIMcQJhAnSBnAlMiAFOEb44XAvm09ShDDDuu0Df64okajCVuvRtiEXIhjnsmuFEogsrN01GCl9htTs61qiBRDrKgfFXVdwVuRy2h1akgiltaWC814FyBtIifDw6Qnjxwk+fPMB5aA46v3UUTA0gHtFiSB9qZez/2LC5++/bOQW9Id8/8ZYpLpaFBwioBCygt4GfA3M1r1tmFI/G4KZd/Lr+uHw5f2uJUgJpgtgtwVyIgCHCFNmAb3N8zELhChfi1JfC8Ipze5RBHCZHCGCxAwwwRbFSqIUEXDKmVXP3VP5wmb9NTAG6m9Y07JNhM8/fMbN3Q3uPtwerQOxAKiCwBnBsFhutYvOWL4IjB8nmDxONpeFB7UYlsxvmDdVqalzVk9ZbnUblBI4xV4wUVNDfLG1S4lS3LqYp9PgO8Hb/ZmaCsY6+HKzGQLcCu/uWhQasLUw1rfP/EzDnz1ETx4wDnbZoZdszeHZMnGMECZYX8yJkDfWLCZY72A0pXFtTJ+mCHXAh2/v4f3xrIckQCDBsvq8QKKW4BmCKTfrrKsG9aTeWp4dNPgs9HbBUKfhr1sTkIVagrTtGZ7rQkwRxtmNfO39EpjDtO6wzm1c88AxgJ9VHgsRQGsWYbWlsEu/V3LgmplfaK0iAophI7eTOPdqn3Xh7NoyJvvejQ7DQYwRn777gvuv7zC6HR2PHAgviCGRgNRiOGk0VY0UE5q2zX5swl6vf/Rxa5vKYWNyFhC3weyXgoqR6iq7SVo/uzBBmOEHg5XCjUI4iReeayoka/w7sdHqrCiRrlZBek0/z+tOm1tutnMlmVeIQSASYb1HaipY52CcP4s2KYd914zHz49oqgYfPn44SnorCzBpgGGRYw5NEgQd33nSrqHpU7V1BuUGrqTjwli7BTm80a5B8ELQu3Kw8nuM8zA2vShy28/zmTbLZz0rQZh2ChzPEyTFHHcwvgAgMMZCmGBsF6uI4ARY7/N6bRN35xxboZTg5txlOaupbS1CmZi71iicKBsYghysv3LUVYP43Sd89c0HlMP3dy2xCKYBsEb6nkuK00KoIx4+P/bp64eGP3aDLGHuBdW6GjXFzWMBFBq44eiFiylfRw7mRsqd+V/XqHuNPcWWQPZDUD05xphbNw9vckv0OucxS5qLR2z7/lICpwTr/UK6LMfw4rqpaRY+B8yq4q8dlAiffviM4c0Q91/dHaXNiBoKpwcmxsPnp7aTxPvBHzujhFPM9QxrCAgKIVsYvCFrGgM3GLSuFXkp2JgWA7j7tBh6T4u8oeHTQbtYiuTgsrGHySJiSjmJAF0x4+vV5H3SgWY0LVoP0wp1Vefq6bubs5ljoti/ojB+nKCeVkf5/uPHGIhBJr2uObK0bo+0ddWNMONFRzGRlhTokJ1B1ioCy1XMBybhGLLhcoDvMc6BqXUXtUHmV79H22i8ummm4ymm4ym89xjdjnBzN8wuVMXFCP66ahBj6t1DReHBIkghIqV01PvzJ9EhlBIg5cpDkpp6N/9/ew1vbhYyYlL1DkGcsswEFCNsUbxqOb3LuzgUAaYIMMO0tRNvrislcHR9913FcnQzrccPY9zc3+D+qztdlDMmg+mkQjWpX2QcAkBsmpO5V38KvCDI+bdLs1SMgfUFaA+LxpTgbJFbSbSB0YMf7DqTmrUWWEEMnFLWsM8ZrTtQmNaKWYgIODYwdjjXtE/xmkU5ecyDhL79+Te6ZmeAUAfEEJFCQhPiwdzVhyGGk2AGAce0On2xCxDv5Ooo+uunpn63l9R9DxODJxMUN7cLcWjhbE2cva+9TbPdpBJaWJDqGn440tqGtbXOiJ+++4RvfvaNxh9ODHVVI9QBoQmglM76WfypVDda+8qUN2NhizJX5m5xw9a5meARwJUl4vT9X1xPfPJcoPJlVJmaOR5fE67wZzHh76TIISb89P0n/OzXv4XVuMNRwcKYPE4xfZpcVNdBfyonUpiX+tg5pdw6wxi4cgjjXO5ntHZmUuuKCjU4Jbi+yO0Iz20WK5GFuSW7yygzpdC0/ZnWbMBXDmCdh46a384S/elXn/Dtzz8efe7DtWL8NMXkYXwx53eRGE6E5TiGrNnP9zli7uc5iAhSPYX1xYZuoNyvKD8ng2o5yByDtZ4x5QB05x82xua+RxekaTzv47SaJDNha4ulHYg4Rfz43Sf87OcfL3v++AkhpYTpuEY9mS5pyXNBxHAqIsnA5IyWuRtiIqSmfnEYNlev5rX0I75MyT511wahOSbItXYqE2k7xnoodlGoMjl8+/OPcOpW2o/wp5TneNez7gnUttW/FpyMxSDImvx8rrYwX9y0EKGERElPH9qmgAcmhq4q+9LJ4afvPuHjz76GK5Rod0FuU/2Ea+8NcjIxBj+6xXO/gi2KdgBO1B17gaBQg0KD8u7DYQRm24UX/vKFJceIH3/1I26/usPdh8uodWBmpCairhf7nnnvMBiWeyVBZsbDpweENcZeXonFcCJCoq1TsM7D9s3YzEGrkhWnYSvGago/vNnzZRnUNNl16CysdXtpTnjaSykYf35CPalx//X9Scya3hQpEeppjWpSgd4YQ1kMB7i9G+08MjW1A5QoqiXfeTX8qWSEdFZBbq2QQPW0LZqyED5ybEBxMBhjYIvNeyZ1U/sWa19yPQzFpuWG/G9SNYExFsXt/VWsaQoBn7//CcVwiK8+foA/8XoHZkE1rTEdTzdqfx/rGl/qGtY5lKMhirKA9w4hRMQQQYlAISe1+EGJ0c0Qo2ckMhlXGH95OP8C050V8zonxVgHjs3pWAy9oICBdRZksrVwTQGfq9RORJCmYxQ3t307jXW1GgoNips7AIJU58wzW5RL90w3J3uTTr7njljX+PGPawzvbvHh6/uTKyKspzXqSY1Q1zslYTAR6vEE9Su/D9MKYVrh0Zi+Nc22dVGXqaDlMcwd/Cn5aYz1uald4Db4oy/tajSWEOBH/g0BkNrsNdcWxTHSdAIRmtN8Vnej3LTF+6WgHk8Qqhpf/4lvUJSHn/fAzEhheVywrkJuEhfCUYSytDPnFYvnipnaBpvSEsMJyd48slP9fFenrXgPNxytoQgYxMlT7pIr0va8WsOiNAZuMGyzk+RqD/+nX/2A+2++xs39YUaJxiblYTKh0U190HdJAAts4cFEeWyBtXkwF9Cnw290zRgWMkC9Vp0qjq4QpAiqK7jh8NVZ3dZZGF9AaDMXgCuG7ewHxdPnL2jqgK++/QBrDFgE44cJ6sl0IY5nfYHBKPvki/J1Sy4lwtOXMUI11QV+lwMDxGqMwtyDU+pdhKlu159GcMNBSyI8b8rBLsnkss7BFgMIJXAb69WkZ8Wx7QUA0gp6s7psRQRxOt4qCcEYgzidthlvShDNdIqfYsRgNMwVvEtiMhQjpjFi+vgEYyxcUaBckuUU6oCkFsKLvdpZqpLSYjeHPVy7i6HF6ROWDVhJoYYpCnCMOZA8us1t/ZlX3osbDEANgJ4YNPiiOAofGEAEfnQLY23OiJDXzkM7s1o2dzWmetIfKmPtRkHuSwWFiGlYrz5IhJGaZmE0q/q1RCoAAAgTSURBVOL1vRqn4zxtMkW44Q1cMdjLtTnF2X7uzIclJkWcPPZ7npoanAKM8+3s9eVp264sQc1ULQbFcbUqWwxeHV60yCMWbjiCVLJdwaMxYIqwUmZOSqltfpY1rpwyu4Vm2GmFzmXy0p5FV7+v4/gh/2dr3VKo4crBnr7ArL83ezLJwXahBKor+Jvb5R8hhhuMQKE+nV5Jiis3u9eS7QZ+OEKq86HbqKulCIrRXQ5AiyBWk74Fi/VFbui3icadIjgGFKPbbLobm4Pc5eDVOInishGeHl7q8MxI1RTCnJMg3PaZcca53aLCXeLGsmvbdrxBSqeVrqq4MndGbLIm1bqV8lS3sFRQUwzgtnCNKcJYv3EfrdyCA9mkFkaObRCYDJqnL/DDW7hXLQcGxdSa8tLeyxCcAqwrcjqtdW9cQ3G5+zlAwCt+l6sseBowuP+4xdWzO8/6onWpblffRSGnc/vBAIBdqnwBcnoFborrgbEGYfL4QsBzinCDYb9RUz3Nwen5LrlbpDX3LcGfdejtrpWzO1YfCCZCqsYLf5eqMSDttY0BNdVW6YKKCzB+Ka2lZ6dqAj/atAVMW/BrLazzoLh94S+FGm4wgJm7WaYETpQzk1JUi0FxxIO0IsNIOCFVY7hyBFsO3mV+hvHFmy3AUzV9QRwLz9DFHETUnXRW+5B3jg2JrD/WNtfsvPz8W3vGlQPE6ePue904cIiw3kOYshViHTh2QW05ndGeCsUy05xC/S4VsvaNoB6nBF7DShEipLpCMbrRF3gmCJMnDO6/2vrzcTruTOBX9RdjHfzoZikBCBEEWNoivicuY/aiHwklcDWGsa6N2xlY72FckS30ptKsJMX5WRSHIiFU05UCnTcY7n6NbTfOGcZahPEj/Oh2o8BwJ7BFZK3JhaZ1A626ljAvJYaucE2YYZ1fS0FZ93wJgNRUcDzILqS2y7ESg0IxOyp5ONSSZnPG5VoL4bczoYwxOsf6XN54ol6ox+lTbsoorRB+ra8US46PtQJ7HXCKCE9f4AajudnzrcVa+Jy51O4bIQKHAKa4tABxn+AU+zXoYmhKDApFZzWEBsY4+OFwGWfAugLEbxd5CREMNDMJmDWt84PBSd5fnOsoKsyI4ycIBNZ6GOdWWhDMlMnD+pWZSKvWYza7nuDKEtKms3KKCA9fYIuybx1/jPfVEoNqNgpFB1eWS09EblLWYJ3zIp3e1wcknxFQ07zQGC8KzBDJ1leqJxCmk3zeVE3BFF68u/xnTnhY9bZN25CRefNiyy7VOlZP4DTMkwZ55h7qUluPCbUYFIrZkc0FQCtgfQlOa1gMrWsh1VWuyZhPX22F5bEE5d5796ywvFIzhbFuLzMwOOYMGuya6cWcW1U43/YOSq+8w+xict5nC/CZ5cA7tO4WTgiTh5MhgaV7XYWBQjHTF1cd+DB5XIsUAPRZJxSqFy2oKTSbC0oRgHnnp6OmQWrqnYTaelbXoBeu/Z8y850LUT/Kdx1hnuppmyq849tlBlMEhepVUshavcs9tfhlqnSaThCf1bNcGtRiUCjmD32oMJjrwMoptUJggzbfgyHQDgXi1CCMc+GQK3Mfmk5ztys099Q0cGXZE0xq6mx57JBrzylXbBvnEKsnDPw3oNCAU0Rxe7+XugthztlbS64Vxg+5OpxT72Kz3r+ZBcTMgGmr3XcxFlLaaE6EMOWhT+WwbYY3e1/MCZfugldiUCjmBUJbh+DbIqScRrhZVkgYP+QRo53G3KYXdu0IbJFTA1cRA4TBMfaBSUqhv5/tCa8GIP29xOm4770fJ0/ww5vV97O2YZP95ssavQkTaIv0Y5HZPfMrZLqGGbdxQJcpQhqGH9z0mTuUwlUME1NiUCgWRRFSkxue5TnUbqtr8CtCiGMDBnphn+q698Uzt1MMjYErS6S6audbhzeHDUnbHLC8uZsTboTUVC/uh+c61DLFtVMu37gBuGK4tt88jB/gyuGrxYDUVH2sIvvlDYrR3caDl6xzuQHdhkJdmJ5ZjNdR0a7EoFAsEyS+AMX46gzpXWCsQ5xOXs10CuPHvpipa9nwWvsGapqWAO56wknNZG3NfFfEavNBSn4wfOV60/b55QVxG2s3th6MdVtq+7Liv5UYFIrrshtE2mKfwwiCdVwr81o9hQZMBIo1BndfLfm3lAVmW1kbq2nvulrrfigBGGzdN4iJNiIF4zxcMVz5XdzPy5Clazdfib60jURLdF3sZJPKdYUSg0KxQlBGFKO71md+fFCsgdhp0hO4YpCboImgefzcC1ChhPrh08aERrEGqlzE58ryzaZuuXAtt4G2ziFVk42+z1r3atGb9R6Wi5UuudRMgPZX5e1XbeA7zD1PA1+O+i6mqZ7srZWEEoNCca3EwFkDP0V0mU3W+7YJ2s0a4x7XuW4DtrFvz+BHtyvJoStea/X/jb9znfGqds203q4mYEGwDW/3ODVNiUGhUAAnr11a97yPz+bCeYm4z0He8WNusMYMP7wBxaa3JPpOos8+t7lFdtj1pZAD+sXoNk/bI9JNvcn+0iVQKM4PuZ1C6q2bfcZCulgBU0SsxqBQI1ZPeRSqL0Cx2bmXD8UG9cMn0JKupKmaglLcMiNs7hlEEKdjUF1BW/+oxaBQXDxyjKEAhQZ0wErmxYCygStKpD0kallXAmAIEeBnqaciuTrZCEP8bim0x2pEp8SgUCiOY+oXJQSMWE8A8Lt8Z65e9oCxgGzxncbCWpvddAYo775e+s+YEkAJOtXiePj/AUamrdBzF6QAAAAASUVORK5CYII=');
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 25px;
            box-shadow: inset 0px 0px 2px rgba(255,255,255,.7);
            transition: background-image .7s ease-in-out;
            outline: none;
            cursor: pointer;
            overflow: hidden;
        }

        .switch:checked {
            background-image: url('data:image/png;base64,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.........完整代码请登录后点击上方下载按钮下载查看

网友评论0