/* autoprefixer: off */
 html {
     font-family: sans-serif;
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }

 body {
     margin: 0
 }

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 main,
 menu,
 nav,
 section,
 summary {
     display: block
 }

 audio,
 canvas,
 progress,
 video {
     display: inline-block
 }

 audio:not([controls]) {
     display: none;
     height: 0
 }

 progress {
     vertical-align: baseline
 }

 [hidden],
 template {
     display: none
 }

 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects
 }

 a:active,
 a:hover {
     outline-width: 0
 }

 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
     text-decoration: underline dotted
 }

 b,
 strong {
     font-weight: inherit;
     font-weight: bolder
 }

 dfn {
     font-style: italic
 }

 h1 {
     font-size: 2em;
     margin: .67em 0
 }

 mark {
     background-color: #FFFF00;
     color: #000000
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 img {
     border-style: none
 }

 svg:not(:root) {
     overflow: hidden
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }

 figure {
     margin: 1em 40px
 }

 hr {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     font: inherit;
     margin: 0
 }

 optgroup {
     font-weight: 700
 }

 button,
 input {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

 [type=reset],
 [type=submit],
 button,
 html [type=button] {
     -webkit-appearance: button
 }

 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner,
 button::-moz-focus-inner {
     border-style: none;
     padding: 0
 }

 [type=button]:-moz-focusring,
 [type=reset]:-moz-focusring,
 [type=submit]:-moz-focusring,
 button:-moz-focusring {
     outline: 1px dotted ButtonText
 }

 fieldset {
     border: 1px solid #dcdcdc;
     margin: 0 2px;
     padding: .35em .625em .75em
 }

 legend {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal
 }

 textarea {
     overflow: auto
 }

 [type=checkbox],
 [type=radio] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0
 }

 [type=number]::-webkit-inner-spin-button,
 [type=number]::-webkit-outer-spin-button {
     height: auto
 }

 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }

 [type=search]::-webkit-search-cancel-button,
 [type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-input-placeholder {
     color: inherit;
     opacity: .54
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }

 body::-webkit-scrollbar-track-piece,
 body ::-webkit-scrollbar-track-piece {
     background-color: transparent
 }

 body::-webkit-scrollbar,
 body ::-webkit-scrollbar {
     width: 8px;
     height: 4px
 }

 body::-webkit-scrollbar-thumb,
 body ::-webkit-scrollbar-thumb {
     background-color: #dcdcdc;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     min-height: 28px;
     -webkit-border-radius: 4px;
     border-radius: 4px
 }

 body::-webkit-scrollbar-thumb:hover,
 body ::-webkit-scrollbar-thumb:hover {
     background-color: #999999
 }

 body,
 html {
     width: 100%
 }

 body {
     font-size: 16px;
     color: #666666;
     font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif
 }

 *,
 dl,
 ol,
 ul {
     padding: 0;
     margin: 0
 }

 a {
     text-decoration: none;
     color: #666666
 }

 a:hover {
     color: #fc6976
 }

 a:hover {
     text-decoration: none !important
 }

 img {
     vertical-align: middle
 }

 hr {
     border: 0;
     border-bottom: 1px dotted #dcdcdc;
     height: 1px;
     margin: 10px 0 9px;
     *margin: 3px 0 2px
 }

 li {
     list-style: none
 }

 em,
 strong {
     font-style: normal
 }

 @font-face {
     font-family: kanman_pc;
     src: url(../font/kanman_pc.eot);
     src: url(../font/kanman_pc.eot) format("embedded-opentype"), url(../font/kanman_pc.woff2) format("woff2"), url(../font/kanman_pc.woff) format("woff"), url(../font/kanman_pc.ttf) format("truetype"), url(../font/kanman_pc.svg) format("svg");
     font-weight: 400;
     font-style: normal
 }

 [class*=" ift"],
 [class^=ift] {
     font-family: kanman_pc !important;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-style: normal
 }

 .ift-about-us:before {
     content: "\EA01"
 }

 .ift-active:before {
     content: "\EA02"
 }

 .ift-add:before {
     content: "\EA03"
 }

 .ift-adds:before {
     content: "\EA04"
 }

 .ift-aixin-line:before {
     content: "\EA05"
 }

 .ift-aixin:before {
     content: "\EA06"
 }

 .ift-alarm:before {
     content: "\EA07"
 }

 .ift-asc:before {
     content: "\EA08"
 }

 .ift-bar-success:before {
     content: "\EA09"
 }

 .ift-barrage:before {
     content: "\EA0A"
 }

 .ift-biaoqingx:before {
     content: "\EA0B"
 }

 .ift-book-list-round:before {
     content: "\EA0C"
 }

 .ift-book-list:before {
     content: "\EA0D"
 }

 .ift-book-outline:before {
     content: "\EA0E"
 }

 .ift-book:before {
     content: "\EA0F"
 }

 .ift-bookshelf:before {
     content: "\EA10"
 }

 .ift-cat:before {
     content: "\EA11"
 }

 .ift-check:before {
     content: "\EA12"
 }

 .ift-circle:before {
     content: "\EA13"
 }

 .ift-class-outline:before {
     content: "\EA14"
 }

 .ift-class:before {
     content: "\EA15"
 }

 .ift-classify:before {
     content: "\EA16"
 }

 .ift-close:before {
     content: "\EA17"
 }

 .ift-comment:before {
     content: "\EA18"
 }

 .ift-cuowu:before {
     content: "\EA19"
 }

 .ift-danmubiyanx:before {
     content: "\EA1A"
 }

 .ift-danmuzhengyanx:before {
     content: "\EA1B"
 }

 .ift-dashang:before {
     content: "\EA1C"
 }

 .ift-del:before {
     content: "\EA1D"
 }

 .ift-dengjix:before {
     content: "\EA1E"
 }

 .ift-desc:before {
     content: "\EA1F"
 }

 .ift-diandianx:before {
     content: "\EA20"
 }

 .ift-down-db:before {
     content: "\EA21"
 }

 .ift-down:before {
     content: "\EA22"
 }

 .ift-drumstick:before {
     content: "\EA23"
 }

 .ift-edit:before {
     content: "\EA24"
 }

 .ift-expression:before {
     content: "\EA25"
 }

 .ift-eye-close:before {
     content: "\EA26"
 }

 .ift-eye-open:before {
     content: "\EA27"
 }

 .ift-eye:before {
     content: "\EA28"
 }

 .ift-fans:before {
     content: "\EA29"
 }

 .ift-feedback:before {
     content: "\EA2A"
 }

 .ift-female:before {
     content: "\EA2B"
 }

 .ift-fenxiang:before {
     content: "\EA2C"
 }

 .ift-fenxiangx:before {
     content: "\EA2D"
 }

 .ift-fire:before {
     content: "\EA2E"
 }

 .ift-fullscreen:before {
     content: "\EA2F"
 }

 .ift-fuzhilianjiex:before {
     content: "\EA30"
 }

 .ift-gotop:before {
     content: "\EA31"
 }

 .ift-guanbix:before {
     content: "\EA32"
 }

 .ift-guess-like:before {
     content: "\EA33"
 }

 .ift-heart-add:before {
     content: "\EA34"
 }

 .ift-help-center:before {
     content: "\EA35"
 }

 .ift-help-line:before {
     content: "\EA36"
 }

 .ift-help-tip:before {
     content: "\EA37"
 }

 .ift-help:before {
     content: "\EA38"
 }

 .ift-home-hollow:before {
     content: "\EA39"
 }

 .ift-home-page:before {
     content: "\EA3A"
 }

 .ift-home-solid:before {
     content: "\EA3B"
 }

 .ift-jiantoux:before {
     content: "\EA3C"
 }

 .ift-jianx:before {
     content: "\EA3D"
 }

 .ift-jiax:before {
     content: "\EA3E"
 }

 .ift-jiugonggex:before {
     content: "\EA3F"
 }

 .ift-kaizhengkaix:before {
     content: "\EA40"
 }

 .ift-landline:before {
     content: "\EA41"
 }

 .ift-lattice:before {
     content: "\EA42"
 }

 .ift-left:before {
     content: "\EA43"
 }

 .ift-liebiaox:before {
     content: "\EA44"
 }

 .ift-list:before {
     content: "\EA45"
 }

 .ift-liwu1:before {
     content: "\EA46"
 }

 .ift-local:before {
     content: "\EA47"
 }

 .ift-lock-line:before {
     content: "\EA48"
 }

 .ift-lock:before {
     content: "\EA49"
 }

 .ift-loop-arrow:before {
     content: "\EA4A"
 }

 .ift-lujingx:before {
     content: "\EA4B"
 }

 .ift-male:before {
     content: "\EA4C"
 }

 .ift-management:before {
     content: "\EA4D"
 }

 .ift-more-bottom:before {
     content: "\EA4E"
 }

 .ift-more-top:before {
     content: "\EA4F"
 }

 .ift-msg:before {
     content: "\EA50"
 }

 .ift-multiuser:before {
     content: "\EA51"
 }

 .ift-night:before {
     content: "\EA52"
 }

 .ift-ok:before {
     content: "\EA53"
 }

 .ift-own:before {
     content: "\EA54"
 }

 .ift-paihangxiajiangx:before {
     content: "\EA55"
 }

 .ift-paihangxiashengx:before {
     content: "\EA56"
 }

 .ift-paoyubaizuox:before {
     content: "\EA57"
 }

 .ift-pencil:before {
     content: "\EA58"
 }

 .ift-phone:before {
     content: "\EA59"
 }

 .ift-pingfen:before {
     content: "\EA5A"
 }

 .ift-plus:before {
     content: "\EA5B"
 }

 .ift-qq:before {
     content: "\EA5C"
 }

 .ift-qqzone:before {
     content: "\EA5D"
 }

 .ift-qr-code-copy:before {
     content: "\EA5E"
 }

 .ift-qr-code:before {
     content: "\EA5F"
 }

 .ift-radio-ed:before {
     content: "\EA60"
 }

 .ift-radio:before {
     content: "\EA61"
 }

 .ift-rank:before {
     content: "\EA62"
 }

 .ift-read-arrow-left:before {
     content: "\EA63"
 }

 .ift-read-arrow-right:before {
     content: "\EA64"
 }

 .ift-read-catalog:before {
     content: "\EA65"
 }

 .ift-read-chapter-next:before {
     content: "\EA66"
 }

 .ift-read-chapter-prev:before {
     content: "\EA67"
 }

 .ift-read-moon:before {
     content: "\EA68"
 }

 .ift-read-next:before {
     content: "\EA69"
 }

 .ift-read-prev:before {
     content: "\EA6A"
 }

 .ift-read-scroll-auto:before {
     content: "\EA6B"
 }

 .ift-read-scroll-left-right:before {
     content: "\EA6C"
 }

 .ift-read-scroll-up-down:before {
     content: "\EA6D"
 }

 .ift-read-sun:before {
     content: "\EA6E"
 }

 .ift-recharge-center:before {
     content: "\EA6F"
 }

 .ift-relevant:before {
     content: "\EA70"
 }

 .ift-renqi:before {
     content: "\EA71"
 }

 .ift-return:before {
     content: "\EA72"
 }

 .ift-reward:before {
     content: "\EA73"
 }

 .ift-right:before {
     content: "\EA74"
 }

 .ift-rss:before {
     content: "\EA75"
 }

 .ift-scale:before {
     content: "\EA76"
 }

 .ift-score:before {
     content: "\EA77"
 }

 .ift-screw-cap:before {
     content: "\EA78"
 }

 .ift-search:before {
     content: "\EA79"
 }

 .ift-shangyihuabaisex:before {
     content: "\EA7A"
 }

 .ift-share-square:before {
     content: "\EA7B"
 }

 .ift-share:before {
     content: "\EA7C"
 }

 .ift-shoucang:before {
     content: "\EA7D"
 }

 .ift-shoucangkongxinx:before {
     content: "\EA7E"
 }

 .ift-shoucangshixinx:before {
     content: "\EA7F"
 }

 .ift-shujiax:before {
     content: "\EA80"
 }

 .ift-sina:before {
     content: "\EA81"
 }

 .ift-sorry:before {
     content: "\EA82"
 }

 .ift-square-hollow:before {
     content: "\EA83"
 }

 .ift-star:before {
     content: "\EA84"
 }

 .ift-sun-line:before {
     content: "\EA85"
 }

 .ift-sun:before {
     content: "\EA86"
 }

 .ift-tanhao:before {
     content: "\EA87"
 }

 .ift-ticket:before {
     content: "\EA88"
 }

 .ift-tip-new:before {
     content: "\EA89"
 }

 .ift-top:before {
     content: "\EA8A"
 }

 .ift-tuijianpiao:before {
     content: "\EA8B"
 }

 .ift-uncheck:before {
     content: "\EA8C"
 }

 .ift-unlock:before {
     content: "\EA8D"
 }

 .ift-up-db:before {
     content: "\EA8E"
 }

 .ift-update_time:before {
     content: "\EA8F"
 }

 .ift-user:before {
     content: "\EA90"
 }

 .ift-wechat:before {
     content: "\EA91"
 }

 .ift-weibo:before {
     content: "\EA92"
 }

 .ift-wupaoyuhuix:before {
     content: "\EA93"
 }

 .ift-wupaoyuyueduyezuox:before {
     content: "\EA94"
 }

 .ift-xiayihuabaisex:before {
     content: "\EA95"
 }

 .ift-xpaopaohui:before {
     content: "\EA96"
 }

 .ift-yanjinghuix:before {
     content: "\EA97"
 }

 .ift-yanjingx:before {
     content: "\EA98"
 }

 .ift-yixuanzhuangtaix:before {
     content: "\EA99"
 }

 .ift-yuedu:before {
     content: "\EA9A"
 }

 .ift-yuepiao:before {
     content: "\EA9B"
 }

 .ift-zanhuix:before {
     content: "\EA9C"
 }

 .ift-zanshang:before {
     content: "\EA9D"
 }

 .ift-zixunxingx:before {
     content: "\EA9E"
 }

 .acgn-row {
     min-width: 1200px;
     max-width: 1600px;
     width: 85%;
     margin: 0 auto;
     font-size: 0
 }

 .acgn-row>* {
     font-size: medium
 }

 .acgn-row .acgn-row {
     display: block;
     width: auto;
     margin: -8px
 }

 .acgn-col-1,
 .acgn-col-2,
 .acgn-col-3,
 .acgn-col-4,
 .acgn-col-5,
 .acgn-col-6,
 .acgn-col-7,
 .acgn-col-8,
 .acgn-col-9,
 .acgn-col-10,
 .acgn-col-11,
 .acgn-col-12,
 .acgn-col-13,
 .acgn-col-14,
 .acgn-col-15,
 .acgn-col-16,
 .acgn-col-17,
 .acgn-col-18,
 .acgn-col-19,
 .acgn-col-20,
 .acgn-col-21,
 .acgn-col-22,
 .acgn-col-23,
 .acgn-col-24 {
     float: left;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-left: 8px;
     padding-right: 8px
 }

 .acgn-col-1 {
     width: 4.1666666667%
 }

 .acgn-col-1.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-1.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-1 {
     margin-left: 4.1666666667%
 }

 .acgn-col-2 {
     width: 8.3333333333%
 }

 .acgn-col-2.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-2.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-2 {
     margin-left: 8.3333333333%
 }

 .acgn-col-3 {
     width: 12.5%
 }

 .acgn-col-3.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-3.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-3 {
     margin-left: 12.5%
 }

 .acgn-col-4 {
     width: 16.6666666667%
 }

 .acgn-col-4.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-4.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-4 {
     margin-left: 16.6666666667%
 }

 .acgn-col-5 {
     width: 20.8333333333%
 }

 .acgn-col-5.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-5.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-5 {
     margin-left: 20.8333333333%
 }

 .acgn-col-6 {
     width: 25%
 }

 .acgn-col-6.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-6.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-6 {
     margin-left: 25%
 }

 .acgn-col-7 {
     width: 29.1666666667%
 }

 .acgn-col-7.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-7.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-7 {
     margin-left: 29.1666666667%
 }

 .acgn-col-8 {
     width: 33.3333333333%
 }

 .acgn-col-8.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-8.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-8 {
     margin-left: 33.3333333333%
 }

 .acgn-col-9 {
     width: 37.5%
 }

 .acgn-col-9.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-9.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-9 {
     margin-left: 37.5%
 }

 .acgn-col-10 {
     width: 41.6666666667%
 }

 .acgn-col-10.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-10.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-10 {
     margin-left: 41.6666666667%
 }

 .acgn-col-11 {
     width: 45.8333333333%
 }

 .acgn-col-11.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-11.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-11 {
     margin-left: 45.8333333333%
 }

 .acgn-col-12 {
     width: 50%
 }

 .acgn-col-12.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-12.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-12 {
     margin-left: 50%
 }

 .acgn-col-13 {
     width: 54.1666666667%
 }

 .acgn-col-13.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-13.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-13 {
     margin-left: 54.1666666667%
 }

 .acgn-col-14 {
     width: 58.3333333333%
 }

 .acgn-col-14.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-14.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-14 {
     margin-left: 58.3333333333%
 }

 .acgn-col-15 {
     width: 62.5%
 }

 .acgn-col-15.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-15.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-15 {
     margin-left: 62.5%
 }

 .acgn-col-16 {
     width: 66.6666666667%
 }

 .acgn-col-16.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-16.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-16 {
     margin-left: 66.6666666667%
 }

 .acgn-col-17 {
     width: 70.8333333333%
 }

 .acgn-col-17.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-17.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-17 {
     margin-left: 70.8333333333%
 }

 .acgn-col-18 {
     width: 75%
 }

 .acgn-col-18.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-18.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-18 {
     margin-left: 75%
 }

 .acgn-col-19 {
     width: 79.1666666667%
 }

 .acgn-col-19.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-19.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-19 {
     margin-left: 79.1666666667%
 }

 .acgn-col-20 {
     width: 83.3333333333%
 }

 .acgn-col-20.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-20.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-20 {
     margin-left: 83.3333333333%
 }

 .acgn-col-21 {
     width: 87.5%
 }

 .acgn-col-21.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-21.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-21 {
     margin-left: 87.5%
 }

 .acgn-col-22 {
     width: 91.6666666667%
 }

 .acgn-col-22.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-22.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-22 {
     margin-left: 91.6666666667%
 }

 .acgn-col-23 {
     width: 95.8333333333%
 }

 .acgn-col-23.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-23.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-offset-23 {
     margin-left: 95.8333333333%
 }

 .acgn-col-24 {
     width: 100%
 }

 .acgn-col-24.acgn-col-row {
     font-size: 0;
     padding: 0
 }

 .acgn-col-24.acgn-col-row>* {
     font-size: medium
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-1 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-2 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-3 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-4 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-5 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-6 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-7 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-8 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-9 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-10 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-11 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-12 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-13 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-14 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-15 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-16 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-17 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-18 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-19 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-20 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-21 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-22 {
     padding: 0
 }

 .acgn-col-space-none,
 .acgn-col-space-none>.acgn-col-23 {
     padding: 0
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-1 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-2 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-3 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-4 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-5 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-6 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-7 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-8 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-9 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-10 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-11 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-12 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-13 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-14 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-15 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-16 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-17 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-18 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-19 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-20 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-21 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-22 {
     padding: 0 5px
 }

 .acgn-col-space-small,
 .acgn-col-space-small>.acgn-col-23 {
     padding: 0 5px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-1 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-2 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-3 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-4 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-5 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-6 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-7 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-8 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-9 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-10 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-11 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-12 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-13 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-14 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-15 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-16 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-17 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-18 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-19 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-20 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-21 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-22 {
     padding: 0 8px
 }

 .acgn-col-space-middle,
 .acgn-col-space-middle>.acgn-col-23 {
     padding: 0 8px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-1 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-2 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-3 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-4 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-5 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-6 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-7 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-8 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-9 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-10 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-11 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-12 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-13 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-14 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-15 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-16 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-17 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-18 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-19 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-20 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-21 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-22 {
     padding: 0 12px
 }

 .acgn-col-space-large,
 .acgn-col-space-large>.acgn-col-23 {
     padding: 0 12px
 }

 .acgn-row-space-none .acgn-row {
     width: auto;
     margin: 0
 }

 .acgn-row-space-small .acgn-row {
     width: auto;
     margin: 0 -5px
 }

 .acgn-row-space-middle .acgn-row {
     width: auto;
     margin: 0 -8px
 }

 .acgn-row-space-large .acgn-row {
     width: auto;
     margin: 0 -12px
 }

 .acgn-col-8 {
     *width: 33%
 }

 .acgn-box-al {
     margin: 0 auto 0 0
 }

 .acgn-box-ac {
     margin: 0 auto
 }

 .acgn-box-ar {
     margin: 0 0 0 auto
 }

 .acgn-equal-height {
     border: 1px solid #dcdcdc;
     position: relative
 }

 .acgn-equal-main {
     margin: 0 200px;
     padding: 0 20px;
     border: 1px solid #dcdcdc;
     border-width: 0 1px
 }

 .acgn-equal-al {
     width: 200px
 }

 .acgn-equal-al,
 .acgn-equal-ar {
     position: absolute;
     top: 0;
     background-color: #f5f5f5
 }

 .acgn-equal-ar {
     right: 0;
     width: 180px;
     padding: 0 10px
 }

 .acgn-primary {
     color: #fc6976
 }

 .acgn-auxiliary {
     color: #FFC100
 }

 .acgn-red {
     color: #fd5158
 }

 .acgn-orange {
     color: #ff7647
 }

 .acgn-yellow {
     color: #FFFF00
 }

 .acgn-blue {
     color: #43BEF6
 }

 .acgn-purple {
     color: #675fd6
 }

 .acgn-green {
     color: #fc6976
 }

 .acgn-dark {
     color: #999999
 }

 .acgn-gray {
     color: #dcdcdc
 }

 .acgn-white {
     color: #ffffff
 }

 .acgn-bg-red {
     background-color: #ffffff
 }

 .acgn-bg-orange {
     background-color: #ffffff
 }

 .acgn-bg-yellow {
     background-color: #ffff99
 }

 .acgn-bg-blue {
     background-color: #ffffff
 }

 .acgn-bg-purple {
     background-color: #ffffff
 }

 .acgn-bg-green {
     background-color: #ffffff
 }

 .acgn-bg-gray {
     background-color: #f5f5f5
 }

 .acgn-bg-white {
     background-color: #ffffff
 }

 .acgn-tac {
     text-align: center
 }

 .acgn-tal {
     text-align: left
 }

 .acgn-tar {
     text-align: right
 }

 .acgn-f12 {
     font-size: 12px
 }

 .acgn-f14 {
     font-size: 14px
 }

 .acgn-f16 {
     font-size: 16px
 }

 .acgn-f18 {
     font-size: 18px
 }

 .acgn-f24 {
     font-size: 24px
 }

 .acgn-del {
     text-decoration: line-through
 }

 .acgn-blod {
     font-weight: 700
 }

 .acgn-fwn {
     font-weight: 400
 }

 .acgn-italic {
     font-style: italic
 }

 .acgn-hide {
     display: none
 }

 .acgn-block,
 .acgn-show {
     display: block
 }

 .acgn-hidden {
     visibility: hidden
 }

 .acgn-visible {
     visibility: visible
 }

 .acgn-inline {
     display: inline-block
 }

 .acgn-fl {
     float: left
 }

 .acgn-fr {
     float: right
 }

 .acgn-cursor {
     cursor: pointer
 }

 .acgn-radius {
     -webkit-border-radius: 1000px;
     -moz-border-radius: 1000px;
     border-radius: 1000px
 }

 .acgn-pt8 {
     padding-top: 8px
 }

 .acgn-pb8 {
     padding-bottom: 8px
 }

 .acgn-pt16 {
     padding-top: 16px
 }

 .acgn-pb16 {
     padding-bottom: 16px
 }

 .acgn-pt24 {
     padding-top: 24px
 }

 .acgn-pb24 {
     padding-bottom: 24px
 }

 .acgn-mt8 {
     margin-top: 8px
 }

 .acgn-mt16 {
     margin-top: 16px
 }

 .acgn-mt24 {
     margin-top: 24px
 }

 .acgn-mb8 {
     margin-bottom: 8px
 }

 .acgn-mb16 {
     margin-bottom: 16px
 }

 .acgn-mb24 {
     margin-bottom: 24px
 }

 .acgn-mgr0,
 .acgn-mr0 {
     margin-right: 0 !important
 }

 #__acgn-virtual-coin__ {
     display: none
 }

 .acgn-box>.acgn-hd {
     height: 48px
 }

 .acgn-box>.acgn-hd .acgn-title {
     display: inline;
     float: left;
     height: 40px;
     padding-top: 8px;
     line-height: 40px;
     font-weight: 400;
     font-size: 28px;
     font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
     cursor: pointer
 }

 .acgn-box>.acgn-hd .acgn-title [class^=ift-] {
     font-size: 32px;
     color: #fc6976;
     margin-right: 5px;
     vertical-align: middle
 }

 .acgn-box>.acgn-hd .acgn-title-desc {
     float: left;
     margin-top: 16px;
     height: 28px;
     line-height: 28px;
     font-size: 16px;
     margin-left: 16px;
     border-left: 1px solid #dcdcdc;
     padding-left: 16px;
     color: #999999
 }

 .acgn-box>.acgn-hd .acgn-more {
     display: inline;
     float: right;
     padding-top: 16px
 }

 .acgn-box>.acgn-hd .acgn-more .ift-more {
     display: inline-block;
     display: none\9;
     width: 49px;
     height: 28px;
     font-size: 14px;
     background: url(../image/more.svg) no-repeat, none
 }

 .acgn-box>.acgn-hd .acgn-more .ift-more:before {
     content: none
 }

 .acgn-box>.acgn-hd .acgn-more .text {
     display: none;
     display: block\9
 }

 .acgn-box>.acgn-hd.acgn-f20 .acgn-title {
     font-size: 20px
 }

 .acgn-box>.acgn-hd.acgn-f20 .acgn-title-desc {
     margin-top: 20px;
     height: 20px;
     line-height: 20px;
     font-size: 14px
 }

 .acgn-box>.acgn-hd.acgn-f16 .acgn-title {
     font-size: 16px
 }

 .acgn-box>.acgn-hd.acgn-f16 .acgn-title-desc {
     margin-top: 22px;
     height: 18px;
     line-height: 18px;
     font-size: 12px
 }

 .acgn-box>.acgn-bd {
     padding: 8px 0
 }

 .acgn-box2>.acgn-hd {
     padding-left: 9px;
     background-color: #f5f5f5;
     height: 46px;
     border: 1px solid #dcdcdc
 }

 .acgn-box2>.acgn-hd .acgn-more {
     height: 28px;
     padding: 10px 10px 8px 8px
 }

 .acgn-box2>.acgn-hd .acgn-more .ift-more {
     width: 42px;
     height: 24px;
     margin-top: 0
 }

 .acgn-box2>.acgn-hd .acgn-title {
     font-size: 18px;
     padding-top: 4px
 }

 .acgn-box2>.acgn-hd .acgn-title [class^=ift-] {
     font-size: 20px
 }

 .acgn-box2>.acgn-hd .acgn-update {
     float: right;
     height: 48px;
     line-height: 48px;
     font-size: 12px;
     color: #999999;
     margin-right: 10px
 }

 .acgn-box2>.acgn-hd .acgn-operate {
     float: right;
     width: 48px;
     height: 46px;
     line-height: 46px;
     text-align: center;
     border-left: 1px solid #dcdcdc;
     cursor: pointer
 }

 .acgn-box2>.acgn-hd .acgn-operate .ift-sort,
 .acgn-box2>.acgn-hd .acgn-operate .ift-sort_up {
     font-size: 20px;
     color: #999999
 }

 .acgn-box2>.acgn-bd {
     margin-top: 0;
     padding: 16px 10px;
     border: 1px solid #dcdcdc;
     border-top: 0
 }

 .acgn-box2>.acgn-bd .update-list .item:last-child {
     border-bottom: 0
 }

 .acgn-box2>.acgn-bd .update-list .item.last,
 .acgn-box2>.acgn-bd .update-list .item.last-child {
     border-bottom: 0
 }

 .acgn-tabs>.acgn-hd {
     position: relative;
     height: 46px;
     border: 1px solid #dcdcdc;
     background-color: #f5f5f5
 }

 .acgn-tabs-list .acgn-item {
     font-size: 14px;
     display: inline;
     float: left;
     padding: 0 16px;
     line-height: 46px;
     cursor: pointer;
     text-align: center
 }

 .acgn-tabs-list .acgn-item.acgn-active,
 .acgn-tabs-list .acgn-item:hover {
     color: #fc6976
 }

 .acgn-tabs>.acgn-hd .acgn-tabs-modify {
     content: "";
     position: absolute;
     bottom: -2px;
     left: 16px;
     width: 56px;
     height: 3px;
     background-color: #fc6976
 }

 .acgn-tabs>.acgn-hd .acgn-title {
     float: left;
     height: 46px;
     font-size: 18px;
     font-weight: 400;
     padding-left: 9px;
     line-height: 46px
 }

 .acgn-tabs>.acgn-hd .acgn-title [class^=ift-] {
     font-size: 20px;
     color: #fc6976;
     margin-right: 5px
 }

 .acgn-tabs>.acgn-hd .acgn-tabs-list-ar {
     float: right
 }

 .acgn-tabs>.acgn-hd .acgn-tabs-list-ar .acgn-item {
     color: #999999;
     border-left: 1px solid #dcdcdc
 }

 .acgn-tabs>.acgn-hd .acgn-tabs-list-ar .acgn-item.acgn-active {
     background-color: #ffffff;
     padding-bottom: 1px;
     border-bottom: 0;
     color: #fc6976
 }

 .acgn-tabs>.acgn-bd {
     border: 1px solid #dcdcdc;
     border-top: 0;
     padding: 10px
 }

 .acgn-tabs2>.acgn-hd ul {
     float: left
 }

 .acgn-tabs2>.acgn-hd ul li {
     color: #999999;
     border-right: 1px solid #dcdcdc
 }

 .acgn-tabs2>.acgn-hd ul li.acgn-active {
     background-color: #ffffff;
     padding-bottom: 1px;
     border-bottom: 0;
     color: #fc6976
 }

 .acgn-tabs .acgn-rank-list .acgn-item:last-child {
     border-bottom: 0
 }

 .acgn-tabs .acgn-rank-list .acgn-item.last,
 .acgn-tabs .acgn-rank-list .acgn-item.last-child {
     border-bottom: 0
 }

 .acgn-tabs .acgn-comic-list {
     padding: 15px 15px 0
 }

 fieldset {
     border: none
 }

 legend {
     display: block;
     width: 100%;
     margin-bottom: 1.5rem;
     font-size: 16px;
     line-height: inherit;
     color: #999999;
     border-bottom: 1px solid #dcdcdc;
     padding-bottom: .5rem
 }

 label {
     display: inline-block;
     margin-bottom: 4px;
     cursor: pointer
 }

 input[type=search] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 input[type=checkbox],
 input[type=radio] {
     margin: -2px 3px 0 0;
     vertical-align: -2px;
     cursor: pointer;
     *margin: -1px 0 0;
     overflow: hidden
 }

 select[multiple],
 select[size] {
     height: auto
 }

 select optgroup {
     font-size: inherit;
     font-style: inherit;
     font-family: inherit
 }

 input[type=checkbox]:focus,
 input[type=file]:focus,
 input[type=radio]:focus {
     outline: thin dotted;
     outline: 1px auto -webkit-focus-ring-color;
     outline-offset: -2px
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     height: auto
 }

 output {
     vertical-align: middle
 }

 .acgn-form {
     font-size: 14px
 }

 .acgn-form-item_input {
     display: block;
     width: 100%;
     -webkit-appearance: none;
     -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
     -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     -moz-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .acgn-form-item_input.from-success {
     outline: 0;
     border-color: #fd9ba4;
     -webkit-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #fecdd1;
     -moz-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #fecdd1;
     box-shadow: inset 0 2px 3px 0 #e9e9e9, 0 0 5px 0 #fecdd1
 }

 .acgn-form-item_input.from-warning {
     outline: 0;
     color: #ff7647;
     border-color: #ffc2ad;
     -webkit-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #ffe8e0;
     -moz-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #ffe8e0;
     box-shadow: inset 0 2px 3px 0 #e9e9e9, 0 0 5px 0 #ffe8e0
 }

 .acgn-form-item_input.from-error {
     outline: 0;
     color: #fd5158;
     border-color: #fe8388;
     -webkit-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #feb6b9;
     -moz-box-shadow: 0 2px 3px 0 #e9e9e9 inset, 0 0 5px 0 #feb6b9;
     box-shadow: inset 0 2px 3px 0 #e9e9e9, 0 0 5px 0 #feb6b9
 }

 .acgn-form-item_input::-webkit-input-placeholder {
     color: #dcdcdc
 }

 .acgn-form-item_input::-moz-placeholder {
     color: #dcdcdc
 }

 .acgn-form-item_input::-ms-input-placeholder {
     color: #dcdcdc
 }

 .acgn-form-item_input::placeholder {
     color: #dcdcdc
 }

 .acgn-form-item_input::-moz-placeholder {
     opacity: 1
 }

 .acgn-form-item_input[disabled],
 .acgn-form-item_input[readonly],
 fieldset[disabled] .acgn-form-item_input {
     cursor: not-allowed;
     background-color: #e1e1e1
 }

 .acgn-form-item_input::-ms-clear,
 .acgn-form-item_input::-ms-reveal {
     display: none
 }

 .acgn-form textarea {
     line-height: 1.5
 }

 .acgn-form select[multiple],
 .acgn-form select[size],
 .acgn-form textarea {
     height: auto
 }

 .acgn-form select {
     -webkit-appearance: none !important;
     -moz-appearance: none !important;
     padding-right: 1.6em;
     background: url("/template/kanman_pc/static/fonts/a10de91210d746c890dd56b2355fc0d1.woff") no-repeat 100%
 }

 .acgn-form select[multiple=multiple],
 .acgn-form select[multiple] {
     background-image: none
 }

 .acgn-form select option {
     line-height: 1.5
 }

 .acgn-form-help,
 .acgn-form-help-block {
     color: #dcdcdc;
     font-size: 12px;
     line-height: 1.5
 }

 .acgn-form-help-block {
     display: block;
     margin: 4px 0 8px
 }

 .acgn-form-group {
     margin-bottom: 1.6em
 }

 .acgn-form-horizontal .acgn-form-item_checkbox,
 .acgn-form-horizontal .acgn-form-item_checkbox-inline,
 .acgn-form-horizontal .acgn-form-item_label,
 .acgn-form-horizontal .acgn-form-item_radio,
 .acgn-form-horizontal .acgn-form-item_radio-inline {
     margin-top: 0;
     margin-bottom: 0;
     padding-top: .6em;
     padding-right: .6em
 }

 .acgn-form-horizontal .acgn-form-item_checkbox-inline label,
 .acgn-form-horizontal .acgn-form-item_radio-inline label {
     margin-right: 1em
 }

 .acgn-form-horizontal .acgn-form-item_label {
     text-align: right;
     color: #999999
 }

 .acgn-form-inline .acgn-form-item_input {
     display: inline-block;
     width: auto;
     vertical-align: middle
 }

 .acgn-form-inline .acgn-form-item_label {
     margin-bottom: 0;
     vertical-align: middle
 }

 .acgn-form-inline .acgn-form-item_checkbox,
 .acgn-form-inline .acgn-form-item_radio {
     display: inline-block;
     margin-top: 0;
     margin-bottom: 0;
     padding-left: 0;
     vertical-align: middle
 }

 .acgn-form-inline .acgn-form-item_checkbox input[type=checkbox],
 .acgn-form-inline .acgn-form-item_radio input[type=radio] {
     float: none;
     margin-left: 0
 }

 .acgn-btn {
     padding: 0 8px;
     font-size: 14px;
     line-height: 22px
 }

 .acgn-btn.is-txt {
     border: none
 }

 .acgn-btn.is-line,
 .acgn-btn.is-txt {
     background-color: transparent
 }

 .acgn-btn.is-radius {
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px
 }

 .acgn-btn-primary {
     color: #ffffff;
     border: 1px solid #fc6976;
     background-color: #fc6976
 }

 .acgn-btn-primary.is-line,
 .acgn-btn-primary.is-txt {
     color: #fc6976
 }

 .acgn-btn-auxiliary {
     color: #ffffff;
     border: 1px solid #FFC100;
     background-color: #FFC100
 }

 .acgn-btn-auxiliary.is-line,
 .acgn-btn-auxiliary.is-txt {
     color: #FFC100
 }

 .acgn-btn-gray {
     color: #999999;
     border: 1px solid #999999;
     background-color: #e9e9e9;
     text-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.50)
 }

 .acgn-btn-gray:focus,
 .acgn-btn-gray:hover {
     color: #999999
 }

 .acgn-btn-gray.is-line,
 .acgn-btn-gray.is-txt {
     color: #999999
 }

 .acgn-btn-danger,
 .acgn-btn-red {
     color: #ffffff;
     background-color: #fd5158
 }

 .acgn-btn-danger.is-line,
 .acgn-btn-danger.is-txt,
 .acgn-btn-red.is-line,
 .acgn-btn-red.is-txt {
     color: #fd5158
 }

 .acgn-btn-orange,
 .acgn-btn-warning {
     color: #ffffff;
     background-color: #ff7647
 }

 .acgn-btn-orange.is-line,
 .acgn-btn-orange.is-txt,
 .acgn-btn-warning.is-line,
 .acgn-btn-warning.is-txt {
     color: #ff7647
 }

 .acgn-btn-green,
 .acgn-btn-success {
     color: #ffffff;
     background-color: #fc6976
 }

 .acgn-btn-green.is-line,
 .acgn-btn-green.is-txt,
 .acgn-btn-success.is-line,
 .acgn-btn-success.is-txt {
     color: #fc6976
 }

 .acgn-btn-blue {
     color: #ffffff;
     background-color: #43BEF6
 }

 .acgn-btn-blue.is-line,
 .acgn-btn-blue.is-txt {
     color: #43BEF6
 }

 .acgn-btn-xs {
     padding: 0 4px;
     font-size: 12px;
     line-height: 14px
 }

 .acgn-btn-xs.is-radius {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .acgn-btn-sm {
     padding: 0 8px;
     font-size: 12px;
     line-height: 22px
 }

 .acgn-btn-sm.is-radius {
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px
 }

 .acgn-btn-lg {
     padding: 0 16px;
     font-size: 14px;
     line-height: 30px
 }

 .acgn-btn-lg.is-radius {
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px
 }

 .acgn-btn-xl {
     padding: 0 24px;
     font-size: 16px;
     line-height: 38px
 }

 .acgn-btn-xl.is-radius {
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px
 }

 .acgn-btn-block {
     padding: 0;
     border: 0;
     width: 100%
 }

 .browser {
     position: relative;
     width: 600px;
     padding: 20px;
     font-size: 14px;
     background-color: #ffffff;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .browser .title {
     line-height: 1.5;
     text-align: center;
     font-size: 24px;
     color: #fc6976;
     margin-bottom: 16px
 }

 .browser .synopsis {
     text-indent: 2em;
     margin-bottom: 16px;
     line-height: 1.5
 }

 .browser ul {
     height: 72px;
     margin-bottom: 16px
 }

 .browser ul li {
     float: left;
     width: 20%;
     text-align: center
 }

 .browser dt {
     font-size: 16px;
     color: #fc6976;
     margin-bottom: 8px
 }

 .browser dd {
     line-height: 1.5
 }

 .browser dd a {
     margin-right: 12px
 }

 .browser .close {
     right: -16px;
     top: -16px
 }

 .layui-layer.common-header-cat-container {
     max-width: 248px;
     width: auto !important;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px
 }

 .layui-layer.common-header-cat-container .cat-header {
     position: absolute;
     top: -33px;
     left: -8px;
     width: 264px
 }

 .layui-layer.common-header-cat-container .cat-header .cat-header-img {
     width: 100%
 }

 .layui-layer.common-header-cat-container .layui-layer-content {
     overflow: initial
 }

 .layui-layer.common-header-cat-container .common-content {
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     width: 248px;
     position: relative;
     z-index: 3;
     background: #ffffff;
     border: 1px solid #FFB5C3;
     -webkit-box-shadow: inset 0 1px 4px 0 #FFD1D8;
     -moz-box-shadow: inset 0 1px 4px 0 #FFD1D8;
     box-shadow: inset 0 1px 4px 0 #FFD1D8;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .layui-layer.common-header-cat-container .content-header {
     height: 40px;
     line-height: 40px;
     margin: 0 12px;
     position: relative
 }

 .layui-layer.common-header-cat-container .content-header:before {
     content: " ";
     width: 100%;
     height: 6px;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: -1;
     -webkit-box-shadow: 0 3px 6px -2px #FFD1D8;
     -moz-box-shadow: 0 3px 6px -2px #FFD1D8;
     box-shadow: 0 3px 6px -2px #FFD1D8
 }

 .layui-layer.common-header-cat-container .content-header .content-title {
     color: #333333;
     font-size: 14px;
     float: left
 }

 .layui-layer.common-header-cat-container .content-header .content-close {
     cursor: pointer;
     margin-top: 10px;
     float: right;
     height: 20px;
     width: 20px;
     line-height: 20px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     text-align: center;
     font-size: 14px;
     color: #fc6976;
     background-color: #FFF4F4
 }

 .layui-layer.common-header-cat-container .content-header .content-close i {
     vertical-align: middle
 }

 .layui-layer.add-to-book .book-warp {
     padding: 0 12px;
     max-height: 320px;
     overflow-y: auto
 }

 .layui-layer.add-to-book .book-item {
     margin-bottom: 12px;
     cursor: pointer;
     overflow: hidden;
     background: #fff;
     -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
     -moz-box-shadow: 0 0 4px 0 #FFD1D8;
     box-shadow: 0 0 4px 0 #FFD1D8;
     -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topright: 4px;
     border-top-right-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     border-bottom-right-radius: 4px
 }

 .layui-layer.add-to-book .book-item .book-cover {
     border: 1px solid transparent;
     width: 64px;
     height: 64px;
     position: relative;
     float: left;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .layui-layer.add-to-book .book-item .book-cover img {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto
 }

 .layui-layer.add-to-book .book-item .description {
     font-size: 12px;
     float: left;
     margin-left: 16px;
     height: 64px;
     max-width: 60%
 }

 .layui-layer.add-to-book .book-item .description .title {
     font-weight: 400;
     margin: 14px 0 5px;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .layui-layer.add-to-book .book-item .description .text {
     color: #999999
 }

 .layui-layer.add-to-book .book-item:hover .book-cover {
     border-color: #FFB5C3
 }

 .layui-layer.add-to-book .book-item:hover .description .text,
 .layui-layer.add-to-book .book-item:hover .description .title {
     color: #fc6976
 }

 .layui-layer.add-to-book .book-item:hover i {
     color: #fc6976
 }

 .layui-layer.add-to-book .create-book-warp {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     margin-bottom: 0;
     background: none
 }

 .layui-layer.add-to-book .create-book-item {
     height: 50px;
     line-height: 50px;
     font-size: 14px;
     color: #fc6976
 }

 .layui-layer.add-to-book .create-book-item .title {
     font-weight: 400
 }

 .layui-layer.add-to-book .create-book-item i {
     font-size: 14px;
     margin-right: 8px
 }

 .layui-layer.create-book .book-warp {
     position: relative
 }

 .layui-layer.create-book .book-warp .book-title-ipt {
     width: 232px;
     height: 144px;
     margin: 16px auto auto;
     background: #ffffff;
     -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
     -moz-box-shadow: 0 0 4px 0 #FFD1D8;
     box-shadow: 0 0 4px 0 #FFD1D8;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     position: relative
 }

 .layui-layer.create-book .book-warp .book-title-ipt .input {
     outline: none;
     padding: 8px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border: none;
     width: 100%;
     height: 100%;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     resize: none;
     font-size: 14px;
     color: #fc6976
 }

 .layui-layer.create-book .book-warp .book-input,
 .layui-layer.create-book .book-warp .book-title {
     font-size: 14px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left
 }

 .layui-layer.create-book .book-warp .total-title {
     position: absolute;
     right: 8px;
     bottom: 8px;
     font-size: 12px;
     color: #666666
 }

 .layui-layer.create-book .book-warp.active .total-title-length {
     color: #fc6976
 }

 .layui-layer.create-book .btns {
     margin-top: 32px;
     text-align: center;
     font-size: 0
 }

 .layui-layer.create-book .btns .cancel,
 .layui-layer.create-book .btns .confirm {
     cursor: pointer;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     font-size: 14px;
     height: 32px;
     line-height: 32px;
     width: 200px;
     margin: auto
 }

 .layui-layer.create-book .btns .cancel {
     color: #FFB5C3;
     background-color: #FFF4F4
 }

 .layui-layer.create-book .btns .confirm {
     position: relative;
     color: #ffffff;
     margin-bottom: 24px;
     background-color: #fc6976;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD1D8), color-stop(30%, #FC4F71), to(#fc6976));
     background-image: -webkit-linear-gradient(#FFD1D8, #FC4F71 30%, #fc6976);
     background-image: -moz- oldlinear-gradient(#FFD1D8 0, #FC4F71 30%, #fc6976 100%);
     background-image: -o-linear-gradient(#FFD1D8 0, #FC4F71 30%, #fc6976 100%);
     background-image: linear-gradient(#FFD1D8, #FC4F71 30%, #fc6976)
 }

 .layui-layer.create-book .btns .confirm:hover {
     -webkit-box-shadow: 0 0 6px 0 #FFB5C3;
     -moz-box-shadow: 0 0 6px 0 #FFB5C3;
     box-shadow: 0 0 6px 0 #FFB5C3
 }

 .layui-layer.create-book .btns .confirm .btn-cat {
     height: 24px;
     line-height: 24px;
     font-size: 24px;
     color: #fc6976;
     position: absolute;
     top: -22px;
     z-index: -1;
     left: 0;
     right: 0;
     margin: auto
 }

 .layui-layer.create-book .book-msg {
     margin: 12px 0 24px;
     text-align: center;
     font-size: 12px;
     color: #666666
 }

 .layui-layer-page.login {
     width: 90%;
     background-color: #ffffff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px
 }

 .layui-layer-page.login .sms-code-container {
     padding: 15px 10px 0;
     font-size: 14px;
     line-height: normal;
     position: relative
 }

 .layui-layer-page.login .sms-code-container .code-text {
     overflow: hidden
 }

 .layui-layer-page.login .sms-code-container .sms-msg {
     width: 160px;
     float: left
 }

 .layui-layer-page.login .sms-code-container .sms-text {
     width: 95px;
     float: right;
     height: 45px;
     line-height: 45px;
     text-align: center;
     font-size: 24px;
     color: #c80000;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(6%, #ff8174), color-stop(77%, #ffce70));
     background: -webkit-linear-gradient(top, #ff8174 6%, #ffce70 77%);
     background: -moz- oldlinear-gradient(top, #ff8174 6%, #ffce70 77%);
     background: -o-linear-gradient(top, #ff8174 6%, #ffce70 77%);
     background: linear-gradient(-180deg, #ff8174 6%, #ffce70 77%);
     border: 1px solid #e5e5e5;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px
 }

 .layui-layer-page.login .sms-code-container .code-text {
     margin-bottom: 16px
 }

 .layui-layer-page.login .sms-code-container .code-img-wap {
     margin-bottom: 16px;
     position: relative;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 1px;
     min-height: 117px;
     vertical-align: middle;
     text-align: center;
     line-height: 117px
 }

 .layui-layer-page.login .sms-code-container .code-img-wap .smsImg {
     width: 100%;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #e5e5e5;
     max-height: 100%;
     display: block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .layui-layer-page.login .sms-code-container .code-img-wap .refresh {
     height: 30px;
     line-height: normal;
     width: 30px;
     position: absolute;
     right: 0;
     bottom: 0;
     background-color: #000;
     background-color: rgba(0, 0, 0, .5);
     -webkit-border-top-left-radius: 4px;
     -moz-border-radius-topleft: 4px;
     border-top-left-radius: 4px;
     text-align: center
 }

 .layui-layer-page.login .sms-code-container .code-img-wap .refresh img {
     width: 18px;
     height: 18px;
     margin-top: 6px
 }

 .layui-layer-page.login .sms-code-container .code-img-wap .points-item {
     display: block;
     position: absolute;
     height: 14px;
     line-height: 14px;
     font-size: 12px;
     text-align: center;
     width: 14px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background: #83da35;
     color: #fff
 }

 .layui-layer-page.login .layui-layer-btn {
     border-top: 1px solid #dcdcdc;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
     margin: 0
 }

 .layui-layer-page.login .layui-layer-btn a {
     width: 100%;
     height: 45px;
     line-height: 45px;
     background-color: #ffffff;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-bottom-left-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     border-bottom-right-radius: 4px;
     color: #666666;
     font-size: 14px;
     padding: 0;
     margin: 0;
     border: none
 }

 .crumb {
     height: 48px;
     line-height: 48px;
     font-size: 14px;
     color: #dcdcdc;
     font-family: tahoma, arial, Hiragino Sans GB, SimSun, sans-serif
 }

 .crumb.border-bottom {
     border-bottom: 1px solid #dcdcdc
 }

 .crumb a,
 .crumb em,
 .crumb span,
 .crumb strong {
     font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
     font-weight: 400
 }

 .crumb em,
 .crumb span {
     color: #999999;
     font-style: normal
 }

 .crumb .active,
 .crumb strong {
     color: #fc6976
 }

 .crumb a {
     text-decoration: none
 }

 .acgn-pages,
 .acgn-pages a,
 .acgn-pages span {
     text-align: center;
     color: #FFB5C3
 }

 .acgn-pages a,
 .acgn-pages span {
     display: inline-block;
     min-width: 30px;
     padding: 0 5px;
     height: 40px;
     margin: 0 8px;
     line-height: 40px;
     font-size: 18px;
     font-family: Arial;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     vertical-align: middle;
     -webkit-transition: .3s ease-in-out;
     -o-transition: .3s ease-in-out;
     -moz-transition: .3s ease-in-out;
     transition: .3s ease-in-out
 }

 .acgn-pages a.acgn-next,
 .acgn-pages a.acgn-prev,
 .acgn-pages span.acgn-next,
 .acgn-pages span.acgn-prev {
     font-family: tahoma, arial, Hiragino Sans GB, SimSun, sans-serif;
     font-size: 24px;
     color: #ffffff
 }

 .acgn-pages span.acgn-next,
 .acgn-pages span.acgn-prev {
     background-color: #dcdcdc
 }

 .acgn-pages a.acgn-next,
 .acgn-pages a.acgn-prev {
     background-color: #ffffff;
     color: #fc6976;
     border: 1px solid #fc6976;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     line-height: 40px;
     min-width: 40px
 }

 .acgn-pages a:hover {
     color: #fc6976
 }

 .acgn-pages a:hover.acgn-next,
 .acgn-pages a:hover.acgn-prev {
     -webkit-box-shadow: 0 0 4px 0 #fc6976;
     -moz-box-shadow: 0 0 4px 0 #fc6976;
     box-shadow: 0 0 4px 0 #fc6976
 }

 .acgn-pages span {
     color: #999999;
     cursor: not-allowed
 }

 .acgn-pages span.acgn-active {
     color: #ffffff;
     background-color: #fc6976
 }

 .acgn-pages em {
     font-size: 12px;
     color: #FFB5C3
 }

 .acgn-pages [class^=ift-] {
     display: inline-block;
     vertical-align: top;
     font-size: 16px
 }

 .acgn-pages.acgn-pages-min a,
 .acgn-pages.acgn-pages-min em,
 .acgn-pages.acgn-pages-min span {
     min-width: 24px;
     padding: 0 4px;
     height: 32px;
     margin: 0 4px;
     line-height: 32px;
     font-size: 14px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px
 }

 .acgn-pages.acgn-pages-min a.acgn-next,
 .acgn-pages.acgn-pages-min a.acgn-prev,
 .acgn-pages.acgn-pages-min em.acgn-next,
 .acgn-pages.acgn-pages-min em.acgn-prev,
 .acgn-pages.acgn-pages-min span.acgn-next,
 .acgn-pages.acgn-pages-min span.acgn-prev {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 32px;
     font-size: 14px
 }

 .acgn-pages.acgn-pages-min [class^=ift-] {
     width: auto;
     line-height: 32px;
     font-size: 14px
 }

 .acgn-comic-list .acgn-thumbnail {
     display: block;
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 133.33333%;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg)
 }

 .acgn-comic-list .acgn-thumbnail:hover {
     border-color: #c2c2c2
 }

 .acgn-comic-list .acgn-thumbnail>.cover {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     border: 0;
     color: transparent;
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transition: -webkit-transform .2s linear;
     transition: -webkit-transform .2s linear;
     -o-transition: -o-transform .2s linear;
     -moz-transition: transform .2s linear, -moz-transform .2s linear;
     transition: transform .2s linear;
     transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear
 }

 .acgn-comic-list .acgn-thumbnail>.cover:hover {
     -webkit-transform: scale(1.05) translateY(-2%);
     -moz-transform: scale(1.05) translateY(-2%);
     -ms-transform: scale(1.05) translateY(-2%);
     -o-transform: scale(1.05) translateY(-2%);
     transform: scale(1.05) translateY(-2%)
 }

 .acgn-comic-list .acgn-thumbnail>.wave-container {
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0
 }

 .acgn-comic-list .acgn-thumbnail>.wave-container img {
     width: 100%
 }

 .acgn-comic-list .acgn-thumbnail>.wave-container .order-by {
     padding: 4px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     position: absolute;
     top: -15px;
     right: 2px;
     color: #ffffff;
     font-size: 12px;
     background-color: rgba(0, 0, 0, 0.50)
 }

 .acgn-comic-list .acgn-thumbnail>.wave-container [class*=ift-] {
     font-size: 10px
 }

 .acgn-comic-list .acgn-thumbnail>.acgn-chapter,
 .acgn-comic-list .acgn-thumbnail>.acgn-group-info,
 .acgn-comic-list .acgn-thumbnail>.acgn-title {
     position: absolute;
     bottom: 0;
     margin: 0;
     padding: 0 4px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     font-size: 12px;
     color: #ffffff;
     box-sizing: border-box
 }

 .acgn-comic-list .acgn-thumbnail>.acgn-chapter a,
 .acgn-comic-list .acgn-thumbnail>.acgn-group-info a,
 .acgn-comic-list .acgn-thumbnail>.acgn-title a {
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-comic-list .acgn-thumbnail>.acgn-chapter,
 .acgn-comic-list .acgn-thumbnail>.acgn-title {
     height: 20px
 }

 .acgn-comic-list .acgn-thumbnail>.acgn-chapter {
     right: 5px;
     bottom: 5px;
     max-width: 80%;
     line-height: 20px;
     text-align: right;
     background-color: rgba(0, 0, 0, 0.50)
 }

 .acgn-comic-list .acgn-thumbnail .acgn-score {
     position: absolute;
     max-width: 48px;
     top: 5px;
     right: 5px;
     height: 16px;
     line-height: 16px;
     padding: 0 4px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: #fc6976;
     color: #ffffff;
     font-size: 12px;
     -webkit-transform: scale(.75);
     -moz-transform: scale(.75);
     -ms-transform: scale(.75);
     -o-transform: scale(.75);
     transform: scale(.75);
     -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0;
     -o-transform-origin: 100% 0;
     transform-origin: 100% 0;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-comic-list .acgn-primary-info {
     overflow: hidden;
     font-size: 0;
     margin-top: 10px
 }

 .acgn-comic-list .acgn-primary-info .acgn-score,
 .acgn-comic-list .acgn-primary-info .acgn-title {
     display: inline-block;
     vertical-align: middle
 }

 .acgn-comic-list .acgn-primary-info .acgn-title {
     width: 80%;
     margin: 0
 }

 .acgn-comic-list .acgn-primary-info .acgn-score {
     width: 20%;
     text-align: right;
     font-size: 0;
     color: #fc6976
 }

 .acgn-comic-list .acgn-primary-info .acgn-score .integer {
     font-size: 16px
 }

 .acgn-comic-list .acgn-primary-info .acgn-score .decimal {
     font-size: 12px
 }

 .acgn-comic-list .acgn-title {
     height: 20px;
     margin: 10px 0 0;
     line-height: 20px;
     font-size: 14px;
     font-weight: 400
 }

 .acgn-comic-list .acgn-title,
 .acgn-comic-list .acgn-title a {
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-comic-list .acgn-title a {
     display: block
 }

 .acgn-comic-list .acgn-title a:hover {
     color: #fc6976
 }

 .acgn-comic-list .acgn-desc {
     height: 20px;
     line-height: 20px;
     font-size: 12px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-comic-list.acgn-horizontal {
     height: 0;
     padding-bottom: 20.1680672269%;
     overflow: hidden
 }

 .acgn-comic-list.acgn-horizontal>.acgn-item {
     float: left;
     width: 11.3445378151%;
     margin-right: 2.1008403361%;
     margin-bottom: 10px
 }

 .acgn-comic-list.acgn-horizontal>.acgn-item:last-child {
     margin-right: 0 !important
 }

 .acgn-comic-list.acgn-horizontal>.acgn-item.last,
 .acgn-comic-list.acgn-horizontal>.acgn-item.last-child {
     margin-right: 0 !important
 }

 .acgn-comic-list .acgn-group-info {
     width: 100%;
     height: 30px;
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(rgba(0, 0, 0, 0.50)));
     background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
     background-image: -moz- oldlinear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
     background-image: -o-linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
     background-image: linear-gradient(rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.50));
     padding: 0
 }

 .acgn-comic-list .acgn-group-info .acgn-chapter,
 .acgn-comic-list .acgn-group-info .acgn-title {
     height: 30px;
     line-height: 30px;
     color: #ffffff
 }

 .acgn-comic-list .acgn-group-info .acgn-title {
     padding-left: 10px;
     margin: 0;
     float: left;
     font-size: 14px
 }

 .acgn-comic-list .acgn-group-info .acgn-chapter {
     padding-right: 10px;
     float: right;
     font-size: 12px
 }

 .acgn-rank-first,
 .acgn-rank-nor,
 .acgn-rank-second,
 .acgn-rank-third {
     float: left;
     width: 20px;
     height: 20px;
     margin: 5px 4px 5px 0;
     line-height: 20px;
     font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
     font-size: 12px;
     text-align: center;
     color: #ffffff;
     font-style: normal;
     background: #dcdcdc;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%
 }

 .acgn-rank-first {
     background-color: #fc6976
 }

 .acgn-rank-second {
     background-color: #ff7647
 }

 .acgn-rank-third {
     background-color: #FFFF00
 }

 .acgn-rank-list .acgn-item {
     padding: 5px 0;
     border-bottom: 1px dotted #dcdcdc;
     font-size: 12px
 }

 .acgn-rank-list .acgn-item .acgn-attr,
 .acgn-rank-list .acgn-item .acgn-chapter {
     height: 25px;
     line-height: 20px;
     color: #666666
 }

 .acgn-rank-list .acgn-item .acgn-attr-label,
 .acgn-rank-list .acgn-item .acgn-chapter-label {
     color: #999999;
     margin-right: 5px
 }

 .acgn-rank-list .acgn-item strong {
     margin: 0 4px;
     color: #fecdd1
 }

 .acgn-rank-list .acgn-item .acgn-title {
     font-weight: 400;
     height: 30px;
     line-height: 30px;
     overflow: hidden
 }

 .acgn-rank-list .acgn-item .acgn-title .acgn-chapter {
     font-size: 12px;
     margin-left: 4px;
     color: #dcdcdc;
     font-weight: 400
 }

 .acgn-rank-list .acgn-item-hd {
     height: 30px
 }

 .acgn-rank-list .acgn-item-hd .acgn-reward-num {
     float: right;
     line-height: 30px;
     margin-left: 10px;
     color: #999999
 }

 .acgn-rank-list .acgn-item-bd {
     display: none;
     position: relative;
     height: 100px
 }

 .acgn-rank-list .acgn-item-bd .acgn-thumbnail {
     float: left;
     width: 75px;
     height: 100px;
     margin-right: 10px
 }

 .acgn-rank-list .acgn-item-bd .acgn-thumbnail img {
     width: 100%;
     height: 100%
 }

 .acgn-rank-list .acgn-item-bd .acgn-title {
     height: 40px;
     line-height: 40px;
     margin-bottom: 10px;
     margin-right: 64px;
     font-size: 18px
 }

 .acgn-rank-list .acgn-item-bd .acgn-reward-num {
     line-height: 20px;
     color: #999999
 }

 .acgn-rank-list .acgn-item-bd .acgn-reward-num strong {
     color: #fc6976
 }

 .acgn-rank-list .acgn-item-bd .acgn-rank-num {
     position: absolute;
     right: 0;
     top: 50%;
     width: 64px;
     height: 64px;
     line-height: 64px;
     margin-top: -32px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     font-size: 18px;
     text-align: center;
     background-color: #fc6976;
     color: #ffffff
 }

 .acgn-rank-list .acgn-item.acgn-active .acgn-item-hd,
 .acgn-rank-list .acgn-item:hover .acgn-item-hd {
     display: none
 }

 .acgn-rank-list .acgn-item.acgn-active .acgn-item-bd,
 .acgn-rank-list .acgn-item:hover .acgn-item-bd {
     display: block
 }

 .acgn-rank-list [class^=ift-] {
     color: #dcdcdc
 }

 .acgn-col2>.acgn-item {
     float: left;
     width: 48%;
     margin-right: 4%
 }

 .acgn-col2>.acgn-item:nth-child(2n) {
     margin-right: 0
 }

 .acgn-col2>.acgn-item.nth-2n {
     margin-right: 0;
     zoom: 1
 }

 .acgn-col3>.acgn-item {
     display: inline;
     float: left;
     width: 31%;
     margin: 0 3.5% 3.5% 0;
     font-size: 14px
 }

 .acgn-col3>.acgn-item:nth-child(3n) {
     margin-right: 0
 }

 .acgn-col3>.acgn-item.nth-3n {
     margin-right: 0;
     zoom: 1
 }

 .acgn-col4>.acgn-item {
     display: inline;
     float: left;
     width: 23.875%;
     margin: 0 1.5% 16px 0;
     font-size: 14px
 }

 .acgn-col4>.acgn-item:nth-child(4n) {
     margin-right: 0
 }

 .acgn-col4>.acgn-item.nth-4n {
     margin-right: 0;
     zoom: 1
 }

 .acgn-col5>.acgn-item {
     float: left;
     width: 17.4193548387%;
     margin-right: 3.2258064516%;
     margin-bottom: 3.0967741935%
 }

 .acgn-col5>.acgn-item:nth-child(5n) {
     margin-right: 0
 }

 .acgn-col5>.acgn-item.nth-5n {
     margin-right: 0;
     zoom: 1
 }

 .acgn-col6>.acgn-item {
     float: left;
     width: 14.5%;
     margin-right: 2.6%;
     margin-bottom: 2.6%
 }

 .acgn-col6>.acgn-item:nth-child(6n) {
     margin-right: 0
 }

 .acgn-col6>.acgn-item.nth-6n {
     margin-right: 0;
     zoom: 1
 }

 .acgn-col7>.acgn-item {
     float: left;
     width: 12.1%;
     margin-right: 2.55%;
     margin-bottom: 2.55%
 }

 .acgn-col7>.acgn-item:nth-child(7n) {
     margin-right: 0
 }

 .acgn-col7>.acgn-item.nth-7n {
     margin-right: 0;
     zoom: 1
 }

 .acgn-col8>.acgn-item {
     float: left;
     width: 10.75%;
     margin-right: 2%;
     margin-bottom: 2%
 }

 .acgn-col8>.acgn-item:nth-child(8n) {
     margin-right: 0
 }

 .acgn-col8>.acgn-item.nth-8n {
     margin-right: 0;
     zoom: 1
 }

 .adapt-ratio-1x1,
 .adapt-ratio-1x2,
 .adapt-ratio-1x3,
 .adapt-ratio-1x4,
 .adapt-ratio-2x1,
 .adapt-ratio-2x3,
 .adapt-ratio-3x1,
 .adapt-ratio-3x2,
 .adapt-ratio-3x4,
 .adapt-ratio-3x8,
 .adapt-ratio-4x1,
 .adapt-ratio-4x3,
 .adapt-ratio-5x3,
 .adapt-ratio-9x4 {
     height: 0
 }

 .pay-panel {
     position: relative;
     z-index: 140;
     height: auto;
     width: 368px
 }

 .pay-panel .pay-panel-main {
     position: relative;
     padding-top: 32px;
     background: url(../image/bg-cat-main.png) no-repeat top;
     -webkit-background-size: 264px auto;
     -moz-background-size: 264px auto;
     background-size: 264px auto
 }

 .pay-panel .pay-panel-main .pay-panel-inner {
     position: relative;
     height: auto;
     padding: 12px;
     border: 1px solid #FFB5C3;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     box-shadow: inset 0 1px 4px 0 #FFD1D8
 }

 .pay-panel .close {
     position: absolute;
     z-index: 142;
     right: 12px;
     top: 12px;
     display: block;
     height: 20px;
     width: 20px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
     color: #fc6976;
     background-color: #FFF4F4;
     cursor: pointer
 }

 .pay-panel .title {
     font-size: 18px;
     color: #333333;
     font-weight: 400
 }

 .pay-panel .assets,
 .pay-panel .title {
     height: 36px;
     line-height: 36px;
     text-align: center;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .assets {
     position: relative;
     font-size: 14px;
     color: #999999
 }

 .pay-panel .assets .refill {
     position: absolute;
     right: 0;
     top: 0;
     display: inline-block;
     height: 36px;
     width: auto;
     padding: 0 3px;
     font-size: 12px;
     line-height: 36px;
     color: #FFB5C3;
     cursor: pointer
 }

 .pay-panel .assets .imp {
     color: #fc6976
 }

 .pay-panel .split {
     height: 6px;
     padding-bottom: 6px;
     overflow: hidden
 }

 .pay-panel .split:before {
     content: "";
     display: block;
     height: 6px;
     width: 100%;
     -webkit-box-shadow: 0 2px 6px -2px #FFB5C3;
     -moz-box-shadow: 0 2px 6px -2px #FFB5C3;
     box-shadow: 0 2px 6px -2px #FFB5C3
 }

 .pay-panel .split-reverse {
     height: 6px;
     padding-top: 6px;
     overflow: hidden
 }

 .pay-panel .split-reverse:before {
     content: "";
     display: block;
     height: 6px;
     width: 100%;
     -webkit-box-shadow: 0 -2px 6px -2px #FFB5C3;
     -moz-box-shadow: 0 -2px 6px -2px #FFB5C3;
     box-shadow: 0 -2px 6px -2px #FFB5C3
 }

 .pay-panel .space {
     height: 12px
 }

 .pay-panel .info {
     height: 32px;
     line-height: 32px;
     font-size: 16px
 }

 .pay-panel .info,
 .pay-panel .payment {
     color: #333333;
     text-align: center;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .payment {
     height: 28px;
     padding-top: 18px;
     font-size: 18px;
     line-height: 28px
 }

 .pay-panel .payment .imp {
     font-size: 20px;
     color: #fc6976
 }

 .pay-panel .hint {
     height: 22px;
     margin-bottom: 44px;
     font-size: 12px;
     line-height: 22px;
     color: #dcdcdc;
     text-align: center;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .btn {
     position: relative;
     display: block;
     height: 32px;
     width: 200px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 32px;
     text-align: center;
     color: #ffffff;
     background-color: #fc6976;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
     background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
     background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
     cursor: pointer
 }

 .pay-panel .btn:before {
     content: "";
     position: absolute;
     left: 50%;
     top: -21px;
     display: block;
     height: 24px;
     width: 24px;
     margin-left: -12px;
     background: url(../image/cat-stand.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .pay-panel .btn:hover {
     -webkit-box-shadow: 0 0 6px 0 #fc6976;
     -moz-box-shadow: 0 0 6px 0 #fc6976;
     box-shadow: 0 0 6px 0 #fc6976
 }

 .pay-panel .autobuy {
     height: 32px;
     font-size: 0;
     line-height: 32px;
     text-align: center;
     cursor: pointer
 }

 .pay-panel .autobuy .icon {
     height: 14px;
     width: 14px;
     border: 1px solid #dcdcdc;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-right: 8px;
     line-height: 16px;
     text-align: center;
     color: transparent
 }

 .pay-panel .autobuy .icon,
 .pay-panel .autobuy .text {
     display: inline-block;
     font-size: 12px;
     vertical-align: middle
 }

 .pay-panel .autobuy .text {
     color: #FFB5C3
 }

 .pay-panel .autobuy.active .icon {
     color: #ffffff;
     border-color: #fc6976;
     background-color: #fc6976
 }

 .pay-panel .user {
     position: relative;
     height: 56px;
     padding: 4px 24px 4px 70px
 }

 .pay-panel .user .face {
     position: absolute;
     left: 14px;
     top: 4px;
     height: 46px;
     width: 46px;
     border: 1px solid #dcdcdc;
     -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
     border-radius: 24px;
     overflow: hidden
 }

 .pay-panel .user .name {
     height: 24px;
     padding-top: 2px;
     font-size: 14px;
     line-height: 24px;
     font-weight: 400;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .user .name .imp {
     color: #fc6976
 }

 .pay-panel .user .desc {
     height: 20px;
     font-size: 12px;
     line-height: 20px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .user .desc .imp {
     color: #fc6976
 }

 .pay-panel .order {
     padding: 6px 3px;
     margin-bottom: 12px
 }

 .pay-panel .order .title {
     height: 24px;
     padding-left: 8px;
     font-size: 14px;
     color: #333333;
     line-height: 24px;
     text-align: left;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .order .list {
     height: auto
 }

 .pay-panel .order .list .item {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
     height: 72px;
     width: 50%;
     padding: 8px
 }

 .pay-panel .order .list .item .board {
     display: block;
     height: 40px;
     padding: 8px;
     text-align: center;
     border: 1px solid #f5f5f5;
     cursor: pointer
 }

 .pay-panel .order .list .item .board.active,
 .pay-panel .order .list .item .board:hover {
     border-color: transparent;
     -webkit-box-shadow: 0 0 4px 0 #FFB5C3;
     -moz-box-shadow: 0 0 4px 0 #FFB5C3;
     box-shadow: 0 0 4px 0 #FFB5C3
 }

 .pay-panel .order .list .item .num {
     height: 24px;
     font-size: 16px;
     color: #666666;
     line-height: 24px
 }

 .pay-panel .order .list .item .desc,
 .pay-panel .order .list .item .num {
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .order .list .item .desc {
     height: 16px;
     font-size: 12px;
     color: #999999;
     line-height: 16px
 }

 .pay-panel .method {
     position: relative;
     height: auto;
     min-height: 48px;
     padding-left: 84px
 }

 .pay-panel .method .name {
     position: absolute;
     left: 14px;
     top: 0;
     height: 48px;
     width: 70px;
     font-size: 14px;
     line-height: 48px;
     text-align: left;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .method .list {
     position: relative;
     height: auto
 }

 .pay-panel .method .list .item {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
     height: 32px;
     width: 50%;
     padding: 8px
 }

 .pay-panel .method .list .item.active .board,
 .pay-panel .method .list .item:hover .board {
     border-color: transparent;
     -webkit-box-shadow: 0 0 4px 0 #FFB5C3;
     -moz-box-shadow: 0 0 4px 0 #FFB5C3;
     box-shadow: 0 0 4px 0 #FFB5C3
 }

 .pay-panel .method .list .item.active .text,
 .pay-panel .method .list .item:hover .text {
     color: #fc6976
 }

 .pay-panel .method .list .item .board {
     display: block;
     height: 32px;
     font-size: 0;
     line-height: 32px;
     text-align: center;
     cursor: pointer
 }

 .pay-panel .method .list .item .icon {
     display: inline-block;
     height: 24px;
     width: 24px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     margin-right: 3px;
     font-size: 16px;
     vertical-align: middle;
     overflow: hidden
 }

 .pay-panel .method .list .item .icon img {
     display: block;
     height: 24px;
     width: auto
 }

 .pay-panel .method .list .item .text {
     display: inline-block;
     font-size: 12px;
     color: #666666;
     vertical-align: middle
 }

 .pay-panel .ft {
     height: 122px
 }

 .pay-panel .ft .ft-inner {
     position: absolute;
     left: 4px;
     right: 4px;
     bottom: 0;
     height: 122px
 }

 .pay-panel .ft .count {
     height: 48px;
     margin-bottom: 16px;
     font-size: 18px;
     font-weight: 400;
     line-height: 48px;
     text-align: center;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .pay-panel .ft .count .imp {
     color: #fc6976
 }

 .pay-order {
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
     padding: 20px;
     font-size: 12px;
     background-color: #ffffff
 }

 .pay-order>.acgn-hd {
     padding: 20px;
     height: auto;
     font-size: 14px;
     color: #666666;
     line-height: 1.5
 }

 .pay-order>.acgn-bd {
     padding: 20px
 }

 .pay-order .rqCode {
     margin: 0 auto 20px;
     text-align: center
 }

 .pay-order .rqCode .thumb {
     display: inline-block;
     width: 117px;
     height: 117px;
     padding: 10px;
     border: 1px solid #dcdcdc
 }

 .pay-order .rqCode .thumb img {
     width: 100%
 }

 .pay-order .rqCode .info {
     color: #999999;
     line-height: 1.5
 }

 .pay-order .pay-total-num {
     text-align: center;
     font-size: 24px;
     margin-top: 10px;
     color: #fc6976
 }

 .feedback-modal {
     position: fixed;
     z-index: 99999;
     left: 50%;
     top: 50%;
     display: none;
     height: 378px;
     width: 368px;
     padding-top: 32px;
     margin: -189px 0 0 -184px;
     background: url(../image/bg-cat-main.png) no-repeat top;
     -webkit-background-size: 264px auto;
     -moz-background-size: 264px auto;
     background-size: 264px auto
 }

 .feedback-modal .feedback-modal-inner {
     position: relative;
     height: 356px;
     width: 338px;
     padding: 0 14px;
     border: 1px solid #FFB5C3;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     box-shadow: inset 0 1px 4px 0 #FFD1D8
 }

 .feedback-modal .fd-hd {
     height: 40px
 }

 .feedback-modal .fd-body {
     height: auto
 }

 .feedback-modal .close {
     position: absolute;
     z-index: 100000;
     right: 14px;
     top: 12px;
     display: block;
     height: 20px;
     width: 20px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
     color: #fc6976;
     background-color: #FFF4F4;
     cursor: pointer
 }

 .feedback-modal .close:hover {
     background-color: #FFD1D8
 }

 .feedback-modal .title-tabs {
     position: relative;
     height: 20px;
     padding-top: 12px;
     padding-bottom: 4px;
     font-size: 0;
     line-height: 20px
 }

 .feedback-modal .title-tabs .title-tab {
     display: inline-block;
     height: 20px;
     width: auto;
     margin-right: 24px;
     font-size: 16px;
     line-height: 20px;
     color: #333333;
     font-weight: 400;
     vertical-align: middle;
     cursor: pointer
 }

 .feedback-modal .title-tabs .title-tab.active,
 .feedback-modal .title-tabs .title-tab:hover {
     color: #fc6976
 }

 .feedback-modal .content-tabs .content-tab {
     display: none
 }

 .feedback-modal .split {
     height: 4px;
     padding-bottom: 6px;
     overflow: hidden
 }

 .feedback-modal .split:before {
     content: "";
     display: block;
     height: 6px;
     width: 100%;
     -webkit-box-shadow: 0 2px 6px -2px #FFB5C3;
     -moz-box-shadow: 0 2px 6px -2px #FFB5C3;
     box-shadow: 0 2px 6px -2px #FFB5C3
 }

 .feedback-modal .form-list {
     padding: 12px 0
 }

 .feedback-modal .form-list .form-item {
     padding: 0 2px;
     margin-bottom: 16px
 }

 .feedback-modal .form-list .form-textarea {
     display: block;
     height: 144px
 }

 .feedback-modal .form-list .form-textarea textarea {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
     height: 144px;
     width: 100%;
     border: 0;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     padding: 8px 12px;
     margin: 0;
     font-size: 12px;
     color: #999999;
     line-height: 20px;
     outline: none;
     resize: none;
     -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
     -moz-box-shadow: 0 0 4px 0 #FFD1D8;
     box-shadow: 0 0 4px 0 #FFD1D8
 }

 .feedback-modal .form-list .form-textarea textarea:focus {
     -webkit-box-shadow: 0 0 4px 0 #43BEF6;
     -moz-box-shadow: 0 0 4px 0 #43BEF6;
     box-shadow: 0 0 4px 0 #43BEF6
 }

 .feedback-modal .form-list .form-input {
     display: block;
     height: 40px
 }

 .feedback-modal .form-list .form-input input {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: block;
     height: 40px;
     width: 100%;
     border: 0;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     padding: 8px 12px;
     margin: 0;
     font-size: 12px;
     color: #999999;
     line-height: 24px;
     outline: none;
     -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
     -moz-box-shadow: 0 0 4px 0 #FFD1D8;
     box-shadow: 0 0 4px 0 #FFD1D8
 }

 .feedback-modal .form-list .form-input input:focus {
     -webkit-box-shadow: 0 0 4px 0 #43BEF6;
     -moz-box-shadow: 0 0 4px 0 #43BEF6;
     box-shadow: 0 0 4px 0 #43BEF6
 }

 .feedback-modal .form-list .form-button {
     display: block;
     height: 32px;
     padding-top: 21px
 }

 .feedback-modal .form-list .form-button .button {
     position: relative;
     display: block;
     height: 32px;
     width: 200px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 32px;
     text-align: center;
     color: #ffffff;
     background-color: #fc6976;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
     background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
     background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
     cursor: pointer
 }

 .feedback-modal .form-list .form-button .button:before {
     content: "";
     position: absolute;
     left: 50%;
     top: -21px;
     display: block;
     height: 24px;
     width: 24px;
     margin-left: -12px;
     background: url(../image/cat-stand.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .feedback-modal .form-list .form-button .button:hover {
     -webkit-box-shadow: 0 0 6px 0 #fc6976;
     -moz-box-shadow: 0 0 6px 0 #fc6976;
     box-shadow: 0 0 6px 0 #fc6976
 }

 .feedback-modal .message-list {
     height: 274px;
     padding: 12px 16px 12px 0;
     overflow: auto
 }

 .feedback-modal .message-list .message-none {
     display: block;
     height: 28px;
     padding: 12px 6px;
     font-size: 14px;
     line-height: 28px;
     color: #999999
 }

 .feedback-modal .message-list .message-item {
     border: 1px solid #f5f5f5;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-bottom: 12px;
     overflow: hidden
 }

 .feedback-modal .message-list .message-item .message-hd {
     height: 32px;
     background-color: #f5f5f5
 }

 .feedback-modal .message-list .message-item .message-hd .time {
     float: right;
     padding-right: 12px;
     font-size: 12px;
     line-height: 32px;
     color: #999999
 }

 .feedback-modal .message-list .message-item .message-hd .people {
     height: 32px;
     padding-left: 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 32px;
     color: #FFB5C3
 }

 .feedback-modal .message-list .message-item .message-bd {
     padding: 6px 12px;
     background-color: #ffffff
 }

 .feedback-modal .message-list .message-item .message-bd .message {
     font-size: 12px;
     color: #999999;
     line-height: 20px;
     word-break: break-all
 }

 .feedback-modal .message-list .reply {
     margin: 0 6px 6px;
     overflow: hidden
 }

 .feedback-modal .message-list .reply .reply-hd {
     height: 32px;
     background-color: #FFD1D8
 }

 .feedback-modal .message-list .reply .reply-hd .time {
     float: right;
     padding-right: 12px;
     font-size: 12px;
     line-height: 32px;
     color: #999999
 }

 .feedback-modal .message-list .reply .reply-hd .people {
     height: 32px;
     padding-left: 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 32px;
     color: #333333
 }

 .feedback-modal .message-list .reply .reply-bd {
     padding: 6px 12px;
     background-color: #FFF4F4
 }

 .feedback-modal .message-list .reply .reply-bd .message {
     font-size: 12px;
     color: #999999;
     line-height: 20px;
     word-break: break-all
 }

 .swiper-container {
     margin: 0 auto;
     position: relative;
     overflow: hidden;
     direction: ltr;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1
 }

 .swiper-wrapper {
     position: relative;
     width: 100%;
     -webkit-transition-property: -webkit-transform, left, top;
     -webkit-transition-duration: 0s;
     -webkit-transform: translateZ(0);
     -webkit-transition-timing-function: ease;
     -moz-transition-property: -moz-transform, left, top;
     -moz-transition-duration: 0s;
     -moz-transform: translateZ(0);
     -moz-transition-timing-function: ease;
     -o-transition-property: -o-transform, left, top;
     -o-transition-duration: 0s;
     -o-transform: translateZ(0);
     -o-transition-timing-function: ease;
     -o-transform: translate(0);
     -ms-transition-property: -ms-transform, left, top;
     -ms-transition-duration: 0s;
     -ms-transform: translateZ(0);
     -ms-transition-timing-function: ease;
     -webkit-transition-property: left, top, -webkit-transform;
     transition-property: left, top, -webkit-transform;
     -o-transition-property: left, top, -o-transform;
     -moz-transition-property: transform, left, top, -moz-transform;
     transition-property: transform, left, top;
     transition-property: transform, left, top, -webkit-transform, -moz-transform, -o-transform;
     transition-duration: 0s;
     transform: translateZ(0);
     transition-timing-function: ease;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box
 }

 .swiper-free-mode>.swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto
 }

 .swiper-slide {
     float: left;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box
 }

 .swiper-wp8-horizontal {
     -ms-touch-action: pan-y
 }

 .swiper-wp8-vertical {
     -ms-touch-action: pan-x
 }

 input:focus {
     outline: none
 }

 .cat-head {
     background-image: url(../image/bg-cat-main.png);
     background-repeat: no-repeat;
     -webkit-background-size: 264px 77px;
     -moz-background-size: 264px 77px;
     background-size: 264px 77px;
     background-position: 0 0;
     position: absolute;
     width: 264px;
     height: 77px;
     left: 50%;
     top: -33px;
     margin-left: -132px;
     z-index: 1
 }

 .acgn-app-gift-dialog {
     width: 368px;
     position: relative
 }

 .acgn-app-gift-dialog .hd {
     position: relative;
     z-index: 2;
     margin: 4px;
     background-color: #ffffff;
     height: 25px;
     border-bottom: 2px solid #FFF4F4
 }

 .acgn-app-gift-dialog .hd .title {
     font-size: 16px;
     margin-right: 5px;
     vertical-align: bottom;
     color: #333333
 }

 .acgn-app-gift-dialog .hd .subtitle {
     font-size: 14px;
     color: #999999;
     margin-right: 5px;
     vertical-align: bottom
 }

 .acgn-app-gift-dialog .hd .num {
     color: #fc6976;
     vertical-align: bottom
 }

 .acgn-app-gift-dialog .hd .close {
     position: absolute;
     right: 0;
     top: -5px
 }

 .acgn-app-gift-dialog .hd .close:hover {
     cursor: pointer
 }

 .acgn-app-gift-dialog>.bd {
     z-index: 2;
     position: relative;
     padding: 8px;
     background-color: #ffffff;
     font-size: 14px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     border: 1px solid #FFF4F4;
     -webkit-box-shadow: inset 0 1px 4px 0 #FFF4F4;
     -moz-box-shadow: inset 0 1px 4px 0 #FFF4F4;
     box-shadow: inset 0 1px 4px 0 #FFF4F4
 }

 .acgn-app-gift-dialog>.bd>.content {
     overflow: hidden;
     margin-top: 12px;
     margin-bottom: 16px;
     border-bottom: 2px solid #FFF4F4
 }

 .acgn-app-gift-dialog>.bd>.content>.acgn-subtitle {
     padding-left: 8px
 }

 .acgn-app-gift-dialog>.bd>.content>.item {
     width: 32%;
     min-width: 104px;
     height: 104px;
     border: 1px solid #ffffff;
     margin-top: 10px;
     text-align: center;
     float: left;
     margin-bottom: 27px;
     cursor: pointer;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .acgn-app-gift-dialog>.bd>.content>.item i {
     display: block;
     margin: 0 auto
 }

 .acgn-app-gift-dialog>.bd>.content>.item>.item-num {
     position: relative;
     top: 8px
 }

 .acgn-app-gift-dialog>.bd>.content>.active {
     border: 1px solid #fc6976;
     position: relative;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px
 }

 .acgn-app-gift-dialog>.bd>.content>.active:after {
     font-family: kanman_pc;
     width: 22px;
     height: 22px;
     font-size: 20px;
     color: #ffffff;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     background-color: #fc6976;
     position: absolute;
     right: -10px;
     top: -10px
 }

 .acgn-app-gift-dialog>.bd>.footer {
     width: 100%;
     text-align: center
 }

 .acgn-app-gift-dialog>.bd>.footer .btn-reduce {
     color: #fc6976;
     cursor: pointer
 }

 .acgn-app-gift-dialog>.bd>.footer .btn-plus {
     color: #fc6976;
     cursor: pointer
 }

 .acgn-app-gift-dialog>.bd>.footer .text {
     width: 146px;
     height: 32px;
     text-align: center;
     line-height: 32px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     border-radius: 32px;
     border: 1px solid #dcdcdc;
     margin: 0 12px
 }

 .acgn-app-gift-dialog>.bd>.footer .btn-sub {
     position: relative;
     width: 260px;
     height: 40px;
     background-color: #fc6976;
     font-size: 16px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     margin-top: 25px;
     margin-bottom: 24px;
     cursor: pointer;
     color: #ffffff;
     background-image: -webkit-linear-gradient(269deg, #FFB5C3, #FC4F71 30%, #fc6976);
     background-image: -moz- oldlinear-gradient(269deg, #FFB5C3 0, #FC4F71 30%, #fc6976 100%);
     background-image: -o-linear-gradient(269deg, #FFB5C3 0, #FC4F71 30%, #fc6976 100%);
     background-image: linear-gradient(-179deg, #FFB5C3, #FC4F71 30%, #fc6976);
     line-height: 40px;
     display: inline-block
 }

 .acgn-app-gift-dialog>.bd>.footer .btn-sub .ift-cat {
     position: absolute;
     color: #fc6976;
     top: -28px;
     left: 50%;
     margin-left: -12px;
     font-size: 24px
 }

 .acgn-app-gift-dialog>.bd>.footer .btn-sub:hover {
     -webkit-box-shadow: 0 0 4px 4px rgba(255, 181, 195, 0.30);
     -moz-box-shadow: 0 0 4px 4px rgba(255, 181, 195, 0.30);
     box-shadow: 0 0 4px 4px rgba(255, 181, 195, 0.30)
 }

 .acgn-present {
     width: 405px
 }

 .acgn-present>.bd .content {
     padding-top: 10px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 100%;
     max-height: 270px;
     overflow: auto;
     margin-top: 12px
 }

 .acgn-present>.bd .content>.item {
     width: 90px;
     height: 116px;
     margin: 10px 10px 14px;
     float: left;
     text-align: center;
     cursor: pointer;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding-top: 10px;
     border: 1px solid #ffffff
 }

 .acgn-present>.bd .content>.item:after {
     content: "";
     width: 0;
     height: 0
 }

 .acgn-present>.bd .content>.item .xxmm {
     width: 55px;
     height: 57.3px
 }

 .acgn-present>.bd .content>.item .name {
     clear: both;
     font-size: 14px;
     height: 20px
 }

 .acgn-present>.bd .content>.item .coin i {
     display: inline-block;
     vertical-align: middle
 }

 .acgn-present>.bd .content>.item .coin .coin-num {
     vertical-align: middle
 }

 .acgn-present>.bd .content>.item .num {
     width: 20px;
     height: 20px;
     background-color: #fc6976;
     color: #ffffff;
     text-align: center;
     line-height: 20px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     position: absolute;
     right: -10px;
     top: -10px
 }

 .acgn-present>.bd .content>.active {
     border: 1px solid #fc6976
 }

 .acgn-mark>.bd {
     padding: 8px;
     background-color: #ffffff;
     font-size: 14px
 }

 .acgn-mark>.bd .content {
     overflow: hidden;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 360px;
     height: 230px;
     margin-top: 12px
 }

 .acgn-mark>.bd .content .mark-row {
     height: 20px;
     margin-top: 19px;
     vertical-align: middle
 }

 .acgn-mark>.bd .content .mark-row .title {
     color: #333333
 }

 .acgn-mark>.bd .content .process-row {
     display: inline-block;
     width: 300px;
     height: 14px;
     margin-left: 16px
 }

 .acgn-mark>.bd .content .process {
     display: inline-block;
     width: 200px;
     height: 14px;
     background-color: #fc6976;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px
 }

 .acgn-mark>.bd .content .process-num {
     margin-left: 16px
 }

 .acgn-mark>.bd .footer {
     width: 100%;
     margin-bottom: 20px;
     text-align: left
 }

 .acgn-mark>.bd .footer .title {
     position: relative;
     top: 4px;
     color: #333333
 }

 .acgn-mark>.bd .footer .score {
     position: relative;
     top: 4px;
     color: #fc6976;
     font-size: 20px
 }

 .acgn-mark>.bd .footer .mark-star {
     display: inline-block;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     height: 30px;
     line-height: 30px;
     margin-left: 10px
 }

 .acgn-mark>.bd .footer .mark-star.star-row {
     display: inline-block
 }

 .acgn-mark>.bd .footer .mark-star.star-row .star {
     display: inline-block;
     height: 32px;
     width: 32px;
     cursor: pointer;
     margin-right: 6px;
     vertical-align: middle;
     background-repeat: no-repeat;
     background-position: 50%;
     -webkit-background-size: 28px auto;
     -moz-background-size: 28px auto;
     background-size: 28px auto;
     background-image: url(../image/round-star-hollow.png)
 }

 .acgn-mark>.bd .footer .mark-star.star-row .star.solid {
     background-image: url(../image/round-star-solid.png)
 }

 .acgn-mark>.bd .footer .mark-star.star-row .star.half {
     background-image: url(../image/round-star-half.png)
 }

 .acgn-share {
     font-size: 0
 }

 .acgn-share .item {
     padding: 24px 0 21px;
     font-size: 14px;
     width: 20%;
     cursor: pointer
 }

 .acgn-share .item,
 .acgn-share .item i {
     display: inline-block;
     text-align: center
 }

 .acgn-share .item i {
     width: 40px;
     height: 40px;
     line-height: 40px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     color: #fff;
     font-size: 24px
 }

 .acgn-share .item p {
     padding-top: 8px;
     font-size: 14px;
     color: #666666
 }

 .acgn-share .item:hover p {
     color: #fc6976
 }

 .acgn-share .item .acgn-share-ift-qq {
     background-color: #00b0fd
 }

 .acgn-share .item .acgn-share-ift-wechat {
     background-color: #09b70e
 }

 .acgn-share .item .acgn-share-ift-sina {
     background-color: #fa7f40
 }

 .acgn-share .item .acgn-share-ift-qzone {
     background-color: #fece00
 }

 .acgn-share .item .acgn-share-ift-copy {
     background-color: #8cda09
 }

 * html {
     background-attachment: fixed
 }

 html #layuicss-skinlayercss {
     display: none;
     position: absolute;
     width: 1989px
 }

 .layui-layer,
 .layui-layer-shade {
     position: fixed;
     _position: absolute;
     pointer-events: auto
 }

 .layui-layer-shade {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     _height: expression(document.body.offsetHeight+"px")
 }

 .layui-layer {
     -webkit-overflow-scrolling: touch;
     top: 150px;
     left: 0;
     margin: 0;
     padding: 0;
     background-color: #ffffff;
     -webkit-background-clip: content;
     -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
     -moz-box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
     box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
 }

 .layui-layer-close {
     position: absolute
 }

 .layui-layer-content {
     position: relative
 }

 .layui-layer-border {
     border: 1px solid #f5f5f5;
     border: 1px solid rgba(0, 0, 0, .1);
     -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
     -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
     box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
 }

 .layui-layer-load {
     background: url(../image/loading-1.gif) #f5f5f5 50% no-repeat
 }

 .layui-layer-ico {
     background: url(../image/icon.png) no-repeat
 }

 .layui-layer-btn a,
 .layui-layer-dialog .layui-layer-ico,
 .layui-layer-setwin a {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     vertical-align: top
 }

 .layui-layer-move {
     display: none;
     position: fixed;
     *position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     cursor: move;
     opacity: 0;
     filter: alpha(opacity=0);
     background-color: #ffffff;
     z-index: 2147483647
 }

 .layui-layer-resize {
     position: absolute;
     width: 15px;
     height: 15px;
     right: 0;
     bottom: 0;
     cursor: se-resize
 }

 .layui-layer {
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-duration: .3s;
     -moz-animation-duration: .3s;
     -o-animation-duration: .3s;
     animation-duration: .3s
 }

 @-webkit-keyframes bounceIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(.5);
         transform: scale(.5)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @-moz-keyframes bounceIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(.5);
         -ms-transform: scale(.5);
         -moz-transform: scale(.5);
         transform: scale(.5)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -moz-transform: scale(1);
         transform: scale(1)
     }
 }

 @-o-keyframes bounceIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(.5);
         -ms-transform: scale(.5);
         -o-transform: scale(.5);
         transform: scale(.5)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes bounceIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(.5);
         -ms-transform: scale(.5);
         -moz-transform: scale(.5);
         -o-transform: scale(.5);
         transform: scale(.5)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1)
     }
 }

 .layer-anim {
     -webkit-animation-name: bounceIn;
     -moz-animation-name: bounceIn;
     -o-animation-name: bounceIn;
     animation-name: bounceIn
 }

 @-webkit-keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateY(-2000px);
         transform: scale(.1) translateY(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateY(60px);
         transform: scale(.475) translateY(60px);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @-moz-keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateY(-2000px);
         -ms-transform: scale(.1) translateY(-2000px);
         -moz-transform: scale(.1) translateY(-2000px);
         transform: scale(.1) translateY(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateY(60px);
         -ms-transform: scale(.475) translateY(60px);
         -moz-transform: scale(.475) translateY(60px);
         transform: scale(.475) translateY(60px);
         -webkit-animation-timing-function: ease-out;
         -moz-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @-o-keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateY(-2000px);
         -ms-transform: scale(.1) translateY(-2000px);
         -o-transform: scale(.1) translateY(-2000px);
         transform: scale(.1) translateY(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateY(60px);
         -ms-transform: scale(.475) translateY(60px);
         -o-transform: scale(.475) translateY(60px);
         transform: scale(.475) translateY(60px);
         -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateY(-2000px);
         -ms-transform: scale(.1) translateY(-2000px);
         -moz-transform: scale(.1) translateY(-2000px);
         -o-transform: scale(.1) translateY(-2000px);
         transform: scale(.1) translateY(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         -moz-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateY(60px);
         -ms-transform: scale(.475) translateY(60px);
         -moz-transform: scale(.475) translateY(60px);
         -o-transform: scale(.475) translateY(60px);
         transform: scale(.475) translateY(60px);
         -webkit-animation-timing-function: ease-out;
         -moz-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 .layer-anim-01 {
     -webkit-animation-name: zoomInDown;
     -moz-animation-name: zoomInDown;
     -o-animation-name: zoomInDown;
     animation-name: zoomInDown
 }

 @-webkit-keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         transform: translateY(2000px)
     }

     to {
         opacity: 1;
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @-moz-keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         -ms-transform: translateY(2000px);
         -moz-transform: translateY(2000px);
         transform: translateY(2000px)
     }

     to {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         -moz-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @-o-keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         -ms-transform: translateY(2000px);
         -o-transform: translateY(2000px);
         transform: translateY(2000px)
     }

     to {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translateY(2000px);
         -ms-transform: translateY(2000px);
         -moz-transform: translateY(2000px);
         -o-transform: translateY(2000px);
         transform: translateY(2000px)
     }

     to {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         -moz-transform: translateY(0);
         -o-transform: translateY(0);
         transform: translateY(0)
     }
 }

 .layer-anim-02 {
     -webkit-animation-name: fadeInUpBig;
     -moz-animation-name: fadeInUpBig;
     -o-animation-name: fadeInUpBig;
     animation-name: fadeInUpBig
 }

 @-webkit-keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateX(-2000px);
         transform: scale(.1) translateX(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateX(48px);
         transform: scale(.475) translateX(48px);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @-moz-keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateX(-2000px);
         -ms-transform: scale(.1) translateX(-2000px);
         -moz-transform: scale(.1) translateX(-2000px);
         transform: scale(.1) translateX(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         -moz-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateX(48px);
         -ms-transform: scale(.475) translateX(48px);
         -moz-transform: scale(.475) translateX(48px);
         transform: scale(.475) translateX(48px);
         -webkit-animation-timing-function: ease-out;
         -moz-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @-o-keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateX(-2000px);
         -ms-transform: scale(.1) translateX(-2000px);
         -o-transform: scale(.1) translateX(-2000px);
         transform: scale(.1) translateX(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateX(48px);
         -ms-transform: scale(.475) translateX(48px);
         -o-transform: scale(.475) translateX(48px);
         transform: scale(.475) translateX(48px);
         -webkit-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 @keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale(.1) translateX(-2000px);
         -ms-transform: scale(.1) translateX(-2000px);
         -moz-transform: scale(.1) translateX(-2000px);
         -o-transform: scale(.1) translateX(-2000px);
         transform: scale(.1) translateX(-2000px);
         -webkit-animation-timing-function: ease-in-out;
         -moz-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }

     60% {
         opacity: 1;
         -webkit-transform: scale(.475) translateX(48px);
         -ms-transform: scale(.475) translateX(48px);
         -moz-transform: scale(.475) translateX(48px);
         -o-transform: scale(.475) translateX(48px);
         transform: scale(.475) translateX(48px);
         -webkit-animation-timing-function: ease-out;
         -moz-animation-timing-function: ease-out;
         -o-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
 }

 .layer-anim-03 {
     -webkit-animation-name: zoomInLeft;
     -moz-animation-name: zoomInLeft;
     -o-animation-name: zoomInLeft;
     animation-name: zoomInLeft
 }

 @-webkit-keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100%) rotate(-120deg);
         transform: translateX(-100%) rotate(-120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: translateX(0) rotate(0deg);
         transform: translateX(0) rotate(0deg)
     }
 }

 @-moz-keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100%) rotate(-120deg);
         -ms-transform: translateX(-100%) rotate(-120deg);
         -moz-transform: translateX(-100%) rotate(-120deg);
         transform: translateX(-100%) rotate(-120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: translateX(0) rotate(0deg);
         -ms-transform: translateX(0) rotate(0deg);
         -moz-transform: translateX(0) rotate(0deg);
         transform: translateX(0) rotate(0deg)
     }
 }

 @-o-keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100%) rotate(-120deg);
         -ms-transform: translateX(-100%) rotate(-120deg);
         -o-transform: translateX(-100%) rotate(-120deg);
         transform: translateX(-100%) rotate(-120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: translateX(0) rotate(0deg);
         -ms-transform: translateX(0) rotate(0deg);
         -o-transform: translateX(0) rotate(0deg);
         transform: translateX(0) rotate(0deg)
     }
 }

 @keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-100%) rotate(-120deg);
         -ms-transform: translateX(-100%) rotate(-120deg);
         -moz-transform: translateX(-100%) rotate(-120deg);
         -o-transform: translateX(-100%) rotate(-120deg);
         transform: translateX(-100%) rotate(-120deg)
     }

     to {
         opacity: 1;
         -webkit-transform: translateX(0) rotate(0deg);
         -ms-transform: translateX(0) rotate(0deg);
         -moz-transform: translateX(0) rotate(0deg);
         -o-transform: translateX(0) rotate(0deg);
         transform: translateX(0) rotate(0deg)
     }
 }

 .layer-anim-04 {
     -webkit-animation-name: rollIn;
     -moz-animation-name: rollIn;
     -o-animation-name: rollIn;
     animation-name: rollIn
 }

 @-moz-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @-o-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .layer-anim-05 {
     -webkit-animation-name: fadeIn;
     -moz-animation-name: fadeIn;
     -o-animation-name: fadeIn;
     animation-name: fadeIn
 }

 @-webkit-keyframes shake {

     0%,
     to {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translateX(-10px);
         transform: translateX(-10px)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translateX(10px);
         transform: translateX(10px)
     }
 }

 @-moz-keyframes shake {

     0%,
     to {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         -moz-transform: translateX(0);
         transform: translateX(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translateX(-10px);
         -ms-transform: translateX(-10px);
         -moz-transform: translateX(-10px);
         transform: translateX(-10px)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translateX(10px);
         -ms-transform: translateX(10px);
         -moz-transform: translateX(10px);
         transform: translateX(10px)
     }
 }

 @-o-keyframes shake {

     0%,
     to {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         -o-transform: translateX(0);
         transform: translateX(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translateX(-10px);
         -ms-transform: translateX(-10px);
         -o-transform: translateX(-10px);
         transform: translateX(-10px)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translateX(10px);
         -ms-transform: translateX(10px);
         -o-transform: translateX(10px);
         transform: translateX(10px)
     }
 }

 @keyframes shake {

     0%,
     to {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         -moz-transform: translateX(0);
         -o-transform: translateX(0);
         transform: translateX(0)
     }

     10%,
     30%,
     50%,
     70%,
     90% {
         -webkit-transform: translateX(-10px);
         -ms-transform: translateX(-10px);
         -moz-transform: translateX(-10px);
         -o-transform: translateX(-10px);
         transform: translateX(-10px)
     }

     20%,
     40%,
     60%,
     80% {
         -webkit-transform: translateX(10px);
         -ms-transform: translateX(10px);
         -moz-transform: translateX(10px);
         -o-transform: translateX(10px);
         transform: translateX(10px)
     }
 }

 .layer-anim-06 {
     -webkit-animation-name: shake;
     -moz-animation-name: shake;
     -o-animation-name: shake;
     animation-name: shake
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @-webkit-keyframes bounceOut {
     to {
         opacity: 0;
         -webkit-transform: scale(.7);
         transform: scale(.7)
     }

     30% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05)
     }

     0% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
 }

 @-moz-keyframes bounceOut {
     to {
         opacity: 0;
         -webkit-transform: scale(.7);
         -ms-transform: scale(.7);
         -moz-transform: scale(.7);
         transform: scale(.7)
     }

     30% {
         -webkit-transform: scale(1.05);
         -ms-transform: scale(1.05);
         -moz-transform: scale(1.05);
         transform: scale(1.05)
     }

     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -moz-transform: scale(1);
         transform: scale(1)
     }
 }

 @-o-keyframes bounceOut {
     to {
         opacity: 0;
         -webkit-transform: scale(.7);
         -ms-transform: scale(.7);
         -o-transform: scale(.7);
         transform: scale(.7)
     }

     30% {
         -webkit-transform: scale(1.05);
         -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
         transform: scale(1.05)
     }

     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes bounceOut {
     to {
         opacity: 0;
         -webkit-transform: scale(.7);
         -ms-transform: scale(.7);
         -moz-transform: scale(.7);
         -o-transform: scale(.7);
         transform: scale(.7)
     }

     30% {
         -webkit-transform: scale(1.05);
         -ms-transform: scale(1.05);
         -moz-transform: scale(1.05);
         -o-transform: scale(1.05);
         transform: scale(1.05)
     }

     0% {
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1)
     }
 }

 .layer-anim-close {
     -webkit-animation-name: bounceOut;
     -moz-animation-name: bounceOut;
     -o-animation-name: bounceOut;
     animation-name: bounceOut;
     -webkit-animation-duration: .2s;
     -moz-animation-duration: .2s;
     -o-animation-duration: .2s;
     animation-duration: .2s
 }

 .layui-layer-title {
     padding: 0 80px 0 20px;
     height: 42px;
     line-height: 42px;
     border-bottom: 1px solid #f5f5f5;
     font-size: 14px;
     color: #333333;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     background-color: #f5f5f5;
     -webkit-border-radius: 12px 12px 0 0;
     -moz-border-radius: 12px 12px 0 0;
     border-radius: 12px 12px 0 0
 }

 .layui-layer-setwin {
     position: absolute;
     right: 15px;
     *right: 0;
     top: 15px;
     font-size: 0;
     line-height: normal
 }

 .layui-layer-setwin a {
     position: relative;
     width: 14px;
     height: 16px;
     margin-left: 10px;
     font-size: 12px;
     _overflow: hidden
 }

 .layui-layer-setwin .layui-layer-min cite {
     position: absolute;
     width: 14px;
     height: 2px;
     left: 0;
     top: 50%;
     margin-top: -1px;
     background-color: #333333;
     cursor: pointer;
     _overflow: hidden
 }

 .layui-layer-setwin .layui-layer-min:hover cite {
     background-color: #43BEF6
 }

 .layui-layer-setwin .layui-layer-max {
     background-position: -32px -40px
 }

 .layui-layer-setwin .layui-layer-max:hover {
     background-position: -16px -40px
 }

 .layui-layer-setwin .layui-layer-maxmin {
     background-position: -65px -40px
 }

 .layui-layer-setwin .layui-layer-maxmin:hover {
     background-position: -49px -40px
 }

 .layui-layer-setwin .layui-layer-close1 {
     background-position: 0 -40px;
     cursor: pointer
 }

 .layui-layer-setwin .layui-layer-close1:hover {
     opacity: .7
 }

 .layui-layer-setwin .layui-layer-close2 {
     position: absolute;
     right: -28px;
     top: -28px;
     width: 30px;
     height: 30px;
     margin-left: 0;
     background-position: -149px -31px;
     *right: -18px;
     _display: none
 }

 .layui-layer-setwin .layui-layer-close2:hover {
     background-position: -180px -31px
 }

 .layui-layer-btn {
     text-align: center;
     padding: 0 10px 12px;
     pointer-events: auto;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-user-select: none;
     font-size: 12px
 }

 .layui-layer-btn a {
     height: 28px;
     line-height: 28px;
     margin: 0 6px;
     padding: 0 15px;
     border: 1px solid #dcdcdc;
     color: #333333;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     font-weight: 400;
     cursor: pointer;
     text-decoration: none
 }

 .layui-layer-btn a:hover {
     opacity: .9;
     text-decoration: none
 }

 .layui-layer-btn a:active {
     opacity: .8
 }

 .layui-layer-btn-l {
     text-align: left
 }

 .layui-layer-btn-c {
     text-align: center
 }

 .layui-layer-dialog {
     min-width: 260px
 }

 .layui-layer-dialog .layui-layer-content {
     position: relative;
     padding: 20px;
     line-height: 24px;
     word-break: break-all;
     font-size: 14px
 }

 .layui-layer-dialog .layui-layer-content .layui-layer-ico {
     position: absolute;
     top: 16px;
     left: 15px;
     _left: -40px;
     width: 30px;
     height: 30px
 }

 .layui-layer-ico1 {
     background-position: -30px 0
 }

 .layui-layer-ico2 {
     background-position: -60px 0
 }

 .layui-layer-ico3 {
     background-position: -90px 0
 }

 .layui-layer-ico4 {
     background-position: -120px 0
 }

 .layui-layer-ico5 {
     background-position: -150px 0
 }

 .layui-layer-ico6 {
     background-position: -180px 0
 }

 .layui-layer-rim {
     border: 6px solid #dcdcdc;
     border: 6px solid rgba(0, 0, 0, .3);
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px
 }

 .layui-layer-msg,
 .layui-layer-rim {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
 }

 .layui-layer-msg {
     min-width: 180px;
     border: 1px solid #dcdcdc
 }

 .layui-layer-hui {
     min-width: 100px;
     background-color: #000000;
     filter: alpha(opacity=60);
     background-color: rgba(0, 0, 0, .6);
     color: #ffffff;
     border: none
 }

 .layui-layer-hui .layui-layer-content {
     padding: 12px 25px;
     text-align: center
 }

 .layui-layer-dialog .layui-layer-padding {
     padding: 20px 20px 20px 55px;
     text-align: left
 }

 .layui-layer-page .layui-layer-content {
     position: relative
 }

 .layui-layer-iframe .layui-layer-btn,
 .layui-layer-page .layui-layer-btn {
     padding-top: 10px
 }

 .layui-layer-nobg {
     background: none
 }

 .layui-layer-iframe iframe {
     display: block;
     width: 100%
 }

 .layui-layer-loading {
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     background: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border: none
 }

 .layui-layer-loading .layui-layer-content {
     width: 60px;
     height: 24px;
     background: url(../image/loading-0.gif) no-repeat
 }

 .layui-layer-loading .layui-layer-loading1 {
     width: 37px;
     height: 37px;
     background: url(../image/loading-1.gif) no-repeat
 }

 .layui-layer-ico16,
 .layui-layer-loading .layui-layer-loading2 {
     width: 32px;
     height: 32px;
     background: url(../image/loading-2.gif) no-repeat
 }

 .layui-layer-tips {
     background: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border: none
 }

 .layui-layer-tips .layui-layer-content {
     position: relative;
     line-height: 22px;
     min-width: 12px;
     padding: 5px 10px;
     font-size: 12px;
     _float: left;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
     -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
     box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
     background-color: #000000;
     color: #ffffff
 }

 .layui-layer-tips .layui-layer-close {
     right: -2px;
     top: -1px
 }

 .layui-layer-tips i.layui-layer-TipsG {
     position: absolute;
     width: 0;
     height: 0;
     border: 8px dashed transparent;
     *overflow: hidden
 }

 .layui-layer-tips i.layui-layer-TipsB,
 .layui-layer-tips i.layui-layer-TipsT {
     left: 5px;
     border-right-style: solid;
     border-right-color: #000000
 }

 .layui-layer-tips i.layui-layer-TipsT {
     bottom: -8px
 }

 .layui-layer-tips i.layui-layer-TipsB {
     top: -8px
 }

 .layui-layer-tips i.layui-layer-TipsL,
 .layui-layer-tips i.layui-layer-TipsR {
     top: 1px;
     border-bottom-style: solid;
     border-bottom-color: #000000
 }

 .layui-layer-tips i.layui-layer-TipsR {
     left: -8px
 }

 .layui-layer-tips i.layui-layer-TipsL {
     right: -8px
 }

 .layui-layer-lan[type=dialog] {
     min-width: 280px
 }

 .layui-layer-lan .layui-layer-title {
     background: #dcdcdc;
     color: #ffffff;
     border: none
 }

 .layui-layer-lan .layui-layer-btn {
     padding: 10px;
     text-align: right;
     border-top: 1px solid #f5f5f5
 }

 .layui-layer-lan .layui-layer-btn a {
     background: #f5f5f5;
     border: none
 }

 .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
     background: #f5f5f5
 }

 .layui-layer-molv .layui-layer-title {
     background: #fc6976;
     color: #ffffff;
     border: none
 }

 .layui-layer-molv .layui-layer-btn a {
     background: #fc6976
 }

 .layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
     background: #dcdcdc
 }

 .layui-layer-iconext {
     background: url(../image/icon-ext.png) no-repeat
 }

 .layui-layer-prompt .layui-layer-input {
     display: block;
     width: 220px;
     height: 30px;
     margin: 0 auto;
     line-height: 30px;
     padding: 0 5px;
     border: 1px solid #dcdcdc;
     -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
     -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
     box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .1);
     color: #333333;
     outline: none
 }

 .layui-layer-prompt textarea.layui-layer-input {
     width: 300px;
     height: 100px;
     line-height: 20px
 }

 .layui-layer-prompt .layui-layer-content {
     padding: 20px
 }

 .layui-layer-prompt .layui-layer-btn {
     padding-top: 0
 }

 .layui-layer-tab {
     -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, .4);
     -moz-box-shadow: 1px 1px 50px rgba(0, 0, 0, .4);
     box-shadow: 1px 1px 50px rgba(0, 0, 0, .4)
 }

 .layui-layer-tab .layui-layer-title {
     padding-left: 0;
     border-bottom: 1px solid #dcdcdc;
     background-color: #f5f5f5;
     overflow: visible
 }

 .layui-layer-tab .layui-layer-title span {
     position: relative;
     float: left;
     min-width: 80px;
     max-width: 260px;
     padding: 0 20px;
     text-align: center;
     cursor: default;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap
 }

 .layui-layer-tab .layui-layer-title span.layui-layer-tabnow {
     height: 43px;
     border-left: 1px solid #dcdcdc;
     border-right: 1px solid #dcdcdc;
     background-color: #ffffff;
     z-index: 10
 }

 .layui-layer-tab .layui-layer-title span:first-child {
     border-left: none
 }

 .layui-layer-tabmain {
     line-height: 24px;
     clear: both
 }

 .layui-layer-tabmain .layui-layer-tabli {
     display: none
 }

 .layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer {
     display: block
 }

 .xubox_tabclose {
     position: absolute;
     right: 10px;
     top: 5px;
     cursor: pointer
 }

 .layui-layer-photos {
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     -o-animation-duration: 1s;
     animation-duration: 1s
 }

 .layui-layer-photos .layui-layer-content {
     overflow: hidden;
     text-align: center
 }

 .layui-layer-photos .layui-layer-phimg img {
     position: relative;
     width: 100%;
     display: inline-block;
     *display: inline;
     *zoom: 1;
     vertical-align: top
 }

 .layui-layer-imgbar,
 .layui-layer-imguide {
     display: none
 }

 .layui-layer-imgnext,
 .layui-layer-imgprev {
     position: absolute;
     top: 50%;
     width: 27px;
     _width: 44px;
     height: 44px;
     margin-top: -22px;
     outline: none;
     blr: expression(this.onFocus=this.blur())
 }

 .layui-layer-imgprev {
     left: 10px;
     background-position: -5px -5px;
     _background-position: -70px -5px
 }

 .layui-layer-imgprev:hover {
     background-position: -33px -5px;
     _background-position: -120px -5px
 }

 .layui-layer-imgnext {
     right: 10px;
     _right: 8px;
     background-position: -5px -50px;
     _background-position: -70px -50px
 }

 .layui-layer-imgnext:hover {
     background-position: -33px -50px;
     _background-position: -120px -50px
 }

 .layui-layer-imgbar {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 32px;
     line-height: 32px;
     background-color: rgba(0, 0, 0, .8);
     background-color: #000000;
     filter: Alpha(opacity=80);
     color: #ffffff;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     font-size: 0
 }

 .layui-layer-imgtit * {
     display: inline-block;
     *display: inline;
     *zoom: 1;
     vertical-align: top;
     font-size: 12px
 }

 .layui-layer-imgtit a {
     max-width: 65%;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     color: #ffffff
 }

 .layui-layer-imgtit a:hover {
     color: #ffffff;
     text-decoration: underline
 }

 .layui-layer-imgtit em {
     padding-left: 10px;
     font-style: normal
 }

 @media screen and (max-width:1100px) {
     .layui-layer-iframe {
         -webkit-overflow-scrolling: touch
     }
 }

 .layui-layer-btn {
     padding: 0;
     border-top: 1px solid #f5f5f5
 }

 .layui-layer-btn>a {
     margin: 0;
     width: 50%;
     height: 50px;
     line-height: 50px;
     border: 0 none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     font-size: 16px;
     color: #999999;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .layui-layer-btn>a:first-child {
     -webkit-border-radius: 0 0 0 12px;
     -moz-border-radius: 0 0 0 12px;
     border-radius: 0 0 0 12px;
     border-right: 1px solid #f5f5f5
 }

 .layui-layer-btn>a:last-child {
     -webkit-border-radius: 0 0 12px 0;
     -moz-border-radius: 0 0 12px 0;
     border-radius: 0 0 12px 0;
     border-right: 0
 }

 .acgn-btn,
 .acgn-btn-lg,
 .acgn-btn-sm,
 .acgn-btn-xl,
 .acgn-btn-xs {
     display: inline-block;
     margin-bottom: 0;
     font-family: Microsoft Yahei, SimSun, Tahoma, arial, SimHei, sans-serif;
     text-align: center;
     white-space: nowrap;
     cursor: pointer;
     outline: 0;
     border: 0;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     *overflow: visible;
     -webkit-transition: .3s ease-in;
     -o-transition: .3s ease-in;
     -moz-transition: .3s ease-in;
     transition: .3s ease-in
 }

 .acgn-btn-lg:focus,
 .acgn-btn-lg:hover,
 .acgn-btn-sm:focus,
 .acgn-btn-sm:hover,
 .acgn-btn-xl:focus,
 .acgn-btn-xl:hover,
 .acgn-btn-xs:focus,
 .acgn-btn-xs:hover,
 .acgn-btn:focus,
 .acgn-btn:hover {
     text-decoration: none;
     opacity: .9
 }

 .acgn-active.acgn-btn,
 .acgn-active.acgn-btn-lg,
 .acgn-active.acgn-btn-sm,
 .acgn-active.acgn-btn-xl,
 .acgn-active.acgn-btn-xs,
 .acgn-btn-lg:active,
 .acgn-btn-sm:active,
 .acgn-btn-xl:active,
 .acgn-btn-xs:active,
 .acgn-btn:active {
     -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .05);
     -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .05);
     box-shadow: inset 0 5px 5px rgba(0, 0, 0, .05)
 }

 .acgn-disabled.acgn-btn,
 .acgn-disabled.acgn-btn-lg,
 .acgn-disabled.acgn-btn-sm,
 .acgn-disabled.acgn-btn-xl,
 .acgn-disabled.acgn-btn-xs,
 [disabled].acgn-btn,
 [disabled].acgn-btn-lg,
 [disabled].acgn-btn-sm,
 [disabled].acgn-btn-xl,
 [disabled].acgn-btn-xs,
 fieldset[disabled] .acgn-btn,
 fieldset[disabled] .acgn-btn-lg,
 fieldset[disabled] .acgn-btn-sm,
 fieldset[disabled] .acgn-btn-xl,
 fieldset[disabled] .acgn-btn-xs {
     cursor: not-allowed;
     pointer-events: none;
     opacity: .65;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
 }

 .acgn-clear,
 .acgn-clearfix,
 .acgn-form-horizontal .acgn-form-group,
 .acgn-row,
 .pay-panel .method .list,
 .pay-panel .order .list {
     zoom: 1
 }

 .acgn-clear:after,
 .acgn-clearfix:after,
 .acgn-form-horizontal .acgn-form-group:after,
 .acgn-row:after,
 .pay-panel .method .list:after,
 .pay-panel .order .list:after {
     content: "";
     display: table;
     clear: both
 }

 .browser .close {
     position: absolute;
     width: 32px;
     height: 32px;
     line-height: 32px;
     text-align: center;
     font-family: tahoma, arial, Hiragino Sans GB, SimSun, sans-serif;
     color: #ffffff;
     font-size: 20px;
     background-color: #fc6976;
     cursor: pointer;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: .3s ease-in;
     -o-transition: .3s ease-in;
     -moz-transition: .3s ease-in;
     transition: .3s ease-in
 }

 .browser .close:hover {
     -webkit-transform: rotate(1turn);
     -moz-transform: rotate(1turn);
     -ms-transform: rotate(1turn);
     -o-transform: rotate(1turn);
     transform: rotate(1turn);
     background-color: #FFC100
 }

 .acgn-model .abnormal {
     padding: 100px 32px
 }

 .acgn-model .abnormal .pic {
     display: block;
     height: auto;
     max-height: 120px;
     width: auto;
     margin: 0 auto
 }

 .acgn-model .abnormal .msg {
     padding: 12px 0;
     font-size: 14px;
     color: #999999;
     line-height: 24px;
     text-align: center
 }

 .acgn-model .border-shadow {
     cursor: pointer;
     position: absolute;
     top: 0;
     display: block;
     height: 100%;
     width: 150px;
     overflow: hidden
 }

 .acgn-model .border-shadow .shadow {
     height: 100%;
     width: 145px
 }

 .acgn-model .border-shadow .btn {
     position: absolute;
     top: 50%;
     height: 80px;
     width: 40px;
     margin-top: -40px;
     font-size: 18px;
     line-height: 80px;
     text-align: center;
     color: #999999
 }

 .acgn-model .border-shadow.border-shadow-left {
     left: -150px;
     padding-right: 5px
 }

 .acgn-model .border-shadow.border-shadow-left .shadow {
     -webkit-box-shadow: 0 0 8px 0 #dcdcdc;
     -moz-box-shadow: 0 0 8px 0 #dcdcdc;
     box-shadow: 0 0 8px 0 #dcdcdc
 }

 .acgn-model .border-shadow.border-shadow-left .btn {
     right: 8px
 }

 .acgn-model .border-shadow.border-shadow-right {
     right: -150px;
     padding-left: 5px
 }

 .acgn-model .border-shadow.border-shadow-right .shadow {
     -webkit-box-shadow: 0 0 8px 0 #dcdcdc;
     -moz-box-shadow: 0 0 8px 0 #dcdcdc;
     box-shadow: 0 0 8px 0 #dcdcdc
 }

 .acgn-model .border-shadow.border-shadow-right .btn {
     left: 8px
 }

 .acgn-model .border-shadow.btn-hide {
     display: none
 }

 .acgn-model .float-main {
     position: fixed;
     z-index: 130;
     left: 50%;
     top: 100px;
     width: 88px;
     margin-left: -632px
 }

 .acgn-model .float-main .group-rect-list {
     position: relative;
     z-index: 132;
     display: block;
     height: auto;
     width: 88px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
     overflow: hidden
 }

 .acgn-model .float-main .group-rect-list .item {
     position: relative;
     display: block;
     height: 36px;
     font-size: 14px;
     font-weight: 400;
     line-height: 36px;
     text-align: center;
     color: #666666;
     background-color: #ffffff
 }

 .acgn-model .float-main .group-rect-list .item.active,
 .acgn-model .float-main .group-rect-list .item:hover {
     color: #fc6976;
     background-color: rgba(252, 105, 118, 0.20)
 }

 .acgn-model .float-main .group-square-list {
     position: relative;
     z-index: 132;
     display: block;
     height: auto;
     width: 64px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin: 0 auto;
     overflow: hidden
 }

 .acgn-model .float-main .group-square-list .item {
     position: relative;
     display: block;
     height: 64px;
     width: 64px;
     padding: 12px 4px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     letter-spacing: 3px;
     word-break: break-all;
     background-color: #ffffff
 }

 .acgn-model .float-main .group-square-list .item.active,
 .acgn-model .float-main .group-square-list .item:hover {
     color: #fc6976
 }

 .acgn-model .float-main .group-list-border {
     border: 1px solid #fc6976
 }

 .acgn-model .float-main .group-list-shadow {
     -webkit-box-shadow: 1px 1px 4px #dcdcdc;
     -moz-box-shadow: 1px 1px 4px #dcdcdc;
     box-shadow: 1px 1px 4px #dcdcdc
 }

 .acgn-model .float-main .round-list {
     position: relative;
     z-index: 132;
     display: block;
     height: auto;
     width: 64px;
     margin: 0 auto
 }

 .acgn-model .float-main .round-list .item {
     position: relative;
     display: block;
     height: 64px;
     width: 64px;
     padding: 12px 4px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     margin-bottom: 8px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #fc6976;
     background-color: #ffffff
 }

 .acgn-model .float-main .round-list .item .item-icon {
     font-size: 36px;
     line-height: 40px
 }

 .acgn-model .float-main .rect-list {
     position: relative;
     z-index: 132;
     display: block;
     height: auto;
     width: 64px;
     margin: 0 auto
 }

 .acgn-model .float-main .rect-list .item {
     position: relative;
     display: block;
     height: auto;
     width: 64px;
     padding: 12px 4px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-bottom: 8px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #fc6976;
     background-color: #ffffff
 }

 .acgn-model .float-main .rect-list .item .item-icon {
     font-size: 36px;
     line-height: 40px
 }

 .acgn-model .float-main .list-shadow .item {
     cursor: pointer;
     -webkit-box-shadow: 1px 1px 4px 0 #dcdcdc;
     -moz-box-shadow: 1px 1px 4px 0 #dcdcdc;
     box-shadow: 1px 1px 4px 0 #dcdcdc
 }

 .acgn-model .float-main .list-border .item {
     line-height: 19px;
     padding: 11px 4px;
     border: 1px solid #fc6976
 }

 .acgn-model .float-main .square-list {
     position: relative;
     z-index: 132;
     display: block;
     height: auto;
     width: 64px;
     margin: 0 auto
 }

 .acgn-model .float-main .square-list .item {
     position: relative;
     display: block;
     height: 64px;
     width: 64px;
     padding: 12px 4px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-bottom: 8px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #fc6976;
     background-color: #ffffff
 }

 .acgn-model .float-main .square-list .item .item-icon {
     font-size: 36px;
     line-height: 40px
 }

 .acgn-model .float-main .item-hover {
     position: absolute;
     left: 50%;
     top: 50%;
     display: none;
     height: 0;
     width: 0
 }

 .acgn-model .float-main .item:hover .item-hover {
     display: block
 }

 .acgn-model .float-main .float-qr-code {
     position: absolute;
     right: 48px;
     top: 0;
     display: block;
     height: 128px;
     width: 128px;
     padding: 14px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-top: -64px;
     background-color: #ffffff;
     -webkit-box-shadow: -1px 1px 4px 0 hsla(0, 0%, 100%, .5);
     -moz-box-shadow: -1px 1px 4px 0 hsla(0, 0%, 100%, .5);
     box-shadow: -1px 1px 4px 0 hsla(0, 0%, 100%, .5)
 }

 .acgn-model .float-main .float-qr-code .triangle {
     position: absolute;
     right: -12px;
     top: 50%;
     display: block;
     height: 0;
     width: 0;
     margin-top: -6px;
     border-style: solid;
     border-width: 6px;
     border-color: transparent transparent transparent #ffffff
 }

 .acgn-model .float-main .float-qr-code .pic {
     display: block;
     height: 100px;
     width: 100px
 }

 .acgn-model .float-main .stretching-block {
     position: absolute;
     right: 0;
     top: 0;
     display: none;
     height: 64px;
     width: auto;
     padding: 12px 64px 12px 24px;
     -webkit-border-radius: 32px;
     -moz-border-radius: 32px;
     border-radius: 32px;
     font-size: 20px;
     line-height: 36px;
     overflow: hidden;
     color: #fc6976;
     background-color: #ffffff;
     white-space: nowrap;
     -webkit-box-shadow: 1px 1px 4px 0 #dcdcdc;
     -moz-box-shadow: 1px 1px 4px 0 #dcdcdc;
     box-shadow: 1px 1px 4px 0 #dcdcdc
 }

 .acgn-model .float-main .stretching-block .stretching-icon {
     position: absolute;
     right: 12px;
     top: 12px;
     display: block;
     height: 40px;
     width: 40px;
     font-size: 12px;
     line-height: 12px
 }

 .acgn-model .float-main .item:hover .stretching-block {
     display: inline-block
 }

 .acgn-model .float-main .to-top {
     position: relative;
     padding: 0 8px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #fc6976
 }

 .acgn-model .float-main .to-top.disabled {
     color: #dcdcdc
 }

 .acgn-model .float-main .connect {
     position: relative;
     z-index: 131;
     display: block;
     height: 8px;
     margin: 0 auto
 }

 .acgn-model .float-main .connect .line {
     position: absolute;
     left: 50%;
     top: 0;
     height: 16px;
     width: 26px;
     border-style: solid;
     border-color: #fc6976;
     border-width: 0 1px;
     margin-left: -13px
 }

 .acgn-model .float-main .connect.connect-long {
     height: 16px
 }

 .acgn-model .float-main .connect.connect-small .line {
     width: 16px;
     margin-left: -8px
 }

 .acgn-model .float-main .connect.connect-gray .line {
     border-color: #dcdcdc
 }

 .acgn-model .model-head {
     position: relative;
     height: 80px;
     font-size: 0;
     line-height: 80px
 }

 .acgn-model .model-head .title {
     display: inline-block;
     height: 80px;
     padding: 24px 0;
     font-size: 24px;
     font-weight: 400;
     line-height: 32px;
     color: #333333;
     vertical-align: middle
 }

 .acgn-model .model-head .title.title-primary {
     font-size: 14px;
     color: #fc6976
 }

 .acgn-model .model-head .mask {
     line-height: 32px
 }

 .acgn-model .model-head .mask,
 .acgn-model .model-head .mask-bg {
     position: relative;
     display: inline-block;
     margin-right: 12px;
     font-size: 0;
     text-align: center;
     vertical-align: middle
 }

 .acgn-model .model-head .mask-bg {
     height: 56px;
     width: 56px;
     line-height: 56px
 }

 .acgn-model .model-head .mask-bg .mask {
     position: relative;
     z-index: 1;
     display: inline-block;
     height: auto;
     max-height: 100%;
     width: auto;
     max-width: 100%;
     vertical-align: middle
 }

 .acgn-model .model-head .mask-bg .text {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     display: block;
     height: 56px;
     width: 56px;
     font-size: 14px;
     text-align: left;
     text-align: center;
     line-height: 56px;
     color: #ffffff
 }

 .acgn-model .model-head .more {
     position: absolute;
     right: 0;
     top: 20px;
     display: inline-block;
     height: 40px;
     width: auto;
     padding-left: 15px;
     font-size: 14px;
     line-height: 40px;
     color: #999999
 }

 .acgn-model .model-head .more a {
     color: inherit
 }

 .acgn-model .model-head .more i {
     color: #dcdcdc
 }

 .acgn-model .model-head .more .big {
     padding: 0 2px;
     margin-top: -4px;
     font-size: 28px;
     vertical-align: middle
 }

 .acgn-model .model-head .more:hover {
     color: #fc6976
 }

 .acgn-model .model-head .more:hover i {
     color: #FFD1D8
 }

 .acgn-model .model-head .more-bar {
     position: absolute;
     right: 0;
     bottom: 24px;
     display: inline-block;
     height: 24px;
     width: auto;
     padding: 0 10px 0 12px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     font-size: 12px;
     line-height: 24px;
     text-align: center;
     color: #fc6976;
     background-color: #ffffff
 }

 .acgn-model .model-head .more-bar:hover {
     background-color: #fecdd1
 }

 .acgn-model .model-head .change {
     position: absolute;
     right: 0;
     top: 50%;
     display: inline-block;
     height: 24px;
     width: auto;
     padding: 0 6px;
     border: 1px solid #dcdcdc;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     margin-top: -12px;
     font-size: 12px;
     line-height: 22px;
     color: #999999
 }

 .acgn-model .model-head .change:hover {
     background-color: #dcdcdc;
     color: #666666
 }

 .acgn-model .outer-btn {
     position: absolute;
     top: 0;
     display: block;
     height: 100%;
     width: 32px;
     background-color: #f5f5f5;
     cursor: pointer
 }

 .acgn-model .outer-btn.outer-btn-arc:before {
     content: "";
     position: absolute;
     top: 0;
     display: block;
     height: 100%;
     width: 18px;
     background-repeat: no-repeat;
     -webkit-background-size: auto 100%;
     -moz-background-size: auto 100%;
     background-size: auto 100%
 }

 .acgn-model .outer-btn .icon {
     position: absolute;
     top: 50%;
     display: block;
     height: 30px;
     width: 30px;
     font-size: 16px;
     line-height: 30px;
     text-align: center;
     color: #dcdcdc
 }

 .acgn-model .outer-btn.outer-btn-round {
     top: 50%;
     height: 84px;
     width: 42px;
     margin-top: -42px
 }

 .acgn-model .outer-btn.outer-btn-left {
     right: 100%
 }

 .acgn-model .outer-btn.outer-btn-left .icon {
     left: 50%;
     margin: -15px 0 0 -15px
 }

 .acgn-model .outer-btn.outer-btn-left.outer-btn-arc {
     width: 24px
 }

 .acgn-model .outer-btn.outer-btn-left.outer-btn-arc:before {
     left: -18px;
     background-image: url(../image/horn-arc-left.png);
     background-position: 0
 }

 .acgn-model .outer-btn.outer-btn-left.outer-btn-arc .icon {
     left: 0
 }

 .acgn-model .outer-btn.outer-btn-left.outer-btn-round {
     -webkit-border-radius: 42px 0 0 42px;
     -moz-border-radius: 42px 0 0 42px;
     border-radius: 42px 0 0 42px
 }

 .acgn-model .outer-btn.outer-btn-right {
     left: 100%
 }

 .acgn-model .outer-btn.outer-btn-right .icon {
     right: 50%;
     margin: -15px -15px 0 0
 }

 .acgn-model .outer-btn.outer-btn-right.outer-btn-arc:before {
     right: -18px;
     background-image: url(../image/horn-arc-right.png);
     background-position: 100%
 }

 .acgn-model .outer-btn.outer-btn-right.outer-btn-arc .icon {
     right: 0
 }

 .acgn-model .outer-btn.outer-btn-right.outer-btn-round {
     -webkit-border-radius: 0 42px 42px 0;
     -moz-border-radius: 0 42px 42px 0;
     border-radius: 0 42px 42px 0
 }

 .acgn-model .pic-cover {
     position: relative;
     display: block;
     width: 100%;
     height: 100%;
     font-size: 12px;
     overflow: hidden;
     background-position: 50%;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .acgn-model .pic-cover .light-cloth {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     display: none;
     height: 100%;
     width: 100%;
     background-color: hsla(0, 0%, 100%, .1)
 }

 .acgn-model .pic-cover:hover .light-cloth {
     display: block
 }

 .acgn-model .pic-cover .shadow-area {
     position: absolute;
     z-index: 2;
     left: 0;
     right: 0;
     bottom: 0;
     display: none;
     padding-top: 8px;
     background-color: rgba(0, 0, 0, .36);
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .36)), to(transparent));
     background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .36), transparent);
     background-image: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, .36) 0, transparent 100%);
     background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .36) 0, transparent 100%);
     background-image: linear-gradient(0deg, rgba(0, 0, 0, .36), transparent)
 }

 .acgn-model .pic-cover:hover .shadow-area {
     display: block
 }

 .acgn-model .pic-cover .shadow-area-fix {
     display: block
 }

 .acgn-model .pic-cover .name {
     height: 20px;
     width: 100%;
     margin-bottom: 4px;
     font-size: 14px;
     line-height: 20px
 }

 .acgn-model .pic-cover .desc,
 .acgn-model .pic-cover .name {
     display: block;
     padding: 0 8px;
     font-weight: 400;
     text-align: left;
     color: #ffffff;
     text-shadow: 1px 1px 2px #666666;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .pic-cover .desc {
     height: 18px;
     margin-bottom: 2px;
     font-size: 10px;
     line-height: 18px
 }

 .acgn-model .pic-cover.pic-cover-big .name {
     height: 28px;
     padding: 0 16px;
     margin-bottom: 6px;
     font-size: 20px;
     line-height: 28px
 }

 .acgn-model .pic-cover.pic-cover-big .desc {
     height: 20px;
     padding: 0 16px;
     margin-bottom: 16px;
     font-size: 14px;
     line-height: 20px
 }

 .acgn-model .pic-overflow {
     position: relative;
     z-index: 2;
     display: block;
     padding-bottom: 22px;
     -webkit-transition: padding .3s ease-out;
     -o-transition: padding .3s ease-out;
     -moz-transition: padding .3s ease-out;
     transition: padding .3s ease-out;
     overflow: hidden
 }

 .acgn-model .pic-overflow .floater {
     position: absolute;
     left: 0;
     top: 100%;
     height: 104px;
     margin-top: -32px;
     color: #333333;
     background-color: #ffffff;
     -webkit-transition: all .3s ease-out;
     -o-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     transition: all .3s ease-out
 }

 .acgn-model .pic-overflow .floater:before {
     content: "";
     position: absolute;
     left: 0;
     top: -10px;
     display: block;
     height: 10px;
     width: 100%;
     background: url(../image/bg-wave.png) no-repeat 50%;
     -webkit-background-size: 100% 10px;
     -moz-background-size: 100% 10px;
     background-size: 100% 10px
 }

 .acgn-model .pic-overflow .floater .mask {
     position: absolute;
     right: 5px;
     top: -36px;
     display: block;
     height: 34px;
     width: 34px;
     font-size: 12px;
     line-height: 36px;
     text-align: center;
     color: #fc6976;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .acgn-model .pic-overflow .floater .mask.mask-heart {
     background: url(../image/icon-deck-heart.png) no-repeat 50%
 }

 .acgn-model .pic-overflow .floater .mask.mask-fire {
     height: 40px;
     width: 40px;
     line-height: 42px;
     background: url(../image/icon-deck-fire.png) no-repeat 50%
 }

 .acgn-model .pic-overflow .floater .title {
     height: 36px;
     padding: 12px 4px 4px;
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .pic-overflow .floater .desc {
     height: 38px;
     padding: 6px 4px 0;
     font-size: 12px;
     line-height: 16px;
     color: #999999;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .pic-overflow .floater .new {
     display: block;
     height: 30px;
     padding: 9px 4px;
     font-size: 12px;
     line-height: 16px;
     color: #999999
 }

 .acgn-model .pic-overflow:hover {
     z-index: 3;
     border-bottom: 84px solid transparent;
     -webkit-box-shadow: 0 0 4px 1px #fc6976;
     -moz-box-shadow: 0 0 4px 1px #fc6976;
     box-shadow: 0 0 4px 1px #fc6976;
     overflow: visible
 }

 .acgn-model .pic-overflow:hover .floater {
     color: #fc6976;
     margin-top: -22px
 }

 .acgn-model .pic-shadow {
     position: relative
 }

 .acgn-model .pic-shadow .shadow {
     display: block;
     height: auto;
     padding: 0 12px 9px 0;
     -webkit-border-radius: 0 10px 10px 10px;
     -moz-border-radius: 0 10px 10px 10px;
     border-radius: 0 10px 10px 10px;
     margin-bottom: 4px;
     background: url(../image/line-shadow.png) repeat 0;
     -webkit-background-size: 5px auto;
     -moz-background-size: 5px auto;
     background-size: 5px auto;
     overflow: hidden
 }

 .acgn-model .pic-shadow .shadow .pic {
     background-repeat: no-repeat;
     background-position: 50%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .acgn-model .pic-shadow .title {
     height: 32px;
     padding: 8px 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: #333333
 }

 .acgn-model .pic-shadow .desc,
 .acgn-model .pic-shadow .title {
     display: block;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .pic-shadow .desc {
     height: 16px;
     font-size: 12px;
     line-height: 16px;
     color: #999999
 }

 .acgn-model .pic-shadow:hover .shadow {
     background-image: url(../image/line-shadow-hover.png)
 }

 .acgn-model .pic-shadow:hover .title {
     color: #fc6976
 }

 .acgn-model .pic-view {
     position: relative;
     display: block;
     height: auto;
     width: 100%
 }

 .acgn-model .pic-view .view {
     overflow: hidden
 }

 .acgn-model .pic-view .view .bg {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-position: 50%;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover
 }

 .acgn-model .pic-view .view .star {
     position: absolute;
     right: 5px;
     top: 5px;
     display: block;
     height: 28px;
     width: 28px;
     font-size: 12px;
     line-height: 28px;
     font-weight: 300;
     text-align: center;
     color: #ffffff;
     background: url(../image/round-star.png) no-repeat 50%;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto
 }

 .acgn-model .pic-view .view .pingfen {
     position: absolute;
     right: 2px;
     z-index: 2;
     -webkit-transform: scale(.75);
     -moz-transform: scale(.75);
     -ms-transform: scale(.75);
     -o-transform: scale(.75);
     transform: scale(.75);
     -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0;
     -o-transform-origin: 100% 0;
     transform-origin: 100% 0
 }

 .acgn-model .pic-view .view .pingfen i {
     font-size: 30px;
     display: block;
     width: 30px;
     height: 30px;
     color: #fc6976
 }

 .acgn-model .pic-view .view .pingfen .pinfen-num {
     position: absolute;
     font-size: 12px;
     top: 3px;
     line-height: 30px;
     text-align: center;
     left: 6px;
     color: #ffffff !important
 }

 .acgn-model .pic-view .view .new {
     position: absolute;
     right: 0;
     bottom: 4px;
     display: inline-block;
     width: auto;
     height: 16px;
     line-height: 16px;
     padding: 0 6px;
     -webkit-border-radius: 8px 0 0 8px;
     -moz-border-radius: 8px 0 0 8px;
     border-radius: 8px 0 0 8px;
     font-size: 12px;
     text-align: center;
     color: #ffffff;
     background: url(../image/pink-gradient-bg.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .acgn-model .pic-view .view .under {
     position: absolute;
     left: 0;
     bottom: -100%;
     height: auto;
     width: 100%;
     padding-top: 18px;
     font-size: 12px;
     font-weight: 300;
     color: #ffffff;
     overflow: hidden;
     -webkit-transition: bottom .15s ease-out;
     -o-transition: bottom .15s ease-out;
     -moz-transition: bottom .15s ease-out;
     transition: bottom .15s ease-out
 }

 .acgn-model .pic-view .view .under .info,
 .acgn-model .pic-view .view .under .summary {
     position: relative;
     z-index: 2;
     height: 24px;
     color: #ffffff;
     line-height: 16px;
     padding: 0 4px 8px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .pic-view .view .under .info {
     font-size: 14px
 }

 .acgn-model .pic-view .view .under .round {
     position: absolute;
     z-index: 1;
     left: -50%;
     top: 0;
     height: auto;
     width: 200%;
     padding-bottom: 80%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background-color: rgba(252, 105, 118, 0.80)
 }

 .acgn-model .pic-view .view:hover .new {
     display: none
 }

 .acgn-model .pic-view .view:hover .under {
     bottom: 0
 }

 .acgn-model .pic-view .title {
     height: 32px;
     padding-top: 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: #333333;
     cursor: pointer
 }

 .acgn-model .pic-view .desc {
     height: 24px;
     font-size: 12px;
     line-height: 24px;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .pic-wave .pic .bg {
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
     transition: -webkit-transform .2s linear;
     -o-transition: -o-transform .2s linear;
     -moz-transition: transform .2s linear, -moz-transform .2s linear;
     transition: transform .2s linear;
     transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear;
     -webkit-transition: -webkit-transform .2s linear
 }

 .acgn-model .pic-wave .pic .bg:hover {
     -moz-transform: scale(1.05) translateY(-2%);
     -ms-transform: scale(1.05) translateY(-2%);
     -o-transform: scale(1.05) translateY(-2%);
     transform: scale(1.05) translateY(-2%);
     -webkit-transform: scale(1.05) translateY(-2%)
 }

 .acgn-model .pic-wave {
     position: relative;
     display: block
 }

 .acgn-model .pic-wave a {
     color: inherit
 }

 .acgn-model .pic-wave .pic {
     overflow: hidden
 }

 .acgn-model .pic-wave .pic,
 .acgn-model .pic-wave .pic .bg {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model .pic-wave .pic .wave {
     position: absolute;
     left: 0;
     right: -1px;
     bottom: -2px;
     padding-bottom: 8.648649%;
     background: url(../image/wave.png) no-repeat 0 100%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%;
     -webkit-transform: scaleX(1.01) translateZ(0);
     -moz-transform: scaleX(1.01) translateZ(0);
     transform: scaleX(1.01) translateZ(0)
 }

 .acgn-model .pic-wave .pic .wave.wave-long {
     padding-bottom: 4.545455%;
     background-image: url(../image/wave-long.png)
 }

 .acgn-model .pic-wave .info {
     position: relative;
     padding-top: 10px
 }

 .acgn-model .pic-wave .star {
     position: absolute;
     right: 0;
     top: 12px;
     display: block;
     height: 32px;
     width: 32px;
     padding-left: 2px;
     font-size: 12px;
     color: #ffffff;
     line-height: 32px;
     text-align: center;
     background: url(../image/icon-colorful-star.png) no-repeat 50%;
     -webkit-background-size: 32px 32px;
     -moz-background-size: 32px 32px;
     background-size: 32px 32px
 }

 .acgn-model .pic-wave .num {
     position: absolute;
     right: 0;
     top: 10px;
     display: inline-block;
     height: 24px;
     width: auto;
     padding-right: 3px;
     font-size: 12px;
     color: #fc6976;
     line-height: 24px;
     text-align: right;
     vertical-align: baseline
 }

 .acgn-model .pic-wave .num .num-strong {
     font-size: 18px
 }

 .acgn-model .pic-wave .name {
     display: block;
     height: 24px;
     padding-right: 30px;
     font-size: 14px;
     color: #333333;
     font-weight: 400;
     line-height: 24px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: pointer
 }

 .acgn-model .pic-wave .name:hover {
     color: #fc6976
 }

 .acgn-model .pic-wave .desc {
     display: block;
     height: 20px;
     padding-right: 30px;
     font-size: 12px;
     color: #999999;
     font-weight: 400;
     line-height: 20px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .rank-list {
     padding-right: 48px
 }

 .acgn-model .rank-list .rank-row {
     display: block
 }

 .acgn-model .rank-list .rank-row .row-text {
     position: relative;
     display: block;
     height: 47px;
     border-bottom: 1px dashed #dcdcdc;
     margin-left: 26px
 }

 .acgn-model .rank-list .rank-row .row-text .mask {
     position: absolute;
     left: -26px;
     top: 50%;
     height: 18px;
     width: 18px;
     margin-top: -9px;
     text-align: center
 }

 .acgn-model .rank-list .rank-row .row-text .mask.mask-1 {
     color: transparent;
     background: url(../image/rank-top-1.png) no-repeat 50%;
     -webkit-background-size: 18px auto;
     -moz-background-size: 18px auto;
     background-size: 18px auto
 }

 .acgn-model .rank-list .rank-row .row-text .mask.mask-2 {
     color: transparent;
     background: url(../image/rank-top-2.png) no-repeat 50%;
     -webkit-background-size: 18px auto;
     -moz-background-size: 18px auto;
     background-size: 18px auto
 }

 .acgn-model .rank-list .rank-row .row-text .mask.mask-3 {
     color: transparent;
     background: url(../image/rank-top-3.png) no-repeat 50%;
     -webkit-background-size: 18px auto;
     -moz-background-size: 18px auto;
     background-size: 18px auto
 }

 .acgn-model .rank-list .rank-row .row-text .mask.mask-other {
     border: 1px solid #dcdcdc;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-size: 12px;
     font-weight: 300;
     line-height: 16px;
     color: #ffffff;
     text-shadow: 1px 1px 1px #dcdcdc;
     background-color: #dcdcdc
 }

 .acgn-model .rank-list .rank-row .row-text .name {
     height: 46px;
     padding: 11px 0;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .rank-list .rank-row .row-text .hot {
     position: absolute;
     right: 0;
     top: 50%;
     display: inline-block;
     height: 20px;
     width: auto;
     padding-left: 14px;
     margin-top: -10px;
     font-size: 12px;
     line-height: 20px;
     color: #999999
 }

 .acgn-model .rank-list .rank-row .row-text .hot i {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 20px;
     width: 14px;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
     color: #999999
 }

 .acgn-model .rank-list .rank-row .row-view {
     position: relative;
     display: none
 }

 .acgn-model .rank-list .rank-row .row-view .row-view-left {
     position: relative;
     height: auto;
     width: 50%;
     padding-right: 6px;
     overflow: hidden
 }

 .acgn-model .rank-list .rank-row .row-view .row-view-right {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     width: 50%;
     padding-left: 6px;
     overflow: hidden
 }

 .acgn-model .rank-list .rank-row .row-view .order {
     position: absolute;
     left: -145px;
     top: -145px;
     display: block;
     height: 192px;
     width: 192px;
     padding: 145px 25px 23px 145px;
     font-size: 16px;
     line-height: 24px;
     color: #ffffff;
     text-align: center;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background-color: #dcdcdc
 }

 .acgn-model .rank-list .rank-row .row-view .order.order-1 {
     background-color: #fc6976
 }

 .acgn-model .rank-list .rank-row .row-view .order.order-2 {
     background-color: #ff7647
 }

 .acgn-model .rank-list .rank-row .row-view .order.order-3 {
     background-color: #FFFF00
 }

 .acgn-model .rank-list .rank-row .row-view .title {
     height: 36px;
     padding-top: 16px;
     margin-bottom: 8px;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .rank-list .rank-row .row-view .desc {
     height: auto;
     max-height: 32px;
     margin-bottom: 8px;
     font-size: 12px;
     line-height: 16px;
     color: #999999;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model .rank-list .rank-row .row-view .tags {
     min-height: 20px;
     max-height: 40px;
     font-size: 0;
     line-height: 20px;
     overflow: hidden
 }

 .acgn-model .rank-list .rank-row .row-view .tags .tag {
     display: inline-block;
     height: 18px;
     width: auto;
     min-width: 32px;
     padding: 1px 6px;
     border: 1px solid #999999;
     -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
     border-radius: 9px;
     margin: 0 4px;
     font-size: 12px;
     color: #999999;
     line-height: 14px;
     text-align: center;
     vertical-align: middle;
     cursor: pointer
 }

 .acgn-model .rank-list .rank-row .row-view .tags .tag a {
     color: #999999
 }

 .acgn-model .rank-list .rank-row .row-view .tags .tag:hover {
     color: #fc6976;
     border-color: #fc6976
 }

 .acgn-model .rank-list .rank-row .row-view .tags .tag:hover a {
     color: #fc6976
 }

 .acgn-model .rank-list .rank-row .info {
     position: absolute;
     left: 6px;
     right: 0;
     bottom: 0;
     height: auto;
     font-size: 12px;
     line-height: 20px;
     color: #999999
 }

 .acgn-model .rank-list .rank-row .info .hot {
     position: relative;
     display: block;
     height: 20px;
     padding-left: 14px;
     margin-bottom: 6px
 }

 .acgn-model .rank-list .rank-row .info .hot i {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 20px;
     width: 14px;
     font-size: 12px;
     line-height: 20px;
     text-align: center;
     color: #999999
 }

 .acgn-model .rank-list .rank-row .info .now {
     display: block;
     height: 20px;
     margin-bottom: 6px
 }

 .acgn-model .rank-list .rank-row .info .now .imp {
     color: #666666
 }

 .acgn-model .rank-list .rank-row.hover .row-text {
     display: none
 }

 .acgn-model .rank-list .rank-row.hover .row-view {
     display: block
 }

 .acgn-model .star-row {
     position: relative;
     display: block;
     height: 20px;
     width: 165px;
     padding-right: 40px;
     font-size: 0;
     line-height: 20px;
     cursor: pointer
 }

 .acgn-model .star-row .star {
     display: inline-block;
     height: 18px;
     width: 18px;
     margin-right: 6px;
     vertical-align: middle;
     background-repeat: no-repeat;
     background-position: 50%;
     -webkit-background-size: 17px auto;
     -moz-background-size: 17px auto;
     background-size: 17px auto;
     background-image: url(../image/round-star-hollow.png)
 }

 .acgn-model .star-row .star.solid {
     background-image: url(../image/round-star-solid.png)
 }

 .acgn-model .star-row .star.half {
     background-image: url(../image/round-star-half.png)
 }

 .acgn-model .star-row .score {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     height: 24px;
     width: 40px;
     font-size: 12px;
     line-height: 24px
 }

 .acgn-model .swiper-area {
     position: relative;
     display: none;
     height: 100%
 }

 .acgn-model .swiper-area .swiper-container {
     height: 100%
 }

 .acgn-model .swiper-area .swiper-slide {
     position: relative
 }

 .acgn-model .swiper-area.swiper-area-auto {
     display: block;
     height: auto
 }

 .acgn-model .swiper-area.swiper-area-auto .swiper-container {
     height: auto
 }

 .acgn-model .swiper-area.swiper-area-auto .swiper-slide {
     width: 100%;
     overflow: hidden
 }

 .acgn-model .swiper-area .swiper-bars {
     position: absolute;
     z-index: 3;
     left: 5px;
     right: 5px;
     bottom: 4px;
     height: 20px;
     font-size: 0;
     line-height: 20px
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bars-aloof {
     bottom: 20px
 }

 .acgn-model .swiper-area .swiper-bars.swiper-bars-left {
     text-align: left
 }

 .acgn-model .swiper-area .swiper-bars.swiper-bars-center {
     text-align: center
 }

 .acgn-model .swiper-area .swiper-bars,
 .acgn-model .swiper-area .swiper-bars.swiper-bars-right {
     text-align: right
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar {
     display: inline-block;
     height: 8px;
     width: 8px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     margin-right: 8px;
     vertical-align: middle;
     background-color: hsla(0, 0%, 100%, .7);
     cursor: pointer;
     -webkit-transition: width .25s ease-out;
     -o-transition: width .25s ease-out;
     -moz-transition: width .25s ease-out;
     transition: width .25s ease-out
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar:hover {
     background-color: #ffffff
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar.active {
     width: 14px;
     background-color: #ffffff
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo {
     height: 12px;
     width: 12px;
     -webkit-border-radius: none;
     -moz-border-radius: none;
     border-radius: none;
     margin-right: 10px;
     color: #ffffff;
     background-color: transparent;
     font-size: 12px;
     line-height: 12px;
     text-align: center
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo .ift-close {
     display: block
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo .ift-circle {
     display: none
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo:hover {
     background-color: transparent
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo.active {
     width: 12px;
     background-color: transparent
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo.active .ift-close {
     display: none
 }

 .acgn-model .swiper-area .swiper-bars .swiper-bar-xo.active .ift-circle {
     display: block
 }

 .acgn-model .swiper-area .swiper-bars.swiper-bars-gray {
     bottom: 10px
 }

 .acgn-model .swiper-area .swiper-bars.swiper-bars-gray .swiper-bar {
     height: 10px;
     width: 10px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-right: 16px;
     background-color: #dcdcdc
 }

 .acgn-model .swiper-area .swiper-bars.swiper-bars-gray .swiper-bar.active {
     width: 16px;
     background-color: #fc6976
 }

 .acgn-model .swiper-area .swiper-btns {
     z-index: 4;
     left: 0;
     top: 50%;
     height: 0;
     width: 100%;
     filter: alpha(opacity=0);
     opacity: 0
 }

 .acgn-model .swiper-area .swiper-btns,
 .acgn-model .swiper-area .swiper-btns .swiper-btn {
     position: absolute;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)"
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn {
     cursor: pointer;
     top: -37px;
     height: 74px;
     width: 32px;
     font-size: 16px;
     text-align: center;
     line-height: 74px;
     background-color: #ffffff;
     color: #dcdcdc;
     filter: alpha(opacity=50);
     opacity: .5
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn:hover {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=80);
     opacity: .8
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-left {
     left: 0;
     -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
     border-radius: 0 3px 3px 0
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-right {
     right: 0;
     -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
     border-radius: 3px 0 0 3px
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-round {
     top: -32px;
     height: 60px;
     font-size: 18px;
     line-height: 60px
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-round.swiper-btn-left {
     padding-right: 10px;
     -webkit-border-radius: 0 32px 32px 0;
     -moz-border-radius: 0 32px 32px 0;
     border-radius: 0 32px 32px 0
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-round.swiper-btn-right {
     padding-left: 10px;
     -webkit-border-radius: 32px 0 0 32px;
     -moz-border-radius: 32px 0 0 32px;
     border-radius: 32px 0 0 32px
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-rect {
     width: 48px;
     background-color: transparent;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=80);
     opacity: .8
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-rect.swiper-btn-left {
     background: url(../image/rect-btn-left.png) no-repeat 50%;
     -webkit-background-size: 36px auto;
     -moz-background-size: 36px auto;
     background-size: 36px auto
 }

 .acgn-model .swiper-area .swiper-btns .swiper-btn.swiper-btn-rect.swiper-btn-right {
     background: url(../image/rect-btn-right.png) no-repeat 50%;
     -webkit-background-size: 36px auto;
     -moz-background-size: 36px auto;
     background-size: 36px auto
 }

 .acgn-model .swiper-area .swiper-btns.swiper-btns-exist {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=50);
     opacity: .5
 }

 .acgn-model .swiper-area:hover .swiper-btns {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model .swiper-area .swiper-shadow-btn {
     position: absolute;
     z-index: 4;
     top: 0;
     display: none;
     width: 48px;
     height: 100%;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=80);
     opacity: .8;
     cursor: pointer
 }

 .acgn-model .swiper-area .swiper-shadow-btn i {
     position: absolute;
     left: 0;
     top: 50%;
     display: block;
     height: 32px;
     width: 48px;
     margin-top: -16px;
     font-size: 24px;
     line-height: 32px;
     text-align: center;
     color: hsla(0, 0%, 100%, .8)
 }

 .acgn-model .swiper-area .swiper-shadow-btn.swiper-shadow-btn-left {
     left: 0;
     background-color: rgba(0, 0, 0, .3);
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .3)), to(transparent));
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .3), transparent);
     background-image: -moz- oldlinear-gradient(left, rgba(0, 0, 0, .3) 0, transparent 100%);
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, .3) 0, transparent 100%);
     background-image: linear-gradient(90deg, rgba(0, 0, 0, .3), transparent)
 }

 .acgn-model .swiper-area .swiper-shadow-btn.swiper-shadow-btn-right {
     right: 0;
     background-color: transparent;
     background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, .3)));
     background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .3));
     background-image: -moz- oldlinear-gradient(left, transparent 0, rgba(0, 0, 0, .3) 100%);
     background-image: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, .3) 100%);
     background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .3))
 }

 .acgn-model .swiper-area .swiper-shadow-btn:active {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=100);
     opacity: 1
 }

 .acgn-model .swiper-area:hover .swiper-shadow-btn {
     display: block
 }

 .acgn-model .swiper-area .swiper-custom {
     position: absolute;
     z-index: 2
 }

 .adapt-width {
     display: block
 }

 .adapt-width .adapt-box {
     display: block;
     position: relative
 }

 .adapt-width .adapt-box .adapt-bg {
     position: relative;
     display: block;
     height: auto;
     width: 100%
 }

 .adapt-width .adapt-box .adapt-content {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0
 }

 .adapt-box,
 .adapt-box .adapt-bg {
     display: block;
     position: relative
 }

 .adapt-box .adapt-bg {
     height: auto;
     width: 100%
 }

 .adapt-box .adapt-content {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0
 }

 .adapt-height {
     position: relative;
     display: block;
     height: 100%;
     width: 100%;
     font-size: 0
 }

 .adapt-height .adapt-inline {
     display: inline-block;
     height: 100%;
     width: auto;
     min-width: 0
 }

 .adapt-height .adapt-inline .adapt-bg {
     position: relative;
     display: block;
     height: 100%;
     width: auto
 }

 .adapt-height .adapt-inline .adapt-content {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0
 }

 .adapt-ratio-custom {
     position: relative;
     display: block
 }

 .adapt-ratio-custom .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-1x1 {
     position: relative;
     display: block;
     padding-bottom: 100%
 }

 .adapt-ratio-1x1 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-1x2 {
     position: relative;
     display: block;
     padding-bottom: 200%
 }

 .adapt-ratio-1x2 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-2x1 {
     position: relative;
     display: block;
     padding-bottom: 50%
 }

 .adapt-ratio-2x1 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-1x3 {
     position: relative;
     display: block;
     padding-bottom: 300%
 }

 .adapt-ratio-1x3 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-2x3 {
     position: relative;
     display: block;
     padding-bottom: 150%
 }

 .adapt-ratio-2x3 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-3x1 {
     position: relative;
     display: block;
     padding-bottom: 33.33333334%
 }

 .adapt-ratio-3x1 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-3x2 {
     position: relative;
     display: block;
     padding-bottom: 66.66666666%
 }

 .adapt-ratio-3x2 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-4x1 {
     position: relative;
     display: block;
     padding-bottom: 25%
 }

 .adapt-ratio-4x1 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-4x3 {
     position: relative;
     display: block;
     padding-bottom: 75%
 }

 .adapt-ratio-4x3 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-1x4 {
     position: relative;
     display: block;
     padding-bottom: 400%
 }

 .adapt-ratio-1x4 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-3x4 {
     position: relative;
     display: block;
     padding-bottom: 133.33333333%
 }

 .adapt-ratio-3x4 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-5x3 {
     position: relative;
     display: block;
     padding-bottom: 60%
 }

 .adapt-ratio-5x3 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-6x1 {
     position: relative;
     display: block;
     padding-bottom: 16.66666666%
 }

 .adapt-ratio-6x1 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-3x8 {
     position: relative;
     display: block;
     padding-bottom: 266.66666666%
 }

 .adapt-ratio-3x8 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-8x1 {
     position: relative;
     display: block;
     padding-bottom: 12.5%
 }

 .adapt-ratio-8x1 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-9x2 {
     position: relative;
     display: block;
     padding-bottom: 22.22222222%
 }

 .adapt-ratio-9x2 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-9x4 {
     position: relative;
     display: block;
     padding-bottom: 44.44444444%
 }

 .adapt-ratio-9x4 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-9x8 {
     position: relative;
     display: block;
     padding-bottom: 88.88888888%
 }

 .adapt-ratio-9x8 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-10x3 {
     position: relative;
     display: block;
     padding-bottom: 30%
 }

 .adapt-ratio-10x3 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-10x7 {
     position: relative;
     display: block;
     padding-bottom: 70%
 }

 .adapt-ratio-10x7 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-10x9 {
     position: relative;
     display: block;
     padding-bottom: 90%
 }

 .adapt-ratio-10x9 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-16x3 {
     position: relative;
     display: block;
     padding-bottom: 18.75%
 }

 .adapt-ratio-16x3 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-21x5 {
     position: relative;
     display: block;
     padding-bottom: 23.80952381%
 }

 .adapt-ratio-21x5 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-45x11 {
     position: relative;
     display: block;
     padding-bottom: 24.44444444%
 }

 .adapt-ratio-45x11 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .adapt-ratio-45x22 {
     position: relative;
     display: block;
     padding-bottom: 48.88888888%
 }

 .adapt-ratio-45x22 .adapt-inner {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-hide {
     display: none !important
 }

 .layer-custom-msg {
     min-width: auto;
     max-width: 260px;
     -webkit-border-radius: 1000px;
     -moz-border-radius: 1000px;
     border-radius: 1000px;
     background-color: #fc6976;
     border: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
 }

 .layer-custom-msg .layui-layer-content {
     padding: 0;
     font-size: 14px;
     color: #ffffff
 }

 .layer-custom-msg .layer-custom-icon {
     width: 40px;
     height: 40px;
     line-height: 40px;
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: -36px
 }

 .layer-custom-msg .layer-custom-icon [class*=ift-] {
     font-size: 40px;
     color: #FC4F71
 }

 .layer-custom-msg .layer-custom-text {
     text-align: center;
     padding: 8px 26px;
     background-color: #fc6976;
     -webkit-border-radius: 1000px;
     -moz-border-radius: 1000px;
     border-radius: 1000px;
     position: relative;
     z-index: 2;
     min-height: 40px;
     min-width: 100px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .layer-custom-msg .layer-line {
     display: inline-block;
     white-space: nowrap
 }

 .scroll-wrapper {
     overflow: hidden !important;
     padding: 0 !important;
     position: relative
 }

 .scroll-wrapper>.scroll-content {
     border: none !important;
     -webkit-box-sizing: content-box !important;
     -moz-box-sizing: content-box !important;
     box-sizing: content-box !important;
     height: auto;
     left: 0;
     margin: 0;
     max-height: none;
     max-width: none !important;
     overflow: scroll !important;
     padding: 0;
     position: relative !important;
     top: 0;
     width: auto !important
 }

 .scroll-wrapper>.scroll-content::-webkit-scrollbar {
     height: 0;
     width: 0
 }

 .scroll-wrapper.scroll--rtl {
     direction: rtl
 }

 .scroll-element {
     display: none
 }

 .scroll-element,
 .scroll-element div {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box
 }

 .scroll-element .scroll-arrow,
 .scroll-element .scroll-bar {
     cursor: pointer
 }

 .scroll-element.scroll-x.scroll-scrollx_visible,
 .scroll-element.scroll-y.scroll-scrolly_visible {
     display: block
 }

 .scroll-textarea {
     border: 1px solid #dcdcdc;
     border-top-color: #999999
 }

 .scroll-textarea>.scroll-content {
     overflow: hidden !important
 }

 .scroll-textarea>.scroll-content>textarea {
     border: none !important;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     height: 100% !important;
     margin: 0;
     max-height: none !important;
     max-width: none !important;
     overflow: scroll !important;
     outline: none;
     padding: 2px;
     position: relative !important;
     top: 0;
     width: 100% !important
 }

 .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
     height: 0;
     width: 0
 }

 .scroll-element,
 .scroll-element div {
     position: absolute;
     height: 100%;
     width: 100%;
     margin: 0;
     padding: 0;
     border: none;
     z-index: 10
 }

 .scroll-element.scroll-x {
     width: 100%;
     height: 8px;
     bottom: 2px;
     left: 0
 }

 .scroll-element.scroll-y {
     width: 8px;
     height: 100%;
     right: 3px;
     top: 0
 }

 .scroll-element .scroll-bar,
 .scroll-element .scroll-element_outer,
 .scroll-element .scroll-element_track {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .scroll-element .scroll-element_outer {
     overflow: hidden
 }

 .scroll-element .scroll-bar,
 .scroll-element .scroll-element_track {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
     filter: alpha(opacity=40);
     opacity: .4
 }

 .scroll-element .scroll-element_track {
     background-color: #f5f5f5
 }

 .scroll-element .scroll-bar {
     background-color: #dcdcdc
 }

 .scroll-element.scroll-draggable .scroll-bar,
 .scroll-element:hover .scroll-bar {
     background-color: #999999
 }

 .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
 .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
     left: -12px
 }

 .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
 .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
     top: -12px
 }

 .icon-comm-close,
 .icon-comm-close-thin,
 .icon-comm-flower2,
 .icon-comm-new_reward,
 .icon-comm-title-peoples,
 .icon-comm-triangle-left,
 .icon-comm-triangle-right {
     display: inline-block;
     background-image: url(../image/comm.a0428.png);
     background-repeat: no-repeat;
     -ms-behavior: url(/template/kanman_pc/static/images/backgroundsize.min.htc)
 }

 .icon-comm-close-thin {
     width: 24px;
     height: 24px;
     background-position: -216px -84px
 }

 .icon-comm-close {
     width: 24px;
     height: 24px;
     background-position: 0 -137px
 }

 .icon-comm-flower2 {
     width: 264px;
     height: 80px;
     background-position: 0 0
 }

 .icon-comm-new_reward {
     width: 112px;
     height: 49px;
     background-position: 0 -84px
 }

 .icon-comm-title-peoples {
     width: 40px;
     height: 40px;
     background-position: -116px -84px
 }

 .icon-comm-triangle-left {
     width: 24px;
     height: 40px;
     background-position: -160px -84px
 }

 .icon-comm-triangle-right {
     width: 24px;
     height: 40px;
     background-position: -188px -84px
 }

 @media(-o-min-device-pixel-ratio:2/1),
 (-webkit-min-device-pixel-ratio:2),
 (min-resolution:192dpi) {

     .icon-comm-close,
     .icon-comm-close-thin,
     .icon-comm-flower2,
     .icon-comm-new_reward,
     .icon-comm-title-peoples,
     .icon-comm-triangle-left,
     .icon-comm-triangle-right {
         display: inline-block;
         background-repeat: no-repeat;
         background-image: url(../image/comm.59596@2x.png);
         -webkit-background-size: 264px 161px;
         -moz-background-size: 264px 161px;
         background-size: 264px 161px
     }
 }

 .icon-home-bell,
 .icon-home-paw,
 .icon-home-title-bell,
 .icon-home-title-cat1,
 .icon-home-title-cat2,
 .icon-home-title-cat3,
 .icon-home-title-cat4,
 .icon-home-title-cat-food,
 .icon-home-title-links,
 .icon-home-title-prize {
     display: inline-block;
     background-image: url(../image/home.d768d.png);
     background-repeat: no-repeat;
     -ms-behavior: url(/template/kanman_pc/static/images/backgroundsize.min.htc)
 }

 .icon-home-bell {
     width: 32px;
     height: 32px;
     background-position: -88px -88px
 }

 .icon-home-paw {
     width: 32px;
     height: 32px;
     background-position: -132px 0
 }

 .icon-home-title-bell {
     width: 40px;
     height: 40px;
     background-position: 0 0
 }

 .icon-home-title-cat-food {
     width: 40px;
     height: 40px;
     background-position: -44px 0
 }

 .icon-home-title-cat1 {
     width: 40px;
     height: 40px;
     background-position: 0 -44px
 }

 .icon-home-title-cat2 {
     width: 40px;
     height: 40px;
     background-position: -44px -44px
 }

 .icon-home-title-cat3 {
     width: 40px;
     height: 40px;
     background-position: -88px 0
 }

 .icon-home-title-cat4 {
     width: 40px;
     height: 40px;
     background-position: -88px -44px
 }

 .icon-home-title-links {
     width: 40px;
     height: 40px;
     background-position: 0 -88px
 }

 .icon-home-title-prize {
     width: 40px;
     height: 40px;
     background-position: -44px -88px
 }

 @media(-o-min-device-pixel-ratio:2/1),
 (-webkit-min-device-pixel-ratio:2),
 (min-resolution:192dpi) {

     .icon-home-bell,
     .icon-home-paw,
     .icon-home-title-bell,
     .icon-home-title-cat1,
     .icon-home-title-cat2,
     .icon-home-title-cat3,
     .icon-home-title-cat4,
     .icon-home-title-cat-food,
     .icon-home-title-links,
     .icon-home-title-prize {
         display: inline-block;
         background-repeat: no-repeat;
         background-image: url(../image/home.f1c18@2x.png);
         -webkit-background-size: 164px 128px;
         -moz-background-size: 164px 128px;
         background-size: 164px 128px
     }
 }

 .icon-detail-appreciate,
 .icon-detail-coin,
 .icon-detail-collect,
 .icon-detail-cup-no1,
 .icon-detail-cup-no2,
 .icon-detail-cup-no3,
 .icon-detail-dayactive,
 .icon-detail-dbg-1,
 .icon-detail-dbg-2,
 .icon-detail-dbg-3,
 .icon-detail-dbg-4,
 .icon-detail-fire,
 .icon-detail-gift,
 .icon-detail-left-fish,
 .icon-detail-leg,
 .icon-detail-mark,
 .icon-detail-message,
 .icon-detail-monthticket,
 .icon-detail-monthticket-dialog,
 .icon-detail-rank-1,
 .icon-detail-rank-2,
 .icon-detail-rank-3,
 .icon-detail-rank-4,
 .icon-detail-rank-num-1,
 .icon-detail-rank-num-2,
 .icon-detail-rank-num-3,
 .icon-detail-read,
 .icon-detail-recommend,
 .icon-detail-recommend-dialog,
 .icon-detail-share,
 .icon-detail-single,
 .icon-detail-stone-dialog,
 .icon-detail-stone-message,
 .icon-detail-tick,
 .icon-detail-triangle-down,
 .icon-detail-triangle-up {
     display: inline-block;
     background-image: url(../image/detail.faa42.png);
     background-repeat: no-repeat;
     -ms-behavior: url(/template/kanman_pc/static/images/backgroundsize.min.htc)
 }

 .icon-detail-appreciate {
     width: 32px;
     height: 32px;
     background-position: -188px 0
 }

 .icon-detail-coin {
     width: 16px;
     height: 16px;
     background-position: -224px -204px
 }

 .icon-detail-collect {
     width: 32px;
     height: 32px;
     background-position: -188px -36px
 }

 .icon-detail-cup-no1 {
     width: 24px;
     height: 24px;
     background-position: -224px -176px
 }

 .icon-detail-cup-no2 {
     width: 24px;
     height: 24px;
     background-position: -156px -136px
 }

 .icon-detail-cup-no3 {
     width: 24px;
     height: 24px;
     background-position: 0 -224px
 }

 .icon-detail-dayactive {
     width: 32px;
     height: 32px;
     background-position: -188px -72px
 }

 .icon-detail-dbg-1 {
     width: 48px;
     height: 48px;
     background-position: -136px 0
 }

 .icon-detail-dbg-2 {
     width: 48px;
     height: 48px;
     background-position: -136px -52px
 }

 .icon-detail-dbg-3 {
     width: 48px;
     height: 48px;
     background-position: 0 -136px
 }

 .icon-detail-dbg-4 {
     width: 48px;
     height: 48px;
     background-position: -52px -136px
 }

 .icon-detail-fire {
     width: 16px;
     height: 16px;
     background-position: -168px -224px
 }

 .icon-detail-gift {
     width: 32px;
     height: 32px;
     background-position: -188px -108px
 }

 .icon-detail-left-fish {
     width: 64px;
     height: 64px;
     background-position: 0 0
 }

 .icon-detail-leg {
     width: 24px;
     height: 24px;
     background-position: -28px -224px
 }

 .icon-detail-mark {
     width: 32px;
     height: 32px;
     background-position: -188px -144px
 }

 .icon-detail-message {
     width: 32px;
     height: 32px;
     background-position: 0 -188px
 }

 .icon-detail-monthticket-dialog {
     width: 64px;
     height: 64px;
     background-position: -68px 0
 }

 .icon-detail-monthticket {
     width: 32px;
     height: 32px;
     background-position: -36px -188px
 }

 .icon-detail-rank-1 {
     width: 24px;
     height: 40px;
     background-position: -224px 0
 }

 .icon-detail-rank-2 {
     width: 24px;
     height: 40px;
     background-position: -224px -44px
 }

 .icon-detail-rank-3 {
     width: 24px;
     height: 40px;
     background-position: -224px -88px
 }

 .icon-detail-rank-4 {
     width: 24px;
     height: 40px;
     background-position: -224px -132px
 }

 .icon-detail-rank-num-1 {
     width: 24px;
     height: 24px;
     background-position: -56px -224px
 }

 .icon-detail-rank-num-2 {
     width: 24px;
     height: 24px;
     background-position: -84px -224px
 }

 .icon-detail-rank-num-3 {
     width: 24px;
     height: 24px;
     background-position: -112px -224px
 }

 .icon-detail-read {
     width: 32px;
     height: 32px;
     background-position: -72px -188px
 }

 .icon-detail-recommend-dialog {
     width: 64px;
     height: 64px;
     background-position: 0 -68px
 }

 .icon-detail-recommend {
     width: 32px;
     height: 32px;
     background-position: -108px -188px
 }

 .icon-detail-share {
     width: 32px;
     height: 32px;
     background-position: -144px -188px
 }

 .icon-detail-single {
     width: 48px;
     height: 32px;
     background-position: -104px -136px
 }

 .icon-detail-stone-dialog {
     width: 64px;
     height: 64px;
     background-position: -68px -68px
 }

 .icon-detail-stone-message {
     width: 24px;
     height: 24px;
     background-position: -140px -224px
 }

 .icon-detail-tick {
     width: 8px;
     height: 16px;
     background-position: -188px -224px
 }

 .icon-detail-triangle-down {
     width: 40px;
     height: 24px;
     background-position: -136px -104px
 }

 .icon-detail-triangle-up {
     width: 40px;
     height: 24px;
     background-position: -180px -188px
 }

 @media(-o-min-device-pixel-ratio:2/1),
 (-webkit-min-device-pixel-ratio:2),
 (min-resolution:192dpi) {

     .icon-detail-appreciate,
     .icon-detail-coin,
     .icon-detail-collect,
     .icon-detail-cup-no1,
     .icon-detail-cup-no2,
     .icon-detail-cup-no3,
     .icon-detail-dayactive,
     .icon-detail-dbg-1,
     .icon-detail-dbg-2,
     .icon-detail-dbg-3,
     .icon-detail-dbg-4,
     .icon-detail-fire,
     .icon-detail-gift,
     .icon-detail-left-fish,
     .icon-detail-leg,
     .icon-detail-mark,
     .icon-detail-message,
     .icon-detail-monthticket,
     .icon-detail-monthticket-dialog,
     .icon-detail-rank-1,
     .icon-detail-rank-2,
     .icon-detail-rank-3,
     .icon-detail-rank-4,
     .icon-detail-rank-num-1,
     .icon-detail-rank-num-2,
     .icon-detail-rank-num-3,
     .icon-detail-read,
     .icon-detail-recommend,
     .icon-detail-recommend-dialog,
     .icon-detail-share,
     .icon-detail-single,
     .icon-detail-stone-dialog,
     .icon-detail-stone-message,
     .icon-detail-tick,
     .icon-detail-triangle-down,
     .icon-detail-triangle-up {
         display: inline-block;
         background-repeat: no-repeat;
         background-image: url(../image/detail.fbfc0@2x.png);
         -webkit-background-size: 248px 248px;
         -moz-background-size: 248px 248px;
         background-size: 248px 248px
     }
 }

 .acgn-model * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
 }

 .common-box-shadow {
     -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
     -moz-box-shadow: 0 0 6px 0 #FFD1D8;
     box-shadow: 0 0 6px 0 #FFD1D8
 }

 .header-common-line img {
     width: 100%
 }

 .common-null-box {
     text-align: center;
     padding-top: 32px;
     font-size: 14px;
     color: #666666
 }

 .common-null-box .null-img {
     width: 100px;
     margin-bottom: 25px
 }

 .common-cat {
     background: url(../image/bg-cat-main.png) no-repeat;
     -webkit-background-size: 264px 80px;
     -moz-background-size: 264px 80px;
     background-size: 264px 80px;
     width: 264px;
     height: 80px;
     position: absolute;
     top: -40px;
     left: 50%;
     margin-left: -132px
 }

 .common-login-header {
     width: 100%;
     position: relative;
     background-color: #ffffff;
     -webkit-border-top-right-radius: 12px;
     -moz-border-radius-topright: 12px;
     border-top-right-radius: 12px;
     -webkit-border-top-left-radius: 12px;
     -moz-border-radius-topleft: 12px;
     border-top-left-radius: 12px
 }

 .common-login-header .close {
     position: absolute;
     right: 13px;
     top: 10px
 }

 .common-login-header .close:hover {
     cursor: pointer
 }

 .common-login-title {
     background: url(../image/login-header.png) no-repeat;
     -webkit-background-size: 176px 48px;
     -moz-background-size: 176px 48px;
     background-size: 176px 48px;
     width: 176px;
     height: 48px;
     margin: 0 auto;
     text-align: center
 }

 .common-login-title .title {
     color: #fd5158;
     position: relative;
     top: 15px
 }

 .login-container {
     background: #fff;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .login-container .login-title {
     font-size: 32px;
     height: 42px;
     line-height: 42px;
     padding-top: 24px;
     text-align: center;
     color: #333
 }

 .login-container .icon-comm-close-thin {
     cursor: pointer;
     position: absolute;
     right: 16px;
     top: 16px
 }

 .acgn-model-header .triangle:after,
 .acgn-model-header .triangle:before {
     content: "";
     height: 0;
     width: 0;
     overflow: hidden
 }

 .acgn-model-header {
     height: 149px
 }

 .acgn-model-header .book .book-main .book-list .book-info .img img,
 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img img {
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
     transition: -webkit-transform .2s linear;
     -o-transition: -o-transform .2s linear;
     -moz-transition: transform .2s linear, -moz-transform .2s linear;
     transition: transform .2s linear;
     transition: transform .2s linear, -webkit-transform .2s linear, -moz-transform .2s linear, -o-transform .2s linear;
     -webkit-transition: -webkit-transform .2s linear
 }

 .acgn-model-header .book .book-main .book-list .book-info .img img:hover,
 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img img:hover {
     -moz-transform: scale(1.05) translateY(-2%);
     -ms-transform: scale(1.05) translateY(-2%);
     -o-transform: scale(1.05) translateY(-2%);
     transform: scale(1.05) translateY(-2%);
     -webkit-transform: scale(1.05) translateY(-2%)
 }

 .acgn-model-header .block-wrap {
     position: relative;
     height: 64px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
     -moz-box-shadow: 0 0 4px 0 #FFD1D8;
     box-shadow: 0 0 4px 0 #FFD1D8
 }

 .acgn-model-header .block-wrap.block-wrap-fixed {
     position: absolute;
     z-index: 101;
     left: 0;
     top: 0;
     width: 100%;
     height: 149px
 }

 .acgn-model-header .block-float {
     height: 64px;
     width: auto
 }

 .acgn-model-header .block-float.block-float-left {
     float: left;
     text-align: left
 }

 .acgn-model-header .block-float.block-float-right {
     float: right;
     text-align: right
 }

 .acgn-model-header .logo {
     float: left;
     height: 48px;
     margin: 0
 }

 .acgn-model-header .figure {
     height: 149px;
     width: auto
 }

 .acgn-model-header .func-menu {
     position: relative;
     display: block;
     height: 64px;
     font-size: 0;
     line-height: 40px;
     top: 20px
 }

 .acgn-model-header .download {
     position: relative;
     display: none;
     height: 64px;
     width: 90px;
     font-size: 14px;
     line-height: 64px;
     text-align: right;
     color: #333333;
     vertical-align: middle;
     cursor: pointer
 }

 .acgn-model-header .download .phone {
     font-size: 18px;
     vertical-align: middle
 }

 .acgn-model-header .download .download-inner {
     display: none;
     position: absolute;
     z-index: 105;
     right: 0;
     top: 49px;
     height: 150px;
     width: 120px;
     padding: 25px 12px 0;
     background: url(../image/bg-cat-main-hollow.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .acgn-model-header .download .download-inner .text {
     font-size: 12px;
     color: #999999;
     line-height: 18px;
     text-align: center;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .download .download-inner .qr-code {
     display: block;
     height: 96px;
     width: 96px
 }

 .acgn-model-header .book {
     position: relative;
     display: inline-block;
     height: 64px;
     width: 100px;
     line-height: 64px;
     text-align: center;
     color: #333333;
     font-size: 0;
     vertical-align: middle
 }

 .acgn-model-header .book .book-none {
     display: none;
     padding: 12px;
     border: 1px solid #FFD1D8;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 1px 4px 0 #fc6976 inset;
     -moz-box-shadow: 0 1px 4px 0 #fc6976 inset;
     box-shadow: inset 0 1px 4px 0 #fc6976
 }

 .acgn-model-header .book .book-none .mascot {
     display: block;
     height: auto;
     width: 80px;
     margin: 0 auto 20px
 }

 .acgn-model-header .book .book-none .explain {
     height: 20px;
     font-size: 12px;
     line-height: 20px;
     color: #999999
 }

 .acgn-model-header .book .book-none .explain,
 .acgn-model-header .book .book-none .link {
     display: block;
     text-align: center;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .book .book-none .link {
     height: 24px;
     font-size: 14px;
     line-height: 24px;
     color: #fc6976;
     cursor: pointer
 }

 .acgn-model-header .book .book-main {
     display: none;
     padding: 12px 4px 4px;
     border: 1px solid #FFB5C3;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     box-shadow: inset 0 1px 4px 0 #FFD1D8
 }

 .acgn-model-header .book .book-main .book-list {
     padding: 0 8px
 }

 .acgn-model-header .book .book-main .book-list .book-item {
     position: relative;
     border: 1px solid #FFD1D8;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 16px;
     -webkit-box-shadow: 1px 0 3px 0 #FFD1D8;
     -moz-box-shadow: 1px 0 3px 0 #FFD1D8;
     box-shadow: 1px 0 3px 0 #FFD1D8
 }

 .acgn-model-header .book .book-main .book-list .book-item.collect-item .book-info {
     padding: 8px 0 8px 68px
 }

 .acgn-model-header .book .book-main .book-list .book-info {
     position: relative;
     z-index: 102;
     display: block;
     height: 80px;
     padding: 0 0 0 68px;
     text-align: left
 }

 .acgn-model-header .book .book-main .book-list .book-info .img {
     position: absolute;
     z-index: 103;
     left: 0;
     top: 0;
     display: block;
     height: 80px;
     width: 60px;
     background-position: 50%;
     background-repeat: no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     overflow: hidden
 }

 .acgn-model-header .book .book-main .book-list .book-info .img img {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-header .book .book-main .book-list .book-info .img:hover {
     border: 1px solid #fc6976
 }

 .acgn-model-header .book .book-main .book-list .book-info .title {
     height: 30px;
     color: #333333;
     font-weight: 400;
     line-height: 30px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .book .book-main .book-list .book-info .title:hover {
     color: #fc6976
 }

 .acgn-model-header .book .book-main .book-list .book-info .collect-desc,
 .acgn-model-header .book .book-main .book-list .book-info .desc {
     position: relative;
     height: 18px;
     font-size: 12px;
     font-weight: 400;
     color: #999999;
     line-height: 18px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .book .book-main .book-list .book-info .collect-desc.isnew,
 .acgn-model-header .book .book-main .book-list .book-info .desc.isnew {
     height: 28px;
     padding: 10px 28px 0 0
 }

 .acgn-model-header .book .book-main .book-list .book-info .collect-desc .desc-hint,
 .acgn-model-header .book .book-main .book-list .book-info .desc .desc-hint {
     position: absolute;
     right: 0;
     bottom: 10px;
     display: block;
     height: 20px;
     width: 20px
 }

 .acgn-model-header .book .book-main .book-list .book-info .collect-desc .desc-hint i,
 .acgn-model-header .book .book-main .book-list .book-info .desc .desc-hint i {
     font-size: 18px;
     text-align: center;
     line-height: 20px;
     color: #fc6976
 }

 .acgn-model-header .book .book-main .book-list .book-info .collect-desc.isnew {
     height: 60px;
     padding: 40px 28px 0 0
 }

 .acgn-model-header .book .book-main .book-list .book-read {
     position: absolute;
     right: 2px;
     bottom: 4px;
     display: block;
     height: 18px;
     width: 48px;
     font-size: 12px;
     line-height: 18px;
     text-align: right;
     color: #ff7647;
     cursor: pointer
 }

 .acgn-model-header .book .book-main .book-count {
     height: 32px;
     margin: 0 8px 12px;
     font-size: 0;
     color: #FFB5C3;
     line-height: 32px;
     text-align: center;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     background-color: #FFF4F4
 }

 .acgn-model-header .book .book-main .book-count .all,
 .acgn-model-header .book .book-main .book-count .bar {
     display: inline-block;
     height: 28px;
     width: auto;
     padding: 0 3px;
     color: inherit;
     font-size: 12px;
     line-height: 28px;
     vertical-align: middle;
     cursor: pointer
 }

 .acgn-model-header .book .book-main .book-count .bar {
     max-width: 35px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .book .book-main .book-count:hover {
     color: #fc6976
 }

 .acgn-model-header .book .book-nav-split {
     display: inline-block;
     font-size: 14px;
     padding: 0 4px;
     color: #dcdcdc;
     opacity: .5
 }

 .acgn-model-header .book .book-nav-item {
     display: inline-block;
     font-size: 14px;
     padding: 0 4px;
     color: #333333;
     position: relative;
     cursor: pointer
 }

 .acgn-model-header .book .book-nav-item:hover {
     color: #fc6976
 }

 .acgn-model-header .book .book-nav-item:hover .book-nav-item-bd {
     color: #333333;
     display: block
 }

 .acgn-model-header .book .book-nav-item .book-nav-item-bd {
     display: none;
     position: absolute;
     z-index: 104;
     left: 50%;
     top: 49px;
     width: 264px;
     padding: 36px 8px 0;
     margin-left: -132px;
     background: url(../image/bg-cat-main.png) no-repeat top;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto;
     cursor: auto
 }

 .acgn-model-header .book .book-nav-item .book-nav-item-bd .triangle {
     display: none
 }

 .acgn-model-header .user {
     position: relative;
     display: inline-block;
     height: 64px;
     width: 40px;
     text-align: center;
     vertical-align: middle
 }

 .acgn-model-header .user .face {
     position: absolute;
     z-index: 104;
     left: 50%;
     top: 12px;
     display: block;
     height: 40px;
     width: 40px;
     margin-left: -20px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     background-color: #ffffff
 }

 .acgn-model-header .user .face img {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-header .user .user-inner {
     position: absolute;
     z-index: 103;
     left: 50%;
     top: 52px;
     display: none;
     height: auto;
     width: 264px;
     padding: 36px 8px 0;
     margin-left: -132px;
     padding-top: 38px;
     background: url(../image/bg-cat-main.png) no-repeat top;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto
 }

 .acgn-model-header .user .user-inner .user-inner-main {
     padding: 16px 0 0;
     border: 1px solid #FFB5C3;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     box-shadow: inset 0 1px 4px 0 #FFD1D8
 }

 .acgn-model-header .user .user-inner .user-inner-main .name {
     height: 36px;
     width: 180px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 36px;
     text-align: center;
     font-weight: 400;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .user .user-inner .user-inner-main .name:hover {
     color: #fc6976
 }

 .acgn-model-header .user .user-inner .user-inner-main .uid {
     height: 28px;
     width: 180px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 28px;
     text-align: center;
     font-weight: 400;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .user .user-inner .user-inner-main .assets {
     display: block;
     height: 76px;
     width: 210px;
     padding: 6px 0;
     margin: 0 auto
 }

 .acgn-model-header .user .user-inner .user-inner-main .assets .asset {
     position: relative;
     float: left;
     height: 32px;
     width: 105px;
     font-size: 0;
     line-height: 32px;
     text-align: left;
     overflow: hidden
 }

 .acgn-model-header .user .user-inner .user-inner-main .assets .asset .mask {
     display: inline-block;
     height: 24px;
     width: 24px;
     margin-right: 2px;
     vertical-align: middle
 }

 .acgn-model-header .user .user-inner .user-inner-main .assets .asset .type {
     display: inline-block;
     height: 20px;
     width: 28px;
     margin-right: 2px;
     font-size: 12px;
     line-height: 20px;
     vertical-align: middle
 }

 .acgn-model-header .user .user-inner .user-inner-main .assets .asset .num {
     display: inline-block;
     height: 20px;
     width: 48px;
     font-size: 12px;
     line-height: 20px;
     color: #999999;
     text-align: left;
     vertical-align: middle;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: pointer
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-login {
     height: 81px;
     padding-top: 21px
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-btn {
     position: relative;
     display: block;
     height: 32px;
     width: 200px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 32px;
     text-align: center;
     color: #ffffff;
     background-color: #fc6976;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
     background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
     background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
     cursor: pointer
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-btn:before {
     content: "";
     position: absolute;
     left: 50%;
     top: -21px;
     display: block;
     height: 24px;
     width: 24px;
     margin-left: -12px;
     background: url(../image/cat-stand.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-btn:hover {
     -webkit-box-shadow: 0 0 6px 0 #fc6976;
     -moz-box-shadow: 0 0 6px 0 #fc6976;
     box-shadow: 0 0 6px 0 #fc6976
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-login .login-hint {
     display: block;
     height: 24px;
     font-size: 12px;
     color: #999999;
     line-height: 24px;
     text-align: center;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-exit {
     height: 53px;
     padding-top: 21px;
     margin-bottom: 20px
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-exit .exit-btn {
     position: relative;
     display: block;
     height: 32px;
     width: 200px;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 32px;
     text-align: center;
     color: #FFB5C3;
     background-color: #FFF4F4;
     cursor: pointer
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-exit .exit-btn:before {
     content: "";
     position: absolute;
     left: 50%;
     top: -21px;
     display: block;
     height: 24px;
     width: 24px;
     margin-left: -12px;
     background: url(../image/cat-stand-gray.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .acgn-model-header .user .user-inner .user-inner-main .status .status-exit .exit-btn:hover {
     color: #fc6976
 }

 .acgn-model-header .user:hover .face {
     top: 0x;
     height: 82px;
     width: 82px;
     border: 1px solid #fc6976;
     -webkit-box-shadow: 0 4px 5px 0 #FFD1D8;
     -moz-box-shadow: 0 4px 5px 0 #FFD1D8;
     box-shadow: 0 4px 5px 0 #FFD1D8;
     margin-left: -40px;
     overflow: hidden
 }

 .acgn-model-header .user:hover .user-inner {
     display: block
 }

 .acgn-model-header .author_btn {
     display: block;
     width: 126px;
     height: 42px;
     font-size: 16px;
     text-align: center;
     background: url(../image/login_bg.png) no-repeat top;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto;
     color: #fff
 }

 .acgn-model-header .search {
     position: absolute;
     display: inline-block;
     height: 64px;
     padding: 16px 8px 16px 0;
     vertical-align: top;
     text-align: left;
     margin-left: 42px;
     top: 20px
 }

 .acgn-model-header .search .search-wrap {
     position: relative;
     display: block;
     height: 48px;
     width: 408px;
     padding-right: 48px
 }

 .acgn-model-header .search .search-wrap .search-input {
     display: block;
     height: 32px;
     width: 100%;
     margin: 0;
     padding: 0 10px;
     outline: none;
     font-size: 16px;
     line-height: 32px;
     color: #FFB5C3;
     background-color: #FFF4F4;
     border: 1px solid #FFD1D8;
     border-width: 1px 0 1px 1px;
     -webkit-border-radius: 5px 0 0 5px;
     -moz-border-radius: 5px 0 0 5px;
     border-radius: 5px 0 0 5px
 }

 .acgn-model-header .search .search-wrap .search-input::-webkit-input-placeholder {
     color: #FFB5C3
 }

 .acgn-model-header .search .search-wrap .search-input::-moz-input-placeholder {
     color: #FFB5C3
 }

 .acgn-model-header .search .search-wrap .search-input::-ms-input-placeholder {
     color: #FFB5C3
 }

 .acgn-model-header .search .search-wrap .search-input::-o-input-placeholder {
     color: #FFB5C3
 }

 .acgn-model-header .search .search-wrap .ift-search {
     position: absolute;
     right: 0;
     top: 0;
     display: block;
     height: 32px;
     width: 48px;
     padding-right: 4px;
     font-size: 24px;
     line-height: 32px;
     text-align: center;
     color: #ffffff;
     background-color: #fc6976;
     -webkit-border-radius: 0 5px 5px 0;
     -moz-border-radius: 0 5px 5px 0;
     border-radius: 0 5px 5px 0;
     cursor: pointer
 }

 .acgn-model-header .search .search-wrap .ift-search:active {
     line-height: 34px;
     background-color: #FC4F71
 }

 .acgn-model-header .search .search-inner {
     position: absolute;
     z-index: 102;
     left: 0;
     top: 52px;
     display: none;
     height: auto;
     width: 264px;
     padding: 36px 8px 0;
     padding-top: 38px;
     background: url(../image/bg-cat-main.png) no-repeat top;
     -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
     background-size: 100% auto
 }

 .acgn-model-header .search .search-inner .search-inner-main {
     padding: 8px 0;
     border: 1px solid #FFB5C3;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     -moz-box-shadow: 0 1px 4px 0 #FFD1D8 inset;
     box-shadow: inset 0 1px 4px 0 #FFD1D8
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-title {
     position: relative;
     height: 32px;
     margin: 0 16px 4px;
     font-size: 14px;
     font-weight: 400;
     line-height: 32px;
     color: #fc6976;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-title.search-title-shadow {
     height: 42px
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-title.search-title-shadow:after {
     content: "";
     position: absolute;
     left: -4px;
     right: -4px;
     bottom: 0;
     display: block;
     height: 6px;
     -webkit-box-shadow: 0 3px 3px 0 #FFF4F4 inset;
     -moz-box-shadow: 0 3px 3px 0 #FFF4F4 inset;
     box-shadow: inset 0 3px 3px 0 #FFF4F4
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history {
     position: relative
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history .search-clean {
     position: absolute;
     right: 16px;
     top: 4px;
     display: inline-block;
     height: 24px;
     width: 24px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     font-size: 12px;
     line-height: 24px;
     color: #fc6976;
     text-align: center;
     background-color: #FFF4F4;
     cursor: pointer
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history .search-clean:active {
     background-color: #FFB5C3
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history .search-no-info {
     height: 36px
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history .search-tags {
     padding: 0 16px;
     font-size: 0;
     max-height: 72px;
     margin-bottom: 8px;
     line-height: 24px;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history .search-tags .search-tag {
     display: inline-block;
     height: 16px;
     max-width: 120px;
     margin-right: 8px;
     font-size: 12px;
     color: #999999;
     line-height: 16px;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: pointer
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-history .search-tags .search-tag:hover {
     color: #fc6976
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text {
     position: relative;
     display: block;
     height: 24px;
     padding: 4px 16px 0 44px;
     margin-bottom: 4px;
     font-size: 14px;
     line-height: 20px
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask {
     position: absolute;
     left: 16px;
     top: 4px;
     display: block;
     height: 20px;
     width: 20px;
     font-size: 14px;
     line-height: 20px;
     color: #666666;
     font-weight: 300;
     text-align: center
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask.mask-1 {
     color: transparent;
     background: url(../image/rank-top-1.png) no-repeat 50%;
     -webkit-background-size: 24px auto;
     -moz-background-size: 24px auto;
     background-size: 24px auto
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask.mask-2 {
     color: transparent;
     background: url(../image/rank-top-2.png) no-repeat 50%;
     -webkit-background-size: 24px auto;
     -moz-background-size: 24px auto;
     background-size: 24px auto
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .mask.mask-3 {
     color: transparent;
     background: url(../image/rank-top-3.png) no-repeat 50%;
     -webkit-background-size: 24px auto;
     -moz-background-size: 24px auto;
     background-size: 24px auto
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .name {
     position: relative;
     padding: 0 75px 0 0;
     color: #666666;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .name.imp {
     color: #333333
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-text .name .new {
     position: absolute;
     right: 0;
     top: 0;
     display: block;
     height: 20px;
     width: 72px;
     font-size: 12px;
     text-align: right;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info {
     position: relative;
     z-index: 102;
     display: none;
     height: 80px;
     padding: 20px 16px 20px 72px;
     margin: 0 16px 4px;
     -webkit-border-radius: 0 8px 8px 0;
     -moz-border-radius: 0 8px 8px 0;
     border-radius: 0 8px 8px 0;
     background-color: #FFF4F4;
     -webkit-box-shadow: 0 0 4px 0 #FFD1D8;
     -moz-box-shadow: 0 0 4px 0 #FFD1D8;
     box-shadow: 0 0 4px 0 #FFD1D8
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img {
     position: absolute;
     z-index: 103;
     left: 0;
     top: 0;
     display: block;
     height: 80px;
     width: 60px;
     background-repeat: no-repeat;
     background-position: 50%;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     background-color: #FFD1D8;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img img {
     display: block;
     height: 100%;
     width: 100%
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .img:hover {
     border: 1px solid #fc6976
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .name {
     height: 22px;
     font-size: 14px;
     color: #fc6976;
     font-weight: 400;
     line-height: 22px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .desc {
     height: 18px;
     font-size: 12px;
     color: #999999;
     line-height: 18px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .desc.isnew {
     height: 40px;
     padding: 20px 28px 0 0
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .tags {
     height: 34px;
     padding-top: 10px;
     font-size: 0;
     line-height: 24px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-info .tags .tag {
     display: inline-block;
     height: 16px;
     width: auto;
     min-width: 32px;
     padding: 0 4px;
     border: 1px solid #999999;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-right: 4px;
     font-size: 10px;
     font-weight: 300;
     color: #999999;
     text-align: center;
     line-height: 14px;
     vertical-align: middle
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-keywords {
     display: block;
     height: 28px;
     padding: 0 16px;
     font-size: 14px;
     line-height: 28px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item .item-keywords .keywords-light {
     color: #fc6976
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item.active .item-text {
     display: none
 }

 .acgn-model-header .search .search-inner .search-inner-main .search-hot .search-list .search-item.active .item-info {
     display: block
 }

 .acgn-model-header .triangle {
     position: absolute;
     top: 0;
     left: 50%;
     margin-left: -4px
 }

 .acgn-model-header .triangle:before {
     position: absolute;
     z-index: 1;
     top: -8px;
     content: "";
     border-bottom: 8px solid #dcdcdc;
     border-left: 8px dashed transparent;
     border-right: 8px dashed transparent
 }

 .acgn-model-header .triangle:after {
     position: absolute;
     z-index: 2;
     top: -7px;
     content: "";
     border-bottom: 8px solid #ffffff;
     border-left: 8px dashed transparent;
     border-right: 8px dashed transparent
 }

 .acgn-model-header .nav-menu {
     float: left;
     position: relative;
     display: block;
     font-size: 0;
     line-height: 56px;
     height: 64px;
     margin-top: 88px
 }

 .acgn-model-header .nav-menu .nav-item {
     position: relative;
     display: inline-block;
     height: 64px;
     width: auto;
     margin-left: 40px;
     font-size: 16px;
     color: #333333;
     line-height: 64px;
     vertical-align: middle;
     text-align: center;
     cursor: pointer
 }

 .acgn-model-header .nav-menu .nav-item .underline {
     display: none
 }

 .acgn-model-header .nav-menu .nav-item .arrow {
     position: absolute;
     top: 30px;
     right: -10px;
     display: block;
     height: 0;
     width: 0;
     border-style: solid;
     border-color: #ffffff transparent transparent;
     border-width: 6px 4px
 }

 .acgn-model-header .nav-menu .nav-item.open .arrow {
     display: block;
     top: 22px;
     border-color: transparent transparent #ffffff
 }

 .acgn-model-header .nav-menu .nav-item.active a,
 .acgn-model-header .nav-menu .nav-item:hover a {
     color: #fc6976
 }

 .acgn-model-header .nav-menu .nav-item.active a .arrow,
 .acgn-model-header .nav-menu .nav-item:hover a .arrow {
     border-color: #ffffff transparent transparent
 }

 .acgn-model-header .nav-menu .nav-item.active a.open .arrow,
 .acgn-model-header .nav-menu .nav-item:hover a.open .arrow {
     border-color: transparent transparent #ffffff
 }

 .acgn-model-header .category-inner {
     position: absolute;
     z-index: 101;
     left: 0;
     top: 62px;
     display: none;
     height: 124px;
     width: 100%;
     padding: 24px;
     background-color: #ffffff;
     -webkit-box-shadow: 1px 1px 4px 0 #dcdcdc;
     -moz-box-shadow: 1px 1px 4px 0 #dcdcdc;
     box-shadow: 1px 1px 4px 0 #dcdcdc
 }

 .acgn-model-header .category-inner .category-container {
     position: relative;
     height: 76px;
     overflow: hidden
 }

 .acgn-model-header .category-inner .category-container .category-block {
     position: relative;
     float: left;
     height: 76px;
     width: 25%;
     padding: 0 24px;
     font-size: 0;
     line-height: 38px
 }

 .acgn-model-header .category-inner .category-container .category-block:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     display: block;
     height: 40px;
     width: 1px;
     margin-top: -20px;
     background-color: #dcdcdc
 }

 .acgn-model-header .category-inner .category-container .category-block.none-split:before {
     content: none
 }

 .acgn-model-header .category-inner .category-container .category-block .category-link {
     display: inline-block;
     height: 26px;
     width: 25%;
     font-size: 16px;
     color: #333333;
     line-height: 26px;
     text-align: center;
     vertical-align: middle;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: pointer
 }

 .acgn-model-footer {
     background: url(../image/bg-footer-cat.png) no-repeat bottom;
     -webkit-background-size: 1920px auto;
     -moz-background-size: 1920px auto;
     background-size: 1920px auto;
     min-width: 1200px
 }

 .acgn-model-footer .star-tree {
     text-align: center
 }

 .acgn-model-footer .star-tree img {
     height: 80px;
     width: 80px
 }

 .acgn-model-footer .block-content {
     position: relative;
     font-size: 0;
     height: 114px;
     text-align: center
 }

 .acgn-model-footer .link-list {
     display: inline-block;
     vertical-align: middle;
     padding: 0 10px 10px
 }

 .acgn-model-footer .link-list .link-free {
     display: block;
     font-size: 0;
     line-height: 52px
 }

 .acgn-model-footer .link-list .link-item {
     display: block;
     height: 26px;
     font-size: 12px;
     color: #333333;
     line-height: 26px;
     text-align: left;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-footer .link-list .link-item a {
     color: inherit
 }

 .acgn-model-footer .link-list .link-item.link:hover {
     color: #fc6976
 }

 .acgn-model-footer .link-list .link-item.warning,
 .acgn-model-footer .link-list .link-item.warning:hover {
     color: #FC4F71
 }

 .acgn-model-footer .footer-center,
 .acgn-model-footer .footer-left,
 .acgn-model-footer .footer-right {
     width: 300px;
     display: inline-block;
     vertical-align: top
 }

 .acgn-model-footer .footer-center {
     width: 360px
 }

 .acgn-model-footer .footer-left {
     text-align: right
 }

 .acgn-model-footer .footer-right {
     text-align: left
 }

 .acgn-model-footer .code-block {
     display: inline-block;
     padding-bottom: 10px;
     width: 80px;
     text-align: center;
     vertical-align: middle
 }

 .acgn-model-footer .code-block .qr-code {
     display: block;
     height: 64px;
     width: 64px;
     margin: 0 auto
 }

 .acgn-model-footer .code-block .text {
     height: 28px;
     font-size: 12px;
     line-height: 28px;
     color: #666666;
     text-align: center
 }

 .acgn-model-footer .feedback-btn {
     display: inline-block;
     height: 24px;
     width: auto;
     padding: 0 8px;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
     border-radius: 12px;
     font-size: 12px;
     line-height: 24px;
     color: #FFB5C3;
     background-color: #ffffff;
     cursor: pointer
 }

 .acgn-model-footer .feedback-btn:hover {
     color: #ffffff;
     background-color: #fc6976
 }

 .acgn-model-footer .footer-content {
     width: 1200px;
     border-bottom: 1px dashed #FFB5C3;
     margin: 0 auto;
     text-align: center
 }

 .acgn-model-footer .block-bottom {
     display: block;
     padding: 20px 18px;
     font-size: 12px;
     color: #999999;
     font-weight: 400;
     line-height: 20px;
     text-align: center
 }

 #__acgn-virtual-coin__ {
     display: none
 }

 .fc-wrap {
     left: 0;
     top: 0;
     height: 0;
     width: 0
 }

 .fc-floater,
 .fc-wrap {
     position: absolute;
     z-index: 80
 }

 .fc-floater {
     left: 100px;
     top: 100px;
     display: block;
     height: auto;
     width: 240px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 0 6px 0 #FFB5C3;
     -moz-box-shadow: 0 0 6px 0 #FFB5C3;
     box-shadow: 0 0 6px 0 #FFB5C3;
     overflow: hidden;
     -moz-animation: scaleFloater .2s linear;
     -o-animation: scaleFloater .2s linear;
     animation: scaleFloater .2s linear;
     -webkit-animation: scaleFloater .2s linear
 }

 .fc-floater a {
     color: inherit
 }

 .fc-floater .fc-bg {
     position: absolute;
     z-index: 82;
     left: 0;
     top: 0;
     height: 0;
     width: 100%;
     padding-bottom: 50%;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     overflow: hidden
 }

 .fc-floater .fc-bg img {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     height: auto;
     width: 100%;
     -webkit-transition: -webkit-transform .5s ease-out .2s;
     transition: -webkit-transform .5s ease-out .2s;
     -o-transition: -o-transform .5s .2s ease-out;
     -moz-transition: transform .5s .2s ease-out, -moz-transform .5s .2s ease-out;
     transition: transform .5s ease-out .2s;
     transition: transform .5s ease-out .2s, -webkit-transform .5s ease-out .2s, -moz-transform .5s ease-out .2s, -o-transform .5s ease-out .2s
 }

 .fc-floater .fc-bg:hover img {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2)
 }

 .fc-floater .fc-main {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     position: relative;
     z-index: 81;
     height: 100%;
     padding: 50% 16px 116px
 }

 .fc-floater .fc-main .fc-title {
     position: relative;
     height: 38px;
     padding: 14px 28px 0 0;
     line-height: 24px;
     font-size: 14px;
     font-weight: 400;
     color: #333333;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .fc-floater .fc-main .fc-title:hover {
     color: #fc6976
 }

 .fc-floater .fc-main .fc-score {
     position: absolute;
     right: 0;
     top: 10px;
     display: inline-block;
     height: 24px;
     width: auto;
     padding: 0 5px;
     font-size: 12px;
     line-height: 24px;
     color: #fc6976;
     vertical-align: bottom
 }

 .fc-floater .fc-main .fc-score .strong {
     font-size: 20px
 }

 .fc-floater .fc-main .fc-tags {
     height: 24px;
     font-size: 0;
     line-height: 24px;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .fc-floater .fc-main .fc-tags .fc-tag {
     display: inline-block;
     height: 20px;
     margin-right: 8px;
     font-size: 14px;
     line-height: 20px;
     color: #999999;
     cursor: pointer;
     vertical-align: middle
 }

 .fc-floater .fc-main .fc-tags .fc-tag:hover {
     color: #fc6976
 }

 .fc-floater .fc-main .fc-new {
     height: 24px;
     line-height: 24px;
     font-size: 12px;
     color: #999999;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .fc-floater .fc-main .fc-new:hover {
     color: #fc6976
 }

 .fc-floater .fc-main .fc-bottom {
     position: absolute;
     left: 16px;
     right: 16px;
     bottom: 20px;
     height: auto
 }

 .fc-floater .fc-main .fc-desc {
     display: block;
     height: 36px;
     margin-bottom: 28px;
     color: #999999;
     font-size: 12px;
     line-height: 18px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .fc-floater .fc-main .fc-btn {
     position: relative;
     display: block;
     height: 32px;
     width: 90%;
     -webkit-border-radius: 16px;
     -moz-border-radius: 16px;
     border-radius: 16px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 32px;
     text-align: center;
     color: #ffffff;
     background-color: #fc6976;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#fc6976), color-stop(42%, #FC4F71), to(#FFB5C3));
     background-image: -webkit-linear-gradient(bottom, #fc6976, #FC4F71 42%, #FFB5C3);
     background-image: -moz- oldlinear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: -o-linear-gradient(bottom, #fc6976 0, #FC4F71 42%, #FFB5C3 100%);
     background-image: linear-gradient(0deg, #fc6976, #FC4F71 42%, #FFB5C3);
     cursor: pointer
 }

 .fc-floater .fc-main .fc-btn:before {
     content: "";
     position: absolute;
     left: 50%;
     top: -21px;
     display: block;
     height: 24px;
     width: 24px;
     margin-left: -12px;
     background: url(../image/cat-stand.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .fc-floater .fc-main .fc-btn:hover {
     -webkit-box-shadow: 0 0 6px 0 #fc6976;
     -moz-box-shadow: 0 0 6px 0 #fc6976;
     box-shadow: 0 0 6px 0 #fc6976
 }

 @-moz-keyframes scaleFloater {
     0% {
         opacity: 0;
         -moz-transform: scale(.8);
         transform: scale(.8)
     }

     49% {
         opacity: 1;
         -moz-transform: scale(.8);
         transform: scale(.8)
     }

     50% {
         opacity: 1;
         -moz-transform: scale(.8);
         transform: scale(.8)
     }

     to {
         opacity: 1;
         -moz-transform: scale(1);
         transform: scale(1)
     }
 }

 @-o-keyframes scaleFloater {
     0% {
         opacity: 0;
         -o-transform: scale(.8);
         transform: scale(.8)
     }

     49% {
         opacity: 1;
         -o-transform: scale(.8);
         transform: scale(.8)
     }

     50% {
         opacity: 1;
         -o-transform: scale(.8);
         transform: scale(.8)
     }

     to {
         opacity: 1;
         -o-transform: scale(1);
         transform: scale(1)
     }
 }

 @keyframes scaleFloater {
     0% {
         opacity: 0;
         -webkit-transform: scale(.8);
         -moz-transform: scale(.8);
         -o-transform: scale(.8);
         transform: scale(.8)
     }

     49% {
         opacity: 1;
         -webkit-transform: scale(.8);
         -moz-transform: scale(.8);
         -o-transform: scale(.8);
         transform: scale(.8)
     }

     50% {
         opacity: 1;
         -webkit-transform: scale(.8);
         -moz-transform: scale(.8);
         -o-transform: scale(.8);
         transform: scale(.8)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         transform: scale(1)
     }
 }

 @-webkit-keyframes scaleFloater {
     0% {
         opacity: 0;
         -webkit-transform: scale(.8)
     }

     49% {
         opacity: 1;
         -webkit-transform: scale(.8)
     }

     50% {
         opacity: 1;
         -webkit-transform: scale(.8)
     }

     to {
         opacity: 1;
         -webkit-transform: scale(1)
     }
 }

 .acgn-model-float {
     display: none !important
 }

 .acgn-model-float .float-cat-main {
     position: fixed;
     z-index: 50;
     left: auto;
     margin-top: -211px;
     right: 20px;
     bottom: 36px;
     width: 56px;
     padding-top: 36px
 }

 .acgn-model-float .float-cat-main .round-list-group {
     position: relative;
     z-index: 52;
     height: auto;
     width: 56px;
     -webkit-border-radius: 28px;
     -moz-border-radius: 28px;
     border-radius: 28px;
     background-color: #ffffff;
     -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
     -moz-box-shadow: 0 0 6px 0 #FFD1D8;
     box-shadow: 0 0 6px 0 #FFD1D8
 }

 .acgn-model-float .float-cat-main .round-list-group .item {
     position: relative;
     display: block;
     height: 56px;
     width: 56px;
     cursor: pointer
 }

 .acgn-model-float .float-cat-main .round-list-group .item a {
     position: relative;
     z-index: 54;
     display: block;
     height: 56px;
     width: 56px;
     border: 12px solid transparent;
     font-size: 12px;
     color: #666666;
     line-height: 16px;
     text-align: center;
     letter-spacing: 1px;
     color: inherit;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     word-wrap: break-word;
     word-break: break-all;
     /*! autoprefixer: off */
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .acgn-model-float .float-cat-main .round-list-group .item:before {
     content: "";
     position: absolute;
     z-index: 53;
     left: 4px;
     top: 4px;
     height: 48px;
     width: 48px;
     -webkit-border-radius: 24px;
     -moz-border-radius: 24px;
     border-radius: 24px
 }

 .acgn-model-float .float-cat-main .round-list-group .item.active,
 .acgn-model-float .float-cat-main .round-list-group .item:hover {
     color: #fc6976
 }

 .acgn-model-float .float-cat-main .round-list-group .item.active:before,
 .acgn-model-float .float-cat-main .round-list-group .item:hover:before {
     background-color: #FFF4F4
 }

 .acgn-model-float .float-cat-main .connect {
     position: relative;
     z-index: 51;
     display: block;
     height: 6px;
     margin: 0 auto
 }

 .acgn-model-float .float-cat-main .connect .line {
     position: absolute;
     left: 50%;
     top: -3px;
     height: 12px;
     width: 24px;
     border-style: solid;
     border-color: #FFD1D8;
     border-width: 0 3px;
     margin-left: -12px;
     background-color: rgba(252, 105, 118, 0.10);
     -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
     -moz-box-shadow: 0 0 6px 0 #FFD1D8;
     box-shadow: 0 0 6px 0 #FFD1D8
 }

 .acgn-model-float .float-cat-main .round-list {
     position: relative;
     z-index: 52;
     display: block;
     height: auto;
     width: 56px;
     margin: 0 auto
 }

 .acgn-model-float .float-cat-main .round-list .item {
     position: relative;
     display: block;
     height: 56px;
     width: 56px;
     padding: 8px 4px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     margin-bottom: 8px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
     color: #FFD1D8;
     background-color: #ffffff;
     -webkit-box-shadow: 0 0 6px 0 #FFD1D8;
     -moz-box-shadow: 0 0 6px 0 #FFD1D8;
     box-shadow: 0 0 6px 0 #FFD1D8;
     cursor: pointer
 }

 .acgn-model-float .float-cat-main .round-list .item.item-icon {
     font-size: 32px;
     line-height: 40px
 }

 .acgn-model-float .float-cat-main .round-list .item:hover {
     color: #fc6976;
     -webkit-box-shadow: 0 0 6px 0 #FFB5C3;
     -moz-box-shadow: 0 0 6px 0 #FFB5C3;
     box-shadow: 0 0 6px 0 #FFB5C3
 }

 .acgn-model-float .float-cat-main .round-list .item a {
     color: inherit
 }

 .acgn-model-float .float-cat-main .round-list .item-hover {
     position: absolute;
     left: 50%;
     top: 50%;
     display: none;
     height: 0;
     width: 0
 }

 .acgn-model-float .float-cat-main .round-list .item:hover .item-hover {
     display: block
 }

 .acgn-model-float .float-cat-main .round-list .float-qr-code {
     position: absolute;
     right: 48px;
     top: 0;
     display: block;
     height: 150px;
     width: 120px;
     padding: 24px 12px 8px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     margin-top: -75px;
     background: url(../image/bg-cat-main-hollow.png) no-repeat 50%;
     -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     background-size: 100% 100%
 }

 .acgn-model-float .float-cat-main .round-list .float-qr-code .pic {
     display: block;
     height: 96px;
     width: 96px;
     margin: 0 auto
 }

 .acgn-model-float .float-cat-main .round-list .float-qr-code .text {
     height: 18px;
     font-size: 12px;
     color: #666666;
     line-height: 18px;
     text-align: center
 }

 .acgn-model-float .float-cat-main .cat {
     position: absolute;
     z-index: 52;
     left: 50%;
     top: 0;
     height: 40px;
     width: 40px;
     margin-left: -20px;
     background: url(../image/cat-stand2.png) no-repeat 50%;
     -webkit-background-size: 40px 40px;
     -moz-background-size: 40px 40px;
     background-size: 40px 40px
 }