.info-card{ margin: 10px; padding: 0px; border: 1px solid #e1e1e1; border-radius: 10px; } .c-999{ color: #999; } .fenjie-line{ background: url(../images/geduan_img.png) no-repeat; width: calc(100% + 2px); height: 20px; background-size: 100% 20px; left: -1px; right: -1px; position: relative; } .choose-patient{ height: 45px; line-height: 45px; text-align: center; border: 1px solid #17b3ec; border-radius: 23px; color: #17b3ec; font-size: 17px; } .upload-btn, .confirm-btn{ background-color: #c8c8c8; border-radius: 23px; } .upload-btn, .confirm-btn.active{ background-color: #17b3ec; } .mui-popover.mui-popover-action .mui-table-view{ color: #333; font-size: 17px; } .mui-popover.mui-popover-action .mui-table-view .choose-label{ font-size: 14px; color: #999; } .mui-popover.mui-popover-action .mui-table-view .cancel{ font-size: 17px; color: #666; } .image-panel{ margin: 15px 15px 0; background-color: #fff; border-radius: 10px; border: 1px solid #e1e1e1; } .img-box{ width: 100%; height: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px; /*background: url(../images/xieyi.jpg) no-repeat;*/ background-repeat: no-repeat; background-size: cover; background-position: 0 0; } .img-box img{ position: absolute; width: 100%; height: 100%; left:0; top: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; object-fit: cover; object-position: 0 0; } .re-upload-btn{ text-align: center; font-size: 16px; color: #fff; background-color: #999; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px 0; }