body {
  font-family:"Microsoft Yahei", sans-serif;
  font-size:12px;
  padding:0px;
  margin:0px;
}
a:link,
a:visited{
	color:#333;
	text-decoration:none
}
a:active,
a:hover {
	text-decoration:none;
}
.f12{font-size:12px}
.f12b{font-size:12px;font-weight:bold}
.f13{font-size:13px}
.f13b{font-size:13px;font-weight:bold}
.f14{font-size:14px}
.f14b{font-size:14px;font-weight:bold}
.f15{font-size:15px}
.f15b{font-size:15px;font-weight:bold}
.f16{font-size:16px}
.f16b{font-size:16px;font-weight:bold}
.f18{font-size:18px}
.f18b{font-size:18px;font-weight:bold}
.f20{font-size:20px}
.f20b{font-size:20px;font-weight:bold}
.f24{font-size:24px}
.f24b{font-size:24px;font-weight:bold}

.mrt4{margin-top:4px}
.mrt8{margin-top:8px}
.mrt12{margin-top:12px}
.mrt16{margin-top:16px}
.mrt24{margin-top:24px}
.mrt32{margin-top:32px}
.mrt40{margin-top:40px}

.mrb8{margin-bottom:8px}
.mrb12{margin-bottom:12px}
.mrb16{margin-bottom:16px}
.mrb24{margin-bottom:24px}

.txt-b{color:#000000}
.txt-w{color:#ffffff}
.txt-in{text-indent:20px;}

.tal-c{text-align:center}
.tal-l{text-align:left}
.m-p{
	position:fixed;
	min-height:48px;
	height:auto;
	overflow:hidden;
	width:100%;
	top:0px;
	left:0px;
	margin-bottom:48px;
	z-index:1008;
	background:#f0f0f0f0;
}
.m,
.m1{
	min-height:48px;
	height:auto;
	width:100%;
	margin:0 auto;
	max-width:1024px;
    position:relative;
    padding:0px;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
	font-size:14px;
	text-align:center;
}
.m-i,
.m-i-h,
.m-i-n{
	width:100%;
	flex:1;
	height:48px;
	line-height:48px;
	padding:0 12px;
	color:#333;
	cursor:pointer;
	font-weight:500;
	position:relative;
	text-align:center;
	box-sizing:border-box;
}
.m-i:hover{
	font-size:15px;
	font-weight:700;
}
.m-i-h img{
	height:100%;
	box-sizing:border-box;
	padding:5px 0;
}
.m-e{
	position:absolute;
	display:none;
	right:0px;
	height:100%;
	width:62px;
	box-sizing:border-box;
	color:#333;
	font-weight:300;
	font-size:32px;
	line-height:48px;
	padding:0px;
	text-align:center;
	top:0px;
}
.content{
	width:100%;
	max-width:1024px;
	background:#fff;
	box-sizing:border-box;
	padding:0px;
	min-height:200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.title-b{
	font-size:32px;
	position:relative;
	margin-top:20px;
	line-height:60px;
	text-align:center;
}
.title-m{
	font-size:28px;
	position:relative;
	margin-top:20px;
	line-height:50px;
	text-align:center;
}
.items{
	width:100%;
	box-sizing:border-box;
	padding:0px 10px;
	min-height:200px;
	height:auto;
	overflow:hidden;
	display:flex;
    flex-direction:row;
	margin:0 auto;
}
.item{
	width:100%;
	flex:1;
	min-height:180px;
	height:auto;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	margin:10px;
	padding:0;
	color:#333;
	background:transparent;
	position:relative;
}
.item img{
	width:100%;
	border-radius:20px;
}
.item-cont{
	position:relative;
	box-sizing:border-box;
	padding:10px 20px;
	margin-top:8px;
	font-size:13px;
}
.tips,
.tips1{
	background:#11aa33;
	padding:5px 10px;
	font-size:13px;
	margin:10px 10px 10px 0;
	color:#fff;
	position:relative;
}
.tips1{
	background:#f91;
}
.btn-m{
	width:220px;
	border-radius:100px;
	position:relative;
	margin:40px auto;
	background:#f0f0f0;
	height:64px;
	line-height:64px;
	font-size:18px;
	text-align:center;
	color:#333;
}
.tips::before{
	position:absolute;
    content:'';
    top:-5px;
    left:8px;
    line-height:0;
    border-width:5px;
    border-color:#11aa33;
    border-top-width:0;
    border-style:dashed;
    border-bottom-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
}
.tips1::before{
	position:absolute;
    content:'';
    top:-5px;
    left:8px;
    line-height:0;
    border-width:5px;
    border-color:#f91;
    border-top-width:0;
    border-style:dashed;
    border-bottom-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
}
.call{
	width:60%;
	height:44px;
	line-height:44px;
	left:28%;
	bottom:110px;
	margin:10px auto;
	border-radius:40px;
	background:#333;
	color:#fff;
	font-size:20px;
	text-align:center;
	z-index:1002;
}
.f-r{
	width:100%;
	box-sizing:border-box;
	min-height:24px;
	display:flex;
    flex-direction:row;
	height:auto;
	overflow:hidden;
}
.f-r-i{
	width:100%;
	height:100%;
	overflow:auto;
	flex:1;
	box-sizing:border-box;
}
.rad{
	height:52px;
	width:52px;
	border:1px solid #eee;
	border-radius:50px;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	background:#fff;
}
.rad-it img{
	width:32px;
	height:32px;
	margin-top:10px;
}
.foot{
    position:relative;
    min-height:100px;
	height:auto;
	box-sizing:border-box;
    width:100%;
	background:#f2f2f2;
	box-sizing:border-box;
	padding:30px 0;
    text-align:center;
    margin-top:40px;
}
.ad,
.ad-l{
    position:absolute;
    z-index:1001;
    width:100%;
    font-size:56px;
    text-align:center;
    top:50px;
}
.ad-l{
    left:100px;
    top:100px;
    text-align:left;
}
.item .ad{
	font-size:32px;
}
@media screen and (max-width:600px) {
	.m-e{display:block}
	.items{display:block;padding:0 18px;}
	.item{margin:10px auto}
	.ad,
    .ad-l{
        font-size:36px;
        top:30px;
        left:0;
        text-align:center;
    }
	.m,.m1{display:block;background:#f0f0f0f1}
	.m-i,.m-i-h{text-align:left;padding-left:30px;border-bottom:1px solid #e5e5e5;}
	.m-i-n{display:none}
	.m .m-i{display:none;}
}