body {
    color: #666;
    background-color: #f0f0f0;
}

.font-blue {
    color: #3b6cde;
}

/*文章文字设定*/
.content-padded h1 {
    font-size: .85rem;
    margin: 0;
    line-height: 2;
    margin-top: .5rem;
    color: #333;
}

.content-padded p {
    font-size: .75rem;
    margin: 0 0 .5rem 0;
    line-height: 2;
    color: #999;
}

/*电话咨询*/
.bar .content-block {
    margin: 0;
    padding: 0;
}

.bar .button.button-big {
    top: 0;
    height: 2.5rem;
    line-height: 2.4rem;
    background-color: #5183ef;
    background-image: linear-gradient(to right, #6699ff, #3b6cde);
    background-image: -webkit-linear-gradient(left top, #6699ff, #3b6cde); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(bottom right, #6699ff, #3b6cde); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(bottom right, #6699ff, #3b6cde); /* Firefox 3.6 - 15 */
    border-radius: 0;
    border: 0;
}

.process {
    position: relative;
    height: 3rem;
    padding: .6rem 0 0;
    text-align: center;
    background-image: linear-gradient(to right, #6699ff, #3b6cde);
    background-image: -webkit-linear-gradient(left top, #6699ff, #3b6cde); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(bottom right, #6699ff, #3b6cde); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(bottom right, #6699ff, #3b6cde); /* Firefox 3.6 - 15 */
    background-color: #5183ef;
}

.process::before {
    content: "";
    position: absolute;
    top: .95rem;
    left: 12.5%;
    width: 75%;
    height: 1px;
    background-color: #fff;
    z-index: 10;
}

.process ~ .content {
    top: 3rem;
}

.process h5 {
    margin: 0;
    color: #fff;
    font-weight: normal;
    line-height: 1.5rem;
}

.icon-dot {
    position: relative;
    display: block;
    margin: 0 auto;
    width: .7rem;
    height: .7rem;
    background-image: url(../img/icon-dot.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 100;
}

.checked .icon-dot {
    background-image: url(../img/icon-dotchecked.png);
}

.content-block-title {
    margin-top: 1rem;
    line-height: 1rem;
    color: #999;
}

.list-block {
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.list-block .iconform .item-content {
    position: relative;
    padding-left: 3rem;
}

html:not(.watch-active-state) .list-block .item-link:active,
.list-block .item-link.active-state {
    background-color: #fff;
}

.list-block .item-inner:after {
    background-color: #eee;
}

.list-block .item-title.label {
    margin: 0;
    line-height: 2.5rem;
    color: #333;
}

.list-block .iconform input {
    color: #7c99d6;
    height: 2.5rem;
    font-size: .85rem;
}

.list-block .item-input {
    position: relative;
}

.icons {
    position: absolute;
    display: block;
    left: .75rem;
    top: .8rem;
    width: 1.5rem;
    height: 1.5rem;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.icon-user {
    background-image: url(../img/icon-user.png);
}

.icon-tel {
    background-image: url(../img/icon-tel.png);
}

.icon-map {
    background-image: url(../img/icon-map.png);
}

.icon-field {
    background-image: url(../img/icon-field.png);
}

.icon-practice {
    background-image: url(../img/icon-practice.png);
}

.icon-lawyer {
    background-image: url(../img/icon-lawyer.png);
}

.icon-case {
    background-image: url(../img/icon-case.png);
}

.icon-collection {
    background-image: url(../img/icon-collection.png);
}

.icon-list {
    background-image: url(../img/icon-list.png);
}

.icon-phones {
    background-image: url(../img/icon-phone.png);
}

.icon-checks {
    background-image: url(../img/icon-check.png);
}

.icon-missed {
    background-image: url(../img/icon-missed.png);
}

.icon-received {
    background-image: url(../img/icon-received.png);
}

.sublist .icons {
    top: .9rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 40% 40%;
}

.bar-tab .tab-item .icon {
    width: 1.2rem;
}

.bar-tab .tab-item.active .icon-phones {
    background-image: url(../img/icon-phone-circle.png);
}

.bar-tab .tab-item.active .icon-checks {
    background-image: url(../img/icon-check-circle.png);
}

/*选择律师*/
.changelawyer {
    height: 1.8rem;
    margin-bottom: .5rem;
    text-align: center;
    color: #999;
}

.changelawyer a {
    height: 1.8rem;
    display: inline-block;
    line-height: 1.8rem;
}

.icon-refreshs {
    height: 1.8rem;
    display: inline-block;
    padding-right: 1.8rem;
    font-size: .75rem;
    color: #333;
    background-image: url(../img/icon-refresh.png);
    background-position: center right;
    background-size: auto 70%;
    background-repeat: no-repeat;
}

.list-block ul.lawyers {
    background-color: transparent;
}

.list-block ul.lawyers:before {
    height: 0;
}

.list-block .lawyers li {
    margin-bottom: .5rem;
    background-color: #fff;
}

.list-block .lawyers .item-inner:after {
    background-color: #fff;
}

.list-block.media-list .lawyers .item-media {
    position: relative;
    padding-top: .6rem;
    padding-bottom: 1.5rem;
}

.list-block.media-list .lawyers .item-media img {
    border-radius: 50px;
    width: 4rem;
    height: 4rem;
    display: block;
}

.list-block.media-list .lawyers .item-media .city {
    position: absolute;
    display: block;
    left: 0;
    top: .8rem;
    width: 4rem;
    margin: 4rem 0 0;
    color: #999;
    font-size: .75rem;
    text-align: center;
}

@media screen and (max-width: 320px) {
    .list-block.media-list .lawyers .item-media img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .list-block.media-list .lawyers .item-media .city {
        width: 3.5rem;
        margin: 3.5rem 0 0;
        font-size: .65rem;
    }

    .list-block .lawyers .item-text {
        font-size: .65rem;
    }

    .list-block .lawyers .item-content {
        padding-left: .5rem;
    }

    .list-block .lawyers .item-media + .item-inner {
        margin-left: .5rem;
        padding-right: .5rem
    }
}

.list-block.media-list .lawyers .item-title {
    font-weight: bold;
    color: #333;
    line-height: 2;
}

.list-block.media-list .lawyers .item-title.icon-v {
    padding-right: 1rem;
    background-image: url(../img/icon-v.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 42%;
}

.list-block .lawyers .item-text {
    height: auto;
    line-height: 2;
}

/*律师详情*/
.lawyer {
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: .1rem;
    margin-bottom: 1rem;
    text-align: center;
    background-color: #fff;
}

.lawyer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4rem;
    width: 100%;
    background-image: linear-gradient(to right, #6699ff, #3b6cde);
    background-image: -webkit-linear-gradient(left top, #6699ff, #3b6cde); /* Safari 5.1 - 6.0 */
    background-image: -o-linear-gradient(bottom right, #6699ff, #3b6cde); /* Opera 11.1 - 12.0 */
    background-image: -moz-linear-gradient(bottom right, #6699ff, #3b6cde); /* Firefox 3.6 - 15 */
    background-color: #5183ef;
    z-index: 10;
}

.lawyer .lawyerphoto {
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 100;
    width: 5rem;
    height: 5rem;
    border: .25rem solid #fff;
    -webkit-box-shadow: 0 0 15px rgba(102, 153, 225, .5);
    -moz-box-shadow: 0 0 15px rgba(102, 153, 225, .5);
    box-shadow: 0 0 15px rgba(102, 153, 225, .5);
}

.lawyer .lawyerphoto img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    display: block;
}

.lawyer p {
    margin: 0;
    line-height: 2;
    font-size: .75rem;
    color: #7c99d6;
}

.lawyer p.lawyername {
    font-size: .85rem;
    color: #333;
    font-weight: bold;
}

.lawyer .lawyerinfo p {
    color: #999;
    text-align: left;
}

.lawyer .lawyerinfo {
    height: 3.3rem;
    -webkit-transition: height 0.6s ease 0s;
    -moz-transition: height 0.6s ease 0s;
    -ms-transition: height 0.6s ease 0s;
    transition: height 0.6s ease 0s;
    overflow: hidden;
}

.lawyer .lawyerinfo:before {
    content: '';
    position: absolute;

    bottom: -.45rem;
    left: 50%;
    width: 1.4rem;
    height: .6rem;
    margin-left: -.7rem;
    background-image: url(../img/icon-arrow.png);
    background-size: auto 100%;
}

.lawyer .lawyerinfo-show:before {
    bottom: .2rem;
    background-image: url(../img/icon-arrow-up.png);
}

.list-block .list-block {
    margin: 0;
}

.list-block .item-after {
    color: #999;
}

.list-block ul.iconform:after,
.list-block .sublist .item-inner:after {
    height: 0;
}

.list-block ul.sublist {
    font-size: .75rem;
}

.list-block ul:before,
.list-block ul:after {
    background-color: #eee;
}

.list-block .sublist .item-content {
    padding-left: 2.5rem;
}

.list-block .sublist .item-content:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #eee;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .list-block .item-content:after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .list-block .item-content:after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.list-block .sublist .item-inner .item-title {
    line-height: 2.5rem;
    color: #999;
}

.list-block .evaluate .item-title-row {
    margin: .5rem 0;
}

.list-block .evaluate .item-after {
    color: #ccc;
    font-size: .6rem;
}

.list-block .evaluate .item-text {
    height: auto;
    margin-bottom: .5rem;
    color: #999;
    line-height: 1.5;
    font-size: .65rem;
}

.list-block.media-list .evaluate .item-media {
    padding-top: 0;
}

.evaluate .item-media img {
    margin-top: -.5rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}

.starBox {
    width: 5.5rem;
    height: .8rem;
    margin: 0;
    background-image: url(../img/icon-star-o.png);
    background-position: left center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.starBox i {
    display: inline-block;
    float: left;
    width: 100%;
    height: .8rem;
    background-image: url(../img/icon-star.png);
    background-position: left center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.starBox i.active0 {
    width: 0;
}

.starBox i.active1 {
    width: 20%;
}

.starBox i.active2 {
    width: 40%;
}

.starBox i.active3 {
    width: 60%;
}

.starBox i.active4 {
    width: 80%;
}

.starBox i.active5 {
    width: 100%;
}

/*拨打电话*/
.mt0 {
    margin-top: 0;
}

.list-block .calllawyer .item-text {
    font-size: .65rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.list-block.media-list .calllawyer .item-media {
    padding-bottom: .6rem;
}

.list-block .calllawyer .item-after {
    color: #ccc;
}

.list-block .calllawyer .item-title.label {
    color: #7c99d6;
}

.list-block .tips .item-title {
    color: #999;
    font-size: .65rem;
}

.calling {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}

.calling p {
    margin: 0;
}

/*打官司*/
.list-block .litigation .item-title.label {
    width: 3.5rem;
    line-height: 2.15rem;
}

/*付款*/
.pay {
    padding: .75rem;
    margin-bottom: 1rem;
    background-color: #fff;
}

.pay span, .pay-c span {
    color: #999;
    font-size: .85rem;
    vertical-align: middle;
}

.pay-cfont {
    display: inline;
    color: #DFC63D;
    border: 2px solid #DFC63D;
    border-radius: 8px;
    padding: .3rem;
    margin-right: .5rem;
}

.pay .label {
    color: #999;
    font-size: .85rem;
}

.pay-put .link {
    float: right;
    color: #7c99d6;
    font-size: .85rem;
}

.pay-c {
    padding: .4rem .75rem 0 .75rem;
    background-color: #fff;
    margin-bottom: 1rem;
}

.pay-c .icon-up {
    padding: .6rem 0 0;
    width: 2.2rem;
}

.pay-c .item-content {
    padding: .3rem 0;
    border-bottom: 1px solid #eee;
}

.pay-c .row {
    margin-left: 0;
}

/*表单验证*/
.field-invalid {
    border-color: #a94442;
}

.field-invalidmsg {
    color: #a94442;
}

.field-validmsg {
    color: #3c763d;
}

.field-tooltipWrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 19891014;
}

.field-tooltipInner {
    pointer-events: none;
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.field-tooltip {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.field-tooltip .field-invalidmsg,
.field-tooltip .field-validmsg {
    color: #fff;
}

.field-tooltip .zvalid-resultformat {
    display: inline-block;
    position: relative;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    pointer-events: auto;
    animation-name: fieldTipBounceIn;
    -webkit-animation-name: fieldTipBounceIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .18s;
    animation-duration: .18s;
}

@-webkit-keyframes fieldTipBounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
