caimei-activity-h5/css/2020/caimeih5_06.css

		body{
			background-image: linear-gradient(270deg, #656ada 0%, #a3acec 100%);
		}
		.container{width: 100%;
			height: auto;
		}
		.banner{
			width: 100%;
			height: auto;
			float: left;
		}
		.banner img{
			width: 100%;
			height: auto;
			display: block;
		}
		.container-main{
			width: 100%;
			box-sizing: border-box;
			height: auto;
			float: left;
		}
		.container-main.one{
			width: 100%;
			height: 23.96rem;
			position: relative;
		}
		.container-main.one img{
			width: 100%;
			height: auto;
			display: block;
		}
		.container-main.two{
			width: 100%;
			height: 9.99rem;
			position: relative;
		}
		.container-main.two img{
			width: 100%;
			height: auto;
			display: block;
		}
		.container-main-product{
			width: 100%;
			height: auto;
			position: absolute;
			top: 0;
			left: 0;
			box-sizing: border-box;
			padding-top: 2.04rem;
		}
		.container-main-product.two{
			padding-top: 1.55rem;
		}
		.container-main-product .title{
			width: 100%;
			height: 0.63rem;
			float: left;
			margin: 0.42rem 0;
		}
		.container-main-product .title img{
			width: 4.73rem;
			height: 0.63rem;
			display: block;
			margin: 0 auto;
		}
		.container-main-product .section-1{
			width: 100%;
			height: 2.02rem;
			float: left;
			box-sizing: border-box;
			padding: 0 0.74rem;
			margin-bottom: 0.55rem;
		}
		.container-main-product .section-1 .section-img{
			width: 1.56rem;
			height: 2.02rem;
			float: left;
			margin-right: 0.65rem;
		}
		.container-main-product .section-1 .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-1 .section-img:last-child{
			margin-right: 0;
		}
		.container-main-product .section-2{
			width: 100%;
			height: 1.6rem;
			float: left;
			box-sizing: border-box;
			padding: 0 0.74rem;
		}
		.container-main-product .section-2 .section-img{
			width: 2.6rem;
			height: 1.6rem;
			float: left;
			margin-right: 0.8rem;
		}
		.container-main-product .section-2 .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-2 .section-img:last-child{
			margin-right: 0;
		}
		.container-main-product .section-3{
			width: 100%;
			height: auto;
			float: left;
			box-sizing: border-box;
			padding: 0 0.74rem;
		}
		.container-main-product .section-3 .section-top{
			width: 100%;
			height: 1.8rem;
			float: left;
		}
		.container-main-product .section-3 .section-top .section-img{
			width: 2.2rem;
			height: 1.8rem;
			float: left;
			margin-right: 1.4rem;
		}
		.container-main-product .section-3 .section-top .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-3 .section-top .section-img:last-child{
			margin-right: 0;
		}
		.container-main-product .section-3 .section-mid{
			width: 100%;
			height: 1.63rem;
			float: left;
			margin: 0.4rem 0;
		}
		.container-main-product .section-3 .section-mid .section-img{
			width: 2.24rem;
			height: 1.63rem;
			margin: 0 auto;
		}
		.container-main-product .section-3 .section-mid .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-3 .section-bot{
			width: 100%;
			height: 1.8rem;
			float: left;
		}
		.container-main-product .section-3 .section-bot .section-img{
			width: 2.2rem;
			height: 1.8rem;
			float: left;
			margin-right: 1.4rem;
		}
		.container-main-product .section-3 .section-bot .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-3 .section-bot .section-img:last-child{
			margin-right: 0;
		}
		.container-main-product .section-4{
			width: 100%;
			height: auto;
			float: left;
			box-sizing: border-box;
			padding: 0 0.74rem;
		}
		.container-main-product .section-4 .section-top{
			width: 100%;
			height: 1.88rem;
			float: left;
		}
		.container-main-product .section-4 .section-top .section-img{
			width: 2.48rem;
			height: 1.88rem;
			float: left;
			margin-right: 1rem;
		}
		.container-main-product .section-4 .section-top .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-4 .section-top .section-img:last-child{
			margin-right: 0;
		}
		.container-main-product .section-4 .section-mid{
			width: 100%;
			height: 1.48rem;
			float: left;
			margin: 0.4rem 0;
		}
		.container-main-product .section-4 .section-mid .section-img{
			width: 2.66rem;
			height: 1.48rem;
			margin: 0 auto;
		}
		.container-main-product .section-4 .section-mid .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-4 .section-bot{
			width: 100%;
			height: 1.88rem;
			float: left;
		}
		.container-main-product .section-4 .section-bot .section-img{
			width: 2.48rem;
			height: 1.88rem;
			float: left;
			margin-right: 1rem;
		}
		.container-main-product .section-4 .section-bot .section-img img{
			width: 100%;
			height: 100%;
			display: block;
		}
		.container-main-product .section-4 .section-bot .section-img:last-child{
			margin-right: 0;
		}
		.container-main-product .section-5{
			width: 100%;
			height: auto;
			float: left;
			box-sizing: border-box;
			padding: 0 0.9rem;
		}
		.container-main-product .section-img1{
			width: 100%;
			height: 2.23rem;
			float: left;
			margin-bottom: 0.5rem;
		}
		.container-main-product .section-img1 img{
			width: 5.05rem;
			height: 100%;
			display: block;
			margin: 0 auto;
		}
		.container-main-product .section-img2{
			width: 100%;
			height: 2.14rem;
			float: left;
		}
		.container-main-product .section-img2 img{
			width: 5.70rem;
			height: 100%;
			display: block;
			margin: 0 auto;
		}