.bodybox {
	background: #efeff4;
	overflow: auto;
	height: auto
}

.bodybox .headbox {
	height: .44rem;
	width: 100%;
	background: #fff;
	display: -webkit-box
}

.bodybox .headbox div {
	height: 100%;
	-webkit-box-flex: 1;
	padding: 0 .1rem;
	box-sizing: border-box
}

.bodybox .headbox div img {
	display: block;
	width: auto;
	position: relative;
	top: 50%
}

.bodybox .headbox #btnimg {
	width: .44rem;
	height: .44rem;
	float: right;
	padding: 0
}

.bodybox .headbox div:first-child img {
	height: .3rem;
	margin-top: -.15rem
}

.bodybox .headbox div:nth-child(2) img {
	right: 0;
	height: .15rem;
	float: right;
	margin-top: -.075rem
}

.bodybox .bannerbox {
	min-height: 1.8rem;
	overflow: hidden
}

.bodybox .bannerbox .main_visual {
	min-height: 1.8rem
}

.bodybox .notice {
	width: 100%;
	height: .36rem;
	box-shadow: 0 0 .08rem 0 #cecece;
	position: relative;
	padding: 0 .1rem;
	box-sizing: border-box
}

.bodybox .notice #noticeT {
	color: #f1010a;
	margin-left: .26rem;
	display: block;
	font-size: .14rem;
	height: .36rem;
	line-height: .36rem;
	overflow-x: auto;
	min-width: 1rem;
	width: auto;
	white-space: nowrap
}

.bodybox .notice:before {
	content: "";
	display: inline-block;
	height: .16rem;
	width: .18rem;
	background: url(../images/bg_icon.png) no-repeat -2.07rem -.17rem;
	background-size: 3.16rem;
	position: absolute;
	top: 50%;
	margin-top: -.08rem;
	left: .1rem
}

.bodybox .czList {
	width: 100%;
	height: auto;
	padding: 0 .1rem;
	box-sizing: border-box
}

.bodybox .czList .lilist {
	width: 100%;
	height: 1.05rem;
	background: #fff;
	border-radius: .04rem;
	-moz-border-radius: .04rem;
	-webkit-border-radius: .04rem;
	padding: .15rem;
	box-sizing: border-box;
	font-size: .12rem;
	color: #666;
	margin-top: .1rem
}

.bodybox .czList .lilist .boxline {
	width: 100%;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox
}

.bodybox .czList .lilist .l1box div:first-child {
	-webkit-box-flex: 3;
	-moz-box-flex-flex: 3;
	-ms-flex: 3
}

.bodybox .czList .lilist .l1box div:first-child .lotName {
	font-size: .16rem;
	color: #333;
	margin-right: .05rem
}
.bodybox .czList .lilist .l1box div:first-child .lotName1 {
	font-size: .16rem;
	color: #333;
	margin-right: .05rem
}

.bodybox .czList .lilist .l1box div:nth-child(2) {
	text-align: right;
	-webkit-box-flex: 1;
	-moz-box-flex-flex: 1;
	-ms-flex: 1;
	color: #666;
	padding-top: .035rem
}

.bodybox .czList .lilist .l1box div:nth-child(2) .cuttime {
	display: none
}

.bodybox .czList .lilist .li3 li {
	width: auto;
	min-width: .23rem;
	text-align: center
}

.bodybox .czList .lilist .li3 .lastli {
	text-align: left;
	min-width: .13rem;
	margin-right: .03rem
}

.bodybox .czList .pk10li {
	margin-top: .1rem
}

.bodybox .czList .pk10li li {
	display: inline-block;
	float: left;
	width: .24rem;
	height: .24rem;
	margin-right: .094rem;
	background-size: 4rem auto
}

.bodybox .czList .pk10li li:last-child {
	margin-right: 0
}

.bodybox .czList .sscli {
	margin-top: .1rem
}

.bodybox .czList .sscli li {
	display: inline-block;
	float: left;
	width: .26rem;
	height: .26rem;
	line-height: .26rem;
	margin-right: .094rem;
	text-align: center;
	color: #fff;
	background: #0092dd;
	font-size: .17rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%
}

.bodybox .czList .lhcsx {
	padding-top:5px;
}

.bodybox .czList .lhcsx li {
	display: inline-block;
	float: left;
	width: .26rem;
	height: .26rem;
	line-height: .26rem;
	margin-right: .094rem;
	text-align: center;
	color: black;
	background: white;
	font-size: .17rem;
}

.bodybox .czList .sscli  .jslhc_blue{
	background: #0092dd;
}
.bodybox .czList .sscli  .jslhc_red{
	background: #FA3345;
}
.bodybox .czList .sscli  .jslhc_green{
	background: #4FCA66;
}

.bodybox .czList .sscli li:last-child {
	margin-right: 0
}

.bodybox .czList .k3li {
	margin-top: .1rem
}

.bodybox .czList .k3li li {
	display: inline-block;
	float: left;
	width: .24rem;
	height: .24rem;
	margin-right: .094rem;
	background-size: 4rem auto
}

.bodybox .czList .k3li li:last-child {
	margin-right: 0
}

.bodybox .czList .cqncli {
	margin-top: .1rem
}

.bodybox .czList .cqncli li {
	display: inline-block;
	float: left;
	width: .24rem;
	height: .24rem;
	margin-right: .094rem;
	background-size: 3.54rem auto
}

.bodybox .czList .cqncli li:last-child {
	margin-right: 0
}
.rotate-up
{
 	transform: rotate(180deg);
}
.announcement-container {
	width: 100%;
	max-width: 400px;
	background: white;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.announcement-content {
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.marquee-container {
	position: relative;
	height: 40px;
	overflow: hidden;
	background: #fff9f2;
	border-radius: 8px;
	border: 1px solid #ffe8d1;
	display: flex;
	align-items: center;
}

.marquee {
	white-space: nowrap;
	position: absolute;
	animation: marquee 20s linear infinite;
	font-size: 16px;
	color: #333;
	padding: 0 10px;
}

.marquee:hover {
	animation-play-state: paused;
}

.marquee::before {
	content: "📢";
	margin-right: 8px;
	color: #ff7b00;
}
@keyframes marquee {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}