/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
.modal-head {
	height: 50px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	line-height: 50px;
	font-size: 18px;
	color: #6e6e6e;
	text-align: center;
	background:#eee;
			-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius:12px 12px  0 0 ;
		/* border:6px solid #ccc; */
		    box-sizing: border-box;
		   /* border-bottom: 0px; */
}
.mo-btn {
	width: 100%;
	margin-top: 20px;
	text-align:center;
}


.mo-btn input{
	border: 0px;
	width: 319px;
	height: 50px;
	background: #407acc;
	color: #fff;
	line-height: 50px;
	text-align: center;
}


	.reveal-modal a{
		display: block;
		height: 50px;
		background: #fff
		width: 51px;
		/* border-left:1px solid #ccc;  */
	}
	.reveal-modal a:hover{
		color: #000;
	}
	.reveal-modal .mo-name input{
		font-size: 14px;
		padding-left: 10px;
		border: 1px solid #ccc;
		height: 40px;
		width: 308px;
		background: #fff;
		}
	.reveal-modal .mo-name  {
		width: 100%;
		margin-top: 20px;
		text-align: center;

	}
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.7);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
	width: 761px;
	height: 730px;

/* 		width: 600px;
		height: 395px; */
		/* background: ; */
		position: absolute;
		z-index: 101;
/* 		-webkit-transform: translateY(30%));
    -moz-transform: translateY(3%));
    transform:translateY(30%); */
		-webkit-transform: translateX(-30%));
    -moz-transform: translateX(-40%));
    transform:translateX(-10%);


		/* padding: 30px 40px 34px; */
		/* -moz-border-radius: 12px; */
		/* -webkit-border-radius: 12px; */
		/* border-radius: 12px; */
			/* border:2px solid #ccc; */
/* 		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4); */
		}
		
	.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:34px;
		line-height: .5;
		position: absolute;
top: -13px;
    right: -137px;
		color: #aaa;
		/* text-shadow: 0 -1px 1px rbga(0,0,0,.6); */
		font-weight: bold;
		cursor: pointer;

		padding-top: 18px;
   		 box-sizing: border-box;
   	 padding-left: 21px;
		} 

.swiper-container-dia{
	width: 100%;

    margin: 0 auto;
	overflow: hidden;
}

.dialog_banner {
	position: relative;
}

.dialog_banner .swiper-slide img {
	width: 100%;
	/* height:100%; */
	height: auto;
	    max-height: 100%;
    object-fit: contain;
}
.dialog_banner .swiper-slide {
	overflow: hidden;
	    display: flex;

    align-items: center;

}
.dialog_banner  .swiper-button-prev img {
	width: 33px;
	height: 58px;

}

.dialog_banner  .swiper-button-prev,

.dialog_banner  .swiper-button-next {
	background: none;
	position: absolute;
}
.dialog_banner  .swiper-button-prev {
	left: -50px;
}.dialog_banner  .swiper-button-next {
	right: -50px;
}

.close-reveal-modal img {
	width: 45px;
	height: 45px;
}


/* .close-reveal-modal  {
	position: absolute;
}
 */


 span ,div ,input，textarea:focus {   
  
           outline: none;   
  
      } 


.swiper-button-prev, .swiper-button-next {

	top:44%

}