html,
		body {
			height: 100%;
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 62.5%;
			color: #fff;
			font-family: "微软雅黑";
		}
		
		div {
			box-sizing: border-box;
		}
		
		.box {
			box-sizing: border-box;
			height: 100%;
			width: 100%;
			background-image: linear-gradient(0deg, #49A9FD 0%, #0285F0 100%);
			position: relative;
			z-index: 1;
		}
		
		.share_bg {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
		
		.box-user {
			position: absolute;
			width: 100%;
			top: 8rem;
			text-align: center;
			font-size: 2rem;
			top: 15vh;
		}
		
		.box-name {
			position: absolute;
			width: 100%;
			top: 10.5rem;
			text-align: center;
			font-size: 2.6rem;
			font-weight: bold;
			text-shadow: 0 3px 5px #0285F0;
			top: 20vh;
		}
		
		.box-detail {
			font-size: 1.7rem;
			text-align: center;
			position: absolute;
			top: 16rem;
			width: 100%;
			font-family: "arial, helvetica, sans-serif";
			opacity: .8;
			top: 30vh;
		}
		
		.box-bg {
			background-image: url(../static/img/share.png);
			background-repeat: no-repeat;
			position: relative;
			height: 100%;
			width: 100%;
			background-size: cover;
			background-position: center 80%;
			z-index: 10;
		}
		
		.box-logo {
			background-image: url(../static/img/share_logo@2x.png);
			background-repeat: no-repeat;
			background-size: 60%;
			position: absolute;
			left: 0;
			top: 10px;
			height: 50px;
			width: 100%;
			background-position: center;
		}
		
		.box-btn {
			text-align: center;
			position: absolute;
			width: 100%;
			top: 19rem;
			top: 35.5vh;
		}
		
		.box-btn button {
			font-size: 1.9rem;
			padding: 12px 44px;
			background-image: linear-gradient(-180deg, #FA9961 0%, #FA772C 100%);
			border-radius: 100px;
			color: #fff;
			border: none;
			outline: 0;
		}
		
		.free {
			position: absolute;
			top: 25rem;
			left: 50%;
			margin-left: -4rem;
			height: 5.5rem;
			width: 5.5rem;
			background-image: url(../static/img/free.png);
			background-repeat: no-repeat;
			background-size: 100% 100%;
			top: 47vh;
			z-index: 11;
		}
		
		.container {
			animation: myfirst 1s;
			-moz-animation: myfirst 1s;
			/* Firefox */
			-webkit-animation: myfirst 1s;
			/* Safari 和 Chrome */
			-o-animation: myfirst 1s;
		}
		
		.f24 {
			font-size: 1.6rem !important;
			padding: 12px 20px !important;
		}
		
		.zh {
			font-size: 4.5rem !important;
			top: 8rem;
			top: 17vh
		}
		
		.p6 {
			padding: 12px 64px !important;
		}
		
		.h6 {
			top: 6rem;
			top: 12vh
		}
		
		@keyframes myfirst {
			0% {
				transform: rotate(19deg)
			}
			25% {
				transform: rotate(69deg)
			}
			50% {
				transform: rotate(-59deg)
			}
			100% {
				transform: rotate(0deg)
			}
		}