/*通用设置-覆盖bootstrap4*/
html {
  font-size: 100px;
}
body {
  font-size: .16rem;
}
@media screen and (min-width: 1200px) {
  .page {
    overflow-x: hidden;
  }
}
.page .body {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page .body .container {
  max-width: 12rem;
}
.page .body .dy_container_fluid {
  width: 100%;
}
.page .body .dy_container {
  width: 12rem;
  margin: 0 auto;
}
.yd-flex {
  display: -webkit-flex;
  display: flex;
}
.yd-inline-flex {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-baseline {
  align-items: baseline;
}
.align-items-stretch {
  align-items: stretch;
}
.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-between {
  align-content: space-between;
}
.align-content-around {
  align-content: space-around;
}
.align-content-stretch {
  align-content: stretch;
}
/*上面是在容器上设置*/
/*下列是在项目上设置*/
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-grow-2 {
  flex-grow: 2;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.align-self-auto {
  align-self: auto;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.align-self-baseline {
  align-self: baseline;
}
.align-self-stretch {
  align-self: stretch;
}
/*基础部分结束*/
/*常用组合部分开始*/
.yd-flex-row {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.yd-flex-column {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.yd-flex-row-center {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.yd-flex-column-center {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* ------页面颜色相关----------- */
/* 文字颜色 */
/* 背景颜色 */
/* 边框颜色 */
/*边框常用值 */
/* 行为相关颜色 */
/* ----------------尺寸变量------------ */
/* 文字尺寸 */
/* 图片尺寸 */
/* 边框圆角 Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.yd-hover:hover {
  -webkit-animation-duration: .75s!important;
  animation-duration: .75s!important;
  animation-delay: 0s!important;
}
@-webkit-keyframes yd-hover-enlarge {
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes yd-hover-enlarge {
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.yd-hover-enlarge:hover {
  -webkit-animation-name: yd-hover-enlarge !important;
  animation-name: yd-hover-enlarge !important;
}
@-webkit-keyframes yd-hover-enlarge-end {
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes yd-hover-enlarge-end {
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.yd-hover-enlarge-end:hover {
  -webkit-animation-name: yd-hover-enlarge-end !important;
  animation-name: yd-hover-enlarge-end !important;
}
@-webkit-keyframes yd-hover-flipX {
  0% {
    -webkit-transform: rotate3d(1, 0, 0, -360deg);
    transform: rotate3d(1, 0, 0, -360deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: rotate3d(1, 0, 0, -220deg);
    transform: rotate3d(1, 0, 0, -220deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: rotate3d(1, 0, 0, -160deg);
    transform: rotate3d(1, 0, 0, -160deg);
  }
  80% {
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
  }
}
@keyframes yd-hover-flipX {
  0% {
    -webkit-transform: rotate3d(1, 0, 0, -360deg);
    transform: rotate3d(1, 0, 0, -360deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: rotate3d(1, 0, 0, -220deg);
    transform: rotate3d(1, 0, 0, -220deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: rotate3d(1, 0, 0, -160deg);
    transform: rotate3d(1, 0, 0, -160deg);
  }
  80% {
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
  }
}
.yd-hover-flipX:hover {
  -webkit-animation-name: yd-hover-flipX !important;
  animation-name: yd-hover-flipX !important;
}
@-webkit-keyframes yd-hover-flipY {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, -360deg);
    transform: rotate3d(0, 1, 0, -360deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: rotate3d(0, 1, 0, -220deg);
    transform: rotate3d(0, 1, 0, -220deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: rotate3d(0, 1, 0, -160deg);
    transform: rotate3d(0, 1, 0, -160deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg);
  }
}
@keyframes yd-hover-flipY {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, -360deg);
    transform: rotate3d(0, 1, 0, -360deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  40% {
    -webkit-transform: rotate3d(0, 1, 0, -220deg);
    transform: rotate3d(0, 1, 0, -220deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: rotate3d(0, 1, 0, -160deg);
    transform: rotate3d(0, 1, 0, -160deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 1, 0, -90deg);
    transform: rotate3d(0, 1, 0, -90deg);
  }
}
.yd-hover-flipY:hover {
  -webkit-animation-name: yd-hover-flipY !important;
  animation-name: yd-hover-flipY !important;
}
.yd-hover-prevent-animate {
  -webkit-animation-name: none!important;
  animation-name: none!important;
}
/** 单行文本，超出部分显示... **/
.yd-text-more-1 {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/** 2行文本，超出部分显示... **/
.yd-text-more-2 {
  display: -webkit-box;
  /*值必须为-webkit-box或者-webkit-inline-box*/
  -webkit-box-orient: vertical;
  /*值必须为vertical*/
  -webkit-line-clamp: 2;
  /*值为数字，表示一共显示几行*/
  overflow: hidden;
}
/** 3行文本，超出部分显示... **/
.yd-text-more-3 {
  display: -webkit-box;
  /*值必须为-webkit-box或者-webkit-inline-box*/
  -webkit-box-orient: vertical;
  /*值必须为vertical*/
  -webkit-line-clamp: 3;
  /*值为数字，表示一共显示几行*/
  overflow: hidden;
}
/** 文本左对齐 **/
.yd-text-align-left {
  text-align: left;
}
/** 下边距 **/
.yd-mb-10 {
  margin-bottom: .1rem;
}
/** 块级空间白背景的阴影 **/
.yd-shadow-sm {
  box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.075);
}
.yd-shadow {
  box-shadow: 0 0.08rem 0.16rem rgba(0, 0, 0, 0.15);
}
.yd-shadow-lg {
  box-shadow: 0 0.16rem 0.48rem rgba(0, 0, 0, 0.175);
}
/* 内容块
<div class="yd-block-father">
</div>
*/
.yd-block-father {
  box-shadow: 0 0.08rem 0.16rem rgba(0, 0, 0, 0.15);
  padding: .1rem;
  background-color: #ffffff;
  border-radius: 0.06rem;
}
/* 内容块
<div class="yd-block-father-two">
</div>
*/
.yd-block-father-two {
  padding: .1rem;
  background-color: #ffffff;
}
/*a标签包含以下五种默认格式*/
a {
  text-decoration: none;
  color: inherit;
}
/*正常的未被访问过的链接*/
a:link {
  text-decoration: none;
  color: inherit;
}
/*已经访问过的链接*/
a:visited {
  text-decoration: none;
  color: inherit;
}
/*鼠标划过(停留)的链接*/
a:hover {
  text-decoration: none;
  color: inherit;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
  text-decoration: none;
  color: inherit;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
  text-decoration: none;
  color: inherit;
}
p {
  margin-bottom: .1rem!important;
  max-width: 100%;
}
.detail_block {
  overflow: hidden;
  max-width: 100%;
}
.detail_block img {
  max-width: 100% !important;
}
.detail_block p {
  margin-bottom: .1rem!important;
  max-width: 100%;
}
.yd-page-list {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
}
.yd-page-list .yd-page-item {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0.05rem;
  justify-content: center;
}
.yd-page-list .yd-page-item a {
  border-radius: 0.05rem;
}
.yd-page-list .yd-page-item.previous a {
  width: 1rem;
  border: 0.01rem solid #369ef5;
  color: #848484;
  padding: 0.02rem 0.10rem;
  text-align: center;
}
.yd-page-list .yd-page-item.disabled a {
  width: 0.36rem;
  height: 0.25rem;
}
.yd-page-list .yd-page-item.next a {
  width: 1rem;
  border: 0.01rem solid #369ef5;
  color: #848484;
  padding: 0.02rem 0.10rem;
  text-align: center;
}
.yd-page-list .yd-page-item.number a {
  display: block;
  border: 0.01rem solid #369ef5;
  padding: 0.02rem 0.10rem;
  color: #848484;
}
.yd-page-list .yd-page-item.active a {
  background-color: #369ef5;
  color: #fff;
}