.title-bg-bar,.title-bg-bl-bar{ height: 72px; line-height: 72px; font-size: 18px; font-weight: 600; background: url(../images/title_bg.png) no-repeat 20px center; position: relative;}
.title-bg-bl-bar:after{ width: 2px; height: 18px; content: ""; background-color: #577EFF; position: absolute; left: 0px; top: 27px;}

/**频道页*/
.part-a{ height: 310px; }
.part-a-l { width: 300px; height: 310px;}
.part-a-l .item{}
.part-a-l .item .title { height: 64px; line-height: 64px; font-size: 16px; font-weight: 600; color: #fffefe; background-color: #577eff;}
.part-a-l .item .list{ height: 240px; margin: 3px 0; padding: 0px 15px; overflow: hidden;}
.part-a-l .item .list li{ width: 120px; height: 48px; line-height: 48px; font-size: 16px; float: left;}
.part-a-l .item .list li a:hover{ color: #577eff;}
.part-a-m{ width: 574px;}
.part-a-m .layui-carousel{ width: 574px; height: 310px; overflow: hidden;}
.part-a-m .layui-carousel .layui-carousel-ind{ top:-20px;}
.part-a-m .layui-carousel .layui-carousel-ind ul{ background: none; border-radius: 0;}
.part-a-m .layui-carousel .layui-carousel-ind ul li{ width: 38px; height: 5px; margin: 0 6px; background-color:#999; border-radius: 0;}
.part-a-m .layui-carousel .layui-carousel-ind ul li.layui-this{ background-color: #577eff;}
.part-a-r{ width: 226px; height: 250px; padding: 30px;}
.part-a-r .tit{ height: 18px; line-height: 18px; background: url(../images/icon_bell2.png) no-repeat 0px 2px;}
.part-a-r .wtsr-tips{ height: 20px; top: 30px; right: 30px; color: #a7a7a7;}
.part-a-r .textarea-box{ line-height: 24px; font-size: 14px;}
.part-a-r .textarea-box textarea{ width: 100%; height: 130px; overflow-y: auto; border-bottom: 1px solid #eaeaea; -webkit-transition: height linear .3s; transition: height linear .3s;}
.part-a-r .btn{ width: 195px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #577eff;}

.part-b-t-l{width: 730px; margin: 0;}
.part-b-t-l .title-head-nav{ height: 72px; line-height: 72px; position: relative;}
.part-b-t-l .title-head-nav .layui-tab-title{height: 72px; border-bottom: none;}
.part-b-t-l .title-head-nav .layui-tab-title li{ height: 72px; line-height: 72px; margin-right: 10px; font-size: 18px; font-weight: 700;}
.part-b-t-l .title-head-nav .layui-tab-title .layui-this{ color: #333; background: url(../images/title_bg.png) no-repeat center center;}
.part-b-t-l .title-head-nav .layui-tab-title .layui-this:after{ width: 50px; height: 55px; left: 28px; border-bottom-color: #577eff;}
.part-b-t-l .layui-tab-content{ width: 670px; height: 544px; padding: 8px 30px;}
.part-b-t-l .layui-tab-content .layui-tab-item{ height: 100%;}
.part-b-t-l .layui-tab-content .layui-tab-item ul li{ height: 67px; line-height: 67px; font-size: 14px; border-bottom: 1px solid #dcdcdc; color: #666; overflow: hidden;}
.part-b-t-l .layui-tab-content .layui-tab-item ul li:last-child{ border-bottom: none;}
.part-b-t-l .layui-tab-content .layui-tab-item ul li .time{ float: right; color: #999; margin-left: 30px;}
.part-b-t-l .layui-tab-content .layui-tab-item ul li a:hover{ color: #577EFF;}
.part-b-t-r{width: 430px; }
.part-b-t-r ul{margin-top: -15px;}
.part-b-t-r ul li{ width: 430px; height: 175px; margin-top: 15px;}
.part-b-t-r .ruzhu_link_box{ height: 135px; padding: 20px 0; margin-top: 15px; background: url(../images/ruzhu_link_box_bg.jpg) no-repeat; background-size: 100% 175px;}
.part-b-t-r .ruzhu_link_box h4{ height: 30px; line-height: 30px; font-size: 18px; font-weight: 700; color: #577EFF;}
.part-b-t-r .ruzhu_link_box p{ height: 24px; line-height: 24px; font-size: 14px; padding: 5px 0px;}
.part-b-t-r .ruzhu_link_box .btn{ width: 240px; height: 40px; line-height: 40px; font-size: 14px; border-radius: 3px; background-color: #577EFF;}

.part-b-b-bar{width: 570px; margin: 0;}
.part-b-b-bar .title-head-nav{ height: 28px; line-height: 28px; position: relative;}
.part-b-b-bar .title-head-nav .layui-tab-title{height: 28px; border-bottom: none;}
.part-b-b-bar .title-head-nav .layui-tab-title li,.part-b-b-bar .title-head-nav .layui-tab-title span{ height: 28px; line-height: 28px; font-size: 15px;}
.part-b-b-bar .title-head-nav .layui-tab-title span{ display: inline-block; position: absolute; top: 0;}
.part-b-b-bar .title-head-nav .layui-tab-title li:first-child{ padding-left: 0px;}
.part-b-b-bar .title-head-nav .layui-tab-title .layui-this{ color: #577eff;font-weight: 600;}
.part-b-b-bar .title-head-nav .layui-tab-title .layui-this:after{width: 50px; height: 28px; top: 5px; left: 23px; border-bottom-color: #577eff;}
.part-b-b-bar .title-head-nav .layui-tab-title .layui-this:first-child:after{left: 8px;}
.part-b-b-bar .title-head-nav .sub-links{ font-size: 12px; color: #a0a0a0; position: absolute; top: 0; right: 0px;}
.part-b-b-bar .layui-tab-content{ padding: 8px 0 0 0;}
.part-b-b-bar .layui-tab-content .layui-tab-item{ min-height: 440px;}
.part-b-b-bar .layui-tab-content .layui-tab-item ul li{ height: 54px; line-height: 54px; border-bottom: 1px solid #dcdcdc; color: #666; overflow: hidden;}
.part-b-b-bar .layui-tab-content .layui-tab-item ul li:last-child{ border-bottom: none;}
.part-b-b-bar .layui-tab-content .layui-tab-item ul li .time{ float: right; color: #999; margin-left: 30px;}
.part-b-b-bar .layui-tab-content .layui-tab-item ul li a:hover{ color: #577EFF;}

.part-c-l{ width: 760px;}
.part-c-l .video-info-box{position: relative; height: 255px; clear: both;}
.part-c-l .video-info-box .video-info{ position: absolute; width: 760px; height: 225px; padding: 15px 10px; top: 0px; left: -10px; overflow: hidden;}
.part-c-l .video-info-box .video-info .video_img{ display: block; width: 400px; height: 225px; position: relative; overflow: hidden;}
.part-c-l .video-info-box .video-info .video_img img{ width: 400px; min-height: 225px; display: block;}
.part-c-l .video-info-box .video-info .video_img .time { position: absolute; right: 20px; bottom: 10px; display: inline-block; padding: 0 10px; height: 24px; line-height: 24px; color: #fff; background-color: #000; background-color: rgba(0, 0, 0, .3); *background-color: #000; border-radius: 12px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.part-c-l .video-info-box .video-info .video_img .pop { width: 400px; height: 225px; position: absolute; top: 225px; right: 0; left: 0; background-color: #000; background-color: rgba(0,0,0,.3); *background-color: #000; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
.part-c-l .video-info-box .video-info .video_img .pop .layui-icon{ width:45px; height: 45px; line-height: 45px; margin: 0px auto; margin-top: 90px; font-size: 45px; color: #fff; display: block;}
.part-c-l .video-info-box .video-info .video_img:hover .pop { top: 0; }
.part-c-l .video-info-box .video-info .video_img:hover .time { bottom: -40px; }
.part-c-l .video-info-box .video-info h3 { height: 32px; line-height: 32px; margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: bold; overflow: hidden; }
.part-c-l .video-info-box .video-info .lawyer_info{ height: 46px; line-height: 46px; margin: 5px 0;}
.part-c-l .video-info-box .video-info .photo{ width: 45px; height: 45px; border-radius: 50%; border: 1px solid #577EFF; overflow: hidden;}
.part-c-l .video-info-box .video-info .photo img{ width: 48px; min-height: 48px;}
.part-c-l .video-info-box .video-info a:hover{ color: #577EFF!important;}
.part-c-l .video-info-box .video-info .desc{ line-height: 28px;}
.part-c-l .video-info-box .video-info .metas{margin-top: 8px;}
.part-c-l .video-info-box .video-info .metas span{ position: relative; padding-left: 16px;}
.part-c-l .video-info-box .video-info .date i{ display: block; width: 13px; height: 13px; background: url(../images/icon_av_bg.png) no-repeat -13px 0px; position: absolute; top: 1px; left: 0px;}
.part-c-l .video-info-box:hover .video-info { z-index: 2; box-shadow: 0 -4px 12px rgba(25, 28, 31, .08), 0 12px 18px rgba(25, 28, 31, .2); }
.part-c-l .video-list{ margin-left: -8px;}
.part-c-l .video-list li{ width: 184px; margin-left: 8px; float: left;}
.part-c-l .video-list li .video-box{width: 184px; height: 104px; display: block; position: relative; overflow: hidden; border-radius: 5px;}
.part-c-l .video-list li .video-box img{ width: 184px; min-height: 104px;}
.part-c-l .video-list 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-c-l .video-list li .video-box .iconfont{position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -15px;font-size: 30px;color: #fff;line-height: 30px;z-index: 20; transition: all .3s ease-in-out;}
.part-c-l .video-list li .video-box:hover .iconfont {transform: scale(1.3);opacity: 0;}

.part-c-r{width: 410px;}
.part-c-r li{ height: 36px; line-height: 36px;}
.part-c-r li a:hover{ color: #577EFF;}

/**列表页**/
.container-l{width: 680px; min-height: 1360px;}
.type-filtrate-bar .type-list{ margin: 10px 0; position: relative; line-height: 36px; }
.type-filtrate-bar .type-list .tit {position: absolute; left: 0; top: 0px; font-size: 14px; color: #999;}
.type-filtrate-bar .type-list .type-nr { padding-left: 80px; min-height:36px;}
.type-filtrate-bar .type-list .un-nr2{ background-color: #eaeaea; color: #4b4b4b; line-height: 28px; padding: 10px 15px;}
.type-filtrate-bar .type-list .type-nr a{ display: inline-block; padding: 0px 12px;}
.type-filtrate-bar .type-list .un-nr2 a{ padding: 0px 8px;}
.type-filtrate-bar .type-nr a.is-this,.type-filtrate-bar .type-nr a:hover { color: #577eff;}
.list-box{}
.list-box li{ margin-top: 10px; margin-bottom: 20px; line-height: 30px; }
.list-box li h3{ font-size: 16px;}
.list-box li .b span{ color: #999; margin-right: 30px;}
.list-box li a:hover{ color: #577EFF;}

.container-r,.show-r{width: 430px;}
.post-zixun{ width: 370px; height: 295px; padding: 30px;}
.post-zixun .tit{ height: 18px; line-height: 18px; background: url(../images/icon_bell2.png) no-repeat 0px 2px;}
.post-zixun .wtsr-tips{ height: 20px; top: 30px; right: 30px; color: #a7a7a7;}
.post-zixun .textarea-box{ line-height: 24px; font-size: 14px;}
.post-zixun .textarea-box textarea{ width: 100%; height: 180px; overflow-y: auto; border-bottom: 1px solid #eaeaea; -webkit-transition: height linear .3s; transition: height linear .3s;}
.post-zixun .btn{ width: 195px; height: 40px; line-height: 40px; background-color: #577EFF; border-radius: 20px;}
.local-lawyer-bar{}
.local-lawyer-bar .lawyer_items{}
.local-lawyer-bar .lawyer_items .item{ width: 210px; height: 270px; margin-right: 10px; margin-bottom: 20px; border-radius: 5px; position: relative;}
.local-lawyer-bar .lawyer_items .item:nth-child(even){ margin-right: 0;}
.local-lawyer-bar .lawyer_items .item img{ width: 210px; min-height: 180px;}
.local-lawyer-bar .lawyer_items .item .bg{ position: absolute; bottom: 0px;}
.local-lawyer-bar .lawyer_items .item .bg .tit{ height: 80px; padding: 2px 5px; background: #fff;}
.local-lawyer-bar .lawyer_items .item .bg .tit .name{ height: 24px; line-height: 24px; font-size: 16px;}
.local-lawyer-bar .lawyer_items .item .bg .tit .unit{ height: 18px; line-height: 18px; font-size: 13px; color: #414141;}
.local-lawyer-bar .lawyer_items .item .bg .tit .skill{ line-height: 19px; font-size: 12px; color: #999;}
.list-bar{}
.list-bar ul li{ padding: 10px 0; border-bottom: 1px solid #DCDCDC;}
.list-bar ul li:last-child{ border: none;}
.list-bar ul li a{ line-height: 32px; font-size: 16px; color: #666;}
.list-bar ul li a:hover{ color: #577eff;}
.list-bar ul li .metas span{ line-height: 28px; display: inline-block;}
.list-bar ul li .metas .tags .icon-q-a{width: 14px; height: 28px; display: inline-block; float: left; background: url(../images/icon_q_a.png) no-repeat left center;}
.list-bar ul li .metas em{ padding: 0px 3px;}

/**咨询回复列表**/
.show-l{width: 740px;}
.q_title{ background: url(../images/icon_question.png) no-repeat 0px 2px;}
.q_info{}
.q_info .icon-zx{display: inline-block; vertical-align: middle; background: url(../images/icon_av_bg.png) no-repeat;}
.q_info .i-u{ width: 12px; height: 12px; background-position: -26px top;}
.q_info .i-add{ width: 10px; height: 12px; background-position: -38px top;}
.q_info .i-c{ width: 10px; height: 12px; background-position: -48px top;}
.q_info .i-t{ width: 13px; height: 13px; background-position: -13px top;}
.money{ height: 18px; line-height: 18px!important; color: #fff; background-color: #577EFF; border-radius: 9px; top: 7px; right: 0;}
.icon-money{ width: 19px; height: 18px; background: url(../images/icon_money.png) no-repeat; margin-right: 3px; display: inline-block;}
.q-tips{width: 480px; border: 1px solid #E2E2E2; border-left: none; border-right: none;}
.ask_too_btn,.bc_ask_btn,.edit_ask_btn,.ianswer_btn{ width: 194px; height: 40px; line-height: 40px; margin-left: 450px; border-radius: 20px; background-color: #577eff;}

.q-mark .icon{ font-size: 80px;}
.q-mark .btn{ width: 194px; height: 40px; line-height: 40px; border-radius: 20px; background-color: #577EFF;}

.answer-list{}
.answer-list li{ min-height: 130px; padding-top: 10px; padding-bottom: 75px; padding-left: 145px; position: relative;}
.answer-list li .a{position: relative;}
.answer-list li .a .avatar-box{ width: 104px; height: 104px; border: 1px solid #577EFF; overflow: hidden; border-radius: 50%;  position: absolute; top: 0px; left: -130px;}
.answer-list li .a .avatar-box img{ width: 104px; min-height: 104px;}
.answer-list li .a .best_answer_icon{ position: absolute; top:0px; right: 0px;}
.answer-list li .a .name{ height: 30px; line-height: 30px; overflow: hidden;}
.answer-list li .a .name a,.answer-list li .a .name span{ float: left; font-size: 18px; font-weight: 600;}
.answer-list li .a .name .icon-vip{ width: 18px; height: 20px; background: url(../images/icon_vip.png) no-repeat 0px 0px; margin: 5px 0 0 5px; display: inline-block;}
.answer-list li .c{ position: absolute; bottom: 15px; right: 0; border-top: 1px solid #eee;}
.answer-list li .c .c_btn{ height: 36px; line-height: 36px; border-radius: 18px; padding: 0px 30px; color: #577EFF; font-size: 16px; font-weight: 600; border: 1px solid #577EFF; margin-left: 40px;}
.answer-list li .c .money{ margin-top: 10px;}

.show-r{width:430px;}
.ask_popup,.reply_popup{border-radius: 12px!important;}
.ask_popup .layui-layer-title{ font-size: 16px; text-align: center; padding: 0; background-color: #e6e6e6; border-radius: 12px 12px 0 0;}
.ask_popup .layui-layer-content textarea.form_input{ width: 400px; height: 110px; padding: 10px; overflow-y: auto; border: 1px solid #d9d9d9;}
.ask_popup .layui-layer-btn .layui-layer-btn0{ background-color: #577EFF;}
.answer_reward .layui-layer-title{ height: 60px; line-height: 60px; color: #fff; background-image: url(../images/popup_title_bg.jpg); background-repeat: no-repeat;}
.answer_reward .layui-layer-content .gift li{width: 84px; height: 38px; line-height: 38px; margin: 10px 32px 20px 32px; border: 1px solid #d9d9d9; border-radius: 3px; color: #666; cursor: pointer;}
.answer_reward .layui-layer-content .gift li.cur{ color: #fff; border-color: #577eff; background-color: #577eff;}
.answer_reward .layui-layer-content input{ width: 378px; height: 38px; line-height: 38px; border: 1px solid #d9d9d9; margin: 0px auto;}

.reply_popup{}
.reply_popup .layui-tab{margin: 0;}
.reply_popup .layui-tab-title{}
.reply_popup .layui-tab-title li{ width: 50%; padding: 0; font-size: 16px; color: #333; background-color: #e6e6e6;}
.reply_popup .layui-tab-brief>.layui-tab-title .layui-this{ color: #fff; background-color: #577EFF;}
.reply_popup .layui-tab-brief>.layui-tab-title li:first-child{border-radius: 12px 0 0 0;}
.reply_popup .layui-tab-brief>.layui-tab-title li:last-child{border-radius: 0 12px 0 0;}
.reply_popup .layui-tab-brief>.layui-tab-title .layui-this:after{ content: none;}
.reply_popup textarea.form_input{width: 358px; height: 125px; padding: 10px; overflow-y: auto; border: 1px solid #d9d9d9;}
.reply_popup .btn{ width: 85px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #577EFF; border: none;}
.reply_popup img{ width: 145px; height: 145px; border: 1px solid #577EFF;}