@media screen and (min-width: 200px) and (max-width: 1024px) {
    .top-nav {
        width: 100%;
        padding: 0 0px;
        text-align: center;
        height: .92rem;
        line-height: .92rem;
        position: fixed;
        z-index: 9999;
        top: 0;
      }
      
      .top-nav a {
        color: #fff;
      }
      
      .top-nav span {
        position: absolute;
        width: .8rem;
        height: .8rem;
        padding: .2rem;
        background-color: #fff;
        right: 0;
        top: 0;
      }
      
      .top-nav .normal {
        background: url("../images/menu-icon.png") no-repeat center center;
        background-color: rgba(0,0,0,.5);
        background-size: 80%;
      }
      
      .top-nav .close {
        width: .4rem;
        height: .4rem;
        margin-top: .1rem;
        margin-right: .1rem;
        background: url("../images/menu-close.png") no-repeat center center;
        background-size: contain;
      }
      
      .top-nav ul {
        position: absolute;
        background:rgba(0,0,0);
        right: 0;
        width: 2rem;
        padding-top: .92rem;
        top: 0;
      }
      
      .top-nav ul li {
        width: 2rem;
        line-height: 1.2;
        padding: .2rem 0.45rem 0.2rem 0.3rem;
        font-size: .2rem;
        border-bottom: 1px solid #2a1d13;
      } 
           
    html,body{ /*height: 100%;*/ width:100%;padding: 0; margin: 0;overflow-x: hidden; }
    body{  background-color: #2a1d13; }
    /*.fl{ float: left; }*/
    .fr{ float: right; }
    .imgblock{ width:100%;display: block; margin: auto; }
    .rule-wrap{width:100%;overflow-x: hidden;position: relative;}
    .section{ 
        padding-bottom: 0.6rem; 
        /*background: url(../images/bottom.png) center bottom no-repeat; */
        width:100%;
    }
    .px-w1{ width: 7.5rem; }
    .px-opa7{ opacity: .7; }
    .px-clo1{ color: #BEA0FF; }
    .nav-list{ width: 9rem; height: 1.12rem; padding: 0 0.2rem; 
        background-color: #2a184c;
        /*background: url(../images/nav_bg2.png) no-repeat; */
        background-size: 100% 100%;
    }
    .nav-list li{ float: left; height: 0.6rem; margin-top: 0.28rem; text-align: center; /*width: 202px;*/ } 
    .nav-list li:nth-child(4) a{width: 1.6rem;}
    .nav-list li:nth-child(5) a{width: 1.2rem;}
    .nav-list li:nth-child(6) a{width: 1.38rem;}
    .nav-list li a{ display: block; width: 1rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.15rem; 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%; color: #060073; }
    .nav-list li:hover a{ opacity: .8; }
    .nav-content{ margin-top: 0.4rem; letter-spacing: 1.4; } 
    .ntitle{ font-size: 0.32rem; font-weight: bold;}/***color: #fee55d; ***/
    .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: 100%;padding-left: 0.3rem; } 
    .px-index div:first-child p{ width: 6.8rem;font-size:0.28rem; line-height: 1.5; } 
    .px-index div:last-child{ width: 100%;width: 100%;padding-left: 0.3rem;margin-top: 0.5rem; } 
    .px-index h3{ margin-bottom: 0.2rem; } 
    .back15{ padding-bottom: 0.2rem; border-left: 1px solid #5b3695; }
    .back15 a{padding-left:0.2rem;font-size: 0.28rem;font-weight: bold;}
    .news{ width:7rem;padding: 0 0 0.2rem; padding-right: 0.1rem; max-height: 6rem; overflow: auto; border-left: 1px solid #5b3695;padding-top: 0.2rem;  }
    .news li{ padding-left: 0.16rem; line-height: 1.5; margin-bottom: 0.2rem; }
    /*.news li::before{ content: " "; display: inline-block; width: 8px; height: 8px; background: #02FBFF; vertical-align: middle; margin-right: 20px; }*/
    .news li a{ font-size:0.24rem; color: #fff; vertical-align: middle; font-weight: bold; }
    .news li a:hover,.back15 a:hover{ color: #fee55d; }
    .news li span.tit{ display: block; width: 4.5rem; word-break: break-all; }
    .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; }
    .project-nav span{ margin-left: 10px; font-size: .24rem; }
    .pmenu1{ padding-bottom:  10px; }
    .project-nav ul{ width: 8rem; 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: .14rem; }
    .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: 100%; margin: auto; padding-top: 0.4rem;padding-left: 0.2rem;}
    .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: 0.28rem; line-height: 1.5; text-align: center;}
    .rule p{ margin-bottom: 0.3rem;width: 6.8rem; text-align: left;}
    .rule img{display: inline-block;width: autowidth: 6.8rem;margin-bottom: 0.3rem;margin-left: -0.3rem;}/***width: auto;height: 0.36rem;***/
    .prize{ margin-bottom: 0.5rem; }
    .prize ul{width: 7.5rem;margin:0 auto;margin-left: -0.15rem;}
    .prize li{ float: left; width: 3.4rem; height: 0.78rem; margin-bottom: 0.2rem;  background: url(../images/item-side.png) no-repeat;background-size: contain; }
    .prize li:nth-child(even){margin-left: 0.2rem;}
    .rlt5{margin-top: 0.5rem;}
    .prize li button{ width: 3.3rem; height: 0.76rem; cursor: default; color: #fff; font-size: 0.2rem; font-weight: bold; }
    /*投票通道*/
    
    
    /*投票说明*/
    .voteinfo{ padding-top: 0.3rem; padding-bottom:0.5rem; }
    .px-vote{ width: 7.5rem; }
    .px-vote .way{ width: auto; }
    .px-vote .way img{ max-width: 70%; margin: auto; }
    .px-vote-explain{ padding: 0 .2rem; line-height: 30px; color: #c7c2cf; font-size: 15px; }
    .px-vote-explain>p{ margin-bottom: 10px; }
    .stitle{ padding-bottom: 0.16rem; margin-bottom: 0.16rem; font-size: 0.34rem; border-bottom: 1px solid #4a366a; color: #fff; font-weight: bold;text-align: left; }
    .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: 1rem;
        height: 1rem;
        right: 0.9rem;
        bottom: 0.9rem;
        background: url(../images/toup.png);
        background-size: contain;
    }
    /* 滚动条样式 */
    .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: 20px; font-size: 16px; color: #f9a33e; }
    .project-head span.col1{ width: 1.5rem; }
    .project-head span.col2{ width: 1.5rem; }
    .project-head span.col3{ width: 1.5rem; }
    .project-head span.col4{ width: 1.5rem; }
    .project-head span.col5{ width: 1.5rem; }
    .project-list li span.title,.project-list li span.totalPrice,.project-list li span.completeTime{ margin: 0 10px; font-size: .15rem; }
    .project-list li{ position: relative; }
    .project-list li span.title{ width: 2.4rem; font-size: .12rem; }
    .project-list li span._pointer{ width: 1.5rem; font-size: .15rem; }

    span.totalPrice{ width: .6rem; }
    .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;
    }
    
    /************************************************************************************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: 3.5rem;height: 5rem;float: left;box-sizing: border-box;transition: all 0.3s;position: relative;overflow: hidden;}
    .ranking-list:hover{border: 1px solid #313163;}
    .rank-img{width: 2.8rem;height: 2.8rem;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: 0.3rem;color: #fff;text-align: center;line-height: 1;margin-top: 0.2rem;}
    .rank-tro{
        font-size: 0.24rem;
        color: #8282a8;
        line-height: 1.5;
        margin-top: 0.1rem; 
        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;
    }
    .list-ranks{margin:0.5rem 0 0 0.2rem;font-size:0.24rem}
    .rank-line{height: 2px;width: 0.2rem;background: #3076dd;margin:0 auto;margin-top: 0.15rem;display: none;}
    .rank-img:hover img{opacity:0.6;}
    .rank-img:hover .img_hoverbox{display:block;}
    .rankinnerbox{position: absolute;left: 0;padding: 0.2rem 0.15rem;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-top:0.3rem;width: 7.2rem;height: 12rem;overflow-y: scroll;margin: 0 auto;}
    #rankwarp{width: 100%}
    /*滚动条高宽分别对应横竖滚动条的尺寸*/
    .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: #251c76; border-radius: 15px; }
    .anchor .sunf{ display: block; margin-left: -41px; margin-top: -100px; }
    .anchor li{ padding: 12px 0; line-height: 20px; text-align: center; border-bottom: 1px solid #463b9c; }
    .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{ width: 7.2rem;height:4rem;padding-top: 0.6rem; text-align: center; font-size: 0;overflow: hidden;margin: 0 auto;margin-left: 0.2rem;}
    .bm_ewm span{ display: inline-block; color: #fff; font-size: 0.18rem;width: 2.3rem;height: 2.2rem; margin-right: 0.1rem;}
    .bm_ewm span img{ display: inline-block; margin-bottom: 15px; width: 2.2rem;height: 2.2rem;}
    .copyright{width: 6.8rem;margin:0 auto;font-size: 0.24rem;color:#827c8b;text-align: center;}
    /*候选名单*/
    .names{ 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; margin-bottom: 10px; 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: 210px; }
    .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: 7.5rem; margin: auto; }
    .prizepro{ display: none; }
    .ptL{ width: 7.5rem;overflow: hidden; }
    .ptL li{ padding-bottom: 10px; margin-bottom: 25px; font-size: 0.28rem; color: #a79bb1; border-bottom: 1px solid transparent;  cursor: pointer; float: left;margin-left: 0.23rem;}
    .ptL li:hover,.ptL li.cur{ color: #ecda6e; border-bottom: 1px solid #ecda6e; }
    .ptR{ width: 7.1rem;float: none; margin: 0 auto; }
    
    .bdtitle{ margin-bottom: 0.12rem; font-size: 0.32rem; color: #efd671; text-align: center;  }
    .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; color: #171568; **/
    .bdhead span,.bdbody li span{ float: left; display: block; height: 0.8rem; line-height: 0.8rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .bdhead span{ font-size: 13px; }
    span.line{ width: 1.5rem; }
    span.code{ width: 1.7rem; }
    span.abb{ width: 1.7rem; }
    span.name{ width: 2rem; }
    .single span.line{ width: 3rem; }
    .single span.code{ width: 1.3rem; }
    .single span.abb{ width: 1.3rem; }
    .single span.name{ width: 1.3rem; }
    .inschoice span.line{ width: 3.1rem; }
    .inschoice span.code{ width: 1.3rem; }
    .inschoice span.abb{ width: 1.3rem; }
    .inschoice span.name{ width: 1.2rem; }
    .ir span.code{ width: 1.6rem; }
    .ir span.abb{ width: 2rem; }
    .ir span.name{ width: 3.5rem; }
    
    .irH span.code{ width: 3.5rem; }
    .irH span.abb{ width: 3.5rem; }
    
    .bestproject span.code{ width: 1.2rem; }
    .bestproject span.abb{ width: 1.1rem; }
    .bestproject span.name{ width: 1.1rem; }
    .bestproject span.line{ width: 3.6rem; }
    
    .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{font-size: 0.26rem; }/** background: #1e0849;*/
    .bdbody li:after{content: " ";display: block;height: 0;visibility: hidden;clear: both;}
    .bdbody li:nth-of-type(even){ background: #4E412A; }
    
    .fame ul{padding-top: 20px; }
    .fame li{ float: left; width: 7.1rem;  margin-bottom: 0.3rem; }
    .fame li img{ display: block; width: 2.8rem; height: 2.8rem; float: left; }
    .fame li .info{ float: right; width: 4.1rem; line-height: 20px; }
    .fame li.lastf{ margin-bottom: 0; }
    .info .name{ margin-bottom: 0.1rem; font-size: 0.36rem; color: #E9DC73; }
    .info .ins{ margin-bottom: 0.2rem; color: #fff; font-size: 0.26rem; }
    .info .intro{ height: 1.7rem; font-size: 0.24rem; 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: 1.5; padding: 0.12rem 0; font-size: 0.2rem; color: #b3b3b3; }
    .yicheng{ padding-left: 0.3rem; font-size: 20px; }
    .yicheng ul{ margin: 0; padding-top:.5rem; }
    .yicheng li{ float: none; margin: 0; margin-bottom: .2rem; }
    .yicheng img{ margin: 50px auto; max-width: 80%; }
    .pcimg{ display: none; }
    .mobimg{ display: block; margin: auto; }

    .publicList,.publicList ul{ width: auto!important; }
    .publicList p{ padding: 0 10px; }
}

/*@media screen and (max-width: 580px) and (min-width: 200px){
    .nav-list{ z-index: 99999; position: fixed; top: 0; left: -150px; padding: 0; background: none; transition: all .3s; }
    .mobilemenu{position:fixed;content: "";display: block; width: .8rem;height:.8rem;left:0;top:0;background:url(../images/menu-icon.png) center no-repeat;background-size: 80%;visibility:visible;background-color: #000; transition: all .3s; }    
    .nav-list li{float: none;width:150px;height:auto;margin:0;padding:10px 0;background: rgba(0,0,0,.8);}
    .nav-list li a{ width: 150px !important; }
    .nav-list li.cur{width:150px;}
    .nav-list li.cur a{ width: auto;background: none; }
    .nav-list.cur{left: 0; padding:0; }
    .nav-list.cur .mobilemenu{ left: 150px; }
}*/