CloudSQLAdminPanel/public/scr/signup/css/index.css

    *{margin: 0;padding: 0;}
        a{text-decoration: none;}
        ul,li{list-style: none;}
        body{font-size: 14px;font-family: "微软雅黑";}
        .header{
            display: flex;
            width: 100%;
            height: 64px;
            background: #2196f3;
        }
        .header-title_row {
            display: flex;
            align-items: center;
            flex: 1;
        }
        .header-title_row span {
            margin: 0 16px;
            font-size: 23px;
            color: white;
        }
        .header-btn_row {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex: 2;
        }
        .header-btn-col {
            position: relative;
            display: inline-block;
            min-width: 88px;
            height: 36px;
            box-sizing: border-box;
            padding: 0 16px;
            margin: 0;
            overflow: hidden;
            font-size: 14px;
            font-weight: 500;
            line-height: 36px;
            color: #fff;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: .04em;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
        }

        .body{
            height: 590px;
            width: 870px;
            margin: auto;
            margin-top: 140px;

        }
        .ziti1{
            font-size: 33px;
        }
        .content{
            height: 511px;
            width: 867px;
            border: 1px solid black;
            margin-top: 27px;
            display: flex;
        }
        .content_row1{

            flex:1;

        }
        .content_row2{
            flex: 2;
            display: flex;
            justify-content: center;

        }
        .content_row3{

            flex:1;
        }
         .content_content{
          height:500px;
          width:399px;

       }
        .rectangle{
           height: 60px;
           width: 486px;
           margin-top: 29px;
           /* margin-left:134px; */

       }
       .picture{
           float: left;
           height: 25px;
           width: 25px;
           color: #873939;
           margin-top: 16px;
       }
       .picture1{
           height: 45px;
           width: 66px;
           float: left;
           margin-top: 7px;
       }
       .input{
           float: left;
           height: 37px;
           width: 340px;
           border: none;
           margin-top: 12px;
           margin-left: 26px;
           border-bottom: 1px solid black;
       }
       .input1{
           float: left;
           height: 37px;
           width: 301px;
           border: none;
           margin-top: 12px;
           margin-left: 26px;
           border-bottom: 1px solid black;
       }
        .input1:hover{
           border-bottom: 1px solid #3ed3ff;
       }
       .input:hover{
           border-bottom: 1px solid #3ed3ff;
       }
       .ziti2{
           color: #40c4ff;
           font-size: 15px;
           /* margin-left: 134px; */
           margin-top: 27px;
       }
       .button{
           height: 40px;
           width: 399px;
           margin-top: 33px;
           background: #40c4ff;
           /* margin-left: 134px; */
       }
       .ziti3{
           margin-top: 9px;
           margin-left: 187px;
           position: absolute;
       }
       .underline{
           width:133px;
           margin-left:234px;
           border:1px solid #40c4ff ;
           display: none;
       }


        .bottom{
            width:100%;
            height:80px;
            background:#424242;
            margin-top: 45px;
            display: flex;

        }

        .bottom_row1{
            flex:3;

        }
          .bottom_row2{
            flex: 3;
            display: flex;
            align-items: center;
            justify-content: center;
        }
          .bottom_row3{
            flex:3;

        }
        .bottom_row2 span{
            color: #9e9e9e;
            line-height: 93px;
            margin: 8px;

        }