page{background: #fff;}
.top-fixed{position: fixed;left: 0;top: 0;right: 0;z-index: 50;}
.bgcolor {background: #fff;position: absolute;top: 0;left: 0;right: 0;transition: .3s all ease;opacity: 0;}
.opacity{opacity: 1;}
.top-fixed-c{position: relative;}
.back{position: absolute;top: 50%;transform: translateY(-50%);left: 0;padding-left: 30rpx;}
.back image{width: 24rpx;height: 39rpx;}
.top-title{font-size: 34rpx;color: #000;font-weight: bold;padding-left: 75rpx;max-width: 60%;}
.top{background: #fff;padding: 20rpx 30rpx;}
.logos{font-size: 22rpx;color: #666;}
.logo-img{width: 185rpx;height: 39rpx;margin-right: 15rpx;}
.logo-r{position: relative;padding-left: 10rpx;}
.logo-r:before{content: '';display: block;width: 1rpx;height: 39rpx;background-color: #D1D1D1;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.logo-r .ddflex{font-size: 20rpx;color: #999;margin-bottom: 5rpx;}
.logo-r .ddflex image{width: 17rpx;height: 24rpx;margin-right: 5rpx;}
.tel{width: 210rpx;height: 70rpx;border: 1rpx solid #FA9350;border-radius: 8rpx;}
.tel-t{height: 32rpx;background-color: #FA9350;font-size: 20rpx;color: #fff;justify-content: center;}
.tel-t image{width: 20rpx;height: 20rpx;margin-right: 7rpx;}
.call{font-size: 26rpx;color: #FA9350;font-weight: bold;text-align: center;line-height: 38rpx;}
/* 轮播图 */
.ban{height: 400rpx;position: relative;background: #fff;}
.swiper{width: 100%;height: 400rpx;}
.swiper image{width: 100%;height: 100%;}
.swiper-img{width: 750rpx;height: 400rpx;}
.dots{position: absolute;left: 50%;transform: translateX(-50%);bottom: 30rpx;z-index: 3;justify-content: center;}
.dot{width: 12rpx;height: 12rpx;background: rgba(255,255,255,.4);margin: 0 3rpx;border-radius: 6rpx;}
.dot.active{background: #fff;width: 28rpx;}
/* 表单 */
.form{padding: 40rpx 30rpx;background: #fff;}
.form-title{font-size: 38rpx;color: #000;font-weight: bold;text-align: center;}
.form-list{margin-top: 40rpx;}
.form-list .li{margin-bottom: 30rpx;border-bottom: 1rpx solid #D1D1D1;}
.label{font-size: 28rpx;color: #666;}
.ipt{font-size: 28rpx;color: #333;padding: 25rpx 0;}
.textarea{font-size: 28rpx;color: #333;padding: 25rpx 0;height: 140rpx;width: 100%;box-sizing: border-box;}
.phone-ipt{font-size: 28rpx;color: #333;text-align: left;padding: 25rpx 0 !important;}
.placeholder{color: #ccc;}
.form-btn{margin-top: 60rpx;background: var(--mina);font-size: 30rpx;color: #fff;text-align: center;line-height: 90rpx;border-radius: 10rpx;}
/* 文本 */
.richText{background: #fff;padding: 40rpx 30rpx;font-size: 34rpx;color: #333;line-height: 1.7;margin: 20rpx 0;}
/* 商品 */
.product{margin: 20rpx 0;padding: 0 30rpx;background: #fff;}
.product .li{border-bottom: 1rpx solid #e9e9e9;padding: 30rpx 0;align-items: flex-start;}
.product .li:last-child{border-bottom: none;}
.pro-img{width: 200rpx;height: 200rpx;border-radius: 15rpx;margin-right: 20rpx;}
.pro-info{height: 200rpx;position: relative;}
.pro-name{font-size: 30rpx;color: #333;line-height: 40rpx;height: 85rpx;overflow: hidden;}
.pro-bri{font-size: 24rpx;color: #999;}
.pro-opt{justify-content: space-between;position: absolute;left: 0;right: 0;bottom: 0;}
.money{font-size: 36rpx;color: #C5020B;font-weight: bold;}
.money text{font-size: 22rpx;color: #252A3B;margin-left: 5rpx;font-weight: normal;}
.pro-btn{background: var(--mina);height: 50rpx;border-radius: 25rpx;padding: 0 20rpx;font-size: 28rpx;color: #fff;text-align: center;line-height: 50rpx;}
.product2{margin: 20rpx 0;padding: 30rpx;}
.product2 .li{width: 330rpx;margin-right: 30rpx;background: #fff;border-radius: 15rpx;}
.product2 .li:nth-child(2n){margin-right: 0;}
.product2 .pro-img{width: 330rpx;height: 330rpx;border-radius: 15rpx 15rpx 0 0;}
.product2 .li .pro-info{padding: 20rpx;height: auto;}
.product2 .li .pro-opt{position: inherit;margin-top: 10rpx;}
.pro-cart image{width: 42rpx;height: 42rpx;}
.product3{margin: 20rpx 0;padding: 20rpx 0;background: none;height: 260rpx;overflow: hidden;}
.product3 scroll-view{white-space: nowrap;padding-bottom: 20rpx;}
.product3 .li{width: 600rpx;margin-right: 30rpx;border: none;display: inline-block;padding: 30rpx;background: #fff;border-radius: 20rpx;}
.product3 .li:first-child{margin-left: 30rpx;}
/* 图片 */
.images image{width: 100%;}
/* 客服 */
.contact{position: fixed;bottom: 20%;right: 30rpx;z-index: 50;background: rgba(255,255,255,.9);box-shadow: 0 0 10rpx rgba(0,0,0,.1);justify-content: center;font-size: 24rpx;color: #333;flex-direction: column;width: 100rpx;height: 100rpx;border-radius: 50%;}
.contact image{width: 40rpx;height: 34rpx;margin: 0 auto 5rpx;}
/* 分享 */
/* .share{position: fixed;bottom: 30%;right: 30rpx;z-index: 50;background: rgba(255,255,255,.9);box-shadow: 0 0 10rpx rgba(0,0,0,.1);justify-content: center;font-size: 24rpx;color: #333;flex-direction: column;width: 100rpx;height: 100rpx;border-radius: 50%;}
.share image{width: 34rpx;height: 34rpx;margin: 0 auto 5rpx;} */

.title{font-size: 40rpx;color: #333;font-weight: bold;line-height: 60rpx;padding: 0 30rpx;}
.det-sta{padding: 0 30rpx;margin-top: 20rpx;font-size: 24rpx;line-height: 40rpx;}
.sort{font-size: 24rpx;color: #2A82FD;font-weight: 400;}
.sort-line{width: 1rpx;background-color: #EAEAEA;height: 21rpx;margin: 0 10rpx;}
.sitename{color: var(--mina);margin-right: 15rpx;}
.time{color: #999;}
.time text{font-size: 28rpx;color: #333;margin-right: 23rpx;}

.view-more{width: 230rpx;height: 70rpx;font-size: 30rpx;color: #999;margin: 30rpx auto 0;text-align: center;line-height: 70rpx;}
.con-vheight{max-height: 120vh;position: relative;overflow: hidden;}
.con-vheight::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 15vh;background: linear-gradient(rgba(255, 255, 255, 0), #fff);z-index: 5;}


.guwen{margin: 70rpx 40rpx 0;box-shadow: 0 0 51rpx 0 rgba(152,137,136,0.2);border-radius: 20rpx;position: relative;padding: 34rpx 33rpx 34rpx 40rpx;}
.guwen-img{position: absolute;top: -24rpx;left: 0;width: 230rpx;height: 48rpx;}
.guwen-tit{font-size: 24rpx;color: #000;font-weight: bold;margin-bottom: 25rpx;}
.guwen-user{width: 120rpx;height: 120rpx;border-radius: 50%;margin-right: 20rpx;}
.guwen-name{font-size: 36rpx;color: #000;font-weight: bold;}
.guwen-tag{display: inline-block;height: 27rpx;border: 2rpx solid #2CCA73;border-radius: 14rpx;font-size: 16rpx;color: #06B252;font-weight: normal;padding: 0 9rpx;line-height: 27rpx;margin-top: 8rpx;}
.guwen-mobile{font-size: 28rpx;color: #000;font-weight: bold;margin-top: 10rpx;}
.guwen-ewm{font-size: 20rpx;color: #999;}
.guwen-ewm image{width: 135rpx;height: 135rpx;margin: 0 auto 10rpx;}
.guwen-edit{position: absolute;top: 0;right: 0;height: 40rpx;padding: 0 10rpx;background: var(--mina);border-radius: 0 20rpx 0 20rpx;font-size: 20rpx;color: #fff;z-index: 1;}
.guwen-edit image{width: 22rpx;height: 23rpx;margin-right: 7rpx;}


.bottom-info{
	padding: 0 30rpx;
}
.bottom-info-browse{
	font-size: 24rpx;
	font-weight: 400;
	color: #999999;
}
.bottom-info-logo{
	width: 62rpx;
	height: 62rpx;
	border-radius: 40rpx 40rpx 40rpx 40rpx;
	opacity: 1;
	margin-right: 10rpx;
}
.bottom-info-option{
	font-size: 24rpx;
	font-weight: 400;
	color: #5B698F;
	text-align: center;
}


.bottom-option{
	position: fixed;
	bottom:50rpx;
	left: 50rpx;
	right: 50rpx;
	background-color: #fff;
	height: 86rpx;
	background: linear-gradient(180deg, #FFFFFF 0%, #F9FCFF 36%, #FFFFFF 68%, #FFFFFF 100%);
	box-shadow: 0rpx 0rpx 51rpx 1rpx rgba(152,137,136,0.2);
	border-radius: 68rpx 68rpx 68rpx 68rpx;
	opacity: 1;
	justify-content: center;
	font-size: 30rpx;
	font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
	font-weight: normal;
	color: #2A82FD;
}
.bottom-option-line{
	width: 1rpx;
	height: 28rpx;
	opacity: 1;
	background-color: #E2E7F1;
	margin: auto 60rpx;
}

.contact-nav{position: fixed;right: 0;bottom: 250rpx;width: 84rpx;height: 149rpx;background: linear-gradient(180deg, rgba(0,104,255,.8) 0%, rgba(75,149,255,.8) 100%);box-shadow: 0 3rpx 24rpx 1rpx rgba(0,65,196,0.2);border-radius: 50rpx 50rpx 4rpx 55rpx;overflow: hidden;text-align: center;z-index: 50;box-sizing: border-box;flex-direction: column;justify-content: center;}
.contact-nav image{width: 61rpx;height: 61rpx;border-radius: 50%;background-color: #fff;margin-bottom: 5rpx;}
.contact-text{font-size: 20rpx;color: #fff;width: 100%;letter-spacing: 2px;padding-left: 2px;}

.side{position: fixed;right: 20rpx;top: 20%;z-index: 51;}
.share image{width: 117rpx;height: 100rpx;}
.share-close{width: 24rpx;height: 24rpx;position: absolute;top: -24rpx;right: 0rpx;}
.show-side {animation: showLayers 0.2s linear both;}
.hide-side {animation: hideLayers 0.2s linear both;}
@keyframes showLayers {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(129rpx);
		opacity: .5;
	}
}
@keyframes hideLayers {
	0% {
		transform: translateX(129rpx);
		opacity: .5;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}


.share-pop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.6);z-index: 100;}
.share-pop image{width: 575rpx;height: 359rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}