html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #a0a8b9;
    font-family: "Microsoft YaHei", helvetica, arial, sans-serif;
    font-weight: lighter;
}

.container {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.btn {
    border-radius: 18px !important;
    background-color: #fd9c2f;
    border: 0;
    color: #fff;
    padding: 6px 16px;
}

.btn:hover {
    color: #fff;
    border: 0;
}

.btn-cancel {
    background-color: #c0c8d4;
}

.hide {
    display: none;
}

.show {
    display: inherit;
}

.form-control {
    color: #36426f;
    border: 2px solid #eaedf3;
    border-radius: 16px !important;
    box-shadow: none !important;
    padding: 3px 12px;
}

textarea.form-control {
    border-radius: 8px !important;
}

select {
    border: 0 !important;
    box-sizing: inherit !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

#shadow {
    bottom: 0px;
    width: 100%;
    background: #000000;
    opacity: 0.6;
    height: 100%;
    position: fixed;
    z-index: 9999;
}

#ueditor {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.ueditor {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

.ueditorContent {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
}

img {
    max-width: 100%;
}

.edui-editor-iframeholder {
    min-height: 400px !important;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #a0a8b9 !important;
}

.label {
    font-weight: inherit;
}

textarea {
    border: 2px solid #eaedf3;
    border-radius: 8px;
}

input[type=checkbox],
input[type=radio] {
    margin: 3px;
}


.login {
    position: relative;
    width: 100%;
    height: 100%;
    background: #eaedf3;
    overflow: auto;
    min-height: 600px;
    min-width: 1280px;
    z-index: 9999;
}

.login .loginContent {
    position: absolute;
    background: #fff;
    width: 760px;
    top: 50%;
    left: 50%;
    color: #616161;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    border-radius: 8px;
}

.login .login-pic {
    float: left;
    width: 380px;
}

.login .login-label {
    float: left;
    width: 380px;
}

.login .login-label .login-label-group {
    border: 1px solid #eaedf3;
    width: 246px;
    margin: 0 auto 44px auto;
    border-radius: 20px;
}

.login .login-label .login-label-group1 {
    margin: 0 auto 15px auto;
}

.login .login-label .login-title {
    margin-top: 68px;
    margin-bottom: 62px;
    color: #fd9c2f;
    font-size: 34px;
}

.login .loginContent .login-icon {
    float: left;
    text-align: center;
    margin: 7px 0 0 15px;
    width: 20px;
    height: 20px;
}

.login .loginContent .text {
    float: left;
}

.login .loginContent .login-btn {
    margin: 25px auto 0 auto;
    width: 246px;
    height: 36px;
}

.login .loginContent .text .form-control {
    width: 209px;
    border: 0;
    border-radius: 0 !important;
    border-bottom-right-radius: 18px !important;
    border-top-right-radius: 18px !important;
}

.login .errorMessage {
    color: red;
}

.bottom {
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 50%;
}


/*case-list*/
.sort-date {
    background-color: inherit;
    border: 0;
    margin-left: 15px;
    border-bottom: 2px solid #c0c8d4;
}

.add-new-btn {
    float: right;
    margin-bottom: 24px;
}

.add-new-btn1 {
    float: left;
    margin: 14px 0;
}

.add-new-btn .btn-primary {
    background-color: #fd9c2f;
    border: 0;
}

.sort-label {
    float: left;
    line-height: 34px;
}

.sort-label span {
    cursor: pointer;
    margin-right: 15px;
}

.sort-label .selectLabel {
    padding-bottom: 5px;
    border-bottom: 3px solid #fd9c2f;
}

.sort-label .btn {
    float: right;
}

.table-list {
    background-color: #fff;
    border-radius: 8px;
    line-height: 56px;
    padding: 0 30px;
    text-align: center;
    position: relative;
}

.table-list .table-title {
    border-bottom: 1px solid #eaedf3;
    text-align: left;
    font-size: 16px;
    color: #36426f;
}

.table-list .table-title .home-title {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    color: #a0a8b9;
    float: left;
}

.table-list .table-title .home-title span {
    font-size: 16px;
    color: #36426f;
    margin-right: 12px;
}

.table-list .table-title .more-case {
    font-size: 14px;
    color: #c0c8d4;
    float: right;
    line-height: 70px;
    height: 70px;
    cursor: pointer;
}

.table-list .table-content {
    border-bottom: 1px solid #eaedf3;
    text-align: left;
    font-size: 14px;
    color: #72788d;
    line-height: 56px;
}

.table-list .lastContent {
    border-bottom: 0;
}

.table-list .home-content {
    cursor: pointer;
}

.table-list .lastHomeContent {
    border-bottom: 0;
}

.table-list .verifier-table-content {
    text-align: center;
}

.table-list .check-label {
    float: left;
    height: 40px;
    margin-right: 15px;
}

.table-list .table-title .check-label input {
    margin-left: 15px;
    margin-top: 28px;
    font-size: 30px;
}

.table-list .table-content .check-label input {
    margin-left: 15px;
    margin-top: 20px;
    font-size: 30px;
}

.table-list .table-title .index-label {
    width: 5%;
    float: left;
    text-align: center;
    height: 70px;
    line-height: 70px;
}

.table-list .table-content .index-label {
    width: 5%;
    float: left;
    text-align: center;
    height: 56px;
    line-height: 56px;
}

.table-list .normal-label {
    width: 19%;
    float: left;
    height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table-list .table-title .normal-label {
    height: 70px !important;
    line-height: 70px !important;
}

.table-list .table-content .normal-label {
    height: 56px !important;
    line-height: 56px !important;
    cursor: pointer;
}

.table-list .verifier-normal-label {
    width: 20%;
    text-align: left;
}

.table-list .verifier-normal-label:first-child {
    text-align: center;
}

.table-list .verifier-table-content .normal-label {
    width: 20%;
    text-align: center;
}

.table-list .verifier-table-content .newNormal {
    height: inherit !important;
    line-height: 28px !important;
    text-align: left;
}

.table-list .verifier-table-content .normal-label-group .normal-label {
    width: 15%;
    text-align: left;
}

.table-list .normal-label-group {
    float: right;
    border-bottom: 1px solid #eaedf3;
    width: 80%;
}

.table-list .lastNormalLabel {
    border-bottom: 0;
}

.table-list .normal-label .subnum {
    color: #23527c;
    cursor: pointer;
    text-decoration: underline;
}

.table-list .name-label {
    width: 10%;
    float: left;
    height: 40px;
}

.table-list .type-label {
    width: 8%;
    float: left;
    height: 40px;
}

.table-list .sickness-label {
    width: 20%;
    float: left;
    height: 40px;
}

.table-list .status-label {
    width: 10%;
    float: left;
    height: 40px;
}

.table-list .home-status-label {
    float: right;
    line-height: 56px;
    height: 56px;
}

.table-list .user-info {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #eaedf3;
    height: 80px;
    line-height: 80px;
}

.table-list .user-info .user-label {
    color: #72788d;
    margin-left: 15px;
}

.table-list .user-info .user-label:first-child {
    margin-left: 0;
}

.table-list .user-info .user-text {
    padding-right: 15px;
    color: #666;
    border-right: 1px solid #666;
}

.table-list .user-info .user-text:last-child {
    border-right: 0;
}

.table-list .user-table-title {
    height: 80px;
    line-height: 80px;
    text-align: left;
    border-bottom: 1px solid #eaedf3;
    font-size: 17px;
}

.table-list .table-content .clinical-list-block {
    line-height: 40px;
}

.table-list .table-content .clinical-list-block .btn {
    margin-top: 3px;
}

.table-list .normal-label .edit-icon {
    float: left;
    margin-right: 15px;
    cursor: pointer;
}

/*.table-list .mark-label{*/
/*width: 30%;*/
/*float: left;*/
/*}*/
.table-list .table-content .mark-label .edit-controller {
    width: 200px;
    margin-left: 0;
}

.table-list .mark-label {
    float: left;
    width: inherit;
}

.table-list .mark-label .mark-text {
    float: left;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table-list .mark-label .editIcon {
    cursor: pointer;
    margin-left: 212px;
    float: left;
}

.table-list .mark-label .btn-save {
    background-color: #fd9c2f;
    margin-right: 4px;
    margin-left: 212px;
}

.table-list .mark-label .btn-cancel {
    background-color: #c0c8d4;
}

.table-list .id-label {
    float: left;
    width: 5%;
    height: 56px;
    text-align: center;
}

.table-list .table-content .range-label {
    height: inherit !important;
    min-height: 56px !important;
}

.table-list .table-content .range-label .action-btn {
    color: #31b0d5;
}

.table-list .examLabel {
    float: left;
    width: 10%;
    height: 56px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.table-list .examLabel .delete-icon {
    cursor: pointer;
}

.table-list .deleteFont .examLabel {
    color: #eaedf3;
}

.table-list .addFont .examLabel {
    color: green;
}

.table-list .remarksLabel {
    float: left;
    width: 20%;
    height: 56px;
}

.table-list .remarksLabel .outSelectDiv {
    border-radius: 18px;
    border: 1px solid #eaedf3;
    width: 100px;
    padding: 0 10px;
    display: inline-flex;
    height: 34px;
}

.table-list .remarksLabel .outSelectDiv .form-control {
    width: 100%;
}

.table-list .range-label {
    height: inherit !important;
}

.table-list .range-label .range-num-text,
.table-list .range-label .range-sex-text {
    line-height: 56px;
}

.table-list .range-label .range-num-text .form-control {
    float: left;
    height: 30px;
    padding: 2px 5px;
    width: 30%;
    min-width: 60px;
    margin: 14px 5px 0 5px;
}

.table-list .range-label .range-num-text .radio-input {
    float: left;
    margin-top: 22px;
    margin-left: 5px;
}

.table-list .range-label .range-num-text .link-text {
    float: left;
}

.table-list .range-label .chack-box-input {
    margin-left: 15px;
    margin-right: 5px;
}

.table-list .target-action-label .action-btn {
    cursor: pointer;
    color: #31b0d5;
}

.table-list .name-label .checkbox {
    float: left;
    margin-left: 15px;
    margin-top: 12px;
    font-size: 30px;
}

.table-list .action-label .edit-btn {
    color: #31b0d5;
    border-color: #eaedf3;
    font-size: 14px;
    padding: 3px 15px;
    position: absolute;
    margin-top: 6px;
}

.table-list .change-role {
    padding-bottom: 50px;
}

.table-list .change-role .change-district-label {
    float: left;
}

.table-list .change-role .change-district-form {
    float: left;
    width: 200px;
    margin-top: 10px;
    margin-left: 15px;
    border-radius: 18px;
    border: 1px solid #eaedf3;
    padding: 0 10px;
}

.table-list .change-role .btn {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

.followBtn {
    border-radius: 18px !important;
    background-color: #fd9c2f;
    border: 0;
    color: #fff;
    padding: 6px 16px;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
}

/*case-head-line*/
.head-line-content {
    margin: -30px 0 0 -30px;
    background-color: #fff;
    border-top: 2px solid #eaedf3;
}

.head-line {
    float: left;
    background-color: #fff;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    color: #72788d;
    width: 33.3%;
    text-align: center;
    background: url("../images/icon_step.svg") no-repeat;
    background-position: right;
}

.head-line1 {
    background: inherit;
}

.selectHeadLine {
    background-color: #fff;
    color: #36426f;
    font-size: 14px;
}

.pointHead {
    cursor: pointer;
}

/*caseEdit*/
.case-edit-info {
    background-color: #fff;
    width: 100%;
    margin-top: 24px;
    padding: 24px;
    min-height: 600px;
    margin-bottom: 50px;
    min-width: 1000px;
    border-radius: 8px;
}

.case-basic-info {
    min-width: 900px;
}

.case-edit-info .edit-btn {
    float: right;
}

.case-edit-info .case-block {
    float: left;
    width: 37%;
}

.case-edit-info .case-block1 {
    width: 26%;
}

.case-edit-info .label-block {
    margin-bottom: 15px;
}

.case-edit-info .label-block .label {
    float: left;
    width: 80px;
    text-align: right;
    font-size: 14px;
    color: #72788d;
    line-height: 34px;
    padding: 0;
}

.case-edit-info .label-block .select-group {
    float: left;
    margin-right: 10px;
    border-radius: 18px;
    border: 1px solid #eaedf3;
    width: 120px;
    padding: 0 10px;
}

.case-edit-info .label-block .label-text {
    float: left;
    line-height: 34px;
}

.case-edit-info .label-block .form-control {
    float: left;
    width: 250px;
    color: #72788d;
}

.case-edit-info .label-block .text-input {
    line-height: 34px;
}

.case-edit-info .label-block .short-control {
    width: 100px;
}

.case-edit-info .label-block .long-control {
    width: 500px;
    margin-right: 15px;
}

.case-edit-info .save-div {
    text-align: center;
}

.case-edit-info .save-div .btn-info {
    margin: 30px auto 0 auto;
    width: 200px;
}

.case-info-content {
    margin-top: 35px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #72788d;
}

.case-info-content .case-title {
    float: left;
    text-align: left;
    cursor: pointer;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-right: 15px;
    padding: 0 10px;
}

.case-info-content .selectCaseTitle {
    color: #fd9c2f;
    font-size: 16px;
}

.case-info-content .add-case-title {
    float: left;
    color: #a0a8b9;
    cursor: pointer;
    border: 1px dashed #e5e5e5;
    height: 40px;
    line-height: 40px;
}

.case-info-content .add-case-title span {}

.case-info-content .case-detail-group {
    padding: 0 30px;
    background-color: #fff;
}

.case-info-content .case-group {
    border-bottom: 1px solid #eaedf3;
    padding: 5px 15px;
}

.case-info-content .case-group1 {
    padding: 30px 15px;
}

.case-info-content .case-group .case-name-label {
    float: left;
}

.case-info-content .case-group .case-name-text {
    float: left;
    margin-left: 30px;
}

.case-info-content .case-group .case-name-text input {
    width: 600px;
    margin-top: 3px;
}

.case-info-content .case-group .pull-icon {
    float: right;
    cursor: pointer;
    margin-top: 15px;
}

.case-info-content .case-group .push-icon {
    float: right;
    color: #76a6ef;
    cursor: pointer;
}

.case-info-content .case-group .case-area {
    margin-bottom: 15px;
}

.case-info-content .save-div {
    text-align: center;
    margin-bottom: 60px;
    height: 40px;
    line-height: 40px;
}

.case-info-content .save-div .btn {
    margin: 40px auto 0 auto;
    width: 128px;
}

/*case-Info-head*/
.case-head {
    width: 100%;
    background-color: #fff;
    padding: 15px 30px 15px 30px;
    font-size: 14px;
    color: #666;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.case-head .patient-head {
    border-bottom: 1px solid #eaedf3;
    padding-bottom: 15px;
}

.case-head .patient-name {
    font-size: 30px;
    color: #36426f;
    float: left;
    height: 42px;
}

.case-head .patient-name span {
    font-size: 14px;
    color: green;
    margin-left: 15px;
}

.case-head .edit-btn {
    float: right;
}

/*.case-head .edit-btn .btn{*/
/*background-color: #c0c8d4;*/
/*margin-top: 15px;*/
/*}*/
.case-head .case-info-title {
    float: left;
    width: 15%;
    margin-top: 15px;
    line-height: 40px;
    cursor: pointer;
    color: #72788d;
}

.case-head .knowledge-icon {
    float: right;
    margin-top: 15px;
    line-height: 40px;
    cursor: pointer;
    color: #72788d;
}

.case-head .knowledge-icon img {
    margin-right: 5px;
}

.case-head .case-info-title .selectHead {
    padding-bottom: 10px;
    border-bottom: 3px solid #fd9c2f;
    color: #fd9c2f;
}

/*basic-info*/
.basic-info {
    margin-top: 15px;
    padding: 30px;
    background-color: #fff;
}

.basic-info .title {
    font-size: 17px;
    color: #666;
}

.basic-info .left-group,
.basic-info .right-group {
    float: left;
    width: 45%;
    line-height: 40px;
    text-align: center;
}

.basic-info .right-group {
    margin-left: 10%;
}

.basic-info .label-group .name-label {
    float: left;
    width: 30%;
    background-color: #a0a8b9;
    color: #666;
    margin-top: 10px;
}

.basic-info .label-group .text-label {
    float: left;
    width: 70%;
    background-color: #fff;
    color: #666;
    border: 1px solid #eaedf3;
    margin-top: 10px;
    height: 40px;
}

/*clinical-list*/
.clinical-list {
    padding: 24px;
    background-color: #fff;
    margin-top: 24px;
    margin-bottom: 50px;
}

.clinical-list .edit-btn {
    float: right;
    color: #ffffff;
}

.clinical-list .clinical-list-title {
    font-size: 14px;
    line-height: 40px;
    color: #666;
    margin-bottom: 20px;
}

.clinical-list .clinical-list-title span {
    color: #a0a8b9;
    font-size: 12px;
}

.clinical-list .clinical-block {
    float: left;
    margin-right: 1%;
    border: 1px solid #eaedf3;
    width: 19%;
    height: 80px;
    text-align: center;
    cursor: pointer;
    padding-top: 7px;
    color: #72788d;
    margin-bottom: 15px;
}

.clinical-list .clinical-block img {
    margin-bottom: 5px;
}

.clinical-list .clinical-title {
    margin-top: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaedf3;
}

.clinical-list .clinical-list-content {
    line-height: 40px;
}

.clinical-list .clinical-list-content .year-title {
    font-size: 17px;
    color: #333;
}

.clinical-list .clinical-list-content .clinical-label {
    line-height: 56px;
    background-color: #eaedf3;
    margin-bottom: 5px;
    padding-right: 15px;
}

.clinical-list .clinical-list-content .clinical-label-edit {
    cursor: pointer;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type {
    width: 56px;
    height: 56px;
    float: left;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type1 {
    background-color: #ff4f4f;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type2 {
    background-color: #22c5a4;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type3 {
    background-color: #76a6ef;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type4 {
    background-color: #76c529;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type5 {
    background-color: #fd9c2f;
}

.clinical-list .clinical-list-content .clinical-label .clinical-type img {
    margin-left: 10px;
}

.clinical-list .clinical-list-content .year-clinical-title {
    margin: 0 15px;
    font-size: 14px;
    color: #36426f;
}

.clinical-list .clinical-list-content .clinical-date {
    color: #72788d;
}

.pointer {
    border-radius: 100%;
    width: 12px;
    height: 12px;
    float: right;
    background-color: #ff4f4f;
    margin-top: 22px;
    margin-left: 10px;
}

/*clinical-info*/
.clinical-info {
    padding: 30px;
    background-color: #fff;
    margin-bottom: 50px;
    color: #72788d;
}

.clinical-info .table-list {
    border: 1px solid #eaedf3;
    padding: 0;
    margin-bottom: 15px;
}

.clinical-info .head-title {
    line-height: 40px;
    float: left;
    color: #666;
    font-size: 17px;
}

.clinical-info .head-title .statusLabel {
    font-size: 10px;
    line-height: 10px;
    padding: 1px 8px;
    border-radius: 20px;
    margin-left: 6px;
}

.clinical-info .head-btn {
    float: right;
}

.clinical-info .label-group {
    line-height: 40px;
    margin-top: 20px;
}

.clinical-info .name-label {
    float: left;
    color: #72788d;
    font-size: 14px;
    width: 100px;
    text-align: right;
}

.clinical-info .text-label {
    float: left;
}

.clinical-info .text-label .deleteIcon {
    margin-left: 15px;
    cursor: pointer;
    color: #337ab7;
}

.clinical-info .text-label .form-control {
    width: 300px;
}

.clinical-info .text-label .select-group {
    border-radius: 18px;
    border: 1px solid #eaedf3;
    width: 320px;
    padding: 0 10px;
}

.clinical-info .btn {
    float: left;
    color: #fff;
    margin-top: -6px;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
}

.clinical-info .normal-label {
    float: left;
    color: #72788d;
    font-size: 14px;
    margin-left: 15px;
}

.save-btn-group {
    text-align: center;
    margin: 30px 0 50px 0;
}

.save-btn-group .commit-btn {
    background-color: #76c529;
}

.save-btn-group .btn-error {
    background-color: #76c529
}

/*diseaselist*/
.disease-list {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 50px;
    border-bottom: 1px solid #eaedf3;
    background-color: #fff;
    padding: 0 30px;
}

.disease-list .edit-btn {
    float: right;
    margin-top: 30px;
    color: #fff;
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
}

.disease-list .disease-title-list {
    margin: 0 auto;
    border-radius: 22px;
    background-color: #eaedf3;
    height: 44px;
    line-height: 44px;
    padding: 4px;
}

.disease-list .disease-tab {
    line-height: 40px;
    color: #72788d;
    float: left;
    width: 10%;
    text-align: center;
    cursor: pointer;
}

.disease-list .selectTab {
    background-color: #fd9c2f;
    border-radius: 20px;
    color: #fff;
    height: 36px;
    line-height: 36px;
}

.content-group {
    background-color: #fff;
}

.disease-group {
    padding: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #eaedf3;
}

.disease-group .title {
    font-size: 17px;
    color: #36426f;
    margin-bottom: 10px;
}

.disease-group .content {
    color: #72788d;
    font-size: 14px;
}

/*follow*/
.remindTitle {
    font-size: 17px;
    color: #666;
}

.disease-title {
    background-color: #fff;
    padding-top: 15px;
    margin-top: 15px;
}

.disease-title .patient-name {
    font-size: 30px;
    color: #333;
    padding-left: 50px;
}

.disease-title .disease-name-label {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    float: left;
    width: 15%;
    background-color: #a0a8b9;
    text-align: center;
    cursor: pointer;
}

.disease-title .selectDiseaseLabel {
    background-color: #fff;
}

.disease-title .selectDiseaseLabel span {
    padding-bottom: 10px;
    border-bottom: 3px solid #eaedf3;
}

.remind-content {
    background-color: #fff;
    width: 100%;
    padding: 30px;
    margin-top: 15px;
}

.remind-content .remind-group {
    line-height: 80px;
    height: 80px;
}

.remind-content .remind-group .remind-label {
    float: left;
    width: 200px;
    text-align: right;
}

.remind-content .remind-group .remind-text {
    float: left;
    margin-left: 15px;
}

.remind-content .remind-group .remind-text .form-control,
.remind-content .remind-group .remind-text textarea {
    display: initial;
}

.remind-content .remind-group .remind-text .time-controller {
    width: 50px;
    padding: 6px 0 6px 12px;
    margin: 0 5px;
}

.remind-follow {
    background-color: #fff;
    border: 1px dashed #eaedf3;
    margin-top: 30px;
    padding: 36px;
    text-align: center;
    color: #72788d;
}

.remind-follow .btn {
    margin-top: 24px;
}


.addFollow {
    position: absolute;
    background-color: #fff;
    width: 40%;
    z-index: 99999;
    top: 20%;
    border-radius: 8px;
    left: 30%;
    font-size: 14px;
    color: #72788d;
}

.shadowFollow {
    z-index: 1;
}

.addFollow .followTitle {
    padding: 0 30px;
    line-height: 80px;
    height: 80px;
    border-bottom: 1px solid #eaedf3;
}

.addFollow .followTitle .followTitleText {
    float: left;
    font-size: 24px;
}

.addFollow .followTitle .closeBtn {
    float: right;
    font-size: 14px;
    cursor: pointer;
}

.addFollow .followTitle .closeBtn .glyphicon {
    cursor: pointer;
}

.addFollow .addFollowContent {
    padding: 30px;
    max-height: 300px;
    overflow: scroll;
}

.addFollow .addFollowContent .templateSelect {
    border-radius: 18px;
    border: 2px solid #eaedf3;
    padding: 0 10px;
    width: 170px;
    margin-bottom: 15px;
    height: 36px;
    line-height: 36px;
}

.addFollow .addFollowContent .templateSelect select {
    width: 150px;
}

.addFollow .addFollowContent .templateContent {
    width: 100%;
    border: 1px solid #c0c8d4;
    padding: 15px;
    line-height: 40px;
}

.addFollow .addFollowContent .templateContent .form-control {
    width: 100px;
    margin: 0 5px;
    display: inherit;
}

.addFollow .addFollowContent .labelBlock {
    line-height: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.addFollow .addFollowContent .labelBlock1 {
    height: inherit;
}

.addFollow .addFollowContent .labelBlock .text-label {
    float: left;
    text-align: right;
    width: 100px;
    margin-right: 15px;
}

.addFollow .addFollowContent .labelBlock .text-label1 {
    text-align: right;
    width: 100px;
}

.addFollow .addFollowContent .labelBlock .text-label2 {
    float: left;
    text-align: right;
    width: 120px;
    margin-right: 15px;
    margin-left: 30px;
}

.addFollow .addFollowContent .labelBlock .inputLabel {
    float: left;
}

.addFollow .addFollowContent .labelBlock .inputLabel .form-control {
    width: 300px;
}

.addFollow .addFollowContent .inputLabel1 {
    padding: 0 30px;
    margin-bottom: 15px;
}

.addFollow .addFollowContent .inputLabel1 textarea {
    height: 100px;
}

.addFollow .bottomGroup {
    text-align: center;
    height: 60px;
    border-top: 1px solid #eaedf3;
    line-height: 60px;
}

.addFollow .bottomGroup .btn {
    margin: 0 15px;
    color: #fff;
}

.history-follow {
    margin-top: 24px;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 50px;
}

.history-follow .follow-title {
    line-height: 80px;
    height: 80px;
    font-size: 17px;
}

.history-follow .history-follow-list {
    border-bottom: 1px solid #eaedf3;
    font-size: 14px;
    padding: 15px 0;
    line-height: 30px;
}

.history-follow .history-follow-list .history-follow-title {
    margin-left: 30px;
    color: #36426f;
}

.followBlock {
    width: 25%;
    padding-right: 15px;
    float: left;
    margin-top: 24px;
}

.followBlock .inlineBlock {
    width: 100%;
    background-color: #fff;
    padding: 30px 30px 24px 15px;
}

.followBlock .inlineBlock .follow-block-title {
    font-size: 14px;
    color: #36426f;
}

.followBlock .inlineBlock .follow-block-time {
    font-size: 14px;
    color: #c0c8d4;
    margin-top: 14px;
}

.followBlock .inlineBlock .edit-group {
    margin-top: 24px;
    float: right;
}

.followBlock .inlineBlock .edit-group img {
    margin-left: 24px;
    cursor: pointer;
}

.newFollow {
    text-align: center;
    cursor: pointer;
}

.followBlocklast {
    padding-right: 0;
}

.newFollow .inlineBlock {
    padding: 50px;
}

.newFollow .inlineBlock img {
    margin-bottom: 14px;
}

/*target*/
.search-group {
    float: left;
}

.search-group .form-control {
    width: 140px;
    position: initial;
    margin-right: 8px;
    float: left;
}

.search-group.btn {
    float: left;
}

.search-group .input-group-btn {
    width: auto;
    position: inherit;
}

.table-list .table-content .form-control {
    display: initial;
    width: 80%;
    /*margin-left: 10%;*/
}

.table-list .table-content .target-form-control {
    margin-left: 0;
}

.add-target {
    margin-top: 15px;
    color: #31b0d5;
    font-size: 14px;
    line-height: 40px;
    padding-left: 15px;
    cursor: pointer;
    float: left;
}

.add-target span {
    margin-right: 5px;
}

.add-label {
    float: right;
    margin-bottom: 24px;
}

.searchList {
    width: 200px;
    position: absolute;
    max-height: 300px;
    overflow-y: scroll;
}

.searchList .searchLabel {
    color: #72788d;
    background-color: #fff;
    width: 180px;
    margin-left: 10px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

/*account*/
.account-info {
    background-color: #fff;
    width: 650px;
    height: 100%;
    padding: 30px;
    margin: 0 auto 50px auto;
    min-height: 600px;
    border-radius: 8px;
}

.account-user-info {
    min-height: 450px;
    color: #72788d;
    border-radius: 8px;
}

.account-info .account-group {
    line-height: 40px;
    height: 40px;
    margin-top: 15px;
}

.account-info .account-group .account-label {
    float: left;
    text-align: right;
    width: 100px;
}

.account-info .account-group .account-text {
    float: left;
    margin-left: 10px;
}

.account-info .account-group .select-form {
    border-radius: 18px;
    border: 1px solid #eaedf3;
    width: 200px;
    padding: 0 10px;
}

.account-info .account-group .account-password-change {
    margin-left: 15px;
    float: left;
    margin-top: 4px;
}

.account-info .account-group .account-text .radio-btn {
    margin-right: 6px;
}

.account-info .account-group .account-text .form-control {
    display: initial;
    width: 200px;
    border-radius: 8px;
}

.account-info .account-group .select-form .form-control {
    width: 180px;
}

.account-info .submitBtn {
    text-align: center;
    margin-top: 30px;
}

.account-info .submitBtn .btn {
    border-radius: 8px;
    width: 100px;
    margin-right: 15px;
}

/*pagination*/
.pagination {
    margin: auto;
    padding: 15px 0;
}

.pagination .btn-pagination {
    background-color: #eaedf3;
    color: #72788d;
}

.pagination .selectPagination {
    background-color: #fd9c2f;
    color: #fff;
}

.pagination .form-control {
    display: inline;
    width: 50px;
    padding: 6px 0 6px 8px;
    text-align: right;
}

/*distribute*/
.caseDistribute {
    position: absolute;
    margin: 0 20%;
    background-color: #fff;
    width: 600px;
    border-radius: 8px;
    z-index: 99999;
    top: 200px;
    padding-bottom: 50px;
}

.caseDistribute .distribute-head {
    border-bottom: 1px solid #eaedf3;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
    padding: 0 15px;
}

.caseDistribute .distribute-name {
    float: left;
    width: 50%;
    text-align: center;
    height: 40px;
}

.caseDistribute .distribute-name div {
    margin: 10px auto;
    width: 150px;
}

/*verification*/
.verification-info {
    background-color: #fff;
    width: 100%;
    padding: 30px;
}

.verification-info .verification-patient-info {
    border-bottom: 1px solid #eaedf3;
    padding-bottom: 30px;
    line-height: 40px;
}

.verification-info .verification-patient-info .patient-name {
    font-size: 30px;
    color: #333;
}

.verification-info .verification-patient-info .manage-name {
    font-size: 12px;
    color: #72788d;
    margin-left: 30px;
}

.verification-info .verification-patient-info .verifier-status {
    margin-left: 15px;
    color: #666;
    font-size: 14px;
}

.verification-info .verification-patient-info .created-date {
    float: right;
}

.verification-info .verification-content {
    margin-top: 30px;
    line-height: 40px;
    font-size: 14px;
    color: #72788d;
}

.verification-info .verification-content-title {
    font-size: 17px;
    color: #666;
    border-bottom: 1px solid #eaedf3;
}

.verification-info .verification-text-group {
    height: 40px;
}

.verification-info .verification-text-group .form-control {
    margin-left: 15px;
    width: 400px;
    display: initial;
}

.verification-info .label-group {
    line-height: 40px;
    margin-top: 15px;
}

.verification-info .name-label {
    float: left;
    color: #72788d;
    font-size: 14px;
    width: 100px;
}

.verification-info .text-label {
    float: left;
}

.verification-info .text-label .form-control {
    width: 300px;
    color: #a0a8a9;
}

.verification-info .text-label .select-group {
    border-radius: 18px;
    border: 1px solid #eaedf3;
    width: 320px;
    padding: 0 10px;
}

.verification-info .normal-label {
    float: left;
    color: #72788d;
    font-size: 14px;
}

/*examlistDirective*/
.examList {
    position: absolute;
    z-index: 99999;
    width: 50%;
    height: 80%;
    background-color: #fff;
    top: 10%;
    border-radius: 8px;
    padding: 15px;
    color: #72788d;
    font-size: 14px;
    min-height: 500px;
}

.examList .searchGroup {
    height: 10%;
}

.examList .searchGroup .searchInput {
    float: left;
    width: 200px;
    margin-right: 15px;
}

.examList .examTitle {
    line-height: 40px;
    border-top: 1px solid #eaedf3;
    border-left: 1px solid #eaedf3;
    border-right: 1px solid #eaedf3;
    height: 10%;
    position: relative;
}

.examList .examTitle .examHead {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.examList .examContent {
    height: 70%;
    overflow: auto;
    min-height: 320px;
    border: 1px solid #eaedf3;
}

.examList .examContent .examListGroup {
    border-bottom: 1px solid #eaedf3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.examList .idLabel {
    width: 5%;
    float: left;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding-left: 15px;
    padding-top: 10px;
}

.examList .examLabel {
    width: 19%;
    float: left;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.examList .examBottom {
    width: 100%;
    height: 10%;
    text-align: center;
    color: #fff;
}

.examList .examBottom .btn {
    margin-top: 15px;
}

/*message*/
.messageDiv {
    position: absolute;
    width: 30%;
    border-radius: 8px;
    background-color: #fff;
    z-index: 9999999;
    top: 30%;
    left: 35%;
}

.messageDiv .messageTitle {
    line-height: 60px;
    height: 60px;
    font-size: 17px;
    color: #333;
    padding: 0 15px;
    border-bottom: 1px solid #eaedf3;
}

.messageDiv .messageTitle .closeBtn {
    float: right;
    cursor: pointer;
}

.messageDiv .messageFont {
    font-size: 14px;
    color: #666;
    padding: 30px;
}

.messageDiv .messageBottom {
    height: 60px;
    line-height: 40px;
    text-align: center;
    border-top: 1px solid #eaedf3;
}

.messageDiv .messageBottom .btn {
    margin: 12px;
}

/*plotList*/
.plotList {
    background-color: #fff;
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 24px;
}

.plotList-content {
    margin-top: 0;
    margin-bottom: 50px;
}

.plotList-content .plotlist-head {
    margin: 0 auto;
    border-radius: 20px;
    background-color: #eaedf3;
    height: 44px;
    line-height: 44px;
    padding: 4px;
}

.plotList-content .plotlist-head .plot-type {
    line-height: 40px;
    color: #72788d;
    float: left;
    width: 10%;
    text-align: center;
    cursor: pointer;
}

.plotList-content .plotlist-head .selectPlot {
    background-color: #fd9c2f;
    border-radius: 20px;
    color: #fff;
    height: 36px;
    line-height: 36px;
}

.plotList .plot-content {
    width: 50%;
    float: left;
    padding-right: 200px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.plotList .areaText {
    margin-top: 24px;
    width: 100%;
    margin-bottom: 14px;
}

.plotList .areaText textarea {
    padding: 12px 16px;
    width: 100%;
    border: 2px solid #eaedf3;
    border-radius: 8px;
}

.plotList .btn {
    float: right;
}

/*accountChange*/
.accountChangeHead {
    padding: 18px;
    background-color: #fff;
}

.accountChangeHead .text-Label {
    float: left;
    line-height: 34px;
}

.accountChangeHead .managelist {
    float: left;
    border-bottom: 1px solid #a0a8b9;
    margin-left: 15px;
    margin-right: 15px;
}

.accountChangeHead .managelist .form-control {
    width: 100px;
}

.change-group {
    float: left;
}

/*knowledgeBase*/
.knowledgeUeditor {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
}

.knowledge-btn {
    width: 100%;
    text-align: center;
}

.knowledge-btn .btn {
    margin: 0 auto 50px auto;
    padding: 6px 24px;
}

.knowledgeShadow {
    position: absolute;
    min-width: 600px;
    height: 80%;
    min-height: 400px;
    z-index: 999999;
    background-color: #fff;
    color: #72788d;
    width: 60%;
    left: 20%;
    top: 10%;
    border-radius: 8px;
}

.knowledgeShadow .knowledgeHead {
    height: 10%;
    min-width: 60px;
    line-height: 60px;
    font-size: 17px;
    padding: 0 30px;
    border-bottom: 1px solid #eaedf3;
}

.knowledgeShadow .knowledgeContent {
    padding: 30px;
    font-size: 14px;
    color: #a0a8b9;
    overflow-y: scroll;
    min-height: 360px;
    height: 90%;
}

.previewClinical {
    position: fixed;
    width: 375px;
    height: 667px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99999;
    background: #fff;
    top: 50%;
    left: 50%;
    color: #616161;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.previewClinical .pageHeader {
    height: 49px;
    line-height: 49px;
    background-color: #fd9c2f;
    color: #fff;
    text-align: center;
    padding: 0 18px;
    font-size: 18px;
}

.ueditorContentDiv {
    padding: 15px;
    background-color: #fff;
}

.ueditorContentDiv .ueditorContent {
    width: 100%;
}

.ueditorContentDiv .ueditorContent img {
    max-width: 100%;
}