.myModal,
.mymodal-content,
.modal,
.modal-content {
	max-width: 750px;
}

.myModal {
	position: fixed;
	/* 定位为全屏 */
	z-index: 102;
	/* 上层覆盖其他元素 */

	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* 防止内容溢出 */
	background-color: rgba(0, 0, 0, 1);
	/* 模态框背景半透明 */
	display: flex;
	justify-content: center;
	align-items: center;
	transition: height .5s ease;
	margin: 0 auto;

}

.mymodal-content {
	background: url(../images/bg02.jpg) top center no-repeat;
	/* 模态框背景半透明 */
	background-size: 100% auto;
	margin: 0% auto 5%;
	/* 中心对齐 */
	padding: 38% .4rem .2rem;
	width: 100%;
	/* 可调整大小 */
	height: auto;
	text-align: center;
	min-height: 5rem;
	overflow: auto;
	box-sizing: border-box;
	transition: height .5s ease;
	position: absolute;
	top: 0;
}

.hidden {
	height: 0px;
}

.list-p {
	padding: .1rem 0 .4rem;
	display: flex;
	color: #fff;
	justify-content: space-around;
}

.list-p p {
	font-size: .4rem;
	display: flex;
	flex-direction: column;
}

.big-txt {
	font-weight: bold;
}

.tc-txt {
	color: #b5b5b5;
	padding-bottom: 20%;
	text-align: justify;
	font-size: .26rem;
	line-height: .44rem;
}

/* 弹窗列表 */
.menulist {
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-around;
}

.menulist:after {
	content: "";
	flex: auto;
}

.menulist li {
	margin-right: .1rem;
	margin-bottom: .2rem;

	width: -webkit-calc((100% - .1rem*5) / 5);
	width: calc((100% - .1rem*5) / 5);
	box-sizing: border-box;
	display: flex;
}

.menulist li:nth-child(5n) {
	margin-right: 0;
}



.menulist li img {
	width: 82%;
	display: block;
	margin: 0 auto;
}

/* 中将弹窗 */
.modal {
	display: none;
	/* 隐藏 modal */
	position: fixed;
	/* 定位为全屏 */
	/* 上层覆盖其他元素 */

	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* 防止内容溢出 */
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 101;
	/* 模态框背景半透明 */
	text-align: center;
	margin: 0 auto;

}

.modal-content {
	background-color: #555;
	border: #666 1px solid;
	margin: .6rem auto;
	/* 中心对齐 */
	padding: .46rem 0.3rem;
	border-radius: .2rem;
	width: 80%;
	/* 可调整大小 */
	text-align: center;
	max-height: 8rem;
	box-sizing: border-box;
}

.modal-content p {
	width: 100%;
	text-align: center;
	margin-bottom: .1rem;
}

.modal-content p.w90 {
	width: 90%;
	margin: 0 auto .24rem;
}

.modal-content button {
	border: none;
	padding: .2rem .05rem;
	display: block;
	font-size: .32rem;
	font-weight: bold;
}
.modal-content a#enterButton{
	border: none;
	padding: .2rem .05rem;
	display: block;
	font-size: .32rem;
	font-weight: bold;
}
.modal-content #enterButton {
	background-color: #facf20;
	color: #282828;
	width: 45%;
}

.modal-content #closeButton {
	background-color: #cccccc;
	color: #282828;
	width: 45%;
}

.modal-content #ToButton {
	background-color: #1a1a1a;
	color: #ccc;
	width: 100%;
	text-align: center;
}

#modalText {
	display: flex;
	justify-content: center;
}

#modalText a {
	text-align: center;
	display: flex;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}

.tcinfo {
	font-size: .28rem;
	color: #e5e5e5
}

#closetc {
	width: .6rem;
	height: .6rem;
	background: url(../images/close.png) no-repeat top center;
	background-size: 100% auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
	
}
.showhide{
	display: none;
}

@media screen and (min-width:750px) {

	.myModal,
	.mymodal-content,
	.modal,
	.modal-content {
		max-width: 640px;
	}

	.modal-content {
		height: auto;
	}

}