.headBan {
	height: 21.3333rem;
	width: 100%;
	background: url(/static/img/activity/druzhu202010/drz_banner.jpg?v=20240103) no-repeat center top;
	background-size: 100%;
}


.headBan .headerLine {
	padding-top: 1.28rem;
	position: relative;
	text-align: center;
}

.headBan .headerLine .backLink {
	position: absolute;
	top: 1.4933rem;
	left: 2.6666%;
	display: block;
}

.headBan .headerLine .backLink .backIcon {
	height: 1.1733rem;
	width: 0.64rem;
	vertical-align: middle;
	display: block;
}

.headBan .headerLine .logo {
	height: 1.5644rem;
	width: 5.0133rem;
	display: block;
	margin: 0 auto;
}

.mainFloor .floor {
	padding-top: 1.9911rem;
}

.mainFloor .floor .content {
	position: relative;
}

.mainFloor .floor .content .num {
	height: 3.52rem;
	width: 3.6622rem;
	position: absolute;
	z-index: 0;
	top: 0;
	left: calc(50% - 1.8311rem);
}

.mainFloor .floor .content .conBox {
	position: relative;
	z-index: 1;
}

.mainFloor .floor .content .conBox .titLine .tit {
	padding-top: 1.7rem;
	font-size: 1.4222rem;
	font-weight: bold;
	color: #1e243a;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 2px;
	margin-bottom: 0.64rem;
}

.mainFloor .floor .content .conBox .titLine .tit i {
	color: #f54d43;
	font-style: normal;
}

.mainFloor .floor .content .conBox .titLine .subTit {
	font-size: 0.8533rem;
	color: #999999;
	line-height: 1.2;
	text-align: center;
	margin-left: 0;
	letter-spacing: 1px;
}
.mainFloor .firstFloor {background: #FFFFFF;}
.mainFloor .firstFloor .content .conBox .conLine .oneBg{width: 100%;}
.mainFloor .twoFloor {background: #ebf1f9;padding-top:1rem;}
.mainFloor .twoFloor .conLine{padding-right: 2.6666%;width:97.334%;}
.mainFloor .twoFloor .twoFloorUl{padding-top: 2.4888rem;width:100%;font-size:0;}
.mainFloor .twoFloor .twoFloorUl .lmItem{
	float: left;
	margin-left: 2.6666%;
	width:22.3334%;
	box-sizing: border-box;
	background: #FFFFFF;
	margin-bottom: 0.7111rem;
	text-align: center;
	padding-top:1.2088rem;
	border-radius: 0.3555rem;
	box-shadow: -0.0477rem 0.1906rem 1.0666rem rgba(96,96,96,0.06);
	display:block;
	vertical-align:top;
	
}
.mainFloor .twoFloor .twoFloorUl .lmItem:nth-child(5){clear:left;}
.mainFloor .twoFloor .twoFloorUl .lmItem .lmIcon{
	display: block;
	margin: 0 auto;
	width:2.1333rem;
}
.mainFloor .twoFloor .twoFloorUl .lmItem .lmTit{
	font-size: 0.9244rem;
	color:#333333;
	margin: 1.0666rem 0;
}
.mainFloor .twoFloor .btnLine{
	padding: 2.56rem 0 3.2711rem;
    text-align: center;
    font-size: 0;
}
.mainFloor .twoFloor .btnLine .btn{
	width:40%;
	box-sizing: border-box;
	height:2.8444rem;
	border:1px solid #f54d43;
	text-align: center;
	line-height: 2.8444rem;
	color:#f54d43;
	/*background: #FFFFFF;*/
	border-radius: 0.3555rem;
	display: inline-block;
	font-size: 1rem;
}
.mainFloor .twoFloor .btnLine .moreZxBtn{
	margin-left: 4.5%;
	background: #f54d43;
	color:#FFFFFF;
}
.mainFloor .threeFloor{
	background: url(/static/img/activity/druzhu202010/threeBg.jpg) top center no-repeat;
	background-size:100%;
	padding-top:1.4933rem;
}
.mainFloor .threeFloor .content .conBox .titLine .tit{color:#FFFFFF}
.mainFloor .threeFloor .content .conBox .conLine .oneBg{width: 100%;padding:2.8444rem 0 4.5rem;display: block;}

.mainFloor .fourFloor{
	background: #ebf1f9;
	padding-top:1.0666rem;
}
.mainFloor .fourFloor .conLine{padding: 2.8444rem 2.6666%;}
.mainFloor .fourFloor .conLine .pkBox{background: #FFFFFF;border-radius: 0.3555rem;box-shadow: -0.637rem 0.1274rem 0.88rem 0.0088rem rgba(213,213,213,0.32);}
.mainFloor .fourFloor .conLine .pkTit{
	float: left;
	width: 50%;
	height:2.8444rem;
	text-align: right;
	box-sizing: border-box;
	line-height: 2.8444rem;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 0.9244rem;
}
.mainFloor .fourFloor .conLine .titL{
	background: url(/static/img/activity/druzhu202010/drzPk01.png);
	background-size: 100%;
	padding-right:2.9155rem;
}
.mainFloor .fourFloor .conLine .titR{
	background: url(/static/img/activity/druzhu202010/drzPk02.png);
	background-size: 100%;
	text-align: left;
	padding-left:2.6666rem;
}
.mainFloor .fourFloor .conLine .pkCon{
	padding-bottom: 5px;
	position: relative;
}
.mainFloor .fourFloor .conLine .pkCon .vsIcon{width:7.4666rem;position: absolute;top:8.8888rem;left:calc(50% - 3.7333rem);}
.mainFloor .fourFloor .conLine .pkCon .conL{float: left;padding-top:1.4222rem;}
.mainFloor .fourFloor .conLine .pkCon .conL{padding-left: 1.7777rem;width:50%;box-sizing: border-box;}
.mainFloor .fourFloor .conLine .pkCon .infoLi{margin-bottom: 1.6355rem;}
.mainFloor .fourFloor .conLine .pkCon .infoLi .infoTxt{
	float: left;
	font-size: 0.8533rem;
	color:#777777;
	line-height:1.2444rem;
}
.mainFloor .fourFloor .conLine .pkCon .infoLi .infoIcon{float: right;margin-right: 2.8444rem;width:1.1377rem;margin-top: 0.2844rem;}
.mainFloor .fourFloor .conLine .pkCon .lastInfoLi{margin-bottom: 1.28rem;}
.mainFloor .fourFloor .conLine .pkCon .conR{padding-left:2.7733rem;padding-top:1.4222rem;border-left:1px solid #e6e6e6;}
.mainFloor .fourFloor .conLine .pkCon .conR .infoLi .infoIcon{float: left;margin-right: 0.8533rem;}
.mainFloor .fourFloor .conLine .pkCon .conR .infoLi .infoTxt{color:#333333;}
.mainFloor .fiveFloor{padding-top:1.0666rem;background: #FFFFFF;}
.mainFloor .fiveFloor .conLine{
	padding:2.7377rem 0 2.56rem
}
.mainFloor .fiveFloor .conLine .oneBg{width: 100%;display: block;}
.mainFloor .sixFloor {
	padding-top:1.5rem;
	background: url(/static/img/activity/druzhu202010/sixBg.jpg) top center no-repeat;
	background-size:100%;
	width:100%;
}
.mainFloor .sixFloor .content .conBox .titLine .tit{color:#EFFFFF}
.mainFloor .sixFloor .content .conBox .titLine .subTit{color:#a1a0e0;}
.mainFloor .sixFloor .conLine{padding-top:2.4888rem;}
.mainFloor .sixFloor .conLine .alItem{position:relative;background: #FFFFFF;border-radius: 4px;padding:0.3555rem;margin-left: 0.7111rem;box-shadow: -0.0637rem 0.1271rem 0.3168rem 0.0743rem rgba(94,94,94,0.06);}
.mainFloor .sixFloor .conLine .alItem .alBg{width:9.6rem;height:14.2222rem;border-radius: 4px;display:block;}
.mainFloor .sixFloor .conLine .alItem .titLine{position: absolute;font-size: 0.9244rem;color:#333333;height:3.0577rem;line-height:3.0577rem;width:9.0666rem;text-align: center;bottom:-0.9244rem;left:0.6217rem;background: #FFFFFF;border-radius: 0.3555rem;box-shadow:-0.0955rem 0.1906rem 0.8736rem 0.0864rem rgba(96,96,96,0.08);}
.mainFloor .sixFloor .swiper-container{height: 20.5rem;}
.mainFloor .sixFloor .conLine .swiper-container-horizontal>.swiper-pagination-bullets, .mainFloor .sixFloor .conLine .swiper-pagination-custom, .mainFloor .sixFloor .conLine .swiper-pagination-fraction{bottom:1.35rem;}
.mainFloor .sixFloor .swiper-pagination-bullet-active{background: #f54d43;}
.mainFloor .sevenFloor{padding-top:1.8488rem;background: #ffffff;}
.mainFloor .sevenFloor .conLine{padding-top:1.8488rem;padding-bottom: 1.6711rem;}
.mainFloor .sevenFloor .conLine .moreServiceUl{
	margin-left:1.7333%;
	width:98.2667%;
}
.mainFloor .sevenFloor .conLine .moreServiceUl .serviceLi{box-sizing:border-box;padding-top:1.28rem;margin-bottom:1.1733rem;float: left;margin-left: 4.6666%;width:42.1334%;background: black;height:4.9777rem;}
.mainFloor .sevenFloor .conLine .moreServiceUl .oneLi{
	background: url(/static/img/activity/druzhu202010/seven01.png) top center no-repeat;
	background-size: 100%;
}
.mainFloor .sevenFloor .conLine .moreServiceUl .twoLi{
	background: url(/static/img/activity/druzhu202010/seven02.png) top center no-repeat;
	background-size: 100%;
}
.mainFloor .sevenFloor .conLine .moreServiceUl .threeLi{
	background: url(/static/img/activity/druzhu202010/seven03.png) top center no-repeat;
	background-size: 100%;
}
.mainFloor .sevenFloor .conLine .moreServiceUl .fourLi{
	background: url(/static/img/activity/druzhu202010/seven04.png) top center no-repeat;
	background-size: 100%;
}
.mainFloor .sevenFloor .conLine .moreServiceUl .serviceLi .serIcon{
	float: left;
	width:1.7777rem;
	margin:0 0.9244rem 0 1.1733rem;
	display: block;
}
.mainFloor .sevenFloor .conLine .moreServiceUl .serviceLi .serTxt{float: left;}
.mainFloor .sevenFloor .conLine .moreServiceUl .serviceLi .serTxt .serTit{line-height:1.2;font-size: 1.0666rem;color:#FFFFFF;margin-bottom: 0.3555rem;}
.mainFloor .sevenFloor .conLine .moreServiceUl .serviceLi .serTxt .serSubTit{font-size: 0.7111rem;line-height:1.2;}
.mainFloor .sevenFloor .conLine .moreServiceUl .oneLi .serTxt .serSubTit{color:#ffc1a6;}
.mainFloor .sevenFloor .conLine .moreServiceUl .twoLi .serTxt .serSubTit{color:#c3ceec;}
.mainFloor .sevenFloor .conLine .moreServiceUl .threeLi .serTxt .serSubTit{color:#a6dcde;}
.mainFloor .sevenFloor .conLine .moreServiceUl .fourLi .serTxt .serSubTit{color:#fab5b2;}

.mainFloor .eightFloor{padding-top:0;background: #f1f5fa;padding-bottom: 10.1645rem;}
.mainFloor .eightFloor .content .conBox .titLine{
	background: #2b3156;
	padding-bottom: 15.6444rem;
	position: relative;
}
.mainFloor .eightFloor .content .num{z-index: 2;top: 1.85rem;}
.mainFloor .eightFloor .content .conBox .titLine .tit{padding-top:3.5555rem;color:#FFFFFF;}
.mainFloor .eightFloor .content .conBox .conLine{position: relative;}
.mainFloor .eightFloor .content .conBox .titLine .formBox{
	background: #FFFFFF;
	position: absolute;
	top:9.2rem;
	width:94.6668%;
	left:2.6666%;
	border-radius: 0.3555rem;
	padding:2.3111rem 1.92rem 0;
	box-sizing: border-box;
}
.mainFloor .eightFloor .content .conBox .titLine .formBox .inpLine{margin-bottom: 1.1377rem;}
.mainFloor .eightFloor .content .conBox .titLine .formBox .inpLine .inp{padding-left:1.0666rem;width:100%;box-sizing:border-box;border:none;border:1px solid #f0f0f0;font-size: 0.9244rem;height: 2.8444rem;border-radius: 0.1777rem;background: #f6f6f8;}
.mainFloor .eightFloor .content .conBox .titLine .formBox .inpLine .inpyzm{
	width:65.6666%;
}
.mainFloor .eightFloor .content .conBox .titLine .formBox .inpLine .getyzm{
	width:31.3333%;
	float: right;
	border:1px solid #ffada8;
	background: #fbf1f0;
	text-align: center;
	line-height: 2.8444rem;
	font-size: 0.9244rem;
	height: 2.8444rem;
	border-radius: 0.1777rem;
	color:#f54d43;
	box-sizing: border-box;
}
.mainFloor .eightFloor .content .conBox .titLine .formBox .imgmsgLine{
	width:100%;box-sizing:border-box;border:1px solid #f0f0f0;font-size: 0.9244rem;height: 2.7733rem;border-radius: 0.1777rem;
}
.mainFloor .eightFloor .content .conBox .titLine .formBox .imgmsgLine .inp{
	border:none;
	height: 100%;
	width:76.6666%;
}
.mainFloor .eightFloor .content .conBox .titLine .formBox .imgmsgLine .imgmsg{
	float: right;
	width:4.48rem;
	height: 1.6711rem;
	margin-top: 0.5511rem;
	margin-right: 0.3555rem;
}
.mainFloor .eightFloor .content .conBox .titLine .formBox .yzmLine{margin-bottom: 2.2044rem;}
.mainFloor .eightFloor .content .conBox .titLine .formBox .btnSub{
	margin-bottom:2.56rem;
	width: 100%;
	height:2.8444rem;
	line-height: 2.8444rem;
	color:#FFFFFF;
	background: #f54d43;
	text-align: center;
	font-size: 1rem;
	border-radius: 0.3555rem;
}
.fixFootZx{
	position: fixed;
	width: 100%;
	background: #ffffff;
	height:3.5555rem;
	bottom: 0;
	left: 0;
	z-index: 998;
	box-shadow: -0.0637rem 0.1271rem 2.449rem 0.5376rem rgba(51,74,100,0.1);
}

.fixFootZx .zxL{float: left;width:50%;}
.fixFootZx .zxL .box{width: 50%;padding-top:0.7111rem;text-align: center;float: left;}
.fixFootZx .zxL .phoneBox{position: relative;}
.fixFootZx .zxL .phoneBox .line{height:1.9911rem;width: 1px;position: absolute;top:0.7822rem;right:0;background: #e6e6e6;}
.fixFootZx .zxL .box .zxIcon{display: block;margin: 0 auto;width:1.4933rem;margin-bottom: 0.2rem;}
.fixFootZx .zxL .box .tit{font-size: 0.8533rem;color:#999999;line-height:1.2;}
.fixFootZx .zxR{float: right;width:50%;text-align: center;font-size: 0;height: 100%;line-height: 3.5555rem;background: #f54d43;}
.fixFootZx .zxR .qqIcon{width:1.3155rem;display: inline-block;vertical-align:-0.3rem;margin-right: 0.7111rem;}
.fixFootZx .zxR .qqTit{font-size: 1rem;color:#FFFFFF;display: inline-block;}
/*弹出*/
.subMsg {
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

.subMsg .subMsg_con {
	height: 2.35rem;
	border-radius: 1.2rem;
	background: #000;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 0.924rem;
	line-height: 2.35rem;
	text-align: center;
	padding: 0 1.422rem;
}

.subMsg .layui-layer-content {
	padding: 0 !important;
}

/*二维码弹出*/

.ewmBox {
	display: none;
}

.ewmBox .content {
	background: #FFFFFF;
	border-radius: 0.1422rem;
	padding-top: 2.6311rem;
	width:22.0444rem;
	text-align: center;
}
.ewmBox .content .noNum{margin-top: 0.6044rem;}
.ewmBox .content .closeIcon{width:0.7111rem;height:0.7111rem;position: absolute;top:0.7466rem;right:0.8888rem;}
.ewmBox .content .ewmIcon{width:7.8222rem;height:7.8222rem;display: block;margin: 0 auto;}
.ewmBox .content .code-name {
	color: #999;
	font-size: .8533rem;
	margin: 0.6044rem auto 0;
	position: relative;
	width: 12.8rem;
	height:2.0622rem;
	line-height: 2.0622rem;
}

.ewmBox .content .code-name:before {
	content: '';
	width: 4.5155rem;
	background: #e9e9e9;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: 1.0311rem;
}

.ewmBox .content .code-name:after {
	content: '';
	width: 4.5155rem;
	background: #e9e9e9;
	height: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 1.0311rem;
}
.code-num{height:2.24rem;line-height:2.24rem;color:#333333;font-size: 1.28rem;}
.code-btn{width:9.9555rem;text-align: center;height:2.2755rem;line-height: 2.2755rem;color:#FFFFFF;font-size: 0.9244rem;background: #1eaadd;border:none;border-radius: 1.13775rem;margin: 0.8177rem auto;}
.code-tips{height:2.0977rem;line-height: 2.0977rem;color:#c6c6c6;font-size: 0.8533rem;padding-bottom: 1.2088rem;}

@media screen and (max-width:340px){
	.mainFloor .fourFloor .conLine .pkCon .conL{
		padding-left: 1.5rem;
	}
	.mainFloor .fourFloor .conLine .pkCon .conR{
	    padding-left: 2.2rem;
	}
}