/*修改滚动条默认样式*/
::-webkit-scrollbar { /*滚动条整体样式*/
    width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 0px;
    background: #ffffff;
    cursor: pointer;
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5);
    background: #7a878e;
    cursor: pointer;
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5);
    border-radius: 0;
    background: rgba(240, 240, 240, 0.5);
    cursor: pointer;
}

.hide {
    display: none;
}
/*修改bootstrap表格行默认样式*/
.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: .20rem .55rem;
    text-align: start;
}

tr td {
    padding: 0 3px !important;
    margin: 0 !important;
    height: 33px !important;
    font-size: 14px;
    word-break: keep-all;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
    display: none;
}

.fixed-table-pagination {
    background: white;
    position: relative;
}

.bootstrap-table .fixed-table-pagination > .pagination, .bootstrap-table .fixed-table-pagination > .pagination-detail {
    margin-top: 0;
    margin-bottom: 4px;
}
/*bootstrap-table不换行设置*/
.table-responsive {
    white-space: nowrap;
}
/*手动矫正默认表格内边距*/
.g-bottom-padding .fixed-height {
    padding-bottom: 44px !important;
}

.table-responsive .fixed-height {
    padding-bottom: 41px !important;
}
/*bootstrap默认输入框高度*/
.form-control-sm {
    height: 30px;
    padding: 0 0.5rem;
}
/*bootstrap按钮大小*/
.btn {
    height: 30px;
    padding: 1px 10px 1px 6px !important;
    color:white !important;
}
/*bootstrap-select默认样式*/
.bootstrap-select > .dropdown-toggle {
    border: 1px solid #ced4da;
    height: 30px;
    padding: 4px 8px;
    font-size: 12px;
}

.dropdown-menu {
    font-size: 14px;
}

.btn-light {
    background-color: #ffffff;
}

.bootstrap-select .dropdown-toggle .filter-option {
    padding: 1px 0;
}
/*隐藏bootstrap-table分页左侧信息栏*/
.pagination-detail {
    display: none;
}
/*分页选中每页显示几条记录按钮样式*/
.btn-group-vertical > .btn, .btn-group > .btn {
    height: 2rem;
    line-height: 1rem;
}
/*layer默认按钮样式*/
div .layui-layer-btn a {
    /*height: 33px;*/
    font: inherit;
    /* line-height: 33px;*/
}
/*layer默认标题大小*/
div .layui-layer-title {
    font-size: 1rem;
}
/*表格标题*/
/*.card-head {
    font-size: 1rem;
    height: 30px;
    line-height: 30px;
    border-left: 6px solid #5296ea;
    padding-left: 10px;
    background-color: #edf4fb;
}*/
.card-head {
    padding-left: 17px;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
}
    .card-head:before {
        position: relative;
        content: "";
        display: inline-block;
        width: 6px;
        height: 0.6rem;
        background-color: #1890ff;
        border-radius: 45px;
        top: 5px;
        top: 2px;
        right: 10px;
    }
/*bootstrap页卡样式*/
.nav-link {
    display: block;
    padding: 5.5px 15px;
}
/*底部菜单栏*/
#wrapper, #tobecollected, #collected, #refuese {
    z-index: 999;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.bg-wrapper {
    background-color: #ffffff;
    position: fixed;
    bottom: 0px;
    height: 60px;
    line-height: 60px;
    border-top: 1px solid #e4e4e4;
    width: 100%;
}

.img-flex {
    display: flex;
    height: 52px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.img-describe {
    font-size: 1rem;
    color: #46515f;
}

.img-margin {
    margin: 0 1rem;
}

.bottom-margin {
    margin-bottom: 4px;
}

.img-margin:hover {
    cursor: pointer;
    transform: scale(1.2);
}
/*右键菜单样式*/
#jqContextMenu img {
    margin: -7px 3px 0 0;
}

#jqContextMenu ul {
    width: auto !important;
    border-radius: 3px;
    border: 1px solid #cccfd1 !important;
}
/*修改默认fieldset边框样式*/
fieldset {
    background: rgba(255,255,255,.3);
    border: 1px solid #d1d1d2;
    border-radius: 5px;
    line-height: 30px;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 2px;
}
/*常用界面样式*/
.left-padding {
    padding-left: 0;
}

.right-padding {
    padding-right: 0;
}

.lr-padding {
    padding-left: 0;
    padding-right: 0;
}

.left-margin {
    margin-left: 15px;
}

.lr-margin {
    margin-left: 15px;
    margin-right: 15px;
}

.right-margin {
    margin-right: 15px;
}

.text-end {
    text-align: end;
}

.g-tb-padding {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.g-margin-top {
    margin-top: 6px;
}

.g-margin-bottom {
    margin-bottom: 6px;
}

.g-margin-left {
    margin-left: 6px;
}

.g-margin-right {
    margin-right: 6px;
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    margin: 4px;
}
/*自定义样式*/
p {
    margin-top: 0;
    margin-bottom: 0;
}

h3, .h3 {
    font-size: 16px;
}

.weui-msg__extra-area {
    margin-bottom: 0 !important;
}

.weui-btn_warn {
    background-color: #f74801;
    color: white !important;
    text-decoration: none !important;
}

.collapsed .g-svg {
    margin-top: 5px;
}

.card-header {
    background-color: white;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    min-width: 7rem;
    font-size: .8rem;
}

.container {
    overflow: hidden;
    margin-top: 0px !important; /* 采用浮动按钮导航故移除*/
}

.g-nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 15px;
    z-index: 999;
    height: 36px;
    align-items: center;
    background-color: white;
    border-bottom: 1px solid #e1e1e1;
}
#btnAppointment{
    color:white;
}

    .g-nav span {
        font-size: 15px;
        font-weight: 400;
    }

.g-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    font-size: 16px;
    z-index: 999;
    width: 100%;
}

.g-footer-div {
    display: inline-block;
    width: 32%;
    text-align: center;
}

body {
    background: rgb(245, 245, 245);
    color:#333333;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
}

/*
@media screen and (min-width:320px)  {
    html {
        font-size: 15px !important;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 18px !important;
    }
}

@media screen and (min-width:375px)  {
    html {
        font-size: 20px !important;
    }
}
@media screen and (min-width:375px)  {
    html {
        font-size: 20px !important;
    }
}
@media screen and (min-width:390px) {
    html {
        font-size: 25px !important;
    }
}
@media screen and (min-width:400px) {
    html {
        font-size: 28px !important;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 30px !important;
    }
}



@media screen and (min-width:480px) {
    html {
        font-size: 64px !important;
    }
}

@media screen and (min-width:800px) {
    html {
        font-size: 64px !important;
    }
}*/

/*html {
    font-size: 10px
}

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

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

@media screen and (min-width:415px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}

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


.f1 {
    font-size: 0.25rem !important;
    color: #333333;
    font-weight: bold !important;
}
.f5 {
    font-size: 0.5rem;
    font-weight: normal;
}

.f3 {
    color: #333333;
    font-size: 0.5rem !important;
    line-height: 0.5rem;
    font-weight: 400 !important;
}
.ftext {
    font-size: 0.5rem !important;
    font-weight: 400 !important;
}
.f2 {
    color: #333333;
    font-size: 0.55rem !important;
    line-height: 0.75rem;
    font-weight: 600;
}
.fgraytext {
    color: #999999;
    font-size: 0.5rem !important;
}
.f-price {
    color: #f5380c;
    font-size:1rem;
    font-weight:bold;
}

.fs-50 {
    font-size: 0.50rem !important;
}

.fs-55 {
    font-size: 0.55rem !important;
}

.fs-60 {
    font-size: 0.60rem !important;
}

.fs-65{
    font-size:0.65rem !important;
}

.fs-70 {
    font-size: 0.7rem !important;
}

.fs-75 {
    font-size: 0.75rem !important;
}

.fs-80 {
    font-size: 0.8rem !important;
}

.fs-85 {
    font-size: 0.85rem !important;
}

.fs-90 {
    font-size: 0.9rem !important;
}

.fs-95 {
    font-size: 0.95rem !important;
}

.fs-100 {
    font-size: 1rem !important;
}

.fw-500{
    font-weight:500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}


.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.lh-100 {
    line-height: 1 !important;
}

.lh-125 {
    line-height: 1.25 !important;
}

.h-125 {
    height: 1.25rem !important;
}

.flex-25 {
    flex: 0 0 25% !important;
}

.flex-33 {
    flex: 0 0 33.3333333% !important;
}

.flex-50 {
    flex: 0 0 50% !important;
}

.flex-67 {
    flex: 0 0 66.6666667% !important;
}

.flex-100 {
    flex: 0 0 100% !important;
}

.h-5 {
    height: 0.5rem !important;
}
.h-8 {
    height: 0.8rem !important;
}

.h-10 {
    height: 1rem !important;
}

.h-13 {
    height: 1.3rem !important;
}

.h-15 {
    height: 1.5rem !important;
}

.h-20 {
    height: 2rem !important;
}

.h-25 {
    height: 2.5rem !important;
}

.h-30 {
    height: 3rem !important;
}

.h-35 {
    height: 3.5rem !important;
}

.w-5 {
    width: 0.5rem !important;
}
.w-8 {
    width: 0.8rem !important;
}

.w-10 {
    width: 1rem !important;
}

.w-13 {
    width: 1.3rem !important;
}

.w-15 {
    width: 1.5rem !important;
}

.w-20 {
    width: 2rem !important;
}

.w-25 {
    width: 2.5rem !important;
}

.w-30 {
    width: 3rem !important;
}

.w-35 {
    width: 3.5rem !important;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rouded-5 {
    border-radius: 5px !important;
}

.rouded-full {
    border-radius: 100%;
}
.m-25 {
    margin: 0.25rem;
}
.info-card {
    position: relative;
    margin-top: 0.25rem;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    background-color: white;
}
/*移动端统一样式*/
input::placeholder, textarea::placeholder {
    font-size: 15px;
    color: #cfcfcf !important;
}
label {
    margin: 0;
}
input.weui-radio {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}

label.weui-radio-inline {
    display: inline-flex;
    align-items: center;
    vertical-align: sub;
}

.container {
    padding: 0;
}

input.weui-checkbox {
    width: 18px;
    height: 18px;
}

label.weui-label {
    font-weight: 500;
    font-size: 15px;
}

.weui-radio-inline + .weui-radio-inline {
    margin-left: 6px;
}

label.weui-check-inline {
    display: inline-flex;
    align-items: center;
    vertical-align: sub;
}
.weui-cell.weui-cell_select {
    padding: 10px 15px;
}