@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: 101px;
  min-width: 1200px;
  background: url(../images/navbg.jpg) repeat;
}
div.zxx-logo {
  height: 101px;
  width: 412px;
  float: left;
  background: url(../images/zxx-logo.png) no-repeat center;
}
div.zxx-navbar {
	margin-top: 6px;
	float: right;
	width: 720px;
	height: 101px;
}
div.zxx-navbar ul li {
  width: 140px;
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: center;
  background-color: #0b9ee4;
  margin-left: 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 {
  padding:0px 0 0 0px;
 
}
div.zxx-rtitle p b{
 border-bottom:3px solid #0b9ee4; padding:5px 3px;
  height: 40px;
  line-height: 40px;
}
div.zxx-rtitle h3 span{
 border-bottom:3px solid #0b9ee4; padding:5px 3px;margin-left: 20px;
  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}

.g-05box a:hover, a:focus {
   
    text-decoration: none;
}
.c-huodong{ width: 100%;}
.c-huodong .c-mt{ padding: 20px;}
.c-huodong .c-mt .c-img{ width: 326px; height: 150px;}
.c-huodong .c-mt .c-img img{ width: 326px; height: 150px;}
.c-huodong .c-mt h1{ color: #333333; font-size: 16px; line-height: 24px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0;}
.c-huodong .c-mt dd{ font-size: 14px; line-height: 24px; color: #323232; margin-bottom: 8px;}
.c-huodong .c-mt dd span{ color: #909090;}
.c-huodong .c-mt dd.c-main{ height: 96px; overflow: hidden;}
.c-huodong .c-mt dt{ padding: 12px 0 21px 0;}
.c-huodong .c-mt dt a{ display: block; width: 126px; height: 32px; border-radius: 16px; margin: 0 auto; color: #323232; background: #e6e6e6; line-height: 32px; text-align: center;}
.c-huodong .c-mt dt a:hover{ color: #fff; background: #0b9ee4;}
.c-huodong .c-mc dl{ overflow: hidden; border-top: 1px solid #e3e3e3; background: #f1f1f1; height: 90px;}
.c-huodong .c-mc dd{ width: 33.333333%; float: left; height: 90px; text-align: center;}
.c-huodong .c-mc dd .c-img{ height: 36px; margin-top: 6px;}
.c-huodong .c-mc dd .c-img i{ color: #fc1310; font-size: 26px;}
.c-huodong .c-mc dd .c-tit{ color: #323232; font-size: 14px;}
.c-huodong .c-mc dd .c-num{ color: #fc1310; font-size: 14px;}
.c-huodong .hd{ position: absolute; top: 24px; right: 20px;}
.c-huodong .hd ul{ text-align: center;}
.c-huodong .hd li{ width: 8px; height: 8px; border-radius: 50%; background: #e5e5e5; margin-left: 6px; display: inline-block; cursor: pointer;}
.c-huodong .hd li.on{ background: #0b9ee4;}

.g-h1{height: 54px; line-height: 54px; position: relative; padding-left: 38px; font-size: 20px; color: #000000;}
.g-h1:after{content: ""; width: 5px; height: 21px; background: #0b9ee4; position: absolute; top: 17px; left: 20px;}
.g-h1 a{ float: right; line-height: 54px; color: #909090; font-size: 14px; padding-right: 20px;}

.hd_list{ width: 366px; background:#f5f5f5; float:left; margin:0 10px;}
	 @font-face {
  font-family: 'iconfont';
  src: url('/fonts/iconfont.woff2?t=1647070620614') format('woff2'),
       url('/fonts/iconfont.woff?t=1647070620614') format('woff'),
       url('/fonts/iconfont.ttf?t=1647070620614') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.zxx-writebg{background:#fff; width:100%;}
.g-05box{background:#fff; padding:10px 0;}
.g-05box .g-content .g-conLef{float: left; margin-right: 20px; background: #f5f5f5; width: 930px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); padding-bottom: 20px;}
.g-05box .g-content .g-conLef .g-topNav{height: 74px; background: #fff;}
.g-05box .g-content .g-conLef .g-topNav .g-lef{float: left; overflow: hidden;}
.g-05box .g-content .g-conLef .g-topNav .g-lef li{float: left; width: 130px; height: 74px; text-align: center;}

.g-05box .g-content .g-conLef .g-topNav .g-lef li .g-icon1{width: 28px; height: 26px; margin: 12px auto 6px auto; background: url(/static/images/icon10-1.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef li .g-icon2{width: 28px; height: 26px; margin: 12px auto 6px auto; background: url(/static/images/icon11-1.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef li .g-icon3{width: 28px; height: 26px; margin: 12px auto 6px auto; background: url(/static/images/icon12-1.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef li .g-icon4{width: 28px; height: 26px; margin: 12px auto 6px auto; background: url(/static/images/icon13-1.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef li .g-icon5{width: 28px; height: 26px; margin: 12px auto 6px auto; background: url(/static/images/icon14-1.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef li p{font-size: 14px; color: #323232;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active{background: #0b9ee4;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active .g-icon1{background: url(/static/images/icon10.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active .g-icon2{background: url(/static/images/icon11.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active .g-icon3{background: url(/static/images/icon12.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active .g-icon4{background: url(/static/images/icon13.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active .g-icon5{background: url(/static/images/icon14.png) no-repeat center top;}
.g-05box .g-content .g-conLef .g-topNav .g-lef ul .active p{color: #fff;}

.g-05box .g-content .g-conLef .g-topNav .g-btn{display: block; width: 125px; height: 33px; text-align: center; line-height: 33px; background: #0b9ee4; color: #fff; border-radius: 16px; float: right; margin: 21px 56px 0 0 ;}

.g-05box .g-content .g-conLef .g-lefBot{padding: 0 20px;}
.g-05box .g-content .g-conLef .g-info{padding-bottom: 20px;}
.g-05box .g-content .g-conLef .g-info .g-top{overflow: hidden; padding: 20px 0 10px 0;}
.g-05box .g-content .g-conLef .g-info .g-top .g-icon{width: 130px; height: 60px; float: left; overflow: hidden; margin-right: 18px;}
.g-05box .g-content .g-conLef .g-info .g-top .g-icon img{width: 130px; height: 60px;}
.g-05box .g-content .g-conLef .g-info .g-top .g-txt{float: left;}
.g-05box .g-content .g-conLef .g-info .g-top .g-txt .g-tit{font-size: 16px; color: #333333; font-weight: bold;}
.g-05box .g-content .g-conLef .g-info .g-top .g-txt .g-tit span{font-size: 16px; color: #0b9ee4; font-weight: initial;}
.g-05box .g-content .g-conLef .g-info .g-top .g-txt .g-time{font-size: 14px;  color: #323232;}
.g-05box .g-content .g-conLef .g-info .g-top .g-txt .g-time span{color: #909090;}
.g-05box .g-content .g-conLef .g-info .g-bot{line-height: 24px; font-size: 14px; color: #323232;}

.g-05box .g-content .g-conLef .g-peop {border: 1px solid #ebebeb;}
.g-05box .g-content .g-conLef .g-peop .g-title{height: 40px; background: #ebebeb; line-height: 40px; font-size: 16px; color: #000000; padding: 0 15px;}
.g-05box .g-content .g-conLef .g-peop .g-title span{font-size: 14px; color: #0b9ee4;}

.c-05 .bc .g-title{height: 40px; background: #ebebeb; line-height: 40px; font-size: 16px; color: #000000; padding: 0 15px;margin-bottom:20px;}
.c-05 .bc .g-title span{font-size: 14px; color: #0b9ee4;}

.g-05box .g-content .g-conLef .g-peop ul{overflow: hidden;}
.g-05box .g-content .g-conLef .g-peop li{width: 220px; float: left; position: relative; overflow: hidden; padding: 18px 0;}
.g-05box .g-content .g-conLef .g-peop li:after{content: ""; width: 1px; height: 60px; background: #e5e5e5; position: absolute; top: 18px; right: 0;}
.g-05box .g-content .g-conLef .g-peop li .g-img{width: 60px; overflow: hidden; float: left; margin-left: 22px; margin-right: 10px;}
.g-05box .g-content .g-conLef .g-peop li .g-img img{width: 60px; height: 60px; border-radius: 50%;}
.g-05box .g-content .g-conLef .g-peop li .g-txt{float: left; margin-top: 18px;}
.g-05box .g-content .g-conLef .g-peop li .g-txt .g-name{font-size: 14px; color: #323232;}
.g-05box .g-content .g-conLef .g-peop li .g-txt .g-name .icon-nan{font-size: 16px; color: #7bb8f3; margin-left: 6px; vertical-align: -2px;}
.g-05box .g-content .g-conLef .g-peop li .g-txt .g-book{font-size: 14px; color: #323232; margin-left: 0;}
.g-05box .g-content .g-conLef .g-peop li:nth-child(4n):after{width: 0;}

.g-05box .g-content .g-conLef .g-pages{border-top: 1px solid #ebebeb; padding-top: 20px;}


/*页面右侧*/
.g-05box .g-content .g-conRig{width: 250px; float: left;}
.g-number{background: #f5f5f5; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); overflow: hidden; height: 100px;}
.g-number li{float: left; width: 82px; text-align: center;}
.g-number li .g-icon{width: 27px; height: 23px; margin: 18px auto 6px auto; color:#fc1310;}
.g-number li p{font-size: 14px; color: #323232;}
.g-number li p font{color: #fc1310;}
 
.g-05box .g-content .g-conRig .g-zan{margin-top: 20px; background: #f5f5f5; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.g-05box .g-content .g-conRig .g-zan .g-top{height: 42px; background: url(../img/top-bg2.jpg) no-repeat center top; line-height: 42px; font-size: 16px; color: #000000; padding-left: 16px;}
.g-05box .g-content .g-conRig .g-zan ul{padding: 5px 0;}
.g-05box .g-content .g-conRig .g-zan li{overflow: hidden; padding: 0 15px; height: 35px; line-height: 35px;}
.g-05box .g-content .g-conRig .g-zan li .g-lef{font-size: 14px; color: #323232; float: left;}
.g-05box .g-content .g-conRig .g-zan li .g-lef font{color: #4c9ff1;}
.g-05box .g-content .g-conRig .g-zan li .g-rig{float: right; font-size: 14px; color: #323232;}

/*052box*/
.g-05box .g-content .g-conLef .g-book{margin-left: 75px; margin-top: 24px;}
.g-05box .g-content .g-conLef .g-book li{float: left; margin-right: 30px; margin-bottom: 14px;}
.g-05box .g-content .g-conLef .g-book li .g-img{box-shadow: 0px 0px 10px 0px rgba(10, 1, 2, 0.12); width: 124px; height: 170px; overflow: hidden;}
.g-05box .g-content .g-conLef .g-book li .g-txt{text-align: center; height: 40px; line-height: 40px; font-size: 14px; color: #333333;}
.g-05box .g-content .g-conLef .g-book .g-pages{border-top: 0; margin-left: -75px;}

.g-05box .g-content .g-conRig .g-state{margin-top: 20px; width: 250px; background: #f5f5f5;  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.g-05box .g-content .g-conRig .g-state .g-top{height: 42px; line-height: 42px; background: url(../img/top-bg2.jpg) no-repeat center top; overflow: hidden; padding: 0 15px;}
.g-05box .g-content .g-conRig .g-state .g-top .g-lef{float: left; font-size: 16px; color: #000000;}
.g-05box .g-content .g-conRig .g-state .g-top .g-rig{float: right; font-size: 14px; color: #909090;}
.g-05box .g-content .g-conRig .g-state .g-top .g-rig i{font-size: 16px; color: #cecece;}
.g-05box .g-content .g-conRig .g-state ul{padding: 10px 0;}
.g-05box .g-content .g-conRig .g-state li{ width: 220px; margin: 0 auto; height: 38px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-05box .g-content .g-conRig .g-state li span{display: inline-block; width: 4px; height: 4px; background: #b0b0b0; margin-right: 10px; vertical-align: 2px;}
.g-05box .g-content .g-conRig .g-state li a{font-size: 14px; color: #323232;}
.g-05box .g-content .g-conRig .g-state li:hover a{color: #fc1310;}
.g-05box .g-content .g-conRig .g-state li:hover span{background: #fc1310;}

.g-05box .g-content .g-conRig .g-organize{background: #f5f5f5; margin-top: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.g-05box .g-content .g-conRig .g-organize .g-top{height: 42px; line-height: 42px; background: url(../img/top-bg2.jpg) no-repeat center  top; padding: 0 15px; font-size: 16px; color: #000000;}
.g-05box .g-content .g-conRig .g-organize .g-con{padding: 15px; overflow: hidden;}
.g-05box .g-content .g-conRig .g-organize .g-con .g-img{width: 76px; height: 76px; float: left; margin-left: 15px; margin-right: 10px;}
.g-05box .g-content .g-conRig .g-organize .g-con .g-txt{float: left; height: 76px; line-height: 76px; font-size: 14px; color: #323232;}

.g-05box .g-content .g-conRig .g-who{background: #f5f5f5; margin-top: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.g-05box .g-content .g-conRig .g-who .g-top{overflow: hidden;background: url(../img/top-bg2.jpg) no-repeat center top; height: 42px; line-height: 42px; padding: 0 15px;}
.g-05box .g-content .g-conRig .g-who .g-top .g-lef{float: left; font-size: 16px; color: #000000;}
.g-05box .g-content .g-conRig .g-who .g-top .g-rig{float: right; font-size: 14px; color: #909090;}
.g-05box .g-content .g-conRig .g-who .g-top .g-rig i{font-size: 16px; color: #d0d0d0;}
.g-05box .g-content .g-conRig .g-who ul{overflow: hidden; padding-top: 20px;}
.g-05box .g-content .g-conRig .g-who li{float: left; width: 60px; text-align:center; margin-left: 17px; margin-bottom: 10px;}
.g-05box .g-content .g-conRig .g-who li img{width: 60px; height: 60px; border-radius: 50%;}
.g-05box .g-content .g-conRig .g-who li p{padding-top:5px;}
/*053box*/
.g-05box .g-content .g-conLef .g-lefBot .g-after{overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 12px 0; margin-top: 20px;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-lef{float: left; }
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-lef .g-img{width: 70px; height: 70px; border-radius: 50%; overflow: hidden; float: left; margin-right: 16px;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-lef .g-img img{width: 70px; height: 70px; border-radius: 50%;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-lef .g-txt{float: left;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-lef .g-txt strong{font-size: 24px; color: #333333; font-weight: bold;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-lef .g-txt  .g-intro{font-size: 14px; color: #909090; padding-left: 10px; height: 30px; line-height: 30px;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-btn{display: block; padding:0 30px; height: 32px; line-height: 32px; background: #ff9400; line-height: 32px; color: #fff; font-size: 14px; float: right; border-radius: 16px; text-align: center;   margin-top: 20px;}
.g-05box .g-content .g-conLef .g-lefBot .g-after .g-btn i{font-size: 18px; color: #fff; vertical-align: -2px;}
.g-05box .g-content .g-conLef .g-lefBot .g-text{font-size: 16px; color: #323232;  line-height: 32px; padding: 20px 15px;}

.g-05box .g-content .g-conLef .g-lefBot .g-guide{width: 788px; height: 64px; background: #e7eef5; padding: 0 30px; line-height: 64px; margin-left: 30px;}
.g-05box .g-content .g-conLef .g-lefBot .g-guide .g-lef{float: left;}
.g-05box .g-content .g-conLef .g-lefBot .g-guide .g-cen{float: left; width: 480px; text-align: center;}
.g-05box .g-content .g-conLef .g-lefBot .g-guide .g-rig{float: left;}

.g-05box .g-content .g-conLef .g-lefBot .g-words{width: 848px;  margin-top: 35px;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-top{height: 44px; line-height: 44px; background: #ebebeb;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-top .g-lef{float: left; padding-left: 20px; position: relative; font-size: 20px; color: #000000;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-top .g-lef:after{content: ""; width: 5px; height: 21px; background: #0b9ee4; position: absolute; top: 12px; left: 0; }
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-top .g-rig{float: left; position: relative; padding-left: 20px; margin-left: 20px; font-size: 12px; color: #969696;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-top .g-rig:after{content: ""; width: 1px; height: 20px; background: #e3e3e3; position: absolute; top: 12px; left: 0;}
.g-05box .g-content .g-conLef .g-lefBot .g-words textarea{width: 848px; height: 98px; font-size: 16px; color: #9090900; resize: none; font-size: 16px; color: #909090; border: 1px solid #e3e3e3; padding: 12px 10px; background: #f9f9f9;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-btn{display: block; width: 110px; height: 32px; line-height: 32px; text-align: center; background: #0b9ee4; color: #fff; font-size: 14px; margin: 15px 0; float: right; border-radius: 18px;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded{overflow: hidden; margin-top: 64px; border: 1px solid #e3e3e3; padding: 0 16px; height: 415px; overflow-y: scroll;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li{padding: 18px 0; overflow: hidden; border-bottom: 1px solid #ebebeb;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%; float: left; margin-right: 22px;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-img img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-txt{float: left;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-txt .g-tit{margin-bottom: 10px;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-txt strong{font-size: 14px; color: #4c9ff1;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-txt span{font-size: 12px; color: #909090; display: inline-block; margin-left: 12px;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li .g-txt p{font-size: 14px; color: #323232; line-height: 24px;}
.g-05box .g-content .g-conLef .g-lefBot .g-words .g-worded li:nth-last-child(1){border-bottom: 0;}

/*054box*/
.g-05box .g-content .g-conLef .g-lefBot .g-form{padding: 20px 0;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li{overflow: hidden;  margin-bottom: 25px;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li .desc{line-height: 40px;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li .g-lef{float: left; font-size: 14px; color: #909090; width: 220px; text-align: right; line-height: 40px;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li .g-lef font{color: #fc1310; font-size: 14px;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li .g-rig{float: left; margin-left: 36px; font-size: 14px; color: #323232;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li .g-rig input{width: 478px; height: 38px; line-height: 38px; border: 1px solid #e3e3e3; padding-left: 15px;}

.g-05box .g-content .g-conLef .g-lefBot .g-form li .g-rig .g-tishi{font-size: 12px; color: #909090; line-height: 24px; margin-left: 12px;}
.g-05box .g-content .g-conLef .g-lefBot .g-form li .g-rig textarea{width: 478px; height: 336px; font-size: 14px; color: #909090; resize: none; padding: 15px; border: 1px solid #e3e3e3;}
.g-05box .g-content .g-conLef .g-lefBot .g-form .g-submit{display: block; width: 125px; height: 32px; line-height: 32px; text-align: center; background: #ff6364; font-size: 14px; color: #fff; border-radius: 18px; margin-left: 426px;}

/*06活动首页*/
.g-05box .g-content .g-conLef .g-lefBot .g-books{ }
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-top{background: #ebebeb; height: 40px; line-height: 40px; overflow: hidden; padding: 0 10px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-top .g-lef{float: left; font-size: 16px; color: #000000;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-top .g-rig{float: right; font-size: 14px; color: #909090;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-top .g-rig i{color: #d4d4d4; font-size: 14px; margin-right: 5px;} 
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot {border: 1px solid #e3e3e3; border-top: 0;  padding: 20px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox{position: relative; height: 540px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .hd{position: absolute; bottom: 33px; left: 406px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .hd ul{font-size: 0; text-align: center;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .hd li{display: inline-block; width: 10px; height: 10px; background: #d6d6d6; border-radius: 50%; float: left; margin: 0 4px; transition: 0.3s all;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .hd  ul .on{background: #4c9ff1; width: 28px; border-radius: 4px; }
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd {margin-left: 45px; padding-top: 20px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd li{margin-top: 10px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd li dl{float: left; margin-left: 30px;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd li dl:hover dt{box-shadow: 0 0 15px 0 rgba(0,0,0,.25);}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd li dl:hover dd{color: #4c9ff1;}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd li dl dt{width: 124px; height: 170px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
.g-05box .g-content .g-conLef .g-lefBot .g-books .g-bot .slideBox .bd li dl dd{text-align: center; font-size: 14px; color: #333333; height: 40px; line-height: 40px; margin-bottom: 16px;}

.g-05box .g-content .g-conLef .g-lefBot .g-writing{margin-top: 20px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-top{background: #ebebeb; height: 40px; line-height: 40px; overflow: hidden; padding: 0 10px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-top .g-lef{float: left; font-size: 16px; color: #000000;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-top .g-rig{float: right; font-size: 14px; color: #909090;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-top .g-rig i{color: #d4d4d4; font-size: 14px; margin-right: 5px;} 
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot {border: 1px solid #e3e3e3; border-top: 0; height: 900px; padding-top: 10px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li{height: 272px; width: 415px; background: #fff; margin: 10px 0 10px 20px;  position: relative; float: left;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop{overflow: hidden;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-lef{float: left; width: 94px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-lef .g-img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%; margin: 58px 0 16px 16px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-lef .g-name{font-size: 14px; color: #323232; margin-left: 22px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-rig{float: left; width: 306px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-rig .g-tit{font-size: 16px; color: #333333; font-weight: bold; height: 52px; line-height: 52px; width: 306px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-rig .g-txt{font-size: 14px; color: #323232; line-height: 24px; height: 94px; overflow: hidden; width: 306px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-rigbot{margin-top: 16px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-rigbot .g-data{font-size: 14px; color: #909090; float: left;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-share{overflow: hidden; float: right; margin-right: 6px; position: absolute; top: 160px; right: 20px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-share li{width:  auto; height: auto; margin: 0; float: left; margin-left: 20px; box-shadow: 0 0 0 0;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-share li i{font-size: 16px; color: #0b9ee4;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li .g-contop .g-rigbot .g-share li span{color: #323232; font-size: 14px;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li  .g-conbot{width: 390px; height: 52px; line-height: 52px; background: #f0f7fe; margin-left: 16px; margin-top: 20px; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-05box .g-content .g-conLef .g-lefBot .g-writing .g-bot li  .g-conbot i{font-size: 30px; color: #0b9ee4; margin: 0 16px; vertical-align: -2px;}


.a-book-list{
	width: 100%;
 
}
.a-book-list li {
	float: left;
	width: 148px;
	margin:0 21px 10px 0;
}
.a-book-list li img {
	border: 1px solid #eee; width:100%; height:200px;
}
.a-book-list li span {
	display: block;
	width: 100%; line-height:24px; text-align:center; color:#000; font-size:14px; padding-top:5px;
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all;
	word-spacing: normal;
	text-overflow: ellipsis;
}
.a-book-list li label {
	display: block;
	width: 100%; line-height:24px; text-align:center; font-size:12px; font-weight:normal; 
	overflow: hidden;
	white-space: nowrap;
	word-break: break-all;
	word-spacing: normal;
	text-overflow: ellipsis;
}


.c-05 .bc{ background: #f5f5f5; padding-bottom: 20px;}
.c-05 .bc .c-head ul{ padding: 0 20px; overflow: hidden;}
.c-05 .bc .c-head li{ float: left; position: relative;}
.c-05 .bc .c-head li a{ display: block; padding: 0 15px; height: 60px; line-height: 60px; font-size: 20px; color: #000000;}
.c-05 .bc .c-head li.active:after{ content: ""; position: absolute; top: 0; left: 0; height: 5px; width: 100%; background: #6cb0f3;}
.c-05 .bc .c-main ul{ padding-left: 20px;}
.c-05 .bc .c-main li{ width: 400px; height: 204px;   margin: 15px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); float: left;}
.c-05 .bc .c-main .c-t{ overflow: hidden;}
.c-05 .bc .c-main .c-t .c-toux{ width: 94px; float: left; margin-top: 59px;}
.c-05 .bc .c-main .c-t .c-toux .c-img{ width: 62px; height: 62px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.c-05 .bc .c-main .c-t .c-toux .c-img img{ width: 62px; height: 62px; border-radius: 50%; }
.c-05 .bc .c-main .c-t .c-toux .c-tit{ text-align: center; font-size: 14px; line-height: 50px; color: #323232;}
.c-05 .bc .c-main .c-title{ width: 266px; float: left;}
.c-05 .bc .c-main .c-title h1 a{ color: #333333; font-size: 16px; font-weight: bold; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; margin-bottom: 10px;}
.c-05 .bc .c-main .c-title p{ font-size: 14px; line-height: 24px; color: #323232; height: 96px; overflow: hidden; margin-bottom: 10px;}
.c-05 .bc .c-main .c-title dl{ overflow: hidden;}
.c-05 .bc .c-main .c-title dt{ float: left; color: #909090; font-size: 14px; font-weight:normal;}
.c-05 .bc .c-main .c-title dd{ float: right; color: #323232; font-size: 14px; margin-left: 20px;}
.c-05 .bc .c-main .c-title dd i{ color: #6cb0f3; margin-right: 5px;}
.c-05 .bc .c-main  .c-b{ width: 344px; height: 52px; background: #f0f7fe; margin: 20px auto 0 auto;}
.c-05 .bc .c-main  .c-b i{ line-height: 52px; color: #6cb0f3; font-size: 30px; width: 60px; display: block; float: left; text-align: center;}
.c-05 .bc .c-main  .c-b .c-tit{ color: #333333; font-size: 14px; line-height: 52px; width: 264px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.box{width:285px;margin:0px auto 0;}

.tab_menu{overflow:hidden;}

.tab_menu li{width:90px;float:left;height:42px;line-height:42px; text-align:center;cursor:pointer;}

.tab_menu li.current{color:#0b9ee4; border-bottom:3px solid #0b9ee4;}

.tab_menu li a{text-decoration:none;font-size: 18px;
    color: #222222; font-weight:bold}

.tab_menu li.current a{color:#0b9ee4;}

.tab_box{padding:0px;}

.tab_box li{height:28px;line-height:28px;overflow:hidden;}
.tab_box li a{ font-size:14px;}
.tab_box li span{margin:0 5px 0 0; font-size:14px; color:#ccc;}

.tab_box .hide{display:none;}