﻿body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素 */
dl,dt,dd,ul,ol,li,/*  list elements 列表元素*/
pre,/* text formatting elements 文本格式元素 */
fieldset,lengend,button,input,textarea, /* form elements 表单元素 */
th,td{margin:0;padding:0;}
body,button,input,textarea{border:none; }
/* font:12px SF Pro SC,SF Pro Text,PingFang SC,Helvetica, Arial, "\5b8b\4f53", sans-serif; */
address,cite,dfn,em,var{font-style: normal;}
code,kbd,pre,samp,tt{ font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small{font-size: 12px;}/* 小于 12px 的中文很难阅读，让 small 正常化 */
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none;transition: all .35s;}
/* a:hover{text-decoration: underline;} */
table{border-collapse: collapse;border-spacing: 0;}
html,body{-webkit-text-size-adjust:none;}
*{padding:0;margin:0;-webkit-tap-highlight-color:transparent;}
font{font-size:12px;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.hide{display: none;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}
i,em{font-style: normal;vertical-align: middle;display: inline-block;}
input,button,select,textarea{ outline:none;height: auto;line-height: normal;-webkit-appearance: none;font-family: 'hwnormal';}
.hide{display: none;}
button{cursor:pointer;outline: none;background: none;}
.c66{color: #666;}.c88{color: #888;}
.c99{color: #999;}
.f26{font-size: .26rem;}
.f28{font-size: .28rem;}
.f30{font-size: .30rem;}
.f32{font-size: .32rem;}
.f34{font-size: .34rem;}
.f36{font-size: .36rem;}
.f40{font-size: .4rem;}
.cf00{color: #f00;}
.cyellow{color: #fe9e1f;}
.bgf5{background: #f5f5f5;}
.c1{color: #f85c55}
/* 黄色 */
.c2{color: #f8d907}
/* 地黄色 */
.c2_1{color: #db8304;}
.bdnone{border-bottom: none;}
.yichu{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
/*垂直水平居中*/
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
/*垂直居中*/
.vtm{top: 50%; position: absolute;-webkit-transform: translate(0, -50%);transform:translate(0, -50%);}
.vt{left: 50%; position: relative;-webkit-transform: translate(-50%, 0);transform:translate(-50%, 0);}
/*元素均分*/
.my-bar{bottom: 0;display: table; width: 100%;height: 50px; padding: 0;table-layout: fixed;border-top: 0;border-bottom: 0;-webkit-touch-callout: none;}
.my-bar .my-bar-item{display: table-cell;overflow: hidden;width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap;text-overflow: ellipsis;color: #929292;}
.my-bar .my-bar-item.mui-active{color: #007aff;}
.p_relative{position: relative;}
.icon{display: inline-block;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;vertical-align: middle;}
.text-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
h1,h2,h3,h4,h5{font-weight: normal;}
.c78{color: #787878;}
.f22{font-size: .22rem;}
.f24{font-size: .24rem;}
.f28{font-size: .28rem;}
.f38{font-size: .38rem;}
.f40{font-size: .4rem;}
.img-responsive{display: block;width: 100%;height: auto;}
.t-line{text-decoration: underline;}
.bgf{background: #fff;}
.bgf4{background: #f4f4f4;}
.cred_a{color: #b7030f;}
table{width: 100%;border-collapse: collapse;}
span,em{display: inline-block;}
.int::-webkit-input-placeholder { /* WebKit browsers */
    color:#959595;
}
.int:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #959595;
}
.int::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#959595;
}
.int:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#959595;
}

.flex,.dflex{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.flex_vtop{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start
}
.flex_center{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center
}
.flex_justify,.djustify{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex_box_1{
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1
}

.marauto{margin: auto;}
.flex{
    display: flex;
    align-items: center;
}

.flex-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{
	font-weight: normal;
	margin:0 auto;
	line-height:1;
	position: relative;
	font-family: "微软雅黑";
}

.ovf{overflow: hidden;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;font-weight: normal;}
ul { list-style:none;}
*{ margin:0px; padding:0px;list-style: none;}
img { border:0px;display: block;max-width: 100%;/*object-fit: cover;*/}
h2,h4{font-weight: normal;}
a { color:#535353; text-decoration:none;}
.clear{ clear:both;}
.clearfix{ zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }
.fl {float:left;}
.fr {float:right;}
.hidden{display: none;}
.white{color: #fff !important;}
/*-----------------头部开始--------------------*/

button:focus,input:focus,select:focus{
	outline: none;
}
.absolute {
    position: absolute;
}
.hide {
    display: none;
}
.relative {
    position: relative;
}

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

.img-responsive {
	display: block;
	height: auto;
	width: 100%;
	max-width: 100%;
  }
