﻿body
{
    margin: 0;
}
/*浮动*/
.f-left
{
    float: left !important;
}

.f-right
{
    float: right !important;
}

img.cover
{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.layui-layer-shade
{
    opacity: 0.2 !important;
}

.background-fx
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}
.background-fx img, .background-download img
{
    display: block;
    width: 100%;
    height: 100%;
}
.background-download
{
    width: 750px;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 50%;
    display: none;
    margin-left: -375px;
    z-index: 10000;
}
.clearfix:after
{
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.bg-notouch
{
    height: 100%;
    overflow: hidden;
}
/*overflow*/
.overflow-y
{
    overflow: hidden;
    overflow-y: scroll;
}
.overflow-x
{
    overflow: hidden;
    overflow-x: scroll;
}

/*文字截断*/
.break1
{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/*自动换行*/
.break2
{
    word-break: break-all;
    word-wrap: break-word;
}

/*宽度高度*/
.height100
{
    height: 100px;
}

.height100-pc
{
    height: 100%;
}

.h250
{
    height: 250px !important;
}

.h150
{
    height: 150px;
}

.h100
{
    height: 100px;
}

.h80
{
    height: 80px;
}

.w100-pc
{
    width: 100%;
}

.w50-pc
{
    width: 50%;
}

.w590
{
    width: 590px !important;
}

.w500
{
    width: 500px;
}

.w300
{
    width: 300px !important;
}

.w290
{
    width: 290px;
}

.w248
{
    width: 248px !important;
}

.w220
{
    width: 220px;
}

.w170
{
    width: 170px !important;
}

.w125
{
    width: 125px !important;
}

.w100
{
    width: 100px;
}

.w90
{
    width: 90px;
}


/*边距*/
.margin-left50
{
    margin-left: 50px;
}

.margin-left20
{
    margin-left: 20px;
}

.margin-left10
{
    margin-left: 10px;
}

.margin-right10
{
    margin-right: 10px;
}

.margin-right20
{
    margin-right: 20px;
}

.margin-bottom5
{
    margin-bottom: 5px;
}

.margin-bottom15
{
    margin-bottom: 15px;
}

.margin-bottom20
{
    margin-bottom: 20px !important;
}

.margin-bottom50
{
    margin-bottom: 50px;
}

.margin-bottom80
{
    margin-bottom: 80px;
}

.margin-bottom100
{
    margin-bottom: 100px;
}

.margin-bottom125
{
    margin-bottom: 125px;
}

.margin-top5
{
    margin-top: 5px;
}

.margin-top10
{
    margin-top: 10px;
}

.margin-top20
{
    margin-top: 20px;
}

.margin-top30
{
    margin-top: 30px;
}

.margin-top50
{
    margin-top: 50px;
}

.margin-top60
{
    margin-top: 60px;
}

.margin-top100
{
    margin-top: 100px;
}

.margin-top230
{
    margin-top: 230px;
}

.padding0
{
    padding: 0px !important;
}

.padding-top20
{
    padding-top: 20px !important;
}

.padding-top100
{
    padding-top: 100px !important;
}

.padding-top200
{
    padding-top: 200px !important;
}

.padding-bottom220
{
    padding-bottom: 220px;
}

.padding-bottom170
{
    padding-bottom: 170px !important;
}

.padding-bottom120
{
    padding-bottom: 120px;
}

.padding-bottom110
{
    padding-bottom: 110px !important;
}

.padding-bottom100
{
    padding-bottom: 100px !important;
}

.padding-bottom80
{
    padding-bottom: 80px !important;
}

.padding-bottom50
{
    padding-bottom: 50px !important;
}

.padding-bottom20
{
    padding-bottom: 20px !important;
}

.padding-bottom0
{
    padding-bottom: 0px !important;
}

.padding-left50
{
    padding-left: 50px;
}

.padding-left30
{
    padding-left: 30px;
}

.padding-left10
{
    padding-left: 10px;
}


/*边线*/
.border-none
{
    border: none !important;
}

.border-bottom
{
    border-bottom: 2px solid #f0f0f0;
}

.border-bottom2
{
    border-bottom: 2px solid #db5663;
    height: 95% !important;
}

.border-bottom3
{
    border-bottom: 1px solid #808080;
}

.border-bottom4
{
    border-bottom: 2px solid #db5663;
    height: 96% !important;
}

.border-right
{
    border-right: 2px solid #f0f0f0;
}

.border-right1
{
    border-right: 1px solid #f0f0f0;
}

.border-right2
{
    border-right: 1px solid #efefef;
}


/*颜色*/
.c7485b7
{
    color: #7485b7 !important;
}

.c999
{
    color: #999;
}

.c5e6d98
{
    color: #db5663;
}

.c666
{
    color: #666 !important;
}

.c6771a7
{
    color: #6771a7 !important;
}

.ca9c7ff
{
    color: #a9c7ff !important;
}

.c26262
{
    color: #262626 !important;
}

.c808080
{
    color: #808080 !important;
}

.cfff
{
    color: #fff !important;
}

.cd58185
{
    color: #d58185 !important;
}

.c7c7c7c
{
    color: #7C7C7C !important;
}

.cccc
{
    color: #ccc !important;
}

.cf4f4f4
{
    color: #F4F4F4 !important;
}

.c7279a0
{
    color: #db5663 !important;
}

.c262626
{
    color: #262626 !important;
}
.clfColor
{
    color: #e66363 !important;
}

.oa-calender .van-calendar__selected-day, #room_div-tab .tab-title a.current::before, #room_div-header .room-header-name::before, .ai-nav-head .item.clfColor::before, .clfBgcColor
{
    background-color: #e66363 !important;
}

/*背景颜色*/
.bgfff8df
{
    background-color: #fff8df;
}

.bgccc
{
    background-color: #ccc !important;
}

.bg7c7c7c
{
    background-color: #7C7C7C !important;
}

.bgf4f4f4
{
    background-color: #F4F4F4 !important;
}

.bgfff
{
    background-color: #fff !important;
}

.bgf2ebca
{
    background-color: #f2ebca !important;
}

.bgdde0f2
{
    background-color: #dde0f2 !important;
}

.bgf2f2f2
{
    background-color: #F2F2F2 !important;
}

.bgc05459
{
    background-color: #c05459 !important;
}

.bg7279a0
{
    background-color: #db5663 !important;
}

.bg262626
{
    background-color: #262626 !important;
}

.bg666
{
    background-color: #666 !important;
}

.bgF8F8F8
{
    background-color: #F8F8F8 !important;
}

/*字号*/
.fsbold
{
    font-weight: bold;
}

.fs50
{
    font-size: 50px;
}

.fs44
{
    font-size: 44px;
}

.fs40
{
    font-size: 40px;
}

.fs32
{
    font-size: 32px !important;
}

.fs30
{
    font-size: 30px;
}
.fs28
{
    font-size: 28px;
}

.fs26
{
    font-size: 26px !important;
}

.fs24
{
    font-size: 24px;
}
.tips-box
{
    margin-bottom: 30px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    height: 68px;
    line-height: 68px;
    background: linear-gradient(90deg, #FE6974 0%, #FF8089 100%);
    border-radius: 10px;
}
.tips-box .title
{
    color: #fff;
    font-size: 23px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.tips-box .title img
{
    width: 28px;
    height: 30px;
    margin-right: 7px;
}
.tips-box .title span
{
    font-size: 1.5rem;
}
.tips-box .btn-option
{
    color: #FE6974;
    text-align: center;
    width: 90px;
    font-size: 26px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0px 10px 10px 0px;
}
#wx
{
    height: 100%;
    padding: 0;
    margin: 0;
}
#wx .no-content
{
    flex-direction: column;
    padding-top: 97px;
    height: calc(100% - 97px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    font-weight: 600;
    color: #999999;
    line-height: 62px;
    letter-spacing: 2px;
}
/* 弹出层样式 */
.van-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}
.van-popup
{
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-overflow-scrolling: touch;
}
.van-popup--bottom
{
    bottom: 0;
    left: 0;
    width: 100%;
}
.van-popup--center
{
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.van-popup--center.van-popup--round
{
    border-radius: 20px;
}
.label-black span, .label-white span, .label-color span
{
    display: block;
    float: left;
    font-size: 22px;
    text-align: center;
    margin-right: 10px;
    padding: 0 10px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* layer */
.layui-layer-tishi .layui-layer-title
{
    font-size: 34px;
    color: $color1;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    height: 66px;
    line-height: 66px;
    border-bottom: none;
    padding: 20px 60px 0 60px;
    position: relative;
}
.layui-layer-tishi .layui-layer-title:before
{
    content: '';
    display: block;
    width: 104px;
    height: 2px;
    background-color: #f0eae0;
    position: absolute;
    left: 50%;
    margin-left: -52px;
    bottom: 0;
}
.layui-layer-tishi .layui-layer-title:after
{
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d9cbb1;
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: 1px;
}
.layui-layer-tishi .layui-layer-setwin
{
    right: 0;
    top: 0;
}
.layui-layer-tishi .layui-layer-setwin .layui-layer-close1
{
    width: 60px;
    height: 43px;
    background: url(../image/layer-close.png) no-repeat center;
    background-size: 30px 30px;
}

.layui-layer-tishi .layui-layer-btn
{
    padding-top: 0;
    padding-bottom: 40px;
}
.layui-layer-tishi .layui-layer-btn a
{
    width: 200px;
    margin: 0 20px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 58px;
    height: 58px;
    padding: 0;
    border: 1px solid transparent;
    overflow: hidden;
    border-radius: 2px;
}

.layui-layer-tishi .layui-layer-btn .layui-layer-btn0
{
    background-color: f5d52f;
    border: 1px solid f5d52f;
}
.layui-layer-tishi .layui-layer-btn .layui-layer-btn1
{
    background-color: #c5c5c5;
    border: 1px solid #c5c5c5;
}
.tishiContent
{
    padding: 60px 0;
}
.tishiContent .wenzi
{
    font-size: 26px;
    color: #666;
    line-height: 1.5;
    text-align: center;
}

.dropload-down
{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px !important;
    color: #666;
    text-align: center;
    padding: 50px 0;
}
.dropload-down .dropload-load
{
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
}
