@charset "utf-8";
@import "extra";
@import "iconfont";
@import "../lib/core/merge-extra";
@import "config";
@import "../lib/core/merge-config";
@import "../lib/core/reset";

html {
    background-color: map-get($base, bg-color);
    color: map-get($base, base-color);
    touch-action: none;
    /*font-size: 100px;*/
    // 用于rem计算,适配不同屏幕大小的场景
    font-size: map-get($base, font-size-root);
    @include user-select;
}
body{
    color: map-get($base, base-color);
    overflow: scroll;
    background-color: map-get($base, bg-color);
}
input,
input:focus,
input:active{user-select: text;}

//重置ionic样式影响
.item{
    border: none;
    min-height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
/*.menu{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    min-height: 100%;
    max-height: 100%;
    background-color: #fff;
}*/
.item, .item-content, .item-content h1, .item-content h2, .item-content h3, .item-content h4, .item-content h5, .item-content h6, .item-content p, .item h1, .item h2, .item h3, .item h4, .item h5, .item h6, .item p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-bottom: 0;
    font-size: inherit;
    color: inherit;
}
a,span {
    font-size: inherit;
    color: inherit;
}
.item h3 {
    margin: 0;
}
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6{
    color: map-get($base,base-color);
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    height: auto;
    line-height: null;
    padding-top: .06rem;
    padding-bottom: .04rem;
    font-size: .15rem;
    color: #4e5a6c;
}
input[type="text"]:disabled,
input[type="tel"]:disabled
{
    color: #0a0b0c !important;
    opacity: 1;
}
.mt-4 {
    position: relative;
    margin-top: -.04rem !important;
    z-index: 2;
}
.mt-20{
    margin-top: -.2rem !important;
}
.mt5{
    margin-top: .05rem !important;
}
.mt15{
    margin-top: .15rem !important;
}
.mb5{
    margin-bottom: .05rem !important;
}
.mb0{
    margin-bottom: 0 !important;
}
.mb15{
    margin-bottom: .15rem !important;
}
.ml0{
    margin-left: 0 !important;
}
.ml5{
    margin-left: .05rem !important;
}
.mr5{
    margin-right: .05rem !important;
}
.mt10{
    margin-top: .1rem !important;
}
.mt11{
    margin-top: .11rem !important;
}
.mt15{
    margin-top: .15rem !important;
}
.mr10{
    margin-right: .1rem !important;
}
.mr15 {
    margin-right: .15rem !important;
}
.mb10{
    margin-bottom: .1rem !important;
}
.ml10{
    margin-left: .1rem !important;
}
.mr15{
    margin-right: .15rem !important;
}
.mr20{
    margin-right: .2rem !important;
}
.mb0{
    margin-bottom: 0 !important;
}
.pb15{
    padding-bottom: .15rem !important;
}
.pt10{
    padding-top: .1rem !important;
}
.pr10 {
    padding-right: .1rem !important;
}
.pr15 {
    padding-right: .15rem !important;
}
.hosMapIntorWrap{
    bottom: .74rem;
}
a {
    color: map-get($base, base-color);
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.tl {
    text-align: left;
}
.c-base{
    color: map-get($base, base-color);
}
.c-red{
    color: map-get($base,nav-color);
}
.c-green{
    color: #44bcbc !important;
}
.c-blue{
    color: #44bcbc !important;
}
.c-gray{
    color: #999 !important;
}
.c-gray-light{
    color: #c7ced4 !important;
}
.c-orange{
    color: #ffa200 !important;
}
.c-white {
    color: #fff !important;
}
.c-blue-v1 {
    color: #44bcbc !important;
}
.disabled{
    color: #ccc !important;
}
.font-b{
    font-weight: bold !important;
}
.fs12{
    font-size: map-get($benmu-font,font-12) !important;
}
.fs13{
    font-size: map-get($benmu-font,font-13) !important;
}
.fs15{
    font-size: map-get($benmu-font,font-15) !important;
}
.fs16{
    font-size: map-get($benmu-font,font-16) !important;
}
.fs18{
    font-size: map-get($benmu-font,font-18) !important;
}
.fs20{
    font-size: map-get($benmu-font,font-20) !important;
}
.fs45{
    font-size: .45rem !important;
}
.font-bold{
    font-weight: bold;
}
.text-underline{
    text-decoration: underline;
}
.lh25 {
    line-height: .25rem !important;
}
/*公用模块*/
.to-end{
    font-size: map-get($benmu-font,font-15);
    color: map-get($base,base-gray);
    margin-top: .15rem;
    text-align: center;
}
.set-limit {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.limit-one{
    @include ellipsis($line-clamp: 1);
}
.limit-two{
    @include ellipsis($line-clamp: 2);
}
.limit-three{
    @include ellipsis($line-clamp: 3);
}
.unlimit{
    -webkit-line-clamp: inherit;
    overflow: visible;
    white-space: normal;
}
.bm-position{
    position: relative;
    height: 100%;
    .yo-mask{
        top: .57rem;
    }
    .yo-list-suggest{
        position: absolute;
        top: .44rem;
        right: 0;
        left: 0;
        z-index: 2000;
    }
}
.btn-box{
    padding: 0 .15rem;
}
.btn-box-two{
    @include flexbox;
    .yo-btn{
        @include flex;
        width: 100%;
        &:nth-child(1){
            @include flex($flex: 4);
            margin-right: .1rem;
            background-color: #fff;
            color: map-get($base,base-color);
        }
        &:nth-child(2){
            @include flex($flex: 6);
        }
    }
}
input::disabled{
    background: #fff;
}
input:-moz-placeholder,
textarea:-moz-placeholder{ color: map-get($base,placeholder-color);}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: map-get($base,placeholder-color); }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: map-get($base,placeholder-color); }