[v-cloak] { display: none; } .flex{ display: flex; } .flex1{ flex: 1; } .vc{ align-items: center; } .w-80{ width: 80px; } .w-180{ width: 180px; } .w-220{ width: 220px; } .w-300{ width: 300px; } .bgc-f5f5fa{ background-color: #f5f5fa; } .c-FF0000{ color: #FF0000 } .lh28{ height: 28px; line-height: 28px; } .h30{ height: 30px; line-height: 30px; } /* 按钮样式 */ .btn{ outline: 0; cursor: pointer; display: inline-block; } .btn-size-s{ min-width: 80px; height: 30px; font-size: 14px; } .btn-size-m{ width: 120px; height: 36px; font-size: 14px; } .btn-12B7F5{ background-color: #12B7F5; border-color: #12B7F5; color: #FFF; } /* 必填*样式 */ .required{ position: relative; padding-left: 10px; } .required::after{ content: "*"; display: inline-block; color: red; position: absolute; left: 0; top: 7px; z-index: 0; font-size: 14px; } .ui-row{ flex-wrap: wrap; } .ui-row label{ min-width: 70px; padding-top: 5px; } .ui-row .ui-row-item{ margin-bottom: 20px; } .ui-row .el-input__inner{ height: 30px; line-height: 30px; background-color: transparent; cursor: pointer; font-size: 14px; } .ui-row .el-input__icon{ line-height: 30px; } /* 输入框样式 */ .form-control{ display: inline-block; border-radius: 3px; padding: 0 12px; box-sizing: border-box; } /* 单选框样式 */ .row-line-item { display: inline-block; font-size: 14px; margin-bottom: 20px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline { padding-left: 24px; } .checkbox-inline input[type='checkbox'], .radio-inline input[type='radio'] { position: absolute; margin-left: -20px; opacity: 0; } input[type='checkbox']+span:before { content: ''; position: absolute; left: 0; top: 4px; background: url(../images/gouxuan_btn.png); width: 14px; height: 14px; display: inline-block; } input[type='checkbox']:checked+span:before { background: url(../images/gouxuan_pre.png); }