@charset "UTF-8";
/* ==========================================================================
   廊坊市金融协会 官网 - 内页样式（当前位置 / 左侧菜单 / 列表 / 详情）
   ========================================================================== */

/* ==========================================================================
   顶部图片（栏目Banner，区别于头部logo通栏）
   ========================================================================== */
.top_banner .banner_pic:not(.i_banner_pic){position: relative;width:3000px;left:50%;margin-left:-1500px;text-align:center;}
.top_banner .banner_pic:not(.i_banner_pic) img{max-width:100%;}
.top_banner .cate_info{position: absolute;top: 50%;left: 50%;margin-top: -70px;margin-left: -500px;height: 200px;width: 1000px;color:#fff;font-size: 40px;line-height: 1.4;}
.top_banner .cate_info .tit{position: relative;font-weight:700;}
.top_banner .cate_info .tit::after{content: '';display: block;width: 56px;height: 4px;background: #fff;border-radius: 4px;position: absolute;left: 50%;margin-left: -28px;bottom:-16px;}
.top_banner .cate_info .en_tit{margin-top: 24px;text-transform: capitalize;font-size: 20px;color:rgba(255,255,255,.85);}

/* ==========================================================================
   当前位置 / 子栏目条
   ========================================================================== */
.depth_box{background: #fff;border-radius: var(--c-radius);position: relative;z-index: 100;padding:0 26px;margin-bottom: 20px;
-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.depth_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;padding:16px 0;}
.depth_left_tit{color: var(--c-main);font-size: 20px;font-weight: 700;line-height: 1.4;padding-left: 14px;position: relative;}
.depth_left_tit:before{content:'';position:absolute;left:0;top:50%;margin-top:-9px;width:4px;height:18px;border-radius:2px;background:var(--c-main);}
.depth_box .depth{font-size: 14px;color: var(--c-gray);}
.depth_box .depth a{color: var(--c-gray);}
.depth_box .depth a:hover{color: var(--c-accent);}
.depth_box .depth a:last-child{color: var(--c-sub);}
.depth_box .depth i{margin: 0 8px;font-style: normal;color: #c2cad6;}
.depth_box .key{color: var(--c-accent);font-weight: 700;}

/* 子栏目横向选项卡 */
.depth_box2{padding:0 26px;overflow: hidden;}
.depth_box2 .depth_wrap{border-bottom:none;-webkit-box-align:center;align-items:center;padding:0;}
.depth_sub_cat_list{padding: 8px 0;}
.depth_sub_cat_list li{margin-right: 6px;}
.depth_sub_cat_list li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;padding:10px 18px;color:var(--c-sub);font-size: 16px;line-height: 1.5;border-radius: 6px;
-webkit-transition:.25s;transition:.25s;}
.depth_sub_cat_list li a:hover{color: var(--c-main);background: var(--c-light);}
.depth_sub_cat_list li.active a{background: var(--c-main);color:#fff;}

/* ==========================================================================
   内页两栏布局（左：菜单 / 右：内容）
   ========================================================================== */
.inner_page_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;align-items:flex-start;padding-top: 28px;padding-bottom: 56px;}
.inner_page_right{width: 230px;flex:none;}
.inner_page_left{width: calc(100% - 230px);min-width: 0;padding-left: 26px;}
.inner_page_right .sticky{position: sticky;top: 74px;width: 230px;transition: .5s;}
.inner_page_left_content{background: #fff;padding: 30px;border-radius: var(--c-radius);-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.search_container .inner_page_left{width: 100%;padding-left: 0;}

/* ==========================================================================
   左侧导航菜单
   ========================================================================== */
.inner_page_nav{background:#fff;border-radius: var(--c-radius);overflow: hidden;-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.inner_page_nav .tit{
    color: #fff;font-size: 21px;font-weight: 700;line-height: 1.4;
    padding: 22px 24px;
    background: var(--c-gradient);
    background-size: cover;
}
.inner_page_nav .tit span{display: block;padding-bottom: 12px;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inner_page_nav .tit span::after{content:'';display: block;width: 38px;height: 3px;border-radius: 3px;background: var(--c-accent-l);position: absolute;left: 0;bottom: 0;}

.inner_page_nav_list{overflow: hidden;padding: 8px 0;}
.inner_page_nav_list li{border-bottom: 1px solid var(--c-line);}
.inner_page_nav_list li:last-child{border-bottom: none;}
.inner_page_nav_list li a{display: block;position: relative;background:#fff;
-webkit-transition:.25s;transition:.25s;}
.inner_page_nav_list li a span{display: block;line-height: 1.5;font-size: 16px;color: #535F70;position: relative;padding:15px 20px 15px 32px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-webkit-transition:.25s;transition:.25s;}
.inner_page_nav_list li a span::before{content:'';display: block;width: 6px;height: 6px;border-radius:50%;position: absolute;left: 20px;top: 50%;margin-top: -3px;background: #C6D0DE;
-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.inner_page_nav_list li a i{display: none;}
.inner_page_nav_list li a::after{content:'';display: block;width:4px;position: absolute;left:0;top:0;bottom:0;background: var(--c-main);
opacity: 0;-webkit-transition:.25s;transition:.25s;}

.inner_page_nav_list li a:hover{background: var(--c-light);}
.inner_page_nav_list li a:hover span{color: var(--c-main);padding-left: 36px;}
.inner_page_nav_list li a:hover span::before{background: var(--c-accent);}

.inner_page_nav_list li.active a{background: var(--c-light);}
.inner_page_nav_list li.active a::after{opacity: 1;}
.inner_page_nav_list li.active a span{color: var(--c-main);font-weight: 700;padding-left: 36px;}
.inner_page_nav_list li.active a span::before{background: var(--c-accent);}

/* ==========================================================================
   详情页
   ========================================================================== */
.detail_title{position: relative;padding-bottom: 22px;}
.detail_title h1{font-size: 28px;color: var(--c-main);text-align: center;font-weight: 700;line-height:1.6;}
.detail_title .cat_title{font-size: 24px;font-weight: 700;color: var(--c-main);text-align: center;}
.page_header_info{text-align: center;color: var(--c-gray);line-height:1.8;padding: 16px 0 4px;font-size: 14px;}
.page_header_info span{margin:0 14px;display: inline-block;}
.page_header_info .date_icon{margin: 0;}
.page_header_info .date_icon svg{margin-right: 5px;}
.page_con{padding: 26px 0 8px;line-height:2;color:#3A4354;font-size: 16px;overflow: hidden;text-align: justify;border-top:1px solid var(--c-line);}
.about_detail .page_con{padding-top: 0;border-top:none;}
.page_con_list_top{padding-top: 0;padding-bottom: 14px;}
.page_con h4,
.page_con h3,
.page_con h2,
.page_con h1{margin-bottom: 15px;color: var(--c-main);}
.page_con p{margin:0 0 15px!important;text-indent: 2em;}
.page_con img{max-width: 100%;height:auto!important;}
.page_con div > a > img,
.page_con p > a > img,
.page_con p > img{display: block;margin:0 auto;}
.page_con p > img.file_icon{display: inline;margin-right: 5px!important;margin-top: -2px;}
.page_con video{max-width: 100%;display: block;margin:0 auto;}
.page_con object{display: block;margin:0 auto;}
.page_con p>*{font-size: inherit!important;}
.page_con a{color: var(--c-accent);}
.page_con table{max-width:100%;}
.page_con pre {
    font-family: Consolas,Inconsolata,Courier,monospace;
    font-size: 14px;line-height: 22px;color: #000;display: block;overflow-x: auto;
    white-space: pre;word-wrap: normal;border-radius: 6px;padding: 15px;tab-size: 4;
    background: #f6f8fb;margin-bottom: 15px;
}

/* 上一篇 / 下一篇 */
.artPage{overflow: hidden;position: relative;border-top:1px solid var(--c-line);margin-top: 16px;padding: 22px 0 6px;}
.artPage p{line-height: 2;font-size: 15px;color: var(--c-gray);}
.artPage p a{color: var(--c-text);}
.artPage p a:hover{color: var(--c-accent);}
.artPage p .without{color: #b9c2ce;}
.artPage p .without:hover{color: #b9c2ce;cursor: not-allowed;}

/* ==========================================================================
   列表 - 简洁型（资讯动态等）
   ========================================================================== */
.content_news_list2 li{font-size: 16px;line-height: 1.5;border-bottom: 1px dashed var(--c-line);}
.content_news_list2 li:last-child{border-bottom: none;}
.content_news_list2 li a{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;position: relative;padding: 15px 0 15px 20px;
-webkit-transition:.25s;transition:.25s;}
.content_news_list2 li a::before{content:'';display: block;width: 6px;height: 6px;border-radius:50%;background: var(--c-accent);position: absolute;left: 0;top: 50%;margin-top: -3px;opacity:.6;
-webkit-transition:.25s;transition:.25s;}
.content_news_list2 li a:hover::before{opacity: 1;}
.content_news_list2 li .title{-webkit-box-ordinal-group:2;order:1;flex:1 1 0%;margin-right: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color: var(--c-text);-webkit-transition:.25s;transition:.25s;}
.content_news_list2 li a:hover .title{color: var(--c-main);}
.content_news_list2 li .date{-webkit-box-ordinal-group:3;order:2;flex:none;color: var(--c-gray);font-size: 14px;}

/* ==========================================================================
   列表 - 卡片网格（图文列表）
   ========================================================================== */
.content_news_list ul{margin:0 -12px;overflow: hidden;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.content_news_list li{width: 33.333%;padding: 0 12px 24px;}
.content_news_list li .item{display: block;background: #fff;border: 1px solid var(--c-line);border-radius: var(--c-radius);overflow: hidden;
-webkit-transition:.3s;transition:.3s;}
.content_news_list li .item .pic_box{position: relative;height: 0;padding-bottom: 66%;overflow: hidden;}
.content_news_list li .item .pic_box img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;-webkit-transition:.5s;transition:.5s;}
.content_news_list li .item .info{padding: 18px 20px 20px;}
.content_news_list li .item .title{font-size: 17px;font-weight: 600;line-height: 26px;color: var(--c-text);-webkit-transition:.25s;transition:.25s;}
.content_news_list li .item .con{font-size: 14px;line-height: 1.8;height: 3.6em;margin-top: 8px;color: var(--c-gray);overflow:hidden;}
.content_news_list li .item .title.line3{height: 78px;margin-bottom: 0;}
.content_news_list li .item .more{color: var(--c-sub);font-size: 14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;position: relative;}
.content_news_list li .item .more span{text-indent: -999px;overflow: hidden;width: 14px;height: 8px;display: block;position: relative;margin-left: 8px;}
.content_news_list li .item .more span:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:14px;height:2px;background:var(--c-accent);}
.content_news_list li .item .more span:after{content:'';position:absolute;right:0;top:50%;margin-top:-4px;width:6px;height:6px;border-top:2px solid var(--c-accent);border-right:2px solid var(--c-accent);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.content_news_list li .item .date{color: var(--c-gray);font-size: 13px;}
.content_news_list li .item:hover{-webkit-box-shadow: var(--c-shadow-hover);box-shadow: var(--c-shadow-hover);border-color: transparent;}
.content_news_list li .item:hover .pic_box img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.content_news_list li .item:hover .title{color: var(--c-main);}

/* ==========================================================================
   列表 - 图片网格
   ========================================================================== */
.content_pics_list{overflow: hidden;}
.content_pics_list ul{overflow: hidden;margin:0 -12px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.content_pics_list li{width: 33.333%;padding: 0 12px;margin-bottom: 24px;}
.content_pics_list li a{display: block;border: 1px solid var(--c-line);border-radius: var(--c-radius);overflow: hidden;background:#fff;
-webkit-transition:.3s;transition:.3s;}
.content_pics_list li .pic_box{width: 100%;height:0;padding-bottom: 70%;border-radius: 2px;overflow: hidden;position: relative;}
.content_pics_list li .pic{max-width: 100%;height: 100%;object-fit: contain;padding:6%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.content_pics_list li .info{padding: 16px;background: #fff;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;}
.content_pics_list li .title{line-height: 1.6;text-align: center;font-size: 15px;color: var(--c-text);word-wrap: break-word;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;-webkit-transition:.25s;transition:.25s;}
.content_pics_list li a:hover{-webkit-box-shadow: var(--c-shadow-hover);box-shadow: var(--c-shadow-hover);border-color: transparent;}
.content_pics_list li a:hover .title{color: var(--c-main);}
/* 视频列表（背景图模式） */
.content_video_list li .pic_box .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding:0;background-size: cover;background-position: center;transform:none;}
.content_video_list li .info{min-height: 3.2em;}

/* ==========================================================================
   列表 - 下载/文件（简洁型）
   ========================================================================== */
.content_download_list{overflow: hidden;}
.content_download_list > ul > li{font-size: 16px;line-height: 1.5;border-bottom: 1px dashed var(--c-line);}
.content_download_list > ul > li:last-child{border-bottom: none;}
.content_download_list > ul > li > a{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;position: relative;padding: 15px 0 15px 32px;}
.content_download_list > ul > li > a::before{content:'';display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 50%;margin-top: -10px;
background: var(--c-light);border-radius: 4px;}
.content_download_list > ul > li > a::after{content:'';display: block;width: 8px;height: 10px;position: absolute;left: 6px;top: 50%;margin-top: -5px;
border: 1.5px solid var(--c-accent);border-radius: 1px;}
.content_download_list > ul > li .title{-webkit-box-ordinal-group:2;order:1;flex:1 1 0%;margin-right: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color: var(--c-text);-webkit-transition:.25s;transition:.25s;}
.content_download_list > ul > li > a:hover .title{color: var(--c-main);}
.content_download_list > ul > li .date{-webkit-box-ordinal-group:3;order:2;flex:none;color: var(--c-gray);font-size: 14px;}

/* 列表 - 下载/文件（卡片型：content_news_list + content_download_list） */
.content_news_list.content_download_list ul{display: block;margin:0;}
.content_news_list.content_download_list li{width: 100%;padding: 0;}
.content_news_list.content_download_list li .big_wrap{margin-bottom: 16px;}
.content_news_list.content_download_list li .big_wrap > a{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;
background:#fff;border: 1px solid var(--c-line);border-radius: var(--c-radius);padding: 20px;overflow:hidden;
-webkit-transition:.3s;transition:.3s;}
.content_news_list.content_download_list li .pic_box{float: none;width: 190px;height: 124px;flex:none;margin-right: 22px;border-radius: 6px;overflow: hidden;border:none;}
.content_news_list.content_download_list li .pic_box .pic{display: block;width: 100%;height: 100%;background-size: cover;background-position: center;}
.content_news_list.content_download_list li .info{flex: 1 1 0%;min-width: 0;}
.content_news_list.content_download_list li .title{font-size: 17px;font-weight: 600;color: var(--c-text);-webkit-transition:.25s;transition:.25s;}
.content_news_list.content_download_list li .con{font-size: 14px;color: var(--c-gray);margin-top: 8px;line-height: 1.8;}
.content_news_list.content_download_list li .date{font-size: 13px;color: var(--c-gray);margin-top: 10px;}
.content_news_list.content_download_list li .more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;
color: var(--c-main);font-size: 14px;font-weight:600;margin-top: 12px;}
.content_news_list.content_download_list li .more span{text-indent: -999px;overflow: hidden;width: 14px;height: 8px;display: block;position: relative;margin-left: 8px;}
.content_news_list.content_download_list li .more span:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:14px;height:2px;background:var(--c-main);}
.content_news_list.content_download_list li .more span:after{content:'';position:absolute;right:0;top:50%;margin-top:-4px;width:6px;height:6px;border-top:2px solid var(--c-main);border-right:2px solid var(--c-main);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.content_news_list.content_download_list li .big_wrap > a:hover{-webkit-box-shadow: var(--c-shadow-hover);box-shadow: var(--c-shadow-hover);border-color: transparent;}
.content_news_list.content_download_list li .big_wrap > a:hover .title{color: var(--c-main);}

/* ==========================================================================
   焦点推荐区（左大图 + 右列表）
   ========================================================================== */
.list_recommend{padding-bottom: 10px;margin-bottom: 10px;}
.list_recommend_left{width: 50%;border-radius: var(--c-radius);overflow: hidden;}
.list_recommend_left li{height: 100%;}
.list_recommend_left .item{display: block;position: relative;height: 0;padding-bottom: 74%;overflow: hidden;border-radius: var(--c-radius);}
.list_recommend_left .item .pic_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
.list_recommend_left .item .pic_box img{width: 100%;height: 100%;object-fit: cover;-webkit-transition:.5s;transition:.5s;}
.list_recommend_left .item .info{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 10;padding: 50px 24px 20px;
background: -webkit-linear-gradient(top,rgba(6,34,71,0) 0%,rgba(6,34,71,.85) 100%);
background: linear-gradient(180deg,rgba(6,34,71,0) 0%,rgba(6,34,71,.85) 100%);}
.list_recommend_left .item .title{color:#fff;font-size: 22px;font-weight:600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_recommend_left .item:hover .pic_box img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.list_recommend_right{width: 50%;padding-left: 26px;}
.list_recommend_right li{border-bottom: 1px dashed var(--c-line);}
.list_recommend_right li:last-child{border-bottom: none;}
.list_recommend_right li .item{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;padding: 13px 0;}
.list_recommend_right li .date_box{width: 76px;flex:none;text-align:center;background: var(--c-light);border-radius: 6px;padding: 10px 0;margin-right: 18px;}
.list_recommend_right li .date_box .date_d{color: var(--c-main);font-size: 24px;font-weight:700;line-height: 1.05;}
.list_recommend_right li .date_box .date_ym{color: var(--c-sub);font-size: 12px;line-height: 1.4;}
.list_recommend_right li .info{flex: 1 1 0%;min-width: 0;}
.list_recommend_right li .title{width: 100%;font-size: 16px;font-weight:600;color: var(--c-text);line-height: 1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:.25s;transition:.25s;}
.list_recommend_right li .con{width: 100%;color: var(--c-gray);font-size: 13px;line-height: 1.6;margin-top: 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_recommend_right li .item:hover .title{color: var(--c-main);}

/* 焦点推荐区（左轮播） */
.list_recommend2{width: 40%;height: 300px;float: left;margin-right: 26px;margin-bottom: 22px;border-radius: var(--c-radius);overflow: hidden;position: relative;-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.list_news_swiper{width: 100%;height: 100%;border-radius: var(--c-radius);overflow: hidden;}
.list_news_swiper li a{display: block;border-radius: var(--c-radius);overflow: hidden;color:#fff;height: 100%;position: relative;}
.list_news_swiper li .pic_box{width: 100%;height: 100%;overflow: hidden;}
.list_news_swiper li .pic_box img{width: 100%;height: 100%;object-fit: cover;}
.list_news_swiper li .info{border-radius: 0 0 var(--c-radius) var(--c-radius);position: absolute;bottom: 0;left: 0;width: 100%;padding: 46px 20px 16px;z-index: 10;
background: -webkit-linear-gradient(top,rgba(6,34,71,0) 0%,rgba(6,34,71,.85) 100%);
background: linear-gradient(180deg,rgba(6,34,71,0) 0%,rgba(6,34,71,.85) 100%);}
.list_news_swiper li .info .title{line-height: 1.5;font-size: 18px;font-weight:600;}
.list_news_swiper .prev,
.list_news_swiper .next{position: absolute;display: block;width: 40px;height: 40px;border-radius:50%;top:50%;margin-top: -20px;overflow: hidden;transition: .25s;z-index: 500;text-indent: -999px;background: rgba(6,34,71,.35);}
.list_news_swiper .prev{left: 16px;}
.list_news_swiper .next{right: 16px;}
.list_news_swiper .prev:before,
.list_news_swiper .next:before{content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;}
.list_news_swiper .prev:before{-webkit-transform:translate(-30%,-50%) rotate(-135deg);transform:translate(-30%,-50%) rotate(-135deg);}
.list_news_swiper .next:before{-webkit-transform:translate(-70%,-50%) rotate(45deg);transform:translate(-70%,-50%) rotate(45deg);}
.list_news_swiper .prev:hover,
.list_news_swiper .next:hover{background: var(--c-main);}
.list_news_swiper .prev.swiper-button-disabled,
.list_news_swiper .next.swiper-button-disabled{opacity: 0.35;cursor:no-drop;}
.list_recommend2_right{overflow: hidden;margin-bottom: 0;}

/* ==========================================================================
   专家列表
   ========================================================================== */
.expert_list{margin-top: -20px;}
.expert_list li{border-bottom: 1px solid var(--c-line);}
.expert_list li:last-child{border-bottom: none;}
.expert_list li .item{display: -webkit-box;display:-ms-flexbox;display:flex;overflow: hidden;padding: 24px 4px;font-size: 16px;}
.expert_list li .pic{float: none;flex:none;width: 150px;height: 200px;margin-right: 26px;overflow: hidden;border-radius: var(--c-radius);border: 1px solid var(--c-line);background: var(--c-light);}
.expert_list li .pic img{width:100%;height:100%;object-fit: cover;}
.expert_list li .info{flex: 1 1 0%;min-width: 0;}
.expert_list li .info .tit{overflow: hidden;font-weight: 700;}
.expert_list li .info .tit .title{font-size: 22px;margin-right: 24px;color: var(--c-main);}
.expert_list li .info .tit .sm_tit{color: var(--c-accent);}
.expert_list li .info .tit .duty{display:inline-block;font-size: 13px;font-weight: 400;color:#fff;background: var(--c-accent);border-radius: 3px;padding: 3px 12px;vertical-align: 3px;}
.expert_list li .info_con{margin-top: 8px;color: var(--c-sub);font-size: 15px;line-height: 1.8;}
.expert_list li .info_con .item_tit{font-weight: 700;color: var(--c-text);}

/* ==========================================================================
   服务列表
   ========================================================================== */
.service_list ul{display: -webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin: -12px;}
.service_list li{width: 25%;padding: 12px;}
.service_list .item{display: block;border: 1px solid var(--c-line);border-radius: var(--c-radius);padding: 12px;background:#fff;
-webkit-transition:.3s;transition:.3s;}
.service_list .item .pic_box{width: 100%;}
.service_list .item .pic_box .pic{width: 100%;height:0;padding-bottom: 62%;position: relative;}
.service_list .item .pic_box .pic img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;border-radius: 6px;}
.service_list .item .title{font-size: 16px;color: var(--c-text);line-height: 1.6;padding: 14px 0 4px;text-align: center;-webkit-transition:.25s;transition:.25s;}
.service_list .item:hover{-webkit-box-shadow: var(--c-shadow-hover);box-shadow: var(--c-shadow-hover);border-color: transparent;-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.service_list .item:hover .title{color: var(--c-main);}

/* ==========================================================================
   关于我们
   ========================================================================== */
.about_detail .page_con.about_con{padding-top: 0;}
.empty_msg.no_result{padding: 70px 0;text-align: center;color: var(--c-gray);font-size: 15px;}

/* ==========================================================================
   专家详情（article/expert/detail）
   ========================================================================== */
.expert_detail{margin-top: 28px;}
.expert_detail .expert_info{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.expert_detail .expert_pic{-webkit-box-flex:0;-ms-flex:0 0 170px;flex:0 0 170px;width:170px;}
.expert_detail .expert_pic img{width:100%;display:block;border-radius: var(--c-radius);border:1px solid var(--c-line);}
.expert_detail .expert_fields{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;padding-left:26px;}
.expert_detail .expert_field{font-size: 15px;color: var(--c-sub);line-height: 2.1;border-bottom: 1px dashed var(--c-line);padding:2px 0;}
.expert_detail .expert_field:last-child{border-bottom:none;}
.expert_detail .expert_field .label{color: var(--c-text);font-weight: 600;}
.expert_detail .expert_desc{margin-top: 24px;padding: 18px 22px;background: var(--c-light-2);border-radius: var(--c-radius);
font-size: 15px;color: var(--c-sub);line-height: 1.9;}

/* 内容待完善占位 */
.page_con .page_empty_tip{position: relative;text-indent: 0;
padding: 54px 30px;border: 1px dashed var(--c-line);border-radius: var(--c-radius);
background: var(--c-light-2);text-align: center;color: var(--c-sub);font-size: 15px;line-height: 1.9;}
/* .page_con .page_empty_tip:before{content:'';display: block;width: 42px;height: 42px;margin: 0 auto 14px;border-radius: 50%;
background: var(--c-light);}
.page_con .page_empty_tip:after{content:'';display: block;position: absolute;left: 50%;top: 66px;margin-left: -9px;
width: 18px;height: 18px;border: 2px solid var(--c-accent);border-radius: 3px;opacity:.75;} */

/* ==========================================================================
   投诉联系方式（独立公示单页 cate_4）
   ========================================================================== */
.complain_detail .detail_title{padding-bottom: 18px;}
.complain_intro{padding: 20px 24px;background: var(--c-light-2);border-left: 4px solid var(--c-main);
border-radius: var(--c-radius);font-size: 15px;line-height: 2;color: var(--c-sub);margin-bottom: 24px;text-align: justify;}
.complain_grid{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -10px;}
.complain_card{-webkit-box-flex: 1;-ms-flex: 1 1 0%;flex: 1 1 0%;min-width: 0;margin: 0 10px;
border: 1px solid var(--c-line);border-radius: var(--c-radius);background: #fff;
padding: 26px 24px 22px;-webkit-transition: .25s;transition: .25s;}
.complain_card:hover{border-color: var(--c-main);-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.complain_card .card_ico{width: 46px;height: 46px;border-radius: 12px;margin-bottom: 14px;
background: var(--c-main);display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;}
.complain_card .card_ico svg{width: 23px;height: 23px;fill: none;stroke: #fff;stroke-width: 1.7;stroke-linecap: round;stroke-linejoin: round;}
.complain_card .card_tit{font-size: 17px;font-weight: 700;color: var(--c-main);letter-spacing: .5px;
margin-bottom: 6px;padding-bottom: 12px;border-bottom: 1px solid var(--c-line);}
.complain_line{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;align-items: flex-start;
padding: 9px 0;font-size: 14px;line-height: 1.7;}
.complain_line .lb{-webkit-box-flex: 0;-ms-flex: 0 0 76px;flex: 0 0 76px;color: var(--c-gray);}
.complain_line .vl{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;min-width: 0;color: #3A4354;word-break: break-all;}
.complain_note{margin-top: 24px;padding: 14px 18px;border-radius: var(--c-radius);
background: var(--c-light-2);font-size: 13px;line-height: 1.9;color: var(--c-gray);text-align: justify;}
@media screen and (max-width: 1200px){
    .complain_grid{display: block;margin: 0;}
    .complain_card{margin: 0 0 16px;}
    .complain_card:last-child{margin-bottom: 0;}
}