@charset "UTF-8";
/* -------------------------------------------------------------
 *  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
 *  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
 *
 *  List of CSS3 Sass Mixins File to be @imported and @included as you need
 *
 *  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
 *  ENDING css files
 *
 *  note: All CSS3 Properties are being supported by Safari 5
 *  more info: http://www.findmebyip.com/litmus/#css3-properties
 *
 *  Mixins available:
 *    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
      -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
 *    -   background-size         - arguments: Width: 100%, Height: 100%
 *    -   border-radius           - arguments: Radius: 5px
 *    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
 *    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
 *    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
 *    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
 *    -   box-sizing              - arguments: Type: border-box
 *    -   columns                 - arguments: Count: 3, Gap: 10
 *    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
 *    -   flex                    - arguments: Value: 1
 *    -   flip                    - arguments: ScaleX: -1
 *    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
 *    -   opacity                 - arguments: Opacity: 0.5
 *    -   outline radius          - arguments: Radius: 5px
 *    -   resize                  - arguments: Direction: both
 *    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
 *    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
 *    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
 *    -   transform               - arguments: Parameters: null
 *    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
 *    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
 *    -   keyframes               - arguments: Animation name
                                  - content:   Animation css
 *    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)

 *-------------------------------------------------------------*/
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* reset */
* {
  box-sizing: border-box; }

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
  margin: 0;
  padding: 0; }

ul, ol {
  list-style-type: none; }

em {
  font-style: normal; }

a {
  text-decoration: none; }

/* 头部 */
/* title */
.title {
  height: 36px;
  padding: 0 10px;
  border-top: 1px solid #b2a58e;
  line-height: 36px;
  background-color: #f1f0e8; }
  .title h3 {
    line-height: 32px;
    font-size: 16px;
    font-weight: normal; }

/* bar */
.bar {
  padding: 10px;
  border-top: 1px solid #d5d2d2;
  border-bottom: 1px solid #d5d2d2;
  background: transparent linear-gradient(to bottom, rgba(227, 223, 214, 0.3) 0px, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
  box-shadow: 0 15px 15px -14px rgba(172, 172, 172, 0.4); }
  .bar:after {
    content: "";
    display: table;
    clear: both; }

/* list */
.list {
  margin-top: 1px; }
  .list li {
    position: relative;
    padding: 0 10px;
    border-bottom: 1px dashed #ddd; }
    .list li:hover {
      background-color: #fafaf6; }
  .list .active {
    background-color: #fafaf6; }
    .list .active:after {
      content: "";
      position: absolute;
      right: 10px;
      top: 10px;
      width: 10px;
      height: 10px;
      border-top: 2px solid #ccc;
      border-right: 2px solid #ccc;
      transform: rotate(45deg); }
    .list .active a {
      color: #d96630 !important; }
  .list a {
    display: block;
    height: 32px;
    line-height: 32px;
    color: #000;
    text-decoration: none; }
    .list a:hover {
      color: #3169a8; }

/* sod_select */
.sod_select {
  width: 100px;
  height: 36px;
  margin: 0 20px 0 0;
  padding: 0 10px;
  border-color: #b4b2ac;
  border-radius: 4px;
  line-height: 36px;
  font-size: 14px;
  color: #3169a8;
  box-shadow: 0 5px 5px #ddd;
  background-image: -moz-linear-gradient(top, #f6f6f3, #edebe4); }
  .sod_select .sod_list li {
    height: 36px;
    padding: 0 10px;
    line-height: 36px; }
  .sod_select::before {
    display: none; }
  .sod_select:hover, .sod_select.open {
    border-color: #b4b2ac; }
  .sod_select .sod_list, .sod_select.focus {
    border-color: #b4b2ac;
    box-shadow: 0 5px 5px #ddd; }
  .sod_select::after {
    font-size: 12px;
    top: 0;
    color: #3169a8; }
  .sod_select.open {
    color: #3169a8; }
  .sod_select .sod_list {
    width: 100px; }

/* 分页 */
.page {
  display: inline-block;
  padding: 6px 0;
  border: 1px solid #b4b2ac;
  border-radius: 4px;
  box-shadow: 0 5px 5px #ddd;
  background-image: -moz-linear-gradient(top, #f6f6f3, #edebe4); }
  .page a {
    display: inline-block;
    width: 36px;
    height: 24px;
    line-height: 24px;
    color: #3169a8;
    text-align: center; }
    .page a:not(:first-child) {
      border-left: 1px solid #d9dad9; }
    .page a:not(:last-child) {
      border-right: 1px solid #c0c2c3; }

.pagination {
  margin: 0;
  vertical-align: top; }
  .pagination > li > a, .pagination > li > span {
    height: 36px;
    line-height: 22px;
    border-color: #b4b2ac;
    background-image: -moz-linear-gradient(top, #f6f6f3, #edebe4); }
  .pagination > li > a:focus, .pagination > li > a:hover {
    border-color: #b4b2ac;
    color: #ddd;
    background-image: -moz-linear-gradient(top, #8b8578, #8b8578); }
  .pagination > li > span:focus, .pagination > li > span:hover {
    border-color: #b4b2ac;
    color: #ddd;
    background-image: -moz-linear-gradient(top, #8b8578, #8b8578); }

.inset {
  border-left: 1px solid #d1c2a8;
  box-shadow: inset 35px 20px 25px -40px #c1c1c1; }

@media (max-width: 768px) {
  .inset {
    box-shadow: none; }
    .inset .pl24 {
      padding-left: 0; } }

/* 底部 */
/* 第三方登陆 */
.third-party-landing {
  padding-bottom: 20px; }
  .third-party-landing h4 {
    margin-top: 20px;
    font-size: 16px; }
  .third-party-landing ul {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd; }
  .third-party-landing li {
    margin-top: 10px; }
  .third-party-landing .btn {
    width: 250px;
    text-align: left; }
  .third-party-landing .fa {
    margin-right: 5px; }
  .third-party-landing a {
    margin-left: 10px; }

/* 技术圈 */
.technoshpere-hd {
  margin-top: 20px;
  position: relative; }
  .technoshpere-hd img {
    width: 100%; }
  .technoshpere-hd .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5); }
  .technoshpere-hd a {
    color: #fff;
    text-decoration: none; }
  .technoshpere-hd h5 {
    font-size: 16px; }
    .technoshpere-hd h5 small {
      margin-left: 10px;
      color: #d5d4cc; }
  .technoshpere-hd .sub {
    margin-top: 8px;
    font-size: 12px;
    color: #939189; }
    .technoshpere-hd .sub strong {
      font-weight: normal;
      color: #d5d4cc; }
    .technoshpere-hd .sub a {
      margin-left: 5px; }

.technoshpere-bd {
  padding-bottom: 20px; }
  .technoshpere-bd li {
    position: relative;
    margin-top: 20px; }
  .technoshpere-bd a {
    color: #fff; }
  .technoshpere-bd img {
    width: 100%; }
  .technoshpere-bd .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); }
    .technoshpere-bd .txt h6 {
      font-size: 16px; }
    .technoshpere-bd .txt small {
      display: block;
      margin-top: 5px;
      font-size: 14px;
      color: #d5d4cc; }

@media (min-width: 768px) {
  .technoshpere-bd ul {
    font-size: 0; }
  .technoshpere-bd li {
    display: inline-block;
    width: 50%; }
    .technoshpere-bd li:nth-child(odd) {
      border-right: 10px solid transparent; }
    .technoshpere-bd li:nth-child(even) {
      border-left: 10px solid transparent; } }

/* 投稿 */
.content-box li {
  padding: 15px;
  border-bottom: 1px solid #f0f0f0; }

.content-box .fa {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 10px;
  line-height: 50px;
  font-size: 32px;
  text-align: center;
  color: #fff;
  vertical-align: middle; }

.content-box .weixin i {
  background-color: #5ac64f; }

.content-box .weibo i {
  background-color: #f77; }

.content-box .qq i {
  background-color: #5ca3e1; }

.content-box dl {
  margin-top: 15px;
  text-align: center; }

.content-box dd {
  margin-top: 5px;
  font-size: 12px;
  color: #999; }

.contribute-hd {
  margin-bottom: 20px; }
  .contribute-hd dt {
    margin: 20px 0 5px; }

.contribute-main {
  padding-top: 20px; }
  .contribute-main .tips {
    display: inline-block;
    padding: 5px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    color: #999;
    background-color: #f2f2f2; }

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility; }
  html.borderbox * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    html.borderbox *:before, html.borderbox *:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

/* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 <html> 中添加 .borderbox 这个 class */
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0; }

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
  display: inline-block; }

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea {
  font: 400 14px/1.8 Avenir, PingFang SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 去除默认边框 */
fieldset, img {
  border: 0; }

/* 块/段落引用 */
blockquote {
  position: relative;
  color: #999;
  font-weight: 400;
  border-left: 1px solid #1abc9c;
  padding-left: 1em;
  margin: 1em 3em 1em 2em; }

@media only screen and (max-width: 640px) {
  blockquote {
    margin: 1em 0; } }

/* Firefox 以外，元素没有下划线，需添加 */
acronym {
  border-bottom: 1px dotted;
  font-variant: normal; }

abbr {
  border-bottom: 1px dotted;
  font-variant: normal;
  cursor: help; }

/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
/* 一致的 del 样式 */
del {
  text-decoration: line-through; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400; }

/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */
ul, ol {
  list-style: none; }

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

/* 统一上标和下标 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

:root sub, :root sup {
  vertical-align: baseline;
  /* for ie9 and other modern browsers */ }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* 让链接在 hover 状态下显示下划线 */
/* 默认不显示下划线，保持页面简洁 */
ins, a {
  text-decoration: none; }

/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，
 * 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号
 * 关于 <u> 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
 * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
 * 一篇关于 <u> 标签的很好文章：http: */
u, .typo-u {
  text-decoration: underline; }

/* 标记，类似于手写的荧光笔的作用 */
mark {
  background: #fffdd1;
  border-bottom: 1px solid #ffedce;
  padding: 2px;
  margin: 0 5px; }

/* 代码片断 */
pre, code {
  font-family: Courier, 'Courier New', monospace; }

pre {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em 1.5em;
  display: block;
  -webkit-overflow-scrolling: touch; }
  pre tt {
    font-family: Courier, 'Courier New', monospace; }

/* 一致化 horizontal rule */
hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.8em;
  height: 10px; }

/* 底部印刷体、版本等标记 */
small, .typo-small, figcaption {
  font-size: 0.9em;
  color: #888; }

strong, b {
  font-weight: bold; }

/* 可拖动文件添加拖动手势 */
[draggable] {
  cursor: move; }

.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

/* 强制文本换行 */
.textwrap {
  word-wrap: break-word;
  word-break: break-all; }
  .textwrap td, .textwrap th {
    word-wrap: break-word;
    word-break: break-all; }

.textwrap-table {
  table-layout: fixed; }

/* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */
.serif {
  font-family: Palatino, Optima, Georgia, serif; }

/* 保证块/段落之间的空白隔行 */
.typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table {
  margin-bottom: 1.2em; }

.typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote {
  margin-bottom: 1.2em; }

h1, h2, h3, h4, h5, h6 {
  font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
  line-height: 1.4; }

/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  line-height: 1.35; }

.typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  line-height: 1.35; }

.typo h1, .typo-h1 {
  font-size: 2em; }

.typo h2, .typo-h2 {
  font-size: 1.8em; }

.typo h3, .typo-h3 {
  font-size: 1.6em; }

.typo h4, .typo-h4 {
  font-size: 1.4em; }

.typo h5, .typo h6 {
  font-size: 1.2em; }

.typo-h5, .typo-h6 {
  font-size: 1.2em; }

/* 在文章中，应该还原 ul 和 ol 的样式 */
.typo ul, .typo-ul {
  margin-left: 1.3em;
  list-style: disc; }

.typo ol, .typo-ol {
  list-style: decimal;
  margin-left: 1.9em; }

.typo li ul, .typo li ol {
  margin-bottom: 0.8em;
  margin-left: 2em; }

.typo-ul ul, .typo-ul ol {
  margin-bottom: 0.8em;
  margin-left: 2em; }

.typo-ol ul, .typo-ol ol {
  margin-bottom: 0.8em;
  margin-left: 2em; }

.typo li ul, .typo-ul ul, .typo-ol ul {
  list-style: circle; }

/* 同 ul/ol，在文章中应用 table 基本格式 */
.typo table th, .typo table td {
  border: 1px solid #ddd;
  padding: 0.5em 1em;
  color: #666; }

.typo-table th, .typo-table td {
  border: 1px solid #ddd;
  padding: 0.5em 1em;
  color: #666; }

.typo table caption {
  border: 1px solid #ddd;
  padding: 0.5em 1em;
  color: #666; }

.typo table th {
  background: #fbfbfb; }

.typo-table th {
  background: #fbfbfb; }

.typo table thead th, .typo-table thead th {
  background: #f1f1f1; }

.typo table caption {
  border-bottom: none; }

/* 去除 webkit 中 input 和 textarea 的默认样式 */
.typo-input, .typo-textarea {
  -webkit-appearance: none;
  border-radius: 0; }

.typo-em, .typo em, legend, caption {
  color: #000;
  font-weight: inherit; }

/* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */
.typo-em {
  position: relative; }
  .typo-em:after {
    position: absolute;
    top: 0.65em;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"; }

/* Responsive images */
.typo img {
  max-width: 100%; }

@font-face {
  font-family: 'ryicon';
  src: url("fonts/ryicon.eot?7sgjcu");
  src: url("fonts/ryicon.eot?7sgjcu#iefix") format("embedded-opentype"), url("fonts/ryicon.ttf?7sgjcu") format("truetype"), url("fonts/ryicon.woff?7sgjcu") format("woff"), url("fonts/ryicon.svg?7sgjcu#ryicon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ryi-"], [class*=" ryi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ryicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ryi-cat-cog:before {
  content: "\e935"; }

.ryi-cat-follow:before {
  content: "\e936"; }

.ryi-beh-star-o:before {
  content: "\e92f"; }

.ryi-beh-star:before {
  content: "\e930"; }

.ryi-but-plus:before {
  content: "\e931"; }

.ryi-nav-close:before {
  content: "\e932"; }

.ryi-nav-sandwich:before {
  content: "\e933"; }

.ryi-soc-qq:before {
  content: "\e934"; }

.ryi-soc-ms:before {
  content: "\e92e"; }

.ryi-cat-archive:before {
  content: "\e923"; }

.ryi-cat-bookmark:before {
  content: "\e924"; }

.ryi-cat-category:before {
  content: "\e925"; }

.ryi-cat-face:before {
  content: "\e926"; }

.ryi-cat-hero:before {
  content: "\e927"; }

.ryi-cat-paper:before {
  content: "\e928"; }

.ryi-cat-sound:before {
  content: "\e929"; }

.ryi-form-check-o:before {
  content: "\e92a"; }

.ryi-form-check:before {
  content: "\e92b"; }

.ryi-form-edit:before {
  content: "\e92c"; }

.ryi-form-setting:before {
  content: "\e92d"; }

.ryi-angle-down:before {
  content: "\e90f"; }

.ryi-angle-left:before {
  content: "\e910"; }

.ryi-angle-right:before {
  content: "\e911"; }

.ryi-angle-up:before {
  content: "\e912"; }

.ryi-beh-donate-big:before {
  content: "\e913"; }

.ryi-beh-donate:before {
  content: "\e914"; }

.ryi-beh-download:before {
  content: "\e915"; }

.ryi-beh-example:before {
  content: "\e916"; }

.ryi-beh-eye:before {
  content: "\e917"; }

.ryi-beh-heart-o:before {
  content: "\e918"; }

.ryi-beh-heart:before {
  content: "\e919"; }

.ryi-beh-share:before {
  content: "\e91a"; }

.ryi-beh-vote:before {
  content: "\e91b"; }

.ryi-cat-ben:before {
  content: "\e91c"; }

.ryi-cat-branch:before {
  content: "\e91d"; }

.ryi-cat-gao:before {
  content: "\e91e"; }

.ryi-cat-list:before {
  content: "\e91f"; }

.ryi-cat-zhong:before {
  content: "\e920"; }

.ryi-quote-left:before {
  content: "\e921"; }

.ryi-quote-right:before {
  content: "\e922"; }

.ryi-act-download:before {
  content: "\e90e"; }

.ryi-act-comment:before {
  content: "\e900"; }

.ryi-act-eye:before {
  content: "\e901"; }

.ryi-act-star:before {
  content: "\e902"; }

.ryi-act-vote:before {
  content: "\e903"; }

.ryi-login-cart:before {
  content: "\e904"; }

.ryi-login-new:before {
  content: "\e905"; }

.ryi-login-user:before {
  content: "\e906"; }

.ryi-nav-eye:before {
  content: "\e907"; }

.ryi-nav-search:before {
  content: "\e908"; }

.ryi-nav-write:before {
  content: "\e909"; }

.ryi-soc-wb:before {
  content: "\e90a"; }

.ryi-soc-wx:before {
  content: "\e90b"; }

.ryi-tab-grid:before {
  content: "\e90c"; }

.ryi-tab-list:before {
  content: "\e90d"; }

body {
  background: white;
  font: 400 14px/1.8 Avenir, "PingFang SC", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", "sans-serif";
  color: #111; }

a {
  color: #888;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  a:hover, a:active, a:focus {
    color: #20C698; }

hr {
  border-bottom: 1px solid #e7e8f0;
  padding: 0;
  height: 0;
  margin: 30px 0; }
  hr.m-0 {
    margin: 0; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-color: #e8e8e8; }

.btn {
  border-radius: 0; }

.btn-default {
  color: #20C698; }

.input-group .btn {
  padding: 10px 14px; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }
  select::-ms-expand {
    display: none; }

.form-control {
  border-radius: 0;
  padding: 10px;
  height: auto;
  border-color: #d4d4d4;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08); }

.k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap, .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
  border-radius: 0; }

.k-multiselect-wrap {
  padding: 6px;
  border-color: #d4d4d4;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08); }

.input-group .k-numeric-wrap .k-input {
  padding: 8px 0 9px 0; }

.input-group .k-numerictextbox .k-link, .input-group .k-numerictextbox .k-icon {
  height: 20px; }

.input-group .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  background-position: 0 -30px; }

.input-group .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  background-position: 0 2px; }

.input-group .k-numerictextbox .k-state-over .k-link span.k-i-arrow-s {
  background-position: -16px -30px; }

.input-group .k-numerictextbox .k-state-over .k-link span.k-i-arrow-n {
  background-position: -16px 2px; }

label {
  font-weight: normal; }

img {
  max-width: 100%; }

.f-fl {
  float: left; }

.f-fr {
  float: right; }

.pl24 {
  padding-left: 9px; }

.p0-10 {
  padding: 0 10px; }

.p20-0 {
  padding: 20px 0; }

.mt20 {
  margin-top: 20px; }

.cb {
  clear: both; }

.high-1 {
  color: #d96630; }

@media only screen and (min-width: 992px) {
  .row.g-50 {
    margin-left: -25px;
    margin-right: -25px; }
    .row.g-50 > .col-md-1, .row.g-50 > .col-lg-1 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-2, .row.g-50 > .col-lg-2 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-3, .row.g-50 > .col-lg-3 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-4, .row.g-50 > .col-lg-4 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-5, .row.g-50 > .col-lg-5 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-6, .row.g-50 > .col-lg-6 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-7, .row.g-50 > .col-lg-7 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-8, .row.g-50 > .col-lg-8 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-9, .row.g-50 > .col-lg-9 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-10, .row.g-50 > .col-lg-10 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-11, .row.g-50 > .col-lg-11 {
      padding-left: 25px;
      padding-right: 25px; }
    .row.g-50 > .col-md-12, .row.g-50 > .col-lg-12 {
      padding-left: 25px;
      padding-right: 25px; } }

.row.g-20 {
  margin-left: -10px;
  margin-right: -10px; }
  .row.g-20 > .col-md-1, .row.g-20 > .col-lg-1 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-2, .row.g-20 > .col-lg-2 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-3, .row.g-20 > .col-lg-3 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-4, .row.g-20 > .col-lg-4 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-5, .row.g-20 > .col-lg-5 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-6, .row.g-20 > .col-lg-6 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-7, .row.g-20 > .col-lg-7 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-8, .row.g-20 > .col-lg-8 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-9, .row.g-20 > .col-lg-9 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-10, .row.g-20 > .col-lg-10 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-11, .row.g-20 > .col-lg-11 {
    padding-left: 10px;
    padding-right: 10px; }
  .row.g-20 > .col-md-12, .row.g-20 > .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px; }

@media only screen and (min-width: 992px) {
  .customized-page .out-container > .container > .row {
    margin-left: -25px;
    margin-right: -25px; }
    .customized-page .out-container > .container > .row > .col-md-1, .customized-page .out-container > .container > .row > .col-lg-1 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-2, .customized-page .out-container > .container > .row > .col-lg-2 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-3, .customized-page .out-container > .container > .row > .col-lg-3 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-4, .customized-page .out-container > .container > .row > .col-lg-4 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-5, .customized-page .out-container > .container > .row > .col-lg-5 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-6, .customized-page .out-container > .container > .row > .col-lg-6 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-7, .customized-page .out-container > .container > .row > .col-lg-7 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-8, .customized-page .out-container > .container > .row > .col-lg-8 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-9, .customized-page .out-container > .container > .row > .col-lg-9 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-10, .customized-page .out-container > .container > .row > .col-lg-10 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-11, .customized-page .out-container > .container > .row > .col-lg-11 {
      padding-left: 25px;
      padding-right: 25px; }
    .customized-page .out-container > .container > .row > .col-md-12, .customized-page .out-container > .container > .row > .col-lg-12 {
      padding-left: 25px;
      padding-right: 25px; } }

@media only screen and (min-width: 768px) {
  .navbar-close, .navbar-toggles {
    display: none; }
  .head-login {
    border-top: 4px solid #262626;
    color: #9C9C9C;
    font-size: 12px;
    position: relative; }
    .head-login::before {
      content: '';
      position: absolute;
      top: -4px;
      left: 50%;
      width: 80px;
      height: 4px;
      margin-left: -40px;
      background: #20C698; }
    .head-login form {
      margin: 0 -15px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-login form {
        margin: 0 -8px; } }

@media only screen and (min-width: 768px) {
    .head-login .login {
      text-align: right; } }
    @media only screen and (min-width: 768px) and (max-width: 767px) {
      .head-login .login {
        text-align: center; } }

@media only screen and (min-width: 768px) {
      .head-login .login.login-hello {
        text-align: left; } }
      @media only screen and (min-width: 768px) and (max-width: 767px) {
        .head-login .login.login-hello {
          text-align: center; } }

@media only screen and (min-width: 768px) {
      .head-login .login a {
        line-height: 38px;
        height: auto;
        display: inline-block;
        padding: 0 15px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-login .login a {
          padding: 0 8px; } }

@media only screen and (min-width: 768px) {
        .head-login .login a:hover {
          text-decoration: none; }
    .head-login a {
      color: #767676; }
      .head-login a:hover {
        background: inherit;
        color: #20C698; }
    .head-login [class^="ryi-"], .head-login [class*=" ryi-"] {
      font-size: 16px;
      vertical-align: -2px; }
    .head-login .label {
      vertical-align: 2px;
      border-radius: 10px;
      padding: 2px 6px;
      margin: 0 2px; }
  .head {
    background: white;
    padding: 0;
    height: 83px;
    border-bottom: 1px solid #ddd;
    margin: 6px 0 30px 0; }
    .head .container {
      position: relative; }
    .head .head-logo {
      background: url(../img/logo-may-160x43@2x.png) no-repeat 0 0;
      background-size: 160px 43px;
      width: 160px;
      height: 43px;
      position: absolute;
      left: 15px;
      top: 9px; }
      .head .head-logo a {
        display: block;
        width: 260px;
        height: 0px;
        padding-top: 70px;
        overflow: hidden; }
    .head [class^="ryi-"], .head [class*=" ryi-"] {
      font-size: 24px;
      vertical-align: -4px; }
  .head-nav {
    margin: 10px 0 auto auto;
    width: 740px;
    background: none;
    height: 44px;
    position: relative;
    color: inherit;
    font-size: 0;
    font-weight: normal; } }
  @media only screen and (min-width: 768px) and (min-width: 1200px) {
    .head-nav {
      width: 920px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .head-nav {
      width: 540px; } }

@media only screen and (min-width: 768px) {
    .head-nav > li {
      float: left;
      margin-left: 12px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      .head-nav > li {
        margin-left: 16px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-nav > li {
        margin-left: 6px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li > a {
        padding: 0 18px;
        display: block;
        line-height: 40px;
        color: #111;
        width: 68px;
        height: 40px;
        position: relative; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li > a {
          padding: 0 24px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li > a {
          padding: 0 14px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li > a {
          width: 52px; } }

@media only screen and (min-width: 768px) {
        .head-nav > li > a::before, .head-nav > li > a::after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: url(../img/sprite-nav@2x.png) no-repeat;
          background-size: 800px 150px; }
        .head-nav > li > a::after {
          opacity: 0;
          background-color: green;
          -moz-transition: opacity 0.25s ease;
          -o-transition: opacity 0.25s ease;
          -webkit-transition: opacity 0.25s ease;
          -ms-transition: opacity 0.25s ease;
          transition: opacity 0.25s ease; }
        .head-nav > li > a:hover {
          text-decoration: none;
          opacity: 1; }
          .head-nav > li > a:hover::after {
            opacity: 1; }
      .head-nav > li.quebec {
        position: absolute;
        bottom: 0px;
        left: -100px;
        z-index: 3;
        margin: 0;
        border: 0;
        width: 0;
        height: 4px;
        padding: 0;
        overflow: hidden;
        background: #20C698;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .head-nav > li:nth-child(1).active ~ li.quebec {
        width: 40px; } }
      @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
        .head-nav > li:nth-child(1).active ~ li.quebec {
          left: 32px; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li:nth-child(1).active ~ li.quebec {
          left: 36px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li:nth-child(1).active ~ li.quebec {
          left: 18px; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
      .head-nav > li:nth-child(1) > a::before {
        background-position: -26px -10px; }
      .head-nav > li:nth-child(1) > a::after {
        background-position: -26px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      .head-nav > li:nth-child(1) > a::before {
        background-position: -26px -10px; }
      .head-nav > li:nth-child(1) > a::after {
        background-position: -26px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-nav > li:nth-child(1) > a::before {
        background-position: -34px -10px; }
      .head-nav > li:nth-child(1) > a::after {
        background-position: -34px -80px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li:nth-child(2).active ~ li.quebec {
        width: 40px; } }
      @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
        .head-nav > li:nth-child(2).active ~ li.quebec {
          left: 112px; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li:nth-child(2).active ~ li.quebec {
          left: 120px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li:nth-child(2).active ~ li.quebec {
          left: 76px; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
      .head-nav > li:nth-child(2) > a::before {
        background-position: -126px -10px; }
      .head-nav > li:nth-child(2) > a::after {
        background-position: -126px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      .head-nav > li:nth-child(2) > a::before {
        background-position: -126px -10px; }
      .head-nav > li:nth-child(2) > a::after {
        background-position: -126px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-nav > li:nth-child(2) > a::before {
        background-position: -134px -10px; }
      .head-nav > li:nth-child(2) > a::after {
        background-position: -134px -80px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li:nth-child(3).active ~ li.quebec {
        width: 40px; } }
      @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
        .head-nav > li:nth-child(3).active ~ li.quebec {
          left: 192px; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li:nth-child(3).active ~ li.quebec {
          left: 204px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li:nth-child(3).active ~ li.quebec {
          left: 134px; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
      .head-nav > li:nth-child(3) > a::before {
        background-position: -226px -10px; }
      .head-nav > li:nth-child(3) > a::after {
        background-position: -226px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      .head-nav > li:nth-child(3) > a::before {
        background-position: -226px -10px; }
      .head-nav > li:nth-child(3) > a::after {
        background-position: -226px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-nav > li:nth-child(3) > a::before {
        background-position: -234px -10px; }
      .head-nav > li:nth-child(3) > a::after {
        background-position: -234px -80px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li:nth-child(4).active ~ li.quebec {
        width: 40px; } }
      @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
        .head-nav > li:nth-child(4).active ~ li.quebec {
          left: 272px; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li:nth-child(4).active ~ li.quebec {
          left: 288px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li:nth-child(4).active ~ li.quebec {
          left: 192px; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
      .head-nav > li:nth-child(4) > a::before {
        background-position: -326px -10px; }
      .head-nav > li:nth-child(4) > a::after {
        background-position: -326px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      .head-nav > li:nth-child(4) > a::before {
        background-position: -326px -10px; }
      .head-nav > li:nth-child(4) > a::after {
        background-position: -326px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-nav > li:nth-child(4) > a::before {
        background-position: -334px -10px; }
      .head-nav > li:nth-child(4) > a::after {
        background-position: -334px -80px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li:nth-child(5).active ~ li.quebec {
        width: 40px; } }
      @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
        .head-nav > li:nth-child(5).active ~ li.quebec {
          left: 352px; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li:nth-child(5).active ~ li.quebec {
          left: 372px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li:nth-child(5).active ~ li.quebec {
          left: 250px; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
      .head-nav > li:nth-child(5) > a::before {
        background-position: -426px -10px; }
      .head-nav > li:nth-child(5) > a::after {
        background-position: -426px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      .head-nav > li:nth-child(5) > a::before {
        background-position: -426px -10px; }
      .head-nav > li:nth-child(5) > a::after {
        background-position: -426px -80px; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      .head-nav > li:nth-child(5) > a::before {
        background-position: -434px -10px; }
      .head-nav > li:nth-child(5) > a::after {
        background-position: -434px -80px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li:nth-child(6).active ~ li.quebec {
        width: 68px; } }
      @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
        .head-nav > li:nth-child(6).active ~ li.quebec {
          left: 672px; } }
      @media only screen and (min-width: 768px) and (min-width: 1200px) {
        .head-nav > li:nth-child(6).active ~ li.quebec {
          left: 852px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
        .head-nav > li:nth-child(6).active ~ li.quebec {
          left: 471px; } }

@media only screen and (min-width: 768px) {
      .head-nav > li:nth-child(6) > a::before {
        background-position: -656px -10px; }
      .head-nav > li:nth-child(6) > a::after {
        background-position: -656px -80px; }
  li.head-compose {
    position: absolute;
    width: 100px;
    right: -24px;
    top: 0; }
    li.head-compose a {
      width: 100px; }
  li.head-search {
    position: absolute;
    right: 100px;
    top: -1px; }
    li.head-search form {
      margin: 0;
      padding: 0;
      width: auto; }
    li.head-search input.key {
      background: none;
      outline: 1px blue;
      border-radius: 0;
      margin: 0;
      vertical-align: 0;
      color: #767676;
      padding: 9px 34px 11px 10px;
      height: 40px;
      border: 1px solid #b1b1b1;
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.08);
      line-height: 20px;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      transition: all 0.25s ease; } }
    @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
      li.head-search input.key {
        width: 130px; } }
    @media only screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) {
      li.head-search input.key {
        width: 190px; } }
    @media only screen and (min-width: 768px) and (min-width: 1200px) {
      li.head-search input.key {
        width: 240px; } }

@media only screen and (min-width: 768px) {
    li.head-search .go {
      color: #111;
      font-size: 20px;
      height: 30px;
      line-height: 20px;
      margin: 0 -6px 0 -40px;
      vertical-align: -1px;
      padding: 0 6px;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      li.head-search .go:hover, li.head-search .go:active, li.head-search .go:focus {
        opacity: 0.8;
        text-decoration: none; } }

@media only screen and (max-width: 767px) {
  body {
    margin-top: 75px; }
  .head {
    background: #262626;
    height: 44px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999; }
  .head-logo {
    background: url(../img/logo-may-100x30@3x.png) no-repeat 0 0;
    background-size: 100px 30px;
    width: 100px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 9px; }
    .head-logo a {
      display: block;
      width: 100px;
      height: 0;
      padding-top: 30px;
      overflow: hidden; }
      .head-logo a:hover, .head-logo a:active, .head-logo a:focus {
        text-decoration: none;
        opacity: .8; }
  .head-nav {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    background: #666;
    height: auto;
    font-size: 18px;
    height: 0;
    text-align: center;
    overflow: hidden;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .head-nav > li {
      font-weight: 300;
      line-height: 50px;
      display: none; }
      .head-nav > li.navbar-close {
        margin-top: 50px;
        padding: 0; }
        .head-nav > li.navbar-close > a {
          padding: 0; }
      .head-nav > li.head-search {
        padding: 10px; }
        .head-nav > li.head-search .key {
          width: 100%;
          display: block;
          height: 40px;
          padding: 10px;
          line-height: 20px;
          border: 1px solid #666;
          box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }
          .head-nav > li.head-search .key::-webkit-input-placeholder {
            color: #bababa;
            content: '请输入关键字'; }
        .head-nav > li.head-search .go {
          display: none; }
      .head-nav > li > a {
        color: white;
        display: block;
        text-align: center;
        padding: 0 20px; }
        .head-nav > li > a:hover, .head-nav > li > a:active, .head-nav > li > a:focus {
          text-decoration: none;
          opacity: .8; }
    .head-nav .ryi-nav-write {
      display: none; }
    .head-nav.on-main {
      height: 470px;
      background: #20C698;
      padding: 40px 0; }
      .head-nav.on-main > li {
        display: block; } }
      @media only screen and (max-width: 767px) and (max-height: 568px) {
        .head-nav.on-main > li {
          display: inline-block; }
          .head-nav.on-main > li.navbar-close {
            display: block; } }

@media only screen and (max-width: 767px) {
        .head-nav.on-main > li.head-search {
          display: none; }
    .head-nav.on-search {
      height: 60px;
      padding: 0;
      background: #494949; }
      .head-nav.on-search > li {
        display: none; }
        .head-nav.on-search > li.head-search {
          display: block; }
  .head-login {
    background: black;
    font-size: 18px;
    line-height: 50px;
    font-weight: 300;
    padding: 30px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 100%;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center; }
    .head-login.on {
      left: 0; }
    .head-login a {
      color: white;
      display: block;
      padding: 0 10px;
      text-align: center; } }
    @media only screen and (max-width: 767px) and (max-height: 568px) {
      .head-login a {
        display: inline-block; } }

@media only screen and (max-width: 767px) {
      .head-login a:hover, .head-login a:active, .head-login a:focus {
        text-decoration: none;
        opacity: .8; }
    .head-login .label {
      vertical-align: 1px;
      border-radius: 30px;
      margin-left: 4px;
      line-height: 1;
      padding: 2px 8px; }
  .navbar-close {
    width: 40px;
    height: 40px;
    margin: 30px auto 0 auto; }
    .navbar-close a {
      width: 40px;
      height: 40px;
      margin: 0;
      line-height: 40px;
      font-size: 20px;
      padding: 0;
      color: white;
      text-align: center;
      border: 1px solid white;
      border-radius: 100%; }
      .navbar-close a:hover, .navbar-close a:active, .navbar-close a:focus {
        text-decoration: none;
        opacity: .8; }
  .navbar-toggles > a {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: white;
    text-align: center;
    line-height: 44px;
    top: 0; }
    .navbar-toggles > a.on {
      height: 45px; }
    .navbar-toggles > a:hover, .navbar-toggles > a:active, .navbar-toggles > a:focus {
      text-decoration: none;
      color: #eee; }
  .navbar-toggles .toggle-main {
    background: #20C698;
    left: 0; }
  .navbar-toggles .toggle-search {
    right: 44px; }
    .navbar-toggles .toggle-search.on {
      color: #20C698;
      background: #494949; }
  .navbar-toggles .toggle-user {
    right: 0;
    background: black;
    font-size: 20px; }
    .navbar-toggles .toggle-user.on {
      color: #20C698; } }

.foot {
  margin-top: 20px; }
  .foot .bottom-menu {
    padding: 40px 0 30px 0;
    background: #f5f5f5; }
    .foot .bottom-menu > .container > ul {
      margin: 0 -13px;
      font-size: 0;
      text-align: center; }
      .foot .bottom-menu > .container > ul > li {
        padding: 0 13px;
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        width: 20%;
        margin-bottom: 30px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .foot .bottom-menu > .container > ul > li {
            width: 33.3333333%; } }
        @media only screen and (max-width: 767px) {
          .foot .bottom-menu > .container > ul > li {
            width: 50%; } }
        .foot .bottom-menu > .container > ul > li:nth-child(1) dl {
          background: white url(../img/ico-foot-1.png) no-repeat center 30px;
          background-size: 64px 64px; }
        .foot .bottom-menu > .container > ul > li:nth-child(2) dl {
          background: white url(../img/ico-foot-2.png) no-repeat center 30px;
          background-size: 64px 64px; }
        .foot .bottom-menu > .container > ul > li:nth-child(3) dl {
          background: white url(../img/ico-foot-3.png) no-repeat center 30px;
          background-size: 64px 64px; }
        .foot .bottom-menu > .container > ul > li:nth-child(4) dl {
          background: white url(../img/ico-foot-4.png) no-repeat center 30px;
          background-size: 64px 64px; }
        .foot .bottom-menu > .container > ul > li:nth-child(5) dl {
          background: white url(../img/ico-foot-5.png) no-repeat center 30px;
          background-size: 64px 64px; }
    .foot .bottom-menu a:hover {
      color: #20C698; }
  .foot .copyright {
    background: #333;
    color: #6d6d6d;
    font-size: 14px;
    padding: 18px 0;
    text-align: center; }
  .foot a {
    color: #cdf; }
  .foot dl {
    padding: 0 15px;
    margin: 0;
    text-align: center;
    background: white;
    border: 1px solid #e8e8e8;
    height: 330px; }
  .foot dt {
    margin: -1px -16px 20px -16px;
    padding: 102px 0 0 0;
    border-top: 3px solid #20C698;
    font-size: 24px;
    font-weight: 500; }
  .foot dd {
    margin: 10px 0;
    color: #585858;
    font-size: 14px;
    font-weight: 300; }
    .foot dd a {
      color: #585858; }

#toTop {
  width: 50px;
  height: 203px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: center;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    #toTop {
      display: none; } }
  #toTop a {
    background: #888;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    width: 50px;
    height: 50px;
    font-size: 26px;
    padding: 0;
    line-height: 50px;
    margin-bottom: 1px;
    color: #fff;
    text-decoration: none; }
    #toTop a.ryi-angle-up, #toTop a.ryi-angle-down {
      font-size: 20px; }
    #toTop a:hover {
      background: #20C698; }
    #toTop a.ryi-soc-wb:hover {
      background: #FF4F53; }
    #toTop a.ryi-soc-wx:hover {
      background: #27D85F; }

#ptp-carousel {
  margin-top: -31px;
  margin-bottom: 30px;
  position: relative; }
  @media only screen and (min-width: 992px) {
    #ptp-carousel {
      height: 430px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #ptp-carousel {
      height: 420px; } }
  @media only screen and (max-width: 767px) {
    #ptp-carousel {
      height: 400px;
      margin-top: -16px; } }

.slide-2016 .carousel-inner {
  overflow: hidden; }
  .slide-2016 .carousel-inner .item {
    overflow: hidden;
    background-size: cover;
    background-position: center center; }
    @media only screen and (min-width: 992px) {
      .slide-2016 .carousel-inner .item {
        height: 430px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slide-2016 .carousel-inner .item {
        height: 420px; } }
    @media only screen and (max-width: 767px) {
      .slide-2016 .carousel-inner .item {
        height: 400px; } }
    .slide-2016 .carousel-inner .item.img-item {
      height: auto;
      width: 100%; }
  .slide-2016 .carousel-inner .container {
    height: 100%; }
    .slide-2016 .carousel-inner .container > table {
      height: 100%;
      width: 100%;
      margin: 0 auto; }
      .slide-2016 .carousel-inner .container > table > tbody > tr > td > table {
        width: 100%;
        height: 70%; }

.slide-2016 .btn-carousel {
  border: 3px solid white;
  font-size: 18px;
  color: white;
  border-radius: 0;
  padding: 4px 44px;
  position: relative;
  margin: 8px 0; }
  .slide-2016 .btn-carousel::after {
    content: ' ';
    position: absolute;
    right: -20px;
    top: 15px;
    background: #20C698;
    width: 38px;
    height: 3px; }
  .slide-2016 .btn-carousel:hover {
    color: #20C698;
    border-color: #20C698; }

.slide-2016 .carousel-indicators {
  position: absolute;
  width: auto;
  left: auto;
  right: 20px;
  top: auto;
  bottom: 10px;
  margin-left: 300px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slide-2016 .carousel-indicators {
      left: 0;
      right: 0;
      text-align: center;
      margin: 0; } }
  @media only screen and (max-width: 767px) {
    .slide-2016 .carousel-indicators {
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      margin: 0; } }

.slide-2016 .carousel-control.left {
  left: -60px;
  right: auto;
  padding-right: 3px; }

.slide-2016 .carousel-control.right {
  left: auto;
  right: -60px;
  padding-left: 3px; }

@media only screen and (max-width: 767px) {
  .slide-2016 .carousel-control.left {
    left: 10px; }
  .slide-2016 .carousel-control.right {
    right: 10px; } }

.carousel-indicators {
  box-sizing: border-box;
  opacity: 1;
  bottom: 10px;
  font-size: 0;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .carousel-indicators:hover {
    opacity: 1; }
  .carousel-indicators > li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: none;
    background: white;
    border-radius: 50%;
    margin: 16px 6px;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .carousel-indicators > li.active {
      width: 10px;
      height: 10px;
      background: #FF4F53;
      margin: 15px 5px; }

.carousel-control {
  position: absolute;
  top: auto;
  bottom: 9vw;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 99;
  font-size: 32px;
  text-shadow: none;
  line-height: 48px;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid #FFFFFF;
  opacity: 0.8;
  text-align: center; }
  .carousel-control.left {
    left: 20px;
    right: auto;
    padding-right: 3px; }
  .carousel-control.right {
    left: auto;
    right: 20px;
    padding-left: 3px; }
  .carousel-control:hover {
    background: #20C698;
    border-color: #20C698;
    opacity: 1; }
  .carousel-control:active, .carousel-control:focus {
    opacity: 0.6; }

.carousel-hero {
  padding: 0 0 60px 0; }
  .carousel-hero h1, .carousel-hero h2, .carousel-hero h3, .carousel-hero h4, .carousel-hero h5, .carousel-hero h6 {
    font-weight: 300;
    line-height: 1.1;
    padding: 0;
    margin: 12px 0; }
    .carousel-hero h1 small, .carousel-hero h2 small, .carousel-hero h3 small, .carousel-hero h4 small, .carousel-hero h5 small, .carousel-hero h6 small {
      font-size: .45em;
      color: inherit;
      vertical-align: 6px;
      font-weight: 300; }
  .carousel-hero b {
    font-weight: normal;
    color: inherit; }
  .carousel-hero h1 {
    font-size: 50px; }
  .carousel-hero h2 {
    font-size: 40px; }
  .carousel-hero h3 {
    font-size: 34px; }
  .carousel-hero h4 {
    font-size: 28px; }
  .carousel-hero h5 {
    font-size: 22px; }
  .carousel-hero h6 {
    font-size: 16px; }
  .carousel-hero h2 {
    color: inherit; }
  .carousel-hero p {
    font-size: 16px;
    margin: 12px 0; }
  .carousel-hero .title {
    margin: 12px 0; }
  .carousel-hero .title-pillar {
    border-left: 6px solid #20C698;
    border-color: inherit;
    padding-left: 10px;
    margin: 12px 0 12px -16px; }

.btn-carousel {
  border: 3px solid white;
  font-size: 18px;
  color: white;
  border-radius: 0;
  padding: 4px 44px;
  position: relative;
  margin: 8px 0; }
  .btn-carousel::after {
    content: ' ';
    position: absolute;
    right: -20px;
    top: 15px;
    background: #20C698;
    width: 38px;
    height: 3px; }
  .btn-carousel:hover {
    color: #20C698;
    border-color: #20C698; }

.btn-carousel-more {
  border: 3px solid white;
  border-color: inherit;
  color: inherit;
  font-size: 16px;
  border-radius: 0;
  padding: 4px 30px;
  position: relative;
  margin: 8px 0;
  line-height: 30px; }
  .btn-carousel-more span.arrow {
    font-size: 30px;
    font-family: Arial;
    color: red;
    vertical-align: -2px;
    padding: 0 0 0 8px; }
  .btn-carousel-more:hover {
    color: #20C698;
    border-color: #20C698; }
    .btn-carousel-more:hover span {
      color: inherit; }

.carousel-inner > .item > img {
  width: 100%; }

.banner-row {
  margin: -50px 0 20px 0;
  zoom: 1;
  overflow: hidden;
  background: white; }
  @media only screen and (max-width: 767px) {
    .banner-row {
      margin-top: -10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-row {
      margin-top: -10px; } }
  .banner-row li {
    width: 33.3333333%;
    float: left; }
  .banner-row a:hover {
    opacity: 0.7; }
  .banner-row img {
    max-width: 100%; }

.more-block {
  text-align: center;
  margin: 20px 0 34px 0; }

.btn-more {
  border: 4px solid #262626;
  font-size: 20px;
  color: #111;
  border-radius: 0;
  padding: 8px 50px 8px 40px;
  position: relative;
  margin: 8px 0; }
  .btn-more::after {
    content: '\f105';
    position: absolute;
    font: 32px/1 FontAwesome;
    right: 18px;
    top: 5px;
    color: #20C698;
    width: 38px;
    height: 3px;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .btn-more:hover {
    color: white;
    background-color: #20C698;
    border-color: #20C698; }
    .btn-more:hover::after {
      color: white; }

/* 图书列表公共样式 */
.book-list > ul, .block-books > ul {
  font-size: 0; }
  .book-list > ul > li, .block-books > ul > li {
    font-size: 14px;
    margin-bottom: 30px; }

.book-list .name, .block-books .name {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 18px;
  color: #111;
  line-height: 1.4; }
  .book-list .name a, .block-books .name a {
    color: inherit;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .book-list .name a:hover, .block-books .name a:hover {
      color: #20C698; }

.book-list .author, .block-books .author {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  color: #9C9C9C;
  text-overflow: ellipsis; }
  .book-list .author span, .block-books .author span {
    margin-right: .5em; }

.book-list .intro, .block-books .intro {
  font-size: 14px;
  margin: 4px 0; }

.book-list.no-price .paperback, .book-list.no-author .author, .block-books.no-price .paperback, .block-books.no-author .author {
  display: none; }

.book-list .paperback, .book-list .ebook, .block-books .paperback, .block-books .ebook {
  color: #9C9C9C; }

.book-list .price, .block-books .price {
  color: #FF4F53;
  font-size: 16px; }

.book-img {
  background: #f5f5f5;
  padding: 22px 0;
  margin-bottom: 0;
  text-align: center; }
  .book-img > a {
    position: relative;
    display: inline-block;
    width: 116px;
    height: 170px; }
  .book-img img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    vertical-align: bottom;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .book-img img:hover {
      -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.6);
      box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.6); }

/* 图书列表-列表 */
.book-list-vertical > ul, .block-books-list > ul {
  margin-bottom: -12px; }
  .book-list-vertical > ul > li, .block-books-list > ul > li {
    display: list-item;
    width: 100%;
    padding: 0;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8; }
    .col-md-3 .book-list-vertical > ul > li, .col-sm-3 .book-list-vertical > ul > li, .col-md-4 .book-list-vertical > ul > li, .col-sm-4 .book-list-vertical > ul > li, .col-md-3 .block-books-list > ul > li, .col-sm-3 .block-books-list > ul > li, .col-md-4 .block-books-list > ul > li, .col-sm-4 .block-books-list > ul > li {
      border: none;
      margin-top: 0;
      margin-bottom: 30px;
      padding-top: 0;
      padding-bottom: 0; }
    .book-list-vertical > ul > li::after, .block-books-list > ul > li::after {
      content: "";
      display: table;
      clear: both; }

.book-list-vertical .book-img, .block-books-list .book-img {
  float: left;
  margin-right: 10px;
  padding: 20px 5px;
  width: 175px;
  height: 220px; }
  .col-md-3 .book-list-vertical .book-img, .col-sm-3 .book-list-vertical .book-img, .col-md-4 .book-list-vertical .book-img, .col-sm-4 .book-list-vertical .book-img, .col-md-3 .block-books-list .book-img, .col-sm-3 .block-books-list .book-img, .col-md-4 .block-books-list .book-img, .col-sm-4 .block-books-list .book-img {
    padding: 15px 5px;
    width: 100px;
    height: 126px; }
    .col-md-3 .book-list-vertical .book-img a, .col-sm-3 .book-list-vertical .book-img a, .col-md-4 .book-list-vertical .book-img a, .col-sm-4 .book-list-vertical .book-img a, .col-md-3 .block-books-list .book-img a, .col-sm-3 .block-books-list .book-img a, .col-md-4 .block-books-list .book-img a, .col-sm-4 .block-books-list .book-img a {
      width: 66px;
      height: 94px; }

.book-list-vertical .book-info, .block-books-list .book-info {
  margin-left: 195px; }
  .col-md-3 .book-list-vertical .book-info, .col-sm-3 .book-list-vertical .book-info, .col-md-4 .book-list-vertical .book-info, .col-sm-4 .book-list-vertical .book-info, .col-md-3 .block-books-list .book-info, .col-sm-3 .block-books-list .book-info, .col-md-4 .block-books-list .book-info, .col-sm-4 .block-books-list .book-info {
    margin-left: 110px; }
    .col-md-3 .book-list-vertical .book-info .name, .col-sm-3 .book-list-vertical .book-info .name, .col-md-4 .book-list-vertical .book-info .name, .col-sm-4 .book-list-vertical .book-info .name, .col-md-3 .block-books-list .book-info .name, .col-sm-3 .block-books-list .book-info .name, .col-md-4 .block-books-list .book-info .name, .col-sm-4 .block-books-list .book-info .name {
      font-size: 18px; }

.book-list-vertical .name, .block-books-list .name {
  font-size: 20px; }
  .book-list-vertical .name a, .block-books-list .name a {
    white-space: normal;
    max-height: 50px; }

.book-list-vertical .author, .block-books-list .author {
  font-size: 14px;
  color: #686868;
  margin-bottom: 10px; }
  .col-md-3 .book-list-vertical .author, .col-sm-3 .book-list-vertical .author, .col-md-4 .book-list-vertical .author, .col-sm-4 .book-list-vertical .author, .col-md-3 .block-books-list .author, .col-sm-3 .block-books-list .author, .col-md-4 .block-books-list .author, .col-sm-4 .block-books-list .author {
    font-size: 12px;
    color: #9C9C9C; }

.book-list-vertical .intro, .block-books-list .intro {
  color: #9C9C9C; }
  .col-md-3 .book-list-vertical .intro, .col-sm-3 .book-list-vertical .intro, .col-md-4 .book-list-vertical .intro, .col-sm-4 .book-list-vertical .intro, .col-md-3 .block-books-list .intro, .col-sm-3 .block-books-list .intro, .col-md-4 .block-books-list .intro, .col-sm-4 .block-books-list .intro {
    font-size: 12px;
    height: 44px;
    overflow: hidden; }

.book-list-vertical .ebook, .block-books-list .ebook {
  margin-left: 20px; }

.book-list-vertical .price, .block-books-list .price {
  font-size: 24px;
  margin: 10px 0; }

.side .book-list-vertical .book-img, .side .block-books-list .book-img, .col-md-4 .book-list-vertical .book-img, .col-md-4 .block-books-list .book-img {
  margin: 0; }

.side .book-list-vertical img, .side .block-books-list img, .col-md-4 .book-list-vertical img, .col-md-4 .block-books-list img {
  padding: 4px; }

.side .book-list-vertical .name, .side .block-books-list .name, .col-md-4 .book-list-vertical .name, .col-md-4 .block-books-list .name {
  margin-bottom: 0; }

.side .book-list-vertical .author, .side .block-books-list .author, .col-md-4 .book-list-vertical .author, .col-md-4 .block-books-list .author {
  margin: 5px 0; }

.side .book-list-vertical .price, .side .block-books-list .price, .col-md-4 .book-list-vertical .price, .col-md-4 .block-books-list .price {
  font-size: 16px; }

/* 图书列表-网格 */
.book-list-horizontal > ul, .block-books-grid > ul {
  margin: 0 -15px -30px -15px; }
  @media only screen and (max-width: 767px) {
    .book-list-horizontal > ul, .block-books-grid > ul {
      margin: 0 -5px -30px -5px; } }
  .book-list-horizontal > ul > li, .block-books-grid > ul > li {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    vertical-align: bottom; }
    @media only screen and (max-width: 767px) {
      .book-list-horizontal > ul > li, .block-books-grid > ul > li {
        padding: 0 5px; } }
    @media only screen and (min-width: 768px) {
      .book-list-horizontal > ul > li, .block-books-grid > ul > li {
        width: 16.6666666%; }
        .col-md-8 .book-list-horizontal > ul > li, .col-sm-8 .book-list-horizontal > ul > li, .col-md-9 .book-list-horizontal > ul > li, .col-sm-9 .book-list-horizontal > ul > li, .col-md-8 .block-books-grid > ul > li, .col-sm-8 .block-books-grid > ul > li, .col-md-9 .block-books-grid > ul > li, .col-sm-9 .block-books-grid > ul > li {
          width: 25%; }
        .col-md-6 .book-list-horizontal > ul > li, .col-md-6 .block-books-grid > ul > li {
          width: 33.3333333%; }
        .col-md-4 .book-list-horizontal > ul > li, .col-md-4 .block-books-grid > ul > li {
          width: 50%; } }
    @media only screen and (max-width: 767px) {
      .book-list-horizontal > ul > li, .block-books-grid > ul > li {
        width: 50%; } }

.book-list-horizontal .book-img, .block-books-grid .book-img {
  padding: 22px 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden; }
  .book-list-horizontal .book-img::before, .block-books-grid .book-img::before {
    content: '\e907';
    font-size: 24px;
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1px 9px 0 8px;
    color: white;
    background: #20C698;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .book-list-horizontal .book-img:hover::before, .block-books-grid .book-img:hover::before {
    background: #1db289; }
  .book-list-horizontal .book-img.book-tag-31::after, .block-books-grid .book-img.book-tag-31::after {
    content: '特价';
    font-size: 14px;
    position: absolute;
    width: 90px;
    top: 4px;
    left: -26px;
    padding: 3px 0 2px 0;
    color: white;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
    background: #FF4F53;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .book-list-horizontal .book-img.book-tag-31:hover::after, .block-books-grid .book-img.book-tag-31:hover::after {
    background: #e6474b; }

.book-list-horizontal .book-info, .block-books-grid .book-info {
  border: 1px solid #e8e8e8;
  border-top: none;
  padding: 12px 8px;
  text-align: left; }

.book-list-horizontal .star, .block-books-grid .star {
  display: inline-block;
  width: 126px;
  height: 23px;
  margin-top: 5px;
  background-image: url(../images/star.png); }

.book-list-horizontal .paperback, .book-list-horizontal .ebook, .block-books-grid .paperback, .block-books-grid .ebook {
  display: block;
  color: #3169a8; }

.book-list-horizontal .paperback, .block-books-grid .paperback {
  margin-top: 5px; }

.book-list-horizontal .intro, .block-books-grid .intro {
  display: none; }

.book-list-horizontal .action, .block-books-grid .action {
  display: none; }

.book-list-horizontal.force.force-3 > ul > li, .block-books-grid.force.force-3 > ul > li {
  width: 33%; }

.book-list-horizontal.force.force-3 .book-img, .block-books-grid.force.force-3 .book-img {
  padding: 36px 0; }
  .book-list-horizontal.force.force-3 .book-img a, .block-books-grid.force.force-3 .book-img a {
    width: 170px;
    height: 250px; }
    @media only screen and (max-width: 767px) {
      .book-list-horizontal.force.force-3 .book-img a, .block-books-grid.force.force-3 .book-img a {
        max-width: 90%;
        max-height: 40vw; } }

/* 图书详情页面 */
.page-book-head .book-img {
  padding: 50px 0;
  position: relative; }
  .page-book-head .book-img > a {
    width: 220px;
    height: 320px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .page-book-head .book-img > a {
        width: 200px;
        height: 290px; } }

.page-book-head .book-img-btns {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }

.page-book-head .book-series {
  font-size: 16px; }
  .page-book-head .book-series strong {
    font-weight: inherit; }

.page-book-head .book-title {
  margin: 10px 0; }
  .page-book-head .book-title a {
    color: #20C698; }

.page-book-head .book-campaign {
  margin: 8px 0; }

.btn.btn-book-follow, .btn.btn-book-unfollow {
  display: block;
  line-height: 38px;
  font-size: 18px;
  opacity: 1;
  border: none; }
  .btn.btn-book-follow [class^="ryi-"], .btn.btn-book-follow [class*=" ryi-"], .btn.btn-book-unfollow [class^="ryi-"], .btn.btn-book-unfollow [class*=" ryi-"] {
    vertical-align: -2px; }
  .btn.btn-book-follow:hover, .btn.btn-book-unfollow:hover {
    opacity: 0.8; }

.btn.btn-book-follow {
  background-color: rgba(32, 198, 152, 0.8); }
  .btn.btn-book-follow:hover {
    background-color: rgba(32, 198, 152, 0.8); }

.btn.btn-book-unfollow {
  background-color: rgba(187, 187, 187, 0.8); }
  .btn.btn-book-unfollow:hover {
    background-color: rgba(187, 187, 187, 0.8); }

.book-author {
  color: #9C9C9C; }
  .book-author span {
    margin-right: 1em; }
  .book-author a {
    color: #20C698; }
    .book-author a:hover {
      color: #1a9e7a; }

.book-intro {
  margin: 12px 40px;
  position: relative;
  color: #9C9C9C; }
  .book-intro::before, .book-intro::after {
    position: absolute;
    font-size: 22px;
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ddd; }
  .book-intro::before {
    content: '\e921';
    left: -40px;
    top: 0; }
  .book-intro::after {
    content: '\e922';
    right: -40px;
    bottom: 0; }

.book-head-upper {
  min-height: 150px; }

.book-approaches {
  background: #f5f5f5;
  padding: 24px 20px;
  margin-top: 15px;
  min-height: 150px; }
  .book-approaches {
    *zoom: 1; }
  .book-approaches:before, .book-approaches:after {
    content: "";
    display: table; }
  .book-approaches:after {
    clear: both; }
  .book-approaches .book-price {
    float: left; }
  .book-approaches .price {
    color: #FF4F53;
    font-size: 36px;
    line-height: 1;
    margin-left: -8px; }
    .book-approaches .price > b {
      font-size: 48px;
      color: inherit;
      font-weight: inherit; }

.book-buttons {
  float: right; }

.btn-purchase {
  background: #FF4F53;
  color: white;
  font-size: 20px;
  padding: 5px 40px 5px 26px;
  position: relative;
  margin-right: 20px; }
  .btn-purchase::after {
    content: '\e911';
    position: absolute;
    font-size: 14px;
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 20px;
    top: 12px;
    color: white; }
  .btn-purchase:hover {
    color: white;
    background-color: #f24b4f; }

.btn-exchange {
  background: #20C698;
  color: white;
  padding: 8px 20px 8px 38px;
  position: relative;
  margin-right: 20px;
  font-size: 16px; }
  .btn-exchange::before {
    content: '\e916';
    position: absolute;
    font-size: 17px;
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 16px;
    top: 10px;
    color: white; }
  .btn-exchange:hover {
    color: white;
    background-color: #1ebc90; }

.btn-sample {
  background: white;
  color: #111;
  padding: 8px 18px 8px 36px;
  position: relative;
  border: 2px solid #20C698; }
  .btn-sample::before {
    content: '\e915';
    position: absolute;
    font-size: 17px;
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 14px;
    top: 10px;
    color: #20C698; }
  .btn-sample:hover {
    background-color: #e9f9f5; }

.book-downloads {
  clear: both;
  margin: 0 -10px;
  padding: 10px 0 0;
  font-size: 0; }
  .book-downloads {
    *zoom: 1; }
  .book-downloads:before, .book-downloads:after {
    content: "";
    display: table; }
  .book-downloads:after {
    clear: both; }
  .book-downloads > li {
    font-size: 12px;
    display: inline-block;
    padding: 0 10px 0 26px;
    margin-top: 10px;
    width: 50%;
    position: relative; }
    .book-downloads > li::before {
      position: absolute;
      content: ' ';
      width: 8px;
      height: 8px;
      background: #20C698;
      border-radius: 50%;
      top: 8px;
      left: 12px; }
    .book-downloads > li .name {
      font-size: 14px;
      color: #111; }
    .book-downloads > li .download {
      display: inline-block;
      color: #9C9C9C;
      padding-left: 20px;
      margin-left: 10px;
      position: relative;
      -moz-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      -webkit-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      .book-downloads > li .download::before {
        content: '\e90e';
        position: absolute;
        font-size: 16px;
        font-family: 'ryicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        left: 0px;
        top: 0px; }
    .book-downloads > li a:hover .download {
      color: #20C698; }

.page-book-body {
  margin-top: 20px; }
  .page-book-body .block-body {
    color: #9C9C9C; }
  .page-book-body .main > .block {
    margin-bottom: 50px; }
  .page-book-body .side > .block:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 24px; }

.book-detail {
  line-height: 2;
  text-align: justify; }
  .book-detail .title {
    margin-bottom: 10px; }
    .book-detail .title:not(:first-child) {
      margin: 30px 0 10px; }

.book-detail-hd {
  padding-top: 20px;
  padding-left: 224px; }
  .book-detail-hd:after {
    content: "";
    display: table;
    clear: both; }
  .book-detail-hd .book-left {
    float: left;
    width: 204px;
    margin-left: -224px; }
    .book-detail-hd .book-left > a {
      display: block; }
  .book-detail-hd .book-right {
    float: left;
    width: 100%; }
    .book-detail-hd .book-right .book-name {
      float: left; }
    .book-detail-hd .book-right .book-view {
      float: right; }
    .book-detail-hd .book-right .author {
      margin: 15px 0 10px;
      color: #666; }
    .book-detail-hd .book-right .intro {
      line-height: 1.5; }
    .book-detail-hd .book-right .price {
      margin-top: 20px;
      padding: 20px;
      background-color: #e3f5f3; }
      .book-detail-hd .book-right .price li:not(:first-child) {
        margin-top: 5px; }
      .book-detail-hd .book-right .price input {
        margin: -5px 5px 0 0;
        vertical-align: middle; }
      .book-detail-hd .book-right .price span {
        margin-left: 10px;
        color: #d96630; }
    .book-detail-hd .book-right .btns {
      text-align: right; }
      .book-detail-hd .book-right .btns a {
        display: inline-block;
        margin: 15px 0 0 20px;
        padding: 10px 20px;
        color: #fff;
        background-color: #00a493;
        text-decoration: none; }
        .book-detail-hd .book-right .btns a:hover {
          background-color: #008c7d; }
        .book-detail-hd .book-right .btns a:first-child {
          float: left;
          margin-left: 0; }

.bookmenu {
  color: #111;
  font-size: 16px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 0; }
  .bookmenu > tbody > tr > td {
    padding: 13px 20px; }
  .bookmenu a {
    color: inherit; }
    .bookmenu a:hover, .bookmenu a:active, .bookmenu a:focus {
      color: #20C698; }
  .bookmenu a.read-btn {
    float: right;
    color: #20C698;
    font-size: 14px;
    margin-top: 1px;
    position: relative; }
    .bookmenu a.read-btn::before {
      content: '\e901';
      position: absolute;
      font-size: 16px;
      font-family: 'ryicon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      left: -20px;
      top: 1px; }

.catalogue + .readmore-toggle, .photo-collapse + .readmore-toggle {
  display: block;
  margin: 0 auto;
  background: white;
  width: 150px;
  margin-top: -1px;
  left: auto;
  border: 1px solid #e8e8e8;
  border-top: none;
  padding: 10px 37px;
  color: #111;
  position: relative; }
  .catalogue + .readmore-toggle::after, .photo-collapse + .readmore-toggle::after {
    position: absolute;
    font-size: 16px;
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 26px;
    top: 14px;
    color: #20C698; }
  .catalogue + .readmore-toggle.more::after, .photo-collapse + .readmore-toggle.more::after {
    content: '\e90f'; }
  .catalogue + .readmore-toggle.less::after, .photo-collapse + .readmore-toggle.less::after {
    content: '\e912'; }
  .catalogue + .readmore-toggle:hover, .photo-collapse + .readmore-toggle:hover {
    background: #f5f5f5; }
  .catalogue + .readmore-toggle.affix, .photo-collapse + .readmore-toggle.affix {
    position: fixed;
    bottom: 0; }
  .catalogue + .readmore-toggle.affix-bottom, .photo-collapse + .readmore-toggle.affix-bottom {
    left: auto !important;
    top: 0 !important; }

.photo-collapse + .readmore-toggle.more::before {
  content: '全部展开'; }

.photo-collapse + .readmore-toggle.less::before {
  content: '全部收起'; }

.photo-collapse {
  max-height: 400px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1px; }
  .photo-collapse.expanded {
    height: auto;
    max-height: none; }

.publish-info {
  color: #111; }
  .publish-info > li {
    padding-left: 100px;
    margin-bottom: 10px; }
  .publish-info strong {
    display: inline-block;
    width: 100px;
    padding-right: 12px;
    margin-left: -100px;
    text-align: right;
    font-weight: normal;
    color: #9C9C9C; }

/* 文章列表 */
.article-list > ul, .block-articles > ul {
  font-size: 0; }
  .article-list > ul > li, .block-articles > ul > li {
    font-size: 14px; }

.article-list .article-thumbnail, .block-articles .article-thumbnail {
  position: relative; }
  .article-list .article-thumbnail .article-pic, .block-articles .article-thumbnail .article-pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; }

.article-list h2, .block-articles h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  max-height: 50px;
  overflow: hidden;
  margin: 0 0 4px 0;
  padding: 0; }
  .article-list h2 a, .block-articles h2 a {
    color: inherit; }
    .article-list h2 a:hover, .block-articles h2 a:hover {
      color: #20C698; }

.article-list .article-summary, .block-articles .article-summary {
  max-height: 200px; }
  .article-list .article-summary, .block-articles .article-summary {
    *zoom: 1; }
  .article-list .article-summary:before, .article-list .article-summary:after, .block-articles .article-summary:before, .block-articles .article-summary:after {
    content: "";
    display: table; }
  .article-list .article-summary:after, .block-articles .article-summary:after {
    clear: both; }

.article-list .txt, .block-articles .txt {
  padding: 0;
  font-size: 12px;
  color: #9C9C9C;
  font-weight: 300; }

.article-list .article-summary, .block-articles .article-summary {
  margin: 16px 0 14px 0; }

.article-list .article-author, .block-articles .article-author {
  font-size: 12px;
  color: #9C9C9C; }
  .article-list .article-author a, .article-list .article-author img, .block-articles .article-author a, .block-articles .article-author img {
    margin-right: 6px; }
  .article-list .article-author img, .block-articles .article-author img {
    width: 30px;
    height: 30px;
    border-radius: 15px; }

.article-list .fa, .block-articles .fa {
  float: none;
  color: #20C698;
  vertical-align: .1em; }

.article-list [class^="ryi-"], .article-list [class*=" ryi-"], .block-articles [class^="ryi-"], .block-articles [class*=" ryi-"] {
  font-size: 16px;
  vertical-align: -2px; }

.article-list .info, .block-articles .info {
  font-size: 12px;
  font-weight: 300; }
  .article-list .info a, .block-articles .info a {
    color: inherit; }
    .article-list .info a:hover, .block-articles .info a:hover {
      color: #20C698;
      text-decoration: none; }

.article-list-vertical > ul > li, .block-articles-list > ul > li {
  border-bottom: 1px solid #e8e8e8;
  padding-top: 30px;
  padding-bottom: 30px; }
  .article-list-vertical > ul > li, .block-articles-list > ul > li {
    *zoom: 1; }
  .article-list-vertical > ul > li:before, .article-list-vertical > ul > li:after, .block-articles-list > ul > li:before, .block-articles-list > ul > li:after {
    content: "";
    display: table; }
  .article-list-vertical > ul > li:after, .block-articles-list > ul > li:after {
    clear: both; }

.article-list-vertical .article-thumbnail, .block-articles-list .article-thumbnail {
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 10px; }

.article-list-vertical .article-author, .block-articles-list .article-author {
  float: left; }

.article-list-vertical .action, .block-articles-list .action {
  float: right; }

.article-list-vertical .img, .block-articles-list .img {
  float: left;
  margin-right: 15px; }
  .article-list-vertical .img img, .block-articles-list .img img {
    width: 180px;
    height: 120px; }

.article-list-vertical .txt, .block-articles-list .txt {
  color: #9C9C9C;
  height: auto;
  max-height: 86px;
  overflow: hidden; }

.article-list-vertical .author, .block-articles-list .author {
  margin-top: 6px;
  line-height: 20px;
  color: #999; }
  .article-list-vertical .author img, .block-articles-list .author img {
    width: 20px;
    margin-right: 5px; }
  .article-list-vertical .author .time, .block-articles-list .author .time {
    margin-left: 10px; }

.article-list-vertical .info, .block-articles-list .info {
  margin-top: 6px;
  line-height: 20px;
  color: #999; }
  .article-list-vertical .info .time, .block-articles-list .info .time {
    margin-left: 5px; }
  .article-list-vertical .info .comments, .article-list-vertical .info .favorites, .block-articles-list .info .comments, .block-articles-list .info .favorites {
    margin-left: 15px; }

.article-list-horizontal > ul, .block-articles-grid > ul {
  font-size: 0;
  margin: 0 -15px; }
  .article-list-horizontal > ul::after, .block-articles-grid > ul::after {
    content: ' ';
    display: table;
    clear: both; }
  .article-list-horizontal > ul > li, .block-articles-grid > ul > li {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    vertical-align: top;
    margin-bottom: 30px;
    width: 33.3333333%; }
    .col-md-8 .article-list-horizontal > ul > li, .col-sm-8 .article-list-horizontal > ul > li, .col-md-9 .article-list-horizontal > ul > li, .col-sm-9 .article-list-horizontal > ul > li, .col-md-8 .block-articles-grid > ul > li, .col-sm-8 .block-articles-grid > ul > li, .col-md-9 .block-articles-grid > ul > li, .col-sm-9 .block-articles-grid > ul > li {
      width: 50%; }
    .col-md-6 .article-list-horizontal > ul > li, .col-md-6 .block-articles-grid > ul > li {
      width: 50%; }
    .col-md-4 .article-list-horizontal > ul > li, .col-md-4 .block-articles-grid > ul > li {
      width: 50%; }

.article-list-horizontal .article-thumbnail, .article-list-horizontal .article-author, .block-articles-grid .article-thumbnail, .block-articles-grid .article-author {
  display: none; }

.article-list-horizontal .img, .block-articles-grid .img {
  display: none; }

.article-list-horizontal .txt, .block-articles-grid .txt {
  height: 124px;
  overflow: hidden; }

.article-list-horizontal .author, .block-articles-grid .author {
  display: none; }

.article-list-horizontal .info, .block-articles-grid .info {
  float: none;
  font-size: 12px;
  color: #999; }

.article-list-horizontal.force.force-3 > ul > li, .block-articles-grid.force.force-3 > ul > li {
  width: 33%; }

.side .article-list-vertical > ul > li, .side .block-articles-list > ul > li, .col-md-4 .article-list-vertical > ul > li, .col-md-4 .block-articles-list > ul > li {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 30px; }

.side .article-list-vertical .img img, .side .block-articles-list .img img, .col-md-4 .article-list-vertical .img img, .col-md-4 .block-articles-list .img img {
  width: 100px;
  height: auto; }

.side .article-list-vertical .txt, .side .block-articles-list .txt, .col-md-4 .article-list-vertical .txt, .col-md-4 .block-articles-list .txt {
  height: 64px;
  overflow: hidden; }

.side .article-list-vertical .author, .side .block-articles-list .author, .col-md-4 .article-list-vertical .author, .col-md-4 .block-articles-list .author {
  display: none; }

.side .article-list-vertical .info, .side .block-articles-list .info, .col-md-4 .article-list-vertical .info, .col-md-4 .block-articles-list .info {
  float: none; }

.g-side {
  padding: 0; }
  .g-side .article-list-vertical, .g-side .block-articles-list {
    margin-right: -15px;
    margin-bottom: -1px; }
    .g-side .article-list-vertical li, .g-side .block-articles-list li {
      padding-right: 15px; }
    .g-side .article-list-vertical .info, .g-side .block-articles-list .info {
      display: none; }
    .g-side .article-list-vertical h2, .g-side .block-articles-list h2 {
      font-size: 14px;
      font-weight: normal; }
    .g-side .article-list-vertical .txt, .g-side .block-articles-list .txt {
      font-size: 14px;
      height: 80px;
      overflow: hidden; }
    .g-side .article-list-vertical .author, .g-side .block-articles-list .author {
      font-size: 12px;
      margin: 0; }

/* 文章详情 */
.article {
  padding: 20px 0; }
  .article .article-hd {
    border-bottom: 1px solid #e7e8f0;
    margin: 0 -20px 1.4em 0;
    padding-bottom: 10px;
    padding-right: 20px; }
    .article .article-hd .info {
      margin-top: 10px;
      color: #999; }
    .article .article-hd a, .article .article-hd span {
      margin-right: 20px; }
    .article .article-hd .fa {
      margin-right: 3px; }
  .article .article-bd {
    line-height: 1.8;
    min-height: 300px; }
    .article .article-bd p {
      margin-top: 1em; }
  .article .book-view {
    float: right; }
    .article .book-view a {
      display: inline-block;
      padding: 0 20px;
      text-align: center;
      font-size: 14px;
      text-decoration: none; }
      .article .book-view a:not(:first-child) {
        border-left: 1px solid #ddd; }
    .article .book-view i {
      font-size: 20px; }
    .article .book-view i.fa {
      margin: 10px 0 10px 0; }
    .article .book-view span {
      display: block;
      font-size: 12px; }
  .article .book-view a:not(:first-child) {
    border-left: 1px solid #e7e8f0; }
  .article #article-fav-vote {
    padding-right: 20px;
    margin-right: -20px;
    border-top: 1px solid #e7e8f0; }
    .article #article-fav-vote i {
      font-style: normal; }

.page-article-head {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .page-article-head .article-author {
    font-size: 12px;
    color: #9C9C9C;
    margin: 14px 0; }
    .page-article-head .article-author a {
      color: #20C698; }

.beh-donate-huge {
  margin-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
  height: 60px;
  width: 310px;
  margin: 0 auto 100px auto; }
  .beh-donate-huge .btn-donate-lg {
    display: block;
    margin: 0 auto;
    width: 140px;
    background: white;
    text-align: center; }
    .beh-donate-huge .btn-donate-lg .ryi-beh-donate-big {
      font-size: 100px;
      color: #FF4F53; }
      .beh-donate-huge .btn-donate-lg .ryi-beh-donate-big:hover, .beh-donate-huge .btn-donate-lg .ryi-beh-donate-big:active, .beh-donate-huge .btn-donate-lg .ryi-beh-donate-big:focus {
        color: #f24b4f; }

.news-thumbnail {
  width: 100%;
  height: 100px;
  margin-bottom: 30px;
  position: relative; }
  .col-md-5 .news-thumbnail {
    height: 300px; }
  .col-md-3 .news-thumbnail {
    height: 155px; }
  .news-thumbnail .news-pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; }
  .news-thumbnail .news-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 55%, rgba(255, 255, 255, 0) 100%);
    padding: 10px 16px; }
    .news-thumbnail .news-title h2 {
      color: white;
      font-size: 18px;
      font-weight: normal; }
      .col-md-3 .news-thumbnail .news-title h2 {
        font-size: 14px;
        text-align: center; }

.news-thumbnails .block-item {
  width: 100%;
  height: 158px;
  margin-bottom: 29px;
  position: relative;
  padding: 0; }

.news-thumbnails .article-summary, .news-thumbnails .article-author, .news-thumbnails .action {
  display: none; }

.news-thumbnails .article-thumbnail, .news-thumbnails .article-pic {
  width: 100%;
  height: 100%; }

.news-thumbnails h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.28) 55%, rgba(255, 255, 255, 0) 100%);
  padding: 10px 4px;
  margin: 0;
  text-align: center;
  max-height: 100px;
  line-height: 1.2; }
  .news-thumbnails h2 a {
    color: white;
    font-size: 14px;
    font-weight: normal; }

.pagination-dots {
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-top: none;
  margin-top: -30px;
  height: 40px;
  text-align: center;
  font-size: 0; }
  .pagination-dots > li {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #B0B0B0;
    border-radius: 50%;
    margin: 16px 5px; }
    .pagination-dots > li:nth-child(1) {
      width: 10px;
      height: 10px;
      background: #FF4F53;
      margin: 15px 5px; }

.article-list-vertical.news-headlines .txt, .article-list-vertical.news-headlines .author, .article-list-vertical.news-headlines .info, .article-list-vertical.news-headlines .article-summary, .article-list-vertical.news-headlines .article-author, .article-list-vertical.news-headlines .action, .article-list-vertical.news-headlines .article-thumbnail, .block-articles-list.news-headlines .txt, .block-articles-list.news-headlines .author, .block-articles-list.news-headlines .info, .block-articles-list.news-headlines .article-summary, .block-articles-list.news-headlines .article-author, .block-articles-list.news-headlines .action, .block-articles-list.news-headlines .article-thumbnail {
  display: none; }

.article-list-vertical.news-headlines > ul > li, .block-articles-list.news-headlines > ul > li {
  padding-top: 0;
  padding-bottom: 0;
  border: none; }
  .article-list-vertical.news-headlines > ul > li:first-child, .block-articles-list.news-headlines > ul > li:first-child {
    margin-bottom: 8px;
    margin-top: -4px; }
    .article-list-vertical.news-headlines > ul > li:first-child h2, .block-articles-list.news-headlines > ul > li:first-child h2 {
      font-size: 24px;
      max-height: 64px;
      margin-bottom: 0; }
    .article-list-vertical.news-headlines > ul > li:first-child .article-summary, .block-articles-list.news-headlines > ul > li:first-child .article-summary {
      display: block;
      margin: 0; }
    .article-list-vertical.news-headlines > ul > li:first-child .txt, .block-articles-list.news-headlines > ul > li:first-child .txt {
      display: block;
      max-height: 40px;
      margin: 8px 0 10px 0;
      overflow: hidden; }
  .article-list-vertical.news-headlines > ul > li:not(:first-child), .block-articles-list.news-headlines > ul > li:not(:first-child) {
    padding-left: 16px;
    position: relative;
    margin-bottom: 12px; }
    .article-list-vertical.news-headlines > ul > li:not(:first-child)::before, .block-articles-list.news-headlines > ul > li:not(:first-child)::before {
      position: absolute;
      content: ' ';
      width: 8px;
      height: 8px;
      background: #20C698;
      border-radius: 50%;
      top: 7px;
      left: 0; }
    .article-list-vertical.news-headlines > ul > li:not(:first-child) h2, .block-articles-list.news-headlines > ul > li:not(:first-child) h2 {
      font-size: 16px;
      margin-bottom: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.article-list-horizontal.news-headlines > ul > li, .block-articles-grid.news-headlines > ul > li {
  display: block;
  float: left;
  position: relative;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 31px;
  width: 33%; }
  .article-list-horizontal.news-headlines > ul > li::before, .block-articles-grid.news-headlines > ul > li::before {
    position: absolute;
    content: ' ';
    width: 8px;
    height: 8px;
    background: #20C698;
    border-radius: 50%;
    top: 7px;
    left: 15px; }
  .article-list-horizontal.news-headlines > ul > li h2, .block-articles-grid.news-headlines > ul > li h2 {
    font-size: 16px;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .article-list-horizontal.news-headlines > ul > li .txt, .article-list-horizontal.news-headlines > ul > li .author, .article-list-horizontal.news-headlines > ul > li .info, .article-list-horizontal.news-headlines > ul > li .action, .article-list-horizontal.news-headlines > ul > li .article-summary, .block-articles-grid.news-headlines > ul > li .txt, .block-articles-grid.news-headlines > ul > li .author, .block-articles-grid.news-headlines > ul > li .info, .block-articles-grid.news-headlines > ul > li .action, .block-articles-grid.news-headlines > ul > li .article-summary {
    display: none; }
  .article-list-horizontal.news-headlines > ul > li:nth-child(1), .article-list-horizontal.news-headlines > ul > li:nth-child(2), .article-list-horizontal.news-headlines > ul > li:nth-child(3), .article-list-horizontal.news-headlines > ul > li:nth-child(4), .block-articles-grid.news-headlines > ul > li:nth-child(1), .block-articles-grid.news-headlines > ul > li:nth-child(2), .block-articles-grid.news-headlines > ul > li:nth-child(3), .block-articles-grid.news-headlines > ul > li:nth-child(4) {
    padding-left: 15px;
    margin-bottom: 30px; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(1) .action, .article-list-horizontal.news-headlines > ul > li:nth-child(2) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(2) .action, .article-list-horizontal.news-headlines > ul > li:nth-child(3) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(3) .action, .article-list-horizontal.news-headlines > ul > li:nth-child(4) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(4) .action, .block-articles-grid.news-headlines > ul > li:nth-child(1) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(1) .action, .block-articles-grid.news-headlines > ul > li:nth-child(2) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(2) .action, .block-articles-grid.news-headlines > ul > li:nth-child(3) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(3) .action, .block-articles-grid.news-headlines > ul > li:nth-child(4) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(4) .action {
      display: block; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(2) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(3) .article-summary, .article-list-horizontal.news-headlines > ul > li:nth-child(4) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(1) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(2) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(3) .article-summary, .block-articles-grid.news-headlines > ul > li:nth-child(4) .article-summary {
      margin: 0; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1)::before, .article-list-horizontal.news-headlines > ul > li:nth-child(2)::before, .article-list-horizontal.news-headlines > ul > li:nth-child(3)::before, .article-list-horizontal.news-headlines > ul > li:nth-child(4)::before, .block-articles-grid.news-headlines > ul > li:nth-child(1)::before, .block-articles-grid.news-headlines > ul > li:nth-child(2)::before, .block-articles-grid.news-headlines > ul > li:nth-child(3)::before, .block-articles-grid.news-headlines > ul > li:nth-child(4)::before {
      content: none; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) .news-thumbnail, .article-list-horizontal.news-headlines > ul > li:nth-child(2) .news-thumbnail, .article-list-horizontal.news-headlines > ul > li:nth-child(3) .news-thumbnail, .article-list-horizontal.news-headlines > ul > li:nth-child(4) .news-thumbnail, .block-articles-grid.news-headlines > ul > li:nth-child(1) .news-thumbnail, .block-articles-grid.news-headlines > ul > li:nth-child(2) .news-thumbnail, .block-articles-grid.news-headlines > ul > li:nth-child(3) .news-thumbnail, .block-articles-grid.news-headlines > ul > li:nth-child(4) .news-thumbnail {
      height: 140px;
      margin-bottom: 12px; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) h2, .article-list-horizontal.news-headlines > ul > li:nth-child(2) h2, .article-list-horizontal.news-headlines > ul > li:nth-child(3) h2, .article-list-horizontal.news-headlines > ul > li:nth-child(4) h2, .block-articles-grid.news-headlines > ul > li:nth-child(1) h2, .block-articles-grid.news-headlines > ul > li:nth-child(2) h2, .block-articles-grid.news-headlines > ul > li:nth-child(3) h2, .block-articles-grid.news-headlines > ul > li:nth-child(4) h2 {
      font-size: 20px;
      max-height: 64px;
      margin-top: -4px;
      margin-bottom: 0; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) .txt, .article-list-horizontal.news-headlines > ul > li:nth-child(2) .txt, .article-list-horizontal.news-headlines > ul > li:nth-child(3) .txt, .article-list-horizontal.news-headlines > ul > li:nth-child(4) .txt, .block-articles-grid.news-headlines > ul > li:nth-child(1) .txt, .block-articles-grid.news-headlines > ul > li:nth-child(2) .txt, .block-articles-grid.news-headlines > ul > li:nth-child(3) .txt, .block-articles-grid.news-headlines > ul > li:nth-child(4) .txt {
      display: block;
      height: 60px;
      overflow: hidden;
      margin: 8px 0 10px 0; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) .info, .article-list-horizontal.news-headlines > ul > li:nth-child(2) .info, .article-list-horizontal.news-headlines > ul > li:nth-child(3) .info, .article-list-horizontal.news-headlines > ul > li:nth-child(4) .info, .block-articles-grid.news-headlines > ul > li:nth-child(1) .info, .block-articles-grid.news-headlines > ul > li:nth-child(2) .info, .block-articles-grid.news-headlines > ul > li:nth-child(3) .info, .block-articles-grid.news-headlines > ul > li:nth-child(4) .info {
      display: block; }
  .article-list-horizontal.news-headlines > ul > li:nth-child(1) .article-thumbnail, .block-articles-grid.news-headlines > ul > li:nth-child(1) .article-thumbnail {
    display: block;
    margin-bottom: 15px; }
    .article-list-horizontal.news-headlines > ul > li:nth-child(1) .article-thumbnail .article-pic, .block-articles-grid.news-headlines > ul > li:nth-child(1) .article-thumbnail .article-pic {
      height: 140px; }

.dotted-border {
  border: 1px #ddd dotted;
  padding: 20px; }

.online-book-title h3 {
  font-size: 20px; }

.online-book-title .fa {
  color: #20C698; }

.online-book-title a {
  color: inherit; }

.article-tit {
  padding-bottom: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  border-bottom: 1px dotted #ddd; }

/* 资源列表 */
.resource-list > ul, .block-resources > ul {
  font-size: 0; }
  .resource-list > ul > li, .block-resources > ul > li {
    font-size: 14px; }

.resource-list .resource-thumbnail, .block-resources .resource-thumbnail {
  position: relative; }
  .resource-list .resource-thumbnail .resource-pic, .block-resources .resource-thumbnail .resource-pic {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; }

.resource-list h2, .block-resources h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  max-height: 50px;
  overflow: hidden;
  margin: 0 0 4px 0;
  padding: 0; }
  .resource-list h2 a, .block-resources h2 a {
    color: inherit; }
    .resource-list h2 a:hover, .block-resources h2 a:hover {
      color: #20C698; }

.resource-list .resource-summary, .block-resources .resource-summary {
  max-height: 200px; }
  .resource-list .resource-summary, .block-resources .resource-summary {
    *zoom: 1; }
  .resource-list .resource-summary:before, .resource-list .resource-summary:after, .block-resources .resource-summary:before, .block-resources .resource-summary:after {
    content: "";
    display: table; }
  .resource-list .resource-summary:after, .block-resources .resource-summary:after {
    clear: both; }

.resource-list .txt, .block-resources .txt {
  padding: 0;
  font-size: 12px;
  color: #9C9C9C;
  font-weight: 300; }

.resource-list .resource-summary, .block-resources .resource-summary {
  margin: 16px 0 14px 0; }

.resource-list .resource-author, .block-resources .resource-author {
  font-size: 12px;
  color: #9C9C9C; }
  .resource-list .resource-author a, .resource-list .resource-author img, .block-resources .resource-author a, .block-resources .resource-author img {
    margin-right: 6px; }
  .resource-list .resource-author img, .block-resources .resource-author img {
    width: 30px;
    height: 30px;
    border-radius: 15px; }

.resource-list .fa, .block-resources .fa {
  float: none;
  color: #20C698;
  vertical-align: .1em; }

.resource-list [class^="ryi-"], .resource-list [class*=" ryi-"], .block-resources [class^="ryi-"], .block-resources [class*=" ryi-"] {
  font-size: 16px;
  vertical-align: -2px; }

.resource-list .info, .block-resources .info {
  font-size: 12px;
  font-weight: 300; }
  .resource-list .info a, .block-resources .info a {
    color: inherit; }
    .resource-list .info a:hover, .block-resources .info a:hover {
      color: #20C698;
      text-decoration: none; }

.block-resources-list > ul > li {
  border-bottom: 1px solid #e8e8e8;
  padding-top: 30px;
  padding-bottom: 30px; }
  .block-resources-list > ul > li {
    *zoom: 1; }
  .block-resources-list > ul > li:before, .block-resources-list > ul > li:after {
    content: "";
    display: table; }
  .block-resources-list > ul > li:after {
    clear: both; }

.block-resources-list h2 {
  margin-bottom: 12px; }

.block-resources-list .resource-thumbnail {
  width: 160px;
  height: 120px;
  float: left;
  margin-right: 10px; }

.block-resources-list .resource-author {
  float: left; }

.block-resources-list .action {
  float: right; }

.block-resources-list .img {
  float: left;
  margin-right: 15px; }
  .block-resources-list .img img {
    width: 180px;
    height: 120px; }

.block-resources-list .txt {
  color: #9C9C9C;
  height: auto;
  max-height: 106px;
  overflow: hidden; }

.block-resources-list .author {
  margin-top: 6px;
  line-height: 20px;
  color: #999; }
  .block-resources-list .author img {
    width: 20px;
    margin-right: 5px; }
  .block-resources-list .author .time {
    margin-left: 10px; }

.block-resources-list .info {
  margin-top: 6px;
  line-height: 20px;
  color: #999; }
  .block-resources-list .info .time {
    margin-left: 5px; }
  .block-resources-list .info .comments, .block-resources-list .info .favorites {
    margin-left: 15px; }

.block-resources-list .resource-author .avatar {
  display: inline-block; }

.block-resources-list .resource-author .time {
  margin-left: 10px; }
  .col-md-4 .block-resources-list .resource-author .time, col-sm-4 .block-resources-list .resource-author .time {
    display: none; }

.resource-list-horizontal > ul, .block-resources-grid > ul {
  font-size: 0;
  margin: 0 -15px; }
  .resource-list-horizontal > ul::after, .block-resources-grid > ul::after {
    content: ' ';
    display: table;
    clear: both; }
  .resource-list-horizontal > ul > li, .block-resources-grid > ul > li {
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    vertical-align: top;
    margin-bottom: 30px;
    width: 33.3333333%; }
    .col-md-8 .resource-list-horizontal > ul > li, .col-sm-8 .resource-list-horizontal > ul > li, .col-md-9 .resource-list-horizontal > ul > li, .col-sm-9 .resource-list-horizontal > ul > li, .col-md-8 .block-resources-grid > ul > li, .col-sm-8 .block-resources-grid > ul > li, .col-md-9 .block-resources-grid > ul > li, .col-sm-9 .block-resources-grid > ul > li {
      width: 50%; }
    .col-md-6 .resource-list-horizontal > ul > li, .col-md-6 .block-resources-grid > ul > li {
      width: 50%; }
    .col-md-4 .resource-list-horizontal > ul > li, .col-md-4 .block-resources-grid > ul > li {
      width: 50%; }

.resource-list-horizontal h2, .block-resources-grid h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.resource-list-horizontal .resource-thumbnail, .resource-list-horizontal .resource-author, .resource-list-horizontal .author, .resource-list-horizontal .lbl, .block-resources-grid .resource-thumbnail, .block-resources-grid .resource-author, .block-resources-grid .author, .block-resources-grid .lbl {
  display: none; }

.resource-list-horizontal .img, .block-resources-grid .img {
  display: none; }

.resource-list-horizontal .txt, .block-resources-grid .txt {
  height: 124px;
  overflow: hidden; }

.resource-list-horizontal .info, .block-resources-grid .info {
  float: none;
  font-size: 12px;
  color: #999; }

.resource-list-horizontal.force.force-3 > ul > li, .block-resources-grid.force.force-3 > ul > li {
  width: 33%; }

.side .resource-list-vertical > ul > li, .side .block-resources-list > ul > li {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 30px; }

.side .resource-list-vertical .img img, .side .block-resources-list .img img {
  width: 100px;
  height: auto; }

.side .resource-list-vertical .txt, .side .block-resources-list .txt {
  height: 72px;
  margin-top: 4px;
  overflow: hidden; }

.side .resource-list-vertical .author, .side .block-resources-list .author {
  display: none; }

.side .resource-list-vertical .info, .side .block-resources-list .info {
  float: none; }

.g-side {
  padding: 0; }
  .g-side .resource-list-vertical, .g-side .block-resources-list {
    margin-right: -15px;
    margin-bottom: -1px; }
    .g-side .resource-list-vertical li, .g-side .block-resources-list li {
      padding-right: 15px; }
    .g-side .resource-list-vertical .info, .g-side .block-resources-list .info {
      display: none; }
    .g-side .resource-list-vertical h2, .g-side .block-resources-list h2 {
      font-size: 14px;
      font-weight: normal; }
    .g-side .resource-list-vertical .txt, .g-side .block-resources-list .txt {
      margin: 4px 0;
      font-size: 14px;
      height: 80px;
      overflow: hidden; }
    .g-side .resource-list-vertical .author, .g-side .block-resources-list .author {
      font-size: 12px;
      margin: 0; }

/* 文章详情 */
.resource {
  padding: 20px 0; }
  .resource .resource-hd {
    border-bottom: 1px solid #e7e8f0;
    margin: 0 -20px 1.4em 0;
    padding-bottom: 10px;
    padding-right: 20px; }
    .resource .resource-hd .info {
      margin-top: 10px;
      color: #999; }
    .resource .resource-hd a, .resource .resource-hd span {
      margin-right: 20px; }
    .resource .resource-hd .fa {
      margin-right: 3px; }
  .resource .resource-bd {
    line-height: 1.8;
    min-height: 300px; }
    .resource .resource-bd p {
      margin-top: 1em; }
  .resource .book-view {
    float: right; }
    .resource .book-view a {
      display: inline-block;
      padding: 0 20px;
      text-align: center;
      font-size: 14px;
      text-decoration: none; }
      .resource .book-view a:not(:first-child) {
        border-left: 1px solid #ddd; }
    .resource .book-view i {
      font-size: 20px; }
    .resource .book-view i.fa {
      margin: 10px 0 10px 0; }
    .resource .book-view span {
      display: block;
      font-size: 12px; }
  .resource .book-view a:not(:first-child) {
    border-left: 1px solid #e7e8f0; }
  .resource #resource-fav-vote {
    padding-right: 20px;
    margin-right: -20px;
    border-top: 1px solid #e7e8f0; }
    .resource #resource-fav-vote i {
      font-style: normal; }

.page-resource-head {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .page-resource-head .resource-author {
    font-size: 12px;
    color: #9C9C9C;
    margin: 14px 0; }
    .page-resource-head .resource-author a {
      color: #20C698; }

.resource-info dl {
  margin-bottom: 20px; }

.resource-info .btn-primary {
  margin: 20px 0;
  background: #20C698;
  border: #20C698;
  font-size: 20px;
  width: 100px; }
  .resource-info .btn-primary:hover {
    opacity: 0.8; }

/* 用户列表 */
.user-list > ul, .block-users > ul {
  margin: 0 -15px;
  font-size: 0; }
  .user-list > ul > li, .block-users > ul > li {
    font-size: 14px;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center; }

.user-list .avatar, .block-users .avatar {
  width: 100%; }
  .user-list .avatar > a, .block-users .avatar > a {
    display: block;
    margin: 0 auto; }
  .user-list .avatar img, .block-users .avatar img {
    width: 90px;
    height: 90px; }

.user-list .name, .block-users .name {
  font-size: 20px;
  margin-bottom: 8px; }
  .user-list .name a, .block-users .name a {
    color: inherit; }
    .user-list .name a:hover, .block-users .name a:hover {
      color: #20C698; }

.user-list .articles, .user-list .books, .user-list .prestige, .block-users .articles, .block-users .books, .block-users .prestige {
  display: inline-block;
  font-size: 12px;
  padding: 0 6px;
  color: #9C9C9C; }

.avatar img {
  border-radius: 100%;
  max-width: 100%;
  max-height: 100%; }

.user-list-horizontal > ul > li, .block-users-grid > ul > li {
  width: 25%; }
  .col-md-8 .user-list-horizontal > ul > li, .col-sm-8 .user-list-horizontal > ul > li, .col-md-9 .user-list-horizontal > ul > li, .col-sm-9 .user-list-horizontal > ul > li, .col-md-8 .block-users-grid > ul > li, .col-sm-8 .block-users-grid > ul > li, .col-md-9 .block-users-grid > ul > li, .col-sm-9 .block-users-grid > ul > li {
    width: 33.3333333%; }
  .col-md-6 .user-list-horizontal > ul > li, .col-md-6 .block-users-grid > ul > li {
    width: 50%; }
  .col-md-4 .user-list-horizontal > ul > li, .col-md-4 .block-users-grid > ul > li {
    width: 50%; }

.user-list-horizontal .avatar, .block-users-grid .avatar {
  background: url(../img/bg-namecard-3.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 54px;
  height: 100px; }
  .user-list-horizontal .avatar > a, .block-users-grid .avatar > a {
    display: block;
    margin: 0 auto;
    width: 94px; }
    .user-list-horizontal .avatar > a > img, .block-users-grid .avatar > a > img {
      border: 2px solid rgba(255, 255, 255, 0.5); }

.user-list-horizontal li:nth-child(3n+1) .avatar, .block-users-grid li:nth-child(3n+1) .avatar {
  background-image: url(../img/bg-namecard-1.jpg); }

.user-list-horizontal li:nth-child(3n+2) .avatar, .block-users-grid li:nth-child(3n+2) .avatar {
  background-image: url(../img/bg-namecard-2.jpg); }

.user-list-horizontal .info, .block-users-grid .info {
  border: 1px solid #e8e8e8;
  border-top: none;
  padding-top: 50px;
  padding-bottom: 24px;
  text-align: center; }

.user-list-vertical > ul, .block-users-list > ul {
  margin-bottom: -28px;
  text-align: center; }
  .user-list-vertical > ul > li, .block-users-list > ul > li {
    width: 11.111111%; }
    .col-md-8 .user-list-vertical > ul > li, .col-sm-8 .user-list-vertical > ul > li, .col-md-9 .user-list-vertical > ul > li, .col-sm-9 .user-list-vertical > ul > li, .col-md-8 .block-users-list > ul > li, .col-sm-8 .block-users-list > ul > li, .col-md-9 .block-users-list > ul > li, .col-sm-9 .block-users-list > ul > li {
      width: 16.6666666%; }
    .col-md-6 .user-list-vertical > ul > li, .col-md-6 .block-users-list > ul > li {
      width: 25%; }
    .col-md-4 .user-list-vertical > ul > li, .col-md-4 .block-users-list > ul > li {
      width: 33.3333333%; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .user-list-vertical > ul, .block-users-list > ul {
    margin-left: -5px;
    margin-right: -5px; }
    .user-list-vertical > ul > li, .block-users-list > ul > li {
      padding: 0 5px; }
  .user-list-vertical .avatar img, .block-users-list .avatar img {
    width: 80px;
    height: 80px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .user-list-vertical > ul > li, .block-users-list > ul > li {
    width: 120px; } }

@media only screen and (max-width: 767px) {
  .user-list-vertical > ul > li, .block-users-list > ul > li {
    width: 120px; } }

.user-list-vertical .avatar, .block-users-list .avatar {
  margin-bottom: 8px; }

.user-list-vertical .info, .block-users-list .info {
  height: 18px;
  overflow: hidden; }

.user-list-vertical .name, .block-users-list .name {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* 用户信息 */
.user-info {
  padding: 20px 0; }
  .user-info .avatar {
    float: left; }
  .user-info .txt {
    margin-left: 115px; }
  .user-info .name {
    margin-bottom: 8px;
    padding: 5px 0 8px;
    border-bottom: 1px solid #ddd; }
  .user-info ul {
    line-height: 24px;
    font-size: 0; }
  .user-info li {
    display: inline-block;
    width: 30%;
    font-size: 14px; }
  .user-info .long {
    width: 100%; }

.title-2 {
  padding: 10px 2px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 18px; }

.title-3 {
  margin: 30px 0 10px;
  font-size: 16px; }

.user-bookauthors > ul > li {
  width: 100%;
  margin-bottom: 10px; }

.user-bookauthors .avatar {
  float: left;
  width: 90px;
  height: 90px; }

.user-bookauthors .info {
  text-align: left;
  margin-top: 14px;
  margin-left: 94px; }

.user-bookauthors .name {
  margin-left: 6px;
  font-size: 18px; }

.side .user-articleauthors > ul > li {
  width: 100%;
  margin-bottom: 20px; }

.profile-head {
  min-height: 340px;
  position: relative;
  margin: -31px 0 40px 0;
  overflow: hidden; }
  .profile-head .custom-bg {
    min-height: 350px;
    -webkit-filter: blur(2px) brightness(80%);
    -ms-filter: blur(2px) brightness(80%);
    -moz-filter: blur(2px) brightness(80%);
    filter: blur(2px) brightness(80%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -5px -5px -245px -5px;
    z-index: 1; }
  .profile-head .profile-panel {
    position: relative;
    z-index: 10; }
    .profile-head .profile-panel .avatar > a > img {
      border: 2px solid rgba(255, 255, 255, 0.5);
      width: 120px;
      height: 120px; }
  .profile-head .profile-info {
    margin-left: 145px;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    .profile-head .profile-info .infos dt {
      color: inherit; }
  .profile-head .badge {
    text-shadow: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.side .profile-panel {
  border: 1px solid #20C698;
  border-top-width: 3px;
  margin-bottom: 30px;
  padding: 20px; }

.profile-panel {
  *zoom: 1; }

.profile-panel:before, .profile-panel:after {
  content: "";
  display: table; }

.profile-panel:after {
  clear: both; }

.profile-panel .profile-avatar {
  float: left;
  text-align: center; }

.profile-panel .avatar > a {
  display: block;
  margin: 0 auto 10px auto; }
  .profile-panel .avatar > a > img {
    width: 90px;
    height: 90px; }

.profile-panel .edit-btn {
  padding: 4px 10px;
  color: #20C698; }
  .profile-panel .edit-btn:hover, .profile-panel .edit-btn:active, .profile-panel .edit-btn:focus {
    background: #f5f5f5; }

.profile-info {
  margin-left: 100px;
  font-size: 12px;
  line-height: 2; }
  .profile-info dt, .profile-info dd, .profile-info b {
    font-weight: normal; }
  .profile-info .name {
    font-size: 24px;
    margin-bottom: 6px; }
    .profile-info .name .badge {
      padding: 3px 10px;
      vertical-align: 4px;
      font-weight: normal; }
    .profile-info .name .label {
      vertical-align: 4px;
      padding: 2px 10px;
      font-size: 12px;
      border-radius: 20px;
      font-weight: normal; }
  .profile-info .badge {
    background: #FF9F00;
    vertical-align: 1px;
    padding: 2px 10px; }
  .profile-info .levels {
    margin: 10px 0; }
    .profile-info .levels dl, .profile-info .levels dt, .profile-info .levels dd {
      display: inline-block; }
    .profile-info .levels dl {
      margin-right: 1em; }
  .profile-info .infos {
    max-width: 500px;
    font-size: 0;
    margin-bottom: 14px; }
    .profile-info .infos dt, .profile-info .infos dd {
      font-size: 12px;
      display: inline-block;
      vertical-align: top;
      line-height: 1.8;
      word-wrap: break-word; }
    .profile-info .infos dt {
      width: 64px;
      color: #9C9C9C; }
    .profile-info .infos dd {
      max-width: 100%; }
    .profile-info .infos b {
      color: #FF4F53; }
    .profile-info .infos .progress {
      display: inline-block;
      vertical-align: -1px;
      background: #D8D8D8;
      box-shadow: none;
      border-radius: 0;
      height: 10px;
      width: 76px;
      margin: 0 4px 0 0; }
    .profile-info .infos .progress-bar {
      background: #20C698; }
    .profile-info .infos .level {
      display: inline-block;
      vertical-align: -1px;
      box-shadow: none;
      border-radius: 0;
      height: 10px;
      width: 80px;
      margin: 0;
      font-size: 0; }
    .profile-info .infos .level-bar {
      display: inline-block;
      background: #20C698;
      width: 24px;
      height: 10px;
      background: #D8D8D8;
      margin-right: 2px; }
      .profile-info .infos .level-bar.red {
        background: #FF4F53; }
      .profile-info .infos .level-bar.sun {
        background: #FF9F00; }

.profile-btns {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 0; }
  @media only screen and (max-width: 767px) {
    .profile-btns {
      top: -50px; } }
  .profile-btns > li {
    font-size: 14px;
    display: inline-block;
    margin-left: 10px; }
  .profile-btns .btn-follow, .profile-btns .btn-default {
    border: 2px solid #FF9F00;
    color: white;
    background: #FF9F00;
    font-size: 16px;
    padding: 4px 10px; }
    .profile-btns .btn-follow:hover, .profile-btns .btn-follow:active, .profile-btns .btn-follow:focus, .profile-btns .btn-default:hover, .profile-btns .btn-default:active, .profile-btns .btn-default:focus {
      background: #f29700;
      border-color: #f29700; }
  .profile-btns .btn-follow-on {
    color: #FF9F00;
    background: white; }
    .profile-btns .btn-follow-on:hover, .profile-btns .btn-follow-on:active, .profile-btns .btn-follow-on:focus {
      background: #f5f5f5; }
  .profile-btns [class^="ryi-"], .profile-btns [class*=" ryi-"] {
    font-size: 20px;
    vertical-align: -3px;
    margin-left: -2px;
    margin-right: 2px; }

/* 地址列表 */
.address-list {
  margin-top: 20px; }
  .address-list .update, .address-list .del {
    margin-left: 10px; }

/* 通知列表 */
.block-notices {
  margin-bottom: 40px; }
  .block-notices > ul > li {
    padding: 20px 0 14px 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 0; }
    .block-notices > ul > li {
      *zoom: 1; }
    .block-notices > ul > li:before, .block-notices > ul > li:after {
      content: "";
      display: table; }
    .block-notices > ul > li:after {
      clear: both; }
  .block-notices .avatar {
    float: left;
    margin-top: 4px;
    width: 50px; }
  .block-notices .notice-body {
    margin-left: 60px; }
  .block-notices .notice-from {
    margin-bottom: 8px; }
    .block-notices .notice-from .name {
      color: #20C698; }
    .block-notices .notice-from .txt {
      color: #9C9C9C; }
      .block-notices .notice-from .txt a {
        color: #111; }
  .block-notices .notice-date {
    float: right;
    font-size: 12px;
    color: #9C9C9C; }
  .block-notices .notice-content {
    margin: .4em 0; }
    .block-notices .notice-content p, .block-notices .notice-content img {
      margin: .4em 0; }

/* 私信和积分 */
.block-users-message > ul {
  margin: 0; }
  .block-users-message > ul > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    z-index: 100;
    position: relative; }
    .block-users-message > ul > li > a {
      display: block;
      padding: 15px 20px;
      margin: 0; }
      .block-users-message > ul > li > a {
        *zoom: 1; }
      .block-users-message > ul > li > a:before, .block-users-message > ul > li > a:after {
        content: "";
        display: table; }
      .block-users-message > ul > li > a:after {
        clear: both; }
      .block-users-message > ul > li > a:hover, .block-users-message > ul > li > a:active, .block-users-message > ul > li > a:focus {
        text-decoration: none;
        background: #f5f5f5; }
        .block-users-message > ul > li > a:hover .name, .block-users-message > ul > li > a:active .name, .block-users-message > ul > li > a:focus .name {
          color: #20C698; }
    .block-users-message > ul > li.active {
      border-left: 6px solid #20C698; }
      .block-users-message > ul > li.active > a {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        padding-left: 14px;
        background: white;
        margin-right: -1px; }
      .block-users-message > ul > li.active .name {
        color: #20C698; }
    .block-users-message > ul > li .avatar {
      float: left;
      display: block;
      width: 50px; }
      .block-users-message > ul > li .avatar img {
        width: 50px;
        height: 50px; }
    .block-users-message > ul > li .info {
      display: block;
      margin-left: 60px; }
    .block-users-message > ul > li .name {
      font-size: 14px;
      color: #111;
      margin: 6px 0 0 0; }
    .block-users-message > ul > li .link-view {
      font-size: 12px;
      color: #20C698; }

.message-panel {
  border: 1px solid #e8e8e8;
  margin-left: -30px;
  padding: 10px 30px; }

.block-messages > ul > li {
  padding: 20px 0;
  margin: 0; }
  .block-messages > ul > li {
    *zoom: 1; }
  .block-messages > ul > li:before, .block-messages > ul > li:after {
    content: "";
    display: table; }
  .block-messages > ul > li:after {
    clear: both; }
  .block-messages > ul > li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8; }

.block-messages .avatar {
  width: 50px;
  height: 50px; }
  .block-messages .avatar img {
    width: 50px;
    height: 50px; }

.block-messages .message-date {
  color: #9C9C9C;
  font-size: 12px;
  margin-top: 4px; }

@media only screen and (min-width: 768px) {
  .page-login .login-form {
    border-right: 1px solid #e8e8e8; } }

@media only screen and (min-width: 992px) {
  .page-login .login-form .control-label {
    display: block;
    text-align: right; } }

@media only screen and (max-width: 767px) {
  .page-login .login-form .control-label {
    margin: 0 0 4px 10px; } }

.page-login .login-form .btn {
  width: 150px;
  font-size: 20px; }

.page-login .login-form .btn-primary {
  background: #FF4F53;
  border-color: #FF4F53;
  color: white; }
  .page-login .login-form .btn-primary, .page-login .login-form .btn-primary + .btn {
    margin-bottom: 10px; }

.page-login .login-form .btn-default {
  border-color: #20C698;
  color: #20C698; }

.page-login .form-group {
  margin-bottom: 30px; }

.welcome {
  margin: 80px auto;
  max-width: 420px; }
  .welcome h1, .welcome h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 36px; }
  .welcome h1 {
    margin-top: 20px; }
  .welcome h2 {
    color: #FF4F53;
    margin-bottom: 4px; }
  .welcome p {
    line-height: 26px; }
  .welcome a {
    color: #20C698; }

.login-title {
  margin-bottom: 40px;
  margin-top: 10px; }
  .login-title h4 {
    font-size: 24px; }

.login-prompts a {
  color: #20C698; }

.login-vendors {
  text-align: center; }

.vendor-btns > ul {
  font-size: 0; }
  .vendor-btns > ul > li {
    font-size: 14px;
    display: inline-block;
    width: 33%; }

.vendor-btns .btn {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-bottom: 10px;
  border: none; }
  .vendor-btns .btn:hover, .vendor-btns .btn:active, .vendor-btns .btn:focus {
    opacity: 0.8; }

.vendor-btns #Weibo {
  background: #FF7D76; }

.vendor-btns #QQ {
  background: #4CA6E6; }

.vendor-btns #Microsoft {
  background: #50B7E3; }

.vendor-btns [class^="ryi-"], .vendor-btns [class*=" ryi-"] {
  font-size: 40px;
  color: white; }

@media only screen and (min-width: 992px) {
  .register-form .control-label {
    display: block;
    text-align: right; } }

@media only screen and (max-width: 767px) {
  .register-form .control-label {
    margin: 0 0 4px 10px; } }

.register-form .btn-primary {
  background: #FF4F53;
  border-color: #FF4F53;
  color: white;
  width: 150px;
  font-size: 20px; }
  .register-form .btn-primary, .register-form .btn-primary + .btn {
    margin-bottom: 10px; }

.register-form .btn-student {
  background: #20C698;
  border-color: #20C698;
  color: white;
  width: 150px;
  font-size: 20px; }

.register-form .btn-default {
  border-color: #20C698; }

.register-form .form-group {
  margin-bottom: 30px; }

/* 我的订单 */
.order-form li:first-child {
  margin-top: 20px; }

.order-form .order-number {
  margin-left: 20px;
  font-weight: normal; }

.order-form .book-img {
  width: 100px;
  margin: 0 15px 0 0; }

.order-form td {
  vertical-align: middle !important; }

.order-form .price {
  text-align: right;
  color: #FF4F53;
  font-size: 18px; }
  .order-form .price > span {
    margin-left: 20px; }

.order-form .btns {
  text-align: right; }
  .order-form .btns .btn {
    margin-left: 20px; }

.order-item {
  margin-top: 30px;
  border: 1px solid #e8e8e8;
  border-top: 2px solid #ccc; }
  .order-item .top {
    cursor: pointer;
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 0;
    position: relative; }
    .order-item .top {
      *zoom: 1; }
    .order-item .top:before, .order-item .top:after {
      content: "";
      display: table; }
    .order-item .top:after {
      clear: both; }
    .order-item .top::after {
      font-family: 'ryicon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e90f";
      font-size: 14px;
      color: #20C698;
      position: absolute;
      right: 20px;
      top: 15px; }
    .order-item .top.open::after {
      content: "\e912"; }
  .order-item .l-panel, .order-item .r-panel {
    display: inline-block;
    font-size: 14px; }
  .order-item .l-panel {
    width: 40%; }
  .order-item .bottom {
    padding: 20px; }

.offsetl20 {
  margin-left: 20px; }

.order-table {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 0; }
  .order-table > tbody > tr > th:first-child, .order-table > tbody > tr > td:first-child {
    padding-left: 20px; }

/* 我的购书单 */
.shopping-cart {
  margin-top: 20px; }
  .shopping-cart td {
    vertical-align: middle !important; }
  .shopping-cart .book-img {
    width: 100px;
    margin: 0 15px 0 0; }
  .shopping-cart .book-subtract, .shopping-cart .book-add {
    display: inline-block;
    width: 16px;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none; }
  .shopping-cart .book-subtract {
    border-right: 0; }
  .shopping-cart .book-add {
    border-left: 0; }
  .shopping-cart .book-num {
    display: inline-block;
    width: 40px;
    border: 1px solid #ccc;
    text-align: center; }
  .shopping-cart .preferential-2 {
    margin-top: 10px; }
  .shopping-cart .integral {
    line-height: 34px;
    color: #999; }
  .shopping-cart .clearing .price1 {
    color: #f90; }
  .shopping-cart .clearing .price2 {
    font-size: 24px;
    color: #f00; }
  .shopping-cart .clearing .price3 {
    color: #333; }
  .shopping-cart .btns-2 {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    text-align: center; }
    .shopping-cart .btns-2 .btn {
      margin: 0 10px; }

.cart-table {
  border: 1px solid #e8e8e8; }
  .cart-table thead, .cart-table tbody {
    border: none; }
  .cart-table > thead > tr > th {
    border: none;
    background: #f5f5f5; }

.price {
  color: #FF4F53; }
  .total .price {
    font-size: 24px; }

/* 订阅 */
.book-feed li {
  padding-bottom: 0;
  border-bottom: 0; }

.book-feed .feed-cancel {
  margin-top: 10px; }

.feed-page {
  padding: 30px 0 20px;
  text-align: center; }

/* 提醒 */
.remind {
  padding: 10px; }
  .remind li {
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
    overflow: hidden; }
  .remind .remind-avatar {
    float: left; }
    .remind .remind-avatar img {
      width: 50px; }
  .remind .remind-txt {
    margin-left: 65px; }
  .remind .p1 {
    margin-bottom: 8px; }
    .remind .p1 span {
      float: right;
      color: #999; }

.showType1 {
  padding: 15px 0;
  border-bottom: 1px dashed #ddd;
  text-align: right; }
  .showType1 a {
    margin-right: 10px;
    color: #999; }
  .showType1 .active {
    color: #337ab7; }

/* 个人主页 */
.my-main {
  margin-bottom: 20px;
  border: 1px solid #d5d2d2; }

.my-hd {
  padding: 1px; }
  .my-hd img {
    width: 100%; }

.my-bd {
  margin: -30px 20px 0;
  padding-bottom: 20px; }
  .my-bd .avatar {
    float: left; }
  .my-bd .my-info-list {
    margin-left: 120px; }
    .my-bd .my-info-list dt {
      height: 30px;
      margin-bottom: 10px;
      font-size: 18px; }
    .my-bd .my-info-list dd {
      display: inline-block;
      width: 32%;
      line-height: 30px; }
    .my-bd .my-info-list .website {
      width: 100%; }
  .my-bd .my-fans {
    margin-top: 40px;
    font-size: 0; }
    .my-bd .my-fans li {
      display: inline-block;
      margin-left: 15px;
      padding-left: 15px;
      border-left: 1px solid #d5d2d2;
      line-height: 30px;
      font-size: 14px;
      text-align: center; }

@media (min-width: 320px) and (max-width: 992px) {
  .my-bd .my-info-list dd {
    width: 100%; }
  .my-bd .my-fans {
    margin: 10px 0 0 90px;
    text-align: left; }
    .my-bd .my-fans li:first-child {
      border-left: 0; } }

@media (min-width: 992px) {
  .my-bd .my-fans {
    text-align: right; } }

/* 编辑资料 */
.edit-avatar {
  padding-top: 20px; }
  .edit-avatar .edit-avatar-select {
    position: relative;
    margin-top: 15px; }
    .edit-avatar .edit-avatar-select img {
      width: 100px; }
    .edit-avatar .edit-avatar-select input {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      cursor: pointer; }
    .edit-avatar .edit-avatar-select .btn {
      width: 100px; }

.edit-main {
  padding-top: 20px; }
  .edit-main .title-2 {
    margin: 40px 0 15px;
    padding-bottom: 8px; }
    .edit-main .title-2 h3 {
      font-size: 18px; }

@media only screen and (max-width: 767px) {
  .profile-sidenav > .sidenav-minor, .profile-sidenav > .sidenav-mini {
    display: none; } }

/*写作页面*/
.compose-head {
  min-height: 150px;
  margin: -30px 0 40px 0;
  background: #f5f5f5; }

.compose-panel {
  position: relative;
  padding-top: 30px;
  margin-left: 115px;
  font-size: 14px;
  line-height: 1.4; }
  .compose-panel .avatar {
    float: left;
    margin-left: -115px; }
    .compose-panel .avatar > a {
      display: block;
      margin: 0 auto; }
      .compose-panel .avatar > a > img {
        border: 2px solid rgba(255, 255, 255, 0.5);
        width: 90px;
        height: 90px;
        border-radius: 45px; }

.compose-info {
  line-height: 2;
  padding-top: 10px; }
  .compose-info .name {
    font-size: 30px;
    display: inline-block; }
    .compose-info .name .ryi-nav-write {
      color: #20C698;
      font-size: 38px;
      vertical-align: -4px; }
  .compose-info .greeting {
    margin: 6px 0 20px 0;
    color: #9C9C9C; }
    .compose-info .greeting a {
      color: #20C698; }
    .compose-info .greeting b {
      font-weight: normal;
      color: #FF4F53; }

.nav-pills.compose-btns {
  float: right;
  margin-top: 50px;
  text-align: right; }
  .nav-pills.compose-btns > li {
    margin-left: 10px;
    margin-bottom: 10px; }
    .nav-pills.compose-btns > li > a {
      border: 1px solid #20C698;
      background: white;
      font-size: 14px;
      color: #111;
      border-radius: 20px;
      padding: 4px 20px; }
      .nav-pills.compose-btns > li > a:hover {
        background: #f5f5f5; }

.compose-form {
  margin: 10px; }
  .compose-form .form-group {
    margin-bottom: 30px; }
  .compose-form .control-label {
    padding-top: 9px; }
  .compose-form label.required::after {
    content: '*';
    display: inline-block;
    width: 12px;
    text-align: right;
    margin-right: -12px;
    font-weight: normal;
    color: #FF4F53; }
  .compose-form .help-block {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #9C9C9C; }
  .compose-form p.help-block {
    margin: 6px 0; }
  .compose-form b {
    font-weight: normal;
    color: #FF4F53; }

.form-link {
  color: #20C698; }
  .form-link [class^="ryi-"], .form-link [class*=" ryi-"] {
    font-size: 16px;
    vertical-align: -1px; }
  .form-link:hover, .form-link:active, .form-link:focus {
    color: #1db289;
    text-decoration: none; }

.item-inline {
  display: inline-block;
  margin-right: 20px; }

.flat-checkbox {
  position: relative;
  padding: 0; }
  .flat-checkbox input[type="checkbox"] {
    display: none; }
    .flat-checkbox input[type="checkbox"] + label, .flat-checkbox input[type="checkbox"] + input + label {
      padding-left: 28px;
      padding-bottom: 4px; }
      .flat-checkbox input[type="checkbox"] + label::before, .flat-checkbox input[type="checkbox"] + label::after, .flat-checkbox input[type="checkbox"] + input + label::before, .flat-checkbox input[type="checkbox"] + input + label::after {
        font-family: 'ryicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 2px;
        font-size: 20px;
        color: #20C698;
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease; }
      .flat-checkbox input[type="checkbox"] + label::before, .flat-checkbox input[type="checkbox"] + input + label::before {
        content: '\e92a';
        opacity: 1; }
      .flat-checkbox input[type="checkbox"] + label::after, .flat-checkbox input[type="checkbox"] + input + label::after {
        content: '\e92b';
        opacity: 0; }
    .flat-checkbox input[type="checkbox"]:checked + label::before, .flat-checkbox input[type="checkbox"]:checked + input + label::before {
      opacity: 0; }
    .flat-checkbox input[type="checkbox"]:checked + label::after, .flat-checkbox input[type="checkbox"]:checked + input + label::after {
      opacity: 1; }

.flat-file-upload {
  width: 120px;
  line-height: 40px;
  color: white;
  background: #20C698;
  display: inline-block;
  cursor: pointer;
  text-align: center; }
  .flat-file-upload:hover {
    background: #1db289; }
  .flat-file-upload input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .flat-file-upload div {
    display: none; }

.flat-select {
  position: relative; }
  .flat-select::after {
    font-family: 'ryicon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90f";
    font-size: 14px;
    color: #20C698;
    position: absolute;
    right: 14px;
    top: 12px;
    z-index: 1000; }

.compose-submit .btn {
  margin-right: 20px; }

.compose-submit .btn-primary {
  background: #FF4F53;
  color: white;
  font-size: 20px;
  line-height: 30px;
  width: 150px;
  padding: 10px;
  border: none; }
  .compose-submit .btn-primary:hover {
    background: #e6474b; }

.compose-submit .btn-default {
  font-size: 16px;
  line-height: 30px;
  width: 150px;
  padding: 9px;
  border: 1px solid #20C698; }
  .compose-submit .btn-default:hover {
    background: #f5f5f5; }

.g-block {
  margin-bottom: 20px;
  background-color: #fff; }

.g-title > a {
  display: block; }
  .g-title > a:hover {
    opacity: 0.8; }

.g-title h3 {
  font-size: 30px;
  color: #111;
  line-height: 1.8;
  margin: 40px 0 10px 0; }
  .g-title h3 a {
    color: #111; }

.g-title.g-form-title {
  border-top: 1px solid #e7e8f0;
  margin-top: 10px;
  margin-bottom: 40px; }

.title, .block-header {
  background: none;
  border: none;
  padding: 0;
  height: auto;
  margin: 30px 0; }
  .title h3, .title h4, .block-header h3, .block-header h4 {
    font-size: 28px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    font-weight: 700;
    min-height: 40px;
    min-width: 10px;
    color: #555; }
    .title h3 a, .title h4 a, .block-header h3 a, .block-header h4 a {
      color: inherit; }
  .title h5, .block-header h5 {
    font-size: 20px;
    line-height: 1.4;
    margin: 0;
    padding: 4px 0 0 0;
    font-weight: 700;
    min-width: 10px;
    color: #555; }
  .title.at-top h3, .title.at-top h4, .block-header.at-top h3, .block-header.at-top h4 {
    margin-top: 0; }

.profile-title {
  background: #f5f5f5;
  border: 1px solid #e8e8e8;
  padding: 18px 20px;
  position: relative; }
  .profile-title h3, .profile-title h4 {
    font-size: 30px; }
  .profile-title .more {
    display: block;
    position: absolute;
    right: 20px;
    top: 30px;
    color: #20C698; }

.profile-title-sm {
  padding: 40px 0 20px 0; }
  .profile-title-sm h3, .profile-title-sm h4 {
    font-size: 20px; }

.block.bottom-hr {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 24px; }

.block-border {
  border: 1px solid #e8e8e8; }

.side .title, .side .block-header, .title-pillar .title, .title-pillar .block-header {
  padding-left: 18px;
  margin: 24px 0;
  position: relative; }
  .side .title::before, .side .block-header::before, .title-pillar .title::before, .title-pillar .block-header::before {
    content: ' ';
    width: 6px;
    height: 26px;
    position: absolute;
    top: 5px;
    left: 0;
    background: #20C698; }
  .side .title h3, .side .title h4, .side .block-header h3, .side .block-header h4, .title-pillar .title h3, .title-pillar .title h4, .title-pillar .block-header h3, .title-pillar .block-header h4 {
    font-size: 26px;
    min-height: 36px; }

.main {
  margin-bottom: 40px; }

.pl24, .p-test999 {
  background: white; }

.g-side, .g-main {
  border: 1px solid #e7e8f0;
  background: white; }

.g-main {
  border: none;
  margin-bottom: 20px; }
  .g-main::after {
    content: '';
    display: table;
    clear: both;
    height: 10px; }
  .g-main .g-title {
    margin-left: -20px;
    margin-right: -20px; }

.sidenav-list {
  margin-bottom: 40px;
  border: 1px solid #20C698;
  border-top: none; }
  .sidenav-list .badge {
    vertical-align: 1px;
    margin-left: 6px;
    background: #FF4F53; }
    .sidenav-list .badge.badge-gold {
      background: #FF9F00; }
  .sidenav-list ul {
    margin: 0;
    padding: 0; }
  .sidenav-list li {
    padding: 0; }
    .sidenav-list li > a, .sidenav-list li > h4 {
      display: block;
      padding: 12px 20px;
      color: inherit; }
    .sidenav-list li > a {
      position: relative; }
      .sidenav-list li > a:hover, .sidenav-list li > a:active, .sidenav-list li > a:focus {
        text-decoration: none;
        background: #E9F5F1; }
    .sidenav-list li.sidenav-header {
      border-top: 3px solid #20C698; }
      .sidenav-list li.sidenav-header h3 {
        font-size: 22px;
        line-height: 1;
        color: inherit; }
        .sidenav-list li.sidenav-header h3 .ryi-cat-list {
          font-size: 30px;
          vertical-align: -4px;
          margin-right: 4px;
          color: #20C698; }
      .sidenav-list li.sidenav-header .toggle::after {
        -moz-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        transition: all 0.25s ease;
        font-family: 'ryicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e90f";
        font-size: 14px;
        line-height: 50px;
        text-align: center;
        width: 50px;
        height: 50px;
        color: #20C698;
        position: absolute;
        right: 4px;
        top: 3px; }
      .sidenav-list li.sidenav-header .toggle:hover::after {
        opacity: 0.5; }
      .sidenav-list li.sidenav-header.active .ryi-cat-list, .sidenav-list li.sidenav-header.active .toggle::after {
        color: white; }
    .sidenav-list li.sidenav-major {
      border-top: 1px solid #20C698; }
      .sidenav-list li.sidenav-major > a {
        font-size: 18px;
        padding-bottom: 11px;
        position: relative; }
        .sidenav-list li.sidenav-major > a .toggle::after {
          -moz-transition: all 0.25s ease;
          -o-transition: all 0.25s ease;
          -webkit-transition: all 0.25s ease;
          -ms-transition: all 0.25s ease;
          transition: all 0.25s ease;
          font-family: 'ryicon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e912";
          font-size: 14px;
          line-height: 50px;
          text-align: center;
          width: 50px;
          height: 50px;
          color: #20C698;
          position: absolute;
          right: 4px;
          top: 3px; }
        .sidenav-list li.sidenav-major > a .toggle:hover::after {
          opacity: 0.5; }
      .sidenav-list li.sidenav-major [class^="ryi-"], .sidenav-list li.sidenav-major [class*=" ryi-"] {
        font-size: 24px;
        color: #20C698;
        margin-left: 3px;
        margin-right: 9px;
        vertical-align: -3px; }
      .sidenav-list li.sidenav-major .ryi-cat-gao, .sidenav-list li.sidenav-major .ryi-cat-ben, .sidenav-list li.sidenav-major .ryi-cat-zhong {
        color: #9C9C9C; }
      .sidenav-list li.sidenav-major.open > a::after {
        font-family: 'ryicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e912";
        font-size: 14px;
        color: #20C698;
        position: absolute;
        right: 20px;
        top: 20px; }
      .sidenav-list li.sidenav-major.collapsed > ul {
        display: none; }
      .sidenav-list li.sidenav-major.collapsed > a .toggle::after {
        content: "\e90f"; }
      .sidenav-list li.sidenav-major.active > a .toggle::after {
        color: white; }
      .sidenav-list li.sidenav-major + li.sidenav-minor, .sidenav-list li.sidenav-major > ul > li.sidenav-minor:first-child {
        border-top: 1px solid #e8e8e8; }
    .sidenav-list li.sidenav-minor > ul {
      margin: 0 -20px; }
    .sidenav-list li.sidenav-minor, .sidenav-list li.sidenav-mini {
      margin-left: 20px;
      margin-right: 20px; }
      .sidenav-list li.sidenav-minor > a, .sidenav-list li.sidenav-mini > a {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 60px; }
        .sidenav-list li.sidenav-minor > a::before, .sidenav-list li.sidenav-mini > a::before {
          content: "\e91d";
          font-family: 'ryicon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 15px;
          color: #20C698;
          margin-right: 2px;
          vertical-align: -1px; }
      .sidenav-list li.sidenav-minor.active > a::before, .sidenav-list li.sidenav-mini.active > a::before {
        color: white; }
    .sidenav-list li.sidenav-mini > a {
      padding-left: 74px; }
      .sidenav-list li.sidenav-mini > a::before {
        content: "–"; }
    .sidenav-list li.active > a {
      background: #36cca2;
      color: white;
      position: relative; }
      .sidenav-list li.active > a > h3 {
        color: white; }
      .sidenav-list li.active > a::after {
        font-family: 'ryicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e911";
        font-size: 14px;
        color: white;
        position: absolute;
        right: 20px;
        top: 20px; }
      .sidenav-list li.active > a [class^="ryi-"], .sidenav-list li.active > a [class*=" ryi-"] {
        color: white; }
    .sidenav-list li.sidenav-minor.active a::after {
      top: 18px !important; }

.category-sidenav li.active > a::after, .category-sidenav li.sidenav-major.open > a::after {
  content: none; }

.category-sidenav.expanded li.sidenav-header .toggle::after {
  content: "\e912"; }

@media only screen and (min-width: 768px) {
  .category-sidenav li.sidenav-header .toggle {
    display: none; } }

@media only screen and (max-width: 767px) {
  .category-sidenav li.sidenav-major, .category-sidenav li.sidenav-minor, .category-sidenav li.sidenav-mini {
    display: none; }
  .category-sidenav.expanded li.sidenav-major, .category-sidenav.expanded li.sidenav-minor, .category-sidenav.expanded li.sidenav-mini {
    display: block; } }

.nav-tabs {
  border: 1px solid #e8e8e8;
  background: #f7f7f7;
  font-size: 16px; }
  .nav-tabs > li > a {
    margin: 0;
    line-height: 50px;
    border-radius: 0;
    padding: 0 20px;
    color: inherit; }
    .nav-tabs > li > a:hover, .nav-tabs > li > a:active {
      background: #E9F5F1;
      border-color: transparent; }
  .nav-tabs > li.active {
    font-size: 20px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    margin-top: -1px; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
      border-top: 3px solid #20C698;
      border-left: none;
      border-right: none;
      color: #20C698;
      background: white;
      cursor: default; }
  .nav-tabs .breadcrumbs {
    font-size: 14px; }

.nav-pills.sec-tab > li > a {
  line-height: 30px;
  margin: 0;
  border-radius: 0;
  border: none;
  padding: 0 15px;
  color: inherit; }
  .nav-pills.sec-tab > li > a:hover, .nav-pills.sec-tab > li > a:active {
    background: #E9F5F1;
    border-color: transparent; }

.nav-pills.sec-tab > li.active {
  border: none; }
  .nav-pills.sec-tab > li.active > a, .nav-pills.sec-tab > li.active > a:focus, .nav-pills.sec-tab > li.active > a:hover {
    border-left: none;
    border-right: none;
    color: #20C698;
    background: white;
    cursor: default; }

.nav-tab-primary {
  margin-bottom: 16px;
  position: relative; }
  .nav-tab-primary .advanced-search {
    position: absolute;
    right: 20px;
    top: 15px; }
    .nav-tab-primary .advanced-search a {
      color: #20C698; }

.nav-tab-secondary {
  border-bottom: 1px solid #e8e8e8;
  margin-top: 16px; }
  .nav-tab-secondary + .g-main .block-books-grid, .nav-tab-secondary + .g-main .block-articles-grid {
    margin-top: 30px; }
  .nav-tab-secondary::after {
    content: '';
    display: table;
    height: 0;
    clear: both; }
  .nav-tab-secondary .show-type {
    float: left; }
  .nav-tab-secondary .sec-tab {
    float: left; }
  .nav-tab-secondary .PagedList-pager > ul {
    float: right;
    text-align: right;
    margin: 0 -2px 0 0; }

.show-type {
  font-size: 16px;
  line-height: 12px;
  margin-right: 2px; }
  .show-type > li + li {
    margin-left: 1px; }
  .show-type > li > a {
    line-height: 30px;
    margin: 0;
    border-radius: 0;
    padding: 0 7px;
    height: 30px;
    color: #20C698; }
    .show-type > li > a span {
      vertical-align: -2px; }
  .show-type > li.active > a, .show-type > li.active > a:focus, .show-type > li.active > a:hover {
    background: #20C698;
    color: white; }

.sod_select {
  border: 1px solid #e7e8f0;
  box-shadow: none;
  width: 100px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
  padding: 9px 10px;
  height: 35px;
  border-radius: 0;
  margin: -1px 0 -1px 4px; }
  .sod_select:hover, .sod_select.open, .sod_select.focus,
  .sod_select .sod_list_wrapper {
    border: 1px solid #e7e8f0;
    box-shadow: none; }
  .sod_select .sod_list_wrapper {
    width: 100px;
    margin-left: -1px; }
  .sod_select .sod_list {
    width: 100px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #e7e8f0;
    margin: -1px; }
    .sod_select .sod_list li {
      padding: 10px 10px;
      line-height: 1.2; }

.sec-tab {
  margin: 1px 0 0 8px; }
  .sec-tab > li.active {
    border: none; }
    .sec-tab > li.active > a, .sec-tab > li.active > a:focus, .sec-tab > li.active > a:hover {
      padding: 0;
      margin: 0 15px;
      border-bottom: 2px solid #20C698; }

.PagedList-pager > ul {
  font-size: 0;
  display: block;
  margin: 15px 0;
  padding: 0;
  list-style: none; }
  .PagedList-pager > ul > li {
    font-size: 14px;
    margin: 2px;
    display: inline-block; }
    .PagedList-pager > ul > li > a {
      display: block;
      padding: 2px 10px;
      color: inherit;
      text-decoration: none; }
      .PagedList-pager > ul > li > a:hover, .PagedList-pager > ul > li > a:active {
        background: #E9F5F1;
        color: #20C698; }

.PagedList-currentPage {
  background-color: #20C698;
  color: white; }

.btn-lg {
  font-size: 20px;
  padding: 8px 30px; }

.btn-primary {
  color: white;
  background: #20C698;
  border-color: #20C698; }
  .btn-primary.btn-red {
    background: #FF4F53;
    border-color: #FF4F53; }
    .btn-primary.btn-red:hover {
      background: #FF4F53;
      border-color: #FF4F53; }
  .btn-primary:hover {
    background: #20C698;
    border-color: #20C698;
    opacity: 0.8; }

/* comments */
.comments > ul {
  clear: both; }
  .comments > ul {
    *zoom: 1; }
  .comments > ul:before, .comments > ul:after {
    content: "";
    display: table; }
  .comments > ul:after {
    clear: both; }
  .comments > ul > li {
    padding: 20px 0; }
    .comments > ul > li {
      *zoom: 1; }
    .comments > ul > li:before, .comments > ul > li:after {
      content: "";
      display: table; }
    .comments > ul > li:after {
      clear: both; }

.comment-list {
  font-size: 12px;
  line-height: 2;
  margin-top: -10px;
  margin-bottom: 50px; }
  .comment-list > ul > li {
    border-bottom: 1px solid #e8e8e8; }
  .comment-list .avatar {
    float: left;
    margin-right: 20px; }
    .comment-list .avatar img {
      width: 50px;
      vertical-align: top;
      border-radius: 25px; }
  .comment-list .txt {
    margin-left: 70px; }
  .comment-list .comment-info {
    font-size: 12px;
    margin-top: 6px;
    color: #9C9C9C;
    float: left; }
    .comment-list .comment-info a {
      color: #20C698; }
  .comment-list .reply-bar {
    text-align: right;
    margin-top: 6px;
    float: right; }
    .comment-list .reply-bar a {
      margin-left: 15px;
      font-size: 12px;
      color: inherit; }
  .comment-list .bts {
    margin-top: 10px;
    text-align: right; }
    .comment-list .bts .btn {
      margin-left: 5px; }

.reply-list ul {
  padding-top: 20px;
  margin-bottom: -20px; }
  .reply-list ul > li {
    padding-top: 20px;
    border-top: 1px solid #e8e8e8; }

.comment-empty {
  margin: 2em 0;
  color: #9C9C9C;
  text-align: center; }

.tag-list {
  margin: 0 -5px;
  font-size: 0; }
  .tag-list > li {
    display: inline-block;
    height: 40px;
    padding: 5px;
    font-size: 14px; }
    .tag-list > li > a {
      padding: 4px 10px;
      border: 1px solid #20C698;
      border-radius: 20px;
      color: inherit; }
      .tag-list > li > a:hover, .tag-list > li > a:active, .tag-list > li > a:focus {
        background: #20C698;
        color: white;
        text-decoration: none; }

.notice-list {
  margin-top: 20px;
  margin-right: -20px; }
  .notice-list .media {
    border-top: 1px solid #e7e8f0;
    padding: 10px 20px 10px 0; }

.mail-list {
  border-left: 1px solid #e7e8f0; }

.dialog-lst-box {
  margin-top: 20px; }
  .dialog-lst-box .media {
    border-top: 1px solid #e7e8f0;
    padding: 10px 0; }

.action {
  margin-top: 6px;
  line-height: 16px;
  color: #9C9C9C;
  font-size: 12px;
  overflow: hidden; }
  .action [class^="ryi-"], .action [class*=" ryi-"] {
    font-size: 16px;
    vertical-align: -2px; }
  .action > span:not(:last-child) {
    margin-right: 16px; }
  .action > a {
    color: inherit; }
    .action > a:hover, .action > a:active, .action > a:focus {
      color: #20C698;
      text-decoration: none; }
    .action > a:not(:last-child) {
      margin-right: 16px; }
  .col-md-4 .action .lbl, .col-sm-4 .action .lbl {
    display: none; }

.book-actions, .article-actions, .resource-actions {
  text-align: right;
  font-size: 0;
  margin-left: -20px; }
  .book-actions a, .article-actions a, .resource-actions a {
    display: inline-block;
    padding: 0 6px;
    min-width: 60px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: inherit; }
    .book-actions a:hover, .article-actions a:hover, .resource-actions a:hover {
      color: #20C698; }
    .book-actions a:not(:first-child), .article-actions a:not(:first-child), .resource-actions a:not(:first-child) {
      border-left: 1px solid #e8e8e8; }
    .book-actions a#article-toggle-praise, .article-actions a#article-toggle-praise, .resource-actions a#article-toggle-praise {
      margin-right: -10px;
      border-right: none; }
    .book-actions a.jiathis, .article-actions a.jiathis, .resource-actions a.jiathis {
      height: 62px; }
    .book-actions a.on, .article-actions a.on, .resource-actions a.on {
      color: #20C698; }
  .book-actions i, .article-actions i, .resource-actions i {
    font-style: normal;
    color: #FF4F53; }
  .book-actions span, .article-actions span, .resource-actions span {
    display: block; }
  .book-actions [class^="ryi-"], .book-actions [class*=" ryi-"], .article-actions [class^="ryi-"], .article-actions [class*=" ryi-"], .resource-actions [class^="ryi-"], .resource-actions [class*=" ryi-"] {
    font-size: 26px;
    margin: 6px 0; }

.rounded-box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ececec;
  padding: 10px;
  margin-bottom: 10px; }

.div-box-row {
  background-color: #FFFFFF;
  padding: 5px 10px; }
  .div-box-row ul li {
    float: left;
    width: 33.333333%;
    padding: 0;
    margin: 0;
    color: #555555;
    margin-bottom: 5px; }

.rounded-box.flat-bottom {
  margin-bottom: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-bottom: 0px; }

.rounded-box.flat-top {
  margin-top: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding-top: 0px; }

ul.ul-box {
  font-size: 13px;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.ul-box li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    background-color: #ffffff;
    position: relative; }

.ul-box a, .ul-box span {
  display: block;
  padding: 10px; }

.ul-box li.selected {
  background-color: #666;
  color: #fff; }

.ul-box a:hover {
  text-decoration: none; }

ul.ul-box li.current-article a {
  border-left: 5px solid #333; }

.markdown-body {
  font: 400 14px/1.75 "Microsoft YaHei", "微软雅黑", "PingFang SC", Arial, SimSun, sans-serif;
  font-size: 14px;
  line-height: 1.75;
  color: #666;
  padding: 5px;
  margin-top: 5px; }
  .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
    font-family: inherit;
    font-weight: bolder;
    line-height: 1.5; }
  .markdown-body h1 {
    font-size: 22px; }
  .markdown-body h2 {
    font-size: 20px; }
  .markdown-body h3 {
    font-size: 18px; }
  .markdown-body h4 {
    font-size: 16px; }
  .markdown-body h5, .markdown-body h6 {
    font-size: 14px; }
  .markdown-body b, .markdown-body strong {
    font-weight: 700;
    color: black; }
  .markdown-body p {
    margin: 15px 0; }
  .markdown-body blockquote {
    font-size: 14px;
    margin: 6px 0;
    color: #666;
    border-left: 5px solid #eee;
    padding-left: 0;
    font-weight: 300; }
    .markdown-body blockquote p {
      padding-left: 5px; }
  .markdown-body p.editing-tag {
    margin: 15px 5px 0 8px;
    float: left;
    font-weight: bold;
    color: #777;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 5px;
    vertical-align: 2px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    line-height: 1.4; }
  .markdown-body p.超强提示 {
    border-left: 5px solid #ff0000;
    padding-left: 5px; }
  .markdown-body p.超强提示标签 {
    color: #ff0000;
    border-color: #ff0000;
    background-color: #f3f3f3; }
  .markdown-body p.提示 {
    border-left: 5px solid #009900;
    padding-left: 5px; }
  .markdown-body p.提示标签 {
    color: #009900;
    border-color: #009900;
    background-color: #f3f3f3; }
  .markdown-body p.强提示 {
    border-left: 5px solid #ff8800;
    padding-left: 5px; }
  .markdown-body p.强提示标签 {
    color: #ff8800;
    border-color: #ff8800;
    background-color: #f3f3f3; }
  .markdown-body p.表头单元格, .markdown-body p.表格单元格 {
    margin: 5px 0; }
  .markdown-body p + p.editing-tag {
    margin-top: 0; }
  .markdown-body .注释编号, .markdown-body .注释编号下 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
    font-weight: bold; }
  .markdown-body .注释内容 {
    border-left: 5px solid #777;
    padding-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
  .markdown-body .图 {
    text-align: center; }
  .markdown-body .图题 {
    text-align: center;
    font-size: 90%; }
  .markdown-body .表题 {
    text-align: center;
    font-size: 90%;
    font-weight: bold; }
  .markdown-body .代码清单标题 {
    text-align: right;
    font-size: 90%; }
  .markdown-body .strong-code-line {
    font-weight: bold;
    background-color: #c7daf2; }
  .markdown-body table {
    margin: 0 auto; }
  .markdown-body acronym {
    color: #009900;
    font-weight: bold; }
  .markdown-body ul {
    list-style-type: disc; }
    .markdown-body ul ul {
      list-style-type: circle; }
      .markdown-body ul ul ul {
        list-style-type: square; }
        .markdown-body ul ul ul ul {
          list-style-type: disc; }
  .markdown-body ol {
    list-style-type: decimal-leading-zero; }
    .markdown-body ol ol {
      list-style-type: lower-alpha; }
      .markdown-body ol ol ol {
        list-style-type: lower-roman; }
        .markdown-body ol ol ol ol {
          list-style-type: lower-greek; }
  .markdown-body pre {
    margin: 10px 0; }
    .markdown-body pre.prettyprint {
      padding: 5px 5px 5px 30px; }
  .markdown-body .代码编号分隔, .markdown-body .列表编号分隔 {
    display: none; }
  .markdown-body .编注 {
    color: #fff;
    background-color: #890707; }

/*# sourceMappingURL=ptp.css.map */