.el-form-display { display: flex; display: -webkit-flex; } .el-form-display .el-form-item { flex: 1; } .div-display { display: flex; display: -webkit-flex; } .div-display .content { margin-right: 20px; flex: 2; } .div-display .note { flex: 1; } .tabInfo { width: 100%; } .tabHead { text-align: center; background-color: #317fca; color: whitesmoke; padding: 10px; font-size: 16px; font-weight: normal; color: rgb(100, 100, 100); } .tabInfo tr { border: 1px solid rgb(240, 240, 240) } .tabInfo td.title { padding: 10px; text-align: center; width: 25%; color: black; /*background-color: rgb(248, 248, 248);*/ border: 1px solid rgb(240, 240, 240) } .tabInfo td.content { padding: 10px; text-align: center; color: rgb(160, 160, 160); width: 25%; border: 1px solid rgb(240, 240, 240) } .tabInfo td.three { width: 75%; } .tabInfo td div.bigContent { text-align: left; max-height: 188px; overflow-y: auto; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; /*white-space: pre-wrap;*/ white-space: pre-line; word-wrap: break-word; } .el-collapse-item__header { /*background-color: #317fca;*/ /*color: whitesmoke;*/ padding-left: 10px; /*border-bottom:1px solid #ebeef5 ;*/ height: 35px; line-height: 35px; font-size: 16px; } .el-collapse { border: none; } .el-collapse-item__wrap { border-bottom: none; } .filedownload { font-weight: 500; font-size: 14px; cursor: pointer; } .textareaDiv { text-align: left; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .view-header .el-form-item__label { color: #409EFF; font-weight: bold; line-height: 24px; border-left: 5px solid #409EFF; box-sizing: border-box; } .textarea-div { white-space: pre-line; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; text-align: left !important; } .high_light { color: orangered; font-weight: bold; } .file-div { display: inline-block; width: 100px; margin-right: 10px } .file-doc-img { width: 100px; height: 100px; box-shadow: 0 0 5px rgb(200, 200, 200) } .file-image-img { width: 100px; height: 100px; box-shadow: 0 0 5px rgb(200, 200, 200) } .file-image-img-slot { width: 100%; height: 100%; display: flex; align-items: center; text-align: center } .file-image-img-slot-span { font-size: 12px; color: rgb(180, 180, 180); width: 100%; text-align: center; overflow: hidden; padding: 0 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .file-down-span { margin-top: -10px; } .v-box .el-card__header { padding: 5px 15px; }