/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index:10000000;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
	visibility: hidden;
	top:20%; 
	width:40%;
	left:30%; 
	position: absolute;
	z-index:9101;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
	z-index:10000001
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height:30px;
	position: absolute;
	top:5px;
	right:20px;
	color: #aaa;
	font-weight: bold;
	cursor: pointer;
} 



.wx_tck{ padding: 0px; margin:0 auto; max-width: 300px; text-align: center; background: #fff;border-radius: 10px; position: relative}
.wx_tck dl{padding: 30px 0px 20px 0px; margin:0; overflow: hidden; text-align: center; }
.wx_tck dl dt{padding: 0px; margin:0; overflow: hidden;}
.wx_tck dl dt{padding: 0px; margin:0; overflow: hidden; text-align: center}
.wx_tck dl dt h3{padding: 0px; margin:0; overflow: hidden; text-align: center;font-size: 18px;color: #000;font-weight: 600;margin-bottom: 10px;}
.wx_tck dl dd{padding: 0px; margin:0; overflow: hidden;font-size: 14px; line-height: 30px;color:#222; margin-bottom: 10px}
.wx_tck dl dt img{width: 90%; height: auto}


.ly_tck{ padding: 20px; margin:0 auto; max-width: 600px; background: #fff;border-radius: 10px; position: relative}
.ly_tck dl{padding: 10px 0px 20px 0px; margin:0; overflow: hidden; }
.ly_tck dl dt h3{padding: 0px; margin:0; overflow: hidden; text-align: center;font-size: 18px;color: #000;font-weight: 600;margin-bottom: 10px;}
.ly_tck dl dd {padding: 0px; margin:0; overflow: hidden;font-size: 14px; line-height: 30px;color:#222; margin-bottom: 10px;text-align: center;}
.ly_tck dl dd span{font-size: 18px;font-family: 'AVGBBT'; vertical-align: middle; color: #01519a;font-weight: 700}

.xieyi_box{overflow:hidden; margin:0 auto;}
.xieyi_box  .txt_bt{ font-size:22px; line-height:36px; padding:10px 20px 10px 20px;  margin-bottom:10px;color:#fff; overflow:hidden;font-weight:bold;text-align:center}
.xieyi_box  .txt_bt p{ font-size:16px; font-weight:normal; margin:0px; padding:0px; width:auto; color:#fff;text-align:center}
.xieyi_box_txt{ height:auto; overflow:auto; padding-bottom:20px}
.xieyi_box_txt p{ line-height:180%; font-size:12px;}


.tkly_box{ overflow:hidden; margin:0px; padding:0px; max-width:500px; width:100%; margin:0 auto; position: relative}
.tkly_T dl{ overflow:hidden; margin:0px; padding:0px;text-align:center}
.tkly_T dl dt{ overflow:hidden; margin:0px; padding:0px;text-align:center}
.tkly_T dl dd{ overflow:hidden; margin:0px; padding:px 0px 0px 0px; text-align:center}
.tkly_T dl dd img{height:auto; width:100%; vertical-align:top; border-radius:5px 5px 0px 0px;}

.tkly_B{ overflow:hidden; margin:0px; padding:0px;padding:0% 4% 4% 4%;	background:#0e915d; border-radius:0px 0px 5px 5px;}

@media only screen  and (max-width: 1000px) {

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height:30px;
	position: absolute;
	top:10px;
	right:20px;
	color: #aaa;
	font-weight: bold;
	cursor: pointer;
} 
}



@media only screen  and (max-width:1100px) {
.xieyi_box  .txt_bt{ font-size:20px; }
.xieyi_box  .txt_bt p{ font-size:14px; font-weight:normal; margin:0px; padding:0px; width:100%}
.reveal-modal {
	visibility: hidden;
	top:50px; 
	width:80%;
	left:10%;
	position: absolute;
	z-index:10000001;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
}

}

.xieyi_box{ width:99%; overflow:hidden; margin:0 auto}




@media only  screen and (max-width:568px) {
.reveal-modal {
	visibility: hidden;
	top:50px; 
	width:92%;
	left:3%;
	position: absolute;
	z-index:10000001;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
}
	.ly_tck{ padding: 20px 10px; }
}



.r_bm_k{ padding:0px; overflow:hidden; margin:15px 20px}
.r_bm_k input{ width:100%;  background:none;  padding:2px; line-height:36px; font-size:16px; border:0; border-radius:3px; text-indent:10px;  border-bottom:#57ae8c 1px solid;color: #fff;}
.r_bm_k textarea{box-sizing: border-box;border: 1px solid #ddd;color: #fff;height: 100px;padding: 15px;width: 100%;margin-bottom: 0;font-size:14px;font-family: ""}
.r_bm_k  .select1{width:100%; background:none; height:40px; padding:2px; line-height:36px; font-size:16px; border:0; border-radius:3px; text-indent:10px; border-bottom:#57ae8c 1px solid}

.btntj{line-height:44px;text-align:center;  height:44px;border-radius:20px;background:#fda502 url(../images/k_cp.png) no-repeat left center;  color:#fff; cursor:pointer; font-weight:bold; font-size:16px; width:200px; border:0; border: 0px }
.r_bm_btn{margin:0 auto; margin-top:15px;text-align: center}

.r_bm_k input::-webkit-input-placeholder{ font-size:16px; color:rgba(255,255,255,.7)}
.r_bm_k input::-webkit-input-placeholder{ font-size:16px; color:rgba(255,255,255,.7)}