a, button {
    cursor: pointer
}

button, input, textarea {
    font-size: 0.28rem;
    margin: 0;
    outline: 0;
    -webkit-appearance: none
}

.el, .x-scorll {
    overflow: hidden
}




.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.bold {
    font-weight: 700
}

.through {
    text-decoration: line-through
}

.red {
    color: #EE4653
}

.dark-red {
    color: #DA434C
}

.black {
    color: #666
}

.white {
    color: #fff
}

.gray {
    color: #999
}

.line-gray {
    color: #e9e9e9
}

.background-gray {
    color: #bbb
}

.header-background-gray {
    color: #f5f5f5
}

.text-gray {
    color: #999
}

.text-gray2 {
    color: #666
}

.green {
    color: #999
}

.blue {
    color: #7eb4ed
}

.arrow-top {
    border: 5px solid transparent;
    border-bottom: solid 5px #fff;
    width: 0;
    height: 0;
    display: block
}

.arrow-bottom, .arrow-left {
    border: 5px solid transparent;
    height: 0;
    display: block;
    width: 0
}

.arrow-bottom {
    border-top: solid 5px #fff
}

.arrow-left {
    border-right: solid 5px #fff
}

.arrow-right {
    border: 5px solid transparent;
    border-left: solid 5px #fff;
    width: 0;
    height: 0;
    display: block
}

.hide {
    display: none
}


.cl:after, .cl:before {
    display: table;
    content: " ";
    clear: both
}

.block-item > .block-title .more:after, .load-more-btn:after {
    content: '>';
    position: relative;
    top: -.02rem
}

.fl {
    float: left
}

.fr {
    float: right
}

.el {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 1px 0
}

.dblo {
    display: block
}

.c-red {
    color: #EE4653
}

.x-scorll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.app-share, body.mask-has-show {
    overflow: hidden
}

.block-item {
    margin-top: 0.2rem;
    padding: 0 0.3rem;
    background-color: #fff
}

.block-item.no-padding {
    padding: 0
}

.block-item.padding-bottom {
    padding-bottom: 0.3rem
}

.block-item > .block-title {
    padding: 0.3rem 0
}

.block-item > .block-title .title {
    font-size: 0.34rem;
    color: #666;
    line-height: 1;
    font-weight: 400
}

.block-item > .block-title .more {
    font-size: 0.28rem;
    line-height: 1;
    color: #999
}

.block-item > .more-btn, .load-more-btn {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.3rem;
    background-color: #f5f5f5;
    text-align: center;
    color: #666
}

.block-item > .block-title .more:after {
    padding-left: 0.04rem
}

.block-item > .more-btn, .load-more-btn {
    border: 1px solid #e9e9e9;
    border-radius: 5px
}

.load-more-btn.load-more-btn-down:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.load-more-btn:after {
    display: inline-block;
    margin-left: 0.04rem
}

.disBox {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-tbox;
    display: -o-box
}

.transcenter {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.transcenter-x {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.transcenter-y {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.jian_disflex {
    display: -webkit-box;
    display: flex
}

.fs_xxs {
    font-size: 0.2rem
}

.fs_xs {
    font-size: 0.22rem
}

.fs_s {
    font-size: 0.24rem
}

.fs_m {
    font-size: 0.28rem
}

.fs_l {
    font-size: 0.3rem
}

.fs_xl {
    font-size: 0.32rem
}

.fs_xxl {
    font-size: 0.34rem
}

.fs_xxxl {
    font-size: 0.36rem
}
html {
    font-size: 44.44px
}
/*html {
    font-size: 44.44px
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    html {
        font-size: 42.67px
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 48px
    }
}

@media screen and (min-width: 375px) and (max-width: 383px) {
    html {
        font-size: 50px
    }
}

@media screen and (min-width: 384px) and (max-width: 392px) {
    html {
        font-size: 51.2px
    }
}

@media screen and (min-width: 393px) and (max-width: 413px) {
    html {
        font-size: 52.4px
    }
}

@media screen and (min-width: 414px) and (max-width: 539px) {
    html {
        font-size: 55.2px
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 72px
    }
}*/



.app-share {
    width: 0;
    height: 0
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

.com-school-seek {
    height: 1.56rem;
    background: #fff;
    display: block;
    margin-bottom: 0.2rem;
    position: relative
}

.com-school-seek .seek-right {
    display: block;
    height: 0.8rem;
    margin: 0.38rem 0.2rem 0 0;
    width: 2.8rem;

    background-size: 2.8rem 0.8rem
}

.com-school-seek .seek-left {
    text-align: center;
    margin: 0.2rem 0 0 0.3rem
}

.com-school-seek .seek-left p {
    line-height: 0.48rem;
    color: #999
}

.com-school-seek .seek-left p.o {
    text-align: left
}

.com-school-seek .seek-left p.o i {
    font-size: 0.56rem;
    color: #FF4C4C
}

.com-search-school {
    height: 0.6rem;
    margin: 0 0.3rem 0.3rem
}

.com-search-school :-moz-placeholder {
    color: #999
}

.com-search-school ::-moz-placeholder {
    color: #999
}

.com-search-school input:-ms-input-placeholder {
    color: #999
}

.com-search-school input::-webkit-input-placeholder {
    color: #999
}

.com-search-school input {
    width: 6rem;
    display: block;
    -webkit-box-flex: 1;
    margin-right: 0.3rem;
    border-radius: 0.08rem;
    padding: 0.16rem 0 0.16rem 0.76rem;
    line-height: 1.3;

    background-size: 0.28rem 0.28rem;
    color: #666
}

.com-search-school button {
    display: block;
    height: 0.74rem;
    line-height: 0.74rem;
    font-size: 0.28rem;
    outline: 0;
    border: 0
}

.switch-main-group .find-school-list li.first .rank-c .rank, .switch-main-group .find-school-list li.second .rank-c .rank, .switch-main-group .find-school-list li.third .rank-c .rank {
    display: none
}

.switch-main-group .find-school-list {
    background: #fff;
    z-index: 1
}

.switch-main-group .find-school-list ul img {

    background-size: 100% 100%
}

.switch-main-group .find-school-list li {
    border-top: 1px solid #eee;
    padding: 0.42rem 0.3rem 0.24rem;
    width: 90%;
}

.switch-main-group .find-school-list li.first .rank-c {
    background: url("../image/paiming1.png") center no-repeat;
    background-size: 0.36rem
}

.switch-main-group .find-school-list li.second .rank-c {
    background: url("../image/paiming2.png") center no-repeat;
    background-size: 0.36rem
}

.switch-main-group .find-school-list li.third .rank-c {
    background: url("../image/paiming3.png") center no-repeat;
    background-size: 0.36rem
}

.switch-main-group .find-school-list li {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: stretch;
    align-items: stretch
}

.switch-main-group .find-school-list li .rank-c {
    width: 0.36rem;
    margin-right: 0.36rem
}

.switch-main-group .find-school-list li .rank-c .rank {
    display: block;
    width: 0.36rem;
    line-height: 1.32rem;
    margin: auto;
    text-align: center;
    font-size: 0.28rem;
    color: #666
}

.switch-main-group .find-school-list li .img {
    position: relative;
    display: block;
    width: 1.82rem;
    height: 1.32rem;
    margin-right: 0.24rem;
    padding-bottom: 0.08rem;
    padding-right: 0.12rem
}

.switch-main-group .find-school-list li .img img {
    display: block;
    width: 100%;
    height: 100%
}

.switch-main-group .find-school-list li .img .li-desc-v {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.34rem;
    height: 0.34rem;
    display: none;

    background-size: 0.34rem
}

.switch-main-group .find-school-list li .img .li-desc-v.show {
    display: block;
    border: 1px solid #fff;
    border-radius: 100%
}

.switch-main-group .find-school-list li .li-desc {
    -webkit-box-flex: 1;
    flex: 1
}

.switch-main-group .find-school-list li .li-desc .li-one {
    height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.3rem;
    line-height: 0.36rem;
    margin-bottom: 0.16rem
}

.switch-main-group .find-school-list li .li-desc .li-one.s-name {
    margin-bottom: 0.3rem
}

.switch-main-group .find-school-list li .li-desc .li-one .li-desc-name {
    margin-right: 0.14rem;
    max-width: 70%;
    overflow: hidden;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-wrap: break-word
}

.switch-main-group .find-school-list li .li-desc .li-one .label-c {
    position: relative;
    display: block
}

.switch-main-group .find-school-list li .li-desc .li-one .label-c .icon-c {
    width: 0.32rem;
    height: 0.32rem;
    display: block
}

.switch-main-group .find-school-list li .li-desc .li-one .label-c .icon-c + .icon-c {
    margin-left: 0.1rem
}

.switch-main-group .find-school-list li .li-desc .li-one .label-c .icon-c img {
    display: block;
    width: 100%;
    height: 100%
}

.switch-main-group .find-school-list li .li-desc .li-two {
    height: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.16rem;
    position: relative;
    font-size: 0.24rem;
    color: #666
}

.switch-main-group .find-school-list li .li-desc .li-two.s-address {
    height: 0.28rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.switch-main-group .find-school-list li .li-desc .li-two .li-desc-dis {
    font-size: 0.24rem;
    color: #666;
    display: none
}

.switch-main-group .find-school-list li .li-desc .li-two .li-desc-dis.show {
    display: block
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score {
    position: relative;
    display: block;
    height: 0.3rem;
    width: 2.2rem
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 0.26rem;
    background-repeat: no-repeat
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .normal {

    z-index: 2;
    background-size: 1.25rem 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-wrap: break-word
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .highlight {
    background: url("../image/star.png") center left no-repeat;
    z-index: 3;
    width: 0;
    background-size: 1.25rem 0.2rem
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .widthPercent1 {
    width: 20%
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .widthPercent2 {
    width: 40%
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .widthPercent3 {
    width: 60%
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .widthPercent4 {
    width: 80%
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .star .widthPercent5 {
    width: 100%
}

.switch-main-group .find-school-list li .li-desc .li-two .star-score .score {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 0.8rem;
    height: 0.3rem;
    margin-left: 0.12rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #666
}

.switch-main-group .find-school-list li .li-desc .li-three {
    height: 0.3rem;
    position: relative;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #666
}

.switch-main-group .find-school-list li .li-desc .li-three.s-desc {
    position: relative
}

.switch-main-group .find-school-list li .li-desc .li-three.s-desc .li-desc-name {
    margin-top: 0.24rem;
    margin-right: 0;
    font-size: 0.26rem
}

.switch-main-group .find-school-list li .li-desc .li-three.s-desc .li-desc-price {
    height: 0.36rem;
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #1DACF9;
    position: absolute;
    bottom: 0;
    right: 0
}

.switch-main-group .find-school-list li .li-desc .li-three .li-desc-money {
    height: 0.3rem;
    padding-right: 0.2rem
}

.switch-main-group .find-school-list li .li-desc .li-three .li-desc-money.none {
    padding-left: 0;
    font-size: 0.24rem;
    background-size: 0
}

.switch-main-group .find-school-list li .li-desc .li-three .li-desc-money + .li-desc-money {
    border-left: solid 1px #f0f0f0;
    padding-left: 0.2rem
}

.switch-main-group .find-school-list .see-more {
    border-top: 1px solid #eee;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    padding: 0
}

.switch-main-group .find-school-list .see-more span {
    font-size: 0.28rem;
    color: #666;
    display: inline
}

.switch-main-group .find-school-list .li-desc-price-b {
    font-size: 0.3rem;
    font-weight: 400
}

.switch-main-group .find-school-list .li-desc-status {
    width: 0.6rem;
    height: 0.36rem;

    background-size: 0.34rem;
    display: none
}

.switch-main-group .find-school-list .li-desc-status.show {
    display: block
}

.switch-main-group .find-school-list .li-desc-rank {
    right: 0;
    position: absolute;
    color: #1DACF9;
    padding-left: 0.42rem;

    background-size: 0.32rem 0.26rem
}

.switch-main-group .hidden {
    display: none;
    height: 0
}

.switch-main-group .no-search-data {
    background: #fff;
    position: relative;
    padding: 1rem 0
}

.switch-main-group .no-search-data img {
    display: block;
    width: 3rem;
    margin: auto;
    height: auto
}

.switch-main-group .no-search-data p {
    padding-top: 1rem;
    text-align: center;
    color: #999;
    line-height: 0.3rem
}

.com-school-recommend {
    margin-top: 0.2rem;
    background-color: #fff;
    padding: 0 0.24rem 0.24rem
}

.com-school-recommend.hidden {
    display: none
}

.com-school-recommend .title {
    font-size: 0.32rem;
    color: #666;
    line-height: 0.84rem;
    height: 0.84rem;
    border-bottom: solid 1px #f0f0f0
}

.com-school-recommend .recommend-c {
    padding-top: 0.1rem
}

.com-school-recommend .recommend-c .recommend-item {
    padding: 0.16rem 0.2rem;
    margin: 0.12rem 0.2rem 0.12rem 0;
    background-color: #f5f5f5;
    border: 1px solid rgba(233, 233, 233, 0.5);
    color: #666;
    border-radius: 4px;
    font-size: 0.28rem
}

.com-school-filter {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.com-school-filter.show {
    display: block
}

.com-school-filter .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out
}

.com-school-filter .mask.show {
    opacity: 0.5
}

.com-school-filter .container {
    position: relative;
    width: 80%;
    left: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    transition: left 0.3s ease-in-out
}

.com-school-filter .container.show {
    left: 20%
}

.com-school-filter .container .filter-header {
    position: relative;
    height: 0.9rem;
    width: 100%;
    background-color: #fff;
    z-index: 1
}

.com-school-filter .container .filter-header .header-container {
    position: fixed;
    width: 80%;
    height: 0.9rem;
    left: 100%;
    top: 0;
    padding: 0.2rem;
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    transition: left 0.3s ease-in-out
}

.com-school-filter .container .filter-header .header-container.show {
    left: 20%
}

.com-school-filter .container .filter-header p {
    font-size: 0.3rem;
    color: #666;
    line-height: 0.5rem;
    padding-left: 20%;
    width: 80%
}

.com-school-filter .container .filter-header span {
    width: 20%;
    border-radius: 0.04rem;
    font-size: 0.24rem;
    background-color: #18b4ed;
    color: #fff;
    line-height: 0.5rem;
    padding: 0 0.28rem
}

.com-school-filter .container .hidden {
    display: none
}

.com-school-filter .container #filter_wrapper {
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}

.com-school-filter .container .filter-content {
    position: relative;
    left: 0;
    width: 80%;
    min-height: 85%
}

.com-school-filter .container .filter-content .filter-type {
    padding: 0.4rem 0.2rem 0 0.4rem;
    border-bottom: 1px solid #f0f0f0
}

.com-school-filter .container .filter-content .filter-type .name {
    font-size: 0.3rem;
    color: #666;
    line-height: 1.2
}

.com-school-filter .container .filter-content .filter-type .item {
    background-color: #EEE;
    padding: 0 0.1rem;
    margin: 0 0.14rem 0.28rem 0;
    font-size: 0.28rem;
    color: #666;
    line-height: 0.42rem
}

.com-school-filter .container .filter-content .filter-type .item.selected {
    background-color: #18b4ed;
    color: #fff;
    border-radius: 2px
}

.com-school-filter .container .filter-content .filter-type .item.more {
    color: #18b4ed;
    background-color: transparent
}

.com-school-filter .container .filter-content .filter-type .item-container {
    padding-top: 0.4rem
}

.com-school-filter .container .filter-content .filter-type .sub-item-container {
    display: none;
    background-color: #f7f7f7;
    border-radius: 4px;
    padding: 0.28rem 0.1rem 0 0.2rem;
    margin-bottom: 0.4rem
}

.com-school-filter .container .filter-content .filter-type .sub-item-container.show {
    display: block
}

.com-school-filter .container .filter-content .filter-type .sub-item-container .item {
    background-color: transparent
}

.com-school-filter .container .filter-content .filter-type .sub-item-container .item.selected {
    background-color: #18b4ed;
    color: #fff;
    border-radius: 2px
}

.com-school-comment {
    margin-top: 0.2rem
}

.com-school-comment .school-header {
    display: block;
    padding: 0 0.24rem;
    background: #fff
}

.com-school-comment .school-header span {
    font-size: 16px;
    line-height: 0.88rem;
    color: #666
}

.com-school-comment .school-header .view-all {
    height: 100%;
    line-height: 0.5rem;
    font-size: 0.28rem;
    color: #999;
    padding: 0.2rem 0.24rem 0.16rem 0;

    background-size: 0.16rem
}

.com-school-comment .school-header .view-all.show {
    display: block
}

.com-school-comment .comment-list {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 0 0.3rem
}

.com-school-comment .comment-list .comment-cell {
    padding: 0.3rem 0
}

.com-school-comment .comment-list .comment-cell + .comment-cell {
    border-top: 1px solid #ebebeb
}

.com-school-comment .comment-list .comment-cell .header:after, .com-school-comment .comment-list .comment-cell .header:before {
    display: table;
    content: " ";
    clear: both
}

.com-school-comment .comment-list .comment-cell .header .avatar {
    float: left;
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 0.45rem;
    overflow: hidden
}

.com-school-comment .comment-list .comment-cell .header .avatar img {
    display: block;
    width: 100%;
    height: 100%
}

.com-school-comment .comment-list .comment-cell .header .header-content {
    float: left;
    display: inline-block;
    padding-left: 0.24rem;
    padding-top: 0.1rem
}

.com-school-comment .comment-list .comment-cell .header .header-content span {
    font-size: 0.28rem;
    color: #666
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score {
    position: relative;
    display: block;
    height: 0.36rem;
    width: 2.02rem;
    margin-top: 0.14rem
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .normal {
    background-image: url("https://m.jiazhao.com/style/mainwap/files/2523d290778d7babbd21edd6f114d720.png");
    z-index: 2;
    background-size: 2.02rem 0.32rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-wrap: break-word
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .highlight {
    background-image: url("https://m.jiazhao.com/style/mainwap/files/80d4b5f5c9a9cbb646f4f20dad8d5500.png");
    z-index: 3;
    width: 0;
    background-size: 2.02rem 0.32rem
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .widthPercent1 {
    width: 20%
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .widthPercent2 {
    width: 40%
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .widthPercent3 {
    width: 60%
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .widthPercent4 {
    width: 80%
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .star .widthPercent5 {
    width: 100%
}

.com-school-comment .comment-list .comment-cell .header .header-content .star-score .score {
    position: absolute;
    display: block;
    top: 0;
    left: 2.2rem;
    width: 0.8rem;
    height: 0.42rem;
    margin-left: 0.12rem;
    font-size: 0.28rem;
    color: #F90
}

.com-school-comment .comment-list .comment-cell .content {
    padding-left: 1.14rem;
    padding-top: 0.2rem;
    display: block;
    font-size: 0.28rem;
    color: #666;
    line-height: 1.5
}

.com-school-comment .comment-list .comment-cell .info {
    position: relative;
    padding-left: 1.14rem;
    padding-top: 0.2rem
}

.com-school-comment .comment-list .comment-cell .info:after, .com-school-comment .comment-list .comment-cell .info:before {
    display: table;
    content: " ";
    clear: both
}

.com-school-comment .comment-list .comment-cell .info span {
    display: inline-block;
    font-size: 0.24rem;
    color: #999
}

.com-school-comment .comment-list .comment-cell .info .time {
    float: left;
    height: 0.3rem;
    line-height: 0.3rem
}

.com-school-comment .comment-list .comment-cell .info .comment {
    float: right;
    text-align: right;
    height: 0.36rem;
    line-height: 0.36rem;

    background-size: 0.3rem 0.3rem;
    padding-left: 0.4rem
}

.com-school-comment .comment-list .comment-cell .reply {
    margin-top: 0.36rem;
    background: #f5f5f5;
    padding: 0.1rem 0.2rem;
    position: relative;
    z-index: 0;
    margin-left: 1.14rem
}

.com-school-comment .comment-list .comment-cell .reply:before {
    position: absolute;
    content: ' ';
    display: block;
    top: -.2rem;
    left: 0.25rem;
    border: 1px solid #f5f5f5;
    border-width: 0 0.25rem 0.2rem;
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color: #fff
}

.com-school-comment .comment-list .comment-cell .reply span {
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    color: #999
}

.com-school-comment .comment-list .comment-cell .reply span:before {
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
    color: #1dacf9;
    content: '驾校回复:'
}

.com-school-comment .comment-list .noData {
    display: block;
    width: 100%;
    height: 7rem;
    background-image: url("https://m.jiazhao.com/style/mainwap/files/1ddf2a1e62a1fd46331ac7a6bed37726.png");
    background-size: contain;
    background-repeat: no-repeat
}

.com-school-comment .comment-list .noData:after {
    position: absolute;
    bottom: 0;
    padding-bottom: 0.5rem;
    width: 7.5rem;
    content: '该驾校无点评信息';
    text-align: center;
    display: block;
    font-size: 0.3rem;
    color: #666
}

.page-school {
    padding-top: 0.2rem
}

.page-school .switch-main-group {
    position: relative
}

.page-school .switch-main-group .no-search-data {
    position: relative;
    width: 100%;
    top: 0;
    padding: 0.4rem 0
}

.page-school .switch-main-group .no-search-data img {
    display: block;
    width: 3rem;
    margin: 0 auto;
    height: auto
}

.page-school .find-school-ranking {
    padding: 0.18rem 0;
    background: #fff;
    overflow: hidden
}

.page-school .find-school-ranking .item {
    width: 20%;
    padding: 0 0.2rem
}

.page-school .find-school-ranking .item .ranking-condition-price {
    font-size: 0.26rem;
    line-height: 0.52rem;
    height: 0.52rem;
    color: #666;
    background-color: #F4F7F7;
    border-radius: 0.26rem;
    width: 100%
}

.page-school .find-school-ranking .item .ranking-condition-price.down, .page-school .find-school-ranking .item .ranking-condition-price.up {
    padding: 0 0.14rem
}

.page-school .find-school-ranking .item .ranking-condition-price span {
    width: 100%;
    text-align: center
}

.page-school .find-school-ranking .item .ranking-condition-price span.down {

    background-size: 0.2rem;
    text-align: left
}

.page-school .find-school-ranking .item .ranking-condition-price span.up {

    background-size: 0.2rem;
    text-align: left
}

.page-school .find-school-ranking .item .ranking-condition-price.active {
    background-image: linear-gradient(90deg, #00E0E5 4%, #0086FA 95%);
    background-size: 100%;
    border-radius: 0.26rem;
    color: #fff
}

.page-school .find-school-ranking .item .ranking-condition-div {
    font-size: 0.26rem;
    line-height: 0.52rem;
    height: 0.52rem;
    color: #666;
    display: block
}

.page-school .find-school-ranking .item .ranking-condition-div + .ranking-condition-div {
    border-left: 1px solid #eee
}

.page-school .find-school-ranking .item .ranking-condition-div.no-bg {
    background-color: #F4F7F7;
    border-radius: 0.26rem
}

.page-school .find-school-ranking .item .ranking-condition-div.active {
    background-image: linear-gradient(90deg, #00E0E5 4%, #0086FA 95%);
    background-size: 100%;
    border-radius: 0.26rem;
    color: #fff
}

.page-school .find-school-ranking .item .ranking-condition-div.filter {

    background-size: 0.2rem;
    padding-right: 0.32rem;
    padding-left: 0.1rem
}

.page-school .find-school-ranking .item .ranking-condition-div.filter.selected {

    background-size: 0.2rem;
    color: #00c9ea
}

.page-school .find-school-ranking #area, .page-school .find-school-ranking #distance, .page-school .find-school-ranking #koubei, .page-school .find-school-ranking #wholeCity {
    text-align: center
}

.page-school .find-school-ranking .condition-city-line {
    height: 0.36rem;
    width: 0.02rem;
    background: #eee
}

.page-school .filter-labels {
    position: relative;
    width: 100%;
    height: 0.68rem
}

.page-school .filter-labels .labels-c {
    display: block;
    padding: 0.12rem 0 0.12rem 0.23rem;
    width: 6.8rem;
    height: 100%;
    overflow-x: scroll
}

.page-school .filter-labels .labels-c li + li {
    margin-left: 0.2rem
}

.page-school .filter-labels .labels-c .label {
    padding: 0.06rem 0.1rem;
    border: 1px solid #f0f0f0;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden
}

.page-school .filter-labels .labels-c .label span {
    display: block;
    padding-right: 0.2rem;

    background-size: 0.1rem;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #666
}

.page-school .filter-labels .clear {
    display: block;
    width: 0.68rem;
    height: 0.68rem;

    background-size: 0.22rem
}

.page-school .school-desc {
    margin-top: 0.2rem;
    background-color: #fff;
    padding: 0 0.24rem 0.24rem
}

.page-school .school-desc .title {
    font-size: 0.32rem;
    color: #666;
    line-height: 0.86rem;
    height: 0.86rem;
    border-bottom: solid 1px #f0f0f0
}

.page-school .school-desc .summary {
    font-size: 0.24rem;
    color: #BBB;
    line-height: 1.5;
    padding-top: 0.16rem
}

.page-school .school-desc ul.fold {
    max-height: 2.2rem;
    overflow: hidden
}

.page-school .school-desc ul li {
    padding: 0.08rem 0.14rem;
    margin: 0.14rem 0.28rem 0.14rem 0;
    background-color: #f5f5f5;
    color: #666;
    font-size: 0.28rem
}

.page-school .school-desc .see-more {
    border-top: 1px solid #eee;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    padding: 0
}

.page-school .school-desc .see-more span {
    font-size: 0.28rem;
    color: #999;
    display: block
}

.com-app-share {
    position: absolute;
    left: 0;
    width: 100%;
    top: -2000px
}

.com-app-share img {
    width: 100%;
    height: auto
}

.com-app-share h1, .com-app-share p {
    max-height: 100px;
    overflow: hidden
}

.com-layout-header {
    height: 1rem;
    width: 100%
}

.com-layout-header .fixed-inner {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    height: 1rem;
    color: #18b4ed;
    padding: 0.2rem 0 0.2rem 0.2rem;
    background-color: #fff;
    z-index: 100
}

.com-layout-header .fixed-inner .backButton {
    display: block;
    width: 0.8rem;
    height: 0.6rem;
    font-size: 0.5rem;
    line-height: 0.6rem;
    text-align: center;

    background-size: 0.8rem
}

.com-layout-header .fixed-inner .logo-c {
    display: block;
    width: 2.8rem;
    height: 0.6rem;
    overflow: hidden
}

.com-layout-header .fixed-inner .logo-c.car {
    width: 0.82rem
}

.com-layout-header .fixed-inner .logo-c .logo {
    display: block;
    width: auto;
    height: 100%;

    background-size: contain
}

.com-layout-header .fixed-inner .logo-c .logo.car {
    height: 0.6rem;

    background-size: contain
}

.com-layout-header .fixed-inner .navigation-c {
    white-space: nowrap;
    height: 100%;
    margin-left: 0.2rem;
    width: 2.6rem;
    overflow: scroll
}

.com-layout-header .fixed-inner .navigation-c span {
    font-size: 0.32rem;
    line-height: 0.6rem;
    padding-right: 0.1rem
}

.com-layout-header .fixed-inner .navigation-c span:before {
    padding-right: 0.1rem;
    content: "•"
}

.com-layout-header .fixed-inner .sel-city {
    padding-right: 0.26rem;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    background-size: 0.21rem 0.12rem;
    color: #1DACF9;
    font-size: 0.28rem;
    line-height: 0.6rem;
    max-width: 1.1rem
}

.com-layout-header .fixed-inner .sel-regist {
    padding: 0 0.26rem 0 0.4rem;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-size: 0.21rem 0.12rem;
    color: #1DACF9;
    font-size: 0.32rem;
    line-height: 0.6rem
}

.com-layout-header .fixed-inner .user_center {
    margin: 0 0.2rem;
    width: 0.6rem;
    height: 0.6rem;
    overflow: hidden
}

.com-layout-header .fixed-inner .user_center img {
    display: block;
    border-radius: 0.18rem;
    margin: 0.12rem auto;
    width: 0.4rem;
    height: 0.4rem
}

.com-layout-header .fixed-inner .user_center.unlogin {
    border-radius: 0.18rem;

    background-size: 0.36rem
}

.com-layout-header .fixed-inner .submit-exam {
    font-size: 0.28rem;
    line-height: 0.6rem;
    margin: 0 0.3rem
}

.com-layout-header .fixed-inner .set {
    width: 1rem;
    height: 0.6rem;
    overflow: hidden
}

.com-layout-header .fixed-inner .set i {
    display: block;
    width: 100%;
    height: 100%;

    background-size: 0.36rem 0.34rem
}

.com-layout-header .hidden {
    display: none
}

.com-layout-article {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.com-layout-article.hide {
    display: none
}

.com-layout-top-banner {
    position: relative
}

.com-layout-top-banner .banner-c {
    display: block;
    width: 100%;
    max-height: 2rem;
    overflow: hidden
}

.com-layout-top-banner .banner-c i {
    display: block;
    width: 100%;
    height: 1.8rem;
    background-image: url("https://m.jiazhao.com/style/mainwap/files/f036da448ab2cf16970665aef339f0bf.png");
    background-size: contain;
    background-repeat: no-repeat
}

.com-layout-top-banner .banner-c img {
    display: block;
    width: 100%;
    height: auto
}

.com-to-top {
    position: fixed;
    bottom: 1.2rem;
    right: 0.4rem;
    width: 0.8rem;
    height: 0.8rem;
    border: 1px solid #e9e9e9;
    border-radius: 100%;

    background-size: 0.43rem;
    z-index: 10;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.com-to-top.showing {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.com-to-top.hiding {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}

.com-layout-footer {
    position: relative
}

.com-layout-footer .navigation-c {
    display: none;
    background-color: transparent;
    white-space: nowrap;
    height: 100%;
    padding-left: 0.2rem;
    overflow: scroll;
    border-bottom: solid 1px #EEE
}

.com-layout-footer .navigation-c.show {
    display: block
}

.com-layout-footer .navigation-c a {
    font-size: 0.28rem;
    line-height: 0.6rem;
    padding-right: 0.1rem;
    color: #666
}

.com-layout-footer .navigation-c a + a:before {
    padding-right: 0.1rem;
    content: ">"
}

.com-layout-footer .corporation {
    display: block;
    padding: 0.2rem 0
}

.com-layout-footer .corporation.hide {
    display: none
}

.com-layout-footer .corporation p {
    color: #999;
    font-size: 0.24rem;
    text-align: center
}

.com-layout-footer .corporation p + p {
    padding-top: 0.1rem
}

.com-mask-city {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    opacity: 0;
    transition: all 0.3s;
    display: none;
    font-size: 0.28rem
}

.com-mask-city.show {
    display: block
}

.com-mask-city.show-city {
    opacity: 1
}

.com-mask-city.show-city .vlist_city, .com-mask-city.show-city .vlist_pro {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.com-mask-city > .log-city {
    display: none
}

.com-mask-city .vlist {
    background: #fff;
    width: 0;
    z-index: 1;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.com-mask-city .vlist .p-item .zimu {
    background: #f5f5f5;
    display: block;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-left: 0.5rem
}

.com-mask-city .vlist ul {
    padding-left: 0.5rem
}

.com-mask-city .vlist ul li {
    height: 0.8rem;
    line-height: 0.8rem
}

.com-mask-city .vlist ul li + li {
    border-top: 1px solid #e9e9e9
}

.com-mask-city .vlist ul li.active {
    color: #EE4653
}

.com-mask-city .vlist_pro {
    width: 70%;
    -webkit-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0)
}

.com-mask-city .vlist_city {
    width: 40%;
    -webkit-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
    z-index: 5;
    border-left: 1px solid #e9e9e9
}

.com-dialog-toast, .com-dialog-toast p {
    line-height: 1.654
}

.com-dialog-toast {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: fixed;
    display: none;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    max-width: 200px;
    font-size: 0.28rem
}

.com-dialog-toast.show {
    display: block;
    opacity: 1
}

.com-dialog-toast.hiding {
    display: block;
    opacity: 0;
    -webkit-animation: ani-opa-hiding-keyframe 2s;
    animation: ani-opa-hiding-keyframe 2s
}

.com-dialog-growUp {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -webkit-transform: translate3d(1, 1, 1);
    transform: translate3d(1, 1, 1)
}

.com-dialog-growUp .growUp {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 6rem;
    height: 6rem;
    border-radius: 8px;

    background-size: 3.72rem
}

.com-dialog-growUp .growUp .close {
    position: absolute;
    font-size: 0.56rem;
    color: #666;
    top: 0.1rem;
    right: 0.2rem
}

.com-dialog-growUp .growUp p {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0
}

.com-dialog-growUp .growUp .p1 {
    top: 3.15rem;
    font-size: 0.36rem;
    color: #666
}

.com-dialog-growUp .growUp .p2 {
    top: 3.7rem;
    font-size: 0.32rem;
    color: #666
}

.com-dialog-growUp .growUp a {
    position: absolute;
    top: 4.56rem;
    left: 0.6rem;
    width: 4.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.3rem;
    color: #fff;
    border-radius: 5px;
    background: #36bf74
}

.com-dialog-steal-phone {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -webkit-transform: translate3d(1, 1, 1);
    transform: translate3d(1, 1, 1)
}

.com-dialog-steal-phone .steal-phone {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
    background: #fff;
    border-radius: 0.2rem;
    width: 85%
}

.com-dialog-steal-phone .steal-phone .steal-body {
    padding: 0.3rem
}

.com-dialog-steal-phone .steal-phone .desc {
    line-height: 1.3
}

.com-dialog-steal-phone .steal-phone .inp-w {
    position: relative
}

.com-dialog-steal-phone .steal-phone .inp-w.error span {
    display: block
}

.com-dialog-steal-phone .steal-phone .inp-w input {
    display: block;
    border: 1px solid #e9e9e9;
    outline: 0;
    border-radius: 3px;
    height: 0.5rem;
    width: 100%;
    padding: 0.4rem 0.2rem;
    margin-top: 0.2rem
}

.com-dialog-steal-phone .steal-phone .inp-w input.error {
    border-color: #EE4653
}

.com-dialog-steal-phone .steal-phone .inp-w span {
    display: none;

    background-size: contain;
    position: absolute;
    right: 0.02rem;
    padding: 0.05rem 0.1rem 0.05rem 0.38rem;
    color: #EE4653;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.com-dialog-steal-phone .steal-phone .action {
    margin-top: 0.1rem;
    border-top: 1px solid #e9e9e9
}

.com-dialog-steal-phone .steal-phone .action span {
    display: block;
    width: 50%;
    text-align: center;
    height: 0.84rem;
    line-height: 0.84rem
}

.com-dialog-steal-phone .steal-phone .action .cancel {
    color: #666;
    border-right: 1px solid #e9e9e9
}

@keyframes ani-opa-hiding-keyframe {
    0%, 40% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes ani-opa-hiding-keyframe {
    0%, 40% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.com-layout-bottom-guide-app {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 100;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 1.3rem
}

.com-layout-bottom-guide-app:empty {
    display: none
}

.com-layout-bottom-guide-app.show {
    display: block
}

.com-layout-bottom-guide-app.show2 {
    opacity: 1
}

.com-layout-bottom-guide-app.hiding {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem)
}

.com-layout-bottom-guide-app.closed {
    display: none;
    height: 0
}

.com-layout-bottom-guide-app.app-qctt .inner {
    background-image: url("https://m.jiazhao.com/style/mainwap/files/7ca3dab7f08f92f146d5d574b882317c.png")
}

.com-layout-bottom-guide-app.app-jkbd .inner {
    background-image: url("https://m.jiazhao.com/style/mainwap/files/e785c7b0011aaafdad2f853e9a1d0cc0.png")
}

.com-layout-bottom-guide-app .inner {
    height: 100%;
    position: relative;

    background-size: contain
}

.com-layout-bottom-guide-app .inner .close {
    width: 1rem;
    height: 0.6rem;
    position: absolute;
    top: 0;
    right: 0
}

.com-site-interest2 {
    position: fixed;
    top: 0.12rem;
    left: 0;
    width: 100%;
    padding: 0 0.12rem;
    z-index: 10000000000;
    display: none;
    transition: top 0.3s
}

.com-site-interest2.show {
    display: block;
    top: -2.5rem
}

.com-site-interest2.show2 {
    top: 0.12rem
}

.com-site-interest2 > .main-body {
    border-radius: 2px;
    box-shadow: 1px 4px 12px 0 rgba(0, 0, 0, 0.23);
    overflow: hidden
}

.com-site-interest2 > .main-body .top {
    color: #666;
    background: rgba(255, 255, 255, 0.97);
    padding: 0.08rem 0.08rem 0.08rem 0.46rem
}

.com-site-interest2 > .main-body .top .ques {
    position: relative;
    top: 0.08rem;
    display: block;

    background-size: 0.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    padding-left: 0.6rem
}

.com-site-interest2 > .main-body .top .ques.maiche {

    background-size: 0.34rem;
    padding-left: 0.4rem
}

.com-site-interest2 > .main-body .top .now {
    padding-right: 0.02rem;
    height: 0.4rem;
    line-height: 0.4rem
}

.com-site-interest2 > .main-body .action {
    background: rgba(251, 251, 251, 0.97)
}

.com-site-interest2 > .main-body .action .item {
    height: 0.54rem;
    width: 1.1rem;
    border: 0
}

.com-site-interest2 > .main-body .action .seesee {
    background: #EBEBEB;
    border-radius: 4px;
    font-size: 0.28rem;
    color: #969696
}

.com-site-interest2 > .main-body .action .buycar {
    background-image: linear-gradient(-180deg, #3CB3FF 4%, #3CAEFF 98%);
    border-radius: 4px;
    font-size: 0.28rem;
    color: #fff;
    margin-left: 0.2rem
}

.com-site-interest2 .close {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.7rem;
    height: 0.7rem;
    z-index: 2;

    background-size: 0.26rem
}

.com-mask-set, .com-mask-set .mask {
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.com-mask-set {
    position: fixed;
    display: none;
    z-index: 100
}

.com-mask-set.show {
    display: block
}

.com-mask-set .mask {
    position: absolute;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.2s linear
}

.com-mask-set .mask.show {
    opacity: 0.7
}

.com-mask-set .set-container {
    position: relative;
    display: block;
    width: 80%;
    -webkit-transform: translate3d(125%, 0, 0);
    transform: translate3d(125%, 0, 0);
    height: 100%;
    background-color: #fff;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    z-index: 102;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.com-mask-set .set-container.show {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0)
}

.com-mask-set .set-container .hidden {
    display: none
}

.com-mask-set .set-container .set-header {
    position: relative;
    height: 1.8rem;
    width: 100%;
    background-color: #fff;
    z-index: 1
}

.com-mask-set .set-container .set-header .header-container {
    position: relative;
    width: 100%;
    height: 1.8rem;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    top: 0;
    padding: 0.38rem 0.28rem;
    text-align: center;
    background-color: #fff;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear
}

.com-mask-set .set-container .set-header .header-container.show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.com-mask-set .set-container .set-header .header-container .login-c {
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem
}

.com-mask-set .set-container .set-header .header-container .login-c .login {
    display: block;
    padding-left: 0.5rem;
    color: #37B5F8
}

.com-mask-set .set-container .set-header .header-container .login-c .login.unlogin {

    background-size: 0.36rem
}

.com-mask-set .set-container .set-header .header-container .login-c .user {
    display: block
}

.com-mask-set .set-container .set-header .header-container .login-c .user .image-c {
    width: 0.5rem;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 50%
}

.com-mask-set .set-container .set-header .header-container .login-c .user .image-c img {
    width: 100%;
    height: 100%
}

.com-mask-set .set-container .set-header .header-container .login-c .user .nickName {
    padding-left: 0.2rem;
    color: #37B5F8;
    max-width: 4rem;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    word-wrap: break-word;
    overflow: hidden
}

.com-mask-set .set-container .set-header .header-container .login-c .out {
    display: block;
    color: #666
}

.com-mask-set .set-container .set-header .header-container .tip {
    font-size: 0.26rem;
    color: #999;
    line-height: 1.3;
    text-align: left;
    margin-top: 0.2rem
}

.com-mask-set .set-container .content {
    position: relative;
    padding: 0 0.28rem
}

.com-mask-set .set-container .content .title-c {
    height: 0.8rem;
    border-bottom: solid 1px #f0f0f0
}

.com-mask-set .set-container .content .title-c span {
    font-size: 0.3rem;
    color: #666;
    line-height: 0.8rem
}

.com-mask-set .set-container .content .item-c li {
    position: relative;
    width: 50%;
    height: 1.6rem;
    font-size: 0.26rem;
    color: #666;
    line-height: 1.2;
    padding-top: 1.1rem;
    text-align: center
}

.com-mask-set .set-container .content .item-c li.car {

    background-size: 0.94rem
}

.com-mask-set .set-container .content .item-c li.truck {

    background-size: 0.94rem
}

.com-mask-set .set-container .content .item-c li.moto {

    background-size: 0.94rem
}

.com-mask-set .set-container .content .item-c li.bus {

    background-size: 0.94rem
}

.com-mask-set .set-container .content .item-c li.keyun {

    background-size: 1.3rem
}

.com-mask-set .set-container .content .item-c li.huoyun {

    background-size: 1.3rem
}

.com-mask-set .set-container .content .item-c li.weixian {

    background-size: 1.3rem
}

.com-mask-set .set-container .content .item-c li.jiaolian {

    background-size: 1.3rem
}

.com-mask-set .set-container .content .item-c li.chuzu {

    background-size: 1.3rem
}

.com-mask-set .set-container .content .item-c li i {
    position: absolute;
    display: none;
    right: 0.4rem;
    top: 0.4rem;
    width: 0.36rem;
    height: 0.36rem;

    background-size: 0.36rem
}

.com-mask-set .set-container .content .item-c li i.selected {
    display: block
}

.container, .container .none-data-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.container {
    min-width: 100%;
    display: -webkit-box;
    display: flex;
    min-height: 100vh;
    flex-direction: column
}

.container.hide-main > .com-layout-article, .container.hide-main > .com-layout-footer, .container.hide-main > .com-layout-header, .container.hide-main > .page-description {
    display: none
}

.container > .disabled-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10000
}

.container > .page-description {
    -webkit-box-ordinal-group: 10;
    order: 9;
    color: #d4d4d4;
    padding: 0.2rem 0.2rem 0;
    line-height: 1.1;
    font-size: 0.2rem;
    text-align: justify
}

.container .none-data-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #fff
}

.container .none-data-block:before {
    display: block;
    content: '';
    width: 100%;
    height: 2.4rem;

    background-size: 2.8rem
}

.container .none-data-block:after {
    display: block;
    content: '暂无数据~';
    text-align: center;
    color: #999
}

.container .img-w {

    background-size: 50%
}

.container .img-w img {
    background: 0 0
}

.container img {

    background-size: 40%
}

.container .gfh-section {
    padding-left: 17px;
    padding-right: 17px;
    background: #fff
}

.container.gfh-page.gfh-page-cambrian .com-layout-header .fixed-inner {
    position: relative
}

.gfh-section ._1UhIYm {
    display: none !important
}
.js{
    line-height: 20px;
}