/* pages/detail/detail.wxss */ .container{ .c-part{ padding:0 10px; } .detail-name{ font-family: 'iconfont'; text-transform: capitalize; font-size: 35px; } .material-part{ .mp-list{ margin-top: 10px; .mpl-card{ display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid rgb(231, 231, 231); .m-name{ font-weight: 900; } } :last-child{ border: none; } } } .step-part{ .step-box{ .step-card{ align-items: center; display: flex; justify-content: flex-start; padding: 10px 20px; .step-index{ font-size: 25px; font-weight: 900; margin-right: 20px; font-family: "iconfont"; text-transform: capitalize; } .step-desc{ } } } } .deep-part{ .deep-box{ margin: 10px 0; } } .fixed-part{ position: fixed; bottom: 10px; .fixed-part-wrap{ display: flex; justify-content: space-between; .fp-item{ image{ width: 23px; padding: 10px; // background: red; border-radius: 50%; } } } } .measure-part{ .mp-box{ .mpb-item{ display: flex; justify-content:space-between; padding-bottom: 20px; align-items: center; .mpb-left{ } .mpb-right{ .mpb-operation-box{ display: flex; justify-content: center; align-items: center; height: 10px; .subtraction{ } .add{ } .disabled-add{ color: #e4e4e4; } .ob-btn{ font-size: 25px; font-weight: 900; line-height: 10px; padding:10px; } .person-numer{ input{ width: 20px; text-align: center; margin: 0 20px; } } } } } } } } .close-btn{ position: fixed; bottom: 50px; right: 20px; }