.layout-view{ position: fixed; left: 30px; bottom: 0px; padding-bottom: 30px; width: 690px; z-index: 15; background-color: rgba(255, 255, 255, 1); } .layout-list{ position: relative; width: auto; box-sizing: border-box; z-index: 12; } .seed-item{ margin-right:90px; } .seed-item:last-child{ margin-right:0px; } .item-text{ font-family: "Verdana Bold"; font-weight: 700; font-size: 34px; text-align: center; color: #1c1c1c; width: 95px; /* height: 80px; */ margin-bottom:10px; } .item-select{ width: 50px; height: 12px; border-radius: 6px; background: #ffa040; } .item-set{ font-family: "Verdana"; font-weight: 400; font-size: 24px; text-align: left; color: #faa040; } .btn-list{ position: relative; width: 100%; box-sizing: border-box; margin-top:26px; } .btn{ height: 100px; border-radius: 50px; backdrop-filter:blur(40px); --webkit-backdrop-filter: blur(40px); font-family: "Verdana Bold"; font-weight: 700; font-size: 32px; color: #272727; box-sizing: border-box; } .up{ width: 690px; box-shadow: 0 6px 20px #f2980233; } .up1{ color: rgba(245, 145, 39, 1); background-image:linear-gradient(124deg, rgba(245, 201, 82, 0.4) 0%, rgba(239, 149, 57, 0.4) 100%); } .up2{ color: rgba(255, 255, 255, 1); background-image:linear-gradient(124deg, rgba(245, 201, 82, 1) 0%, rgba(239, 149, 57, 1) 100%); } .up3{ color: rgba(255, 255, 255, 1); background-image:linear-gradient(124deg, #ccc 0%, #ccc 100%); } .houseType{ width: 320px; box-shadow: 0 6px 20px #f2980233; } .style1{ margin-right:17px; } .AiBtn{ width: 320px; box-shadow: 0 6px 20px #f2980233; }