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

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

body {
    font-size: 1.4rem; /*1.4 × 10px = 14px */
     font-family: SimHei,Arial;
      background:url(../images/bg3.jpg) top center no-repeat #fd0000;
    background-size:100%;
    position:relative;
    padding-top:45px;
    width:100%;height:100%;
}

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

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

.NImg {
    width: 40%;
    margin: 0 auto;
    position: relative;
    padding-top:10px;
    display: block;
}


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

.hill {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.mainCon {
    z-index: 5;
    width:100%;
    position:relative;
   padding-top:11%;
}

.mainConBG{width:100%;display:block;margin:auto;}
.logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 21.875%;
    z-index: 3;
    display:none;
}

.title {
    width: 65%;
    position: relative;
    display: block;
    margin: 0% auto 0%;
}

.font {
    font-size: 15px;
    line-height: 19px;
    height: 19px;
    text-align: center;
    color: #c71f1e;
}

    .font span {
        color: #cb8824;
    }


.buttom {
    width: 70%;
    margin: 10% auto;
    border: 1px solid #f3a21b;
    border-radius: 5px;
    overflow: hidden;
}

    .buttom div {
        width: 50%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #f3a21b;
        float: left;
        text-align: center;
        background-color: #f3a21b;
        color:#ffffff;
    }



    .zy.view {
        background: none;
        color: #f3a21b;
    }

    .rq.view {
        background: none;
        color: #f3a21b;
    }

.TableTop {
    width: 100%;
    margin-top: 5%;
}

.Table {
    width: 100%;
    overflow: hidden;
    z-index: 5;
    padding-bottom:52px;
}

    .Table li {
        width: 100%;
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #424464;
        overflow: hidden;
        position: relative;
    }

        .Table li div {
            float: left;
            text-align: center;
        }

        .Table li .No {
            width: 20%;
            color: #cb8824;
        }

        .Table li .User {
            width: 45%;
            color: #cb8824;
            text-align: center;
            margin-top: 10px;
            overflow: hidden;
        }

            /*.Table li .User .UserImg {
                width: 28px;
                height: 28px;
 
            }*/

            .Table li .User img {
               width: 28px;
                margin: 0px 5px 0px 5px;
                border-radius: 50%;
                overflow: hidden;
                position:relative;
                top:4px;
            }

            .Table li .User p {
                line-height: 35px;
                height:35px;
                overflow: hidden;
                margin:auto;
                color:#FFF;
            }
            .Table li .User1 p span{position:relative;top:-5px}

.Hat {
    position: absolute;
    top: -5px;
    left: 5px;
    width: 28px;
}



.Table li .Grade {
    /*width: 25%;
            color: #c71f1e;
            font-size: 1.8em;*/
}

.Grade {
    width: 55%;
    padding-left: 20px;
    text-align: center;
    color: #f3a21b;
}

    .Grade img {
        width: 10%;
        float: left;
        margin: 20px 2%;
    }
.rollButtom {
    position:fixed;
    bottom:0px;
    left:0px;
    padding: 10px 0px;
    background-color: #131237;
    overflow:hidden;
        width:100%;
}
    .rollButtom a {
        width:33.33%;
        float:left;
    }
    .rollButtom img {
        display: block;
        margin: 0px auto;
        width: 90%;
    }
.listLine {
    width:100%;
    display:block;
}

.footerMain{width:100%;height:38px;background:#fff;position:fixed;bottom:0;left:0;z-index:100;}
        .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;}

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


}

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


}

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


}

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

}