body {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    margin: 20;
    padding: 10;
   
}

.centerform{
    width: 95%;
    height: 360px;
    border: 1px solid #dedede;
    margin:5px auto;
    background-color: cornflowerblue;
    border-radius:15px;
    box-shadow: 4px 11px 7px #bfbfbf,-4px 11px 7px #bfbfbf;
}

h1 {
    font-size: 24px;
    color: #333;
}

form {
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    margin: 20px;
    
}


input,
button {
    margin-bottom: 20px;
}

.tables{margin:0 auto;width:340px;border:0;}
.tables tr td{border:0;text-align:center;}
label{color:#333333;line-height:35px;font-size:15px;font-family:Microsoft Yahei;font-variant:600;}
.inputs{display:block;background-color:#ffffff;color:#333333;border:0;width:178px;height:35px;line-height:35px;text-indent:8px;font-size:14px;font-family:Microsoft Yahei;font-variant:500;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.form_submit{margin:0 auto;width:140px;height:35px;line-height:35px;border:0;background-color:#FF6A00;text-align:center;color:#ffffff;font-weight:normal;font-size:17px;font-weight:500;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}


table {
    border-collapse: collapse;
    width:95%;
    align-content: center;
}

th,
td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;

}

th {
    background-color: #f2f2f2;
    font-weight: bold;
}
@media(max-width:500px){
	.tables{margin:0 auto;width:100%;border:0;}
	label{font-size:12px;}
	th{font-size:12px;}
｝