body {
    overflow-x: hidden;
}

.main {
    margin: 0 auto;
    width: 700px;
    background: #f9f9f9;
}

.record {
    padding: 20px;
}

.header {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.header span {
    margin-right: 10px;
}

.title {
    line-height: 25px;
    text-indent: 30px;
    margin: 10px 0;
}

.title span {
    border-bottom: 1px solid #464646;
    padding: 0 10px;
}

.sign {
    line-height: 25px;
    color: #464646;
    text-align: right;
}

.sign span {
    margin-right: 10px;
}

.component {
    margin: 10px 0;
    clear: both;
    height: 22px;
}

.component .label {
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 10px;
}

.component .component-item {
    float: left;
    width: 540px;
}

.component .component-item input {
    width: 536px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #dcdcdc;
}

.component .component-item input.backNo_withSelect {
    width: 426px;
    margin-right: 5px;
}

.component .component-item textarea {
    width: 536px;
    height: 100px;
    border: 1px solid #dcdcdc;
    background: #fff;
    margin-bottom: 10px;
}

.component .component-item textarea.reason {
    cursor: pointer;
}

.buttons {
    margin: 20px 0;
    text-align: center;
}

.buttons button {
    margin: 0 5px;
}