*{
            margin: 0;
            padding: 0;
        }
        .boximg{
            width: 500px;
            height: 333px;
            margin: 50px auto;
            overflow: hidden;
            position: relative;
        }
        .wipper{
            width: 2500px;/*设置为图片的总宽度*/
            height: 333px;
            position: absolute;
            left: 0;
        }
        .wipper div{
            width: 500px;
            height: 333px;
            float: left;
            text-align: center;
            font-size: 30px;
            line-height: 300px;
            color: #fff;
        }
		.wipper div img:hover /*图片轮播处鼠标悬停放大*/
		{
			transform: scale(1.1); /* 放大10% */
			transition: transform 0.3s ease; /* 动画过渡效果 */
		}
        .listimg,.downmg{
            width: 20px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            transform: translateY(-50%);
            cursor: pointer;
            display: none;    
        }
        .boximg:hover .listimg{
            display: block;
        }
        .boximg:hover .downmg{
            display: block;
        }
        .listimg{
            left: 0;
            top: 50%;
        }
        .downmg{
            right: 0;
            top: 50%;
        }
        .lis{
            text-align: center;
            border-radius: 5px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        .lis span{
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #fff;
        }
        .lis span.current{
            background-color: #1E90FF;
            
        }