/*!
 * =====================================================
 * 精准流量
 * =====================================================
 */
 
body { background-color:#f8f8f8; }
.mui-bar .icon-back { color:#fff; line-height:2.2rem; float: left; }
.mui-pull-nav .icon-grzx { position: relative; font-size: 1.3rem; line-height: 2.2rem; margin-right: .5rem; color: #fff; }
.mui-pull-nav .icon-grzx .dot { display: block; position: absolute; top: 50%; left: 50%;  margin: -13px 0 0 2px; width: .5rem; height: .5rem; background-color: #ff7800;  border-radius: 50%; }

/* ban-box */
.ban-box { position: relative; display: block; width: 100%; height: 10rem; }
.ban-box img { display: block; width: 100%; height: 10rem; }
.ban-box p { position: absolute; right: 0; bottom: 0; left: 0; color: #222; background-color: rgba(255,255,255,0.5); height: 2.25rem; line-height: 2.25rem; text-align: center; font-size: .8rem; overflow: hidden; }
.s-caaa { color: #aaa; }

/* speciality-list */
.speciality-list li { float: left; width: 33.33%; text-align: center; }
.speciality-list li a { display: block; height: 4rem; line-height: 4rem; border-right: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; }

.h60-title { padding:.75rem; height: 3rem; line-height: 1.5rem; font-size: .8rem; text-align: center; border-bottom: 1px solid #e9e9e9; color: #333; }

/* guide-list */
.guide-list li { height: 2.2rem; line-height: 2.2rem; border-bottom: 1px solid #eee; overflow: hidden; }
.guide-list li a { position: relative; display: block; padding: 0 2rem 0 .75rem; font-size: .7rem; }
.guide-list li a:before { position: absolute; right: .75rem; top: .85rem; content: ''; display: block; width: .5rem; height: .5rem; border-top: .075rem solid #ddd; border-right: .075rem solid #ddd; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* fun-list */
.fun-list li { float: left; width: 25%; text-align: center; }
.fun-list li a { display: block; padding: 1.25rem 0; border-right: 1px solid #eee; }
.fun-list li:last-child a { border-right: 0; }
.fun-list li a p { margin-top: .5rem; color: #aaa; }

/* arc-list */
.arc-list li a { display: block; padding: 1.25rem .75rem; border-bottom: 1px solid #eee; overflow: hidden; }
.arc-list li a img { float: left; margin-right: 1rem; width: 5.7rem; height: 4.15rem; border-radius: .15rem; }
.arc-list li a h3 { font-size: .7rem; height: 1rem; line-height: 1rem; overflow: hidden; }
.arc-list li a p { font-size: .6rem; color: #bbb; margin-top: .15rem; max-height: 3rem; line-height: 1rem; overflow: hidden; }

/* lawyer-recom-box */
.lawyer-recom-box { margin: .75rem 0; padding: 1.25rem 1rem 1.25rem 1.375rem; overflow: hidden; box-shadow: 0 .2rem .5rem rgba(0,0,0,.15); background-color: #fff; border-radius: .25rem; }
.lawyer-recom-box img { float: left; margin-right: 1rem; width: 3.7rem; height: 3.7rem; border-radius: 50%; }
.lawyer-recom-box h4 a { font-size: 1rem; color: #37b449; line-height: 1.375rem; }
.lawyer-recom-box .tel { float: right; font-size: .5rem; padding: 0 .75rem; border: .05rem solid #222; border-radius: .55rem; }

/* law-show */
.law-show { padding: 1.75rem .75rem 1rem; text-align: center; border-bottom: 1px solid #eee; }
.law-show img { display: block; margin: auto; width: 4rem; height: 4rem; border-radius: 50%; }
.law-show h3 { font-size: .8rem; margin-top: .75rem; }
.law-show p { font-size: .5rem; color: #333; margin-top: .5rem; }

/* law-help */
.law-help li { position: relative; float: left; width: 50%; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #aaa; }
.law-help li em { margin: 0 .25rem; color: #f24242; }
.law-help li:first-child:before { position: absolute; top: 0; right: 0; bottom: 0; content: ''; border-right: 1px solid #eee; }

/* lawyer-synopsis */
.lawyer-synopsis { padding: .75rem .75rem 0; }
.lawyer-synopsis .ovh { line-height: 1.25rem; height: 5rem; overflow: hidden; }
.syn-more { display: block; text-align: center; height: 2.5rem; line-height: 2.5rem; font-size: .5rem; color: #aaa; }

/* practice-box */
.practice-box {}
.practice-list { overflow: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; }
.practice-list li { position: relative; padding: .5rem .75rem .5rem 3.75rem; font-size: .6rem; line-height: 1.25rem; border-bottom: 1px solid #eee; }
.practice-list li span { position: absolute; top: .5rem; left: .75rem; color: #aaa; }
.practice-list li p { color: #333; }
.practice-box .all-btn { display: block; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: .5rem; color: #aaa; }

/* ask-lawyer-list */
.ask-lawyer-list li { margin-top: .5rem; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.05); border-bottom: 1px solid #eee; }
.ask-lawyer-list .info { position: relative; display: block; overflow: hidden; padding: 1.25rem .75rem 1rem 4.9rem; border-bottom: 1px solid #eee; }
.ask-lawyer-list .info img { position: absolute; top: 1.25rem; left: .75rem; float: left; width: 3.25rem; height: 3.25rem; border-radius: 50%; }
.s-cf24 { color: #f24242; }
.ask-lawyer-list .oper a { position: relative; float: left; width: 50%; height: 2.5rem; line-height: 2.5rem; font-size: .7rem; text-align: center; }
.ask-lawyer-list .oper a:first-child:before { position: absolute; top: 0; right: 0; bottom: 0; content: ''; border-right: 1px solid #eee; }
.ask-lawyer-list .oper .icon-hualv { font-size: .75rem; margin-right: .25rem; }

/* 2018-05-24 */
.lawyer-synopsis .ovh { -webkit-transition: height ease 1s; transition: height ease 1s; }