.contain{
	background-color: #fff;
	width: 10rem;
	.content{
		width: 100%;
		min-height: calc(100vh - 4.55rem);
		.connect-us-scroll-bg{
		  	background-image: url('../image/product/product-scroll-bg.png') !important;
		}
		.product-list{
			width: 10rem;
			padding-top: 0.78125rem;
			.product-card{
				width: 10rem;
				padding: 0  0.9375rem 0.78125rem;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			.product-list-card-img-left-card,
			.product-list-card-img-right-card{
				.img-box{
					width: 4.0885rem;
					height: 3.7135rem;
					position: relative;
					.grey-bg{
						width: 3.01625rem;
						height: 3.7135rem;
						background: #F9F9F9;
					}
					.img{
						width: 3.9175rem;
						height: 1.2865rem;
						position: absolute;
						bottom: 0.5625rem;
						left: 0.2rem;
						img{
							width: 100%;
							height: 100%;
							object-fit: contain;
						}
					}
				}
				.product-msg{
					height: 3.7135rem;
					position: relative;
					padding-top: 0.9rem;
					box-sizing: border-box;
					.product-name{
						/*font-size: 0.21rem;*/
						font-family:hb;
					}
					.product-tips{
						/*font-size: 0.08rem;*/
						color: #666666;
						line-height: 0.15rem;
						margin-top: 0.1rem;
						max-width: 3.45rem;
						-webkit-line-clamp:10;
					}	
					.show-detail-common{
						width: 0.96354rem;
						height: 0.245rem;
						border-radius: 0.75rem;
						background: #ffffff;
						cursor: pointer;
						background: #fff;
						position: absolute;
						bottom: 0.9rem;
						overflow: hidden;
						.show-more-button{
							width: 0.94354rem;
							height: 0.225rem;
							border-radius: 0.75rem;
							border: 0.01rem solid #F5F5F5;
							background: #fff;
							display: flex;
							justify-content: center;
							align-items: center;
							cursor: pointer;
							position: absolute;
							top: 0;
							left: 0;
							.show-more-button-text{
								/*font-size: 0.073rem;*/
								color: rgba(51, 51, 51, 1);
							}
							.show-more-button-img{
								width: 0.089rem;
								height: 0.046rem;
								margin-left: 0.08rem;
								img{
									width: 100%;
									height: 100%;
								}
							}
						}
						.show-more-button-active{						
							width: 0.96354rem;
							height: 0.245rem;
							box-sizing: border-box;
							border-radius: 0.75rem;
							background: linear-gradient(to right bottom, #8AD1F5, #0096DE);
							display: flex;
							justify-content: center;
							align-items: center;
							cursor: pointer;
							position: absolute;
							left: -100%;
							top: 0;
							.show-more-button-text{
								/*font-size: 0.073rem;*/
								color: #fff;
							}
							.show-more-button-img{
								width: 0.089rem;
								height: 0.046rem;
								img{
									width: 100%;
									height: 100%;
								}
							}
							.show-more-button-img-margin-right{
								margin-right: 0.08rem;
							}
						}
					}
					.show-detail-common-active{
						.show-more-button{
							transform: translateX(100%);
						    animation: show_more_detail_common_active 0.5s;
						}
						.show-more-button-active{
							transform: translateX(100%);
							animation: show_more_detail_common_active 0.5s;
						}
					}
					.show-detail-common-default{
						.show-more-button{
							transform: translateX(0);
						    animation: show_more_detail_common_default 0.5s;
						}
						.show-more-button-active{
							transform: translateX(0);
							animation: show_more_detail_common_default 0.5s;
						}
					}
				}
			}
			.product-list-card-img-right-card{
				.img-box{
					.grey-bg{
						width: 3.01625rem;
						height: 3.7135rem;
						background: #F9F9F9;
						position: absolute;
						right: 0;
					}
					.img{
						width: 2.771rem;
						height: 2.104rem;
						left: 0.27rem;
						bottom: 0.15625rem;
						img{
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					}
				}
			}
		}
		.other-content{
			width: 8.85rem;
			height: 2.44rem;
			box-sizing: border-box;
			margin: 0 auto;
			background: url('../image/product/other-product.png') no-repeat center;
			background-size: cover;
			border-radius: 0.05rem;
			padding: 0.65625rem 0.51rem;
			margin-bottom: 1.115rem;
			position: relative;
			z-index: 0;
			.other-content-modal{
				position: absolute;
				z-index: 0;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: rgba(0, 0, 0, 0.2);
				z-index: -1;
			}
			.other-content-bg{
				color: #fff;
				.otehr-content-title-name{
					/*font-size:  0.21rem;*/
				}
				.other-content-tips{
					/*font-size: 0.08rem;*/
					max-width: 4.95rem;
					line-height: 0.15rem;
					margin-top: 0.1rem;
				}
					.show-more-button{
						width: 0.96354rem;
						height: 0.245rem;
						border-radius: 0.75rem;
						background: #ffffff;
						/*border: 0.02rem solid #F5F5F5;*/
						display: flex;
						justify-content: center;
						align-items: center;
						cursor: pointer;
						background: #fff;
						position: absolute;
						bottom: 0.51rem;
						.show-more-button-text{
							/*font-size: 0.073rem;*/
							color: rgba(51, 51, 51, 1);
						}
						.show-more-button-img{
							width: 0.089rem;
							height: 0.046rem;
							margin-left: 0.08rem;
							img{
								width: 100%;
								height: 100%;
							}
						}
					}
			}
		}
	}
	.bottom{
		padding-top: 0;
	}
	
}
.show-model {
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
}