body,
h1,
p,
span,
em,
i,
ul,
li {
	font-family: PingFang SC, Lantinghei SC, Roboto, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
	margin: 0;
	padding: 0;
}

ul,
ol,
li,
em,
h1,
h2,
h3,
h4,
h5 {
	list-style: none;
	margin: 0;
	padding: 0;
	font-style: normal
}

.indexbody {
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	height: 100%;
	/* background: linear-gradient(0deg, #FFFFFF 0%, #C4EAC5 100%); */
}


a {
	color: #333;
}

div,
p,
span,
i,
em,
header {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-style: normal;
}

a {
	text-decoration: none
}

input{
	outline: none;
	border: none;
	padding: 0;
}

.error{
	width: auto;
	display: none;
	max-width: 70%;
	padding: 4px 10px;
	height: auto;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 26px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 3000;
}

.borderBtm{
	border-bottom: .01rem solid #EEEEEE;
}
.line1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

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

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.w24{
	margin:0 3%;
}


 /* 详情页头部 */
 .details-header{
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	max-width: 750px;
 	margin: 0 auto;
 	z-index: 100;
 }
 .details-header .header-menu {
     position: relative;
 }
 .details-header em,.details-header .icon-menu{
 	display: inline-block;
 	width: .6rem;
 	height:.6rem;
 	border-radius: 50%;
 	text-align: center;
 	line-height: .6rem;
 	color:#fff;
 	margin: .24rem .24rem .24rem;
 	background: rgba(0, 0, 0, .5);
 }
 .details-header .header-menu .menu {
     border-radius: 4px;
     font-size: 0.26rem;
     background-color: #FFFFFF;
     box-shadow: 0px 0px 10px 0px #999;
     position: absolute;
     right: 0rem;
     top: .75rem;
     width: 2rem;
     transition: all .4s linear;
     overflow: hidden;
     text-align: center;
     z-index: 10;
     display: none;
 }

 .details-header .header-menu li {
     height: 0.6rem;
     line-height: 0.6rem;
     border-bottom: 1px solid #EEEEEE;
 }

 .details-header .header-menu li:last-of-type {
     border: none;
 }

 .details-header .header-menu li a {
     color: #000000;
 }

.indexbody{
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.noData{
 	background: #fff;
 	text-align: center;
 	padding: 2rem 0;
}
.noData img{
	width: 2.5rem;
	height: 2.5rem;
}
.noData .n1{
	font-size: .28rem;
	color: #999;
	margin-bottom: .1rem;
}
.noData .n2{
	display: inline-block;
	width: 2rem;
	height: .7rem;
	line-height:.7rem;
	background: #FA4B5D;
	border-radius: .5rem;
	text-align: center;
	font-size: .26rem;
	color: #fff;
	margin: .1rem auto;
}



/* 首页头部 */
.header-index{
	max-width: 750px;
	margin: 0 auto;
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	overflow: hidden;
	background: url('https://img.dahepiao.com/shaoye/bg014.png') no-repeat;
}
.header-index .input-box{
	margin: .14rem 3%;
	height: .6rem;
	line-height: .6rem;
	position: relative;
	display: flex;
}
.header-index .input-box i{
	position: absolute;
	right: .1rem;
	top: 0;
	padding: 0 .3rem 0 .25rem;
	font-size: .28rem;
	color: #999;
}
.header-index .input-box input{
	width: 94%;
	height: .6rem;
	line-height: .6rem;
	border-radius: 28px;
	background: #fff;
	padding-left: .4rem;
}


/* 底部 */
.m_footer {
	width: 96%;
	padding: 0.6rem 2% 3rem 2%;
	text-align: center;
	display: inline-block;
	font-size: .28rem;
}

.m_footer .nav {
	font-size: 0;
	margin-top: 0.3rem;
	margin-bottom: .2rem;
	text-align: center;
	color: #333
}

.m_footer .nav span {
	position: relative;
	display: inline-block;
	font-size: 0.3rem
}

.m_footer .nav a {
	color: #333;
	font-size: .28rem;
	display: inline-block;
}

.m_footer .nav a:first-child {
	margin-right: .2rem;
	padding-right: .2rem;
	position: relative;
}

.m_footer .nav a:first-child::after {
	content: "";
	width: .02rem;
	height: .28rem;
	background: #ddd;
	position: absolute;
	right: 0;
	top: .05rem;
}

.m_footer .tel {
	padding: .2rem 0;
}

.m_footer .tel a {
	font-size: .28rem;
	color: #666;
	display: inline-block;
	padding: .05rem 0;
}

.m_footer .f_logo {
	width: 120px;
	height: 26px;
	background: url("../images/logo2.png") no-repeat;
	text-align: center;
	margin: 0.5rem auto
}

.m_footer .f_cprt {
	width: 100%;
	text-align: center;
	font-size: 0.24rem;
	color: #cdcdcd;
	text-shadow: 0 1px 0 #fff;
}


.travleHeader{
    padding: 0 .24rem;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
	line-height: .64rem;
    right: 0;
	margin: 0 auto;
	width: 7.5rem;
	height: .8rem;
	background: #ffffff;
}

.travleHeader em {
	display: flex;
	align-items: center;
    max-width: 1.2rem;
    font-size: .28rem;
	height: .88rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.travleHeader em i{
	font-size: .3rem;
}
.travleHeader .search {
    position: relative;
    display: inline-block;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-left: .2rem;
}

.travleHeader .search i {
    position: absolute;
	font-size: .3rem;
}

.travleHeader .search input {
    position: absolute;
    height: 100%;
    line-height: 100%;
    background: #F5F5F5;
    border-radius: 0.2rem;
    outline: none;
    font-size: .28rem;
    border: none;
}

.travleHeader .menu{
	position:absolute;
	right:0;
	top:0;
	width:1rem;
	height:.88rem;
	line-height:.88rem;
	text-align:center;
}
.travleHeader .menu i{
	font-size: .3rem;
}
.travleHeader1 .search{
	width:4.5rem;
}
.travleHeader1 .search input{
	 width:4.4rem;
	 padding-left: .2rem;
}

.travleHeader2 .search{
	width:5.6rem;
}
.travleHeader2 .search input{
	 width:5rem;
	 padding-left: .6rem;
}

.travleHeader1 .search i {
    right: 0.1rem;
}
.travleHeader2 .search i {
    left: 0.2rem;
}
.travleHeader3 h3{
    min-width: 70%;
	text-align: center;
	font-size: .32rem;
	margin:  0 auto;
	font-weight: 500;
	position: fixed;
	left: 15%;
}
.titleSearch{
	width: .90rem;
	height: .48rem;
	background: #24C527;
	border-radius: .24rem;
	font-family: PingFang SC;
	font-weight: 400;
	font-size: .24rem;
	color: #FFFFFF;
	line-height: .48rem;
	text-align: center;
	margin-left: .2rem;
}

.small{
	font-size: .24rem;
}


.footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 1rem;
	background-color: #fff;
	max-width: 7.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer a {
	flex: 1;
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #666666;
	font-size: .20rem;
	line-height: .20rem;
}

.footer img {
	width: .47rem;
	height: .45rem;
}

.headerList {
	display: flex;
	align-items: center;
	padding: .24rem;
	max-width: 7.5rem;
	width: 7.5rem;
	height: .88rem;
	position: fixed;
	left: auto;
	right: auto;
	z-index: 1000;
	background: #fff;
}

.headerList i {
	font-size: .32rem;
	color: #333333;
}

.headerList div {
	flex: 1;
	text-align: center;
	font-size: .32rem;
	color: #333333;
}

.zwsj{
	max-width: 7.5rem;
	text-align: center;
    font-size: .26rem;
    height: 3rem;
    line-height: 3rem;
}

.zwsj img{
	margin-top: 3rem;
	width: 3rem;
	height: 3rem;
}
.zwsj div{
	font-size: .30rem;
	margin-bottom: .24rem;
	color: #999;
}
.zwsj button{
	width: 3rem;
	height: .74rem;
	background: #FD4C36;
	border-radius: .37rem;
	border: none;
	color: #FFFFFF;
	font-size: .28rem;
}


.tc {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.tc .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.tc .title {
	font-size: .3rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: .06rem solid #f7f7f7;
}

.tc .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
	padding-bottom: .5rem;
}

.tc .contents .infoList {
	padding: .24rem;
}

.tc .contents .infoList .i1 {
	font-weight: bold;
	font-size: .26rem;
	color: #333333;
	display: flex;
	align-items: center;
}
.tc .contents .infoList .i1 img{
	width: .3rem;
	height: .3rem;
	margin-right: .05rem;
}
.tc .contents .infoList .i2 {
	font-weight: 400;
	font-size: .24rem;
	color: #666666;
}


.tx {
	width: auto;
	max-width: 5.6rem;
	padding: .2rem .4rem;
	height: auto;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: .04rem;
	font-size: .32rem;
	line-height: .32rem;
	position: fixed;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 9999;
	display: none;
}


/* 客服 */
.kefu {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 750px;
	margin: 0 auto;
	display: none;
}

.kefu .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.kefu .title {
	font-size: .3rem;
	text-align: center;
	line-height: 1rem;
	border-bottom: .16rem solid #f7f7f7;
}

.kefu .content {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .2rem .2rem 0px 0px;
	z-index: 300;
	width: 100%;
}

.kefu .content a {
	padding: .25rem .32rem;
}

.kefu .content p:nth-child(1) {
	font-size: .28rem;
	margin-bottom: .15rem;
	display: flex;
	align-items: center;
}

.kefu .content p:nth-child(1) em {
	padding: 1px .15rem;
	border-radius: 4px;
	background: #FF932A;
	color: #fff;
	margin-left: .1rem;
	font-weight: 400;
	font-size: .2rem;
}

.kefu .content p:nth-child(2) {
	font-size: .26rem;
	color: #999;
}

.kefu .content img {
	width: .5rem;
}

.kefu .content .cancle {
	text-align: center;
	font-size: .3rem;
	line-height: 1rem;
	border-top: .16rem solid #f7f7f7;
}



.fxtc {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	max-width: 7.5rem;
	margin: 0 auto;
	display: none;
}

.fxtc .bg {
	width: 7.5rem;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .3);
	z-index: 200;
}

.fxtc .title {
	font-size: .32rem;
	color: #000000;
	line-height: .94rem;
	margin-left: 2.9rem;
	font-weight: 600;
}

.fxtc .title img {
	width: .42rem;
	margin-left: 2.2rem;
}

.fxtc .contents {
	background: #fff;
	position: absolute;
	bottom: 0;
	border-radius: .3rem .3rem 0 0;
	z-index: 300;
	width: 7.5rem;
	max-height: 13rem;
}

.fxtc .contents .infoContent {
	overflow-y: scroll;
	max-height: 11rem;
	padding: 0 .24rem;
	padding-bottom: 1.5rem;
}

.fxtc .contents .infoContent img {
	width: 7.02rem;
	height: 4.68rem;
}

.fxtc .contents .bottom {
	text-align: center;
	font-size: .3rem;
	line-height: 1rem;
	border-top: .16rem solid #f7f7f7;
	position: fixed;
	bottom: 0;
	width: 7.5rem;
	background: #FFFFFF;
	padding: 0 .24rem;
}

.fxtc .contents .bottom div {
	font-size: .28rem;
	color: #FA4B5D;
}

.fxtc .contents .bottom div i {
	font-size: .24rem;
	color: #999999;
	text-decoration-line: line-through;
}

.fxtc .contents .bottom a {
	width: 3rem;
	height: .74rem;
	line-height: .74rem;
	text-align: center;
	background: #FA4B5D;
	border-radius: .37rem;
	color: #FFFFFF;
	font-size: .28rem;
}
.city_page {
    background: #f7f7f7;
    position: fixed;
    top: 0;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    overflow: scroll;
    display: none;
    z-index: 99999;
}

.city_page .title {
    font-size: 0.3rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    position: relative;
    width: 100%;
}

.city_page .title i {
    width: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    font-size: .3rem;
    text-align: center;
    height: .8rem;
    display: inline-block;
}

.city_page .hotList {
    padding: .24rem;
}

.city_page .hotList .hotTitle {
    font-size: .28rem;
    color: #333333;
}

.city_page .hotList .hotItem1 {
    font-size: .28rem;
    color: #333333;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}

.city_page .hotList .hotItem1 a {
    margin-right: .24rem;
    background: #FFFFFF;
    border: .01rem solid #EEEEEE;
    text-align: center;
    width: 2rem;
    height: .62rem;
    line-height: .62rem;
    margin-top: .1rem;
}

.city_page .hotList .hotItem1 a:nth-child(3n) {
    margin-right: 0;
}

.city_page .cityList {
    padding: .24rem;
    background: #FFFFFF;
}

.city_page .cityList .cityTitle {
    font-size: .28rem;
    color: #333333;
}

.city_page .cityList .cityItem {
    display: grid;
}

.city_page .cityList .cityItem a {
    width: 7.02rem;
    height: .8rem;
    line-height: .8rem;
    border-bottom: .01rem solid #EEEEEE;
}

.city_page .zmList {
    position: fixed;
    right: 0;
    top: 0.5rem;
    width: .5rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-size: .24rem;
}
.g_3_image {
    display: inline-block;
    width: 1.70rem;
    height: .30rem;
    background: url('../image/icon_pingden2.png') no-repeat scroll 0 0;
    background-size: 1.7rem;
}

.g_3_image .image {
    display: block;
    height: .30rem;
    width: 47%;
    background: url('../image/icon_pingden1.png') no-repeat 0 0;
    background-size: 1.7rem;
}