@import "tools";
@media screen and (min-width: 240px) {
    html,
    body {
        font-size: 12.8px;
    }
}
@media screen and (min-width: 320px) {
    html,
    body {
        font-size: 17.0667px;
    }
}
@media screen and (min-width: 360px) {
    html,
    body {
        font-size: 19.2px;
    }
}
@media screen and (min-width: 375px) {
    html,
    body {
        font-size: 20px;
    }
}
@media screen and (min-width: 400px) {
    html,
    body {
        font-size: 21.3333px;
    }
}
@media screen and (min-width: 414px) {
    html,
    body {
        font-size: 22.08px;
    }
}
@media screen and (min-width: 480px) {
    html,
    body {
        font-size: 25.6px;
    }
}
@media screen and (min-width: 540px) {
    html,
    body {
        font-size: 28.8px;
    }
}
@media screen and (min-width: 600px) {
    html,
    body {
        font-size: 32px;
    }
}
@media screen and (min-width: 640px) {
    html,
    body {
        font-size: 34.1333px;
    }
}
@media screen and (min-width: 720px) {
    html,
    body {
        font-size: 38.4px;
    }
}
@media screen and (min-width: 750px) {
    html,
    body {
        font-size: 40px;
    }
}
html, body {
    height: 100%;
    -webkit-tap-highlight-color: transparent;

}
body{
    font-family: -apple-system-font, "Helvetica Neue", Helvetica, sans-serif;
}
ul{
    list-style: none;
}
body, .page {
    .light-bg-color (light, @gray, 37%)
}
header{
    height: 2rem;
    overflow: hidden;
    width: 100%;
}
.weui-cells,.weui-cell,.weui-cells__title{
    font-size: 28/40rem;
}
.header{
    height: 2rem;
    line-height: 2rem;
    background-color: @blue;
    position: fixed;
    z-index: 1000;
    width: 100%;
    h2{
        text-align: center;
        font-size: 30/40rem;
        color: @white;
    }
    &.bg-ht{
        background-color: @ht;
    }
}
.weui-btn_blue {
    background-color: @blue;
    &:not(.weui-btn_disabled):visited {
        color: @white;
    }
    &:not(.weui-btn_disabled):active {
        .dark-color (dark, @white, 10%);
        .dark-bg-color (dark, @blue, 10%)
    }
}
.weui-btn_ht {
    background-color: @ht;
    &:not(.weui-btn_disabled):visited {
        color: @white;
    }
    &:not(.weui-btn_disabled):active {
        .dark-color (dark, @white, 10%);
        .dark-bg-color (dark, @ht, 10%)
    }
}
.weui-a-more{
    a{
        display: block;
        color: @blue;
    }
    color: @blue;
}
.btn-add-visit,.btn-a-back{
    position: absolute;
    height: 2rem;
    line-height: 2rem;
    top: 0;
    color: @white;
    text-align: center;
    .iconfont{
        font-size: 36/40rem;
    }
}
.btn-add-visit{
    right: 20/40rem;
    font-size: 26/40rem;
}
.btn-a-back{
    width: 2rem;
    left: 0;
}
.btn-modify{
    position: fixed;
    bottom: 3rem;
    width: 90%;
    left: 5%;
}
.art-tags{
    padding: 10px 15px;
    font-size: 14px;
    color: @gray;
}
.visit-record{
    dt{
        font-size: 30/40rem;
        color: @gray;
        .light-bg-color (light, @gray, 37%);
        height: 80/40rem;
        line-height: 80/40rem;
        padding: 0 30/40rem;
        position: relative;
        border-bottom: 1px solid lighten(@gray, 30%);
    }
    .tri-t{
        .triangle_b(10/40rem,@black);
        position: absolute;
        right: 30/40rem;
        top: 36/40rem;
        &.on{
            .triangle_t(10/40rem,@black);
            top: 26/40rem;
        }
    }
    dd{
        display: none;
        a{
            display: block;
            color: @black;
            font-size: 28/40rem;
            padding: 20/40rem 30/40rem 20/40rem 0;
            margin-left: 30/40rem;
            border-bottom: 1px solid lighten(@gray, 37%);
            position: relative;
        }
        p{
            margin-right: 1rem;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space:nowrap;
        }
        .iconfont{
            position: absolute;
            top: 0;
            right: 20/40rem;
            line-height: 2rem;
            font-size: 24/40rem;
            color: @gray;
        }
    }
}

.title{
    font-size: 30/40rem;
    color: @gray;
    .light-bg-color (light, @gray, 37%);
    height: 80/40rem;
    line-height: 80/40rem;
    padding: 0 30/40rem;
}
.my-client{
  border-bottom: 20/40rem solid lighten(@gray, 37%);
  &.bor-none {
    border-bottom: 0;
  }
    .weui-cell__hd{
        position: relative;
        margin-right: .25rem;
        img{
            width: 90/40rem;
            height: 90/40rem;
            vertical-align: middle;
        }
    }
    .weui-media-box__desc{
        font-size: 24/40rem;
    }
}
.my-client__tit{
    text-align: center;
    font-size: 26/40rem;
    .light-bg-color (light, @gray, 37%);
    height: 2rem;
    line-height: 2rem;
    .iconfont{
        font-size: 26/40rem;
        margin-left: .2rem;
    }
}
.my-client__bd{
    height: 60/40rem;
    line-height: 60/40rem;
    font-size: 24/40rem;
    text-align: center;
    a{
        border: 1px solid lighten(@gray, 30%);
        color: @base;
        position: relative;
        padding: 0 20/40rem;
    }
    .iconfont{
        font-size: 28/40rem;
        position: relative;
        top: 2/40rem;
        margin-right: 3px;
    }
    .weui-badge_dot{
        position: absolute;
        right: -.4em;
        top: -.4em;
        padding: .3em;
    }
}
.my-client__hd{
    margin-right: 15/40rem;
    img{
        width: 100/40rem;
        height: 100/40rem;
    }
}
.my-client__tel{
    color: @blue;
    font-size: 30/40rem;
}
.my-client__span{
    color: @gray;
    font-size: 24/40rem;
}
.my-client__tag{
    font-size: 24/40rem;
    .iconfont{
        font-size: 28/40rem;
        position: relative;
        top: 2/40rem;
        margin-right: 3px;
    }
    span{
        margin-right: .5rem;
    }
}
.my-client__desc{
    margin: 0 15px 10px;
    font-size: 24/40rem;
    background-color: lighten(@gray, 37%);
    border: 1px solid lighten(@gray, 30%);
    padding: 5px 10px;
}
.collect{
    .iconfont{
        font-size: 36/40rem;
    }
    .icon-collect-on{
        color: @red;
    }
}
.icon-navbar{
    font-size: 36/40rem;
    position: relative;
    top: 2/40rem;
    margin-right: 3px;
}
.tab{
    position: relative;
    height: 80/40rem;
    line-height: 80/40rem;
    p{
        text-align: center;
        font-size: 30/40rem;
        &.on{
            background-color: lighten(@gray, 30%);
        }
    }
    .bor-r{
        border-right: 1px solid lighten(@gray, 30%);
    }
}
.client-num{
    border: 1px solid lighten(@gray, 30%);
    .border-radius(50%;50%;50%;50%);
    color: @base;
    font-size: 28/40rem;
    text-align: center;
    width: 120/40rem;
    height: 120/40rem;
    line-height: 120/40rem;
}
.zygw{
    .weui-cell__hd img{
        width: 100/40rem;
        height: 100/40rem;
        margin-right: .5rem;
    }
    .weui-cell__bd{
        span{
            display: inline-block;
            width: 45%;
            font-size: 28/40rem;
        }
    }
}
.notice{
    padding: 20/40rem;
    font-size: 28/40rem;
}
.notice-infos{
    font-size: 24/40rem;
    color: @gray;
    padding: 20/40rem;
    border-top: 1px solid lighten(@gray, 37%);
}
.client-list-r{
    text-align: right;
  font-size: 24/40rem;
    .iconfont{
        font-size: 0.7rem;
        position: relative;
        top: 0.05rem;
        margin-right: 3px;
    }
}
.weui-actionsheet{
    max-height: 70%;
    overflow-y: auto;
}
.report-badge{
    position: relative;
    top: -2px;
    margin-left: 5px;
}
.search-bar{
    padding: 20/40rem;
    background-color: #EFEFF4;
    height: 60/40rem;
    line-height: 60/40rem;
    .bg-white{
        .border-radius(8/40rem;8/40rem;8/40rem;8/40rem);
        padding: 0 .25rem;
    }
    .weui-icon-search{
        font-size: 30/40rem;
        margin-top: .4rem;
    }
    .inp-search{
        margin-left: .25rem;
        height: 1rem;
        margin-top: .3rem;
        border: none;
        font-size: 28/40rem;
        width: 85%;
        &:focus{
            outline: none;
        }
    }
    .text-search{
        font-size: 28/40rem;
        padding-left: 20/40rem;
        color: #404040;
    }
}
.login-tit{
    text-align: center;
    font-size: 36/40rem;
    padding: 80/40rem 0 30/40rem;
}
.error-info{
    text-align: center;
    color: @red;
    font-size: 28/40rem;
    height: 40/40rem;
    line-height: 40/40rem;
    margin-top: 40/40rem;
    .weui-icon-warn{
        font-size: 36/40rem;
        position: relative;
        top: -4/40rem;
    }
}
.tenement{
    padding: 15px;
    span{
        border: 1px solid lighten(@gray, 37%);
        .border-radius(8/40rem;8/40rem;8/40rem;8/40rem);
        margin: .25em;
        display: inline-block;
        padding: 0 1.32em;
        line-height: 2.3;
        font-size: 13px;
        &.on{
            background-color: @ht;
            color: @white;
            border-color: @ht;
        }
    }
}
.member-btn-fixed{
    height: 2.6em;
    padding-top: 30/40rem;
}
.member-btn{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.6em;
    padding-top: 30/40rem;
    a{
        margin: 0 2%;
        background-color: @ht;
        padding-left: 14px;
        padding-right: 14px;
        box-sizing: border-box;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
        line-height: 2.55555556;
        border-radius: 5px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow: hidden;
        &:not(.weui-btn_disabled):visited {
            color: @white;
        }
        &:not(.weui-btn_disabled):active {
            .dark-color (dark, @white, 10%);
            .dark-bg-color (dark, @ht, 10%)
        }
    }
}
.visited-result{
    padding: 0 15px 15px;
    font-size: 26/40rem;
}
.result-ul{
    li{
        font-size: 24/40rem;
        padding: .5rem 0;
        border-top: 1px solid lighten(@gray, 37%);
        margin-left: .5rem;
        position: relative;
        ul{
            display: none;
            li:first-child{
                border-top: none;
            }
        }
        .weui-icon-success-no-circle{
            position: absolute;
            font-size: 28/40rem;
            right: .25rem;
            top: .75rem;
            display: none;
        }
        &.on{
            .weui-icon-success-no-circle{
                display: block;
            }
        }
    }
}
.letter-choose{
    position: fixed;
    right: 0;
    bottom: 1rem;
    width: 2rem;
    text-align: center;
    font-size: 30/40rem;
    line-height: 30/40rem;
    z-index: 100;
    a{
        padding: .15rem 0;
        display: block;
        color: @base;
    }
}
.sm-vis{
    visibility: hidden;
}
.sm-huifang,.next-page{
    .iconfont{
        font-size: 24/40rem;
        color: @gray;
        position: relative;
        top: -2/40rem;
        font-weight: bold;
    }
}
.next-page{
    text-align: right;
    padding: 15px;
    font-size: 28/40rem;
    a{color: @gray;padding-right: 8/40rem;}
}
.check-all-fixed{
    height: 100/40rem;
    overflow: hidden;
    .check-all{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: lighten(@gray, 37%);
    }
}
.visit-result{
    padding-left: 15px;
    li{
        border-bottom: 1px solid lighten(@gray, 37%);
        font-size: 28/40rem;
        padding: .5rem 0;
        p{
            position: relative;
            .tri-t{
                .triangle_b(10/40rem,@black);
                position: absolute;
                right: .5rem;
                top: .45rem;
                &.on{
                    .triangle_t(10/40rem,@black);
                    top: .15rem;
                }
            }
        }
        ul{
            margin-left: 30px;
            li:last-child{border-bottom: none;}
        }
    }
}
.huifz{
    margin-left: 18px;
}
.tu-text{
    background-color: lighten(@gray, 37%);
    width: 100/40rem;
    height: 100/40rem;
    text-align: center;
    line-height: 100/40rem;
    font-size: 30/40rem;
}
.btn-tel{
    background-color: @ht;
    .border-radius(50%;50%;50%;50%);
    width: 50/40rem;
    height: 50/40rem;
    line-height: 50/40rem;
    text-align: center;
    .iconfont{
        color: @white;
    }
}
.weui-cells_radio .weui-cell{ width: 85%; }
