*{
	margin:0px;
	padding:0px;
}
.btns ul{
	width: 100%;
	clear: all;
	/*overflow: hidden;*/
}
.btns ul li{
	width: 100%;
	float: left;
	text-align: center;
}

.btns ul li.ordinary_download a{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	color: #b284ec;
	border-bottom: 2px solid #b284ec;
}
.footer{
	width: 100%;
	position: fixed;
	left: 0px;
    bottom: 0px;
    clear: all;
    overflow: hidden;
    z-index: 99;
}
.footer ul.icons{
	width: 100%;
	background: #230d44;
	clear: all;
	overflow: hidden;
}
.footer P.text{
	float: right;
	color: #bea9d8;
	font-size: 1.4rem;
	font-weight: 650;
}
.footer ul.icons li{
	width: 32.8%;
	float: left;
	display: inline-block;
	padding: 2px 0;
	border-right: 2px groove #491c84;
	text-align: center;
	white-space:nowrap;
    text-overflow:ellipsis;  
    overflow:hidden; 
    clear: all;
    overflow: hidden;
}
.footer ul.icons li:last-child{
	border-right: none;
}
.footer ul.icons li img{
	width: 67px;
	height: 64px;
}
.footer ul.icons li span{
	width: 40%;
	display: inline-block;
	vertical-align: top;
	line-height: 64px;
	font-size: 1.2rem;
	font-family: "microsoft yahei";
	color: #bea9d8;
	white-space:nowrap;
    text-overflow:ellipsis;  
    overflow:hidden; 
}
@media only screen and (max-width: 320px){
	.homepage{
		width: 100%;
		min-height: 320px;
		background: url(../images/invite_main.jpg)center no-repeat;
		background-size: 100% 100%;
	}
	.btns{
		position: relative;
		top: 260px;
	}
	.btns ul li.download_btn{
		padding-bottom: 3px;
	}
	.btns ul li.download_btn img{
		width: 100px;
		height: 30px;
	}
}
@media only screen and (min-width: 320px){
.homepage{
	width: 100%;
	min-height: 540px;
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
}
.btns{
	position: relative;
	top: 460px;
}
.btns ul li.download_btn{
	padding-bottom: 6px;
}
.btns ul li.download_btn img{
	width: 132px;
	height: 45px;
}
}
@media only screen and (min-width: 360px){
.homepage{
	width: 100%;
	min-height: 620px;
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
}
.btns{
	position: relative;
	top: 526px;
}
.btns ul li.download_btn{
	padding-bottom: 10px;
}
.btns ul li.download_btn img{
	width: 158px;
	height: 53px;
}
}
/*,*/
@media only screen and (min-width: 375px){
.homepage{
	width: 100%;
	min-height: 640px;
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
	
}
.btns{
	position: relative;
	top: 530px;
}
.btns ul li.download_btn{
	padding-bottom: 8px;
}
.btns ul li.download_btn img{
	width: 158px;
	height: 53px;
}
}
@media only screen and (min-width: 412px){
.homepage{
	width: 100%;
	min-height: 680px;
	min-height: calc(100vh);
	min-height: -moz-calc(100vh);
	min-height: -webkit-calc(100vh);
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
}
.btns{
	position: relative;
	top: 590px;
}
.btns ul li.download_btn{
	padding-bottom: 10px;
}
.btns ul li.download_btn img{
	width: 158px;
	height: 53px;
}
}
@media only screen and (min-width: 414px){
.homepage{
	width: 100%;
	/*min-height: 636px;*/
	min-height: calc(100vh);
	min-height: -moz-calc(100vh);
	min-height: -webkit-calc(100vh);
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
}
.btns{
	position: relative;
	top: 432px;
}
.btns ul li.download_btn{
	padding-bottom: 10px;
}
.btns ul li.download_btn img{
	width: 158px;
	height: 53px;
}
}
@media only screen and (min-width: 414px)  {
.homepage{
	width: 100%;
	min-height: calc(100vh);
	min-height: -moz-calc(100vh);
	min-height: -webkit-calc(100vh);
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
}
.btns{
	position: relative;
	top: 590px;
}
.btns ul li.download_btn{
	padding-bottom: 10px;
}
.btns ul li.download_btn img{
	width: 158px;
	height: 53px;
}
}
/*big Resolution*/
@media only screen and (min-width: 641px) {
.homepage{
	width: 100%;
	min-height: 1024px;
	min-height: calc(100vh);
	min-height: -moz-calc(100vh);
	min-height: -webkit-calc(100vh);
	background: url(../images/invite_main.jpg)center no-repeat;
	background-size: 100% 100%;
}
.btns{
	position: relative;
	top: 865px;
}
.btns ul li.download_btn{
	padding-bottom: 14px;
}
.btns ul li.download_btn img{
	width: 158px;
	height: 53px;
}
}
/*弹窗*/
.modal {
    display: none; 
    position: fixed; 
    z-index: 99; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: hidden; 
    background-color: rgba(0,0,0,0.7); 
}
.modal-content {
	width: 100%;
    margin: 10% auto; 
    padding: 10px;
    clear: all;
    overflow: hidden;
}
.modal-img{
	width: 86%;
	margin: 0 auto;
	text-align: center;
}
.modal-content img{
	width: 100%;
	height: 28%;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
 
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}