@media screen and (min-width: 1024px) {
    html,body{ /*height: 100%;*/ padding: 0; margin: 0; }
    body{ background-color: #2a1d13; overflow-x: hidden; }
    .zhu{ display: none; }
    .fl{ float: left; }
    .fr{ float: right; }
    .top-nav{
        display: none;
    }
    .banWrap{ background: url(../images/banner.png?2) center top no-repeat; }
    .mobimg{ display: none; }
    .pcimg{ display: block; }
    .copyright{padding-top: 100px;text-align: center;font-size: 12px;color: #827c8b;line-height: 22px;}
    .imgblock{ display: block; margin: auto; }
    .section{ padding-bottom: 50px; }
    .px-w1{ width: 1330px; }
    .px-opa7{ opacity: .7; }
    #pxxz{margin-bottom: 60px;}
    .px-clo1{ color: #BEA0FF; }
    .list-ranks{margin-top:25px;font-size:15px}
    .rlt5{padding-top: 100px; margin-bottom: 60px;}
    .nav-list{ width: 1200px; height: 52px; border-radius: 12px;
        background: url(../images/nav_bg.png) no-repeat;
        /*background-color: #2a184c;*/
     }
    .nav-list li{ float: left; height: 52px; text-align: center; /*width: 202px;*/ } 
    .nav-list li:nth-child(4){width: 190px;}
    .nav-list li:nth-child(5){width: 160px;}
    .nav-list li:nth-child(6){width: 180px;}
    .nav-list li a{ display: block; min-width: 160px; height: 52px; line-height: 52px; font-size: 18px; color: #fff; transition: all .3s; font-weight: bold; }
	.nav-list li.cur a{background: url(../images/navlibg.png) center no-repeat;  background-size: 100% 100%; border:1px solid #000000; border-radius: 12px; }/*color: #060073;*/
/*    .nav-list li:hover a{ opacity: .8; }*/
    .nav-content{ margin-top: 52px; letter-spacing: 1.4; } 
    .ntitle{ color: #fff; font-size: 18px; }
    .ntitle:before{ display: inline-block; content: ""; width: 20px; height: 20px; margin-top: -2px; margin-right: 5px; background: url(../images/tilte_label.png) no-repeat; vertical-align: middle; }
    .px-index div:first-child{ width: 1330px; } 
    .px-index div:first-child p{ line-height: 26px; color: #dccde0; } 
    .px-index div:last-child{ width: 330px; } 
    .px-index h3{ margin-bottom: 30px; } 
    .back15{ padding-bottom: 15px; padding-left:12px; border-left: 1px solid #5b3695; }
    .back15 a {font-size: 14px;font-weight: bold; color: #dccde0;}
    .news{ padding: 0 0 15px; padding-right: 5px; min-height: 200px; max-height: 335px; overflow: auto; border-left: 1px solid #5b3695;  }
    .news li{ padding-left: 12px; line-height: 24px; margin-bottom: 22px; }
    /*.news li::before{ content: " "; display: inline-block; width: 8px; height: 8px; background: #02FBFF; vertical-align: middle; margin-right: 20px; }*/
    .news li a{ font-size:13px; color: #fff; vertical-align: middle; font-weight: bold; }
    .news li a:hover,.back15 a:hover{ color: #fee55d; }
    .news li span.tit{ display: block; width: 224px; word-break: break-all; color: #dccde0; }
    .news li span.time{ float: right; font-size: 13px; font-weight: normal; }
    .news::-webkit-scrollbar{
        width: 3px;
        height: 18px;
        padding-right: 10px;
        background-color: #353647;
    }
    .news::-webkit-scrollbar-track{
        border-radius: 10px;
        background-color: #353647;
        margin-right: 10px;
    }
    
    .news::-webkit-scrollbar-thumb{
        width: 3px;
        height: 20px;
        border-radius: 10px;
        background-color: #5D5E6B;
    }
    .img-list li{ width: 210px; margin-right: 60px; margin-top: 60px; } 
    .img-list li:nth-child(4n){ margin-right: 0; } .img-list li:nth-child(1), .img-list li:nth-child(2), .img-list li:nth-child(3), .img-list li:nth-child(4){ margin-top: 0; } 
    .srcoll-box{ position: relative; min-height: 800px; max-height: 840px; overflow-y:auto; } .px-line{ width: 1px; height: 100%; background: #8C64DC; position: absolute; right: 203px; top:0; z-index: 2; } 
    .project-list>li{ height: 60px; line-height: 60px; border-bottom: 1px solid #f9a33e; } 
    .project-list>li:first-child{ border-top: 1px solid #f9a33e; }
    .project-list p{ background: rgb(0,0,0); padding:10px; border-radius: 8px; line-height: 140%; z-index: 10; top:60px; } 
    .project-list>li.lastLI p{ bottom:100%; top:auto; } .projectMenu{ margin-bottom: 30px; } 
    .project-nav{ line-height: 40px; margin-top: 5px; margin-left: -10px; }
    .pmenu1{ padding-bottom:  10px; }
    .project-nav ul{ width: 900px; margin-top: 10px; }
    .project-nav li.px-opa7{ opacity: 1 }
    .project-nav li{ float: left; margin-left: 10px; line-height: 24px; margin-bottom: 10px; color: #f9a33e; border: 1px solid #f9a33e; padding:  0 5px; border-radius: 5px;font-size: 14px; }/**8c8be4**/
    .project-nav li.px-opa7:hover{ opacity: 1; color: #fff; border-color: #fff; }
    .project-nav li.px-opa7.cur{ color: #fff; opacity: 1; border-color: #fff; }
    /*评选规则*/
    .rulewrap,.px-rule{ position: relative; width: 1330px; margin: auto; padding-top: 50px;}
    .bgimg{ position: absolute; left: 50%; }
    .bgimg1{ margin-left: -481px; top: 150px; }
    .bgimg2{ margin-left: -960px; top: 1060px; }
    .bgimg3{ margin-left: -960px; top: 2430px; }
    .rule{ position: relative; z-index: 10; color: #c7c2cf; font-size: 14px; line-height: 26px; }
    .rule p{ margin-bottom: 30px; }
    .prize{ margin: 70px 0; }
    .prize ul{ margin-left: -20px; }
    .prize li{ float: left; width: 260px; height: 60px; margin-bottom: 20px; margin-left: 20px; background: url(../images/item-side.png) no-repeat; }
    .prize li button{ width: 260px; height: 60px; cursor: default; color: #fff; font-size: 16px; font-weight: bold; }
    /*投票通道*/
    
    
    /*投票说明*/
    .voteinfo{ padding-top: 28px; padding-bottom:50px; }
    .px-vote{ width: 1100px; }
    .px-vote-explain{ line-height: 30px; color: #c7c2cf; font-size: 15px; }
    .px-vote-explain>p{ margin-bottom: 10px; }
    .stitle{ padding-bottom: 10px; margin-bottom: 15px; font-size: 18px; border-bottom: 1px solid #4a366a; color: #fff; font-weight: bold; padding-top: 20px;}
    .stitle:before{ content: ""; display: inline-block; width: 4px; height: 20px; margin-right: 10px; margin-top: -3px; border-radius: 2px; background: #ffe65d; vertical-align: middle; }
    .xcfewm li{ float: left; margin-top: 20px; margin-right: 30px; text-align: center; color: #c7c2cf; }
    .xcfewm li img{display: block;margin:auto;}
    .gotop{
        z-index: 999999;
        width: 64px;
        height: 64px;
        right: 80px;
        bottom: 80px;
        background: url(../images/toup.png);
    }
    /* 滚动条样式 */
    .srcoll-box::-webkit-scrollbar{
        width: 8px;
        height: 18px;
        padding-right: 10px;
        background-color: #353647;
    }
    .srcoll-box::-webkit-scrollbar-track{
        border-radius: 10px;
        background-color: #f9a33e;
        margin-right: 10px;
    }
    .srcoll-box::-webkit-scrollbar-thumb{
        width: 8px;
        height: 20px;
        border-radius: 10px;
        background-color: #5d3302;
    }
    .project-head span{ display: block; float: left; line-height: 50px; font-size: 16px; color: #f9a33e; }
    .project-head span.col1{ width: 134px; }
    .project-head span.col2{ width: 130px; }
    .project-head span.col3{ width: 460px; }
    .project-head span.col4{ width: 160px; }
    .project-head span.col5{ width: 120px; }
    
    .project-list li{ position: relative; }
    .project-list li span.title{ width: 460px; }
    .project-list li span._pointer{ width: 260px; }
    span.totalPrice{ width: 100px; }
    .project-list li span._pointer,.project-list li .title,.project-list li span.totalPrice,.project-list li span.completeTime{
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .project-list li span.title,.project-list li span.totalPrice,.project-list li span.completeTime{ margin: 0 10px; font-size: 18px; }
    /************************************************************************************8*/
    .rank-top{ height: 60px; margin-top: 48px; background: url(../images/paihang_bg.png) repeat-x; border-top-left-radius: 10px; border-top-right-radius: 15px; }
    .rank-top h2,.rank-top .filter{ float: left; color: #679beb; }
    .rank-top h2{ margin-top: 15px; margin-left: 20px; font-size: 20px; font-weight: bold; }
    .rank-top .filter{ margin-left: 220px; margin-top: 10px; padding: 10px 20px; border-radius: 5px; border: 1px solid #2579da; }
    .rank-top .filter a{ display: inline-block; width: 80px; text-align: center; font-weight: bold; color: #cde1ff; }
    .rank-top .filter a.cur,.rank-top .filter a:hover{ color: #f09602; }
    .rank-top .more{ float: right; margin-right: 20px; margin-top: 20px; color: #679beb; }
    
    .rank-head{ height: 40px; line-height: 40px; background: #202052; }
    .rank-head span,.rank-list span{ display: inline-block; text-align: center; color: #679beb; font-size: 16px; vertical-align: middle; }
    span.rankNum{ width: 94px; }
    span.tg{ width: 214px; }
    span.name{ width: 214px; }
    span.rate{ width: 154px; }
    span.valueNum{ width: 194px; }
    span.compare{ width: 114px; }
    .rank-list li{ height: 60px; }
    .rank-list li.color1{ background: #000033; }
    .rank-list li.color2{ background: #202052; }
    .rank-list li span{ color: #cde1ff; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; }
    .rank-list li.num1 .rankNum em{ color: #f09602; }
    .rank-list li.num2 .rankNum em{ color: #31a379; }
    .rank-list li.num3 .rankNum em{ color: #4873ef; }
    .rank-list li.num1 .rankNum em,.rank-list li.num2 .rankNum em,.rank-list li.num3 .rankNum em{ font-weight: bold; font-family: "Impact"; font-size: 16px; }
    .rank-list li span.tg{ display: inline-block; height: 50px; margin-top: 6px; text-align: left; }
    .rank-list li span.tg i{ display: inline-block; width: 50px; height: 50px; margin-right: 10px; margin-left: 2px; border-radius: 25px; overflow: hidden;  vertical-align: middle; }
    .rank-list li span.tg i img{ max-width: 100%; }
    .rank-list li span.name{ font-size: 16px; color: #cde1ff; }
    .rank-list li span.rate{color: #f09602;}
    .rank-list li span.compare{ color: #ff3030; }
    .rank-list li span.compare.down{ color: #35b724; }
    .rank-list li span.compare.equal{ color: #cde1ff; }
    
    .ranking-list{width: 200px;height: 280px;float: left;box-sizing: border-box;transition: all 0.3s;position: relative;overflow: hidden;}
    .ranking-list:hover{border: 1px solid #313163;}
    .rank-img{width: 130px;height: 130px;border-radius: 50%;background: url(../images/huan.png) no-repeat center;padding: 10px;position: relative;margin: 0 auto;transition: all 0.3s;cursor: pointer;}
    .rank-img img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;transition: all 0.3s;}
    .img_hoverbox{display: none; font-size: 12px;color: #fff;text-align: center;position: absolute;top: 57px;left: 50%;transform: translateX(-50%);}
    .rank-title{font-size: 15px;color: #fff;text-align: center;line-height: 1;margin-top: 15px;}
    .rank-tro{
        font-size: 12px;
        color: #8282a8;
        line-height: 1.5;
        margin-top: 10px; 
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 35px;
    }
    /*滚动条高宽分别对应横竖滚动条的尺寸*/
    .rank-tro::-webkit-scrollbar
    {
        width:3px;
        height:auto;
    }
    /*定义滚动条轨道
     内阴影+圆角*/
    .rank-tro::-webkit-scrollbar-track
    {
        background: #000033;
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/
        border-radius:5px;
    }
    /*定义滑块
     内阴影+圆角*/
    .rank-tro::-webkit-scrollbar-thumb
    {
        width: 3px;
        border-radius:5px;
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);*/
        background-color:#2579da;
    }
    
    .rank-line{height: 2px;width: 20px;background: #3076dd;margin:0 auto;margin-top: 13px;display: none;}
    .rank-img:hover img{opacity:0.6;}
    .rank-img:hover .img_hoverbox{display:block;}
    .rankinnerbox{position: absolute;left: 0;padding: 20px 15px;transition: all 0.45s ease-out;}
    .ranking-list.srolltop .rankinnerbox{margin-top:-150px;}
    .ranking-list.srolltop .rank-tro{ max-height: 200px;-webkit-line-clamp: initial;overflow-y: scroll;}
    .ranking-list.srolltop .rank-line{display: block;}
    .ranking-list.srolltop .rank-img{opacity:0;}
    .final_ranking{margin: auto;margin-top:30px;width: 1025px;height: 840px;overflow-y: scroll;}
    .list-ranks{ width: 1025px; margin: auto; }
    #rankwarp{width: 1000px}
    /*滚动条高宽分别对应横竖滚动条的尺寸*/
    .final_ranking::-webkit-scrollbar
    {
        width:5px;
        height:auto;
        background-color: #353647;
    }
    /*定义滚动条轨道
     内阴影+圆角*/
    .final_ranking::-webkit-scrollbar-track
    {
        background-color: #4B0097;
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/
        border-radius:5px;
    }
    /*定义滑块
     内阴影+圆角*/
    .final_ranking::-webkit-scrollbar-thumb
    {
        width: 5px;
        border-radius:5px;
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);*/
        background-color: #8C64DC;
    }
    
    .sortlist button::before{ content: " "; display: inline-block; width: 8px; height: 8px; margin-right: 10px; margin-top: -2px; background: #f9a33e; vertical-align: middle; }
    .sortlist button{ float: right; margin: 10px 0 20px; color: #f9a33e; vertical-align: middle; }
    .sortlist button i{ display: inline-block; width: 15px; height: 18px; margin-left: 10px; margin-top: -4px; background: url(../images/sortd.png) no-repeat; vertical-align: middle; }
    .sortlist button.cur i{ background: url(../images/sortu.png) no-repeat; }
    
    .anchor{  display: none; z-index:999; position: absolute; left: 1120px; top: 940px; width: 150px; padding: 15px 10px; background: #000000; border-radius: 15px; }
    .anchor .sunf{ display: block; margin-left: -15px; margin-top: -100px; width: 162px;height: 162px;}
    .anchor li{ padding: 12px 0; line-height: 20px; text-align: center; border-bottom: 1px solid #2f0459; }
    .anchor li a{ color: #fff; font-size: 13px; opacity: 1; filter: :alpha(opacity=100); }
    .anchor li:hover a,.anchor li.cur a{ color: #ffe65d; }
    .anchor li:first-child{ padding-top:0; }
    .anchor li:last-child{ border-bottom: none; }
    
    .bm_ewm{ margin: auto; padding-top: 60px; text-align: center; }
    .bm_ewm span{ display: inline-block; padding: 0 35px; color: #fff; }
    .bm_ewm span img{ display: block; margin: auto; margin-bottom: 15px; }
    
    /*候选名单*/
    .names{ width:800px; margin: auto; }
    .nbody{ height: 663px; overflow: auto;}
    /*滚动条高宽分别对应横竖滚动条的尺寸*/
    .nbody::-webkit-scrollbar
    {
        width:10px;
        height:auto;
        background-color: #353647;
    }
    /*定义滚动条轨道
     内阴影+圆角*/
    .nbody::-webkit-scrollbar-track
    {
        background-color: #4B0097;
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);*/
        border-radius:5px;
    }
    /*定义滑块
     内阴影+圆角*/
    .nbody::-webkit-scrollbar-thumb
    {
        width: 10px;
        border-radius:5px;
        /*-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);*/
        background-color: #8C64DC;
    }
    .menu{ margin-bottom: 30px; text-align: center; }
    .menu button{ width: 180px; height: 42px; margin-left: 20px; margin-right: 20px; color: #83749c; font-size: 15px; border: 1px solid #83749c; border-radius: 25px; font-weight: bold; }
    .menu button.cur{ color: #d6c05d; font-size: 15px; border-color: #d6c05d; }
    .menu button.irbtn{ width: 200px; }
    .nhead{ height: 48px; line-height: 48px; background: #10012c; border: 1px solid #3c2645; border-top-left-radius: 10px; border-top-right-radius: 10px; }
    .nhead span,.nli span{ display: inline-block; text-align: center; box-sizing: border-box; }
    .list1 .nhead span,.list1 .nli span, .list3 .nhead span,.list3 .nli span{ width: 33.3%; }
    .list2 .nhead span,.list2 .nli span{ width: 50%; }
    
    .nli{ padding: 10px 0; border: 1px solid #3c2645; border-top: none; background: #17013f; }
    /*2020-4-23 zhanjian add jpdm榜单*/
    .px-prolist{ width: 1120px; margin: auto; }
    .prizepro{ display: none; }
    .ptL{ width: 310px; }
    .ptL li{ padding-bottom: 10px; margin-bottom: 25px; font-size: 22px; color: #a79bb1; border-bottom: 1px solid transparent; letter-spacing: 8px; cursor: pointer; }
    .ptL li:hover,.ptL li.cur{ color: #ecda6e; border-bottom: 1px solid #ecda6e; }
    .ptR{ width: 760px; }
    
    .bdtitle{ margin-bottom: 10px; font-size: 22px; color: #efd671; text-align: center; letter-spacing: 8px; }
    .fame .bdtitle{ text-align: left; }
    .bdhead{ background: url(../images/navlibg.png) center no-repeat;  background-size: 100% 100%;  border-radius: 12px;  color: #f9a33e; }/**background: #f0d971;**/
    .bdhead span,.bdbody li span{ float: left; display: block; height: 42px; line-height: 42px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .bdhead span{ font-size: 13px; }
    span.line{ width: 178px; }
    span.code{ width: 178px; }
    span.abb{ width: 200px; }
    span.name{ width: 178px; }
    
    .single span.line{ width: 200px; }
    .single span.abb{ width: 180px; }
    
    .ir span.code{ width: 150px; }
    .ir span.abb{ width: 180px; }
    .ir span.name{ width: 400px; }
    
    .irH span.code{ width: 375px; }
    .irH span.abb{ width: 375px; }
    
    .bestproject span.code{ width: 100px; }
    .bestproject span.abb{ width: 150px; }
    .bestproject span.name{ width: 100px; }
    .bestproject span.line{ width: 380px; }
    
    .bdbody ul{ max-height: 830px; overflow: auto; }
    .irH .bdbody ul{ max-height: 850px; }
    .bdbody ul::-webkit-scrollbar
    {
        width: 3px;
        background-color: #F5F5F5;
    }
     
    /*定义滚动条轨道 内阴影+圆角*/
    .bdbody ul::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
     
    /*定义滑块 内阴影+圆角*/
    .bdbody ul::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }
    
    .bdbody li{ background: #271E14; }
    .bdbody li:after{content: " ";display: block;height: 0;visibility: hidden;clear: both;}
    .bdbody li:nth-of-type(even){ background: #524026; }
	
    
    .fame ul{ margin-left: -40px; padding-top: 20px; }
    .fame li{ float: left; width: 370px; margin-left: 30px; margin-bottom: 50px; }
    .fame li img{ display: block; width: 150px; height: 150px; float: left; }
    .fame li .info{ float: right; width: 206px; line-height: 20px; }
    .fame li.lastf{ margin-bottom: 0; }
    .info .name{ margin-bottom: 5px; font-size: 16px; color: #E9DC73; }
    .info .ins{ margin-bottom: 15px; color: #fff; font-size: 13px; }
    .info .intro{ height: 105px; font-size: 12px; color: #9282A9; overflow: auto; }
    
    .info .intro::-webkit-scrollbar
    {
        width: 3px;
        background-color: #F5F5F5;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    .info .intro::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    /*定义滑块 内阴影+圆角*/
    .info .intro::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }
    .prizepro .tips{ line-height: 18px; padding: 10px 0; font-size: 12px; color: #b3b3b3; }
}
.yicheng{ padding-top: 50px; font-size: 20px; }
.yicheng ul{ margin-left: -50px; padding-top: 20px; }
.yicheng li{ float: left; margin-left: 50px; font-size: 14px; line-height: 25px; }
.yicheng li span{ color: #fff1a7; }
.yicheng img{ margin: 50px 0; max-width: 100%; }
/***.px-vote .way{ width: 449px; }***/
.zhu{ text-align: center; font-size: .25rem; }
.mobilemenu{ display: none; }