.nav ul li a,a{text-decoration:none}
.icon-appreciate:before{content:"\e616"}
.icon-comment:before{content:"\e617"}
.icon-right:before{content:"\e607"}
*{margin:0;padding:0;border:0;-webkit-user-select:text}
a,img{-webkit-touch-callout:none}
a{color:#FFF;cursor:pointer}
ol,ul{list-style:none}
*,:after,:before{-webkit-box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body,html{text-align:left;height:100%; width:100%;font-size:14px;font-weight:400;line-height:1; color:#FFF;font-family: "helvetica neue",arial,sans-serif ;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none; }
.books .book-list li,.books .member-list li p,.m-header{text-align:center}
input{outline:0}
body{background:url(../images/bg.jpg) 100% no-repeat #02070a;background-position: center center; background-repeat: no-repeat; background-size:cover;background-attachment: fixed;}
.hidden{overflow: hidden;position: fixed;z-index: 0;}
.setting-bg.block{display: block;z-index: 99;}
.container{width:100%;padding-bottom:20px;overflow-x: hidden;}
.p15{padding:0 18px}
.m-header{margin:0;font-size:18px;position:relative;width:100%;height: 36px;line-height: 36px;background-color: rgba(0,0,0,.2);}
.m-header.pattern{background-color: transparent;}
.pattern:before{content: url(../images/left.png);display: inline-block;margin-top:-8px;vertical-align:text-top;}
.pattern:after{content: url(../images/right.png);display: inline-block;margin-top:-8px;vertical-align:text-top;}
.m-header .setting{position:absolute;height:100%;right:7px;}
.m-header .setting img{width:20px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
* html .clearfix{height:1%}
.hide{display:none !important;}
.logo{ max-width: 240px;max-height: 80px;vertical-align: middle;}
.setting-bg{width: 100%;height: 100%;position: fixed;background-color: transparent;top:0;left: 0;display: none;}
.setting-box{display:none;width:100%;background:rgba(0,0,0,.8);position:fixed;bottom: 0;box-shadow: 0px -2px 9px rgba(0,0,0,.75); padding: 10px 0;z-index: 9999;}
.setting-box ul li a{display:block;font-size:20px;line-height:34px;padding:10px 0;text-align:center}
.notify-wrap{background-color: rgba(0,0,0,.3);height:50px;line-height:50px}
.notify-wrap .notify{overflow:hidden;height:50px;color:#fff;margin-left:50px;line-height:50px;margin-right: 20px;}
.notify-wrap .notify-title:after{content:"|";margin:0 20px;color: #999;}
.notify-wrap .notify-title{display:inline;float:left;padding-left: 20px;}
.notify-wrap .notify-list li a{height:50px;line-height:50px;}
.notify-wrap .notify-list li a p{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.books .book-list{position:relative;left:0;white-space:nowrap;float: left;padding: 0 18px;}
.books .book{margin-bottom:20px;overflow: hidden;}
.books .book.org{margin-bottom: 0;}
.books h4{margin:20px 0;font-size: 16px;font-weight: normal;}
.books .book-list li:first-child{margin-right: 18px;}
.books .book-list li{margin-right: 15px;display: inline-block;}
.books .book-list li:last-child{margin-right:0;}
.books .book-list li a{color:#FFF;text-decoration:none;display:inline-block;vertical-align: top;position: relative;}
.books .book-list li a .vip, .book-wrap ul li>a .vip{position: absolute;top: 0;left: 0;background: url(../images/vip.png);width: 27px;height: 27px;}
.books .book-list .book-name, .books .book-list .book-author{margin: 4px 0;}
.books .book-list .book-name{width:85px;display:inline-block;white-space: normal;overflow: hidden;text-align: left;line-height: 18px; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.books .book-list .book-author{display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 85px;text-align: left;color: #999;}
.books .book-img img{width:85px;height: 133px;display:block;margin-bottom:8px;box-shadow: 2px 2px 12px rgba(0,0,0,.8);}
.books .member-list{position:relative;left:0;white-space: nowrap;float: left;}
.books .member-list li{border-radius:5px;width:125px;height:62.5px;cursor:pointer;margin-right:10px;display: inline-block;}
.books .member-list li img{max-width:125px;max-height:62.5px;border-radius: 5px;}
.books .member-list li>a{width:100%;height:100%;display:block;text-align: center;}
.books .member-list li .member-action a{color:#FFF;line-height:45px;padding:10px 30px}
.nav{width:100%;margin-top:40px}
.nav ul{background: rgba(0,0,0,.3);border-radius:3px;border-radius: 8px; box-shadow: 2px 2px 12px rgba(0,0,0,.75);}
.nav ul li a{color:#FFF;padding:10px;border-bottom:1px rgba(255,255,255,.15) solid;display:inherit;font-size: 16px;line-height: 30px;padding-left: 14px;}
.nav ul li:last-child a{border-bottom:none}
.org-wrap p:first-child,.setting-wrap ul li{  border-bottom: 1px rgba(255,255,255,.15) solid;}
.nav ul li span{float:right;margin-top:2px}
.nav ul li span:after{font-family: iconfont!important;content: "\e607";margin-left:8px}
.org-wrap .org-list li,.org-wrap p{line-height:40px;font-size:16px;padding:0 15px;position: relative;}
.org-wrap .org-list li input,.org-wrap p:first-child .org-name{position: absolute; right: 15px;}
.org-wrap .org-list li input{margin-top:15px;cursor:pointer}
.org-wrap .org-list li label{display:inline-block;width:95%}
.org-wrap .org-active,.org-wrap .org-active input[type=radio]{background-color:rgba(124,124,124,.6)}
.org-wrap .org-pass{color:#6BE400}
.org-wrap .org-fail{color:#FF3500}
.org-wrap .org-checking{color:#017BF2}
.org-wrap .pass-line{border-top: 1px rgba(153,153,153,.4) solid;}
.change-pass input[type=password]{background-color:transparent;  border-bottom: 1px rgba(255,255,255,.15) solid;display:block;width:100%;font-size:14px;padding:15px 15px;color:#FFF}
.setting-wrap ul li{line-height:45px;font-size:14px;padding-left:15px;color:#FFF;position:relative}
.setting-wrap ul li .setting-r,.setting-wrap ul li a{padding:0 10px 0 30px;width:100%;text-align:right;left:0;position:absolute}
.top-news,.top-news .slide{position:relative}
.setting-wrap ul li a span:after{font-family: iconfont!important;content: "\e607";margin-left:10px}
.setting-wrap .setting-btn,.setting-wrap .add-btn{text-align:center}
.setting-wrap .add-box{line-height:45px;font-size:14px;color:#FFF;width: 84%;margin: 0 auto;}
.setting-wrap .add-btn input[type=button]{background-color: rgba(0,0,0,.3); border: 1px solid #ddd; padding: 12px 100px; color: #FFF; font-size: 14px;margin-top:50px;}
.setting-wrap .setting-btn input[type=button],.setting-wrap .setting-btn input[type=submit]{background-color: #0080ff; border: 1px solid #ddd; color: #FFF; font-size: 14px;  position: absolute;bottom: 70px;width: 80%;height: 46px;}
.change-username fieldset{border-bottom: 1px #ddd solid;padding:0 15px;color:#FFF;font-size:14px;line-height:45px}
#userName{background-color:transparent;float:right;text-align:right;color:#FFF;font-size:14px;padding: 15px 10px;}
.absolute{position: absolute;}
.book-wrap ul li,.news-wrap .news{margin-bottom:30px}
.book-wrap .book-img,.book-wrap ul li>a{float:left;width:100px;height:150px;}
.book-wrap ul li>a{position:relative;z-index:2;}
.news-wrap .news .img{float:left;width:100px;height:100px}
.book-wrap .book-img img,.news-wrap .news .img img{width:100%;height:100%}
.book-wrap .info,.news-wrap .news .info{padding-left:112px;min-height:150px;text-align:left;position: relative;}
.news-wrap .news .info{min-height:100px}
.book-wrap .info .title,.news-wrap .news .info .title{font-size:20px;width: 90%;line-height: 22px;}
.book-wrap .info p,.news-wrap .news .info p{line-height: 24px; font-size: 16px; margin-top: 6px;}
.book-wrap .info .author,.book-wrap .info .date,.book-wrap .info .other{color:#999}
.book-wrap .info .other .zan-count{margin-right: 10px;}
.book-wrap .info:after{font-family: iconfont!important;content: "\e607";  position: absolute; right: -10px; top: 48%;}
.news-detail img{width:114%;margin:20px 0;margin-left: -20px;}
.news-detail .header h1{line-height:32px;text-align:center;margin:20px 0;font-size:24px;font-weight: normal;margin-bottom: 6px;}
.news-detail .header p{line-height:24px;color:#999;text-align:center}
.news-detail .content p{text-align:left;line-height:24px;margin-bottom:10px;text-indent:2em;letter-spacing: 1px;}
.top-news{padding:1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-align:center;line-height:0;margin-right:auto;margin-left:auto}
.top-news .caption{padding:5px 15px;text-align:left;background-color: rgba(0,0,0,.8);position:absolute;left:0;right:0;bottom:0}
.top-news .caption p{padding-bottom:0;font-size:11px;color:#dedede;line-height:17px}
.top-news .caption p.title{padding-bottom:6px;font-size:15px;color:#fff;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:80%;}
.top-news .flex-control-paging{display:inline-block;position: absolute;right: 15px;margin-top: -16px;}
.top-news .flex-control-paging li{margin:0;padding:0 2px;float:left;overflow:hidden;list-style-type:none}
.top-news .flex-control-paging li a{width:14px;height:7px;display:block;background-repeat:no-repeat;background-image:url(../images/nav.png);text-indent:-9000px;cursor:pointer}
.top-news .flex-control-paging li a.flex-active{background-position:right top}
.block_home_post_feature{width:300px}
.block_home_post_feature p{padding-bottom:0}
.flexslider{margin:0;padding:0;margin-bottom: 20px;}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;list-style-type:none}
.flexslider .slides img{display:block;width: 100%;}
.flex-pauseplay span{text-transform:capitalize}
.menu-transition, .transition{-webkit-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out; transition: left 0.3s ease-out; }
.books.organization-list .book{/*width: 320px;*/margin: 0 auto;text-align: center;}
.books.organization-list .member-list{float: none;}
.books.organization-list .member-list li{float: left;width: 46%;margin:2%;height: inherit;}
.books.organization-list .member-list li img{max-width:100%;border-radius: 5px;height: inherit;}
.addbook{margin-right:30px;position:relative;float:left;display:inline-block;width:110px;height:180px;background:url(../images/add_bg.jpg) no-repeat;color:#fff;font-size:16px;box-shadow: 2px 2px 4px rgba(0,0,0,.15);}
.addbook .addbook_p{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:80px;height:100px;text-align:center;}
.addbook .i_addbook{display:inline-block;width:50px;height:50px;background:url(../images/add.png) no-repeat;margin-bottom: 20px;}
.add-new{border: 1px rgba(255,255,255,.6) solid;;background-color: transparent;height: 2em;line-height: 2em;padding: 4px 6px;color: #FFF;font-size: 1.1em;width: 80%;margin-left: 20px;}
.invite{background: url(../images/invite-bg.jpg) no-repeat;width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.invite .invite-content{width: 80%;margin: 45% auto 0;}
.invite .invite-content .invite-input{background-color:rgba(0,0,0,0.4);width: 100%;border:1px rgb(0,128,255) solid;height:40px;font-size:20px; line-height:120%;padding: 2px 10px;color: #FFF;}
.invite .invite-content .invite-btn{background-color:rgb(0,128,255); width:120px; height:36px; border-radius:18px; display: block; margin: 50px auto 0; color: #FFF;font-size: 20px;font-weight: bold;}
.vip-title{margin: 20px 18px -30px;padding: 10px;font-size: 1.4em;background-color: rgba(255,255,255,.3);}
.tag-join{text-align:center;margin:10px auto;font-size:16px;}
.tag-join .join{background-color: rgba(153,153,153,.6);padding: 5px 20px;border-radius: 20px;}

.join-group p{line-height: 22px;}
.join-group textarea{margin-top: 10px;}
.text-center{text-align: center;}
.pri-color{color: #0080FF;}

.m-header .setting{position: absolute; left:0; padding-left: 5px;top: 0;width: 36px;height: 36px;line-height: 36px;}
.m-header .setting img{margin-top: 11px;}
.m-header .join{position: absolute;right: 5px;top: 0;width: 36px;height: 36px;line-height: 36px;}
.m-header .join i,.m-header .setting i{font-size: 24px;color: #0080FF;font-weight: 100;}

.special-list{float: left;position: relative;left: 0; white-space: nowrap;}
.special-list li{display: inline-block;}
.special-item{width: 125px;height: 45px;border-radius: 5px;margin-right: 11px;}
/*.special-item:first-child{margin-left: 0;}*/
.special-item a, .special-item span{line-height: 45px;color: #FFF;text-align: center;display: block;background-image: url(../images/special.png);background-size: cover;border-radius: 5px;text-decoration: none;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.special-item-1{background-color:#F00;}
.special-item-2{background-color:#006DD9;}
.special-item-3{background-color:#BFCFFF;}
.special-item-4{background-color:#FF7F00;}
.special-item-5{background-color:#004C66;}
.special-item-6{background-color:#600;}
.special-item-7{background-color:#555;}
.special-item-8{background-color:#BFFFFF;}
.special-item-9{background-color:#008C69;}
.special-item-10{background-color:#59B200;}
.special-item-11{background-color:#CCC;}
.special-item-12{background-color:#FC9;}
.special-item-13{background-color:#606;}
.special-item-14{background-color:#46008C;}
.special-item-15{background-color:#8C8C00;}
.special-item-16{background-color:#FFD24D;}
.special-title.special-item{width: 100%;height: 100px;border-radius: 0;box-shadow: 0 2px 4px rgba(0,0,0,.3);margin-bottom: 20px;}
.special-title.special-item span{line-height: 100px;font-size: 1.6rem;border-radius: 0;}