.mainTop { padding-top: 24px; background: #fff; overflow: hidden; .mainUser { padding-top: 36px; margin-left: 24px; margin-right: 24px; display: flex; position: relative; background: #f6f7fb; border-radius: 16px; padding-bottom: 20px; // margin-bottom: 16px; .leftSafe { width: 142px; display: flex; align-items: center; justify-content: center; .itemCile { width: 78px; height: 78px; background: linear-gradient(337deg, #7bb7ff 0%, #4581ff 100%); font-size: 32px; font-weight: 500; color: #ffffff; text-align: center; line-height: 78px; border-radius: 50%; margin-right: 32px; margin-left: 32px; } } .item_top_one { .item_top_one_flex { display: flex; align-items: center; .itemName { font-size: 28px; font-weight: 500; color: #000000; margin-right: 24px; } .itemPhone { font-size: 28px; font-weight: 400; color: #646466; } } .item_tag_box { margin-top: 16px; display: flex; align-items: center; flex-wrap: wrap; .item_tagItem { margin-bottom: 5px; margin-right: 16px; padding: 4px 10px 4px 10px; font-size: 24px; font-weight: 500; color: #4581ff; background: #e3eafb; border-radius: 8px; border: none; } .item_tagAdd { color: #4581ff; background: #ecf2ff; width: 114px; height: 45px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; .item_add { margin-left: 20px; line-height: 45px; // font-size: 40px; // margin-left: 8px; } .item_add_font { font-size: 24px; font-weight: 500; color: #4581ff; margin-right: 15px; } } } } .pos { position: absolute; top: 35px; right: 24px; font-size: 28px; font-weight: 400; color: #337fff; } } } .formBox { margin-top: 24px; margin-left: 24px; margin-right: 24px; background: #ffffff; border-radius: 16px; padding: 40px 32px 40px 32px; } .order_list { height: calc(100vh - 250px); margin-top: 24px; }