@import url(awesome/css/font-awesome.min.css);
@import url(bootstrap.min.css);
@import url(iscroll.css);
/*动画效果*/
#fadeOutLeftBig{
-webkit-animation:fadeOutLeftBig 1s .2s ease both;
-moz-animation:fadeOutLeftBig 1s .2s ease both;}
@-webkit-keyframes fadeOutLeftBig{
0%{opacity:1;
-webkit-transform:translateX(0)}
100%{opacity:0;
-webkit-transform:translateX(-2000px)}
}
@-moz-keyframes fadeOutLeftBig{
0%{opacity:1;
-moz-transform:translateX(0)}
100%{opacity:0;
-moz-transform:translateX(-2000px)}
}

/*End 动画效果*/
.clearfix:after{
			content:"."; 
			display:block; 
			height:0; 
			visibility:hidden; 
			clear:both;
}
body, ul, li {
	padding: 0px;
	margin: 0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
/*设置宽高*/
.w10{width:100%;}
.w9{width:90%;}
.w8{width:80%;}
.w7{width:70%;}
.w6{width:60%;}
.w5{width:50%;}
.w4{width:40%;}
.w3{width:30%;}
.w2{width:20%;}
.w1{width:10%;}
/**/
body{padding-top:50px; padding-bottom:60px;}
.page{width:100%; margin:0 auto;}
.main-body{padding:0px 2px;}
.pages{border-left:1px solid #d8d8d8;text-align: center;font-size: 0;line-height:0;display: inline-block;*display: inline;vertical-align: middle; font-size:16px; margin:10px;}
.pages a,.pages strong{padding:0 15px;border:1px solid #d8d8d8; border-left:0; display:inline-block;height:40px; line-height:40px;color:#666; float:left; background-color:#f0f0f0}

/*header*/
header {
	position:fixed; left:0px; top:-2px; right:0px; z-index:100;
	color: #FFF;
	height: 50px;
	text-align: center;
	background: #52B3CC;
	border-bottom: 1px solid #348DA7;
	background: -moz-linear-gradient(top, #69C2D6, #50B1C8);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#69C2D6), to(#50B1C8));
}
header h1 {
	font: 700 20px/50px Arial;
	text-shadow: 0 1px 1px #398091;
	margin: 0px;
}
header .left-box {
	left: 8px;
}
.hd-lbtn {
	position: relative;
	display: block;
}
.hd-lbtn:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: -moz-linear-gradient(-45deg, #5bbfd8, #449fb6);
	background: -webkit-linear-gradient(-45deg, #5BBFD8, #449FB6);
	border: 1px solid #2C96B2;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-webkit-transform: scaleX(0.8) rotate(45deg);
	-moz-transform: scaleX(0.8) rotate(45deg);
	border-radius: 3px 2px;
	position: absolute;
	left: 13px;
	top: -1px;
}
head, header a {
	color: #FFF;
	text-shadow: 0 1px 1px #348DA7;
}
.hd-rbtn, .hd-lbtn span {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	background: -moz-linear-gradient(top, #5bbfd8, #449fb6);
	background: -webkit-linear-gradient(top, #5BBFD8, #449FB6);
	border: 1px solid #2C96B2;
	border-radius: 5px;
	font-size: 12px;
}
.hd-lbtn span {
	padding: 0 10px 0 5px;
	margin-left: 12px;
	position: relative;
	border-left: 0;
	border-radius: 2px 5px 5px 2px;
}
.left-box, .right-box {
	position: absolute;
	top: 10px;
}
header .right-box {
	right: 8px;
}
header .right-box a {
	color: #FFF;
	height: 29px;
	font-size: 14px;
	line-height: 29px;
	display: block;
	border-radius: 5px;
	border: 1px solid #449FB6;
	padding: 0px 10px;
	text-decoration: none;
	text-align: center;
}
/*End header*/
/*导航组件*/
.navigator{}
.navigator li{ height:40px; line-height:40px; float:left;}
.navigator li a{ text-decoration:none; padding:0px 10px;}
.navigator li a.active span{background-color:#83BADF; color:#fff;line-height: 30px;
display: inline-block;
padding: 0px 10px;
border-radius: 10px;}
.navigator-item{display:none;}
.navigator-box .active{display:block;}
/*End 导航组件*/

/*Tabs 组件*/
.tabs{left:0px;right:0px;background-color: #ddd;}
.tabs li{ height:40px; line-height:40px; float:left; list-style-type:none;}
.tabs li a{ text-decoration:none; padding:0px 10px;}
.tabs li a.active span{background-color:#83BADF; color:#fff;line-height: 30px;
display: inline-block;
padding: 0px 10px;
border-radius: 10px;}
.tabs-item{display:none;}
.tabs-box .active{display:block;}
/*End Tabs组件*/
/*Alert*/
.alert{position:absolute;top:50%; width:200px; height:200px; margin-top:-100px; left:50%; margin-left:-100px; z-index:9999;   padding:0px;font-size:12px; display:none;}
.alert .hd{position:absolute;top:0px;left:0px; width:100%;height:30px; line-height:30px; background-color:#6CF;border-top-left-radius:5px;border-top-right-radius:5px;}
.alert .hd 	span{ margin-left:10px; color:#fff; }
.alert .hd .close{position:absolute; right:5px; top:5px;}
.alert .cont{ width:100%; bottom:40px; top:30px; position:absolute;background-color:#099;}
.alert .cont .inner{padding:10px;}
.alert .ft{height:40px; position:absolute; bottom:0px; left:0px; text-align:center;background-color:#6CF;border-bottom-left-radius:5px;border-bottom-right-radius:5px; width:100%;}
.alert .ft a{ margin:0px; margin-top:5px; height:30px; line-height:30px; border:0px;padding:0px 10px; display:inline-block; margin-left:20px;color:#fff;}
.alert .ft .success{background-color:#47A447; } 
.alert .ft .fail{background-color:#D2322D;}
/*End Alert*/
/*Loading*/
#loading{position:fixed; top:50px; left:0px; width:100%; height:100%; background-color:#fff; z-index:1000; opacity:0.9;}
#loading div{width:50px; height:50px; top:50%; margin-left:-25px; margin-top:-75px; left:50%; position:absolute; background:URL(loading.gif);background-size:50px; }
/*End loading*/
/*toast 通知组件*/
#toast{display:none; position:absolute; bottom:100px; left:0px; right:0px;    z-index:9999; 
}
#toast .bg{line-height:40px; width:200px; text-align:center; color:#fff; background-color:#1E1E1E; margin:0 auto; }
#toast .success{background-color:#27AE60 !important;}
#toast .error{background-color:#C0392B !important;}
#toast .info{background-color:#F1C40F !important;}
/*End toast*/

/*列表组件*/
.data-list {
	width: 100%;
	text-align: left;
}

.data-list li {
	color: #333;
	border-bottom: 1px solid #e7e7e7;
	background-color: #fafafa;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	display: block;
	position: relative;
}
.data-list li.hasimg{min-height:100px; padding-left:90px;}
.data-list li.ui-list-hover {
	background: #ededed;
}
.data-list li a {
	text-decoration: none;
}
.data-list li dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 10px;
	color: #333;
}
.data-list li dt:first-child {
	padding-top: 0;
}
.data-list li dd.content {
	font-size: 14px;
	color: #c7c7c7;
	line-height: 16px;
	margin-top: 8px;
	font-weight:300;
}
.data-list li dd.source {
	font-size: 12px;
	color: #969696;
	margin-top: 8px;
}
.data-list li dd.time{position: absolute;
right: 5px;
bottom: 3px;
font-size: 0.1em;
color: #CCC;
font-weight: 100;
}
.data-list img {
	position: absolute;
	left: 15px;
	top: 50%;
	width: 57px;
	margin-top: -35px;
}
/*End 列表*/

/*瀑布流组件*/
.list-pubu{padding:10px;-webkit-column-width:33%; min-height:400px; }
.list-pubu .col3{float:left; width:33.33%;}
.list-pubu .col2{float:left; width:50%;}
.list-pubu .col2.list-pubu-0{float:left; }
.list-pubu .col2.list-pubu-1{float:right;}
.list-pubu .pic-item{ margin-bottom:10px;}
.list-pubu .pic-item-inner{width:95%; position:relative;}
.list-pubu .pic-item img{width:100%; margin:0px;}
.list-pubu .pic-item .fix{position:absolute; bottom:1px; font-size:12px; line-height:25px; height:25px; background-color:#0f0f0f; opacity:0.6; display:block; text-align:center; width:100%; overflow:hidden;}
.list-pubu .pic-item .fix a{color:#fff;}
/*End 瀑布流*/

/**内容组件**/
.d-content,#d-content{padding:10px;}
.d-content img,#d-content img{max-width:98%;}
/*End 内容组件*/

/*表单组件*/

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #999999;
}

/*图片弹出框*/
#showBox_opac{filter:alpha(opacity=60); width:100%; height:100%; z-index:10; opacity: 0.6; top:0px; left:0px; position:fixed; display:none;}
#showBox{ display:none; width:100%;    top:0px; left:0px; position:fixed;  z-index:9999; }
#showbox_container{margin:0 auto; padding:10px; z-index:1000;  background-color:#FFF; border: 2px solid #CDD;} 
#showBox_nav{line-height:25px; height:25px; background-color:#F0F0F0; padding:0px 4px;} 
#showBox_title{float:left;}
#showBox_close{float:right; cursor:pointer; height:25px; line-height:25px; padding:0 5px;}
#showBox_close:hover{background-color:#808000; }
#showBox_content{ display:block;}
#showBox_footer{height:25px; line-height:25px;  }
/*footer*/
#footer {
	position:fixed; bottom:-2px; left:0px; right:0px; z-index:100;
}
.footer-bar {
	list-style-type: none;
	width: 100%;
	height: 60px;
	background-color: #000;
}
.footer-bar li {
	float: left;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	height: 60px;
}
#footer .li4 li {
	width: 25%;
}
#footer .li5 li {
	width: 20%;
}
.footer-bar li a {
	text-decoration: none;
	color: #fff;
	padding-top: 5px;
	line-height: 25px;
	display: block;
	height: 60px;
}
.footer-bar li .active {
	background-color: #333;
}
.footer-bar li .active i {
	color: #6CF;
}
/*End footer*/
