.title-spacing[data-v-3788424e]{letter-spacing:1px}.title-style[data-v-3788424e]{height:40px;line-height:40px;position:relative;font-size:16px;font-weight:700;color:#353535;letter-spacing:1px}.silder-background[data-v-3788424e]{background:linear-gradient(180deg,#226ef5,#2c57cd 42%,#2c43cf 71%,#2a9ad0)}.silder-active-bg[data-v-3788424e]{background:linear-gradient(-90deg,#3d94fe,#2a5298)}.silder-item[data-v-3788424e]{color:#bdc8da;position:relative}.silder-item.active[data-v-3788424e],.silder-item[data-v-3788424e]:hover{background:rgba(0,0,0,.1);color:#fff}.div-dropdown[data-v-3788424e]{position:absolute;border-radius:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.2);overflow-y:auto;padding:4px 0}.div-dropdown .item[data-v-3788424e]{display:block;text-align:center;cursor:pointer;position:relative;line-height:34px;transition:all .3s}.div-dropdown .item[data-v-3788424e]:hover{background:#e6f7ff}.div-dropdown .item[data-v-3788424e]:not(:last-child):before{content:"";position:absolute;left:12px;bottom:0;height:1px;width:calc(100% - 24px);background:hsla(0,0%,100%,.2)}.template-left-side[data-v-3788424e]{background:#fff;padding:0}.controls-wrap[data-v-3788424e],.layout-wrap[data-v-3788424e]{position:relative;height:100%;overflow:auto;text-align:center;box-sizing:border-box}.layout-wrap[data-v-3788424e]{width:80px;float:left}.layout-wrap .icon_controller[data-v-3788424e]{font-size:24px;color:#bdc8da}.layout-wrap .item[data-v-3788424e]{display:inline-block;width:80px;height:60px;line-height:60px;text-align:center;background:transparent;border:1px solid transparent;z-index:2;color:#bdc8da;position:relative}.layout-wrap .item.active[data-v-3788424e],.layout-wrap .item[data-v-3788424e]:hover{background:rgba(0,0,0,.1);color:#fff}.controls-wrap[data-v-3788424e]{width:130px;padding:30px 0 0 0;box-sizing:border-box;overflow:auto;max-height:100%;text-align:center}.controls-wrap .title[data-v-3788424e]{text-align:left;margin:0 16px;font-weight:700;line-height:20px}.controls-wrap .item-wrap[data-v-3788424e]{margin-top:20px;height:calc(100vh - 140px);overflow-y:auto}.controls-wrap .item[data-v-3788424e]{color:#5f6164;width:100px;height:90px;margin:0 auto;border-radius:6px;text-align:center;padding:16px 0;cursor:move;box-sizing:border-box}.controls-wrap .item .img-wrap[data-v-3788424e]{width:80px;height:40px;display:inline-block;background-position:0 0;background-repeat:no-repeat;background-size:auto 100%}.controls-wrap .item .icon-wrap[data-v-3788424e]{text-align:center}.controls-wrap .item .icon-wrap .item-icon[data-v-3788424e]{font-size:40px}.controls-wrap .item[data-v-3788424e]:hover{background:#1290d9;color:#fff}.controls-wrap .item:hover .item-icon[data-v-3788424e]{color:#fff}.item[data-v-3788424e]{cursor:pointer}