::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #bbb;
    background-clip: padding-box;
    min-height: 20px;
    border-radius: 4px;
}
::-webkit-scrollbar-track-piece {
    background-color: transparent;
}
.text-c{
    text-align:center;
}
/* 常用 */
.mt-5,.mtb-5 {margin-top: 5px}
.mt-10,.mtb-10 {margin-top: 10px}
.mt-15,.mtb-15 {margin-top: 15px}
.mt-20,.mtb-20 {margin-top: 20px}
.mt-25,.mtb-25 {margin-top: 25px}
.mt-30,.mtb-30 {margin-top: 30px}
.mt-35,.mtb-35 {margin-top: 35px}
.mt-40,.mtb-40 {margin-top: 40px}
.mt-45,.mtb-45 {margin-top: 45px}
.mt-50,.mtb-50 {margin-top: 50px}
.mb-5,.mtb-5 {margin-bottom: 5px}
.mb-10,.mtb-10 {margin-bottom: 10px}
.mb-15,.mtb-15 {margin-bottom: 15px}
.mb-20,.mtb-20 {margin-bottom: 20px}
.mb-25,.mtb-25 {margin-bottom: 25px}
.mb-30,.mtb-30 {margin-bottom: 30px}
.mb-35,.mtb-35 {margin-bottom: 35px}
.mb-40,.mtb-40 {margin-bottom: 40px}
.mb-45,.mtb-45 {margin-bottom: 45px}
.mb-50,.mtb-50 {margin-bottom: 50px}
.ml-5,.mlr-5 {margin-left: 5px}
.ml-10,.mlr-10 {margin-left: 10px}
.ml-15,.mlr-15 {margin-left: 15px}
.ml-20,.mlr-20 {margin-left: 20px}
.ml-25,.mlr-25 {margin-left: 25px}
.ml-30,.mlr-30 {margin-left: 30px}
.ml-35,.mlr-35 {margin-left: 35px}
.ml-40,.mlr-40 {margin-left: 40px}
.ml-45,.mlr-45 {margin-left: 45px}
.ml-50,.mlr-50 {margin-left: 50px}
.mr-5,.mlr-5 {	margin-right: 5px}
.mr-10,.mlr-10 {margin-right: 10px}
.mr-15,.mlr-15 {margin-right: 15px}
.mr-20,.mlr-20 {margin-right: 20px}
.mr-25,.mlr-25 {margin-right: 25px}
.mr-30,.mlr-30 {margin-right: 30px}
.mr-35,.mlr-35 {margin-right: 35px}
.mr-40,.mlr-40 {margin-right: 40px}
.mr-50,.mlr-50 {margin-right: 50px}
.mg-5 {margin: 5px}
.mg-10 {margin: 10px}
.mg-15 {margin: 15px}
.mg-20 {margin: 20px}
.mg-25 {margin: 25px}
.mg-30 {margin: 30px}
.mg-35 {margin: 35px}
.mg-40 {margin: 40px}
.mg-50 {margin: 50px}

.pt-5,.ptb-5 {	padding-top: 5px}
.pt-10,.ptb-10 {padding-top: 10px}
.pt-15,.ptb-15 {padding-top: 15px}
.pt-20,.ptb-20 {padding-top: 20px}
.pt-25,.ptb-25 {padding-top: 25px}
.pt-30,.ptb-30 {padding-top: 30px}
.pt-40,.ptb-40 {padding-top: 40px}
.pt-50,.ptb-50 {padding-top: 50px}
.pb-5,.ptb-5 {padding-bottom: 5px}
.pb-10,.ptb-10 {padding-bottom: 10px}
.pb-15,.ptb-15 {padding-bottom: 15px}
.pb-20,.ptb-20 {padding-bottom: 20px}
.pb-25,.ptb-25 {padding-bottom: 25px}
.pb-30,.ptb-30 {padding-bottom: 30px}
.pb-40,.ptb-40 {padding-bottom: 40px}
.pb-50,.ptb-50 {padding-bottom: 50px}
.pl-5,.plr-5 {padding-left: 5px}
.pl-10,.plr-10 {padding-left: 10px}
.pl-15,.plr-15 {padding-left: 15px}
.pl-20,.plr-20 {padding-left: 20px}
.pl-30,.plr-30 {padding-left: 30px}
.pl-40,.plr-40 {padding-left: 40px}
.pl-50,.plr-50 {padding-left: 50px}
.pr-5,.plr-5 {padding-right: 5px}
.pr-10,.plr-10 {padding-right: 10px}
.pr-15,.plr-15 {padding-right: 15px}
.pr-20,.plr-20 {padding-right: 20px}
.pr-30,.plr-30 {padding-right: 30px}
.pr-40,.plr-40 {padding-right: 40px}
.pr-50,.plr-50 {padding-right: 50px}
.pd-5 {padding: 5px}
.pd-10 {padding: 10px}
.pd-15 {padding: 15px}
.pd-20 {padding: 20px}
.pd-25 {padding: 25px}
.pd-30 {padding: 30px}
.pd-35 {padding: 35px}
.pd-40 {padding: 40px}
.pd-50 {padding: 50px}

.f-left{float:left}
.f-right{float:right}
.clear{clear:both}
.clearfix::before,.clearfix::after {content: "";display: table;clear: both;}
.u-s-none{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.d-block{display: block;}
.d-inline-block{display: inline-block;}

.text-inline{
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;
    word-break: break-all;
}
.text-inline2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ----- 字体颜色 ----- */
.c-gray{color:#b5b5b5;}
.c-red{color:red;}
/* ----- flex 布局 ----- */
.d-f{display: flex}
.f-1{flex:1}
.f-2{flex:2}
.f-3{flex:3}
.f-4{flex:4}
.f-5{flex:5}
.f-6{flex:6}


/* flex-direction 属性设置容器主轴的方向 */

.f-d-r{flex-direction:row}/* 默认值，沿水平方向，由左到右*/
.f-d-rr{flex-direction:row-reverse}/* 沿水平方向，由右到左 */
.f-d-c{flex-direction:column}/* 垂直方向，由上到下 */
.f-d-cr{flex-direction:column-reverse}/* 垂直方向，由下到上 */


/* flex-wrap属性用于设置当项目在容器中一行无法显示的时候如何处理 */

.f-w-n{flex-wrap:nowrap}/* 不换行 */
.f-w-w{flex-wrap:wrap}/* 正常换行，第一个位于第一行的第一个 */
.f-w-wr{flex-wrap:wrap-reverse}/* 向上换行，第一行位于下方 */


/* justify-content属性用于设置项目在容器中的对齐方式 */

.j-c-beg{justify-content:flex-start}/* 默认值，左对齐 */
.j-c-end{justify-content:flex-end}/* 右对齐 */
.j-c-c{justify-content:center}/* 居中对齐 */
.j-c-sb{justify-content:space-between}/* 两端对齐 */
.j-c-sa{justify-content:space-around}/* 每个项目两侧的间距相等 */


/* align-items定义了项目在交叉轴上是如何对齐显示的 */

.a-i-c{align-items:center}/* 交叉轴居中 */
.a-i-end{align-items:flex-end}/* 交叉轴末尾 */

/* 顶部菜单 */
.topMenu{cursor: pointer}


/* layui 整体颜色自定义 */
.layui-layout-admin .layui-logo {
    color: #fff
}

.layui-elem-quote {
    border-left-color: #2aa7f6
}

/*.layui-btn {*/
    /*background-color: #2aa7f6*/
/*}*/

.layui-btn-primary {
    background-color: #fff
}

.layui-btn-primary:hover {
    border-color: #2aa7f6
}

.layui-btn-group .layui-btn-primary:hover {
    color: #2aa7f6
}

.layui-laypage a:hover {
    color: #2aa7f6
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2aa7f6
}

.layui-laypage select:focus {
    border-color: #2aa7f6 !important
}

.layui-upload-drag .layui-icon {
    font-size: 50px;
    color: #2aa7f6
}

.layui-upload-drag[lay-over] {
    border-color: #2aa7f6
}

.layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #2aa7f6
}

.layui-nav-tree .layui-nav-bar {
    background-color: #2aa7f6
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #2aa7f6
}

.layui-slider-input-btn i:hover {
    color: #2aa7f6
}

.layui-slider-wrap-btn {
    border-color: #2aa7f6 !important
}

.layui-slider-bar {
    background: #2aa7f6 !important
}

html .layui-laydate .layui-this {
    background-color: #2aa7f6 !important
}

.laydate-theme-molv .layui-laydate-header {
    background-color: #2aa7f6
}

.laydate-theme-grid .laydate-selected,
.laydate-theme-grid .laydate-selected:hover {
    color: #2aa7f6 !important
}

.layui-progress-bar {
    background-color: #2aa7f6
}

.layui-form-select dl dd.layui-this {
    background-color: #2aa7f6
}

.layui-form-checked,
.layui-form-checked:hover {
    border-color: #2aa7f6
}

/*.layui-form-checked span,*/
/*.layui-form-checked:hover span {*/
    /*background-color: #2aa7f6*/
/*}*/

.layui-form-checked i,
.layui-form-checked:hover i {
    color: #2aa7f6
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #2aa7f6
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #2aa7f6;
    background-color: #2aa7f6
}

.layui-form-onswitch {
    border-color: #2aa7f6;
    background-color: #2aa7f6
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: #2aa7f6
}

.layui-table-edit:focus {
    border-color: #2aa7f6 !important
}

.layui-nav-tree .layui-nav-itemed:after {
    background-color: #2aa7f6
}

.layui-nav-child dd.layui-this {
    background-color: #2aa7f6
}

.layui-nav .layui-nav-child dd.layui-this a {
    background-color: #2aa7f6
}

.layui-breadcrumb a:hover {
    color: #2aa7f6 !important
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #2aa7f6
}

.layui-tab-card>.layui-tab-more .layui-this {
    color: #2aa7f6
}

.layui-timeline-axis {
    color: #2aa7f6
}

.laydate-day-mark::after {
    background-color: #2aa7f6 !important
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
    color: #2aa7f6 !important
}

.layui-laydate-footer span:hover {
    color: #2aa7f6 !important
}

/*.layui-nav .layui-this:after,*/
/*.layui-nav-bar,*/
/*.layui-nav-tree .layui-nav-itemed:after {*/
    /*background-color: #2aa7f6 !important*/
/*}*/

.layui-transfer-active .layui-btn {
    background-color: #2aa7f6;
    border-color: #2aa7f6;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #2aa7f6 !important;
    background-color: #2aa7f6;
}

.layui-btn-normal {
    /*background-color: #2aa7f6;*/
}
.layui-btn-green{
    background-color:#22cc22
}
.layui-btn-gray{
    background-color:#999
}
/*.layui-btn-warm {*/
/*background-color: #FFB800;*/
/*}*/

/*.layui-btn-danger {*/
/*background-color: #FF5722;*/
/*}*/

/*.layui-btn-disabled,*/
/*.layui-btn-disabled:hover,*/
/*.layui-btn-disabled:active {*/
/*background-color: #FBFBFB;*/
/*}*/
.layadmin-pagetabs .layui-tab-title li{
    padding: 0 30px 0 30px;
}
.layadmin-pagetabs .layui-tab-title li:before{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 12px;
    left: 8px;
    border-radius: 50%;
    background-color: #d4d4d4;
}
.layadmin-pagetabs .layui-tab-title li.layui-this:before{
    background-color: #2aa7f6;
}
/* layui 自定义 表头工具栏下拉按钮组 Beg */
.lay-btn-select{
    position: absolute;
    top: 29px;
    left: -1px;
    padding: 5px 0;
    min-width: 150px;
    min-height: 40px;
    border: 1px solid #d2d2d2;
    text-align: left;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    display: none;
}
.layui-btn:hover .lay-btn-select{
    display: block;
    -webkit-filter: brightness(0.91);
    filter: brightness(0.91);
}

.layui-upload{
    width: 220px;
    padding: 15px 0px 15px 15px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
}
.layui-upload-list{
    width: 200px;
    height: 200px;
    border: 1px solid #dadada;
}
.layui-upload-img{
    max-width:100%;
    max-height:100%;
}
.layui-layer-page .layui-layer-content{/*解决 下拉在弹窗中时 打开下拉弹窗使窗口滚动问题*/
    /*overflow:visible !important;*/
}
/* layui 自定义 表头工具栏下拉按钮组 End */

/* 自定义样式 Beg */
.layui-table-select{
    background:#ffe48d;
}
.lay-btn-select:hover{
    opacity:1 !important;
}
.lay-btn-select li{
    padding: 0 10px;
    line-height: 30px;
    -webkit-transition: .5s all;
    transition: .5s all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#000;
    font-size: 14px;
}
.lay-btn-select li:hover{
    background:#dadada;
}
.layui-side-menu .layui-nav .layui-nav-item .lay-imgicon{
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -8px;
    z-index: 1;
}
.layui-side-menu .layui-nav .layui-nav-item dl .lay-imgicon{
    height:14px;
}
.layui-btn .lay-imgicon{
    margin-right: 3px;
    vertical-align: bottom;
}
.lay-radio-last{
    display: inline-block;
    margin-top: 6px;
    vertical-align: middle;
}
.lay-screen{
    display: inline-block;
    background: #2aa7f6;
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
    margin-right:5px;
    cursor:pointer;
}
.lay-screen i{
    vertical-align: bottom;
}
.lay-input-lastBtn{
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-left: -5px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    cursor: pointer;
}
.lay-input-lastBtn:hover{
    background:#f5f5f5;
}
.lay-input-lastBtn:active{
    box-shadow: inset 0 0 5px #dadada;
}
.xm-body .layui-table-page {/*解决自定义下拉中 表格分页部分变形问题*/
    padding-top: 14px;
}
.btnLayout:hover{color:#2aa7f6;cursor:pointer}
/* 数字输入框 Beg */
.lay-input-num{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom
}
.lay-num-value{
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    border: 1px solid #e6e6e6;
}
.lay-num-add,.lay-num-sub{
    position: absolute;
    right: 0;
    height: 19px;
    line-height: 19px;
    width: 40px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    cursor:pointer;
}
.lay-num-add:hover,.lay-num-sub:hover{
    background:#fbfbfb;
}
.lay-num-add{top:1px}
.lay-num-sub{bottom:1px}
/* 数字输入框 End */
/* 自定义样式 End */
/* wechat */
.wx-board{
    box-shadow: 0 0 5px #b5b5b5;
    padding: 10px;
    border-radius: 5px;
}
.wx-bottom-bar{
    position:fixed;
    bottom:0;
    height:44px;
    width:100%
}

.anim-halfrotate{
    transform: rotate(180deg);
}
.layui-layer-loading{
    border-radius: 5px !important;
    border: none !important;
    padding: 5px !important;
    background: #fff !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3) !important;
}
.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2{
    width: 156px !important;
    padding-left: 25px;
    display: flex;
    align-items: center;
    background-size: 20px !important;
    background-position: left !important;
}