#login{ padding:10px;}
.loginbar {background: none repeat scroll 0 0 #F8FDFF;border: 1px solid #C0DEEA;color: #CBCFD1;font-size: 14px;height: 40px;width:100%;margin-bottom:10px;}
.loginbar .name{ background:none; border:0; color: ##CBCFD1;font-size: 12px;height:38px;width: 86%;}
.username{ background: url(../images/name.png) no-repeat center; display:block; float:left; width:40px; height:40px; background-size:50% 50%;}
.password{ background: url(../images/psw.png) no-repeat center; display:block; float:left; width:40px; height:40px; background-size:50% 50%; }
.login_in{ display:block;margin:10px 0; background:#68aac2; height:40px; line-height:40px; text-align:center; border:0; color:#fff; width:100%; border-radius:3px; font-size:16px; font-family: "hiragino Sans GB W3";}
.text_login a{ color:#373738; float:left; width:50%;}
.text_login a.fr{ text-align:right; color:#eb5758;}
.text_login{ padding-bottom:10px; font-size:12px; overflow:hidden;}
.login_qs{overflow:hidden; height:100%; }
.login_qs p{ font-size:14px; color:#011921; padding:10px 0}

.login_qs a{ font-size:12px; float:left; width:50%;line-height:24px; color:#011921;}
.login_qs .sina{ float:left; background: url(../images/sina.png) no-repeat center; background-size:100% 100%; display:block; width:30px; height:24px; }
.login_qs .qq{float:left; background: url(../images/qq.png) no-repeat center; background-size:100% 100%; display:block; width:30px; height:24px; }

.note {border: 1px solid #C0DEEA;border-radius: 5px;color: #7D7B7B;font-size: 12px;line-height: 25px;margin: 30px 0px 10px 0px;padding: 10px;position: relative;}
.note h2 {background: none repeat scroll 0 0 #FFFFFF;color: #60A1BB;font-size: 16px;padding: 0 5px;position: absolute;top: -16px;}

.tab-nav {height: 40px;overflow: hidden;}
.tabArea4 .tab-nav h2 {width: 25%;}
.tab-nav h2 {background: none repeat scroll 0 0 #68AAC2;cursor: pointer;float: left;font-size: 16px;height: 40px;line-height: 40px;text-align: center;width:50%;position:relative;}
.tab-nav h2 .tab-nav-cur {border-bottom: 2px solid #FFFFFF;color: #FFFFFF;padding-bottom: 5px;}
.tab-nav h2 a {color: #D2E4EB;text-shadow: 1px 1px #3C84A6;}

/*.register_in{ margin-left:20%;}*/
.register { text-align:center; padding:0; color:#373738; font-size: 14px;}
.register a{ color:#68aac2;}
.register a.jion{ color:#ce5200;}
.text_font{ font-size:14px; line-height:25px; text-align:left; padding-top:20px;}

.text_font span{ font-size:12px; color:#7d8f96;}
.login_tip{ color:#373738; line-height:25px; padding-bottom:10px;}
.login_tip span{ color:#68aac2;}
.tips_text { color:#fe5c54; padding-bottom:10px; line-height:20px;display:none;}

.login_btn{display:block;background-color:#2babdb;margin:20px 5px 20px 5px;text-align:center;color:#fff; font-weight:bold;height:40px;line-height:40px;border-radius:2px;}
.login_btn a{color:#fff;}
.login_tips{ display:block;margin:20px 10px 20px 10px;  text-align:center;color:red; font-weight:bold;height:40px; line-height:40px;border-radius:2px}

/*.bookcase*/
.bookcase,.readlog{position:relative;overflow:auto;padding:10px 8px;border-bottom:1px solid #9dcada;}
.bookcase p,.readlog p{font-size:12px;color: #7f9ba8;}
.number{position: fixed;width: 20px;height: 20px;display: inline-block;background: #4c4c4c;color: #ecf0f0;border-radius: 2px;text-align: center;font-size: 12px;margin-top: 3px;}
.bar{padding-left: 25px;line-height: 22px;}
.active{margin-top: 10px;padding: 10px;border: 1px solid #9dcada;border-width: 1px 0 1px 0;background: #d4eaf3;text-align: center;}
.active span{color: #ff3300;font-weight:bold;}

/*.userinfo*/
.userinfo{background: #EDFAFF;padding: 5px 10px;margin-bottom: 15px;border-bottom: 1px solid #9dcada;}
.userinfo em{color: #ff3300;}
.userinfo p{line-height: 28px;}
.opt{line-height: 40px;padding: 0 10px;margin-bottom: 10px;clear: both;height: auto;overflow: hidden;vertical-align: middle;}
.btn{float: left;background: #4baacd;border-radius: 3px;color: #fff;text-align: center;height: 40px;line-height: 40px;width: 100px;margin: 0;margin-right: 6px;font-size: 14px;display: block;}