html {
	font-size: 62.5%;
    -ms-text-size-adjust: 100%;
  	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
}
@font-face {
    font-family: 'PingFang';
    src: local('../fonts/PingFang.ttc'),
	local('../fonts/PingFang.ttc') format('embedded-opentype'), /* Internet Explorer */
	local('../fonts/PingFang.ttc') format('woff2'),             /* Super Modern Browsers */
	local('../fonts/PingFang.ttc') format('woff'),              /* Pretty Modern Browsers */
	local('../fonts/PingFang.ttc') format('truetype'),          /* Safari, Android, iOS */
	local('../fonts/PingFang.ttc') format('svg');               /* Legacy iOS */
    }
body {
	font-family: "PingFang SC", "PingFang", "Microsoft YaHei", "Helvetica", "Hiragino Sans GB", "Arial"," sans-serif";
	-webkit-font-smoothing: antialiased;
	background: #FFFFFF;
	text-rendering: optimizespeed;
	font-size: 0.28rem;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	color: #192234;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}

ul,li,ol,dl,dd {
	list-style: none;
}

/* 表单样式重置 **/
button,input,select,textarea {
	vertical-align: baseline;
	*vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

button,input {
	line-height: normal;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

button,select {
	text-transform: none;
	cursor: pointer;
}

a {
	text-decoration: none;
}

a:link {
	text-decoration: none;
}

img {
	border: 0;
}

/***** 重置表格元素 *****/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 
****清除浮动样式设置****
 */
i {
	font-style: normal;
}

.clearfix {
	display: block;
	zoom: 1;
}
.clearfix:after,
.clearfix:before {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.float-left{
	float: left;
}

.float-right{
	float: right;
}

/* 高自动，超出部分隐藏 ****/
.height-over {
	height: auto;
	overflow: hidden;
}

.font-bold {
	font-weight: bold;
}

.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.border-box:before,
.border-box:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.block {
	display: block;
}

.container {
	padding: 0 0.4rem;
}
.pointer {
	cursor: pointer;
}


/* 文字对齐 */
.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}
.text-decoration{
	text-decoration: underline !important;
}

/* 遮罩层 */
.none{
	display: none;
}

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 30;
}
.img-auto img{
	width:100%;
	height: auto;
}

.font-30 {
	font-size: 0.3rem;
}
.font-40 {
	font-size: 0.4rem;
}
.font-24 {
	font-size: 0.24rem;
}
.font-32 {
	font-size: 0.32rem;
}

/* 公共颜色 */
.g-orange{
	color: #FF6800 !important;
}
.g-gray{
	color: #999999 !important;
}
.g-darkgray{
	color: #666666 !important;
}
.g-dark{
	color: #333333 !important;
}
.g-blue{
	color: #2A6BF2 !important;
}
.g-green{
	color: #15CDA9 !important;
}
.g-light-gray-a a:link{
	color: #666;
}
.g-light-gray-a a{
	color: #666;
}
.g-light-gray-a a:active{
	color: #2A6BF2;
}
.g-light-gray-a a:hover{
	color: #2A6BF2;
	/* text-decoration: underline; */
}

.g-blue-a a:link{
	color: #2A6BF2;
}
.g-blue-gray-a a{
	color: #2A6BF2;
}
.g-blue-a a:active{
	color: #2A6BF2;
}
.g-blue-a a:hover{
	color: #2A6BF2;
	/* text-decoration: underline; */
}

.g-white-a a:link{
	color: #fff;
}
.g-white-a a{
	color: #fff;
}
.g-white-a a:active{
	color: #fff;
}
.g-white-a a:hover{
	color:#fff;
}

/* 公共间距 */
.g-mb20{
	margin-bottom: 0.2rem !important;
}
.g-mb10{
	margin-bottom: 0.1rem !important;
}
.g-mt20{
	margin-top: 0.20rem !important;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

/* 一行或者多行省率号显示 */
.one-font-hide {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.two-font-hide {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.three-font-hide {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.four-font-hide {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}


/* input placeholder */
input::-webkit-input-placeholder {
	color: rgba(153, 153, 153, 1);
	font-size: 0.24rem;
}

input::-moz-placeholder {
	color: rgba(153, 153, 153, 1);
	font-size: 0.24rem;
}

input:-moz-placeholder {
	color: rgba(153, 153, 153, 1);
	font-size:  0.24rem;
}

input:-ms-input-placeholder {
	color: rgba(153, 153, 153, 1);
	font-size: 0.24rem;
}

/* 动画 */
.slideInUp {
	animation: slideInUp .5s both;
	-webkit-animation: slideInUp .5s both;
	-moz-animation: slideInUp .5s both;
}

.slideInDown {
	animation: slideInDown .5s both;
	-webkit-animation: slideInDown .5s both;
	-moz-animation: slideInDown .5s both;
}

.slideOutUp {
	animation: slideOutUp .5s both;
	-webkit-animation: slideOutUp .5s both;
	-moz-animation: slideOutUp .5s both;
}


.slideInRight {
	animation: slideInRight .5s both;
	-webkit-animation: slideInRight .5s both;
	-moz-animation: slideInRight .5s both;
}

.zoomIn {
	animation: zoomIn .5s both;
	-webkit-animation: zoomIn .5s both;
	-moz-animation: zoomIn .5s both;
}

.bounceIn {
	animation: bounceIn .5s both;
	-webkit-animation: bounceIn .5s both;
	-moz-animation: bounceIn .5s both;
}

@keyframes slideInUp {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

@-webkit-keyframes slideInUp {
	0% {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes slideInRight {
	0% {
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0)
	}
}


@keyframes slideInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		transform: translateZ(0);
	}
}


@keyframes slideOutUp {
	0% {
		transform: translateZ(0);
	}

	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@-moz-keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}


@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        -ms-transform: scale(.2);
        transform: scale(.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}