/* 法律咨询 首页，列表 */

/* icon 法律咨询图标 */
.ico_subm { 
    display: inline-block; vertical-align: middle;
    background: url('../../images/2019/ask_submit/ico-subm.png') no-repeat; 
}
    /**/
.i_subm_1, .i_subm_2, .i_subm_3 { width: 50px; height: 50px; }
.i_subm_1 { background-position: 0 0; }
.i_subm_2 { background-position: -60px 0; }
.i_subm_3 { background-position: -120px 0; }
.i_subm_4, .i_subm_5 { width: 12px; height: 12px; }
.i_subm_4 { background-position: -180px 0; }
.i_subm_5 { background-position: -180px -20px; }

/**/
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f30 { font-size: 30px; }
.s-ca { color: #aaa; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mt-2 { margin-top: -2px; }
.mt5 { margin-top: 5px; }
.mt15 { margin-top: 15px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.ml5 { margin-left: 5px; }
.ma { margin-right: auto; margin-left: auto; }
.pt10 { padding-top: 10px; }
.pt30 { padding-top: 30px; }
.pt60 { padding-top: 60px; }
.pt75 { padding-top: 75px; }
.plr80 { padding-right: 80px; padding-left: 80px; }
.w1000 { width: 1000px; }
.w730 { width: 730px; }
.w260 { width: 260px; }
.bor-ra2 { border-radius: 2px; }
.h715 { height: 715px; }
.s-c36a { color: #36af60; }
.s-ce95 { color: #e95400; }
.lh32 { line-height: 32px; }
.bort1e { border-top: 1px solid #eee; }

/* bg-black */
.bg-black { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #000; opacity: .5; }

/* logo_bar-pb38 */
.logo_bar-pb38 { padding-bottom: 38px; }
.logo_bar .r_h42 { margin-top: 10px; line-height: 42px; }

/* bg-box */
.bg-box { background: url('../../images/2019/ask_submit/bg.png') top center no-repeat; padding-bottom: 40px; }

/* submit-content */
.submit-content { padding: 40px 0; font-size: 24px; color: #fff; line-height: 28px; }
.submit-content .icon-success { font-size: 28px; color: #36af60; margin-right: 15px; margin-top: -2px; }

/* fixed-ico-left */
.fixed-ico-left { position: relative; padding-left: 35px; min-height: 20px; }
.fixed-ico-left .icon-choose { position: absolute; top: 0; left: 0; font-size: 22px; }

/* system-lawyer */
.system-lawyer { padding: 24px 30px 24px 40px; background-color: #f8f8f8; }
.system-lawyer .pic { float: left; border: 2px solid #fff; width: 44px; height: 44px; border-radius: 50%; margin-left: -10px; }
.system-lawyer .mt8 { margin-top: 8px; }

/* hadle-box */
.hadle-box .btn { float: left; margin-left: 15px; height: 42px; line-height: 42px; padding: 0 37px; font-size: 16px; border-radius: 22px; border: 1px solid #bbb; }
.hadle-box .btn:hover { border-color: #36af60; color: #36af60; }
.hadle-box .btn-gn { border-color: #36af60; background-color: #36af60; }
.hadle-box .btn-gn:hover { color: #fff; }

/* degree-box */
.degree-box { font-size: 12px; color: #999; line-height: 44px; }
.degree-box .i_subm_4 { cursor: pointer; margin-top: -3px; margin-right: 5px; }
.degree-box .i_subm_4.active { background-position: -180px -20px; }

/* accpet-popup */
.accpet-popup { display: none; position: fixed; top: 50%; left: 50%; z-index: 1002; margin: -280px 0 0 -400px; padding: 110px 10px 50px; width: 780px; height: 400px; border-radius: 4px; background-color: #fff; }
.accpet-popup .icon-empty { position: absolute; top: 20px; right: 20px; color: #ccc; cursor: pointer; font-size: 12px; }
.accpet-popup .tit { position: absolute; top: 50px; right: 0; left: 0; font-size: 20px; line-height: 24px; font-weight: bold; text-align: center; }
.accpet-popup .con { padding: 0 60px; height: 100%; overflow-y: auto; line-height: 24px; }
.accpet-popup .con::-webkit-scrollbar { width: 7px; }
.accpet-popup .con::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #dfe1ea;; } 
.accpet-popup .con::-webkit-scrollbar-track { background: transparent; }

/* order-box */
.order-box { margin: 40px auto 0; padding: 60px 140px; width: 720px; background-color: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.1); }

/* order-info */
.order-info { padding: 20px 30px; background-color: #f8f8f8; }
.order-info li { padding: 6px 0; }

/* pay-type */
.pay-type { padding-bottom: 40px; border-bottom: 1px solid #ddd; }
.pay-type li { position: relative; float: left; margin-right: 10px; padding: 14px 19px; width: 140px; height: 30px; line-height: 30px; border: 1px solid #ddd; font-size: 16px; cursor: pointer; }
.pay-type .tag { position: absolute; top: -10px; right: 10px; display: block; padding: 0 5px; border-radius: 4px 4px 4px 0; height: 19px; line-height: 19px; background-color: #e23836; font-size: 10px; color: #fff; }
.pay-type .dot { position: relative; float: left; margin: 8px 20px 8px 0; width: 12px; height: 12px; border: 1px solid #999; border-radius: 50%; }
.pay-type .iconfont { float: left; font-size: 30px; margin-right: 10px; }
.pay-type .icon-wechat { color: #42b035; }
.pay-type .icon-alipay { color: #00a0e9; }
.pay-type .cur { border-color: #333; }
.pay-type .cur .dot:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; width: 8px; height: 8px; background-color: #333; border-radius: 50%; }

/* submit-btn */
.submit-btn { display: inline-block; padding: 0 35px; height: 42px; line-height: 42px; font-size: 16px; border-radius: 21px; background-color: #e95400; color: #fff; }
.submit-btn:hover { color: #fff; }

/* popup-pay-tips */
.popup-pay-tips { display: none; position: fixed; top: 50%; left: 50%; z-index: 1002; margin: -115px 0 0 -195px; padding: 60px 20px; width: 350px; background-color: #fff; box-shadow: 0 0 60px rgba(0,0,0,.2); border-radius: 4px; text-align: center; }
.popup-pay-tips .icon-empty { position: absolute; top: 15px; right: 15px; color: #ccc; cursor: pointer; font-size: 12px; }
.popup-pay-tips .con { font-size: 24px; line-height: 28px; }
.popup-pay-tips .btn { margin: 0 5px; display: inline-block; border: 1px solid #bbb; width: 138px; height: 40px; line-height: 40px; border-radius: 21px; font-size: 16px; }
.popup-pay-tips .btn-oe { background-color: #e95400; border-color: #e95400; color: #fff; }
.popup-pay-tips .btn-oe:hover { color: #fff; }

/**/
.bg-f9b { background-color: #f9f9fb; }
.p30 { padding: 30px; }
.f12 { font-size: 12px; }
.lh24 { line-height: 24px; }

/* right-code */
.right-code { margin-left: 45px; padding: 14px 19px 0; width: 180px; height: 204px; border: 1px solid #eee; background-color: #fff; }

/* order-btn */
.order-btn { display: inline-block; padding: 0 23px; border: 1px solid #bbb; height: 26px; line-height: 26px; border-radius: 14px; }

/* jw-lawyer-box */
.jw-lawyer-box { padding-left: 175px; }
.jw-lawyer-box .code-img { width: 80px; height: 80px; }
.jw-lawyer-box .input-txt { position: relative; z-index: 10; padding: 0 10px; height: 34px; line-height: 34px; border: 1px solid #ddd; width: 159px; }
.jw-lawyer-box .input-txt .tips { position: absolute; z-index: -1; color: #ccc; }
.jw-lawyer-box .input-txt .txt { background-color: rgba(0, 0, 0, 0); height: 34px; width: 100%; }
.jw-lawyer-box .input-txt-focus { border-color: #36af60 !important }
.jw-lawyer-box .phone-sub { width: 68px; height: 36px; line-height: 36px; border-radius: 18px; text-align: center; color: #fff; background-color: #36af60; }


/* success-tips */
.success-tips { font-size: 24px; line-height: 28px; }
.success-tips .icon-success { font-size: 26px; color: #36af60; margin-top: -3px; }


/* 2019-07-13 #6663 */
.i_subm_6 { width: 50px; height: 50px; background-position: -200px 0; }
.w160 { width: 160px; }
.w900 { width: 900px; }
.w970 { width: 970px; }
.h_322 { height: 322px; }
.lh44 { line-height: 44px; }
.mt10 { margin-top: 10px; }
.mt25 { margin-top: 25px; }
.mt45 { margin-top: 45px; }
.mb80 { margin-bottom: 80px; }
.pt30 { padding-top: 30px; }
.box-shadow3 { box-shadow: 0 8px 20px rgba(0,0,0,.1); }
/* consult-step */
.consult-step { margin-top: 14px; }
.consult-step li { float: left; color: #bbb }
.consult-step li .icon-step-arrow { margin: 0 40px; font-size: 12px; color: #cbcbcb }
.consult-step b { margin-right: 5px; }
.consult-step .icon-submitquestion, .consult-step .icon-onlineanswer, .consult-step .icon-evaluate { font-size: 18px; margin-right: 10px; margin-top: -2px; }
.consult-step .cur { color: #01af63; } 
/* ask-srk */
.ask-srk { position: relative; z-index: 2; padding: 24px 30px; height: 220px; line-height: 28px; font-size: 16px; }
.ask-srk .tips { position: absolute; top: 24px; left: 30px; z-index: -1; color: #999; }
.ask-srk .txt { display: block; width: 100%; height: 220px; line-height: 28px; font-size: 16px; }
/* ask-site */
.ask-site { background-color: #f8f8f8; height: 54px; line-height: 54px; padding: 0 20px 0 30px; }
.ask-site .icon-region { float: left; font-size: 16px; color: #999; }
/* drop-down */
.ask-site .drop-down { position: relative; z-index: 10; float: left; cursor: pointer; }
.ask-site .drop-down .drop-txt { 
    height: 54px; overflow: hidden; padding: 0 35px 0 12px; position: relative;
    line-height: 54px; font-size: 14px; color: #666;
}
.ask-site .drop-down .drop-txt .icon-more-arrow { position: absolute; top: 0; right: 15px; font-size: 10px; color: #bbb; -webkit-transform: rotate(0); transform: rotate(0); transition: all .3s linear; }
.ask-site .drop-down .drop-all { display: none; position: absolute; top: 54px; left: 0; right: 0; padding: 5px 0 15px; height: 180px; overflow-x: hidden; overflow-y: auto; background-color: #fff; }
.ask-site .drop-down .drop-all p { padding: 0 12px; line-height: 30px; height: 30px; overflow: hidden; font-size: 12px; }
.ask-site .drop-down .drop-all p:hover { background-color: #f5f5f5; }
.ask-site .drop-down .drop-all p.cur { background-color: #0057ff; color: #fff; }
.ask-site .drop-down-show { background-color: #fff; box-shadow: 0 4px 20px rgba(0,0,0, .05); }
.ask-site .drop-down-show .drop-all { display: block; }
.ask-site .drop-down-show .drop-txt .icon-more-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.ask-site .drop-down-disable { cursor: not-allowed; }
.srk-num { color: #bbb; }
/* ask-case */
.ask-case { position: relative; padding-left: 17px; }
.ask-case:before { content: ''; position: absolute; top: 5px; left: 0; bottom: 5px; border-left: 2px solid #ddd; }
/* degree-box2 */
.degree-box2 .accpet-btn { font-size: 14px; color: #01af63; }
/* ask-submit-btn */
.ask-submit-btn { display: block; width: 260px; height: 54px; line-height: 54px; text-align: center; margin: 15px auto 0; font-size: 22px; border-radius: 27px; box-shadow: 0 3px 10px rgba(1,175,90,.2); }
/* only-ask */
.only-ask { position: relative; padding-left: 191px;  }
.only-ask .ask-srk { padding-left: 20px; }
.only-ask .ask-srk .tips { left: 20px; }
.only-ask .ask-site { padding-left: 20px; }
.only-ask .lawyer { position: absolute; top: 0; bottom: 0; left: 0; text-align: center; background-color: #fff; border-left: 1px solid #eee;border-top: 1px solid #eee; width: 170px; padding: 50px 10px 0; }
.only-ask .lawyer .photo { display: block; margin: auto; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; }
.only-ask .lawyer .photo img { display: block; width: 100%; height: 100%; }
.only-ask .lawyer .name { font-size: 20px; font-weight: bold; line-height: 28px; height: 28px; overflow: hidden; margin-top: 16px; }
.only-ask .lawyer .site { line-height: 28px; height: 28px; overflow: hidden; color: #999; margin-top: 39px; }
.only-ask .lawyer .tag { line-height: 28px; height: 28px; overflow: hidden; color: #f25618; margin-top: 6px; }
/* no-answer-tips */
.no-answer-tips { position: relative; }
.no-answer-tips .icon-mark { color: #f9c062; font-size: 20px; margin-left: 6px; }
.pop-example2 { display: none; position: absolute; top: 35px; left: 50%; margin-left: -205px; width: 350px; padding: 17px 30px 25px; background-color: #fff;box-shadow: 0 3px 8px 0 rgba(0,0,0,.15); border-radius: 4px; }
.pop-example2 .nr { line-height: 26px; color: #666; }

/* wechat-box */
.wechat-box { margin: 70px auto 110px; }
.wechat-con { margin: 70px auto 0; width: 450px; }
.wechat-con .ecode { float: right; display: block; width: 150px; height: 150px; margin-left: 10px; }
.wechat-con .f18 { color: #01af63; margin-bottom: 12px; }
.wechat-con .btn { margin-top: 23px; display: inline-block; padding: 0 22px; font-size: 16px; height: 42px; line-height: 42px; border-radius: 21px; }