.content { padding: 0 2rem 5rem 2rem; overflow: scroll; } .title { margin-bottom: 1.5rem; } .pr-select, .order-person, .order-result-person, .order-result, .order-pic { margin-top: 1.5rem; } .pr-selector { position: relative; width: 100%; } .pr-selected { display: flex; justify-content: space-between; height: 2.2rem; line-height: 2.2rem; border: 1px solid #dad9da; padding: 0 0.5rem; color: #666; } .pr-selected img { width: 1rem; } .pr-picker-modal{ position: absolute; top: 2.4rem; width:100%; height:30vh; overflow-y: auto; border: 1px solid #dad9da; display: none; } .pr-picker-modal .pr{ display: flex; flex-direction: row; background:#ffffff; color:#000000; border-top:1px solid #dad9da; height:2.6rem; line-height:2.6rem; font-size: 1.25rem; align-items:center; } .pr-picker-modal .pr .icon-con{ margin: 0 0.5rem 0 0.5rem; flex-shrink:0; width:2rem; height:2rem; display:flex; border-radius:50%; justify-content:center; align-items:center; font-size:1rem; background:#E9BE2B; } .pr-picker-modal .icon-con img{ width:1.6rem; } .show { display: block; } .order-desc { width: 100%; margin-top: 1.5rem; } #order-text { width: 100%; box-sizing: border-box; font-size: 1.25rem; border: 1px solid #dad9da; padding: 0.4rem; } .order-pic img { width: 4rem; height: 4rem; } .pic-item { display: inline-block; width: 4rem; height: 4rem; border: 1px solid #e5e5e5; box-sizing: border-box; margin: 0 1rem 1rem 0; position: relative; } .pic-item i { position: absolute; right: -0.8rem; top: -0.8rem; display: inline-block; width: 1.6rem; height: 1.6rem; border-radius: 50%; background-image: url('../../image/close.png'); background-size: contain; background-color: #fff; } .pic-item img { width: 100%; } #pic-review { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: black; display: none; } #pic-review img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; } .handle-detail { display: none; }