@charset "utf-8"; .optionDialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,1,23,0.7); } .dialog_con { width: 90%; margin: 0 auto; padding-top: 2rem; background: #ffffff; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius: 10px; } .dialogList { margin: 0 0.4rem 0.5rem; max-height: 20rem; overflow-y:auto ; } .carType_list { padding: 0.8rem 1.2rem; font-size: 1rem; position: relative; } .check-item { width: 1.11rem; height: 1.11rem; display: inline-block; vertical-align: middle; float: right; } .check-item-bg,.check-item-bg2 { background-size: 100% 100%; background-repeat: no-repeat; position: relative; } .dialog input[type='radio'] { float: right; width: 1.11rem; height: 1.11rem; opacity: 0; } .check-item-bg { background-image: url(../../images/newImage/radio1.png); } .check-item-bg2 { background-image: url(../../images/newImage/radio2.png); } .dialogTitle { font-size: 1.2rem; font-weight: bold; padding: 0.8rem 0 0.8rem 1.5rem; color: #575765; } .dialogList label { position: relative; display: block; } .dialogList label:not(:last-child):after { height: 1px; content: ''; width: 100%; border-top: 1px solid #eaeaea; position: absolute; bottom: -1px; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } .buttonWrap { background: #f0f0f1; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 2.24rem; padding: 0.78rem 0; } .buttonWrap a{ float: left; display: block; width: 50%; text-align: center; height: 2.24rem; line-height: 2.24rem; position: relative; } .cancelBtn { color: #757679; } .confirmBtn { color: #1589f9; } .confirmBtn:after { width: 1px; content: ''; height: 100%; border-left: 1px solid #b9b8b8; position: absolute; top: 0; left: -1px; transform: scaleX(0.5); -webkit-transform: scaleX(0.5); } .carType_listDiv { padding: 0.5rem 1.2rem; display:flex; } .carType_listDiv label { margin-right: 1rem; padding-top: 0.5rem; } .carType_listDivInput { flex: 1; font-size: 1rem; padding: 0.5rem 0.2rem; border: 1px solid #eaeaea; border-radius: 5px; } .mb2 { margin-bottom: 2rem; } .mt1 { margin-top: 1rem; }