/* @charset "utf-8"; */
/* 
 !important;
 */
blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0;
}
img {
  display: inline-block;
  border: none;
}
li {
  list-style: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0
}
body {
  line-height: 1;
  color: #333;
  font-size: 16px;
  font-family: "Microsoft YaHei", "微软雅黑";
  /* line-height: 1.6; */
  /* font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif */
  /* color: rgba(0, 0, 0, .85); */
}
h1, h2, h3, h4, h5, h6, dt, dd {
  font-weight: normal;
  /* font-size: 16px; */
}
a {
  color: #333;
  font-size: 16px;
  text-decoration: none;
  outline: 0
}
a:hover, a:focus {
  text-decoration: none;
  font-style: normal;
  outline: 0
}
/* 以上layui默认 */
*, ::after, ::before {
  box-sizing: content-box;
}
/* 以上bootstrap5修改 */
/*定制*/
html, body {
  width: 100%;
}
i {
  font-style: normal;
}
input, button {
  /* Green */
  border: 0;
  background: none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
body {
  /* max-width: 400px; */
  margin-left: auto;
  margin-right: auto;
}
.ddimg, .ddimg img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.ddheng:before, .ddheng:after {
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  content: '';
  background-color: #999;
}
.ddheng, .ddheng a, .ddheng div, .ddheng p {
  vertical-align: middle;
  display: inline-block;
}
/*
.ddheng:before {
	background: linear-gradient(to right, #fff, #999);
}
.ddheng:after {
	background: linear-gradient(to left, #fff, #999);
}
 .ddhengbai:before {
	background: linear-gradient(to right, #999, #fff);
}
.ddhengbai:after {
	background: linear-gradient(to left, #999, #fff);
} */
.ffheng {
  justify-content: center;
  align-items: center;
  display: flex;
}
.ffheng::before, .ffheng::after {
  content: '';
  width: 80px;
  height: 1px;
}
.ffheng::before {
  background: linear-gradient(to right, #fff, #999);
}
.ffheng::after {
  background: linear-gradient(to left, #fff, #999);
}
.ddbtn {
  padding: 5px 10px;
  line-height: 1;
}
/* 继承 */
.hhinherit:hover, .ddinherit, .ddinherit p, .ddinherit a, .ddinherit dt, .ddinherit dd, .ddinherit span {
  color: inherit !important;
}
.ddw, .ddww, .ww {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.ddbody, .ddfoot {
  max-width: 640px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}
.ddbanner {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
}
.ddbanner img {
  margin-left: 9999px;
}
.ddrow {
  position: relative;
}
.ddrow:after, .ddrow:before {
  content: "";
  display: block;
  height: 0;
}
.ddrow:after {
  clear: both;
}
.ddcls, .ddclr, .clr {
  clear: both;
}
.ddboxcon {
  box-sizing: content-box;
}
.ddboxbd {
  box-sizing: border-box;
}
.ddtl {
  text-align: left;
}
.ddtc {
  text-align: center;
}
.ddtr {
  text-align: right;
}
.ddtshu {
  writing-mode: vertical-lr;
}
.ddvt {
  vertical-align: top;
}
.ddvm {
  vertical-align: middle;
}
.ddvb {
  vertical-align: bottom;
}
.ddfl {
  float: left;
}
.ddfr {
  float: right;
}
.ddfnone {
  float: none;
}
.ddovhd, .ddhidden {
  overflow: hidden;
}
.ddovhde, .ddovhdlv {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ddovhdc {
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}
.ddpr {
  position: relative;
}
.ddpa {
  position: absolute;
  z-index: 10;
}
.ddpf {
  position: fixed;
}
.ddindex10 {
  z-index: 10;
}
.ddindex20 {
  z-index: 20;
}
.ddindex30 {
  z-index: 30;
}
.ddindex100 {
  z-index: 100;
}
.ddindex1000 {
  z-index: 1000;
}
.ddindex10000 {
  z-index: 100000;
}
.ddtop-50 {
  top: 50%;
}
/*显示与隐藏*/
.ddnone, .vvhover .ddnode, .hhnone:hover {
  display: none;
}
.ddblock, .vvblock .ddnode, .hhblock:hover {
  display: block;
}
.ddinline {
  display: inline;
}
.ddinblock {
  display: inline-block;
}
.ddtable {
  display: table;
}
.ddtbcell {
  display: table-cell;
  vertical-align: middle;
}
/*文本样式*/
.ddnowrap {
  white-space: nowrap;
}
.ddtovhd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.dd2em, .dd2em p, .ddt2em, .ddt2em p {
  text-indent: 2em;
}
.ddbold {
  font-weight: 600;
}
.ddnormal {
  font-weight: normal;
}
/*链接部分*/
.ddtnone {
  text-decoration: none;
}
.ddcursorp, .ddpointer {
  cursor: pointer;
}
.ddtul, .ddtul a, .ddnode .vvtul, .hhtul:hover {
  text-decoration: underline;
}
.ddtnoul, .ddtnoul a, .ddhv .hhtnoul, .ddtnoul_h:hover {
  text-decoration: none;
}
/*radius*/
.ddbds {
  border: 1px solid #eee;
}
.ddbdst {
  border-top: 1px solid #eee;
}
.ddbdsb {
  border-bottom: 1px solid #eee;
}
.ddbdsl {
  border-left: 1px solid #eee;
}
.ddbdsr {
  border-right: 1px solid #eee;
}
.ddbdsx {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.ddbdsy {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
/* ddbddo */
.ddbddo {
  border: 1px dotted #eee;
}
.ddbddot {
  border-top: 1px dotted #eee;
}
.ddbddob {
  border-bottom: 1px dotted #eee;
}
.ddbddol {
  border-left: 1px dotted #eee;
}
.ddbddor {
  border-right: 1px dotted #eee;
}
/* ddbdda */
.ddbdda {
  border: 1px dashed #eee;
}
.ddbddat {
  border-top: 1px dashed #eee;
}
.ddbddab {
  border-bottom: 1px dashed #eee;
}
.ddbddal {
  border-left: 1px dashed #eee;
}
.ddbddar {
  border-right: 1px dashed #eee;
}
/* ddbd0 */
.ddbd0 {
  border-width: 0 !important;
}
.ddbdt0 {
  border-top-width: 0 !important;
}
.ddbdb0 {
  border-bottom-width: 0 !important;
}
.ddbdl0 {
  border-left-width: 0 !important;
}
.ddbdr0 {
  border-right-width: 0 !important;
}
/*背景部分*/
/* 会放大填充满 */
.ddbgcover {
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
/* 会缩小 */
.ddbgcontain, .ddbgcon {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}
.ddbgfix, .ddbgfixed {
  background-attachment: fixed;
}
.bbbgrepeatx {
  background-repeat: repeat-x !important;
}
.bbbgrepeaty {
  background-repeat: repeat-y !important;
}
.ddbglt, .ddhv .hhbglt, .ddbglt_h:hover {
  background-position: left top !important;
  background-repeat: no-repeat !important;
}
.ddbglc, .ddhv .hhbglc, .ddbglc_h:hover {
  background-position: left center !important;
  background-repeat: no-repeat !important;
}
.ddbglb, .ddhv .hhbglb, .ddbglb_h:hover {
  background-position: left bottom !important;
  background-repeat: no-repeat !important;
}
.ddbgct, .ddhv .hhbgct, .ddbgct_h:hover {
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
.ddbgcc, .ddhv .hhbgcc, .ddbgcc_h:hover {
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.ddbgcb, .ddhv .hhbgcb, .ddbgcb_h:hover {
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}
.ddbgrt, .ddhv .hhbgrt, .ddbgrt_h:hover {
  background-position: right top !important;
  background-repeat: no-repeat !important;
}
.ddbgrc, .ddhv .hhbgrc, .ddbgrc_h:hover {
  background-position: right center !important;
  background-repeat: no-repeat !important;
}
.ddbgrb, .ddhv .hhbgrb, .ddbgrb_h:hover {
  background-position: right bottom !important;
  background-repeat: no-repeat !important;
}
.ddbg-100 {
  background-size: 100% 100%;
}
.ddbgnrp {
  background-repeat: no-repeat !important;
}
.ddbgnone {
  background: none !important;
}
.ddbgcnone {
  background-color: none !important;
}
.ddbgtm, .ddbgctm {
  background-color: transparent !important;
}
/*宽高0-(1)-30-(5)-100-(10)-200-(50)-600*/
.ddwauto {
  width: auto;
}
.ddwauto_ip {
  width: auto !important;
}
.ddhauto {
  height: auto;
}
.ddhauto-i {
  height: auto !important;
}
.ddwhauto {
  width: auto;
  height: auto;
}
.ddwh-100 {
  width: 100%;
  height: 100%;
}
.ddasp-4-3 {
  aspect-ratio: 4/3;
}
.ddasp-16-9 {
  aspect-ratio: 16/9;
}
/* 宽600 */
/* 高600 */
/* margin开始特殊和负值 */
.ddmauto {
  margin: auto;
}
.ddmxauto {
  margin-left: auto;
  margin-right: auto;
}
.ddradiust0 {
  border: 1px solid #eee;
}
.ddradiustltr0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ddradiusblbr0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ddradiustlbl0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ddradiustrbr0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ddradiustlbr0 {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ddradiustrbl0 {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
}
.ddradius100 {
  border-radius: 100px;
}
/* 





css3
 
 
 
 */
.ddshadow-none {
  box-shadow: none !important;
}
.ddshadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.dd3d, .vv3d:hover .ddnode, .hh3d:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.ddshadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}
/*阴影*/
.ddshadowt, .ddhv .hhshadowt, .ddshadowt_h:hover {
  text-shadow: 1px 1px 1px #9B9B9B;
}
.ddshadow0, .ddhv .hhshadow0, .ddshadow0_h:hover {
  box-shadow: 1px 1px 1px 1px #9B9B9B;
}
.ddx1y1, .vvx1y1:hover .ddnode, .hhx1y1:hover {
  transform: translateY(1px) translateX(1px);
  display: block;
}
/*延时*/
.dddelay10 {
  animation-delay: 1s;
}
.dddelay15 {
  animation-delay: 1.5s;
}
.dddelay20 {
  animation-delay: 2s;
}
.dddelay25 {
  animation-delay: 2.5s;
}
.dddelay30 {
  animation-delay: 3s;
}
/*执行时间*/
.ddduration10 {
  animation-duration: 1s;
}
.ddduration15 {
  animation-duration: 1.5s;
}
.ddduration20 {
  animation-duration: 2s;
}
.ddduration25 {
  animation-duration: 2.5s;
}
.ddduration30 {
  animation-duration: 3s;
}
.ddpage {
  text-align: center;
  padding: 40px 0;
}
.ddpage ul {
  display: inline-block;
  border-left: 1px solid #eee;
}
.ddpage li {
  display: inline-block;
  list-style: none;
  border: 1px solid #eee;
  border-left: 0;
}
.ddpage li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 10px 13px;
}
.ddpage li:hover, .ddpage li.active {
  background-color: #CA0000;
}
.ddpage li:hover a, .ddpage li.active a {
  color: #fff;
}
/* 
.ddpage {
  text-align: center;
  padding: 40px 0;
}
.ddpage ul {
  display: inline-block;
  border-left: 1px solid #eee;
}
.ddpage li {
  display: inline-block;
  list-style: none;
  border: 1px solid #eee;
  border-left: 0;
}
.ddpage li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 10px 13px;
}
.ddpage li:hover, .ddpage li.active {
  background-color: #CA0000;
}
.ddpage li:hover a, .ddpage li.active a {
  color: #fff;
}
*/
/* layui */
.layui-col-dd5 {
  position: relative;
  display: block;
  box-sizing: border-box;
  float: left;
  width: 20%
}
.layui-btn {
  border: 0;
}
/* flex */
.ff {
  display: flex;
}
.ff1 {
  display: flex;
  flex: 1;
}
.ffcc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ffleft {
  flex-direction: row;
  display: flex;
}
.ffleft2 {
  flex-direction: row-reverse;
  display: flex;
}
.fftop {
  flex-direction: column;
  display: flex;
}
.fftop2 {
  flex-direction: column-reverse;
  display: flex;
}
.ffnowrap {
  flex-wrap: nowrap;
  display: flex;
}
.ffwrap {
  flex-wrap: wrap;
  display: flex;
}
.ffbase {
  flex-basis: auto;
  /* 默认值为auto，即项目本来大小。 */
}
/* flex：默认值0 1 auto。 不大-会小-本来 */
.ffself {
  align-self: auto;
  /* 默认值为auto，即继承ai。 */
}