* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    font-size: 14px; /*1.4 × 10px = 14px */
    background:#fd0000;
    font-family: SimHei,Arial;
}

ul, li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}



.poster{width:100%;position:relative;}
.jilu_title{width:36.41%;position:absolute;top:18%;left:31.795%;}


.main {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
}

.titleImg {
    width: 100%;
    position: relative;
    top: 45px;
}

.jifen {
    position: relative;
    top: 45px;
    height: 30px;
    line-height: 30px;
    text-align:center;
    color:#ffffff;
}

    .jifen span {
        color: #f3a21b;
    }

.list {
    width: 100%;
    position: relative;
    padding-bottom: 51px;
}

.title3 {
    width: 100%;
}

.day {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

    .day > p {
        background-color: #f3a21b;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        padding-left: 20px;
    }

    .day ul {
        width: 100%;
    }

        .day ul li {
            width: 100%;
            height: 60px;
            border-bottom: 1px solid #424464;
            overflow: hidden;
        }

            .day ul li > div {
                width: 35px;
                height: 35px;
                float: left;
                margin: 12.5px 10px 0px;
                text-align: center;
            }

            .day ul li > p {
                float: left;
                line-height: 60px;
            }

            .day ul li > .Grade {
                width: 30%;
                padding-left: 10px;
                color: #ffffff;
                font-size: 14px;
            }

            .day ul li > .Score {
                color: #f3a21b;
                width: 40%;
                text-align: center;
            }

.rollButtom {
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 10px 0px;
    overflow: hidden;
    width: 100%;
}

    .rollButtom a {
        width: 33.33%;
        float: left;
    }

    .rollButtom img {
        display: block;
        margin: 0px auto;
        width: 90%;
    }

    .footerMain{width:100%;height:38px;background:#fff;position:fixed;bottom:0;left:0;}
        .footer{width:93.75%;display:block;margin:auto;height:38px;}
        .footer ul li{float:left;width:25%;margin:0 3%;height:38px;position:relative;}
        .footer ul li .line{width:1px;height:60%;position:absolute;top:20%;right:-13%;border-left:1px dotted #fd1400;}
        .footer ul li.zy{width:35.2%;margin:0;}
        .footer ul li img{display:block;width:100%;vertical-align:middle;margin:6px auto;}

.NImg {
    width: 45%;
    margin: 0 auto;
    position: relative;
    top: 45px;
    display: none;
}

@media screen and (max-height:414px) {
}

@media screen and (min-height:504px) {
}

@media screen and (min-width:375px) {

    .title2 {
        margin: 0px auto 20px;
        padding-top: 20px;
    }
}

@media screen and (min-height:672px) {
}