@charset "utf-8";
/* CSS Document */

.border{
	border: 1px solid #ccc;
}
.left{
	float: left;
}
#Popup{
	position: fixed;
	z-index: 100;
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align:middle;
	display: none;
	/*background: rgba(0,0,0,0.8);*/
}
#Popup_qp{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);/*//兼容IE*/
	position: fixed;
}
.Popup_center{
	background: white;
	opacity: 0.9;
	margin:auto;
	position: fixed;
	/*top: 50%;
	margin-top: -200px;*/
	border-radius: 10px;
	z-index: 101;
	width: 416px;
	padding: 20px 24px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	top:50%;
	left: 50%;
}
.Popup_center .Popup_gb{
	position: absolute;
	top: -15px;
	right: -15px;
	font-size: 30px;
	cursor: pointer;
	background: url(../images/icon/gb.png) no-repeat center;
	background-size: 100%;
	width: 30px;
	height: 30px;
	display: inline-block;
}


.i-form ul li h2{
	text-align: center;
	color: #ff4466;
	font-weight: normal;
	font-size: 24px;
}
.i-form ul li{
	margin: 20px 0;
}
.i-form ul li label{
	font-size: 16px;
	float: left;
	line-height: 38px;
	width: 80px;
	text-align: right;
}
.i-form ul li input{
	width: 250px;
	height: 38px;
	font-size: 16px;
	outline: none;
	float: left;
	border: 0;
	margin-left: 10px;
	background: transparent;
}
.i-form ul li input.i-form-tj{
	background: linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
	background: -moz-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
	background: -webkit-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
	background: -ms-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
	background: -o-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
}
.i-form ul li select{
	padding: 8px 0px;
	border: 1px solid #ccc;
	font-size: 15px;
	cursor: pointer;
	width: 139px;
	float: left;
}
.i-form ul li textarea{
	padding: 10px;
	font-size: 15px;
	height: 90px;
	width: 260px;
	outline: none;
	float: left;
	border: 0;
}
/*.icon1{
	background: url(../images/icon/name-icon.png) no-repeat center left;
	padding-left: 26px;
}*/

#n-icon{
	background: url(../images/icon/name-icon.png);	
}
#n-icon2{
	background: url(../images/icon/tel.png);	
}
#n-icon3{
	background: url(../images/icon/ind.png);	
}
#n-icon4{
	background: url(../images/icon/txt.png);	
}
#n-icon,#n-icon2,#n-icon3,#n-icon4{
	background-position: right;
	background-repeat: no-repeat;
	background-size: 16px;
	width: 26px;
	height: 38px;
	float: left;
}


.i-form-tj{
    background:linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
    background: -moz-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
    background: -webkit-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
    background: -ms-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
    background: -o-linear-gradient( 90deg, rgb(255,42,42) 0%, rgb(255,84,84) 100%);
    box-shadow: 0px 4px 6px 0px rgba(255, 42, 42, 0.3);
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff5454,endColorStr=#ff2a2a); /*IE 6 7 8*/ 
    color: white;
    width: 100% !important;
    font-size: 18px !important;
	line-height: 44px;
	height: 44px !important;
	border-radius: 6px;
	-moz-border-radius: 6px; /* Firefox */ 
	-webkit-border-radius: 6px; /* Safari and Chrome */ 
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ 
	padding: 0 !important;
	cursor: pointer;
	margin-left: 0 !important;
}