@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
.resourceWidget01 .list-group {
  font-size: 1em;
  color: #666;
  max-width: 1160px;
  margin: 0px auto;
  padding: 40px 20px;
  overflow: hidden; }
  .resourceWidget01 .list-group h2 {
    font-size: 1.286em;
    text-align: center; }
  .resourceWidget01 .list-group .list-group-item {
    float: left;
    width: 33.333333%;
    margin-top: 40px; }
    .resourceWidget01 .list-group .list-group-item:hover .panel {
      background: #e9e9e9; }
    .resourceWidget01 .list-group .list-group-item .thumbnail {
      width: auto;
      margin: 0px 20px;
      overflow: hidden; }
      .resourceWidget01 .list-group .list-group-item .thumbnail img {
        width: 100%;
        display: block; }
    .resourceWidget01 .list-group .list-group-item .panel {
      overflow: hidden;
      padding: 0px;
      margin: 0px 20px;
      padding: 0px 24px 40px 24px;
      background: #eee;
      text-align: center;
      transition: all 0.3s;
      position: relative; }
      .resourceWidget01 .list-group .list-group-item .panel:hover {
        background: #f5f5f5; }
      .resourceWidget01 .list-group .list-group-item .panel h3 {
        font-size: 1.143em;
        padding: 16px 0px 0px 0px; }
      .resourceWidget01 .list-group .list-group-item .panel span {
        font-size: 1em;
        color: #999;
        display: block;
        padding-bottom: 8px; }
      .resourceWidget01 .list-group .list-group-item .panel .btn {
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        border-radius: 3px;
        padding: 9px 32px;
        margin-top: 24px;
        display: inline-block; }

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

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