a,a:link,a:visited,a:hover,a:active{
    text-decoration: none; /* 去除默认的下划线 */
	outline: none;	/* 去除旧版浏览器的点击后的外虚线框 */
	color:inherit;	/* 去除默认的颜色和点击后变化的颜色 */ 
}
body,html{
    height: 100%;
    /* background-color: #f8f2e3; */
}
/* 个人中心头部导航栏 start*/
.header {
	position: relative;
}
.header .platformLogo{
	margin-top: 20px;
    padding-left: 20px;
}
.header .platformLogo::after {
	content: "";
	display: block;
	clear: both;
}

.img-logo {
	float: left;
	width: 100px;
	height: 90px;
	vertical-align: middle;
}

.img-txt {
	float: left;
	padding-left: 20px;
	color: #1a2b40;
	font-size: 34px;
	font-weight: 500;
	text-align: left;
	line-height: 95px;
	font-family: Arial, Helvetica, sans-serif;
}
.img-txt .img-txt__title{
    font-size: 30px;
}
.navbar {
	position: absolute;
	top: 6px;
	right: 20px;
	padding: 8px 0;
	display: table;
}
.logout{
    /* display: none; */
    position: absolute;
	top: 16px;
	left: 600px;
	padding: 8px 0;
	display: table; 
}
.navbar .navbar-item {
	display: table-cell;
	position: relative;
	padding: 10px 10px 10px 24px;
	cursor: pointer;
}

.navbar-item .navbar-item_icon {
	font-size: 36px;
	vertical-align: middle;
}

.navbar-item .navbar-item_text {
	font-size: 24px;
	vertical-align: middle;
}

.navbar-item.active {
	color: #DC143C;
}
/* 头部导航栏 end*/


/* header 公共样式 */
.header_bj {
    position: relative;
    /* background: url("../images/logo_bj.png") center; */
    background-color: #ae311c;
    height: 1.4rem;
}
.header_logo {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}
.header_logo-img{
    height: 100%;
    /* width: 100%; */
}
.header_logo_left {
    position: absolute;
    top: 0.3rem;
    right: 0.1rem;
}
.header_logo_left-text{
    /* width: 4rem; */
    /* height: 0.3rem; */
    line-height: 0.3rem;
    font-size: 0.4rem;
}
.header_logo_left-text table{
    width: 100%;
}
.header_logo_left-text table td{
    padding: 0.1rem;
}
.header_logo_left .header_logo_left-text table td a {
    color: #fff;
    text-decoration: none;
}
.header_logo_left .header_logo_left-text table td a:hover {
    color: #e6ad01;
}
.title{
    position: relative;
    width: 9rem;
    height: 1.4rem;
    margin: 0.2rem auto;
    text-align: center;
    line-height: 1.5rem;
}
.title .title-text{
    display: inline-block;
    width: 3.7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    background: url('../images/inb.png') no-repeat center center;
    background-position: 50%;
    background-size:100%;
	font-size: 0.4rem;
	font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
	color: #c43209
}
/* 预约日期表格样式 */
.table-date{
	width: 100%;
	text-align: center;
	border-right:1px solid #ceac90;
	border-bottom:1px solid #ceac90;
}
/* 选中的日期 */
/* 选中 */
.table-date-choice{
	background-color: #a00f12;
	color: #fff;
}
/* 不能选的日期 */
.table-date-none{
	background-color: #f1f1f1;
	color: #acacac;
	cursor: not-allowed !important;
}
.table-date td{
	border-left:1px solid #ceac90;
	border-top:1px solid #ceac90;
	font-size: 0.28rem;
	padding: 0.25rem 0;
	cursor: pointer;

}
/* 预约进馆时段样式 */
/* 有票 */
.li-time{
	width: 100%;
	border: 1px solid #ceac90;
	border-radius: 10px;
	margin: 0.1rem 0;
	cursor: pointer;

}
/* 无票 过期 */
.li-time-none{
	background-color: #e6e6e6;
	color: #acacac;
	cursor: not-allowed;

}
/* 选中 */
.li-time-choice{
	background-color: #a00f12;
	color: #fff;
}
.li-time div {
	display: inline-block;
    width: 100%;
	vertical-align: middle;
	font-size: 0.28rem;
	padding: 0.2rem 0rem 0.2rem 0.10rem;
    white-space: nowrap;
}
.li-time .text-time{
	width: 72%;
	text-align: left;
}
.li-time .text-tip{
	width:25%;
	/* padding:0 1rem; */
	text-align: right;
    white-space: nowrap;
}
.li-timets{
	color: #ff7473;
}
.tdwxts {
    font-size: 14px;
    padding: 9px 0;
    color: #FF0000;
}

.pd-0 {
    padding: 0
}

.mg-0 {
    margin: 0;
}
.mt-10{
    margin-top: 10px;
}

/* 底部导航栏 */
.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: flex;
    box-sizing: content-box;
    width: 100%;
    height: 1.6rem;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    color: #646566;
    background: #fff;
    border-radius: 0.1rem 0.1rem 0 0;
    background-color: #fff;
    -webkit-box-shadow: 0 -.01rem 2px 0 rgba(215, 215, 215, .5);
    box-shadow: 0 -.01rem 2px rgba(215, 215, 215, .5);
}

.list {
    padding-top: 0.04rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #646566;
    font-size: 0.32rem;
    line-height: 1.6rem;
    cursor: pointer;
}

.list.active {
    color: #cd221d !important;
}

.icon {
    height: 0.55rem;
    margin: 0.1rem 0 0;
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: center;
    margin-top: 0.06rem !important;
}

.text {
    box-sizing: content-box;
    height: 0.4rem;
    padding: 0.1rem 0 0.12rem;
    font-size: 0.38rem;
    line-height: 1rem;
    text-align: center
}

.bottom-nav .list.active .icon-img div {
    filter: drop-shadow(var(--color) .1rem 0)
}


.bottom-nav .list .icon i {
    font-size: 0.62rem;
}

.bottom-nav .list .icon-img,
.sticky-nav .list .icon-img {
    width: 0.45rem;
    height: 0.45rem;
    margin: 0.1rem auto 0
}

.bottom-nav .list .icon-img div,
.sticky-nav .list .icon-img div {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    filter: drop-shadow(#666 .1rem 0)
}

.list>a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.dy-bg{
    background: #fff;
}

.pd10{
    padding: 10px;
}

.layui-form-select dl dd.layui-this {
    background-color: #c43209;
    color: #fff;
}

/* 二维码 */
.detail-left {
    border-right: 1px solid #ceac90;
}

.qrcode {
    width: 100%;
    text-align: center;
}

.layui-table-view .layui-table {
    width: 100% !important;
}
.dymt-22{
    margin-top: 22px;
}
.layui-layer-title{
    background-color: #a00f12 !important;
    color: #fff !important;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #a00f12 !important;
    background-color: #a00f12 !important;
    color: #fff;
}

@media screen and (max-width: 500px) {
    body,html{
        height: 100%;
        background-color: #f8f8f8;
    }
    .title{
        display: none;
    }
    .header_bj{
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    .log_bg{
        padding-top: 1.4rem;
    }
    .mb-26{
        margin-top: 26px;
    }
    .dymt-22{
        margin-top: 0;
    }
    .dy-empty{
        display: none;
        background-color: #fff;
        width: 100%;
        position: fixed;
        top: 1.4rem;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .empty{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 32px 0;
    }
    .empty .empty-image {
        width: 160px;
        height: 160px;
    }
    .empty .empty-image img {
        width: 100%;
        height: 100%;
    }
    .empty .empty-description {
        margin-top: 16px;
        padding: 0 60px;
        color: #969799;
        font-size: 14px;
        line-height: 20px;
    }
  }
@media (max-width: 768px) {
    body,html{
        height: 100%;
        background-color: #f8f8f8;
    }
    .title{
        display: none;
    }
    .header_bj{
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    .log_bg{
        padding-top: 1.4rem;
    }
    .mb-26{
        margin-top: 26px;
    }
    .dymt-22{
        margin-top: 0;
    }
    .dy-empty{
        display: none;
        background-color: #fff;
        width: 100%;
    }
    .empty{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 32px 0;
    }
    .empty .empty-image {
        width: 160px;
        height: 160px;
    }
    .empty .empty-image img {
        width: 100%;
        height: 100%;
    }
    .empty .empty-description {
        margin-top: 16px;
        padding: 0 60px;
        color: #969799;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (max-width: 992px) {
    body,html{
        height: 100%;
        background-color: #f8f8f8;
    }
    .title{
        display: none;
    }
    .header_bj{
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    .log_bg{
        padding-top: 1.4rem;
    }
    .mb-26{
        margin-top: 26px;
    }
    .dymt-22{
        margin-top: 0;
    }
    .dy-empty{
        /* display: none; */
        background-color: #fff;
        width: 100%;
    }
    .empty{
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 32px 0;
    }
    .empty .empty-image {
        width: 160px;
        height: 160px;
    }
    .empty .empty-image img {
        width: 100%;
        height: 100%;
    }
    .empty .empty-description {
        margin-top: 16px;
        padding: 0 60px;
        color: #969799;
        font-size: 14px;
        line-height: 20px;
    }
}