.xhb_expert-banner{min-width:1220px;height:400px;background:url("../img/expert-banner-bg.jpg") no-repeat center top;}

.xhb_expert-intro{width:740px;padding-top: 80px;}
.xhb_expert-intro .xhb_expert-title{line-height:44px;font-size:36px;font-weight:bold;color:#005bff;}
.xhb_expert-intro .xhb_expert-desc{margin-top:10px;line-height:175%;text-align:justify;font-size:24px;color:#333;}

.xhb_expert-idx-cate{padding:20px;display: grid;grid-template-columns:repeat(5,2fr);gap: 20px;}
.xhb_expert-idx-cate::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}
.xhb_expert-cate-item{flex:1;text-align: center;}
.xhb_expert-cate-item-thumb{width:80px;height:80px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;}
.xhb_expert-cate-item-name{height:24px;margin-top:6px;line-height:24px;text-align:center;font-size:14px;}

.xhb_expert-idx-list{padding:10px;background-color:#FFF;}
.xhb_expert-idx-list::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}

.xhb_expert-idx-popitem{width:258px;height:105px;margin:10px;padding:10px;float:left;border:rgba(0,0,0,0.08) 1px solid;overflow:hidden;}
.xhb_expert-idx-popitem::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}
.xhb_expert-idx-popitem .xhb_expert-thumb{width:75px;float:left;}
.xhb_expert-idx-popitem .xhb_expert-thumb > div{width:100%;height:105px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.xhb_expert-idx-popitem .xhb_expert-thumb > div a{height:100%;display:block;}
.xhb_expert-idx-popitem .xhb_expert-attr{width:173px;margin-left:10px;float:left;}
.xhb_expert-idx-popitem .xhb_expert-attr .xhb_expert-name{height:28px;line-height:28px;font-size:16px;}
.xhb_expert-idx-popitem .xhb_expert-attr .xhb_expert-tags{width:100%;border-collapse:collapse;border-spacing:0;overflow:hidden;}
.xhb_expert-idx-popitem .xhb_expert-attr .xhb_expert-tags table td{height:18px;padding:3px 0;line-height:18px;font-size:14px;color:#999;}
.xhb_expert-idx-popitem .xhb_expert-attr .xhb_expert-tags table td:first-child{color:#666;}

.xhb_expert-idx-item{width:358px;height:140px;margin:10px;padding:10px;float:left;border:rgba(0,0,0,0.08) 1px solid;overflow:hidden;}
.xhb_expert-idx-item::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}
.xhb_expert-idx-item .xhb_expert-thumb{width:100px;float:left;}
.xhb_expert-idx-item .xhb_expert-thumb > div{width:100%;height:140px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.xhb_expert-idx-item .xhb_expert-thumb > div a{height:100%;display:block;}
.xhb_expert-idx-item .xhb_expert-attr{width:248px;margin-left:10px;float:left;}
.xhb_expert-idx-item .xhb_expert-attr .xhb_expert-name{height:28px;margin-bottom:6px;line-height:28px;font-size:18px;}
.xhb_expert-idx-item .xhb_expert-attr .xhb_expert-tags{width:100%;height:106px;border-collapse:collapse;border-spacing:0;overflow:hidden;}
.xhb_expert-idx-item .xhb_expert-attr .xhb_expert-tags table td{height:18px;padding:3px 0;line-height:18px;font-size:14px;color:#999;}
.xhb_expert-idx-item .xhb_expert-attr .xhb_expert-tags table td:first-child{color:#666;}

.xhb_expert-base{background-color:#FFF;}
.xhb_expert-base::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}
.xhb_expert-base > div{float:left;}

.xhb_expert-base-thumb{width:248px;height:128px;padding:20px;line-height:128px;text-align:center;}
.xhb_expert-base-thumb img{max-width:248px;max-height:128px;vertical-align:middle;}

.xhb_expert-base-intro{width:622px;height:148px;padding:10px;border-left:rgba(0,0,0,0.08) 1px solid;border-right:rgba(0,0,0,0.08) 1px solid;}
.xhb_expert-base-intro .xhb_expert-intro-name{height:34px;padding:0 10px;line-height:34px;font-size:18px;}
.xhb_expert-base-intro .xhb_expert-intro-tags{font-size:14px;}
.xhb_expert-base-intro .xhb_expert-intro-tags > div{height:16px;margin:10px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.xhb_expert-base-apply{width:248px;height:128px;padding:20px;line-height:128px;text-align:center;}
.xhb_expert-base-apply a{width:124px;height:36px;line-height:36px;text-align:center;font-size:14px;display:inline-block;color:#FFF;background:#005bff;border-radius:3px;}
.xhb_expert-show-panel{padding:50px;background:#FFF;}
.xhb_expert-show-panel::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}

.xhb_expert-show-panel-l{width:660px;float:left;}
.xhb_expert-show-panel-l h1{margin:0;padding:0;line-height:150%;text-align:left;letter-spacing:1px;font-size:24px;font-weight:bold;}

.xhb_expert-show-info{padding:8px 0;font-size:14px;color:#666;border-bottom:#EEE 1px solid;}
.xhb_expert-show-info::after{content:"\20";display:block;height:0;visibility:hidden;clear:both;}
.xhb_expert-show-info > div{height:20px;margin-left:12px;padding-left:12px;float:left;line-height:20px;position:relative;}
.xhb_expert-show-info > div::before{position:absolute;left:0;top:50%;content:"\20";margin-top:-6px;width:1px;height:12px;background:#CCC;display:block;}
.xhb_expert-show-info > div:first-child{margin-left:0;padding-left:0;}
.xhb_expert-show-info > div:first-child::before{display:none;}

.xhb_expert-show-attr{padding:8px 0;}
.xhb_expert-show-attr > div{min-height:20px;padding:8px 0;line-height:20px;font-size:14px;overflow:hidden;}
.xhb_expert-show-attr > div span{color:#666;}

.xhb_expert-show-panel-r{width:410px;height:277px;margin-left:50px;float:left;background:#FFF;}
.xhb_expert-show-panel-r .xhb_expert-show-thumb{width:100%;height:277px;background-repeat:no-repeat;background-position:center;background-size:contain;}

.xhb_expert-show-msg{padding-top:8px;}
.xhb_expert-show-msg a{width:124px;height:36px;line-height:36px;text-align:center;font-size:14px;display:inline-block;color:#FFF;background:#005bff;border-radius:3px;}
.content {font-size:16px;line-height:200%;padding:16px 32px;}
/* 弹窗样式优化 */
.consult-layer .layui-layer-title .layui-icon {
    margin-right: 8px;
    font-size: 18px;
}

.consult-popup {
    padding: 30px;
}

.consult-popup .consult-desc {
    text-align: center;
    margin-bottom: 25px;
    color: #666;
    font-size: 14px;
}

.consult-popup .form-item {
    margin-bottom: 20px;
}

.consult-popup .form-row {
    display: flex;
    align-items: center;
    gap: 10px;  /* 设置label和输入框之间的间距 */
}

.consult-popup .form-label {
    flex: none;  /* 防止label被拉伸 */
    width: 70px;  /* 固定label宽度 */
    font-size: 14px;
    color: #333;
    line-height: 42px;  /* 与输入框高度一致 */
}

.consult-popup .input-wrapper {
    flex: 1;  /* 输入框占据剩余空间 */
    display: flex;
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
}

.consult-popup .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s;
}

.consult-popup .input-wrapper:focus-within {
    border-color: #005bff;
    box-shadow: 0 0 0 2px rgba(30,159,255,0.1);
}

.consult-popup .input-wrapper .layui-icon {
    padding: 0 12px;
    color: #999;
    font-size: 18px;
}

.consult-popup .layui-input {
    flex: 1;
    border: none;
    height: 42px;
    line-height: 42px;
    padding: 0;
    font-size: 14px;
}

.consult-popup .layui-input:focus {
    box-shadow: none;
}

.consult-popup .layui-btn {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    border-radius: 4px;
    background-color: #005bff;
}

.consult-popup .layui-btn:hover {
    opacity: 0.9;
}

.consult-popup .layui-btn[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}