@charset "utf-8";

/*基本共用*/
* {
	margin: 0;
	padding: 0
}

html {
	overflow-x: hidden;
}

body {
	width: 7.5rem;
	height: 100%;
	margin: 0 auto;
	font-family: "PingFangSC-Regular", "Arial", "Microsoft Yahei";
	background-color: #FAFAFA;
	font-size: .3rem;
	color: #1A1A1A;
}

img {
	border: none;
	text-align: center;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 400
}

a {
	color: #1A1A1A;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

input,
select,
textarea,
button {
	font-family: "PingFangSC-Regular", "Arial", "Microsoft Yahei";
	font-size: .3rem;
	outline: 0;
	margin: 0;
	padding: 0;
	border: none;
}

input[type=button],
input[type=text],
input[type=search],
input[type=submit],
input[type=reset],
input[type=date],
input[type=time],
input[type=number] {
	-webkit-appearance: none;
}

select {
	-webkit-appearance: none
}

textarea {
	-webkit-appearance: none
}

button {
	-webkit-appearance: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0
}

ol,
ul {
	padding: 0;
	list-style-type: none
}


td,
th {
	padding: 0
}

div.clear {
	font: 0 Arial;
	line-height: 0;
	height: 0;
	overflow: hidden;
	clear: both
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

i,
em {
	font-style: normal;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clearfix {
	*zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


input::input-placeholder,
textarea::input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #a8a8a8;
}

/* 背景色 */
.bg-FFF {
	background-color: #FFFFFF;
}

/*字体颜色*/
.c-blue {
	color: #1C62D6;
}

.c-red {
	color: #DA251C;
}

.c-grey {
	color: #999999;
}

i.icon {
	position: relative;
	display: inline-block;
	font-style: normal;
	vertical-align: middle;
}

.v-line {
	font-family: "宋体";
	color: #e6e6e6;
}

.line-c1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: left;
	word-break: break-all;
	overflow: hidden;
	white-space: normal;
}

.line-c2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	overflow: hidden;
	white-space: normal;
	line-height: 0.36rem;
}

.line-c3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-break: break-all;
	overflow: hidden;
	white-space: normal;
}

.horn-top {
	width: 0;
	height: 0;
	border-right: .14rem solid transparent;
	border-left: .14rem solid transparent;
	border-bottom: .15rem solid #F2F2F2;
}


.pad-lr-30 {
	padding: 0 .3rem;
}

.pad-t-112 {
	padding-top: 1.12rem;
}

.pad-b-200 {
	padding-bottom: 2rem;
}


.fixed {
	position: fixed;
	left: 50%;
	margin-left: -3.75rem;
}

.button {
	width: 3.08rem;
	height: .78rem;
	border-radius: .14rem;
}

.btn-o {
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #808080;
}

.btn-blue {
	background-color: #1777FD;
	border: 1px solid #1777FD;
	color: #FFFFFF;
}

.btn-blue-o {
	background-color: #FFFFFF;
	border: 1px solid #1777FD;
	color: #1777FD;
}

.btn-red {
	background-color: #DA251C;
	border: 1px solid #DA251C;
	color: #FFFFFF;
}

.btn-grey {
	background-color: #EAEEF5;
	border: 1px solid #EAEEF5;
	color: #1C62D6;
}


.footer {
	position: fixed;
	bottom: 0;
	width: 7.5rem;
	z-index: 99;
	/* height: .98rem; */
	padding: .15rem 0;
	font-size: 0;
	background: #ffffff;
	box-shadow: 0px -1px 0px 0px #E6E6E6;
}

.footer a {
	float: left;
	display: inline-block;
	width: 25%;
	padding-top: .5rem;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	color: #333333;
	font-size: .24rem;
	background-size: .44rem;
}

.footer a.on {
	color: #1C62D6;
}

a.icon-nav-01 {
	background-image: url(../images/icon-nav-01.png);
}

a.icon-nav-01.on {
	background-image: url(../images/icon-nav-01-on.png);
}

a.icon-nav-02 {
	background-image: url(../images/icon-nav-02.png?t=1);
}

a.icon-nav-02.on {
	background-image: url(../images/icon-nav-02-on.png?t=1);
}

a.icon-nav-03 {
	background-image: url(../images/icon-nav-03.png);
}

a.icon-nav-03.on {
	background-image: url(../images/icon-nav-03-on.png);
}

a.icon-nav-04 {
	background-image: url(../images/icon-nav-04.png);
}

a.icon-nav-04.on {
	background-image: url(../images/icon-nav-04-on.png);
}

a.icon-nav-05 {
	background-image: url(../images/pic.png?t=1);
}

a.icon-nav-05.on {
	background-image: url(../images/picon.png?t=1);
}
a.icon-nav-06 {
	background-image: url(../images/icon-nav-05.png?t=1);
}

a.icon-nav-06.on {
	background-image: url(../images/icon-nav-05-on.png?t=1);
}
.termMess{
	flex: 1;
	margin-right: .7rem;
}
.termMess h4{
	font-size: .32rem;
	color: #333333;
	margin: 0;
}
.termMess label{
	font-size: .24rem;
	color: #0099CC;
	margin-top: .15rem;
}
.termMess p{
	color: #333333;
	font-size: .24rem;
	line-height: .38rem;
	margin: .2rem 0rem 0rem;
}
.termMess p span{
	color: #999999;
}