.news {
  .left {
    width        : 804px;
    float        : left;
    border-right : 1px solid #a0a0a0;
    padding-right: 40px;

    .top-item {
      margin-bottom: 26px;

      a {
        display         : block;
        position        : relative;
        background-color: #fffae6;

        span {
          display: inline-block;

          &.pic {
            width              : 402px;
            height             : 100%;
            background-position: center;
            background-size    : cover;
            position           : absolute;
            left               : 0;
            top                : 0;
          }

          &.inner {
            width  : 300px;
            padding: 40px 51px 0 453px;

            .title {
              font-size     : 30px;
              line-height   : 38px;
              border-bottom : 1px dashed #d2d2d2;
              color         : #333;
              padding-bottom: 23px;
            }

            .des {
              font-size  : 16px;
              line-height: 30px;
              font-weight: lighter;
              padding    : 16px 0 38px;
              color      : #333;

              i {
                color: #ff5400;
              }
            }
          }
        }
      }
    }

    .tit {
      font-size  : 24px;
      font-weight: bold;
      line-height: 50px;
      border-top : 3px solid #40c28d;
    }

    .list {
      .item {
        &:last-child {
          a {
            border-bottom: 1px dashed #e4e4e4;
          }
        }

        a {
          display   : block;
          position  : relative;
          border-top: 1px dashed #e4e4e4;
          @include tr(0.4s,background-color);

          &:hover {
            background-color: #fffae6;
            @include tr(0.4s,background-color);
          }

          span {
            display: inline-block;

            &.pic {
              width              : 160px;
              height             : 112px;
              background-position: center;
              background-size    : cover;
              position           : absolute;
              left               : 6px;
              top                : 24px;
            }

            &.inner {
              width  : 580px;
              padding: 24px 51px 24px 180px;

              .title {
                font-size    : 20px;
                line-height  : 20px;
                margin-top   : 12px;
                margin-bottom: 10px;
                color        : #333;
              }

              .des {
                font-size  : 14px;
                line-height: 14px;
                font-weight: lighter;
                color      : #666;
                display    : block;

                i {
                  color: #ff5400;
                }
              }

              .time {
                color     : #999;
                font-size : 14px;
                margin-top: 30px;
              }
            }
          }
        }
      }
    }
  }

  .right {
    float: right;
    width: 316px;

    .hot-news {
      .tit {
        font-size    : 28px;
        font-weight  : bold;
        line-height  : 28px;
        border-left  : 5px solid #40c28d;
        margin-bottom: 30px;
        padding-left : 15px;
      }

      .pic-item {
        height             : 203px;
        background-position: center;
        background-size    : cover;
        position           : relative;

        p {
          position        : absolute;
          bottom          : 0;
          left            : 0;
          width           : 296px;
          height          : 50px;
          line-height     : 50px;
          padding         : 0 10px;
          font-size       : 18px;
          background-color: rgba(#000,.5);
          color           : #fff;
        }

        a {
          display: block;
          width  : 100%;
          height : 203px;
        }
      }

      .list {
        margin-top: 20px;

        ul {
          li {
            a {
              display    : block;
              font-size  : 18px;
              line-height: 40px;

              i {
                font-family : "BauerBodni BT Italic";
                font-size   : 24px;
                display     : inline-block;
                margin-right: 20px;

                &.num1 {
                  color: #c30000;
                }

                &.num2 {
                  color: #f69700;
                }

                &.num3 {
                  color: #007bd0;
                }

                &.num4 {
                  color: #999999;
                }

                &.num5 {
                  color: #999999;
                }
              }
            }
          }
        }
      }
    }

    .history {
      border    : 1px solid #a0a0a0;
      margin-top: 20px;

      .tit {
        line-height     : 70px;
        height          : 70px;
        font-size       : 24px;
        font-weight     : bold;
        text-align      : center;
        background-color: #f5f5f5;
        border-bottom   : 1px solid #a0a0a0;
      }

      .list {
        padding: 30px;

        .item {
          width        : 100%;
          border-bottom: 1px solid #f5f5f5;

          a {
            display: block;

            .pic {
              width              : 100%;
              height             : 190px;
              background-size    : cover;
              background-position: center;
            }

            .content {
              height  : 48px;
              margin  : 20px 0;
              position: relative;

              .title {
                font-size    : 18px;
                line-height  : 18px;
                margin-bottom: 10px;
              }

              .price {
                color    : #c30000;
                font-size: 14px;

                span {
                  font-size  : 24px;
                  line-height: 24px;
                  display    : inline-block;
                }
              }
            }
          }
        }
      }
    }
  }

  .news-content {
    .title {
      font-size    : 36px;
      line-height  : 36px;
      font-weight  : bold;
      color        : #333;
      margin-bottom: 20px;
    }

    .time {
      line-height  : 55px;
      font-size    : 14px;
      color        : #333;
      border-bottom: 1px solid #d2d2d2;
    }

    .content {
      font-size  : 18px;
      line-height: 30px;
      font-weight: lighter;
      padding    : 40px 0;

      img {
        display  : block;
        max-width: 100%;
        margin   : 0 auto;
      }

      strong {
        color      : #333;
        font-weight: bold;
      }
    }
  }
}
