* {
				margin: 0;
				padding: 0;
			}
			
			body{
				/* 更改背景图片 */
				
			/* 	background-image:url(../img/pic_one.png);   
				 background-size:cover;
				 background-attachment:fixed;
				  background-repeat: no-repeat;
				  background-position: center center  ; */
			}
			
			.bg_pic{
				width: 100%;
				overflow: hidden;
				/*background-color: #64BF50;*/
			
				position: absolute;
			}
			
			.bg_pic img{
				width: 100%;
				height: 100%;
			}
	
			.xiazai{
				width: 100%;
				overflow: hidden;
				position: fixed;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				/* background-color: darkseagreen; */
			}
			
			.andriod,.apple{
				width: 100%;
				height: 100%;
				/* position: relative;
				bottom: 0; */
				
			}
			
			a{
				text-decoration: none;
				color: black;
			}
			
			.jion_us {
				width: 15rem;
				height: 12rem;
				/* line-height: 8rem;
				text-align: center;
				font-size: 2.5rem;
				background-color: darkseagreen;
				border-bottom-left-radius: 3rem;
				border-top-left-radius: 3rem; */
				position: relative;
				right: 0;
				left: 0;
				top: 48rem;
				float: right;
			}

			.jion_us img{
				width: 100%;
				height: 100%;
			}

			.icon_box{
				position: absolute;
				top: 12%;
				left: 20%;
				right: 20%;
				text-align: center;
				font-size: 36px;
				letter-spacing: 2px;
			}
			.icon_box #icon{
				margin-top: 52px;
				margin-bottom: 7px;
				border-radius: 54px;
			}
			#name{
				margin-bottom: 32px;
			}
			#date{
				color: dimgray;
				margin-bottom: 20px;
				font-weight: 500;
			}
			#download{
				background-color: #4489CA;
				color: #fff;
				width: 238px;
				line-height: 71px;
				display: inline-block;
			}
			#shade{
				position: absolute;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,.5);
			}
			#browserImg{
				display: block;
				margin: 28% auto;
				width: 63%;
				height: auto;
			}

			@media screen and (max-width: 360px){
				.icon_box{
					font-size: 12px;
					letter-spacing: 1px;
				}
				.icon_box #icon{
					margin-top: 14px;
					margin-bottom: 0;
					border-radius: 21px;
				}
				#name{
					margin-bottom: 11px;
				}
				#date{
					margin-bottom: 7px;
				}
				#download{
					width: 79px;
					line-height: 23px;
				}
			}

			@media screen and (min-width: 361px) and (max-width: 410px){
				.icon_box{
					font-size: 14px;
					letter-spacing: 0;
				}
				.icon_box #icon{
					margin-top: 18px;
					margin-bottom: 0;
					border-radius: 21px;
				}
				#name{
					margin-bottom: 11px;
				}
				#date{
					margin-bottom: 7px;
				}
				#download{
					width: 85px;
					line-height: 25px;
				}
			}

			@media screen and (min-width: 411px) and (max-width: 430px){
				.icon_box{
					font-size: 16px;
					letter-spacing: 1px;
				}
				.icon_box #icon{
					margin-top: 21px;
					margin-bottom: 2px;
					border-radius: 27px;
				}
				#name{
					margin-bottom: 16px;
				}
				#date{
					margin-bottom: 6px;
				}
				#download{
					width: 109px;
					line-height: 32px;
				}
			}

			@media screen and (min-width: 481px) and (max-width: 551px){
				.icon_box{
					font-size: 20px;
					letter-spacing: 2px;
				}
				.icon_box #icon{
					margin-top: 28px;
					margin-bottom: 2px;
					border-radius: 30px;
				}
				#name{
					margin-bottom: 24px;
				}
				#date{
					margin-bottom: 9px;
				}
				#download{
					width: 146px;
					line-height: 40px;
					font-size: 22px;
				}
			}

			@media screen and (min-width: 481px) and (max-width: 551px){
				.icon_box{
					font-size: 20px;
					letter-spacing: 2px;
				}
				.icon_box #icon{
					margin-top: 28px;
					margin-bottom: 2px;
					border-radius: 30px;
				}
				#name{
					margin-bottom: 24px;
				}
				#date{
					margin-bottom: 9px;
				}
				#download{
					width: 146px;
					line-height: 40px;
					font-size: 22px;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 1023px){
				.icon_box{
					font-size: 28px;
					letter-spacing: 2px;
				}
				.icon_box #icon{
					margin-top: 39px;
					margin-bottom: 9px;
					border-radius: 44px;
				}
				#name{
					margin-bottom: 24px;
				}
				#date{
					margin-bottom: 14px;
				}
				#download{
					width: 187px;
					line-height: 58px;
					font-size: 29px;
				}
			}

			@media screen and (min-width: 1100px) and (max-width: 1366px){
				.icon_box{
					font-size: 46px;
				}
				#download{
					width: 274px;
					line-height: 86px;
				}
			}

			@media screen and (min-width: 1366px) and (max-width: 1900px){
				.icon_box{
					font-size: 46px;
				}
				#name{
					margin-bottom: 58px;
				}
				#date{
					margin-bottom: 31px;
				}
				#download{
					width: 274px;
					line-height: 86px;
				}
			}

			@media screen and (min-width: 1901px){
				.icon_box{
					font-size: 71px;
					letter-spacing: 2px;
				}
				.icon_box #icon{
					margin-top: 99px;
					margin-bottom: 9px;
					border-radius: 107px;
				}
				#name{
					margin-bottom: 78px;
				}
				#date{
					margin-bottom: 14px;
				}
				#download{
					width: 452px;
					line-height: 139px;
					font-size: 66px;
				}
			}