|
|
@@ -0,0 +1,69 @@
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app {
|
|
|
+ background-color: #2B2B42;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ overflow: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ flex-grow: 1;
|
|
|
+ margin: 30px;
|
|
|
+ background-color: #363759;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ min-height: 527px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top{
|
|
|
+ width: 187px;
|
|
|
+ margin-top: 53px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .input{
|
|
|
+ align-self: stretch;
|
|
|
+ margin: 39px 43px 0;
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ height:44px;
|
|
|
+ background:rgba(255,255,255,1);
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+ .input::-webkit-input-placeholder{
|
|
|
+ font-size:12px;
|
|
|
+ font-weight:normal;
|
|
|
+ color:rgba(114,119,133,1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn{
|
|
|
+ align-self: stretch;
|
|
|
+ margin: 20px 43px 0;
|
|
|
+ height:44px;
|
|
|
+ background:linear-gradient(180deg,rgba(255,195,15,1) 0%,rgba(255,165,76,1) 100%);
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size:16px;
|
|
|
+ line-height: 44px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn:active{
|
|
|
+ background: #F29E3C;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottomImg{
|
|
|
+ width: 75vw;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
