.ThirdLayourt .layout{
    position: relative;
}

.ThirdLayourt .chart3 {
    width: 100%;
}

.ThirdLayourt .datetime{
    position: absolute;
    right: 1em;
    top: .5em
}

.ThirdLayourt .historylist{
    font-size: .15rem;
    width: 100%;
    padding: 2px;
    background: rgba(15,83,103,.61);
    border-radius: .06rem;
    margin-bottom: .08rem;
    margin-right: 2px;
    cursor: pointer;
    position: relative;
}

.ThirdLayourt .listName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.ThirdLayourt .historylist .sortNum{
    width: 3.5em;
    height: 3.5em;
    line-height: 3.5em;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    text-shadow: 1px 2px 3px #00151c;
}
.ThirdLayourt .historylist .sortNumBG{
    background-image: url(data\:image\/png\;base64\,iVBORw0KGgoAAAANSUhEUgAAACkAAAAlCAYAAADfosCNAAAHhElEQVRYhb2Yza4jRxXHf6equm3f8Z2PJHeyIIgkiwhFSCwAgcSCiA1PwPNAHoM9G\+ABWDJSWJBIkQKILACNgjQskkkyk7m\+Y7u7qw46p8q\+vjczJAvMsaxut7u6\/n2\+z1\/4rUbOEE4RPiFwm8CDh5HlWWBBIJ9HhtNAT2B6GggnQkTYIsS1wIL\/LmvoF0pBydRjotBTGChsKMweFdKdzIrCksJDCmd\+VD5EhT9o2gPMRAqRm0Q\/xx8XUSI9kfU2kvy\+QBAhINDDOIgD7Q\/gDkDXq5\+UvoIrW\/UdZJbbUzIbMidMXLTf8eNM\/3K\+BPo7FX6lHd9sAO84oMTTVYcsE5GOcdshs\+SAZUzELjCMkb4TyhiYROgS5EmuaDQmhQk0KWVU7NN3mTwW6CbsT2WyHVivJ\/rFyMRIYXIV9R9lTl\/N3Kck7iBu4oefRh6\/lOjoyLHHPtPQk2Y9ZewJXUeWjmlKBDF9BEoIbnrNAnIVpIEyRWtWohSKb58RMaOPxHEkdwOZgbAY0E0gz8Xtlz\+H1avKGuUMTSwRzgmcvBQYV4m07IiLHoY5oZ8Bc4rMEXpEZkhMlNxBNnjBwQr14YUGtBi\+qj2Dm6XY1kjOFBmRPDDKQGTDOG5JGlERkjnWhbJ5Qd037UGnSGLhD7ZAiCyWkc2mI4UZWeaEaUHhhCALyHNKmeMhJF01P9G809erfUsDaRqUClJss1wgVhMHNW\/dEmXjLxu7SB4F6WtAcaNwg8yazG2E\+wZyhvCYGsnrdSKHDhEz7\/u7\/Zr5IMTL8\+ti1yQcmvvg\+Izrh88OnV3\/PmXIhN6cYnI8ZuElJfAZQoeYZ6ASmYvFb\/cVeeUIMs08jNgmytPI1m3mr5H8xAz3lECaB085ceoo\/BqYgX4X5I2jYVPeAf7tkFLvXmlO4bieINw0c9O8q3saiCfB4s6vBH4D\+TY5WGgdD2TgXTS\/ZwnK91VPfMEt2\+00\+UVz\+lGE2Ta4401m8tx5RNs9xxQtvQMUSZ7eKJFSAnEuZODhFU8HRk8m4hFrb2QLhXBUkCHEvQZDCp7QQgupVT0Gg3pFpnbT7nY9Msji7hXbfvXDHC8Sd9p7cOvsWQmlJmZtC48pWmJTi5lXvMzG7ZU9q5ZuXMt8\+aCC6JFBhoADLDstPuOW\/dlMlW4HNl\/\+e1yI7KtU5mondQE8AqvdgY\+vLXIXjs92gWNJ8bpdxYrmpp0vd\/XqjjdM1nF8WcpzSuD\/WoLWOj9NkMyiqswvdz4wd\+ua9eAY\/i8QL8V70C\/L89OLsutijgtUwlcq5CrI7poWpf06qhTl\+ue5ILMq2xY4etCwHtsrNXiP7\/vFtpf9Wlz3yald6Jsm66JivX8Ln\+OJlDpa\+M5T3d9wrICbu\+heN4AWOKZNVfVFNVlOxwcZJm\/OzLVyKj5N7jT5GfCK5UmT0wbQ\/pQ\+Iw2gDUz7zH4k0dKUoZPv6yC1zuimyX\+YJs9ansx\+LMShkJLNIiMSh6bNY2py8LlAqSCzFtKiOKbW\+yQ\+Al41P1gWv2mzzczHCZWR4KH09UCqfoaUP7da\+hrw2tdaZzxGBTm2Hiy36Vu5hZq5Ey\+jfssJhYunhdmJ6XP0\+dGquej43AKuTrZ8gJZ3fZwTmxBtBg9\/BJv1wrdRfgjcev7LlQHiBhkHdJgYNNNdFNY3aob5m2lyhfI6yiPrQ0oz\+jCS\+i06JTSMX8Ko\+k\+CvIuW92oCiDXp5wyxTZQlm9vfR\/LvKfEbqPyEKN\/xkDiUEDYoG6TbMm1HTuaTx8GMssOW4EMY3rSlhc0yV5qjH7xZyym4Kap8AtxDyjuIfr4nAkLYZQQlBQtAaS8SbPiGIIi5gv6l5t74Y9DvgfygPXfrIPMwkLSafPuksLhZPMLfNzsaF\/RTAvd9cuwYrFlaz\+gXM4ZhjqafQbDB7E\+EqUNTpOTapLpBWnPQpUJu7huTBWu9p0jY94uBlt50osiLxPgjf\+40\/JWu33j\/s10NdMvBuA3nhBbkyqrdJfCFB7\+ZvyNf9PSxJ8w7J\+lsMs9j5zXBCCtvTi1r6GUZPawYeTcIdEI0sEn2hJZr03yks\/w4osPIqAPRfHOxZWTkRguiUxphZRyg5cnHFO6SfdbdFmF2Q9muC7LIyHZ0CGkWyEOgN6qo1PLl0PuagD0ZmAvM8IHA7qUXpiHshyvtK\/0XnKrKaJmYzSujZvFwm8njI16WZHHfuWes2oeBszdt3q3c5CmR81VCl5Gyjk6ihsXlJGfG6Te6T7yzRT26ue1F10JcyH76c\+\/eCP28an9yuxXnJ2WVKcsdwOwI7lJMi\/zcHPuXGngTcbb3oSf3wMqq96fRmTajO4ymilSGd91ALloBWJ3X8\+lU97PShbEi52KljGFV17Ks4Ks71LXG9s4a25uoTO8O4DnKWxTerpoU3kb2QHesrwF9vdGCTxpf9AJw\/kg4vaN83hqAsQGzXHsojcfxdbv1h2LrdutPXWuV7tsBbFQ0vzBNGkiTQ6B\/95lXnLus1KAzCbxysMuDB3D2SiU6Tb51DeS\/9ho3C9W1Ro7t5EWUB3XQ8mdYTnyE8sY95eFbe4AA\/wG01O4dkl7A0gAAAABJRU5ErkJggg\=\=);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ThirdLayourt .realTime{
    position: relative;
    font-size: .15rem;
    padding: 0;
}

.ThirdLayourt .realTime .text{
    text-align: center;
    height: 100%;
    line-height: 1.4rem;
    border-right: 1px solid #046480;
    margin: 0 .30rem;
    padding-right: 5px;
}
.ThirdLayourt .realTime .circular{
    position: absolute;
    border-radius: 50%;
    width: .14rem;
    height: .14rem;
    right: .25rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #046480;
}

.ThirdLayourt .border-right{
    border-right: 5px solid #046480;
}

 .swiper-container{
     height: 80%;
 }

.ThirdLayourt .swiper-wrapper , .swiper-container1{
    height: calc(100% - 60px);
}

.ThirdLayourt .swiper-wrapper .swiper-slide{
    height: 45%
}

.ThirdLayourt .swiper-container1 .swiper-slide{
    height: 100%;
    width: 5rem;
    background-color: rgba(0,0,0,.8);
}

.ThirdLayourt .funcClassItem{
    border: 1px solid #35eefc;
    background: #00232d;
    font-size: .3rem;
    height: 100%;
    text-align: center;
}
