:root{
    /*基础色*/
    --color-primary0:rgba(97,139,255,.7);
    --color-primary:rgba(97,139,255,1);
    --color-primary1:rgba(51,93,255,1);
    /*功能颜色*/
    --color-success:rgba(103,194,58,1);
    --color-warning:rgba(255,168,37,1);
    --color-danger:rgba(245,91,81,1);
    --color-info:rgba(144,147,153,1);

    /*文字颜色*/
    --color-font-primary:rgba(97,139,255,1);/*突出颜色*/
    --color-font-regular:rgba(51,51,51,1);/*常规颜色*/
    --color-font-secondary:rgba(149,149,149,1);/*次级颜色*/
    --color-font-placeholder:rgba(41,41,41,1);/*悬浮颜色*/

    /*边框颜色*/
    --border-color-base:rgba(241,242,247,1);
    --border-color-light:'';
    --border-color-lighter:'';
    --border-color-extra-light:'';

    /*背景色*/
    --color-white:'';
    --color-black:'';
    --background-color-base:rgba(241,242,247,1);

    /*设备尺寸信息*/
    --client-height:'';
    --client-weight:'';
}


.dragscroll{cursor: pointer;}
.dragscroll::-webkit-scrollbar{
    height: 0px;
    width: 0px;/*导航条宽度*/
}
.dragscroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 0px;
}

.hide-scroll::-webkit-scrollbar{
    height: 0px;
    width: 0px;/*导航条宽度*/
}
.hide-scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 0px;
}
/*elementUI中栅格布局gutter设置*/
.gutter-20{
    margin-left: calc(-10 * var(--scale-ratio));
    margin-right: calc(-10 * var(--scale-ratio));
}
.gutter-20 .el-col{
    padding-left: calc(10 * var(--scale-ratio));
    padding-right: calc(10 * var(--scale-ratio));
}
.gutter-30{
    margin-left: calc(-15 * var(--scale-ratio));
    margin-right: calc(-15 * var(--scale-ratio));
}
.gutter-30 .el-col{
    padding-left: calc(15 * var(--scale-ratio));
    padding-right: calc(15 * var(--scale-ratio));
}

.trans-3{
    transition: .3s;
}