﻿ .marqueeDemo
        {
            position: relative; /* 必加 */
            overflow: hidden; /* 必加 */
            width: 240px; /* 可显示的区域宽度 */
            height: 350px; /* 可显示的区域高度 */
        }
        /* 滚动列表 */
        .marqueeDemo ul
        {
            position: absolute; /* 必加 */
            zoom: 1; /* 如果是横向滚动，用于清除浮动 */
        }
        .marqueeDemo ul:after
        {
            /* 如果是横向滚动，用于清除浮动 */
            content: ".";
            display: block;
            height: 0;
            clear:both;  
            visibility: hidden;
        }
        /* 列表里的每一项 */
        .marqueeDemo li
        {
            
            width: 240px; /* 每一项的宽度 */
            border-bottom:1px dotted #ccc;
            padding:5px 0 5px 0;
            height:17px;
         }
         
         
         
        .marqueeNewCompany
        {
            position: relative; /* 必加 */
            overflow: hidden; /* 必加 */
            width: 260px; /* 可显示的区域宽度 */
            height: 200px; /* 可显示的区域高度 */
            margin:10px 0;
        }
        /* 滚动列表 */
        .marqueeNewCompany ul
        {
            position: absolute; /* 必加 */
            zoom: 1; /* 如果是横向滚动，用于清除浮动 */
        }
        .marqueeNewCompany ul:after
        {
            /* 如果是横向滚动，用于清除浮动 */
            content: ".";
            display: block;
            height: 0;
            clear:both;  
            visibility: hidden;
        }
        /* 列表里的每一项 */
        .marqueeNewCompany li
        {
            
            width: 260px; /* 每一项的宽度 */
            border-bottom:1px dotted #ccc;
            padding:2px 0 4px 0;
            height:13px;
            margin :0;
            clear:both;
         }
         
         
          .marqueeDemoEat
        {
            position: relative; /* 必加 */
            overflow: hidden; /* 必加 */
            width: 240px; /* 可显示的区域宽度 */
            height: 210px; /* 可显示的区域高度 */
        }
        /* 滚动列表 */
        .marqueeDemoEat ul
        {
            position: absolute; /* 必加 */
            zoom: 1; /* 如果是横向滚动，用于清除浮动 */
        }
        .marqueeDemoEat ul:after
        {
            /* 如果是横向滚动，用于清除浮动 */
            content: ".";
            display: block;
            height: 0;
            clear:both;  
            visibility: hidden;
        }
        /* 列表里的每一项 */
        .marqueeDemoEat li
        {            
            width: 240px; /* 每一项的宽度 */
            border-bottom:1px dotted #ccc;
            padding:5px 0 5px 0;
            height:20px;
         }
         
         
        .marqueeDemobuy
        {            
            
            position: relative; /* 必加 */
            overflow: hidden; /* 必加 */
            width: 240px; /* 可显示的区域宽度 */
            height: 182px; /* 可显示的区域高度 */
        }
        /* 滚动列表 */
        .marqueeDemobuy ul
        {
            position: absolute; /* 必加 */
            zoom: 1; /*  如果是横向滚动，用于清除浮动 */
           
        }
       /* .marqueeDemobuy ul:after
        {
            如果是横向滚动，用于清除浮动 
            content: ".";
            display: block;
            height: 0;
            clear:both;  
            visibility: hidden;
        } 
        *****/
        /* 列表里的每一项 */
        .marqueeDemobuy li
        {            
            width: 240px; /* 每一项的宽度 */
            border-bottom:1px dotted #ccc;
            padding:5px 0 5px 0;
            height:20px;
         }
         
        
