@charset "utf-8";  /* CSS Document */ @import url("//image.360lj.com/css/commonhome.css");
/* 默认样式初始化*/
ul {padding: 0;}
li {list-style: none;}
a {text-decoration: none;outline: none !important;}
a:hover {color: inherit;}
img {font: 20px/80px '微软雅黑';text-align: center;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
b {font-weight: normal;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
.clear {zoom: 1;}
.clear:after {content: '';clear: both;display: inline-block;}
/*导航 start*/
.line{ background-color: #fff;}
.line.move{ height: 0.8rem; }
.nav{margin:0 auto;height: 0.8rem;width: 100%;line-height: 0.8rem;text-align: center;background-color:#FFFFFF;z-index: 999;position: relative;color: #3C0486;font-size: 0.28rem;max-width: 7.5rem; }
.nav.move{ position: fixed;top: 0; }
.nav.box{ height: 300px;border-top: 3px solid #8fc1e8;width: 50px; }
.nav .swiper-container { height: 0.8rem; }
.nav .swiper-slide { text-align: center;width: auto;color: #666666;white-space: nowrap;padding: 0 0.3rem; }
.nav .swiper-slide.on{ color:#fe8716; }
.direction{background-color: #fff;width: 0.8rem;right: 0;height: 0.8rem;background-color: #f2f2f2;position: absolute;top:0;z-index: 9999;background:#f2f2f2 url(//image.360lj.com/vshop/zhuanti/gmxjb/images/right.jpg) no-repeat;background-size: 100% 100%;display: none; /*白色箭头*/ /*https://image.360lj.com/vshop/zhuanti/hxd/images/right.png*/ /*黑色箭头*/ /*//image.360lj.com/vshop/zhuanti/gmxjb/images/right.jpg*/}
.direction-prev{ transform:rotate(180deg); }
.swiper-pagination .swiper-pagination-bullet{ display: none; }
.index-top-wrap { z-index: 100 !important; }
.index-kf-wrap{ z-index: 1000!important; }


.content {
	max-width: 7.5rem;
	margin: 0 auto;

}
body{
	position: relative;
	height: 30rem;
    background: url(bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.w_background{
	position: relative;
	height: 15rem;
}

.cleader{
	height: 10.5rem;
	background: #ffffff;
	position: absolute;
	margin: 3.9rem .5rem;
	width: 6.48rem;
	border-radius: .3rem;
	box-shadow: #f98637 0px 0px 10px;
}
.integral{
	margin: 3.48rem 2.5rem;
	position: absolute;
	background-image: url(qd.png);
	background-size: cover;
	height: 1.56rem;
	width: 2.68rem;
	z-index: 999;
}
.qd{
	width: 4.5rem;
	margin: 1.42rem 1.4rem .18rem 1.3rem;

}
.qd .qd_font{
	font-size: .3rem;
	color: #515151;
	font-weight: bold;
}
.qd .qd_fonts{
	font-size: .3rem;
	color: #515151;
	font-weight: bold;
	text-align: center;
}
#qd_day{
	font-size: .4rem;
	color: #f54e49;
	font-weight: bold;
}
.dy_qd{
	background-image: url(day.png);
	background-size: cover;
	width: 2.56rem;
	height: .87rem;
	margin-left: 1.98rem;
}
#dqd{
	margin-left: 1.01rem;
	color: #fffbfb;
	display: inline-block;
	font-size: .35rem;
	margin-top: .2rem;
}
.datetime{
	height: .35rem;
	width: 2.10rem;
	margin-top: .5rem;
	margin-left: 2.25rem;
	color: #666666;
	font-size: .35rem;
	font-weight: bold;
}
#time_bg{
	background-image: url(./rq.png);
	background-size: cover;
	height: .89rem;
	margin-top: .39rem;
}
.datetime_day ul{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	height: 5.5rem;
	    overflow: auto;
}
.datetime_day ul li{
	margin: .3rem .265rem;
	height: .5rem;
	text-align: center;
	width: 0.39rem;
}
.day_no {
    color: #000000;
    /* background: url("./no.png") no-repeat center/70%; */
}
.day_yes {
    color: transparent;
	background: url("./yes.png") no-repeat center/70%;
	background-size: .48rem .48rem;
	width: .48rem;
	height: .48rem;
	display: inline-block;
}
.btn_get{
	width: 6.5rem;
	height: 5rem;
	margin: .5rem auto 0;
	box-sizing: border-box;
	padding-top: 3.85rem;
}
.btn_get>div{
	width: 83.1%;
	height: 0.6rem;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.btn_get>div>div{
	width: 2.4rem;
	height: 100%;
	cursor: pointer;
}
.today_icon{
	    color: transparent;
	    background: url(./no.png) no-repeat;
	    background-size: .48rem .48rem;
	    width: .48rem;
	    height: .48rem;
	    display: inline-block;
}