﻿@charset "utf-8";
/* CSS Document */
body {
	color: #666;
	font-family: "微软雅黑", "宋体", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}
li{list-style: none outside none;}
ul{margin: 0;padding: 0;}
.container{max-width:1000px;}
.left{float:left;}
.right{float:right;}
.clear {clear:both;}
.blank2 {clear:both; height:2px; overflow:hidden; display:block;}
.blank4 {clear:both; height:4px; overflow:hidden; display:block;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block;}
.blank8 {clear:both; height:8px; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank14 {clear:both; height:14px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.f16{font-size: 16px;}
.f18{font-size:18px;}
.break{word-wrap:break-word; white-space:normal; word-break:break-all;}
a{color:#666;}
a:hover{color:#FF5151;}
a.d_red {
    color: #FF5151;
    text-decoration:underline;
}
.red{color: #FF5151;}
.hand{
    cursor:pointer;
}
.main-page {
    background: rgba(0, 0, 0, 0) url("../images/air.png") repeat scroll 0 0;
}
.top-header {
    background-color: #e8e8e8;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
}
.top-header .welcome-text
{
    line-height: 30px;
}
.top-header  .welcome-text a {
    color: #909090;
}
.top-nav {
    /*float: right;*/
}
.top-nav > li {
    float: left;
    line-height: 30px;
    padding:0 10px;
}
.top-nav > li > a {
    color: #3462a0;
}
.top-nav > li > a:hover, .top-nav > li > a:focus {
    color: #FF5151;
}
.header{background-color: #3462A0;height:90px;}
.header ul{float:right;}
.header ul > li{line-height:90px;float:left;padding-left:30px;font-size:18px;}
.header ul > li > a{color: #ffffff;
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 1px #1a1a1a;
}
.header ul > li > a:hover, .header > ul > li > a:focus {
    color: #FF5151;
    text-decoration: none;
}
.bgWhite{background-color:#fff;}
#banner, #banner .pic {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#banner .pic {
    height: 100%;
}
#banner .pic li {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
#banner .pic li a.blk {
    display: block;
    height: 100%;
    width: 100%;
}
#banner .pic .l0 {
    background-color: #8a404e;
}
#banner .pic .l1 {
    background-color: #367692;
}
#banner .pic .l2 {
    background-color: #37905d;
}
#banner .pic .l3 {
    background-color: #7a5287;
}
#banner .pic .l4 {
    background-color: #dc6221;
}
#banner .pic .l5 {
    background-color: #6ba9d8;
}
#banner .pic li div img {
    width: 100%;
}
#banner .btn1 {
    bottom: 25px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 5;
}
#banner .btn1 li {
    display: inline-block;
    height: 10px;
    margin-right: 12px;
    opacity: 0.5;
    overflow: hidden;
    width: 10px;
}
#banner .btn1 li {
    background-color: #000;
    cursor: pointer;
}
#banner .btn1 li:hover, #banner .btn1 li.s {
    background-color: #fff;
    opacity: 1;
}
#banner .arrow {
    height: 30px;
    margin-top: -15px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 5;
}
#banner .arrow a {
    background: url("../images/bannera.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 30px;
    opacity: 0.3;
    overflow: hidden;
    width: 17px;
}
#banner .arrow a.prev {
    float: left;
    margin-left: 50px;
}
#banner .arrow a.prev:hover {
    background-position: -17px top;
    opacity: 1;
}
#banner .arrow a.next {
    background-position: -17px -30px;
    float: right;
    margin-right: 50px;
}
#banner .arrow a.next:hover {
    background-position: left -30px;
    opacity: 1;
}
.box_three{
	background:url(../images/three_bg.jpg) repeat-x;  
    height: 142px;  
}
.box_three a{
	text-decoration:none;
}
.three_line {
    background: url("../images/three_line.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 138px;
    width: 1px;
}
.three1 {
    background: url("../images/three1.jpg") no-repeat scroll 30px 80% rgba(0, 0, 0, 0);
    width: 320px;
}
.three2 {
    background: url("../images/three2.jpg") no-repeat scroll 30px 80% rgba(0, 0, 0, 0);
    width: 320px;
}
.three3 {
    background: url("../images/three3.jpg") no-repeat scroll 30px 80% rgba(0, 0, 0, 0);
    width: 320px;
}
.three1, .three2, .three3 {
    cursor: pointer;
    float: left;
    height: 116px;
    padding-left: 120px;
    padding-top: 30px;
}
.box_three strong {
    color: #666;
    display: block;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 5px;
}
.box_three p {
    color: #999;
	font-size: 14px;
}
.btn_user .btn{
	width:110px;
}
.line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.line-top{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ff7171;
}
.line-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd;
}
.nav_show{
	font-size:16px;
	font-weight:bold;
}
.nav_show li{
    width:160px;text-align: center;
}
.nav_show > li.active > a, .nav_show > li.active > a:hover, .nav_show > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color:#ff7575;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
}
.right-news {
	border: 1px solid #ddd;
	padding:10px;
}
.right-news .title {
	font-size:16px;
	margin-bottom:5px;
}
.left-news {
	border: 1px solid #FF5151;
}
.left-news .title{
	background-color:#ff7575;
	font-weight:bold;
	color:#fff;
	height:35px;
	line-height:35px;
	padding-left:10px;
	margin-bottom:5px;
}
.left-news li{
	line-height:30px;
	padding-left:10px;
}

.left-member .title{
	background-color:#efefef;
	font-weight:bold;
	color:#333;
	height:35px;
	line-height:35px;
	padding-left:10px;
	margin-bottom:5px;
}
.left-member li{
	line-height:30px;
	padding-left:10px;
}
.left-member li.active a{
	color:#f00;
}
.footer{
	height:100px;
	line-height:25px;

	margin-top:30px;
    padding-top: 30px;
	text-align:center;
}
.reg_title
{
	padding:30px 0 50px 20px;font-size:20px;
}
.reg_login{
	padding-left:50px;
}
.reg_login .title{
	text-align:center;
	padding-bottom:20px;
	font-weight:bold;
}
.member-title
{
	font-size:16px;font-weight:bold;
}
.member-nav{
	height:35px;
	color:#ff7171;
	font-size:16px;
	padding-left:10px;
	line-height:30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ff7171;
	margin-bottom:20px;
}
.mail-new {
    background: url("../images/mail1d47c7.png") no-repeat scroll -48px 0 rgba(0, 0, 0, 0); 
    height: 16px;
    overflow: hidden;
    width: 18px;
	display:block;
    margin: 0 auto;
}
.mail-old {
    background:url("../images/mail1d47c7.png") no-repeat scroll -48px -16px rgba(0, 0, 0, 0); 
    height: 16px;
    overflow: hidden;
    width: 18px;
    display:block;
    margin: 0 auto;
}
.img_upload_thumb{
    height:70px;
}
.img_upload_thumb img{
  cursor: pointer;
  padding: 2px;
  margin-right: 5px;
  border: 1px solid #ccc;
}
.article-content{
}
.article-content .title{
  font-size:16px;margin-bottom: 5px;font-weight:bold;
}
.article-content p{
  text-indent:2em;
  margin-bottom: 30px;
  line-height: 25px;
}
.article-content .tb_title{
    text-align:center;
    font-size:16px;
    margin-bottom:10px;
    font-weight:bold;
}
table.tbArticle,.tbArticle td{
  border:1px #666 solid;
  border-collapse:collapse;
}
.tbArticle td{
    padding:5px;
}
.borrow_filter .borrow_row{margin:20px 0;}
.borrow_filter .title{float:left;padding:2px 10px;}
.borrow_filter .borrow_content{width:800px;float:left;}
.borrow_filter .borrow_content a{display: inline-block;width:100px; float:left;text-align:center;margin: 0 10px;border-radius:12px;padding:2px 0; text-decoration:none;}
.borrow_filter .borrow_content a:hover{background-color: #f0f0f0;}
.borrow_filter .borrow_content a.active{background-color: #f00;color:#fff;}
.article-nav { border-bottom: 2px solid #ff7171; color: #ff7171; font-size: 16px; height: 35px;line-height: 30px; margin-bottom: 20px; padding-left: 10px;}
.borrow-box .borrow-row{border-bottom:1px solid #e1e1e1;padding-top: 10px;padding-bottom: 10px;}
.borrow-box .borrow-row .borrow-content{float:left;width:740px; border-right:1px solid #e1e1e1;margin-bottom:15px;padding-left: 10px;}
.borrow-box .borrow-row .borrow-content .m{margin-right:35px;}
.borrow-box .borrow-row .borrow-title{margin-bottom:5px;font-size:18px;}
.borrow-box .borrow-row .borrow-title a{ text-decoration:none;float:left;display: inline-block;padding-right: 16px;}
.borrow-box .borrow-row .borrow-title .star{float:left;color:#f00;}
.borrow-box .borrow-row .borrow-back{ float:left; width:100%; line-height:30px;}
.borrow-box .borrow-row .borrow-back .rad{background-color:#e2e2e2;float:left;height:10px;margin:10px 6px 0 4px;position:relative;width:150px; overflow:hidden;}
.borrow-box .borrow-row .borrow-back .rad p{color:#ff7444;height:10px;border-radius:5px;}
.borrow-box .borrow-row .borrow-back .j p{background-color:#f05a5a;}
.borrow-box .borrow-row .borrow-button{float:left; margin:30px 60px;}
.borrow-box .borrow-row .borrow-button .btn{ width:100px;}
.borrow-box .bg{background-color: #f4f4f4;}
.borrow_detail .title{
    border-bottom: 2px solid #ff7171;
    color: #ff7171;
    font-size: 18px;
    height: 40px;
    line-height: 30px;
    margin-bottom: 20px;
}
.borrow_detail strong{
    color: #c10000;
    font-family: Arial;
    font-size: 30px;
    font-weight: normal;
}
.borrow_detail .j p {
    background-color: #f05a5a;
}
.borrow_detail .rad {
    background-color: #e2e2e2;
    float: left;
    height: 10px;
    margin: 10px 6px 0 4px;
    overflow: hidden;
    position: relative;
    width: 150px;
}
.borrow_detail .rad p {
    border-radius: 5px;
    color: #ff7444;
    height: 10px;
}
/****在form表单中的文字******/
.form-control-text
{
	font-size:14px;
	padding-top:7px;
}
.pagination > li > a{
    color:#666;
}
.list_table td{ text-align:center;font-size:12px;}
#TextContent1 li{height:30px;line-height:30px;font-size:14px;}
 .pagination>.active>a,.pagination>.active>a:hover,.pagination > .active > a:focus{ background-color:#ccc; border-color:#CCC;}
 
/* Basic CSS */
header nav {
  text-align: center;
  background: #efefef;
}
header nav ul {
  margin: 0;
  padding: 0em;
  list-style-type: none;
}
header nav ul li {
  display: inline;
  margin-left: 0em;
}
header nav ul li:first-child {
  margin-left: 0;
}
header nav ul li ul {
  display: none;
}
.box {
     background-color: #ffffff;
     border-bottom: 1px solid #e2e2e2;
     border-radius: 3px;
     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.102);
}
.cell {
    border-bottom: 1px solid #e2e2e2;
    font-size: 12px;
    line-height: 120%;
    text-align: left;
}


.inner {
    font-size: 14px;
    line-height: 150%;
    padding: 10px;
    text-align: left;
}

.fr {
    float: right;
    text-align: right;
}

/* BALANCE */

a.balance_area:link, a.balance_area:visited, .balance_area {
    color: #000;
    font-size: 11px;
    line-height: 16px;
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none;
    color: #666;
    text-shadow: 0px 1px 0px white;
    display: inline-block;
    margin: -4px -5px 0px 0px;
    
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0 );
}

a.balance_area:active {
    text-decoration: none;
    color: #333;
    color: #000;
    
    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#c9c9c9));
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    background: -o-linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    background: -ms-linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    background: linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c9c9c9',GradientType=0 );
}

a.balance_area:hover {
    text-decoration: none;
    color: #333;
    color: #000;
    
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    background: linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 );
}
img.avatar
{
    border-radius: 4px;
}

.prefix {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 0 solid transparent;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1), 0 5px 5px -5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin: -1px 0;
    padding: 1px 6px;

}
a.prefixLink:hover {
    text-decoration: none;
}
a.prefixLink:hover .prefix {
    background-color: rgb(185, 51, 41);
    color: #ffffff;
    text-decoration: none;
}
.prefix a {
    color: inherit;
}
.prefix.prefixPrimary {
    background-color: rgb(218, 233, 251);
    border-color: rgb(218, 233, 251);
    color: rgb(52, 98, 160);
}
.prefix.prefixSecondary {
    background-color: rgb(232, 184, 181);
    border-color: rgb(232, 184, 181);
    color: rgb(151, 49, 42);
}
.prefix.prefixRed {
    background-color: red;
    border-color: #f88;
    color: white;
}
.prefix.prefixGreen {
    background-color: green;
    border-color: green;
    color: white;
}
.prefix.prefixOlive {
    background-color: olive;
    border-color: olive;
    color: black;
}
.prefix.prefixLightGreen {
    background-color: lightgreen;
    border-color: lightgreen;
    color: black;
}
.prefix.prefixBlue {
    background-color: blue;
    border-color: #88f;
    color: white;
}
.prefix.prefixRoyalBlue {
    background-color: royalblue;
    border-color: #81a9e1;
    color: white;
}
.prefix.prefixSkyBlue {
    background-color: skyblue;
    border-color: skyblue;
    color: black;
}
.prefix.prefixGray {
    background-color: gray;
    border-color: #aaa;
    color: black;
}
.prefix.prefixSilver {
    background-color: silver;
    border-color: silver;
    color: black;
}
.prefix.prefixYellow {
    background-color: yellow;
    border-color: #e0e000;
    color: black;
}
.prefix.prefixOrange {
    background-color: orange;
    border-color: #ffc520;
    color: black;
}

.prefixListPrefixes .prefixLink span {
    margin-bottom: 1px !important;
    margin-top: 1px !important;
}

.highlight {

    background: #f7f7f7 no-repeat scroll right top;
    border: 1px dashed #ccc;
    color: #8f9192;
    margin: 0;
    padding: 10px ;

}