body {
    background-color: #fff;
}

.g-ft {
    background-color: #fff !important;
}

/* dincond-boldregular */
@font-face {
    font-family: 'dincond-boldregular';
    src: url('fonts/dincond-bold-webfont.eot');
    src: url('fonts/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dincond-bold-webfont.woff') format('woff'), url('fonts/dincond-bold-webfont.ttf') format('truetype'), url('fonts/dincond-bold-webfont.svg#dincond-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ico-core */
.ico-core {
    background: url('../images/ico-core.png') no-repeat;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
}

.i-core1, .i-core2, .i-core3, .i-core4 {
    width: 90px;
    height: 90px;
}

.i-core1 {
    background-position: 0 0;
}

.i-core2 {
    background-position: -100px 0;
}

.i-core3 {
    background-position: -200px 0;
}

.i-core4 {
    background-position: -300px 0;
}

.i-core5, .i-core6, .i-core7, .i-core5a, .i-core6a, .i-core7a {
    width: 70px;
    height: 70px;
}

.i-core5 {
    background-position: 0 -100px;
}

.i-core5a {
    background-position: 0 -180px;
}

.i-core6 {
    background-position: -80px -100px;
}

.i-core6a {
    background-position: -80px -180px;
}

.i-core7 {
    background-position: -160px -100px;
}

.i-core7a {
    background-position: -160px -180px;
}

.i-core8, .i-core9, .i-core10, .i-core8a, .i-core9a, .i-core10a {
    width: 40px;
    height: 40px;
}

.i-core8 {
    background-position: -240px -100px;
}

.i-core8a {
    background-position: -240px -150px;
}

.i-core9 {
    background-position: -290px -100px;
}

.i-core9a {
    background-position: -290px -150px;
}

.i-core10 {
    background-position: -340px -100px;
}

.i-core10a {
    background-position: -340px -150px;
}

.i-core11, .i-core12, .i-core13, .i-core14, .i-core15 {
    width: 54px;
    height: 54px;
}

.i-core11 {
    background-position: 0 -260px;
}

.i-core12 {
    background-position: -60px -260px;
}

.i-core13 {
    background-position: -120px -260px;
}

.i-core14 {
    background-position: -180px -260px;
}

.i-core15 {
    background-position: -240px -260px;
}

.i-core16 {
    width: 62px;
    height: 61px;
    background-position: -300px -260px;
}

.i-core17 {
    width: 63px;
    height: 60px;
    background-position: 0 -330px;
}

.i-core18 {
    width: 62px;
    height: 60px;
    background-position: -70px -330px;
}

.i-core19 {
    width: 60px;
    height: 60px;
    background-position: -140px -330px;
}

.i-core20 {
    width: 56px;
    height: 60px;
    background-position: -210px -330px;
}

.i-core21 {
    width: 102px;
    height: 6px;
    background-position: -270px -330px;
}

.i-core22, .i-core23, .i-core24 {
    width: 16px;
    height: 16px;
}

.i-core22 {
    background-position: -240px -200px;
}

.i-core23 {
    background-position: -260px -200px;
}

.i-core24 {
    background-position: -280px -200px;
}

.i-core25 {
    width: 11px;
    height: 15px;
    background-position: -300px -200px;
}

.i-core26 {
    width: 9px;
    height: 12px;
    background-position: -320px -200px;
}

.i-core27 {
    width: 15px;
    height: 15px;
    background-position: -335px -200px;
}

.i-core28 {
    width: 14px;
    height: 14px;
    background-position: -240px -230px;
}

.i-core29, .i-core30 {
    width: 6px;
    height: 11px;
}

.i-core29 {
    background-position: -260px -230px;
}

.i-core30 {
    background-position: -270px -230px;
}

.i-core31, .i-core32 {
    width: 17px;
    height: 17px;
}

.i-core31 {
    background-position: -280px -230px;
}

.i-core32 {
    background-position: -300px -230px;
}

.i-core33, .i-core34 {
    width: 15px;
    height: 15px;
}

.i-core33 {
    background-position: -320px -230px;
}

.i-core34 {
    background-position: -340px -230px;
}

.i-core35 {
    width: 14px;
    height: 14px;
    background-position: -360px -200px;
}

/* bg1 */
.bg1 {
    margin-top: 30px;
    padding: 60px 0;
    background: url(../images/bg-01.jpg) center top no-repeat;
}

.w200 {
    width: 200px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w570 {
    width: 570px;
}

.w920 {
    width: 920px;
}

.w960 {
    width: 960px;
}

.w1000 {
    width: 1000px;
}

.s-caaa {
    color: #aaa;
}

.s-c358 {
    color: #358bfc;
}

.s-cf89 {
    color: #f89c25;
}

.s-cf52 {
    color: #f52f2f;
}

.s-c999 {
    color: #999;
}

.s-c08a {
    color: #08a609
}

.s-c999i {
    color: #999 !important
}

.s-c08ai {
    color: #08a609 !important
}

.bg-fff {
    background-color: #fff;
}

.bg-f5 {
    background-color: #f5f5f5;
}

.mt25 {
    margin-top: 25px;
}

.mt80 {
    margin-top: 80px;
}

.mr25 {
    margin-right: 25px;
}

.mb60 {
    margin-bottom: 60px;
}

.p60 {
    padding: 60px;
}

.p55 {
    padding: 55px;
}

.pb25 {
    padding-bottom: 25px;
}

.f22 {
    font-size: 22px;
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pb60 {
    padding-bottom: 60px;
}
/*2018-11-30*/
.pb370 {padding-bottom: 370px!important; }
.pb106 {padding-bottom: 106px!important; }
/* pub-l */
.pub-l {
    height: 482px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgba(0,125,231,.1);
}
/**/
.pub-l-t {
    padding: 40px 20px 30px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.pub-l-t .pub-photo {
    display: block;
    margin: auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
}

.pub-l-t .pub-photo img {
    display: block;
    width: 100%;
    height: 100%;
}

.pub-l-t .ico-core {
    margin-top: -2px;
    margin-right: 5px;
}

.pub-l-t .pub-ope span {
    float: left;
    width: 155px;
    font-size: 14px;
}

.pub-l-t .pub-ope span.borr1 {
    width: 154px;
    border-right: 1px solid #eaeaea;
}

.pub-l-t .pub-ope span .ico-core {
    margin-right: 8px;
}
/**/
.pub-l-b {
    padding: 30px 20px 0;
}

.no-message {
    font-size: 18px;
    color: #aaa;
    text-align: center;
    margin-top: 45px;
}

.message-list li {
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.message-list li .photo {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.message-list li .photo img {
    width: 100%;
    height: 100%;
}

/* zx-type */
.zx-type {
    float: left;
    width: 275px;
    height: 186px;
    padding-top: 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgba(0,125,231,.1);
    text-align: center;
}

.zx-type p {
    font-size: 22px;
    line-height: 24px;
    margin-top: 15px;
}

.zx-type:hover {
    box-shadow: 0 3px 20px rgba(0,125,231,.5);
    color: #358bfc;
}

.zx-type:hover p {
    color: #358bfc;
}

/* w1920-img */
.w1920-img {
    position: relative;
    height: 119px;
    overflow: hidden;
}

.w1920-img img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}


/* bg2 */
.bg2 {
    padding: 30px 0 60px;
    background-color: #f8f8f8;
}

/* l-nav */
.l-nav dt {
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    background-color: #e5e5e5;
    color: #222;
}

.l-nav dt .ico-core {
    float: left;
    margin-right: 10px;
    margin-top: 17px;
}

.l-nav dd ul {
    padding: 15px 0;
}

.l-nav dd a {
    position: relative;
    display: block;
    padding: 0 20px 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.l-nav dd a .ico-core {
    float: right;
    margin-top: 14px;
}

.l-nav dd a .line {
    position: absolute;
    top: 14px;
    left: 0;
    display: none;
    width: 5px;
    height: 14px;
    background-color: #358bfc;
}

.l-nav dd a:hover, .l-nav dd .now-nav a {
    color: #358bfc;
}

.l-nav dd a:hover .ico-core, .l-nav dd .now-nav a .ico-core {
    background-position: -270px -230px;
}

.l-nav dd a:hover .line, .l-nav dd .now-nav .line {
    display: block;
}

/* r-con */
.r-con {
    /*padding-left: 40px;*/
    width: 960px;
    min-height: 820px;
    _height: 820px;
    /*background-color: #f5f5f5;*/
}

/* counsel-list */
.counsel-list li {
    position: relative;
    margin-top: 10px;
    padding: 25px 225px 25px 30px;
    background-color: #fff;
    min-height: 58px;
    _height: 58px;
}

.counsel-list li .check-btn {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
    display: inline-block;
    padding: 0 25px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    border-radius: 18px;
    font-size: 14px;
    color: #999;
}

.counsel-list li .check-btn:hover {
    border-color: #358bfc;
    color: #fff;
    background-color: #358bfc;
}

.counsel-list .tit {
    font-size: 18px;
    line-height: 28px;
}

.counsel-list .tit a:hover {
    color: #358bfc;
}

.counsel-list .det {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

/* gray-box */
.gray-box {
    display: inline-block;
    padding: 10px 110px;
    line-height: 22px;
    background-color: #e8e8e8;
    color: #999;
    font-size: 15px;
    border-radius: 21px;
}

/* srk-box */
.srk-box {
    position: relative;
    padding-right: 192px;
    height: 200px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    overflow: hidden;
}

.sao-ask {
    position: absolute;
    top: 0;
    right: 0;
    width: 192px;
    padding-top: 30px;
    height: 170px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 16px;
}

.sao-ask img {
    width: 114px;
    height: 114px;
}

.srk-box textarea {
    padding: 10px 20px;
    height: 180px;
    width: 606px;
    font-size: 14px;
    overflow-y: auto;
    line-height: 24px;
}

.sr-tips {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #f52f2f;
}
/**/
.srk-box-w textarea {
    width: 798px;
}

/* u-btn */
.u-btn-h28 {
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    border-radius: 14px;
    font-size: 12px;
}

.u-btn-h36 {
    height: 32px;
    line-height: 32px;
    padding: 0 44px;
    border-radius: 18px;
    font-size: 14px;
}

.u-btn-h42 {
    height: 38px;
    line-height: 38px;
    padding: 0 50px;
    border-radius: 21px;
    font-size: 16px;
}

.u-btn-be2 {
    border-color: #358bfc;
    background-color: #358bfc;
    color: #fff;
}

.u-btn-be2:hover {
    border-color: #4896fc;
    background-color: #4896fc;
    color: #fff;
}

.u-btn-oe2 {
    border-color: #f8bb25;
    background-color: #f8bb25;
    color: #fff;
}

.u-btn-oe2:hover {
    border-color: #f9b307;
    background-color: #f9b307;
    color: #fff;
}
/* 2017-12-01 字体加粗*/
.u-btn-weight1 {
    font-weight: bold;
}

.bg3 {
    padding: 70px 0 75px;
    background: url(../images/bg960a.jpg) bottom center #fff no-repeat;
}
/* step-img */
.step-img {
    width: 564px;
    margin: 40px auto 0;
    background: url(../images/radius-line-a.png) center 30px no-repeat;
    text-align: center;
}

.step-img li {
    float: left;
    width: 188px;
}

.step-img li .yuan {
    display: inline-block;
    padding: 6px;
    background-color: #f5f5f5;
    border-radius: 50%;
    overflow: hidden;
}

.step-img li p {
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}
/**/
.step-img-4 {
    width: 752px;
    background-image: url(../images/radius-line-b.png);
}

/* ask-box */
.ask-box {
    min-height: 500px;
}

.ask-box .counsel-list {
    padding: 35px 30px;
}

/* status-box */
.status-box {
    margin: 15px 30px 0;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #ffead7;
    color: #f89c25;
}

.status-fail {
    border-color: #ffe8e8;
    color: #f52f2f;
}

.status-be {
    border-color: #ebf4ff;
    color: #358bfc;
}

/* ask-oper */
.ask-oper {
    padding: 90px 30px 80px;
}

.ask-oper li {
    float: left;
    text-align: center;
    width: 299px;
    border-right: 1px solid #eee;
    font-size: 14px;
    color: #666;
}

.ask-oper li a {
    display: block;
    margin: 15px auto 0;
    width: 178px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    color: #999;
    border-radius: 18px;
}

.ask-oper li a:hover {
    border-color: #358bfc;
    color: #fff;
    background-color: #358bfc;
}

/* lawyer-list */
.lawyer-list li {
    float: left;
    margin-right: 20px;
    margin-top: 15px;
}

.lawyer-list li.mar0 {
    margin-right: 0;
}

.lawyer-list li a {
    display: block;
    padding: 30px;
    width: 165px;
    background-color: #fff;
    text-align: center;
}

.lawyer-list li img {
    display: block;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.lawyer-list li a:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

/* lawyer-answer */
.lawyer-answer {
    position: relative;
    padding: 25px 30px 30px 110px;
    border-top: 1px solid #f5f5f5;
}

.lawyer-answer .answer-type {
    position: absolute;
    left: 30px;
    top: 25px;
    display: block;
    width: 64px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #ddd;
    color: #fff;
}

.lawyer-answer .answer-type .arrow {
    position: absolute;
    right: -8px;
    top: 8px;
    border-left-color: #ddd;
}

.lawyer-answer .answer-law-info {
    position: relative;
    line-height: 40px;
    color: #aaa;
}

.answer-law-info .photo {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
}

.answer-law-info .photo img {
    display: block;
    width: 100%;
    height: 100%;
}

.lawyer-answer .i-core16 {
    position: absolute;
    right: 100px;
    top: -10px;
    display: none;
}

.caina .i-core16 {
    display: block;
}

.lawyer-answer .u-fd {
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
    width: 770px;
    padding: 10px 24px;
    font-size: 14px;
    background-color: #f9f9f9;
    min-height: 78px;
    _height: 78px;
    overflow-y: auto;
}
/**/
.zhui-list li {
    position: relative;
    margin-top: 10px;
    padding-left: 80px;
    line-height: 24px;
    font-size: 14px;
    min-height: 24px;
    _height: 24px;
}

.zhui-list .zhui-type {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 68px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ddd;
    color: #999;
    text-align: center;
    font-size: 12px;
}

.zhui-list .hui-lawyer {
    color: #333;
}

.zhui-list .hui-lawyer .zhui-type {
    color: #333;
    border-color: #333;
}
/**/
.user-eva {
    position: relative;
    padding: 15px 20px 15px 95px;
    min-height: 24px;
    _height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
    background-color: #f8f8f8;
}

.user-eva strong {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #333;
}

/* tw-img */
.tw-img {
    display: block;
    padding: 33px 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: url(../images/img960a.jpg) no-repeat;
}

.tw-img .u-btn {
    height: 34px;
    line-height: 34px;
    border-radius: 19px;
    margin-left: 25px;
    font-weight: bold;
    position: relative;
    top: -3px;
}

/* ask-diag */
.ask-diag {
    padding: 60px 35px 70px;
    background-color: #eee;
}

.diag-box {
    position: relative;
    margin-bottom: 60px;
    padding-left: 90px;
    padding-right: 90px;
}

.diag-box .photo {
    position: absolute;
    top: 0;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.diag-box .photo img {
    display: block;
    width: 100%;
    height: 100%;
}

.diag-con {
    position: relative;
    display: inline-block;
    padding: 20px 25px;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,.03);
}

.diag-con .arrow {
    position: absolute;
    top: 30px;
    border-width: 8px;
}

.diag-con .diag-con-text {
    font-size: 14px;
    line-height: 26px;
}

.diag-con .diag-con-text a {
    color: #358bfc;
}

.diag-con .diag-eva-text {
    font-size: 14px;
    line-height: 26px;
}
/**/
.diag-left .photo {
    left: 0;
}

.diag-left .diag-con .arrow {
    left: -16px;
    border-right-color: #fff;
    border-right-style: solid;
}
/**/
.diag-right {
    text-align: right;
}

.diag-right .photo {
    right: 0;
}

.diag-right .diag-con .diag-con-text {
    color: #666;
    text-align: left;
}

.diag-right .diag-con .arrow {
    right: -16px;
    border-left-color: #fff;
    border-left-style: solid;
}
/**/
.diag-tips {
    text-align: center;
    margin-bottom: 60px;
}

.diag-tips span {
    display: inline-block;
    padding: 8px 20px;
    background-color: #ddd;
    border-radius: 18px;
    font-size: 14px;
    color: #666;
    min-width: 360px;
}

.diag-tips span em {
    color: #f84848;
    margin-left: 5px;
}

/* eval-list */
.eval-list {
    text-align: left;
}

.eval-list li {
    margin-top: 15px;
    overflow: hidden;
}

.eval-list li label {
    float: left;
    margin-right: 15px;
    font-size: 14px;
    color: #aaa;
}

.eval-star .star-default {
    float: left;
    width: 85px;
    height: 18px;
    background: url('../images/star-bg.jpg') no-repeat 0 1px;
    position: relative;
}

.eval-star .star-color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.eval-star .star-color .w-nor {
    float: left;
    width: 85px;
    height: 20px;
    background: url('../images/star-bg.jpg') no-repeat 0 -17px;
}

.eval-star em {
    font-size: 16px;
    margin-left: 10px;
}

/* ask-oper-btn */
.ask-oper-btn .u-btn {
    margin: 0 15px;
    border-radius: 21px;
    min-width: 84px;
}

/* tit-nav */
.tit-nav {
    height: 32px;
}

.tit-nav a {
    float: left;
    height: 22px;
    line-height: 22px;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: bold;
    margin-right: 40px;
}

.tit-nav .tit-nav-now {
    color: #358bfc;
    border-bottom: 3px solid #358bfc;
}

.tit-nav a:hover {
    color: #358bfc;
}

/* pay-ask */
.pay-ask li {
    position: relative;
    margin-top: 10px;
    padding: 25px 200px 25px 113px;
    background-color: #fff;
}

.pay-ask .posi-right {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -31px;
    text-align: center;
}

.pay-ask .posi-right span {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}

.pay-ask .staus-a {
    color: #bbb;
}

.pay-ask .staus-b {
    color: #f89c25;
}

.pay-ask .staus-c {
    color: #ff3232;
}

.pay-ask .staus-d {
    color: #08a609;
}

.pay-ask .check-btn {
    display: inline-block;
    padding: 0 25px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;
    border-radius: 16px;
    font-size: 12px;
    color: #999;
}

.pay-ask .check-btn:hover {
    border-color: #358bfc;
    color: #fff;
    background-color: #358bfc;
}

.pay-ask .pay-type {
    position: absolute;
    left: 30px;
    top: 27px;
    display: block;
    width: 65px;
    height: 24px;
    line-height: 24px;
    background-color: #ddd;
    color: #fff;
    text-align: center;
}

.pay-ask .pay-type .arrow-right {
    position: absolute;
    right: -8px;
    top: 8px;
    border-left-color: #ddd;
}

.pay-ask .money {
    font-size: 26px;
    font-family: 'dincond-boldregular';
    color: #f84848;
    margin-right: 10px;
}

.pay-ask .tit {
    font-size: 16px;
    line-height: 28px;
}

.pay-ask .tit a:hover {
    color: #358bfc;
}

.img-block, .img-block img {
    display: block;
}

.ask-box .pay-ask {
    position: relative;
    padding: 35px 30px 35px 113px;
}

.ask-box .pay-ask .pay-type {
    top: 37px;
}

/* lawyer-work */
.lawyer-work .photo {
    display: block;
    margin: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.lawyer-work .photo img {
    display: block;
    width: 100%;
    height: 100%;
}

/* tel-box */
.tel-box {
    margin: auto;
    padding: 70px 0;
    width: 300px;
}

.tel-box li {
    position: relative;
    margin-bottom: 30px;
}

.tel-box li .u-pn {
    width: 298px;
    border-radius: 25px;
    height: 46px;
}

.tel-box li .pn-on {
    padding-left: 24px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
}

.tel-box li .pn-on .ico-login {
    right: 20px;
    top: 18px;
}

.tel-box li .pn-more {
    width: 300px;
    top: 47px;
}

.tel-box li .u-fm {
    padding: 0 24px;
    width: 250px;
    height: 46px;
    line-height: 46px;
    border-radius: 25px;
    font-size: 16px;
}

.tel-box li .u-hint {
    left: 25px;
    top: 52px;
}

.tel-box .u-btn {
    display: block;
    text-align: center;
    border-radius: 25px;
    font-size: 16px;
    margin-top: 10px;
}

.minh-520 {
    min-height: 520px;
}

.minh-530 {
    min-height: 530px;
}

.minh-680 {
    min-height: 680px;
}

.minh-780 {
    min-height: 780px;
}

/* own-lawyer */
.own-lawyer li {
    position: relative;
    margin-top: 10px;
    padding: 30px 220px 30px 150px;
    min-height: 90px;
    _height: 90px;
    background-color: #fff;
}

.own-lawyer .photo {
    position: absolute;
    top: 27px;
    left: 30px;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.own-lawyer .photo img {
    display: block;
    width: 100%;
    height: 100%;
}

.own-lawyer .check-btn {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
    display: inline-block;
    padding: 0 29px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    border-radius: 18px;
    font-size: 14px;
    color: #999;
}

.own-lawyer .check-btn:hover {
    border-color: #358bfc;
    color: #fff;
    background-color: #358bfc;
}

.own-lawyer .tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

/* no-data */
.no-data {
    padding: 110px 30px 150px;
    background-color: #fff;
    text-align: center;
}

/* tit-nav2 */
.tit-nav2 {
    text-align: center;
    height: 30px;
}

.tit-nav2 a {
    display: inline-block;
    margin: 0 25px;
    font-size: 18px;
    color: #222;
    line-height: 28px;
}

.tit-nav2 .tit-nav2-now, .tit-nav2 a:hover {
    border-bottom: 2px solid #358bfc;
    color: #358bfc;
}

/* edit-photo */
.edit-photo img {
    display: block;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

.edit-photo .u-btn {
    margin-top: 20px;
    padding: 0;
    width: 196px;
    text-align: center;
}

/* edit-sex */
.edit-sex {
    margin-left: 120px;
}

.edit-sex .u-radio {
    margin: 0 20px;
}

.edit-sex .u-radio .i-radio {
    margin-top: 2px;
    width: 15px;
    height: 15px;
    background: url('/images/ico-core.png') no-repeat;
    background-position: -320px -230px;
}

.edit-sex .u-radio-click .i-radio {
    background-position: -340px -230px;
}

/* edit-text */
.edit-text {
    position: relative;
}

.edit-text .u-fm {
    width: 380px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
}

.edit-text .u-hint {
    left: 0;
    top: 50px;
}

/* edit-pn */
.edit-pn .w10 {
    float: left;
    width: 11px;
    height: 48px;
}

.edit-pn .u-pn {
    width: 124px;
    height: 46px;
}

.edit-pn .pn-on {
    height: 46px;
    line-height: 46px;
}

.edit-pn .pn-on .i-pn-jt {
    top: 21px;
}

.edit-pn .pn-more {
    width: 124px;
    top: 46px;
}

/* bd-tel-box */
.bd-tel-box {
    padding: 10px;
    line-height: 26px;
    border: 1px solid #eee;
    font-size: 14px;
}

/* edit-pass-box */
.zh-box {
    font-size: 18px;
    color: #666;
}

.zh-box em {
    color: #002;
}

.edit-pass-box .u-btn {
    margin-top: 30px;
    padding: 0;
    width: 196px;
    text-align: center;
}

.edit-pass-box .edit-text label {
    position: absolute;
    left: 10px;
    top: 14px;
    font-size: 14px;
}

.edit-pass-box .edit-text .u-fm {
    text-indent: 5em;
}

/* bd-list */
.bd-list li {
    float: left;
    text-align: center;
    width: 33.33%;
}

.bd-list li a {
    display: block;
    margin: 20px auto 0;
    width: 118px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    border-radius: 18px;
    color: #999;
}

.bd-list li a:hover {
    color: #358bfc;
    border-color: #358bfc;
}

.bd-list .have-bd a {
    color: #fff;
    border-color: #358bfc;
    background-color: #358bfc;
}

.bd-list .have-bd a:hover {
    background-color: #026fff;
    border-color: #026fff;
    color: #fff;
}

.bd-list .have-bd .i-core5 {
    background-position: 0 -180px;
}

.bd-list .have-bd .i-core6 {
    background-position: -80px -180px;
}

.bd-list .have-bd .i-core7 {
    background-position: -160px -180px;
}

/* help-list */
.help-list li {
    margin-top: 10px;
    padding: 15px 30px;
    background-color: #fff;
}

.help-list li h3 {
    font-size: 16px;
    color: #222;
    line-height: 30px;
}

.help-list li p {
    display: none;
    margin-top: 5px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.help-list .help-zk p {
    display: block;
}

/* screen-tit */
.screen-tit .u-btn {
    margin-top: 3px;
}

.screen-tit .u-check {
    font-size: 14px;
}

/* tit-nav3 */
.tit-nav3 {
    height: 34px;
}

.tit-nav3 a {
    display: inline-block;
    font-size: 18px;
    margin-right: 40px;
    line-height: 24px;
    padding-bottom: 7px;
}

.tit-nav3 .tit-nav3-now {
    border-bottom: 3px solid #358bfc;
}

.tit-nav3 a:hover {
    color: #358bfc;
}

/* screen-table */
.screen-table tr {
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    font-size: 14px;
}

.screen-table tr th {
    padding: 10px;
    box-sizing: content-box;
    line-height: 30px;
    background-color: #f5f5f5;
    font-weight: bold;
}

.screen-table tr td {
    padding: 10px;
    box-sizing: content-box;
    line-height: 30px;
    color: #666;
}

.screen-table tr .u-check .i-check {
    margin-left: 22px;
}

.m-page a:hover {
    border-color: #358bfc;
    color: #358bfc;
}

.m-page a.m-page-ct {
    background-color: #358bfc;
    border-color: #358bfc;
    color: #fff;
}

/* kf-center */
.kf-center {
    padding: 60px 50px 40px;
    border-bottom: 1px solid #eee;
}

.kf-center li {
    position: relative;
    float: left;
    padding: 30px 0 30px 174px;
    width: 226px;
    height: 60px;
}

.kf-center li .ico-core {
    position: absolute;
    left: 90px;
    top: 30px;
}

.kf-center li strong {
    font-size: 18px;
    color: #666;
}

.kf-center li p {
    font-size: 14px;
    color: #aaa;
}

/* own-lawyer-see */
.own-lawyer-see li {
    margin-top: 40px;
}

.own-lawyer-see li .time {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    text-align: center;
    color: #999;
}

.own-lawyer-see li .time .i-core35 {
    margin-right: 10px;
    margin-top: -2px;
}


/* 弹框 */
.bg-black {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0,0,0, .5);
    display: none;
}

.popup-bar {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1002;
    display: none;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    font-family: 'Microsoft YaHei';
}

.popup-bar h3 {
    padding: 28px 30px 0;
    font-size: 18px;
    height: 20px;
    text-align: center;
    color: #222;
}

.popup-bar textarea {
    display: block;
    padding: 14px;
    border: 1px solid #eee;
    background-color: #f8f8f8;
    font-size: 14px;
    line-height: 24px;
    margin-left: 30px;
    margin-right: 30px;
}

.popup-bar .u-btn {
    width: 120px;
    height: 32px;
    line-height: 32px;
    border-radius: 18px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    margin: 0 10px;
}

.popup-bar .u-btn:hover {
    opacity: .9;
}

.popup-bar .u-btn-be {
    background-color: #358bfc;
    border-color: #358bfc;
}

.popup-bar .u-btn-oe {
    background-color: #f84848;
    border-color: #f84848;
}
/**/
.popup-bar .btn-bar {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-top: 1px solid #eaeaea;
}

.popup-bar .btn-bar span, .popup-bar .btn-bar a {
    float: left;
    width: 50%;
    text-align: center;
    color: #aaa;
    cursor: pointer;
}

.popup-bar .btn-bar span:hover, .popup-bar .btn-bar a:hover {
    background-color: #f5f5f5;
}

.popup-bar .btn-bar span.s-be, .popup-bar .btn-bar a.s-be {
    border-left: 1px solid #eaeaea;
    width: 49.5%;
}


/* pop-guide */
.pop-guide {
    padding: 0 30px 50px;
    display: none;
}

.pop-guide h3 {
    font-size: 24px;
    line-height: 66px;
    height: 66px;
}

.pop-guide ul {
    padding: 17px 0 40px;
}

.pop-guide li {
    font-size: 14px;
    line-height: 36px;
}

.pop-guide li a {
    color: #6985e2;
    margin-left: 10px;
}

.pop-guide li a:hover {
    color: #f60;
}

.pop-guide .btn-bar .u-btn {
    margin: 0 10px;
}

/* pop-hint */
.pop-hint {
    padding-bottom: 0;
    width: 270px;
}

.pop-hint .hint-nr {
    padding: 20px 20px 25px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

/* pop-zhuiwen */
.pop-zhuiwen {
    width: 430px;
    height: 310px;
}

.pop-zhuiwen textarea {
    width: 330px;
    height: 100px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.pop-zhuiwen .u-btn, .pop-satisfy .u-btn, .pop-star .u-btn, .pop-phone-input .u-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* pop-satisfy */
.pop-satisfy {
    width: 500px;
    height: 420px;
}

.pop-satisfy .face-bar {
    padding: 0 50px;
    overflow: hidden;
}

.pop-satisfy .face-bar li {
    float: left;
    width: 33.33%;
    font-size: 14px;
    color: #aaa;
    text-align: center;
    cursor: pointer;
}

.pop-satisfy .face-bar li .ico-core {
    display: block;
    margin: 0 auto 6px;
}

.pop-satisfy .face-bar li.currer {
    color: #f8bb25;
}

.pop-satisfy .face-bar li.currer .i-core8 {
    background-position: -240px -150px;
}

.pop-satisfy .face-bar li.currer .i-core9 {
    background-position: -290px -150px;
}

.pop-satisfy .face-bar li.currer .i-core10 {
    background-position: -340px -150px;
}

.pop-satisfy .tag-bar {
    padding: 30px 20px 0 30px;
    overflow: hidden;
}

.pop-satisfy .tag-bar span, .public-content-label span {
    float: left;
    padding: 0 7px;
    height: 22px;
    line-height: 22px;
    color: #999;
    border: 1px solid #eaeaea;
    cursor: pointer;
    position: relative;
    margin: 0 10px 10px 0;
}

.pop-satisfy .tag-bar span .i-core28 {
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
}

.pop-satisfy .tag-bar span.currer, .public-content-label span.currer, .pop-satisfy .tag-bar span:hover {
    color: #f1c048;
    border-color: #f8bb25;
}

.pop-satisfy .tag-bar span.currer .i-core28 {
    display: block;
}

.pop-satisfy textarea {
    width: 420px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 30px;
}

/* pop-star */
.pop-star {
    width: 710px;
    height: 370px;
}

.pop-star textarea {
    width: 620px;
    height: 90px;
    margin-bottom: 30px;
}

.pop-star .star-list-bar {
    height: 20px;
    padding: 40px 30px;
}

.pop-star .star-list-bar li {
    float: left;
    width: 200px;
}

.pop-star .star-list-bar li.w40 {
    width: 225px;
    padding-left: 25px;
}

.pop-star .star-list-bar li span {
    float: left;
    font-size: 14px;
    color: #aaa;
    margin-right: 10px;
}

.pop-star .star-list-bar li .five-star-bar {
    float: left;
}
/* five-star-bar.ftl */
.five-star-bar {
    width: 130px;
    height: 20px;
    line-height: 20px;
}

.five-star-bar em {
    font-size: 16px;
    margin-left: 8px;
}
/* .five-star-bar.ftl .ico-core { float: left; margin: 1px 0; } */
.five-star-bar .star-default {
    float: left;
    width: 85px;
    height: 18px;
    background: url('../images/star-bg.jpg') no-repeat 0 1px;
    position: relative;
}

.five-star-bar .star-color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.five-star-bar .star-color .w-nor {
    float: left;
    width: 85px;
    height: 20px;
    background: url('../images/star-bg.jpg') no-repeat 0 -17px;
}

/* pop-phone-input */
.pop-phone-input {
    width: 450px;
    height: 440px;
}

.pop-phone-input ul {
    padding: 30px 65px 0;
}

.pop-phone-input ul li {
    height: 46px;
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 25px;
    margin-bottom: 30px;
    position: relative;
}

.pop-phone-input ul li input {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
}

.pop-phone-input ul li.code {
    position: relative;
    padding-right: 120px;
}

.pop-phone-input ul li.code .auth-code {
    position: absolute;
    top: 6px;
    right: 20px;
    width: 85px;
    height: 34px;
    background-color: #dbdbdb;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    text-align: center;
}

.pop-phone-input p {
    padding: 0 65px 25px;
    height: 40px;
    overflow: hidden;
    color: #aaa;
}

/* 2017-11-23 */
.yzm-btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    background-color: #358bfc;
    width: 120px;
    color: #fff;
    text-align: center;
    border-radius: 0 24px 24px 0;
}

.yzm-btn:hover {
    color: #ffffff;
    opacity: .9;
}
/* 2017-11-24 */
.error-tips {
    position: absolute;
    top: 50px;
    left: 20px;
    color: #ff3232;
}

.ico-art {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.ico-art {
    background: rgba(0, 0, 0, 0) url("/images/article/ico-art.png") no-repeat scroll 0 0;
}

.i-art18 {
    height: 3px;
    width: 3px;
    background-position: -105px -60px;
}

.art-list li {
    margin-top: 10px;
    padding: 15px 30px;
    background-color: #fff;
    border-bottom: 1px dotted #eaeaea;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
}

.art-list li span {
    color: #999;
    margin-left: 10px;
}

.art-list a {
    font-size: 14px;
}

.art-list a .i-art18 {
    float: left;
    margin: 20px 10px 0 0;
}

.art-list a:hover .i-art18 {
    background-position: -105px -70px;
}

/* 2018-01-05 */
.i-core37 {
    width: 70px;
    height: 70px;
    background-position: -400px 0;
}

.i-core37a {
    width: 70px;
    height: 70px;
    background-position: -400px -80px;
}

.bd-list .have-bd .i-core37 {
    background-position: -400px -80px;
}


/* 2017-12-21 */
.i-core36 {
    width: 16px;
    height: 16px;
    background-position: -360px -230px;
}

.ecode-pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1003;
    background-color: #358afe;
    width: 342px;
    height: 330px;
    padding-top: 50px;
    margin-top: -190px;
    margin-left: -171px;
    text-align: center;
    border-radius: 6px;
}

.ecode-pop p.f16 {
    color: #fff;
}

.ecode-pop .closed {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.ecode-pop .ecode-pop-b {
    margin: 20px auto 0;
    padding-top: 30px;
    width: 242px;
    height: 212px;
    background-color: #fff;
}

.ecode-pop .ecode-pop-b p {
    font-size: 14px;
    color: #aaa;
    margin-top: 10px;
}


/* 2018-06-05 配合律应调整 */
.lawyer-answer {}
.lawyer-answer dl { font-size: 14px; line-height: 26px; position: relative; padding: 0 0 16px 75px; }
.lawyer-answer dl dt { color: #333; font-weight: 600; position: absolute; left: 0; top: 0; }
.lawyer-answer dl dd { color: #666; }
.lawyer-answer dl dd .fat-item, .lawyer-answer dl dd .case-item { height: 32px; margin: 10px 0; }
.lawyer-answer dl dd .fat-item a, .lawyer-answer dl dd .case-item a {
    float: left; line-height: 32px; padding: 0 10px 0 30px; border-radius: 4px; color: #fff;
}
.lawyer-answer dl dd .fat-item a { background: #297acc url('/images/icon-fat.png') no-repeat 13px 8px; }
.lawyer-answer dl dd .case-item a { background: #297acc url('/images/icon-case.png') no-repeat 10px 8px; padding-left: 35px; }

/* 2018-11-09  #3907【华律】付费咨询增加投诉及语音功能优化 PC */

/* icon */
.i-core38 { width: 68px; height: 24px; background-position: -400px -160px; }
.i-core39 { width: 16px; height: 16px; background-position: -400px -190px; }
.i-core40 { width: 16px; height: 16px; background-position: -420px -190px; }
.i-core41 { width: 16px; height: 16px; background-position: -440px -190px; }
.i-core42 { width: 12px; height: 12px; background-position: -400px -210px; }
.i-core43 { width:  6px; height: 11px; background-position: -460px -190px; }
.i-core44 { width:  5px; height:  9px; background-position: -420px -210px; }
.i-core45 { width:  5px; height:  9px; background-position: -430px -210px; }

.img-block img { display: block; width: 100%; height: 100%; }

/* fonts */
@font-face {
    font-family:"DIN-Bold";
    src:url('fonts/DIN-Bold.eot?#iefix') format("embedded-opentype"),
    url('fonts/DIN-Bold.woff') format("woff"),
    url('fonts/DIN-Bold.ttf') format("truetype"),
    url('fonts/DIN-Bold.svg') format("svg");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:"DIN-Medium";
    src:url('fonts/DIN-Medium.eot?#iefix') format("embedded-opentype"),
    url('fonts/DIN-Medium.woff') format("woff"),
    url('fonts/DIN-Medium.ttf') format("truetype"),
    url('fonts/DIN-Medium.svg') format("svg");
    font-weight:normal;
    font-style:normal;
}
.din-b { font-family:"DIN-Bold"; }
.din-m { font-family:"DIN-Medium"; }
.s-red { color: #fa4040 !important; }

/* pay-ask */
.pay-ask .money { font-family:"DIN-Bold"; }
.pay-ask .info-r { padding-right: 25px; margin-top: 3px; }
.pay-ask .info-r a { color: #333; border-bottom: 1px solid #333; transition: none; }
.pay-ask .info-r a .ico-core { vertical-align: middle; margin: -2px 0 0 3px;}
.pay-ask .info-r a:hover { border-bottom: none; }
.pay-ask .info-r .ts-tag { float: left; color: #333; margin-right: 35px; }
.pay-ask .info-r .ts-tag .i-core42 { float: left; margin: 8px 5px 0 0; }
.pay-ask .info-r .ts-tag .s-be { color: #358bfc !important; border-color: #358bfc; margin-left: 5px; }
.pay-ask .info-r .ts-tag .s-be:hover { color: #358bfc !important; }

.pay-ask .pay-type { background-color: #90e2d0; }
.pay-ask .pay-type .arrow-right { border-left-color: #90e2d0; }

/* diag-box */
.diag-box .diag-con .diag-con-text { color: #666; }
.voice-bar { height: 20px; font-family: 'Microsoft YaHei'; font-size: 14px; color: #222; font-weight: 600; margin-bottom: 25px; }
.voice-bar .voice-ico { width: 13px; height: 18px; margin-top: 1px; }
/**/
.diag-box .diag-con.picture { padding: 0; max-width: 300px; max-height: 200px; overflow: hidden; }
.diag-box .diag-con.picture .arrow,
.diag-box .voice-btn video { display: none; }
.diag-box .diag-con.picture img { max-width: 100%; max-height: 100%; }
/**/
.diag-left .voice-btn { float: left; cursor: pointer; }
.diag-left .voice-ico { float: left; background: url('../images/voice/voice_lawyer.png') no-repeat; margin-right: 10px; }
.diag-left .voice-time { float: left; line-height: 18px; height: 18px; margin-top: 2px; }
.diag-left .voice-btn.play .voice-ico { background: url('../images/voice/voice_lawyer.gif') no-repeat; }
.diag-left .picture img { float: left; }
/**/
.diag-right .voice-btn { float: right; cursor: pointer; }
.diag-right .voice-ico { float: right; background: url('../images/voice/voice_user.png') no-repeat; margin-left: 10px; }
.diag-right .voice-time { float: right; line-height: 18px; height: 18px; margin-top: 2px; }
.diag-right .voice-btn.play .voice-ico { background: url('../images/voice/voice_user.gif') no-repeat; }
.diag-right .picture img { float: right; }
.diag-right .picture img { float: right; }
/**/
.tips-bar {
    padding: 25px 30px; background-color: #ddd; border-radius: 18px; margin: 0 90px 50px;
    font-size: 14px; color: #666; line-height: 24px;
}
.tips-bar ul { padding: 4px 0; }
.tips-bar ul li { padding: 4px 0 4px 20px; position: relative; min-height: 24px; }
.tips-bar ul li em { position: absolute; left: 0; top: 4px; }
.tips-bar .s-be { margin-left: 10px; transition: none; }
.tips-bar .s-be .i-core43 { margin: -2px 0 0 5px; }
.tips-bar .s-be:hover { color: #358bfc !important; border-bottom: 1px solid #358bfc; }

/* dialogue-bar.ftl */
.dialogue-bar { position: relative; }
.dialogue-bar .popup-evaluate {
    position: absolute; left: 0; right: 0; bottom: 0;
    padding: 35px 85px; background-color: #fff; box-shadow: 0 -3px 10px 0 rgba(51, 51, 51, .05);
}
.popup-evaluate h3 { font-size: 16px; color: #222; font-weight: 600; line-height: 24px; }
.popup-evaluate .star-list-bar { height: 20px; margin-top: 34px; }
.popup-evaluate .star-list-bar li { float: left; width: 260px; }
.popup-evaluate .star-list-bar li span { float: left; font-size: 14px; color: #aaa; margin-right: 8px; }
.popup-evaluate .star-list-bar li .five-star-bar { float: left; }
.popup-evaluate textarea {
    display: block; width: 760px; height: 104px; padding: 10px 14px; margin: 30px 0;
    background-color: #f8f8f8; border: 1px solid #eee; border-radius: 4px;
    font-size: 14px; line-height: 24px; overflow-y: auto;
}
.popup-evaluate .bot-bar { height: 36px; line-height: 36px; font-size: 14px; color: #999; }
.popup-evaluate .bot-bar .s-be { color: #358bfc; margin-left: 5px; transition: none; }
.popup-evaluate .bot-bar .s-be .i-core43 { margin: -2px 0 0 5px; }
.popup-evaluate .bot-bar .s-be:hover { color: #358bfc !important; border-bottom: 1px solid #358bfc; }
.popup-evaluate .bot-bar .u-btn { width: 116px; height: 32px; line-height: 32px; border-radius: 18px; padding: 0; text-align: center; }

/* complain-bar.ftl */
.complain-bar { padding: 55px 55px 75px; border-top: 1px solid #eee; margin-top: 25px; }
.toushu-bar { margin: 35px 0 58px; }
.toushu-bar dt { font-size: 16px; }
.toushu-bar dd { margin-top: 18px; }
.toushu-bar dd textarea {
    display: block; width: 820px; height: 104px; padding: 10px 14px;
    background-color: #f8f8f8; border: 1px solid #eee; border-radius: 4px;
    font-size: 14px; line-height: 24px; overflow-y: auto;
}
.toushu-bar dd .u-btn {
    display: block; width: 116px; height: 32px; border-radius: 18px; margin: 60px auto 0;
    line-height: 32px; padding: 0; font-size: 16px; text-align: center;
}

/* complain-nr */
.complain-nr {
    background-color: #fff; box-shadow: 0 3px 8px 0 rgba(170,170,170, .3);
    padding: 20px 30px 25px; margin: 27px 60px 0;
    position: relative;
}
.complain-nr .u-btn {
    position: absolute; top: 30px; right: 30px; z-index: 10;
    width: 108px; height: 34px; padding: 0; cursor: pointer;
    border: 1px solid #f6bc1a; border-radius: 18px; transition: all .25s linear;
    color: #f6bc1a; text-align: center; line-height: 34px;
}
.complain-nr .u-btn:hover { background-color: #f6bc1a; color: #fff; }
.complain-nr ul {}
.complain-nr li {
    position: relative; min-height: 22px; margin-top: 5px;
    font-size: 14px; color: #999; line-height: 22px;
}
.complain-nr li span { color: #222; }

/* complain-schedule */
.complain-schedule { padding: 45px 60px; }
.complain-schedule .nav-tit { font-size: 16px; font-weight: 600; line-height: 24px; }
.complain-schedule .nav-tit .s-oe { color: #f6bc1a !important; margin-left: 5px; }
.complain-schedule .nav-tit .s-gn { color: #46d3ba !important; margin-left: 5px; }
.complain-schedule .nav-tit .s-red{ color: #f84848 !important; margin-left: 5px; }
/**/
.complain-axis { position: relative; }
.complain-axis .bottom-bg { position: absolute; left: 8px; bottom: 0; z-index: 10; width: 1px; height: 51px; background-color: #fff; }
.complain-axis .item { font-size: 14px; line-height: 16px; margin-bottom: 5px; }
.complain-axis .item .line { border-left: 1px solid #ddd; margin-left: 8px; padding: 0 0 32px 27px; position: relative; }
.complain-axis .item .line .ico-bg {
    position: absolute; left: -8px; top: 0;
    width: 16px; height: 16px; padding-bottom: 5px; background-color: #fff;
}
.complain-axis .item .line .ico-bg .ico-core { display: block; width: 16px; height: 16px; background-position: -400px -190px; }
.complain-axis .item .line .be { position: absolute; left: -1px; top: 21px; width: 1px; background-color: #3682ff; }
.complain-axis .item .line .tit { overflow: hidden; }
.complain-axis .item .line .tit b {}
.complain-axis .item .line .tit .time { float: right; font-size: 12px; color: #bbb; display: none; }
.complain-axis .item .line p { color: #999; margin-top: 8px; }

.complain-axis .item.underway .line .ico-bg .ico-core,
.complain-axis .item.finish .line .ico-bg .ico-core { background-position: -420px -190px; }
.complain-axis .item.underway .line .be { height: 26px; }
.complain-axis .item.finish .line .be { height: 51px; }
.complain-axis .item.fail .line .ico-bg .ico-core { background-position: -440px -190px; }
.complain-axis .item.underway .line .tit .time,
.complain-axis .item.finish .line .tit .time,
.complain-axis .item.fail .line .tit .time { display: block; }

/* pop-complain */
.pop-complain { width: 450px; height: 230px; }
.pop-complain h3 { padding-top: 38px; }
.pop-complain .tx { padding: 23px 35px; font-size: 14px; color: #999; line-height: 24px; }
.pop-complain .u-btn-oe { background-color: #f8bb25; border-color: #f8bb25; }

/* pop-clue */
.pop-clue {
    padding: 7px 30px; background-color: rgba(0,0,0, .5); border-radius: 17px;
    font-size: 14px; color: #fff;
}



/** add: #13781 by LJ 2020-10-26 */
.edit-sex { margin-left: 78px; }
.footer.mt40 { margin-top: 0 !important; }
.i-core40 { width: 16px; height: 16px; background-position: -400px -230px; }
.i-core41 { width: 12px; height: 16px; background-position: -420px -230px; }
/* download-list */
.download-list li { _height: 58px; min-height: 58px; }
.download-list li .i-core41 {
    margin: -2px 10px 0 0;
}

/** add: #14475 by LJ 2020-11-26 */
.s-red { color: #EC3B3B; }
.s-orange { color:#E38628; }
.download-list li { padding-right: 300px; }
.download-list li .count-down {
    position: absolute; top: 50%; right: 150px; margin-top: -16px;
    line-height: 16px; font-size: 12px; color: #bbb; text-align: right;
}
.download-list li .count-down span {
    color: #333;
}
.download-list li .check-btn {
    font-size: 12px; padding: 0;
    width: 94px; text-align: center;
}
.download-list li .check-btn.btn-red {
    color: #fff; background-color: #EC3B3B;
    border-color: #EC3B3B;
}
.download-list li .check-btn.btn-red:hover { opacity: .9; }

/* contract ghostwrite */
.contract-list li { padding-right: 390px; }
.contract-list li .show-process { right: 140px; }
.contract-list li .count-down { right: 260px; }

/* HLX-552 LQ 2021-06-26 */
.lawyer-answer.optimal { padding-top: 50px; background: url('../images/bg-yx.png') no-repeat; background-size: 100% 100%; }
.lawyer-answer.optimal .yx-h24 { position: absolute; left: 0; top: 0; right: 0; height: 24px; line-height: 24px; }
.lawyer-answer.optimal .yx-h24 .u-label-optimal {
    float: left; height: 23px; line-height: 24px; padding: 0 8px; margin-right: 8px;
    background: linear-gradient(90deg, #666 0%, #444 100%); border-radius: 4px;
    font-size: 12px; color: #f2cd9d;
}
.lawyer-answer.optimal .yx-h24 .u-label-optimal img { float: left; width: 12px; height: 11px; margin: 7px 3px 0 0; }
.lawyer-answer.optimal .yx-h24 .fl-qy { position: relative; z-index: 50; float: left; font-size: 12px; color: #999; text-decoration: underline; cursor: pointer; }
.lawyer-answer.optimal .yx-h24 .fl-qy img { float: left; font-size: 12px; color: #999; margin: 7px 3px 0 0; }
.lawyer-answer.optimal .fl-qy .u-badge {
    position: absolute; left: 50%; bottom: 30px; margin-left: -155px;
    width: 280px; padding: 15px; border-radius: 4px; font-size: 12px; color: #666;
    background: #fff; box-shadow: 0 1px 6px rgba(0,0,0, .15);
    display: none;
}
.lawyer-answer.optimal .fl-qy .u-badge:after {
    position: absolute; top: 100%; left: 50%; content: '';
    margin-left: -6px; border: 6px solid transparent; border-top-color: #fff;
}
.lawyer-answer.optimal .fl-qy:hover .u-badge { display: block; }
.lawyer-answer.optimal .answer-type { top: 50px; }

/** HLX-2445 LQ 2021-10-12 */
.u-popup-box .popup-bar { display: block; }

/* u-switch */
.u-switch {
    position: relative; width: 40px; height: 18px; line-height: 18px; border-radius: 20px;
    background-color: #e5e5e5; border: 1px solid #e5e5e5;
    transition: background .2s linear, border-color .2s linear;
}
.u-switch span { float: left; padding: 0 8px 0 26px; font-size: 14px; color: #fff; transition: .2s linear; }
.u-switch .dot {
    position: absolute; top: 0; left: 0; width: 18px; height: 18px;
    background-color: #fff; border-radius: 50%; box-shadow: 0 4px 5px rgba(0,0,1, .06);
    transition: left .2s linear;
}
.u-switch.is-checked { background-color: #0057ff; border-color: #0057ff; }
.u-switch.is-checked span { padding: 0 8px; }
.u-switch.is-checked .dot { left: 21px; }

/* tel-switch */
.tel-switch { font-size: 14px; color: #333; }
.ico-user {
    display: inline-block; vertical-align: middle;
    background: url('/images/icon_user.png') no-repeat;
}
.ico-user.ico-tel-apply { width: 13px; height: 12px; background-position: -38px -62px; }
.ico-user.ico-tel-answer{ width: 13px; height: 12px; background-position: -52px -62px; }
.r-h22 { height: 22px; line-height: 22px; margin-top: 6px; }
.r-h22 span {
    float: left; padding: 0 6px; line-height: 22px; border-radius: 22px; margin-left: 10px;
    font-size: 12px;  cursor: pointer;
}
.r-h22 span .ico-user { margin: -2px 4px 0 0; }
.r-h22 span.blue { color: #0057ff; background-color: #f2f4ff; background: linear-gradient(90deg, #f2f4ff 0%, rgba(242,244,255, 0) 100%); }
.r-h22 span.green{ color: #11bb65; background-color: #e2f7ed; background: linear-gradient(90deg, #e2f7ed 0%, rgba(226,247,237, 0) 100%); }

.w1200.bg-fff{background-color:transparent;}


/* icon */
.ico-user,
.ico-arrow { display: inline-block; vertical-align: middle; background: url('/images/icon_user.png') no-repeat; margin-top: -2px; }
.ico-user.ico-1 { width: 16px; height: 16px; background-position: 0 0; }
.ico-user.ico-2 { width: 16px; height: 16px; background-position: 0 -20px; }
.ico-user.ico-3 { width: 16px; height: 16px; background-position: 0 -40px; }
.ico-user.ico-4 { width: 16px; height: 16px; background-position: 0 -60px; }
.ico-user.ico-v { width: 14px; height: 10px; background-position: -20px -40px; }
.ico-user.ico-tel { width: 18px; height: 18px; background-position: -20px 0; }
.ico-user.ico-official { width: 18px; height: 18px; background-position: -20px -20px; }
.ico-user.ico-img { width: 20px; height: 20px; background-position: -38px -40px; }
.ico-user.ico-file { width: 20px; height: 20px; background-position: -60px -40px; }
.ico-arrow { width: 6px; height: 11px; background-position: -30px -52px; transition: .2s ease-in-out; }

/* sub_nav */
.sub-nav { float: left; width: 200px; background-color: #fff;}
.sub-nav dt { height: 48px; line-height: 48px; padding: 0 30px; background-color: #f1f1f1; font-size: 15px; }
.sub-nav dt i[class^="ico-"] { margin: -4px 8px 0 0; }
.sub-nav dd { padding: 10px 0; }
.sub-nav dd a { position: relative; display: block; padding: 10px 40px 10px 30px; font-size: 14px; }
.sub-nav dd a:before {
    position: absolute; left: 0; top: 50%; content: '';
    width: 0; height: 14px; background-color: #0057ff; margin-top: -7px;
}
.sub-nav dd a .ico-arrow { position: absolute; top: 50%; right: 16px; margin-top: -5px; }
.sub-nav dd a.is-this, .sub-nav dd a:hover { color: #0057ff; }
.sub-nav dd a.is-this:before { width: 5px; }
.sub-nav dd a.is-this .ico-arrow,
.sub-nav dd a:hover .ico-arrow { background-position: -20px -52px; }