823 lines
19 KiB
CSS
823 lines
19 KiB
CSS
|
/* formSelects多选css */
|
||
|
select[xm-select] {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent * {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
|
||
|
box-sizing: initial;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent {
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent select {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select-title {
|
||
|
position: relative;
|
||
|
min-height: 36px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-input {
|
||
|
cursor: pointer;
|
||
|
border-radius: 2px;
|
||
|
border-width: 1px;
|
||
|
border-style: solid;
|
||
|
border-color: #E6E6E6;
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
box-sizing: border-box;
|
||
|
background-color: #FFF;
|
||
|
height: 36px;
|
||
|
line-height: 1.3;
|
||
|
padding-left: 10px;
|
||
|
outline: 0
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select-sj {
|
||
|
display: inline-block;
|
||
|
width: 0;
|
||
|
height: 0;
|
||
|
border-style: dashed;
|
||
|
border-color: transparent;
|
||
|
overflow: hidden;
|
||
|
position: absolute;
|
||
|
right: 10px;
|
||
|
top: 50%;
|
||
|
margin-top: -3px;
|
||
|
cursor: pointer;
|
||
|
border-width: 6px;
|
||
|
border-top-color: #C2C2C2;
|
||
|
border-top-style: solid;
|
||
|
transition: all .3s;
|
||
|
-webkit-transition: all .3s
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-selected .xm-select-sj {
|
||
|
margin-top: -9px;
|
||
|
transform: rotate(180deg)
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-select dl {
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 42px;
|
||
|
padding: 5px 0;
|
||
|
z-index: 999;
|
||
|
min-width: 100%;
|
||
|
border: 1px solid #d2d2d2;
|
||
|
max-height: 300px;
|
||
|
overflow-y: auto;
|
||
|
background-color: #fff;
|
||
|
border-radius: 2px;
|
||
|
box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
|
||
|
box-sizing: border-box;
|
||
|
animation-fill-mode: both;
|
||
|
-webkit-animation-name: layui-upbit;
|
||
|
animation-name: layui-upbit;
|
||
|
-webkit-animation-duration: .3s;
|
||
|
animation-duration: .3s;
|
||
|
-webkit-animation-fill-mode: both;
|
||
|
animation-fill-mode: both
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes layui-upbit {
|
||
|
from {
|
||
|
-webkit-transform: translate3d(0, 30px, 0);
|
||
|
opacity: .3
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
-webkit-transform: translate3d(0, 0, 0);
|
||
|
opacity: 1
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes layui-upbit {
|
||
|
from {
|
||
|
transform: translate3d(0, 30px, 0);
|
||
|
opacity: .3
|
||
|
}
|
||
|
|
||
|
to {
|
||
|
transform: translate3d(0, 0, 0);
|
||
|
opacity: 1
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-selected dl {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-select dl dd,
|
||
|
.xm-select-parent .xm-form-select dl dt {
|
||
|
padding: 0 10px;
|
||
|
line-height: 36px;
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-select dl dd {
|
||
|
cursor: pointer;
|
||
|
height: 36px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-select dl dd:hover {
|
||
|
background-color: #f2f2f2
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-select dl dt {
|
||
|
font-size: 12px;
|
||
|
color: #999
|
||
|
}
|
||
|
|
||
|
.layui-select-disabled .xm-dis-disabled {
|
||
|
border-color: #eee !important
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-form-select dl .xm-select-tips {
|
||
|
padding-left: 10px !important;
|
||
|
color: #999;
|
||
|
font-size: 14px
|
||
|
}
|
||
|
|
||
|
.xm-unselect {
|
||
|
-moz-user-select: none;
|
||
|
-webkit-user-select: none;
|
||
|
-ms-user-select: none
|
||
|
}
|
||
|
|
||
|
.xm-form-checkbox {
|
||
|
position: relative;
|
||
|
display: block;
|
||
|
vertical-align: middle;
|
||
|
cursor: pointer;
|
||
|
font-size: 0;
|
||
|
-webkit-transition: .1s linear;
|
||
|
transition: .1s linear;
|
||
|
box-sizing: border-box;
|
||
|
height: auto !important;
|
||
|
line-height: normal !important;
|
||
|
border: none !important;
|
||
|
margin-right: 0;
|
||
|
padding-right: 0;
|
||
|
background: 0 0;
|
||
|
}
|
||
|
|
||
|
.xm-form-checkbox>i {
|
||
|
color: #FFF;
|
||
|
font-size: 16px;
|
||
|
width: 16px;
|
||
|
height: 16px;
|
||
|
position: absolute;
|
||
|
top: 9px;
|
||
|
border: 1px solid #5FB878;
|
||
|
border-radius: 3px;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
|
||
|
.xm-form-checkbox:hover>i {
|
||
|
border-color: #5FB878;
|
||
|
}
|
||
|
|
||
|
.xm-form-checkbox>span {
|
||
|
display: block;
|
||
|
position: relative;
|
||
|
padding: 0 15px 0 30px;
|
||
|
height: 100%;
|
||
|
font-size: 14px;
|
||
|
border-radius: 2px 0 0 2px;
|
||
|
background-color: #d2d2d2;
|
||
|
overflow: hidden;
|
||
|
white-space: nowrap;
|
||
|
text-overflow: ellipsis;
|
||
|
background: 0 0;
|
||
|
color: #666;
|
||
|
line-height: 36px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl dd {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl dd>i:not(.icon-sousuo) {
|
||
|
position: absolute;
|
||
|
right: 10px;
|
||
|
top: 0;
|
||
|
color: #AAAAAA;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl dd.xm-select-this div i {
|
||
|
border: none;
|
||
|
color: #5FB878;
|
||
|
font-size: 18px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl dd.xm-select-this div i:after {
|
||
|
content: '\e613';
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl dd.xm-dis-disabled div i {
|
||
|
border-color: #C2C2C2;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl dd.xm-dis-disabled.xm-select-this div i {
|
||
|
color: #C2C2C2;
|
||
|
}
|
||
|
|
||
|
.xm-select-radio div.xm-form-checkbox>i {
|
||
|
border-radius: 20px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dl.xm-select-radio dd.xm-select-this div i:after {
|
||
|
content: '\e62b';
|
||
|
}
|
||
|
|
||
|
.xm-dis-disabled,
|
||
|
.xm-dis-disabled:hover {
|
||
|
cursor: not-allowed !important
|
||
|
}
|
||
|
|
||
|
.xm-form-select dl dd.xm-dis-disabled {
|
||
|
background-color: #fff !important
|
||
|
}
|
||
|
|
||
|
.xm-form-select dl dd.xm-dis-disabled span {
|
||
|
color: #C2C2C2
|
||
|
}
|
||
|
|
||
|
.xm-form-select dl dd.xm-dis-disabled .xm-icon-yes {
|
||
|
border-color: #C2C2C2
|
||
|
}
|
||
|
|
||
|
.xm-select-parent {
|
||
|
position: relative;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
-webkit-user-select: none
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select {
|
||
|
line-height: normal;
|
||
|
height: auto;
|
||
|
padding: 4px 10px 1px 10px;
|
||
|
overflow: hidden;
|
||
|
min-height: 36px;
|
||
|
left: 0;
|
||
|
z-index: 99;
|
||
|
position: absolute;
|
||
|
background: 0 0;
|
||
|
padding-right: 20px
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select:hover {
|
||
|
border-color: #C0C4CC
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select .xm-select-label {
|
||
|
display: inline-block;
|
||
|
margin: 0;
|
||
|
vertical-align: middle
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select-title div.xm-select-label>span {
|
||
|
position: relative;
|
||
|
padding: 2px 5px;
|
||
|
background-color: #5FB878;
|
||
|
border-radius: 2px;
|
||
|
color: #FFF;
|
||
|
display: inline-block;
|
||
|
line-height: 18px;
|
||
|
height: 18px;
|
||
|
margin: 2px 5px 2px 0;
|
||
|
cursor: initial;
|
||
|
user-select: none;
|
||
|
font-size: 14px;
|
||
|
padding-right: 25px;
|
||
|
-webkit-user-select: none;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select-title div.xm-select-label>span i {
|
||
|
position: absolute;
|
||
|
margin-left: 8px;
|
||
|
font-size: 12px;
|
||
|
cursor: pointer;
|
||
|
line-height: 20px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select .xm-select-input {
|
||
|
border: none;
|
||
|
height: 28px;
|
||
|
background-color: transparent;
|
||
|
padding: 0;
|
||
|
vertical-align: middle;
|
||
|
display: inline-block;
|
||
|
width: 50px
|
||
|
}
|
||
|
|
||
|
.xm-select-parent .xm-select--suffix input {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.xm-form-selected .xm-select,
|
||
|
.xm-form-selected .xm-select:hover {
|
||
|
border-color: #67c23a !important
|
||
|
}
|
||
|
|
||
|
.xm-select--suffix+div {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
right: 0
|
||
|
}
|
||
|
|
||
|
.xm-select-dis .xm-select--suffix+div {
|
||
|
z-index: 100;
|
||
|
cursor: no-drop !important;
|
||
|
opacity: .2;
|
||
|
background-color: #FFF;
|
||
|
}
|
||
|
|
||
|
.xm-select-disabled,
|
||
|
.xm-select-disabled:hover {
|
||
|
color: #d2d2d2 !important;
|
||
|
cursor: not-allowed !important;
|
||
|
background-color: #fff
|
||
|
}
|
||
|
|
||
|
.xm-select-none {
|
||
|
display: none;
|
||
|
margin: 5px 0;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.xm-select-none:hover {
|
||
|
background-color: #FFF !important
|
||
|
}
|
||
|
|
||
|
.xm-select-empty {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.xm-span-hide {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.layui-form-pane .xm-select,
|
||
|
.layui-form-pane .xm-select:hover {
|
||
|
border: none !important;
|
||
|
top: 0px
|
||
|
}
|
||
|
|
||
|
.layui-form-pane .xm-select-title {
|
||
|
border: 1px solid #e6e6e6 !important
|
||
|
}
|
||
|
|
||
|
.xm-select-hide {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
div[xm-hg] .xm-select-label {
|
||
|
white-space: nowrap;
|
||
|
overflow: hidden;
|
||
|
position: absolute;
|
||
|
right: 30px;
|
||
|
left: 0;
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
|
||
|
/* 颜色相关 */
|
||
|
div[xm-select-skin] .xm-select-title div.xm-select-label>span {
|
||
|
border: 1px solid #67c23a
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin] .xm-select-title div.xm-select-label>span i:hover {
|
||
|
opacity: .8;
|
||
|
filter: alpha(opacity=80);
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span {
|
||
|
background-color: #F0F2F5;
|
||
|
color: #909399;
|
||
|
border: 1px solid #F0F2F5
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i {
|
||
|
color: #C0C4CC
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=default] .xm-select-title div.xm-select-label>span i:before {
|
||
|
content: '\e60b';
|
||
|
font-size: 16px;
|
||
|
margin-left: -3px;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=default] dl dd:not(.xm-dis-disabled) i {
|
||
|
border-color: #5FB878
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=default] dl dd.xm-select-this:not(.xm-dis-disabled) i {
|
||
|
color: #5FB878
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=default].xm-form-selected .xm-select,
|
||
|
div[xm-select-skin=default].xm-form-selected .xm-select:hover {
|
||
|
border-color: #C0C4CC!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span {
|
||
|
background-color: #5FB878!important;
|
||
|
color: #FFF;
|
||
|
border: 1px solid #5FB878!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span i {
|
||
|
background-color: #5FB878!important;
|
||
|
color: #FFF
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=primary] dl dd:not(.xm-dis-disabled) i {
|
||
|
border-color: #5FB878!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=primary] dl dd.xm-select-this:not(.xm-dis-disabled) i {
|
||
|
color: #5FB878!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=primary].xm-form-selected .xm-select,
|
||
|
div[xm-select-skin=primary].xm-form-selected .xm-select:hover {
|
||
|
border-color: #5FB878!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span {
|
||
|
background-color: #2D8CF0!important;
|
||
|
color: #FFF;
|
||
|
border: 1px solid #2D8CF0!important;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=normal] .xm-select-title div.xm-select-label>span i {
|
||
|
background-color: #2D8CF0!important;
|
||
|
color: #FFF
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=normal] dl dd:not(.xm-dis-disabled) i {
|
||
|
border-color: #2D8CF0!important;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=normal] dl dd.xm-select-this:not(.xm-dis-disabled) i {
|
||
|
color:#2D8CF0 !important;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=normal].xm-form-selected .xm-select,
|
||
|
div[xm-select-skin=normal].xm-form-selected .xm-select:hover {
|
||
|
border-color:#2D8CF0!important;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=warm] .xm-select-title div.xm-select-label>span {
|
||
|
background-color: #e6a23c!important;
|
||
|
color: #FFF;
|
||
|
border: 1px solid #e6a23c!important;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=warm] .xm-select-title div.xm-select-label>span i {
|
||
|
background-color: #e6a23c!important;
|
||
|
color: #FFF
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=warm] dl dd:not(.xm-dis-disabled) i {
|
||
|
border-color:#e6a23c!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=warm] dl dd.xm-select-this:not(.xm-dis-disabled) i {
|
||
|
color:#e6a23c!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=warm].xm-form-selected .xm-select,
|
||
|
div[xm-select-skin=warm].xm-form-selected .xm-select:hover {
|
||
|
border-color: #e6a23c!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span {
|
||
|
background-color: #f56c6c!important;
|
||
|
color: #FFF;
|
||
|
border: 1px solid #f56c6c!important;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span i {
|
||
|
background-color:#f56c6c!important;
|
||
|
color: #FFF
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=danger] dl dd:not(.xm-dis-disabled) i {
|
||
|
border-color: #f56c6c!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=danger] dl dd.xm-select-this:not(.xm-dis-disabled) i {
|
||
|
color: #f56c6c!important
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin=danger].xm-form-selected .xm-select,
|
||
|
div[xm-select-skin=danger].xm-form-selected .xm-select:hover {
|
||
|
border-color: #f56c6c!important
|
||
|
}
|
||
|
|
||
|
|
||
|
/* 多选联动 */
|
||
|
.xm-select-parent .layui-form-danger+.xm-select-title .xm-select {
|
||
|
border-color: #f56c6c!important
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage li {
|
||
|
padding: 10px 0px;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage li span {
|
||
|
padding-left: 20px;
|
||
|
padding-right: 30px;
|
||
|
display: inline-block;
|
||
|
height: 20px;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage li.xm-select-this span {
|
||
|
border-left: 5px solid #009688;
|
||
|
color: #009688;
|
||
|
padding-left: 15px;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group {
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
overflow-x: hidden;
|
||
|
overflow-y: auto;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group li:hover {
|
||
|
border-left: 1px solid #009688;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group li:hover span {
|
||
|
padding-left: 19px;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group li.xm-select-this:hover span {
|
||
|
padding-left: 15px;
|
||
|
border-left-width: 4px;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+1) {
|
||
|
background-color: #EFEFEF;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+1) li.xm-select-active {
|
||
|
background-color: #F5F5F5;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+2) {
|
||
|
background-color: #F5F5F5;
|
||
|
left: 100px;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+3) li.xm-select-active {
|
||
|
background-color: #FAFAFA;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+3) {
|
||
|
background-color: #FAFAFA;
|
||
|
left: 200px;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+3) li.xm-select-active {
|
||
|
background-color: #FFFFFF;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+4) {
|
||
|
background-color: #FFFFFF;
|
||
|
left: 300px;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-group:nth-child(4n+4) li.xm-select-active {
|
||
|
background-color: #EFEFEF;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage li {
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-hide {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.xm-select-linkage-show {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='default'] .xm-select-linkage li.xm-select-this span {
|
||
|
border-left-color: #5FB878;
|
||
|
color: #5FB878;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='default'] .xm-select-linkage-group li:hover {
|
||
|
border-left-color: #5FB878;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='primary'] .xm-select-linkage li.xm-select-this span {
|
||
|
border-left-color: #1E9FFF;
|
||
|
color: #1E9FFF;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='primary'] .xm-select-linkage-group li:hover {
|
||
|
border-left-color: #1E9FFF;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='normal'] .xm-select-linkage li.xm-select-this span {
|
||
|
border-left-color: #1E9FFF;
|
||
|
color: #1E9FFF;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='normal'] .xm-select-linkage-group li:hover {
|
||
|
border-left-color: #1E9FFF;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='warm'] .xm-select-linkage li.xm-select-this span {
|
||
|
border-left-color: #FFB800;
|
||
|
color: #FFB800;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='warm'] .xm-select-linkage-group li:hover {
|
||
|
border-left-color: #FFB800;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='danger'] .xm-select-linkage li.xm-select-this span {
|
||
|
border-left-color: #FF5722;
|
||
|
color: #FF5722;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='danger'] .xm-select-linkage-group li:hover {
|
||
|
border-left-color: #FF5722;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* 快捷操作 */
|
||
|
.xm-select-tips[style]:hover {
|
||
|
background-color: #FFF !important;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd>.xm-cz {
|
||
|
position: absolute;
|
||
|
top: 0px;
|
||
|
right: 10px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd>.xm-cz-group {
|
||
|
margin-right: 30px;
|
||
|
border-right: 2px solid #ddd;
|
||
|
height: 16px;
|
||
|
margin-top: 10px;
|
||
|
line-height: 16px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd>.xm-cz-group .xm-cz {
|
||
|
display: inline-block;
|
||
|
margin-right: 30px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd>.xm-cz-group .xm-cz i {
|
||
|
margin-right: 10px;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd>.xm-cz-group[show='name'] .xm-cz i {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd>.xm-cz-group[show='icon'] .xm-cz span {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.xm-select-parent dd .xm-cz:hover {
|
||
|
color: #009688;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='default'] dd .xm-cz:hover {
|
||
|
color: #C0C4CC;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='primary'] dd .xm-cz:hover {
|
||
|
color: #009688;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='normal'] dd .xm-cz:hover {
|
||
|
color: #1E9FFF;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='warm'] dd .xm-cz:hover {
|
||
|
color: #FFB800;
|
||
|
}
|
||
|
|
||
|
div[xm-select-skin='danger'] dd .xm-cz:hover {
|
||
|
color: #FF5722;
|
||
|
}
|
||
|
|
||
|
.xm-select-tips .xm-input {
|
||
|
border: none;
|
||
|
border-bottom: 1px solid #E6E6E6;
|
||
|
padding-left: 27px;
|
||
|
}
|
||
|
|
||
|
.xm-select-tips .icon-sousuo {
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.xm-select-tips.xm-dl-input {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
div[xm-select-search-type="1"] .xm-select-tips.xm-dl-input {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
div[xm-select-search-type="1"] .xm-select .xm-select-input {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
@font-face {
|
||
|
font-family: "xm-iconfont";
|
||
|
src: url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831');
|
||
|
/* IE9*/
|
||
|
src: url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.eot?t=1534240067831#iefix') format('embedded-opentype'),
|
||
|
/* IE6-IE8 */
|
||
|
url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
|
||
|
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.ttf?t=1534240067831') format('truetype'),
|
||
|
/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
|
||
|
url('//at.alicdn.com/t/font_792691_qxv28s6g1l9.svg?t=1534240067831#iconfont') format('svg');
|
||
|
/* iOS 4.1- */
|
||
|
}
|
||
|
|
||
|
.xm-iconfont {
|
||
|
font-family: "xm-iconfont" !important;
|
||
|
font-size: 16px;
|
||
|
font-style: normal;
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
-moz-osx-font-smoothing: grayscale;
|
||
|
}
|
||
|
|
||
|
.icon-quanxuan:before {
|
||
|
content: "\e62c";
|
||
|
}
|
||
|
|
||
|
.icon-caidan:before {
|
||
|
content: "\e610";
|
||
|
}
|
||
|
|
||
|
.icon-fanxuan:before {
|
||
|
content: "\e837";
|
||
|
}
|
||
|
|
||
|
.icon-pifu:before {
|
||
|
content: "\e668";
|
||
|
}
|
||
|
|
||
|
.icon-qingkong:before {
|
||
|
content: "\e63e";
|
||
|
}
|
||
|
|
||
|
.icon-sousuo:before {
|
||
|
content: "\e600";
|
||
|
}
|
||
|
|
||
|
.icon-danx:before {
|
||
|
content: "\e62b";
|
||
|
}
|
||
|
|
||
|
.icon-duox:before {
|
||
|
content: "\e613";
|
||
|
}
|
||
|
|
||
|
.icon-close:before {
|
||
|
content: "\e601";
|
||
|
}
|
||
|
|
||
|
.icon-expand:before {
|
||
|
content: "\e641";
|
||
|
}
|