*{
	margin:0; 
	padding:0;
}
html{
    width:100%;
    height:100%;
}
body{
	color: #1A1A1A;
	font: 16px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
	background: #C2C2C2;
}
a{
	color:#1A1A1A; 
	text-decoration: none;
}
li{
	list-style: none;
}
/* ------强制升级弹窗----- */
.update_box{
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,1);
	text-align: center;
	padding: 60px 20px;
	font-size: 22px;
	display: none;
}
.download_btn{
	margin: 40px 0;
}
.update_btn,.cancel_update{
	padding: 6px 20px;
	border: none;
	border-radius: 4px;
	color: #FFFFFF;
	background-color: #13b3f0;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	outline: none;
	margin: 0 20px;
}
.updatting{
	margin-top: 40px;
	font-size: 22px;
	color: red;
	display: none;
}
.stepping{
	margin-top: 40px;
}
.stepping img{
	width: 45%;
}

/* -----页面加载----- */
#cover{ 
	position:absolute; 
	top:0; 
	left:0; 
	opacity: 0.5; 
	background:#000; 
	width:100%; 
	height:100%; 
	text-align:center; 
	display:none; 
	z-index:1000;
}
#cover2{
	position:absolute; 
	top:0; 
	left:0; 
	opacity: 0.5; 
	background:#000; 
	width:100%; 
	height:100%; 
	text-align:center; 
	display:none; 
	z-index:1000;
}
#loading_img{ 
	position:fixed; 
	left:50%;  
	top:40%; 
	z-index:1001; 
	margin-left:-64px; 
	display:none;
	width: 60px;
}

/* ------登录注册页------- */
.codeButton{
	width: 100px;
	text-align: center;
	margin-left: 10px;
}
.get_code{
	border: none;
	border-radius: 4px;
	cursor: pointer; 
	-webkit-appearance: none; 
	height: 38px;
	width: 100px;
	background: #0082c8;
	color: #FFFFFF;
}
.header{
	width: 100%; 
	text-align: center; 
	margin: 80px 0 25px 0; 
	overflow: hidden;
}
.header .logo{ 
	max-width:320px;
	margin:0 auto; 
	background-size: cover; 
	background-position: center;
}
.main{
	width: 100%; 
	margin: 0 auto;
	margin-bottom: 15px; 
	/* overflow: hidden; */
}
/*login start*/
.login_div{ 
	border: 1px solid #e7e7e7; 
	max-width: 420px; 
	width:100%; 
	background: #F6F4F4;
	margin: 0 auto; 
	font-size:16px;
	padding: 30px 20px;
}
.login_div ul{
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}
.login_div ul li{
	margin-bottom: 20px;
}
.login_div input{
    padding:8px 8px;
}
#remember{ 
	margin-right:10px;
}
.login_div li.link{ 
	position: relative; 
	text-align: center;
	margin-bottom: 0;
}
.text-input{
	width: calc(100% - 16px); 
	margin: 0; 
	padding: 7px 8px; 
	font-size: 16px;
	line-height: 20px; 
	color: #606060; 
	border: none; 
	border: 1px solid #d5d5d5; 
	position: relative; 
	border-radius: 0; 
	-moz-transition: all .3s linear; 
	-webkit-transition: all .3s linear; 
	-ms-transition: all .3s linear; 
	-o-transition: all .3s linear; 
	transition: all .3s linear; 
}
.form-submit{
	background-color: #0082c8; 
	width: 100%; 
	margin: 0 auto; 
	padding: 12px 5px; 
	font-size: 19px; 
	line-height: 22px; 
	color: #fff; 
	border: none; 
	border-radius: 4px; 
	display:block; 
	cursor: pointer; 
	white-space: normal; 
	-webkit-appearance: none; 
	-moz-transition: all .3s linear; 
	-webkit-transition: all .3s linear; 
	-ms-transition: all .3s linear; 
	-o-transition: all .3s linear; 
	transition: all .3s linear; 
	font-family: karlaregular, Arial, sans-serif;
}
/*login end*/

.site-error{ 
	text-align: center; 
	max-width: 500px; 
	margin: 50px auto;
}
p.margin{
    margin:5% 0;
    text-align: center;
}



/*表单验证*/
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label{
	color:red;
}
.has-error .form-control{ 
	border-color: red; 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}



/*底部版权*/
footer{
	padding: 0 0 30px 0; 
	position: relative; 
	text-align: center; 
	display: block; 
	clear: both;
}
footer p{
	font-size: 13px; 
	color: #515151;
}
footer p a{
	font-size: 13px; 
	color: #515151;
}


/*-----联系我们-----*/
#qrcode{
    width:100%;
    overflow: hidden;
    margin-top:50px;
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}
#qrcode div{
    width:258px;
    display:flex;
    margin:30px;
    align-items: center;
    flex-direction: column;

}

/* Messages ------------------------- */
#messages-container{
	border-right: 1px solid #d5d5d5; 
	border-left: 1px solid #d5d5d5; 
	position: relative; 
	clear: both;
}

#messages-container header{
	margin: 0 0 10px 0; 
	padding: 18px 0 10px 0; 
	border-bottom: 1px solid #d5d5d5; 
	text-align: center; 
	position: relative;
}
#messages-container header h3{
	font-size: 19px; 
	line-height: 23px; 
	color: #6c6c6c;}
#messages-container header h3 span{
	background-color: #cdebfc; 
	margin: 0 0 0 5px; 
	padding: 2px 10px; 
	font-size: 14px; 
	line-height: 15px; 
	color: #025f95; 
	text-transform: uppercase; 
	display: inline-block;
}

/* New Message Color --- */
#new-message-color{
	background-color: #cdebfc; 
	width: calc(100% + 3px); 
	height: 7px; 
	position: absolute; 
	top: 0; 
	left: -1px; 
	display: block;
}

/* Select All Action ----- */
#select-all-action{
	width: 35%; 
	margin: 0 0 10px 2%; 
	position: relative; 
	float: left;
}	
#select-all-action label{
	font-size: 16px; 
	color: #6c6c6c;
}

/* Message Actions ----- */
#message-actions{
	width: 60%; 
	margin: 0 2% 10px 0; 
	position: relative; 
	float: right;
}
#message-actions ul{
	text-align: right; 
	position: relative;
}
#message-actions ul li{
	margin: 0 0 0 4%; 
	position: relative; 
	display: inline-block;
}
#message-actions ul li a{
	font-size: 16px; 
	color: #6c6c6c;
}

/* Message Type --- */
.message-type-column{
	font-size: 16px; 
	line-height: 16px; 
	color: #969696; 
	text-indent: 0; 
	position: relative; 
	font-family: karlaregular, Arial, sans-serif;
}
.message-type-column i{
	margin: 0 2% 0 5%; 
	font-size: 16px; 
	line-height: 16px;
}
.message-type-column i.fa-exclamation-circle{
	color: #fd0202;
}
.message-type-column i.fa-flag{
	color: #278cc3;
}


.red{ 
	color: red;
}
.orange{ 
	color:orange;
}