*{
    padding: 0;
    margin: 0;
}
body{
    display: none;
    font-family: Microsoft YaHei,PingFangSC-Regular,PingHei,Helvetica,STHeiTi,Arial,sans-serif;
}
.active{
    color: #ef7b55!important;
}
.containers {
    margin: 0 auto;
    width: 1024px;
    font-family: PingFangSC;
    position: relative;
}
.top{
height: 400px;
    width: 1024px;
}
.middle{
    width: 820px;
    padding: 0 102px;
    margin: 100px auto 0;
}

.middle .small-btn{
    width: 20px;
    height: 20px;
    display: inline-block;
}
.middle .buy-btn{
    width: 20px;
    height: 22px;
    display: inline-block;

}
.middle .singDataIndex{
    width: 90px;
    text-align: center;
    color: #A0A7B6;
}
.middle .singDataName{
    width: 490px;
    text-align: left;
    color: #2C3B53;
}
.middle .singDataTime{
    width: 100px;
    text-align: center;
    color: #A0A7B6;
}
.middle .singDataBtn{
    width: 137px;
    text-align: center;
}
.middle .btn-mr{
    margin-right: 20px;
}
.middle .head-title{
    color: #A0A7B6;

}
.middle .table-style{
    /* margin-top: 20px; */
}
.middle .table-style tr{
   height: 60px;
}
.middle .table-style tr:nth-child(odd){
background: #FBFBFD;
}
.middle .pause{
    display: none;
}



.header {
    color: blue;
    width: 100%;
    height: 80px;
    line-height: 80px;
    position: fixed;
    background:rgba(255,255,255,1);
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0 4px 2px -3px rgba(0,0,0,.2);
            box-shadow: 0 4px 2px -3px rgba(0,0,0,.2)
  }
    .header .contaner {
        position:relative;
        height: 100%;
        min-width: 1200px;
        padding: 0 40px
    }
    .header .contaner a {
          -webkit-transition: color .3s ease;
          -o-transition: color .3s ease;
          transition: color .3s ease;
          text-decoration: none;
          color: rgb(51, 51, 51);
        }
    .header .logo{
        width:55px;
        height:100%;
        float:left;
        background: url('https://piccdn.luojilab.com/fe-oss/default/MTUzOTA2ODc0ODk4.png') 0 center no-repeat;
        background-size: contain
    }
    .header .logo a{
            width:100%;
            height:100%;
            display:block;
        }
    .header ul {
        margin:0;
        float:right;
        font-size: 16px;
        color: rgb(51, 51, 51);
    }
    .header li {
        display: inline-block;
        list-style: none;
        height:30px;
        line-height: 30px;
        margin-right: 50px;
        cursor: pointer;
        -webkit-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease
    }
    .header li:last-child{
            margin-right:0;
        }
    .header li:hover {
      color: rgb(255, 107, 0)
    }
    .header a:hover {
      color: rgb(255, 107, 0)
    }
    .header a.active{
        border-bottom: 2px solid #ff6b00;
        color: #ff6b00;
    }
  
    .foot{
        background-color: #fff;
        position: relative;
        height:380Px;
        width: 1080px;
        margin: 0 auto;
      }
        .foot .brand,.foot .ad{
            position: absolute;
            top:70Px;
            left: 140Px;
        }
        .foot .logo{
            line-height: 88Px;
            margin-bottom: 18Px;
            color:#333;
            font-size:14Px
        }
        .foot .logo img{
                float: left;
                margin-right:20Px;
            }
        .foot .ad{
            left: 680Px;
        }
        .foot p{
            font-size: 14Px;
            color: rgb(51, 51, 51);
            line-height: 2.58;
        }
        .foot .copyright{
          background:url('https://piccdn.luojilab.com/fe-oss/default/MTUzOTA2ODY4NDQy.png') center left;
          background-size:15Px 15Px;
          background-repeat:no-repeat;
          padding-left:20Px;
          margin-left:10Px;
        }
        .foot .copyright a:hover{
          text-decoration: underline;
        }
        .foot a{
            color: rgb(51, 51, 51);
            text-decoration: none;
            cursor: pointer;
        }
        .foot .follow{
            font-size: 14Px;
            color: rgb(51, 51, 51);
            margin-top:8Px
        }
        .foot .follow span{
                float:left;
            }
        .foot .follow .wb{
                width:20Px;
                height:16Px;
                display: inline-block;
                margin:2Px 0Px 0Px 15Px;
                background:url('https://piccdn.luojilab.com/fe-oss/default/MTUzOTA2ODg0MTgx.png');
                background-size:20Px 16Px
            }
        .foot .follow .wb:hover{
                    background:url('https://piccdn.luojilab.com/fe-oss/default/MTUzOTA2ODgxNzk0.png');
                    background-size:20Px 16Px;
                }