@charset "utf-8";

/* CSS Document */





@import url(../css/Distance.css);



article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;}

	

/*文本居中*/

.text-center{text-align:center;}



/*文本居左*/

.text-left{text-align:left;}



/*图片垂直居中*/

.v-middle{ vertical-align:middle;}



.v-text-bottom{ vertical-align:text-bottom;}

	

/*清除li的样式	*/

li{ list-style:none;}



.f-left{ float:left;}



.f-right{ float:right;}

	

/*清除浮动*/

.clearfix:after { 

    content:"\200B"; 

    display:block; 

    height:0; 

    clear:both; }

.clearfix {*zoom:1;}/*IE/7/6*/



/*清除a标签的下划线*/

a{text-decoration:none;}



img{ border-style:none\0;}



.center{ width:80%; margin:0 auto;}



body{ 

	min-width:1200px;

	background-color:#fff;

	font-family:"微软雅黑";}

	

.header{

	width:100%;

	height:50px;

	background-color:#303a40;}





.sign{

	line-height:50px;

	font-size:14px;

	color:#cacaca;}

	

.sign ul li{ float:left;}

	

.sign-a{

	font-size:14px;

	color:#cacaca;}

	

.white-app{ display:none;}



.app-download{

	position:absolute;

	top:34px;

	width:260px;

	height:192px;

	background:url(../images/app-download-bg.png) no-repeat;

	margin-left:-90px;

	display:none;}



.app-download .title{

	border-bottom: solid 1px #aaa;

	font-size:16px;

	color:#666;

	text-align:center;}

	

.app-download a{

	width:120px;

	height:30px;

	background-color:#1991d8;

	display:inline-block;

	font-size:14px;

	color:#fff;

	line-height:30px;

	text-align:center;}



/*内容区*/

.main{

	width:100%;

	background:url(../images/main-bg.jpg) no-repeat;}

	

nav a{

	font-size:16px;

	color:#fff;

	line-height:50px;

	padding:0 20px;

	display:inline-block;}

	

.search-text-input{ 

	height:45px;

	width:527px;

	line-height:45px;

	padding:0 20px;

	border: solid 2px #00a2e9;

	font-size:16px;

	color:#666;}

	

.search-btn{

	width:100px; 

	height:45px; 

	background-color:#00a2e9;

	font-size:16px; 

	color:#fff;

	font-weight:bold;

	display:inline-block; 

	line-height:45px;

	line-height:50px\9; 

	text-align:center;}



.advertisement-nav a{

	width:120px;

	height:70px;

	background:rgba(68,68,68,0.2);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33444444,endColorstr=#33444444);

	line-height:70px;

	text-align:center;

	font-size:16px;

	color:#fff;

	display:inline-block;}



.advertisement-nav-2{ display:none;}



.advertisement-content{ width:630px;}



.advertisement-content ul li{ 

	position:relative;

	float:left;

	margin-left:7px;

	margin-bottom:12px;}

	

.advertisement-content ul { display:none;}

	

.transparent{ 

	position:absolute;

	top:0;

	left:0;}

	

/*广告内容	*/

.position-content{

	position:absolute;

	width:630px;

	height:420px;

	background:rgba(102,102,102,0.1);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#09666666,endColorstr=#09666666);

	display:none;}



.canvas{

	width:400px;

	height:330px;

	background-color:#fff;

	padding:0 30px;

	margin:45px 0 0 100px;

	display:none;}



.cancel{ 

	font-size:30px;

	color:#999;

	margin-top:10px;

	margin-right:-10px;}

	

.biaoqian li{

	float:left;

	height:25px;

	padding:0 10px;

	margin-left:10px;

	line-height:25px;

	font-size:12px;

	color:#00a2e9;

	border-radius:10px;

	border:1px solid #00a2e9;

	display:inline-block;}

	

.position-classification li{

	width:170px;

	float:left;

	padding:0 10px;

	line-height:25px;

	white-space:nowrap; 

	overflow:hidden; 

	text-overflow:ellipsis;}

	

.position-classification a{

	font-size:15px; 

	color:#666;}



.more{

	width:200px;

	height:40px;

	background-color:#00a2e9;

	text-align:center;

	line-height:40px;

	font-size:18px;

	color:#fff;

	margin:30px 0 0 70px;

	display:inline-block;}

	

.login-now{

	position:absolute;

	width:630px;

	height:495px;

	margin-top:-75px;

	background-image:url(../images/login-now-1.png);

	display:none;}

	

.cancel-1{

	margin:20px 20px 0 0;}

	

.login-paging{

	height: 40px;

	width: 100%;

	background-color: #fff;

	border-bottom: solid 1px #eee;

}



.login-paging>a{

	float: left;

	width: 50%;

	text-align: center;

	font-size: 18px;

	color: #333;

	line-height: 40px;

}

.login-paging>a.login-paging-on{

	border-bottom: solid 3px #199bee;

	color: #199bee;

}



.login-yanzheng{

	position: absolute;

	top: 30px;

	right: 5px;

	height: 24px;

	width: 80px;

	line-height: 24px;

	text-align: center;

	font-size: 12px;

	color: #333;

	background-color: #ccc;

	border-radius: 5px;

	cursor: pointer;

}



#continuity{

	position: fixed;

	top: 50%;

	left: 50%;

	z-index: 999999;

	display: none;

}



#continuity>span{

	padding: 5px 20px;

	font-size: 18px;

	color: #fff;

	background: rgba(0,0,0,.4);

	border-radius: 10px;

}

	

.main-fight{

	width:350px;

	height:363px;

	background-color:#fff;

	padding:0 30px;}

	

.main-fight h5{

	font-size:24px;

	color:#00a2e9;

	line-height:80px;}



.input1{

	height:40px;

	width:290px;

	line-height:40px;

	line-height:40px\9;

	padding:0 20px;

	border: solid 2px #CCC;

	font-size:16px;

	color:#666;}



.input-verification{

	height:45px;

	width:180px;

	line-height:45px;

	line-height:45px\9;

	padding:0 20px;

	border: solid 2px #CCC;

	font-size:16px;

	color:#666;}



.msgs{	

	position:relative;	

	left:180px;

	top:-45px;

	height:45px;

	width:110px;

	background-color:#00a2e9;

	line-height:45px;

	text-align:center;

	font-size:16px;

	color:#fff;}

	

.msgs a{

	font-size:16px;

	color:#fff;}

	

.register-btn{

	height:40px;

	width:290px;

	background-color:#00a2e9;

	line-height:40px;

	text-align:center;

	padding:0 20px;

	font-size:16px;

	color:#fff;

	display:inline-block;

	margin-top:20px;}



.agreement{

	font-size:14px;

	color:#666;}

	

.other-login img{width:49px; height:36px;}



.other-login a{ margin: 0 10px;}



.other-login-white{display:none;}

	

img.weixin      {background:url(../images/icon.jpg) -49px  72px;}

img.weixin-hover{background:url(../images/icon.jpg) -49px -36px;}

img.qq          {background:url(../images/icon.jpg) -49px  36px;}

img.qq-hover    {background:url(../images/icon.jpg) -49px -72px;}



	

.agreement a{

	font-size:14px;

	color:#666;}



.login-font p{

	width:350px;

	height:60px;

	background-color:#ececec;

	text-align:center;

	line-height:60px;

	font-size:16px;

	color:#666;}

	

.login-font a{ color:#00a2e9;}



.footer p{ 

	line-height:20px;

	font-size:14px;

	color:#fff;}

	

.footer a{ 

	color:#fff;}

	

	

#user{

	border:solid 2px #ccc;

}







@keyframes myfirst

{

0% {border-color:#ccc;}

50% {border-color:red;}

60% {border-color:#ccc;}

70% {border-color:red;}

100% {border-color:#ccc;}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

0% {border-color:#ccc;}

50% {border-color:red;}

60% {border-color:#ccc;}

70% {border-color:red;}

100% {border-color:#ccc;}

}



#onclick-login-gif{

	display:none;}