@charset "utf-8";
/*
*  cqzxx2017 public CSS stylesheet
*  author: chenying
*  time: 2017-03-02 10:12
*/
* {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
body {
  width: 100%;
  color: #333333;
  font-size: 14px;
  overflow-x: hidden;
}
ul,
ol { list-style: none; }
input,
button,
textarea {
  border: none;
  outline: none;
}
input[type=text]::-ms-clear {
display:none;
}/* 浏览器默认删除按钮隐藏 */
button { cursor: pointer; }
button:hover { opacity: 0.9; }
a {
  text-decoration: none;
  color: inherit;/* add by hm in 2017.04.21 */
  cursor: pointer;
}
a:hover { text-decoration: none; }
img { border: none;/*cursor: pointer;*/
}
em,
i { font-style: normal; }
pre {/* 设置pre标签自动换行 */
  white-space: pre-wrap;
  word-wrap: break-word;
}
.zxx-fr { float: right; }
.zxx-fl { float: left; }
.clear { clear: both }
/* 字体超出宽度自动隐藏显示省略号 */
.zxx-hide {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  word-break: break-all;
  text-overflow: ellipsis;
}
/* 图标文字居中对齐 */
.zxx-vercen { vertical-align: -2px; }
.zxx-vercen1 { vertical-align: -1px; }
.zxx-vercen2 { vertical-align: 2px; }
/* 页面通用字体设置 */
.font33 { color: #333333; }
.font32 { color: #323232; }
.font44 { color: #444444; }
.font66 { color: #666666; }
.font99 { color: #999999; }
.fontd2 { color: #0b9ee4; }/* 红色 */
.font52 { color: #5273a3; }/* 蓝色ff5146 */
.font65 { color: #ff6500; }/* 橙色 */
.font83 { color: #839b1b; }/* 绿色 */
.font81 { color: #81684f; }/* 棕色 */
.font24 { color: #248bce; }/*浅蓝色1f9eeb*/
.fontf0 { color: #ff0000; }/*大红色*/
.font12px { font-size: 12px; }
.font14px { font-size: 14px; }
.font16px { font-size: 16px; }
.font18px { font-size: 18px; }
.font22px { font-size: 22px; }
.zxx-mt5 { margin-top: 5px; }
.zxx-mb5 { margin-bottom: 5px; }
.zxx-mr5 { margin-right: 5px; }
.zxx-ml15 { margin-left: 15px; }
.zxx-mr15 { margin-right: 15px; }
.zxx-mb15 { margin-bottom: 15px; }
.zxx-mt15 { margin-top: 15px; }
.zxx-ml10 { margin-left: 10px; }
.zxx-mr10 { margin-right: 10px; }
.zxx-mb10 { margin-bottom: 10px; }
.zxx-mt10 { margin-top: 10px; }
.zxx-ml20 { margin-left: 20px; }
.zxx-mr20 { margin-right: 20px; }
.zxx-mb20 { margin-bottom: 20px; }
.zxx-mt20 { margin-top: 20px; }
.zxx-pt20 { padding-top: 20px; }
.zxx-pb20 { padding-bottom: 20px; }
.zxx-pl20 { padding-left: 20px; }
.zxx-pr20 { padding-right: 20px; }
.zxx-suojin { text-indent: 2em; }
/* 页面通用宽度 */
.zxx-warp {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
/*数字书屋*/
.zxx-sidebar {
  width: 220px;
  height: auto;
}
.zxx640px {/*数字书屋*/
  width: 640px;
  height: auto;
}
.zxx300px {/*数字书屋*/
  width: 300px;
  height: auto;
}
.zxx720px {/*数字书屋*/
  width: 720px;
  height: auto;
}
.zxx960px {/*数字书屋*/
  width: 960px;
  height: auto;
}
/* 其他界面通用宽度 */
.zxx350px {
  width: 350px;
  height: auto;
}
.zxx830px {
  width: 830px;
  height: auto;
}
.zxx285px {
  width: 285px;
  height: auto;
}
/* 图片通用样式 */
img.img-circle { border-radius: 50%; }/* 设置图片圆角 */
img.img-cover {
  height: 188px;
  width: 132px;
}/* 大封面 */
img.mid-cover {
  height: 140px;
  width: 98px;
}/* 中封面 */
img.min-cover {
  height: 77px;
  width: 54px;
}/* 小封面 */
img.min-photo {
  height: 30px;
  width: 30px;
}/* 小头像 */
img.mid-photo {
  height: 45px;
  width: 45px;
}/* 中头像 */
img.max-photo {
  height: 68px;
  width: 68px;
}/* 大头像 */
img.min-photo:hover,
img.mid-photo:hover,
img.max-photo:hover,
div.user-photo:hover,
img.img-cover:hover,
img.mid-cover:hover,
img.min-cover:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
/* 按钮通用样式 */
.btn {
  padding: 6px 16px;
  text-align: center;
  color: #ffffff;
}
.btn-red { background-color: #0b9ee4; }
.btn-green { background-color: #6c9626; }
.btn-blue { background-color: #5273a3; }
.btn-gray { background-color: #c3c3c3; } /* add by hm in 2017-04-10 */
/* 封面通用div样式 */
div.cover {
  height: 188px;
  width: 132px;
  overflow: hidden;
  position: relative;
}
div.midcover {
  height: 140px;
  width: 98px;
  overflow: hidden;
}
div.mincover {
  height: 77px;
  width: 54px;
  overflow: hidden;
}
/* 正方形头像div通用样式 */
div.mid-square {
  width: 45px;
  height: 45px;
}/*中号正方形*/
div.max-square {
  width: 68px;
  height: 68px;
}/*大号正方形*/
div.user-photo {/*设置正方形头像的边框*/
  padding: 2px;
  border: 1px solid #dedede;
  cursor: pointer;
}
/* 设置最后一个limargin值为0 */
.li-last { margin: 0!important; }
.no-border { border: none!important; }
.bgf6 { background-color: #f6f6f6 ! important; }
/* zxx-top 通用样式 create by cy 2017.03.02 begin */
div.zxx-top {
  height: 35px;
  background-color: #323d4d;
  line-height: 35px;
  min-width: 1200px;
}
div.zxx-top span { color: #eaeaea; }
div.zxx-top span a { margin-left: 0; }
div.zxx-top a {
  color: #eaeaea;
  margin-left: 20px;
}
div.zxx-top a .icon-loginout { font-size: 12px!important; }
div.zxx-top a:hover { color: #fefefe; }
div.zxx-top i.iconfont { margin-right: 3px; }
i.icon-msg { vertical-align: -1px; }
i.msg-cri {/* 消息提示小红点 */
  height: 6px;
  width: 6px;
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  background-color: #cc0000;
  border: 3px solid #323d4d;
  margin-top: 6px;
  margin-left: -9px;
}
/* zxx-top 通用样式 create by cy 2017.03.02 end */

/* zxx-nav 导航通用样式 create by cy 2017.03.02 begin */
div.zxx-nav {
  height: 367px;
  width: 1200px;margin:0 auto;
  background: url(../images/navbg.jpg) no-repeat;
}
div.zxx-logo {
  height: 367px; padding:10px 0 0 30px;
  width: 412px;
 
  background: url(../images/zxx-logo.png) no-repeat center;
}
div.zxx-navbar {
	 
	 background:#0b9ee4;
	width: 1200px;
	margin:0 auto;
}
div.zxx-navbar ul li {
  width: 132px;
  height: 45px;
  line-height: 45px;
  float: left;
  text-align: center;
  background-color: #0b9ee4;
 border-left:solid #fff 1px;
  cursor: pointer;
  margin-bottom: 1px;
}
div.zxx-navbar ul li:hover,
div.zxx-navbar ul li.hover { background-color: #8cc63f; }
div.zxx-navbar ul li a {
  color: #ffffff;
  font-size: 16px;
}
/* zxx-nav 导航通用样式 create by cy 2017.03.02 end */

/* 底部通用样式 zxx-footer create by cy 2017.03.02 begin */
.zxx-footer {
  float: left; text-align:center;
  width: 100%;
  margin-top: 20px;
  min-width: 1200px;
 padding:20px 0;
  background-color: #27282d;
  display: table;
  color: #dfdfdf;
  clear: both;
}
.footer-left {
  float: left;
  width: 400px;
  margin-top: 35px;
}
.footer-left ul {
  margin-top: 5px;
  display: table;
}
.footer-left ul li a { color: #ccc; }
.footer-left ul li a:hover { color: #eee; }
.footer-left ul li {
  float: left;
  font-size: 14px;
  color: #ccc;
  width: 100px;
  line-height: 26px;
}
.footer-left ul.link li { /* add in 2017.05.02,hm */ width: 200px !important; }
.footer-right {
  float: right;
  width: 540px;
  margin-top: 35px;
  text-align: left;
}
.footer-right ul {
  font-size: 14px;
  display: table;
  width: 540px;
}
.footer-right ul li {
  line-height: 24px;
  width: 100%;
}
.footer-right ul li img.zxx-vercen { margin-left: 2px; }
/* 底部通用样式 zxx-footer create by cy 2017.03.02 end */

/* title 通用样式 create by cy 2017.03.06 begin */
div.zxx-ranking {
  width: 100%;
  height: auto;
}
div.zxx-rtitle {
  background: url(../images/title-line.png) bottom left no-repeat;
  height: 40px;
  line-height: 40px;
}
div.zxx-rtitle strong {
  font-size: 18px;
  color: #222222;
  border-right: 2px solid #ccc;
  padding-right: 10px;
  margin-right: 10px;
}
div.zxx-rtitle b {
  font-size: 18px;
  color: #222222;
 
  padding-right: 10px;
  margin-right: 10px;
}
div.zxx-rtitle a { /*border-left: 2px solid #ccc;  add by hm in 2017.04.20
    padding-left: 10px; */
color: #a4a4a4; }
div.zxx-rtitle a:hover { color: #898989; }
/* title 通用样式 create by cy 2017.03.06 end */

/* 所有排行榜通用样式 create by cy 2017.03.06 begin */
ul.zxx-rankinglist {
  padding-top: 15px;
  float: left;
  width: 100%;
}
ul.zxx-rankinglist li {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
ul.zxx-rankinglist li img {
  float: left;
  margin-right: 8px;
  margin-top: 8px;
}
ul.zxx-rankinglist li p {
  width: 100%;
  font-size: 14px;
  float: left;
  height: 36px;
}
ul.zxx-rankinglist li p a {
  width: 180px; /* changed by hm,2017.05.19 */
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333333;
}
ul.zxx-rankinglist li p a:hover { color: #0b9ee4; }
ul.zxx-rankinglist li p em { color: #999999; }
/* 所有排行榜通用样式 create by cy 2017.03.06 end */

/* 图书和期刊横排布局通用样式 create by cy 2017.03.06 begin */
div.zxx-booklist,
ul.zxx-bookitem {
  width: 100%;
  height: auto;
}
ul.zxx-bookitem li {
  width: 132px;
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
}
ul.zxx-bookitem li p {
  width: 100%;
  margin-top: 5px;
}
ul.zxx-bookitem li p a:hover { text-decoration: underline; }
/* 图书和期刊横排布局通用样式 create by cy 2017.03.06 end */

/* tips 通用样式 create by cy 2017.03.03 begin */
div.cy-tips {
  height: 50px;
  background-color: #cccccc;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  line-height: 50px;
  padding-left: 15px;
}
div.cy-tips i {
  /*font-size: 14px;*/
  vertical-align: 1px;
  margin-right: 5px;
}
div.cy-tips a.y-more {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
}
div.tips-red { background-color: #0b9ee4; }
div.tips-blue { background-color: #323d4d; }
div.cy-tmain {
  padding: 15px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
/* tips 通用样式 create by cy 2017.03.03 end */

/*------ 翻页通用样式 created by heman，2017.03.06 ------*/
.zxx-page {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.zxx-page>a {
  display: inline-block;
  height: 30px;
  min-width: 28px;
  padding: 0 3px;
  line-height: 31px;
  border: 1px solid #ddd;
  background: #f3f3f3;
  color: #777;
  cursor: pointer;
  margin: 0 3px;
}
.zxx-page>a.selected,
.zxx-page>a:hover {
  background: #f04f19;
  color: #fff;
  border: 1px solid #f04f19;
}
.zxx-page>input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2px;
  text-align: center;
  height: 32px !important;
  width: 32px !important;
  line-height: 32px !important;
  border: 1px solid #ddd;
}
/*------ 翻页通用样式 end ------*/

/*------ 内页通用按钮 created by Heman,2017.03.07 ------*/
.zxx-btnwrap {
  float: left;
  display: inline-block;
  vertical-align: middle;
  min-width: 100px;
  padding-right: 15px;
  height: 35px;
  line-height: 35px;
  color: #fff;
}
.zxx-btnwrap:hover { opacity: .9; }
.zxx-btnwrap i {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  width: 40px;
  height: 35px;
  line-height: 36px;
  text-align: center;
}
.zxx-btnredwrap { background: #5ec5f7; } /* 红色按钮 */
.zxx-btnred { background: #0b9ee4; }
.zxx-btngreenwrap { background: #96bb59; } /* 绿色按钮 */
.zxx-btngreen { background: #6c9626; }
.zxx-btnblue { background: #547aad; }
.zxx-btnbluewrap { background: #88ade2; } /* 蓝色按钮 */
/*------ 内页通用按钮 end ------*/

/*------ 星级评分 created by Heman,2017.03.08 ------*/
/* 书籍评分 */
.zxx-bigstar1,
.zxx-bigstar2,
.zxx-bigstar3,
.zxx-bigstar4,
.zxx-bigstar5,
.zxx-bigstar0 {
  display: inline-block;
  zoom: 1;
  background: url(../images/star-16.png) no-repeat;
  width: 88px;
  height: 15px;
  overflow: hidden;
}
.zxx-bigstar5 { background-position: 0 0; }
.zxx-bigstar4 { background-position: 0 -15px; }
.zxx-bigstar3 { background-position: 0 -30px; }
.zxx-bigstar2 { background-position: 0 -45px; }
.zxx-bigstar1 { background-position: 0 -60px; }
.zxx-bigstar0 { background-position: 0 -75px; }
/* 用户评分 */
.zxx-userstar1,
.zxx-userstar2,
.zxx-userstar3,
.zxx-userstar4,
.zxx-userstar5,
.zxx-userstar0 {
  display: inline-block;
  zoom: 1;
  background: url(../images/star-12.png) no-repeat;
  width: 68px;
  height: 12px;
  overflow: hidden;
}
.zxx-userstar5 { background-position: 0 0; }
.zxx-userstar4 { background-position: 0 -12px; }
.zxx-userstar3 { background-position: 0 -24px; }
.zxx-userstar2 { background-position: 0 -36px; }
.zxx-userstar1 { background-position: 0 -48px; }
.zxx-userstar0 { background-position: 0 -60px; }
/*------ 星级评分 end ------*/

/* 弹出层通用样式 create by cy 2017.03.09 begin */
div.layer-div { padding: 20px; }
div.layer-hide { display: none; }
div.layer-div table { /*width: 100%;*/ }
div.layer-div table tr {
  min-height: 40px;
  line-height: 40px;
}
div.layer-div input {
  border: 1px solid #dddddd;
  height: 30px;
  width: 196px;
  padding-left: 2px;
}
div.layer-left {
  width: 132px;
  text-align: center;
}
div.layer-left .user-photo {
  width: 120px;
  height: 120px;
  overflow: hidden;
  padding: 5px;
}
div.layer-left .user-photo img {
  width: 120px;
  height: 120px;
}
div.layer-right {
  padding-left: 40px;
  border-left: 1px solid #cfcfcf;
}
div.layer-right p.font12px {
  line-height: 24px;
  margin-top: 5px;
}
/* 发送验证消息 */
div.layer-add-left {
  width: 100px;
  text-align: center;
}
div.layer-msg {
  float: left;
  margin-left: 20px;
}
.layer-textarea {
  border: 1px solid #dddddd;
  height: 80px;
  padding: 6px 10px;
  line-height: 24px;
  width: 280px;
}
div.layer-add-left img { cursor: default !important; }/* add by hm in 2017.04.17 */
/* 弹出层通用样式 create by cy 2017.03.09 end */

/* 上传头像 隐藏file按钮 */
div.filedivxc input[type=file] {
  opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);/*兼容ie8及以下*/
  position: absolute;
  z-index: 5;
  margin-left: -80px;
  width: 80px;
  cursor: pointer;
}
div.preview {
  margin-left: 20px;
  font-size: 12px;
  color: #b4b4b4;
  display: none;
}
div.preview #img0 {
  width: 160px;
  height: 160px;
}
div.preview #img1 {
  width: 80px;
  height: 80px;
}
div.preview #img2 {
  width: 45px;
  height: 45px;
}
/* 数字书屋-通用导航样式 create by cy 2017.03.15 begin */
div.zxx-sidebars {/*内页通用导航样式*/
  background-color: #f6f6f6;
  padding: 10px 0;
}
div.zxx-sidebars.y-sidebar-div li {
  padding-left: 30px;
  width: 150px!important;
}
div.zxx-sidebars.y-sidebar-div li:hover,
div.zxx-sidebars.y-sidebar-div li.hover { background-color: #e9e9e9!important; }
/*内页通用导航样式end*/
div.zxx-rightside { min-height: 630px!important; }
div.y-sidebar-div {
  width: 100%;
  height: auto;
  float: left;
}
div.y-sidebar-div ul.y-slidebar {
  padding-left: 23px;
  margin-top: -5px;
  margin-bottom: 5px;
}
div.y-sidebar-div ul.y-slidebar li {
  color: #444444;
  cursor: pointer;
  line-height: 36px;
}
ul.y-slidebar li p { padding-left: 26px; }
div.y-sidebar-div ul.y-slidebar li:hover,
div.y-sidebar-div ul.y-slidebar li.hover {
  font-weight: bold;
  color: #333333;
}
div.y-sidebar-div ul.y-slidebar li p.y-icon01 { background: url(../images/icon/icon-index.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon02 { background: url(../images/icon/icon-lib.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon03 { background: url(../images/icon/icon-favourite.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon04 { background: url(../images/icon/icon-friendc.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon05 { background: url(../images/icon/icon-exp.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon06 { background: url(../images/icon/icon-com.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon07 { background: url(../images/icon/icon-activity.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon08 { background: url(../images/icon/icon-work.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon09 { background: url(../images/icon/icon-read.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon10 { background: url(../images/icon/icon-friend.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon11 { background: url(../images/icon/icon-score.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon12 { background: url(../images/icon/icon-msg.png) no-repeat 1px; }
div.y-sidebar-div ul.y-slidebar li p.y-icon13 { background: url(../images/icon/icon-set.png) no-repeat 1px; }
/* 数字书屋-通用导航样式 create by cy 2017.03.15 end */

/*------ 数字书屋table切换 created by Hemam，2017.03.15 ------*/
.zxx-swtab-title {
  width: 100%;
  height: 40px;
  background: url(../images/baseline.gif) no-repeat bottom;
  background-size: 100% 2px;
}
.zxx-swtab-title li {
  background: #a5a6a7;
  color: #fff;
  min-width: 50px;
  padding: 0 8px;
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  text-align: center;
}
.zxx-swtab-title li.select,
.zxx-swtab-title li:hover { background: #0b9ee4 !important; }
/*------ 数字书屋table切换 end ------*/

/* 数字书屋通用表格样式 create by cy 2017.03.15 begin */
table.zxx-mytable {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;/* add by hm,2017.05.08 */
  text-align: center;/* add by hm,2017.05.08 */
}
table.zxx-mytable thead {
  background-color: #f6f6f6;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
table.zxx-mytable tbody tr {
  height: 50px;
  line-height: 50px;
}
table.zxx-mytable tbody tr td,
table.zxx-mytable thead tr td {
  border: 1px solid #efefef;
  padding: 0 10px;/* add by hm,2017.05.08 */
}
table.zxx-mytable tbody tr td a.font33 {
  margin: 0 10px;
  width: 280px;
  float: left;
}
table.zxx-mytable tbody tr td a.font66 {
  width: 130px;
  float: left;
}
table.zxx-mytable tbody tr td a:hover { 
  /*color:#0b9ee4;*/
  text-decoration: underline; 
}
/* 数字书屋通用表格样式 create by cy 2017.03.15 end */

/* 暂无数据通用样式 create by cy 2017.03.17 begin */
div.zxx-nodata {
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
div.zxx-404page {
  width: 1200px;
  float: left;
  text-align: center;
  padding-top: 80px;
}
/* 暂无数据通用样式 create by cy 2017.03.17 end */

/* 动态评分通用样式 create by cy 2017.03.20 begin */
div.zxx-curstar {
  height: 16px;
  padding: 5px;
  width: 100%;
}
div.zxx-star {
  width: 115px;
  float: left;
}
div.zxx-curstar a {
  float: left;
  width: 20px;
  height: 16px;
  background: url(../images/star.png) 0 -16px no-repeat;
}
div.zxx-curstar span.star-result {
  float: left;
  width: 50px;
  margin-top: -2px;
}
/* 动态评分通用样式 create by cy 2017.03.20 end */

/* 图标文字标题通用样式 create by cy 2017.03.22 begin */
.cy-swtitle { font-size: 18px; }
.cy-swtitle i.iconfont {
  font-size: 22px;
  vertical-align: -1px;
  margin-right: 4px;
  color: #777777
}
/* 图标文字标题通用样式 create by cy 2017.03.22 end */

/* 当前位置通用样式 create by cy 2017.03.22 begin */
div.cy-location {
  width: 100%;
  height: 38px;
  line-height: 38px;
  background-color: #f7f7f7;
  border: 1px solid #F1F1F1;
}
/* 当前位置通用样式 create by cy 2017.03.22 end */

.text-center { text-align: center; }
.m-empty {
  color: #ccc;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 80px 0;
}
.m-empty01 {
  background: url(../images/empty.jpg) no-repeat;
  color: #ccc;
  font-size: 20px;
  font-weight: bold;
  margin: 100px auto;
  width: 150px;
  height: 200px;
  line-height: 200px;
  padding-left: 190px;
}
.zxx-page{
	color:#99a1a7;
	font-size:0;
	text-align:center;
	line-height:38px;
	}
	.page-item{
	background-color:#fff;
	border-radius:3px;
	color:#99a1a7;
	font-size:14px;
	display:inline-block;
	line-height:38px;
	margin:0 4px;
	height:38px;
	width:38px;
}
.active{background-image: linear-gradient(to right,#0b9ee4,#0b9ee4); color:#fff;}
	.page-item a{
		background-color:#fff;
		border-radius:3px;
		color:#99a1a7;
		font-size:14px;
		display:inline-block;
		line-height:38px;
		margin:0 4px;
		height:38px;
		width:38px;
	 }
	.paging .active{
		background-image: -webkit-gradient(linear,left top, right top,from(#0b9ee4),to(#0b9ee4));
    background-image: -webkit-linear-gradient(left,#0b9ee4,#0b9ee4);
    background-image: linear-gradient(to right,#0b9ee4,#0b9ee4);
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0b9ee4,endColorStr=#0b9ee4);
    border: 0;
		color:#fff;display: inline-block;
		}

	.page-item a:hover {
    background-image: -webkit-gradient(linear,left top, right top,from(#0b9ee4),to(#0b9ee4));
    background-image: -webkit-linear-gradient(left,#0b9ee4,#0b9ee4);
    background-image: linear-gradient(to right,#0b9ee4,#0b9ee4);
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0b9ee4,endColorStr=#0b9ee4);
    border: 0; color:#fff;
}
	.gengduo{
	color:#99a1a7;
	font-size:0;
	text-align:center;
	line-height:38px;
	}

	.gengduo a{
		background-color:#fff;
		border-radius:3px;
		color:#99a1a7;
		font-size:14px;
		display:inline-block;
		line-height:38px;
		margin:0 4px;
		height:38px;
		width:135px;
		}
			.gengduo a:hover,
	.gengduo a.current{
		    background-image: -webkit-gradient(linear,left top, right top,from(#01be6e),to(#01be6e));
    background-image: -webkit-linear-gradient(left,#01be6e,#01be6e);
    background-image: linear-gradient(to right,#01be6e,#01be6e);
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#01be6e,endColorStr=#01be6e);
    border: 0;
		color:#fff;
		}

		.pagePrev,
		.pageNext{
			display:inline-block;
			position:relative;
			top:7.5px;
			height:23px;
			width:13px;
			}
		.pagePrev{ background-position:-166px 0;}
		.paging a:hover .pagePrev{ background-position:-194px 0;}
		.pageNext{ background-position:-180px 0;}
		.paging a:hover .pageNext{ background-position:-208px 0;}
	.paging i{
		font-size:14px;
		display:inline-block;
		margin:0 4px;
		}
		.pagetj {
    display: inline-block !important;
    width: 10% !important;
}


.box-tab {
	overflow: hidden;
	height: 42px;
	background: #f5f5f5;
}
.box-tab li {
	float: left;
	padding:0px 50px;
	text-align: center;
	line-height: 42px;
	border-right: 1px solid #ddd;
	font-size: 14px;
	font-weight: bold;
	color: #78909c;
	cursor: pointer;
	display: block;
}
.box-tab li.on {
	background: #0b9ee4;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.box-tab li.no:hover {
	background: #0b9ee4;
	color: #fff;
}
.shopitem {
	border-bottom: 1px solid #eaeaea;
	padding: 10px 0;
}
.shoplist .uhead {
	float: left;
	width: 50px;
	text-align: center;
}
.shoplist .uhead img {
	margin: 0 auto;
	border: 1px solid #eaeaea;
	padding: 1px;
	display: block;
	border-radius: 50%;
}
.shoplist .shoptxt {
	float: right;
	width: 688px;
}
.shoplist .time {
	color: #8c8c8c;
	float: right;
	padding: 10px 0px 10px 10px;
}
.shoplist .pcontent {
	background: #f5f5f5;
	padding: 10px;
	width: 678px;
}
/*评论*/
#primary .area #comments {
	padding: 20px
}
#primary .area #comments ol li {
	padding: 20px;
	border-top: 1px solid #E5E5E5;
	position: relative
}
#primary .area #comments ol li:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#primary .area #comments ol #commetpages {
	text-align: center;
	margin: 20px 0;
	padding-top: 20px;
	border-top: 1px dotted #ccc
}
#primary .area #comments ol #commetpages a, #primary .area #comments ol #commetpages span {
	display: inline-block;
	padding: 10px 15px;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
	box-shadow: 0 1px 1px rgba(0,0,0,.1)
}
#primary .area #comments ol #commetpages a:hover, #primary .area #comments ol #commetpages span.hover {
	background: #00c3b6;
	border-color: #00c3b6;
	color: #fff
}
#comments {
	display: inline-block;
}
#comments .comment-list .comment-body {
	min-height: 44px;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 10px;
}
#comments .comment-list .comment-author {
	float: left;
	display: inline;
	line-height: 1;
	height: 44px;
	border-radius: 44px;
	position: relative;
	margin-right: 20px;
}
#conterr {
	display: none;
	padding: 50px;
	text-align: center;
	font-size: 16px;
	color: red
}
#comments .comment-list .comment-author img {
	border-radius: 44px
}
#comments ::-webkit-input-placeholder {
color:#bbb
}
#comments input:-moz-placeholder {
color:#bbb
}
#respond {
	position: relative
}
#respond #comment-status p {
	width: 100%;
	height: 102px;
	background-color: #00c3b6
}
#respond #comment-status .ajax-success {
	background-color: #00c3b6
}
#respond #comment-status .ajax-error {
	background-color: #ea4c89
}
#respond #smilies {
	margin-left: 84px;
	position: relative
}
#respond #smilies .smilies-icon {
	font-size: 18px;
	color: #999;
	cursor: pointer;
	width: 36px
}
#respond #smilies .smilies-box {
	display: none;
	position: absolute;
	left: 30px;
	top: -3px;
	z-index: 9
}
#respond #smilies .smilies-box:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent #d8d8d8 transparent transparent;
	left: -16px;
	top: 8px
}
#respond #smilies .smilies-box a {
	background-color: #fff;
	padding: 3px 5px;
	display: block;
	float: left;
	border: 1px solid #e5e5e5;
	margin: -1px;
	position: relative;
	-webkit-transition: none;
	transition: none
}
#respond #smilies .smilies-box a:hover {
	border: 1px solid #00C3B6;
	z-index: 1
}
#respond #author-info {
	margin: 10px auto;
	margin-left: 84px;
	height: auto;
	overflow: hidden
}
#respond #author-info div {
	border: 1px solid #CBCBCB;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
	position: relative;
	float: left;
	margin-right: 10px;
	max-width: 31%
}
#respond #author-info input {
	background-color: transparent;
	border: 0 none;
	float: left;
	color: #333;
	height: 39px;
	padding: 10px 10px 10px 40px;
	box-sizing: border-box;
	width: 100%
}
#respond #author-info label {
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0
}
#respond #author-info label i {
	color: #999;
	font-size: 15px
}
#respond #author-info label span {
	color: #ea4c89;
	vertical-align: text-top;
	margin-left: 3px
}
#respond .comment-from-main {
	padding-left: 20px;
	margin: 10px auto;
	height: auto;
	overflow: hidden;
	position: relative
}
#respond .comment-from-main:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#respond .comment-from-main .avatar {
	float: left;
	width: 44px;
	height: 44px;
	border-radius: 44px;
	overflow: hidden
}
#respond .comment-from-main .avatar img {
	width: 44px;
	height: 44px;
	border-radius: 44px
}
#respond .comment-from-main #comment-tip {
	position: absolute;
	z-index: 9;
	height: 100%;
	left: 84px;
	right: 138px;
	top: 0;
	-webkit-transition: all .2s;
	transition: all .2s;
	line-height: 100px;
	display: none;
	text-align: center;
	font-size: 16px;
	color: #FFF
}
#respond .comment-from-main #comment-tip p {
	margin: auto
}
#respond .comment-form-box {
	border: 1px solid #CBCBCB;
	padding: 10px;
	height: 102px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
	margin-left: 64px;
	margin-right: 138px
}
#respond .comment-form-box textarea {
	border: 0 none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	resize: none;
	outline: none
}
#respond .form-submit #submit {
	background-color: #339EF4;
	border: 0 none;
	color: #FFF;
	width: 138px;
	font-size: 14px;
	height: 124px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0
}
#respond .form-submit #submit.disabled {
	cursor: not-allowed;
	background: url(../images/ajax-loader.gif) center no-repeat #2C2C2C
}
#respond .form-submit #submit.disabled:hover {
	background-color: #2C2C2C
}
#respond .form-submit #submit:hover {
	background-color: #1E8AE6
}
#comment-from-tify {
	float: right;
	color: #999;
	margin: 5px auto
}
#comment-from-tify input {
	margin-right: 5px
}
#comments .comment-list #respond {
	margin-left: 64px;
	margin-top: 20px
}
#comments .logged-in-as {
	margin-left: 84px
}
#comments .comment-reply-title {
	position: absolute;
	left: 0;
	top: 50px;
	width: 84px;
	text-align: center;
	z-index: 999
}
#comments .comments-cishu {
	padding: 15px 0;
	font-size: 16px
}
#comments .comments-cishu strong {
	font-size: 30px;
	color: #00c3b6;
	font-family: Arial;
	font-weight: 400
}
#comments .comment-list .children .comment {
	margin: 20px auto auto 64px
}
#comments .comment-list .comment-main {
	margin-left: 64px;
	margin-right: 25px
}
#comments .comment-list .comment-main a {
	color: #666;
	text-decoration: underline
}
#comments .comment-list .comment-main em {
	font-style: normal
}
#comments .comment-list .comment-main .wp-smiley {
	vertical-align: bottom;
	height: auto!important;
	max-height: inherit!important
}
#comments .comment-list .comment-meta {
	margin-top: 8px;
	margin-bottom: 5px
}
#comments .comment-list .comment-meta span {
	margin-right: 5px
}
#comments .comment-list .comment-meta span.date {
	color: #B0BEC5
}
#comments .comment-list .comment-meta span.author {
	color: #00c3b6
}
#comments .comment-list .comment-meta a {
	color: #2196f3;
	text-decoration: none
}
#comments .comment-list .comment-meta span.admin-author {
	background-color: rgba(0,0,0,.4);
	color: #FFF;
	padding: 2px 4px;
	border-radius: 2px
}
#comments .comment-list .reply {
	display: none
}
#comments .comment-list li.comment:hover .reply {
	display: inline-block
}
#comments .comment-list cite {
	font-style: normal
}
#comments .comment-list .comment-awaiting-moderation {
	font-style: normal;
	color: #ea4c89
}
#comments .comment-navigation {
	border-top: 1px solid #eee;
	padding: 30px 20px;
	margin-bottom: 0
}
#comments .comment-list .comment-floor {
	right: 50px;
	float: right;
	font-size: 19px;
	font-style: italic;
	line-height: 1;
	margin-top: -40px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #c8c8c8
}
#comments .comment-list li.comment:hover .comment-floor {
	color: #999
}
#comments .navigation .page-numbers, #comments .navigation .pages {
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: none
}
#comments .navigation .dots {
	border: 0 none
}
.page #primary {
	height: 100%;
	overflow: hidden;
	padding-bottom: 2px
}
.page #primary .area {
	margin-bottom: 0;
	float: left;
	width: 100%;
	background-color: inherit;
	box-shadow: none
}
.page #primary .area .single-content {
	padding: 10px 30px
}
.page #primary .area .page-wrapper {
	margin-left: 300px;
	background-color: #FFF;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}
.page #primary .area .page-links-list {
	height: auto;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	margin: 0 30px 30px 30px
}
.page #primary .area .page-links-list ul li a {
	float: left;
	width: 19%;
	margin: .5%;
	padding: 10px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #777;
	display: block
}
.page #primary .area .page-links-list ul li img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -2px 5px 0 0
}
.page #primary .area .page-links-list ul li a:hover {
	color: #00c3b6
}
.page #primary .aside {
	width: 280px;
	background-color: #FFF;
	float: left;
	margin-left: -100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.1)
}
.page #primary .aside .menus ul li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding: 15px 20px;
	border-bottom: 1px solid #E5E5E5
}
.page #primary .aside .menus ul li a:hover {
	background-color: #F9F9F9
}
.page #primary .aside .menus li.current_page_item a {
	background-color: #00c3b6
}
.page #primary .aside .menus li.current_page_item:hover a {
	background-color: #00c3b6
}
.page #primary .aside .menus li.current_page_item a {
	color: #fff
}
.page #primary .aside .menus ul li:last-child a {
	border-bottom: 0 none
}
.page #primary .aside .menus ul li .children {
	border-bottom: 1px solid #F2F2F2
}
.page #primary .aside .menus ul li .children a {
	font-size: 12px;
	border-bottom: 0 none;
	border-left: 1px solid #F2F2F2;
	margin-left: 20px
}
.page.sitemap .item ul li {
	border-bottom: 1px solid #F2F2F2;
	height: auto;
	overflow: hidden;
	padding: 20px
}
.page.sitemap .item .children {
	margin-top: 10px;
	height: auto;
	overflow: hidden
}
.page.sitemap .item .children li {
	float: left;
	border-bottom: 0 none;
	padding: 0;
	margin: 0 20px 5px 0
}
.page.sitemap .item .children li a {
	color: #777
}
.page.sitemap .item .children li a:hover {
	text-decoration: underline
}
.sub-billboard.authors {
	height: 350px
}
.sub-billboard.authors .wrapper {
	height: 300px
}

.bgWhite{padding:20px;}
.zhangjie{display:block; width:80%;}
.zhangjie li{line-height:32px;}
.zhangjie li a{ font-size:14px;}
.zhangjie li a:hover{color: #0b9ee4}