.config_box{
	background: #f5f5f5;height: 40px; border: solid 1px #e8e8e8;line-height: 40px;padding: 0 10px;
}
.layui-btn-group .layui-btn.active{
	background:#d8d2d298;
    outline: 0;
    /* -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.logo-image{
	margin: 0 3px 3px 0;
	width: 16px;
	height: 16px;
}
.deep-rank-config-list>li {
    height: 36px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.item-header {
    width: 104px;
    text-align: left;
}
 .rank-item-list {
    width: 412px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 4px;
    box-sizing: border-box;
    justify-content: space-between;
    color: #8a8a8a;
    background: #f2f2f2;
}
 .item-header .dot {
    width: .2rem;
    height: .2rem;
    background: #c4bfc5;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}
 .rank-item-list>li.selected {
    background: #009af1;
    color: #fff;
}
 .rank-item-list>li {
    width: 80px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.rotate:HOVER{
 -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.layui-layout-body {
	background-color:#E9EBEE;
}
.tainer-shadow-gray-footer {
    background-color: #e9ebee;
    box-shadow: 3px 3px 5px 0 rgba(3,4,10,.3);
    -webkit-box-shadow: 3px 3px 5px 0 rgba(3,4,10,.3);
    -moz-box-shadow: 3px 3px 5px 0 rgba(3,4,10,.3);
}
.tainer-shadow-gray-footer2 {
    box-shadow: 3px 3px 5px 0 rgba(3,4,10,.3);
    -webkit-box-shadow: 3px 3px 5px 0 rgba(3,4,10,.3);
    -moz-box-shadow: 3px 3px 5px 0 rgba(3,4,10,.3);
}
#optionDIV1 {
	padding: 10px;
	width: 480px;
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	display: block;
	position: absolute;
	z-index: 999;
	border: 1px solid rgb(233, 235, 238);
	left:0px;
	top: 30px;
}
#optionDIV2 {
	padding: 10px;
	width: 380px;
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	display: block;
	position: absolute;
	z-index: 999;
	border: 1px solid rgb(233, 235, 238);
	right:0;
	top: 34px;
}
.tainer-shadow {
	box-shadow: 3px 3px 5px 0 rgba(3, 4, 10, .3);
	-webkit-box-shadow: 3px 3px 5px 0 rgba(3, 4, 10, .3);
	-moz-box-shadow: 3px 3px 5px 0 rgba(3, 4, 10, .3);
}