.red_dot {
    color: #FC6363;
}

.pinch-zoom-container {
    height: 75% !important;
    position: relative !important;
}

.remove_line:after {
    border: 0px !important;
}

/*清除浮动*/
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/*去除浏览器默认样式*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

i,
em {
    font-style: normal;
}

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

/*消息弹框样式*/
.msg_dialog {
    border-radius: 15px !important;
    top: 45% !important;
}

.msg_font:first-child {
    padding: 0em 0px 0em !important;
    color: #353535;
}

.msg_img {
    width: 100%;
    padding: 1.7em 14px 1.7em !important;
}

.msg_font {
    background-position: center;
    min-height: 30px !important;
    line-height: 0 !important;
    font-size: 23px !important;
    font-weight: 600;
}

/*文本框获得焦点后隐藏边框*/
textarea {
    border: 0 !important;
    outline-style: none !important;
    overflow: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-style: solid;
    border-color: #FFFFFF
}

/*loading页面样式*/
.loading_mask {
    background: rgba(0, 0, 0, .8) !important;
}

.loading_dialog {
    position: fixed;
    z-index: 5000;
    width: 80%;
    max-width: 300px;
    top: 50%;
    /*left: 53% !important;*/
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: inherit !important;
    text-align: center;
    border-radius: inherit !important;
    overflow: hidden;
}

/*选择业务员 弹框样式*/
.select_people_dialog {
    height: 90%;
    border-radius: 0 !important;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    top: 55% !important;
    overflow-y: scroll !important;
}

.people_logo_box {
    width: 25%;
    display: inline-block;
    padding: 5px;
}

.people_logo {
    width: 65px;
    border: 3px solid rgba(204, 206, 215, 1);
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}

.people_name {
    color: rgba(204, 206, 215, 1);
}

.people_logo_check {
    border: 3px solid rgba(87, 129, 247, 1);
}

.people_name_check {
    color: rgba(87, 129, 247, 1);
}

.close_dialog {
    background-image: url("/home/image/attendance_img/close.png");
    background-size: 100%;
    position: fixed;
    z-index: 5000;
    width: 30px;
    height: 30px;
    top: 75%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: inherit;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

/*保存按钮样式*/
.preser_btn {
    display: block;
    margin: 10px auto;
    text-align: center;
    width: 90%;
    height: 44px;
    line-height: 44px;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    background: rgba(87, 129, 247, 1);
    border-radius: 22px;
}

/*隐藏滑动条*/
textarea::-webkit-scrollbar {
    width: 0;
}

.foot_box {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 996;
    background: #ffffff;
}

#dot {
    height: 6px;
    width: 6px;
    background: #fc6363;
    position: absolute;
    top: 5px;
    right: 36px;
    border-radius: 50%;
}

/*footer*/
#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    height: 73px;
    z-index: 1000;
    box-shadow: 0 0 20px rgba(0, 11, 55, 0.1) !important;
}

/* 兼容iphone X */
@media (device-height:812px) and (width: 375px) {
    #footer {
        bottom: 0px;
    }

    #footer>.weui-tabbar {
        padding-bottom: 20px;
    }

    .close_dialog {
        top: 85%;
    }
}

/* 兼容iphone XS max */
@media (device-height:896px) and (width: 414px) {
    #footer {
        bottom: 0px;
    }

    #footer>.weui-tabbar {
        padding-bottom: 20px;
    }

    .close_dialog {
        top: 85%;
    }
}

#footer .weui-tabbar {
    background-color: #fff !important;
}

.weui-tabbar:before {
    border: 0 !important;
}

#footer .weui-tabbar .on_checked p {
    color: rgba(87, 129, 247, 1);
}

.add_attend_point:before {
    border: 0 !important;
}

/*checkbox的样式*/
.weui-check:checked+.weui-icon-checked:before {
    color: rgba(106, 234, 149, 1) !important;
}

/*确定按钮样式*/
#weui-picker-confirm {
    color: rgba(87, 129, 247, 1) !important;
}

/*阴影块的样式*/
.shadow {
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 11, 55, 0.1) !important;
}

/*搜索框底部线*/
.weui-search-bar:after {
    border-bottom: none !important;
}

.weui-dialog>.weui-dialog__ft {
    background-color: #fff !important;
}

/*去除iphone、ipad页面点击默认样式*/
* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0) !important;
}

/*选择联系人弹框*/
#container-box {
    height: 90%;
    border-radius: 0 !important;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
    top: 55% !important;
    background-color: #FAFBFC;
}

#container-box .container {
    height: calc(100% - 185px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#container-box .container>ul>li {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc;
    background-color: #ffffff;
    height: 47px;
    text-align: left;
}

#container-box .container>ul>li .checkbox-span {
    width: 20px;
    height: 20px;
    border: 1px solid #C9C9C9;
    border-radius: 50%;
    display: inline-block;
    margin-top: 12px;
    text-align: center;
    line-height: 20px;
}

#container-box .container>ul>li .checked {
    width: 21px;
    height: 21px;
    line-height: 21px;
    border: none;
    background-color: #43E97B;
}

#container-box .container>ul>li .checkbox-span>i {
    width: 9px;
    height: 4px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    display: inline-block;
    transform: rotate(-47deg);
    margin-bottom: 2px;
}

#container-box .container-search>[class*="container-"] {
    /*border-bottom:1px solid #000;*/
}

#container-box .container-search .container-num {
    height: 50px;
    text-align: center;
    font-size: 17px;
    line-height: 50px;
}

#container-box .container-search .container-num>span {
    vertical-align: middle;
}

#container-box .container-search .container-num>.cancel-btn {
    float: left;
    margin-left: 20px;
}

#container-box .container-search .container-num>.confirm-btn {
    float: right;
    margin-right: 20px;
}

#container-box .container-search .container-num>.people-checked-num {
    color: #7E86A3;
}

#container-box .container-search .container-num>.people-checked-num>i {
    color: #5781F7;
    font-size: 22px;
    padding: 0 6px;
}

#container-box .container-search .container-people {
    height: 90px;
    margin: 0 20px;
    overflow-x: scroll;
    overflow-y: hidden;
}

#container-box .container-search .container-people>.slider-box {
    width: -webkit-max-content;
}

#container-box .container-search .container-people .people-checked {
    height: 90px;
    text-align: center;
    float: left;
    padding: 0 10px;
    position: relative;
}

#container-box .container-search .container-people .people-checked:first-child {
    padding-left: 0;
}

#container-box .container-search .container-people .people-checked:last-child {
    padding-right: 0;
}

#container-box .container-search .container-people .people-checked>img {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    border-radius: 50%;
}

#container-box .container-search .container-people .people-checked>span {
    display: block;
    padding: 5px 0;
    font-size: 13px;
    color: #7E86A3;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#container-box .container-search .container-search-box {
    height: 45px;
    background-color: #eff1f4;
    padding: 0 20px;
    line-height: 40px;
    position: relative;
}

#container-box .container-search .container-search-box>input {
    background-color: #FFFFFF;
    /*width: 100%;*/
    width: 60%;
    height: 25px;
    border-radius: 15px;
    border: 1px solid #E1E3E8;
    vertical-align: bottom;
    text-indent: 10px;
    -webkit-appearance: none;
}

#container-box .container-search .container-search-box>input::-webkit-input-placeholder {
    text-align: center;
    text-indent: 0;
    padding-left: 13px;
    color: #CCCED7;
    font-size: 13px;
}

#container-box .container-search .container-search-box>input::-ms-input-placeholder {
    text-align: center;
    text-indent: 0;
    padding-left: 13px;
    color: #CCCED7;
    font-size: 13px;
}

#container-box .container-search .container-search-box>.icon-search {
    color: #CCCED7 !important;
    position: absolute;
    top: 16px;
    /*left: calc(50% - 20px);*/
    left: calc(40% + (65% - 100px) / 2);
    font-size: 13px !important;
    font-weight: 200;
    line-height: 25px !important;
    width: 100px;
}

#container-box .container-search .container-search-box>.icon-search div {
    float: left;
}

#container-box .container-search .container-search-box>.icon-search img {
    width: 13px;
    height: 13px;
    margin-right: 5px;
    margin-top: 5px;
    /*vertical-align: middle;*/
}

#container-box .container-search .container-search-box>.icon-search span {
    vertical-align: middle;
    display: inline-block;
}

#container-box .container-search .container-search-box>#area-select {
    vertical-align: bottom;
    width: 30%;
    border: none;
    background: #eff1f4;
    font-size: 13px;
    color: #5a85f7;
    line-height: 27px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

/*时间选择框的样式*/
#dialog_time .weui-mask {
    z-index: 1112;
}

#dialog_time .data-modal {
    width: 101% !important;
    height: 80vh !important;
    max-width: 101% !important;
    top: 60vh !important;
    border-radius: 20px 20px 0 0 !important;
    background: rgba(250, 251, 252, 1) !important;
    z-index: 1112;
}

#dialog_time .data_box_top {
    width: 100%;
    height: 65px;
    background-color: rgba(250, 251, 252, 1)
}

#dialog_time .head_line {
    width: 50px;
    height: 6px;
    background: rgba(204, 206, 215, 1);
    border-radius: 3px;
    margin: 20px auto;
}

#dialog_time .click_time_change {
    width: 84px;
    height: 20px;
    line-height: 20px;
    background: rgba(225, 227, 232, 1);
    border-radius: 10px;
    margin: 7px auto;
    font-size: 12px;
}

#dialog_time .time_finish_btn {
    font-size: 17px;
    color: rgba(0, 11, 55, 1);
    width: 60px;
    height: 30px;
    position: relative;
    top: -30px;
    left: 80%;
}

#dialog_time .time_cancel_btn {
    font-size: 17px;
    color: #7e86a3;
    width: 60px;
    height: 30px;
    position: relative;
    top: -60px;
    left: 5%;
}

#dialog_time .double_time {
    width: 100%;
    height: 100px;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
}

#dialog_time .single_time {
    width: 100%;
    height: 100px;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
}

#dialog_time .time {
    width: 40%;
    height: 80px;
    padding-top: 20px;
}

#dialog_time .sgl_time {
    width: 100% !important;
    height: 80px;
    padding-top: 20px;
}

#dialog_time .time p:nth-child(1) {
    font-size: 15px;
    color: rgba(126, 134, 163, 1);
}

#dialog_time .time p:nth-child(2) {
    font-size: 18px;
    color: rgba(0, 11, 55, 1);
}

#dialog_time .next_icon img {
    margin-top: 36px;
}

/*菜单弹出层*/
#menu_all {
    position: fixed;
    bottom: 17%;
    z-index: 997;
    right: 5px;
    width: 56px;
    height: 56px;
}

.menu_time {
    width: 90%;
    margin: 10px auto;
}

.menu_content {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #7E86A3;
    z-index: 1000;
}

.menu_box {
    width: 88%;
    margin: 20px auto;
    display: flex;
    height: 70vh;
    overflow: auto;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.menu_img {
    width: 80px;
    height: 80px;
}

.menu_img>img {
    width: 100%;
    height: 100%;
}

.menu_name {
    font-size: 12px;
}

.menu_item {
    /*margin-bottom: 20px;*/
    display: flex;
    align-items: center;
    flex-flow: column;
    width: 30%;
}

.cancel_box {
    /*position: absolute;*/
    /*bottom: 40px;*/
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*毛玻璃*/
.box-filter {
    width: 100vw;
    height: 100vh;
    top: 0;
    position: fixed;
    filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.1);
    z-index: -1;
}

/*搜索框样式*/
#dialog-search-box .weui-search-bar:before {
    border-top: none;
}

.del-people-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: 50%;
    background: url('/home/image/common_img/delete-people.png') #FFFFFF no-repeat 50%/110%;
}

/*订单优惠金额*/
.statistics_hj {
    line-height: 19px;
}

.statistics_yh {
    line-height: 19px;
    font-size: 12px !important;
}

.statistics_yh .statistics_m {
    font-size: 12px !important;
}


#container-box .container-search .container-people .people-checked:last-child .del-people-icon {
    right: 0;
}


/*iphone x*/
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio : 3) {
    #container-box .container-search .container-search-box>.icon-search {
        top: 14px;
    }

    #container-box .container-search .container-search-box>.icon-search img {
        margin-top: 7px;
    }
}

/*iphone +*/
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-min-device-pixel-ratio : 3) {
    #container-box .container-search .container-search-box>.icon-search {
        top: 14px;
    }

    #container-box .container-search .container-search-box>.icon-search img {
        margin-top: 7px;
    }
}

/*iphone*/
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-min-device-pixel-ratio : 2) {
    #container-box .container-search .container-search-box>.icon-search {
        top: 14px;
    }

    #container-box .container-search .container-search-box>.icon-search img {
        margin-top: 7px;
    }
}