.content { padding: 0 2rem 3.1rem 2rem; } .title { margin-bottom: 1.5rem; } .pr-select { 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; } .btngroup { display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; flex-direction: row; margin: 1.25rem 0 0 0 } .btn { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.4rem; width: 23%; line-height: 2.4rem; color: #000000; font-size: 0.8rem; margin: 0 0.2rem 1.25rem 0.2rem; } .btn-free-width { border: 1px solid #d9d9d9; border-radius: 0.25rem; height: 2.4rem; line-height: 2.4rem; color: #000000; min-width: 23%; font-size: 0.8rem; margin: 0 0.2rem 1.25rem 0.2rem; padding:0 0.4rem; box-sizing: border-box; } /*.btn-free-width:nth-child(4n+4){ margin: 0 0rem 1.25rem 0; }*/ .btn-highlight { color: #eabe2a; border: 1px solid #eabe2a; } .problem-desc { width: 100%; margin-top: 1.5rem; } #problem-text { width: 100%; box-sizing: border-box; font-size: 1.25rem; border: 1px solid #dad9da; padding: 0.4rem; } .problem-pic img { width: 4rem; height: 4rem; } .problem-pic { margin-top: 1.5rem; } .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%; } #save-btn { position: fixed; bottom: 0; width: 100%; height: 3rem; line-height: 3rem; font-size: 1.3rem; text-align: center; background-color: #e9be2b; } b { color: red; }