.w320{ width: 320px;}
.wa{ width: auto!important;}

.main_content{ padding-top: 125px; background: url(../images/member_main_bg.jpg) no-repeat top center;}
.main_content .header-box{ height: 228px; position: relative;}
.main_content .header-box .header-box-avatar{ width: 228px; height: 100%; margin-left: 45px; position: relative; overflow: hidden;}
.main_content .header-box .header-box-avatar img{ width: 222px; min-height: 222px; padding: 2px; border: 1px solid #577EFF; border-radius: 10px;}
.main_content .header-box .header-box-avatar .thumb_upbox{width: 222px; height: 222px; text-align: center; background: rgba(0,0,0,0.3); border-radius: 10px; position: absolute; top: 3px; left: 3px;}
.main_content .header-box .header-box-avatar .thumb_upbox div{ width: 100%; line-height: 222px; font-size: 16px; color: #fff; background: none; border: none; cursor: pointer;}
.main_content .header-box .header-box-avatar .thumb_upbox input{width: 100%; height: 222px; cursor: pointer; opacity: 0; position: absolute; top: 0; left: 0;}

.main_content .header-box .header-box-title{ width: 907px; height: 100%; line-height: 228px; font-size: 18px; font-weight: 600;}
.main_content .header-box .edit_info{ position: absolute; bottom: 90px; right: 58px;}

.content-box{}
.content-box-l{width: 870px;}
.content-box-l .menu-item-list{ margin-left: -10px;}
.content-box-l .menu-item-list .menu-item{ width: 170px; height: 170px; padding: 20px; margin-left: 10px; margin-bottom: 20px; text-align: center; float: left;}
.content-box-l .menu-item-list .menu-item .m-b-xs, .content-box-r .ruzhu-link-box .m-b-xs{width: 92px; height: 92px; margin: 15px auto;}
.content-box-l .menu-item-list .menu-item .m-b-xs i,.content-box-r .ruzhu-link-box .m-b-xs i{ width: 92px; height: 92px; background: url(../images/member_menu_icon_bg.png) no-repeat; display: block;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.user-zixun{background-position: -368px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.user-tel{background-position: -184px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.user-lawyers{background-position: -552px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.user-ruzhu, .content-box-l .menu-item-list .menu-item .m-b-xs i.lawyer-kehu{background-position: -276px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.user-lawyers{background-position: -552px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.lawyer-zixun{background-position: 0px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.lawyer-reply-zixun{background-position: -92px 0px;}
.content-box-l .menu-item-list .menu-item .m-b-xs i.lawyer-tel{background-position: -460px 0px;}
.content-box-l .menu-item-list .menu-item .t, .content-box-r .ruzhu-link-box .t{ height: 32px; line-height: 32px; font-size: 18px; display: block;}
.content-box-l .menu-item-list .menu-item:hover, .content-box-r .ruzhu-link-box:hover{z-index: 2; box-shadow: 0 -4px 12px rgba(25, 28, 31, .08), 0 12px 18px rgba(25, 28, 31, .2);}
.content-box-l .menu-item-list .menu-item:hover .t,.content-box-r .ruzhu-link-box .t{ color: #577EFF;}

.content-box-r{ width: 300px;}
.content-box-r .ruzhu-link-box,.content-box-r .qrcode-box{ width: 260px;}
.content-box-r .ruzhu-link-box .m-b-xs{margin: 5px auto;}
.content-box-r .ruzhu-link-box .m-b-xs i{background-position: -276px 0px;}
.content-box-r .qrcode-box .qrcode{ width: 166px; height: 166px;}
.content-box-r .qrcode-box .qrcode img{ width: 162px; height: 162px; padding: 2px; border: 1px solid #577EFF; border-radius: 5px;}

.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;}
.bg-img-l0{ background-position: 0px center;}
.bg-img-l15{ background-position: 15px center;}
.bg-img-l25{ background-position: 25px center;}
.bg-img-l30{ background-position: 30px center;}
.bg-img-l35{ background-position: 35px center;}

/*无结果*/
.no-result{ min-height: 360px; padding-top: 100px; text-align: center;}
.no-result .no-result-dCon{ height: 40px; line-height: 40px; font-size: 14px; color: #999;}
.no-result .btn{ width: 195px; height: 40px; line-height: 40px; margin-top: 20px; background-color: #577eff; border-radius: 20px;}
/**电话咨询列表**/
.tel-list-bar li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5;}
.tel-list-bar li:last-child{ border-bottom: none;}
.tel-list-bar li span{ display: block; line-height: 34px; color: #666; font-size: 14px;}
.tel-list-bar li .order_time{line-height: 38px; font-size: 18px; color: #333; padding-left: 20px; position: relative;}
.tel-list-bar li .order_time:after{ width: 8px; height: 8px; content: ""; background-color: #577EFF; border-radius: 50%; position: absolute; left: 0px; top: 15px;}
/**私人律师列表*/
.lawyer-list-bar{ margin-left: -10px;}
.lawyer-list-bar li{ width: 860px; padding: 10px; border-bottom: 1px solid #D5D5D5; position: relative;}
.lawyer-list-bar li .avatar-box{ width: 106px; height: 106px; margin-right: 20px; overflow: hidden;}
.lawyer-list-bar li .avatar-box img{ width: 102px; height: 102px; padding: 1px; border: 1px solid #577EFF; border-radius: 50%;}
.lawyer-list-bar li .info{ width: 480px; padding-top: 25px;}
.lawyer-list-bar li .info p{ height: 28px; line-height: 28px; color: #999;}
.lawyer-list-bar li .info p.name{ font-size: 14px; font-weight: 600; color: #333;}
.lawyer-list-bar li .btn-box{ position: absolute; top: 40px; right: 0px;}
.lawyer-list-bar li .btn-box .btn{ height: 40px; line-height: 40px; padding: 0px 40px; font-size: 16px; border-radius: 20px; background-color: #577eff; display: inline-block;}
.lawyer-list-bar li .btn-box .xufei{ background-color: #fff; border: 1px solid #577EFF; color: #577EFF;}

.ask-list-bar{}
.ask-list-bar li{ margin-top: 10px; margin-bottom: 20px; line-height: 30px; position: relative; width: 770px; padding-right: 100px;}
.ask-list-bar li h3{ font-size: 16px;}
.ask-list-bar li .b span{ color: #999; margin-right: 30px;}
.ask-list-bar li a:hover{ color: #577EFF;}
.ask-list-bar li .reply_status_b{ width: 100px; text-align: right; position: absolute; top: 10px; right: 0px;}
.answered-ask-list-bar li{ width: 870px; padding-right: 0;}
.answered-ask-list-bar li .best_answer{ width: 83px; height: 21px; position: absolute; bottom: 10px; right: 0px;}

.feebox{}
.feebox .prices{ margin-left: -15px;}
.feebox .prices .price{display: inline-block; height: 32px; line-height: 32px; padding: 0px 12px; background-color: #fff; color: #333; border: 1px solid #f0f4ff; margin-left: 15px; margin-bottom: 15px; cursor: pointer; float: left;}
.feebox .prices .price.on{ background-color: #577eff; color: #fff;}

.newest-wenda-list{}
.newest-wenda-list li{ line-height: 24px; color: #999; padding: 10px 0px; border-bottom: 1px solid #eee;}
.newest-wenda-list li:last-child{border-bottom: none;}
.newest-wenda-list li .t{ line-height: 28px; color: #333; font-size: 14px;}
.newest-wenda-list li a:hover{ color: #577EFF;}

.filtrate-bar{ margin: 15px 0;}
.filtrate-bar .layui-inline{ margin-right: 30px;}
.filtrate-bar .filtrate-all{ color: #000; background-color: #fff; border: 1px solid #eee;}

.content-box .tabs{}
.content-box .tabs .layui-tab-title{ width: 320px; height: 38px;}
.content-box .tabs .layui-tab-title li{ width: 160px; line-height: 36px; padding: 0px; border: 1px solid #577EFF; background-color: #f4f4f4; color: #333;}
.content-box .tabs .layui-tab-title li.layui-this{ background: #577EFF; color: #fff;}
.content-box .tabs .layui-tab-title li.layui-this:after{content: none;}
.content-box .tabs .layui-tab-title li.btn1{ border-radius: 5px 0 0 5px;}
.content-box .tabs .layui-tab-title li.btn2{ border-radius: 0 5px 5px 0;}
.content-box .layui-form .layui-form-label{ width: 220px; font-size: 16px;}
.content-box .layui-form .layui-input-block{ margin-left: 250px;}
.layui-form-item .layui-form-checkbox{ margin-bottom: 10px;}
.content-box .layui-form .layui-form-select dl dd.layui-this, .content-box .layui-form .layui-form-checked span,.content-box .layui-form .layui-form-checked:hover span{ background-color: #577EFF;}
.content-box .show_certificate_pic{ max-height: 200px;}
.content-box .upload_btn{ height: 54px; line-height: 54px;}
.content-box .upload_btn input{ width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
.content-box .layui-form-radio:hover *,.content-box .layui-form-radioed,.content-box .layui-form-radioed>i{ color: #577EFF;}

.getcode{height: 38px; line-height: 38px; border: none;}

.show_agreement{border-radius: 12px!important;}
.show_agreement .layui-layer-title{ font-size: 18px; font-weight: 600; background-color: #e6e6e6; border-radius: 12px 12px 0 0;}
.show_agreement .layui-layer-content{ border: 1px solid #d9d9d9;}

.apply-next-box{ width: 470px; margin: 0px 200px;}
.apply-next-box .btn{ width: 120px; height: 40px; line-height: 40px; border-radius: 5px; background-color: #577eff;}