@charset "utf-8";
/* CSS Document */
     
        /*父容器样式*/
        #carimg{
            position: relative;
            margin: 0 auto;
            top: 1rem;
        }
        /*子元素样式*/
        .slider-main-img img{
            width:350px;
            height:350px;
        }
        .slider-main-img{
            position: absolute;
            top: 0;
            left: 0;
        }
        .slider-ctrl {
            position: absolute;
            bottom: 0.05rem;                        /*圆圈位置*/
            left: 50%;
            transform: translate(-50%);
        }
        .slider-ctrl-con{
            display: inline-block;
            
            width: 1.0rem;                        /*圆圈大小*/
            height: 1.0rem;
            border-radius: 50%;
            background-color: #888888;              /*圆圈开始颜色*/

            margin-right: 0.2rem;                 /*圆圈间距*/
            cursor: pointer;                    /*圆圈手势*/
        }
        .slider-ctrl .slider-ctrl-con-active {
            background-color: rgb(222,30,0);             /*圆圈变更颜色*/
			
        }
        .zoomIcon { 
			width:55px; 
			height:55px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(/css/carousel/icon2.png);
			cursor:pointer;
			z-index:999;
		}