/* ——————————全局通用样式—————————— */
/*--全局设置 */
* {
	min-width: 0;
	min-height: 0;
	word-wrap: break-word;

}

a {
	text-decoration: none;
}

body {
	/* PC端定义 */
	--bkst-main: #eef1f5;
	--bkst-main-blue-light1: #c3dcf4;
	--bkst-main-blue-light2: #7cb8eb;
	--bkst-main-blue-light3: #6db4f5;
	--bkst-main-blue-light4: #e0ebf8;
	--bkst-main-blue-light5: #f6fdff;
	--bkst-main-blue-middle1: #6cb2f7;
	--bkst-main-blue-middle2: #2a73e1;
	--bkst-main-blue-middle3: #4591e1;
	--bkst-main-blue-dark1: #4d82d5;
	--bkst-main-blue-dark2: #216ecb;
	--bkst-main-blue-skewing1: #a0d6ef;
	--bkst-main-blue-gray1: #93b6e3;
	--bkst-main-blue-gray2: #e7edf5;
	--bkst-main-blue-gray3: #d3e0f5;
	--bkst-main-blue-gray4: #606a8f;
	--bkst-main-blue-gray5: #7f8fd4;

	--theme-2th-1: #2ed8b6;
	--theme-2th-2: #FFB64D;
	--theme-2th-3: #4099ff;
	--theme-2th-4: #FF5370;

	--pc-main1-dark2: #712828;
	--pc-main1-dark1: #9e3939;
	--pc-main1: #ca4949;
	--pc-main1-light1: #e35252;
	--pc-main1-light2: #f45858;
	--pc-main1-light3: #ff6f6f;
	--pc-main1-light4: #ff9393;
	--pc-main1-light5: #ffb5b5;
	--pc-main1-light6: #ffdcdc;
	--pc-main1-light7: #ffefef;
	--pc-main1-graylight1: #eee0e0;
	--pc-main1-graydark1: #a78c8c;
	--pc-main1-graydark2: #7d5858;
	/* 微信端定义 */
	--weui-FG-main: #800000;
	--weui-FG-mainlight: #C47373;
	--weui-FG-mainlight1: #ff9898;
	--weui-FG-mainlight2: #f8c9c9;
	--weui-FG-maindark: #9E7272;
	--weui-icon-1: #7375FF;
	--weui-icon-2: #C073FF;
	--weui-icon-3: #FF9873;
	--weui-icon-4: #FF7573;
	--weui-icon-5: #FF59C2;
	--weui-icon-6: #595FFF;
	--weui-icon-7: #BD4040;
	--weui-icon-8: #FFAA21;
	--weui-searchButton: #DBBABA;
	--weui-littleButton: #D49B9B;
	--weui-icon1-1: #4B99FA;
	--weui-icon1-2: #B264F2;
	--weui-icon1-3: #F27B50;
	--weui-icon1-4: #12E678;
	--weui-icon1-5: #E3D620;
	--weui-icon1-6: #E86260;
	--weui-icon1-7: #43C0E6;
	--weui-icon1-8: #F573BD;
	--weui-icon1-9: #605EEB;
	--weui-icon1-10: #E05C5C;
	--weui-icon1-11: #E8A841;
	--weui-icon1-12: #9DE60C;

	--weui-icon2-1: #6681D1;
	--weui-icon2-2: #AD7DD4;
	--weui-icon2-3: #D48A6F;
	--weui-icon2-4: #60BD78;
	--weui-icon2-5: #D9C95F;
	--weui-icon2-6: #D67775;
	--weui-icon2-7: #63B7C2;
	--weui-icon2-8: #D674A2;
	--weui-icon2-9: #6F70BF;
	--weui-icon2-10: #BA6C6C;
	--weui-icon2-11: #CFAA5F;
	--weui-icon2-12: #96C451;
}

/*--自定义颜色样式 */
/*----背景颜色 */
.bg-bkst-main {
	background-color: var(--bkst-main) !important;
}

.bg-bkst-main-bluel1 {
	background-color: var(--bkst-main-blue-light1) !important;
}

.bg-bkst-main-bluel2 {
	background-color: var(--bkst-main-blue-light2) !important;
}

.bg-bkst-main-bluel3 {
	background-color: var(--bkst-main-blue-light3) !important;
}

.bg-bkst-main-bluel4 {
	background-color: var(--bkst-main-blue-light4) !important;
}

.bg-bkst-main-bluel5 {
	background-color: var(--bkst-main-blue-light5) !important;
}

.bg-bkst-main-bluem1 {
	background-color: var(--bkst-main-blue-middle1) !important;
}

.bg-bkst-main-bluem2 {
	background-color: var(--bkst-main-blue-middle2) !important;
}

.bg-bkst-main-bluem3 {
	background-color: var(--bkst-main-blue-middle3) !important;
}

.bg-bkst-main-blued1 {
	background-color: var(--bkst-main-blue-dark1) !important;
}

.bg-bkst-main-blued2 {
	background-color: var(--bkst-main-blue-dark2) !important;
}

.bg-bkst-main-blues1 {
	background-color: var(--bkst-main-blue-skewing1) !important;
}

.bg-bkst-main-blueg1 {
	background-color: var(--bkst-main-blue-gray1) !important;
}

.bg-bkst-main-blueg2 {
	background-color: var(--bkst-main-blue-gray2) !important;
}

.bg-bkst-main-blueg3 {
	background-color: var(--bkst-main-blue-gray3) !important;
}

.bg-bkst-main-blueg4 {
	background-color: var(--bkst-main-blue-gray4) !important;
}

.bg-bkst-main-blueg5 {
	background-color: var(--bkst-main-blue-gray5) !important;
}

.bg-pc-main1 {
	background-color: var(--pc-main1) !important;
}

.bg-pc-main1d1 {
	background-color: var(--pc-main1-dark1) !important;
}

.bg-pc-main1d2 {
	background-color: var(--pc-main1-dark2) !important;
}

.bg-pc-main1l1 {
	background-color: var(--pc-main1-light1) !important;
}

.bg-pc-main1l2 {
	background-color: var(--pc-main1-light2) !important;
}

.bg-pc-main1l3 {
	background-color: var(--pc-main1-light3) !important;
}

.bg-pc-main1l4 {
	background-color: var(--pc-main1-light4) !important;
}

.bg-pc-main1l5 {
	background-color: var(--pc-main1-light5) !important;
}

.bg-pc-main1l6 {
	background-color: var(--pc-main1-light6) !important;
}

.bg-pc-main1l7 {
	background-color: var(--pc-main1-light7) !important;
}

.bg-pc-main1gl1 {
	background-color: var(--pc-main1-graylight1) !important;
}

.bg-WX-main {
	background-color: var(--weui-FG-main) !important;
}

.bg-WX-mainlight {
	background-color: var(--weui-FG-mainlight) !important;
}

.bg-WX-mainlight1 {
	background-color: var(--weui-FG-mainlight1) !important;
}

.bg-WX-mainlight2 {
	background-color: var(--weui-FG-mainlight2) !important;
}

.bg-WX-maindark {
	background-color: var(--weui-FG-maindark) !important;
}

/* ↑以上关于主题↑ */

.bg-red {
	background-color: red !important;
}

.bg-red1 {
	background-color: #BD0000 !important;
}

.bg-darkred {
	background-color: darkred !important;
}

.bg-green {
	background-color: green !important;
}

.bg-limegreen {
	background-color: limegreen !important;
}

.bg-blue {
	background-color: blue !important;
}

.bg-blue1 {
	background-color: #6bb8ff !important;
}

.bg-royalblue {
	background-color: royalblue !important;
}

.bg-dodgerblue {
	background-color: dodgerblue !important;
}

.bg-orange {
	background-color: orange !important;
}

.bg-darkorange {
	background-color: darkorange !important;
}

.bg-gainsboro {
	background-color: gainsboro !important;
}

.bg-gray {
	background-color: gray !important;
}

.bg-darkgray {
	background-color: darkgray !important;
}

.bg-lightgray {
	background-color: lightgray !important;
}

.bg-F8F8F8 {
	background-color: #f8f8f8 !important;
}

.bg-yellow {
	background-color: yellow !important;
}

.bg-gold {
	background-color: gold !important;
}

/*----字体颜色 */
.c-bkst-main {
	color: var(--bkst-main) !important;
}

.c-bkst-main-bluel1 {
	color: var(--bkst-main-blue-light1) !important;
}

.c-bkst-main-bluel2 {
	color: var(--bkst-main-blue-light2) !important;
}

.c-bkst-main-bluel3 {
	color: var(--bkst-main-blue-light3) !important;
}

.c-bkst-main-bluel4 {
	color: var(--bkst-main-blue-light4) !important;
}

.c-bkst-main-bluel5 {
	color: var(--bkst-main-blue-light5) !important;
}

.c-bkst-main-bluem1 {
	color: var(--bkst-main-blue-middle1) !important;
}

.c-bkst-main-bluem2 {
	color: var(--bkst-main-blue-middle2) !important;
}

.c-bkst-main-bluem3 {
	color: var(--bkst-main-blue-middle3) !important;
}

.c-bkst-main-blued1 {
	color: var(--bkst-main-blue-dark1) !important;
}

.c-bkst-main-blued2 {
	color: var(--bkst-main-blue-dark2) !important;
}

.c-bkst-main-blues1 {
	color: var(--bkst-main-blue-skewing1) !important;
}

.c-bkst-main-blueg1 {
	color: var(--bkst-main-blue-gray1) !important;
}

.c-bkst-main-blueg2 {
	color: var(--bkst-main-blue-gray2) !important;
}

.c-bkst-main-blueg3 {
	color: var(--bkst-main-blue-gray3) !important;
}

.c-bkst-main-blueg4 {
	color: var(--bkst-main-blue-gray4) !important;
}

.c-bkst-main-blueg5 {
	color: var(--bkst-main-blue-gray5) !important;
}

.c-pc-main1 {
	color: var(--pc-main1) !important;
}

.c-pc-main1d1 {
	color: var(--pc-main1-dark1) !important;
}

.c-pc-main1d2 {
	color: var(--pc-main1-dark2) !important;
}

.c-pc-main1l1 {
	color: var(--pc-main1-light1) !important;
}

.c-pc-main1l2 {
	color: var(--pc-main1-light2) !important;
}

.c-pc-main1l3 {
	color: var(--pc-main1-light3) !important;
}

.c-pc-main1l4 {
	color: var(--pc-main1-light4) !important;
}

.c-pc-main1l5 {
	color: var(--pc-main1-light5) !important;
}

.c-pc-main1l6 {
	color: var(--pc-main1-light6) !important;
}

.c-pc-main1l7 {
	color: var(--pc-main1-light7) !important;
}

.c-pc-main1gl1 {
	color: var(--pc-main1-graylight1) !important;
}

.c-WX-main {
	color: var(--weui-FG-main) !important;
}

.c-WX-mainlight {
	color: var(--weui-FG-mainlight) !important;
}

.c-WX-mainlight1 {
	color: var(--weui-FG-mainlight1) !important;
}

.c-WX-mainlight2 {
	color: var(--weui-FG-mainlight2) !important;
}

.c-WX-maindark {
	color: var(--weui-FG-maindark) !important;
}

/* ↑以上关于主题↑ */
.c-white {
	color: white !important;
}

.c-black {
	color: black !important;
}

.c-red {
	color: red !important;
}

.c-red1 {
	color: #BD0000 !important;
}

.c-darkred {
	color: darkred !important;
}

.c-green {
	color: green !important;
}

.c-limegreen {
	color: limegreen !important;
}

.c-blue {
	color: blue !important;
}

.c-blue1 {
	color: #6bb8ff !important;
}

.c-royalblue {
	color: royalblue !important;
}

.c-dodgerblue {
	color: dodgerblue !important;
}

.c-orange {
	color: orange !important;
}

.c-darkorange {
	color: darkorange !important;
}

.c-gainsboro {
	color: gainsboro !important;
}

.c-gray {
	color: gray !important;
}

.c-dimgray {
	color: dimgray !important;
}

.c-darkgray {
	color: darkgray !important;
}

.c-lightgray {
	color: lightgray !important;
}

.c-F8F8F8 {
	color: #f8f8f8 !important;
}

/* 边框样式 */
.border-style1 {
	border: 1px solid black !important;
}

/*----边框颜色 */
.border-bkst-main {
	border-color: var(--bkst-main) !important;
}

.border-bkst-main-bluel1 {
	border-color: var(--bkst-main-blue-light1) !important;
}

.border-bkst-main-bluel2 {
	border-color: var(--bkst-main-blue-light2) !important;
}

.border-bkst-main-bluel3 {
	border-color: var(--bkst-main-blue-light3) !important;
}

.border-bkst-main-bluel4 {
	border-color: var(--bkst-main-blue-light4) !important;
}

.border-bkst-main-bluel5 {
	border-color: var(--bkst-main-blue-light5) !important;
}

.border-bkst-main-bluem1 {
	border-color: var(--bkst-main-blue-middle1) !important;
}

.border-bkst-main-bluem2 {
	border-color: var(--bkst-main-blue-middle2) !important;
}

.border-bkst-main-bluem3 {
	border-color: var(--bkst-main-blue-middle3) !important;
}

.border-bkst-main-blued1 {
	border-color: var(--bkst-main-blue-dark1) !important;
}

.border-bkst-main-blued2 {
	border-color: var(--bkst-main-blue-dark2) !important;
}

.border-bkst-main-blues1 {
	border-color: var(--bkst-main-blue-skewing1) !important;
}

.border-bkst-main-blueg1 {
	border-color: var(--bkst-main-blue-gray1) !important;
}

.border-bkst-main-blueg2 {
	border-color: var(--bkst-main-blue-gray2) !important;
}

.border-bkst-main-blueg3 {
	border-color: var(--bkst-main-blue-gray3) !important;
}

.border-bkst-main-blueg4 {
	border-color: var(--bkst-main-blue-gray4) !important;
}

.border-bkst-main-blueg5 {
	border-color: var(--bkst-main-blue-gray5) !important;
}

.border-pc-main1 {
	border-color: var(--pc-main1) !important;
}

.border-pc-main1d1 {
	border-color: var(--pc-main1-dark1) !important;
}

.border-pc-main1d2 {
	border-color: var(--pc-main1-dark2) !important;
}

.border-pc-main1l1 {
	border-color: var(--pc-main1-light1) !important;
}

.border-pc-main1l2 {
	border-color: var(--pc-main1-light2) !important;
}

.border-pc-main1l3 {
	border-color: var(--pc-main1-light3) !important;
}

.border-pc-main1l4 {
	border-color: var(--pc-main1-light4) !important;
}

.border-pc-main1l5 {
	border-color: var(--pc-main1-light5) !important;
}

.border-pc-main1l6 {
	border-color: var(--pc-main1-light6) !important;
}

.border-pc-main1l7 {
	border-color: var(--pc-main1-light7) !important;
}

.border-pc-main1gl1 {
	border-color: var(--pc-main1-graylight1) !important;
}

.border-WX-main {
	border-color: var(--weui-FG-main) !important;
}

.border-WX-mainlight {
	border-color: var(--weui-FG-mainlight) !important;
}

.border-WX-mainlight1 {
	border-color: var(--weui-FG-mainlight1) !important;
}

.border-WX-mainlight2 {
	border-color: var(--weui-FG-mainlight2) !important;
}

.border-WX-maindark {
	border-color: var(--weui-FG-maindark) !important;
}

/* ↑以上关于主题↑ */
.border-white {
	border-color: white !important;
}

.border-black {
	border-color: black !important;
}

.border-red {
	border-color: red !important;
}

.border-red1 {
	border-color: #BD0000 !important;
}

.border-darkred {
	border-color: darkred !important;
}

.border-green {
	border-color: green !important;
}

.border-limegreen {
	border-color: limegreen !important;
}

.border-blue {
	border-color: blue !important;
}

.border-blue1 {
	border-color: #6bb8ff !important;
}

.border-royalblue {
	border-color: royalblue !important;
}

.border-dodgerblue {
	border-color: dodgerblue !important;
}

.border-orange {
	border-color: orange !important;
}

.border-darkorange {
	border-color: darkorange !important;
}

.border-gainsboro {
	border-color: gainsboro !important;
}

.border-gray {
	border-color: gray !important;
}

.border-darkgray {
	border-color: darkgray !important;
}

.border-lightgray {
	border-color: lightgray !important;
}

.border-F8F8F8 {
	border-color: #f8f8f8 !important;
}

/*----渐变文字 */
.c-gradient1 {
	color: #00000000 !important;
	background-image: linear-gradient(to bottom, #ffffffff, #ffffffaa) !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
}

/*----渐变背景 */
.bg-gradient1 {
	background-image: linear-gradient(to bottom, #62a8fd, #9e80f3) !important;
}

.bg-gradient2 {
	background-image: linear-gradient(to bottom, #77efd8, #45baf2) !important;
}

.bg-gradient3 {
	background-image: linear-gradient(to bottom, #f9bf66, #f95c81) !important;
}

.bg-gradient4 {
	background-image: linear-gradient(to bottom, #b6b7f8, #f5accc) !important;
}

.bg-gradient5 {
	background-image: linear-gradient(to bottom, #ffe35a, #ffb064) !important;
}

.bg-gradient6 {
	background-image: linear-gradient(to bottom, #f387bc, #a26fed) !important;
}

.bg-gradient7 {
	background-image: linear-gradient(to bottom, #e4e892, #5bf2b6) !important;
}

.bg-gradient8 {
	background-image: linear-gradient(to bottom, #5f6be4, #73bdeb) !important;
}

.bg-gradient9 {
	background-image: linear-gradient(to bottom, #fd8f7c, #b784f5) !important;
}

.bg-gradient10 {
	background-image: linear-gradient(to bottom, #889cff, #88ddd1) !important;
}

.bg-gradient11 {
	background-image: linear-gradient(to bottom, #a8e2e2, #80ceda) !important;
}

.bg-gradient12 {
	background-image: linear-gradient(to bottom, #86cfec, #789aec) !important;
}

.bg-gradient13 {
	background-image: linear-gradient(to bottom, #dee28a, #89ca6b) !important;
}

.bg-gradient14 {
	background-image: linear-gradient(to bottom, #a2acf1, #b482d3) !important;
}

.bg-gradient15 {
	background-image: linear-gradient(to bottom, #f0a675, #f567db) !important;
}

.bg-gradient16 {
	background-image: linear-gradient(to bottom, #685dea, #a0a0ff) !important;
}

.bg-gradient17 {
	background-image: linear-gradient(to bottom, #39a13c, #8be876) !important;
}

.bg-gradient18 {
	background-image: linear-gradient(to bottom, #caa126, #f3db79) !important;
}

.bg-gradient19 {
	background-image: linear-gradient(to bottom, #ffebf5, #d4f2ff) !important;
}

.bg-gradient-pc-main1 {
	background-image: linear-gradient(#ffffff, var(--pc-main1)) !important;
}

.bg-gradient-pc-main2 {
	background-image: linear-gradient(#ffffff, var(--pc-main1-graylight1)) !important;
}

.bg-gradient-WX-main1 {
	background-image: linear-gradient(var(--weui-FG-main), var(--weui-FG-mainlight2)) !important;
}

/*----背景色组 1*/
.bg-group-fth1 .bg-group1:nth-child(1) .bg-group1-item {
	background-color: var(--theme-2th-1);
}

.bg-group-fth1 .bg-group1:nth-child(2) .bg-group1-item {
	background-color: var(--theme-2th-2);
}

.bg-group-fth1 .bg-group1:nth-child(3) .bg-group1-item {
	background-color: var(--theme-2th-3);
}

.bg-group-fth1 .bg-group1:nth-child(4) .bg-group1-item {
	background-color: var(--theme-2th-4);
}

/*----背景色组 2*/
.bg-group-fth2 .bg-group2:nth-child(odd) .bg-group1-item {
	background-color: var(--pc-main1);
}

.bg-group-fth2 .bg-group2:nth-child(even) .bg-group1-item {
	background-color: var(--pc-main1-light4);
}

/*----背景色组 3*/
.bg-group-fth3 .bg-group3:nth-child(1) .bg-group3-item {
	background-color: #758ec6;
}

.bg-group-fth3 .bg-group3:nth-child(2) .bg-group3-item {
	background-color: #5f6ca5;
}

.bg-group-fth3 .bg-group3:nth-child(3) .bg-group3-item {
	background-color: #9881ab;
}

.bg-group-fth3 .bg-group3:nth-child(4) .bg-group3-item {
	background-color: #99bddc;
}

/*--图标相关 */
/*----图标背景 */
.new-icon1 {
	background-color: var(--weui-icon1-1);
}

.new-icon2 {
	background-color: var(--weui-icon1-2);
}

.new-icon3 {
	background-color: var(--weui-icon1-3);
}

.new-icon4 {
	background-color: var(--weui-icon1-4);
}

.new-icon5 {
	background-color: var(--weui-icon1-5);
}

.new-icon6 {
	background-color: var(--weui-icon1-6);
}

.new-icon7 {
	background-color: var(--weui-icon1-7);
}

.new-icon8 {
	background-color: var(--weui-icon1-8);
}

.new-icon9 {
	background-color: var(--weui-icon1-9);
}

.new-icon10 {
	background-color: var(--weui-icon1-10);
}

.new-icon11 {
	background-color: var(--weui-icon1-11);
}

.new-icon12 {
	background-color: var(--weui-icon1-12);
}

.new-icon1-dark {
	background-color: var(--weui-icon2-1);
}

.new-icon2-dark {
	background-color: var(--weui-icon2-2);
}

.new-icon3-dark {
	background-color: var(--weui-icon2-3);
}

.new-icon4-dark {
	background-color: var(--weui-icon2-4);
}

.new-icon5-dark {
	background-color: var(--weui-icon2-5);
}

.new-icon6-dark {
	background-color: var(--weui-icon2-6);
}

.new-icon7-dark {
	background-color: var(--weui-icon2-7);
}

.new-icon8-dark {
	background-color: var(--weui-icon2-8);
}

.new-icon9-dark {
	background-color: var(--weui-icon2-9);
}

.new-icon10-dark {
	background-color: var(--weui-icon2-10);
}

.new-icon11-dark {
	background-color: var(--weui-icon2-11);
}

.new-icon12-dark {
	background-color: var(--weui-icon2-12);
}

/* 自定义图标 */
/* 48图标 */
.icon_40pxicon1 {
	background: url(../images/new_icon/icon_1.png);
	background-size: 100% 100%;
}

.icon_40pxicon2 {
	background: url(../images/new_icon/icon_2.png);
	background-size: 100% 100%;
}

.icon_40pxicon3 {
	background: url(../images/new_icon/icon_3.png);
	background-size: 100% 100%;
}

.icon_40pxicon4 {
	background: url(../images/new_icon/icon_4.png);
	background-size: 100% 100%;
}

.icon_40pxicon5 {
	background: url(../images/new_icon/icon_5.png);
	background-size: 100% 100%;
}

.icon_40pxicon6 {
	background: url(../images/new_icon/icon_6.png);
	background-size: 100% 100%;
}

.icon_40pxicon7 {
	background: url(../images/new_icon/icon_7.png);
	background-size: 100% 100%;
}

.icon_40pxicon8 {
	background: url(../images/new_icon/icon_8.png);
	background-size: 100% 100%;
}

.icon_40pxicon9 {
	background: url(../images/new_icon/icon_9.png);
	background-size: 100% 100%;
}

.icon_40pxicon10 {
	background: url(../images/new_icon/icon_10.png);
	background-size: 100% 100%;
}

.icon_40pxicon11 {
	background: url(../images/new_icon/icon_11.png);
	background-size: 100% 100%;
}

.icon_40pxicon12 {
	background: url(../images/new_icon/icon_12.png);
	background-size: 100% 100%;
}

.icon_40pxicon13 {
	background: url(../images/new_icon/icon_13.png);
	background-size: 100% 100%;
}

.icon_40pxicon14 {
	background: url(../images/new_icon/icon_14.png);
	background-size: 100% 100%;
}

.icon_40pxicon15 {
	background: url(../images/new_icon/icon_15.png);
	background-size: 100% 100%;
}

.icon_40pxicon16 {
	background: url(../images/new_icon/icon_16.png);
	background-size: 100% 100%;
}

.icon_40pxicon17 {
	background: url(../images/new_icon/icon_17.png);
	background-size: 100% 100%;
}

.icon_40pxicon18 {
	background: url(../images/new_icon/icon_18.png);
	background-size: 100% 100%;
}

.icon_40pxicon19 {
	background: url(../images/new_icon/icon_19.png);
	background-size: 100% 100%;
}

.icon_40pxicon20 {
	background: url(../images/new_icon/icon_20.png);
	background-size: 100% 100%;
}

.icon_40pxicon21 {
	background: url(../images/new_icon/icon_21.png);
	background-size: 100% 100%;
}

.icon_40pxicon22 {
	background: url(../images/new_icon/icon_22.png);
	background-size: 100% 100%;
}

.icon_40pxicon23 {
	background: url(../images/new_icon/icon_23.png);
	background-size: 100% 100%;
}

.icon_40pxicon24 {
	background: url(../images/new_icon/icon_24.png);
	background-size: 100% 100%;
}

.icon_40pxicon25 {
	background: url(../images/new_icon/icon_25.png);
	background-size: 100% 100%;
}

.icon_40pxicon26 {
	background: url(../images/new_icon/icon_26.png);
	background-size: 100% 100%;
}

.icon_40pxicon27 {
	background: url(../images/new_icon/icon_27.png);
	background-size: 100% 100%;
}

.icon_40pxicon28 {
	background: url(../images/new_icon/icon_28.png);
	background-size: 100% 100%;
}

.icon_40pxicon29 {
	background: url(../images/new_icon/icon_29.png);
	background-size: 100% 100%;
}

.icon_40pxicon30 {
	background: url(../images/new_icon/icon_30.png);
	background-size: 100% 100%;
}

.icon_40pxicon31 {
	background: url(../images/new_icon/icon_31.png);
	background-size: 100% 100%;
}

.icon_40pxicon32 {
	background: url(../images/new_icon/icon_32.png);
	background-size: 100% 100%;
}

.icon_40pxicon33 {
	background: url(../images/new_icon/icon_33.png);
	background-size: 100% 100%;
}

.icon_40pxicon34 {
	background: url(../images/new_icon/icon_34.png);
	background-size: 100% 100%;
}

.icon_40pxicon35 {
	background: url(../images/new_icon/icon_35.png);
	background-size: 100% 100%;
}

.icon_40pxicon36 {
	background: url(../images/new_icon/icon_36.png);
	background-size: 100% 100%;
}

.icon_40pxicon37 {
	background: url(../images/new_icon/icon_37.png);
	background-size: 100% 100%;
}

.icon_40pxicon38 {
	background: url(../images/new_icon/icon_38.png);
	background-size: 100% 100%;
}

.icon_40pxicon39 {
	background: url(../images/new_icon/icon_39.png);
	background-size: 100% 100%;
}

.icon_40pxicon40 {
	background: url(../images/new_icon/icon_40.png);
	background-size: 100% 100%;
}

.icon_40pxicon41 {
	background: url(../images/new_icon/icon_41.png);
	background-size: 100% 100%;
}

.icon_40pxicon42 {
	background: url(../images/new_icon/icon_42.png);
	background-size: 100% 100%;
}

.icon_40pxicon43 {
	background: url(../images/new_icon/icon_43.png);
	background-size: 100% 100%;
}

.icon_40pxicon44 {
	background: url(../images/new_icon/icon_44.png);
	background-size: 100% 100%;
}

.icon_40pxicon45 {
	background: url(../images/new_icon/icon_45.png);
	background-size: 100% 100%;
}

.icon_40pxicon46 {
	background: url(../images/new_icon/icon_46.png);
	background-size: 100% 100%;
}

.icon_40pxicon47 {
	background: url(../images/new_icon/icon_47.png);
	background-size: 100% 100%;
}

.icon_40pxicon48 {
	background: url(../images/new_icon/icon_48.png);
	background-size: 100% 100%;
}

.icon_40pxicon49 {
	background: url(../images/new_icon/icon_49.png);
	background-size: 100% 100%;
}

.icon_40pxicon50 {
	background: url(../images/new_icon/icon_50.png);
	background-size: 100% 100%;
}

.icon_40pxicon51 {
	background: url(../images/new_icon/icon_51.png);
	background-size: 100% 100%;
}

.icon_40pxicon52 {
	background: url(../images/new_icon/icon_52.png);
	background-size: 100% 100%;
}

.icon_40pxicon53 {
	background: url(../images/new_icon/icon_53.png);
	background-size: 100% 100%;
}

.icon_40pxicon54 {
	background: url(../images/new_icon/icon_54.png);
	background-size: 100% 100%;
}

.icon_40pxicon55 {
	background: url(../images/new_icon/icon_55.png);
	background-size: 100% 100%;
}

.icon_40pxicon56 {
	background: url(../images/new_icon/icon_56.png);
	background-size: 100% 100%;
}

.icon_40pxicon57 {
	background: url(../images/new_icon/icon_57.png);
	background-size: 100% 100%;
}

.icon_40pxicon58 {
	background: url(../images/new_icon/icon_58.png);
	background-size: 100% 100%;
}

.icon_40pxicon59 {
	background: url(../images/new_icon/icon_59.png);
	background-size: 100% 100%;
}

.icon_40pxicon60 {
	background: url(../images/new_icon/icon_60.png);
	background-size: 100% 100%;
}

.icon_40pxicon61 {
	background: url(../images/new_icon/icon_61.png);
	background-size: 100% 100%;
}

.icon_40pxicon62 {
	background: url(../images/new_icon/icon_62.png);
	background-size: 100% 100%;
}

.icon_40pxicon63 {
	background: url(../images/new_icon/icon_63.png);
	background-size: 100% 100%;
}

.icon_40pxicon64 {
	background: url(../images/new_icon/icon_64.png);
	background-size: 100% 100%;
}

.icon_40pxicon65 {
	background: url(../images/new_icon/icon_65.png);
	background-size: 100% 100%;
}

.icon_40pxicon66 {
	background: url(../images/new_icon/icon_66.png);
	background-size: 100% 100%;
}

.icon_40pxicon67 {
	background: url(../images/new_icon/icon_67.png);
	background-size: 100% 100%;
}

.icon_40pxicon68 {
	background: url(../images/new_icon/icon_68.png);
	background-size: 100% 100%;
}

.icon_40pxicon69 {
	background: url(../images/new_icon/icon_69.png);
	background-size: 100% 100%;
}

.icon_40pxicon70 {
	background: url(../images/new_icon/icon_70.png);
	background-size: 100% 100%;
}

.icon_40pxicon71 {
	background: url(../images/new_icon/icon_71.png);
	background-size: 100% 100%;
}

.icon_40pxicon72 {
	background: url(../images/new_icon/icon_72.png);
	background-size: 100% 100%;
}

.icon_40pxicon73 {
	background: url(../images/new_icon/icon_73.png);
	background-size: 100% 100%;
}

.icon_40pxicon74 {
	background: url(../images/new_icon/icon_74.png);
	background-size: 100% 100%;
}

.icon_40pxicon75 {
	background: url(../images/new_icon/icon_75.png);
	background-size: 100% 100%;
}

.icon_40pxicon76 {
	background: url(../images/new_icon/icon_76.png);
	background-size: 100% 100%;
}

.icon_40pxicon77 {
	background: url(../images/new_icon/icon_77.png);
	background-size: 100% 100%;
}

.icon_40pxicon78 {
	background: url(../images/new_icon/icon_78.png);
	background-size: 100% 100%;
}

.icon_40pxicon79 {
	background: url(../images/new_icon/icon_79.png);
	background-size: 100% 100%;
}

.icon_40pxicon80 {
	background: url(../images/new_icon/icon_80.png);
	background-size: 100% 100%;
}

.icon_40pxicon81 {
	background: url(../images/new_icon/icon_81.png);
	background-size: 100% 100%;
}

.icon_40pxicon82 {
	background: url(../images/new_icon/icon_82.png);
	background-size: 100% 100%;
}

.icon_40pxicon83 {
	background: url(../images/new_icon/icon_83.png);
	background-size: 100% 100%;
}

.icon_40pxicon84 {
	background: url(../images/new_icon/icon_84.png);
	background-size: 100% 100%;
}

.icon_40pxicon85 {
	background: url(../images/new_icon/icon_85.png);
	background-size: 100% 100%;
}

.icon_40pxicon86 {
	background: url(../images/new_icon/icon_86.png);
	background-size: 100% 100%;
}

.icon_40pxicon87 {
	background: url(../images/new_icon/icon_87.png);
	background-size: 100% 100%;
}

.icon_40pxicon88 {
	background: url(../images/new_icon/icon_88.png);
	background-size: 100% 100%;
}

.icon_40pxicon89 {
	background: url(../images/new_icon/icon_89.png);
	background-size: 100% 100%;
}

.icon_40pxicon90 {
	background: url(../images/new_icon/icon_90.png);
	background-size: 100% 100%;
}

.icon_40pxicon91 {
	background: url(../images/new_icon/icon_91.png);
	background-size: 100% 100%;
}

.icon_40pxicon92 {
	background: url(../images/new_icon/icon_92.png);
	background-size: 100% 100%;
}

.icon_40pxicon93 {
	background: url(../images/new_icon/icon_93.png);
	background-size: 100% 100%;
}

.icon_40pxicon94 {
	background: url(../images/new_icon/icon_94.png);
	background-size: 100% 100%;
}

.icon_40pxicon95 {
	background: url(../images/new_icon/icon_95.png);
	background-size: 100% 100%;
}

.icon_40pxicon96 {
	background: url(../images/new_icon/icon_96.png);
	background-size: 100% 100%;
}

.icon_40pxicon97 {
	background: url(../images/new_icon/icon_97.png);
	background-size: 100% 100%;
}

.icon_40pxicon98 {
	background: url(../images/new_icon/icon_98.png);
	background-size: 100% 100%;
}

.icon_40pxicon99 {
	background: url(../images/new_icon/icon_99.png);
	background-size: 100% 100%;
}

.icon_40pxicon100 {
	background: url(../images/new_icon/icon_100.png);
	background-size: 100% 100%;
}

.icon_40pxicon101 {
	background: url(../images/new_icon/icon_101.png);
	background-size: 100% 100%;
}

.icon_40pxicon102 {
	background: url(../images/new_icon/icon_102.png);
	background-size: 100% 100%;
}

.icon_40pxicon103 {
	background: url(../images/new_icon/icon_103.png);
	background-size: 100% 100%;
}

.icon_40pxicon104 {
	background: url(../images/new_icon/icon_104.png);
	background-size: 100% 100%;
}

.icon_40pxicon105 {
	background: url(../images/new_icon/icon_105.png);
	background-size: 100% 100%;
}

.icon_40pxicon106 {
	background: url(../images/new_icon/icon_106.png);
	background-size: 100% 100%;
}

.icon_40pxicon107 {
	background: url(../images/new_icon/icon_107.png);
	background-size: 100% 100%;
}

.icon_40pxicon108 {
	background: url(../images/new_icon/icon_108.png);
	background-size: 100% 100%;
}

.icon_40pxicon109 {
	background: url(../images/new_icon/icon_109.png);
	background-size: 100% 100%;
}

.icon_40pxicon110 {
	background: url(../images/new_icon/icon_110.png);
	background-size: 100% 100%;
}

.icon_40pxicon111 {
	background: url(../images/new_icon/icon_111.png);
	background-size: 100% 100%;
}

.icon_40pxicon112 {
	background: url(../images/new_icon/icon_112.png);
	background-size: 100% 100%;
}

.icon_40pxicon113 {
	background: url(../images/new_icon/icon_113.png);
	background-size: 100% 100%;
}

.icon_40pxicon114 {
	background: url(../images/new_icon/icon_114.png);
	background-size: 100% 100%;
}

.icon_40pxicon115 {
	background: url(../images/new_icon/icon_115.png);
	background-size: 100% 100%;
}

.icon_40pxicon116 {
	background: url(../images/new_icon/icon_116.png);
	background-size: 100% 100%;
}

.icon_40pxicon117 {
	background: url(../images/new_icon/icon_117.png);
	background-size: 100% 100%;
}

.icon_40pxicon118 {
	background: url(../images/new_icon/icon_118.png);
	background-size: 100% 100%;
}

.icon_40pxicon119 {
	background: url(../images/new_icon/icon_119.png);
	background-size: 100% 100%;
}

.icon_40pxicon120 {
	background: url(../images/new_icon/icon_120.png);
	background-size: 100% 100%;
}

.icon_40pxicon121 {
	background: url(../images/new_icon/icon_121.png);
	background-size: 100% 100%;
}

.icon_40pxicon122 {
	background: url(../images/new_icon/icon_122.png);
	background-size: 100% 100%;
}

.icon_40pxicon123 {
	background: url(../images/new_icon/icon_123.png);
	background-size: 100% 100%;
}

.icon_40pxicon124 {
	background: url(../images/new_icon/icon_124.png);
	background-size: 100% 100%;
}

.icon_40pxicon125 {
	background: url(../images/new_icon/icon_125.png);
	background-size: 100% 100%;
}

.icon_40pxicon126 {
	background: url(../images/new_icon/icon_126.png);
	background-size: 100% 100%;
}

.icon_40pxicon127 {
	background: url(../images/new_icon/icon_127.png);
	background-size: 100% 100%;
}

.icon_40pxicon128 {
	background: url(../images/new_icon/icon_128.png);
	background-size: 100% 100%;
}

.icon_40pxicon129 {
	background: url(../images/new_icon/icon_129.png);
	background-size: 100% 100%;
}

.icon_40pxicon130 {
	background: url(../images/new_icon/icon_130.png);
	background-size: 100% 100%;
}

.icon_40pxicon131 {
	background: url(../images/new_icon/icon_131.png);
	background-size: 100% 100%;
}

.icon_40pxicon132 {
	background: url(../images/new_icon/icon_132.png);
	background-size: 100% 100%;
}

.icon_40pxicon133 {
	background: url(../images/new_icon/icon_133.png);
	background-size: 100% 100%;
}

.icon_40pxicon134 {
	background: url(../images/new_icon/icon_134.png);
	background-size: 100% 100%;
}

.icon_40pxicon135 {
	background: url(../images/new_icon/icon_135.png);
	background-size: 100% 100%;
}

.icon_40pxicon136 {
	background: url(../images/new_icon/icon_136.png);
	background-size: 100% 100%;
}

.icon_40pxicon137 {
	background: url(../images/new_icon/icon_137.png);
	background-size: 100% 100%;
}

.icon_40pxicon138 {
	background: url(../images/new_icon/icon_138.png);
	background-size: 100% 100%;
}

.icon_40pxicon139 {
	background: url(../images/new_icon/icon_139.png);
	background-size: 100% 100%;
}

.icon_40pxicon140 {
	background: url(../images/new_icon/icon_140.png);
	background-size: 100% 100%;
}

.icon_40pxicon141 {
	background: url(../images/new_icon/icon_141.png);
	background-size: 100% 100%;
}

.icon_40pxicon142 {
	background: url(../images/new_icon/icon_142.png);
	background-size: 100% 100%;
}

.icon_40pxicon143 {
	background: url(../images/new_icon/icon_143.png);
	background-size: 100% 100%;
}

.icon_40pxicon144 {
	background: url(../images/new_icon/icon_144.png);
	background-size: 100% 100%;
}

.icon_40pxicon145 {
	background: url(../images/new_icon/icon_145.png);
	background-size: 100% 100%;
}

.icon_40pxicon146 {
	background: url(../images/new_icon/icon_146.png);
	background-size: 100% 100%;
}

.icon_40pxicon147 {
	background: url(../images/new_icon/icon_147.png);
	background-size: 100% 100%;
}

.icon_40pxicon148 {
	background: url(../images/new_icon/icon_148.png);
	background-size: 100% 100%;
}

.icon_40pxicon149 {
	background: url(../images/new_icon/icon_149.png);
	background-size: 100% 100%;
}

.icon_40pxicon150 {
	background: url(../images/new_icon/icon_150.png);
	background-size: 100% 100%;
}

.icon_40pxicon151 {
	background: url(../images/new_icon/icon_151.png);
	background-size: 100% 100%;
}

.icon_40pxicon152 {
	background: url(../images/new_icon/icon_152.png);
	background-size: 100% 100%;
}

.icon_40pxicon153 {
	background: url(../images/new_icon/icon_153.png);
	background-size: 100% 100%;
}

.icon_40pxicon154 {
	background: url(../images/new_icon/icon_154.png);
	background-size: 100% 100%;
}

.icon_40pxicon155 {
	background: url(../images/new_icon/icon_155.png);
	background-size: 100% 100%;
}

.icon_40pxicon156 {
	background: url(../images/new_icon/icon_156.png);
	background-size: 100% 100%;
}

.icon_40pxicon157 {
	background: url(../images/new_icon/icon_157.png);
	background-size: 100% 100%;
}

.icon_40pxicon158 {
	background: url(../images/new_icon/icon_158.png);
	background-size: 100% 100%;
}

.icon_40pxicon159 {
	background: url(../images/new_icon/icon_159.png);
	background-size: 100% 100%;
}

.icon_40pxicon160 {
	background: url(../images/new_icon/icon_160.png);
	background-size: 100% 100%;
}

.icon_40pxicon161 {
	background: url(../images/new_icon/icon_161.png);
	background-size: 100% 100%;
}

.icon_40pxicon162 {
	background: url(../images/new_icon/icon_162.png);
	background-size: 100% 100%;
}

.icon_40pxicon163 {
	background: url(../images/new_icon/icon_163.png);
	background-size: 100% 100%;
}

.icon_40pxicon164 {
	background: url(../images/new_icon/icon_164.png);
	background-size: 100% 100%;
}

.icon_40pxicon165 {
	background: url(../images/new_icon/icon_165.png);
	background-size: 100% 100%;
}

.icon_40pxicon166 {
	background: url(../images/new_icon/icon_166.png);
	background-size: 100% 100%;
}

.icon_40pxicon167 {
	background: url(../images/new_icon/icon_167.png);
	background-size: 100% 100%;
}

.icon_40pxicon168 {
	background: url(../images/new_icon/icon_168.png);
	background-size: 100% 100%;
}

.icon_40pxicon169 {
	background: url(../images/new_icon/icon_169.png);
	background-size: 100% 100%;
}

.icon_40pxicon170 {
	background: url(../images/new_icon/icon_170.png);
	background-size: 100% 100%;
}

.icon_40pxicon171 {
	background: url(../images/new_icon/icon_171.png);
	background-size: 100% 100%;
}

.icon_40pxicon172 {
	background: url(../images/new_icon/icon_172.png);
	background-size: 100% 100%;
}

.icon_40pxicon173 {
	background: url(../images/new_icon/icon_173.png);
	background-size: 100% 100%;
}

.icon_40pxicon174 {
	background: url(../images/new_icon/icon_174.png);
	background-size: 100% 100%;
}

.icon_40pxicon175 {
	background: url(../images/new_icon/icon_175.png);
	background-size: 100% 100%;
}

.icon_40pxicon176 {
	background: url(../images/new_icon/icon_176.png);
	background-size: 100% 100%;
}

.icon_40pxicon177 {
	background: url(../images/new_icon/icon_177.png);
	background-size: 100% 100%;
}

.icon_40pxicon178 {
	background: url(../images/new_icon/icon_178.png);
	background-size: 100% 100%;
}

.icon_40pxicon179 {
	background: url(../images/new_icon/icon_179.png);
	background-size: 100% 100%;
}

.icon_40pxicon180 {
	background: url(../images/new_icon/icon_180.png);
	background-size: 100% 100%;
}

.icon_40pxicon181 {
	background: url(../images/new_icon/icon_181.png);
	background-size: 100% 100%;
}

.icon_40pxicon182 {
	background: url(../images/new_icon/icon_182.png);
	background-size: 100% 100%;
}

.icon_40pxicon183 {
	background: url(../images/new_icon/icon_183.png);
	background-size: 100% 100%;
}

.icon_40pxicon184 {
	background: url(../images/new_icon/icon_184.png);
	background-size: 100% 100%;
}

.icon_40pxicon185 {
	background: url(../images/new_icon/icon_185.png);
	background-size: 100% 100%;
}

.icon_40pxicon186 {
	background: url(../images/new_icon/icon_186.png);
	background-size: 100% 100%;
}

.icon_40pxicon187 {
	background: url(../images/new_icon/icon_187.png);
	background-size: 100% 100%;
}

.icon_40pxicon188 {
	background: url(../images/new_icon/icon_188.png);
	background-size: 100% 100%;
}

.icon_40pxicon189 {
	background: url(../images/new_icon/icon_189.png);
	background-size: 100% 100%;
}

.icon_40pxicon190 {
	background: url(../images/new_icon/icon_190.png);
	background-size: 100% 100%;
}

.icon_40pxicon191 {
	background: url(../images/new_icon/icon_191.png);
	background-size: 100% 100%;
}

.icon_40pxicon192 {
	background: url(../images/new_icon/icon_192.png);
	background-size: 100% 100%;
}

.icon_40pxicon193 {
	background: url(../images/new_icon/icon_193.png);
	background-size: 100% 100%;
}

.icon_40pxicon194 {
	background: url(../images/new_icon/icon_194.png);
	background-size: 100% 100%;
}

.icon_40pxicon195 {
	background: url(../images/new_icon/icon_195.png);
	background-size: 100% 100%;
}

.icon_40pxicon196 {
	background: url(../images/new_icon/icon_196.png);
	background-size: 100% 100%;
}

.icon_40pxicon197 {
	background: url(../images/new_icon/icon_197.png);
	background-size: 100% 100%;
}

.icon_40pxicon198 {
	background: url(../images/new_icon/icon_198.png);
	background-size: 100% 100%;
}

.icon_40pxicon199 {
	background: url(../images/new_icon/icon_199.png);
	background-size: 100% 100%;
}

.icon_40pxicon200 {
	background: url(../images/new_icon/icon_200.png);
	background-size: 100% 100%;
}

.icon_40pxicon201 {
	background: url(../images/new_icon/icon_201.png);
	background-size: 100% 100%;
}

.icon_40pxicon202 {
	background: url(../images/new_icon/icon_202.png);
	background-size: 100% 100%;
}

.icon_40pxicon203 {
	background: url(../images/new_icon/icon_203.png);
	background-size: 100% 100%;
}

.icon_40pxicon204 {
	background: url(../images/new_icon/icon_204.png);
	background-size: 100% 100%;
}

.icon_40pxicon205 {
	background: url(../images/new_icon/icon_205.png);
	background-size: 100% 100%;
}

.icon_40pxicon206 {
	background: url(../images/new_icon/icon_206.png);
	background-size: 100% 100%;
}

.icon_40pxicon207 {
	background: url(../images/new_icon/icon_207.png);
	background-size: 100% 100%;
}

.icon_40pxicon208 {
	background: url(../images/new_icon/icon_208.png);
	background-size: 100% 100%;
}

.icon_40pxicon209 {
	background: url(../images/new_icon/icon_209.png);
	background-size: 100% 100%;
}

.icon_40pxicon210 {
	background: url(../images/new_icon/icon_210.png);
	background-size: 100% 100%;
}

.icon_40pxicon211 {
	background: url(../images/new_icon/icon_211.png);
	background-size: 100% 100%;
}

.icon_40pxicon212 {
	background: url(../images/new_icon/icon_212.png);
	background-size: 100% 100%;
}

.icon_40pxicon213 {
	background: url(../images/new_icon/icon_213.png);
	background-size: 100% 100%;
}

.icon_40pxicon214 {
	background: url(../images/new_icon/icon_214.png);
	background-size: 100% 100%;
}

.icon_40pxicon215 {
	background: url(../images/new_icon/icon_215.png);
	background-size: 100% 100%;
}

.icon_40pxicon216 {
	background: url(../images/new_icon/icon_216.png);
	background-size: 100% 100%;
}

.icon_40pxicon217 {
	background: url(../images/new_icon/icon_217.png);
	background-size: 100% 100%;
}

.icon_40pxicon218 {
	background: url(../images/new_icon/icon_218.png);
	background-size: 100% 100%;
}

.icon_40pxicon219 {
	background: url(../images/new_icon/icon_219.png);
	background-size: 100% 100%;
}

.icon_40pxicon220 {
	background: url(../images/new_icon/icon_220.png);
	background-size: 100% 100%;
}

.icon_40pxicon221 {
	background: url(../images/new_icon/icon_221.png);
	background-size: 100% 100%;
}

.icon_40pxicon222 {
	background: url(../images/new_icon/icon_222.png);
	background-size: 100% 100%;
}

.icon_40pxicon223 {
	background: url(../images/new_icon/icon_223.png);
	background-size: 100% 100%;
}

.icon_40pxicon224 {
	background: url(../images/new_icon/icon_224.png);
	background-size: 100% 100%;
}

.icon_40pxicon225 {
	background: url(../images/new_icon/icon_225.png);
	background-size: 100% 100%;
}

.icon_40pxicon226 {
	background: url(../images/new_icon/icon_226.png);
	background-size: 100% 100%;
}

.icon_40pxicon227 {
	background: url(../images/new_icon/icon_227.png);
	background-size: 100% 100%;
}

.icon_40pxicon228 {
	background: url(../images/new_icon/icon_228.png);
	background-size: 100% 100%;
}

.icon_40pxicon229 {
	background: url(../images/new_icon/icon_229.png);
	background-size: 100% 100%;
}

.icon_40pxicon230 {
	background: url(../images/new_icon/icon_230.png);
	background-size: 100% 100%;
}

.icon_40pxicon231 {
	background: url(../images/new_icon/icon_231.png);
	background-size: 100% 100%;
}

.icon_40pxicon232 {
	background: url(../images/new_icon/icon_232.png);
	background-size: 100% 100%;
}

.icon_40pxicon233 {
	background: url(../images/new_icon/icon_233.png);
	background-size: 100% 100%;
}

.icon_40pxicon234 {
	background: url(../images/new_icon/icon_234.png);
	background-size: 100% 100%;
}

.icon_40pxicon235 {
	background: url(../images/new_icon/icon_235.png);
	background-size: 100% 100%;
}

.icon_40pxicon236 {
	background: url(../images/new_icon/icon_236.png);
	background-size: 100% 100%;
}

.icon_40pxicon237 {
	background: url(../images/new_icon/icon_237.png);
	background-size: 100% 100%;
}

.icon_40pxicon238 {
	background: url(../images/new_icon/icon_238.png);
	background-size: 100% 100%;
}

.icon_40pxicon239 {
	background: url(../images/new_icon/icon_239.png);
	background-size: 100% 100%;
}

.icon_40pxicon240 {
	background: url(../images/new_icon/icon_240.png);
	background-size: 100% 100%;
}

.icon_40pxicon241 {
	background: url(../images/new_icon/icon_241.png);
	background-size: 100% 100%;
}

.icon_40pxicon242 {
	background: url(../images/new_icon/icon_242.png);
	background-size: 100% 100%;
}

.icon_40pxicon243 {
	background: url(../images/new_icon/icon_243.png);
	background-size: 100% 100%;
}

.icon_40pxicon244 {
	background: url(../images/new_icon/icon_244.png);
	background-size: 100% 100%;
}

.icon_40pxicon245 {
	background: url(../images/new_icon/icon_245.png);
	background-size: 100% 100%;
}

.icon_40pxicon246 {
	background: url(../images/new_icon/icon_246.png);
	background-size: 100% 100%;
}

.icon_40pxicon247 {
	background: url(../images/new_icon/icon_247.png);
	background-size: 100% 100%;
}

.icon_40pxicon248 {
	background: url(../images/new_icon/icon_248.png);
	background-size: 100% 100%;
}

.icon_40pxicon249 {
	background: url(../images/new_icon/icon_249.png);
	background-size: 100% 100%;
}

.icon_40pxicon250 {
	background: url(../images/new_icon/icon_250.png);
	background-size: 100% 100%;
}

.icon_40pxicon251 {
	background: url(../images/new_icon/icon_251.png);
	background-size: 100% 100%;
}

.icon_40pxicon252 {
	background: url(../images/new_icon/icon_252.png);
	background-size: 100% 100%;
}

.icon_40pxicon253 {
	background: url(../images/new_icon/icon_253.png);
	background-size: 100% 100%;
}

.icon_40pxicon254 {
	background: url(../images/new_icon/icon_254.png);
	background-size: 100% 100%;
}

.icon_40pxicon255 {
	background: url(../images/new_icon/icon_255.png);
	background-size: 100% 100%;
}

.icon_40pxicon256 {
	background: url(../images/new_icon/icon_256.png);
	background-size: 100% 100%;
}

.icon_40pxicon257 {
	background: url(../images/new_icon/icon_257.png);
	background-size: 100% 100%;
}

.icon_40pxicon258 {
	background: url(../images/new_icon/icon_258.png);
	background-size: 100% 100%;
}

.icon_40pxicon259 {
	background: url(../images/new_icon/icon_259.png);
	background-size: 100% 100%;
}

.icon_40pxicon260 {
	background: url(../images/new_icon/icon_260.png);
	background-size: 100% 100%;
}

.icon_40pxicon261 {
	background: url(../images/new_icon/icon_261.png);
	background-size: 100% 100%;
}

.icon_40pxicon262 {
	background: url(../images/new_icon/icon_262.png);
	background-size: 100% 100%;
}

.icon_40pxicon263 {
	background: url(../images/new_icon/icon_263.png);
	background-size: 100% 100%;
}

.icon_40pxicon264 {
	background: url(../images/new_icon/icon_264.png);
	background-size: 100% 100%;
}

.icon_40pxicon265 {
	background: url(../images/new_icon/icon_265.png);
	background-size: 100% 100%;
}

.icon_40pxicon266 {
	background: url(../images/new_icon/icon_266.png);
	background-size: 100% 100%;
}

.icon_40pxicon267 {
	background: url(../images/new_icon/icon_267.png);
	background-size: 100% 100%;
}

.icon_40pxicon268 {
	background: url(../images/new_icon/icon_268.png);
	background-size: 100% 100%;
}

.icon_40pxicon269 {
	background: url(../images/new_icon/icon_269.png);
	background-size: 100% 100%;
}

.icon_40pxicon270 {
	background: url(../images/new_icon/icon_270.png);
	background-size: 100% 100%;
}

.icon_40pxicon271 {
	background: url(../images/new_icon/icon_271.png);
	background-size: 100% 100%;
}

.icon_40pxicon272 {
	background: url(../images/new_icon/icon_272.png);
	background-size: 100% 100%;
}

.icon_40pxicon273 {
	background: url(../images/new_icon/icon_273.png);
	background-size: 100% 100%;
}

.icon_40pxicon274 {
	background: url(../images/new_icon/icon_274.png);
	background-size: 100% 100%;
}

.icon_40pxicon275 {
	background: url(../images/new_icon/icon_275.png);
	background-size: 100% 100%;
}

.icon_40pxicon276 {
	background: url(../images/new_icon/icon_276.png);
	background-size: 100% 100%;
}

.icon_40pxicon277 {
	background: url(../images/new_icon/icon_277.png);
	background-size: 100% 100%;
}

.icon_40pxicon278 {
	background: url(../images/new_icon/icon_278.png);
	background-size: 100% 100%;
}

.icon_40pxicon279 {
	background: url(../images/new_icon/icon_279.png);
	background-size: 100% 100%;
}

.icon_40pxicon280 {
	background: url(../images/new_icon/icon_280.png);
	background-size: 100% 100%;
}

.icon_40pxicon281 {
	background: url(../images/new_icon/icon_281.png);
	background-size: 100% 100%;
}

.icon_40pxicon282 {
	background: url(../images/new_icon/icon_282.png);
	background-size: 100% 100%;
}

.icon_40pxicon283 {
	background: url(../images/new_icon/icon_283.png);
	background-size: 100% 100%;
}

.icon_40pxicon284 {
	background: url(../images/new_icon/icon_284.png);
	background-size: 100% 100%;
}

.icon_40pxicon285 {
	background: url(../images/new_icon/icon_285.png);
	background-size: 100% 100%;
}

.icon_40pxicon286 {
	background: url(../images/new_icon/icon_286.png);
	background-size: 100% 100%;
}

.icon_40pxicon287 {
	background: url(../images/new_icon/icon_287.png);
	background-size: 100% 100%;
}

.icon_40pxicon288 {
	background: url(../images/new_icon/icon_288.png);
	background-size: 100% 100%;
}

.icon_40pxicon289 {
	background: url(../images/new_icon/icon_289.png);
	background-size: 100% 100%;
}

.icon_40pxicon290 {
	background: url(../images/new_icon/icon_290.png);
	background-size: 100% 100%;
}

.icon_40pxicon291 {
	background: url(../images/new_icon/icon_291.png);
	background-size: 100% 100%;
}

.icon_40pxicon292 {
	background: url(../images/new_icon/icon_292.png);
	background-size: 100% 100%;
}

.icon_40pxicon293 {
	background: url(../images/new_icon/icon_293.png);
	background-size: 100% 100%;
}

.icon_40pxicon294 {
	background: url(../images/new_icon/icon_294.png);
	background-size: 100% 100%;
}

.icon_40pxicon295 {
	background: url(../images/new_icon/icon_295.png);
	background-size: 100% 100%;
}

.icon_40pxicon296 {
	background: url(../images/new_icon/icon_296.png);
	background-size: 100% 100%;
}

.icon_40pxicon297 {
	background: url(../images/new_icon/icon_297.png);
	background-size: 100% 100%;
}

.icon_40pxicon298 {
	background: url(../images/new_icon/icon_298.png);
	background-size: 100% 100%;
}

.icon_40pxicon299 {
	background: url(../images/new_icon/icon_299.png);
	background-size: 100% 100%;
}

.icon_40pxicon300 {
	background: url(../images/new_icon/icon_300.png);
	background-size: 100% 100%;
}

.icon_40pxicon300 {
	background: url(../images/new_icon/icon_300.png);
	background-size: 100% 100%;
}

.icon_40pxicon301 {
	background: url(../images/new_icon/icon_301.png);
	background-size: 100% 100%;
}

.icon_40pxicon302 {
	background: url(../images/new_icon/icon_302.png);
	background-size: 100% 100%;
}

.icon_40pxicon303 {
	background: url(../images/new_icon/icon_303.png);
	background-size: 100% 100%;
}

.icon_40pxicon304 {
	background: url(../images/new_icon/icon_304.png);
	background-size: 100% 100%;
}

.icon_40pxicon305 {
	background: url(../images/new_icon/icon_305.png);
	background-size: 100% 100%;
}

.icon_40pxicon306 {
	background: url(../images/new_icon/icon_306.png);
	background-size: 100% 100%;
}

.icon_40pxicon307 {
	background: url(../images/new_icon/icon_307.png);
	background-size: 100% 100%;
}

.icon_40pxicon308 {
	background: url(../images/new_icon/icon_308.png);
	background-size: 100% 100%;
}

.icon_40pxicon309 {
	background: url(../images/new_icon/icon_309.png);
	background-size: 100% 100%;
}

.icon_40pxicon310 {
	background: url(../images/new_icon/icon_310.png);
	background-size: 100% 100%;
}

.icon_40pxicon311 {
	background: url(../images/new_icon/icon_311.png);
	background-size: 100% 100%;
}

.icon_40pxicon312 {
	background: url(../images/new_icon/icon_312.png);
	background-size: 100% 100%;
}

.icon_40pxicon313 {
	background: url(../images/new_icon/icon_313.png);
	background-size: 100% 100%;
}

.icon_40pxicon314 {
	background: url(../images/new_icon/icon_314.png);
	background-size: 100% 100%;
}

.icon_40pxicon315 {
	background: url(../images/new_icon/icon_315.png);
	background-size: 100% 100%;
}

.icon_40pxicon316 {
	background: url(../images/new_icon/icon_316.png);
	background-size: 100% 100%;
}

.icon_40pxicon317 {
	background: url(../images/new_icon/icon_317.png);
	background-size: 100% 100%;
}

.icon_40pxicon318 {
	background: url(../images/new_icon/icon_318.png);
	background-size: 100% 100%;
}

.icon_40pxicon319 {
	background: url(../images/new_icon/icon_319.png);
	background-size: 100% 100%;
}

.icon_40pxicon320 {
	background: url(../images/new_icon/icon_320.png);
	background-size: 100% 100%;
}

.icon_40pxicon321 {
	background: url(../images/new_icon/icon_321.png);
	background-size: 100% 100%;
}

.icon_40pxicon322 {
	background: url(../images/new_icon/icon_322.png);
	background-size: 100% 100%;
}

.icon_40pxicon323 {
	background: url(../images/new_icon/icon_323.png);
	background-size: 100% 100%;
}

.icon_40pxicon324 {
	background: url(../images/new_icon/icon_324.png);
	background-size: 100% 100%;
}

.icon_40pxicon325 {
	background: url(../images/new_icon/icon_325.png);
	background-size: 100% 100%;
}

.icon_40pxicon326 {
	background: url(../images/new_icon/icon_326.png);
	background-size: 100% 100%;
}

.icon_40pxicon327 {
	background: url(../images/new_icon/icon_327.png);
	background-size: 100% 100%;
}

.icon_40pxicon328 {
	background: url(../images/new_icon/icon_328.png);
	background-size: 100% 100%;
}

.icon_40pxicon329 {
	background: url(../images/new_icon/icon_329.png);
	background-size: 100% 100%;
}

.icon_40pxicon330 {
	background: url(../images/new_icon/icon_330.png);
	background-size: 100% 100%;
}

.icon_40pxicon331 {
	background: url(../images/new_icon/icon_331.png);
	background-size: 100% 100%;
}

.icon_40pxicon332 {
	background: url(../images/new_icon/icon_332.png);
	background-size: 100% 100%;
}

.icon_40pxicon333 {
	background: url(../images/new_icon/icon_333.png);
	background-size: 100% 100%;
}

.icon_40pxicon334 {
	background: url(../images/new_icon/icon_334.png);
	background-size: 100% 100%;
}

.icon_40pxicon335 {
	background: url(../images/new_icon/icon_335.png);
	background-size: 100% 100%;
}

.icon_40pxicon336 {
	background: url(../images/new_icon/icon_336.png);
	background-size: 100% 100%;
}

.icon_40pxicon337 {
	background: url(../images/new_icon/icon_337.png);
	background-size: 100% 100%;
}

.icon_40pxicon338 {
	background: url(../images/new_icon/icon_338.png);
	background-size: 100% 100%;
}

.icon_40pxicon339 {
	background: url(../images/new_icon/icon_339.png);
	background-size: 100% 100%;
}

.icon_40pxicon340 {
	background: url(../images/new_icon/icon_340.png);
	background-size: 100% 100%;
}

.icon_40pxicon341 {
	background: url(../images/new_icon/icon_341.png);
	background-size: 100% 100%;
}

.icon_40pxicon342 {
	background: url(../images/new_icon/icon_342.png);
	background-size: 100% 100%;
}

.icon_40pxicon343 {
	background: url(../images/new_icon/icon_343.png);
	background-size: 100% 100%;
}

.icon_40pxicon344 {
	background: url(../images/new_icon/icon_344.png);
	background-size: 100% 100%;
}

.icon_40pxicon345 {
	background: url(../images/new_icon/icon_345.png);
	background-size: 100% 100%;
}

.icon_40pxicon346 {
	background: url(../images/new_icon/icon_346.png);
	background-size: 100% 100%;
}

.icon_40pxicon347 {
	background: url(../images/new_icon/icon_347.png);
	background-size: 100% 100%;
}

.icon_40pxicon348 {
	background: url(../images/new_icon/icon_348.png);
	background-size: 100% 100%;
}

.icon_40pxicon349 {
	background: url(../images/new_icon/icon_349.png);
	background-size: 100% 100%;
}

.icon_40pxicon350 {
	background: url(../images/new_icon/icon_350.png);
	background-size: 100% 100%;
}

.icon_40pxicon351 {
	background: url(../images/new_icon/icon_351.png);
	background-size: 100% 100%;
}

.icon_40pxicon352 {
	background: url(../images/new_icon/icon_352.png);
	background-size: 100% 100%;
}

.icon_40pxicon353 {
	background: url(../images/new_icon/icon_353.png);
	background-size: 100% 100%;
}

.icon_40pxicon354 {
	background: url(../images/new_icon/icon_354.png);
	background-size: 100% 100%;
}

.icon_40pxicon355 {
	background: url(../images/new_icon/icon_355.png);
	background-size: 100% 100%;
}

.icon_40pxicon356 {
	background: url(../images/new_icon/icon_356.png);
	background-size: 100% 100%;
}

.icon_40pxicon357 {
	background: url(../images/new_icon/icon_357.png);
	background-size: 100% 100%;
}

.icon_40pxicon358 {
	background: url(../images/new_icon/icon_358.png);
	background-size: 100% 100%;
}

.icon_40pxicon359 {
	background: url(../images/new_icon/icon_359.png);
	background-size: 100% 100%;
}

.icon_40pxicon360 {
	background: url(../images/new_icon/icon_360.png);
	background-size: 100% 100%;
}

.icon_40pxicon361 {
	background: url(../images/new_icon/icon_361.png);
	background-size: 100% 100%;
}

.icon_40pxicon362 {
	background: url(../images/new_icon/icon_362.png);
	background-size: 100% 100%;
}

.icon_40pxicon363 {
	background: url(../images/new_icon/icon_363.png);
	background-size: 100% 100%;
}

.icon_40pxicon364 {
	background: url(../images/new_icon/icon_364.png);
	background-size: 100% 100%;
}

.icon_40pxicon365 {
	background: url(../images/new_icon/icon_365.png);
	background-size: 100% 100%;
}

.icon_40pxicon366 {
	background: url(../images/new_icon/icon_366.png);
	background-size: 100% 100%;
}

.icon_40pxicon367 {
	background: url(../images/new_icon/icon_367.png);
	background-size: 100% 100%;
}

.icon_40pxicon368 {
	background: url(../images/new_icon/icon_368.png);
	background-size: 100% 100%;
}

.icon_40pxicon369 {
	background: url(../images/new_icon/icon_369.png);
	background-size: 100% 100%;
}

.icon_40pxicon370 {
	background: url(../images/new_icon/icon_370.png);
	background-size: 100% 100%;
}

.icon_40pxicon371 {
	background: url(../images/new_icon/icon_371.png);
	background-size: 100% 100%;
}

.icon_40pxicon372 {
	background: url(../images/new_icon/icon_372.png);
	background-size: 100% 100%;
}

.icon_40pxicon373 {
	background: url(../images/new_icon/icon_373.png);
	background-size: 100% 100%;
}

.icon_40pxicon374 {
	background: url(../images/new_icon/icon_374.png);
	background-size: 100% 100%;
}

.icon_40pxicon375 {
	background: url(../images/new_icon/icon_375.png);
	background-size: 100% 100%;
}

.icon_40pxicon376 {
	background: url(../images/new_icon/icon_376.png);
	background-size: 100% 100%;
}

.icon_40pxicon377 {
	background: url(../images/new_icon/icon_377.png);
	background-size: 100% 100%;
}

.icon_40pxicon378 {
	background: url(../images/new_icon/icon_378.png);
	background-size: 100% 100%;
}

.icon_40pxicon379 {
	background: url(../images/new_icon/icon_379.png);
	background-size: 100% 100%;
}

.icon_40pxicon380 {
	background: url(../images/new_icon/icon_380.png);
	background-size: 100% 100%;
}

.icon_40pxicon381 {
	background: url(../images/new_icon/icon_381.png);
	background-size: 100% 100%;
}

.icon_40pxicon382 {
	background: url(../images/new_icon/icon_382.png);
	background-size: 100% 100%;
}

.icon_40pxicon383 {
	background: url(../images/new_icon/icon_383.png);
	background-size: 100% 100%;
}

.icon_40pxicon384 {
	background: url(../images/new_icon/icon_384.png);
	background-size: 100% 100%;
}

.icon_40pxicon385 {
	background: url(../images/new_icon/icon_385.png);
	background-size: 100% 100%;
}

.icon_40pxicon386 {
	background: url(../images/new_icon/icon_386.png);
	background-size: 100% 100%;
}

.icon_40pxicon387 {
	background: url(../images/new_icon/icon_387.png);
	background-size: 100% 100%;
}

.icon_40pxicon388 {
	background: url(../images/new_icon/icon_388.png);
	background-size: 100% 100%;
}

.icon_40pxicon389 {
	background: url(../images/new_icon/icon_389.png);
	background-size: 100% 100%;
}

.icon_40pxicon390 {
	background: url(../images/new_icon/icon_390.png);
	background-size: 100% 100%;
}

.icon_40pxicon391 {
	background: url(../images/new_icon/icon_391.png);
	background-size: 100% 100%;
}

.icon_40pxicon392 {
	background: url(../images/new_icon/icon_392.png);
	background-size: 100% 100%;
}

.icon_40pxicon393 {
	background: url(../images/new_icon/icon_393.png);
	background-size: 100% 100%;
}

.icon_40pxicon394 {
	background: url(../images/new_icon/icon_394.png);
	background-size: 100% 100%;
}

.icon_40pxicon395 {
	background: url(../images/new_icon/icon_395.png);
	background-size: 100% 100%;
}

.icon_40pxicon396 {
	background: url(../images/new_icon/icon_396.png);
	background-size: 100% 100%;
}

.icon_40pxicon397 {
	background: url(../images/new_icon/icon_397.png);
	background-size: 100% 100%;
}

.icon_40pxicon398 {
	background: url(../images/new_icon/icon_398.png);
	background-size: 100% 100%;
}

.icon_40pxicon399 {
	background: url(../images/new_icon/icon_399.png);
	background-size: 100% 100%;
}

.icon_40pxicon400 {
	background: url(../images/new_icon/icon_400.png);
	background-size: 100% 100%;
}

/* 自定义图标 - 新增加字临时版*/
/* --福利 */
.icon_40pxicon11Z001 {
	background: url(../images/new_icon/icon_11Z001.png);
	background-size: 100% 100%;
}
/* --福利--专项 */
.icon_40pxicon11Z002 {
	background: url(../images/new_icon/icon_11Z002.png);
	background-size: 100% 100%;
}

/* --修养 */
.icon_40pxicon59Z001 {
	background: url(../images/new_icon/icon_59Z001.png);
	background-size: 100% 100%;
}
/* --联谊 */
.icon_40pxicon101Z001 {
	background: url(../images/new_icon/icon_101Z001.png);
	background-size: 100% 100%;
}


/* 图标角标 */
.icon-corner {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(40%, -40%);
	width: 16px;
	height: 16px;
	border-radius: 100%;
}

.icon-corner.pc-large1 {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(40%, -40%);
	width: 22px;
	height: 22px;
	border-radius: 100%;
}

.icon-corner.icon-corner-topleft {
	position: absolute;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	transform: translate(-40%, -40%);
}

.icon-corner.icon-corner-bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
	transform: translate(40%, 40%);
}

.icon-corner.addto {
	background-color: #7375FF;
	background-image: url(../img/iconcorner-1.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.minusto {
	background-color: darkgray;
	background-image: url(../img/iconcorner-2.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.upto {
	background-color: #D49B9B;
	background-image: url(../img/iconcorner-3.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.downto {
	background-color: #A8C5E6;
	background-image: url(../img/iconcorner-4.png);
	background-size: 100% 100%;
	border: 1px solid white;
}

.icon-corner.red {
	background-color: red;
	width: 14px;
	height: 14px;
	border: 1px solid white;
}

.icon-corner.pc-large1.red {
	background-color: red;
	width: 18px;
	height: 18px;
	border: 1px solid white;
}

.icon-corner.rednumber {
	display: flex;
	background-color: red;
	padding: 8px 4px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: white;
	width: auto;
	min-width: 1rem;
	border: 1px solid white;
	font-size: 12px;
	border-radius: 1rem;
}

.icon-corner.pc-large1.rednumber {
	display: flex;
	background-color: red;
	padding: 6px 4px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: white;
	width: auto;
	min-width: 1.4rem;
	border: 1px solid white;
	font-size: 14px;
	border-radius: 1.4rem;
}

/* --字体相关样式 */
/* ----字号 */
.c-0px {
	font-size: 0px !important;
}

.c-10px {
	font-size: 10px !important;
}

.c-11px {
	font-size: 11px !important;
}

.c-12px {
	font-size: 12px !important;
}

.c-13px {
	font-size: 13px !important;
}

.c-14px {
	font-size: 14px !important;
}

.c-15px {
	font-size: 15px !important;
}

.c-16px {
	font-size: 16px !important;
}

.c-17px {
	font-size: 17px !important;
}

.c-18px {
	font-size: 18px !important;
}

.c-19px {
	font-size: 19px !important;
}

.c-20px {
	font-size: 20px !important;
}

.c-25px {
	font-size: 25px !important;
}

.c-30px {
	font-size: 30px !important;
}

.c-35px {
	font-size: 35px !important;
}

.c-40px {
	font-size: 40px !important;
}

.c-0d7rem {
	font-size: 0.7rem !important;
}

.c-0d75rem {
	font-size: 0.75rem !important;
}

.c-0d8rem {
	font-size: 0.8rem !important;
}

.c-0d85rem {
	font-size: 0.85rem !important;
}

.c-0d9rem {
	font-size: 0.9rem !important;
}

.c-0d95rem {
	font-size: 0.95rem !important;
}

.c-1rem {
	font-size: 1rem !important;
}

.c-1d1rem {
	font-size: 1.1rem !important;
}

.c-1d2rem {
	font-size: 1.2rem !important;
}

.c-1d3rem {
	font-size: 1.3rem !important;
}

.c-1d4rem {
	font-size: 1.4rem !important;
}

.c-1d5rem {
	font-size: 1.5rem !important;
}

.c-1d6rem {
	font-size: 1.6rem !important;
}

.c-1d7rem {
	font-size: 1.7rem !important;
}

.c-1d8rem {
	font-size: 1.8rem !important;
}

.c-1d9rem {
	font-size: 1.9rem !important;
}

.c-2rem {
	font-size: 2rem !important;
}
.c-2d5rem {
	font-size: 2.5rem !important;
}
.c-3rem {
	font-size: 3rem !important;
}
.c-3d5rem {
	font-size: 3.5rem !important;
}
/* ----字重 */
.c-bold {
	font-weight: bold !important;
}

.c-normal {
	font-weight: normal !important;
}

/* ----圆角样式 */
.round-circle {
	border-radius: 50% !important;
}

.round-0 {
	border-radius: 0 !important;
}

.round-1 {
	border-radius: 0.25rem !important;
}

.round-2 {
	border-radius: 0.5rem !important;
}

.round-3 {
	border-radius: 0.75rem !important;
}

.round-4 {
	border-radius: 1rem !important;
}

.round-5 {
	border-radius: 1.25rem !important;
}

.round-6 {
	border-radius: 1.5rem !important;
}

/* ----去除圆角样式 */
.no-round-top {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.no-round-bottom {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.no-round-left {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.no-round-right {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.no-round-topleft {
	border-top-left-radius: 0 !important;
}

.no-round-topright {
	border-top-right-radius: 0 !important;
}

.no-round-bottomleft {
	border-bottom-left-radius: 0 !important;
}

.no-round-bottomright {
	border-bottom-right-radius: 0 !important;
}

/*--布局相关样式 */
/*----flex伸缩比例 */
.flex-none {
	flex: none !important;
}

.flex-0 {
	flex: 0 !important;
}

.flex-1 {
	flex: 1 !important;
}

.flex-2 {
	flex: 2 !important;
}

.flex-3 {
	flex: 3 !important;
}

.flex-4 {
	flex: 4 !important;
}

.flex-5 {
	flex: 5 !important;
}

.flex-6 {
	flex: 6 !important;
}

/*----flex居中 */
.d-flex-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/*----负值边距 */
.m--1 {
	margin: -0.25rem !important;
}

.m--2 {
	margin: -0.5rem !important;
}

.m--3 {
	margin: -1rem !important;
}

.m--4 {
	margin: -1.5rem !important;
}

.m--5 {
	margin: -3rem !important;
}

.mx--1 {
	margin-right: -0.25rem !important;
	margin-left: -0.25rem !important;
}

.mx--2 {
	margin-right: -0.5rem !important;
	margin-left: -0.5rem !important;
}

.mx--3 {
	margin-right: -1rem !important;
	margin-left: -1rem !important;
}

.mx--4 {
	margin-right: -1.5rem !important;
	margin-left: -1.5rem !important;
}

.mx--5 {
	margin-right: -3rem !important;
	margin-left: -3rem !important;
}

.my--1 {
	margin-top: -0.25rem !important;
	margin-bottom: -0.25rem !important;
}

.my--2 {
	margin-top: -0.5rem !important;
	margin-bottom: -0.5rem !important;
}

.my--3 {
	margin-top: -1rem !important;
	margin-bottom: -1rem !important;
}

.my--4 {
	margin-top: -1.5rem !important;
	margin-bottom: -1.5rem !important;
}

.my--5 {
	margin-top: -3rem !important;
	margin-bottom: -3rem !important;
}

.mt--1 {
	margin-top: -0.25rem !important;
}

.mt--2 {
	margin-top: -0.5rem !important;
}

.mt--3 {
	margin-top: -1rem !important;
}

.mt--4 {
	margin-top: -1.5rem !important;
}

.mt--5 {
	margin-top: -3rem !important;
}

.me--1 {
	margin-right: -0.25rem !important;
}

.me--2 {
	margin-right: -0.5rem !important;
}

.me--3 {
	margin-right: -1rem !important;
}

.me--4 {
	margin-right: -1.5rem !important;
}

.me--5 {
	margin-right: -3rem !important;
}

.mb--1 {
	margin-bottom: -0.25rem !important;
}

.mb--2 {
	margin-bottom: -0.5rem !important;
}

.mb--3 {
	margin-bottom: -1rem !important;
}

.mb--4 {
	margin-bottom: -1.5rem !important;
}

.mb--5 {
	margin-bottom: -3rem !important;
}

.ms--1 {
	margin-left: -0.25rem !important;
}

.ms--2 {
	margin-left: -0.5rem !important;
}

.ms--3 {
	margin-left: -1rem !important;
}

.ms--4 {
	margin-left: -1.5rem !important;
}

.ms--5 {
	margin-left: -3rem !important;
}

/* ----图片布局 */
.pic-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pic-contain {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wh-100 {
	width: 100% !important;
	height: 100% !important;
}

/* 清除滚动条 */
.no-scrollbar::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	background-color: transparent !important;
}

/* 去除伪元素 */
.no-before:before {
	content: none !important;
}

.no-after::after {
	content: none !important;
}

/* 字体对齐文字对齐 */
.text-align-left {
	text-align: left !important;
}

.text-align-center {
	text-align: center !important;
}

.text-align-right {
	text-align: right !important;
}

/*---- 换行限定 */
.line-clamp1 {
	overflow-wrap: break-word;
	overflow: hidden;
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.line-clamp2 {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-clamp3 {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.line-clamp4 {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

.line-clamp1-important {
	overflow-wrap: break-word;
	overflow: hidden !important;
	/* white-space: nowrap !important; */
	text-overflow: ellipsis !important;
	text-overflow: -o-ellipsis-lastline !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
}

.line-clamp2-important {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.line-clamp3-important {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
}

.line-clamp4-important {
	overflow-wrap: break-word;
	text-overflow: -o-ellipsis-lastline !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 4 !important;
	line-clamp: 4 !important;
	-webkit-box-orient: vertical !important;
}

/*----窗口全屏 */
.screensize {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/*----阴影样式 */
.box-shadow1 {
	box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.5) !important;
}

.box-shadow2 {
	box-shadow: 1px 1px 3px gainsboro !important;
}

.box-shadow3 {
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1) !important;
}

.box-shadow4 {
	box-shadow: inset 0px 0px 10px 1px #ccc !important;
}

.box-shadow5 {
	box-shadow: inset 0px 0px 6px 1px #aaa !important;
}

.box-shadow6 {
	box-shadow: inset 0px 0px 2px 0px #666 !important;
}

.box-shadow7 {
	box-shadow: 0px 0px 8px 1px gainsboro !important;
}

/* ----进度条样式 */
.progress-style1 {
	background: #22222233;
	margin: 8px 0px;
	height: 3px;
	display: flex;
}

.progress-style1 .progress-bar {
	background: white;
}

.progress-style2 {
	margin: 0 0.5rem;
	width: calc(100% - 1rem);
	background: #ddd;
	border-radius: 1rem;
	height: 0.5rem;
	overflow: hidden;
	display: flex;
	justify-content: left;
}

.progress-style2 .progress-bar {
	background: var(--bkst-main-blue-dark2);
	height: 100%;
	border-radius: 1rem;
}

.progress-style3 {
	margin: 0;
	width: 100%;
	background: #eee;
	border-radius: 1rem;
	height: 0.5rem;
	overflow: hidden;
	display: flex;
	justify-content: left;
}

.progress-style3 .progress-bar {
	background: var(--bkst-main-blue-middle3);
	height: 100%;
	border-radius: 1rem;
}

/* ----表单组件清空默认样式 */
.form-clean-input1 {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
	color: black;
}

.form-clean-checkbox1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.PC-form-checkbox-turnbar1 .label {
	display: block;
	width: 2.5rem;
	height: 1.2rem;
	color: darkgray;
	border: 1px solid lightgray;
	border-radius: 2rem;
	background-color: #eee;
	position: relative;
	transition: all ease-in 0.15s;
}

/* 通用表单元素 */
/* ----checkbox1 多选勾选*/
.PC-form-checkbox1 .label {
	color: #ccc;
}

.PC-form-checkbox1 .label::before {
	/*方形checkbox*/
	content: '';
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	background-color: white;
	border: 3px #EEE solid;
	vertical-align: middle;
	margin-right: 0.25rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: background ease-in 0.1s;
}

.PC-form-checkbox1.circle .label::before {
	border-radius: 100%;
}

.PC-form-checkbox1 .checkbox:checked+.label {
	color: black;
}

.PC-form-checkbox1 .checkbox:checked+.label::before {
	background-color: var(--pc-main1);
	border: 3px #EEE solid;
}

/* ----checkbox2 多选勾选*/
.PC-form-checkbox2 .label {
	color: #ccc;
	border: 1px solid #ccc;
	padding: 0.2rem 0.5rem;
	border-radius: 2rem;
}

.PC-form-checkbox2 .checkbox:checked+.label {
	color: white;
	border-color: var(--pc-main1);
	background-color: var(--pc-main1-light4);
}

/* ----turnbar1 开关*/
.PC-form-checkbox-turnbar1 .label::before {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 100%;
	background-color: white;
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translate(0, -50%);
	transition: all ease-in 0.15s;
	box-shadow: 1px 1px 1px darkgray;
}

.PC-form-checkbox-turnbar1 .checkbox:checked+.label {
	border-color: var(--pc-main1);
	background-color: var(--pc-main1-light5);
}

.PC-form-checkbox-turnbar1 .checkbox:disabled+.label {
	opacity: 0.5;
}

.PC-form-checkbox-turnbar1 .checkbox:checked+.label::before {
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 100%;
	background-color: white;
	position: absolute;
	top: 50%;
	left: calc(100% - 2px);
	transform: translate(-100%, -50%);
}

/* ----通用按钮样式 */
.PC-general-btn1 {
	display: block;
	background-color: var(--pc-main1-dark1);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

.PC-general-btn1:hover {
	background-color: var(--pc-main1);
	color: white;
}

.PC-general-btn2 {
	display: block;
	background-color: var(--pc-main1-light4);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

.PC-general-btn2:hover {
	background-color: var(--pc-main1-light3);
	color: white;
}

.PC-general-btn3 {
	display: block;
	background-color: var(--pc-main1-light4);
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.5rem 1.5rem;
	border-radius: 10rem;
}

.PC-general-btn3:hover {
	background-color: var(--pc-main1-light3);
	color: white;
}

.PC-general-btn3-gray {
	display: block;
	background-color: darkgray;
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.5rem 1.5rem;
	border-radius: 10rem;
}

.PC-general-btn3-gray:hover {
	background-color: gray;
	color: white;
}

.PC-general-btn4 {
	display: block;
	color: var(--pc-main1-light2);
	font-size: 1.1rem;
	font-weight: bold;
}

.PC-general-btn4:hover {
	color: var(--pc-main1-light2);
}

.PC-general-btn5 {
	display: block;
	background-color: var(--bkst-main-blue-middle2);
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

.PC-general-btn5:hover {
	background-color: var(--bkst-main-blue-middle3);
	color: white;
}

.PC-general-btn6 {
	display: inline-block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
	background-color: white;
}

.PC-general-btn6:hover {
	border: 1px solid var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
	background-color: white;
}

.PC-general-btn7 {
	display: inline-block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	background-color: var(--bkst-main-blue-light2);
	color: white;
}

.PC-general-btn7:hover {
	background-color: var(--bkst-main-blue-light2);
	color: white;
}

.PC-general-btn8 {
	display: inline-block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--pc-main1);
	color: var(--pc-main1);
}

.PC-general-btn8:hover {
	border: 1px solid var(--pc-main1-light1);
	color: var(--pc-main1-light1);
}

.PC-general-btn9 {
	display: block;
	background-color: var(--pc-main1-dark1);
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

.PC-general-btn9:hover {
	background-color: var(--pc-main1);
	color: white;
}

.PC-general-btn10 {
	display: block;
	color: var(--pc-main1-dark1);
	font-size: 1.1rem;
	font-weight: bold;
}

.PC-general-btn10:hover {
	color: var(--pc-main1-dark1);
}

/* ----通用超链接样式 */
.general-linkbox1 {
	display: block;
	color: #333;
	font-weight: bold;
	font-size: 1.1rem;
	transition: all 0.1s ease-in-out;
	transform: translate(0, 0);
	position: relative;
}

.general-linkbox1:hover {
	color: #333;
	transform: translate(1.1rem, 0);
}

.general-linkbox1:hover:before {
	content: '';
	width: 0;
	height: 0;
	border: 0.5rem solid;
	border-color: transparent transparent transparent var(--pc-main1-dark1);
	position: absolute;
	top: 50%;
	left: -1.1rem;
	transform: translate(0, -50%);
}

.general-linkbox2 {
	display: inline;
	color: var(--pc-main1-dark1);
	font-size: 1rem;
	transition: all 0.1s ease-in-out;
}

.general-linkbox2:hover {
	color: var(--pc-main1);
	text-decoration: underline solid var(--pc-main1);
}

/* ----通用搜索栏样式 */
.general-searchbar1 {
	border: 1px solid #888;
	border-radius: 5rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	padding-left: 0.5rem;
}

.general-searchbar1 .general-searchbar-input {
	font-size: 12px;
	flex: 1;
}

.general-searchbar1 .general-searchbar-input::-webkit-input-placeholder {
	color: #aaa;
}

.general-searchbar1 .general-searchbar-input::-moz-placeholder {
	color: #aaa;
}

.general-searchbar1 .general-searchbar-input:-moz-placeholder {
	color: #aaa;
}

.general-searchbar1 .general-searchbar-button {
	background-color: #565656;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 50px;
	margin-right: -2px;
	flex-shrink: 0;
}

.general-searchbar1 .general-searchbar-button .button-imgbox {
	width: 18px;
	height: 18px;
	font-size: 0;
}

.general-searchbar2 {
	border: 1px solid var(--pc-main1);
	border-radius: 0.5rem;
	background-color: white;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.25rem 0.5rem;
}

@media screen and (min-width:992px) {
	.general-searchbar2 {
		padding: 0.5rem 1rem;
	}
}

.general-searchbar2 .general-searchbar-input {
	font-size: 0.85rem;
	flex: 1;
}

@media screen and (min-width:992px) {
	.general-searchbar2 .general-searchbar-input {
		font-size: 1rem;
		flex: 1;
	}
}

.general-searchbar2 .general-searchbar-input::-webkit-input-placeholder {
	color: #aaa;
}

.general-searchbar2 .general-searchbar-input::-moz-placeholder {
	color: #aaa;
}

.general-searchbar2 .general-searchbar-input:-moz-placeholder {
	color: #aaa;
}

.general-searchbar2 .general-searchbar-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	width: 26px;
	flex-shrink: 0;
}

.general-searchbar2 .general-searchbar-button .button-imgbox {
	width: 1.2rem;
	height: 1.2rem;
	font-size: 0;
}

.general-searchbar3 {
	border: 1px solid var(--pc-main1-light5);
	border-radius: 0.5rem;
	background-color: white;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.15rem 0.5rem;
}

.general-searchbar3 .general-searchbar-input {
	font-size: 0.9rem;
	flex: 1;
}

.general-searchbar3 .general-searchbar-input::-webkit-input-placeholder {
	color: #aaa;
}

.general-searchbar3 .general-searchbar-input::-moz-placeholder {
	color: #aaa;
}

.general-searchbar3 .general-searchbar-input:-moz-placeholder {
	color: #aaa;
}

.general-searchbar3 .general-searchbar-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	width: 26px;
	flex-shrink: 0;
}

.general-searchbar3 .general-searchbar-button .button-imgbox {
	width: 1.2rem;
	height: 1.2rem;
	font-size: 0;
}

.general-searchbar4 {
	border: 1px solid white;
	border-radius: 0.5rem;
	background-color: #ffffff33;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0.15rem 0.5rem;
}

.general-searchbar4 .general-searchbar-input {
	font-size: 0.9rem;
	flex: 1;
	color: white;
}

.general-searchbar4 .general-searchbar-input::-webkit-input-placeholder {
	color: #ffffff99;
}

.general-searchbar4 .general-searchbar-input::-moz-placeholder {
	color: #ffffff99;
}

.general-searchbar4 .general-searchbar-input:-moz-placeholder {
	color: #ffffff99;
}

.general-searchbar4 .general-searchbar-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	width: 26px;
	flex-shrink: 0;
}

.general-searchbar4 .general-searchbar-button .button-imgbox {
	width: 1.2rem;
	height: 1.2rem;
	font-size: 0;
}
.general-searchbar5 {
	border: 1px solid var(--pc-main1);
	border-radius: 5rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	padding-left: 0.5rem;
}

.general-searchbar5 .general-searchbar-input {
	font-size: 0.85rem;
	flex: 1;
}

.general-searchbar5 .general-searchbar-input::-webkit-input-placeholder {
	color: #aaa;
}

.general-searchbar5 .general-searchbar-input::-moz-placeholder {
	color: #aaa;
}

.general-searchbar5 .general-searchbar-input:-moz-placeholder {
	color: #aaa;
}

.general-searchbar5 .general-searchbar-button {
	background-color: var(--pc-main1);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%; 
	width: 45px;
	margin-right: -2px;
	flex-shrink: 0;
}

.general-searchbar5 .general-searchbar-button .button-imgbox {
	width: 18px;
	height: 18px;
	font-size: 0;
}
.general-searchbar6 {
	border: 1px solid white;
	border-radius: 5rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	padding-left: 0.5rem;
	background-color: #ffffff33;
}

.general-searchbar6 .general-searchbar-input {
	font-size: 0.9rem;
	flex: 1;
	color: white
}

.general-searchbar6 .general-searchbar-input::-webkit-input-placeholder {
	color: #ddd;
}

.general-searchbar6 .general-searchbar-input::-moz-placeholder {
	color: #ddd;
}

.general-searchbar6 .general-searchbar-input:-moz-placeholder {
	color: #ddd;
}

.general-searchbar6 .general-searchbar-button {
	/* background-color: white; */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%; 
	width: 50px;
	margin-right: -2px;
	flex-shrink: 0;
}

.general-searchbar6 .general-searchbar-button .button-imgbox {
	width: 18px;
	height: 18px;
	font-size: 0;
}
/* 通用面包屑路径导航 */
.general-breadcrumb1 {
	display: flex;
	font-size: 0.8rem;
	color: #666666;
}

.general-breadcrumb1 .text1,
.general-breadcrumb1 .text2,
.general-breadcrumb1 .text3 {
	padding: 0 0.25rem;
}

.general-breadcrumb1 .link1 {
	color: #888888;
}

.general-breadcrumb1 .link1:hover {
	color: #aaaaaa;
}

.general-breadcrumb2 {
	display: block;
	font-size: 1rem;
	color: #666;
}

.general-breadcrumb2 .text1,
.general-breadcrumb2 .text2,
.general-breadcrumb2 .text3 {
	display: inline-block;
	padding: 0 0.25rem;
}

.general-breadcrumb2 .link1 {
	display: inline-block;
	color: var(--pc-main1);
}

.general-breadcrumb2 .link1:hover {
	color: var(--pc-main1-light2);
}

/* ----滚动盒子容器样式 */
.scroll-box1 {
	overflow: auto;
	height: 100%;
}

/* ----添加顶部分割线 */
.top-line-style1+.top-line-style1 {
	border-top: 1px solid #eee;
}

.top-line-style2+.top-line-style2 {
	border-top: 1px solid #f8f8f8;
}

/* ----通用边线样式 */
.PC-border-style1 {
	border: 1px solid white;
}

/* 通用分割线组件 */
.PC-general-CuttingLine1 {
	height: 1px;
	border-top: 1px solid #eeeeee;
}

.PC-general-CuttingLine2 {
	height: 1px;
	border-top: 1px dashed #eeeeee;
}

/* 通用区域块状分割线组件 */
/* ↓各校可能不同的样式-通用↓ */
.PC-general-breakline1-TONGYONG {
	height: 80px;
	background-image: url(../img/TONGYONG/breakline2.png);
	background-position: top left;
	background-size: 529px 100%;
	background-repeat: repeat-x;
	opacity: 0.1;
}

.PC-general-breakline2-TONGYONG {
	height: 80px;
	background-image: url(../img/TONGYONG/breakline1.png);
	background-position: top left;
	background-size: 529px 100%;
	background-repeat: repeat-x;
	opacity: 0.1;
}

/* ↑各校可能不同的样式-通用↑ */
/* ↓各校可能不同的样式-广西医科↓ */
.PC-general-breakline1-GUANGXIYIKE {
	height: 80px;
	background-image: url(../img/GUANGXIYIKE/breakline2.png);
	background-position: top left;
	background-size: 529px 100%;
	background-repeat: repeat-x;
	opacity: 0.1;
}

/* ↑各校可能不同的样式-广西医科↑ */
/* ----通用列表样式 */
/* ------list7样式相关 */
.list7 {
	display: block;
	background-color: white;
	position: relative;
	margin-bottom: 0.25rem;
}

.list7-head {
	width: 100%;
	display: flex;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	align-items: center;
}

a.list7-head:active {
	background-color: rgba(0, 0, 0, 0.03);
}

.list7-h-img-fth {
	display: block;
	width: calc(45vw - 2rem);
	height: calc(35vw - 2rem);
	padding: 0.5rem;
}

.list7-h-img-fth.size1 {
	display: block;
	width: 160px;
	height: 120px;
	padding: 0.5rem;
}

.list7-h-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.list7-h-text-fth {
	display: block;
	flex: 1;
	padding: 0.5rem 0.5rem 0.5rem 0;
}

.list7-h-text-title {
	color: black;
}

.list7-h-text {
	margin-top: 0.25rem;
	color: darkgray;
	font-weight: 300;
	font-size: 14px;
}

.list7-h-state {
	margin-top: 0.15rem;
	text-align: right;
}

.list7-h-state .tag {
	font-size: 12px;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	display: inline-block;
	background-color: var(--weui-FG-main);
	color: white;
	font-weight: bold;
}

.list7-foot {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.list7-f-btngroup {
	display: flex;
}

.list7-foot::before {
	content: "";
	background-color: #f9f9f9;
	height: 1px;
	width: 100%;
	position: absolute;
}

.list7-f-btngroup a {
	flex: 1;
	text-align: center;
	color: var(--weui-FG-main);
	padding: 0.25rem;
}

.list7-f-btngroup a:first-child {
	border-bottom-left-radius: inherit;
}

.list7-f-btngroup a:last-child {
	border-bottom-right-radius: inherit;
}

.list7-f-btngroup a+a {
	border-left: 1px solid #f9f9f9;
}

.list7-f-btngroup a:active {
	background-color: rgba(0, 0, 0, 0.03);
}

/* ------PC列表样式1 */
.general-PClist-box1 {
	display: flex;
	flex-direction: column;
}

.general-PClist-box1 .PClist-item {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 0.5rem;
}

.general-PClist-box1 .PClist-item:hover {
	background-color: #f8f8f8;
}

.general-PClist-box1 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box1 .PClist-item .list-date {
	flex-shrink: 0;
	text-align: center;
	background-color: var(--pc-main1);
	border-radius: 0.5rem;
	padding: 0.1rem 0.5rem;
	font-size: 1rem;
	color: white;
	margin-right: 0.5rem;
}

.general-PClist-box1 .PClist-item .list-text {
	flex: 1;
}

.general-PClist-box1 .PClist-item .list-text .text {
	color: black;
	font-size: 1rem;
}

.general-PClist-box1 .PClist-item .list-date2 {
	flex-shrink: 0;
	color: var(--pc-main1);
	font-size: 1rem;
	font-weight: bold;
	margin-left: 0.5rem;
}

/* ------PC列表样式2 */
.general-PClist-box2 {}

.general-PClist-box2 .PClist-item {
	display: flex;
	align-items: center;
	padding: 0.75rem;
}

.general-PClist-box2 .PClist-item:hover {
	background-color: #f8f8f8;
}

.general-PClist-box2 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box2 .PClist-item .list-date {
	flex-shrink: 0;
	text-align: center;
	font-size: 1rem;
	color: var(--pc-main1-dark1);
	font-weight: bold;
	margin-left: 0.5rem;
}

.general-PClist-box2 .PClist-item .list-text {
	flex: 1;

}

.general-PClist-box2 .PClist-item .list-text .text {
	color: dimgray;
	font-size: 1rem;
}

/* ------PC列表样式3 */
.general-PClist-box3 {}

.general-PClist-box3 .PClist-item {
	display: flex;
	align-items: center;
	padding: 0.5rem;
}

.general-PClist-box3 .PClist-item:hover {
	background-color: #f8f8f8;
}

.general-PClist-box3 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box3 .PClist-item .img-box {
	flex-shrink: 0;
	width: 10rem;
	height: 5.5rem;
	margin-right: 0.5rem;
}

.general-PClist-box3 .PClist-item .text-box {
	flex: 1;
}

.general-PClist-box3 .PClist-item .text-box .text1 {
	color: black;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.general-PClist-box3 .PClist-item .text-box .text2 {
	color: gray;
	font-size: 0.9rem;
	margin-bottom: 0.5rem;
}

.general-PClist-box3 .PClist-item .text-box .text3 {
	color: darkgray;
	font-size: 0.9rem;
}

.general-PClist-box3 .PClist-item .text-box .text4 {
	color: darkgray;
	font-size: 0.9rem;
	text-align: right;
}

/* ------PC列表样式4 */
.general-PClist-box4 {
	padding: 0.5rem;
}

.general-PClist-box4 .PClist-item {
	display: block;
	align-items: center;
}

.general-PClist-box4 .PClist-item+.PClist-item {
	margin-top: 0.5rem;
}

.general-PClist-box4 .PClist-item .list-content-box .text1 {
	color: dimgray;
	font-size: 1rem;
	display: inline;
}

.general-PClist-box4 .PClist-item .list-content-box .text2 {
	color: var(--pc-main1);
	font-weight: bold;
	font-size: 1rem;
	display: inline;
}

/* ------PC列表样式5 */
.general-PClist-box5 {
	padding-top: 0.5rem;
	width: 100%;
}

.general-PClist-box5 .PClist-item {
	display: block;
}

.general-PClist-box5 .PClist-item+.PClist-item {
	margin-top: 0.5rem;
	width: 100%;
}

.general-PClist-box5 .PClist-item .list-content-box {
	width: 100%;
	display: flex;
	align-items: center;
}

.general-PClist-box5 .PClist-item .list-content-box .text1 {
	flex: 5;
	color: var(--bkst-main-blue-dark2);
	font-weight: bold;
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

.general-PClist-box5 .PClist-item .list-content-box .text2 {
	flex-shrink: 0;
	margin: 0 0.5rem;
	color: dimgray;
	font-size: 0.9rem;
	display: block;
}

.general-PClist-box5 .PClist-item .list-content-box .text3 {
	flex: 2;
	color: #ff8170;
	;
	font-weight: bold;
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

/* ------PC列表样式6 */
.general-PClist-box6 {
	padding-top: 0.5rem;
	width: 100%;
}

.general-PClist-box6 .PClist-item {
	display: block;
}

.general-PClist-box6 .PClist-item+.PClist-item {
	margin-top: 0.5rem;
	width: 100%;
}

.general-PClist-box6 .PClist-item .list-content-box {
	width: 100%;
	display: flex;
	align-items: center;
}

.general-PClist-box6 .PClist-item .list-content-box .text1 {
	flex: 2;
	color: #ff9d00;
	font-weight: bold;
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

.general-PClist-box6 .PClist-item .list-content-box .text2 {
	flex: 4;
	margin: 0 0.5rem;
	color: dimgray;
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

.general-PClist-box6 .PClist-item .list-content-box .data-bar-box {
	flex: 3;

}

.general-PClist-box6 .PClist-item .list-content-box .text3 {
	flex: 2;
	color: var(--bkst-main-blue-dark2);
	font-weight: bold;
	font-size: 0.9rem;
	display: block;
	text-align: center;
}

/* ------PC列表样式7 */
.general-PClist-box7 {
	display: flex;
	flex-direction: column;
}

.general-PClist-box7 .PClist-item {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
	border: 1px solid var(--pc-main1-light6);
	border-radius: 0.5rem;
	margin: 0.25rem;
}

.general-PClist-box7 .PClist-item:hover {
	background-color: #f8f8f8;
}

.general-PClist-box7 .PClist-item+.PClist-item {
	/* border-top: 1px dashed rgba(0, 0, 0, .125); */
}

.general-PClist-box7 .PClist-item .list-point {
	flex-shrink: 0;
	background-color: var(--pc-main1);
	width: 1rem;
	height: 1rem;
	border-radius: 0 0.5rem 0 0.5rem;
	margin-right: 0.5rem;
}

.general-PClist-box7 .PClist-item .list-text {
	flex: 1;
}

.general-PClist-box7 .PClist-item .list-text .text {
	color: black;
	font-size: 1rem;
}

/* PC通用列表盒子1*/
.general-PCbox1 {
	padding: 0.5rem;
}

.general-PCbox1 .general-PCbox-content {
	padding: 1rem 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.general-PCbox1 .general-PCbox-content:hover {
	background-color: #f8f8f8;
}

.general-PCbox1 .general-PCbox-content .img-box1 {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden;
}

.general-PCbox1 .general-PCbox-content .text1 {
	color: black;
	font-size: 1rem;
	text-align: center;
}

/* PC通用列表盒子2*/
.general-PCbox2 {
	border: 1px solid var(--bkst-main-blue-light4);
	border-radius: 0.25rem;
	margin-bottom: 0.5rem;
}

.general-PCbox2 .general-PCbox-head {
	padding: 0.75rem;
	background-color: var(--bkst-main-blue-light5);
	display: flex;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-checkbox {
	padding: 0.3rem 0;
	margin-right: 0.5rem;
	display: flex;
	align-items: flex-start;
	flex-shrink: 0;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-textbox {
	display: block;
	flex: 1;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-textbox .PCbox-item1 {
	display: inline-block;
	padding: 0.1rem 0.5rem;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-textbox .PCbox-item1 .PCbox-item-content {
	display: flex;
	align-items: flex-start;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-textbox .PCbox-item1 .PCbox-item-content .text1 {
	flex-shrink: 0;
	font-size: 0.9rem;
	color: gray;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-textbox .PCbox-item1 .PCbox-item-content .text2 {
	flex: 1;
	font-size: 0.9rem;
	color: black;
}

.general-PCbox2 .general-PCbox-head .PCbox-head-btnbox {
	margin-left: 0.25rem;
	padding: 0.25rem 0;
	display: flex;
	align-items: flex-start;
	flex-shrink: 0;
}

.general-PCbox2 .general-PCbox-content {
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	background-color: white;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-textbox {
	padding: 0.5rem 0.5rem;
	display: block;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-textbox .PCbox-item1 {
	display: block;
	padding: 0.1rem 0.25rem;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-textbox .PCbox-item1 .PCbox-item-content {
	display: block;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-textbox .PCbox-item1 .PCbox-item-content .text1 {
	/* flex-shrink: 0; */
	font-size: 0.9rem;
	color: gray;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-textbox .PCbox-item1 .PCbox-item-content .text2 {
	/* flex: 1; */
	font-size: 0.9rem;
	color: black;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-progressbox {
	padding: 0.5rem 1rem;
	display: block;
}

.general-PCbox2 .general-PCbox-content .PCbox-content-btnbox {
	padding: 0.5rem 0;
	flex-shrink: 0;
}

/* PC通用列表盒子3*/
.general-PCbox3 {
	display: block;
	background-color: var(--pc-main1);
	padding: 0.25rem;
	border-radius: 0.5rem;
	overflow: hidden;
}

.general-PCbox3 .general-PCbox-content {
	padding: 0.5rem 0.25rem;
	border: 1px solid white;
	border-radius: 0.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.general-PCbox3 .general-PCbox-content .img-box1 {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
}

.general-PCbox3 .general-PCbox-content .text1 {
	color: white;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
}

/* ----通用浮窗样式 */
.fixed-window1-fth {
	position: fixed;
	top: 3rem;
	left: 50%;
	z-index: 3;
	transform: translate(-50%, 0);
}

.fixed-window1-fth .fixed-window1-box {
	width: 80vw;
	max-width: 600px;
}

/* ----通用弹窗样式 */
/* ------弹窗盒子 */
.PC-popup-fth1 {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 11;
	background-color: #00000033;
}

/* ------弹窗1 */
.PC-popup-box1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.PC-popup-box1 .PC-popup-window {
	background-color: white;
	width: 80vw;
	height: auto;
	max-width: 400px;
	max-height: 600px;
	border-radius: 0.5rem;
	overflow: hidden;
}

.PC-popup-box1 .PC-popup-window .PC-popup-header {
	display: flex;
	align-items: center;
}

.PC-popup-box1 .PC-popup-window .PC-popup-header .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}

.PC-popup-box1 .PC-popup-window .PC-popup-header .close-btn {
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}

.PC-popup-box1 .PC-popup-window .PC-popup-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.PC-popup-box1 .PC-popup-window .PC-popup-content .img-box1 {
	width: 60%;
	max-width: 240px;
	height: auto;
}

.PC-popup-box1 .PC-popup-window .PC-popup-content .text-box1 {
	color: gray;
	font-size: 1rem;
	padding: 0.25rem;
}

.PC-popup-box1 .PC-popup-window .PC-popup-footer {
	display: flex;
	flex-direction: row-reverse;
	align-self: center;
	justify-content: right;
	padding: 0.5rem;
}

.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer+.btn-footer {
	margin-right: 0.5rem;
}

.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer-main {
	background-color: var(--pc-main1);
	color: white;
}

.PC-popup-box1 .PC-popup-window .PC-popup-footer .btn-footer-other {
	color: var(--pc-main1);
}

/* ------弹窗2 */
.PC-popup-box2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.PC-popup-box2 .PC-popup-window {
	background-color: white;
	width: 80vw;
	height: auto;
	max-width: 500px;
	max-height: 600px;
	border-radius: 0.5rem;
	overflow: hidden;
}

.PC-popup-box2 .PC-popup-window .PC-popup-header {
	display: flex;
	align-items: center;
}

.PC-popup-box2 .PC-popup-window .PC-popup-header .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}

.PC-popup-box2 .PC-popup-window .PC-popup-header .close-btn {
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content {
	display: flex;
	align-items: center;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option-fth {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0.65;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option:hover {
	opacity: 1;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .img-box1 {
	width: 150px;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--pc-main1-light3);
	border-radius: 1rem;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .img-box1 .img {
	width: 100px;
	height: 100px;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .img-box1 .text {
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
}

.PC-popup-box2 .PC-popup-window .PC-popup-content .select-option .text-box1 {
	color: dimgray;
	font-size: 1rem;
	padding: 0.25rem;
}

.PC-popup-box2 .PC-popup-window .PC-popup-footer {
	display: flex;
	flex-direction: row-reverse;
	align-self: center;
	justify-content: right;
	padding: 0.5rem;
}

.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
}

.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer+.btn-footer {
	margin-right: 0.5rem;
}

.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer-main {
	background-color: var(--pc-main1);
	color: white;
}

.PC-popup-box2 .PC-popup-window .PC-popup-footer .btn-footer-other {
	color: var(--pc-main1);
}

/* ------弹窗3 */
.PC-popup-box3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.PC-popup-box3 .PC-popup-window {
	background-color: white;
	width: calc(100vw - 2rem);
	height: calc(100vh - 2rem);
	border-radius: 0.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.PC-popup-box3 .PC-popup-window .PC-popup-header {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.PC-popup-box3 .PC-popup-window .PC-popup-header .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}

.PC-popup-box3 .PC-popup-window .PC-popup-header .close-btn {
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}

.PC-popup-box3 .PC-popup-window .PC-popup-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.PC-popup-box3 .PC-popup-window .PC-popup-content .img-box1 {
	width: 100%;
	height: 100%;
	padding: 0 1rem;
}

.PC-popup-box3 .PC-popup-window .PC-popup-content .img-box1 .img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer {
	flex-shrink: 0;
	display: flex;
	flex-direction: row-reverse;
	align-self: center;
	justify-content: right;
	padding: 0.5rem;
	width: calc(100% - 1rem);
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .btn-footer+.btn-footer {
	margin-right: 1rem;
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .btn-footer-main {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	border-radius: 0.5rem;
	background-color: var(--pc-main1);
	color: white;
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .btn-footer-other {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 1rem;
	color: var(--pc-main1);
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .checkbox-fth1 {
	display: flex;
	align-items: center;
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .checkbox-fth1 .label {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.2rem 0.25rem;
	color: #ccc;
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .checkbox-fth1 .label::before {
	content: '';
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	background-color: white;
	border: 3px #ccc solid;
	vertical-align: middle;
	margin-right: 0.25rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: background ease-in 0.1s;
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .checkbox-fth1 .checkbox:checked+.label {
	color: var(--pc-main1-light4);
}

.PC-popup-box3 .PC-popup-window .PC-popup-footer .checkbox-fth1 .checkbox:checked+.label::before {
	background-color: var(--pc-main1-light4);
	border: 3px var(--pc-main1-light6) solid;
}

/* ------弹窗4 */
.PC-popup-box4 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.PC-popup-box4 .PC-popup-window {
	background-color: white;
	width: 90vw;
	height: 90vh;
	border-radius: 0.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.PC-popup-box4 .PC-popup-window .PC-popup-header {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.PC-popup-box4 .PC-popup-window .PC-popup-header .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}

.PC-popup-box4 .PC-popup-window .PC-popup-header .close-btn {
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}

.PC-popup-box4 .PC-popup-window .PC-popup-content {
	flex: 1;
	padding: 0.25rem;
}

/* ------弹窗5 */
.PC-popup-box5 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.PC-popup-box5 .PC-popup-window {
	background-color: white;
	width: 90vw;
	height: auto;
	max-height: 80vh;
	max-width: 400px;
	border-radius: 0.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.PC-popup-box5 .PC-popup-window .PC-popup-header {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.PC-popup-box5 .PC-popup-window .PC-popup-header .title {
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 0.5rem 1rem;
	flex: 1;
}

.PC-popup-box5 .PC-popup-window .PC-popup-header .close-btn {
	flex-shrink: 0;
	margin: 0.5rem 1rem;
	font-size: 0;
	width: 1.2rem;
	height: 1.2rem;
}

.PC-popup-box5 .PC-popup-window .PC-popup-content {
	flex: 1;
	padding: 0.25rem;
	overflow-y: auto;
	overflow-x: hidden;
}

/* ----通用大标题样式 */
.general-largetitle-style1 {
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 0.25rem;
}

/* ----通用标题样式 */
.general-PCtitle1 {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.5rem;
	border-bottom: 1px solid gainsboro;
}

.general-PCtitle1 .title-content {
	flex: 1;
	display: flex;
	align-items: center;
}

.general-PCtitle1 .title-content .title-front {
	background-color: var(--pc-main1-dark1);
	width: 0.42rem;
	height: 1.42rem;
	border-radius: 1rem;
	margin-right: 0.25rem;
}

.general-PCtitle1 .title-content .title-text {
	font-size: 1.3rem;
	color: var(--pc-main1-dark1);
	font-weight: bold;
}

.general-PCtitle1 .title-link {
	text-decoration: none;
	color: darkgray;
	font-size: 0.85rem;
}

.general-PCtitle2 {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.5rem;
	margin-bottom: 0.25rem;
}

.general-PCtitle2 .title-content {
	flex: 1;
	display: flex;
	align-items: center;
}

.general-PCtitle2 .title-content .title-text {
	font-size: 1.3rem;
	color: var(--pc-main1-dark1);
	font-weight: bold;
}

.general-PCtitle2 .title-link {
	text-decoration: none;
	color: var(--pc-main1-dark1);
	font-size: 0.9rem;
}

.general-PCtitle3 {
	display: flex;
	align-items: center;
	padding: 0.25rem 0;
}

.general-PCtitle3 .title-text {
	font-size: 1rem;
	color: black;
	font-weight: bold;
}

.general-PCtitle3 .title-btn1 {
	display: block;
	margin: 0 0.25rem;
	font-size: 0.9rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
}

.general-PCtitle3 .title-btn2 {
	display: block;
	margin: 0 0.25rem;
	font-size: 0.9rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	color: white;
	background-color: var(--bkst-main-blue-light2);
}

/* ----通用小标题样式 */
.PC-general-littletitle1 {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: bold;
	color: var(--pc-main1-dark1);
}

/* 通用固定页面相对位置 */
.position-box1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* 通用文本框 */
.PC-general-textbox1 {
	background-color: #f8f8f8;
	color: black;
}

.PC-general-textbox1 p {
	margin-bottom: 0.5rem;
}

.PC-general-textbox1 .c-blod {
	font-weight: bold;
}

.PC-general-textbox1 .c-0d8rem {
	font-size: 0.8rem;
}

.PC-general-textbox1 .c-0d9rem {
	font-size: 0.9rem;
}

.PC-general-textbox1 .c-1rem {
	font-size: 1rem;
}

.PC-general-textbox1 .c-1d1rem {
	font-size: 1.1rem;
}

.PC-general-textbox1 .c-1d2rem {
	font-size: 1.2rem;
}

.PC-general-textbox1 .c-1d3rem {
	font-size: 1.3rem;
}

/* ----通用菜单导航样式 */
/* 一、———— */
.PC-nav-tab1-fth1 {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
}

.PC-nav-tab1-fth1 .PC-nav-tab1 {
	text-align: center;
}

/* PC-nav-tab1-fth2已占用，后面从PC-nav-tab1-fth3开始 */
.PC-nav-tab1 {
	color: var(--pc-main1-dark1);
	margin: 3px 0;
	padding: 3px 1.2rem;
	font-size: 1.1rem;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.PC-nav-tab1:hover {
	color: var(--pc-main1-dark1);
}

.PC-nav-tab1::after {
	content: "";
	background-color: var(--pc-main1-light3);
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;
}

.PC-nav-tab1.active {
	font-size: 1.25rem;
	font-weight: bold;
}

.PC-nav-tab1.active::after {
	width: 50%;
}

/* 二、———— */
.PC-nav-tab1-fth2 {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
}

.PC-nav-tab1-fth2 .PC-nav-tab2 {
	flex: 1;
	text-align: center;
}

/* 以上命名编号问题，后面从PC-nav-tab2-fth1开始 */
.PC-nav-tab2 {
	color: var(--pc-main1-dark1);
	margin: 0 0;
	padding: 3px 0;
	font-size: 1.1rem;
	position: relative;
	transition: all 0.3s ease-in-out;
}

.PC-nav-tab2:hover {
	color: var(--pc-main1-dark1);
}

.PC-nav-tab2::after {
	content: "";
	background-color: var(--pc-main1-light3);
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	border-radius: 1rem;
	transition: all 0.3s ease-in-out;
}

.PC-nav-tab2.active {
	font-size: 1.25rem;
	font-weight: bold;
}

.PC-nav-tab2.active::after {
	width: 50%;
}

/* 三、———— */
.PC-nav-tab3-fth1 {
	display: flex;
	/* border-bottom: 2px solid #dddddd; */
}

.PC-nav-tab3-fth1 .PC-nav-tab3 {
	text-align: center;
	margin-right: 5px;
}

/*后面从PC-nav-tab3-fth2开始 */
.PC-nav-tab3 {
	color: black;
	padding: 0.5rem 1.5rem;
	border-top: 1px solid var(--bkst-main-blue-gray3);
	border-left: 1px solid var(--bkst-main-blue-gray3);
	border-right: 1px solid var(--bkst-main-blue-gray3);
	background-color: var(--bkst-main-blue-gray2);
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	font-size: 1rem;
	transition: all 0.2s ease-in-out;
}

.PC-nav-tab3:hover {
	color: var(--bkst-main-blue-gray4);
}

.PC-nav-tab3.active {
	color: var(--bkst-main-blue-gray4);
	background-color: white;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	font-weight: bold;
}

/* 四、———— */
.PC-nav-tab4-fth1 {
	display: flex;
	align-items: flex-end;
	min-height: 2.8rem;
	padding: 0 1rem;
}

.PC-nav-tab4-fth1 .PC-nav-tab4 {
	text-align: center;
}

/* 后面从PC-nav-tab4-fth2开始 */
.PC-nav-tab4 {
	min-width: 8rem;
	color: black;
	margin: 3px 0;
	padding: 3px 1.2rem;
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.PC-nav-tab4:hover {
	color: black;
}

.PC-nav-tab4::after {
	content: "";
	background-color: var(--pc-main1-light1);
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%, 0);
	border-radius: 1rem;
	transition: all 0.2s ease-in-out;
}

.PC-nav-tab4.active {
	color: var(--pc-main1-dark1);
	font-size: 1.3rem;
	font-weight: bold;
}

.PC-nav-tab4.active::after {
	width: 100%;
}

/* 适配swiper短版 */
.PC-nav-tab4-swipershort1 {
	display: block;
	color: #333;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 3px 0;
	padding: 0 1rem;
	font-size: 1.2rem;
	font-weight: bold;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.PC-nav-tab4-swipershort1:hover {
	color: #333;
}

.PC-nav-tab4-swipershort1::after {
	content: "";
	background-color: var(--pc-main1-light1);
	width: 0;
	height: 3px;
	position: absolute;
	left: 50%;
	bottom: -0.2rem;
	transform: translate(-50%, 0);
	border-radius: 1rem;
	transition: all 0.2s ease-in-out;
}

.PC-nav-tab4-swipershort1.active {
	color: var(--pc-main1-dark1);
	font-size: 1.3rem;
	font-weight: bold;
}

.PC-nav-tab4-swipershort1.active::after {
	width: 90%;
}

/*——————————iframe响应样式—————————— */
.iframe-container {
	overflow: hidden;
	position: relative;
}

.iframe-container iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* ——————————轮播图—————————— */
/* 初始设置 */
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	--swiper-pagination-color: var(--pc-main1);
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 移动端样式 */
.swiper-style0 .swiper-slide {
	width: auto;
	height: auto;
}

.swiper-container.swiper-style1 {
	border-radius: 10px;
}

.swiper-container.swiper-style1>.swiper-pagination {
	bottom: 0px;
	left: 0;
	width: 100%;
}

.swiper-style2 .swiper-slide {
	display: block;
}

.swiper-style3 {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.swiper-style3 .swiper-wrapper {
	height: 2.5rem;
}

.swiper-style4 {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.swiper-style4 .swiper-slide {
	display: block;
	text-align: left;
}

.swiper-style5 .swiper-slide img {
	width: 100%;
	height: 40vw;
	object-fit: cover;
}

.swiper-style6 .swiper-slide {
	background-color: black;
}

.swiper-style6 .swiper-slide img {
	width: 100%;
}

.swiper-style6 .swiper-pagination {
	color: white;
}

/* swiper PC端样式 */
.swiper-PC-style1 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 8px;
	opacity: 0.5;
	background-color: white;
	transition: all ease-in-out 0.3s;
}

.swiper-PC-style1 .swiper-pagination-bullet-active {
	width: 30px;
	opacity: 1;
	background-color: white;
}

.swiper-container.swiper-PC-style2 {
	padding-bottom: calc(10px + 10px + 0.25rem);
}

.swiper-container-horizontal.swiper-PC-style2>.swiper-pagination-bullets {
	position: absolute;
	bottom: 0;
}

.swiper-PC-style2 .swiper-pagination-bullet {
	width: 16px;
	height: 10px;
	border-radius: 8px;
	opacity: 0.5;
	background-color: var(--pc-main1);
	transition: all ease-in-out 0.3s;
}

.swiper-PC-style2 .swiper-pagination-bullet-active {
	width: 50px;
	opacity: 1;
	background-color: var(--pc-main1);
}

/* ==========工会后台管理系统 ==========*/
/* ——————————后台管理框架页面—————————— */
/*--顶部栏 */
.backstage-titlebox {
	background-color: white;
	height: 50px;
	display: flex;
	align-items: center;
}

.backstage-titlebox .titlebox-showmenu {
	width: 36px;
	height: 36px;
	font-size: 0;
	margin: 0 0.25rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.backstage-titlebox .titlebox-showmenu.show {
	transform: rotate(540deg);
}

.backstage-titlebox .titlebox-logo {
	height: 100%;
	padding: 0 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.backstage-titlebox .titlebox-logo .logo {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin-right: 0.25rem;
}

.backstage-titlebox .titlebox-logo .text {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.backstage-titlebox .titlebox-link {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	flex-shrink: 0;
}

.backstage-titlebox .titlebox-link .link-text {
	padding: 0 16px;
	color: #565656;
}

.backstage-titlebox .titlebox-searchbar {
	height: 30px;
	width: 260px;
	flex-shrink: 0;
}

.backstage-titlebox .titlebox-icon {
	width: 18px;
	height: 18px;
	font-size: 0;
	margin: 0 1rem;
	flex-shrink: 0;
	cursor: pointer;
}

.backstage-titlebox .titlebox-textbox1 {
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
}

.backstage-titlebox .titlebox-textbox1 .img-box {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}

.backstage-titlebox .titlebox-textbox1 .text1 {
	margin-left: 0.25rem;
	color: #565656;
}

.backstage-titlebox .titlebox-date {
	font-size: 14px;
	color: #888;
	padding: 0 1rem;
}

.backstage-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
}

.backstage-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.backstage-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.backstage-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #565656;
	font-size: 14px;
}

.backstage-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: 0;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;

}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 14px;
}

.backstage-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/*--左侧栏 */
.backstage-left-sidebar {
	background-color: var(--bkst-main-blue-light1);
	width: 240px;
	margin-left: -240px;
	transition: all ease-in 0.3s;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.backstage-left-sidebar.show {
	margin-left: 0px;
}

.accordion-menu-list1 .accordion-menu1 {
	background-color: #ffffff66;
}

.accordion-menu-list1 .accordion-menu1 .menu-title {
	background-image: linear-gradient(to right, var(--bkst-main-blue-dark1), var(--bkst-main-blue-light2));
	padding: 0.25rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #ffffffaa;
	border-bottom: 1px solid #ffffffaa;
	transition: all ease-in 0.3s;
	cursor: pointer;
}

.accordion-menu-list1 .accordion-menu1 .menu-title.active {
	background-image: linear-gradient(to right, var(--bkst-main-blue-dark2), var(--bkst-main-blue-light3));
	/* 方案二 */
}

.accordion-menu-list1 .accordion-menu1 .menu-title .menu-title-icon {
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	font-size: 0;
}

.accordion-menu-list1 .accordion-menu1 .menu-title .menu-title-text {
	color: #ffffff;
	font-size: 16px;
	flex: 1;
}

.accordion-menu-list1 .accordion-menu1 .menu-title .menu-title-arrow {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	font-size: 0;
	transform: rotate(90deg);
	transition: all ease-in 0.3s;
}

.accordion-menu-list1 .accordion-menu1 .menu-title.active .menu-title-arrow {
	transform: rotate(-90deg);
}

.accordion-menu-list1 .accordion-menu1 .menu-content {
	overflow: hidden;
	transition: all ease-in 0.3s;
	max-height: 0;
}

.accordion-menu-list1 .accordion-menu1 .menu-content .menu-content-item {
	padding: 0.3rem;

	color: #00000099;
	/* 方案二 */
	/* color: #ffffff; */
	/* 方案三 */
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}

.accordion-menu-list1 .accordion-menu1 .menu-content .menu-content-item.active {
	color: var(--bkst-main-blue-dark2);
	font-weight: bold;
}

.accordion-menu-list1 .accordion-menu1 .menu-content .menu-content-item:hover {
	background-color: #ffffff66;
}

.left-sidebar-link {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.25rem;
}

.left-sidebar-link .link-text {
	display: block;
	text-align: center;
	color: black;
	font-size: 14px;
}

.left-sidebar-link .link-text:hover {
	color: white;
}

/* ——————————后台管理右下子页面—————————— */
/*--首页桌面 */
/*----版块卡片 */
.card-box1-pc {
	display: block;
	background-color: white;
	border-radius: 0.3rem;
	padding: 0.75rem;
	padding-top: 0.25rem;
	transition: all 0.3s;
}

.card-box1-pc:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
}

.card-box1-pc.no-hover:hover {
	transform: translateY(0px);
	box-shadow: none;
}

.card-box1-pc .card-box1-pc-title {
	font-size: 16px;
	font-weight: bold;
	padding: 0.5rem 0;
	border-bottom: 1px dashed gainsboro;
	display: flex;
	align-items: center;

}

.card-box1-pc .card-box1-pc-title .title-after {
	flex: 1;
	color: gray;
	font-weight: normal;
	font-size: 14px;
	text-align: right;
}

.card-box1-pc .card-box1-pc-content {
	height: auto;
	padding-top: 0.5rem;
}

.card-box1-pc .card-box1-pc-content1 {
	height: 200px;
	padding-top: 0.5rem;
}

.card-box1-pc .card-box1-pc-content2 {
	height: 240px;
	padding-top: 0.5rem;
}

.card-box3-pc {
	display: block;
	background-color: white;
	border-radius: 0.3rem;
	padding: 0.75rem;
	padding-top: 0.25rem;
}

.card-box3-pc .card-box3-pc-title {
	font-size: 16px;
	font-weight: bold;
	padding: 0.5rem 0;
	border-bottom: 1px dashed gainsboro;
	display: flex;
	align-items: center;

}

.card-box3-pc .card-box3-pc-title .title-after {
	flex: 1;
	color: gray;
	font-weight: normal;
	font-size: 14px;
	text-align: right;
}

.card-box3-pc .card-box3-pc-content {
	height: 300px;
	padding-top: 0.5rem;
}

/* 鼠标悬停向上浮动 */
.hover-style1 {
	transition: all ease-in 0.3s;
}

.hover-style1:hover {
	transform: translateY(-6px);
}

/*----数据卡片 */
.card-box2-pc {
	display: block;
	background-color: darkgray;
	padding: 0.5rem 1rem;
	transition: all 0.3s;
	position: relative;
}

.card-box2-pc:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
}

.data-card-pc-box1 {
	display: flex;
	align-items: center;
}

.data-card-pc-box1 .data-card-img-box {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	overflow: hidden;
	background-color: #22222233;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.5rem;
}

.data-card-pc-box1 .data-card-img-box .img {
	width: 80%;
	height: 80%;
	object-fit: cover;
}

.data-card-pc-box1 .data-card-text-box {
	flex: 1;
}

.data-card-pc-box1 .data-card-text-box .text-line1 {
	color: white;
	font-size: 14px;
}

.data-card-pc-box1 .data-card-text-box .text-line2 {
	color: white;
	font-size: 20px;
	font-weight: bold;
}

/* ——————————我的日程版块—————————— */
/* --日程表 */
.schedule-box1 {
	display: flex;
	height: 100%;
}

/* --左侧 */
.schedule-box-timeline1 {
	background-color: white;
	height: 100%;
	overflow: auto;
	padding: 0.5rem 0;
}

.schedule-box-timeline1 .year-box {
	padding: 0.25rem 0;
}

.schedule-box-timeline1 .year-box .month {
	padding: 0.5rem 0;
	text-align: center;
	color: gray;
	font-size: 12px;
	font-weight: normal;
	transition: all ease-in 0.1s;
}

.schedule-box-timeline1 .year-box .month.active {
	background-color: var(--weui-FG-mainlight1);
	font-size: 14px;
	font-weight: bold;
	color: white;
	position: relative;
}

.schedule-box-timeline1 .year-box .month.active::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform-origin: 50% 50%;
	transform: translate(50%, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	background-color: #f8f8f8;
}

.schedule-box-timeline1 .year-box .year {
	padding: 0.25rem 0.5rem;
	text-align: center;
	color: var(--weui-FG-main);
	font-size: 12px;
}

/* --右侧 */
.schedule-box-timeline2 {
	background-color: #fbfbfb;
	flex: 1;
	height: 100%;
	overflow: auto;
	padding: 0.5rem;
}

.schedule-box-timeline2 .schedule-date-box {
	position: relative;
}

/* ----连接线 */
.schedule-box-timeline2 .schedule-date-box::after {
	content: "";
	display: block;
	width: 0px;
	height: calc(100% - 25px);
	border-left: 2px solid lightgray;
	position: absolute;
	top: 25px;
	left: calc(1rem + 8px - 1px);
	/* box-shadow: 2px 2px 2px lightgray; */
}

.schedule-box-timeline2 .schedule-date-box::before {
	content: "";
	display: block;
	width: 0px;
	height: calc(25px);
	border-left: 2px solid lightgray;
	position: absolute;
	top: 0px;
	left: calc(1rem + 8px - 1px);
	/* box-shadow: 2px 2px 2px lightgray; */
}

/* ----标题区 */
.schedule-box-timeline2 .schedule-date-box .title-box {
	display: flex;
	align-items: center;
	height: 50px;
}

.schedule-box-timeline2 .schedule-date-box .title-box .title-before {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: var(--weui-FG-mainlight);
	box-shadow: 2px 2px 2px lightgray;
	margin-left: 1rem;
	margin-right: 0.5rem;
	z-index: 2;
	position: relative;
}

.schedule-box-timeline2 .schedule-date-box.today .title-box .title-before::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid var(--weui-FG-mainlight);
	box-shadow: 2px 2px 2px lightgray;
	/* margin-left: 1rem;
	margin-right: 0.5rem; */
	z-index: 2;
}

.schedule-box-timeline2 .schedule-date-box .title-box .title {
	font-size: 16px;
	font-weight: bold;
	margin-right: 0.2rem;
}

.schedule-box-timeline2 .schedule-date-box .title-box .page-btn {
	color: var(--weui-FG-maindark);
	font-size: 16px;
}

.schedule-box-timeline2 .schedule-date-box .title-box .btn-add {
	display: block;
	width: 18px;
	height: 18px;
	font-size: 0;
}

/* ----内容区 */
.schedule-box-timeline2 .schedule-date-box .content-box {
	padding-bottom: 0.5rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item {
	display: flex;
	align-items: center;
}

/* ------日程项 */
.schedule-box-timeline2 .schedule-date-box .content-box .content-item+.content-item {
	margin-top: 0.5rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-before {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-before .part1 {
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: dodgerblue;
	margin-left: calc(1rem + 5px);
	z-index: 2;
	box-shadow: 2px 2px 2px lightgray;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-before .part2 {
	width: 12px;
	height: 0px;
	border-top: 1px dashed dodgerblue;
	z-index: 2;
	box-shadow: 2px 2px 2px lightgray;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text {
	background-color: white;
	/* border:1px dashed dodgerblue; */
	padding: 0.5rem;
	border-radius: 0.5rem;
	box-shadow: 2px 2px 6px lightgray;
	position: relative;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .part1 {
	color: dimgray;
	font-size: 14px;
	font-weight: bold;
	margin-right: 3rem;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .part2 {
	color: dimgray;
	font-size: 14px;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .part3 {
	color: darkgray;
	font-size: 12px;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item .content-item-text .btn-delete {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	color: dodgerblue;
}

/* --------无日程项 */
.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none {
	display: flex;
	align-items: center;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-before {
	width: calc(1rem + 23px);
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text {
	/* background-color: white; */
	/* border:1px dashed dodgerblue; */
	padding: 0.5rem;
	/* border-radius: 0.5rem; */
	/* box-shadow: 2px 2px 6px lightgray; */
	position: relative;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part1 {
	color: dimgray;
	font-size: 14px;
	font-weight: bold;
	margin-right: 3rem;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part2 {
	color: dimgray;
	font-size: 14px;
	margin-bottom: 0.1rem;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part2 .link1 {
	color: var(--weui-FG-mainlight);
	text-decoration: underline;
}

.schedule-box-timeline2 .schedule-date-box .content-box .content-item-none .content-item-text .part3 {
	color: darkgray;
	font-size: 12px;
}

/* ——————————消息列表—————————— */
.message-list1 .message-list1-item+.message-list1-item {
	border-top: 1px solid #f8f8f8;
}

.message-list1-item {
	display: block;
}

.message-box1 {
	background-color: white;
	color: black;
	padding: 0.65rem;
	display: flex;
	align-items: center;
}

.message-box1 .edit-box .checkbox-option-inlist {
	margin-right: 0.5rem;
}

.message-box1 .headimg-box .headimg {
	width: 50px;
	height: 50px;
	margin-right: 0.5rem;
	position: relative;
}

.message-box1 .info-box {
	flex: 1;
}

.message-box1 .info-box .line1,
.message-box1 .info-box .line2 {
	display: flex;
}

.message-box1 .info-box .line1 .name {
	flex: 1;
	font-size: 16px;
	color: black;
}

.message-box1 .info-box .line1 .time {
	font-size: 14px;
	margin-left: 0.25rem;
	color: darkgray;
}

.message-box1 .info-box .line2 .text {
	flex: 1;
	color: darkgray;
	font-size: 14px;
}

.message-box1 .info-box .line2 .link {
	margin-left: 0.25rem;
	color: var(--weui-FG-main);
	font-size: 14px;
}

.message-box1 .btn-box+.btn-box {
	margin-left: 0.25rem;
}

.message-box1 .btn-box .btn {
	color: var(--weui-FG-main);
	border: 1px solid var(--weui-FG-main);
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
}

.message-box1 .btn-box .btn-img {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
}

/* ——————————快捷入口—————————— */
.icon-box1-pc {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.icon-box1-pc .img-box {
	width: 66px;
	height: 66px;
	position: relative;
}

.icon-box1-pc .text-box {
	align-items: center;
	color: black;
	font-size: 1rem;
}

.icon-box2-pc {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.icon-box2-pc .img-box {
	width: 88px;
	height: 88px;
	position: relative;
}

.icon-box2-pc .text-box {
	align-items: center;
	color: black;
	font-size: 1rem;
}

/* ==========工会网络学习讲堂平台 ==========*/
/* ——————————首页—————————— */
/*顶部栏 */
.xvexijt-titlebox {
	background-color: white;
	height: 50px;
	display: flex;
	align-items: center;
}

.xvexijt-titlebox .titlebox-showmenu {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin: 0 0.25rem 0 0.5rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-logo {
	height: 100%;
	padding: 0 0.25rem 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.xvexijt-titlebox .titlebox-logo .logo {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin-right: 0.25rem;
}

.xvexijt-titlebox .titlebox-logo .text {
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
}

.xvexijt-titlebox .titlebox-link {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	flex-shrink: 0;
}

.xvexijt-titlebox .titlebox-link .link-text {
	padding: 0 16px;
	color: #565656;
}

.xvexijt-titlebox .titlebox-searchbar {
	height: 30px;
	width: 260px;
	flex-shrink: 0;
}

.xvexijt-titlebox .titlebox-icon {
	width: 18px;
	height: 18px;
	font-size: 0;
	margin: 0 1rem;
	flex-shrink: 0;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-textbox1 {
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
}

.xvexijt-titlebox .titlebox-textbox1 .img-box {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}

.xvexijt-titlebox .titlebox-textbox1 .text1 {
	margin-left: 0.25rem;
	color: #565656;
}

.xvexijt-titlebox .titlebox-link2-box {
	display: flex;
	align-items: center;
	padding: 0 0.25rem;
}

/* .xvexijt-titlebox .titlebox-link2-box .titlebox-link2{
	display: block;
	color: #565656;
}
.xvexijt-titlebox .titlebox-link2-box .titlebox-link2+.titlebox-link2{
	margin-left: 0.5rem;
} */
.xvexijt-titlebox .titlebox-login {
	display: block;
	color: #565656;
	padding: 0 0.25rem;
	margin: 0 0.5rem;
}

.xvexijt-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	margin: 0 0.25rem;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #565656;
	font-size: 1rem;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: -1;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 1rem;
}

.xvexijt-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/* 侧弹窗 */
.xvexijt-sidebarbox {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-100%, 0);
	width: 260px;
	height: 100vh;
	background-color: white;
	z-index: 10;
	box-shadow: 0 5px 20px gray;
	border-radius: 0 1rem 1rem 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all ease-in 0.3s;
}

.xvexijt-sidebarbox.show {
	transform: translate(0%, 0%);
}

.xvexijt-sidebarbox .sidebarbox-header {
	height: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.xvexijt-sidebarbox .sidebarbox-header .btn1 {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	cursor: pointer;
}

.xvexijt-sidebarbox .sidebarbox-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}

.xvexijt-sidebarbox .sidebarbox-body .content-box .content-item {
	display: block;
	padding: 0.5rem;
	text-align: center;
	color: #565656;
}

.xvexijt-sidebarbox .sidebarbox-footer {}

/* 版块样式 */
.video-card1-pc {
	display: block;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fafafa;
	transition: all ease-in-out 0.2s;
}

.video-card1-pc:hover {
	background-color: #fff;
	box-shadow: 2px 2px 10px #ccc;
}

.video-card1-pc .video-card-pic {
	position: relative;
}

.video-card1-pc .video-card-pic .img-box {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-card1-pc .video-card-pic .img-box .pic-cover {
	transform: scale(1, 1);
	transition: all ease-in-out 0.3s;
}

.video-card1-pc .video-card-pic .img-box .pic-cover:hover {
	transform: scale(1.2, 1.2);
}

.video-card1-pc .video-card-pic .video-tag {
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--pc-main1-light2);
	border-bottom-right-radius: 0.5rem;
	padding: 0.1rem 0.5rem;
	font-size: 1rem;
	color: white;
}

.video-card1-pc .video-card-info {
	padding: 0.5rem;
}

.video-card1-pc .video-card-info .title-box .text {
	color: black;
	font-size: 1.1rem;
	font-weight: bold;
}

.video-card1-pc .video-card-info .text-box .text1 {
	color: darkgray;
	font-size: 0.95rem;
}

.video-card1-pc .video-card-info .text-box .text2 {
	color: gray;
	font-size: 0.9rem;
	text-align: right;
}

.person-card1-pc {
	display: flex;
	align-items: center;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fafafa;
	transition: all ease-in-out 0.2s;
	padding: 1rem;
}

.person-card1-pc:hover {
	background-color: #fff;
	box-shadow: 2px 2px 10px #ccc;
}

.person-card1-pc .person-card-pic {
	display: block;
	margin-right: 1rem;
	flex-shrink: 0;
}

.person-card1-pc .person-card-pic .img-box {
	border-radius: 100%;
	overflow: hidden;
}

.person-card1-pc .person-card-info {
	flex: 1;
}

.person-card1-pc .person-card-info .title-box .text {
	color: black;
	font-size: 1.1rem;
}

.person-card1-pc .person-card-info .tag-box {
	display: flex;
	padding: 0.25rem 0;
}

.person-card1-pc .person-card-info .tag-box .tag-text {
	flex-shrink: 0;
	border: 1px solid var(--pc-main1-light1);
	color: var(--pc-main1-light1);
	border-radius: 0.25rem;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	margin-right: 0.25rem;
}

.person-card1-pc .person-card-info .text-box .text1 {
	color: darkgray;
	font-size: 0.95rem;
}

.person-card1-pc .person-card-info .text-box .text2 {
	color: darkgray;
	font-size: 0.9rem;
}

/* 底部栏footer */
.xvexijt-footerbox-infobox {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.xvexijt-footerbox-infobox .content-box {
	display: block;
	text-align: center;
}

.xvexijt-footerbox-infobox .content-box .info-title {
	display: block;
	color: white;
	font-weight: bold;
	font-size: 1rem;
}

.xvexijt-footerbox-infobox .content-box .info-text {
	display: inline-block;
	color: white;
	font-size: 0.9rem;
}

.xvexijt-footerbox-infobox .content-box .info-link:hover {
	color: #ffffffcc;
}

.xvexijt-footerbox .xvexijt-footerbox-picbox {
	width: 100%;
	height: 100%;
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.xvexijt-footerbox .xvexijt-footerbox-picbox .img-box {
	display: block;
	width: 30%;
	min-width: 90px;
	max-width: 150px;
}

/* 图文详情页 */
.XveXiJT-textbox .info-box {
	margin-bottom: 1rem;
}

.XveXiJT-textbox .info-box .title {
	color: black;
	font-size: 1.2rem;
	font-weight: bold;
}

.XveXiJT-textbox .info-box .title-2th {
	padding: 0.25rem 0;
	display: flex;
	align-items: center;
}

.XveXiJT-textbox .info-box .title-2th .text1 {
	color: gray;
	font-size: 0.9rem;
	margin-right: 1rem;
}

.XveXiJT-textbox .content-box {
	/* margin-top: 1rem; */
}

.XveXiJT-textbox .content-box p {
	margin: 0;
	color: black;
}

.XveXiJT-textbox .content-box p a {
	margin: 0 0.25rem;
	color: royalblue;
}

.XveXiJT-textbox .content-box p a:hover {
	color: blue;
}

.XveXiJT-textbox .content-box p+p {
	margin-top: 1rem;
}

@media screen and (max-width: 768px) {
	.XveXiJT-textbox .content-box img {
		width: 100% !important;
		height: auto !important;
	}
}

/* 视频详情页 */
/* --工会同事圈子评论区 */
.gh-circle-comment {
	background-color: white;
}

.gh-circle-comment .comment-box+.comment-box {
	border-top: 1px solid #f3f3f3;
}

.comment-box {
	display: flex;
	padding: 0.5rem;
}

.comment-head-box {
	margin-right: 0.5rem;
}

.comment-head {
	width: 50px;
	height: 50px;
}

.comment-body-box {
	flex: 1;
}

.comment-title {
	font-size: 0.92rem;
	color: #666666;
}

.comment-title-2th {
	font-size: 0.8rem;
	color: darkgray;
}

.comment-text {
	font-size: 1rem;
}

.comment-delete {
	display: block;
	font-size: 0.8rem;
	color: #8585d9;
	text-align: right;
	margin-right: 0.5rem;
}

.conmment2th-card {
	background-color: #eeeeee;
	padding: 0.5rem;
}

.conmment2th-card .conmment2th-box+.conmment2th-box {
	margin-top: 2px;
}

.conmment2th-box {
	line-height: 1.2rem;
}

.comment2th-title {
	font-size: 0.9rem;
	color: #414BD9;
}

.comment2th-text {
	font-size: 0.9rem;
}

.comment2th-delete {
	display: inline-block;
	font-size: 0.8rem;
	color: #8585d9;
}

/* --聊天框 */
.PC-message-input-box {
	display: block;
}

.PC-message-input-box .message-form {
	display: block;
	padding: 0.5rem;
}

.PC-message-input-box .message-form .message-form-textarea-fth {
	margin-bottom: 0.25rem;
}

.PC-message-input-box .message-form .message-form-textarea-fth .message-form-textarea {
	width: calc(100% - 1rem);
	height: 4rem;
	min-height: 0;
	font-size: 1rem;
	resize: none;
	outline: none;
	border: 1px solid var(--pc-main1-light2);
	border-radius: 0.5rem;
	padding: 0.5rem;
	box-sizing: content-box;
}

.PC-message-input-box .message-form .message-form-other-fth {
	display: flex;
	align-items: center;
}

.PC-message-input-box .message-form .message-form-icon-fth {
	padding-right: 0.5rem;
}

.PC-message-input-box .message-form .message-form-icon-fth .message-form-icon {
	width: 2.2rem;
	height: 2.2rem;
}

.PC-message-input-box .message-form .message-form-button-fth {}

.PC-message-input-box .message-form .message-form-button-fth .message-form-button {
	background-color: var(--pc-main1-dark1);
	text-align: center;
	padding: 0.2rem 1.2rem;
	color: white;
	font-size: 1.2rem;
	border-radius: 0.5rem;
}

.PC-expression-box1-fth {
	border: 1px solid gray;
	padding: 0.25rem;
	border-radius: 1rem;
	overflow: hidden;
	max-width: 500px;
	margin-left: auto;
}

.PC-expression-box1 {
	height: auto;
}

.PC-expression-box1 .expression-list1 {
	font-size: 1.6rem;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(6, auto);
	grid-auto-rows: minmax(2.5rem, 1fr);
	align-items: center;
	justify-items: center;
}

/* 登录页 */
.PC-login-box1 {
	width: 80vw;
	max-width: 350px;
	height: auto;
	padding: 1rem;
	border: 1px solid var(--pc-main1-light2);
	border-radius: 1rem;
	box-shadow: 2px 2px 6px var(--pc-main1-light4);
}

.PC-login-box1 .PC-login-QRcode {
	text-align: center;
}

.PC-login-box1 .PC-login-QRcode .img-box {
	width: 200px;
	height: auto;
	margin: 0 auto;
}

.PC-login-box1 .PC-login-QRcode .text-box {
	margin-top: 0.25rem;
	font-size: 1rem;
	color: gray;
}

.PC-login-box1 .PC-login-footer {
	padding: 0.5rem;
	display: flex;
}

.PC-login-box1 .PC-login-footer .link1 {
	flex-shrink: 0;
	font-size: 0.9rem;
	color: var(--pc-main1-light3);
}

.PC-login-box2 {
	width: 80vw;
	max-width: 350px;
	height: auto;
	padding: 1rem;
	background-color: #ffffffdd;
	border-radius: 1rem;
}

.PC-login-box2 .PC-login-QRcode {
	text-align: center;
}

.PC-login-box2 .PC-login-QRcode .img-box {
	width: 200px;
	height: auto;
	margin: 0 auto;
}

.PC-login-box2 .PC-login-QRcode .text-box {
	margin-top: 0.25rem;
	font-size: 1rem;
	color: #333;
}

.PC-login-box2 .PC-login-footer {
	padding: 0.5rem;
	display: flex;
}

.PC-login-box2 .PC-login-footer .link1 {
	flex-shrink: 0;
	font-size: 0.9rem;
	color: var(--pc-main1-light1);
}

/* 表单组件默认样式 */
.form-clean-input {
	border: none;
	appearance: none;
	-moz-appearance: none;
	outline: none;
	-webkit-appearance: none;
	background: none;
	color: black;
}

.form-clean-input::-webkit-input-placeholder {
	color: #aaa;
}

.form-clean-input::-moz-placeholder {
	color: #aaa;
}

.form-clean-input:-moz-placeholder {
	color: #aaa;
}

.form-clean-input[type='date']::-webkit-datetime-edit,
.form-clean-input[type='time']::-webkit-datetime-edit,
.form-clean-input[type='datetime-local']::-webkit-datetime-edit {
	color: #ccc;
}

.form-clean-input[type='date'].change::-webkit-datetime-edit,
.form-clean-input[type='time'].change::-webkit-datetime-edit,
.form-clean-input[type='datetime-local'].change::-webkit-datetime-edit {
	color: #000;
}

.form-clean-input::-webkit-outer-spin-button,
.form-clean-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.form-clean-input[type="number"] {
	-moz-appearance: textfield;
}

/* 登录页表单样式 */
.PC-login-form-box1 {
	display: block;
}

.PC-login-form-box1 .PC-login-form-cell {
	display: block;
}

.PC-login-form-box1 .PC-login-form-cell+.PC-login-form-cell {
	margin-top: 1rem;
}

.PC-login-form-box1 .PC-login-form-cell .title {
	color: var(--pc-main1);
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 0.25rem;
}

.PC-login-form-box1 .PC-login-form-cell .content-box {
	display: flex;
	align-items: center;
	position: relative;
}

.PC-login-form-box1 .PC-login-form-cell .content-box .content-box-formitem {
	font-size: 1rem;
	flex: 1;
	min-width: 0;
}

.PC-login-form-box1 .PC-login-form-cell .content-box .input-number-style1 {
	border: 1px solid var(--pc-main1);
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	font-size: 1rem;
}

.PC-login-form-box1 .PC-login-form-cell .content-box .input-text-style1 {
	border: 1px solid var(--pc-main1);
	padding: 0.25rem 0.5rem;
	border-radius: 0.25rem;
	font-size: 1rem;
}

.PC-login-form-box1 .PC-login-form-cell .content-box .content-box-btn1 {
	display: block;
	background-color: var(--pc-main1);
	color: white;
	padding: 0.45rem;
	border-radius: 0.25rem;
	margin-left: 0.25rem;
	font-size: 0.8rem;
}

.PC-login-form-box1 .PC-login-form-cell .content-box .content-box-img1 {
	margin-left: 0.25rem;
	display: block;
	font-size: 0;
	height: 2.1rem;
	width: 6.3rem;
}

/* 固定浮动按钮 */
.fixed-btn-box1 {
	position: fixed;
	bottom: 20vh;
	right: 0.5rem;
	z-index: 5;
}

.fixed-btn-box1 .fixed-btn-box-item .btn1 {
	display: block;
	background-image: linear-gradient(135deg, var(--pc-main1) 30%, var(--pc-main1-light4));
	color: white;
	font-size: 2rem;
	padding: 0.5rem;
	border: 2px solid var(--pc-main1);
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
}

.fixed-btn-box1:hover .fixed-btn-box-item .btn1 {
	font-size: 3rem;
}


.fixed-btn-box2 {
	position: fixed;
	bottom: 20vh;
	right: 0.5rem;
	z-index: 5;
	background-color: white;
	padding: 0.25rem;
	border: 1px solid var(--bkst-main-blue-middle1);
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
	transform-origin: right bottom;
	transform: translate(0, 0);
}

.fixed-btn-box2.closed {
	transform: translate(100%, 0);
}

.fixed-btn-box2 .fixed-btn-box-item+.fixed-btn-box-item {
	margin-top: 0.25rem;
}

.fixed-btn-box2 .fixed-btn-box-item .btn1 {
	display: block;
	background-image: linear-gradient(135deg, var(--bkst-main-blue-middle1) 30%, var(--bkst-main-blue-skewing1));
	color: white;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0.35rem 0.5rem;
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
}

.fixed-btn-box2:hover {
	transform: scale(1.3);
}

.fixed-btn-box2.closed:hover {
	transform: translate(100%, 0);
}

.fixed-btn-box2 .fixed-btn-box-item .btn1:hover {
	background-image: linear-gradient(135deg, var(--bkst-main-blue-middle2) 30%, var(--bkst-main-blue-gray1));
}

.fixed-btn-box2 .fixed-btn-box-turnbar {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	background-color: white;
	border: 1px solid var(--bkst-main-blue-middle1);
	border-radius: 2rem 0 0 2rem;
	padding: 0.15rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fixed-btn-box2 .fixed-btn-box-turnbar .img-box {
	background-image: linear-gradient(135deg, var(--bkst-main-blue-middle2) 30%, var(--bkst-main-blue-gray1));
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 100%;
	padding: 0.25rem;
	font-size: 0;
	cursor: pointer;
	transform: rotate(0deg);
	transition: all ease-in-out 0.2s;
}

.fixed-btn-box2.closed .fixed-btn-box-turnbar .img-box {
	transform: rotate(180deg);
}

.fixed-btn-box3 {
	position: fixed;
	bottom: 20vh;
	right: 0.5rem;
	z-index: 5;
}

.fixed-btn-box3 .fixed-btn-box-item .btn1 {
	display: block;
	background-image: linear-gradient(135deg, var(--pc-main1) 30%, var(--pc-main1-light4));
	color: white;
	font-size: 1rem;
	padding: 0.5rem;
	border: 2px solid var(--pc-main1);
	border-radius: 0.5rem;
	transition: all ease-in-out 0.2s;
}

.fixed-btn-box3:hover .fixed-btn-box-item .btn1 {
	font-size: 1.5rem;
}
/* 客服咨询页 */
.XveXiJT-consult-box1 {
	border-radius: 0.5rem;
	overflow: hidden;
	box-shadow: 2px 2px 6px var(--pc-main1-graylight1);
}

/* --左列 */
.XveXiJT-consult-box1 .XveXiJT-consult-leftside {
	background-color: var(--pc-main1-graylight1);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 66px;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box .title-logo {
	display: flex;
	align-items: center;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box .title-logo .img-box {
	width: 2rem;
	height: 2rem;
	margin-right: 0.25rem;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-title-box .title-logo .title {
	font-size: 1.5rem;
	font-weight: bold;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-content-box {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box {
	flex-shrink: 0;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: start;
	background-image: linear-gradient(110deg, #fff 40%, var(--pc-main1-light4) 80%);
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content {
	display: flex;
	flex-direction: column;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content .title1 {
	font-size: 1rem;
	font-weight: bold;
	color: black;
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content .text1 {
	font-size: 1.2rem;
	font-weight: bold;
	color: var(--pc-main1)
}

.XveXiJT-consult-box1 .XveXiJT-consult-leftside .side-footer-box .footer-content .img-box1 {
	width: 8rem;
	height: 8rem;
	margin: 0.5rem 0;
}

/* ----边侧菜单 */
.side-menulist-box1 {
	display: flex;
	flex-direction: column;
}

.side-menulist-box1 .side-menulist-item {
	display: flex;
	align-items: center;
	padding: 0.25rem;
}

.side-menulist-box1 .side-menulist-item .before {
	height: 2.5rem;
	width: 0.35rem;
	border-radius: 1rem;
	margin-right: 1rem;
}

.side-menulist-box1 .side-menulist-item .title {
	font-size: 1.1rem;
	font-weight: bold;
	color: #666;
}

.side-menulist-box1 .side-menulist-item.active {
	background-image: linear-gradient(90deg, #fff 50%, var(--pc-main1-light7));
}

.side-menulist-box1 .side-menulist-item.active .before {
	background-color: var(--pc-main1);
}

.side-menulist-box1 .side-menulist-item.active .title {
	color: var(--pc-main1);
}

/* --右列 */
.XveXiJT-consult-box1 .XveXiJT-consult-rightside {
	background-color: white;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-title-box .side-title-box-content {
	flex-shrink: 0;
	padding: 1rem 2rem;
	height: 66px;
	border-bottom: 2px solid var(--pc-main1-graylight1);
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-title-box .side-title-box-content .title {
	color: #000;
	font-size: 1rem;
	font-weight: bold;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-title-box .side-title-box-content .text {
	color: gray;
	font-size: 0.8rem;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-content-box {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box {
	border-top: 2px solid var(--pc-main1-graylight1);
	flex-shrink: 0;
	padding: 0.5rem;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .input-box {
	display: block;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .input-box .textarea-1 {
	width: calc(100%);
	height: 4rem;
	min-height: 0;
	font-size: 1rem;
	resize: none;
	outline: none;
	border: none;
	border-radius: 0.5rem;
	box-sizing: content-box;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .button-box {
	padding-top: 0.25rem;
	display: flex;
	align-items: center;
}

.XveXiJT-consult-box1 .XveXiJT-consult-rightside .side-footer-box .message-form .button-box .send-btn {
	color: white;
	background-color: var(--pc-main1);
	padding: 0.1rem 1rem;
	border-radius: 0.25rem;
}

/* ----私信聊天页面相关 */
.messagebox-other,
.messagebox-self {
	width: 100%;
	display: flex;
	margin-top: 1rem;
}

.messagebox-self {
	flex-direction: row-reverse;
}

.messagebox-other-head,
.messagebox-self-head {
	width: 4.5rem;
	height: 4rem;
}

.messagebox-other-head img,
.messagebox-self-head img {
	width: calc(100% - 1rem - 2px);
	height: calc(100% - 0.5rem - 2px);
	margin: 0.25rem 0.5rem;
	border-radius: 100%;
	object-fit: cover;
	border: 1px solid white;
}

.messagebox-self-content,
.messagebox-other-content {
	flex: 1;
	display: block;
}

.messagebox-self-content {
	text-align: right;
}

.messagebox-self-information,
.messagebox-other-information {
	font-size: 0.8rem;
	color: dimgray;
}

.messagebox-other-text,
.messagebox-self-text {
	font-size: 1rem;
	color: #000;
	position: relative;
	display: inline-block;
	word-break: break-all;
	padding: 0.5rem 0.5rem;
	text-align: left;
	border-radius: 0.5rem;
}

.messagebox-other-text p,
.messagebox-self-text p {
	margin-bottom: 0;
}

.messagebox-other-text p+p,
.messagebox-self-text p+p {
	margin-top: 0.25rem;
}

.messagebox-other-text .link,
.messagebox-self-text .link {
	color: var(--pc-main1-dark1);
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.messagebox-other-text {
	background-color: var(--pc-main1-graylight1);
}

.messagebox-self-text {
	background-color: var(--pc-main1-light5);
}

/* ------气泡框箭头 */
.triangle-other,
.triangle-self {
	position: absolute;
	top: 0.8rem;
	border-width: 0.4rem;
	border-style: solid;
}

.triangle-other {
	left: -0.8rem;
	border-color: transparent var(--pc-main1-graylight1) transparent transparent;
}

.triangle-self {
	right: -0.8rem;
	border-color: transparent transparent transparent var(--pc-main1-light5);
}

/* 条件筛选盒子 */
.PC-select-box1 .title-box {
	font-size: 1.1rem;
	color: black;
	font-weight: bold;
	margin-bottom: 0.25rem;
}

.PC-select-box1 .content-box {
	display: block;
}

.PC-select-item-box1 {
	align-items: flex-start;
}

.PC-select-item-box1 .select-title {
	font-size: 1rem;
	font-weight: bold;
	color: gray;
	margin: 0.35rem 1rem 0.35rem 0;
	flex-shrink: 0;
}

.PC-select-item-box1+.PC-select-item-box1 {
	margin-top: 0.25rem;
}

.PC-select-item-box1 .select-content .select-item {
	display: inline-block;
	align-items: center;
}

.PC-select-item-box1 .select-content .select-item .checkbox {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.PC-select-item-box1 .select-content .select-item .label {
	color: #aaa;
	border: 1px solid #ffffff00;
	padding: 0.1rem 0.5rem;
	border-radius: 2rem;
	text-align: center;
	min-width: 3rem;
}

.PC-select-item-box1 .select-content .select-item .checkbox:checked+.label {
	color: white;
	border: 1px solid var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
}

/* 新闻图片上浮起文字摘要 */
/* --盒子 */
.pic-textbox-fth1 {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* --内容 */
.pic-textbox1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5rem;
	background-color: #00000088;
}

.pic-textbox1 .text1 {
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: left;
}

.pic-textbox1 .text2 {
	color: white;
	font-size: 1rem;
	text-align: left;
}

/* 联谊平台照片墙 */
.LianYi-pic-box1,
.LianYi-pic-box2 {
	position: relative;
	overflow: hidden;
}

.LianYi-pic-box1 .LianYi-pic-box-mask1,
.LianYi-pic-box2 .LianYi-pic-box-mask1 {
	height: 100%;
	width: 100%;
	background-color: #00000088;
	position: absolute;
	padding: 0 1rem;
	top: 110%;
	left: 0;
	opacity: 0;
	transition: all ease-in-out 0.3s;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.LianYi-pic-box1:hover .LianYi-pic-box-mask1,
.LianYi-pic-box2:hover .LianYi-pic-box-mask1 {
	top: 0;
	left: 0;
	opacity: 1;
}

.LianYi-pic-box1 .LianYi-pic-box-mask1 .mask-title,
.LianYi-pic-box2 .LianYi-pic-box-mask1 .mask-title {
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0.75rem;
}

.LianYi-pic-box1 .LianYi-pic-box-mask1 .mask-text1,
.LianYi-pic-box2 .LianYi-pic-box-mask1 .mask-text1 {
	color: white;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.LianYi-pic-box1 .LianYi-pic-box-mask1 .mask-text2,
.LianYi-pic-box2 .LianYi-pic-box-mask1 .mask-text2 {
	color: white;
	font-size: 0.8rem;
}

/* 自动滚动字幕盒子 */
.autoscroll-box-fth1 {
	overflow: hidden;
}

.autoscroll-box-fth1 .autoscroll-box1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.autoscroll-box-fth2 {
	overflow: hidden;
}

.autoscroll-box-fth2 .autoscroll-box2 {
	display: block;
}

/* 登录提示窗 */
.show-login-box1 {
	background-color: var(--pc-main1-light7);
	border-radius: 10rem;
	text-align: center;
	display: block;
	box-shadow: 2px 2px 5px gray;
	padding: 0.75rem 1rem;
}

.show-login-box1 .text1 {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--pc-main1-light3);
	padding: 0 0.25rem;
}

.show-login-box1 .text2 {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--pc-main1-dark2);
	padding: 0.5rem 0.25rem;
}

.show-login-box1 .text3 {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: var(--pc-main1-light3);
	padding: 0.5rem 0.25rem;
}

/* 图表用操作按钮 */
.chart-turnbtn-boxfth1 {
	position: absolute;
	top: -30px;
	right: 30px;
}

.chart-turnbtn-box1 {
	display: flex;
	background-color: var(--bkst-main-blue-dark2);
	border: 1px solid var(--bkst-main-blue-dark2);
	border-radius: 2rem;
	overflow: hidden;
}

.chart-turnbtn-box1 .turnbtn1 {
	color: var(--bkst-main-blue-dark2);
	background-color: white;
	padding: 0.1rem 0.5rem;
	font-size: 0.8rem;
	cursor: pointer;
}

.chart-turnbtn-box1 .turnbtn1.active {
	color: white;
	background-color: var(--bkst-main-blue-dark2);
}

.chart-turnbtn-box2 {
	display: flex;
	background-color: var(--bkst-main-blue-dark2);
	border: 1px solid var(--bkst-main-blue-dark2);
	border-radius: 2rem;
	overflow: hidden;
}

.chart-turnbtn-box2 .turnbtn1 {
	color: var(--bkst-main-blue-dark2);
	background-color: white;
	padding: 0.1rem 1rem;
	font-size: 0.8rem;
	cursor: pointer;
}

.chart-turnbtn-box2 .turnbtn1.active {
	color: white;
	background-color: var(--bkst-main-blue-dark2);
}

/* 图表用表单下拉菜单*/
.chart-form-box1 {
	display: block;
}

.chart-form-box1 .chart-form-select1 {
	outline: none;
	border-radius: 0.25rem;
	padding: 0.1rem 0.25rem;
}

.chart-form-box1 .chart-form-select2 {
	outline: none;
	border-radius: 0.25rem;
	padding: 0.1rem 0.25rem;
	max-width: 10rem;

}

/* 图表数据展示容器 */
.chart-data-box-fth1 {
	height: auto;
	width: 90%;
	max-width: 560px;
	display: flex;
}

.chart-data-box-fth1 .chart-data-box-fth1-item {
	display: block;
}

.chart-data-box-fth2 {
	display: flex;
	align-items: center;
	width: 90%;
	max-width: 500px;
}

.chart-data-box-fth3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 90%;
	max-width: 450px;
}

.chart-data-box-fth3 .chart-data-box-fth3-item {
	width: 100%;
	display: flex;
	align-items: center;
	height: 6rem;
}

/* 图表数据展示 */
.chart-data-box1 {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 1.5rem;
}

.chart-data-box1 .text1 {
	margin-top: 0.5rem;
	flex-shrink: 0;
	color: darkgray;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box1 .text2 {
	flex-shrink: 0;
	color: #ffad5a;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box1 .text3 {
	margin-top: 0.5rem;
	margin-left: 3rem;
	flex-shrink: 0;
	color: darkgray;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box1 .text4 {
	flex-shrink: 0;
	color: #ff8170;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box1 .text5 {
	margin-top: 0.5rem;
	flex-shrink: 0;
	color: darkgray;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-form-box1 {
	display: block;
}

.chart-form-box1 .chart-form-select1 {
	outline: none;
	border-radius: 0.25rem;
	padding: 0.1rem 0.25rem;
}

.chart-data-box2 {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 4rem;
}

.chart-data-box2 .img-box1 {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}

.chart-data-box2 .text1 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, var(--pc-main1) 50%, var(--pc-main1-light5));
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box2 .text2 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to right, #d90003, #ffbd15);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box3 {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.chart-data-box3 .text1 {

	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom right, #ff6600, #ffe481);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box3 .text2 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #ff8c00 50%, #ffe481);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box3 .text3 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom right, #006eff, #b8ece1);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box3 .text4 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #009dff 50%, #b8ece1);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box3 .text5 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom right, #ad5455, #dac4c4);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box3 .text6 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #da7f81 50%, #dac4c4);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box4 {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.chart-data-box4 .text1 {
	flex-shrink: 0;
	color: #aaa;
	font-size: 1.1rem;
	font-weight: bold;
}

.chart-data-box4 .text2 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #3197ef 20%, #aaa 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box4 .text3 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #43c108 20%, #aaa 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box4 .text4 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #ff9318 20%, #aaa 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box4 .text5 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #f1779a 20%, #aaa 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: bold;
}

.chart-data-box5 {
	position: absolute;
	bottom: 36%;
	left: 50%;
	transform: translate(-50%, 0%);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.chart-data-box5 .text1 {
	flex-shrink: 0;
	color: #aaa;
	font-size: 0.95rem;
	font-weight: bold;
}

.chart-data-box5 .text2 {
	margin-top: 0.25rem;
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #5c79c8 20%, #5cabf5 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 1.2rem;
	font-weight: bold;
}

.chart-data-box6 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -45%);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.chart-data-box6 .text1 {
	flex-shrink: 0;
	color: #aaa;
	font-size: 0.95rem;
	font-weight: bold;
}

.chart-data-box6 .text2 {
	flex-shrink: 0;
	color: #aaa;
	font-size: 0.95rem;
	font-weight: bold;
}

.chart-data-box6 .text3 {
	flex-shrink: 0;
	color: #aaa;
	font-size: 0.8rem;
	font-weight: bold;
}

.chart-data-box7 {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 0;
}

.chart-data-box7 .img-box {
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}

.chart-data-box7 .text-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.chart-data-box7 .text1 {
	flex-shrink: 0;
	color: #d94c42;
	font-size: 0.9rem;
	font-weight: bold;
}

.chart-data-box7 .text2 {
	flex-shrink: 0;
	color: #00000000;
	background-image: linear-gradient(to bottom, #d94c42, #ffbf29 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6rem;
}

.welcome-link-box1 {
	padding: 0.25rem 1rem;
}

.welcome-link-box1 .welcome-link1 {
	display: inline-block;
	color: royalblue;
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 0.25rem;
	transition: all 0.2s ease-in-out;
	transform: translate(0, 0);
	position: relative;
}

.welcome-link-box1 .welcome-link1:hover {
	transform: translate(1.1rem, 0);
}

.welcome-link-box1 .welcome-link1:hover:before {
	content: '';
	width: 0;
	height: 0;
	border: 0.5rem solid;
	border-color: transparent transparent transparent #c60000;
	position: absolute;
	top: 50%;
	left: -1.1rem;
	transform: translate(0, -50%);
}

.welcome-link-box1 .welcome-text1 {
	color: gray;
}

/* PC管理后台主内容容器盒子 */
.bkst-ContentBox1 {
	background-color: white;
	border-radius: 0.5rem;
	/* overflow: hidden; */
}

/* PC通用表单元素-外框 */
.PC-form-fth1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.PC-form-fth2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 0.5rem;
}

.PC-form-fth3 {
	display: block;
	margin-top: 0.5rem;
}

.PC-form-fth4 {
	display: block;
}

/* PC通用表单元素-布局*/
/* --PC-form-box1 */
.PC-form-box1 .PC-form-box-title {
	display: flex;

}

.PC-form-box1 .PC-form-box-title .text1 {
	color: dimgray;
	font-size: 0.96rem;
	padding: 0.25rem 0;
}

.PC-form-box1 .PC-form-box-content {
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-box-content+.PC-form-box-content {
	margin-top: 0.5rem;
}

.PC-form-box1 .PC-form-box-content .PC-form-box-content-item {
	flex: 1;
}

.PC-form-box1 .PC-form-box-content .PC-form-box-content-item+.PC-form-box-content-item {
	margin-left: 1rem;
}

.PC-form-box1 .PC-form-box-content .PC-form-box-content-item.flex-shrink-0 {
	flex: none;
	flex-shrink: 0;
}

.PC-form-box1 .PC-form-box-content .PC-form-box-content-item .text1 {
	color: dimgray;
	font-size: 0.96rem;
}

.PC-form-box1 .PC-form-box-content .PC-form-box-content-item .btn1 {
	display: block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-box-content .PC-form-box-content-item .btn2 {
	display: block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	color: white;
	background-color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-box-annotation {}

.PC-form-box1 .PC-form-box-annotation .text1 {
	font-size: 0.8rem;
	color: darkgray;
}

/* --PC-form-box2 */
.PC-form-box2 {
	flex: 1;
	display: flex;
	max-width: 24rem;
	width: auto;
}

.PC-form-box2+.PC-form-box2 {
	margin-left: 1rem;
}

.PC-form-box2.w2th {
	flex: 1;
	display: flex;
	max-width: 36rem;
	width: auto;
}

.PC-form-box2.w3th {
	flex: 1;
	display: flex;
	max-width: 48rem;
	width: auto;
}

.PC-form-box2.w0th {
	flex: 1;
	display: flex;
	max-width: none;
	width: auto;
}

.PC-form-box2.flex-shrink-0 {
	flex: none;
	flex-shrink: 0;
}

.PC-form-box2 .PC-form-box-title {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	margin-right: 0.25rem;
}

.PC-form-box2 .PC-form-box-title .text1 {
	color: #333;
	font-size: 0.9rem
}

.PC-form-box2 .PC-form-box-content {
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item {
	flex: 1;
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item+.PC-form-box-content-item {
	margin-left: 0.25rem;
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item.flex-shrink-0 {
	flex: none;
	flex-shrink: 0;
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item .text1 {
	color: #333;
	font-size: 0.9rem;
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item .btn1 {
	display: block;
	font-size: 0.9rem;
	text-align: center;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item .btn1.SPstyle1 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	height: 1.4rem;
	width: 1.4rem;
	border-radius: 0.25rem;
	border: 1px solid var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item .btn2 {
	display: block;
	font-size: 0.9rem;
	text-align: center;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	color: white;
	background-color: var(--bkst-main-blue-light2);
}

.PC-form-box2 .PC-form-box-content .PC-form-box-content-item .btn2.SPstyle1 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	height: 1.4rem;
	width: 1.4rem;
	border-radius: 0.25rem;
	color: white;
	background-color: var(--bkst-main-blue-light2);
}

/* --PC-form-box3 */
.PC-form-box3 .PC-form-box-title {
	display: flex;

}

.PC-form-box3 .PC-form-box-title .text1 {
	color: dimgray;
	font-size: 0.96rem;
	padding: 0.25rem 0;
}

.PC-form-box3 .PC-form-box-content {
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-box-content+.PC-form-box-content {
	margin-top: 0.5rem;
}

.PC-form-box3 .PC-form-box-content .PC-form-box-content-item {
	flex: 1;
}

.PC-form-box3 .PC-form-box-content .PC-form-box-content-item+.PC-form-box-content-item {
	margin-left: 1rem;
}

.PC-form-box3 .PC-form-box-content .PC-form-box-content-item.flex-shrink-0 {
	flex: none;
	flex-shrink: 0;
}

.PC-form-box3 .PC-form-box-content .PC-form-box-content-item .text1 {
	color: dimgray;
	font-size: 0.96rem;
}

.PC-form-box3 .PC-form-box-content .PC-form-box-content-item .btn1 {
	display: block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--pc-main1-light3);
	color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-box-content .PC-form-box-content-item .btn2 {
	display: block;
	font-size: 0.96rem;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	color: white;
	background-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-box-annotation {}

.PC-form-box3 .PC-form-box-annotation .text1 {
	font-size: 0.8rem;
	color: darkgray;
}

/* --PC-form-box4 */
.PC-form-box4 {
	flex: 1;
	display: flex;
	width: auto;
}

.PC-form-box4.flex-shrink-0 {
	flex: none;
	flex-shrink: 0;
}

.PC-form-box4 .PC-form-box-title {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	margin-right: 0.25rem;
}

.PC-form-box4 .PC-form-box-title .text1 {
	color: #333;
	font-size: 0.9rem
}

.PC-form-box4 .PC-form-box-content {
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box4 .PC-form-box-content .PC-form-box-content-item {
	flex: 1;
}

.PC-form-box4 .PC-form-box-content .PC-form-box-content-item+.PC-form-box-content-item {
	margin-left: 0.25rem;
}

.PC-form-box4 .PC-form-box-content .PC-form-box-content-item.flex-shrink-0 {
	flex: none;
	flex-shrink: 0;
}

.PC-form-box4 .PC-form-box-content .PC-form-box-content-item .text1 {
	color: #333;
	font-size: 0.9rem;
}

.PC-form-box4 .PC-form-box-content .PC-form-box-content-item .btn1 {
	display: block;
	font-size: 0.9rem;
	text-align: center;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	border: 1px solid var(--pc-main1-light3);
	color: var(--pc-main1-light3);
}

.PC-form-box4 .PC-form-box-content .PC-form-box-content-item .btn2 {
	display: block;
	font-size: 0.9rem;
	text-align: center;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
	color: white;
	background-color: var(--pc-main1-light3);
}

/* PC通用表单元素-box1*/
/* --只读 */
.PC-form-box1 .PC-form-item-ReadOnly1 {
	display: block;
	width: 100%;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
	color: dimgray;
	background-color: #f8f8f8;
	border-radius: 0.25rem;
}

.PC-form-box1 .PC-form-item-ReadOnly1 p {
	margin: 0;
}

.PC-form-box1 .PC-form-item-ReadOnly1 p+p {
	margin-top: 0.5rem;
}

.PC-form-box1 .PC-form-item-ReadOnly1 p img {
	width: auto;
	height: auto;
}

@media screen and (max-width: 768px) {
	.PC-form-box1 .PC-form-item-ReadOnly1 p img {
		width: 100% !important;
		height: auto !important;
	}
}

/* --div仿输入框，批量选择可删 */
.PC-form-box1 .PC-form-item-input_DivSelects1 {
	display: block;
	width: 100%;
	min-height: 2rem;
	padding: 0.25rem 0.25rem;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
}

.PC-form-box1 .PC-form-item-input_DivSelects1 .input_DivSelects1-item {
	display: inline-block;
	box-shadow: 0 0 3px 1px #eee;
	padding: 0.1rem 0.5rem;
	border-radius: 1rem;
	margin: 0.25rem 0.1rem;
}

.PC-form-box1 .PC-form-item-input_DivSelects1 .input_DivSelects1-item .input_DivSelects1-item-content {
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_DivSelects1 .input_DivSelects1-item .input_DivSelects1-item-content .DStext1 {
	color: dimgray;
	font-size: 0.9rem;
	word-break: break-all;
}

.PC-form-box1 .PC-form-item-input_DivSelects1 .input_DivSelects1-item .input_DivSelects1-item-content .DSbtn1 {
	width: 1rem;
	height: 1rem;
	font-size: 0;
	margin-left: 0.2rem;
}

/* --文本 */
.PC-form-box1 .PC-form-item-input_text1 {
	display: block;
	width: 100%;
	height: 2rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_text1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --数字 */
.PC-form-box1 .PC-form-item-input_number1 {
	display: block;
	width: 100%;
	height: 2rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-appearance: none;
}

.PC-form-box1 .PC-form-item-input_number1::-webkit-outer-spin-button,
.PC-form-box1 .PC-form-item-input_number1::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.PC-form-box1 .PC-form-item-input_number1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --长文本 */
.PC-form-box1 .PC-form-item-textarea1 {
	display: block;
	width: 100%;
	height: auto;
	min-height: 5rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-textarea1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --下拉选择 */
.PC-form-box1 .PC-form-item-select1 {
	display: block;
	width: 100%;
	height: 2rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.PC-form-box1 .PC-form-item-select1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --上传文件 */
.PC-form-box1 .PC-form-item-input_file1 {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.PC-form-box1 .PC-form-item-input_file1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_file1 .input-box1 {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 100%;
}

.PC-form-box1 .PC-form-item-input_file1 .input-box1 .input-btn1 {
	background-color: #bbb;
	padding: 0 1rem;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_file1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	padding: 0.25rem 1rem;
	height: 2rem;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.PC-form-box1 .PC-form-item-input_file1:active .input-box1 .input-btn1 {
	border-color: var(--bkst-main-blue-light2);
	background-color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-item-input_file1:active .input-box1 .input-text1 {
	border-color: var(--bkst-main-blue-light2);
}

/* --多选-样式一 */
.PC-form-box1 .PC-form-item-input_checkbox1 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_checkbox1+.PC-form-item-input_checkbox1 {
	margin-top: 0.75rem;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input-box1 .input-check1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input-box1 .input-check1::before {
	content: "";
	width: 0.7rem;
	height: 0.4rem;
	border-left: 2px solid var(--bkst-main-blue-light2);
	border-bottom: 2px solid var(--bkst-main-blue-light2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input1:disabled+.input-box1 .input-check1 {
	border-color: darkgray;
	background-color: #ddd;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input1:disabled+.input-box1 .input-check1::before {
	border-left: 2px solid darkgray;
	border-bottom: 2px solid darkgray;
	opacity: 0;
}

.PC-form-box1 .PC-form-item-input_checkbox1 .input1:disabled:checked+.input-box1 .input-check1::before {
	border-left: 2px solid darkgray;
	border-bottom: 2px solid darkgray;
	opacity: 1;
}

/* --多选-样式二 */
.PC-form-box1 .PC-form-item-input_checkbox2 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_checkbox2+.PC-form-item-input_checkbox2 {
	margin-top: 0.75rem;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input-box1 .input-check1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input-box1 .input-check1::before {
	content: "";
	width: 0.7rem;
	height: 0.4rem;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--bkst-main-blue-light2);
	background-color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1:disabled+.input-box1 .input-check1 {
	border-color: darkgray;
	background-color: #ddd;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1:disabled+.input-box1 .input-check1::before {
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	opacity: 0;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1:disabled:checked+.input-box1 .input-check1 {
	border-color: darkgray;
	background-color: darkgray;
}

.PC-form-box1 .PC-form-item-input_checkbox2 .input1:disabled:checked+.input-box1 .input-check1::before {
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	opacity: 1;
}

/* --多选-样式三 */
.PC-form-box1 .PC-form-item-input_checkbox3 {
	display: inline-block;
	position: relative;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_checkbox3 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_checkbox3 .input-box1 {
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_checkbox3 .input-box1 .input-text1 {
	padding: 0.25rem 1rem;
	border: 1px solid #aaa;
	border-radius: 2rem;
	color: #aaa;
	font-size: 0.9rem;
	display: block;
}

.PC-form-box1 .PC-form-item-input_checkbox3 .input1:checked+.input-box1 .input-text1 {
	border-color: var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-item-input_checkbox3 .input1:disabled+.input-box1 .input-text1 {
	background-color: #ddd;
	border-color: darkgray;
	color: darkgray;
}

.PC-form-box1 .PC-form-item-input_checkbox3 .input1:disabled:checked+.input-box1 .input-text1 {
	background-color: #ddd;
	border-color: var(--bkst-main-blue-light2);
	color: var(--bkst-main-blue-light2);
}

/* --多选-样式四 */
.PC-form-box1 .PC-form-item-input_checkbox4 {
	display: inline-block;
	position: relative;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_checkbox4 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_checkbox4 .input-box1 {
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_checkbox4 .input-box1 .input-text1 {
	padding: 0.25rem 1rem;
	border: 1px solid #aaa;
	border-radius: 2rem;
	color: #aaa;
	background-color: white;
	font-size: 0.9rem;
	display: block;
}

.PC-form-box1 .PC-form-item-input_checkbox4 .input1:checked+.input-box1 .input-text1 {
	border-color: var(--bkst-main-blue-light2);
	background-color: var(--bkst-main-blue-light2);
	color: white;
}

.PC-form-box1 .PC-form-item-input_checkbox4 .input1:disabled+.input-box1 .input-text1 {
	border-color: darkgray;
	background-color: #ddd;
	color: #aaa;
}

.PC-form-box1 .PC-form-item-input_checkbox4 .input1:disabled:checked+.input-box1 .input-text1 {
	border-color: darkgray;
	background-color: darkgray;
	color: #ddd;
}

/* --单选-样式一 */
.PC-form-box1 .PC-form-item-input_radio1 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_radio1+.PC-form-item-input_radio1 {
	margin-top: 0.75rem;
}

.PC-form-box1 .PC-form-item-input_radio1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_radio1 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box1 .PC-form-item-input_radio1 .input-box1 .input-radio1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 100%;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_radio1 .input-box1 .input-radio1::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	background-color: var(--bkst-main-blue-light2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_radio1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_radio1 .input1:checked+.input-box1 .input-radio1 {
	border-color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-item-input_radio1 .input1:checked+.input-box1 .input-radio1::before {
	opacity: 1;
}

.PC-form-box1 .PC-form-item-input_radio1 .input1:disabled+.input-box1 .input-radio1 {
	background-color: #ddd;
	border-color: darkgray;
}

.PC-form-box1 .PC-form-item-input_radio1 .input1:disabled+.input-box1 .input-radio1::before {
	background-color: darkgray;
	opacity: 0;
}

.PC-form-box1 .PC-form-item-input_radio1 .input1:disabled:checked+.input-box1 .input-radio1::before {
	background-color: darkgray;
	opacity: 1;
}

/* --单选-样式二 */
.PC-form-box1 .PC-form-item-input_radio2 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_radio2+.PC-form-item-input_radio2 {
	margin-top: 0.75rem;
}

.PC-form-box1 .PC-form-item-input_radio2 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_radio2 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box1 .PC-form-item-input_radio2 .input-box1 .input-radio1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	background-color: white;
	border-radius: 100%;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_radio2 .input-box1 .input-radio1::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	background-color: var(--bkst-main-blue-light2);
	border: 2px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, light2box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_radio2 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_radio2 .input1:checked+.input-box1 .input-radio1 {
	border-color: var(--bkst-main-blue-light2);
	background-color: var(--bkst-main-blue-light2);
}

.PC-form-box1 .PC-form-item-input_radio2 .input1:checked+.input-box1 .input-radio1::before {
	opacity: 1;
}

.PC-form-box1 .PC-form-item-input_radio2 .input1:disabled+.input-box1 .input-radio1 {
	border-color: darkgray;
	background-color: #ddd;
}

.PC-form-box1 .PC-form-item-input_radio2 .input1:disabled+.input-box1 .input-radio1::before {
	opacity: 0;
}

.PC-form-box1 .PC-form-item-input_radio2 .input1:disabled:checked+.input-box1 .input-radio1 {
	border-color: darkgray;
	background-color: darkgray;
}

.PC-form-box1 .PC-form-item-input_radio2 .input1:disabled:checked+.input-box1 .input-radio1::before {
	border-color: #ddd;
	background-color: darkgray;
	opacity: 1;
}

/* --单选-样式三 */
.PC-form-box1 .PC-form-item-input_radio3 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box1 .PC-form-item-input_radio3+.PC-form-item-input_radio3 {
	margin-top: 1rem;
}

.PC-form-box1 .PC-form-item-input_radio3 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box1 .PC-form-item-input_radio3 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box1 .PC-form-item-input_radio3 .input-box1 .input-radio1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 100%;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_radio3 .input-box1 .input-radio1::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	background-color: var(--pc-main1-light3);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box1 .PC-form-item-input_radio3 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box1 .PC-form-item-input_radio3 .input1:checked+.input-box1 .input-radio1 {
	border-color: var(--pc-main1-light3);
}

.PC-form-box1 .PC-form-item-input_radio3 .input1:checked+.input-box1 .input-radio1::before {
	opacity: 1;
}

/* PC通用表单元素-box2*/
/* --文本 */
.PC-form-box2 .PC-form-item-input_text1 {
	display: block;
	width: 100%;
	height: 1.8rem;
	padding: 0.25rem 0.25rem;
	font-size: 0.85rem;
	line-height: 2;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box2 .PC-form-item-input_text1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --数字 */
.PC-form-box2 .PC-form-item-input_number1 {
	display: block;
	width: 100%;
	height: 1.8rem;
	padding: 0.25rem 0.25rem;
	font-size: 0.85rem;
	line-height: 2;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-appearance: none;
}

.PC-form-box2 .PC-form-item-input_number1::-webkit-outer-spin-button,
.PC-form-box2 .PC-form-item-input_number1::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.PC-form-box2 .PC-form-item-input_number1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --长文本 */
.PC-form-box2 .PC-form-item-textarea1 {
	display: block;
	width: 100%;
	height: auto;
	min-height: 5rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.PC-form-box2 .PC-form-item-textarea1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --下拉选择 */
.PC-form-box2 .PC-form-item-select1 {
	display: block;
	width: 100%;
	height: 1.8rem;
	padding: 0.25rem 0.25rem;
	font-size: 0.85rem;
	line-height: 2;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.PC-form-box2 .PC-form-item-select1:focus {
	border-color: var(--bkst-main-blue-light2);
}

/* --多选-样式二 */
.PC-form-box2 .PC-form-item-input_checkbox2 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box2 .PC-form-item-input_checkbox2+.PC-form-item-input_checkbox2 {
	margin-top: 0.75rem;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input-box1 .input-check1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input-box1 .input-check1::before {
	content: "";
	width: 0.7rem;
	height: 0.4rem;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--bkst-main-blue-light2);
	background-color: var(--bkst-main-blue-light2);
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1:disabled+.input-box1 .input-check1 {
	border-color: darkgray;
	background-color: #ddd;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1:disabled+.input-box1 .input-check1::before {
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	opacity: 0;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1:disabled:checked+.input-box1 .input-check1 {
	border-color: darkgray;
	background-color: darkgray;
}

.PC-form-box2 .PC-form-item-input_checkbox2 .input1:disabled:checked+.input-box1 .input-check1::before {
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	opacity: 1;
}

/* PC通用表单元素-box3*/
/* --只读 */
.PC-form-box3 .PC-form-item-ReadOnly1 {
	display: block;
	width: 100%;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
	color: dimgray;
	background-color: #f8f8f8;
	border-radius: 0.25rem;
}

.PC-form-box3 .PC-form-item-ReadOnly1 p {
	margin: 0;
}

.PC-form-box3 .PC-form-item-ReadOnly1 p+p {
	margin-top: 0.5rem;
}

.PC-form-box3 .PC-form-item-ReadOnly1 p img {
	width: auto;
	height: auto;
}

@media screen and (max-width: 768px) {
	.PC-form-box3 .PC-form-item-ReadOnly1 p img {
		width: 100% !important;
		height: auto !important;
	}
}

/* --文本 */
.PC-form-box3 .PC-form-item-input_text1 {
	display: block;
	width: 100%;
	height: 2rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_text1:focus {
	border-color: var(--pc-main1-light3);
}

/* --数字 */
.PC-form-box3 .PC-form-item-input_number1 {
	display: block;
	width: 100%;
	height: 2rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-appearance: none;
}

.PC-form-box3 .PC-form-item-input_number1::-webkit-outer-spin-button,
.PC-form-box3 .PC-form-item-input_number1::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.PC-form-box3 .PC-form-item-input_number1:focus {
	border-color: var(--pc-main1-light3);
}

/* --长文本 */
.PC-form-box3 .PC-form-item-textarea1 {
	display: block;
	width: 100%;
	height: auto;
	min-height: 5rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-textarea1:focus {
	border-color: var(--pc-main1-light3);
}

/* --下拉选择 */
.PC-form-box3 .PC-form-item-select1 {
	display: block;
	width: 100%;
	height: 2rem;
	padding: 0.35rem 0.5rem;
	font-size: 0.9rem;
	line-height: 2;
	color: dimgray;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.PC-form-box3 .PC-form-item-select1:focus {
	border-color: var(--pc-main1-light3);
}

/* --上传文件 */
.PC-form-box3 .PC-form-item-input_file1 {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.PC-form-box3 .PC-form-item-input_file1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_file1 .input-box1 {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 100%;
}

.PC-form-box3 .PC-form-item-input_file1 .input-box1 .input-btn1 {
	background-color: #bbb;
	padding: 0 1rem;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_file1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	padding: 0.25rem 1rem;
	height: 2rem;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.PC-form-box3 .PC-form-item-input_file1:active .input-box1 .input-btn1 {
	border-color: var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-item-input_file1:active .input-box1 .input-text1 {
	border-color: var(--pc-main1-light3);
}

/* --上传图片-容器 */
.PC-form-box3 .PC-form-item-picbox1 {
	display: block;
	width: 6rem;
	height: 6rem;
	position: relative;
	overflow: hidden;
}

/* --上传图片 */
.PC-form-box3 .PC-form-item-input_pic1 {
	display: block;
	width: 6rem;
	height: 6rem;
	position: relative;
	overflow: hidden;
}

.PC-form-box3 .PC-form-item-input_pic1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_pic1 .input-box1 {
	display: block;
	align-items: center;
	justify-content: center;
	background-color: #eee;
	width: 100%;
	height: 100%;
	position: relative;
}

.PC-form-box3 .PC-form-item-input_pic1 .input-box1 .bar1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 0.25rem;
	background-color: #fcfcfc;
}

.PC-form-box3 .PC-form-item-input_pic1 .input-box1 .bar2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0.25rem;
	height: 3rem;
	background-color: #fcfcfc;
}

.PC-form-box3 .PC-form-item-input_pic1:active .input-box1 .input-btn1 {
	border-color: var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-item-input_pic1:active .input-box1 .input-text1 {
	border-color: var(--pc-main1-light3);
}

/* --多选-样式一 */
.PC-form-box3 .PC-form-item-input_checkbox1 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box3 .PC-form-item-input_checkbox1+.PC-form-item-input_checkbox1 {
	margin-top: 0.75rem;
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input-box1 .input-check1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input-box1 .input-check1::before {
	content: "";
	width: 0.7rem;
	height: 0.4rem;
	border-left: 2px solid var(--pc-main1-light3);
	border-bottom: 2px solid var(--pc-main1-light3);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-item-input_checkbox1 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

/* --多选-样式二 */
.PC-form-box3 .PC-form-item-input_checkbox2 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box3 .PC-form-item-input_checkbox2+.PC-form-item-input_checkbox2 {
	margin-top: 0.75rem;
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input-box1 .input-check1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input-box1 .input-check1::before {
	content: "";
	width: 0.7rem;
	height: 0.4rem;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-item-input_checkbox2 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

/* --多选-样式三 */
.PC-form-box3 .PC-form-item-input_checkbox3 {
	display: inline-block;
	position: relative;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	cursor: pointer;
}

.PC-form-box3 .PC-form-item-input_checkbox3 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_checkbox3 .input-box1 {
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-item-input_checkbox3 .input-box1 .input-text1 {
	padding: 0.25rem 1rem;
	border: 1px solid #aaa;
	border-radius: 2rem;
	color: #aaa;
	font-size: 0.9rem;
	display: block;
}

.PC-form-box3 .PC-form-item-input_checkbox3 .input1:checked+.input-box1 .input-text1 {
	border-color: var(--pc-main1-light3);
	color: var(--pc-main1-light3);
}

/* --多选-样式四 */
.PC-form-box3 .PC-form-item-input_checkbox4 {
	display: inline-block;
	position: relative;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	cursor: pointer;
}

.PC-form-box3 .PC-form-item-input_checkbox4 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_checkbox4 .input-box1 {
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-item-input_checkbox4 .input-box1 .input-text1 {
	padding: 0.25rem 1rem;
	border: 1px solid #aaa;
	border-radius: 2rem;
	color: #aaa;
	background-color: white;
	font-size: 0.9rem;
	display: block;
}

.PC-form-box3 .PC-form-item-input_checkbox4 .input1:checked+.input-box1 .input-text1 {
	border-color: var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
	color: white;
}

.PC-form-box3 .PC-form-item-input_checkbox4 .input1:disabled+.input-box1 .input-text1 {
	border-color: darkgray;
	background-color: #ddd;
	color: #aaa;
}

.PC-form-box3 .PC-form-item-input_checkbox4 .input1:disabled:checked+.input-box1 .input-text1 {
	border-color: darkgray;
	background-color: darkgray;
	color: #ddd;
}

/* --单选-样式一 */
.PC-form-box3 .PC-form-item-input_radio1 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box3 .PC-form-item-input_radio1+.PC-form-item-input_radio1 {
	margin-top: 0.75rem;
}

.PC-form-box3 .PC-form-item-input_radio1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_radio1 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box3 .PC-form-item-input_radio1 .input-box1 .input-radio1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	border-radius: 100%;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_radio1 .input-box1 .input-radio1::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	background-color: var(--pc-main1-light3);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_radio1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-item-input_radio1 .input1:checked+.input-box1 .input-radio1 {
	border-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-item-input_radio1 .input1:checked+.input-box1 .input-radio1::before {
	opacity: 1;
}

/* --单选-样式二 */
.PC-form-box3 .PC-form-item-input_radio2 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-form-box3 .PC-form-item-input_radio2+.PC-form-item-input_radio2 {
	margin-top: 0.75rem;
}

.PC-form-box3 .PC-form-item-input_radio2 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-form-box3 .PC-form-item-input_radio2 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-form-box3 .PC-form-item-input_radio2 .input-box1 .input-radio1 {
	display: block;
	margin-right: 0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border: 1px solid #ddd;
	background-color: white;
	border-radius: 100%;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_radio2 .input-box1 .input-radio1::before {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 100%;
	background-color: var(--pc-main1-light3);
	border: 2px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, light2box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box3 .PC-form-item-input_radio2 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-form-box3 .PC-form-item-input_radio2 .input1:checked+.input-box1 .input-radio1 {
	border-color: var(--pc-main1-light3);
	background-color: var(--pc-main1-light3);
}

.PC-form-box3 .PC-form-item-input_radio2 .input1:checked+.input-box1 .input-radio1::before {
	opacity: 1;
}

/* PC通用表单元素-box4*/
/* --文本 */
.PC-form-box4 .PC-form-item-input_text1 {
	display: block;
	width: 100%;
	height: 1.8rem;
	padding: 0.25rem 0.25rem;
	font-size: 0.85rem;
	line-height: 2;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-form-box4 .PC-form-item-input_text1:focus {
	border-color: var(--pc-main1-light3);
}

/* --数字 */
.PC-form-box4 .PC-form-item-input_number1 {
	display: block;
	width: 100%;
	height: 1.8rem;
	padding: 0.25rem 0.25rem;
	font-size: 0.85rem;
	line-height: 2;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-webkit-appearance: none;
}

.PC-form-box4 .PC-form-item-input_number1::-webkit-outer-spin-button,
.PC-form-box4 .PC-form-item-input_number1::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.PC-form-box4.PC-form-item-input_number1:focus {
	border-color: var(--pc-main1-light3);
}

/* --下拉选择 */
.PC-form-box4 .PC-form-item-select1 {
	display: block;
	width: 100%;
	height: 1.8rem;
	padding: 0.25rem 0.25rem;
	font-size: 0.85rem;
	line-height: 2;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	outline: 0;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.PC-form-box4 .PC-form-item-select1:focus {
	border-color: var(--pc-main1-light3);
}

/* PC仿表格样式 */
.PC-tablestyle-box1 {
	display: block;
	margin: 0;
	padding: 0;
}

.PC-tablestyle-box1 .PC-tablestyle-thead,
.PC-tablestyle-box1 .PC-tablestyle-tbody {
	display: block;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr {
	display: flex;
	align-items: center;
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: var(--bkst-main-blue-light4);
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr+.PC-tablestyle-tr {
	margin-top: 2px;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th {
	flex: 1;
	padding: 0.75rem;
	font-size: 0.9rem;
	font-weight: bold;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-td {
	flex: 1;
	padding: 0.75rem;
	font-size: 0.9rem;
	font-weight: normal;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th-haschild {
	flex: 1;
	padding: 0.75rem 0;
	font-size: 0.9rem;
	font-weight: bold;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th-haschild .content-title1 {
	padding: 0 0.75rem;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th-haschild .PC-tablestyle-td-2th {
	flex: 1;
	padding: 0.5rem 0.75rem 0 0.75rem;
	font-size: 0.9rem;
	font-weight: normal;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th-haschild .PC-tablestyle-td-2th-haschild {
	flex: 1;
	padding-top: 0.5rem;
	font-size: 0.9rem;
	font-weight: normal;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th-haschild .PC-tablestyle-td-2th-haschild .PC-tablestyle-td-3th {
	flex: 1;
	padding: 0.5rem 0.75rem 0 0.75rem;
	font-size: 0.8rem;
	color: gray;
	font-weight: normal;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-tbody .PC-tablestyle-tr {
	display: flex;
	align-items: center;
	border-bottom: 2px solid var(--bkst-main-blue-light4);
}

.PC-tablestyle-box1 .PC-tablestyle-tbody .PC-tablestyle-tr .PC-tablestyle-th {
	flex: 1;
	padding: 0.75rem;
	font-size: 0.9rem;
	font-weight: bold;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-tbody .PC-tablestyle-tr .PC-tablestyle-td {
	flex: 1;
	padding: 0.75rem;
	font-size: 0.9rem;
	font-weight: normal;
	display: flex;
}

.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-th .tab-content,
.PC-tablestyle-box1 .PC-tablestyle-thead .PC-tablestyle-tr .PC-tablestyle-td .tab-content,
.PC-tablestyle-box1 .PC-tablestyle-tbody .PC-tablestyle-tr .PC-tablestyle-th .tab-content,
.PC-tablestyle-box1 .PC-tablestyle-tbody .PC-tablestyle-tr .PC-tablestyle-td .tab-content {
	display: block;
}

/* PC表格或列表勾选 专用多选 */
/* --多选-样式一 */
.PC-table-check-fth1 .PC-table-check-box1 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-table-check-fth1 .PC-table-check-box1 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-table-check-fth1 .PC-table-check-box1 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-table-check-fth1 .PC-table-check-box1 .input-box1 .input-check1 {
	display: block;
	width: 1rem;
	height: 1rem;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-table-check-fth1 .PC-table-check-box1 .input-box1 .input-check1::before {
	content: "";
	width: 0.55rem;
	height: 0.3rem;
	border-left: 2px solid var(--bkst-main-blue-light2);
	border-bottom: 2px solid var(--bkst-main-blue-light2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-table-check-fth1 .PC-table-check-box1 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-table-check-fth1 .PC-table-check-box1 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--bkst-main-blue-light2);
}

.PC-table-check-fth1 .PC-table-check-box1 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

/* --多选-样式二 */
.PC-table-check-fth1 .PC-table-check-box2 {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.PC-table-check-fth1 .PC-table-check-box2+.PC-form-item-input_checkbox2 {
	margin-top: 0.75rem;
}

.PC-table-check-fth1 .PC-table-check-box2 .input1 {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 0;
	height: 0;
}

.PC-table-check-fth1 .PC-table-check-box2 .input-box1 {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}

.PC-table-check-fth1 .PC-table-check-box2 .input-box1 .input-check1 {
	display: block;
	width: 1rem;
	height: 1rem;
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
	position: relative;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-table-check-fth1 .PC-table-check-box2 .input-box1 .input-check1::before {
	content: "";
	width: 0.55rem;
	height: 0.3rem;
	border-left: 2px solid white;
	border-bottom: 2px solid white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -65%) rotate(-50deg);
	opacity: 0;
	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.PC-table-check-fth1 .PC-table-check-box2 .input-box1 .input-text1 {
	color: dimgray;
	font-size: 0.9rem;
	flex: 1;
	display: flex;
	align-items: center;
}

.PC-table-check-fth1 .PC-table-check-box2 .input1:checked+.input-box1 .input-check1 {
	border-color: var(--bkst-main-blue-light2);
	background-color: var(--bkst-main-blue-light2);
}

.PC-table-check-fth1 .PC-table-check-box2 .input1:checked+.input-box1 .input-check1::before {
	opacity: 1;
}

/* 隐藏操作菜单列表 */
.PC-HideList-box1-fth {}

.PC-HideList-box1-fth .PC-HideList-box1 {
	display: none;
	position: absolute;
	right: calc(0% - 0.5rem);
	top: calc(100% + 5px - 0.5rem);
	padding: 0.5rem;
	z-index: 100;
}

.PC-HideList-box1-fth:hover .PC-HideList-box1 {
	display: block;
}

.PC-HideList-box1-fth .PC-HideList-box1 .PC-HideList-box-content {
	display: block;
	width: auto;
	min-width: 4rem;
	background-color: white;
	padding: 0.25rem 0;
	border-radius: 0.25rem;
}

.PC-HideList-box1-fth .PC-HideList-box1 .HideList-item {
	display: block;
	padding: 0.5rem 1rem;
	background-color: white;
	font-size: 0.75rem;
	color: dimgray;
	text-align: center;
	white-space: nowrap;
	transition: all ease-in-out 0.15s;
}

.PC-HideList-box1-fth .PC-HideList-box1 .HideList-item a {
	color: dimgray;
}

.PC-HideList-box1-fth .PC-HideList-box1 .HideList-item:hover {
	background-color: #f8f8f8;
}


/* 翻页器兼容旧版 - 后台管理版 */
.pagestyle {
	margin-top: 1rem;
}

.pagestyle div.sabrosus {
	padding: 0.25rem;
	font-size: 0.8rem;
	color: gray;
	display: flex;
	flex-direction: row-reverse;
}

.pagestyle div.sabrosus a {
	border: var(--bkst-main-blue-gray5) 1px solid;
	border-radius: 0.25rem;
	color: var(--bkst-main-blue-gray5);
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	margin-right: 0.25rem;
	text-decoration: none;
}

.pagestyle div.sabrosus a:hover {
	border: var(--bkst-main-blue-middle2) 1px solid;
	color: var(--bkst-main-blue-middle2);
}

.pagestyle div.sabrosus a:active {
	border: var(--bkst-main-blue-middle2) 1px solid;
	color: var(--bkst-main-blue-middle2);
}

.pagestyle div.sabrosus span.current {
	border: var(--bkst-main-blue-middle2) 1px solid;
	border-radius: 0.25rem;
	color: white;
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	margin-right: 0.25rem;
	background-color: var(--bkst-main-blue-middle2);
}

.pagestyle div.sabrosus span.disabled {
	border: lightgray 1px solid;
	border-radius: 0.25rem;
	color: lightgray;
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	margin-right: 0.25rem;
}

.pagestyle div.sabrosus input {
	border: 1px solid #ddd !important;
	border-radius: 0.25rem;
	text-align: center !important;
	height: 1.35rem;
	width: 3rem;
	outline: 0;
	appearance: none;
}

/* 翻页器兼容旧版 - 前台门户页版 */
.pagestyle.main1 {
	margin-top: 1rem;
}

.pagestyle.main1 div.sabrosus {
	padding: 0.25rem;
	font-size: 0.8rem;
	color: gray;
	display: flex;
	flex-direction: row-reverse;
}

.pagestyle.main1 div.sabrosus a {
	border: var(--pc-main1-graydark1) 1px solid;
	border-radius: 0.25rem;
	color: var(--pc-main1-graydark1);
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	margin-right: 0.25rem;
	text-decoration: none;
}

.pagestyle.main1 div.sabrosus a:hover {
	border: var(--pc-main1-graydark2) 1px solid;
	color: var(--pc-main1-graydark2);
}

.pagestyle.main1 div.sabrosus a:active {
	border: var(--pc-main1-graydark2) 1px solid;
	color: var(--pc-main1-graydark2);
}

.pagestyle.main1 div.sabrosus span.current {
	border: var(--pc-main1-graydark2) 1px solid;
	border-radius: 0.25rem;
	color: white;
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	margin-right: 0.25rem;
	background-color: var(--pc-main1-graydark2);
}

.pagestyle.main1 div.sabrosus span.disabled {
	border: lightgray 1px solid;
	border-radius: 0.25rem;
	color: lightgray;
	font-size: 0.8rem;
	padding: 0.1rem 0.5rem;
	margin-right: 0.25rem;
}

.pagestyle.main1 div.sabrosus input {
	border: 1px solid #ddd !important;
	border-radius: 0.25rem;
	text-align: center !important;
	height: 1.35rem;
	width: 3rem;
	outline: 0;
	appearance: none;
}

/* 提案系统首页入口特异布局 */
.Ti_AN-index-box1 {
	position: relative;
	display: block;
	width: 100%;
	max-width: 900px;
	align-self: center;
}

.Ti_AN-index-box1 .pic-box1 {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-1rem, -50%);
	width: 40%;
	max-width: 350px;
}

.Ti_AN-index-box1 .pic-box1:hover {
	opacity: 0.85;
}

.Ti_AN-index-box1 .role-list-box1 {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(1rem, -50%);
	width: 58%;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item {
	margin: 1rem 0;
	display: flex;
	align-items: center;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item:nth-child(1) {
	--item-color1: #ffa412;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item:nth-child(2) {
	--item-color1: #339795;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item:nth-child(3) {
	--item-color1: #eb6f57;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item:nth-child(4) {
	--item-color1: #508db2;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .btn-box {
	min-height: 4.8rem;
	width: 60%;
	min-width: 14rem;
	background-color: var(--item-color1);
	display: flex;
	align-items: center;
	padding: 0.5rem;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .btn-box:hover {
	opacity: 0.85;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .btn-box .img-box1 {
	width: 3.5rem;
	height: 3.5rem;
	margin-right: 0.5rem;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .btn-box .text-box1 {
	flex: 1;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .line-box {
	flex: 1;
	display: flex;
	align-items: center;
	padding-right: 1.5rem;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item:first-child .line-box,
.Ti_AN-index-box1 .role-list-box1 .role-list-item:last-child .line-box {
	padding-right: 0rem;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .line-box .part1 {
	flex: 1;
	height: 3px;
	background-color: var(--item-color1);
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .line-box .part2 {
	width: 1.5rem;
	height: 1.5rem;
	background-color: white;
	padding: 0.25rem;
	border: 1px solid gainsboro;
	border-radius: 100%;
}

.Ti_AN-index-box1 .role-list-box1 .role-list-item .line-box .part2 .part2-inner {
	width: 100%;
	height: 100%;
	background-color: var(--item-color1);
	border-radius: 100%;
}

/* —————省市级工会平台标题栏———— */
.ShengShiGH-titlebox {
	background-color: white;
	padding: 0.5rem 0;
	height: auto;
	display: flex;
	align-items: center;
}

.ShengShiGH-titlebox .titlebox-logo {
	height: auto;
	padding: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.ShengShiGH-titlebox .titlebox-logo .logo {
	width: 3.5rem;
	height: 3.5rem;
	font-size: 0;
	margin-right: 0.5rem;
}

.ShengShiGH-titlebox .titlebox-logo .text {
	font-size: 2.5rem;
	font-weight: bold;
	color: #000;
}


.ShengShiGH-titlebox .titlebox-textbox1 {
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
}

.ShengShiGH-titlebox .titlebox-textbox1 .img-box {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}

.ShengShiGH-titlebox .titlebox-textbox1 .text1 {
	margin-left: 0.25rem;
	color: #565656;
}


.ShengShiGH-titlebox .titlebox-login {
	display: block;
	color: #565656;
	padding: 0 0.25rem;
	margin: 0 0.5rem;
}

.ShengShiGH-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	margin: 0 0.25rem;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #565656;
	font-size: 1rem;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: -1;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 1rem;
}

.ShengShiGH-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/* —————工会知识库/工会智库标题栏———— */
.GHZhiKu-titlebox {
	padding: 0.5rem 0;
	height: auto;
	display: flex;
	align-items: center;
}

.GHZhiKu-titlebox .titlebox-showmenu {
	width: 36px;
	height: 36px;
	font-size: 0;
	margin: 0 0.25rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.GHZhiKu-titlebox .titlebox-logo {
	height: auto;
	padding: 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.GHZhiKu-titlebox .titlebox-logo .logo {
	width: 140px;
	height: 50px;
	font-size: 0;
	margin-right: 0.5rem;
}

@media screen and (min-width:992px) {
	.GHZhiKu-titlebox .titlebox-logo .logo {
		width: 224px;
		height: 80px;
		font-size: 0;
		margin-right: 0.5rem;
	}
}

.GHZhiKu-titlebox .titlebox-logo .text {
	font-size: 2.5rem;
	font-weight: bold;
	color: #000;
}


.GHZhiKu-titlebox .titlebox-textbox1 {
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
}

.GHZhiKu-titlebox .titlebox-textbox1 .img-box {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}

.GHZhiKu-titlebox .titlebox-textbox1 .text1 {
	margin-left: 0.25rem;
	color: #000;
}


.GHZhiKu-titlebox .titlebox-login {
	display: block;
	color: #000;
	padding: 0 0.25rem;
	margin: 0 0.5rem;
}

.GHZhiKu-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	margin: 0 0.5rem;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid white;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #000;
	font-size: 1rem;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: -1;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 1rem;
}

.GHZhiKu-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/* 工会知识库/工会智库侧弹窗 */
.GHZhiKu-sidebarbox {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-100%, 0);
	width: 260px;
	height: 100vh;
	background-color: white;
	z-index: 10;
	box-shadow: 0 5px 20px gray;
	border-radius: 0 1rem 1rem 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all ease-in 0.3s;
}

.GHZhiKu-sidebarbox.show {
	transform: translate(0%, 0%);
}

.GHZhiKu-sidebarbox .sidebarbox-header {
	height: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.GHZhiKu-sidebarbox .sidebarbox-header .btn1 {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	cursor: pointer;
}

.GHZhiKu-sidebarbox .sidebarbox-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}

.GHZhiKu-sidebarbox .sidebarbox-body .content-box .content-item {
	display: block;
	padding: 0.5rem;
	text-align: center;
	color: #565656;
}

.GHZhiKu-sidebarbox .sidebarbox-footer {}

/* PC仿表格样式 */
.Table-PcBox1 {
	width: 100%;
}

.Table-PcBox1 tr.head {
	background-color: var(--bkst-main-blue-light4);
}

.Table-PcBox1 tr td {
	border: 1px solid var(--bkst-main-blue-light4);
	text-align: center;
	padding: 0.5rem;
	font-size: 0.9rem;
}

.Table-PcBox1 tr.head td {
	border: 1px solid white;
	font-weight: bold;
}

/* 轮播定宽高样式盒子 */
.swiper-Dwh-box1 {
	display: flex;
	flex-direction: column;
	width: 300px;
	height: 200px;
}

.swiper-Dwh-box1 .img-box1 {
	width: 100%;
	flex: 1;
}

.swiper-Dwh-box1 .text-box1 {
	flex-shrink: 0;
	width: 100%;
	padding: 0.5rem;
	background-color: var(--pc-main1);
}

.swiper-Dwh-box1 .text-box1 .text1 {
	font-size: 0.95rem;
	color: white;
}

/* 轮播定宽高样式盒子 */
.swiper-Dbl-box1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
}

.swiper-Dbl-box1 .img-box1 {
	width: 100%;
	flex: 1;
}

.swiper-Dbl-box1 .text-box1 {
	flex-shrink: 0;
	width: 100%;
	padding: 0.5rem;
	background-color: var(--pc-main1);
}

.swiper-Dbl-box1 .text-box1 .text1 {
	font-size: 0.95rem;
	color: white;
}

/* PC端指示箭头样式-特异样式不可迁移*/
.PC-arrow-box1 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	width: 3.6rem;
	height: 3.6rem;
	border-style: solid;
	border-width: 1.8rem;
	border-color: #ffffff00 #ffffff00 white #ffffff00;
}

/* 短内容inline-block根据长度换行容器1 */
.ShortInlineBreak-box1 {
	padding: 0.5rem;
}

.ShortInlineBreak-box1 .Break-box-item1 {
	display: inline-block;
	margin: 0 0 0.5rem 0;
	padding: 0.1rem 0;
}

.ShortInlineBreak-box1 .Break-box-item1 .text1 {
	color: white;
	font-weight: bold;
}

.ShortInlineBreak-box1 .Break-box-item2 {
	display: inline-block;
	background-color: #ffffff22;
	margin: 0 0.5rem 0.5rem 0;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
}

.ShortInlineBreak-box1 .Break-box-item2 .text1 {
	color: white;
}

/* 短内容inline-block根据长度换行容器2 */
.ShortInlineBreak-box2 {
	padding: 0.25rem 0;
}

.ShortInlineBreak-box2 .titlebox1 {
	display: flex;
	align-items: center;
	margin-bottom: 0.25rem;
}

.ShortInlineBreak-box2 .titlebox1 .text1 {
	color: black;
	font-size: 1.1rem;
	font-weight: bold;
}

.ShortInlineBreak-box2 .contentBox .Break-box-item1 {
	display: inline-block;
	margin: 0 0.5rem 0.25rem 0;
}

.ShortInlineBreak-box2 .contentBox .Break-box-item1 .text1 {
	color: gray;
	font-size: 0.9rem;
}

.ShortInlineBreak-box2 .contentBox .Break-box-item1:hover .text1 {
	color: darkgray;
	font-size: 0.9rem;
}

.file-card1-pc {
	display: flex;
	align-items: center;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fafafa;
	transition: all ease-in-out 0.2s;
	padding: 1rem;
	margin: 0.5rem;
}

.file-card1-pc:hover {
	background-color: #fff;
	box-shadow: 2px 2px 10px #ccc;
}

.file-card1-pc .file-card-pic {
	display: block;
	margin-right: 1rem;
	flex-shrink: 0;
}

.file-card1-pc .file-card-pic .img-box {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden;
}

.file-card1-pc .file-card-info {
	flex: 1;
}

.file-card1-pc .file-card-info .title-box .text {
	color: black;
	font-size: 1.1rem;
}

.file-card1-pc .file-card-info .tag-box {
	display: flex;
	padding: 0.25rem 0;
}

.file-card1-pc .file-card-info .tag-box .tag-text {
	flex-shrink: 0;
	border: 1px solid var(--pc-main1-light1);
	color: var(--pc-main1-light1);
	border-radius: 0.25rem;
	padding: 0 0.25rem;
	font-size: 0.8rem;
	margin-right: 0.25rem;
}

.file-card1-pc .file-card-info .text-box .text1 {
	color: darkgray;
	font-size: 0.95rem;
}

.file-card1-pc .file-card-info .text-box .text2 {
	color: darkgray;
	font-size: 0.9rem;
}

.file-card2-pc {
	display: flex;
	align-items: center;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #fafafa;
	transition: all ease-in-out 0.2s;
	padding: 0.75rem;
	margin: 0.5rem;
}

.file-card2-pc:hover {
	background-color: #fff;
	box-shadow: 2px 2px 10px #ccc;
}

.file-card2-pc .file-card-pic {
	display: block;
	margin-right: 1rem;
	flex-shrink: 0;
}

.file-card2-pc .file-card-pic .img-box {
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.file-card2-pc .file-card-info {
	flex: 1;
}

.file-card2-pc .file-card-info .title-box .text {
	color: black;
	font-size: 1rem;
}

.file-card2-pc .file-card-info .btn-box {
	display: flex;
	flex-direction: row-reverse;
	padding: 0.25rem 0;
}

.file-card2-pc .file-card-info .btn-box .btn-text {
	flex-shrink: 0;
	background-color: var(--pc-main1-light1);
	color: white;
	border-radius: 0.25rem;
	padding: 0.2rem 0.5rem;
	font-size: 1rem;
	font-weight: bold;
	margin: 0 0.25rem;
}

/* 文档操作栏 */
.GHZhiKu-fileControl-box1 {
	background-color: #fafafa;
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 0.25rem;
}

.GHZhiKu-fileControl-box1 .fileControl-box-content {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.GHZhiKu-fileControl-box1 .fileControl-box-content .btn-box1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

.GHZhiKu-fileControl-box1 .fileControl-box-content .btn-box1 .img-box {
	width: 24px;
	height: 24px;
}

.GHZhiKu-fileControl-box1 .fileControl-box-content .btn-box1 .text1 {
	color: gray;
	font-size: 0.8rem;
}

.GHZhiKu-fileControl-box1 .fileControl-box-content .btn-box2 {
	background-color: #5f9ce6;
	border-radius: 0.25rem;
	padding: 0.1rem;
	cursor: pointer;
}

.GHZhiKu-fileControl-box1 .fileControl-box-content .btn-box2 .text1 {
	border: 1px solid white;
	border-radius: 0.25rem;
	padding: 0.2rem 1rem;
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
}

/* 抽奖页面 */
.LuckyDraw-page1 {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: stretch;
}

/* --左侧 */
.LuckyDraw-page1 .LuckyDraw-leftside {
	flex: 1;
	background-color: #eee;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info {
	flex: none;
	flex-shrink: 0;
	background-color: white;
	display: flex;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info .title-box1 {
	flex: 1;
	display: block;
	padding: 0.5rem;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info .title-box1 .title-item {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	font-size: 1.1rem;
	font-weight: bold;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info .title-box2 {
	flex: 1;
	display: block;
	padding: 0.5rem;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info .title-box2 .title-item {
	display: inline-block;
	padding: 0.25rem 0.5rem;
	font-size: 1.1rem;
	font-weight: bold;
	color: red;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info .btn-box1 {
	flex: none;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0 1rem;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-info .btn-box1 .btn-item {
	display: block;
	background-color: brown;
	color: white;
	font-size: 1rem;
	font-weight: bold;
	padding: 0.25rem 1rem;
	border-radius: 0.25rem;
	margin: 0 0.75rem;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main {
	flex: 1;
	padding: 1rem;

}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content {
	width: 100%;
	height: 100%;
	background-color: #ffdede;
	border-radius: 0.5rem;
	border: 1px solid red;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .title1 {
	position: absolute;
	top: 0.5rem;
	left: 1rem;
	color: red;
	font-size: 1.5rem;
	font-weight: bold;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .title2 {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: red;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .link1 {
	position: absolute;
	bottom: 1rem;
	right: 1.5rem;
	color: red;
	font-size: 1.2rem;
	font-weight: bold;
}

@media screen and (min-width:992px) {
	.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .link1 {
		position: absolute;
		bottom: 1rem;
		right: 1.5rem;
		color: red;
		font-size: 1.8rem;
		font-weight: bold;
	}
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .content-box {
	display: block;
	max-width: 100%;
	text-align: center;
}

.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .content-box .LuckyDraw-item {
	display: inline-block;
	min-width: 6rem;
	padding: 0.5rem;
	margin: 0.5rem;
	background-color: red;
	border-radius: 0.5rem;
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
}

@media screen and (min-width:992px) {
	.LuckyDraw-page1 .LuckyDraw-leftside .LuckyDraw-main .LuckyDraw-main-content .content-box .LuckyDraw-item {
		display: inline-block;
		min-width: 260px;
		padding: 1rem;
		margin: 0.5rem;
		background-color: red;
		border-radius: 0.5rem;
		color: white;
		font-weight: bold;
		font-size: 3rem;
	}
}

/* ==========各单位工会门户首页 ==========*/
/* ——————————首页—————————— */
/*标题栏顶部 */
.GHMenHu-titlehead {
	height: 180px;
	background-color: var(--pc-main1-dark1);
	position: relative;
}

/* ↓各校可能不同的样式-通用↓ */
.GHMenHu-titlehead .BackShading1-TONGYONG {
	position: absolute;
	bottom: 0;
	left: 48%;
	overflow: hidden;
	/* width: 480px; */
	width: 380px;
	height: 100%;
	opacity: 0.3;
	z-index: 1;
}

.GHMenHu-titlehead .BackShading1-TONGYONG .img-box {
	width: 100%;
	/* height: 240%; */
	height: 105%;
}

.GHMenHu-titlehead .BackShading2-TONGYONG {
	position: absolute;
	bottom: 0;
	left: 45%;
	width: 240px;
	height: 160px;
	opacity: 0.8;
	z-index: 1;
}

.GHMenHu-titlehead .BackShading2-TONGYONG .img-box {
	width: 100%;
	height: 100%;
}

/* ↑各校可能不同的样式 end↑ */
/* ↓各校可能不同的样式-广西医科↓ */
.GHMenHu-titlehead .BackShading1-GUANGXIYIKE {
	position: absolute;
	bottom: 0;
	left: 50%;
	overflow: hidden;
	/* width: 480px; */
	width: 350px;
	height: 100%;
	opacity: 0.4;
	z-index: 1;
}

.GHMenHu-titlehead .BackShading1-GUANGXIYIKE .img-box {
	width: 100%;
	/* height: 240%; */
	height: 140%;
}

.GHMenHu-titlehead .BackShading2-GUANGXIYIKE {
	position: absolute;
	bottom: 0;
	left: 45%;
	width: 240px;
	height: 160px;
	opacity: 0.8;
	z-index: 1;
}

.GHMenHu-titlehead .BackShading2-GUANGXIYIKE .img-box {
	width: 100%;
	height: 100%;
}

/* ↑各校可能不同的样式 end↑ */
.GHMenHu-titlehead .GHMenHu-titlehead-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
}

.GHMenHu-titlehead .GHMenHu-titlehead-content .titlelogo-box1 {
	display: flex;
	align-items: center;
	margin-left: 1rem;
	margin-bottom: 1rem;
}

.GHMenHu-titlehead .GHMenHu-titlehead-content .titlelogo-box1 .logo {
	width: 65px;
	height: 65px;
	margin-right: 0.5rem;
}

.GHMenHu-titlehead .GHMenHu-titlehead-content .titlelogo-box1 .text {
	font-size: 3rem;
	font-weight: bold;
	color: white;
}

.GHMenHu-titlehead .GHMenHu-titlehead-content .titlesearchbar-box1 {
	display: flex;
	align-items: center;
	margin-top: 5rem;
	margin-right: 1rem;
	width: 260px;
}

/*顶部导航栏 */
.GHMenHu-titlebox {
	border-top: 1px solid #ffffff33;
	background-color: var(--pc-main1-dark1);
	height: 50px;
	display: flex;
	align-items: center;
}

.GHMenHu-titlebox .titlebox-showmenu {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin: 0 0.25rem 0 0.5rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.GHMenHu-titlebox .titlebox-logo {
	height: 100%;
	padding: 0 0.25rem 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.GHMenHu-titlebox .titlebox-logo .logo {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin-right: 0.25rem;
}

.GHMenHu-titlebox .titlebox-logo .text {
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}

.GHMenHu-titlebox .titlebox-linkbar {
	display: flex;
	align-items: stretch;
	padding: 0 1rem;
	flex-shrink: 0;
	height: 100%;
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1 {
	padding: 0 16px;
	display: flex;
	align-items: center;
	position: relative;
	border-left: 1px solid var(--pc-main1-dark1);
	border-right: 1px solid var(--pc-main1-dark1);
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1 .link-text1 {
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1.onfocus {
	background-color: white;
	border-left: 1px solid var(--pc-main1-dark1);
	border-right: 1px solid var(--pc-main1-dark1);
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1.onfocus .link-text1 {
	color: var(--pc-main1-dark1)
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1.onhover {
	background-color: white;
	border-left: 1px solid var(--pc-main1-dark1);
	border-right: 1px solid var(--pc-main1-dark1);
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1.onhover .link-text1 {
	color: var(--pc-main1-dark1)
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1 .link-list1 {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: white;
	box-shadow: 0 0 3px 0 var(--pc-main1-dark1);
	min-width: 100%;
	z-index: 2;
	/* display: flex; */
	flex-direction: column;
	display: none;
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1.onhover .link-list1 {
	display: block;
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1 .link-list1 .link-list-item {
	font-size: 1rem;
	color: black;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 1rem;
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1 .link-list1 .link-list-item:hover {
	background-color: #eee;
}

.GHMenHu-titlebox .titlebox-linkbar .link-box1 .link-list1 .link-list-item+.link-list-item {
	border-top: 1px solid #eee;
}

.GHMenHu-titlebox .titlebox-textbox1 {
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
	border: 1px solid white;
	border-radius: 0.25rem;
	padding: 0.25rem 0.5rem;
}

.GHMenHu-titlebox .titlebox-textbox1 .img-box {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}

.GHMenHu-titlebox .titlebox-textbox1 .text1 {
	margin-left: 0.25rem;
	color: white;
}

.GHMenHu-titlebox .titlebox-link2-box {
	display: flex;
	align-items: center;
	padding: 0 0.25rem;
}

.GHMenHu-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	margin: 0 0.25rem;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border: 1px solid #ffffff66;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: white;
	font-size: 1rem;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: -1;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px var(--pc-main1-dark1);
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: var(--pc-main1-dark2);
	padding: 0.25rem;
	font-size: 1rem;
}

.GHMenHu-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}

/* 侧弹窗 */
.GHMenHu-sidebarbox {
	position: fixed;
	top: 0;
	left: 0;
	transform: translate(-100%, 0);
	width: 100%;
	height: 100%;
	background-color: var(--pc-main1);
	z-index: 10;
	box-shadow: 0 5px 20px gray;
	border-radius: 0 1rem 1rem 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all ease-in 0.3s;
}

.GHMenHu-sidebarbox.show {
	transform: translate(0%, 0%);
}

.GHMenHu-sidebarbox .sidebarbox-header {
	height: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.GHMenHu-sidebarbox .sidebarbox-header .btn1 {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	cursor: pointer;
}

.GHMenHu-sidebarbox .sidebarbox-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}

.GHMenHu-sidebarbox .sidebarbox-body .content-box .link-box1 {
	display: block;
	text-align: center;
	border-bottom: 1px solid var(--pc-main1-light1);
}

.GHMenHu-sidebarbox .sidebarbox-body .content-box .link-box1 .link-text1 {
	display: block;
	color: white;
	padding: 0.75rem 0;
	font-size: 1.1rem;
}

.GHMenHu-sidebarbox .sidebarbox-body .content-box .link-box1 .link-list1 {
	background-color: white;
	/* display: flex; */
	flex-direction: column;
	display: none;
}

.GHMenHu-sidebarbox .sidebarbox-body .content-box .link-box1.open .link-list1 {
	display: flex;
}

.GHMenHu-sidebarbox .sidebarbox-body .content-box .link-box1 .link-list1 .link-list-item {
	padding: 0.5rem 0;
	font-size: 1rem;
	color: var(--pc-main1-dark1);
	border-bottom: 1px solid #eee;
}

.GHMenHu-sidebarbox .sidebarbox-footer {
	height: auto;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 1rem;
}

.GHMenHu-sidebarbox .sidebarbox-footer .btn-box1 {
	display: flex;
	align-items: center;
}

.GHMenHu-sidebarbox .sidebarbox-footer .btn-box1 .btn1 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.5rem;
	border: 1px solid white;
	border-radius: 0.25rem;
	padding: 0.25rem 0.5rem;
}

.GHMenHu-sidebarbox .sidebarbox-footer .btn-box1 .btn1 .btn-text {
	color: white;
	font-size: 0.9rem
}

/* 工单列表 */
.GongDan-card1 {
	display: block;
	border: 1px solid var(--bkst-main-blue-gray2);
	border-radius: 0.5rem;
	overflow: hidden;
}

.GongDan-card1:hover {
	box-shadow: 0 0 10px 0 var(--bkst-main-blue-gray3);
}

.GongDan-card1 .GongDan-card-title {
	background-color: var(--bkst-main-blue-gray2);
	padding: 0.5rem 1rem;
}

.GongDan-card1 .GongDan-card-title .text1 {
	color: #333;
	font-size: 1.05rem;
	font-weight: bold;
}

.GongDan-card1 .GongDan-card-text {
	background-color: white;
	padding: 0.5rem 1rem;
}

.GongDan-card1 .GongDan-card-text .text1 {
	color: gray;
	font-size: 0.95rem;
}

.GongDan-card1 .GongDan-card-info {
	display: flex;
	align-items: center;
	padding: 0 1rem 0.5rem 1rem;
}

.GongDan-card1 .GongDan-card-info .text1 {
	color: gray;
	font-size: 0.9rem;
	margin-right: 0.5rem;
	flex: 1;
}

.GongDan-card1 .GongDan-card-info .state {
	color: gray;
	font-size: 1rem;
	font-weight: bold;
	margin-left: 0.5rem;
	flex-shrink: 0;
}

.GongDan-card1 .GongDan-card-btnbox {
	border-top: 1px dashed var(--bkst-main-blue-gray2);
	;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.GongDan-card1 .GongDan-card-btnbox .btn1 {
	margin-left: 0.5rem;
	background-color: var(--bkst-main-blue-light2);
	color: white;
	padding: 0.1rem 0.5rem;
	border-radius: 0.25rem;
}

/* 前台个人中心用户信息 */
.pc-user-box1 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pc-user-box1 .userbox-imgbox-fth {
	display: block;
	padding: 0.5rem;
}

.pc-user-box1 .userbox-imgbox-fth .userbox-imgbox {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	border: 1px solid var(--pc-main1-light4);
	padding: 2px;
}

.pc-user-box1 .userbox-textbox-fth {
	display: block;
	padding: 0 0.5rem 0.5rem 0.5rem;
}

.pc-user-box1 .userbox-textbox-fth .userbox-text1 {
	font-size: 1.1rem;
	font-weight: bold;
	color: black;
	text-align: center;
}

.pc-user-box1 .userbox-textbox-fth .userbox-text2 {
	font-size: 0.8rem;
	font-weight: normal;
	color: gray;
	text-align: center;
}
.pc-user-box1 .userbox-textbox-fth .userbox-text3 {
	font-size: 1rem;
	font-weight: bold;
	color: orange;
	text-align: center;
}
.pc-user-box2 {
	display: block;
	padding: 0.55rem 0;
}

.pc-user-box2 .info-text1 {
	display: inline-block;
	color: black;
	font-size: 1rem;
	font-weight: bold;
}

.pc-user-box2 .info-text2 {
	display: inline-block;
	color: black;
	font-size: 1rem;
	font-weight: normal;
}

.pc-user-box3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pc-user-box3 .userbox-imgbox-fth {
	display: block;
	padding: 0.5rem;
}

.pc-user-box3 .userbox-imgbox-fth .userbox-imgbox {
	display: block;
	max-width: 240px;
}

.pc-user-box3 .userbox-textbox-fth {
	display: block;
	padding: 0 0.5rem 0.5rem 0.5rem;
}

.pc-user-box3 .userbox-textbox-fth .userbox-text1 {
	font-size: 1.1rem;
	font-weight: bold;
	color: black;
	text-align: center;
}

.pc-user-box3 .userbox-textbox-fth .userbox-text2 {
	font-size: 0.9rem;
	font-weight: normal;
	color: gray;
	text-align: center;
}

/* 列表 */
.GH-mian-card1 {
	display: block;
	border: 1px solid var(--pc-main1-graylight1);
	border-radius: 0.5rem;
	overflow: hidden;
}

.GH-mian-card1:hover {
	box-shadow: 0 0 10px 0 var(--pc-main1-graylight1);
}

.GH-mian-card1 .card-titlebox {
	background-color: var(--pc-main1-graylight1);
	padding: 0.5rem 1rem;
}

.GH-mian-card1 .card-titlebox .text1 {
	color: #333;
	font-size: 1.05rem;
	font-weight: bold;
}

.GH-mian-card1 .card-contentbox {
	padding: 0.5rem;
	display: flex;
	align-items: center;
}

.GH-mian-card1 .card-contentbox .card-imgbox {
	flex-shrink: 0;
	width: 150px;
	height: 90px;
	margin-right: 0.5rem;
}
.GH-mian-card1 .card-contentbox .card-imgbox2 {
	flex-shrink: 0;
	width: 200px;
	height: 120px;
	margin-right: 0.5rem;
}
.GH-mian-card1 .card-contentbox .card-infobox {
	flex: 1;
	display: block;
}

.GH-mian-card1 .card-contentbox .card-infobox .card-text {
	display: block;
}

.GH-mian-card1 .card-contentbox .card-infobox .card-text .text1 {
	color: gray;
	font-size: 0.95rem;
}
.GH-mian-card1 .card-contentbox .card-infobox .card-text .text1 a{
	color: var(--pc-main1-light1);
	font-size: 0.95rem;
}
/* 特例SPbox1 */
.GH-mian-card1 .card-contentbox .card-infobox .card-text .text1 .SPbox1{
	display: block;
}
.GH-mian-card1 .card-contentbox .card-infobox .card-text .text1 .SPbox1 img{
	width: 200px;
	height: auto;
}

@media screen and (max-width: 768px) {
	.GH-mian-card1 .card-contentbox .card-infobox .card-text .text1 .SPbox1 img{
		width: 100% !important;
		height: auto !important;
	}
}

.GH-mian-card1 .card-contentbox .card-infobox .card-state {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 1rem 0.5rem 1rem;
}

.GH-mian-card1 .card-contentbox .card-infobox .card-state .state {
	color: gray;
	font-size: 1rem;
	font-weight: bold;
	margin-left: 0.5rem;
	flex-shrink: 0;
}

.GH-mian-card1 .card-btnbox {
	border-top: 1px dashed var(--pc-main1-graylight1);
	;
	display: flex;
	align-items: center;
	padding: 0.25rem 1rem;
}

.GH-mian-card1 .card-btnbox .btn1 {
	display: inline-block;
	margin: 0.1rem 0 0.1rem 0.5rem;
	background-color: var(--pc-main1-light4);
	color: white;
	padding: 0.05rem 0.5rem;
	border-radius: 0.25rem;
}

/* 流程图盒子样式 */
.FlowChart-box1 {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.FlowChart-box1 .flowChart-item1 {
	background-color: var(--pc-main1-light3);
	padding: 0.5rem;
	border-radius: 0.5rem;
}

.FlowChart-box1 .flowChart-item1 .text1 {
	display: block;
	color: white;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.5rem;
	text-align: center;
}

.FlowChart-box1 .flowChart-item1 .text2 {
	background-color: white;
	border-radius: 0.25rem;
	display: block;
	color: black;
	font-size: 1rem;
	padding: 0.5rem;
	text-align: center;
}

.FlowChart-box1 .flowChart-icon1 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem;
}

.FlowChart-box1 .flowChart-icon1 .img-box {
	width: 20px;
	height: 20px;
}

.FlowChart-box1 .flowChart-item2 {
	background-color: #ddd;
	padding: 0.5rem;
	border-radius: 0.5rem;
}

.FlowChart-box1 .flowChart-item2 .text1 {
	display: block;
	color: blick;
	font-size: 1rem;
	padding: 0.5rem;
	text-align: center;
}

/* 知识竞答活动全屏展示页面 */
.FullScreen-activity-box1 {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: stretch;
	position: relative;
}
.FullScreen-activity-box1 .backbox{
	display: block;
	width: 100%;
	height: 100%;
}
.FullScreen-activity-box1 .mainbox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 3rem;
	background-color: #ffffff88;
	border: 1px solid #ffffff;
	border-radius: 1rem;
	width: 75%;
}
.FullScreen-activity-box1 .mainbox .title-text{
	display: block;
	color: white;
	font-size: 4.5vw;
	font-weight: bolder;
	text-shadow: 0.2vw 0.2vw 0.2vw red, 0 0 1vw black;
	text-align: center;
}
.FullScreen-activity-box1 .mainbox .info-box{
	display: block;
	margin-top: 4vw;
}
.FullScreen-activity-box1 .mainbox .info-box .info-text{
	display: block;
	color: white;
	font-size: 2.3vw;
	font-weight: bolder;
	text-shadow: 0.1vw 0.1vw 0.1vw red, 0 0 0.5vw black;
	text-align: center;
}
.FullScreen-activity-box1 .mainbox .btn-box{
	display: flex;
	width: 100%;
	margin-top: 3vw;
	align-items: center;
	justify-content: center;
}
.FullScreen-activity-box1 .mainbox .btn-box .btn1{
	display: block;
	background-color: orange;
	color: white;
	font-size: 2vw;
	font-weight: bold;
	text-shadow: 0 0 0.2vw black;
	padding: 0.2vw 2vw;
	margin: 0 1vw;
	border-radius: 2vw;
	box-shadow: 0.1vw 0.1vw 0.2vw #00000099;
	cursor: pointer;
}
.FullScreen-activity-box1 .mainbox .img-box1{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 15vw;
	height: 15vw;
	padding: 2vw;
}
/* 知识竞答活动-用户端-全屏展示页面 */
.FullScreen-activity-box2 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: stretch;
	position: relative;
}
.FullScreen-activity-box2 .backbox{
	display: block;
	width: 100%;
	height: 100%;
}
.FullScreen-activity-box2 .mainbox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: calc(1.2rem + 2vw);
	background-color: #ffffff88;
	border: 1px solid #ffffff;
	border-radius: 1rem;
	width: 85%;
}
.FullScreen-activity-box2 .mainbox .title-text{
	display: block;
	color: white;
	font-size: calc(1.2rem + 2vw);
	font-weight: bolder;
	text-shadow: calc(0.1rem + 0.1vw) calc(0.1rem + 0.1vw) calc(0.1rem + 0.1vw) red, 0 0 calc(0.5rem + 0.5vw) black;
	text-align: center;
}
.FullScreen-activity-box2 .mainbox .info-box{
	display: block;
	margin-top: calc(1.2rem + 2vw);
}
.FullScreen-activity-box2 .mainbox .info-box .info-text{
	display: block;
	color: white;
	font-size: calc(1rem + 0.5vw);
	font-weight: bolder;
	text-shadow: calc(0.05rem + 0.05vw) calc(0.05rem + 0.05vw) calc(0.05rem + 0.05vw) red, 0 0 calc(0.25rem + 0.25vw) black;
	text-align: left;
	max-height: 8rem;
	overflow-y: auto;
}
.FullScreen-activity-box2 .mainbox .btn-box{
	display: flex;
	width: 100%;
	margin-top: calc(1.2rem + 2vw);
	align-items: center;
	justify-content: center;
}
.FullScreen-activity-box2 .mainbox .btn-box .btn1{
	display: block;
	background-color: orange;
	color: white;
	font-size: calc(0.8rem + 1vw);
	font-weight: bold;
	text-shadow: 0 0 calc(0.1rem + 0.1vw) black;
	padding: calc(0.05rem + 0.05vw) calc(1rem + 0.5vw);
	margin: 0 1vw;
	border-radius: 2vw;
	box-shadow: calc(0.05rem + 0.05vw) calc(0.05rem + 0.05vw) calc(0.05rem + 0.05vw) #00000099;
	cursor: pointer;
}
.FullScreen-activity-box2 .mainbox .img-box1{
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(6rem + 2vw);
	height: calc(6rem + 2vw);
	padding: calc(0.5rem + 0.5vw);
}


/* ==========人工智能内训平台 ==========*/
/* ——————————首页—————————— */
/*顶部栏 */
.AIinternaltraining-titlebox {
	background-color: white;
	height: 50px;
	display: flex;
	align-items: center;
}

.AIinternaltraining-titlebox .titlebox-showmenu {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin: 0 0.25rem 0 0.5rem;
	transition: all ease-in 0.3s;
	flex-shrink: 0;
	cursor: pointer;
}

.AIinternaltraining-titlebox .titlebox-logo {
	height: 100%;
	padding: 0 0.25rem 0 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.AIinternaltraining-titlebox .titlebox-logo .logo {
	width: 30px;
	height: 30px;
	font-size: 0;
	margin-right: 0.25rem;
}

.AIinternaltraining-titlebox .titlebox-logo .text {
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
}

.AIinternaltraining-titlebox .titlebox-link {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	flex-shrink: 0;
}

.AIinternaltraining-titlebox .titlebox-link .link-text {
	padding: 0 16px;
	color: #565656;
}

.AIinternaltraining-titlebox .titlebox-searchbar {
	height: 30px;
	width: 220px;
	flex-shrink: 0;
}

.AIinternaltraining-titlebox .titlebox-icon {
	width: 18px;
	height: 18px;
	font-size: 0;
	margin: 0 1rem;
	flex-shrink: 0;
	cursor: pointer;
}

.AIinternaltraining-titlebox .titlebox-textbox1 {
	display: flex;
	align-items: center;
	margin: 0 0.5rem;
}

.AIinternaltraining-titlebox .titlebox-textbox1 .img-box {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 0;
}

.AIinternaltraining-titlebox .titlebox-textbox1 .text1 {
	margin-left: 0.25rem;
	color: #565656;
}


.AIinternaltraining-titlebox .titlebox-login {
	display: block;
	color: #565656;
	padding: 0 0.25rem;
	margin: 0 0.5rem;
}

.AIinternaltraining-titlebox .titlebox-userinfo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	margin: 0 0.25rem;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-photo {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-identity {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem;
	cursor: pointer;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-identity .text {
	color: #565656;
	font-size: 1rem;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-identity .icon {
	width: 10px;
	height: 10px;
	font-size: 0;
	transform: rotate(90deg);
	margin: 0 2px;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-dropdown {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, 125px);
	z-index: -1;
	width: 150px;
	padding: 0.5rem;
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: 0 0 20px #999;
	opacity: 0;
	transition: all ease-in-out 0.3s;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-dropdown.show {
	transform: translate(0, 25px);
	opacity: 1;
	z-index: 2;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-dropdown .before {
	position: absolute;
	top: 0;
	right: 20px;
	transform: rotate(45deg) translate(0, -50%);
	z-index: 3;
	border-top: 8px solid white;
	border-left: 8px solid white;
	border-right: 8px solid #ffffff00;
	border-bottom: 8px solid #ffffff00;
	width: 0;
	height: 0;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-dropdown .link {
	display: block;
	text-align: center;
	color: #888;
	padding: 0.25rem;
	font-size: 1rem;
}

.AIinternaltraining-titlebox .titlebox-userinfo .userinfo-dropdown .link:hover {
	background-color: #f8f8f8;
}
/* 侧弹窗 */
.AIinternaltraining-sidebarbox {
	position: fixed;
	top: 0;
	left: 0;
	transform: translate(-100%, 0);
	width: 100%;
	height: 100%;
	background-color: var(--pc-main1);
	z-index: 10;
	box-shadow: 0 5px 20px gray;
	border-radius: 0 1rem 1rem 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all ease-in 0.3s;
}

.AIinternaltraining-sidebarbox.show {
	transform: translate(0%, 0%);
}

.AIinternaltraining-sidebarbox .sidebarbox-header {
	height: auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.AIinternaltraining-sidebarbox .sidebarbox-header .btn1 {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 0;
	cursor: pointer;
}
.AIinternaltraining-sidebarbox .sidebarbox-searchbox {
	height: 3.5rem;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
}
.AIinternaltraining-sidebarbox .sidebarbox-searchbox .inner{
	width: 90%;
	height: 100%;
}
.AIinternaltraining-sidebarbox .sidebarbox-body {
	flex: 1;
	overflow-x: hidden;
	overflow-y: auto;
}

.AIinternaltraining-sidebarbox .sidebarbox-body .content-box .link-box1 {
	display: block;
	text-align: center;
	border-bottom: 1px solid var(--pc-main1-light1);
}

.AIinternaltraining-sidebarbox .sidebarbox-body .content-box .link-box1 .link-text1 {
	display: block;
	color: white;
	padding: 0.75rem 0;
	font-size: 1.1rem;
}

.AIinternaltraining-sidebarbox .sidebarbox-body .content-box .link-box1 .link-list1 {
	background-color: white;
	/* display: flex; */
	flex-direction: column;
	display: none;
}

.AIinternaltraining-sidebarbox .sidebarbox-body .content-box .link-box1.open .link-list1 {
	display: flex;
}

.AIinternaltraining-sidebarbox .sidebarbox-body .content-box .link-box1 .link-list1 .link-list-item {
	padding: 0.5rem 0;
	font-size: 1rem;
	color: var(--pc-main1-dark1);
	border-bottom: 1px solid #eee;
}

.AIinternaltraining-sidebarbox .sidebarbox-footer {
	height: auto;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 1rem;
}

.AIinternaltraining-sidebarbox .sidebarbox-footer .btn-box1 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.AIinternaltraining-sidebarbox .sidebarbox-footer .btn-box1 .btn1 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0.5rem;
	border: 1px solid white;
	border-radius: 0.25rem;
	padding: 0.25rem 2rem;
}

.AIinternaltraining-sidebarbox .sidebarbox-footer .btn-box1 .btn1 .btn-text {
	color: white;
	font-size: 1rem;
	font-weight: bold;
}

/* 底部栏footer */
.AIinternaltraining-footerbox-infobox {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.AIinternaltraining-footerbox-infobox .content-box {
	display: block;
	text-align: center;
}

.AIinternaltraining-footerbox-infobox .content-box .info-title {
	display: block;
	color: white;
	font-weight: bold;
	font-size: 1rem;
}

.AIinternaltraining-footerbox-infobox .content-box .info-text {
	display: inline-block;
	color: white;
	font-size: 0.9rem;
}

.AIinternaltraining-footerbox-infobox .content-box .info-link:hover {
	color: #ffffffcc;
}

.AIinternaltraining-footerbox .AIinternaltraining-footerbox-picbox {
	width: 100%;
	height: 100%;
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.AIinternaltraining-footerbox .AIinternaltraining-footerbox-picbox .img-box {
	display: block;
	width: 30%;
	min-width: 90px;
	max-width: 150px;
}

/* 工会前台页面swiper标题栏盒子 */
.gh-swiper-titlebox1{
	padding-right: 0.5rem;
	display: flex;
	align-items: center;
}
.gh-swiper-titlebox1 .swiper-box{
	flex: 1;
}
.gh-swiper-titlebox1 .right-box{
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	position: relative;
	
}
.gh-swiper-titlebox1 .right-box .before-box{
	background-image: linear-gradient(to right,#ffffff00,#ffffffff);
	width: 3rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-100%,0);
	z-index: 1;
}
.gh-swiper-titlebox1 .right-box .btn-box{
	display: flex;
	align-items: center;
}
.gh-swiper-titlebox1 .right-box .btn-box .btn1{
	margin-left: 0.5rem;
	padding: 0.05rem 0.5rem;
	background-color: var(--pc-main1-light3);
	border-radius: 0.25rem;
	color: white;
	font-size: 1.05rem;
	font-weight: bold;
}
.gh-swiper-titlebox1 .right-box .btn-box .btn2{
	margin-left: 0.5rem;
	padding: 0.05rem 0.5rem;
	border: 1px solid var(--pc-main1-light3);
	border-radius: 0.25rem;
	color: var(--pc-main1-light3);
	font-size: 1.05rem;
	font-weight: bold;
}
.gh-swiper-titlebox1 .right-box .btn-box .btn3{
	margin-left: 0.5rem;
	padding: 0.05rem 0rem;
	border-radius: 0.25rem;
	color: var(--pc-main1-light3);
	font-size: 1.05rem;
	font-weight: bold;
}