.part-a{ height: 535px;}
.part-a-l { width: 300px;}
.part-a-l .tab-tit { height: 64px; line-height: 64px; font-size: 16px; font-weight: 600; color: #fffefe; background-color: #577eff;}
.part-a-l .l-n-item{ height: 471px; padding: 0px 20px;}
.part-a-l .l-n-item li{ float: left; width: 130px; height: 46px; line-height: 46px; font-size: 16px;}
.part-a-l .l-n-item li a:hover{ color: #577eff;}
.part-a-m{ width: 574px;}
.part-a-m-roll{ height: 310px; overflow: hidden;}
.part-a-m-roll .layui-carousel-ind{ top:-20px;}
.part-a-m-roll .layui-carousel-ind ul{ background: none; border-radius: 0;}
.part-a-m-roll .layui-carousel-ind ul li{ width: 38px; height: 5px; margin: 0 6px; background-color:#999; border-radius: 0;}
.part-a-m-roll .layui-carousel-ind ul li.layui-this{ background-color: #577eff;}
.part-a-m-tsfw{ height: 205px;}
.part-a-m-tsfw .title{ width: 71px; height: 205px; background: url(../images/title_bg.png) no-repeat center center; margin-right: 3px;}
.part-a-m-tsfw .title h1{ width: 20px; height: 205px; font-size: 18px; font-weight: 700; }
.part-a-m-tsfw .title h2{ width: 14px; height: 205px;}
.part-a-m-tsfw .title h2 span{font-size: 12px; color: #9f9f9f; writing-mode: vertical-rl;-webkit-writing-mode: vertical-r; margin-top: 12px;}
.part-a-m-tsfw .item_list{}
.part-a-m-tsfw .item_list .item{ width: 80px; height: 205px; background: #fff; padding: 0px 15px;}
.part-a-m-tsfw .item_list .item .icon_b{ width: 66px; height: 76px; margin: 20px auto 10px; background: url(../images/icon_tsfw.png) no-repeat;}
.part-a-m-tsfw .item_list .item .znzx_icon{background-position: 0 0;}
.part-a-m-tsfw .item_list .item .zxzx_icon{background-position: -66px 0;}
.part-a-m-tsfw .item_list .item .dhzx_icon{background-position: -132px 0;}
.part-a-m-tsfw .item_list .item .kszx_icon{background-position: -198px 0;}
.part-a-m-tsfw .item_list .item .item_name{ line-height:28px;}
.part-a-m-tsfw .item_list .item .item_desc{ line-height:18px; color: #999; margin-top: 10px;}
.part-a-r{ width: 286px;}
.part-a-r-sitecard{ height: 310px; padding: 14px 20px;}
.part-a-r-sitecard .title{ padding: 16px 0;}
.part-a-r-sitecard .btn{ width: 196px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #577eff;}
.part-a-r-sitecard .icon_index_auth{ display: inline-block; vertical-align: middle; background: url(../images/icon_index_auth.png) no-repeat;}
.part-a-r-sitecard .btn .icon_index_auth.i_1{ width: 19px; height: 27px; background-position: 0px 0px;}
.part-a-r-sitecard .s_rz{ margin-top: 60px;}
.part-a-r-sitecard .s_rz dt{ font-weight: 400;}
.part-a-r-sitecard .s_rz dd{ margin-top: 25px; overflow: hidden;}
.part-a-r-sitecard .s_rz dd span { float: left; width: 33.33%; font-size: 12px; color: #999; text-align: center; }
.part-a-r-sitecard .s_rz dd span .icon_index_auth{ display: block; margin: 0px auto 5px;}
.part-a-r-sitecard .s_rz dd span .icon_index_auth.i_2{ width: 30px; height: 27px; background-position: -19px 0px;}
.part-a-r-sitecard .s_rz dd span .icon_index_auth.i_3{ width: 23px; height: 27px; background-position: -49px 0px;}
.part-a-r-sitecard .s_rz dd span .icon_index_auth.i_4{ width: 30px; height: 27px; background-position: -72px 0px;}
.part-a-r .lawyer_list1{ height: 177px;}
.part-a-r .lawyer_list1 .lawyer_list1_c{ margin-left: -8px;}
.part-a-r .lawyer_list1 .item{ width: 90px; margin-left: 8px; border-radius: 2px; position: relative;}
.part-a-r .lawyer_list1 .item img{ height: 177px;}
.part-a-r .lawyer_list1 .item .bg{ width: 90px; position: absolute; bottom: 0px;}
.part-a-r .lawyer_list1 .item .bg .tit{ height: 56px; padding: 2px 4px; background: rgba(255,255,255,0.9);}
.part-a-r .lawyer_list1 .item .bg .tit .name{ height: 30px; line-height: 30px; font-size: 14px;}
.part-a-r .lawyer_list1 .item .bg .tit .tip{ height: 26px; line-height: 26px; font-size: 11px; color: #999;}
.part-a-r .lawyer_list1 .item .bg .tit .btn{width: 60px;height: 20px;line-height: 20px;font-size: 12px;border: 1px solid #577EFF;background: none;color: #666;display: block;}

.part-b{ height: 640px;}
.part-b .new-ask-bar{ width: 710px; margin: 0;}
.part-b .new-ask-bar .title-head-nav{ height: 72px; line-height: 72px; position: relative;}
.part-b .new-ask-bar .title-head-nav .layui-tab-title{height: 72px; border-bottom: none;}
.part-b .new-ask-bar .title-head-nav .layui-tab-title li{ height: 72px; line-height: 72px; margin-right: 10px; font-size: 18px; font-weight: 700;}
.part-b .new-ask-bar .title-head-nav .layui-tab-title .layui-this{ color: #333; background: url(../images/title_bg.png) no-repeat center center;}
.part-b .new-ask-bar .title-head-nav .layui-tab-title .layui-this:after{ width: 50px; height: 55px; left: 28px; border-bottom-color: #577eff;}
.part-b .new-ask-bar .title-head-nav .sub-links{ font-size: 12px; color: #a0a0a0; position: absolute; top: 0; right: 0px;}
.part-b .new-ask-bar .layui-tab-content{ height: 528px; padding: 0;}
.part-b .new-ask-bar .layui-tab-content .layui-tab-item{ height: 100%;}
.part-b .new-ask-bar .layui-tab-content .layui-tab-item ul li{ height: 65px; line-height: 65px; font-size: 14px; border-bottom: 1px solid #DCDCDC; color: #666; overflow: hidden;}
.part-b .new-ask-bar .layui-tab-content .layui-tab-item ul li:last-child{ border-bottom: none;}
.part-b .new-ask-bar .layui-tab-content .layui-tab-item ul li .time{ float: right; color: #999; margin-left: 30px;}
.part-b .new-ask-bar .layui-tab-content .layui-tab-item ul li a:hover{ color: #577EFF;}
.part-b .local-lawyer-bar{ width: 430px;}
.part-b .local-lawyer-bar .title{ height: 72px; line-height: 72px; background: #fefefe url(../images/title_bg.png) no-repeat 65px center;}
.part-b .local-lawyer-bar .title span{ border-left: 2px solid #577eff;}
.part-b .local-lawyer-bar .lawyer_list2{ margin-top: 8px; background-color: #f0f0f0;}
.part-b .local-lawyer-bar .lawyer_list2 .item{ width: 210px; height: 270px; margin-right: 10px; margin-bottom: 20px; border-radius: 5px; position: relative;}
.part-b .local-lawyer-bar .lawyer_list2 .item:nth-child(even){ margin-right: 0;}
.part-b .local-lawyer-bar .lawyer_list2 .item:nth-child(n+2){ margin-bottom: 0;}
.part-b .local-lawyer-bar .lawyer_list2 .item img{ width: 210px; min-height: 180px;}
.part-b .local-lawyer-bar .lawyer_list2 .item .bg{ position: absolute; bottom: 0px;}
.part-b .local-lawyer-bar .lawyer_list2 .item .bg .tit{ width: 200px; height: 80px; padding: 2px 5px; background: #fff;}
.part-b .local-lawyer-bar .lawyer_list2 .item .bg .tit .name{ height: 24px; line-height: 24px; font-size: 16px;}
.part-b .local-lawyer-bar .lawyer_list2 .item .bg .tit .unit{ height: 18px; line-height: 18px; font-size: 13px; color: #414141;}
.part-b .local-lawyer-bar .lawyer_list2 .item .bg .tit .skill{ line-height: 19px; font-size: 12px; color: #999;}

.part-c .title, .part-d .title, .part-g .title{ height: 72px; line-height: 72px; font-size: 18px; font-weight: 700; background: url(../images/title_bg.png) no-repeat;}
.part-c{}
.part-c .title{ background-position: 45px;}
.part-c .layui-tab{ margin: 0;}
.part-c .layui-tab .title-head-nav{ height: 28px; line-height: 28px; position: relative;}
.part-c .layui-tab .title-head-nav .layui-tab-title{height: 28px; border-bottom: none;}
.part-c .layui-tab .title-head-nav .layui-tab-title li,.part-c .layui-tab .title-head-nav .layui-tab-title span{ height: 28px; line-height: 28px; font-size: 16px;}
.part-c .layui-tab .title-head-nav .layui-tab-title span{ display: inline-block; position: absolute; top: 0;}
.part-c .layui-tab .title-head-nav .layui-tab-title .layui-this{ color: #577eff;}
.part-c .layui-tab .title-head-nav .layui-tab-title .layui-this:after{width: 50px; height: 28px; top: 5px; left: 23px; border-bottom-color: #577eff;}
.part-c .layui-tab .title-head-nav .sub-links{ font-size: 12px; color: #a0a0a0; position: absolute; top: 0; right: 0px;}
.part-c .layui-tab .layui-tab-content{ padding: 8px 0 0 0; margin-left: -18px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item{min-height: 490px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li{ width: 185px; height: 230px; margin-left: 18px; margin-top: 7px; margin-bottom: 8px; background-color: #fff;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .item{position: relative;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li img{ width: 185px; min-height: 230px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .bg{position: absolute; left: 0; top: 150px; right: 0; height: 230px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .all{ position: relative; height: 120px; padding-top: 110px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .tit, .part-c .layui-tab .layui-tab-content .layui-tab-item ul li .all .info { width: 152px; height: 52px; border: 1px solid #b3b3b3; background-color: #fff; padding: 5px; margin: 0px auto;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .name{ height: 28px; line-height: 28px; font-size: 14px; overflow: hidden;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .name .s-c3{ width: 80px; float: left;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .name .star{ width: 62px; text-align: center; color: #577eff; font-size: 14px; float: left;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .skill{ height: 24px; line-height: 24px; color: #999; font-size: 12px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .all .info{ margin-bottom: 10px;}
.part-c .layui-tab .layui-tab-content .layui-tab-item ul li .all .btn{display: block; width: 80px; height: 32px; line-height: 32px; border: 1px solid #445caf; background-color: #577eff; margin: 0px auto; border-radius: 2px;}

.part-d{}
.part-d .layui-tab{ margin: 0;}
.part-d .layui-tab .title-head-nav{ height: 46px; line-height: 46px; margin: 5px 0; background-color: #f4f4f4; position: relative;}
.part-d .layui-tab .title-head-nav .layui-tab-title{height: 46px; border-bottom: none;}
.part-d .layui-tab .title-head-nav .layui-tab-title li,.part-d .layui-tab .title-head-nav .layui-tab-title span{ height: 46px; line-height: 46px; font-size: 16px; color: #404040;}
.part-d .layui-tab .title-head-nav .layui-tab-title span{ display: inline-block; position: absolute; top: 0; color: #cfcfcf;}
.part-d .layui-tab .title-head-nav .layui-tab-title .layui-this{ color: #577eff;}
.part-d .layui-tab .title-head-nav .layui-tab-title .layui-this:after{width: 50px; height: 46px; top: -7px; left: 23px; border-bottom-color: #577eff;}
.part-d .layui-tab .title-head-nav .sub-links{ font-size: 12px; color: #b7b7b7; position: absolute; top: 0; right: 30px;}
.part-d .layui-tab .layui-tab-content{ padding: 8px 0 0 0;}
.part-d .layui-tab .layui-tab-content .layui-tab-item{ min-height: 428px;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li{ width: 285px; margin-right: 20px; margin-bottom: 20px;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li:nth-child(4n+0){ margin-right: 0px;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li .video-box{width: 285px; height: 160px; display: block; position: relative; overflow: hidden; border-radius: 10px;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li .video-box img{ width: 285px; min-height: 160px;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li .video-box .bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li .video-box .iconfont{position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;font-size: 40px;color: #fff;line-height: 40px;z-index: 20; transition: all .3s ease-in-out;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li .video-box:hover .iconfont {transform: scale(1.3);opacity: 0;}
.part-d .layui-tab .layui-tab-content .layui-tab-item ul li .tit{ height: 34px; line-height: 34px; font-size: 16px; color: #414141;}

.part-e .title-bar{ height: 85px; line-height: 85px; background: url(../images/title_bar_bg.jpg) no-repeat;}
.part-e .title-bar h2{ background: url(../images/title_bg.png) no-repeat center left;}
.part-e .wenda-list{ width: 530px; height: 600px; padding: 18px 30px; background: url(../images/wenda_list_bg.png) no-repeat bottom right;}
.part-e .wenda-list li .question{ height: 34px; line-height: 34px; padding-left: 36px; background: url(../images/icon_question.png) no-repeat left center; overflow: hidden;}
.part-e .wenda-list li .question h5{ width: 400px;}
.part-e .wenda-list li .question .time{ float: right; margin-left: 20px; color: #999;}
.part-e .wenda-list li .answer{ height: 34px; line-height: 34px; margin-top: 7px; margin-bottom: 25px; padding-left: 36px; color: #666; position: relative; overflow: hidden;}
.part-e .wenda-list li .answer .photo{ width: 28px; height: 28px; border-radius: 50%; position: absolute; top: 3px; left: 0px; overflow: hidden;}
.part-e .wenda-list li .answer .photo img{ width: 100%; display: block;}
.part-e .wenda-list li .answer .huifu{ width: 496px;}

.part-f .wenda-list{ box-shadow: 0 -4px 12px rgba(25, 28, 31, .08), 0 12px 18px rgba(25, 28, 31, .2);}

.pic-link-box{ border-bottom: 1px dashed #b8b8b8; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.pic-link-box img{ width: 90px; height: 40px; margin: 5px;}
.text-link-box{ line-height: 30px;}
.text-link-box span{ padding: 0px 5px;}