/* 
* @Author: anchen
* @Date:   2016-11-01 19:54:33
* @Last Modified by:   anchen
* @Last Modified time: 2016-11-04 16:34:31
*/
.box>ul{
        width:100%;
        min-height:60px;
        color:#fc5700;
        text-align:center;
        top:0;  
        font-size:14px;
        border:1px solid #333;
        background:#111;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
        background-image: -webkit-linear-gradient(#3c3c3c,#111);
      background-image: -moz-linear-gradient(#3c3c3c,#111);
        background-image: linear-gradient(#3c3c3c,#111);
        position:relative;
        background:#f1f1b8;
        font-family:'黑体';
       list-style: none;
    }
    .box>ul>li{padding:1%;text-indent:2em;} 
  

     .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
     .nccs{width:20px;height:20px;border:1px solid #fc5700; font-size:30px;text-align:center;
        color:#fc5700;border-radius:50%;cursor:pointer;line-height:13px;vertical-align:middle;text-indent:0;margin-right:1%;
     }
     .identical{font-size:20px;}
      .roll{display:none;float:left;font-size:14px;}
      .rolls{float:left;font-size:14px;}


    @media screen and (max-width: 280px){
      .laba{float:left;height:13px;margin:2% 0 0 0%;}
        .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
      .box>ul{font-size:12px!important;}
       .box>ul>li{text-indent:0;padding:2%;} 
      .identical{font-size:14px!important;} 
       .roll{width:72%;display:inline-block;font-size:12px!important;}
        .roll3{display:inline-block!important;}
        .rolls{display:none;}
          #time{padding-right:2%!important;padding-top:1%!important;}
}
@media (min-width:281px) and (max-width:380px){
       .laba{float:left;height:20px;margin:2% 0 0 0%;}
        .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
      .box>ul{font-size:12px!important;} 
       .box>ul>li{text-indent:0;padding:2%;} 
      .identical{font-size:14px!important;} 
        #time{padding-right:2%!important;padding-top:1%!important;}
        .roll{width:75%;display:inline-block;font-size:13px!important;}
         .roll3{display:inline-block!important;}
        .rolls{display:none;}
         .box>ul{padding:3% 0 0 0;}
}
@media (min-width:381px) and (max-width:480px){
       .laba{float:left;height:20px;margin:2% 0 0 0%;}
        .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
      .box>ul{font-size:12px!important;} 
       .box>ul>li{text-indent:0;padding:2%;} 
      .identical{font-size:14px!important;} 
        #time{padding-right:2%!important;padding-top:1%!important;}
        .roll{width:78%;display:inline-block;font-size:13px!important;}
         .roll3{display:inline-block!important;}
        .rolls{display:none;}
        .box>ul{padding:4% 0 0 0;}
}
@media (min-width:481px) and (max-width:580px){
       .laba{float:left;height:20px;margin:2% 0 0 0%;}
        .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
       .box>ul>li{text-indent:0;padding:2%;} 
      .box>ul{font-size:12px!important;} 
      .identical{font-size:14px!important;} 
        #time{padding-right:2%!important;padding-top:1%!important;}
        .roll{width:80%;display:inline-block;}
         .roll3{display:inline-block!important;}
        .rolls{display:none;}
}
@media (min-width:581px) and (max-width:680px){
       .laba{float:left;height:20px;margin:2% 0 0 0%;}
        .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
      .box>ul{font-size:12px!important;} 
       .box>ul>li{text-indent:0;padding:2%;} 
      .identical{font-size:14px!important;} 
        #time{padding-right:2%!important;padding-top:0.7%!important;}
        .roll{width:80%;display:inline-block;}
         .roll3{display:inline-block!important;}
        .rolls{display:none;}
}
@media (min-width:681px) and (max-width:780px){
       .laba{float:left;height:20px;margin:2% 0 0 0%;}
         .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
      .box>ul{font-size:12px!important;} 
      .identical{font-size:14px!important;} 
        #time{padding-right:2%!important;padding-top:0.5%!important;}
        .roll3{display:inline-block!important;}
        .roll{width:80%;display:inline-block;}
        .rolls{display:none;}
}
@media (min-width:781px) and (max-width:880px){
      .laba{float:left;height:25px;margin:1.9% 0 0 0%;}
      .box>ul>li{text-indent:0;padding:2% 0 0 0 ;} 
      .box>ul{font-size:12px!important;} 
      .identical{font-size:14px!important;} 
      .nccs{margin:0!important;}
       #time{padding-right:2%!important;padding-top:0.5%!important;}
       .roll3{display:none;}
}
@media (min-width:881px) and (max-width:980px){
      .laba{float:left;height:40px;margin:0.6% 0 0 3%;}
      .box>ul>li{text-indent:0;} 
    .box>ul{font-size:12px!important;}
    .identical{font-size:16px!important;} 
    .nccs{margin:0!important;}
    .roll3{display:none;}
}
@media (min-width:981px) and (max-width:1080px){
     .laba{float:left;height:40px;margin:0.6% 0 0 3%;}
     .box>ul>li{text-indent:0;} 
    .box>ul{font-size:13px!important;}  
    .identical{font-size:16px!important;} 
    .roll3{display:none;}
}
@media (min-width:1081px) and (max-width:1180px){
      .laba{float:left;height:40px;margin:0.6% 0 0 3%;}
      .box>ul>li{text-indent:0;} 
     .box>ul{font-size:14px!important;}
      .roll3{display:none;}
}
@media (min-width:1181px) and (max-width:1280px){
       .laba{float:left;height:40px;margin:0.6% 0 0 3%;}
       .box>ul>li{text-indent:0;} 
       .roll3{display:none;}
}
@media (min-width:1281px) and (max-width:1380px){
      .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
          .box>ul>li{text-indent:0;} 
          .roll3{display:none;}
}
@media (min-width:1381px) and (max-width:1480px){
     .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
     .roll3{display:none;}
}
@media (min-width:1481px) and (max-width:1580px){
      .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
      .roll3{display:none;}
}
@media (min-width:1581px) and (max-width:1680px){
       .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
       .times{display:none;}
}
@media (min-width:1681px) and (max-width:1780px){
        .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
        .times{display:none;}
}
@media (min-width:1781px) and (max-width:1880px){
       .laba{float:left;height:40px;margin:0.6% 0 0 13%;}

}
@media (min-width:1881px) and (max-width:1980px){
    
       .laba{float:left;height:40px;margin:0.6% 0 0 13%;}
}

@media (min-width:1981px){
    .laba{float:left;height:40px;margin:0.6% 0 0 13%;} 
}
marquee.roll{
    word-break:keep-all;           /* 不换行 */
    white-space:nowrap;          /* 不换行 */
}