.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{ content: '*'; color: #F56C6C; margin-right: 4px; } #hearCase-add-app .plaintiff .el-form-item__label::before{ content: '*'; color: #F56C6C; margin-right: 4px; } .addPlaintiff .el-input { width: 130px; } .addPlaintiff .el-input-number__increase { border-left: solid 1px #FFE1CA; background: #fff3ea; } .addPlaintiff .el-input-number__decrease { border-right: solid 1px #FFE1CA; background: #fff3ea; } .addPlaintiff input { border: 1px solid #ffe1ca; } .addPlaintiff .table { border: solid 1px #EBEEF5; border-radius: 3px; } .addPlaintiff .table th { padding: 5px 0; } .addPlaintiff .table td { padding: 7px 0; } .addPlaintiffList .searchPlaintiff { position: absolute; top: 10px; right: 20px; } .addPlaintiffList .el-dialog__body { padding: 0; border-bottom: solid 1px #ccc; } .addPlaintiffList .el-dialog__footer { padding-top: 27px; } .addPlaintiff { width: 777px; } .addPlaintiff .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; } .addPlaintiff .content { background: #fafafb; padding: 20px; border: solid 1px #ccc; border-radius: 3px; } .addPlaintiffCon { padding: 0 20px; display: flex; line-height: 40px; } .addPlaintiffCon .leftCont { display: flex; border-right: solid 2px #E4E7ED; width: 60%; padding: 15px; } .addPlaintiffCon .leftCont .tabBut { width: 110px; } .addPlaintiffCon .leftCont .tabBut span { display: block; text-align: center; border-right: solid 2px #f4f4f4; cursor: pointer; } .addPlaintiffCon .leftCont .act { border-color: #FFC200 !important; color: #FFC200 !important; } .addPlaintiffCon .leftCont .tabList { flex: 1; padding: 15px; } .addPlaintiffCon .leftCont .tabList .table { border: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; } .addPlaintiffCon .leftCont .tabList .table .items { border-bottom: solid 1px #f4f4f4; padding: 0 10px; display: flex; } .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox, .addPlaintiffCon .leftCont .tabList .table .items .el-checkbox__label { width: 100%; } .addPlaintiffCon .leftCont .tabList .table .items .item { display: flex; padding-right: 20px; } .addPlaintiffCon .leftCont .tabList .table .items .item span { display: inline-block; text-align: center; flex: 1; } .addPlaintiffCon .ritCont { width: 40%; padding: 0 15px; } .addPlaintiffCon .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; } .addPlaintiffCon .ritCont .item span:first-child { text-align: left; color: #20232A; } .addPlaintiffCon .ritCont .item .price { display: inline-block; flex: 1; } .addPlaintiffCon .ritCont .item .del { cursor: pointer; } .addPlaintiffCon .ritCont .item .del img { position: relative; top: 5px; width: 20px; } .addPlaintiffCon .el-checkbox__label{ width: 100%; } .addDefendant .el-input { width: 130px; } .addDefendant .el-input-number__increase { border-left: solid 1px #FFE1CA; background: #fff3ea; } .addDefendant .el-input-number__decrease { border-right: solid 1px #FFE1CA; background: #fff3ea; } .addDefendant input { border: 1px solid #ffe1ca; } .addDefendant .table { border: solid 1px #EBEEF5; border-radius: 3px; } .addDefendant .table th { padding: 5px 0; } .addDefendant .table td { padding: 7px 0; } .addDefendantList .searchDefendant { position: absolute; top: 10px; right: 20px; } .addDefendantList .el-dialog__body { padding: 0; border-bottom: solid 1px #ccc; } .addDefendantList .el-dialog__footer { padding-top: 27px; } .addDefendant { width: 777px; } .addDefendant .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; } .addDefendant .content { background: #fafafb; padding: 20px; border: solid 1px #ccc; border-radius: 3px; } .addDefendantCon { padding: 0 20px; display: flex; line-height: 40px; } .addDefendantCon .leftCont { display: flex; border-right: solid 2px #E4E7ED; width: 60%; padding: 15px; } .addDefendantCon .leftCont .tabBut { width: 110px; } .addDefendantCon .leftCont .tabBut span { display: block; text-align: center; border-right: solid 2px #f4f4f4; cursor: pointer; } .addDefendantCon .leftCont .act { border-color: #FFC200 !important; color: #FFC200 !important; } .addDefendantCon .leftCont .tabList { flex: 1; padding: 15px; } .addDefendantCon .leftCont .tabList .table { border: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; } .addDefendantCon .leftCont .tabList .table .items { border-bottom: solid 1px #f4f4f4; padding: 0 10px; display: flex; } .addDefendantCon .leftCont .tabList .table .items .el-checkbox, .addDefendantCon .leftCont .tabList .table .items .el-checkbox__label { width: 100%; } .addDefendantCon .leftCont .tabList .table .items .item { display: flex; padding-right: 20px; } .addDefendantCon .leftCont .tabList .table .items .item span { display: inline-block; text-align: center; flex: 1; } .addDefendantCon .ritCont { width: 40%; padding: 0 15px; } .addDefendantCon .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; } .addDefendantCon .ritCont .item span:first-child { text-align: left; color: #20232A; } .addDefendantCon .ritCont .item .price { display: inline-block; flex: 1; } .addDefendantCon .ritCont .item .del { cursor: pointer; } .addDefendantCon .ritCont .item .del img { position: relative; top: 5px; width: 20px; } .addDefendantCon .el-checkbox__label { width: 100%; }