:root {
    --bg-img-banner: url('../assets/image/banner.png');
    --bg-img-banner-ph: url('../assets/image/banner_p.png');
    --theme-ff-10: #fff;
    --theme-e5-3e: #E5EBEE;
    --theme-f6-1e: #F6F8F9;
    --theme-e7-1a: #E7EAEB;
    --theme-f6-19: #F6F8F9;
    --theme-e5-10: #E5EBEE;
    --theme-00-de: #000;
    --theme-f6-1a: #F6F8F9;
    --theme-e7-10: #E7EAEB; 
    --theme-e5-19: #E5EBEE;
    --theme-e5-00: #E5EBEE;
    --theme-ff-09: #fff;
    --theme-e5-09: #E5EBEE;
    --theme-00-ff: #000000;
    --theme-00-ff-a: rgba(0, 0, 0, 1);
    --theme-5f-ff: #5F6E76;
    --theme-5f-8b: #5F6E76;
    --theme-00-cc: #000;
    --theme-ff-cc: #fff;
    --theme-ff-98: #fff;
    --theme-ff-ffd: #fff;
    --theme-ffd-ffd: #FFD966;
    --theme-0a-ff: #0A0A0A;
    --theme-00-65: #000;
    --theme-cc-3e: #CCCCCC;
    --theme-d2-25: #d2d2d2;
    --theme-cc-33: #CCCCCC;
    --theme-10-10: #101113;
    --theme-00-6A: #000;
    --theme-ff-00: #fff;
    --theme-e2-29: #E2E2E2;
    --theme-00-8b: #000;
    --theme-00-c2: #000;
    --theme-00-9c: #000;
    --theme-e7-3e: #E7EAEB;
    --theme-00-88: #000;
    --theme-f6-09: #F6F8F9;
    --theme-e7-19: #E7EAEB;
	--theme-648EFC: #000;
	--theme-E5EBEE: #E5EBEE;
	--theme-F6F8F-2-000: #F6F8F9;
	--theme-000-2-ccc: #000;
	--theme-E5EBEE-2-fff: #E5EBEE;
	--theme-000-2-fff-a: rgba(0,0,0,0.5);
    --theme-E5EBEE-2-171C1F:#E5EBEE;
	--theme-ccc-2-252E40:#CCCCCC;
	--theme-E7EAEB-2-090A0C:#E7EAEB;
	--theme-000-2-838383:#000;
	--theme-ff-19:#fff;
	--theme-F1F1F1-3E494E:#F1F1F1
}


[data-theme="dark"] {
    --bg-img-banner: url('../assets/image/tg_tt.png');
    --bg-img-banner-ph: url('../assets/image/tg_tt.png');
    --theme-ff-10: #101113;
    --theme-e5-3e: #3E494E;
    --theme-f6-1e: #1E2228;
    --theme-e7-1a: #1A1D23;
    --theme-f6-19: #191C21;
    --theme-e5-10: #101113;
    --theme-00-de: #DE181D;
    --theme-f6-1a: #1A1D23;
    --theme-e7-10: #101113;
    --theme-e5-19: #191C21;
    --theme-e5-00: #000000;
    --theme-ff-09: #090A0C;
    --theme-e5-09: #090A0C;
    --theme-00-ff: #FFFFFF;
    --theme-00-ff-a: rgba(255, 255, 255, 0.5);
    --theme-5f-ff: #fff;
    --theme-5f-8b: #8BA2AE;
    --theme-00-cc: #CCCCCC;
    --theme-ff-cc: #ccc;
    --theme-ff-98: #98DCFE;
    --theme-ff-ffd: #FFD966;
    --theme-ffd-ffd: #FFD966;
    --theme-0a-ff: #fff;
    --theme-00-65: #657680;
    --theme-cc-3e: #3E4142;
    --theme-d2-25: #252E40;
    --theme-cc-33: #333637;
    --theme-10-10: #101113;
    --theme-00-6A: #6A7C86;
    --theme-ff-00: #000;
    --theme-e2-29: #292929;
    --theme-00-8b: #8BA2AE;
    --theme-00-c2: #C2C2C2;
    --theme-00-9c: #9C9C9C;
    --theme-e7-3e: #3E494E;
    --theme-00-88: #888;
    --theme-f6-09: #090A0C;
    --theme-e7-19: #191C21;
	--theme-648EFC: #648EFC;
	--theme-E5EBEE: none;
	--theme-F6F8F-2-000: #000;
	--theme-000-2-ccc: #ccc;
	--theme-E5EBEE-2-fff: #fff;
	--theme-000-2-fff-a: rgba(255,255,255,0.5);
    --theme-E5EBEE-2-171C1F:#171C1F;
	--theme-ccc-2-252E40:#252E40;
	--theme-E7EAEB-2-090A0C:#090A0C;
	--theme-000-2-838383:#838383;
	--theme-ff-19:#191C21;
	--theme-F1F1F1-3E494E:#3E494E
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:'PingFang SC',Arial,sans-serif,'Helvetica','Microsoft Yahei';;
}
html{
    line-height: 1;
    /* font-size: 14px; */
    font-size: calc(100vw/1920)!important;
}
a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent
}
a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent
}

input{
    border: 0;
    padding: 0;
    outline: none;
    background-color: transparent;
}
body{
    background-color: var(--theme-ff-10);
	font-size: 12rem;
}

/* 整个滚动条 */
::-webkit-scrollbar {
  width: 4px;  /* 垂直滚动条宽度 */
  height: 4px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}

/* 滚动条滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* 滚动条滑块激活状态（点击时） */
::-webkit-scrollbar-thumb:active {
  background: #888888;
}
#app {
    max-width: 2560px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
.container-layer{
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
}
.container-layer::-webkit-scrollbar {
    display: none;
}
.container::-webkit-scrollbar {
    display: none;
}

.container {
    display: flex;
    flex: 1;
    /* overflow-x: hidden; */
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.content {
    flex: 1;
}

.el-breadcrumb{
    font-size: 14rem;
    height: 40rem;
    /* padding: 0 30rem; */
    display: flex;
    align-items: center;
}
.el-breadcrumb__inner{
    color: inherit;
    /* color: #CCCCCC; */
    font-weight: 700;
}
.el-breadcrumb__separator{
    color: inherit;
    /* color: #CCCCCC; */
    font-weight: 700;
}
.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
    color: inherit;
    /* color: #CCCCCC; */
    font-weight: 700;
}
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{
    color: inherit;
    /* color: #CCCCCC; */
    font-weight: 700;
}
.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover{
    color: inherit;
    /* color: #CCCCCC; */
    font-weight: 700;
}
.stepper{
    border: 1px solid #D6D6D6;
    border-radius: 50px;
    overflow: hidden;
    flex-shrink: 0;
}
.stepper .van-stepper__input{
    margin: 0;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
}
.el-collapse{
    border: 0;
}
.el-collapse-item__header{
    background-color: transparent;
    color: var(--theme-00-cc);
    border: 0;
    padding-left: 20px;
}
.el-collapse-item__wrap{
    background-color: transparent;
    border: 0;
    padding: 0 20px;
}
.el-collapse-item__content{
    color: var(--theme-00-cc);
}
.el-collapse-item__header.is-active{
    background-color: var(--theme-e7-19);
    font-weight: 700;
}
.el-pagination{
    padding: 0;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #DE181D;
}
/* elementUi 单位转换 */
.el-dropdown{
    font-size: 14rem;
}

.show_mobile{display: none!important;}

[data-theme="light"] .block_dark{
    display: none;
}
[data-theme="dark"] .block_light{
    display: none;
}
*{-webkit-tap-highlight-color: transparent;}
[data-theme="dark"] img.invert{
    filter: invert(); 
}
/* flex */
.flex{ display: flex; }
.flex_ac_jc{ display: flex; align-items: center; justify-content: center; }
.flex_ac{ display: flex; align-items: center; }
.margin_a{ margin-left: auto }
.min_w{ min-width: 0}
.flex1{flex:1; min-width:0}
.flex_d{flex-direction: column;}
.flex_s{flex-shrink: 0}
.flex_wrap{flex-wrap: wrap;}

/* 等级公用样式 */
.tab-item-info-level {
	flex-shrink: 0;
    min-width: 30rem;
    height: 16rem;
    line-height: 14rem;
    text-align: center;
    border-radius: 1rem;
    font-size: 12rem;
    font-weight: 400;
    margin-right: 4rem;
    border: 1rem solid;
	border-radius: 1px;
	padding: 0 3rem;
}
.tab-item-sign { 
    height: 16rem;
	line-height: 16rem;
    border-radius: 8rem;
    font-size: 12rem;
    color: #ffffff;
    font-weight: 400;
    padding: 0rem 6rem 0rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4rem;
    background: linear-gradient(180deg, #C038F5 0%, #8C1AE8 100%) center center;
	flex-shrink: 0;
}

.tab-item-sign>img {
    width: 20rem;
}

/* 面包屑 */
.common_breadcrumb{padding: 20rem 0; font-size:16rem;color:var(--theme-00-cc);}
.common_breadcrumb a{color:var(--theme-00-cc); font-size: 22rem; font-weight: bold;}
.common_breadcrumb a:hover{text-decoration: underline;} 
/* check_box */
.moni_check{width: 16rem; height: 16rem; display: flex; align-items: center; justify-content: center; border: 1px solid #979797; border-radius: 4rem; margin-right: 7rem;}
.moni_check.active:after{content:''; display: block; width: 8rem; height: 8rem; background-color: #648EFC;}
.moni_check.active{border-color:#648EFC ;}
.ellipsis{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.common_avatar{position: relative; display:block;}
.common_avatar .avatar_img{width: 100%!important; height: 100%!important;border-radius: 50%; object-fit: cover;}
.avatar_mark{width: 100%!important; height: 100%!important; position: absolute; left: 0; top: 0; transform: scale(1.3);}

.vip_color_text{
	animation: flow-light-cf1402ef 2s linear infinite;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg,red,#ff0,#00f,green,#fff,indigo,purple,red);
	background-size: 200% auto;
	color: transparent!important;
	font-weight: 700!important
}
@keyframes flow-light-cf1402ef {
    0% {
        background-position: 0
    }

    to {
        background-position: 200%
    }
}
.pagination-box{
    display: flex;
	align-items: center;
    justify-content: space-between;
    padding: 20rem 0;
    position: relative;
}
.pagination-sizes{
    display: flex;
    font-weight: 400;
    color: var(--theme-00-ff);
}
.pagination-text{
    line-height: 24rem;
}
.pagination-btn{
    width: 42rem;
    height: 26rem;
    border-radius: 16rem;
    text-align: center;
    line-height: 24rem;
    cursor: pointer;
    margin-right: 8rem;
    
}
.pagination-btn.active{
    background-color: var(--theme-e7-3e);
}
.el-message .el-message__icon{font-size:18rem}
.el-message{max-width:300px;min-width:0}

.el-message-box{max-width: 360px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}


#editor—wrapper{border:1px solid var(--theme-cc-3e); border-radius: 10rem;}
body .w-e-bar{background: none;}
body .w-e-text-container{background: none; color: var(--theme-00-ff) ;}
body .w-e-scroll [contenteditable="true"]{min-height: 100px;}
body .w-e-hover-bar.w-e-bar{background: #fff;}
body .w-e-bar-item button{color:#333}
body .w-e-bar svg{fill:#333}
body .w-e-bar-item button:hover{background: var(--theme-e5-19); color: var(--theme-00-ff)}
body .w-e-bar-item .disabled:hover{background: var(--theme-e5-19);}
.pagination-box{font-size:12rem}


.msg_eval_div_dia .el-dialog__body{padding:10rem 20rem; padding-top: 0; font-size: 14rem;}
.msg_eval_div_dia .msg_eval_div .msg_eval_item{padding:10rem 0;}
.msg_eval_div_dia .msg_eval_div .msg_eval_item textarea{width: 100%; padding: 10rem; font-size: 14rem; line-height: 22rem; height: 140rem; background: #E5EBEE; border-radius: 8rem; outline: none; border: none;}
.msg_eval_div_dia .msg_eval_item .sub_btn{line-height: 32rem; display: block; background: #DE181D; color: #fff; padding: 0 26rem; border-radius: 8rem; margin-right: 13rem; font-size: 14rem;}
.msg_eval_div_dia .msg_eval_item .sub_btn.cancel{background: #E5EBEE; color: #000000;}

.common_nodata{padding: 50rem 20rem; color: #999; font-size: 12rem;}
.common_nodata .nodataimg{width: 100rem; margin-bottom: 15rem;}
.common_nodata .nodataimg2{display: none;}

/* 手机样式 */
@media screen and (max-width: 1024px) {
	body{padding-top: 45rem;}
	body .w-e-scroll [contenteditable="true"]{min-height: 300px;}
	#app{height: auto; display: block;overflow-x: visible}
    html{
        line-height: 1;
        font-size: calc(100vw/375)!important;
    }
    .el-drawer__header{
        padding: 0;
        margin-bottom: 0;
    }
    .container{
        /* overflow-y: auto; */
		flex:none
    }
	
	.show_mobile{display:flex!important;}
	.hide_mobile{display: none!important;}
	
	.tab-item-info-level{
		border-radius: 3rem;
		padding: 0 5rem;
	}
	
	.tab-item-sign {
	    margin-left: 6rem;
	    margin-top: 5rem;
	}
	
	.pagination-box{padding: 10rem;}
	.pagination-sizes{position: relative; margin-bottom: 10rem; justify-content: center;}
	.pagination-box{display: block;}
	.el-pagination{text-align: center;}
	
	
	.msg_eval_div_dia .el-dialog{width: 360px!important; max-width: 100%;}
	.msg_eval_div_dia  .el-dialog__body{padding: 10rem; padding-top: 0;}
	.msg_eval_div .msg_eval_item{display: block; padding: 0;padding-top: 10rem;}
	
	
	body .w-e-bar-item{height: 28px;}
	body .w-e-bar-item button{height: 20px; padding: 0 4px;}
	.container-layer{flex:none; overflow: visible; display: block;}
}


[data-theme="dark"] .el-loading-mask{background: rgba(0,0,0,0.5);}
[data-theme="dark"] .el-dialog{background: #3E494E;}
[data-theme="dark"] .el-dialog__title{color: #fff;}
[data-theme="dark"] .el-message-box{background: #3E494E; border-color: #666666;}
[data-theme="dark"] .el-message-box__title{color: #fff;}
[data-theme="dark"] .el-message-box__content{color: #fff;}
[data-theme="dark"] .el-dropdown-menu{background: #3E494E; border-color: #666666;}
[data-theme="dark"] .el-popper[x-placement^=bottom] .popper__arrow::after{ border-bottom-color:#3E494E}
[data-theme="dark"] .el-popper[x-placement^=bottom] .popper__arrow{border-bottom-color: #666666;}
[data-theme="dark"] .el-dropdown-menu__item{color: #ddd;}
[data-theme="dark"] .el-dropdown-menu__item .hover,[data-theme="dark"] .el-dropdown-menu__item:hover{background: #5a6164; color: #eee;}
[data-theme="dark"] .el-select-dropdown{background: #3E494E; border-color: #666666;}
[data-theme="dark"] .el-select-dropdown__item{color: #ddd;}
[data-theme="dark"] .el-select-dropdown__item.hover,[data-theme="dark"] .el-select-dropdown__item:hover{background: #5a6164; color: #eee;}
[data-theme="dark"] .common_nodata{ color: #808080; }
[data-theme="dark"] .common_nodata .nodataimg{display: none;}
[data-theme="dark"] .common_nodata .nodataimg2{display: inline-block;}

[data-theme="dark"]  body .w-e-bar-item button{color:#ccc}
[data-theme="dark"]  body .w-e-bar svg{fill:#ccc}
[data-theme="dark"]  .el-dropdown-link{color: #ccc;}
/* 滚动条轨道 */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background:#403d3d;
}

/* 滚动条滑块 */
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background:#707070;
}

/* 滚动条滑块悬停状态 */
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #5b5b5b;
}