diff --git a/public/img/login-left.png b/public/img/login-left.png
deleted file mode 100644
index 171999df..00000000
Binary files a/public/img/login-left.png and /dev/null differ
diff --git a/public/img/loginbg.svg b/public/img/loginbg.svg
new file mode 100644
index 00000000..5f81c5b2
--- /dev/null
+++ b/public/img/loginbg.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 126 126" id="Layer_1" version="1.1" viewBox="0 0 126 126" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M105.732,60.8495c-1.4921,0.2172-15.6579-4.4239-17.1594-10.7702   c-1.5016-6.355-12.8343-12.9697-17.66-11.336c-4.8257,1.6337-11.1529-0.1134-11.1529-0.1134l-3.9852-1.9265l-0.9066-0.4344h-0.0095   L4.4873,65.3524c-4.642,2.6802-4.6517,9.377-0.0175,12.0707l50.2207,29.1911c4.3216,2.5119,9.6569,2.5196,13.9857,0.0202   l52.0806-30.0712c1.6526-0.9536,3.0314-2.3701,3.7491-4.1362C128.4911,62.6814,107.1013,60.6604,105.732,60.8495z" fill="#F3F6FD"/><path d="M100.67,80.8445v1.2505c0,0.1431-0.0987,0.2963-0.3072,0.4174l-3.3797,1.9636l-0.7132,0.4174l-9.294,5.3985   c-0.395,0.2304-1.0424,0.2304-1.4484,0l-10.1169-5.8373c-0.1975-0.1211-0.3073-0.2743-0.3073-0.4281l0.011-1.2398   c0,0.1532,0.0988,0.307,0.2963,0.4168l10.1169,5.8486c0.406,0.2304,1.0534,0.2304,1.4484,0l9.3049-5.4098l0.7023-0.4061   l3.3906-1.9749C100.5713,81.1515,100.67,80.9977,100.67,80.8445z" fill="#E1E9F4"/><polygon fill="#E1E9F4" points="85.6794,72.3863 92.0128,83.2787 94.4967,81.9901 92.7766,64.0137 85.567,67.9247  "/><path d="M91.1662,67.5281l-0.0056,1.8438c0,0.2748-0.1793,0.5435-0.5437,0.7567l-20.593,11.9669   c-0.7287,0.4204-1.9113,0.4204-2.64,0L32.3412,61.8666c-0.37-0.2129-0.5493-0.4932-0.5493-0.7734l0.0056-1.838   c0,0.2745,0.1849,0.5548,0.5549,0.7677l35.0372,20.2288c0.7342,0.4258,1.9169,0.4258,2.64,0l20.5986-11.9669   C90.9869,68.0774,91.1662,67.8029,91.1662,67.5281z" fill="#E1E9F4"/><path d="M39.7085,97.3905c0.0214-0.0088,0.0422-0.0264,0.0417-0.0352c0.8999-0.7026,1.2069-2.4688,1.4067-3.3125   c0.0692-0.2988,3.7335-2.7769,3.7335-2.7769c0.0099-0.0176,0.0192-0.0439,0.0071-0.0615c0.5302,0.0562,1.3577-0.1017,1.4139-0.2021   c1.1079,0.6588,1.382,1.0317,1.5334,0.835c1.0784-1.5083,1.4463-1.6887,1.2134-1.8364c-3.1795-1.9828-3.3134-2.2802-3.4655-2.083   c-1.0844,1.5039-1.4572,1.6887-1.2243,1.8364l0.6517,0.4219c-0.3084,0.1582-0.6036,0.3521-0.7227,0.5537   c-0.0341-0.0176-0.0566-0.0264-0.09-0.0352l-3.0062,1.415c0.134-0.4922,0.2723-0.9141,0.3749-1.2041   c0,0,1.321-2.3989,1.0378-5.0088c-0.0312-0.3252,0.0133-0.668,0.1132-1.0015c0.2437-0.8438,0.9568-3.4888,1.3312-4.5259   c0.6611-0.1318,1.2981-0.2988,1.4078-0.2988c0.2524,0,0.5152-0.0083,0.7538-0.0527c0.5097-0.0962,1.3635-0.3076,1.6806-0.6763   c0,0,0.3364-0.4131-1.0171-0.4746c-1.3633-0.0439-1.8539,0.1846-3.0619-0.5361l-1.4556,0.4136c0,0-0.2114,0.4829-0.1033,0.9839   c0.0016,0.0264,0.0038,0.0615,0.0291,0.1143c0.0016,0.0264,0.0137,0.0439,0.0154,0.0703l0.0005,0.0088   c-3.0387,5.3425-2.1934,6.2035-4.6452,8.2246c-0.94-2.5981-1.2099-0.3663-1.1845-9.3315c0.2155-0.0262,0.4782-0.0299,0.728-0.1147   c0.3868-0.1318,1.0403-0.3867,1.3449-0.7817c0,0,0.3238-0.4395-0.6303-0.4307c-0.975,0.0259-1.3755,0.29-2.087-0.3867   l-1.1319,0.5005c0,0-0.2542,0.5015-0.2664,1.0107c-0.0093,0.0264-0.0076,0.0532-0.0043,0.1055c0,0,0,0,0.0005,0.0088   c-1.6273,4.9385-0.3361,4.5351-0.5772,6.4146c-0.0704,0.6328,0.118,2.7769-0.2996,3.4712   c-0.6075,0.9927-0.2862,2.2759,0.033,2.9961c-0.1005,0.1499-0.1339,0.3169-0.0994,0.519c0.0288,0.1775-0.4219,1.8012-0.4504,1.9014   l6.232,3.6221c0.1215-0.0537,0.2418-0.106,0.3452-0.1724C39.6466,97.4525,39.6887,97.4257,39.7085,97.3905z" fill="#E1E9F4"/><path d="M1.0521,70.5599l26.1662,15.2075l9.26-5.3462L7.5291,63.5964l0.5565-0.3214l28.9489,16.8253l9.3454-5.396   L17.4303,57.8794l0.3959-0.2286l28.9494,16.8248l9.4255-5.4415L27.2517,52.2088l0.3907-0.2256L56.592,68.8085l9.3403-5.393   L36.9826,46.5902l0.5561-0.321l28.9497,16.8253l9.2651-5.3492L46.8037,40.9196l0.5568-0.3214l67.8776,39.1516l-0.5568,0.3214   L76.1917,57.9999l-9.2651,5.3492l38.4901,22.0714l-0.556,0.321L66.3703,63.67L37.4725,80.3544l38.4911,22.0722l-0.556,0.321   L36.9163,80.6754l-9.26,5.3466l38.1274,21.8636c-0.2482,0.0758-0.4973,0.146-0.7484,0.2077L1.0137,71.167   C1.0202,70.9639,1.0284,70.7612,1.0521,70.5599z" fill="#FDFEFF"/><g><path d="M91.5267,37.9111L56.4839,17.6768c-0.3699-0.2132-0.7062-0.2299-0.9416-0.0898l-0.8343,0.4776    c0.241-0.1347,0.5717-0.1177,0.9417,0.0952l0.6894,0.3925l-0.695,1.121l-0.0673,23.827l35.0484,20.2343    c0,0,1.1714,1.4741,0.936,1.6084l0.8287-0.4828c0.2354-0.1347,0.3867-0.4319,0.3867-0.8465l0.0673-23.8215    C92.8438,39.3572,92.2554,38.3314,91.5267,37.9111z" fill="#6262AA"/><g><g enable-background="new    "><g><path d="M90.693,38.3914c0.73,0.4215,1.3221,1.4471,1.3198,2.286l-0.0675,23.8174       c-0.0024,0.8431-0.5984,1.1785-1.3284,0.7571l-35.042-20.2315c-0.7336-0.4235-1.3222-1.4429-1.3198-2.286l0.0675-23.8174       c0.0024-0.8389,0.5948-1.1806,1.3284-0.7571L90.693,38.3914z" fill="#2A2A5E"/></g></g></g><g><polygon fill="#3887E5" points="90.6923,39.9109 90.6247,63.7366 55.5756,43.5009 55.6431,19.6753    "/></g></g><g><g><g enable-background="new    "><g><path d="M91.1662,66.0198l-0.0056,1.846c0,0.2748-0.1793,0.5438-0.5437,0.7567l-20.593,11.9669       c-0.7287,0.4204-1.9113,0.4204-2.64,0L32.3412,60.3608c-0.37-0.2132-0.5493-0.4935-0.5493-0.7737l0.0056-1.8403       c0-0.2748,0.1849-0.555,0.5437-0.7625l20.5986-11.9668c0.7231-0.4259,1.9057-0.4204,2.6343,0l35.0428,20.2343       C90.9812,65.4648,91.1662,65.7395,91.1662,66.0198z" fill="#83A1CC"/></g></g></g><g><g><g enable-background="new    "><g><path d="M91.1662,66.0198l-0.0056,1.8438c0,0.2748-0.1793,0.5435-0.5437,0.7567l-20.593,11.9668        c-0.7287,0.4204-1.9113,0.4204-2.64,0L32.3412,60.3583c-0.37-0.2129-0.5493-0.4932-0.5493-0.7734l0.0056-1.838        c0,0.2745,0.1849,0.5548,0.5549,0.7677l35.0372,20.2288c0.7342,0.4258,1.9169,0.4258,2.64,0l20.5986-11.9669        C90.9869,66.5691,91.1662,66.2946,91.1662,66.0198z" fill="#9EB5DF"/></g><g><path d="M90.6159,65.2493c0.7301,0.4215,0.7375,1.1054,0.0123,1.5269L70.0318,78.7455        c-0.7253,0.4215-1.9096,0.4215-2.6396,0L32.3501,58.514c-0.7301-0.4215-0.7339-1.1075-0.0086-1.529l20.5964-11.9693        c0.7253-0.4215,1.9059-0.4194,2.636,0.0021L90.6159,65.2493z" fill="#DEE7F8"/></g></g></g><path d="M64.5983,66.8772l-11.1346-6.4286c-0.2328-0.1341-0.6091-0.1363-0.8402-0.0022l-5.4231,3.1515     c-0.2313,0.1344-0.2263,0.3525,0.0064,0.4869l11.1346,6.4286c0.2326,0.1344,0.6053,0.1344,0.8366,0l5.423-3.1515     C64.8322,67.2276,64.8309,67.0116,64.5983,66.8772z" fill="#B6CBEA"/></g></g><g><polygon fill="#3A3A77" points="61.1986,50.6546 60.4318,51.1002 58.9775,50.2605 59.7443,49.8149   "/></g><g><polygon fill="#3A3A77" points="59.4055,49.6194 58.6388,50.065 57.1857,49.226 57.9525,48.7804   "/></g><g><polygon fill="#3A3A77" points="58.2959,50.2642 56.9267,51.0599 55.4736,50.221 56.8428,49.4253   "/></g><g><polygon fill="#3A3A77" points="66.4593,56.9697 65.0914,57.7646 63.6384,56.9257 65.0062,56.1308   "/></g><g><polygon fill="#3A3A77" points="57.1984,55.6046 55.8293,56.4003 54.3762,55.5613 55.7453,54.7657   "/></g><g><polygon fill="#3A3A77" points="51.8938,54.5329 50.5247,55.3285 48.5985,54.2164 49.9676,53.4208   "/></g><g><polygon fill="#3A3A77" points="53.6869,55.5681 52.3178,56.3637 50.8647,55.5248 52.2338,54.7292   "/></g><g><polygon fill="#3A3A77" points="55.4799,56.6033 54.1108,57.3989 52.6578,56.56 54.0269,55.7644   "/></g><g><polygon fill="#3A3A77" points="57.273,57.6385 55.9039,58.4342 54.4508,57.5952 55.8199,56.7996   "/></g><g enable-background="new    "><g><polygon fill="#3A3A77" points="60.0889,51.2995 58.7198,52.0951 57.2654,51.2555 58.6346,50.4598    "/></g><g><polygon fill="#3A3A77" points="57.4952,51.7943 56.1274,52.5893 53.7552,51.2197 55.123,50.4247    "/></g><g><polygon fill="#3A3A77" points="61.882,52.3347 60.5128,53.1304 59.0585,52.2907 60.4276,51.495    "/></g><g><polygon fill="#3A3A77" points="59.2883,52.8296 57.9205,53.6245 56.4661,52.7848 57.8339,51.9899    "/></g><g><polygon fill="#3A3A77" points="56.2137,53.0453 54.8446,53.8409 52.0354,52.219 53.4045,51.4234    "/></g><g><polygon fill="#3A3A77" points="63.6738,53.3692 62.3046,54.1648 60.8515,53.3259 62.2207,52.5302    "/></g><g><polygon fill="#3A3A77" points="66.5765,53.7595 65.8097,54.2051 64.3567,53.3662 65.1234,52.9206    "/></g><g><polygon fill="#3A3A77" points="61.0801,53.8641 59.7122,54.659 58.2592,53.82 59.627,53.0251    "/></g><g><polygon fill="#3A3A77" points="58.0068,54.0805 56.6377,54.8762 55.1833,54.0365 56.5524,53.2408    "/></g><g><polygon fill="#3A3A77" points="65.4668,54.4044 64.0977,55.2001 62.6446,54.3611 64.0138,53.5655    "/></g><g><polygon fill="#3A3A77" points="68.3696,54.7948 67.6028,55.2403 66.1497,54.4014 66.9165,53.9558    "/></g><g><polygon fill="#3A3A77" points="55.4053,54.5694 54.0362,55.365 50.317,53.2177 51.6861,52.4221    "/></g><g><polygon fill="#3A3A77" points="62.8731,54.8993 61.5053,55.6942 60.0522,54.8553 61.4201,54.0604    "/></g><g><polygon fill="#3A3A77" points="59.7985,55.115 58.4295,55.9106 56.9764,55.0717 58.3455,54.2761    "/></g><g><polygon fill="#3A3A77" points="67.2599,55.4396 65.8907,56.2353 64.4377,55.3964 65.8068,54.6007    "/></g><g><polygon fill="#3A3A77" points="64.6662,55.9345 63.2984,56.7294 61.8453,55.8905 63.2131,55.0956    "/></g><g><polygon fill="#3A3A77" points="61.5916,56.1502 60.2225,56.9459 58.7694,56.1069 60.1385,55.3113    "/></g><g><polygon fill="#3A3A77" points="58.9915,56.6399 57.6224,57.4355 56.1693,56.5966 57.5384,55.8009    "/></g><g><polygon fill="#3A3A77" points="60.7845,57.6751 59.4154,58.4707 57.9611,57.631 59.3302,56.8354    "/></g></g><g><polygon fill="#3A3A77" points="79.1267,61.0054 78.3599,61.451 76.9068,60.612 77.6736,60.1664   "/></g><g><polygon fill="#3A3A77" points="77.3336,59.9701 76.5668,60.4157 75.1138,59.5768 75.8805,59.1312   "/></g><g><polygon fill="#3A3A77" points="75.5405,58.9349 74.7738,59.3805 73.3207,58.5416 74.0875,58.096   "/></g><g><polygon fill="#3A3A77" points="79.8101,62.6855 78.4409,63.4811 76.9865,62.6414 78.3557,61.8458   "/></g><g><polygon fill="#3A3A77" points="79.0827,66.2487 77.7136,67.0443 74.9044,65.4225 76.2735,64.6268   "/></g><g><polygon fill="#3A3A77" points="79.0094,64.2156 77.6416,65.0105 76.1872,64.1708 77.555,63.3759   "/></g><g><polygon fill="#3A3A77" points="75.4233,62.1451 74.0554,62.94 72.6024,62.1011 73.9702,61.3062   "/></g><g><polygon fill="#3A3A77" points="74.1418,63.3961 72.7727,64.1917 71.3196,63.3528 72.6887,62.5571   "/></g><g><polygon fill="#3A3A77" points="73.8876,67.231 73.3097,67.5668 71.7907,66.6898 72.3686,66.354   "/></g><g><polygon fill="#3A3A77" points="74.8688,68.714 74.2909,69.0499 72.7719,68.1729 73.3498,67.837   "/></g><g><polygon fill="#3A3A77" points="77.3642,67.2474 75.9951,68.043 72.3043,65.9121 73.6734,65.1165   "/></g><g><polygon fill="#3A3A77" points="73.3334,64.9202 71.9643,65.7158 70.5112,64.8769 71.8803,64.0813   "/></g><g><polygon fill="#3A3A77" points="75.9348,64.4313 74.5657,65.2269 73.1114,64.3872 74.4805,63.5916   "/></g><g><polygon fill="#3A3A77" points="77.2163,63.1803 75.8485,63.9752 74.3954,63.1363 75.7633,62.3414   "/></g><g><polygon fill="#3A3A77" points="78.017,61.6502 76.6478,62.4459 75.1948,61.607 76.5639,60.8113   "/></g><g><polygon fill="#3A3A77" points="70.1626,55.83 69.3959,56.2756 67.9428,55.4366 68.7096,54.991   "/></g><g><polygon fill="#3A3A77" points="67.9555,61.8152 66.5864,62.6109 65.1333,61.7719 66.5024,60.9763   "/></g><g><polygon fill="#3A3A77" points="63.3847,57.1855 62.0156,57.9811 60.5625,57.1422 61.9316,56.3465   "/></g><g enable-background="new    "><g><polygon fill="#3A3A77" points="71.9557,56.8652 71.1889,57.3108 69.7346,56.4711 70.5013,56.0255    "/></g><g><polygon fill="#3A3A77" points="70.846,57.5101 69.4769,58.3057 68.0225,57.4661 69.3917,56.6704    "/></g><g><polygon fill="#3A3A77" points="73.7475,57.8997 72.9807,58.3453 71.5276,57.5064 72.2944,57.0608    "/></g><g><polygon fill="#3A3A77" points="68.2523,58.005 66.8845,58.7999 65.4301,57.9602 66.798,57.1653    "/></g><g><polygon fill="#3A3A77" points="65.1777,58.2207 63.8086,59.0163 62.3556,58.1774 63.7247,57.3817    "/></g><g><polygon fill="#3A3A77" points="72.6378,58.5446 71.2686,59.3402 69.8156,58.5013 71.1847,57.7056    "/></g><g><polygon fill="#3A3A77" points="62.5763,58.7096 61.2072,59.5052 59.7541,58.6663 61.1232,57.8706    "/></g><g><polygon fill="#3A3A77" points="70.0441,59.0394 68.6763,59.8343 67.2232,58.9954 68.591,58.2005    "/></g><g><polygon fill="#3A3A77" points="66.9708,59.2559 65.6017,60.0515 64.1473,59.2119 65.5164,58.4162    "/></g><g><polygon fill="#3A3A77" points="74.4309,59.5798 73.0617,60.3754 71.6086,59.5365 72.9778,58.7408    "/></g><g><polygon fill="#3A3A77" points="60.8578,59.7082 59.4887,60.5039 58.0357,59.6649 59.4048,58.8693    "/></g><g><polygon fill="#3A3A77" points="64.3694,59.7448 63.0003,60.5404 61.5472,59.7015 62.9163,58.9059    "/></g><g><polygon fill="#3A3A77" points="71.8372,60.0747 70.4693,60.8696 69.0162,60.0306 70.3841,59.2357    "/></g><g><polygon fill="#3A3A77" points="68.7626,60.2904 67.3935,61.086 65.9404,60.2471 67.3095,59.4515    "/></g><g><polygon fill="#3A3A77" points="76.2239,60.615 74.8548,61.4107 73.4017,60.5717 74.7709,59.7761    "/></g><g><polygon fill="#3A3A77" points="62.6509,60.7435 61.2818,61.5391 59.8287,60.7002 61.1978,59.9045    "/></g><g><polygon fill="#3A3A77" points="73.6302,61.1099 72.2624,61.9048 70.8093,61.0659 72.1771,60.271    "/></g><g><polygon fill="#3A3A77" points="70.5556,61.3256 69.1865,62.1212 67.7335,61.2823 69.1026,60.4867    "/></g><g><polygon fill="#3A3A77" points="64.444,61.7787 63.0749,62.5743 61.6218,61.7354 62.9909,60.9398    "/></g><g><polygon fill="#3A3A77" points="72.3487,62.3608 70.9796,63.1565 69.5265,62.3175 70.8956,61.5219    "/></g><g><polygon fill="#3A3A77" points="66.237,62.8139 64.8679,63.6095 63.4149,62.7706 64.784,61.975    "/></g><g><polygon fill="#3A3A77" points="69.7486,62.8505 68.3795,63.6461 66.9251,62.8064 68.2942,62.0108    "/></g><g><polygon fill="#3A3A77" points="68.0301,63.8491 66.661,64.6448 65.2066,63.8051 66.5757,63.0095    "/></g></g><g><polygon fill="#3A3A77" points="69.053,56.4748 67.6838,57.2705 66.2307,56.4316 67.5999,55.6359   "/></g><g><polygon fill="#3A3A77" points="80.9197,62.0406 80.153,62.4862 78.6986,61.6465 79.4654,61.2009   "/></g><g><polygon fill="#3A3A77" points="83.6306,63.6057 82.8639,64.0513 80.4917,62.6817 81.2584,62.2361   "/></g><g><polygon fill="#3A3A77" points="80.8012,65.25 79.4333,66.0449 77.9803,65.206 79.3481,64.4111   "/></g><g><polygon fill="#3A3A77" points="82.521,64.2506 81.1518,65.0463 78.7796,63.6767 80.1488,62.881   "/></g><g><polygon fill="#3A3A77" points="64.7834,52.7243 64.0167,53.1699 62.5636,52.331 63.3304,51.8854   "/></g><g><polygon fill="#3A3A77" points="62.9917,51.6898 62.2249,52.1354 60.7705,51.2957 61.5373,50.8501   "/></g><g><polygon fill="#3A3A77" points="71.3253,66.6682 70.7474,67.0041 69.2284,66.1271 69.8064,65.7912   "/></g><g><polygon fill="#3A3A77" points="70.2795,65.1478 68.9104,65.9435 66.9997,64.8403 68.3688,64.0447   "/></g><g><polygon fill="#3A3A77" points="71.5416,63.8857 70.1725,64.6813 68.7182,63.8417 70.0873,63.046   "/></g><g><polygon fill="#3A3A77" points="66.1624,60.78 64.7933,61.5757 63.3403,60.7367 64.7094,59.9411   "/></g><g><polygon fill="#3A3A77" points="73.0964,67.6908 72.5185,68.0266 70.9995,67.1496 71.5774,66.8138   "/></g><g><polygon fill="#3A3A77" points="59.0661,58.6738 57.697,59.4694 56.2426,58.6297 57.6117,57.8341   "/></g><g><polygon fill="#B6CBEA" points="86.7347,66.9207 80.0027,70.8329 77.3318,69.2909 84.0638,65.3787   "/></g><g><polygon fill="#B6CBEA" points="54.8973,48.5394 48.1653,52.4516 45.4945,50.9096 52.2264,46.9974   "/></g><g><path d="M77.2642,38.2175l-0.0331,11.1703c-0.0019,0.6706-0.4784,0.9422-1.0639,0.6042L58.7402,39.9305    c-0.5856-0.3381-1.0589-1.1581-1.057-1.8287l0.0331-11.1703L77.2642,38.2175z" fill="#FFFFFF"/></g><g><path d="M72.0251,37.5137c0.488,0.2818,0.9754,0.8827,1.1587,1.6387l2.1098,8.7007l-16.0679-9.2768l1.6834-4.0598    c0.2-0.4836,0.6738-0.5181,1.1481-0.2442c0.4299,0.2482,0.8601,0.7497,1.087,1.3995c0.2299,0.6584,0.6585,1.1553,1.0863,1.4023    c0.511,0.295,1.021,0.2332,1.1872-0.3441l0.1696-0.5898c0.1672-0.5834,0.6753-0.6386,1.1833-0.3452    c0.4711,0.272,0.9424,0.8438,1.1416,1.5717l0.2131,0.7791c0.1986,0.7296,0.6686,1.2995,1.139,1.5711    c0.5174,0.2987,1.0352,0.2362,1.1921-0.3726l0.3767-1.458C70.991,37.2747,71.5084,37.2153,72.0251,37.5137z" fill="#6262AA"/></g><g enable-background="new    "><g><path d="M77.7838,36.4597L77.7485,49.088c0,0.3324-0.1209,0.5645-0.3124,0.6752l-0.4463,0.2597     c0.1512-0.126,0.2419-0.3428,0.2419-0.6351l0.0353-12.6283c0-0.67-0.4737-1.4916-1.0582-1.8292L58.7831,24.8668     c-0.2923-0.1713-0.5644-0.1863-0.7559-0.0704l0.5219-0.3049c0.1915-0.111,0.4586-0.0957,0.7508,0.0755l17.4257,10.0583     C77.3151,34.9629,77.7838,35.7842,77.7838,36.4597z" fill="#B6CBEA"/></g><g><path d="M76.2099,34.9284c0.5855,0.3381,1.0589,1.158,1.057,1.8309l-0.0027,1.4582l-19.548-11.286l0.0027-1.4582     c0.0019-0.6729,0.4784-0.9445,1.0639-0.6064L76.2099,34.9284z" fill="#4C4A8B"/></g><g><g><path d="M73.1069,34.0797c0.2338,0.135,0.423,0.4627,0.4222,0.7313c-0.0008,0.2686-0.1912,0.3771-0.425,0.2422      c-0.2338-0.135-0.423-0.4627-0.4222-0.7313C72.6827,34.0532,72.8731,33.9447,73.1069,34.0797z" fill="#DEE7F8"/></g><g><path d="M74.6427,34.9664c0.2349,0.1356,0.423,0.4627,0.4222,0.7313s-0.19,0.3778-0.425,0.2422      c-0.2338-0.135-0.4218-0.462-0.4211-0.7306S74.4089,34.8314,74.6427,34.9664z" fill="#DEE7F8"/></g><g><path d="M76.1796,35.8537c0.2338,0.135,0.423,0.4627,0.4222,0.7313c-0.0008,0.2686-0.1912,0.3771-0.425,0.2422      c-0.2338-0.135-0.423-0.4627-0.4222-0.7313C75.7554,35.8273,75.9459,35.7188,76.1796,35.8537z" fill="#DEE7F8"/></g></g></g><path d="M63.9135,44.5392c0.2289,0.1322,0.4145,0.4514,0.4137,0.7144l-0.0046,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4164,0.2352l-1.4257-0.8231c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7134l0.0047-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L63.9135,44.5392z" fill="#B6CBEA"/><path d="M67.4033,46.554c0.2289,0.1322,0.4144,0.4514,0.4137,0.7144l-0.0046,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4164,0.2352l-1.4257-0.8231c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7134l0.0046-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L67.4033,46.554z" fill="#B6CBEA"/><path d="M70.8949,48.5699c0.227,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0047,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363L69.46,50.3357c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0046-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L70.8949,48.5699z" fill="#B6CBEA"/><path d="M74.3847,50.5847c0.2271,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0047,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363l-1.4276-0.8242c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0047-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L74.3847,50.5847z" fill="#B6CBEA"/><path d="M77.8744,52.5995c0.227,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0046,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363l-1.4276-0.8242c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0046-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2362L77.8744,52.5995z" fill="#B6CBEA"/><path d="M81.3642,54.6144c0.227,0.1311,0.4126,0.4503,0.4118,0.7133l-0.0047,1.6404   c-0.0007,0.2608-0.1875,0.3673-0.4145,0.2363l-1.4276-0.8242c-0.2289-0.1322-0.4126-0.4525-0.4118-0.7133l0.0047-1.6404   c0.0007-0.263,0.1856-0.3684,0.4145-0.2363L81.3642,54.6144z" fill="#B6CBEA"/><g><g><path d="M97.7249,52.3039l-0.0286,9.6544c-0.0016,0.5796-0.4135,0.8144-0.9195,0.5222l-15.062-8.6961     c-0.5061-0.2922-0.9152-1.0009-0.9136-1.5805l0.0286-9.6544L97.7249,52.3039z" fill="#A6C2FF"/></g><g enable-background="new    "><g><path d="M98.174,50.7846l-0.0305,10.9146c0,0.2873-0.1045,0.4879-0.27,0.5835l-0.3857,0.2244      c0.1307-0.1089,0.209-0.2962,0.209-0.5489l0.0305-10.9146c0-0.5791-0.4094-1.2892-0.9146-1.5809L81.7518,40.765      c-0.2526-0.148-0.4878-0.161-0.6533-0.0608l0.4511-0.2635c0.1655-0.0959,0.3964-0.0827,0.6489,0.0653l15.0608,8.6933      C97.7689,49.491,98.174,50.2008,98.174,50.7846z" fill="#1E72C6"/></g><g><path d="M96.8137,49.4612c0.5061,0.2922,0.9152,1.0009,0.9136,1.5825l-0.0024,1.2603l-16.8951-9.7544      l0.0024-1.2603c0.0016-0.5816,0.4135-0.8163,0.9196-0.5241L96.8137,49.4612z" fill="#4C4A8B"/></g><g><g><path d="M94.1318,48.7276c0.2021,0.1167,0.3656,0.3999,0.3649,0.632c-0.0007,0.2322-0.1652,0.326-0.3673,0.2093       s-0.3656-0.3999-0.3649-0.632C93.7651,48.7047,93.9297,48.6109,94.1318,48.7276z" fill="#DEE7F8"/></g><g><path d="M95.4592,49.4939c0.2031,0.1172,0.3656,0.3999,0.3649,0.632       c-0.0007,0.2322-0.1642,0.3265-0.3673,0.2093c-0.2021-0.1167-0.3646-0.3993-0.3639-0.6315       C95.0935,49.4717,95.2571,49.3773,95.4592,49.4939z" fill="#DEE7F8"/></g><g><path d="M96.7875,50.2609c0.2021,0.1167,0.3656,0.3999,0.3649,0.632c-0.0007,0.2322-0.1652,0.326-0.3673,0.2093       c-0.2021-0.1167-0.3656-0.3999-0.3649-0.632C96.4209,50.238,96.5855,50.1442,96.7875,50.2609z" fill="#DEE7F8"/></g></g></g></g><g><polygon fill="#3A3A77" points="85.9573,46.544 85.9327,55.2206 83.0676,53.5664 83.0922,44.8899   "/></g><g><polygon fill="#B6CBEA" points="95.4401,59.0255 95.4373,60.0134 87.8745,55.647 87.8773,54.6591   "/></g><g><polygon fill="#B6CBEA" points="95.4493,55.7811 95.4437,57.7569 87.8809,53.3905 87.8865,51.4147   "/></g><g><polygon fill="#B6CBEA" points="95.4585,52.5369 95.4529,54.5126 87.8901,50.1462 87.8957,48.1705   "/></g><g><path d="M52.6198,31.5222l-0.0303,11.9345c-0.0017,0.6156-0.4391,0.8648-0.9765,0.5545L35.617,34.776    c-0.5375-0.3103-0.972-1.063-0.9702-1.6785l0.0303-11.9345L52.6198,31.5222z" fill="#DEE7F8"/></g><g enable-background="new    "><g><path d="M53.0968,29.9087l-0.0324,13.2728c0,0.3051-0.111,0.5181-0.2868,0.6197l-0.4097,0.2383     c0.1388-0.1156,0.222-0.3146,0.222-0.5829l0.0324-13.2728c0-0.615-0.4348-1.3691-0.9713-1.679l-15.9946-9.237     c-0.2683-0.1572-0.518-0.171-0.6938-0.0646l0.479-0.2799c0.1758-0.1019,0.4209-0.0879,0.6892,0.0693l15.9946,9.2323     C52.6666,28.5348,53.0968,29.2887,53.0968,29.9087z" fill="#B6CBEA"/></g><g><path d="M51.6521,28.5032c0.5375,0.3103,0.972,1.0629,0.9702,1.6806l-0.0025,1.3384L34.6771,21.163l0.0025-1.3384     c0.0018-0.6176,0.4391-0.8669,0.9766-0.5566L51.6521,28.5032z" fill="#83A1CC"/></g><g><g><path d="M48.8039,27.7241c0.2146,0.1239,0.3882,0.4247,0.3875,0.6712      c-0.0007,0.2466-0.1755,0.3462-0.3901,0.2223s-0.3882-0.4247-0.3875-0.6712C48.4145,27.6999,48.5893,27.6002,48.8039,27.7241z" fill="#DEE7F8"/></g><g><path d="M50.2136,28.538c0.2157,0.1245,0.3882,0.4247,0.3875,0.6712c-0.0007,0.2466-0.1744,0.3468-0.3901,0.2223      c-0.2146-0.1239-0.3872-0.4241-0.3865-0.6706C49.8253,28.5143,49.999,28.4141,50.2136,28.538z" fill="#DEE7F8"/></g><g><path d="M51.6243,29.3525c0.2146,0.1239,0.3882,0.4247,0.3875,0.6712      c-0.0007,0.2466-0.1755,0.3462-0.3901,0.2223c-0.2146-0.1239-0.3882-0.4247-0.3875-0.6712S51.4098,29.2286,51.6243,29.3525z" fill="#DEE7F8"/></g></g></g><g><polygon fill="#83A1CC" points="49.7856,40.907 49.7839,41.2492 36.7172,33.7051 36.7189,33.3629   "/></g><g><polygon fill="#1E72C6" points="39.0216,29.0082 39.0168,30.715 39.0064,34.369 38.103,33.8474 38.1182,28.4867   "/></g><g><polygon fill="#6B9EF9" points="39.9216,31.2374 39.9113,34.8914 39.0064,34.369 39.0168,30.715   "/></g><g><polygon fill="#6B9EF9" points="41.8519,30.9877 41.8377,36.0036 40.9329,35.4812 40.9471,30.4653   "/></g><g><polygon fill="#1E72C6" points="42.7601,29.8042 42.7411,36.5252 41.8377,36.0036 41.8568,29.2826   "/></g><g><polygon fill="#6B9EF9" points="45.5943,30.4217 45.5724,38.1599 44.6691,37.6383 44.691,29.9002   "/></g><g><polygon fill="#1E72C6" points="44.6958,28.1933 44.691,29.9002 44.6691,37.6383 43.7642,37.1159 43.791,27.6709   "/></g><g><polygon fill="#6B9EF9" points="47.5092,35.6181 47.4989,39.2721 46.5955,38.7506 46.6059,35.0966   "/></g><g><polygon fill="#1E72C6" points="48.4189,34.4338 48.4037,39.7945 47.4989,39.2721 47.5141,33.9114   "/></g><g enable-background="new    "><g><path d="M96.9891,82.2603L86.978,88.0788c-0.3964,0.2304-1.0464,0.2323-1.4487,0L75.4111,82.237     c-0.399-0.2304-0.4011-0.6088-0.0047-0.8391l10.0107-5.8176L96.9891,82.2603z" fill="#6262AA"/></g></g><g enable-background="new    "><g><path d="M100.67,79.879v1.2398c0,0.1532-0.0987,0.307-0.3072,0.4168l-13.3869,7.7796     c-0.395,0.2416-1.0424,0.2416-1.4484,0l-10.1169-5.8373c-0.1975-0.1098-0.3073-0.2636-0.3073-0.4281l0.011-1.2291     c0,0.1431,0.0988,0.2963,0.2963,0.4174l10.1169,5.8373c0.406,0.2304,1.0534,0.2304,1.4484,0l13.3978-7.7796     C100.5713,80.1747,100.67,80.0322,100.67,79.879z" fill="#2A2A5E"/></g><g><path d="M100.368,79.4555c0.4023,0.2322,0.4044,0.6068,0.0049,0.839l-3.3842,1.9667L85.417,75.5803l3.3842-1.9667     c0.3996-0.2322,1.0495-0.2303,1.4485,0.0001L100.368,79.4555z" fill="#4C4A8B"/></g></g><g enable-background="new    "><g><polygon fill="#B6CBEA" points="91.0621,79.7388 90.308,80.1771 88.8222,79.3192 89.5763,78.881    "/></g><g><polygon fill="#B6CBEA" points="93.1935,80.9693 92.4393,81.4076 90.9535,80.5498 91.7077,80.1115    "/></g><g><polygon fill="#7BB1FF" points="99.5902,79.9391 96.928,81.4862 86.8097,75.6444 89.4719,74.0973    "/></g><g><polygon fill="#B6CBEA" points="95.3249,82.1999 94.5707,82.6382 93.0849,81.7803 93.8391,81.342    "/></g></g><g><polygon fill="#DEE7F8" points="81.3043,80.4711 79.8282,81.329 78.3424,80.4711 79.8185,79.6133   "/></g><g><polygon fill="#A6C2FF" points="87.5803,79.293 86.1042,80.1509 84.6184,79.2931 86.0946,78.4352   "/></g><g><polygon fill="#DEE7F8" points="81.3632,82.906 79.8871,83.7639 78.4013,82.9061 79.8775,82.0482   "/></g><g><polygon fill="#6B9EF9" points="89.8298,85.3933 86.2812,87.4555 84.7954,86.5977 88.344,84.5355   "/></g><g><polygon fill="#6B9EF9" points="85.626,85.3671 84.1498,86.2249 82.664,85.3671 84.1402,84.5093   "/></g><g><polygon fill="#DEE7F8" points="83.4946,84.1366 82.0185,84.9944 80.5327,84.1366 82.0088,83.2787   "/></g><g><polygon fill="#DEE7F8" points="87.6984,84.1627 86.2222,85.0206 84.7365,84.1628 86.2126,83.3049   "/></g><g><polygon fill="#DEE7F8" points="85.567,82.9322 84.0909,83.79 82.6051,82.9322 84.0812,82.0744   "/></g><g><polygon fill="#DEE7F8" points="83.4357,81.7017 81.9595,82.5595 80.4737,81.7017 81.9499,80.8438   "/></g><g><polygon fill="#DEE7F8" points="85.5079,80.4974 84.0318,81.3552 82.546,80.4974 84.0221,79.6396   "/></g><g><polygon fill="#DEE7F8" points="83.3766,79.2669 81.9004,80.1247 80.4146,79.2669 81.8908,78.409   "/></g><g><polygon fill="#A6C2FF" points="85.449,78.0625 83.9728,78.9203 82.487,78.0625 83.9632,77.2047   "/></g><g><polygon fill="#DEE7F8" points="79.2319,81.6755 77.7557,82.5333 76.27,81.6755 77.7461,80.8177   "/></g><g><polygon fill="#DEE7F8" points="87.6393,81.7279 86.1631,82.5858 84.6773,81.728 86.1535,80.8701   "/></g><g><polygon fill="#DEE7F8" points="89.7706,82.9585 88.2945,83.8163 86.8087,82.9585 88.2849,82.1007   "/></g><g><polygon fill="#6B9EF9" points="93.9744,82.9847 92.4983,83.8425 91.0125,82.9847 92.4886,82.1268   "/></g><g><polygon fill="#DEE7F8" points="91.843,81.7541 90.3669,82.612 88.8811,81.7542 90.3573,80.8963   "/></g><g><polygon fill="#DEE7F8" points="89.7117,80.5236 88.2355,81.3814 86.7498,80.5236 88.2259,79.6658   "/></g><g><polygon fill="#B6CBEA" points="86.7994,77.2777 86.0453,77.716 84.5595,76.8582 85.3136,76.4199   "/></g><g><polygon fill="#B6CBEA" points="88.9308,78.5082 88.1766,78.9465 86.6908,78.0887 87.445,77.6504   "/></g><g><polygon fill="#6B9EF9" points="91.902,84.189 90.4259,85.0469 88.94,84.189 90.4162,83.3312   "/></g><path d="M50.2985,59.1353c-0.0313-0.1073-0.1201-0.1289-0.1981-0.048l-3.7409,3.8847   c-0.0779,0.0812-0.1159,0.2342-0.0846,0.3416l0.8881,3.0483c0.0313,0.1073,0.12,0.1284,0.1979,0.0475l3.7409-3.8847   c0.0779-0.0809,0.1161-0.2337,0.0848-0.341L50.2985,59.1353z" fill="#FFFFFF"/><path d="M34.6705,76.9374l1.1581-0.6241c0.6797,0.844,1.0954,0.5163,2.0635,0.4826   c0.954-0.0104,0.6063,0.536,0.6063,0.536c-0.3278,0.492-0.9973,0.8151-1.3893,0.9738c-0.1855,0.0728-0.3708,0.1008-0.555,0.1178   c-0.1562,0.0144-0.5564,0.0924-0.7152,0.1347c0.0014,0.0276-0.0131,0.2682-0.0128,0.307c0.0027,0.0554-1.3056,0.5861-1.4706,0.1841   c-0.0357-0.0858-0.0391-0.4747-0.0251-0.7096c-0.0022-0.0612,0.0025-0.1116,0.0057-0.1453   C34.3906,77.5663,34.6705,76.9374,34.6705,76.9374z" fill="#3A3D4C"/><path d="M36.4086,58.5555c-0.2895,0.4278-1.7136,2.645-1.1879,5.1749c0.267,1.2859,0.4063,2.2491,0.3377,3.414   c-0.0566,0.9591-0.2466,1.9166-0.4962,2.8703c-0.7682,2.935-0.3783,7.1242-0.3783,7.1242c0.821,0.1695,1.4672,0.3322,1.9066-0.2778   c0.0394-0.8511,0.7986-4.633,1.1699-6.4426c0.1292-0.6296,0.3101-1.2507,0.567-1.8567c2.0416-4.8155,2.1856-8.6441,2.1856-8.6441   L36.4086,58.5555z" fill="#505366"/><path d="M42.2617,78.5631l1.483-0.5172c1.1642,0.9067,1.6714,0.6174,3.0295,0.6731   c1.3439,0.0777,0.9859,0.592,0.9859,0.592c-0.3432,0.4618-1.2097,0.7231-1.7244,0.8456c-0.2441,0.0557-0.4988,0.0666-0.7547,0.0666   c-0.2169,0-0.7629,0.041-0.9767,0.0687c0.0087,0.0277,0.0466,0.267,0.0565,0.3059c0.0172,0.0557-1.7005,0.4656-2.0309,0.0483   c-0.0712-0.0891-0.1705-0.4784-0.2078-0.712c-0.0179-0.0614-0.0235-0.1114-0.0273-0.1448   C42.0194,79.1662,42.2617,78.5631,42.2617,78.5631z" fill="#3A3D4C"/><path d="M43.7358,70.1004c0.8725-4.8163,0.0873-9.249,0.0873-9.249l-5.26-1.5572   c-0.1856,0.4278-1.2704,2.8968-0.0029,5.2704c0.6643,1.244,1.4343,2.5578,1.6834,3.7868c0.2117,1.0447,0.5857,2.2651,0.5782,3.3068   c-0.0209,2.929,1.3526,7.0191,1.3526,7.0191c0.8621,0.1698,1.5398,0.0875,1.8311-0.5226c-0.1672-0.8508-0.318-4.3882-0.386-6.1979   C43.5959,71.3273,43.6261,70.7062,43.7358,70.1004z" fill="#5B5D70"/><g><g><g><g><path d="M37.4837,46.8243c0.7054-0.8145,0.6566-1.8925,0.6566-1.8925l0.7795-2.0874       c0,0,3.5764-1.8894,4.2008-1.5363c0.6627,0.3748-0.2189,3.4751-0.2189,3.4751c-0.0664,0.7163-0.3787,0.9627-0.3787,0.9627       l-1.5452,0.7043l-0.4313,1.1772C40.5466,47.6274,36.7783,47.6388,37.4837,46.8243z" fill="#ECB4BF"/><path d="M43.8407,40.6649c-2.2559-1.3152-3.6406-0.9174-4.0929-0.8502       c-0.9497,0.1405-2.1898,0.6748-1.9465,2.3975c0.2432,1.7224-0.1506,3.619,1.3774,3.372       c1.5281-0.2469,1.6063-0.5797,1.6063-0.5797s-0.2342-1.5575,0.3259-1.4116c0.5599,0.1462,0.6997,0.3783,0.6521,1.003       c-0.0048,0.0615-0.0071,0.1289-0.0098,0.196l0.6062-0.5123c0.0914-0.6997,0.1603-0.726,0.1603-0.726       s0.5288-1.776,1.3537-2.2894C44.0441,41.158,44.0396,40.7808,43.8407,40.6649z" fill="#4C4A8B"/></g><path d="M40.2267,58.1521c-0.0056,0.4492-0.5546,0.7985-0.9206,0.9594l-3.7266-4.5364      c-0.2107-0.2605-0.3438-0.5711-0.3771-0.9039c-0.2218-2.0019-0.0832-5.4957,0-6.2498c0,0,0.3106-2.0187,2.2237-1.7966      c1.4419,0.1663,0.4714,5.1296,0.2773,7.0427C37.648,53.222,40.2267,58.1521,40.2267,58.1521z" fill="#3887E5"/><path d="M43.7908,52.821c0.1054-0.9959,0.1033-2.0038-0.0841-2.9878c-0.0866-0.4546-0.2069-0.8719-0.3735-1.1232      c-0.1077-0.1627-0.2457-0.3003-0.4016-0.4175l-2.0611-1.5516c-1.0851,0.287-2.6984-0.0631-2.8132-1.0739      c0,0-3.5425-0.7406-2.71,3.91c0.6775,3.818,0.666,6.0457,0.6775,7.7565c0,0.844,0.1556,0.4424-0.0173,1.2632      c-0.896,4.2556,7.8155,2.2547,7.8155,2.2547C43.6997,59.1826,43.5573,55.0273,43.7908,52.821z" fill="#6B9EF9"/></g></g></g><path d="M48.5892,61.501c-0.411-0.291-0.3792-0.4268-0.3186-0.5136l0.2106-0.2185l0.1016-0.1055   c-0.0083-0.0313-0.2339-0.1906-0.2808-0.2108c-0.8266-0.3685-1.0344-0.1284-1.1964-0.1474c-0.1619-0.0187-0.384-0.235-0.4025-0.247   l-0.6464,0.5357l0.1346,0.0794c0.1636,0.0971,0.2682,0.2601,0.2986,0.4445c0.1092,0.6628,0.7894,1.3002,1.1849,1.5396   c0.1133,0.0642,0.1825,0.0817,0.2246,0.0768c0.284,0.115,1.3858-0.4941,1.257-0.5986C49.1496,62.115,49.2055,61.954,48.5892,61.501   z" fill="#ECB4BF"/><path d="M41.0517,50.143c0,0-0.0954-1.971,1.7493-1.7365c1.4329,0.1824,1.2847,4.7346,1.3054,6.6451   c0.0062,0.5555,3.1067,5.1345,3.1067,5.1345c0.0455,0.4468-0.4595,0.8552-0.8038,1.0521l-4.188-4.0651   c-0.2364-0.234-0.4009-0.5252-0.4745-0.8496C41.3036,54.3691,41.0532,50.8971,41.0517,50.143z" fill="#3887E5"/></g></svg>
\ No newline at end of file
diff --git a/src/router/systemRouter.js b/src/router/systemRouter.js
index 611dfc25..df3705d9 100644
--- a/src/router/systemRouter.js
+++ b/src/router/systemRouter.js
@@ -46,11 +46,11 @@ const routes = [{
 	},
 	{
 		path: "/login",
-		component: () => import(/* webpackChunkName: "login" */ '@/views/login'),
+		component: () => import(/* webpackChunkName: "login" */ '@/views/userCenter/login'),
 		meta: {
 			title: "登录"
 		}
 	}
 ]
 
-export default routes;
\ No newline at end of file
+export default routes;
diff --git a/src/views/login.vue b/src/views/userCenter/login.vue
similarity index 74%
rename from src/views/login.vue
rename to src/views/userCenter/login.vue
index a2bd398d..8fd63da0 100644
--- a/src/views/login.vue
+++ b/src/views/userCenter/login.vue
@@ -2,17 +2,12 @@
 
 	<div class="login_container">
 		<div class="login_body">
-			<div class="login-sidebox" style="background:url('img/login-left.png') 0 0 no-repeat #607089;">
-				<div class="login-logo">
-					<img class="logo" :alt="appName" src="img/logo.png">{{appName}}
-				</div>
-				<div class="login-title">
-					<h2>面面俱到的中后台前端框架</h2>
-					<p>基于Vue 3.0 + Vue-Router 4.0 + Element-Plus + VueX + Axios 后台管理系统前端框架。</p>
-				</div>
-			</div>
+
 			<div class="login-form">
-				<h2>登录</h2>
+				<div class="login-logo">
+					<img class="logo" :alt="appName" src="img/logo.png">
+					<h2>用户登录</h2>
+				</div>
 				<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="0" size="large">
 					<el-form-item prop="user">
 						<el-input v-model="ruleForm.user" prefix-icon="el-icon-user" clearable placeholder="用户名 / 手机 / 邮箱"></el-input>
@@ -56,7 +51,7 @@
 					</el-form-item>
 				</el-form>
 
-				<el-divider><i class="el-icon-mobile-phone"></i></el-divider>
+				<el-divider>其他登录方式</el-divider>
 
 				<div class="login-oauth">
 					<el-button size="medium" type="primary" icon="el-icon-platform-eleme" circle></el-button>
@@ -65,6 +60,14 @@
 					<el-button size="medium" type="warning" icon="el-icon-menu" circle></el-button>
 				</div>
 			</div>
+			<div class="login-sidebox">
+				<div class="login-sidebox__title">
+					<h2>SCUI</h2>
+					<h4>高性能 / 精致 / 优雅</h4>
+					<p>基于Vue3 + Element-Plus 的中后台前端解决方案。</p>
+				</div>
+				<img src="img/loginbg.svg"/>
+			</div>
 		</div>
 		<div class="login-footer">© {{appName}} {{appVar}}</div>
 	</div>
@@ -72,19 +75,23 @@
 </template>
 
 <style scoped>
-	.login_container {position: absolute;top:50%;left:50%;width: 900px;margin: 0 auto;z-index: 1;transform: translate(-50%, -50%);}
+	.login_container {position: absolute;top:50%;left:50%;width: 1100px;margin: 0 auto;z-index: 1;transform: translate(-50%, -50%);}
 	.login_body {width: inherit;display: flex;box-shadow: 0px 20px 80px 0px rgba(0,0,0,0.3);}
-	.login-sidebox {width: 50%;padding: 60px;color: #fff;position: relative;}
+	.login-sidebox {width: 50%;padding: 60px;color: #fff;background:#3887e5;position: relative;overflow: hidden;}
+	.login-sidebox__title h2 {font-size: 30px;}
+	.login-sidebox__title h4 {font-size: 18px;margin-top: 10px;font-weight: normal;}
+	.login-sidebox__title p {font-size: 14px;margin-top:10px;line-height: 1.8;color: rgba(255,255,255,0.6);}
+	.login-sidebox img {position: absolute;left:-120px;bottom:-160px;width: 550px;}
 
-	.login-logo {font-size: 35px;display: flex;align-items: center;}
-	.login-logo .logo {margin-right: 10px;width: 50px;height: 50px;}
+	.login-logo {text-align: center;margin-bottom: 30px;}
+	.login-logo .logo {width: 70px;height: 70px;vertical-align: bottom;}
+	.login-logo h2 {font-size: 24px;margin-top: 20px;color: #40485b;}
 
 	.login-title {margin-top: 20px;}
 	.login-title h2 {font-size: 22px;font-weight: normal;}
 	.login-title p {font-size: 12px;margin-top:40px;line-height: 1.8;color: rgba(255,255,255,0.8);}
 
-	.login-form {width: 50%;padding: 60px;background: #fff;}
-	.login-form h2 {font-size: 24px;color: #40485b;margin-bottom: 25px;}
+	.login-form {width: 50%;padding: 60px 100px;background: #fff;}
 	.login-oauth {display: flex;justify-content:space-around;}
 	.login-form .el-divider {margin-top:40px;}
 
@@ -97,6 +104,18 @@
 
 	@media (max-height: 650px){
 	.login_container {position: static;transform: none;margin:50px auto;}
+	.login-footer {margin-bottom: 50px;}
+	}
+	@media (max-width: 1200px){
+	.login_container {width: 900px;}
+	.login-form {padding:60px;}
+	}
+	@media (max-width: 1000px){
+	.login_container {width: 100%;background: #fff;margin: 0;transform:none;top:0px;bottom:0px;left:0px;right: 0px;}
+	.login_body {box-shadow: none;}
+	.login-form {width:100%;padding:60px 40px;}
+	.login-sidebox {display: none;}
+	.login-footer {margin-top: 0;}
 	}
 </style>