/* CSS Document */
/********************  css  头锟斤拷  锟斤拷始   *************************/
*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ul,li,table,th,td,p,span,a{border:0;}
img,input{border:none;vertical-align:middle;}
body{font-family:Tahoma,Arial,Helvetica,"寰蒋闆呴粦";font-size:0.9rem;text-align:center;background:#FFF;color:#000;}
html{overflow-y:scroll;}
ul{list-style-type:none;}
th,td,input{font-size:0.9rem;}
h3{font-size:0.9rem;}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline; text-decoration:none;}
li{ list-style:none;}




/******************************************   澶撮儴   寮�    ********************************************************/
#c{ width:100%; margin:auto; overflow:hidden; }
#c #c_1 { margin:auto;  width:100%; overflow:hidden; height:2rem; line-height:2rem;background:rgba(126,126,126,1); }
#c #c_1 #c_1a{ width:100%; overflow:hidden; margin:auto; max-width:1000px;}
#c #c_1 #c_1a a{ float:right; color:#fff; margin-right:2%;}
#c #c_1 #c_1a a:hover{ text-decoration:underline;}

#c #c_2{ width:100%; max-width:1000px; margin:auto; overflow:hidden;}
#c #c_2 #c_a1{ height:4rem; width:98%; margin:auto; margin:auto; margin-top:1%; margin-bottom:1%;} 
#c #c_2 #c_a1 .log{ width:17%; float:left; overflow:hidden; height:100%;}
#c #c_2 #c_a1 .log img{ max-width:100%;}
#c #c_2 #c_a1 .photo1{ width:65%; float:left; height:90%; margin:0.3% 0; overflow:hidden;}
#c #c_2 #c_a1 .photo1 img{ max-width:90%; height:100%;}
#c #c_2 #c_a1 .photo2{ width:18%; float:left; height:90%; margin:0.3% 0; overflow:hidden;}
#c #c_2 #c_a1 .photo2 img{ max-width:90%; height:100%;}
/******************************************   澶撮儴   缁撴潫    ********************************************************/

/******************************************   娉ㄥ唽琛ㄥ崟   寮�    ********************************************************/
#c #c_3{ width:100%; overflow:hidden; max-width:1000px; margin:auto; padding:7.5% 0;}
#c #c_3 form{ width:100%; overflow:hidden;}

.div_c_l {
	float: left;
	font-size:0.85rem;
	font-weight: 500;
	width:100%;
	overflow:hidden;
	margin:2% 0;
}

.div_c_l span {
	line-height: 2rem;
	float:left;
	width:20%;
	text-align:right;
	overflow:hidden;
}

.div_c_l img {
	height: 30px;
	margin: 2px;
	padding: 0px 7px;
}

.div_c_r {
	float: right;
/*	padding: 5px;*/
/*	width: calc(100% - 100px);*/
	width:77.5%;
/*	overflow:hidden;
*/}

.div_c_r input {
	border: 1px solid #e5e5e5;
/*	margin: 5px;
*/	float: left;
	line-height: 2rem;
	font-size: 0.8rem;
	/*padding-right: 5px;*/
	width: 60%;
	outline: none;
	text-align: left;
	padding:0 3%;
	background:#f3f3f3;
	height: 2rem;
}

.div_c_r button {
	width: 88px;
	float: right;
	background-color: #F2F2F2;
	height: 28px;
	padding: 4px 8px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	margin: 5px 5px 0 0;
	border: 1px solid #DBDBDB;
	border-radius: 6px;
	outline: none;
}

.div_f {
/*	border-bottom: 1px solid #E8E8E8;
*/	background-color: #fff;
	width:90%;
	margin:auto;
}

.btn_1 {
	border: none;
	width: 20%;
	height: 2em;
	background-color: #05a0e0;
	border-radius: 0.3rem;
	font-size: 1rem;
	color: #FFFFFF;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	margin:auto;
	margin-top:5%;
}

.div_b_l {
	float: left;
	margin-left: 6%;
	padding: 5px;
	width: calc(44% - 10px);
}

.div_b_r {
	float: right;
	margin-right: 6%;
	padding: 5px;
	width: calc(44% - 10px);
	text-align: right;
}

.span_b {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	padding: 0 2px;
	float: left;
}

.span_br {
	font-size: 16px;
	font-weight: 500;
	color: #05a0e0;
	float: left;
}

input[type=checkbox] {
	visibility: hidden;
}

.checkboxforget {
	top: 0px;
	float: left;
	width: 20px;
	height: 20px;
	background: #05a0e0;
	margin: 0 5px 0 0;
	border-radius: 100%;
	position: relative;
}

.checkboxforget label {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 100px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	background: #fff;
}

.checkboxforget input[type=checkbox]:checked+label {
	background: #05a0e0;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
}

.inp_radio {
	float: left;
	line-height: 48px;
}

input[type=radio] {
	visibility: hidden;
}

.checkboxforget1 {
	top: 13px;
	float: left;
	width: 20px;
	height: 20px;
	background: #AFAFAF;
	margin: 0 5px 0 0;
	border-radius: 100%;
	position: relative;
	/*            -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 1px rgba(0,0,0,0.5);*/
}

.checkboxforget1 label {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 100px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	background: #fff;
	/*            -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);*/
}

.checkboxforget1 input[type=radio]:checked+label {
	background: #05a0e0;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
}

.red {
	color: #ff6600;
	display: inline-block;
}

#submit{ cursor:pointer;}

/******************************************   娉ㄥ唽琛ㄥ崟   缁撴潫    ********************************************************/


/*****************************************   搴曢儴  寮�      **************************************************/
#e{ width:100%;background:rgba(126,126,126,1); position: absolute; bottom: 0; left: 0; right: 0;}
#e #e_1{ height:2rem; line-height:2rem; max-width:1000px; margin:auto; overflow:hidden;}
#e #e_1 a{ text-align:center; font-size:0.9rem; color:#FFFFFF;}


#e_2{height:2.5rem; line-height:2.5rem; max-width:1000px; margin:auto;}
#e_2 a{ float:left; }
#e_2 span{ float:left; height:1.5rem; width:1%; display:block;}
#e_2 spacer{ float:left;}
#e_2 b{ float:left; display:block; height:1rem; width:1%;}
#e_2 b:nth-child(1){ display:block; width:0.5%; height:1rem;}
#e_2 i{ float:left; display:block; height:1rem; width:5.8%;}
/******************************************  搴曢儴   缁撴潫    ***********************************************/


/*************************************   寮瑰嚭椤甸潰  ************************************************/
#block{ max-width:600px; margin-top:5%; margin:auto; width:100%; overflow:hidden; background:#ccc; position:absolute; left:0; right:0; top:24%;}
#block .title{ width:100%; height:2.5rem; line-height:2.5rem; padding-bottom:0.5%; border-bottom: 1px solid #666;}
#block .title span{ float:left; margin-left:3%;}
#block .title a{ float:right; margin-right:3%;}
#block .title a:hover{ color:#888888; text-decoration:underline;}
#block .info{ width:85%; background:#fff; margin:auto; margin-bottom:5%; margin-top:5%; overflow:hidden; padding-top:8%; height:20rem;}


#tan{ width:45%; height:2rem; line-height:2rem; border-radius:0.3rem; background:#05a0e0; border:none; color:#fff; cursor:pointer; float:left;}
.tan{ width:40%; margin:auto; margin-top:8%; overflow:hidden;}
.tan span{ display:block; width:2%; height:1rem; float:left;}
.tan a{ float:right; line-height:2rem;}
.tan a:hover{ text-decoration:underline; color:#05a0e0;}

#block{ z-index:99999; display:none;}

#block:before{    content: " ";
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.info_1{  width:85%; background:#fff; margin:auto; margin-bottom:5%; margin-top:5%; overflow:hidden; padding-top:8%; height:10rem; display:none;}
.info_1 div{ background:url(../img/icon/c1.png) no-repeat left; width:25%; margin:auto; text-align:left; padding-left:7%; margin-top:10%;}
.info_1 div a:hover{ text-decoration:underline; color:#05a0e0;}