body{display: flex;flex-flow: column;height: 100vh;background-color: #f2f2f2;}
.body-box{flex: 1;overflow-y: scroll;}
.header-box{position: relative;overflow: hidden;color: #fff;padding: 0.625rem;}
.header-box::before{content: '';position: absolute;bottom: 3rem;left: -100%;right: -100%;width: 160vw;height: 100vw;border-radius: 100%;background: linear-gradient(90deg,#dab44c,#fce791);z-index: 0;margin: auto;}
.header{display: flex;font-size: 0.8rem;position: relative;z-index: 1;}
.header i{padding: 0 .2em;}
.header .d-text{ padding: 0 0.35rem;}
.header .d-text{display: flex;align-items: center;}
.search-box {background-color: #fff; margin: 0.625rem 0; border-radius: 0.33rem;box-shadow:  0 0 0.33rem 0 rgba(0,0,0,.2);display: flex;align-items: center;padding: 0.33rem;position: relative;overflow: hidden;font-size: .87em;}
.search-box input{ flex: 1;border: 0;background: none;font:inherit;}
.header-box .nav{display: flex;width: 100%;overflow-x: scroll;overflow-y: hidden;}
.header-box .nav li{position: relative;}
.header-box .nav li.on::before{content: '';position: absolute;height: 0.125rem;width:40%;background-color: #fff;bottom: 0;left: 0;right: 0;margin: auto;}
.header-box .nav a{font-size:.9em;display: block;padding: 0.4rem 1.4em;white-space: nowrap;}
.banner-box {position: relative;z-index: 0;margin: 0.625rem auto;overflow: hidden;border-radius: 0.5rem;}
.banner-box img{width: 100%;display: block;border-radius: 0.5rem;}
.list-img-box{margin:0 0.625rem;overflow: hidden;position: relative;padding-bottom:0.8em;}
.list-img-box li{overflow: hidden;background-color: #fff;padding: 0.2rem;border-radius: 0.33rem;}
.list-img-box a{width: 20%;display: flex;flex-flow: column;align-items: center;float: left;justify-content: center;font-size: .8em;text-align: center;white-space: nowrap;text-overflow: ellipsis;padding: 0.625rem 0;overflow: hidden;}
.list-img-box img{width: 3.1rem; height: 3.1rem;margin-bottom: 0.625rem;max-width: 100%;border-radius: 0.3125rem;display: block;}
.list-img-box .swiper-pagination{bottom: 0;}
.list-img-box .swiper-pagination-bullet{width: 1em;border-radius: 0;height: .3em;margin-left: 0 !important;margin-right: 0 !important;}
.list-img-box .swiper-pagination-bullet-active{background-color: #005ebe;}
.list-bigimg-box ul{display: flex;flex-flow: row wrap;margin:0 .32rem;}
.list-bigimg-box li{width: calc(50% - .64rem);overflow: hidden; margin: 0.32rem;}
.list-bigimg-box a {display: block;border-radius: 0.25rem;overflow: hidden;}
.list-bigimg-box img {display: block;width: 100%;}

.list-classes{overflow-x: scroll;display: flex;white-space: nowrap;text-align: center;}
.list-classes a{display: flex;flex-flow: column; padding: 0.625rem 1.2em;color: #999;}
.list-classes b{display: block; padding: 0.3em 0;color: #222;}
.list-classes em{display: block; padding: 0.3em ;font-size: 0.75rem;border-radius: 0.25rem;}
.list-classes li.on em{background-color:#af8300;color: #fff;}
.list-classes li.on b{color: #af8300;}
.list-top{display: flex;margin: 0 0.3125rem;align-items: stretch;}
.list-top .list-1, .list-top .list-2 {flex: 1;margin: 0.3125rem;}
.list-focus{position: relative;overflow: hidden;border-radius: 0.625rem;}
.list-top .list-focus .swiper-pagination-bullet{margin-left: 0.0625rem;margin-right: 0.0625rem;width: .8em; border-radius: 0.3rem; height: 0.1875rem;}
.list-focus img{display: block;height: 18rem;width: 100%;border-radius: 0.625rem;}
.list-top .list-2{position: relative;height: 18rem;overflow: hidden;}
.list-top .list-2 li{overflow: hidden;position: absolute;right: 0;width: 100%; height: calc(50% - .313rem);border-radius: 0.625rem; overflow: hidden;}
.list-top .list-2 li:first-child{top:0;}
.list-top .list-2 li:last-child{bottom: 0;}
.list-top .list-2 img{display: block;width: 100%;height: 100%;border-radius: 0.625rem;}
.icp{text-align: center;padding: 0.625rem;font-size: 0.8rem;color: #a9a9a9;}

/*商城热点*/
.notice-board {
  width: 100%;
  height: 35px;
  overflow: hidden;
}

.notice-list {
  list-style: none;
  margin: 0;
  padding: 0;
  animation: scroll 10s infinite;
  animation-timing-function: linear;
}

/*商城热点*/
	.hotNews {
	padding:0px 0%;
	padding:0px;
	margin:0px;

	

}
.notice {
	display: -webkit-flex;
	/* Safari*/
	display: flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	align-content:center;
  height: 35px;
  line-height:35px;
	border-radius:30px !important;
	width:100%;
}
.notice .tit {
	width:90px;
	text-align:center;
	line-height:3.8rem;
}
.notice .cont {
	width:100%;
	overflow:hidden;
}
.notice .swiper-container {
	width: 100%;
  height: 35px;
  line-height:35px;
}
.notice .swiper-container .swiper-slide {
	text-align: left;
	font-size: 14px;

	/* Center slide text vertically*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack:left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: left;
	-ms-flex-align: left;
	-webkit-align-items: left;
	align-items: left;
  height: 35px;
  line-height:35px;
}
.notice .swiper-container .swiper-slide a {
	color:#fff;
	display:block;
	width:100%;
  height: 35px;
  line-height:35px;
}
.notice .swiper-container .swiper-slide a span.fl {
	display:inline-block;
	width:59%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
  height: 35px;
  line-height:35px;
	padding-left:8px;
}
.notice .swiper-container .swiper-slide a span.fr {
	display:inline-block;
  height: 35px;
  line-height:35px;
	padding-right:8px;
}


@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  
  100% {
    transform: translateY(-100%);
  }