* {
    margin: 0;
    padding: 0;
}

body, html {
    width: 100%;
}

body {
    font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.4285;
    color: #333;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table1 {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 20px;
    width: 100%;
}

    .table1 tr td {
        border-bottom: 1px solid #ddd;
        padding: 1px;
    }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.4285;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.main {
    width: 100%;
}
@media screen and (min-width: 768px) {
    .main {
        width: 750px;
        margin: 0 auto;
        box-sizing: border-box;
    }
}