html{font-size:62.5%;}
	body{
		overflow-x: hidden;
		margin: 0;
	}
	.start{
	    width: 100%;
	    height: 332px;
	    background: url(../img/Untitled-1.png);
	    background-size: 100% 100%;
	    position: relative;
	    margin-bottom: .7rem;
	}
	.action{
		/* width: 95%; */
	}
	.action_img{
		width: 95%;
		margin: auto;
		text-align: center;
	}
	.action_img img{
		width: 100%;
	}
	.start .qrcode{
	    position: absolute;
	    padding: .2rem;
	    width: 137px;
	    height: 137px;
	    background: #fafafa;
	    left: 31%;
	    bottom: -55px;
	    box-shadow: 0 0 0.16rem 0.06rem rgba(73,0,167,.12);
	    border-radius: 10px;  
	}
	.start .qrcode>img{
	    width: 127px;
	    height: 127px;
		margin-left: 5px;
		margin-top: 5px;
	    object-fit: fill;
		border-radius: 0px;
	}
	footer{
	    width: 100%;
	    height: auto;
	    padding: 0 .21rem;
		text-align: center;
		margin-top: 30px;
	}
	footer button{
	    width: 60%;
	    height: 40px;
	    margin: 15px 0;
	    background: linear-gradient(90deg,#a04ef4,#f56eb7);
	    box-shadow: 0 6px 11px 2px rgba(73,0,167,.18);
	    border-radius: 50px;
		border: none;
	}
	footer button a{
		text-decoration: none;
	}
	footer button span{
	    font-size: 14px;
	    font-family: PingFang SC;
	    font-weight: 600;
	    color: #fafafa;
	}
	.action>p{
	   margin: 20px 0;
	   font-size: 16px;
	   color: #de5c51;
	   text-align: left
	}
	@media screen and (min-width: 374px) and (max-width: 414px) {
		.start{
		    height: 381px;
		}
	}
	@media screen and (min-width: 415px) {
		body{
			width:750px;
			margin:auto
		}
		.start{
		    width: 100%;
		    height: 692px;
		    background-size: 100% 100%;
		    position: relative;
		    margin-bottom: .7rem;
		}
		footer button {
		    width: 60%;
		    height: 73px;
		    margin: 20px 0;
		    background: linear-gradient(90deg,#a04ef4,#f56eb7);
		    box-shadow: 0 6px 11px 2px rgba(73,0,167,.18);
		    border-radius: 50px;
		    border: none;
		}
		footer button span{
		    font-size: 26px;
		    font-family: PingFang SC;
		    font-weight: 600;
		    color: #fafafa;
		}
		.start .qrcode{
		    position: absolute;
		    padding: .2rem;
		    width: 250px;
		    height: 250px;
		    background: #fafafa;
		    left: 35%;
		    bottom: -55px;
		    box-shadow: 0 0 0.16rem 0.06rem rgba(73,0,167,.12);
		    border-radius: 10px;
		}
		.start .qrcode>img{
		    width: 210px;
		    height: 210px;
			margin-left: 20px;
			margin-top: 20px;
		    object-fit: fill;
			border-radius: 0px;
		}
		.action>p {
		    margin: 20px 0;
		    font-size: 29px;
		    color: #de5c51;
		    text-align: left;
		}
	}
	
	/* 弹窗 */
	.attention {
	            position: fixed;
	            top: 0;
	            left: 0;
	            width: 100%;
	            height: 100%;
	            background-color: rgb(0, 0, 0);
	            opacity: 0.3;
	            z-index: 19891023;
	            display: none;
	        }
	        
	        .att-content {
	            position: fixed;
	            top: 10%;
	            left: 5%;
	            z-index: 19891024;
	            width: 90%;
	            background-color: #fff;
	            display: none;
	        }
	        
	        .att-title {
				margin: 0;
	            padding: 0 80px 0 20px;
	            height: 42px;
	            line-height: 42px;
	            border-bottom: 1px solid #eee;
	            font-size: 17px;
	            color: #333;
	            overflow: hidden;
	            background-color: #F8F8F8;
	            border-radius: 2px 2px 0 0;
	        }
	        
	        .att-text {
	            height: 358px;
	            padding: 0 20px;
	            margin: 20px 0;
	            line-height: 1.5;
	            word-break: break-all;
	            overflow: hidden;
	            font-size: 14px;
	            overflow-x: hidden;
	            overflow-y: auto;
	        }
	        
	        .att-text div {
	            padding: 10px 0;
	        }
			.att-text div p{
				margin: 0;
			}
	        
	        .wzdl {
				margin: 0;
	            text-align: right;
	            padding: 0 15px 12px;
	            pointer-events: auto;
	            user-select: none;
	            -webkit-user-select: none;
	            text-align: center!important;
	            padding-top: 10px!important;
	            padding-bottom: 15px!important;
	            background: #f0f4f7;
	            border-top: 1px #c7c7c7 solid;
	        }
	        
	        .wzdl span {
	            height: 28px;
	            line-height: 28px;
	            margin: 5px 5px 0;
	            padding: 6px 10px;
	            border: 1px solid #dedede;
	            border-radius: 2px;
	            font-weight: 400;
				font-size: 14px;
	            cursor: pointer;
	            text-decoration: none;
	            border-color: #1E9FFF;
	            background-color: #1E9FFF;
	            color: #fff;
	        }
			
.fixed-kf{
	position: fixed;
	right: 8rem;
	top: 42rem;
	width: 1.8rem;
	z-index: 1;
}
.fixed-kf .kf img{
	width: 500%;
}

@media screen and (min-width: 700px) {
    .fixed-kf{
		left: 50%;
		margin-left: 5.2rem;
	}
}