/* 共享的样式 */ .input-common { width: 130px; } .number-common { border-left: solid 1px #FFE1CA; background: #fff3ea; } .table-common { border: solid 1px #EBEEF5; border-radius: 3px; } .table-common th { padding: 5px 0; } .table-common td { padding: 7px 0; } .dialog-common { padding: 0; border-bottom: solid 1px #ccc; } .footer-common { padding-top: 27px; } .content-common { background: #fafafb; padding: 20px; border: solid 1px #ccc; border-radius: 3px; } .checkbox-label-common { width: 100%; } /* 原有样式的优化 */ .selectInput { position: relative; width: 100%; min-width: 100px; } .selectInput .flavorSelect { position: absolute; width: 100%; padding: 0 10px; border-radius: 3px; border: solid 1px #FF903D; line-height: 30px; text-align: center; background: #fff; top: 50px; z-index: 99; } .selectInput .flavorSelect .items { cursor: pointer; display: inline-block; width: 100%; line-height: 35px; border-bottom: solid 1px #f4f4f4; color: #666; } .selectInput .flavorSelect .none { font-size: 14px; } #hearCase-add-app .uploadImg .el-form-item__label::before, #hearCase-add-app .requiredField .el-form-item__label::before { content: '*'; color: #F56C6C; margin-right: 4px; } .addList .searchInfo { position: absolute; top: 10px; right: 20px; } .addTable { width: 777px; } .addBut { background: #ffc200; display: inline-block; padding: 0px 20px; border-radius: 3px; line-height: 40px; cursor: pointer; border-radius: 4px; color: #333333; font-weight: 500; } .addCon { display: flex; line-height: 30px; } .leftCont { display: flex; border-right: solid 2px #E4E7ED; width: 60%; } .tabBut { width: 110px; } .tabBut span { display: block; text-align: center; border-right: solid 2px #f4f4f4; cursor: pointer; } .act { border-color: #FFC200 !important; color: #FFC200 !important; } .tabList { flex: 1; padding: 15px; } .tabList .table { border: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; } .tabList .table .items { border-bottom: solid 1px #f4f4f4; padding: 0 10px; display: flex; } .tabList .table .items .el-checkbox, .tabList .table .items .el-checkbox__label { width: 100%; } .tabList .table .items .item { display: flex; padding-right: 20px; } .tabList .table .items .item span { display: inline-block; text-align: center; flex: 1; } .ritCont { width: 40%; padding: 0 15px; } .ritCont .item { box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.03); display: flex; text-align: center; padding: 0 10px; margin-bottom: 20px; border-radius: 6px; color: #818693; } .ritCont .item span:first-child { text-align: left; color: #20232A; } .ritCont .item .price { display: inline-block; flex: 1; } .ritCont .item .del { cursor: pointer; } .ritCont .item .del img { position: relative; top: 5px; width: 20px; } .separator { margin: 0 5px; /* 调整分隔符两侧的间距 */ color: #999; /* 设置分隔符颜色 */ }