/* 自定义滚动条宽度 */ /* .editThreeAddPeopleBox { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } .editThreeAddPeopleBox::-webkit-scrollbar { width: 8px; } .editThreeAddPeopleBox::-webkit-scrollbar-track { background: #f1f1f1; } .editThreeAddPeopleBox::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } .editThreeAddPeopleBox::-webkit-scrollbar-thumb:hover { background: #555; } */ .editThreeAddPeopleBox{ padding-top: 10px; } .addPeopleBox { width: 300px; height: 150px; border: 1px solid #D9D9D9; color: #979797; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; margin-left: 100px; margin-top: 20px; } .addPeopleBox:hover { border: 1px solid #5892e9; color: #5892e9; } .addPeopleTitle { font-size: 18px; font-weight: 700; /* margin-top: 10px; */ } .addPeopleItem { display: flex; align-items: center; margin-top: 30px; } .addPeopleFormItem { /* display: flex; */ /* margin-top: 20px; */ } .addFormItemTitle{ margin-bottom: 5px; } .addPeopleFormItemR{ margin-left: 50px; } .addPeopleItemTitle { font-size: 16px; /* background-color: skyblue; */ /* width: 120px; */ text-align: left; margin-right: 10px; } .addPeopleItemTitleS{ width: 90px; } .redTips { color: red; } .editThreeUpBox { width: 300px; height: 150px; border: 1px dashed #D9D9D9; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #979797; } .exampleImg { width: 190px; height: 150px; border: 1px dashed #D9D9D9; border: 1px dashed #D9D9D9; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px; } .addressLine{ width: 10px; height: 1px; background: rgb(182, 182, 182); margin-left: 5px; margin-right: 5px; }