@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
body {
  width: 100%; }

.layoutWidget85 {
  margin-top: 8px;
  padding-bottom: 56px; }
  .layoutWidget85 .box-wrap {
    width: 100%; }
    .layoutWidget85 .box-wrap .box {
      box-sizing: border-box;
      width: 100%; }
    .layoutWidget85 .box-wrap .list-item {
      box-sizing: border-box;
      width: calc((100% - 240px)*2/5) !important;
      max-width: 490px;
      list-style: none;
      margin-left: 80px; }
      .layoutWidget85 .box-wrap .list-item:nth-of-type(odd) {
        margin-top: 72px; }
    .layoutWidget85 .box-wrap .item-pic {
      position: relative;
      width: 100%;
      overflow: hidden;
      transition: all .3s ease-in-out; }
      .layoutWidget85 .box-wrap .item-pic img {
        display: block; }
    .layoutWidget85 .box-wrap .caption {
      padding: 16px 0px;
      text-align: center; }
      .layoutWidget85 .box-wrap .caption .item-title {
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.4;
        font-weight: bolder; }
      .layoutWidget85 .box-wrap .caption .description {
        color: #999999;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.57; }
      .layoutWidget85 .box-wrap .caption .detail {
        display: none !important; }
      .layoutWidget85 .box-wrap .caption .item-btn {
        display: inline-block;
        margin-top: 8px;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none; }
    .layoutWidget85 .box-wrap .text-left {
      text-align: justify;
      text-align-last: left; }
    .layoutWidget85 .box-wrap .pagination-wrap {
      display: flex;
      display: -ms-flex;
      justify-content: center;
      margin-top: 40px;
      height: 18px; }
    .layoutWidget85 .box-wrap .btn-disabled {
      opacity: 0.1;
      pointer-events: none; }
    .layoutWidget85 .box-wrap .next-btn-wrap .next-btn {
      opacity: 0.5;
      cursor: pointer;
      transition: all .2s ease-in-out; }
      .layoutWidget85 .box-wrap .next-btn-wrap .next-btn:hover {
        opacity: 0.7; }
    .layoutWidget85 .box-wrap .prev-btn-wrap .prev-btn {
      opacity: 0.5;
      cursor: pointer;
      transition: all .2s ease-in-out; }
      .layoutWidget85 .box-wrap .prev-btn-wrap .prev-btn:hover {
        opacity: 0.7; }
    .layoutWidget85 .box-wrap .pagination {
      margin: 0px 16px;
      font-size: 12px;
      line-height: 18px; }
      .layoutWidget85 .box-wrap .pagination li {
        list-style: none;
        float: left;
        margin: 0px 8px;
        cursor: pointer;
        transition: all .2s ease-in-out; }
        .layoutWidget85 .box-wrap .pagination li:hover {
          opacity: 0.7; }
      .layoutWidget85 .box-wrap .pagination .swiper-pagination-bullet {
        width: auto;
        height: auto;
        background: transparent;
        opacity: 1; }
      .layoutWidget85 .box-wrap .pagination .swiper-pagination-bullet-active {
        background: transparent;
        opacity: 1;
        color: #999999; }
  .layoutWidget85 .detail {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 11; }
    .layoutWidget85 .detail .detailMask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7); }
    .layoutWidget85 .detail .detailClose {
      position: absolute;
      right: calc((100% - 960px)/2 + 48px);
      top: 16px;
      cursor: pointer; }
      .layoutWidget85 .detail .detailClose svg {
        width: 20px;
        height: 20px; }
        .layoutWidget85 .detail .detailClose svg g {
          fill: #2b2b2b; }
    .layoutWidget85 .detail .detailBox {
      box-sizing: border-box;
      position: fixed;
      top: 0px;
      left: 50%;
      margin-left: -450px;
      padding: 40px 60px 0px;
      width: 900px;
      height: 100vh;
      overflow: hidden;
      background: #ffffff;
      overflow-y: auto; }
    .layoutWidget85 .detail .detailTitle {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.39;
      text-align: center;
      margin: 0px; }
    .layoutWidget85 .detail .detailImg {
      width: 100%;
      height: 500px;
      margin-top: 24px;
      margin-bottom: 24px; }
      .layoutWidget85 .detail .detailImg .swiper-container {
        position: relative;
        width: 100%;
        height: 100%;
        background: #eee; }
      .layoutWidget85 .detail .detailImg .swiper-slide {
        overflow: hidden; }
      .layoutWidget85 .detail .detailImg .swiper-button-next, .layoutWidget85 .detail .detailImg .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
      .layoutWidget85 .detail .detailImg .swiper-button-prev, .layoutWidget85 .detail .detailImg .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 27 44'%3E%3Cpath d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z' fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
      .layoutWidget85 .detail .detailImg img {
        width: 100%;
        height: auto;
        display: block; }
      .layoutWidget85 .detail .detailImg .swiper-pagination-bullet {
        background: #ffffff; }
      .layoutWidget85 .detail .detailImg .swiper-pagination-bullet-active {
        background: #ffffff; }
    .layoutWidget85 .detail .detailContent {
      overflow: hidden;
      margin-top: 24px;
      padding-bottom: 40px;
      color: #999999;
      text-align: justify; }
      .layoutWidget85 .detail .detailContent p {
        margin-bottom: 16px; }
    .layoutWidget85 .detail .loading-icon {
      width: 36px;
      animation: loading 2s linear infinite;
      -webkit-animation: loading 2s linear infinite;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: calc(100vw * -0.04 / 2);
      margin-left: calc(100vw * -0.04 / 2); }
      .layoutWidget85 .detail .loading-icon svg {
        display: block;
        width: 100%;
        height: 100%; }
@keyframes loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .layoutWidget85 .box-wrap .list-item {
    width: calc((100% - 96px)) !important;
    margin: 72px 48px 0px; }
  .layoutWidget85 .detail .detailBox {
    width: 100%;
    left: 0;
    margin-left: 0px;
    transform: translateX(0%); }
  .layoutWidget85 .detail .detailClose {
    right: 10px; }
  .layoutWidget85 .detail .detailImg {
    height: 450px; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .layoutWidget85 .box-wrap .list-item {
    width: calc((100% - 48px)) !important;
    margin: 72px 24px 0px; }
  .layoutWidget85 .detail .detailBox {
    padding: 40px 24px 0px; }
  .layoutWidget85 .detail .detailImg {
    height: 380px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .layoutWidget85 {
    padding-bottom: 32px; }
    .layoutWidget85 .box-wrap .pagination-wrap {
      margin-top: 16px; }
    .layoutWidget85 .box-wrap .list-item {
      margin-top: 24px !important; }
    .layoutWidget85 .detail .detailImg {
      height: 260px; } }

/*# sourceMappingURL=layoutWidget85.css.map */