/*
字体的默认颜色：#383838
链接的字体颜色：#808080
边框的默认颜色：#D9D9D9
获得焦点后边框：#A6A6A6
蓝色：#03A9F4
灰色：#AAAAAA
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:14px;
  font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体", sans-serif;
  vertical-align:baseline;
  color:#383838;
}

*, *::after, *::before{
	box-sizing: border-box;
}

/********** 涓��绯荤粺鎺т欢 START *************/
a{
	color:#808080;
	text-decoration:none;
	cursor:pointer;
	font-family:inherit;
	background:none repeat scroll 0px 0px transparent;
}

input {
	border:1px solid #D9D9D9;
	border-radius:3px;
	background-color:#FFF;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
input:hover, input:focus {
	border:1px solid #A6A6A6;
}

li {
	list-style-type:none;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
	font-weight:500;
}
.h1, h1{font-size:36px;}
.h2, h2{font-size:32px;}
.h4, h4{font-size:18px;}

/********** 绯荤粺鎺т欢 END *************/

/********** 浜屻�鑷畾涔夐�鐢ㄦ牱寮�START *************/
.text-center {
	text-align:center;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

.desc {
	color:#AAAAAA;
}

.mobile {
	color:#03A9F4;
}

.money {
	color:#FF0000;
}

.mr10{
	margin-right:10px;
}

.col-25{
	width:25%;
}

.animated{
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	-o-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both
}

/********** 鑷畾涔夐�鐢ㄦ牱寮�END *************/

/********** 涓夈�鑷畾涔夐�鐢ㄦ帶浠�START *************/
/*鎸夐挳*/
.btn{
	padding:12px;
	line-height:20px;
	font-size:16px;
	display:inline-block;
	outline:0px none;
	border-radius:3px;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	-moz-user-select:none;
}

/*绾㈢偣锛堢敤浜庢彁绀烘湁鏂扮殑鍐呭锛�/
.hot-dot {
	width:7px;
	height:7px;
	background-color:#FF0000;
	display:inline-block;
	border-radius:7px;
}

.hot-dot-count {	/*绾㈢偣锛堢敤浜庢彁绀烘湁澶氬皯鏉℃柊鐨勫唴瀹癸級*/
	height:14px;
	padding:0 5px;
	line-height:14px;
	background-color:#FF0000;
	border-radius:2px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

.deauthentic{
	background-color:#EEEEEE;
}


/*鏂囨湰杈撳叆妗嗭紙澶э級*/
.big_input {
	height:auto;
	width:100%;
	margin-bottom:20px;
	padding:12px;
	font-size:16px;
	line-height:20px;
}

/*鍒嗗壊绾�/
.horizontal-line {
	width:100%;
	height:1px;
	background-color:#D9D9D9;
}

/*鏈夊簳鑹茬殑鍔ㄦ�鎸夐挳*/
.anim-blue-all{
	position:relative;
	border:1px solid #03A9F4;
	background-color:#03A9F4;
}
.anim-blue-all:hover{
	background:none repeat scroll 0% 0% #03A9F4;
}
.anim-blue-all a{
	color:#fff;
	-webkit-transition:padding-right 218ms ease;
	-o-transition:padding-right 218ms ease;
	transition:padding-right 218ms ease	
}
.anim-blue-all:hover{
	background:#03A9F4;
}
.anim-blue-all:hover a{
	padding-right:34px;
	color:#FFFFFF;
}
.anim-blue-all:hover .icon-upload:before{
	opacity:1
}

/*钃濊壊杈规鏃犲簳鑹插姩鎬佹寜閽�/
.anim-blue{
	position:relative;
	border:1px solid #03A9F4;
	background-color:#fff;
}
.anim-blue a{
	color:#03A9F4;
	-webkit-transition:padding-right 218ms ease;
	-o-transition:padding-right 218ms ease;
	transition:padding-right 218ms ease;
}
.anim-blue:hover{
	background:#03A9F4;
}
.anim-blue:hover a{
	padding-right:34px;
	color:#fff
}
.anim-blue:hover .icon-upload:before{
	opacity:1;
}
/*鐏拌壊杈规鏃犲簳鑹插姩鎬佹寜閽�/
.anim-grey{
	position:relative;
	border:1px solid #aaa;
	background-color:#fff;
}
.anim-grey a{
	color:#aaa;
	-webkit-transition:padding-right 218ms ease;
	-o-transition:padding-right 218ms ease;
	transition:padding-right 218ms ease;
}
.anim-grey:hover{
	background:#aaa;
}
.anim-grey:hover a{
	padding-right:34px;
	color:#fff;
}
.anim-grey:hover .icon-upload:before{
	opacity:1;
}
/*鍥炬爣icon璧勬簮锛屾洿澶氳祫婧愯鍙傝�lib.css*/
.icon-upload{
	font-size:26px;
	line-height:26px;
	margin-left:8px;
	position:absolute;
	top:9px;
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	color:#FFFFFF;
}

.icon-upload:before{
	opacity:0;
	-webkit-transition:opacity 218ms ease;
	-o-transition:opacity 218ms ease;
	transition:opacity 218ms ease
}

.icon-to {
	background-image:url(img/to.png);
	background-repeat:no-repeat;
	display:inline-block;
}

/*娓愬彉鍒嗛殧绾�/
.divider:before{
	display:block;
	position:absolute;
	height:1px;
	width:100%;
	content:'';
	background-image:-webkit-radial-gradient(circle,rgba(0,0,0,.12),rgba(0,0,0,0));
	background-image:radial-gradient(circle,rgba(0,0,0,.12),rgba(0,0,0,0));
	background-repeat:no-repeat
}
/********** 涓夈�鑷畾涔夐�鐢ㄦ帶浠�END *************/





/******************************************************************************/
.application {
	width:100%; 
	height:100%;
	margin:0 auto; 
	overflow:hidden; 
	_display:inline-block;
}

/* Nav START */
.nav {
	background-color:#222222;
	height:100%;
	float:left;
	display:inline-block;
	z-index:100;
	position:relative;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	width:60px;
	
	-moz-transform:scaleX(1);
	-moz-transform-origin:60px 0 0;
	-moz-transition-duration:0.3s;
	
}
.nav:hover {
	width:20%;
	max-width:220px;
}
.nav:hover .hot-dot-count {
	position:absolute;
	margin:17px 0 0 10px;
	display:inline-block!important;
}
.nav:hover .hot-dot {
	position:absolute;
	margin:12px 0 0 10px;
	display:inline-block!important;
}
.nav:hover .menu-desc {
	color:#FFFFFF;
}
.nav:hover .menu-item {
	padding-left:60px!important;
}
.nav:hover .logo {
	background-size:60px!important;
}
.nav:hover .copyright {
	display:block;
}
.nav:hover .copyright-small {
	display:none;
}

.nav .logo {
	background-image:url(img/logo128.png);
	background-repeat:no-repeat;
	background-size:45px;
	background-position:center;
	width:60px;
	height:60px;
	margin:20px auto;
}
.nav .menu .menu-item {
	height:45px;
	line-height:45px;
	cursor:pointer;
	padding-left:20px;
	overflow:hidden;
}
.nav .menu .menu-item:hover{
	background-color:#EEEEEE;
}
.nav .menu .menu-item .menu-desc {
	font-size:16px;
	background-image:url(img/menu_icon.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:center left;
	padding-left:40px;
	overflow:hidden;
}
.nav .menu .menu-item:hover .menu-desc{
	color:#383838;
}
.nav .menu .menu-item .hot-dot {
	vertical-align:text-top;
	display:none;
}
.nav .menu .menu-item .hot-dot-count {
	display:none;
}
.nav .menu .h-line {
	border-bottom:1px solid #D9D9D9;
	margin:10px 5px;
}
.nav .menu .selected {
	background-color:#03A9F4;
}
.nav .menu .selected .menu-desc {
	color:#FFFFFF;
	background-image:url(img/menu_icon_checked.png);
}
.nav .menu .selected:hover {
	background-color:#03A9F4;
}
.nav .menu .selected:hover .menu-desc {
	color:#FFFFFF;
}
.nav .copyright,
.nav .copyright-small {
	font-size:10px;
	color:#D9D9D9;
	position:absolute;
	bottom:10px;
	text-align:center;
	width:100%;
	display:none;
}
.nav .copyright-small {
	display:block;
}
/* Nav END */

/************* Main START ***************/
.main {
	height:100%;
	 width: 100%;
	background-color:#EEEEEE;
	display:inline-block;
	z-index:0;
	position:absolute;
}
/*Top-bar START*/
.main .top-bar {
	height:60px;
	line-height:60px;
	padding:0 0 0 20px;
}

.main .toolbar {
	height:60px;
	line-height:60px;
	float:left;
}
.main .toolbar:hover {
	/*
	transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);	
	*/
}
.main .toolbar input,
.main .toolbar button {
	height:35px;
	padding:0px;
	line-height:35px;
	font-size:14px;
	margin-right:10px;
}
.main .toolbar input {
	padding:0 10px;
}
.main .toolbar button {
	padding:0 20px;
	line-height:25px;
}
.main .toolbar .anim-blue{
	color:#03A9F4;
}
.main .toolbar .anim-blue-all{
	color:#FFFFFF;
}
.main .toolbar button:hover{
	color:#FFFFFF;
	transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
/*Top-bar END*/

/*UserCenter START*/
.main .user-center{
	float:right;
	padding:10px 20px 10px 0px;
	cursor:pointer;
	width:220px;
}
.main .user-center .user-info {
	float:right;
}
.main .user-center .photo{
	border-radius:40px;
	width:40px;
	height:40px;
	display:inlin-block;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
.main .user-center .photo img{
	width:40px;
	height:40px;
}
.main .user-center .name {
	float:left;
	line-height:40px;
	font-size:16px;
}
.main .user-center .pop {
	position:absolute;
	background-color:#FFFFFF;
	width:200px;
	display:none;
	top:50px;
	padding:10px 0;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);	
	z-index:200;
}
.main .user-center:hover .pop{
	display:block;
}
.main .user-center .pop li {
	height:40px;
	line-height:40px;
	padding:0 20px;
}
.main .user-center .pop li:hover {
	background-color:#EEEEEE;
}
.main .user-center .pop .horizontal-line {
	height:1px;
	margin:10px 0;
}
/*UserCenter END*/

/*Content START*/
.main .content {
	padding:0px 0px;
	height:100%;
}
.main .content .info-box{
	background-color:#FFFFFF;
	float:left;
	padding:20px;
	border-radius:3px;
	margin-left:20px;
	width:300px;
	margin-top:20px;
	cursor:pointer;
	position:relative;
	
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	-o-user-select: none;
	user-select: none; 	
}
.main .content .info-box:last-child {
	margin-bottom:80px;
}

.main .content .info-box .curtain {
	position:absolute;
	width:300px;
	height:100%;
	background-color:#FAFAFA;
	left:0px;
	top:0px;
	filter:alpha(opacity=80);
	opacity:.8;
}
.main .content .info-box .quote {
	margin-left:20px;
	vertical-align:middle;
	top:-2px;
	position:relative;
}
.main .content .info-box:hover .curtain {
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
}
.main .content .info-box:hover,
.main .content .info-box.selected {
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
	
	-webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	-o-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	
	border:1px solid #03A9F4;
}
.main .content .authentic{
	background-image:url(img/auth.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.main .content .info-box .icon-to {
	background-size:20px;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin:0 10px;
}
.main .content .info-box .title {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #F0F0F0;
}
.main .content .info-box .title *{
	font-size:16px;
}
.fieldname {
	width:55px;
	overflow:hidden;
}
.fieldname *{
	color:#AAAAAA;
}
.main .content .info-box .fields{
	width:100%;
}
.main .content .info-box .fields tr{
	height:30px;
	line-height:30px;
}
.main .content .info-box .footer {
	width:260px;
	position:absolute;
	bottom:20px;
	left:20px;
	text-align:left;
}
.main .content .info-box .footer .deauthentic,
.main .content .info-box .footer .authentic {
	margin-right:10px;
	vertical-align:middle;
}

.main .content .info-box-list {
	min-width:360px;
	height:100%;
	overflow-y:auto;
	float:left;
}

.main .content .info-box-content {
	height:100%;
	overflow-y:auto;
	padding:20px;
	background-color:#FFF;
}

.trace-dispatch-list {
	border-top:1px solid #F0F0F0;
	margin-top:10px;
	width:100%;
	display:none;
}
.trace-dispatch-list tr{
	height:35px;
	line-height:35px;
}
.trace-dispatch-list tr td:first-child{
	padding-left:10px;
}
.trace-dispatch-list tr:hover{
	border-top:1px solid #FFF;
	background-color:#EEE;
}
.trace-dispatch-list * {
	font-size:12px;
}
.trace-dispatch-list tr.selected{
	background-color:#EEEEEE;
}

.trace-schedule {
	float:left;
	padding-right:20px;
	width:20%;
}

.trace-schedule table,
.trace-schedule table td{
	height:80px;
}
.trace-schedule .point{
	width:30px;
	text-align:center;
}
.trace-schedule .point-desc{
	width:150px;
}
.trace-schedule td{
	vertical-align:middle;
	padding:0 10px;
}
.trace-schedule .event{
	font-size:16px;
	line-height:30px;
}
.trace-schedule .desc{
	font-size:12px;
}
.trace-map {
	width:80%;
	height:100%;
	float:left;
}
/*(.trace-map img{
	width:100%;
	height:100%;
}
*/
/*Content END*/
/********************** Main END **************************/




/* Site Footer START */
.site-footer {
	color:#FFFFFF;
	position: fixed;
	bottom:0px;
	width:100%;
}

@media ( min-height : 800px) and (min-height: 750px)  {
	.site-footer {
		fixed:absolute; 
	}
}
.site-footer .copyright {
	border-top:1px solid #D9D9D9;
	background-color:#B3160A;
	height:40px;
	padding-top:10px;
}
.site-footer .copyright .text{
	color:#FFF;
	font-size:14px;
}

.site-footer .copyright .sns-info {
	margin-top:10px;
}

.site-footer .copyright .sns-info>a:last-child{
	margin-right:0
}

.site-footer .copyright .sns-info>a.sina-info{
	background-position:0 -26px
}

.site-footer .copyright .sns-info>a.sina-info:hover{
	background-position:0 0
}

.site-footer .copyright .sns-info>a.qq-info{
	position:relative;
	background-position:-26px -26px
}

.site-footer .copyright .sns-info>a.qq-info .pop{
	display:none;
	position:absolute;
	background-color:#fff;
	padding:20px 10px;
	text-align:center;
	box-shadow:0 1px 6px rgba(0,0,0,.15);
	border:1px solid #d5d8dd;
	left:-63px;
	width:150px;
	top:-110px;
	height:100px;
}

.site-footer .copyright .sns-info>a.qq-info .pop:after{
	position:absolute;
	left:68px;
	bottom:-13px;
	border:7px solid transparent;
	border-top:7px solid #fff;
	content:""
}

.site-footer .copyright .sns-info>a.qq-info:before{
	position:absolute;
	left:0;
	top:-20px;
	width:38px;
	height:38px;
	content:""
}

.site-footer .copyright .sns-info>a.qq-info:hover{
	background-position:-26px 0
}

.site-footer .copyright .sns-info>a.qq-info:hover .pop{
	display:block
}

.site-footer .copyright .sns-info>a.weixin-info{
	position:relative;
	background-position:-52px -26px
}

.site-footer .copyright .sns-info>a.weixin-info .pop{
	display:none;
	position:absolute;
	background-color:#fff;
	padding:20px 10px;
	text-align:center;
	box-shadow:0 1px 6px rgba(0,0,0,.15);
	border:1px solid #d5d8dd;
	left:-63px;
	width:150px;
	top:-215px;
	height:205px
}

.site-footer .copyright .sns-info>a.weixin-info .pop:after{
	position:absolute;
	left:68px;
	bottom:-13px;
	border:7px solid transparent;
	border-top:7px solid #fff;
	content:""
}

.site-footer .copyright .sns-info>a.weixin-info .pop lable{
	color:gray;
	margin-bottom:0
}

.site-footer .copyright .sns-info>a.weixin-info .pop p{
	color:#a6a6a6;
	margin-bottom:10px
}

.site-footer .copyright .sns-info>a.weixin-info .pop .qr-wrapper{
	width:120px;
	height:120px;
	margin:0 auto;
	
	background-image:url(../default/img/weixin-qr.png);
	background-size:120px 120px
}

.site-footer .copyright .sns-info>a.weixin-info:before{
	position:absolute;
	left:0;
	top:-20px;
	width:38px;
	height:38px;
	content:""
}

.site-footer .copyright .sns-info>a.weixin-info:hover{
	background-position:-52px 0
}

.site-footer .copyright .sns-info>a.weixin-info:hover .pop{
	display:block
}

.site-footer .copyright .sns-info > a {
	display:inline-block;
	width:26px;
	height:26px;
	background-image:url(../../image/sns-info.png);
	border-radius:26px;
	margin-right:15px;
	background-size:104px 52px;
	cursor:pointer;
}

/* Site Footer END */


/* Login & Register START */
.register .btn,
.login .btn {
	margin-bottom:20px;
	width:100%;
}

.topbanner {
	width:100%;
	height:220px;
	background-size:100%;
	position:relative;
}

.topbanner * {
	color:#FFFFFF;
}
.topbanner h1 {
	font-size:36px;
	margin-bottom:10px;
}
.topbanner .desc{
	font-size:18px;
}

.topbanner .poswrap {
	width:100%;
	position:absolute;
	bottom:25px;
	text-align:center;
}

.register .form-unit, 
.login .form-unit {
	width:100%;
	max-width:320px;
	padding:0 10px;
}

.register .horizontal-line,
.login .horizontal-line {
	width:100%;
	height:1px;
	background-color:#D9D9D9;
	margin-bottom:20px;
}

.cert_input {
	width:60%;
	float:left;
	margin-right:10px;
}

.cert_btn {
	width:35%!important;
	background-color:#FFFFFF;
	color:#03A9F4;
	float:right;
}
.cert_btn:hover * {
	color:#FFFFFF;
}
.cert_btn:hover {
	background-color:#03A9F4!important;
	border:1px solid #03A9F4;	
}
.privacy-field {
	color:gray;
	margin-bottom:20px;
	text-align:center;
}
.privacy-field a{
	color:#03A9F4;
}
 
.navbar-brand {
    background-image: url("img/logo48.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #FFFAFA;
    font-size: 16px;
    line-height: 50px;
    padding: 0 0 0 50px;
    width: 150px;
}
.boxlistwith{
    width: 330px;
} 
.top-bar{
    background-color: #222222;
}
.nomessage{ 
   position:relative;
   top: 45%;
   left: 45%; 
};
/* Login & Register END */
/* niux fa */
 #sidebar li a i.fa {
	background-image:none;
	opacity:0.5;
	filter:Alpha(opacity=50);
	color:#FFF;
	margin-top:4px;
	/*font-size:9px;*/
}
/* niux fa */

/* select下拉框右侧按钮样式 */
.select-drop-down {
	color: #999;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("img/select.png") no-repeat scroll 95% center transparent;
	background-size: 20px 20px;
}

/* 提示用户选择极速模式浏览 */
.webkit {
	position: absolute;
	left: 216px;
	top: 1.5%;
	z-index: 999999999;
	min-width: 800px;
}

.webkit-text{
	font-size: 26px;
	color: red !important;
	vertical-align: middle;
	white-space: nowrap;
}

.webkit-img {
	height: 26px !important;
	width: 30px !important;
	vertical-align: middle;
	margin-right: 10px;
}