

/*留言*/
.message{position: fixed;top:35%;right: 5%; z-index:9999999}
.message .mes-img{width: 60px;cursor: pointer;text-align: center;}
.message .mes-img img{width: 60px;height: 60px;}
.message .mes-img span{font-size:14px;color: #AAAAAA;}
.message .mes-wrap{position:absolute;top:-150px;left:-320px;width: 380px;border-radius:10px;background-color: #FFFFFF;}
.message .mes-wrap .mes-box{padding:10px;}
.message .mes-wrap .mes-box h6{font-size:20px;color:#aaa;font-family: 'msyi';text-align: center;margin-bottom: 6px;}
#code .input{width: 80%;height: 30px;border: 0;margin: 5px 0;font-size: 14px;color: #aaa;background-color: #f4f4f4;padding: 0 20px;outline:none;}
#code form textarea{width: 80%;height:150px;border: 0;margin: 5px 0;font-size: 14px;color: #aaa;background-color: #f4f4f4;padding: 10px 20px;outline:none;resize:none;font-family: arial;}
#code .input:last-child{height: 180px;}
#code .subt-a{display:block;width:120px;font-size:14px;line-height: 30px;border:1px solid #4f84ff;border-radius:5px;background-color:#fff;margin:0 auto;color: #4f84ff; cursor:pointer}
.message .btn-close{position:absolute;left:-28px;top:-28px;width:28px;height:28px;}
.message .btn-close img{width:28px;height:28px;}


/* CSS Document */
/*按钮样式*/
#ClickMe { display:inline-block;cursor:pointer
}

#ClickMe img {
    width: 40px;
    height: 40px;
}
#ClickMe span {
    font-size: 14px;
    color: #AAAAAA;
}

#goodcover {
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#code {
	width: 300px;
	
	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 99999;
}
.close1 {
	width: 300px;
	height: 30px;
}
#closebt {
	float: left;
}
#closebt img {
	width: 20px;
}
.goodtxt {
	text-align: center;
}
.goodtxt p {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.code-img {
	width: 250px;
	margin: 30px auto 0 auto;
	padding: 10px;
}
.code-img img {
	width: 240px;
}



/*index*/




/*留言*/
@media only screen and (max-width:750px) {
    .message{top:13%;right: 0;padding: 0 2.6%;}
	.message .mes-img img{width: 30px;height: 30px;}
	.message .mes-wrap{position:relative;left: 0;top:-65px;width: 100%;}
	.message .btn-close{position:absolute;right:0;left:auto;top:-14px;width: 14px;height: 14px;}
	.message .btn-close img{width: 14px;height: 14px;}
	.message .mes-wrap .mes-box{padding: 15px;}
	.message .mes-wrap .mes-box h6{font-size: 13px;margin-bottom: 15px;}
	#code .input{height: 20px;font-size: 10px;}
	#code form textarea{height: 90px;}
	#code .subt-a{width: 60px;font-size: 10px;line-height: 18px;margin: 10px auto 0;}
		
}






/*留言*/
.message{position: fixed;top:35%;right: 5%; z-index:9999999}
.message .mes-img{width: 60px;cursor: pointer;text-align: center;}
.message .mes-img img{width: 60px;height: 60px;}
.message .mes-img span{font-size:14px;color: #AAAAAA;}
.message .mes-wrap{position:absolute;top:-150px;left:-320px;width: 380px;border-radius:10px;background-color: #FFFFFF;}
.message .mes-wrap .mes-box{padding:10px;}
.message .mes-wrap .mes-box h6{font-size:20px;color:#aaa;font-family: 'msyi';text-align: center;margin-bottom: 6px;}
#codes .input{width: 80%;height: 30px;border: 0;margin: 5px 0;font-size: 14px;color: #aaa;background-color: #f4f4f4;padding: 0 20px;outline:none;}
#codes form textarea{width: 80%;height:150px;border: 0;margin: 5px 0;font-size: 14px;color: #aaa;background-color: #f4f4f4;padding: 10px 20px;outline:none;resize:none;font-family: arial;}
#codes .input:last-child{height: 180px;}
#codes .subt-a{display:block;width:120px;font-size:14px;line-height: 30px;border:1px solid #4f84ff;border-radius:5px;background-color:#fff;margin:0 auto;color: #4f84ff; cursor:pointer}
.message .btn-close{position:absolute;left:-28px;top:-28px;width:28px;height:28px;}
.message .btn-close img{width:28px;height:28px;}


/* CSS Document */
/*按钮样式*/
#ClickMes { display:inline-block; cursor:pointer
}

#ClickMes img {
    width: 40px;
    height: 40px;
}
#ClickMes span {
    font-size: 14px;
    color: #AAAAAA;
}

#goodcovers {
	display: none;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#codes {
	width: 300px;
	
	background-color: #fff;
	padding: 10px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 99999;
}
.close1s {
	width: 300px;
	height: 30px;
}
#closebt {
	float: left;
}
#closebt img {
	width: 20px;
}
.goodtxt {
	text-align: center;
}
.goodtxt p {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.codes-img {
	width: 250px;
	margin: 30px auto 0 auto;
	padding: 10px;
}
.codes-img img {
	width: 240px;
}



/*index*/




/*留言*/
@media only screen and (max-width:750px) {
    .message{top:13%;right: 0;padding: 0 2.6%;}
	.message .mes-img img{width: 30px;height: 30px;}
	.message .mes-wrap{position:relative;left: 0;top:-65px;width: 100%;}
	.message .btn-close{position:absolute;right:0;left:auto;top:-14px;width: 14px;height: 14px;}
	.message .btn-close img{width: 14px;height: 14px;}
	.message .mes-wrap .mes-box{padding: 15px;}
	.message .mes-wrap .mes-box h6{font-size: 13px;margin-bottom: 15px;}
	#codes .input{height: 20px;font-size: 10px;}
	#codes form textarea{height: 90px;}
	#codes .subt-a{width: 60px;font-size: 10px;line-height: 18px;margin: 10px auto 0;}
		
}




