/* ui-form 表单
-----------------------------------------------------------------------------*/
.input-group, .input-group *, .input-group-checkbox, .input-group-radio, .input-group-checkbox *, .input-group-radio * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.input-group { border-collapse: separate; display: table; position: relative; }
.input-group label { display: block; }
.input-group-addon { background-color: #fff; border: .05rem solid #e1e1e1; border-radius: .2rem; border-bottom-right-radius: 0; border-top-right-radius: 0; color: #333; font-size: .7rem; font-weight: 400; line-height: 1; padding: .5rem; text-align: center; display: table-cell; vertical-align: middle; white-space: nowrap; width: 1%; }
.input-group-addon:first-child { border-right: 0; }
.input-group-addon .iconfont { color: #b4b4b4; font-size: .9rem; }
.input-group-addon.focus .iconfont { color: #37a6ed; }
.input-group-btn { position: absolute; right: .25rem; top: .35rem; }
.input-group-btn .c-btn { padding: .25rem; border: #ddd .05rem solid; }
.input-group .form-control, .input-group .form-select, .input-group .form-textarea { -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none; border: .05rem solid #e1e1e1; border-radius: .25rem; color: #333; display: block; font-size: .7rem; height: 2.25rem; line-height: 1.42857; padding: .3rem .6rem; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; outline: 0; }
.input-group .form-select-arrow { display: block; width: .5rem; height: .5rem; border: solid #ccc; border-width: .1rem .1rem 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: .75rem; right: .75rem; }
.input-group .form-control {padding-right:1.5rem;}
.input-group.input-border .form-control, .input-group.input-border .form-select, .input-group.input-border .form-textarea { border-radius: 0rem; border-right: 0; font-size: .8rem; height: 2.25rem; line-height: 1.52857; }
.input-group .form-control:focus, .input-group .form-select:focus, .input-group .form-textarea:focus { color: #333; }
.input-group .form-control::-webkit-input-placeholder, .input-group .form-textarea::-webkit-input-placeholder {color: #bfbfbf;}
.input-group .form-control:-moz-placeholder, .input-group .form-textarea:-moz-placeholder {color: #bfbfbf;}
.input-group .form-control::-moz-placeholder, .input-group .form-textarea::-moz-placeholder {color: #bfbfbf;}
.input-group .form-control:-ms-input-placeholder, .input-group .form-textarea:-ms-input-placeholder {color: #bfbfbf;}
.input-group .form-textarea { height: auto; resize: none; margin: 0; }
.input-group .form-control:nth-child(2), .input-group .form-textarea:nth-child(2) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: 0; padding-left: 0; }
.input-group .form-control, .input-group label .form-control, .input-group label .form-select, .input-group label .form-textarea { border-radius: .2rem; padding-left: .6rem; border-left: .05rem #e1e1e1 solid; }
.input-group .input-group-addon + .form-control, .input-group .input-group-addon + .form-select { border-top-left-radius: 0rem; border-bottom-left-radius: 0rem; padding-left: 0rem; border-left: 0rem; }
.input-group-text { font-size: .7rem; color: #555; }
.input-merge .input-group .input-group-addon, .input-group.input-border .input-group-addon { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.input-group.input-border .input-group-addon { border-left: 0; font-size: .8rem; color: #333; padding: .5rem 1rem; }
.input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-merge .input-group:first-child .input-group-addon { border-top-left-radius: .2rem; }
.input-merge .input-group:first-child .form-control, .input-merge .input-group:first-child .form-select, .input-merge .input-group:first-child .form-textarea { border-top-right-radius: .2rem; }
.input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom-right-radius: .2rem; }
.input-merge .input-group:last-child .input-group-addon { border-bottom-left-radius: .2rem; }
.input-merge .input-group.input-border .input-group-addon, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .input-group-addon { border-radius: 0rem; }
.input-merge .input-group.input-border { padding-left: 1rem; }
.input-merge .input-group.input-border .input-group-addon { padding-left: 0 }
.input-merge .input-group .input-group-addon, .input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom: 0; }
.input-merge .input-group:last-child .input-group-addon, .input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom: .05rem solid #e1e1e1; }
.input-merge.input-merge-border .input-group:first-child .input-group-addon, .input-merge.input-merge-border .input-group:first-child .form-control, .input-merge.input-merge-border .input-group:first-child .form-select, .input-merge.input-merge-border .input-group:first-child .form-textarea { border-top: 0; }
.input-merge.input-merge-border .input-group:last-child .input-group-addon, .input-merge.input-merge-border .input-group:last-child .form-control, .input-merge.input-merge-border .input-group:last-child .form-select, .input-merge.input-merge-border .input-group:last-child .form-textarea { border-bottom: 0; }
.input-merge.input-merge-border { border-top: .05rem solid #e1e1e1; border-bottom: .05rem solid #e1e1e1; background: #fff; }
.input-group-addon-disabled, .form-control[disabled], .form-control:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-select[disabled], .form-select:disabled { background-color: #f9f9f9; opacity: 1; -webkit-opacity: 1;}
.input-group .form-input { height: 2.25rem; border-top: .05rem solid #e1e1e1; position: relative; padding: .35rem 0; }
.input-group .form-input-text { color: #909090; font-size: .8rem; }
.input-group .form-select-box { display: inline-block; position: relative; margin-right: .5rem; }
.input-group .form-select-box .form-select { width: 100%; }
.input-group .form-select-box .form-select-arrow { top: .35rem; right: .6rem }
.input-group .form-text-box { -webkit-box-flex: 1; box-flex: 1; border-right: .05rem solid #e1e1e1; border-top: .05rem solid #e1e1e1; padding: .45rem 0rem; line-height: 1.88; font-size: .7rem;}
.input-group.input-border .form-text-box {border-right: 0;}
.input-group.input-border .form-input .form-control, .input-group.input-border .form-input .form-select { height: 1.55rem; border: #e1e1e1 .05rem solid !important; border-radius: .1rem; display: inline-block; vertical-align: baseline; line-height: 1.2; }
.input-group .input-clear { position: absolute; right: .3rem; top: 50%; margin-top: -.4rem; background: #7e7e7e; border-radius: 50%; width: .8rem; height: .8rem; text-align: center; }
.input-group .input-clear:before, .c-ser-main .input-clear:after { content: ''; position: absolute; height: .05rem; width: .5rem; top: 50%; left: 50%; margin-top: -.025rem; margin-left: -.25rem; background: #fff; border-radius: .3rem; }
.input-group .input-clear:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.input-group .input-clear:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.input-group-checkbox, .input-group-radio { display: inline-block; position: relative; font-size: .7rem; color: #909090; }
.input-group-checkbox input[type="checkbox"], .input-group-radio input[type="radio"] { position: absolute; opacity: 0; width: .05rem; height: .05rem; }
.input-group-checkbox .input-group-pack, .input-group-radio .input-group-pack { width: 1rem; height: 1rem; background-color: #ffffff; border: .05rem #d3d3d3 solid; padding: 0; margin: 0 .25rem 0 0; position: relative; display: inline-block; vertical-align: middle; border-radius: .25rem; overflow: hidden; top: -.1rem; }
.input-group-radio .input-group-pack { border-radius: 50%; }
.input-group-checkbox .input-group-pack.input-group-pack-disabled, .input-group-radio .input-group-pack.input-group-pack-disabled { background-color: #f0f0f0; }
.input-group-checkbox .input-group-pack .tick { display: block; width: .6rem; height: .1rem; background: #4dcd70; margin: .4rem 0 0 .3rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: 2.5rem; }
.input-group-checkbox .input-group-pack .tick:after { content: ''; width: .4rem; height: .1rem; background: #4dcd70; position: absolute; top: -.15rem; left: -.25rem; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.input-group-radio .input-group-pack .disc { display: block; content: "" !important; width: 0rem; height: 0rem; border-radius: 50%; background-color: #4dcd70; margin: .2rem; }
.input-group-checkbox input[type="checkbox"]:checked ~ .tick, .input-group-checkbox .input-group-pack.checked .tick { top: 0rem; }
.input-group-radio input[type="radio"]:checked ~ .disc, .input-group-radio .input-group-pack.checked .disc { width: .5rem; height: .5rem; }
.input-group-switch { position: relative; font-size: .8rem; width: 2.6rem; height: 1.6rem; line-height: 1em; }
.input-group-switch input { width: 2.6rem; height: 1.6rem; position: absolute; z-index: 10; border: none; background: none; -webkit-appearance: none; outline: none; }
.input-group-switch input:before { content: ''; width: 2.5rem; height: 1.5rem; border: .05rem solid #e5e5e5; background-color: #fff; border-radius: 1rem; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0rem 0rem 0rem 0rem inset; box-shadow: #dfdfdf 0rem 0rem 0rem 0rem inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
.input-group-switch input:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0rem 0rem 0rem .8rem inset; box-shadow: #4cd964 0rem 0rem 0rem .8rem inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
.input-group-switch input:checked:after { left: 1.05rem; }
.input-group-switch input:after { content: ''; width: 1.5rem; height: 1.5rem; position: absolute; top: .05rem; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 .05rem .15rem rgba(0, 0, 0, 0.4); box-shadow: 0 .05rem .15rem rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
.input-group-switch input.thread:before { content: ''; width: 2.5rem; height: .15rem; border: .05rem solid #e5e5e5; background-color: #e5e7ea; border-radius: 1rem; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0rem 0rem 0rem 0rem inset; box-shadow: #dfdfdf 0rem 0rem 0rem 0rem inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
.input-group-switch input.thread:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0rem 0rem 0rem .8rem inset; box-shadow: #4cd964 0rem 0rem 0rem .8rem inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
.input-group-switch input.thread:checked:after { left: 1.65rem; }
.input-group-switch input.thread:after { content: ''; width: 1rem; height: 1rem; position: absolute; top: .05rem; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 .05rem .15rem rgba(0, 0, 0, 0.4); box-shadow: 0 .05rem .15rem rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }