* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: .16rem;
	/* font-family: Source Han Sans CN, Source Han Sans CN; */
	font-family: Microsoft YaHei;
	font-weight: 400;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* For some Androids */

}

.page-wrap {
	background-image: url(../img/index_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

:root {
	--main_color: #C00101;
	--transition: .3s ease-in-out;
}

body.compensate-for-scrollbar {
	padding: 0;
}

html {
	font-size: 100px;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: #000;
}

ul {
	list-style: none;
}

input {
	outline: 0;
	background: #fff;
}

img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	display: block;
}

/*单词自动换行*/
/* word-break:break-all;
word-wrap:break-word; */
/*文字描边*/
/* 设置描边宽度及颜色 默认为字体内外描边
  text-stroke: 2px #2173FF;
 */
/* 兼容Webkit(Chrome/Safari)内核浏览器的写法
  -webkit-text-stroke: 2px #2173FF;
  color: #fff;
 */

.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.flex_box {
	display: flex;
}

.flex_box [class*=flex_box] {
	flex: 1 1 auto;
}

/*多行溢出*/
.line1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

.line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
}

.line4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 4;
}

.line5 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 5;
}

/* 水波纹效果 */
.btn-ripple {
	vertical-align: bottom;
}

.btn-ripple:not(:disabled):hover {
	opacity: 1;
	position: relative;
	overflow: hidden;
}

.btn-ripple:not(:disabled):hover::before {
	animation: ani_ripple 0.75s;
	z-index: 1;
	content: "";
	position: absolute;
	display: block;
	transition: all 0.6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
}

@keyframes ani_ripple {
	0% {
		background: rgba(0, 0, 0, 0.25);
		transform: translateX(-50%) translateY(-50%) scale(0);
	}

	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1);
	}
}

.common_banner img {
	width: 100%;
}

.common_position {
	background-color: #F8F8F8;
}

.common_center {
	justify-content: space-between;
	width: 14rem;
	margin: 0 auto;
	align-items: center;
	background-color: #fff;
}

.common_a_tit {
	height: 0.81rem;
	width: 1.85rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #504D4D;
	font-size: 0.18rem;
	border-right: 0.01rem solid #787676;
	transition: all .25s;
}

/* 公共面包屑 */
.common_bread_homer {
	width: 0.18rem;
	height: 0.2rem;
	margin-right: 0.05rem;
}

.common_bread_homer img {
	width: 100%;
	height: 100%;
}

.common_bread {
	display: flex;
	align-items: center;
}

.common_bread_homer {
	width: 0.18rem;
	height: 0.2rem;
}

.bread_item span {
	display: flex;
	align-items: center;
	color: #666666;
	font-size: 0.14rem;
}

.bread_item>a {
	display: flex;
	align-items: center;
}

.bread_items .bread_item:not(:first-child)::before {
	content: '/';
	display: block;
	font-size: 0.14rem;
	color: #666666;
	margin: 0 0.03rem;
	align-self: center;
}

.bread_items .bread_item,
.bread_items {
	display: flex;
}

.bread .common_center {
	padding-top: 0.18rem;
	padding-bottom: 0.13rem;
}

.bread .bread_icon {
	width: 0.14rem;
	height: 0.13rem;
	margin-right: 0.03rem;
}

.bread .bread_active span {
	color: var(--main_color);
}

.bread .bread_items {
	justify-content: flex-end;
}



/* hover-图片放大1.1 */
.scale-box {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.scale-box .scale-img {
	width: 100%;
	height: 100%;
	transition: .3s ease-in-out;
	cursor: pointer;
	object-fit: cover;
}

.hover-box:hover .scale-img {
	transform: scale(1.1);
}

/* 常用盒子阴影 */
.shadow_box {
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}

/* 表单去边框 */
input {
	border: none;
	outline: none;
}


/* 页码 */
.page_box {
  width: fit-content;
  margin: 0 auto;
  margin-top: 0.41rem;
  display: flex;
  align-items: center;
}
.page_box .pages {
  display: flex;
  align-items: center;
}
.page_box .pages .item {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.04rem;
  margin-right: 0.04rem;
  border: 0.01rem solid #E5E5E5;
  background-color: #fff;
  border-radius: 0.03rem;
  text-align: center;
  line-height: 0.32rem;
  font-size: 0.14rem;
  color: #7D7D7D;
  cursor: pointer;
  overflow: hidden;
}
.page_box .pages {
	color: #7D7D7D;
}
.page_box .pages .item:hover {
  background: var(--main_color);
  color: white;
}
.page_box .pages .active {
  background: var(--main_color);
  color: white;
}
.page_box .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.04rem;
  margin-right: 0.04rem;
  border: 0.01rem solid #DEDEDE;
  background-color: #fff;
  border-radius: 0.03rem;
  cursor: pointer;
  overflow: hidden;
}
.page_box .btn img {
  height: 0.11rem;
  object-fit: contain;
}
.page_box .btn:hover {
  background: var(--main_color);
}

.page_box .prev.btn.item.disable,
.page_box .next.btn.item.disable {
	opacity: 0.5;
}
.page_box .prev.btn:hover img,
.page_box .next.btn:hover img {
	filter: brightness(0) invert(1);
}
.page_box .total {
  margin-right: 0.23rem;
  font-size: 0.14rem;
  color: #333333;
}
.page_box .toPage {
  font-size: 0.14rem;
  color: #333333;
}
.page_box .toPage input {
  width: 0.79rem;
  height: 0.32rem;
  margin: 0 0.1rem;
  padding: 0 0.1rem;
  border-radius: 0.01rem 0.01rem 0.01rem 0.01rem;
  border: 0.01rem solid #B3B3B3;
  outline: none;
  font-size: 0.14rem;
  color: #4D4D4D;
}














/* 自定义样式 */
.inner_title {
	font-size: 0.3rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #010101;
}









@media only screen and (max-width: 1024px){
    .common_center{
        overflow: hidden;
    width:100%;
}
.page-wrap{
    margin-top: 50px;
}
.bread .common_center{
    display:none;
    overflow: hidden;
}
.page_box .btn, 
.page_box .pages .item{
    width: 25px;
    height: 25px;
        line-height: 25px;
        font-size: 12px;
}

}
strong,
strong, span {
    font-weight: bold;
}