css.less

.businessCardWrap{
	position: relative;
	width:100%;
	height:100%;
	background:#F5F5F5;
	overflow-x: hidden;
	overflow-y: auto;
	.session_top{
		background:#F5F5F5;
		height:2.2rem;
		.changebgd{
			position: absolute;
		    right: 0;
		    top: .23rem;
		    padding: 2px 5px;
		    background-color: rgba(143, 143, 143, 0.28);
		    border-top-left-radius: 10px;
		    border-bottom-left-radius: 10px;
		    color: #fff;
		}
		img{
			height:100%;
			width:100%;
		}
	}
	.section_card{
		height:2rem;
		position: absolute;
    	width: 100%;
		margin-top:-1.5rem;
		padding: 0 .23rem;
		z-index: 2;
		.card{
			width:100%;
			height:100%;
			background:url("../../assets/image/businessCardbgd.png");
			padding:.253rem;
			background-repeat: no-repeat;
			background-size: cover;
			.card_header{
				display:flex;
				img{
					width: .77rem;
					height: .77rem;
					border-radius: .38rem;
				}
				.card_header_name{
					margin-left: .22rem;
				}
				.card_header_name1{
					font-size: .253rem;
				    font-weight: bold;
				    margin-top: .1rem;
				}
			}
			.card_footer{
				display: flex;
			    position: relative;
			    top: .3rem;
			    justify-content: space-between;
			    color: #000;
			    img{
			    	width:.12rem;
			    	margin-right:.08rem;
			    	margin-bottom: 5px;
			    }
			    a{
		    		color:#000;
		    	}
			}
		}
	}
	.section_mid{
		min-height: 2.5rem;
	    position: relative;
	    padding: .23rem;
	    margin: 0 auto;
	    text-align: center;
	    background:url("../../assets/image/businessBackground.png");
	    width:100%;
		position: relative;
    	margin-top: -.26rem;
    	.content{
    		margin-top:.6rem;
    		img{
				width: 2rem;
				height: 2rem;
			}
			.weixintext{
				margin:.15rem 0;
			}
			.qrcodeSection{
				width: 2rem;
			    height: 2rem;
			    background: #fff;
			    position: relative;
			    text-align: center;
			    left: 50%;
			    transform: translate(-50%);
			    .text{
			    	position: relative;
				    top: 50%;
				    transform: translateY(-50%);
				    color:#DEDEDE;
				    img{
				    	width:.6rem !important;
				    	height:.6rem !important;
				    }
			    }
			}
    	}
	}
	.section_bottom{
		background:white;
		min-height: 1.694rem;
		padding: 0 .11rem;
		margin-bottom:0.92rem;
		.headertext{
			color:#999999;
			font-size:.176rem;
			padding: .16rem 0;
		}
		.plansection{
			display:flex;
			flex-wrap: wrap;
			.planitem{
				margin:5px 0;
			}
		}
		img{
			width: .88rem;
    		height: .88rem;
    		margin: 0 .05rem;
		}
	}
	.section_footer{
		position:fixed;
		width:100%;
		bottom:0;
		background:white;
		height:0.74rem;
		text-align: right;
		padding: 10px 10px 0 0;
		:global(.am-button-primary::before){
			border: none;
		}
		.bianji_Btn{
			margin-right:6px;
			border: 1px solid #FF9D5C;
    		color: #FF9D5C;
		}
		.zhuanfa_Btn{
			text-align: center;
    		color: white;
			background-color: #FF9D5C;
			font-size: 16px;
			height: 45px;
    		line-height: 45px;
			span{
				margin:0
			}
		}
	}
	
}
.bgdtemplate{
	width:100%;
	height:100%;
	background: #fff;
	overflow:auto;
	position: relative;
	.bgdSection{
		display:flex;
		flex-wrap:wrap;
		margin: 10px 4px;
    	margin-bottom: 1.1rem;
		.bgdItem{
			position: relative;
			width: 50%;
	    	height: 1.1rem;
	    	padding: 5px;
	    	.bgdImg{
	    		width:100%;
	    		height:100%;
	    		background-repeat: no-repeat;
	    	}
	    	.selected{
	    		width: 24px;
			    height: 24px;
			    position: absolute;
			    right: .15rem;
			    top: .15rem;
			}
		}
	}
	.footerBtn{
		width: 100%;
	    height: 0.957rem;
	    position: fixed;
	    bottom: 0;
	    background: #fff;
	    padding: 0 .11rem;
		img{
			width:100%;
			//height:100%;
		}
	}
	.haveNoData{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    img{
	      width:2rem;
	      height:2rem;
	    }
	    .text{
	      text-align: center;
	      font-size: .2rem;
	      margin-top: .1rem;
	    }
	}
}
.businessCardEditWrap{
	width:100%;
	height:100%;
	background:#F5F5F5;
	overflow-x: hidden;
	overflow-y: auto;
	.headsection{
		position:relative;
		width: 100%;
	    background: white;
	    display: flex;
	    padding: 0 15px;
	    height: .7rem;
	    justify-content: space-between;
	    :global(.avatar-uploader > .ant-upload) {
		  width: .6rem;
		  height: .6rem;
		}
		:global(.ant-upload.ant-upload-select-picture-card) {
		  margin:0;
		}
		:global(.avatar-uploader) {
		  	position: relative;
		    width: 100%;
		    height: 100%;
		    display: block;
		}
		.uploadHeadImg{
			position: absolute;
    		right: 10px;
			img{
				width: .6rem;
    			height: .6rem;
				border-radius: 50%;
			}
		}
		.headText{
			font-size: .15rem;
	    	color: #000;
	    	line-height: .6rem;
		}
	}
	input{
		text-align: right;
	}
	:global(.ant-upload.ant-upload-select-picture-card) {
			border:none;
			background: white;
	}
	:global(.am-list-item.am-input-disabled .am-input-label){
		color:#000;
		font-size: .15rem;
	}
	:global(.am-list-item.am-input-item) {
	    border-bottom: 1px solid #F8F8F8;
	}
	:global(.am-list-item .am-input-control input){
		font-size: .15rem;
	}
	.QRcode{
		position: relative;
		padding: .15rem;
		background: white;
		:global(.avatar-uploader > .ant-upload) {
		  width: 1.5rem;
		  height: 1.5rem;
		}
		:global(.anticon) {
			color: #FF9D5C;
		}
		.codeText{
			font-size: .15rem;
			color: #000;
			height: .52rem;
    		line-height: .52rem;
		}
		.code{
			img{
				width: 1.5rem;
    			height: 1.5rem;
			}
			.qrcodeSection{
				color: #FF9D5C;
			    background: #fff;
			    position: relative;
			    text-align: center;
			    border: 1px dashed #FF9D5C;
			    width: 100%;
			    height: 100%;
			    .text{
			    	position: relative;
 					top: 50%;
			    	transform: translateY(-50%);
			    }
			}
		}
	}
	.saveBtn{
		padding: 15px;
		img{
			width: 100%;
		}
	}
	.labelText{
		color:#000;
	}
}