@import "base.css";


.rank_container{background:url("../images/rank_bg.png") no-repeat center top #0d1458;min-height: 100vh;width: 100%;box-sizing: border-box;color: #ffffff;overflow: hidden}
.rank_container .title{font-size:50px;line-height: 2;font-weight: bold;letter-spacing: 10px;color: #05d9fc;}
.rank_container .box{background:rgba(30,40,120,0.7);border-radius: 13px;padding: 30px 0}


.rank_container .box .box_title {margin-bottom: 25px;padding-bottom: 5px;font-weight: bold;font-size: 24px;background: url(../images/rank_title.png) no-repeat center bottom;text-align: center;}
.rank_container .box .box_ul_title {font-size: 25px;line-height: 40px;text-align: center;background: url("../images/cup.png") no-repeat center;}

.box .box_list ul li {line-height: 60px;height: 60px;font-size: 16px;color: #8bb4e5;border-bottom: 1px dotted #05d9fc;text-align: center}
.box .box_list ul li span {width: 50%;float: left;text-align: center;display: inline-block}
.box .box_list ul#seperator li{color: #ffd700}

.center {}
.center .center_top {display: table;margin:10px auto 10px; text-align: center}
.center .center_top h4 {text-align: center;font-size: 26px;font-weight: bold;margin-bottom: 20px;}
.center .center_top span {margin: 5px;background: url("../images/num.png") center bottom;display: inline-block;border-radius: 15px;width: 70px;height: 100px;font-size: 58px;line-height: 90px;font-weight: bold;}

.center .order {text-align: center;background: url("../images/center-bg2.png") no-repeat;color: #ffffff;line-height: 40px;}
.center .order .layui-row:first-child {color: #41c8ff;}

.ranks ul li {line-height: 70px;font-size: 16px;color: #8bb4e5;border-bottom: 1px dotted #05d9fc;}
.ranks ul li:nth-child(1) {background: url("../images/cup1.png") no-repeat center;}
.ranks ul li:nth-child(2) {background: url("../images/cup2.png") no-repeat center;}
.ranks ul li:nth-child(3) {background: url("../images/cup3.png") no-repeat center;}
.ranks ul li:nth-child(4) {background: url("../images/cup4.png") no-repeat center;}
.ranks ul li:nth-child(5) {background: url("../images/cup5.png") no-repeat center;}
.ranks ul li:nth-child(6) {background: url("../images/cup6.png") no-repeat center;}
.ranks ul li:nth-child(7) {background: url("../images/cup7.png") no-repeat center;}
.ranks ul li:nth-child(8) {background: url("../images/cup8.png") no-repeat center;}
.ranks ul li:nth-child(9) {background: url("../images/cup9.png") no-repeat center;}
.ranks ul li:nth-child(10) {background: url("../images/cup10.png") no-repeat center;}


.ranks ul li .mranks-img {text-align: center;height: 70px;color: gold;}

@media only screen and (max-width : 1480px) {
    .right ul li{font-size: 14px}

    .center .center_top span {height: 65px;font-size: 40px;line-height: 65px;}
    .center .order{line-height: 35px;}
}


.task_table{height: 320px;overflow-y: auto}