/*!src/components/header/header.scss*/
.header-warp{position:relative;width:100%;min-width:1200px;height:100px}
.header-warp.index{background:url(/prototype/lawyer-check-webapp/static/assets/images/head_bg.png);background-size:100% 100%}
.header-warp.detail{background:linear-gradient(to right,#5c93d8,#4d6eb5)}
.header-warp-inner{position:relative;width:1200px;height:100%;margin:0 auto}
.header-logo{position:absolute;left:0;top:0;bottom:0;margin:auto;width:371px;height:64px;background:url(/prototype/lawyer-check-webapp/static/assets/images/inner_logo.png)}
.header-logo a{display:block;width:100%;height:100%}
.header-back{position:absolute;right:0;top:0;bottom:0;margin:auto;display:block;width:150px;height:40px;text-align:center;line-height:35px;font-size:18px;color:#fff}
.header-back:hover{color:#fff}
/*!src/pages/detail/detail.scss*/
#detail-html{width:100%;min-height:100%}
#detail-body{position:relative;width:100%;min-height:850px;padding-bottom:150px;background:#e4e4e4}
.massage-box{position:relative;width:100%;height:auto;margin-bottom:-30px;margin-top:40px;box-shadow:0 0 10px #eee;background:#fff;z-index:9999999}
.massage-box .massage-box-top{width:100%;height:auto;padding-top:100px;padding-bottom:80px;text-align:center;border-bottom:1px solid #eee}
.massage-box .massage-box-top i{font-size:100px;color:#21ba45}
.massage-box .massage-box-top h4{margin-top:0;margin-bottom:10px;font-size:20px;color:#333}
.massage-box .massage-box-top p{margin-top:0;margin-bottom:0;font-size:18px;color:gray}
.massage-box .massage-box-bottom{width:100%;height:auto;padding-top:100px;padding-bottom:180px;padding-left:68px;padding-right:68px}
.massage-box .massage-box-bottom:before,.massage-box .massage-box-bottom:after{content:" ";display:table}
.massage-box .massage-box-bottom:after{clear:both}
.massage-box .massage-box-bottom .photo{float:left;width:94px;height:120px;background-size:cover;background-position:top center;background-repeat:no-repeat}
.massage-box .massage-box-bottom .massage-box-list{width:calc(100% - 94px - 30px);height:auto;margin-left:30px;float:left}
.massage-box .massage-box-bottom .massage-box-list:before,.massage-box .massage-box-bottom .massage-box-list:after{content:" ";display:table}
.massage-box .massage-box-bottom .massage-box-list:after{clear:both}
.massage-box .massage-box-bottom .massage-list-name{width:100%;display:block;font-size:24px}
.massage-box .massage-box-bottom .massage-list-ul{width:100%;margin:0;margin-top:8px;padding:0;list-style:none}
.massage-box .massage-box-bottom .massage-list-ul:before,.massage-box .massage-box-bottom .massage-list-ul:after{content:" ";display:table}
.massage-box .massage-box-bottom .massage-list-ul:after{clear:both}
.massage-box .massage-box-bottom .massage-list-li{width:33.3333333%;margin-bottom:8px;float:left;font-size:18px;color:#333;overflow:hidden}
.massage-box .massage-box-bottom .massage-list-li:before,.massage-box .massage-box-bottom .massage-list-li:after{content:" ";display:table}
.massage-box .massage-box-bottom .massage-list-li:after{clear:both}
.massage-box .massage-box-bottom .li-head{display:block;width:30%;color:gray;float:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.massage-box .massage-box-bottom .li-body{display:block;width:70%;float:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.massage-box .massage-box-bottom .no-data{width:184px;height:217px;margin:0 auto;background:url(/prototype/lawyer-check-webapp/static/assets/images/img_empty.png);background-size:cover}
.massage-box .icon-no-data .iconfont.icon-error-fill{color:#ec4040}
/*!src/components/footer/footer.scss*/
.footer-warp{position:absolute;left:0;bottom:0;width:100%;height:100px}
.footer-warp.detail{height:140px;padding-top:40px;background:url(/prototype/lawyer-check-webapp/static/assets/images/detail_banner.png);background-position:left bottom}
.footer-warp-inner{position:relative;width:1200px;height:100%;margin:0 auto}
.footer-warp-inner:before,.footer-warp-inner:after{content:" ";display:table}
.footer-warp-inner:after{clear:both}
.footer-warp-inner span{width:50%;margin-bottom:20px;float:left;display:block;color:#fff;font-size:16px}
.footer-warp-inner span.copyright{padding-right:78px;text-align:right}
.footer-warp-inner span.statement{padding-left:78px;text-align:left}
.footer-warp-inner p{margin:0;font-size:16px;color:#8db1d9;text-align:center}
.footer-warp-inner p.detail{color:#7f7f7f}
/*!src/pages/index/index.scss*/
#index-html{width:100%;height:100%}
#index-body{position:relative;width:100%;height:100%;min-height:850px;padding-bottom:150px;background:url(/prototype/lawyer-check-webapp/static/assets/images/index_banner.png)}
#index-body h1{position:relative;display:block;margin-top:150px;margin-bottom:30px;text-align:center;font-size:60px;color:#fff}
#index-body h1:after{position:absolute;left:84px;top:0;bottom:0;margin:auto;width:70px;height:2px;background:#b8d0f6;content:""}
#index-body h1:before{position:absolute;right:84px;top:0;bottom:0;margin:auto;width:70px;height:2px;background:#b8d0f6;content:""}
#index-body p{line-height:15px;text-align:center;color:#fff;font-size:16px}
.index-tab-box{width:820px;height:auto;margin:85px auto}
.index-tab-box .tab-title-box{width:100%;height:38px;margin:0;padding:0;list-style:none}
.index-tab-box .tab-title-box:before,.index-tab-box .tab-title-box:after{content:" ";display:table}
.index-tab-box .tab-title-box:after{clear:both}
.index-tab-box .tab-title-box li{height:100%;margin-left:4px;padding-left:25px;padding-right:25px;text-align:center;line-height:38px;font-size:16px;color:#fff;float:left;background:rgba(55,79,123,.4);cursor:pointer;transition:background .3s,-webkit-transform .3s;transition:transform .3s,background .3s;transition:transform .3s,background .3s,-webkit-transform .3s}
.index-tab-box .tab-title-box .active{-webkit-transform:translateY(-5px);transform:translateY(-5px);background:#ec4040}
.index-tab-box .tab-title-box li:first-child{margin:0}
.index-tab-box .tab-title-box li:last-child{float:right;background:0 0}
.index-tab-box .tab-title-box li:last-child.active{background:#ec4040}
.index-tab-box .tab-title-box .iconfont{margin-right:6px}
.index-tab-box .tab-list-warp{position:relative;width:100%;height:auto;padding-left:5px;padding-right:25px;padding-bottom:20px;padding-top:20px;display:none;background:rgba(55,79,123,.4)}
.index-tab-box .tab-list-warp.active{display:block}
.index-tab-box .tab-list-warp:after{position:absolute;width:800px;height:10px;left:0;right:0;bottom:-10px;margin:auto;background:url(/prototype/lawyer-check-webapp/static/assets/images/shadow.png);background-size:100% 100%;content:""}
.index-tab-box .tab-list-warp .btn{position:relative;text-align:right;padding-right:15px}
.index-tab-box .tab-list-warp .btn .iconfont{position:absolute;top:0;left:15px;bottom:0;margin:auto;text-align:center;line-height:40px}
.index-tab-box input{height:40px;margin-left:20px;padding-left:15px;padding-right:15px;outline:0;border:0;text-align:left;line-height:40px;color:#333;font-size:16px}
.index-tab-box input.tab-name{width:250px}
.index-tab-box input.tab-number{width:350px}
.index-tab-box .btn{width:120px;height:40px;float:right;background:#ec4040;color:#fff;font-size:16px}
.index-tab-box .list-warp-region{width:100%;height:auto;margin:0;padding:0;list-style:none}
.index-tab-box .list-warp-region li{width:100%;height:40px;line-height:40px;font-size:18px;text-align:left}
.index-tab-box .list-warp-region span{margin-left:20px}
.index-tab-box .list-warp-region .region-head{color:#aebddb}
.index-tab-box .list-warp-region .region-list{color:#fff}
.modal.fade.ex_modal .modal-dialog{width:400px;margin-top:300px}
.modal.fade.ex_modal .modal-dialog .input-code{width:100%;height:46px}
.modal.fade.ex_modal .modal-dialog .inner-code-input{width:calc(100% - 130px);border:0;outline:0;height:46px;line-height:46px;padding-left:18px;padding-right:10px;margin-right:-5px;border-radius:4px;background-color:#f6f6f6;font-size:14px;display:block;float:left}
.modal.fade.ex_modal .modal-dialog .img-box{width:130px;height:100%;float:left}
.modal.fade.ex_modal .modal-dialog .img-box img{width:100%;height:100%}
.modal.fade.ex_modal .modal-dialog .btn{display:block;margin:0 auto;background:#ff4240;color:#fff}