.pop-box {
	display: none;
	position: fixed;
	top: 30%;
	width: 100%;
	height: 300px;
	text-align: center;
	z-index: 9999;
}
.wpa-invite {
	width: 368px;
	height: 228px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #dadee7;
	font-family: "microsoft yahei";
	position: relative;
	margin: auto;
}
.icon-close {
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 1000;
}
.main {
	width: 370px;
	height: auto;
	text-align: center;
	color: #fff;
	position: absolute;
	top: -1px;
	left: -1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative;
	overflow: hidden;
	background: url("../images/bubble.png") no-repeat;
	background-position: right center;
}
.theme-1 .main {
	background-color: #0067ed;
}
.theme-2 .main {
	background-color: #07c160;
}
.theme-3 .main {
	background-color: #ff9232;
}
.theme-4 .main {
	background-color: #ee685d;
}
.theme-5 .main {
	background-color: #25cd98;
}
.title {
	font-size: 24px;
	margin-top: 50px;
}
.content {
	font-size: 16px;
	margin-top: 10px;
}
.btn-icon {
	margin-right: 7px;
	vertical-align: middle;
	display: inline-block;
	width: 24px;
	height: 24px;
}
.theme-1 .icon-qq {
	background: url("../images/icon-qq-pc1.png") no-repeat;
}
.theme-2 .icon-qq {
	background: url("../images/icon-qq-pc2.png") no-repeat;
}
.theme-3 .icon-qq {
	background: url("../images/icon-qq-pc3.png") no-repeat;
}
.theme-4 .icon-qq {
	background: url("../images/icon-qq-pc4.png") no-repeat;
}
.theme-5 .icon-qq {
	background: url("../images/icon-qq-pc5.png") no-repeat;
}
.theme-1 .icon-im {
	background: url("../images/icon-im-pc1.png") no-repeat;
}
.theme-2 .icon-im {
	background: url("../images/icon-im-pc2.png") no-repeat;
}
.theme-3 .icon-im {
	background: url("../images/icon-im-pc3.png") no-repeat;
}
.theme-4 .icon-im {
	background: url("../images/icon-im-pc4.png") no-repeat;
}
.theme-5 .icon-im {
	background: url("../images/icon-im-pc5.png") no-repeat;
}
.btns {
	text-align: center;
}
.btn-text {
	vertical-align: middle;
	color: #333;
}
/*.btn {
	font-size: 16px;
	color: #1e2330;
	text-align: center;
	height: 54px;
	line-height: 48px;
	cursor: pointer;
}*/
.btn:last-child {
	display: none;
}
.btn:first-child {
	display: block;
}
.spliter {
	display: none;
	width: 1px;
	height: 27px;
	vertical-align: middle;
	background: #dadee7;
}
.multi-btn .btn {
	display: inline-block;
	width: 178px;
}
.multi-btn .spliter {
	display: inline-block;
}