:root{
    --back-gray:#F2F6FC;
    --back-blue:#248BF9;

    --border-gray:#DCDFE6;

    --font-color-black:#303133;
    --font-color-main:#606266;
    --font-color-ciyao:#909399;
    --font-color-blue:#409EFF;
}

.flex_center{display: flex; align-items: center; justify-content: center;}
.flex_row{display: flex; flex-direction: row; justify-content: space-between;}
.flex_col{display: flex; flex-direction: column;}
.flex_col .flex_col_center{flex: 1; overflow: auto;}

.txt_blod{font-weight: bold; color: #303133; color: var(--font-color-black)}
.txt_main{color: #303133; color: var(--font-color-black)}
.txt_ciyao{color: #909399; color: var(--font-color-ciyao)}
.txt_blue{color: #409EFF; color: var(--font-color-blue)}
.txt_org{color: orange;}
.txt_gre{color: #67C23A;}
.txt_red{color: red;}
.txt_ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cursor_click{cursor: pointer;}

.txt_14{font-size: 14px;}
.txt_12{font-size: 12px;}

.scroll{height: 100%; overflow: auto;}
.disabled{color:#909399; color:var(--font-color-ciyao); pointer-events: none;}

html,body { height: 100%; width: 100%; padding: 0; margin: 0; color:#606266; color: var(--font-color-main); user-select: none; -webkit-user-select: none; -ms-user-select: none; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
[v-cloak] { display: none; }
/* input number 去除加减按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }
/* 隐藏移动端浏览器点击高亮 */
div, span, label, a { -webkit-tap-highlight-color: transparent; outline:none; }
/* 滚动条 */
::-webkit-scrollbar { width: 0px; height: 0px; }
::-webkit-scrollbar-track { background: #f6f6f6; border-radius: 2px; }
::-webkit-scrollbar-thumb { background: #aaa; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #747474; }
::-webkit-scrollbar-corner { background: #f6f6f6; }

/* 布局 */
.out_div{width: 100%; max-width: 500px; justify-content: center; margin: 0 auto; height: 100%;  background-color: #F2F6FC; background-color: var(--back-gray); position: relative;}
/* .el-container > div{height: 100%; width: 100%;} */
.el-message{width: 100%; max-width: 500px; min-width: 0;}

.el-header{background-color: #248BF9; background-color: var(--back-blue); color: #fff; font-size: large; height: 50px !important; position: relative;}
.el-header > i{position: absolute; font-size: 24px; top:13px;left: 10px; cursor: pointer;}
.el-main{padding: 0; height: 100%;width: 100%; overflow: hidden;}
.el-footer{background-color: #fff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, .2); width: 100%; height: 74px !important; display: flex; z-index: 2;}
.el-footer div{flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.el-footer img{height: 26px; cursor: pointer;}
.el-footer span{font-size: 11px; padding-top: 2px; cursor: pointer;}

.part_div{background-color: #fff; border-radius: 10px; margin: 15px; padding: 15px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2); position: relative;}

/* 技术支持 */
.offer-copyright{position: absolute; bottom: 10px; width: 100%; display: flex; justify-content: center; align-items: center;}
.offer-copyright a{text-decoration: none; color: #969799; font-size: 12px;}
.offer-copyright img{height: 20px; vertical-align: top;}

.el-drawer.btt{ border-radius: 20px 20px 0 0;}
.el-drawer__wrapper { position: absolute;}
.el-drawer__header{margin-bottom: 20px;}
.el-drawer__body{height: 100%;}