*{ padding: 0; margin: 0; box-sizing: border-box;}
body{ background-color: #020c15; font-family: 微软雅黑;background-image: url("../image/bg.jpg");background-repeat:no-repeat; background-size:cover; }
.triangle-down{
    width:0;
    height:0;
    border-left:calc(20px/2.7) solid transparent;
    border-right:calc(20px/2.7) solid transparent;
    border-top:calc(27px/2.7) solid #54e0fe;
    position: absolute;
    right:calc(25px/2.7);
    top: calc(22px/2.7);
}
.wrapDiv{ min-width: 1500px;}
.innerDiv{ width: 1440px; margin: 0 auto;  display: flex;}
.leftDiv{ width:calc(1045px/2.7); height: auto; flex-shrink:0;}
.contDiv{flex-shrink:1;}
.contBox .top{ width: 100%; height: 60px; background-image: url("../image/top@2x.png");background-repeat:no-repeat; background-size:cover;}
.awardzbDiv .titDiv{ display: flex;align-items:center;padding-top: calc(45px/2.7); padding-left: calc(88px/2.7);}
.contTop .titDiv{ display: flex;align-items:center;padding-bottom: calc(36px/2.7);}
.chart{ min-height: 100px; background-image: url("../image/mid@2x.png");background-repeat:repeat-y; background-size: contain ;}
.bottom{height: 15px;background-image: url("../image/bt@2x.png");background-repeat:no-repeat; background-position: left bottom; background-size: cover ;}
.title{ display: block; font-size: 16px; font-weight: bold; color: #54e0fe; padding-bottom:5px;border-bottom: 2px solid #54e0fe;}
.arrow{ width:calc(82px/2.7);display: block; padding-bottom:5px; padding-left:calc(32px/2.7); }
.contDiv{ padding-left: calc(80px/2.7); padding-top: calc(44px/2.7);}
.tabDiv{ display: flex;}
.tabDiv .item,.awardAll{width:calc(321px/2.7);cursor: pointer; height:calc(121px/2.7); padding-left:calc(34px/2.7);  margin-right:calc(28px/2.7); color: #54e0fe;  display: flex; align-items: center; background-image: url("../image/tab.png");background-repeat:no-repeat; background-size:contain;}
.tabDiv .item i,.awardAll i{display: block; width:calc(57px/2.7); height:calc(70px/2.7); margin-right:calc(24px/2.7); background-image: url("../image/jiangbei.png");background-repeat:no-repeat; background-size:cover;}
.tabDiv .item.cur{background-image: url("../image/tab_a.png"); color: #ffffff;}
.tabDiv .item.cur i{background-image: url("../image/jiangbei_w.png");}
/*.awardAll{background-image: url("../image/tab_a.png"); color: #ffffff;}*/
/*.awardAll i{ background-image: url("../image/jiangbei_w.png");}*/
.contTop{ display: flex; align-items: flex-end;}
.bgc .title{color: #488cf7;border-bottom: 2px solid #488cf7;}
.bgc .item{background-image: url("../image/tab_z.png"); color: #488cf7;padding-left:calc(78px/2.7); }
.bgc .item:last-child{margin-right: 0;}
.bgc .item i{width:calc(53px/2.7);background-image: url("../image/jiangpai.png");}
.bgc .item.cur{background-image: url("../image/tab_za.png"); color: #ffffff;}
.bgc .item.cur i{background-image: url("../image/jiangpai_w.png");}
.mapDiv{ width: 100%; height: calc(2248px/2.7); }
.rankList .item{ color: #488cf7; padding-bottom:calc(25px/2.7);  display: flex; align-items: center; justify-content: center;}
.rankList .item i{display: inline-block; width:calc(34px/2.7); height:calc(43px/2.7); margin-right:calc(57px/2.7);background-image: url("../image/award_z.png");background-repeat:no-repeat; background-size:cover; }
.rankList .item span:nth-child(2){width:calc(100px/2.7); color: #ffffff; text-align: center;}
.rankList .item span:nth-child(4){width:calc(150px/2.7); color: #ffffff; text-align: center;}
.rankList .item span:nth-child(3){width:calc(460px/2.7); color: #ffffff; padding-left:calc(42px/2.7); padding-right:calc(58px/2.7);}
.rankList .line{width:calc(884px/2.7); height: 1px; background-color: #488cf7;margin:0 auto calc(29px/2.7);}
.contBox{ margin-bottom: calc(39px/2.7);}
.logo{width: 100%;  height:calc(408px/2.7); position: relative;background-image: url("../image/top_logo.png");background-repeat:no-repeat; background-position: center top; background-size:cover; }
.logo h2{ font-weight: bold; font-size:18px; text-align: center; color: #54e0fe; padding-top: calc(347px/2.7);}
.innerBox{width: 1440px; height: 100%; position: absolute;left:0; right:0; top:0; bottom:0;margin:auto;}
.r_div a{ color: #ffffff;font-size: 12px; text-decoration: none; display: flex; align-items: center; margin-right:calc(26px/2.7); line-height:30px}
.r_div a i{width: calc(53px/2.7);  height:calc(53px/2.7); display:block; margin-right:calc(11px/2.7);background-image: url("../image/home.png");background-repeat:no-repeat; background-size:cover; }
.r_div{ position: absolute; right: 0; top: calc(242px/2.7); display: flex; align-items: center;}
.selectDiv{width: calc(631px/2.7);  height:calc(66px/2.7); font-size: 12px; border: 1px solid #54e0fe;  color: #54e0fe;}
.selectDiv .item{ position: relative; width: 100%;height: calc(66px/2.7);}
.selectDiv p{ padding-left:calc(63px/2.7); line-height: calc(66px/2.7); }
.downBtn{ width: 100%; height:calc(94px/2.7); margin-bottom: 20px; cursor: pointer; line-height:calc(94px/2.7); display: flex; justify-content: center; align-items: center;  border: 1px solid #185f82; color: #ffffff; text-align: center; background-color: #0e4e6d; }
.downBtn i{width: calc(51px/2.7);  height:calc(74px/2.7); display:block; margin-left:calc(29px/2.7);background-image: url("../image/down.png");background-repeat:no-repeat; background-size:cover; }
.rankList .type-list{ height: calc(340px/2.7);}


.tipDiv{ position: absolute; left: 0; top: 0; display: flex; align-items: center; padding-top:calc(34px/2.7);padding-left:calc(43px/2.7); width: calc(410px/2.7);  height:calc(230px/2.7); background-image: url("../image/tipBox.png");background-repeat:no-repeat; background-size:cover; }
.tipDiv p{ font-size: 16px; color: #ffffff;}
.tipDiv p:first-child{ color: #54e0fe;font-weight: 600; padding-bottom: 5px;}
@font-face {
    font-family: fuckfont;
    src: url(../font/Acens-1.ttf);
}
.tipDiv p.num_jang{ color: #54e0fe;font-family: fuckfont; font-size: 36px; padding-left:calc(28px/2.7); }
.dingwei{position: absolute; left: 0; top: 150px;width: calc(127px/2.7);  height:calc(193px/2.7);}
.dingwei img{ display: block; width: 100%;}

/*更改样式*/
ul,li{ list-style: none;}
.selectList{ display: none; position: absolute; right: 0; top: 25px;width: calc(631px/2.7); padding:5px 15px 5px calc(63px/2.7); background-color: #0c3c58;}
.selectList ul li{  padding: 0 5px; border-bottom: 1px dashed rgba(255,255,255,0.5);}
.selectList ul li a{display: block; line-height: 34px; font-size: 12px;}
.selectList ul li:last-child{border-bottom:none;}
.selectList a:hover{ color: #54e0fe;}