﻿.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.reveal-modal.xlarge{ 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;z-index: 10;
} 


.ly_tck{  margin:0 auto; max-width: 600px; background: #fff;border-radius: 10px; position: relative}
.ly_tck dl{padding: 10px 20px 20px 20px; margin:0; overflow: hidden; }

.ly_t_box{padding: 30px 0px 30px 0px; margin:0; overflow: hidden;text-align: center;border-radius: 10px 10px 0px 0px;
color: #fff; position: relative; z-index: 1;background:url(../images/ly_t_bg.png) no-repeat  center; background-size: cover;}

.ly_t_box::before{ z-index: 2;position: absolute;top:0; left:0;width: 100%; height: 100%; background:rgba(0,0,0,.4);content: "";}

.ly_t_title{padding: 0px; margin:0; overflow: hidden; text-align: center;font-size: 22px;color: #fff;font-weight: 600;margin-bottom: 10px;
position: relative; z-index: 4;}
.ly_des{margin:0; overflow: hidden;font-size: 18px;padding:0px 10px 0px 10px; text-align:center;line-height: 26px;font-weight: 300;position: relative; z-index: 4;}

.ly_haoma{font-size: 18px;  font-family: 'AVGBBT'; vertical-align: middle; color: #fff;font-weight: 700; margin-bottom: 5px;text-align: center;position: relative; z-index: 4;}
.ly_haoma a{ color: #ff9c00;}


@media only screen  and (max-width: 1000px) {
.ly_des{font-size: 14px;}
.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) {

.reveal-modal {
	visibility: hidden;
	top:50px; 
	width:80%;
	left:10%;
	position: absolute;
	z-index:10000001;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
}
.ly_tck dl{padding: 10px 12px 20px 12px;}

}

@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;
}
}



.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:#e25524 url(../images/k.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)}



