.login-box{display:flex;display:-webkit-flex;align-items:center;justify-content:center}.login-box img{max-width:100%;height:auto;vertical-align:middle}.login-box .left{width:40rem;height:auto}.login-box .right{width:40rem;height:379px;background-color:#fff;border:1.5px solid #8658f8;border-left:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem;text-align:center}.login-box .right h2{color:#333}.input-item{position:relative;display:inline-block;margin-bottom:30px}.input-item input{width:280px;height:46px;line-height:40px;border-radius:.5rem;outline:none;border:1px solid #aaa;padding-left:85px;padding-right:20px;font-size:1.6rem}.input-item input:focus{border:2px solid rgba(255,129,10,.7);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 10px rgba(255,129,10,.6)}.input-item .label{position:absolute;z-index:2;left:6px;top:5px;display:flex;display:-webkit-flex;align-items:center}.input-item .icon{display:inline-block;width:3.2rem;height:3.6rem;background-repeat:no-repeat;background-size:100% 100%}.input-item .icon-name{display:inline-block;font-size:1.6rem}.input-item .icon#account{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAzCAYAAAAHM1FMAAAEjklEQVRogcVZXWgUVxQ+d2Y2bNekSdhmU6gFSQVpjT+VdFEfjUIKjRIV9FVoH6wKCn1sX1r6WOhTAy2p+qRgJYiQ+rKPSgiBNP5E2gcRjOBPRDcJWHdn5pa73V3u3tyfc2YWc2DYuXfOz3fOnHvumbuMnzoDbSSGUMXbZS5IKY8B65JJ7ExS8ElAu3SRnaCCt4GmOKQDSnbCIxg0gWMJ3oRNBq0LG3mdQnUuSeRN0WaYN4AB7wJOccIEWgfW6UCSBasDjnGAK/NcAYiKtkwu8DZQKnDb21BJBm5zwOoQJfIu4DZH1agDwQEj2aqNqxow5ZLnhF72rFLx5DFCloKDXG1MKVIbn1y499786srZahwf5QCbJIaHGc/7Y0dn18/jn2xdkmTVaOvehBmUpbcxpYkuejA8O/P5chie5wA9FoWv3g2CE6Wh4p8SeC4BVe9VJ1vIlDauitKS48OzMyPlMLxqA15H0CP4BL9JF6UAUHZYHbFT9xfyy2F4gaDLE/xCLuVGRwavLjQ2t7J8zhVxlQS/kDMs3LaBd1UCqMbxYapRhJzTLhjAo0vWr4uPchxgwIrSQEJOyBNSZ818qrSZLr/qTQK8QZJ8otTBbFJGhV/0FZZMzzA0Vuh/kca+Cp60qx4u9Fc9gLkkwIXcaF+hoisC2NRJ/TGS8/1LJNStcq40QS9YTKurKmbfDmye8AAeuOG2GH0g5GQ9DhHthoWJvPW17s/nKx93dh4TWz8GuOAb7Oo6vj+fryLsWMmTBG3eWh27OLj9n8+6u/f5jM3bmMVzwff71m1/K4BdNrRzjcYM06vLl6ebX40i7/jtv0ZfVqtjVc63cc7zjLEXGcbu9GYyk5e377ze6fux0pDJl/oMbM2aC7zxuvbsafa3x4t7Y84zU7uGSobX3bhvGr/y9El2YnHxYAzc6/C8x199sPHmoUL/vxaHyOCNDjyvVLwj83MnX0fRdxygWzB1eN7UltyG788P1tJBt9i5+DD58t6dA0/evPkxlnZlBlB+x/d/uLrj0/G+jg7TWwHdrwBPSpm9M9M/VeL4a9BQwNjNnO+XejOZu11+sBRxnimH4fvlsFp8HUUjMcBHOrl6AH65Vdz9DSV1bODXOCA+OMphOGkCkJa6g2CsNFS8UXcApF8teExX2bxWoqitR8oqrUTRackuKKm3hkiNWcz57nYDVvTvofBTu8ockZ9KNv2olpj8RbNepAOv+1Lnhvm3SWvsu9JmPUDraryW0p4erCvZwKter1faGO1iIv+2UweVMqA5q9SdFzabq8mdu7I+Y7VxwGo3tfvGHPzPbKxWXAIUcc4bc2H9vj6nO+bTNWY18LrjZ9WRGq4Ps9lY2nG5ZSc06dONTf2LFrAsrzslxjpjk9GNTY5Yo2vR4TziJh8724wZntlOhVH/Sdkil/q/Iw2Zjq8x900+W+RVB1TgaZzApJFp3KRAYVJzXQaqjtNE37RuXDwt86ZSqRMwLUDVMQqhF6dunlptVMBJQTuBYZ6bcl5NF4whSivdlqqFKZWABNbuFoLcHlAUtfOjhe44APwHeLO6P/eazEkAAAAASUVORK5CYII=)}.input-item .icon#password{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA1CAYAAAA+qNlvAAAEKklEQVRogc1ZS2gUQRB9M/uJCUY0/gWD4kFR1AQ1WQMKoqDgwYuYg3gXJN70KiiCCBKMoKccPQgiCB49iRg38SAG8SaJB4mfREEwm8TtltrMbiad/lTP7IYUzE7tdFX1q9rq6preQF7pQwMoUEzKek+RrYMNFSRXJpUzaYBzAHP0EzmQBHhawCZ7Xg74AueCTpLjgQ94H+A20C6HuI6wwYccoZSgG2KPE3GTIZ/JdVG05bYz8i7gPqC5jqiATCCt4LmpYgJR/e6TLjp573SzRZwT1cAyZiIZk5eKPvfXMAJ3gdbyvR/erx+bnu4TUp4D0Bo9/hMGwfMdzc0PnhzomFRyW81zNnhTr8KNbJUPeobfXp0V4jqAjYbF+SMfhnffdBUGYkCkIqPj1bEK6XLcG3RXcah/VogbADYBmA6AiQD4FF0T9IzGSIZk47qMeXTfnYvTCfrYcPGCkPISpUYA/FwVhtfu7d6za6TQ00kX8fSMxkiGZEknAXgrcE75q0347Pu3XEmU7wBYEwCTm5uazrzuKgweX9cmqtWDeHpGYyRDsqRDugzwRmy2iNsWaAXU/fGxExJoA1DOheHgi85DH016NEYyJEs6pKuURq+9gVPHVcO1yWaE6AXQEgBTB1e3DsTGtBfJkCzpRLowgHeW1jhwbTqYQNNdADsjvvRo774pRUa9EMmUiI90tXYtTtT4pN3h/ERSVmt1xiNamcrnvC6njmtJB9zlsWvxpOkWVQfUe42yiqLNsMsBW2WQhjl0gOGIesUJ3+5wSd4ygXPtu3qXhcFoy3ctxtrVXRx6KqTcH82yBUCeSlwIfOUgFcC2KM9no10VYRCMFruPno+Aqhc0LYI14tqolaU8q3mcEcB2DvAY5SXQHtlst2Dw6g7jirb0qCfpbFtfJJwNzQqgJRiTvAGtCPLdgLi/xlxLJvOYmL/l8kUAOaZ9pNmAkDZ91mZzt14ePvKQ+FPvRj7//jd300NdXZDaBcrpx71zfkM+N6rjPcg5bz1Oa5fQl1Lp8qtfU8OI+EbM4QKubsUsmhXidP/42ElEfAJc0pXrplRxvqw2kFhz+6SKqVHSUlk6+yDTHCzyNc42PDEzc7tRtmEA7hVZEwlga1obCqZFxF2cy0GmzlBLoUVgOUGbyIhNjbj6uoRldMAUbd1xnXPnXFKa6FitPjgXKLLpVYJtOa49TR0p9HR4HCfogOju8We2w08rcLWqSKXRcR0huFKL64DVZjY2YAJrPCLQGHeVUVvuuu6L9DgbEAc0lzjAVV5LWUVYF3UTn8QRzkE+64CfswHZjslUB2zponPU61+IOJnquM4A55wvycLlAtYewakCpqMCNZWq5LtZ+e7W7F7FBr5KJid8iVs+WcChSRGOQZ9y6KLEO6c6GafVrXfJNJLvG5BKafv2ZI4C+A+RSHPKWz2xPAAAAABJRU5ErkJggg==)}#login-btn{background:#ff4c4f;background-image:linear-gradient(180deg,#fd6a6c,#ff4c4f);padding:1rem 1.6rem;width:30rem;height:4rem;color:#fff;font-size:1.6rem;border-radius:30px;margin:0 auto;margin-top:10px;box-shadow:0 10px 14px -7px #ff9193;text-decoration:none;cursor:pointer;display:flex;display:-webkit-flex;align-items:center;justify-content:center}#login-btn:hover{background:#ff4c4f}#btn-loading{margin-right:10px;padding-top:4px;display:none}#btn-text{color:#fff}.other-btn{width:28rem;margin:0 auto;margin-top:20px}.other-btn,.remember-btn{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center}.remember-btn input{width:15px;height:15px;margin-right:4px}@-webkit-keyframes ldio-lnk6fnqrmx{0%{opacity:1}to{opacity:0}}@keyframes ldio-lnk6fnqrmx{0%{opacity:1}to{opacity:0}}.ldio-lnk6fnqrmx div{left:47px;top:24px;position:absolute;-webkit-animation:ldio-lnk6fnqrmx 1s linear infinite;animation:ldio-lnk6fnqrmx 1s linear infinite;background:#fff;width:6px;height:12px;border-radius:3px/6px;transform-origin:3px 26px}.ldio-lnk6fnqrmx div:first-child{transform:rotate(0deg);-webkit-animation-delay:-.9166666666666666s;animation-delay:-.9166666666666666s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(2){transform:rotate(30deg);-webkit-animation-delay:-.8333333333333334s;animation-delay:-.8333333333333334s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(3){transform:rotate(60deg);-webkit-animation-delay:-.75s;animation-delay:-.75s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(4){transform:rotate(90deg);-webkit-animation-delay:-.6666666666666666s;animation-delay:-.6666666666666666s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(5){transform:rotate(120deg);-webkit-animation-delay:-.5833333333333334s;animation-delay:-.5833333333333334s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(6){transform:rotate(150deg);-webkit-animation-delay:-.5s;animation-delay:-.5s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(7){transform:rotate(180deg);-webkit-animation-delay:-.4166666666666667s;animation-delay:-.4166666666666667s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(8){transform:rotate(210deg);-webkit-animation-delay:-.3333333333333333s;animation-delay:-.3333333333333333s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(9){transform:rotate(240deg);-webkit-animation-delay:-.25s;animation-delay:-.25s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(10){transform:rotate(270deg);-webkit-animation-delay:-.16666666666666666s;animation-delay:-.16666666666666666s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(11){transform:rotate(300deg);-webkit-animation-delay:-.08333333333333333s;animation-delay:-.08333333333333333s;background:#fff}.ldio-lnk6fnqrmx div:nth-child(12){transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s;background:#fff}.loadingio-spinner-spinner-q8jdrs4257{width:34px;height:34px;display:inline-block;overflow:hidden;background:none}.ldio-lnk6fnqrmx{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.34);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0 0}.ldio-lnk6fnqrmx div{box-sizing:content-box}.top-logo{display:flex;display:-webkit-flex;align-items:center;justify-content:center;margin-bottom:20px}.top-logo .logo-img{width:95px}.top-logo img{max-width:100%;height:auto}.top-logo .logo-text{font-size:2.6rem;font-weight:600;margin-left:14px;color:#333}.login-container{position:relative;height:calc(100vh - 113px);display:flex;display:-webkit-flex;align-items:center;justify-content:center;flex-direction:column}.login-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.login-bg img{width:100%;height:100%;vertical-align:middle}