.pt40 { padding-top: 40px; }
.pb60 { padding-bottom: 60px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.w240 { width: 240px; }
.w380 { width: 380px; }
.w540 { width: 540px; }
.w590 { width: 590px; }
.w610 { width: 610px; }
.w790 { width: 790px; }
.lh24 { line-height: 24px; }
.lh28 { line-height: 28px; }

/* ico-cb */
.i-cb1, .i-cb2, .i-cb3, .i-cb4 { width: 24px; height: 24px; }
.i-cb1 { background-position: 0 0; }
.i-cb2 { background-position: -30px 0; }
.i-cb3 { background-position: -60px 0; }
.i-cb4 { background-position: -90px 0; }
.i-cb5 { width: 23px; height: 23px; background-position: -120px 0; }
.i-cb6 { width: 16px; height: 16px; background-position: -150px 0; }
.i-cb7, .i-cb8 { width: 6px; height: 12px; }
.i-cb7 { background-position: -180px 0; }
.i-cb8 { background-position: -190px 0; }
.i-cb9 { width: 16px; height: 12px; background-position: -200px 0; }
.i-cb10 { width: 9px; height: 12px; background-position: -230px 0; }
.i-cb11 { width: 11px; height: 14px; background-position: -250px 0; }
.i-cb12 { width: 40px; height: 44px; background-position: 0 -30px; }
.i-cb13, .i-cb14, .i-cb15, .i-cb16 { width: 32px; height: 32px; }
.i-cb13 { background-position: -50px -30px; }
.i-cb14 { background-position: -90px -30px; }
.i-cb15 { background-position: -130px -30px; }
.i-cb16 { background-position: -170px -30px; }
.i-cb17 { width: 17px; height: 17px; background-position: -210px -30px; }
.i-cb18 { width: 23px; height: 25px; background-position: -230px -30px; }
.i-cb19, .i-cb20, .i-cb21, .i-cb22 { width: 32px; height: 32px; }
.i-cb19 { background-position: 0 -80px; }
.i-cb20 { background-position: -40px -80px; }
.i-cb21 { background-position: -80px -80px; }
.i-cb22 { background-position: -120px -80px; }
.i-cb23, .i-cb24 { width: 14px; height: 14px; }
.i-cb23 { background-position: -160px -80px; }
.i-cb24 { background-position: -180px -80px; }
.i-cb25, .i-cb26, .i-cb27, .i-cb28 { width: 12px; height: 12px; }
.i-cb25 { background-position: -200px -80px; }
.i-cb26 { background-position: -220px -80px; }
.i-cb27 { background-position: -240px -80px; }
.i-cb28 { background-position: -260px -80px; }
.i-cb29 { width: 23px; height: 17px; background-position: -210px -50px; }

/* box-sh10 */
.box-sh10 { box-shadow: 0 10px 28px 2px rgba(0,0,0,.05); }

/* brand-show */
.brand-show { position: relative; height: 420px; overflow: hidden; }
.brand-show img { position: absolute; top: 0; left: 50%; margin-left: -960px; display: block; }
.brand-show .tag { position: absolute; top: 20px; left: 50%; margin-left: -575px; display: inline-block; padding: 0 16px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background: #c1a671; background: -webkit-linear-gradient(left, #a57e3d 0%,#c1a671 100%); background: linear-gradient(to right, #a57e3d 0%,#c1a671 100%); }
.brand-show .tag:before { content: ''; width: 6px; height: 16px; background-color: #ffde6c; position: absolute; top: 7px; left: -3px; line-height: 0; overflow: hidden; }
.brand-show .tag:after { content: ''; border-width: 15px 10px 15px 0; border-style: solid; border-color:#c1a671 transparent #c1a671 #c1a671;  position: absolute; top: 0; right: -10px; }

/* title-f30 */
.title-f30 { font-size: 30px; line-height: 32px; font-weight: bold; }
.title-f30 .line { float: left; width: 6px; height: 28px; background-color: #0057ff; margin-top: 4px; margin-right: 15px; }

/* specail-lawyer */
.specail-lawyer { height: 381px; background-color: #fff; }
.specail-lawyer .photo { display: block; height: 240px; }
.specail-lawyer .photo img { display: block; width: 100%; height: 100%; } 
.specail-lawyer .tag { position: relative; top: -14px; display: block; margin: auto; width: 104px; height: 28px; line-height: 28px; font-size: 14px; color: #9f5a09; background: url('../imagebg-104x28.png') center center no-repeat; text-align: center; }
.specail-lawyer .ico-cb { margin: 0 4px; }

/* specail-ask */
.specail-ask { height: 381px; background-color: #fff; }
.spe-ask-box { padding: 18px 30px 0; height: 223px; background: url('../imagebg-540x241.jpg') no-repeat; }

/* ask-case-box */
.ask-case-box { position: relative; cursor: pointer; }
.ask-case-pop { display: none; position: absolute; right: 0; bottom: 30px; padding: 25px 30px; width: 265px; box-shadow: 0 3px 5px rgba(0,0,0,.05); background-color: #fff; }
.ask-case-pop span { display: block; text-align: center; font-size: 18px; margin-bottom: 15px; }
.ask-case-pop p { font-size: 12px; color: #999; }

/* spe-ask-srk */
.spe-ask-srk { position: relative; background-color: #fff; border-radius: 4px; box-shadow: 0 10px 50px rgba(0,0,0,.05); height: 152px; }
.spe-ask-srk .input-txt textarea { display: block; padding: 20px 20px 0; width: 440px; height: 80px; font-size: 16px; overflow-y: auto; }
.spe-ask-srk .input-txt .tips { top: 20px; left: 20px; font-size: 16px; color: #bbb; }
.spe-ask-srk .btn { display: inline-block; position: absolute; right: 20px; bottom: 15px; padding: 0 24px; font-size: 16px; }

/* spe-tel-con */
.spe-tel-con { position: relative; padding-left: 90px; width: 240px; min-height: 50px; }
.spe-tel-con .i-cb12 { position: absolute; top: 12px; left: 30px; }
.spe-tel-con span { display: block; font-size: 32px; color: #ff7c2d; line-height: 34px; height: 34px; overflow: hidden; }
.spe-tel-con p { font-size: 14px; color: #666; margin-top: 5px; }

/* spe-tel-time */
.spe-tel-time { padding-left: 35px; border-left: 1px solid #e6e6e6; margin-top: 10px; }
.spe-tel-time p { font-size: 12px; color: #999; line-height: 22px; }
.spe-tel-time p a { margin-left: 5px; color: #6397fc; }

/* lawyer-archives */
.lawyer-archives { padding: 30px 30px 0; height: 351px; background-color: #fff; }
    /**/
.archives-card { margin-top: 20px; }
.archives-card li { position: relative; margin-top: 30px; padding-left: 52px; min-height: 24px; }
.archives-card .ico-cb { position: absolute; top: 12px; left: 0; }
.archives-card label { font-size: 14px; line-height: 24px; color: #999; }
.archives-card .con { font-size: 14px; line-height: 22px; color: #666; }
.archives-card .con-h44 { position: relative; height: 44px; overflow: hidden; }
.archives-card .con-h44 a { position: absolute; bottom: 0; right: 0; background-color: #fff; padding-left: 10px; }

/* lawyer-statement */
.lawyer-statement { position: relative; background: url('../imagetitle-bg.jpg') top center #fff no-repeat; }
.lawyer-statement .title-f30 { color: #fff; }
.lawyer-statement .title-f30 .line { background-color: #fff; }
    /* statement-con */
.statement-con { padding: 40px 75px 0 60px; }
.statement-con .tit { font-size: 24px; font-weight: bold; height: 26px; line-height: 26px; overflow: hidden; }
.statement-con .info { margin-top: 20px; font-size: 12px; color: #bbb; overflow: hidden; line-height: 20px; }
.statement-con .info span { margin-right: 28px; float: left; }
.statement-con .info .ico-cb { margin-top: 3px; margin-right: 8px; float: left; }
.statement-con .tag-title { position: relative; z-index: 2; display: inline-block; padding: 0 5px 0 7px; font-size: 14px; }
.statement-con .tag-title:before { content: ''; position: absolute; right: 0; bottom: -5px; left: 0; z-index: -1; height: 12px; background-color: #0057ff; opacity: .5; }
.statement-con .det { line-height: 24px; font-size: 14px; color: #999; overflow: hidden; }
    /**/
.video-sta .statement-con { height: 292px; }
.video-sta .statement-con .det { max-height: 72px; margin-bottom: 30px; }
    /**/
.audio-sta .statement-con { height: 236px; }
.audio-sta .statement-con .det { max-height: 48px; margin-bottom: 10px; }
.audio-sta .statement-con .tag-title:before { opacity: .3; }
    /* statement-swiper */
.statement-swiper { position: relative; }
.statement-swiper .ovh { overflow: hidden; position: relative; }
.statement-swiper .swiper-container { overflow: hidden; padding-bottom: 30px; }
.statement-swiper .swiper-wrapper { position: relative; }
.statement-swiper .swiper-slide { float: left; width: 1200px; margin-bottom: 30px; }
.swiper-h332 { height: 332px; }
.swiper-h276 { height: 276px; }
.statement-swiper .pagination { position: absolute; top: -66px; right: 0; z-index: 2; }
.statement-swiper .pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px;background-color: #fff; border-radius: 5px; opacity: .5; margin-left: 10px; cursor: pointer; }
.statement-swiper .pagination .swiper-active-switch { opacity: 1; width: 30px; } 
    /* audio-box */
.audio-box .pic { display: block; width: 590px; height: 236px; }
.audio-box audio { width: 590px; height: 40px; background-color: #f1f3f4; }

/* statement-item */
.statement-item .box { float: left; padding: 17px 40px 0 100px; width: 240px; height: 127px; margin-bottom: 20px; margin-right: 30px; background-color: #ededed; position: relative; }
.statement-item .box .img-block { position: absolute; top: 25px; left: 30px; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; }
.statement-item .box .img-block .bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); text-align: center; line-height: 50px; border-radius: 50%; }
.statement-item .box .tit { font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; }
.statement-item .box .time { position: relative; padding: 0 20px 0 14px; height: 28px; line-height: 28px; background-color: #fff; border-radius: 0 14px 14px 14px; font-size: 12px; color: #0057ff; }
.statement-item .box .time .i-cb10 { float: left; margin-top: 8px; margin-right: 24px; }
.statement-item .box .time:before { content: ''; position: absolute; top: 0; left: -6px; border-width: 7px 0 0 7px; border-style: solid; border-color: #fff transparent transparent transparent; }

/* new-ask-item */
.new-ask-item li { margin-bottom: 20px; padding: 20px 85px; height: 142px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.03); }
.new-ask-item .pr { position: relative; }
.new-ask-item .type { position: absolute; top: 0; left: -55px; float: left; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; font-size: 18px; color: #fff; background-color: #d9d9d9; }
.new-ask-item .type-blue { background-color: #a6c4ff; }
.new-ask-item .con { height: 36px; line-height: 36px; overflow: hidden; }
.new-ask-item .con p { height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.new-ask-item .info { line-height: 20px; }
.new-ask-item .info .img-block { float: left; width: 40px; height: 40px; margin-right: 10px; }

/* ask-quantity */
.ask-quantity { height: 372px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.03); }
.ask-quantity-t { padding: 68px 40px 0 40px; background: url('../imagebg-380x240.jpg') top center #fff no-repeat; height: 172px; }
.quantity-lawyer { position: relative; }
.quantity-lawyer p { font-size: 14px; line-height: 24px; color: #f8f8f8; opacity: .5; }
.quantity-lawyer .line { position: absolute; top: 6px; left: -40px; width: 6px; height: 38px; background-color: #ff9c00; }
.quantity-question { font-size: 24px; color: #fff; line-height: 28px; margin-top: 20px; }
.quantity-question span { color: #ff9c00; }
.ask-quantity-item { margin-top: 40px; }
.ask-quantity-item li { float: left; width: 50%; text-align: center; line-height: 24px; position: relative; }
.ask-quantity-item li span { font-size: 18px; color: #0057ff; }
.ask-quantity-item li p { font-size: 14px; color: #666; margin-top: 4px; }
.ask-quantity-item li:first-child:before { position: absolute; top: 0; right: 0; bottom: 0; border-right: 1px solid #ebebeb; content: ''; }

/* ask-qustion-box */
.ask-qustion-box { padding-top: 30px; height: 164px; background: url('../imagebg-380x194.jpg') top center #fff no-repeat; box-shadow: 0 5px 15px rgba(0,0,0,.03); text-align: center; line-height: 30px; }
.ask-qustion-box .btn { margin-top: 14px; display: inline-block; padding: 0 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 16px; }
.ask-qustion-box .btn .i-cb6 { margin-right: 10px; }

/* lawyer-recommend-card */
.lawyer-recommend-card { position: relative; height: 140px; background: url('../imagead-bg.jpg') #1d7be4 no-repeat; }
    /**/
.lawyer-reco-link { position: relative; display: block; padding: 10px 92px 0 130px; height: 130px; }
.lawyer-reco-link .tag { position: absolute; top: 9px; left: 125px; z-index: 2; display: block; width: 20px; padding: 3px 4px; font-size: 14px; font-weight: bold; color: #9f5a09; line-height: 16px; background: #fff0ca; background: -webkit-linear-gradient(top, #e4b841 0%,#fff0ca 100%); background: linear-gradient(to bottom, #e4b841 0%,#fff0ca 100%); text-align: center; }
.lawyer-reco-link .tag:after { content: ''; border-width: 0 14px 6px; border-style: solid; border-color:transparent #fff0ca;  position: absolute; right: 0; bottom: -6px; left: 0; }
.lawyer-reco-link .w503 { width: 503px; }
.lawyer-reco-link .img-block { float: left; padding: 5px; border-radius: 50%; width: 110px; height: 110px; background-color: #c7ddf6; margin-right: 30px; }
.lawyer-reco-link .name { margin-top: 8px; font-size: 28px; line-height: 36px; }
.lawyer-reco-link .name a,
.lawyer-reco-link .name a:hover { color: #fff; }
.lawyer-reco-link .type-tag { display: inline-block; padding: 0 15px; line-height: 18px; font-size: 12px; color: #bbdcf8; border: 1px solid #bbdcf8; border-radius: 10px; }
.lawyer-reco-link .dizhi { font-size: 12px; color: #fff; }
.lawyer-reco-link .dizhi .i-cb11 { margin-right: 8px; }
.lawyer-reco-link .w475 { width: 475px; }
.lawyer-reco-link .tips { position: relative; display: inline-block; margin-top: 5px; padding: 0 15px 0 18px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; background-color: #0ab7ff; }
.lawyer-reco-link .tips:after { content: ''; position: absolute; top: 0; right: -16px; border-width: 15px 8px; border-style: solid; border-color: transparent transparent #0ab7ff #0ab7ff; }
.lawyer-reco-link .tel { height: 56px; line-height: 56px; background-color: #fff; border-radius: 0 4px 4px; padding-left: 20px; font-size: 28px; color: #333; }
.lawyer-reco-link .tel .i-cb18 { margin-right: 13px; }
.lawyer-reco-link .text { margin-top: 10px; font-size: 12px; color: #70b0ea; }
.lawyer-reco-link .text span { color: #fff; margin-left: 5px; }
    /**/ 
.lawyer-recommend-card .ask-btn { position: absolute; top: 55px; right: 102px; z-index: 2; height: 36px; line-height: 36px; display: inline-block; padding: 0 16px; background-color: #ffc000; font-size: 16px; color: #333; border-radius: 18px; }
.lawyer-recommend-card .ask-btn .arrow { margin-left: 10px; vertical-align: middle; margin-top: -3px; border-width: 5px 0 5px 8px; border-style: solid; border-color: transparent transparent transparent #333; }
.lawyer-recommend-card .ask-btn:hover { background-color: #ffcd33; color: #333; }

/* case-swiper */
.case-swiper { position: relative; }
.case-swiper .ovh { overflow: hidden; position: relative; }
.case-swiper .swiper-container { overflow: hidden; padding-bottom: 20px; height: 318px; padding-top: 10px; }
.case-swiper .swiper-wrapper { position: relative; }
.case-swiper .swiper-slide { float: left; width: 1200px; margin-bottom: 20px; }

/* case-item */
.case-item li { float: left; width: 380px; height: 318px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.03); margin-right: 30px; -webkit-transition: all linear .3s; transition: all linear .3s; }
.case-item .case-ques-box { position: relative; z-index: 1; padding: 23px 30px 0; height: 115px; background: url('../imagebg-380x138a.jpg') no-repeat; }
.case-item .case-ques-box .z-2 { z-index: 2; position: relative; }
.case-item .case-ques-box .tit { font-size: 20px; line-height: 26px; height: 52px; color: #333; overflow: hidden; }
.case-item .case-ques-box .info { margin-top: 15px; font-size: 12px; color: #bbb; }
.case-item .case-ques-box .info .ico-cb { margin-right: 9px; }
.case-item .case-det-box { padding: 24px 30px 0; }
.case-item .case-det-box .det { font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #999; margin-bottom: 25px; }
.case-item .case-det-box .btn { border-color: #ebebeb; color: #999; line-height: 30px; padding: 0 19px; }
.case-item .case-det-box .btn .i-cb7 { margin-left: 10px; }
.case-item .case-det-box .img-block { float: left; width: 32px; height: 32px; margin-right: 10px; }
.case-item .case-det-box .name { float: left; font-size: 16px; line-height: 32px; }
.case-item .case-det-box .btn:hover { border-color: #0057ff; color: #0057ff; }
.case-item .case-det-box .btn:hover .i-cb7 { background-position: -190px 0; }
.case-item li:hover { box-shadow: 0 10px 15px rgba(0,0,0,.08); -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.case-item li:hover .case-ques-box .tit a { color: #fff; }
.case-item li:hover .case-ques-box { background: url('../imagebg-380x138b.jpg') no-repeat; }

/* case-page */
.case-swiper .case-page { position: absolute; top: -59px; right: 0; z-index: 2; }
.case-swiper .case-page .l-btn, .case-swiper .case-page .r-btn { float: left; margin-left: 20px; cursor: pointer; }
.case-swiper .case-page .scroll-btn-disable .i-cb19 { background-position: -80px -80px; }
.case-swiper .case-page .scroll-btn-disable .i-cb20 { background-position: -120px -80px; }

/* corpus-list */
.corpus-list { border-bottom: 1px solid #ebebeb; }
.corpus-list li { position: relative; padding: 25px 160px 25px 0; border-top: 1px solid #ebebeb; -webkit-transition: all linear .3s; transition: all linear .3s; }
.corpus-list .tit { font-size: 20px; height: 26px; line-height: 26px; overflow: hidden; }
.corpus-list .det { margin-top: 13px; font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; }
.corpus-list .info { margin-top: 14px; font-size: 12px; color: #bbb; }
.corpus-list .info .ico-cb { margin-right: 10px; }
.corpus-list .btn { opacity: 0; position: absolute; right: 60px; bottom: 30px; padding: 0 29px; -webkit-transition: all linear .3s; transition: all linear .3s; }
.corpus-list li:hover { background-color: #fff; box-shadow: 0 5px 65px rgba(0,0,0,.1); padding-left: 30px; padding-right: 130px; }
.corpus-list li:hover .btn { opacity: 1; right: 30px; }

/* corpus-lawyer-card */
.corpus-lawyer-card { padding: 25px 30px 0; width: 320px; height: 451px; background: url(../imagebg-380x158.jpg) top center #fff no-repeat; box-shadow: 0 5px 15px  rgba(0,0,0,.03); text-align: center; }
.corpus-lawyer-card .t { line-height: 24px; color: #fff; text-shadow: 0 2px 5px rgba(0,0,0,.1); }
.corpus-lawyer-card .img-block { display: block; width: 180px; height: 180px; margin: 18px auto 25px; box-shadow: 0 15px 35px rgba(0,0,0,.2); border-radius: 50%; }
.corpus-lawyer-card .name { font-size: 24px; line-height: 28px; font-weight: bold; }
.corpus-lawyer-card .tel { font-size: 24px; line-height: 28px; }
.corpus-lawyer-card .tel .i-cb17 { margin-right: 14px; }
.corpus-lawyer-card .btn { margin-top: 25px; display: inline-block; height: 40px; line-height: 40px; font-size: 16px; padding: 0 48px; border-radius: 20px; }
.corpus-lawyer-fixed { position: fixed; }
.corpus-lawyer-absolute { position: absolute; }

/* weizhi-bar */
.weizhi-bar { padding: 30px 0; font-size: 12px; color: #bbb; }
.weizhi-bar a, .weizhi-bar span { margin: 0 5px; color: #bbb; }
.weizhi-bar a:hover { color: #0057ff; }

/* periphery-tab */
.periphery-nav span { float: left; font-size: 16px; line-height: 24px; margin-right: 40px; padding-bottom: 8px; cursor: pointer; }
.periphery-nav .cur { color: #0057ff; font-weight: bold; padding-bottom: 6px; border-bottom: 2px solid #0057ff; }
.periphery-item a { float: left; white-space: nowrap; font-size: 14px; color: #999; line-height: 30px; margin-right: 25px; }
.periphery-item a:hover { color: #0057ff; }