﻿/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/* index banner */
.banner {
	position: relative;
	width: 100%;
}
.swiper-pagination {
	bottom: 0.1rem !important;
	text-align: center !important;
	font-size: 0;
}
.swiper-pagination-bullet {
	width: 0.12rem !important;
	height: 0.12rem !important;
	opacity: 1 !important;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f75a53 !important;
}
.swiper-pagination-bullet-active {
	background-color: #FFF !important;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 0.05rem !important;
}
/* -------------------------自定义部分开始 --------------------------*/
@font-face {
	font-family: "hfont";
	src: url('../font/hfont.woff') format('woff'), url('../font/hfont.ttf') format('truetype');
}
.hfont {
	font-family: "hfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.clear-fix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}
input {
	outline: none;
}
/*content*/
.content {
	padding-bottom: 0.75rem !important;
}
/*iwrap*/
.iwrap {
	position: relative;
	width: 93.75%;
	margin: 0 auto;
}
/*hnav2*/
.hnav2 {
	background: #f75a53;
}
.hnav2 .son {
	float: left;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 33%;
	border-right: 1px solid #e15650;
	border-top: 1px solid #e15650;
	font-size: 0.22rem;
	line-height: 0.5rem;
	text-align: center;
	color: #FFF;
}
.hnav2 .son:first-child {
	border-left: none;
}
.hnav2 .son:nth-child(3n) {
	border-right: none;
}
.hnav2 .son:nth-child(-n+3) {
	border-top: none;
}
.hnav2 .son:nth-last-child(-n+3) {
	border-bottom: none;
}
/*itl_b*/
.itl_b {
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 1em;
}
.itl_b:before {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 35%;
	margin-top: -0.01rem;
	content: "";
	border-top: 0.02rem solid #000000;
}
.itl_b:after {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	width: 35%;
	margin-top: -0.01rem;
	content: "";
	border-top: 0.02rem solid #000000;
}
.itl_b a {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	padding: 0 0.5em;
	font-size: 0.23rem;
	line-height: 0.32rem;
	color: #000000;
	font-weight: normal;
}
.itl_b a:before {
	position: absolute;
	top: 50%;
	left: -0.24rem;
	z-index: 1;
	width: 0.15rem;
	border-top: 0.04rem solid #000000;
	margin-top: -0.02rem;
	content: "";
}
.itl_b a:after {
	position: absolute;
	top: 50%;
	right: -0.24rem;
	z-index: 1;
	width: 0.15rem;
	border-top: 0.04rem solid #000000;
	margin-top: -0.02rem;
	content: "";
}
/*item_e*/
.item_e {
	position: relative;
	float: left;
	width: 48.3%;
	margin: 0.15rem 3.4% 0.2rem 0;
}
.item_e:nth-child(2n) {
	margin-right: 0;
}
.item_e .pic {
	position: relative;
	border: 1px solid #f75a53;
	padding: 0.06rem 0.06rem 0.25rem;
}
.item_e .pic img {
	height: 1.7rem;
}
.item_e .tl {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	display: block;
	width: 70%;
	margin: -0.2rem auto 0;
	padding: 0 0.5em;
	font-weight: normal;
	font-size: 0.22rem;
	color: #FFF;
	line-height: 0.4rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #f75a53;
}
/*itl_b_more*/
.itl_b_more {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 0.25rem;
	color: #fff;
	line-height: 0.45rem;
	text-align: center;
	background: #f75a53;
	border-radius: 5px;
	width: 40%;
	margin: auto;
}
/*itl*/
.itl {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 93.75%;
	margin: 0.15rem auto;
	padding: 0.02rem;
	border: 1px solid #f75a53;
	box-shadow: 0 0 0 1px #f75a53;
}
.itl h2 {
	display: inline-block;
	padding: 0 1em;
	font-size: 0.23rem;
	line-height: 0.46rem;
	color: #FFF;
	font-weight: normal;
	background: #f75a53;
}
.itl h2 span {
	margin-right: 0.1rem;
}
.itl_more {
	float: right;
	margin: 0.02rem 0;
	padding: 0 0.5em;
	border-left: 1px solid #f75a53;
	font-size: 0.2rem;
	line-height: 0.42rem;
}
.itl_more a {
	display: block;
	color: #474b40;
}
/*iadg*/
.iadg {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.21rem;
	line-height: 1.5em;
	color: #333;
	text-align: left;
}
.iadg a {
	color: #ff4218;
}
/*item_b*/
.item_b {
	position: relative;
	float: left;
	width: 47.5%;
	margin-right: 5%;
	margin-top: 0.05rem;
}
.item_b:nth-child(2n) {
	margin-right: 0;
}
.item_b .pic {
	position: relative;
}
.item_b .pic img {
	height: 1.8rem;
}
.item_b .tl {
	display: block;
	margin-top: 0.05rem;
	font-weight: normal;
	font-size: 0.23rem;
	color: #141414;
	line-height: 0.4rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*itel*/
.itel {
	display: block;
	margin: 0.15rem 0;
	padding: 0.05rem 0;
	font-weight: bold;
	font-size: 0.25rem;
	color: #FFF;
	line-height: 0.4rem;
	text-align: center;
	background: #f75a53;
}
.itel i {
	display: inline-block;
	vertical-align: top;
	padding: 0 0.1rem;
	margin-left: 0.1rem;
	font-style: normal;
	font-weight: normal;
	color: #f75a53;
	background: #FFF;
	border-radius: 0.05rem;
}
.itel span {
	display: inline-block;
	vertical-align: top;
	font-size: 0.32rem;
	font-weight: normal;
}
/*item_c*/
.item_c {
	position: relative;
	width: 33.33%;
	float: left;
	margin-bottom: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.item_c:nth-child(2n) .con {
	top: 0;
}
.item_c:nth-child(2n) .pic {
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
}
.item_c:nth-child(2n) .flag {
	bottom: auto;
	top: 0;
	border-bottom: none;
	border-top: 0.2rem solid #e0e8d1;
}
.item_c .pic {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.item_c .flag {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -0.2rem;
	border-left: 0.2rem solid transparent;
	border-right: 0.2rem solid transparent;
	border-bottom: 0.2rem solid #e0e8d1;
}
.item_c .con {
	position: absolute;
	top: 100%;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0 0.1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e0e8d1;
}
.item_c .tl {
	display: block;
	margin-top: 0.05rem;
	font-size: 0.23rem;
	color: #42464f;
	line-height: 0.3rem;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item_c .txt {
	display: block;
	overflow: hidden;
	max-height: 0.5rem;
	font-size: 0.2rem;
	line-height: 0.25rem;
	color: #666;
}
.item_c .price {
	display: block;
	margin-top: 0.05rem;
	border-top: 1px solid #0a863e;
	font-size: 0.18rem;
	line-height: 0.3rem;
	color: #bfbfbf;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*item_f*/
.item_f {
	position: relative;
	overflow: hidden;
	padding: 0.1rem 3.125%;
	background: none;
}
.item_f:first-child {
	margin-top: -0.1rem;
}
.item_f:nth-child(2n) {
	background: #e0e8d1;
}
.item_f:last-child {
	margin-bottom: -0.1rem;
}
.item_f .pic {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 24.8%;
	padding: 0.025rem;
	background: #d7d7d7;
	border-radius: 0.02rem;
}
.item_f .con {
	position: absolute;
	top: 0.1rem;
	right: 3.125%;
	width: 67%;
}
.item_f .tl a {
	display: block;
	line-height: 0.3rem;
	font-size: 0.23rem;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.item_f .txt {
	max-height: 2.6em;
	overflow: hidden;
	font-size: 0.2rem;
	color: #42464f;
	line-height: 1.3em;
}
.item_f .date {
	display: inline-block;
	font-size: 0.2rem;
	line-height: 0.29rem;
	color: #6c6c6c;
}
.item_f .date i {
	color: #3f80d8;
	font-size: 0.25rem;
	font-weight: bold;
	font-style: normal;
}
/*inew2*/
.inew2 {
	margin-top: -0.1rem;
}
.inew2 li {
	padding: 0 1% 0 0;
	border-bottom: 1px dotted #a6b0b7;
	font-size: 0.22rem;
	color: #404040;
	line-height: 0.5rem;
}
.inew2 a {
	display: block;
	color: #42464f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inew2 span:first-child {
	float: right;
	padding-left: 0.1rem;
	font-size: 0.2rem;
	color: #bfbfbf;
}
.inew2 span:nth-child(2) {
	display: inline-block;
	vertical-align: middle;
	width: 0.05rem;
	height: 0.05rem;
	border: 0.02rem solid #F75A53;
	margin: 0 0.1rem;
	border-radius: 50%;
	color: #fdffed;
}
/*itl3*/
.itl3 {
	margin-bottom: -0.225rem;
	margin-top: 0.15rem;
	text-align: center;
}
.itl3 span {
	display: inline-block;
	position: relative;
	padding: 0 0.4rem;
	font-weight: bold;
	font-size: 0.26rem;
	line-height: 0.45rem;
	color: #FFF;
	background: #ff890a;
}
/*iadg2*/
.iadg2 {
	width: 93.75%;
	margin: 0 auto 0.15rem;
	padding: 1.5em 1em 1em;
	border: 0.02rem solid #ff890a;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.21rem;
	line-height: 1.5em;
	color: #42464f;
}
.iadg2 a {
	font-weight: bold;
	color: #171615;
}
/*iabout*/
.iabout {
	display: block;
	padding: 0.25rem 0;
	font-size: 0.21rem;
	color: #FFF;
	text-align: center;
	background: #f75a53;
	border-radius: 0.1rem;
	margin: 0.15rem auto;
	margin-bottom: 0;
	width: 93.75%;
}
.iabout span {
	display: inline-block;
	vertical-align: middle;
}
.iabout span:first-child {
	font-size: 0.23rem;
	text-align: left;
}
.iabout span:last-child {
	padding: 0.06rem 0.2rem;
	margin-left: 0.1rem;
	color: #f75a53;
	background: #FFF;
	border-radius: 0.1rem;
}
.iabout span:last-child strong {
	display: inline-block;
	font-weight: bold;
	font-size: 0.25rem;
	line-height: 1.625em;
}
.iabout span:last-child i {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0.05rem;
	font-size: 0.35rem;
	margin-right: 0.05rem;
}
/*beian*/
.beian {
	width: 100%;
	height: 0.5rem;
	font-size: 0.21rem;
	line-height: 0.65rem;
	color: #666;
	text-align: center;
}
.beian a {
	color: #666;
}
.cbtn-top {
	display: none;
	position: fixed;
	right: 2%;
	bottom: 10%;
	border-radius: 50%;
	width: 2.25em;
	height: 2.25em;
	padding: 0.3125em;
	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
	z-index: 99999;
	background: #333;
	color: #FFF;
	opacity: .8;
}
