html,body,div,p,a,span,img,video,input,textarea,select,ul,ol,li,table,tr,td,th,dl,dt,dd,i,h1,h2,h3,h4,h5,h6{
  margin: 0;
  padding: 0;
}
html, body{
  width: 100%;
  height: 100%;
  /* font-size: 0px; */
}
body{
  font-size: initial;
}
a{
  display: inline-block;
  text-decoration: none;
  outline: none;
  color: inherit;
}
ul,ol,li{
  list-style: none;
}
img{
  width: 100%;
  font-size: 0;
  vertical-align: top;
}
input{
  border: none;
}
input:focus, textarea:focus{
  outline:none
}
a,button,input{
  -webkit-tap-highlight-color: transparent;
  -moz-top-highlight-color: transparent;
  -ms-top-highlight-color: transparent;
  -o-top-highlight-color: transparent;
}
input:disabled{
  background-color: transparent;
}
a:-webkit-any-link{
  color: inherit;
}
textarea{
  border: none;
  resize: none;
}
*{
  -webkit-tap-highlight-color: transparent;
}

@font-face {
    font-family: 'YunFengFeiYunTi'; /* 自定义字体名称 */
    src: url('../font/YunFengFeiYunTi-2s.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{
  --w: #ffffff;
  --txt: #333333;
  --base: #004898;
}

.container{
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.w_{
  width: 100%;
}
.h_{
  height: 100%;
}
.full_{
  width: 100%;
  height: 100%;
}
.fl_{
  float: left;
  zoom: 1;
}
.fr_{
  float: right;
  zoom: 1;
}
.fl_::after{
  content: '';
  clear: both;
}
.fr_::after{
  content: '';
  clear: both;
}
.pr{
  position: relative;
}
.pa{
  position: absolute;
}
.pc{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.pc_x{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.pc_y{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.df{
  display: flex;
}
.df_x{
  display: flex;
  justify-content: center;
}
.df_y{
  display: flex;
  align-items: center;
}
.df_c{
  display: flex;
  align-items: center;
  justify-content: center;
}
.df_c_bw{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.df_bw{
  display: flex;
  justify-content: space-between;
}
.df_ar{
  display: flex;
  justify-content: space-around;
}
.df_r{
  display: flex;
  justify-content: flex-end;
}

.auto_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.full_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}