article section#futures {
overflow:hidden;
  line-height: 1.6; }

  article section#futures a.buybtn {

    display: inline-block;

    background-color: #E4007F;

    color: #FFF;

    text-decoration: none;

    padding: 4px 16px;

    border-radius: 8px; }

    article section#futures a.buybtn:hover {

      opacity: 0.7;

      filter: alpha(opacity=70); }

  article section#futures .topsign {

    position: relative;

    height: 760px; }

    article section#futures .topsign img {

      position: absolute;

      top: 0;

      left: -74px; }

  article section#futures section {

    padding-top: 90px; }

    article section#futures section .middle {

      margin-bottom: 45px; }

      article section#futures section .middle::after {

        content: "";

        display: block;

        clear: both; }

      article section#futures section .middle img {

        float: left; }

    article section#futures section .bottom {

      background-color: #FDF2F7;

      padding: 20px; }

      article section#futures section .bottom::after {

        content: "";

        display: block;

        clear: both; }

      article section#futures section .bottom .left {

        width: 679px;

        padding: 10px;

        box-sizing: border-box;

        float: left;

        text-align: left; }

        article section#futures section .bottom .left::after {

          content: "";

          display: block;

          clear: both; }

        article section#futures section .bottom .left h3 {

          border-bottom: 1px solid #BDBEBF;

          padding-bottom: 8px;

          margin-bottom: 15px; }

        article section#futures section .bottom .left .left {

          float: left;

          padding: 0;

          width: 300px; }

        article section#futures section .bottom .left .right {

          float: right;

          width: 332px; }

    article section#futures section.future1 .top, article section#futures section.future3 .top {

      padding-bottom: 25px; }

      article section#futures section.future1 .top::after, article section#futures section.future3 .top::after {

        content: "";

        display: block;

        clear: both; }

      article section#futures section.future1 .top .left, article section#futures section.future3 .top .left {

        float: left;

        width: 599px; }

      article section#futures section.future1 .top .right, article section#futures section.future3 .top .right {

        float: right;

        width: 553px; }

        article section#futures section.future1 .top .right p, article section#futures section.future3 .top .right p {

          padding: 0 20px 0 60px;

          display: block;

          text-align: left; }

          article section#futures section.future1 .top .right p.txt, article section#futures section.future3 .top .right p.txt {

            margin-bottom: 80px; }

    article section#futures section.future2 .top {

      position: relative;

      margin-bottom: 35px; }

      article section#futures section.future2 .top .tips {

        position: absolute;

        top: 281px;

        left: 0; }

      article section#futures section.future2 .top p {

        width: 440px;

        display: block;

        text-align: left; }

        article section#futures section.future2 .top p.txt {

          position: absolute;

          top: 455px;

          left: 68px; }

        article section#futures section.future2 .top p.wear {

          position: absolute;

          left: 68px;

          bottom: 68px; }

    article section#futures section.future4 .top {

      padding-bottom: 25px; }

      article section#futures section.future4 .top::after {

        content: "";

        display: block;

        clear: both; }

      article section#futures section.future4 .top .right {

        float: right;

        width: 553px; }

      article section#futures section.future4 .top .left {

        float: left;

        width: 599px; }

        article section#futures section.future4 .top .left p {

          padding: 0 20px 0 60px;

          display: block;

          text-align: left; }

          article section#futures section.future4 .top .left p.txt {

            margin-bottom: 80px; }

    article section#futures section.list {

      text-align: left;

      padding-bottom: 90px; }

      article section#futures section.list::after {

        content: "";

        display: block;

        clear: both; }

      article section#futures section.list div {

        float: left; }

        article section#futures section.list div.shops {

          padding-right: 65px; }

          article section#futures section.list div.shops .sign {

            margin-bottom: 10px; }

        article section#futures section.list div ul {

          margin: 0;

          padding: 0;

          list-style: none; }

          article section#futures section.list div ul li {

            padding: 3px 0; }



#futures_list {

  margin: 0 -16px; }

  #futures_list::after {

    content: "";

    display: block;

    clear: both; }

  #futures_list .item {

    width: 560px;

    height: 429px;

    padding: 16px;

    margin: 16px;

    border: 1px solid #EBEBEB;

    box-sizing: border-box;

    float: left;

    text-align: left; }

    #futures_list .item img {

      margin-bottom: 16px; }

    #futures_list .item a.title {

      display: inline;

      background: linear-gradient(transparent 90%, #FAE3DE 0%);

      text-decoration: none; }

      #futures_list .item a.title:hover {

        opacity: 0.7;

        filter: alpah(opacity=70); }



/*# sourceMappingURL=page-futures.css.map */