page,view,scroll-view{
	box-sizing: border-box;
}
page {
  font-family: -apple-system, BlinkMacSystemFont,'pingfangr', 'Helvetica Neue', Helvetica,
    Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',
    sans-serif;
}
/* .0123456789+-ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz导入设计文件基础数据绑定模板预览选择、上传图片地创作分享置夹建修改新 */
@font-face {
	font-family: "alifont";src: url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/L514hmGnjb2E.woff2") format("woff2"),
	url("//at.alicdn.com/wf/webfont/MQHUV6e56ce5/idFuggDsYh7v.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "pingfangr";
	src: url("https://im.oytour.com/tripfont/a5cf6c61491d0b1aed95c0f9d0737140.woff2") format("woff2");
	font-display: swap;
}
.el-table.tableHBEbeef5 th.el-table__cell {
	background-color: #ebeef5;
}
/* 修改滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
	background-color: #BBBECE;
	border-radius: 5px; /* 修改滑块圆角 */
}

/* 修改滚动条滑块悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
	/* background-color: #BBBECE; */
}
.pingfangr{
	font-family: "pingfangr" !important;
}
.text-black{
	color:#000;
}
.block{
	display: block;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.absolute.botton{
	bottom: 0;
	left: 0;
	right: 0;
}
.alifont{
	font-family: alifont,chineseAlifont;
}
.small-padding .el-dialog__body{
	padding:10px !important;
}
.adobeFont{
	font-family: adobeFont;
}
.chineseAlifont{
	font-family: chineseAlifont;
}
.text-bolder{
	font-weight: 900;
}
.overflow-hide{
	overflow: hidden;
}
.text-subtitle2 {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: 0.00714em;
}
.text-success{
	color: #20af6e !important;
}
/* ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
} */
.no-bg .el-loading-mask,
.no-bg .el-divider__text{
	background-color: transparent !important;
}
.el-loading-mask{
	z-index: 99999 !important;
}
.light-shadow {
    box-shadow: 0px 0px 20px 0px rgba(76,87,125,0.2)!important;
}
.page{
	height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #F7F8FA;
	color: #1F2429;
	/* padding-top:constant(safe-area-inset-top); */
}
.text-5B5D62{
	color: #5B5D62;
}
.text-BBC7C3{
	color: #BBC7C3;
}
.bg-default{
	background-color: #F7F8FA;
}
.text-secony{
	color:#29d3b2;
}
.bg-secony{
	background-color:#29d3b2 !important;
}
.bg-waring{
	background-color: #f89c53 !important;
}
.bg-f5{
	background-color: #f5f5f5 !important;
}
.bg-23{
	background-color: #232323 !important;
}
.text-waring{
	color: #f89c53;
}
.rounded-bottom{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.rounded-top{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.column{
	display: flex;
	flex-direction: column;
}
.flex-between{
	justify-content: space-between;
}
.flex-end{
	justify-content: end;
}
.flex-center{
	justify-content: center;
}
.text-primary{
	color:#0b40fe;
}
.text-el-primary{
	color: #564bec !important;
}
.text-info{
	color:#b1b7cf;
}
.bg-white{
	background-color: #FFF;
}
.just-safe{
	justify-content:left ;
}
.just-center{
	justify-content:center;
}
.flex{
	display:flex;
}
.van-tabs__scroll {
	background-color: transparent !important;
}
.van-tabs__line{
	width:4px !important;
	height: 4px !important;
	border-radius: 4px !important;
	/* left: 50% !important; */
	/* margin-left: -2px !important; */
}
.f14{
	font-size: 14px;
}
.primary-borders-thin{
	border:1px solid #d14424 !important;
}
.borders-light{
	border:1px solid #F1f2f4;
}
.transparent-borders{
	border:1px solid transparent;
}
.el-card{
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	border-color: #EFEFEF !important;
}
.bg-transparent{
	background: transparent !important;
}
.page .context{
	flex: 1;
	height: 1px;
	padding: 0 20px
}
.row{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.wrap{
	flex-wrap: wrap !important;
}
.text-normal{
	font-weight: 400;
}
.text-disable{
	color:#E1E7FA;
}
.bg-disable{
	background-color: #E1E7FA;
}
.q-horizon{
	height: 1px;
	width:100%;
}
.q-ml-sm{
	margin-left: 5px;
}
.q-mt-sm{
	margin-top: 5px;
}
.q-mb-sm{
	margin-bottom: 5px;
}
.q-ml-md{
	margin-left: 10px;
}
.q-mx-sm{
	margin-left: 5px;
	margin-right: 5px;
}
.q-py-sm{
	padding-top: 5px;
	padding-bottom:5px ;
}
.items-center{
	align-items: center;
}
.items-end{
	align-items: flex-end;
}
.q-px-sm{
	padding-left: 5px;
	padding-right:5px ;
}
.q-px-md{
	padding-left: 10px;
	padding-right: 10px ;
}
.q-px-xl{
	padding-left: 30px;
	padding-right: 30px;
}
.q-pl-xl{
	padding-left: 30px;
}
.q-ml-xl{
	margin-left: 30px;
}
.el-avatar{
	background-color: #FFF !important;
}
.el-avatar.borders{
	border: 1px solid #f1f2f4;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}

.bg-info{
	background-color: #f6f7f9;
}
.q-pb-xl{
	margin-bottom: 30px;
}
.q-pa-xs{
	padding: 5px;
}
.q-pa-xl{
	padding: 30px;
}
.display-none{
	display: none;
}
.col{
	min-width: 1px;
	flex: 1;
	min-height: 1px;
}
.grow{
	flex-grow: 1;
}
.shrink{
	flex-shrink: 0;
}
.text-bold{
	font-weight: 600;
}
.q-pa-no{
	padding: 0 !important;
}
.van-multi-ellipsis--l5 {
    -webkit-line-clamp: 5;
}
.text-ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.flex-overflow{
	min-width: 0;
}
.text-shadow{
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	word-break: break-all;
}
.text-white{
	color:#FFF !important;
}
.q-absolute{
	position: absolute;
	left: 0;
	top: 0;
}
.q-pt-sm{
	padding-top: 12px;
}
.q-pb-md{
	padding-bottom: 10px;
}
.q-pb-lg{
	padding-bottom: 20px;
}
.q-relative{
	position: relative;
}
.q-ma-no{
	padding:0 !important
}
.q-ma-md{
	margin:10px
}
.q-ml-md{
	margin-left:10px;
}
.q-mx-md{
	margin-right:10px;
	margin-left:10px;
}
.q-my-xl{
	margin-top: 30px;
	margin-bottom: 30px;
}
.q-py-xl{
	padding-top: 30px;
	padding-bottom: 30px;
}
.q-mt-xl{
	margin-top: 30px;
}
.q-mb-xl{
	margin-bottom: 30px;
}
.q-py-xl{
	padding-top: 30px;
	padding-bottom: 30px;
}
.q-mr-md{
	margin-right:10px
}
.q-mt-md{
	margin-top:10px
}
.q-pa-md{
	padding:10px;
}
.q-mb-sm{
	margin-bottom:5px
}
.q-mb-md{
	margin-bottom:10px
}
.q-py-md{
	padding-top: 10px;
	padding-bottom: 10px;
}
.bg-primary{
	background-color: #0b40fe !important;
}
.text-grey-8{
	color: grey !important;
}
.no-select{
	user-select: none!important;
}
.cusor-pointer,
.cursor-pointer{
	cursor: pointer;
}
.q-px-lg{
	padding-left: 20px;
	padding-right: 20px;
}
.q-px-md{
	padding-left: 10px;
	padding-right: 10px;
}
.q-pr-sm{
	padding-right: 5px;
}
.q-pr-md{
	padding-right: 10px;
}
.q-pr-36{
	padding-right: 36px;
}
.q-pr-33{
	padding-right: 33px;
}
.q-pl-sm{
	padding-left: 5px;
}
.q-pl-md{
	padding-left: 10px;
}
.q-pl-lg{
	padding-left: 20px;
}
.q-py-lg{
	padding-top: 20px;
	padding-bottom: 20px;
}
.q-my-sm{
	margin-top: 5px;
	margin-bottom: 5px;
}
.q-my-md{
	margin-top: 10px;
	margin-bottom: 10px;
}
.q-my-lg{
	margin-top: 20px;
	margin-bottom: 20px;
}
.q-mx-lg{
	margin-left: 20px;
	margin-right: 20px;
}
.q-my-md{
	margin-top: 12px;
	margin-bottom: 12px;
}
.q-pt-lg{
	padding-top: 20px;
}
.q-pt-xs{
	padding-top: 5px;
}
.q-pt-sm{
	padding-top: 8px;
}
.q-pt-md{
	padding-top: 12px;
}
.q-pb-md{
	padding-bottom: 10px;
}
.q-ma-lg{
	margin:20px
}
.q-ma-xs{
	margin-right: 5px;
	margin-left: 5px;
}
.q-mr-xs{
	margin-right: 5px;
}
.q-ml-xs{
	margin-left: 5px;
}
.q-pa-lg{
	padding:20px
}
.q-ml-lg{
	margin-left:20px;
}
.q-mr-lg{
	margin-right:20px
}
.q-mt-xs{
	margin-top: 5px;
}
.q-mt-lg{
	margin-top:20px
}
.q-mb-lg{
	margin-bottom:20px
}
.inline .el-statistic__content{
	line-height: 0;
}
.text-weight-bold{
	font-weight: bold !important;
}
.text-weight-bolder{
	font-weight: bolder !important;
}
.rounded{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.rounded6{
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.relative{
	position: relative;
}
.full-height{
	height: 100%;
}
.full-width{
	width:100%;
}
.window-width{
	width: 100vw;
}
.window-height{
	height: 100vh;
}
.text-negative{
	color: #FF4B86 !important;
}
.color0{
	color: #000;
}
.colorF{
	color: #FFF;
}
.colorBA{
	color: #BABABA;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-center{
	text-align: center;
}
.text-small{
	font-size: 12px;
	font-family: microsoft yahei;
}
.microsoft{
	font-family: microsoft yahei;
}
.PingFangSC{
	font-family: 'PingFang SC';
}
.fz12{
	font-size: 12px;
}
.fz14{
	font-size: 14px;
}
.fz16{
	font-size: 16px;
}
.fz18{
	font-size: 18px;
}
.fz20{
	font-size: 20px;
}
.fz22{
	font-size: 12px;
}
.fz24{
	font-size: 24px;
}
.fz26{
	font-size: 26px;
}
.fz28{
	font-size: 28px;
}
.fz30{
	font-size: 30px;
}
.text-title{
	font-size: 1.25rem;
	font-family: alifont;
	font-weight: 600;
}
.text-light{
	font-weight: 300;
}
.text-nowrap{
	white-space: nowrap;
}
.el-table__header .el-table .cell{
	font-family: 'alifont';
}
.full-scroll .el-scrollbar__view{
	height: 100% !important;
}
.inline-block{
	display: inline-block!important;
}
.ppt-button{
	font-size: 14px !important;
	font-weight: bold;
	font-family: 'pingfangr';
}
.primary-link-button{
	padding: 0 12px;
	height: 32px;
	background-color: rgb(240, 246, 255);
	color: #564becCC !important;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	line-height: 32px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.el-button{
	font-size: 12px;
}
.pointer{
	cursor: pointer;
}
.wrap{
	white-space: wrap;
}
.md-menu .el-menu-item,
.md-menu .el-sub-menu .el-menu-item,
.md-menu .el-sub-menu__title{
	height: 40px;
	margin-bottom: 5px;
	line-height: 40px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.md-menu .el-menu-item.is-active,
.md-menu .el-sub-menu .el-menu-item.is-active,
.md-menu .el-sub-menu__title.is-active{
	color: #000;
	font-weight: bold;
	background-color: #f1f2f4 !important;
    border-color: #f1f2f4 !important;
	font-family: pingfangr;
}
.md-menu .el-menu-item:hover,
.md-menu .el-sub-menu .el-menu-item:hover,
.md-menu .el-sub-menu__title:hover{
	background-color: #f1f2f4 !important;
    border-color: #f1f2f4 !important;
}
.el-tree.auto-width-tree{
	width: unset !important;
}
.el-tree.auto-width-tree li span{
	font-size: 12px;
	font-weight: normal !important;
}
.TranLine{
	width: 100%;
	height: 1px;
	background: #EDEDED;
}

.el-button--primary:not(.is-link),
.theme-item .btn{
	background: linear-gradient(134deg, #649DED, #570AD8) !important;
	border: none !important;
}
.text-dark{
	color:#1F2429;
}

.theme-item .btn:hover{
	background: linear-gradient(134deg, #649DEDef, #550ad8ef) !important;
}

.el-menu-item:hover{
	background-color: #564bec22 !important;
	border-color: #564bec !important;
}
.el-button.normal{
	font-family: pingfangr;
	font-size: 14px;
	font-weight: bold;
}
.el-button.is-link:focus, 
.el-button.is-link:hover{
	color: #564becCC !important;
}
.el-menu.no-border{
	border:none !important;
}
.el-button:not(.is-link).none-border,.el-menu-item.none-border,
.el-button:not(.is-link).none-border:hover,.el-menu-item.none-border:hover,
.el-dropdown.none-border:hover,.el-dropdown-menu.none-border:hover{
	border: 0;
}
.el-avatar--square{
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-ms-border-radius: 8px !important;
	-o-border-radius: 8px !important;
}
.el-button--info{
	color: #333 !important;
	background-color: #e8eaec !important;
	border-color: #e8eaec !important;
}
.el-button.el-button--info:hover{
	color: #000 !important;
	background-color: #d9dcdf !important;
	border-color: #d9dcdf !important;
}
.el-button--info.is-disabled,
.el-button--info.is-disabled:hover{
	color: grey !important;
}

.no-border .el-tabs__nav-wrap::after{
	display: none!important;
}
.dark .el-tabs__active-bar{
	background-color: #000!important;
}
.dark .el-tabs__item.is-active{
	color:#000 !important;
}
.dark .el-tabs__item{
	color: grey !important;
}
.full-dialog{
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
}
.el-dialog{
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
}
.opacity0{
	opacity: 0;
}
.columnCount5 {
	column-count: 5;
}