/**  字体颜色  */
.c-white {
	color: #fff;
}
.c-trans {
	color: transparent;
}
.c-gray {
	color: #fff;
	opacity: 0.64;
}
.c-0a85ff {
	color: #0a85ff;
}
.c-108ee9 {
	color: #108ee9;
}
.c-0a85ff {
	color: #0a85ff;
}
.c-108ee9 {
	color: #108ee9;
}
.c-42a1ff {
	color: #42a1ff;
}
.c-0fbffc {
	color: #0fbffc;
}
.c-7abdff {
	color: #7abdff;
}
.c-000-06 {
	color: rgba(0, 0, 0, 0.6);
}
.c-b3e0ff {
	color: #b3e0ff;
}
.c-47bce6 {
	color: #47bce6;
}
.c-fe600c {
	color: #fe600c;
}
.c-ffa142 {
	color: #ffa142;
}
.c-ffae0d {
	color: #ffae0d;
}
.c-ca913b {
	color: #ca913b;
}
.c-fdb54a {
	color: #fdb54a;
}
.c-ffbd7a {
	color: #ffbd7a;
}
.c-ffe9ad {
	color: #ffe9ad;
}
.c-7a4405 {
	color: #7a4405;
}
.c-a35b07 {
	color: #a35b07;
}
.c-a3573b {
	color: #a3573b;
}
.c-cc9e6a {
	color: #cc9e6a;
}
.c-39cc52 {
	color: #39cc52;
}
.c-00a271 {
	color: #00a271;
}
.c-008fef {
	color: #008fef;
}
.c-814cce {
	color: #814cce;
}
.c-23242e {
	color: #23242e;
}
.c-555661 {
	color: #555661;
}
.c-1a1819 {
	color: #1a1819;
}
.c-7f808a {
	color: #7f808a;
}
.c-dcdee0 {
	color: #dcdee0;
}
.c-d40000 {
	color: #ff5c5c;
}
.c-ff850a {
	color: #ff850a;
}
.c-979797 {
	color: #979797;
}
.c-6c4013 {
	color: #6c4013;
}
.c-ebf5ff {
	color: #ebf5ff;
}
.c-7f808a {
	color: #7f808a;
}
.c-7a4d18 {
	color: #7a4d18;
}
.c-63401a {
	color: #63401a;
}
.c-795a3a {
	color: #795a3a;
}
.c-195a46 {
	color: #195a46;
}
.c-ffeb3c {
	color: #ffeb3c;
}
.c-e8e8e8 {
	color: #e8e8e8;
}
.c-7a3f0a {
	color: #7a3f0a;
}
.c-315682 {
	color: #315682;
}
.c-8e5e30 {
	color: #8e5e30;
}
.c-d4d5d7 {
	color: #d4d5d7;
}
.c-f1f1f1 {
	color: #f1f1f1;
}
.c-fff5eb {
	color: #fff5eb;
}
.c-fffffa {
	color: #fffffa;
}
.c-ffff5c {
	color: #ffff5c;
}
.c-d6ebff {
	color: #d6ebff;
}
.c-7a5a36 {
	color: #7a5a36;
}
.c-e0d9bc {
	color: #e0d9bc;
}
.c-ffdaac {
	color: #ffdaac;
}
.c-f07f53 {
	color: #f07f53;
}
.c-ff5b60 {
	color: #ff5b60;
}
.c-858b9c {
	color: #858b9c;
}
.c-41485d {
	color: #41485d;
}
.c-111a34 {
	color: #111a34;
}
.c-888994 {
	color: #888994;
}
.c-fee4b8 {
	color: #fee4b8;
}
.c-178dff {
	color: #178dff;
}
/**  背景颜色  */
.bgc-fff {
	background-color: #fff;
}
.bgc-f1f1f1 {
	background-color: #f1f1f1;
}
.bgc-ffebd6 {
	background-color: #ffebd6;
}
.bgc-fff1d9 {
	background-color: #fff1d9;
}
.bgc-fff3e0 {
	background-color: #fff3e0;
}
.bgc-fff5eb {
	background-color: #fff5eb;
}
.bgc-fff1e0 {
	background-color: #fff1e0;
}
.bgc-ebf5ff {
	background-color: #ebf5ff;
}
.bgc-e4fbf4 {
	background-color: #e4fbf4;
}
.bgc-e0f3ff {
	background-color: #e0f3ff;
}
.bgc-8bb8f4 {
	background-color: #8bb8f4;
}
.bgc-b1d2ff {
	background-color: #b1d2ff;
}
.bgc-d7e5f8 {
	background-color: #d7e5f8;
}
.bgc-c8c9cc {
	background-color: #c8c9cc;
}
.bgc-b2c1cd {
	background-color: #b2c1cd;
}
.bgc-fa953e {
	background-color: #fa953e;
}
.bgc-ffefd6 {
	background-color: #ffefd6;
}
.bgc-e0fffa {
	background-color: #e0fffa;
}
.bgc-d6ebff {
	background-color: #d6ebff;
}
.bgc-ffebeb {
	background-color: #ffebeb;
}
.bgc-f5f3ff {
	background-color: #f5f3ff;
}
.bgc-fff {
	background-color: #ffffff;
}
.bgc-42a1ff {
	background-color: #42a1ff;
}
.bgc-0a85ff {
	background-color: #0a85ff;
}
.bgc-1677ff {
	background-color: #3b97ff;
}
.bgc-2064ff {
	background-color: #2064ff;
}
.bgc-ff850a {
	background-color: #ff850a;
}
.bgc-ffebd6 {
	background-color: #ffebd6;
}
.bgc-e6e0ff {
	background-color: #e6e0ff;
}
.bgc-ffe4ad {
	background-color: #ffe4ad;
}
.bgc-ff5c5c {
	background-color: #ff5c5c;
}
.bgc-39cc52 {
	background-color: #39cc52;
}
.bgc-315682 {
	background-color: #315682;
}
.bgc-fef7e6 {
	background-color: #fef7e6;
}
.bgc-7abdff {
	background-color: #7abdff;
}
.bgc-ffbd7a {
	background-color: #ffbd7a;
}
.bgc-e8e8e8 {
	background-color: #e8e8e8;
}
.bgc-000000 {
	background-color: #000000;
}
.bgc-fff-07 {
	background-color: rgba(255, 255, 255, 0.7);
}
.bgc-ff7700 {
	background-color: #ff7700;
}
.bgc-f8f9fa {
	background-color: #f8f9fa;
}
.bgc-f4f5f6 {
	background-color: #f4f5f6;
}
.bgc-fee397 {
	background-color: #fee397;
}
.bgc-cc9e6a {
	background-color: #cc9e6a;
}
.bgc-f0f2f9 {
	background-color: #f0f2f9;
}
.bgc-f9fafb {
	background-color: #f9fafb;
}
.bgl-ffbd7a-ffd9b3 {
	background: -webkit-gradient(linear, right top, left top, from(#ffbd7a), to(#ffd9b3));
	background: linear-gradient(270deg, #ffbd7a 0%, #ffd9b3 100%);
}
/* // z-index */
.z-index100 {
	z-index: 100;
}
.z-index6{
    z-index: 6;
}
.z-index5 {
	z-index: 5;
}
.z-index3 {
	z-index: 3;
}
.z-index2 {
	z-index: 2;
}
/**  padding  */
/* 上 */
.pt0 {
	padding-top: 0px;
}
.pt2 {
	padding-top: 2px;
}
.pt3 {
	padding-top: 3px;
}
.pt4 {
	padding-top: 4px;
}
.pt5 {
	padding-top: 5px;
}
.pt8 {
	padding-top: 8px;
}
.pt10 {
	padding-top: 10px;
}
.pt14 {
	padding-top: 14px;
}
.pt15 {
	padding-top: 15px;
}
.pt16 {
	padding-top: 16px;
}
.pt20 {
	padding-top: 20px;
}
.pt22 {
	padding-top: 22px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt44 {
	padding-top: 44px;
}
.pt45 {
	padding-top: 45px;
}
.pt58 {
	padding-top: 58px;
}
.pt60 {
	padding-top: 60px;
}
.pt70 {
	padding-top: 70px;
}
.pt100 {
	padding-top: 100px;
}
/* 下 */
.pb0 {
	padding-bottom: 0px;
}
.pb4 {
	padding-bottom: 4px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb6 {
	padding-bottom: 6px;
}
.pb8 {
	padding-bottom: 8px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb12 {
	padding-bottom: 12px;
}
.pb13 {
	padding-bottom: 13px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb16 {
	padding-bottom: 16px;
}
.pb18 {
	padding-bottom: 18px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb24 {
	padding-bottom: 24px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb48 {
	padding-bottom: 48px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb64 {
	padding-bottom: 64px;
}
.pb100 {
	padding-bottom: 100px;
}
.pb106 {
	padding-bottom: 106px;
}
/* 左 */
.pl0 {
	padding-left: 0;
}
.pl2 {
	padding-left: 2px;
}
.pl4 {
	padding-left: 4px;
}
.pl8 {
	padding-left: 8px;
}
.pl10 {
	padding-left: 10px;
}
.pl12 {
	padding-left: 12px;
}
.pl13 {
	padding-left: 13px;
}
.pl14 {
	padding-left: 14px;
}
.pl16 {
	padding-left: 16px;
}
.pl20 {
	padding-left: 20px;
}
.pl32 {
	padding-left: 32px;
}
.pl40 {
	padding-left: 40px;
}
/* 右 */
.pr0 {
	padding-right: 0;
}
.pr4 {
	padding-right: 4px;
}
.pr5 {
	padding-right: 5px;
}
.pr7 {
	padding-right: 7px;
}
.pr8 {
	padding-right: 8px;
}
.pr10 {
	padding-right: 10px;
}
.pr11 {
	padding-right: 11px;
}
.pr12 {
	padding-right: 12px;
}
.pr13 {
	padding-right: 13px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
/* pd */
.pd0 {
	padding: 0px;
}
.pd2 {
	padding: 2px;
}
.pd3 {
	padding: 3px;
}
.pd5 {
	padding: 5px;
}
.pd6 {
	padding: 6px;
}
.pd9 {
	padding: 9px;
}
.pd14 {
	padding: 14px;
}
.pd18 {
	padding: 18px;
}
.ptb0 {
	padding-top: 0px;
	padding-bottom: 0px;
}
.ptb1 {
	padding-top: 1px;
	padding-bottom: 1px;
}
.ptb2 {
	padding-top: 2px;
	padding-bottom: 2px;
}
.ptb3 {
	padding-top: 3px;
	padding-bottom: 3px;
}
.ptb4 {
	padding-top: 4px;
	padding-bottom: 4px;
}
.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.ptb9 {
	padding-top: 9px;
	padding-bottom: 9px;
}
.ptb14 {
	padding-top: 14px;
	padding-bottom: 14px;
}
.ptb19 {
	padding-top: 19px;
	padding-bottom: 19px;
}
.ptb25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb32 {
	padding-top: 32px;
	padding-bottom: 32px;
}
.ptb33 {
	padding-top: 33px;
	padding-bottom: 33px;
}
.ptb45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.ptb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.plr1 {
	padding-left: 1px;
	padding-right: 1px;
}
.plr2 {
	padding-left: 2px;
	padding-right: 2px;
}
.plr3 {
	padding-left: 3px;
	padding-right: 3px;
}
.plr4 {
	padding-left: 4px;
	padding-right: 4px;
}
.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}
.plr6 {
	padding-left: 6px;
	padding-right: 6px;
}
.plr60 {
	padding-left: 60px;
	padding-right: 60px;
}
.mt1 {
	margin-top: 1px;
}
.mt2 {
	margin-top: 2px;
}
.mt3 {
	margin-top: 3px;
}
.mt4 {
	margin-top: 4px;
}
.mt8 {
	margin-top: 8px;
}
.mt9 {
	margin-top: 9px;
}
.mt13 {
	margin-top: 13px;
}
.mt14 {
	margin-top: 14px;
}
.mt20 {
	margin-top: 20px;
}
.mt28 {
	margin-top: 28px;
}
.mt32 {
	margin-top: 32px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt48 {
	margin-top: 48px;
}
.mt61 {
	margin-top: 61px;
}
.mt65 {
	margin-top: 65px;
}
.ml4 {
	margin-left: 4px;
}
.ml5 {
	margin-left: 5px;
}
.ml7 {
	margin-left: 7px;
}
.ml12 {
	margin-left: 12px;
}
.ml16 {
	margin-left: 16px;
}
.ml18 {
	margin-left: 18px;
}
.ml20 {
	margin-left: 20px;
}
.mr4 {
	margin-right: 4px;
}
.mr6 {
	margin-right: 6px;
}
.mr12 {
	margin-right: 12px;
}
.mr14 {
	margin-right: 14px;
}
.mr16 {
	margin-right: 16px;
}
.mr29 {
	margin-right: 29px;
}
.mr32 {
	margin-right: 32px;
}
.mb3 {
	margin-bottom: 3px;
}
.mb4 {
	margin-bottom: 4px;
}
.mb6 {
	margin-bottom: 6px;
}
.mb13 {
	margin-bottom: 13px;
}
.mb14 {
	margin-bottom: 14px;
}
.mb28 {
	margin-bottom: 28px;
}
.mb16 {
	margin-bottom: 16px;
}
.mb32 {
	margin-bottom: 32px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb44 {
	margin-bottom: 44px;
}
.mb48 {
	margin-bottom: 48px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb64 {
	margin-bottom: 64px;
}
.mb72 {
	margin-bottom: 72px;
}
.mt3 {
	margin-top: 3px;
}
.mt6 {
	margin-top: 6px;
}
.mt8 {
	margin-top: 8px;
}
.mt13 {
	margin-top: 13px;
}
.mt18 {
	margin-top: 18px;
}
.mt144 {
	margin-top: 144px;
}
.mt200 {
	margin-top: 200px;
}
.mtb6 {
	margin-top: 6px;
	margin-bottom: 6px;
}
.mtb8 {
	margin-top: 8px;
	margin-bottom: 8px;
}
.mtb12 {
	margin-top: 12px;
	margin-bottom: 12px;
}
.mtb18 {
	margin-top: 18px;
	margin-bottom: 18px;
}
.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mlr4 {
	margin-left: 4px;
	margin-right: 4px;
}
.mlr8 {
	margin-left: 8px;
	margin-right: 8px;
}
.mlr12 {
	margin-left: 12px;
	margin-right: 12px;
}
.mlr20 {
	margin-left: 20px;
	margin-right: 20px;
}
.m0a {
	margin: 0 auto;
}
/**  字体粗细  */
.fw-500 {
	font-weight: 500;
}
.flex-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.flex-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.flex-stretch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.flex-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.flex-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.flex-no-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}
.flex-start-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.flex-between-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.flex-between-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.flex-between-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
/* flex - center */
.flex-center-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.flex-center-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.flex-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.flex-center-vertical {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.flex-center-horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.flex-center-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.flex-center-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
/* flex - column */
.flex-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.flex-column-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.flex-column-center-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.flex-column-center-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.flex-column-center-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.flex-column-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.flex-column-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.flex-column-start {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.flex-column-start-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.flex-column-start-around {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.flex-column-start-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.flex-column-end-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
/* flex 基准线对齐*/
.flex-baseline {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}
.border-9cc {
	border: 1px solid #c8c9cc;
}
/* 行高 */
.line-height-normal {
	line-height: normal;
}
.line-height56 {
	line-height: 56px;
}
.line-height52 {
	line-height: 52px;
}
.line-height48 {
	line-height: 48px;
}
.line-height45 {
	line-height: 45px;
}
.line-height44 {
	line-height: 44px;
}
.line-height36 {
	line-height: 36px;
}
.line-height26 {
	line-height: 26px;
}
.line-height27 {
	line-height: 27px;
}
.line-height23 {
	line-height: 23px;
}
.line-height21 {
	line-height: 21px;
}
.line-height18 {
	line-height: 18px;
}
.line-height14 {
	line-height: 14px;
}
.line-height13 {
	line-height: 13px;
}
.br2 {
	-webkit-appearance: none;
	border-radius: 2px;
}
.br3 {
	-webkit-appearance: none;
	border-radius: 3px;
}
.br4 {
	-webkit-appearance: none;
	border-radius: 4px;
}
.br6 {
	-webkit-appearance: none;
	border-radius: 6px;
}
.br8 {
	-webkit-appearance: none;
	border-radius: 8px;
}
.br10 {
	-webkit-appearance: none;
	border-radius: 10px;
}
.br12 {
	-webkit-appearance: none;
	border-radius: 12px;
}
.br14 {
	-webkit-appearance: none;
	border-radius: 14px;
}
.br15 {
	-webkit-appearance: none;
	border-radius: 15px;
}
.br16 {
	-webkit-appearance: none;
	border-radius: 16px;
}
.br18 {
	-webkit-appearance: none;
	border-radius: 18px;
}
.br22 {
	-webkit-appearance: none;
	border-radius: 22px;
}
.br25 {
	-webkit-appearance: none;
	border-radius: 25px;
}
.br24 {
	-webkit-appearance: none;
	border-radius: 24px;
}
.br4-rightbottom {
	border-radius: 0px 0px 8px 0px;
}
.circle {
	border-radius: 50%;
}
.over-flow-two {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
 /* 三行隐藏 */
.over-flow-three {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* 弹窗权重 */
.message-zindex{
    z-index: 6000 !important;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  background-color: #f8fafb;
  height: 100%;
}
body,
#SiderMenu,
#SiderMenu .el-menu {
  height: 100%;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
button {
  border: 0;
  cursor: pointer;
}
a,
a.link {
  text-decoration: none;
  color: #fafafa;
}
.popwindwrap a {
  color: #3b507b;
}
a:hover {
  color: #158cff;
}
a:visited {
  text-decoration: none;
}
a,
a.link {
  text-decoration: none;
}
h3 {
  font-size: 18px;
  font-weight: 700;
}
.iconfont {
  display: inline-block;
  font-family: 'iconfont' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
}
.pointer {
  cursor: pointer;
}
/**  字体颜色  */
.c-theme {
  color: var(--themeColor);
}
.c-303133 {
  color: #303133;
}
.c-1677ff {
  color: #1677ff;
}
.c-c0c4cc {
  color: #c0c4cc;
}
.c-158cff {
  color: #158cff;
}
.c-fff {
  color: #ffffff;
}
.c-333 {
  color: #333;
}
.c-666 {
  color: #666;
}
.c-646566 {
  color: #646566;
}
.c-606266 {
  color: #606266;
}
.c-323233 {
  color: #323233;
}
.c-969799 {
  color: #969799;
}
.c-c8c9cc {
  color: #c8c9cc;
}
.c-67c23a {
  color: #67c23a;
}
.c-aaa {
  color: #aaa;
}
.c-d40000 {
  color: #d40000;
}
.c-ff5c5c {
  color: #ff5c5c;
}
.c-df4545 {
  color: #df4545;
}
.c-ed6a0c {
  color: #ed6a0c;
}
.c-ffb540 {
  color: #ffb540;
}
.c-2da641 {
  color: #2da641;
}
.c-fd5147 {
  color: #fd5147;
}
.c-fad20c {
  color: #fad20c;
}
.c-b2afaf {
  color: #b2afaf;
}
.c-101010 {
  color: #101010;
}
.c-959595 {
  color: #959595;
}
.c-1989fa {
  color: #1989fa;
}
.c-dcdfe6 {
  color: #dcdfe6;
}
.c-909399 {
  color: #909399;
}
.c-7f808a {
  color: #7f808a;
}
.c-f54545 {
  color: #f54545;
}
.c-f56c6c {
  color: #f56c6c;
}
.c-b82c16 {
  color: #b82c16;
}
.c-fff-04 {
  color: rgba(255, 255, 255, 0.4);
}
/**  背景颜色  */
.bac-lucency {
  background-color: transparent;
}
.bgc-transparent {
  background-color: rgba(0, 0, 0, 0);
}
.bgc-fff {
  background-color: #fff;
}
.bgc-f5f5f9 {
  background-color: #f5f5f9;
}
.bgc-f8fafb {
  background-color: #f8fafb;
}
.bgc-2da641 {
  background-color: #67c23a;
}
.bgc-d8d8d8 {
  background-color: #d8d8d8;
}
.bgc-158cff {
  background-color: #158cff;
}
.bgc-f5f5f5 {
  background-color: #f5f5f5;
}
.bgc-f2f6fc {
  background-color: #f2f6fc;
}
.bgc-1677ff {
  background-color: #1677ff;
}
.bgc-f7f8fa {
  background-color: #f7f8fa;
}
.bgc-ffebcc {
  background-color: #ffebcc;
}
.bgc-1677ff-01 {
  background-color: rgba(22, 119, 255, 0.1);
}
.bgc-f54545-01 {
  background-color: rgba(245, 69, 69, 0.1);
}
.bgc-ebeef5 {
  background-color: #ebeef5;
}
.bgc-e4f1ff {
  background-color: #e4f1ff;
}
/* 渐变色 */
.bgl-f5f5f9-fff {
  background-image: linear-gradient(179deg, #f5f5f9 0%, #ffffff 100%);
}
.bgl-ffd9ad-ffecd6 {
  background-image: -webkit-gradient(linear, right top, left top, from(#ffd9ad), to(#ffecd6));
  background-image: linear-gradient(270deg, #ffd9ad 0%, #ffecd6 100%);
}
.bgl-ffbd7a-ffd9b3 {
  background: -webkit-gradient(linear, right top, left top, from(#ffbd7a), to(#ffd9b3));
  background: linear-gradient(270deg, #ffbd7a 0%, #ffd9b3 100%);
}
.bgl-f5be7f-b8835f {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5be7f), to(#b8835f));
  background: linear-gradient(180deg, #f5be7f 0%, #b8835f 100%);
}
.bgl-0b9bd0-4fc1e9 {
  background-image: -webkit-gradient(linear, right top, left top, from(#0b9bd0), to(#4fc1e9));
  background-image: linear-gradient(270deg, #0b9bd0 0%, #4fc1e9 100%);
}
.bgl-7455c3-ac92ec {
  background-image: -webkit-gradient(linear, right top, left top, from(#7455c3), to(#ac92ec));
  background-image: linear-gradient(270deg, #7455c3 0%, #ac92ec 100%);
}
.bgl-d6ebff-fefffe {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d6ebff), color-stop(60%, #fefffe));
  background-image: linear-gradient(180deg, #d6ebff 0%, #fefffe 60%);
}
.bgl-ffebd6-fff {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffebd6), color-stop(50%, #ffffff));
  background-image: linear-gradient(180deg, #ffebd6 0%, #ffffff 50%);
}
.bgl-2193ff-2064ff {
  background-image: linear-gradient(135deg, #2193ff 0%, #2064ff 100%);
}
.bgl-fff-ebf5ff {
  background: -webkit-gradient(linear, right top, left top, from(#ffffff), to(#ebf5ff));
  background: linear-gradient(270deg, #ffffff 0%, #ebf5ff 100%);
}
.bgl-ebf5ff-fff {
  background: -webkit-gradient(linear, left top, left bottom, from(#ebf5ff), color-stop(31%, #ffffff), to(#ffffff));
  background: linear-gradient(180deg, #ebf5ff 0%, #ffffff 31%, #ffffff 100%);
}
.bgl-444-202022 {
  background: -webkit-gradient(linear, right top, left top, from(#444444), to(#202022));
  background: linear-gradient(270deg, #444444 0%, #202022 100%);
}
.bgl-fff3bf-fede3a {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff3bf), to(#fede3a));
  background: linear-gradient(180deg, #fff3bf 0%, #fede3a 100%);
}
.bgl-8fd4ff-3da8ff {
  background: linear-gradient(127deg, #8fd4ff 0%, #3da8ff 100%);
}
.bgl-fe989f-fe7075 {
  background: linear-gradient(127deg, #fe989f 0%, #fe7075 100%);
}
.bgl-ffd399-ffb433 {
  background: linear-gradient(133deg, #ffd399 0%, #ffb433 100%);
}
.bgl-feacac-ff4747 {
  background: -webkit-gradient(linear, left top, right top, from(#feacac), to(#ff4747));
  background: linear-gradient(90deg, #feacac 0%, #ff4747 100%);
}
.bgl-ffd9b3-ffbd7a {
  background: -webkit-gradient(linear, left top, right top, from(#ffd9b3), to(#ffbd7a));
  background: linear-gradient(90deg, #ffd9b3 0%, #ffbd7a 100%);
}
.bgl-18c5bb-93f47c {
  background: -webkit-gradient(linear, right top, left top, from(#18c5bb), to(#93f47c));
  background: linear-gradient(270deg, #18c5bb 0%, #93f47c 100%);
}
.bgl-ff6329-ff8f00 {
  background: -webkit-gradient(linear, right top, left top, from(#ff6329), to(#ff8f00));
  background: linear-gradient(270deg, #ff6329 0%, #ff8f00 100%);
}
.bgl-3e59bc-6786d3 {
  background: -webkit-gradient(linear, right top, left top, from(#3e59bc), to(#6786d3));
  background: linear-gradient(270deg, #3e59bc 0%, #6786d3 100%);
}
.bgl-98b3d1-a2b6d7 {
  background: -webkit-gradient(linear, right top, left top, from(#98b3d1), to(#a2b6d7));
  background: linear-gradient(270deg, #98b3d1 0%, #a2b6d7 100%);
}
.bgc-c8c9cc {
  background-color: #c8c9cc;
}
/**  padding  */
.pd2p {
  padding: 2%;
}
.pd3p {
  padding: 3%;
}
.pd5p {
  padding: 5%;
}
.pd4 {
  padding: 4px;
}
.pd8 {
  padding: 8px;
}
.pd10 {
  padding: 10px;
}
.pd12 {
  padding: 12px;
}
.pd15 {
  padding: 15px;
}
.pd16 {
  padding: 16px;
}
.pd20 {
  padding: 20px;
}
.pd24 {
  padding: 24px;
}
.pd25 {
  padding: 25px;
}
.pd-common {
  padding: 10px 15px;
}
.pd-1820 {
  padding: 18px 20px;
}
.pd3020 {
  padding: 30px 20px;
}
.pd3246 {
  padding: 32px 46px;
}
.pt0 {
  padding-top: 0;
}
.pt12 {
  padding-top: 12px;
}
.pt24 {
  padding-top: 24px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb16 {
  padding-bottom: 16px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb24 {
  padding-bottom: 24px;
}
.pl40 {
  padding-left: 40px;
}
.pl5 {
  padding-left: 5px;
}
.pl15 {
  padding-left: 15px;
}
.pl16 {
  padding-left: 16px;
}
.ptb0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.ptb3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ptb6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ptb8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ptb12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ptb16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ptb24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.plr0 {
  padding-left: 0px;
  padding-right: 0px;
}
.plr8 {
  padding-left: 8px;
  padding-right: 8px;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.plr12 {
  padding-left: 12px;
  padding-right: 12px;
}
.plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.plr16 {
  padding-left: 16px;
  padding-right: 16px;
}
.plr18 {
  padding-left: 18px;
  padding-right: 18px;
}
.plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.plr24 {
  padding-left: 24px;
  padding-right: 24px;
}
.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.pr10 {
  padding-right: 10px;
}
.pr12 {
  padding-right: 12px;
}
.pr16 {
  padding-right: 16px;
}
.pr24 {
  padding-right: 24px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
/**  margin  */
.mt0 {
  margin-top: 0;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top: 5px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt12 {
  margin-top: 12px;
}
.mt16 {
  margin-top: 16px;
}
.mt21 {
  margin-top: 21px;
}
.mt24 {
  margin-top: 24px;
}
.ml-auto {
  margin-left: auto;
}
.ml2 {
  margin-left: 2px;
}
.ml8 {
  margin-left: 8px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml24 {
  margin-left: 24px;
}
.ml44 {
  margin-left: 44px;
}
.ml50 {
  margin-left: 50px;
}
.ml100 {
  margin-left: 100px;
}
.ml130 {
  margin-left: 130px;
}
.mr2 {
  margin-right: 2px;
}
.mr5 {
  margin-right: 5px;
}
.mr8 {
  margin-right: 8px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr18 {
  margin-right: 18px;
}
.mr20 {
  margin-right: 20px;
}
.mr24 {
  margin-right: 24px;
}
.mr35 {
  margin-right: 35px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb12 {
  margin-bottom: 12px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb18 {
  margin-bottom: 18px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb22 {
  margin-bottom: 22px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb54 {
  margin-bottom: 54px;
}
.mb88 {
  margin-bottom: 88px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mtb16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mlr0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.mlr16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mlr24 {
  margin-left: 24px;
  margin-right: 24px;
}
.md10 {
  margin: 10px;
}
/**  字体大小  */
.ft12 {
  font-size: 12px;
}
.ft14 {
  font-size: 14px;
}
.ft16 {
  font-size: 16px;
}
.ft18 {
  font-size: 18px;
}
.ft20 {
  font-size: 20px;
}
.ft22 {
  font-size: 22px;
}
.ft24 {
  font-size: 24px;
}
.ft26 {
  font-size: 26px;
}
.ft28 {
  font-size: 28px;
}
.ft30 {
  font-size: 30px;
}
.ft32 {
  font-size: 32px;
}
.ft34 {
  font-size: 34px;
}
.ft36 {
  font-size: 36px;
}
/**  字体粗细  */
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw-bold {
  font-weight: 700;
}
/**  hover显示手  */
.pointer {
  cursor: pointer;
}
.not-allowed {
  cursor: not-allowed;
}
/**  flex布局  */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-column-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-start-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-justify-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-justify-end-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-align-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-between-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-around-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-column-around-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-column-between-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-column-space-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.flex1-5 {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}
.flex1-2 {
  -webkit-box-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
}
/**  visible  */
.visible-hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
/**  线条  */
.border-bottom {
  border-bottom: 1px solid #edebf0;
}
.border-top {
  border-top: 1px solid #edebf0;
}
.border-right {
  border-right: 1px solid #ebedf0;
}
.border-none {
  border: none;
}
.border {
  border: 1px solid #ebedf0;
}
.border-dcdfe6 {
  border: 1px solid #dcdfe6;
}
.border-1677ff {
  border: 0.5px solid #1677ff;
}
.border-b-f2f {
  border-bottom: 1px solid #f2f6fc;
}
.border-fff {
  border: 0.5px solid #fff;
}
/**  块元素  */
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
/**  不展示  */
.display-none {
  display: none;
}
/**  左右float布局  */
.left {
  float: left;
}
.right {
  float: right;
}
.fix {
  *zoom: 1;
}
.fix:before,
.fix:after {
  display: block;
  content: 'clear';
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
:focus {
  outline: 0;
}
/* 行高 */
.line-height46 {
  line-height: 46px;
}
.line-height40 {
  line-height: 40px;
}
.line-height35 {
  line-height: 35px;
}
.line-height32 {
  line-height: 32px;
}
.line-height30 {
  line-height: 30px;
}
.line-height28 {
  line-height: 28px;
}
.line-height24 {
  line-height: 24px;
}
.line-height22 {
  line-height: 22px;
}
.line-height20 {
  line-height: 20px;
}
.line-height16 {
  line-height: 16px;
}
.line-height12 {
  line-height: 12px;
}
/* text-align */
.ta-l {
  text-align: left;
}
.ta-c {
  text-align: center;
}
.ta-r {
  text-align: right;
}
/* 相对布局 */
.ps-r {
  position: relative;
}
.ps-a {
  position: absolute;
}
/* 吸顶 */
.ps-s {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 999;
}
/* 宽高铺满 */
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.full-content {
  width: 100%;
  height: 100%;
}
.w-max-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.w90 {
  width: 90%;
}
.w85 {
  width: 85%;
}
.w80 {
  width: 80%;
}
.w70 {
  width: 70%;
}
.w68 {
  width: 68%;
}
.w60 {
  width: 60%;
}
.w50 {
  width: 50%;
}
.w40 {
  width: 40%;
}
.w30 {
  width: 30%;
}
.w20 {
  width: 20%;
}
.w15 {
  width: 15%;
}
.w12 {
  width: 12%;
}
.h90 {
  height: 90%;
}
.h60 {
  height: 60%;
}
.h10 {
  height: 10%;
}
.border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* 字体间距 */
.letter-spacing1 {
  letter-spacing: 1px;
}
.over-scroll {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.over-flow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.over-flow-two {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.over-hidden {
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
.radius-2 {
  border-radius: 2px;
}
.radius-4 {
  border-radius: 4px;
}
.radius-8 {
  border-radius: 8px;
}
.radius-12 {
  border-radius: 0 12px 12px 0;
}
.radius-16 {
  border-radius: 16px;
}
/* 文字间距 */
.ls1 {
  letter-spacing: 1px;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 2px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  background: var(--middleThemeColor);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background: #dddfea;
}
.z-index2 {
  z-index: 2;
}
.el-dialog .form-dialog-box {
  max-height: calc(84vh - 189px);
  overflow: auto;
}
.handle-more {
  display: inline-block;
  width: 80px;
  height: 20px;
  text-align: center;
  color: var(--themeColor);
  background: var(--litterThemeColor);
  border-radius: 12px 12px 0px 0px;
}
.has-scroll-y::-webkit-scrollbar {
  width: 4px !important;
  max-height: 160px;
}
.has-scroll-y::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 4px;
  max-height: 160px;
  background: var(--middleThemeColor);
  border-radius: 2px;
}
.has-scroll-y::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 0;
  background-color: transparent;
}
.has-scroll-x::-webkit-scrollbar {
  height: 5px !important;
}
.has-scroll-x::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: 0 0 2px var(--middleThemeColor);
          box-shadow: 0 0 2px var(--middleThemeColor);
  background-color: var(--middleThemeColor);
}
.bottom0 {
  bottom: 0;
}
.width-48 {
  width: 48px;
}
.height-35 {
  height: 35px;
}
.height-4 {
  height: 4px;
}
.width-24 {
  width: 24px;
}
.height-4 {
  height: 4px;
}
.over-scroll-x {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

@charset "UTF-8";
#app .el-main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto; }

#app .el-main .main-cont {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff; }

#app .main-cont {
  border-radius: 0px !important; }

/* 屏幕大小自适应 */
#app .large .el-main {
  overflow-x: auto; }

#app .small .app-side-expanded .el-main,
#app .small .app-side-collapsed .el-main {
  width: 100%;
  padding: 10px; }

#app .large .app-side-expanded .el-main,
#app .large .app-side-collapsed .el-main {
  width: 100%;
  padding: 20px; }

#app .small .el-main .main-cont {
  min-width: 1060px; }

#app .el-aside.app-side-expanded {
  width: 240px !important;
  height: 100%;
  overflow-x: hidden; }

#app .el-aside.app-side-collapsed {
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
  width: 81px !important; }

#app .el-menu--collapse {
  width: 100%; }

#app .el-aside.app-side.app-side-collapsed .el-icon-arrow-right:before {
  display: none; }

#app .el-header {
  padding: 0 0 0 30px; }

#app .app-side-expanded .el-main,
#app .app-side-collapsed .el-main {
  width: 100%;
  margin: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff; }

.app .container-box {
  height: calc(100% - 120px);
  width: 100%;
  padding: 16px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/**  公共table链接颜色  */
#CommonTable .el-link.el-link--primary {
  color: #1677ff; }

#formQuery .el-range-editor--mini.el-input__inner {
  width: 100%; }

#app .el-form-item__label,
.el-form-item__label {
  color: #323233; }

#Register .el-form-item__label {
  line-height: 20px !important; }

#app .small .el-form-item__label {
  font-size: 12px; }

#app .large .el-form-item__label {
  font-size: 14px; }

.small #FilterQuery .el-input {
  width: 131px; }

.large #FilterQuery .el-input {
  width: 200px; }

.small #FilterQuery .el-date-editor {
  width: 220px; }

.small #FilterQuery .el-date-editor.el-date-editor--year {
  width: 150px; }

.small #FilterQuery .el-date-editor--datetimerange {
  width: 333px; }

.small #FilterQuery .special-input {
  width: 281px; }

.small #FilterQuery .special-input .el-input {
  width: 107px; }

#FilterQuery .special-input .el-input .el-input__inner {
  text-align: center; }

.large #FilterQuery .el-date-editor {
  width: 330px; }

.border-none .el-input__inner {
  border: none; }

#CommonTable .max-width-tooltip {
  max-width: 5em; }

#app .el-dialog__body,
.el-dialog__body {
  padding: 10px 15px 15px !important; }

#app .el-dialog__header {
  padding: 15px 20px 10px; }

#app .el-dialog__body {
  max-height: calc(84vh - 49px - 30px - 25px);
  overflow: auto; }

#app .el-dialog {
  margin: 8vh auto !important; }

#app .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.el-dialog__footer {
  padding: 10px 15px 15px !important; }

.el-button + .el-button {
  margin-left: 10px !important; }

.more-operate-btns .el-button + .el-button {
  margin-left: 0 !important; }

#tab-homepage .el-icon-close {
  display: none; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border-top: none; }

#mainTab.el-tabs--card > .el-tabs__header {
  border-bottom: none; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__item:before {
  content: ' ';
  border-right: 1px solid #e4e7ed;
  display: inline-block;
  height: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-left: none; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__item.no-left-line:before {
  border-right: none; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-left: 1px solid #e4e7ed;
  border-right: 1px solid #e4e7ed;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

#mainTab.el-tabs--card > .el-tabs__header .el-tabs__item.is-active:before {
  border: none; }

#Main .last-caret-icon {
  margin-left: -20px !important;
  margin-right: 30px; }

#Main .right-last-caret-icon {
  margin-left: -20px !important; }

#Main .arrow-icon {
  color: #909399; }

.header .line {
  display: inline-block;
  width: 1px;
  height: 40px;
  margin-top: 20px;
  background-color: #fff;
  margin: 0 12px; }

#CustomSelect .el-tree-node__expand-icon.is-leaf {
  display: none; }

#CustomSelect .tags-panel .el-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5; }

#CustomSelect .tags-panel .el-tag > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 25px; }

#CustomSelect .select-box.is-reverse .el-input__icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

#CustomSelect .select-box.el-select__caret .el-input__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

#CustomSelect .search-box.el-input {
  width: auto; }

#CustomSelect .el-tag.el-tag--info {
  margin: 2px 0 2px 6px; }

.el-tooltip__popper {
  max-width: 600px; }

#ComponentsForm .el-slider {
  position: relative;
  top: -3px; }

.card-box {
  border-radius: 4px;
  border: 1px solid #ebeef5;
  overflow: hidden;
  color: #303133;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.card-header {
  padding: 18px 20px;
  height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #ebeef5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.card-body {
  padding: 20px; }

.uploadBox .el-upload {
  text-align: center; }

.swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.9); }

.dot .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.5); }

.bar.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0; }

.bar .swiper-pagination-bullet {
  width: 16px;
  height: 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

#StaticSwiperList .swiper-pagination-bullet,
#StaticSwiperList .swiper-pagination-bullet {
  width: 3px;
  height: 3px;
  margin: 0 1.5px;
  background: #c8c8cc; }

#StaticSwiperList .swiper-pagination-bullets,
#StaticSwiperList .swiper-pagination-bullets {
  bottom: 0; }

#StaticSwiperList .swiper-pagination-bullet-active {
  height: 3px;
  background: #158cff; }

#StaticSwiperList .bar .swiper-pagination-bullet-active {
  width: 13px; }

.group-gaggable .el-collapse-item__header {
  padding-left: 20px;
  padding-right: 20px; }

.group-gaggable .el-collapse-item__header.is-active {
  border-bottom: 1px solid #edebf0; }

#EditTabbar .menu-group {
  height: calc(100% - 91px - 132px); }

#ContentList .el-tabs__item.is-active {
  font-weight: 500;
  font-size: 16px;
  color: #323233; }

#ContentList .el-tabs__active-bar {
  bottom: 13px;
  height: 4px;
  background-color: rgba(66, 161, 255, 0.8); }

#ContentList .el-tabs__item {
  color: #555661; }

#ContentList .el-tabs__nav-wrap {
  margin-bottom: -15px; }

#ContentList .el-button--info.is-plain {
  background: #e8e8e8;
  color: #555661;
  border-color: #e8e8e8; }

#ContentList .sticky .el-tabs__header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 3;
  background-color: #f5f5f9; }

#EditHomePage .search-sticky.sticky .el-tabs__header {
  position: sticky;
  position: -webkit-sticky;
  top: 50px;
  z-index: 3;
  background-color: #f5f5f9; }

#EditPage .left-box .el-card__body {
  height: calc(100% - 83px - 40px);
  overflow-y: hidden; }

/** header部分 **/
.hader-other-menu {
  width: 200px;
  max-height: 604px;
  overflow-y: auto;
  padding: 0 !important; }

.hader-other-menu .el-dropdown-menu__item {
  padding: 16px 24px;
  font-size: 16px;
  color: #303133;
  line-height: 22px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#MenuEdit .el-dialog {
  width: 736px;
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  border-radius: 8px; }

#MenuEdit .el-dialog__header {
  padding: 0; }

#MenuEdit .el-dialog__body {
  padding: 0;
  max-height: initial; }

#FitmentPage .father-tab {
  height: 100%;
  overflow-y: hidden; }

#FitmentPage .father-tab > .el-tabs__header {
  margin: 0;
  border-bottom: none; }

#FitmentPage .father-tab > .el-tabs__content {
  padding: 0; }

/* #FitmentPage  .el-tabs__item {
    width: 120px;
} */
#FitmentPage .child-tab .el-tabs__nav {
  margin-top: -1px;
  margin-left: -3px; }

#FitmentPage .el-tabs--card > .el-tabs__header .el-tabs__item {
  border-top: 1px solid #e4e7ed; }

#ComponentsForm .el-radio-group {
  line-height: 40px; }

#EditCommonPage .left-box .el-card__body {
  height: calc(100% - 83px - 40px);
  width: 375px; }

#DynamicList .shortLine .el-tabs__active-bar {
  width: 20px !important; }

#DynamicList .el-tabs__header {
  margin: 0; }

#DynamicList .el-tabs__header {
  padding-left: 12px;
  padding-right: 12px; }

#SelectIcon.el-dialog__wrapper {
  height: 80vh;
  overflow: hidden; }

#SelectIcon.el-dialog__wrapper .el-dialog__body {
  height: calc(80vh - 55px - 62px - 55px - 120px);
  overflow: auto; }

::-webkit-scrollbar-thumb {
  border-style: dashed;
  background-color: var(--middleThemeColor);
  border-color: transparent;
  border-width: 1px;
  background-clip: padding-box; }

::-webkit-scrollbar-thumb:hover {
  background: #bfbfbf; }

::-webkit-scrollbar-track {
  border-radius: 0;
  background: #fff;
  cursor: pointer; }

::-webkit-scrollbar-corner {
  background: #fff; }

.el-table__body-wrapper::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important; }

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--middleThemeColor); }

.high-light.el-dropdown-menu__item {
  color: #158cff; }

#UserBaseInfo #TooltipOver {
  position: relative;
  top: 0px;
  display: inline-block;
  width: calc(100% - 100px); }

#UserBaseInfo #TooltipOver .el-tooltip span {
  font-size: 14px;
  color: #303133; }

#front-page .el-row {
  /* height: 788px; */ }

#front-page .el-col {
  height: 100%; }

.el-drawer__wrapper .el-drawer__body {
  overflow-y: scroll;
  padding: 24px; }

.el-drawer__wrapper .el-drawer__header {
  margin-bottom: 0;
  padding: 24px;
  border-bottom: 1px solid #f2f6fc;
  color: #303133;
  font-weight: 500;
  font-size: 16px; }

.right-box {
  height: 400px;
  overflow: scroll; }

.right-box .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #158cff;
  border-color: #1677ff; }

#FitmentPage .title-img {
  max-width: 300px;
  height: 27px;
  -o-object-fit: cover;
     object-fit: cover; }

.has-header #StaticContent {
  position: relative; }

#SiderMenu .el-submenu__title,
#SiderMenu .el-menu-item {
  height: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#SiderMenu .el-submenu__title i {
  color: #323233; }

#SiderMenu .el-menu-item.is-active {
  background: var(--subThemeColor);
  border-radius: 0; }

#SiderMenu .first-menu-title.ml12 {
  margin-left: 0; }

#SiderMenu .el-submenu.is-active > .el-submenu__title,
#SiderMenu .el-submenu.is-active > .el-submenu__title .menu-icon,
#SiderMenu .el-submenu.is-active > .el-submenu__title .sub-menu-title.menu-name,
#SiderMenu .el-submenu.is-active .el-menu-item.is-active .menu-name,
#SiderMenu .el-menu-item.is-active > .first-menu-icon,
#SiderMenu .el-menu-item.is-active > div .first-menu-title,
#SiderMenu .el-menu-item.is-active > div .first-menu-icon,
#SiderMenu .el-menu-item.is-active {
  color: var(--themeColor); }

#SiderMenu .el-menu-item.is-active:after {
  position: absolute;
  content: '';
  display: block;
  width: 4px;
  background: var(--themeColor);
  right: 0;
  top: 0;
  bottom: 0; }

#SiderMenu .el-menu-item [class^='el-icon-'],
#SiderMenu .el-submenu [class^='el-icon-'] {
  width: auto;
  top: -2px;
  position: relative;
  text-align: left;
  margin-right: 15px; }

#SiderMenu .el-menu-item:focus,
#SiderMenu .el-menu-item:hover {
  outline: 0; }

#SiderMenu .el-submenu .el-menu-item {
  min-width: 0; }

#SiderMenu .el-menu--collapse .menu-name {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block; }

#SiderMenu .el-menu {
  border-right: 0; }

#SiderMenu .menu-icon::before {
  font-size: 24px;
  margin-right: 12px;
  position: relative;
  top: 2px; }

#SiderMenu .first-menu-title,
#SiderMenu .first-menu-icon,
#SiderMenu .sub-menu-title,
#SiderMenu .sub-menu-icon {
  font-weight: 500;
  color: #323233; }

#ChildMenuTree.child-menutree .el-submenu__icon-arrow {
  margin-top: -5px; }

#ChildMenuTree.child-menutree .menu-icon::before {
  font-size: 18px;
  margin-right: 12px;
  position: relative; }

#ChildMenuTree.child-menutree .el-submenu__title,
#ChildMenuTree.child-menutree .el-menu-item {
  height: 40px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#ChildMenuTree.child-menutree .first-menu-title.ml12 {
  margin-left: 12px; }

#ChildMenuTree.child-menutree .sub-menu-icon,
#ChildMenuTree.child-menutree .first-menu-icon,
#ChildMenuTree.child-menutree .no-icon-title {
  margin-left: 12px; }

#ChildMenuTree.child-menutree .sub-menu-title,
#ChildMenuTree.child-menutree .sub-menu-icon,
#ChildMenuTree.child-menutree .first-menu-icon,
#ChildMenuTree.child-menutree .first-menu-title {
  font-weight: 400;
  color: #606266; }

#ChildMenuTree.child-menutree .el-submenu.is-active .sub-menu-title,
#ChildMenuTree.child-menutree .el-submenu.is-active .sub-menu-icon,
#ChildMenuTree.child-menutree .el-submenu.is-active > .first-menu-icon,
#ChildMenuTree.child-menutree .el-submenu.is-active > .first-menu-title,
#ChildMenuTree.child-menutree .el-menu-item.is-active .sub-menu-title,
#ChildMenuTree.child-menutree .el-menu-item.is-active .sub-menu-icon,
#ChildMenuTree.child-menutree .el-menu-item.is-active > .first-menu-icon,
#ChildMenuTree.child-menutree .el-menu-item.is-active > div .first-menu-title {
  color: var(--themeColor); }

#ChildMenuTree.child-menutree .el-menu-item.is-active {
  position: relative; }

#ChildMenuTree.child-menutree .el-menu-item.is-active:after {
  position: absolute;
  content: '';
  display: block;
  width: 4px;
  background: var(--themeColor);
  right: 0;
  top: 0;
  bottom: 0; }

.label-tooltip-over {
  width: 8em; }

#CustomDialog .el-dialog {
  background: url("https://frcdapcdn.fhrons.com/sassmanage/image/1680505524145/bg-dialog.png") no-repeat;
  background-color: #fff;
  background-size: 100% 100%; }

#CustomDialog .el-dialog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#Login .login-box .el-tabs__header {
  margin-bottom: 32px; }

#Login .login-box .el-tabs__content .el-form-item {
  margin-bottom: 24px; }
  #Login .login-box .el-tabs__content .el-form-item .el-form-item__label {
    line-height: 20px;
    padding-bottom: 8px; }
  #Login .login-box .el-tabs__content .el-form-item .el-input__inner {
    height: 44px;
    line-height: 44px; }

#Login .login-box .login-panel .deny-login-btn {
  background: #c0c4cc;
  border-color: #c0c4cc; }

#Login .login-panel .check-saas-box {
  max-height: 276px;
  overflow-y: auto; }
  #Login .login-panel .check-saas-box .saas-box {
    height: auto;
    line-height: 20px;
    margin-bottom: 24px;
    border-radius: 4px;
    border: #dcdfe6 1px solid;
    cursor: pointer;
    padding: 11px 16px;
    text-align: left;
    font-weight: inherit; }
  #Login .login-panel .check-saas-box .current-saas {
    background: url(https://frcdapcdn.fhrons.com/sassmanage/image/1683364306250/gouxuan.png) right bottom no-repeat;
    background-size: 16px 16px;
    background-color: rgba(22, 119, 255, 0.1);
    border: 1px solid #1677ff; }
  #Login .login-panel .check-saas-box .saas-box:last-of-type {
    margin-bottom: 0px; }

#Login .login-panel .check-saas-box::-webkit-scrollbar {
  width: 5px !important; }

#Login .login-panel .check-saas-box::-webkit-scrollbar-thumb {
  background-color: var(--middleThemeColor); }

#Login #ResetPwd .dialog1 .el-dialog {
  border-radius: 4px; }
  #Login #ResetPwd .dialog1 .el-dialog .el-dialog__header {
    padding: 16px 24px 40px; }
  #Login #ResetPwd .dialog1 .el-dialog .el-dialog__body .login-input .el-input__inner {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    height: 32px;
    line-height: 32px; }
  #Login #ResetPwd .dialog1 .el-dialog .el-dialog__body .el-form-item {
    margin-bottom: 24px; }
  #Login #ResetPwd .dialog1 .el-dialog .el-dialog__footer {
    padding: 0 24px 16px; }

#Login #ResetPwd .dialog2 .el-dialog {
  border-radius: 4px; }
  #Login #ResetPwd .dialog2 .el-dialog .el-dialog__header {
    padding: 16px 24px 24px; }
  #Login #ResetPwd .dialog2 .el-dialog .el-dialog__footer {
    padding: 0 24px 16px; }

#Login #ResetPwd .dialog3 .el-dialog {
  border-radius: 4px; }
  #Login #ResetPwd .dialog3 .el-dialog .el-dialog__header {
    padding: 16px 24px 24px; }
  #Login #ResetPwd .dialog3 .el-dialog .el-dialog__body .success-round,
  #Login #ResetPwd .dialog3 .el-dialog .el-dialog__body .failed-round {
    width: 8px;
    height: 8px;
    margin-right: 8px; }
  #Login #ResetPwd .dialog3 .el-dialog .el-dialog__footer {
    padding: 0 24px 16px; }

#app #mainTab {
  width: calc(100vw - 70px - 55px);
  margin-right: 30px; }

#app .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom: none;
  height: 39px; }

#app .el-tabs--card > .el-tabs__header .is-scrollable .el-tabs__item:first-child:before {
  display: none; }

#Header .header-other-menu {
  overflow-y: initial !important; }

#RegisterDetail .el-form-item__label {
  color: #606266; }

.tab-content-box .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #fff; }

#SearchLabel .el-form-item__label {
  width: 68px !important; }

#SearchLabel .el-form-item__content {
  margin-left: 68px !important; }

.el-dialog__header {
  padding: 15px 15px 10px !important; }

.btn-prev,
.btn-next {
  margin: 3px 3px 0px !important; }

.el-pager,
.el-pagination__jump,
.el-pagination__total {
  margin-top: 3px !important; }

.el-pagination {
  padding: 0px 5px 3px !important; }

.data-panel .el-button.track.el-button--text.el-button--small {
  margin-left: 0px !important; }

.user-dialog .el-cascader.el-cascader--small {
  width: 100%; }

.el-table .el-button {
  font-size: 14px !important;
  margin-left: 0px !important;
  margin-right: 10px !important; }

#app .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#UploadFile .ps-r {
  text-align: center; }

.el-table__header thead tr th:first-child .el-checkbox {
  padding-left: 4px; }

#DigitalManagement .el-divider {
  display: none; }

#FhTable .el-table {
  text-wrap: wrap !important; }
  #FhTable .el-table .button--text {
    margin-left: 0px !important;
    margin-right: 10px; }

.el-message-box {
  padding-bottom: 15px !important; }

#DeptDetail .el-collapse {
  border-top: 0px; }

#EditDept .el-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #EditDept .el-row .el-form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #EditDept .el-row .el-form-item .el-form-item__label {
      line-height: 20px; }

#WebsiteRegister .el-dialog .button-div {
  text-align: right; }

#ServiceDrawerNew .el-drawer__body {
  padding: 24px 15px 15px; }

#Header .header-r-box .v-modal,
#Header .header-r-box .el-drawer__wrapper {
  top: 80px;
  height: calc(100vh - 80px); }

#Header .header-r-box .el-drawer__wrapper .el-drawer__body {
  padding: 0; }

.el-popover.tenantPopover {
  padding: 0; }

#InfoList .el-image .el-image__inner {
  width: auto; }

#Register .el-form-item__content .province-content .province,
#Register .el-form-item__content .province-content .city,
#Register .el-form-item__content .province-content .county {
  width: 33.3%; }

#EditThemeStyle .el-form-item__label {
  width: 95px !important; }

#DocPreviewer .el-breadcrumb__separator[class*='icon'] {
  margin: 0 8px; }

#DocPreviewer .el-tree-node__content {
  padding-top: 10px;
  padding-bottom: 10px;
  height: unset; }

#DocPreviewer .left-aside .el-tree-node__expand-icon {
  position: absolute;
  right: 0; }

#DocPreviewer .left-aside .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }

#DocPreviewer .right-aside .el-tree-node__expand-icon {
  display: none; }

#DocPreviewer .right-aside .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .node-item {
  position: relative; }
  #DocPreviewer .right-aside .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .node-item::before {
    position: absolute;
    width: 3px;
    height: 100%;
    content: '';
    left: 0;
    top: 0;
    background-color: var(--themeColor); }

#DocPreviewer .left-aside .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content,
#DocPreviewer .right-aside .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  color: var(--themeColor);
  background-color: transparent; }

#DocPreviewer .left-aside .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--subThemeColor); }

.guide-popper {
  background: #1677ff !important;
  color: #fff !important;
  border: 0 !important; }

.guide-popper[x-placement^='top'] .popper__arrow::after {
  border-top-color: #1677ff !important; }

.guide-popper[x-placement^='top'] .popper__arrow {
  border-top-color: #1677ff !important; }

.guide-popper[x-placement^='bottom'] .popper__arrow::after {
  border-bottom-color: #1677ff !important; }

.guide-popper[x-placement^='bottom'] .popper__arrow {
  border-bottom-color: #1677ff !important; }

.guide-popper[x-placement^='right'] .popper__arrow::after {
  border-right-color: #1677ff !important; }

.guide-popper[x-placement^='right'] .popper__arrow {
  border-right-color: #1677ff !important; }

.guide-popper[x-placement^='left'] .popper__arrow::after {
  border-left-color: #1677ff !important; }

.guide-popper[x-placement^='left'] .popper__arrow {
  border-left-color: #1677ff !important; }

.el-radio__original {
  display: none !important; }

#app #ComponentsForm .el-form-item__label {
  padding-right: 0; }

#app #ComponentsForm .el-form-item--small.el-form-item.hidden-form-item {
  margin-bottom: 0; }

@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,    
form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;} 
body {	 background-color:#00052d;	font-size:12px; overflow-x: hidden; color: #666666;}
body,html{position: relative;height:100%;overflow: hidden;}
img{display:inline-block;}
nav, footer, section, header, article, figure {padding: 0;margin: 0;display: block;}
ul,li {list-style: none;}
h1,h2,h3,h4,div,li,p,menu,dl,dt,dd{ font-size:100%;}
h1,h2,h3,h4{ font-weight:normal;}
a{ text-decoration:none;}
a:link, a:visited, a:active { text-decoration:none;}
a:hover{ text-decoration: underline;}
img{border:0; height:auto;max-width:100%;}


input[type="text"]:not(.selectbox),input[type="number"],input[type="password"] {
	outline-style: none; 	/*border:none;border:0;*/}
button{border-radius:0;}
select{ appearance:none;-webkit-appearance: none;-moz-appearance:none; border:none;background-color:transparent; outline:none;}
select::-ms-expand{ display: none; }
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}
textarea{ outline:none; border:0;outline-style: none;border:none;border:0;}

input.hx-inpu1{width:95%;margin-bottom:3px; height:34px; line-height: 34px; border:1px solid #e7e7e7;/* width:96%;  */background-color: #f9f9f9; padding-left:10px; font-size: 14px; color: #0087cd;}
textarea.hx-textar{ height:75px; line-height: 20px;  border:1px solid #e7e7e7;width:100%; background-color: #f9f9f9; padding:5px;}
textarea.hx-inpu2{width:100%;height:80px;line-height:18px;padding:10px; border:1px solid #feb2a0;background-color: #feffeb; font-size: 14px; color: #fe5e3a;}


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
/** html .clearfix { height:1%;}
.clearfix { display:block;}*/
.c-p{cursor:pointer;}
.mess{overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}

.bg1{ background-color:#00052d;}/*白色*/


.c1{ color:#ae0009;}/*红色*/


.f-left{float:left;}
.f-right{float:right;}
.f-none{ float:none;}

.t-left{ text-align:left;}
.t-center{ text-align:center;}
.t-right{ text-align:right;}
label.f-normal{font-weight:normal; font-size:14px; line-height:22px;}

.posi1{position:fixed;}
.posi2{position:relative;}


.f1{ font-size:12px;}
.f2{ font-size:14px;}
.f3{ font-size:16px;}
.f4{ font-size:18px;}
.f5{ font-size:20px;}
.f6{ font-size:22px;}
.f7{ font-size:24px;}
.f8{ font-size:26px;}
.f9{ font-size:28px;}


colgroup.colg1{}
colgroup.colg1 .col1{width:10%; }
colgroup.colg1 .col2{width:25%; }
colgroup.colg1 .col3{width:20%; }
colgroup.colg1 .col4{width:37.5%; }
colgroup.colg1 .col5{width:15%; }
colgroup.colg1 .col6{width:12.5%; }
colgroup.colg1 .col7{width:28.3%; }

.mar1{margin-top:42px;}
.mar2{margin-bottom:20px;}


.pad0{padding:0;}


.w1{margin:0 auto;width:70%;}


.border{border:1px solid #eee;}
.border-t{border-top:1px solid #eee;}
.border-b{border-bottom:1px solid #eee;}
.border-l{border-left:1px solid #eee;}
.border-r{border-right:1px solid #eee;}


.main-top{margin:0 auto;max-width:1920px; height:120px;background:url('https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/top.png') center top no-repeat; background-size: auto 100%;}
.main-top .left-logo{padding:15px 0 0 15px; width:15%;font-size: 14px;
    color: #68B3B3; line-height: 80px;}
.main-top .left-logo span{font-weight: 600; color: #00FFFF;}
.main-top .main-body{margin:0 auto;width:70%;text-align: center;}
.main-top .main-body span{ display: inline-block; font-size: 25px; font-weight: bolder; color:#fff;  line-height: 85px;}
.main-top .func-box{width:15%; text-align: right;}
.main-top .func-box .one{ background-position: 0 0;}
.main-top .func-box .two{ background-position: -80px 0;}
.time-b{position:absolute;right:20px;top:0; font-size:16px; font-weight:normal;display:inline-block;color: #00FFFF; line-height:105px;}
 .slide-nav{position:absolute;top:100px; z-index:20;right:14px;border:1px solid #235090;border-radius:8px; width:178px;padding:5px 1px; background: rgb(16,14,56,0.85);
 	background:#12103c;
 	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);*/display: none; }
.slide-nav li {text-align: center;}
 .slide-nav li a{border-bottom: 1px solid #1c1c48; display: block; color:#9dbeec; line-height:30px; text-align: center;}
.slide-nav li .sub{ background-color: #051b5b; display: none;}
.slide-nav li .sub span{display: block; color:#9dbeec; line-height:30px; text-align: center;}
.slide-nav li .sub.show{display: block;}
.slide-nav li:last-child a{border-bottom:0;}
.slide-nav.hide-nav{ display: block;}

.main-container{position:absolute;top:120px;left:0;right:0;bottom:94px; overflow-y:auto;margin:0 auto;max-width:1920px; background:url('https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/main.png') center top no-repeat #00052d; background-size: 100% 100%;}

.main-box{ display: -webkit-box; display: -ms-flexbox; display: flex; padding:0 20px;}
.main-box .left{ -webkit-box-flex: 0; -ms-flex: 0 0 440px; flex: 0 0 440px; }
.main-box .right{ -webkit-box-flex: 0; -ms-flex: 0 0 440px; flex: 0 0 440px; margin-left: 20px;}
.main-box .mid-box{ -webkit-box-flex:1; -ms-flex:1; flex:1;  }

.blk-box1{background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 130, 161, 0)), to(rgba(13, 75, 104, 0.19)));background: linear-gradient(180deg, rgba(31, 130, 161, 0) 0%, rgba(13, 75, 104, 0.19) 100%);}
.blk-box1.no-bg{ background: none;}
.blk-box1 .box{ padding:19px 20px 9px;}
.blk-box1 .box .line{ height:55px; margin-bottom: 10px; background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/info-bg2.png") no-repeat; background-size: 100% auto;}
.blk-box1 .box .line2{ height:55px; margin-bottom: 10px;background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/info3.png") no-repeat; background-size: 100% auto;}

.blk-box2{background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 130, 161, 0)), to(rgba(13, 75, 104, 0.19)));background: linear-gradient(180deg, rgba(31, 130, 161, 0) 0%, rgba(13, 75, 104, 0.19) 100%);}
.blk-box2.bb2{margin-left:20px;}
.blk-box2 .box{ padding:19px 20px 9px;}
.blk-box2 .box li{ height:24px; margin-bottom: 6px;background: rgba(7, 105, 128, 0.6); border-radius: 2px; border: 1px solid #0F6782;font-size: 14px;font-weight: 400;    color: #56FFFF;    line-height: 22px;}
.blk-box2 .box li.cont{height: 30px;background: rgba(7, 105, 128, 0.2);  border-radius: 2px;border: 1px solid #0F6782; line-height: 28px;}
.blk-box2 .box li b{ display: inline-block; margin-top: 5px; font-weight:normal;}
.blk-box2 .box li b.rank1{ background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/no1.png") no-repeat;width:20px;height:21px;}
.blk-box2 .box li b.rank2{ background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/no2.png") no-repeat;width:20px;height:21px;}
.blk-box2 .box li b.rank3{ background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/no3.png") no-repeat;width:20px;height:21px;}
.blk-box2 .box li b.rank4{ width: 20px;height: 20px; border-radius: 100%; background: #0F6782; line-height: 20px; text-align: center;color:#fff;}
.blk-box2 .box li b.rank5{ width: 20px;height: 20px; border-radius: 100%; background: #0F6782; line-height: 20px; text-align: center;color:#fff;}


.dp-tab-box{ padding-bottom: 20px;}
.dp-tab-box span{width:62px;height:24px; display: inline-block; margin-right: 15px; background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tab2.png") no-repeat; background-size: 100% auto;font-size: 14px; text-align: center;cursor: pointer;font-weight: 400;color:#68B3B3; line-height: 24px;}
.dp-tab-box span.active{color: #00FFFF;height:28px; line-height: 28px; background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tab1.png") no-repeat; background-size: 100% auto;}

.min-blk1{ margin-left:20px;background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/info-bg1.png") no-repeat; background-size: 100% auto;width:220px;height:60px; line-height:60px;font-size: 14px;
    font-weight: normal;color: #00FFFF; text-align: center;}
.min-blk1 span{ display: inline-block;font-size: 24px;font-weight: bold;color: #FFE400;padding:0 5px;}
.min-blk1 b{font-weight: normal;color: #FFE400;}

.cont-box{  display: -webkit-box;  display: -ms-flexbox;  display: flex;}
.cont-box .d1{ -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%;}
.cont-box .d2{ -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%;}
.cont-box .d3{ -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%;}
.cont-box .d4{ -webkit-box-flex:1; -ms-flex:1; flex:1;}

.cont-box2{ position: relative; padding-left: 20px; }
.cont-box2 .box-b{ margin: 6px auto; width:638px;}

.map-info-box{ position: absolute;left:20px; bottom:20px;width:138px;height:211px;padding:0 5px; background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/map1.png") no-repeat; background-size: 100% auto; text-align: right;}
.map-info-box li{ position: relative; padding: 5px 0 5px 25px;}
.map-info-box li:before{ position: absolute; content: "";left:8px; top:11px;width: 10px; height: 10px;background: #FFE50E; border-radius: 100%;}
.map-info-box li h3{ font-size: 14px; line-height: 24px;}
.map-info-box li p{ font-size: 12px;line-height: 18px;}
.map-info-box li p span{ padding-left:10px;}
.map-info-box li.one{color: #FFE50E; }
.map-info-box li.two{color: #39EAD1;}
.map-info-box li.three{color: #A394FF; }
.map-info-box li.four{color: #4596FF; }
.map-info-box li.one:before{background: #FFE50E; }
.map-info-box li.two:before{background: #39EAD1; }
.map-info-box li.three:before{background: #735FEF; }
.map-info-box li.four:before{background: #106CE4; }

.map-blk-box{ position: absolute;right:2px; bottom:40px;width:200px; text-align: right;}
.map-blk{display: inline-block; cursor: pointer; margin-bottom: 6px; line-height: 70px;
    font-weight: 600;color: #00FFFF;text-shadow: 0px 2px 6px #031A35;}
.map-blk.on{color: #FFE400;}
.map-blk.one{ padding-left:37px; margin-right: 14px; background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m1.png") no-repeat; background-size: 100% auto; width:176px;height:70px;}
.map-blk.one.on{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m1-1.png") no-repeat; background-size: 100% auto;}
.map-blk.two{padding-left:30px; margin-right: 0px;background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m2.png") no-repeat; background-size: 100% auto; width:176px;height:70px;}
.map-blk.two.on{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m2-1.png") no-repeat; background-size: 100% auto;}
.map-blk.three{padding-left:30px; background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m3.png") no-repeat; background-size: 100% auto; width:176px;height:70px;}
.map-blk.three.on{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m3-1.png") no-repeat; background-size: 100% auto;}
.map-blk.four{ padding-left:16px; margin-right: 14px;background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m4.png") no-repeat; background-size: 100% auto; width:176px;height:70px;}
.map-blk.four.on{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/m4-1.png") no-repeat; background-size: 100% auto;}


.font1{font-size: 16px; line-height: 55px;  font-weight: 600; color: #00FFFF;}
.font2{font-size: 12px; padding-top:6px;font-weight: 400; color: #68B3B3;}
.font3{font-size: 20px;font-weight: bold;color: #00FFFF;}
.font4{font-size: 12px;font-weight: 600;color: #00FFFF;line-height: 12px;}



.tit-line{ background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tit1.png") left top no-repeat; background-size: 100% auto;height:27px; font-family: SourceHanSansCN-Bold}
.tit-line.bk2{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tit2.png") left top no-repeat;background-size: 100% auto;}
.tit-line.bk3{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tit3.png") left top no-repeat;background-size: 100% auto;}
.tit-line.bk4{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tit4.png") left top no-repeat;background-size: 100% auto;}
.tit-line.bk5{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tit5.png") left top no-repeat;background-size: 100% auto;}
.tit-line.bk6{background: url("https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/tit6.png") left top no-repeat;background-size: 100% auto;}

.tit-line span{ font-size: 16px; font-family:SourceHanSansCN-Bold;font-weight: normal; color: #68B3B3;
    line-height: 16px; display: inline-block; padding-left: 20px;cursor: pointer;}
.tit-line span.active{color: #00FFFF;font-size: 20px; line-height: 20px;padding-left: 24px;}






/*.report{position:absolute;top:0;left:0;right:0;bottom:0;}
.main-container div{position:absolute;top:0;left:0;right:0;bottom:0;}
.main-container iframe{height:100%;border:0; }*/

.main-bot{position:absolute; bottom:0;left:0;right:0;margin:0 auto;max-width:1920px; height:94px;background:url('https://dop-pro-1251973116.file.myqcloud.com/upload/img/saasmanage/bot.png') center top no-repeat; background-size: auto 100%;}
/*弹出框*/
.hx-mask{ position: fixed;top:0;bottom:0;left:0; right:0; z-index: 10; background-color: rgba(0,0,0,0.5);}

/* theme color */

#NoData .no-data[data-v-28588048] {
  width: 254px;
  height: 116px;
}

.specail-content[data-v-0cfa58ec] {
  z-index: -1;
  position: absolute;
}

.avatar-label-box[data-v-092b32b6] {
  padding-left: 25px;
}
.avatar-label-box .avatar-img[data-v-092b32b6] {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.avatar-label-box .avatar-label[data-v-092b32b6] {
  width: calc(100% - 25px);
}
.avatar-label-box .avatar-info-img[data-v-092b32b6] {
  border-radius: 8px;
}
.counter-icon[data-v-092b32b6] {
  height: 28px;
}
.count-limit[data-v-092b32b6] {
  height: 28px;
  line-height: 28px;
}
.inputWidth-30[data-v-092b32b6] {
  width: 100px;
  margin-left: 4px;
  margin-right: 4px;
}
.ml-4[data-v-092b32b6] {
  margin-left: 4px;
}

#CustomSelect .main[data-v-6cdb4a4a] {
  top: 32px;
  left: 0;
  min-width: 200px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e4e7ed;
  border-radius: 4px;
  z-index: 2005;
  max-height: 278px;
  overflow-y: auto;
}
#CustomSelect .tags-panel[data-v-6cdb4a4a] {
  right: 32px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: normal;
  text-align: left;
}
#CustomSelect .select-box[data-v-6cdb4a4a] :hover {
  cursor: pointer;
}
#CustomSelect .active[data-v-6cdb4a4a] {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

#FilterQuery .special-input-box[data-v-1dedcfc3] {
  border-radius: 4px;
}

#CommonAudio .play-speed[data-v-ea2d6284] {
  width: 50%;
  margin: auto;
}
#CommonAudio .play-speed span[data-v-ea2d6284] {
  margin: 0 5px;
  cursor: pointer;
}
#CommonAudio .play-control span[data-v-ea2d6284] {
  display: inline-block;
}
#CommonAudio .play-control span img[data-v-ea2d6284] {
  display: block;
  max-width: 100%;
  height: auto !important;
}
#CommonAudio .play-control .play-control-left[data-v-ea2d6284],
#CommonAudio .play-control .play-control-right[data-v-ea2d6284] {
  width: 30px;
  cursor: pointer;
}
#CommonAudio .play-control .play-control-play[data-v-ea2d6284] {
  width: 60px;
  cursor: pointer;
}
#CommonAudio .play-control .download[data-v-ea2d6284] {
  position: absolute;
  right: 10%;
  color: #1677FF;
  text-decoration: underline;
}
#CommonAudio .time-range[data-v-ea2d6284] {
  width: 50%;
  margin: 0 15px;
}
#CommonAudio .con-slider .con-slider[data-v-ea2d6284] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 22px;
  padding-right: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 288px;
  height: 94px;
  background: #ffffff;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
}

#CommonAudioRow .play-cont .cont-time[data-v-ae949d28] {
  min-width: 110px;
}
#CommonAudioRow .play-cont .cont-speed[data-v-ae949d28] {
  min-width: 25px;
}
#CommonAudioRow .play-cont .pr4[data-v-ae949d28] {
  padding-right: 4px;
}
#CommonAudioRow .play-cont .pl4[data-v-ae949d28] {
  padding-left: 4px;
}
#CommonAudioRow .play-cont .filter[data-v-ae949d28] {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.3;
  cursor: no-drop;
}
.bold[data-v-ae949d28] {
  font-weight: bold !important;
}


.svg-icon[data-v-cd21a8e0] {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.svg-external-icon[data-v-cd21a8e0] {
    background-color: currentColor;
    -webkit-mask-size: cover!important;
            mask-size: cover!important;
    display: inline-block;
}

#SelectIcon .icon-item[data-v-9c60215c] {
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 120px;
}
#SelectIcon .icon-item.is-checked[data-v-9c60215c] {
  border: 1px solid  #409eff;
}
#SelectIcon .el-dialog-s[data-v-9c60215c] {
  z-index: 11;
}

#SelectImg .img-item[data-v-3698a00c] {
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#SelectImg .normal-img-item[data-v-3698a00c] {
  width: 90px;
  height: 90px;
}
#SelectImg .bg-img-item[data-v-3698a00c] {
  width: 190px;
  height: 130px;
  overflow: hidden;
}
#SelectImg .img-item.is-checked[data-v-3698a00c] {
  border: 1px solid  #409eff;
}
#SelectImg .img[data-v-3698a00c] {
  width: 50px;
  height: auto;
}
#SelectImg .bg-img[data-v-3698a00c] {
  width: 150px;
  height: auto;
}

#SelectSpecificColor .color-item[data-v-bb366870] {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-bottom: -5px;
}
#SelectSpecificColor .selected[data-v-bb366870] {
  border: 1px solid #1677ff;
}


.el-scrollbar .el-scrollbar__view .el-select-dropdown__item[data-v-5674fb99]{
    height: auto;
    max-height: 274px;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
}
.el-select-dropdown__item.selected[data-v-5674fb99]{
    font-weight: normal;
}
ul li[data-v-5674fb99] .el-tree .el-tree-node__content{
    height: auto;
    padding: 0 20px;
}
.el-tree-node__label[data-v-5674fb99]{
    font-weight: normal;
}
.el-tree[data-v-5674fb99] .is-current .el-tree-node__label{
    color:#409EFF;
    font-weight: 700;
}
.el-tree[data-v-5674fb99] .is-current .el-tree-node__children .el-tree-node__label{
    color:#606266;
    font-weight: normal;
}
.disabled[data-v-5674fb99]{
   cursor: not-allowed;
}
.current[data-v-5674fb99]{
   color:#409EFF;
    font-weight: 700;
}
.unCurrent[data-v-5674fb99]{
   color:#606266;
    font-weight: normal;
}
.disabled span[data-v-5674fb99]{
   color:gray ;
}

.box[data-v-01c4c764] {
  display: inline-block;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
}
[data-v-01c4c764] .el-input__inner {
  text-align: center;
  border: 0 !important;
}
[data-v-01c4c764] .el-date-editor.el-input {
  width: calc(100%/2 - 8px) !important;
}
.range-separator[data-v-01c4c764] {
  display: inline-block;
  width: 16px;
}


[data-v-2f52473f] .no-check-box > .cell {
  display: none !important;
}
.form-search[data-v-2f52473f] {
  display: inline-block;
  width: calc(100% - 144px);
}
.form-btn-box[data-v-2f52473f] {
  display: inline-block;
  width: 144px;
  text-align: right;
  padding-bottom: 24px;
  vertical-align: bottom;
}
[data-v-2f52473f] .el-table .cell > span:empty::before {
  content: '-';
}
[data-v-2f52473f] .el-table__body-wrapper {
  background-color: #F7F6FF;
}
[data-v-2f52473f] .el-form-item {
  margin: 0 24px 24px 0;
}
[data-v-2f52473f] .el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item[data-v-2f52473f] {
  margin: 0 24px 24px 0;
}
[data-v-2f52473f] .el-form-item__label {
  color: #606266 !important;
  font-size: 14px !important;
}
.el-select[data-v-2f52473f] .el-input {
  width: 200px !important;
}
[data-v-2f52473f] .el-divider--horizontal {
  margin: 0;
}
[data-v-2f52473f] .el-divider {
  color: #E4E7ED;
}
.show-btn[data-v-2f52473f],
.hidden-btn[data-v-2f52473f] {
  color: #1677FF;
  cursor: pointer;
}
.handle-more[data-v-2f52473f] {
  display: inline-block;
  width: 80px;
  height: 20px;
  text-align: center;
  color: var(--themeColor);
  background: var(--litterThemeColor);
  border-radius: 12px 12px 0px 0px;
}


.img-upload[data-v-29c6ee63] {
    font-size: 28px;
    color: #8c939d;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
}
.el-upload img[data-v-29c6ee63] {
    width: 150px;
    height: 150px;
    border-radius: 6px;
}
.default-column[data-v-29c6ee63]{
    width: 300px;
}

.el-form--label-top .el-form-item__label {
  display: block !important;
}


.falf-circle[data-v-602a583d]{
    margin-left: 10px;
    width:14px;
    height:14px;
    background: -webkit-gradient(linear, left bottom, left top, from(#2d85ff), color-stop(50%, #2d85ff), color-stop(51%, white), to(white));
    background: linear-gradient(0deg, #2d85ff 0%, #2d85ff 50%, white 51%, white 100%);
    border-radius: 7px 7px;
    border: 1px solid #2d85ff;
}
.full-circle[data-v-602a583d]{
    margin-left: 10px;
    width:14px;
    height:14px;
    border-radius: 14px;
    background-color: #2d85ff;
    border: 1px solid #2d85ff;
}
.empty-circle[data-v-602a583d]{
    margin-left: 10px;
    width:14px;
    height:14px;
    border-radius: 7px 7px;
    border: 1px solid #2d85ff;
}


.upload-icon-box[data-v-40ad90ed]{
    width: 100px;
    height:100px;
    line-height: 100px;
    font-size: 30px;
    color: #dddddd;
    border: 1px solid #dddddd;
}
.img-box[data-v-40ad90ed]{
    position: relative;
    vertical-align: top;
    display: inline-block;
    width:100px;
    height:130px;
    margin-left: 10px;
}
.img-content[data-v-40ad90ed]{
    height: 100px;
    border: 1px solid #dddddd;
}
.img-btn-box[data-v-40ad90ed]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    z-index: 100;
    color: #ffffff;
    font-size: 18px;
    background-color: rgba(34, 34, 34, 0.3)
}
.img-btn[data-v-40ad90ed]{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    font-size: 18px;
    background-color: black;
}

#MaterialLibrary .cont[data-v-b78164b2] {
  height: 50vh;
  overflow: auto;
}
#MaterialLibrary .img-item[data-v-b78164b2] {
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#MaterialLibrary .normal-img-item[data-v-b78164b2] {
  width: 90px;
  height: 90px;
}
#MaterialLibrary .bg-img-item[data-v-b78164b2] {
  width: 190px;
  height: 130px;
  overflow: hidden;
}
#MaterialLibrary .img-item.is-checked[data-v-b78164b2],
#MaterialLibrary .icon-item.is-checked[data-v-b78164b2] {
  border: 1px solid  #409eff;
}
#MaterialLibrary .img[data-v-b78164b2] {
  width: 50px;
  height: auto;
}
#MaterialLibrary .bg-img[data-v-b78164b2] {
  width: auto;
  margin: 10px;
  height: auto;
}
#MaterialLibrary .icon-item[data-v-b78164b2] {
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 120px;
}
#MaterialLibrary .close-icon[data-v-b78164b2] {
  top: 0;
  right: 0;
}
#MaterialLibrary .flex85p[data-v-b78164b2] {
  -webkit-box-flex: 0.85;
      -ms-flex: 0.85;
          flex: 0.85;
}
#MaterialLibrary .flex15p[data-v-b78164b2] {
  -webkit-box-flex: 0.15;
      -ms-flex: 0.15;
          flex: 0.15;
}
#MaterialLibrary .group-box[data-v-b78164b2] {
  width: 300px;
  height: 100%;
  display: inline-block;
  padding: 10px;
  border: 1px solid #dddddd;
}
#MaterialLibrary .group-item[data-v-b78164b2] {
  position: relative;
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
  border: 1px solid #dddddd;
  cursor: pointer;
}
#MaterialLibrary .active-group[data-v-b78164b2] {
  background-color: beige;
}
#MaterialLibrary .group-item-operator[data-v-b78164b2] {
  position: absolute;
  top: 0px;
  right: 10px;
  font-weight: bold;
  cursor: pointer;
}
#MaterialLibrary .group-item-btn[data-v-b78164b2] {
  display: block;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
}
#MaterialLibrary .group-item-btn[data-v-b78164b2]:hover {
  font-weight: bold;
}
#MaterialLibrary .icon-name[data-v-b78164b2] {
  position: absolute;
  bottom: 12px;
}
#MaterialLibrary .filter-input[data-v-b78164b2] {
  width: 300px;
  position: absolute;
  right: 12px;
  top: 0;
}
#MaterialLibrary .pt40[data-v-b78164b2] {
  padding-top: 40px;
}

#ComponentsForm .select-icon-box[data-v-27dbdbb7] {
  width: 120px;
  height: 120px;
  border: 1px solid #edebf0;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
#ComponentsForm .select-icon-tip[data-v-27dbdbb7] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.1);
}
#ComponentsForm .color-item[data-v-27dbdbb7] {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-top: 7px;
}
#ComponentsForm .icon-img[data-v-27dbdbb7] {
  width: 30px;
  height: auto;
}
#ComponentsForm .item-box[data-v-27dbdbb7] {
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0px 5px #f2f2f2;
  box-shadow: 0px 0px 5px #f2f2f2;
  border-radius: 4px;
  margin-bottom: 10px;
}

#DraggableMenu .item-box[data-v-402a1f5f] {
  border: 1px solid #eee;
  padding: 12px;
  -webkit-box-shadow: 0px 0px 5px #f2f2f2;
  box-shadow: 0px 0px 5px #f2f2f2;
  border-radius: 4px;
  margin-bottom: 10px;
}
#DraggableMenu .menu-group[data-v-402a1f5f] {
  width: 100%;
  overflow-y: auto;
  margin-top: -20px;
  padding-top: 20px;
}
#DraggableMenu .delete-icon[data-v-402a1f5f] {
  position: absolute;
  right: 6px;
  top: -10px;
}


.box[data-v-338141ca]{
    border: 1px solid #ebeef5;
    border-radius: 4px;
    /* overflow: hidden; */
    background: #fff;
    display: inline-block;
    /* vertical-align: middle; */
    width: 200px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.box-title[data-v-338141ca]{
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #606266;
}
.box-content[data-v-338141ca]{
    height: 300px;
    overflow-y: auto;
}
.box-content-item[data-v-338141ca]{
    display: block;
    height: 30px;
    padding-left: 15px;
}
.box-title .right[data-v-338141ca]{
    color: #909399;
}
.filter[data-v-338141ca]{
    border-radius: 8px;
}


.box[data-v-12a9d28a]{
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.box-title[data-v-12a9d28a]{
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #606266;
}
.box-content[data-v-12a9d28a]{
    height: 300px;
    overflow-y: auto;
}
.box-content-item[data-v-12a9d28a]{
    display: block;
    height: 30px;
    padding-left: 15px;
}
.box-content-item[data-v-12a9d28a]:hover{
    color: #409EFF;
}
.transfer-btn[data-v-12a9d28a]{
    margin: 0 30px;
}


.box-title[data-v-2e97b71e]{
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #606266;
}
.box-content[data-v-2e97b71e]{
    height: 400px;
    overflow-y: auto;
}
.box-content-item[data-v-2e97b71e]{
    display: block;
    height: 30px;
    padding-left: 15px;
}
.box-title .right[data-v-2e97b71e]{
    color: #909399;
}
.filter[data-v-2e97b71e]{
    border-radius: 8px;
}


.box[data-v-44080bb1]{
    border: 1px solid #ebeef5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    max-height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.box-title[data-v-44080bb1]{
    height: 40px;
    line-height: 40px;
    background: #f5f7fa;
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #606266;
}
.box-content[data-v-44080bb1]{
    height: 300px;
    overflow-y: auto;
}
.box-content-item[data-v-44080bb1]{
    display: block;
    height: 30px;
    padding-left: 15px;
}
.box-content-item[data-v-44080bb1]:hover{
    color: #409EFF;
}
.transfer-btn[data-v-44080bb1]{
    margin: 0 30px;
}


.option-lang[data-v-9f7c4986]{
    display: inline-block;
    width:150px;
}
.option-value[data-v-9f7c4986]{
    display: inline-block;
    width: calc(100% - 230px);
}

#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #303133;
  font-size: 14px;
  background-color: #fff;
  height: 100%;
}
.mypopper {
  height: 350px !important;
  overflow: auto !important;
}
.el-loading-text {
  text-align: center !important;
}

.app[data-v-3e1413a2] {
  height: 100%;
  width: 100%;
  background: #f8fafb;
}
.app .header[data-v-3e1413a2] {
  height: 80px;
}
.app .slider-zoom[data-v-3e1413a2] {
  position: absolute;
  bottom: 0;
  line-height: 48px;
  left: 50%;
  margin-left: -18px;
  width: 18px;
  z-index: 99;
}
.app .slider-zoom-active[data-v-3e1413a2] {
  left: 51px;
}
.app .logo-box-collapsed[data-v-3e1413a2] {
  left: 30px;
  width: 50px;
}
.app .el-tab-list[data-v-3e1413a2] {
  height: 40px;
  line-height: 40px;
  width: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e4e7ed;
}
.app .container-box[data-v-3e1413a2] {
  height: calc(100% - 120px);
  width: 100%;
}
.app .arrow-icon[data-v-3e1413a2] {
  background: transparent;
}

.loading[data-v-679a85c8] {
  padding: 20px;
}

.tip[data-v-3c98c143] {
  font-size: 32px;
  padding: 30px;
}