*{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; }