body , .bottom_Img_box, .left_slider_box, .bottom_slider_box {max-width: 7.5rem;}
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	margin: auto;
}

.up_down {
	width: 100%;
	text-align: center;
	font-size: 0.21rem;
	color: #828282;
}

.up_down img{
	height: 0.5rem;
	vertical-align:middle;
}

.boxImg {
	position: relative;
	text-align: center;
	width: 100%;
  	margin-top: 1.5rem;
}

.bottom_Img_box {
	position: fixed;
	top: 0;
	width: 100%;
	height: 0.6rem;
	z-index: 100;
	background-color: #F8F8F8;
	border: 0px solid black;
	padding: 0.2rem 0;
}

.bottom_flex {
	width: 100%;
	height: 100%;
	display: flex;
}

.bottom_flex_box {
	border: 0px solid black;
	flex: 1;
	text-align: center;
	display: flex;
	justify-items: center;
	align-items: center;

}

.bottom_flex_box_font {
	font-size: 0.3rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.boxImg_bottom_btn {
	width: 3.25rem;
	margin: auto;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-top: 0.1rem;
}

.boxImg_bottom_btn_btn {
	padding: 0.3rem;
}

.boxImg_bottom_index_box {
	border: none;
	text-align: center;
    /* color: #CA151C; */
    font-weight: 600;
    font-size: 0.3rem;
}

.bottom_flex_box_icon {
	width: 0.45rem;
	height: 0.45rem;
	margin-right: 0.1rem;
}

.bottom_flex_r {
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.left_slider_box {
	position: fixed;
	top: 1rem;
	z-index: 99;
	width: 100%;
	height: 100%;
	display: none;
}

.left_slider_box_right {
	flex: 6.8;
	background-color: #EDEDED;
	height: 100%;
	padding-left: 0.3rem;
}

.left_slider_box_left {
	flex: 3.2;
	height: 100%;
	background-color: #FFFFFF;
}

.left_slider_box_flex {
	display: flex;
	height: 100%;
}

.left_slider_box_left_item {
	background-color: #EDEDED;
	border-left: 3px solid #eb4547;
	width: 100%;
	height: 0.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.32rem;
}

.right_item {
	border-left: none;
	justify-content: flex-start;
	border-bottom: 1px solid #dcdcdc;
	font-size: 0.28rem;
}

.hover {
	color: red;
}

.right_end {
	text-align: center;
	margin-top: 0.3rem;
	color: #b1afaf;
}

.return_index {
	position: fixed;
	right: 3%;
	top: 66.2%;
	width: 0.8rem;
	height: 0.8rem;
}

.return_index_icon {
	width: 100%;
	height: 100%;
}

.return_index_icon_font {
	color: #eb4547;
	font-size: 0.26rem;
}

.bottom_slider_box {
	background-color: #FFFFFF;
	position: absolute;
	top: 1rem;
	z-index: 99;
	width: 100%;
	display: none;
}

.bottom_slider_box ul{
	margin: 0;
	padding: 0;
}

.bottom_slider_box .page_title {
	border-left: 3px solid #f34548;
	border-bottom: 1px solid #CCC;
	color: #f34548;
	font-size: 0.30rem;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
	cursor: pointer;
}

.bottom_slider_box ul li {
	list-style-type: none;
	font-size: 0.28rem;
	padding: 0.3rem 0.3rem 0.3rem 0.3rem;
	border-bottom: 1px solid #CCC;	
}

.right_slider_box {
	position: fixed;
	left:0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	display: none;
}
.this_calendar_box{
	text-align: center;
    position: absolute;
    bottom: 0.4rem;
    position: absolute; 
	left: 50%;
    transform: translate(-50%, -50%);
}
.swiper-container{
    --swiper-navigation-size: 0.4rem;/* 设置按钮大小 */
    --swiper-navigation-color: #CA151C;/* 单独设置按钮颜色 */
}
.laydate-day-mark {
    color:#d00;
    font-size: 14px !important;
}
.laydate-day-mark::after{
    display: none;
}
.layui-laydate .layui-this .laydate-day-mark{
    color: #FFF;
}
.switch_btn{
    position: absolute;
    top: 95.5% !important;
    bottom: 0% !important;
    color: #CA151C !important;
}
.right_slider_box_opcity{
    opacity: 0.6;
    height: 100%;
    background-color: #000;
}
.right_return_icon{
    top: 27%;
}
:root {
    --swiper-navigation-size: 23px !important;
}