.container{
	width:850px;
	height:500px;
	margin:0 auto;
	background:url(../image/map.png) no-repeat center 30px;
	background-size:100% auto;
	padding:30px 0;
	text-align:center;
}
.title{
	margin-bottom:70px;
	font-size:24px;
	line-height:1.5em;
}
.inpuCode{
	border:1px solid #777777;
	width:550px;
	height:50px;
	margin:0 auto;
	position:relative;
}
.inpuCode input{
	width:100%;
	height:100%;
	padding-left:20px;
	font-size:15px;
	font-family:'rb';
}
.inpuCode button{
	background:#000000;
	color:#fff;
	position:absolute;
	right:-2px;
	top:-2px;
	height:50px;
	width:200px;
	font-size:15px;
	cursor:pointer;
	font-family:'rb';
}
.inpuYzm{
	width:550px;
	height:50px;
	margin:25px auto;
	position:relative;
}
.yLeft{
	width:347px;
	height:100%;
	float:left;
	border:1px solid #777777;
}
.yLeft div{
	float:left;
	border-right:1px solid #777777;
	width:130px;
	height:100%;
}
.yLeft div img{
	width:100%;
	height:100%;
	display:block;
}
.yLeft input{
	width:215px;
	float:right;
	height:100%;
	font-size:15px;
	padding-left: 10px;
}
.yRight{
	background:#E5006E;
	color:#fff;
	font-size:15px;
	width: 184px;
	height: 100%;
	float: right;
	cursor:pointer;
}
.resultCnt{
	background:#fff;
	border:1px solid #e8e8e8;
	width:700px;
	margin:0 auto;
	position:relative;
	padding:50px 0 30px;
	font-size:12px;
	line-height:1.7em;
}
.resultCnt img{
	position:absolute;
	width:94px;
	height:94px;
	left:50%;
	margin-left:-47px;
	top:-47px;
}
.resultCnt> p:nth-of-type(3){
	text-align: left;
	padding-left: 173px;
	margin-top: 51px;
}
#replayerror> p:nth-of-type(3){
	text-align: left;
	padding-left: 173px;
	margin-top: 51px;
}
.result{
	overflow:hidden;
	text-align:left;
	margin-top:30px;
	padding:0 24px;
}
.left{
	float:left;
	width:45%;
}
.right{
	float:left;
	width:55%;
}
.error span{
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}
.error>p:nth-of-type(2){
	font-size:14px;
}
.error>p:nth-of-type(1){
	margin:5px 0;
	color:#ff0000;
}
#replayerror span{
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}
#replayerror>p:nth-of-type(2){
	font-size:14px;
}
#replayerror>p:nth-of-type(1){
	margin:5px 0;
	color:#ff0000;
}
.success>p:nth-of-type(1){
	font-size:14px;
}
#replayright>p:nth-of-type(1){
	font-size:14px;
}
.success span{
	color:#1dbc55;
}
.success span.mail{
	border-bottom:1px solid #1dbc55;
}
#replayright span{
	color:#1dbc55;
}
#replayright span.mail{
	border-bottom:1px solid #1dbc55;
}
.ts1
{
    font-size:14px;
    width:300px;
    height:150px;
    position:absolute;  
    top:30%;  
    left:40%; 
    background:#ffffff;  
    display:none;
    z-index:1000;
    text-align:left;
    font-family:'rb';
    }
.Close
{
    float:right;
    margin-right:25px;
    font-size:15px;
    font-family:Roboto Medium;
    }
.bg
{        
    position:absolute;  
    top:0;  
    left:0;  
    width:100%; 
    height:100%; 
    background:url(../image/bg.png);
    display:none;
    z-index:10;
    }
.img
{
    width:18px;
    margin-left:10px;
    float:left;
    display:inline-block;
    }   
.tsy
{
   display:inline-block;
   margin-left:5px;
   float:left;
   width:260px;
    }

/*mobile*/
@media screen and (max-width: 767px){
	.container{
		width:100%;
	}
	.title{
		font-size:16px;
	}
	.inpuCode,.inpuYzm{
		width:94%;
	}
	.inpuCode input{
		font-size:13px;
	}
	.inpuCode button{
		width:auto;
		font-size:13px;
		padding:0 5px;
	}
	.resultCnt{
		width:94%;
	}
	.resultCnt> p:nth-of-type(3){
		padding:0 5%;
	}
	.yLeft{
		width:60%;
	}
	.yRight{
		width:35%;
	}
	.yLeft div{
		width:45%;
	}
	.yLeft input{
		width:55%;
	}
	.ts1
	{
	    left: 10%;
	    }
}