.hl_box {
    padding: 0.4rem 0.26rem;
    background-color: #93865a;
    margin-top: 0.18rem;
}

.hl_box .hl_title {
    width: 100%;
    background-image: url("/style/huangli/hl_topconner.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fffdf6;
}

.hl_box .hl_title::after {
    display: block;
    content: "";
    padding-bottom: 6%;
}
.hl_box .hl_cnt {
    padding: 0.2rem 0.26rem;
    background-color: #fffdf6;
}

.hl_cnt .hl_date {
    display: block;
    line-height: 0.64rem;
    font-size: 0.4rem;
    color: #93865a;
    text-align: center;
    font-weight: bold;
}

.hl_cnt .hl_day {
    display: block;
    line-height: 3.4rem;
    color: #bf141c;
    text-align: center;
    font-size: 3.4rem;
    font-weight: bold;
    overflow: hidden;
}

.hl_cnt .hl_nday {
    display: block;
    color: #93865a;
    text-align: center;
    font-weight: bold;
}

.hl_dateSelect {
    line-height: 1rem;
    font-size: 0.36rem;
    color: #fffdf6;
    text-align: center;
    background: -webkit-linear-gradient( top, rgba(118, 106, 67, 0.8) 0%, #86794c 10%, #86794c 90%, rgba(118, 106, 67, 0.8) 100%);
    margin: 0.4rem 0;
}

.hl_dateSelect::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hl_dateSelect .select_left {
    float: left;
    display: block;
    width: 24%;
    line-height: 1rem;
    text-align: right;
    color: #fffdf6;
    background-image: url("/style/huangli/hl_yestoday.png");
    background-repeat: no-repeat;
    background-position: 16% center;
    background-size: 8px 16px;
    cursor: pointer;
}

.hl_dateSelect .select_center {
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.36rem;
    line-height: 1rem;
    width: 52%;
    cursor: pointer;
}

.hl_dateSelect .iconfont.icon-down {
    font-size: 0.36rem;
    margin-left: 2%;
}

.hl_dateSelect .select_right {
    float: right;
    display: block;
    line-height: 1rem;
    width: 24%;
    text-align: left;
    color: #fffdf6;
    background-image: url("/style/huangli/hl_tomorry.png");
    background-repeat: no-repeat;
    background-position: 84% center;
    background-size: 8px 16px;
    cursor: pointer;
}

.hl_yj::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hl_yj .hl_yi {
    float: left;
    display: block;
    width: 46%;
    border: 1px solid #56c37d;
    padding: 0.1rem;
    box-sizing: border-box;
}

.hl_yj .hl_yi p {
    min-height: 1.8rem;
    line-height: 0.6rem;
    color: #5f5a4a;
    font-size: 0.36rem;
    text-align: center;
    padding: 0.2rem 0 0;
    overflow: hidden;
}

.yi_title {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #fffdf6;
    background-image: url("/style/huangli/hl_yizi.png");
    background-size: 0.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #56c37d;
}

.hl_yj .hl_ji {
    float: right;
    display: block;
    width: 46%;
    border: 1px solid #c9575e;
    padding: 0.1rem;
    box-sizing: border-box;
}

.hl_yj .hl_ji p {
    min-height: 1.8rem;
    line-height: 0.6rem;
    color: #5f5a4a;
    font-size: 0.36rem;
    text-align: center;
    padding: 0.2rem 0 0;
    overflow: hidden;
}

.ji_title {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #fffdf6;
    background-image: url("/style/huangli/hl_jizi.png");
    background-size: 0.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #c74a50;
}

.hl_other {
    display: block;
    margin-top: 0.4rem;
}

.hl_other p {
    line-height: 0.6rem;
    border-top: 1px dashed #c5bda2;
    padding: 0.2rem 0.06rem;
}

.hl_other p::after{
     clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hl_other p:last-child {
    border-bottom: 1px dashed #c5bda2;
}

.hl_other .hl_otherTitle {
    float: left;
    width: 12%;
    line-height: 0.4rem;
    text-align: center;
    color: #fff9e4;
    border-radius: 6px;
    text-shadow: -1px 0 #bca562, 0 1px #bca562,1px 0 #bca562, 0 -1px #bca562;
    background-color: #d3c38b;
    padding: 0.1rem 0.2rem;
}

.hl_other .hl_otherCnt {
    float: left;
    width: 80%;
    font-size: 0.34rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    color: #5f5a4a;
}

.hl_chx {
    background-color: #fffdf6;
    margin: 0.4rem 0;
}

.hl_chx .hl_chxTitle {
    display: block;
    width: 76%;
    background-image: url("/style/huangli/jirichaxun.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.hl_chx .hl_chxTitle::after {
    display: block;
    content: "";
    padding-bottom: 20%;
}

.hl_chx form {
    padding: 0 6% 0.4rem;
}

.hl_chx form::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hl_chx form select {
    float: left;
    width: 30%;
    height: 0.6rem;
    font-size: 0.3rem;
    color: #5f5a4a;
    border: 1px solid #93865a;
    background-color: #fffdf6;
    margin-right: 5%;
    padding-left: 0.08rem;
    box-sizing: border-box;
    cursor: pointer;
}

.hl_chx form button {
    float: left;
    width: 30%;
    line-height: 0.6rem;
    font-size: 0.32rem;
    color: #fffdf6;
    border-radius: 4px;
    padding: 0;
    border: 0;
}

.hl_chx form button.good {
    background-color: #5f5a4a;
    cursor: pointer;
}

.hl_chx form button.bad {
    background-color: #bf141c;
    cursor: pointer;
}

.hl_shcyj {
    background-color: #fffdf6;
}

.hl_shcyj .hl_shcTitle {
    display: block;
    width: 76%;
    background-image: url("/style/huangli/shichengyiji.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.hl_shcyj .hl_shcTitle::after {
    display: block;
    content: "";
    padding-bottom: 20%;
}

.hl_shcyj .hl_shcItem img {
    width: 24%;
    margin: 0 auto;
    padding: 0.2rem 0;
}

.hl_shcyj .hl_shcItem p {
    width: 92%;
    border-bottom: 1px dashed #c5bda2;
    margin: 0 auto 0.2rem;
    padding: 0.2rem 0;
}

.hl_shcyj .hl_shcItem p::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hl_shcyj .hl_shcItem span {
    float: left;
    display: block;
    width: 18%;
    line-height: 0.56rem;
    color: #fff9e4;
    font-size: 0.36rem;
    border-radius: 6px;
}

.hl_shcyj .hl_shcItem span.shiyi {
    text-align: center;
    background-color: #86794c;
}

.hl_shcyj .hl_shcItem span.shiji 
{
    text-align: center;
    background-color: #bf141c;
}

.hl_shcyj .hl_shcItem .shicnt {
    float: left;
    width: 78%;
    line-height: 0.6rem;
    font-size: 0.32rem;
    color: #5f5a4a;
    padding-left: 0.2rem;
}

.hl_box .seeMore {
    background: -webkit-linear-gradient( top, rgba(253, 251, 244, 0.8) 0%, #faf8f1 10%, #efede7 30%,#e4e2dc 90%, rgba(221, 219, 213, 0.8) 100%);
    margin-top: 0.4rem;
}
.hl_box .seeMore span {
    display: block;
    width: 100%;
    background-image: url("/style/huangli/hl_down.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.6rem auto;
}

.hl_box .seeMore span::after {
    display: block;
    content: "";
    padding-bottom: 12%;
}

.hl_box .disnone {
    display: none;
}

/*时间选择器*/

.mui-dtpicker .mui-dtpicker-header {
    line-height: 52px;
    text-align: center;
    border-bottom: 1px solid rgb(238, 238, 238);
    background-color: rgb(255, 255, 255);
    padding: 0;
}

.mui-dtpicker-header button {
    font-size: 18px !important;
    padding: 0 18px !important;
    line-height: 52px;
    border: none !important;
}

.mui-dtpicker-header>button {
    float: left;
}

.mui-dtpicker-header [data-id=btn-cancel] {
    color: rgb(153, 153, 153);
}

.mui-dtpicker-header [data-id=btn-down] {
    color: rgb(201, 23, 35);
}

.rl_sw {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgb(201, 23, 35);
    border-radius: 5px;
    margin: 6px auto;
}

.rl_sw button {
    width: 50%;
    height: 100%;
    line-height: 40px;
    color: rgb(201, 23, 35);
    background-color: rgb(255, 255, 255);
    padding: 0 22px !important;
}

.rl_sw [data-id=btn-gl] {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rl_sw [data-id=btn-nl] {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rl_sw button.selected {
    color: #fefefe;
    border-radius: 0;
    background-color: rgb(201, 23, 35);
}

.mui-dtpicker-title {
    display: none !important;
}

.mui-dtpicker-body {
    display: flex;
    height: 260px !important;
}

.mui-dtpicker-body .mui-picker {
    background-color: rgb(255, 255, 255) !important;
}

.mui-dtpicker-body .mui-pciker-list,
.mui-dtpicker-body .mui-pciker-rule {
    height: 52px;
    line-height: 52px;
}

.mui-dtpicker-body .mui-pciker-rule {
    border-top: 1px solid rgb(201, 23, 35);
    border-bottom: 1px solid rgb(201, 23, 35);
}

.mui-dtpicker-body .mui-pciker-list li {
    font-size: 16px;
    line-height: 52px !important;
}

.mui-dtpicker-body .mui-pciker-list li.highlight {
    color: rgb(201, 23, 35);
    font-weight: bold;
}

[data-type=hour] [data-id=picker-h],
[data-type=hour] [data-id=title-h],
[data-type=datetime] [data-id=picker-h],
[data-type=datetime] [data-id=title-h] {
    border-left: none !important;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-y"] {
    width: 33.3%;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-m"] {
    width: 33.3%;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-d"] {
    width: 33.3%;
}

.mui-dtpicker .mui-dtpicker-body [data-id="picker-h"] {
    display: none!important;
}

.confim_box {
    position: absolute;
    display: none;
    z-index: 10;
    width: 100%;
    background-color: rgb(255, 255, 255);
}

.confim_box .confimtitle {
    width: 100%;
    line-height: 52px;
    text-align: center;
    font-size: 21px;
    color: rgb(163, 30, 26);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.confim_box .confimcnt {
    width: 100%;
    height: 260px !important;
    text-align: center;
}

.confim_box .confimtips {
    line-height: 52px;
    font-size: 19px;
    color: rgb(51, 51, 51);
    margin-top: 26px;
}

.confim_box .rl_time {
    color: rgb(51, 51, 51);
    font-size: 20px;
    line-height: 39px;
}

.confim_box .rl_time .confim_rl {
    color: rgb(163, 30, 26);
}

.confim_box .confim_btn {
    margin-top: 27px;
}

.confim_box .confim_btn button {
    display: inline-block;
    width: 130px;
    line-height: 52px;
    font-size: 20px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 6px;
    border: none;
}

.confim_box [data-id=btn-back] {
    background-color: rgb(177, 177, 177);
    margin-right: 7px;
}

.confim_box [data-id=btn-ok] {
    background-color: rgb(163, 30, 26);
    margin-left: 7px;
}

.mui-backdrop {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
}

.xzhour {
    display: none;
}