@charset "utf-8";
/*本样式 出自xxl.AL之手  为尊重作者  请勿使用CV大法*/


/*公共样式*/
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-family:"微软雅黑","Microsoft YaHei";}
body,html{font-size:14px; color: #666;word-break:break-all; -webkit-text-size-adjust: none;width: 100%;height: 100%;overflow: auto;background: #ffffff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,span,input,p,a{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-weight:normal; }
button{border: none;}
a { text-decoration:none; outline:none; color:#666;}
a:hover{color: var(--zhuti-color);}
ul { list-style:none; }
img { border:0; margin:0; padding:0;display:inline-block;vertical-align: middle;}
.fl{ float:left !important;}
.fr{ float:right !important;}
textarea,input,select{  -webkit-appearance:none;outline: none;}
input:-webkit-autofill{
	background-color: #FFFFFF;
	background-image: none;
	color: #000;
}

input::placeholder{color: #666;}
input::-webkit-input-placeholder{color: #666; /* WebKit browsers */}
input:-moz-placeholder{color: #666; /* Mozilla Firefox 4 to 18 */}
input::-moz-placeholder{color: #666; /* Mozilla Firefox 19+ */}
input:-ms-input-placeholder{color: #666; /* Internet Explorer 10+ */}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  background-color: transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s;
}
input {
	background-color: transparent;
}
/*行内块、行内、块*/
.inline-block{display:inline-block !important;}
.inline{display:inline !important;}
.block{display:block !important;}
.none{display:none !important;}
.table-fixed{table-layout: fixed !important;}
.underline{text-decoration: underline !important;}

/*清除浮动*/
.clear{clear: both;}
.outer_clear{zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer_clear:after {clear:both;content:'';display:block;width: 0;height: 0;visibility:hidden; line-height:0; font-size:0;}
/*超出显示···*/
.onehidden{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twohidden{display:-webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.lvbutton{width: 160px;height: 38px;line-height: 38px;color: #FFFFFF;background: #00c10a;border-radius: 6px;outline-style: none;}

/*边距设置 左内 p-l  右内 p-r  上内 p-t  下内 p-b  左外 m-l  右外 m-r  上外 m-t  下外 m-b */

.p-0{padding:0px !important;}.p-5{padding:5px !important;}.p-10{padding:10px !important;}.p-15{padding:15px !important;}.p-20{padding:20px !important;}
.p-l0{padding-left:0px !important;}.p-l5{padding-left:5px !important;}.p-l10{padding-left:10px !important;}.p-l15{padding-left:15px !important;}.p-l20{padding-left:20px !important;}
.p-r0{padding-right:0px !important;}.p-r5{padding-right:5px !important;}.p-r10{padding-right:10px !important;}.p-r15{padding-right:15px !important;}.p-r20{padding-right:20px !important;}
.p-t0{padding-top:0px !important;}.p-t5{padding-top:5px !important;}.p-t10{padding-top:10px !important;}.p-t15{padding-top:15px !important;}.p-t20{padding-top:20px !important;}
.p-b0{padding-bottom:0px !important;}.p-b5{padding-bottom:5px !important;}.p-b10{padding-bottom:10px !important;}.p-b15{padding-bottom:15px !important;}.p-b20{padding-bottom:20px !important;}

.m-0{margin: 0px !important;}.m-5{margin: 5px !important;}.m-10{margin: 10px !important;}.m-15{margin: 15px !important;}.m-20{margin: 20px !important;}
.m-l0{margin-left: 0px !important;}.m-l5{margin-left: 5px !important;}.m-l10{margin-left: 10px !important;}.m-l15{margin-left: 15px !important;}.m-l20{margin-left: 20px !important;}
.m-r0{margin-right: 0px !important;}.m-r5{margin-right: 5px !important;}.m-r10{margin-right: 10px !important;}.m-r15{margin-right: 15px !important;}.m-r20{margin-right: 20px !important;}
.m-t0{margin-top: 0px !important;}.m-t5{margin-top: 5px !important;}.m-t10{margin-top: 10px !important;}.m-t15{margin-top: 15px !important;}.m-t20{margin-top: 20px !important;}
.m-b0{margin-bottom: 0px !important;}.m-b5{margin-bottom: 5px !important;}.m-b10{margin-bottom: 10px !important;}.m-b15{margin-bottom: 15px !important;}.m-b20{margin-bottom: 20px !important;}
.m-l-auto{margin-left: auto !important;}.m-r-auto{margin-right: auto !important;}

/*固定宽度*/
.content-1200{ width:1200px !important; margin:0 auto;}
.content-1300{ width:1300px !important; margin:0 auto;}
.content-1500{ width:1500px !important; margin:0 auto;}

/*小手*/
.cursor{cursor: pointer;}

/*文本框*/
textarea{ border-radius:4px;}
textarea{ resize : none;}
area{outline: none}

/*去边框*/
.bordernone{ border:none !important;}

/*文字方向*/
.text-left{ text-align:left !important;}
.text-right{ text-align:right !important;}
.text-center{ text-align:center !important;}

/*固定颜色*/
.color-red{color:#a8101d !important;}
.color-000{color:#000000 !important;}
.color-333{color:#333333 !important;}
.color-666{color:#666666 !important;}
.color-999{color:#999999 !important;}
.color-white{color:#ffffff !important;}
.color-lan{color:#2196f3 !important;}
.color-huang{color:#ff9800 !important;}
.color-ju{color:#ff5722 !important;}
.color-lv{color:green !important;}
.color-zi{color:#673ab7 !important;}
.color-zhuti{color:var(--zhuti-color) !important;}
a.color-lan:hover{color:#a8101d !important;}
.bg-bai{background: #ffffff !important;}
.bg-hui{background: #f5f5f5 !important;}
/*切换身份颜色*/
.bg-dsr{background: #ffe7eb !important;}
.bg-ls{background: #e7eefe !important;}
.bg-dzjg{background: #ffe0b2 !important;}
.bg-zcy{background: #e5e5fd !important;}
.bg-tjy{background: #d9fae6 !important;}


.text-bold{font-weight:bold !important;}

/*文本居中方式*/
.align-left{ text-align:left !important;} 
.align-right{ text-align:right !important;}

/*定位*/
.relative{ position:relative;}
.absolute{ position:absolute;}


/*宽度 高度  最大宽度  最大高度*/
.shadow {box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) !important;}
.shadow-none {box-shadow: none !important;}
.w20{width:20% !important;}
.w25 {width: 25% !important;}
.w33{width:33.33% !important;}
.w50 {width: 50% !important;}
.w75 {width: 75% !important;}
.w100 {width: 100% !important;}
.w-auto {width: auto !important;}
.h20 {height: 20% !important;}
.h25 {height: 25% !important;}
.h33{height:33.33% !important;}
.h50 {height: 50% !important;}
.h75 {height: 75% !important;}
.h100 {height: 100% !important;}
.h-auto {height: auto !important;}
.mw-100 {max-width: 100% !important;}
.mh-100{max-height: 100% !important;}

/*文字大小*/
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}

/*自定义属性*/
:root {
  --zhuti-color: #a8101d;  /*主题颜色*/
  --zhuti-bg-color: #a8101d;  /*主题背景颜色*/
  --zhuti-border-color: #a8101d;  /*主题线颜色*/
  --zhuti-jianbian-color1: #b1150c;  /*主题渐变颜色1*/
  --zhuti-jianbian-color2: #d8261c;  /*主题渐变颜色2*/
  --zhuti-zhuti-rgb: 168,16,29;  /*主题色rgb*/
  --zhuti-zhuti-qh: #ffe9eb;  /*主题切换色*/
  
  --sidebar-width:280px;  /*侧边栏宽度*/
  --sidebar-width:260px;  /*侧边栏宽度*/
  --index-content-max-width:1000px /*index内容区宽度*/
}

/*自定义属性 - 当事人（#a8101d）*/
.root-dsr{
	--zhuti-color: #a8101d;  /*主题颜色*/
	--zhuti-bg-color: #a8101d;  /*主题背景颜色*/
	--zhuti-border-color: #a8101d;  /*主题线颜色*/
	--zhuti-zhuti-rgb: 168,16,29;  /*主题色rgb*/
	--zhuti-zhuti-qh: #ffe9eb;  /*主题切换色*/
}

/*自定义属性 - 律师（#1256a5）*/
.root-ls{
	--zhuti-color: #1356a5;  /*主题颜色*/
	--zhuti-bg-color: #1356a5;  /*主题背景颜色*/
	--zhuti-border-color: #1356a5;  /*主题线颜色*/
	--zhuti-zhuti-rgb: 19,86,165;  /*主题色rgb*/
	--zhuti-zhuti-qh: #e7eefe;  /*主题切换色*/
}

/*自定义属性 - 垫资机构（#dd7f1b）*/
.root-dzjg{
	--zhuti-color: #dd7f1b;  /*主题颜色*/
	--zhuti-bg-color: #dd7f1b;  /*主题背景颜色*/
	--zhuti-border-color: #dd7f1b;  /*主题线颜色*/
	--zhuti-zhuti-rgb: 221,127,27;  /*主题色rgb*/
	--zhuti-zhuti-qh: #fdf9d3;  /*主题切换色*/
}

/*自定义属性 - 仲裁员（#010080）*/
.root-zcy{
	--zhuti-color: #010080;  /*主题颜色*/
	--zhuti-bg-color: #010080;  /*主题背景颜色*/
	--zhuti-border-color: #010080;  /*主题线颜色*/
	--zhuti-zhuti-rgb: 1,0,128;  /*主题色rgb*/
	--zhuti-zhuti-qh: #e5e5fd;  /*主题切换色*/
}

/*自定义属性 - 调解员（#009688）*/
.root-tjy{
	--zhuti-color: #009688;  /*主题颜色*/
	--zhuti-bg-color: #009688;  /*主题背景颜色*/
	--zhuti-border-color: #009688;  /*主题线颜色*/
	--zhuti-zhuti-rgb: 0,150,136;  /*主题色rgb*/
	--zhuti-zhuti-qh: #d9fae6;  /*主题切换色*/
}

/*背景阴影*/
.shadow{
	-moz-box-shadow:0 0 5px #d5d5d5;
	-webkit-box-shadow:0 0 5px #d5d5d5; 
	box-shadow:0 0 5px #d5d5d5;
}

/*渐变背景*/
.jianbian-bg{
	background: linear-gradient(to top, var(--zhuti-jianbian-color1), var(--zhuti-jianbian-color2)) !important;
	color: white;
}
.jianbian-bg1{
	background: linear-gradient(to top, var(--zhuti-jianbian-color2), var(--zhuti-jianbian-color1)) !important;
	color: white;
}
/*过渡效果*/
.transition{
	transition:all 0.36s linear;
	-moz-transition:all 0.36s linear;
	-webkit-transition:all 0.36s linear;
	-o-transition:all 0.36s linear;
}

/*引入字体
@font-face{
	font-family:"STXINWEI";
	src:url("../font/STXINWEI.TTF");
}
*/

/*input-checked 图片切换*/
input[type="checkbox"]{
	-webkit-appearance: none; 
	outline:none;
	cursor:pointer; 
	width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align:middle;
    margin-top: -3px;
    margin-right: 2px;
	background: url(../images/input-checkbox.png) no-repeat center center;
	border: 1px solid #9b9b9b;
}
input[type="checkbox"]:checked{
	background: url(../images/input-checked.png) no-repeat center center;
	}

/*radio*/
input[type="radio"]{ 
	outline:none;
	cursor:pointer; 
	width: 16px;
  	height: 16px;
    display: inline-block;
    vertical-align:middle;
	background:url(../images/search-radio.png) no-repeat;
	margin-top: -3px;
}
input[type="radio"]:checked{background:url(../images/search-radio-active.png) no-repeat;}

.input-button{
	width: auto;
    margin: 0;
    color: #FFFFFF;
    background: var(--zhuti-bg-color);
    border: 1px solid var(--zhuti-bg-color);
    padding: 7px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    outline-style: none;
    width: 120px;
    font-size: 14px;
	vertical-align: middle;
	text-align: center;
}
.input-button:hover{
	opacity:0.9;
}

/*日历按钮样式*/
.input-data-img{
	cursor: pointer;
	background: url(../images/data.png) no-repeat right 10px center #fff !important;
}

/*搜索按钮样式*/
.input-search-img{
	cursor: pointer;
	background: url(../images/search.png) no-repeat right 20px center #fff !important;
}

/*定义滚动条*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: transparent;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #transparent;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #bebebe;
}
::-webkit-scrollbar-thumb:hover
{
    background-color: #8b8b8b;
}
/*边角，及两个滚动条的交汇处*/
::-webkit-scrollbar-corner {
 	background-color: transparent;
}


/*弹框*/
.tankuang-box{
	width:100%;
	height: 100%;
}
.tankuang-box .tankuang{
	width:100%;
	height: 100%;
	background:#ffffff;
	border-radius:20px;
	overflow:auto;
	padding:20px 28px;
	position:relative;
}
.tankuang-box .tankuang .tankuang-xian{width:100%;height:3px;background:#a8101d;position:absolute;top:0;left:0;}
.tankuang-box .tankuang .tankuang-close{
	width:28px;
	height:28px;
	background: url(../images/icon-close-hei.png) no-repeat center center / 20px;
    position: absolute;
    top: 20px;
    right: 28px;
    cursor: pointer;
    z-index: 10;
	border-radius:4px;
}
.tankuang-box .tankuang .tankuang-close:hover {
    background-color: rgba(46, 50, 56, .05);
}
.tankuang-box .tankuang-header{
	font-size: 17px;
	font-weight: bold;
    color: #000;
    font-family: "ALIBABAPUHUITI";
	margin-bottom: 20px;
	position:relative;
	padding-left:15px;
}
.tankuang-box .tankuang-header::before {
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: #a8101d;
}
.tankuang-box .tankuang-con{
	height: calc(100% - 48px - 50px);
    overflow: auto;
}
.tankuang-bottom{
	height:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.tankuang-bottom .input-btn-box{margin: 0;}
.input-group-box{
	width:100%;
	height:50px;
	background:#f6f6f6;
	border-radius:10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding:0 15px;
	margin-bottom:15px;
	border: 1px solid #f6f6f6;
}
.input-group-box:hover{background: #eeeeee;}
.input-group-box .group-label{font-size:14px;color:#000;height:50px;line-height:50px;}
.input-group-box .group-input{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height:50px;display: flex;align-items: center;justify-content: end;font-size:14px;}
.input-group-box .group-input .input-text{width:100%;height:100%;border:0;background:transparent;font-size:14px;text-align:right;}
.input-group-box .group-input .input-select {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    color: #666;
    text-align: right;
    background: url(../images/icon-xiajiantou.png) no-repeat right 10px center;
    padding-right: 25px;
    border: none;
}
.input-textarea-box{
	width: 100%;
    min-height: 50px;
    background: #f6f6f6;
    border-radius: 10px;
	margin-bottom: 15px;
    border: 1px solid #f6f6f6;
	display: flex;
    flex-direction: column;
}
.input-textarea-box .group-label{
    font-size: 14px;
    color: #000;
    height: 50px;
    line-height: 50px;
	padding: 0 15px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	border-bottom: 1px solid #d6d6d6;
}
.input-textarea-box .group-textarea{
	padding: 15px;
    height: 200px;
    overflow: auto;
	display: flex;
    flex-flow: column;
}
.input-textarea-box .group-textarea textarea{
	width: 100%;
    flex: 1;
    margin-bottom: 10px;
    border: none;
    background: transparent;
	font-size:14px;
}
.input-textarea-box .group-textarea .upload-box{
	display: flex;
	padding:0;
	height:auto;
	overflow: initial;
}
.input-textarea-box .group-textarea .upload-box .upload-item {
    margin: inherit;
}

.input-btn-box{width:100%;margin: 15px 0;margin-top:30px;}
.input-btn{
    width: 60%;
	height: 46px;
    line-height: 46px;
	padding:0 10px;
	margin: 0 auto;
    background-color: var(--zhuti-color);
    color: #fff;
    border: none;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
	text-align:center;
}
.input-btn:hover{opacity: 0.9;}

.input-btn-border{
	min-width: 120px;
    height: 32px;
    line-height: 30px;
	padding:0 10px;
    border:1px solid var(--zhuti-color);
    text-align: center;
    color: var(--zhuti-color);
    font-size: 14px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	cursor:pointer;
	text-align:center;
}
.input-btn-border:hover{background-color: var(--zhuti-color);color: #fff;}

.flex{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-align{
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.flex-justify{
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-justify-between{
	-webkit-box-pack: justify !important;
	-moz-justify-content: space-between !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
}
.flex-justify-end{
	-webkit-box-pack: end !important;
	-moz-justify-content: end !important;
	-webkit-justify-content: end !important;
	justify-content: end !important;
}
.flex-auto{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-wrap{
    -webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}

/*公共样式结束*/

.moban-box{width:100%;height:100%;background: #f6f6f6;position: relative;overflow:auto;}
.login-big-box{background: #f5f9fb;}
.login-content-box{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
}
.login-content-bg{
	position: relative;
    margin: 0 auto;
    width: 1220px;
    height: 100%;
    background-position: 10% 75%;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
	
	background-image: url(../images/login-content-bg.png);
}
.login-content-bg .content-text{
	max-width: 500px;
	position: absolute;
    top: 30%;
    margin-top: -130px;
}
.login-content-bg .content-text .eye-logo {
    font-size: 48px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}
.login-content-bg .content-text .slogan {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
	color:#000000;
	font-family:"ALIBABAPUHUITI";
}
.login-content-bg .content-text .desc {
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 30px;
	font-family:"ALIBABAPUHUITI";
}
.login-content-bg .content-text .text-btn{
    display: inline-block;
    padding: 12px 30px;
    background-color: #a8101d;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
	border:3px solid #d8a0a7;
}
.login-box{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: 100px;
    z-index: 4;
    width: 460px;
    height: 480px;
    background: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #fff, #f4f4f4);
    background-image: -moz-linear-gradient(top,#fff 0,#f4f4f4 100%);
    background-image: linear-gradient(-180deg, #fff, #f4f4f4);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1), -2px -2px 5px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1), -2px -2px 5px rgba(0, 0, 0, .1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 0;
    text-align: left;
    pointer-events: all;
}
.login-content{
    height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.login-left-box{
    position: relative;
    width: 80px;
    height: 100%;
    background: #f1f1f1;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
	display: inline-block;
	vertical-align: middle;
}
.login-left-box .left-nav{margin-top:85px;}
.login-left-box .left-nav .left-nav-item{
	display: block;
    margin: 0 auto;
    width: 51px;
    height: 51px;
    width: 53px\9;
    height: 53px\9;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 0;
	background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
	margin-top:25px;
	opacity: .6;
	cursor:pointer;
	position: relative;
}
.login-left-box .left-nav .left-nav-item .item-sanjiao{position: absolute;top: 50%;margin-top: -8px;right: -17px;display:none;}
.login-left-box .left-nav .left-nav-item:hover,.login-left-box .left-nav .left-nav-item.active{opacity: 1;}
.login-left-box .left-nav .left-nav-item.active .item-sanjiao{display:block;}
.login-left-box .left-nav .left-nav-item.item1{
	background-image:url(../images/login-nav-item1.png);
}
.login-left-box .left-nav .left-nav-item.item1.active{
	background-image:url(../images/login-nav-item1-active.png);
}
.login-left-box .left-nav .left-nav-item.item2{
	background-image:url(../images/login-nav-item2.png);
}
.login-left-box .left-nav .left-nav-item.item2.active{
	background-image:url(../images/login-nav-item2-active.png);
}
.login-left-box .left-nav .left-nav-item.item3{
	background-image:url(../images/login-nav-item3.png);
}
.login-left-box .left-nav .left-nav-item.item3.active{
	background-image:url(../images/login-nav-item3-active.png);
}
.login-left-box .left-nav .left-nav-item.item4{
	background-image:url(../images/login-nav-item4.png);
}
.login-left-box .left-nav .left-nav-item.item4.active{
	background-image:url(../images/login-nav-item4-active.png);
}
.login-left-box .left-nav .left-nav-item.item5{
	background-image:url(../images/login-nav-item5.png);
}
.login-left-box .left-nav .left-nav-item.item5.active{
	background-image:url(../images/login-nav-item5-active.png);
}
.login-right-box{
    position: relative;
    z-index: 4;
    width: 380px;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.login-right-con{width:100%;height:100%;overflow:auto;}
.login-right-box h2 {
    margin-top: 46px;
    font-size: 24px;
    color: #21293a;
    line-height: 28px;
    font-weight: 700;
	margin-bottom: 20px;
}
.login-input-box{
    padding: 0 24px;
}
.login-input-box .input-group{width:100%;margin-bottom: 20px;position:relative;}
.login-input-box .input-group input{
	width: 100%;
	height: 46px;
    line-height: 46px;
    border: 1px solid #acacac;
    border-radius: 6px;
	color: #333;
    font-size: 14px;
	padding-left: 14px;
}
.login-input-box .input-group input:focus{
  border-color: #a8101d;
}
.login-right-box .forgot-pwd {
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}
.login-btn {
    width: 100%;
	height: 46px;
    line-height: 46px;
    background-color: #a8101d;
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 15px;
	text-align:center;
}
.login-btn:hover{opacity:0.9;}
.login-right-box a:hover{color:#a8101d;}
.login-agreement {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.login-header-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-width: 1200px;
    padding: 0 40px;
    height: 70px;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-header-box .header-logo {
	display: flex;
	align-items: center;
	gap: 10px;
}
.login-header-box .header-logo img {
	max-height: 40px;
}
.login-header-box .header-logo-text {
	font-size: 24px;
	font-weight: bold;
	color: #d9232e;
}
.login-header-box .header-nav{margin-left: 100px;}
.login-header-box .header-nav ul {
	display: flex;
	list-style: none;
	gap: 40px;
}
.login-header-box .header-nav ul li{position:relative;}
.header-nav ul li .header-nav-hover{
	position: absolute;
    width: 500px;
    text-align: center;
    top: 0;
    left: 50%;
    margin-left: -250px;
    padding-top: 35px;
	z-index: 20;
    display: none;
}
.header-nav ul li .header-nav-hover .app-item-box{
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .1), -2px -2px 5px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1), -2px -2px 5px rgba(0, 0, 0, .1);
}
.header-nav ul li .header-nav-hover .app-item-box .app-item{width: 160px;}
.header-nav ul li .header-nav-hover .app-item-box .app-item.hui{filter: opacity(0.6);}
.header-nav ul li .header-nav-hover .img{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e3e5ec;
    display: inline-block;
    vertical-align: top;
    padding: 4px;
	width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-nav ul li .header-nav-hover .img img{max-width:100%;max-height:100%;filter: grayscale(1);}
.header-nav ul li .header-nav-hover .text{
	font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: top;
    padding: 6px 0 0;
	color: #333;
}
.header-nav ul li .header-nav-hover a:hover .text{color:#a8101d;}
.header-nav ul li .header-nav-hover .app-item-box .app-item.hui .text{color:#333 !important;}
.header-nav ul li:hover .header-nav-hover{display: block;}
.login-header-box .header-nav a {
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
.login-header-box .header-nav a:hover{color:#a8101d;}
.login-header-box .header-nav-right {
	font-size: 12px;
	color: #666;
}
.login-header-box .header-nav-right a {
	color: #666;
	text-decoration: none;
	margin: 0 5px;
}
.login-header-box .header-nav-right a:hover{color:#000000;}

.login-footer-box{
	position: absolute;
    font-size: 12px;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 1200px;
    padding-top: 24px;
    padding-bottom: 24px;
    z-index: 10;
}
.input-yzm{
	position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -16px;
    background-color: #a8101d;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
	cursor:pointer;
}
.input-yzm:hover{opacity:0.9;}

/*PC-头部*/
.pc-header-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
    min-width: 1200px;
    padding: 0 20px;
    height: 65px;
    z-index: 5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:var(--zhuti-bg-color);
	position:relative;
}
.pc-header-box .header-logo {
	display: flex;
	align-items: center;
	gap: 10px;
}
.pc-header-box .header-logo img {
	max-height: 40px;
}
.pc-header-box .header-logo-text {
	font-size: 24px;
	font-weight: bold;
	color: #d9232e;
}
.pc-header-box .header-nav{margin-left: 100px;}
.pc-header-box .header-nav ul {
	display: flex;
	list-style: none;
	gap: 20px;
	flex-wrap: wrap;
}
.pc-header-box .header-nav a {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 0;
	cursor:pointer;
	white-space: nowrap;
}
.pc-header-box .header-nav li.active a{
    border-bottom: 2px solid white;
	font-weight:bold;
}
.pc-header-box .search-box{
	margin-left: auto;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 30px;
    padding: 5px 20px;
    width: 370px;
	height: 70%;
}
.pc-header-box .search-box .search-img-biao{max-height: 100%;max-width: 25px;}
.pc-header-box .search-box .search-input{
    border: none;
    outline: none;
    width: 100%;
	height:100%;
    font-size: 14px;
	padding:0 15px;
}
.pc-header-box .search-box .search-btn{
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #a8101d;
}
.pc-content-box{
	display: flex;
    height: calc(100vh - 65px);
}
/* 左侧边栏 */
.pc-sidebar{
	width: var(--sidebar-width);
	height:100%;
	background-color: #f5f5f5;
	display: flex;
	flex-direction: column;
}
.pc-sidebar .section h3 {
	font-size: 17px;
	margin-bottom: 10px;
	color: #000;
	position:relative;
	padding-left:15px;
	font-weight: bold;
}
.pc-sidebar .section h3::before {
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: var(--zhuti-bg-color);
}
.pc-sidebar .section .case-item,
.pc-sidebar .section .chat-item {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 15px;
}
.pc-sidebar .user-info {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 10px;
}
.pc-sidebar .user-info .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-image:url(../images/moren-touxiang.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
	border:1px solid var(--zhuti-border-color);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pc-sidebar .user-info .user-name {
	font-size: 17px;
    color: #000;
    font-weight: bold;
}
.pc-sidebar .user-info .setting {
	font-size: 14px;
    color: #666;
    cursor: pointer;
    margin-top: 10px;
	
	display: flex;
    align-items: center;
}
.pc-sidebar .user-info .setting img{margin-left:8px;}
.user-info .setting{position:relative;}
.user-info .setting .gd-menu-box .menu-icon i{font-size: 15px;margin-right: 5px;}
.user-info .setting .gd-menu-box .gd-menu-item .menu-icon {color: #666;}
.pc-sidebar .role-switch {
	display: flex;
	align-items: center;
	margin: 10px 0;
	background: var(--zhuti-zhuti-qh);
	padding:10px;
	border-radius:8px;
}
.pc-sidebar .role-switch .icon-img{display: flex;align-items: center;margin-right: 10px;overflow:hidden;}
.pc-sidebar .role-switch .icon-img img{
	margin-right: 5px;
    border-right: 45px solid transparent;
    -webkit-filter: drop-shadow(16px 0 0px var(--zhuti-bg-color));
    filter: drop-shadow(45px 0 0px var(--zhuti-bg-color));
    margin-left: -45px;
}
.pc-sidebar .role-switch span {
	font-size: 14px;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
    align-items: center;
	color: #333;
}
.pc-sidebar .role-switch span img{margin-left:8px;}
.pc-sidebar .role-switch span.qhsf{margin-left:auto;color: #666;}
.pc-sidebar .role-switch span.qhsf:hover{color:var(--zhuti-color);}
.pc-sidebar .role-switch span.active {
	background-color: var(--zhuti-bg-color);
	color: white;
}
.pc-sidebar .shortcut{
	display: flex;
    align-items: center;
	justify-content: space-between;
	color: #666;
	font-size: 14px;
}
.pc-sidebar .shortcut .item a{
	display: flex;
    align-items: center;
	color: #666;
	font-size: 14px;
}
.pc-sidebar .shortcut .item a img{margin-right:3px;}
.pc-sidebar .shortcut .item a:hover{color:var(--zhuti-color);}
.pc-sidebar .shortcut .xian{width:1px;height:20px;background:#acacac;}

.pc-sidebar .quick-actions {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}
.pc-sidebar .quick-actions .item{
	flex: 1;
	padding: 10px;
	background-color: #ffffff;
	color: #000;
	border-radius: 15px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.2s;
}
.pc-sidebar .quick-actions .item .item-img{
	width:38px;
	height:38px;
	background-color:var(--zhuti-bg-color);
	display: flex;
    align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 5px;
}
.pc-sidebar .quick-actions .item .item-txt{
	text-align:center;
}
.pc-sidebar .quick-actions .item:hover{background: var(--zhuti-bg-color);}
.pc-sidebar .quick-actions .item:hover .item-txt{color:#ffffff;}

.pc-sidebar .pc-sidebar-top{flex: 1 1;padding: 20px 15px;overflow-y:auto;border-bottom:1px solid #e6e6e6;}
.pc-sidebar .pc-sidebar-top .section{margin-bottom:30px;}
.pc-sidebar .pc-sidebar-top .section:last-child{margin-bottom:0;}
.pc-sidebar .pc-sidebar-bottom{padding: 20px 15px;}


.pc-content-right-box{
	flex: 1;
    height: 100%;
    display: flex;
	width: calc(100% - var(--sidebar-width));
}

/* 主内容区 */
.pc-main-content {
	flex: 1;
	height:100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	overflow:auto;
	background:#ffffff;
	position:relative;
}
.main-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.main-header h2 {
	font-size: 17px;
	color: #000;
	position: relative;
    padding-left: 15px;
	font-weight:bold;
}
.main-header h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: var(--zhuti-bg-color);
}
.main-header .join-btn {
	background-color: var(--zhuti-bg-color);
	color: white;
	border: none;
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	display: flex;
    align-items: center;
	justify-content: center;
	border-radius:30px;
	min-width:110px;
}
.main-header .join-btn img{margin-right:5px;}
.main-header .join-btn:hover{box-shadow: 0 0 10px #d1d1d1;}
/* 律师列表表格 */
.lawyer-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}
.lawyer-table tr{height:60px;}
.lawyer-table th,
.lawyer-table td {
	padding: 5px 8px;
	text-align: left;
	border-bottom: 1px solid #eee;
}
.lawyer-table th {
	padding: 12px 8px;
	background-color: #fafafa;
	font-weight: normal;
    color: #333;
	white-space: nowrap;
}
.pc-list-table-box .lawyer-avatar {
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
    background-image: url(../images/moren-touxiang.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
    border: 1px solid var(--zhuti-border-color);
}
.pc-list-table-box .tags {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.pc-list-table-box .tag {
	background-color: var(--zhuti-zhuti-qh);
	color: var(--zhuti-color);
	padding: 2px 6px;
	border-radius: 10px 0 10px 0;
}
.pc-list-table-box .tag.red{background-color: #a8101d;color: #ffffff;}
.pc-list-table-box .tag.hui{background-color: #9f9f9f;color: #ffffff;}
.pc-list-table-box .tag.lan{background-color: #217df3;color: #ffffff;}
.pc-list-table-box .tag.ju{background-color: #d86e15;color: #ffffff;}
.pc-list-table-box .tag.lv{background-color: #009688;color: #ffffff;}
.pc-list-table-box .price {
	color: var(--zhuti-color);
	font-weight: bold;
}
.pc-list-table-box .stars {
	color: #ffc107;
	display: flex;
	flex-wrap: wrap;
}
.pc-list-table-box .rate {
	color: #28a745;
}
.action-btns-box{
	display: flex;
	gap: 10px;
}
.action-btns-box .action-item{
	cursor: pointer;
	color:var(--zhuti-color);
}
.action-btns-box .action-icon{font-size:18px;}
.action-btns-box .action-icon,.action-btns-box .action-txt{text-align:center;}
/* 分页 */
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
	font-size: 14px;
}
.pagination .item {
	width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
	border: 1px solid #e2e2e2;
	background-color: white;
	cursor: pointer;
	border-radius: 3px;
	color: #666;
	transition: all 0.3s;
}
.pagination .item:hover{border-color: var(--zhuti-bg-color);color:var(--zhuti-color);}
.pagination .item.active {
	background-color: var(--zhuti-bg-color);
	color: white;
	border-color: var(--zhuti-bg-color);
}
.pagination .page-info {
	margin: 0 10px;
	color: #666;
}
.pagination .jump-box {
	display: flex;
	align-items: center;
	gap: 5px;
}
.pagination .jump-box span{white-space: nowrap;}
.pagination .filter-select{padding: 4px 8px;background: url(../images/icon-xiajiantou.png) no-repeat right 10px center;padding-right: 25px;}
.pagination .input-btn{width: auto;height: 30px;line-height: 30px;white-space: nowrap;font-size:14px;}
.pagination .jump-box input {
	width: 50px;
	padding: 4px;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	text-align:center;
	color: #666;
}
/* 右侧筛选栏 */
.pc-filter-sidebar {
	width: var(--sidebar-width);
	background-color: #f5f5f5;
	height:100%;
	display: flex;
    flex-direction: column;
}
.pc-filter-sidebar h3{
	font-size: 17px;
	margin-bottom: 10px;
	color: #000;
	position:relative;
	padding-left:15px;
	font-weight: bold;
}
.pc-filter-sidebar h3::before {
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: var(--zhuti-bg-color);
}
.pc-filter-sidebar h3.shaixuan{padding-left: 28px;}
.pc-filter-sidebar h3.shaixuan::before{
	background:url(../images/icon-shaixuan.png) no-repeat;
	width: 18px;
}
.filter-group {
	margin-bottom: 10px;
	background: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.filter-group h4 {
	font-size: 14px;
	margin-bottom: 10px;
	color:#000;
	display: flex;
    justify-content: space-between;
}
.filter-group small{color: #666;}
.filter-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.filter-tag {
	padding: 5px 10px;
	border: 1px solid #d2d2d2;
	border-radius: 30px;
	font-size: 14px;
	cursor: pointer;
	background-color: #f2f2f2;
	color:#333;
}
.filter-tag.active {
	background-color: var(--zhuti-bg-color);
	color: white;
	border-color: var(--zhuti-bg-color);
}
.filter-select {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #666;
}
.filter-input {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	color: #666;
}
.filter-actions {
	display: flex;
	gap: 10px;
	height: 36px;
}
.filter-actions div{
	padding: 8px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	text-align:center;
	border-radius:30px;
	white-space: nowrap;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.filter-actions .clear-btn {
	background-color: white;
	color: #666;
	border: 1px solid #666666;
}
.filter-actions .clear-btn i{font-size:20px;margin-right:3px;}
.filter-actions .clear-btn:hover{border-color:var(--zhuti-border-color);color:var(--zhuti-color);}
.filter-actions .confirm-btn {
	background-color: var(--zhuti-bg-color);
	color: white;
	border: none;
}
.filter-actions .confirm-btn i{color:#ffffff;font-size:20px;margin-right:3px;}
.filter-actions .confirm-btn:hover{opacity:0.9;}
.filter-group-zuhe{}
.filter-group-zuhe .filter-group{
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
}
.filter-group-zuhe .filter-group h4{margin-bottom:0;margin-right: 5px;}
.filter-group-zuhe .filter-group-zuhe-input{flex:1;max-width: 50%;}
.filter-group-zuhe .filter-select{text-align:right;background:url(../images/icon-xiajiantou.png)no-repeat right 10px center;padding-right: 25px;border:none;}
.filter-group-zuhe .filter-input{text-align:right;padding-right: 8px;border:none;}

.filter-options-box{
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.filter-options{
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-bottom: 10px;
	width: 100%;
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
}
.filter-options .options-ck{
	margin-right: 8px;
	margin-top:0;
}
.filter-options .options-txt{
	flex:1;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #000;
}
.filter-options .options-icon{width:13px;height:13px;background:url(../images/icon-xiajiantou.png)no-repeat center center;cursor:pointer;}
.filter-options .options-icon.ok{transform: rotateZ(180deg);}
.filter-options-box.two-column .filter-options{margin-bottom:0;}
.two-column {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}



.pc-filter-sidebar-top{flex: 1 1;padding: 20px 15px;overflow-y:auto;border-bottom:1px solid #eeeeee;}
.pc-filter-sidebar-bottom{padding: 10px 15px;background:#ffffff;border-left: 1px solid #f2f2f2;}
.pc-filter-sidebar-bottom .filter-actions{justify-content: center;}

.main-contant{
	position:relative;
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.pc-list-zishiying{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow:auto;
}
.pc-list-table-box{overflow:auto;}

.layui-table-view,.layui-table-header{
	border:none !important;
}
.layui-table tr th{
	background: transparent !important;
	text-align: left;
	font-weight: normal !important;
	font-size: 14px !important;
	position: relative;
	border:none !important;
}
.layui-table thead>tr{
	border-bottom: 1px solid #e8e8e8 !important;
	background-color: #f7f7f7 !important;
	height: 40px !important;
	line-height: inherit !important;
	box-shadow: 0 1px 5px 0 #dadbde !important;
}
.layui-table-header{
	position:relative;
	box-shadow: 0 1px 5px 0 #dadbde !important;
	z-index:10;
}
.layui-table tr th .layui-table-cell span{
	font-weight: normal !important;
	color: #333;
	/*font-size:12px;*/
}
.layui-table-sort .layui-table-sort-asc{
	border-bottom-color: var(--zhuti-color) !important;
	opacity:0.5;
}
.layui-table-sort .layui-table-sort-asc:hover{
	opacity:1;
	border-bottom-color: var(--zhuti-color) !important;
}
.layui-table-sort .layui-table-sort-desc{
	opacity:0.5;
	border-top-color: var(--zhuti-color) !important;
}
.layui-table-sort .layui-table-sort-desc:hover{
	opacity:1;
	border-top-color: var(--zhuti-color) !important;
}
.layui-table-view .layui-table tr td{border:none !important;}

.layui-form-checkbox.layui-form-checked[lay-skin=primary] i{
	border: 1px solid #308df3 !important;
	background:#ffffff !important;
	color:#308df3 !important;
	font-weight:bold;
}
.layui-form-checkbox[lay-skin=primary] i{
	border: 1px solid #d0d0d3 !important;
}
.layui-table-hover .layui-form-checkbox[lay-skin=primary] i{border: 1px solid #308df3 !important;}
.layui-table-body,.layui-table-view .layui-table-main{padding-top:;}
.layui-table-view .layui-table{
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.tablistzzzzz .layui-table-view,.tablistzzzzz .publictable-box,.tablistzzzzz_2 .layui-table-view,.tablistzzzzz_2 .publictable-box{height: 100% !important;margin: 0 !important;}
.tablistzzzzz,.tablistzzzzz_2{border:1px solid #e2e2e2 !important;}
.layui-table-box{height: 100%;}
.layui-table-header{height:40px !important;}
.layui-table-view .layui-table-main{height: calc(100% - 40px) !important;}
.layui-table tr{height:40px;border-bottom:1px solid #e6e6e6;}
.layui-table-tips-c:before{right:0;}
.layui-form thead>tr>th:before{content:'';position:absolute;display:inline-block;width:1px;height:17px;background-color:#e2e2e2;left:0;top:50%;margin-top:-8.5px;}
.layui-form thead>tr>th:first-child:before{display:none}
.tablistzzzzz .layui-table-hover,.tablistzzzzz_2 .layui-table-hover{
	background-color: #fafafa;
}
/*layui_table 高度自适应*/
.tablistzzzzz .layui-table-view,.tablistzzzzz .publictable-box,.tablistzzzzz_2 .layui-table-view,.tablistzzzzz_2 .publictable-box{height: 100% !important;margin: 0 !important;}
.layui-table-box{height: 100%;}
.layui-table-header{height:40px !important;}
.layui-table-view .layui-table-main{height: calc(100% - 40px) !important;}
.layui-table-cell {height: 100%;line-height: inherit;}
.layui-table-cell, .layui-table-tool-panel li {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*loading*/
.loading {display:none; position:fixed; top:50%; left:50%; width:220px; height:42px; line-height:42px; margin-top:-21px; margin-left:-110px; padding:0 10px; text-align:center; background-color:#fff; border:1px solid #dbdce0; box-shadow:0 2px 5px #f1f0f0; border-radius:5px; z-index:999999999; }
.loading > div { display:inline-block; background-color:#3c8ee9; border-radius:100%; width:10px; height:10px; animation:bounce 1.5s infinite ease-in-out; -moz-animation:bounce 1.5s infinite ease-in-out; -webkit-animation:bounce 1.5s infinite ease-in-out; animation-fill-mode:both; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; }
.loading > div:nth-child(1) { animation-delay:-0.32s; -moz-animation-delay:-0.32s; -webkit-animation-delay:-0.32s; }
.loading > div:nth-child(2) { animation-delay:-0.16s; -moz-animation-delay:-0.16s; -webkit-animation-delay:-0.16s; }
.loading > div:nth-child(3) { margin-right:10px; }
.loading > div + div { margin-left:5px; }
@keyframes bounce { 0%, 80%, 100% { transform: scale(0.0); } 40% { transform: scale(1.0); } }
@-moz-keyframes bounce { 0%, 80%, 100% { -moz-transform: scale(0.0); } 40% { -moz-transform: scale(1.0); } }
@-webkit-keyframes bounce { 0%, 80%, 100% { -webkit-transform: scale(0.0); } 40% { -webkit-transform: scale(1.0); } }

.pc-gonggao-list-box ul li{
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom:1px dashed #acacac;
	font-size: 14px;
}
.pc-gonggao-list-box ul li .gonggao-text{
	width:100%;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	flex:1;
}
.pc-gonggao-list-box ul li .gonggao-text a{width:100%;}
.pc-gonggao-list-box ul li .gonggao-text a:hover{color:var(--zhuti-color);}
.pc-gonggao-list-box ul li .gonggao-time{
	color:#999999;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 12px;
}
.pc-gonggao-list-box ul li .gonggao-time img{margin-right:5px;}

/*添加页*/
.pc-add-box{width:100%;height:100%;overflow:auto;}
.pc-add-box .join-grid{
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.pc-add-box .join-grid table{
	width: 100%;
    table-layout: fixed;
}
.pc-add-box .join-grid table tr td{padding-right:17px;vertical-align: top;}
.pc-add-box .join-grid table tr td:last-child{padding-right:0;}
.pc-add-box .join-grid .join-card{
	width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
    padding: 2px 2px 2px 10px;
    background: #ffffff;
    border-radius: 10px;
	margin-bottom:17px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    border: 1px solid #dedede;
}
.pc-add-box .join-grid .join-card h4 {
    font-size: 14px;
    color: #000;
    display: flex;
    justify-content: space-between;
    margin-right: 5px;
}
.join-group-input{flex: 1;max-width: 70%;height: 40px;position:relative;}
.join-group-input .icon-i{
	position: absolute;
    top: 50%;
    right: -14px;
    margin-top: -12px;
}
.join-group-input .input-select{
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    color: #666;
	text-align: right;
    background: url(../images/icon-xiajiantou.png) no-repeat right 10px center;
    padding-right: 25px;
    border: none;
}
.join-group-input .input-text{
	width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    color: #666;
	text-align: right;
    border: none;
}
.input-radio-box,.input-checkbox-box{
	width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 14px;
    color: #666;
	text-align: right;
	display: flex;
    align-items: center;
	justify-content: end;
}
.input-radio-box .radio-item,.input-checkbox-box .checkbox-item{
	margin-left:15px;
}
/*
.input-radio-box .radio-item, .input-checkbox-box .checkbox-item{
	overflow:hidden;
}
.input-radio-box .radio-item input:checked, .input-checkbox-box .checkbox-item input:checked{
	margin-right: 16px;
    border-right: 45px solid transparent;
    -webkit-filter: drop-shadow(16px 0 0px var(--zhuti-bg-color));
    filter: drop-shadow(45px 0 0px var(--zhuti-bg-color));
    margin-left: -45px;
}
*/
.join-upload-card {
	width:100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #f0f1f5;
    display: flex;
    flex-direction: column;
}
.join-upload-card .title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #000;
	padding: 10px;
	border-bottom:1px solid #d6d6d6;
}
.join-upload-card .title-row span {
    color: #666;
}
.upload-box {
    padding:10px;
	height: 200px;
	overflow: auto;
}
.upload-box .upload-item{
	border-radius: 8px;
    border: 1px dashed #d0d0d0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
	height:100%;
}
.upload-box .upload-plus {
    width: 45px;
    height: 45px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0 auto;
    margin-bottom: 15px;
}
.upload-box .upload-text {
    text-align: center;
    font-size: 14px;
    color: #333;
}
.upload-box .upload-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.uploads-box{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding-top: 13px;
}
.uploads-box .upload-item{
	width: 80px;
	height:80px;
	margin:0 auto;
}
.uploads-box .upload-plus{margin-bottom:0;}
.uploads-box .upload-plus img{max-width:28px;max-height:28px;}
.upload-box .upload-file{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
.upload-box .upload-file .file-img{width: 100%;height: 100%;border-radius: 8px;overflow: hidden;}
.upload-box .upload-file .file-close{
	position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--zhuti-zhuti-rgb),0.8);
	cursor:pointer;
	display: none;
}
.upload-box .upload-file .file-close:hover{background: rgba(var(--zhuti-zhuti-rgb),1);}
.upload-box .upload-file:hover .file-close{display:flex;}

.upload-box .filter-tags .filter-tag{padding:0 10px;}
.upload-box .input-textarea{
	width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666;
    border: none;
}
/*详情*/
.pc-detail-box{
	width: 100%;
}
/* 律师头部信息 */
.lawyer-header {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0px 10px rgba(0,0,0,0.2);
	position:relative;
	margin-bottom:15px;
	
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.lawyer-avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color:#f5f5f5;
	border: 1px solid var(--zhuti-border-color);
}
.lawyer-info{
	flex:1;
}
.lawyer-info h2 {
	font-size: 20px;
	margin-bottom: 5px;
	color:#000;
	font-weight:bold;
}
.lawyer-info h2 span{
	font-size:14px; font-weight:normal; color:#666;
}
.lawyer-info .title {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}
.lawyer-info .firm {
	font-size: 14px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 5px;
	color:#333;
}
.lawyer-info .firm i{color:#a8101d;font-size:16px;}
.lawyer-stats-row {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #666;
}
.lawyer-info .case-name {
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}
.lawyer-info .appointment {
	font-size: 14px;
	color: #333;
}
.total-amount{
	position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    color: #000;
}
.status-tag{
	background-color: var(--zhuti-zhuti-qh);
    color: var(--zhuti-color);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
	position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 12px 0 12px;
	font-size:14px;
}
.status-tag i{
	color: var(--zhuti-color);
    font-size: 20px;
}
.status-tag.hui{background:#F5F7FA;color:#86909C;}
.status-tag.hui i{color:#86909C;}
.status-tag.ju{background:#FFF7E8;color:#FF9500;}
.status-tag.ju i{color:#FF9500;}
.status-tag.lv{background:#F0F9F4;color:#00B478;}
.status-tag.lv i{color:#00B478;}
.status-tag.red{background:#FEF0F0;color:#a8101d;}
.status-tag.red i{color:#a8101d;}
.lawyer-actions {
	position: absolute;
    right: 20px;
    bottom: 20px;
}
.lawyer-actions .filter-actions div{padding:5px 10px;white-space: nowrap;}
.lawyer-actions .firm {
    font-size: 14px;
    display: flex;
	align-items: center;
	gap: 5px;
}
.lawyer-tags {
	display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    max-width: calc(100% - 400px);
}
.lawyer-tag {
	background-color: var(--zhuti-zhuti-qh);
    color: var(--zhuti-color);
	padding: 0 8px;
	border-radius: 4px;
	font-size: 14px;
	border-radius: 10px 0 10px 0;
}
.lawyer-tag.active{
	background-color: var(--zhuti-bg-color);
	color: #ffffff;
}
.lawyer-tags .tag-title{font-size:14px;color:#000;}

.lawyer-intro{
	width:100%;
	border-top: 1px solid #cccccc;
    margin-top: -20px;
    font-size: 14px;
    padding-top: 10px;
}

.pc-detail-title{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.pc-detail-title h2 {
    font-size: 17px;
    color: #000;
    position: relative;
    padding-left: 15px;
	font-weight:bold;
}
.pc-detail-title h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: var(--zhuti-bg-color);
}
.pc-detail-con{
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
	margin-bottom: 15px;
}
.pc-detail-con .info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px 20px;
}
.pc-detail-con .info-grid +.info-grid{margin-top:10px;}
.pc-detail-con .info-grid.one{grid-template-columns: 1fr;}
.pc-detail-con .info-grid.two{grid-template-columns: 1fr 1fr;}

.pc-detail-con .info-item {
	display: flex;
	flex-direction: column;
}
.pc-detail-con .info-item label {
	font-size: 14px;
	color: #999;
	margin-bottom: 5px;
}
.pc-detail-con .info-item span {
	font-size: 14px;
	color: #000000;
	display: inline-block;
    line-height: 20px;
}
.two-col-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
.three-col-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.three-col-grid .three-col-item .pc-detail-con{
	flex:1;
}

/* 评价模块 */
.pc-review-box .review-item {}
.pc-review-box .review-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.pc-review-box .review-date {
	font-size: 14px;
	color: #999;
}
.pc-review-box .review-stars {
	color: #ffc107;
	font-size: 20px;
    display: flex;
    align-items: center;
}
.pc-review-box .review-content {
	font-size: 14px;
	color: #000;
}

.pc-detail-box .case-list {
	
}
.pc-detail-box .case-item {
	margin-bottom: 12px;
	padding-left: 15px;
	position: relative;
}
.pc-detail-box .case-item:last-child{margin-bottom:0;}
.pc-detail-box .case-item::before {
	content: "";
	background: var(--zhuti-bg-color);
    position: absolute;
    left: 0;
    top: 8px;
    width: 7px;
    height: 7px;
	border-radius:50%;
}
.pc-detail-box .case-title {
	font-size: 15px;
	margin-bottom: 4px;
	color:#333333;
}
.pc-detail-box .case-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}
.honor-box {
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	gap: 20px;
}
.honor-item{
    width: 183px;
    height: 135px;
    object-fit: contain;
    border: 1px solid #eee;
    border-radius: 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.honor-item img{max-width:100%;height:100%;}

/* 标签栏 */
.tab-bar {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 15px;
}
.tab-item{
	font-size: 14px;
	padding: 8px 0;
	cursor: pointer;
	color: #000;
	position:relative;
}
.tab-item::before{
	content: "";
	background: var(--zhuti-bg-color);
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 20px;
    height: 3px;
    margin-left: -10px;
	display:none;
}
.tab-item.active,.tab-item:hover{color:var(--zhuti-color);}
.tab-item.active::before{display:block;}
.pc-detail-anjian{
	display: flex;
    flex-direction: column;
	height: 100%;
	padding: 10px 0 20px 0;
}
.xiangqing-anjian-box{
	position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	overflow: auto;
	padding:10px 20px 0px 20px;
}
.pc-detail-anjian .tab-bar{padding:0 20px;}

/* 案件头部 */
.case-header {
	padding: 20px;
	background: #fff;
    border-radius: 12px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
	margin-bottom: 15px;
}
.case-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.case-meta {
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
	display: flex;
	gap: 30px;
}
.case-stage {
	display: flex;
	align-items: center;
	gap: 5px;
}
.case-stage::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--zhuti-bg-color);
	display: inline-block;
}
.lawyer-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border: 1px solid var(--zhuti-border-color);
    border-radius: 15px;
    background-color: var(--zhuti-zhuti-qh);
}
.lawyer-card .lawyer-avatar{width:40px;height:40px;margin-right:10px;}
.lawyer-card .lawyer-info{font-size:14px;color:#000;}
.lawyer-card .confirm-btn{font-size:14px;}

.case-table-box{overflow: auto;border-radius: 12px;}
.case-table-box table{width: 100%;table-layout: fixed;}
.case-table-box table tr{height:40px;position:relative;border-bottom: 1px dashed #c5c5c5;}
.case-table-box table tr:first-child,.case-table-box table tr:last-child{border:none;}
.case-table-box table th{
	background:#e6e6e6;
	color:#333;
	font-size:14px;
	font-weight:normal;
	padding:0 10px;
	text-align:left;
}
.case-table-box table tr th:first-child,.case-table-box table tr td:first-child{padding-left:20px;}
.case-table-box table tr th:last-child,.case-table-box table tr td:last-child{padding-right:20px;}
.case-table-box table td{
	color:#333;
	font-size:14px;
	font-weight:normal;
	padding:10px;
}

.case-order-card{
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.case-order-card .order-header{
	display: flex;
    align-items: center;
    gap: 10px;
}
.case-order-card .order-header .order-avatar{width: 40px;height: 40px;border-radius: 50%;background-color: #f5f5f5;border: 1px solid var(--zhuti-border-color);}
.case-order-card .order-header span{font-size: 15px;color: #333;}
.case-order-card .order-status{
	margin-left: auto;
    color: #9f9f9f;
    display: flex;
    align-items: center;
    gap: 5px;
}
.case-order-card .order-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #9f9f9f;
    display: inline-block;
}
.case-order-card .order-status.lv{color: #28a745;}
.case-order-card .order-status.lv::before,.case-stage.lv::before{background-color: #28a745;}
.case-order-card .order-status.red{color: #a8101d;}
.case-order-card .order-status.red::before,.case-stage.red::before{background-color: #a8101d;}
.case-order-card .order-status.ju{color: #d86e15;}
.case-order-card .order-status.ju::before,.case-stage.ju::before{background-color: #d86e15;}
.case-order-card .order-status.lan{color: #217df3;}
.case-order-card .order-status.lan::before,.case-stage.lan::before{background-color: #217df3;}
.case-order-card .order-text{
	font-size:14px;
	color: #666;
}

.layui-timeline-item.active .layui-timeline-axis{
    color: var(--zhuti-color);
}
.pc-detail-con .uploads-box{
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
    gap: 10px 19px;
    padding: 0;
    overflow: inherit;
	height:auto;
}
.pc-detail-con .uploads-box .upload-item{margin:0;background-color:#ededed;margin-bottom:30px;}
.pc-detail-con .upload-box .upload-plus{color:#959595;}
.pc-detail-con .upload-box .upload-plus i{font-size: 40px;}
.upload-name{
	position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 14px;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*index*/
.pc-index-left{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.pc-index-left .left-btn-box{}
.pc-index-left .left-chat-box{
	height:calc(100% - 50px - 20px);
	overflow-y:auto;
}
.new-chat-btn {
    width: 100%;
    background-color: white;
    padding: 8px 12px;
    height: 40px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
}
.new-chat-btn i{font-size:20px;}
.new-chat-btn:hover{border:1px solid var(--zhuti-bg-color);color:var(--zhuti-color);}

.left-chat-box .chat-group{margin-bottom: 15px;}
.left-chat-box .chat-group h4 {
	font-size: 13px;
	color: #999;
	padding-left: 10px;
	margin-bottom: 5px;
}
.left-chat-box .chat-item {
	font-size: 14px;
	color: #666;
	padding: 4px 10px;
	display: flex;
	align-items: center;
    position: relative;
	cursor:pointer;
	margin-bottom:0 !important;
}
.left-chat-box .chat-item .item-text-txt{
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex:1;
}
.left-chat-box .chat-item:hover .item-text-txt,.left-chat-box .chat-item.active .item-text-txt{color: var(--zhuti-color);}
.left-chat-box .chat-item.active {
	background-color: #ffffff;
    border-radius: 30px;
    border: 1px solid #efefef;
}
.left-chat-box .chat-item.active .item-text-txt{
	font-weight: bold;
}
.left-chat-box .chat-item .item-text-gd {
	position: relative;
	margin-left:5px;
    display: none;
}
.left-chat-box .chat-item:hover .item-text-gd {display:block;}
.left-chat-box .chat-item .item-text-gd .gd-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: background-color .2s;
    position: relative;
    display: flex;
	align-items: center;
	justify-content: center;
	font-size:16px;
	color: #999999;
}
.left-chat-box .chat-item .item-text-gd .gd-icon:hover{background-color:#e3e3e3;}
.left-chat-box .chat-item .item-text-gd .gd-list-box{
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 5px 10px;
    box-shadow: 0 0 6px rgba(0, 92, 173, 23%);
	z-index: 2;
    display: none;
}
.left-chat-box .chat-item .item-text-gd .gd-menu-box{
    bottom: auto;
    left: auto;
    width: 130px;
    position: fixed;
	z-index: 10;
}
.left-chat-box .chat-item .item-text-gd .gd-menu-box .menu-icon{font-size: 20px;margin-right:5px;}

.pc-index-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
	height: 100%;
    position: relative;
    overflow: hidden;
}
.index-header-box{
    height: 56px;
    color: #000;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    display: flex;
    position: relative;
	background: var(--zhuti-zhuti-qh);
}
.index-header-text{
	width: 0;
	min-width: 0;
	max-width: var(--index-content-max-width);
	flex: 1;
	margin-top: 8px;
	padding: 0 32px;
	display: flex;
}
.index-header-text .header-text{
	flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    place-content: center;
    z-index: 12;
}
.index-header-text .header-text .text{
    color: #000;
    border-radius: 22px;
    height: 40px;
    font-size: 14px;
    line-height: 22px;	
	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    transition-property: box-shadow, border;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    border: 1px solid transparent;
    padding: 8px 12px;
    overflow: hidden;
	cursor: pointer;
	outline: none;
}
.index-header-text .header-text .text:hover{
	box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
	border:1px solid rgb(0 0 0 / 9%);
	background:#fff;
}
.index-content-box{
    overflow-anchor: none;
    outline: none;
    min-width: 1px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
	flex-grow: 1;
    position: relative;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.index-gongnengqu-box{
	padding: 0 calc((100% - var(--index-content-max-width)) / 2);
    z-index: 10;
    flex-direction: column;
    margin: auto 32px 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
	bottom:0;
	background:#ffffff;
	padding-top: 10px;
    padding-bottom: 20px;
}
.index-gongnengqu-box .gongnengqu-textarea-box{
	flex-grow: 1;
    width: 100%;
    position: relative;
}
.index-gongnengqu-box .gongnengqu-zhidi-btn{
	margin-bottom: 20px;
    position: absolute;
    bottom: 100%;
    right: 50%;
    font-size: 14px;
    line-height: 22px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
.index-gongnengqu-box .gongnengqu-zhidi-btn i{font-size:20px;}
.index-gongnengqu-box .gongnengqu-zhidi-btn:hover{background:#ffffff;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);}
.index-gongnengqu-box .gongnengqu-bg{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	padding: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
	width: 100%;
}
.index-gongnengqu-box .gongnengqu-textarea-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	border:1px solid var(--zhuti-border-color);
    border-radius: 10px;
	padding: 15px 15px;
	min-height: 120px;
}
.index-gongnengqu-box .gongnengqu-textarea-box .textarea-box{
    display: inline-block;
    position: relative;
    width: 100%;
	max-height:224px;
}
.index-gongnengqu-box .gongnengqu-textarea-box .textarea-box textarea{
	width: 100%;
	border: none;
    color: #333;
    cursor: auto;
	font-size:14px;
    max-height: inherit;
    min-height: unset;
    overflow-anchor: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 !important;
	background:transparent;
	line-height:24px;
}
.index-gongnengqu-box .gongnengqu-box{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 6px;
	width: 100%;
	position: relative;
}
.index-gongnengqu-box .gongnengqu-menu-box{
	display: flex;
	align-items: center;
	height: 36px;
}
.index-gongnengqu-box .gongnengqu-menu-box .menu-item,.index-gongnengqu-box .fasong-btn{
	border:1px solid #acacac;
	width:36px;
	height:36px;
	border-radius:50%;
	background:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	position:relative;
}
.index-gongnengqu-box .gongnengqu-menu-box .menu-item i,.index-gongnengqu-box .fasong-btn i{
	font-size:20px;
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-gongnengqu-box .fasong-btn{background:var(--zhuti-bg-color);color:#ffffff;border-color:var(--zhuti-border-color);}
.index-gongnengqu-box .gongnengqu-menu-box .menu-item:hover{background: #E0E0E0;}
.index-gongnengqu-box .fasong-btn:hover{opacity:0.8;}
.gd-menu-box{
	padding: 5px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
	position: absolute;
    bottom: 120%;
	left:0;
	border: 1px solid #d4d4d4;
	display:none;
	z-index:500;
}
.gd-menu-box .gd-menu-con{
	display: flex;
    align-items: center;
	flex-wrap:wrap;
}
.gd-menu-box .gd-menu-item{
	width:100%;
    padding: 4px 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.gd-menu-box .gd-menu-item:hover{background-color: #f5f5f5;}
.gd-menu-box .gd-menu-item .menu-icon{}
.gd-menu-box .gd-menu-item .menu-text{
	flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-size: 14px;
    flex-shrink: 0;
}
.gd-menu-box .gd-menu-item .menu-jiantou{
	width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/icon-youjiantou.png);
}

.yewu-type-tabs{
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}
.yewu-type-tabs .tab {
	padding: 6px 12px;
	border: 1px solid #ddd;
	border-radius: 20px;
	font-size: 14px;
	cursor: pointer;
	background-color: white;
	display: flex;
	align-items: center;
	gap: 5px;
	height:30px;
}
.yewu-type-tabs .tab:hover{
	color: var(--zhuti-color);
	border-color: var(--zhuti-border-color);
}
.yewu-type-tabs .tab.active {
	background-color: var(--zhuti-bg-color);
	color: white;
	border-color: var(--zhuti-border-color);
}
.yewu-type-tabs .tab-icon{
	width:20px;
	height:20px;
	background-repeat: no-repeat;
    background-position: center;
}
.yewu-type-tabs .tab-icon.icon-flzx{background-image:url(../images/icon-type-flzx.png);}
.yewu-type-tabs .tab-icon.icon-wssc{background-image:url(../images/icon-type-wssc.png);}
.yewu-type-tabs .tab-icon.icon-htsc{background-image:url(../images/icon-type-htsc.png);}
.yewu-type-tabs .tab-icon.icon-szt{background-image:url(../images/pp-logo.png);filter: none !important;background-size: contain;}
.yewu-type-tabs .tab.active .tab-icon{filter: brightness(0%) invert(100%);}

.link-lawyer-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	gap: 10px;
}
.link-lawyer-box .lawer-item{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	cursor:pointer;
	position:relative;
}
.link-lawyer-box .lawer-item:hover .item-text{color:var(--zhuti-color);}
.link-lawyer-box .lawer-item .item-img{
	width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background-image: url(../images/moren-touxiang.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-color: #ffffff;
    border: 3px solid #ffffff;
	position:relative;
}
.link-lawyer-box .lawer-item .item-text{font-size:14px;color:#666;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 55px;margin-top: 3px;}
.link-lawyer-box .lawer-item .item-img-bg{
	content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(to bottom, #c7b5e7, #cdd6ff);
}

.index-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.index-title h2 {
	font-size: 17px;
	color: #000;
	position: relative;
    padding-left: 15px;
	font-weight:bold;
}
.index-title h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: var(--zhuti-bg-color);
}
.index-zhuye-box{
	display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
	padding: 0 calc((100% - var(--index-content-max-width)) / 2);
    margin: 0 32px;
	padding-top:20px;
	margin-bottom:20px;
}
.index-zhuye-box .brand-header {
	text-align: center;
	margin-bottom: 30px;
}
.index-zhuye-box .brand-header img {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
}
.index-zhuye-box .brand-header h1 {
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
.index-zhuye-box .watermark {
	position: absolute;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 160px;
    color: #f5f5f5;
    font-weight: bold;
    z-index: 1;
    letter-spacing: 5px;
	cursor: context-menu;
}
.index-zhuye-box .case-section {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
	z-index: 5;
}
.index-zhuye-box .section-title {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.index-zhuye-box .section-title h2{
	font-size: 17px;
    color: #000;
    position: relative;
    padding-left: 15px;
    font-weight: bold;
}
.index-zhuye-box .section-title h2::before {
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    width: 3px;
    height: 18px;
    background-color: var(--zhuti-bg-color);
}
.index-zhuye-box .case-filter {
	display: flex;
	justify-content: flex-end;
}
.index-zhuye-box .case-filter select {
	padding: 4px 8px;
	border: 1px solid #acacac;
	border-radius: 30px;
	font-size: 14px;
	background: url(../images/icon-xiajiantou.png) no-repeat right 10px center;
	padding-right: 30px;
	color: #666;
}
.index-zhuye-box .section-grid {
	display: flex;
	gap: 15px;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.index-zhuye-box .section-item{
	background-color: #f9f9f9;
	border-radius: 8px;
	padding: 10px 15px;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	width: calc(50% - 8px);
}
.index-zhuye-box .section-item .item-icon{
	width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(../images/icon-anjian.png);
}
.index-zhuye-box .section-item .item-text{
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#000;
	font-size:14px;
	flex-shrink: 0
}
.index-zhuye-box .section-item:hover{background-color: var(--zhuti-zhuti-qh);}
.index-zhuye-box .section-item:hover .item-text{color:var(--zhuti-color);}
.index-zhuye-box .section-item .item-jiantou{
	width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(../images/icon-youjiantou.png);
}
.index-header-box .filter-actions{
	position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -18px;
}
.index-header-box .icon-btn-group{
	position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
}
.icon-btn-group{
	display: flex;
	align-items: center;
}
.icon-btn-group .icon-item{
	width: 36px;
    height: 36px;
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
	transition: background-color .2s;
	color: #666666;
}
.icon-btn-group .icon-item:hover{background-color: #f5f5f5;color: #333333;}
.icon-btn-group .icon-item i{
    font-size: 20px;
}
/*ai问答*/
.index-aiduihua-box{
	padding-top: 34px;
    padding-bottom: 24px;
    margin: 0px 32px;
    padding-left: calc((100% - var(--index-content-max-width)) / 2);
    padding-right: calc((100% - var(--index-content-max-width)) / 2);
    flex-shrink: 0;
    flex-grow: 1;
}
.index-aiduihua-con{
	width:100%;
	height:100%;
	position:relative;
}
.ai-wenda-wenti-box{
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    display: flex;
    margin-bottom: 30px
}
.ai-wenda-wenti-box .ai-wenti-text{
    border-radius: 20px 0px 20px 20px;
	box-shadow: 0 0 6px rgba(var(--zhuti-zhuti-rgb), 23%);
    background: var(--zhuti-bg-color);
    word-break: break-word;
    max-width: calc(100% - 88px);
    padding: 10px 16px;
	padding-top: 10px;
    font-size: 14px;
    line-height: 30px;
    position: relative;
	color: #ffffff;
}
.ai-wenda-huida-box{
	box-shadow: 0 0 6px rgba(0, 92, 173, 23%);
	background: rgba(255, 255, 255, 70%);
    border-radius: 0 20px 20px 20px;
    padding: 10px 20px 15px 20px;
    font-size: 14px;
    line-height: 24px;
    position: relative;
	color:#000000;
    margin-bottom: 30px
}
.ai-wenda-huida-box:last-child{margin-bottom:30px;}
.ai-wenda-huida-box .ai-huida-img{
	width:50px;
	height:50px;
	background:url(../images/pp-logo.png) no-repeat center center / contain;
	position: absolute;
	left: -70px;
	top: 0;
	
}
.ai-wenda-huida-box .ai-huida-text{}
.ai-wenda-huida-box .ai-huida-text .ai-huida-text-title{color:#666666}
.ai-wenda-huida-box .ai-huida-text .ai-huida-text-type{color:#005eae;margin-top: 10px;}

.ai-huida-xiangguan-detail{
    display: flex;
    margin-top: 14px;
}
.xiangguan-detail-item{
	display: flex;
    flex-wrap: wrap;
	align-items: center;
	color:#999999;
}
.ai-huida-xiangguan-con{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.xiangguan-detail-item .xiangguan-detail-icon{
    height: 16px;
    width: 16px;
	display: flex;
    align-items: center;
	margin-right:5px;
}
.xiangguan-detail-item .xiangguan-detail-icon img{max-width:100%;margin:0;}
.xiangguan-detail-item .xiangguan-detail-text{font-size:14px;}
.xiangguan-detail-item:hover{color:var(--zhuti-color);}

/*日常管理*/
.pc-richengguanli-box{
	width:100%;
	height:100%;
	overflow:auto;
	border:1px solid #dddddd;
	border-radius:10px;
}
.pc-richengguanli-box .richengguanli-container{
	display:flex;
	width:100%;
	height:100%;
}
.pc-richengguanli-box .richengguanli-left{
	width:220px;
	background:#fff;
	padding:20px;
	border-right:1px solid #dddddd;
	display: flex;
    flex-flow: column;
}
.pc-richengguanli-box .richengguanli-center{
	flex:1;
	padding:20px;
	height:100%;
	display: flex;
    flex-direction: column;
    align-items: center;
	width: calc(100% - 220px);
}
.richengguanli-left .input-button{
	border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:14px;
}
.richengguanli-left .input-button i{font-size:18px;}
.richengguanli-left h4{color:#000;font-size:14px;line-height: 20px;margin-bottom: 15px;padding-left:10px;position:relative;}
.richengguanli-left h4::before {
	content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--zhuti-bg-color);
}
.richengguanli-left .recentlist{flex: 1;overflow-y: auto;overflow-x: hidden;}

.pc-richengguanli-box .button{
	width:30px;
	height:30px;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
	border-radius:8px;
	margin:0 20px;
}
.pc-richengguanli-box .button i{font-size:18px;}
.pc-richengguanli-box .button:hover{opacity:0.9;}
.pc-richengguanli-box .button.button-red{background:var(--zhuti-bg-color);color:#ffffff;}
.calendar-header{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:10px;
}
.calendar-header h2{color:#000;font-size: 24px;}
.calendar{
	background:#fff;
	height: calc(100% - 39px);
	flex: 1;
}
.calendar-table-wrapper{width:100%;height:100%;}
.calendar-table-wrapper table{border-collapse: collapse;border-spacing: 0px;table-layout: fixed;border:none;width:100%;height:100%;}
.calendar-table-wrapper table th{border: 1px solid #dddddd;padding: 8px 10px;color:#000;font-size:14px;font-weight:normal;background:#f5f5f5;}
.calendar-table-wrapper table td{border: 1px solid #dddddd;padding: 0;}
.calendar .calendar-table-wrapper .day{border:none;}
.calendar .calendar-table-wrapper .day.other-month .day-number{color:#bfbfbf !important;}

.calendar .day-title{text-align:center;padding: 8px 10px;color:#000;font-size:14px;border:1px solid #dddddd;}
.calendar .day{
	border:1px solid #dddddd;
	min-height:50px;
	height:100%;
	padding:5px;
	position:relative;
}
.calendar .day-number{
	font-size:14px;
	color:#666;
	text-align: right;
}
.calendar .event{
	background: var(--zhuti-color);
    color: #fff;
    font-size: 12px;
    padding: 0px 4px;
    margin-top: 5px;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
	cursor:pointer;
}
.calendar .day.today {
	background: #ecf2fe;
}
.calendar-bottom{
	width: 100%;
    height: 100px;
    border-top: 1px solid #dddddd;
    margin-top: 20px;
	overflow: auto;
}
.calendar-richang-box{width:100%;}
.calendar-richang-box ul li{
	border-bottom: 1px dashed #cccccc;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
	padding: 5px 10px;
}
.calendar-richang-box ul li:last-child{border-bottom:none;}
.calendar-richang-box ul li .icon {margin-right:5px;}
.calendar-richang-box ul li .text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	max-width: calc(100% - 200px);
	display: flex;
    align-items: center;
}
.calendar-richang-box ul li .text a {
    color: #000000;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	max-width: 100%;
    display: inline-block;
}
.calendar-richang-box ul li a:hover{color:var(--zhuti-color) !important;}
.calendar-richang-box ul li .date {
    color: #999999;
    font-size: 14px;
    text-align: right;
	margin-left:auto;
}

/* 最近日程样式 */
.recent-item {
	padding: 8px 10px;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
	border-left: 3px solid #c40000;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.recent-item:hover {
	background: #ffecec;
	transform: translateX(5px);
}
.recent-date {
	color: #999;
}
.recent-name {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
	/* 文字溢出省略 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/*支付方式*/
.pc-zhifufangshi-box .zhifufangshi-item{
	width: 100%;
    min-height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0px 15px 10px 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #f2f2f2;
}
.pc-zhifufangshi-box .zhifufangshi-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.pc-zhifufangshi-box input[type="radio"]:checked {
    background: url(../images/zhifu-checked.png) no-repeat center center / contain;
}
.zhifufangshi-img{
	width:30px;
	height:30px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.zhifufangshi-img img{max-width:100%;max-height:100%;}
.zhifufangshi-title{
	font-size: 14px;
    color: #000;
    height: 50px;
    line-height: 50px;
	margin:0 10px;
}
.zhifufangshi-con{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
}
.pc-zhifucaozuo-box{
	position:relative;
	width: 100%;
    background: #ffffff;
    padding: 10px 50px;
	border-top: 1px solid #f5f5f5;
}
.zhifucaozuo-con{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.zhifucaozuo-con .zhifucaozuo-jine{
	font-size:14px;
	color:#000;
}
.zhifucaozuo-con .zhifucaozuo-jine span{font-size:24px;color:var(--zhuti-color);font-weight: bold;}

/*聊天*/
.pc-chat-box{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.pc-chat-box .chat-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.pc-chat-box .chat-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
}
.pc-chat-box .chat-title {
	font-size: 14px;
	color:#000;
}
.pc-chat-box .chat-messages {
	flex: 1;
	padding: 10px 10px;
	padding-bottom:20px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.pc-chat-box .message {
	display: flex;
	max-width: 70%;
	align-items: flex-start;
	gap: 8px;
	position:relative;
}
.pc-chat-box .message.left {
	align-self: flex-start;
	padding-left:50px;
}
.pc-chat-box .message.right {
	align-self: flex-end;
	flex-direction: row-reverse;
	padding-right:50px;
}
.pc-chat-box .message-touxiang{
	width:40px;
	height:40px;
	border-radius:4px;
	background-color: #eee;
	background-size:cover;
	background-repeat: no-repeat;
    background-position: center;
	position:absolute;
	top: 0;
}
.pc-chat-box .message.left .message-touxiang{left: 0;}
.pc-chat-box .message.right .message-touxiang{right: 0;}

.pc-chat-box .message-bubble {
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.4;
	min-height:40px;
}
.pc-chat-box .message.left .message-bubble {
	background-color: #f5f5f5;
	color: #333;
	border-top-left-radius: 0;
}
.pc-chat-box .message.right .message-bubble {
	background-color: var(--zhuti-bg-color);
	color: white;
	border-top-right-radius: 0;
}
.pc-chat-box .message-time {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	text-align: right;
}
.pc-chat-box .media-box {
	width: 200px;
	height: 150px;
	background-color: #eee;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;	
}
.pc-chat-box .media-box img{max-width:100%;max-height:100%;}
.pc-chat-box .media-box::after {
	content: "▶";
	font-size: 24px;
	color: white;
	background-color: rgba(0,0,0,0.3);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}
.pc-chat-box .media-duration {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-size: 12px;
	color: white;
	background-color: rgba(0,0,0,0.5);
	padding: 2px 5px;
	border-radius: 4px;
}
/* 输入框区域 */
.pc-chat-box .chat-input-area {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.pc-chat-box .input-tools {
	display: flex;
    gap: 5px;
	padding-top: 5px;
    border-top: 1px solid #e2e2e2;
	padding-left: 10px;
}
.pc-chat-box .tool-btn {
	width: 30px;
	height: 30px;
	padding:5px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 16px;
	background-repeat: no-repeat;
    background-position: center;
}
.pc-chat-box .tool-btn img{max-width:100%;max-height:100%;}
.pc-chat-box .tool-btn:hover{background-color: #eaeaea;}
.pc-chat-box .input-wrapper {
	display: flex;
    width: 100%;
    padding: 10px 15px;
    padding-bottom: 40px;
}
.pc-chat-box .input-wrapper textarea {
	flex: 1;
	border: none;
	outline: none;
	resize: none;
	font-size: 14px;
	min-height: 100px;
	max-height: 120px;
}
.pc-chat-box .send-btn {
	background-color: var(--zhuti-bg-color);
	color: white;
	border: none;
	padding: 8px 16px;
	border-radius: 8px;
	min-width:100px;
	text-align:center;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
    right: 10px;
    bottom: 0;
}
.pc-chat-box .send-btn:hover{opacity:0.9;}

/*平台通知*/
.pc-pingtaitongzhi-box{
	width:100%;
	max-height:calc(50% - 34px);
    margin-bottom: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow-y: auto;
}
.pc-pingtaitongzhi-con{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	width:100%;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	width:100%;
	padding: 10px 15px;
	cursor:pointer;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item:hover{background-color: #e1e1e1;}
.pc-pingtaitongzhi-con .pingtaitongzhi-item.active{background-color:#ffffff;}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img{
	width:55px;
	height:55px;
	border-radius:8px;
	background-color: #b8b8b8;
	background-size:contain;
	background-repeat: no-repeat;
    background-position: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	position:relative;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img i{font-size:20px;}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img .dot-unread{top:-2px;right:-2px;}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.eye{
	background-image:url(../images/eye-bai.png);
	background-color:#000;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.zaixian{
	background-color:#E5F6FF;
	color:#1E88E5;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.renzheng{
	background-color:#ffd5d5;
	color:#A8101D;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.tixian{
	background-color: #ffe5ac;
    color: #FF9500;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.anjian{
	background-color: #c8dbff;
    color: #2D5BCC;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.dingdan{
	background-color: #abf6db;
    color: #00B47E;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.zhaobiao{
	background-color: #e8d4ff;
    color: #784FD1;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-img.dianzi{
	background-color: #c1cad7;
    color: #667085;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-text-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	width:-moz-calc(100% - 55px);
	width:-webkit-calc(100% - 55px);
	width: calc(100% - 55px);
	padding-left:10px;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-text-box .item-title{
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 10px;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-text-box .item-title .title{
	font-size:14px;
	color:#000;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-text-box .item-title .time{
	color:#999;
	font-size:12px;
	white-space: nowrap;
	margin-left: 5px;
}
.pc-pingtaitongzhi-con .pingtaitongzhi-item .item-text-box .item-text{
	width:100%;
	color:#999;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:12px;
}
/*设置*/
.pc-userzhongxin-box{
	width:100%;
	height:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.shezhi-icon{max-height: 20px;margin-top: -3px;}
.pc-userzhongxin-con{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
	overflow:auto;
}
.pc-userzhongxin-box .lawyer-stats-row,.pc-userzhongxin-box .lawyer-stats-row a{color:#000000;}
.pc-userzhongxin-box .lawyer-stats-row span{color:#999999;}
.pc-userzhongxin-box .lawyer-stats-row a:hover{color:var(--zhuti-color);}
.zanwuneirong-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	width:100%;
    height: 100%;
}
.zanwuneirong-con{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.zanwuneirong-box .zanwuneirong-img{
	margin:0 auto;
}
.zanwuneirong-box .zanwuneirong-text{margin-top:10px;color:#333333;font-size:14px;text-align:center;}
.pc-userzhongxin-con.renzheng{
	flex: none;
	padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
	overflow: initial;
}
.pc-userzhongxin-con.renzheng .card {
	padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}
.pc-userzhongxin-con.renzheng .card-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}
.pc-userzhongxin-con.renzheng .card-title h3 {
	font-size: 17px;
	color: #000;
}
.pc-userzhongxin-con.renzheng .status {
	padding: 4px 10px;
	border-radius: 30px;
	font-size: 14px;
	background: #eaeaea;
    color: #666;
}
.pc-userzhongxin-con.renzheng .status.success {
	background: #dfffee;
    color: #009688;
}
.pc-userzhongxin-con.renzheng .status.wait {
	background: #ffeed5;
	color: #FF8C00;
}

/* 信息行 */
.pc-userzhongxin-con.renzheng .info-row {
	display: flex;
	margin-bottom: 14px;
	font-size: 14px;
}
.pc-userzhongxin-con.renzheng .info-row:last-child{margin-bottom:0;}
.pc-userzhongxin-con.renzheng .info-row label {
	width: 120px;
	color: #666;
}
.pc-userzhongxin-con.renzheng .info-row span {
	color: #000;
}
.upload-file-box{
	display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    gap: 8px;
}
.upload-file-box .upload-file-item{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.upload-file-box .upload-file-item .file-img{width:24px;height:24px;}
.upload-file-box .upload-file-item .file-img img{max-width:100%;max-height:100%;}
.upload-file-box .upload-file-item .file-title{
	flex:1;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 14px;
    color: #333333;
	padding:0 10px;
}
.upload-file-box .upload-file-item .file-title a{text-decoration: underline;color: var(--zhuti-color);}
.upload-file-box .upload-file-item .file-text{
	font-size: 14px;
    color: #666666;
	padding:0 20px;
	text-align:left;
	min-width:150px;
}
.upload-file-box .upload-file-item .file-btn{
	font-size:20px;
	cursor:pointer;
}
.join-upload-card .title-row .filter-actions{height:auto;}
.join-upload-card .title-row .filter-actions .confirm-btn{padding:3px 10px;}
.join-upload-card .title-row .input-select{
	width: 100%;
    height: 30px;
    padding: 0 8px;
    font-size: 14px;
    color: #666;
    text-align: left;
    background: url(../images/icon-xiajiantou.png) no-repeat right 10px center;
    padding-right: 25px;
    border: none;
    border: 1px solid #666666;
    border-radius: 30px;
}
.pc-add-box .case-table-box{
	background: #ffffff;
    box-shadow: 0 0 0 1px #f0f1f5;
}
.pc-add-box .case-table-box .input-textarea{
	width: 100%;
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    border-radius: 8px;
    min-height: 150px;
}


.layui-timeline .layui-timeline-content .layui-text h3 {
    font-size: 16px;
    color: #000;
    line-height: 18px;
}
.layui-timeline .layui-timeline-content h3 i{color:#333333;display: inline-block;vertical-align: bottom;}
.yewu-type-tabs2 .tab:hover {
    color: #4d10a8;
    border-color: #4d10a8;
}
.yewu-type-tabs2 .tab.active{
	background-color: #4d10a8;
    border-color: #000000;
    color: #ffffff;
}


/*新列表页*/
.pc-moban-list-box{
	padding: 0 20px;
    overflow: auto;
}
.moban-list-con{
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.moban-list-con .moban-list-item{
	width:100%;
	margin-bottom: 20px;
	padding: 10px 15px;
	background:#ffffff;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	border: 1px solid #eeeeee;
	position:relative;
}
.moban-list-con .moban-list-item .item-top{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-moz-align-items: end;
	-webkit-align-items: end;
	align-items: end;
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.moban-list-con .moban-list-item .item-top .item-text-box{width:-moz-calc(100% - 300px);width:-webkit-calc(100% - 200px);width: calc(100% - 200px);}
.moban-list-con .moban-list-item .item-top .item-text-box .item-title{
    width: 100%;
	color: #000000;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 5px;
}
.moban-list-con .moban-list-item .item-top .item-text-box .item-title a{
	display:block;
    max-width: calc(100% - 100px);
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-right:10px;
}
.moban-list-con .moban-list-item .item-top .item-text-box .item-title a:hover{color:var(--zhuti-color);}
.moban-list-con .moban-list-item .item-top .item-text-box .item-title span{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	color:var(--zhuti-color);
}
.moban-list-con .moban-list-item .item-top .item-text-box .item-text{
	width: 100%;
    font-size: 12px;
	color:#999999;
}
.moban-list-con .moban-list-item .item-top .item-btn-box{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -moz-justify-content: end;
    -webkit-justify-content: end;
    justify-content: end;
	height: 30px;
}
.moban-list-con .moban-list-item .item-top .item-btn-box .btn-item{
	border: 1px solid #666666;
    color: #666666;
    padding: 3px 15px;
    border-radius: 16px;
    cursor: pointer;
    text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-left:10px;
	min-width: 110px;
    font-size: 14px;
}
.moban-list-con .moban-list-item .item-top .item-btn-box .btn-item i{font-size:20px;}
.moban-list-con .moban-list-item .item-top .item-btn-box .btn-item:hover{
	opacity:0.9;
    border-color: var(--zhuti-border-color);
    color: var(--zhuti-color);
}
.moban-list-con .moban-list-item .item-top .item-btn-box .btn-item.shoucang{
	background: var(--zhuti-bg-color);
    color: white;
	border: 1px solid var(--zhuti-bg-color);
}
.moban-list-con .moban-list-item .item-top .item-btn-box .btn-item.number{
	background: transparent;
	border: 1px solid  transparent;
    padding: 0;
    min-width: auto;
    white-space: nowrap;
	color:var(--zhuti-color);
	cursor: text;
}
.moban-list-con .moban-list-item .item-top .item-btn-box .btn-item img{margin-right:5px;}
.moban-list-con .moban-list-item .item-bottom{
	width: 100%;
    font-size: 12px;
	color:#666666;
	background:#f6f6f6;
	padding:5px 10px;
	margin-top:10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    line-height: 22px;
}
.biaoshi{
	display: inline-block;
    position: relative;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    background-color: var(--zhuti-zhuti-qh);
    color: var(--zhuti-color);
    padding: 0 6px;
    border-radius: 10px 0 10px 0;
}
.biaoshi.red{background-color: #a8101d;color: #ffffff;}
.biaoshi.hui{background-color: #9f9f9f;color: #ffffff;}
.biaoshi.lan{background-color: #217df3;color: #ffffff;}
.biaoshi.ju{background-color: #d86e15;color: #ffffff;}
.biaoshi.lv{background-color: #009688;color: #ffffff;}

/*新闻列表页*/
.pc-moban-new-list-box{
	padding: 0 20px;
    overflow: auto;
}
.moban-new-list-con{
	padding: 0 15px;
	background: #ffffff;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #eeeeee;
}
.moban-new-list-con ul li{
	border-bottom: 1px dashed #a6a6a6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.moban-new-list-con ul li:last-child{border:0;}
.moban-new-list-con ul li{
	height:40px;
	line-height:40px;
}
.moban-new-list-con ul li a{display:block;}
.moban-new-list-con ul li .text{
	padding-left: 15px;
	position:relative;
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.moban-new-list-con ul li .text:before{
	content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
    background: var(--zhuti-color);
    border-radius: 50%;
}
.moban-new-list-con ul li.new .text a{color:var(--zhuti-color);}
.moban-new-list-con ul li.new .text:before{background:var(--zhuti-bg-color);}
.moban-new-list-con ul li .text a{
	color:#000000;
	font-size:14px;
	text-align:left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.moban-new-list-con ul li .text:hover a{
	color:var(--zhuti-color);
}
.moban-new-list-con ul li .date{
	color:#999999;
	font-size:14px;
	text-align:right;
}

/*律师列表-新*/
.pc-moban-lv-list-box{
	padding: 0 20px;
    overflow: auto;
}
.moban-lv-list-con{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top: 10px;
}
.moban-lv-list-item{}
.moban-lv-list-item .lawyer-header{margin-bottom:20px;}
.moban-lv-list-item .lawyer-header .lawyer-info a{
	color:#000;
}
.moban-lv-list-item .lawyer-header .lawyer-info a:hover{color:var(--zhuti-color);}
.moban-lv-list-item .lawyer-header .lawyer-intro{
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 35px;
}
.pc-main-content .main-contant{margin-top:-10px;}
.pc-main-content .moban-list-con{padding-top:10px;}
.file-close{
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--zhuti-zhuti-rgb), 0.8);
    cursor: pointer;
}
.file-close:hover{background: rgba(var(--zhuti-zhuti-rgb), 1);}

/*树形菜单*/
.shuxing-menu-box{padding:0 10px;width:100%;height:100%;overflow:auto;}
.shuxing-menu-box ul li a{
	display:block;
	height:30px;
	line-height:30px;
	color:#333333;
	padding:0 5px;
	border: 1px solid transparent;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	cursor: unset !important;
	font-size:14px;
}
.shuxing-menu-box ul li a a{
	display:inline-block;
	line-height: inherit;
    vertical-align: middle;
    height: inherit;
    margin-top: -4px;
    text-decoration: underline;
}
.underline{text-decoration: underline !important;}
.shuxing-menu-box ul li ul{/*padding-left:15px;*/}
.shuxing-menu-box ul li ul li{padding-left:7px;}
.shuxing-menu-box ul li.noneimg{background-image:none !important;}
.shuxing-menu-box ul li a:hover,.shuxing-menu-box ul li a.active{
	border: 1px solid var(--zhuti-zhuti-qh);border-radius: 2px;background:var(--zhuti-zhuti-qh);
	/*box-shadow: 0 1px 5px 0 #dadbde !important;*/
}
.shuxing-menu-box ul li a:hover span{color:red;cursor: pointer !important;}
.shuxing-menu-box ul li a.active span{color:red;}

.shuxing-menu-box ul li a{padding:0;}

.cursor{cursor: pointer !important;}

.shuxing-menu-box .treeview .hitarea {
	background: url(../images/wenjianjia/dn-youjiantou.png) no-repeat center center !important;
}
.treeview li.expandable:hover .hitarea{
	background: url(../images/wenjianjia/dn-youjiantou-active.png) no-repeat center center !important;
}
.shuxing-menu-box .treeview .hitarea.collapsable-hitarea {
	background: url(../images/wenjianjia/dn-xiajiantou.png) no-repeat center center !important;
}
.shuxing-menu-box .treeview li.last{padding-left:0 !important;}
.shuxing-menu-box .treeview .hitarea{width: 20px;margin-left: -5px;margin-top: 2px;}
.shuxing-menu-box ul li a {padding: 0;padding-left: 5px;}
.treeview ul {margin-top: 0;background: transparent;}
.shuxing-menu-box ul li ul {padding-left: 15px;}
.shuxing-menu-box ul li ul li ul {padding-left: 16px;}
.shuxing-menu-box ul li ul li ul li ul{padding-left: 16px;}
.treeview li{padding:0px 0pt 0px 26px;}
.shuxing-menu-box ul li{padding-left: 0;}
.treeview li {
	margin-top:0;
    background: transparent !important;
    background-repeat: no-repeat;
}
.treeview .hover{color:var(--zhuti-color) !important;}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}




/*新添加样式*/
.pc-add-box .join-grid .join-card {
    padding: 0px 5px 0px 0px;
}
.pc-add-box .join-grid .join-card h4 {
    background: #f5f5f5;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    border-radius: 10px 0 0 10px;
    width: 160px;
    line-height: 16px;
}
.pc-add-box .join-group-input{max-width:inherit;}
.pc-add-box .join-group-input .input-text,.join-group-input .input-select{text-align:left;}
.pc-add-box .join-upload-card .title-row{background: #f5f5f5;border-radius: 10px 10px 0 0;}
.pc-add-box .input-radio-box, .input-checkbox-box{justify-content: start;}
.pc-add-box .input-radio-box .radio-item, .input-checkbox-box .checkbox-item {
    margin-left: 10px;
}
.pc-add-box .join-upload-card{box-shadow:none;}
.pc-main-content.bg-hui{background:#ffffff !important;}



/*曹-公共加载中*/
.loadingparent{
	position:relative;
}
.loadingparent .loading{
	position:absolute;
	
}


.pc-gonggao-list-box ul li .gonggao-text{margin-bottom:5px;}
.pc-gonggao-list-box ul li .gonggao-text a{color:#333333;}

.pc-detail-box.xinwen{height:100%;}
.pc-detail-box.xinwen .pc-detail-con{
	height: calc(100% - 62px);
	margin-bottom: 0;
	overflow: auto;
}
.xinwen-detail-box{padding: 0 4%;}
.xinwen-detail-box .xinwen-title{
    color: #000000;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
	padding: 2% 0;
}
.xinwen-detail-box .xinwen-time{
	font-size: 14px;
    color: #666666;
	text-align:center;
	padding: 10px 0px;
	margin-bottom: 30px;
	border: 1px solid #EEEEEE;
    border-left: none;
    border-right: none;
}
.xinwen-detail-box .xinwen-text,.xinwen-detail-box .xinwen-text p{
	font-size: 14px;
    margin-bottom: 20px;
    line-height: 180%;
    color: #333333;
    text-indent: 2em;
    text-align: justify;
}


/*律师列表信息*/
.lawyer-list-box{
	padding:0 20px;
	padding-top:10px;
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto;
	/*gap: 20px;*/
	padding-right: 0;
}
.lawyer-list-box .lawyer-list-item{
	width: 186px;
    margin-bottom: 20px;
    margin-right: 20px;
}
.lawyer-info-box{
	height: 372px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}
.lawyer-info-box .lawyer-info-con{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.lawyer-img-box{
	position: relative;
    background-color: #dee4f0;
    overflow: hidden;
    height: 204px;
}
.lawyer-img-box img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: top;
    display: block;
	transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.lawyer-list-box .lawyer-list-item:hover .lawyer-img-box img{transform: scale(1.2);}
.lawyer-title-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
	padding: 0 12px;
}
.lawyer-title-box .title-name{
	-ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    color: #1f1f1f;
    line-height: 14px;
    font-weight: 500;
}
.lawyer-title-box .title-icon{}
.lawyer-title-box .title-tag{
	display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.lawyer-title-box .title-tag .tag{
	text-align: center;
    color: var(--zhuti-color);
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid var(--zhuti-border-color);
	margin-left: 4px;
	height: 20px;
    padding: 0 4px;
    line-height: 16px;
	font-size: 12px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	text-overflow: ellipsis;
    overflow: hidden;
}
.lawyer-work-box{
	margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 0 12px;
}
.lawyer-work-box .work-time{
	margin-right: 8px;
    font-weight: 400;
	font-size: 12px;
    color: #1f1f1f;
    line-height: 12px;
}
.lawyer-work-box .work-dizhi{
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-size: 12px;
    color: #1f1f1f;
    line-height: 12px;
    font-weight: 400;
	width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}
.tag-list-box{
	padding-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
	padding: 0 12px;
}
.tag-list-box .tag-item{
    margin-top: 10px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    background-color: var(--zhuti-zhuti-qh);
    color: var(--zhuti-color);
	border-radius: 10px 0 10px 0;
	padding: 5px 8px;
}
.lawyer-list-box .tag-list-box{max-height:64px;overflow:hidden;}
.lawyer-list-box .tag-list-box .tag-item{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.lawyer-info-box .lawyer-info-bottom{
	padding: 10px 12px;
}
.lawyer-info-box .service-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.lawyer-info-box .service-box .service-text{
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
	color:#999999;
}
.lawyer-info-box .service-box .service-btn{
	width: 93px;
    height: 30px;
    background: var(--zhuti-bg-color);
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    cursor: pointer;
}
.lawyer-info-box .status-tag{
	bottom: 10px;
    top: auto;
    border-radius: 30px 0 0 30px;
}



.huihua-lvshi-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	margin-top:15px;
}
.huihua-lvshi-box .xuanzelvshi{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
	border:1px solid var(--zhuti-border-color);
	background:var(--zhuti-zhuti-qh);
	color:var(--zhuti-color);
	padding:0 10px;
	border-radius:30px;
	cursor:pointer;
}
.huihua-lvshi-box .xuanzelvshi .lvshi-name,.huihua-lvshi-box .xuanzelvshi .xuanze-icon{
	font-size:12px;
}
.huihua-lvshi-box .xuanzelvshi:hover{
	background:var(--zhuti-bg-color);
	color:#ffffff;
}



/* 审核信息盒子 */
.shenhetishi-box{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	width:100%;
	height: 100%;
}
/* 内容垂直排列 */
.shenhetishi-con{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
/* 图标样式（大图标、居中） */
.shenhetishi-icon {
	font-size: 80px;
	margin-bottom: 25px;
}
/* 文字样式 */
.shenhetishi-text{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000000;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
}
/* 返回链接 */
.shenhetishi-back{
	margin-top: 10px;
	color: #0066cc;
	font-size:14px;
}

/* ======== 图标颜色 ========= */
.icon-success { color: #00b42a; } /* 绿色成功 */
.icon-wait { color: #ff9500; }   /* 橙色等待 */
.icon-error { color: #f53f3f; }  /* 红色失败 */
.icon-info { color: #0088ff; }   /* 蓝色提示 */


/*订单list*/
.dingdan-list-box{}
.dingdan-list-header{
    display: flex;
	align-items: center;
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 22px;
	padding: 0 32px;
    padding-bottom: 12px;
    padding-top: 16px;
    white-space: nowrap;
}
.dingdan-list-header .title-w{flex-grow: 1;}
.dingdan-list-header .jine-w{width: 180px;}
.dingdan-list-header .caozuo-w{width: 155px;}
.dingdan-list-con{
	height:calc(100% - 50px);
	padding: 0 20px;
    overflow: auto;
}
.dingdan-list-item{
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 16px;
    background: #ffffff;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #eeeeee;
    position: relative;
}
.dingdan-list-box .item-top{
	border-radius: 8px 8px 0 0;
    font-weight: 500;
    font-size: 14px;
    height: 40px;
    display: flex;
    justify-content: space-between;
	align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    background: #f5f5f5;
}
.dingdan-list-box .item-top .top-left{
    display: flex;
	align-items: center;
    flex-grow: 1;
}
.dingdan-list-box .item-top .top-right{
    display: flex;
	align-items: center;
    justify-content: flex-end;
}
.dingdan-list-box .item-time{
	color: #1f1f1f;
    flex-shrink: 0;
    line-height: 22px;
    margin-right: 12px;
    white-space: nowrap;
}
.dingdan-list-box .item-xian{
	background-color: rgba(0, 0, 0, .2);
    height: 16px;
    margin: 0 12px;
    width: 1px;
}
.dingdan-list-box .item-text{
	color: #1f1f1f;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: flex;
    align-items: center;
}
.dingdan-list-box .item-text a{
    display: flex;
	align-items: center;
	color: #1f1f1f;
    cursor: pointer;
}
.dingdan-list-box a:hover{color:var(--zhuti-color) !important;}
.dingdan-list-box .item-icon,.dingdan-list-box .item-icon a{
	color: #999999;
}

.dingdan-list-box .item-con{
	display: flex;
    flex-direction: row;
	padding-top:16px;
	padding-left: 12px;
    padding-right: 12px;
}
.dingdan-list-box .item-title{
	flex: 1;
	display: flex;
    flex-direction: row;
    position: relative;
}
.dingdan-list-box .item-title .title-img{
    width: 90px;
    height: 90px;
	border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-right: 16px;
    flex-shrink: 0;
    cursor: pointer;
	background-image:url(../images/zanwuneirong.png);
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0,0,0,.02);
}
.dingdan-list-box .item-title .title-neirong{}
.dingdan-list-box .item-title .title-name{
	display: flex;
	align-items: center;
	line-height: 25px;
	margin-bottom:5px;
}
.dingdan-list-box .item-title .title-name a{
	display: flex;
	align-items: center;
	color: #1f1f1f;
    cursor: pointer;
	display:-webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
	line-height: 20px;
}
.dingdan-list-box .item-title .title-btn-box{
	display: flex;
	align-items: center;
	gap:8px;
}
.dingdan-list-box .item-title .title-btn-box > div{
	align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    position: relative;
	border-radius: 4px;
    font-size: 12px;
    height: 24px;
    padding-left: 8px;
    padding-right: 8px;
	background-color: #fff;
    border: 1px solid #ebebeb;
    color: #1f1f1f;
	margin-top:8px;
}
.dingdan-list-box .item-title .title-btn-box > div:hover{
	background-color: #f5f5f5;
}
.dingdan-list-box .item-title .title-tuikuan-tishi{
	margin-top: 8px;
	background-color: #f5f5f5;
    border-radius: 4px;
    color: #1f1f1f;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    padding: 4px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dingdan-list-box .item-title .title-tuikuan-tishi span{color:var(--zhuti-color);margin-right:5px;}
.dingdan-list-box .item-jine{
    display: flex;
	align-items: flex-end;
    flex-direction: column;
    flex-shrink: 0;
    padding-right: 62px;
    width: 180px;
	font-size:12px;
	line-height: 25px;
}
.dingdan-list-box .item-jine span{font-weight:bold;font-size:15px;}
.dingdan-list-box .item-caozuo{
	flex-shrink: 0;
    width: 155px;
	align-items: center;
    display: flex;
    flex-direction: column;
	line-height: 25px;
}
.dingdan-list-box .item-caozuo div{
	
}
.dingdan-list-box .item-caozuo div a{
	display: flex;
	align-items: center;
	color: #1f1f1f;
    cursor: pointer;
}
.jiaobiao{
	display: inline-block;
    background: var(--zhuti-bg-color);
    color: #ffffff;
    border-radius: 50px;
    padding: 0 3px;
    font-size: 12px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
	text-align:center;
	cursor:pointer;
}

/*设置-余额*/
.shezhi-yue-box{display:flex; align-items:center; gap:14px;}
.shezhi-yue-box .shezhi-yue{}
.shezhi-yue-box .shezhi-yue span{font-size:16px; font-weight:600; color:var(--zhuti-color);}
.shezhi-yue-box .shezhi-yue-btn{background:var(--zhuti-bg-color); color:#fff; border:none; padding:3px 10px; border-radius:6px; cursor:pointer; font-size:14px;}
.shezhi-yue-box .shezhi-yue-btn:hover{opacity:0.9;}
/*余额-提现*/
.pc-yuetixian-box{
	padding: 0 20px;
    padding-top: 10px;
    overflow: auto;
}
.pc-yuetixian-box .balance-card {
    background: var(--zhuti-bg-color);
    border-radius: 12px;
    padding: 24px;
    color: white;
    margin-bottom: 20px;
}
.pc-yuetixian-box .balance-card .label {
    font-size: 14px;
    opacity: 0.9;
}
.pc-yuetixian-box .balance-card .amount {
    font-size: 32px;
    font-weight: 600;
    margin: 15px 0;
}
.pc-yuetixian-box .balance-card .tip {
    font-size: 12px;
    opacity: 0.8;
}
.pc-yuetixian-box .yuetixian-card{
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}
.yuetixian-card .yuetixian-title{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.yuetixian-card .yuetixian-title h3{
    font-size: 17px;
    color: #000;
	font-weight:bold;
}
.pc-yuetixian-box .method-list {
    display: flex;
    gap: 12px;
}
.pc-yuetixian-box .method-list .method-item {
    flex: 1;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}
.pc-yuetixian-box .method-list .method-item .icon {
    font-size: 30px;
    margin-bottom: 4px;
}
.pc-yuetixian-box .method-list .method-item .name {
    font-size: 14px;
}
.pc-yuetixian-box .method-list .method-item.active{
    border-color: var(--zhuti-border-color);
    background: var(--zhuti-zhuti-qh);
	color:var(--zhuti-color);
}
.yuetixian-card .input-group {
    margin-bottom: 16px;
}
.yuetixian-card .input-box {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0 14px;
    height: 48px;
}
.yuetixian-card .input-box .prefix {
    font-size: 18px;
    color: #333;
    margin-right: 8px;
	font-weight: bold;
}
.yuetixian-card .input-box input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 14px;
}
/* 提现记录 */
.record-table {
	width: 100%;
	border-collapse: collapse;
}
.record-table th,
.record-table td {
	border: 1px solid #e6e6e6;
	padding: 12px;
	text-align: center;
	font-size: 14px;
}
.record-table th {
	background: #f5f5f5;
	font-weight: 500;
	color: #000;
}
.record-table td {color:#333;}
/* 表单模块 */
.pc-yuetixian-box .form-item {
	display: flex;
	margin-bottom: 25px;
}
.pc-yuetixian-box .form-label {
	width: 120px;
	text-align: right;
	padding-right: 15px;
	font-size: 14px;
	color: #666;
	padding-top:11px;
}
.pc-yuetixian-box .form-content {
	flex: 1;
}
/* 快捷金额 */
.quick-money {
	display: flex;
	gap: 10px;
	margin-top: 15px;
}
.quick-btn {
	border: 1px solid #eee;
	background: #f8f8f8;
	padding: 6px 18px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}
.quick-btn:hover {
	border-color: var(--zhuti-bg-color);
	color: var(--zhuti-bg-color);
}
/* 提交按钮 */
.submit-btn {
	width: 320px;
	height: 42px;
	background: var(--zhuti-bg-color);
	color: #fff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font-size: 15px;
}
.submit-btn:disabled {
	background: #cccccc;
	cursor: not-allowed;
}
.pc-yuetixian-box .submit-box {
    padding-left: 120px;
    margin-bottom: 40px;
}
.pc-yuetixian-box .input-normal {
	width: 320px;
	height: 42px;
	border: 1px solid #e5e6eb;
	border-radius: 6px;
	padding: 0 15px;
	font-size: 14px;
	outline: none;
}
.pc-yuetixian-box select.input-normal{
    background: url(../images/icon-xiajiantou.png) no-repeat right 10px center;
    padding-right: 25px;
}
.pc-yuetixian-box .input-normal:focus {
	border-color: var(--zhuti-border-color);
}



/* 进度条容器 */
.lawyer-auth-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  max-width: 1200px;
  margin: 6px auto;
  padding: 0 20px;
  position: relative;
}

/* 背景线条 */
.lawyer-auth-progress::before {
  content: "";
  position: absolute;
  top: 80%;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #e0e0e0;
  transform: translateY(-50%);
  z-index: 0;
}

/* 已完成部分的蓝色线条 */
.lawyer-auth-progress .progress-line {
  position: absolute;
  top: 80%;
  left: 0;
  height: 3px;
  background-color: #2b5cb8; /* 截图同款商务蓝 */
  transform: translateY(-50%);
  z-index: 1;
  transition: width 0.3s ease;
}

/* 步骤项 */
.progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  flex: 1;
}

/* 步骤数字圆圈 */
.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #e0e0e0;
  transition: all 0.3s ease;
}

/* 步骤文字 */
.step-title {
  margin-top: 12px;
  font-size: 16px;
  color: #666;
  text-align: center;
  transition: color 0.3s ease;
}

/* 已完成/当前步骤样式 */
.progress-step.active .step-circle,
.progress-step.done .step-circle {
  background-color: #2b5cb8;
  color: #fff;
  box-shadow: 0 0 0 2px #2b5cb8;
}

.progress-step.active .step-title,
.progress-step.done .step-title {
  color: #2b5cb8;
  font-weight: 500;
}

/* 已完成步骤的对勾图标（可选） */
.progress-step.done .step-circle::after {
  content: "✓";
  font-size: 20px;
}
.progress-step.done .step-circle span {
  display: none;
}

/*新增-左侧底部快捷方式*/
.pc-sidebar .pc-sidebar-bottom {padding: 15px 15px;}
.pc-sidebar .quick-actions{flex-wrap: wrap;}
.pc-sidebar .quick-actions .item {flex: 0 0 calc(33% - 10px);}
.pc-sidebar .quick-actions .item .item-txt{white-space: nowrap;}



/*所有筛选的加灰色*/
.pc-filter-sidebar-top{}
.pc-filter-sidebar-top .filter-group,.pc-filter-sidebar-top .filter-options{
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    border: 1px solid #dedede;
}
.pc-filter-sidebar-top .filter-group{padding:0;}
.pc-filter-sidebar-top .filter-group h4{
	margin-bottom:0;
	background: #f5f5f5;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    border-radius: 10px 10px 0 0;
    width: 100%;
    line-height: 16px;
}
.pc-filter-sidebar-top .filter-tags{padding:10px;}
.pc-filter-sidebar-top .filter-group-zuhe .filter-group{padding: 0;}
.pc-filter-sidebar-top .filter-group-zuhe .filter-group h4{width:100px;border-radius: 10px 0 0 10px;}
.pc-filter-sidebar-top .filter-group-zuhe .filter-group-zuhe-input{
	height: 40px;
    position: relative;
	max-width: inherit;
}
.pc-filter-sidebar-top .filter-group-zuhe .filter-input,.pc-filter-sidebar-top .filter-group-zuhe .filter-select{width:100%;height: 100%;text-align: left;}

.tankuang-con .input-group-box,.tankuang-con .input-textarea-box{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);border: 1px solid #e3e3e3;background: #ffffff;padding:0;border-radius:10px;}
.tankuang-con .input-group-box .group-label{
	background: #f5f5f5;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
    border-radius: 10px 0 0 10px;
    width: 160px;
    line-height: 16px;
    display: flex;
	height:100%;
}
.tankuang-con .input-group-box .group-input{
    justify-content: start;
    padding: 8px;
}
.tankuang-con .input-group-box .group-input .input-text{text-align: left;}
.tankuang-con .input-group-box .group-input .input-select{text-align: left;padding:0;}
.tankuang-con .input-radio-box,.tankuang-con .input-checkbox-box {
    padding: 0;
    justify-content: start;
}
.tankuang-con .input-radio-box .radio-item input:checked,.tankuang-con .input-checkbox-box .checkbox-item input:checked {
	/*
	border-right: 0px solid transparent;
    -webkit-filter: drop-shadow(0px 0 0px var(--zhuti-bg-color));
    filter: drop-shadow(0px 0 0px var(--zhuti-bg-color));
	*/
    margin-left: 0;
    margin-right: 0;
    border: none;
}
.tankuang-con .input-radio-box .radio-item,.tankuang-con .input-checkbox-box .checkbox-item {
    margin-left: 0;
    margin-right: 15px;
}
.tankuang-con .input-textarea-box .group-label{
	background: #f5f5f5;
    border-radius: 10px 10px 0 0;
}

.tankuang-con .input-group-box.bg-dsr .group-label,
.tankuang-con .input-group-box.bg-ls .group-label,
.tankuang-con .input-group-box.bg-dzjg .group-label,
.tankuang-con .input-group-box.bg-zcy .group-label,
.tankuang-con .input-group-box.bg-tjy .group-label
{background: transparent;}
.tankuang-con .input-group-box.bg-dsr .group-input,.tankuang-con .input-group-box.bg-dsr .input-radio-box, .tankuang-con .input-group-box.bg-dsr .input-checkbox-box,
.tankuang-con .input-group-box.bg-ls .group-input,.tankuang-con .input-group-box.bg-ls .input-radio-box, .tankuang-con .input-group-box.bg-ls .input-checkbox-box,
.tankuang-con .input-group-box.bg-dzjg .group-input,.tankuang-con .input-group-box.bg-dzjg .input-radio-box, .tankuang-con .input-group-box.bg-dzjg .input-checkbox-box,
.tankuang-con .input-group-box.bg-zcy .group-input,.tankuang-con .input-group-box.bg-zcy .input-radio-box, .tankuang-con .input-group-box.bg-zcy .input-checkbox-box,
.tankuang-con .input-group-box.bg-tjy .group-input,.tankuang-con .input-group-box.bg-tjy .input-radio-box, .tankuang-con .input-group-box.bg-tjy .input-checkbox-box
{justify-content: end;}
.xiangguan-detail-item{color:#999999 !important;}
.xiangguan-detail-item:hover{border-color: var(--zhuti-border-color) !important;box-shadow: 0 10px 18px rgba(var(--zhuti-zhuti-rgb), .12) !important;}
.xiangguan-detail-item .xiangguan-detail-icon{font-size:16px !important;color:#999999 !important;margin-right: 0;}
.xiangguan-detail-item:hover,.xiangguan-detail-item:hover .xiangguan-detail-icon{color:var(--zhuti-color) !important;}
.xiangguan-detail-item .xiangguan-detail-text{font-size:12px !important;}
.typing-dot{background:var(--zhuti-bg-color) !important;}
.ai-wenda-huida-box{
	padding: 10px 16px !important;
    max-width: min(760px, calc(100% - 54px)) !important;
}
.ai-wenda-huida-box .ai-huida-content{width: 100% !important;max-width: 100% !important;}
.ai-huida-text {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
	padding: 0 !important;
	line-height:30px !important;
}
.ai-wenda-huida-box .ai-huida-content .ai-huida-text{}
.ai-wenda-wenti-box .ai-wenti-text{
	box-shadow: none !important;
	background: rgba(0, 0, 0, .04) !important;
	color:#000;
}
.ai-huida-xiangguan-con .xiangguan-detail-item{margin-right:0;padding: 8px 8px;}
.index-aiduihua-box.legal-chat-scroll .index-aiduihua-con{height:auto !important;min-width: 936px;}
.index-aiduihua-box.legal-chat-scroll .ai-wenda-huida-box:last-child {margin-bottom: 0px;}
.index-gongnengqu-box .gongnengqu-bg .index-title{margin-bottom:0;}



/*新增收起侧边栏*/
.left-zhedie-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    margin-bottom: 5px;
    padding: 15px 0 10px 4px;
}
.left-zhedie-box .left-zhedie-icon-group{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}
.left-zhedie-box .icon-box{
	cursor: pointer;
    border-radius: 50%;
    position: relative;
    overflow: visible;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	width: 30px;
    height: 30px;
}
.left-zhedie-box .icon-box:hover{background:#e6e6e6;}
.left-zhedie-box .icon-box i{
	font-size:20px;
}
.pc-left-zhedie{
	z-index: 10000;
    display: flex;
    align-items: center;
    margin: 0px 0 0 20px;
    position: fixed;
    top: 65px;
    left: 0;
	transition: all 0.36s linear;
	display:none;
}
.pc-left-zhedie .left-zhedie-box{margin-bottom:0;padding:0;height: 56px;}
.pc-left-zhedie .left-zhedie-box  .left-zhedie-icon-group{
    height: 40px;
    background: #ffffff;
    padding: 0 3px;
	border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100px;
    margin-left: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .04);
    display: flex;
    align-items: center;
    gap: 3px;
}
.left-zhedie-box .logo-img{
	width:35px;
	height:35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.left-zhedie-box .logo-img img{max-width:100%;max-height:100%;}
.pc-left-zhedie .icon-item{
	width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: background-color .2s;
    color: #666666;
	margin-left:15px;
	font-size:20px;
    border-radius: 50%;
}
.pc-left-zhedie .icon-item:hover{background-color: #ffffff;color: #333333;}


.pc-chat-box .tbl-chat-main-stage {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
	overflow: auto;
}
/* 平台通知列表 */
.notice-list-box{}
.notice-list-box .notice-item {
	padding: 20px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	gap: 16px;
	align-items: flex-start;
	cursor: pointer;
	transition: 0.2s;
	border: 1px solid #eee;
    border-radius: 12px;
    margin-bottom: 15px;
	box-shadow: 0 2px 12px rgba(15, 17, 21, 0.06);
	background:#ffffff;
	position:relative;
}
.notice-list-box .notice-item:hover {
	box-shadow: 0 4px 18px rgba(15, 17, 21, 0.09);
}
/* 通知图标 */
.notice-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fef0f0;
    color: #a8101d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
/* 通知内容 */
.notice-list-box .notice-main {
	flex: 1;
}
.notice-title-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}
.notice-title {
	font-size: 15px;
	font-weight: 500;
	color:#000;
}
.notice-tag {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 4px;
	background: #fef0f0;
	color: #a8101d;
	white-space: nowrap;
}
.notice-desc {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px;
}
.notice-time {
	font-size: 12px;
	color: #999;
}
/* 未读红点 */
.dot-unread {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #a8101d;
	flex-shrink: 0;
	position: absolute;
    top: 13px;
    right: 10px;
}

/* 滑动开关核心样式 */
.switch-kaiguan-box{
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
}
.switch-kaiguan-box input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* 滑动轨道 */
.switch-kaiguan-box .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  transition: .3s;
  border-radius: 999px; /* 全圆角，无切角 */
}
/* 滑动小圆球 */
.switch-kaiguan-box .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
/* 选中：智能思考 紫色 */
.switch-kaiguan-box input:checked + .slider {
  background-color: #6A24D1;
}
.switch-kaiguan-box input:checked + .slider:before {
  transform: translateX(26px);
}

/*静态页*/
.html-box{width:100%;height:100%;padding:20px 40px;padding-top: 80px;overflow:auto;}
.html-box .login-header-box{background: #f6f6f6;}
.html-box .login-footer-box{position: relative;padding-bottom: 0;}
.html-w{
	max-width: 1200px;
	min-height: calc(100% - 50px);
	margin: 0 auto;
	word-break: break-all;
	background: #fff;
    border-radius: 12px;
    box-sizing: border-box;
    padding: 60px 27px;
    padding-top: 20px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.html-w .html-title{
	line-height: 48px;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: #a8101d;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}
.html-content{}
.html-content .html-content-text{
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 180%;
	color: #333333;
	text-align: justify;
}
.html-content .html-content-text p {
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 180%;
	color: #333333;
	text-indent: 2em;
	text-align: justify;
}
.html-content .html-content-text h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #000;
	font-weight: bold;
}
.html-content .guide-item {
	margin-bottom: 24px;
}
.html-content .guide-item h3 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #000;
	font-weight: bold;
}
.html-content .guide-item p {
	line-height: 1.8;
	font-size: 15px;
	color: #333;
	text-indent: 0;
}
.html-content .guide-item .text-bold{color:#000;}
.html-content .guide-item img{max-width:100%;}
.info-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
.info-table th {
	background: #fafafa;
	width: 180px;
	font-weight: 500;
	color:#000;
	border: 1px solid #eee;
	padding: 12px 16px;
	font-size: 14px;
	text-align: center;
}
.info-table td {
	border: 1px solid #eee;
	padding: 12px 16px;
	font-size: 14px;
}

/* 骨架通用样式，不影响你原有任何样式 */
.skeleton{
	min-height:30px;
	background: #eaeaea;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background-image: linear-gradient(90deg,#eaeaea 25%,#f5f5f5 50%,#eaeaea 75%);
	background-size: 200% 100%;
	animation: shine 1.2s infinite linear;
	border:none !important;
}
.skeleton:before{display:none !important;}
@keyframes shine {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

.moban-list-con .moban-list-item .item-bottom.skeleton,.lawyer-info-box .service-box .service-btn.skeleton{
	background: #eaeaea;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background-image: linear-gradient(90deg,#eaeaea 25%,#f5f5f5 50%,#eaeaea 75%);
	background-size: 200% 100%;
	animation: shine 1.2s infinite linear;
}
/*思考过程*/
.n9-stream-think-wrap{max-width:100% !important;padding:0 !important;border:none !important;background:transparent !important;padding-left:10px !important;margin-top:15px;margin-bottom:10px;}
.n9-stream-think-label,.n9-stream-think-body{font-size:13px !important;}

.index-gongnengqu-box .gongnengqu-bg .tbl-chat-file-chips{padding: 0px !important;}
.index-gongnengqu-box .gongnengqu-bg .tbl-chat-file-chips .tbl-chat-file-chip{margin-bottom:10px;}

.index-gongnengqu-box .gongnengqu-textarea-box{border-color:rgba(0,0,0,.1) !important;}


/* ===== 加载状态样式 ===== */
.tbl-chat-file-chip.loading {
    opacity: 0.8;
}
/* 加载 spinner */
.tbl-chat-file-chip-spinner {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    flex-shrink: 0;
    border: 2px solid #ddd;
    border-top-color: #666;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

.index-zhuye-box .brand-header{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.index-zhuye-box .brand-header .index-text-img img{width:auto;height:auto;}

/*订单提示*/
.pc-tip-box{
	display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 10px;
    background: var(--zhuti-zhuti-qh);
    border-radius: 10px;
    margin-bottom: 17px;
}
.pc-tip-box .pc-tip-img{
	width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--zhuti-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.pc-tip-box .pc-tip-img img{filter: brightness(0%) invert(100%);}
.pc-tip-box .pc-tip-text{color: #333;line-height: 25px;padding-top:3px;}



.pc-sidebar .pc-sidebar-top{padding: 15px 15px;}
.left-btn-box .left-zhedie-box{height: 40px;margin-bottom: 0;padding: 0;}
.pc-left-zhedie{top:50px;}
.pc-header-box{height: 50px;}
.pc-header-box .search-box{width: 245px;}
.pc-header-box .header-nav a{padding: 6px 0;}
.pc-content-box{height: calc(100vh - 50px);}

.action-btns-box .action-item{display: flex;}

.index-content-box .index-aiduihua-box{padding-bottom: 50px;}
.gongnengqu-bg .ai-disclaimer{
	position: absolute;
    top: -50px;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    background: #ffffff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}


.ai-huida-tuijian-box{}
.ai-huida-tuijian-con{
	align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    max-width: var(--chat-area-max-width);
    width: 100%;
	gap: 10px;
}
.ai-huida-tuijian-con .tuijian-item{
	align-items: center;
    background: rgba(0, 0, 0, .04);
    border-radius: 25px;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 9px 10px 9px 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.ai-huida-tuijian-con .tuijian-item .tuijian-title{
	color: rgba(0, 0, 0, .7);
    flex-shrink: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.ai-huida-tuijian-con .tuijian-item .tuijian-icon{
	fill: rgba(0, 0, 0, .7);
    flex-shrink: 0;
    margin-left: 2px;
	padding: 2px;
}
.ai-huida-tuijian-con .tuijian-item:hover{cursor:pointer;background: rgba(0, 0, 0, .1);}
.ai-huida-tuijian-con .tuijian-item:hover .tuijian-title{color: rgba(0, 0, 0, 1);}
.ai-huida-tuijian-con .tuijian-item:hover .tuijian-icon{fill: rgba(0, 0, 0, 1);}



.pc-sidebar .user-info .avatar,.lawyer-avatar{position:relative;}
.vip-level-biao{
	position: absolute;
    top: -4px;
    right: -4px;
    width: 22px;
    height: 22px;
    background: #b5b5b5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    border: 2px solid #fff;
}
.vip-level-biao.v1{background:#b5b5b5;}
.vip-level-biao.v2{background:#8b8cbb;}
.vip-level-biao.v3{background:#a8101d;}
.vip-level-biao.v4{background:#cd6100;}
.vip-level-biao img{max-width:60%;}
.lawyer-avatar .vip-level-biao{width:26px;height:26px;right: 0;}
.vip-level{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	min-width:60px;
	padding:0 5px;
	white-space: nowrap;
	height:25px;
    font-size: 12px;
    color: #fff;
	background:#b5b5b5;
    border: 1px solid #8c8c8c;
    border-radius: 6px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.vip-level.v1{background:#b5b5b5;border-color:#8c8c8c;}
.vip-level.v2{background:#8b8cbb;border-color:#383a9a;}
.vip-level.v3{background:#a8101d;border-color:#79000a;}
.vip-level.v4{background:#cd6100;border-color:#813d00;}
.vip-level img{max-height:12px;margin-right:3px;}
.record-table th{white-space: nowrap;}
.pc-vip-shengji-box{padding:0 20px;}
.vip-title-box {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    color: #a8101d;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}
/* 会员卡片容器 */
.vip-card-box {
	display: flex;
	gap: 24px;
	margin-bottom: 48px;
}
/* 单张会员卡片 */
.vip-card {
	flex: 1;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	padding: 32px 24px;
	text-align: center;
	transition: all 0.25s ease;
}
/* 当前会员高亮样式（黄色边框+浅黄底色） */
.vip-card:hover{
	border: 2px solid #D4AF37;
	background-color: #FFFDF0;
}
.vip-card.active{
	border: 2px solid #D4AF37;
	background-color: #FFFDF0;
}
.vip-card .crown-icon {
	font-size: 46px;
	color: #D4AF37;
	margin-bottom: 14px;
}
.vip-card h3 {
	font-size: 20px;
	color: #222;
	margin-bottom: 30px;
	font-weight: bold;
}
.vip-price {
	font-size: 26px;
	color: #a8101d;
	font-weight: bold;
	margin-bottom: 24px;
}
.vip-feature-list {
	min-height:126px;
	text-align: left;
	line-height: 2.1;
	font-size: 15px;
	color: #444;
	margin-bottom: 30px;
}
.vip-upgrade-btn {
	width: 100%;
	height: 46px;
	background-color: #a8101d;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer;
}
.vip-upgrade-btn:hover {
	opacity: 0.9;
}


/*2026-07-27 update*/
.pc-sidebar .quick-actions .item {
    flex: 0 0 calc(50% - 5px);
}
.yewu-type-tabs .tab{font-family: '楷体';font-weight: bold;padding: 6px 10px;white-space: nowrap;}
#indexThinkModeWrap{margin-bottom:10px;}
.link-lawyer-box{gap: 5px;}
.link-lawyer-box .lawer-item .item-img{width: 30px;height: 30px;}
.link-lawyer-box .lawer-item .item-img-bg{margin-left: -17px;width: 34px;height: 34px;}
.link-lawyer-box .lawer-item .item-text,.index-gongnengqu-box .gongnengqu-textarea-box .textarea-box textarea{font-size: 12px;}