.main-product1 {
            background: #7cb3ff;
            width: 940px;
            position: absolute;
            left: 1%;
            top: 5%;
        }

        .main-product2 {
            background: #61cfb6;
            width: 940px;
            position: absolute;
            left: 1%;
            top: 5%;
        }

        .main-product3 {
            background: #ffbd7c;
            width: 940px;
            position: absolute;
            left: 1%;
            top: 5%;
        }

        .layui-container {
            width: 940px
        }

        .rollBox {
            width: 940px;
            overflow: hidden;
        }

        .rollBox .leftBottom {
            height: 120px;
            width: 20px;
            overflow: hidden;
            float: left;
            left: 15px;
            display: none;
            margin: 100px 0 0 0;
            position: absolute;
            cursor: pointer;
            text-align: center;
            background-color: transparent;
            border-radius: 20px;
        }

        .rollBox .rightBottom {
            right: 0;
            display: none;
            height: 120px;
            width: 20px;
            overflow: hidden;
            float: right;
            right: 15px;
            margin: 100px 0 0 0;
            position: absolute;
            cursor: pointer;
            text-align: center;
            background-color: transparent;
            border-radius: 20px;
        }

        .rollBox:hover .leftBottom {
            display: block
        }

        .rollBox:hover .rightBottom {
            display: block;
        }

        .rollBox .cont {
            width: 940px;
            overflow: hidden;
            float: left;
        }

        .rollBox .srcCont {
            width: 10000000px;
        }

        .rollBox .cont .pic {
            width: 300px;
            float: left;
            text-align: center;
            margin-right: 20px;
        }

        .rollBox .cont .pic img {
            width: 300px;
            padding: 0 0px;
            background: #fff;
            display: block;
            margin: 0 auto;
        }

        .rollBox .cont .pic p {
            line-height: 50px;
            color: #505050;
        }

        .rollBox .cont a:link,
        .rollBox .cont a:visited {
            color: #626466;
            text-decoration: none;
        }

        .rollBox .cont a:hover {
            color: #f00;
            text-decoration: underline;
        }

        .rollBox #listImg1,
        .rollBox #listImg2,
        .rollBox #listImg3,
        .rollBox #listImg4,
        .rollBox #listImg5,
        .rollBox #listImg6 {
            float: left;
        }

        .p_style {
            display: flex;
            flex-direction: row;
            justify-content: center;
            background-color: #ffffff;
            align-items: center;
        }

        .span_style {
            font-size: 22px;
            text-align: center;
            font-weight: bolder;
        }

        .rollBox .cont .pic .img_style_zy {
            width: 100%;
            
            padding: 0%;
            margin: 2%;
            right: 0;
        }