/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  border: 0;
}
html,
button,
input,
select,
textarea,
a {
  color: #333333;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
html {
  background: #f6f5f3;
  font-family: Microsoft Yahei, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
li {
  list-style: none;
}
.tag {
  font-size: 14px;
  padding: 2px 6px;
  margin: 0 2px;
  position: relative;
}
.tag:hover {
  background: #ffae3b;
  color: #fff;
}
.comment_textarea {
  width: 94%;
  margin: 10px auto;
}
.comment_textarea .textarea__title {
  font-size: 14px;
  margin-bottom: 5px;
  color: #333333;
}
.comment_textarea textarea {
  width: 96%;
  height: 100px;
  padding: 4px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 3px #aaaaaa;
  -moz-box-shadow: 0 0 3px #aaaaaa;
  box-shadow: 0 0 3px #aaaaaa;
  margin: 0 auto;
}
.comment_textarea input[type="submit"] {
  background: url("../img/comment.png");
  width: 135px;
  height: 31px;
  border: 0;
  float: right;
  margin: 2px 20px;
  cursor: pointer;
}
/*.btn{
    line-height: 24px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    background: #facd5f;
    display: inline-block;
   cursor: pointer;
 }*/
.btn-blue {
  background: #4e7ec5;
}
.btn-red {
  background: #ff0000;
}
.search_google .input_google {
  width: 118px;
  height: 20px;
  font-size: 14px;
  padding: 0 4px;
  border: 1px solid #ccc;
}
.search_google input[type=submit] {
  background: #4e7ec5;
  color: #fff;
  margin: 0 0 0 4px;
  height: 20px;
  width: 40px;
  text-align: center;
}
.search_google label {
  font-size: 12px;
}
.search_google input[type=radio] {
  margin: 2px 4px;
}
.btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  vertical-align: middle;
  background: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.btn:hover {
  background: #e6e6e6;
}
.btn-blue {
  background: #4e7ec5;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}
.btn-blue:hover {
  background: #0055cc;
}
.btn-red {
  background: #fe0b4e;
  color: #ffffff;
}
.btn-red:hover {
  background: #fe224e;
}
.ui-mt5 {
  margin-top: 5px;
}
.ui-ptb5 {
  padding-bottom: 5px;
  padding-top: 5px;
}
.ui-mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ui-m10 {
  margin: 10px;
}
.ui-mauto {
  margin: 0 auto;
}
.ui-mb10 {
  margin-bottom: 10px;
}
.ui-mb15 {
  margin-bottom: 15px;
}
.ui-mt10 {
  margin-top: 10px;
}
.ui-mt40 {
  margin-top: 40px;
}
.ui-mt20 {
  margin-top: 20px;
}
.ui-mt15 {
  margin-top: 15px;
}
.ui-mr5 {
  margin-right: 5px;
}
.ui-mr10 {
  margin-right: 10px;
}
.ui-ml5 {
  margin-left: 5px;
}
.ui-ml10 {
  margin-left: 10px;
}
.ui-ml20 {
  margin-left: 20px;
}
.ui-mt100 {
  margin-top: 100px;
}
.ui-mb200 {
  margin-bottom: 200px;
}
.ui-mb240 {
  margin-bottom: 240px;
}
.ui-mr20 {
  margin-right: 20px;
}
.ui-mlr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.ui-mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ui-mr15 {
  margin-right: 15px;
}
.ui-mlr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.ui-p10 {
  padding: 10px;
}
.ui-pl5 {
  padding-left: 5px;
}
.ui-pr5 {
  padding-right: 5px;
}
.ui-pb10 {
  padding-bottom: 10px;
}
.ui-p15 {
  padding: 15px;
}
.ui-pt15 {
  padding-top: 20px;
}
.ui-pt5 {
  padding-top: 5px;
}
.ui-ptb15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ui-plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.ui-plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.ui-pl15 {
  padding-left: 15px;
}
.ui-pl10 {
  padding-left: 10px;
}
.ui-pl35 {
  padding-left: 35px;
}
.ui-mb300 {
  margin-bottom: 300px;
}
.ui-min400 {
  min-height: 400px;
}
.ui-border-right {
  border-right: 1px solid #ccc;
}
.ui-fll {
  float: left;
}
.ui-flr {
  float: right;
}
.ui-bd-n {
  border: none;
}
.ui-ta-c {
  text-align: center;
}
.ui-ta-r {
  text-align: right;
}
.ui-db {
  display: block;
}
.ui-di {
  display: inline;
}
.ui-dn {
  display: none;
}
.ui-fluid {
  width: 100%;
  display: block;
}
.ui-strong {
  font-weight: bolder;
}
.ui-font-large {
  font-size: 17px;
}
.ui-font-small {
  font-size: 12px;
}
.ui-link {
  color: #ffae3b;
}
.ui-hint {
  color: #ff0000;
}
.ui-gray {
  color: #aaa;
}
.ui-hidden {
  overflow: hidden;
}
.ui-hr {
  margin-bottom: 40px;
  border-color: #decbbe;
}
.lay-wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.lay-right {
  width: 820px;
  padding-bottom: 20px;
  min-height: 500px;
}
.lay-left {
  -webkit-box-shadow: 0 0 5px #999999;
  -moz-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999;
  width: 160px;
  margin-bottom: -9999px;
  /*将容器背景色拉伸*/
  padding-bottom: 9999px;
  background: #fefefd;
}
.lay-half {
  width: 48%;
  float: left;
  display: inline-block;
}
.lay-upload {
  width: 600px;
  margin: 30px auto;
}
.lay-quarter {
  width: 24%;
  float: left;
  display: inline-block;
  margin-bottom: 10px;
}
.lay-quarter a {
  display: block;
}
.lay-timeline {
  width: 610px;
  text-align: center;
}
.lay-main {
  width: 800px;
  float: left;
}
.lay-slide {
  float: left;
  width: 190px;
  margin-left: 10px;
}
.lay-gold-left {
  width: 620px;
  float: left;
  margin-right: 15px;
  margin-top: 10px;
}
.lay-gold-right {
  width: 365px;
  float: left;
  margin-top: 10px;
}
.lay-gold-left1 {
  width: 610px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
.lay-gold-right1 {
  width: 380px;
  float: left;
  margin-top: 10px;
}
.lay-gold-right1 .mod-qihua__index {
  margin-bottom: 0;
}
.lay-gold-right1 .mod-group__head_box {
  margin-left: 5px;
}
.lay-gold-right1 .mod-qihua__index > ul > li {
  margin-left: 5px;
}
#nav {
  height: 44px;
  border-bottom: solid 1px #908476;
  position: relative;
  z-index: 200;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  background-color: #f5f5f5;
}
.mod-nav__list li {
  float: left;
  display: block;
  height: 44px;
  position: relative;
}
.mod-nav__list li a {
  display: block;
  width: 160px;
  height: 44px;
  font-size: 17px;
  text-align: center;
  background: url(about:blank);
}
.mod-nav__list span {
  margin: 14px auto;
  width: 59px;
  height: 20px;
  background-image: url("../img/nav.png");
  display: block;
  line-height: 44px;
  cursor: pointer;
}
.mod-nav__move {
  height: 4px;
  width: 160px;
  background: #ffae3b;
  position: absolute;
  top: 0px;
  left: 160px;
}
.mod-nav__right {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 230px;
  font-size: 12px;
  margin-right: 30px;
}
.mod-nav__right > li {
  display: inline;
  float: right;
  width: 70px;
  position: relative;
  text-align: center;
}
.mod-nav__right .mod-nav__right_btn {
  width: 40px;
}
.mod-nav__login {
  margin: 14px 20px;
  display: block;
}
.mod-nav__login:hover {
  color: #ffae3b;
}
.mod-nav__user {
  margin: 2px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.mod-nav__btns {
  width: 100px;
  position: absolute;
  top: 40px;
  right: 0px;
  z-index: 300;
  background: #fff;
  padding-bottom: 10px;
  border: 1px solid #ffae3b;
}
.mod-nav__btns li {
  width: 60px;
  margin: 0 auto;
  position: relative;
}
.mod-nav__btns li a {
  font-size: 12px;
  color: #333333;
  text-align: left;
}
.mod-nav__btns li a:hover {
  color: highlight;
}
.mod-nav__depart {
  background: url("../img/icons.png") 0 -169px;
  padding-bottom: 10px;
}
.mod-nav__mask {
  background: url("../img/head.png");
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-nav__user img {
  width: 40px;
}
.mod-nav__pos {
  top: 0px;
  left: 38px;
}
.mod-dongtai__pos {
  top: 4px;
  left: 60px;
}
.mod-dongtai__nav {
  top: 4px;
  left: 108px;
}
li.mod-nav__function {
  width: 40px;
}
li.mod-nav__function a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  cursor: pointer;
}
.mod-nav__dongtai {
  line-height: 44px;
  height: 44px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 4px;
  padding: 2px 5px;
  color: #fff;
  cursor: pointer;
  background: #4e7ec6;
}
.mod-nav__dongtai:hover {
  background: #ffae3b;
  color: #fff;
}
#mod-nav__dashboard {
  background: url("../img/icons.png") -66px -169px no-repeat;
}
#mod-nav__backtop {
  display: none;
  background: url("../img/icons.png") -100px -169px no-repeat;
}
.mod-nav__link a {
  color: #474646;
  font-weight: bold;
  line-height: 45px;
}
.mod-nav__link a:hover {
  color: #ffae3b;
}
#nav.dark_nav {
  background: #3d3c3b;
}
#nav.dark_nav .mod-nav__list li > a {
  color: #eee;
  font-family: Tahoma, Verdana, STHeiTi, simsun, sans-serif;
}
#nav.dark_nav .mod-nav__list li > a:hover {
  color: #ffae3b;
}
#nav.dark_nav .mod-nav__right li > a {
  color: #eee;
}
#nav.dark_nav .mod-nav__right li > a:hover {
  color: #ffae3b;
}
#nav.dark_nav .mod-nav__right li > a.mod-nav__dongtai:hover {
  background: #ffae3b;
  color: #fff;
}
#nav.dark_nav .mod-nav__right li .mod-nav__mask {
  background: url("../img/head_dark.png");
}
#nav.dark_nav .mod-nav__right li #mod-nav__backtop {
  background-position: -132px -168px;
}
.mod-nav__empty {
  background: #fff;
  height: 30px;
  position: relative;
  z-index: 100;
  width: 100%;
}
.mod-nav__project {
  height: 30px;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 100;
  width: 100%;
}
.mod-nav__project ul li {
  position: relative;
  width: 250px;
  float: left;
  text-align: center;
}
.mod-nav__project ul li:hover .mod-nav__pro_info {
  display: block;
}
.mod-nav__pro_archor {
  padding: 0px 40px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
}
.mod-nav__pro_info {
  display: none;
  width: 180px;
  padding: 5px;
  position: absolute;
  z-index: 300;
  left: 30px;
  top: 30px;
  text-align: left;
}
.mod-nav__pro_info:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  position: absolute;
  left: 90px;
  top: -5px;
}
.mod-nav__pro_info p {
  font-size: 12px;
  color: #fff;
}
.mod-nav__qihua a {
  color: #4e7ec5;
}
.mod-nav__qihua .mod-nav__pro_info {
  background: #4e7ec5;
}
.mod-nav__qihua .mod-nav__pro_info:after {
  border-bottom-color: #4e7ec5;
}
.mod-nav__team a {
  color: #82ae46;
}
.mod-nav__team .mod-nav__pro_info {
  background: #82ae46;
}
.mod-nav__team .mod-nav__pro_info:after {
  border-bottom-color: #82ae46;
}
.mod-nav__act a {
  color: #ed6941;
}
.mod-nav__act .mod-nav__pro_info {
  background: #ed6941;
}
.mod-nav__act .mod-nav__pro_info:after {
  border-bottom-color: #ed6941;
}
.mod-nav__story a {
  color: #fbb814;
}
.mod-nav__story .mod-nav__pro_info {
  background: #fbb814;
}
.mod-nav__story .mod-nav__pro_info:after {
  border-bottom-color: #fbb814;
}
.mod-nav__pro_fixed {
  width: 100%;
  position: fixed;
  top: 0;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 300;
}
.mod-album {
  padding-bottom: 10px;
}
.mod-album__list {
  width: 93%;
  margin: 0 auto;
  position: relative;
}
.mod-album__list > li {
  position: relative;
  float: left;
  display: inline-block;
  width: 210px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  min-height: 228px;
  margin: 15px 10px;
  background: #fafafa;
}
.mod-album__list > li:hover .mod-album__correlation {
  display: block;
}
.mod-album__list > li img {
  display: inline-block;
  width: 100%;
}
.mod-album__list > li a:hover .mod-album__info {
  background: #ffae3b;
  color: #fff;
}
.mod-album__list > li a:hover .mod-album__title {
  background: #ffae3b;
  color: #fff;
  border-color: #fff;
}
.mod-album__delete_box {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 10;
  width: 80px;
}
.mod-album__delete {
  background: url("../img/icons.png") -60px -40px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 52px;
  top: 0px;
}
.mod-album__manage {
  position: relative;
  top: 20px;
  left: -6px;
  display: none;
}
.mod-album__manage a {
  cursor: pointer;
  padding: 4px;
  text-align: center;
  display: block;
  font-size: 12px;
  background: #fff;
  width: 56px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #b6a996;
}
.mod-album__manage a:hover {
  background: #ffae3b;
}
.mod-album__list_person li {
  margin: 15px 20px;
}
.mod-album__info {
  background: url(../img/slash.png) 100px 0 no-repeat;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  overflow: hidden;
  color: #aaa;
}
.mod-album__info span {
  width: 80px;
  word-break: break-all;
}
.mod-album__act {
  width: 1000px;
  margin: 15px auto 0 auto;
  position: relative;
}
.mod-album__act img {
  width: 100%;
}
.mod-album__act .icon_of_wechat {
  position: absolute;
  left: 1010px;
  top: 150px;
}
.mod-album__act .icon_of_lofter {
  position: absolute;
  left: 1010px;
  top: 30px;
}
.mod-album__act .icon_of_weibo {
  position: absolute;
  left: 1010px;
  top: 90px;
}
.mod-album__list_s > li {
  width: 140px;
  min-height: 165px;
  height: 165px;
  margin: 5px 5px 25px 5px;
  border: 1px solid #ddd;
}
.mod-album__list_s .mod-album__info {
  background-position: -32px 0;
  background: #fff;
}
.mod-album__list_index_s {
  width: 100%;
}
.mod-album__list_index_s li {
  width: 90px;
  min-height: 115px;
  margin: 0 4px 8px 4px;
  border: 1px solid #ddd;
}
.mod-album__list_index_s li img {
  width: 90px;
  height: 90px;
}
.mod-album__list_index_s .mod-album__info {
  background-position: -42px 0;
  background: #fff;
}
.mod-album__list_index > li {
  width: 174px;
  min-height: 225px;
  margin: 4px 4px 16px 4px;
  border: 1px solid #ddd;
}
.mod-album__list_index > li img {
  width: 174px;
}
.mod-album__list_index .mod-album__info {
  background-position: 80px 0;
}
.mod-album__article {
  width: 200px;
  height: 210px;
  overflow: hidden;
  padding: 0 6px;
}
.mod-album__article h4 {
  font-size: 14px;
  padding: 6px 0;
  text-align: center;
  height: 14px;
  width: 200px;
  color: #797979;
  line-height: 20px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
}
.mod-album__article p {
  font-size: 12px;
  line-height: 2;
  overflow: hidden;
}
.mod-album__article_s {
  width: 166px;
  height: 200px;
}
.mod-album__article_s h4 {
  width: 166px;
}
.mod-album__title {
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding: 0 5px;
  border-bottom: 1px solid #cfc8bd;
  text-align: center;
}
.mod-album__order {
  background-image: url("../img/order.png");
  background-repeat: no-repeat;
  height: 20px;
  width: 180px;
  position: absolute;
  top: -20px;
}
.order_1 {
  background-position: 150px 0;
}
.order_2 {
  background-position: 150px -20px;
}
.order_3 {
  background-position: 150px -40px;
}
.order_4 {
  background-position: 150px -60px;
}
.order_5 {
  background-position: 150px -80px;
}
.mod-album_ranking_list li {
  width: 180px;
  min-height: 225px;
  margin: 25px auto 4px auto;
  border: 1px solid #ddd;
  background: #fafafa;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
}
.mod-album_ranking_list li:hover .mod-album__correlation {
  display: block;
}
.mod-album_ranking_list li img {
  width: 180px;
}
.mod-album_ranking_list li a:hover .mod-album__info {
  background: #ffae3b;
  color: #fff;
}
.mod-album_ranking_list li a:hover .mod-album__title {
  background: #ffae3b;
  color: #fff;
  border-color: #fff;
}
.mod-album__list .mod-album__manga a:hover .mod-album__info {
  background: #4e7ec5;
  color: #fff;
}
.mod-album__list .mod-album__manga a:hover .mod-album__title {
  background: #4e7ec5;
  color: #fff;
  border-color: #fff;
}
.mod-album_ranking {
  margin-bottom: 0px;
  margin-top: 10px;
}
.mod-album__qihua li {
  margin: 4px 4px 16px 10px;
}
.mod-album__correlation {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  max-height: 42px;
  overflow: hidden;
  text-align: center;
  display: none;
  background: url("../img/white_mask.png");
}
.mod-album__correlation a {
  display: inline-block;
  width: 40px;
  text-align: center;
}
.mod-album__correlation a img {
  width: 38px;
  margin-top: 2px;
  padding-bottom: 2px;
}
.mod-album__character li {
  float: left;
  position: relative;
}
.mod-album__character li .mod-character__left {
  width: 188px;
  float: none;
  height: 280px;
  border: 1px solid #ddd;
}
.mod-album__charac_info {
  background: #fff;
  position: absolute;
  width: 168px;
  left: 9px;
  top: 242px;
  padding: 10px;
}
.mod-album__charac_info h4 {
  font-size: 14px;
}
.mod-album__charac_info a {
  color: #4e7ec5;
  font-size: 12px;
  display: block;
}
.mod-album__search_title {
  border-bottom: 1px solid #4e7ec5;
  margin: 20px 25px;
}
.mod-album__search_title span,
.mod-album__search_title a {
  font-size: 14px;
  color: #4e7ec5;
  font-weight: bold;
}
.mod-album__search_title .mod-title__add {
  color: #fff;
}
.mod-album__mlr35 {
  margin-left: 35px;
  margin-right: 35px;
}
.mod-title {
  color: #333333;
  font-size: 12px;
  line-height: 24px;
  border-bottom: solid 1px #c4ae9e;
  background: url("../img/title_hane.png") no-repeat;
  padding-left: 20px;
  width: 97%;
  margin: 0px auto 10px auto;
  position: relative;
}
.mod-title .ui-fll {
  font-weight: bold;
  color: #926d5a;
}
.mod-title .ui-fll.mod-title__anno {
  font-weight: normal;
  color: #aaa;
  margin-left: 10px;
}
.mod-title .mod-title__sp {
  color: #ffae3b;
}
.mod-title__nomargin {
  margin: 0 auto;
}
.mod-title__hint {
  color: #888888;
  margin-left: 5px;
  font-size: 12px;
}
.mod-title__hint:hover {
  color: #ffae3b;
}
.mod-title__add {
  background: #ffae3b;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  display: inline-block;
}
.mod-title__more:hover .mod-title__add {
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mod-title_page {
  position: relative;
}
.mod-title_page a {
  display: block;
  background-image: url("../img/page.png");
  width: 20px;
  height: 30px;
  position: absolute;
  top: 30px;
}
.page_pre {
  left: -10px;
  background-position: 0 0;
}
.page_pre:hover {
  background-position: 0 -30px;
}
.page_next {
  right: 5px;
  background-position: -20px 0;
}
.page_next:hover {
  background-position: -20px -30px;
}
.lay-right .mod-title .mod-title__act {
  width: 100px;
}
.mod-title__act {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 12px;
  width: 214px;
}
.mod-title__act p {
  height: 18px;
}
.mod-title__act ul li {
  border-left: 2px solid #c4ae9e;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  cursor: pointer;
}
.mod-title__act ul li:hover {
  border-left: 2px solid #ffae3b;
}
.mod-title__act ul li:hover a {
  color: #ffae3b;
}
.mod-title__act ul li.current {
  border-left: 2px solid #ffae3b;
}
.mod-title__act ul li.current a {
  color: #ffae3b;
}
.mod-title__arr {
  color: #fff;
  background: #ffae3b;
  padding: 0 3px;
}
.mod-form__handover a {
  color: #4e7ec5;
  text-decoration: underline;
  font-size: 14px;
}
.mod-form label {
  display: flex;
  margin: 20px 0;
}
.mod-form label img {
  max-width: 200px;
  max-height: 200px;
}
.mod-form label input[type=text],
.mod-form label input[type=submit] {
  width: 200px;
  height: 20px;
}
.mod-form label input[type=text]:focus,
.mod-form label input[type=submit]:focus {
  border: 1px solid #ffae3b;
}
.mod-form label input[type="radio"] {
  margin: 0 4px;
  width: auto;
}
.mod-form label input[type="checkbox"] {
  position: relative;
  top: 5px;
  width: auto;
  line-height: 25px;
}
.mod-form__title {
  display: inline-block;
  width: 150px;
  text-align: right;
  font-size: 14px;
  position: relative;
}
.mod-form__title input[type="checkbox"] {
  top: 0 !important;
  margin: 0 4px;
}
.mod-form__jubao ul {
  margin-left: 160px;
}
.mod-form__jubao_detail {
  width: 200px;
  height: 100px;
  vertical-align: top;
}
.mod-form__sub_title {
  margin-left: 150px;
  font-size: 12px;
}
.mod-form__add {
  width: 150px;
  margin-left: 150px;
  background: #4e7ec5;
}
.mod-form__sub_add {
  margin-left: 150px;
  font-size: 12px;
  cursor: pointer;
}
.mod-form__hint {
  font-size: 12px;
}
.mod-form__handover {
  padding-left: 150px;
}
.mod-form__handover a {
  margin-right: 20px;
}
.mod-form__submit {
  background: #4e7ec5;
  color: white;
}
.mod-form__text p {
  padding-left: 30px;
  margin: 10px 0;
}
.mod-form__sex,
.mod-form__response {
  margin: 20px 0;
}
.mod-form__sex input,
.mod-form__response input {
  margin: 0 4px;
}
.mod-form__discription {
  width: 360px;
  height: 200px;
  vertical-align: top;
}
.mod-form__article {
  width: 650px;
  height: 200px;
  margin-top: 10px;
  vertical-align: top;
  padding: 10px;
  font-size: 14px;
}
.mod-form__necessary {
  position: absolute;
  top: -4px;
  left: 136px;
  color: #ff0000;
  font-style: normal;
}
.mod-form__file_box {
  width: 120px;
  height: 28px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin-left: 155px;
}
.mod-form__file {
  position: absolute;
  right: 0;
  top: 0;
  _zoom: 30;
  font-size: 300px\9;
  height: 100%;
  _height: auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
}
.mod-form__figure {
  width: 500px;
  margin: 10px auto;
  position: relative;
}
#croods input {
  display: none;
}
.mod-form__preview {
  width: 300px;
  margin: 0 auto;
}
.mod-form__preview img {
  max-width: 300px;
}
.mod-form__article_prev {
  font-size: 14px;
  width: 650px;
  padding: 10px;
  background: #fff;
  margin: 10px 0;
}
.mod-form__article_prev p {
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
  text-indent: 28px;
  line-height: 30px;
}
.mod-form__avatar {
  width: 110px;
  margin: 10px 0px 10px 155px;
}
.mod-form__btn {
  width: 200px;
  height: 20px;
  display: inline-block;
}
.mod-form__my_character {
  display: inline-block;
  width: 400px;
}
.mod-form__my_character li {
  float: left;
  width: 50px;
}
.mod-form__user {
  margin: 2px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.mod-form__user img {
  width: 40px;
}
.mod-form__tag_size {
  margin-left: 150px;
}
.mod-form__tag_size li {
  display: none;
}
.mod-form__tag_size li.current {
  display: block;
}
.mod-form__block {
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  text-align: center;
  height: 80px;
  line-height: 80px;
}
.block_1 {
  width: 400px;
}
.block_2 {
  width: 260px;
}
.block_3 {
  width: 200px;
  font-size: 12px;
}
.block_4 {
  width: 160px;
  font-size: 12px;
  line-height: 20px;
}
.block_5 {
  width: 130px;
  font-size: 12px;
  line-height: 20px;
}
.mod-form__group_tag {
  width: 375px;
  margin: 20px 0 20px 150px;
}
.set_tag_input {
  margin-top: 30px;
  height: 24px;
  line-height: 24px;
}
.set_tag_img {
  position: relative;
}
.set_tag_img span {
  position: absolute;
  left: 0;
  top: 0;
}
.mod-form_tag_box {
  width: 120px;
  height: 28px;
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.mod-form__checkbox {
  float: left;
  width: 200px;
}
.mod-form__checkbox label {
  display: block;
  margin: 5px 0;
}
.mod-form__checkbox label input[type="checkbox"] {
  margin: 0 5px;
  position: relative;
  top: 0px;
}
.mod-form__radio {
  margin: 20px 0;
}
.mod-form__res_qihua,
.mod-form__res_egroup {
  padding: 20px 0;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.new-form__element {
  *zoom: 1;
  zoom: 1;
  margin: 30px 0;
}
.new-form__element:before {
  content: '';
  display: block;
}
.new-form__element:after {
  content: '';
  display: table;
  clear: both;
}
.new-form__left {
  float: left;
  width: 140px;
  min-height: 10px;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  overflow: hidden;
  line-height: 20px;
}
.new-form__left input[type=checkbox] {
  position: relative;
  top: 2px;
  left: -5px;
}
.new-form__preview img {
  max-width: 300px;
}
.new-form__right {
  width: 400px;
  float: left;
  line-height: 20px;
}
.new-form__input {
  padding: 2px 5px;
  width: 200px;
}
.new-form__textarea {
  width: 400px;
  padding: 2px 5px;
  height: 180px;
}
.new-form__submit {
  width: 200px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  background: #4e7ec5;
  color: white;
}
.new-form__res_qihua .new-form__element {
  margin: 10px 0;
}
.new-form__file_box {
  width: 120px;
  height: 28px;
  overflow: hidden;
  display: inline-block;
  position: relative;
  margin-top: 10px;
}
.new-form__file {
  position: absolute;
  right: 0;
  top: 0;
  _zoom: 30;
  font-size: 300px\9;
  height: 100%;
  _height: auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
}
.new-form__egroup_tag li {
  margin: 5px 0;
}
.new-form__egroup_tag li input[type=checkbox] {
  margin: 0 5px;
}
.new-form__res_qihua,
.new-form__res_group {
  padding: 20px 0px;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.mod-person {
  padding-top: 10px;
  position: relative;
  overflow: hidden;
}
.mod-person > div {
  border-top: 1px solid #eee;
}
.mod-person__head {
  border: 1px solid #eee;
  -webkit-box-shadow: 0 0 3px #cccccc;
  -moz-box-shadow: 0 0 3px #cccccc;
  box-shadow: 0 0 3px #cccccc;
  display: block;
  width: 140px;
  margin: 0 auto;
}
.mod-person__info {
  padding: 4px 10px;
}
.mod-person__info p {
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
}
.mod-id {
  font-size: 14px;
  border: 1px solid #333333;
  max-width: 100px;
  display: inline;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 4px;
}
.mod-person__border {
  padding: 4px 10px;
}
.mod-id__right {
  background: #333333;
  color: #fff;
  padding: 0 4px;
  position: relative;
  *right: -4px;
}
.mod-person__c_avatar {
  vertical-align: top;
}
.mod-person__c_avatar img {
  width: 40px;
}
.mod-person__creator {
  vertical-align: top;
  display: inline-block;
  width: 90px;
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
  overflow: hidden;
}
.mod-person__creator span {
  font-weight: normal;
  display: block;
}
.mod-person__author {
  font-size: 12px;
  font-weight: bold;
}
.mod-person__btn {
  font-size: 14px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f7f7f7));
  background: -ms-linear-gradient(top, #ffffff, #f7f7f7);
  background: -moz-linear-gradient(center top, #ffffff 0%, #f7f7f7 100%);
  border-top: 1px solid #efefef;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.mod-person__btn:hover {
  background: #e9e2db;
}
.mod-person__btn > a {
  padding: 4px 10px;
  display: block;
  cursor: pointer;
  letter-spacing: 2px;
}
.mod-person__sub_btn {
  display: none;
}
.mod-person__sub_btn li:hover {
  background: #fff;
}
.mod-person__sub_btn li a {
  padding: 4px 10px;
}
.mod-person__sub_btn li a:hover {
  color: #ffae3b;
}
.mod-person__line {
  width: 3px;
  height: 100%;
  position: absolute;
  right: 6px;
  top: 0px;
  z-index: 100;
  background: #ffae3b;
}
.mod-person__tip {
  margin: 4px 10px;
  word-break: break-all;
}
.mod-person__follow {
  cursor: pointer;
  font-size: 12px;
  color: #4e7ec5;
  text-decoration: underline;
  margin-left: 10px;
}
.mod-person__num {
  margin-left: 2px;
  font-size: 12px;
  padding: 0 4px;
  color: #fff;
  background: #715e4a;
  border-radius: 10PX;
}
#mod-single {
  width: 93%;
  margin: 0 auto;
}
#mod-single__box {
  width: 650px;
  margin: 0 auto;
  display: block;
  min-height: 200px;
  text-align: center;
}
#mod-single__box img {
  -webkit-box-shadow: 1px 1px 3px #aaaaaa;
  -moz-box-shadow: 1px 1px 3px #aaaaaa;
  box-shadow: 1px 1px 3px #aaaaaa;
  margin: 0 auto;
  display: block;
}
#mod-single__box h3 {
  margin: 3px auto;
  border-bottom: 1px solid #d5cfc5;
  border-left: 2px solid #ffae3b;
  padding-left: 10px;
  text-align: left;
}
#mod-single__box p {
  font-size: 12px;
  text-align: left;
}
#mod-single__box #mod-single__article {
  padding-bottom: 40px;
}
#mod-single__box #mod-single__article p {
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
  text-indent: 28px;
  line-height: 30px;
}
.mod-single__manga > a {
  display: inline-block;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px #aaaaaa;
  -moz-box-shadow: 1px 1px 3px #aaaaaa;
  box-shadow: 1px 1px 3px #aaaaaa;
  position: relative;
  border: 1px solid #ccc;
}
.mod-single__manga > a img {
  position: relative;
  left: -5px;
  top: -5px;
  display: inline!important;
  border: 1px solid #cc;
}
.mod-single__link_pic {
  text-align: center;
}
.mod-single__like,
.mod-single__zan {
  background: url('../img/star.png');
  width: 30px;
  height: 39px;
  display: block;
  position: absolute;
  top: 26px;
  left: 648px;
  cursor: pointer;
}
.mod-single__like:hover,
.mod-single__zan:hover {
  background-position: -41px 0px;
}
.mod-single__like_sp,
.mod-single__zan_sp {
  background: url('../img/star_candy.png');
}
.mod-single__liked {
  background-position: -41px 0px;
}
#mod-single__info,
#mod-single__connect-tag {
  background-color: #fff;
  border: 1px solid #eee;
  font-size: 14px;
  height: 25px;
  line-height: 25px;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
#mod-single__connect-tag {
  margin: 10px 40px;
}
.mod-single__slide {
  min-width: 130px;
  background: url('../img/slash.png') 90px 0 no-repeat;
}
.mod-single__collect {
  padding: 3px 0;
}
.mod-single__title {
  position: relative;
  margin-bottom: 20px;
}
.mod-single__comment .mod-news li .mod-news__right {
  width: 650px;
}
.mod-single__point {
  position: absolute;
  left: 308px;
  top: -10px;
  width: 340px;
}
.mod-single__point dl {
  text-align: right;
  float: right;
  display: inline;
}
.mod-single__point dl dt,
.mod-single__point dl dd,
.mod-single__point dl dt {
  font-size: 12px;
  display: inline;
}
.mod-single__jubao {
  float: right;
  display: inline;
  font-size: 12px;
  margin: 5px 10px 0 3px;
  color: #4e7ec5;
}
.mod-single__pen {
  position: absolute;
  left: 210px;
  top: 22px;
  width: 130px;
  height: 13px;
  cursor: pointer;
}
.mod-single__pen_normal {
  background: url("../img/pen.png");
  width: 135px;
  height: 13px;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-single__pen_normal_sp {
  background-image: url("../img/pen_fire.png");
}
.mod-single__pen_light {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 13px;
  background: url("../img/pen.png");
  background-position: 0 -13px;
}
.mod-single__pen_light_sp {
  background-image: url("../img/pen_fire.png");
}
.rate_1 .mod-single__pen_light {
  width: 13px;
}
.rate_2 .mod-single__pen_light {
  width: 26px;
}
.rate_3 .mod-single__pen_light {
  width: 39px;
}
.rate_4 .mod-single__pen_light {
  width: 52px;
}
.rate_5 .mod-single__pen_light {
  width: 65px;
}
.rate_6 .mod-single__pen_light {
  width: 78px;
}
.rate_7 .mod-single__pen_light {
  width: 91px;
}
.rate_8 .mod-single__pen_light {
  width: 104px;
}
.rate_9 .mod-single__pen_light {
  width: 117px;
}
.rate_10 .mod-single__pen_light {
  width: 130px;
}
.rated {
  cursor: default;
}
.mod-single__tag_qihua {
  display: inline-block;
  background: url("../img/flag.png");
  width: 9px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: -4px;
}
.mod-single__tag_group {
  display: inline-block;
  background: url("../img/flag.png") -9px 0;
  width: 9px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: -4px;
}
.mod-single__tag_qihua2 {
  display: inline-block;
  background: url("../img/flag.png") -18px 0;
  width: 9px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: -4px;
}
.mod-single__tag_group2 {
  display: inline-block;
  background: url("../img/flag.png") -27px 0;
  width: 9px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: -4px;
}
.mod-single__share {
  display: inline-block;
  background: url("../img/icons.png") -87px -72px;
  width: 24px;
  height: 16px;
  float: right;
  margin: 4px 4px 0 0;
}
.mod-single__relevant_link {
  font-weight: bold;
  color: #ffae3b;
  text-decoration: underline;
  position: relative;
}
.mod-single__relevant_box {
  position: absolute;
  top: 330px;
  left: 500px;
  z-index: 400;
  display: none;
  width: 150px;
  background-image: url("../img/tankuang.png");
  background-position: -2px 0;
  padding: 12px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mod-single__relevant_box h4 {
  color: #333;
  font-size: 14px;
}
.mod-single__relevant_box img {
  width: 150px;
}
.mod-user li {
  margin: 0 0 8px 0;
  float: left;
}
.mod-user li a {
  border: 1px solid #ffae3b;
  margin: 0 3px;
  display: block;
  width: 54px;
  height: 54px;
  -webkit-border-top-left-radius: 54px;
  -webkit-border-top-right-radius: 54px;
  -webkit-border-bottom-right-radius: 54px;
  -webkit-border-bottom-left-radius: 54px;
  -moz-border-radius-topleft: 54px;
  -moz-border-radius-topright: 54px;
  -moz-border-radius-bottomright: 54px;
  -moz-border-radius-bottomleft: 54px;
  border-top-left-radius: 54px;
  border-top-right-radius: 54px;
  border-bottom-right-radius: 54px;
  border-bottom-left-radius: 54px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-user li a img {
  width: 50px;
  height: 50px;
  -webkit-border-top-left-radius: 50px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin: 2px;
  overflow: hidden;
}
.mod-relative {
  position: relative;
  border-bottom: 1px solid #eee;
}
.mod-relative__title {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 68px;
  line-height: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  color: #4a4a4a;
  font-size: 14px;
  width: 24px;
  text-align: center;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mod-single__set {
  padding-bottom: 100px;
}
.mod-single__set .mod-title {
  margin-top: 20px;
}
.mod-relative__list {
  width: 93%;
  margin: 10px auto 20px auto;
  height: 70px;
  padding-top: 10px;
}
.mod-relative__list li {
  margin-left: 6px;
}
.mod-news {
  font-size: 12px;
}
.mod-news li {
  width: 90%;
  margin: 0px auto;
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.mod-news__title {
  position: relative;
}
.mod-news__unread {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3f3f3), color-stop(1, #ededed));
  background: -ms-linear-gradient(top, #f3f3f3, #ededed);
  background: -moz-linear-gradient(center top, #f3f3f3 0%, #ededed 100%);
}
.mod-news__unread:hover {
  background: #e3e3e3;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #f3f3f3));
  background: -ms-linear-gradient(top, #efefef, #f3f3f3);
  background: -moz-linear-gradient(center top, #efefef 0%, #f3f3f3 100%);
}
.mod-news__date {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mod-news__allow {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.mod-news__reject {
  position: absolute;
  right: 110px;
  top: 0;
  cursor: pointer;
}
.mod-news__context {
  margin-left: 20px;
}
.mod-news__context p {
  color: #aaa;
  padding: 10px 0;
}
.mod-news__context textarea {
  width: 400px;
  height: 80px;
  border: 1px solid #ddd;
}
.mod-news__left {
  width: 30px;
}
.mod-news__left img {
  width: 25px;
}
.mod-news__right {
  width: 454px;
}
.mod-news__name {
  color: #4e7ec5;
  float: left;
}
.mod-news__reply {
  cursor: pointer;
  color: #4e7ec5;
  margin-left: 4px;
}
.mod-news__delete {
  cursor: pointer;
  color: #ff0000;
  margin-left: 4px;
}
#footer {
  font-size: 12px;
  padding: 5px 0;
  border-top: 1px solid #ddd;
}
#footer.dark_footer {
  background: #3d3c3b;
}
#footer.dark_footer h4 {
  color: #eee;
}
#footer.dark_footer a {
  color: #eee;
}
#footer.dark_footer a:hover {
  color: #ffae3b;
}
#pagination {
  text-align: center;
  font-size: 12px;
  margin-bottom: 50px;
}
#pagination li {
  display: none;
  margin: 5px;
  overflow: visible;
  line-height: 24px;
}
#pagination li.show {
  display: inline-block;
  *display: inline;
}
#pagination li a {
  font-family: Georgia, serif;
  padding: 2px 5px;
  display: inline-block;
  text-align: center;
  box-shadow: 0px 0px 0px;
  border: solid 1px #ccc;
}
#pagination li:hover a {
  color: white;
  background: #ffae3b;
}
#pagination .current a {
  color: #ffae3b;
  border: solid 1px #f6f6f0;
}
#upper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#upper_footer {
  width: 100%;
  -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  background: #f6f5f3;
  height: 130px;
  position: absolute;
  bottom: 0;
}
.mod-upper__circle {
  display: block;
  width: 90px;
  height: 90px;
  -webkit-border-top-left-radius: 90px;
  -webkit-border-top-right-radius: 90px;
  -webkit-border-bottom-right-radius: 90px;
  -webkit-border-bottom-left-radius: 90px;
  -moz-border-radius-topleft: 90px;
  -moz-border-radius-topright: 90px;
  -moz-border-radius-bottomright: 90px;
  -moz-border-radius-bottomleft: 90px;
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
  border-bottom-left-radius: 90px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
  border: 2px solid #ffae3b;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  margin-top: 10px;
  position: relative;
}
.mod-upper__circle p {
  position: absolute;
  top: 94px;
  left: 0;
  width: 90px;
  font-size: 12px;
  text-align: center;
  display: none;
}
.mod-upper__circle:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}
.mod-upper__circle:hover p {
  display: block;
}
.mod-upper__circle img {
  width: 90px;
  -webkit-transform: scale(0.9);
  /* for Chrome || Safari */
  -moz-transform: scale(0.9);
  /* for Firefox */
  -ms-transform: scale(0.9);
  /* for IE */
  -o-transform: scale(0.9);
  -webkit-border-top-left-radius: 90px;
  -webkit-border-top-right-radius: 90px;
  -webkit-border-bottom-right-radius: 90px;
  -webkit-border-bottom-left-radius: 90px;
  -moz-border-radius-topleft: 90px;
  -moz-border-radius-topright: 90px;
  -moz-border-radius-bottomright: 90px;
  -moz-border-radius-bottomleft: 90px;
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
  border-bottom-left-radius: 90px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-upper__head {
  position: absolute;
  left: 20px;
  top: 0;
}
.mod-upper__character {
  position: absolute;
  right: 0;
  top: 0;
  width: 390px;
}
.mod-upper__character .mod-upper__circle {
  float: left;
  margin-right: 20px;
}
.mod-upper__author {
  margin-left: 120px;
  width: 340px;
  padding-top: 20px;
}
.mod-upper__author span {
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
}
#mod-upper__refresh {
  display: block;
  background: url("../img/refresh.png");
  width: 47px;
  height: 37px;
  position: absolute;
  right: 0px;
  top: 40px;
  cursor: pointer;
}
#mod-upper__into {
  display: block;
  background: url("../img/into.gif");
  width: 75px;
  height: 116px;
  position: absolute;
  left: 450px;
  top: 0px;
  cursor: pointer;
}
#upper_figure_info {
  height: 450px;
  width: 530px;
  position: relative;
  left: 500px;
  opacity: 0;
  top: 0;
}
#upper_figure_info h2 {
  font-size: 18px;
  margin-bottom: 4px;
  margin-left: 10px;
  height: 27px;
  overflow: hidden;
}
#mod-upper__album {
  height: 200px;
  overflow: hidden;
}
#mod-upper__album ul {
  width: 2000px;
}
#mod-upper__album ul li {
  float: left;
  margin: 5px 10px;
  height: 190px;
}
#mod-upper__album ul li img {
  height: 186px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
#upper_figure {
  position: absolute;
  top: 0;
  opacity: 0;
  right: 700px;
  height: 450px;
}
#mod-upper__love {
  position: absolute;
  top: 28px;
  left: 230px;
  cursor: pointer;
}
#mod-upper__share {
  position: absolute;
  top: 28px;
  left: 200px;
  cursor: pointer;
}
.mod-person__focus {
  padding: 2px 14px;
  background: #eae1d7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eae1d7), color-stop(1, #dcd1c6));
  background: -ms-linear-gradient(top, #eae1d7, #dcd1c6);
  background: -moz-linear-gradient(center top, #eae1d7 0%, #dcd1c6 100%);
  -webkit-box-shadow: 0 1px 1px #aaaaaa;
  -moz-box-shadow: 0 1px 1px #aaaaaa;
  box-shadow: 0 1px 1px #aaaaaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin: 8px 2px;
  display: inline-block;
}
.mod-person__focus:hover {
  -webkit-box-shadow: 0 0 0 #000000;
  -moz-box-shadow: 0 0 0 #000000;
  box-shadow: 0 0 0 #000000;
  background: #dcd1c6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dcd1c6), color-stop(1, #eae1d7));
  background: -ms-linear-gradient(top, #dcd1c6, #eae1d7);
  background: -moz-linear-gradient(center top, #dcd1c6 0%, #eae1d7 100%);
}
#upper_upload {
  width: 360px;
  margin: 150px auto;
  position: relative;
  overflow: hidden;
  text-indent: 32px;
}
.mod-upper__lack {
  line-height: 180px;
}
#upper__wallpaper {
  text-align: center;
}
#upper__wallpaper img {
  margin: 0 auto;
}
.mod-upper {
  position: relative;
  top: 20px;
}
.mod-upper__creator {
  color: #999;
  font-size: 12px;
  margin-left: 10px;
}
.upper_figure_word {
  width: 250px;
  position: relative;
}
.mod-upper__intro_box {
  position: relative;
  overflow: hidden;
  height: 180px;
  margin: 12px 0;
  border-left: 1px solid #b6a996;
}
.mod-upper__intro {
  position: relative;
  top: 0;
}
.mod-upper__intro > p {
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
  padding-left: 8px;
  color: #666;
}
.mod-upper__scroll {
  width: 3px;
  height: 180px;
  background: #ffae3b;
  position: absolute;
  top: 59px;
  left: -3px;
}
.mod-figure__first {
  position: absolute;
  left: 280px;
  top: 0;
}
.mod-figure__first img {
  height: 236px;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mod-upper__article {
  height: 180px;
}
.mod-dialog__reply {
  margin: 30px 80px;
}
.mod-dialog__reply form {
  margin-left: 93px;
}
.mod-dialog__reply textarea {
  overflow: auto;
}
#mod-dialog__textarea {
  width: 300px;
  height: 70px;
  display: block;
  margin-bottom: 10px;
}
.mod-dialog {
  *zoom: 1;
  zoom: 1;
  margin: 10px 0;
}
.mod-dialog:before {
  content: '';
  display: block;
}
.mod-dialog:after {
  content: '';
  display: table;
  clear: both;
}
.mod-dialog a {
  float: left;
  border: 2px solid #ffae3b;
  margin: 0 15px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-dialog a img {
  width: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-dialog .mod-dialog__content {
  min-height: 60px;
  width: 452px;
  float: left;
  font-size: 14px;
  line-height: 1.5em;
  background: #fff;
  padding: 10px;
  position: relative;
}
.mod-dialog .mod-dialog__content:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  /* 下边框的高 */
  border-top: 8px solid transparent;
  /* 上方边框的高 */
  border-right: 8px solid #fff;
  /* 右边框的长度|宽度，以及背景色 */
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: -8px;
  top: 5px;
}
.mod-dialog__me a {
  float: right;
}
.mod-dialog__me .mod-dialog__content {
  float: right;
}
.mod-dialog__me .mod-dialog__content:before {
  display: none;
}
.mod-dialog__me .mod-dialog__content:after {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  /* 下边框的高 */
  border-top: 8px solid transparent;
  /* 上方边框的高 */
  border-left: 8px solid #fff;
  /* 右边框的长度|宽度，以及背景色 */
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: -8px;
  top: 5px;
}
.mod-dialog__time {
  font-size: 12px;
  color: #ccc;
  display: block;
  text-align: right;
}
.mod-timeline {
  margin-left: 4px;
  background: url("../img/timeline.png") 593px 0 repeat-y;
}
.mod-timeline__content {
  background: url("../img/part.png");
  width: 550px;
  float: left;
  border: 1px solid #bdb8b3;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
  position: relative;
}
.mod-timeline__content:after {
  content: "";
  top: 0px;
  left: 548px;
  position: absolute;
  width: 20px;
  height: 41px;
  background: url("../img/icons.png") -135px -122px;
}
.mod-timeline__right {
  width: 90px;
  float: left;
  margin: 20px 0 0 60px;
  position: relative;
  text-align: center;
  color: #837e77;
}
.mod-timeline__right p {
  font-size: 14px;
}
.mod-timeline__right > a {
  margin: 16px auto;
  border: 2px solid #f6f5f3;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  position: absolute;
  left: -39px;
  top: -28px;
}
.mod-timeline__right > a:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}
.mod-timeline__right > a img {
  width: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-timeline__upper {
  padding: 15px 5px 5px 15px;
  background: #fff;
  overflow: hidden;
}
.mod-timeline__img {
  width: 180px;
  position: relative;
}
.mod-timeline__img a img {
  width: 180px;
}
.mod-timeline__info {
  width: 332px;
  margin: 0 5px;
  position: relative;
}
.mod-timeline__info h4 {
  font-size: 16px;
  height: 20px;
  overflow: hidden;
}
.mod-timeline__info p {
  font-size: 14px;
  line-height: 1.5;
  text-indent: 28px;
}
.mod-timeline__info .mod-timeline__des {
  overflow: hidden;
  padding-top: 6px;
  margin-bottom: 24px;
}
.mod-timeline__info .des__min {
  height: 86px;
}
.mod-timeline__strech {
  color: #bbb;
  font-size: 12px;
  position: absolute;
  top: 114px;
  cursor: pointer;
}
.mod-timeline__strech span {
  font-size: 12px;
  padding: 0 4px;
  margin-right: 4px;
  color: #bbb;
  border: 1px solid #bbb;
}
.mod-timeline__article {
  width: 518px;
}
.mod-timeline__comment_box {
  display: inline;
  margin: 3px;
}
.mod-timeline__comment_box span {
  font-size: 12px;
  color: #999;
  padding: 2px 6px;
}
.mod-timeline__star {
  cursor: pointer;
  background: url("../img/l_star.png");
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
}
.mod-timeline__star:hover {
  background-position: -25px 0;
}
.mod-timeline__star.current {
  background-position: -25px 0;
}
.timeline__com {
  cursor: pointer;
}
.timeline__com:hover {
  background: #eee;
}
.mod-timeline__downer {
  height: 54px;
  position: relative;
  border-top: 1px solid #bdb8b3;
  border-bottom: 1px solid #bdb8b3;
  overflow: hidden;
}
.mod-timeline__downer h4 {
  height: 54px;
  border-right: 1px solid #bdb8b3;
  width: 16px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  line-height: 12px;
  padding-top: 2px;
  top: 0;
  left: 0;
  font-weight: normal;
}
.mod-timeline__character {
  margin-left: 16px;
}
.mod-timeline__character li {
  float: left;
  width: 45px;
  height: 45px;
  overflow: hidden;
  border: 1px solid #d2c6c0;
  margin: 3px 0px 0 12px;
}
.mod-timeline__character li a {
  display: block;
  width: 45px;
  height: 45px;
}
.mod-timeline__character li a img {
  width: 45px;
  height: 45px;
}
.mod-timeline__tag {
  font-size: 14px;
}
.mod-timeline__tag > a {
  font-size: 12px;
  color: #edb240;
  padding: 2px 6px;
  margin: 3px;
  float: left;
}
.mod-timeline__tag > a:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  background: #ffae3b;
}
.mod-timeline__top {
  height: 13px;
  background: url("../img/timeline_top.png") 593px 0 no-repeat;
}
.mod-timeline__loading {
  height: 0px;
  background: url("../img/timeline_end.png") 588px 0 no-repeat;
  overflow: hidden;
}
.mod-timeline__end,
.mod-timeline__lack {
  height: 0px;
  margin-bottom: 20px;
  background: url("../img/timeline_end.png") 588px 0 no-repeat;
  overflow: hidden;
}
.mod-timeline__lack {
  height: 50px;
}
.mod-timeline__up {
  display: none;
  background: url("../img/toup.png");
  width: 53px;
  height: 53px;
  position: fixed;
  right: 20px;
  bottom: 20px;
}
.mod-timeline__comment textarea {
  height: 40px;
}
.mod-timeline__comment ul li {
  border-bottom: 1px solid #ddd;
}
.mod-timeline__qihua {
  color: #ffae3b;
}
.mod-timeline__manga {
  font-size: 12px;
  position: absolute;
  width: 30px;
  height: 14px;
  bottom: 0px;
  right: 0px;
  color: #fff;
  background: #4e7ec5;
  text-align: center;
}
.mod-official {
  margin: 0 auto 5px auto;
  padding: 6px;
  background: #fff;
  position: relative;
  top: -10px;
}
.mod-official li {
  font-size: 12px;
  margin-bottom: 6px;
  height: 17px;
  position: relative;
  overflow: hidden;
}
.mod-official li:hover span {
  color: #fff;
  background: #ffae3b;
}
.mod-official li:hover a {
  color: #ffae3b;
}
.mod-official li span {
  margin-right: 10px;
  padding: 0 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-official__qihua {
  display: inline-block;
  line-height: 17px;
  padding: 0 4px;
  vertical-align: bottom;
  width: 50px;
  font-size: 12px;
  background: #4e7ec5;
  color: #fff;
  height: 17px;
  position: relative;
  word-break: break-all;
  overflow: hidden;
}
.mod-official__highlight {
  background: #fe0b4e;
}
.mod-banner {
  width: 980px;
  margin: 20px 10px;
  height: 400px;
  position: relative;
  overflow: hidden;
}
.mod-banner_list {
  overflow: hidden;
  float: left;
  position: relative;
  top: 0;
  width: 2300px;
}
.mod-banner_list_c {
  margin-left: 0px;
}
.mod-banner_list_c li {
  width: 205px;
  height: 375px;
  margin: 5px;
  overflow: hidden;
  background: #fff;
  position: relative;
  float: left;
  border: 5px solid #f6f5f3;
  box-shadow: 0 0 5px #999;
}
.mod-banner_list_w {
  width: 3920px;
}
.mod-banner_list_w li {
  width: 980px;
  height: 450px;
  float: left;
  overflow: hidden;
}
.mod-banner_link {
  position: relative;
  display: block;
  height: 400px;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  text-align: center;
}
.mod-banner_link:hover .mod-banner_info {
  bottom: 20px;
}
.mod-banner_link img {
  max-width: 500px;
}
.mod-banner_link_c {
  width: 500px;
  margin-left: -125px;
}
.mod-banner_info {
  word-break: break-all;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  width: 205px;
  margin: 0 auto;
  padding: 10px;
  position: absolute;
  bottom: -100px;
  font-size: 14px;
  font-weight: lighter;
  color: #fff;
  border-top: 1px solid #000;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.mod-banner_info_c {
  width: 205px;
  left: 110px;
}
.mod-banner_name {
  font-size: 20px;
}
.mod-banner_info_w {
  width: 100%;
}
.mod-banner__work li {
  width: 190px;
  height: 190px;
  margin: 3px;
  float: left;
  position: relative;
}
.mod-banner__front {
  width: 190px;
  background: #fcfcfc;
  height: 190px;
  z-index: 10;
  overflow: hidden;
  -webkit-transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.mod-banner__front img {
  width: 190px;
}
.mod-banner__back {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 190px;
  position: absolute;
  top: 0;
  left: 0;
  height: 190px;
  background: #ffae3b;
  -webkit-transform: rotateY(90deg);
}
.mod-banner__back h4,
.mod-banner__back h5 {
  margin: 5px;
  color: #fff;
  font-weight: normal;
}
.mod-banner__back span {
  font-size: 50px;
  color: #fff;
  opacity: 0.5;
  position: absolute;
  right: 5px;
  bottom: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.front {
  -webkit-transform: rotateY(0deg);
  -webkit-animation-name: 'start';
  -webkit-animation-duration: 0.3s;
  /*动画持续时间*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画频率，和transition-timing-function是一样的*/
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  /*定义循环资料，infinite为无限次*/
}
.back {
  -webkit-transform: rotateY(90deg);
  -webkit-animation-name: 'end';
  -webkit-animation-duration: 0.3s;
  /*动画持续时间*/
  -webkit-animation-delay: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
  /*动画频率，和transition-timing-function是一样的*/
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes 'start' {
  0% {
    -webkit-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(90deg);
  }
}
@-webkit-keyframes 'end' {
  0% {
    -webkit-transform: rotateY(90deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
.mod-banner__index {
  width: 1000px;
  position: relative;
  overflow: hidden;
  height: 200px;
}
.mod-banner__index ul {
  width: 5100px;
  margin-left: 0;
}
.mod-banner__index ul li {
  float: left;
  width: 998px;
  margin-right: 2px;
  height: 198px;
  -webkit-box-shadow: 1px 1px 2px #aaaaaa;
  -moz-box-shadow: 1px 1px 2px #aaaaaa;
  box-shadow: 1px 1px 2px #aaaaaa;
}
.mod-banner__index ul li img {
  width: 998px;
  height: 198px;
}
.mod-qihua__banner {
  position: relative;
}
.mod-qihua__banner img {
  width: 1000px;
}
.mod-qihua__nav {
  border: 1px solid #ada8a8;
}
.mod-qihua__nav li {
  height: 38px;
  width: 160px;
  text-align: center;
  float: left;
}
.mod-qihua__nav li.current a {
  color: #ffae3b;
}
.mod-qihua__nav li a {
  color: #665e58;
  line-height: 38px;
  font-size: 14px;
}
.mod-qihua__nav li a:hover {
  color: #ffae3b;
}
.mod-qihua__btn {
  background: #fff;
}
.mod-qihua__btn li {
  height: 24px;
  line-height: 24px;
  border-top: 1px solid #eee;
}
.mod-qihua__btn li a {
  padding: 4px 10px;
  font-size: 12px;
}
.mod-qihua__btn li a:hover {
  color: #ffae3b;
}
.mod-qihua__c li {
  float: left;
  position: relative;
  margin: 4px 6px 8px 6px;
  *margin: 4px 12px 8px 0px;
  left: 0;
}
.mod-qihua__c li:hover {
  z-index: 30;
}
.mod-qihua__c li:hover .mod-character__box {
  display: block;
}
.mod-qihua__c li a img {
  width: 74px;
  height: 74px;
  border: 1px solid #ddd;
}
.mod-qihua__story {
  width: 600px;
  text-align: center;
  margin: 20px 50px;
}
.mod-qihua__story img {
  max-width: 600px;
}
.mod-qihua__into {
  background: #4e7ec5;
  color: #fff;
  padding: 7px 14px;
  position: absolute;
  right: 5px;
  font-size: 12px;
  bottom: -36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.mod-qihua__apply {
  background: #ffae3b;
  cursor: pointer;
}
.mod-qihua__apply:hover {
  background: #ffae3b;
}
.mod-qihua__applied {
  background: #ff8000;
}
.mod-qihua__bookmark {
  background: #fff;
  padding: 2px 10px;
  margin-bottom: 15px;
  position: relative;
}
.mod-qihua__bookmark_title {
  display: block;
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
}
.mod-qihua__bookmark_title h4 {
  margin-top: 2px;
  color: #4e7ec5;
  font-size: 14px;
  font-weight: normal;
}
.mod-qihua__bookmark_title:last-child {
  border-bottom: none;
}
.mod-qihua__bookmark_tag {
  line-height: 18px;
}
.mod-qihua__bookmark_tag li {
  float: left;
  display: block;
  margin-right: 6px;
  white-space: nowrap;
}
.mod-qihua__bookmark_tag li:after {
  content: '/';
  font-size: 12px;
  margin-left: 8px;
}
.mod-qihua__bookmark_tag li:last-child:after {
  display: none;
}
.mod-qihua__bookmark_tag li a {
  font-size: 12px;
  padding: 2px 6px;
  display: inline-block;
  word-wrap: no-wrap;
  white-space: nowrap;
}
.mod-qihua__bookmark_tag li a:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background: #ffae3b;
  color: #fff;
}
.qihua_dark {
  background: #222;
  color: #888888;
}
.qihua_dark .mod-news__right a {
  color: #ffae3b;
}
.qihua_dark a {
  color: #e9e9e9;
}
.qihua_dark .lay-left {
  background: #2c2c2c;
  -webkit-box-shadow: 0 0 3px #000000;
  -moz-box-shadow: 0 0 3px #000000;
  box-shadow: 0 0 3px #000000;
}
.qihua_dark .lay-left h4 {
  color: #b1b1b1;
}
.qihua_dark .lay-left p {
  color: #b1b1b1;
}
.qihua_dark .lay-left .mod-relative ul {
  background: #2c2c2c;
}
.qihua_dark .lay-left .mod-relative ul li {
  border-top: 1px solid #666;
  background: #2c2c2c;
}
.qihua_dark .lay-left .mod-relative ul li a {
  color: #b1b1b1;
}
.qihua_dark .lay-left .mod-relative ul li a:hover {
  color: #ffae3b;
}
.qihua_dark .lay-left .mod-relative ul .mod-qihua__tag {
  border-top: 3px solid #ffae3b;
  border-left: none;
  border-bottom: none;
}
.qihua_dark .lay-left .mod-relative ul .mod-qihua__tag:hover > a {
  background: #ffae3b;
  color: #fff;
}
.qihua_dark .lay-left .mod-person > div {
  border-top: 1px solid #888888;
}
.qihua_dark .lay-right .mod-qihua__custom li {
  background: #2c2c2c;
  border-color: #333;
}
.qihua_dark .lay-right .mod-qihua__custom li:hover {
  background: #222;
}
.qihua_dark .lay-right .mod-official {
  background: #333;
}
.qihua_dark .lay-right .mod-qihua__bookmark {
  background: #2c2c2c;
  border-color: #333;
}
.qihua_dark .lay-right .mod-qihua__bookmark .mod-qihua__bookmark_title {
  border-color: #666;
}
.qihua_dark .lay-right .mod-title {
  color: #e9e9e9;
  border-bottom: 2px solid #444;
}
.qihua_dark .lay-right .mod-official li a {
  color: #dcbc93;
}
.qihua_dark .lay-right h4 a {
  color: #333333;
}
.qihua_dark .lay-right .mod-timeline hr {
  border-top: 1px solid #444;
}
.qihua_dark .lay-right .mod-album ul li {
  background: #232323;
  border: 1px solid #252321;
}
.qihua_dark .mod-qihua__nav {
  border: 1px solid #252321;
}
.qihua_dark .mod-qihua__nav li a {
  color: #e9e9e9;
}
.qihua_dark .mod-qihua__nav li a:hover {
  color: #ffae3b;
}
.qihua_dark .mod-qihua__nav li.current a {
  color: #ffae3b;
}
.mod-qihua__tag_pre {
  margin-bottom: 10px;
}
.mod-qihua__tag_pre img {
  width: 100%;
}
.mod-qihua__tag {
  border-top: 3px solid #ffae3b;
}
.mod-qihua__tag:hover {
  background: #ffae3b;
}
.mod-qihua__tag:hover > a {
  color: #fff;
}
.mod-qihua__index {
  margin-bottom: 20px;
}
.mod-qihua__index > ul > li {
  float: left;
  width: 480px;
  margin: 0 10px 10px 10px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mod-qihua__index > ul .mod-qihua__index_sub {
  width: 278px;
  margin-bottom: 25px;
}
.mod-qihua__index > ul .mod-qihua__index_sub .mod-group__upper_right {
  width: 168px;
}
.mod-qihua__index > ul .mod-group__index_single {
  width: 110px;
}
.mod-qihua__index > ul .mod-group__index_single img {
  width: 110px;
  height: 110px;
}
.mod-qihua__index > ul .mod-group__index_sub {
  width: 250px;
}
.mod-qihua__index > ul .mod-group__index_sub .mod-group__upper_right {
  width: 140px;
}
.mod-group__index_small {
  width: 260px;
}
.mod-qihua__index_top {
  height: 220px;
}
.mod-qihua__index_left {
  width: 220px;
  height: 220px;
}
.mod-qihua__index_left img {
  width: 210px;
  margin: 5px;
  border: 1px solid #ddd;
}
.mod-qihua__index_right {
  width: 245px;
  padding: 5px;
  position: relative;
}
.mod-qihua__index_right h3 a {
  font-size: 20px;
  color: #020202;
}
.mod-qihua__index_right p {
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.mod-qihua__author {
  color: #ddd;
  height: 16px;
  overflow: hidden;
}
.mod-qihua__index_bottom {
  background: #eee;
  -webkit-box-shadow: 0 -1px 2px #cccccc;
  -moz-box-shadow: 0 -1px 2px #cccccc;
  box-shadow: 0 -1px 2px #cccccc;
}
.mod-qihua__index_bottom ul li {
  width: 20%;
  float: left;
  color: #666;
  text-align: center;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.mod-qihua__index_bottom ul li a:hover {
  color: #ffae3b;
}
.mod-qihua__intro {
  height: 114px;
  overflow: hidden;
  position: relative;
}
.mod-qihua__index_btn {
  text-align: right;
}
.mod-qihua__index_btn a {
  display: inline-block;
  zoom: 1;
  line-height: 30px;
  text-align: center;
  height: 30px;
  background: #ffae3b;
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 2px;
}
.mod-qihua__index_btn .followed {
  background: #4e7ec5;
}
.mod-qihua__index_btn .joined {
  background: #00b200;
}
.mod-qihua__index_btn .waiting {
  background: #ff8000;
}
.mod-qihua__index_btn .normal {
  cursor: pointer;
}
.mod-qihua__index_btn .normal:hover {
  background: #FFB977;
}
.mod-qihua__index_c li {
  margin: 4px 3px 8px 3px;
}
.mod-qihua__index_c li a img {
  width: 72px;
  height: 72px;
}
.mod-qihua__strech {
  color: #fff;
  background: #4e7ec5;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: absolute;
  right: 4px;
  top: 4px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
.mod-qihua__custom {
  margin-bottom: 10px;
}
.mod-qihua__custom ul li {
  float: left;
  font-size: 14px;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  height: 80px;
  overflow: hidden;
  margin-bottom: 5px;
  line-height: 80px;
  position: relative;
  text-align: center;
}
.mod-qihua__custom ul li:hover {
  background: #eee;
}
.mod-qihua__custom ul li a {
  display: inline-block;
  width: 100%;
  height: 80px;
}
.mod-qihua__custom ul li a img {
  position: absolute;
  left: 0;
  top: 0;
}
.custom_2 li {
  width: 400px;
  margin-left: 4px;
  margin-right: 4px;
}
.custom_3 li {
  width: 260px;
  margin-left: 4px;
  margin-right: 4px;
}
.custom_4 li {
  width: 200px;
  margin-left: 1px;
  margin-right: 2px;
}
.custom_5 li {
  width: 160px;
  margin-left: 1px;
  margin-right: 1px;
}
.custom_6 li {
  width: 130px;
  margin-left: 2px;
  margin-right: 2px;
}
.mod-character__box {
  position: absolute;
  left: -2px;
  top: 73px;
  width: 412px;
  height: 269px;
  background: url("../img/tankuang.png");
  z-index: 50;
  zoom: 1;
  display: none;
}
.mod-character__left {
  overflow: hidden;
  float: left;
  width: 160px;
  height: 240px;
  margin-top: 16px;
  margin-left: 8px;
}
.mod-character__left img {
  margin-left: -50px;
  width: 282px;
}
.mod-character__right {
  float: left;
  width: 220px;
  height: 240px;
  margin-top: 16px;
  margin-left: 10px;
  position: relative;
}
.mod-character__name {
  font-size: 14px;
}
.mod-character__id {
  position: absolute;
  right: 0px;
  top: -5px;
  font-size: 12px;
}
.mod-character__call {
  color: #aba399;
  font-size: 12px;
  border-bottom: 1px solid #eee;
}
.mod-character__des {
  height: 190px;
  overflow: hidden;
}
.mod-character__des p {
  font-size: 12px;
  text-indent: 24px;
}
.mod-character__link {
  font-size: 12px;
  text-decoration: underline;
  color: #4e7ec5;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.mod-character__two .mod-character__box {
  width: 437px;
  background-position: -412px 0;
  left: -339px;
}
.mod-character__comment_box {
  width: 650px;
  margin-bottom: 10px;
}
.mod-character__comment_box .mod-news li .mod-news__right {
  width: 554px;
}
.mod-manga__content {
  text-align: center;
  margin-bottom: 120px;
}
.mod-manga__content img {
  max-width: 1000px;
}
#mod-manga__box {
  width: 1000px;
  margin-top: 20px;
}
#mod-manga__box .mod-single__title h3 {
  margin: 3px auto;
  border-bottom: 1px solid #d5cfc5;
  border-left: 2px solid #ffb900;
  padding-left: 10px;
  text-align: left;
}
#mod-manga__box .mod-single__title .mod-single__point {
  left: 650px;
}
#mod-manga__box .mod-single__title .mod-single__like {
  left: 968px;
}
#mod-manga__box .mod-single__title p {
  text-align: left;
  font-family: "宋体";
  text-indent: 28px;
  line-height: 30px;
  width: 960px;
}
.mod-manga__single {
  text-align: center;
  margin-bottom: 20px;
}
.mod-manga__single img {
  height: auto;
  max-width: 1000px;
  height: 100%;
}
.mod-manga__btn {
  position: fixed;
  top: 10px;
  right: 10px;
}
#show {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.mod-show__menu {
  position: absolute;
  left: 80px;
  top: 240px;
  z-index: 10;
  padding-left: 20px;
  height: 133px;
  background: url("../img/show-slide.png") no-repeat;
}
.mod-show__menu a {
  background-image: url("../img/show-menu.png");
  display: block;
  width: 115px;
  height: 34px;
  margin: 6px;
  cursor: pointer;
  position: relative;
}
#show-menu__index {
  background-position: 0 0;
}
#show-menu__index:hover {
  background-position: -115px 0;
}
#show-menu__index.current {
  background-position: -115px 0;
}
#show-menu__setting {
  background-position: 0 -34px;
}
#show-menu__setting:hover {
  background-position: -115px -34px;
}
#show-menu__setting.current {
  background-position: -115px -34px;
}
#show-menu__timeline {
  background-position: 0 -68px;
}
#show-menu__timeline:hover {
  background-position: -115px -68px;
}
#show-menu__timeline.current {
  background-position: -115px -34px;
}
.current .show-menu__dot {
  background-position: -5px -136px;
}
.show-menu__dot,
.show-menu__down {
  background: url("../img/show-slide.png") -5px -149px no-repeat;
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  left: -21px;
  top: 6px;
}
.show-menu__down {
  background-position: -2px -164px;
  width: 18px;
  height: 22px;
  left: -24px;
}
.mod-show__info {
  position: absolute;
  top: 240px;
  left: 880px;
  opacity: 0;
  width: 260px;
  z-index: 10;
  -webkit-transform: rotateY(0deg);
}
.mod-show__info > a {
  margin-right: 5px;
}
.mod-show__info h2 {
  font-weight: normal;
  font-size: 24px;
  color: #333;
  letter-spacing: 0.1em;
  text-shadow: 0 0 3px #fff;
}
.mod-show__info h3 {
  font-weight: normal;
  color: #333;
  font-size: 18px;
  text-shadow: 0 0 3px #fff;
}
.mod-show__figure {
  -webkit-transform: rotateY(0deg);
  z-index: 0;
  top: 10px;
  width: 1000px;
  text-align: center;
  position: absolute;
  opacity: 0;
  left: -80px;
}
.mod-show__figure img {
  height: 700px;
}
.mod-show__jubao {
  color: #4e7ec5;
  font-size: 12px;
  margin-left: 10px;
  position: relative;
  top: -6px;
}
.mod-show__setting {
  z-index: 10;
  position: absolute;
  left: 240px;
  top: 60px;
  -webkit-transform: rotateY(90deg);
}
.mod-show__overlay {
  width: 500px;
  height: 450px;
  overflow: hidden;
  position: relative;
}
.mod-show__gallary {
  width: 5000px;
  margin-top: 30px;
}
.mod-show__gallary li {
  width: 500px;
  height: 420px;
  float: left;
}
.mod-show__gallary li a {
  display: block;
  width: 400px;
  margin: 0 auto;
}
.mod-show__test {
  width: 380px;
  height: 380px;
  border: 5px solid #F4F4F4;
  overflow: hidden;
  padding: 5px;
}
.mod-show__test p {
  font-size: 14px;
  line-height: 1.5;
  text-indent: 24px;
}
.mod-show__picture .mod-show__pic_box {
  width: 400px;
  position: relative;
  height: 400px;
  text-align: center;
  line-height: 400px;
}
.mod-show__picture .mod-show__pic_box img {
  max-width: 400px;
  max-height: 400px;
}
.mod-show__picture a h4 {
  color: #333;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  margin: 3px 0;
  height: 16px;
  overflow: hidden;
}
.mod-show__article a h4 {
  color: #333;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  margin: 3px 0;
  height: 16px;
  overflow: hidden;
}
.mod-show__num {
  text-align: center;
  font-size: 12px;
  color: #aaa;
}
.mod-show__num span {
  font-size: 12px;
  color: #aaa;
}
.mod-show__nopic {
  position: absolute;
  width: 302px;
  left: 125px;
  top: 232px;
}
.start {
  -webkit-transform: rotateY(0deg);
  -webkit-animation-name: 'start';
  -webkit-animation-duration: 0.8s;
  /*动画持续时间*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画频率，和transition-timing-function是一样的*/
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  /*定义循环资料，infinite为无限次*/
}
.end {
  -webkit-transform: rotateY(90deg);
  -webkit-animation-name: 'end';
  -webkit-animation-duration: 0.8s;
  /*动画持续时间*/
  -webkit-animation-delay: 0.8s;
  -webkit-animation-timing-function: ease-in-out;
  /*动画频率，和transition-timing-function是一样的*/
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes 'start' {
  0% {
    -webkit-transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(90deg);
  }
}
@-webkit-keyframes 'end' {
  0% {
    -webkit-transform: rotateY(90deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
.mod-show__bottom {
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 80px;
  text-align: center;
  background-image: url("../img/ch_bottom.png");
}
#mod-show__link {
  display: inline-block;
  margin-top: 40px;
  cursor: pointer;
  background-image: url("../img/ch_bottom_link.png");
  width: 195px;
  height: 33px;
}
.mod-show__lab {
  position: relative;
}
.mod-show__lab div {
  background: #758caf;
  border-radius: 4px;
  text-align: center;
  float: left;
}
.mod-show__lab div:hover {
  background: #ffae3b;
}
.mod-show__up_c {
  background: url("../img/menu_btn.png") 0 0;
  width: 44px;
  height: 40px;
  line-height: 50px;
  display: inline-block;
}
.mod-show__up_p {
  background: url("../img/menu_btn.png") -57px 0;
  width: 44px;
  height: 40px;
  line-height: 50px;
  display: inline-block;
}
.mod-show__up_w {
  background: url("../img/menu_btn.png") -114px 0;
  width: 44px;
  height: 40px;
  line-height: 50px;
  display: inline-block;
}
.mod-show__know_c {
  background: url("../img/menu_btn.png") -14px -56px;
  width: 130px;
  height: 27px;
  display: inline-block;
  line-height: 36px;
}
.mod-show__know_w {
  background: url("../img/menu_btn.png") -14px -94px;
  width: 130px;
  height: 27px;
  line-height: 36px;
  display: inline-block;
}
.mod-show__para_mask {
  height: 170px;
  margin: 5px 0;
  position: relative;
  overflow: hidden;
}
.mod-show__para {
  position: absolute;
  top: 0;
}
.mod-show__para p {
  font-size: 14px;
  width: 260px;
  text-shadow: 0 0 3px #fff;
  color: #333;
  line-height: 1.5;
}
.mod-show__pbtn {
  position: absolute;
  background-image: url("../img/para_arr.png");
  width: 20px;
  height: 19px;
  left: -30px;
  cursor: pointer;
  display: block;
}
.mod-show__pbtn_u {
  top: 130px;
  background-position: 0 0;
}
.mod-show__pbtn_d {
  top: 190px;
  background-position: 0 -19px;
}
.mod-show__index {
  width: 178px;
}
.mod-show__menu_btn {
  border: 1px solid #c8c8c7;
  border-bottom: 3px solid #58514a;
}
.mod-show__btn {
  width: 43px;
  height: 45px;
  float: left;
  text-align: center;
}
.mod-show__btn:hover {
  background: #ffae3b;
}
.mod-show__btn:hover a {
  color: #fff;
}
.mod-show__btn a {
  width: 25px;
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin-top: 7px;
}
.mod-show__btn_border {
  border-right: 1px solid #c8c8c7;
}
.mod-show__gal_btn {
  background: url("../img/elf_musume.png") no-repeat;
  width: 170px;
  height: 55px;
  margin: 5px 0 6px 0;
  position: relative;
}
.mod-show__gal_btn a {
  font-size: 12px;
  color: #fff;
  position: absolute;
  cursor: pointer;
}
.mod-show__gal_btn a:hover {
  color: #ffae3b;
}
.mod-show__gal_btn #gal_character,
.mod-show__gal_btn #gal_join {
  left: 20px;
  top: 6px;
}
.mod-show__gal_btn #gal_works,
.mod-show__gal_btn #gal_apply {
  left: 20px;
  top: 32px;
}
.mod-show__gal_btn #gal_group {
  left: 13px;
  top: 32px;
}
.mod-show__index_gal {
  background: url("../img/index_gl.png");
  width: 175px;
  height: 113px;
  position: relative;
  margin: 10px auto;
}
.mod-show__index_gal a {
  color: #fff;
  position: absolute;
  width: 170px;
  cursor: pointer;
}
.mod-show__index_gal a:hover {
  color: #ffae3b;
}
.mod-show__index_gal #gal_index {
  position: absolute;
  left: 12px;
  top: 8px;
}
.mod-show__index_gal #gal_func {
  position: absolute;
  left: 12px;
  top: 32px;
}
.mod-show__gal_project {
  position: absolute;
  left: 785px;
  top: 32px;
}
.mod-show__cp {
  margin: 7px 0;
}
.mod-show__up_l {
  float: left;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  border: 1px solid #ffae3b;
}
.mod-show__up_l a {
  padding: 2px;
  border-radius: 54px;
  display: block;
}
.mod-show__up_l a img {
  width: 50px;
  border-radius: 50px;
  height: 50px;
}
.mod-show__up_r {
  width: 190px;
  margin-left: 10px;
  float: left;
}
.mod-show__up_r a {
  font-size: 12px;
}
.mod-show__up_r p {
  font-size: 12px;
  color: #4e7ec5;
}
.mod-other {
  margin-top: 40px;
}
.mod-other h3 {
  color: #4e7ec5;
  font-size: 12px;
  margin-bottom: 10px;
  margin-left: 4px;
}
.mod-other .mod-user li {
  margin: 0 8px 8px 8px;
  position: relative;
}
.mod-other .mod-dongtai__pos {
  top: 0px;
  left: 50px;
}
.mod-project {
  position: relative;
  height: 186px;
  overflow: hidden;
  margin: 20px auto;
  width: 1000px;
  border: 5px solid #fff;
  background: #fff;
}
.mod-project .lay-main {
  height: 200px;
  position: relative;
  overflow: hidden;
}
.mod-project .mod-show__gal_btn {
  left: 829px;
  top: 112px;
}
.mod-project__banner_left {
  width: 192px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.mod-project__banner_left li {
  border: 1px solid #fff;
}
.mod-project__banner_left li a {
  display: inline-block;
  width: 190px;
}
.mod-project__banner_left li a img {
  width: 190px;
}
.mod-project__banner_right {
  float: left;
  position: relative;
  left: -200px;
}
.mod-project__banner_right li {
  width: 1000px;
  height: 200px;
  position: absolute;
  overflow: hidden;
  top: 0;
  display: none;
  left: 0;
}
.mod-project__banner_right li.current {
  display: block;
}
.mod-project__button {
  font-size: 16px;
  color: #ffae3b;
  background: #f3f3f3;
  border: 1px solid #ddd;
  text-align: center;
  display: block;
  width: 176px;
  padding: 5px 0;
  margin: 0 auto 5px auto;
  cursor: pointer;
}
.mod-project__button:hover {
  background: #efefef;
}
.mod-project__button span {
  font-size: 12px;
  display: inline-block;
  width: 160px;
}
.mod-project__banner_overlay {
  width: 600px;
  height: 190px;
  position: relative;
  overflow: hidden;
  left: 200px;
}
.new-project,
.new-egroup {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #000;
  margin-bottom: 30px;
}
.new-egroup {
  background: #fff;
}
.new-project__layout {
  width: 100%;
  min-width: 1000px;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
}
.new-project__nav {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.new-project__nav_img {
  width: 1300px;
  height: 400px;
  position: relative;
  margin-left: -150px;
}
.new-project__nav_img li {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
}
.new-egroup .new-project__nav_img {
  width: 1300px;
  height: 400px;
  position: relative;
  margin-left: -150px;
  overflow: hidden;
}
.new-egroup .new-project__nav_img ul {
  width: 9000px;
  position: relative;
  left: 0;
}
.new-egroup .new-project__nav_img li {
  float: left;
  display: block;
  position: relative;
}
.new-group__elem {
  position: absolute;
  left: 0;
  top: 0;
}
.new-project__overlay {
  width: 119px;
  height: 402px;
  position: absolute;
  top: 0;
}
.new-egroup__overlay_left {
  left: -150px;
  background: url("../img/white_left.png");
}
.new-egroup__overlay_right {
  left: 1032px;
  background: url("../img/white_right.png");
}
.new-project__overlay_left {
  left: -150px;
  background: url("../img/overlay_left.png");
}
.new-project__overlay_right {
  left: 1032px;
  background: url("../img/overlay_right.png");
}
.new-project__nav_title {
  background: url("../img/project-title.png");
  width: 250px;
  height: 190px;
  padding: 10px 5px;
  position: absolute;
  right: 0;
  top: 70px;
}
.new-project__nav_title li {
  height: 32px;
  line-height: 32px;
  width: 240px;
  margin: 0 auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.new-project__nav_title li a {
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
}
.new-project__nav_title li:hover {
  background: #ffae3b;
}
.new-project__nav_title li.current {
  background: #ffae3b;
}
.new-project__nav_btn {
  *zoom: 1;
  zoom: 1;
  height: 24px;
}
.new-project__nav_btn:before {
  content: '';
  display: block;
}
.new-project__nav_btn:after {
  content: '';
  display: table;
  clear: both;
}
.new-project__nav_btn span {
  color: #ffae3b;
  float: left;
  display: inline-block;
  width: 100px;
}
.new-project__nav_qihua {
  border-bottom: 1px solid #666;
}
.new-project__nav_qihua span {
  color: #4e7ec5;
}
.new-project__list {
  float: left;
  width: 900px;
  overflow: hidden;
  height: 24px;
  position: relative;
}
.new-project__list li {
  float: left;
  margin-left: 50px;
}
.new-project__list li a {
  font-size: 14px;
  color: #f6f5f3;
}
.new-project__list li a:hover {
  color: #ffae3b;
}
.new-egroup__new .new-project__list li a {
  color: #333333;
}
.new-egroup__box {
  width: 1300px;
  height: 400px;
  position: relative;
  margin-left: -150px;
}
.new-egroup__album li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.new-egroup__btn {
  width: 50px;
  position: absolute;
  z-index: 100;
  right: 30px;
  top: 50px;
}
.new-egroup__btn li {
  float: left;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  border-radius: 50px;
}
.new-egroup__btn li:hover {
  box-shadow: 0 0 10px rgba(68, 68, 0, 0.5);
}
.new-egroup__btn li.current {
  box-shadow: 0 0 10px rgba(68, 68, 0, 0.5);
}
.new-egroup__btn li img {
  width: 50px;
  border-radius: 50px;
  height: 50px;
}
.mod-index__title {
  border-bottom: 2px solid #4e7ec5;
  margin: 20px 0;
  height: 20px;
  position: relative;
}
.mod-index__title .mod-index__btn {
  position: absolute;
  left: 480px;
  top: 2px;
}
.mod-index__title .mod-index__btn_bg {
  position: absolute;
  left: 480px;
  top: 2px;
  width: 38px;
  height: 38px;
  display: inline-block;
  background: #f6f5f3;
  text-align: center;
  font-weight: bold;
}
#index_elf .mod-index__title {
  border-bottom-color: #ffae3b;
}
#index_elf .mod-index__title a {
  color: #ffae3b;
}
#index_charac .mod-index__title {
  border-bottom-color: #ed6941;
}
#index_charac .mod-index__title a {
  color: #ed6941;
}
#index_pic .mod-index__title {
  border-bottom-color: #82ae46;
}
#index_pic .mod-index__title a {
  color: #82ae46;
}
#index_article .mod-index__title {
  border-bottom-color: #fbb814;
}
#index_article .mod-index__title a {
  color: #fbb814;
}
.mod-index__btn {
  width: 38px;
  height: 38px;
  display: inline-block;
  background: url("../img/index_btn.png");
}
.mod-index__star {
  background-position: 0 -8px;
}
.mod-index__star:hover,
.mod-index__star.current {
  background-position: -39px -8px;
}
.mod-index__elf {
  background-position: 0 -50px;
}
.mod-index__elf:hover,
.mod-index__elf.current {
  background-position: -39px -50px;
}
.mod-index__charac {
  background-position: 0 -90px;
}
.mod-index__charac:hover,
.mod-index__charac.current {
  background-position: -39px -90px;
}
.mod-index__pic {
  background-position: 0 -130px;
}
.mod-index__pic:hover,
.mod-index__pic.current {
  background-position: -39px -130px;
}
.mod-index__article {
  background-position: 0 -170px;
}
.mod-index__article:hover,
.mod-index__article.current {
  background-position: -39px -170px;
}
.mod-index__more {
  position: relative;
  top: -10px;
  text-align: right;
}
.mod-index__more a {
  color: #ffae3b;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
}
.mod-index__banner_w {
  margin: 10px;
  height: 195px;
}
.mod-index__album .mod-album__list {
  width: 100%;
}
.mod-index__album .mod-album__list li {
  width: 142px;
  min-height: 193px;
}
.mod-index__album .mod-album__list li img {
  width: 142px;
  height: 142px;
}
.mod-index__album .mod-album__list li .mod-album__info {
  background-position: 60px 0;
}
.mod-index__album .mod-album__list li .mod-album__info span {
  width: 63px;
}
.mod-index__album .mod-album__article_s {
  width: 132px;
  height: 168px;
}
.mod-index__album .mod-album__article_s h4 {
  width: 132px;
}
#index_star {
  height: 290px;
  position: relative;
}
.mod-index__bg {
  height: 250px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.mod-index__bg li {
  height: 260px;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  filter: blur(20px);
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.mod-index__bg li.current {
  display: block;
}
.mod-index__banner_pic li {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 1000px;
  height: 200px;
  position: absolute;
  left: 0;
  top: 20px;
  display: none;
}
.mod-index__banner_pic li.current {
  display: block;
}
.mod-index__banner_pic li img {
  width: 1000px;
  height: 200px;
}
.mod-index__banner_nav {
  width: 1000px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 220px;
  background: url("../img/white_bg.png");
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.mod-index__banner_nav ul {
  *zoom: 1;
  zoom: 1;
}
.mod-index__banner_nav ul:before {
  content: '';
  display: block;
}
.mod-index__banner_nav ul:after {
  content: '';
  display: table;
  clear: both;
}
.mod-index__banner_nav ul li {
  float: left;
  width: 200px;
  line-height: 28px;
  text-align: center;
}
.mod-index__banner_nav ul li a {
  color: #888;
  font-size: 12px;
  cursor: pointer;
}
.mod-index__banner_nav ul li a:hover {
  color: #444;
}
.mod-index__banner_nav ul li.current a {
  color: #444;
}
.mod-index__entrance {
  width: 40px;
  position: absolute;
  top: 20px;
  margin-left: 1020px;
}
.mod-index__fixed {
  position: fixed;
  top: 80px;
}
.mod-index__qihua {
  *zoom: 1;
  zoom: 1;
}
.mod-index__qihua:before {
  content: '';
  display: block;
}
.mod-index__qihua:after {
  content: '';
  display: table;
  clear: both;
}
.mod-index__qihua li {
  float: left;
}
.mod-index__qihua li a {
  display: inline-block;
  word-wrap: no-wrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  white-space: nowrap;
  height: 16px;
  font-size: 12px;
  padding: 2px 5px;
}
.mod-index__qihua li a:hover {
  background: #ffae3b;
  color: #fff;
}
.mod-index__qihua .mod-index__hot a {
  color: #ffae3b;
  font-size: 14px;
}
.mod-index__charac_slogen {
  background: url("../img/character_slogen.png");
  width: 355px;
  height: 25px;
  margin: 0 auto 25px auto;
}
.mod-index__month {
  font-size: 14px;
  padding: 4px 6px;
  background: #ececec;
  color: #ffae3b;
  font-weight: bold;
  margin-bottom: 2px;
}
.mod-index__qihua_link {
  margin-bottom: 10px;
}
.mod-index__qihua_link a {
  display: inline-block;
  width: 92px;
  margin-bottom: 5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.mod-index__qihua_link a.link_act {
  background: #ed6941;
}
.mod-index__qihua_link a.link_story {
  background: #fbb814;
}
.mod-index__qihua_link a.link_team {
  background: #82ae46;
}
.mod-index__qihua_link a:hover {
  background: #ccc;
}
.mod-index__add img {
  border-radius: 4px;
}
.mind-collect_set .mod-album__list_index > li {
  margin-right: 12px;
}
.mod-vote {
  margin-bottom: 40px;
}
.mod-vote > li {
  border: 1px solid #fe0b4e;
  *zoom: 1;
  zoom: 1;
  padding: 8px 10px;
  margin: 10px 0;
  background: #fff;
}
.mod-vote > li:before {
  content: '';
  display: block;
}
.mod-vote > li:after {
  content: '';
  display: table;
  clear: both;
}
.mod-vote > li.mod-vote__character {
  border: 1px solid #ffae3b;
}
.mod-vote > li.mod-vote__character .mod-vote__info {
  height: 200px;
}
.mod-vote__index {
  margin-bottom: 20px;
}
.mod-vote__index > li {
  border: 1px solid #ddd;
}
.mod-vote__info {
  float: left;
  height: 145px;
  width: 348px;
  position: relative;
}
.mod-vote__info p {
  color: #ffae3b;
  font-weight: bold;
  font-size: 12px;
}
.mod-vote__index_info {
  height: 80px;
  overflow: hidden;
  position: relative;
}
.mod-vote__index_info p {
  line-height: 16px;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
.mod-vote__info_single {
  float: none;
  width: 1000px;
  height: 50px;
}
.mod-vote__preview {
  float: left;
}
.mod-vote__title {
  font-size: 14px;
  max-width: 800px;
}
.mod-vote__date {
  font-size: 12px;
  color: #fe0b4e;
}
.mod-vote__date span {
  font-size: 12px;
  color: #fe0b4e;
}
.mod-vote__bottom {
  position: absolute;
  bottom: 2px;
}
.mod-vote__bottom .btn {
  margin-right: 10px;
}
.mod-vote__right {
  position: absolute;
  right: 23px;
  bottom: 14px;
}
.mod-vote__gray {
  color: #aaa;
  font-size: 14px;
}
.mod-vote__number {
  font-size: 22px;
  margin: 0 4px;
  font-weight: bold;
  color: #4e7ec5;
}
.mod-vote__preview {
  height: 145px;
  width: 630px;
}
.mod-vote__works {
  *zoom: 1;
  zoom: 1;
}
.mod-vote__works:before {
  content: '';
  display: block;
}
.mod-vote__works:after {
  content: '';
  display: table;
  clear: both;
}
.mod-vote__works > li {
  float: right;
  width: 145px;
  border: 1px solid #ddd;
  margin: 0 5px;
}
.mod-vote__work {
  width: 145px;
  height: 145px;
  overflow: hidden;
  position: relative;
}
.mod-vote__work img {
  width: 145px;
  height: 145px;
}
.mod-vote__work h4 {
  font-size: 14px;
  height: 18px;
  overflow: hidden;
  text-align: center;
  color: #999;
}
.mod-vote__work p {
  font-size: 12px;
  padding: 0 4px;
}
.mod-vote__charac .mod-vote__work {
  height: 200px;
}
.mod-vote__charac .mod-vote__work img {
  width: 250px;
  height: auto;
  position: relative;
  left: -55px;
}
.mod-vote__works_single > li {
  float: left;
  border: 3px solid #ddd;
  margin: 5px;
}
.mod-vote__function h4 {
  font-size: 16px;
  height: 20px;
  position: relative;
  overflow: hidden;
}
.mod-vote__function a {
  font-size: 12px;
  color: #4e7ec5;
  position: relative;
  overflow: hidden;
  height: 14px;
  display: block;
}
.mod-vote__function span {
  font-size: 12px;
}
.mod-vote__function .mod-vote__point {
  font-size: 16px;
  font-weight: bold;
  color: #fe0b4e;
}
.mod-vote__radio {
  position: relative;
}
.mod-vote__data {
  position: absolute;
  right: 4px;
  bottom: 0px;
}
.mod-vote__all {
  color: #4e7ec5;
}
.mod-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 480px;
}
.mod-table thead {
  background: #dee4e8;
}
.mod-table th,
.mod-table td {
  text-align: left;
  font-size: 12px;
  padding: 8px;
  border: 1px solid #ffae3b;
}
.mod-table td {
  color: #023049;
}
.mod-table tr {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.mod-table tr:hover td {
  background: #4e7ec5;
  color: #fff;
}
.mod-table tr.mod-table__all td {
  background: #ddd;
}
.mod-table__box {
  overflow: auto;
}
.icon__normal {
  display: inline-block;
  width: 25px;
  height: 20px;
  vertical-align: bottom;
  background-image: url(../img/icons.png);
}
.icon__small {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-image: url(../img/icons.png);
}
.icon__hot {
  background: -5px -5px url('../img/icons.png') no-repeat;
}
.icon__view {
  background: -35px -5px url('../img/icons.png') no-repeat;
}
.icon__act {
  background: -63px -5px url('../img/icons.png') no-repeat;
}
.icon__character {
  background: -93px -5px url('../img/icons.png') no-repeat;
}
.icon__collect {
  background: -10px -30px url("../img/icons.png") no-repeat;
}
.icon__man,
.icon__woman,
.icon__other {
  height: 14px;
}
.icon__man {
  background-position: -20px -100px;
}
.icon__woman {
  background-position: -10px -100px;
}
.icon__other {
  background-position: 0px -100px;
}
.icon_page {
  display: block;
  background-image: url("../img/page.png");
  width: 20px;
  height: 30px;
  position: absolute;
  display: none;
  top: 220px;
  left: 20px;
  background-position: 0 0;
  cursor: pointer;
}
.icon_page:hover {
  background-position: 0 -30px;
}
#icon_page_right {
  left: 460px;
  background-position: -20px 0;
}
#icon_page_right:hover {
  background-position: -20px -30px;
}
.icon_news {
  background-position: -40px -100px;
  width: 20px;
  height: 10px;
  position: absolute;
}
.icon_sex {
  background-image: url("../img/icons.png");
  width: 20px;
  height: 21px;
  display: inline-block;
}
.icon__man_l {
  background-position: -120px 0;
}
.icon__woman_l {
  background-position: -140px 0;
}
.icon__other_l {
  background-position: -160px 0;
}
.icon__btn {
  display: inline-block;
  background-image: url("../img/icons.png");
  height: 16px;
  vertical-align: bottom;
  margin: 0 2px;
}
.icon__b_article {
  background-position: -90px -30px;
  width: 20px;
}
.icon__b_picture {
  background-position: -110px -30px;
  width: 16px;
}
.icon__b_setting {
  background-position: -128px -30px;
  width: 16px;
}
.icon__b_news {
  background-position: -145px -30px;
  width: 16px;
}
.icon__b_edit {
  background-position: -161px -30px;
  width: 16px;
}
.icon__b_character {
  background-position: -180px -30px;
  width: 16px;
}
.icon__b_collect {
  background-position: -93px -50px;
  width: 16px;
}
.icon__b_view {
  background-position: -111px -50px;
  width: 16px;
}
.icon__b_fans {
  background-position: -129px -50px;
  width: 16px;
}
.icon_love {
  background-position: -60px -70px;
}
.icon_loved {
  background-position: -110px -70px;
}
.icon_weibo {
  background-position: -85px -70px;
}
.icon_cat {
  display: inline-block;
  background: url("../img/htplay.png") 0 0;
  height: 38px;
  width: 45px;
}
.icon_panda {
  display: inline-block;
  background: url("../img/htplay.png") -50px 0;
  height: 38px;
  width: 50px;
}
.icon_rabbit {
  display: inline-block;
  background: url("../img/htplay.png") -100px 0;
  height: 38px;
  width: 44px;
}
.icon_rhombus {
  margin-right: 3px;
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 20px;
  background: url("../img/icons.png") -148px -48px;
}
.icon_rhombus_s {
  display: inline-block;
  width: 8px;
  height: 14px;
  background: url("../img/icons.png") -166px -51px;
}
.icon_star {
  display: inline-block;
  width: 13px;
  height: 18px;
  vertical-align: middle;
  background: url("../img/icons.png") -159px -102px;
}
.icon_tag {
  display: inline-block;
  width: 12px;
  height: 18px;
  background: url("../img/icons.png") -180px -46px;
}
.icon_of_weibo {
  width: 51px;
  height: 52px;
  display: inline-block;
  background: url("../img/social.png") -59px -115px;
}
.icon_of_lofter {
  width: 51px;
  height: 52px;
  display: inline-block;
  background: url("../img/social.png") 0px -115px;
}
.icon_of_wechat {
  width: 50px;
  height: 51px;
  display: inline-block;
  background: url("../img/wechat.png");
}
.icon_u_love,
.icon_u_loved,
.icon_u_weibo {
  width: 26px;
  height: 26px;
  display: inline-block;
  background-image: url("../img/social.png");
}
.icon_u_weibo {
  background-position: -5px -174px;
}
.icon_u_loved {
  background-position: -37px -174px;
}
.icon_u_love {
  background-position: -69px -174px;
}
.icon_u_love:hover {
  background-position: -37px -174px;
}
.icon_response {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/response_icon.png") no-repeat;
  vertical-align: middle;
}
.icon_response:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
.icon_response_free {
  background-position: 1px 0;
}
.icon_response_check {
  background-position: -20px 0;
}
.icon_response_refuse {
  background-position: -40px 0;
}
.icon_qihua_state {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../img/project_state.png");
  position: absolute;
  top: 5px;
  right: 0px;
}
.icon_qihua_all {
  background-position: -23px 0px;
}
.icon_apply_qihua {
  background: url("../img/apply_qihua.png");
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  right: -50px;
  top: 0px;
}
.icon__manga {
  background: url("../img/manga_add.png");
  width: 23px;
  height: 23px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}