:root { --h-100: 100vh; --out-div-border-width:1px; --out-div-max-width:500px; }

[v-cloak] { display: none; }
html, body { height: 100%; margin: 0; background-color: #fff; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }

@media screen and (max-width: 337px) {
    html { zoom: 0.75; }
}

body > div:first-child { height: 100%; width: 100%;}
.out-div { max-width: 100%; background-color: rgba(228,231,237,0.5); min-width: 350px; height: 100%; margin: 0 auto; position: relative; border:none; user-select: 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; }
/* 鼠标小手形状 */
.click-cursor { cursor: pointer; -webkit-tap-highlight-color: transparent; }
/* 圆形CheckBox */
.circle-check { margin: 0; }
.circle-check .el-checkbox__inner { border-radius: 50%; height: 20px; width: 20px; }
.circle-check .el-checkbox__inner::after { height: 9px; left: 7px; top: 2px; width: 4px; }
/* 是否滚动 */
.over-hidden { overflow: hidden; }
.scroll-x{overflow-x:auto;}
.scroll-y{overflow-y:auto;}

/* 隐藏滚动条 */
/*body::-webkit-scrollbar { width: 0; height: 0; }
div::-webkit-scrollbar { width: 0; height: 0; }
aside::-webkit-scrollbar { width: 0; height: 0; }
main::-webkit-scrollbar { width: 0; height: 0; }
section::-webkit-scrollbar { width: 0; height: 0; }
textarea::-webkit-scrollbar { width: 0; height: 0; }
body { scrollbar-width: none; }
div { scrollbar-width: none; }
aside { scrollbar-width: none; }
main { scrollbar-width: none; }
section { scrollbar-width: none; }*/
/*滚动条样式，目前只有google支持*/
::-webkit-scrollbar { width: 10px; height: 10px; }
::-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; }

.el-scrollbar__wrap::-webkit-scrollbar { width: 0; height: 0; }
.el-scrollbar__wrap { scrollbar-width: none; }

/*.scroll-x, .scroll-y, .el-tabs__nav-scroll, .el-scrollbar, textarea, .el-main { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; overflow: auto; }*/
textarea { scrollbar-width: none; font-family: 'Microsoft YaHei'; }

/* producticon组件 */
.product-icon { margin-right: 10px; height: 90px; width: 90px; border-radius: 10px; display:flex; align-items:flex-start; justify-content:center; }
.el-image .image-slot { background-color: #f5f7fa; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #C0C4CC; }
.el-image { border-radius: 5%; display: flex; align-items: center; justify-content: center; }
.el-image .el-image__inner { height: auto; width: auto; max-height: 100%; max-width: 100%; }

/* 图片preview关闭按钮*/
.el-image-viewer__btn.el-image-viewer__close { color: #fff; }

p { margin: 0; padding: 0px; line-height: 1; }

/* 字体，颜色 */
.medium { font-size: medium; }
.small { font-size: small; }
.x-small { font-size: x-small; }
.large { font-size: large; }
.x-large { font-size: x-large; }
.w-bold { font-weight: bold; }
.w-600 { font-weight: 600; }
.w-500 { font-weight: 500; }
.red { color: red; }
.guide { color: #909399 }
.tc-1 { color: #303133 }
.tc-2 { color: #606266 }
.tc-3 { color: #909399 }
.tc-4 { color: #C0C4CC }
.bc-1 { color: #DCDFE6 }
.bc-2 { color: #E4E7ED }
.bc-3 { color: #EBEEF5 }
.bc-4 { color: #F2F6FC }
.c-main { color: #409EFF; }
.c-success { color: #67C23A; }
.c-warning { color: #E6A23C; }
.c-danger { color: #F56C6C; }
.c-info { color: #909399; }

/* 横线，竖线 */
.v-line { width: 1px; background-color: #EBEEF5 }
.h-line { height: 1px; background-color: #EBEEF5 }

/* common-header 组件 */
.common-header { background-color: #248BF9; line-height: 50px; color: #fff; width: 100%; font-size:large; position:relative; text-align:center; }
.common-header > i { position: absolute; top: 0; left: 10px; line-height: 50px; font-size: 24px; float: left; }

/* 垂直水平居中 */
.flex-center{display:flex; align-items:center; justify-content:center;}
.flex-center-column { display: flex; align-items: center; justify-content: center; flex-direction: column }

.v-modal { position: absolute; }

/* √的radio */
.check-radio .el-radio__label { display: none; }
.check-radio .el-radio__inner { height: 24px; width: 24px; box-shadow: none !important; }
.check-radio .is-checked .el-radio__inner::after { height: 13px; width: 6px; left: 7px; top: 1px; border-radius: 0; background: #409EFF; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg) scaleY(1); }

/* 白色圆角区域 */
.part-div { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; background-color: #fff; margin: 15px 0 0 0; padding: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12); position: relative; }

.el-message { max-width: 500px; z-index: 9999 !important;}
.el-message__content { max-width: 437px; word-break: break-all; }

/* 阴影 */
.shadow { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
/* table行的上下边距 */
.el-table .el-table__cell { padding: 3px 0; }
/* 行的式样 */
.el-row { margin: 20px 0; }
.el-col > label { line-height: 40px; font-size: 14px; }
.el-col-4 > label { float: right; margin-right: 10px; font-size: 14px; }

.el-dialog{border-radius:4px;}