@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.layoutWidget53 .list-group {
  font-size: 1em;
  color: #fff;
  max-width: 1160px;
  margin: 0px auto;
  padding: 40px 20px;
  overflow: hidden; }
  .layoutWidget53 .list-group .list-group-item {
    float: left;
    width: 33.333333%; }
    .layoutWidget53 .list-group .list-group-item .panel {
      position: relative;
      overflow: hidden;
      padding: 0px;
      margin: 0px 20px; }
      .layoutWidget53 .list-group .list-group-item .panel img {
        width: 100%;
        display: block; }
      .layoutWidget53 .list-group .list-group-item .panel:hover .swiper-button-next, .layoutWidget53 .list-group .list-group-item .panel:hover .swiper-container-rtl .swiper-button-prev {
        right: 10px;
        opacity: 1; }
      .layoutWidget53 .list-group .list-group-item .panel:hover .swiper-button-prev, .layoutWidget53 .list-group .list-group-item .panel:hover .swiper-container-rtl .swiper-button-next {
        left: 10px;
        opacity: 1; }
      .layoutWidget53 .list-group .list-group-item .panel .swiper-pagination {
        bottom: 44px;
        height: 2em;
        line-height: 2em;
        color: #ffffff; }
      .layoutWidget53 .list-group .list-group-item .panel .virtual-pagination {
        width: 100%;
        height: 2em;
        position: absolute;
        bottom: 44px;
        z-index: 11; }
      .layoutWidget53 .list-group .list-group-item .panel .swiper-button-next, .layoutWidget53 .list-group .list-group-item .panel .swiper-button-prev {
        width: 25px;
        height: 20px;
        margin-top: -32px; }
      .layoutWidget53 .list-group .list-group-item .panel .swiper-pagination-bullet {
        background: #ffffff; }
      .layoutWidget53 .list-group .list-group-item .panel .swiper-pagination-bullet-active {
        background: #ffffff; }
      .layoutWidget53 .list-group .list-group-item .panel .swiper-button-next, .layoutWidget53 .list-group .list-group-item .panel .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");
        right: -30px;
        transition: all .3s;
        opacity: 0; }
      .layoutWidget53 .list-group .list-group-item .panel .swiper-button-prev, .layoutWidget53 .list-group .list-group-item .panel .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");
        left: -30px;
        transition: all .3s;
        opacity: 0; }
      .layoutWidget53 .list-group .list-group-item .panel .btn {
        border-radius: 0px;
        text-decoration: none;
        font-weight: bold;
        width: 100%;
        height: 44px;
        text-align: center;
        line-height: 44px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 2; }
        .layoutWidget53 .list-group .list-group-item .panel .btn span {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          padding: 0px 40px;
          display: block; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .layoutWidget53 .list-group .list-group-item {
    float: left;
    width: 50%; } }
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .layoutWidget53 .list-group {
    padding: 16px 8px; }
    .layoutWidget53 .list-group .list-group-item .panel {
      margin: 0px 8px 16px 8px; }
      .layoutWidget53 .list-group .list-group-item .panel .btn span {
        padding: 0px 16px; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .layoutWidget53 .list-group .list-group-item {
    width: 100%; } }

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