body, html {
    min-height: 100%;
    font-size: 100%;
}
* {
    margin: 0;
    padding: 0;
    border: none;
    list-style-type: none;
}
body {
    font-family: -apple-system,arial,sans-serif,"Helvetica Neue","Microsoft Yahei";
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    background: url(bg.jpg) no-repeat 50%;
    background-size: cover;
    /*background-color: #f2f2f2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.2' clip-path='url(%23E)'%3E%3Cpath d='M1466.4 1795.2c950.37 0 1720.8-627.52 1720.8-1401.6S2416.77-1008 1466.4-1008-254.4-380.482-254.4 393.6s770.428 1401.6 1720.8 1401.6z' fill='url(%23A)'/%3E%3Cpath d='M394.2 1815.6c746.58 0 1351.8-493.2 1351.8-1101.6S1140.78-387.6 394.2-387.6-957.6 105.603-957.6 714-352.38 1815.6 394.2 1815.6z' fill='url(%23B)'/%3E%3Cpath d='M1548.6 1885.2c631.92 0 1144.2-417.45 1144.2-932.4S2180.52 20.4 1548.6 20.4 404.4 437.85 404.4 952.8s512.276 932.4 1144.2 932.4z' fill='url(%23C)'/%3E%3Cpath d='M265.8 1215.6c690.246 0 1249.8-455.595 1249.8-1017.6S956.046-819.6 265.8-819.6-984-364.005-984 198-424.445 1215.6 265.8 1215.6z' fill='url(%23D)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='A' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1466.4 393.6) rotate(90) scale(1401.6 1720.8)'%3E%3Cstop stop-color='%23107c10'/%3E%3Cstop offset='1' stop-color='%23c4c4c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='B' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(394.2 714) rotate(90) scale(1101.6 1351.8)'%3E%3Cstop stop-color='%230078d4'/%3E%3Cstop offset='1' stop-color='%23c4c4c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='C' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1548.6 952.8) rotate(90) scale(932.4 1144.2)'%3E%3Cstop stop-color='%23ffb900' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23c4c4c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='D' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(265.8 198) rotate(90) scale(1017.6 1249.8)'%3E%3Cstop stop-color='%23d83b01' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23c4c4c4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='E'%3E%3Cpath fill='%23fff' d='M0 0h1920v1080H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
*/}
#login {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    width: 88%;
    max-width: 360px;
    height: 310px;
    margin: auto;
    color: #fff;
}
#logoimg {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}

#login div {
    position: relative;
    margin-bottom: 15px;
}
#logo, #logoimg {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAzLTI5VDIyOjI0OjUxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTAzLTI5VDIyOjI0OjUxKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMy0yOVQyMjoyNDo1MSswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMjdiYmU4Ny1iMjIzLTRmNDAtYTkyNi1mY2Q0ZWU4NWJlNjUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplNGU1MGE2NC01ZGUxLTZhNDktODNkMC1kY2FhNTQ3ZTA4OTMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMTAxNjE3Zi1hZjdhLTBiNDAtYjFkOS1kMDkzMWY4ODc4NDIiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMTAxNjE3Zi1hZjdhLTBiNDAtYjFkOS1kMDkzMWY4ODc4NDIiIHN0RXZ0OndoZW49IjIwMjEtMDMtMjlUMjI6MjQ6NTErMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzI3YmJlODctYjIyMy00ZjQwLWE5MjYtZmNkNGVlODViZTY1IiBzdEV2dDp3aGVuPSIyMDIxLTAzLTI5VDIyOjI0OjUxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZGI2ZGVkNC05NmNhLTBiNGItOGZhMC0yYjE1MWM2NjEyMmY8L3JkZjpsaT4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6ZDNkNDJlMTQtMmNjOS03NDQ3LTkxMTMtYjI0NDNjODFlNzE1PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lwN62AAADchJREFUaN7t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);*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk2MUQ5N0E5MEQzRTExRUJBMzM4QUJBQTIzQUI1RkMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk2MUQ5N0FBMEQzRTExRUJBMzM4QUJBQTIzQUI1RkMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTYxRDk3QTcwRDNFMTFFQkEzMzhBQkFBMjNBQjVGQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTYxRDk3QTgwRDNFMTFFQkEzMzhBQkFBMjNBQjVGQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ac4CsAAADrElEQVR42uyYa0gVQRTH9fqgVMq0C33oS1qipWYmRX4IQyyKNCgreyAVPQj6VhCVZV/SrKggKCEkjBIrDINUCIxKi4JITCGFwgx7aEqU5iOV7T/wl6bl7t3nFYR74Mfuzp4zc2Z2ds6ZCVQUJWAqSbBN+2iQAzLBEjAfjIBO0AwaQD1475jHYoQtkAYeKP9kDPSCEcWz3AEJFtv6j0CTUyIClIEtoB+Ugt9gLogDCznqgRr2u0D5ZI3wMmnEtoEUUAQ+K+ZksZ0RNqp4hI09AlHgIBhQrEmtLx2eBSrYUDHLHir2pB8E+cLhfaCPjVxlWZvijEQ66fAO0CRV3unQyMqS5pTD9z1UHgcyFGfljRPLmlhu8lWLSCtIAn0gysTiU8GA0cmlMBlsB/GSThXItbqsLdUYiUwwz8TINYNULyO0B7RI+ousTonHHhof5bsig872gFCDDe8GF4DbrMMil1gAVoEvjGLiOQ+85kdYZ/BjlYA/vA8BbrAWZIBBUA3q+P6GnUi3E9SBCKknQqp4bzRAJFG/HvzkF1LLIbu5hAs+3+NIDEj9GOaPJiTcYN9HeBU/2wyNTPAKOK0qm2ZmgF1SQ+q08zsIMlFXOq9FIBuMaugVgkawkVPnErgIphtpRCtbE4VnQQEYM+hwG0iQnsVy+AxEerHZxP9lM+jm/RO+Ex1IYafGmGvHas2VcVApzWejUg6CpXrWe9EVETUatEplJbQ7Bro92BRoOdxOA3HfpePkD5WOSOLv0jZCw6ZDauuTVC7Cf7WGzUlvyU8ZlcT9LR2H3zH7ymPIFdJI22I+93JXMiG3pbYaDHy5/XrZWjYVV4AsncqGVbYhqikxkej0SDYrJZ3DOlMs3kh66aLBRz4P6zidpbJPBzd5L+ZpqaRbodLdKr3rZUwQnYgxmw+fYyXJDKXepEWyWwNeaehdVrWRC37xXQ0Is7MJDWcw6QAx4CuY42WJEhvTWvAWjINrXB7dXLJqwAdJ/yiXzgmZLQUry5vQHPb+PJ+HdEb6OojVqVNMnxcqu3wnt/lnwHFwgAcjIikK86LfwYDRAnpY5uYRwHKQqNIXCddep7f5lRyJQv7hXYoz8tJX2/wA5q8KP2cBeO7lpMeI1JnIny05LFgt/dViczpo0dlTvj5IUXPCorMi9CZO5tmaLKFgA3PpVGZT6tz5G2gHT7njaLJ7eGnHYbXMZOI+xANChRsBR8VJhydFXAFTTPwO+x32O+x32O+w32FT8leAAQAEmdnBLIlHUwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100%;
    animation: icoAt 2s ease-in-out infinite;
}

@keyframes icoAt{
  0% { transform: scale(1)}
  60% { transform: scale(1.3)}
  100% { transform: scale(1)}
}

.ipwd, .iuser {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 50%;
}
.iuser {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2MzM0OUY1MTlFQTExRTc4NUMzRkM0ODIwRDE5Q0I2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2MzM0OUY2MTlFQTExRTc4NUMzRkM0ODIwRDE5Q0I2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODYzMzQ5RjMxOUVBMTFFNzg1QzNGQzQ4MjBEMTlDQjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODYzMzQ5RjQxOUVBMTFFNzg1QzNGQzQ4MjBEMTlDQjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4AN+HKAAABlklEQVR42uyXPyiEYRzH79G9BgtiEiKLsiqWsyqJzWhikUgZlBvZWOTPhsFkOUryZ7QYriwsSgYGg1BcF8rr86tn0LlTz/t6773h99Sn39P73HPvp+e93/fujO/7iUoeVYkKHyqogiqogiqoguFG0nWDMebXtcGVsxbKAgxDLVzDGqweTKW+Cl/v8v0f+gSRa6dkIQc9UA/TMA5brJuynmCRsSEinNTcj2tHiJ1TL2AI9mP5DCLRSEnBYuEawi+UZRiNs0ma4Q6Z1xLrl9AWp+AjNHGSXol1aZ6H2AQ5uXvbsWNFHr9nm2Uv7iaZhBOEZL6J9DvzVokYyMN2mDc3rv9JSuRgr829TniGBtiBGYTfwuRgYEGbfyPQAdV2ucbOJRM/7bUPuIFdZG/LIojcBNMlOIQruedfW6ALBmAWyXWXeyYDZF+/zb0+bpZ12NdNOaXKaR5H2cXzkHaRsx0vr0/b/ZHGjDREJmBTZuz+SGNG8i3Po6oLuNeLWlA69ClEtOUizUH9Ra2CKqiCKqiCKviv41uAAQA0tX73tmdh/QAAAABJRU5ErkJggg==);
}
.ipwd {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5RDcyMDgyMTlFQTExRTc5Rjk1OTdDOEFDRTIwOEMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5RDcyMDgzMTlFQTExRTc5Rjk1OTdDOEFDRTIwOEMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTlENzIwODAxOUVBMTFFNzlGOTU5N0M4QUNFMjA4QzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTlENzIwODExOUVBMTFFNzlGOTU5N0M4QUNFMjA4QzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Dmy/XAAAA/klEQVR42mL8//8/w2AGTAyDHIw6cNSBow4cdeCoA0cdSBlgIVcjIyMjnO0z6XAokCoBYmOo0Fkg7t6SZ7sGpobcOp/iEAQ6rhlITQbi2UCsAMUg9hSoHEWAkVyfgUIQ6AB9IPMwKOSAoXUbzeGq0JC0BcpdHKgQ9AHiNeiOAwGo2BqomgHLJKJA/AiP/COomtFcjAscBeLveOTPADHngGQS38lHZgIpcyKVn9yca5NO7xBMA+IYIP5KQB03EC8B4vSBiOKtwNz6gUA5KTBaF486cCSXg/zATEBQzUA58DoQPyBBLX0L6tE0OOrAUQeOOnDUgaMOHHUgVQBAgAEAPURE5LkkC7QAAAAASUVORK5CYII=);
}

#login input {
    display: inline-block;
    height: 40px;
    width: calc(100% - 40px);
    border-radius: 2px;
    border-width: 0;
    outline: none;
    background-color: #fff;
    color: #666;
    font-size: 13px;
    line-height: 40px;
    padding: 0;
    padding-left: 40px;
}

input#pwd{
    text-security: disc;
    -webkit-text-security: disc;
    -moz-text-security: disc;
}


button, input {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}

#login #tips {
    color: #ff0007;
    display: block;
    margin-bottom: 15px;
}
#login button {
    display: inline-block;
    line-height: 40px;
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    outline: none;
}
.btn {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    transition: all .4s ease 0s;
    border-radius: 2px;
    background: #59cba0;
    border: 1px solid #59cba0;
    color: #fff;
}