* {
    margin: 0;
    padding: 0;
}
html {
    background: #F4F4F4;
    min-height: 100%;
    /*  */
}

#app {
    padding: .4rem;
    display: none;
}
.title {
    font-size: .28rem;
    font-weight: bold;
    margin-bottom: .15rem;
}
.mt {
    margin-top: .4rem;
}
.tr {
    display: flex;
    display: -webkit-flex;
    font-size: .26rem;
    font-size: #a7a7a7;
    margin-bottom: .1rem;
}
.th {
    font-weight: bold;
}
.td {
    flex: 1;
    -webkit-flex: 1;
    word-break: break-all;
}
.content-title {
    font-size: .34rem;
    font-weight: bold;
    line-height: .5rem;
    margin-bottom: .2rem;
}
.intro-text,
.note-text,
.footer-text {
    font-size: .26rem;
    line-height: .42rem;
    margin-bottom: .24rem;
    color: #333;
}
.section-title {
    font-size: .3rem;
    font-weight: bold;
    line-height: .46rem;
    margin: .36rem 0 .2rem;
}
.doc-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: .28rem;
    background: #fff;
}
.doc-table th,
.doc-table td {
    border: 1px solid #d9d9d9;
    padding: .16rem .12rem;
    vertical-align: top;
    text-align: left;
    font-size: .24rem;
    line-height: .36rem;
    color: #333;
    word-break: break-word;
}
.doc-table th {
    font-weight: bold;
    background: #f7f7f7;
}