@charset "utf-8";

/*全局*/
html{ -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; }
html,body{ height:100%; }
div, body, ul, li, p, dl, dt, dd, span, h1, h2, h3, h4, h5, h6, ol, input, div, table, tr, td, form{ margin:0; padding:0px; }
ul, ul li{ list-style-type:none; }
img{ border:0; }
table{ border-spacing:0; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#e00; text-decoration:none; }
.clearfix{ *zoom:1; }
.clearfix:before, .clearfix:after, .container:before, .container:after{ display:table; line-height:0; content:""; }
.clearfix:after, .container:after{ clear:both; }
/*--元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制--*/
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before, *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

body{ color:#333; font-size:12px; font-family:'\5FAE\8F6F\96C5\9ED1', Verdana, Geneva, sans-serif; background:#f5f5f5; }

.left{ float:left; }
.right{ float:right; }
.both{ clear:both; }

span.clolrlan{ color:#8e8e8e; height:28px; line-height:28px; width:100%; }
span.clolrlan a{ width:100px; display:block; text-align:center; }
.headnum .head a img{ height:120px; }
.matop10{ margin-top:10px; }
.headname{ height:28px; }

.header, .yemabj, .main, .cell_lefta, .jp-footer{ }

/*--用户资料--*/
.myInfo{ background:url('images/jshop_banner_default@2x.png') left top no-repeat; background-size:100% 100%; }
.myInfoCon{ width:100%; display:table; }
.myPhotoName{ width:90%; height:110px; margin:0 auto; position:relative; padding:20px 0 20px 80px; }
	.myPhotoName > a{ display:block; }
	.myPhotoName .myPhoto{ width:70px; height:70px; overflow:hidden; position:absolute; left:0px; overflow:hidden; border:solid 3px rgba(255,255,255,0.5); border-radius:100%; }
	.myPhotoName .myName{ font-size:16px; color:#fff; padding-top:12px; line-height:24px; }
	.myPhotoName .myName h3{ font-size:18px; font-weight:normal; }
	.myPhotoName .myName h4{ font-size:14px; font-weight:normal; }
	.myPhotoName .myConInfo{ text-align:right; opacity:0.8; }
	.myPhotoName .myConInfo a{ color:#fff; position:relative; display:inline-block; padding-right:8px; }
	.myPhotoName .myConInfo a:after{ content:""; position:absolute; width:8px; height:8px; right:0; top:3px; border-top:solid 1px #fff; border-right:solid 1px #fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.myNotifications{ height:42px; line-height:42px; width:100%; }
	.myNotifications li{ height:42px; float:left; color:#fff; width:33.3333333333%; text-align:center; font-size:12px; }
	.myNotifications li a{ height:42px; padding:5px 0; line-height:16px; display:block; color:#fff; background:rgba(0,0,0,0.2); margin-right:1px; }
	.myNotifications li:last-child a{ margin-right:0px; }
	.myNotifications li span{ display:block; min-height:8px; }

/*--导航菜单--*/
.myNav{ width:100%; overflow:hidden; }
.myNav ul{ width:100%; margin-top:10px; padding:0 10px; background:#fff; border-top:solid 1px #eee; border-bottom:solid 1px #eee; }
.myNav ul li{ width:100%; height:40px; line-height:40px; font-size:14px; border-bottom:solid 1px #eee; }
.myNav ul li:last-child{ border-bottom:none; }
.myNav ul li a{ display:block; position:relative; line-height:24px; padding:8px 0; }
.myNav ul li a:after{ content:""; border-right:solid 1px #ccc; border-top:solid 1px #ccc; width:7px; height:7px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:5px; top:16px; }
.myNav ul li a:focus{ background:#f8f8f8; }
.myNav ul li span{ display:inline-block; height:24px; text-align:left; vertical-align:top; margin-right:10px; }
.myNav ul li span img{ width:auto; height:100%; }

.myLoginOut{ width:100%; text-align:center; margin-top:10px; }
.myLoginOut .btn{ width:100%; border-radius:0; line-height:26px; }

/*--表格--*/
.myLibContent{ width:100%; overflow:hidden; }
.myLibContent .search_info input[type="text"]{ width:18%; }
.myLibContent .search_info .btn{ padding-left:8px; padding-right:8px; }
.myLibContent .search_info .btn-close{ padding:0px; }
.myLibContent .notFound{ padding:90px 10px 0; display:block; width:100%; margin-top:30%; text-align:center; font-size:18px; line-height:30px; color:#333f4f; background:url('images/notFound.png') center top no-repeat; background-size:100px 100px; -webkit-opacity:0.1; opacity:0.1; }
.myLibContent table{ border-image:none; border-collapse:collapse; width:100%; }
.myLibContent table td.title{ padding-left:15px; }
.myLibContent tr.hd td{ background:none repeat scroll 0 0 #F1F1F1; font-size:13px; }
.myLibContent table tr.hd td.sender{ color:#000000; }
.myLibContent table td.sender{ color:#666666; }
.myLibContent table tr.hd td.time{ color:#000000; }
.myLibContent table td.time{ color:#888888; font-family:Arial, Helvetica, sans-serif; padding-left:15px; }
.myLibContent table td{ padding:8px 0; padding-left:15px; border:1px solid #E1E1E1; }
* html .clear, * .myLibContent td{ border-bottom-colors:none; border-left-colors:none; border-right-colors:none; border-top-colors:none; border-color:#ccc; border-style:solid; border-width:0 1px 1px 0; padding:0; }


/*--表单共用--*/
.form-horizontal{ margin:10px; padding:15px; border-radius:5px; font-size:14px; background:#fff; }
.form-horizontal .control-group{ width:100%; display:table; margin-bottom:8px; clear:both; }
.form-horizontal .control-group .control-label{ float:left; text-align:right; width:70px; line-height:34px; }
.form-horizontal .control-group .controls{ margin-left:75px; line-height:34px; }
.form-horizontal .control-group .controls input{ width:100%; height:34px; margin-bottom:2px; }
.form-horizontal .control-group .controls input.checkbox{ width:auto; }
.form-horizontal .control-group .controls select{ height:34px; margin-bottom:10px; }
.form-horizontal .control-group .controls .description{ display:inline-block; padding-left:6px; color:#999; font-size:12px; }
.form-horizontal .form-actions{ }
.form-horizontal .form-actions .btn{ width:100%; }
.form-horizontal label.error{ font-size:12px; line-height:12px; display:inline-block; margin-bottom:8px; }

/*-邮件设置-*/
.myEmailConfig{ }
.myEmailConfig .control-group{ border-bottom:solid 1px #e5e5e5; }
.myEmailConfig .control-group .control-label{ width:5px; }
.myEmailConfig .control-group .controls{ margin-left:10px; }

/*-借款提醒-*/
.jiekTips{ line-height:25px; border-radius:none; }
.jiekTips label{ font-weight:bold; display:inline-block; }

/*--newsContent--*/
.newsContent{ width:100%; overflow:hidden; background:#fff; }
.newsContent h3{ line-height:25px; font-size:18px; font-weight:bold; padding:10px 0 5px; word-break:break-all; word-wrap:break-word; }
.newsContent .date{ height:16px; line-height:16px; width:100%; overflow:hidden; color:#ccc; }
.newsContent .content{ overflow:hidden; width:100%; padding:8px 0; word-break:break-all; word-wrap:break-word; line-height:24px; font-size:14px; color:#666; }
.newsContent .content p{ padding-bottom:10px; }
.newsContent .content *{ word-break:break-all; word-wrap:break-word; }
.newsContent .content img{ max-width:100%; height:auto; }

/*--借阅证--*/
.my-libcard{ clear:both; margin:10px 10px; border-radius:5px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,0.1); background:#fff url('images/my_login_bg@2x.jpg') center top no-repeat; background-size:auto 350px; }
.my-libcard .my-cardPhoto{ width:100%; min-height:160px; margin-top:30px; text-align:center; position:relative; }
	.my-libcard .my-cardPhoto .myPhoto{ width:130px; height:130px; position:absolute; background:#f5f5f5; border-radius:50%; margin:auto; top:0; bottom:0; left:0; right:0; overflow:hidden; }
	.my-libcard .my-cardPhoto .myPhoto img{ width:100%; height:100%; border-radius:50%; }

.my-cardInfo{ font-size:16px; line-height:30px; width:100%; padding-bottom:30px; text-align:center; }
	.my-cardInfo h3{ font-size:32px; border-bottom:none; line-height:40px; background:none; }
	.my-cardInfo h4{ padding:0px 10px; opacity:0.8; }
	.my-cardInfo h3, .my-cardInfo h4{ padding-left:20px; font-weight:400; color:#fff; }

.my-cardCode{ text-align:center; padding:15px 0; width:100%; background:#fff; }
	.my-cardCode img{ /*width:100%; height:100px;*/ }