@charset "utf-8";

/*
*author:史纯飞;
*ver:1.2;
*createTime：2022-02-16； 
*updateTime:;
 */
html {
  font-size: 100%;
  height: 100%;
}

body {
  background-color: #f4f4f4;
  /*默认的手机端字体：Helvetica，加微软雅黑是为了在PC上也能模拟类似于手机上的字体效果*/
  font-family: Helvetica, "微软雅黑", -apple-system, sans-serif;
  font-size: .18rem;
  line-height: 1.5;

  /*禁止文字自动被浏览器缩放 */
  text-size-adjust: 100% !important;
  /*禁止手机端出现横向滚动条*/
  /* overflow-x: hidden; */
}

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  /* box-sizing: border-box; */
  /*清除点击阴影*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /*让字体更顺滑,无锯齿*/
  -webkit-font-smoothing: antialiased;
}

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

b,
i,
u {
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

fieldset,
img {
  border: none;
  outline: none;
}

input,
button,
select,
textarea {
  font-family: Helvetica;
  border: none;
  outline: none;
  /*消除按钮默认的圆角外观*/
  /* -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent; */
}

a {
  text-decoration: none;
  outline: none;
}

/*公共样式*/

/*清除浮动*/
.clearfix:after {
  content: "\0020";
  height: 0;
  display: block;
  clear: both;
  overflow: hidden
}

/*文本省略号*/
.cutFont {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


/*位置与浮动*/
.fl {
  float: left;
}

.fr {
  float: right;
}

.posir {
  position: relative;
}

.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.txj {
  text-align: justify;
}

.flex {
  display: flex;
}

/* 居中对象-分布式 */
.flex-dispersed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

/*文字 文字对齐方式*/
.tc {
  text-align: center
}

.tl {
  text-align: left
}

.tr {
  text-align: right
}

.fb {
  font-weight: bold
}

.cutFont {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

/*颜色，背景色等，根据网站的主色、辅色来设置、调整*/
.blue {
  color: #00C0FF
}

.brown {
  color: #666
}

.gray {
  color: #999
}

.green {
  color: #2d9b01
}

.orange {
  color: #FFB800
}

.red {
  color: #f23838
}

.white {
  color: #fff
}

.cartridge {
  color: #333
}


.bgRed {
  background-color: #ef3239;
}

.bgGray {
  background-color: #f8f8f8;
}

/* pdding 内边距 */
.pb-10 {
  padding-bottom: .1rem;
}

.pd-50 {
  padding-bottom: .5rem;
}

.u-pd-10 {
  padding: .1rem .1rem .1rem .1rem;
}

.u-pd-20 {
  padding: .2rem .2rem .2rem .2rem;
}

.u-pd-around-15 {
  padding: 0 .15rem 0 .15rem;
}


/* 外边距 */
.mt-05 {
  margin-top: .05rem;
}

.mt-10 {
  margin-top: .1rem;
}

.mt-20 {
  margin-top: .2rem;
}

.mb-10 {
  margin-bottom: .1rem;
}

.mb-20 {
  margin-bottom: .2rem;
}

.ml-10 {
  margin-left: .1rem;
}

.ml-20 {
  margin-left: .2rem;
}

.info-h1 {
  display: inline-block;
}